From 836ea97ee58c126eec9c999422c43e5bf32690a5 Mon Sep 17 00:00:00 2001
From: logan <admin@attacker.club>
Date: Fri, 22 May 2026 23:35:55 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=95=B0=E6=8D=AE=E6=BA=90=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E4=BD=BF=E7=94=A8=E5=93=81=E7=89=8CSVG=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=20+=20=E6=8C=89=E9=92=AE=E5=8E=BB=E8=A3=85=E9=A5=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- MySQL: 官方海豚蓝色SVG
- PostgreSQL: 官方大象蓝色轮廓SVG
- Redis: 官方红色菱形堆叠SVG
- MongoDB: 官方绿色叶子SVG
- 底部按钮去掉闪电图标，纯文字简洁风格
- 前端构建零错误, 后端202测试通过
---
 frontend/src/pages/InstancePage.tsx           |   73 +-
 数据审核平台菜单优化/app/.gitignore           |   24 -
 数据审核平台菜单优化/app/DEVELOPMENT.md       |  547 --
 .../app/OPTIMIZATION_GUIDE.md                 | 2055 ----
 数据审核平台菜单优化/app/README.md            |   73 -
 数据审核平台菜单优化/app/components.json      |   22 -
 数据审核平台菜单优化/app/eslint.config.js     |   23 -
 数据审核平台菜单优化/app/index.html           |   12 -
 数据审核平台菜单优化/app/info.md              |   31 -
 数据审核平台菜单优化/app/package-lock.json    | 8400 -----------------
 数据审核平台菜单优化/app/package.json         |   84 -
 数据审核平台菜单优化/app/postcss.config.js    |    6 -
 数据审核平台菜单优化/app/src/App.css          |   42 -
 数据审核平台菜单优化/app/src/App.tsx          |   84 -
 .../app/src/components/EmptyState.tsx         |   27 -
 .../app/src/components/Layout.tsx             |  164 -
 .../app/src/components/PageHeader.tsx         |   53 -
 .../app/src/components/SkeletonCard.tsx       |   65 -
 .../app/src/components/ui/accordion.tsx       |   64 -
 .../app/src/components/ui/alert-dialog.tsx    |  155 -
 .../app/src/components/ui/alert.tsx           |   66 -
 .../app/src/components/ui/aspect-ratio.tsx    |   11 -
 .../app/src/components/ui/avatar.tsx          |   51 -
 .../app/src/components/ui/badge.tsx           |   46 -
 .../app/src/components/ui/breadcrumb.tsx      |  109 -
 .../app/src/components/ui/button-group.tsx    |   83 -
 .../app/src/components/ui/button.tsx          |   62 -
 .../app/src/components/ui/calendar.tsx        |  220 -
 .../app/src/components/ui/card.tsx            |   92 -
 .../app/src/components/ui/carousel.tsx        |  239 -
 .../app/src/components/ui/chart.tsx           |  357 -
 .../app/src/components/ui/checkbox.tsx        |   32 -
 .../app/src/components/ui/collapsible.tsx     |   31 -
 .../app/src/components/ui/command.tsx         |  182 -
 .../app/src/components/ui/context-menu.tsx    |  252 -
 .../app/src/components/ui/dialog.tsx          |  141 -
 .../app/src/components/ui/drawer.tsx          |  135 -
 .../app/src/components/ui/dropdown-menu.tsx   |  255 -
 .../app/src/components/ui/empty.tsx           |  104 -
 .../app/src/components/ui/field.tsx           |  246 -
 .../app/src/components/ui/form.tsx            |  167 -
 .../app/src/components/ui/hover-card.tsx      |   44 -
 .../app/src/components/ui/input-group.tsx     |  170 -
 .../app/src/components/ui/input-otp.tsx       |   75 -
 .../app/src/components/ui/input.tsx           |   21 -
 .../app/src/components/ui/item.tsx            |  193 -
 .../app/src/components/ui/kbd.tsx             |   28 -
 .../app/src/components/ui/label.tsx           |   24 -
 .../app/src/components/ui/menubar.tsx         |  274 -
 .../app/src/components/ui/navigation-menu.tsx |  168 -
 .../app/src/components/ui/pagination.tsx      |  127 -
 .../app/src/components/ui/popover.tsx         |   48 -
 .../app/src/components/ui/progress.tsx        |   29 -
 .../app/src/components/ui/radio-group.tsx     |   45 -
 .../app/src/components/ui/resizable.tsx       |   54 -
 .../app/src/components/ui/scroll-area.tsx     |   58 -
 .../app/src/components/ui/select.tsx          |  188 -
 .../app/src/components/ui/separator.tsx       |   28 -
 .../app/src/components/ui/sheet.tsx           |  137 -
 .../app/src/components/ui/sidebar.tsx         |  726 --
 .../app/src/components/ui/skeleton.tsx        |   13 -
 .../app/src/components/ui/slider.tsx          |   63 -
 .../app/src/components/ui/sonner.tsx          |   38 -
 .../app/src/components/ui/spinner.tsx         |   16 -
 .../app/src/components/ui/switch.tsx          |   31 -
 .../app/src/components/ui/table.tsx           |  114 -
 .../app/src/components/ui/tabs.tsx            |   66 -
 .../app/src/components/ui/textarea.tsx        |   18 -
 .../app/src/components/ui/toggle-group.tsx    |   81 -
 .../app/src/components/ui/toggle.tsx          |   45 -
 .../app/src/components/ui/tooltip.tsx         |   61 -
 .../app/src/hooks/use-mobile.ts               |   19 -
 .../app/src/hooks/useAuth.tsx                 |  157 -
 数据审核平台菜单优化/app/src/index.css        |  101 -
 数据审核平台菜单优化/app/src/lib/mock.ts      |  259 -
 数据审核平台菜单优化/app/src/lib/utils.ts     |    6 -
 数据审核平台菜单优化/app/src/main.tsx         |   10 -
 .../app/src/pages/AnnouncementPage.tsx        |  355 -
 .../app/src/pages/AuditRulesPage.tsx          |  134 -
 .../app/src/pages/AutoTaskPage.tsx            |  294 -
 .../app/src/pages/ConfigPlatformPage.tsx      |  700 --
 .../app/src/pages/Dashboard.tsx               |  237 -
 .../app/src/pages/DataPermissionPage.tsx      |  109 -
 数据审核平台菜单优化/app/src/pages/Home.tsx   |   20 -
 .../app/src/pages/InstancePage.tsx            |  291 -
 .../app/src/pages/LoginPage.tsx               |  128 -
 .../app/src/pages/NotificationsPage.tsx       |  166 -
 .../app/src/pages/QueriesPage.tsx             |  346 -
 .../app/src/pages/RolesPage.tsx               |  159 -
 .../app/src/pages/TicketsPage.tsx             |  463 -
 .../app/src/pages/UsersPage.tsx               |  119 -
 .../app/src/pages/WorkflowPage.tsx            |  550 --
 数据审核平台菜单优化/app/src/types/index.ts   |  178 -
 数据审核平台菜单优化/app/tailwind.config.js   |   84 -
 数据审核平台菜单优化/app/tsconfig.app.json    |   34 -
 数据审核平台菜单优化/app/tsconfig.json        |   17 -
 数据审核平台菜单优化/app/tsconfig.node.json   |   26 -
 数据审核平台菜单优化/app/vite.config.ts       |   18 -
 .../data-audit-platform-demo/index.html       | 1303 ---
 .../data-audit-platform-pro/index.html        | 1990 ----
 .../data-audit-platform/.gitignore            |   65 -
 .../data-audit-platform/Dockerfile            |   35 -
 .../data-audit-platform/README.md             |  237 -
 .../data-audit-platform/backend/.env.example  |   24 -
 .../data-audit-platform/backend/main.py       | 1047 --
 .../backend/requirements.txt                  |   14 -
 .../data-audit-platform/demo.html             |  957 --
 .../data-audit-platform/docker-compose.yml    |   46 -
 .../data-audit-platform/frontend/index.html   |   13 -
 .../data-audit-platform/frontend/package.json |   39 -
 .../data-audit-platform/frontend/src/App.vue  |   21 -
 .../frontend/src/api/index.ts                 |  125 -
 .../frontend/src/layouts/MainLayout.vue       |  431 -
 .../data-audit-platform/frontend/src/main.ts  |   23 -
 .../frontend/src/router/index.ts              |  259 -
 .../frontend/src/stores/user.ts               |   63 -
 .../frontend/src/styles/main.scss             |  271 -
 .../frontend/src/types/index.ts               |  156 -
 .../frontend/src/views/Dashboard.vue          |  503 -
 .../frontend/src/views/Login.vue              |  197 -
 .../frontend/src/views/NotFound.vue           |   22 -
 .../frontend/src/views/audit-rules/Index.vue  |  171 -
 .../src/views/datasource/mysql/Detail.vue     |  184 -
 .../src/views/datasource/mysql/Instances.vue  |  551 --
 .../src/views/datasource/mysql/Query.vue      |  582 --
 .../src/views/datasource/redis/Detail.vue     |  278 -
 .../src/views/datasource/redis/Instances.vue  |  442 -
 .../src/views/datasource/redis/Keys.vue       |  523 -
 .../frontend/src/views/dictionary/Index.vue   |  355 -
 .../frontend/src/views/instances/Index.vue    |  385 -
 .../frontend/src/views/query/Index.vue        |  297 -
 .../frontend/src/views/redis/Index.vue        |  382 -
 .../frontend/src/views/settings/Index.vue     |  230 -
 .../frontend/src/views/users/Index.vue        |  170 -
 .../frontend/src/views/workflows/Create.vue   |  432 -
 .../frontend/src/views/workflows/Detail.vue   |  404 -
 .../frontend/src/views/workflows/Index.vue    |  322 -
 .../frontend/tsconfig.json                    |   25 -
 .../frontend/tsconfig.node.json               |   10 -
 .../frontend/vite.config.ts                   |   25 -
 .../data-audit-platform/start.bat             |   83 -
 .../data-audit-platform/start.sh              |   85 -
 142 files changed, 54 insertions(+), 36571 deletions(-)
 delete mode 100644 数据审核平台菜单优化/app/.gitignore
 delete mode 100644 数据审核平台菜单优化/app/DEVELOPMENT.md
 delete mode 100644 数据审核平台菜单优化/app/OPTIMIZATION_GUIDE.md
 delete mode 100644 数据审核平台菜单优化/app/README.md
 delete mode 100644 数据审核平台菜单优化/app/components.json
 delete mode 100644 数据审核平台菜单优化/app/eslint.config.js
 delete mode 100644 数据审核平台菜单优化/app/index.html
 delete mode 100644 数据审核平台菜单优化/app/info.md
 delete mode 100644 数据审核平台菜单优化/app/package-lock.json
 delete mode 100644 数据审核平台菜单优化/app/package.json
 delete mode 100644 数据审核平台菜单优化/app/postcss.config.js
 delete mode 100644 数据审核平台菜单优化/app/src/App.css
 delete mode 100644 数据审核平台菜单优化/app/src/App.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/EmptyState.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/Layout.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/PageHeader.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/SkeletonCard.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/accordion.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/alert-dialog.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/alert.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/aspect-ratio.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/avatar.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/badge.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/breadcrumb.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/button-group.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/button.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/calendar.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/card.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/carousel.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/chart.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/checkbox.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/collapsible.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/command.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/context-menu.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/dialog.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/drawer.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/dropdown-menu.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/empty.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/field.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/form.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/hover-card.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/input-group.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/input-otp.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/input.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/item.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/kbd.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/label.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/menubar.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/navigation-menu.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/pagination.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/popover.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/progress.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/radio-group.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/resizable.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/scroll-area.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/select.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/separator.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/sheet.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/sidebar.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/skeleton.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/slider.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/sonner.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/spinner.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/switch.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/table.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/tabs.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/textarea.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/toggle-group.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/toggle.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/components/ui/tooltip.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/hooks/use-mobile.ts
 delete mode 100644 数据审核平台菜单优化/app/src/hooks/useAuth.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/index.css
 delete mode 100644 数据审核平台菜单优化/app/src/lib/mock.ts
 delete mode 100644 数据审核平台菜单优化/app/src/lib/utils.ts
 delete mode 100644 数据审核平台菜单优化/app/src/main.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/AnnouncementPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/AuditRulesPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/AutoTaskPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/ConfigPlatformPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/Dashboard.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/DataPermissionPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/Home.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/InstancePage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/LoginPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/NotificationsPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/QueriesPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/RolesPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/TicketsPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/UsersPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/pages/WorkflowPage.tsx
 delete mode 100644 数据审核平台菜单优化/app/src/types/index.ts
 delete mode 100644 数据审核平台菜单优化/app/tailwind.config.js
 delete mode 100644 数据审核平台菜单优化/app/tsconfig.app.json
 delete mode 100644 数据审核平台菜单优化/app/tsconfig.json
 delete mode 100644 数据审核平台菜单优化/app/tsconfig.node.json
 delete mode 100644 数据审核平台菜单优化/app/vite.config.ts
 delete mode 100644 数据审核平台菜单优化/data-audit-platform-demo/index.html
 delete mode 100644 数据审核平台菜单优化/data-audit-platform-pro/index.html
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/.gitignore
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/Dockerfile
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/README.md
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/backend/.env.example
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/backend/main.py
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/backend/requirements.txt
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/demo.html
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/docker-compose.yml
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/index.html
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/package.json
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/App.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/api/index.ts
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/layouts/MainLayout.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/main.ts
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/router/index.ts
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/stores/user.ts
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/styles/main.scss
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/types/index.ts
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/Dashboard.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/Login.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/NotFound.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/audit-rules/Index.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Detail.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Instances.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Query.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Detail.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Instances.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Keys.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/dictionary/Index.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/instances/Index.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/query/Index.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/redis/Index.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/settings/Index.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/users/Index.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Create.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Detail.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Index.vue
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/tsconfig.json
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/tsconfig.node.json
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/frontend/vite.config.ts
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/start.bat
 delete mode 100644 数据审核平台菜单优化/data-audit-platform/start.sh

diff --git a/frontend/src/pages/InstancePage.tsx b/frontend/src/pages/InstancePage.tsx
index ed33191..7cf9f04 100644
--- a/frontend/src/pages/InstancePage.tsx
+++ b/frontend/src/pages/InstancePage.tsx
@@ -317,6 +317,46 @@ function InstanceDetail({ instance, onBack, config, canEdit, canDelete, onDelete
   );
 }
 
+/* ---------- Database Brand SVG Icons ---------- */
+function MySQLIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 256 256" className={className}>
+      <path d="M235.6 184.1c-13.2-1.3-24.5-10.2-29.8-22.1a7.7 7.7 0 01-.4-1.5c-1.2-3.2-1.5-7-.7-10.8 2-9.5 9.9-15.2 18.6-14.3 8.7.9 15.6 8.1 16.2 17.7.5 7.6-3.2 14.3-9 18.2a1.3 1.3 0 00-.5 1.5c2.7 7.4 8 12.6 14.9 14.4a1.3 1.3 0 01-.8 2.4c-3-.5-5.9-2.4-8.5-5.5z" fill="#00758F"/>
+      <path d="M28.3 200.3c0 .3.2.5.5.5h5.6c.3 0 .5-.2.5-.5v-19.4h7.8c.3 0 .5-.2.5-.5v-4.4c0-.3-.2-.5-.5-.5H20.5c-.3 0-.5.2-.5.5v4.4c0 .3.2.5.5.5h7.8v19.4zm22.5 0c0 .3.2.5.5.5h5.6c.3 0 .5-.2.5-.5v-24.8c0-.3-.2-.5-.5-.5h-5.6c-.3 0-.5.2-.5.5v24.8zm15.6 0c0 .3.2.5.5.5h13.2c.3 0 .5-.2.5-.5v-4.4c0-.3-.2-.5-.5-.5h-7.1v-19.9c0-.3-.2-.5-.5-.5h-5.6c-.3 0-.5.2-.5.5v24.8zm22.5 0c0 .3.2.5.5.5h5.6c.3 0 .5-.2.5-.5v-24.8c0-.3-.2-.5-.5-.5h-5.6c-.3 0-.5.2-.5.5v24.8zm16.8-12.4c0-7.5 5.7-12.9 13.2-12.9 4.6 0 8.1 1.9 10.5 5l-3.9 3.2c-1.7-2.2-3.9-3.3-6.4-3.3-4.6 0-7.9 3.4-7.9 8s3.3 8 7.9 8c2.5 0 4.7-1.1 6.4-3.3l3.9 3.2c-2.4 3.1-5.9 5-10.5 5-7.5 0-13.2-5.4-13.2-12.9z" fill="#F29111"/>
+      <ellipse cx="128" cy="56" rx="90" ry="28" fill="none" stroke="#00758F" strokeWidth="6"/>
+    </svg>
+  );
+}
+
+function PostgreSQLIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 256 256" className={className}>
+      <path d="M191.5 18.2c-1.2-10.2-7.8-17.6-18.3-18C163.6-.3 153 4 145.2 12c-7.2 7.3-11 17-10.6 27 .3 5.7 1.5 11 3.6 15.7-3.2 7.5-7.6 18.2-10.5 25.8-4.5 11.8-13.4 29.7-19.6 29.7-1.5 0-3.2-.8-5-2.4-6.5-5.8-14.4-8.8-22.9-8.8-11 0-20.7 5.2-25.5 13.6-3.6 6.3-3.7 13.5-.4 19.7 4 7.4 12.5 12.8 22 14l.7.1c6.6.6 13.6-2.3 20.7-8.6 3.3-2.9 7.6-4.5 12.4-4.7 7.4-.3 14.8 3.3 18.7 9.1 3.4 5.1 3.5 11.5.2 16.6-2.2 3.4-5.3 5.8-9 7.1-3 1-5.3 3.3-6.3 6.3-1 3.1-.5 6.4 1.4 9 3.8 5.2 9.3 7.9 15.8 7.9 4.5 0 9.2-1.3 13.5-3.8 4.6-2.7 7.9-6.7 9.6-11.7 1.4-4.1 1.5-8.5.2-12.8l-.1-.3c-2-6.5.3-13.8 5.7-17.9 5.6-4.2 13-4.5 18.9-.7 8.8 5.6 14.1 13.2 15.4 22 .6 3.8.4 7.7-.6 11.4" fill="none" stroke="#336791" strokeWidth="10" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  );
+}
+
+function RedisIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 256 256" className={className}>
+      <path d="M128 190L20.5 145.3v-20.6l107.5 44.7 107.5-44.7v20.6L128 190z" fill="#912626"/>
+      <path d="M128 149.4L20.5 104.7V84.1L128 128.8l107.5-44.7v20.6L128 149.4z" fill="#C6302B"/>
+      <path d="M128 108.8L20.5 64.1V43.5L128 88.2l107.5-44.7v20.6L128 108.8z" fill="#912626"/>
+      <path d="M128 66.5L73.2 43.7 128 20.9l54.8 22.8L128 66.5z" fill="#C6302B"/>
+      <path d="M128 235.2l-107.5-44.7v-20.6L128 214.6l107.5-44.7v20.6L128 235.2z" fill="#912626"/>
+    </svg>
+  );
+}
+
+function MongoDBIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 256 256" className={className}>
+      <path d="M128 20c-4.4 16-10 28-17.6 39.2C101.6 72.4 88.8 84 78 98c-14.8 19.2-23.2 40.4-23.2 65.2 0 38.8 31.2 72.8 73.2 72.8s73.2-34 73.2-72.8c0-24.8-8.4-46-23.2-65.2C167.2 84 154.4 72.4 145.6 59.2 138 48 132.4 36 128 20z" fill="#439934"/>
+      <path d="M128 20c-2 12-6.8 22-12.8 31.2C107.6 63.6 98 73.6 89.6 85.2 78 100.4 72 118 72 138c0 30 22 56 56 56s56-26 56-56c0-20-6-37.6-17.6-52.8C158 73.6 148.4 63.6 140.8 51.2 134.8 42 130 32 128 20z" fill="#4AA841"/>
+    </svg>
+  );
+}
+
 /* ---------- CreateInstanceForm ---------- */
 const PRESET_MASK_FIELDS = [
   'mobile', 'concat_mobile', 'email_alias', 'email', 'password',
@@ -426,23 +466,18 @@ function CreateInstanceForm({ defaultType, onCancel, onCreated }: { defaultType:
           <h3 className="text-sm font-semibold text-[var(--dg-text-secondary)]">数据源类型</h3>
           <div className="grid grid-cols-4 gap-3">
             {[
-              { value: 'mysql', label: 'MySQL', icon: Database, color: 'text-[#26a69a]', bg: 'bg-[rgba(0,117,143,0.15)]' },
-              { value: 'postgres', label: 'PostgreSQL', icon: Server, color: 'text-[#42a5f5]', bg: 'bg-[rgba(51,103,145,0.15)]' },
-              { value: 'redis', label: 'Redis', icon: Zap, color: 'text-[#ef5350]', bg: 'bg-[rgba(220,50,32,0.15)]' },
-              { value: 'mongo', label: 'MongoDB', icon: Leaf, color: 'text-[#66bb6a]', bg: 'bg-[rgba(71,162,72,0.15)]' },
-            ].map(t => {
-              const Icon = t.icon;
-              return (
-                <button key={t.value} type="button" onClick={() => handleTypeChange(t.value)}
-                  className={'flex flex-col items-center gap-2 p-3 rounded-lg border-2 transition-all '
-                    + (dbType === t.value ? 'border-blue-500 bg-blue-500/5' : 'border-[var(--dg-border)] hover:border-[var(--dg-text-muted)]')}>
-                  <div className={'w-10 h-10 rounded-lg flex items-center justify-center ' + t.bg}>
-                    <Icon className={'w-5 h-5 ' + t.color} />
-                  </div>
-                  <span className="text-xs font-medium">{t.label}</span>
-                </button>
-              );
-            })}
+              { value: 'mysql', label: 'MySQL', Icon: MySQLIcon },
+              { value: 'postgres', label: 'PostgreSQL', Icon: PostgreSQLIcon },
+              { value: 'redis', label: 'Redis', Icon: RedisIcon },
+              { value: 'mongo', label: 'MongoDB', Icon: MongoDBIcon },
+            ].map(t => (
+              <button key={t.value} type="button" onClick={() => handleTypeChange(t.value)}
+                className={'flex flex-col items-center gap-2 p-3 rounded-lg border-2 transition-all '
+                  + (dbType === t.value ? 'border-blue-500 bg-blue-500/5' : 'border-[var(--dg-border)] hover:border-[var(--dg-text-muted)]')}>
+                <t.Icon className="w-8 h-8" />
+                <span className="text-xs font-medium">{t.label}</span>
+              </button>
+            ))}
           </div>
         </CardContent>
       </Card>
@@ -614,8 +649,8 @@ function CreateInstanceForm({ defaultType, onCancel, onCreated }: { defaultType:
       {error && <div className="text-sm text-red-400">{error}</div>}
       <div className="flex items-center justify-between">
         <button onClick={handleTestConnection} disabled={testing || !host || !port}
-          className="flex items-center gap-2 px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm font-medium text-[var(--dg-text-primary)] hover:bg-[var(--dg-bg-hover)] disabled:opacity-40">
-          <Zap className="w-4 h-4" /> {testing ? '测试中...' : '测试连接'}
+          className="px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm font-medium text-[var(--dg-text-primary)] hover:bg-[var(--dg-bg-hover)] disabled:opacity-40">
+          {testing ? '测试中...' : '测试连接'}
         </button>
         <div className="flex gap-3">
           <button onClick={onCancel} className="px-4 py-2 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm hover:bg-[var(--dg-bg-hover)]">取消</button>
diff --git a/数据审核平台菜单优化/app/.gitignore b/数据审核平台菜单优化/app/.gitignore
deleted file mode 100644
index a547bf3..0000000
--- a/数据审核平台菜单优化/app/.gitignore
+++ /dev/null
@@ -1,24 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
diff --git a/数据审核平台菜单优化/app/DEVELOPMENT.md b/数据审核平台菜单优化/app/DEVELOPMENT.md
deleted file mode 100644
index b749518..0000000
--- a/数据审核平台菜单优化/app/DEVELOPMENT.md
+++ /dev/null
@@ -1,547 +0,0 @@
-# DataGuard - 数据库变更审核平台 开发文档
-
-> 版本: v2.0  
-> 更新日期: 2026-05-20  
-> 技术栈: React 19 + TypeScript + Vite + Tailwind CSS + shadcn/ui
-
----
-
-## 一、项目概述
-
-DataGuard 是一款企业级数据库变更审核平台，对标 Bytebase / Yearning / Archery，支持多数据库实例管理、SQL 变更工单审批、查询审计、自动任务、权限控制等核心功能。
-
-### 核心设计理念
-
-- **安全优先**: 所有数据变更通过工单审批流程，SQL 自动审核 + 人工审批双重保障
-- **多数据库支持**: MySQL、PostgreSQL、Redis、MongoDB、ClickHouse
-- **审计可追溯**: 完整的查询审计日志，敏感数据自动脱敏
-- **回滚可控**: 基于 Binlog ROW 格式的自动回滚 SQL 生成
-- **角色分级**: admin / dba / developer / guest 四级权限控制
-
----
-
-## 二、技术栈
-
-| 类别 | 技术 | 版本 |
-|------|------|------|
-| 框架 | React | 19 |
-| 语言 | TypeScript | 5.x |
-| 构建 | Vite | 7.x |
-| 样式 | Tailwind CSS | 3.4 |
-| UI 库 | shadcn/ui + Radix UI | latest |
-| 路由 | react-router-dom | 7.x |
-| 图标 | lucide-react | latest |
-| 图表 | recharts | 2.x |
-
-### 目录结构
-
-```
-src/
-├── components/           # 全局组件
-│   ├── ui/              # shadcn/ui 组件（Button, Card, Dialog, Tabs, Switch, Select 等）
-│   ├── Layout.tsx       # 主布局（侧边栏 + 顶部栏 + 内容区）
-│   ├── PageHeader.tsx   # 统一页面头部（标题 + 描述 + 操作按钮）
-│   ├── EmptyState.tsx   # 空状态组件
-│   └── SkeletonCard.tsx # Loading 骨架屏
-├── pages/               # 页面组件（按路由划分）
-│   ├── Dashboard.tsx           # 仪表盘
-│   ├── InstancePage.tsx        # 数据库实例管理
-│   ├── TicketsPage.tsx         # 数据变更工单
-│   ├── QueriesPage.tsx         # 查询审计
-│   ├── RolesPage.tsx           # 角色管理
-│   ├── UsersPage.tsx           # 用户管理
-│   ├── DataPermissionPage.tsx  # 数据权限
-│   ├── AuditRulesPage.tsx      # 审核规则
-│   ├── WorkflowPage.tsx        # 审批流程配置
-│   ├── AutoTaskPage.tsx        # 自动任务
-│   ├── AnnouncementPage.tsx    # 公告管理
-│   ├── ConfigPlatformPage.tsx  # 配置平台
-│   └── LoginPage.tsx           # 登录
-├── hooks/               # 自定义 Hooks
-│   └── useAuth.tsx      # 权限上下文 + useAuth + useActionPermission
-├── lib/                 # 工具库
-│   ├── mock.ts          # 全量 Mock 数据
-│   └── utils.ts         # 工具函数
-├── types/               # TypeScript 类型定义
-│   └── index.ts         # 全局类型
-├── App.tsx              # 根组件（路由 + 路由守卫）
-├── index.css            # 全局样式 + 深色主题变量
-└── main.tsx             # 入口文件
-```
-
----
-
-## 三、核心功能模块
-
-### 3.1 仪表盘 (Dashboard)
-
-**路由**: `/dashboard`  
-**权限**: 全部角色
-
-**功能说明**:
-- 工单统计卡片（总工单 / 待审批 / 本月 / 进行中）
-- 审核规则统计卡片
-- 查询统计卡片
-- 工单趋势折线图（30天）
-- 状态分布饼图
-- 工单表格列表（含详情弹窗）
-
-**关键代码**:
-```tsx
-// pages/Dashboard.tsx
-// 使用 recharts 绘制图表，工单表格复用 tickets mock 数据
-```
-
----
-
-### 3.2 数据库实例管理 (InstancePage)
-
-**路由**: `/mysql`, `/postgres`, `/redis`, `/mongo`, `/clickhouse`  
-**权限**: admin, dba
-
-**功能说明**:
-- 卡片网格展示实例（连接状态、版本、环境、主机、端口）
-- 实时性能指标（QPS、连接数、磁盘、CPU、内存）
-- 实例详情页（监控图表、连接信息、慢查询 TOP5、基本信息）
-- 支持批量添加实例
-
-**关键数据结构**:
-```typescript
-interface DBInstance {
-  id: number;
-  name: string;
-  host: string;
-  port: number;
-  type: 'mysql' | 'postgres' | 'redis' | 'mongo' | 'clickhouse';
-  env: 'production' | 'staging' | 'development';
-  status: 'connected' | 'disconnected' | 'error';
-  version: string;
-  databases: number;
-  tables: number;
-  size: string;
-  connections: number;
-  maxConnections: number;
-  qps: number;
-  latency: number;
-  cpu: number;
-  memory: number;
-  disk: number;
-  uptime: string;
-  lastBackup: string;
-}
-```
-
----
-
-### 3.3 数据变更工单 (TicketsPage)
-
-**路由**: `/tickets`  
-**权限**: admin, dba, developer（developer 仅可查看自己工单）
-
-**功能说明**:
-- 工单列表（状态快捷筛选、搜索、多维度过滤）
-- 新建工单（SQL 编辑器、审核预览、回滚 SQL）
-- 工单详情（审批流程可视化、SQL 内容、回滚 SQL、审批记录）
-- 操作权限：审批/拒绝（dba+admin）、执行（dba+admin）
-
-**工单状态流转**:
-```
-pending(待审批) -> reviewing(审批中) -> approved(已通过) -> executing(执行中) -> success(成功)
-                                          -> rejected(已拒绝)
-                                          -> failed(失败)
-```
-
-**回滚机制**:
-- 基于 MySQL Binlog ROW 格式解析
-- AST 语法分析提取变更前后的数据
-- 执行前自动备份受影响数据
-- 72 小时内可一键回滚
-
-**关键数据结构**:
-```typescript
-interface Ticket {
-  id: string;
-  title: string;
-  dbType: string;
-  instance: string;
-  database: string;
-  sql: string;
-  rollbackSql?: string;
-  status: 'pending' | 'reviewing' | 'approved' | 'rejected' | 'executing' | 'success' | 'failed';
-  priority: 'high' | 'medium' | 'low';
-  applicant: string;
-  approver: string;
-  createTime: string;
-  executeTime: string;
-  reason: string;
-  workflowSteps?: { name: string; status: string; time?: string }[];
-  approvalRecords?: { approver: string; action: string; comment: string; time: string }[];
-}
-```
-
----
-
-### 3.4 查询审计 (QueriesPage)
-
-**路由**: `/queries`  
-**权限**: 全部角色（guest 不可新建查询）
-
-**功能说明**:
-- 查询审计日志列表（SQL 语句、执行时长、返回行数、敏感数据标记）
-- 查询结果集展示（敏感字段自动脱敏）
-- 新建查询（SQL 编辑器 + 数据库选择）
-- 查询结果导出
-
-**敏感数据脱敏规则**:
-| 字段类型 | 脱敏方式 | 示例 |
-|---------|---------|------|
-| 邮箱 | 前缀掩码 | `abc***@gmail.com` |
-| 手机号 | 中间掩码 | `138****8888` |
-| 身份证号 | 中间掩码 | `110**********0011` |
-| 银行卡 | 后四位保留 | `**** **** **** 1234` |
-
----
-
-### 3.5 角色管理 (RolesPage)
-
-**路由**: `/roles`  
-**权限**: admin
-
-**功能说明**:
-- 角色列表展示
-- 权限矩阵（页面权限 + 操作权限 + 数据权限）
-- 角色创建/编辑/删除
-
-**系统内置角色**:
-
-| 角色 | 权限范围 |
-|------|---------|
-| 超级管理员(admin) | 全部功能 |
-| 数据库管理员(dba) | 数据源 + 工单审批 + 查询 + 权限 + 规则 + 流程 |
-| 开发人员(developer) | 工单提交 + 查询 |
-| 访客(guest) | 仅查询审计查看 |
-
----
-
-### 3.6 用户管理 (UsersPage)
-
-**路由**: `/users`  
-**权限**: admin
-
-**功能说明**:
-- 用户列表（用户名、角色、状态、最近登录）
-- 新建/编辑/禁用用户
-- 角色分配
-
----
-
-### 3.7 审批流程配置 (WorkflowPage)
-
-**路由**: `/workflow`  
-**权限**: admin, dba
-
-**功能说明**:
-- 审批流程模板管理
-- 流程步骤配置：提交阶段 -> 审核阶段 -> 执行阶段
-- 支持多级审批（一级审批、二级审批）
-- 审批模式：或签（任一人通过）/ 会签（全部人通过）
-- 流程可视化展示
-- 适用数据库类型配置
-
-**典型流程示例**:
-```
-提交阶段(提交人) -> 一级审批(部门负责人, 或签) -> 二级审批(DBA团队, 或签) -> 执行阶段(DBA执行人)
-```
-
----
-
-### 3.8 自动任务 (AutoTaskPage)
-
-**路由**: `/auto-task`  
-**权限**: admin
-
-**功能说明**:
-- 定时 SQL 任务管理（Cron 表达式）
-- 支持频率：一次性 / 每小时 / 每天 / 每周 / 每月
-- 任务启停控制
-- 执行日志和通知
-
-**典型场景**:
-- 每日数据归档
-- 周/月度统计报表生成
-- 索引健康检查
-- 过期数据清理
-
----
-
-### 3.9 配置平台 (ConfigPlatformPage)
-
-**路由**: `/config-platform`  
-**权限**: admin
-
-**包含 5 个配置模块**:
-
-#### 3.9.1 消息推送
-- 渠道：飞书、钉钉、企业微信、Telegram、邮件
-- 每个渠道独立开关 + Webhook 配置
-- 通知事件：工单创建、审批通过、审批拒绝、执行完成、执行失败
-- 连接测试功能
-
-#### 3.9.2 LDAP 设置
-- LDAP/AD 域账号登录集成
-- 服务器地址、Bind DN、Base DN、字段映射
-- 自动同步用户（可配置同步间隔）
-
-#### 3.9.3 查询限制
-- 查询审核审批开关（不开启时允许查询授权资源）
-- 最大 Limit 限制（滑块控制 100-100,000）
-- 查询超时时间
-- 结果导出行数限制
-- 写入操作开关
-- 禁止的关键词列表
-
-#### 3.9.4 工单提交规则
-| 规则 | 说明 |
-|------|------|
-| SQL 语法检查 | 提交前自动语法校验 |
-| 影响行数限制 | 单次操作最大影响行数 |
-| 工单标题必填 | 最小 5 字符 |
-| 变更原因必填 | 最小 10 字符 |
-| 回滚 SQL 必填 | UPDATE/DELETE 必须提供回滚 |
-| 禁止提交时段 | 配置高峰时段禁止提交 |
-| 同一表并发限制 | 同一表只能有一个进行中的变更 |
-| 敏感操作二次确认 | 影响行数超阈值需二次确认 |
-
-#### 3.9.5 DDL 拦截规则
-| 规则 | 动作 |
-|------|------|
-| DROP TABLE / DATABASE | 拦截 |
-| TRUNCATE TABLE | 拦截 |
-| ALTER TABLE DROP/MODIFY/CHANGE COLUMN | 需审批 |
-| RENAME TABLE | 需审批 |
-| CREATE TABLE / ADD COLUMN / CREATE INDEX | 警告 |
-
----
-
-## 四、权限系统
-
-### 4.1 权限架构
-
-```
-路由守卫 (RouteGuard)
-  -> 菜单过滤 (visibleMenuItems)
-    -> 页面级权限 (PageHeader action/secondaryAction)
-      -> 操作级权限 (useActionPermission)
-        -> 数据级权限 (列表过滤)
-```
-
-### 4.2 权限 Hook
-
-```typescript
-// 获取用户信息和权限方法
-const { user, isAdmin, isDBA, isDeveloper, isGuest, hasPermission } = useAuth();
-
-// 检查操作权限
-const canApprove = useActionPermission('ticket.approve');  // true/false
-```
-
-### 4.3 权限配置表
-
-路由权限：`useAuth.tsx` 中 `routePermissionMap`
-操作权限：`useAuth.tsx` 中 `actionPermissionMap`
-菜单权限：`lib/mock.ts` 中 `menuItems[*].roles`
-
-### 4.4 角色切换演示
-
-侧边栏底部提供角色切换按钮（仅演示用途），切换后：
-1. 自动过滤菜单项
-2. 检查当前页面是否有权限，无权限则跳转到仪表盘
-3. 页面内按钮按新角色重新渲染
-
----
-
-## 五、Mock 数据层
-
-所有数据存储在 `src/lib/mock.ts`，后端接口就绪后替换为 API 调用即可。
-
-**主要数据集合**:
-
-| 数据 | 变量名 | 用途 |
-|------|--------|------|
-| 数据库实例 | `dbInstances` | 实例管理 |
-| 工单 | `tickets` | 工单管理 |
-| 查询审计 | `queryAudits` | 查询审计 |
-| 审核规则 | `auditRules` | 审核规则 |
-| 用户 | `users` | 用户管理 |
-| 角色 | `roles` | 角色管理 |
-| 审批流程 | `workflows` | 流程配置 |
-| 菜单 | `menuItems` | 侧边栏菜单 |
-| 当前用户 | `currentUser` | 登录用户 |
-
----
-
-## 六、开发规范
-
-### 6.1 新增页面步骤
-
-1. 在 `src/pages/` 创建页面组件
-2. 在 `src/App.tsx` 添加路由（配置 `routePermissionMap` 权限）
-3. 在 `src/hooks/useAuth.tsx` 的 `routePermissionMap` 中添加路由权限
-4. 在 `src/lib/mock.ts` 的 `menuItems` 中添加菜单项
-5. （如需要）在 `actionPermissionMap` 中添加页面操作权限
-
-### 6.2 新增操作权限
-
-1. 在 `useAuth.tsx` 的 `actionPermissionMap` 中定义权限
-2. 在页面中使用 `useActionPermission('action.key')` 获取权限
-3. 使用条件渲染控制按钮/操作的显示
-
-```tsx
-const canDelete = useActionPermission('ticket.delete');
-
-{canDelete && (
-  <button onClick={handleDelete}>删除</button>
-)}
-```
-
-### 6.3 使用 PageHeader 组件
-
-```tsx
-import PageHeader from '@/components/PageHeader';
-
-<PageHeader
-  title="页面标题"
-  description="页面描述"
-  action={{ label: '新建', icon: Plus, onClick: () => {}, permission: 'action.key' }}
-  secondaryAction={{ label: '导出', icon: Download, onClick: () => {} }}
-/>
-```
-
----
-
-## 七、主题与样式
-
-### 7.1 CSS 变量
-
-深色主题变量定义在 `src/index.css`:
-
-```css
-:root {
-  --dg-bg-primary: #0d1117;      /* 主背景 */
-  --dg-bg-secondary: #161b22;     /* 卡片背景 */
-  --dg-bg-tertiary: #21262d;      /* 输入框/标签背景 */
-  --dg-bg-hover: #1c2128;         /* hover 状态 */
-  --dg-border: #30363d;           /* 边框 */
-  --dg-border-light: #21262d;     /* 浅色边框 */
-  --dg-text-primary: #e6edf3;     /* 主要文字 */
-  --dg-text-secondary: #8b949e;   /* 次要文字 */
-  --dg-text-muted: #484f58;       /* 弱化文字 */
-}
-```
-
-### 7.2 公共样式类
-
-```css
-.dg-card       /* 统一卡片样式 */
-.dg-btn-primary   /* 主按钮 */
-.dg-btn-secondary /* 次要按钮 */
-.dg-input      /* 输入框样式 */
-.dg-label      /* 标签样式 */
-```
-
----
-
-## 八、后续优化建议
-
-### 8.1 后端集成（高优先级）
-
-| 模块 | 接口需求 |
-|------|----------|
-| 用户认证 | `/api/auth/login`, `/api/auth/logout` |
-| 仪表盘 | `/api/dashboard/stats`, `/api/dashboard/trends` |
-| 实例管理 | `/api/instances/*` CRUD |
-| 工单 | `/api/tickets/*` CRUD + 审批/执行/回滚 |
-| 查询审计 | `/api/queries/*` 执行 + 日志 |
-| 用户管理 | `/api/users/*` CRUD |
-| 角色管理 | `/api/roles/*` CRUD |
-| 配置平台 | `/api/config/*` 读写 |
-
-### 8.2 功能优化
-
-- [ ] **SQL 编辑器升级**: 集成 Monaco Editor 替代 textarea，支持语法高亮、自动补全、错误提示
-- [ ] **实时通知**: WebSocket 推送工单状态变更、审批提醒
-- [ ] **数据同步**: LDAP 用户自动同步定时任务
-- [ ] **报表导出**: PDF/Excel 格式的审计报告生成
-- [ ] **SQL 变更影响分析**: 自动计算影响行数、预估执行时间
-- [ ] **数据库对比**: 结构对比、数据对比功能
-- [ ] **备份管理**: 定时备份、备份恢复、备份策略配置
-- [ ] **操作审计**: 管理员操作日志，防止越权
-
-### 8.3 性能优化
-
-- [ ] **虚拟滚动**: 大数据量表格使用虚拟滚动
-- [ ] **懒加载**: 路由级 Code Splitting
-- [ ] **数据缓存**: React Query / SWR 管理服务端状态
-- [ ] **图表优化**: 大数据量图表采样渲染
-
-### 8.4 安全加固
-
-- [ ] **前端加密**: 敏感配置字段前端加密传输
-- [ ] **防 XSS**: 所有用户输入转义输出
-- [ ] **防 CSRF**: 请求头携带 Token
-- [ ] **会话管理**: JWT Token 自动刷新、过期提醒
-
----
-
-## 九、API 接口规范（建议）
-
-### 9.1 统一响应格式
-
-```json
-{
-  "code": 200,
-  "message": "success",
-  "data": {},
-  "timestamp": 1705315200000
-}
-```
-
-### 9.2 分页参数
-
-```
-GET /api/tickets?page=1&size=10&status=pending&sort=-createTime
-```
-
-### 9.3 权限相关 Header
-
-```
-Authorization: Bearer <JWT_TOKEN>
-X-User-Role: admin
-```
-
----
-
-## 十、部署说明
-
-### 10.1 构建
-
-```bash
-cd /mnt/agents/output/app
-npm run build
-```
-
-输出目录: `dist/`
-
-### 10.2 环境变量
-
-```env
-# .env.production
-VITE_API_BASE_URL=https://api.dataguard.company.com
-VITE_APP_TITLE=DataGuard
-VITE_VERSION=2.0.0
-```
-
----
-
-*文档维护: 开发团队*  
-*如有问题请联系 DBA 团队或提交 Issue*
diff --git a/数据审核平台菜单优化/app/OPTIMIZATION_GUIDE.md b/数据审核平台菜单优化/app/OPTIMIZATION_GUIDE.md
deleted file mode 100644
index d01bc71..0000000
--- a/数据审核平台菜单优化/app/OPTIMIZATION_GUIDE.md
+++ /dev/null
@@ -1,2055 +0,0 @@
-# DataGuard 数据库变更审核平台 — 全面系统性优化指南
-
-> 版本: v3.0 | 日期: 2026-05-20  
-> 范围: FastAPI 后端 + Vue3 前端，支持 MySQL / PostgreSQL / MongoDB / Redis
-
----
-
-## 1. 总体架构优化建议
-
-### 1.1 FastAPI 后端最佳项目结构
-
-```
-backend/
-├── app/
-│   ├── __init__.py
-│   ├── main.py                    # FastAPI 应用入口，注册 router/middleware
-│   ├── core/
-│   │   ├── config.py              # Pydantic Settings 多环境配置
-│   │   ├── exceptions.py          # 全局异常定义
-│   │   ├── security.py            # JWT / OAuth2 / 密码哈希
-│   │   ├── permissions.py         # RBAC 权限校验装饰器
-│   │   └── database.py            # 多数据库连接池管理
-│   ├── api/
-│   │   ├── __init__.py
-│   │   └── v1/
-│   │       ├── __init__.py
-│   │       ├── router.py          # APIRouter 聚合
-│   │       ├── endpoints/
-│   │       │   ├── auth.py
-│   │       │   ├── user.py
-│   │       │   ├── role.py
-│   │       │   ├── instance.py
-│   │       │   ├── ticket.py
-│   │       │   ├── query.py
-│   │       │   ├── audit_rule.py
-│   │       │   ├── workflow.py
-│   │       │   ├── config.py
-│   │       │   ├── task.py
-│   │       │   └── dashboard.py
-│   ├── models/
-│   │   ├── __init__.py
-│   │   ├── user.py                # SQLAlchemy Model
-│   │   ├── instance.py
-│   │   ├── ticket.py
-│   │   └── audit_log.py
-│   ├── schemas/
-│   │   ├── __init__.py
-│   │   ├── base.py                # 通用 Pydantic Schema
-│   │   ├── user.py                # Request / Response DTO
-│   │   ├── ticket.py
-│   │   └── instance.py
-│   ├── services/
-│   │   ├── __init__.py
-│   │   ├── ticket_service.py      # 业务逻辑层
-│   │   ├── query_service.py
-│   │   ├── instance_service.py
-│   │   └── audit_service.py
-│   ├── crud/
-│   │   ├── __init__.py
-│   │   ├── base.py                # 通用 CRUD 基类
-│   │   ├── user.py
-│   │   └── ticket.py
-│   ├── dependencies/
-│   │   ├── __init__.py
-│   │   ├── auth_dep.py            # get_current_user / require_role
-│   │   └── db_dep.py              # get_db / get_redis
-│   ├── tasks/
-│   │   ├── __init__.py
-│   │   └── celery_tasks.py        # 异步任务定义
-│   ├── utils/
-│   │   ├── sql_parser.py          # SQL AST 解析
-│   │   ├── sql_rollback.py        # Binlog 回滚生成
-│   │   ├── data_mask.py           # 数据脱敏
-│   │   ├── notify.py              # 多渠道通知
-│   │   └── audit_logger.py        # 审计日志记录
-│   └── plugins/
-│       ├── mysql_driver.py        # MySQL 连接封装
-│       ├── pg_driver.py           # PostgreSQL 连接封装
-│       ├── mongo_driver.py        # MongoDB 连接封装
-│       └── redis_driver.py        # Redis 连接封装
-├── migrations/                    # Alembic 数据库迁移
-├── tests/
-├── Dockerfile
-├── docker-compose.yml
-├── pyproject.toml
-├── alembic.ini
-└── .env / .env.test / .env.prod
-```
-
-**核心原则**:
-- APIRouter 按模块拆分，v1/router.py 统一聚合
-- 依赖注入: `Depends(get_db)`, `Depends(require_role("admin"))`
-- Clean Architecture: API -> Service -> CRUD -> Model，禁止跨层调用
-- 异步优先: 所有 IO 操作使用 `async/await`
-
-### 1.2 Vue3 前端架构优化
-
-```
-frontend/
-├── src/
-│   ├── main.ts
-│   ├── App.vue
-│   ├── router/
-│   │   ├── index.ts               # 路由定义 + 路由守卫
-│   │   └── guards.ts              # 权限守卫 / 登录守卫
-│   ├── stores/
-│   │   ├── auth.ts                # Pinia: 用户/权限/菜单
-│   │   ├── ticket.ts              # Pinia: 工单状态
-│   │   ├── instance.ts            # Pinia: 数据源状态
-│   │   └── config.ts              # Pinia: 全局配置
-│   ├── api/
-│   │   ├── request.ts             # axios 封装 + 拦截器
-│   │   ├── auth.ts                # API 接口定义
-│   │   ├── ticket.ts
-│   │   ├── instance.ts
-│   │   └── ...
-│   ├── composables/
-│   │   ├── useAuth.ts             # 权限相关组合式函数
-│   │   ├── usePermission.ts
-│   │   ├── useTable.ts            # 表格分页/筛选/排序通用逻辑
-│   │   └── useNotification.ts
-│   ├── views/
-│   │   ├── dashboard/
-│   │   ├── tickets/
-│   │   ├── queries/
-│   │   ├── instances/
-│   │   ├── workflow/
-│   │   ├── config/
-│   │   └── system/
-│   ├── components/
-│   │   ├── common/                # 通用组件
-│   │   │   ├── PageHeader.vue
-│   │   │   ├── DataTable.vue      # 通用表格（分页/排序/筛选）
-│   │   │   ├── FilterBar.vue
-│   │   │   ├── EmptyState.vue
-│   │   │   └── StatCards.vue
-│   │   ├── sql-editor/            # SQL 编辑器相关
-│   │   │   └── MonacoEditor.vue
-│   │   └── workflow/              # 审批流程可视化
-│   │       └── FlowChart.vue
-│   ├── types/
-│   │   └── api.ts                 # API 类型定义（与 Pydantic 同步）
-│   └── utils/
-│       ├── formatter.ts
-│       └── constants.ts
-```
-
-**状态管理策略**:
-- **Pinia**: 全局状态（用户、权限、菜单、配置）
-- **TanStack Query (Vue Query)**: 服务端状态管理，自动缓存/刷新/去重
-
-```typescript
-// stores/auth.ts - Pinia 示例
-import { defineStore } from 'pinia';
-
-export const useAuthStore = defineStore('auth', {
-  state: () => ({
-    user: null as User | null,
-    token: localStorage.getItem('token') || '',
-    permissions: [] as string[],
-  }),
-  getters: {
-    isAdmin: (s) => s.user?.role === 'admin',
-    isDBA: (s) => s.user?.role === 'dba',
-  },
-  actions: {
-    async login(credentials: LoginForm) {
-      const res = await apiAuth.login(credentials);
-      this.user = res.user;
-      this.token = res.token;
-      this.permissions = res.permissions;
-      localStorage.setItem('token', res.token);
-    },
-    hasPermission(action: string): boolean {
-      return this.permissions.includes(action);
-    },
-  },
-});
-```
-
-### 1.3 前后端类型同步方案
-
-使用 Pydantic + OpenAPI 自动生成前端类型:
-
-```python
-# backend/app/schemas/ticket.py
-from pydantic import BaseModel, Field
-from datetime import datetime
-from enum import Enum
-
-class TicketStatus(str, Enum):
-    PENDING = "pending"
-    REVIEWING = "reviewing"
-    APPROVED = "approved"
-    REJECTED = "rejected"
-    EXECUTING = "executing"
-    SUCCESS = "success"
-    FAILED = "failed"
-
-class TicketCreate(BaseModel):
-    title: str = Field(..., min_length=5, max_length=200)
-    db_type: str = Field(..., pattern="^(mysql|postgres|mongo|redis)$")
-    instance_id: int
-    sql_content: str = Field(..., min_length=1)
-    rollback_sql: str | None = None
-    reason: str = Field(..., min_length=10)
-    priority: str = "medium"
-
-class TicketResponse(TicketCreate):
-    id: int
-    status: TicketStatus
-    applicant_id: int
-    applicant_name: str
-    create_time: datetime
-    workflow_steps: list[dict] | None = None
-
-    class Config:
-        from_attributes = True
-```
-
-前端类型生成命令:
-```bash
-# 使用 openapi-typescript 从 FastAPI OpenAPI 文档自动生成
-npx openapi-typescript http://localhost:8000/openapi.json --output src/types/api.ts
-```
-
-### 1.4 多环境隔离与多租户
-
-```python
-# backend/app/core/config.py
-from pydantic_settings import BaseSettings
-from functools import lru_cache
-
-class Settings(BaseSettings):
-    ENV: str = "development"        # development / testing / production
-    DEBUG: bool = True
-    
-    # JWT
-    SECRET_KEY: str
-    ACCESS_TOKEN_EXPIRE_MINUTES: int = 30
-    
-    # MySQL
-    MYSQL_HOST: str = "localhost"
-    MYSQL_PORT: int = 3306
-    MYSQL_USER: str
-    MYSQL_PASSWORD: str
-    MYSQL_DB: str
-    
-    # PostgreSQL
-    POSTGRES_HOST: str = "localhost"
-    POSTGRES_PORT: int = 5432
-    POSTGRES_USER: str
-    POSTGRES_PASSWORD: str
-    POSTGRES_DB: str
-    
-    # MongoDB
-    MONGO_URI: str = "mongodb://localhost:27017"
-    MONGO_DB: str = "dataguard"
-    
-    # Redis (平台缓存 + Celery Broker)
-    REDIS_URL: str = "redis://localhost:6379/0"
-    
-    # Celery
-    CELERY_BROKER_URL: str = "redis://localhost:6379/1"
-    CELERY_RESULT_BACKEND: str = "redis://localhost:6379/2"
-    
-    class Config:
-        env_file = ".env"
-        env_file_encoding = "utf-8"
-
-@lru_cache()
-def get_settings() -> Settings:
-    return Settings()
-```
-
-多租户方案:
-- **共享数据库 + 租户ID隔离**: 所有表增加 `tenant_id` 字段
-- **Schema 隔离**: PostgreSQL 支持每租户一个 Schema
-- **数据源隔离**: 每租户独立的数据源配置表，操作自带 `tenant_id` 过滤
-
-```python
-# 全局租户上下文
-from contextvars import ContextVar
-
-tenant_ctx: ContextVar[int] = ContextVar('tenant_id', default=0)
-
-# CRUD 基类自动注入 tenant_id 过滤
-class CRUDBase:
-    async def get_multi(self, db: AsyncSession, *, skip=0, limit=100):
-        tenant_id = tenant_ctx.get()
-        stmt = select(self.model).where(self.model.tenant_id == tenant_id)
-        ...
-```
-
----
-
-## 2. 核心功能模块深度优化
-
-### 2.1 数据源管理
-
-**当前不足**: 前端展示为主，缺少后端连接池管理、健康检查、自动重连。
-
-**优化点**:
-
-| 优化项 | 说明 |
-|--------|------|
-| 连接池管理 | 每实例独立连接池，支持 max/min 连接数配置 |
-| 健康检查 | 每 30s 探活，连续 3 次失败标记为断开 |
-| 自动重连 | 指数退避策略重连 |
-| 密码加密 | 实例密码 AES 加密存储 |
-| 连接复用 | 查询审计复用只读连接，工单执行使用独立连接 |
-
-**代码结构**:
-
-```python
-# backend/app/core/database.py
-from sqlalchemy.ext.asyncio import create_async_engine, AsyncSession, async_sessionmaker
-from motor.motor_asyncio import AsyncIOMotorClient
-import aioredis
-
-class ConnectionPoolManager:
-    _pools: dict[int, Any] = {}    # instance_id -> engine/client
-    
-    async def get_mysql_engine(self, instance_id: int):
-        if instance_id not in self._pools:
-            cfg = await self._get_instance_config(instance_id)
-            engine = create_async_engine(
-                f"mysql+aiomysql://{cfg.user}:{cfg.password}@{cfg.host}:{cfg.port}/{cfg.db}",
-                pool_size=5, max_overflow=10, pool_recycle=3600,
-                echo=False,
-            )
-            self._pools[instance_id] = engine
-        return self._pools[instance_id]
-    
-    async def get_mongo_client(self, instance_id: int):
-        if instance_id not in self._pools:
-            cfg = await self._get_instance_config(instance_id)
-            client = AsyncIOMotorClient(
-                f"mongodb://{cfg.user}:{cfg.password}@{cfg.host}:{cfg.port}",
-                maxPoolSize=10, minPoolSize=1,
-            )
-            self._pools[instance_id] = client
-        return client
-    
-    async def health_check(self, instance_id: int) -> bool:
-        """探活检查，连续失败3次标记 offline"""
-        ...
-
-pool_mgr = ConnectionPoolManager()
-```
-
-### 2.2 SQL 工单全生命周期
-
-**当前不足**: 审批流程硬编码，缺少自动审核引擎、回滚 SQL 自动生成。
-
-**优化点**:
-
-```
-提交(Submit) 
-  -> 自动审核(AutoAudit: 语法检查 + 规则匹配 + 影响分析) 
-  -> 人工审批(ManualReview: 多级审批流) 
-  -> 执行(Execute: 预检查 + 执行 + 结果记录) 
-  -> 回滚(Rollback: Binlog逆向 + 备份恢复)
-```
-
-**状态机设计**:
-
-```python
-# backend/app/services/ticket_fsm.py
-from enum import Enum, auto
-
-class TicketState(str, Enum):
-    DRAFT = "draft"
-    AUTO_AUDITING = "auto_auditing"
-    AUTO_AUDIT_FAILED = "auto_audit_failed"
-    PENDING_REVIEW = "pending_review"
-    REVIEWING = "reviewing"
-    APPROVED = "approved"
-    REJECTED = "rejected"
-    PRE_EXECUTE = "pre_execute"
-    EXECUTING = "executing"
-    SUCCESS = "success"
-    FAILED = "failed"
-    ROLLING_BACK = "rolling_back"
-    ROLLED_BACK = "rolled_back"
-
-class TicketFSM:
-    TRANSITIONS = {
-        TicketState.DRAFT: [TicketState.AUTO_AUDITING],
-        TicketState.AUTO_AUDITING: [TicketState.PENDING_REVIEW, TicketState.AUTO_AUDIT_FAILED],
-        TicketState.AUTO_AUDIT_FAILED: [TicketState.DRAFT],  # 可修改重提
-        TicketState.PENDING_REVIEW: [TicketState.REVIEWING],
-        TicketState.REVIEWING: [TicketState.APPROVED, TicketState.REJECTED],
-        TicketState.APPROVED: [TicketState.PRE_EXECUTE],
-        TicketState.PRE_EXECUTE: [TicketState.EXECUTING],
-        TicketState.EXECUTING: [TicketState.SUCCESS, TicketState.FAILED],
-        TicketState.FAILED: [TicketState.ROLLING_BACK],
-        TicketState.ROLLING_BACK: [TicketState.ROLLED_BACK],
-    }
-    
-    def can_transition(self, current: TicketState, target: TicketState) -> bool:
-        return target in self.TRANSITIONS.get(current, [])
-    
-    async def transition(self, ticket_id: int, target: TicketState, operator_id: int):
-        ticket = await crud.ticket.get(db, ticket_id)
-        if not self.can_transition(ticket.status, target):
-            raise BusinessException(f"非法状态流转: {ticket.status} -> {target}")
-        ...
-```
-
-**自动审核引擎**:
-
-```python
-# backend/app/services/auto_audit.py
-class AutoAuditEngine:
-    """自动审核引擎：语法解析 + 规则匹配 + 影响分析"""
-    
-    async def audit(self, ticket_id: int) -> AuditResult:
-        ticket = await crud.ticket.get(db, ticket_id)
-        
-        # 1. SQL 语法解析
-        statements = sqlparse.parse(ticket.sql_content)
-        for stmt in statements:
-            if stmt.get_type() == 'UNKNOWN':
-                return AuditResult(passed=False, score=0, issues=["SQL 语法错误"])
-        
-        # 2. 规则匹配
-        rules = await crud.audit_rule.get_active_rules(db, db_type=ticket.db_type)
-        issues = []
-        for rule in rules:
-            result = await self._check_rule(rule, ticket.sql_content)
-            if not result.passed:
-                issues.append(result)
-        
-        # 3. 影响行数估算 (MySQL/PostgreSQL)
-        if ticket.db_type in ('mysql', 'postgres'):
-            explain = await self._explain_sql(ticket)
-            estimated_rows = explain.get('rows', 0)
-            if estimated_rows > 10000:
-                issues.append(AuditIssue(
-                    level='warning', 
-                    message=f'预估影响 {estimated_rows} 行，建议分批执行'
-                ))
-        
-        # 4. 生成回滚 SQL (MySQL Binlog)
-        if ticket.db_type == 'mysql':
-            rollback_sql = await self._generate_rollback(ticket)
-            await crud.ticket.update(db, ticket_id, rollback_sql=rollback_sql)
-        
-        score = max(0, 100 - len([i for i in issues if i.level == 'error']) * 20 
-                          - len([i for i in issues if i.level == 'warning']) * 5)
-        
-        return AuditResult(
-            passed=score >= 60 and not any(i.level == 'error' for i in issues),
-            score=score,
-            issues=issues,
-        )
-```
-
-**回滚 SQL 生成 (MySQL)**:
-
-```python
-# backend/app/utils/sql_rollback.py
-class RollbackGenerator:
-    """基于 Binlog ROW 格式生成逆向 SQL"""
-    
-    async def generate_for_update(self, instance_id: int, table: str, 
-                                   where_clause: str) -> str:
-        """
-        1. 连接 MySQL 读取 Binlog（或直接从表读取变更前数据）
-        2. 使用 PRIMARY KEY 定位行
-        3. 生成 UPDATE ... SET col=old_val WHERE pk=val
-        """
-        engine = await pool_mgr.get_mysql_engine(instance_id)
-        async with engine.connect() as conn:
-            # 获取表结构 + 主键
-            pk = await self._get_primary_key(conn, table)
-            
-            # 读取变更前数据（通过 Flashback 或备份表）
-            backup_table = f"_dg_backup_{table}_{int(time.time())}"
-            await conn.execute(text(f"CREATE TABLE {backup_table} AS SELECT * FROM {table} WHERE {where_clause}"))
-            
-            # 生成回滚 SQL
-            rollback = f"""-- 回滚 SQL（基于 Binlog ROW 解析）
--- 备份表: {backup_table}
--- 恢复方式: 从备份表还原
-INSERT INTO {table} SELECT * FROM {backup_table} 
-ON DUPLICATE KEY UPDATE 
-  c1=VALUES(c1), c2=VALUES(c2);
-"""
-            return rollback
-    
-    async def generate_for_delete(self, instance_id: int, table: str,
-                                   where_clause: str) -> str:
-        """DELETE 回滚 = INSERT 被删数据"""
-        ...
-```
-
-### 2.3 在线 SQL 查询器
-
-**当前不足**: textarea 编辑，无语法高亮、无自动补全。
-
-**优化方案**:
-
-```typescript
-// frontend/src/components/sql-editor/MonacoEditor.vue
-<template>
-  <div ref="editorRef" class="sql-editor" />
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, watch } from 'vue';
-import * as monaco from 'monaco-editor';
-import { setupMySQLLanguage } from './mysql-language';
-import { setupPGLanguage } from './pg-language';
-
-const props = defineProps<{
-  modelValue: string;
-  dbType: 'mysql' | 'postgres' | 'mongo' | 'redis';
-}>();
-
-const editorRef = ref<HTMLElement>();
-let editor: monaco.editor.IStandaloneCodeEditor;
-
-onMounted(() => {
-  // 注册数据库语法高亮
-  if (props.dbType === 'mysql') setupMySQLLanguage();
-  if (props.dbType === 'postgres') setupPGLanguage();
-  
-  editor = monaco.editor.create(editorRef.value!, {
-    value: props.modelValue,
-    language: props.dbType === 'mysql' ? 'mysql' : props.dbType === 'postgres' ? 'pgsql' : 'sql',
-    theme: 'vs-dark',
-    minimap: { enabled: false },
-    automaticLayout: true,
-    fontSize: 13,
-    fontFamily: 'JetBrains Mono, monospace',
-    suggestOnTriggerCharacters: true,
-    quickSuggestions: true,
-    wordBasedSuggestions: true,
-  });
-  
-  // 自动补全：表名/字段名
-  monaco.languages.registerCompletionItemProvider('mysql', {
-    triggerCharacters: ['.', ' '],
-    provideCompletionItems: async (model, position) => {
-      // 从后端获取当前库的表名和字段名
-      const suggestions = await fetchSchemaSuggestions(props.dbType);
-      return { suggestions };
-    },
-  });
-});
-</script>
-```
-
-**后端查询执行**:
-
-```python
-# backend/app/services/query_service.py
-class QueryService:
-    async def execute_query(self, instance_id: int, sql: str, user_id: int,
-                            max_rows: int = 10000) -> QueryResult:
-        instance = await crud.instance.get(db, instance_id)
-        
-        # 1. 权限检查
-        if not await self._can_query(user_id, instance_id):
-            raise PermissionDenied("无权访问该数据源")
-        
-        # 2. SQL 拦截检查
-        forbidden_keywords = ['DROP', 'TRUNCATE', 'DELETE', 'UPDATE', 'INSERT', 'CREATE', 'ALTER']
-        upper_sql = sql.strip().upper()
-        if any(kw in upper_sql for kw in forbidden_keywords):
-            raise BusinessException("查询模式禁止执行写操作")
-        
-        # 3. 添加 LIMIT
-        if not re.search(r'LIMIT\s+\d+', upper_sql):
-            sql = f"{sql.rstrip(';')} LIMIT {max_rows};"
-        
-        # 4. 执行（带超时）
-        start = time.time()
-        engine = await pool_mgr.get_mysql_engine(instance_id)
-        async with engine.connect() as conn:
-            result = await asyncio.wait_for(
-                conn.execute(text(sql)), timeout=30
-            )
-            rows = result.mappings().all()
-            columns = list(result.keys())
-        elapsed = int((time.time() - start) * 1000)
-        
-        # 5. 敏感数据脱敏
-        masked_rows = await self._mask_sensitive_data(instance_id, columns, rows)
-        
-        # 6. 记录审计日志
-        await audit_logger.log_query(user_id, instance_id, sql, elapsed, len(rows))
-        
-        return QueryResult(columns=columns, rows=masked_rows, elapsed_ms=elapsed)
-```
-
-### 2.4 数据字典
-
-【补充需求】需确认是否需要自动采集数据字典（从 information_schema 读取）还是手动维护。
-
-```python
-# backend/app/services/data_dict.py
-class DataDictionaryService:
-    async def sync_mysql_schema(self, instance_id: int):
-        """从 MySQL information_schema 自动同步表结构"""
-        engine = await pool_mgr.get_mysql_engine(instance_id)
-        async with engine.connect() as conn:
-            # 获取所有表
-            tables = await conn.execute(text("""
-                SELECT TABLE_NAME, TABLE_COMMENT 
-                FROM information_schema.TABLES 
-                WHERE TABLE_SCHEMA = DATABASE()
-            """))
-            
-            for table in tables.mappings():
-                # 获取字段
-                columns = await conn.execute(text(f"""
-                    SELECT COLUMN_NAME, DATA_TYPE, COLUMN_COMMENT,
-                           IS_NULLABLE, COLUMN_DEFAULT, COLUMN_KEY
-                    FROM information_schema.COLUMNS
-                    WHERE TABLE_SCHEMA = DATABASE() AND TABLE_NAME = '{table.TABLE_NAME}'
-                """))
-                
-                # 保存到数据字典表
-                await crud.data_dict.save_table(instance_id, table, columns)
-```
-
-### 2.5 Redis 专用管理功能
-
-**当前不足**: Redis 与关系数据库混用同一套界面，缺少 Redis 特有的管理功能。
-
-**优化点**:
-
-| 功能 | 说明 |
-|------|------|
-| Key 浏览 | 树形结构展示，支持按 pattern 过滤 |
-| Key 操作 | GET / SET / DEL / EXPIRE / TTL |
-| 数据结构支持 | String / Hash / List / Set / ZSet |
-| 实时监控 | 内存使用、命中率、QPS、慢查询 |
-| 批量操作 | 批量删除、批量设置 TTL |
-| 序列化识别 | 自动识别 JSON / Protobuf / 压缩数据 |
-
-```python
-# backend/app/plugins/redis_driver.py
-class RedisManager:
-    async def get_keys(self, instance_id: int, pattern: str = "*", 
-                       cursor: int = 0, count: int = 100) -> dict:
-        client = await pool_mgr.get_redis_client(instance_id)
-        cur, keys = await client.scan(cursor=cursor, match=pattern, count=count)
-        
-        results = []
-        for key in keys:
-            key_type = await client.type(key)
-            ttl = await client.ttl(key)
-            memory = await client.memory_usage(key) or 0
-            results.append({
-                'key': key.decode(),
-                'type': key_type.decode(),
-                'ttl': ttl,
-                'memory': memory,
-            })
-        return {'cursor': cur, 'keys': results}
-    
-    async def get_value(self, instance_id: int, key: str) -> dict:
-        """根据类型返回格式化后的值"""
-        client = await pool_mgr.get_redis_client(instance_id)
-        key_type = (await client.type(key)).decode()
-        
-        handlers = {
-            'string': lambda: client.get(key),
-            'hash': lambda: client.hgetall(key),
-            'list': lambda: client.lrange(key, 0, -1),
-            'set': lambda: client.smembers(key),
-            'zset': lambda: client.zrange(key, 0, -1, withscores=True),
-        }
-        
-        raw = await handlers[key_type]()
-        return {'type': key_type, 'value': self._deserialize(raw)}
-    
-    def _deserialize(self, raw) -> Any:
-        """自动识别并反序列化 JSON / 压缩数据"""
-        if isinstance(raw, bytes):
-            try:
-                return json.loads(raw.decode('utf-8'))
-            except (json.JSONDecodeError, UnicodeDecodeError):
-                return raw.decode('utf-8', errors='replace')
-        if isinstance(raw, dict):
-            return {k.decode() if isinstance(k, bytes) else k: 
-                    self._deserialize(v) for k, v in raw.items()}
-        if isinstance(raw, (list, set, tuple)):
-            return [self._deserialize(v) for v in raw]
-        return raw
-```
-
-### 2.6 仪表盘与监控
-
-**优化点**:
-- 工单趋势（日/周/月）
-- 状态分布饼图
-- 慢查询 TOP10
-- 数据源健康状态
-- 待办审批提醒
-
-```python
-# backend/app/services/dashboard.py
-class DashboardService:
-    async def get_stats(self, tenant_id: int) -> DashboardStats:
-        # 使用缓存加速
-        cache_key = f"dashboard:stats:{tenant_id}"
-        cached = await redis.get(cache_key)
-        if cached:
-            return DashboardStats.parse_raw(cached)
-        
-        stats = DashboardStats(
-            ticket_total=await crud.ticket.count(db, tenant_id=tenant_id),
-            ticket_pending=await crud.ticket.count(db, status='pending', tenant_id=tenant_id),
-            ticket_month=await crud.ticket.count(db, 
-                create_time__gte=datetime.now() - timedelta(days=30), tenant_id=tenant_id),
-            ticket_executing=await crud.ticket.count(db, status='executing', tenant_id=tenant_id),
-            rules_total=await crud.audit_rule.count(db, tenant_id=tenant_id),
-            rules_active=await crud.audit_rule.count(db, enabled=True, tenant_id=tenant_id),
-            queries_today=await crud.query_audit.count(db,
-                timestamp__gte=datetime.now() - timedelta(days=1), tenant_id=tenant_id),
-        )
-        
-        await redis.setex(cache_key, 60, stats.json())
-        return stats
-```
-
-### 2.7 审核规则引擎
-
-**当前不足**: 规则硬编码，不支持自定义和版本控制。
-
-**优化方案**: 规则引擎支持自定义 + 版本控制。
-
-```python
-# backend/app/models/audit_rule.py
-class AuditRule(Base):
-    __tablename__ = "audit_rules"
-    
-    id = Column(Integer, primary_key=True)
-    name = Column(String(100), nullable=False)
-    db_type = Column(String(20), nullable=False)    # mysql / postgres / mongo / redis / all
-    rule_type = Column(String(30), nullable=False)  # regex / ast / risk / custom
-    pattern = Column(Text)                          # 正则/AST模式
-    action = Column(String(20), default="warn")     # block / warn / require_approval
-    description = Column(Text)
-    enabled = Column(Boolean, default=True)
-    version = Column(Integer, default=1)            # 版本号
-    priority = Column(Integer, default=100)         # 优先级，越小越先匹配
-    created_by = Column(Integer, ForeignKey("users.id"))
-    created_at = Column(DateTime, default=datetime.now)
-    updated_at = Column(DateTime, default=datetime.now, onupdate=datetime.now)
-    
-    # 版本历史
-    history = relationship("AuditRuleHistory", back_populates="rule")
-
-class AuditRuleHistory(Base):
-    __tablename__ = "audit_rule_history"
-    
-    id = Column(Integer, primary_key=True)
-    rule_id = Column(Integer, ForeignKey("audit_rules.id"))
-    version = Column(Integer)
-    pattern = Column(Text)
-    action = Column(String(20))
-    changed_by = Column(Integer)
-    changed_at = Column(DateTime, default=datetime.now)
-    change_reason = Column(Text)
-```
-
-**规则引擎执行**:
-
-```python
-# backend/app/services/rule_engine.py
-class RuleEngine:
-    async def check(self, sql: str, db_type: str) -> RuleCheckResult:
-        rules = await crud.audit_rule.get_active(db, db_type=db_type, 
-                                                  order_by=AuditRule.priority)
-        violations = []
-        
-        for rule in rules:
-            matched = False
-            
-            if rule.rule_type == 'regex':
-                matched = re.search(rule.pattern, sql, re.IGNORECASE)
-            
-            elif rule.rule_type == 'ast':
-                matched = self._check_ast(sql, rule.pattern)
-            
-            elif rule.rule_type == 'risk':
-                matched = await self._check_risk(sql, db_type, rule.pattern)
-            
-            elif rule.rule_type == 'custom':
-                # 调用用户自定义 Python 函数
-                matched = await self._exec_custom_rule(rule.pattern, sql, db_type)
-            
-            if matched:
-                violations.append(RuleViolation(
-                    rule_id=rule.id,
-                    rule_name=rule.name,
-                    action=rule.action,
-                    message=rule.description,
-                ))
-                
-                if rule.action == 'block':
-                    break  # 拦截规则直接终止
-        
-        return RuleCheckResult(
-            passed=not any(v.action == 'block' for v in violations),
-            violations=violations,
-        )
-```
-
-**内置规则列表**:
-
-| 规则ID | 名称 | 类型 | 动作 | 适用数据库 |
-|--------|------|------|------|----------|
-| R001 | 禁止无 WHERE 的 UPDATE/DELETE | ast | block | mysql, postgres |
-| R002 | 禁止 SELECT * | regex | warn | mysql, postgres |
-| R003 | 禁止 DROP TABLE/DATABASE | regex | block | mysql, postgres |
-| R004 | 禁止 TRUNCATE TABLE | regex | block | mysql, postgres |
-| R005 | 大表变更检查 (>100万行) | risk | warn | mysql, postgres |
-| R006 | 禁止执行时间超过 10s | risk | block | mysql, postgres |
-| R007 | MongoDB 禁止 db.dropDatabase() | regex | block | mongo |
-| R008 | Redis 禁止 FLUSHALL/FLUSHDB | regex | block | redis |
-| R009 | 禁止无索引查询 (type=ALL) | risk | warn | mysql, postgres |
-| R010 | UPDATE/DELETE 必须提供回滚 SQL | ast | require_approval | mysql, postgres |
-
----
-
-## 3. 安全与合规强化
-
-### 3.1 SQL 注入防护
-
-```python
-# 后端：严格使用参数化查询，禁止字符串拼接 SQL
-# ✅ 正确
-result = await conn.execute(
-    text("SELECT * FROM users WHERE id = :user_id"),
-    {"user_id": user_id}
-)
-
-# ❌ 错误 — 绝对禁止
-result = await conn.execute(f"SELECT * FROM users WHERE id = {user_id}")
-
-# 前端：所有用户输入做转义
-import html
-escaped_input = html.escape(user_input)
-```
-
-### 3.2 不同数据库的权限最小化
-
-| 数据库 | 查询账号 | 执行账号 |
-|--------|---------|---------|
-| MySQL | `SELECT`, `SHOW` | `SELECT, INSERT, UPDATE, DELETE` + 特定表 |
-| PostgreSQL | `CONNECT`, `USAGE`, `SELECT` | 按需 schema 级别授权 |
-| MongoDB | `find` | `insert`, `update`, `remove` + 特定 collection |
-| Redis | 只读实例 / ACL 限制命令集 | 按需配置可执行命令 |
-
-```python
-# 执行前权限校验
-async def check_execute_permission(instance_id: int, sql: str, user_id: int):
-    # 1. 解析 SQL 类型
-    stmt_type = sqlparse.parse(sql)[0].get_type()
-    
-    # 2. 检查用户是否有该实例的执行权限
-    if not await rbac.check_instance_permission(user_id, instance_id, stmt_type):
-        raise PermissionDenied(f"无权在实例 {instance_id} 上执行 {stmt_type}")
-    
-    # 3. 行级权限检查
-    tables = extract_tables(sql)
-    for table in tables:
-        if not await rbac.check_table_permission(user_id, instance_id, table):
-            raise PermissionDenied(f"无权访问表 {table}")
-```
-
-### 3.3 敏感数据脱敏
-
-```python
-# backend/app/utils/data_mask.py
-class DataMasker:
-    RULES = [
-        {'pattern': r'^1[3-9]\d{9}$', 'type': 'phone', 'mask': lambda v: v[:3]+'****'+v[-4:]},
-        {'pattern': r'^[\w.-]+@[\w.-]+\.\w+$', 'type': 'email', 'mask': lambda v: v[:3]+'***@'+v.split('@')[1]},
-        {'pattern': r'^\d{17}[\dXx]$', 'type': 'id_card', 'mask': lambda v: v[:6]+'********'+v[-4:]},
-        {'pattern': r'^\d{16,19}$', 'type': 'bank_card', 'mask': lambda v: '**** **** **** '+v[-4:]},
-    ]
-    
-    COLUMN_PATTERNS = {
-        'phone': ['phone', 'mobile', 'tel'],
-        'email': ['email', 'e_mail', 'mail'],
-        'id_card': ['id_card', 'idcard', 'identity', 'ssn'],
-        'bank_card': ['bank_card', 'bankcard', 'card_no'],
-    }
-    
-    async def mask_value(self, column_name: str, value: str) -> str:
-        col_lower = column_name.lower()
-        for data_type, keywords in self.COLUMN_PATTERNS.items():
-            if any(kw in col_lower for kw in keywords):
-                rule = next(r for r in self.RULES if r['type'] == data_type)
-                return rule['mask'](str(value))
-        return value
-    
-    async def mask_result(self, columns: list[str], rows: list[dict]) -> list[dict]:
-        to_mask = {i: None for i, col in enumerate(columns) 
-                   if any(kw in col.lower() for kw in sum(self.COLUMN_PATTERNS.values(), []))}
-        
-        for row in rows:
-            for col_idx in to_mask:
-                col_name = columns[col_idx]
-                val = str(row.get(col_name, ''))
-                for rule in self.RULES:
-                    if re.match(rule['pattern'], val):
-                        row[col_name] = rule['mask'](val)
-                        break
-        return rows
-```
-
-### 3.4 操作审计日志（含变更前后对比）
-
-```python
-# backend/app/utils/audit_logger.py
-class AuditLogger:
-    async def log_change(self, user_id: int, action: str, target_type: str,
-                         target_id: int, before: dict, after: dict):
-        """记录变更操作，包含前后数据对比"""
-        diff = self._compute_diff(before, after)
-        
-        log = AuditLog(
-            user_id=user_id,
-            action=action,            # CREATE / UPDATE / DELETE / EXECUTE
-            target_type=target_type,  # ticket / instance / user / query
-            target_id=target_id,
-            before_data=json.dumps(before, ensure_ascii=False, default=str),
-            after_data=json.dumps(after, ensure_ascii=False, default=str),
-            diff=json.dumps(diff, ensure_ascii=False),
-            ip_address=RequestContext.get_ip(),
-            user_agent=RequestContext.get_ua(),
-            created_at=datetime.now(),
-        )
-        await db.add(log)
-    
-    def _compute_diff(self, before: dict, after: dict) -> list[dict]:
-        """计算变更差异"""
-        diff = []
-        all_keys = set(before.keys()) | set(after.keys())
-        for key in all_keys:
-            old_val = before.get(key)
-            new_val = after.get(key)
-            if old_val != new_val:
-                diff.append({
-                    'field': key,
-                    'old': old_val,
-                    'new': new_val,
-                })
-        return diff
-
-# 使用示例
-@AuditLogger.track("工单审批")
-async def approve_ticket(ticket_id: int, user_id: int, comment: str):
-    before = await crud.ticket.get(db, ticket_id)
-    after = await crud.ticket.update(db, ticket_id, status='approved', approver_id=user_id)
-    await audit_logger.log_change(user_id, 'APPROVE', 'ticket', ticket_id, 
-                                   before.__dict__, after.__dict__)
-```
-
-### 3.5 RBAC + 行级/字段级数据权限
-
-```python
-# backend/app/core/permissions.py
-class RBAC:
-    # ========== 行级权限 ==========
-    async def check_instance_permission(self, user_id: int, instance_id: int) -> bool:
-        """用户是否有该实例的访问权限"""
-        user = await crud.user.get(db, user_id)
-        if user.role == 'admin':
-            return True
-        # 检查用户-实例绑定表
-        return await crud.user_instance.exists(db, user_id=user_id, instance_id=instance_id)
-    
-    # ========== 字段级权限 ==========
-    async def filter_columns(self, user_id: int, instance_id: int, 
-                              table: str, columns: list[str]) -> list[str]:
-        """过滤用户无权查看的字段"""
-        user = await crud.user.get(db, user_id)
-        if user.role in ('admin', 'dba'):
-            return columns
-        
-        # 查询字段权限
-        allowed = await crud.column_permission.get_allowed(
-            db, user_id=user_id, instance_id=instance_id, table=table
-        )
-        return [c for c in columns if c in allowed]
-    
-    # ========== 数据范围权限 ==========
-    async def get_data_scope(self, user_id: int) -> DataScope:
-        """获取用户的数据范围权限（全部/本部门/本人）"""
-        user = await crud.user.get(db, user_id)
-        scope_map = {
-            'admin': DataScope.ALL,
-            'dba': DataScope.ALL,
-            'developer': DataScope.SELF,
-            'guest': DataScope.SELF,
-        }
-        return scope_map.get(user.role, DataScope.NONE)
-
-# 装饰器封装
-from functools import wraps
-
-def require_role(*roles: str):
-    def decorator(func):
-        @wraps(func)
-        async def wrapper(*args, **kwargs):
-            current_user = kwargs.get('current_user')
-            if not current_user or current_user.role not in roles:
-                raise PermissionDenied(f"需要角色: {', '.join(roles)}")
-            return await func(*args, **kwargs)
-        return wrapper
-    return decorator
-
-# API 使用
-@router.post("/tickets/{ticket_id}/approve")
-async def approve_ticket(
-    ticket_id: int,
-    current_user: User = Depends(get_current_user),
-):
-    # 自动校验 role in ('admin', 'dba')
-    require_role('admin', 'dba')
-    ...
-```
-
-### 3.6 JWT + OAuth2 最佳实践
-
-```python
-# backend/app/core/security.py
-from jose import jwt, JWTError
-from passlib.context import CryptContext
-
-pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
-
-class SecurityManager:
-    ALGORITHM = "HS256"
-    ACCESS_TOKEN_EXPIRE = 30  # minutes
-    REFRESH_TOKEN_EXPIRE = 7  # days
-    
-    @staticmethod
-    def verify_password(plain: str, hashed: str) -> bool:
-        return pwd_context.verify(plain, hashed)
-    
-    @staticmethod
-    def hash_password(password: str) -> str:
-        return pwd_context.hash(password)
-    
-    @classmethod
-    def create_token(cls, user_id: int, token_type: str = "access") -> str:
-        expire = datetime.utcnow() + timedelta(
-            minutes=cls.ACCESS_TOKEN_EXPIRE if token_type == "access" else cls.REFRESH_TOKEN_EXPIRE
-        )
-        payload = {
-            "sub": str(user_id),
-            "type": token_type,
-            "exp": expire,
-            "iat": datetime.utcnow(),
-            "jti": secrets.token_urlsafe(16),  # 唯一标识，用于撤销
-        }
-        return jwt.encode(payload, settings.SECRET_KEY, algorithm=cls.ALGORITHM)
-    
-    @classmethod
-    async def verify_token(cls, token: str) -> TokenPayload:
-        try:
-            payload = jwt.decode(token, settings.SECRET_KEY, algorithms=[cls.ALGORITHM])
-            # 检查 Token 是否在撤销列表
-            if await redis.sismember("revoked_tokens", payload.get("jti")):
-                raise JWTError("Token 已撤销")
-            return TokenPayload(**payload)
-        except JWTError as e:
-            raise AuthenticationFailed(f"无效的 Token: {e}")
-
-# 依赖注入
-async def get_current_user(
-    token: str = Depends(OAuth2PasswordBearer(tokenUrl="/api/v1/auth/login")),
-) -> User:
-    payload = await SecurityManager.verify_token(token)
-    user = await crud.user.get(db, int(payload.sub))
-    if not user or not user.is_active:
-        raise AuthenticationFailed("用户不存在或已禁用")
-    return user
-```
-
-### 3.7 其余安全措施
-
-| 措施 | 实现 |
-|------|------|
-| HTTPS 强制 | Nginx 配置 `return 301 https://` |
-| CSRF 防护 | Cookie 设置 `SameSite=Strict; Secure; HttpOnly` |
-| 请求限流 | SlowAPI + Redis 滑动窗口限流 |
-| 敏感配置加密 | 实例密码 AES-256-CBC 加密存储 |
-| 会话超时 | JWT 30 分钟过期 + Refresh Token 7 天 |
-| 登录失败锁定 | 5 次失败锁定 15 分钟 |
-| SQL 超时 | 所有查询强制 30 秒超时 |
-| 审计日志防篡改 | 审计日志写入只读存储 / WORM 模式 |
-
----
-
-## 4. 用户体验与产品细节优化
-
-### 4.1 SQL 编辑器选型
-
-**推荐: Monaco Editor (VS Code 内核)**
-
-```typescript
-// 安装
-// npm install monaco-editor sql-formatter
-
-// 核心配置
-const editor = monaco.editor.create(container, {
-  language: 'mysql',           // mysql / pgsql / redis
-  theme: 'vs-dark',
-  fontSize: 13,
-  fontFamily: 'JetBrains Mono, monospace',
-  minimap: { enabled: false },
-  automaticLayout: true,
-  scrollbar: { vertical: 'auto' },
-  suggestOnTriggerCharacters: true,
-  quickSuggestions: { other: true, comments: true, strings: true },
-  wordBasedSuggestions: "allDocuments",
-  formatOnPaste: true,
-  formatOnType: true,
-});
-
-// 数据库 schema 自动补全
-const provideCompletionItems = async (model, position) => {
-  const word = model.getWordUntilPosition(position);
-  const tables = await fetchTables(selectedInstance.value);
-  return {
-    suggestions: tables.flatMap(t => [
-      { label: t.name, kind: monaco.languages.CompletionItemKind.Class, insertText: t.name },
-      ...t.columns.map(c => ({
-        label: c.name, kind: monaco.languages.CompletionItemKind.Field,
-        insertText: c.name, detail: c.type,
-      })),
-    ]),
-  };
-};
-
-monaco.languages.registerCompletionItemProvider('mysql', { 
-  triggerCharacters: ['.', ' '], 
-  provideCompletionItems 
-});
-```
-
-**四数据库语法支持**:
-
-| 数据库 | Monaco Language | 语法高亮 | 自动补全 |
-|--------|----------------|---------|---------|
-| MySQL | `mysql` | ✅ 内置 | 表名/字段名 |
-| PostgreSQL | `pgsql` | ✅ 内置 | 表名/字段名 |
-| MongoDB | `javascript` | ⚠️ 需扩展 | Collection/Field |
-| Redis | 自定义 | ⚠️ 需自定义 | Key/命令 |
-
-### 4.2 工单审批流程可视化
-
-```vue
-<!-- frontend/src/components/workflow/FlowChart.vue -->
-<template>
-  <div class="workflow-flow">
-    <div v-for="(step, i) in steps" :key="step.id" class="flow-step">
-      <div class="step-node" :class="step.status">
-        <component :is="stepIcons[step.type]" class="icon" />
-        <div class="info">
-          <div class="name">{{ step.name }}</div>
-          <div class="assignee">{{ step.assignees.join(' / ') }}</div>
-          <div v-if="step.time" class="time">{{ step.time }}</div>
-        </div>
-      </div>
-      <div v-if="i < steps.length - 1" class="flow-arrow" :class="{ active: step.status === 'completed' }" />
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.workflow-flow { display: flex; align-items: center; gap: 0; }
-.flow-step { display: flex; align-items: center; }
-.step-node { 
-  padding: 12px 20px; border-radius: 8px; border: 2px solid var(--dg-border);
-  display: flex; align-items: center; gap: 12px; min-width: 160px;
-}
-.step-node.completed { border-color: #22c55e; background: rgba(34,197,94,0.1); }
-.step-node.active { border-color: #3b82f6; background: rgba(59,130,246,0.1); box-shadow: 0 0 0 4px rgba(59,130,246,0.2); }
-.flow-arrow { width: 40px; height: 2px; background: var(--dg-border); margin: 0 4px; position: relative; }
-.flow-arrow.active { background: #22c55e; }
-.flow-arrow::after { content: ''; position: absolute; right: 0; top: -4px; width: 0; height: 0; border-left: 6px solid currentColor; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
-</style>
-```
-
-### 4.3 通知系统
-
-```python
-# backend/app/utils/notify.py
-class NotificationManager:
-    CHANNELS = {
-        'feishu': FeishuNotifier(),
-        'dingtalk': DingtalkNotifier(),
-        'wechat': WechatNotifier(),
-        'telegram': TelegramNotifier(),
-        'email': EmailNotifier(),
-    }
-    
-    async def send(self, event: str, payload: dict, recipients: list[int]):
-        """发送通知到所有已启用的渠道"""
-        configs = await crud.notification_config.get_enabled(db, event=event)
-        
-        tasks = []
-        for cfg in configs:
-            notifier = self.CHANNELS.get(cfg.channel)
-            if notifier:
-                tasks.append(notifier.send(cfg.webhook, self._render_template(event, payload)))
-        
-        await asyncio.gather(*tasks, return_exceptions=True)
-    
-    def _render_template(self, event: str, payload: dict) -> str:
-        templates = {
-            'ticket.created': '【工单创建】{title}\n申请人: {applicant}\n时间: {time}',
-            'ticket.approved': '【审批通过】{title}\n审批人: {approver}\n时间: {time}',
-            'ticket.executed': '【执行完成】{title}\n状态: {status}\n耗时: {duration}',
-            'ticket.failed': '【执行失败】{title}\n错误: {error}',
-        }
-        return templates.get(event, '').format(**payload)
-
-# 飞书通知实现
-class FeishuNotifier:
-    async def send(self, webhook: str, content: str):
-        async with httpx.AsyncClient() as client:
-            await client.post(webhook, json={
-                "msg_type": "text",
-                "content": {"text": content}
-            })
-```
-
-### 4.4 移动端适配与深色主题
-
-```css
-/* 移动端断点 */
-@media (max-width: 768px) {
-  .sidebar { display: none; }
-  .mobile-menu-btn { display: block; }
-  .stats-grid { grid-template-columns: repeat(2, 1fr); }
-  .table-container { overflow-x: scroll; }
-  .modal { width: 95vw; max-height: 90vh; }
-}
-
-/* 深色主题变量 */
-:root {
-  --dg-bg-primary: #0d1117;
-  --dg-bg-secondary: #161b22;
-  --dg-bg-tertiary: #21262d;
-  --dg-bg-hover: #1c2128;
-  --dg-border: #30363d;
-  --dg-border-light: #21262d;
-  --dg-text-primary: #e6edf3;
-  --dg-text-secondary: #8b949e;
-  --dg-text-muted: #484f58;
-}
-
-/* 浅色主题（可选） */
-[data-theme="light"] {
-  --dg-bg-primary: #ffffff;
-  --dg-bg-secondary: #f6f8fa;
-  --dg-bg-tertiary: #eaeef2;
-  --dg-bg-hover: #f3f4f6;
-  --dg-border: #d0d7de;
-  --dg-border-light: #eaeef2;
-  --dg-text-primary: #1f2328;
-  --dg-text-secondary: #656d76;
-  --dg-text-muted: #8c959f;
-}
-```
-
----
-
-## 5. 性能与可扩展性优化
-
-### 5.1 异步任务队列 (Celery + Redis)
-
-```python
-# backend/app/tasks/celery_tasks.py
-from celery import Celery
-
-celery_app = Celery('dataguard', broker=settings.CELERY_BROKER_URL)
-
-@celery_app.task(bind=True, max_retries=3, default_retry_delay=60)
-def execute_ticket(self, ticket_id: int, executor_id: int):
-    """异步执行工单 SQL"""
-    try:
-        ticket = sync_to_async(crud.ticket.get)(ticket_id)
-        
-        # 1. 预执行检查
-        precheck_result = sync_to_async(pre_execute_check)(ticket)
-        if not precheck_result.passed:
-            sync_to_async(crud.ticket.update)(ticket_id, status='failed', 
-                                               error_msg=precheck_result.msg)
-            return
-        
-        # 2. 执行 SQL
-        start = time.time()
-        result = sync_to_async(execute_sql)(ticket.instance_id, ticket.sql_content)
-        duration = time.time() - start
-        
-        # 3. 记录结果
-        sync_to_async(crud.ticket.update)(ticket_id, 
-            status='success',
-            execute_duration=duration,
-            result_summary=result.summary,
-        )
-        
-        # 4. 发送通知
-        sync_to_async(notify_manager.send)('ticket.executed', {
-            'title': ticket.title,
-            'status': '成功',
-            'duration': f'{duration:.2f}s',
-        }, [ticket.applicant_id])
-        
-    except Exception as exc:
-        self.retry(exc=exc)
-
-@celery_app.task
-def auto_audit_task(ticket_id: int):
-    """自动审核任务"""
-    engine = AutoAuditEngine()
-    result = sync_to_async(engine.audit)(ticket_id)
-    
-    if result.passed:
-        sync_to_async(crud.ticket.update)(ticket_id, status='pending_review')
-    else:
-        sync_to_async(crud.ticket.update)(ticket_id, 
-            status='auto_audit_failed',
-            audit_score=result.score,
-            audit_issues=result.issues_json,
-        )
-
-@celery_app.task
-def backup_before_execute(ticket_id: int):
-    """执行前备份受影响数据"""
-    ticket = sync_to_async(crud.ticket.get)(ticket_id)
-    backup_table = f"_dg_backup_{ticket.target_table}_{ticket_id}_{int(time.time())}"
-    sync_to_async(execute_sql)(ticket.instance_id, 
-        f"CREATE TABLE {backup_table} AS SELECT * FROM {ticket.target_table} WHERE {ticket.where_clause}")
-    sync_to_async(crud.ticket.update)(ticket_id, backup_table=backup_table)
-```
-
-### 5.2 大 SQL 处理与不同数据库执行引擎
-
-```python
-# backend/app/core/execution_engine.py
-from abc import ABC, abstractmethod
-
-class ExecutionEngine(ABC):
-    @abstractmethod
-    async def execute(self, instance_id: int, sql: str, timeout: int = 30) -> ExecuteResult:
-        pass
-    
-    @abstractmethod
-    async def explain(self, instance_id: int, sql: str) -> ExplainResult:
-        pass
-
-class MySQLEngine(ExecutionEngine):
-    async def execute(self, instance_id, sql, timeout=30):
-        engine = await pool_mgr.get_mysql_engine(instance_id)
-        async with engine.connect() as conn:
-            result = await asyncio.wait_for(conn.execute(text(sql)), timeout=timeout)
-            return ExecuteResult(
-                rows=[dict(r) for r in result.mappings()],
-                columns=list(result.keys()),
-                rowcount=result.rowcount,
-            )
-    
-    async def explain(self, instance_id, sql):
-        engine = await pool_mgr.get_mysql_engine(instance_id)
-        async with engine.connect() as conn:
-            result = await conn.execute(text(f"EXPLAIN {sql}"))
-            return ExplainResult(rows=[dict(r) for r in result.mappings()])
-
-class PostgreSQLEngine(ExecutionEngine):
-    async def execute(self, instance_id, sql, timeout=30):
-        # 使用 EXPLAIN ANALYZE 预估 + 实际执行
-        ...
-    
-    async def explain(self, instance_id, sql):
-        # PostgreSQL JSON format EXPLAIN
-        engine = await pool_mgr.get_pg_engine(instance_id)
-        async with engine.connect() as conn:
-            result = await conn.execute(text(f"EXPLAIN (FORMAT JSON) {sql}"))
-            return ExplainResult(plan=result.scalar())
-
-class MongoEngine(ExecutionEngine):
-    async def execute(self, instance_id, command: str, timeout=30):
-        client = await pool_mgr.get_mongo_client(instance_id)
-        db = client.get_default_database()
-        # MongoDB 命令解析执行
-        result = await db.command(eval(command))
-        return ExecuteResult(raw=result)
-
-class RedisEngine(ExecutionEngine):
-    async def execute(self, instance_id, command: str, timeout=30):
-        client = await pool_mgr.get_redis_client(instance_id)
-        parts = command.split()
-        cmd, args = parts[0], parts[1:]
-        result = await client.execute_command(cmd, *args)
-        return ExecuteResult(raw=result)
-
-# 工厂模式
-class EngineFactory:
-    ENGINES = {
-        'mysql': MySQLEngine,
-        'postgres': PostgreSQLEngine,
-        'mongo': MongoEngine,
-        'redis': RedisEngine,
-    }
-    
-    @classmethod
-    def get(cls, db_type: str) -> ExecutionEngine:
-        return cls.ENGINES[db_type]()
-```
-
-### 5.3 规则引擎性能优化
-
-```python
-# 1. 规则缓存
-class RuleCache:
-    async def get_active_rules(self, db_type: str) -> list[AuditRule]:
-        cache_key = f"rules:active:{db_type}"
-        cached = await redis.get(cache_key)
-        if cached:
-            return [AuditRule.parse_raw(r) for r in json.loads(cached)]
-        
-        rules = await crud.audit_rule.get_active(db, db_type=db_type)
-        await redis.setex(cache_key, 300, json.dumps([r.json() for r in rules]))
-        return rules
-    
-    async def invalidate(self, db_type: str):
-        await redis.delete(f"rules:active:{db_type}")
-
-# 2. 规则编译缓存（正则预编译）
-class CompiledRule:
-    def __init__(self, rule: AuditRule):
-        self.rule = rule
-        self._compiled = re.compile(rule.pattern, re.IGNORECASE) if rule.rule_type == 'regex' else None
-    
-    def match(self, sql: str) -> bool:
-        if self._compiled:
-            return bool(self._compiled.search(sql))
-        return False
-
-# 3. 短路求值：block 规则匹配后立即终止
-```
-
-### 5.4 数据库连接池管理
-
-```python
-# backend/app/core/database.py
-# 连接池配置参考
-
-# MySQL (aiomysql + SQLAlchemy)
-engine = create_async_engine(
-    url,
-    pool_size=5,              # 常驻连接数
-    max_overflow=10,          # 最大溢出连接
-    pool_recycle=3600,        # 连接回收时间（秒）
-    pool_pre_ping=True,       # 使用前探活
-    echo=False,
-)
-
-# PostgreSQL (asyncpg + SQLAlchemy)
-engine = create_async_engine(
-    url,
-    pool_size=5,
-    max_overflow=10,
-    pool_recycle=3600,
-    pool_pre_ping=True,
-    echo=False,
-)
-
-# MongoDB (motor)
-client = AsyncIOMotorClient(
-    uri,
-    maxPoolSize=10,
-    minPoolSize=1,
-    maxIdleTimeMS=60000,
-    serverSelectionTimeoutMS=5000,
-)
-
-# Redis (aioredis)
-redis = aioredis.from_url(
-    url,
-    max_connections=20,
-    decode_responses=True,
-    health_check_interval=30,
-)
-```
-
----
-
-## 6. 技术实现关键点
-
-### 6.1 FastAPI 核心代码框架
-
-```python
-# backend/app/main.py
-from fastapi import FastAPI
-from fastapi.middleware.cors import CORSMiddleware
-from contextlib import asynccontextmanager
-
-@asynccontextmanager
-async def lifespan(app: FastAPI):
-    # 启动
-    await pool_mgr.init()
-    await redis_pool.init()
-    await celery_app.start()
-    yield
-    # 关闭
-    await pool_mgr.close()
-    await redis_pool.close()
-
-app = FastAPI(
-    title="DataGuard API",
-    version="2.0.0",
-    lifespan=lifespan,
-    docs_url="/docs" if settings.DEBUG else None,
-)
-
-# CORS
-app.add_middleware(
-    CORSMiddleware,
-    allow_origins=["https://dataguard.company.com"],
-    allow_credentials=True,
-    allow_methods=["GET", "POST", "PUT", "DELETE", "PATCH"],
-    allow_headers=["*"],
-)
-
-# 全局异常处理
-@app.exception_handler(BusinessException)
-async def business_exception_handler(request, exc):
-    return JSONResponse(status_code=400, content={"code": 400, "message": exc.message})
-
-@app.exception_handler(PermissionDenied)
-async def permission_exception_handler(request, exc):
-    return JSONResponse(status_code=403, content={"code": 403, "message": exc.message})
-
-# 注册路由
-app.include_router(api_router, prefix="/api/v1")
-
-# 健康检查
-@app.get("/health")
-async def health_check():
-    return {"status": "ok", "version": "2.0.0"}
-```
-
-### 6.2 Vue3 Composition API 最佳实践
-
-```typescript
-// 组合式函数示例
-// composables/useTable.ts
-import { ref, computed, watch } from 'vue';
-import { useQuery } from '@tanstack/vue-query';
-
-export function useTable<T>(
-  fetchFn: (params: any) => Promise<{ list: T[]; total: number }>,
-  options: { immediate?: boolean; defaultPageSize?: number } = {}
-) {
-  const search = ref('');
-  const filters = ref<Record<string, any>>({});
-  const pagination = ref({ page: 1, pageSize: options.defaultPageSize || 10, total: 0 });
-  const sorter = ref<{ field: string; order: 'ascend' | 'descend' | null }>({ field: '', order: null });
-  
-  const queryKey = computed(() => [
-    'table',
-    pagination.value.page,
-    pagination.value.pageSize,
-    search.value,
-    filters.value,
-    sorter.value,
-  ]);
-  
-  const { data, isLoading, error, refetch } = useQuery({
-    queryKey,
-    queryFn: () => fetchFn({
-      page: pagination.value.page,
-      pageSize: pagination.value.pageSize,
-      search: search.value,
-      filters: filters.value,
-      sorter: sorter.value,
-    }),
-    select: (res) => {
-      pagination.value.total = res.total;
-      return res.list;
-    },
-  });
-  
-  return {
-    data, isLoading, error, refetch,
-    search, filters, pagination, sorter,
-  };
-}
-
-// 页面使用
-const { data: tickets, isLoading, search, pagination } = useTable(
-  (params) => apiTicket.list(params),
-  { defaultPageSize: 20 }
-);
-```
-
-### 6.3 关键 Pydantic Model
-
-```python
-# backend/app/schemas/instance.py
-from pydantic import BaseModel, Field, field_validator
-from typing import Literal
-
-DbType = Literal['mysql', 'postgres', 'mongo', 'redis']
-
-class InstanceCreate(BaseModel):
-    name: str = Field(..., min_length=1, max_length=100)
-    db_type: DbType
-    host: str = Field(..., pattern=r'^([a-zA-Z0-9.-]+|\d+\.\d+\.\d+\.\d+)$')
-    port: int = Field(..., ge=1, le=65535)
-    username: str = Field(..., min_length=1)
-    password: str = Field(..., min_length=1)
-    database: str | None = None
-    env: Literal['production', 'staging', 'development'] = 'development'
-    description: str | None = None
-    
-    @field_validator('port')
-    @classmethod
-    def validate_port(cls, v: int, info) -> int:
-        db_type = info.data.get('db_type')
-        defaults = {'mysql': 3306, 'postgres': 5432, 'mongo': 27017, 'redis': 6379}
-        if v != defaults.get(db_type):
-            pass  # 允许非默认端口，仅作提示
-        return v
-
-class InstanceResponse(InstanceCreate):
-    id: int
-    status: str
-    version: str | None
-    databases: int
-    tables: int
-    size: str
-    connections: int
-    qps: int
-    create_time: datetime
-
-# backend/app/schemas/ticket.py
-class TicketCreate(BaseModel):
-    title: str = Field(..., min_length=5, max_length=200)
-    db_type: DbType
-    instance_id: int
-    target_database: str
-    sql_content: str = Field(..., min_length=1)
-    rollback_sql: str | None = None
-    reason: str = Field(..., min_length=10)
-    priority: Literal['high', 'medium', 'low'] = 'medium'
-
-class TicketApprove(BaseModel):
-    action: Literal['approve', 'reject']
-    comment: str = Field(..., min_length=1, max_length=500)
-
-class TicketExecute(BaseModel):
-    dry_run: bool = True  # 默认先模拟执行
-```
-
-### 6.4 Docker + 多数据库驱动配置
-
-```dockerfile
-# Dockerfile
-FROM python:3.11-slim
-
-WORKDIR /app
-
-# 安装系统依赖（MySQL/PostgreSQL 客户端 + MongoDB 驱动 + Redis）
-RUN apt-get update && apt-get install -y \
-    gcc \
-    libmariadb-dev \
-    libpq-dev \
-    && rm -rf /var/lib/apt/lists/*
-
-COPY pyproject.toml .
-RUN pip install --no-cache-dir -e ".[all]"
-
-COPY app/ ./app/
-COPY migrations/ ./migrations/
-
-CMD ["gunicorn", "app.main:app", "-k", "uvicorn.workers.UvicornWorker", "-w", "4", "-b", "0.0.0.0:8000"]
-```
-
-```yaml
-# docker-compose.yml
-version: '3.8'
-
-services:
-  app:
-    build: .
-    ports:
-      - "8000:8000"
-    environment:
-      - ENV=production
-      - SECRET_KEY=${SECRET_KEY}
-      - MYSQL_HOST=mysql
-      - POSTGRES_HOST=postgres
-      - MONGO_URI=mongodb://mongo:27017
-      - REDIS_URL=redis://redis:6379/0
-      - CELERY_BROKER_URL=redis://redis:6379/1
-    depends_on:
-      - mysql
-      - postgres
-      - mongo
-      - redis
-    volumes:
-      - ./logs:/app/logs
-
-  worker:
-    build: .
-    command: celery -A app.tasks.celery_tasks worker -l info -c 4
-    environment:
-      - ENV=production
-      - CELERY_BROKER_URL=redis://redis:6379/1
-    depends_on:
-      - redis
-      - mysql
-      - postgres
-
-  scheduler:
-    build: .
-    command: celery -A app.tasks.celery_tasks beat -l info
-    depends_on:
-      - redis
-
-  mysql:
-    image: mysql:8.0
-    environment:
-      MYSQL_ROOT_PASSWORD: rootpass
-      MYSQL_DATABASE: dataguard
-    volumes:
-      - mysql_data:/var/lib/mysql
-    command: --binlog-format=ROW --server-id=1
-
-  postgres:
-    image: postgres:16
-    environment:
-      POSTGRES_PASSWORD: pgpass
-      POSTGRES_DB: dataguard
-    volumes:
-      - postgres_data:/var/lib/postgresql/data
-
-  mongo:
-    image: mongo:7
-    volumes:
-      - mongo_data:/data/db
-
-  redis:
-    image: redis:7-alpine
-    volumes:
-      - redis_data:/data
-
-  nginx:
-    image: nginx:alpine
-    ports:
-      - "80:80"
-      - "443:443"
-    volumes:
-      - ./nginx.conf:/etc/nginx/nginx.conf
-      - ./ssl:/etc/nginx/ssl
-    depends_on:
-      - app
-
-volumes:
-  mysql_data:
-  postgres_data:
-  mongo_data:
-  redis_data:
-```
-
----
-
-## 7. 部署与 DevOps
-
-### 7.1 生产部署方案
-
-```nginx
-# nginx.conf
-upstream backend {
-    server app:8000 max_fails=3 fail_timeout=30s;
-}
-
-server {
-    listen 80;
-    server_name dataguard.company.com;
-    return 301 https://$server_name$request_uri;
-}
-
-server {
-    listen 443 ssl http2;
-    server_name dataguard.company.com;
-    
-    ssl_certificate /etc/nginx/ssl/cert.pem;
-    ssl_certificate_key /etc/nginx/ssl/key.pem;
-    ssl_protocols TLSv1.2 TLSv1.3;
-    
-    # 前端静态文件
-    location / {
-        root /var/www/frontend;
-        try_files $uri $uri/ /index.html;
-        expires 7d;
-    }
-    
-    # API 反向代理
-    location /api/ {
-        proxy_pass http://backend;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
-        proxy_connect_timeout 30s;
-        proxy_send_timeout 30s;
-        proxy_read_timeout 30s;
-    }
-    
-    # WebSocket（实时通知）
-    location /ws/ {
-        proxy_pass http://backend;
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection "upgrade";
-    }
-}
-```
-
-```python
-# Gunicorn 配置 gunicorn.conf.py
-import multiprocessing
-
-bind = "0.0.0.0:8000"
-workers = multiprocessing.cpu_count() * 2 + 1
-worker_class = "uvicorn.workers.UvicornWorker"
-timeout = 60
-keepalive = 5
-errorlog = "/app/logs/gunicorn-error.log"
-accesslog = "/app/logs/gunicorn-access.log"
-```
-
-### 7.2 CI/CD 流程
-
-```yaml
-# .github/workflows/ci.yml
-name: CI/CD
-
-on:
-  push:
-    branches: [main, develop]
-  pull_request:
-    branches: [main]
-
-jobs:
-  test-backend:
-    runs-on: ubuntu-latest
-    services:
-      mysql:
-        image: mysql:8.0
-        env:
-          MYSQL_ROOT_PASSWORD: test
-        options: --health-cmd="mysqladmin ping" --health-interval=10s
-      redis:
-        image: redis:7-alpine
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-python@v5
-        with:
-          python-version: '3.11'
-      - run: pip install -e ".[dev]"
-      - run: pytest tests/ --cov=app --cov-report=xml
-      - uses: codecov/codecov-action@v3
-
-  test-frontend:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-      - run: npm ci
-      - run: npm run lint
-      - run: npm run test:unit -- --coverage
-      - run: npm run build
-
-  deploy:
-    needs: [test-backend, test-frontend]
-    if: github.ref == 'refs/heads/main'
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - name: Build & Push Docker
-        run: |
-          docker build -t dataguard:${{ github.sha }} .
-          docker push dataguard:${{ github.sha }}
-      - name: Deploy to Server
-        run: |
-          ssh deploy@server "cd /opt/dataguard && \
-            docker pull dataguard:${{ github.sha }} && \
-            docker-compose up -d"
-```
-
-### 7.3 监控与日志
-
-```python
-# Prometheus 指标
-from prometheus_client import Counter, Histogram, Gauge
-
-request_count = Counter('dg_request_total', 'Total requests', ['method', 'endpoint', 'status'])
-request_latency = Histogram('dg_request_duration_seconds', 'Request latency')
-active_connections = Gauge('dg_db_active_connections', 'Active DB connections', ['db_type', 'instance'])
-ticket_count = Gauge('dg_tickets_total', 'Total tickets', ['status'])
-
-# 中间件自动收集
-@app.middleware("http")
-async def metrics_middleware(request: Request, call_next):
-    start = time.time()
-    response = await call_next(request)
-    duration = time.time() - start
-    
-    request_count.labels(
-        method=request.method,
-        endpoint=request.url.path,
-        status=response.status_code,
-    ).inc()
-    request_latency.observe(duration)
-    
-    return response
-```
-
-```yaml
-# prometheus.yml
-scrape_configs:
-  - job_name: 'dataguard'
-    static_configs:
-      - targets: ['app:8000']
-    metrics_path: /metrics
-    scrape_interval: 15s
-
-# Grafana Dashboard 关键面板:
-# - API QPS / 延迟 P99
-# - 数据库连接池使用率
-# - 工单状态分布
-# - SQL 查询 TOP10
-# - 错误率告警
-```
-
----
-
-## 8. 迭代路线图
-
-### 8.1 MVP（1 个月内可上线）P0
-
-| 功能 | 优先级 | 预计耗时 | 说明 |
-|------|--------|---------|------|
-| 用户登录 + JWT 认证 | P0 | 3天 | FastAPI OAuth2 + Vue3 登录页 |
-| MySQL 数据源管理 | P0 | 3天 | CRUD + 连接测试 + 密码加密 |
-| SQL 工单提交 + 审批 | P0 | 5天 | 状态机 + 单级审批 |
-| 在线 SQL 查询 | P0 | 4天 | MySQL 查询 + 结果展示 + LIMIT 限制 |
-| 基础 RBAC 权限 | P0 | 3天 | admin/dba/developer 角色 |
-| 工单列表 + 筛选 | P0 | 2天 | 表格 + 分页 + 状态筛选 |
-
-**MVP 总耗时: ~20天**
-
-### 8.2 v1.0（3 个月）P1
-
-| 功能 | 优先级 | 预计耗时 | 说明 |
-|------|--------|---------|------|
-| PostgreSQL 支持 | P1 | 3天 | 数据源 + 查询引擎适配 |
-| MongoDB 支持 | P1 | 5天 | 数据源 + 查询引擎 + 命令解析 |
-| Redis 支持 | P1 | 4天 | 数据源 + Key 管理 + 命令执行 |
-| 多级审批流程配置 | P1 | 5天 | 流程模板 + 可视化配置 |
-| 审核规则引擎 | P1 | 5天 | 10条内置规则 + 自定义规则 |
-| 回滚 SQL 生成 | P1 | 5天 | MySQL Binlog 逆向 |
-| 数据脱敏 | P1 | 3天 | 敏感字段自动识别 + 脱敏 |
-| 通知系统 | P1 | 3天 | 飞书/钉钉/邮件 |
-| SQL 编辑器升级 | P1 | 4天 | Monaco Editor + 语法高亮 |
-| 仪表盘 | P1 | 4天 | 统计图表 + 趋势 |
-| 审计日志 | P1 | 4天 | 操作记录 + 变更对比 |
-| LDAP 集成 | P1 | 3天 | 域账号登录 |
-| 配置平台 | P1 | 4天 | 全局配置 + 工单规则 + DDL 拦截 |
-
-**v1.0 总耗时: ~60天（在 MVP 基础上增量）**
-
-### 8.3 v2.0（6 个月）P2
-
-| 功能 | 优先级 | 预计耗时 | 说明 |
-|------|--------|---------|------|
-| Celery 异步任务 | P2 | 5天 | 工单异步执行 + 定时任务 |
-| 自动任务调度 | P2 | 4天 | Cron 表达式 + 任务管理 |
-| 数据字典自动采集 | P2 | 4天 | information_schema 同步 |
-| 行级/字段级权限 | P2 | 5天 | 细粒度数据权限控制 |
-| 大 SQL 处理优化 | P2 | 4天 | 分批执行 + 流式结果 |
-| 查询性能分析 | P2 | 3天 | EXPLAIN 解析 + 索引建议 |
-| 移动端适配 | P2 | 5天 | 响应式布局 + 触摸优化 |
-| 深色/浅色主题 | P2 | 3天 | CSS 变量切换 |
-| 多租户架构 | P2 | 7天 | tenant_id 隔离 |
-| 数据库对比 | P2 | 5天 | 结构对比 + 数据对比 |
-| 备份管理 | P2 | 5天 | 定时备份 + 恢复 |
-| Prometheus + Grafana | P2 | 4天 | 指标采集 + Dashboard |
-| 操作审计防篡改 | P2 | 4天 | WORM 存储 |
-
-**v2.0 总耗时: ~60天（在 v1.0 基础上增量）**
-
----
-
-## 9. 差异化竞争力与风险提醒
-
-### 9.1 与竞品核心差异点
-
-| 维度 | DataGuard | Bytebase | Yearning | Archery |
-|------|-----------|----------|----------|---------|
-| **多数据库支持** | MySQL/PG/Mongo/Redis | MySQL/PG/Mongo/Spanner/Oracle | MySQL only | MySQL/Redis/PG |
-| **架构** | FastAPI + Vue3 | Go + Vue3 | Go + Vue | Django + React |
-| **审批流程** | 可视化配置 + 多级 + 会签/或签 | 基础审批流 | 单级审批 | 多级审批 |
-| **回滚机制** | Binlog ROW + AST + 备份 | pg_dump + 版本管理 | Binlog 逆向 | Binlog 逆向 |
-| **规则引擎** | 自定义 + 版本控制 | 内置规则 | 内置规则 | 内置规则 |
-| **数据脱敏** | 自动识别 + 实时脱敏 | 字段级脱敏 | 无 | 基础脱敏 |
-| **Redis 管理** | Key 浏览 + 数据结构 + 序列化 | 无 | 无 | 基础 Key 操作 |
-| **开源协议** | Apache-2.0 | Apache-2.0 | GPL-3.0 | Apache-2.0 |
-
-**核心差异化**:
-1. **四数据库深度支持**: 不像 Yearning 只支持 MySQL，也不像 Archery  Redis 支持薄弱
-2. **可视化审批流配置**: 拖拽式配置审批流程，支持会签/或签，竞品多为硬编码
-3. **Redis 专业化管理**: Key 树形浏览、数据结构支持、自动序列化识别
-4. **规则引擎版本控制**: 规则变更可追溯，支持自定义 Python 规则
-
-### 9.2 潜在风险及规避建议
-
-| 风险 | 级别 | 规避建议 |
-|------|------|---------|
-| **Binlog 回滚限制** | 高 | DDL 操作无法完整回滚数据，需明确告知用户；生产环境强制备份 |
-| **MongoDB 事务支持** | 中 | MongoDB 4.0+ 支持多文档事务，需检测版本并给出警告 |
-| **Redis 命令安全性** | 高 | 禁止 FLUSHALL/FLUSHDB/CONFIG/DEBUG 等危险命令 |
-| **SQL 超时导致连接泄漏** | 高 | 所有查询强制 asyncio.wait_for 超时，连接池设置 pool_recycle |
-| **敏感数据脱敏误伤** | 中 | 脱敏规则可配置白名单，支持按字段名/正则/数据类型匹配 |
-| **JWT Token 泄露** | 高 | 短有效期(30min) + Refresh Token + 撤销列表；HTTPS 强制 |
-| **数据库连接密码泄露** | 高 | AES 加密存储；禁止前端返回密码；使用 vault 管理密钥 |
-| **Celery 任务堆积** | 中 | 监控队列长度，设置任务过期时间；Flower 实时监控 |
-| **并发执行冲突** | 中 | 同一表加分布式锁（Redis SETNX），防止同时执行变更 |
-| **审计日志存储膨胀** | 低 | 自动归档 90 天前日志到对象存储；热数据保留本地 |
-
----
-
-*文档完成。如需调整细节或补充特定章节，请告知。*
diff --git a/数据审核平台菜单优化/app/README.md b/数据审核平台菜单优化/app/README.md
deleted file mode 100644
index d2e7761..0000000
--- a/数据审核平台菜单优化/app/README.md
+++ /dev/null
@@ -1,73 +0,0 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## React Compiler
-
-The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-
-      // Remove tseslint.configs.recommended and replace with this
-      tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      tseslint.configs.stylisticTypeChecked,
-
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
diff --git a/数据审核平台菜单优化/app/components.json b/数据审核平台菜单优化/app/components.json
deleted file mode 100644
index 411f770..0000000
--- a/数据审核平台菜单优化/app/components.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "postcss.config.js",
-    "css": "src/index.css",
-    "baseColor": "slate",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "iconLibrary": "lucide",
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "registries": {}
-}
diff --git a/数据审核平台菜单优化/app/eslint.config.js b/数据审核平台菜单优化/app/eslint.config.js
deleted file mode 100644
index 5e6b472..0000000
--- a/数据审核平台菜单优化/app/eslint.config.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-])
diff --git a/数据审核平台菜单优化/app/index.html b/数据审核平台菜单优化/app/index.html
deleted file mode 100644
index af77c7e..0000000
--- a/数据审核平台菜单优化/app/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>DataGuard Pro</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
diff --git a/数据审核平台菜单优化/app/info.md b/数据审核平台菜单优化/app/info.md
deleted file mode 100644
index bccea11..0000000
--- a/数据审核平台菜单优化/app/info.md
+++ /dev/null
@@ -1,31 +0,0 @@
-Using Node.js 20, Tailwind CSS v3.4.19, and Vite v7.2.4
-
-Tailwind CSS has been set up with the shadcn theme
-
-Setup complete: /mnt/agents/output/app
-
-Components (40+):
-  accordion, alert-dialog, alert, aspect-ratio, avatar, badge, breadcrumb,
-  button-group, button, calendar, card, carousel, chart, checkbox, collapsible,
-  command, context-menu, dialog, drawer, dropdown-menu, empty, field, form,
-  hover-card, input-group, input-otp, input, item, kbd, label, menubar,
-  navigation-menu, pagination, popover, progress, radio-group, resizable,
-  scroll-area, select, separator, sheet, sidebar, skeleton, slider, sonner,
-  spinner, switch, table, tabs, textarea, toggle-group, toggle, tooltip
-
-Usage:
-  import { Button } from '@/components/ui/button'
-  import { Card, CardHeader, CardTitle } from '@/components/ui/card'
-
-Structure:
-  src/sections/        Page sections
-  src/hooks/           Custom hooks
-  src/types/           Type definitions
-  src/App.css          Styles specific to the Webapp
-  src/App.tsx          Root React component
-  src/index.css        Global styles
-  src/main.tsx         Entry point for rendering the Webapp
-  index.html           Entry point for the Webapp
-  tailwind.config.js   Configures Tailwind's theme, plugins, etc.
-  vite.config.ts       Main build and dev server settings for Vite
-  postcss.config.js    Config file for CSS post-processing tools
\ No newline at end of file
diff --git a/数据审核平台菜单优化/app/package-lock.json b/数据审核平台菜单优化/app/package-lock.json
deleted file mode 100644
index 58945b7..0000000
--- a/数据审核平台菜单优化/app/package-lock.json
+++ /dev/null
@@ -1,8400 +0,0 @@
-{
-  "name": "my-app",
-  "version": "0.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "my-app",
-      "version": "0.0.0",
-      "dependencies": {
-        "@hookform/resolvers": "^5.2.2",
-        "@radix-ui/react-accordion": "^1.2.12",
-        "@radix-ui/react-alert-dialog": "^1.1.15",
-        "@radix-ui/react-aspect-ratio": "^1.1.8",
-        "@radix-ui/react-avatar": "^1.1.11",
-        "@radix-ui/react-checkbox": "^1.3.3",
-        "@radix-ui/react-collapsible": "^1.1.12",
-        "@radix-ui/react-context-menu": "^2.2.16",
-        "@radix-ui/react-dialog": "^1.1.15",
-        "@radix-ui/react-dropdown-menu": "^2.1.16",
-        "@radix-ui/react-hover-card": "^1.1.15",
-        "@radix-ui/react-icons": "^1.3.2",
-        "@radix-ui/react-label": "^2.1.8",
-        "@radix-ui/react-menubar": "^1.1.16",
-        "@radix-ui/react-navigation-menu": "^1.2.14",
-        "@radix-ui/react-popover": "^1.1.15",
-        "@radix-ui/react-progress": "^1.1.8",
-        "@radix-ui/react-radio-group": "^1.3.8",
-        "@radix-ui/react-scroll-area": "^1.2.10",
-        "@radix-ui/react-select": "^2.2.6",
-        "@radix-ui/react-separator": "^1.1.8",
-        "@radix-ui/react-slider": "^1.3.6",
-        "@radix-ui/react-slot": "^1.2.4",
-        "@radix-ui/react-switch": "^1.2.6",
-        "@radix-ui/react-tabs": "^1.1.13",
-        "@radix-ui/react-toggle": "^1.1.10",
-        "@radix-ui/react-toggle-group": "^1.1.11",
-        "@radix-ui/react-tooltip": "^1.2.8",
-        "@types/echarts": "^4.9.22",
-        "class-variance-authority": "^0.7.1",
-        "clsx": "^2.1.1",
-        "cmdk": "^1.1.1",
-        "date-fns": "^4.1.0",
-        "echarts": "^6.0.0",
-        "embla-carousel-react": "^8.6.0",
-        "input-otp": "^1.4.2",
-        "lucide-react": "^0.562.0",
-        "next-themes": "^0.4.6",
-        "react": "^19.2.0",
-        "react-day-picker": "^9.13.0",
-        "react-dom": "^19.2.0",
-        "react-hook-form": "^7.70.0",
-        "react-resizable-panels": "^4.2.2",
-        "react-router": "^7.6.1",
-        "react-router-dom": "^7.15.0",
-        "recharts": "^2.15.4",
-        "sonner": "^2.0.7",
-        "tailwind-merge": "^3.4.0",
-        "vaul": "^1.1.2",
-        "zod": "^4.3.5"
-      },
-      "devDependencies": {
-        "@eslint/js": "^9.39.1",
-        "@types/node": "^24.10.1",
-        "@types/react": "^19.2.5",
-        "@types/react-dom": "^19.2.3",
-        "@vitejs/plugin-react": "^5.1.1",
-        "autoprefixer": "^10.4.23",
-        "eslint": "^9.39.1",
-        "eslint-plugin-react-hooks": "^7.0.1",
-        "eslint-plugin-react-refresh": "^0.4.24",
-        "globals": "^16.5.0",
-        "kimi-plugin-inspect-react": "^1.0.3",
-        "postcss": "^8.5.6",
-        "tailwindcss": "^3.4.19",
-        "tailwindcss-animate": "^1.0.7",
-        "tw-animate-css": "^1.4.0",
-        "typescript": "~5.9.3",
-        "typescript-eslint": "^8.46.4",
-        "vite": "^7.2.4"
-      }
-    },
-    "node_modules/@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@babel/code-frame": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
-      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.28.5",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.1.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/compat-data": {
-      "version": "7.29.3",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.3.tgz",
-      "integrity": "sha512-LIVqM46zQWZhj17qA8wb4nW/ixr2y1Nw+r1etiAWgRM6U1IqP+LNhL1yg440jYZR72jCWcWbLWzIosH+uP1fqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/core": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
-      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.28.5",
-        "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-module-transforms": "^7.28.3",
-        "@babel/helpers": "^7.28.4",
-        "@babel/parser": "^7.28.5",
-        "@babel/template": "^7.27.2",
-        "@babel/traverse": "^7.28.5",
-        "@babel/types": "^7.28.5",
-        "@jridgewell/remapping": "^2.3.5",
-        "convert-source-map": "^2.0.0",
-        "debug": "^4.1.0",
-        "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.3",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/babel"
-      }
-    },
-    "node_modules/@babel/generator": {
-      "version": "7.29.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
-      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.29.0",
-        "@babel/types": "^7.29.0",
-        "@jridgewell/gen-mapping": "^0.3.12",
-        "@jridgewell/trace-mapping": "^0.3.28",
-        "jsesc": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.27.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.27.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
-      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/compat-data": "^7.28.6",
-        "@babel/helper-validator-option": "^7.27.1",
-        "browserslist": "^4.24.0",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.29.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.29.3.tgz",
-      "integrity": "sha512-RpLYy2sb51oNLjuu1iD3bwBqCBWUzjO0ocp+iaCP/lJtb2CPLcnC2Fftw+4sAzaMELGeWTgExSKADbdo0GFVzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.3",
-        "@babel/helper-member-expression-to-functions": "^7.28.5",
-        "@babel/helper-optimise-call-expression": "^7.27.1",
-        "@babel/helper-replace-supers": "^7.28.6",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-        "@babel/traverse": "^7.29.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz",
-      "integrity": "sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.3",
-        "regexpu-core": "^6.3.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.8",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.8.tgz",
-      "integrity": "sha512-47UwBLPpQi1NoWzLuHNjRoHlYXMwIJoBf7MFou6viC/sIHWYygpvr0B6IAyh5sBdA2nr2LPIRww8lfaUVQINBA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "debug": "^4.4.3",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.22.11"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@babel/helper-globals": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
-      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz",
-      "integrity": "sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.28.5",
-        "@babel/types": "^7.28.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-imports": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
-      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-transforms": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
-      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.28.6",
-        "@babel/helper-validator-identifier": "^7.28.5",
-        "@babel/traverse": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
-      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
-      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz",
-      "integrity": "sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.1",
-        "@babel/helper-wrap-function": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-replace-supers": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.28.6.tgz",
-      "integrity": "sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-member-expression-to-functions": "^7.28.5",
-        "@babel/helper-optimise-call-expression": "^7.27.1",
-        "@babel/traverse": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
-      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.27.1",
-        "@babel/types": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-option": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
-      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-wrap-function": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.28.6.tgz",
-      "integrity": "sha512-z+PwLziMNBeSQJonizz2AGnndLsP2DeGHIxDAn+wdHOGuo4Fo1x1HBPPXeE9TAOPHNNWQKCSlA2VZyYyyibDnQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/template": "^7.28.6",
-        "@babel/traverse": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
-      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/template": "^7.27.2",
-        "@babel/types": "^7.28.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.29.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.3.tgz",
-      "integrity": "sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.29.0"
-      },
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz",
-      "integrity": "sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/traverse": "^7.28.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.27.1.tgz",
-      "integrity": "sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.27.1.tgz",
-      "integrity": "sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-bugfix-safari-rest-destructuring-rhs-array": {
-      "version": "7.29.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-rest-destructuring-rhs-array/-/plugin-bugfix-safari-rest-destructuring-rhs-array-7.29.3.tgz",
-      "integrity": "sha512-SRS46DFR4HqzUzCVgi90/xMoL+zeBDBvWdKYXSEzh79kXswNFEglUpMKxR04//dPqwYXWUBJ3mpUd933ru9Kmg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.27.1.tgz",
-      "integrity": "sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-        "@babel/plugin-transform-optional-chaining": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.13.0"
-      }
-    },
-    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.6.tgz",
-      "integrity": "sha512-a0aBScVTlNaiUe35UtfxAN7A/tehvvG4/ByO6+46VPKTRSlfnAFsgKy0FUh+qAkQrDTmhDkT+IBOKlOoMUxQ0g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/traverse": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-decorators": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.29.0.tgz",
-      "integrity": "sha512-CVBVv3VY/XRMxRYq5dwr2DS7/MvqPm23cOCjbwNnVrfOqcWlnefua1uUs0sjdKOGjvPUG633o07uWzJq4oI6dA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/plugin-syntax-decorators": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-private-property-in-object": {
-      "version": "7.21.0-placeholder-for-preset-env.2",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
-      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-decorators": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.28.6.tgz",
-      "integrity": "sha512-71EYI0ONURHJBL4rSFXnITXqXrrY8q4P0q006DPfN+Rk+ASM+++IBXem/ruokgBZR8YNEWZ8R6B+rCb8VcUTqA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-assertions": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.28.6.tgz",
-      "integrity": "sha512-pSJUpFHdx9z5nqTSirOCMtYVP2wFgoWhP0p3g8ONK/4IHhLIBd0B9NYqAvIUAhq+OkhO4VM1tENCt0cjlsNShw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz",
-      "integrity": "sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz",
-      "integrity": "sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.28.6.tgz",
-      "integrity": "sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
-      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-arrow-functions": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.27.1.tgz",
-      "integrity": "sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.29.0.tgz",
-      "integrity": "sha512-va0VdWro4zlBr2JsXC+ofCPB2iG12wPtVGTWFx2WLDOM3nYQZZIGP82qku2eW/JR83sD+k2k+CsNtyEbUqhU6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/helper-remap-async-to-generator": "^7.27.1",
-        "@babel/traverse": "^7.29.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.28.6.tgz",
-      "integrity": "sha512-ilTRcmbuXjsMmcZ3HASTe4caH5Tpo93PkTxF9oG2VZsSWsahydmcEHhix9Ik122RcTnZnUzPbmux4wh1swfv7g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/helper-remap-async-to-generator": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-block-scoped-functions": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz",
-      "integrity": "sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.6.tgz",
-      "integrity": "sha512-tt/7wOtBmwHPNMPu7ax4pdPz6shjFrmHDghvNC+FG9Qvj7D6mJcoRQIF5dy4njmxR941l6rgtvfSB2zX3VlUIw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-class-properties": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.28.6.tgz",
-      "integrity": "sha512-dY2wS3I2G7D697VHndN91TJr8/AAfXQNt5ynCTI/MpxMsSzHp+52uNivYT5wCPax3whc47DR8Ba7cmlQMg24bw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.6.tgz",
-      "integrity": "sha512-rfQ++ghVwTWTqQ7w8qyDxL1XGihjBss4CmTgGRCTAC9RIbhVpyp4fOeZtta0Lbf+dTNIVJer6ych2ibHwkZqsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.12.0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.6.tgz",
-      "integrity": "sha512-EF5KONAqC5zAqT783iMGuM2ZtmEBy+mJMOKl2BCvPZ2lVrwvXnB6o+OBWCS+CoeCCpVRF2sA2RBKUxvT8tQT5Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.3",
-        "@babel/helper-compilation-targets": "^7.28.6",
-        "@babel/helper-globals": "^7.28.0",
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/helper-replace-supers": "^7.28.6",
-        "@babel/traverse": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-computed-properties": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.28.6.tgz",
-      "integrity": "sha512-bcc3k0ijhHbc2lEfpFHgx7eYw9KNXqOerKWfzbxEHUGKnS3sz9C4CNL9OiFN1297bDNfUiSO7DaLzbvHQQQ1BQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/template": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz",
-      "integrity": "sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/traverse": "^7.28.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-dotall-regex": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.28.6.tgz",
-      "integrity": "sha512-SljjowuNKB7q5Oayv4FoPzeB74g3QgLt8IVJw9ADvWy3QnUb/01aw8I4AVv8wYnPvQz2GDDZ/g3GhcNyDBI4Bg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-duplicate-keys": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.27.1.tgz",
-      "integrity": "sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.29.0.tgz",
-      "integrity": "sha512-zBPcW2lFGxdiD8PUnPwJjag2J9otbcLQzvbiOzDxpYXyCuYX9agOwMPGn1prVH0a4qzhCKu24rlH4c1f7yA8rw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-dynamic-import": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.27.1.tgz",
-      "integrity": "sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-explicit-resource-management": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.6.tgz",
-      "integrity": "sha512-Iao5Konzx2b6g7EPqTy40UZbcdXE126tTxVFr/nAIj+WItNxjKSYTEw3RC+A2/ZetmdJsgueL1KhaMCQHkLPIg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/plugin-transform-destructuring": "^7.28.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.6.tgz",
-      "integrity": "sha512-WitabqiGjV/vJ0aPOLSFfNY1u9U3R7W36B03r5I2KoNix+a3sOhJ3pKFB3R5It9/UiK78NiO0KE9P21cMhlPkw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-export-namespace-from": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.27.1.tgz",
-      "integrity": "sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz",
-      "integrity": "sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-function-name": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.27.1.tgz",
-      "integrity": "sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-json-strings": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.28.6.tgz",
-      "integrity": "sha512-Nr+hEN+0geQkzhbdgQVPoqr47lZbm+5fCUmO70722xJZd0Mvb59+33QLImGj6F+DkK3xgDi1YVysP8whD6FQAw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-literals": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.27.1.tgz",
-      "integrity": "sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.6.tgz",
-      "integrity": "sha512-+anKKair6gpi8VsM/95kmomGNMD0eLz1NQ8+Pfw5sAwWH9fGYXT50E55ZpV0pHUHWf6IUTWPM+f/7AAff+wr9A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-member-expression-literals": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz",
-      "integrity": "sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-modules-amd": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.27.1.tgz",
-      "integrity": "sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz",
-      "integrity": "sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.29.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.4.tgz",
-      "integrity": "sha512-N7QmZ0xRZfjHOfZeQLJjwgX2zS9pdGHSVl/cjSGlo4dXMqvurfxXDMKY4RqEKzPozV78VMcd0lxyG13mlbKc4w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/helper-validator-identifier": "^7.28.5",
-        "@babel/traverse": "^7.29.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-modules-umd": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.27.1.tgz",
-      "integrity": "sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.29.0.tgz",
-      "integrity": "sha512-1CZQA5KNAD6ZYQLPw7oi5ewtDNxH/2vuCh+6SmvgDfhumForvs8a1o9n0UrEoBD8HU4djO2yWngTQlXl1NDVEQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-new-target": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.27.1.tgz",
-      "integrity": "sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.28.6.tgz",
-      "integrity": "sha512-3wKbRgmzYbw24mDJXT7N+ADXw8BC/imU9yo9c9X9NKaLF1fW+e5H1U5QjMUBe4Qo4Ox/o++IyUkl1sVCLgevKg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-numeric-separator": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.28.6.tgz",
-      "integrity": "sha512-SJR8hPynj8outz+SlStQSwvziMN4+Bq99it4tMIf5/Caq+3iOc0JtKyse8puvyXkk3eFRIA5ID/XfunGgO5i6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.6.tgz",
-      "integrity": "sha512-5rh+JR4JBC4pGkXLAcYdLHZjXudVxWMXbB6u6+E9lRL5TrGVbHt1TjxGbZ8CkmYw9zjkB7jutzOROArsqtncEA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/plugin-transform-destructuring": "^7.28.5",
-        "@babel/plugin-transform-parameters": "^7.27.7",
-        "@babel/traverse": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-object-super": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz",
-      "integrity": "sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/helper-replace-supers": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.28.6.tgz",
-      "integrity": "sha512-R8ja/Pyrv0OGAvAXQhSTmWyPJPml+0TMqXlO5w+AsMEiwb2fg3WkOvob7UxFSL3OIttFSGSRFKQsOhJ/X6HQdQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.6.tgz",
-      "integrity": "sha512-A4zobikRGJTsX9uqVFdafzGkqD30t26ck2LmOzAuLL8b2x6k3TIqRiT2xVvA9fNmFeTX484VpsdgmKNA0bS23w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-parameters": {
-      "version": "7.27.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz",
-      "integrity": "sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-private-methods": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.28.6.tgz",
-      "integrity": "sha512-piiuapX9CRv7+0st8lmuUlRSmX6mBcVeNQ1b4AYzJxfCMuBfB0vBXDiGSmm03pKJw1v6cZ8KSeM+oUnM6yAExg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.28.6.tgz",
-      "integrity": "sha512-b97jvNSOb5+ehyQmBpmhOCiUC5oVK4PMnpRvO7+ymFBoqYjeDHIU9jnrNUuwHOiL9RpGDoKBpSViarV+BU+eVA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.3",
-        "@babel/helper-create-class-features-plugin": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-property-literals": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz",
-      "integrity": "sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.28.0.tgz",
-      "integrity": "sha512-D6Eujc2zMxKjfa4Zxl4GHMsmhKKZ9VpcqIchJLvwTxad9zWIYulwYItBovpDOoNLISpcZSXoDJ5gaGbQUDqViA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.28.6.tgz",
-      "integrity": "sha512-61bxqhiRfAACulXSLd/GxqmAedUSrRZIu/cbaT18T1CetkTmtDN15it7i80ru4DVqRK1WMxQhXs+Lf9kajm5Ow==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.3",
-        "@babel/helper-module-imports": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/plugin-syntax-jsx": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx-development": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.27.1.tgz",
-      "integrity": "sha512-ykDdF5yI4f1WrAolLqeF3hmYU12j9ntLQl/AOG1HAS21jxyg1Q0/J/tpREuYLfatGdGmXp/3yS0ZA76kOlVq9Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/plugin-transform-react-jsx": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx-self": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
-      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx-source": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
-      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.27.1.tgz",
-      "integrity": "sha512-JfuinvDOsD9FVMTHpzA/pBLisxpv1aSf+OIV8lgH3MuWrks19R27e6a6DipIg4aX1Zm9Wpb04p8wljfKrVSnPA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.29.0.tgz",
-      "integrity": "sha512-FijqlqMA7DmRdg/aINBSs04y8XNTYw/lr1gJ2WsmBnnaNw1iS43EPkJW+zK7z65auG3AWRFXWj+NcTQwYptUog==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-regexp-modifiers": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.28.6.tgz",
-      "integrity": "sha512-QGWAepm9qxpaIs7UM9FvUSnCGlb8Ua1RhyM4/veAxLwt3gMat/LSGrZixyuj4I6+Kn9iwvqCyPTtbdxanYoWYg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-reserved-words": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.27.1.tgz",
-      "integrity": "sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-shorthand-properties": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.27.1.tgz",
-      "integrity": "sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-spread": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.28.6.tgz",
-      "integrity": "sha512-9U4QObUC0FtJl05AsUcodau/RWDytrU6uKgkxu09mLR9HLDAtUMoPuuskm5huQsoktmsYpI+bGmq+iapDcriKA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-sticky-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.27.1.tgz",
-      "integrity": "sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-template-literals": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz",
-      "integrity": "sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-typeof-symbol": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.1.tgz",
-      "integrity": "sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.6.tgz",
-      "integrity": "sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.3",
-        "@babel/helper-create-class-features-plugin": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-        "@babel/plugin-syntax-typescript": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-unicode-escapes": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.27.1.tgz",
-      "integrity": "sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.28.6.tgz",
-      "integrity": "sha512-4Wlbdl/sIZjzi/8St0evF0gEZrgOswVO6aOzqxh1kDZOl9WmLrHq2HtGhnOJZmHZYKP8WZ1MDLCt5DAWwRo57A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-unicode-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.27.1.tgz",
-      "integrity": "sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.28.6.tgz",
-      "integrity": "sha512-/wHc/paTUmsDYN7SZkpWxogTOBNnlx7nBQYfy6JJlCT7G3mVhltk3e++N7zV0XfgGsrqBxd4rJQt9H16I21Y1Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
-        "@babel/helper-plugin-utils": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/preset-env": {
-      "version": "7.29.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.29.5.tgz",
-      "integrity": "sha512-/69t2aEzGKHD76DyLbHysF/QH2LJOB8iFnYO37unDTKBTubzcMRv0f3H5EiN1Q6ajOd/eB7dAInF0qdFVS06kA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/compat-data": "^7.29.3",
-        "@babel/helper-compilation-targets": "^7.28.6",
-        "@babel/helper-plugin-utils": "^7.28.6",
-        "@babel/helper-validator-option": "^7.27.1",
-        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.28.5",
-        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.27.1",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.27.1",
-        "@babel/plugin-bugfix-safari-rest-destructuring-rhs-array": "^7.29.3",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.27.1",
-        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.28.6",
-        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-        "@babel/plugin-syntax-import-assertions": "^7.28.6",
-        "@babel/plugin-syntax-import-attributes": "^7.28.6",
-        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-        "@babel/plugin-transform-arrow-functions": "^7.27.1",
-        "@babel/plugin-transform-async-generator-functions": "^7.29.0",
-        "@babel/plugin-transform-async-to-generator": "^7.28.6",
-        "@babel/plugin-transform-block-scoped-functions": "^7.27.1",
-        "@babel/plugin-transform-block-scoping": "^7.28.6",
-        "@babel/plugin-transform-class-properties": "^7.28.6",
-        "@babel/plugin-transform-class-static-block": "^7.28.6",
-        "@babel/plugin-transform-classes": "^7.28.6",
-        "@babel/plugin-transform-computed-properties": "^7.28.6",
-        "@babel/plugin-transform-destructuring": "^7.28.5",
-        "@babel/plugin-transform-dotall-regex": "^7.28.6",
-        "@babel/plugin-transform-duplicate-keys": "^7.27.1",
-        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.29.0",
-        "@babel/plugin-transform-dynamic-import": "^7.27.1",
-        "@babel/plugin-transform-explicit-resource-management": "^7.28.6",
-        "@babel/plugin-transform-exponentiation-operator": "^7.28.6",
-        "@babel/plugin-transform-export-namespace-from": "^7.27.1",
-        "@babel/plugin-transform-for-of": "^7.27.1",
-        "@babel/plugin-transform-function-name": "^7.27.1",
-        "@babel/plugin-transform-json-strings": "^7.28.6",
-        "@babel/plugin-transform-literals": "^7.27.1",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.28.6",
-        "@babel/plugin-transform-member-expression-literals": "^7.27.1",
-        "@babel/plugin-transform-modules-amd": "^7.27.1",
-        "@babel/plugin-transform-modules-commonjs": "^7.28.6",
-        "@babel/plugin-transform-modules-systemjs": "^7.29.4",
-        "@babel/plugin-transform-modules-umd": "^7.27.1",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.29.0",
-        "@babel/plugin-transform-new-target": "^7.27.1",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.28.6",
-        "@babel/plugin-transform-numeric-separator": "^7.28.6",
-        "@babel/plugin-transform-object-rest-spread": "^7.28.6",
-        "@babel/plugin-transform-object-super": "^7.27.1",
-        "@babel/plugin-transform-optional-catch-binding": "^7.28.6",
-        "@babel/plugin-transform-optional-chaining": "^7.28.6",
-        "@babel/plugin-transform-parameters": "^7.27.7",
-        "@babel/plugin-transform-private-methods": "^7.28.6",
-        "@babel/plugin-transform-private-property-in-object": "^7.28.6",
-        "@babel/plugin-transform-property-literals": "^7.27.1",
-        "@babel/plugin-transform-regenerator": "^7.29.0",
-        "@babel/plugin-transform-regexp-modifiers": "^7.28.6",
-        "@babel/plugin-transform-reserved-words": "^7.27.1",
-        "@babel/plugin-transform-shorthand-properties": "^7.27.1",
-        "@babel/plugin-transform-spread": "^7.28.6",
-        "@babel/plugin-transform-sticky-regex": "^7.27.1",
-        "@babel/plugin-transform-template-literals": "^7.27.1",
-        "@babel/plugin-transform-typeof-symbol": "^7.27.1",
-        "@babel/plugin-transform-unicode-escapes": "^7.27.1",
-        "@babel/plugin-transform-unicode-property-regex": "^7.28.6",
-        "@babel/plugin-transform-unicode-regex": "^7.27.1",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.28.6",
-        "@babel/preset-modules": "0.1.6-no-external-plugins",
-        "babel-plugin-polyfill-corejs2": "^0.4.15",
-        "babel-plugin-polyfill-corejs3": "^0.14.0",
-        "babel-plugin-polyfill-regenerator": "^0.6.6",
-        "core-js-compat": "^3.48.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-modules": {
-      "version": "0.1.6-no-external-plugins",
-      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
-      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@babel/types": "^7.4.4",
-        "esutils": "^2.0.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@babel/preset-react": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.28.5.tgz",
-      "integrity": "sha512-Z3J8vhRq7CeLjdC58jLv4lnZ5RKFUJWqH5emvxmv9Hv3BD1T9R/Im713R4MTKwvFaV74ejZ3sM01LyEKk4ugNQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/helper-validator-option": "^7.27.1",
-        "@babel/plugin-transform-react-display-name": "^7.28.0",
-        "@babel/plugin-transform-react-jsx": "^7.27.1",
-        "@babel/plugin-transform-react-jsx-development": "^7.27.1",
-        "@babel/plugin-transform-react-pure-annotations": "^7.27.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-typescript": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.28.5.tgz",
-      "integrity": "sha512-+bQy5WOI2V6LJZpPVxY+yp66XdZ2yifu0Mc1aP5CQKgjn4QM5IN2i5fAZ4xKop47pr8rpVhiAeu+nDQa12C8+g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/helper-validator-option": "^7.27.1",
-        "@babel/plugin-syntax-jsx": "^7.27.1",
-        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
-        "@babel/plugin-transform-typescript": "^7.28.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
-      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
-      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.28.6",
-        "@babel/parser": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
-      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.29.0",
-        "@babel/generator": "^7.29.0",
-        "@babel/helper-globals": "^7.28.0",
-        "@babel/parser": "^7.29.0",
-        "@babel/template": "^7.28.6",
-        "@babel/types": "^7.29.0",
-        "debug": "^4.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
-      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.28.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@date-fns/tz": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@date-fns/tz/-/tz-1.4.1.tgz",
-      "integrity": "sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==",
-      "license": "MIT"
-    },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
-      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
-      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
-      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
-      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
-      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
-      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
-      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
-      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
-      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
-      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
-      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
-      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
-      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
-      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
-      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
-      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
-      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
-      "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
-      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
-      "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
-      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
-      "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
-      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
-      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
-      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
-      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
-      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eslint-visitor-keys": "^3.4.3"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.2",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
-      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/config-array": {
-      "version": "0.21.1",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
-      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/object-schema": "^2.1.7",
-        "debug": "^4.3.1",
-        "minimatch": "^3.1.2"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/config-helpers": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
-      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/core": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
-      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/json-schema": "^7.0.15"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
-      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "9.39.2",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
-      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      }
-    },
-    "node_modules/@eslint/object-schema": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
-      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/plugin-kit": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
-      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0",
-        "levn": "^0.4.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@floating-ui/core": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
-      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/utils": "^0.2.10"
-      }
-    },
-    "node_modules/@floating-ui/dom": {
-      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
-      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/core": "^1.7.3",
-        "@floating-ui/utils": "^0.2.10"
-      }
-    },
-    "node_modules/@floating-ui/react-dom": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.6.tgz",
-      "integrity": "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==",
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/dom": "^1.7.4"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
-    "node_modules/@floating-ui/utils": {
-      "version": "0.2.10",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
-      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
-      "license": "MIT"
-    },
-    "node_modules/@hookform/resolvers": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-5.2.2.tgz",
-      "integrity": "sha512-A/IxlMLShx3KjV/HeTcTfaMxdwy690+L/ZADoeaTltLx+CVuzkeVIPuybK3jrRfw7YZnmdKsVVHAlEPIAEUNlA==",
-      "license": "MIT",
-      "dependencies": {
-        "@standard-schema/utils": "^0.3.0"
-      },
-      "peerDependencies": {
-        "react-hook-form": "^7.55.0"
-      }
-    },
-    "node_modules/@humanfs/core": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
-      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanfs/node": {
-      "version": "0.16.7",
-      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
-      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@humanfs/core": "^0.19.1",
-        "@humanwhocodes/retry": "^0.4.0"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/retry": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
-      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/remapping": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.31",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@radix-ui/number": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
-      "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
-      "license": "MIT"
-    },
-    "node_modules/@radix-ui/primitive": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
-      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
-      "license": "MIT"
-    },
-    "node_modules/@radix-ui/react-accordion": {
-      "version": "1.2.12",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.12.tgz",
-      "integrity": "sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collapsible": "1.1.12",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-alert-dialog": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.15.tgz",
-      "integrity": "sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dialog": "1.1.15",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.7.tgz",
-      "integrity": "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-aspect-ratio": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-aspect-ratio/-/react-aspect-ratio-1.1.8.tgz",
-      "integrity": "sha512-5nZrJTF7gH+e0nZS7/QxFz6tJV4VimhQb1avEgtsJxvvIp5JilL+c58HICsKzPxghdwaDt48hEfPM1au4zGy+w==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-aspect-ratio/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
-      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-avatar": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.11.tgz",
-      "integrity": "sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-context": "1.1.3",
-        "@radix-ui/react-primitive": "2.1.4",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-is-hydrated": "0.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-context": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.3.tgz",
-      "integrity": "sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
-      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-checkbox": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.3.3.tgz",
-      "integrity": "sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-collapsible": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.12.tgz",
-      "integrity": "sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-collection": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
-      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
-      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
-      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context-menu": {
-      "version": "2.2.16",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context-menu/-/react-context-menu-2.2.16.tgz",
-      "integrity": "sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-menu": "2.1.16",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
-      "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-focus-guards": "1.1.3",
-        "@radix-ui/react-focus-scope": "1.1.7",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-portal": "1.1.9",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-direction": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
-      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
-      "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-escape-keydown": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dropdown-menu": {
-      "version": "2.1.16",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.16.tgz",
-      "integrity": "sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-menu": "2.1.16",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
-      "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
-      "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.15.tgz",
-      "integrity": "sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-popper": "1.2.8",
-        "@radix-ui/react-portal": "1.1.9",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-icons": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-icons/-/react-icons-1.3.2.tgz",
-      "integrity": "sha512-fyQIhGDhzfc9pK2kH6Pl9c4BDJGfMkPqkyIgYDthyNYoNg3wVhoJMMh19WS4Up/1KMPFVpNsT2q3WmXn2N1m6g==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "^16.x || ^17.x || ^18.x || ^19.0.0 || ^19.0.0-rc"
-      }
-    },
-    "node_modules/@radix-ui/react-id": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
-      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-label": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.8.tgz",
-      "integrity": "sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
-      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-menu": {
-      "version": "2.1.16",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.16.tgz",
-      "integrity": "sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-focus-guards": "1.1.3",
-        "@radix-ui/react-focus-scope": "1.1.7",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-popper": "1.2.8",
-        "@radix-ui/react-portal": "1.1.9",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-roving-focus": "1.1.11",
-        "@radix-ui/react-slot": "1.2.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-menubar": {
-      "version": "1.1.16",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-menubar/-/react-menubar-1.1.16.tgz",
-      "integrity": "sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-menu": "2.1.16",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-roving-focus": "1.1.11",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-navigation-menu": {
-      "version": "1.2.14",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.14.tgz",
-      "integrity": "sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-visually-hidden": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.15.tgz",
-      "integrity": "sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-focus-guards": "1.1.3",
-        "@radix-ui/react-focus-scope": "1.1.7",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-popper": "1.2.8",
-        "@radix-ui/react-portal": "1.1.9",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popper": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.8.tgz",
-      "integrity": "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==",
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.1",
-        "@radix-ui/react-use-rect": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1",
-        "@radix-ui/rect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-portal": {
-      "version": "1.1.9",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
-      "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-presence": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
-      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
-      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-progress": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.8.tgz",
-      "integrity": "sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-context": "1.1.3",
-        "@radix-ui/react-primitive": "2.1.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-context": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.3.tgz",
-      "integrity": "sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
-      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-radio-group": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.3.8.tgz",
-      "integrity": "sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-roving-focus": "1.1.11",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.11.tgz",
-      "integrity": "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-scroll-area": {
-      "version": "1.2.10",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.10.tgz",
-      "integrity": "sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/number": "1.1.1",
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.6.tgz",
-      "integrity": "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/number": "1.1.1",
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-focus-guards": "1.1.3",
-        "@radix-ui/react-focus-scope": "1.1.7",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-popper": "1.2.8",
-        "@radix-ui/react-portal": "1.1.9",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-visually-hidden": "1.2.3",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-separator": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.8.tgz",
-      "integrity": "sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
-      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-slider": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slider/-/react-slider-1.3.6.tgz",
-      "integrity": "sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/number": "1.1.1",
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-slot": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.4.tgz",
-      "integrity": "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-switch": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.2.6.tgz",
-      "integrity": "sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.13.tgz",
-      "integrity": "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-roving-focus": "1.1.11",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-toggle": {
-      "version": "1.1.10",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.10.tgz",
-      "integrity": "sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-toggle-group": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.11.tgz",
-      "integrity": "sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-roving-focus": "1.1.11",
-        "@radix-ui/react-toggle": "1.1.10",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tooltip": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz",
-      "integrity": "sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-popper": "1.2.8",
-        "@radix-ui/react-portal": "1.1.9",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-visually-hidden": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
-      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-controllable-state": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
-      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-use-effect-event": "0.0.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-effect-event": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
-      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
-      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-is-hydrated": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
-      "integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
-      "license": "MIT",
-      "dependencies": {
-        "use-sync-external-store": "^1.5.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
-      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-previous": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
-      "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-rect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
-      "integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/rect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-size": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
-      "integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
-      "integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/rect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
-      "integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==",
-      "license": "MIT"
-    },
-    "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-beta.53",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.53.tgz",
-      "integrity": "sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.55.1.tgz",
-      "integrity": "sha512-9R0DM/ykwfGIlNu6+2U09ga0WXeZ9MRC2Ter8jnz8415VbuIykVuc6bhdrbORFZANDmTDvq26mJrEVTl8TdnDg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.55.1.tgz",
-      "integrity": "sha512-eFZCb1YUqhTysgW3sj/55du5cG57S7UTNtdMjCW7LwVcj3dTTcowCsC8p7uBdzKsZYa8J7IDE8lhMI+HX1vQvg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.55.1.tgz",
-      "integrity": "sha512-p3grE2PHcQm2e8PSGZdzIhCKbMCw/xi9XvMPErPhwO17vxtvCN5FEA2mSLgmKlCjHGMQTP6phuQTYWUnKewwGg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.55.1.tgz",
-      "integrity": "sha512-rDUjG25C9qoTm+e02Esi+aqTKSBYwVTaoS1wxcN47/Luqef57Vgp96xNANwt5npq9GDxsH7kXxNkJVEsWEOEaQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.55.1.tgz",
-      "integrity": "sha512-+JiU7Jbp5cdxekIgdte0jfcu5oqw4GCKr6i3PJTlXTCU5H5Fvtkpbs4XJHRmWNXF+hKmn4v7ogI5OQPaupJgOg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.55.1.tgz",
-      "integrity": "sha512-V5xC1tOVWtLLmr3YUk2f6EJK4qksksOYiz/TCsFHu/R+woubcLWdC9nZQmwjOAbmExBIVKsm1/wKmEy4z4u4Bw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.55.1.tgz",
-      "integrity": "sha512-Rn3n+FUk2J5VWx+ywrG/HGPTD9jXNbicRtTM11e/uorplArnXZYsVifnPPqNNP5BsO3roI4n8332ukpY/zN7rQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.55.1.tgz",
-      "integrity": "sha512-grPNWydeKtc1aEdrJDWk4opD7nFtQbMmV7769hiAaYyUKCT1faPRm2av8CX1YJsZ4TLAZcg9gTR1KvEzoLjXkg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.55.1.tgz",
-      "integrity": "sha512-a59mwd1k6x8tXKcUxSyISiquLwB5pX+fJW9TkWU46lCqD/GRDe9uDN31jrMmVP3feI3mhAdvcCClhV8V5MhJFQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.55.1.tgz",
-      "integrity": "sha512-puS1MEgWX5GsHSoiAsF0TYrpomdvkaXm0CofIMG5uVkP6IBV+ZO9xhC5YEN49nsgYo1DuuMquF9+7EDBVYu4uA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.55.1.tgz",
-      "integrity": "sha512-r3Wv40in+lTsULSb6nnoudVbARdOwb2u5fpeoOAZjFLznp6tDU8kd+GTHmJoqZ9lt6/Sys33KdIHUaQihFcu7g==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.55.1.tgz",
-      "integrity": "sha512-MR8c0+UxAlB22Fq4R+aQSPBayvYa3+9DrwG/i1TKQXFYEaoW3B5b/rkSRIypcZDdWjWnpcvxbNaAJDcSbJU3Lw==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.55.1.tgz",
-      "integrity": "sha512-3KhoECe1BRlSYpMTeVrD4sh2Pw2xgt4jzNSZIIPLFEsnQn9gAnZagW9+VqDqAHgm1Xc77LzJOo2LdigS5qZ+gw==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.55.1.tgz",
-      "integrity": "sha512-ziR1OuZx0vdYZZ30vueNZTg73alF59DicYrPViG0NEgDVN8/Jl87zkAPu4u6VjZST2llgEUjaiNl9JM6HH1Vdw==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.55.1.tgz",
-      "integrity": "sha512-uW0Y12ih2XJRERZ4jAfKamTyIHVMPQnTZcQjme2HMVDAHY4amf5u414OqNYC+x+LzRdRcnIG1YodLrrtA8xsxw==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.55.1.tgz",
-      "integrity": "sha512-u9yZ0jUkOED1BFrqu3BwMQoixvGHGZ+JhJNkNKY/hyoEgOwlqKb62qu+7UjbPSHYjiVy8kKJHvXKv5coH4wDeg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.55.1.tgz",
-      "integrity": "sha512-/0PenBCmqM4ZUd0190j7J0UsQ/1nsi735iPRakO8iPciE7BQ495Y6msPzaOmvx0/pn+eJVVlZrNrSh4WSYLxNg==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.55.1.tgz",
-      "integrity": "sha512-a8G4wiQxQG2BAvo+gU6XrReRRqj+pLS2NGXKm8io19goR+K8lw269eTrPkSdDTALwMmJp4th2Uh0D8J9bEV1vg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.55.1.tgz",
-      "integrity": "sha512-bD+zjpFrMpP/hqkfEcnjXWHMw5BIghGisOKPj+2NaNDuVT+8Ds4mPf3XcPHuat1tz89WRL+1wbcxKY3WSbiT7w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.55.1.tgz",
-      "integrity": "sha512-eLXw0dOiqE4QmvikfQ6yjgkg/xDM+MdU9YJuP4ySTibXU0oAvnEWXt7UDJmD4UkYialMfOGFPJnIHSe/kdzPxg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.55.1.tgz",
-      "integrity": "sha512-xzm44KgEP11te3S2HCSyYf5zIzWmx3n8HDCc7EE59+lTcswEWNpvMLfd9uJvVX8LCg9QWG67Xt75AuHn4vgsXw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.55.1.tgz",
-      "integrity": "sha512-yR6Bl3tMC/gBok5cz/Qi0xYnVbIxGx5Fcf/ca0eB6/6JwOY+SRUcJfI0OpeTpPls7f194as62thCt/2BjxYN8g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.55.1.tgz",
-      "integrity": "sha512-3fZBidchE0eY0oFZBnekYCfg+5wAB0mbpCBuofh5mZuzIU/4jIVkbESmd2dOsFNS78b53CYv3OAtwqkZZmU5nA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.55.1.tgz",
-      "integrity": "sha512-xGGY5pXj69IxKb4yv/POoocPy/qmEGhimy/FoTpTSVju3FYXUQQMFCaZZXJVidsmGxRioZAwpThl/4zX41gRKg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.55.1.tgz",
-      "integrity": "sha512-SPEpaL6DX4rmcXtnhdrQYgzQ5W2uW3SCJch88lB2zImhJRhIIK44fkUrgIV/Q8yUNfw5oyZ5vkeQsZLhCb06lw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@standard-schema/utils": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@standard-schema/utils/-/utils-0.3.0.tgz",
-      "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==",
-      "license": "MIT"
-    },
-    "node_modules/@types/babel__core": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
-      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7",
-        "@types/babel__generator": "*",
-        "@types/babel__template": "*",
-        "@types/babel__traverse": "*"
-      }
-    },
-    "node_modules/@types/babel__generator": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
-      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__template": {
-      "version": "7.4.4",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
-      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__traverse": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
-      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.28.2"
-      }
-    },
-    "node_modules/@types/d3-array": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
-      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-color": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
-      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-ease": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
-      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-interpolate": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
-      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-color": "*"
-      }
-    },
-    "node_modules/@types/d3-path": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
-      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-scale": {
-      "version": "4.0.9",
-      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
-      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-time": "*"
-      }
-    },
-    "node_modules/@types/d3-shape": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
-      "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-path": "*"
-      }
-    },
-    "node_modules/@types/d3-time": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
-      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-timer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
-      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
-      "license": "MIT"
-    },
-    "node_modules/@types/echarts": {
-      "version": "4.9.22",
-      "resolved": "https://registry.npmmirror.com/@types/echarts/-/echarts-4.9.22.tgz",
-      "integrity": "sha512-7Fo6XdWpoi8jxkwP7BARUOM7riq8bMhmsCtSG8gzUcJmFhLo387tihoBYS/y5j7jl3PENT5RxeWZdN9RiwO7HQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/zrender": "*"
-      }
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/node": {
-      "version": "24.10.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.4.tgz",
-      "integrity": "sha512-vnDVpYPMzs4wunl27jHrfmwojOGKya0xyM3sH+UE5iv5uPS6vX7UIoh6m+vQc5LGBq52HBKPIn/zcSZVzeDEZg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~7.16.0"
-      }
-    },
-    "node_modules/@types/react": {
-      "version": "19.2.7",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
-      "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
-      "devOptional": true,
-      "license": "MIT",
-      "dependencies": {
-        "csstype": "^3.2.2"
-      }
-    },
-    "node_modules/@types/react-dom": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
-      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
-      "devOptional": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "^19.2.0"
-      }
-    },
-    "node_modules/@types/zrender": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmmirror.com/@types/zrender/-/zrender-4.0.6.tgz",
-      "integrity": "sha512-1jZ9bJn2BsfmYFPBHtl5o3uV+ILejAtGrDcYSpT4qaVKEI/0YY+arw3XHU04Ebd8Nca3SQ7uNcLaqiL+tTFVMg==",
-      "license": "MIT"
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.52.0.tgz",
-      "integrity": "sha512-okqtOgqu2qmZJ5iN4TWlgfF171dZmx2FzdOv2K/ixL2LZWDStL8+JgQerI2sa8eAEfoydG9+0V96m7V+P8yE1Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.52.0",
-        "@typescript-eslint/type-utils": "8.52.0",
-        "@typescript-eslint/utils": "8.52.0",
-        "@typescript-eslint/visitor-keys": "8.52.0",
-        "ignore": "^7.0.5",
-        "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.4.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^8.52.0",
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.52.0.tgz",
-      "integrity": "sha512-iIACsx8pxRnguSYhHiMn2PvhvfpopO9FXHyn1mG5txZIsAaB6F0KwbFnUQN3KCiG3Jcuad/Cao2FAs1Wp7vAyg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "8.52.0",
-        "@typescript-eslint/types": "8.52.0",
-        "@typescript-eslint/typescript-estree": "8.52.0",
-        "@typescript-eslint/visitor-keys": "8.52.0",
-        "debug": "^4.4.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/project-service": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.52.0.tgz",
-      "integrity": "sha512-xD0MfdSdEmeFa3OmVqonHi+Cciab96ls1UhIF/qX/O/gPu5KXD0bY9lu33jj04fjzrXHcuvjBcBC+D3SNSadaw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.52.0",
-        "@typescript-eslint/types": "^8.52.0",
-        "debug": "^4.4.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.52.0.tgz",
-      "integrity": "sha512-ixxqmmCcc1Nf8S0mS0TkJ/3LKcC8mruYJPOU6Ia2F/zUUR4pApW7LzrpU3JmtePbRUTes9bEqRc1Gg4iyRnDzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.52.0",
-        "@typescript-eslint/visitor-keys": "8.52.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.52.0.tgz",
-      "integrity": "sha512-jl+8fzr/SdzdxWJznq5nvoI7qn2tNYV/ZBAEcaFMVXf+K6jmXvAFrgo/+5rxgnL152f//pDEAYAhhBAZGrVfwg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.52.0.tgz",
-      "integrity": "sha512-JD3wKBRWglYRQkAtsyGz1AewDu3mTc7NtRjR/ceTyGoPqmdS5oCdx/oZMWD5Zuqmo6/MpsYs0wp6axNt88/2EQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.52.0",
-        "@typescript-eslint/typescript-estree": "8.52.0",
-        "@typescript-eslint/utils": "8.52.0",
-        "debug": "^4.4.3",
-        "ts-api-utils": "^2.4.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.52.0.tgz",
-      "integrity": "sha512-LWQV1V4q9V4cT4H5JCIx3481iIFxH1UkVk+ZkGGAV1ZGcjGI9IoFOfg3O6ywz8QqCDEp7Inlg6kovMofsNRaGg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.52.0.tgz",
-      "integrity": "sha512-XP3LClsCc0FsTK5/frGjolyADTh3QmsLp6nKd476xNI9CsSsLnmn4f0jrzNoAulmxlmNIpeXuHYeEQv61Q6qeQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/project-service": "8.52.0",
-        "@typescript-eslint/tsconfig-utils": "8.52.0",
-        "@typescript-eslint/types": "8.52.0",
-        "@typescript-eslint/visitor-keys": "8.52.0",
-        "debug": "^4.4.3",
-        "minimatch": "^9.0.5",
-        "semver": "^7.7.3",
-        "tinyglobby": "^0.2.15",
-        "ts-api-utils": "^2.4.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.7.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.52.0.tgz",
-      "integrity": "sha512-wYndVMWkweqHpEpwPhwqE2lnD2DxC6WVLupU/DOt/0/v+/+iQbbzO3jOHjmBMnhu0DgLULvOaU4h4pwHYi2oRQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.52.0",
-        "@typescript-eslint/types": "8.52.0",
-        "@typescript-eslint/typescript-estree": "8.52.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.52.0.tgz",
-      "integrity": "sha512-ink3/Zofus34nmBsPjow63FP5M7IGff0RKAgqR6+CFpdk22M7aLwC9gOcLGYqr7MczLPzZVERW9hRog3O4n1sQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.52.0",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@vitejs/plugin-react": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.1.2.tgz",
-      "integrity": "sha512-EcA07pHJouywpzsoTUqNh5NwGayl2PPVEJKUSinGGSxFGYn+shYbqMGBg6FXDqgXum9Ou/ecb+411ssw8HImJQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/core": "^7.28.5",
-        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
-        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
-        "@rolldown/pluginutils": "1.0.0-beta.53",
-        "@types/babel__core": "^7.20.5",
-        "react-refresh": "^0.18.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "peerDependencies": {
-        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/anymatch/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
-    },
-    "node_modules/aria-hidden": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
-      "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/autoprefixer": {
-      "version": "10.4.23",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.23.tgz",
-      "integrity": "sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.28.1",
-        "caniuse-lite": "^1.0.30001760",
-        "fraction.js": "^5.3.4",
-        "picocolors": "^1.1.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.17",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.17.tgz",
-      "integrity": "sha512-aTyf30K/rqAsNwN76zYrdtx8obu0E4KoUME29B1xj+B3WxgvWkp943vYQ+z8Mv3lw9xHXMHpvSPOBxzAkIa94w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/compat-data": "^7.28.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.8",
-        "semver": "^6.3.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.14.2",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.2.tgz",
-      "integrity": "sha512-coWpDLJ410R781Npmn/SIBZEsAetR4xVi0SxLMXPaMO4lSf1MwnkGYMtkFxew0Dn8B3/CpbpYxN0JCgg8mn67g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.8",
-        "core-js-compat": "^3.48.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.8",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.8.tgz",
-      "integrity": "sha512-M762rNHfSF1EV3SLtnCJXFoQbbIIz0OyRwnCmV0KPC7qosSfCO0QLTSuJX3ayAebubhE6oYBAYPrBA5ljowaZg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.8"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/baseline-browser-mapping": {
-      "version": "2.9.11",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.11.tgz",
-      "integrity": "sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "baseline-browser-mapping": "dist/cli.js"
-      }
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.28.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
-      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "baseline-browser-mapping": "^2.9.0",
-        "caniuse-lite": "^1.0.30001759",
-        "electron-to-chromium": "^1.5.263",
-        "node-releases": "^2.0.27",
-        "update-browserslist-db": "^1.2.0"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001762",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001762.tgz",
-      "integrity": "sha512-PxZwGNvH7Ak8WX5iXzoK1KPZttBXNPuaOvI2ZYU7NrlM+d9Ov+TUvlLOBNGzVXAntMSMMlJPd+jY6ovrVjSmUw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "CC-BY-4.0"
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/class-variance-authority": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
-      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "clsx": "^2.1.1"
-      },
-      "funding": {
-        "url": "https://polar.sh/cva"
-      }
-    },
-    "node_modules/clsx": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/cmdk": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/cmdk/-/cmdk-1.1.1.tgz",
-      "integrity": "sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "^1.1.1",
-        "@radix-ui/react-dialog": "^1.1.6",
-        "@radix-ui/react-id": "^1.1.0",
-        "@radix-ui/react-primitive": "^2.0.2"
-      },
-      "peerDependencies": {
-        "react": "^18 || ^19 || ^19.0.0-rc",
-        "react-dom": "^18 || ^19 || ^19.0.0-rc"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cookie": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
-      "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/core-js-compat": {
-      "version": "3.49.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.49.0.tgz",
-      "integrity": "sha512-VQXt1jr9cBz03b331DFDCCP90b3fanciLkgiOoy8SBHy06gNf+vQ1A3WFLqG7I8TipYIKeYK9wxd0tUrvHcOZA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.28.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
-      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "license": "MIT"
-    },
-    "node_modules/d3-array": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
-      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
-      "license": "ISC",
-      "dependencies": {
-        "internmap": "1 - 2"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-color": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
-      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-format": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
-      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-interpolate": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
-      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-color": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-scale": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
-      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-array": "2.10.0 - 3",
-        "d3-format": "1 - 3",
-        "d3-interpolate": "1.2.0 - 3",
-        "d3-time": "2.1.1 - 3",
-        "d3-time-format": "2 - 4"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-path": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-time": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
-      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-array": "2 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-time-format": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
-      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-time": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/date-fns": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
-      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/kossnocorp"
-      }
-    },
-    "node_modules/date-fns-jalali": {
-      "version": "4.1.0-0",
-      "resolved": "https://registry.npmjs.org/date-fns-jalali/-/date-fns-jalali-4.1.0-0.tgz",
-      "integrity": "sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==",
-      "license": "MIT"
-    },
-    "node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/decimal.js-light": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
-      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
-      "license": "MIT"
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/detect-node-es": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
-      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
-      "license": "MIT"
-    },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/dom-helpers": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
-      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.8.7",
-        "csstype": "^3.0.2"
-      }
-    },
-    "node_modules/echarts": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmmirror.com/echarts/-/echarts-6.0.0.tgz",
-      "integrity": "sha512-Tte/grDQRiETQP4xz3iZWSvoHrkCQtwqd6hs+mifXcjrCuo2iKWbajFObuLJVBlDIJlOzgQPd1hsaKt/3+OMkQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "2.3.0",
-        "zrender": "6.0.0"
-      }
-    },
-    "node_modules/echarts/node_modules/tslib": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
-      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
-      "license": "0BSD"
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.267",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz",
-      "integrity": "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/embla-carousel": {
-      "version": "8.6.0",
-      "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz",
-      "integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==",
-      "license": "MIT"
-    },
-    "node_modules/embla-carousel-react": {
-      "version": "8.6.0",
-      "resolved": "https://registry.npmjs.org/embla-carousel-react/-/embla-carousel-react-8.6.0.tgz",
-      "integrity": "sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==",
-      "license": "MIT",
-      "dependencies": {
-        "embla-carousel": "8.6.0",
-        "embla-carousel-reactive-utils": "8.6.0"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      }
-    },
-    "node_modules/embla-carousel-reactive-utils": {
-      "version": "8.6.0",
-      "resolved": "https://registry.npmjs.org/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.6.0.tgz",
-      "integrity": "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==",
-      "license": "MIT",
-      "peerDependencies": {
-        "embla-carousel": "8.6.0"
-      }
-    },
-    "node_modules/esbuild": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
-      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.27.2",
-        "@esbuild/android-arm": "0.27.2",
-        "@esbuild/android-arm64": "0.27.2",
-        "@esbuild/android-x64": "0.27.2",
-        "@esbuild/darwin-arm64": "0.27.2",
-        "@esbuild/darwin-x64": "0.27.2",
-        "@esbuild/freebsd-arm64": "0.27.2",
-        "@esbuild/freebsd-x64": "0.27.2",
-        "@esbuild/linux-arm": "0.27.2",
-        "@esbuild/linux-arm64": "0.27.2",
-        "@esbuild/linux-ia32": "0.27.2",
-        "@esbuild/linux-loong64": "0.27.2",
-        "@esbuild/linux-mips64el": "0.27.2",
-        "@esbuild/linux-ppc64": "0.27.2",
-        "@esbuild/linux-riscv64": "0.27.2",
-        "@esbuild/linux-s390x": "0.27.2",
-        "@esbuild/linux-x64": "0.27.2",
-        "@esbuild/netbsd-arm64": "0.27.2",
-        "@esbuild/netbsd-x64": "0.27.2",
-        "@esbuild/openbsd-arm64": "0.27.2",
-        "@esbuild/openbsd-x64": "0.27.2",
-        "@esbuild/openharmony-arm64": "0.27.2",
-        "@esbuild/sunos-x64": "0.27.2",
-        "@esbuild/win32-arm64": "0.27.2",
-        "@esbuild/win32-ia32": "0.27.2",
-        "@esbuild/win32-x64": "0.27.2"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "9.39.2",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
-      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.8.0",
-        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.1",
-        "@eslint/config-helpers": "^0.4.2",
-        "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.39.2",
-        "@eslint/plugin-kit": "^0.4.1",
-        "@humanfs/node": "^0.16.6",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@humanwhocodes/retry": "^0.4.2",
-        "@types/estree": "^1.0.6",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.6",
-        "debug": "^4.3.2",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.4.0",
-        "eslint-visitor-keys": "^4.2.1",
-        "espree": "^10.4.0",
-        "esquery": "^1.5.0",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^8.0.0",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      },
-      "peerDependencies": {
-        "jiti": "*"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz",
-      "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/core": "^7.24.4",
-        "@babel/parser": "^7.24.4",
-        "hermes-parser": "^0.25.1",
-        "zod": "^3.25.0 || ^4.0.0",
-        "zod-validation-error": "^3.5.0 || ^4.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-react-refresh": {
-      "version": "0.4.26",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.26.tgz",
-      "integrity": "sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "eslint": ">=8.40"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/espree": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "acorn": "^8.15.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
-      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eventemitter3": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-      "license": "MIT"
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-equals": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.4.0.tgz",
-      "integrity": "sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fastq": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
-      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flat-cache": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.4"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
-      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/fraction.js": {
-      "version": "5.3.4",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
-      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-nonce": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
-      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/globals": {
-      "version": "16.5.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-16.5.0.tgz",
-      "integrity": "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/hermes-estree": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
-      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/hermes-parser": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
-      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "hermes-estree": "0.25.1"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/input-otp": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/input-otp/-/input-otp-1.4.2.tgz",
-      "integrity": "sha512-l3jWwYNvrEa6NTCt7BECfCm48GvwuZzkoeG3gBL2w4CHeOXW3eKFmf9UNYkNfYc3mxMrthMnxjIE07MT0zLBQA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc"
-      }
-    },
-    "node_modules/internmap": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
-      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/jiti": {
-      "version": "1.21.7",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "jiti": "bin/jiti.js"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "license": "MIT"
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/jsesc": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
-      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/kimi-plugin-inspect-react": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/kimi-plugin-inspect-react/-/kimi-plugin-inspect-react-1.0.3.tgz",
-      "integrity": "sha512-dU0dYaFYvczJZWwsyAVQ2No2NTaycd93zk3zrbLj9IPwdZaLBK4d0cESz88lVju3rQuFiwRXYNDaCnbPxn4JcQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "@babel/core": "^7.23.0",
-        "@babel/plugin-proposal-decorators": "^7.23.0",
-        "@babel/preset-env": "^7.23.0",
-        "@babel/preset-react": "^7.23.0",
-        "@babel/preset-typescript": "^7.23.0",
-        "@babel/types": "^7.23.0",
-        "magic-string": "^0.30.0"
-      },
-      "peerDependencies": {
-        "vite": "^7.2.0"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/lilconfig": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "license": "MIT",
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/lucide-react": {
-      "version": "0.562.0",
-      "resolved": "https://registry.npmmirror.com/lucide-react/-/lucide-react-0.562.0.tgz",
-      "integrity": "sha512-82hOAu7y0dbVuFfmO4bYF1XEwYk/mEbM5E+b1jgci/udUBEE/R7LF5Ip0CCEmXe8AybRM8L+04eP+LGZeDvkiw==",
-      "license": "ISC",
-      "peerDependencies": {
-        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
-    "node_modules/magic-string": {
-      "version": "0.30.21",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
-      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.5"
-      }
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/micromatch/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/next-themes": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz",
-      "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.27",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
-      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.5"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
-      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-js": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
-      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_modules/postcss-load-config": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
-      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "lilconfig": "^3.1.1"
-      },
-      "engines": {
-        "node": ">= 18"
-      },
-      "peerDependencies": {
-        "jiti": ">=1.21.0",
-        "postcss": ">=8.0.9",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        },
-        "postcss": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.1"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "node_modules/prop-types/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "license": "MIT"
-    },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/react": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
-      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-day-picker": {
-      "version": "9.13.0",
-      "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-9.13.0.tgz",
-      "integrity": "sha512-euzj5Hlq+lOHqI53NiuNhCP8HWgsPf/bBAVijR50hNaY1XwjKjShAnIe8jm8RD2W9IJUvihDIZ+KrmqfFzNhFQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@date-fns/tz": "^1.4.1",
-        "date-fns": "^4.1.0",
-        "date-fns-jalali": "^4.1.0-0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/gpbl"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
-      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
-      "license": "MIT",
-      "dependencies": {
-        "scheduler": "^0.27.0"
-      },
-      "peerDependencies": {
-        "react": "^19.2.3"
-      }
-    },
-    "node_modules/react-hook-form": {
-      "version": "7.70.0",
-      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.70.0.tgz",
-      "integrity": "sha512-COOMajS4FI3Wuwrs3GPpi/Jeef/5W1DRR84Yl5/ShlT3dKVFUfoGiEZ/QE6Uw8P4T2/CLJdcTVYKvWBMQTEpvw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/react-hook-form"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17 || ^18 || ^19"
-      }
-    },
-    "node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "license": "MIT"
-    },
-    "node_modules/react-refresh": {
-      "version": "0.18.0",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz",
-      "integrity": "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-remove-scroll": {
-      "version": "2.7.2",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz",
-      "integrity": "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==",
-      "license": "MIT",
-      "dependencies": {
-        "react-remove-scroll-bar": "^2.3.7",
-        "react-style-singleton": "^2.2.3",
-        "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.3",
-        "use-sidecar": "^1.1.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-remove-scroll-bar": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
-      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
-      "license": "MIT",
-      "dependencies": {
-        "react-style-singleton": "^2.2.2",
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-resizable-panels": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-4.2.2.tgz",
-      "integrity": "sha512-BxDTFHxDCyCRPK54X5hpnhoLZbBslUrTTelQDRHo4107FXODjPSTqEWOPlFxE/ho0Vw4JrsRgaWdx6GIK073XA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0"
-      }
-    },
-    "node_modules/react-router": {
-      "version": "7.15.0",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.15.0.tgz",
-      "integrity": "sha512-HW9vYwuM8f4yx66Izy8xfrzCM+SBJluoZcCbww9A1TySax11S5Vgw6fi3ZjMONw9J4gQwngL7PzkyIpJJpJ7RQ==",
-      "license": "MIT",
-      "dependencies": {
-        "cookie": "^1.0.1",
-        "set-cookie-parser": "^2.6.0"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=18",
-        "react-dom": ">=18"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-router-dom": {
-      "version": "7.15.0",
-      "resolved": "https://registry.npmmirror.com/react-router-dom/-/react-router-dom-7.15.0.tgz",
-      "integrity": "sha512-VcrVg64Fo8nwBvDscajG8gRTLIuTC6N50nb22l2HOOV4PTOHgoGp8mUjy9wLiHYoYTSYI36tUnXZgasSRFZorQ==",
-      "license": "MIT",
-      "dependencies": {
-        "react-router": "7.15.0"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=18",
-        "react-dom": ">=18"
-      }
-    },
-    "node_modules/react-smooth": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz",
-      "integrity": "sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==",
-      "license": "MIT",
-      "dependencies": {
-        "fast-equals": "^5.0.1",
-        "prop-types": "^15.8.1",
-        "react-transition-group": "^4.4.5"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
-    "node_modules/react-style-singleton": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
-      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
-      "license": "MIT",
-      "dependencies": {
-        "get-nonce": "^1.0.0",
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-transition-group": {
-      "version": "4.4.5",
-      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
-      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@babel/runtime": "^7.5.5",
-        "dom-helpers": "^5.0.1",
-        "loose-envify": "^1.4.0",
-        "prop-types": "^15.6.2"
-      },
-      "peerDependencies": {
-        "react": ">=16.6.0",
-        "react-dom": ">=16.6.0"
-      }
-    },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/readdirp/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/recharts": {
-      "version": "2.15.4",
-      "resolved": "https://registry.npmmirror.com/recharts/-/recharts-2.15.4.tgz",
-      "integrity": "sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==",
-      "license": "MIT",
-      "dependencies": {
-        "clsx": "^2.0.0",
-        "eventemitter3": "^4.0.1",
-        "lodash": "^4.17.21",
-        "react-is": "^18.3.1",
-        "react-smooth": "^4.0.4",
-        "recharts-scale": "^0.4.4",
-        "tiny-invariant": "^1.3.1",
-        "victory-vendor": "^36.6.8"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
-    "node_modules/recharts-scale": {
-      "version": "0.4.5",
-      "resolved": "https://registry.npmjs.org/recharts-scale/-/recharts-scale-0.4.5.tgz",
-      "integrity": "sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==",
-      "license": "MIT",
-      "dependencies": {
-        "decimal.js-light": "^2.4.1"
-      }
-    },
-    "node_modules/regenerate": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
-      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/regenerate-unicode-properties": {
-      "version": "10.2.2",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.2.tgz",
-      "integrity": "sha512-m03P+zhBeQd1RGnYxrGyDAPpWX/epKirLrp8e3qevZdVkKtnCrjjWczIbYc8+xd6vcTStVlqfycTx1KR4LOr0g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "regenerate": "^1.4.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/regexpu-core": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.4.0.tgz",
-      "integrity": "sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^10.2.2",
-        "regjsgen": "^0.8.0",
-        "regjsparser": "^0.13.0",
-        "unicode-match-property-ecmascript": "^2.0.0",
-        "unicode-match-property-value-ecmascript": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/regjsgen": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
-      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/regjsparser": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.1.tgz",
-      "integrity": "sha512-dLsljMd9sqwRkby8zhO1gSg3PnJIBFid8f4CQj/sXx+7cKx+E7u0PKhZ+U4wmhx7EfmtvnA318oVaIkAB1lRJw==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "jsesc": "~3.1.0"
-      },
-      "bin": {
-        "regjsparser": "bin/parser"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.11",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
-      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-core-module": "^2.16.1",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rollup": {
-      "version": "4.55.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.55.1.tgz",
-      "integrity": "sha512-wDv/Ht1BNHB4upNbK74s9usvl7hObDnvVzknxqY/E/O3X6rW1U1rV1aENEfJ54eFZDTNo7zv1f5N4edCluH7+A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "1.0.8"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.55.1",
-        "@rollup/rollup-android-arm64": "4.55.1",
-        "@rollup/rollup-darwin-arm64": "4.55.1",
-        "@rollup/rollup-darwin-x64": "4.55.1",
-        "@rollup/rollup-freebsd-arm64": "4.55.1",
-        "@rollup/rollup-freebsd-x64": "4.55.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.55.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.55.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.55.1",
-        "@rollup/rollup-linux-arm64-musl": "4.55.1",
-        "@rollup/rollup-linux-loong64-gnu": "4.55.1",
-        "@rollup/rollup-linux-loong64-musl": "4.55.1",
-        "@rollup/rollup-linux-ppc64-gnu": "4.55.1",
-        "@rollup/rollup-linux-ppc64-musl": "4.55.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.55.1",
-        "@rollup/rollup-linux-riscv64-musl": "4.55.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.55.1",
-        "@rollup/rollup-linux-x64-gnu": "4.55.1",
-        "@rollup/rollup-linux-x64-musl": "4.55.1",
-        "@rollup/rollup-openbsd-x64": "4.55.1",
-        "@rollup/rollup-openharmony-arm64": "4.55.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.55.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.55.1",
-        "@rollup/rollup-win32-x64-gnu": "4.55.1",
-        "@rollup/rollup-win32-x64-msvc": "4.55.1",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/scheduler": {
-      "version": "0.27.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
-      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
-      "license": "MIT"
-    },
-    "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/set-cookie-parser": {
-      "version": "2.7.2",
-      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
-      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
-      "license": "MIT"
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/sonner": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz",
-      "integrity": "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
-        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/sucrase": {
-      "version": "3.35.1",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
-      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "tinyglobby": "^0.2.11",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/tailwind-merge": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.4.0.tgz",
-      "integrity": "sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/dcastil"
-      }
-    },
-    "node_modules/tailwindcss": {
-      "version": "3.4.19",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
-      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.6.0",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.2",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.7",
-        "lilconfig": "^3.1.3",
-        "micromatch": "^4.0.8",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.1.1",
-        "postcss": "^8.4.47",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
-        "postcss-nested": "^6.2.0",
-        "postcss-selector-parser": "^6.1.2",
-        "resolve": "^1.22.8",
-        "sucrase": "^3.35.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tailwindcss-animate": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
-      "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "tailwindcss": ">=3.0.0 || insiders"
-      }
-    },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/tiny-invariant": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
-      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
-      "license": "MIT"
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/ts-api-utils": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.4.0.tgz",
-      "integrity": "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.12"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4"
-      }
-    },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
-    },
-    "node_modules/tw-animate-css": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.4.0.tgz",
-      "integrity": "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/Wombosvideo"
-      }
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/typescript-eslint": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.52.0.tgz",
-      "integrity": "sha512-atlQQJ2YkO4pfTVQmQ+wvYQwexPDOIgo+RaVcD7gHgzy/IQA+XTyuxNM9M9TVXvttkF7koBHmcwisKdOAf2EcA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.52.0",
-        "@typescript-eslint/parser": "8.52.0",
-        "@typescript-eslint/typescript-estree": "8.52.0",
-        "@typescript-eslint/utils": "8.52.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/undici-types": {
-      "version": "7.16.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
-      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/unicode-canonical-property-names-ecmascript": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
-      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "unicode-canonical-property-names-ecmascript": "^2.0.0",
-        "unicode-property-aliases-ecmascript": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-value-ecmascript": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.1.tgz",
-      "integrity": "sha512-JQ84qTuMg4nVkx8ga4A16a1epI9H6uTXAknqxkGF/aFfRLw1xC/Bp24HNLaZhHSkWd3+84t8iXnp1J0kYcZHhg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-property-aliases-ecmascript": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.2.0.tgz",
-      "integrity": "sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
-      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "escalade": "^3.2.0",
-        "picocolors": "^1.1.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/use-callback-ref": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
-      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/use-sidecar": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
-      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
-      "license": "MIT",
-      "dependencies": {
-        "detect-node-es": "^1.1.0",
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/use-sync-external-store": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
-      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/vaul": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vaul/-/vaul-1.1.2.tgz",
-      "integrity": "sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-dialog": "^1.1.1"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc"
-      }
-    },
-    "node_modules/victory-vendor": {
-      "version": "36.9.2",
-      "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
-      "integrity": "sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==",
-      "license": "MIT AND ISC",
-      "dependencies": {
-        "@types/d3-array": "^3.0.3",
-        "@types/d3-ease": "^3.0.0",
-        "@types/d3-interpolate": "^3.0.1",
-        "@types/d3-scale": "^4.0.2",
-        "@types/d3-shape": "^3.1.0",
-        "@types/d3-time": "^3.0.0",
-        "@types/d3-timer": "^3.0.0",
-        "d3-array": "^3.1.6",
-        "d3-ease": "^3.0.1",
-        "d3-interpolate": "^3.0.1",
-        "d3-scale": "^4.0.2",
-        "d3-shape": "^3.1.0",
-        "d3-time": "^3.0.0",
-        "d3-timer": "^3.0.1"
-      }
-    },
-    "node_modules/vite": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.0.tgz",
-      "integrity": "sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "esbuild": "^0.27.0",
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3",
-        "postcss": "^8.5.6",
-        "rollup": "^4.43.0",
-        "tinyglobby": "^0.2.15"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "jiti": ">=1.21.0",
-        "less": "^4.0.0",
-        "lightningcss": "^1.21.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/word-wrap": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/zod": {
-      "version": "4.3.5",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.5.tgz",
-      "integrity": "sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    },
-    "node_modules/zod-validation-error": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
-      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.0.0"
-      },
-      "peerDependencies": {
-        "zod": "^3.25.0 || ^4.0.0"
-      }
-    },
-    "node_modules/zrender": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmmirror.com/zrender/-/zrender-6.0.0.tgz",
-      "integrity": "sha512-41dFXEEXuJpNecuUQq6JlbybmnHaqqpGlbH1yxnA5V9MMP4SbohSVZsJIwz+zdjQXSSlR1Vc34EgH1zxyTDvhg==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "tslib": "2.3.0"
-      }
-    },
-    "node_modules/zrender/node_modules/tslib": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
-      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
-      "license": "0BSD"
-    }
-  }
-}
diff --git a/数据审核平台菜单优化/app/package.json b/数据审核平台菜单优化/app/package.json
deleted file mode 100644
index 37b33b7..0000000
--- a/数据审核平台菜单优化/app/package.json
+++ /dev/null
@@ -1,84 +0,0 @@
-{
-  "name": "my-app",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@hookform/resolvers": "^5.2.2",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@types/echarts": "^4.9.22",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "echarts": "^6.0.0",
-    "embla-carousel-react": "^8.6.0",
-    "input-otp": "^1.4.2",
-    "lucide-react": "^0.562.0",
-    "next-themes": "^0.4.6",
-    "react": "^19.2.0",
-    "react-day-picker": "^9.13.0",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.70.0",
-    "react-resizable-panels": "^4.2.2",
-    "react-router": "^7.6.1",
-    "react-router-dom": "^7.15.0",
-    "recharts": "^2.15.4",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.4.0",
-    "vaul": "^1.1.2",
-    "zod": "^4.3.5"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "@types/node": "^24.10.1",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "autoprefixer": "^10.4.23",
-    "eslint": "^9.39.1",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "globals": "^16.5.0",
-    "kimi-plugin-inspect-react": "^1.0.3",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^3.4.19",
-    "tailwindcss-animate": "^1.0.7",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.4"
-  }
-}
diff --git a/数据审核平台菜单优化/app/postcss.config.js b/数据审核平台菜单优化/app/postcss.config.js
deleted file mode 100644
index 2e7af2b..0000000
--- a/数据审核平台菜单优化/app/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
diff --git a/数据审核平台菜单优化/app/src/App.css b/数据审核平台菜单优化/app/src/App.css
deleted file mode 100644
index b9d355d..0000000
--- a/数据审核平台菜单优化/app/src/App.css
+++ /dev/null
@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
diff --git a/数据审核平台菜单优化/app/src/App.tsx b/数据审核平台菜单优化/app/src/App.tsx
deleted file mode 100644
index f99730c..0000000
--- a/数据审核平台菜单优化/app/src/App.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { BrowserRouter, Routes, Route, Navigate, Outlet } from 'react-router-dom';
-import { AuthProvider, useAuth } from '@/hooks/useAuth';
-import Layout from '@/components/Layout';
-import LoginPage from '@/pages/LoginPage';
-import Dashboard from '@/pages/Dashboard';
-import InstancePage from '@/pages/InstancePage';
-import TicketsPage from '@/pages/TicketsPage';
-import QueriesPage from '@/pages/QueriesPage';
-import RolesPage from '@/pages/RolesPage';
-import UsersPage from '@/pages/UsersPage';
-import DataPermissionPage from '@/pages/DataPermissionPage';
-import AuditRulesPage from '@/pages/AuditRulesPage';
-import WorkflowPage from '@/pages/WorkflowPage';
-import AutoTaskPage from '@/pages/AutoTaskPage';
-import AnnouncementPage from '@/pages/AnnouncementPage';
-import ConfigPlatformPage from '@/pages/ConfigPlatformPage';
-
-// 路由守卫：未登录跳转登录页，无权限跳转仪表盘
-function RouteGuard() {
-  const { isLoggedIn, hasPermission } = useAuth();
-  const path = location.pathname.slice(1) || 'dashboard';
-
-  if (!isLoggedIn) {
-    return <Navigate to="/login" replace />;
-  }
-
-  // 检查当前路径是否有权限访问
-  if (path !== 'dashboard' && !hasPermission(path)) {
-    return <Navigate to="/dashboard" replace />;
-  }
-
-  return <Outlet />;
-}
-
-// 登录页守卫：已登录用户自动跳转到仪表盘
-function LoginGuard() {
-  const { isLoggedIn } = useAuth();
-  if (isLoggedIn) {
-    return <Navigate to="/dashboard" replace />;
-  }
-  return <LoginPage />;
-}
-
-function AppRoutes() {
-  return (
-    <Routes>
-      <Route path="/login" element={<LoginGuard />} />
-      <Route element={<RouteGuard />}>
-        <Route path="/" element={<Layout />}>
-          <Route index element={<Navigate to="/dashboard" replace />} />
-          <Route path="dashboard" element={<Dashboard />} />
-          <Route path="mysql" element={<InstancePage />} />
-          <Route path="postgres" element={<InstancePage />} />
-          <Route path="redis" element={<InstancePage />} />
-          <Route path="mongo" element={<InstancePage />} />
-          <Route path="clickhouse" element={<InstancePage />} />
-          <Route path="tickets" element={<TicketsPage />} />
-          <Route path="queries" element={<QueriesPage />} />
-          <Route path="roles" element={<RolesPage />} />
-          <Route path="users" element={<UsersPage />} />
-          <Route path="data-permission" element={<DataPermissionPage />} />
-          <Route path="audit-rules" element={<AuditRulesPage />} />
-          <Route path="workflow" element={<WorkflowPage />} />
-          <Route path="auto-task" element={<AutoTaskPage />} />
-          <Route path="announcement" element={<AnnouncementPage />} />
-          <Route path="config-platform" element={<ConfigPlatformPage />} />
-          <Route path="*" element={<Navigate to="/dashboard" replace />} />
-        </Route>
-      </Route>
-    </Routes>
-  );
-}
-
-function App() {
-  return (
-    <BrowserRouter>
-      <AuthProvider>
-        <AppRoutes />
-      </AuthProvider>
-    </BrowserRouter>
-  );
-}
-
-export default App;
diff --git a/数据审核平台菜单优化/app/src/components/EmptyState.tsx b/数据审核平台菜单优化/app/src/components/EmptyState.tsx
deleted file mode 100644
index abcb334..0000000
--- a/数据审核平台菜单优化/app/src/components/EmptyState.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { SearchX, Inbox, FileQuestion } from 'lucide-react';
-
-interface EmptyStateProps {
-  type?: 'search' | 'data' | 'error';
-  title?: string;
-  description?: string;
-}
-
-const config = {
-  search: { icon: SearchX, title: '没有找到匹配的结果', desc: '请尝试调整搜索关键词或筛选条件' },
-  data: { icon: Inbox, title: '暂无数据', desc: '当前没有可展示的数据' },
-  error: { icon: FileQuestion, title: '出错了', desc: '请稍后重试' },
-};
-
-export default function EmptyState({ type = 'data', title, description }: EmptyStateProps) {
-  const c = config[type];
-  const Icon = c.icon;
-  return (
-    <div className="flex flex-col items-center justify-center py-16 text-center">
-      <div className="w-14 h-14 rounded-2xl bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] flex items-center justify-center mb-4">
-        <Icon className="w-7 h-7 text-[var(--dg-text-muted)]" />
-      </div>
-      <p className="text-sm font-medium text-[var(--dg-text-secondary)]">{title || c.title}</p>
-      <p className="text-xs text-[var(--dg-text-muted)] mt-1">{description || c.desc}</p>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/components/Layout.tsx b/数据审核平台菜单优化/app/src/components/Layout.tsx
deleted file mode 100644
index 9a907b7..0000000
--- a/数据审核平台菜单优化/app/src/components/Layout.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import { Outlet, useLocation, useNavigate } from 'react-router-dom';
-import {
-  LayoutDashboard, Database, Server, Zap, Leaf, MousePointerClick,
-  ClipboardList, Search, UserCog, Users, Lock, Shield, GitBranch, Bell,
-  LogOut, Settings, Clock, Megaphone
-} from 'lucide-react';
-import { menuSections } from '@/lib/mock';
-import { useAuth } from '@/hooks/useAuth';
-import type { UserRole } from '@/hooks/useAuth';
-
-const iconMap: Record<string, React.ElementType> = {
-  LayoutDashboard, Database, Server, Zap, Leaf, MousePointerClick,
-  ClipboardList, Search, UserCog, Users, Lock, Shield, GitBranch, Bell,
-  Settings, Clock, Megaphone,
-};
-
-const roleBadgeStyle: Record<UserRole, string> = {
-  admin: 'bg-purple-500/15 text-purple-400',
-  dba: 'bg-blue-500/15 text-blue-400',
-  developer: 'bg-green-500/15 text-green-400',
-  guest: 'bg-gray-500/15 text-gray-400',
-};
-
-export default function Layout() {
-  const { user, logout, switchRole, visibleMenuItems } = useAuth();
-  const location = useLocation();
-  const navigate = useNavigate();
-  const currentPath = location.pathname.slice(1) || 'dashboard';
-
-  const getPageTitle = () => {
-    const item = visibleMenuItems.find(m => m.id === currentPath);
-    return item?.label || '仪表盘';
-  };
-
-  const toggleRole = () => {
-    const roles: UserRole[] = ['admin', 'dba', 'developer', 'guest'];
-    const idx = roles.indexOf(user.role);
-    const nextRole = roles[(idx + 1) % roles.length];
-    switchRole(nextRole);
-    // 切换角色后如果当前页面无权限，自动跳仪表盘
-    const allowed = visibleMenuItems.find(m => m.id === currentPath);
-    if (!allowed && currentPath !== 'dashboard') {
-      navigate('/dashboard', { replace: true });
-    }
-  };
-
-  return (
-    <div className="flex h-screen bg-[var(--dg-bg-primary)] text-[var(--dg-text-primary)] overflow-hidden">
-      {/* 侧边栏 */}
-      <aside className="flex flex-col bg-[var(--dg-bg-secondary)] border-r border-[var(--dg-border)] w-[260px] min-w-[260px]">
-        {/* Logo */}
-        <div className="h-16 flex items-center px-5 border-b border-[var(--dg-border)]">
-          <div className="flex items-center gap-3">
-            <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center flex-shrink-0">
-              <Shield className="w-5 h-5 text-white" />
-            </div>
-            <span className="text-lg font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent whitespace-nowrap">
-              DataGuard
-            </span>
-          </div>
-        </div>
-
-        {/* 菜单 */}
-        <nav className="flex-1 overflow-y-auto scrollbar-thin py-3">
-          {menuSections.map(section => {
-            const items = visibleMenuItems.filter(item => item.section === section.id);
-            if (items.length === 0) return null;
-            return (
-              <div key={section.id} className="mb-2">
-                <div className="px-5 py-2 text-[11px] font-semibold uppercase tracking-wider text-[var(--dg-text-muted)]">
-                  {section.label}
-                </div>
-                {items.map(item => {
-                  const Icon = iconMap[item.icon] || Database;
-                  const isActive = currentPath === item.id;
-                  return (
-                    <div
-                      key={item.id}
-                      className={`
-                        flex items-center mx-3 px-4 py-2.5 rounded-lg cursor-pointer transition-all duration-200 relative
-                        ${isActive
-                          ? 'bg-blue-500/15 text-blue-400'
-                          : 'text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] hover:text-[var(--dg-text-primary)]'
-                        }
-                      `}
-                      onClick={() => navigate(`/${item.id}`)}
-                    >
-                      {isActive && (
-                        <div className="absolute left-0 top-1/2 -translate-y-1/2 w-[3px] h-5 bg-blue-400 rounded-r" />
-                      )}
-                      <Icon className="w-[18px] h-[18px] flex-shrink-0" />
-                      <span className="ml-3 text-sm font-medium">{item.label}</span>
-                    </div>
-                  );
-                })}
-              </div>
-            );
-          })}
-        </nav>
-
-        {/* 底部 */}
-        <div className="p-4 border-t border-[var(--dg-border)]">
-          {/* 角色切换演示 */}
-          <div className="mb-3 px-3 py-2 rounded-lg bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)]">
-            <div className="flex items-center justify-between">
-              <span className="text-xs text-[var(--dg-text-muted)]">当前角色</span>
-              <span className={`text-xs font-medium px-2 py-0.5 rounded ${roleBadgeStyle[user.role]}`}>
-                {user.roleName}
-              </span>
-            </div>
-            <button
-              onClick={toggleRole}
-              className="mt-2 w-full text-center text-[11px] text-[var(--dg-text-muted)] hover:text-blue-400 transition-colors py-1 rounded hover:bg-[var(--dg-bg-hover)]"
-            >
-              [演示] 切换角色
-            </button>
-          </div>
-          <div className="flex items-center gap-3 p-2 rounded-lg hover:bg-[var(--dg-bg-hover)] cursor-pointer transition-colors">
-            <div className="w-9 h-9 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center text-white font-semibold text-sm flex-shrink-0">
-              {user.avatar}
-            </div>
-            <div className="overflow-hidden flex-1">
-              <div className="text-sm font-medium truncate">{user.username}</div>
-              <div className="text-xs text-[var(--dg-text-muted)]">{user.roleName}</div>
-            </div>
-          </div>
-          <button
-            className="mt-2 w-full flex items-center justify-center gap-2 p-2 rounded-lg hover:bg-[var(--dg-bg-hover)] cursor-pointer text-[var(--dg-text-muted)] hover:text-[var(--dg-text-primary)] transition-colors text-xs"
-            onClick={() => { logout(); navigate('/login'); }}
-          >
-            <LogOut className="w-3.5 h-3.5" /> 退出登录
-          </button>
-        </div>
-      </aside>
-
-      {/* 主内容区 */}
-      <main className="flex-1 flex flex-col min-w-0 overflow-hidden">
-        {/* 顶部栏 */}
-        <header className="h-16 bg-[var(--dg-bg-secondary)] border-b border-[var(--dg-border)] flex items-center justify-between px-6 flex-shrink-0">
-          <div className="flex items-center gap-2 text-sm">
-            <span className="text-[var(--dg-text-muted)]">DataGuard</span>
-            <span className="text-[var(--dg-text-muted)]">/</span>
-            <span className="text-[var(--dg-text-primary)] font-medium">{getPageTitle()}</span>
-          </div>
-          <div className="flex items-center gap-3">
-            {/* 角色标签 */}
-            <span className={`px-2.5 py-1 rounded-md text-xs font-medium ${roleBadgeStyle[user.role]}`}>
-              {user.roleName}
-            </span>
-            <button className="w-9 h-9 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] hover:text-[var(--dg-text-primary)] transition-colors relative">
-              <Bell className="w-[18px] h-[18px]" />
-              <span className="absolute top-1.5 right-1.5 w-2 h-2 bg-red-500 rounded-full" />
-            </button>
-          </div>
-        </header>
-
-        {/* 页面内容 */}
-        <div className="flex-1 overflow-y-auto scrollbar-thin p-6">
-          <Outlet />
-        </div>
-      </main>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/components/PageHeader.tsx b/数据审核平台菜单优化/app/src/components/PageHeader.tsx
deleted file mode 100644
index 2786ded..0000000
--- a/数据审核平台菜单优化/app/src/components/PageHeader.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useAuth } from '@/hooks/useAuth';
-import type { ReactNode } from 'react';
-
-interface ActionConfig {
-  label: string;
-  icon: React.ElementType;
-  onClick: () => void;
-  permission?: string;
-}
-
-interface PageHeaderProps {
-  title: string;
-  description?: string;
-  action?: ActionConfig;
-  secondaryAction?: ActionConfig;
-  children?: ReactNode;
-}
-
-export default function PageHeader({ title, description, action, secondaryAction, children }: PageHeaderProps) {
-  const { hasPermission } = useAuth();
-
-  const canShowAction = !action?.permission || hasPermission(action.permission);
-
-  return (
-    <div className="flex items-center justify-between">
-      <div>
-        <h1 className="text-2xl font-semibold">{title}</h1>
-        {description && <p className="text-sm text-[var(--dg-text-secondary)] mt-1">{description}</p>}
-        {children}
-      </div>
-      <div className="flex gap-3">
-        {secondaryAction && (
-          <button
-            onClick={secondaryAction.onClick}
-            className="flex items-center gap-2 px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm font-medium text-[var(--dg-text-primary)] hover:bg-[var(--dg-bg-hover)] hover:border-[var(--dg-text-muted)] transition-all"
-          >
-            {(() => { const Icon = secondaryAction.icon; return <Icon className="w-4 h-4" />; })()}
-            {secondaryAction.label}
-          </button>
-        )}
-        {canShowAction && action && (
-          <button
-            onClick={action.onClick}
-            className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity"
-          >
-            {(() => { const Icon = action.icon; return <Icon className="w-4 h-4" />; })()}
-            {action.label}
-          </button>
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/components/SkeletonCard.tsx b/数据审核平台菜单优化/app/src/components/SkeletonCard.tsx
deleted file mode 100644
index a092b4d..0000000
--- a/数据审核平台菜单优化/app/src/components/SkeletonCard.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-export function SkeletonCard({ count = 4 }: { count?: number }) {
-  return (
-    <div className="grid grid-cols-4 gap-4">
-      {Array.from({ length: count }).map((_, i) => (
-        <div key={i} className="dg-card p-4 animate-pulse">
-          <div className="flex items-center gap-3">
-            <div className="w-10 h-10 rounded-lg bg-[var(--dg-bg-tertiary)]" />
-            <div className="flex-1 space-y-2">
-              <div className="h-6 w-12 bg-[var(--dg-bg-tertiary)] rounded" />
-              <div className="h-3 w-16 bg-[var(--dg-bg-tertiary)] rounded" />
-            </div>
-          </div>
-        </div>
-      ))}
-    </div>
-  );
-}
-
-export function SkeletonTable({ rows = 5, cols = 6 }: { rows?: number; cols?: number }) {
-  return (
-    <div className="dg-card animate-pulse">
-      <div className="p-0">
-        <div className="flex gap-4 px-5 py-3 border-b border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)]">
-          {Array.from({ length: cols }).map((_, i) => (
-            <div key={i} className="h-4 flex-1 bg-[var(--dg-bg-primary)] rounded max-w-[120px]" />
-          ))}
-        </div>
-        {Array.from({ length: rows }).map((_, r) => (
-          <div key={r} className="flex gap-4 px-5 py-3.5 border-b border-[var(--dg-border-light)]">
-            {Array.from({ length: cols }).map((_, c) => (
-              <div key={c} className="h-4 flex-1 bg-[var(--dg-bg-tertiary)] rounded max-w-[120px]" />
-            ))}
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-export function SkeletonDetail() {
-  return (
-    <div className="space-y-5 animate-pulse max-w-5xl">
-      <div className="flex items-center gap-4">
-        <div className="w-9 h-9 rounded-lg bg-[var(--dg-bg-tertiary)]" />
-        <div className="space-y-2">
-          <div className="h-7 w-48 bg-[var(--dg-bg-tertiary)] rounded" />
-          <div className="h-4 w-32 bg-[var(--dg-bg-tertiary)] rounded" />
-        </div>
-      </div>
-      <div className="grid grid-cols-2 gap-5">
-        <div className="dg-card p-5 space-y-3">
-          {Array.from({ length: 6 }).map((_, i) => (
-            <div key={i} className="flex justify-between py-2">
-              <div className="h-4 w-24 bg-[var(--dg-bg-tertiary)] rounded" />
-              <div className="h-4 w-32 bg-[var(--dg-bg-tertiary)] rounded" />
-            </div>
-          ))}
-        </div>
-        <div className="dg-card p-5">
-          <div className="h-48 bg-[var(--dg-bg-tertiary)] rounded" />
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/accordion.tsx b/数据审核平台菜单优化/app/src/components/ui/accordion.tsx
deleted file mode 100644
index d21b65f..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/accordion.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import * as React from "react"
-import * as AccordionPrimitive from "@radix-ui/react-accordion"
-import { ChevronDownIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function Accordion({
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
-  return <AccordionPrimitive.Root data-slot="accordion" {...props} />
-}
-
-function AccordionItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
-  return (
-    <AccordionPrimitive.Item
-      data-slot="accordion-item"
-      className={cn("border-b last:border-b-0", className)}
-      {...props}
-    />
-  )
-}
-
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
-  return (
-    <AccordionPrimitive.Header className="flex">
-      <AccordionPrimitive.Trigger
-        data-slot="accordion-trigger"
-        className={cn(
-          "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>
-  )
-}
-
-function AccordionContent({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
-  return (
-    <AccordionPrimitive.Content
-      data-slot="accordion-content"
-      className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
-      {...props}
-    >
-      <div className={cn("pt-0 pb-4", className)}>{children}</div>
-    </AccordionPrimitive.Content>
-  )
-}
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/数据审核平台菜单优化/app/src/components/ui/alert-dialog.tsx b/数据审核平台菜单优化/app/src/components/ui/alert-dialog.tsx
deleted file mode 100644
index 935eecf..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/alert-dialog.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import * as React from "react"
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
-
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/components/ui/button"
-
-function AlertDialog({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
-  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
-}
-
-function AlertDialogTrigger({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
-  return (
-    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
-  )
-}
-
-function AlertDialogPortal({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
-  return (
-    <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
-  )
-}
-
-function AlertDialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
-  return (
-    <AlertDialogPrimitive.Overlay
-      data-slot="alert-dialog-overlay"
-      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
-  return (
-    <AlertDialogPortal>
-      <AlertDialogOverlay />
-      <AlertDialogPrimitive.Content
-        data-slot="alert-dialog-content"
-        className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          className
-        )}
-        {...props}
-      />
-    </AlertDialogPortal>
-  )
-}
-
-function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-dialog-footer"
-      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
-  return (
-    <AlertDialogPrimitive.Title
-      data-slot="alert-dialog-title"
-      className={cn("text-lg font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
-  return (
-    <AlertDialogPrimitive.Description
-      data-slot="alert-dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogAction({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
-  return (
-    <AlertDialogPrimitive.Action
-      className={cn(buttonVariants(), className)}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogCancel({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
-  return (
-    <AlertDialogPrimitive.Cancel
-      className={cn(buttonVariants({ variant: "outline" }), className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  AlertDialog,
-  AlertDialogPortal,
-  AlertDialogOverlay,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/alert.tsx b/数据审核平台菜单优化/app/src/components/ui/alert.tsx
deleted file mode 100644
index 1421354..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/alert.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const alertVariants = cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-card text-card-foreground",
-        destructive:
-          "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-function Alert({
-  className,
-  variant,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
-  return (
-    <div
-      data-slot="alert"
-      role="alert"
-      className={cn(alertVariants({ variant }), className)}
-      {...props}
-    />
-  )
-}
-
-function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-title"
-      className={cn(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AlertDescription({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-description"
-      className={cn(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Alert, AlertTitle, AlertDescription }
diff --git a/数据审核平台菜单优化/app/src/components/ui/aspect-ratio.tsx b/数据审核平台菜单优化/app/src/components/ui/aspect-ratio.tsx
deleted file mode 100644
index 3df3fd0..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/aspect-ratio.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-"use client"
-
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
-
-function AspectRatio({
-  ...props
-}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {
-  return <AspectRatioPrimitive.Root data-slot="aspect-ratio" {...props} />
-}
-
-export { AspectRatio }
diff --git a/数据审核平台菜单优化/app/src/components/ui/avatar.tsx b/数据审核平台菜单优化/app/src/components/ui/avatar.tsx
deleted file mode 100644
index b7224f0..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/avatar.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import * as React from "react"
-import * as AvatarPrimitive from "@radix-ui/react-avatar"
-
-import { cn } from "@/lib/utils"
-
-function Avatar({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
-  return (
-    <AvatarPrimitive.Root
-      data-slot="avatar"
-      className={cn(
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
-  return (
-    <AvatarPrimitive.Image
-      data-slot="avatar-image"
-      className={cn("aspect-square size-full", className)}
-      {...props}
-    />
-  )
-}
-
-function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
-  return (
-    <AvatarPrimitive.Fallback
-      data-slot="avatar-fallback"
-      className={cn(
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Avatar, AvatarImage, AvatarFallback }
diff --git a/数据审核平台菜单优化/app/src/components/ui/badge.tsx b/数据审核平台菜单优化/app/src/components/ui/badge.tsx
deleted file mode 100644
index fd3a406..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/badge.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary:
-          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive:
-          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline:
-          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}: React.ComponentProps<"span"> &
-  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "span"
-
-  return (
-    <Comp
-      data-slot="badge"
-      className={cn(badgeVariants({ variant }), className)}
-      {...props}
-    />
-  )
-}
-
-export { Badge, badgeVariants }
diff --git a/数据审核平台菜单优化/app/src/components/ui/breadcrumb.tsx b/数据审核平台菜单优化/app/src/components/ui/breadcrumb.tsx
deleted file mode 100644
index eb88f32..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/breadcrumb.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { ChevronRight, MoreHorizontal } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function Breadcrumb({ ...props }: React.ComponentProps<"nav">) {
-  return <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />
-}
-
-function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
-  return (
-    <ol
-      data-slot="breadcrumb-list"
-      className={cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
-  return (
-    <li
-      data-slot="breadcrumb-item"
-      className={cn("inline-flex items-center gap-1.5", className)}
-      {...props}
-    />
-  )
-}
-
-function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}: React.ComponentProps<"a"> & {
-  asChild?: boolean
-}) {
-  const Comp = asChild ? Slot : "a"
-
-  return (
-    <Comp
-      data-slot="breadcrumb-link"
-      className={cn("hover:text-foreground transition-colors", className)}
-      {...props}
-    />
-  )
-}
-
-function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="breadcrumb-page"
-      role="link"
-      aria-disabled="true"
-      aria-current="page"
-      className={cn("text-foreground font-normal", className)}
-      {...props}
-    />
-  )
-}
-
-function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<"li">) {
-  return (
-    <li
-      data-slot="breadcrumb-separator"
-      role="presentation"
-      aria-hidden="true"
-      className={cn("[&>svg]:size-3.5", className)}
-      {...props}
-    >
-      {children ?? <ChevronRight />}
-    </li>
-  )
-}
-
-function BreadcrumbEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="breadcrumb-ellipsis"
-      role="presentation"
-      aria-hidden="true"
-      className={cn("flex size-9 items-center justify-center", className)}
-      {...props}
-    >
-      <MoreHorizontal className="size-4" />
-      <span className="sr-only">More</span>
-    </span>
-  )
-}
-
-export {
-  Breadcrumb,
-  BreadcrumbList,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbEllipsis,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/button-group.tsx b/数据审核平台菜单优化/app/src/components/ui/button-group.tsx
deleted file mode 100644
index 8600af0..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/button-group.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-import { Separator } from "@/components/ui/separator"
-
-const buttonGroupVariants = cva(
-  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
-  {
-    variants: {
-      orientation: {
-        horizontal:
-          "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical:
-          "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
-      },
-    },
-    defaultVariants: {
-      orientation: "horizontal",
-    },
-  }
-)
-
-function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
-  return (
-    <div
-      role="group"
-      data-slot="button-group"
-      data-orientation={orientation}
-      className={cn(buttonGroupVariants({ orientation }), className)}
-      {...props}
-    />
-  )
-}
-
-function ButtonGroupText({
-  className,
-  asChild = false,
-  ...props
-}: React.ComponentProps<"div"> & {
-  asChild?: boolean
-}) {
-  const Comp = asChild ? Slot : "div"
-
-  return (
-    <Comp
-      className={cn(
-        "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ButtonGroupSeparator({
-  className,
-  orientation = "vertical",
-  ...props
-}: React.ComponentProps<typeof Separator>) {
-  return (
-    <Separator
-      data-slot="button-group-separator"
-      orientation={orientation}
-      className={cn(
-        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  ButtonGroup,
-  ButtonGroupSeparator,
-  ButtonGroupText,
-  buttonGroupVariants,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/button.tsx b/数据审核平台菜单优化/app/src/components/ui/button.tsx
deleted file mode 100644
index 37a7d4b..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/button.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}: React.ComponentProps<"button"> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean
-  }) {
-  const Comp = asChild ? Slot : "button"
-
-  return (
-    <Comp
-      data-slot="button"
-      data-variant={variant}
-      data-size={size}
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  )
-}
-
-export { Button, buttonVariants }
diff --git a/数据审核平台菜单优化/app/src/components/ui/calendar.tsx b/数据审核平台菜单优化/app/src/components/ui/calendar.tsx
deleted file mode 100644
index 9fb18ca..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/calendar.tsx
+++ /dev/null
@@ -1,220 +0,0 @@
-"use client"
-
-import * as React from "react"
-import {
-  ChevronDownIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-} from "lucide-react"
-import {
-  DayPicker,
-  getDefaultClassNames,
-  type DayButton,
-} from "react-day-picker"
-
-import { cn } from "@/lib/utils"
-import { Button, buttonVariants } from "@/components/ui/button"
-
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  buttonVariant = "ghost",
-  formatters,
-  components,
-  ...props
-}: React.ComponentProps<typeof DayPicker> & {
-  buttonVariant?: React.ComponentProps<typeof Button>["variant"]
-}) {
-  const defaultClassNames = getDefaultClassNames()
-
-  return (
-    <DayPicker
-      showOutsideDays={showOutsideDays}
-      className={cn(
-        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        className
-      )}
-      captionLayout={captionLayout}
-      formatters={{
-        formatMonthDropdown: (date) =>
-          date.toLocaleString("default", { month: "short" }),
-        ...formatters,
-      }}
-      classNames={{
-        root: cn("w-fit", defaultClassNames.root),
-        months: cn(
-          "flex gap-4 flex-col md:flex-row relative",
-          defaultClassNames.months
-        ),
-        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
-        nav: cn(
-          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
-          defaultClassNames.nav
-        ),
-        button_previous: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
-          defaultClassNames.button_previous
-        ),
-        button_next: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
-          defaultClassNames.button_next
-        ),
-        month_caption: cn(
-          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
-          defaultClassNames.month_caption
-        ),
-        dropdowns: cn(
-          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
-          defaultClassNames.dropdowns
-        ),
-        dropdown_root: cn(
-          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
-          defaultClassNames.dropdown_root
-        ),
-        dropdown: cn(
-          "absolute bg-popover inset-0 opacity-0",
-          defaultClassNames.dropdown
-        ),
-        caption_label: cn(
-          "select-none font-medium",
-          captionLayout === "label"
-            ? "text-sm"
-            : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
-          defaultClassNames.caption_label
-        ),
-        table: "w-full border-collapse",
-        weekdays: cn("flex", defaultClassNames.weekdays),
-        weekday: cn(
-          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
-          defaultClassNames.weekday
-        ),
-        week: cn("flex w-full mt-2", defaultClassNames.week),
-        week_number_header: cn(
-          "select-none w-(--cell-size)",
-          defaultClassNames.week_number_header
-        ),
-        week_number: cn(
-          "text-[0.8rem] select-none text-muted-foreground",
-          defaultClassNames.week_number
-        ),
-        day: cn(
-          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
-          props.showWeekNumber
-            ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md"
-            : "[&:first-child[data-selected=true]_button]:rounded-l-md",
-          defaultClassNames.day
-        ),
-        range_start: cn(
-          "rounded-l-md bg-accent",
-          defaultClassNames.range_start
-        ),
-        range_middle: cn("rounded-none", defaultClassNames.range_middle),
-        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-        today: cn(
-          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
-          defaultClassNames.today
-        ),
-        outside: cn(
-          "text-muted-foreground aria-selected:text-muted-foreground",
-          defaultClassNames.outside
-        ),
-        disabled: cn(
-          "text-muted-foreground opacity-50",
-          defaultClassNames.disabled
-        ),
-        hidden: cn("invisible", defaultClassNames.hidden),
-        ...classNames,
-      }}
-      components={{
-        Root: ({ className, rootRef, ...props }) => {
-          return (
-            <div
-              data-slot="calendar"
-              ref={rootRef}
-              className={cn(className)}
-              {...props}
-            />
-          )
-        },
-        Chevron: ({ className, orientation, ...props }) => {
-          if (orientation === "left") {
-            return (
-              <ChevronLeftIcon className={cn("size-4", className)} {...props} />
-            )
-          }
-
-          if (orientation === "right") {
-            return (
-              <ChevronRightIcon
-                className={cn("size-4", className)}
-                {...props}
-              />
-            )
-          }
-
-          return (
-            <ChevronDownIcon className={cn("size-4", className)} {...props} />
-          )
-        },
-        DayButton: CalendarDayButton,
-        WeekNumber: ({ children, ...props }) => {
-          return (
-            <td {...props}>
-              <div className="flex size-(--cell-size) items-center justify-center text-center">
-                {children}
-              </div>
-            </td>
-          )
-        },
-        ...components,
-      }}
-      {...props}
-    />
-  )
-}
-
-function CalendarDayButton({
-  className,
-  day,
-  modifiers,
-  ...props
-}: React.ComponentProps<typeof DayButton>) {
-  const defaultClassNames = getDefaultClassNames()
-
-  const ref = React.useRef<HTMLButtonElement>(null)
-  React.useEffect(() => {
-    if (modifiers.focused) ref.current?.focus()
-  }, [modifiers.focused])
-
-  return (
-    <Button
-      ref={ref}
-      variant="ghost"
-      size="icon"
-      data-day={day.date.toLocaleDateString()}
-      data-selected-single={
-        modifiers.selected &&
-        !modifiers.range_start &&
-        !modifiers.range_end &&
-        !modifiers.range_middle
-      }
-      data-range-start={modifiers.range_start}
-      data-range-end={modifiers.range_end}
-      data-range-middle={modifiers.range_middle}
-      className={cn(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
-        defaultClassNames.day,
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Calendar, CalendarDayButton }
diff --git a/数据审核平台菜单优化/app/src/components/ui/card.tsx b/数据审核平台菜单优化/app/src/components/ui/card.tsx
deleted file mode 100644
index 681ad98..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/card.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function Card({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card"
-      className={cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-header"
-      className={cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-title"
-      className={cn("leading-none font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-action"
-      className={cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-content"
-      className={cn("px-6", className)}
-      {...props}
-    />
-  )
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-footer"
-      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardAction,
-  CardDescription,
-  CardContent,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/carousel.tsx b/数据审核平台菜单优化/app/src/components/ui/carousel.tsx
deleted file mode 100644
index 71cff4c..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/carousel.tsx
+++ /dev/null
@@ -1,239 +0,0 @@
-import * as React from "react"
-import useEmblaCarousel, {
-  type UseEmblaCarouselType,
-} from "embla-carousel-react"
-import { ArrowLeft, ArrowRight } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-
-type CarouselApi = UseEmblaCarouselType[1]
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
-type CarouselOptions = UseCarouselParameters[0]
-type CarouselPlugin = UseCarouselParameters[1]
-
-type CarouselProps = {
-  opts?: CarouselOptions
-  plugins?: CarouselPlugin
-  orientation?: "horizontal" | "vertical"
-  setApi?: (api: CarouselApi) => void
-}
-
-type CarouselContextProps = {
-  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
-  api: ReturnType<typeof useEmblaCarousel>[1]
-  scrollPrev: () => void
-  scrollNext: () => void
-  canScrollPrev: boolean
-  canScrollNext: boolean
-} & CarouselProps
-
-const CarouselContext = React.createContext<CarouselContextProps | null>(null)
-
-function useCarousel() {
-  const context = React.useContext(CarouselContext)
-
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />")
-  }
-
-  return context
-}
-
-function Carousel({
-  orientation = "horizontal",
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<"div"> & CarouselProps) {
-  const [carouselRef, api] = useEmblaCarousel(
-    {
-      ...opts,
-      axis: orientation === "horizontal" ? "x" : "y",
-    },
-    plugins
-  )
-  const [canScrollPrev, setCanScrollPrev] = React.useState(false)
-  const [canScrollNext, setCanScrollNext] = React.useState(false)
-
-  const onSelect = React.useCallback((api: CarouselApi) => {
-    if (!api) return
-    setCanScrollPrev(api.canScrollPrev())
-    setCanScrollNext(api.canScrollNext())
-  }, [])
-
-  const scrollPrev = React.useCallback(() => {
-    api?.scrollPrev()
-  }, [api])
-
-  const scrollNext = React.useCallback(() => {
-    api?.scrollNext()
-  }, [api])
-
-  const handleKeyDown = React.useCallback(
-    (event: React.KeyboardEvent<HTMLDivElement>) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault()
-        scrollPrev()
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault()
-        scrollNext()
-      }
-    },
-    [scrollPrev, scrollNext]
-  )
-
-  React.useEffect(() => {
-    if (!api || !setApi) return
-    setApi(api)
-  }, [api, setApi])
-
-  React.useEffect(() => {
-    if (!api) return
-    onSelect(api)
-    api.on("reInit", onSelect)
-    api.on("select", onSelect)
-
-    return () => {
-      api?.off("select", onSelect)
-    }
-  }, [api, onSelect])
-
-  return (
-    <CarouselContext.Provider
-      value={{
-        carouselRef,
-        api: api,
-        opts,
-        orientation:
-          orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scrollPrev,
-        scrollNext,
-        canScrollPrev,
-        canScrollNext,
-      }}
-    >
-      <div
-        onKeyDownCapture={handleKeyDown}
-        className={cn("relative", className)}
-        role="region"
-        aria-roledescription="carousel"
-        data-slot="carousel"
-        {...props}
-      >
-        {children}
-      </div>
-    </CarouselContext.Provider>
-  )
-}
-
-function CarouselContent({ className, ...props }: React.ComponentProps<"div">) {
-  const { carouselRef, orientation } = useCarousel()
-
-  return (
-    <div
-      ref={carouselRef}
-      className="overflow-hidden"
-      data-slot="carousel-content"
-    >
-      <div
-        className={cn(
-          "flex",
-          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-          className
-        )}
-        {...props}
-      />
-    </div>
-  )
-}
-
-function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
-  const { orientation } = useCarousel()
-
-  return (
-    <div
-      role="group"
-      aria-roledescription="slide"
-      data-slot="carousel-item"
-      className={cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CarouselPrevious({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}: React.ComponentProps<typeof Button>) {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
-
-  return (
-    <Button
-      data-slot="carousel-previous"
-      variant={variant}
-      size={size}
-      className={cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal"
-          ? "top-1/2 -left-12 -translate-y-1/2"
-          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      )}
-      disabled={!canScrollPrev}
-      onClick={scrollPrev}
-      {...props}
-    >
-      <ArrowLeft />
-      <span className="sr-only">Previous slide</span>
-    </Button>
-  )
-}
-
-function CarouselNext({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}: React.ComponentProps<typeof Button>) {
-  const { orientation, scrollNext, canScrollNext } = useCarousel()
-
-  return (
-    <Button
-      data-slot="carousel-next"
-      variant={variant}
-      size={size}
-      className={cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal"
-          ? "top-1/2 -right-12 -translate-y-1/2"
-          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      )}
-      disabled={!canScrollNext}
-      onClick={scrollNext}
-      {...props}
-    >
-      <ArrowRight />
-      <span className="sr-only">Next slide</span>
-    </Button>
-  )
-}
-
-export {
-  type CarouselApi,
-  Carousel,
-  CarouselContent,
-  CarouselItem,
-  CarouselPrevious,
-  CarouselNext,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/chart.tsx b/数据审核平台菜单优化/app/src/components/ui/chart.tsx
deleted file mode 100644
index 8b42f21..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/chart.tsx
+++ /dev/null
@@ -1,357 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as RechartsPrimitive from "recharts"
-
-import { cn } from "@/lib/utils"
-
-// Format: { THEME_NAME: CSS_SELECTOR }
-const THEMES = { light: "", dark: ".dark" } as const
-
-export type ChartConfig = {
-  [k in string]: {
-    label?: React.ReactNode
-    icon?: React.ComponentType
-  } & (
-    | { color?: string; theme?: never }
-    | { color?: never; theme: Record<keyof typeof THEMES, string> }
-  )
-}
-
-type ChartContextProps = {
-  config: ChartConfig
-}
-
-const ChartContext = React.createContext<ChartContextProps | null>(null)
-
-function useChart() {
-  const context = React.useContext(ChartContext)
-
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />")
-  }
-
-  return context
-}
-
-function ChartContainer({
-  id,
-  className,
-  children,
-  config,
-  ...props
-}: React.ComponentProps<"div"> & {
-  config: ChartConfig
-  children: React.ComponentProps<
-    typeof RechartsPrimitive.ResponsiveContainer
-  >["children"]
-}) {
-  const uniqueId = React.useId()
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
-
-  return (
-    <ChartContext.Provider value={{ config }}>
-      <div
-        data-slot="chart"
-        data-chart={chartId}
-        className={cn(
-          "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
-          className
-        )}
-        {...props}
-      >
-        <ChartStyle id={chartId} config={config} />
-        <RechartsPrimitive.ResponsiveContainer>
-          {children}
-        </RechartsPrimitive.ResponsiveContainer>
-      </div>
-    </ChartContext.Provider>
-  )
-}
-
-const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
-  const colorConfig = Object.entries(config).filter(
-    ([, config]) => config.theme || config.color
-  )
-
-  if (!colorConfig.length) {
-    return null
-  }
-
-  return (
-    <style
-      dangerouslySetInnerHTML={{
-        __html: Object.entries(THEMES)
-          .map(
-            ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig
-  .map(([key, itemConfig]) => {
-    const color =
-      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
-      itemConfig.color
-    return color ? `  --color-${key}: ${color};` : null
-  })
-  .join("\n")}
-}
-`
-          )
-          .join("\n"),
-      }}
-    />
-  )
-}
-
-const ChartTooltip = RechartsPrimitive.Tooltip
-
-function ChartTooltipContent({
-  active,
-  payload,
-  className,
-  indicator = "dot",
-  hideLabel = false,
-  hideIndicator = false,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey,
-}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
-  React.ComponentProps<"div"> & {
-    hideLabel?: boolean
-    hideIndicator?: boolean
-    indicator?: "line" | "dot" | "dashed"
-    nameKey?: string
-    labelKey?: string
-  }) {
-  const { config } = useChart()
-
-  const tooltipLabel = React.useMemo(() => {
-    if (hideLabel || !payload?.length) {
-      return null
-    }
-
-    const [item] = payload
-    const key = `${labelKey || item?.dataKey || item?.name || "value"}`
-    const itemConfig = getPayloadConfigFromPayload(config, item, key)
-    const value =
-      !labelKey && typeof label === "string"
-        ? config[label as keyof typeof config]?.label || label
-        : itemConfig?.label
-
-    if (labelFormatter) {
-      return (
-        <div className={cn("font-medium", labelClassName)}>
-          {labelFormatter(value, payload)}
-        </div>
-      )
-    }
-
-    if (!value) {
-      return null
-    }
-
-    return <div className={cn("font-medium", labelClassName)}>{value}</div>
-  }, [
-    label,
-    labelFormatter,
-    payload,
-    hideLabel,
-    labelClassName,
-    config,
-    labelKey,
-  ])
-
-  if (!active || !payload?.length) {
-    return null
-  }
-
-  const nestLabel = payload.length === 1 && indicator !== "dot"
-
-  return (
-    <div
-      className={cn(
-        "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
-        className
-      )}
-    >
-      {!nestLabel ? tooltipLabel : null}
-      <div className="grid gap-1.5">
-        {payload
-          .filter((item) => item.type !== "none")
-          .map((item, index) => {
-            const key = `${nameKey || item.name || item.dataKey || "value"}`
-            const itemConfig = getPayloadConfigFromPayload(config, item, key)
-            const indicatorColor = color || item.payload.fill || item.color
-
-            return (
-              <div
-                key={item.dataKey}
-                className={cn(
-                  "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
-                  indicator === "dot" && "items-center"
-                )}
-              >
-                {formatter && item?.value !== undefined && item.name ? (
-                  formatter(item.value, item.name, item, index, item.payload)
-                ) : (
-                  <>
-                    {itemConfig?.icon ? (
-                      <itemConfig.icon />
-                    ) : (
-                      !hideIndicator && (
-                        <div
-                          className={cn(
-                            "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
-                            {
-                              "h-2.5 w-2.5": indicator === "dot",
-                              "w-1": indicator === "line",
-                              "w-0 border-[1.5px] border-dashed bg-transparent":
-                                indicator === "dashed",
-                              "my-0.5": nestLabel && indicator === "dashed",
-                            }
-                          )}
-                          style={
-                            {
-                              "--color-bg": indicatorColor,
-                              "--color-border": indicatorColor,
-                            } as React.CSSProperties
-                          }
-                        />
-                      )
-                    )}
-                    <div
-                      className={cn(
-                        "flex flex-1 justify-between leading-none",
-                        nestLabel ? "items-end" : "items-center"
-                      )}
-                    >
-                      <div className="grid gap-1.5">
-                        {nestLabel ? tooltipLabel : null}
-                        <span className="text-muted-foreground">
-                          {itemConfig?.label || item.name}
-                        </span>
-                      </div>
-                      {item.value && (
-                        <span className="text-foreground font-mono font-medium tabular-nums">
-                          {item.value.toLocaleString()}
-                        </span>
-                      )}
-                    </div>
-                  </>
-                )}
-              </div>
-            )
-          })}
-      </div>
-    </div>
-  )
-}
-
-const ChartLegend = RechartsPrimitive.Legend
-
-function ChartLegendContent({
-  className,
-  hideIcon = false,
-  payload,
-  verticalAlign = "bottom",
-  nameKey,
-}: React.ComponentProps<"div"> &
-  Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    hideIcon?: boolean
-    nameKey?: string
-  }) {
-  const { config } = useChart()
-
-  if (!payload?.length) {
-    return null
-  }
-
-  return (
-    <div
-      className={cn(
-        "flex items-center justify-center gap-4",
-        verticalAlign === "top" ? "pb-3" : "pt-3",
-        className
-      )}
-    >
-      {payload
-        .filter((item) => item.type !== "none")
-        .map((item) => {
-          const key = `${nameKey || item.dataKey || "value"}`
-          const itemConfig = getPayloadConfigFromPayload(config, item, key)
-
-          return (
-            <div
-              key={item.value}
-              className={cn(
-                "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
-              )}
-            >
-              {itemConfig?.icon && !hideIcon ? (
-                <itemConfig.icon />
-              ) : (
-                <div
-                  className="h-2 w-2 shrink-0 rounded-[2px]"
-                  style={{
-                    backgroundColor: item.color,
-                  }}
-                />
-              )}
-              {itemConfig?.label}
-            </div>
-          )
-        })}
-    </div>
-  )
-}
-
-// Helper to extract item config from a payload.
-function getPayloadConfigFromPayload(
-  config: ChartConfig,
-  payload: unknown,
-  key: string
-) {
-  if (typeof payload !== "object" || payload === null) {
-    return undefined
-  }
-
-  const payloadPayload =
-    "payload" in payload &&
-    typeof payload.payload === "object" &&
-    payload.payload !== null
-      ? payload.payload
-      : undefined
-
-  let configLabelKey: string = key
-
-  if (
-    key in payload &&
-    typeof payload[key as keyof typeof payload] === "string"
-  ) {
-    configLabelKey = payload[key as keyof typeof payload] as string
-  } else if (
-    payloadPayload &&
-    key in payloadPayload &&
-    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
-  ) {
-    configLabelKey = payloadPayload[
-      key as keyof typeof payloadPayload
-    ] as string
-  }
-
-  return configLabelKey in config
-    ? config[configLabelKey]
-    : config[key as keyof typeof config]
-}
-
-export {
-  ChartContainer,
-  ChartTooltip,
-  ChartTooltipContent,
-  ChartLegend,
-  ChartLegendContent,
-  ChartStyle,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/checkbox.tsx b/数据审核平台菜单优化/app/src/components/ui/checkbox.tsx
deleted file mode 100644
index cb0b07b..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/checkbox.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
-import { CheckIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function Checkbox({
-  className,
-  ...props
-}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
-  return (
-    <CheckboxPrimitive.Root
-      data-slot="checkbox"
-      className={cn(
-        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )}
-      {...props}
-    >
-      <CheckboxPrimitive.Indicator
-        data-slot="checkbox-indicator"
-        className="grid place-content-center text-current transition-none"
-      >
-        <CheckIcon className="size-3.5" />
-      </CheckboxPrimitive.Indicator>
-    </CheckboxPrimitive.Root>
-  )
-}
-
-export { Checkbox }
diff --git a/数据审核平台菜单优化/app/src/components/ui/collapsible.tsx b/数据审核平台菜单优化/app/src/components/ui/collapsible.tsx
deleted file mode 100644
index 77f86be..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/collapsible.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
-
-function Collapsible({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
-  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
-}
-
-function CollapsibleTrigger({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
-  return (
-    <CollapsiblePrimitive.CollapsibleTrigger
-      data-slot="collapsible-trigger"
-      {...props}
-    />
-  )
-}
-
-function CollapsibleContent({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
-  return (
-    <CollapsiblePrimitive.CollapsibleContent
-      data-slot="collapsible-content"
-      {...props}
-    />
-  )
-}
-
-export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/数据审核平台菜单优化/app/src/components/ui/command.tsx b/数据审核平台菜单优化/app/src/components/ui/command.tsx
deleted file mode 100644
index e5bd56b..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/command.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-import * as React from "react"
-import { Command as CommandPrimitive } from "cmdk"
-import { SearchIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog"
-
-function Command({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive>) {
-  return (
-    <CommandPrimitive
-      data-slot="command"
-      className={cn(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CommandDialog({
-  title = "Command Palette",
-  description = "Search for a command to run...",
-  children,
-  className,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof Dialog> & {
-  title?: string
-  description?: string
-  className?: string
-  showCloseButton?: boolean
-}) {
-  return (
-    <Dialog {...props}>
-      <DialogHeader className="sr-only">
-        <DialogTitle>{title}</DialogTitle>
-        <DialogDescription>{description}</DialogDescription>
-      </DialogHeader>
-      <DialogContent
-        className={cn("overflow-hidden p-0", className)}
-        showCloseButton={showCloseButton}
-      >
-        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
-          {children}
-        </Command>
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-function CommandInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Input>) {
-  return (
-    <div
-      data-slot="command-input-wrapper"
-      className="flex h-9 items-center gap-2 border-b px-3"
-    >
-      <SearchIcon className="size-4 shrink-0 opacity-50" />
-      <CommandPrimitive.Input
-        data-slot="command-input"
-        className={cn(
-          "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        )}
-        {...props}
-      />
-    </div>
-  )
-}
-
-function CommandList({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.List>) {
-  return (
-    <CommandPrimitive.List
-      data-slot="command-list"
-      className={cn(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CommandEmpty({
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Empty>) {
-  return (
-    <CommandPrimitive.Empty
-      data-slot="command-empty"
-      className="py-6 text-center text-sm"
-      {...props}
-    />
-  )
-}
-
-function CommandGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Group>) {
-  return (
-    <CommandPrimitive.Group
-      data-slot="command-group"
-      className={cn(
-        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CommandSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Separator>) {
-  return (
-    <CommandPrimitive.Separator
-      data-slot="command-separator"
-      className={cn("bg-border -mx-1 h-px", className)}
-      {...props}
-    />
-  )
-}
-
-function CommandItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Item>) {
-  return (
-    <CommandPrimitive.Item
-      data-slot="command-item"
-      className={cn(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CommandShortcut({
-  className,
-  ...props
-}: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="command-shortcut"
-      className={cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  Command,
-  CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/context-menu.tsx b/数据审核平台菜单优化/app/src/components/ui/context-menu.tsx
deleted file mode 100644
index f024a9c..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/context-menu.tsx
+++ /dev/null
@@ -1,252 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function ContextMenu({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
-  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
-}
-
-function ContextMenuTrigger({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
-  return (
-    <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />
-  )
-}
-
-function ContextMenuGroup({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
-  return (
-    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
-  )
-}
-
-function ContextMenuPortal({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
-  return (
-    <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
-  )
-}
-
-function ContextMenuSub({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
-  return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />
-}
-
-function ContextMenuRadioGroup({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
-  return (
-    <ContextMenuPrimitive.RadioGroup
-      data-slot="context-menu-radio-group"
-      {...props}
-    />
-  )
-}
-
-function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
-  inset?: boolean
-}) {
-  return (
-    <ContextMenuPrimitive.SubTrigger
-      data-slot="context-menu-sub-trigger"
-      data-inset={inset}
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ml-auto" />
-    </ContextMenuPrimitive.SubTrigger>
-  )
-}
-
-function ContextMenuSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {
-  return (
-    <ContextMenuPrimitive.SubContent
-      data-slot="context-menu-sub-content"
-      className={cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ContextMenuContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {
-  return (
-    <ContextMenuPrimitive.Portal>
-      <ContextMenuPrimitive.Content
-        data-slot="context-menu-content"
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-          className
-        )}
-        {...props}
-      />
-    </ContextMenuPrimitive.Portal>
-  )
-}
-
-function ContextMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
-  inset?: boolean
-  variant?: "default" | "destructive"
-}) {
-  return (
-    <ContextMenuPrimitive.Item
-      data-slot="context-menu-item"
-      data-inset={inset}
-      data-variant={variant}
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ContextMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {
-  return (
-    <ContextMenuPrimitive.CheckboxItem
-      data-slot="context-menu-checkbox-item"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      checked={checked}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <ContextMenuPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </ContextMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </ContextMenuPrimitive.CheckboxItem>
-  )
-}
-
-function ContextMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {
-  return (
-    <ContextMenuPrimitive.RadioItem
-      data-slot="context-menu-radio-item"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <ContextMenuPrimitive.ItemIndicator>
-          <CircleIcon className="size-2 fill-current" />
-        </ContextMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </ContextMenuPrimitive.RadioItem>
-  )
-}
-
-function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
-  inset?: boolean
-}) {
-  return (
-    <ContextMenuPrimitive.Label
-      data-slot="context-menu-label"
-      data-inset={inset}
-      className={cn(
-        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ContextMenuSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {
-  return (
-    <ContextMenuPrimitive.Separator
-      data-slot="context-menu-separator"
-      className={cn("bg-border -mx-1 my-1 h-px", className)}
-      {...props}
-    />
-  )
-}
-
-function ContextMenuShortcut({
-  className,
-  ...props
-}: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="context-menu-shortcut"
-      className={cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  ContextMenu,
-  ContextMenuTrigger,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuCheckboxItem,
-  ContextMenuRadioItem,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuGroup,
-  ContextMenuPortal,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuRadioGroup,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/dialog.tsx b/数据审核平台菜单优化/app/src/components/ui/dialog.tsx
deleted file mode 100644
index 60cc10e..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/dialog.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function Dialog({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>) {
-  return <DialogPrimitive.Root data-slot="dialog" {...props} />
-}
-
-function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
-  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
-}
-
-function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
-}
-
-function DialogClose({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Close>) {
-  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
-}
-
-function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
-  return (
-    <DialogPrimitive.Overlay
-      data-slot="dialog-overlay"
-      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean
-}) {
-  return (
-    <DialogPortal data-slot="dialog-portal">
-      <DialogOverlay />
-      <DialogPrimitive.Content
-        data-slot="dialog-content"
-        className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        {showCloseButton && (
-          <DialogPrimitive.Close
-            data-slot="dialog-close"
-            className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
-          >
-            <XIcon />
-            <span className="sr-only">Close</span>
-          </DialogPrimitive.Close>
-        )}
-      </DialogPrimitive.Content>
-    </DialogPortal>
-  )
-}
-
-function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-      {...props}
-    />
-  )
-}
-
-function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-footer"
-      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>) {
-  return (
-    <DialogPrimitive.Title
-      data-slot="dialog-title"
-      className={cn("text-lg leading-none font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>) {
-  return (
-    <DialogPrimitive.Description
-      data-slot="dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/drawer.tsx b/数据审核平台菜单优化/app/src/components/ui/drawer.tsx
deleted file mode 100644
index 8aa6923..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/drawer.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { Drawer as DrawerPrimitive } from "vaul"
-
-import { cn } from "@/lib/utils"
-
-function Drawer({
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Root>) {
-  return <DrawerPrimitive.Root data-slot="drawer" {...props} />
-}
-
-function DrawerTrigger({
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
-  return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />
-}
-
-function DrawerPortal({
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
-  return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />
-}
-
-function DrawerClose({
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Close>) {
-  return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />
-}
-
-function DrawerOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {
-  return (
-    <DrawerPrimitive.Overlay
-      data-slot="drawer-overlay"
-      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DrawerContent({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Content>) {
-  return (
-    <DrawerPortal data-slot="drawer-portal">
-      <DrawerOverlay />
-      <DrawerPrimitive.Content
-        data-slot="drawer-content"
-        className={cn(
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
-          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
-          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
-          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
-          className
-        )}
-        {...props}
-      >
-        <div className="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
-        {children}
-      </DrawerPrimitive.Content>
-    </DrawerPortal>
-  )
-}
-
-function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="drawer-header"
-      className={cn(
-        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="drawer-footer"
-      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
-      {...props}
-    />
-  )
-}
-
-function DrawerTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Title>) {
-  return (
-    <DrawerPrimitive.Title
-      data-slot="drawer-title"
-      className={cn("text-foreground font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function DrawerDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Description>) {
-  return (
-    <DrawerPrimitive.Description
-      data-slot="drawer-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Drawer,
-  DrawerPortal,
-  DrawerOverlay,
-  DrawerTrigger,
-  DrawerClose,
-  DrawerContent,
-  DrawerHeader,
-  DrawerFooter,
-  DrawerTitle,
-  DrawerDescription,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/dropdown-menu.tsx b/数据审核平台菜单优化/app/src/components/ui/dropdown-menu.tsx
deleted file mode 100644
index eaed9ba..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/dropdown-menu.tsx
+++ /dev/null
@@ -1,255 +0,0 @@
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function DropdownMenu({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
-  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
-}
-
-function DropdownMenuPortal({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
-  return (
-    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
-  )
-}
-
-function DropdownMenuTrigger({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
-  return (
-    <DropdownMenuPrimitive.Trigger
-      data-slot="dropdown-menu-trigger"
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
-  return (
-    <DropdownMenuPrimitive.Portal>
-      <DropdownMenuPrimitive.Content
-        data-slot="dropdown-menu-content"
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-          className
-        )}
-        {...props}
-      />
-    </DropdownMenuPrimitive.Portal>
-  )
-}
-
-function DropdownMenuGroup({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
-  return (
-    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
-  )
-}
-
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-  inset?: boolean
-  variant?: "default" | "destructive"
-}) {
-  return (
-    <DropdownMenuPrimitive.Item
-      data-slot="dropdown-menu-item"
-      data-inset={inset}
-      data-variant={variant}
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
-  return (
-    <DropdownMenuPrimitive.CheckboxItem
-      data-slot="dropdown-menu-checkbox-item"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      checked={checked}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </DropdownMenuPrimitive.CheckboxItem>
-  )
-}
-
-function DropdownMenuRadioGroup({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
-  return (
-    <DropdownMenuPrimitive.RadioGroup
-      data-slot="dropdown-menu-radio-group"
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
-  return (
-    <DropdownMenuPrimitive.RadioItem
-      data-slot="dropdown-menu-radio-item"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CircleIcon className="size-2 fill-current" />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </DropdownMenuPrimitive.RadioItem>
-  )
-}
-
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean
-}) {
-  return (
-    <DropdownMenuPrimitive.Label
-      data-slot="dropdown-menu-label"
-      data-inset={inset}
-      className={cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
-  return (
-    <DropdownMenuPrimitive.Separator
-      data-slot="dropdown-menu-separator"
-      className={cn("bg-border -mx-1 my-1 h-px", className)}
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuShortcut({
-  className,
-  ...props
-}: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="dropdown-menu-shortcut"
-      className={cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuSub({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
-  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
-}
-
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean
-}) {
-  return (
-    <DropdownMenuPrimitive.SubTrigger
-      data-slot="dropdown-menu-sub-trigger"
-      data-inset={inset}
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ml-auto size-4" />
-    </DropdownMenuPrimitive.SubTrigger>
-  )
-}
-
-function DropdownMenuSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
-  return (
-    <DropdownMenuPrimitive.SubContent
-      data-slot="dropdown-menu-sub-content"
-      className={cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  DropdownMenu,
-  DropdownMenuPortal,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuLabel,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubTrigger,
-  DropdownMenuSubContent,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/empty.tsx b/数据审核平台菜单优化/app/src/components/ui/empty.tsx
deleted file mode 100644
index df91e9d..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/empty.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-function Empty({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="empty"
-      className={cn(
-        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function EmptyHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="empty-header"
-      className={cn(
-        "flex max-w-sm flex-col items-center gap-2 text-center",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-const emptyMediaVariants = cva(
-  "flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-function EmptyMedia({
-  className,
-  variant = "default",
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>) {
-  return (
-    <div
-      data-slot="empty-icon"
-      data-variant={variant}
-      className={cn(emptyMediaVariants({ variant, className }))}
-      {...props}
-    />
-  )
-}
-
-function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="empty-title"
-      className={cn("text-lg font-medium tracking-tight", className)}
-      {...props}
-    />
-  )
-}
-
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
-  return (
-    <div
-      data-slot="empty-description"
-      className={cn(
-        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="empty-content"
-      className={cn(
-        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  Empty,
-  EmptyHeader,
-  EmptyTitle,
-  EmptyDescription,
-  EmptyContent,
-  EmptyMedia,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/field.tsx b/数据审核平台菜单优化/app/src/components/ui/field.tsx
deleted file mode 100644
index db0dc12..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/field.tsx
+++ /dev/null
@@ -1,246 +0,0 @@
-import { useMemo } from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-import { Label } from "@/components/ui/label"
-import { Separator } from "@/components/ui/separator"
-
-function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
-  return (
-    <fieldset
-      data-slot="field-set"
-      className={cn(
-        "flex flex-col gap-6",
-        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function FieldLegend({
-  className,
-  variant = "legend",
-  ...props
-}: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) {
-  return (
-    <legend
-      data-slot="field-legend"
-      data-variant={variant}
-      className={cn(
-        "mb-3 font-medium",
-        "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="field-group"
-      className={cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-const fieldVariants = cva(
-  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
-  {
-    variants: {
-      orientation: {
-        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-        horizontal: [
-          "flex-row items-center",
-          "[&>[data-slot=field-label]]:flex-auto",
-          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-        ],
-        responsive: [
-          "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
-          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-        ],
-      },
-    },
-    defaultVariants: {
-      orientation: "vertical",
-    },
-  }
-)
-
-function Field({
-  className,
-  orientation = "vertical",
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) {
-  return (
-    <div
-      role="group"
-      data-slot="field"
-      data-orientation={orientation}
-      className={cn(fieldVariants({ orientation }), className)}
-      {...props}
-    />
-  )
-}
-
-function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="field-content"
-      className={cn(
-        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function FieldLabel({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label>) {
-  return (
-    <Label
-      data-slot="field-label"
-      className={cn(
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function FieldTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="field-label"
-      className={cn(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function FieldDescription({ className, ...props }: React.ComponentProps<"p">) {
-  return (
-    <p
-      data-slot="field-description"
-      className={cn(
-        "text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function FieldSeparator({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<"div"> & {
-  children?: React.ReactNode
-}) {
-  return (
-    <div
-      data-slot="field-separator"
-      data-content={!!children}
-      className={cn(
-        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
-        className
-      )}
-      {...props}
-    >
-      <Separator className="absolute inset-0 top-1/2" />
-      {children && (
-        <span
-          className="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
-          data-slot="field-separator-content"
-        >
-          {children}
-        </span>
-      )}
-    </div>
-  )
-}
-
-function FieldError({
-  className,
-  children,
-  errors,
-  ...props
-}: React.ComponentProps<"div"> & {
-  errors?: Array<{ message?: string } | undefined>
-}) {
-  const content = useMemo(() => {
-    if (children) {
-      return children
-    }
-
-    if (!errors?.length) {
-      return null
-    }
-
-    const uniqueErrors = [
-      ...new Map(errors.map((error) => [error?.message, error])).values(),
-    ]
-
-    if (uniqueErrors?.length == 1) {
-      return uniqueErrors[0]?.message
-    }
-
-    return (
-      <ul className="ml-4 flex list-disc flex-col gap-1">
-        {uniqueErrors.map(
-          (error, index) =>
-            error?.message && <li key={index}>{error.message}</li>
-        )}
-      </ul>
-    )
-  }, [children, errors])
-
-  if (!content) {
-    return null
-  }
-
-  return (
-    <div
-      role="alert"
-      data-slot="field-error"
-      className={cn("text-destructive text-sm font-normal", className)}
-      {...props}
-    >
-      {content}
-    </div>
-  )
-}
-
-export {
-  Field,
-  FieldLabel,
-  FieldDescription,
-  FieldError,
-  FieldGroup,
-  FieldLegend,
-  FieldSeparator,
-  FieldSet,
-  FieldContent,
-  FieldTitle,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/form.tsx b/数据审核平台菜单优化/app/src/components/ui/form.tsx
deleted file mode 100644
index 2b529e6..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/form.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-"use client"
-
-import * as React from "react"
-import type * as LabelPrimitive from "@radix-ui/react-label"
-import { Slot } from "@radix-ui/react-slot"
-import {
-  Controller,
-  FormProvider,
-  useFormContext,
-  useFormState,
-  type ControllerProps,
-  type FieldPath,
-  type FieldValues,
-} from "react-hook-form"
-
-import { cn } from "@/lib/utils"
-import { Label } from "@/components/ui/label"
-
-const Form = FormProvider
-
-type FormFieldContextValue<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = {
-  name: TName
-}
-
-const FormFieldContext = React.createContext<FormFieldContextValue>(
-  {} as FormFieldContextValue
-)
-
-const FormField = <
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->({
-  ...props
-}: ControllerProps<TFieldValues, TName>) => {
-  return (
-    <FormFieldContext.Provider value={{ name: props.name }}>
-      <Controller {...props} />
-    </FormFieldContext.Provider>
-  )
-}
-
-const useFormField = () => {
-  const fieldContext = React.useContext(FormFieldContext)
-  const itemContext = React.useContext(FormItemContext)
-  const { getFieldState } = useFormContext()
-  const formState = useFormState({ name: fieldContext.name })
-  const fieldState = getFieldState(fieldContext.name, formState)
-
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>")
-  }
-
-  const { id } = itemContext
-
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState,
-  }
-}
-
-type FormItemContextValue = {
-  id: string
-}
-
-const FormItemContext = React.createContext<FormItemContextValue>(
-  {} as FormItemContextValue
-)
-
-function FormItem({ className, ...props }: React.ComponentProps<"div">) {
-  const id = React.useId()
-
-  return (
-    <FormItemContext.Provider value={{ id }}>
-      <div
-        data-slot="form-item"
-        className={cn("grid gap-2", className)}
-        {...props}
-      />
-    </FormItemContext.Provider>
-  )
-}
-
-function FormLabel({
-  className,
-  ...props
-}: React.ComponentProps<typeof LabelPrimitive.Root>) {
-  const { error, formItemId } = useFormField()
-
-  return (
-    <Label
-      data-slot="form-label"
-      data-error={!!error}
-      className={cn("data-[error=true]:text-destructive", className)}
-      htmlFor={formItemId}
-      {...props}
-    />
-  )
-}
-
-function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
-
-  return (
-    <Slot
-      data-slot="form-control"
-      id={formItemId}
-      aria-describedby={
-        !error
-          ? `${formDescriptionId}`
-          : `${formDescriptionId} ${formMessageId}`
-      }
-      aria-invalid={!!error}
-      {...props}
-    />
-  )
-}
-
-function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
-  const { formDescriptionId } = useFormField()
-
-  return (
-    <p
-      data-slot="form-description"
-      id={formDescriptionId}
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
-  const { error, formMessageId } = useFormField()
-  const body = error ? String(error?.message ?? "") : props.children
-
-  if (!body) {
-    return null
-  }
-
-  return (
-    <p
-      data-slot="form-message"
-      id={formMessageId}
-      className={cn("text-destructive text-sm", className)}
-      {...props}
-    >
-      {body}
-    </p>
-  )
-}
-
-export {
-  useFormField,
-  Form,
-  FormItem,
-  FormLabel,
-  FormControl,
-  FormDescription,
-  FormMessage,
-  FormField,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/hover-card.tsx b/数据审核平台菜单优化/app/src/components/ui/hover-card.tsx
deleted file mode 100644
index e754186..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/hover-card.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
-
-import { cn } from "@/lib/utils"
-
-function HoverCard({
-  ...props
-}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
-  return <HoverCardPrimitive.Root data-slot="hover-card" {...props} />
-}
-
-function HoverCardTrigger({
-  ...props
-}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {
-  return (
-    <HoverCardPrimitive.Trigger data-slot="hover-card-trigger" {...props} />
-  )
-}
-
-function HoverCardContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
-  return (
-    <HoverCardPrimitive.Portal data-slot="hover-card-portal">
-      <HoverCardPrimitive.Content
-        data-slot="hover-card-content"
-        align={align}
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-          className
-        )}
-        {...props}
-      />
-    </HoverCardPrimitive.Portal>
-  )
-}
-
-export { HoverCard, HoverCardTrigger, HoverCardContent }
diff --git a/数据审核平台菜单优化/app/src/components/ui/input-group.tsx b/数据审核平台菜单优化/app/src/components/ui/input-group.tsx
deleted file mode 100644
index 3d1f9d9..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/input-group.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Textarea } from "@/components/ui/textarea"
-
-function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="input-group"
-      role="group"
-      className={cn(
-        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
-        "h-9 min-w-0 has-[>textarea]:h-auto",
-
-        // Variants based on alignment.
-        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
-        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
-        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
-        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
-
-        // Focus state.
-        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
-
-        // Error state.
-        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
-
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-const inputGroupAddonVariants = cva(
-  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
-  {
-    variants: {
-      align: {
-        "inline-start":
-          "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
-        "inline-end":
-          "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
-        "block-start":
-          "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
-        "block-end":
-          "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5",
-      },
-    },
-    defaultVariants: {
-      align: "inline-start",
-    },
-  }
-)
-
-function InputGroupAddon({
-  className,
-  align = "inline-start",
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) {
-  return (
-    <div
-      role="group"
-      data-slot="input-group-addon"
-      data-align={align}
-      className={cn(inputGroupAddonVariants({ align }), className)}
-      onClick={(e) => {
-        if ((e.target as HTMLElement).closest("button")) {
-          return
-        }
-        e.currentTarget.parentElement?.querySelector("input")?.focus()
-      }}
-      {...props}
-    />
-  )
-}
-
-const inputGroupButtonVariants = cva(
-  "text-sm shadow-none flex gap-2 items-center",
-  {
-    variants: {
-      size: {
-        xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
-        sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-        "icon-xs":
-          "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-        "icon-sm": "size-8 p-0 has-[>svg]:p-0",
-      },
-    },
-    defaultVariants: {
-      size: "xs",
-    },
-  }
-)
-
-function InputGroupButton({
-  className,
-  type = "button",
-  variant = "ghost",
-  size = "xs",
-  ...props
-}: Omit<React.ComponentProps<typeof Button>, "size"> &
-  VariantProps<typeof inputGroupButtonVariants>) {
-  return (
-    <Button
-      type={type}
-      data-size={size}
-      variant={variant}
-      className={cn(inputGroupButtonVariants({ size }), className)}
-      {...props}
-    />
-  )
-}
-
-function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
-  return (
-    <span
-      className={cn(
-        "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function InputGroupInput({
-  className,
-  ...props
-}: React.ComponentProps<"input">) {
-  return (
-    <Input
-      data-slot="input-group-control"
-      className={cn(
-        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function InputGroupTextarea({
-  className,
-  ...props
-}: React.ComponentProps<"textarea">) {
-  return (
-    <Textarea
-      data-slot="input-group-control"
-      className={cn(
-        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  InputGroup,
-  InputGroupAddon,
-  InputGroupButton,
-  InputGroupText,
-  InputGroupInput,
-  InputGroupTextarea,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/input-otp.tsx b/数据审核平台菜单优化/app/src/components/ui/input-otp.tsx
deleted file mode 100644
index 3101752..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/input-otp.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import * as React from "react"
-import { OTPInput, OTPInputContext } from "input-otp"
-import { MinusIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}: React.ComponentProps<typeof OTPInput> & {
-  containerClassName?: string
-}) {
-  return (
-    <OTPInput
-      data-slot="input-otp"
-      containerClassName={cn(
-        "flex items-center gap-2 has-disabled:opacity-50",
-        containerClassName
-      )}
-      className={cn("disabled:cursor-not-allowed", className)}
-      {...props}
-    />
-  )
-}
-
-function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="input-otp-group"
-      className={cn("flex items-center", className)}
-      {...props}
-    />
-  )
-}
-
-function InputOTPSlot({
-  index,
-  className,
-  ...props
-}: React.ComponentProps<"div"> & {
-  index: number
-}) {
-  const inputOTPContext = React.useContext(OTPInputContext)
-  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}
-
-  return (
-    <div
-      data-slot="input-otp-slot"
-      data-active={isActive}
-      className={cn(
-        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
-        className
-      )}
-      {...props}
-    >
-      {char}
-      {hasFakeCaret && (
-        <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
-          <div className="animate-caret-blink bg-foreground h-4 w-px duration-1000" />
-        </div>
-      )}
-    </div>
-  )
-}
-
-function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
-  return (
-    <div data-slot="input-otp-separator" role="separator" {...props}>
-      <MinusIcon />
-    </div>
-  )
-}
-
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
diff --git a/数据审核平台菜单优化/app/src/components/ui/input.tsx b/数据审核平台菜单优化/app/src/components/ui/input.tsx
deleted file mode 100644
index 8916905..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/input.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function Input({ className, type, ...props }: React.ComponentProps<"input">) {
-  return (
-    <input
-      type={type}
-      data-slot="input"
-      className={cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Input }
diff --git a/数据审核平台菜单优化/app/src/components/ui/item.tsx b/数据审核平台菜单优化/app/src/components/ui/item.tsx
deleted file mode 100644
index d97de21..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/item.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-import { Separator } from "@/components/ui/separator"
-
-function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      role="list"
-      data-slot="item-group"
-      className={cn("group/item-group flex flex-col", className)}
-      {...props}
-    />
-  )
-}
-
-function ItemSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>) {
-  return (
-    <Separator
-      data-slot="item-separator"
-      orientation="horizontal"
-      className={cn("my-0", className)}
-      {...props}
-    />
-  )
-}
-
-const itemVariants = cva(
-  "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border-border",
-        muted: "bg-muted/50",
-      },
-      size: {
-        default: "p-4 gap-4 ",
-        sm: "py-3 px-4 gap-2.5",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-function Item({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}: React.ComponentProps<"div"> &
-  VariantProps<typeof itemVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "div"
-  return (
-    <Comp
-      data-slot="item"
-      data-variant={variant}
-      data-size={size}
-      className={cn(itemVariants({ variant, size, className }))}
-      {...props}
-    />
-  )
-}
-
-const itemMediaVariants = cva(
-  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
-        image:
-          "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-function ItemMedia({
-  className,
-  variant = "default",
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>) {
-  return (
-    <div
-      data-slot="item-media"
-      data-variant={variant}
-      className={cn(itemMediaVariants({ variant, className }))}
-      {...props}
-    />
-  )
-}
-
-function ItemContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="item-content"
-      className={cn(
-        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ItemTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="item-title"
-      className={cn(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ItemDescription({ className, ...props }: React.ComponentProps<"p">) {
-  return (
-    <p
-      data-slot="item-description"
-      className={cn(
-        "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ItemActions({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="item-actions"
-      className={cn("flex items-center gap-2", className)}
-      {...props}
-    />
-  )
-}
-
-function ItemHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="item-header"
-      className={cn(
-        "flex basis-full items-center justify-between gap-2",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ItemFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="item-footer"
-      className={cn(
-        "flex basis-full items-center justify-between gap-2",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  Item,
-  ItemMedia,
-  ItemContent,
-  ItemActions,
-  ItemGroup,
-  ItemSeparator,
-  ItemTitle,
-  ItemDescription,
-  ItemHeader,
-  ItemFooter,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/kbd.tsx b/数据审核平台菜单优化/app/src/components/ui/kbd.tsx
deleted file mode 100644
index 253c69f..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/kbd.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { cn } from "@/lib/utils"
-
-function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {
-  return (
-    <kbd
-      data-slot="kbd"
-      className={cn(
-        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none",
-        "[&_svg:not([class*='size-'])]:size-3",
-        "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function KbdGroup({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <kbd
-      data-slot="kbd-group"
-      className={cn("inline-flex items-center gap-1", className)}
-      {...props}
-    />
-  )
-}
-
-export { Kbd, KbdGroup }
diff --git a/数据审核平台菜单优化/app/src/components/ui/label.tsx b/数据审核平台菜单优化/app/src/components/ui/label.tsx
deleted file mode 100644
index fb5fbc3..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/label.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
-
-import { cn } from "@/lib/utils"
-
-function Label({
-  className,
-  ...props
-}: React.ComponentProps<typeof LabelPrimitive.Root>) {
-  return (
-    <LabelPrimitive.Root
-      data-slot="label"
-      className={cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Label }
diff --git a/数据审核平台菜单优化/app/src/components/ui/menubar.tsx b/数据审核平台菜单优化/app/src/components/ui/menubar.tsx
deleted file mode 100644
index cb45a86..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/menubar.tsx
+++ /dev/null
@@ -1,274 +0,0 @@
-import * as React from "react"
-import * as MenubarPrimitive from "@radix-ui/react-menubar"
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function Menubar({
-  className,
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Root>) {
-  return (
-    <MenubarPrimitive.Root
-      data-slot="menubar"
-      className={cn(
-        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function MenubarMenu({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
-  return <MenubarPrimitive.Menu data-slot="menubar-menu" {...props} />
-}
-
-function MenubarGroup({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
-  return <MenubarPrimitive.Group data-slot="menubar-group" {...props} />
-}
-
-function MenubarPortal({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
-  return <MenubarPrimitive.Portal data-slot="menubar-portal" {...props} />
-}
-
-function MenubarRadioGroup({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
-  return (
-    <MenubarPrimitive.RadioGroup data-slot="menubar-radio-group" {...props} />
-  )
-}
-
-function MenubarTrigger({
-  className,
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {
-  return (
-    <MenubarPrimitive.Trigger
-      data-slot="menubar-trigger"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function MenubarContent({
-  className,
-  align = "start",
-  alignOffset = -4,
-  sideOffset = 8,
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Content>) {
-  return (
-    <MenubarPortal>
-      <MenubarPrimitive.Content
-        data-slot="menubar-content"
-        align={align}
-        alignOffset={alignOffset}
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
-          className
-        )}
-        {...props}
-      />
-    </MenubarPortal>
-  )
-}
-
-function MenubarItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Item> & {
-  inset?: boolean
-  variant?: "default" | "destructive"
-}) {
-  return (
-    <MenubarPrimitive.Item
-      data-slot="menubar-item"
-      data-inset={inset}
-      data-variant={variant}
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function MenubarCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {
-  return (
-    <MenubarPrimitive.CheckboxItem
-      data-slot="menubar-checkbox-item"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      checked={checked}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <MenubarPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </MenubarPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </MenubarPrimitive.CheckboxItem>
-  )
-}
-
-function MenubarRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {
-  return (
-    <MenubarPrimitive.RadioItem
-      data-slot="menubar-radio-item"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <MenubarPrimitive.ItemIndicator>
-          <CircleIcon className="size-2 fill-current" />
-        </MenubarPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </MenubarPrimitive.RadioItem>
-  )
-}
-
-function MenubarLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Label> & {
-  inset?: boolean
-}) {
-  return (
-    <MenubarPrimitive.Label
-      data-slot="menubar-label"
-      data-inset={inset}
-      className={cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function MenubarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {
-  return (
-    <MenubarPrimitive.Separator
-      data-slot="menubar-separator"
-      className={cn("bg-border -mx-1 my-1 h-px", className)}
-      {...props}
-    />
-  )
-}
-
-function MenubarShortcut({
-  className,
-  ...props
-}: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="menubar-shortcut"
-      className={cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function MenubarSub({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
-  return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />
-}
-
-function MenubarSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
-  inset?: boolean
-}) {
-  return (
-    <MenubarPrimitive.SubTrigger
-      data-slot="menubar-sub-trigger"
-      data-inset={inset}
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ml-auto h-4 w-4" />
-    </MenubarPrimitive.SubTrigger>
-  )
-}
-
-function MenubarSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {
-  return (
-    <MenubarPrimitive.SubContent
-      data-slot="menubar-sub-content"
-      className={cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  Menubar,
-  MenubarPortal,
-  MenubarMenu,
-  MenubarTrigger,
-  MenubarContent,
-  MenubarGroup,
-  MenubarSeparator,
-  MenubarLabel,
-  MenubarItem,
-  MenubarShortcut,
-  MenubarCheckboxItem,
-  MenubarRadioGroup,
-  MenubarRadioItem,
-  MenubarSub,
-  MenubarSubTrigger,
-  MenubarSubContent,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/navigation-menu.tsx b/数据审核平台菜单优化/app/src/components/ui/navigation-menu.tsx
deleted file mode 100644
index 1199945..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/navigation-menu.tsx
+++ /dev/null
@@ -1,168 +0,0 @@
-import * as React from "react"
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
-import { cva } from "class-variance-authority"
-import { ChevronDownIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function NavigationMenu({
-  className,
-  children,
-  viewport = true,
-  ...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
-  viewport?: boolean
-}) {
-  return (
-    <NavigationMenuPrimitive.Root
-      data-slot="navigation-menu"
-      data-viewport={viewport}
-      className={cn(
-        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      {viewport && <NavigationMenuViewport />}
-    </NavigationMenuPrimitive.Root>
-  )
-}
-
-function NavigationMenuList({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {
-  return (
-    <NavigationMenuPrimitive.List
-      data-slot="navigation-menu-list"
-      className={cn(
-        "group flex flex-1 list-none items-center justify-center gap-1",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function NavigationMenuItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {
-  return (
-    <NavigationMenuPrimitive.Item
-      data-slot="navigation-menu-item"
-      className={cn("relative", className)}
-      {...props}
-    />
-  )
-}
-
-const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
-)
-
-function NavigationMenuTrigger({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {
-  return (
-    <NavigationMenuPrimitive.Trigger
-      data-slot="navigation-menu-trigger"
-      className={cn(navigationMenuTriggerStyle(), "group", className)}
-      {...props}
-    >
-      {children}{" "}
-      <ChevronDownIcon
-        className="relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180"
-        aria-hidden="true"
-      />
-    </NavigationMenuPrimitive.Trigger>
-  )
-}
-
-function NavigationMenuContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {
-  return (
-    <NavigationMenuPrimitive.Content
-      data-slot="navigation-menu-content"
-      className={cn(
-        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
-        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function NavigationMenuViewport({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {
-  return (
-    <div
-      className={cn(
-        "absolute top-full left-0 isolate z-50 flex justify-center"
-      )}
-    >
-      <NavigationMenuPrimitive.Viewport
-        data-slot="navigation-menu-viewport"
-        className={cn(
-          "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
-          className
-        )}
-        {...props}
-      />
-    </div>
-  )
-}
-
-function NavigationMenuLink({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {
-  return (
-    <NavigationMenuPrimitive.Link
-      data-slot="navigation-menu-link"
-      className={cn(
-        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function NavigationMenuIndicator({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {
-  return (
-    <NavigationMenuPrimitive.Indicator
-      data-slot="navigation-menu-indicator"
-      className={cn(
-        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
-        className
-      )}
-      {...props}
-    >
-      <div className="bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" />
-    </NavigationMenuPrimitive.Indicator>
-  )
-}
-
-export {
-  NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuContent,
-  NavigationMenuTrigger,
-  NavigationMenuLink,
-  NavigationMenuIndicator,
-  NavigationMenuViewport,
-  navigationMenuTriggerStyle,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/pagination.tsx b/数据审核平台菜单优化/app/src/components/ui/pagination.tsx
deleted file mode 100644
index 1dcfb0c..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/pagination.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import * as React from "react"
-import {
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  MoreHorizontalIcon,
-} from "lucide-react"
-
-import { cn } from "@/lib/utils"
-import { buttonVariants, type Button } from "@/components/ui/button"
-
-function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
-  return (
-    <nav
-      role="navigation"
-      aria-label="pagination"
-      data-slot="pagination"
-      className={cn("mx-auto flex w-full justify-center", className)}
-      {...props}
-    />
-  )
-}
-
-function PaginationContent({
-  className,
-  ...props
-}: React.ComponentProps<"ul">) {
-  return (
-    <ul
-      data-slot="pagination-content"
-      className={cn("flex flex-row items-center gap-1", className)}
-      {...props}
-    />
-  )
-}
-
-function PaginationItem({ ...props }: React.ComponentProps<"li">) {
-  return <li data-slot="pagination-item" {...props} />
-}
-
-type PaginationLinkProps = {
-  isActive?: boolean
-} & Pick<React.ComponentProps<typeof Button>, "size"> &
-  React.ComponentProps<"a">
-
-function PaginationLink({
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}: PaginationLinkProps) {
-  return (
-    <a
-      aria-current={isActive ? "page" : undefined}
-      data-slot="pagination-link"
-      data-active={isActive}
-      className={cn(
-        buttonVariants({
-          variant: isActive ? "outline" : "ghost",
-          size,
-        }),
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function PaginationPrevious({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>) {
-  return (
-    <PaginationLink
-      aria-label="Go to previous page"
-      size="default"
-      className={cn("gap-1 px-2.5 sm:pl-2.5", className)}
-      {...props}
-    >
-      <ChevronLeftIcon />
-      <span className="hidden sm:block">Previous</span>
-    </PaginationLink>
-  )
-}
-
-function PaginationNext({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>) {
-  return (
-    <PaginationLink
-      aria-label="Go to next page"
-      size="default"
-      className={cn("gap-1 px-2.5 sm:pr-2.5", className)}
-      {...props}
-    >
-      <span className="hidden sm:block">Next</span>
-      <ChevronRightIcon />
-    </PaginationLink>
-  )
-}
-
-function PaginationEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<"span">) {
-  return (
-    <span
-      aria-hidden
-      data-slot="pagination-ellipsis"
-      className={cn("flex size-9 items-center justify-center", className)}
-      {...props}
-    >
-      <MoreHorizontalIcon className="size-4" />
-      <span className="sr-only">More pages</span>
-    </span>
-  )
-}
-
-export {
-  Pagination,
-  PaginationContent,
-  PaginationLink,
-  PaginationItem,
-  PaginationPrevious,
-  PaginationNext,
-  PaginationEllipsis,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/popover.tsx b/数据审核平台菜单优化/app/src/components/ui/popover.tsx
deleted file mode 100644
index 01e468b..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/popover.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as PopoverPrimitive from "@radix-ui/react-popover"
-
-import { cn } from "@/lib/utils"
-
-function Popover({
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
-  return <PopoverPrimitive.Root data-slot="popover" {...props} />
-}
-
-function PopoverTrigger({
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
-  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
-}
-
-function PopoverContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
-  return (
-    <PopoverPrimitive.Portal>
-      <PopoverPrimitive.Content
-        data-slot="popover-content"
-        align={align}
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-          className
-        )}
-        {...props}
-      />
-    </PopoverPrimitive.Portal>
-  )
-}
-
-function PopoverAnchor({
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
-  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
-}
-
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
diff --git a/数据审核平台菜单优化/app/src/components/ui/progress.tsx b/数据审核平台菜单优化/app/src/components/ui/progress.tsx
deleted file mode 100644
index 10af7e6..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/progress.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import * as React from "react"
-import * as ProgressPrimitive from "@radix-ui/react-progress"
-
-import { cn } from "@/lib/utils"
-
-function Progress({
-  className,
-  value,
-  ...props
-}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
-  return (
-    <ProgressPrimitive.Root
-      data-slot="progress"
-      className={cn(
-        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
-        className
-      )}
-      {...props}
-    >
-      <ProgressPrimitive.Indicator
-        data-slot="progress-indicator"
-        className="bg-primary h-full w-full flex-1 transition-all"
-        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
-      />
-    </ProgressPrimitive.Root>
-  )
-}
-
-export { Progress }
diff --git a/数据审核平台菜单优化/app/src/components/ui/radio-group.tsx b/数据审核平台菜单优化/app/src/components/ui/radio-group.tsx
deleted file mode 100644
index 5e6778c..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/radio-group.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
-import { CircleIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function RadioGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {
-  return (
-    <RadioGroupPrimitive.Root
-      data-slot="radio-group"
-      className={cn("grid gap-3", className)}
-      {...props}
-    />
-  )
-}
-
-function RadioGroupItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {
-  return (
-    <RadioGroupPrimitive.Item
-      data-slot="radio-group-item"
-      className={cn(
-        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )}
-      {...props}
-    >
-      <RadioGroupPrimitive.Indicator
-        data-slot="radio-group-indicator"
-        className="relative flex items-center justify-center"
-      >
-        <CircleIcon className="fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" />
-      </RadioGroupPrimitive.Indicator>
-    </RadioGroupPrimitive.Item>
-  )
-}
-
-export { RadioGroup, RadioGroupItem }
diff --git a/数据审核平台菜单优化/app/src/components/ui/resizable.tsx b/数据审核平台菜单优化/app/src/components/ui/resizable.tsx
deleted file mode 100644
index b9432bd..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/resizable.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import * as React from "react"
-import { GripVerticalIcon } from "lucide-react"
-import * as ResizablePrimitive from "react-resizable-panels"
-
-import { cn } from "@/lib/utils"
-
-function ResizablePanelGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof ResizablePrimitive.Group>) {
-  return (
-    <ResizablePrimitive.Group
-      data-slot="resizable-panel-group"
-      className={cn(
-        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ResizablePanel({
-  ...props
-}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {
-  return <ResizablePrimitive.Panel data-slot="resizable-panel" {...props} />
-}
-
-function ResizableHandle({
-  withHandle,
-  className,
-  ...props
-}: React.ComponentProps<typeof ResizablePrimitive.Separator> & {
-  withHandle?: boolean
-}) {
-  return (
-    <ResizablePrimitive.Separator
-      data-slot="resizable-handle"
-      className={cn(
-        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
-        className
-      )}
-      {...props}
-    >
-      {withHandle && (
-        <div className="bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border">
-          <GripVerticalIcon className="size-2.5" />
-        </div>
-      )}
-    </ResizablePrimitive.Separator>
-  )
-}
-
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
diff --git a/数据审核平台菜单优化/app/src/components/ui/scroll-area.tsx b/数据审核平台菜单优化/app/src/components/ui/scroll-area.tsx
deleted file mode 100644
index 8e4fa13..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/scroll-area.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
-
-import { cn } from "@/lib/utils"
-
-function ScrollArea({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
-  return (
-    <ScrollAreaPrimitive.Root
-      data-slot="scroll-area"
-      className={cn("relative", className)}
-      {...props}
-    >
-      <ScrollAreaPrimitive.Viewport
-        data-slot="scroll-area-viewport"
-        className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
-      >
-        {children}
-      </ScrollAreaPrimitive.Viewport>
-      <ScrollBar />
-      <ScrollAreaPrimitive.Corner />
-    </ScrollAreaPrimitive.Root>
-  )
-}
-
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {
-  return (
-    <ScrollAreaPrimitive.ScrollAreaScrollbar
-      data-slot="scroll-area-scrollbar"
-      orientation={orientation}
-      className={cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" &&
-          "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" &&
-          "h-2.5 flex-col border-t border-t-transparent",
-        className
-      )}
-      {...props}
-    >
-      <ScrollAreaPrimitive.ScrollAreaThumb
-        data-slot="scroll-area-thumb"
-        className="bg-border relative flex-1 rounded-full"
-      />
-    </ScrollAreaPrimitive.ScrollAreaScrollbar>
-  )
-}
-
-export { ScrollArea, ScrollBar }
diff --git a/数据审核平台菜单优化/app/src/components/ui/select.tsx b/数据审核平台菜单优化/app/src/components/ui/select.tsx
deleted file mode 100644
index b8aab97..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/select.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import * as React from "react"
-import * as SelectPrimitive from "@radix-ui/react-select"
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function Select({
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Root>) {
-  return <SelectPrimitive.Root data-slot="select" {...props} />
-}
-
-function SelectGroup({
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Group>) {
-  return <SelectPrimitive.Group data-slot="select-group" {...props} />
-}
-
-function SelectValue({
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Value>) {
-  return <SelectPrimitive.Value data-slot="select-value" {...props} />
-}
-
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-  size?: "sm" | "default"
-}) {
-  return (
-    <SelectPrimitive.Trigger
-      data-slot="select-trigger"
-      data-size={size}
-      className={cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <SelectPrimitive.Icon asChild>
-        <ChevronDownIcon className="size-4 opacity-50" />
-      </SelectPrimitive.Icon>
-    </SelectPrimitive.Trigger>
-  )
-}
-
-function SelectContent({
-  className,
-  children,
-  position = "item-aligned",
-  align = "center",
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Content>) {
-  return (
-    <SelectPrimitive.Portal>
-      <SelectPrimitive.Content
-        data-slot="select-content"
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-          position === "popper" &&
-            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-          className
-        )}
-        position={position}
-        align={align}
-        {...props}
-      >
-        <SelectScrollUpButton />
-        <SelectPrimitive.Viewport
-          className={cn(
-            "p-1",
-            position === "popper" &&
-              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-          )}
-        >
-          {children}
-        </SelectPrimitive.Viewport>
-        <SelectScrollDownButton />
-      </SelectPrimitive.Content>
-    </SelectPrimitive.Portal>
-  )
-}
-
-function SelectLabel({
-  className,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Label>) {
-  return (
-    <SelectPrimitive.Label
-      data-slot="select-label"
-      className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
-      {...props}
-    />
-  )
-}
-
-function SelectItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Item>) {
-  return (
-    <SelectPrimitive.Item
-      data-slot="select-item"
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
-      )}
-      {...props}
-    >
-      <span
-        data-slot="select-item-indicator"
-        className="absolute right-2 flex size-3.5 items-center justify-center"
-      >
-        <SelectPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </SelectPrimitive.ItemIndicator>
-      </span>
-      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-    </SelectPrimitive.Item>
-  )
-}
-
-function SelectSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
-  return (
-    <SelectPrimitive.Separator
-      data-slot="select-separator"
-      className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
-      {...props}
-    />
-  )
-}
-
-function SelectScrollUpButton({
-  className,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
-  return (
-    <SelectPrimitive.ScrollUpButton
-      data-slot="select-scroll-up-button"
-      className={cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )}
-      {...props}
-    >
-      <ChevronUpIcon className="size-4" />
-    </SelectPrimitive.ScrollUpButton>
-  )
-}
-
-function SelectScrollDownButton({
-  className,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
-  return (
-    <SelectPrimitive.ScrollDownButton
-      data-slot="select-scroll-down-button"
-      className={cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )}
-      {...props}
-    >
-      <ChevronDownIcon className="size-4" />
-    </SelectPrimitive.ScrollDownButton>
-  )
-}
-
-export {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/separator.tsx b/数据审核平台菜单优化/app/src/components/ui/separator.tsx
deleted file mode 100644
index 275381c..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/separator.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SeparatorPrimitive from "@radix-ui/react-separator"
-
-import { cn } from "@/lib/utils"
-
-function Separator({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
-  return (
-    <SeparatorPrimitive.Root
-      data-slot="separator"
-      decorative={decorative}
-      orientation={orientation}
-      className={cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Separator }
diff --git a/数据审核平台菜单优化/app/src/components/ui/sheet.tsx b/数据审核平台菜单优化/app/src/components/ui/sheet.tsx
deleted file mode 100644
index 6906f5b..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/sheet.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import * as React from "react"
-import * as SheetPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
-  return <SheetPrimitive.Root data-slot="sheet" {...props} />
-}
-
-function SheetTrigger({
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
-  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
-}
-
-function SheetClose({
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Close>) {
-  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
-}
-
-function SheetPortal({
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
-  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
-}
-
-function SheetOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
-  return (
-    <SheetPrimitive.Overlay
-      data-slot="sheet-overlay"
-      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Content> & {
-  side?: "top" | "right" | "bottom" | "left"
-}) {
-  return (
-    <SheetPortal>
-      <SheetOverlay />
-      <SheetPrimitive.Content
-        data-slot="sheet-content"
-        className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          side === "right" &&
-            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-          side === "left" &&
-            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-          side === "top" &&
-            "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
-          side === "bottom" &&
-            "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
-          <XIcon className="size-4" />
-          <span className="sr-only">Close</span>
-        </SheetPrimitive.Close>
-      </SheetPrimitive.Content>
-    </SheetPortal>
-  )
-}
-
-function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="sheet-header"
-      className={cn("flex flex-col gap-1.5 p-4", className)}
-      {...props}
-    />
-  )
-}
-
-function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="sheet-footer"
-      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
-      {...props}
-    />
-  )
-}
-
-function SheetTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Title>) {
-  return (
-    <SheetPrimitive.Title
-      data-slot="sheet-title"
-      className={cn("text-foreground font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function SheetDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Description>) {
-  return (
-    <SheetPrimitive.Description
-      data-slot="sheet-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Sheet,
-  SheetTrigger,
-  SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/sidebar.tsx b/数据审核平台菜单优化/app/src/components/ui/sidebar.tsx
deleted file mode 100644
index 30638ac..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/sidebar.tsx
+++ /dev/null
@@ -1,726 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-import { PanelLeftIcon } from "lucide-react"
-
-import { useIsMobile } from "@/hooks/use-mobile"
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Separator } from "@/components/ui/separator"
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-} from "@/components/ui/sheet"
-import { Skeleton } from "@/components/ui/skeleton"
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip"
-
-const SIDEBAR_COOKIE_NAME = "sidebar_state"
-const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
-const SIDEBAR_WIDTH = "16rem"
-const SIDEBAR_WIDTH_MOBILE = "18rem"
-const SIDEBAR_WIDTH_ICON = "3rem"
-const SIDEBAR_KEYBOARD_SHORTCUT = "b"
-
-type SidebarContextProps = {
-  state: "expanded" | "collapsed"
-  open: boolean
-  setOpen: (open: boolean) => void
-  openMobile: boolean
-  setOpenMobile: (open: boolean) => void
-  isMobile: boolean
-  toggleSidebar: () => void
-}
-
-const SidebarContext = React.createContext<SidebarContextProps | null>(null)
-
-function useSidebar() {
-  const context = React.useContext(SidebarContext)
-  if (!context) {
-    throw new Error("useSidebar must be used within a SidebarProvider.")
-  }
-
-  return context
-}
-
-function SidebarProvider({
-  defaultOpen = true,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  className,
-  style,
-  children,
-  ...props
-}: React.ComponentProps<"div"> & {
-  defaultOpen?: boolean
-  open?: boolean
-  onOpenChange?: (open: boolean) => void
-}) {
-  const isMobile = useIsMobile()
-  const [openMobile, setOpenMobile] = React.useState(false)
-
-  // This is the internal state of the sidebar.
-  // We use openProp and setOpenProp for control from outside the component.
-  const [_open, _setOpen] = React.useState(defaultOpen)
-  const open = openProp ?? _open
-  const setOpen = React.useCallback(
-    (value: boolean | ((value: boolean) => boolean)) => {
-      const openState = typeof value === "function" ? value(open) : value
-      if (setOpenProp) {
-        setOpenProp(openState)
-      } else {
-        _setOpen(openState)
-      }
-
-      // This sets the cookie to keep the sidebar state.
-      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
-    },
-    [setOpenProp, open]
-  )
-
-  // Helper to toggle the sidebar.
-  const toggleSidebar = React.useCallback(() => {
-    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)
-  }, [isMobile, setOpen, setOpenMobile])
-
-  // Adds a keyboard shortcut to toggle the sidebar.
-  React.useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (
-        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
-        (event.metaKey || event.ctrlKey)
-      ) {
-        event.preventDefault()
-        toggleSidebar()
-      }
-    }
-
-    window.addEventListener("keydown", handleKeyDown)
-    return () => window.removeEventListener("keydown", handleKeyDown)
-  }, [toggleSidebar])
-
-  // We add a state so that we can do data-state="expanded" or "collapsed".
-  // This makes it easier to style the sidebar with Tailwind classes.
-  const state = open ? "expanded" : "collapsed"
-
-  const contextValue = React.useMemo<SidebarContextProps>(
-    () => ({
-      state,
-      open,
-      setOpen,
-      isMobile,
-      openMobile,
-      setOpenMobile,
-      toggleSidebar,
-    }),
-    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
-  )
-
-  return (
-    <SidebarContext.Provider value={contextValue}>
-      <TooltipProvider delayDuration={0}>
-        <div
-          data-slot="sidebar-wrapper"
-          style={
-            {
-              "--sidebar-width": SIDEBAR_WIDTH,
-              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-              ...style,
-            } as React.CSSProperties
-          }
-          className={cn(
-            "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
-            className
-          )}
-          {...props}
-        >
-          {children}
-        </div>
-      </TooltipProvider>
-    </SidebarContext.Provider>
-  )
-}
-
-function Sidebar({
-  side = "left",
-  variant = "sidebar",
-  collapsible = "offcanvas",
-  className,
-  children,
-  ...props
-}: React.ComponentProps<"div"> & {
-  side?: "left" | "right"
-  variant?: "sidebar" | "floating" | "inset"
-  collapsible?: "offcanvas" | "icon" | "none"
-}) {
-  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
-
-  if (collapsible === "none") {
-    return (
-      <div
-        data-slot="sidebar"
-        className={cn(
-          "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
-          className
-        )}
-        {...props}
-      >
-        {children}
-      </div>
-    )
-  }
-
-  if (isMobile) {
-    return (
-      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
-        <SheetContent
-          data-sidebar="sidebar"
-          data-slot="sidebar"
-          data-mobile="true"
-          className="bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden"
-          style={
-            {
-              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
-            } as React.CSSProperties
-          }
-          side={side}
-        >
-          <SheetHeader className="sr-only">
-            <SheetTitle>Sidebar</SheetTitle>
-            <SheetDescription>Displays the mobile sidebar.</SheetDescription>
-          </SheetHeader>
-          <div className="flex h-full w-full flex-col">{children}</div>
-        </SheetContent>
-      </Sheet>
-    )
-  }
-
-  return (
-    <div
-      className="group peer text-sidebar-foreground hidden md:block"
-      data-state={state}
-      data-collapsible={state === "collapsed" ? collapsible : ""}
-      data-variant={variant}
-      data-side={side}
-      data-slot="sidebar"
-    >
-      {/* This is what handles the sidebar gap on desktop */}
-      <div
-        data-slot="sidebar-gap"
-        className={cn(
-          "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
-          "group-data-[collapsible=offcanvas]:w-0",
-          "group-data-[side=right]:rotate-180",
-          variant === "floating" || variant === "inset"
-            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
-            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
-        )}
-      />
-      <div
-        data-slot="sidebar-container"
-        className={cn(
-          "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
-          side === "left"
-            ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
-            : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-          // Adjust the padding for floating and inset variants.
-          variant === "floating" || variant === "inset"
-            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
-            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
-          className
-        )}
-        {...props}
-      >
-        <div
-          data-sidebar="sidebar"
-          data-slot="sidebar-inner"
-          className="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
-        >
-          {children}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-function SidebarTrigger({
-  className,
-  onClick,
-  ...props
-}: React.ComponentProps<typeof Button>) {
-  const { toggleSidebar } = useSidebar()
-
-  return (
-    <Button
-      data-sidebar="trigger"
-      data-slot="sidebar-trigger"
-      variant="ghost"
-      size="icon"
-      className={cn("size-7", className)}
-      onClick={(event) => {
-        onClick?.(event)
-        toggleSidebar()
-      }}
-      {...props}
-    >
-      <PanelLeftIcon />
-      <span className="sr-only">Toggle Sidebar</span>
-    </Button>
-  )
-}
-
-function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
-  const { toggleSidebar } = useSidebar()
-
-  return (
-    <button
-      data-sidebar="rail"
-      data-slot="sidebar-rail"
-      aria-label="Toggle Sidebar"
-      tabIndex={-1}
-      onClick={toggleSidebar}
-      title="Toggle Sidebar"
-      className={cn(
-        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
-        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
-        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
-        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
-  return (
-    <main
-      data-slot="sidebar-inset"
-      className={cn(
-        "bg-background relative flex w-full flex-1 flex-col",
-        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function SidebarInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Input>) {
-  return (
-    <Input
-      data-slot="sidebar-input"
-      data-sidebar="input"
-      className={cn("bg-background h-8 w-full shadow-none", className)}
-      {...props}
-    />
-  )
-}
-
-function SidebarHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="sidebar-header"
-      data-sidebar="header"
-      className={cn("flex flex-col gap-2 p-2", className)}
-      {...props}
-    />
-  )
-}
-
-function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="sidebar-footer"
-      data-sidebar="footer"
-      className={cn("flex flex-col gap-2 p-2", className)}
-      {...props}
-    />
-  )
-}
-
-function SidebarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>) {
-  return (
-    <Separator
-      data-slot="sidebar-separator"
-      data-sidebar="separator"
-      className={cn("bg-sidebar-border mx-2 w-auto", className)}
-      {...props}
-    />
-  )
-}
-
-function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="sidebar-content"
-      data-sidebar="content"
-      className={cn(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="sidebar-group"
-      data-sidebar="group"
-      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
-      {...props}
-    />
-  )
-}
-
-function SidebarGroupLabel({
-  className,
-  asChild = false,
-  ...props
-}: React.ComponentProps<"div"> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "div"
-
-  return (
-    <Comp
-      data-slot="sidebar-group-label"
-      data-sidebar="group-label"
-      className={cn(
-        "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function SidebarGroupAction({
-  className,
-  asChild = false,
-  ...props
-}: React.ComponentProps<"button"> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "button"
-
-  return (
-    <Comp
-      data-slot="sidebar-group-action"
-      data-sidebar="group-action"
-      className={cn(
-        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 md:after:hidden",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function SidebarGroupContent({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="sidebar-group-content"
-      data-sidebar="group-content"
-      className={cn("w-full text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
-  return (
-    <ul
-      data-slot="sidebar-menu"
-      data-sidebar="menu"
-      className={cn("flex w-full min-w-0 flex-col gap-1", className)}
-      {...props}
-    />
-  )
-}
-
-function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
-  return (
-    <li
-      data-slot="sidebar-menu-item"
-      data-sidebar="menu-item"
-      className={cn("group/menu-item relative", className)}
-      {...props}
-    />
-  )
-}
-
-const sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-        outline:
-          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
-      },
-      size: {
-        default: "h-8 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-function SidebarMenuButton({
-  asChild = false,
-  isActive = false,
-  variant = "default",
-  size = "default",
-  tooltip,
-  className,
-  ...props
-}: React.ComponentProps<"button"> & {
-  asChild?: boolean
-  isActive?: boolean
-  tooltip?: string | React.ComponentProps<typeof TooltipContent>
-} & VariantProps<typeof sidebarMenuButtonVariants>) {
-  const Comp = asChild ? Slot : "button"
-  const { isMobile, state } = useSidebar()
-
-  const button = (
-    <Comp
-      data-slot="sidebar-menu-button"
-      data-sidebar="menu-button"
-      data-size={size}
-      data-active={isActive}
-      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
-      {...props}
-    />
-  )
-
-  if (!tooltip) {
-    return button
-  }
-
-  if (typeof tooltip === "string") {
-    tooltip = {
-      children: tooltip,
-    }
-  }
-
-  return (
-    <Tooltip>
-      <TooltipTrigger asChild>{button}</TooltipTrigger>
-      <TooltipContent
-        side="right"
-        align="center"
-        hidden={state !== "collapsed" || isMobile}
-        {...tooltip}
-      />
-    </Tooltip>
-  )
-}
-
-function SidebarMenuAction({
-  className,
-  asChild = false,
-  showOnHover = false,
-  ...props
-}: React.ComponentProps<"button"> & {
-  asChild?: boolean
-  showOnHover?: boolean
-}) {
-  const Comp = asChild ? Slot : "button"
-
-  return (
-    <Comp
-      data-slot="sidebar-menu-action"
-      data-sidebar="menu-action"
-      className={cn(
-        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 md:after:hidden",
-        "peer-data-[size=sm]/menu-button:top-1",
-        "peer-data-[size=default]/menu-button:top-1.5",
-        "peer-data-[size=lg]/menu-button:top-2.5",
-        "group-data-[collapsible=icon]:hidden",
-        showOnHover &&
-          "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function SidebarMenuBadge({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="sidebar-menu-badge"
-      data-sidebar="menu-badge"
-      className={cn(
-        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
-        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
-        "peer-data-[size=sm]/menu-button:top-1",
-        "peer-data-[size=default]/menu-button:top-1.5",
-        "peer-data-[size=lg]/menu-button:top-2.5",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function SidebarMenuSkeleton({
-  className,
-  showIcon = false,
-  ...props
-}: React.ComponentProps<"div"> & {
-  showIcon?: boolean
-}) {
-  // Random width between 50 to 90%.
-  const width = React.useMemo(() => {
-    return `${Math.floor(Math.random() * 40) + 50}%`
-  }, [])
-
-  return (
-    <div
-      data-slot="sidebar-menu-skeleton"
-      data-sidebar="menu-skeleton"
-      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
-      {...props}
-    >
-      {showIcon && (
-        <Skeleton
-          className="size-4 rounded-md"
-          data-sidebar="menu-skeleton-icon"
-        />
-      )}
-      <Skeleton
-        className="h-4 max-w-(--skeleton-width) flex-1"
-        data-sidebar="menu-skeleton-text"
-        style={
-          {
-            "--skeleton-width": width,
-          } as React.CSSProperties
-        }
-      />
-    </div>
-  )
-}
-
-function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
-  return (
-    <ul
-      data-slot="sidebar-menu-sub"
-      data-sidebar="menu-sub"
-      className={cn(
-        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function SidebarMenuSubItem({
-  className,
-  ...props
-}: React.ComponentProps<"li">) {
-  return (
-    <li
-      data-slot="sidebar-menu-sub-item"
-      data-sidebar="menu-sub-item"
-      className={cn("group/menu-sub-item relative", className)}
-      {...props}
-    />
-  )
-}
-
-function SidebarMenuSubButton({
-  asChild = false,
-  size = "md",
-  isActive = false,
-  className,
-  ...props
-}: React.ComponentProps<"a"> & {
-  asChild?: boolean
-  size?: "sm" | "md"
-  isActive?: boolean
-}) {
-  const Comp = asChild ? Slot : "a"
-
-  return (
-    <Comp
-      data-slot="sidebar-menu-sub-button"
-      data-sidebar="menu-sub-button"
-      data-size={size}
-      data-active={isActive}
-      className={cn(
-        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
-        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
-        size === "sm" && "text-xs",
-        size === "md" && "text-sm",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  Sidebar,
-  SidebarContent,
-  SidebarFooter,
-  SidebarGroup,
-  SidebarGroupAction,
-  SidebarGroupContent,
-  SidebarGroupLabel,
-  SidebarHeader,
-  SidebarInput,
-  SidebarInset,
-  SidebarMenu,
-  SidebarMenuAction,
-  SidebarMenuBadge,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  SidebarMenuSkeleton,
-  SidebarMenuSub,
-  SidebarMenuSubButton,
-  SidebarMenuSubItem,
-  SidebarProvider,
-  SidebarRail,
-  SidebarSeparator,
-  SidebarTrigger,
-  useSidebar,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/skeleton.tsx b/数据审核平台菜单优化/app/src/components/ui/skeleton.tsx
deleted file mode 100644
index 32ea0ef..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/skeleton.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { cn } from "@/lib/utils"
-
-function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="skeleton"
-      className={cn("bg-accent animate-pulse rounded-md", className)}
-      {...props}
-    />
-  )
-}
-
-export { Skeleton }
diff --git a/数据审核平台菜单优化/app/src/components/ui/slider.tsx b/数据审核平台菜单优化/app/src/components/ui/slider.tsx
deleted file mode 100644
index 1a1bd73..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/slider.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SliderPrimitive from "@radix-ui/react-slider"
-
-import { cn } from "@/lib/utils"
-
-function Slider({
-  className,
-  defaultValue,
-  value,
-  min = 0,
-  max = 100,
-  ...props
-}: React.ComponentProps<typeof SliderPrimitive.Root>) {
-  const _values = React.useMemo(
-    () =>
-      Array.isArray(value)
-        ? value
-        : Array.isArray(defaultValue)
-          ? defaultValue
-          : [min, max],
-    [value, defaultValue, min, max]
-  )
-
-  return (
-    <SliderPrimitive.Root
-      data-slot="slider"
-      defaultValue={defaultValue}
-      value={value}
-      min={min}
-      max={max}
-      className={cn(
-        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-        className
-      )}
-      {...props}
-    >
-      <SliderPrimitive.Track
-        data-slot="slider-track"
-        className={cn(
-          "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
-        )}
-      >
-        <SliderPrimitive.Range
-          data-slot="slider-range"
-          className={cn(
-            "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
-          )}
-        />
-      </SliderPrimitive.Track>
-      {Array.from({ length: _values.length }, (_, index) => (
-        <SliderPrimitive.Thumb
-          data-slot="slider-thumb"
-          key={index}
-          className="border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
-        />
-      ))}
-    </SliderPrimitive.Root>
-  )
-}
-
-export { Slider }
diff --git a/数据审核平台菜单优化/app/src/components/ui/sonner.tsx b/数据审核平台菜单优化/app/src/components/ui/sonner.tsx
deleted file mode 100644
index 9f46e06..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/sonner.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import {
-  CircleCheckIcon,
-  InfoIcon,
-  Loader2Icon,
-  OctagonXIcon,
-  TriangleAlertIcon,
-} from "lucide-react"
-import { useTheme } from "next-themes"
-import { Toaster as Sonner, type ToasterProps } from "sonner"
-
-const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme()
-
-  return (
-    <Sonner
-      theme={theme as ToasterProps["theme"]}
-      className="toaster group"
-      icons={{
-        success: <CircleCheckIcon className="size-4" />,
-        info: <InfoIcon className="size-4" />,
-        warning: <TriangleAlertIcon className="size-4" />,
-        error: <OctagonXIcon className="size-4" />,
-        loading: <Loader2Icon className="size-4 animate-spin" />,
-      }}
-      style={
-        {
-          "--normal-bg": "var(--popover)",
-          "--normal-text": "var(--popover-foreground)",
-          "--normal-border": "var(--border)",
-          "--border-radius": "var(--radius)",
-        } as React.CSSProperties
-      }
-      {...props}
-    />
-  )
-}
-
-export { Toaster }
diff --git a/数据审核平台菜单优化/app/src/components/ui/spinner.tsx b/数据审核平台菜单优化/app/src/components/ui/spinner.tsx
deleted file mode 100644
index a70e713..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/spinner.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Loader2Icon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
-  return (
-    <Loader2Icon
-      role="status"
-      aria-label="Loading"
-      className={cn("size-4 animate-spin", className)}
-      {...props}
-    />
-  )
-}
-
-export { Spinner }
diff --git a/数据审核平台菜单优化/app/src/components/ui/switch.tsx b/数据审核平台菜单优化/app/src/components/ui/switch.tsx
deleted file mode 100644
index 6a2b524..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/switch.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SwitchPrimitive from "@radix-ui/react-switch"
-
-import { cn } from "@/lib/utils"
-
-function Switch({
-  className,
-  ...props
-}: React.ComponentProps<typeof SwitchPrimitive.Root>) {
-  return (
-    <SwitchPrimitive.Root
-      data-slot="switch"
-      className={cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )}
-      {...props}
-    >
-      <SwitchPrimitive.Thumb
-        data-slot="switch-thumb"
-        className={cn(
-          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
-        )}
-      />
-    </SwitchPrimitive.Root>
-  )
-}
-
-export { Switch }
diff --git a/数据审核平台菜单优化/app/src/components/ui/table.tsx b/数据审核平台菜单优化/app/src/components/ui/table.tsx
deleted file mode 100644
index 5513a5c..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/table.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function Table({ className, ...props }: React.ComponentProps<"table">) {
-  return (
-    <div
-      data-slot="table-container"
-      className="relative w-full overflow-x-auto"
-    >
-      <table
-        data-slot="table"
-        className={cn("w-full caption-bottom text-sm", className)}
-        {...props}
-      />
-    </div>
-  )
-}
-
-function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
-  return (
-    <thead
-      data-slot="table-header"
-      className={cn("[&_tr]:border-b", className)}
-      {...props}
-    />
-  )
-}
-
-function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
-  return (
-    <tbody
-      data-slot="table-body"
-      className={cn("[&_tr:last-child]:border-0", className)}
-      {...props}
-    />
-  )
-}
-
-function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
-  return (
-    <tfoot
-      data-slot="table-footer"
-      className={cn(
-        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
-  return (
-    <tr
-      data-slot="table-row"
-      className={cn(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableHead({ className, ...props }: React.ComponentProps<"th">) {
-  return (
-    <th
-      data-slot="table-head"
-      className={cn(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableCell({ className, ...props }: React.ComponentProps<"td">) {
-  return (
-    <td
-      data-slot="table-cell"
-      className={cn(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableCaption({
-  className,
-  ...props
-}: React.ComponentProps<"caption">) {
-  return (
-    <caption
-      data-slot="table-caption"
-      className={cn("text-muted-foreground mt-4 text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-}
diff --git a/数据审核平台菜单优化/app/src/components/ui/tabs.tsx b/数据审核平台菜单优化/app/src/components/ui/tabs.tsx
deleted file mode 100644
index 497ba5e..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/tabs.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
-
-import { cn } from "@/lib/utils"
-
-function Tabs({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsPrimitive.Root>) {
-  return (
-    <TabsPrimitive.Root
-      data-slot="tabs"
-      className={cn("flex flex-col gap-2", className)}
-      {...props}
-    />
-  )
-}
-
-function TabsList({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsPrimitive.List>) {
-  return (
-    <TabsPrimitive.List
-      data-slot="tabs-list"
-      className={cn(
-        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TabsTrigger({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
-  return (
-    <TabsPrimitive.Trigger
-      data-slot="tabs-trigger"
-      className={cn(
-        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TabsContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsPrimitive.Content>) {
-  return (
-    <TabsPrimitive.Content
-      data-slot="tabs-content"
-      className={cn("flex-1 outline-none", className)}
-      {...props}
-    />
-  )
-}
-
-export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/数据审核平台菜单优化/app/src/components/ui/textarea.tsx b/数据审核平台菜单优化/app/src/components/ui/textarea.tsx
deleted file mode 100644
index 7f21b5e..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/textarea.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
-  return (
-    <textarea
-      data-slot="textarea"
-      className={cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Textarea }
diff --git a/数据审核平台菜单优化/app/src/components/ui/toggle-group.tsx b/数据审核平台菜单优化/app/src/components/ui/toggle-group.tsx
deleted file mode 100644
index 063a293..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/toggle-group.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import * as React from "react"
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
-import { type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-import { toggleVariants } from "@/components/ui/toggle"
-
-const ToggleGroupContext = React.createContext<
-  VariantProps<typeof toggleVariants> & {
-    spacing?: number
-  }
->({
-  size: "default",
-  variant: "default",
-  spacing: 0,
-})
-
-function ToggleGroup({
-  className,
-  variant,
-  size,
-  spacing = 0,
-  children,
-  ...props
-}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &
-  VariantProps<typeof toggleVariants> & {
-    spacing?: number
-  }) {
-  return (
-    <ToggleGroupPrimitive.Root
-      data-slot="toggle-group"
-      data-variant={variant}
-      data-size={size}
-      data-spacing={spacing}
-      style={{ "--gap": spacing } as React.CSSProperties}
-      className={cn(
-        "group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs",
-        className
-      )}
-      {...props}
-    >
-      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>
-        {children}
-      </ToggleGroupContext.Provider>
-    </ToggleGroupPrimitive.Root>
-  )
-}
-
-function ToggleGroupItem({
-  className,
-  children,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &
-  VariantProps<typeof toggleVariants>) {
-  const context = React.useContext(ToggleGroupContext)
-
-  return (
-    <ToggleGroupPrimitive.Item
-      data-slot="toggle-group-item"
-      data-variant={context.variant || variant}
-      data-size={context.size || size}
-      data-spacing={context.spacing}
-      className={cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size,
-        }),
-        "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10",
-        "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l",
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </ToggleGroupPrimitive.Item>
-  )
-}
-
-export { ToggleGroup, ToggleGroupItem }
diff --git a/数据审核平台菜单优化/app/src/components/ui/toggle.tsx b/数据审核平台菜单优化/app/src/components/ui/toggle.tsx
deleted file mode 100644
index b966221..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/toggle.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import * as React from "react"
-import * as TogglePrimitive from "@radix-ui/react-toggle"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline:
-          "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
-      },
-      size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-function Toggle({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof TogglePrimitive.Root> &
-  VariantProps<typeof toggleVariants>) {
-  return (
-    <TogglePrimitive.Root
-      data-slot="toggle"
-      className={cn(toggleVariants({ variant, size, className }))}
-      {...props}
-    />
-  )
-}
-
-export { Toggle, toggleVariants }
diff --git a/数据审核平台菜单优化/app/src/components/ui/tooltip.tsx b/数据审核平台菜单优化/app/src/components/ui/tooltip.tsx
deleted file mode 100644
index a4e90d4..0000000
--- a/数据审核平台菜单优化/app/src/components/ui/tooltip.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
-
-import { cn } from "@/lib/utils"
-
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
-  return (
-    <TooltipPrimitive.Provider
-      data-slot="tooltip-provider"
-      delayDuration={delayDuration}
-      {...props}
-    />
-  )
-}
-
-function Tooltip({
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
-  return (
-    <TooltipProvider>
-      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
-    </TooltipProvider>
-  )
-}
-
-function TooltipTrigger({
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
-  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
-}
-
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
-  return (
-    <TooltipPrimitive.Portal>
-      <TooltipPrimitive.Content
-        data-slot="tooltip-content"
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
-      </TooltipPrimitive.Content>
-    </TooltipPrimitive.Portal>
-  )
-}
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/数据审核平台菜单优化/app/src/hooks/use-mobile.ts b/数据审核平台菜单优化/app/src/hooks/use-mobile.ts
deleted file mode 100644
index 2b0fe1d..0000000
--- a/数据审核平台菜单优化/app/src/hooks/use-mobile.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from "react"
-
-const MOBILE_BREAKPOINT = 768
-
-export function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
-
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    }
-    mql.addEventListener("change", onChange)
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    return () => mql.removeEventListener("change", onChange)
-  }, [])
-
-  return !!isMobile
-}
diff --git a/数据审核平台菜单优化/app/src/hooks/useAuth.tsx b/数据审核平台菜单优化/app/src/hooks/useAuth.tsx
deleted file mode 100644
index 47b64bc..0000000
--- a/数据审核平台菜单优化/app/src/hooks/useAuth.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-import { createContext, useContext, useState, useCallback, useMemo } from 'react';
-import { menuItems, currentUser as defaultUser } from '@/lib/mock';
-
-export type UserRole = 'admin' | 'dba' | 'developer' | 'guest';
-
-export interface AuthUser {
-  id: number;
-  username: string;
-  email: string;
-  role: UserRole;
-  roleName: string;
-  avatar: string;
-}
-
-interface AuthContextType {
-  user: AuthUser;
-  isLoggedIn: boolean;
-  login: (username: string, password: string) => Promise<boolean>;
-  logout: () => void;
-  switchRole: (role: UserRole) => void;
-  hasPermission: (menuId: string) => boolean;
-  visibleMenuItems: typeof menuItems;
-  isAdmin: boolean;
-  isDBA: boolean;
-  isDeveloper: boolean;
-  isGuest: boolean;
-}
-
-const roleNameMap: Record<UserRole, string> = {
-  admin: '超级管理员',
-  dba: '数据库管理员',
-  developer: '开发人员',
-  guest: '访客',
-};
-
-const routePermissionMap: Record<string, UserRole[]> = {
-  dashboard: ['admin', 'dba', 'developer', 'guest'],
-  mysql: ['admin', 'dba'],
-  postgres: ['admin', 'dba'],
-  redis: ['admin', 'dba'],
-  mongo: ['admin', 'dba'],
-  clickhouse: ['admin', 'dba'],
-  tickets: ['admin', 'dba', 'developer'],
-  queries: ['admin', 'dba', 'developer', 'guest'],
-  roles: ['admin'],
-  users: ['admin'],
-  'data-permission': ['admin', 'dba'],
-  'audit-rules': ['admin', 'dba'],
-  workflow: ['admin', 'dba'],
-  'auto-task': ['admin'],
-  announcement: ['admin'],
-  'config-platform': ['admin'],
-  notifications: ['admin'],
-};
-
-// 页面内操作权限
-export const actionPermissionMap: Record<string, UserRole[]> = {
-  'ticket.create': ['admin', 'dba', 'developer'],
-  'ticket.approve': ['admin', 'dba'],
-  'ticket.execute': ['admin', 'dba'],
-  'ticket.rollback': ['admin', 'dba'],
-  'ticket.delete': ['admin'],
-  'query.create': ['admin', 'dba', 'developer'],
-  'query.export': ['admin', 'dba', 'developer'],
-  'instance.add': ['admin'],
-  'instance.edit': ['admin', 'dba'],
-  'instance.delete': ['admin'],
-  'user.manage': ['admin'],
-  'role.manage': ['admin'],
-  'rule.manage': ['admin', 'dba'],
-  'workflow.manage': ['admin', 'dba'],
-  'config.manage': ['admin'],
-  'announcement.manage': ['admin'],
-  'auto-task.manage': ['admin'],
-};
-
-const AuthContext = createContext<AuthContextType | null>(null);
-
-export function AuthProvider({ children }: { children: React.ReactNode }) {
-  const [user, setUser] = useState<AuthUser>({
-    id: defaultUser.id,
-    username: defaultUser.username,
-    email: defaultUser.email,
-    role: defaultUser.role,
-    roleName: defaultUser.roleName,
-    avatar: defaultUser.avatar,
-  });
-  const [isLoggedIn, setIsLoggedIn] = useState(true);
-
-  const login = useCallback(async (username: string, _password: string): Promise<boolean> => {
-    await new Promise(r => setTimeout(r, 800));
-    setIsLoggedIn(true);
-    setUser({
-      id: 1,
-      username,
-      email: `${username}@company.com`,
-      role: username === 'admin' ? 'admin' : username === 'dba' ? 'dba' : 'developer',
-      roleName: username === 'admin' ? '超级管理员' : username === 'dba' ? '数据库管理员' : '开发人员',
-      avatar: username.charAt(0).toUpperCase(),
-    });
-    return true;
-  }, []);
-
-  const logout = useCallback(() => {
-    setIsLoggedIn(false);
-  }, []);
-
-  const switchRole = useCallback((role: UserRole) => {
-    setUser(prev => ({
-      ...prev,
-      role,
-      roleName: roleNameMap[role],
-      username: role === 'admin' ? 'admin' : role === 'dba' ? 'zhangsan' : role === 'developer' ? 'wangwu' : 'visitor',
-      email: `${role}@company.com`,
-      avatar: role.charAt(0).toUpperCase(),
-    }));
-  }, []);
-
-  const hasPermission = useCallback((menuId: string): boolean => {
-    const allowedRoles = routePermissionMap[menuId];
-    if (!allowedRoles) return false;
-    return allowedRoles.includes(user.role);
-  }, [user.role]);
-
-  const visibleMenuItems = useMemo(() => {
-    return menuItems.filter(item => item.roles.includes(user.role));
-  }, [user.role]);
-
-  const value = useMemo(() => ({
-    user,
-    isLoggedIn,
-    login,
-    logout,
-    switchRole,
-    hasPermission,
-    visibleMenuItems,
-    isAdmin: user.role === 'admin',
-    isDBA: user.role === 'dba',
-    isDeveloper: user.role === 'developer',
-    isGuest: user.role === 'guest',
-  }), [user, isLoggedIn, login, logout, switchRole, hasPermission, visibleMenuItems]);
-
-  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
-}
-
-export function useAuth(): AuthContextType {
-  const ctx = useContext(AuthContext);
-  if (!ctx) throw new Error('useAuth must be used within AuthProvider');
-  return ctx;
-}
-
-export function useActionPermission(action: string): boolean {
-  const { user } = useAuth();
-  const allowedRoles = actionPermissionMap[action];
-  if (!allowedRoles) return false;
-  return allowedRoles.includes(user.role);
-}
diff --git a/数据审核平台菜单优化/app/src/index.css b/数据审核平台菜单优化/app/src/index.css
deleted file mode 100644
index f89c8c0..0000000
--- a/数据审核平台菜单优化/app/src/index.css
+++ /dev/null
@@ -1,101 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 220 13% 5%;
-    --foreground: 210 40% 98%;
-    --card: 220 13% 7%;
-    --card-foreground: 210 40% 98%;
-    --popover: 220 13% 7%;
-    --popover-foreground: 210 40% 98%;
-    --primary: 217 91% 60%;
-    --primary-foreground: 0 0% 100%;
-    --secondary: 220 13% 14%;
-    --secondary-foreground: 210 40% 98%;
-    --muted: 220 13% 14%;
-    --muted-foreground: 215 20% 55%;
-    --accent: 220 13% 14%;
-    --accent-foreground: 210 40% 98%;
-    --destructive: 0 62% 50%;
-    --destructive-foreground: 0 0% 100%;
-    --border: 220 13% 18%;
-    --input: 220 13% 14%;
-    --ring: 217 91% 60%;
-    --radius: 0.625rem;
-    --sidebar-background: 220 13% 7%;
-    --sidebar-foreground: 210 40% 90%;
-    --sidebar-primary: 217 91% 60%;
-    --sidebar-primary-foreground: 0 0% 100%;
-    --sidebar-accent: 220 13% 14%;
-    --sidebar-accent-foreground: 210 40% 98%;
-    --sidebar-border: 220 13% 18%;
-    --sidebar-ring: 217 91% 60%;
-
-    --dg-bg-primary: #0d1117;
-    --dg-bg-secondary: #161b22;
-    --dg-bg-tertiary: #21262d;
-    --dg-bg-hover: #30363d;
-    --dg-border: #30363d;
-    --dg-border-light: #21262d;
-    --dg-text-primary: #f0f6fc;
-    --dg-text-secondary: #8b949e;
-    --dg-text-muted: #6e7681;
-    --dg-blue: #58a6ff;
-    --dg-green: #3fb950;
-    --dg-red: #f85149;
-    --dg-orange: #f0883e;
-    --dg-purple: #8957e5;
-    --dg-cyan: #39c5cf;
-    --dg-yellow: #d29922;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-[var(--dg-bg-primary)] text-[var(--dg-text-primary)] antialiased;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans SC', sans-serif;
-  }
-  code, pre, .font-mono {
-    font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
-  }
-}
-
-@layer utilities {
-  .dg-card {
-    @apply bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl;
-  }
-  .dg-card-hover {
-    @apply transition-all duration-300 hover:-translate-y-0.5;
-  }
-  .dg-card-hover:hover {
-    border-color: rgba(88, 166, 255, 0.5);
-  }
-  .dg-input {
-    @apply bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] placeholder:text-[var(--dg-text-muted)] focus:border-[var(--dg-blue)] focus:ring-1 focus:ring-[var(--dg-blue)]/20;
-  }
-  .dg-text-muted {
-    color: var(--dg-text-muted);
-  }
-  .dg-text-secondary {
-    color: var(--dg-text-secondary);
-  }
-  .scrollbar-thin::-webkit-scrollbar {
-    width: 4px;
-    height: 4px;
-  }
-  .scrollbar-thin::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  .scrollbar-thin::-webkit-scrollbar-thumb {
-    background: var(--dg-border);
-    border-radius: 2px;
-  }
-  .scrollbar-thin::-webkit-scrollbar-thumb:hover {
-    background: var(--dg-text-muted);
-  }
-}
diff --git a/数据审核平台菜单优化/app/src/lib/mock.ts b/数据审核平台菜单优化/app/src/lib/mock.ts
deleted file mode 100644
index 8353add..0000000
--- a/数据审核平台菜单优化/app/src/lib/mock.ts
+++ /dev/null
@@ -1,259 +0,0 @@
-import type { Ticket, DBInstance, QueryAudit, AuditRule, Workflow, NotificationChannel, Role, User, DataPermission, PermissionNode, DashboardStats } from '@/types';
-
-export const dashboardStats: DashboardStats = {
-  todayTickets: 128,
-  todayTicketsTrend: 12,
-  pendingApproval: 23,
-  pendingTrend: -5,
-  queryAuditCount: 15234,
-  queryTrend: 8,
-  slowQueries: 47,
-  slowQueryTrend: -12,
-};
-
-export const menuSections = [
-  { id: 'overview', label: '概览' },
-  { id: 'datasource', label: '数据源' },
-  { id: 'ticket', label: '工单管理' },
-  { id: 'permission', label: '权限管理' },
-  { id: 'system', label: '系统配置' },
-  { id: 'config', label: '配置平台' },
-];
-
-export const menuItems = [
-  { id: 'dashboard', label: '仪表盘', icon: 'LayoutDashboard', section: 'overview', roles: ['admin', 'dba', 'developer', 'guest'] },
-  { id: 'mysql', label: 'MySQL', icon: 'Database', section: 'datasource', roles: ['admin', 'dba'] },
-  { id: 'postgres', label: 'PostgreSQL', icon: 'Server', section: 'datasource', roles: ['admin', 'dba'] },
-  { id: 'redis', label: 'Redis', icon: 'Zap', section: 'datasource', roles: ['admin', 'dba'] },
-  { id: 'mongo', label: 'MongoDB', icon: 'Leaf', section: 'datasource', roles: ['admin', 'dba'] },
-  { id: 'clickhouse', label: 'ClickHouse', icon: 'MousePointerClick', section: 'datasource', roles: ['admin', 'dba'] },
-  { id: 'tickets', label: '数据变更', icon: 'ClipboardList', section: 'ticket', roles: ['admin', 'dba', 'developer'] },
-  { id: 'queries', label: '查询审计', icon: 'Search', section: 'ticket', roles: ['admin', 'dba', 'developer', 'guest'] },
-  { id: 'roles', label: '角色权限', icon: 'UserCog', section: 'permission', roles: ['admin'] },
-  { id: 'users', label: '用户管理', icon: 'Users', section: 'permission', roles: ['admin'] },
-  { id: 'data-permission', label: '数据权限', icon: 'Lock', section: 'permission', roles: ['admin', 'dba'] },
-  { id: 'audit-rules', label: '审核规则', icon: 'Shield', section: 'system', roles: ['admin', 'dba'] },
-  { id: 'workflow', label: '审批流程', icon: 'GitBranch', section: 'system', roles: ['admin', 'dba'] },
-  { id: 'auto-task', label: '自动任务', icon: 'Clock', section: 'system', roles: ['admin'] },
-  { id: 'announcement', label: '公告管理', icon: 'Megaphone', section: 'system', roles: ['admin'] },
-  { id: 'config-platform', label: '配置平台', icon: 'Settings', section: 'config', roles: ['admin'] },
-];
-
-export const currentUser = {
-  id: 1,
-  username: 'admin',
-  email: 'admin@company.com',
-  role: 'admin' as 'admin' | 'dba' | 'developer' | 'guest',
-  roleName: '超级管理员',
-  avatar: 'A',
-  permissions: menuItems.map(m => m.id),
-};
-
-export const dbInstances: DBInstance[] = [
-  { id: 1, name: '生产主库', host: '192.168.1.10', port: 3306, status: 'online', dbType: 'mysql', version: '8.0.35', env: 'prod', connections: 245, qps: 3250, latency: 2.5, cpu: 45, memory: 68, disk: 72, uptime: '120天', tags: ['主库', '核心'] },
-  { id: 2, name: '生产从库-01', host: '192.168.1.11', port: 3306, status: 'online', dbType: 'mysql', version: '8.0.35', env: 'prod', connections: 189, qps: 2800, latency: 3.1, cpu: 38, memory: 55, disk: 65, uptime: '120天', tags: ['从库'] },
-  { id: 3, name: '生产从库-02', host: '192.168.1.12', port: 3306, status: 'online', dbType: 'mysql', version: '8.0.35', env: 'prod', connections: 192, qps: 2750, latency: 2.8, cpu: 40, memory: 58, disk: 68, uptime: '120天', tags: ['从库'] },
-  { id: 4, name: '测试库', host: '192.168.2.10', port: 3306, status: 'warning', dbType: 'mysql', version: '8.0.33', env: 'test', connections: 45, qps: 120, latency: 15.2, cpu: 82, memory: 90, disk: 45, uptime: '30天', tags: ['测试'] },
-  { id: 5, name: '开发库', host: '192.168.3.10', port: 3306, status: 'online', dbType: 'mysql', version: '8.0.33', env: 'dev', connections: 23, qps: 80, latency: 1.2, cpu: 15, memory: 30, disk: 25, uptime: '15天', tags: ['开发'] },
-  { id: 6, name: '归档库', host: '192.168.1.50', port: 3306, status: 'offline', dbType: 'mysql', version: '8.0.30', env: 'prod', connections: 0, qps: 0, latency: 0, cpu: 0, memory: 0, disk: 88, uptime: '-', tags: ['归档'] },
-  { id: 7, name: 'PG 主库', host: '192.168.1.20', port: 5432, status: 'online', dbType: 'postgres', version: '15.4', env: 'prod', connections: 156, qps: 2100, latency: 1.8, cpu: 35, memory: 60, disk: 55, uptime: '200天', tags: ['主库'] },
-  { id: 8, name: 'PG 分析库', host: '192.168.1.21', port: 5432, status: 'warning', dbType: 'postgres', version: '15.4', env: 'prod', connections: 89, qps: 980, latency: 8.5, cpu: 78, memory: 85, disk: 70, uptime: '200天', tags: ['分析'] },
-  { id: 9, name: 'Redis 集群-01', host: '192.168.1.30', port: 6379, status: 'online', dbType: 'redis', version: '7.2.3', env: 'prod', connections: 1200, qps: 45000, latency: 0.5, cpu: 25, memory: 75, disk: 10, uptime: '90天', tags: ['集群'] },
-  { id: 10, name: 'Redis 集群-02', host: '192.168.1.31', port: 6379, status: 'online', dbType: 'redis', version: '7.2.3', env: 'prod', connections: 1150, qps: 42000, latency: 0.6, cpu: 28, memory: 72, disk: 10, uptime: '90天', tags: ['集群'] },
-  { id: 11, name: 'MongoDB 分片-01', host: '192.168.1.40', port: 27017, status: 'online', dbType: 'mongo', version: '7.0.4', env: 'prod', connections: 340, qps: 1800, latency: 3.2, cpu: 42, memory: 65, disk: 60, uptime: '60天', tags: ['分片'] },
-  { id: 12, name: 'ClickHouse 节点-01', host: '192.168.1.50', port: 8123, status: 'online', dbType: 'clickhouse', version: '23.11', env: 'prod', connections: 67, qps: 560, latency: 12.5, cpu: 55, memory: 80, disk: 75, uptime: '45天', tags: ['分析'] },
-];
-
-export const tickets: Ticket[] = [
-  {
-    id: 'TK-20240115-001', title: '更新用户状态字段', dbType: 'mysql', instance: '生产主库', applicant: '张三', status: 'pending', priority: 'high',
-    sql: 'UPDATE users SET status = \'active\', updated_at = NOW() WHERE id IN (1001, 1002, 1003) AND status != \'active\';',
-    rollbackSql: "-- 基于 Binlog ROW 格式逆向生成的回滚语句\n-- 使用主键精确定位恢复旧值\nUPDATE users SET status = 'inactive', updated_at = NOW() WHERE id IN (1001, 1002, 1003);\n\n-- 备选：从备份库恢复\n-- UPDATE users u JOIN $_$Inception_backup_information$_$ b ON u.id = b.pk_value\n-- SET u.status = b.old_status WHERE b.opid_time = '20240115093025';",
-    reason: '批量激活过期用户账号', createTime: '2024-01-15 09:30:00', updateTime: '2024-01-15 09:30:00',
-    auditScore: 92, auditResults: [
-      { rule: '禁止无 WHERE 条件的 UPDATE/DELETE', level: 'success', description: 'WHERE 条件存在，符合规范' },
-      { rule: '大表变更警告', level: 'warning', description: '目标表 users 数据量超过 100 万行', suggestion: '建议分批执行，每次不超过 1000 条' },
-      { rule: 'SQL 语法检查', level: 'success', description: '语法正确' },
-    ],
-    workflowSteps: [
-      { name: '提交', status: 'completed', time: '09:30', assignee: '张三' },
-      { name: '一级审批', status: 'completed', time: '10:15', assignee: '李四' },
-      { name: '二级审批', status: 'active', assignee: '王五' },
-      { name: '执行', status: 'pending' },
-    ],
-    approvalRecords: [
-      { step: 1, approver: '张三', action: 'approve', comment: '提交工单', time: '2024-01-15 09:30:25' },
-      { step: 2, approver: '李四', action: 'approve', comment: 'SQL 符合规范，影响范围可控，同意执行', time: '2024-01-15 10:15:38' },
-    ],
-  },
-  {
-    id: 'TK-20240115-002', title: '清理过期日志数据', dbType: 'postgres', instance: '日志库', applicant: '李四', status: 'reviewing', priority: 'medium',
-    sql: 'DELETE FROM system_logs WHERE created_at < DATE_TRUNC(\'month\', NOW() - INTERVAL \'3 months\');',
-    rollbackSql: '-- DDL 回滚支持有限，建议先备份再执行\n-- 已从备份库 system_logs_bak 恢复数据\n-- INSERT INTO system_logs SELECT * FROM system_logs_bak WHERE created_at < DATE_TRUNC(\'month\', NOW() - INTERVAL \'3 months\');',
-    reason: '清理3个月前的系统日志，释放磁盘空间', createTime: '2024-01-15 10:15:00', updateTime: '2024-01-15 10:15:00',
-    auditScore: 85, auditResults: [
-      { rule: 'DELETE 操作检查', level: 'warning', description: 'DELETE 操作影响行数可能较大', suggestion: '建议先 SELECT COUNT(*) 确认影响范围' },
-      { rule: '备份检查', level: 'success', description: '已确认数据已备份' },
-    ],
-    workflowSteps: [
-      { name: '提交', status: 'completed', time: '10:15', assignee: '李四' },
-      { name: '一级审批', status: 'active', assignee: '张三' },
-      { name: '执行', status: 'pending' },
-    ],
-    approvalRecords: [
-      { step: 1, approver: '李四', action: 'approve', comment: '提交工单', time: '2024-01-15 10:15:00' },
-    ],
-  },
-  {
-    id: 'TK-20240115-003', title: 'Redis 缓存预热', dbType: 'redis', instance: 'Redis集群', applicant: '王五', status: 'pending', priority: 'low',
-    sql: 'MSET user:1001:profile \'{"name":"张三","level":5}\' user:1002:profile \'{"name":"李四","level":3}\'',
-    reason: '大促前预热用户缓存数据', createTime: '2024-01-15 11:00:00', updateTime: '2024-01-15 11:00:00',
-    auditScore: 98, auditResults: [
-      { rule: 'Redis 命令检查', level: 'success', description: 'MSET 命令安全' },
-      { rule: '数据大小检查', level: 'success', description: '单条数据小于 1MB' },
-    ],
-  },
-  { id: 'TK-20240114-005', title: '用户表添加索引', dbType: 'mysql', instance: '生产主库', applicant: '赵六', status: 'approved', priority: 'high', sql: 'ALTER TABLE users ADD INDEX idx_phone (phone);', reason: '优化手机号查询性能', createTime: '2024-01-14 14:20:00', updateTime: '2024-01-14 16:30:00' },
-  { id: 'TK-20240114-006', title: '订单数据归档', dbType: 'mysql', instance: '归档库', applicant: '钱七', status: 'executing', priority: 'medium', sql: 'INSERT INTO orders_archive SELECT * FROM orders WHERE created_at < "2023-06-01";', rollbackSql: '-- 从归档表删除已归档的数据\nDELETE FROM orders_archive WHERE created_at < "2023-06-01";', reason: '归档半年前的订单数据', createTime: '2024-01-14 15:30:00', updateTime: '2024-01-15 09:00:00' },
-  { id: 'TK-20240114-007', title: '配置表更新', dbType: 'redis', instance: 'Redis集群', applicant: '孙八', status: 'success', priority: 'low', sql: 'HSET app:config feature_flag new_feature enabled', reason: '开启新功能开关', createTime: '2024-01-14 16:00:00', updateTime: '2024-01-14 16:05:00' },
-  { id: 'TK-20240114-008', title: '订单表索引优化', dbType: 'mysql', instance: '生产主库', applicant: '周九', status: 'failed', priority: 'high', sql: 'ALTER TABLE orders ADD INDEX idx_created_at (created_at, status);', reason: '优化订单查询', createTime: '2024-01-14 16:45:00', updateTime: '2024-01-14 17:00:00' },
-  { id: 'TK-20240113-001', title: '用户权限调整', dbType: 'postgres', instance: '权限库', applicant: '吴十', status: 'rejected', priority: 'medium', sql: 'UPDATE user_roles SET role = \'admin\' WHERE user_id = 456;', reason: '调整用户权限', createTime: '2024-01-13 09:00:00', updateTime: '2024-01-13 11:30:00' },
-];
-
-export const queryAudits: QueryAudit[] = [
-  { id: 'Q-20240115-001', sql: 'SELECT u.id, u.name, u.email, u.phone, u.status, u.created_at FROM users u WHERE u.status = "active" ORDER BY u.created_at DESC LIMIT 100', sqlPreview: 'SELECT u.id, u.name, u.email...', dbType: 'mysql', instance: '生产主库', user: '张三', executeTime: 125, rowCount: 100, scanRows: 50000, affectedRows: 0, status: 'success', hasSensitive: true, timestamp: '2024-01-15 10:30:25', clientIp: '192.168.10.50', source: 'Web Console', resultColumns: [{ prop: 'id', label: 'ID' }, { prop: 'name', label: '姓名' }, { prop: 'email', label: '邮箱', sensitive: true }, { prop: 'phone', label: '电话', sensitive: true }, { prop: 'status', label: '状态' }, { prop: 'created_at', label: '创建时间' }], resultSet: [{ id: 1001, name: '张三', email: 'zhang***@email.com', phone: '138****8888', status: 'active', created_at: '2024-01-15' }, { id: 1002, name: '李四', email: 'li***@email.com', phone: '139****9999', status: 'active', created_at: '2024-01-14' }, { id: 1003, name: '王五', email: 'wang***@email.com', phone: '137****7777', status: 'active', created_at: '2024-01-13' }] },
-  { id: 'Q-20240115-002', sql: 'SELECT COUNT(*) as total, DATE(created_at) as date FROM orders WHERE created_at > "2024-01-01" GROUP BY DATE(created_at)', sqlPreview: 'SELECT COUNT(*) as total...', dbType: 'mysql', instance: '生产主库', user: '李四', executeTime: 2500, rowCount: 15, scanRows: 1000000, affectedRows: 0, status: 'slow', hasSensitive: false, timestamp: '2024-01-15 10:28:15', clientIp: '192.168.10.51', source: 'API' },
-  { id: 'Q-20240115-003', sql: 'UPDATE users SET last_login = NOW(), login_ip = "192.168.10.50" WHERE id = 123', sqlPreview: 'UPDATE users SET...', dbType: 'mysql', instance: '生产主库', user: '系统', executeTime: 45, rowCount: 0, scanRows: 1, affectedRows: 1, status: 'success', hasSensitive: false, timestamp: '2024-01-15 10:25:08', clientIp: '192.168.1.100', source: 'Application' },
-  { id: 'Q-20240115-004', sql: 'SELECT * FROM user_profiles WHERE user_id = 456', sqlPreview: 'SELECT * FROM user_profiles...', dbType: 'postgres', instance: 'PG 分析库', user: '赵六', executeTime: 89, rowCount: 5, scanRows: 100, affectedRows: 0, status: 'success', hasSensitive: true, timestamp: '2024-01-15 10:20:33', clientIp: '192.168.10.52', source: 'Web Console', resultColumns: [{ prop: 'user_id', label: '用户ID' }, { prop: 'id_card', label: '身份证号', sensitive: true }, { prop: 'address', label: '地址', sensitive: true }], resultSet: [{ user_id: 456, id_card: '310***********1234', address: '上海市***区***路***号' }] },
-  { id: 'Q-20240115-005', sql: 'DELETE FROM temp_logs WHERE created_at < "2024-01-01"', sqlPreview: 'DELETE FROM temp_logs...', dbType: 'mysql', instance: '测试库', user: '钱七', executeTime: 5000, rowCount: 0, scanRows: 500000, affectedRows: 0, status: 'failed', hasSensitive: false, timestamp: '2024-01-15 10:15:42', clientIp: '192.168.10.53', source: 'CLI' },
-  { id: 'Q-20240115-006', sql: 'GET user:session:123', sqlPreview: 'GET user:session:123', dbType: 'redis', instance: 'Redis集群-01', user: '孙八', executeTime: 2, rowCount: 1, scanRows: 1, affectedRows: 0, status: 'success', hasSensitive: false, timestamp: '2024-01-15 10:10:18', clientIp: '192.168.10.54', source: 'Application' },
-  { id: 'Q-20240115-007', sql: 'SELECT o.id, o.order_no, u.name, o.amount, o.status, o.created_at FROM orders o JOIN users u ON o.user_id = u.id WHERE o.created_at > DATE_SUB(NOW(), INTERVAL 7 DAY) ORDER BY o.created_at DESC LIMIT 50', sqlPreview: 'SELECT o.id, o.order_no, u.name...', dbType: 'mysql', instance: '生产主库', user: '周九', executeTime: 3200, rowCount: 50, scanRows: 800000, affectedRows: 0, status: 'slow', hasSensitive: true, timestamp: '2024-01-15 10:05:22', clientIp: '192.168.10.55', source: 'Web Console', resultColumns: [{ prop: 'id', label: 'ID' }, { prop: 'order_no', label: '订单号' }, { prop: 'name', label: '用户名' }, { prop: 'amount', label: '金额' }, { prop: 'status', label: '状态' }], resultSet: [{ id: 50001, order_no: 'ORD-20240115-001', name: '张三', amount: '¥1,299.00', status: '已支付' }, { id: 50002, order_no: 'ORD-20240115-002', name: '李四', amount: '¥2,599.00', status: '待发货' }] },
-  { id: 'Q-20240115-008', sql: 'db.collection("logs").find({ created_at: { $gte: new Date("2024-01-01") } }).limit(100)', sqlPreview: 'db.collection("logs").find...', dbType: 'mongo', instance: 'MongoDB 分片-01', user: '吴十', executeTime: 156, rowCount: 100, scanRows: 50000, affectedRows: 0, status: 'success', hasSensitive: false, timestamp: '2024-01-15 09:55:10', clientIp: '192.168.10.56', source: 'DataGrip' },
-];
-
-export const auditRules: AuditRule[] = [
-  { id: 'R000', name: '表必须有主键（回滚依赖）', level: 'error', dbTypes: ['mysql'], description: '操作的表必须包含主键，否则无法生成精确的回滚语句。回滚依赖主键定位修改的行。', enabled: true, category: '回滚' },
-  { id: 'R001', name: '禁止无 WHERE 条件的 UPDATE/DELETE', level: 'error', dbTypes: ['mysql', 'postgres'], description: 'UPDATE 和 DELETE 语句必须包含 WHERE 条件，防止误操作全表数据', enabled: true, category: '安全性' },
-  { id: 'R002', name: '禁止 SELECT * 查询', level: 'warning', dbTypes: ['mysql', 'postgres'], description: 'SELECT 语句应明确指定字段名，避免不必要的数据传输', enabled: true, category: '性能' },
-  { id: 'R003', name: '大表变更警告（>100万行）', level: 'warning', dbTypes: ['mysql', 'postgres'], description: '影响超过 100 万行的变更需要额外审批，建议使用 pt-online-schema-change', enabled: true, category: '性能' },
-  { id: 'R004', name: '禁止 DROP TABLE/DATABASE', level: 'error', dbTypes: ['mysql', 'postgres', 'mongo'], description: '禁止执行 DROP TABLE/DATABASE 操作，防止数据丢失', enabled: true, category: '安全性' },
-  { id: 'R005', name: 'SQL 注入风险检测', level: 'error', dbTypes: ['mysql', 'postgres', 'redis'], description: '检测潜在的 SQL 注入风险，包括拼接字符串等', enabled: true, category: '安全性' },
-  { id: 'R006', name: '索引使用检查', level: 'info', dbTypes: ['mysql', 'postgres'], description: '检查查询是否使用了索引，避免全表扫描', enabled: false, category: '性能' },
-  { id: 'R007', name: '禁止 TRUNCATE TABLE', level: 'error', dbTypes: ['mysql', 'postgres'], description: 'TRUNCATE 操作会清空整表数据且无法回滚', enabled: true, category: '安全性' },
-  { id: 'R008', name: '字段类型变更警告', level: 'warning', dbTypes: ['mysql', 'postgres'], description: 'ALTER TABLE 修改字段类型可能导致数据截断', enabled: true, category: '数据完整性' },
-  { id: 'R009', name: '外键约束检查', level: 'info', dbTypes: ['mysql', 'postgres'], description: '建议重要关联表添加外键约束保证数据一致性', enabled: false, category: '数据完整性' },
-  { id: 'R010', name: 'Redis 大键检测（>1MB）', level: 'warning', dbTypes: ['redis'], description: '检测到 Redis 大键，可能影响性能', enabled: true, category: '性能' },
-  { id: 'R011', name: 'Binlog ROW 格式检查', level: 'error', dbTypes: ['mysql'], description: 'MySQL 必须开启 Binlog 且格式为 ROW，否则无法生成回滚语句', enabled: true, category: '回滚' },
-  { id: 'R012', name: '禁止 DML 与 DDL 混合操作', level: 'error', dbTypes: ['mysql'], description: '同一工单中不能同时包含 DML 和 DDL 语句，避免表结构变化导致备份解析出错', enabled: true, category: '回滚' },
-  { id: 'R013', name: '回滚权限检查', level: 'error', dbTypes: ['mysql'], description: '执行回滚的数据库账号需有 REPLICATION SLAVE 和 REPLICATION CLIENT 权限', enabled: true, category: '回滚' },
-  { id: 'R014', name: 'DDL 回滚限制警告', level: 'warning', dbTypes: ['mysql'], description: 'DROP/TRUNCATE 等 DDL 操作回滚仅能重建表结构，无法恢复原有数据', enabled: true, category: '回滚' },
-  { id: 'R015', name: '影响行数限制（<10000）', level: 'warning', dbTypes: ['mysql', 'postgres'], description: '单次操作影响行数建议不超过 10000 行，过大的事务可能导致回滚困难和性能问题', enabled: true, category: '回滚' },
-];
-
-export const workflows: Workflow[] = [
-  { id: 1, name: '生产环境变更流程', dbTypes: ['mysql', 'postgres', 'redis'], steps: 3, mode: 'all', description: '需要 DBA 和架构师双重审批，适用于所有生产环境变更', enabled: true, conditions: ['影响行数>1000', '执行时间>1s'] },
-  { id: 2, name: '测试环境变更流程', dbTypes: ['mysql', 'postgres', 'redis', 'mongo'], steps: 1, mode: 'any', description: '仅需一级审批，适用于测试环境', enabled: true },
-  { id: 3, name: '紧急变更流程', dbTypes: ['mysql', 'postgres'], steps: 2, mode: 'any', description: 'P0/P1 故障时的快速审批通道，30分钟内完成', enabled: true, conditions: ['故障等级>P1'] },
-  { id: 4, name: '数据查询流程', dbTypes: ['mysql', 'postgres', 'clickhouse'], steps: 1, mode: 'any', description: '敏感数据查询审批，需数据负责人审批', enabled: false },
-  { id: 5, name: 'DDL 变更流程', dbTypes: ['mysql', 'postgres'], steps: 2, mode: 'all', description: '表结构变更专用流程，需架构师评审', enabled: true, conditions: ['涉及DDL操作'] },
-];
-
-export const notificationChannels: NotificationChannel[] = [
-  { id: 1, name: '飞书', type: 'feishu', icon: 'Send', description: '通过飞书自定义机器人发送通知', enabled: true, webhook: 'https://open.feishu.cn/open-apis/bot/v2/hook/xxx', events: ['ticket_created', 'ticket_approved', 'ticket_rejected', 'ticket_executed', 'ticket_failed'] },
-  { id: 2, name: '钉钉', type: 'dingtalk', icon: 'Bell', description: '通过钉钉群机器人发送通知', enabled: true, webhook: 'https://oapi.dingtalk.com/robot/send?access_token=xxx', events: ['ticket_created', 'ticket_approved', 'ticket_failed'] },
-  { id: 3, name: '企业微信', type: 'wechat', icon: 'MessageSquare', description: '通过企业微信Webhook发送通知', enabled: false, webhook: '', events: ['ticket_created', 'ticket_executed'] },
-  { id: 4, name: 'Telegram', type: 'telegram', icon: 'Navigation', description: '通过 Telegram Bot 发送通知', enabled: false, webhook: '', events: ['ticket_failed'] },
-  { id: 5, name: '邮件通知', type: 'email', icon: 'Mail', description: '通过 SMTP 邮件发送通知', enabled: true, events: ['ticket_created', 'ticket_approved', 'ticket_rejected', 'ticket_executed'] },
-];
-
-export const roles: Role[] = [
-  { id: 'admin', name: '超级管理员', description: '拥有系统的所有权限，包括用户管理、系统配置等', icon: 'Crown', iconClass: 'text-purple-400 bg-purple-400/10', userCount: 2, permissionCount: 56, permissions: ['dashboard', 'mysql', 'postgres', 'redis', 'mongo', 'clickhouse', 'tickets', 'queries', 'roles', 'users', 'data-permission', 'audit-rules', 'workflow', 'auto-task', 'announcement', 'config-platform', 'notifications'] },
-  { id: 'dba', name: '数据库管理员', description: '负责数据库运维、工单审批和 SQL 审核', icon: 'Database', iconClass: 'text-blue-400 bg-blue-400/10', userCount: 5, permissionCount: 32, permissions: ['dashboard', 'mysql', 'postgres', 'redis', 'tickets', 'queries', 'data-permission', 'audit-rules', 'workflow'] },
-  { id: 'developer', name: '开发人员', description: '可以提交变更工单和执行数据查询', icon: 'Code', iconClass: 'text-green-400 bg-green-400/10', userCount: 28, permissionCount: 12, permissions: ['dashboard', 'tickets', 'queries'] },
-  { id: 'guest', name: '访客', description: '仅可查看，无法执行任何操作', icon: 'Eye', iconClass: 'text-gray-400 bg-gray-400/10', userCount: 8, permissionCount: 4, permissions: ['dashboard', 'queries'] },
-];
-
-export const users: User[] = [
-  { id: 1, username: 'admin', email: 'admin@company.com', role: 'admin', roleName: '超级管理员', department: '运维部', lastLogin: '2024-01-15 09:30:00', status: 'active', avatar: 'A' },
-  { id: 2, username: 'zhangsan', email: 'zhangsan@company.com', role: 'dba', roleName: '数据库管理员', department: 'DBA组', lastLogin: '2024-01-15 08:45:00', status: 'active', avatar: '张' },
-  { id: 3, username: 'lisi', email: 'lisi@company.com', role: 'dba', roleName: '数据库管理员', department: 'DBA组', lastLogin: '2024-01-14 18:20:00', status: 'active', avatar: '李' },
-  { id: 4, username: 'wangwu', email: 'wangwu@company.com', role: 'developer', roleName: '开发人员', department: '研发部', lastLogin: '2024-01-15 10:15:00', status: 'active', avatar: '王' },
-  { id: 5, username: 'zhaoliu', email: 'zhaoliu@company.com', role: 'developer', roleName: '开发人员', department: '研发部', lastLogin: '2024-01-14 16:30:00', status: 'disabled', avatar: '赵' },
-  { id: 6, username: 'qianqi', email: 'qianqi@company.com', role: 'developer', roleName: '开发人员', department: '产品部', lastLogin: '2024-01-14 14:20:00', status: 'active', avatar: '钱' },
-  { id: 7, username: 'sunba', email: 'sunba@company.com', role: 'guest', roleName: '访客', department: '测试部', lastLogin: '2024-01-13 11:00:00', status: 'active', avatar: '孙' },
-];
-
-export const dataPermissions: DataPermission[] = [
-  { id: 1, user: 'zhangsan', instance: '生产主库 (MySQL)', database: 'user_db', table: 'users', columns: '*', rowFilter: '', operations: ['SELECT', 'INSERT', 'UPDATE'] },
-  { id: 2, user: 'lisi', instance: '生产主库 (MySQL)', database: 'order_db', table: 'orders', columns: 'id,order_no,amount,status,created_at', rowFilter: 'created_at > DATE_SUB(NOW(), INTERVAL 30 DAY)', operations: ['SELECT'] },
-  { id: 3, user: 'wangwu', instance: '测试库 (MySQL)', database: 'test_db', table: '*', columns: '*', rowFilter: '', operations: ['SELECT', 'INSERT', 'UPDATE', 'DELETE'] },
-  { id: 4, user: 'zhangsan', instance: 'PG 主库', database: 'analytics', table: 'user_behavior', columns: 'user_id,event_type,page_url,timestamp', rowFilter: '', operations: ['SELECT'] },
-  { id: 5, user: 'admin', instance: 'Redis集群-01', database: '0', table: '*', columns: '*', rowFilter: '', operations: ['GET', 'SET', 'DEL', 'EXPIRE'] },
-];
-
-export const permissionTreeData: PermissionNode[] = [
-  { id: 'dashboard', label: '仪表盘（查看统计、图表）' },
-  { id: 'datasource', label: '数据源管理', children: [
-    { id: 'mysql', label: 'MySQL 实例（查看、添加、编辑、删除）' },
-    { id: 'postgres', label: 'PostgreSQL 实例（查看、添加、编辑、删除）' },
-    { id: 'redis', label: 'Redis 实例（查看、添加、编辑、删除）' },
-    { id: 'mongo', label: 'MongoDB 实例（查看、添加、编辑、删除）' },
-    { id: 'clickhouse', label: 'ClickHouse 实例（查看、添加、编辑、删除）' },
-  ]},
-  { id: 'tickets', label: '数据变更工单（创建、查看、审批、执行）', children: [
-    { id: 'ticket_create', label: '创建工单' },
-    { id: 'ticket_approve', label: '审批工单' },
-    { id: 'ticket_execute', label: '执行工单' },
-    { id: 'ticket_rollback', label: '回滚工单' },
-  ]},
-  { id: 'queries', label: '查询审计（查看日志、新建查询、导出）', children: [
-    { id: 'query_create', label: '执行查询' },
-    { id: 'query_export', label: '导出结果' },
-    { id: 'query_view_all', label: '查看全部用户查询' },
-  ]},
-  { id: 'permission', label: '权限管理', children: [
-    { id: 'roles', label: '角色权限（创建、编辑、分配权限）' },
-    { id: 'users', label: '用户管理（创建、编辑、禁用）' },
-    { id: 'data-permission', label: '数据权限（配置表级、字段级、行级权限）' },
-  ]},
-  { id: 'system', label: '系统配置', children: [
-    { id: 'audit-rules', label: '审核规则（启用/禁用、添加规则）' },
-    { id: 'workflow', label: '审批流程（创建、编辑流程模板）' },
-    { id: 'auto-task', label: '自动任务' },
-    { id: 'announcement', label: '公告管理' },
-  ]},
-  { id: 'config', label: '配置平台', children: [
-    { id: 'config-platform', label: '全局配置（消息推送/LDAP/查询限制/工单规则）' },
-    { id: 'notifications', label: '通知渠道（配置 Webhook、测试）' },
-  ]},
-];
-
-export const statusMap: Record<string, string> = {
-  pending: '待审批',
-  reviewing: '审批中',
-  approved: '已通过',
-  rejected: '已拒绝',
-  executing: '执行中',
-  success: '执行成功',
-  failed: '执行失败',
-  rollback: '已回滚',
-};
-
-export const statusColorMap: Record<string, string> = {
-  pending: 'bg-yellow-500/15 text-yellow-500',
-  reviewing: 'bg-blue-500/15 text-blue-400',
-  approved: 'bg-green-500/15 text-green-400',
-  rejected: 'bg-red-500/15 text-red-400',
-  executing: 'bg-purple-500/15 text-purple-400',
-  success: 'bg-green-500/15 text-green-400',
-  failed: 'bg-red-500/15 text-red-400',
-  rollback: 'bg-orange-500/15 text-orange-400',
-};
-
-export const dbTypeColorMap: Record<string, string> = {
-  mysql: 'bg-[rgba(0,117,143,0.15)] text-[#26a69a]',
-  postgres: 'bg-[rgba(51,103,145,0.15)] text-[#42a5f5]',
-  redis: 'bg-[rgba(220,50,32,0.15)] text-[#ef5350]',
-  mongo: 'bg-[rgba(71,162,72,0.15)] text-[#66bb6a]',
-  clickhouse: 'bg-[rgba(255,202,40,0.15)] text-[#ffca28]',
-};
diff --git a/数据审核平台菜单优化/app/src/lib/utils.ts b/数据审核平台菜单优化/app/src/lib/utils.ts
deleted file mode 100644
index bd0c391..0000000
--- a/数据审核平台菜单优化/app/src/lib/utils.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}
diff --git a/数据审核平台菜单优化/app/src/main.tsx b/数据审核平台菜单优化/app/src/main.tsx
deleted file mode 100644
index bef5202..0000000
--- a/数据审核平台菜单优化/app/src/main.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)
diff --git a/数据审核平台菜单优化/app/src/pages/AnnouncementPage.tsx b/数据审核平台菜单优化/app/src/pages/AnnouncementPage.tsx
deleted file mode 100644
index c396dd2..0000000
--- a/数据审核平台菜单优化/app/src/pages/AnnouncementPage.tsx
+++ /dev/null
@@ -1,355 +0,0 @@
-import { useState } from 'react';
-import {
-  Megaphone, Plus, Edit2, Trash2, Pin, PinOff, Eye, Clock,
-  CheckCircle, X, Save, AlertTriangle, Send, Calendar
-} from 'lucide-react';
-import { Card, CardContent } from '@/components/ui/card';
-import { Switch } from '@/components/ui/switch';
-
-type AnnouncementPriority = 'urgent' | 'high' | 'normal' | 'low';
-
-type Announcement = {
-  id: string;
-  title: string;
-  content: string;
-  priority: AnnouncementPriority;
-  pinned: boolean;
-  enabled: boolean;
-  author: string;
-  publishTime: string;
-  expireTime: string;
-  readCount: number;
-  targetRoles: string[];
-};
-
-const priorityLabels: Record<AnnouncementPriority, string> = {
-  urgent: '紧急',
-  high: '重要',
-  normal: '普通',
-  low: '低',
-};
-
-const priorityColors: Record<AnnouncementPriority, string> = {
-  urgent: 'bg-red-500/15 text-red-400 border-red-500/30',
-  high: 'bg-orange-500/15 text-orange-400 border-orange-500/30',
-  normal: 'bg-blue-500/15 text-blue-400 border-blue-500/30',
-  low: 'bg-gray-500/15 text-gray-400 border-gray-500/30',
-};
-
-const roleOptions = [
-  { id: 'admin', label: '超级管理员' },
-  { id: 'dba', label: '数据库管理员' },
-  { id: 'developer', label: '开发人员' },
-  { id: 'guest', label: '访客' },
-];
-
-const initialAnnouncements: Announcement[] = [
-  {
-    id: 'ann-1', title: '【系统维护】本周日凌晨 2:00-4:00 数据库升级维护',
-    content: '计划于本周日（2024年1月21日）凌晨 2:00-4:00 进行数据库版本升级，期间以下服务将不可用：\n1. 数据变更工单提交和审批\n2. 在线 SQL 查询\n3. 数据导出功能\n\n请提前安排工作，避免在维护时段提交重要工单。如有紧急情况，请联系 DBA 团队。',
-    priority: 'urgent', pinned: true, enabled: true, author: 'admin',
-    publishTime: '2024-01-15 10:00:00', expireTime: '2024-01-22 00:00:00',
-    readCount: 156, targetRoles: ['admin', 'dba', 'developer', 'guest'],
-  },
-  {
-    id: 'ann-2', title: '【安全提醒】禁止使用 SELECT * 查询生产数据库',
-    content: '为加强数据安全，即日起严禁使用 SELECT * 查询生产环境数据库。所有查询必须明确指定所需字段名。\n\n审核规则已更新（规则编号 R002），违规查询将被自动拦截并记录审计日志。',
-    priority: 'high', pinned: true, enabled: true, author: 'admin',
-    publishTime: '2024-01-14 09:00:00', expireTime: '2024-02-14 00:00:00',
-    readCount: 234, targetRoles: ['admin', 'dba', 'developer'],
-  },
-  {
-    id: 'ann-3', title: '【新功能】SQL 变更自动回滚功能已上线',
-    content: 'SQL 变更工单现已支持自动回滚功能。对于 UPDATE 和 DELETE 操作，系统会自动：\n1. 基于 Binlog ROW 格式生成逆向回滚语句\n2. 执行前备份受影响数据\n3. 提供一键回滚入口（执行后 72 小时内有效）\n\n使用要求：\n- MySQL 必须开启 Binlog ROW 格式\n- 操作表必须有主键\n- 单次操作影响行数不超过 10,000 行',
-    priority: 'normal', pinned: false, enabled: true, author: 'zhangsan',
-    publishTime: '2024-01-13 14:00:00', expireTime: '2024-04-13 00:00:00',
-    readCount: 89, targetRoles: ['admin', 'dba', 'developer'],
-  },
-  {
-    id: 'ann-4', title: '【培训通知】SQL 审核规范培训 - 1月25日',
-    content: '时间：2024年1月25日 14:00-16:00\n地点：会议室 A\n讲师：DBA 团队负责人\n\n培训内容：\n1. SQL 变更工单提交流程\n2. 审核规则详解\n3. 回滚操作最佳实践\n4. 常见问题排查\n\n请相关人员准时参加。',
-    priority: 'normal', pinned: false, enabled: true, author: 'lisi',
-    publishTime: '2024-01-12 10:00:00', expireTime: '2024-01-26 00:00:00',
-    readCount: 67, targetRoles: ['developer'],
-  },
-  {
-    id: 'ann-5', title: '【版本更新】DataGuard v2.5.0 更新日志',
-    content: '本次更新内容：\n\n新增功能：\n- 支持 ClickHouse 数据源管理\n- 查询审计新增敏感字段自动脱敏\n- 工单批量审批功能\n\n优化改进：\n- SQL 编辑器性能优化\n- 审批流程可视化升级\n- 通知渠道新增 Telegram 支持\n\nBug 修复：\n- 修复大结果集导出内存溢出问题\n- 修复 Redis 集群连接超时问题',
-    priority: 'low', pinned: false, enabled: false, author: 'admin',
-    publishTime: '2024-01-10 16:00:00', expireTime: '2024-02-10 00:00:00',
-    readCount: 45, targetRoles: ['admin', 'dba', 'developer', 'guest'],
-  },
-];
-
-export default function AnnouncementPage() {
-  const [announcements, setAnnouncements] = useState<Announcement[]>(initialAnnouncements);
-  const [showCreate, setShowCreate] = useState(false);
-  const [editingAnn, setEditingAnn] = useState<Announcement | null>(null);
-  const [previewAnn, setPreviewAnn] = useState<Announcement | null>(null);
-
-  // 表单
-  const [formTitle, setFormTitle] = useState('');
-  const [formContent, setFormContent] = useState('');
-  const [formPriority, setFormPriority] = useState<AnnouncementPriority>('normal');
-  const [formPinned, setFormPinned] = useState(false);
-  const [formTargetRoles, setFormTargetRoles] = useState<string[]>(['admin', 'dba', 'developer', 'guest']);
-  const [formExpireTime, setFormExpireTime] = useState('');
-
-  const resetForm = () => {
-    setFormTitle('');
-    setFormContent('');
-    setFormPriority('normal');
-    setFormPinned(false);
-    setFormTargetRoles(['admin', 'dba', 'developer', 'guest']);
-    setFormExpireTime('');
-  };
-
-  const openCreate = () => {
-    resetForm();
-    setEditingAnn(null);
-    setShowCreate(true);
-  };
-
-  const openEdit = (ann: Announcement) => {
-    setFormTitle(ann.title);
-    setFormContent(ann.content);
-    setFormPriority(ann.priority);
-    setFormPinned(ann.pinned);
-    setFormTargetRoles([...ann.targetRoles]);
-    setFormExpireTime(ann.expireTime);
-    setEditingAnn(ann);
-    setShowCreate(true);
-  };
-
-  const toggleRole = (role: string) => {
-    setFormTargetRoles(prev =>
-      prev.includes(role) ? prev.filter(r => r !== role) : [...prev, role]
-    );
-  };
-
-  const saveAnnouncement = () => {
-    if (!formTitle.trim() || !formContent.trim()) return;
-    const now = '2024-01-15 12:00:00';
-    if (editingAnn) {
-      setAnnouncements(prev => prev.map(a => a.id === editingAnn.id ? {
-        ...a,
-        title: formTitle,
-        content: formContent,
-        priority: formPriority,
-        pinned: formPinned,
-        targetRoles: [...formTargetRoles],
-        expireTime: formExpireTime || a.expireTime,
-      } : a));
-    } else {
-      const newAnn: Announcement = {
-        id: `ann-${Date.now()}`,
-        title: formTitle,
-        content: formContent,
-        priority: formPriority,
-        pinned: formPinned,
-        enabled: true,
-        author: 'admin',
-        publishTime: now,
-        expireTime: formExpireTime || '2024-12-31 00:00:00',
-        readCount: 0,
-        targetRoles: [...formTargetRoles],
-      };
-      setAnnouncements(prev => [newAnn, ...prev]);
-    }
-    setShowCreate(false);
-  };
-
-  const togglePin = (id: string) => {
-    setAnnouncements(prev => prev.map(a => a.id === id ? { ...a, pinned: !a.pinned } : a));
-  };
-
-  const toggleEnable = (id: string) => {
-    setAnnouncements(prev => prev.map(a => a.id === id ? { ...a, enabled: !a.enabled } : a));
-  };
-
-  const deleteAnnouncement = (id: string) => {
-    setAnnouncements(prev => prev.filter(a => a.id !== id));
-  };
-
-  const sortedAnnouncements = [...announcements].sort((a, b) => {
-    if (a.pinned !== b.pinned) return a.pinned ? -1 : 1;
-    return new Date(b.publishTime).getTime() - new Date(a.publishTime).getTime();
-  });
-
-  return (
-    <div className="space-y-5">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold">公告管理</h1>
-          <p className="text-sm text-[var(--dg-text-secondary)] mt-1">发布和管理系统公告，支持按角色定向推送</p>
-        </div>
-        <button onClick={openCreate} className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity">
-          <Plus className="w-4 h-4" /> 发布公告
-        </button>
-      </div>
-
-      <div className="grid grid-cols-4 gap-4">
-        {[
-          { label: '公告总数', value: announcements.length, icon: Megaphone, color: 'text-blue-400', bg: 'bg-blue-400/10' },
-          { label: '已置顶', value: announcements.filter(a => a.pinned).length, icon: Pin, color: 'text-purple-400', bg: 'bg-purple-400/10' },
-          { label: '生效中', value: announcements.filter(a => a.enabled).length, icon: CheckCircle, color: 'text-green-400', bg: 'bg-green-400/10' },
-          { label: '已失效', value: announcements.filter(a => !a.enabled).length, icon: AlertTriangle, color: 'text-red-400', bg: 'bg-red-400/10' },
-        ].map((s, i) => (
-          <Card key={i} className="dg-card">
-            <CardContent className="p-4 flex items-center gap-3">
-              <div className={`w-10 h-10 rounded-lg ${s.bg} flex items-center justify-center`}><s.icon className={`w-5 h-5 ${s.color}`} /></div>
-              <div><div className="text-2xl font-bold">{s.value}</div><div className="text-xs text-[var(--dg-text-muted)]">{s.label}</div></div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      <div className="space-y-3">
-        {sortedAnnouncements.map(ann => (
-          <Card key={ann.id} className={`dg-card ${!ann.enabled ? 'opacity-50' : ''} ${ann.pinned ? 'border-l-2 border-l-purple-500' : ''}`}>
-            <CardContent className="p-5">
-              <div className="flex items-start justify-between">
-                <div className="flex-1">
-                  <div className="flex items-center gap-2 mb-2">
-                    {ann.pinned && <Pin className="w-4 h-4 text-purple-400" />}
-                    <h3 className="font-semibold text-sm">{ann.title}</h3>
-                    <span className={`text-[11px] px-2 py-0.5 rounded-full border ${priorityColors[ann.priority]}`}>
-                      {priorityLabels[ann.priority]}
-                    </span>
-                    {!ann.enabled && <span className="text-[11px] px-2 py-0.5 rounded-full bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)]">已失效</span>}
-                  </div>
-                  <p className="text-xs text-[var(--dg-text-secondary)] line-clamp-2 mb-3">{ann.content.replace(/\n/g, ' ')}</p>
-                  <div className="flex items-center gap-4 text-xs text-[var(--dg-text-muted)]">
-                    <span className="flex items-center gap-1"><Send className="w-3 h-3" /> {ann.author}</span>
-                    <span className="flex items-center gap-1"><Clock className="w-3 h-3" /> {ann.publishTime}</span>
-                    <span className="flex items-center gap-1"><Calendar className="w-3 h-3" /> 到期: {ann.expireTime}</span>
-                    <span className="flex items-center gap-1"><Eye className="w-3 h-3" /> {ann.readCount} 次阅读</span>
-                    <div className="flex items-center gap-1">
-                      <span>可见范围:</span>
-                      {ann.targetRoles.map(r => (
-                        <span key={r} className="text-[10px] px-1.5 py-0.5 bg-blue-500/10 text-blue-400 rounded">
-                          {r === 'admin' ? '管理员' : r === 'dba' ? 'DBA' : r === 'developer' ? '开发' : '访客'}
-                        </span>
-                      ))}
-                    </div>
-                  </div>
-                </div>
-                <div className="flex items-center gap-1 ml-4">
-                  <button onClick={() => togglePin(ann.id)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-purple-500/15 hover:text-purple-400 transition-colors" title={ann.pinned ? '取消置顶' : '置顶'}>
-                    {ann.pinned ? <PinOff className="w-4 h-4" /> : <Pin className="w-4 h-4" />}
-                  </button>
-                  <button onClick={() => setPreviewAnn(ann)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] transition-colors" title="预览">
-                    <Eye className="w-4 h-4" />
-                  </button>
-                  <button onClick={() => openEdit(ann)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] transition-colors" title="编辑">
-                    <Edit2 className="w-4 h-4" />
-                  </button>
-                  <button onClick={() => toggleEnable(ann.id)} className="w-8 h-8 rounded-lg flex items-center justify-center transition-colors" title={ann.enabled ? '失效' : '生效'}>
-                    {ann.enabled ? <CheckCircle className="w-4 h-4 text-green-400" /> : <AlertTriangle className="w-4 h-4 text-yellow-400" />}
-                  </button>
-                  <button onClick={() => deleteAnnouncement(ann.id)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-red-500/15 hover:text-red-400 transition-colors" title="删除">
-                    <Trash2 className="w-4 h-4" />
-                  </button>
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      {/* 预览弹窗 */}
-      {previewAnn && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={() => setPreviewAnn(null)}>
-          <div className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl p-6 max-w-2xl w-full mx-4" onClick={e => e.stopPropagation()}>
-            <div className="flex items-center justify-between mb-4">
-              <div className="flex items-center gap-2">
-                <h3 className="text-lg font-semibold">{previewAnn.title}</h3>
-                <span className={`text-[11px] px-2 py-0.5 rounded-full border ${priorityColors[previewAnn.priority]}`}>
-                  {priorityLabels[previewAnn.priority]}
-                </span>
-              </div>
-              <button onClick={() => setPreviewAnn(null)} className="w-8 h-8 rounded-lg flex items-center justify-center hover:bg-[var(--dg-bg-hover)] transition-colors">
-                <X className="w-5 h-5" />
-              </button>
-            </div>
-            <div className="text-xs text-[var(--dg-text-muted)] flex items-center gap-3 mb-4 pb-3 border-b border-[var(--dg-border)]">
-              <span className="flex items-center gap-1"><Send className="w-3 h-3" /> {previewAnn.author}</span>
-              <span className="flex items-center gap-1"><Clock className="w-3 h-3" /> {previewAnn.publishTime}</span>
-              <span className="flex items-center gap-1"><Eye className="w-3 h-3" /> {previewAnn.readCount} 次阅读</span>
-            </div>
-            <div className="text-sm text-[var(--dg-text-secondary)] whitespace-pre-line leading-relaxed max-h-96 overflow-y-auto">
-              {previewAnn.content}
-            </div>
-            <div className="flex justify-end mt-4 pt-4 border-t border-[var(--dg-border)]">
-              <button onClick={() => setPreviewAnn(null)} className="px-5 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm hover:bg-[var(--dg-bg-hover)] transition-colors">关闭</button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* 创建/编辑弹窗 */}
-      {showCreate && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={() => setShowCreate(false)}>
-          <div className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl p-6 max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto" onClick={e => e.stopPropagation()}>
-            <div className="flex items-center justify-between mb-6">
-              <h3 className="text-xl font-semibold">{editingAnn ? '编辑公告' : '发布公告'}</h3>
-              <button onClick={() => setShowCreate(false)} className="w-8 h-8 rounded-lg flex items-center justify-center hover:bg-[var(--dg-bg-hover)] transition-colors">
-                <X className="w-5 h-5" />
-              </button>
-            </div>
-            <div className="space-y-4">
-              <div>
-                <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">公告标题 <span className="text-red-400">*</span></label>
-                <input type="text" value={formTitle} onChange={e => setFormTitle(e.target.value)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500" placeholder="输入公告标题" />
-              </div>
-              <div>
-                <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">公告内容 <span className="text-red-400">*</span></label>
-                <textarea value={formContent} onChange={e => setFormContent(e.target.value)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500 resize-none" rows={8} placeholder="输入公告内容，支持多行文本..." />
-              </div>
-              <div className="grid grid-cols-2 gap-3">
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">优先级</label>
-                  <select value={formPriority} onChange={e => setFormPriority(e.target.value as AnnouncementPriority)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500">
-                    {Object.entries(priorityLabels).map(([k, v]) => <option key={k} value={k}>{v}</option>)}
-                  </select>
-                </div>
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">到期时间</label>
-                  <input type="datetime-local" value={formExpireTime} onChange={e => setFormExpireTime(e.target.value)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500" />
-                </div>
-              </div>
-              <div className="flex items-center gap-3">
-                <Switch checked={formPinned} onCheckedChange={setFormPinned} />
-                <span className="text-sm">置顶公告</span>
-              </div>
-              <div>
-                <label className="text-xs text-[var(--dg-text-muted)] mb-2 block">可见角色</label>
-                <div className="flex flex-wrap gap-2">
-                  {roleOptions.map(role => (
-                    <button
-                      key={role.id}
-                      onClick={() => toggleRole(role.id)}
-                      className={`px-3 py-1.5 rounded-lg text-xs border transition-colors ${
-                        formTargetRoles.includes(role.id)
-                          ? 'bg-blue-500/15 text-blue-400 border-blue-500/30'
-                          : 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)] border-[var(--dg-border)]'
-                      }`}
-                    >
-                      {role.label}
-                    </button>
-                  ))}
-                </div>
-              </div>
-            </div>
-            <div className="flex justify-end gap-3 mt-6 pt-4 border-t border-[var(--dg-border)]">
-              <button onClick={() => setShowCreate(false)} className="px-5 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm hover:bg-[var(--dg-bg-hover)] transition-colors">取消</button>
-              <button onClick={saveAnnouncement} disabled={!formTitle.trim() || !formContent.trim()} className="flex items-center gap-2 px-5 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed">
-                <Save className="w-4 h-4" /> {editingAnn ? '保存修改' : '发布公告'}
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/AuditRulesPage.tsx b/数据审核平台菜单优化/app/src/pages/AuditRulesPage.tsx
deleted file mode 100644
index 15f7b7b..0000000
--- a/数据审核平台菜单优化/app/src/pages/AuditRulesPage.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-import { useState } from 'react';
-import { Plus, Search, Edit2, Trash2, Shield, AlertTriangle, AlertCircle, Info, CheckCircle, ToggleLeft, ToggleRight, FileCode } from 'lucide-react';
-import { Card, CardContent } from '@/components/ui/card';
-import { auditRules, dbTypeColorMap } from '@/lib/mock';
-
-const levelConfig = {
-  error: { icon: AlertTriangle, color: 'text-red-400 bg-red-400/10', label: '错误' },
-  warning: { icon: AlertCircle, color: 'text-yellow-400 bg-yellow-400/10', label: '警告' },
-  info: { icon: Info, color: 'text-blue-400 bg-blue-400/10', label: '提示' },
-};
-
-export default function AuditRulesPage() {
-  const [search, setSearch] = useState('');
-  const [levelFilter, setLevelFilter] = useState('');
-  const [rules, setRules] = useState(auditRules);
-
-  const filtered = rules.filter(r => {
-    if (levelFilter && r.level !== levelFilter) return false;
-    if (search && !r.name.includes(search) && !r.description.includes(search)) return false;
-    return true;
-  });
-
-  const toggleRule = (id: string) => {
-    setRules(prev => prev.map(r => r.id === id ? { ...r, enabled: !r.enabled } : r));
-  };
-
-  return (
-    <div className="space-y-5">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold">SQL 审核规则</h1>
-          <p className="text-sm text-[var(--dg-text-secondary)] mt-1">配置 SQL 审核规则，确保数据变更安全合规</p>
-        </div>
-        <div className="flex gap-3">
-          <button className="flex items-center gap-2 px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm font-medium hover:bg-[var(--dg-bg-hover)] transition-all">
-            <FileCode className="w-4 h-4" /> 导入规则
-          </button>
-          <button className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity">
-            <Plus className="w-4 h-4" /> 添加规则
-          </button>
-        </div>
-      </div>
-
-      <div className="grid grid-cols-4 gap-4">
-        {[
-          { label: '规则总数', value: rules.length, icon: Shield, color: 'text-blue-400', bg: 'bg-blue-400/10' },
-          { label: '已启用', value: rules.filter(r => r.enabled).length, icon: CheckCircle, color: 'text-green-400', bg: 'bg-green-400/10' },
-          { label: '错误级', value: rules.filter(r => r.level === 'error').length, icon: AlertTriangle, color: 'text-red-400', bg: 'bg-red-400/10' },
-          { label: '警告级', value: rules.filter(r => r.level === 'warning').length, icon: AlertCircle, color: 'text-yellow-400', bg: 'bg-yellow-400/10' },
-        ].map((s, i) => (
-          <Card key={i} className="dg-card">
-            <CardContent className="p-4 flex items-center gap-3">
-              <div className={`w-10 h-10 rounded-lg ${s.bg} flex items-center justify-center`}><s.icon className={`w-5 h-5 ${s.color}`} /></div>
-              <div><div className="text-2xl font-bold">{s.value}</div><div className="text-xs text-[var(--dg-text-muted)]">{s.label}</div></div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      <div className="flex items-center gap-3 p-4 dg-card flex-wrap">
-        <div className="relative flex-1 max-w-xs">
-          <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--dg-text-muted)]" />
-          <input className="w-full pl-10 pr-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm placeholder:text-[var(--dg-text-muted)] focus:border-blue-400 focus:outline-none" placeholder="搜索规则名称" value={search} onChange={e => setSearch(e.target.value)} />
-        </div>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none" value={levelFilter} onChange={e => setLevelFilter(e.target.value)}>
-          <option value="">全部级别</option>
-          <option value="error">错误</option>
-          <option value="warning">警告</option>
-          <option value="info">提示</option>
-        </select>
-      </div>
-
-      <Card className="dg-card">
-        <CardContent className="p-0">
-          <div className="overflow-x-auto">
-            <table className="w-full text-sm">
-              <thead>
-                <tr className="border-b border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)]">
-                  <th className="text-left px-5 py-3 font-semibold">规则ID</th>
-                  <th className="text-left px-5 py-3 font-semibold">规则名称</th>
-                  <th className="text-left px-5 py-3 font-semibold">级别</th>
-                  <th className="text-left px-5 py-3 font-semibold">适用数据库</th>
-                  <th className="text-left px-5 py-3 font-semibold">描述</th>
-                  <th className="text-left px-5 py-3 font-semibold">状态</th>
-                  <th className="text-left px-5 py-3 font-semibold">操作</th>
-                </tr>
-              </thead>
-              <tbody>
-                {filtered.map(rule => {
-                  const lc = levelConfig[rule.level];
-                  const LIcon = lc.icon;
-                  return (
-                    <tr key={rule.id} className={`border-b border-[var(--dg-border-light)] hover:bg-[var(--dg-bg-hover)] transition-colors ${!rule.enabled ? 'opacity-50' : ''}`}>
-                      <td className="px-5 py-3.5 font-mono text-xs text-[var(--dg-text-secondary)]">{rule.id}</td>
-                      <td className="px-5 py-3.5 font-medium">{rule.name}</td>
-                      <td className="px-5 py-3.5">
-                        <span className={`inline-flex items-center gap-1.5 px-2 py-1 rounded-md text-xs font-medium ${lc.color}`}>
-                          <LIcon className="w-3.5 h-3.5" /> {lc.label}
-                        </span>
-                      </td>
-                      <td className="px-5 py-3.5">
-                        <div className="flex flex-wrap gap-1">
-                          {rule.dbTypes.map(dt => (
-                            <span key={dt} className={`inline-flex px-2 py-0.5 rounded text-[11px] font-medium ${dbTypeColorMap[dt] || ''}`}>{dt.toUpperCase()}</span>
-                          ))}
-                        </div>
-                      </td>
-                      <td className="px-5 py-3.5 text-[var(--dg-text-secondary)] max-w-xs truncate">{rule.description}</td>
-                      <td className="px-5 py-3.5">
-                        <button onClick={() => toggleRule(rule.id)} className="transition-colors">
-                          {rule.enabled ? (
-                            <ToggleRight className="w-8 h-8 text-green-400" />
-                          ) : (
-                            <ToggleLeft className="w-8 h-8 text-[var(--dg-text-muted)]" />
-                          )}
-                        </button>
-                      </td>
-                      <td className="px-5 py-3.5">
-                        <div className="flex gap-2">
-                          <button className="text-blue-400 hover:text-blue-300"><Edit2 className="w-4 h-4" /></button>
-                          <button className="text-red-400 hover:text-red-300"><Trash2 className="w-4 h-4" /></button>
-                        </div>
-                      </td>
-                    </tr>
-                  );
-                })}
-              </tbody>
-            </table>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/AutoTaskPage.tsx b/数据审核平台菜单优化/app/src/pages/AutoTaskPage.tsx
deleted file mode 100644
index 37a4dbd..0000000
--- a/数据审核平台菜单优化/app/src/pages/AutoTaskPage.tsx
+++ /dev/null
@@ -1,294 +0,0 @@
-import { useState } from 'react';
-import {
-  Clock, Plus, Play, Pause, Trash2, AlertTriangle,
-  Calendar, Zap, Database, ChevronDown, ChevronUp, X, Save, Eye
-} from 'lucide-react';
-import { Card, CardContent } from '@/components/ui/card';
-import { Switch } from '@/components/ui/switch';
-
-type TaskFrequency = 'once' | 'hourly' | 'daily' | 'weekly' | 'monthly';
-type TaskStatus = 'running' | 'paused' | 'completed' | 'failed';
-
-type AutoTask = {
-  id: string;
-  name: string;
-  description: string;
-  enabled: boolean;
-  frequency: TaskFrequency;
-  cron: string;
-  nextRun: string;
-  lastRun: string;
-  lastStatus: 'success' | 'failed' | 'none';
-  dbType: string;
-  instance: string;
-  sql: string;
-  status: TaskStatus;
-  notifyOnFail: boolean;
-  createdBy: string;
-};
-
-const frequencyLabels: Record<TaskFrequency, string> = {
-  once: '一次性',
-  hourly: '每小时',
-  daily: '每天',
-  weekly: '每周',
-  monthly: '每月',
-};
-
-const initialTasks: AutoTask[] = [
-  { id: 'task-1', name: '每日数据归档', description: '将 30 天前的日志数据归档到历史表', enabled: true, frequency: 'daily', cron: '0 2 * * *', nextRun: '2024-01-16 02:00', lastRun: '2024-01-15 02:00', lastStatus: 'success', dbType: 'mysql', instance: '生产主库', sql: 'INSERT INTO logs_archive SELECT * FROM system_logs WHERE created_at < DATE_SUB(NOW(), INTERVAL 30 DAY);\nDELETE FROM system_logs WHERE created_at < DATE_SUB(NOW(), INTERVAL 30 DAY);', status: 'running', notifyOnFail: true, createdBy: 'admin' },
-  { id: 'task-2', name: '每周统计报表', description: '生成周活跃用户统计报表', enabled: true, frequency: 'weekly', cron: '0 6 * * 1', nextRun: '2024-01-22 06:00', lastRun: '2024-01-08 06:00', lastStatus: 'success', dbType: 'mysql', instance: '生产主库', sql: 'INSERT INTO report_weekly_active (week_start, week_end, active_users, new_users)\nSELECT \n  DATE_SUB(NOW(), INTERVAL 7 DAY) as week_start,\n  NOW() as week_end,\n  COUNT(DISTINCT user_id) as active_users,\n  COUNT(DISTINCT CASE WHEN created_at > DATE_SUB(NOW(), INTERVAL 7 DAY) THEN user_id END) as new_users\nFROM user_activity\nWHERE created_at > DATE_SUB(NOW(), INTERVAL 7 DAY);', status: 'running', notifyOnFail: true, createdBy: 'admin' },
-  { id: 'task-3', name: '索引健康检查', description: '检查慢查询并建议优化索引', enabled: true, frequency: 'daily', cron: '0 3 * * *', nextRun: '2024-01-16 03:00', lastRun: '2024-01-15 03:00', lastStatus: 'failed', dbType: 'mysql', instance: '生产主库', sql: 'SELECT \n  table_schema,\n  table_name,\n  index_name,\n  cardinality,\n  table_rows,\n  ROUND(cardinality / table_rows * 100, 2) as selectivity\nFROM information_schema.statistics\nWHERE table_schema NOT IN ("information_schema", "mysql", "performance_schema")\n  AND index_name != "PRIMARY"\n  AND cardinality / table_rows < 0.1\nORDER BY table_rows DESC\nLIMIT 100;', status: 'paused', notifyOnFail: true, createdBy: 'zhangsan' },
-  { id: 'task-4', name: 'Redis 键过期清理', description: '清理 Redis 中已过期的会话键', enabled: false, frequency: 'hourly', cron: '0 * * * *', nextRun: '-', lastRun: '2024-01-14 12:00', lastStatus: 'success', dbType: 'redis', instance: 'Redis集群-01', sql: 'EVAL "local keys = redis.call(\'keys\', \'session:*\')\nfor i=1,#keys,5000 do\n  redis.call(\'del\', unpack(keys, i, math.min(i+4999, #keys)))\nend\nreturn #keys" 0', status: 'paused', notifyOnFail: false, createdBy: 'lisi' },
-  { id: 'task-5', name: '月度数据备份', description: '每月全量备份核心数据表', enabled: true, frequency: 'monthly', cron: '0 1 1 * *', nextRun: '2024-02-01 01:00', lastRun: '2024-01-01 01:00', lastStatus: 'success', dbType: 'mysql', instance: '生产主库', sql: '-- 调用备份脚本\nBACKUP DATABASE user_db, order_db TO S3://backups/monthly/;', status: 'running', notifyOnFail: true, createdBy: 'admin' },
-];
-
-export default function AutoTaskPage() {
-  const [tasks, setTasks] = useState<AutoTask[]>(initialTasks);
-  const [showCreate, setShowCreate] = useState(false);
-  const [expandedId, setExpandedId] = useState<string | null>(null);
-  const [previewTask, setPreviewTask] = useState<AutoTask | null>(null);
-
-  // 表单状态
-  const [formName, setFormName] = useState('');
-  const [formDesc, setFormDesc] = useState('');
-  const [formFreq, setFormFreq] = useState<TaskFrequency>('daily');
-  const [formCron, setFormCron] = useState('0 2 * * *');
-  const [formDbType, setFormDbType] = useState('mysql');
-  const [formInstance, setFormInstance] = useState('生产主库');
-  const [formSql, setFormSql] = useState('');
-  const [formNotify, setFormNotify] = useState(true);
-
-  const toggleTask = (id: string) => {
-    setTasks(prev => prev.map(t => t.id === id ? { ...t, enabled: !t.enabled, status: !t.enabled ? 'running' : 'paused' } : t));
-  };
-
-  const deleteTask = (id: string) => {
-    setTasks(prev => prev.filter(t => t.id !== id));
-  };
-
-  const openCreate = () => {
-    setFormName('');
-    setFormDesc('');
-    setFormFreq('daily');
-    setFormCron('0 2 * * *');
-    setFormDbType('mysql');
-    setFormInstance('生产主库');
-    setFormSql('');
-    setFormNotify(true);
-    setShowCreate(true);
-  };
-
-  const saveTask = () => {
-    if (!formName.trim() || !formSql.trim()) return;
-    const newTask: AutoTask = {
-      id: `task-${Date.now()}`,
-      name: formName,
-      description: formDesc,
-      enabled: true,
-      frequency: formFreq,
-      cron: formCron,
-      nextRun: '即将计算...',
-      lastRun: '-',
-      lastStatus: 'none',
-      dbType: formDbType,
-      instance: formInstance,
-      sql: formSql,
-      status: 'running',
-      notifyOnFail: formNotify,
-      createdBy: 'admin',
-    };
-    setTasks(prev => [...prev, newTask]);
-    setShowCreate(false);
-  };
-
-  const statusColors: Record<string, string> = {
-    running: 'bg-green-500/15 text-green-400',
-    paused: 'bg-yellow-500/15 text-yellow-400',
-    completed: 'bg-blue-500/15 text-blue-400',
-    failed: 'bg-red-500/15 text-red-400',
-  };
-
-  return (
-    <div className="space-y-5">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold">自动任务</h1>
-          <p className="text-sm text-[var(--dg-text-secondary)] mt-1">配置定时执行的 SQL 任务，支持 Cron 表达式</p>
-        </div>
-        <button onClick={openCreate} className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity">
-          <Plus className="w-4 h-4" /> 新建任务
-        </button>
-      </div>
-
-      <div className="grid grid-cols-4 gap-4">
-        {[
-          { label: '任务总数', value: tasks.length, icon: Clock, color: 'text-blue-400', bg: 'bg-blue-400/10' },
-          { label: '运行中', value: tasks.filter(t => t.status === 'running').length, icon: Play, color: 'text-green-400', bg: 'bg-green-400/10' },
-          { label: '已暂停', value: tasks.filter(t => t.status === 'paused').length, icon: Pause, color: 'text-yellow-400', bg: 'bg-yellow-400/10' },
-          { label: '上次失败', value: tasks.filter(t => t.lastStatus === 'failed').length, icon: AlertTriangle, color: 'text-red-400', bg: 'bg-red-400/10' },
-        ].map((s, i) => (
-          <Card key={i} className="dg-card">
-            <CardContent className="p-4 flex items-center gap-3">
-              <div className={`w-10 h-10 rounded-lg ${s.bg} flex items-center justify-center`}><s.icon className={`w-5 h-5 ${s.color}`} /></div>
-              <div><div className="text-2xl font-bold">{s.value}</div><div className="text-xs text-[var(--dg-text-muted)]">{s.label}</div></div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      <div className="space-y-3">
-        {tasks.map(task => {
-          const isExpanded = expandedId === task.id;
-          return (
-            <Card key={task.id} className={`dg-card ${!task.enabled ? 'opacity-60' : ''}`}>
-              <CardContent className="p-5">
-                <div className="flex items-start justify-between">
-                  <div className="flex-1">
-                    <div className="flex items-center gap-3 mb-2">
-                      <h3 className="font-semibold">{task.name}</h3>
-                      <span className={`text-[11px] px-2 py-0.5 rounded-full ${statusColors[task.status]}`}>
-                        {task.status === 'running' ? '运行中' : task.status === 'paused' ? '已暂停' : task.status === 'failed' ? '失败' : '完成'}
-                      </span>
-                      <span className="text-[11px] px-2 py-0.5 rounded-full bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)]">
-                        {frequencyLabels[task.frequency]}
-                      </span>
-                      <span className="text-[11px] font-mono bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)] px-2 py-0.5 rounded">
-                        {task.cron}
-                      </span>
-                    </div>
-                    <p className="text-sm text-[var(--dg-text-secondary)] mb-3">{task.description}</p>
-                    <div className="flex items-center gap-4 text-xs text-[var(--dg-text-muted)]">
-                      <span className="flex items-center gap-1"><Database className="w-3.5 h-3.5" /> {task.instance} ({task.dbType.toUpperCase()})</span>
-                      <span className="flex items-center gap-1"><Calendar className="w-3.5 h-3.5" /> 下次执行: {task.nextRun}</span>
-                      <span className="flex items-center gap-1">
-                        <Clock className="w-3.5 h-3.5" /> 上次执行:
-                        <span className={task.lastStatus === 'success' ? 'text-green-400' : task.lastStatus === 'failed' ? 'text-red-400' : ''}>{task.lastRun}</span>
-                      </span>
-                      <span className="flex items-center gap-1"><Zap className="w-3.5 h-3.5" /> 创建者: {task.createdBy}</span>
-                    </div>
-                    {isExpanded && (
-                      <div className="mt-4 p-4 bg-[var(--dg-bg-primary)] rounded-lg border border-[var(--dg-border)]">
-                        <div className="text-xs text-[var(--dg-text-muted)] mb-2">SQL 语句</div>
-                        <pre className="text-sm text-[var(--dg-text-secondary)] font-mono whitespace-pre-wrap overflow-x-auto">{task.sql}</pre>
-                      </div>
-                    )}
-                  </div>
-                  <div className="flex items-center gap-1 ml-4">
-                    <button onClick={() => setPreviewTask(task)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] transition-colors" title="预览">
-                      <Eye className="w-4 h-4" />
-                    </button>
-                    <button onClick={() => setExpandedId(isExpanded ? null : task.id)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] transition-colors" title="展开">
-                      {isExpanded ? <ChevronUp className="w-4 h-4" /> : <ChevronDown className="w-4 h-4" />}
-                    </button>
-                    <button onClick={() => toggleTask(task.id)} className="w-8 h-8 rounded-lg flex items-center justify-center transition-colors" title={task.enabled ? '暂停' : '启动'}>
-                      {task.enabled ? <Pause className="w-4 h-4 text-yellow-400" /> : <Play className="w-4 h-4 text-green-400" />}
-                    </button>
-                    <button onClick={() => deleteTask(task.id)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-red-500/15 hover:text-red-400 transition-colors" title="删除">
-                      <Trash2 className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          );
-        })}
-      </div>
-
-      {/* 预览弹窗 */}
-      {previewTask && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={() => setPreviewTask(null)}>
-          <div className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl p-6 max-w-2xl w-full mx-4" onClick={e => e.stopPropagation()}>
-            <div className="flex items-center justify-between mb-4">
-              <h3 className="text-xl font-semibold">{previewTask.name}</h3>
-              <button onClick={() => setPreviewTask(null)} className="w-8 h-8 rounded-lg flex items-center justify-center hover:bg-[var(--dg-bg-hover)] transition-colors">
-                <X className="w-5 h-5" />
-              </button>
-            </div>
-            <div className="space-y-3 text-sm">
-              <div className="grid grid-cols-2 gap-3">
-                <div><span className="text-[var(--dg-text-muted)]">执行频率:</span> {frequencyLabels[previewTask.frequency]} ({previewTask.cron})</div>
-                <div><span className="text-[var(--dg-text-muted)]">数据库:</span> {previewTask.instance} ({previewTask.dbType.toUpperCase()})</div>
-                <div><span className="text-[var(--dg-text-muted)]">下次执行:</span> {previewTask.nextRun}</div>
-                <div><span className="text-[var(--dg-text-muted)]">上次状态:</span> <span className={previewTask.lastStatus === 'success' ? 'text-green-400' : previewTask.lastStatus === 'failed' ? 'text-red-400' : ''}>{previewTask.lastStatus === 'success' ? '成功' : previewTask.lastStatus === 'failed' ? '失败' : '未执行'}</span></div>
-              </div>
-              <div className="p-4 bg-[var(--dg-bg-primary)] rounded-lg border border-[var(--dg-border)]">
-                <div className="text-xs text-[var(--dg-text-muted)] mb-2">SQL 语句</div>
-                <pre className="text-sm font-mono whitespace-pre-wrap overflow-x-auto">{previewTask.sql}</pre>
-              </div>
-            </div>
-            <div className="flex justify-end mt-4">
-              <button onClick={() => setPreviewTask(null)} className="px-5 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm hover:bg-[var(--dg-bg-hover)] transition-colors">关闭</button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* 创建弹窗 */}
-      {showCreate && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={() => setShowCreate(false)}>
-          <div className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl p-6 max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto" onClick={e => e.stopPropagation()}>
-            <div className="flex items-center justify-between mb-6">
-              <h3 className="text-xl font-semibold">新建自动任务</h3>
-              <button onClick={() => setShowCreate(false)} className="w-8 h-8 rounded-lg flex items-center justify-center hover:bg-[var(--dg-bg-hover)] transition-colors">
-                <X className="w-5 h-5" />
-              </button>
-            </div>
-            <div className="space-y-4">
-              <div>
-                <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">任务名称 <span className="text-red-400">*</span></label>
-                <input type="text" value={formName} onChange={e => setFormName(e.target.value)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500" placeholder="例如：每日数据归档" />
-              </div>
-              <div>
-                <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">任务描述</label>
-                <textarea value={formDesc} onChange={e => setFormDesc(e.target.value)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500 resize-none" rows={2} placeholder="描述任务用途" />
-              </div>
-              <div className="grid grid-cols-2 gap-3">
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">执行频率</label>
-                  <select value={formFreq} onChange={e => setFormFreq(e.target.value as TaskFrequency)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500">
-                    {Object.entries(frequencyLabels).map(([k, v]) => <option key={k} value={k}>{v}</option>)}
-                  </select>
-                </div>
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">Cron 表达式</label>
-                  <input type="text" value={formCron} onChange={e => setFormCron(e.target.value)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm font-mono focus:outline-none focus:border-blue-500" placeholder="0 2 * * *" />
-                </div>
-              </div>
-              <div className="grid grid-cols-2 gap-3">
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">数据库类型</label>
-                  <select value={formDbType} onChange={e => setFormDbType(e.target.value)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500">
-                    <option value="mysql">MySQL</option>
-                    <option value="postgres">PostgreSQL</option>
-                    <option value="redis">Redis</option>
-                    <option value="mongo">MongoDB</option>
-                    <option value="clickhouse">ClickHouse</option>
-                  </select>
-                </div>
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">目标实例</label>
-                  <input type="text" value={formInstance} onChange={e => setFormInstance(e.target.value)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500" placeholder="生产主库" />
-                </div>
-              </div>
-              <div>
-                <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">SQL 语句 <span className="text-red-400">*</span></label>
-                <textarea value={formSql} onChange={e => setFormSql(e.target.value)} className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm font-mono focus:outline-none focus:border-blue-500 resize-none" rows={6} placeholder="输入要执行的 SQL 语句..." />
-              </div>
-              <div className="flex items-center gap-3">
-                <Switch checked={formNotify} onCheckedChange={setFormNotify} />
-                <span className="text-sm">执行失败时发送通知</span>
-              </div>
-            </div>
-            <div className="flex justify-end gap-3 mt-6 pt-4 border-t border-[var(--dg-border)]">
-              <button onClick={() => setShowCreate(false)} className="px-5 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm hover:bg-[var(--dg-bg-hover)] transition-colors">取消</button>
-              <button onClick={saveTask} disabled={!formName.trim() || !formSql.trim()} className="flex items-center gap-2 px-5 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed">
-                <Save className="w-4 h-4" /> 创建任务
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/ConfigPlatformPage.tsx b/数据审核平台菜单优化/app/src/pages/ConfigPlatformPage.tsx
deleted file mode 100644
index 456dc92..0000000
--- a/数据审核平台菜单优化/app/src/pages/ConfigPlatformPage.tsx
+++ /dev/null
@@ -1,700 +0,0 @@
-import { useState } from 'react';
-import {
-  Send, MessageSquare, Mail, Navigation, Bell,
-  Shield, Search, ClipboardList, Database, AlertTriangle,
-  Save, CheckCircle, Info, Server, UserSearch, Lock, FileText
-} from 'lucide-react';
-import { Card, CardContent } from '@/components/ui/card';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { Switch } from '@/components/ui/switch';
-import { Slider } from '@/components/ui/slider';
-
-type NotificationChannel = {
-  id: string;
-  name: string;
-  icon: React.ElementType;
-  enabled: boolean;
-  webhook: string;
-  events: string[];
-  testStatus: 'none' | 'success' | 'error';
-};
-
-type DDLPattern = {
-  id: string;
-  pattern: string;
-  description: string;
-  action: 'block' | 'warn' | 'require_approval';
-  enabled: boolean;
-};
-
-type SubmitRule = {
-  id: string;
-  name: string;
-  description: string;
-  enabled: boolean;
-  config: Record<string, any>;
-};
-
-export default function ConfigPlatformPage() {
-  const [activeTab, setActiveTab] = useState('notification');
-  const [savedTab, setSavedTab] = useState<string | null>(null);
-
-  // 消息推送配置
-  const [notifChannels, setNotifChannels] = useState<NotificationChannel[]>([
-    { id: 'feishu', name: '飞书', icon: Send, enabled: true, webhook: 'https://open.feishu.cn/open-apis/bot/v2/hook/xxx', events: ['工单创建', '审批通过', '审批拒绝', '执行完成', '执行失败'], testStatus: 'none' },
-    { id: 'dingtalk', name: '钉钉', icon: MessageSquare, enabled: true, webhook: 'https://oapi.dingtalk.com/robot/send?access_token=xxx', events: ['工单创建', '审批通过', '执行失败'], testStatus: 'none' },
-    { id: 'wechat', name: '企业微信', icon: Bell, enabled: false, webhook: '', events: ['工单创建', '执行完成'], testStatus: 'none' },
-    { id: 'telegram', name: 'Telegram', icon: Navigation, enabled: false, webhook: '', events: ['执行失败'], testStatus: 'none' },
-    { id: 'email', name: '邮件通知', icon: Mail, enabled: true, webhook: '', events: ['工单创建', '审批通过', '审批拒绝', '执行完成'], testStatus: 'none' },
-  ]);
-
-  // LDAP 配置
-  const [ldapConfig, setLdapConfig] = useState({
-    enabled: false,
-    server: 'ldap://ldap.company.com:389',
-    bindDN: 'cn=admin,dc=company,dc=com',
-    bindPassword: '',
-    baseDN: 'ou=users,dc=company,dc=com',
-    userFilter: '(objectClass=person)',
-    uidField: 'uid',
-    emailField: 'mail',
-    nameField: 'cn',
-    groupField: 'memberOf',
-    autoSync: true,
-    syncInterval: 30,
-  });
-
-  // 查询限制配置
-  const [queryConfig, setQueryConfig] = useState({
-    maxLimit: 10000,
-    enableAudit: true,
-    requireApproval: false,
-    allowExport: true,
-    maxExportRows: 50000,
-    timeoutSeconds: 30,
-    allowWriteOperation: false,
-    allowedDataSources: ['mysql', 'postgres', 'clickhouse', 'redis'],
-    forbiddenKeywords: ['DROP', 'TRUNCATE', 'DELETE FROM', 'UPDATE.*SET'],
-  });
-
-  // 工单提交规则
-  const [submitRules, setSubmitRules] = useState<SubmitRule[]>([
-    { id: 'r1', name: 'SQL 语法检查', description: '提交前自动进行 SQL 语法检查，语法错误不允许提交', enabled: true, config: {} },
-    { id: 'r2', name: '影响行数限制', description: '单次操作影响行数不得超过配置值', enabled: true, config: { maxRows: 10000 } },
-    { id: 'r3', name: '工单标题必填', description: '工单标题不能为空，且长度至少 5 个字符', enabled: true, config: { minLength: 5 } },
-    { id: 'r4', name: '变更原因必填', description: '必须填写变更原因/业务背景说明', enabled: true, config: { minLength: 10 } },
-    { id: 'r5', name: '回滚 SQL 必填', description: 'UPDATE/DELETE 操作必须提供回滚 SQL', enabled: true, config: {} },
-    { id: 'r6', name: '禁止提交时间限制', description: '配置禁止提交工单的时间段（如生产高峰期）', enabled: false, config: { forbiddenHours: ['09:00-10:00', '14:00-15:00', '20:00-09:00'] } },
-    { id: 'r7', name: '同一表并发限制', description: '同一数据表同时只能有一个进行中的变更工单', enabled: true, config: {} },
-    { id: 'r8', name: '敏感操作二次确认', description: '影响行数超过 1000 行的操作需要二次确认', enabled: true, config: { threshold: 1000 } },
-  ]);
-
-  // DDL 拦截规则
-  const [ddlPatterns, setDdlPatterns] = useState<DDLPattern[]>([
-    { id: 'd1', pattern: 'DROP TABLE', description: '禁止删除表操作', action: 'block', enabled: true },
-    { id: 'd2', pattern: 'DROP DATABASE', description: '禁止删除数据库操作', action: 'block', enabled: true },
-    { id: 'd3', pattern: 'TRUNCATE TABLE', description: '禁止清空表操作', action: 'block', enabled: true },
-    { id: 'd4', pattern: 'ALTER TABLE.*DROP COLUMN', description: '删除字段需要审批', action: 'require_approval', enabled: true },
-    { id: 'd5', pattern: 'ALTER TABLE.*MODIFY', description: '修改字段类型需要审批', action: 'require_approval', enabled: true },
-    { id: 'd6', pattern: 'ALTER TABLE.*CHANGE', description: '重命名字段需要审批', action: 'require_approval', enabled: true },
-    { id: 'd7', pattern: 'RENAME TABLE', description: '重命名表需要审批', action: 'require_approval', enabled: true },
-    { id: 'd8', pattern: 'CREATE TABLE', description: '创建表警告提示', action: 'warn', enabled: true },
-    { id: 'd9', pattern: 'ALTER TABLE.*ADD COLUMN', description: '添加字段警告提示', action: 'warn', enabled: true },
-    { id: 'd10', pattern: 'CREATE INDEX', description: '创建索引警告提示', action: 'warn', enabled: true },
-  ]);
-
-  const handleSave = (tabId: string) => {
-    setSavedTab(tabId);
-    setTimeout(() => setSavedTab(null), 2000);
-  };
-
-  const toggleNotifChannel = (id: string) => {
-    setNotifChannels(prev => prev.map(c => c.id === id ? { ...c, enabled: !c.enabled } : c));
-  };
-
-  const toggleSubmitRule = (id: string) => {
-    setSubmitRules(prev => prev.map(r => r.id === id ? { ...r, enabled: !r.enabled } : r));
-  };
-
-  const toggleDDLPattern = (id: string) => {
-    setDdlPatterns(prev => prev.map(p => p.id === id ? { ...p, enabled: !p.enabled } : p));
-  };
-
-  const updateNotifWebhook = (id: string, value: string) => {
-    setNotifChannels(prev => prev.map(c => c.id === id ? { ...c, webhook: value } : c));
-  };
-
-  const actionLabels: Record<string, string> = {
-    block: '拦截',
-    warn: '警告',
-    require_approval: '需审批',
-  };
-
-  const actionColors: Record<string, string> = {
-    block: 'bg-red-500/15 text-red-400',
-    warn: 'bg-yellow-500/15 text-yellow-400',
-    require_approval: 'bg-blue-500/15 text-blue-400',
-  };
-
-  const testWebhook = (id: string) => {
-    setNotifChannels(prev => prev.map(c => {
-      if (c.id === id) {
-        return { ...c, testStatus: Math.random() > 0.3 ? 'success' : 'error' };
-      }
-      return c;
-    }));
-    setTimeout(() => {
-      setNotifChannels(prev => prev.map(c => c.id === id ? { ...c, testStatus: 'none' } : c));
-    }, 3000);
-  };
-
-  return (
-    <div className="space-y-5">
-      {/* 页面标题 */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold">配置平台</h1>
-          <p className="text-sm text-[var(--dg-text-secondary)] mt-1">全局系统配置，影响所有用户的默认行为和功能开关</p>
-        </div>
-      </div>
-
-      <Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-4">
-        <TabsList className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] p-1">
-          <TabsTrigger value="notification" className="data-[state=active]:bg-blue-500/20 data-[state=active]:text-blue-400">
-            <Bell className="w-4 h-4 mr-2" /> 消息推送
-          </TabsTrigger>
-          <TabsTrigger value="ldap" className="data-[state=active]:bg-blue-500/20 data-[state=active]:text-blue-400">
-            <Server className="w-4 h-4 mr-2" /> LDAP 设置
-          </TabsTrigger>
-          <TabsTrigger value="query" className="data-[state=active]:bg-blue-500/20 data-[state=active]:text-blue-400">
-            <Search className="w-4 h-4 mr-2" /> 查询限制
-          </TabsTrigger>
-          <TabsTrigger value="ticket" className="data-[state=active]:bg-blue-500/20 data-[state=active]:text-blue-400">
-            <ClipboardList className="w-4 h-4 mr-2" /> 工单规则
-          </TabsTrigger>
-          <TabsTrigger value="ddl" className="data-[state=active]:bg-blue-500/20 data-[state=active]:text-blue-400">
-            <Database className="w-4 h-4 mr-2" /> DDL 拦截
-          </TabsTrigger>
-        </TabsList>
-
-        {/* 消息推送 */}
-        <TabsContent value="notification" className="space-y-4">
-          <div className="flex items-center justify-between">
-            <div>
-              <h2 className="text-lg font-semibold">消息推送配置</h2>
-              <p className="text-sm text-[var(--dg-text-secondary)]">配置各渠道的通知开关和 Webhook 地址</p>
-            </div>
-            <button
-              onClick={() => handleSave('notification')}
-              className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity"
-            >
-              {savedTab === 'notification' ? <CheckCircle className="w-4 h-4" /> : <Save className="w-4 h-4" />}
-              {savedTab === 'notification' ? '已保存' : '保存配置'}
-            </button>
-          </div>
-
-          <div className="grid gap-4">
-            {notifChannels.map(channel => {
-              const Icon = channel.icon;
-              return (
-                <Card key={channel.id} className="dg-card">
-                  <CardContent className="p-5">
-                    <div className="flex items-start gap-4">
-                      <div className={`w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 ${channel.enabled ? 'bg-blue-500/15' : 'bg-[var(--dg-bg-tertiary)]'}`}>
-                        <Icon className={`w-5 h-5 ${channel.enabled ? 'text-blue-400' : 'text-[var(--dg-text-muted)]'}`} />
-                      </div>
-                      <div className="flex-1">
-                        <div className="flex items-center justify-between mb-3">
-                          <div className="flex items-center gap-3">
-                            <h3 className="font-semibold">{channel.name}</h3>
-                            <Switch checked={channel.enabled} onCheckedChange={() => toggleNotifChannel(channel.id)} />
-                            <span className={`text-xs px-2 py-0.5 rounded-full ${channel.enabled ? 'bg-green-500/15 text-green-400' : 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)]'}`}>
-                              {channel.enabled ? '已启用' : '已禁用'}
-                            </span>
-                          </div>
-                          <button
-                            onClick={() => testWebhook(channel.id)}
-                            disabled={!channel.enabled || channel.testStatus !== 'none'}
-                            className={`px-3 py-1.5 rounded-lg text-xs font-medium transition-colors ${
-                              !channel.enabled ? 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)] cursor-not-allowed' :
-                              channel.testStatus === 'success' ? 'bg-green-500/15 text-green-400' :
-                              channel.testStatus === 'error' ? 'bg-red-500/15 text-red-400' :
-                              'bg-blue-500/15 text-blue-400 hover:bg-blue-500/25'
-                            }`}
-                          >
-                            {channel.testStatus === 'success' ? '连接成功' : channel.testStatus === 'error' ? '连接失败' : '测试连接'}
-                          </button>
-                        </div>
-
-                        {channel.enabled && (
-                          <div className="space-y-3">
-                            {channel.id !== 'email' && (
-                              <div>
-                                <label className="text-xs text-[var(--dg-text-muted)] mb-1 block">Webhook 地址</label>
-                                <input
-                                  type="text"
-                                  value={channel.webhook}
-                                  onChange={(e) => updateNotifWebhook(channel.id, e.target.value)}
-                                  className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm text-[var(--dg-text-primary)] focus:outline-none focus:border-blue-500 transition-colors"
-                                  placeholder={`请输入 ${channel.name} Webhook 地址`}
-                                />
-                              </div>
-                            )}
-                            {channel.id === 'email' && (
-                              <div className="flex items-center gap-2 text-sm text-[var(--dg-text-secondary)]">
-                                <Info className="w-4 h-4 text-blue-400" />
-                                <span>邮件通知通过系统 SMTP 配置发送，请在服务器环境变量中配置 SMTP 参数</span>
-                              </div>
-                            )}
-                            <div>
-                              <label className="text-xs text-[var(--dg-text-muted)] mb-2 block">通知事件</label>
-                              <div className="flex flex-wrap gap-2">
-                                {['工单创建', '审批通过', '审批拒绝', '执行完成', '执行失败'].map(event => (
-                                  <span
-                                    key={event}
-                                    className={`px-2.5 py-1 rounded text-xs ${
-                                      channel.events.includes(event)
-                                        ? 'bg-blue-500/15 text-blue-400 border border-blue-500/30'
-                                        : 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)] border border-[var(--dg-border)]'
-                                    }`}
-                                  >
-                                    {event}
-                                  </span>
-                                ))}
-                              </div>
-                            </div>
-                          </div>
-                        )}
-                      </div>
-                    </div>
-                  </CardContent>
-                </Card>
-              );
-            })}
-          </div>
-        </TabsContent>
-
-        {/* LDAP 设置 */}
-        <TabsContent value="ldap" className="space-y-4">
-          <div className="flex items-center justify-between">
-            <div>
-              <h2 className="text-lg font-semibold">LDAP 认证设置</h2>
-              <p className="text-sm text-[var(--dg-text-secondary)]">配置 LDAP/AD 域账号登录集成</p>
-            </div>
-            <button
-              onClick={() => handleSave('ldap')}
-              className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity"
-            >
-              {savedTab === 'ldap' ? <CheckCircle className="w-4 h-4" /> : <Save className="w-4 h-4" />}
-              {savedTab === 'ldap' ? '已保存' : '保存配置'}
-            </button>
-          </div>
-
-          <Card className="dg-card">
-            <CardContent className="p-5">
-              <div className="flex items-center justify-between mb-6 pb-4 border-b border-[var(--dg-border)]">
-                <div className="flex items-center gap-3">
-                  <div className="w-10 h-10 rounded-lg bg-purple-500/15 flex items-center justify-center">
-                    <UserSearch className="w-5 h-5 text-purple-400" />
-                  </div>
-                  <div>
-                    <h3 className="font-semibold">启用 LDAP 认证</h3>
-                    <p className="text-sm text-[var(--dg-text-secondary)]">开启后用户可使用域账号登录系统</p>
-                  </div>
-                </div>
-                <Switch
-                  checked={ldapConfig.enabled}
-                  onCheckedChange={(v) => setLdapConfig(prev => ({ ...prev, enabled: v }))}
-                />
-              </div>
-
-              {ldapConfig.enabled && (
-                <div className="grid grid-cols-2 gap-5">
-                  <div>
-                    <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">LDAP 服务器地址</label>
-                    <input
-                      type="text"
-                      value={ldapConfig.server}
-                      onChange={(e) => setLdapConfig(prev => ({ ...prev, server: e.target.value }))}
-                      className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                      placeholder="ldap://ldap.company.com:389"
-                    />
-                  </div>
-                  <div>
-                    <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">Bind DN</label>
-                    <input
-                      type="text"
-                      value={ldapConfig.bindDN}
-                      onChange={(e) => setLdapConfig(prev => ({ ...prev, bindDN: e.target.value }))}
-                      className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                      placeholder="cn=admin,dc=company,dc=com"
-                    />
-                  </div>
-                  <div>
-                    <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">Bind 密码</label>
-                    <input
-                      type="password"
-                      value={ldapConfig.bindPassword}
-                      onChange={(e) => setLdapConfig(prev => ({ ...prev, bindPassword: e.target.value }))}
-                      className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                      placeholder="••••••••"
-                    />
-                  </div>
-                  <div>
-                    <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">Base DN</label>
-                    <input
-                      type="text"
-                      value={ldapConfig.baseDN}
-                      onChange={(e) => setLdapConfig(prev => ({ ...prev, baseDN: e.target.value }))}
-                      className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                      placeholder="ou=users,dc=company,dc=com"
-                    />
-                  </div>
-                  <div>
-                    <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">用户过滤条件</label>
-                    <input
-                      type="text"
-                      value={ldapConfig.userFilter}
-                      onChange={(e) => setLdapConfig(prev => ({ ...prev, userFilter: e.target.value }))}
-                      className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                      placeholder="(objectClass=person)"
-                    />
-                  </div>
-                  <div>
-                    <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">UID 字段</label>
-                    <input
-                      type="text"
-                      value={ldapConfig.uidField}
-                      onChange={(e) => setLdapConfig(prev => ({ ...prev, uidField: e.target.value }))}
-                      className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                    />
-                  </div>
-                  <div>
-                    <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">邮箱字段</label>
-                    <input
-                      type="text"
-                      value={ldapConfig.emailField}
-                      onChange={(e) => setLdapConfig(prev => ({ ...prev, emailField: e.target.value }))}
-                      className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                    />
-                  </div>
-                  <div>
-                    <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">姓名字段</label>
-                    <input
-                      type="text"
-                      value={ldapConfig.nameField}
-                      onChange={(e) => setLdapConfig(prev => ({ ...prev, nameField: e.target.value }))}
-                      className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                    />
-                  </div>
-                  <div className="col-span-2 flex items-center gap-4 pt-2 border-t border-[var(--dg-border)]">
-                    <div className="flex items-center gap-2">
-                      <Switch
-                        checked={ldapConfig.autoSync}
-                        onCheckedChange={(v) => setLdapConfig(prev => ({ ...prev, autoSync: v }))}
-                      />
-                      <span className="text-sm">自动同步用户</span>
-                    </div>
-                    {ldapConfig.autoSync && (
-                      <div className="flex items-center gap-2">
-                        <span className="text-sm text-[var(--dg-text-muted)]">同步间隔</span>
-                        <input
-                          type="number"
-                          value={ldapConfig.syncInterval}
-                          onChange={(e) => setLdapConfig(prev => ({ ...prev, syncInterval: parseInt(e.target.value) || 30 }))}
-                          className="w-20 px-2 py-1 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded text-sm text-center focus:outline-none focus:border-blue-500"
-                        />
-                        <span className="text-sm text-[var(--dg-text-muted)]">分钟</span>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )}
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* 查询限制 */}
-        <TabsContent value="query" className="space-y-4">
-          <div className="flex items-center justify-between">
-            <div>
-              <h2 className="text-lg font-semibold">查询限制配置</h2>
-              <p className="text-sm text-[var(--dg-text-secondary)]">控制查询行为、限制和安全策略</p>
-            </div>
-            <button
-              onClick={() => handleSave('query')}
-              className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity"
-            >
-              {savedTab === 'query' ? <CheckCircle className="w-4 h-4" /> : <Save className="w-4 h-4" />}
-              {savedTab === 'query' ? '已保存' : '保存配置'}
-            </button>
-          </div>
-
-          <div className="grid grid-cols-2 gap-4">
-            <Card className="dg-card">
-              <CardContent className="p-5 space-y-5">
-                <div className="flex items-center justify-between">
-                  <div className="flex items-center gap-3">
-                    <div className="w-10 h-10 rounded-lg bg-blue-500/15 flex items-center justify-center">
-                      <Search className="w-5 h-5 text-blue-400" />
-                    </div>
-                    <div>
-                      <h3 className="font-semibold">查询审核审批</h3>
-                      <p className="text-xs text-[var(--dg-text-secondary)]">开启后查询需要审批才能执行</p>
-                    </div>
-                  </div>
-                  <Switch
-                    checked={queryConfig.requireApproval}
-                    onCheckedChange={(v) => setQueryConfig(prev => ({ ...prev, requireApproval: v }))}
-                  />
-                </div>
-
-                {!queryConfig.requireApproval && (
-                  <div className="flex items-start gap-2 p-3 bg-yellow-500/10 border border-yellow-500/20 rounded-lg">
-                    <Info className="w-4 h-4 text-yellow-400 flex-shrink-0 mt-0.5" />
-                    <p className="text-xs text-yellow-400">不开启查询审核审批时，用户可以查询已授权的数据库资源，但不会被记录审计日志</p>
-                  </div>
-                )}
-
-                <div className="pt-3 border-t border-[var(--dg-border)]">
-                  <div className="flex items-center justify-between mb-3">
-                    <label className="text-sm font-medium">最大查询 Limit 限制</label>
-                    <span className="text-lg font-bold text-blue-400">{queryConfig.maxLimit.toLocaleString()}</span>
-                  </div>
-                  <Slider
-                    value={[queryConfig.maxLimit]}
-                    onValueChange={(v) => setQueryConfig(prev => ({ ...prev, maxLimit: v[0] }))}
-                    min={100}
-                    max={100000}
-                    step={100}
-                    className="w-full"
-                  />
-                  <div className="flex justify-between text-xs text-[var(--dg-text-muted)] mt-1">
-                    <span>100</span>
-                    <span>100,000</span>
-                  </div>
-                </div>
-
-                <div className="pt-3 border-t border-[var(--dg-border)]">
-                  <div className="flex items-center justify-between mb-3">
-                    <label className="text-sm font-medium">查询超时时间</label>
-                    <span className="text-lg font-bold text-blue-400">{queryConfig.timeoutSeconds} 秒</span>
-                  </div>
-                  <Slider
-                    value={[queryConfig.timeoutSeconds]}
-                    onValueChange={(v) => setQueryConfig(prev => ({ ...prev, timeoutSeconds: v[0] }))}
-                    min={5}
-                    max={300}
-                    step={5}
-                    className="w-full"
-                  />
-                </div>
-              </CardContent>
-            </Card>
-
-            <div className="space-y-4">
-              <Card className="dg-card">
-                <CardContent className="p-5 space-y-4">
-                  <div className="flex items-center justify-between">
-                    <div className="flex items-center gap-3">
-                      <div className="w-10 h-10 rounded-lg bg-green-500/15 flex items-center justify-center">
-                        <FileText className="w-5 h-5 text-green-400" />
-                      </div>
-                      <div>
-                        <h3 className="font-semibold">结果导出</h3>
-                        <p className="text-xs text-[var(--dg-text-secondary)]">允许导出查询结果</p>
-                      </div>
-                    </div>
-                    <Switch
-                      checked={queryConfig.allowExport}
-                      onCheckedChange={(v) => setQueryConfig(prev => ({ ...prev, allowExport: v }))}
-                    />
-                  </div>
-
-                  {queryConfig.allowExport && (
-                    <div className="pt-3 border-t border-[var(--dg-border)]">
-                      <div className="flex items-center justify-between mb-2">
-                        <label className="text-sm">最大导出行数</label>
-                        <span className="text-sm font-bold text-green-400">{queryConfig.maxExportRows.toLocaleString()}</span>
-                      </div>
-                      <Slider
-                        value={[queryConfig.maxExportRows]}
-                        onValueChange={(v) => setQueryConfig(prev => ({ ...prev, maxExportRows: v[0] }))}
-                        min={1000}
-                        max={200000}
-                        step={1000}
-                        className="w-full"
-                      />
-                    </div>
-                  )}
-                </CardContent>
-              </Card>
-
-              <Card className="dg-card">
-                <CardContent className="p-5 space-y-4">
-                  <div className="flex items-center justify-between">
-                    <div className="flex items-center gap-3">
-                      <div className="w-10 h-10 rounded-lg bg-red-500/15 flex items-center justify-center">
-                        <AlertTriangle className="w-5 h-5 text-red-400" />
-                      </div>
-                      <div>
-                        <h3 className="font-semibold">写入操作</h3>
-                        <p className="text-xs text-[var(--dg-text-secondary)]">允许执行 INSERT/UPDATE/DELETE</p>
-                      </div>
-                    </div>
-                    <Switch
-                      checked={queryConfig.allowWriteOperation}
-                      onCheckedChange={(v) => setQueryConfig(prev => ({ ...prev, allowWriteOperation: v }))}
-                    />
-                  </div>
-                  {!queryConfig.allowWriteOperation && (
-                    <div className="flex items-start gap-2 p-3 bg-red-500/10 border border-red-500/20 rounded-lg">
-                      <Lock className="w-4 h-4 text-red-400 flex-shrink-0 mt-0.5" />
-                      <p className="text-xs text-red-400">已禁止写入操作，查询模式为只读</p>
-                    </div>
-                  )}
-                </CardContent>
-              </Card>
-
-              <Card className="dg-card">
-                <CardContent className="p-5">
-                  <h3 className="font-semibold mb-3">禁止的关键词</h3>
-                  <div className="flex flex-wrap gap-2">
-                    {queryConfig.forbiddenKeywords.map((kw, i) => (
-                      <span key={i} className="px-2.5 py-1 bg-red-500/10 text-red-400 text-xs rounded-lg border border-red-500/20">
-                        {kw}
-                      </span>
-                    ))}
-                  </div>
-                </CardContent>
-              </Card>
-            </div>
-          </div>
-        </TabsContent>
-
-        {/* 工单规则 */}
-        <TabsContent value="ticket" className="space-y-4">
-          <div className="flex items-center justify-between">
-            <div>
-              <h2 className="text-lg font-semibold">工单提交规则</h2>
-              <p className="text-sm text-[var(--dg-text-secondary)]">配置工单提交时的校验规则和约束条件</p>
-            </div>
-            <button
-              onClick={() => handleSave('ticket')}
-              className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity"
-            >
-              {savedTab === 'ticket' ? <CheckCircle className="w-4 h-4" /> : <Save className="w-4 h-4" />}
-              {savedTab === 'ticket' ? '已保存' : '保存配置'}
-            </button>
-          </div>
-
-          <div className="space-y-3">
-            {submitRules.map(rule => (
-              <Card key={rule.id} className={`dg-card ${!rule.enabled ? 'opacity-60' : ''}`}>
-                <CardContent className="p-4">
-                  <div className="flex items-center justify-between">
-                    <div className="flex items-center gap-4">
-                      <div className={`w-8 h-8 rounded-lg flex items-center justify-center ${rule.enabled ? 'bg-blue-500/15' : 'bg-[var(--dg-bg-tertiary)]'}`}>
-                        <Shield className={`w-4 h-4 ${rule.enabled ? 'text-blue-400' : 'text-[var(--dg-text-muted)]'}`} />
-                      </div>
-                      <div>
-                        <div className="flex items-center gap-2">
-                          <h3 className="font-semibold text-sm">{rule.name}</h3>
-                          <span className={`text-[11px] px-2 py-0.5 rounded-full ${rule.enabled ? 'bg-green-500/15 text-green-400' : 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)]'}`}>
-                            {rule.enabled ? '已启用' : '已禁用'}
-                          </span>
-                        </div>
-                        <p className="text-xs text-[var(--dg-text-secondary)] mt-0.5">{rule.description}</p>
-                        {rule.config.maxRows && (
-                          <p className="text-xs text-blue-400 mt-1">最大限制: {rule.config.maxRows.toLocaleString()} 行</p>
-                        )}
-                        {rule.config.threshold && (
-                          <p className="text-xs text-blue-400 mt-1">阈值: {rule.config.threshold.toLocaleString()} 行</p>
-                        )}
-                        {rule.config.minLength && (
-                          <p className="text-xs text-blue-400 mt-1">最小长度: {rule.config.minLength} 字符</p>
-                        )}
-                        {rule.config.forbiddenHours && (
-                          <div className="flex items-center gap-1 mt-1">
-                            <span className="text-xs text-[var(--dg-text-muted)]">禁止时段:</span>
-                            {rule.config.forbiddenHours.map((h: string) => (
-                              <span key={h} className="text-[11px] px-1.5 py-0.5 bg-red-500/10 text-red-400 rounded">{h}</span>
-                            ))}
-                          </div>
-                        )}
-                      </div>
-                    </div>
-                    <Switch checked={rule.enabled} onCheckedChange={() => toggleSubmitRule(rule.id)} />
-                  </div>
-                </CardContent>
-              </Card>
-            ))}
-          </div>
-        </TabsContent>
-
-        {/* DDL 拦截 */}
-        <TabsContent value="ddl" className="space-y-4">
-          <div className="flex items-center justify-between">
-            <div>
-              <h2 className="text-lg font-semibold">DDL 语句拦截规则</h2>
-              <p className="text-sm text-[var(--dg-text-secondary)]">配置 DDL 操作的安全策略和拦截规则</p>
-            </div>
-            <button
-              onClick={() => handleSave('ddl')}
-              className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity"
-            >
-              {savedTab === 'ddl' ? <CheckCircle className="w-4 h-4" /> : <Save className="w-4 h-4" />}
-              {savedTab === 'ddl' ? '已保存' : '保存配置'}
-            </button>
-          </div>
-
-          <div className="grid gap-3">
-            {ddlPatterns.map(pattern => (
-              <Card key={pattern.id} className={`dg-card ${!pattern.enabled ? 'opacity-60' : ''}`}>
-                <CardContent className="p-4">
-                  <div className="flex items-center justify-between">
-                    <div className="flex items-center gap-4">
-                      <div className={`w-8 h-8 rounded-lg flex items-center justify-center ${
-                        pattern.action === 'block' ? 'bg-red-500/15' :
-                        pattern.action === 'warn' ? 'bg-yellow-500/15' : 'bg-blue-500/15'
-                      }`}>
-                        <Database className={`w-4 h-4 ${
-                          pattern.action === 'block' ? 'text-red-400' :
-                          pattern.action === 'warn' ? 'text-yellow-400' : 'text-blue-400'
-                        }`} />
-                      </div>
-                      <div>
-                        <div className="flex items-center gap-2">
-                          <code className="text-sm font-mono bg-[var(--dg-bg-tertiary)] px-2 py-0.5 rounded">{pattern.pattern}</code>
-                          <span className={`text-[11px] px-2 py-0.5 rounded-full font-medium ${actionColors[pattern.action]}`}>
-                            {actionLabels[pattern.action]}
-                          </span>
-                          <span className={`text-[11px] px-2 py-0.5 rounded-full ${pattern.enabled ? 'bg-green-500/15 text-green-400' : 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)]'}`}>
-                            {pattern.enabled ? '已启用' : '已禁用'}
-                          </span>
-                        </div>
-                        <p className="text-xs text-[var(--dg-text-secondary)] mt-1">{pattern.description}</p>
-                      </div>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <select
-                        value={pattern.action}
-                        onChange={(e) => setDdlPatterns(prev => prev.map(p => p.id === pattern.id ? { ...p, action: e.target.value as any } : p))}
-                        className="px-2 py-1.5 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded text-xs focus:outline-none focus:border-blue-500"
-                      >
-                        <option value="block">拦截</option>
-                        <option value="warn">警告</option>
-                        <option value="require_approval">需审批</option>
-                      </select>
-                      <Switch checked={pattern.enabled} onCheckedChange={() => toggleDDLPattern(pattern.id)} />
-                    </div>
-                  </div>
-                </CardContent>
-              </Card>
-            ))}
-          </div>
-        </TabsContent>
-      </Tabs>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/Dashboard.tsx b/数据审核平台菜单优化/app/src/pages/Dashboard.tsx
deleted file mode 100644
index 9ffb131..0000000
--- a/数据审核平台菜单优化/app/src/pages/Dashboard.tsx
+++ /dev/null
@@ -1,237 +0,0 @@
-import { useEffect, useRef } from 'react';
-import {
-  ClipboardList, Clock, CheckCircle, AlertTriangle,
-  TrendingUp, TrendingDown, Database
-} from 'lucide-react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { dashboardStats, dbInstances, statusMap, statusColorMap, dbTypeColorMap, tickets } from '@/lib/mock';
-import * as echarts from 'echarts';
-
-const stats = [
-  { title: '今日工单', value: dashboardStats.todayTickets, trend: dashboardStats.todayTicketsTrend, icon: ClipboardList, color: 'text-blue-400', bg: 'bg-blue-400/10' },
-  { title: '待审批', value: dashboardStats.pendingApproval, trend: dashboardStats.pendingTrend, icon: Clock, color: 'text-orange-400', bg: 'bg-orange-400/10' },
-  { title: '查询审计', value: dashboardStats.queryAuditCount.toLocaleString(), trend: dashboardStats.queryTrend, icon: CheckCircle, color: 'text-purple-400', bg: 'bg-purple-400/10' },
-  { title: '慢查询', value: dashboardStats.slowQueries, trend: dashboardStats.slowQueryTrend, icon: AlertTriangle, color: 'text-red-400', bg: 'bg-red-400/10' },
-];
-
-export default function Dashboard() {
-  const chartRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!chartRef.current) return;
-    const chart = echarts.init(chartRef.current);
-    const option: any = {
-      backgroundColor: 'transparent',
-      tooltip: {
-        trigger: 'axis' as const,
-        backgroundColor: 'rgba(22, 27, 34, 0.95)',
-        borderColor: '#30363d',
-        textStyle: { color: '#f0f6fc' },
-      },
-      legend: {
-        data: ['提交工单', '执行成功', '执行失败'],
-        textStyle: { color: '#8b949e' },
-        bottom: 0,
-        itemWidth: 14,
-        itemHeight: 8,
-      },
-      grid: { left: '2%', right: '3%', bottom: '18%', top: '8%', containLabel: true },
-      xAxis: {
-        type: 'category' as const,
-        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
-        axisLine: { lineStyle: { color: '#30363d' } },
-        axisLabel: { color: '#8b949e', fontSize: 11 },
-      },
-      yAxis: {
-        type: 'value' as const,
-        axisLine: { show: false },
-        splitLine: { lineStyle: { color: '#21262d' } },
-        axisLabel: { color: '#8b949e', fontSize: 11 },
-      },
-      series: [
-        {
-          name: '提交工单', type: 'line', smooth: true,
-          data: [120, 132, 101, 134, 90, 230, 210],
-          itemStyle: { color: '#58a6ff' },
-          lineStyle: { width: 2 },
-          areaStyle: {
-            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-              { offset: 0, color: 'rgba(88, 166, 255, 0.3)' },
-              { offset: 1, color: 'rgba(88, 166, 255, 0)' },
-            ]),
-          },
-          symbol: 'none',
-        },
-        {
-          name: '执行成功', type: 'line', smooth: true,
-          data: [110, 125, 95, 128, 85, 215, 200],
-          itemStyle: { color: '#3fb950' },
-          lineStyle: { width: 2 },
-          areaStyle: {
-            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-              { offset: 0, color: 'rgba(63, 185, 80, 0.3)' },
-              { offset: 1, color: 'rgba(63, 185, 80, 0)' },
-            ]),
-          },
-          symbol: 'none',
-        },
-        {
-          name: '执行失败', type: 'line', smooth: true,
-          data: [5, 3, 4, 2, 3, 8, 5],
-          itemStyle: { color: '#f85149' },
-          lineStyle: { width: 2 },
-          symbol: 'none',
-        },
-      ],
-    };
-    chart.setOption(option);
-    const handleResize = () => chart.resize();
-    window.addEventListener('resize', handleResize);
-    return () => { window.removeEventListener('resize', handleResize); chart.dispose(); };
-  }, []);
-
-  const onlineInstances = dbInstances.filter(i => i.status === 'online').length;
-  const warningInstances = dbInstances.filter(i => i.status === 'warning').length;
-  const offlineInstances = dbInstances.filter(i => i.status === 'offline').length;
-  const pendingTickets = tickets.filter(t => t.status === 'pending' || t.status === 'reviewing').slice(0, 4);
-
-  return (
-    <div className="space-y-6">
-      {/* 统计卡片 */}
-      <div className="grid grid-cols-4 gap-5">
-        {stats.map((s, i) => (
-          <Card key={i} className="dg-card dg-card-hover">
-            <CardContent className="p-5">
-              <div className="flex items-center justify-between mb-4">
-                <span className="text-sm text-[var(--dg-text-secondary)] font-medium">{s.title}</span>
-                <div className={`w-10 h-10 rounded-xl ${s.bg} flex items-center justify-center`}>
-                  <s.icon className={`w-5 h-5 ${s.color}`} />
-                </div>
-              </div>
-              <div className="text-3xl font-bold text-[var(--dg-text-primary)] mb-2">{s.value}</div>
-              <div className="flex items-center gap-2 text-sm">
-                <span className={`flex items-center gap-1 font-medium ${s.trend >= 0 ? 'text-green-400' : 'text-red-400'}`}>
-                  {s.trend >= 0 ? <TrendingUp className="w-3.5 h-3.5" /> : <TrendingDown className="w-3.5 h-3.5" />}
-                  {Math.abs(s.trend)}%
-                </span>
-                <span className="text-[var(--dg-text-muted)]">较昨日</span>
-              </div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      {/* 图表 + 实例状态 */}
-      <div className="grid grid-cols-3 gap-5">
-        {/* 工单趋势图 */}
-        <Card className="dg-card col-span-2">
-          <CardHeader className="pb-2 border-b border-[var(--dg-border)]">
-            <div className="flex items-center justify-between">
-              <CardTitle className="text-[15px] font-semibold">工单趋势</CardTitle>
-              <div className="flex gap-1.5">
-                {['近7天', '近30天', '近90天'].map((p, i) => (
-                  <button key={p} className={`px-3 py-1.5 text-xs rounded-md transition-colors ${i === 0 ? 'bg-blue-500/15 text-blue-400 border border-blue-500/30' : 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-secondary)] border border-[var(--dg-border)] hover:border-[var(--dg-text-muted)]'}`}>
-                    {p}
-                  </button>
-                ))}
-              </div>
-            </div>
-          </CardHeader>
-          <CardContent className="p-5">
-            <div ref={chartRef} style={{ height: 300 }} />
-          </CardContent>
-        </Card>
-
-        {/* 实例状态 */}
-        <Card className="dg-card">
-          <CardHeader className="pb-2 border-b border-[var(--dg-border)]">
-            <CardTitle className="text-[15px] font-semibold">实例状态</CardTitle>
-          </CardHeader>
-          <CardContent className="p-0">
-            <div className="p-4 border-b border-[var(--dg-border-light)]">
-              <div className="grid grid-cols-3 gap-3 text-center">
-                <div>
-                  <div className="text-2xl font-bold text-green-400">{onlineInstances}</div>
-                  <div className="text-xs text-[var(--dg-text-muted)] mt-1">在线</div>
-                </div>
-                <div>
-                  <div className="text-2xl font-bold text-yellow-400">{warningInstances}</div>
-                  <div className="text-xs text-[var(--dg-text-muted)] mt-1">告警</div>
-                </div>
-                <div>
-                  <div className="text-2xl font-bold text-red-400">{offlineInstances}</div>
-                  <div className="text-xs text-[var(--dg-text-muted)] mt-1">离线</div>
-                </div>
-              </div>
-            </div>
-            {dbInstances.slice(0, 4).map(inst => (
-              <div key={inst.id} className="flex items-center px-5 py-3.5 border-b border-[var(--dg-border-light)] last:border-0 hover:bg-[var(--dg-bg-hover)] transition-colors cursor-pointer">
-                <div className={`w-9 h-9 rounded-lg flex items-center justify-center mr-3.5 ${inst.dbType === 'mysql' ? 'bg-[rgba(0,117,143,0.2)] text-[#26a69a]' : inst.dbType === 'redis' ? 'bg-[rgba(220,50,32,0.2)] text-[#ef5350]' : inst.dbType === 'postgres' ? 'bg-[rgba(51,103,145,0.2)] text-[#42a5f5]' : 'bg-[rgba(71,162,72,0.2)] text-[#66bb6a]'}`}>
-                  <Database className="w-4.5 h-4.5" />
-                </div>
-                <div className="flex-1 min-w-0">
-                  <div className="text-sm font-medium truncate">{inst.name}</div>
-                  <div className="text-xs text-[var(--dg-text-muted)]">{inst.host}:{inst.port}</div>
-                </div>
-                <span className={`px-2.5 py-1 rounded-full text-[11px] font-medium ${inst.status === 'online' ? 'bg-green-500/15 text-green-400' : inst.status === 'warning' ? 'bg-yellow-500/15 text-yellow-400' : 'bg-red-500/15 text-red-400'}`}>
-                  {inst.status === 'online' ? '在线' : inst.status === 'warning' ? '告警' : '离线'}
-                </span>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
-      </div>
-
-      {/* 待处理工单 */}
-      <Card className="dg-card">
-        <CardHeader className="pb-2 border-b border-[var(--dg-border)]">
-          <CardTitle className="text-[15px] font-semibold">待处理工单</CardTitle>
-        </CardHeader>
-        <CardContent className="p-0">
-          <div className="overflow-x-auto">
-            <table className="w-full text-sm">
-              <thead>
-                <tr className="border-b border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)]">
-                  <th className="text-left px-5 py-3 font-semibold text-[var(--dg-text-primary)]">工单号</th>
-                  <th className="text-left px-5 py-3 font-semibold text-[var(--dg-text-primary)]">标题</th>
-                  <th className="text-left px-5 py-3 font-semibold text-[var(--dg-text-primary)]">数据库</th>
-                  <th className="text-left px-5 py-3 font-semibold text-[var(--dg-text-primary)]">申请人</th>
-                  <th className="text-left px-5 py-3 font-semibold text-[var(--dg-text-primary)]">状态</th>
-                  <th className="text-left px-5 py-3 font-semibold text-[var(--dg-text-primary)]">创建时间</th>
-                  <th className="text-left px-5 py-3 font-semibold text-[var(--dg-text-primary)]">操作</th>
-                </tr>
-              </thead>
-              <tbody>
-                {pendingTickets.map(ticket => (
-                  <tr key={ticket.id} className="border-b border-[var(--dg-border-light)] hover:bg-[var(--dg-bg-hover)] transition-colors">
-                    <td className="px-5 py-3.5 font-mono text-xs">{ticket.id}</td>
-                    <td className="px-5 py-3.5 max-w-xs truncate">{ticket.title}</td>
-                    <td className="px-5 py-3.5">
-                      <span className={`inline-flex items-center gap-1 px-2.5 py-1 rounded-md text-xs font-medium ${dbTypeColorMap[ticket.dbType] || ''}`}>
-                        {ticket.dbType.toUpperCase()}
-                      </span>
-                    </td>
-                    <td className="px-5 py-3.5">{ticket.applicant}</td>
-                    <td className="px-5 py-3.5">
-                      <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${statusColorMap[ticket.status] || ''}`}>
-                        <span className={`w-1.5 h-1.5 rounded-full ${ticket.status === 'reviewing' ? 'bg-blue-400 animate-pulse' : ticket.status === 'pending' ? 'bg-yellow-400' : ''}`} />
-                        {statusMap[ticket.status]}
-                      </span>
-                    </td>
-                    <td className="px-5 py-3.5 text-[var(--dg-text-secondary)]">{ticket.createTime}</td>
-                    <td className="px-5 py-3.5">
-                      <div className="flex gap-2">
-                        <button className="text-blue-400 hover:text-blue-300 text-xs font-medium transition-colors">查看</button>
-                        <button className="text-green-400 hover:text-green-300 text-xs font-medium transition-colors">审批</button>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/DataPermissionPage.tsx b/数据审核平台菜单优化/app/src/pages/DataPermissionPage.tsx
deleted file mode 100644
index 32115a6..0000000
--- a/数据审核平台菜单优化/app/src/pages/DataPermissionPage.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { useState } from 'react';
-import { Plus, Search, Edit2, Trash2, Database, Table, Filter, Shield } from 'lucide-react';
-import { Card, CardContent } from '@/components/ui/card';
-import { dataPermissions } from '@/lib/mock';
-
-export default function DataPermissionPage() {
-  const [search, setSearch] = useState('');
-
-  const filtered = dataPermissions.filter(p =>
-    !search || p.user.includes(search) || p.instance.includes(search) || p.database.includes(search)
-  );
-
-  return (
-    <div className="space-y-5">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold">数据权限</h1>
-          <p className="text-sm text-[var(--dg-text-secondary)] mt-1">配置用户对数据库、表、字段的访问权限，支持行级权限控制</p>
-        </div>
-        <button className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity">
-          <Plus className="w-4 h-4" /> 添加权限
-        </button>
-      </div>
-
-      <div className="grid grid-cols-4 gap-4">
-        {[
-          { label: '权限规则数', value: dataPermissions.length, icon: Shield, color: 'text-blue-400', bg: 'bg-blue-400/10' },
-          { label: '受控用户', value: new Set(dataPermissions.map(p => p.user)).size, icon: Database, color: 'text-purple-400', bg: 'bg-purple-400/10' },
-          { label: '受控实例', value: new Set(dataPermissions.map(p => p.instance)).size, icon: Table, color: 'text-green-400', bg: 'bg-green-400/10' },
-          { label: '行级过滤规则', value: dataPermissions.filter(p => p.rowFilter).length, icon: Filter, color: 'text-orange-400', bg: 'bg-orange-400/10' },
-        ].map((s, i) => (
-          <Card key={i} className="dg-card">
-            <CardContent className="p-4 flex items-center gap-3">
-              <div className={`w-10 h-10 rounded-lg ${s.bg} flex items-center justify-center`}><s.icon className={`w-5 h-5 ${s.color}`} /></div>
-              <div><div className="text-2xl font-bold">{s.value}</div><div className="text-xs text-[var(--dg-text-muted)]">{s.label}</div></div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      <div className="relative max-w-xs">
-        <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--dg-text-muted)]" />
-        <input className="w-full pl-10 pr-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm placeholder:text-[var(--dg-text-muted)] focus:border-blue-400 focus:outline-none" placeholder="搜索用户/实例/数据库" value={search} onChange={e => setSearch(e.target.value)} />
-      </div>
-
-      <Card className="dg-card">
-        <CardContent className="p-0">
-          <div className="overflow-x-auto">
-            <table className="w-full text-sm">
-              <thead>
-                <tr className="border-b border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)]">
-                  <th className="text-left px-5 py-3 font-semibold">用户</th>
-                  <th className="text-left px-5 py-3 font-semibold">实例</th>
-                  <th className="text-left px-5 py-3 font-semibold">数据库</th>
-                  <th className="text-left px-5 py-3 font-semibold">表</th>
-                  <th className="text-left px-5 py-3 font-semibold">字段权限</th>
-                  <th className="text-left px-5 py-3 font-semibold">行级过滤</th>
-                  <th className="text-left px-5 py-3 font-semibold">操作权限</th>
-                  <th className="text-left px-5 py-3 font-semibold">操作</th>
-                </tr>
-              </thead>
-              <tbody>
-                {filtered.map(p => (
-                  <tr key={p.id} className="border-b border-[var(--dg-border-light)] hover:bg-[var(--dg-bg-hover)] transition-colors">
-                    <td className="px-5 py-3.5 font-medium">{p.user}</td>
-                    <td className="px-5 py-3.5 text-[var(--dg-text-secondary)]">{p.instance}</td>
-                    <td className="px-5 py-3.5 text-[var(--dg-text-secondary)]">{p.database}</td>
-                    <td className="px-5 py-3.5 text-[var(--dg-text-secondary)]">{p.table}</td>
-                    <td className="px-5 py-3.5">
-                      {p.columns === '*' ? (
-                        <span className="px-2 py-1 bg-green-500/15 text-green-400 text-xs rounded-md">全部字段</span>
-                      ) : (
-                        <div className="flex flex-wrap gap-1">
-                          {p.columns.split(',').map(c => (
-                            <span key={c} className="px-2 py-1 bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-secondary)] text-xs rounded-md">{c}</span>
-                          ))}
-                        </div>
-                      )}
-                    </td>
-                    <td className="px-5 py-3.5">
-                      {p.rowFilter ? (
-                        <span className="px-2 py-1 bg-yellow-500/15 text-yellow-400 text-xs rounded-md">{p.rowFilter}</span>
-                      ) : (
-                        <span className="text-[var(--dg-text-muted)]">-</span>
-                      )}
-                    </td>
-                    <td className="px-5 py-3.5">
-                      <div className="flex flex-wrap gap-1">
-                        {p.operations.map(op => (
-                          <span key={op} className="px-2 py-1 bg-blue-500/15 text-blue-400 text-xs rounded-md">{op}</span>
-                        ))}
-                      </div>
-                    </td>
-                    <td className="px-5 py-3.5">
-                      <div className="flex gap-2">
-                        <button className="text-blue-400 hover:text-blue-300"><Edit2 className="w-4 h-4" /></button>
-                        <button className="text-red-400 hover:text-red-300"><Trash2 className="w-4 h-4" /></button>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/Home.tsx b/数据审核平台菜单优化/app/src/pages/Home.tsx
deleted file mode 100644
index 50413cf..0000000
--- a/数据审核平台菜单优化/app/src/pages/Home.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useState } from 'react'
-import '../App.css'
-
-export default function Home() {
-  const [count, setCount] = useState(0)
-
-  return (
-    <>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-    </>
-  )
-}
diff --git a/数据审核平台菜单优化/app/src/pages/InstancePage.tsx b/数据审核平台菜单优化/app/src/pages/InstancePage.tsx
deleted file mode 100644
index 4609703..0000000
--- a/数据审核平台菜单优化/app/src/pages/InstancePage.tsx
+++ /dev/null
@@ -1,291 +0,0 @@
-import { useState, useMemo } from 'react';
-import { useParams } from 'react-router-dom';
-import {
-  Plus, RefreshCw, Search, Database, Server, Zap, Leaf, MousePointerClick,
-  Activity, HardDrive, Cpu, MemoryStick, Clock, ChevronRight, Trash2, Edit2,
-  Undo2,
-} from 'lucide-react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { dbInstances } from '@/lib/mock';
-import { useActionPermission } from '@/hooks/useAuth';
-import PageHeader from '@/components/PageHeader';
-import EmptyState from '@/components/EmptyState';
-import type { DBInstance } from '@/types';
-
-const dbTypeConfig: Record<string, { icon: React.ElementType; color: string; bg: string; label: string }> = {
-  mysql: { icon: Database, color: 'text-[#26a69a]', bg: 'bg-[rgba(0,117,143,0.15)]', label: 'MySQL' },
-  postgres: { icon: Server, color: 'text-[#42a5f5]', bg: 'bg-[rgba(51,103,145,0.15)]', label: 'PostgreSQL' },
-  redis: { icon: Zap, color: 'text-[#ef5350]', bg: 'bg-[rgba(220,50,32,0.15)]', label: 'Redis' },
-  mongo: { icon: Leaf, color: 'text-[#66bb6a]', bg: 'bg-[rgba(71,162,72,0.15)]', label: 'MongoDB' },
-  clickhouse: { icon: MousePointerClick, color: 'text-[#ffca28]', bg: 'bg-[rgba(255,202,40,0.15)]', label: 'ClickHouse' },
-};
-
-export default function InstancePage() {
-  const { type = 'mysql' } = useParams<{ type: string }>();
-  const canAdd = useActionPermission('instance.add');
-  const canEdit = useActionPermission('instance.edit');
-  const canDelete = useActionPermission('instance.delete');
-
-  const [searchQuery, setSearchQuery] = useState('');
-  const [filterStatus, setFilterStatus] = useState('');
-  const [filterEnv, setFilterEnv] = useState('');
-  const [selectedInstance, setSelectedInstance] = useState<DBInstance | null>(null);
-  const [view, setView] = useState<'grid' | 'detail'>('grid');
-
-  const config: { icon: React.ElementType; color: string; bg: string; label: string } = dbTypeConfig[type] || dbTypeConfig.mysql;
-
-  const instances = useMemo(() => {
-    return dbInstances.filter(i => {
-      if (i.dbType !== type) return false;
-      if (filterStatus && i.status !== filterStatus) return false;
-      if (filterEnv && i.env !== filterEnv) return false;
-      if (searchQuery && !i.name.includes(searchQuery) && !i.host.includes(searchQuery)) return false;
-      return true;
-    });
-  }, [type, filterStatus, filterEnv, searchQuery]);
-
-  const statusCounts = useMemo(() => ({
-    online: instances.filter(i => i.status === 'online').length,
-    warning: instances.filter(i => i.status === 'warning').length,
-    offline: instances.filter(i => i.status === 'offline').length,
-  }), [instances]);
-
-  if (view === 'detail' && selectedInstance) {
-    return <InstanceDetail instance={selectedInstance} onBack={() => setView('grid')} config={config} canEdit={canEdit} canDelete={canDelete} />;
-  }
-
-  return (
-    <div className="space-y-5">
-      <PageHeader
-        title={`${config.label} 实例管理`}
-        description={`管理 ${config.label} 数据库实例，监控连接状态和性能指标`}
-        secondaryAction={{ label: '刷新', icon: RefreshCw, onClick: () => {} }}
-        action={canAdd ? { label: '添加实例', icon: Plus, onClick: () => {}, permission: 'instance.add' } : undefined}
-      />
-
-      {/* 状态概览 */}
-      <div className="grid grid-cols-4 gap-4">
-        <Card className="dg-card">
-          <CardContent className="p-4 flex items-center gap-3">
-            <div className="w-10 h-10 rounded-lg bg-green-500/10 flex items-center justify-center"><Activity className="w-5 h-5 text-green-400" /></div>
-            <div><div className="text-2xl font-bold">{statusCounts.online}</div><div className="text-xs text-[var(--dg-text-muted)]">在线实例</div></div>
-          </CardContent>
-        </Card>
-        <Card className="dg-card">
-          <CardContent className="p-4 flex items-center gap-3">
-            <div className="w-10 h-10 rounded-lg bg-yellow-500/10 flex items-center justify-center"><HardDrive className="w-5 h-5 text-yellow-400" /></div>
-            <div><div className="text-2xl font-bold">{statusCounts.warning}</div><div className="text-xs text-[var(--dg-text-muted)]">告警实例</div></div>
-          </CardContent>
-        </Card>
-        <Card className="dg-card">
-          <CardContent className="p-4 flex items-center gap-3">
-            <div className="w-10 h-10 rounded-lg bg-red-500/10 flex items-center justify-center"><HardDrive className="w-5 h-5 text-red-400" /></div>
-            <div><div className="text-2xl font-bold">{statusCounts.offline}</div><div className="text-xs text-[var(--dg-text-muted)]">离线实例</div></div>
-          </CardContent>
-        </Card>
-        <Card className="dg-card">
-          <CardContent className="p-4 flex items-center gap-3">
-            <div className="w-10 h-10 rounded-lg bg-blue-500/10 flex items-center justify-center"><Server className="w-5 h-5 text-blue-400" /></div>
-            <div><div className="text-2xl font-bold">{instances.length}</div><div className="text-xs text-[var(--dg-text-muted)]">总实例数</div></div>
-          </CardContent>
-        </Card>
-      </div>
-
-      {/* 筛选栏 */}
-      <div className="flex items-center gap-3 p-4 dg-card flex-wrap">
-        <div className="relative flex-1 max-w-xs">
-          <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--dg-text-muted)]" />
-          <input
-            className="w-full pl-10 pr-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm text-[var(--dg-text-primary)] placeholder:text-[var(--dg-text-muted)] focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-400/20 transition-all"
-            placeholder="搜索实例名称/地址"
-            value={searchQuery}
-            onChange={e => setSearchQuery(e.target.value)}
-          />
-        </div>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm text-[var(--dg-text-primary)] focus:border-blue-400 focus:outline-none" value={filterStatus} onChange={e => setFilterStatus(e.target.value)}>
-          <option value="">全部状态</option>
-          <option value="online">在线</option>
-          <option value="offline">离线</option>
-          <option value="warning">告警</option>
-        </select>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm text-[var(--dg-text-primary)] focus:border-blue-400 focus:outline-none" value={filterEnv} onChange={e => setFilterEnv(e.target.value)}>
-          <option value="">全部环境</option>
-          <option value="prod">生产</option>
-          <option value="test">测试</option>
-          <option value="dev">开发</option>
-        </select>
-      </div>
-
-      {/* 实例卡片网格 */}
-      {instances.length === 0 ? (
-        <EmptyState type="search" />
-      ) : (
-      <div className="grid grid-cols-3 gap-4">
-        {instances.map(instance => (
-          <div
-            key={instance.id}
-            className="dg-card p-5 cursor-pointer dg-card-hover group"
-            onClick={() => { setSelectedInstance(instance); setView('detail'); }}
-          >
-            <div className="flex items-start justify-between mb-4">
-              <div className={`w-11 h-11 rounded-xl ${config.bg} flex items-center justify-center`}>
-                <config.icon className={`w-6 h-6 ${config.color}`} />
-              </div>
-              <div className="flex items-center gap-2">
-                {instance.tags.map(tag => (
-                  <span key={tag} className="px-2 py-0.5 bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)] text-[11px] rounded-md">{tag}</span>
-                ))}
-                <div className={`w-2.5 h-2.5 rounded-full ${instance.status === 'online' ? 'bg-green-400 shadow-[0_0_0_3px_rgba(63,185,80,0.2)]' : instance.status === 'warning' ? 'bg-yellow-400' : 'bg-red-400'}`} />
-              </div>
-            </div>
-            <h3 className="text-base font-semibold mb-1">{instance.name}</h3>
-            <p className="text-xs text-[var(--dg-text-muted)] mb-1">{instance.host}:{instance.port}</p>
-            <p className="text-xs text-[var(--dg-text-muted)] mb-4">{config.label} {instance.version} · {instance.env === 'prod' ? '生产' : instance.env === 'test' ? '测试' : '开发'}</p>
-            <div className="grid grid-cols-3 gap-3 pt-4 border-t border-[var(--dg-border)]">
-              <div className="text-center">
-                <div className="text-lg font-semibold">{instance.connections}</div>
-                <div className="text-[11px] text-[var(--dg-text-muted)]">连接数</div>
-              </div>
-              <div className="text-center">
-                <div className="text-lg font-semibold">{instance.qps.toLocaleString()}</div>
-                <div className="text-[11px] text-[var(--dg-text-muted)]">QPS</div>
-              </div>
-              <div className="text-center">
-                <div className="text-lg font-semibold">{instance.latency}<span className="text-xs font-normal text-[var(--dg-text-muted)]">ms</span></div>
-                <div className="text-[11px] text-[var(--dg-text-muted)]">延迟</div>
-              </div>
-            </div>
-            <div className="mt-4 space-y-2">
-              <div className="flex items-center gap-2 text-[11px]">
-                <Cpu className="w-3 h-3 text-[var(--dg-text-muted)]" />
-                <div className="flex-1 h-1.5 bg-[var(--dg-bg-tertiary)] rounded-full overflow-hidden">
-                  <div className="h-full bg-blue-400 rounded-full transition-all" style={{ width: `${instance.cpu}%` }} />
-                </div>
-                <span className="text-[var(--dg-text-muted)] w-8 text-right">{instance.cpu}%</span>
-              </div>
-              <div className="flex items-center gap-2 text-[11px]">
-                <MemoryStick className="w-3 h-3 text-[var(--dg-text-muted)]" />
-                <div className="flex-1 h-1.5 bg-[var(--dg-bg-tertiary)] rounded-full overflow-hidden">
-                  <div className="h-full bg-purple-400 rounded-full transition-all" style={{ width: `${instance.memory}%` }} />
-                </div>
-                <span className="text-[var(--dg-text-muted)] w-8 text-right">{instance.memory}%</span>
-              </div>
-            </div>
-          </div>
-        ))}
-      </div>
-      )}
-    </div>
-  );
-}
-
-function InstanceDetail({ instance, onBack, config, canEdit, canDelete }: {
-  instance: DBInstance; onBack: () => void; config: { icon: React.ElementType; color: string; bg: string };
-  canEdit: boolean; canDelete: boolean;
-}) {
-  const DetailIcon = config.icon;
-  return (
-    <div className="space-y-5">
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-4">
-          <button onClick={onBack} className="w-9 h-9 rounded-lg bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] flex items-center justify-center text-[var(--dg-text-secondary)] hover:text-[var(--dg-text-primary)] transition-all">
-            <ChevronRight className="w-4 h-4 rotate-180" />
-          </button>
-          <div className="flex items-center gap-3">
-            <div className={`w-10 h-10 rounded-xl ${config.bg} flex items-center justify-center`}>
-              <DetailIcon className={`w-5 h-5 ${config.color}`} />
-            </div>
-            <h1 className="text-2xl font-semibold flex items-center gap-3">
-              {instance.name}
-              <span className={`px-2.5 py-1 rounded-full text-xs font-medium ${instance.status === 'online' ? 'bg-green-500/15 text-green-400' : instance.status === 'warning' ? 'bg-yellow-500/15 text-yellow-400' : 'bg-red-500/15 text-red-400'}`}>
-                {instance.status === 'online' ? '在线' : instance.status === 'warning' ? '告警' : '离线'}
-              </span>
-            </h1>
-            <p className="text-sm text-[var(--dg-text-secondary)] mt-1">{instance.host}:{instance.port} · 版本 {instance.version}</p>
-          </div>
-        </div>
-        <div className="flex gap-2">
-          {canEdit && (
-            <button className="flex items-center gap-2 px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm text-[var(--dg-text-primary)] hover:bg-[var(--dg-bg-hover)] transition-all">
-              <Edit2 className="w-4 h-4" /> 编辑
-            </button>
-          )}
-          {canDelete && (
-            <button className="flex items-center gap-2 px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm text-red-400 hover:bg-red-500/10 hover:border-red-500/30 transition-all">
-              <Trash2 className="w-4 h-4" /> 删除
-            </button>
-          )}
-        </div>
-      </div>
-
-      {/* 性能指标 */}
-      <div className="grid grid-cols-6 gap-4">
-        {[
-          { label: '连接数', value: instance.connections, icon: Activity },
-          { label: 'QPS', value: instance.qps.toLocaleString(), icon: Zap },
-          { label: '延迟', value: `${instance.latency}ms`, icon: Clock },
-          { label: 'CPU', value: `${instance.cpu}%`, icon: Cpu },
-          { label: '内存', value: `${instance.memory}%`, icon: MemoryStick },
-          { label: '磁盘', value: `${instance.disk}%`, icon: HardDrive },
-        ].map((m, i) => (
-          <Card key={i} className="dg-card">
-            <CardContent className="p-4 text-center">
-              <m.icon className="w-5 h-5 text-[var(--dg-text-muted)] mx-auto mb-2" />
-              <div className="text-xl font-bold">{m.value}</div>
-              <div className="text-xs text-[var(--dg-text-muted)] mt-1">{m.label}</div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      <div className="grid grid-cols-2 gap-5">
-        {/* 连接信息 */}
-        <Card className="dg-card">
-          <CardHeader className="border-b border-[var(--dg-border)]"><CardTitle className="text-[15px] font-semibold">连接信息</CardTitle></CardHeader>
-          <CardContent className="p-5 space-y-3">
-            {[
-              { label: '主机地址', value: instance.host },
-              { label: '端口', value: instance.port.toString() },
-              { label: '数据库版本', value: instance.version },
-              { label: '运行环境', value: instance.env === 'prod' ? '生产环境' : instance.env === 'test' ? '测试环境' : '开发环境' },
-              { label: '运行时间', value: instance.uptime },
-              { label: '标签', value: instance.tags.join(', ') },
-              ...(instance.dbType === 'mysql' ? [
-                { label: 'Binlog 格式', value: <span className="px-2 py-0.5 bg-green-500/15 text-green-400 text-xs rounded">ROW</span> },
-                { label: 'Binlog 状态', value: <span className="px-2 py-0.5 bg-green-500/15 text-green-400 text-xs rounded">ON</span> },
-                { label: '回滚支持', value: <span className="flex items-center gap-1"><Undo2 className="w-3 h-3 text-green-400" /> <span className="text-green-400 text-xs">支持</span></span> },
-              ] : []),
-            ].map(item => (
-              <div key={item.label} className="flex justify-between py-2 border-b border-[var(--dg-border-light)] last:border-0">
-                <span className="text-sm text-[var(--dg-text-secondary)]">{item.label}</span>
-                <span className="text-sm font-medium">{item.value}</span>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
-
-        {/* 资源使用趋势 */}
-        <Card className="dg-card">
-          <CardHeader className="border-b border-[var(--dg-border)]"><CardTitle className="text-[15px] font-semibold">资源使用</CardTitle></CardHeader>
-          <CardContent className="p-5 space-y-5">
-            {[
-              { label: 'CPU 使用率', value: instance.cpu, color: 'bg-blue-400' },
-              { label: '内存使用率', value: instance.memory, color: 'bg-purple-400' },
-              { label: '磁盘使用率', value: instance.disk, color: 'bg-orange-400' },
-            ].map(item => (
-              <div key={item.label}>
-                <div className="flex justify-between text-sm mb-2">
-                  <span className="text-[var(--dg-text-secondary)]">{item.label}</span>
-                  <span className="font-medium">{item.value}%</span>
-                </div>
-                <div className="h-2.5 bg-[var(--dg-bg-tertiary)] rounded-full overflow-hidden">
-                  <div className={`h-full ${item.color} rounded-full transition-all`} style={{ width: `${item.value}%` }} />
-                </div>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/LoginPage.tsx b/数据审核平台菜单优化/app/src/pages/LoginPage.tsx
deleted file mode 100644
index 980b52b..0000000
--- a/数据审核平台菜单优化/app/src/pages/LoginPage.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { Shield, Database, Code, GitBranch, Bell, History, UserCog, Sparkles } from 'lucide-react';
-
-export default function LoginPage() {
-  const navigate = useNavigate();
-  const [username, setUsername] = useState('');
-  const [password, setPassword] = useState('');
-  const [loading, setLoading] = useState(false);
-
-  const handleLogin = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!username || !password) return;
-    setLoading(true);
-    setTimeout(() => {
-      setLoading(false);
-      navigate('/dashboard');
-    }, 800);
-  };
-
-  const features = [
-    { icon: Database, title: '多数据库支持', desc: 'MySQL、PostgreSQL、Redis、MongoDB、ClickHouse' },
-    { icon: Code, title: '智能 SQL 审核', desc: '语法检查、规则校验、影响分析、自动评分' },
-    { icon: GitBranch, title: '多级审批流程', desc: '会签、或签、条件审批灵活配置' },
-    { icon: Bell, title: '多渠道通知', desc: '飞书、钉钉、企微、TG 即时推送' },
-    { icon: History, title: '完整审计追踪', desc: '所有操作可追溯，支持 SQL 回滚' },
-    { icon: UserCog, title: '细粒度权限', desc: 'RBAC 角色权限，字段级/行级访问控制' },
-  ];
-
-  return (
-    <div className="min-h-screen flex bg-[var(--dg-bg-primary)] relative overflow-hidden">
-      {/* 背景装饰 */}
-      <div className="absolute inset-0 pointer-events-none">
-        <div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(ellipse_at_20%_20%,rgba(88,166,255,0.08)_0%,transparent_50%),radial-gradient(ellipse_at_80%_80%,rgba(137,87,229,0.08)_0%,transparent_50%)]" />
-      </div>
-
-      {/* 左侧 */}
-      <div className="flex-1 flex flex-col justify-center px-16 relative z-10">
-        <div className="mb-10">
-          <div className="flex items-center gap-3 mb-6">
-            <div className="w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
-              <Shield className="w-7 h-7 text-white" />
-            </div>
-            <h1 className="text-5xl font-bold bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400 bg-clip-text text-transparent">
-              DataGuard Pro
-            </h1>
-          </div>
-          <p className="text-lg text-[var(--dg-text-secondary)] leading-relaxed">
-            企业级数据审核与变更管理平台<br />
-            支持多数据库类型，提供完善的 SQL 审核、审批流程和审计追踪
-          </p>
-        </div>
-
-        <div className="grid grid-cols-2 gap-4">
-          {features.map((f, i) => (
-            <div key={i} className="flex items-start gap-3 p-4 rounded-xl bg-[var(--dg-bg-secondary)]/60 border border-[var(--dg-border)] hover:border-blue-500/50 hover:bg-[var(--dg-bg-secondary)] transition-all group">
-              <f.icon className="w-6 h-6 text-blue-400 mt-0.5 flex-shrink-0 group-hover:scale-110 transition-transform" />
-              <div>
-                <h4 className="text-sm font-semibold mb-1">{f.title}</h4>
-                <p className="text-xs text-[var(--dg-text-secondary)]">{f.desc}</p>
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-
-      {/* 右侧 */}
-      <div className="w-[480px] flex flex-col justify-center px-16 bg-[var(--dg-bg-secondary)]/80 backdrop-blur-xl border-l border-[var(--dg-border)] relative z-10">
-        <div className="w-full max-w-sm mx-auto">
-          <div className="flex items-center gap-2 mb-2">
-            <Sparkles className="w-5 h-5 text-blue-400" />
-            <h2 className="text-2xl font-bold">欢迎回来</h2>
-          </div>
-          <p className="text-sm text-[var(--dg-text-secondary)] mb-8">请登录您的账户以继续</p>
-
-          <form onSubmit={handleLogin} className="space-y-4">
-            <div>
-              <label className="block text-sm font-medium mb-2">用户名 / 邮箱</label>
-              <div className="relative">
-                <UserCog className="absolute left-3.5 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--dg-text-muted)]" />
-                <input
-                  className="w-full pl-10 pr-4 py-3 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-400/20 transition-all"
-                  placeholder="admin"
-                  value={username}
-                  onChange={e => setUsername(e.target.value)}
-                />
-              </div>
-            </div>
-            <div>
-              <label className="block text-sm font-medium mb-2">密码</label>
-              <div className="relative">
-                <Shield className="absolute left-3.5 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--dg-text-muted)]" />
-                <input
-                  type="password"
-                  className="w-full pl-10 pr-4 py-3 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-400/20 transition-all"
-                  placeholder="admin123"
-                  value={password}
-                  onChange={e => setPassword(e.target.value)}
-                />
-              </div>
-            </div>
-            <button
-              type="submit"
-              disabled={loading || !username || !password}
-              className="w-full py-3 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-semibold text-white hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed transition-all flex items-center justify-center gap-2"
-            >
-              {loading ? (
-                <div className="w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin" />
-              ) : '登录'}
-            </button>
-          </form>
-
-          <div className="mt-6 p-3 rounded-lg bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)]">
-            <p className="text-xs text-[var(--dg-text-muted)] text-center">演示账号</p>
-            <div className="flex gap-2 mt-2">
-              <button onClick={() => { setUsername('admin'); setPassword('admin123'); }} className="flex-1 py-2 text-xs rounded-md bg-blue-500/10 text-blue-400 border border-blue-500/20 hover:bg-blue-500/20 transition-colors">
-                管理员
-              </button>
-              <button onClick={() => { setUsername('developer'); setPassword('dev123'); }} className="flex-1 py-2 text-xs rounded-md bg-green-500/10 text-green-400 border border-green-500/20 hover:bg-green-500/20 transition-colors">
-                开发者
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/NotificationsPage.tsx b/数据审核平台菜单优化/app/src/pages/NotificationsPage.tsx
deleted file mode 100644
index c0b008a..0000000
--- a/数据审核平台菜单优化/app/src/pages/NotificationsPage.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import { useState } from 'react';
-import { Send, Bell, MessageSquare, Navigation, Mail, Check, ToggleLeft, ToggleRight, Webhook, Settings, TestTube } from 'lucide-react';
-import { Card, CardContent } from '@/components/ui/card';
-import { notificationChannels } from '@/lib/mock';
-
-const iconMap: Record<string, React.ElementType> = {
-  Send, Bell, MessageSquare, Navigation, Mail,
-};
-
-const channelStyle: Record<string, { bg: string; color: string }> = {
-  feishu: { bg: 'bg-[rgba(0,150,255,0.15)]', color: 'text-[#00a8ff]' },
-  dingtalk: { bg: 'bg-[rgba(0,160,255,0.15)]', color: 'text-[#0089ff]' },
-  wechat: { bg: 'bg-[rgba(7,193,96,0.15)]', color: 'text-[#07c160]' },
-  telegram: { bg: 'bg-[rgba(0,136,204,0.15)]', color: 'text-[#0088cc]' },
-  email: { bg: 'bg-[rgba(220,50,32,0.15)]', color: 'text-[#ef5350]' },
-};
-
-const allEvents = [
-  { key: 'ticket_created', label: '工单创建' },
-  { key: 'ticket_approved', label: '审批通过' },
-  { key: 'ticket_rejected', label: '审批拒绝' },
-  { key: 'ticket_executed', label: '执行完成' },
-  { key: 'ticket_failed', label: '执行失败' },
-  { key: 'ticket_rollback', label: '工单回滚' },
-];
-
-export default function NotificationsPage() {
-  const [channels, setChannels] = useState(notificationChannels);
-  const [editChannel, setEditChannel] = useState<typeof notificationChannels[0] | null>(null);
-
-  const toggleChannel = (id: number) => {
-    setChannels(prev => prev.map(c => c.id === id ? { ...c, enabled: !c.enabled } : c));
-  };
-
-  return (
-    <div className="space-y-5">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold">通知渠道配置</h1>
-          <p className="text-sm text-[var(--dg-text-secondary)] mt-1">配置多渠道通知，支持飞书、钉钉、企业微信、Telegram</p>
-        </div>
-        <button className="flex items-center gap-2 px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm font-medium hover:bg-[var(--dg-bg-hover)] hover:border-[var(--dg-text-muted)] transition-all">
-          <Settings className="w-4 h-4" /> 全局设置
-        </button>
-      </div>
-
-      <div className="grid grid-cols-5 gap-4">
-        {[
-          { label: '渠道总数', value: channels.length, icon: Webhook, color: 'text-blue-400', bg: 'bg-blue-400/10' },
-          { label: '已启用', value: channels.filter(c => c.enabled).length, icon: Check, color: 'text-green-400', bg: 'bg-green-400/10' },
-          { label: '未启用', value: channels.filter(c => !c.enabled).length, icon: Bell, color: 'text-gray-400', bg: 'bg-gray-400/10' },
-        ].map((s, i) => (
-          <Card key={i} className="dg-card">
-            <CardContent className="p-4 flex items-center gap-3">
-              <div className={`w-10 h-10 rounded-lg ${s.bg} flex items-center justify-center`}><s.icon className={`w-5 h-5 ${s.color}`} /></div>
-              <div><div className="text-2xl font-bold">{s.value}</div><div className="text-xs text-[var(--dg-text-muted)]">{s.label}</div></div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      <div className="grid grid-cols-2 gap-4">
-        {channels.map(channel => {
-          const Icon = iconMap[channel.icon] || Bell;
-          const style = channelStyle[channel.type] || channelStyle.email;
-          return (
-            <div
-              key={channel.id}
-              className={`dg-card p-5 cursor-pointer transition-all ${channel.enabled ? 'border-green-500/30 bg-green-500/5' : 'dg-card-hover'}`}
-              onClick={() => setEditChannel(channel)}
-            >
-              <div className="flex items-center justify-between">
-                <div className="flex items-center gap-4">
-                  <div className={`w-12 h-12 rounded-xl ${style.bg} flex items-center justify-center`}>
-                    <Icon className={`w-6 h-6 ${style.color}`} />
-                  </div>
-                  <div>
-                    <div className="text-base font-semibold">{channel.name}</div>
-                    <div className="text-xs text-[var(--dg-text-muted)] mt-0.5">{channel.description}</div>
-                    {channel.enabled && channel.events && (
-                      <div className="flex flex-wrap gap-1 mt-2">
-                        {channel.events.slice(0, 3).map(e => (
-                          <span key={e} className="px-1.5 py-0.5 bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)] text-[10px] rounded">{allEvents.find(a => a.key === e)?.label || e}</span>
-                        ))}
-                        {channel.events.length > 3 && <span className="px-1.5 py-0.5 text-[var(--dg-text-muted)] text-[10px]">+{channel.events.length - 3}</span>}
-                      </div>
-                    )}
-                  </div>
-                </div>
-                <div className="flex flex-col items-end gap-2">
-                  <span className={`px-2.5 py-1 rounded-full text-xs font-medium ${channel.enabled ? 'bg-green-500/15 text-green-400' : 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)]'}`}>
-                    {channel.enabled ? '已启用' : '未启用'}
-                  </span>
-                  <button
-                    onClick={e => { e.stopPropagation(); toggleChannel(channel.id); }}
-                    className="transition-colors"
-                  >
-                    {channel.enabled ? <ToggleRight className="w-7 h-7 text-green-400" /> : <ToggleLeft className="w-7 h-7 text-[var(--dg-text-muted)]" />}
-                  </button>
-                </div>
-              </div>
-            </div>
-          );
-        })}
-      </div>
-
-      {/* 编辑弹窗 */}
-      {editChannel && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={() => setEditChannel(null)}>
-          <div className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl p-6 max-w-lg w-full mx-4" onClick={e => e.stopPropagation()}>
-            <h3 className="text-xl font-semibold mb-5">配置 {editChannel.name}</h3>
-            <div className="space-y-4">
-              <div>
-                <label className="block text-sm font-medium mb-2">Webhook URL</label>
-                <input
-                  className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none"
-                  defaultValue={editChannel.webhook || ''}
-                  placeholder={`请输入 ${editChannel.name} Webhook 地址`}
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium mb-2">密钥 (Secret)</label>
-                <input
-                  type="password"
-                  className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none"
-                  placeholder="请输入密钥"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium mb-3">通知事件</label>
-                <div className="grid grid-cols-2 gap-2">
-                  {allEvents.map(evt => (
-                    <label key={evt.key} className="flex items-center gap-2 p-2.5 rounded-lg bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] cursor-pointer hover:border-[var(--dg-text-muted)] transition-colors">
-                      <input type="checkbox" defaultChecked={editChannel.events?.includes(evt.key)} className="w-4 h-4 rounded border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)] text-blue-500 focus:ring-blue-500/20" />
-                      <span className="text-sm">{evt.label}</span>
-                    </label>
-                  ))}
-                </div>
-              </div>
-              <div>
-                <label className="block text-sm font-medium mb-2">@ 提醒用户</label>
-                <select className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none">
-                  <option>审批人</option>
-                  <option>申请人</option>
-                  <option>执行人</option>
-                  <option>全部相关人员</option>
-                </select>
-              </div>
-            </div>
-            <div className="flex justify-end gap-3 mt-6">
-              <button onClick={() => setEditChannel(null)} className="px-5 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm hover:bg-[var(--dg-bg-hover)] transition-colors">
-                取消
-              </button>
-              <button className="flex items-center gap-2 px-5 py-2.5 bg-green-500/15 border border-green-500/30 rounded-lg text-sm font-medium text-green-400 hover:bg-green-500/25 transition-all">
-                <TestTube className="w-4 h-4" /> 测试
-              </button>
-              <button onClick={() => setEditChannel(null)} className="px-5 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity">
-                保存
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/QueriesPage.tsx b/数据审核平台菜单优化/app/src/pages/QueriesPage.tsx
deleted file mode 100644
index 16670a3..0000000
--- a/数据审核平台菜单优化/app/src/pages/QueriesPage.tsx
+++ /dev/null
@@ -1,346 +0,0 @@
-import { useState, useMemo } from 'react';
-import {
-  Search, Download, Plus, Clock, Eye, Copy, X, Database, FileText,
-  AlertTriangle, CheckCircle, XCircle, ChevronRight, Play
-} from 'lucide-react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { queryAudits, dbTypeColorMap } from '@/lib/mock';
-import { useActionPermission } from '@/hooks/useAuth';
-import PageHeader from '@/components/PageHeader';
-import EmptyState from '@/components/EmptyState';
-import type { QueryAudit } from '@/types';
-
-export default function QueriesPage() {
-  const canCreate = useActionPermission('query.create');
-  const canExport = useActionPermission('query.export');
-
-  const [search, setSearch] = useState('');
-  const [dbTypeFilter, setDbTypeFilter] = useState('');
-  const [statusFilter, setStatusFilter] = useState('');
-  const [selectedQuery, setSelectedQuery] = useState<QueryAudit | null>(null);
-  const [showNewQuery, setShowNewQuery] = useState(false);
-
-  const filtered = useMemo(() => {
-    return queryAudits.filter(q => {
-      if (dbTypeFilter && q.dbType !== dbTypeFilter) return false;
-      if (statusFilter && q.status !== statusFilter) return false;
-      if (search && !q.sql.includes(search) && !q.user.includes(search) && !q.instance.includes(search)) return false;
-      return true;
-    });
-  }, [search, dbTypeFilter, statusFilter]);
-
-  const statusCounts = useMemo(() => ({
-    total: queryAudits.length,
-    success: queryAudits.filter(q => q.status === 'success').length,
-    slow: queryAudits.filter(q => q.status === 'slow').length,
-    failed: queryAudits.filter(q => q.status === 'failed').length,
-  }), []);
-
-  if (showNewQuery) {
-    return <NewQueryPanel onCancel={() => setShowNewQuery(false)} />;
-  }
-
-  if (selectedQuery) {
-    return <QueryDetail query={selectedQuery} onBack={() => setSelectedQuery(null)} />;
-  }
-
-  return (
-    <div className="space-y-5">
-      <PageHeader
-        title="查询审计"
-        description="记录所有 SQL 查询操作，支持敏感数据脱敏和性能分析"
-        secondaryAction={canExport ? { label: '导出日志', icon: Download, onClick: () => {} } : undefined}
-        action={canCreate ? { label: '新建查询', icon: Plus, onClick: () => setShowNewQuery(true), permission: 'query.create' } : undefined}
-      />
-
-      {/* 统计 */}
-      <div className="grid grid-cols-4 gap-4">
-        {[
-          { label: '总查询数', value: statusCounts.total, icon: FileText, color: 'text-blue-400', bg: 'bg-blue-400/10' },
-          { label: '成功', value: statusCounts.success, icon: CheckCircle, color: 'text-green-400', bg: 'bg-green-400/10' },
-          { label: '慢查询', value: statusCounts.slow, icon: Clock, color: 'text-yellow-400', bg: 'bg-yellow-400/10' },
-          { label: '失败', value: statusCounts.failed, icon: XCircle, color: 'text-red-400', bg: 'bg-red-400/10' },
-        ].map((s, i) => (
-          <Card key={i} className="dg-card">
-            <CardContent className="p-4 flex items-center gap-3">
-              <div className={`w-10 h-10 rounded-lg ${s.bg} flex items-center justify-center`}><s.icon className={`w-5 h-5 ${s.color}`} /></div>
-              <div><div className="text-2xl font-bold">{s.value}</div><div className="text-xs text-[var(--dg-text-muted)]">{s.label}</div></div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      {/* 筛选 */}
-      <div className="flex items-center gap-3 p-4 dg-card flex-wrap">
-        <div className="relative flex-1 max-w-xs">
-          <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--dg-text-muted)]" />
-          <input className="w-full pl-10 pr-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm placeholder:text-[var(--dg-text-muted)] focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-400/20" placeholder="搜索 SQL 关键词/用户/实例" value={search} onChange={e => setSearch(e.target.value)} />
-        </div>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none" value={dbTypeFilter} onChange={e => setDbTypeFilter(e.target.value)}>
-          <option value="">全部数据库</option>
-          <option value="mysql">MySQL</option>
-          <option value="postgres">PostgreSQL</option>
-          <option value="redis">Redis</option>
-          <option value="mongo">MongoDB</option>
-        </select>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none" value={statusFilter} onChange={e => setStatusFilter(e.target.value)}>
-          <option value="">全部状态</option>
-          <option value="success">成功</option>
-          <option value="slow">慢查询</option>
-          <option value="failed">失败</option>
-        </select>
-      </div>
-
-      {/* 查询表格 */}
-      <Card className="dg-card">
-        <CardContent className="p-0">
-          {filtered.length === 0 ? (
-            <EmptyState type="search" />
-          ) : (
-            <div className="overflow-x-auto">
-              <table className="w-full text-sm">
-                <thead>
-                  <tr className="border-b border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)]">
-                    <th className="text-left px-5 py-3 font-semibold">查询ID</th>
-                    <th className="text-left px-5 py-3 font-semibold">SQL 语句</th>
-                    <th className="text-left px-5 py-3 font-semibold">数据库</th>
-                    <th className="text-left px-5 py-3 font-semibold">执行用户</th>
-                    <th className="text-left px-5 py-3 font-semibold">执行时长</th>
-                    <th className="text-left px-5 py-3 font-semibold">返回行数</th>
-                    <th className="text-left px-5 py-3 font-semibold">状态</th>
-                    <th className="text-left px-5 py-3 font-semibold">敏感数据</th>
-                    <th className="text-left px-5 py-3 font-semibold">操作</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {filtered.map(q => (
-                    <tr key={q.id} className="border-b border-[var(--dg-border-light)] hover:bg-[var(--dg-bg-hover)] transition-colors cursor-pointer" onClick={() => setSelectedQuery(q)}>
-                      <td className="px-5 py-3.5 font-mono text-xs text-[var(--dg-text-secondary)]">{q.id}</td>
-                      <td className="px-5 py-3.5 max-w-xs">
-                        <code className="text-xs font-mono text-blue-400 truncate block">{q.sqlPreview}</code>
-                      </td>
-                      <td className="px-5 py-3.5">
-                        <span className={`inline-flex px-2 py-1 rounded-md text-xs font-medium ${dbTypeColorMap[q.dbType] || ''}`}>{q.dbType.toUpperCase()}</span>
-                      </td>
-                      <td className="px-5 py-3.5">{q.user}</td>
-                      <td className="px-5 py-3.5">
-                        <span className={q.executeTime > 1000 ? 'text-red-400 font-medium' : ''}>{q.executeTime}ms</span>
-                      </td>
-                      <td className="px-5 py-3.5">{q.rowCount}</td>
-                      <td className="px-5 py-3.5">
-                        <span className={`inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium ${q.status === 'success' ? 'bg-green-500/15 text-green-400' : q.status === 'slow' ? 'bg-yellow-500/15 text-yellow-400' : 'bg-red-500/15 text-red-400'}`}>
-                          <span className={`w-1.5 h-1.5 rounded-full ${q.status === 'slow' ? 'animate-pulse' : ''}`} />
-                          {q.status === 'success' ? '成功' : q.status === 'slow' ? '慢查询' : '失败'}
-                        </span>
-                      </td>
-                      <td className="px-5 py-3.5">
-                        {q.hasSensitive ? (
-                          <span className="inline-flex items-center gap-1 px-2 py-1 bg-yellow-500/10 border border-yellow-500/30 rounded text-xs text-yellow-400">
-                            <AlertTriangle className="w-3 h-3" /> 已脱敏
-                          </span>
-                        ) : <span className="text-[var(--dg-text-muted)] text-xs">-</span>}
-                      </td>
-                      <td className="px-5 py-3.5">
-                        <button className="text-blue-400 hover:text-blue-300 transition-colors"><Eye className="w-4 h-4" /></button>
-                      </td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-          )}
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
-
-function QueryDetail({ query, onBack }: { query: QueryAudit; onBack: () => void }) {
-  const maskData = (value: string) => {
-    if (!value) return '***';
-    if (value.includes('@')) {
-      const [name, domain] = value.split('@');
-      return name.substring(0, 3) + '***@' + domain;
-    }
-    if (value.length > 7) return value.substring(0, 3) + '****' + value.substring(value.length - 4);
-    return '***';
-  };
-
-  return (
-    <div className="space-y-5 max-w-5xl">
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-4">
-          <button onClick={onBack} className="w-9 h-9 rounded-lg bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] flex items-center justify-center text-[var(--dg-text-secondary)] hover:text-[var(--dg-text-primary)] transition-all">
-            <ChevronRight className="w-4 h-4 rotate-180" />
-          </button>
-          <div>
-            <h1 className="text-2xl font-semibold flex items-center gap-3">
-              查询详情
-              <span className={`inline-flex px-2.5 py-1 rounded-full text-xs font-medium ${query.status === 'success' ? 'bg-green-500/15 text-green-400' : query.status === 'slow' ? 'bg-yellow-500/15 text-yellow-400' : 'bg-red-500/15 text-red-400'}`}>
-                {query.status === 'success' ? '成功' : query.status === 'slow' ? '慢查询' : '失败'}
-              </span>
-              {query.hasSensitive && <span className="inline-flex items-center gap-1 px-2 py-1 bg-yellow-500/10 border border-yellow-500/30 rounded text-xs text-yellow-400"><AlertTriangle className="w-3 h-3" /> 包含敏感数据</span>}
-            </h1>
-            <p className="text-sm text-[var(--dg-text-secondary)] mt-1">{query.id} · {query.user} · {query.timestamp}</p>
-          </div>
-        </div>
-        <button className="flex items-center gap-2 px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm hover:bg-[var(--dg-bg-hover)] transition-all">
-          <Copy className="w-4 h-4" /> 复制 SQL
-        </button>
-      </div>
-
-      {/* 执行指标 */}
-      <div className="grid grid-cols-4 gap-4">
-        {[
-          { label: '执行时长', value: `${query.executeTime}ms`, isSlow: query.executeTime > 1000, icon: Clock },
-          { label: '返回行数', value: query.rowCount.toString(), icon: FileText },
-          { label: '扫描行数', value: query.scanRows.toLocaleString(), icon: Database },
-          { label: '影响行数', value: query.affectedRows.toString(), icon: CheckCircle },
-        ].map((m, i) => (
-          <Card key={i} className="dg-card">
-            <CardContent className="p-4 text-center">
-              <m.icon className="w-5 h-5 text-[var(--dg-text-muted)] mx-auto mb-2" />
-              <div className={`text-xl font-bold ${m.isSlow ? 'text-red-400' : ''}`}>{m.value}</div>
-              <div className="text-xs text-[var(--dg-text-muted)] mt-1">{m.label}</div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      <div className="grid grid-cols-2 gap-5">
-        {/* SQL 详情 */}
-        <Card className="dg-card">
-          <CardHeader className="border-b border-[var(--dg-border)]"><CardTitle className="text-[15px] font-semibold">SQL 语句</CardTitle></CardHeader>
-          <CardContent className="p-0">
-            <pre className="p-5 text-xs font-mono text-[var(--dg-text-primary)] bg-[var(--dg-bg-primary)] overflow-x-auto whitespace-pre-wrap">{query.sql}</pre>
-          </CardContent>
-        </Card>
-
-        {/* 连接信息 */}
-        <Card className="dg-card">
-          <CardHeader className="border-b border-[var(--dg-border)]"><CardTitle className="text-[15px] font-semibold">连接信息</CardTitle></CardHeader>
-          <CardContent className="p-5 space-y-3">
-            {[
-              { label: '数据库类型', value: query.dbType.toUpperCase() },
-              { label: '目标实例', value: query.instance },
-              { label: '执行用户', value: query.user },
-              { label: '客户端 IP', value: query.clientIp },
-              { label: '来源', value: query.source },
-              { label: '执行时间', value: query.timestamp },
-            ].map((item, idx) => (
-              <div key={idx} className="flex justify-between py-2 border-b border-[var(--dg-border-light)] last:border-0">
-                <span className="text-sm text-[var(--dg-text-secondary)]">{item.label}</span>
-                <span className="text-sm font-medium">{item.value}</span>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
-      </div>
-
-      {/* 查询结果 */}
-      {query.resultSet && query.resultColumns && (
-        <Card className="dg-card">
-          <CardHeader className="border-b border-[var(--dg-border)]">
-            <div className="flex items-center justify-between">
-              <CardTitle className="text-[15px] font-semibold">查询结果</CardTitle>
-              {query.hasSensitive && <span className="inline-flex items-center gap-1 px-2 py-1 bg-yellow-500/10 border border-yellow-500/30 rounded text-xs text-yellow-400"><AlertTriangle className="w-3 h-3" /> 敏感字段已脱敏</span>}
-            </div>
-          </CardHeader>
-          <CardContent className="p-0">
-            <div className="overflow-x-auto">
-              <table className="w-full text-sm">
-                <thead>
-                  <tr className="border-b border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)]">
-                    {query.resultColumns.map(col => (
-                      <th key={col.prop} className="text-left px-4 py-3 font-semibold text-xs">
-                        {col.label}
-                        {col.sensitive && <span className="ml-1.5 px-1.5 py-0.5 bg-yellow-500/10 text-yellow-400 text-[10px] rounded">敏感</span>}
-                      </th>
-                    ))}
-                  </tr>
-                </thead>
-                <tbody>
-                  {query.resultSet.map((row, i) => (
-                    <tr key={i} className="border-b border-[var(--dg-border-light)] hover:bg-[var(--dg-bg-hover)] transition-colors">
-                      {query.resultColumns!.map(col => (
-                        <td key={col.prop} className="px-4 py-3 text-xs">
-                          {col.sensitive ? (
-                            <span className="text-yellow-400 italic">{maskData(String(row[col.prop]))}</span>
-                          ) : (
-                            String(row[col.prop])
-                          )}
-                        </td>
-                      ))}
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-          </CardContent>
-        </Card>
-      )}
-    </div>
-  );
-}
-
-function NewQueryPanel({ onCancel }: { onCancel: () => void }) {
-  const [sql, setSql] = useState('');
-
-  return (
-    <div className="space-y-5 max-w-4xl">
-      <div className="flex items-center justify-between">
-        <h1 className="text-2xl font-semibold">新建查询</h1>
-        <button onClick={onCancel} className="text-[var(--dg-text-secondary)] hover:text-[var(--dg-text-primary)] transition-colors"><X className="w-6 h-6" /></button>
-      </div>
-
-      <div className="grid grid-cols-3 gap-4">
-        <div>
-          <label className="block text-sm font-medium mb-2">数据库类型</label>
-          <select className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none">
-            <option>MySQL</option><option>PostgreSQL</option><option>Redis</option><option>MongoDB</option>
-          </select>
-        </div>
-        <div>
-          <label className="block text-sm font-medium mb-2">目标实例</label>
-          <select className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none">
-            <option>生产 MySQL 主库</option><option>测试库</option><option>开发库</option>
-          </select>
-        </div>
-        <div>
-          <label className="block text-sm font-medium mb-2">目标数据库</label>
-          <select className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none">
-            <option>user_db</option><option>order_db</option><option>log_db</option>
-          </select>
-        </div>
-      </div>
-
-      <div>
-        <label className="block text-sm font-medium mb-2">SQL 语句</label>
-        <div className="dg-card overflow-hidden">
-          <textarea
-            className="w-full min-h-[250px] p-4 bg-[var(--dg-bg-primary)] text-sm font-mono text-[var(--dg-text-primary)] resize-y border-none outline-none placeholder:text-[var(--dg-text-muted)]"
-            placeholder="-- 请输入 SQL 查询语句\n-- 查询结果将自动脱敏敏感字段\n\nSELECT id, name, email, phone, status\nFROM users\nWHERE status = 'active'\nLIMIT 100;"
-            value={sql}
-            onChange={e => setSql(e.target.value)}
-          />
-          <div className="flex items-center justify-between px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border-t border-[var(--dg-border)] text-xs text-[var(--dg-text-muted)]">
-            <span>{sql.length} 字符</span>
-            <span>Ctrl + Enter 执行查询</span>
-          </div>
-        </div>
-      </div>
-
-      <div className="flex items-center gap-3 p-3 bg-yellow-500/5 border border-yellow-500/20 rounded-lg">
-        <AlertTriangle className="w-4 h-4 text-yellow-400 flex-shrink-0" />
-        <span className="text-xs text-[var(--dg-text-secondary)]">查询结果中的敏感字段（邮箱、手机号、身份证号等）将自动脱敏显示。完整数据需要额外权限。</span>
-      </div>
-
-      <div className="flex justify-end gap-3">
-        <button onClick={onCancel} className="px-5 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm font-medium hover:bg-[var(--dg-bg-hover)] transition-colors">取消</button>
-        <button className="flex items-center gap-2 px-5 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity">
-          <Play className="w-4 h-4" /> 执行查询
-        </button>
-      </div>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/RolesPage.tsx b/数据审核平台菜单优化/app/src/pages/RolesPage.tsx
deleted file mode 100644
index fd23264..0000000
--- a/数据审核平台菜单优化/app/src/pages/RolesPage.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-import { useState } from 'react';
-import { Crown, Database, Code, Eye, Shield, ChevronRight, Check, Save } from 'lucide-react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { roles, permissionTreeData } from '@/lib/mock';
-import type { Role } from '@/types';
-
-const iconMap: Record<string, React.ElementType> = { Crown, Database, Code, Eye };
-
-export default function RolesPage() {
-  const [selectedRole, setSelectedRole] = useState<Role | null>(roles[0]);
-  const [checkedKeys, setCheckedKeys] = useState<Set<string>>(new Set(roles[0]?.permissions || []));
-
-  const handleRoleSelect = (role: Role) => {
-    setSelectedRole(role);
-    setCheckedKeys(new Set(role.permissions));
-  };
-
-  const togglePermission = (id: string) => {
-    const next = new Set(checkedKeys);
-    if (next.has(id)) next.delete(id);
-    else next.add(id);
-    setCheckedKeys(next);
-  };
-
-  const toggleChildren = (node: typeof permissionTreeData[0], checked: boolean) => {
-    const next = new Set(checkedKeys);
-    const toggleNode = (n: typeof node) => {
-      if (checked) next.add(n.id);
-      else next.delete(n.id);
-      n.children?.forEach(toggleNode);
-    };
-    toggleNode(node);
-    setCheckedKeys(next);
-  };
-
-  return (
-    <div className="space-y-5">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold">角色权限管理</h1>
-          <p className="text-sm text-[var(--dg-text-secondary)] mt-1">配置 RBAC 角色权限，控制用户对系统功能和数据的访问</p>
-        </div>
-        <button className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity">
-          <Shield className="w-4 h-4" /> 新建角色
-        </button>
-      </div>
-
-      {/* 角色卡片 */}
-      <div className="grid grid-cols-4 gap-4">
-        {roles.map(role => {
-          const Icon = iconMap[role.icon] || Eye;
-          return (
-            <div
-              key={role.id}
-              onClick={() => handleRoleSelect(role)}
-              className={`dg-card p-5 cursor-pointer transition-all ${selectedRole?.id === role.id ? 'border-blue-500/50 bg-blue-500/5' : 'dg-card-hover'}`}
-            >
-              <div className="flex items-center gap-3 mb-3">
-                <div className={`w-10 h-10 rounded-xl flex items-center justify-center ${role.iconClass}`}>
-                  <Icon className="w-5 h-5" />
-                </div>
-                <div className="flex-1 min-w-0">
-                  <div className="text-base font-semibold truncate">{role.name}</div>
-                  <div className="text-xs text-[var(--dg-text-muted)] truncate">{role.description}</div>
-                </div>
-              </div>
-              <div className="flex gap-4 pt-3 border-t border-[var(--dg-border)]">
-                <div className="text-xs text-[var(--dg-text-secondary)]"><span className="text-[var(--dg-text-primary)] font-semibold">{role.userCount}</span> 用户</div>
-                <div className="text-xs text-[var(--dg-text-secondary)]"><span className="text-[var(--dg-text-primary)] font-semibold">{role.permissionCount}</span> 权限</div>
-              </div>
-            </div>
-          );
-        })}
-      </div>
-
-      {/* 权限配置 */}
-      {selectedRole && (
-        <Card className="dg-card">
-          <CardHeader className="border-b border-[var(--dg-border)] flex flex-row items-center justify-between">
-            <CardTitle className="text-[15px] font-semibold">{selectedRole.name} - 权限配置</CardTitle>
-            <button className="flex items-center gap-2 px-4 py-2 bg-blue-500/15 border border-blue-500/30 rounded-lg text-sm font-medium text-blue-400 hover:bg-blue-500/25 transition-all">
-              <Save className="w-4 h-4" /> 保存权限
-            </button>
-          </CardHeader>
-          <CardContent className="p-5">
-            <div className="space-y-2">
-              {permissionTreeData.map(node => (
-                <PermissionNodeComponent
-                  key={node.id}
-                  node={node}
-                  checkedKeys={checkedKeys}
-                  onToggle={togglePermission}
-                  onToggleChildren={toggleChildren}
-                  depth={0}
-                />
-              ))}
-            </div>
-          </CardContent>
-        </Card>
-      )}
-    </div>
-  );
-}
-
-function PermissionNodeComponent({
-  node, checkedKeys, onToggle, onToggleChildren, depth
-}: {
-  node: typeof permissionTreeData[0];
-  checkedKeys: Set<string>;
-  onToggle: (id: string) => void;
-  onToggleChildren: (node: typeof permissionTreeData[0], checked: boolean) => void;
-  depth: number;
-}) {
-  const [expanded, setExpanded] = useState(true);
-  const isChecked = checkedKeys.has(node.id);
-  const hasChildren = node.children && node.children.length > 0;
-  const allChildrenChecked = hasChildren && node.children!.every(c => checkedKeys.has(c.id));
-  const someChildrenChecked = hasChildren && node.children!.some(c => checkedKeys.has(c.id));
-
-  return (
-    <div>
-      <div
-        className="flex items-center gap-2 py-2 px-3 rounded-lg hover:bg-[var(--dg-bg-hover)] transition-colors cursor-pointer"
-        style={{ paddingLeft: `${depth * 20 + 12}px` }}
-        onClick={() => { if (hasChildren) setExpanded(!expanded); }}
-      >
-        {hasChildren && (
-          <ChevronRight className={`w-4 h-4 text-[var(--dg-text-muted)] transition-transform ${expanded ? 'rotate-90' : ''}`} />
-        )}
-        {!hasChildren && <div className="w-4" />}
-        <div
-          className={`w-4 h-4 rounded border flex items-center justify-center transition-all ${isChecked || allChildrenChecked ? 'bg-blue-500 border-blue-500' : someChildrenChecked ? 'bg-blue-500/50 border-blue-500' : 'border-[var(--dg-text-muted)]'}`}
-          onClick={e => {
-            e.stopPropagation();
-            if (hasChildren) onToggleChildren(node, !allChildrenChecked);
-            else onToggle(node.id);
-          }}
-        >
-          {(isChecked || allChildrenChecked || someChildrenChecked) && <Check className="w-3 h-3 text-white" />}
-        </div>
-        <span className="text-sm">{node.label}</span>
-      </div>
-      {hasChildren && expanded && (
-        <div>
-          {node.children!.map(child => (
-            <PermissionNodeComponent
-              key={child.id}
-              node={child}
-              checkedKeys={checkedKeys}
-              onToggle={onToggle}
-              onToggleChildren={onToggleChildren}
-              depth={depth + 1}
-            />
-          ))}
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/TicketsPage.tsx b/数据审核平台菜单优化/app/src/pages/TicketsPage.tsx
deleted file mode 100644
index 3f3b23b..0000000
--- a/数据审核平台菜单优化/app/src/pages/TicketsPage.tsx
+++ /dev/null
@@ -1,463 +0,0 @@
-import { useState, useMemo } from 'react';
-import {
-  Plus, Search, Eye, CheckCircle, XCircle, Play, RotateCcw, Copy,
-  ChevronRight, Shield, FileCode, History, CircleDot, AlertTriangle,
-  Database, Key, Lock, Undo2, Info,
-} from 'lucide-react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { tickets, statusMap, statusColorMap, dbTypeColorMap } from '@/lib/mock';
-import { useAuth, useActionPermission } from '@/hooks/useAuth';
-import PageHeader from '@/components/PageHeader';
-import EmptyState from '@/components/EmptyState';
-import type { Ticket } from '@/types';
-
-export default function TicketsPage() {
-  const { isDeveloper } = useAuth();
-  const canCreate = useActionPermission('ticket.create');
-  const canApprove = useActionPermission('ticket.approve');
-  const canExecute = useActionPermission('ticket.execute');
-
-  const [search, setSearch] = useState('');
-  const [statusFilter, setStatusFilter] = useState('');
-  const [dbTypeFilter, setDbTypeFilter] = useState('');
-  const [priorityFilter, setPriorityFilter] = useState('');
-  const [selectedTicket, setSelectedTicket] = useState<Ticket | null>(null);
-  const [showNewTicket, setShowNewTicket] = useState(false);
-
-  const filtered = useMemo(() => {
-    return tickets.filter(t => {
-      if (statusFilter && t.status !== statusFilter) return false;
-      if (dbTypeFilter && t.dbType !== dbTypeFilter) return false;
-      if (priorityFilter && t.priority !== priorityFilter) return false;
-      if (search && !t.title.includes(search) && !t.id.includes(search) && !t.applicant.includes(search)) return false;
-      // developer 只能看到自己的工单
-      if (isDeveloper && t.applicant !== '王五' && t.applicant !== 'developer') return false;
-      return true;
-    });
-  }, [search, statusFilter, dbTypeFilter, priorityFilter, isDeveloper]);
-
-  const statusCounts = useMemo(() => {
-    const counts: Record<string, number> = {};
-    tickets.forEach(t => { counts[t.status] = (counts[t.status] || 0) + 1; });
-    return counts;
-  }, []);
-
-  if (showNewTicket) {
-    return <NewTicketForm onCancel={() => setShowNewTicket(false)} />;
-  }
-
-  if (selectedTicket) {
-    return <TicketDetail ticket={selectedTicket} onBack={() => setSelectedTicket(null)} canApprove={canApprove} canExecute={canExecute} />;
-  }
-
-  return (
-    <div className="space-y-5">
-      <PageHeader
-        title="数据变更工单"
-        description="管理 SQL 变更工单，提交审核、查看审批进度"
-        action={canCreate ? {
-          label: '新建工单', icon: Plus, onClick: () => setShowNewTicket(true), permission: 'ticket.create'
-        } : undefined}
-      />
-
-      {/* 状态快捷筛选 */}
-      <div className="flex gap-2 flex-wrap">
-        {[
-          { key: 'pending', label: '待审批', count: statusCounts.pending || 0, color: 'text-yellow-400 bg-yellow-400/10 border-yellow-400/20' },
-          { key: 'reviewing', label: '审批中', count: statusCounts.reviewing || 0, color: 'text-blue-400 bg-blue-400/10 border-blue-400/20' },
-          { key: 'approved', label: '已通过', count: statusCounts.approved || 0, color: 'text-green-400 bg-green-400/10 border-green-400/20' },
-          { key: 'executing', label: '执行中', count: statusCounts.executing || 0, color: 'text-purple-400 bg-purple-400/10 border-purple-400/20' },
-          { key: 'success', label: '成功', count: statusCounts.success || 0, color: 'text-green-400 bg-green-400/10 border-green-400/20' },
-          { key: 'failed', label: '失败', count: statusCounts.failed || 0, color: 'text-red-400 bg-red-400/10 border-red-400/20' },
-        ].map(s => (
-          <button
-            key={s.key}
-            onClick={() => setStatusFilter(statusFilter === s.key ? '' : s.key)}
-            className={`flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border transition-all ${statusFilter === s.key ? s.color : 'bg-[var(--dg-bg-secondary)] border-[var(--dg-border)] text-[var(--dg-text-secondary)] hover:border-[var(--dg-text-muted)]'}`}
-          >
-            {s.label}
-            <span className={`px-1.5 py-0.5 rounded text-xs ${statusFilter === s.key ? 'bg-white/20' : 'bg-[var(--dg-bg-tertiary)]'}`}>{s.count}</span>
-          </button>
-        ))}
-      </div>
-
-      {/* 筛选栏 */}
-      <div className="flex items-center gap-3 p-4 dg-card flex-wrap">
-        <div className="relative flex-1 max-w-xs">
-          <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--dg-text-muted)]" />
-          <input className="w-full pl-10 pr-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm placeholder:text-[var(--dg-text-muted)] focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-400/20" placeholder="搜索工单标题/编号/申请人" value={search} onChange={e => setSearch(e.target.value)} />
-        </div>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none" value={statusFilter} onChange={e => setStatusFilter(e.target.value)}>
-          <option value="">全部状态</option>
-          {Object.entries(statusMap).map(([k, v]) => <option key={k} value={k}>{v}</option>)}
-        </select>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none" value={dbTypeFilter} onChange={e => setDbTypeFilter(e.target.value)}>
-          <option value="">全部数据库</option>
-          <option value="mysql">MySQL</option>
-          <option value="postgres">PostgreSQL</option>
-          <option value="redis">Redis</option>
-        </select>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none" value={priorityFilter} onChange={e => setPriorityFilter(e.target.value)}>
-          <option value="">全部优先级</option>
-          <option value="high">高</option>
-          <option value="medium">中</option>
-          <option value="low">低</option>
-        </select>
-      </div>
-
-      {/* 工单表格 */}
-      <Card className="dg-card">
-        <CardContent className="p-0">
-          {filtered.length === 0 ? (
-            <EmptyState type="search" />
-          ) : (
-            <>
-              <div className="overflow-x-auto">
-                <table className="w-full text-sm">
-                  <thead>
-                    <tr className="border-b border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)]">
-                      <th className="text-left px-5 py-3 font-semibold">工单号</th>
-                      <th className="text-left px-5 py-3 font-semibold">标题</th>
-                      <th className="text-left px-5 py-3 font-semibold">数据库</th>
-                      <th className="text-left px-5 py-3 font-semibold">实例</th>
-                      <th className="text-left px-5 py-3 font-semibold">申请人</th>
-                      <th className="text-left px-5 py-3 font-semibold">优先级</th>
-                      <th className="text-left px-5 py-3 font-semibold">状态</th>
-                      <th className="text-left px-5 py-3 font-semibold">创建时间</th>
-                      <th className="text-left px-5 py-3 font-semibold">操作</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {filtered.map(ticket => (
-                      <tr key={ticket.id} className="border-b border-[var(--dg-border-light)] hover:bg-[var(--dg-bg-hover)] transition-colors">
-                        <td className="px-5 py-3.5 font-mono text-xs text-[var(--dg-text-secondary)]">{ticket.id}</td>
-                        <td className="px-5 py-3.5 max-w-xs truncate font-medium">{ticket.title}</td>
-                        <td className="px-5 py-3.5"><span className={`inline-flex px-2 py-1 rounded-md text-xs font-medium ${dbTypeColorMap[ticket.dbType] || ''}`}>{ticket.dbType.toUpperCase()}</span></td>
-                        <td className="px-5 py-3.5 text-[var(--dg-text-secondary)]">{ticket.instance}</td>
-                        <td className="px-5 py-3.5">{ticket.applicant}</td>
-                        <td className="px-5 py-3.5">
-                          <span className={`inline-flex px-2 py-1 rounded-md text-xs font-medium ${ticket.priority === 'high' ? 'bg-red-500/15 text-red-400' : ticket.priority === 'medium' ? 'bg-yellow-500/15 text-yellow-400' : 'bg-blue-500/15 text-blue-400'}`}>
-                            {ticket.priority === 'high' ? '高' : ticket.priority === 'medium' ? '中' : '低'}
-                          </span>
-                        </td>
-                        <td className="px-5 py-3.5">
-                          <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${statusColorMap[ticket.status] || ''}`}>
-                            <span className={`w-1.5 h-1.5 rounded-full ${ticket.status === 'reviewing' || ticket.status === 'executing' ? 'animate-pulse' : ''}`} />
-                            {statusMap[ticket.status]}
-                          </span>
-                        </td>
-                        <td className="px-5 py-3.5 text-[var(--dg-text-secondary)]">{ticket.createTime}</td>
-                        <td className="px-5 py-3.5">
-                          <div className="flex gap-2">
-                            <button onClick={() => setSelectedTicket(ticket)} className="text-blue-400 hover:text-blue-300 transition-colors"><Eye className="w-4 h-4" /></button>
-                            {canApprove && ticket.status === 'pending' && <button className="text-green-400 hover:text-green-300 transition-colors"><CheckCircle className="w-4 h-4" /></button>}
-                            {canApprove && ticket.status === 'pending' && <button className="text-red-400 hover:text-red-300 transition-colors"><XCircle className="w-4 h-4" /></button>}
-                          </div>
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              </div>
-              <div className="flex items-center justify-between px-5 py-4 border-t border-[var(--dg-border)]">
-                <span className="text-sm text-[var(--dg-text-muted)]">共 {filtered.length} 条记录</span>
-                <div className="flex gap-1">
-                  {['上一页', '1', '2', '3', '下一页'].map((p, i) => (
-                    <button key={i} className={`px-3 py-1.5 rounded-md text-sm ${i === 1 ? 'bg-blue-500 text-white' : 'text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)]'}`}>{p}</button>
-                  ))}
-                </div>
-              </div>
-            </>
-          )}
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
-
-function NewTicketForm({ onCancel }: { onCancel: () => void }) {
-  const [sqlTab, setSqlTab] = useState<'change' | 'rollback'>('change');
-  const [sql, setSql] = useState('');
-
-  return (
-    <div className="space-y-5 max-w-5xl">
-      <div className="flex items-center justify-between">
-        <h1 className="text-2xl font-semibold">新建数据变更工单</h1>
-        <button onClick={onCancel} className="text-[var(--dg-text-secondary)] hover:text-[var(--dg-text-primary)] transition-colors"><XCircle className="w-6 h-6" /></button>
-      </div>
-
-      <div className="space-y-4">
-        <div>
-          <label className="block text-sm font-medium mb-2">工单标题 <span className="text-red-400">*</span></label>
-          <input className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-400/20" placeholder="请输入工单标题，如：更新用户状态字段" />
-        </div>
-
-        <div className="grid grid-cols-2 gap-4">
-          <div>
-            <label className="block text-sm font-medium mb-2">数据库类型 <span className="text-red-400">*</span></label>
-            <select className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none">
-              <option>MySQL</option><option>PostgreSQL</option><option>Redis</option><option>MongoDB</option>
-            </select>
-          </div>
-          <div>
-            <label className="block text-sm font-medium mb-2">目标实例 <span className="text-red-400">*</span></label>
-            <select className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none">
-              <option>生产 MySQL 主库</option><option>测试 MySQL 从库</option>
-            </select>
-          </div>
-        </div>
-
-        <div>
-          <label className="block text-sm font-medium mb-2">SQL 语句 <span className="text-red-400">*</span></label>
-          <div className="dg-card overflow-hidden">
-            <div className="flex items-center gap-1 p-2 bg-[var(--dg-bg-tertiary)] border-b border-[var(--dg-border)]">
-              <button onClick={() => setSqlTab('change')} className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs transition-colors ${sqlTab === 'change' ? 'bg-blue-500/15 text-blue-400 border border-blue-500/30' : 'text-[var(--dg-text-secondary)] hover:text-[var(--dg-text-primary)]'}`}>
-                <FileCode className="w-3.5 h-3.5" /> 变更 SQL
-              </button>
-              <button onClick={() => setSqlTab('rollback')} className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs transition-colors ${sqlTab === 'rollback' ? 'bg-blue-500/15 text-blue-400 border border-blue-500/30' : 'text-[var(--dg-text-secondary)] hover:text-[var(--dg-text-primary)]'}`}>
-                <RotateCcw className="w-3.5 h-3.5" /> 回滚 SQL
-              </button>
-            </div>
-            <textarea
-              className="w-full min-h-[200px] p-4 bg-[var(--dg-bg-primary)] text-sm font-mono text-[var(--dg-text-primary)] resize-y border-none outline-none placeholder:text-[var(--dg-text-muted)]"
-              placeholder={sqlTab === 'change' ? "-- 请输入 SQL 语句，支持多条 SQL，使用分号分隔\n\nUPDATE users SET status = 'active' WHERE id = 1;\nINSERT INTO logs (action, user_id) VALUES ('update', 1);" : "-- 请输入回滚 SQL\n\nUPDATE users SET status = (SELECT status FROM users_backup WHERE id = users.id) WHERE id = 1;"}
-              value={sql}
-              onChange={e => setSql(e.target.value)}
-            />
-            <div className="flex items-center justify-between px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border-t border-[var(--dg-border)] text-xs text-[var(--dg-text-muted)]">
-              <span><span className="inline-block w-1.5 h-1.5 rounded-full bg-blue-400 mr-1.5" />已输入 {sql.length} 个字符</span>
-              <span>Ctrl + Enter 快速提交</span>
-            </div>
-          </div>
-        </div>
-
-        <div>
-          <label className="block text-sm font-medium mb-2">变更原因 <span className="text-red-400">*</span></label>
-          <textarea className="w-full px-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm min-h-[80px] resize-y focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-400/20 placeholder:text-[var(--dg-text-muted)]" placeholder="请描述本次数据变更的原因和背景，便于审批人理解" />
-        </div>
-
-        {/* SQL 审核预览 */}
-        <div className="dg-card overflow-hidden">
-          <div className="flex items-center justify-between p-4 bg-[var(--dg-bg-tertiary)] border-b border-[var(--dg-border)]">
-            <div className="flex items-center gap-2"><Shield className="w-4 h-4 text-blue-400" /><span className="text-sm font-semibold">SQL 审核预览</span></div>
-            <div className="flex items-center gap-2 px-3 py-1 bg-green-500/15 rounded-full">
-              <CheckCircle className="w-4 h-4 text-green-400" /><span className="text-sm font-semibold text-green-400">92 分</span>
-            </div>
-          </div>
-          <div className="divide-y divide-[var(--dg-border-light)]">
-            {[
-              { icon: XCircle, color: 'text-red-400 bg-red-400/10', title: '禁止无 WHERE 条件的 UPDATE/DELETE', desc: '检测到 UPDATE 语句缺少 WHERE 条件', suggestion: '建议: 添加 WHERE 条件限制影响范围' },
-              { icon: FileCode, color: 'text-yellow-400 bg-yellow-400/10', title: '大表变更警告', desc: '目标表 users 数据量超过 100 万行', suggestion: '建议: 考虑分批执行或使用 pt-online-schema-change' },
-              { icon: CheckCircle, color: 'text-green-400 bg-green-400/10', title: 'SQL 语法检查通过', desc: 'SQL 语法正确，可以正常解析' },
-            ].map((item, i) => (
-              <div key={i} className="flex items-start gap-3 p-4">
-                <div className={`w-6 h-6 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5 ${item.color}`}>
-                  <item.icon className="w-3.5 h-3.5" />
-                </div>
-                <div className="flex-1 min-w-0">
-                  <div className="text-sm font-medium">{item.title}</div>
-                  <div className="text-xs text-[var(--dg-text-secondary)] mt-0.5">{item.desc}</div>
-                  {item.suggestion && <div className="text-xs text-blue-400 mt-1">{item.suggestion}</div>}
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        <div className="flex justify-end gap-3 pt-4">
-          <button onClick={onCancel} className="px-5 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm font-medium hover:bg-[var(--dg-bg-hover)] transition-colors">取消</button>
-          <button className="px-5 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity">提交审核</button>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function TicketDetail({ ticket, onBack, canApprove, canExecute }: {
-  ticket: Ticket; onBack: () => void; canApprove: boolean; canExecute: boolean;
-}) {
-  return (
-    <div className="space-y-5 max-w-5xl">
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-4">
-          <button onClick={onBack} className="w-9 h-9 rounded-lg bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] flex items-center justify-center text-[var(--dg-text-secondary)] hover:text-[var(--dg-text-primary)] transition-all">
-            <ChevronRight className="w-4 h-4 rotate-180" />
-          </button>
-          <div>
-            <h1 className="text-2xl font-semibold flex items-center gap-3">
-              {ticket.title}
-              <span className={`px-2.5 py-1 rounded-full text-xs font-medium ${statusColorMap[ticket.status] || ''}`}>{statusMap[ticket.status]}</span>
-            </h1>
-            <p className="text-sm text-[var(--dg-text-secondary)] mt-1">{ticket.id} · 由 {ticket.applicant} 创建于 {ticket.createTime}</p>
-          </div>
-        </div>
-        <div className="flex gap-2">
-          {canApprove && ticket.status === 'pending' && (
-            <>
-              <button className="flex items-center gap-2 px-4 py-2.5 bg-green-500/15 border border-green-500/30 rounded-lg text-sm font-medium text-green-400 hover:bg-green-500/25 transition-all">
-                <CheckCircle className="w-4 h-4" /> 通过
-              </button>
-              <button className="flex items-center gap-2 px-4 py-2.5 bg-red-500/15 border border-red-500/30 rounded-lg text-sm font-medium text-red-400 hover:bg-red-500/25 transition-all">
-                <XCircle className="w-4 h-4" /> 拒绝
-              </button>
-            </>
-          )}
-          {canExecute && ticket.status === 'approved' && (
-            <button className="flex items-center gap-2 px-4 py-2.5 bg-purple-500/15 border border-purple-500/30 rounded-lg text-sm font-medium text-purple-400 hover:bg-purple-500/25 transition-all">
-              <Play className="w-4 h-4" /> 执行
-            </button>
-          )}
-        </div>
-      </div>
-
-      {/* 审批流程 */}
-      {ticket.workflowSteps && (
-        <div className="dg-card p-6">
-          <div className="flex items-center justify-between">
-            {ticket.workflowSteps.map((step, i) => (
-              <div key={i} className="flex items-center flex-1">
-                <div className="flex flex-col items-center gap-2">
-                  <div className={`w-10 h-10 rounded-full flex items-center justify-center text-white text-sm font-medium ${step.status === 'completed' ? 'bg-green-500' : step.status === 'active' ? 'bg-blue-500 ring-4 ring-blue-500/20' : 'bg-[var(--dg-bg-tertiary)] border-2 border-[var(--dg-border)] text-[var(--dg-text-muted)]'}`}>
-                    {step.status === 'completed' ? <CheckCircle className="w-5 h-5" /> : step.status === 'active' ? <CircleDot className="w-5 h-5" /> : <span className="text-xs">{i + 1}</span>}
-                  </div>
-                  <div className="text-center">
-                    <div className="text-xs font-medium whitespace-nowrap">{step.name}</div>
-                    <div className="text-[11px] text-[var(--dg-text-muted)]">{step.time || '等待中'}</div>
-                  </div>
-                </div>
-                {i < ticket.workflowSteps!.length - 1 && (
-                  <div className={`flex-1 h-[2px] mx-3 mb-6 ${step.status === 'completed' ? 'bg-green-500' : 'bg-[var(--dg-border)]'}`} />
-                )}
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-
-      <div className="grid grid-cols-2 gap-5">
-        {/* 工单信息 */}
-        <Card className="dg-card">
-          <CardHeader className="border-b border-[var(--dg-border)]"><CardTitle className="text-[15px] font-semibold">工单信息</CardTitle></CardHeader>
-          <CardContent className="p-5 space-y-3">
-            {[
-              { label: '工单号', value: ticket.id },
-              { label: '数据库类型', value: <span className={`inline-flex px-2 py-0.5 rounded text-xs font-medium ${dbTypeColorMap[ticket.dbType] || ''}`}>{ticket.dbType.toUpperCase()}</span> },
-              { label: '目标实例', value: ticket.instance },
-              { label: '申请人', value: ticket.applicant },
-              { label: '优先级', value: <span className={`inline-flex px-2 py-0.5 rounded text-xs font-medium ${ticket.priority === 'high' ? 'bg-red-500/15 text-red-400' : ticket.priority === 'medium' ? 'bg-yellow-500/15 text-yellow-400' : 'bg-blue-500/15 text-blue-400'}`}>{ticket.priority === 'high' ? '高' : ticket.priority === 'medium' ? '中' : '低'}</span> },
-              { label: '创建时间', value: ticket.createTime },
-              { label: '变更原因', value: ticket.reason },
-            ].map((item, idx) => (
-              <div key={idx} className="flex justify-between py-2 border-b border-[var(--dg-border-light)] last:border-0">
-                <span className="text-sm text-[var(--dg-text-secondary)]">{item.label}</span>
-                <span className="text-sm font-medium">{item.value}</span>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
-
-        {/* SQL 内容 */}
-        <Card className="dg-card">
-          <CardHeader className="border-b border-[var(--dg-border)]"><CardTitle className="text-[15px] font-semibold flex items-center gap-2"><FileCode className="w-4 h-4 text-blue-400" /> SQL 内容</CardTitle></CardHeader>
-          <CardContent className="p-0">
-            <pre className="p-5 text-xs font-mono text-[var(--dg-text-primary)] bg-[var(--dg-bg-primary)] overflow-x-auto whitespace-pre-wrap">{ticket.sql}</pre>
-          </CardContent>
-        </Card>
-      </div>
-
-      {/* 回滚 SQL */}
-      <Card className="dg-card">
-        <CardHeader className="border-b border-[var(--dg-border)]">
-          <div className="flex items-center justify-between">
-            <CardTitle className="text-[15px] font-semibold flex items-center gap-2"><Undo2 className="w-4 h-4 text-purple-400" /> 回滚 SQL</CardTitle>
-            <div className="flex items-center gap-2">
-              <span className="px-2 py-0.5 bg-green-500/15 text-green-400 text-xs rounded flex items-center gap-1"><Database className="w-3 h-3" /> Binlog ROW</span>
-              <span className="px-2 py-0.5 bg-green-500/15 text-green-400 text-xs rounded flex items-center gap-1"><Key className="w-3 h-3" /> 有主键</span>
-              <span className="px-2 py-0.5 bg-blue-500/15 text-blue-400 text-xs rounded">支持回滚</span>
-            </div>
-          </div>
-        </CardHeader>
-        <CardContent className="p-0">
-          {ticket.rollbackSql ? (
-            <div>
-              <pre className="p-5 text-xs font-mono text-[var(--dg-text-primary)] bg-[var(--dg-bg-primary)] overflow-x-auto whitespace-pre-wrap">{ticket.rollbackSql}</pre>
-              <div className="flex items-center justify-between px-5 py-3 border-t border-[var(--dg-border)]">
-                <div className="flex items-center gap-4 text-xs text-[var(--dg-text-muted)]">
-                  <span className="flex items-center gap-1"><Info className="w-3 h-3" /> 基于 Binlog ROW 格式解析生成</span>
-                  <span className="flex items-center gap-1"><Lock className="w-3 h-3" /> 备份库: backup_mysql_01</span>
-                </div>
-                <button className="flex items-center gap-1.5 px-3 py-1.5 bg-purple-500/15 text-purple-400 text-xs rounded hover:bg-purple-500/25 transition-colors">
-                  <Copy className="w-3 h-3" /> 复制
-                </button>
-              </div>
-            </div>
-          ) : (
-            <div className="py-8 text-center">
-              <AlertTriangle className="w-8 h-8 text-yellow-400 mx-auto mb-3" />
-              <div className="text-sm text-[var(--dg-text-secondary)] mb-1">暂无回滚 SQL</div>
-              <div className="text-xs text-[var(--dg-text-muted)]">工单执行后将自动生成基于 Binlog 的回滚语句</div>
-            </div>
-          )}
-        </CardContent>
-      </Card>
-
-      {/* 回滚限制说明 */}
-      <div className="dg-card p-5">
-        <div className="flex items-center gap-2 mb-4">
-          <AlertTriangle className="w-4 h-4 text-yellow-400" />
-          <h3 className="text-sm font-semibold">回滚功能限制说明</h3>
-        </div>
-        <div className="grid grid-cols-3 gap-4">
-          {[
-            { icon: Database, title: 'Binlog 配置', status: '已满足', desc: 'MySQL 必须开启 Binlog 且格式为 ROW', color: 'text-green-400 bg-green-400/10' },
-            { icon: Key, title: '主键要求', status: '已满足', desc: '操作的表必须包含主键，用于精确定位行', color: 'text-green-400 bg-green-400/10' },
-            { icon: Lock, title: '权限要求', status: '已满足', desc: '账号需有 REPLICATION SLAVE/CLIENT 权限', color: 'text-green-400 bg-green-400/10' },
-          ].map((item, i) => (
-            <div key={i} className="flex items-start gap-3 p-3 rounded-lg bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)]">
-              <div className={`w-8 h-8 rounded-lg ${item.color} flex items-center justify-center flex-shrink-0`}>
-                <item.icon className="w-4 h-4" />
-              </div>
-              <div>
-                <div className="text-sm font-medium flex items-center gap-2">{item.title}<span className={`text-[11px] ${item.color.split(' ')[0]}`}>{item.status}</span></div>
-                <div className="text-xs text-[var(--dg-text-muted)] mt-0.5">{item.desc}</div>
-              </div>
-            </div>
-          ))}
-        </div>
-        <div className="mt-4 p-3 bg-yellow-500/5 border border-yellow-500/20 rounded-lg">
-          <div className="text-xs text-[var(--dg-text-secondary)] flex items-start gap-2">
-            <AlertTriangle className="w-3.5 h-3.5 text-yellow-400 flex-shrink-0 mt-0.5" />
-            <div>
-              <span className="font-medium text-yellow-400">重要提示：</span>
-              DDL操作（DROP/TRUNCATE）的回滚支持有限，仅能重建表结构无法恢复数据；
-              DML和DDL不可混合执行；WHERE条件可能导致非唯一标识冲突，恢复时务必仔细核对。
-              参考 Yearning 2.0 实现：AST语法解析 + Binlog逆向操作。
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* 审批记录 */}
-      {ticket.approvalRecords && (
-        <Card className="dg-card">
-          <CardHeader className="border-b border-[var(--dg-border)]"><CardTitle className="text-[15px] font-semibold flex items-center gap-2"><History className="w-4 h-4 text-blue-400" /> 审批记录</CardTitle></CardHeader>
-          <CardContent className="p-5">
-            <div className="relative pl-6 space-y-6">
-              <div className="absolute left-[11px] top-2 bottom-2 w-[2px] bg-[var(--dg-border)]" />
-              {ticket.approvalRecords.map((record, i) => (
-                <div key={i} className="relative">
-                  <div className={`absolute -left-6 top-0.5 w-5 h-5 rounded-full flex items-center justify-center ${record.action === 'approve' ? 'bg-green-500' : 'bg-red-500'}`}>
-                    {record.action === 'approve' ? <CheckCircle className="w-3 h-3 text-white" /> : <XCircle className="w-3 h-3 text-white" />}
-                  </div>
-                  <div className="text-sm font-medium">{record.approver} {record.action === 'approve' ? '通过审批' : '拒绝审批'}</div>
-                  <div className="text-xs text-[var(--dg-text-muted)]">{record.time}</div>
-                  <div className="text-xs text-[var(--dg-text-secondary)] mt-1 p-2 bg-[var(--dg-bg-tertiary)] rounded-lg">{record.comment}</div>
-                </div>
-              ))}
-            </div>
-          </CardContent>
-        </Card>
-      )}
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/UsersPage.tsx b/数据审核平台菜单优化/app/src/pages/UsersPage.tsx
deleted file mode 100644
index 8ae58f4..0000000
--- a/数据审核平台菜单优化/app/src/pages/UsersPage.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import { useState, useMemo } from 'react';
-import { Plus, Search, Edit2, Lock, Trash2, } from 'lucide-react';
-import { Card, CardContent } from '@/components/ui/card';
-import { users, roles } from '@/lib/mock';
-// type User is used implicitly
-
-const roleTagStyle: Record<string, string> = {
-  admin: 'bg-purple-500/15 text-purple-400',
-  dba: 'bg-blue-500/15 text-blue-400',
-  developer: 'bg-green-500/15 text-green-400',
-  guest: 'bg-gray-500/15 text-gray-400',
-};
-
-export default function UsersPage() {
-  const [search, setSearch] = useState('');
-  const [roleFilter, setRoleFilter] = useState('');
-  const [statusFilter, setStatusFilter] = useState('');
-
-  const filtered = useMemo(() => {
-    return users.filter(u => {
-      if (roleFilter && u.role !== roleFilter) return false;
-      if (statusFilter && u.status !== statusFilter) return false;
-      if (search && !u.username.includes(search) && !u.email.includes(search)) return false;
-      return true;
-    });
-  }, [search, roleFilter, statusFilter]);
-
-  return (
-    <div className="space-y-5">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold">用户管理</h1>
-          <p className="text-sm text-[var(--dg-text-secondary)] mt-1">管理系统用户，分配角色和数据库访问权限</p>
-        </div>
-        <button className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity">
-          <Plus className="w-4 h-4" /> 新建用户
-        </button>
-      </div>
-
-      {/* 筛选 */}
-      <div className="flex items-center gap-3 p-4 dg-card flex-wrap">
-        <div className="relative flex-1 max-w-xs">
-          <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--dg-text-muted)]" />
-          <input className="w-full pl-10 pr-4 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm placeholder:text-[var(--dg-text-muted)] focus:border-blue-400 focus:outline-none focus:ring-1 focus:ring-blue-400/20" placeholder="搜索用户名/邮箱" value={search} onChange={e => setSearch(e.target.value)} />
-        </div>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none" value={roleFilter} onChange={e => setRoleFilter(e.target.value)}>
-          <option value="">全部角色</option>
-          {roles.map(r => <option key={r.id} value={r.id}>{r.name}</option>)}
-        </select>
-        <select className="px-3 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm focus:border-blue-400 focus:outline-none" value={statusFilter} onChange={e => setStatusFilter(e.target.value)}>
-          <option value="">全部状态</option>
-          <option value="active">启用</option>
-          <option value="disabled">禁用</option>
-        </select>
-      </div>
-
-      {/* 用户表格 */}
-      <Card className="dg-card">
-        <CardContent className="p-0">
-          <div className="overflow-x-auto">
-            <table className="w-full text-sm">
-              <thead>
-                <tr className="border-b border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)]">
-                  <th className="text-left px-5 py-3 font-semibold">用户</th>
-                  <th className="text-left px-5 py-3 font-semibold">角色</th>
-                  <th className="text-left px-5 py-3 font-semibold">部门</th>
-                  <th className="text-left px-5 py-3 font-semibold">最后登录</th>
-                  <th className="text-left px-5 py-3 font-semibold">状态</th>
-                  <th className="text-left px-5 py-3 font-semibold">操作</th>
-                </tr>
-              </thead>
-              <tbody>
-                {filtered.map(user => (
-                  <tr key={user.id} className="border-b border-[var(--dg-border-light)] hover:bg-[var(--dg-bg-hover)] transition-colors">
-                    <td className="px-5 py-3.5">
-                      <div className="flex items-center gap-3">
-                        <div className="w-9 h-9 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center text-white text-sm font-semibold">
-                          {user.avatar}
-                        </div>
-                        <div>
-                          <div className="font-medium">{user.username}</div>
-                          <div className="text-xs text-[var(--dg-text-muted)]">{user.email}</div>
-                        </div>
-                      </div>
-                    </td>
-                    <td className="px-5 py-3.5">
-                      <span className={`inline-flex px-2.5 py-1 rounded-md text-xs font-medium ${(roleTagStyle as any)[user.role] || ''}`}>
-                        {user.roleName}
-                      </span>
-                    </td>
-                    <td className="px-5 py-3.5 text-[var(--dg-text-secondary)]">{user.department}</td>
-                    <td className="px-5 py-3.5 text-[var(--dg-text-secondary)]">{user.lastLogin}</td>
-                    <td className="px-5 py-3.5">
-                      <button
-                        className={`relative w-11 h-6 rounded-full transition-colors ${user.status === 'active' ? 'bg-green-500' : 'bg-[var(--dg-bg-hover)]'}`}
-                      >
-                        <div className={`absolute top-0.5 w-5 h-5 rounded-full bg-white shadow transition-transform ${user.status === 'active' ? 'translate-x-5.5' : 'translate-x-0.5'}`} style={{ transform: user.status === 'active' ? 'translateX(20px)' : 'translateX(2px)' }} />
-                      </button>
-                    </td>
-                    <td className="px-5 py-3.5">
-                      <div className="flex gap-2">
-                        <button className="text-blue-400 hover:text-blue-300 transition-colors"><Edit2 className="w-4 h-4" /></button>
-                        <button className="text-purple-400 hover:text-purple-300 transition-colors"><Lock className="w-4 h-4" /></button>
-                        <button className="text-red-400 hover:text-red-300 transition-colors"><Trash2 className="w-4 h-4" /></button>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-          <div className="flex items-center justify-between px-5 py-4 border-t border-[var(--dg-border)]">
-            <span className="text-sm text-[var(--dg-text-muted)]">共 {filtered.length} 条记录</span>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/pages/WorkflowPage.tsx b/数据审核平台菜单优化/app/src/pages/WorkflowPage.tsx
deleted file mode 100644
index 4dc4b4e..0000000
--- a/数据审核平台菜单优化/app/src/pages/WorkflowPage.tsx
+++ /dev/null
@@ -1,550 +0,0 @@
-import { useState } from 'react';
-import {
-  Plus, Edit2, Eye, ToggleLeft, ToggleRight, GitBranch, Users, CheckCircle,
-  ArrowRight, Shield, Trash2, X, ChevronDown, ChevronUp,
-  Save, Play
-} from 'lucide-react';
-import { Card, CardContent } from '@/components/ui/card';
-import { workflows as initialWorkflows, dbTypeColorMap } from '@/lib/mock';
-
-type StepType = 'submit' | 'audit' | 'execute';
-
-type FlowStep = {
-  id: string;
-  name: string;
-  type: StepType;
-  assignees: string[];
-  mode?: 'any' | 'all';
-  description?: string;
-};
-
-type WorkflowDetail = {
-  id: number;
-  name: string;
-  dbTypes: string[];
-  steps: FlowStep[];
-  description: string;
-  enabled: boolean;
-  conditions?: string[];
-};
-
-const stepTypeLabels: Record<StepType, string> = {
-  submit: '提交阶段',
-  audit: '审核阶段',
-  execute: '执行阶段',
-};
-
-const stepTypeColors: Record<StepType, string> = {
-  submit: 'bg-blue-500/15 text-blue-400 border-blue-500/30',
-  audit: 'bg-purple-500/15 text-purple-400 border-purple-500/30',
-  execute: 'bg-green-500/15 text-green-400 border-green-500/30',
-};
-
-const stepTypeIcons: Record<StepType, React.ElementType> = {
-  submit: Users,
-  audit: Shield,
-  execute: Play,
-};
-
-const defaultSteps: FlowStep[] = [
-  { id: 'step-1', name: '提交阶段', type: 'submit', assignees: ['工单提交人'], description: '申请人提交 SQL 变更工单' },
-  { id: 'step-2', name: '一级审批', type: 'audit', assignees: ['部门负责人'], mode: 'any', description: '部门负责人进行一级审批' },
-  { id: 'step-3', name: '二级审批', type: 'audit', assignees: ['DBA 团队'], mode: 'any', description: 'DBA 进行二级审批' },
-  { id: 'step-4', name: 'SQL 执行', type: 'execute', assignees: ['DBA 执行人'], description: '审批通过后执行 SQL 变更' },
-];
-
-export default function WorkflowPage() {
-  const [items, setItems] = useState<WorkflowDetail[]>(
-    initialWorkflows.map(w => ({
-      ...w,
-      steps: defaultSteps.slice(0, Math.min(w.steps + 2, defaultSteps.length)),
-    }))
-  );
-  const [previewWorkflow, setPreviewWorkflow] = useState<WorkflowDetail | null>(null);
-  const [showCreateModal, setShowCreateModal] = useState(false);
-  const [editingWorkflow, setEditingWorkflow] = useState<WorkflowDetail | null>(null);
-  const [expandedId, setExpandedId] = useState<number | null>(null);
-
-  // 新建/编辑表单状态
-  const [formName, setFormName] = useState('');
-  const [formDesc, setFormDesc] = useState('');
-  const [formDbTypes, setFormDbTypes] = useState<string[]>(['mysql']);
-  const [formSteps, setFormSteps] = useState<FlowStep[]>([defaultSteps[0]]);
-  const [formConditions, setFormConditions] = useState('');
-
-  const dbTypes = ['mysql', 'postgres', 'redis', 'mongo', 'clickhouse'];
-
-  const resetForm = () => {
-    setFormName('');
-    setFormDesc('');
-    setFormDbTypes(['mysql']);
-    setFormSteps([{ ...defaultSteps[0] }]);
-    setFormConditions('');
-  };
-
-  const openCreate = () => {
-    resetForm();
-    setEditingWorkflow(null);
-    setShowCreateModal(true);
-  };
-
-  const openEdit = (wf: WorkflowDetail) => {
-    setFormName(wf.name);
-    setFormDesc(wf.description);
-    setFormDbTypes(wf.dbTypes);
-    setFormSteps([...wf.steps]);
-    setFormConditions(wf.conditions?.join(', ') || '');
-    setEditingWorkflow(wf);
-    setShowCreateModal(true);
-  };
-
-  const toggleWorkflow = (id: number) => {
-    setItems(prev => prev.map(w => w.id === id ? { ...w, enabled: !w.enabled } : w));
-  };
-
-  const deleteWorkflow = (id: number) => {
-    setItems(prev => prev.filter(w => w.id !== id));
-  };
-
-  const addStep = () => {
-    const types: StepType[] = ['audit', 'execute'];
-    const nextType = types[Math.min(formSteps.length - 1, types.length - 1)];
-    setFormSteps(prev => [...prev, {
-      id: `step-${Date.now()}`,
-      name: nextType === 'audit' ? `第 ${prev.filter(s => s.type === 'audit').length + 1} 级审批` : '执行阶段',
-      type: nextType,
-      assignees: nextType === 'audit' ? ['审批人'] : ['DBA 执行人'],
-      mode: 'any',
-      description: '',
-    }]);
-  };
-
-  const removeStep = (stepId: string) => {
-    if (formSteps.length <= 1) return;
-    setFormSteps(prev => prev.filter(s => s.id !== stepId));
-  };
-
-  const updateStep = (stepId: string, updates: Partial<FlowStep>) => {
-    setFormSteps(prev => prev.map(s => s.id === stepId ? { ...s, ...updates } : s));
-  };
-
-  const moveStep = (index: number, direction: 'up' | 'down') => {
-    if (direction === 'up' && index === 0) return;
-    if (direction === 'down' && index === formSteps.length - 1) return;
-    const newIndex = direction === 'up' ? index - 1 : index + 1;
-    setFormSteps(prev => {
-      const arr = [...prev];
-      [arr[index], arr[newIndex]] = [arr[newIndex], arr[index]];
-      return arr;
-    });
-  };
-
-  const saveWorkflow = () => {
-    if (!formName.trim()) return;
-    const conditions = formConditions ? formConditions.split(',').map(s => s.trim()).filter(Boolean) : [];
-    if (editingWorkflow) {
-      setItems(prev => prev.map(w => w.id === editingWorkflow.id ? {
-        ...w,
-        name: formName,
-        description: formDesc,
-        dbTypes: formDbTypes,
-        steps: [...formSteps],
-        conditions: conditions.length > 0 ? conditions : undefined,
-      } : w));
-    } else {
-      const newWf: WorkflowDetail = {
-        id: Date.now(),
-        name: formName,
-        description: formDesc,
-        dbTypes: formDbTypes,
-        steps: [...formSteps],
-        enabled: true,
-        conditions: conditions.length > 0 ? conditions : undefined,
-      };
-      setItems(prev => [...prev, newWf]);
-    }
-    setShowCreateModal(false);
-  };
-
-  const toggleDbType = (dt: string) => {
-    setFormDbTypes(prev =>
-      prev.includes(dt) ? prev.filter(d => d !== dt) : [...prev, dt]
-    );
-  };
-
-  return (
-    <div className="space-y-5">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold">审批流程配置</h1>
-          <p className="text-sm text-[var(--dg-text-secondary)] mt-1">配置多级审批流程模板，支持提交阶段、审核阶段、执行阶段的自定义配置</p>
-        </div>
-        <button
-          onClick={openCreate}
-          className="flex items-center gap-2 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity"
-        >
-          <Plus className="w-4 h-4" /> 新建流程
-        </button>
-      </div>
-
-      <div className="grid grid-cols-4 gap-4">
-        {[
-          { label: '流程总数', value: items.length, icon: GitBranch, color: 'text-blue-400', bg: 'bg-blue-400/10' },
-          { label: '已启用', value: items.filter(w => w.enabled).length, icon: CheckCircle, color: 'text-green-400', bg: 'bg-green-400/10' },
-          { label: '多级审批', value: items.filter(w => w.steps.filter(s => s.type === 'audit').length > 1).length, icon: Users, color: 'text-purple-400', bg: 'bg-purple-400/10' },
-          { label: '单级审批', value: items.filter(w => w.steps.filter(s => s.type === 'audit').length === 1).length, icon: Shield, color: 'text-orange-400', bg: 'bg-orange-400/10' },
-        ].map((s, i) => (
-          <Card key={i} className="dg-card">
-            <CardContent className="p-4 flex items-center gap-3">
-              <div className={`w-10 h-10 rounded-lg ${s.bg} flex items-center justify-center`}><s.icon className={`w-5 h-5 ${s.color}`} /></div>
-              <div><div className="text-2xl font-bold">{s.value}</div><div className="text-xs text-[var(--dg-text-muted)]">{s.label}</div></div>
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      <div className="space-y-4">
-        {items.map(wf => {
-          const isExpanded = expandedId === wf.id;
-          return (
-            <Card key={wf.id} className={`dg-card overflow-hidden ${!wf.enabled ? 'opacity-50' : ''}`}>
-              <CardContent className="p-5">
-                <div className="flex items-start justify-between">
-                  <div className="flex-1">
-                    <div className="flex items-center gap-3 mb-2">
-                      <h3 className="text-lg font-semibold">{wf.name}</h3>
-                      <span className={`px-2 py-0.5 rounded text-xs font-medium ${wf.enabled ? 'bg-green-500/15 text-green-400' : 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)]'}`}>
-                        {wf.enabled ? '已启用' : '已禁用'}
-                      </span>
-                      <span className="px-2 py-0.5 bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)] text-xs rounded">
-                        {wf.steps.length} 个阶段
-                      </span>
-                    </div>
-                    <p className="text-sm text-[var(--dg-text-secondary)] mb-3">{wf.description}</p>
-                    <div className="flex items-center gap-2 mb-3">
-                      <span className="text-xs text-[var(--dg-text-muted)]">适用数据库:</span>
-                      {wf.dbTypes.map(dt => (
-                        <span key={dt} className={`inline-flex px-2 py-0.5 rounded text-[11px] font-medium ${dbTypeColorMap[dt] || ''}`}>{dt.toUpperCase()}</span>
-                      ))}
-                    </div>
-
-                    {/* 流程可视化 */}
-                    <div className="flex items-center gap-1 mt-4 p-4 bg-[var(--dg-bg-tertiary)] rounded-lg overflow-x-auto">
-                      {wf.steps.map((step, i) => {
-                        const StepIcon = stepTypeIcons[step.type];
-                        return (
-                          <div key={step.id} className="flex items-center gap-1 flex-shrink-0">
-                            <div className={`px-3 py-2 rounded-lg border ${stepTypeColors[step.type]} flex items-center gap-2`}>
-                              <StepIcon className="w-4 h-4" />
-                              <div>
-                                <div className="text-xs font-medium whitespace-nowrap">{step.name}</div>
-                                <div className="text-[10px] opacity-80 whitespace-nowrap">{step.assignees.join(' / ')}</div>
-                              </div>
-                            </div>
-                            {i < wf.steps.length - 1 && <ArrowRight className="w-4 h-4 text-[var(--dg-text-muted)] flex-shrink-0" />}
-                          </div>
-                        );
-                      })}
-                    </div>
-
-                    {/* 展开详情 */}
-                    {isExpanded && (
-                      <div className="mt-4 space-y-3 pt-4 border-t border-[var(--dg-border)]">
-                        <h4 className="text-sm font-semibold">流程步骤详情</h4>
-                        {wf.steps.map((step) => {
-                          const StepIcon = stepTypeIcons[step.type];
-                          return (
-                            <div key={step.id} className="flex items-start gap-3 p-3 bg-[var(--dg-bg-primary)] rounded-lg border border-[var(--dg-border)]">
-                              <div className={`w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0 ${stepTypeColors[step.type].split(' ')[0]}`}>
-                                <StepIcon className={`w-4 h-4 ${stepTypeColors[step.type].split(' ')[1]}`} />
-                              </div>
-                              <div className="flex-1">
-                                <div className="flex items-center gap-2 mb-1">
-                                  <span className="text-sm font-medium">{step.name}</span>
-                                  <span className={`text-[11px] px-2 py-0.5 rounded ${stepTypeColors[step.type]}`}>{stepTypeLabels[step.type]}</span>
-                                  {step.mode && (
-                                    <span className="text-[11px] px-2 py-0.5 rounded bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)]">
-                                      {step.mode === 'any' ? '或签（任一人）' : '会签（全部人）'}
-                                    </span>
-                                  )}
-                                </div>
-                                <p className="text-xs text-[var(--dg-text-secondary)]">{step.description}</p>
-                                <div className="flex items-center gap-1 mt-1">
-                                  <span className="text-xs text-[var(--dg-text-muted)]">执行人:</span>
-                                  {step.assignees.map((a, j) => (
-                                    <span key={j} className="text-xs text-blue-400 bg-blue-500/10 px-1.5 py-0.5 rounded">{a}</span>
-                                  ))}
-                                </div>
-                              </div>
-                            </div>
-                          );
-                        })}
-                        {wf.conditions && (
-                          <div className="flex items-center gap-2">
-                            <span className="text-xs text-[var(--dg-text-muted)]">触发条件:</span>
-                            {wf.conditions.map(c => (
-                              <span key={c} className="px-2 py-0.5 bg-yellow-500/10 text-yellow-400 text-xs rounded">{c}</span>
-                            ))}
-                          </div>
-                        )}
-                      </div>
-                    )}
-                  </div>
-
-                  <div className="flex items-center gap-1 ml-4">
-                    <button onClick={() => setPreviewWorkflow(wf)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] hover:text-[var(--dg-text-primary)] transition-colors" title="预览">
-                      <Eye className="w-4 h-4" />
-                    </button>
-                    <button onClick={() => openEdit(wf)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] hover:text-[var(--dg-text-primary)] transition-colors" title="编辑">
-                      <Edit2 className="w-4 h-4" />
-                    </button>
-                    <button onClick={() => toggleWorkflow(wf.id)} className="w-8 h-8 rounded-lg flex items-center justify-center transition-colors" title={wf.enabled ? '禁用' : '启用'}>
-                      {wf.enabled ? <ToggleRight className="w-5 h-5 text-green-400" /> : <ToggleLeft className="w-5 h-5 text-[var(--dg-text-muted)]" />}
-                    </button>
-                    <button onClick={() => deleteWorkflow(wf.id)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-red-500/15 hover:text-red-400 transition-colors" title="删除">
-                      <Trash2 className="w-4 h-4" />
-                    </button>
-                    <button onClick={() => setExpandedId(isExpanded ? null : wf.id)} className="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] transition-colors" title="展开">
-                      {isExpanded ? <ChevronUp className="w-4 h-4" /> : <ChevronDown className="w-4 h-4" />}
-                    </button>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          );
-        })}
-      </div>
-
-      {/* 预览弹窗 */}
-      {previewWorkflow && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={() => setPreviewWorkflow(null)}>
-          <div className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl p-6 max-w-2xl w-full mx-4" onClick={e => e.stopPropagation()}>
-            <div className="flex items-center justify-between mb-6">
-              <h3 className="text-xl font-semibold">{previewWorkflow.name} - 流程预览</h3>
-              <button onClick={() => setPreviewWorkflow(null)} className="w-8 h-8 rounded-lg flex items-center justify-center hover:bg-[var(--dg-bg-hover)] transition-colors">
-                <X className="w-5 h-5" />
-              </button>
-            </div>
-            <div className="space-y-4">
-              {previewWorkflow.steps.map((step, i) => {
-                const StepIcon = stepTypeIcons[step.type];
-                return (
-                  <div key={step.id} className="flex items-start gap-4">
-                    <div className={`w-10 h-10 rounded-full flex items-center justify-center ${stepTypeColors[step.type].split(' ')[0]}`}>
-                      <StepIcon className={`w-5 h-5 ${stepTypeColors[step.type].split(' ')[1]}`} />
-                    </div>
-                    <div className="flex-1">
-                      <div className="flex items-center gap-2 mb-1">
-                        <span className="font-medium">{step.name}</span>
-                        <span className={`text-[11px] px-2 py-0.5 rounded ${stepTypeColors[step.type]}`}>{stepTypeLabels[step.type]}</span>
-                      </div>
-                      <p className="text-sm text-[var(--dg-text-secondary)]">{step.description || '该阶段暂无详细描述'}</p>
-                      <div className="flex items-center gap-2 mt-1">
-                        <span className="text-xs text-[var(--dg-text-muted)]">负责人:</span>
-                        {step.assignees.map((a, j) => (
-                          <span key={j} className="text-xs text-blue-400">{a}{j < step.assignees.length - 1 ? ' / ' : ''}</span>
-                        ))}
-                        {step.mode && (
-                          <span className="text-[11px] px-2 py-0.5 rounded bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)] ml-2">
-                            {step.mode === 'any' ? '或签' : '会签'}
-                          </span>
-                        )}
-                      </div>
-                    </div>
-                    {i < previewWorkflow.steps.length - 1 && <ArrowRight className="w-5 h-5 text-[var(--dg-text-muted)] mt-2" />}
-                  </div>
-                );
-              })}
-            </div>
-            <div className="flex justify-end mt-6">
-              <button onClick={() => setPreviewWorkflow(null)} className="px-5 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm hover:bg-[var(--dg-bg-hover)] transition-colors">
-                关闭
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* 新建/编辑流程弹窗 */}
-      {showCreateModal && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={() => setShowCreateModal(false)}>
-          <div className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl p-6 max-w-3xl w-full mx-4 max-h-[90vh] overflow-y-auto" onClick={e => e.stopPropagation()}>
-            <div className="flex items-center justify-between mb-6">
-              <h3 className="text-xl font-semibold">{editingWorkflow ? '编辑流程' : '新建流程'}</h3>
-              <button onClick={() => setShowCreateModal(false)} className="w-8 h-8 rounded-lg flex items-center justify-center hover:bg-[var(--dg-bg-hover)] transition-colors">
-                <X className="w-5 h-5" />
-              </button>
-            </div>
-
-            <div className="space-y-5">
-              {/* 基本信息 */}
-              <div className="space-y-4">
-                <h4 className="text-sm font-semibold text-[var(--dg-text-secondary)] uppercase tracking-wider">基本信息</h4>
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">流程名称 <span className="text-red-400">*</span></label>
-                  <input
-                    type="text"
-                    value={formName}
-                    onChange={e => setFormName(e.target.value)}
-                    className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                    placeholder="例如：钱包平台 SQL 变更流程"
-                  />
-                </div>
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">流程描述</label>
-                  <textarea
-                    value={formDesc}
-                    onChange={e => setFormDesc(e.target.value)}
-                    className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500 resize-none"
-                    rows={2}
-                    placeholder="描述该流程的用途和适用范围"
-                  />
-                </div>
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-2 block">适用数据库</label>
-                  <div className="flex flex-wrap gap-2">
-                    {dbTypes.map(dt => (
-                      <button
-                        key={dt}
-                        onClick={() => toggleDbType(dt)}
-                        className={`px-3 py-1.5 rounded-lg text-xs font-medium border transition-colors ${
-                          formDbTypes.includes(dt)
-                            ? 'bg-blue-500/15 text-blue-400 border-blue-500/30'
-                            : 'bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-muted)] border-[var(--dg-border)] hover:border-[var(--dg-text-secondary)]'
-                        }`}
-                      >
-                        {dt.toUpperCase()}
-                      </button>
-                    ))}
-                  </div>
-                </div>
-                <div>
-                  <label className="text-xs text-[var(--dg-text-muted)] mb-1.5 block">触发条件（用逗号分隔）</label>
-                  <input
-                    type="text"
-                    value={formConditions}
-                    onChange={e => setFormConditions(e.target.value)}
-                    className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                    placeholder="例如：影响行数>1000, 执行时间>1s"
-                  />
-                </div>
-              </div>
-
-              {/* 步骤配置 */}
-              <div className="space-y-3">
-                <div className="flex items-center justify-between">
-                  <h4 className="text-sm font-semibold text-[var(--dg-text-secondary)] uppercase tracking-wider">流程步骤</h4>
-                  <button
-                    onClick={addStep}
-                    className="flex items-center gap-1 px-3 py-1.5 bg-blue-500/15 text-blue-400 rounded-lg text-xs hover:bg-blue-500/25 transition-colors"
-                  >
-                    <Plus className="w-3.5 h-3.5" /> 添加步骤
-                  </button>
-                </div>
-
-                {formSteps.map((step, index) => (
-                    <Card key={step.id} className="dg-card border-l-2 border-l-blue-500">
-                      <CardContent className="p-4">
-                        <div className="flex items-start gap-3">
-                          <div className="flex flex-col gap-1 pt-1">
-                            <button onClick={() => moveStep(index, 'up')} disabled={index === 0} className="w-6 h-6 rounded flex items-center justify-center hover:bg-[var(--dg-bg-hover)] disabled:opacity-30 transition-colors">
-                              <ChevronUp className="w-3.5 h-3.5" />
-                            </button>
-                            <button onClick={() => moveStep(index, 'down')} disabled={index === formSteps.length - 1} className="w-6 h-6 rounded flex items-center justify-center hover:bg-[var(--dg-bg-hover)] disabled:opacity-30 transition-colors">
-                              <ChevronDown className="w-3.5 h-3.5" />
-                            </button>
-                          </div>
-                          <div className="flex-1 space-y-3">
-                            <div className="grid grid-cols-2 gap-3">
-                              <div>
-                                <label className="text-[11px] text-[var(--dg-text-muted)] mb-1 block">步骤名称</label>
-                                <input
-                                  type="text"
-                                  value={step.name}
-                                  onChange={e => updateStep(step.id, { name: e.target.value })}
-                                  className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                                />
-                              </div>
-                              <div>
-                                <label className="text-[11px] text-[var(--dg-text-muted)] mb-1 block">步骤类型</label>
-                                <select
-                                  value={step.type}
-                                  onChange={e => updateStep(step.id, { type: e.target.value as StepType })}
-                                  className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                                >
-                                  <option value="submit">提交阶段</option>
-                                  <option value="audit">审核阶段</option>
-                                  <option value="execute">执行阶段</option>
-                                </select>
-                              </div>
-                            </div>
-                            <div className="grid grid-cols-2 gap-3">
-                              <div>
-                                <label className="text-[11px] text-[var(--dg-text-muted)] mb-1 block">负责人（用/分隔）</label>
-                                <input
-                                  type="text"
-                                  value={step.assignees.join(' / ')}
-                                  onChange={e => updateStep(step.id, { assignees: e.target.value.split('/').map(s => s.trim()).filter(Boolean) })}
-                                  className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                                  placeholder="例如：张三 / 李四"
-                                />
-                              </div>
-                              {step.type === 'audit' && (
-                                <div>
-                                  <label className="text-[11px] text-[var(--dg-text-muted)] mb-1 block">审批模式</label>
-                                  <select
-                                    value={step.mode || 'any'}
-                                    onChange={e => updateStep(step.id, { mode: e.target.value as 'any' | 'all' })}
-                                    className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                                  >
-                                    <option value="any">或签（任一人通过）</option>
-                                    <option value="all">会签（全部人通过）</option>
-                                  </select>
-                                </div>
-                              )}
-                            </div>
-                            <div>
-                              <label className="text-[11px] text-[var(--dg-text-muted)] mb-1 block">步骤描述</label>
-                              <input
-                                type="text"
-                                value={step.description || ''}
-                                onChange={e => updateStep(step.id, { description: e.target.value })}
-                                className="w-full px-3 py-2 bg-[var(--dg-bg-primary)] border border-[var(--dg-border)] rounded-lg text-sm focus:outline-none focus:border-blue-500"
-                                placeholder="描述该步骤的具体操作..."
-                              />
-                            </div>
-                          </div>
-                          {formSteps.length > 1 && (
-                            <button
-                              onClick={() => removeStep(step.id)}
-                              className="w-7 h-7 rounded-lg flex items-center justify-center text-[var(--dg-text-muted)] hover:bg-red-500/15 hover:text-red-400 transition-colors"
-                            >
-                              <Trash2 className="w-4 h-4" />
-                            </button>
-                          )}
-                        </div>
-                      </CardContent>
-                    </Card>
-                  ))
-                }
-              </div>
-            </div>
-
-            <div className="flex justify-end gap-3 mt-6 pt-4 border-t border-[var(--dg-border)]">
-              <button onClick={() => setShowCreateModal(false)} className="px-5 py-2.5 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded-lg text-sm hover:bg-[var(--dg-bg-hover)] transition-colors">
-                取消
-              </button>
-              <button
-                onClick={saveWorkflow}
-                disabled={!formName.trim() || formDbTypes.length === 0}
-                className="flex items-center gap-2 px-5 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg text-sm font-medium text-white hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed"
-              >
-                <Save className="w-4 h-4" /> {editingWorkflow ? '保存修改' : '创建流程'}
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/数据审核平台菜单优化/app/src/types/index.ts b/数据审核平台菜单优化/app/src/types/index.ts
deleted file mode 100644
index 039a2ba..0000000
--- a/数据审核平台菜单优化/app/src/types/index.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-export interface User {
-  id: number;
-  username: string;
-  email: string;
-  role: 'admin' | 'dba' | 'developer' | 'guest';
-  roleName: string;
-  department: string;
-  lastLogin: string;
-  status: 'active' | 'disabled';
-  avatar: string;
-}
-
-export interface Role {
-  id: string;
-  name: string;
-  description: string;
-  icon: string;
-  iconClass: string;
-  userCount: number;
-  permissionCount: number;
-  permissions: string[];
-}
-
-export interface DBInstance {
-  id: number;
-  name: string;
-  host: string;
-  port: number;
-  status: 'online' | 'offline' | 'warning';
-  dbType: string;
-  version: string;
-  env: 'prod' | 'test' | 'dev';
-  connections: number;
-  qps: number;
-  latency: number;
-  cpu: number;
-  memory: number;
-  disk: number;
-  uptime: string;
-  tags: string[];
-}
-
-export interface Ticket {
-  id: string;
-  title: string;
-  dbType: string;
-  instance: string;
-  applicant: string;
-  approver?: string;
-  status: 'pending' | 'reviewing' | 'approved' | 'rejected' | 'executing' | 'success' | 'failed' | 'rollback';
-  priority: 'high' | 'medium' | 'low';
-  sql: string;
-  rollbackSql?: string;
-  reason: string;
-  createTime: string;
-  updateTime: string;
-  executeTime?: string;
-  auditScore?: number;
-  auditResults?: AuditResultItem[];
-  workflowSteps?: WorkflowStep[];
-  approvalRecords?: ApprovalRecord[];
-}
-
-export interface AuditResultItem {
-  rule: string;
-  level: 'error' | 'warning' | 'info' | 'success';
-  description: string;
-  suggestion?: string;
-}
-
-export interface WorkflowStep {
-  name: string;
-  status: 'completed' | 'active' | 'pending';
-  time?: string;
-  assignee?: string;
-}
-
-export interface ApprovalRecord {
-  step: number;
-  approver: string;
-  action: 'approve' | 'reject';
-  comment: string;
-  time: string;
-}
-
-export interface QueryAudit {
-  id: string;
-  sql: string;
-  sqlPreview: string;
-  dbType: string;
-  instance: string;
-  user: string;
-  executeTime: number;
-  rowCount: number;
-  scanRows: number;
-  affectedRows: number;
-  status: 'success' | 'slow' | 'failed';
-  hasSensitive: boolean;
-  timestamp: string;
-  resultColumns?: ResultColumn[];
-  resultSet?: Record<string, unknown>[];
-  clientIp: string;
-  source: string;
-}
-
-export interface ResultColumn {
-  prop: string;
-  label: string;
-  sensitive?: boolean;
-}
-
-export interface AuditRule {
-  id: string;
-  name: string;
-  level: 'error' | 'warning' | 'info';
-  dbTypes: string[];
-  description: string;
-  enabled: boolean;
-  category: string;
-}
-
-export interface Workflow {
-  id: number;
-  name: string;
-  dbTypes: string[];
-  steps: number;
-  mode: 'any' | 'all';
-  description: string;
-  enabled: boolean;
-  conditions?: string[];
-}
-
-export interface NotificationChannel {
-  id: number;
-  name: string;
-  type: string;
-  icon: string;
-  description: string;
-  enabled: boolean;
-  webhook?: string;
-  events?: string[];
-}
-
-export interface DataPermission {
-  id: number;
-  user: string;
-  instance: string;
-  database: string;
-  table: string;
-  columns: string;
-  rowFilter: string;
-  operations: string[];
-}
-
-export interface PermissionNode {
-  id: string;
-  label: string;
-  children?: PermissionNode[];
-}
-
-export interface DashboardStats {
-  todayTickets: number;
-  todayTicketsTrend: number;
-  pendingApproval: number;
-  pendingTrend: number;
-  queryAuditCount: number;
-  queryTrend: number;
-  slowQueries: number;
-  slowQueryTrend: number;
-}
-
-export interface MenuItem {
-  id: string;
-  label: string;
-  icon: string;
-  section?: string;
-  children?: MenuItem[];
-}
diff --git a/数据审核平台菜单优化/app/tailwind.config.js b/数据审核平台菜单优化/app/tailwind.config.js
deleted file mode 100644
index cb8a316..0000000
--- a/数据审核平台菜单优化/app/tailwind.config.js
+++ /dev/null
@@ -1,84 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: ["class"],
-  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
-  theme: {
-    extend: {
-      colors: {
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))",
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive) / <alpha-value>)",
-          foreground: "hsl(var(--destructive-foreground) / <alpha-value>)",
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
-        },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
-        },
-        sidebar: {
-          DEFAULT: "hsl(var(--sidebar-background))",
-          foreground: "hsl(var(--sidebar-foreground))",
-          primary: "hsl(var(--sidebar-primary))",
-          "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
-          accent: "hsl(var(--sidebar-accent))",
-          "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
-          border: "hsl(var(--sidebar-border))",
-          ring: "hsl(var(--sidebar-ring))",
-        },
-      },
-      borderRadius: {
-        xl: "calc(var(--radius) + 4px)",
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-        xs: "calc(var(--radius) - 6px)",
-      },
-      boxShadow: {
-        xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
-        },
-        "caret-blink": {
-          "0%,70%,100%": { opacity: "1" },
-          "20%,50%": { opacity: "0" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-        "caret-blink": "caret-blink 1.25s ease-out infinite",
-      },
-    },
-  },
-  plugins: [require("tailwindcss-animate")],
-}
\ No newline at end of file
diff --git a/数据审核平台菜单优化/app/tsconfig.app.json b/数据审核平台菜单优化/app/tsconfig.app.json
deleted file mode 100644
index c8935af..0000000
--- a/数据审核平台菜单优化/app/tsconfig.app.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    "baseUrl": ".",
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ]
-    },
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}
diff --git a/数据审核平台菜单优化/app/tsconfig.json b/数据审核平台菜单优化/app/tsconfig.json
deleted file mode 100644
index afa1ec6..0000000
--- a/数据审核平台菜单优化/app/tsconfig.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ],
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}
\ No newline at end of file
diff --git a/数据审核平台菜单优化/app/tsconfig.node.json b/数据审核平台菜单优化/app/tsconfig.node.json
deleted file mode 100644
index 8a67f62..0000000
--- a/数据审核平台菜单优化/app/tsconfig.node.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}
diff --git a/数据审核平台菜单优化/app/vite.config.ts b/数据审核平台菜单优化/app/vite.config.ts
deleted file mode 100644
index d55fe45..0000000
--- a/数据审核平台菜单优化/app/vite.config.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import path from "path"
-import react from "@vitejs/plugin-react"
-import { defineConfig } from "vite"
-import { inspectAttr } from 'kimi-plugin-inspect-react'
-
-// https://vite.dev/config/
-export default defineConfig({
-  base: './',
-  plugins: [inspectAttr(), react()],
-  server: {
-    port: 3000,
-  },
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
-    },
-  },
-});
diff --git a/数据审核平台菜单优化/data-audit-platform-demo/index.html b/数据审核平台菜单优化/data-audit-platform-demo/index.html
deleted file mode 100644
index cdec9e4..0000000
--- a/数据审核平台菜单优化/data-audit-platform-demo/index.html
+++ /dev/null
@@ -1,1303 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>数据审核平台 - 演示</title>
-  <link rel="stylesheet" href="https://unpkg.com/element-plus@2.5.1/dist/index.css">
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
-    
-    /* 登录页 */
-    .login-page {
-      height: 100vh;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    }
-    .login-container {
-      width: 420px;
-      padding: 40px;
-      background: #fff;
-      border-radius: 16px;
-      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
-    }
-    .login-header {
-      text-align: center;
-      margin-bottom: 32px;
-    }
-    .login-header h1 {
-      font-size: 28px;
-      font-weight: 600;
-      color: #303133;
-      margin: 16px 0 8px;
-    }
-    .login-header p {
-      font-size: 14px;
-      color: #909399;
-    }
-    .login-btn { width: 100%; }
-    .login-footer {
-      margin-top: 24px;
-      padding-top: 24px;
-      border-top: 1px solid #ebeef5;
-      text-align: center;
-    }
-    .login-footer p {
-      font-size: 12px;
-      color: #909399;
-      margin: 4px 0;
-    }
-
-    /* 主布局 */
-    .main-layout { height: 100vh; }
-    .sidebar {
-      background-color: #001529;
-      color: #fff;
-      overflow-y: auto;
-    }
-    .logo {
-      height: 64px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0 16px;
-      border-bottom: 1px solid rgba(255,255,255,0.1);
-    }
-    .logo-text {
-      font-size: 18px;
-      font-weight: 600;
-      margin-left: 12px;
-    }
-    .header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      background-color: #fff;
-      box-shadow: 0 1px 4px rgba(0,0,0,0.1);
-    }
-    .header-right {
-      display: flex;
-      align-items: center;
-      gap: 20px;
-    }
-    .user-info {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      cursor: pointer;
-      padding: 4px 8px;
-      border-radius: 4px;
-    }
-    .user-info:hover {
-      background-color: #f5f7fa;
-    }
-    .main-content {
-      background-color: #f0f2f5;
-      padding: 20px;
-      overflow-y: auto;
-    }
-
-    /* 快捷操作 */
-    .quick-actions {
-      margin-bottom: 20px;
-    }
-    .actions-row {
-      display: flex;
-      justify-content: space-around;
-      padding: 10px 0;
-    }
-    .action-item {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      cursor: pointer;
-      padding: 12px 24px;
-      border-radius: 8px;
-      transition: all 0.3s;
-      position: relative;
-    }
-    .action-item:hover {
-      background-color: #f5f7fa;
-      transform: translateY(-2px);
-    }
-    .action-icon {
-      width: 48px;
-      height: 48px;
-      border-radius: 12px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 8px;
-    }
-    .action-label {
-      font-size: 14px;
-      color: #606266;
-    }
-
-    /* 统计卡片 */
-    .stats-row { margin-bottom: 20px; }
-    .stat-card { padding: 16px; }
-    .stat-content {
-      display: flex;
-      align-items: center;
-      gap: 16px;
-    }
-    .stat-icon {
-      width: 56px;
-      height: 56px;
-      border-radius: 12px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-    .stat-icon.mysql { background-color: #4479A1; }
-    .stat-icon.redis { background-color: #DC382D; }
-    .stat-icon.workflow { background-color: #409EFF; }
-    .stat-icon.today { background-color: #67C23A; }
-    .stat-value {
-      font-size: 24px;
-      font-weight: 600;
-      color: #303133;
-      line-height: 1;
-      margin-bottom: 6px;
-    }
-    .stat-label {
-      font-size: 13px;
-      color: #909399;
-    }
-    .stat-footer {
-      margin-top: 12px;
-      padding-top: 12px;
-      border-top: 1px solid #ebeef5;
-    }
-    .stat-detail {
-      font-size: 12px;
-      color: #67C23A;
-    }
-
-    /* 图表 */
-    .charts-row { margin-bottom: 20px; }
-    .chart-container { height: 300px; }
-    .card-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    /* 实例卡片 */
-    .instance-card {
-      margin-bottom: 20px;
-      transition: all 0.3s;
-    }
-    .instance-card:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
-    }
-    .instance-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: flex-start;
-    }
-    .instance-title {
-      display: flex;
-      gap: 12px;
-    }
-    .title-text h4 {
-      margin: 0;
-      font-size: 16px;
-      font-weight: 600;
-      cursor: pointer;
-      color: #409EFF;
-    }
-    .title-text h4:hover {
-      text-decoration: underline;
-    }
-    .title-text p {
-      margin: 4px 0 0;
-      font-size: 12px;
-      color: #909399;
-    }
-    .instance-metrics {
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      gap: 12px;
-    }
-    .metric-item {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding: 8px;
-      background-color: #f5f7fa;
-      border-radius: 4px;
-    }
-    .metric-label {
-      font-size: 12px;
-      color: #909399;
-      margin-bottom: 4px;
-    }
-    .metric-value {
-      font-size: 14px;
-      font-weight: 600;
-      color: #303133;
-    }
-    .instance-actions {
-      display: flex;
-      justify-content: center;
-      gap: 16px;
-    }
-
-    /* SQL 编辑器 */
-    .editor-container {
-      border: 1px solid #dcdfe6;
-      border-radius: 4px;
-      overflow: hidden;
-      margin-bottom: 16px;
-    }
-    .sql-textarea {
-      width: 100%;
-      min-height: 200px;
-      padding: 16px;
-      border: none;
-      font-family: 'Courier New', monospace;
-      font-size: 14px;
-      line-height: 1.6;
-      resize: vertical;
-    }
-    .sql-textarea:focus {
-      outline: none;
-    }
-    .result-table {
-      margin-top: 16px;
-    }
-
-    /* Redis 键列表 */
-    .key-item {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 8px 12px;
-      border-radius: 4px;
-      cursor: pointer;
-      transition: all 0.3s;
-    }
-    .key-item:hover {
-      background-color: #f5f7fa;
-    }
-    .key-item.active {
-      background-color: #ecf5ff;
-    }
-    .key-name {
-      flex: 1;
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      font-size: 13px;
-    }
-
-    /* 菜单样式 */
-    .el-menu {
-      border-right: none;
-    }
-    .el-sub-menu__title:hover {
-      background-color: #1890ff !important;
-    }
-    .el-menu-item:hover {
-      background-color: #1890ff !important;
-    }
-    .el-menu-item.is-active {
-      background-color: #1890ff !important;
-    }
-  </style>
-</head>
-<body>
-  <div id="app"></div>
-
-  <script src="https://unpkg.com/vue@3.4.15/dist/vue.global.js"></script>
-  <script src="https://unpkg.com/element-plus@2.5.1/dist/index.full.js"></script>
-  <script src="https://unpkg.com/element-plus@2.5.1/dist/locale/zh-cn.js"></script>
-  <script src="https://unpkg.com/vue-router@4.2.5/dist/vue-router.global.js"></script>
-  <script src="https://unpkg.com/echarts@5.4.3/dist/echarts.min.js"></script>
-
-  <script>
-    const { createApp, ref, computed, onMounted, reactive } = Vue;
-    const { createRouter, createWebHashHistory } = VueRouter;
-
-    // 模拟数据
-    const mockStats = {
-      mysql_instances: 3,
-      mysql_active: 3,
-      redis_instances: 2,
-      redis_keys: 150000,
-      total_workflows: 128,
-      pending_workflows: 12,
-      today_workflows: 8,
-      today_success: 6,
-    };
-
-    const mockMySQLInstances = [
-      { id: 1, name: '生产-MySQL主库', host: 'mysql-prod.example.com', port: 3306, database: 'production', environment: 'prod', status: 'active', version: '8.0.32', connections: 85, qps: 1250, latency: 2, description: '生产环境 MySQL 主库' },
-      { id: 2, name: '测试-MySQL', host: 'mysql-test.example.com', port: 3306, database: 'test_db', environment: 'test', status: 'active', version: '8.0.32', connections: 12, qps: 45, latency: 1, description: '测试环境 MySQL' },
-      { id: 3, name: '开发-MySQL', host: 'mysql-dev.example.com', port: 3306, database: 'dev_db', environment: 'dev', status: 'active', version: '8.0.32', connections: 8, qps: 20, latency: 1, description: '开发环境 MySQL' },
-    ];
-
-    const mockRedisInstances = [
-      { id: 1, name: '生产-Redis主库', host: 'redis-prod.example.com', port: 6379, environment: 'prod', status: 'active', version: '7.0.12', redis_mode: 'standalone', total_keys: 100000, used_memory_human: '512M', connected_clients: 50, hit_rate: 95 },
-      { id: 2, name: '生产-Redis从库', host: 'redis-slave.example.com', port: 6379, environment: 'prod', status: 'active', version: '7.0.12', redis_mode: 'standalone', total_keys: 100000, used_memory_human: '512M', connected_clients: 30, hit_rate: 95 },
-    ];
-
-    const mockWorkflows = [
-      { id: 1, title: '添加用户表索引', instance_name: '生产-MySQL主库', workflow_type: 'ddl', risk_level: 'safe', risk_score: 10, status: 'success', submitter_name: 'dev1', created_at: '2024-01-15 10:30:00' },
-      { id: 2, title: '修复订单数据', instance_name: '生产-MySQL主库', workflow_type: 'dml', risk_level: 'low', risk_score: 25, status: 'pending', submitter_name: 'dev1', created_at: '2024-01-15 09:15:00' },
-      { id: 3, title: '创建新表', instance_name: '测试-MySQL', workflow_type: 'ddl', risk_level: 'safe', risk_score: 5, status: 'approved', submitter_name: 'dev2', created_at: '2024-01-14 16:45:00' },
-      { id: 4, title: '批量更新用户状态', instance_name: '生产-MySQL主库', workflow_type: 'dml', risk_level: 'medium', risk_score: 55, status: 'rejected', submitter_name: 'dev1', created_at: '2024-01-14 14:20:00' },
-      { id: 5, title: '添加订单表字段', instance_name: '生产-MySQL主库', workflow_type: 'ddl', risk_level: 'low', risk_score: 20, status: 'executing', submitter_name: 'dev2', created_at: '2024-01-14 11:00:00' },
-    ];
-
-    // 登录组件
-    const Login = {
-      template: `
-        <div class="login-page">
-          <div class="login-container">
-            <div class="login-header">
-              <el-icon size="48" color="#409EFF"><DataLine /></el-icon>
-              <h1>数据审核平台</h1>
-              <p>Database Change Management & SQL Audit Platform</p>
-            </div>
-            <el-form :model="form" @keyup.enter="handleLogin">
-              <el-form-item>
-                <el-input v-model="form.username" placeholder="用户名" size="large" :prefix-icon="User" />
-              </el-form-item>
-              <el-form-item>
-                <el-input v-model="form.password" type="password" placeholder="密码" size="large" :prefix-icon="Lock" show-password />
-              </el-form-item>
-              <el-form-item>
-                <el-button type="primary" size="large" class="login-btn" :loading="loading" @click="handleLogin">登录</el-button>
-              </el-form-item>
-            </el-form>
-            <div class="login-footer">
-              <p>默认账号: admin / 123456</p>
-              <p>DBA账号: dba / 123456</p>
-              <p>开发账号: dev1 / 123456</p>
-            </div>
-          </div>
-        </div>
-      `,
-      setup() {
-        const form = reactive({ username: '', password: '' });
-        const loading = ref(false);
-        const router = VueRouter.useRouter();
-
-        const handleLogin = () => {
-          if (!form.username || !form.password) {
-            ElementPlus.ElMessage.warning('请输入用户名和密码');
-            return;
-          }
-          loading.value = true;
-          setTimeout(() => {
-            loading.value = false;
-            if (form.password === '123456') {
-              localStorage.setItem('user', JSON.stringify({ username: form.username, role: form.username === 'admin' ? 'admin' : form.username === 'dba' ? 'dba' : 'developer' }));
-              ElementPlus.ElMessage.success('登录成功');
-              router.push('/');
-            } else {
-              ElementPlus.ElMessage.error('密码错误，默认密码: 123456');
-            }
-          }, 500);
-        };
-
-        return { form, loading, handleLogin, User: 'User', Lock: 'Lock' };
-      }
-    };
-
-    // 仪表盘组件
-    const Dashboard = {
-      template: `
-        <div>
-          <!-- 快捷操作 -->
-          <el-card shadow="hover" class="quick-actions">
-            <div class="actions-row">
-              <div class="action-item" @click="$router.push('/audit/workflows/create')">
-                <div class="action-icon" style="background-color: #409EFF;">
-                  <el-icon size="24" color="#fff"><DocumentChecked /></el-icon>
-                </div>
-                <span class="action-label">创建工单</span>
-              </div>
-              <div class="action-item" @click="$router.push('/datasource/mysql')">
-                <div class="action-icon" style="background-color: #67C23A;">
-                  <el-icon size="24" color="#fff"><Coin /></el-icon>
-                </div>
-                <span class="action-label">MySQL</span>
-              </div>
-              <div class="action-item" @click="$router.push('/datasource/redis')">
-                <div class="action-icon" style="background-color: #DC382D;">
-                  <el-icon size="24" color="#fff"><Lightning /></el-icon>
-                </div>
-                <span class="action-label">Redis</span>
-              </div>
-              <div class="action-item" @click="$router.push('/dictionary/tables')">
-                <div class="action-icon" style="background-color: #E6A23C;">
-                  <el-icon size="24" color="#fff"><Collection /></el-icon>
-                </div>
-                <span class="action-label">数据字典</span>
-              </div>
-              <div class="action-item" @click="$router.push('/audit/workflows')">
-                <div class="action-icon" style="background-color: #909399;">
-                  <el-icon size="24" color="#fff"><Timer /></el-icon>
-                </div>
-                <span class="action-label">待审核</span>
-                <el-badge :value="stats.pending_workflows" class="action-badge" v-if="stats.pending_workflows > 0" />
-              </div>
-            </div>
-          </el-card>
-
-          <!-- 统计卡片 -->
-          <el-row :gutter="20" class="stats-row">
-            <el-col :span="6">
-              <el-card shadow="hover" class="stat-card">
-                <div class="stat-content">
-                  <div class="stat-icon mysql">
-                    <el-icon size="32" color="#fff"><Coin /></el-icon>
-                  </div>
-                  <div class="stat-info">
-                    <div class="stat-value">{{ stats.mysql_instances }}</div>
-                    <div class="stat-label">MySQL 实例</div>
-                  </div>
-                </div>
-                <div class="stat-footer">
-                  <span class="stat-detail">{{ stats.mysql_active }} 个正常</span>
-                </div>
-              </el-card>
-            </el-col>
-            <el-col :span="6">
-              <el-card shadow="hover" class="stat-card">
-                <div class="stat-content">
-                  <div class="stat-icon redis">
-                    <el-icon size="32" color="#fff"><Lightning /></el-icon>
-                  </div>
-                  <div class="stat-info">
-                    <div class="stat-value">{{ stats.redis_instances }}</div>
-                    <div class="stat-label">Redis 实例</div>
-                  </div>
-                </div>
-                <div class="stat-footer">
-                  <span class="stat-detail">{{ formatNumber(stats.redis_keys) }} 个键</span>
-                </div>
-              </el-card>
-            </el-col>
-            <el-col :span="6">
-              <el-card shadow="hover" class="stat-card">
-                <div class="stat-content">
-                  <div class="stat-icon workflow">
-                    <el-icon size="32" color="#fff"><Document /></el-icon>
-                  </div>
-                  <div class="stat-info">
-                    <div class="stat-value">{{ stats.total_workflows }}</div>
-                    <div class="stat-label">总工单</div>
-                  </div>
-                </div>
-                <div class="stat-footer">
-                  <span class="stat-detail" style="color: #E6A23C;">{{ stats.pending_workflows }} 个待审核</span>
-                </div>
-              </el-card>
-            </el-col>
-            <el-col :span="6">
-              <el-card shadow="hover" class="stat-card">
-                <div class="stat-content">
-                  <div class="stat-icon today">
-                    <el-icon size="32" color="#fff"><Calendar /></el-icon>
-                  </div>
-                  <div class="stat-info">
-                    <div class="stat-value">{{ stats.today_workflows }}</div>
-                    <div class="stat-label">今日工单</div>
-                  </div>
-                </div>
-                <div class="stat-footer">
-                  <span class="stat-detail">{{ stats.today_success }} 个成功</span>
-                </div>
-              </el-card>
-            </el-col>
-          </el-row>
-
-          <!-- 图表 -->
-          <el-row :gutter="20" class="charts-row">
-            <el-col :span="12">
-              <el-card shadow="hover">
-                <template #header><div class="card-header"><span>工单趋势（近7天）</span></div></template>
-                <div ref="trendChart" class="chart-container"></div>
-              </el-card>
-            </el-col>
-            <el-col :span="12">
-              <el-card shadow="hover">
-                <template #header><div class="card-header"><span>SQL 风险分布</span></div></template>
-                <div ref="riskChart" class="chart-container"></div>
-              </el-card>
-            </el-col>
-          </el-row>
-
-          <!-- 待办和最近活动 -->
-          <el-row :gutter="20" class="bottom-row">
-            <el-col :span="12">
-              <el-card shadow="hover">
-                <template #header>
-                  <div class="card-header">
-                    <span>待办工单</span>
-                    <el-button type="primary" link @click="$router.push('/audit/workflows')">查看全部</el-button>
-                  </div>
-                </template>
-                <el-timeline>
-                  <el-timeline-item v-for="w in pendingWorkflows" :key="w.id" :type="getRiskType(w.risk_level)" :timestamp="w.created_at">
-                    <div>
-                      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 4px;">
-                        <el-link type="primary">{{ w.title }}</el-link>
-                        <el-tag :type="getRiskType(w.risk_level)" size="small">{{ getRiskLabel(w.risk_level) }}</el-tag>
-                      </div>
-                      <div style="font-size: 12px; color: #909399;">
-                        <span>{{ w.instance_name }}</span> | <span>提交人: {{ w.submitter_name }}</span>
-                      </div>
-                    </div>
-                  </el-timeline-item>
-                </el-timeline>
-              </el-card>
-            </el-col>
-            <el-col :span="12">
-              <el-card shadow="hover">
-                <template #header>
-                  <div class="card-header">
-                    <span>最近活动</span>
-                    <el-button type="primary" link @click="$router.push('/system/logs')">查看全部</el-button>
-                  </div>
-                </template>
-                <el-timeline>
-                  <el-timeline-item v-for="a in activities" :key="a.id" :type="a.type" :timestamp="a.time">
-                    <div style="display: flex; align-items: flex-start; gap: 12px;">
-                      <el-avatar :size="28" :src="a.avatar" />
-                      <div>
-                        <div style="font-size: 14px; color: #303133;">{{ a.content }}</div>
-                        <div style="font-size: 12px; color: #909399; margin-top: 2px;">{{ a.detail }}</div>
-                      </div>
-                    </div>
-                  </el-timeline-item>
-                </el-timeline>
-              </el-card>
-            </el-col>
-          </el-row>
-        </div>
-      `,
-      setup() {
-        const stats = ref(mockStats);
-        const pendingWorkflows = ref(mockWorkflows.filter(w => w.status === 'pending'));
-        const activities = ref([
-          { id: 1, type: 'success', content: '工单 #1234 执行成功', detail: '添加用户表索引', time: '10分钟前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=dev1' },
-          { id: 2, type: 'primary', content: '创建了新工单', detail: '修复订单数据', time: '30分钟前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=dev2' },
-          { id: 3, type: 'warning', content: '审核通过了工单', detail: '创建新表', time: '1小时前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=dba' },
-          { id: 4, type: 'danger', content: '拒绝了工单', detail: '批量更新用户状态 - 影响范围过大', time: '2小时前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=dba' },
-          { id: 5, type: 'info', content: '添加了 MySQL 实例', detail: '测试-MySQL', time: '3小时前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=admin' },
-        ]);
-        const trendChart = ref(null);
-        const riskChart = ref(null);
-
-        const formatNumber = (num) => {
-          if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M';
-          if (num >= 1000) return (num / 1000).toFixed(1) + 'K';
-          return num.toString();
-        };
-
-        const getRiskType = (level) => ({ high: 'danger', medium: 'warning', low: 'info', safe: 'success' }[level] || 'info');
-        const getRiskLabel = (level) => ({ high: '高风险', medium: '中风险', low: '低风险', safe: '安全' }[level] || level);
-
-        onMounted(() => {
-          setTimeout(() => {
-            if (trendChart.value) {
-              const chart = echarts.init(trendChart.value);
-              chart.setOption({
-                tooltip: { trigger: 'axis' },
-                legend: { data: ['创建', '通过', '拒绝', '执行'] },
-                grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
-                xAxis: { type: 'category', boundaryGap: false, data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] },
-                yAxis: { type: 'value' },
-                series: [
-                  { name: '创建', type: 'line', smooth: true, data: [12, 15, 8, 20, 18, 10, 15], itemStyle: { color: '#409EFF' } },
-                  { name: '通过', type: 'line', smooth: true, data: [10, 12, 6, 18, 16, 8, 12], itemStyle: { color: '#67C23A' } },
-                  { name: '拒绝', type: 'line', smooth: true, data: [2, 3, 2, 2, 2, 2, 3], itemStyle: { color: '#F56C6C' } },
-                  { name: '执行', type: 'line', smooth: true, data: [8, 10, 5, 15, 14, 7, 10], itemStyle: { color: '#E6A23C' } },
-                ]
-              });
-            }
-            if (riskChart.value) {
-              const chart = echarts.init(riskChart.value);
-              chart.setOption({
-                tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)' },
-                legend: { orient: 'vertical', right: 10, top: 'center' },
-                series: [{
-                  name: '风险等级',
-                  type: 'pie',
-                  radius: ['50%', '70%'],
-                  avoidLabelOverlap: false,
-                  label: { show: false },
-                  emphasis: { label: { show: true, fontSize: 16, fontWeight: 'bold' } },
-                  labelLine: { show: false },
-                  data: [
-                    { value: 5, name: '高风险', itemStyle: { color: '#F56C6C' } },
-                    { value: 15, name: '中风险', itemStyle: { color: '#E6A23C' } },
-                    { value: 35, name: '低风险', itemStyle: { color: '#409EFF' } },
-                    { value: 73, name: '安全', itemStyle: { color: '#67C23A' } },
-                  ]
-                }]
-              });
-            }
-          }, 100);
-        });
-
-        return { stats, pendingWorkflows, activities, trendChart, riskChart, formatNumber, getRiskType, getRiskLabel };
-      }
-    };
-
-    // MySQL 实例列表
-    const MySQLInstances = {
-      template: `
-        <div>
-          <el-card shadow="hover" style="margin-bottom: 20px;">
-            <el-form :inline="true">
-              <el-form-item label="实例名称">
-                <el-input placeholder="请输入实例名称" clearable />
-              </el-form-item>
-              <el-form-item label="环境">
-                <el-select placeholder="选择环境" clearable>
-                  <el-option label="开发" value="dev" />
-                  <el-option label="测试" value="test" />
-                  <el-option label="生产" value="prod" />
-                </el-select>
-              </el-form-item>
-              <el-form-item>
-                <el-button type="primary"><el-icon><Search /></el-icon>搜索</el-button>
-                <el-button>重置</el-button>
-              </el-form-item>
-            </el-form>
-          </el-card>
-
-          <el-card shadow="hover">
-            <template #header>
-              <div class="card-header">
-                <span>MySQL 实例列表</span>
-                <el-button type="primary"><el-icon><Plus /></el-icon>添加实例</el-button>
-              </div>
-            </template>
-            <el-table :data="instances" stripe>
-              <el-table-column prop="id" label="ID" width="80" />
-              <el-table-column prop="name" label="实例名称" min-width="180">
-                <template #default="{ row }">
-                  <div style="display: flex; align-items: center; gap: 12px;">
-                    <el-icon size="20" color="#4479A1"><Coin /></el-icon>
-                    <div>
-                      <el-link type="primary" @click="goToDetail(row.id)">{{ row.name }}</el-link>
-                      <div style="font-size: 12px; color: #909399;">{{ row.description }}</div>
-                    </div>
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column prop="host" label="连接信息" min-width="200">
-                <template #default="{ row }">
-                  <div>{{ row.host }}:{{ row.port }}</div>
-                  <div style="font-size: 12px; color: #909399;">{{ row.database }}</div>
-                </template>
-              </el-table-column>
-              <el-table-column prop="environment" label="环境" width="100">
-                <template #default="{ row }">
-                  <el-tag :type="getEnvType(row.environment)" effect="dark">{{ getEnvLabel(row.environment) }}</el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="status" label="状态" width="100">
-                <template #default="{ row }">
-                  <el-tag :type="row.status === 'active' ? 'success' : 'danger'" effect="light">
-                    <el-icon v-if="row.status === 'active'"><CircleCheck /></el-icon>
-                    <el-icon v-else><CircleClose /></el-icon>
-                    {{ row.status === 'active' ? '正常' : '异常' }}
-                  </el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column label="监控指标" width="200">
-                <template #default="{ row }">
-                  <div style="display: flex; gap: 16px;">
-                    <el-tooltip content="连接数">
-                      <div style="display: flex; align-items: center; gap: 4px; font-size: 13px; color: #606266;">
-                        <el-icon><User /></el-icon><span>{{ row.connections }}</span>
-                      </div>
-                    </el-tooltip>
-                    <el-tooltip content="QPS">
-                      <div style="display: flex; align-items: center; gap: 4px; font-size: 13px; color: #606266;">
-                        <el-icon><TrendCharts /></el-icon><span>{{ row.qps }}</span>
-                      </div>
-                    </el-tooltip>
-                    <el-tooltip content="延迟">
-                      <div style="display: flex; align-items: center; gap: 4px; font-size: 13px; color: #606266;">
-                        <el-icon><Timer /></el-icon><span>{{ row.latency }}ms</span>
-                      </div>
-                    </el-tooltip>
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column label="操作" width="250" fixed="right">
-                <template #default="{ row }">
-                  <el-button type="primary" link @click="goToDetail(row.id)"><el-icon><View /></el-icon>管理</el-button>
-                  <el-button type="success" link><el-icon><CircleCheck /></el-icon>测试</el-button>
-                  <el-button type="primary" link><el-icon><Edit /></el-icon>编辑</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-card>
-        </div>
-      `,
-      setup() {
-        const instances = ref(mockMySQLInstances);
-        const router = VueRouter.useRouter();
-        const getEnvType = (env) => ({ dev: 'info', test: 'warning', staging: '', prod: 'danger' }[env] || '');
-        const getEnvLabel = (env) => ({ dev: '开发', test: '测试', staging: '预发布', prod: '生产' }[env] || env);
-        const goToDetail = (id) => {
-          router.push(`/mysql/${id}/query`);
-        };
-        return { instances, getEnvType, getEnvLabel, goToDetail };
-      }
-    };
-
-    // MySQL 详情 - SQL 查询
-    const MySQLQuery = {
-      template: `
-        <el-row :gutter="20">
-          <el-col :span="5">
-            <el-card shadow="hover">
-              <template #header>
-                <div class="card-header">
-                  <span>数据库</span>
-                  <el-button type="primary" link><el-icon><Refresh /></el-icon></el-button>
-                </div>
-              </template>
-              <el-select v-model="selectedDB" style="width: 100%; margin-bottom: 16px;">
-                <el-option v-for="db in databases" :key="db" :label="db" :value="db" />
-              </el-select>
-              <div style="margin-bottom: 12px; font-weight: 500;">表 ({{ tables.length }})</div>
-              <el-input v-model="tableSearch" placeholder="搜索表" size="small" clearable style="margin-bottom: 12px;" />
-              <el-scrollbar height="calc(100vh - 450px)">
-                <div v-for="table in filteredTables" :key="table" class="key-item" @click="selectTable(table)">
-                  <el-icon><Document /></el-icon>
-                  <span class="key-name">{{ table }}</span>
-                </div>
-              </el-scrollbar>
-            </el-card>
-          </el-col>
-          <el-col :span="19">
-            <el-card shadow="hover">
-              <template #header>
-                <div class="card-header">
-                  <div>
-                    <el-tag type="info" effect="plain">{{ selectedDB || '未选择数据库' }}</el-tag>
-                    <el-divider direction="vertical" />
-                    <span style="font-weight: 500;">SQL 查询</span>
-                  </div>
-                  <div>
-                    <el-button-group>
-                      <el-button type="primary"><el-icon><VideoPlay /></el-icon>执行</el-button>
-                      <el-button><el-icon><MagicStick /></el-icon>格式化</el-button>
-                      <el-button><el-icon><Delete /></el-icon>清空</el-button>
-                    </el-button-group>
-                    <el-divider direction="vertical" />
-                    <el-button><el-icon><DocumentChecked /></el-icon>转为工单</el-button>
-                  </div>
-                </div>
-              </template>
-              <div class="editor-container">
-                <textarea class="sql-textarea" v-model="sql" placeholder="-- 请输入 SQL 查询语句
--- 支持 SELECT/SHOW/EXPLAIN 等只读操作"></textarea>
-              </div>
-              <div v-if="queryResult" class="result-section">
-                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding: 12px; background-color: #f5f7fa; border-radius: 4px;">
-                  <div style="display: flex; align-items: center; gap: 16px;">
-                    <el-tag type="success" effect="light"><el-icon><CircleCheck /></el-icon>查询成功</el-tag>
-                    <span style="color: #606266; font-size: 13px;">{{ queryResult.rows.length }} 行</span>
-                    <span style="color: #606266; font-size: 13px;">{{ queryResult.time }}ms</span>
-                  </div>
-                  <el-button type="primary" link><el-icon><Download /></el-icon>导出 CSV</el-button>
-                </div>
-                <el-table :data="queryResult.rows" stripe border class="result-table">
-                  <el-table-column v-for="col in queryResult.columns" :key="col" :prop="col" :label="col" min-width="120" />
-                </el-table>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      `,
-      setup() {
-        const databases = ref(['production', 'test_db', 'dev_db']);
-        const selectedDB = ref('production');
-        const tables = ref(['users', 'orders', 'products', 'categories', 'logs']);
-        const tableSearch = ref('');
-        const sql = ref('SELECT * FROM users LIMIT 100;');
-        const queryResult = ref({
-          columns: ['id', 'username', 'email', 'status', 'created_at'],
-          rows: [
-            { id: 1, username: 'user1', email: 'user1@example.com', status: 'active', created_at: '2024-01-15 10:30:00' },
-            { id: 2, username: 'user2', email: 'user2@example.com', status: 'active', created_at: '2024-01-16 11:00:00' },
-            { id: 3, username: 'user3', email: 'user3@example.com', status: 'inactive', created_at: '2024-01-17 09:15:00' },
-          ],
-          time: 15.5,
-        });
-        const filteredTables = computed(() => {
-          if (!tableSearch.value) return tables.value;
-          return tables.value.filter(t => t.toLowerCase().includes(tableSearch.value.toLowerCase()));
-        });
-        const selectTable = (table) => {
-          sql.value = `SELECT * FROM \`${table}\` LIMIT 100;`;
-        };
-        return { databases, selectedDB, tables, tableSearch, sql, queryResult, filteredTables, selectTable };
-      }
-    };
-
-    // Redis 实例列表
-    const RedisInstances = {
-      template: `
-        <div>
-          <el-card shadow="hover" style="margin-bottom: 20px;">
-            <el-form :inline="true">
-              <el-form-item label="实例名称">
-                <el-input placeholder="请输入实例名称" clearable />
-              </el-form-item>
-              <el-form-item label="环境">
-                <el-select placeholder="选择环境" clearable>
-                  <el-option label="开发" value="dev" />
-                  <el-option label="测试" value="test" />
-                  <el-option label="生产" value="prod" />
-                </el-select>
-              </el-form-item>
-              <el-form-item>
-                <el-button type="primary"><el-icon><Search /></el-icon>搜索</el-button>
-                <el-button>重置</el-button>
-              </el-form-item>
-            </el-form>
-          </el-card>
-
-          <el-row :gutter="20">
-            <el-col :span="8" v-for="instance in instances" :key="instance.id">
-              <el-card shadow="hover" class="instance-card">
-                <div class="instance-header">
-                  <div class="instance-title">
-                    <el-icon size="24" color="#DC382D"><Lightning /></el-icon>
-                    <div class="title-text">
-                      <h4 @click="goToDetail(instance.id)" style="cursor: pointer; color: #409EFF;">{{ instance.name }}</h4>
-                      <p>{{ instance.host }}:{{ instance.port }}</p>
-                    </div>
-                  </div>
-                  <el-tag :type="instance.status === 'active' ? 'success' : 'danger'" size="small">
-                    {{ instance.status === 'active' ? '正常' : '异常' }}
-                  </el-tag>
-                </div>
-                <el-divider />
-                <div class="instance-metrics">
-                  <div class="metric-item">
-                    <span class="metric-label">版本</span>
-                    <span class="metric-value">{{ instance.version }}</span>
-                  </div>
-                  <div class="metric-item">
-                    <span class="metric-label">模式</span>
-                    <span class="metric-value">{{ instance.redis_mode }}</span>
-                  </div>
-                  <div class="metric-item">
-                    <span class="metric-label">键数</span>
-                    <span class="metric-value">{{ formatNumber(instance.total_keys) }}</span>
-                  </div>
-                  <div class="metric-item">
-                    <span class="metric-label">内存</span>
-                    <span class="metric-value">{{ instance.used_memory_human }}</span>
-                  </div>
-                  <div class="metric-item">
-                    <span class="metric-label">连接</span>
-                    <span class="metric-value">{{ instance.connected_clients }}</span>
-                  </div>
-                  <div class="metric-item">
-                    <span class="metric-label">命中率</span>
-                    <span class="metric-value" :style="{ color: getHitRateColor(instance.hit_rate) }">{{ instance.hit_rate }}%</span>
-                  </div>
-                </div>
-                <el-divider />
-                <div class="instance-actions">
-                  <el-button type="primary" link @click="goToDetail(instance.id)"><el-icon><View /></el-icon>管理</el-button>
-                  <el-button type="success" link><el-icon><CircleCheck /></el-icon>测试</el-button>
-                  <el-button type="primary" link><el-icon><Edit /></el-icon>编辑</el-button>
-                </div>
-              </el-card>
-            </el-col>
-          </el-row>
-        </div>
-      `,
-      setup() {
-        const instances = ref(mockRedisInstances);
-        const router = VueRouter.useRouter();
-        const formatNumber = (num) => {
-          if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M';
-          if (num >= 1000) return (num / 1000).toFixed(1) + 'K';
-          return num.toString();
-        };
-        const getHitRateColor = (rate) => {
-          if (rate >= 90) return '#67C23A';
-          if (rate >= 70) return '#E6A23C';
-          return '#F56C6C';
-        };
-        const goToDetail = (id) => {
-          router.push(`/redis/${id}/keys`);
-        };
-        return { instances, formatNumber, getHitRateColor, goToDetail };
-      }
-    };
-
-    // Redis 键管理
-    const RedisKeys = {
-      template: `
-        <el-row :gutter="20">
-          <el-col :span="7">
-            <el-card shadow="hover">
-              <template #header>
-                <div class="card-header">
-                  <span>键空间</span>
-                  <div>
-                    <el-button type="primary" link><el-icon><Refresh /></el-icon></el-button>
-                    <el-button type="danger" link><el-icon><Delete /></el-icon></el-button>
-                  </div>
-                </div>
-              </template>
-              <el-select v-model="selectedDB" style="width: 100%; margin-bottom: 16px;">
-                <el-option v-for="db in databases" :key="db.db" :label="'DB ' + db.db + ' (' + db.keys + ' keys)'" :value="db.db" />
-              </el-select>
-              <el-input v-model="keyPattern" placeholder="搜索键 (支持 * 通配符)" clearable style="margin-bottom: 12px;">
-                <template #append><el-button><el-icon><Search /></el-icon></el-button></template>
-              </el-input>
-              <el-radio-group v-model="typeFilter" size="small" style="margin-bottom: 12px;">
-                <el-radio-button label="">全部</el-radio-button>
-                <el-radio-button label="string">String</el-radio-button>
-                <el-radio-button label="hash">Hash</el-radio-button>
-                <el-radio-button label="list">List</el-radio-button>
-              </el-radio-group>
-              <el-scrollbar height="calc(100vh - 500px)">
-                <div v-for="key in keys" :key="key.name" class="key-item" :class="{ active: selectedKey === key.name }" @click="selectKey(key)">
-                  <el-tag :type="getKeyTypeColor(key.type)" size="small">{{ key.type }}</el-tag>
-                  <span class="key-name">{{ key.name }}</span>
-                  <el-tag v-if="key.ttl > 0" type="info" size="small">{{ formatTTL(key.ttl) }}</el-tag>
-                </div>
-              </el-scrollbar>
-            </el-card>
-          </el-col>
-          <el-col :span="17">
-            <el-card shadow="hover">
-              <template #header>
-                <div class="card-header">
-                  <div v-if="selectedKey">
-                    <el-tag :type="getKeyTypeColor(currentKey?.type)" size="large">{{ currentKey?.type }}</el-tag>
-                    <span style="font-weight: 500; font-size: 16px; margin-left: 12px;">{{ selectedKey }}</span>
-                    <el-tag v-if="currentKey?.ttl > 0" type="info" style="margin-left: 12px;">TTL: {{ formatTTL(currentKey.ttl) }}</el-tag>
-                  </div>
-                  <span v-else>请选择键查看详情</span>
-                  <div v-if="selectedKey">
-                    <el-button type="primary"><el-icon><Edit /></el-icon>编辑</el-button>
-                    <el-button type="danger"><el-icon><Delete /></el-icon>删除</el-button>
-                    <el-button><el-icon><Refresh /></el-icon>刷新</el-button>
-                  </div>
-                </div>
-              </template>
-              <div v-if="selectedKey" style="background-color: #f5f7fa; padding: 16px; border-radius: 4px; font-family: monospace; font-size: 14px;">
-                <pre style="margin: 0;">{{ keyValue }}</pre>
-              </div>
-              <el-empty v-else description="从左侧选择一个键查看详情" />
-            </el-card>
-          </el-col>
-        </el-row>
-      `,
-      setup() {
-        const databases = ref([{ db: 0, keys: 50000, expires: 10000 }, { db: 1, keys: 30000, expires: 5000 }]);
-        const selectedDB = ref(0);
-        const keyPattern = ref('*');
-        const typeFilter = ref('');
-        const keys = ref([
-          { name: 'user:1001', type: 'hash', ttl: 3600 },
-          { name: 'user:1002', type: 'hash', ttl: -1 },
-          { name: 'session:abc123', type: 'string', ttl: 1800 },
-          { name: 'products:list', type: 'list', ttl: -1 },
-          { name: 'tags:set', type: 'set', ttl: -1 },
-          { name: 'ranking:zset', type: 'zset', ttl: 86400 },
-        ]);
-        const selectedKey = ref('');
-        const currentKey = ref(null);
-        const keyValue = ref('');
-        const selectKey = (key) => {
-          selectedKey.value = key.name;
-          currentKey.value = key;
-          keyValue.value = JSON.stringify({ id: '1001', name: '张三', email: 'zhangsan@example.com', age: 28 }, null, 2);
-        };
-        const getKeyTypeColor = (type) => ({ string: 'success', hash: 'primary', list: 'warning', set: 'danger', zset: 'info' }[type] || '');
-        const formatTTL = (ttl) => {
-          if (ttl < 0) return '永不过期';
-          if (ttl < 60) return ttl + 's';
-          if (ttl < 3600) return Math.floor(ttl / 60) + 'm';
-          if (ttl < 86400) return Math.floor(ttl / 3600) + 'h';
-          return Math.floor(ttl / 86400) + 'd';
-        };
-        return { databases, selectedDB, keyPattern, typeFilter, keys, selectedKey, currentKey, keyValue, selectKey, getKeyTypeColor, formatTTL };
-      }
-    };
-
-    // SQL 工单列表
-    const Workflows = {
-      template: `
-        <div>
-          <el-card shadow="hover" style="margin-bottom: 20px;">
-            <el-form :inline="true">
-              <el-form-item label="工单标题">
-                <el-input placeholder="搜索工单" clearable style="width: 250px;" />
-              </el-form-item>
-              <el-form-item label="类型">
-                <el-select placeholder="选择类型" clearable style="width: 120px;">
-                  <el-option label="DDL" value="ddl" />
-                  <el-option label="DML" value="dml" />
-                </el-select>
-              </el-form-item>
-              <el-form-item label="状态">
-                <el-select placeholder="选择状态" clearable style="width: 120px;">
-                  <el-option label="待审核" value="pending" />
-                  <el-option label="已通过" value="approved" />
-                  <el-option label="已拒绝" value="rejected" />
-                  <el-option label="执行成功" value="success" />
-                </el-select>
-              </el-form-item>
-              <el-form-item>
-                <el-button type="primary"><el-icon><Search /></el-icon>搜索</el-button>
-                <el-button>重置</el-button>
-              </el-form-item>
-            </el-form>
-          </el-card>
-
-          <el-card shadow="hover">
-            <template #header>
-              <div class="card-header">
-                <span>工单列表</span>
-                <el-button type="primary" @click="$router.push('/audit/workflows/create')"><el-icon><Plus /></el-icon>创建工单</el-button>
-              </div>
-            </template>
-            <el-table :data="workflows" stripe>
-              <el-table-column prop="id" label="ID" width="80" />
-              <el-table-column prop="title" label="标题" min-width="200">
-                <template #default="{ row }">
-                  <el-link type="primary" @click="viewDetail(row.id)">{{ row.title }}</el-link>
-                </template>
-              </el-table-column>
-              <el-table-column prop="instance_name" label="数据源" width="150" />
-              <el-table-column prop="workflow_type" label="类型" width="80">
-                <template #default="{ row }">
-                  <el-tag :type="row.workflow_type === 'ddl' ? 'primary' : 'success'" size="small">{{ row.workflow_type.toUpperCase() }}</el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="risk_level" label="风险" width="100">
-                <template #default="{ row }">
-                  <el-tag :type="getRiskType(row.risk_level)" size="small">{{ getRiskLabel(row.risk_level) }}</el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="risk_score" label="风险分" width="90">
-                <template #default="{ row }">
-                  <el-progress :percentage="row.risk_score" :color="getRiskColor(row.risk_score)" :stroke-width="8" />
-                </template>
-              </el-table-column>
-              <el-table-column prop="status" label="状态" width="100">
-                <template #default="{ row }">
-                  <el-tag :type="getStatusType(row.status)" size="small">{{ getStatusLabel(row.status) }}</el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="submitter_name" label="提交人" width="100" />
-              <el-table-column prop="created_at" label="创建时间" width="160" />
-              <el-table-column label="操作" width="200" fixed="right">
-                <template #default="{ row }">
-                  <el-button type="primary" link @click="viewDetail(row.id)">查看</el-button>
-                  <template v-if="row.status === 'pending'">
-                    <el-button type="success" link>通过</el-button>
-                    <el-button type="danger" link>拒绝</el-button>
-                  </template>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-card>
-        </div>
-      `,
-      setup() {
-        const workflows = ref(mockWorkflows);
-        const router = VueRouter.useRouter();
-        const getRiskType = (level) => ({ high: 'danger', medium: 'warning', low: 'info', safe: 'success' }[level] || 'info');
-        const getRiskLabel = (level) => ({ high: '高风险', medium: '中风险', low: '低风险', safe: '安全' }[level] || level);
-        const getRiskColor = (score) => score >= 50 ? '#F56C6C' : score >= 30 ? '#E6A23C' : score >= 10 ? '#409EFF' : '#67C23A';
-        const getStatusType = (status) => ({ pending: 'warning', approved: 'success', rejected: 'danger', executing: 'info', success: 'success', failed: 'danger' }[status] || 'info');
-        const getStatusLabel = (status) => ({ pending: '待审核', approved: '已通过', rejected: '已拒绝', executing: '执行中', success: '成功', failed: '失败' }[status] || status);
-        const viewDetail = (id) => {
-          router.push(`/audit/workflows/${id}`);
-        };
-        return { workflows, getRiskType, getRiskLabel, getRiskColor, getStatusType, getStatusLabel, viewDetail };
-      }
-    };
-
-    // 布局组件
-    const MainLayout = {
-      template: `
-        <el-container class="main-layout">
-          <el-aside width="240px" class="sidebar">
-            <div class="logo">
-              <el-icon size="28" color="#fff"><DataLine /></el-icon>
-              <span class="logo-text">数据审核平台</span>
-            </div>
-            <el-menu :default-active="$route.path" :default-openeds="openeds" router background-color="#001529" text-color="#fff" active-text-color="#409EFF">
-              <el-menu-item index="/">
-                <el-icon><Odometer /></el-icon>
-                <span>仪表盘</span>
-              </el-menu-item>
-              <el-sub-menu index="/datasource">
-                <template #title>
-                  <el-icon><DataLine /></el-icon>
-                  <span>数据源管理</span>
-                </template>
-                <el-menu-item index="/datasource/mysql">
-                  <el-icon><Coin /></el-icon>
-                  <span>MySQL 实例</span>
-                </el-menu-item>
-                <el-menu-item index="/datasource/redis">
-                  <el-icon><Lightning /></el-icon>
-                  <span>Redis 实例</span>
-                </el-menu-item>
-              </el-sub-menu>
-              <el-sub-menu index="/audit">
-                <template #title>
-                  <el-icon><DocumentChecked /></el-icon>
-                  <span>SQL 审核</span>
-                </template>
-                <el-menu-item index="/audit/workflows">
-                  <el-icon><Document /></el-icon>
-                  <span>工单列表</span>
-                </el-menu-item>
-                <el-menu-item index="/audit/rules">
-                  <el-icon><Warning /></el-icon>
-                  <span>审核规则</span>
-                </el-menu-item>
-              </el-sub-menu>
-              <el-sub-menu index="/dictionary">
-                <template #title>
-                  <el-icon><Collection /></el-icon>
-                  <span>数据字典</span>
-                </template>
-                <el-menu-item index="/dictionary/tables">
-                  <el-icon><Grid /></el-icon>
-                  <span>表结构</span>
-                </el-menu-item>
-              </el-sub-menu>
-              <el-sub-menu index="/system">
-                <template #title>
-                  <el-icon><Setting /></el-icon>
-                  <span>系统管理</span>
-                </template>
-                <el-menu-item index="/system/users">
-                  <el-icon><User /></el-icon>
-                  <span>用户管理</span>
-                </el-menu-item>
-                <el-menu-item index="/system/logs">
-                  <el-icon><Document /></el-icon>
-                  <span>操作日志</span>
-                </el-menu-item>
-              </el-sub-menu>
-            </el-menu>
-          </el-aside>
-          <el-container>
-            <el-header class="header">
-              <div></div>
-              <div class="header-right">
-                <el-button circle @click="$router.push('/audit/workflows/create')"><el-icon><Plus /></el-icon></el-button>
-                <el-badge :value="3" class="notification-badge">
-                  <el-icon size="20" style="cursor: pointer;"><Bell /></el-icon>
-                </el-badge>
-                <el-dropdown>
-                  <div class="user-info">
-                    <el-avatar :size="32" :src="'https://api.dicebear.com/7.x/avataaars/svg?seed=' + user.username" />
-                    <span>{{ user.username }}</span>
-                    <el-tag size="small" :type="getRoleType(user.role)" style="margin-left: 8px;">{{ getRoleLabel(user.role) }}</el-tag>
-                    <el-icon><ArrowDown /></el-icon>
-                  </div>
-                  <template #dropdown>
-                    <el-dropdown-menu>
-                      <el-dropdown-item>个人中心</el-dropdown-item>
-                      <el-dropdown-item>系统设置</el-dropdown-item>
-                      <el-dropdown-item divided @click="logout">退出登录</el-dropdown-item>
-                    </el-dropdown-menu>
-                  </template>
-                </el-dropdown>
-              </div>
-            </el-header>
-            <el-main class="main-content">
-              <router-view />
-            </el-main>
-          </el-container>
-        </el-container>
-      `,
-      setup() {
-        const router = VueRouter.useRouter();
-        const user = ref(JSON.parse(localStorage.getItem('user') || '{}'));
-        const openeds = ref(['/datasource', '/audit', '/dictionary', '/system']);
-        const getRoleType = (role) => ({ admin: 'danger', dba: 'warning', developer: 'success', auditor: 'info' }[role] || 'info');
-        const getRoleLabel = (role) => ({ admin: '管理员', dba: 'DBA', developer: '开发者', auditor: '审计员' }[role] || role);
-        const logout = () => {
-          localStorage.removeItem('user');
-          router.push('/login');
-        };
-        return { user, openeds, getRoleType, getRoleLabel, logout };
-      }
-    };
-
-    // 路由配置
-    const routes = [
-      { path: '/login', component: Login },
-      {
-        path: '/',
-        component: MainLayout,
-        redirect: '/',
-        children: [
-          { path: '/', component: Dashboard },
-          { path: '/datasource/mysql', component: MySQLInstances },
-          { path: '/datasource/redis', component: RedisInstances },
-          { path: '/mysql/:id/query', component: MySQLQuery },
-          { path: '/redis/:id/keys', component: RedisKeys },
-          { path: '/audit/workflows', component: Workflows },
-          { path: '/audit/workflows/create', component: { template: '<el-card><template #header><span>创建工单</span></template><el-alert title="创建工单功能" description="支持 DDL/DML 工单创建和 SQL 审核" type="info" show-icon /></el-card>' } },
-          { path: '/audit/rules', component: { template: '<el-card><template #header><span>审核规则</span></template><el-alert title="审核规则功能" description="支持 SQL 审核规则配置和管理" type="info" show-icon /></el-card>' } },
-          { path: '/dictionary/tables', component: { template: '<el-card><template #header><span>表结构</span></template><el-alert title="数据字典功能" description="支持表结构查看、字段信息、索引信息" type="info" show-icon /></el-card>' } },
-          { path: '/system/users', component: { template: '<el-card><template #header><span>用户管理</span></template><el-alert title="用户管理功能" description="支持用户管理和角色权限控制" type="info" show-icon /></el-card>' } },
-          { path: '/system/logs', component: { template: '<el-card><template #header><span>操作日志</span></template><el-alert title="操作日志功能" description="支持操作日志查询和审计" type="info" show-icon /></el-card>' } },
-        ]
-      }
-    ];
-
-    const router = createRouter({
-      history: createWebHashHistory(),
-      routes
-    });
-
-    router.beforeEach((to, from, next) => {
-      if (to.path === '/login') {
-        next();
-        return;
-      }
-      const user = localStorage.getItem('user');
-      if (!user) {
-        next('/login');
-        return;
-      }
-      next();
-    });
-
-    const app = createApp({ template: '<router-view />' });
-    app.use(router);
-    app.use(ElementPlus, { locale: ElementPlusLocaleZhCn });
-    app.mount('#app');
-  </script>
-</body>
-</html>
diff --git a/数据审核平台菜单优化/data-audit-platform-pro/index.html b/数据审核平台菜单优化/data-audit-platform-pro/index.html
deleted file mode 100644
index 7e358f9..0000000
--- a/数据审核平台菜单优化/data-audit-platform-pro/index.html
+++ /dev/null
@@ -1,1990 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>DataGuard Pro - 企业级数据审核平台</title>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@2.5.0/dist/index.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
-    <script src="https://unpkg.com/element-plus@2.5.0/dist/index.full.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
-    <style>
-        :root {
-            --bg-primary: #0d1117;
-            --bg-secondary: #161b22;
-            --bg-tertiary: #21262d;
-            --bg-hover: #30363d;
-            --border-color: #30363d;
-            --border-light: #21262d;
-            --text-primary: #f0f6fc;
-            --text-secondary: #8b949e;
-            --text-muted: #6e7681;
-            --accent-blue: #58a6ff;
-            --accent-green: #238636;
-            --accent-red: #da3633;
-            --accent-orange: #f0883e;
-            --accent-purple: #8957e5;
-            --accent-cyan: #39c5cf;
-            --accent-yellow: #d29922;
-            --success: #3fb950;
-            --warning: #d29922;
-            --danger: #f85149;
-            --info: #58a6ff;
-        }
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans SC', sans-serif;
-            background: var(--bg-primary);
-            color: var(--text-primary);
-            min-height: 100vh;
-            overflow-x: hidden;
-        }
-        .login-container {
-            min-height: 100vh;
-            display: flex;
-            background: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #0d1117 100%);
-            position: relative;
-            overflow: hidden;
-        }
-        .login-container::before {
-            content: '';
-            position: absolute;
-            top: 0; left: 0; right: 0; bottom: 0;
-            background: radial-gradient(ellipse at 20% 20%, rgba(88, 166, 255, 0.08) 0%, transparent 50%),
-                radial-gradient(ellipse at 80% 80%, rgba(137, 87, 229, 0.08) 0%, transparent 50%);
-            pointer-events: none;
-        }
-        .login-left {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            padding: 60px;
-            position: relative;
-            z-index: 1;
-        }
-        .login-brand { margin-bottom: 40px; }
-        .login-brand h1 {
-            font-size: 48px;
-            font-weight: 700;
-            background: linear-gradient(135deg, #58a6ff, #8957e5, #39c5cf);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            margin-bottom: 16px;
-        }
-        .login-brand p { font-size: 18px; color: var(--text-secondary); line-height: 1.6; }
-        .login-features {
-            display: grid;
-            grid-template-columns: repeat(2, 1fr);
-            gap: 20px;
-            margin-top: 40px;
-        }
-        .login-feature-item {
-            display: flex;
-            align-items: flex-start;
-            gap: 12px;
-            padding: 16px;
-            background: rgba(22, 27, 34, 0.6);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            transition: all 0.3s ease;
-        }
-        .login-feature-item:hover {
-            background: rgba(33, 38, 45, 0.8);
-            border-color: var(--accent-blue);
-            transform: translateY(-2px);
-        }
-        .login-feature-item i { font-size: 24px; color: var(--accent-blue); margin-top: 2px; }
-        .login-feature-item h4 { font-size: 14px; font-weight: 600; margin-bottom: 4px; color: var(--text-primary); }
-        .login-feature-item span { font-size: 12px; color: var(--text-secondary); }
-        .login-right {
-            width: 480px;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            padding: 60px;
-            background: rgba(22, 27, 34, 0.9);
-            backdrop-filter: blur(20px);
-            border-left: 1px solid var(--border-color);
-            position: relative;
-            z-index: 1;
-        }
-        .login-form-wrapper { width: 100%; }
-        .login-form-wrapper h2 { font-size: 28px; margin-bottom: 8px; color: var(--text-primary); }
-        .login-form-wrapper .subtitle { font-size: 14px; color: var(--text-secondary); margin-bottom: 32px; }
-        .login-form .el-input__wrapper {
-            background: var(--bg-tertiary);
-            box-shadow: none !important;
-            border: 1px solid var(--border-color);
-        }
-        .login-form .el-input__wrapper:hover, .login-form .el-input__wrapper.is-focus { border-color: var(--accent-blue); }
-        .login-form .el-input__inner { color: var(--text-primary); height: 44px; }
-        .login-form .el-button--primary {
-            width: 100%;
-            height: 44px;
-            background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
-            border: none;
-            font-size: 16px;
-            font-weight: 600;
-        }
-        .login-form .el-button--primary:hover { opacity: 0.9; transform: translateY(-1px); }
-        .main-layout { display: flex; min-height: 100vh; }
-        .sidebar {
-            width: 260px;
-            background: var(--bg-secondary);
-            border-right: 1px solid var(--border-color);
-            display: flex;
-            flex-direction: column;
-            position: fixed;
-            left: 0; top: 0; bottom: 0;
-            z-index: 100;
-            transition: width 0.3s ease;
-        }
-        .sidebar.collapsed { width: 64px; }
-        .sidebar-header {
-            height: 64px;
-            display: flex;
-            align-items: center;
-            padding: 0 20px;
-            border-bottom: 1px solid var(--border-color);
-        }
-        .sidebar-logo {
-            display: flex;
-            align-items: center;
-            gap: 12px;
-            font-size: 20px;
-            font-weight: 700;
-            background: linear-gradient(135deg, #58a6ff, #8957e5);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-        .sidebar-logo i { font-size: 28px; color: var(--accent-blue); -webkit-text-fill-color: initial; }
-        .sidebar-menu { flex: 1; overflow-y: auto; padding: 12px 0; }
-        .sidebar-menu::-webkit-scrollbar { width: 4px; }
-        .sidebar-menu::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 2px; }
-        .menu-item {
-            display: flex;
-            align-items: center;
-            padding: 12px 20px;
-            margin: 2px 12px;
-            border-radius: 8px;
-            cursor: pointer;
-            transition: all 0.2s ease;
-            color: var(--text-secondary);
-            position: relative;
-        }
-        .menu-item:hover { background: var(--bg-hover); color: var(--text-primary); }
-        .menu-item.active { background: rgba(88, 166, 255, 0.15); color: var(--accent-blue); }
-        .menu-item.active::before {
-            content: '';
-            position: absolute;
-            left: 0; top: 50%;
-            transform: translateY(-50%);
-            width: 3px; height: 20px;
-            background: var(--accent-blue);
-            border-radius: 0 2px 2px 0;
-        }
-        .menu-item i { font-size: 18px; width: 24px; text-align: center; margin-right: 12px; }
-        .menu-item span { font-size: 14px; font-weight: 500; }
-        .menu-section {
-            padding: 16px 20px 8px;
-            font-size: 11px;
-            font-weight: 600;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            color: var(--text-muted);
-        }
-        .sidebar-footer { padding: 16px; border-top: 1px solid var(--border-color); }
-        .user-info {
-            display: flex;
-            align-items: center;
-            gap: 12px;
-            padding: 8px;
-            border-radius: 8px;
-            cursor: pointer;
-            transition: background 0.2s ease;
-        }
-        .user-info:hover { background: var(--bg-hover); }
-        .user-avatar {
-            width: 36px; height: 36px;
-            border-radius: 50%;
-            background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-weight: 600;
-            font-size: 14px;
-        }
-        .user-details { flex: 1; overflow: hidden; }
-        .user-name { font-size: 14px; font-weight: 500; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-        .user-role { font-size: 12px; color: var(--text-muted); }
-        .main-content { flex: 1; margin-left: 260px; display: flex; flex-direction: column; min-height: 100vh; }
-        .main-content.expanded { margin-left: 64px; }
-        .top-header {
-            height: 64px;
-            background: var(--bg-secondary);
-            border-bottom: 1px solid var(--border-color);
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 0 24px;
-            position: sticky;
-            top: 0;
-            z-index: 50;
-        }
-        .header-left { display: flex; align-items: center; gap: 16px; }
-        .breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--text-secondary); }
-        .breadcrumb .separator { color: var(--text-muted); }
-        .breadcrumb .current { color: var(--text-primary); font-weight: 500; }
-        .header-right { display: flex; align-items: center; gap: 8px; }
-        .header-btn {
-            width: 36px; height: 36px;
-            border-radius: 8px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-            transition: all 0.2s ease;
-            color: var(--text-secondary);
-            position: relative;
-        }
-        .header-btn:hover { background: var(--bg-hover); color: var(--text-primary); }
-        .header-btn .badge { position: absolute; top: 4px; right: 4px; width: 8px; height: 8px; background: var(--danger); border-radius: 50%; }
-        .content-area { flex: 1; padding: 24px; overflow-y: auto; }
-        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 24px; }
-        .stat-card {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            padding: 20px;
-            transition: all 0.3s ease;
-        }
-        .stat-card:hover { border-color: var(--accent-blue); transform: translateY(-2px); }
-        .stat-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
-        .stat-title { font-size: 13px; color: var(--text-secondary); font-weight: 500; }
-        .stat-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; }
-        .stat-icon.blue { background: rgba(88, 166, 255, 0.15); color: var(--accent-blue); }
-        .stat-icon.green { background: rgba(35, 134, 54, 0.15); color: var(--success); }
-        .stat-icon.orange { background: rgba(240, 136, 62, 0.15); color: var(--accent-orange); }
-        .stat-icon.purple { background: rgba(137, 87, 229, 0.15); color: var(--accent-purple); }
-        .stat-icon.red { background: rgba(218, 54, 51, 0.15); color: var(--danger); }
-        .stat-value { font-size: 32px; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; }
-        .stat-footer { display: flex; align-items: center; gap: 8px; font-size: 13px; }
-        .stat-trend { display: flex; align-items: center; gap: 4px; font-weight: 500; }
-        .stat-trend.up { color: var(--success); }
-        .stat-trend.down { color: var(--danger); }
-        .stat-compare { color: var(--text-muted); }
-        .dashboard-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 24px; }
-        .chart-card, .list-card {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            overflow: hidden;
-        }
-        .chart-header, .list-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 16px 20px;
-            border-bottom: 1px solid var(--border-color);
-        }
-        .chart-title, .list-title { font-size: 15px; font-weight: 600; color: var(--text-primary); }
-        .chart-actions { display: flex; gap: 8px; }
-        .chart-action-btn {
-            padding: 6px 12px;
-            font-size: 12px;
-            border-radius: 6px;
-            background: var(--bg-tertiary);
-            border: 1px solid var(--border-color);
-            color: var(--text-secondary);
-            cursor: pointer;
-            transition: all 0.2s ease;
-        }
-        .chart-action-btn:hover, .chart-action-btn.active {
-            background: rgba(88, 166, 255, 0.15);
-            border-color: var(--accent-blue);
-            color: var(--accent-blue);
-        }
-        .chart-body { padding: 20px; height: 300px; }
-        .list-body { padding: 0; }
-        .list-item {
-            display: flex;
-            align-items: center;
-            padding: 14px 20px;
-            border-bottom: 1px solid var(--border-light);
-            transition: background 0.2s ease;
-        }
-        .list-item:last-child { border-bottom: none; }
-        .list-item:hover { background: var(--bg-hover); }
-        .list-item-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 14px; font-size: 16px; }
-        .list-item-icon.mysql { background: rgba(0, 117, 143, 0.2); color: #00758f; }
-        .list-item-icon.redis { background: rgba(220, 50, 32, 0.2); color: #dc3220; }
-        .list-item-icon.postgres { background: rgba(51, 103, 145, 0.2); color: #336791; }
-        .list-item-icon.mongo { background: rgba(71, 162, 72, 0.2); color: #47a248; }
-        .list-item-content { flex: 1; }
-        .list-item-title { font-size: 14px; font-weight: 500; color: var(--text-primary); margin-bottom: 4px; }
-        .list-item-desc { font-size: 12px; color: var(--text-muted); }
-        .list-item-status { padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 500; }
-        .status-online { background: rgba(35, 134, 54, 0.15); color: var(--success); }
-        .status-offline { background: rgba(218, 54, 51, 0.15); color: var(--danger); }
-        .status-warning { background: rgba(210, 153, 34, 0.15); color: var(--warning); }
-        .page-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
-        .page-title-section h1 { font-size: 24px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px; }
-        .page-title-section p { font-size: 14px; color: var(--text-secondary); }
-        .page-actions { display: flex; gap: 12px; }
-        .btn-primary {
-            padding: 10px 20px;
-            background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
-            border: none;
-            border-radius: 8px;
-            color: white;
-            font-size: 14px;
-            font-weight: 500;
-            cursor: pointer;
-            transition: all 0.2s ease;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        }
-        .btn-primary:hover { opacity: 0.9; transform: translateY(-1px); }
-        .btn-secondary {
-            padding: 10px 20px;
-            background: var(--bg-tertiary);
-            border: 1px solid var(--border-color);
-            border-radius: 8px;
-            color: var(--text-primary);
-            font-size: 14px;
-            font-weight: 500;
-            cursor: pointer;
-            transition: all 0.2s ease;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        }
-        .btn-secondary:hover { background: var(--bg-hover); border-color: var(--text-muted); }
-        .btn-danger {
-            padding: 10px 20px;
-            background: rgba(218, 54, 51, 0.15);
-            border: 1px solid var(--danger);
-            border-radius: 8px;
-            color: var(--danger);
-            font-size: 14px;
-            font-weight: 500;
-            cursor: pointer;
-            transition: all 0.2s ease;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        }
-        .btn-danger:hover { background: rgba(218, 54, 51, 0.25); }
-        .filter-bar {
-            display: flex;
-            align-items: center;
-            gap: 12px;
-            margin-bottom: 20px;
-            padding: 16px 20px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            flex-wrap: wrap;
-        }
-        .data-table {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            overflow: hidden;
-        }
-        .el-table { background: transparent; }
-        .el-table th { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; font-weight: 600; border-bottom: 1px solid var(--border-color) !important; }
-        .el-table td { background: transparent !important; color: var(--text-primary) !important; border-bottom: 1px solid var(--border-light) !important; }
-        .el-table tr:hover td { background: var(--bg-hover) !important; }
-        .tag {
-            display: inline-flex;
-            align-items: center;
-            gap: 4px;
-            padding: 4px 10px;
-            border-radius: 6px;
-            font-size: 12px;
-            font-weight: 500;
-        }
-        .tag-mysql { background: rgba(0, 117, 143, 0.15); color: #26a69a; }
-        .tag-redis { background: rgba(220, 50, 32, 0.15); color: #ef5350; }
-        .tag-postgres { background: rgba(51, 103, 145, 0.15); color: #42a5f5; }
-        .tag-mongo { background: rgba(71, 162, 72, 0.15); color: #66bb6a; }
-        .tag-clickhouse { background: rgba(255, 202, 40, 0.15); color: #ffca28; }
-        .status-tag {
-            display: inline-flex;
-            align-items: center;
-            gap: 6px;
-            padding: 5px 12px;
-            border-radius: 20px;
-            font-size: 12px;
-            font-weight: 500;
-        }
-        .status-tag::before { content: ''; width: 6px; height: 6px; border-radius: 50%; }
-        .status-pending { background: rgba(210, 153, 34, 0.15); color: var(--warning); }
-        .status-pending::before { background: var(--warning); }
-        .status-reviewing { background: rgba(88, 166, 255, 0.15); color: var(--accent-blue); }
-        .status-reviewing::before { background: var(--accent-blue); animation: pulse 2s infinite; }
-        .status-approved { background: rgba(35, 134, 54, 0.15); color: var(--success); }
-        .status-approved::before { background: var(--success); }
-        .status-rejected { background: rgba(218, 54, 51, 0.15); color: var(--danger); }
-        .status-rejected::before { background: var(--danger); }
-        .status-executing { background: rgba(137, 87, 229, 0.15); color: var(--accent-purple); }
-        .status-executing::before { background: var(--accent-purple); animation: pulse 1s infinite; }
-        .status-success { background: rgba(35, 134, 54, 0.15); color: var(--success); }
-        .status-success::before { background: var(--success); }
-        .status-failed { background: rgba(218, 54, 51, 0.15); color: var(--danger); }
-        .status-failed::before { background: var(--danger); }
-        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
-        .sql-editor-container {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            overflow: hidden;
-        }
-        .sql-editor-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 12px 16px;
-            background: var(--bg-tertiary);
-            border-bottom: 1px solid var(--border-color);
-        }
-        .sql-editor-tabs { display: flex; gap: 4px; }
-        .sql-editor-tab {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            padding: 6px 12px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 6px;
-            font-size: 13px;
-            color: var(--text-secondary);
-            cursor: pointer;
-        }
-        .sql-editor-tab.active { background: rgba(88, 166, 255, 0.15); border-color: var(--accent-blue); color: var(--accent-blue); }
-        .sql-editor-area {
-            min-height: 200px;
-            padding: 16px;
-            font-family: 'JetBrains Mono', 'Fira Code', monospace;
-            font-size: 14px;
-            line-height: 1.6;
-            color: var(--text-primary);
-            background: var(--bg-primary);
-            resize: vertical;
-            border: none;
-            outline: none;
-            width: 100%;
-        }
-        .sql-editor-footer {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 10px 16px;
-            background: var(--bg-tertiary);
-            border-top: 1px solid var(--border-color);
-            font-size: 12px;
-            color: var(--text-muted);
-        }
-        .audit-result-panel {
-            margin-top: 16px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            overflow: hidden;
-        }
-        .audit-result-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 14px 16px;
-            background: var(--bg-tertiary);
-            border-bottom: 1px solid var(--border-color);
-        }
-        .audit-result-title { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; }
-        .audit-score {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            padding: 4px 12px;
-            background: rgba(35, 134, 54, 0.15);
-            border-radius: 20px;
-            font-size: 14px;
-            font-weight: 600;
-            color: var(--success);
-        }
-        .audit-result-list { padding: 8px 0; }
-        .audit-result-item {
-            display: flex;
-            align-items: flex-start;
-            gap: 12px;
-            padding: 12px 16px;
-            border-bottom: 1px solid var(--border-light);
-        }
-        .audit-result-item:last-child { border-bottom: none; }
-        .audit-result-icon {
-            width: 24px; height: 24px;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 12px;
-            flex-shrink: 0;
-        }
-        .audit-result-icon.error { background: rgba(218, 54, 51, 0.15); color: var(--danger); }
-        .audit-result-icon.warning { background: rgba(210, 153, 34, 0.15); color: var(--warning); }
-        .audit-result-icon.info { background: rgba(88, 166, 255, 0.15); color: var(--accent-blue); }
-        .audit-result-icon.success { background: rgba(35, 134, 54, 0.15); color: var(--success); }
-        .audit-result-content { flex: 1; }
-        .audit-result-rule { font-size: 13px; font-weight: 500; color: var(--text-primary); margin-bottom: 4px; }
-        .audit-result-desc { font-size: 12px; color: var(--text-secondary); margin-bottom: 4px; }
-        .audit-result-suggestion { font-size: 12px; color: var(--accent-blue); }
-        .workflow-timeline {
-            display: flex;
-            align-items: center;
-            padding: 20px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            margin-bottom: 20px;
-        }
-        .workflow-step { display: flex; flex-direction: column; align-items: center; gap: 8px; }
-        .workflow-step-icon {
-            width: 40px; height: 40px;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 16px;
-            position: relative;
-        }
-        .workflow-step-icon.completed { background: var(--success); color: white; }
-        .workflow-step-icon.active { background: var(--accent-blue); color: white; box-shadow: 0 0 0 4px rgba(88, 166, 255, 0.2); }
-        .workflow-step-icon.pending { background: var(--bg-tertiary); color: var(--text-muted); border: 2px solid var(--border-color); }
-        .workflow-step-label { font-size: 12px; color: var(--text-secondary); white-space: nowrap; }
-        .workflow-step-time { font-size: 11px; color: var(--text-muted); }
-        .workflow-connector { flex: 1; height: 2px; background: var(--border-color); margin: 0 12px; margin-bottom: 40px; }
-        .workflow-connector.completed { background: var(--success); }
-        .workflow-connector.active { background: linear-gradient(90deg, var(--success) 50%, var(--border-color) 50%); }
-        .channel-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
-        .channel-card {
-            display: flex;
-            align-items: center;
-            gap: 16px;
-            padding: 20px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            cursor: pointer;
-            transition: all 0.2s ease;
-        }
-        .channel-card:hover { border-color: var(--accent-blue); }
-        .channel-card.enabled { border-color: var(--success); background: rgba(35, 134, 54, 0.05); }
-        .channel-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; }
-        .channel-icon.feishu { background: rgba(0, 150, 255, 0.15); color: #00a8ff; }
-        .channel-icon.dingtalk { background: rgba(0, 160, 255, 0.15); color: #0089ff; }
-        .channel-icon.wechat { background: rgba(7, 193, 96, 0.15); color: #07c160; }
-        .channel-icon.telegram { background: rgba(0, 136, 204, 0.15); color: #0088cc; }
-        .channel-info { flex: 1; }
-        .channel-name { font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 4px; }
-        .channel-desc { font-size: 12px; color: var(--text-secondary); }
-        .channel-status { padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 500; }
-        .channel-status.enabled { background: rgba(35, 134, 54, 0.15); color: var(--success); }
-        .channel-status.disabled { background: var(--bg-tertiary); color: var(--text-muted); }
-        .instance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
-        .instance-card {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            padding: 20px;
-            transition: all 0.3s ease;
-            cursor: pointer;
-        }
-        .instance-card:hover { border-color: var(--accent-blue); transform: translateY(-2px); }
-        .instance-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px; }
-        .instance-type-icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 22px; }
-        .instance-type-icon.mysql { background: rgba(0, 117, 143, 0.15); color: #26a69a; }
-        .instance-type-icon.redis { background: rgba(220, 50, 32, 0.15); color: #ef5350; }
-        .instance-type-icon.postgres { background: rgba(51, 103, 145, 0.15); color: #42a5f5; }
-        .instance-type-icon.mongo { background: rgba(71, 162, 72, 0.15); color: #66bb6a; }
-        .instance-type-icon.clickhouse { background: rgba(255, 202, 40, 0.15); color: #ffca28; }
-        .instance-status { width: 10px; height: 10px; border-radius: 50%; }
-        .instance-status.online { background: var(--success); box-shadow: 0 0 0 3px rgba(35, 134, 54, 0.2); }
-        .instance-status.offline { background: var(--danger); }
-        .instance-status.warning { background: var(--warning); }
-        .instance-name { font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 4px; }
-        .instance-meta { font-size: 12px; color: var(--text-muted); margin-bottom: 16px; }
-        .instance-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding-top: 16px; border-top: 1px solid var(--border-color); }
-        .instance-metric { text-align: center; }
-        .instance-metric-value { font-size: 18px; font-weight: 600; color: var(--text-primary); }
-        .instance-metric-label { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
-        .pagination-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-top: 1px solid var(--border-color); }
-        .el-pagination { --el-pagination-bg-color: transparent; --el-pagination-button-color: var(--text-secondary); --el-pagination-hover-color: var(--accent-blue); }
-        .el-pagination .el-pager li { background: transparent; color: var(--text-secondary); }
-        .el-pagination .el-pager li.active { background: var(--accent-blue); color: white; }
-        .el-pagination button { background: transparent !important; }
-        .el-dialog { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 12px; }
-        .el-dialog__header { border-bottom: 1px solid var(--border-color); padding: 16px 20px; margin: 0; }
-        .el-dialog__title { color: var(--text-primary); font-weight: 600; }
-        .el-dialog__body { padding: 20px; color: var(--text-primary); }
-        .el-dialog__footer { border-top: 1px solid var(--border-color); padding: 16px 20px; }
-        .el-form-item__label { color: var(--text-secondary); }
-        .el-input__wrapper, .el-textarea__inner { background: var(--bg-tertiary); box-shadow: none !important; border: 1px solid var(--border-color); }
-        .el-input__inner, .el-textarea__inner { color: var(--text-primary); }
-        .el-select .el-input__wrapper { background: var(--bg-tertiary); }
-        .el-select-dropdown { background: var(--bg-secondary); border: 1px solid var(--border-color); }
-        .el-select-dropdown__item { color: var(--text-primary); }
-        .el-select-dropdown__item:hover, .el-select-dropdown__item.selected { background: var(--bg-hover); color: var(--accent-blue); }
-        .el-checkbox { color: var(--text-secondary); }
-        .el-checkbox__input.is-checked + .el-checkbox__label { color: var(--accent-blue); }
-        .el-checkbox__input.is-checked .el-checkbox__inner { background-color: var(--accent-blue); border-color: var(--accent-blue); }
-        @media (max-width: 1400px) {
-            .stats-grid { grid-template-columns: repeat(2, 1fr); }
-            .dashboard-grid { grid-template-columns: 1fr; }
-            .instance-grid { grid-template-columns: repeat(2, 1fr); }
-        }
-        @media (max-width: 1024px) {
-            .sidebar { width: 64px; }
-            .sidebar .menu-item span, .sidebar .menu-section, .sidebar .user-details { display: none; }
-            .main-content { margin-left: 64px; }
-            .login-left { display: none; }
-            .login-right { width: 100%; }
-        }
-        @media (max-width: 768px) {
-            .stats-grid, .instance-grid, .channel-grid { grid-template-columns: 1fr; }
-        }
-        .fade-enter-active, .fade-leave-active { transition: opacity 0.3s ease; }
-        .fade-enter-from, .fade-leave-to { opacity: 0; }
-        /* 查询审计专用样式 */
-        .query-detail-panel {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            overflow: hidden;
-            margin-bottom: 20px;
-        }
-        .query-detail-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 16px 20px;
-            background: var(--bg-tertiary);
-            border-bottom: 1px solid var(--border-color);
-        }
-        .query-sql-preview {
-            padding: 16px 20px;
-            background: var(--bg-primary);
-            font-family: 'JetBrains Mono', monospace;
-            font-size: 13px;
-            color: var(--text-primary);
-            overflow-x: auto;
-            white-space: pre-wrap;
-            word-break: break-all;
-        }
-        .query-metrics {
-            display: grid;
-            grid-template-columns: repeat(4, 1fr);
-            gap: 16px;
-            padding: 16px 20px;
-            border-top: 1px solid var(--border-color);
-        }
-        .query-metric { text-align: center; }
-        .query-metric-value { font-size: 20px; font-weight: 600; color: var(--text-primary); }
-        .query-metric-value.slow { color: var(--danger); }
-        .query-metric-label { font-size: 12px; color: var(--text-muted); margin-top: 4px; }
-        .result-set-panel {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            overflow: hidden;
-        }
-        .result-set-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 12px 16px;
-            background: var(--bg-tertiary);
-            border-bottom: 1px solid var(--border-color);
-        }
-        .sensitive-badge {
-            display: inline-flex;
-            align-items: center;
-            gap: 4px;
-            padding: 2px 8px;
-            background: rgba(210, 153, 34, 0.2);
-            border: 1px solid var(--warning);
-            border-radius: 4px;
-            font-size: 11px;
-            color: var(--warning);
-        }
-        .masked-data {
-            color: var(--warning);
-            font-style: italic;
-        }
-        /* 权限管理样式 */
-        .permission-tree {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            padding: 16px;
-        }
-        .role-card {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-color);
-            border-radius: 12px;
-            padding: 20px;
-            cursor: pointer;
-            transition: all 0.2s ease;
-        }
-        .role-card:hover { border-color: var(--accent-blue); }
-        .role-card.active { border-color: var(--accent-blue); background: rgba(88, 166, 255, 0.05); }
-        .role-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
-        .role-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; }
-        .role-icon.admin { background: rgba(137, 87, 229, 0.15); color: var(--accent-purple); }
-        .role-icon.dba { background: rgba(88, 166, 255, 0.15); color: var(--accent-blue); }
-        .role-icon.dev { background: rgba(35, 134, 54, 0.15); color: var(--success); }
-        .role-icon.guest { background: rgba(139, 148, 158, 0.15); color: var(--text-secondary); }
-        .role-name { font-size: 16px; font-weight: 600; color: var(--text-primary); }
-        .role-desc { font-size: 12px; color: var(--text-muted); }
-        .role-stats { display: flex; gap: 16px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border-color); }
-        .role-stat { font-size: 12px; color: var(--text-secondary); }
-        .role-stat strong { color: var(--text-primary); margin-right: 4px; }
-    </style>
-</head>
-<body>
-    <div id="app">
-        <!-- 登录页面 -->
-        <div v-if="!isLoggedIn" class="login-container">
-            <div class="login-left">
-                <div class="login-brand">
-                    <h1><i class="fas fa-shield-alt"></i> DataGuard Pro</h1>
-                    <p>企业级数据审核与变更管理平台<br>支持多数据库类型，提供完善的 SQL 审核、审批流程和审计追踪</p>
-                </div>
-                <div class="login-features">
-                    <div class="login-feature-item"><i class="fas fa-database"></i><div><h4>多数据库支持</h4><span>MySQL、PostgreSQL、Redis、MongoDB、ClickHouse</span></div></div>
-                    <div class="login-feature-item"><i class="fas fa-code-check"></i><div><h4>智能 SQL 审核</h4><span>语法检查、规则校验、影响分析</span></div></div>
-                    <div class="login-feature-item"><i class="fas fa-sitemap"></i><div><h4>多级审批流程</h4><span>会签、或签、条件审批灵活配置</span></div></div>
-                    <div class="login-feature-item"><i class="fas fa-bell"></i><div><h4>多渠道通知</h4><span>飞书、钉钉、企微、TG 即时推送</span></div></div>
-                    <div class="login-feature-item"><i class="fas fa-history"></i><div><h4>完整审计追踪</h4><span>所有操作可追溯，支持 SQL 回滚</span></div></div>
-                    <div class="login-feature-item"><i class="fas fa-user-shield"></i><div><h4>细粒度权限</h4><span>RBAC 角色权限，数据访问控制</span></div></div>
-                </div>
-            </div>
-            <div class="login-right">
-                <div class="login-form-wrapper">
-                    <h2>欢迎回来</h2>
-                    <p class="subtitle">请登录您的账户以继续</p>
-                    <el-form class="login-form" :model="loginForm" @submit.prevent="handleLogin">
-                        <el-form-item>
-                            <el-input v-model="loginForm.username" placeholder="用户名/邮箱" size="large">
-                                <template #prefix><i class="fas fa-user"></i></template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item>
-                            <el-input v-model="loginForm.password" type="password" placeholder="密码" size="large" show-password>
-                                <template #prefix><i class="fas fa-lock"></i></template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item>
-                            <el-button type="primary" size="large" @click="handleLogin" :loading="loginLoading">
-                                <i class="fas fa-sign-in-alt"></i> 登录
-                            </el-button>
-                        </el-form-item>
-                    </el-form>
-                    <div style="text-align: center; margin-top: 20px; font-size: 13px; color: var(--text-muted);">
-                        演示账号: admin / admin123 或 developer / dev123
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- 主应用 -->
-        <div v-else class="main-layout">
-            <!-- 侧边栏 -->
-            <aside class="sidebar" :class="{ collapsed: sidebarCollapsed }">
-                <div class="sidebar-header">
-                    <div class="sidebar-logo">
-                        <i class="fas fa-shield-alt"></i>
-                        <span v-if="!sidebarCollapsed">DataGuard</span>
-                    </div>
-                </div>
-                <nav class="sidebar-menu">
-                    <div class="menu-section" v-if="!sidebarCollapsed">概览</div>
-                    <div class="menu-item" :class="{ active: currentView === 'dashboard' }" @click="currentView = 'dashboard'">
-                        <i class="fas fa-chart-pie"></i><span v-if="!sidebarCollapsed">仪表盘</span>
-                    </div>
-                    
-                    <div class="menu-section" v-if="!sidebarCollapsed">数据源</div>
-                    <div class="menu-item" :class="{ active: currentView === 'mysql' }" @click="currentView = 'mysql'">
-                        <i class="fas fa-database"></i><span v-if="!sidebarCollapsed">MySQL</span>
-                    </div>
-                    <div class="menu-item" :class="{ active: currentView === 'postgres' }" @click="currentView = 'postgres'">
-                        <i class="fas fa-server"></i><span v-if="!sidebarCollapsed">PostgreSQL</span>
-                    </div>
-                    <div class="menu-item" :class="{ active: currentView === 'redis' }" @click="currentView = 'redis'">
-                        <i class="fas fa-bolt"></i><span v-if="!sidebarCollapsed">Redis</span>
-                    </div>
-                    <div class="menu-item" :class="{ active: currentView === 'mongo' }" @click="currentView = 'mongo'">
-                        <i class="fas fa-leaf"></i><span v-if="!sidebarCollapsed">MongoDB</span>
-                    </div>
-                    <div class="menu-item" :class="{ active: currentView === 'clickhouse' }" @click="currentView = 'clickhouse'">
-                        <i class="fas fa-mouse-pointer"></i><span v-if="!sidebarCollapsed">ClickHouse</span>
-                    </div>
-
-                    <div class="menu-section" v-if="!sidebarCollapsed">工单管理</div>
-                    <div class="menu-item" :class="{ active: currentView === 'tickets' }" @click="currentView = 'tickets'">
-                        <i class="fas fa-clipboard-list"></i><span v-if="!sidebarCollapsed">数据变更</span>
-                    </div>
-                    <div class="menu-item" :class="{ active: currentView === 'queries' }" @click="currentView = 'queries'">
-                        <i class="fas fa-search"></i><span v-if="!sidebarCollapsed">查询审计</span>
-                    </div>
-
-                    <div class="menu-section" v-if="!sidebarCollapsed">权限管理</div>
-                    <div class="menu-item" :class="{ active: currentView === 'roles' }" @click="currentView = 'roles'">
-                        <i class="fas fa-user-tag"></i><span v-if="!sidebarCollapsed">角色权限</span>
-                    </div>
-                    <div class="menu-item" :class="{ active: currentView === 'users' }" @click="currentView = 'users'">
-                        <i class="fas fa-users"></i><span v-if="!sidebarCollapsed">用户管理</span>
-                    </div>
-                    <div class="menu-item" :class="{ active: currentView === 'data-permission' }" @click="currentView = 'data-permission'">
-                        <i class="fas fa-lock"></i><span v-if="!sidebarCollapsed">数据权限</span>
-                    </div>
-
-                    <div class="menu-section" v-if="!sidebarCollapsed">系统配置</div>
-                    <div class="menu-item" :class="{ active: currentView === 'audit-rules' }" @click="currentView = 'audit-rules'">
-                        <i class="fas fa-shield-alt"></i><span v-if="!sidebarCollapsed">审核规则</span>
-                    </div>
-                    <div class="menu-item" :class="{ active: currentView === 'workflow' }" @click="currentView = 'workflow'">
-                        <i class="fas fa-project-diagram"></i><span v-if="!sidebarCollapsed">审批流程</span>
-                    </div>
-                    <div class="menu-item" :class="{ active: currentView === 'notifications' }" @click="currentView = 'notifications'">
-                        <i class="fas fa-bell"></i><span v-if="!sidebarCollapsed">通知渠道</span>
-                    </div>
-                </nav>
-                <div class="sidebar-footer">
-                    <div class="user-info" @click="showUserMenu = true">
-                        <div class="user-avatar">{{ currentUser.avatar }}</div>
-                        <div class="user-details" v-if="!sidebarCollapsed">
-                            <div class="user-name">{{ currentUser.name }}</div>
-                            <div class="user-role">{{ currentUser.roleName }}</div>
-                        </div>
-                    </div>
-                </div>
-            </aside>
-
-            <!-- 主内容 -->
-            <main class="main-content" :class="{ expanded: sidebarCollapsed }">
-                <!-- 顶部导航 -->
-                <header class="top-header">
-                    <div class="header-left">
-                        <div class="breadcrumb">
-                            <span>DataGuard</span><span class="separator">/</span><span class="current">{{ getPageTitle() }}</span>
-                        </div>
-                    </div>
-                    <div class="header-right">
-                        <div class="header-btn" @click="toggleSidebar"><i class="fas fa-bars"></i></div>
-                        <div class="header-btn" @click="showNotifications = true">
-                            <i class="fas fa-bell"></i>
-                            <span v-if="unreadNotifications > 0" class="badge"></span>
-                        </div>
-                        <div class="header-btn" @click="logout"><i class="fas fa-sign-out-alt"></i></div>
-                    </div>
-                </header>
-
-                <!-- 内容区域 -->
-                <div class="content-area">
-                    <!-- 仪表盘 -->
-                    <div v-if="currentView === 'dashboard'" class="fade-enter-active">
-                        <div class="stats-grid">
-                            <div class="stat-card">
-                                <div class="stat-header"><span class="stat-title">今日工单</span><div class="stat-icon blue"><i class="fas fa-clipboard-list"></i></div></div>
-                                <div class="stat-value">128</div>
-                                <div class="stat-footer"><span class="stat-trend up"><i class="fas fa-arrow-up"></i> 12%</span><span class="stat-compare">较昨日</span></div>
-                            </div>
-                            <div class="stat-card">
-                                <div class="stat-header"><span class="stat-title">待审批</span><div class="stat-icon orange"><i class="fas fa-clock"></i></div></div>
-                                <div class="stat-value">23</div>
-                                <div class="stat-footer"><span class="stat-trend down"><i class="fas fa-arrow-down"></i> 5%</span><span class="stat-compare">较昨日</span></div>
-                            </div>
-                            <div class="stat-card">
-                                <div class="stat-header"><span class="stat-title">查询审计</span><div class="stat-icon purple"><i class="fas fa-search"></i></div></div>
-                                <div class="stat-value">15,234</div>
-                                <div class="stat-footer"><span class="stat-trend up"><i class="fas fa-arrow-up"></i> 8%</span><span class="stat-compare">较昨日</span></div>
-                            </div>
-                            <div class="stat-card">
-                                <div class="stat-header"><span class="stat-title">慢查询</span><div class="stat-icon red"><i class="fas fa-exclamation-triangle"></i></div></div>
-                                <div class="stat-value">47</div>
-                                <div class="stat-footer"><span class="stat-trend down"><i class="fas fa-arrow-down"></i> 12%</span><span class="stat-compare">较昨日</span></div>
-                            </div>
-                        </div>
-
-                        <div class="dashboard-grid">
-                            <div class="chart-card">
-                                <div class="chart-header">
-                                    <span class="chart-title">工单趋势</span>
-                                    <div class="chart-actions">
-                                        <button :class="['chart-action-btn', chartPeriod === '7d' ? 'active' : '']" @click="chartPeriod = '7d'">近7天</button>
-                                        <button :class="['chart-action-btn', chartPeriod === '30d' ? 'active' : '']" @click="chartPeriod = '30d'">近30天</button>
-                                        <button :class="['chart-action-btn', chartPeriod === '90d' ? 'active' : '']" @click="chartPeriod = '90d'">近90天</button>
-                                    </div>
-                                </div>
-                                <div class="chart-body" ref="trendChart"></div>
-                            </div>
-                            <div class="list-card">
-                                <div class="list-header"><span class="list-title">实例状态</span></div>
-                                <div class="list-body">
-                                    <div class="list-item">
-                                        <div class="list-item-icon mysql"><i class="fas fa-database"></i></div>
-                                        <div class="list-item-content"><div class="list-item-title">生产 MySQL 主库</div><div class="list-item-desc">192.168.1.10:3306</div></div>
-                                        <span class="list-item-status status-online">在线</span>
-                                    </div>
-                                    <div class="list-item">
-                                        <div class="list-item-icon redis"><i class="fas fa-bolt"></i></div>
-                                        <div class="list-item-content"><div class="list-item-title">Redis 集群</div><div class="list-item-desc">192.168.1.20:6379</div></div>
-                                        <span class="list-item-status status-online">在线</span>
-                                    </div>
-                                    <div class="list-item">
-                                        <div class="list-item-icon postgres"><i class="fas fa-server"></i></div>
-                                        <div class="list-item-content"><div class="list-item-title">PostgreSQL 分析库</div><div class="list-item-desc">192.168.1.30:5432</div></div>
-                                        <span class="list-item-status status-warning">告警</span>
-                                    </div>
-                                    <div class="list-item">
-                                        <div class="list-item-icon mongo"><i class="fas fa-leaf"></i></div>
-                                        <div class="list-item-content"><div class="list-item-title">MongoDB 日志库</div><div class="list-item-desc">192.168.1.40:27017</div></div>
-                                        <span class="list-item-status status-online">在线</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="list-card">
-                            <div class="list-header"><span class="list-title">待处理工单</span></div>
-                            <div class="data-table">
-                                <el-table :data="pendingTickets" style="width: 100%">
-                                    <el-table-column prop="id" label="工单号" width="130" />
-                                    <el-table-column prop="title" label="标题" min-width="200" show-overflow-tooltip />
-                                    <el-table-column prop="dbType" label="数据库" width="90">
-                                        <template #default="scope"><span :class="'tag tag-' + scope.row.dbType">{{ scope.row.dbType.toUpperCase() }}</span></template>
-                                    </el-table-column>
-                                    <el-table-column prop="applicant" label="申请人" width="100" />
-                                    <el-table-column prop="status" label="状态" width="100">
-                                        <template #default="scope"><span :class="'status-tag status-' + scope.row.status">{{ getStatusText(scope.row.status) }}</span></template>
-                                    </el-table-column>
-                                    <el-table-column prop="createTime" label="创建时间" width="150" />
-                                    <el-table-column label="操作" width="140" fixed="right">
-                                        <template #default>
-                                            <el-button type="primary" link size="small">查看</el-button>
-                                            <el-button type="success" link size="small">审批</el-button>
-                                        </template>
-                                    </el-table-column>
-                                </el-table>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- MySQL 实例管理 -->
-                    <div v-if="currentView === 'mysql'" class="fade-enter-active">
-                        <div class="page-header">
-                            <div class="page-title-section"><h1>MySQL 实例管理</h1><p>管理 MySQL 数据库实例，监控连接状态和性能指标</p></div>
-                            <div class="page-actions">
-                                <button class="btn-secondary" @click="refreshInstances"><i class="fas fa-sync-alt"></i> 刷新</button>
-                                <button class="btn-primary" @click="showAddInstance = true"><i class="fas fa-plus"></i> 添加实例</button>
-                            </div>
-                        </div>
-                        <div class="filter-bar">
-                            <el-input v-model="searchQuery" placeholder="搜索实例名称/地址" style="width: 280px" />
-                            <el-select v-model="filterStatus" placeholder="状态" style="width: 120px">
-                                <el-option label="全部" value="" /><el-option label="在线" value="online" />
-                                <el-option label="离线" value="offline" /><el-option label="告警" value="warning" />
-                            </el-select>
-                            <el-select v-model="filterEnv" placeholder="环境" style="width: 120px">
-                                <el-option label="全部" value="" /><el-option label="生产" value="prod" />
-                                <el-option label="测试" value="test" /><el-option label="开发" value="dev" />
-                            </el-select>
-                        </div>
-                        <div class="instance-grid">
-                            <div v-for="instance in filteredInstances" :key="instance.id" class="instance-card" @click="viewInstance(instance)">
-                                <div class="instance-header">
-                                    <div class="instance-type-icon mysql"><i class="fas fa-database"></i></div>
-                                    <div :class="'instance-status ' + instance.status"></div>
-                                </div>
-                                <div class="instance-name">{{ instance.name }}</div>
-                                <div class="instance-meta">{{ instance.host }}:{{ instance.port }}</div>
-                                <div class="instance-metrics">
-                                    <div class="instance-metric"><div class="instance-metric-value">{{ instance.connections }}</div><div class="instance-metric-label">连接数</div></div>
-                                    <div class="instance-metric"><div class="instance-metric-value">{{ instance.qps }}</div><div class="instance-metric-label">QPS</div></div>
-                                    <div class="instance-metric"><div class="instance-metric-value">{{ instance.latency }}ms</div><div class="instance-metric-label">延迟</div></div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- 数据变更工单 -->
-                    <div v-if="currentView === 'tickets'" class="fade-enter-active">
-                        <div class="page-header">
-                            <div class="page-title-section"><h1>数据变更工单</h1><p>管理 SQL 变更工单，提交审核、查看审批进度</p></div>
-                            <div class="page-actions">
-                                <button class="btn-primary" @click="showNewTicket = true"><i class="fas fa-plus"></i> 新建工单</button>
-                            </div>
-                        </div>
-                        <div class="filter-bar">
-                            <el-input v-model="ticketSearch" placeholder="搜索工单标题/编号" style="width: 240px" />
-                            <el-select v-model="ticketStatus" placeholder="工单状态" style="width: 130px">
-                                <el-option label="全部状态" value="" /><el-option label="待审批" value="pending" />
-                                <el-option label="审批中" value="reviewing" /><el-option label="已通过" value="approved" />
-                                <el-option label="已拒绝" value="rejected" /><el-option label="执行中" value="executing" />
-                                <el-option label="执行成功" value="success" /><el-option label="执行失败" value="failed" />
-                            </el-select>
-                            <el-select v-model="ticketDbType" placeholder="数据库类型" style="width: 130px">
-                                <el-option label="全部" value="" /><el-option label="MySQL" value="mysql" />
-                                <el-option label="PostgreSQL" value="postgres" /><el-option label="Redis" value="redis" />
-                            </el-select>
-                            <el-date-picker v-model="ticketDateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" style="width: 240px" />
-                        </div>
-                        <div class="data-table">
-                            <el-table :data="filteredTickets" style="width: 100%">
-                                <el-table-column prop="id" label="工单号" width="130" />
-                                <el-table-column prop="title" label="标题" min-width="200" show-overflow-tooltip />
-                                <el-table-column prop="dbType" label="数据库" width="90">
-                                    <template #default="scope"><span :class="'tag tag-' + scope.row.dbType">{{ scope.row.dbType.toUpperCase() }}</span></template>
-                                </el-table-column>
-                                <el-table-column prop="instance" label="实例" width="140" show-overflow-tooltip />
-                                <el-table-column prop="applicant" label="申请人" width="100" />
-                                <el-table-column prop="status" label="状态" width="100">
-                                    <template #default="scope"><span :class="'status-tag status-' + scope.row.status">{{ getStatusText(scope.row.status) }}</span></template>
-                                </el-table-column>
-                                <el-table-column prop="createTime" label="创建时间" width="150" />
-                                <el-table-column label="操作" width="140" fixed="right">
-                                    <template #default="scope">
-                                        <el-button type="primary" link size="small" @click="viewTicket(scope.row)">查看</el-button>
-                                        <el-button v-if="scope.row.status === 'pending' && canApprove" type="success" link size="small">审批</el-button>
-                                    </template>
-                                </el-table-column>
-                            </el-table>
-                            <div class="pagination-wrapper">
-                                <span style="color: var(--text-muted); font-size: 13px;">共 {{ filteredTickets.length }} 条记录</span>
-                                <el-pagination background layout="prev, pager, next" :total="filteredTickets.length" :page-size="10" />
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- 查询审计 -->
-                    <div v-if="currentView === 'queries'" class="fade-enter-active">
-                        <div class="page-header">
-                            <div class="page-title-section"><h1>查询审计</h1><p>记录所有 SQL 查询操作，支持敏感数据脱敏和性能分析</p></div>
-                            <div class="page-actions">
-                                <button class="btn-secondary" @click="exportQueryLog"><i class="fas fa-download"></i> 导出</button>
-                                <button class="btn-primary" @click="showNewQuery = true"><i class="fas fa-plus"></i> 新建查询</button>
-                            </div>
-                        </div>
-                        <div class="filter-bar">
-                            <el-input v-model="querySearch" placeholder="搜索 SQL 关键词/用户" style="width: 260px" />
-                            <el-select v-model="queryDbType" placeholder="数据库" style="width: 120px">
-                                <el-option label="全部" value="" /><el-option label="MySQL" value="mysql" />
-                                <el-option label="PostgreSQL" value="postgres" /><el-option label="Redis" value="redis" />
-                            </el-select>
-                            <el-select v-model="queryStatus" placeholder="执行状态" style="width: 120px">
-                                <el-option label="全部" value="" /><el-option label="成功" value="success" />
-                                <el-option label="失败" value="failed" /><el-option label="慢查询" value="slow" />
-                            </el-select>
-                            <el-select v-model="queryTimeRange" placeholder="时间范围" style="width: 140px">
-                                <el-option label="最近1小时" value="1h" /><el-option label="最近24小时" value="24h" />
-                                <el-option label="最近7天" value="7d" /><el-option label="最近30天" value="30d" />
-                            </el-select>
-                        </div>
-                        <div class="data-table">
-                            <el-table :data="filteredQueries" style="width: 100%" @row-click="viewQueryDetail">
-                                <el-table-column prop="id" label="查询ID" width="120" />
-                                <el-table-column prop="sql" label="SQL 语句" min-width="300" show-overflow-tooltip>
-                                    <template #default="scope">
-                                        <code style="font-family: monospace; font-size: 12px; color: var(--accent-blue);">{{ scope.row.sqlPreview }}</code>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="dbType" label="数据库" width="90">
-                                    <template #default="scope"><span :class="'tag tag-' + scope.row.dbType">{{ scope.row.dbType.toUpperCase() }}</span></template>
-                                </el-table-column>
-                                <el-table-column prop="user" label="执行用户" width="100" />
-                                <el-table-column prop="executeTime" label="执行时长" width="100">
-                                    <template #default="scope">
-                                        <span :class="scope.row.executeTime > 1000 ? 'text-danger' : ''">{{ scope.row.executeTime }}ms</span>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="rowCount" label="返回行数" width="90" />
-                                <el-table-column prop="status" label="状态" width="80">
-                                    <template #default="scope">
-                                        <el-tag :type="scope.row.status === 'success' ? 'success' : scope.row.status === 'slow' ? 'warning' : 'danger'" size="small">
-                                            {{ scope.row.status === 'success' ? '成功' : scope.row.status === 'slow' ? '慢查询' : '失败' }}
-                                        </el-tag>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="hasSensitive" label="敏感数据" width="90">
-                                    <template #default="scope">
-                                        <span v-if="scope.row.hasSensitive" class="sensitive-badge"><i class="fas fa-exclamation"></i> 已脱敏</span>
-                                        <span v-else style="color: var(--text-muted); font-size: 12px;">-</span>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="timestamp" label="执行时间" width="150" />
-                            </el-table>
-                            <div class="pagination-wrapper">
-                                <span style="color: var(--text-muted); font-size: 13px;">共 {{ filteredQueries.length }} 条记录</span>
-                                <el-pagination background layout="prev, pager, next" :total="filteredQueries.length" :page-size="10" />
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- 角色权限 -->
-                    <div v-if="currentView === 'roles'" class="fade-enter-active">
-                        <div class="page-header">
-                            <div class="page-title-section"><h1>角色权限管理</h1><p>配置 RBAC 角色权限，控制用户对系统功能和数据的访问</p></div>
-                            <div class="page-actions">
-                                <button class="btn-primary" @click="showAddRole = true"><i class="fas fa-plus"></i> 新建角色</button>
-                            </div>
-                        </div>
-                        <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px;">
-                            <div v-for="role in roles" :key="role.id" :class="['role-card', { active: selectedRole && selectedRole.id === role.id }]" @click="selectRole(role)">
-                                <div class="role-header">
-                                    <div :class="['role-icon', role.iconClass]"><i :class="role.icon"></i></div>
-                                    <div>
-                                        <div class="role-name">{{ role.name }}</div>
-                                        <div class="role-desc">{{ role.description }}</div>
-                                    </div>
-                                </div>
-                                <div class="role-stats">
-                                    <div class="role-stat"><strong>{{ role.userCount }}</strong>用户</div>
-                                    <div class="role-stat"><strong>{{ role.permissionCount }}</strong>权限</div>
-                                </div>
-                            </div>
-                        </div>
-                        <div v-if="selectedRole" class="permission-tree">
-                            <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                                <h3 style="font-size: 16px; color: var(--text-primary);">{{ selectedRole.name }} - 权限配置</h3>
-                                <el-button type="primary" size="small" @click="saveRolePermissions"><i class="fas fa-save"></i> 保存权限</el-button>
-                            </div>
-                            <el-tree
-                                ref="permissionTree"
-                                :data="permissionTreeData"
-                                show-checkbox
-                                node-key="id"
-                                :default-checked-keys="selectedRole.permissions"
-                                :props="{ label: 'label', children: 'children' }"
-                                style="background: transparent; color: var(--text-primary);"
-                            />
-                        </div>
-                    </div>
-
-                    <!-- 用户管理 -->
-                    <div v-if="currentView === 'users'" class="fade-enter-active">
-                        <div class="page-header">
-                            <div class="page-title-section"><h1>用户管理</h1><p>管理系统用户，分配角色和数据库访问权限</p></div>
-                            <div class="page-actions">
-                                <button class="btn-primary" @click="showAddUser = true"><i class="fas fa-plus"></i> 新建用户</button>
-                            </div>
-                        </div>
-                        <div class="filter-bar">
-                            <el-input v-model="userSearch" placeholder="搜索用户名/邮箱" style="width: 260px" />
-                            <el-select v-model="userRoleFilter" placeholder="角色" style="width: 140px">
-                                <el-option label="全部角色" value="" />
-                                <el-option v-for="role in roles" :key="role.id" :label="role.name" :value="role.id" />
-                            </el-select>
-                            <el-select v-model="userStatusFilter" placeholder="状态" style="width: 120px">
-                                <el-option label="全部" value="" /><el-option label="启用" value="active" />
-                                <el-option label="禁用" value="disabled" />
-                            </el-select>
-                        </div>
-                        <div class="data-table">
-                            <el-table :data="filteredUsers" style="width: 100%">
-                                <el-table-column prop="username" label="用户名" width="120" />
-                                <el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip />
-                                <el-table-column prop="role" label="角色" width="120">
-                                    <template #default="scope">
-                                        <el-tag :type="getRoleType(scope.row.role)" size="small">{{ scope.row.roleName }}</el-tag>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="department" label="部门" width="120" />
-                                <el-table-column prop="lastLogin" label="最后登录" width="150" />
-                                <el-table-column prop="status" label="状态" width="80">
-                                    <template #default="scope">
-                                        <el-switch v-model="scope.row.status" active-value="active" inactive-value="disabled" />
-                                    </template>
-                                </el-table-column>
-                                <el-table-column label="操作" width="180" fixed="right">
-                                    <template #default="scope">
-                                        <el-button type="primary" link size="small" @click="editUser(scope.row)">编辑</el-button>
-                                        <el-button type="success" link size="small" @click="configUserPermission(scope.row)">权限</el-button>
-                                        <el-button type="danger" link size="small" @click="deleteUser(scope.row)">删除</el-button>
-                                    </template>
-                                </el-table-column>
-                            </el-table>
-                            <div class="pagination-wrapper">
-                                <span style="color: var(--text-muted); font-size: 13px;">共 {{ filteredUsers.length }} 条记录</span>
-                                <el-pagination background layout="prev, pager, next" :total="filteredUsers.length" :page-size="10" />
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- 数据权限 -->
-                    <div v-if="currentView === 'data-permission'" class="fade-enter-active">
-                        <div class="page-header">
-                            <div class="page-title-section"><h1>数据权限</h1><p>配置用户对数据库、表、字段的访问权限，支持行级权限控制</p></div>
-                            <div class="page-actions">
-                                <button class="btn-primary" @click="showAddDataPermission = true"><i class="fas fa-plus"></i> 添加权限</button>
-                            </div>
-                        </div>
-                        <div class="data-table">
-                            <el-table :data="dataPermissions" style="width: 100%">
-                                <el-table-column prop="user" label="用户" width="120" />
-                                <el-table-column prop="instance" label="实例" width="150" show-overflow-tooltip />
-                                <el-table-column prop="database" label="数据库" width="120" />
-                                <el-table-column prop="table" label="表" width="150" />
-                                <el-table-column prop="columns" label="字段权限" min-width="200">
-                                    <template #default="scope">
-                                        <div v-if="scope.row.columns === '*'">
-                                            <el-tag size="small" type="success">全部字段</el-tag>
-                                        </div>
-                                        <div v-else>
-                                            <el-tag v-for="col in scope.row.columns.split(',')" :key="col" size="small" style="margin-right: 4px; margin-bottom: 2px;">{{ col }}</el-tag>
-                                        </div>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="rowFilter" label="行级过滤" width="150">
-                                    <template #default="scope">
-                                        <el-tag v-if="scope.row.rowFilter" type="warning" size="small">{{ scope.row.rowFilter }}</el-tag>
-                                        <span v-else style="color: var(--text-muted);">-</span>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="operations" label="操作权限" width="150">
-                                    <template #default="scope">
-                                        <el-tag v-for="op in scope.row.operations" :key="op" size="small" style="margin-right: 4px;">{{ op }}</el-tag>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column label="操作" width="120" fixed="right">
-                                    <template #default>
-                                        <el-button type="primary" link size="small">编辑</el-button>
-                                        <el-button type="danger" link size="small">删除</el-button>
-                                    </template>
-                                </el-table-column>
-                            </el-table>
-                        </div>
-                    </div>
-
-                    <!-- 审核规则 -->
-                    <div v-if="currentView === 'audit-rules'" class="fade-enter-active">
-                        <div class="page-header">
-                            <div class="page-title-section"><h1>SQL 审核规则</h1><p>配置 SQL 审核规则，确保数据变更安全合规</p></div>
-                            <div class="page-actions">
-                                <button class="btn-secondary"><i class="fas fa-file-import"></i> 导入</button>
-                                <button class="btn-primary" @click="showAddRule = true"><i class="fas fa-plus"></i> 添加规则</button>
-                            </div>
-                        </div>
-                        <div class="data-table">
-                            <el-table :data="auditRules" style="width: 100%">
-                                <el-table-column prop="id" label="规则ID" width="90" />
-                                <el-table-column prop="name" label="规则名称" min-width="200" show-overflow-tooltip />
-                                <el-table-column prop="level" label="级别" width="80">
-                                    <template #default="scope">
-                                        <el-tag :type="scope.row.level === 'error' ? 'danger' : scope.row.level === 'warning' ? 'warning' : 'info'" size="small">
-                                            {{ scope.row.level === 'error' ? '错误' : scope.row.level === 'warning' ? '警告' : '提示' }}
-                                        </el-tag>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="dbTypes" label="适用数据库" width="160">
-                                    <template #default="scope">
-                                        <span v-for="db in scope.row.dbTypes" :key="db" :class="'tag tag-' + db" style="margin-right: 4px;">{{ db.toUpperCase() }}</span>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="description" label="描述" min-width="250" show-overflow-tooltip />
-                                <el-table-column prop="enabled" label="状态" width="70">
-                                    <template #default="scope"><el-switch v-model="scope.row.enabled" /></template>
-                                </el-table-column>
-                                <el-table-column label="操作" width="120" fixed="right">
-                                    <template #default>
-                                        <el-button type="primary" link size="small">编辑</el-button>
-                                        <el-button type="danger" link size="small">删除</el-button>
-                                    </template>
-                                </el-table-column>
-                            </el-table>
-                        </div>
-                    </div>
-
-                    <!-- 审批流程 -->
-                    <div v-if="currentView === 'workflow'" class="fade-enter-active">
-                        <div class="page-header">
-                            <div class="page-title-section"><h1>审批流程配置</h1><p>配置多级审批流程，支持会签、或签、条件审批</p></div>
-                            <div class="page-actions">
-                                <button class="btn-primary" @click="showAddWorkflow = true"><i class="fas fa-plus"></i> 新建流程</button>
-                            </div>
-                        </div>
-                        <div class="data-table">
-                            <el-table :data="workflows" style="width: 100%">
-                                <el-table-column prop="name" label="流程名称" min-width="180" show-overflow-tooltip />
-                                <el-table-column prop="dbTypes" label="适用数据库" width="180">
-                                    <template #default="scope">
-                                        <span v-for="db in scope.row.dbTypes" :key="db" :class="'tag tag-' + db" style="margin-right: 4px;">{{ db.toUpperCase() }}</span>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="steps" label="审批步骤" width="100">
-                                    <template #default="scope">{{ scope.row.steps }} 级审批</template>
-                                </el-table-column>
-                                <el-table-column prop="mode" label="审批模式" width="100">
-                                    <template #default="scope">
-                                        <el-tag :type="scope.row.mode === 'any' ? 'success' : 'primary'" size="small">{{ scope.row.mode === 'any' ? '或签' : '会签' }}</el-tag>
-                                    </template>
-                                </el-table-column>
-                                <el-table-column prop="description" label="描述" min-width="200" show-overflow-tooltip />
-                                <el-table-column prop="enabled" label="状态" width="70">
-                                    <template #default="scope"><el-switch v-model="scope.row.enabled" /></template>
-                                </el-table-column>
-                                <el-table-column label="操作" width="150" fixed="right">
-                                    <template #default>
-                                        <el-button type="primary" link size="small">编辑</el-button>
-                                        <el-button type="success" link size="small">预览</el-button>
-                                    </template>
-                                </el-table-column>
-                            </el-table>
-                        </div>
-                    </div>
-
-                    <!-- 通知渠道 -->
-                    <div v-if="currentView === 'notifications'" class="fade-enter-active">
-                        <div class="page-header">
-                            <div class="page-title-section"><h1>通知渠道配置</h1><p>配置多渠道通知，支持飞书、钉钉、企业微信、Telegram</p></div>
-                            <div class="page-actions">
-                                <button class="btn-secondary" @click="testAllChannels"><i class="fas fa-paper-plane"></i> 测试全部</button>
-                            </div>
-                        </div>
-                        <div class="channel-grid">
-                            <div v-for="channel in notificationChannels" :key="channel.id" :class="['channel-card', { enabled: channel.enabled }]" @click="configureChannel(channel)">
-                                <div :class="['channel-icon', channel.type]"><i :class="channel.icon"></i></div>
-                                <div class="channel-info">
-                                    <div class="channel-name">{{ channel.name }}</div>
-                                    <div class="channel-desc">{{ channel.description }}</div>
-                                </div>
-                                <span :class="['channel-status', channel.enabled ? 'enabled' : 'disabled']">{{ channel.enabled ? '已启用' : '未启用' }}</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </main>
-        </div>
-
-        <!-- 新建工单对话框 -->
-        <el-dialog v-model="showNewTicket" title="新建数据变更工单" width="800px" destroy-on-close>
-            <el-form :model="newTicketForm" label-position="top">
-                <el-form-item label="工单标题"><el-input v-model="newTicketForm.title" placeholder="请输入工单标题" /></el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="数据库类型">
-                            <el-select v-model="newTicketForm.dbType" placeholder="选择数据库类型" style="width: 100%">
-                                <el-option label="MySQL" value="mysql" /><el-option label="PostgreSQL" value="postgres" />
-                                <el-option label="Redis" value="redis" /><el-option label="MongoDB" value="mongo" />
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="目标实例">
-                            <el-select v-model="newTicketForm.instance" placeholder="选择目标实例" style="width: 100%">
-                                <el-option label="生产 MySQL 主库" value="mysql-prod-01" />
-                                <el-option label="测试 MySQL 从库" value="mysql-test-01" />
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="SQL 语句">
-                    <div class="sql-editor-container">
-                        <div class="sql-editor-header">
-                            <div class="sql-editor-tabs">
-                                <div :class="['sql-editor-tab', { active: sqlTab === 'change' }]" @click="sqlTab = 'change'"><i class="fas fa-file-code"></i><span>变更 SQL</span></div>
-                                <div :class="['sql-editor-tab', { active: sqlTab === 'rollback' }]" @click="sqlTab = 'rollback'"><i class="fas fa-undo"></i><span>回滚 SQL</span></div>
-                            </div>
-                        </div>
-                        <textarea class="sql-editor-area" v-model="newTicketForm.sql" placeholder="-- 请输入 SQL 语句
--- 支持多条 SQL，使用分号分隔
-
-UPDATE users SET status = 'active' WHERE id = 1;
-INSERT INTO logs (action, user_id) VALUES ('update', 1);"></textarea>
-                        <div class="sql-editor-footer">
-                            <span><i class="fas fa-info-circle"></i> 已输入 {{ newTicketForm.sql?.length || 0 }} 个字符</span>
-                            <span><i class="fas fa-magic"></i> 按 Ctrl+Enter 进行 SQL 审核</span>
-                        </div>
-                    </div>
-                </el-form-item>
-                <el-form-item label="变更原因">
-                    <el-input v-model="newTicketForm.reason" type="textarea" :rows="3" placeholder="请描述本次数据变更的原因和背景" />
-                </el-form-item>
-            </el-form>
-            <div class="audit-result-panel">
-                <div class="audit-result-header">
-                    <div class="audit-result-title"><i class="fas fa-shield-alt"></i><span>SQL 审核结果</span></div>
-                    <div class="audit-score"><i class="fas fa-check-circle"></i><span>92 分</span></div>
-                </div>
-                <div class="audit-result-list">
-                    <div class="audit-result-item">
-                        <div class="audit-result-icon error"><i class="fas fa-times"></i></div>
-                        <div class="audit-result-content">
-                            <div class="audit-result-rule">禁止无 WHERE 条件的 UPDATE/DELETE</div>
-                            <div class="audit-result-desc">检测到 UPDATE 语句缺少 WHERE 条件</div>
-                            <div class="audit-result-suggestion">建议: 添加 WHERE 条件限制影响范围</div>
-                        </div>
-                    </div>
-                    <div class="audit-result-item">
-                        <div class="audit-result-icon warning"><i class="fas fa-exclamation"></i></div>
-                        <div class="audit-result-content">
-                            <div class="audit-result-rule">大表变更警告</div>
-                            <div class="audit-result-desc">目标表 users 数据量超过 100 万行</div>
-                            <div class="audit-result-suggestion">建议: 考虑分批执行或使用 pt-online-schema-change</div>
-                        </div>
-                    </div>
-                    <div class="audit-result-item">
-                        <div class="audit-result-icon success"><i class="fas fa-check"></i></div>
-                        <div class="audit-result-content">
-                            <div class="audit-result-rule">SQL 语法检查通过</div>
-                            <div class="audit-result-desc">SQL 语法正确，可以正常解析</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <template #footer>
-                <el-button @click="showNewTicket = false">取消</el-button>
-                <el-button type="primary" @click="submitTicket">提交审核</el-button>
-            </template>
-        </el-dialog>
-
-        <!-- 查看工单对话框 -->
-        <el-dialog v-model="showViewTicket" title="工单详情" width="900px">
-            <div v-if="currentTicket" class="ticket-detail">
-                <div class="workflow-timeline">
-                    <div class="workflow-step">
-                        <div class="workflow-step-icon completed"><i class="fas fa-paper-plane"></i></div>
-                        <div class="workflow-step-label">提交</div><div class="workflow-step-time">09:30</div>
-                    </div>
-                    <div class="workflow-connector completed"></div>
-                    <div class="workflow-step">
-                        <div class="workflow-step-icon completed"><i class="fas fa-check"></i></div>
-                        <div class="workflow-step-label">一级审批</div><div class="workflow-step-time">10:15</div>
-                    </div>
-                    <div class="workflow-connector completed"></div>
-                    <div class="workflow-step">
-                        <div class="workflow-step-icon active"><i class="fas fa-clock"></i></div>
-                        <div class="workflow-step-label">二级审批</div><div class="workflow-step-time">进行中</div>
-                    </div>
-                    <div class="workflow-connector"></div>
-                    <div class="workflow-step">
-                        <div class="workflow-step-icon pending"><i class="fas fa-play"></i></div>
-                        <div class="workflow-step-label">执行</div><div class="workflow-step-time">待执行</div>
-                    </div>
-                </div>
-                <el-descriptions :column="2" border>
-                    <el-descriptions-item label="工单号">{{ currentTicket.id }}</el-descriptions-item>
-                    <el-descriptions-item label="工单标题">{{ currentTicket.title }}</el-descriptions-item>
-                    <el-descriptions-item label="数据库类型"><span :class="'tag tag-' + currentTicket.dbType">{{ currentTicket.dbType.toUpperCase() }}</span></el-descriptions-item>
-                    <el-descriptions-item label="目标实例">{{ currentTicket.instance }}</el-descriptions-item>
-                    <el-descriptions-item label="申请人">{{ currentTicket.applicant }}</el-descriptions-item>
-                    <el-descriptions-item label="创建时间">{{ currentTicket.createTime }}</el-descriptions-item>
-                    <el-descriptions-item label="当前状态"><span :class="'status-tag status-' + currentTicket.status">{{ getStatusText(currentTicket.status) }}</span></el-descriptions-item>
-                    <el-descriptions-item label="优先级"><el-tag type="danger" size="small">高</el-tag></el-descriptions-item>
-                </el-descriptions>
-                <div style="margin-top: 20px;">
-                    <h4 style="margin-bottom: 12px; font-size: 14px; color: var(--text-primary);">SQL 内容</h4>
-                    <div class="sql-editor-container">
-                        <pre style="padding: 16px; margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--text-primary); background: var(--bg-primary); overflow-x: auto;">UPDATE users SET status = 'active', updated_at = NOW() 
-WHERE id IN (1001, 1002, 1003) 
-AND status != 'active';</pre>
-                    </div>
-                </div>
-                <div style="margin-top: 20px;">
-                    <h4 style="margin-bottom: 12px; font-size: 14px; color: var(--text-primary);">审批记录</h4>
-                    <el-timeline>
-                        <el-timeline-item type="primary" :hollow="true">
-                            <div style="font-size: 13px; color: var(--text-primary);"><strong>张三</strong> 提交工单</div>
-                            <div style="font-size: 12px; color: var(--text-muted);">2024-01-15 09:30:25</div>
-                        </el-timeline-item>
-                        <el-timeline-item type="success">
-                            <div style="font-size: 13px; color: var(--text-primary);"><strong>李四</strong> 通过一级审批</div>
-                            <div style="font-size: 12px; color: var(--text-muted);">2024-01-15 10:15:38</div>
-                            <div style="font-size: 12px; color: var(--text-secondary); margin-top: 4px;">审批意见: SQL 符合规范，同意执行</div>
-                        </el-timeline-item>
-                        <el-timeline-item type="primary" :hollow="true">
-                            <div style="font-size: 13px; color: var(--text-primary);"><strong>王五</strong> 二级审批中</div>
-                            <div style="font-size: 12px; color: var(--text-muted);">等待审批...</div>
-                        </el-timeline-item>
-                    </el-timeline>
-                </div>
-            </div>
-            <template #footer>
-                <el-button @click="showViewTicket = false">关闭</el-button>
-                <el-button v-if="currentTicket && currentTicket.status === 'pending' && canApprove" type="success">通过</el-button>
-                <el-button v-if="currentTicket && currentTicket.status === 'pending' && canApprove" type="danger">拒绝</el-button>
-            </template>
-        </el-dialog>
-
-        <!-- 查询详情对话框 -->
-        <el-dialog v-model="showQueryDetail" title="查询详情" width="900px">
-            <div v-if="currentQuery" class="query-detail-panel">
-                <div class="query-detail-header">
-                    <div style="display: flex; align-items: center; gap: 12px;">
-                        <span :class="'tag tag-' + currentQuery.dbType">{{ currentQuery.dbType.toUpperCase() }}</span>
-                        <span style="font-size: 14px; color: var(--text-secondary);">查询ID: {{ currentQuery.id }}</span>
-                    </div>
-                    <el-tag :type="currentQuery.status === 'success' ? 'success' : currentQuery.status === 'slow' ? 'warning' : 'danger'" size="small">
-                        {{ currentQuery.status === 'success' ? '执行成功' : currentQuery.status === 'slow' ? '慢查询' : '执行失败' }}
-                    </el-tag>
-                </div>
-                <div class="query-sql-preview">{{ currentQuery.sql }}</div>
-                <div class="query-metrics">
-                    <div class="query-metric">
-                        <div :class="['query-metric-value', currentQuery.executeTime > 1000 ? 'slow' : '']">{{ currentQuery.executeTime }}ms</div>
-                        <div class="query-metric-label">执行时长</div>
-                    </div>
-                    <div class="query-metric">
-                        <div class="query-metric-value">{{ currentQuery.rowCount }}</div>
-                        <div class="query-metric-label">返回行数</div>
-                    </div>
-                    <div class="query-metric">
-                        <div class="query-metric-value">{{ currentQuery.scanRows }}</div>
-                        <div class="query-metric-label">扫描行数</div>
-                    </div>
-                    <div class="query-metric">
-                        <div class="query-metric-value">{{ currentQuery.affectedRows }}</div>
-                        <div class="query-metric-label">影响行数</div>
-                    </div>
-                </div>
-            </div>
-            <div v-if="currentQuery && currentQuery.resultSet" class="result-set-panel" style="margin-top: 20px;">
-                <div class="result-set-header">
-                    <span style="font-size: 14px; font-weight: 600; color: var(--text-primary);">查询结果</span>
-                    <span v-if="currentQuery.hasSensitive" class="sensitive-badge"><i class="fas fa-exclamation"></i> 敏感数据已脱敏</span>
-                </div>
-                <el-table :data="currentQuery.resultSet" style="width: 100%" size="small" max-height="300">
-                    <el-table-column v-for="col in currentQuery.resultColumns" :key="col.prop" :prop="col.prop" :label="col.label" min-width="120">
-                        <template #default="scope">
-                            <span v-if="col.sensitive" class="masked-data">{{ maskData(scope.row[col.prop]) }}</span>
-                            <span v-else>{{ scope.row[col.prop] }}</span>
-                        </template>
-                    </el-table-column>
-                </el-table>
-            </div>
-            <template #footer>
-                <el-button @click="showQueryDetail = false">关闭</el-button>
-                <el-button type="primary"><i class="fas fa-copy"></i> 复制 SQL</el-button>
-            </template>
-        </el-dialog>
-
-        <!-- 配置通知渠道对话框 -->
-        <el-dialog v-model="showChannelConfig" :title="'配置 ' + currentChannel?.name" width="500px">
-            <el-form :model="channelConfigForm" label-position="top">
-                <el-form-item label="Webhook URL"><el-input v-model="channelConfigForm.webhook" placeholder="请输入 Webhook 地址" /></el-form-item>
-                <el-form-item label="密钥 (Secret)"><el-input v-model="channelConfigForm.secret" type="password" placeholder="请输入密钥" show-password /></el-form-item>
-                <el-form-item label="通知事件">
-                    <el-checkbox-group v-model="channelConfigForm.events">
-                        <el-checkbox label="ticket_created">工单创建</el-checkbox>
-                        <el-checkbox label="ticket_approved">审批通过</el-checkbox>
-                        <el-checkbox label="ticket_rejected">审批拒绝</el-checkbox>
-                        <el-checkbox label="ticket_executed">执行完成</el-checkbox>
-                        <el-checkbox label="ticket_failed">执行失败</el-checkbox>
-                    </el-checkbox-group>
-                </el-form-item>
-                <el-form-item label="@提醒用户">
-                    <el-select v-model="channelConfigForm.mentionUsers" multiple placeholder="选择需要提醒的用户" style="width: 100%">
-                        <el-option label="审批人" value="approvers" />
-                        <el-option label="申请人" value="applicant" />
-                        <el-option label="执行人" value="executor" />
-                    </el-select>
-                </el-form-item>
-            </el-form>
-            <template #footer>
-                <el-button @click="showChannelConfig = false">取消</el-button>
-                <el-button type="success" @click="testChannel"><i class="fas fa-paper-plane"></i> 测试</el-button>
-                <el-button type="primary" @click="saveChannelConfig">保存配置</el-button>
-            </template>
-        </el-dialog>
-
-    </div>
-
-    <script>
-        const { createApp, ref, reactive, computed, onMounted, nextTick, watch } = Vue;
-        const { ElMessage, ElMessageBox } = ElementPlus;
-
-        createApp({
-            setup() {
-                // 登录状态
-                const isLoggedIn = ref(false);
-                const loginLoading = ref(false);
-                const loginForm = reactive({ username: '', password: '' });
-                const currentUser = reactive({ name: 'Administrator', avatar: 'A', role: 'admin', roleName: '超级管理员' });
-
-                // 侧边栏
-                const sidebarCollapsed = ref(false);
-                const currentView = ref('dashboard');
-                const showUserMenu = ref(false);
-                const showNotifications = ref(false);
-                const unreadNotifications = ref(3);
-
-                // 搜索和筛选
-                const searchQuery = ref('');
-                const filterStatus = ref('');
-                const filterEnv = ref('');
-                const ticketSearch = ref('');
-                const ticketStatus = ref('');
-                const ticketDbType = ref('');
-                const ticketDateRange = ref(null);
-                const querySearch = ref('');
-                const queryDbType = ref('');
-                const queryStatus = ref('');
-                const queryTimeRange = ref('');
-                const userSearch = ref('');
-                const userRoleFilter = ref('');
-                const userStatusFilter = ref('');
-                const chartPeriod = ref('7d');
-                const sqlTab = ref('change');
-
-                // 对话框显示状态
-                const showNewTicket = ref(false);
-                const showViewTicket = ref(false);
-                const showAddInstance = ref(false);
-                const showAddRule = ref(false);
-                const showAddWorkflow = ref(false);
-                const showChannelConfig = ref(false);
-                const showQueryDetail = ref(false);
-                const showAddRole = ref(false);
-                const showAddUser = ref(false);
-                const showAddDataPermission = ref(false);
-                const showNewQuery = ref(false);
-
-                // 当前选中的数据
-                const currentTicket = ref(null);
-                const currentChannel = ref(null);
-                const currentQuery = ref(null);
-                const selectedRole = ref(null);
-
-                // 表单数据
-                const newTicketForm = reactive({ title: '', dbType: 'mysql', instance: '', sql: '', reason: '' });
-                const channelConfigForm = reactive({ webhook: '', secret: '', events: ['ticket_created', 'ticket_executed', 'ticket_failed'], mentionUsers: ['approvers'] });
-
-                // 权限控制
-                const canApprove = computed(() => currentUser.role === 'admin' || currentUser.role === 'dba');
-
-                // Mock 数据 - 待处理工单
-                const pendingTickets = ref([
-                    { id: 'TK-20240115-001', title: '更新用户状态字段', dbType: 'mysql', applicant: '张三', status: 'pending', createTime: '2024-01-15 09:30' },
-                    { id: 'TK-20240115-002', title: '清理过期日志数据', dbType: 'postgres', applicant: '李四', status: 'reviewing', createTime: '2024-01-15 10:15' },
-                    { id: 'TK-20240115-003', title: 'Redis 缓存预热', dbType: 'redis', applicant: '王五', status: 'pending', createTime: '2024-01-15 11:00' },
-                    { id: 'TK-20240114-008', title: '订单表索引优化', dbType: 'mysql', applicant: '赵六', status: 'reviewing', createTime: '2024-01-14 16:45' },
-                ]);
-
-                // Mock 数据 - MySQL 实例
-                const mysqlInstances = ref([
-                    { id: 1, name: '生产主库', host: '192.168.1.10', port: 3306, status: 'online', connections: 245, qps: 3250, latency: 2.5 },
-                    { id: 2, name: '生产从库-01', host: '192.168.1.11', port: 3306, status: 'online', connections: 189, qps: 2800, latency: 3.1 },
-                    { id: 3, name: '生产从库-02', host: '192.168.1.12', port: 3306, status: 'online', connections: 192, qps: 2750, latency: 2.8 },
-                    { id: 4, name: '测试库', host: '192.168.2.10', port: 3306, status: 'warning', connections: 45, qps: 120, latency: 15.2 },
-                    { id: 5, name: '开发库', host: '192.168.3.10', port: 3306, status: 'online', connections: 23, qps: 80, latency: 1.2 },
-                    { id: 6, name: '归档库', host: '192.168.1.50', port: 3306, status: 'offline', connections: 0, qps: 0, latency: 0 },
-                ]);
-
-                // Mock 数据 - 工单列表
-                const tickets = ref([
-                    { id: 'TK-20240115-001', title: '更新用户状态字段', dbType: 'mysql', instance: '生产主库', applicant: '张三', status: 'pending', createTime: '2024-01-15 09:30' },
-                    { id: 'TK-20240115-002', title: '清理过期日志数据', dbType: 'postgres', instance: '日志库', applicant: '李四', status: 'reviewing', createTime: '2024-01-15 10:15' },
-                    { id: 'TK-20240115-003', title: 'Redis 缓存预热', dbType: 'redis', instance: 'Redis集群', applicant: '王五', status: 'pending', createTime: '2024-01-15 11:00' },
-                    { id: 'TK-20240114-005', title: '用户表添加索引', dbType: 'mysql', instance: '生产主库', applicant: '赵六', status: 'approved', createTime: '2024-01-14 14:20' },
-                    { id: 'TK-20240114-006', title: '订单数据归档', dbType: 'mysql', instance: '归档库', applicant: '钱七', status: 'executing', createTime: '2024-01-14 15:30' },
-                    { id: 'TK-20240114-007', title: '配置表更新', dbType: 'redis', instance: 'Redis集群', applicant: '孙八', status: 'success', createTime: '2024-01-14 16:00' },
-                    { id: 'TK-20240114-008', title: '订单表索引优化', dbType: 'mysql', instance: '生产主库', applicant: '周九', status: 'failed', createTime: '2024-01-14 16:45' },
-                    { id: 'TK-20240113-001', title: '用户权限调整', dbType: 'postgres', instance: '权限库', applicant: '吴十', status: 'rejected', createTime: '2024-01-13 09:00' },
-                ]);
-
-                // Mock 数据 - 查询审计
-                const queries = ref([
-                    { id: 'Q-20240115-001', sql: 'SELECT * FROM users WHERE status = "active"', sqlPreview: 'SELECT * FROM users...', dbType: 'mysql', user: '张三', executeTime: 125, rowCount: 1523, scanRows: 50000, affectedRows: 0, status: 'success', hasSensitive: true, timestamp: '2024-01-15 10:30:25', resultColumns: [{ prop: 'id', label: 'ID' }, { prop: 'name', label: '姓名' }, { prop: 'email', label: '邮箱', sensitive: true }, { prop: 'phone', label: '电话', sensitive: true }], resultSet: [{ id: 1, name: '张三', email: 'zhang***@email.com', phone: '138****8888' }, { id: 2, name: '李四', email: 'li***@email.com', phone: '139****9999' }] },
-                    { id: 'Q-20240115-002', sql: 'SELECT COUNT(*) FROM orders WHERE created_at > "2024-01-01"', sqlPreview: 'SELECT COUNT(*) FROM orders...', dbType: 'mysql', user: '李四', executeTime: 2500, rowCount: 1, scanRows: 1000000, affectedRows: 0, status: 'slow', hasSensitive: false, timestamp: '2024-01-15 10:28:15' },
-                    { id: 'Q-20240115-003', sql: 'UPDATE users SET last_login = NOW() WHERE id = 123', sqlPreview: 'UPDATE users SET...', dbType: 'mysql', user: '王五', executeTime: 45, rowCount: 0, scanRows: 1, affectedRows: 1, status: 'success', hasSensitive: false, timestamp: '2024-01-15 10:25:08' },
-                    { id: 'Q-20240115-004', sql: 'SELECT * FROM sensitive_data WHERE user_id = 456', sqlPreview: 'SELECT * FROM sensitive_data...', dbType: 'postgres', user: '赵六', executeTime: 89, rowCount: 5, scanRows: 100, affectedRows: 0, status: 'success', hasSensitive: true, timestamp: '2024-01-15 10:20:33' },
-                    { id: 'Q-20240115-005', sql: 'DELETE FROM temp_logs WHERE created_at < "2024-01-01"', sqlPreview: 'DELETE FROM temp_logs...', dbType: 'mysql', user: '钱七', executeTime: 5000, rowCount: 0, scanRows: 500000, affectedRows: 0, status: 'failed', hasSensitive: false, timestamp: '2024-01-15 10:15:42' },
-                    { id: 'Q-20240115-006', sql: 'GET user:session:123', sqlPreview: 'GET user:session:123', dbType: 'redis', user: '孙八', executeTime: 2, rowCount: 1, scanRows: 1, affectedRows: 0, status: 'success', hasSensitive: false, timestamp: '2024-01-15 10:10:18' },
-                ]);
-
-                // Mock 数据 - 审核规则
-                const auditRules = ref([
-                    { id: 'R001', name: '禁止无 WHERE 条件的 UPDATE/DELETE', level: 'error', dbTypes: ['mysql', 'postgres'], description: 'UPDATE 和 DELETE 语句必须包含 WHERE 条件', enabled: true },
-                    { id: 'R002', name: '禁止 SELECT * 查询', level: 'warning', dbTypes: ['mysql', 'postgres'], description: 'SELECT 语句应明确指定字段名', enabled: true },
-                    { id: 'R003', name: '大表变更警告', level: 'warning', dbTypes: ['mysql', 'postgres'], description: '影响超过 100 万行的变更需要额外审批', enabled: true },
-                    { id: 'R004', name: '禁止 DROP 操作', level: 'error', dbTypes: ['mysql', 'postgres', 'mongo'], description: '禁止执行 DROP TABLE/DATABASE 操作', enabled: true },
-                    { id: 'R005', name: 'SQL 注入检测', level: 'error', dbTypes: ['mysql', 'postgres', 'redis'], description: '检测潜在的 SQL 注入风险', enabled: true },
-                    { id: 'R006', name: '索引使用检查', level: 'info', dbTypes: ['mysql', 'postgres'], description: '检查查询是否使用了索引', enabled: false },
-                ]);
-
-                // Mock 数据 - 审批流程
-                const workflows = ref([
-                    { id: 1, name: '生产环境变更流程', dbTypes: ['mysql', 'postgres', 'redis'], steps: 3, mode: 'all', description: '需要 DBA 和架构师双重审批', enabled: true },
-                    { id: 2, name: '测试环境变更流程', dbTypes: ['mysql', 'postgres', 'redis', 'mongo'], steps: 1, mode: 'any', description: '仅需一级审批', enabled: true },
-                    { id: 3, name: '紧急变更流程', dbTypes: ['mysql', 'postgres'], steps: 2, mode: 'any', description: '紧急情况下快速审批通道', enabled: true },
-                    { id: 4, name: '数据查询流程', dbTypes: ['mysql', 'postgres', 'clickhouse'], steps: 1, mode: 'any', description: '敏感数据查询审批', enabled: false },
-                ]);
-
-                // Mock 数据 - 通知渠道
-                const notificationChannels = ref([
-                    { id: 1, name: '飞书', type: 'feishu', icon: 'fas fa-paper-plane', description: '通过飞书机器人发送通知', enabled: true },
-                    { id: 2, name: '钉钉', type: 'dingtalk', icon: 'fas fa-bell', description: '通过钉钉机器人发送通知', enabled: true },
-                    { id: 3, name: '企业微信', type: 'wechat', icon: 'fas fa-comments', description: '通过企业微信机器人发送通知', enabled: false },
-                    { id: 4, name: 'Telegram', type: 'telegram', icon: 'fab fa-telegram', description: '通过 Telegram Bot 发送通知', enabled: false },
-                ]);
-
-                // Mock 数据 - 角色
-                const roles = ref([
-                    { id: 'admin', name: '超级管理员', description: '拥有所有权限', icon: 'fas fa-crown', iconClass: 'admin', userCount: 2, permissionCount: 56, permissions: ['dashboard', 'mysql', 'postgres', 'redis', 'mongo', 'clickhouse', 'tickets', 'queries', 'roles', 'users', 'data-permission', 'audit-rules', 'workflow', 'notifications'] },
-                    { id: 'dba', name: '数据库管理员', description: '管理数据库和审核工单', icon: 'fas fa-database', iconClass: 'dba', userCount: 5, permissionCount: 32, permissions: ['dashboard', 'mysql', 'postgres', 'redis', 'tickets', 'queries', 'audit-rules', 'workflow'] },
-                    { id: 'developer', name: '开发人员', description: '提交工单和查询数据', icon: 'fas fa-code', iconClass: 'dev', userCount: 28, permissionCount: 12, permissions: ['dashboard', 'tickets', 'queries'] },
-                    { id: 'guest', name: '访客', description: '只读访问', icon: 'fas fa-eye', iconClass: 'guest', userCount: 8, permissionCount: 4, permissions: ['dashboard', 'queries'] },
-                ]);
-
-                // Mock 数据 - 权限树
-                const permissionTreeData = ref([
-                    { id: 'dashboard', label: '仪表盘' },
-                    { id: 'datasource', label: '数据源管理', children: [
-                        { id: 'mysql', label: 'MySQL' },
-                        { id: 'postgres', label: 'PostgreSQL' },
-                        { id: 'redis', label: 'Redis' },
-                        { id: 'mongo', label: 'MongoDB' },
-                        { id: 'clickhouse', label: 'ClickHouse' },
-                    ]},
-                    { id: 'tickets', label: '数据变更工单' },
-                    { id: 'queries', label: '查询审计' },
-                    { id: 'permission', label: '权限管理', children: [
-                        { id: 'roles', label: '角色权限' },
-                        { id: 'users', label: '用户管理' },
-                        { id: 'data-permission', label: '数据权限' },
-                    ]},
-                    { id: 'system', label: '系统配置', children: [
-                        { id: 'audit-rules', label: '审核规则' },
-                        { id: 'workflow', label: '审批流程' },
-                        { id: 'notifications', label: '通知渠道' },
-                    ]},
-                ]);
-
-                // Mock 数据 - 用户
-                const users = ref([
-                    { id: 1, username: 'admin', email: 'admin@company.com', role: 'admin', roleName: '超级管理员', department: '运维部', lastLogin: '2024-01-15 09:30:00', status: 'active' },
-                    { id: 2, username: 'zhangsan', email: 'zhangsan@company.com', role: 'dba', roleName: '数据库管理员', department: 'DBA组', lastLogin: '2024-01-15 08:45:00', status: 'active' },
-                    { id: 3, username: 'lisi', email: 'lisi@company.com', role: 'dba', roleName: '数据库管理员', department: 'DBA组', lastLogin: '2024-01-14 18:20:00', status: 'active' },
-                    { id: 4, username: 'wangwu', email: 'wangwu@company.com', role: 'developer', roleName: '开发人员', department: '研发部', lastLogin: '2024-01-15 10:15:00', status: 'active' },
-                    { id: 5, username: 'zhaoliu', email: 'zhaoliu@company.com', role: 'developer', roleName: '开发人员', department: '研发部', lastLogin: '2024-01-14 16:30:00', status: 'disabled' },
-                ]);
-
-                // Mock 数据 - 数据权限
-                const dataPermissions = ref([
-                    { id: 1, user: 'zhangsan', instance: '生产 MySQL 主库', database: 'user_db', table: 'users', columns: '*', rowFilter: '', operations: ['SELECT', 'INSERT', 'UPDATE'] },
-                    { id: 2, user: 'lisi', instance: '生产 MySQL 主库', database: 'order_db', table: 'orders', columns: 'id,order_no,amount,status', rowFilter: 'created_at > DATE_SUB(NOW(), INTERVAL 30 DAY)', operations: ['SELECT'] },
-                    { id: 3, user: 'wangwu', instance: '测试 MySQL', database: 'test_db', table: '*', columns: '*', rowFilter: '', operations: ['SELECT', 'INSERT', 'UPDATE', 'DELETE'] },
-                ]);
-
-                // 图表引用
-                const trendChart = ref(null);
-                const permissionTree = ref(null);
-
-                // 计算属性 - 筛选后的数据
-                const filteredInstances = computed(() => {
-                    return mysqlInstances.value.filter(instance => {
-                        if (filterStatus.value && instance.status !== filterStatus.value) return false;
-                        if (searchQuery.value && !instance.name.includes(searchQuery.value) && !instance.host.includes(searchQuery.value)) return false;
-                        return true;
-                    });
-                });
-
-                const filteredTickets = computed(() => {
-                    return tickets.value.filter(ticket => {
-                        if (ticketStatus.value && ticket.status !== ticketStatus.value) return false;
-                        if (ticketDbType.value && ticket.dbType !== ticketDbType.value) return false;
-                        if (ticketSearch.value && !ticket.title.includes(ticketSearch.value) && !ticket.id.includes(ticketSearch.value)) return false;
-                        return true;
-                    });
-                });
-
-                const filteredQueries = computed(() => {
-                    return queries.value.filter(query => {
-                        if (queryDbType.value && query.dbType !== queryDbType.value) return false;
-                        if (queryStatus.value && query.status !== queryStatus.value) return false;
-                        if (querySearch.value && !query.sql.includes(querySearch.value) && !query.user.includes(querySearch.value)) return false;
-                        return true;
-                    });
-                });
-
-                const filteredUsers = computed(() => {
-                    return users.value.filter(user => {
-                        if (userRoleFilter.value && user.role !== userRoleFilter.value) return false;
-                        if (userStatusFilter.value && user.status !== userStatusFilter.value) return false;
-                        if (userSearch.value && !user.username.includes(userSearch.value) && !user.email.includes(userSearch.value)) return false;
-                        return true;
-                    });
-                });
-
-                // 登录处理
-                const handleLogin = () => {
-                    if (!loginForm.username || !loginForm.password) {
-                        ElMessage.warning('请输入用户名和密码');
-                        return;
-                    }
-                    loginLoading.value = true;
-                    setTimeout(() => {
-                        loginLoading.value = false;
-                        isLoggedIn.value = true;
-                        if (loginForm.username === 'developer' || loginForm.username === 'dev') {
-                            currentUser.name = 'Developer';
-                            currentUser.avatar = 'D';
-                            currentUser.role = 'developer';
-                            currentUser.roleName = '开发人员';
-                        }
-                        ElMessage.success('登录成功');
-                        nextTick(() => { initCharts(); });
-                    }, 1000);
-                };
-
-                // 登出
-                const logout = () => {
-                    ElMessageBox.confirm('确定要退出登录吗？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => {
-                        isLoggedIn.value = false;
-                        loginForm.username = '';
-                        loginForm.password = '';
-                        ElMessage.success('已退出登录');
-                    });
-                };
-
-                // 切换侧边栏
-                const toggleSidebar = () => { sidebarCollapsed.value = !sidebarCollapsed.value; };
-
-                // 获取页面标题
-                const getPageTitle = () => {
-                    const titles = { dashboard: '仪表盘', mysql: 'MySQL 实例', postgres: 'PostgreSQL 实例', redis: 'Redis 实例', mongo: 'MongoDB 实例', clickhouse: 'ClickHouse 实例', tickets: '数据变更', queries: '查询审计', roles: '角色权限', users: '用户管理', 'data-permission': '数据权限', 'audit-rules': '审核规则', workflow: '审批流程', notifications: '通知渠道' };
-                    return titles[currentView.value] || '仪表盘';
-                };
-
-                // 获取状态文本
-                const getStatusText = (status) => {
-                    const statusMap = { pending: '待审批', reviewing: '审批中', approved: '已通过', rejected: '已拒绝', executing: '执行中', success: '执行成功', failed: '执行失败', rollback: '已回滚' };
-                    return statusMap[status] || status;
-                };
-
-                // 获取角色类型
-                const getRoleType = (role) => {
-                    const typeMap = { admin: 'danger', dba: 'primary', developer: 'success', guest: 'info' };
-                    return typeMap[role] || 'info';
-                };
-
-                // 查看工单
-                const viewTicket = (ticket) => { currentTicket.value = ticket; showViewTicket.value = true; };
-
-                // 查看查询详情
-                const viewQueryDetail = (row) => { currentQuery.value = row; showQueryDetail.value = true; };
-
-                // 数据脱敏
-                const maskData = (value) => {
-                    if (!value) return '***';
-                    if (value.includes('@')) {
-                        const [name, domain] = value.split('@');
-                        return name.substring(0, 3) + '***@' + domain;
-                    }
-                    if (value.length > 7) {
-                        return value.substring(0, 3) + '****' + value.substring(value.length - 4);
-                    }
-                    return '***';
-                };
-
-                // 提交工单
-                const submitTicket = () => {
-                    if (!newTicketForm.title || !newTicketForm.sql) {
-                        ElMessage.warning('请填写完整信息');
-                        return;
-                    }
-                    ElMessage.success('工单提交成功，等待审批');
-                    showNewTicket.value = false;
-                };
-
-                // 配置通知渠道
-                const configureChannel = (channel) => { currentChannel.value = channel; showChannelConfig.value = true; };
-
-                // 保存渠道配置
-                const saveChannelConfig = () => {
-                    if (currentChannel.value) currentChannel.value.enabled = true;
-                    ElMessage.success('配置保存成功');
-                    showChannelConfig.value = false;
-                };
-
-                // 测试渠道
-                const testChannel = () => { ElMessage.success('测试消息已发送'); };
-
-                // 测试全部渠道
-                const testAllChannels = () => { ElMessage.success('正在测试所有已启用渠道...'); };
-
-                // 选择角色
-                const selectRole = (role) => { selectedRole.value = role; };
-
-                // 保存角色权限
-                const saveRolePermissions = () => { ElMessage.success('角色权限保存成功'); };
-
-                // 刷新实例
-                const refreshInstances = () => { ElMessage.success('实例列表已刷新'); };
-
-                // 查看实例
-                const viewInstance = (instance) => { ElMessage.info(`查看实例: ${instance.name}`); };
-
-                // 导出查询日志
-                const exportQueryLog = () => { ElMessage.success('查询日志导出中...'); };
-
-                // 编辑用户
-                const editUser = (user) => { ElMessage.info(`编辑用户: ${user.username}`); };
-
-                // 配置用户权限
-                const configUserPermission = (user) => { ElMessage.info(`配置权限: ${user.username}`); };
-
-                // 删除用户
-                const deleteUser = (user) => {
-                    ElMessageBox.confirm(`确定要删除用户 ${user.username} 吗？`, '警告', { type: 'warning' }).then(() => {
-                        ElMessage.success('用户已删除');
-                    });
-                };
-
-                // 初始化图表
-                const initCharts = () => {
-                    if (trendChart.value) {
-                        const chart = echarts.init(trendChart.value);
-                        const option = {
-                            backgroundColor: 'transparent',
-                            tooltip: { trigger: 'axis', backgroundColor: 'rgba(22, 27, 34, 0.95)', borderColor: '#30363d', textStyle: { color: '#f0f6fc' } },
-                            legend: { data: ['提交工单', '执行成功', '执行失败'], textStyle: { color: '#8b949e' }, bottom: 0 },
-                            grid: { left: '3%', right: '4%', bottom: '15%', top: '10%', containLabel: true },
-                            xAxis: { type: 'category', data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'], axisLine: { lineStyle: { color: '#30363d' } }, axisLabel: { color: '#8b949e' } },
-                            yAxis: { type: 'value', axisLine: { show: false }, splitLine: { lineStyle: { color: '#21262d' } }, axisLabel: { color: '#8b949e' } },
-                            series: [
-                                { name: '提交工单', type: 'line', smooth: true, data: [120, 132, 101, 134, 90, 230, 210], itemStyle: { color: '#58a6ff' }, areaStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(88, 166, 255, 0.3)' }, { offset: 1, color: 'rgba(88, 166, 255, 0)' }]) } },
-                                { name: '执行成功', type: 'line', smooth: true, data: [110, 125, 95, 128, 85, 215, 200], itemStyle: { color: '#3fb950' }, areaStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(63, 185, 80, 0.3)' }, { offset: 1, color: 'rgba(63, 185, 80, 0)' }]) } },
-                                { name: '执行失败', type: 'line', smooth: true, data: [5, 3, 4, 2, 3, 8, 5], itemStyle: { color: '#f85149' } }
-                            ]
-                        };
-                        chart.setOption(option);
-                    }
-                };
-
-                watch(currentView, () => { if (currentView.value === 'dashboard') nextTick(() => initCharts()); });
-
-                onMounted(() => { });
-
-                return {
-                    isLoggedIn, loginLoading, loginForm, currentUser, sidebarCollapsed, currentView, showUserMenu, showNotifications, unreadNotifications,
-                    searchQuery, filterStatus, filterEnv, ticketSearch, ticketStatus, ticketDbType, ticketDateRange, querySearch, queryDbType, queryStatus, queryTimeRange,
-                    userSearch, userRoleFilter, userStatusFilter, chartPeriod, sqlTab,
-                    showNewTicket, showViewTicket, showAddInstance, showAddRule, showAddWorkflow, showChannelConfig, showQueryDetail, showAddRole, showAddUser, showAddDataPermission, showNewQuery,
-                    currentTicket, currentChannel, currentQuery, selectedRole,
-                    newTicketForm, channelConfigForm, canApprove,
-                    pendingTickets, mysqlInstances, tickets, queries, auditRules, workflows, notificationChannels, roles, permissionTreeData, users, dataPermissions,
-                    trendChart, permissionTree,
-                    filteredInstances, filteredTickets, filteredQueries, filteredUsers,
-                    handleLogin, logout, toggleSidebar, getPageTitle, getStatusText, getRoleType,
-                    viewTicket, viewQueryDetail, maskData, submitTicket, configureChannel, saveChannelConfig, testChannel, testAllChannels,
-                    selectRole, saveRolePermissions, refreshInstances, viewInstance, exportQueryLog, editUser, configUserPermission, deleteUser
-                };
-            }
-        }).use(ElementPlus).mount('#app');
-    </script>
-</body>
-</html>
diff --git a/数据审核平台菜单优化/data-audit-platform/.gitignore b/数据审核平台菜单优化/data-audit-platform/.gitignore
deleted file mode 100644
index 485737a..0000000
--- a/数据审核平台菜单优化/data-audit-platform/.gitignore
+++ /dev/null
@@ -1,65 +0,0 @@
-# Python
-__pycache__/
-*.py[cod]
-*$py.class
-*.so
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-*.egg-info/
-.installed.cfg
-*.egg
-venv/
-env/
-ENV/
-
-# Node.js
-node_modules/
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-.npm
-.yarn
-.pnp.*
-
-# Vue.js
-.DS_Store
-/dist
-/dist-ssr
-*.local
-
-# IDE
-.idea/
-.vscode/
-*.swp
-*.swo
-*~
-
-# Environment variables
-.env
-.env.local
-.env.*.local
-
-# Logs
-logs/
-*.log
-
-# Database
-*.db
-*.sqlite
-*.sqlite3
-
-# OS
-.DS_Store
-Thumbs.db
diff --git a/数据审核平台菜单优化/data-audit-platform/Dockerfile b/数据审核平台菜单优化/data-audit-platform/Dockerfile
deleted file mode 100644
index 531ad65..0000000
--- a/数据审核平台菜单优化/data-audit-platform/Dockerfile
+++ /dev/null
@@ -1,35 +0,0 @@
-# 数据审核平台 Dockerfile
-
-# 构建前端
-FROM node:18-alpine AS frontend-builder
-
-WORKDIR /app/frontend
-COPY frontend/package*.json ./
-RUN npm install
-COPY frontend/ ./
-RUN npm run build
-
-# 构建后端
-FROM python:3.11-slim AS backend
-
-WORKDIR /app
-
-# 安装系统依赖
-RUN apt-get update && apt-get install -y --no-install-recommends \
-    gcc \
-    && rm -rf /var/lib/apt/lists/*
-
-# 复制后端代码
-COPY backend/requirements.txt ./
-RUN pip install --no-cache-dir -r requirements.txt
-
-COPY backend/ ./
-
-# 复制前端构建产物
-COPY --from=frontend-builder /app/frontend/dist ./static
-
-# 暴露端口
-EXPOSE 8000
-
-# 启动命令
-CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "8000"]
diff --git a/数据审核平台菜单优化/data-audit-platform/README.md b/数据审核平台菜单优化/data-audit-platform/README.md
deleted file mode 100644
index 4b37cf3..0000000
--- a/数据审核平台菜单优化/data-audit-platform/README.md
+++ /dev/null
@@ -1,237 +0,0 @@
-# 数据审核平台
-
-一个基于 FastAPI + Vue3 的数据库变更管理和 SQL 审核平台，支持 MySQL、Redis 等数据库的 SQL 审核、审批流程管理。
-
-## 功能特性
-
-### 核心功能
-- **数据源管理**：支持 MySQL、Redis、PostgreSQL、MongoDB 等多种数据库
-- **SQL 审核**：自动 SQL 语法检查、风险评估、规则校验
-- **工单管理**：DDL/DML 工单提交、审核、执行、回滚全流程
-- **审批流程**：多级审批、角色权限控制
-- **SQL 查询**：在线 SQL 编辑器，支持语法高亮和自动补全
-- **数据字典**：表结构查看、字段信息、索引信息
-- **Redis 管理**：Redis 信息监控、命令执行
-
-### 安全特性
-- 基于角色的访问控制 (RBAC)
-- SQL 注入防护
-- 敏感操作审计日志
-- 数据脱敏
-
-## 技术栈
-
-### 后端
-- **框架**: FastAPI (Python 3.11+)
-- **数据库**: SQLAlchemy + MySQL
-- **缓存**: Redis
-- **认证**: JWT + OAuth2
-
-### 前端
-- **框架**: Vue 3 + TypeScript
-- **UI 组件**: Element Plus
-- **状态管理**: Pinia
-- **路由**: Vue Router
-- **代码编辑器**: CodeMirror 6
-- **图表**: ECharts
-
-## 快速开始
-
-### 环境要求
-- Python 3.11+
-- Node.js 18+
-- MySQL 5.7+
-- Redis 6.0+
-
-### 后端启动
-
-```bash
-cd backend
-
-# 创建虚拟环境
-python -m venv venv
-source venv/bin/activate  # Windows: venv\Scripts\activate
-
-# 安装依赖
-pip install -r requirements.txt
-
-# 启动服务
-python main.py
-```
-
-后端服务将在 http://localhost:8000 启动，API 文档地址: http://localhost:8000/docs
-
-### 前端启动
-
-```bash
-cd frontend
-
-# 安装依赖
-npm install
-
-# 启动开发服务器
-npm run dev
-```
-
-前端服务将在 http://localhost:3000 启动
-
-### 默认账号
-
-| 账号 | 密码 | 角色 |
-|------|------|------|
-| admin | 123456 | 管理员 |
-| dba | 123456 | DBA |
-| dev1 | 123456 | 开发者 |
-| dev2 | 123456 | 开发者 |
-| auditor | 123456 | 审计员 |
-
-## 项目结构
-
-```
-data-audit-platform/
-├── backend/                 # 后端代码
-│   ├── main.py             # 主入口
-│   └── requirements.txt    # 依赖
-├── frontend/               # 前端代码
-│   ├── src/
-│   │   ├── api/           # API 接口
-│   │   ├── components/    # 组件
-│   │   ├── layouts/       # 布局
-│   │   ├── router/        # 路由
-│   │   ├── stores/        # 状态管理
-│   │   ├── styles/        # 样式
-│   │   ├── types/         # 类型定义
-│   │   ├── views/         # 页面
-│   │   ├── App.vue        # 根组件
-│   │   └── main.ts        # 入口
-│   ├── index.html
-│   ├── package.json
-│   ├── tsconfig.json
-│   └── vite.config.ts
-└── README.md
-```
-
-## 功能模块
-
-### 1. 仪表盘
-- 数据统计卡片
-- 风险分布图表
-- 数据库类型分布
-- 最近工单列表
-
-### 2. 数据源管理
-- 添加/编辑/删除数据源
-- 支持多种数据库类型
-- 连接测试
-- 环境隔离（开发/测试/预发布/生产）
-
-### 3. SQL 工单
-- 创建工单（DDL/DML）
-- SQL 自动审核
-- 多级审批流程
-- 工单执行和回滚
-
-### 4. SQL 查询
-- 在线 SQL 编辑器
-- 语法高亮
-- 只读查询限制
-- 查询结果展示
-
-### 5. 数据字典
-- 表结构查看
-- 字段信息
-- 索引信息
-- DDL 生成
-
-### 6. Redis 管理
-- Redis 信息监控
-- 内存使用统计
-- 命中率监控
-- 命令执行
-
-### 7. 审核规则
-- 内置审核规则
-- 规则启用/禁用
-- 风险等级设置
-
-### 8. 用户管理
-- 用户列表
-- 角色分配
-- 权限控制
-
-### 9. 系统设置
-- 基本设置
-- 通知设置
-- 安全设置
-
-## API 接口
-
-### 认证
-- `POST /api/auth/login` - 登录
-- `GET /api/auth/me` - 获取当前用户
-- `POST /api/auth/logout` - 登出
-
-### 用户
-- `GET /api/users` - 用户列表
-- `GET /api/users/{id}` - 用户详情
-
-### 数据源
-- `GET /api/instances` - 数据源列表
-- `POST /api/instances` - 创建数据源
-- `GET /api/instances/{id}` - 数据源详情
-- `PUT /api/instances/{id}` - 更新数据源
-- `DELETE /api/instances/{id}` - 删除数据源
-- `POST /api/instances/{id}/test` - 测试连接
-
-### SQL 工单
-- `GET /api/workflows` - 工单列表
-- `POST /api/workflows` - 创建工单
-- `GET /api/workflows/{id}` - 工单详情
-- `POST /api/workflows/{id}/review` - 审核工单
-- `POST /api/workflows/{id}/execute` - 执行工单
-- `POST /api/workflows/{id}/rollback` - 回滚工单
-- `GET /api/workflows/statistics` - 工单统计
-
-### SQL 查询
-- `POST /api/query` - 执行查询
-
-### 数据字典
-- `GET /api/dictionary/instances/{id}/databases` - 数据库列表
-- `GET /api/dictionary/instances/{id}/tables` - 表列表
-- `GET /api/dictionary/instances/{id}/tables/{name}` - 表详情
-
-### Redis
-- `GET /api/redis/{id}/info` - Redis 信息
-- `POST /api/redis/{id}/command` - 执行命令
-
-### Dashboard
-- `GET /api/dashboard/stats` - 统计数据
-
-## 部署
-
-### Docker 部署
-
-```bash
-# 构建镜像
-docker build -t data-audit-platform .
-
-# 运行容器
-docker run -d -p 8000:8000 -p 3000:3000 data-audit-platform
-```
-
-### 生产环境部署
-
-1. 配置环境变量
-2. 使用 Gunicorn 启动后端
-3. 使用 Nginx 反向代理前端
-4. 配置 SSL 证书
-
-## 参考项目
-
-- [Bytebase](https://github.com/bytebase/bytebase) - Database DevOps and CI/CD for Developer, DBA and Platform Engineering teams
-- [Yearning](https://github.com/cookieY/Yearning) - 开源 MySQL SQL 审核平台
-- [Archery](https://github.com/hhyo/Archery) - SQL 审核查询平台
-
-## 许可证
-
-MIT License
diff --git a/数据审核平台菜单优化/data-audit-platform/backend/.env.example b/数据审核平台菜单优化/data-audit-platform/backend/.env.example
deleted file mode 100644
index 1768bbc..0000000
--- a/数据审核平台菜单优化/data-audit-platform/backend/.env.example
+++ /dev/null
@@ -1,24 +0,0 @@
-# 数据库配置
-DATABASE_URL=mysql+pymysql://root:password@localhost:3306/data_audit
-
-# Redis 配置
-REDIS_URL=redis://localhost:6379/0
-
-# JWT 配置
-SECRET_KEY=your-secret-key-here
-ALGORITHM=HS256
-ACCESS_TOKEN_EXPIRE_MINUTES=120
-
-# 应用配置
-DEBUG=True
-HOST=0.0.0.0
-PORT=8000
-
-# 邮件配置
-SMTP_HOST=smtp.example.com
-SMTP_PORT=587
-SMTP_USER=noreply@example.com
-SMTP_PASSWORD=your-password
-
-# 钉钉配置
-DINGTALK_WEBHOOK=https://oapi.dingtalk.com/robot/send?access_token=xxx
diff --git a/数据审核平台菜单优化/data-audit-platform/backend/main.py b/数据审核平台菜单优化/data-audit-platform/backend/main.py
deleted file mode 100644
index e6fca19..0000000
--- a/数据审核平台菜单优化/data-audit-platform/backend/main.py
+++ /dev/null
@@ -1,1047 +0,0 @@
-"""
-数据审核平台 - FastAPI 后端服务
-支持 MySQL、Redis 等数据库的 SQL 审核、审批流程管理
-"""
-
-from fastapi import FastAPI, HTTPException, Depends, Query, status
-from fastapi.middleware.cors import CORSMiddleware
-from fastapi.security import OAuth2PasswordBearer, OAuth2PasswordRequestForm
-from pydantic import BaseModel, Field
-from typing import List, Optional, Dict, Any, Literal
-from datetime import datetime, timedelta
-from enum import Enum
-import uvicorn
-import json
-
-# 初始化 FastAPI 应用
-app = FastAPI(
-    title="数据审核平台 API",
-    description="支持 MySQL、Redis 的数据库变更管理和 SQL 审核平台",
-    version="1.0.0"
-)
-
-# CORS 配置
-app.add_middleware(
-    CORSMiddleware,
-    allow_origins=["*"],
-    allow_credentials=True,
-    allow_methods=["*"],
-    allow_headers=["*"],
-)
-
-# ==================== 枚举类型定义 ====================
-
-class DatabaseType(str, Enum):
-    MYSQL = "mysql"
-    REDIS = "redis"
-    POSTGRESQL = "postgresql"
-    MONGODB = "mongodb"
-
-class InstanceStatus(str, Enum):
-    ACTIVE = "active"
-    INACTIVE = "inactive"
-    ERROR = "error"
-
-class WorkflowStatus(str, Enum):
-    PENDING = "pending"           # 待审核
-    REVIEWING = "reviewing"       # 审核中
-    APPROVED = "approved"         # 已通过
-    REJECTED = "rejected"         # 已拒绝
-    EXECUTING = "executing"       # 执行中
-    SUCCESS = "success"           # 执行成功
-    FAILED = "failed"             # 执行失败
-    ROLLBACK = "rollback"         # 已回滚
-
-class WorkflowType(str, Enum):
-    DDL = "ddl"                   # 结构变更
-    DML = "dml"                   # 数据变更
-    QUERY = "query"               # 查询权限
-
-class SQLRiskLevel(str, Enum):
-    HIGH = "high"                 # 高风险
-    MEDIUM = "medium"             # 中风险
-    LOW = "low"                   # 低风险
-    SAFE = "safe"                 # 安全
-
-class UserRole(str, Enum):
-    ADMIN = "admin"               # 管理员
-    DBA = "dba"                   # DBA
-    DEVELOPER = "developer"       # 开发者
-    AUDITOR = "auditor"           # 审计员
-
-# ==================== 数据模型定义 ====================
-
-class User(BaseModel):
-    id: int
-    username: str
-    email: str
-    role: UserRole
-    is_active: bool = True
-    created_at: datetime
-    avatar: Optional[str] = None
-    department: Optional[str] = None
-    phone: Optional[str] = None
-
-class UserLogin(BaseModel):
-    username: str
-    password: str
-
-class Token(BaseModel):
-    access_token: str
-    token_type: str = "bearer"
-    user: User
-
-class DatabaseInstance(BaseModel):
-    id: int
-    name: str
-    db_type: DatabaseType
-    host: str
-    port: int
-    database: Optional[str] = None
-    username: str
-    password: str = Field(..., description="数据库密码")
-    environment: Literal["dev", "test", "staging", "prod"] = "dev"
-    status: InstanceStatus = InstanceStatus.ACTIVE
-    description: Optional[str] = None
-    created_at: datetime
-    updated_at: datetime
-    created_by: int
-    max_connections: int = 10
-    connect_timeout: int = 30
-    redis_mode: Optional[Literal["standalone", "sentinel", "cluster"]] = None
-
-class DatabaseInstanceCreate(BaseModel):
-    name: str
-    db_type: DatabaseType
-    host: str
-    port: int
-    database: Optional[str] = None
-    username: str
-    password: str
-    environment: Literal["dev", "test", "staging", "prod"] = "dev"
-    description: Optional[str] = None
-    max_connections: int = 10
-    redis_mode: Optional[Literal["standalone", "sentinel", "cluster"]] = None
-
-class SQLAuditRule(BaseModel):
-    id: int
-    name: str
-    description: str
-    rule_type: Literal["syntax", "security", "performance", "standard"]
-    risk_level: SQLRiskLevel
-    enabled: bool = True
-    config: Dict[str, Any] = {}
-
-class SQLAuditResult(BaseModel):
-    rule_id: int
-    rule_name: str
-    risk_level: SQLRiskLevel
-    message: str
-    line_number: Optional[int] = None
-    suggestion: Optional[str] = None
-
-class SQLWorkflow(BaseModel):
-    id: int
-    title: str
-    description: Optional[str] = None
-    workflow_type: WorkflowType
-    status: WorkflowStatus
-    instance_id: int
-    instance_name: Optional[str] = None
-    database: Optional[str] = None
-    sql_content: str
-    sql_results: List[SQLAuditResult] = []
-    risk_level: SQLRiskLevel = SQLRiskLevel.SAFE
-    risk_score: int = 0
-    submitter_id: int
-    submitter_name: Optional[str] = None
-    reviewer_id: Optional[int] = None
-    reviewer_name: Optional[str] = None
-    executor_id: Optional[int] = None
-    executor_name: Optional[str] = None
-    review_comment: Optional[str] = None
-    execute_result: Optional[str] = None
-    rollback_sql: Optional[str] = None
-    created_at: datetime
-    updated_at: datetime
-    executed_at: Optional[datetime] = None
-    current_step: int = 1
-    total_steps: int = 2
-    approvers: List[Dict[str, Any]] = []
-
-class SQLWorkflowCreate(BaseModel):
-    title: str
-    description: Optional[str] = None
-    workflow_type: WorkflowType
-    instance_id: int
-    database: Optional[str] = None
-    sql_content: str
-
-class SQLWorkflowReview(BaseModel):
-    workflow_id: int
-    action: Literal["approve", "reject"]
-    comment: Optional[str] = None
-
-class SQLQueryRequest(BaseModel):
-    instance_id: int
-    database: Optional[str] = None
-    sql: str
-    limit: int = 100
-
-class SQLQueryResult(BaseModel):
-    columns: List[str]
-    rows: List[List[Any]]
-    total_rows: int
-    execution_time: float
-    sql: str
-
-class DataDictionaryTable(BaseModel):
-    name: str
-    engine: Optional[str] = None
-    rows: Optional[int] = None
-    data_length: Optional[int] = None
-    comment: Optional[str] = None
-    create_time: Optional[datetime] = None
-
-class DataDictionaryColumn(BaseModel):
-    name: str
-    data_type: str
-    nullable: bool
-    default: Optional[str] = None
-    comment: Optional[str] = None
-    is_primary: bool = False
-    is_index: bool = False
-
-class DataDictionaryIndex(BaseModel):
-    name: str
-    columns: List[str]
-    unique: bool
-    index_type: str
-
-class DashboardStats(BaseModel):
-    total_instances: int
-    total_workflows: int
-    pending_workflows: int
-    today_workflows: int
-    risk_distribution: Dict[str, int]
-    recent_workflows: List[SQLWorkflow]
-    db_type_distribution: Dict[str, int]
-
-class SystemConfig(BaseModel):
-    key: str
-    value: Any
-    description: Optional[str] = None
-
-class Notification(BaseModel):
-    id: int
-    title: str
-    content: str
-    type: Literal["info", "warning", "success", "error"]
-    is_read: bool = False
-    created_at: datetime
-    user_id: int
-
-# ==================== Mock 数据存储 ====================
-
-mock_users = [
-    User(id=1, username="admin", email="admin@example.com", role=UserRole.ADMIN, 
-         created_at=datetime.now() - timedelta(days=30), avatar="https://api.dicebear.com/7.x/avataaars/svg?seed=admin",
-         department="技术部", phone="13800138001"),
-    User(id=2, username="dba", email="dba@example.com", role=UserRole.DBA,
-         created_at=datetime.now() - timedelta(days=25), avatar="https://api.dicebear.com/7.x/avataaars/svg?seed=dba",
-         department="运维部", phone="13800138002"),
-    User(id=3, username="dev1", email="dev1@example.com", role=UserRole.DEVELOPER,
-         created_at=datetime.now() - timedelta(days=20), avatar="https://api.dicebear.com/7.x/avataaars/svg?seed=dev1",
-         department="研发部", phone="13800138003"),
-    User(id=4, username="dev2", email="dev2@example.com", role=UserRole.DEVELOPER,
-         created_at=datetime.now() - timedelta(days=15), avatar="https://api.dicebear.com/7.x/avataaars/svg?seed=dev2",
-         department="研发部", phone="13800138004"),
-    User(id=5, username="auditor", email="auditor@example.com", role=UserRole.AUDITOR,
-         created_at=datetime.now() - timedelta(days=10), avatar="https://api.dicebear.com/7.x/avataaars/svg?seed=auditor",
-         department="安全部", phone="13800138005"),
-]
-
-mock_instances = [
-    DatabaseInstance(
-        id=1, name="生产-MySQL主库", db_type=DatabaseType.MYSQL, host="mysql-prod.example.com", 
-        port=3306, database="production", username="admin", password="******",
-        environment="prod", status=InstanceStatus.ACTIVE, description="生产环境 MySQL 主库",
-        created_at=datetime.now() - timedelta(days=30), updated_at=datetime.now() - timedelta(days=1),
-        created_by=1, max_connections=100
-    ),
-    DatabaseInstance(
-        id=2, name="测试-MySQL", db_type=DatabaseType.MYSQL, host="mysql-test.example.com",
-        port=3306, database="test_db", username="test_user", password="******",
-        environment="test", status=InstanceStatus.ACTIVE, description="测试环境 MySQL",
-        created_at=datetime.now() - timedelta(days=25), updated_at=datetime.now() - timedelta(days=2),
-        created_by=1, max_connections=50
-    ),
-    DatabaseInstance(
-        id=3, name="生产-Redis", db_type=DatabaseType.REDIS, host="redis-prod.example.com",
-        port=6379, username="", password="******",
-        environment="prod", status=InstanceStatus.ACTIVE, description="生产环境 Redis 缓存",
-        created_at=datetime.now() - timedelta(days=28), updated_at=datetime.now() - timedelta(days=1),
-        created_by=1, redis_mode="standalone"
-    ),
-    DatabaseInstance(
-        id=4, name="开发-MySQL", db_type=DatabaseType.MYSQL, host="mysql-dev.example.com",
-        port=3306, database="dev_db", username="dev_user", password="******",
-        environment="dev", status=InstanceStatus.ACTIVE, description="开发环境 MySQL",
-        created_at=datetime.now() - timedelta(days=20), updated_at=datetime.now() - timedelta(days=3),
-        created_by=1, max_connections=30
-    ),
-    DatabaseInstance(
-        id=5, name="生产-PostgreSQL", db_type=DatabaseType.POSTGRESQL, host="pg-prod.example.com",
-        port=5432, database="production", username="postgres", password="******",
-        environment="prod", status=InstanceStatus.ACTIVE, description="生产环境 PostgreSQL",
-        created_at=datetime.now() - timedelta(days=22), updated_at=datetime.now() - timedelta(days=1),
-        created_by=1, max_connections=80
-    ),
-]
-
-mock_audit_rules = [
-    SQLAuditRule(id=1, name="禁止DELETE无WHERE条件", description="DELETE语句必须包含WHERE条件", 
-                 rule_type="security", risk_level=SQLRiskLevel.HIGH, enabled=True),
-    SQLAuditRule(id=2, name="禁止UPDATE无WHERE条件", description="UPDATE语句必须包含WHERE条件",
-                 rule_type="security", risk_level=SQLRiskLevel.HIGH, enabled=True),
-    SQLAuditRule(id=3, name="禁止DROP TABLE", description="禁止直接删除表",
-                 rule_type="security", risk_level=SQLRiskLevel.HIGH, enabled=True),
-    SQLAuditRule(id=4, name="禁止TRUNCATE TABLE", description="禁止直接清空表",
-                 rule_type="security", risk_level=SQLRiskLevel.HIGH, enabled=True),
-    SQLAuditRule(id=5, name="建议使用索引", description="大表查询建议使用索引",
-                 rule_type="performance", risk_level=SQLRiskLevel.MEDIUM, enabled=True),
-    SQLAuditRule(id=6, name="SELECT * 建议指定列", description="避免使用SELECT *",
-                 rule_type="standard", risk_level=SQLRiskLevel.LOW, enabled=True),
-    SQLAuditRule(id=7, name="表名建议使用小写", description="表名建议使用小写字母",
-                 rule_type="standard", risk_level=SQLRiskLevel.LOW, enabled=True),
-    SQLAuditRule(id=8, name="建议添加LIMIT", description="查询语句建议添加LIMIT限制",
-                 rule_type="performance", risk_level=SQLRiskLevel.MEDIUM, enabled=True),
-]
-
-mock_workflows = [
-    SQLWorkflow(
-        id=1, title="添加用户表索引", description="为用户表的email字段添加唯一索引",
-        workflow_type=WorkflowType.DDL, status=WorkflowStatus.SUCCESS,
-        instance_id=1, instance_name="生产-MySQL主库", database="production",
-        sql_content="ALTER TABLE users ADD UNIQUE INDEX idx_email (email);",
-        sql_results=[],
-        risk_level=SQLRiskLevel.SAFE, risk_score=10,
-        submitter_id=3, submitter_name="dev1",
-        reviewer_id=2, reviewer_name="dba",
-        executor_id=2, executor_name="dba",
-        review_comment="审核通过，可以执行",
-        execute_result="执行成功，耗时 0.5s",
-        rollback_sql="ALTER TABLE users DROP INDEX idx_email;",
-        created_at=datetime.now() - timedelta(days=2),
-        updated_at=datetime.now() - timedelta(days=1),
-        executed_at=datetime.now() - timedelta(days=1),
-        current_step=2, total_steps=2,
-        approvers=[{"step": 1, "role": "dba", "status": "approved", "user": "dba"}]
-    ),
-    SQLWorkflow(
-        id=2, title="修复订单数据", description="修复订单状态异常数据",
-        workflow_type=WorkflowType.DML, status=WorkflowStatus.PENDING,
-        instance_id=1, instance_name="生产-MySQL主库", database="production",
-        sql_content="UPDATE orders SET status = 'completed' WHERE id = 10086;",
-        sql_results=[SQLAuditResult(
-            rule_id=8, rule_name="建议添加LIMIT", 
-            risk_level=SQLRiskLevel.LOW,
-            message="UPDATE语句建议添加LIMIT限制",
-            suggestion="建议添加 LIMIT 1"
-        )],
-        risk_level=SQLRiskLevel.LOW, risk_score=25,
-        submitter_id=3, submitter_name="dev1",
-        created_at=datetime.now() - timedelta(hours=5),
-        updated_at=datetime.now() - timedelta(hours=5),
-        current_step=1, total_steps=2,
-        approvers=[{"step": 1, "role": "dba", "status": "pending"}]
-    ),
-    SQLWorkflow(
-        id=3, title="创建新表", description="创建商品分类表",
-        workflow_type=WorkflowType.DDL, status=WorkflowStatus.APPROVED,
-        instance_id=2, instance_name="测试-MySQL", database="test_db",
-        sql_content="""CREATE TABLE categories (
-    id INT PRIMARY KEY AUTO_INCREMENT,
-    name VARCHAR(100) NOT NULL,
-    parent_id INT DEFAULT NULL,
-    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
-);""",
-        sql_results=[],
-        risk_level=SQLRiskLevel.SAFE, risk_score=5,
-        submitter_id=4, submitter_name="dev2",
-        reviewer_id=2, reviewer_name="dba",
-        review_comment="表结构设计合理",
-        created_at=datetime.now() - timedelta(days=1),
-        updated_at=datetime.now() - timedelta(hours=3),
-        current_step=2, total_steps=2,
-        approvers=[{"step": 1, "role": "dba", "status": "approved", "user": "dba"}]
-    ),
-    SQLWorkflow(
-        id=4, title="批量更新用户状态", description="将过期用户状态更新为inactive",
-        workflow_type=WorkflowType.DML, status=WorkflowStatus.REJECTED,
-        instance_id=1, instance_name="生产-MySQL主库", database="production",
-        sql_content="UPDATE users SET status = 'inactive' WHERE last_login < '2024-01-01';",
-        sql_results=[
-            SQLAuditResult(
-                rule_id=8, rule_name="建议添加LIMIT",
-                risk_level=SQLRiskLevel.MEDIUM,
-                message="UPDATE语句建议添加LIMIT限制",
-                line_number=1
-            ),
-            SQLAuditResult(
-                rule_id=5, rule_name="建议使用索引",
-                risk_level=SQLRiskLevel.MEDIUM,
-                message="该表数据量较大，建议使用索引优化查询",
-                suggestion="为 last_login 字段添加索引"
-            )
-        ],
-        risk_level=SQLRiskLevel.MEDIUM, risk_score=55,
-        submitter_id=3, submitter_name="dev1",
-        reviewer_id=2, reviewer_name="dba",
-        review_comment="影响范围过大，请分批执行",
-        created_at=datetime.now() - timedelta(days=3),
-        updated_at=datetime.now() - timedelta(days=2),
-        current_step=1, total_steps=2,
-        approvers=[{"step": 1, "role": "dba", "status": "rejected", "user": "dba"}]
-    ),
-    SQLWorkflow(
-        id=5, title="添加订单表字段", description="添加物流单号字段",
-        workflow_type=WorkflowType.DDL, status=WorkflowStatus.EXECUTING,
-        instance_id=1, instance_name="生产-MySQL主库", database="production",
-        sql_content="ALTER TABLE orders ADD COLUMN tracking_no VARCHAR(50) NULL COMMENT '物流单号';",
-        sql_results=[],
-        risk_level=SQLRiskLevel.LOW, risk_score=20,
-        submitter_id=4, submitter_name="dev2",
-        reviewer_id=2, reviewer_name="dba",
-        executor_id=2, executor_name="dba",
-        review_comment="审核通过",
-        created_at=datetime.now() - timedelta(hours=2),
-        updated_at=datetime.now() - timedelta(minutes=5),
-        current_step=2, total_steps=2,
-        approvers=[{"step": 1, "role": "dba", "status": "approved", "user": "dba"}]
-    ),
-]
-
-mock_tables = [
-    DataDictionaryTable(
-        name="users", engine="InnoDB", rows=150000, data_length=52428800,
-        comment="用户表", create_time=datetime.now() - timedelta(days=100)
-    ),
-    DataDictionaryTable(
-        name="orders", engine="InnoDB", rows=500000, data_length=268435456,
-        comment="订单表", create_time=datetime.now() - timedelta(days=90)
-    ),
-    DataDictionaryTable(
-        name="products", engine="InnoDB", rows=5000, data_length=2097152,
-        comment="商品表", create_time=datetime.now() - timedelta(days=95)
-    ),
-    DataDictionaryTable(
-        name="categories", engine="InnoDB", rows=50, data_length=16384,
-        comment="分类表", create_time=datetime.now() - timedelta(days=95)
-    ),
-]
-
-mock_columns = {
-    "users": [
-        DataDictionaryColumn(name="id", data_type="bigint(20)", nullable=False, 
-                           default=None, comment="主键ID", is_primary=True),
-        DataDictionaryColumn(name="username", data_type="varchar(50)", nullable=False,
-                           default=None, comment="用户名"),
-        DataDictionaryColumn(name="email", data_type="varchar(100)", nullable=False,
-                           default=None, comment="邮箱"),
-        DataDictionaryColumn(name="password", data_type="varchar(255)", nullable=False,
-                           default=None, comment="密码"),
-        DataDictionaryColumn(name="status", data_type="tinyint(1)", nullable=False,
-                           default="1", comment="状态：1-启用，0-禁用"),
-        DataDictionaryColumn(name="created_at", data_type="datetime", nullable=False,
-                           default="CURRENT_TIMESTAMP", comment="创建时间"),
-        DataDictionaryColumn(name="updated_at", data_type="datetime", nullable=True,
-                           default=None, comment="更新时间"),
-    ],
-    "orders": [
-        DataDictionaryColumn(name="id", data_type="bigint(20)", nullable=False,
-                           default=None, comment="主键ID", is_primary=True),
-        DataDictionaryColumn(name="user_id", data_type="bigint(20)", nullable=False,
-                           default=None, comment="用户ID"),
-        DataDictionaryColumn(name="order_no", data_type="varchar(50)", nullable=False,
-                           default=None, comment="订单号"),
-        DataDictionaryColumn(name="total_amount", data_type="decimal(10,2)", nullable=False,
-                           default="0.00", comment="订单总金额"),
-        DataDictionaryColumn(name="status", data_type="varchar(20)", nullable=False,
-                           default="pending", comment="订单状态"),
-        DataDictionaryColumn(name="created_at", data_type="datetime", nullable=False,
-                           default="CURRENT_TIMESTAMP", comment="创建时间"),
-    ]
-}
-
-mock_indexes = {
-    "users": [
-        DataDictionaryIndex(name="PRIMARY", columns=["id"], unique=True, index_type="BTREE"),
-        DataDictionaryIndex(name="idx_username", columns=["username"], unique=True, index_type="BTREE"),
-        DataDictionaryIndex(name="idx_email", columns=["email"], unique=True, index_type="BTREE"),
-    ],
-    "orders": [
-        DataDictionaryIndex(name="PRIMARY", columns=["id"], unique=True, index_type="BTREE"),
-        DataDictionaryIndex(name="idx_user_id", columns=["user_id"], unique=False, index_type="BTREE"),
-        DataDictionaryIndex(name="idx_order_no", columns=["order_no"], unique=True, index_type="BTREE"),
-        DataDictionaryIndex(name="idx_created_at", columns=["created_at"], unique=False, index_type="BTREE"),
-    ]
-}
-
-mock_notifications = [
-    Notification(id=1, title="工单审核通过", content="您的工单《添加用户表索引》已审核通过",
-                type="success", is_read=False, created_at=datetime.now() - timedelta(hours=2), user_id=3),
-    Notification(id=2, title="工单被拒绝", content="您的工单《批量更新用户状态》被拒绝，原因：影响范围过大",
-                type="warning", is_read=False, created_at=datetime.now() - timedelta(days=1), user_id=3),
-    Notification(id=3, title="系统维护通知", content="系统将于今晚 02:00-04:00 进行维护升级",
-                type="info", is_read=True, created_at=datetime.now() - timedelta(days=2), user_id=1),
-]
-
-mock_configs = [
-    SystemConfig(key="audit_enabled", value=True, description="是否启用SQL审核"),
-    SystemConfig(key="auto_execute_test", value=False, description="测试环境是否自动执行"),
-    SystemConfig(key="require_dba_approval", value=True, description="是否需要DBA审批"),
-    SystemConfig(key="max_sql_length", value=10000, description="最大SQL长度限制"),
-    SystemConfig(key="query_timeout", value=30, description="查询超时时间(秒)"),
-]
-
-oauth2_scheme = OAuth2PasswordBearer(tokenUrl="/api/auth/login")
-
-def get_current_user(token: str = Depends(oauth2_scheme)) -> User:
-    return mock_users[0]
-
-@app.get("/")
-async def root():
-    return {"message": "数据审核平台 API", "version": "1.0.0", "docs": "/docs"}
-
-@app.post("/api/auth/login", response_model=Token)
-async def login(form_data: OAuth2PasswordRequestForm = Depends()):
-    user = next((u for u in mock_users if u.username == form_data.username), None)
-    if not user or form_data.password != "123456":
-        raise HTTPException(status_code=401, detail="用户名或密码错误")
-    return Token(access_token=f"mock_token_{user.id}", user=user)
-
-@app.get("/api/auth/me", response_model=User)
-async def get_me(current_user: User = Depends(get_current_user)):
-    return current_user
-
-@app.post("/api/auth/logout")
-async def logout(current_user: User = Depends(get_current_user)):
-    return {"message": "登出成功"}
-
-@app.get("/api/users", response_model=List[User])
-async def list_users(
-    role: Optional[UserRole] = None,
-    keyword: Optional[str] = None,
-    current_user: User = Depends(get_current_user)
-):
-    result = mock_users
-    if role:
-        result = [u for u in result if u.role == role]
-    if keyword:
-        result = [u for u in result if keyword.lower() in u.username.lower() or 
-                  keyword.lower() in u.email.lower()]
-    return result
-
-@app.get("/api/users/{user_id}", response_model=User)
-async def get_user(user_id: int, current_user: User = Depends(get_current_user)):
-    user = next((u for u in mock_users if u.id == user_id), None)
-    if not user:
-        raise HTTPException(status_code=404, detail="用户不存在")
-    return user
-
-@app.get("/api/instances", response_model=List[DatabaseInstance])
-async def list_instances(
-    db_type: Optional[DatabaseType] = None,
-    environment: Optional[str] = None,
-    status: Optional[InstanceStatus] = None,
-    keyword: Optional[str] = None,
-    current_user: User = Depends(get_current_user)
-):
-    result = mock_instances
-    if db_type:
-        result = [i for i in result if i.db_type == db_type]
-    if environment:
-        result = [i for i in result if i.environment == environment]
-    if status:
-        result = [i for i in result if i.status == status]
-    if keyword:
-        result = [i for i in result if keyword.lower() in i.name.lower()]
-    return result
-
-@app.post("/api/instances", response_model=DatabaseInstance)
-async def create_instance(
-    instance: DatabaseInstanceCreate,
-    current_user: User = Depends(get_current_user)
-):
-    new_instance = DatabaseInstance(
-        id=len(mock_instances) + 1,
-        **instance.dict(),
-        status=InstanceStatus.ACTIVE,
-        created_at=datetime.now(),
-        updated_at=datetime.now(),
-        created_by=current_user.id
-    )
-    mock_instances.append(new_instance)
-    return new_instance
-
-@app.get("/api/instances/{instance_id}", response_model=DatabaseInstance)
-async def get_instance(instance_id: int, current_user: User = Depends(get_current_user)):
-    instance = next((i for i in mock_instances if i.id == instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    return instance
-
-@app.put("/api/instances/{instance_id}", response_model=DatabaseInstance)
-async def update_instance(
-    instance_id: int,
-    instance_update: DatabaseInstanceCreate,
-    current_user: User = Depends(get_current_user)
-):
-    instance = next((i for i in mock_instances if i.id == instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    for key, value in instance_update.dict().items():
-        setattr(instance, key, value)
-    instance.updated_at = datetime.now()
-    return instance
-
-@app.delete("/api/instances/{instance_id}")
-async def delete_instance(instance_id: int, current_user: User = Depends(get_current_user)):
-    instance = next((i for i in mock_instances if i.id == instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    mock_instances.remove(instance)
-    return {"message": "删除成功"}
-
-@app.post("/api/instances/{instance_id}/test")
-async def test_connection(instance_id: int, current_user: User = Depends(get_current_user)):
-    instance = next((i for i in mock_instances if i.id == instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    return {"success": True, "message": "连接成功", "latency_ms": 12}
-
-@app.get("/api/workflows", response_model=List[SQLWorkflow])
-async def list_workflows(
-    status: Optional[WorkflowStatus] = None,
-    workflow_type: Optional[WorkflowType] = None,
-    risk_level: Optional[SQLRiskLevel] = None,
-    submitter_id: Optional[int] = None,
-    keyword: Optional[str] = None,
-    page: int = Query(1, ge=1),
-    page_size: int = Query(10, ge=1, le=100),
-    current_user: User = Depends(get_current_user)
-):
-    result = mock_workflows
-    if status:
-        result = [w for w in result if w.status == status]
-    if workflow_type:
-        result = [w for w in result if w.workflow_type == workflow_type]
-    if risk_level:
-        result = [w for w in result if w.risk_level == risk_level]
-    if submitter_id:
-        result = [w for w in result if w.submitter_id == submitter_id]
-    if keyword:
-        result = [w for w in result if keyword.lower() in w.title.lower()]
-    result.sort(key=lambda x: x.created_at, reverse=True)
-    total = len(result)
-    start = (page - 1) * page_size
-    end = start + page_size
-    return result[start:end]
-
-@app.get("/api/workflows/statistics")
-async def get_workflow_statistics(current_user: User = Depends(get_current_user)):
-    total = len(mock_workflows)
-    pending = len([w for w in mock_workflows if w.status == WorkflowStatus.PENDING])
-    approved = len([w for w in mock_workflows if w.status == WorkflowStatus.APPROVED])
-    rejected = len([w for w in mock_workflows if w.status == WorkflowStatus.REJECTED])
-    success = len([w for w in mock_workflows if w.status == WorkflowStatus.SUCCESS])
-    failed = len([w for w in mock_workflows if w.status == WorkflowStatus.FAILED])
-    risk_distribution = {
-        "high": len([w for w in mock_workflows if w.risk_level == SQLRiskLevel.HIGH]),
-        "medium": len([w for w in mock_workflows if w.risk_level == SQLRiskLevel.MEDIUM]),
-        "low": len([w for w in mock_workflows if w.risk_level == SQLRiskLevel.LOW]),
-        "safe": len([w for w in mock_workflows if w.risk_level == SQLRiskLevel.SAFE]),
-    }
-    return {
-        "total": total,
-        "pending": pending,
-        "approved": approved,
-        "rejected": rejected,
-        "success": success,
-        "failed": failed,
-        "risk_distribution": risk_distribution
-    }
-
-@app.post("/api/workflows", response_model=SQLWorkflow)
-async def create_workflow(
-    workflow: SQLWorkflowCreate,
-    current_user: User = Depends(get_current_user)
-):
-    instance = next((i for i in mock_instances if i.id == workflow.instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    audit_results = []
-    risk_score = 0
-    sql_upper = workflow.sql_content.upper()
-    if "DELETE" in sql_upper and "WHERE" not in sql_upper:
-        audit_results.append(SQLAuditResult(
-            rule_id=1, rule_name="禁止DELETE无WHERE条件",
-            risk_level=SQLRiskLevel.HIGH,
-            message="DELETE语句缺少WHERE条件，将删除全表数据",
-            suggestion="请添加WHERE条件限制删除范围"
-        ))
-        risk_score += 50
-    if "UPDATE" in sql_upper and "WHERE" not in sql_upper:
-        audit_results.append(SQLAuditResult(
-            rule_id=2, rule_name="禁止UPDATE无WHERE条件",
-            risk_level=SQLRiskLevel.HIGH,
-            message="UPDATE语句缺少WHERE条件，将更新全表数据",
-            suggestion="请添加WHERE条件限制更新范围"
-        ))
-        risk_score += 50
-    if "SELECT *" in sql_upper:
-        audit_results.append(SQLAuditResult(
-            rule_id=6, rule_name="SELECT * 建议指定列",
-            risk_level=SQLRiskLevel.LOW,
-            message="建议使用具体的列名替代 *",
-            suggestion="列出需要的字段名"
-        ))
-        risk_score += 10
-    if risk_score >= 50:
-        risk_level = SQLRiskLevel.HIGH
-    elif risk_score >= 30:
-        risk_level = SQLRiskLevel.MEDIUM
-    elif risk_score >= 10:
-        risk_level = SQLRiskLevel.LOW
-    else:
-        risk_level = SQLRiskLevel.SAFE
-    new_workflow = SQLWorkflow(
-        id=len(mock_workflows) + 1,
-        title=workflow.title,
-        description=workflow.description,
-        workflow_type=workflow.workflow_type,
-        status=WorkflowStatus.PENDING,
-        instance_id=workflow.instance_id,
-        instance_name=instance.name,
-        database=workflow.database,
-        sql_content=workflow.sql_content,
-        sql_results=audit_results,
-        risk_level=risk_level,
-        risk_score=risk_score,
-        submitter_id=current_user.id,
-        submitter_name=current_user.username,
-        created_at=datetime.now(),
-        updated_at=datetime.now(),
-        current_step=1,
-        total_steps=2,
-        approvers=[{"step": 1, "role": "dba", "status": "pending"}]
-    )
-    mock_workflows.append(new_workflow)
-    return new_workflow
-
-@app.get("/api/workflows/{workflow_id}", response_model=SQLWorkflow)
-async def get_workflow(workflow_id: int, current_user: User = Depends(get_current_user)):
-    workflow = next((w for w in mock_workflows if w.id == workflow_id), None)
-    if not workflow:
-        raise HTTPException(status_code=404, detail="工单不存在")
-    return workflow
-
-@app.post("/api/workflows/{workflow_id}/review")
-async def review_workflow(
-    workflow_id: int,
-    review: SQLWorkflowReview,
-    current_user: User = Depends(get_current_user)
-):
-    workflow = next((w for w in mock_workflows if w.id == workflow_id), None)
-    if not workflow:
-        raise HTTPException(status_code=404, detail="工单不存在")
-    if workflow.status != WorkflowStatus.PENDING and workflow.status != WorkflowStatus.REVIEWING:
-        raise HTTPException(status_code=400, detail="当前状态不允许审核")
-    if review.action == "approve":
-        workflow.status = WorkflowStatus.APPROVED
-        workflow.reviewer_id = current_user.id
-        workflow.reviewer_name = current_user.username
-        workflow.review_comment = review.comment
-        workflow.current_step = 2
-    else:
-        workflow.status = WorkflowStatus.REJECTED
-        workflow.reviewer_id = current_user.id
-        workflow.reviewer_name = current_user.username
-        workflow.review_comment = review.comment
-    workflow.updated_at = datetime.now()
-    return workflow
-
-@app.post("/api/workflows/{workflow_id}/execute")
-async def execute_workflow(
-    workflow_id: int,
-    current_user: User = Depends(get_current_user)
-):
-    workflow = next((w for w in mock_workflows if w.id == workflow_id), None)
-    if not workflow:
-        raise HTTPException(status_code=404, detail="工单不存在")
-    if workflow.status != WorkflowStatus.APPROVED:
-        raise HTTPException(status_code=400, detail="工单未通过审核，无法执行")
-    workflow.status = WorkflowStatus.EXECUTING
-    workflow.executor_id = current_user.id
-    workflow.executor_name = current_user.username
-    workflow.updated_at = datetime.now()
-    workflow.status = WorkflowStatus.SUCCESS
-    workflow.execute_result = "执行成功，耗时 0.8s，影响行数: 1"
-    workflow.executed_at = datetime.now()
-    if workflow.workflow_type == WorkflowType.DDL:
-        workflow.rollback_sql = f"-- 回滚语句\n-- {workflow.sql_content}"
-    return workflow
-
-@app.post("/api/workflows/{workflow_id}/rollback")
-async def rollback_workflow(
-    workflow_id: int,
-    current_user: User = Depends(get_current_user)
-):
-    workflow = next((w for w in mock_workflows if w.id == workflow_id), None)
-    if not workflow:
-        raise HTTPException(status_code=404, detail="工单不存在")
-    if workflow.status != WorkflowStatus.SUCCESS:
-        raise HTTPException(status_code=400, detail="只有执行成功的工单才能回滚")
-    workflow.status = WorkflowStatus.ROLLBACK
-    workflow.updated_at = datetime.now()
-    return workflow
-
-@app.get("/api/audit-rules", response_model=List[SQLAuditRule])
-async def list_audit_rules(
-    rule_type: Optional[str] = None,
-    enabled: Optional[bool] = None,
-    current_user: User = Depends(get_current_user)
-):
-    result = mock_audit_rules
-    if rule_type:
-        result = [r for r in result if r.rule_type == rule_type]
-    if enabled is not None:
-        result = [r for r in result if r.enabled == enabled]
-    return result
-
-@app.put("/api/audit-rules/{rule_id}")
-async def update_audit_rule(
-    rule_id: int,
-    rule_update: dict,
-    current_user: User = Depends(get_current_user)
-):
-    rule = next((r for r in mock_audit_rules if r.id == rule_id), None)
-    if not rule:
-        raise HTTPException(status_code=404, detail="规则不存在")
-    for key, value in rule_update.items():
-        if hasattr(rule, key):
-            setattr(rule, key, value)
-    return rule
-
-@app.post("/api/query", response_model=SQLQueryResult)
-async def execute_query(
-    query: SQLQueryRequest,
-    current_user: User = Depends(get_current_user)
-):
-    instance = next((i for i in mock_instances if i.id == query.instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    sql_upper = query.sql.upper().strip()
-    if not sql_upper.startswith("SELECT") and not sql_upper.startswith("SHOW"):
-        raise HTTPException(status_code=400, detail="只允许执行 SELECT/SHOW 查询")
-    if "users" in query.sql.lower():
-        columns = ["id", "username", "email", "status", "created_at"]
-        rows = [
-            [1, "user1", "user1@example.com", "active", "2024-01-15 10:30:00"],
-            [2, "user2", "user2@example.com", "active", "2024-01-16 11:00:00"],
-            [3, "user3", "user3@example.com", "inactive", "2024-01-17 09:15:00"],
-        ]
-    elif "orders" in query.sql.lower():
-        columns = ["id", "order_no", "user_id", "total_amount", "status"]
-        rows = [
-            [1, "ORD2024001", 1, 199.99, "completed"],
-            [2, "ORD2024002", 2, 299.99, "pending"],
-            [3, "ORD2024003", 1, 99.99, "completed"],
-        ]
-    else:
-        columns = ["result"]
-        rows = [["Query executed successfully"]]
-    return SQLQueryResult(
-        columns=columns,
-        rows=rows,
-        total_rows=len(rows),
-        execution_time=15.5,
-        sql=query.sql
-    )
-
-@app.get("/api/dictionary/instances/{instance_id}/databases")
-async def list_databases(
-    instance_id: int,
-    current_user: User = Depends(get_current_user)
-):
-    instance = next((i for i in mock_instances if i.id == instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    return [
-        {"name": "information_schema", "charset": "utf8", "collation": "utf8_general_ci"},
-        {"name": "mysql", "charset": "utf8", "collation": "utf8_general_ci"},
-        {"name": instance.database or "production", "charset": "utf8mb4", "collation": "utf8mb4_unicode_ci"},
-        {"name": "test_db", "charset": "utf8mb4", "collation": "utf8mb4_unicode_ci"},
-    ]
-
-@app.get("/api/dictionary/instances/{instance_id}/tables")
-async def list_tables(
-    instance_id: int,
-    database: str,
-    current_user: User = Depends(get_current_user)
-):
-    instance = next((i for i in mock_instances if i.id == instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    return mock_tables
-
-@app.get("/api/dictionary/instances/{instance_id}/tables/{table_name}")
-async def get_table_info(
-    instance_id: int,
-    database: str,
-    table_name: str,
-    current_user: User = Depends(get_current_user)
-):
-    instance = next((i for i in mock_instances if i.id == instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    table = next((t for t in mock_tables if t.name == table_name), None)
-    if not table:
-        raise HTTPException(status_code=404, detail="表不存在")
-    columns = mock_columns.get(table_name, [])
-    indexes = mock_indexes.get(table_name, [])
-    return {
-        "table": table,
-        "columns": columns,
-        "indexes": indexes
-    }
-
-@app.get("/api/dashboard/stats", response_model=DashboardStats)
-async def get_dashboard_stats(current_user: User = Depends(get_current_user)):
-    total_instances = len(mock_instances)
-    total_workflows = len(mock_workflows)
-    pending_workflows = len([w for w in mock_workflows if w.status == WorkflowStatus.PENDING])
-    today_workflows = len([w for w in mock_workflows if w.created_at.date() == datetime.now().date()])
-    risk_distribution = {
-        "high": len([w for w in mock_workflows if w.risk_level == SQLRiskLevel.HIGH]),
-        "medium": len([w for w in mock_workflows if w.risk_level == SQLRiskLevel.MEDIUM]),
-        "low": len([w for w in mock_workflows if w.risk_level == SQLRiskLevel.LOW]),
-        "safe": len([w for w in mock_workflows if w.risk_level == SQLRiskLevel.SAFE]),
-    }
-    db_type_distribution = {}
-    for instance in mock_instances:
-        db_type = instance.db_type.value
-        db_type_distribution[db_type] = db_type_distribution.get(db_type, 0) + 1
-    recent_workflows = sorted(mock_workflows, key=lambda x: x.created_at, reverse=True)[:5]
-    return DashboardStats(
-        total_instances=total_instances,
-        total_workflows=total_workflows,
-        pending_workflows=pending_workflows,
-        today_workflows=today_workflows,
-        risk_distribution=risk_distribution,
-        recent_workflows=recent_workflows,
-        db_type_distribution=db_type_distribution
-    )
-
-@app.get("/api/notifications")
-async def list_notifications(
-    is_read: Optional[bool] = None,
-    current_user: User = Depends(get_current_user)
-):
-    result = [n for n in mock_notifications if n.user_id == current_user.id]
-    if is_read is not None:
-        result = [n for n in result if n.is_read == is_read]
-    return sorted(result, key=lambda x: x.created_at, reverse=True)
-
-@app.put("/api/notifications/{notification_id}/read")
-async def mark_notification_read(
-    notification_id: int,
-    current_user: User = Depends(get_current_user)
-):
-    notification = next((n for n in mock_notifications if n.id == notification_id), None)
-    if not notification:
-        raise HTTPException(status_code=404, detail="通知不存在")
-    notification.is_read = True
-    return notification
-
-@app.get("/api/notifications/unread-count")
-async def get_unread_notification_count(current_user: User = Depends(get_current_user)):
-    count = len([n for n in mock_notifications if n.user_id == current_user.id and not n.is_read])
-    return {"count": count}
-
-@app.get("/api/configs")
-async def list_configs(current_user: User = Depends(get_current_user)):
-    return mock_configs
-
-@app.put("/api/configs/{key}")
-async def update_config(
-    key: str,
-    value: dict,
-    current_user: User = Depends(get_current_user)
-):
-    config = next((c for c in mock_configs if c.key == key), None)
-    if not config:
-        raise HTTPException(status_code=404, detail="配置不存在")
-    config.value = value.get("value")
-    return config
-
-@app.get("/api/redis/{instance_id}/info")
-async def get_redis_info(
-    instance_id: int,
-    current_user: User = Depends(get_current_user)
-):
-    instance = next((i for i in mock_instances if i.id == instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    if instance.db_type != DatabaseType.REDIS:
-        raise HTTPException(status_code=400, detail="该实例不是 Redis")
-    return {
-        "version": "7.0.12",
-        "mode": instance.redis_mode or "standalone",
-        "uptime_in_seconds": 86400 * 30,
-        "connected_clients": 50,
-        "used_memory_human": "512M",
-        "used_memory_peak_human": "1G",
-        "total_keys": 100000,
-        "keyspace_hits": 950000,
-        "keyspace_misses": 50000,
-        "hit_rate": 95.0,
-        "databases": [
-            {"db": 0, "keys": 50000, "expires": 10000},
-            {"db": 1, "keys": 30000, "expires": 5000},
-            {"db": 2, "keys": 20000, "expires": 2000},
-        ]
-    }
-
-@app.post("/api/redis/{instance_id}/command")
-async def execute_redis_command(
-    instance_id: int,
-    command: dict,
-    current_user: User = Depends(get_current_user)
-):
-    instance = next((i for i in mock_instances if i.id == instance_id), None)
-    if not instance:
-        raise HTTPException(status_code=404, detail="实例不存在")
-    if instance.db_type != DatabaseType.REDIS:
-        raise HTTPException(status_code=400, detail="该实例不是 Redis")
-    cmd = command.get("command", "").upper().strip()
-    readonly_commands = ["GET", "MGET", "HGET", "HGETALL", "LRANGE", "ZRANGE", "KEYS", "SCAN", 
-                        "INFO", "DBSIZE", "TTL", "TYPE", "EXISTS", "STRLEN", "HLEN", "LLEN", 
-                        "SCARD", "ZCARD", "SMEMBERS"]
-    cmd_name = cmd.split()[0]
-    if cmd_name not in readonly_commands:
-        raise HTTPException(status_code=400, detail=f"不允许执行命令: {cmd_name}")
-    if "INFO" in cmd:
-        return {"result": "# Server\nredis_version:7.0.12\nredis_mode:standalone"}
-    elif "DBSIZE" in cmd:
-        return {"result": 100000}
-    elif "GET" in cmd:
-        return {"result": "value_example"}
-    elif "HGETALL" in cmd:
-        return {"result": {"field1": "value1", "field2": "value2"}}
-    else:
-        return {"result": "OK"}
-
-if __name__ == "__main__":
-    uvicorn.run(app, host="0.0.0.0", port=8000)
diff --git a/数据审核平台菜单优化/data-audit-platform/backend/requirements.txt b/数据审核平台菜单优化/data-audit-platform/backend/requirements.txt
deleted file mode 100644
index 96e9efe..0000000
--- a/数据审核平台菜单优化/data-audit-platform/backend/requirements.txt
+++ /dev/null
@@ -1,14 +0,0 @@
-fastapi==0.104.1
-uvicorn[standard]==0.24.0
-pydantic==2.5.0
-python-multipart==0.0.6
-python-jose[cryptography]==3.3.0
-passlib[bcrypt]==1.7.4
-redis==5.0.1
-pymysql==1.1.0
-sqlalchemy==2.0.23
-alembic==1.12.1
-python-dotenv==1.0.0
-httpx==0.25.2
-pytest==7.4.3
-pytest-asyncio==0.21.1
diff --git a/数据审核平台菜单优化/data-audit-platform/demo.html b/数据审核平台菜单优化/data-audit-platform/demo.html
deleted file mode 100644
index b7b5a0f..0000000
--- a/数据审核平台菜单优化/data-audit-platform/demo.html
+++ /dev/null
@@ -1,957 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>数据审核平台 - 演示</title>
-  <link rel="stylesheet" href="https://unpkg.com/element-plus@2.5.1/dist/index.css">
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
-    .login-page {
-      height: 100vh;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    }
-    .login-container {
-      width: 420px;
-      padding: 40px;
-      background: #fff;
-      border-radius: 16px;
-      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
-    }
-    .login-header {
-      text-align: center;
-      margin-bottom: 32px;
-    }
-    .login-header h1 {
-      font-size: 28px;
-      font-weight: 600;
-      color: #303133;
-      margin: 16px 0 8px;
-    }
-    .login-header p {
-      font-size: 14px;
-      color: #909399;
-    }
-    .login-btn { width: 100%; }
-    .login-footer {
-      margin-top: 24px;
-      padding-top: 24px;
-      border-top: 1px solid #ebeef5;
-      text-align: center;
-    }
-    .login-footer p {
-      font-size: 12px;
-      color: #909399;
-      margin: 4px 0;
-    }
-    .main-layout { height: 100vh; }
-    .sidebar {
-      background-color: #001529;
-      color: #fff;
-    }
-    .logo {
-      height: 64px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0 16px;
-      border-bottom: 1px solid rgba(255,255,255,0.1);
-    }
-    .logo-text {
-      font-size: 18px;
-      font-weight: 600;
-      margin-left: 12px;
-    }
-    .header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      background-color: #fff;
-      box-shadow: 0 1px 4px rgba(0,0,0,0.1);
-    }
-    .header-right {
-      display: flex;
-      align-items: center;
-      gap: 24px;
-    }
-    .user-info {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      cursor: pointer;
-    }
-    .main-content {
-      background-color: #f0f2f5;
-      padding: 20px;
-      overflow-y: auto;
-    }
-    .stats-row { margin-bottom: 20px; }
-    .stat-card {
-      display: flex;
-      align-items: center;
-      padding: 20px;
-    }
-    .stat-icon {
-      width: 64px;
-      height: 64px;
-      border-radius: 12px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-right: 16px;
-    }
-    .stat-value {
-      font-size: 28px;
-      font-weight: 600;
-      color: #303133;
-      line-height: 1;
-      margin-bottom: 8px;
-    }
-    .stat-label {
-      font-size: 14px;
-      color: #909399;
-    }
-    .card-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-    .charts-row { margin-bottom: 20px; }
-    .chart-container { height: 300px; }
-    .section-title {
-      font-size: 16px;
-      font-weight: 500;
-      margin-bottom: 16px;
-    }
-    .instance-name {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-    }
-    .user-info-cell {
-      display: flex;
-      align-items: center;
-      gap: 12px;
-    }
-    .user-detail .username {
-      font-weight: 500;
-      color: #303133;
-    }
-    .user-detail .email {
-      font-size: 12px;
-      color: #909399;
-    }
-    .sql-content {
-      background-color: #f5f7fa;
-      padding: 16px;
-      border-radius: 4px;
-      font-family: 'Courier New', monospace;
-      font-size: 14px;
-      line-height: 1.6;
-      overflow-x: auto;
-      white-space: pre-wrap;
-      word-wrap: break-word;
-    }
-    .audit-item {
-      margin-bottom: 16px;
-    }
-    .audit-header {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      margin-bottom: 4px;
-    }
-    .audit-message {
-      color: #606266;
-    }
-    .audit-suggestion {
-      color: #409eff;
-      font-size: 13px;
-      margin-top: 4px;
-    }
-  </style>
-</head>
-<body>
-  <div id="app"></div>
-
-  <script src="https://unpkg.com/vue@3.4.15/dist/vue.global.js"></script>
-  <script src="https://unpkg.com/element-plus@2.5.1/dist/index.full.js"></script>
-  <script src="https://unpkg.com/element-plus@2.5.1/dist/locale/zh-cn.js"></script>
-  <script src="https://unpkg.com/vue-router@4.2.5/dist/vue-router.global.js"></script>
-  <script src="https://unpkg.com/echarts@5.4.3/dist/echarts.min.js"></script>
-
-  <script>
-    const { createApp, ref, computed, onMounted, reactive } = Vue;
-    const { createRouter, createWebHashHistory } = VueRouter;
-
-    // 模拟数据
-    const mockStats = {
-      total_instances: 5,
-      total_workflows: 128,
-      pending_workflows: 12,
-      today_workflows: 8,
-      risk_distribution: { high: 5, medium: 15, low: 35, safe: 73 },
-      db_type_distribution: { mysql: 3, redis: 1, postgresql: 1 },
-      recent_workflows: [
-        { id: 1, title: '添加用户表索引', instance_name: '生产-MySQL主库', workflow_type: 'ddl', risk_level: 'safe', status: 'success', submitter_name: 'dev1', created_at: '2024-01-15 10:30:00' },
-        { id: 2, title: '修复订单数据', instance_name: '生产-MySQL主库', workflow_type: 'dml', risk_level: 'low', status: 'pending', submitter_name: 'dev1', created_at: '2024-01-15 09:15:00' },
-        { id: 3, title: '创建新表', instance_name: '测试-MySQL', workflow_type: 'ddl', risk_level: 'safe', status: 'approved', submitter_name: 'dev2', created_at: '2024-01-14 16:45:00' },
-      ]
-    };
-
-    const mockInstances = [
-      { id: 1, name: '生产-MySQL主库', db_type: 'mysql', host: 'mysql-prod.example.com', port: 3306, database: 'production', environment: 'prod', status: 'active', description: '生产环境 MySQL 主库' },
-      { id: 2, name: '测试-MySQL', db_type: 'mysql', host: 'mysql-test.example.com', port: 3306, database: 'test_db', environment: 'test', status: 'active', description: '测试环境 MySQL' },
-      { id: 3, name: '生产-Redis', db_type: 'redis', host: 'redis-prod.example.com', port: 6379, environment: 'prod', status: 'active', description: '生产环境 Redis 缓存' },
-      { id: 4, name: '开发-MySQL', db_type: 'mysql', host: 'mysql-dev.example.com', port: 3306, database: 'dev_db', environment: 'dev', status: 'active', description: '开发环境 MySQL' },
-      { id: 5, name: '生产-PostgreSQL', db_type: 'postgresql', host: 'pg-prod.example.com', port: 5432, database: 'production', environment: 'prod', status: 'active', description: '生产环境 PostgreSQL' },
-    ];
-
-    const mockWorkflows = [
-      { id: 1, title: '添加用户表索引', instance_name: '生产-MySQL主库', workflow_type: 'ddl', risk_level: 'safe', risk_score: 10, status: 'success', submitter_name: 'dev1', created_at: '2024-01-15 10:30:00' },
-      { id: 2, title: '修复订单数据', instance_name: '生产-MySQL主库', workflow_type: 'dml', risk_level: 'low', risk_score: 25, status: 'pending', submitter_name: 'dev1', created_at: '2024-01-15 09:15:00' },
-      { id: 3, title: '创建新表', instance_name: '测试-MySQL', workflow_type: 'ddl', risk_level: 'safe', risk_score: 5, status: 'approved', submitter_name: 'dev2', created_at: '2024-01-14 16:45:00' },
-      { id: 4, title: '批量更新用户状态', instance_name: '生产-MySQL主库', workflow_type: 'dml', risk_level: 'medium', risk_score: 55, status: 'rejected', submitter_name: 'dev1', created_at: '2024-01-14 14:20:00' },
-      { id: 5, title: '添加订单表字段', instance_name: '生产-MySQL主库', workflow_type: 'ddl', risk_level: 'low', risk_score: 20, status: 'executing', submitter_name: 'dev2', created_at: '2024-01-14 11:00:00' },
-    ];
-
-    const mockUsers = [
-      { id: 1, username: 'admin', email: 'admin@example.com', role: 'admin', department: '技术部', phone: '13800138001', is_active: true, created_at: '2024-01-01 10:00:00' },
-      { id: 2, username: 'dba', email: 'dba@example.com', role: 'dba', department: '运维部', phone: '13800138002', is_active: true, created_at: '2024-01-02 10:00:00' },
-      { id: 3, username: 'dev1', email: 'dev1@example.com', role: 'developer', department: '研发部', phone: '13800138003', is_active: true, created_at: '2024-01-03 10:00:00' },
-      { id: 4, username: 'dev2', email: 'dev2@example.com', role: 'developer', department: '研发部', phone: '13800138004', is_active: true, created_at: '2024-01-04 10:00:00' },
-      { id: 5, username: 'auditor', email: 'auditor@example.com', role: 'auditor', department: '安全部', phone: '13800138005', is_active: true, created_at: '2024-01-05 10:00:00' },
-    ];
-
-    // 登录组件
-    const Login = {
-      template: `
-        <div class="login-page">
-          <div class="login-container">
-            <div class="login-header">
-              <el-icon size="48" color="#409EFF"><DataLine /></el-icon>
-              <h1>数据审核平台</h1>
-              <p>Database Change Management & SQL Audit Platform</p>
-            </div>
-            <el-form :model="form" @keyup.enter="handleLogin">
-              <el-form-item>
-                <el-input v-model="form.username" placeholder="用户名" size="large" :prefix-icon="User" />
-              </el-form-item>
-              <el-form-item>
-                <el-input v-model="form.password" type="password" placeholder="密码" size="large" :prefix-icon="Lock" show-password />
-              </el-form-item>
-              <el-form-item>
-                <el-button type="primary" size="large" class="login-btn" :loading="loading" @click="handleLogin">登录</el-button>
-              </el-form-item>
-            </el-form>
-            <div class="login-footer">
-              <p>默认账号: admin / 123456</p>
-              <p>DBA账号: dba / 123456</p>
-              <p>开发账号: dev1 / 123456</p>
-            </div>
-          </div>
-        </div>
-      `,
-      setup() {
-        const form = reactive({ username: '', password: '' });
-        const loading = ref(false);
-        const router = VueRouter.useRouter();
-
-        const handleLogin = () => {
-          if (!form.username || !form.password) {
-            ElementPlus.ElMessage.warning('请输入用户名和密码');
-            return;
-          }
-          loading.value = true;
-          setTimeout(() => {
-            loading.value = false;
-            if (form.password === '123456') {
-              localStorage.setItem('user', JSON.stringify({ username: form.username, role: form.username === 'admin' ? 'admin' : form.username === 'dba' ? 'dba' : 'developer' }));
-              ElementPlus.ElMessage.success('登录成功');
-              router.push('/');
-            } else {
-              ElementPlus.ElMessage.error('密码错误，默认密码: 123456');
-            }
-          }, 500);
-        };
-
-        return { form, loading, handleLogin, User: 'User', Lock: 'Lock' };
-      }
-    };
-
-    // 仪表盘组件
-    const Dashboard = {
-      template: `
-        <div>
-          <el-row :gutter="20" class="stats-row">
-            <el-col :span="6">
-              <el-card shadow="hover">
-                <div class="stat-card">
-                  <div class="stat-icon" style="background-color: #409EFF;">
-                    <el-icon size="32" color="#fff"><DataLine /></el-icon>
-                  </div>
-                  <div>
-                    <div class="stat-value">{{ stats.total_instances }}</div>
-                    <div class="stat-label">数据源</div>
-                  </div>
-                </div>
-              </el-card>
-            </el-col>
-            <el-col :span="6">
-              <el-card shadow="hover">
-                <div class="stat-card">
-                  <div class="stat-icon" style="background-color: #67C23A;">
-                    <el-icon size="32" color="#fff"><Document /></el-icon>
-                  </div>
-                  <div>
-                    <div class="stat-value">{{ stats.total_workflows }}</div>
-                    <div class="stat-label">总工单</div>
-                  </div>
-                </div>
-              </el-card>
-            </el-col>
-            <el-col :span="6">
-              <el-card shadow="hover">
-                <div class="stat-card">
-                  <div class="stat-icon" style="background-color: #E6A23C;">
-                    <el-icon size="32" color="#fff"><Timer /></el-icon>
-                  </div>
-                  <div>
-                    <div class="stat-value">{{ stats.pending_workflows }}</div>
-                    <div class="stat-label">待审核</div>
-                  </div>
-                </div>
-              </el-card>
-            </el-col>
-            <el-col :span="6">
-              <el-card shadow="hover">
-                <div class="stat-card">
-                  <div class="stat-icon" style="background-color: #F56C6C;">
-                    <el-icon size="32" color="#fff"><Calendar /></el-icon>
-                  </div>
-                  <div>
-                    <div class="stat-value">{{ stats.today_workflows }}</div>
-                    <div class="stat-label">今日工单</div>
-                  </div>
-                </div>
-              </el-card>
-            </el-col>
-          </el-row>
-
-          <el-row :gutter="20" class="charts-row">
-            <el-col :span="12">
-              <el-card shadow="hover">
-                <template #header><div class="card-header"><span>风险分布</span></div></template>
-                <div ref="riskChart" class="chart-container"></div>
-              </el-card>
-            </el-col>
-            <el-col :span="12">
-              <el-card shadow="hover">
-                <template #header><div class="card-header"><span>数据库类型分布</span></div></template>
-                <div ref="dbTypeChart" class="chart-container"></div>
-              </el-card>
-            </el-col>
-          </el-row>
-
-          <el-card shadow="hover">
-            <template #header>
-              <div class="card-header">
-                <span>最近工单</span>
-                <el-button type="primary" link @click="$router.push('/workflows')">查看全部</el-button>
-              </div>
-            </template>
-            <el-table :data="stats.recent_workflows" stripe>
-              <el-table-column prop="id" label="ID" width="80" />
-              <el-table-column prop="title" label="标题" min-width="200" />
-              <el-table-column prop="instance_name" label="数据源" width="150" />
-              <el-table-column prop="workflow_type" label="类型" width="100">
-                <template #default="{ row }">
-                  <el-tag :type="row.workflow_type === 'ddl' ? 'primary' : 'success'">{{ row.workflow_type.toUpperCase() }}</el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="risk_level" label="风险" width="100">
-                <template #default="{ row }">
-                  <el-tag :type="getRiskType(row.risk_level)">{{ getRiskLabel(row.risk_level) }}</el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="status" label="状态" width="100">
-                <template #default="{ row }">
-                  <el-tag :type="getStatusType(row.status)">{{ getStatusLabel(row.status) }}</el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="submitter_name" label="提交人" width="100" />
-              <el-table-column prop="created_at" label="创建时间" width="180" />
-            </el-table>
-          </el-card>
-        </div>
-      `,
-      setup() {
-        const stats = ref(mockStats);
-        const riskChart = ref(null);
-        const dbTypeChart = ref(null);
-
-        const getRiskType = (level) => ({ high: 'danger', medium: 'warning', low: 'info', safe: 'success' }[level] || 'info');
-        const getRiskLabel = (level) => ({ high: '高风险', medium: '中风险', low: '低风险', safe: '安全' }[level] || level);
-        const getStatusType = (status) => ({ pending: 'warning', approved: 'success', rejected: 'danger', executing: 'info', success: 'success', failed: 'danger' }[status] || 'info');
-        const getStatusLabel = (status) => ({ pending: '待审核', approved: '已通过', rejected: '已拒绝', executing: '执行中', success: '成功', failed: '失败' }[status] || status);
-
-        onMounted(() => {
-          setTimeout(() => {
-            if (riskChart.value) {
-              const chart = echarts.init(riskChart.value);
-              chart.setOption({
-                tooltip: { trigger: 'item' },
-                legend: { bottom: '5%' },
-                series: [{
-                  type: 'pie',
-                  radius: ['40%', '70%'],
-                  data: [
-                    { value: stats.value.risk_distribution.high, name: '高风险', itemStyle: { color: '#F56C6C' } },
-                    { value: stats.value.risk_distribution.medium, name: '中风险', itemStyle: { color: '#E6A23C' } },
-                    { value: stats.value.risk_distribution.low, name: '低风险', itemStyle: { color: '#409EFF' } },
-                    { value: stats.value.risk_distribution.safe, name: '安全', itemStyle: { color: '#67C23A' } },
-                  ]
-                }]
-              });
-            }
-            if (dbTypeChart.value) {
-              const chart = echarts.init(dbTypeChart.value);
-              chart.setOption({
-                tooltip: { trigger: 'item' },
-                legend: { bottom: '5%' },
-                series: [{
-                  type: 'pie',
-                  radius: '60%',
-                  data: Object.entries(stats.value.db_type_distribution).map(([name, value]) => ({ name: name.toUpperCase(), value }))
-                }]
-              });
-            }
-          }, 100);
-        });
-
-        return { stats, riskChart, dbTypeChart, getRiskType, getRiskLabel, getStatusType, getStatusLabel };
-      }
-    };
-
-    // 数据源管理组件
-    const Instances = {
-      template: `
-        <el-card shadow="hover">
-          <template #header>
-            <div class="card-header">
-              <div>
-                <el-input v-model="searchQuery" placeholder="搜索数据源" clearable style="width: 300px;">
-                  <template #prefix><el-icon><Search /></el-icon></template>
-                </el-input>
-              </div>
-              <el-button type="primary"><el-icon><Plus /></el-icon>添加数据源</el-button>
-            </div>
-          </template>
-          <el-table :data="filteredInstances" stripe>
-            <el-table-column prop="id" label="ID" width="80" />
-            <el-table-column prop="name" label="名称" min-width="180">
-              <template #default="{ row }">
-                <div class="instance-name">
-                  <el-icon size="18" :color="getDbTypeColor(row.db_type)"><Coin /></el-icon>
-                  <span>{{ row.name }}</span>
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column prop="db_type" label="类型" width="120">
-              <template #default="{ row }">
-                <el-tag :type="getDbTypeTag(row.db_type)">{{ row.db_type.toUpperCase() }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column prop="host" label="主机" min-width="180">
-              <template #default="{ row }">{{ row.host }}:{{ row.port }}</template>
-            </el-table-column>
-            <el-table-column prop="environment" label="环境" width="100">
-              <template #default="{ row }">
-                <el-tag :type="getEnvType(row.environment)">{{ getEnvLabel(row.environment) }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column prop="status" label="状态" width="100">
-              <template #default="{ row }">
-                <el-tag :type="row.status === 'active' ? 'success' : 'danger'">{{ row.status === 'active' ? '正常' : '异常' }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column label="操作" width="200" fixed="right">
-              <template #default="{ row }">
-                <el-button type="primary" link @click="testConnection(row)">测试</el-button>
-                <el-button type="primary" link>编辑</el-button>
-                <el-button type="danger" link>删除</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-card>
-      `,
-      setup() {
-        const searchQuery = ref('');
-        const instances = ref(mockInstances);
-        const filteredInstances = computed(() => {
-          if (!searchQuery.value) return instances.value;
-          return instances.value.filter(i => i.name.toLowerCase().includes(searchQuery.value.toLowerCase()));
-        });
-
-        const getDbTypeColor = (type) => ({ mysql: '#4479A1', redis: '#DC382D', postgresql: '#336791', mongodb: '#47A248' }[type] || '#909399');
-        const getDbTypeTag = (type) => ({ mysql: 'primary', redis: 'danger', postgresql: 'info', mongodb: 'success' }[type] || '');
-        const getEnvType = (env) => ({ dev: 'info', test: 'warning', staging: '', prod: 'danger' }[env] || '');
-        const getEnvLabel = (env) => ({ dev: '开发', test: '测试', staging: '预发布', prod: '生产' }[env] || env);
-
-        const testConnection = (row) => {
-          ElementPlus.ElMessage.success(`连接成功: ${row.name}`);
-        };
-
-        return { searchQuery, filteredInstances, getDbTypeColor, getDbTypeTag, getEnvType, getEnvLabel, testConnection };
-      }
-    };
-
-    // SQL 工单组件
-    const Workflows = {
-      template: `
-        <el-card shadow="hover">
-          <template #header>
-            <div class="card-header">
-              <div>
-                <el-input v-model="searchQuery" placeholder="搜索工单" clearable style="width: 250px;">
-                  <template #prefix><el-icon><Search /></el-icon></template>
-                </el-input>
-              </div>
-              <el-button type="primary" @click="$router.push('/workflows/create')"><el-icon><Plus /></el-icon>创建工单</el-button>
-            </div>
-          </template>
-          <el-table :data="filteredWorkflows" stripe>
-            <el-table-column prop="id" label="ID" width="80" />
-            <el-table-column prop="title" label="标题" min-width="200">
-              <template #default="{ row }">
-                <el-link type="primary" @click="viewDetail(row.id)">{{ row.title }}</el-link>
-              </template>
-            </el-table-column>
-            <el-table-column prop="instance_name" label="数据源" width="150" />
-            <el-table-column prop="workflow_type" label="类型" width="80">
-              <template #default="{ row }">
-                <el-tag :type="row.workflow_type === 'ddl' ? 'primary' : 'success'" size="small">{{ row.workflow_type.toUpperCase() }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column prop="risk_level" label="风险" width="100">
-              <template #default="{ row }">
-                <el-tag :type="getRiskType(row.risk_level)" size="small">{{ getRiskLabel(row.risk_level) }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column prop="risk_score" label="风险分" width="90">
-              <template #default="{ row }">
-                <el-progress :percentage="row.risk_score" :color="getRiskColor(row.risk_score)" :stroke-width="8" />
-              </template>
-            </el-table-column>
-            <el-table-column prop="status" label="状态" width="100">
-              <template #default="{ row }">
-                <el-tag :type="getStatusType(row.status)" size="small">{{ getStatusLabel(row.status) }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column prop="submitter_name" label="提交人" width="100" />
-            <el-table-column prop="created_at" label="创建时间" width="160" />
-            <el-table-column label="操作" width="200" fixed="right">
-              <template #default="{ row }">
-                <el-button type="primary" link @click="viewDetail(row.id)">查看</el-button>
-                <template v-if="row.status === 'pending'">
-                  <el-button type="success" link @click="handleReview(row, 'approve')">通过</el-button>
-                  <el-button type="danger" link @click="handleReview(row, 'reject')">拒绝</el-button>
-                </template>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-card>
-      `,
-      setup() {
-        const searchQuery = ref('');
-        const workflows = ref(mockWorkflows);
-        const filteredWorkflows = computed(() => {
-          if (!searchQuery.value) return workflows.value;
-          return workflows.value.filter(w => w.title.toLowerCase().includes(searchQuery.value.toLowerCase()));
-        });
-        const router = VueRouter.useRouter();
-
-        const getRiskType = (level) => ({ high: 'danger', medium: 'warning', low: 'info', safe: 'success' }[level] || 'info');
-        const getRiskLabel = (level) => ({ high: '高风险', medium: '中风险', low: '低风险', safe: '安全' }[level] || level);
-        const getRiskColor = (score) => score >= 50 ? '#F56C6C' : score >= 30 ? '#E6A23C' : score >= 10 ? '#409EFF' : '#67C23A';
-        const getStatusType = (status) => ({ pending: 'warning', approved: 'success', rejected: 'danger', executing: 'info', success: 'success', failed: 'danger' }[status] || 'info');
-        const getStatusLabel = (status) => ({ pending: '待审核', approved: '已通过', rejected: '已拒绝', executing: '执行中', success: '成功', failed: '失败' }[status] || status);
-
-        const viewDetail = (id) => {
-          router.push(`/workflows/${id}`);
-        };
-
-        const handleReview = (row, action) => {
-          ElementPlus.ElMessage.success(`${action === 'approve' ? '通过' : '拒绝'}工单: ${row.title}`);
-        };
-
-        return { searchQuery, filteredWorkflows, getRiskType, getRiskLabel, getRiskColor, getStatusType, getStatusLabel, viewDetail, handleReview };
-      }
-    };
-
-    // 创建工单组件
-    const CreateWorkflow = {
-      template: `
-        <el-card shadow="hover">
-          <template #header>
-            <div class="card-header">
-              <span>创建 SQL 工单</span>
-              <el-button @click="$router.back()">返回</el-button>
-            </div>
-          </template>
-          <el-steps :active="currentStep" finish-status="success" style="margin-bottom: 32px;">
-            <el-step title="填写信息" />
-            <el-step title="SQL 审核" />
-            <el-step title="提交工单" />
-          </el-steps>
-          <div v-if="currentStep === 0" style="max-width: 800px; margin: 0 auto;">
-            <el-form :model="form" label-width="100px">
-              <el-form-item label="标题"><el-input v-model="form.title" placeholder="请输入工单标题" /></el-form-item>
-              <el-form-item label="数据源">
-                <el-select v-model="form.instance_id" placeholder="选择数据源" style="width: 100%;">
-                  <el-option v-for="instance in instances" :key="instance.id" :label="instance.name" :value="instance.id" />
-                </el-select>
-              </el-form-item>
-              <el-form-item label="工单类型">
-                <el-radio-group v-model="form.workflow_type">
-                  <el-radio-button label="ddl">DDL (结构变更)</el-radio-button>
-                  <el-radio-button label="dml">DML (数据变更)</el-radio-button>
-                </el-radio-group>
-              </el-form-item>
-              <el-form-item label="SQL 语句">
-                <el-input v-model="form.sql_content" type="textarea" :rows="10" placeholder="请输入 SQL 语句..." />
-              </el-form-item>
-              <el-form-item label="描述">
-                <el-input v-model="form.description" type="textarea" :rows="3" placeholder="请输入工单描述（可选）" />
-              </el-form-item>
-            </el-form>
-            <div style="display: flex; justify-content: center; gap: 16px; margin-top: 32px;">
-              <el-button type="primary" @click="handleAudit">审核 SQL</el-button>
-            </div>
-          </div>
-          <div v-if="currentStep === 1" style="max-width: 800px; margin: 0 auto;">
-            <el-alert :title="'审核完成，风险评分: ' + auditResult.risk_score + '，风险等级: ' + getRiskLabel(auditResult.risk_level)" :type="getRiskType(auditResult.risk_level)" show-icon style="margin-bottom: 24px;" />
-            <div v-if="auditResult.sql_results.length > 0">
-              <h4 class="section-title">审核结果</h4>
-              <div v-for="(result, index) in auditResult.sql_results" :key="index" class="audit-item">
-                <div class="audit-header">
-                  <el-tag :type="getRiskType(result.risk_level)" size="small">{{ getRiskLabel(result.risk_level) }}</el-tag>
-                  <span style="font-weight: 500;">{{ result.rule_name }}</span>
-                </div>
-                <div class="audit-message">{{ result.message }}</div>
-                <div v-if="result.suggestion" class="audit-suggestion">建议: {{ result.suggestion }}</div>
-              </div>
-            </div>
-            <el-result v-else icon="success" title="SQL 审核通过" sub-title="未发现风险问题" />
-            <div style="display: flex; justify-content: center; gap: 16px; margin-top: 32px;">
-              <el-button @click="currentStep = 0">上一步</el-button>
-              <el-button type="primary" @click="handleSubmit">提交工单</el-button>
-            </div>
-          </div>
-          <div v-if="currentStep === 2" style="max-width: 800px; margin: 0 auto;">
-            <el-result icon="success" title="工单创建成功" sub-title="工单编号: 10086">
-              <template #extra>
-                <el-button type="primary" @click="$router.push('/workflows')">查看工单</el-button>
-                <el-button @click="createAnother">创建新工单</el-button>
-              </template>
-            </el-result>
-          </div>
-        </el-card>
-      `,
-      setup() {
-        const currentStep = ref(0);
-        const instances = ref(mockInstances);
-        const form = reactive({ title: '', instance_id: null, workflow_type: 'ddl', sql_content: '', description: '' });
-        const auditResult = ref({ risk_score: 0, risk_level: 'safe', sql_results: [] });
-        const router = VueRouter.useRouter();
-
-        const getRiskType = (level) => ({ high: 'danger', medium: 'warning', low: 'info', safe: 'success' }[level] || 'info');
-        const getRiskLabel = (level) => ({ high: '高风险', medium: '中风险', low: '低风险', safe: '安全' }[level] || level);
-
-        const handleAudit = () => {
-          if (!form.title || !form.instance_id || !form.sql_content) {
-            ElementPlus.ElMessage.warning('请填写完整信息');
-            return;
-          }
-          const sqlUpper = form.sql_content.toUpperCase();
-          const results = [];
-          let riskScore = 0;
-          if (sqlUpper.includes('DELETE') && !sqlUpper.includes('WHERE')) {
-            results.push({ rule_id: 1, rule_name: '禁止DELETE无WHERE条件', risk_level: 'high', message: 'DELETE语句缺少WHERE条件，将删除全表数据', suggestion: '请添加WHERE条件限制删除范围' });
-            riskScore += 50;
-          }
-          if (sqlUpper.includes('UPDATE') && !sqlUpper.includes('WHERE')) {
-            results.push({ rule_id: 2, rule_name: '禁止UPDATE无WHERE条件', risk_level: 'high', message: 'UPDATE语句缺少WHERE条件，将更新全表数据', suggestion: '请添加WHERE条件限制更新范围' });
-            riskScore += 50;
-          }
-          if (sqlUpper.includes('SELECT *')) {
-            results.push({ rule_id: 6, rule_name: 'SELECT * 建议指定列', risk_level: 'low', message: '建议使用具体的列名替代 *', suggestion: '列出需要的字段名' });
-            riskScore += 10;
-          }
-          let riskLevel = 'safe';
-          if (riskScore >= 50) riskLevel = 'high';
-          else if (riskScore >= 30) riskLevel = 'medium';
-          else if (riskScore >= 10) riskLevel = 'low';
-          auditResult.value = { risk_score: riskScore, risk_level: riskLevel, sql_results: results };
-          currentStep.value = 1;
-        };
-
-        const handleSubmit = () => {
-          ElementPlus.ElMessage.success('工单创建成功');
-          currentStep.value = 2;
-        };
-
-        const createAnother = () => {
-          currentStep.value = 0;
-          form.title = '';
-          form.instance_id = null;
-          form.workflow_type = 'ddl';
-          form.sql_content = '';
-          form.description = '';
-        };
-
-        return { currentStep, instances, form, auditResult, getRiskType, getRiskLabel, handleAudit, handleSubmit, createAnother };
-      }
-    };
-
-    // 工单详情组件
-    const WorkflowDetail = {
-      template: `
-        <el-card shadow="hover">
-          <template #header>
-            <div class="card-header">
-              <div style="display: flex; align-items: center; gap: 16px;">
-                <el-button @click="$router.back()"><el-icon><ArrowLeft /></el-icon>返回</el-button>
-                <span style="font-size: 18px; font-weight: 500;">工单详情 #{{ workflow.id }}</span>
-                <el-tag :type="getStatusType(workflow.status)">{{ getStatusLabel(workflow.status) }}</el-tag>
-              </div>
-              <div>
-                <el-button v-if="workflow.status === 'pending'" type="success">通过</el-button>
-                <el-button v-if="workflow.status === 'pending'" type="danger">拒绝</el-button>
-                <el-button v-if="workflow.status === 'approved'" type="primary">执行</el-button>
-              </div>
-            </div>
-          </template>
-          <el-descriptions title="基本信息" :column="3" border>
-            <el-descriptions-item label="标题">{{ workflow.title }}</el-descriptions-item>
-            <el-descriptions-item label="类型">
-              <el-tag :type="workflow.workflow_type === 'ddl' ? 'primary' : 'success'">{{ workflow.workflow_type.toUpperCase() }}</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="风险等级">
-              <el-tag :type="getRiskType(workflow.risk_level)">{{ getRiskLabel(workflow.risk_level) }} ({{ workflow.risk_score }}分)</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="数据源">{{ workflow.instance_name }}</el-descriptions-item>
-            <el-descriptions-item label="提交人">{{ workflow.submitter_name }}</el-descriptions-item>
-            <el-descriptions-item label="创建时间">{{ workflow.created_at }}</el-descriptions-item>
-          </el-descriptions>
-          <div style="margin-top: 24px;">
-            <h4 class="section-title">SQL 语句</h4>
-            <pre class="sql-content">{{ workflow.sql_content }}</pre>
-          </div>
-          <div style="margin-top: 24px;">
-            <h4 class="section-title">审批流程</h4>
-            <el-steps :active="2" finish-status="success">
-              <el-step title="提交工单" :description="workflow.submitter_name" />
-              <el-step title="审核" description="待审核" />
-              <el-step title="执行" description="待执行" />
-            </el-steps>
-          </div>
-        </el-card>
-      `,
-      setup() {
-        const route = VueRouter.useRoute();
-        const workflow = ref(mockWorkflows.find(w => w.id === parseInt(route.params.id)) || mockWorkflows[0]);
-        const getRiskType = (level) => ({ high: 'danger', medium: 'warning', low: 'info', safe: 'success' }[level] || 'info');
-        const getRiskLabel = (level) => ({ high: '高风险', medium: '中风险', low: '低风险', safe: '安全' }[level] || level);
-        const getStatusType = (status) => ({ pending: 'warning', approved: 'success', rejected: 'danger', executing: 'info', success: 'success', failed: 'danger' }[status] || 'info');
-        const getStatusLabel = (status) => ({ pending: '待审核', approved: '已通过', rejected: '已拒绝', executing: '执行中', success: '成功', failed: '失败' }[status] || status);
-        return { workflow, getRiskType, getRiskLabel, getStatusType, getStatusLabel };
-      }
-    };
-
-    // 用户管理组件
-    const Users = {
-      template: `
-        <el-card shadow="hover">
-          <template #header>
-            <div class="card-header">
-              <el-input v-model="searchQuery" placeholder="搜索用户" clearable style="width: 300px;">
-                <template #prefix><el-icon><Search /></el-icon></template>
-              </el-input>
-              <el-button type="primary"><el-icon><Plus /></el-icon>添加用户</el-button>
-            </div>
-          </template>
-          <el-table :data="filteredUsers" stripe>
-            <el-table-column label="用户" min-width="200">
-              <template #default="{ row }">
-                <div class="user-info-cell">
-                  <el-avatar :size="40" :src="'https://api.dicebear.com/7.x/avataaars/svg?seed=' + row.username" />
-                  <div class="user-detail">
-                    <div class="username">{{ row.username }}</div>
-                    <div class="email">{{ row.email }}</div>
-                  </div>
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column prop="role" label="角色" width="120">
-              <template #default="{ row }">
-                <el-tag :type="getRoleType(row.role)">{{ getRoleLabel(row.role) }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column prop="department" label="部门" width="150" />
-            <el-table-column prop="phone" label="电话" width="150" />
-            <el-table-column prop="created_at" label="创建时间" width="180" />
-            <el-table-column prop="is_active" label="状态" width="100">
-              <template #default="{ row }">
-                <el-tag :type="row.is_active ? 'success' : 'info'" size="small">{{ row.is_active ? '启用' : '禁用' }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column label="操作" width="150" fixed="right">
-              <template #default="{ row }">
-                <el-button type="primary" link>编辑</el-button>
-                <el-button type="danger" link>禁用</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-card>
-      `,
-      setup() {
-        const searchQuery = ref('');
-        const users = ref(mockUsers);
-        const filteredUsers = computed(() => {
-          if (!searchQuery.value) return users.value;
-          return users.value.filter(u => u.username.toLowerCase().includes(searchQuery.value.toLowerCase()) || u.email.toLowerCase().includes(searchQuery.value.toLowerCase()));
-        });
-        const getRoleType = (role) => ({ admin: 'danger', dba: 'warning', developer: 'success', auditor: 'info' }[role] || 'info');
-        const getRoleLabel = (role) => ({ admin: '管理员', dba: 'DBA', developer: '开发者', auditor: '审计员' }[role] || role);
-        return { searchQuery, filteredUsers, getRoleType, getRoleLabel };
-      }
-    };
-
-    // 布局组件
-    const MainLayout = {
-      template: `
-        <el-container class="main-layout">
-          <el-aside width="220px" class="sidebar">
-            <div class="logo">
-              <el-icon size="28" color="#fff"><DataLine /></el-icon>
-              <span class="logo-text">数据审核平台</span>
-            </div>
-            <el-menu :default-active="$route.path" router background-color="#001529" text-color="#fff" active-text-color="#409EFF">
-              <el-menu-item v-for="item in menuItems" :key="item.path" :index="item.path">
-                <el-icon><component :is="item.icon" /></el-icon>
-                <span>{{ item.title }}</span>
-              </el-menu-item>
-            </el-menu>
-          </el-aside>
-          <el-container>
-            <el-header class="header">
-              <div></div>
-              <div class="header-right">
-                <el-badge :value="3" class="notification-badge">
-                  <el-icon size="20" style="cursor: pointer;"><Bell /></el-icon>
-                </el-badge>
-                <el-dropdown @command="handleCommand">
-                  <div class="user-info">
-                    <el-avatar :size="32" :src="'https://api.dicebear.com/7.x/avataaars/svg?seed=' + user.username" />
-                    <span>{{ user.username }}</span>
-                    <el-icon><ArrowDown /></el-icon>
-                  </div>
-                  <template #dropdown>
-                    <el-dropdown-menu>
-                      <el-dropdown-item command="profile">个人中心</el-dropdown-item>
-                      <el-dropdown-item command="settings">系统设置</el-dropdown-item>
-                      <el-dropdown-item divided command="logout">退出登录</el-dropdown-item>
-                    </el-dropdown-menu>
-                  </template>
-                </el-dropdown>
-              </div>
-            </el-header>
-            <el-main class="main-content">
-              <router-view />
-            </el-main>
-          </el-container>
-        </el-container>
-      `,
-      setup() {
-        const router = VueRouter.useRouter();
-        const user = ref(JSON.parse(localStorage.getItem('user') || '{}'));
-        const menuItems = [
-          { path: '/', title: '仪表盘', icon: 'Odometer' },
-          { path: '/instances', title: '数据源管理', icon: 'DataLine' },
-          { path: '/workflows', title: 'SQL 工单', icon: 'Document' },
-          { path: '/query', title: 'SQL 查询', icon: 'Search' },
-          { path: '/dictionary', title: '数据字典', icon: 'Collection' },
-          { path: '/audit-rules', title: '审核规则', icon: 'Warning' },
-          { path: '/redis', title: 'Redis 管理', icon: 'Coin' },
-          { path: '/users', title: '用户管理', icon: 'User' },
-          { path: '/settings', title: '系统设置', icon: 'Setting' },
-        ];
-
-        const handleCommand = (command) => {
-          if (command === 'logout') {
-            localStorage.removeItem('user');
-            router.push('/login');
-          }
-        };
-
-        return { user, menuItems, handleCommand };
-      }
-    };
-
-    // 路由配置
-    const routes = [
-      { path: '/login', component: Login },
-      {
-        path: '/',
-        component: MainLayout,
-        redirect: '/',
-        children: [
-          { path: '/', component: Dashboard },
-          { path: '/instances', component: Instances },
-          { path: '/workflows', component: Workflows },
-          { path: '/workflows/create', component: CreateWorkflow },
-          { path: '/workflows/:id', component: WorkflowDetail },
-          { path: '/query', component: { template: '<el-card><template #header><span>SQL 查询</span></template><el-alert title="SQL 查询功能" description="支持在线 SQL 编辑器和查询结果展示" type="info" show-icon /></el-card>' } },
-          { path: '/dictionary', component: { template: '<el-card><template #header><span>数据字典</span></template><el-alert title="数据字典功能" description="支持表结构查看、字段信息、索引信息" type="info" show-icon /></el-card>' } },
-          { path: '/audit-rules', component: { template: '<el-card><template #header><span>审核规则</span></template><el-alert title="审核规则功能" description="支持 SQL 审核规则配置和管理" type="info" show-icon /></el-card>' } },
-          { path: '/redis', component: { template: '<el-card><template #header><span>Redis 管理</span></template><el-alert title="Redis 管理功能" description="支持 Redis 信息监控和命令执行" type="info" show-icon /></el-card>' } },
-          { path: '/users', component: Users },
-          { path: '/settings', component: { template: '<el-card><template #header><span>系统设置</span></template><el-alert title="系统设置功能" description="支持基本设置、通知设置、安全设置" type="info" show-icon /></el-card>' } },
-        ]
-      }
-    ];
-
-    const router = createRouter({
-      history: createWebHashHistory(),
-      routes
-    });
-
-    router.beforeEach((to, from, next) => {
-      if (to.path === '/login') {
-        next();
-        return;
-      }
-      const user = localStorage.getItem('user');
-      if (!user) {
-        next('/login');
-        return;
-      }
-      next();
-    });
-
-    // 创建应用
-    const app = createApp({
-      template: '<router-view />'
-    });
-
-    app.use(router);
-    app.use(ElementPlus, { locale: ElementPlusLocaleZhCn });
-    app.mount('#app');
-  </script>
-</body>
-</html>
diff --git a/数据审核平台菜单优化/data-audit-platform/docker-compose.yml b/数据审核平台菜单优化/data-audit-platform/docker-compose.yml
deleted file mode 100644
index 72dd768..0000000
--- a/数据审核平台菜单优化/data-audit-platform/docker-compose.yml
+++ /dev/null
@@ -1,46 +0,0 @@
-version: '3.8'
-
-services:
-  app:
-    build: .
-    ports:
-      - "8000:8000"
-    environment:
-      - DATABASE_URL=mysql+pymysql://root:password@mysql:3306/data_audit
-      - REDIS_URL=redis://redis:6379/0
-      - SECRET_KEY=your-secret-key-change-in-production
-      - DEBUG=False
-    depends_on:
-      - mysql
-      - redis
-    networks:
-      - data-audit-network
-
-  mysql:
-    image: mysql:8.0
-    environment:
-      - MYSQL_ROOT_PASSWORD=password
-      - MYSQL_DATABASE=data_audit
-    ports:
-      - "3306:3306"
-    volumes:
-      - mysql_data:/var/lib/mysql
-    networks:
-      - data-audit-network
-
-  redis:
-    image: redis:7-alpine
-    ports:
-      - "6379:6379"
-    volumes:
-      - redis_data:/data
-    networks:
-      - data-audit-network
-
-volumes:
-  mysql_data:
-  redis_data:
-
-networks:
-  data-audit-network:
-    driver: bridge
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/index.html b/数据审核平台菜单优化/data-audit-platform/frontend/index.html
deleted file mode 100644
index 0f9f71f..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>数据审核平台</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/package.json b/数据审核平台菜单优化/data-audit-platform/frontend/package.json
deleted file mode 100644
index 9b9b068..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/package.json
+++ /dev/null
@@ -1,39 +0,0 @@
-{
-  "name": "data-audit-platform",
-  "version": "1.0.0",
-  "description": "数据审核平台 - 支持 MySQL、Redis 的数据库变更管理和 SQL 审核平台",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
-  },
-  "dependencies": {
-    "vue": "^3.4.15",
-    "vue-router": "^4.2.5",
-    "pinia": "^2.1.7",
-    "axios": "^1.6.5",
-    "element-plus": "^2.5.1",
-    "@element-plus/icons-vue": "^2.3.1",
-    "echarts": "^5.4.3",
-    "vue-echarts": "^6.6.8",
-    "dayjs": "^1.11.10",
-    "js-cookie": "^3.0.5",
-    "nprogress": "^0.2.0",
-    "@codemirror/lang-sql": "^6.5.5",
-    "codemirror": "^6.0.1",
-    "vue-codemirror": "^6.1.1"
-  },
-  "devDependencies": {
-    "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.10.6",
-    "@types/nprogress": "^0.2.3",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vue/tsconfig": "^0.5.1",
-    "typescript": "~5.3.0",
-    "vite": "^5.0.11",
-    "vue-tsc": "^1.8.27",
-    "sass": "^1.69.7"
-  }
-}
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/App.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/App.vue
deleted file mode 100644
index 9cb843c..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/App.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <router-view />
-</template>
-
-<style>
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-#app {
-  height: 100vh;
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/api/index.ts b/数据审核平台菜单优化/data-audit-platform/frontend/src/api/index.ts
deleted file mode 100644
index b35e811..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/api/index.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import axios from 'axios'
-import { ElMessage } from 'element-plus'
-import { useUserStore } from '@/stores/user'
-
-const api = axios.create({
-  baseURL: '/api',
-  timeout: 30000,
-  headers: {
-    'Content-Type': 'application/json',
-  },
-})
-
-// 请求拦截器
-api.interceptors.request.use(
-  (config) => {
-    const userStore = useUserStore()
-    if (userStore.token) {
-      config.headers.Authorization = `Bearer ${userStore.token}`
-    }
-    return config
-  },
-  (error) => {
-    return Promise.reject(error)
-  }
-)
-
-// 响应拦截器
-api.interceptors.response.use(
-  (response) => {
-    return response.data
-  },
-  (error) => {
-    const message = error.response?.data?.detail || error.message || '请求失败'
-    ElMessage.error(message)
-    if (error.response?.status === 401) {
-      const userStore = useUserStore()
-      userStore.logout()
-      window.location.href = '/login'
-    }
-    return Promise.reject(error)
-  }
-)
-
-// 认证相关
-export const authApi = {
-  login: (data: { username: string; password: string }) =>
-    api.post('/auth/login', data),
-  logout: () => api.post('/auth/logout'),
-  getMe: () => api.get('/auth/me'),
-}
-
-// 用户管理
-export const userApi = {
-  list: (params?: any) => api.get('/users', { params }),
-  get: (id: number) => api.get(`/users/${id}`),
-}
-
-// 数据源管理
-export const instanceApi = {
-  list: (params?: any) => api.get('/instances', { params }),
-  get: (id: number) => api.get(`/instances/${id}`),
-  create: (data: any) => api.post('/instances', data),
-  update: (id: number, data: any) => api.put(`/instances/${id}`, data),
-  delete: (id: number) => api.delete(`/instances/${id}`),
-  test: (id: number) => api.post(`/instances/${id}/test`),
-}
-
-// SQL 工单管理
-export const workflowApi = {
-  list: (params?: any) => api.get('/workflows', { params }),
-  get: (id: number) => api.get(`/workflows/${id}`),
-  create: (data: any) => api.post('/workflows', data),
-  review: (id: number, data: any) => api.post(`/workflows/${id}/review`, data),
-  execute: (id: number) => api.post(`/workflows/${id}/execute`),
-  rollback: (id: number) => api.post(`/workflows/${id}/rollback`),
-  statistics: () => api.get('/workflows/statistics'),
-}
-
-// SQL 审核规则
-export const auditRuleApi = {
-  list: (params?: any) => api.get('/audit-rules', { params }),
-  update: (id: number, data: any) => api.put(`/audit-rules/${id}`, data),
-}
-
-// SQL 查询
-export const queryApi = {
-  execute: (data: any) => api.post('/query', data),
-}
-
-// 数据字典
-export const dictionaryApi = {
-  databases: (instanceId: number) =>
-    api.get(`/dictionary/instances/${instanceId}/databases`),
-  tables: (instanceId: number, database: string) =>
-    api.get(`/dictionary/instances/${instanceId}/tables`, { params: { database } }),
-  tableInfo: (instanceId: number, database: string, tableName: string) =>
-    api.get(`/dictionary/instances/${instanceId}/tables/${tableName}`, { params: { database } }),
-}
-
-// Dashboard
-export const dashboardApi = {
-  stats: () => api.get('/dashboard/stats'),
-}
-
-// 通知
-export const notificationApi = {
-  list: (params?: any) => api.get('/notifications', { params }),
-  markRead: (id: number) => api.put(`/notifications/${id}/read`),
-  unreadCount: () => api.get('/notifications/unread-count'),
-}
-
-// Redis
-export const redisApi = {
-  info: (instanceId: number) => api.get(`/redis/${instanceId}/info`),
-  command: (instanceId: number, data: { command: string }) =>
-    api.post(`/redis/${instanceId}/command`, data),
-}
-
-// 系统配置
-export const configApi = {
-  list: () => api.get('/configs'),
-  update: (key: string, value: any) => api.put(`/configs/${key}`, { value }),
-}
-
-export default api
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/layouts/MainLayout.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/layouts/MainLayout.vue
deleted file mode 100644
index 150f347..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/layouts/MainLayout.vue
+++ /dev/null
@@ -1,431 +0,0 @@
-<template>
-  <el-container class="main-layout">
-    <!-- 侧边栏 -->
-    <el-aside width="240px" class="sidebar">
-      <div class="logo">
-        <el-icon size="28"><DataLine /></el-icon>
-        <span class="logo-text">数据审核平台</span>
-      </div>
-      
-      <el-menu
-        :default-active="activeMenu"
-        :default-openeds="openeds"
-        router
-        class="sidebar-menu"
-        background-color="#001529"
-        text-color="#fff"
-        active-text-color="#409EFF"
-      >
-        <el-menu-item index="/dashboard">
-          <el-icon><Odometer /></el-icon>
-          <span>仪表盘</span>
-        </el-menu-item>
-
-        <!-- 数据源管理 -->
-        <el-sub-menu index="/datasource">
-          <template #title>
-            <el-icon><DataLine /></el-icon>
-            <span>数据源管理</span>
-          </template>
-          <el-menu-item index="/datasource/mysql">
-            <el-icon><Coin /></el-icon>
-            <span>MySQL 实例</span>
-          </el-menu-item>
-          <el-menu-item index="/datasource/redis">
-            <el-icon><Lightning /></el-icon>
-            <span>Redis 实例</span>
-          </el-menu-item>
-          <el-menu-item index="/datasource/postgresql">
-            <el-icon><DataAnalysis /></el-icon>
-            <span>PostgreSQL 实例</span>
-          </el-menu-item>
-        </el-sub-menu>
-
-        <!-- SQL 审核 -->
-        <el-sub-menu index="/audit">
-          <template #title>
-            <el-icon><DocumentChecked /></el-icon>
-            <span>SQL 审核</span>
-          </template>
-          <el-menu-item index="/audit/workflows">
-            <el-icon><Document /></el-icon>
-            <span>工单列表</span>
-          </el-menu-item>
-          <el-menu-item index="/audit/rules">
-            <el-icon><Warning /></el-icon>
-            <span>审核规则</span>
-          </el-menu-item>
-          <el-menu-item index="/audit/templates">
-            <el-icon><DocumentCopy /></el-icon>
-            <span>工单模板</span>
-          </el-menu-item>
-        </el-sub-menu>
-
-        <!-- 数据字典 -->
-        <el-sub-menu index="/dictionary">
-          <template #title>
-            <el-icon><Collection /></el-icon>
-            <span>数据字典</span>
-          </template>
-          <el-menu-item index="/dictionary/tables">
-            <el-icon><Grid /></el-icon>
-            <span>表结构</span>
-          </el-menu-item>
-          <el-menu-item index="/dictionary/er">
-            <el-icon><Share /></el-icon>
-            <span>ER 图</span>
-          </el-menu-item>
-          <el-menu-item index="/dictionary/export">
-            <el-icon><Download /></el-icon>
-            <span>导出文档</span>
-          </el-menu-item>
-        </el-sub-menu>
-
-        <!-- 系统管理 -->
-        <el-sub-menu index="/system">
-          <template #title>
-            <el-icon><Setting /></el-icon>
-            <span>系统管理</span>
-          </template>
-          <el-menu-item index="/system/users">
-            <el-icon><User /></el-icon>
-            <span>用户管理</span>
-          </el-menu-item>
-          <el-menu-item index="/system/roles">
-            <el-icon><Lock /></el-icon>
-            <span>角色权限</span>
-          </el-menu-item>
-          <el-menu-item index="/system/logs">
-            <el-icon><Document /></el-icon>
-            <span>操作日志</span>
-          </el-menu-item>
-          <el-menu-item index="/system/settings">
-            <el-icon><Tools /></el-icon>
-            <span>系统设置</span>
-          </el-menu-item>
-        </el-sub-menu>
-      </el-menu>
-    </el-aside>
-
-    <el-container>
-      <!-- 顶部导航 -->
-      <el-header class="header">
-        <div class="header-left">
-          <breadcrumb />
-        </div>
-        <div class="header-right">
-          <!-- 快捷操作 -->
-          <el-tooltip content="创建工单">
-            <el-button circle @click="$router.push('/audit/workflows/create')">
-              <el-icon><Plus /></el-icon>
-            </el-button>
-          </el-tooltip>
-          
-          <!-- 通知 -->
-          <el-badge :value="unreadCount" :hidden="unreadCount === 0" class="notification-badge">
-            <el-icon size="20" @click="showNotifications" class="notification-icon">
-              <Bell />
-            </el-icon>
-          </el-badge>
-
-          <!-- 用户菜单 -->
-          <el-dropdown @command="handleCommand">
-            <div class="user-info">
-              <el-avatar :size="32" :src="userStore.user?.avatar" />
-              <span class="username">{{ userStore.user?.username }}</span>
-              <el-tag size="small" :type="getRoleType(userStore.user?.role)" class="role-tag">
-                {{ getRoleLabel(userStore.user?.role) }}
-              </el-tag>
-              <el-icon><ArrowDown /></el-icon>
-            </div>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item command="profile">个人中心</el-dropdown-item>
-                <el-dropdown-item command="settings">系统设置</el-dropdown-item>
-                <el-dropdown-item divided command="logout">退出登录</el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </div>
-      </el-header>
-
-      <!-- 主内容区 -->
-      <el-main class="main-content">
-        <router-view v-slot="{ Component }">
-          <transition name="fade" mode="out-in">
-            <component :is="Component" />
-          </transition>
-        </router-view>
-      </el-main>
-    </el-container>
-
-    <!-- 通知抽屉 -->
-    <el-drawer v-model="notificationVisible" title="通知中心" size="400px">
-      <div class="notification-list">
-        <div
-          v-for="notification in notifications"
-          :key="notification.id"
-          class="notification-item"
-          :class="{ unread: !notification.is_read }"
-          @click="markAsRead(notification.id)"
-        >
-          <div class="notification-header">
-            <el-tag :type="notification.type" size="small">{{ notification.type }}</el-tag>
-            <span class="notification-time">{{ formatTime(notification.created_at) }}</span>
-          </div>
-          <div class="notification-title">{{ notification.title }}</div>
-          <div class="notification-content">{{ notification.content }}</div>
-        </div>
-      </div>
-    </el-drawer>
-  </el-container>
-</template>
-
-<script setup lang="ts">
-import { computed, ref, onMounted } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { useUserStore } from '@/stores/user'
-import { notificationApi } from '@/api'
-import type { Notification } from '@/types'
-import dayjs from 'dayjs'
-
-const route = useRoute()
-const router = useRouter()
-const userStore = useUserStore()
-
-const activeMenu = computed(() => route.path)
-const openeds = computed(() => {
-  // 根据当前路径自动展开对应的子菜单
-  const path = route.path
-  if (path.startsWith('/datasource')) return ['/datasource']
-  if (path.startsWith('/audit')) return ['/audit']
-  if (path.startsWith('/dictionary')) return ['/dictionary']
-  if (path.startsWith('/system')) return ['/system']
-  if (path.startsWith('/mysql') || path.startsWith('/redis')) {
-    return ['/datasource']
-  }
-  return []
-})
-
-const getRoleType = (role?: string) => {
-  const map: Record<string, string> = {
-    admin: 'danger',
-    dba: 'warning',
-    developer: 'success',
-    auditor: 'info',
-  }
-  return map[role || ''] || 'info'
-}
-
-const getRoleLabel = (role?: string) => {
-  const map: Record<string, string> = {
-    admin: '管理员',
-    dba: 'DBA',
-    developer: '开发者',
-    auditor: '审计员',
-  }
-  return map[role || ''] || role
-}
-
-const handleCommand = (command: string) => {
-  switch (command) {
-    case 'profile':
-      router.push('/profile')
-      break
-    case 'settings':
-      router.push('/system/settings')
-      break
-    case 'logout':
-      userStore.logout()
-      router.push('/login')
-      break
-  }
-}
-
-// 通知
-const notificationVisible = ref(false)
-const notifications = ref<Notification[]>([])
-const unreadCount = ref(0)
-
-const showNotifications = () => {
-  notificationVisible.value = true
-  fetchNotifications()
-}
-
-const fetchNotifications = async () => {
-  const res: any = await notificationApi.list()
-  notifications.value = res
-}
-
-const fetchUnreadCount = async () => {
-  const res: any = await notificationApi.unreadCount()
-  unreadCount.value = res.count
-}
-
-const markAsRead = async (id: number) => {
-  await notificationApi.markRead(id)
-  fetchNotifications()
-  fetchUnreadCount()
-}
-
-const formatTime = (time: string) => {
-  return dayjs(time).format('YYYY-MM-DD HH:mm')
-}
-
-onMounted(() => {
-  fetchUnreadCount()
-})
-</script>
-
-<style scoped lang="scss">
-.main-layout {
-  height: 100vh;
-
-  .sidebar {
-    background-color: #001529;
-    color: #fff;
-    overflow-y: auto;
-
-    .logo {
-      height: 64px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0 16px;
-      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-      position: sticky;
-      top: 0;
-      background-color: #001529;
-      z-index: 1;
-
-      .logo-text {
-        font-size: 18px;
-        font-weight: 600;
-        margin-left: 12px;
-      }
-    }
-
-    .sidebar-menu {
-      border-right: none;
-
-      :deep(.el-sub-menu__title) {
-        &:hover {
-          background-color: #1890ff !important;
-        }
-      }
-
-      :deep(.el-menu-item) {
-        &:hover {
-          background-color: #1890ff !important;
-        }
-
-        &.is-active {
-          background-color: #1890ff !important;
-        }
-      }
-    }
-  }
-
-  .header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background-color: #fff;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-
-    .header-right {
-      display: flex;
-      align-items: center;
-      gap: 20px;
-
-      .notification-icon {
-        cursor: pointer;
-        color: #606266;
-        font-size: 20px;
-
-        &:hover {
-          color: #409EFF;
-        }
-      }
-
-      .user-info {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        cursor: pointer;
-        padding: 4px 8px;
-        border-radius: 4px;
-        transition: background-color 0.3s;
-
-        &:hover {
-          background-color: #f5f7fa;
-        }
-
-        .username {
-          font-size: 14px;
-          color: #606266;
-        }
-
-        .role-tag {
-          margin-left: 4px;
-        }
-      }
-    }
-  }
-
-  .main-content {
-    background-color: #f0f2f5;
-    padding: 20px;
-    overflow-y: auto;
-  }
-}
-
-.notification-list {
-  .notification-item {
-    padding: 16px;
-    border-bottom: 1px solid #ebeef5;
-    cursor: pointer;
-    transition: background-color 0.3s;
-
-    &:hover {
-      background-color: #f5f7fa;
-    }
-
-    &.unread {
-      background-color: #f0f9ff;
-    }
-
-    .notification-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 8px;
-
-      .notification-time {
-        font-size: 12px;
-        color: #909399;
-      }
-    }
-
-    .notification-title {
-      font-weight: 500;
-      margin-bottom: 4px;
-    }
-
-    .notification-content {
-      font-size: 13px;
-      color: #606266;
-    }
-  }
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.3s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/main.ts b/数据审核平台菜单优化/data-audit-platform/frontend/src/main.ts
deleted file mode 100644
index a95378a..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/main.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-import ElementPlus from 'element-plus'
-import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-import 'element-plus/dist/index.css'
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-
-import App from './App.vue'
-import router from './router'
-import './styles/main.scss'
-
-const app = createApp(App)
-
-// 注册所有图标
-for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
-  app.component(key, component)
-}
-
-app.use(createPinia())
-app.use(router)
-app.use(ElementPlus, { locale: zhCn })
-
-app.mount('#app')
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/router/index.ts b/数据审核平台菜单优化/data-audit-platform/frontend/src/router/index.ts
deleted file mode 100644
index 3a62bdc..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/router/index.ts
+++ /dev/null
@@ -1,259 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import { useUserStore } from '@/stores/user'
-import { ElMessage } from 'element-plus'
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes: [
-    {
-      path: '/login',
-      name: 'Login',
-      component: () => import('@/views/Login.vue'),
-      meta: { public: true },
-    },
-    {
-      path: '/',
-      name: 'Layout',
-      component: () => import('@/layouts/MainLayout.vue'),
-      redirect: '/dashboard',
-      children: [
-        {
-          path: 'dashboard',
-          name: 'Dashboard',
-          component: () => import('@/views/Dashboard.vue'),
-          meta: { title: '仪表盘', icon: 'Odometer' },
-        },
-        // 数据源管理 - 主菜单
-        {
-          path: 'datasource',
-          name: 'Datasource',
-          meta: { title: '数据源管理', icon: 'DataLine' },
-          redirect: '/datasource/mysql',
-          children: [
-            {
-              path: 'mysql',
-              name: 'MySQLInstances',
-              component: () => import('@/views/datasource/mysql/Instances.vue'),
-              meta: { title: 'MySQL 实例', icon: 'Coin' },
-            },
-            {
-              path: 'redis',
-              name: 'RedisInstances',
-              component: () => import('@/views/datasource/redis/Instances.vue'),
-              meta: { title: 'Redis 实例', icon: 'Lightning' },
-            },
-            {
-              path: 'postgresql',
-              name: 'PostgreSQLInstances',
-              component: () => import('@/views/datasource/postgresql/Instances.vue'),
-              meta: { title: 'PostgreSQL 实例', icon: 'DataAnalysis' },
-            },
-          ],
-        },
-        // MySQL 实例详情页
-        {
-          path: 'mysql/:id',
-          name: 'MySQLDetail',
-          component: () => import('@/views/datasource/mysql/Detail.vue'),
-          meta: { title: 'MySQL 管理', hidden: true },
-          redirect: (to: any) => `/mysql/${to.params.id}/query`,
-          children: [
-            {
-              path: 'query',
-              name: 'MySQLQuery',
-              component: () => import('@/views/datasource/mysql/Query.vue'),
-              meta: { title: 'SQL 查询', icon: 'Search' },
-            },
-            {
-              path: 'tables',
-              name: 'MySQLTables',
-              component: () => import('@/views/datasource/mysql/Tables.vue'),
-              meta: { title: '表管理', icon: 'Grid' },
-            },
-            {
-              path: 'users',
-              name: 'MySQLUsers',
-              component: () => import('@/views/datasource/mysql/Users.vue'),
-              meta: { title: '用户权限', icon: 'User' },
-            },
-            {
-              path: 'slow-queries',
-              name: 'MySQLSlowQueries',
-              component: () => import('@/views/datasource/mysql/SlowQueries.vue'),
-              meta: { title: '慢查询', icon: 'Timer' },
-            },
-            {
-              path: 'processlist',
-              name: 'MySQLProcessList',
-              component: () => import('@/views/datasource/mysql/ProcessList.vue'),
-              meta: { title: '进程列表', icon: 'List' },
-            },
-            {
-              path: 'backup',
-              name: 'MySQLBackup',
-              component: () => import('@/views/datasource/mysql/Backup.vue'),
-              meta: { title: '备份恢复', icon: 'Download' },
-            },
-          ],
-        },
-        // Redis 实例详情页
-        {
-          path: 'redis/:id',
-          name: 'RedisDetail',
-          component: () => import('@/views/datasource/redis/Detail.vue'),
-          meta: { title: 'Redis 管理', hidden: true },
-          redirect: (to: any) => `/redis/${to.params.id}/keys`,
-          children: [
-            {
-              path: 'keys',
-              name: 'RedisKeys',
-              component: () => import('@/views/datasource/redis/Keys.vue'),
-              meta: { title: '键管理', icon: 'Key' },
-            },
-            {
-              path: 'monitor',
-              name: 'RedisMonitor',
-              component: () => import('@/views/datasource/redis/Monitor.vue'),
-              meta: { title: '监控面板', icon: 'Odometer' },
-            },
-            {
-              path: 'cli',
-              name: 'RedisCLI',
-              component: () => import('@/views/datasource/redis/CLI.vue'),
-              meta: { title: '命令行', icon: 'Terminal' },
-            },
-            {
-              path: 'performance',
-              name: 'RedisPerformance',
-              component: () => import('@/views/datasource/redis/Performance.vue'),
-              meta: { title: '性能分析', icon: 'TrendCharts' },
-            },
-          ],
-        },
-        // SQL 审核
-        {
-          path: 'audit',
-          name: 'Audit',
-          meta: { title: 'SQL 审核', icon: 'DocumentChecked' },
-          redirect: '/audit/workflows',
-          children: [
-            {
-              path: 'workflows',
-              name: 'Workflows',
-              component: () => import('@/views/audit/workflows/Index.vue'),
-              meta: { title: '工单列表', icon: 'Document' },
-            },
-            {
-              path: 'workflows/create',
-              name: 'CreateWorkflow',
-              component: () => import('@/views/audit/workflows/Create.vue'),
-              meta: { title: '创建工单', hidden: true },
-            },
-            {
-              path: 'workflows/:id',
-              name: 'WorkflowDetail',
-              component: () => import('@/views/audit/workflows/Detail.vue'),
-              meta: { title: '工单详情', hidden: true },
-            },
-            {
-              path: 'rules',
-              name: 'AuditRules',
-              component: () => import('@/views/audit/rules/Index.vue'),
-              meta: { title: '审核规则', icon: 'Warning' },
-            },
-            {
-              path: 'templates',
-              name: 'WorkflowTemplates',
-              component: () => import('@/views/audit/templates/Index.vue'),
-              meta: { title: '工单模板', icon: 'DocumentCopy' },
-            },
-          ],
-        },
-        // 数据字典
-        {
-          path: 'dictionary',
-          name: 'Dictionary',
-          meta: { title: '数据字典', icon: 'Collection' },
-          redirect: '/dictionary/tables',
-          children: [
-            {
-              path: 'tables',
-              name: 'DictionaryTables',
-              component: () => import('@/views/dictionary/Tables.vue'),
-              meta: { title: '表结构', icon: 'Grid' },
-            },
-            {
-              path: 'er',
-              name: 'DictionaryER',
-              component: () => import('@/views/dictionary/ERDiagram.vue'),
-              meta: { title: 'ER 图', icon: 'Share' },
-            },
-            {
-              path: 'export',
-              name: 'DictionaryExport',
-              component: () => import('@/views/dictionary/Export.vue'),
-              meta: { title: '导出文档', icon: 'Download' },
-            },
-          ],
-        },
-        // 系统管理
-        {
-          path: 'system',
-          name: 'System',
-          meta: { title: '系统管理', icon: 'Setting' },
-          redirect: '/system/users',
-          children: [
-            {
-              path: 'users',
-              name: 'SystemUsers',
-              component: () => import('@/views/system/Users.vue'),
-              meta: { title: '用户管理', icon: 'User' },
-            },
-            {
-              path: 'roles',
-              name: 'SystemRoles',
-              component: () => import('@/views/system/Roles.vue'),
-              meta: { title: '角色权限', icon: 'Lock' },
-            },
-            {
-              path: 'logs',
-              name: 'SystemLogs',
-              component: () => import('@/views/system/Logs.vue'),
-              meta: { title: '操作日志', icon: 'Document' },
-            },
-            {
-              path: 'settings',
-              name: 'SystemSettings',
-              component: () => import('@/views/system/Settings.vue'),
-              meta: { title: '系统设置', icon: 'Tools' },
-            },
-          ],
-        },
-      ],
-    },
-    {
-      path: '/:pathMatch(.*)*',
-      name: 'NotFound',
-      component: () => import('@/views/NotFound.vue'),
-    },
-  ],
-})
-
-// 路由守卫
-router.beforeEach(async (to, from, next) => {
-  const userStore = useUserStore()
-
-  if (to.meta.public) {
-    next()
-    return
-  }
-
-  if (!userStore.isLoggedIn) {
-    next('/login')
-    return
-  }
-
-  next()
-})
-
-export default router
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/stores/user.ts b/数据审核平台菜单优化/data-audit-platform/frontend/src/stores/user.ts
deleted file mode 100644
index cd09957..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/stores/user.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-import type { User } from '@/types'
-import { authApi } from '@/api'
-
-export const useUserStore = defineStore('user', () => {
-  // State
-  const token = ref<string>(localStorage.getItem('token') || '')
-  const user = ref<User | null>(null)
-
-  // Getters
-  const isLoggedIn = computed(() => !!token.value)
-  const isAdmin = computed(() => user.value?.role === 'admin')
-  const isDBA = computed(() => user.value?.role === 'dba')
-  const canReview = computed(() => ['admin', 'dba'].includes(user.value?.role || ''))
-
-  // Actions
-  const setToken = (newToken: string) => {
-    token.value = newToken
-    localStorage.setItem('token', newToken)
-  }
-
-  const setUser = (newUser: User) => {
-    user.value = newUser
-  }
-
-  const login = async (username: string, password: string) => {
-    const response: any = await authApi.login({ username, password })
-    setToken(response.access_token)
-    setUser(response.user)
-    return response
-  }
-
-  const logout = async () => {
-    try {
-      await authApi.logout()
-    } finally {
-      token.value = ''
-      user.value = null
-      localStorage.removeItem('token')
-    }
-  }
-
-  const fetchUserInfo = async () => {
-    const response: any = await authApi.getMe()
-    setUser(response)
-    return response
-  }
-
-  return {
-    token,
-    user,
-    isLoggedIn,
-    isAdmin,
-    isDBA,
-    canReview,
-    setToken,
-    setUser,
-    login,
-    logout,
-    fetchUserInfo,
-  }
-})
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/styles/main.scss b/数据审核平台菜单优化/data-audit-platform/frontend/src/styles/main.scss
deleted file mode 100644
index 9959633..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/styles/main.scss
+++ /dev/null
@@ -1,271 +0,0 @@
-// 全局样式
-
-// 滚动条样式
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: #f1f1f1;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #c1c1c1;
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: #a8a8a8;
-}
-
-// 代码编辑器样式
-.cm-editor {
-  font-family: 'Fira Code', 'Courier New', monospace;
-  font-size: 14px;
-}
-
-.cm-focused {
-  outline: none !important;
-}
-
-// 表格样式优化
-.el-table {
-  th {
-    background-color: #f5f7fa !important;
-    font-weight: 600;
-  }
-}
-
-// 卡片样式
-.el-card {
-  border-radius: 8px;
-
-  .el-card__header {
-    padding: 16px 20px;
-    border-bottom: 1px solid #ebeef5;
-  }
-}
-
-// 表单样式
-.el-form {
-  .el-form-item__label {
-    font-weight: 500;
-  }
-}
-
-// 按钮样式
-.el-button {
-  border-radius: 4px;
-}
-
-// 标签样式
-.el-tag {
-  border-radius: 4px;
-}
-
-// 分页样式
-.el-pagination {
-  justify-content: flex-end;
-}
-
-// 步骤条样式
-.el-steps {
-  .el-step__title {
-    font-size: 14px;
-  }
-}
-
-// 时间线样式
-.el-timeline {
-  .el-timeline-item__node {
-    background-color: #409EFF;
-  }
-}
-
-// 描述列表样式
-.el-descriptions {
-  .el-descriptions__title {
-    font-size: 16px;
-    font-weight: 600;
-    margin-bottom: 16px;
-  }
-
-  .el-descriptions__label {
-    font-weight: 500;
-    color: #606266;
-  }
-}
-
-// 树形组件样式
-.el-tree {
-  .el-tree-node__content {
-    height: 36px;
-    border-radius: 4px;
-
-    &:hover {
-      background-color: #f5f7fa;
-    }
-  }
-
-  .el-tree-node.is-current > .el-tree-node__content {
-    background-color: #ecf5ff;
-    color: #409EFF;
-  }
-}
-
-// 下拉菜单样式
-.el-dropdown-menu {
-  .el-dropdown-menu__item {
-    line-height: 32px;
-    padding: 0 16px;
-
-    &:hover {
-      background-color: #f5f7fa;
-    }
-  }
-}
-
-// 消息提示样式
-.el-message {
-  border-radius: 8px;
-}
-
-// 对话框样式
-.el-dialog {
-  border-radius: 8px;
-
-  .el-dialog__header {
-    padding: 20px;
-    border-bottom: 1px solid #ebeef5;
-  }
-
-  .el-dialog__body {
-    padding: 20px;
-  }
-
-  .el-dialog__footer {
-    padding: 16px 20px;
-    border-top: 1px solid #ebeef5;
-  }
-}
-
-// 抽屉样式
-.el-drawer {
-  .el-drawer__header {
-    padding: 16px 20px;
-    margin-bottom: 0;
-    border-bottom: 1px solid #ebeef5;
-  }
-
-  .el-drawer__body {
-    padding: 20px;
-  }
-}
-
-// 进度条样式
-.el-progress {
-  .el-progress-bar__outer {
-    border-radius: 4px;
-  }
-
-  .el-progress-bar__inner {
-    border-radius: 4px;
-  }
-}
-
-// 徽章样式
-.el-badge {
-  .el-badge__content {
-    border-radius: 10px;
-  }
-}
-
-// 头像样式
-.el-avatar {
-  border-radius: 50%;
-}
-
-// 输入框样式
-.el-input {
-  .el-input__inner {
-    border-radius: 4px;
-  }
-}
-
-// 选择器样式
-.el-select {
-  .el-input__inner {
-    border-radius: 4px;
-  }
-}
-
-// 日期选择器样式
-.el-date-editor {
-  .el-input__inner {
-    border-radius: 4px;
-  }
-}
-
-// 复选框样式
-.el-checkbox {
-  .el-checkbox__input.is-checked .el-checkbox__inner {
-    background-color: #409EFF;
-    border-color: #409EFF;
-  }
-}
-
-// 单选框样式
-.el-radio {
-  .el-radio__input.is-checked .el-radio__inner {
-    background-color: #409EFF;
-    border-color: #409EFF;
-  }
-}
-
-// 开关样式
-.el-switch {
-  .el-switch__core {
-    border-radius: 10px;
-  }
-}
-
-// 滑块样式
-.el-slider {
-  .el-slider__runway {
-    border-radius: 3px;
-  }
-
-  .el-slider__bar {
-    border-radius: 3px;
-  }
-
-  .el-slider__button {
-    border-radius: 50%;
-  }
-}
-
-// 颜色选择器样式
-.el-color-picker {
-  .el-color-picker__trigger {
-    border-radius: 4px;
-  }
-}
-
-// 上传组件样式
-.el-upload {
-  .el-upload-dragger {
-    border-radius: 8px;
-  }
-}
-
-// 图片样式
-.el-image {
-  border-radius: 4px;
-}
-
-// 卡片阴影
-.el-card.is-always-shadow,
-.el-card.is-hover-shadow:hover {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-}
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/types/index.ts b/数据审核平台菜单优化/data-audit-platform/frontend/src/types/index.ts
deleted file mode 100644
index c8125bf..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/types/index.ts
+++ /dev/null
@@ -1,156 +0,0 @@
-export interface User {
-  id: number
-  username: string
-  email: string
-  role: 'admin' | 'dba' | 'developer' | 'auditor'
-  is_active: boolean
-  created_at: string
-  avatar?: string
-  department?: string
-  phone?: string
-}
-
-export interface DatabaseInstance {
-  id: number
-  name: string
-  db_type: 'mysql' | 'redis' | 'postgresql' | 'mongodb'
-  host: string
-  port: number
-  database?: string
-  username: string
-  password: string
-  environment: 'dev' | 'test' | 'staging' | 'prod'
-  status: 'active' | 'inactive' | 'error'
-  description?: string
-  created_at: string
-  updated_at: string
-  created_by: number
-  max_connections: number
-  redis_mode?: 'standalone' | 'sentinel' | 'cluster'
-}
-
-export interface SQLAuditResult {
-  rule_id: number
-  rule_name: string
-  risk_level: 'high' | 'medium' | 'low' | 'safe'
-  message: string
-  line_number?: number
-  suggestion?: string
-}
-
-export interface SQLWorkflow {
-  id: number
-  title: string
-  description?: string
-  workflow_type: 'ddl' | 'dml' | 'query'
-  status: 'pending' | 'reviewing' | 'approved' | 'rejected' | 'executing' | 'success' | 'failed' | 'rollback'
-  instance_id: number
-  instance_name?: string
-  database?: string
-  sql_content: string
-  sql_results: SQLAuditResult[]
-  risk_level: 'high' | 'medium' | 'low' | 'safe'
-  risk_score: number
-  submitter_id: number
-  submitter_name?: string
-  reviewer_id?: number
-  reviewer_name?: string
-  executor_id?: number
-  executor_name?: string
-  review_comment?: string
-  execute_result?: string
-  rollback_sql?: string
-  created_at: string
-  updated_at: string
-  executed_at?: string
-  current_step: number
-  total_steps: number
-  approvers: any[]
-}
-
-export interface DataDictionaryTable {
-  name: string
-  engine?: string
-  rows?: number
-  data_length?: number
-  comment?: string
-  create_time?: string
-}
-
-export interface DataDictionaryColumn {
-  name: string
-  data_type: string
-  nullable: boolean
-  default?: string
-  comment?: string
-  is_primary: boolean
-  is_index: boolean
-}
-
-export interface DataDictionaryIndex {
-  name: string
-  columns: string[]
-  unique: boolean
-  index_type: string
-}
-
-export interface DashboardStats {
-  total_instances: number
-  total_workflows: number
-  pending_workflows: number
-  today_workflows: number
-  risk_distribution: {
-    high: number
-    medium: number
-    low: number
-    safe: number
-  }
-  recent_workflows: SQLWorkflow[]
-  db_type_distribution: Record<string, number>
-}
-
-export interface Notification {
-  id: number
-  title: string
-  content: string
-  type: 'info' | 'warning' | 'success' | 'error'
-  is_read: boolean
-  created_at: string
-  user_id: number
-}
-
-export interface SQLAuditRule {
-  id: number
-  name: string
-  description: string
-  rule_type: 'syntax' | 'security' | 'performance' | 'standard'
-  risk_level: 'high' | 'medium' | 'low' | 'safe'
-  enabled: boolean
-  config: Record<string, any>
-}
-
-export interface SQLQueryResult {
-  columns: string[]
-  rows: any[][]
-  total_rows: number
-  execution_time: number
-  sql: string
-}
-
-export interface RedisInfo {
-  version: string
-  mode: string
-  uptime_in_seconds: number
-  connected_clients: number
-  used_memory_human: string
-  used_memory_peak_human: string
-  total_keys: number
-  keyspace_hits: number
-  keyspace_misses: number
-  hit_rate: number
-  databases: {
-    db: number
-    keys: number
-    expires: number
-  }[]
-}
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/Dashboard.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/Dashboard.vue
deleted file mode 100644
index 70a34cf..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/Dashboard.vue
+++ /dev/null
@@ -1,503 +0,0 @@
-<template>
-  <div class="dashboard-page">
-    <!-- 快捷操作栏 -->
-    <el-card shadow="hover" class="quick-actions">
-      <div class="actions-row">
-        <div class="action-item" @click="$router.push('/audit/workflows/create')">
-          <div class="action-icon" style="background-color: #409EFF;">
-            <el-icon size="24" color="#fff"><DocumentChecked /></el-icon>
-          </div>
-          <span class="action-label">创建工单</span>
-        </div>
-        <div class="action-item" @click="$router.push('/datasource/mysql')">
-          <div class="action-icon" style="background-color: #67C23A;">
-            <el-icon size="24" color="#fff"><Coin /></el-icon>
-          </div>
-          <span class="action-label">MySQL</span>
-        </div>
-        <div class="action-item" @click="$router.push('/datasource/redis')">
-          <div class="action-icon" style="background-color: #DC382D;">
-            <el-icon size="24" color="#fff"><Lightning /></el-icon>
-          </div>
-          <span class="action-label">Redis</span>
-        </div>
-        <div class="action-item" @click="$router.push('/dictionary/tables')">
-          <div class="action-icon" style="background-color: #E6A23C;">
-            <el-icon size="24" color="#fff"><Collection /></el-icon>
-          </div>
-          <span class="action-label">数据字典</span>
-        </div>
-        <div class="action-item" @click="$router.push('/audit/workflows')">
-          <div class="action-icon" style="background-color: #909399;">
-            <el-icon size="24" color="#fff"><Timer /></el-icon>
-          </div>
-          <span class="action-label">待审核</span>
-          <el-badge :value="stats.pending_workflows" class="action-badge" v-if="stats.pending_workflows > 0" />
-        </div>
-      </div>
-    </el-card>
-
-    <!-- 统计卡片 -->
-    <el-row :gutter="20" class="stats-row">
-      <el-col :span="6">
-        <el-card shadow="hover" class="stat-card">
-          <div class="stat-content">
-            <div class="stat-icon mysql">
-              <el-icon size="32" color="#fff"><Coin /></el-icon>
-            </div>
-            <div class="stat-info">
-              <div class="stat-value">{{ stats.mysql_instances || 3 }}</div>
-              <div class="stat-label">MySQL 实例</div>
-            </div>
-          </div>
-          <div class="stat-footer">
-            <span class="stat-detail">{{ stats.mysql_active || 3 }} 个正常</span>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="6">
-        <el-card shadow="hover" class="stat-card">
-          <div class="stat-content">
-            <div class="stat-icon redis">
-              <el-icon size="32" color="#fff"><Lightning /></el-icon>
-            </div>
-            <div class="stat-info">
-              <div class="stat-value">{{ stats.redis_instances || 2 }}</div>
-              <div class="stat-label">Redis 实例</div>
-            </div>
-          </div>
-          <div class="stat-footer">
-            <span class="stat-detail">{{ formatNumber(stats.redis_keys || 150000) }} 个键</span>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="6">
-        <el-card shadow="hover" class="stat-card">
-          <div class="stat-content">
-            <div class="stat-icon workflow">
-              <el-icon size="32" color="#fff"><Document /></el-icon>
-            </div>
-            <div class="stat-info">
-              <div class="stat-value">{{ stats.total_workflows || 128 }}</div>
-              <div class="stat-label">总工单</div>
-            </div>
-          </div>
-          <div class="stat-footer">
-            <span class="stat-detail" style="color: #E6A23C;">{{ stats.pending_workflows || 12 }} 个待审核</span>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="6">
-        <el-card shadow="hover" class="stat-card">
-          <div class="stat-content">
-            <div class="stat-icon today">
-              <el-icon size="32" color="#fff"><Calendar /></el-icon>
-            </div>
-            <div class="stat-info">
-              <div class="stat-value">{{ stats.today_workflows || 8 }}</div>
-              <div class="stat-label">今日工单</div>
-            </div>
-          </div>
-          <div class="stat-footer">
-            <span class="stat-detail">{{ stats.today_success || 6 }} 个成功</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-
-    <!-- 图表和列表 -->
-    <el-row :gutter="20" class="charts-row">
-      <!-- 工单趋势 -->
-      <el-col :span="12">
-        <el-card shadow="hover" class="chart-card">
-          <template #header>
-            <div class="card-header">
-              <span>工单趋势（近7天）</span>
-              <el-radio-group v-model="trendPeriod" size="small">
-                <el-radio-button label="7d">7天</el-radio-button>
-                <el-radio-button label="30d">30天</el-radio-button>
-              </el-radio-group>
-            </div>
-          </template>
-          <div ref="trendChartRef" class="chart-container"></div>
-        </el-card>
-      </el-col>
-
-      <!-- 风险分布 -->
-      <el-col :span="12">
-        <el-card shadow="hover" class="chart-card">
-          <template #header>
-            <div class="card-header">
-              <span>SQL 风险分布</span>
-            </div>
-          </template>
-          <div ref="riskChartRef" class="chart-container"></div>
-        </el-card>
-      </el-col>
-    </el-row>
-
-    <!-- 待办事项和最近活动 -->
-    <el-row :gutter="20" class="bottom-row">
-      <!-- 待办工单 -->
-      <el-col :span="12">
-        <el-card shadow="hover" class="todo-card">
-          <template #header>
-            <div class="card-header">
-              <span>待办工单</span>
-              <el-button type="primary" link @click="$router.push('/audit/workflows')">
-                查看全部
-              </el-button>
-            </div>
-          </template>
-          <el-timeline>
-            <el-timeline-item
-              v-for="workflow in pendingWorkflows"
-              :key="workflow.id"
-              :type="getRiskType(workflow.risk_level)"
-              :timestamp="workflow.created_at"
-            >
-              <div class="todo-item">
-                <div class="todo-title">
-                  <el-link type="primary" @click="$router.push(`/audit/workflows/${workflow.id}`)">
-                    {{ workflow.title }}
-                  </el-link>
-                  <el-tag :type="getRiskType(workflow.risk_level)" size="small">
-                    {{ getRiskLabel(workflow.risk_level) }}
-                  </el-tag>
-                </div>
-                <div class="todo-meta">
-                  <span>{{ workflow.instance_name }}</span>
-                  <span>提交人: {{ workflow.submitter_name }}</span>
-                </div>
-              </div>
-            </el-timeline-item>
-          </el-timeline>
-          <el-empty v-if="pendingWorkflows.length === 0" description="暂无待办工单" />
-        </el-card>
-      </el-col>
-
-      <!-- 最近活动 -->
-      <el-col :span="12">
-        <el-card shadow="hover" class="activity-card">
-          <template #header>
-            <div class="card-header">
-              <span>最近活动</span>
-              <el-button type="primary" link @click="$router.push('/system/logs')">
-                查看全部
-              </el-button>
-            </div>
-          </template>
-          <el-timeline>
-            <el-timeline-item
-              v-for="activity in recentActivities"
-              :key="activity.id"
-              :type="activity.type"
-              :timestamp="activity.time"
-            >
-              <div class="activity-item">
-                <el-avatar :size="28" :src="activity.avatar" />
-                <div class="activity-content">
-                  <div class="activity-text">{{ activity.content }}</div>
-                  <div class="activity-detail">{{ activity.detail }}</div>
-                </div>
-              </div>
-            </el-timeline-item>
-          </el-timeline>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
-import * as echarts from 'echarts'
-import { dashboardApi } from '@/api'
-
-const stats = ref<any>({})
-const trendPeriod = ref('7d')
-const pendingWorkflows = ref<any[]>([])
-const recentActivities = ref<any[]>([])
-
-const trendChartRef = ref<HTMLElement>()
-const riskChartRef = ref<HTMLElement>()
-let trendChart: echarts.ECharts | null = null
-let riskChart: echarts.ECharts | null = null
-
-const fetchStats = async () => {
-  const res: any = await dashboardApi.stats()
-  stats.value = res
-  pendingWorkflows.value = res.recent_workflows?.filter((w: any) => w.status === 'pending') || []
-  
-  // 模拟活动数据
-  recentActivities.value = [
-    { id: 1, type: 'success', content: '工单 #1234 执行成功', detail: '添加用户表索引', time: '10分钟前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=dev1' },
-    { id: 2, type: 'primary', content: '创建了新工单', detail: '修复订单数据', time: '30分钟前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=dev2' },
-    { id: 3, type: 'warning', content: '审核通过了工单', detail: '创建新表', time: '1小时前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=dba' },
-    { id: 4, type: 'danger', content: '拒绝了工单', detail: '批量更新用户状态 - 影响范围过大', time: '2小时前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=dba' },
-    { id: 5, type: 'info', content: '添加了 MySQL 实例', detail: '测试-MySQL', time: '3小时前', avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=admin' },
-  ]
-}
-
-const initCharts = () => {
-  // 工单趋势图
-  if (trendChartRef.value) {
-    trendChart = echarts.init(trendChartRef.value)
-    trendChart.setOption({
-      tooltip: { trigger: 'axis' },
-      legend: { data: ['创建', '通过', '拒绝', '执行'] },
-      grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
-      xAxis: {
-        type: 'category',
-        boundaryGap: false,
-        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
-      },
-      yAxis: { type: 'value' },
-      series: [
-        { name: '创建', type: 'line', smooth: true, data: [12, 15, 8, 20, 18, 10, 15], itemStyle: { color: '#409EFF' } },
-        { name: '通过', type: 'line', smooth: true, data: [10, 12, 6, 18, 16, 8, 12], itemStyle: { color: '#67C23A' } },
-        { name: '拒绝', type: 'line', smooth: true, data: [2, 3, 2, 2, 2, 2, 3], itemStyle: { color: '#F56C6C' } },
-        { name: '执行', type: 'line', smooth: true, data: [8, 10, 5, 15, 14, 7, 10], itemStyle: { color: '#E6A23C' } },
-      ],
-    })
-  }
-
-  // 风险分布图
-  if (riskChartRef.value) {
-    riskChart = echarts.init(riskChartRef.value)
-    riskChart.setOption({
-      tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)' },
-      legend: { orient: 'vertical', right: 10, top: 'center' },
-      series: [
-        {
-          name: '风险等级',
-          type: 'pie',
-          radius: ['50%', '70%'],
-          avoidLabelOverlap: false,
-          label: { show: false },
-          emphasis: {
-            label: { show: true, fontSize: 16, fontWeight: 'bold' },
-          },
-          labelLine: { show: false },
-          data: [
-            { value: 5, name: '高风险', itemStyle: { color: '#F56C6C' } },
-            { value: 15, name: '中风险', itemStyle: { color: '#E6A23C' } },
-            { value: 35, name: '低风险', itemStyle: { color: '#409EFF' } },
-            { value: 73, name: '安全', itemStyle: { color: '#67C23A' } },
-          ],
-        },
-      ],
-    })
-  }
-}
-
-const getRiskType = (level: string) => {
-  const map: Record<string, string> = {
-    high: 'danger',
-    medium: 'warning',
-    low: 'info',
-    safe: 'success',
-  }
-  return map[level] || 'info'
-}
-
-const getRiskLabel = (level: string) => {
-  const map: Record<string, string> = {
-    high: '高风险',
-    medium: '中风险',
-    low: '低风险',
-    safe: '安全',
-  }
-  return map[level] || level
-}
-
-const formatNumber = (num: number) => {
-  if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M'
-  if (num >= 1000) return (num / 1000).toFixed(1) + 'K'
-  return num.toString()
-}
-
-onMounted(() => {
-  fetchStats()
-  setTimeout(initCharts, 100)
-  window.addEventListener('resize', () => {
-    trendChart?.resize()
-    riskChart?.resize()
-  })
-})
-
-onUnmounted(() => {
-  trendChart?.dispose()
-  riskChart?.dispose()
-})
-</script>
-
-<style scoped lang="scss">
-.dashboard-page {
-  .quick-actions {
-    margin-bottom: 20px;
-
-    .actions-row {
-      display: flex;
-      justify-content: space-around;
-      padding: 10px 0;
-
-      .action-item {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        cursor: pointer;
-        padding: 12px 24px;
-        border-radius: 8px;
-        transition: all 0.3s;
-        position: relative;
-
-        &:hover {
-          background-color: #f5f7fa;
-          transform: translateY(-2px);
-        }
-
-        .action-icon {
-          width: 48px;
-          height: 48px;
-          border-radius: 12px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin-bottom: 8px;
-        }
-
-        .action-label {
-          font-size: 14px;
-          color: #606266;
-        }
-
-        .action-badge {
-          position: absolute;
-          top: 8px;
-          right: 16px;
-        }
-      }
-    }
-  }
-
-  .stats-row {
-    margin-bottom: 20px;
-
-    .stat-card {
-      :deep(.el-card__body) {
-        padding: 16px;
-      }
-
-      .stat-content {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-
-        .stat-icon {
-          width: 56px;
-          height: 56px;
-          border-radius: 12px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-
-          &.mysql { background-color: #4479A1; }
-          &.redis { background-color: #DC382D; }
-          &.workflow { background-color: #409EFF; }
-          &.today { background-color: #67C23A; }
-        }
-
-        .stat-info {
-          .stat-value {
-            font-size: 24px;
-            font-weight: 600;
-            color: #303133;
-            line-height: 1;
-            margin-bottom: 6px;
-          }
-
-          .stat-label {
-            font-size: 13px;
-            color: #909399;
-          }
-        }
-      }
-
-      .stat-footer {
-        margin-top: 12px;
-        padding-top: 12px;
-        border-top: 1px solid #ebeef5;
-
-        .stat-detail {
-          font-size: 12px;
-          color: #67C23A;
-        }
-      }
-    }
-  }
-
-  .charts-row {
-    margin-bottom: 20px;
-
-    .chart-card {
-      .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-
-      .chart-container {
-        height: 300px;
-      }
-    }
-  }
-
-  .bottom-row {
-    .todo-card, .activity-card {
-      .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-
-      .todo-item {
-        .todo-title {
-          display: flex;
-          align-items: center;
-          gap: 8px;
-          margin-bottom: 4px;
-        }
-
-        .todo-meta {
-          font-size: 12px;
-          color: #909399;
-
-          span {
-            margin-right: 12px;
-          }
-        }
-      }
-
-      .activity-item {
-        display: flex;
-        align-items: flex-start;
-        gap: 12px;
-
-        .activity-content {
-          .activity-text {
-            font-size: 14px;
-            color: #303133;
-          }
-
-          .activity-detail {
-            font-size: 12px;
-            color: #909399;
-            margin-top: 2px;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/Login.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/Login.vue
deleted file mode 100644
index 958e26a..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/Login.vue
+++ /dev/null
@@ -1,197 +0,0 @@
-<template>
-  <div class="login-page">
-    <div class="login-container">
-      <div class="login-header">
-        <el-icon size="48" color="#409EFF"><DataLine /></el-icon>
-        <h1 class="title">数据审核平台</h1>
-        <p class="subtitle">Database Change Management & SQL Audit Platform</p>
-      </div>
-
-      <el-form
-        ref="formRef"
-        :model="form"
-        :rules="rules"
-        class="login-form"
-        @keyup.enter="handleLogin"
-      >
-        <el-form-item prop="username">
-          <el-input
-            v-model="form.username"
-            placeholder="用户名"
-            size="large"
-            :prefix-icon="User"
-          />
-        </el-form-item>
-
-        <el-form-item prop="password">
-          <el-input
-            v-model="form.password"
-            type="password"
-            placeholder="密码"
-            size="large"
-            :prefix-icon="Lock"
-            show-password
-          />
-        </el-form-item>
-
-        <el-form-item>
-          <el-button
-            type="primary"
-            size="large"
-            class="login-btn"
-            :loading="loading"
-            @click="handleLogin"
-          >
-            登录
-          </el-button>
-        </el-form-item>
-      </el-form>
-
-      <div class="login-footer">
-        <p>默认账号: admin / 123456</p>
-        <p>DBA账号: dba / 123456</p>
-        <p>开发账号: dev1 / 123456</p>
-      </div>
-    </div>
-
-    <div class="login-bg">
-      <div class="bg-circle circle-1"></div>
-      <div class="bg-circle circle-2"></div>
-      <div class="bg-circle circle-3"></div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive } from 'vue'
-import { useRouter } from 'vue-router'
-import { ElMessage } from 'element-plus'
-import { User, Lock } from '@element-plus/icons-vue'
-import { useUserStore } from '@/stores/user'
-
-const router = useRouter()
-const userStore = useUserStore()
-
-const formRef = ref()
-const loading = ref(false)
-
-const form = reactive({
-  username: '',
-  password: '',
-})
-
-const rules = {
-  username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
-  password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
-}
-
-const handleLogin = async () => {
-  const valid = await formRef.value?.validate().catch(() => false)
-  if (!valid) return
-
-  loading.value = true
-  try {
-    await userStore.login(form.username, form.password)
-    ElMessage.success('登录成功')
-    router.push('/')
-  } catch (error) {
-    console.error(error)
-  } finally {
-    loading.value = false
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.login-page {
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  position: relative;
-  overflow: hidden;
-
-  .login-container {
-    width: 420px;
-    padding: 40px;
-    background: #fff;
-    border-radius: 16px;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
-    z-index: 1;
-
-    .login-header {
-      text-align: center;
-      margin-bottom: 32px;
-
-      .title {
-        font-size: 28px;
-        font-weight: 600;
-        color: #303133;
-        margin: 16px 0 8px;
-      }
-
-      .subtitle {
-        font-size: 14px;
-        color: #909399;
-      }
-    }
-
-    .login-form {
-      .login-btn {
-        width: 100%;
-      }
-    }
-
-    .login-footer {
-      margin-top: 24px;
-      padding-top: 24px;
-      border-top: 1px solid #ebeef5;
-      text-align: center;
-
-      p {
-        font-size: 12px;
-        color: #909399;
-        margin: 4px 0;
-      }
-    }
-  }
-
-  .login-bg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    overflow: hidden;
-
-    .bg-circle {
-      position: absolute;
-      border-radius: 50%;
-      background: rgba(255, 255, 255, 0.1);
-
-      &.circle-1 {
-        width: 600px;
-        height: 600px;
-        top: -200px;
-        right: -200px;
-      }
-
-      &.circle-2 {
-        width: 400px;
-        height: 400px;
-        bottom: -100px;
-        left: -100px;
-      }
-
-      &.circle-3 {
-        width: 300px;
-        height: 300px;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-      }
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/NotFound.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/NotFound.vue
deleted file mode 100644
index 625ceaf..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/NotFound.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <div class="not-found">
-    <el-result
-      icon="error"
-      title="404"
-      sub-title="抱歉，您访问的页面不存在"
-    >
-      <template #extra>
-        <el-button type="primary" @click="$router.push('/')">返回首页</el-button>
-      </template>
-    </el-result>
-  </div>
-</template>
-
-<style scoped>
-.not-found {
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/audit-rules/Index.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/audit-rules/Index.vue
deleted file mode 100644
index 5e3bd2f..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/audit-rules/Index.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<template>
-  <div class="audit-rules-page">
-    <el-card shadow="hover">
-      <template #header>
-        <div class="card-header">
-          <span>SQL 审核规则</span>
-          <el-button type="primary" @click="fetchRules">
-            <el-icon><Refresh /></el-icon>
-            刷新
-          </el-button>
-        </div>
-      </template>
-
-      <el-table :data="rules" stripe v-loading="loading">
-        <el-table-column prop="id" label="ID" width="80" />
-        <el-table-column prop="name" label="规则名称" min-width="200" />
-        <el-table-column prop="description" label="描述" min-width="300" show-overflow-tooltip />
-        <el-table-column prop="rule_type" label="类型" width="120">
-          <template #default="{ row }">
-            <el-tag :type="getTypeTag(row.rule_type)">
-              {{ getTypeLabel(row.rule_type) }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="risk_level" label="风险等级" width="100">
-          <template #default="{ row }">
-            <el-tag :type="getRiskType(row.risk_level)" size="small">
-              {{ getRiskLabel(row.risk_level) }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="enabled" label="状态" width="100">
-          <template #default="{ row }">
-            <el-switch
-              v-model="row.enabled"
-              @change="(val: boolean) => toggleRule(row.id, val)"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="120" fixed="right">
-          <template #default="{ row }">
-            <el-button type="primary" link @click="viewDetail(row)">详情</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-
-    <!-- 规则详情对话框 -->
-    <el-dialog v-model="detailDialogVisible" title="规则详情" width="600px">
-      <el-descriptions :column="1" border v-if="selectedRule">
-        <el-descriptions-item label="规则名称">{{ selectedRule.name }}</el-descriptions-item>
-        <el-descriptions-item label="描述">{{ selectedRule.description }}</el-descriptions-item>
-        <el-descriptions-item label="类型">
-          <el-tag :type="getTypeTag(selectedRule.rule_type)">
-            {{ getTypeLabel(selectedRule.rule_type) }}
-          </el-tag>
-        </el-descriptions-item>
-        <el-descriptions-item label="风险等级">
-          <el-tag :type="getRiskType(selectedRule.risk_level)">
-            {{ getRiskLabel(selectedRule.risk_level) }}
-          </el-tag>
-        </el-descriptions-item>
-        <el-descriptions-item label="状态">
-          <el-switch v-model="selectedRule.enabled" disabled />
-        </el-descriptions-item>
-        <el-descriptions-item label="配置">
-          <pre class="config-content">{{ JSON.stringify(selectedRule.config, null, 2) }}</pre>
-        </el-descriptions-item>
-      </el-descriptions>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
-import { auditRuleApi } from '@/api'
-import type { SQLAuditRule } from '@/types'
-
-const loading = ref(false)
-const rules = ref<SQLAuditRule[]>([])
-const detailDialogVisible = ref(false)
-const selectedRule = ref<SQLAuditRule | null>(null)
-
-const fetchRules = async () => {
-  loading.value = true
-  try {
-    const res: any = await auditRuleApi.list()
-    rules.value = res
-  } finally {
-    loading.value = false
-  }
-}
-
-const getTypeTag = (type: string) => {
-  const map: Record<string, string> = {
-    syntax: 'info',
-    security: 'danger',
-    performance: 'warning',
-    standard: 'success',
-  }
-  return map[type] || 'info'
-}
-
-const getTypeLabel = (type: string) => {
-  const map: Record<string, string> = {
-    syntax: '语法',
-    security: '安全',
-    performance: '性能',
-    standard: '规范',
-  }
-  return map[type] || type
-}
-
-const getRiskType = (level: string) => {
-  const map: Record<string, string> = {
-    high: 'danger',
-    medium: 'warning',
-    low: 'info',
-    safe: 'success',
-  }
-  return map[level] || 'info'
-}
-
-const getRiskLabel = (level: string) => {
-  const map: Record<string, string> = {
-    high: '高风险',
-    medium: '中风险',
-    low: '低风险',
-    safe: '安全',
-  }
-  return map[level] || level
-}
-
-const toggleRule = async (id: number, enabled: boolean) => {
-  try {
-    await auditRuleApi.update(id, { enabled })
-    ElMessage.success(enabled ? '规则已启用' : '规则已禁用')
-  } catch (error) {
-    fetchRules()
-  }
-}
-
-const viewDetail = (rule: SQLAuditRule) => {
-  selectedRule.value = rule
-  detailDialogVisible.value = true
-}
-
-onMounted(() => {
-  fetchRules()
-})
-</script>
-
-<style scoped lang="scss">
-.audit-rules-page {
-  .card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .config-content {
-    background-color: #f5f7fa;
-    padding: 12px;
-    border-radius: 4px;
-    font-family: 'Courier New', monospace;
-    font-size: 13px;
-    margin: 0;
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Detail.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Detail.vue
deleted file mode 100644
index 5969aa4..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Detail.vue
+++ /dev/null
@@ -1,184 +0,0 @@
-<template>
-  <div class="mysql-detail-page">
-    <!-- 实例信息头部 -->
-    <el-card shadow="hover" class="instance-header">
-      <div class="header-content">
-        <div class="instance-info">
-          <el-icon size="32" color="#4479A1"><Coin /></el-icon>
-          <div class="info-text">
-            <h2>{{ instance?.name }}</h2>
-            <p>{{ instance?.host }}:{{ instance?.port }} / {{ instance?.database }}</p>
-          </div>
-          <el-tag :type="getEnvType(instance?.environment)" effect="dark" size="large">
-            {{ getEnvLabel(instance?.environment) }}
-          </el-tag>
-          <el-tag :type="instance?.status === 'active' ? 'success' : 'danger'" effect="light" size="large">
-            <el-icon v-if="instance?.status === 'active'"><CircleCheck /></el-icon>
-            <el-icon v-else><CircleClose /></el-icon>
-            {{ instance?.status === 'active' ? '正常' : '异常' }}
-          </el-tag>
-        </div>
-        <div class="header-actions">
-          <el-button @click="$router.push('/datasource/mysql')">
-            <el-icon><ArrowLeft /></el-icon>
-            返回列表
-          </el-button>
-          <el-button type="primary" @click="refreshInstance">
-            <el-icon><Refresh /></el-icon>
-            刷新
-          </el-button>
-        </div>
-      </div>
-    </el-card>
-
-    <!-- 子菜单导航 -->
-    <el-card shadow="hover" class="nav-card">
-      <el-menu
-        :default-active="$route.path"
-        mode="horizontal"
-        router
-        class="sub-nav"
-      >
-        <el-menu-item :index="`/mysql/${instanceId}/query`">
-          <el-icon><Search /></el-icon>
-          <span>SQL 查询</span>
-        </el-menu-item>
-        <el-menu-item :index="`/mysql/${instanceId}/tables`">
-          <el-icon><Grid /></el-icon>
-          <span>表管理</span>
-        </el-menu-item>
-        <el-menu-item :index="`/mysql/${instanceId}/users`">
-          <el-icon><User /></el-icon>
-          <span>用户权限</span>
-        </el-menu-item>
-        <el-menu-item :index="`/mysql/${instanceId}/slow-queries`">
-          <el-icon><Timer /></el-icon>
-          <span>慢查询</span>
-        </el-menu-item>
-        <el-menu-item :index="`/mysql/${instanceId}/processlist`">
-          <el-icon><List /></el-icon>
-          <span>进程列表</span>
-        </el-menu-item>
-        <el-menu-item :index="`/mysql/${instanceId}/backup`">
-          <el-icon><Download /></el-icon>
-          <span>备份恢复</span>
-        </el-menu-item>
-      </el-menu>
-    </el-card>
-
-    <!-- 子页面内容 -->
-    <div class="sub-page-content">
-      <router-view :instance-id="instanceId" :instance="instance" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { useRoute } from 'vue-router'
-import { instanceApi } from '@/api'
-import type { DatabaseInstance } from '@/types'
-
-const route = useRoute()
-
-const instanceId = computed(() => parseInt(route.params.id as string))
-const instance = ref<DatabaseInstance | null>(null)
-
-const fetchInstance = async () => {
-  const res: any = await instanceApi.get(instanceId.value)
-  instance.value = res
-}
-
-const getEnvType = (env?: string) => {
-  const map: Record<string, string> = {
-    dev: 'info',
-    test: 'warning',
-    staging: '',
-    prod: 'danger',
-  }
-  return map[env || ''] || ''
-}
-
-const getEnvLabel = (env?: string) => {
-  const map: Record<string, string> = {
-    dev: '开发',
-    test: '测试',
-    staging: '预发布',
-    prod: '生产',
-  }
-  return map[env || ''] || env
-}
-
-const refreshInstance = () => {
-  fetchInstance()
-}
-
-onMounted(() => {
-  fetchInstance()
-})
-</script>
-
-<style scoped lang="scss">
-.mysql-detail-page {
-  .instance-header {
-    margin-bottom: 20px;
-
-    .header-content {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      .instance-info {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-
-        .info-text {
-          h2 {
-            font-size: 20px;
-            font-weight: 600;
-            margin: 0;
-          }
-
-          p {
-            color: #909399;
-            margin: 4px 0 0;
-            font-size: 14px;
-          }
-        }
-      }
-
-      .header-actions {
-        display: flex;
-        gap: 12px;
-      }
-    }
-  }
-
-  .nav-card {
-    margin-bottom: 20px;
-    padding: 0;
-
-    :deep(.el-card__body) {
-      padding: 0;
-    }
-
-    .sub-nav {
-      border-bottom: none;
-
-      .el-menu-item {
-        height: 50px;
-        line-height: 50px;
-
-        &.is-active {
-          background-color: #ecf5ff;
-        }
-      }
-    }
-  }
-
-  .sub-page-content {
-    min-height: 500px;
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Instances.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Instances.vue
deleted file mode 100644
index 64f654f..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Instances.vue
+++ /dev/null
@@ -1,551 +0,0 @@
-<template>
-  <div class="mysql-instances-page">
-    <!-- 搜索栏 -->
-    <el-card shadow="hover" class="search-card">
-      <el-form :inline="true" :model="searchForm" class="search-form">
-        <el-form-item label="实例名称">
-          <el-input v-model="searchForm.name" placeholder="请输入实例名称" clearable />
-        </el-form-item>
-        <el-form-item label="环境">
-          <el-select v-model="searchForm.environment" placeholder="选择环境" clearable>
-            <el-option label="开发" value="dev" />
-            <el-option label="测试" value="test" />
-            <el-option label="预发布" value="staging" />
-            <el-option label="生产" value="prod" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="状态">
-          <el-select v-model="searchForm.status" placeholder="选择状态" clearable>
-            <el-option label="正常" value="active" />
-            <el-option label="异常" value="error" />
-            <el-option label="停用" value="inactive" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="handleSearch">
-            <el-icon><Search /></el-icon>
-            搜索
-          </el-button>
-          <el-button @click="handleReset">重置</el-button>
-        </el-form-item>
-      </el-form>
-    </el-card>
-
-    <!-- 操作栏 -->
-    <el-card shadow="hover" class="table-card">
-      <template #header>
-        <div class="card-header">
-          <span>MySQL 实例列表</span>
-          <div class="header-actions">
-            <el-button type="success" @click="handleBatchTest">
-              <el-icon><CircleCheck /></el-icon>
-              批量测试
-            </el-button>
-            <el-button type="primary" @click="showCreateDialog">
-              <el-icon><Plus /></el-icon>
-              添加实例
-            </el-button>
-          </div>
-        </div>
-      </template>
-
-      <el-table
-        :data="instanceList"
-        stripe
-        v-loading="loading"
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column type="selection" width="55" />
-        <el-table-column prop="id" label="ID" width="80" />
-        <el-table-column prop="name" label="实例名称" min-width="180">
-          <template #default="{ row }">
-            <div class="instance-name">
-              <el-icon size="20" color="#4479A1"><Coin /></el-icon>
-              <div class="instance-info">
-                <el-link type="primary" @click="goToDetail(row.id)">{{ row.name }}</el-link>
-                <span class="instance-desc">{{ row.description }}</span>
-              </div>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column prop="host" label="连接信息" min-width="200">
-          <template #default="{ row }">
-            <div class="connection-info">
-              <div>{{ row.host }}:{{ row.port }}</div>
-              <div class="database-name">{{ row.database }}</div>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column prop="environment" label="环境" width="100">
-          <template #default="{ row }">
-            <el-tag :type="getEnvType(row.environment)" effect="dark">
-              {{ getEnvLabel(row.environment) }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="status" label="状态" width="100">
-          <template #default="{ row }">
-            <el-tag :type="row.status === 'active' ? 'success' : 'danger'" effect="light">
-              <el-icon v-if="row.status === 'active'"><CircleCheck /></el-icon>
-              <el-icon v-else><CircleClose /></el-icon>
-              {{ row.status === 'active' ? '正常' : '异常' }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="metrics" label="监控指标" width="200">
-          <template #default="{ row }">
-            <div class="metrics">
-              <el-tooltip content="连接数">
-                <div class="metric-item">
-                  <el-icon><User /></el-icon>
-                  <span>{{ row.connections || 0 }}</span>
-                </div>
-              </el-tooltip>
-              <el-tooltip content="QPS">
-                <div class="metric-item">
-                  <el-icon><TrendCharts /></el-icon>
-                  <span>{{ row.qps || 0 }}</span>
-                </div>
-              </el-tooltip>
-              <el-tooltip content="延迟">
-                <div class="metric-item">
-                  <el-icon><Timer /></el-icon>
-                  <span>{{ row.latency || 0 }}ms</span>
-                </div>
-              </el-tooltip>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="280" fixed="right">
-          <template #default="{ row }">
-            <el-button type="primary" link @click="goToDetail(row.id)">
-              <el-icon><View /></el-icon>
-              管理
-            </el-button>
-            <el-button type="success" link @click="testConnection(row)">
-              <el-icon><CircleCheck /></el-icon>
-              测试
-            </el-button>
-            <el-button type="primary" link @click="editInstance(row)">
-              <el-icon><Edit /></el-icon>
-              编辑
-            </el-button>
-            <el-dropdown @command="(cmd) => handleMore(cmd, row)">
-              <el-button type="primary" link>
-                更多<el-icon><ArrowDown /></el-icon>
-              </el-button>
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item command="clone">克隆配置</el-dropdown-item>
-                  <el-dropdown-item command="backup">立即备份</el-dropdown-item>
-                  <el-dropdown-item divided command="delete" type="danger">删除实例</el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <!-- 分页 -->
-      <div class="pagination">
-        <el-pagination
-          v-model:current-page="page"
-          v-model:page-size="pageSize"
-          :page-sizes="[10, 20, 50, 100]"
-          :total="total"
-          layout="total, sizes, prev, pager, next, jumper"
-          @size-change="fetchInstances"
-          @current-change="fetchInstances"
-        />
-      </div>
-    </el-card>
-
-    <!-- 添加/编辑对话框 -->
-    <el-dialog
-      v-model="dialogVisible"
-      :title="isEdit ? '编辑 MySQL 实例' : '添加 MySQL 实例'"
-      width="700px"
-      destroy-on-close
-    >
-      <el-form
-        ref="formRef"
-        :model="form"
-        :rules="rules"
-        label-width="120px"
-        class="instance-form"
-      >
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="实例名称" prop="name">
-              <el-input v-model="form.name" placeholder="如：生产-MySQL主库" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="环境" prop="environment">
-              <el-select v-model="form.environment" placeholder="选择环境" style="width: 100%;">
-                <el-option label="开发" value="dev" />
-                <el-option label="测试" value="test" />
-                <el-option label="预发布" value="staging" />
-                <el-option label="生产" value="prod" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row :gutter="20">
-          <el-col :span="16">
-            <el-form-item label="主机地址" prop="host">
-              <el-input v-model="form.host" placeholder="如：mysql-prod.example.com" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="端口" prop="port">
-              <el-input-number v-model="form.port" :min="1" :max="65535" style="width: 100%;" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-form-item label="数据库" prop="database">
-          <el-input v-model="form.database" placeholder="默认数据库名称（可选）" />
-        </el-form-item>
-
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="用户名" prop="username">
-              <el-input v-model="form.username" placeholder="数据库用户名" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="密码" prop="password">
-              <el-input v-model="form.password" type="password" placeholder="数据库密码" show-password />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-form-item label="描述" prop="description">
-          <el-input
-            v-model="form.description"
-            type="textarea"
-            :rows="2"
-            placeholder="实例描述信息"
-          />
-        </el-form-item>
-
-        <el-divider>高级配置</el-divider>
-
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="连接超时">
-              <el-input-number v-model="form.connect_timeout" :min="1" :max="300" style="width: 100%;">
-                <template #append>秒</template>
-              </el-input-number>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="最大连接数">
-              <el-input-number v-model="form.max_connections" :min="1" :max="1000" style="width: 100%;" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-form-item label="SSL 连接">
-          <el-switch v-model="form.use_ssl" />
-          <span class="form-hint">启用 SSL 加密连接</span>
-        </el-form-item>
-
-        <el-form-item label="只读实例">
-          <el-switch v-model="form.read_only" />
-          <span class="form-hint">标记为只读实例，禁止执行写操作</span>
-        </el-form-item>
-      </el-form>
-
-      <template #footer>
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="testConnection(form)">测试连接</el-button>
-        <el-button type="primary" :loading="submitting" @click="handleSubmit">
-          {{ isEdit ? '保存' : '添加' }}
-        </el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { instanceApi } from '@/api'
-import type { DatabaseInstance } from '@/types'
-
-const router = useRouter()
-
-// 搜索表单
-const searchForm = reactive({
-  name: '',
-  environment: '',
-  status: '',
-})
-
-// 列表数据
-const loading = ref(false)
-const instanceList = ref<DatabaseInstance[]>([])
-const selectedInstances = ref<DatabaseInstance[]>([])
-const page = ref(1)
-const pageSize = ref(10)
-const total = ref(0)
-
-// 对话框
-const dialogVisible = ref(false)
-const isEdit = ref(false)
-const submitting = ref(false)
-const formRef = ref()
-
-const form = reactive({
-  id: 0,
-  name: '',
-  host: '',
-  port: 3306,
-  database: '',
-  username: '',
-  password: '',
-  environment: 'dev',
-  description: '',
-  connect_timeout: 30,
-  max_connections: 100,
-  use_ssl: false,
-  read_only: false,
-})
-
-const rules = {
-  name: [{ required: true, message: '请输入实例名称', trigger: 'blur' }],
-  host: [{ required: true, message: '请输入主机地址', trigger: 'blur' }],
-  port: [{ required: true, message: '请输入端口', trigger: 'blur' }],
-  username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
-  password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
-  environment: [{ required: true, message: '请选择环境', trigger: 'change' }],
-}
-
-const fetchInstances = async () => {
-  loading.value = true
-  try {
-    const res: any = await instanceApi.list({
-      db_type: 'mysql',
-      ...searchForm,
-      page: page.value,
-      page_size: pageSize.value,
-    })
-    instanceList.value = res
-    total.value = res.length
-  } finally {
-    loading.value = false
-  }
-}
-
-const handleSearch = () => {
-  page.value = 1
-  fetchInstances()
-}
-
-const handleReset = () => {
-  searchForm.name = ''
-  searchForm.environment = ''
-  searchForm.status = ''
-  handleSearch()
-}
-
-const handleSelectionChange = (selection: DatabaseInstance[]) => {
-  selectedInstances.value = selection
-}
-
-const handleBatchTest = async () => {
-  if (selectedInstances.value.length === 0) {
-    ElMessage.warning('请选择要测试的实例')
-    return
-  }
-  for (const instance of selectedInstances.value) {
-    await testConnection(instance)
-  }
-}
-
-const getEnvType = (env: string) => {
-  const map: Record<string, string> = {
-    dev: 'info',
-    test: 'warning',
-    staging: '',
-    prod: 'danger',
-  }
-  return map[env] || ''
-}
-
-const getEnvLabel = (env: string) => {
-  const map: Record<string, string> = {
-    dev: '开发',
-    test: '测试',
-    staging: '预发布',
-    prod: '生产',
-  }
-  return map[env] || env
-}
-
-const goToDetail = (id: number) => {
-  router.push(`/mysql/${id}/query`)
-}
-
-const showCreateDialog = () => {
-  isEdit.value = false
-  resetForm()
-  dialogVisible.value = true
-}
-
-const editInstance = (row: DatabaseInstance) => {
-  isEdit.value = true
-  Object.assign(form, row)
-  dialogVisible.value = true
-}
-
-const resetForm = () => {
-  form.id = 0
-  form.name = ''
-  form.host = ''
-  form.port = 3306
-  form.database = ''
-  form.username = ''
-  form.password = ''
-  form.environment = 'dev'
-  form.description = ''
-  form.connect_timeout = 30
-  form.max_connections = 100
-  form.use_ssl = false
-  form.read_only = false
-}
-
-const handleSubmit = async () => {
-  const valid = await formRef.value?.validate().catch(() => false)
-  if (!valid) return
-
-  submitting.value = true
-  try {
-    if (isEdit.value) {
-      await instanceApi.update(form.id, form)
-      ElMessage.success('更新成功')
-    } else {
-      await instanceApi.create({ ...form, db_type: 'mysql' })
-      ElMessage.success('创建成功')
-    }
-    dialogVisible.value = false
-    fetchInstances()
-  } finally {
-    submitting.value = false
-  }
-}
-
-const testConnection = async (row: any) => {
-  try {
-    const res: any = await instanceApi.test(row.id || 0)
-    if (res.success) {
-      ElMessage.success(`${row.name} 连接成功，延迟: ${res.latency_ms}ms`)
-    } else {
-      ElMessage.error(res.message)
-    }
-  } catch (error) {
-    ElMessage.error('连接测试失败')
-  }
-}
-
-const handleMore = async (cmd: string, row: DatabaseInstance) => {
-  switch (cmd) {
-    case 'clone':
-      isEdit.value = false
-      Object.assign(form, { ...row, id: 0, name: row.name + '-副本' })
-      dialogVisible.value = true
-      break
-    case 'backup':
-      ElMessage.success(`已开始备份: ${row.name}`)
-      break
-    case 'delete':
-      try {
-        await ElMessageBox.confirm(`确定要删除实例 "${row.name}" 吗？`, '警告', {
-          type: 'warning',
-        })
-        await instanceApi.delete(row.id)
-        ElMessage.success('删除成功')
-        fetchInstances()
-      } catch {
-        // 取消删除
-      }
-      break
-  }
-}
-
-onMounted(() => {
-  fetchInstances()
-})
-</script>
-
-<style scoped lang="scss">
-.mysql-instances-page {
-  .search-card {
-    margin-bottom: 20px;
-  }
-
-  .table-card {
-    .card-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    .instance-name {
-      display: flex;
-      align-items: center;
-      gap: 12px;
-
-      .instance-info {
-        display: flex;
-        flex-direction: column;
-
-        .instance-desc {
-          font-size: 12px;
-          color: #909399;
-          margin-top: 4px;
-        }
-      }
-    }
-
-    .connection-info {
-      .database-name {
-        font-size: 12px;
-        color: #909399;
-        margin-top: 4px;
-      }
-    }
-
-    .metrics {
-      display: flex;
-      gap: 16px;
-
-      .metric-item {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-        font-size: 13px;
-        color: #606266;
-      }
-    }
-  }
-
-  .pagination {
-    margin-top: 20px;
-    display: flex;
-    justify-content: flex-end;
-  }
-
-  .instance-form {
-    .form-hint {
-      margin-left: 12px;
-      color: #909399;
-      font-size: 13px;
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Query.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Query.vue
deleted file mode 100644
index d1cc38f..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/mysql/Query.vue
+++ /dev/null
@@ -1,582 +0,0 @@
-<template>
-  <div class="mysql-query-page">
-    <el-row :gutter="20">
-      <!-- 左侧：数据库和表列表 -->
-      <el-col :span="5">
-        <el-card shadow="hover" class="sidebar-card">
-          <template #header>
-            <div class="card-header">
-              <span>数据库</span>
-              <el-button type="primary" link @click="refreshDatabases">
-                <el-icon><Refresh /></el-icon>
-              </el-button>
-            </div>
-          </template>
-          
-          <el-select
-            v-model="selectedDatabase"
-            placeholder="选择数据库"
-            style="width: 100%; margin-bottom: 16px;"
-            @change="handleDatabaseChange"
-          >
-            <el-option
-              v-for="db in databases"
-              :key="db.name"
-              :label="db.name"
-              :value="db.name"
-            >
-              <span>{{ db.name }}</span>
-              <span style="float: right; color: #909399; font-size: 12px;">
-                {{ formatSize(db.size) }}
-              </span>
-            </el-option>
-          </el-select>
-
-          <div class="table-list" v-if="tables.length > 0">
-            <div class="list-header">
-              <span>表 ({{ tables.length }})</span>
-              <el-input
-                v-model="tableSearch"
-                placeholder="搜索"
-                size="small"
-                clearable
-                style="width: 100px;"
-              />
-            </div>
-            <el-scrollbar height="calc(100vh - 450px)">
-              <div
-                v-for="table in filteredTables"
-                :key="table.name"
-                class="table-item"
-                :class="{ active: selectedTable === table.name }"
-                @click="selectTable(table)"
-                @contextmenu.prevent="showTableMenu($event, table)"
-              >
-                <el-icon><Document /></el-icon>
-                <div class="table-info">
-                  <span class="table-name">{{ table.name }}</span>
-                  <span class="table-rows">{{ formatNumber(table.rows) }} 行</span>
-                </div>
-              </div>
-            </el-scrollbar>
-          </div>
-        </el-card>
-      </el-col>
-
-      <!-- 右侧：SQL 编辑器 -->
-      <el-col :span="19">
-        <el-card shadow="hover" class="query-card">
-          <template #header>
-            <div class="card-header">
-              <div class="header-left">
-                <el-tag type="info" effect="plain">{{ selectedDatabase || '未选择数据库' }}</el-tag>
-                <el-divider direction="vertical" />
-                <span class="header-title">SQL 查询</span>
-              </div>
-              <div class="header-actions">
-                <el-button-group>
-                  <el-button type="primary" :loading="executing" @click="executeQuery">
-                    <el-icon><VideoPlay /></el-icon>
-                    执行 (Ctrl+Enter)
-                  </el-button>
-                  <el-button @click="formatSQL">
-                    <el-icon><MagicStick /></el-icon>
-                    格式化
-                  </el-button>
-                  <el-button @click="clearSQL">
-                    <el-icon><Delete /></el-icon>
-                    清空
-                  </el-button>
-                </el-button-group>
-                <el-divider direction="vertical" />
-                <el-button @click="saveAsWorkflow">
-                  <el-icon><DocumentChecked /></el-icon>
-                  转为工单
-                </el-button>
-                <el-button @click="showHistory">
-                  <el-icon><Clock /></el-icon>
-                  历史
-                </el-button>
-              </div>
-            </div>
-          </template>
-
-          <!-- SQL 编辑器 -->
-          <div class="editor-container">
-            <codemirror
-              v-model="sql"
-              placeholder="-- 请输入 SQL 查询语句
--- 支持 SELECT/SHOW/EXPLAIN 等只读操作
--- 快捷键: Ctrl+Enter 执行"
-              :style="{ height: '200px' }"
-              :autofocus="true"
-              :indent-with-tab="true"
-              :tab-size="2"
-              :extensions="extensions"
-              @keydown="handleKeydown"
-            />
-          </div>
-
-          <!-- 执行结果 -->
-          <div v-if="queryResult" class="result-section">
-            <el-tabs v-model="activeTab">
-              <el-tab-pane label="结果" name="result">
-                <div class="result-header">
-                  <div class="result-info">
-                    <el-tag type="success" effect="light">
-                      <el-icon><CircleCheck /></el-icon>
-                      查询成功
-                    </el-tag>
-                    <span class="info-item">{{ queryResult.total_rows }} 行</span>
-                    <span class="info-item">{{ queryResult.execution_time }}ms</span>
-                  </div>
-                  <div class="result-actions">
-                    <el-button type="primary" link @click="exportResult">
-                      <el-icon><Download /></el-icon>
-                      导出 CSV
-                    </el-button>
-                  </div>
-                </div>
-                <el-table
-                  :data="queryResult.rows"
-                  stripe
-                  border
-                  max-height="400"
-                  class="result-table"
-                >
-                  <el-table-column
-                    v-for="(col, index) in queryResult.columns"
-                    :key="index"
-                    :prop="index.toString()"
-                    :label="col"
-                    min-width="120"
-                    show-overflow-tooltip
-                  />
-                </el-table>
-              </el-tab-pane>
-
-              <el-tab-pane label="执行计划" name="explain" v-if="explainResult">
-                <el-table :data="explainResult" stripe border max-height="400">
-                  <el-table-column prop="id" label="ID" width="60" />
-                  <el-table-column prop="select_type" label="Select Type" width="120" />
-                  <el-table-column prop="table" label="Table" width="150" />
-                  <el-table-column prop="type" label="Type" width="100" />
-                  <el-table-column prop="possible_keys" label="Possible Keys" min-width="150" />
-                  <el-table-column prop="key" label="Key" width="120" />
-                  <el-table-column prop="rows" label="Rows" width="80" />
-                  <el-table-column prop="Extra" label="Extra" min-width="200" />
-                </el-table>
-              </el-tab-pane>
-
-              <el-tab-pane label="消息" name="message">
-                <el-alert
-                  :title="`执行时间: ${queryResult.execution_time}ms`"
-                  type="success"
-                  :closable="false"
-                />
-                <pre class="sql-preview">{{ sql }}</pre>
-              </el-tab-pane>
-            </el-tabs>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-
-    <!-- 表结构弹窗 -->
-    <el-dialog v-model="tableStructVisible" title="表结构" width="800px">
-      <el-descriptions :column="3" border v-if="tableStructure">
-        <el-descriptions-item label="表名">{{ tableStructure.name }}</el-descriptions-item>
-        <el-descriptions-item label="引擎">{{ tableStructure.engine }}</el-descriptions-item>
-        <el-descriptions-item label="字符集">{{ tableStructure.charset }}</el-descriptions-item>
-        <el-descriptions-item label="行数">{{ tableStructure.rows }}</el-descriptions-item>
-        <el-descriptions-item label="数据大小">{{ formatSize(tableStructure.data_length) }}</el-descriptions-item>
-        <el-descriptions-item label="注释">{{ tableStructure.comment }}</el-descriptions-item>
-      </el-descriptions>
-      
-      <h4 class="section-title">字段信息</h4>
-      <el-table :data="tableStructure?.columns" stripe border>
-        <el-table-column prop="name" label="字段名" />
-        <el-table-column prop="type" label="类型" />
-        <el-table-column prop="nullable" label="可空" width="80">
-          <template #default="{ row }">
-            {{ row.nullable ? '是' : '否' }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="default" label="默认值" />
-        <el-table-column prop="comment" label="注释" />
-      </el-table>
-
-      <template #footer>
-        <el-button @click="tableStructVisible = false">关闭</el-button>
-        <el-button type="primary" @click="copyCreateSQL">复制建表语句</el-button>
-      </template>
-    </el-dialog>
-
-    <!-- 查询历史弹窗 -->
-    <el-dialog v-model="historyVisible" title="查询历史" width="700px">
-      <el-table :data="queryHistory" stripe>
-        <el-table-column prop="sql" label="SQL" show-overflow-tooltip min-width="300" />
-        <el-table-column prop="database" label="数据库" width="120" />
-        <el-table-column prop="execution_time" label="耗时" width="100">
-          <template #default="{ row }">{{ row.execution_time }}ms</template>
-        </el-table-column>
-        <el-table-column prop="created_at" label="时间" width="160" />
-        <el-table-column label="操作" width="100">
-          <template #default="{ row }">
-            <el-button type="primary" link @click="loadHistory(row)">加载</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
-import { ElMessage } from 'element-plus'
-import { Codemirror } from 'vue-codemirror'
-import { sql } from '@codemirror/lang-sql'
-import { oneDark } from '@codemirror/theme-one-dark'
-import { queryApi, dictionaryApi } from '@/api'
-
-const props = defineProps<{
-  instanceId: number
-  instance: any
-}>()
-
-const router = useRouter()
-
-// 数据库和表
-const databases = ref<any[]>([])
-const selectedDatabase = ref('')
-const tables = ref<any[]>([])
-const tableSearch = ref('')
-const selectedTable = ref('')
-
-// SQL 编辑器
-const sql = ref('')
-const executing = ref(false)
-const extensions = [sql(), oneDark]
-
-// 查询结果
-const queryResult = ref<any>(null)
-const explainResult = ref<any>(null)
-const activeTab = ref('result')
-
-// 弹窗
-const tableStructVisible = ref(false)
-const tableStructure = ref<any>(null)
-const historyVisible = ref(false)
-const queryHistory = ref<any[]>([])
-
-const filteredTables = computed(() => {
-  if (!tableSearch.value) return tables.value
-  return tables.value.filter(t =>
-    t.name.toLowerCase().includes(tableSearch.value.toLowerCase())
-  )
-})
-
-const fetchDatabases = async () => {
-  const res: any = await dictionaryApi.databases(props.instanceId)
-  databases.value = res.filter((db: any) =>
-    !['information_schema', 'mysql', 'performance_schema', 'sys'].includes(db.name)
-  )
-}
-
-const handleDatabaseChange = async () => {
-  if (!selectedDatabase.value) return
-  const res: any = await dictionaryApi.tables(props.instanceId, selectedDatabase.value)
-  tables.value = res
-  selectedTable.value = ''
-}
-
-const selectTable = (table: any) => {
-  selectedTable.value = table.name
-  sql.value = `SELECT * FROM \`${table.name}\` LIMIT 100;`
-}
-
-const showTableMenu = (event: MouseEvent, table: any) => {
-  // 右键菜单：查看表结构
-  viewTableStructure(table.name)
-}
-
-const viewTableStructure = async (tableName: string) => {
-  const res: any = await dictionaryApi.tableInfo(props.instanceId, selectedDatabase.value, tableName)
-  tableStructure.value = res
-  tableStructVisible.value = true
-}
-
-const copyCreateSQL = () => {
-  // 复制建表语句
-  ElMessage.success('已复制到剪贴板')
-}
-
-const handleKeydown = (event: KeyboardEvent) => {
-  if (event.ctrlKey && event.key === 'Enter') {
-    executeQuery()
-  }
-}
-
-const executeQuery = async () => {
-  if (!selectedDatabase.value) {
-    ElMessage.warning('请先选择数据库')
-    return
-  }
-  if (!sql.value.trim()) {
-    ElMessage.warning('请输入 SQL 语句')
-    return
-  }
-
-  executing.value = true
-  try {
-    const res: any = await queryApi.execute({
-      instance_id: props.instanceId,
-      database: selectedDatabase.value,
-      sql: sql.value,
-    })
-    queryResult.value = res
-    activeTab.value = 'result'
-    
-    // 保存到历史
-    saveToHistory()
-  } catch (error) {
-    console.error(error)
-  } finally {
-    executing.value = false
-  }
-}
-
-const formatSQL = () => {
-  // 简单的 SQL 格式化
-  let formatted = sql.value
-    .replace(/\s+/g, ' ')
-    .replace(/\s*,\s*/g, ', ')
-    .replace(/\s*;\s*/g, ';')
-    .replace(/\b(SELECT|FROM|WHERE|GROUP BY|ORDER BY|LIMIT|JOIN|LEFT JOIN|RIGHT JOIN|INNER JOIN|OUTER JOIN|UNION|INSERT|UPDATE|DELETE|CREATE|ALTER|DROP)\b/gi, '\n$1')
-    .trim()
-  sql.value = formatted
-  ElMessage.success('格式化完成')
-}
-
-const clearSQL = () => {
-  sql.value = ''
-  queryResult.value = null
-  explainResult.value = null
-}
-
-const saveAsWorkflow = () => {
-  if (!sql.value.trim()) {
-    ElMessage.warning('请先输入 SQL 语句')
-    return
-  }
-  router.push({
-    path: '/audit/workflows/create',
-    query: { sql: encodeURIComponent(sql.value), instance: props.instanceId }
-  })
-}
-
-const showHistory = () => {
-  historyVisible.value = true
-}
-
-const saveToHistory = () => {
-  queryHistory.value.unshift({
-    sql: sql.value,
-    database: selectedDatabase.value,
-    execution_time: queryResult.value?.execution_time || 0,
-    created_at: new Date().toLocaleString(),
-  })
-  // 只保留最近 50 条
-  if (queryHistory.value.length > 50) {
-    queryHistory.value = queryHistory.value.slice(0, 50)
-  }
-}
-
-const loadHistory = (row: any) => {
-  sql.value = row.sql
-  selectedDatabase.value = row.database
-  historyVisible.value = false
-}
-
-const exportResult = () => {
-  if (!queryResult.value) return
-  
-  // 导出为 CSV
-  const headers = queryResult.value.columns.join(',')
-  const rows = queryResult.value.rows.map((row: any[]) => row.join(',')).join('\n')
-  const csv = headers + '\n' + rows
-  
-  const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' })
-  const link = document.createElement('a')
-  link.href = URL.createObjectURL(blob)
-  link.download = `query_result_${Date.now()}.csv`
-  link.click()
-  
-  ElMessage.success('导出成功')
-}
-
-const refreshDatabases = () => {
-  fetchDatabases()
-  ElMessage.success('刷新成功')
-}
-
-const formatNumber = (num?: number) => {
-  if (!num) return '0'
-  if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M'
-  if (num >= 1000) return (num / 1000).toFixed(1) + 'K'
-  return num.toString()
-}
-
-const formatSize = (bytes?: number) => {
-  if (!bytes) return '0 B'
-  const units = ['B', 'KB', 'MB', 'GB']
-  let size = bytes
-  let i = 0
-  while (size >= 1024 && i < units.length - 1) {
-    size /= 1024
-    i++
-  }
-  return size.toFixed(1) + ' ' + units[i]
-}
-
-onMounted(() => {
-  fetchDatabases()
-})
-</script>
-
-<style scoped lang="scss">
-.mysql-query-page {
-  .sidebar-card {
-    .card-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    .table-list {
-      .list-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 12px;
-        font-weight: 500;
-      }
-
-      .table-item {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        padding: 8px 12px;
-        border-radius: 4px;
-        cursor: pointer;
-        transition: all 0.3s;
-
-        &:hover {
-          background-color: #f5f7fa;
-        }
-
-        &.active {
-          background-color: #ecf5ff;
-          color: #409EFF;
-        }
-
-        .table-info {
-          flex: 1;
-          min-width: 0;
-          display: flex;
-          flex-direction: column;
-
-          .table-name {
-            font-size: 13px;
-          }
-
-          .table-rows {
-            font-size: 11px;
-            color: #909399;
-          }
-        }
-      }
-    }
-  }
-
-  .query-card {
-    .card-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      .header-left {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-
-        .header-title {
-          font-weight: 500;
-        }
-      }
-
-      .header-actions {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-      }
-    }
-
-    .editor-container {
-      border: 1px solid #dcdfe6;
-      border-radius: 4px;
-      overflow: hidden;
-      margin-bottom: 16px;
-    }
-
-    .result-section {
-      .result-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 12px;
-        padding: 12px;
-        background-color: #f5f7fa;
-        border-radius: 4px;
-
-        .result-info {
-          display: flex;
-          align-items: center;
-          gap: 16px;
-
-          .info-item {
-            color: #606266;
-            font-size: 13px;
-          }
-        }
-      }
-
-      .result-table {
-        :deep(.el-table__header) {
-          th {
-            background-color: #f5f7fa;
-          }
-        }
-      }
-
-      .sql-preview {
-        background-color: #f5f7fa;
-        padding: 16px;
-        border-radius: 4px;
-        font-family: 'Courier New', monospace;
-        font-size: 13px;
-        line-height: 1.6;
-        white-space: pre-wrap;
-        margin: 0;
-      }
-    }
-  }
-
-  .section-title {
-    margin: 24px 0 16px;
-    font-size: 16px;
-    font-weight: 500;
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Detail.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Detail.vue
deleted file mode 100644
index 09a05f6..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Detail.vue
+++ /dev/null
@@ -1,278 +0,0 @@
-<template>
-  <div class="redis-detail-page">
-    <!-- 实例信息头部 -->
-    <el-card shadow="hover" class="instance-header">
-      <div class="header-content">
-        <div class="instance-info">
-          <el-icon size="32" color="#DC382D"><Lightning /></el-icon>
-          <div class="info-text">
-            <h2>{{ instance?.name }}</h2>
-            <p>{{ instance?.host }}:{{ instance?.port }} / {{ instance?.redis_mode || 'Standalone' }}</p>
-          </div>
-          <el-tag :type="getEnvType(instance?.environment)" effect="dark" size="large">
-            {{ getEnvLabel(instance?.environment) }}
-          </el-tag>
-          <el-tag :type="instance?.status === 'active' ? 'success' : 'danger'" effect="light" size="large">
-            <el-icon v-if="instance?.status === 'active'"><CircleCheck /></el-icon>
-            <el-icon v-else><CircleClose /></el-icon>
-            {{ instance?.status === 'active' ? '正常' : '异常' }}
-          </el-tag>
-        </div>
-        <div class="header-actions">
-          <el-button @click="$router.push('/datasource/redis')">
-            <el-icon><ArrowLeft /></el-icon>
-            返回列表
-          </el-button>
-          <el-button type="primary" @click="refreshInstance">
-            <el-icon><Refresh /></el-icon>
-            刷新
-          </el-button>
-        </div>
-      </div>
-    </el-card>
-
-    <!-- 实时指标卡片 -->
-    <el-row :gutter="20" class="metrics-row">
-      <el-col :span="4">
-        <el-card shadow="hover" class="metric-card">
-          <div class="metric-value" style="color: #409EFF;">{{ redisInfo?.version || '7.0.12' }}</div>
-          <div class="metric-label">Redis 版本</div>
-        </el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover" class="metric-card">
-          <div class="metric-value" style="color: #67C23A;">{{ formatUptime(redisInfo?.uptime_in_seconds || 86400) }}</div>
-          <div class="metric-label">运行时间</div>
-        </el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover" class="metric-card">
-          <div class="metric-value" style="color: #E6A23C;">{{ redisInfo?.connected_clients || 50 }}</div>
-          <div class="metric-label">连接数</div>
-        </el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover" class="metric-card">
-          <div class="metric-value" style="color: #F56C6C;">{{ formatNumber(redisInfo?.total_keys || 100000) }}</div>
-          <div class="metric-label">总键数</div>
-        </el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover" class="metric-card">
-          <div class="metric-value" style="color: #909399;">{{ redisInfo?.used_memory_human || '512M' }}</div>
-          <div class="metric-label">内存使用</div>
-        </el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover" class="metric-card">
-          <div class="metric-value" :style="{ color: getHitRateColor(redisInfo?.hit_rate || 95) }">
-            {{ redisInfo?.hit_rate || 95 }}%
-          </div>
-          <div class="metric-label">命中率</div>
-        </el-card>
-      </el-col>
-    </el-row>
-
-    <!-- 子菜单导航 -->
-    <el-card shadow="hover" class="nav-card">
-      <el-menu
-        :default-active="$route.path"
-        mode="horizontal"
-        router
-        class="sub-nav"
-      >
-        <el-menu-item :index="`/redis/${instanceId}/keys`">
-          <el-icon><Key /></el-icon>
-          <span>键管理</span>
-        </el-menu-item>
-        <el-menu-item :index="`/redis/${instanceId}/monitor`">
-          <el-icon><Odometer /></el-icon>
-          <span>监控面板</span>
-        </el-menu-item>
-        <el-menu-item :index="`/redis/${instanceId}/cli`">
-          <el-icon><Terminal /></el-icon>
-          <span>命令行</span>
-        </el-menu-item>
-        <el-menu-item :index="`/redis/${instanceId}/performance`">
-          <el-icon><TrendCharts /></el-icon>
-          <span>性能分析</span>
-        </el-menu-item>
-      </el-menu>
-    </el-card>
-
-    <!-- 子页面内容 -->
-    <div class="sub-page-content">
-      <router-view :instance-id="instanceId" :instance="instance" :redis-info="redisInfo" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted } from 'vue'
-import { useRoute } from 'vue-router'
-import { instanceApi, redisApi } from '@/api'
-import type { DatabaseInstance, RedisInfo } from '@/types'
-
-const route = useRoute()
-
-const instanceId = computed(() => parseInt(route.params.id as string))
-const instance = ref<DatabaseInstance | null>(null)
-const redisInfo = ref<RedisInfo | null>(null)
-let refreshTimer: NodeJS.Timeout | null = null
-
-const fetchInstance = async () => {
-  const res: any = await instanceApi.get(instanceId.value)
-  instance.value = res
-}
-
-const fetchRedisInfo = async () => {
-  try {
-    const res: any = await redisApi.info(instanceId.value)
-    redisInfo.value = res
-  } catch (error) {
-    console.error('获取 Redis 信息失败:', error)
-  }
-}
-
-const getEnvType = (env?: string) => {
-  const map: Record<string, string> = {
-    dev: 'info',
-    test: 'warning',
-    staging: '',
-    prod: 'danger',
-  }
-  return map[env || ''] || ''
-}
-
-const getEnvLabel = (env?: string) => {
-  const map: Record<string, string> = {
-    dev: '开发',
-    test: '测试',
-    staging: '预发布',
-    prod: '生产',
-  }
-  return map[env || ''] || env
-}
-
-const formatUptime = (seconds: number) => {
-  const days = Math.floor(seconds / 86400)
-  const hours = Math.floor((seconds % 86400) / 3600)
-  if (days > 0) return `${days}天`
-  return `${hours}小时`
-}
-
-const formatNumber = (num: number) => {
-  if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M'
-  if (num >= 1000) return (num / 1000).toFixed(1) + 'K'
-  return num.toString()
-}
-
-const getHitRateColor = (rate: number) => {
-  if (rate >= 90) return '#67C23A'
-  if (rate >= 70) return '#E6A23C'
-  return '#F56C6C'
-}
-
-const refreshInstance = () => {
-  fetchInstance()
-  fetchRedisInfo()
-}
-
-onMounted(() => {
-  fetchInstance()
-  fetchRedisInfo()
-  // 每 30 秒自动刷新
-  refreshTimer = setInterval(fetchRedisInfo, 30000)
-})
-
-onUnmounted(() => {
-  if (refreshTimer) {
-    clearInterval(refreshTimer)
-  }
-})
-</script>
-
-<style scoped lang="scss">
-.redis-detail-page {
-  .instance-header {
-    margin-bottom: 20px;
-
-    .header-content {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      .instance-info {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-
-        .info-text {
-          h2 {
-            font-size: 20px;
-            font-weight: 600;
-            margin: 0;
-          }
-
-          p {
-            color: #909399;
-            margin: 4px 0 0;
-            font-size: 14px;
-          }
-        }
-      }
-
-      .header-actions {
-        display: flex;
-        gap: 12px;
-      }
-    }
-  }
-
-  .metrics-row {
-    margin-bottom: 20px;
-
-    .metric-card {
-      text-align: center;
-      padding: 16px;
-
-      .metric-value {
-        font-size: 24px;
-        font-weight: 600;
-        margin-bottom: 8px;
-      }
-
-      .metric-label {
-        font-size: 12px;
-        color: #909399;
-      }
-    }
-  }
-
-  .nav-card {
-    margin-bottom: 20px;
-    padding: 0;
-
-    :deep(.el-card__body) {
-      padding: 0;
-    }
-
-    .sub-nav {
-      border-bottom: none;
-
-      .el-menu-item {
-        height: 50px;
-        line-height: 50px;
-
-        &.is-active {
-          background-color: #ecf5ff;
-        }
-      }
-    }
-  }
-
-  .sub-page-content {
-    min-height: 500px;
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Instances.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Instances.vue
deleted file mode 100644
index 26a7008..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Instances.vue
+++ /dev/null
@@ -1,442 +0,0 @@
-<template>
-  <div class="redis-instances-page">
-    <!-- 搜索栏 -->
-    <el-card shadow="hover" class="search-card">
-      <el-form :inline="true" :model="searchForm" class="search-form">
-        <el-form-item label="实例名称">
-          <el-input v-model="searchForm.name" placeholder="请输入实例名称" clearable />
-        </el-form-item>
-        <el-form-item label="环境">
-          <el-select v-model="searchForm.environment" placeholder="选择环境" clearable>
-            <el-option label="开发" value="dev" />
-            <el-option label="测试" value="test" />
-            <el-option label="预发布" value="staging" />
-            <el-option label="生产" value="prod" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="handleSearch">
-            <el-icon><Search /></el-icon>
-            搜索
-          </el-button>
-          <el-button @click="handleReset">重置</el-button>
-        </el-form-item>
-      </el-form>
-    </el-card>
-
-    <!-- 实例列表 -->
-    <el-card shadow="hover" class="table-card">
-      <template #header>
-        <div class="card-header">
-          <span>Redis 实例列表</span>
-          <el-button type="primary" @click="showCreateDialog">
-            <el-icon><Plus /></el-icon>
-            添加实例
-          </el-button>
-        </div>
-      </template>
-
-      <el-row :gutter="20">
-        <el-col :span="8" v-for="instance in instanceList" :key="instance.id">
-          <el-card shadow="hover" class="instance-card" :class="{ 'instance-error': instance.status !== 'active' }">
-            <div class="instance-header">
-              <div class="instance-title">
-                <el-icon size="24" color="#DC382D"><Lightning /></el-icon>
-                <div class="title-text">
-                  <h4 @click="goToDetail(instance.id)" class="clickable">{{ instance.name }}</h4>
-                  <p>{{ instance.host }}:{{ instance.port }}</p>
-                </div>
-              </div>
-              <el-tag :type="instance.status === 'active' ? 'success' : 'danger'" size="small">
-                {{ instance.status === 'active' ? '正常' : '异常' }}
-              </el-tag>
-            </div>
-
-            <el-divider />
-
-            <div class="instance-metrics">
-              <div class="metric-item">
-                <span class="metric-label">版本</span>
-                <span class="metric-value">{{ instance.version || '7.0.12' }}</span>
-              </div>
-              <div class="metric-item">
-                <span class="metric-label">模式</span>
-                <span class="metric-value">{{ instance.redis_mode || 'Standalone' }}</span>
-              </div>
-              <div class="metric-item">
-                <span class="metric-label">键数</span>
-                <span class="metric-value">{{ formatNumber(instance.total_keys || 100000) }}</span>
-              </div>
-              <div class="metric-item">
-                <span class="metric-label">内存</span>
-                <span class="metric-value">{{ instance.used_memory_human || '512M' }}</span>
-              </div>
-              <div class="metric-item">
-                <span class="metric-label">连接</span>
-                <span class="metric-value">{{ instance.connected_clients || 50 }}</span>
-              </div>
-              <div class="metric-item">
-                <span class="metric-label">命中率</span>
-                <span class="metric-value" :style="{ color: getHitRateColor(instance.hit_rate || 95) }">
-                  {{ instance.hit_rate || 95 }}%
-                </span>
-              </div>
-            </div>
-
-            <el-divider />
-
-            <div class="instance-actions">
-              <el-button type="primary" link @click="goToDetail(instance.id)">
-                <el-icon><View /></el-icon>
-                管理
-              </el-button>
-              <el-button type="success" link @click="testConnection(instance)">
-                <el-icon><CircleCheck /></el-icon>
-                测试
-              </el-button>
-              <el-button type="primary" link @click="editInstance(instance)">
-                <el-icon><Edit /></el-icon>
-                编辑
-              </el-button>
-              <el-dropdown @command="(cmd) => handleMore(cmd, instance)">
-                <el-button type="primary" link>
-                  更多<el-icon><ArrowDown /></el-icon>
-                </el-button>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item command="flush">清空数据</el-dropdown-item>
-                    <el-dropdown-item command="backup">备份数据</el-dropdown-item>
-                    <el-dropdown-item divided command="delete" type="danger">删除实例</el-dropdown-item>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-            </div>
-          </el-card>
-        </el-col>
-      </el-row>
-
-      <!-- 空状态 -->
-      <el-empty v-if="instanceList.length === 0" description="暂无 Redis 实例" />
-    </el-card>
-
-    <!-- 添加/编辑对话框 -->
-    <el-dialog
-      v-model="dialogVisible"
-      :title="isEdit ? '编辑 Redis 实例' : '添加 Redis 实例'"
-      width="600px"
-    >
-      <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
-        <el-form-item label="实例名称" prop="name">
-          <el-input v-model="form.name" placeholder="如：生产-Redis主库" />
-        </el-form-item>
-
-        <el-row :gutter="20">
-          <el-col :span="16">
-            <el-form-item label="主机地址" prop="host">
-              <el-input v-model="form.host" placeholder="如：redis-prod.example.com" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="端口" prop="port">
-              <el-input-number v-model="form.port" :min="1" :max="65535" style="width: 100%;" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-form-item label="密码">
-          <el-input v-model="form.password" type="password" placeholder="密码（可选）" show-password />
-        </el-form-item>
-
-        <el-form-item label="部署模式">
-          <el-radio-group v-model="form.redis_mode">
-            <el-radio-button label="standalone">单机</el-radio-button>
-            <el-radio-button label="sentinel">哨兵</el-radio-button>
-            <el-radio-button label="cluster">集群</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-
-        <el-form-item label="环境" prop="environment">
-          <el-radio-group v-model="form.environment">
-            <el-radio-button label="dev">开发</el-radio-button>
-            <el-radio-button label="test">测试</el-radio-button>
-            <el-radio-button label="staging">预发布</el-radio-button>
-            <el-radio-button label="prod">生产</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-
-        <el-form-item label="描述">
-          <el-input v-model="form.description" type="textarea" :rows="2" placeholder="实例描述" />
-        </el-form-item>
-      </el-form>
-
-      <template #footer>
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="testConnection(form)">测试连接</el-button>
-        <el-button type="primary" :loading="submitting" @click="handleSubmit">
-          {{ isEdit ? '保存' : '添加' }}
-        </el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { instanceApi } from '@/api'
-import type { DatabaseInstance } from '@/types'
-
-const router = useRouter()
-
-const searchForm = reactive({
-  name: '',
-  environment: '',
-})
-
-const loading = ref(false)
-const instanceList = ref<DatabaseInstance[]>([])
-
-const dialogVisible = ref(false)
-const isEdit = ref(false)
-const submitting = ref(false)
-const formRef = ref()
-
-const form = reactive({
-  id: 0,
-  name: '',
-  host: '',
-  port: 6379,
-  password: '',
-  redis_mode: 'standalone',
-  environment: 'dev',
-  description: '',
-})
-
-const rules = {
-  name: [{ required: true, message: '请输入实例名称', trigger: 'blur' }],
-  host: [{ required: true, message: '请输入主机地址', trigger: 'blur' }],
-  port: [{ required: true, message: '请输入端口', trigger: 'blur' }],
-  environment: [{ required: true, message: '请选择环境', trigger: 'change' }],
-}
-
-const fetchInstances = async () => {
-  loading.value = true
-  try {
-    const res: any = await instanceApi.list({
-      db_type: 'redis',
-      ...searchForm,
-    })
-    instanceList.value = res
-  } finally {
-    loading.value = false
-  }
-}
-
-const handleSearch = () => {
-  fetchInstances()
-}
-
-const handleReset = () => {
-  searchForm.name = ''
-  searchForm.environment = ''
-  fetchInstances()
-}
-
-const formatNumber = (num: number) => {
-  if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M'
-  if (num >= 1000) return (num / 1000).toFixed(1) + 'K'
-  return num.toString()
-}
-
-const getHitRateColor = (rate: number) => {
-  if (rate >= 90) return '#67C23A'
-  if (rate >= 70) return '#E6A23C'
-  return '#F56C6C'
-}
-
-const goToDetail = (id: number) => {
-  router.push(`/redis/${id}/keys`)
-}
-
-const showCreateDialog = () => {
-  isEdit.value = false
-  resetForm()
-  dialogVisible.value = true
-}
-
-const editInstance = (row: DatabaseInstance) => {
-  isEdit.value = true
-  Object.assign(form, row)
-  dialogVisible.value = true
-}
-
-const resetForm = () => {
-  form.id = 0
-  form.name = ''
-  form.host = ''
-  form.port = 6379
-  form.password = ''
-  form.redis_mode = 'standalone'
-  form.environment = 'dev'
-  form.description = ''
-}
-
-const handleSubmit = async () => {
-  const valid = await formRef.value?.validate().catch(() => false)
-  if (!valid) return
-
-  submitting.value = true
-  try {
-    if (isEdit.value) {
-      await instanceApi.update(form.id, form)
-      ElMessage.success('更新成功')
-    } else {
-      await instanceApi.create({ ...form, db_type: 'redis' })
-      ElMessage.success('创建成功')
-    }
-    dialogVisible.value = false
-    fetchInstances()
-  } finally {
-    submitting.value = false
-  }
-}
-
-const testConnection = async (row: any) => {
-  try {
-    const res: any = await instanceApi.test(row.id || 0)
-    if (res.success) {
-      ElMessage.success(`${row.name} 连接成功，延迟: ${res.latency_ms}ms`)
-    } else {
-      ElMessage.error(res.message)
-    }
-  } catch (error) {
-    ElMessage.error('连接测试失败')
-  }
-}
-
-const handleMore = async (cmd: string, row: DatabaseInstance) => {
-  switch (cmd) {
-    case 'flush':
-      try {
-        await ElMessageBox.confirm(`确定要清空 "${row.name}" 的所有数据吗？此操作不可恢复！`, '危险操作', {
-          type: 'error',
-          confirmButtonText: '确认清空',
-          confirmButtonClass: 'el-button--danger',
-        })
-        ElMessage.success('数据已清空')
-      } catch {
-        // 取消
-      }
-      break
-    case 'backup':
-      ElMessage.success(`已开始备份: ${row.name}`)
-      break
-    case 'delete':
-      try {
-        await ElMessageBox.confirm(`确定要删除实例 "${row.name}" 吗？`, '警告', {
-          type: 'warning',
-        })
-        await instanceApi.delete(row.id)
-        ElMessage.success('删除成功')
-        fetchInstances()
-      } catch {
-        // 取消删除
-      }
-      break
-  }
-}
-
-onMounted(() => {
-  fetchInstances()
-})
-</script>
-
-<style scoped lang="scss">
-.redis-instances-page {
-  .search-card {
-    margin-bottom: 20px;
-  }
-
-  .instance-card {
-    margin-bottom: 20px;
-    transition: all 0.3s;
-
-    &:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
-    }
-
-    &.instance-error {
-      border-color: #F56C6C;
-    }
-
-    .instance-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: flex-start;
-
-      .instance-title {
-        display: flex;
-        gap: 12px;
-
-        .title-text {
-          h4 {
-            margin: 0;
-            font-size: 16px;
-            font-weight: 600;
-
-            &.clickable {
-              cursor: pointer;
-              color: #409EFF;
-
-              &:hover {
-                text-decoration: underline;
-              }
-            }
-          }
-
-          p {
-            margin: 4px 0 0;
-            font-size: 12px;
-            color: #909399;
-          }
-        }
-      }
-    }
-
-    .instance-metrics {
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      gap: 12px;
-
-      .metric-item {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        padding: 8px;
-        background-color: #f5f7fa;
-        border-radius: 4px;
-
-        .metric-label {
-          font-size: 12px;
-          color: #909399;
-          margin-bottom: 4px;
-        }
-
-        .metric-value {
-          font-size: 14px;
-          font-weight: 600;
-          color: #303133;
-        }
-      }
-    }
-
-    .instance-actions {
-      display: flex;
-      justify-content: center;
-      gap: 16px;
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Keys.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Keys.vue
deleted file mode 100644
index 392d645..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/datasource/redis/Keys.vue
+++ /dev/null
@@ -1,523 +0,0 @@
-<template>
-  <div class="redis-keys-page">
-    <el-row :gutter="20">
-      <!-- 左侧：数据库选择和键列表 -->
-      <el-col :span="7">
-        <el-card shadow="hover" class="sidebar-card">
-          <template #header>
-            <div class="card-header">
-              <span>键空间</span>
-              <div class="header-actions">
-                <el-button type="primary" link @click="refreshKeys">
-                  <el-icon><Refresh /></el-icon>
-                </el-button>
-                <el-button type="danger" link @click="confirmFlushDB">
-                  <el-icon><Delete /></el-icon>
-                </el-button>
-              </div>
-            </div>
-          </template>
-
-          <!-- 数据库选择 -->
-          <el-select v-model="selectedDB" style="width: 100%; margin-bottom: 16px;" @change="handleDBChange">
-            <el-option
-              v-for="db in databases"
-              :key="db.db"
-              :label="`DB ${db.db} (${db.keys} keys, ${db.expires} expires)`"
-              :value="db.db"
-            />
-          </el-select>
-
-          <!-- 键搜索 -->
-          <el-input
-            v-model="keyPattern"
-            placeholder="搜索键 (支持 * 通配符)"
-            clearable
-            style="margin-bottom: 12px;"
-          >
-            <template #append>
-              <el-button @click="searchKeys">
-                <el-icon><Search /></el-icon>
-              </el-button>
-            </template>
-          </el-input>
-
-          <!-- 键类型过滤 -->
-          <el-radio-group v-model="typeFilter" size="small" style="margin-bottom: 12px;">
-            <el-radio-button label="">全部</el-radio-button>
-            <el-radio-button label="string">String</el-radio-button>
-            <el-radio-button label="hash">Hash</el-radio-button>
-            <el-radio-button label="list">List</el-radio-button>
-            <el-radio-button label="set">Set</el-radio-button>
-            <el-radio-button label="zset">ZSet</el-radio-button>
-          </el-radio-group>
-
-          <!-- 键列表 -->
-          <el-scrollbar height="calc(100vh - 500px)">
-            <div
-              v-for="key in filteredKeys"
-              :key="key.name"
-              class="key-item"
-              :class="{ active: selectedKey === key.name }"
-              @click="selectKey(key)"
-            >
-              <el-tag :type="getKeyTypeColor(key.type)" size="small">{{ key.type }}</el-tag>
-              <span class="key-name" :title="key.name">{{ key.name }}</span>
-              <el-tag v-if="key.ttl > 0" type="info" size="small" class="ttl-tag">{{ formatTTL(key.ttl) }}</el-tag>
-            </div>
-          </el-scrollbar>
-
-          <!-- 分页 -->
-          <el-pagination
-            v-model:current-page="keyPage"
-            :page-size="keyPageSize"
-            :total="totalKeys"
-            small
-            layout="prev, pager, next"
-            @current-change="fetchKeys"
-          />
-        </el-card>
-      </el-col>
-
-      <!-- 右侧：键值详情 -->
-      <el-col :span="17">
-        <el-card shadow="hover" class="value-card">
-          <template #header>
-            <div class="card-header">
-              <div class="header-left">
-                <template v-if="selectedKey">
-                  <el-tag :type="getKeyTypeColor(currentKey?.type)" size="large">{{ currentKey?.type }}</el-tag>
-                  <span class="key-title">{{ selectedKey }}</span>
-                  <el-tag v-if="currentKey?.ttl > 0" type="info">TTL: {{ formatTTL(currentKey.ttl) }}</el-tag>
-                </template>
-                <span v-else>请选择键查看详情</span>
-              </div>
-              <div class="header-actions" v-if="selectedKey">
-                <el-button type="primary" @click="showEditDialog">
-                  <el-icon><Edit /></el-icon>
-                  编辑
-                </el-button>
-                <el-button type="danger" @click="deleteKey">
-                  <el-icon><Delete /></el-icon>
-                  删除
-                </el-button>
-                <el-button @click="refreshKeyValue">
-                  <el-icon><Refresh /></el-icon>
-                  刷新
-                </el-button>
-              </div>
-            </div>
-          </template>
-
-          <!-- 键值内容 -->
-          <div v-if="selectedKey && keyValue" class="value-content">
-            <!-- String 类型 -->
-            <template v-if="currentKey?.type === 'string'">
-              <el-form label-width="100px">
-                <el-form-item label="值">
-                  <el-input
-                    v-model="keyValue"
-                    type="textarea"
-                    :rows="10"
-                    readonly
-                  />
-                </el-form-item>
-                <el-form-item label="大小">
-                  <span>{{ formatSize(keyValue.length) }}</span>
-                </el-form-item>
-              </el-form>
-            </template>
-
-            <!-- Hash 类型 -->
-            <template v-if="currentKey?.type === 'hash'">
-              <el-table :data="hashData" stripe border>
-                <el-table-column prop="field" label="Field" />
-                <el-table-column prop="value" label="Value" show-overflow-tooltip />
-              </el-table>
-            </template>
-
-            <!-- List 类型 -->
-            <template v-if="currentKey?.type === 'list'">
-              <el-table :data="listData" stripe border>
-                <el-table-column type="index" label="Index" width="80" />
-                <el-table-column prop="value" label="Value" show-overflow-tooltip />
-              </el-table>
-            </template>
-
-            <!-- Set 类型 -->
-            <template v-if="currentKey?.type === 'set'">
-              <el-table :data="setData" stripe border>
-                <el-table-column type="index" label="#" width="80" />
-                <el-table-column prop="value" label="Member" show-overflow-tooltip />
-              </el-table>
-            </template>
-
-            <!-- ZSet 类型 -->
-            <template v-if="currentKey?.type === 'zset'">
-              <el-table :data="zsetData" stripe border>
-                <el-table-column type="index" label="#" width="80" />
-                <el-table-column prop="member" label="Member" show-overflow-tooltip />
-                <el-table-column prop="score" label="Score" width="120" />
-              </el-table>
-            </template>
-          </div>
-
-          <el-empty v-else description="从左侧选择一个键查看详情" />
-        </el-card>
-      </el-col>
-    </el-row>
-
-    <!-- 新增/编辑键对话框 -->
-    <el-dialog v-model="editDialogVisible" :title="isEdit ? '编辑键' : '新增键'" width="600px">
-      <el-form label-width="100px">
-        <el-form-item label="键名">
-          <el-input v-model="editForm.key" :disabled="isEdit" placeholder="键名" />
-        </el-form-item>
-        <el-form-item label="类型">
-          <el-select v-model="editForm.type" :disabled="isEdit" style="width: 100%;">
-            <el-option label="String" value="string" />
-            <el-option label="Hash" value="hash" />
-            <el-option label="List" value="list" />
-            <el-option label="Set" value="set" />
-            <el-option label="ZSet" value="zset" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="TTL">
-          <el-input-number v-model="editForm.ttl" :min="-1" style="width: 200px;">
-            <template #append>秒</template>
-          </el-input-number>
-          <span class="form-hint">-1 表示永不过期</span>
-        </el-form-item>
-        <el-form-item label="值">
-          <el-input
-            v-model="editForm.value"
-            type="textarea"
-            :rows="8"
-            placeholder="键值内容"
-          />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="editDialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="saveKey">保存</el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { redisApi } from '@/api'
-
-const props = defineProps<{
-  instanceId: number
-  instance: any
-  redisInfo: any
-}>()
-
-// 数据库
-const databases = ref<any[]>([])
-const selectedDB = ref(0)
-
-// 键列表
-const keyPattern = ref('*')
-const typeFilter = ref('')
-const keys = ref<any[]>([])
-const selectedKey = ref('')
-const keyPage = ref(1)
-const keyPageSize = ref(50)
-const totalKeys = ref(0)
-
-// 键值
-const keyValue = ref('')
-const currentKey = ref<any>(null)
-
-// 编辑对话框
-const editDialogVisible = ref(false)
-const isEdit = ref(false)
-const editForm = reactive({
-  key: '',
-  type: 'string',
-  ttl: -1,
-  value: '',
-})
-
-const filteredKeys = computed(() => {
-  let result = keys.value
-  if (typeFilter.value) {
-    result = result.filter(k => k.type === typeFilter.value)
-  }
-  return result
-})
-
-const hashData = computed(() => {
-  if (!keyValue.value || currentKey.value?.type !== 'hash') return []
-  try {
-    const obj = JSON.parse(keyValue.value)
-    return Object.entries(obj).map(([field, value]) => ({ field, value }))
-  } catch {
-    return []
-  }
-})
-
-const listData = computed(() => {
-  if (!keyValue.value || currentKey.value?.type !== 'list') return []
-  try {
-    const arr = JSON.parse(keyValue.value)
-    return arr.map((v: any) => ({ value: v }))
-  } catch {
-    return []
-  }
-})
-
-const setData = computed(() => {
-  if (!keyValue.value || currentKey.value?.type !== 'set') return []
-  try {
-    const arr = JSON.parse(keyValue.value)
-    return arr.map((v: any) => ({ value: v }))
-  } catch {
-    return []
-  }
-})
-
-const zsetData = computed(() => {
-  if (!keyValue.value || currentKey.value?.type !== 'zset') return []
-  try {
-    const arr = JSON.parse(keyValue.value)
-    return arr.map(([member, score]: [string, number]) => ({ member, score }))
-  } catch {
-    return []
-  }
-})
-
-const fetchDatabases = () => {
-  if (props.redisInfo?.databases) {
-    databases.value = props.redisInfo.databases
-  } else {
-    databases.value = [{ db: 0, keys: 0, expires: 0 }]
-  }
-}
-
-const handleDBChange = () => {
-  keyPage.value = 1
-  fetchKeys()
-}
-
-const fetchKeys = async () => {
-  try {
-    const res: any = await redisApi.command(props.instanceId, {
-      command: `SELECT ${selectedDB.value}\nSCAN ${(keyPage.value - 1) * keyPageSize.value} MATCH ${keyPattern.value} COUNT ${keyPageSize.value}`,
-    })
-    // 模拟数据
-    keys.value = [
-      { name: 'user:1001', type: 'hash', ttl: 3600 },
-      { name: 'user:1002', type: 'hash', ttl: -1 },
-      { name: 'session:abc123', type: 'string', ttl: 1800 },
-      { name: 'products:list', type: 'list', ttl: -1 },
-      { name: 'tags:set', type: 'set', ttl: -1 },
-      { name: 'ranking:zset', type: 'zset', ttl: 86400 },
-    ]
-    totalKeys.value = props.redisInfo?.databases?.[selectedDB.value]?.keys || 100
-  } catch (error) {
-    console.error(error)
-  }
-}
-
-const searchKeys = () => {
-  keyPage.value = 1
-  fetchKeys()
-}
-
-const selectKey = async (key: any) => {
-  selectedKey.value = key.name
-  currentKey.value = key
-  await fetchKeyValue(key.name)
-}
-
-const fetchKeyValue = async (keyName: string) => {
-  try {
-    // 模拟获取键值
-    const typeMap: Record<string, string> = {
-      string: '{"data": "user session data"}',
-      hash: '{"id": "1001", "name": "张三", "email": "zhangsan@example.com", "age": "28"}',
-      list: '["item1", "item2", "item3", "item4", "item5"]',
-      set: '["tag1", "tag2", "tag3", "tag4"]',
-      zset: '[["user1", 100], ["user2", 95], ["user3", 88]]',
-    }
-    keyValue.value = typeMap[currentKey.value?.type] || '{}'
-  } catch (error) {
-    console.error(error)
-  }
-}
-
-const getKeyTypeColor = (type: string) => {
-  const map: Record<string, string> = {
-    string: 'success',
-    hash: 'primary',
-    list: 'warning',
-    set: 'danger',
-    zset: 'info',
-  }
-  return map[type] || ''
-}
-
-const formatTTL = (ttl: number) => {
-  if (ttl < 0) return '永不过期'
-  if (ttl < 60) return `${ttl}s`
-  if (ttl < 3600) return `${Math.floor(ttl / 60)}m`
-  if (ttl < 86400) return `${Math.floor(ttl / 3600)}h`
-  return `${Math.floor(ttl / 86400)}d`
-}
-
-const formatSize = (bytes: number) => {
-  if (bytes < 1024) return `${bytes} B`
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`
-  return `${(bytes / 1024 / 1024).toFixed(2)} MB`
-}
-
-const showEditDialog = () => {
-  isEdit.value = true
-  editForm.key = selectedKey.value
-  editForm.type = currentKey.value?.type || 'string'
-  editForm.ttl = currentKey.value?.ttl || -1
-  editForm.value = keyValue.value
-  editDialogVisible.value = true
-}
-
-const saveKey = async () => {
-  ElMessage.success('保存成功')
-  editDialogVisible.value = false
-  fetchKeys()
-}
-
-const deleteKey = async () => {
-  try {
-    await ElMessageBox.confirm(`确定要删除键 "${selectedKey.value}" 吗？`, '警告', {
-      type: 'warning',
-    })
-    ElMessage.success('删除成功')
-    selectedKey.value = ''
-    keyValue.value = ''
-    fetchKeys()
-  } catch {
-    // 取消
-  }
-}
-
-const refreshKeyValue = () => {
-  if (selectedKey.value) {
-    fetchKeyValue(selectedKey.value)
-  }
-}
-
-const refreshKeys = () => {
-  fetchKeys()
-  ElMessage.success('刷新成功')
-}
-
-const confirmFlushDB = async () => {
-  try {
-    await ElMessageBox.confirm(`确定要清空 DB ${selectedDB.value} 的所有数据吗？此操作不可恢复！`, '危险操作', {
-      type: 'error',
-      confirmButtonText: '确认清空',
-      confirmButtonClass: 'el-button--danger',
-    })
-    ElMessage.success('数据库已清空')
-    fetchKeys()
-  } catch {
-    // 取消
-  }
-}
-
-onMounted(() => {
-  fetchDatabases()
-  fetchKeys()
-})
-</script>
-
-<style scoped lang="scss">
-.redis-keys-page {
-  .sidebar-card {
-    .card-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      .header-actions {
-        display: flex;
-        gap: 8px;
-      }
-    }
-
-    .key-item {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 8px 12px;
-      border-radius: 4px;
-      cursor: pointer;
-      transition: all 0.3s;
-
-      &:hover {
-        background-color: #f5f7fa;
-      }
-
-      &.active {
-        background-color: #ecf5ff;
-      }
-
-      .key-name {
-        flex: 1;
-        min-width: 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        font-size: 13px;
-      }
-
-      .ttl-tag {
-        font-size: 11px;
-      }
-    }
-  }
-
-  .value-card {
-    .card-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      .header-left {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-
-        .key-title {
-          font-weight: 500;
-          font-size: 16px;
-        }
-      }
-
-      .header-actions {
-        display: flex;
-        gap: 8px;
-      }
-    }
-
-    .value-content {
-      :deep(.el-table) {
-        th {
-          background-color: #f5f7fa;
-        }
-      }
-    }
-  }
-
-  .form-hint {
-    margin-left: 12px;
-    color: #909399;
-    font-size: 13px;
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/dictionary/Index.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/dictionary/Index.vue
deleted file mode 100644
index 813ac1d..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/dictionary/Index.vue
+++ /dev/null
@@ -1,355 +0,0 @@
-<template>
-  <div class="dictionary-page">
-    <el-card shadow="hover">
-      <template #header>
-        <div class="card-header">
-          <span>数据字典</span>
-        </div>
-      </template>
-
-      <div class="dictionary-container">
-        <!-- 左侧：数据源和数据库选择 -->
-        <div class="dictionary-sidebar">
-          <el-form label-position="top">
-            <el-form-item label="数据源">
-              <el-select
-                v-model="selectedInstance"
-                placeholder="选择数据源"
-                style="width: 100%;"
-                @change="handleInstanceChange"
-              >
-                <el-option
-                  v-for="instance in mysqlInstances"
-                  :key="instance.id"
-                  :label="instance.name"
-                  :value="instance.id"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="数据库">
-              <el-select
-                v-model="selectedDatabase"
-                placeholder="选择数据库"
-                style="width: 100%;"
-                :disabled="!selectedInstance"
-                @change="handleDatabaseChange"
-              >
-                <el-option
-                  v-for="db in databases"
-                  :key="db.name"
-                  :label="db.name"
-                  :value="db.name"
-                />
-              </el-select>
-            </el-form-item>
-          </el-form>
-
-          <div class="table-list" v-if="tables.length > 0">
-            <h4>表列表 ({{ tables.length }})</h4>
-            <el-input
-              v-model="tableSearch"
-              placeholder="搜索表名"
-              clearable
-              size="small"
-              style="margin-bottom: 12px;"
-            />
-            <div class="table-items">
-              <div
-                v-for="table in filteredTables"
-                :key="table.name"
-                class="table-item"
-                :class="{ active: selectedTable === table.name }"
-                @click="selectTable(table.name)"
-              >
-                <el-icon><Document /></el-icon>
-                <div class="table-info">
-                  <span class="table-name">{{ table.name }}</span>
-                  <span class="table-comment" v-if="table.comment">{{ table.comment }}</span>
-                </div>
-                <el-tag size="small" type="info">{{ formatNumber(table.rows) }}</el-tag>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 右侧：表详情 -->
-        <div class="dictionary-main" v-if="selectedTable">
-          <el-tabs v-model="activeTab">
-            <el-tab-pane label="表结构" name="columns">
-              <el-descriptions :title="selectedTable" :column="3" border>
-                <el-descriptions-item label="引擎">{{ tableInfo?.table?.engine }}</el-descriptions-item>
-                <el-descriptions-item label="行数">{{ formatNumber(tableInfo?.table?.rows) }}</el-descriptions-item>
-                <el-descriptions-item label="数据大小">{{ formatSize(tableInfo?.table?.data_length) }}</el-descriptions-item>
-                <el-descriptions-item label="注释" :span="3">{{ tableInfo?.table?.comment || '-' }}</el-descriptions-item>
-              </el-descriptions>
-
-              <h4 class="section-title">字段信息</h4>
-              <el-table :data="tableInfo?.columns" stripe border>
-                <el-table-column prop="name" label="字段名" min-width="150" />
-                <el-table-column prop="data_type" label="数据类型" width="150" />
-                <el-table-column prop="nullable" label="可空" width="80">
-                  <template #default="{ row }">
-                    <el-tag :type="row.nullable ? 'info' : 'danger'" size="small">
-                      {{ row.nullable ? '是' : '否' }}
-                    </el-tag>
-                  </template>
-                </el-table-column>
-                <el-table-column prop="default" label="默认值" width="120" />
-                <el-table-column prop="comment" label="注释" min-width="200" show-overflow-tooltip />
-                <el-table-column label="键" width="100">
-                  <template #default="{ row }">
-                    <el-tag v-if="row.is_primary" type="danger" size="small">PK</el-tag>
-                    <el-tag v-else-if="row.is_index" type="success" size="small">IDX</el-tag>
-                  </template>
-                </el-table-column>
-              </el-table>
-            </el-tab-pane>
-
-            <el-tab-pane label="索引" name="indexes">
-              <el-table :data="tableInfo?.indexes" stripe border>
-                <el-table-column prop="name" label="索引名" min-width="200" />
-                <el-table-column prop="columns" label="字段" min-width="300">
-                  <template #default="{ row }">
-                    {{ row.columns.join(', ') }}
-                  </template>
-                </el-table-column>
-                <el-table-column prop="unique" label="唯一" width="100">
-                  <template #default="{ row }">
-                    <el-tag :type="row.unique ? 'success' : 'info'" size="small">
-                      {{ row.unique ? '是' : '否' }}
-                    </el-tag>
-                  </template>
-                </el-table-column>
-                <el-table-column prop="index_type" label="类型" width="120" />
-              </el-table>
-            </el-tab-pane>
-
-            <el-tab-pane label="DDL" name="ddl">
-              <pre class="ddl-content">{{ generateDDL() }}</pre>
-            </el-tab-pane>
-          </el-tabs>
-        </div>
-
-        <div class="dictionary-empty" v-else>
-          <el-empty description="请选择数据源和数据库查看表结构" />
-        </div>
-      </div>
-    </el-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { instanceApi, dictionaryApi } from '@/api'
-import type { DatabaseInstance } from '@/types'
-
-const mysqlInstances = ref<DatabaseInstance[]>([])
-const databases = ref<{ name: string }[]>([])
-const tables = ref<any[]>([])
-const selectedInstance = ref<number | null>(null)
-const selectedDatabase = ref('')
-const selectedTable = ref('')
-const tableSearch = ref('')
-const activeTab = ref('columns')
-const tableInfo = ref<any>(null)
-
-const filteredTables = computed(() => {
-  if (!tableSearch.value) return tables.value
-  return tables.value.filter(t =>
-    t.name.toLowerCase().includes(tableSearch.value.toLowerCase())
-  )
-})
-
-const fetchInstances = async () => {
-  const res: any = await instanceApi.list({ db_type: 'mysql' })
-  mysqlInstances.value = res
-}
-
-const handleInstanceChange = async (instanceId: number) => {
-  selectedDatabase.value = ''
-  selectedTable.value = ''
-  tables.value = []
-  const res: any = await dictionaryApi.databases(instanceId)
-  databases.value = res.filter((db: any) => !['information_schema', 'mysql', 'performance_schema', 'sys'].includes(db.name))
-}
-
-const handleDatabaseChange = async () => {
-  selectedTable.value = ''
-  if (selectedInstance.value && selectedDatabase.value) {
-    const res: any = await dictionaryApi.tables(selectedInstance.value, selectedDatabase.value)
-    tables.value = res
-  }
-}
-
-const selectTable = async (tableName: string) => {
-  selectedTable.value = tableName
-  if (selectedInstance.value && selectedDatabase.value) {
-    const res: any = await dictionaryApi.tableInfo(selectedInstance.value, selectedDatabase.value, tableName)
-    tableInfo.value = res
-  }
-}
-
-const formatNumber = (num?: number) => {
-  if (!num) return '0'
-  if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M'
-  if (num >= 1000) return (num / 1000).toFixed(1) + 'K'
-  return num.toString()
-}
-
-const formatSize = (bytes?: number) => {
-  if (!bytes) return '0 B'
-  const units = ['B', 'KB', 'MB', 'GB', 'TB']
-  let size = bytes
-  let unitIndex = 0
-  while (size >= 1024 && unitIndex < units.length - 1) {
-    size /= 1024
-    unitIndex++
-  }
-  return size.toFixed(2) + ' ' + units[unitIndex]
-}
-
-const generateDDL = () => {
-  if (!tableInfo.value) return ''
-  const table = tableInfo.value.table
-  const columns = tableInfo.value.columns
-  const indexes = tableInfo.value.indexes
-
-  let ddl = `CREATE TABLE \`${table.name}\` (\n`
-
-  columns.forEach((col: any, index: number) => {
-    ddl += `  \`${col.name}\` ${col.data_type}`
-    if (!col.nullable) ddl += ' NOT NULL'
-    if (col.default !== null && col.default !== undefined) ddl += ` DEFAULT ${col.default}`
-    if (col.comment) ddl += ` COMMENT '${col.comment}'`
-    if (index < columns.length - 1 || indexes.length > 0) ddl += ','
-    ddl += '\n'
-  })
-
-  indexes.forEach((idx: any, index: number) => {
-    if (idx.name === 'PRIMARY') {
-      ddl += `  PRIMARY KEY (${idx.columns.map((c: string) => `\`${c}\``).join(', ')})`
-    } else if (idx.unique) {
-      ddl += `  UNIQUE KEY \`${idx.name}\` (${idx.columns.map((c: string) => `\`${c}\``).join(', ')})`
-    } else {
-      ddl += `  KEY \`${idx.name}\` (${idx.columns.map((c: string) => `\`${c}\``).join(', ')})`
-    }
-    if (index < indexes.length - 1) ddl += ','
-    ddl += '\n'
-  })
-
-  ddl += `) ENGINE=${table.engine || 'InnoDB'} DEFAULT CHARSET=utf8mb4`
-  if (table.comment) ddl += ` COMMENT='${table.comment}'`
-  ddl += ';'
-
-  return ddl
-}
-
-onMounted(() => {
-  fetchInstances()
-})
-</script>
-
-<style scoped lang="scss">
-.dictionary-page {
-  .card-header {
-    font-weight: 500;
-  }
-
-  .dictionary-container {
-    display: flex;
-    gap: 20px;
-    min-height: 600px;
-
-    .dictionary-sidebar {
-      width: 280px;
-      flex-shrink: 0;
-      border-right: 1px solid #ebeef5;
-      padding-right: 20px;
-
-      .table-list {
-        margin-top: 20px;
-
-        h4 {
-          font-size: 14px;
-          font-weight: 500;
-          margin-bottom: 12px;
-          color: #606266;
-        }
-
-        .table-items {
-          max-height: 400px;
-          overflow-y: auto;
-
-          .table-item {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            padding: 10px 12px;
-            border-radius: 4px;
-            cursor: pointer;
-            transition: background-color 0.3s;
-
-            &:hover {
-              background-color: #f5f7fa;
-            }
-
-            &.active {
-              background-color: #ecf5ff;
-            }
-
-            .table-info {
-              flex: 1;
-              min-width: 0;
-              display: flex;
-              flex-direction: column;
-
-              .table-name {
-                font-size: 14px;
-                color: #303133;
-              }
-
-              .table-comment {
-                font-size: 12px;
-                color: #909399;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    .dictionary-main {
-      flex: 1;
-
-      .section-title {
-        margin-top: 24px;
-        margin-bottom: 16px;
-        font-size: 16px;
-        font-weight: 500;
-      }
-
-      .ddl-content {
-        background-color: #f5f7fa;
-        padding: 16px;
-        border-radius: 4px;
-        font-family: 'Courier New', monospace;
-        font-size: 14px;
-        line-height: 1.6;
-        overflow-x: auto;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-      }
-    }
-
-    .dictionary-empty {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/instances/Index.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/instances/Index.vue
deleted file mode 100644
index 73774ff..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/instances/Index.vue
+++ /dev/null
@@ -1,385 +0,0 @@
-<template>
-  <div class="instances-page">
-    <el-card shadow="hover">
-      <template #header>
-        <div class="card-header">
-          <div class="header-left">
-            <el-input
-              v-model="searchQuery"
-              placeholder="搜索数据源"
-              clearable
-              style="width: 300px;"
-            >
-              <template #prefix>
-                <el-icon><Search /></el-icon>
-              </template>
-            </el-input>
-            <el-select v-model="filterType" placeholder="类型" clearable style="width: 120px;">
-              <el-option label="MySQL" value="mysql" />
-              <el-option label="Redis" value="redis" />
-              <el-option label="PostgreSQL" value="postgresql" />
-              <el-option label="MongoDB" value="mongodb" />
-            </el-select>
-            <el-select v-model="filterEnv" placeholder="环境" clearable style="width: 120px;">
-              <el-option label="开发" value="dev" />
-              <el-option label="测试" value="test" />
-              <el-option label="预发布" value="staging" />
-              <el-option label="生产" value="prod" />
-            </el-select>
-          </div>
-          <el-button type="primary" @click="showCreateDialog">
-            <el-icon><Plus /></el-icon>
-            添加数据源
-          </el-button>
-        </div>
-      </template>
-
-      <el-table :data="filteredInstances" stripe v-loading="loading">
-        <el-table-column prop="id" label="ID" width="80" />
-        <el-table-column prop="name" label="名称" min-width="180">
-          <template #default="{ row }">
-            <div class="instance-name">
-              <el-icon size="18" :color="getDbTypeColor(row.db_type)">
-                <component :is="getDbTypeIcon(row.db_type)" />
-              </el-icon>
-              <span>{{ row.name }}</span>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column prop="db_type" label="类型" width="120">
-          <template #default="{ row }">
-            <el-tag :type="getDbTypeTag(row.db_type)">
-              {{ row.db_type.toUpperCase() }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="host" label="主机" min-width="180">
-          <template #default="{ row }">
-            {{ row.host }}:{{ row.port }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="database" label="数据库" width="120" />
-        <el-table-column prop="environment" label="环境" width="100">
-          <template #default="{ row }">
-            <el-tag :type="getEnvType(row.environment)">
-              {{ getEnvLabel(row.environment) }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="status" label="状态" width="100">
-          <template #default="{ row }">
-            <el-tag :type="row.status === 'active' ? 'success' : 'danger'">
-              {{ row.status === 'active' ? '正常' : '异常' }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="description" label="描述" min-width="200" show-overflow-tooltip />
-        <el-table-column label="操作" width="200" fixed="right">
-          <template #default="{ row }">
-            <el-button type="primary" link @click="testConnection(row.id)">
-              测试
-            </el-button>
-            <el-button type="primary" link @click="editInstance(row)">
-              编辑
-            </el-button>
-            <el-button type="danger" link @click="deleteInstance(row.id)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-
-    <!-- 创建/编辑对话框 -->
-    <el-dialog
-      v-model="dialogVisible"
-      :title="isEdit ? '编辑数据源' : '添加数据源'"
-      width="600px"
-    >
-      <el-form
-        ref="formRef"
-        :model="form"
-        :rules="rules"
-        label-width="100px"
-      >
-        <el-form-item label="名称" prop="name">
-          <el-input v-model="form.name" placeholder="请输入数据源名称" />
-        </el-form-item>
-        <el-form-item label="类型" prop="db_type">
-          <el-select v-model="form.db_type" placeholder="选择数据库类型" style="width: 100%;">
-            <el-option label="MySQL" value="mysql" />
-            <el-option label="Redis" value="redis" />
-            <el-option label="PostgreSQL" value="postgresql" />
-            <el-option label="MongoDB" value="mongodb" />
-          </el-select>
-        </el-form-item>
-        <el-row :gutter="20">
-          <el-col :span="16">
-            <el-form-item label="主机" prop="host">
-              <el-input v-model="form.host" placeholder="主机地址" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="端口" prop="port">
-              <el-input-number v-model="form.port" :min="1" :max="65535" style="width: 100%;" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-form-item label="数据库" prop="database">
-          <el-input v-model="form.database" placeholder="数据库名称（可选）" />
-        </el-form-item>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="用户名" prop="username">
-              <el-input v-model="form.username" placeholder="用户名" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="密码" prop="password">
-              <el-input v-model="form.password" type="password" placeholder="密码" show-password />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-form-item label="环境" prop="environment">
-          <el-radio-group v-model="form.environment">
-            <el-radio-button label="dev">开发</el-radio-button>
-            <el-radio-button label="test">测试</el-radio-button>
-            <el-radio-button label="staging">预发布</el-radio-button>
-            <el-radio-button label="prod">生产</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="描述" prop="description">
-          <el-input
-            v-model="form.description"
-            type="textarea"
-            :rows="3"
-            placeholder="数据源描述"
-          />
-        </el-form-item>
-        <el-form-item v-if="form.db_type === 'redis'" label="部署模式">
-          <el-select v-model="form.redis_mode" placeholder="选择部署模式" style="width: 100%;">
-            <el-option label="单机模式" value="standalone" />
-            <el-option label="哨兵模式" value="sentinel" />
-            <el-option label="集群模式" value="cluster" />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" :loading="submitting" @click="handleSubmit">
-          确定
-        </el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, reactive, onMounted } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { instanceApi } from '@/api'
-import type { DatabaseInstance } from '@/types'
-
-const loading = ref(false)
-const instances = ref<DatabaseInstance[]>([])
-const searchQuery = ref('')
-const filterType = ref('')
-const filterEnv = ref('')
-
-const dialogVisible = ref(false)
-const isEdit = ref(false)
-const submitting = ref(false)
-const formRef = ref()
-
-const form = reactive({
-  id: 0,
-  name: '',
-  db_type: 'mysql',
-  host: '',
-  port: 3306,
-  database: '',
-  username: '',
-  password: '',
-  environment: 'dev',
-  description: '',
-  redis_mode: 'standalone',
-})
-
-const rules = {
-  name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
-  db_type: [{ required: true, message: '请选择类型', trigger: 'change' }],
-  host: [{ required: true, message: '请输入主机地址', trigger: 'blur' }],
-  port: [{ required: true, message: '请输入端口', trigger: 'blur' }],
-}
-
-const filteredInstances = computed(() => {
-  let result = instances.value
-  if (searchQuery.value) {
-    result = result.filter(i => i.name.toLowerCase().includes(searchQuery.value.toLowerCase()))
-  }
-  if (filterType.value) {
-    result = result.filter(i => i.db_type === filterType.value)
-  }
-  if (filterEnv.value) {
-    result = result.filter(i => i.environment === filterEnv.value)
-  }
-  return result
-})
-
-const fetchInstances = async () => {
-  loading.value = true
-  try {
-    const res: any = await instanceApi.list()
-    instances.value = res
-  } finally {
-    loading.value = false
-  }
-}
-
-const getDbTypeColor = (type: string) => {
-  const map: Record<string, string> = {
-    mysql: '#4479A1',
-    redis: '#DC382D',
-    postgresql: '#336791',
-    mongodb: '#47A248',
-  }
-  return map[type] || '#909399'
-}
-
-const getDbTypeIcon = (type: string) => {
-  const map: Record<string, string> = {
-    mysql: 'Coin',
-    redis: 'Lightning',
-    postgresql: 'DataAnalysis',
-    mongodb: 'Folder',
-  }
-  return map[type] || 'DataLine'
-}
-
-const getDbTypeTag = (type: string) => {
-  const map: Record<string, string> = {
-    mysql: 'primary',
-    redis: 'danger',
-    postgresql: 'info',
-    mongodb: 'success',
-  }
-  return map[type] || ''
-}
-
-const getEnvType = (env: string) => {
-  const map: Record<string, string> = {
-    dev: 'info',
-    test: 'warning',
-    staging: '',
-    prod: 'danger',
-  }
-  return map[env] || ''
-}
-
-const getEnvLabel = (env: string) => {
-  const map: Record<string, string> = {
-    dev: '开发',
-    test: '测试',
-    staging: '预发布',
-    prod: '生产',
-  }
-  return map[env] || env
-}
-
-const showCreateDialog = () => {
-  isEdit.value = false
-  resetForm()
-  dialogVisible.value = true
-}
-
-const editInstance = (row: DatabaseInstance) => {
-  isEdit.value = true
-  Object.assign(form, row)
-  dialogVisible.value = true
-}
-
-const resetForm = () => {
-  form.id = 0
-  form.name = ''
-  form.db_type = 'mysql'
-  form.host = ''
-  form.port = 3306
-  form.database = ''
-  form.username = ''
-  form.password = ''
-  form.environment = 'dev'
-  form.description = ''
-  form.redis_mode = 'standalone'
-}
-
-const handleSubmit = async () => {
-  const valid = await formRef.value?.validate().catch(() => false)
-  if (!valid) return
-
-  submitting.value = true
-  try {
-    if (isEdit.value) {
-      await instanceApi.update(form.id, form)
-      ElMessage.success('更新成功')
-    } else {
-      await instanceApi.create(form)
-      ElMessage.success('创建成功')
-    }
-    dialogVisible.value = false
-    fetchInstances()
-  } finally {
-    submitting.value = false
-  }
-}
-
-const testConnection = async (id: number) => {
-  try {
-    const res: any = await instanceApi.test(id)
-    if (res.success) {
-      ElMessage.success(`连接成功，延迟: ${res.latency_ms}ms`)
-    } else {
-      ElMessage.error(res.message)
-    }
-  } catch (error) {
-    ElMessage.error('连接测试失败')
-  }
-}
-
-const deleteInstance = async (id: number) => {
-  try {
-    await ElMessageBox.confirm('确定要删除该数据源吗？', '提示', {
-      type: 'warning',
-    })
-    await instanceApi.delete(id)
-    ElMessage.success('删除成功')
-    fetchInstances()
-  } catch (error) {
-    // 取消删除
-  }
-}
-
-onMounted(() => {
-  fetchInstances()
-})
-</script>
-
-<style scoped lang="scss">
-.instances-page {
-  .card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .header-left {
-      display: flex;
-      gap: 12px;
-    }
-  }
-
-  .instance-name {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/query/Index.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/query/Index.vue
deleted file mode 100644
index 2d6997d..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/query/Index.vue
+++ /dev/null
@@ -1,297 +0,0 @@
-<template>
-  <div class="query-page">
-    <el-card shadow="hover">
-      <template #header>
-        <div class="card-header">
-          <span>SQL 查询</span>
-          <el-alert
-            title="只读查询：仅支持 SELECT/SHOW 语句"
-            type="info"
-            :closable="false"
-            show-icon
-          />
-        </div>
-      </template>
-
-      <div class="query-container">
-        <!-- 左侧：数据源选择 -->
-        <div class="query-sidebar">
-          <el-form :model="queryForm" label-position="top">
-            <el-form-item label="数据源">
-              <el-select
-                v-model="queryForm.instance_id"
-                placeholder="选择数据源"
-                style="width: 100%;"
-                @change="handleInstanceChange"
-              >
-                <el-option
-                  v-for="instance in mysqlInstances"
-                  :key="instance.id"
-                  :label="instance.name"
-                  :value="instance.id"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="数据库">
-              <el-select
-                v-model="queryForm.database"
-                placeholder="选择数据库"
-                style="width: 100%;"
-                :disabled="!queryForm.instance_id"
-              >
-                <el-option
-                  v-for="db in databases"
-                  :key="db.name"
-                  :label="db.name"
-                  :value="db.name"
-                />
-              </el-select>
-            </el-form-item>
-          </el-form>
-
-          <div class="table-list" v-if="tables.length > 0">
-            <h4>表列表</h4>
-            <el-tree
-              :data="tableTreeData"
-              :props="{ label: 'name', children: 'children' }"
-              @node-click="handleTableClick"
-            />
-          </div>
-        </div>
-
-        <!-- 右侧：SQL 编辑器 -->
-        <div class="query-main">
-          <div class="editor-section">
-            <div class="editor-toolbar">
-              <el-button type="primary" :loading="executing" @click="executeQuery">
-                <el-icon><VideoPlay /></el-icon>
-                执行 (Ctrl+Enter)
-              </el-button>
-              <el-button @click="formatSQL">
-                <el-icon><MagicStick /></el-icon>
-                格式化
-              </el-button>
-              <el-button @click="clearSQL">
-                <el-icon><Delete /></el-icon>
-                清空
-              </el-button>
-            </div>
-            <div class="sql-editor">
-              <codemirror
-                v-model="queryForm.sql"
-                placeholder="请输入 SQL 查询语句..."
-                :style="{ height: '200px' }"
-                :autofocus="true"
-                :indent-with-tab="true"
-                :tab-size="2"
-                :extensions="extensions"
-              />
-            </div>
-          </div>
-
-          <!-- 查询结果 -->
-          <div v-if="queryResult" class="result-section">
-            <div class="result-header">
-              <span>查询结果</span>
-              <div class="result-info">
-                <el-tag size="small">{{ queryResult.total_rows }} 行</el-tag>
-                <el-tag size="small" type="success">{{ queryResult.execution_time }}ms</el-tag>
-              </div>
-            </div>
-            <el-table
-              :data="queryResult.rows"
-              stripe
-              border
-              max-height="400"
-              v-loading="executing"
-            >
-              <el-table-column
-                v-for="(col, index) in queryResult.columns"
-                :key="index"
-                :prop="index.toString()"
-                :label="col"
-                min-width="120"
-              />
-            </el-table>
-          </div>
-        </div>
-      </div>
-    </el-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive, computed, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
-import { Codemirror } from 'vue-codemirror'
-import { sql } from '@codemirror/lang-sql'
-import { oneDark } from '@codemirror/theme-one-dark'
-import { instanceApi, queryApi, dictionaryApi } from '@/api'
-import type { DatabaseInstance, SQLQueryResult } from '@/types'
-
-const mysqlInstances = ref<DatabaseInstance[]>([])
-const databases = ref<{ name: string }[]>([])
-const tables = ref<{ name: string; comment?: string }[]>([])
-const executing = ref(false)
-const queryResult = ref<SQLQueryResult | null>(null)
-
-const queryForm = reactive({
-  instance_id: null as number | null,
-  database: '',
-  sql: 'SELECT * FROM users LIMIT 10;',
-})
-
-const extensions = [sql(), oneDark]
-
-const tableTreeData = computed(() => {
-  return tables.value.map(t => ({
-    name: t.name,
-    children: [],
-  }))
-})
-
-const fetchInstances = async () => {
-  const res: any = await instanceApi.list({ db_type: 'mysql' })
-  mysqlInstances.value = res
-}
-
-const handleInstanceChange = async (instanceId: number) => {
-  queryForm.database = ''
-  tables.value = []
-  const res: any = await dictionaryApi.databases(instanceId)
-  databases.value = res.filter((db: any) => !['information_schema', 'mysql', 'performance_schema', 'sys'].includes(db.name))
-}
-
-const fetchTables = async () => {
-  if (!queryForm.instance_id || !queryForm.database) return
-  const res: any = await dictionaryApi.tables(queryForm.instance_id, queryForm.database)
-  tables.value = res
-}
-
-const handleTableClick = (data: any) => {
-  queryForm.sql = `SELECT * FROM ${data.name} LIMIT 10;`
-}
-
-const executeQuery = async () => {
-  if (!queryForm.instance_id) {
-    ElMessage.warning('请选择数据源')
-    return
-  }
-  if (!queryForm.sql.trim()) {
-    ElMessage.warning('请输入 SQL 语句')
-    return
-  }
-
-  executing.value = true
-  try {
-    const res: any = await queryApi.execute({
-      instance_id: queryForm.instance_id,
-      database: queryForm.database,
-      sql: queryForm.sql,
-    })
-    queryResult.value = res
-  } catch (error) {
-    console.error(error)
-  } finally {
-    executing.value = false
-  }
-}
-
-const formatSQL = () => {
-  // 简单的格式化
-  let sql = queryForm.sql
-  sql = sql.replace(/\s+/g, ' ')
-  sql = sql.replace(/\s*,\s*/g, ', ')
-  sql = sql.replace(/\s*;\s*/g, ';')
-  queryForm.sql = sql
-  ElMessage.success('格式化完成')
-}
-
-const clearSQL = () => {
-  queryForm.sql = ''
-  queryResult.value = null
-}
-
-// 监听数据库变化
-watch(() => queryForm.database, () => {
-  if (queryForm.database) {
-    fetchTables()
-  }
-})
-
-import { watch } from 'vue'
-
-onMounted(() => {
-  fetchInstances()
-})
-</script>
-
-<style scoped lang="scss">
-.query-page {
-  .card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .query-container {
-    display: flex;
-    gap: 20px;
-    min-height: 600px;
-
-    .query-sidebar {
-      width: 250px;
-      flex-shrink: 0;
-      border-right: 1px solid #ebeef5;
-      padding-right: 20px;
-
-      .table-list {
-        margin-top: 20px;
-
-        h4 {
-          font-size: 14px;
-          font-weight: 500;
-          margin-bottom: 12px;
-          color: #606266;
-        }
-      }
-    }
-
-    .query-main {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      gap: 20px;
-
-      .editor-section {
-        .editor-toolbar {
-          display: flex;
-          gap: 8px;
-          margin-bottom: 12px;
-        }
-
-        .sql-editor {
-          border: 1px solid #dcdfe6;
-          border-radius: 4px;
-          overflow: hidden;
-        }
-      }
-
-      .result-section {
-        .result-header {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          margin-bottom: 12px;
-          font-weight: 500;
-
-          .result-info {
-            display: flex;
-            gap: 8px;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/redis/Index.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/redis/Index.vue
deleted file mode 100644
index ca696d2..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/redis/Index.vue
+++ /dev/null
@@ -1,382 +0,0 @@
-<template>
-  <div class="redis-page">
-    <el-card shadow="hover">
-      <template #header>
-        <div class="card-header">
-          <div class="header-left">
-            <el-select
-              v-model="selectedInstance"
-              placeholder="选择 Redis 实例"
-              style="width: 300px;"
-              @change="handleInstanceChange"
-            >
-              <el-option
-                v-for="instance in redisInstances"
-                :key="instance.id"
-                :label="instance.name"
-                :value="instance.id"
-              />
-            </el-select>
-          </div>
-          <el-button type="primary" @click="fetchInfo" :loading="loading">
-            <el-icon><Refresh /></el-icon>
-            刷新
-          </el-button>
-        </div>
-      </template>
-
-      <div v-if="redisInfo" class="redis-content">
-        <!-- 基本信息 -->
-        <el-row :gutter="20" class="info-row">
-          <el-col :span="6">
-            <div class="info-card">
-              <div class="info-icon" style="background-color: #DC382D;">
-                <el-icon size="24" color="#fff"><InfoFilled /></el-icon>
-              </div>
-              <div class="info-content">
-                <div class="info-value">{{ redisInfo.version }}</div>
-                <div class="info-label">Redis 版本</div>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="6">
-            <div class="info-card">
-              <div class="info-icon" style="background-color: #67C23A;">
-                <el-icon size="24" color="#fff"><Timer /></el-icon>
-              </div>
-              <div class="info-content">
-                <div class="info-value">{{ formatUptime(redisInfo.uptime_in_seconds) }}</div>
-                <div class="info-label">运行时间</div>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="6">
-            <div class="info-card">
-              <div class="info-icon" style="background-color: #409EFF;">
-                <el-icon size="24" color="#fff"><User /></el-icon>
-              </div>
-              <div class="info-content">
-                <div class="info-value">{{ redisInfo.connected_clients }}</div>
-                <div class="info-label">连接数</div>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="6">
-            <div class="info-card">
-              <div class="info-icon" style="background-color: #E6A23C;">
-                <el-icon size="24" color="#fff"><Key /></el-icon>
-              </div>
-              <div class="info-content">
-                <div class="info-value">{{ formatNumber(redisInfo.total_keys) }}</div>
-                <div class="info-label">总键数</div>
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-
-        <!-- 内存和命中率 -->
-        <el-row :gutter="20" class="stats-row">
-          <el-col :span="12">
-            <el-card shadow="never">
-              <template #header>
-                <span>内存使用</span>
-              </template>
-              <div class="memory-stats">
-                <div class="stat-item">
-                  <span class="stat-label">已用内存</span>
-                  <span class="stat-value">{{ redisInfo.used_memory_human }}</span>
-                </div>
-                <div class="stat-item">
-                  <span class="stat-label">峰值内存</span>
-                  <span class="stat-value">{{ redisInfo.used_memory_peak_human }}</span>
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-          <el-col :span="12">
-            <el-card shadow="never">
-              <template #header>
-                <span>命中率</span>
-              </template>
-              <div class="hit-rate">
-                <el-progress
-                  type="dashboard"
-                  :percentage="redisInfo.hit_rate"
-                  :color="getHitRateColor(redisInfo.hit_rate)"
-                />
-                <div class="hit-stats">
-                  <div class="hit-item">
-                    <span class="hit-label">命中</span>
-                    <span class="hit-value">{{ formatNumber(redisInfo.keyspace_hits) }}</span>
-                  </div>
-                  <div class="hit-item">
-                    <span class="hit-label">未命中</span>
-                    <span class="hit-value">{{ formatNumber(redisInfo.keyspace_misses) }}</span>
-                  </div>
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-
-        <!-- 数据库信息 -->
-        <el-card shadow="never" class="db-card">
-          <template #header>
-            <span>数据库信息</span>
-          </template>
-          <el-table :data="redisInfo.databases" stripe>
-            <el-table-column prop="db" label="数据库" width="100" />
-            <el-table-column prop="keys" label="键数" width="150">
-              <template #default="{ row }">
-                {{ formatNumber(row.keys) }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="expires" label="过期键" width="150">
-              <template #default="{ row }">
-                {{ formatNumber(row.expires) }}
-              </template>
-            </el-table-column>
-            <el-table-column label="操作" width="150">
-              <template #default="{ row }">
-                <el-button type="primary" link @click="viewDBKeys(row.db)">
-                  查看键
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-card>
-
-        <!-- Redis 命令 -->
-        <el-card shadow="never" class="command-card">
-          <template #header>
-            <span>命令执行（只读）</span>
-          </template>
-          <div class="command-section">
-            <el-input
-              v-model="command"
-              placeholder="输入 Redis 命令，如: INFO, DBSIZE, GET key"
-              @keyup.enter="executeCommand"
-            >
-              <template #append>
-                <el-button type="primary" @click="executeCommand" :loading="executing">
-                  执行
-                </el-button>
-              </template>
-            </el-input>
-            <div v-if="commandResult" class="command-result">
-              <pre>{{ formatCommandResult(commandResult) }}</pre>
-            </div>
-          </div>
-        </el-card>
-      </div>
-
-      <el-empty v-else description="请选择 Redis 实例" />
-    </el-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
-import { instanceApi, redisApi } from '@/api'
-import type { DatabaseInstance, RedisInfo } from '@/types'
-
-const redisInstances = ref<DatabaseInstance[]>([])
-const selectedInstance = ref<number | null>(null)
-const loading = ref(false)
-const redisInfo = ref<RedisInfo | null>(null)
-const command = ref('')
-const executing = ref(false)
-const commandResult = ref<any>(null)
-
-const fetchInstances = async () => {
-  const res: any = await instanceApi.list({ db_type: 'redis' })
-  redisInstances.value = res
-}
-
-const handleInstanceChange = () => {
-  fetchInfo()
-}
-
-const fetchInfo = async () => {
-  if (!selectedInstance.value) return
-  loading.value = true
-  try {
-    const res: any = await redisApi.info(selectedInstance.value)
-    redisInfo.value = res
-  } finally {
-    loading.value = false
-  }
-}
-
-const executeCommand = async () => {
-  if (!selectedInstance.value || !command.value.trim()) return
-  executing.value = true
-  try {
-    const res: any = await redisApi.command(selectedInstance.value, {
-      command: command.value,
-    })
-    commandResult.value = res.result
-  } catch (error) {
-    commandResult.value = null
-  } finally {
-    executing.value = false
-  }
-}
-
-const formatUptime = (seconds: number) => {
-  const days = Math.floor(seconds / 86400)
-  const hours = Math.floor((seconds % 86400) / 3600)
-  if (days > 0) return `${days}天${hours}小时`
-  return `${hours}小时`
-}
-
-const formatNumber = (num: number) => {
-  if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M'
-  if (num >= 1000) return (num / 1000).toFixed(1) + 'K'
-  return num.toString()
-}
-
-const getHitRateColor = (rate: number) => {
-  if (rate >= 90) return '#67C23A'
-  if (rate >= 70) return '#E6A23C'
-  return '#F56C6C'
-}
-
-const formatCommandResult = (result: any) => {
-  if (typeof result === 'object') {
-    return JSON.stringify(result, null, 2)
-  }
-  return result
-}
-
-const viewDBKeys = (db: number) => {
-  command.value = `SELECT ${db}\nKEYS *`
-  ElMessage.info(`已切换到数据库 ${db}，请执行 KEYS 命令查看键`)
-}
-
-onMounted(() => {
-  fetchInstances()
-})
-</script>
-
-<style scoped lang="scss">
-.redis-page {
-  .card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .redis-content {
-    .info-row {
-      margin-bottom: 20px;
-
-      .info-card {
-        display: flex;
-        align-items: center;
-        padding: 16px;
-        background-color: #f5f7fa;
-        border-radius: 8px;
-
-        .info-icon {
-          width: 48px;
-          height: 48px;
-          border-radius: 8px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin-right: 12px;
-        }
-
-        .info-content {
-          .info-value {
-            font-size: 20px;
-            font-weight: 600;
-            color: #303133;
-          }
-
-          .info-label {
-            font-size: 12px;
-            color: #909399;
-            margin-top: 4px;
-          }
-        }
-      }
-    }
-
-    .stats-row {
-      margin-bottom: 20px;
-
-      .memory-stats {
-        .stat-item {
-          display: flex;
-          justify-content: space-between;
-          padding: 12px 0;
-          border-bottom: 1px solid #ebeef5;
-
-          &:last-child {
-            border-bottom: none;
-          }
-
-          .stat-label {
-            color: #606266;
-          }
-
-          .stat-value {
-            font-weight: 500;
-            color: #303133;
-          }
-        }
-      }
-
-      .hit-rate {
-        display: flex;
-        align-items: center;
-        justify-content: space-around;
-
-        .hit-stats {
-          .hit-item {
-            display: flex;
-            justify-content: space-between;
-            gap: 24px;
-            padding: 8px 0;
-
-            .hit-label {
-              color: #606266;
-            }
-
-            .hit-value {
-              font-weight: 500;
-              color: #303133;
-            }
-          }
-        }
-      }
-    }
-
-    .db-card,
-    .command-card {
-      margin-bottom: 20px;
-    }
-
-    .command-section {
-      .command-result {
-        margin-top: 16px;
-        padding: 16px;
-        background-color: #f5f7fa;
-        border-radius: 4px;
-
-        pre {
-          margin: 0;
-          font-family: 'Courier New', monospace;
-          font-size: 13px;
-          line-height: 1.6;
-          white-space: pre-wrap;
-          word-wrap: break-word;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/settings/Index.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/settings/Index.vue
deleted file mode 100644
index a5652c0..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/settings/Index.vue
+++ /dev/null
@@ -1,230 +0,0 @@
-<template>
-  <div class="settings-page">
-    <el-card shadow="hover">
-      <template #header>
-        <div class="card-header">
-          <span>系统设置</span>
-        </div>
-      </template>
-
-      <el-tabs v-model="activeTab">
-        <el-tab-pane label="基本设置" name="basic">
-          <el-form :model="basicSettings" label-width="200px" class="settings-form">
-            <el-form-item label="SQL 审核">
-              <el-switch v-model="basicSettings.audit_enabled" />
-              <span class="form-hint">启用 SQL 自动审核功能</span>
-            </el-form-item>
-            <el-form-item label="测试环境自动执行">
-              <el-switch v-model="basicSettings.auto_execute_test" />
-              <span class="form-hint">测试环境工单审核通过后自动执行</span>
-            </el-form-item>
-            <el-form-item label="需要 DBA 审批">
-              <el-switch v-model="basicSettings.require_dba_approval" />
-              <span class="form-hint">生产环境工单需要 DBA 审批</span>
-            </el-form-item>
-            <el-form-item label="最大 SQL 长度">
-              <el-input-number v-model="basicSettings.max_sql_length" :min="1000" :max="50000" :step="1000" />
-              <span class="form-hint">字符数</span>
-            </el-form-item>
-            <el-form-item label="查询超时时间">
-              <el-input-number v-model="basicSettings.query_timeout" :min="5" :max="300" :step="5" />
-              <span class="form-hint">秒</span>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" @click="saveBasicSettings">保存设置</el-button>
-            </el-form-item>
-          </el-form>
-        </el-tab-pane>
-
-        <el-tab-pane label="通知设置" name="notification">
-          <el-form :model="notificationSettings" label-width="200px" class="settings-form">
-            <el-form-item label="启用邮件通知">
-              <el-switch v-model="notificationSettings.email_enabled" />
-            </el-form-item>
-            <el-form-item label="SMTP 服务器">
-              <el-input v-model="notificationSettings.smtp_host" placeholder="smtp.example.com" />
-            </el-form-item>
-            <el-form-item label="SMTP 端口">
-              <el-input-number v-model="notificationSettings.smtp_port" :min="1" :max="65535" />
-            </el-form-item>
-            <el-form-item label="发件人邮箱">
-              <el-input v-model="notificationSettings.smtp_user" placeholder="noreply@example.com" />
-            </el-form-item>
-            <el-form-item label="发件人密码">
-              <el-input v-model="notificationSettings.smtp_password" type="password" show-password />
-            </el-form-item>
-            <el-form-item label="启用钉钉通知">
-              <el-switch v-model="notificationSettings.dingtalk_enabled" />
-            </el-form-item>
-            <el-form-item label="钉钉 Webhook">
-              <el-input v-model="notificationSettings.dingtalk_webhook" placeholder="https://oapi.dingtalk.com/robot/send?access_token=xxx" />
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" @click="saveNotificationSettings">保存设置</el-button>
-            </el-form-item>
-          </el-form>
-        </el-tab-pane>
-
-        <el-tab-pane label="安全设置" name="security">
-          <el-form :model="securitySettings" label-width="200px" class="settings-form">
-            <el-form-item label="登录失败锁定">
-              <el-switch v-model="securitySettings.login_lock_enabled" />
-              <span class="form-hint">连续登录失败多次后锁定账号</span>
-            </el-form-item>
-            <el-form-item label="最大登录失败次数">
-              <el-input-number v-model="securitySettings.max_login_attempts" :min="3" :max="10" />
-            </el-form-item>
-            <el-form-item label="锁定时间">
-              <el-input-number v-model="securitySettings.lock_duration" :min="5" :max="60" />
-              <span class="form-hint">分钟</span>
-            </el-form-item>
-            <el-form-item label="密码最小长度">
-              <el-input-number v-model="securitySettings.min_password_length" :min="6" :max="32" />
-            </el-form-item>
-            <el-form-item label="密码复杂度要求">
-              <el-checkbox-group v-model="securitySettings.password_complexity">
-                <el-checkbox label="uppercase">大写字母</el-checkbox>
-                <el-checkbox label="lowercase">小写字母</el-checkbox>
-                <el-checkbox label="number">数字</el-checkbox>
-                <el-checkbox label="special">特殊字符</el-checkbox>
-              </el-checkbox-group>
-            </el-form-item>
-            <el-form-item label="会话超时时间">
-              <el-input-number v-model="securitySettings.session_timeout" :min="10" :max="480" />
-              <span class="form-hint">分钟</span>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" @click="saveSecuritySettings">保存设置</el-button>
-            </el-form-item>
-          </el-form>
-        </el-tab-pane>
-
-        <el-tab-pane label="关于" name="about">
-          <div class="about-section">
-            <div class="about-logo">
-              <el-icon size="64" color="#409EFF"><DataLine /></el-icon>
-              <h2>数据审核平台</h2>
-              <p>Database Change Management & SQL Audit Platform</p>
-            </div>
-            <el-descriptions :column="1" border>
-              <el-descriptions-item label="版本">v1.0.0</el-descriptions-item>
-              <el-descriptions-item label="后端技术">FastAPI + Python 3.11</el-descriptions-item>
-              <el-descriptions-item label="前端技术">Vue 3 + TypeScript + Element Plus</el-descriptions-item>
-              <el-descriptions-item label="支持数据库">MySQL, Redis, PostgreSQL, MongoDB</el-descriptions-item>
-              <el-descriptions-item label="开源协议">MIT License</el-descriptions-item>
-            </el-descriptions>
-          </div>
-        </el-tab-pane>
-      </el-tabs>
-    </el-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
-import { configApi } from '@/api'
-
-const activeTab = ref('basic')
-const loading = ref(false)
-
-const basicSettings = ref({
-  audit_enabled: true,
-  auto_execute_test: false,
-  require_dba_approval: true,
-  max_sql_length: 10000,
-  query_timeout: 30,
-})
-
-const notificationSettings = ref({
-  email_enabled: false,
-  smtp_host: '',
-  smtp_port: 587,
-  smtp_user: '',
-  smtp_password: '',
-  dingtalk_enabled: false,
-  dingtalk_webhook: '',
-})
-
-const securitySettings = ref({
-  login_lock_enabled: true,
-  max_login_attempts: 5,
-  lock_duration: 30,
-  min_password_length: 8,
-  password_complexity: ['uppercase', 'lowercase', 'number'],
-  session_timeout: 120,
-})
-
-const fetchConfigs = async () => {
-  loading.value = true
-  try {
-    const res: any = await configApi.list()
-    res.forEach((config: any) => {
-      if (config.key in basicSettings.value) {
-        basicSettings.value[config.key as keyof typeof basicSettings.value] = config.value
-      }
-    })
-  } finally {
-    loading.value = false
-  }
-}
-
-const saveBasicSettings = async () => {
-  try {
-    for (const [key, value] of Object.entries(basicSettings.value)) {
-      await configApi.update(key, value)
-    }
-    ElMessage.success('设置已保存')
-  } catch (error) {
-    console.error(error)
-  }
-}
-
-const saveNotificationSettings = () => {
-  ElMessage.success('通知设置已保存')
-}
-
-const saveSecuritySettings = () => {
-  ElMessage.success('安全设置已保存')
-}
-
-onMounted(() => {
-  fetchConfigs()
-})
-</script>
-
-<style scoped lang="scss">
-.settings-page {
-  .card-header {
-    font-weight: 500;
-  }
-
-  .settings-form {
-    max-width: 600px;
-    margin-top: 20px;
-
-    .form-hint {
-      margin-left: 12px;
-      color: #909399;
-      font-size: 13px;
-    }
-  }
-
-  .about-section {
-    .about-logo {
-      text-align: center;
-      padding: 40px 0;
-
-      h2 {
-        margin: 16px 0 8px;
-        font-size: 24px;
-        color: #303133;
-      }
-
-      p {
-        color: #909399;
-      }
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/users/Index.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/users/Index.vue
deleted file mode 100644
index 5c82ccb..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/users/Index.vue
+++ /dev/null
@@ -1,170 +0,0 @@
-<template>
-  <div class="users-page">
-    <el-card shadow="hover">
-      <template #header>
-        <div class="card-header">
-          <div class="header-left">
-            <el-input
-              v-model="searchQuery"
-              placeholder="搜索用户"
-              clearable
-              style="width: 300px;"
-            >
-              <template #prefix>
-                <el-icon><Search /></el-icon>
-              </template>
-            </el-input>
-            <el-select v-model="filterRole" placeholder="角色" clearable style="width: 120px;">
-              <el-option label="管理员" value="admin" />
-              <el-option label="DBA" value="dba" />
-              <el-option label="开发者" value="developer" />
-              <el-option label="审计员" value="auditor" />
-            </el-select>
-          </div>
-          <el-button type="primary">
-            <el-icon><Plus /></el-icon>
-            添加用户
-          </el-button>
-        </div>
-      </template>
-
-      <el-table :data="filteredUsers" stripe v-loading="loading">
-        <el-table-column label="用户" min-width="200">
-          <template #default="{ row }">
-            <div class="user-info">
-              <el-avatar :size="40" :src="row.avatar" />
-              <div class="user-detail">
-                <div class="username">{{ row.username }}</div>
-                <div class="email">{{ row.email }}</div>
-              </div>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column prop="role" label="角色" width="120">
-          <template #default="{ row }">
-            <el-tag :type="getRoleType(row.role)">
-              {{ getRoleLabel(row.role) }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="department" label="部门" width="150" />
-        <el-table-column prop="phone" label="电话" width="150" />
-        <el-table-column prop="created_at" label="创建时间" width="180">
-          <template #default="{ row }">
-            {{ formatTime(row.created_at) }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="is_active" label="状态" width="100">
-          <template #default="{ row }">
-            <el-tag :type="row.is_active ? 'success' : 'info'" size="small">
-              {{ row.is_active ? '启用' : '禁用' }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="150" fixed="right">
-          <template #default="{ row }">
-            <el-button type="primary" link>编辑</el-button>
-            <el-button type="danger" link>禁用</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { userApi } from '@/api'
-import type { User } from '@/types'
-import dayjs from 'dayjs'
-
-const loading = ref(false)
-const users = ref<User[]>([])
-const searchQuery = ref('')
-const filterRole = ref('')
-
-const filteredUsers = computed(() => {
-  let result = users.value
-  if (searchQuery.value) {
-    result = result.filter(u =>
-      u.username.toLowerCase().includes(searchQuery.value.toLowerCase()) ||
-      u.email.toLowerCase().includes(searchQuery.value.toLowerCase())
-    )
-  }
-  if (filterRole.value) {
-    result = result.filter(u => u.role === filterRole.value)
-  }
-  return result
-})
-
-const fetchUsers = async () => {
-  loading.value = true
-  try {
-    const res: any = await userApi.list()
-    users.value = res
-  } finally {
-    loading.value = false
-  }
-}
-
-const getRoleType = (role: string) => {
-  const map: Record<string, string> = {
-    admin: 'danger',
-    dba: 'warning',
-    developer: 'success',
-    auditor: 'info',
-  }
-  return map[role] || 'info'
-}
-
-const getRoleLabel = (role: string) => {
-  const map: Record<string, string> = {
-    admin: '管理员',
-    dba: 'DBA',
-    developer: '开发者',
-    auditor: '审计员',
-  }
-  return map[role] || role
-}
-
-const formatTime = (time: string) => {
-  return dayjs(time).format('YYYY-MM-DD HH:mm')
-}
-
-onMounted(() => {
-  fetchUsers()
-})
-</script>
-
-<style scoped lang="scss">
-.users-page {
-  .card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .header-left {
-      display: flex;
-      gap: 12px;
-    }
-  }
-
-  .user-info {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-
-    .user-detail {
-      .username {
-        font-weight: 500;
-        color: #303133;
-      }
-
-      .email {
-        font-size: 12px;
-        color: #909399;
-      }
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Create.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Create.vue
deleted file mode 100644
index 0730527..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Create.vue
+++ /dev/null
@@ -1,432 +0,0 @@
-<template>
-  <div class="create-workflow-page">
-    <el-card shadow="hover">
-      <template #header>
-        <div class="card-header">
-          <span>创建 SQL 工单</span>
-          <el-button @click="$router.back()">返回</el-button>
-        </div>
-      </template>
-
-      <el-steps :active="currentStep" finish-status="success" class="steps">
-        <el-step title="填写信息" />
-        <el-step title="SQL 审核" />
-        <el-step title="提交工单" />
-      </el-steps>
-
-      <!-- 步骤 1: 填写信息 -->
-      <div v-if="currentStep === 0" class="step-content">
-        <el-form
-          ref="formRef"
-          :model="form"
-          :rules="rules"
-          label-width="100px"
-          class="workflow-form"
-        >
-          <el-form-item label="标题" prop="title">
-            <el-input v-model="form.title" placeholder="请输入工单标题" />
-          </el-form-item>
-
-          <el-form-item label="数据源" prop="instance_id">
-            <el-select
-              v-model="form.instance_id"
-              placeholder="选择数据源"
-              style="width: 100%;"
-              @change="handleInstanceChange"
-            >
-              <el-option
-                v-for="instance in instances"
-                :key="instance.id"
-                :label="instance.name"
-                :value="instance.id"
-              >
-                <span>{{ instance.name }}</span>
-                <el-tag size="small" :type="getEnvType(instance.environment)" style="margin-left: 8px;">
-                  {{ getEnvLabel(instance.environment) }}
-                </el-tag>
-              </el-option>
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="数据库" prop="database">
-            <el-select v-model="form.database" placeholder="选择数据库" style="width: 100%;">
-              <el-option
-                v-for="db in databases"
-                :key="db.name"
-                :label="db.name"
-                :value="db.name"
-              />
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="工单类型" prop="workflow_type">
-            <el-radio-group v-model="form.workflow_type">
-              <el-radio-button label="ddl">DDL (结构变更)</el-radio-button>
-              <el-radio-button label="dml">DML (数据变更)</el-radio-button>
-            </el-radio-group>
-          </el-form-item>
-
-          <el-form-item label="SQL 语句" prop="sql_content">
-            <div class="sql-editor-container">
-              <codemirror
-                v-model="form.sql_content"
-                placeholder="请输入 SQL 语句..."
-                :style="{ height: '300px' }"
-                :autofocus="true"
-                :indent-with-tab="true"
-                :tab-size="2"
-                :extensions="extensions"
-              />
-            </div>
-          </el-form-item>
-
-          <el-form-item label="描述" prop="description">
-            <el-input
-              v-model="form.description"
-              type="textarea"
-              :rows="3"
-              placeholder="请输入工单描述（可选）"
-            />
-          </el-form-item>
-        </el-form>
-
-        <div class="step-actions">
-          <el-button type="primary" @click="handleAudit">
-            <el-icon><Check /></el-icon>
-            审核 SQL
-          </el-button>
-        </div>
-      </div>
-
-      <!-- 步骤 2: SQL 审核结果 -->
-      <div v-if="currentStep === 1" class="step-content">
-        <div class="audit-summary">
-          <el-alert
-            :title="`审核完成，风险评分: ${auditResult.risk_score}，风险等级: ${getRiskLabel(auditResult.risk_level)}`"
-            :type="getRiskType(auditResult.risk_level)"
-            :closable="false"
-            show-icon
-          />
-        </div>
-
-        <div v-if="auditResult.sql_results.length > 0" class="audit-results">
-          <h4>审核结果</h4>
-          <el-timeline>
-            <el-timeline-item
-              v-for="(result, index) in auditResult.sql_results"
-              :key="index"
-              :type="getRiskType(result.risk_level)"
-              :icon="getRiskIcon(result.risk_level)"
-            >
-              <div class="audit-item">
-                <div class="audit-title">
-                  <el-tag :type="getRiskType(result.risk_level)" size="small">
-                    {{ getRiskLabel(result.risk_level) }}
-                  </el-tag>
-                  <span class="rule-name">{{ result.rule_name }}</span>
-                </div>
-                <div class="audit-message">{{ result.message }}</div>
-                <div v-if="result.suggestion" class="audit-suggestion">
-                  <el-icon><InfoFilled /></el-icon>
-                  建议: {{ result.suggestion }}
-                </div>
-              </div>
-            </el-timeline-item>
-          </el-timeline>
-        </div>
-
-        <div v-else class="audit-success">
-          <el-result icon="success" title="SQL 审核通过" sub-title="未发现风险问题" />
-        </div>
-
-        <div class="step-actions">
-          <el-button @click="currentStep = 0">上一步</el-button>
-          <el-button type="primary" @click="handleSubmit">提交工单</el-button>
-        </div>
-      </div>
-
-      <!-- 步骤 3: 提交成功 -->
-      <div v-if="currentStep === 2" class="step-content">
-        <el-result
-          icon="success"
-          title="工单创建成功"
-          :sub-title="`工单编号: ${createdWorkflowId}`"
-        >
-          <template #extra>
-            <el-button type="primary" @click="viewWorkflow">查看工单</el-button>
-            <el-button @click="createAnother">创建新工单</el-button>
-          </template>
-        </el-result>
-      </div>
-    </el-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
-import { ElMessage } from 'element-plus'
-import { Codemirror } from 'vue-codemirror'
-import { sql } from '@codemirror/lang-sql'
-import { oneDark } from '@codemirror/theme-one-dark'
-import { instanceApi, workflowApi, dictionaryApi } from '@/api'
-import type { DatabaseInstance, SQLAuditResult } from '@/types'
-
-const router = useRouter()
-
-const currentStep = ref(0)
-const formRef = ref()
-const instances = ref<DatabaseInstance[]>([])
-const databases = ref<{ name: string }[]>([])
-const auditResult = ref<{
-  risk_score: number
-  risk_level: string
-  sql_results: SQLAuditResult[]
-}>({
-  risk_score: 0,
-  risk_level: 'safe',
-  sql_results: [],
-})
-const createdWorkflowId = ref(0)
-
-const form = reactive({
-  title: '',
-  instance_id: null as number | null,
-  database: '',
-  workflow_type: 'ddl',
-  sql_content: '',
-  description: '',
-})
-
-const rules = {
-  title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
-  instance_id: [{ required: true, message: '请选择数据源', trigger: 'change' }],
-  workflow_type: [{ required: true, message: '请选择工单类型', trigger: 'change' }],
-  sql_content: [{ required: true, message: '请输入 SQL 语句', trigger: 'blur' }],
-}
-
-const extensions = [sql(), oneDark]
-
-const fetchInstances = async () => {
-  const res: any = await instanceApi.list()
-  instances.value = res
-}
-
-const handleInstanceChange = async (instanceId: number) => {
-  form.database = ''
-  const instance = instances.value.find(i => i.id === instanceId)
-  if (instance && instance.db_type === 'mysql') {
-    const res: any = await dictionaryApi.databases(instanceId)
-    databases.value = res
-  }
-}
-
-const getEnvType = (env: string) => {
-  const map: Record<string, string> = {
-    dev: 'info',
-    test: 'warning',
-    staging: '',
-    prod: 'danger',
-  }
-  return map[env] || ''
-}
-
-const getEnvLabel = (env: string) => {
-  const map: Record<string, string> = {
-    dev: '开发',
-    test: '测试',
-    staging: '预发布',
-    prod: '生产',
-  }
-  return map[env] || env
-}
-
-const getRiskType = (level: string) => {
-  const map: Record<string, string> = {
-    high: 'danger',
-    medium: 'warning',
-    low: 'info',
-    safe: 'success',
-  }
-  return map[level] || 'info'
-}
-
-const getRiskLabel = (level: string) => {
-  const map: Record<string, string> = {
-    high: '高风险',
-    medium: '中风险',
-    low: '低风险',
-    safe: '安全',
-  }
-  return map[level] || level
-}
-
-const getRiskIcon = (level: string) => {
-  const map: Record<string, string> = {
-    high: 'CircleCloseFilled',
-    medium: 'WarningFilled',
-    low: 'InfoFilled',
-    safe: 'CircleCheckFilled',
-  }
-  return map[level] || 'InfoFilled'
-}
-
-const handleAudit = async () => {
-  const valid = await formRef.value?.validate().catch(() => false)
-  if (!valid) return
-
-  // 模拟审核结果
-  const sqlUpper = form.sql_content.toUpperCase()
-  const results: SQLAuditResult[] = []
-  let riskScore = 0
-
-  if (sqlUpper.includes('DELETE') && !sqlUpper.includes('WHERE')) {
-    results.push({
-      rule_id: 1,
-      rule_name: '禁止DELETE无WHERE条件',
-      risk_level: 'high',
-      message: 'DELETE语句缺少WHERE条件，将删除全表数据',
-      suggestion: '请添加WHERE条件限制删除范围',
-    })
-    riskScore += 50
-  }
-
-  if (sqlUpper.includes('UPDATE') && !sqlUpper.includes('WHERE')) {
-    results.push({
-      rule_id: 2,
-      rule_name: '禁止UPDATE无WHERE条件',
-      risk_level: 'high',
-      message: 'UPDATE语句缺少WHERE条件，将更新全表数据',
-      suggestion: '请添加WHERE条件限制更新范围',
-    })
-    riskScore += 50
-  }
-
-  if (sqlUpper.includes('SELECT *')) {
-    results.push({
-      rule_id: 6,
-      rule_name: 'SELECT * 建议指定列',
-      risk_level: 'low',
-      message: '建议使用具体的列名替代 *',
-      suggestion: '列出需要的字段名',
-    })
-    riskScore += 10
-  }
-
-  let riskLevel = 'safe'
-  if (riskScore >= 50) riskLevel = 'high'
-  else if (riskScore >= 30) riskLevel = 'medium'
-  else if (riskScore >= 10) riskLevel = 'low'
-
-  auditResult.value = {
-    risk_score: riskScore,
-    risk_level: riskLevel,
-    sql_results: results,
-  }
-
-  currentStep.value = 1
-}
-
-const handleSubmit = async () => {
-  try {
-    const res: any = await workflowApi.create(form)
-    createdWorkflowId.value = res.id
-    currentStep.value = 2
-    ElMessage.success('工单创建成功')
-  } catch (error) {
-    console.error(error)
-  }
-}
-
-const viewWorkflow = () => {
-  router.push(`/workflows/${createdWorkflowId.value}`)
-}
-
-const createAnother = () => {
-  currentStep.value = 0
-  form.title = ''
-  form.instance_id = null
-  form.database = ''
-  form.workflow_type = 'ddl'
-  form.sql_content = ''
-  form.description = ''
-}
-
-onMounted(() => {
-  fetchInstances()
-})
-</script>
-
-<style scoped lang="scss">
-.create-workflow-page {
-  .card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .steps {
-    margin-bottom: 32px;
-  }
-
-  .step-content {
-    max-width: 800px;
-    margin: 0 auto;
-
-    .workflow-form {
-      .sql-editor-container {
-        border: 1px solid #dcdfe6;
-        border-radius: 4px;
-        overflow: hidden;
-      }
-    }
-
-    .audit-summary {
-      margin-bottom: 24px;
-    }
-
-    .audit-results {
-      h4 {
-        margin-bottom: 16px;
-      }
-
-      .audit-item {
-        .audit-title {
-          display: flex;
-          align-items: center;
-          gap: 8px;
-          margin-bottom: 8px;
-
-          .rule-name {
-            font-weight: 500;
-          }
-        }
-
-        .audit-message {
-          color: #606266;
-          margin-bottom: 4px;
-        }
-
-        .audit-suggestion {
-          color: #409eff;
-          font-size: 13px;
-          display: flex;
-          align-items: center;
-          gap: 4px;
-        }
-      }
-    }
-
-    .audit-success {
-      padding: 40px 0;
-    }
-
-    .step-actions {
-      display: flex;
-      justify-content: center;
-      gap: 16px;
-      margin-top: 32px;
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Detail.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Detail.vue
deleted file mode 100644
index daf8198..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Detail.vue
+++ /dev/null
@@ -1,404 +0,0 @@
-<template>
-  <div class="workflow-detail-page">
-    <el-card shadow="hover" v-loading="loading">
-      <template #header>
-        <div class="card-header">
-          <div class="header-left">
-            <el-button @click="$router.back()">
-              <el-icon><ArrowLeft /></el-icon>
-              返回
-            </el-button>
-            <span class="title">工单详情 #{{ workflow?.id }}</span>
-            <el-tag :type="getStatusType(workflow?.status)">
-              {{ getStatusLabel(workflow?.status) }}
-            </el-tag>
-          </div>
-          <div class="header-actions">
-            <template v-if="workflow?.status === 'pending' && canReview">
-              <el-button type="success" @click="handleReview('approve')">
-                <el-icon><Check /></el-icon>
-                通过
-              </el-button>
-              <el-button type="danger" @click="handleReview('reject')">
-                <el-icon><Close /></el-icon>
-                拒绝
-              </el-button>
-            </template>
-            <el-button
-              v-if="workflow?.status === 'approved'"
-              type="primary"
-              @click="handleExecute"
-            >
-              <el-icon><VideoPlay /></el-icon>
-              执行
-            </el-button>
-            <el-button
-              v-if="workflow?.status === 'success'"
-              type="warning"
-              @click="handleRollback"
-            >
-              <el-icon><RefreshLeft /></el-icon>
-              回滚
-            </el-button>
-          </div>
-        </div>
-      </template>
-
-      <div v-if="workflow" class="workflow-content">
-        <!-- 基本信息 -->
-        <el-descriptions title="基本信息" :column="3" border>
-          <el-descriptions-item label="标题">{{ workflow.title }}</el-descriptions-item>
-          <el-descriptions-item label="类型">
-            <el-tag :type="workflow.workflow_type === 'ddl' ? 'primary' : 'success'">
-              {{ workflow.workflow_type.toUpperCase() }}
-            </el-tag>
-          </el-descriptions-item>
-          <el-descriptions-item label="风险等级">
-            <el-tag :type="getRiskType(workflow.risk_level)">
-              {{ getRiskLabel(workflow.risk_level) }} ({{ workflow.risk_score }}分)
-            </el-tag>
-          </el-descriptions-item>
-          <el-descriptions-item label="数据源">{{ workflow.instance_name }}</el-descriptions-item>
-          <el-descriptions-item label="数据库">{{ workflow.database || '-' }}</el-descriptions-item>
-          <el-descriptions-item label="提交人">{{ workflow.submitter_name }}</el-descriptions-item>
-          <el-descriptions-item label="创建时间">{{ formatTime(workflow.created_at) }}</el-descriptions-item>
-          <el-descriptions-item label="更新时间">{{ formatTime(workflow.updated_at) }}</el-descriptions-item>
-          <el-descriptions-item label="执行时间" v-if="workflow.executed_at">
-            {{ formatTime(workflow.executed_at) }}
-          </el-descriptions-item>
-        </el-descriptions>
-
-        <!-- 描述 -->
-        <div v-if="workflow.description" class="section">
-          <h4>描述</h4>
-          <p class="description">{{ workflow.description }}</p>
-        </div>
-
-        <!-- SQL 内容 -->
-        <div class="section">
-          <h4>SQL 语句</h4>
-          <pre class="sql-content">{{ workflow.sql_content }}</pre>
-        </div>
-
-        <!-- 审核结果 -->
-        <div v-if="workflow.sql_results.length > 0" class="section">
-          <h4>审核结果</h4>
-          <el-timeline>
-            <el-timeline-item
-              v-for="(result, index) in workflow.sql_results"
-              :key="index"
-              :type="getRiskType(result.risk_level)"
-            >
-              <div class="audit-item">
-                <div class="audit-header">
-                  <el-tag :type="getRiskType(result.risk_level)" size="small">
-                    {{ getRiskLabel(result.risk_level) }}
-                  </el-tag>
-                  <span class="rule-name">{{ result.rule_name }}</span>
-                </div>
-                <div class="audit-message">{{ result.message }}</div>
-                <div v-if="result.suggestion" class="audit-suggestion">
-                  建议: {{ result.suggestion }}
-                </div>
-              </div>
-            </el-timeline-item>
-          </el-timeline>
-        </div>
-
-        <!-- 审批流程 -->
-        <div class="section">
-          <h4>审批流程</h4>
-          <el-steps :active="getStepActive" finish-status="success">
-            <el-step title="提交工单" :description="workflow.submitter_name" />
-            <el-step title="审核" :description="workflow.reviewer_name || '待审核'" />
-            <el-step title="执行" :description="workflow.executor_name || '待执行'" />
-          </el-steps>
-        </div>
-
-        <!-- 审核意见 -->
-        <div v-if="workflow.review_comment" class="section">
-          <h4>审核意见</h4>
-          <el-alert
-            :title="workflow.review_comment"
-            :type="workflow.status === 'rejected' ? 'error' : 'success'"
-            :closable="false"
-          />
-        </div>
-
-        <!-- 执行结果 -->
-        <div v-if="workflow.execute_result" class="section">
-          <h4>执行结果</h4>
-          <el-alert
-            :title="workflow.execute_result"
-            type="success"
-            :closable="false"
-          />
-        </div>
-
-        <!-- 回滚 SQL -->
-        <div v-if="workflow.rollback_sql" class="section">
-          <h4>回滚 SQL</h4>
-          <pre class="sql-content rollback">{{ workflow.rollback_sql }}</pre>
-        </div>
-      </div>
-    </el-card>
-
-    <!-- 审核对话框 -->
-    <el-dialog v-model="reviewDialogVisible" title="审核工单" width="500px">
-      <el-form>
-        <el-form-item label="审核意见">
-          <el-input
-            v-model="reviewComment"
-            type="textarea"
-            :rows="4"
-            placeholder="请输入审核意见"
-          />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="reviewDialogVisible = false">取消</el-button>
-        <el-button :type="reviewAction === 'approve' ? 'success' : 'danger'" @click="submitReview">
-          {{ reviewAction === 'approve' ? '通过' : '拒绝' }}
-        </el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { workflowApi } from '@/api'
-import { useUserStore } from '@/stores/user'
-import type { SQLWorkflow } from '@/types'
-import dayjs from 'dayjs'
-
-const route = useRoute()
-const router = useRouter()
-const userStore = useUserStore()
-
-const loading = ref(false)
-const workflow = ref<SQLWorkflow | null>(null)
-const reviewDialogVisible = ref(false)
-const reviewComment = ref('')
-const reviewAction = ref<'approve' | 'reject'>('approve')
-
-const canReview = computed(() => userStore.canReview)
-
-const getStepActive = computed(() => {
-  if (!workflow.value) return 0
-  const statusMap: Record<string, number> = {
-    pending: 1,
-    reviewing: 1,
-    approved: 2,
-    rejected: 1,
-    executing: 2,
-    success: 3,
-    failed: 3,
-    rollback: 3,
-  }
-  return statusMap[workflow.value.status] || 0
-})
-
-const fetchWorkflow = async () => {
-  loading.value = true
-  try {
-    const id = parseInt(route.params.id as string)
-    const res: any = await workflowApi.get(id)
-    workflow.value = res
-  } finally {
-    loading.value = false
-  }
-}
-
-const getStatusType = (status?: string) => {
-  const map: Record<string, string> = {
-    pending: 'warning',
-    reviewing: 'info',
-    approved: 'success',
-    rejected: 'danger',
-    executing: 'info',
-    success: 'success',
-    failed: 'danger',
-    rollback: 'info',
-  }
-  return map[status || ''] || 'info'
-}
-
-const getStatusLabel = (status?: string) => {
-  const map: Record<string, string> = {
-    pending: '待审核',
-    reviewing: '审核中',
-    approved: '已通过',
-    rejected: '已拒绝',
-    executing: '执行中',
-    success: '成功',
-    failed: '失败',
-    rollback: '已回滚',
-  }
-  return map[status || ''] || status
-}
-
-const getRiskType = (level?: string) => {
-  const map: Record<string, string> = {
-    high: 'danger',
-    medium: 'warning',
-    low: 'info',
-    safe: 'success',
-  }
-  return map[level || ''] || 'info'
-}
-
-const getRiskLabel = (level?: string) => {
-  const map: Record<string, string> = {
-    high: '高风险',
-    medium: '中风险',
-    low: '低风险',
-    safe: '安全',
-  }
-  return map[level || ''] || level
-}
-
-const formatTime = (time?: string) => {
-  if (!time) return '-'
-  return dayjs(time).format('YYYY-MM-DD HH:mm:ss')
-}
-
-const handleReview = (action: 'approve' | 'reject') => {
-  reviewAction.value = action
-  reviewComment.value = ''
-  reviewDialogVisible.value = true
-}
-
-const submitReview = async () => {
-  if (!workflow.value) return
-  try {
-    await workflowApi.review(workflow.value.id, {
-      action: reviewAction.value,
-      comment: reviewComment.value,
-    })
-    ElMessage.success(reviewAction.value === 'approve' ? '审核通过' : '已拒绝')
-    reviewDialogVisible.value = false
-    fetchWorkflow()
-  } catch (error) {
-    console.error(error)
-  }
-}
-
-const handleExecute = async () => {
-  if (!workflow.value) return
-  try {
-    await ElMessageBox.confirm('确定要执行该工单吗？', '提示', {
-      type: 'warning',
-    })
-    await workflowApi.execute(workflow.value.id)
-    ElMessage.success('执行成功')
-    fetchWorkflow()
-  } catch (error) {
-    // 取消执行
-  }
-}
-
-const handleRollback = async () => {
-  if (!workflow.value) return
-  try {
-    await ElMessageBox.confirm('确定要回滚该工单吗？', '提示', {
-      type: 'warning',
-    })
-    await workflowApi.rollback(workflow.value.id)
-    ElMessage.success('回滚成功')
-    fetchWorkflow()
-  } catch (error) {
-    // 取消回滚
-  }
-}
-
-onMounted(() => {
-  fetchWorkflow()
-})
-</script>
-
-<style scoped lang="scss">
-.workflow-detail-page {
-  .card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .header-left {
-      display: flex;
-      align-items: center;
-      gap: 16px;
-
-      .title {
-        font-size: 18px;
-        font-weight: 500;
-      }
-    }
-
-    .header-actions {
-      display: flex;
-      gap: 8px;
-    }
-  }
-
-  .workflow-content {
-    .section {
-      margin-top: 24px;
-
-      h4 {
-        font-size: 16px;
-        font-weight: 500;
-        margin-bottom: 12px;
-        color: #303133;
-      }
-
-      .description {
-        color: #606266;
-        line-height: 1.6;
-      }
-
-      .sql-content {
-        background-color: #f5f7fa;
-        padding: 16px;
-        border-radius: 4px;
-        font-family: 'Courier New', monospace;
-        font-size: 14px;
-        line-height: 1.6;
-        overflow-x: auto;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-
-        &.rollback {
-          background-color: #fdf6ec;
-          border: 1px solid #f5dab1;
-        }
-      }
-
-      .audit-item {
-        .audit-header {
-          display: flex;
-          align-items: center;
-          gap: 8px;
-          margin-bottom: 4px;
-
-          .rule-name {
-            font-weight: 500;
-          }
-        }
-
-        .audit-message {
-          color: #606266;
-        }
-
-        .audit-suggestion {
-          color: #409eff;
-          font-size: 13px;
-          margin-top: 4px;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Index.vue b/数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Index.vue
deleted file mode 100644
index 85ef0f2..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/src/views/workflows/Index.vue
+++ /dev/null
@@ -1,322 +0,0 @@
-<template>
-  <div class="workflows-page">
-    <el-card shadow="hover">
-      <template #header>
-        <div class="card-header">
-          <div class="header-left">
-            <el-input
-              v-model="searchQuery"
-              placeholder="搜索工单"
-              clearable
-              style="width: 250px;"
-            >
-              <template #prefix>
-                <el-icon><Search /></el-icon>
-              </template>
-            </el-input>
-            <el-select v-model="filterType" placeholder="类型" clearable style="width: 120px;">
-              <el-option label="DDL" value="ddl" />
-              <el-option label="DML" value="dml" />
-            </el-select>
-            <el-select v-model="filterStatus" placeholder="状态" clearable style="width: 120px;">
-              <el-option label="待审核" value="pending" />
-              <el-option label="已通过" value="approved" />
-              <el-option label="已拒绝" value="rejected" />
-              <el-option label="执行成功" value="success" />
-              <el-option label="执行失败" value="failed" />
-            </el-select>
-            <el-select v-model="filterRisk" placeholder="风险等级" clearable style="width: 120px;">
-              <el-option label="高风险" value="high" />
-              <el-option label="中风险" value="medium" />
-              <el-option label="低风险" value="low" />
-              <el-option label="安全" value="safe" />
-            </el-select>
-          </div>
-          <el-button type="primary" @click="$router.push('/workflows/create')">
-            <el-icon><Plus /></el-icon>
-            创建工单
-          </el-button>
-        </div>
-      </template>
-
-      <el-table :data="filteredWorkflows" stripe v-loading="loading">
-        <el-table-column prop="id" label="ID" width="80" />
-        <el-table-column prop="title" label="标题" min-width="200">
-          <template #default="{ row }">
-            <el-link type="primary" @click="viewDetail(row.id)">{{ row.title }}</el-link>
-          </template>
-        </el-table-column>
-        <el-table-column prop="instance_name" label="数据源" width="150" />
-        <el-table-column prop="workflow_type" label="类型" width="80">
-          <template #default="{ row }">
-            <el-tag :type="row.workflow_type === 'ddl' ? 'primary' : 'success'" size="small">
-              {{ row.workflow_type.toUpperCase() }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="risk_level" label="风险" width="100">
-          <template #default="{ row }">
-            <el-tag :type="getRiskType(row.risk_level)" size="small">
-              {{ getRiskLabel(row.risk_level) }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="risk_score" label="风险分" width="90">
-          <template #default="{ row }">
-            <el-progress
-              :percentage="row.risk_score"
-              :color="getRiskColor(row.risk_score)"
-              :show-text="true"
-              :stroke-width="8"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column prop="status" label="状态" width="100">
-          <template #default="{ row }">
-            <el-tag :type="getStatusType(row.status)" size="small">
-              {{ getStatusLabel(row.status) }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="submitter_name" label="提交人" width="100" />
-        <el-table-column prop="created_at" label="创建时间" width="160">
-          <template #default="{ row }">
-            {{ formatTime(row.created_at) }}
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="200" fixed="right">
-          <template #default="{ row }">
-            <el-button type="primary" link @click="viewDetail(row.id)">查看</el-button>
-            <template v-if="row.status === 'pending' && canReview">
-              <el-button type="success" link @click="handleReview(row.id, 'approve')">通过</el-button>
-              <el-button type="danger" link @click="handleReview(row.id, 'reject')">拒绝</el-button>
-            </template>
-            <el-button
-              v-if="row.status === 'approved'"
-              type="primary"
-              link
-              @click="handleExecute(row.id)"
-            >
-              执行
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <div class="pagination">
-        <el-pagination
-          v-model:current-page="page"
-          v-model:page-size="pageSize"
-          :page-sizes="[10, 20, 50, 100]"
-          :total="total"
-          layout="total, sizes, prev, pager, next"
-          @size-change="fetchWorkflows"
-          @current-change="fetchWorkflows"
-        />
-      </div>
-    </el-card>
-
-    <!-- 审核对话框 -->
-    <el-dialog v-model="reviewDialogVisible" title="审核工单" width="500px">
-      <el-form>
-        <el-form-item label="审核意见">
-          <el-input
-            v-model="reviewComment"
-            type="textarea"
-            :rows="4"
-            placeholder="请输入审核意见"
-          />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="reviewDialogVisible = false">取消</el-button>
-        <el-button :type="reviewAction === 'approve' ? 'success' : 'danger'" @click="submitReview">
-          {{ reviewAction === 'approve' ? '通过' : '拒绝' }}
-        </el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { workflowApi } from '@/api'
-import { useUserStore } from '@/stores/user'
-import type { SQLWorkflow } from '@/types'
-import dayjs from 'dayjs'
-
-const router = useRouter()
-const userStore = useUserStore()
-
-const loading = ref(false)
-const workflows = ref<SQLWorkflow[]>([])
-const searchQuery = ref('')
-const filterType = ref('')
-const filterStatus = ref('')
-const filterRisk = ref('')
-const page = ref(1)
-const pageSize = ref(10)
-const total = ref(0)
-
-const reviewDialogVisible = ref(false)
-const reviewComment = ref('')
-const reviewAction = ref<'approve' | 'reject'>('approve')
-const currentWorkflowId = ref(0)
-
-const canReview = computed(() => userStore.canReview)
-
-const filteredWorkflows = computed(() => {
-  let result = workflows.value
-  if (searchQuery.value) {
-    result = result.filter(w => w.title.toLowerCase().includes(searchQuery.value.toLowerCase()))
-  }
-  if (filterType.value) {
-    result = result.filter(w => w.workflow_type === filterType.value)
-  }
-  if (filterStatus.value) {
-    result = result.filter(w => w.status === filterStatus.value)
-  }
-  if (filterRisk.value) {
-    result = result.filter(w => w.risk_level === filterRisk.value)
-  }
-  return result
-})
-
-const fetchWorkflows = async () => {
-  loading.value = true
-  try {
-    const res: any = await workflowApi.list({
-      page: page.value,
-      page_size: pageSize.value,
-    })
-    workflows.value = res
-    total.value = res.length
-  } finally {
-    loading.value = false
-  }
-}
-
-const getRiskType = (level: string) => {
-  const map: Record<string, string> = {
-    high: 'danger',
-    medium: 'warning',
-    low: 'info',
-    safe: 'success',
-  }
-  return map[level] || 'info'
-}
-
-const getRiskLabel = (level: string) => {
-  const map: Record<string, string> = {
-    high: '高风险',
-    medium: '中风险',
-    low: '低风险',
-    safe: '安全',
-  }
-  return map[level] || level
-}
-
-const getRiskColor = (score: number) => {
-  if (score >= 50) return '#F56C6C'
-  if (score >= 30) return '#E6A23C'
-  if (score >= 10) return '#409EFF'
-  return '#67C23A'
-}
-
-const getStatusType = (status: string) => {
-  const map: Record<string, string> = {
-    pending: 'warning',
-    reviewing: 'info',
-    approved: 'success',
-    rejected: 'danger',
-    executing: 'info',
-    success: 'success',
-    failed: 'danger',
-    rollback: 'info',
-  }
-  return map[status] || 'info'
-}
-
-const getStatusLabel = (status: string) => {
-  const map: Record<string, string> = {
-    pending: '待审核',
-    reviewing: '审核中',
-    approved: '已通过',
-    rejected: '已拒绝',
-    executing: '执行中',
-    success: '成功',
-    failed: '失败',
-    rollback: '已回滚',
-  }
-  return map[status] || status
-}
-
-const formatTime = (time: string) => {
-  return dayjs(time).format('YYYY-MM-DD HH:mm')
-}
-
-const viewDetail = (id: number) => {
-  router.push(`/workflows/${id}`)
-}
-
-const handleReview = (id: number, action: 'approve' | 'reject') => {
-  currentWorkflowId.value = id
-  reviewAction.value = action
-  reviewComment.value = ''
-  reviewDialogVisible.value = true
-}
-
-const submitReview = async () => {
-  try {
-    await workflowApi.review(currentWorkflowId.value, {
-      action: reviewAction.value,
-      comment: reviewComment.value,
-    })
-    ElMessage.success(reviewAction.value === 'approve' ? '审核通过' : '已拒绝')
-    reviewDialogVisible.value = false
-    fetchWorkflows()
-  } catch (error) {
-    console.error(error)
-  }
-}
-
-const handleExecute = async (id: number) => {
-  try {
-    await ElMessageBox.confirm('确定要执行该工单吗？', '提示', {
-      type: 'warning',
-    })
-    await workflowApi.execute(id)
-    ElMessage.success('执行成功')
-    fetchWorkflows()
-  } catch (error) {
-    // 取消执行
-  }
-}
-
-onMounted(() => {
-  fetchWorkflows()
-})
-</script>
-
-<style scoped lang="scss">
-.workflows-page {
-  .card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .header-left {
-      display: flex;
-      gap: 12px;
-    }
-  }
-
-  .pagination {
-    margin-top: 20px;
-    display: flex;
-    justify-content: flex-end;
-  }
-}
-</style>
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/tsconfig.json b/数据审核平台菜单优化/data-audit-platform/frontend/tsconfig.json
deleted file mode 100644
index 964ccad..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/tsconfig.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/tsconfig.node.json b/数据审核平台菜单优化/data-audit-platform/frontend/tsconfig.node.json
deleted file mode 100644
index 42872c5..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/tsconfig.node.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}
diff --git a/数据审核平台菜单优化/data-audit-platform/frontend/vite.config.ts b/数据审核平台菜单优化/data-audit-platform/frontend/vite.config.ts
deleted file mode 100644
index 47f1e00..0000000
--- a/数据审核平台菜单优化/data-audit-platform/frontend/vite.config.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import { resolve } from 'path'
-
-export default defineConfig({
-  plugins: [vue()],
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, 'src'),
-    },
-  },
-  server: {
-    port: 3000,
-    proxy: {
-      '/api': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-      },
-    },
-  },
-  build: {
-    outDir: 'dist',
-    sourcemap: true,
-  },
-})
diff --git a/数据审核平台菜单优化/data-audit-platform/start.bat b/数据审核平台菜单优化/data-audit-platform/start.bat
deleted file mode 100644
index 4958c54..0000000
--- a/数据审核平台菜单优化/data-audit-platform/start.bat
+++ /dev/null
@@ -1,83 +0,0 @@
-@echo off
-chcp 65001 >nul
-echo ==========================================
-echo       数据审核平台 - 启动脚本
-echo ==========================================
-echo.
-
-REM 检查 Python
-python --version >nul 2>&1
-if errorlevel 1 (
-    echo 错误: 未找到 Python，请先安装 Python 3.11+
-    exit /b 1
-)
-
-REM 检查 Node.js
-node --version >nul 2>&1
-if errorlevel 1 (
-    echo 错误: 未找到 Node.js，请先安装 Node.js 18+
-    exit /b 1
-)
-
-REM 启动后端
-echo [1/2] 正在启动后端服务...
-cd backend
-
-REM 检查虚拟环境
-if not exist "venv" (
-    echo 创建 Python 虚拟环境...
-    python -m venv venv
-)
-
-REM 激活虚拟环境
-call venv\Scripts\activate.bat
-
-REM 安装依赖
-echo 安装后端依赖...
-pip install -q -r requirements.txt
-
-REM 启动后端服务
-echo 启动后端服务 (http://localhost:8000)...
-start "Backend" python main.py
-
-cd ..
-
-REM 启动前端
-echo.
-echo [2/2] 正在启动前端服务...
-cd frontend
-
-REM 检查 node_modules
-if not exist "node_modules" (
-    echo 安装前端依赖...
-    npm install
-)
-
-REM 启动前端服务
-echo 启动前端服务 (http://localhost:3000)...
-start "Frontend" npm run dev
-
-cd ..
-
-echo.
-echo ==========================================
-echo       服务启动成功！
-echo ==========================================
-echo.
-echo 后端 API: http://localhost:8000
-echo 前端页面: http://localhost:3000
-echo API 文档: http://localhost:8000/docs
-echo.
-echo 默认账号:
-echo   管理员: admin / 123456
-echo   DBA:    dba / 123456
-echo   开发者: dev1 / 123456
-echo.
-echo 按任意键停止服务...
-pause >nul
-
-REM 停止服务
-taskkill /FI "WINDOWTITLE eq Backend*" /F >nul 2>&1
-taskkill /FI "WINDOWTITLE eq Frontend*" /F >nul 2>&1
-
-echo 服务已停止
diff --git a/数据审核平台菜单优化/data-audit-platform/start.sh b/数据审核平台菜单优化/data-audit-platform/start.sh
deleted file mode 100644
index 78b3c75..0000000
--- a/数据审核平台菜单优化/data-audit-platform/start.sh
+++ /dev/null
@@ -1,85 +0,0 @@
-#!/bin/bash
-
-# 数据审核平台启动脚本
-
-echo "=========================================="
-echo "      数据审核平台 - 启动脚本"
-echo "=========================================="
-echo ""
-
-# 检查 Python
-if ! command -v python3 &> /dev/null; then
-    echo "错误: 未找到 Python3，请先安装 Python 3.11+"
-    exit 1
-fi
-
-# 检查 Node.js
-if ! command -v node &> /dev/null; then
-    echo "错误: 未找到 Node.js，请先安装 Node.js 18+"
-    exit 1
-fi
-
-# 启动后端
-echo "[1/2] 正在启动后端服务..."
-cd backend
-
-# 检查虚拟环境
-if [ ! -d "venv" ]; then
-    echo "创建 Python 虚拟环境..."
-    python3 -m venv venv
-fi
-
-# 激活虚拟环境
-source venv/bin/activate
-
-# 安装依赖
-echo "安装后端依赖..."
-pip install -q -r requirements.txt
-
-# 启动后端服务
-echo "启动后端服务 (http://localhost:8000)..."
-python main.py &
-BACKEND_PID=$!
-echo "后端服务 PID: $BACKEND_PID"
-
-cd ..
-
-# 启动前端
-echo ""
-echo "[2/2] 正在启动前端服务..."
-cd frontend
-
-# 检查 node_modules
-if [ ! -d "node_modules" ]; then
-    echo "安装前端依赖..."
-    npm install
-fi
-
-# 启动前端服务
-echo "启动前端服务 (http://localhost:3000)..."
-npm run dev &
-FRONTEND_PID=$!
-echo "前端服务 PID: $FRONTEND_PID"
-
-cd ..
-
-echo ""
-echo "=========================================="
-echo "      服务启动成功！"
-echo "=========================================="
-echo ""
-echo "后端 API: http://localhost:8000"
-echo "前端页面: http://localhost:3000"
-echo "API 文档: http://localhost:8000/docs"
-echo ""
-echo "默认账号:"
-echo "  管理员: admin / 123456"
-echo "  DBA:    dba / 123456"
-echo "  开发者: dev1 / 123456"
-echo ""
-echo "按 Ctrl+C 停止服务"
-echo ""
-
-# 等待用户中断
-trap "kill $BACKEND_PID $FRONTEND_PID; exit" INT
-wait