From fc697cdeb20873f4bd26fb8c0243ec211bd8ca0c Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sun, 11 Jan 2026 22:50:20 +0800
Subject: [PATCH 01/21] chore(dep): bump depencies

---
 .nvmrc        |    2 +-
 package.json  |   63 +-
 src/index.tsx |    2 -
 yarn.lock     | 2892 ++++++++++++++++++++++++-------------------------
 4 files changed, 1439 insertions(+), 1520 deletions(-)

diff --git a/.nvmrc b/.nvmrc
index 9de2256..941ea48 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-lts/iron
+lts/krypton
\ No newline at end of file
diff --git a/package.json b/package.json
index ca6d32e..bd4856a 100644
--- a/package.json
+++ b/package.json
@@ -10,48 +10,47 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "@ant-design/v5-patch-for-react-19": "^1.0.3",
     "@hello-pangea/dnd": "^18.0.1",
-    "@mantine/core": "^8.1.2",
-    "@mantine/dates": "^8.1.2",
-    "@mantine/dropzone": "^8.1.2",
-    "@mantine/form": "^8.1.2",
-    "@mantine/hooks": "^8.1.2",
-    "@mantine/notifications": "^8.1.2",
-    "@tabler/icons-react": "^3.34.0",
-    "@tailwindcss/forms": "^0.5.10",
-    "@tanstack/react-query": "^5.81.5",
-    "antd": "^5.26.3",
-    "axios": "^1.10.0",
+    "@mantine/core": "^8.3.12",
+    "@mantine/dates": "^8.3.12",
+    "@mantine/dropzone": "^8.3.12",
+    "@mantine/form": "^8.3.12",
+    "@mantine/hooks": "^8.3.12",
+    "@mantine/notifications": "^8.3.12",
+    "@tabler/icons-react": "^3.36.1",
+    "@tailwindcss/forms": "^0.5.11",
+    "@tanstack/react-query": "^5.90.16",
+    "antd": "^6.1.4",
+    "axios": "^1.13.2",
     "clsx": "^2.1.1",
     "cos-js-sdk-v5": "^1.10.1",
-    "dayjs": "^1.11.13",
-    "es-toolkit": "^1.39.6",
+    "dayjs": "^1.11.19",
+    "es-toolkit": "^1.43.0",
     "lodash": "^4.17.21",
     "mantine-form-zod-resolver": "^1.3.0",
-    "nanoid": "^5.1.5",
-    "nuqs": "^2.4.3",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-hook-form": "^7.60.0",
-    "react-router-dom": "^7.6.3",
-    "swr": "^2.3.4",
+    "nanoid": "^5.1.6",
+    "nuqs": "^2.8.6",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-hook-form": "^7.71.0",
+    "react-router-dom": "^7.12.0",
+    "swr": "^2.3.8",
     "tailwind-merge": "^2.6.0",
-    "zod": "^3.25.74",
-    "zustand": "^5.0.6"
+    "zod": "^4.3.5",
+    "zustand": "^5.0.9"
   },
   "devDependencies": {
-    "@rsbuild/core": "1.4.3",
-    "@rsbuild/plugin-react": "1.3.3",
-    "@rsbuild/plugin-svgr": "^1.2.0",
-    "@types/lodash": "^4.17.20",
-    "@types/node": "^22.16.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@rsbuild/core": "1.7.2",
+    "@rsbuild/plugin-react": "1.4.2",
+    "@rsbuild/plugin-svgr": "^1.2.3",
+    "@types/lodash": "^4.17.23",
+    "@types/node": "^22.19.5",
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.3",
     "postcss-preset-mantine": "^1.18.0",
     "postcss-simple-vars": "^7.0.1",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.8.3"
+    "tailwindcss": "^3.4.19",
+    "typescript": "^5.9.3"
   },
   "packageManager": "yarn@4.4.1"
 }
diff --git a/src/index.tsx b/src/index.tsx
index ce905ac..89deac6 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -5,8 +5,6 @@ import { RouterProvider } from "react-router-dom";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { createTheme, MantineProvider } from "@mantine/core";
 
-import "@ant-design/v5-patch-for-react-19";
-
 import router from "@/routes";
 
 const theme = createTheme({
diff --git a/yarn.lock b/yarn.lock
index d9c76c5..5c81d9a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -22,80 +22,51 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ant-design/colors@npm:^7.0.0":
-  version: 7.1.0
-  resolution: "@ant-design/colors@npm:7.1.0"
-  dependencies:
-    "@ctrl/tinycolor": "npm:^3.6.1"
-  checksum: 10c0/057fa10e1d0e787235149ef66cfac8c0060b50a5de29bc40d8f3226672e5f4d7d713a8c3f48d21a54d790a0269340897ebf3575af762caa3c006eacf5f883fa9
-  languageName: node
-  linkType: hard
-
-"@ant-design/colors@npm:^7.2.1":
-  version: 7.2.1
-  resolution: "@ant-design/colors@npm:7.2.1"
+"@ant-design/colors@npm:^8.0.0":
+  version: 8.0.1
+  resolution: "@ant-design/colors@npm:8.0.1"
   dependencies:
-    "@ant-design/fast-color": "npm:^2.0.6"
-  checksum: 10c0/4748a0bfb1ea98e08e29dcd4f7afd2781ae2119f783e6e9f80e889fd15fc19f7137e2a3d91f26bae2ab1ee76c04d520cc35f2bb0a708cd71e463f4d9deb4192d
+    "@ant-design/fast-color": "npm:^3.0.0"
+  checksum: 10c0/6108c2204ce98dbf68682fcd04c3cba087f5316f01c6a28928eb8d7b291c23b6a5fcc9cd74af6211f7984d3ccc7e26be16ec664a9380737b46ee24fc78222e30
   languageName: node
   linkType: hard
 
-"@ant-design/cssinjs-utils@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "@ant-design/cssinjs-utils@npm:1.1.3"
+"@ant-design/cssinjs-utils@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "@ant-design/cssinjs-utils@npm:2.0.2"
   dependencies:
-    "@ant-design/cssinjs": "npm:^1.21.0"
+    "@ant-design/cssinjs": "npm:^2.0.1"
     "@babel/runtime": "npm:^7.23.2"
-    rc-util: "npm:^5.38.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/e8a443a613689c4e984f5cf44b799f6288a6debf9a35cafb27a0411ef77ae335ba5ace7a38efd8e04f04ac897ddf24c81f0ad6615ac586f2616cb7f2b72f6176
-  languageName: node
-  linkType: hard
-
-"@ant-design/cssinjs@npm:^1.21.0":
-  version: 1.21.1
-  resolution: "@ant-design/cssinjs@npm:1.21.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.11.1"
-    "@emotion/hash": "npm:^0.8.0"
-    "@emotion/unitless": "npm:^0.7.5"
-    classnames: "npm:^2.3.1"
-    csstype: "npm:^3.1.3"
-    rc-util: "npm:^5.35.0"
-    stylis: "npm:^4.3.3"
+    "@rc-component/util": "npm:^1.4.0"
   peerDependencies:
-    react: ">=16.0.0"
-    react-dom: ">=16.0.0"
-  checksum: 10c0/9dca7fa851ae59d084cfe6787937536a601e16e3b4f82f6a63a5eb4098d83b36a5b88a1ff9128a8d8cd2bd3336734e14248e427f0875c37cbf94a70fb0d29e50
+    react: ">=18"
+    react-dom: ">=18"
+  checksum: 10c0/7ee58fd34dde2a1f97e3b1bee0306c5a2013971633bcdd6e3afdc49c30f31be1e74565a6f9fda80799752ea6aa795d88865ca4b8485b2fc7316c571ed9f9eb7f
   languageName: node
   linkType: hard
 
-"@ant-design/cssinjs@npm:^1.23.0":
-  version: 1.23.0
-  resolution: "@ant-design/cssinjs@npm:1.23.0"
+"@ant-design/cssinjs@npm:^2.0.1":
+  version: 2.0.2
+  resolution: "@ant-design/cssinjs@npm:2.0.2"
   dependencies:
     "@babel/runtime": "npm:^7.11.1"
     "@emotion/hash": "npm:^0.8.0"
     "@emotion/unitless": "npm:^0.7.5"
-    classnames: "npm:^2.3.1"
+    "@rc-component/util": "npm:^1.4.0"
+    clsx: "npm:^2.1.1"
     csstype: "npm:^3.1.3"
-    rc-util: "npm:^5.35.0"
     stylis: "npm:^4.3.4"
   peerDependencies:
     react: ">=16.0.0"
     react-dom: ">=16.0.0"
-  checksum: 10c0/c06877e6d005af86c3ce3c4d61ac3331801ad2e8d4ca4a6b1b34c401c13bfbf36afbe3b5459c415d92bcba60602662d7ae100baf74a1786cd47b27ef579126df
+  checksum: 10c0/622d389833345ba6f57a69a2712f8b100601218e8bc720e8bce4a634bf44b803dbd41d1f8c4df08c839be49db2e8af61ee77d98127b98d2604439120f45ee961
   languageName: node
   linkType: hard
 
-"@ant-design/fast-color@npm:^2.0.6":
-  version: 2.0.6
-  resolution: "@ant-design/fast-color@npm:2.0.6"
-  dependencies:
-    "@babel/runtime": "npm:^7.24.7"
-  checksum: 10c0/8d30649bd8d4e56d5c48393fcf0ad5c24d1099ec4cbf88f55bd9f4489e61efc30087d301da384c4ed21f2d5597087c8ba27dfbcc7693915310c26d307f5a8276
+"@ant-design/fast-color@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@ant-design/fast-color@npm:3.0.0"
+  checksum: 10c0/49e6c8971c2979d72e20422a0d76b4134b2a08a0ec971f4e7aa5901e900b83ef8a69b642bccc2770d114993f4bf5f5a909a642503c6e64c6e67376ff2f58e87a
   languageName: node
   linkType: hard
 
@@ -106,45 +77,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ant-design/icons@npm:^5.6.1":
-  version: 5.6.1
-  resolution: "@ant-design/icons@npm:5.6.1"
+"@ant-design/icons@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "@ant-design/icons@npm:6.1.0"
   dependencies:
-    "@ant-design/colors": "npm:^7.0.0"
+    "@ant-design/colors": "npm:^8.0.0"
     "@ant-design/icons-svg": "npm:^4.4.0"
-    "@babel/runtime": "npm:^7.24.8"
-    classnames: "npm:^2.2.6"
-    rc-util: "npm:^5.31.1"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=16.0.0"
     react-dom: ">=16.0.0"
-  checksum: 10c0/7a9d9fd388c5c66d92818fd0eb794a54ef0b0dc3d75f15ac24c7cfde21c5c836c220cf35423768fd1faa28d55443a6917bf4260469c1485be83f799daa351976
+  checksum: 10c0/d2fc94a348e18fcc37507dd7febbd179770dea9e8dbedecb362a4d9d0c1a503ed628f2973067b14dc8882d3c25b7c9c979753dea18faef5d20b7d2021d468315
   languageName: node
   linkType: hard
 
-"@ant-design/react-slick@npm:~1.1.2":
-  version: 1.1.2
-  resolution: "@ant-design/react-slick@npm:1.1.2"
+"@ant-design/react-slick@npm:~2.0.0":
+  version: 2.0.0
+  resolution: "@ant-design/react-slick@npm:2.0.0"
   dependencies:
-    "@babel/runtime": "npm:^7.10.4"
-    classnames: "npm:^2.2.5"
+    "@babel/runtime": "npm:^7.28.4"
+    clsx: "npm:^2.1.1"
     json2mq: "npm:^0.2.0"
-    resize-observer-polyfill: "npm:^1.5.1"
     throttle-debounce: "npm:^5.0.0"
   peerDependencies:
-    react: ">=16.9.0"
-  checksum: 10c0/4f758e28cf8418e9f1a9b03da3814b2342fcee8a4039cae2fe6f77c01e9c8b7ea78a7e10961128a5ccba4992f520e88cb72c4f7fa1bd22314ce628b0d9fb3f5c
-  languageName: node
-  linkType: hard
-
-"@ant-design/v5-patch-for-react-19@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "@ant-design/v5-patch-for-react-19@npm:1.0.3"
-  peerDependencies:
-    antd: ">=5.22.6"
-    react: ">=19.0.0"
-    react-dom: ">=19.0.0"
-  checksum: 10c0/e3848c929b01a0a29a41e2886f489932e54d9665dd990c60c4b505e21740da2ef0db0d08f4dc7591651fa1f21b15227e7bb40f40280742225b4da74fd18cc899
+    react: ^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 10c0/1aaa3aae2a9e7d06840bf620b0ac1d0de4088f969fec45ae1b1c7a16ab1e0d6d89809ec9c915fad07c8a719b447ebf5031bb53024d1a92f1ab75e3c6788ed42e
   languageName: node
   linkType: hard
 
@@ -301,7 +260,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.10.4, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.16.7, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.20.7, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.22.5, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.23.6, @babel/runtime@npm:^7.23.9, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.24.7, @babel/runtime@npm:^7.24.8, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7":
+"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.24.7, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7":
   version: 7.25.6
   resolution: "@babel/runtime@npm:7.25.6"
   dependencies:
@@ -310,16 +269,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.25.7":
-  version: 7.26.0
-  resolution: "@babel/runtime@npm:7.26.0"
-  dependencies:
-    regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/12c01357e0345f89f4f7e8c0e81921f2a3e3e101f06e8eaa18a382b517376520cd2fa8c237726eb094dab25532855df28a7baaf1c26342b52782f6936b07c287
-  languageName: node
-  linkType: hard
-
-"@babel/runtime@npm:^7.26.0, @babel/runtime@npm:^7.26.7":
+"@babel/runtime@npm:^7.26.7":
   version: 7.27.0
   resolution: "@babel/runtime@npm:7.27.0"
   dependencies:
@@ -328,6 +278,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/runtime@npm:^7.28.4":
+  version: 7.28.4
+  resolution: "@babel/runtime@npm:7.28.4"
+  checksum: 10c0/792ce7af9750fb9b93879cc9d1db175701c4689da890e6ced242ea0207c9da411ccf16dc04e689cc01158b28d7898c40d75598f4559109f761c12ce01e959bf7
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.25.0":
   version: 7.25.0
   resolution: "@babel/template@npm:7.25.0"
@@ -365,38 +322,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ctrl/tinycolor@npm:^3.6.1":
-  version: 3.6.1
-  resolution: "@ctrl/tinycolor@npm:3.6.1"
-  checksum: 10c0/444d81612cd8c5c802a3d1253df83d5f77d3db87f351861655683a4743990e6b38976bf2e4129591c5a258607b63574b3c7bed702cf6a0eb7912222edf4570e9
-  languageName: node
-  linkType: hard
-
-"@emnapi/core@npm:^1.4.3":
-  version: 1.4.3
-  resolution: "@emnapi/core@npm:1.4.3"
+"@emnapi/core@npm:^1.5.0":
+  version: 1.8.1
+  resolution: "@emnapi/core@npm:1.8.1"
   dependencies:
-    "@emnapi/wasi-threads": "npm:1.0.2"
+    "@emnapi/wasi-threads": "npm:1.1.0"
     tslib: "npm:^2.4.0"
-  checksum: 10c0/e30101d16d37ef3283538a35cad60e22095aff2403fb9226a35330b932eb6740b81364d525537a94eb4fb51355e48ae9b10d779c0dd1cdcd55d71461fe4b45c7
+  checksum: 10c0/2c242f4b49779bac403e1cbcc98edacdb1c8ad36562408ba9a20663824669e930bc8493be46a2522d9dc946b8d96cd7073970bae914928c7671b5221c85b432e
   languageName: node
   linkType: hard
 
-"@emnapi/runtime@npm:^1.4.3":
-  version: 1.4.3
-  resolution: "@emnapi/runtime@npm:1.4.3"
+"@emnapi/runtime@npm:^1.5.0":
+  version: 1.8.1
+  resolution: "@emnapi/runtime@npm:1.8.1"
   dependencies:
     tslib: "npm:^2.4.0"
-  checksum: 10c0/3b7ab72d21cb4e034f07df80165265f85f445ef3f581d1bc87b67e5239428baa00200b68a7d5e37a0425c3a78320b541b07f76c5530f6f6f95336a6294ebf30b
+  checksum: 10c0/f4929d75e37aafb24da77d2f58816761fe3f826aad2e37fa6d4421dac9060cbd5098eea1ac3c9ecc4526b89deb58153852fa432f87021dc57863f2ff726d713f
   languageName: node
   linkType: hard
 
-"@emnapi/wasi-threads@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@emnapi/wasi-threads@npm:1.0.2"
+"@emnapi/wasi-threads@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@emnapi/wasi-threads@npm:1.1.0"
   dependencies:
     tslib: "npm:^2.4.0"
-  checksum: 10c0/f0621b1fc715221bd2d8332c0ca922617bcd77cdb3050eae50a124eb8923c54fa425d23982dc8f29d505c8798a62d1049bace8b0686098ff9dd82270e06d772e
+  checksum: 10c0/e6d54bf2b1e64cdd83d2916411e44e579b6ae35d5def0dea61a3c452d9921373044dff32a8b8473ae60c80692bdc39323e98b96a3f3d87ba6886b24dd0ef7ca1
   languageName: node
   linkType: hard
 
@@ -414,62 +364,55 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@floating-ui/core@npm:^1.6.0":
-  version: 1.6.7
-  resolution: "@floating-ui/core@npm:1.6.7"
+"@floating-ui/core@npm:^1.7.3":
+  version: 1.7.3
+  resolution: "@floating-ui/core@npm:1.7.3"
   dependencies:
-    "@floating-ui/utils": "npm:^0.2.7"
-  checksum: 10c0/5c9ae274854f87ed09a61de758377d444c2b13ade7fd1067d74287b3e66de5340ae1281e48604b631c540855a2595cfc717adf9a2331eaadc4fa6d28e8571f64
+    "@floating-ui/utils": "npm:^0.2.10"
+  checksum: 10c0/edfc23800122d81df0df0fb780b7328ae6c5f00efbb55bd48ea340f4af8c5b3b121ceb4bb81220966ab0f87b443204d37105abdd93d94846468be3243984144c
   languageName: node
   linkType: hard
 
-"@floating-ui/dom@npm:^1.0.0":
-  version: 1.6.10
-  resolution: "@floating-ui/dom@npm:1.6.10"
+"@floating-ui/dom@npm:^1.7.4":
+  version: 1.7.4
+  resolution: "@floating-ui/dom@npm:1.7.4"
   dependencies:
-    "@floating-ui/core": "npm:^1.6.0"
-    "@floating-ui/utils": "npm:^0.2.7"
-  checksum: 10c0/ed7d7b400e00b2f31f1b8f11863af2cb95d0d3cd84635186ca31b41d8d9fe7fe12c85e4985617d7df7ed365abad48b327d0bae35934842007b4e1052d9780576
+    "@floating-ui/core": "npm:^1.7.3"
+    "@floating-ui/utils": "npm:^0.2.10"
+  checksum: 10c0/da6166c25f9b0729caa9f498685a73a0e28251613b35d27db8de8014bc9d045158a23c092b405321a3d67c2064909b6e2a7e6c1c9cc0f62967dca5779f5aef30
   languageName: node
   linkType: hard
 
-"@floating-ui/react-dom@npm:^2.1.2":
-  version: 2.1.2
-  resolution: "@floating-ui/react-dom@npm:2.1.2"
+"@floating-ui/react-dom@npm:^2.1.6":
+  version: 2.1.6
+  resolution: "@floating-ui/react-dom@npm:2.1.6"
   dependencies:
-    "@floating-ui/dom": "npm:^1.0.0"
+    "@floating-ui/dom": "npm:^1.7.4"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/e855131c74e68cab505f7f44f92cd4e2efab1c125796db3116c54c0859323adae4bf697bf292ee83ac77b9335a41ad67852193d7aeace90aa2e1c4a640cafa60
+  checksum: 10c0/6654834a8e73ecbdbc6cad2ad8f7abc698ac7c1800ded4d61113525c591c03d2e3b59d3cf9205859221465ea38c87af4f9e6e204703c5b7a7e85332d1eef2e18
   languageName: node
   linkType: hard
 
-"@floating-ui/react@npm:^0.26.28":
-  version: 0.26.28
-  resolution: "@floating-ui/react@npm:0.26.28"
+"@floating-ui/react@npm:^0.27.16":
+  version: 0.27.16
+  resolution: "@floating-ui/react@npm:0.27.16"
   dependencies:
-    "@floating-ui/react-dom": "npm:^2.1.2"
-    "@floating-ui/utils": "npm:^0.2.8"
+    "@floating-ui/react-dom": "npm:^2.1.6"
+    "@floating-ui/utils": "npm:^0.2.10"
     tabbable: "npm:^6.0.0"
   peerDependencies:
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-  checksum: 10c0/a42df129e1e976fe8ba3f4c8efdda265a0196c1b66b83f2b9b27423d08dcc765406f893aeff9d830e70e3f14a9d4c490867eb4c32983317cbaa33863b0fae6f6
+    react: ">=17.0.0"
+    react-dom: ">=17.0.0"
+  checksum: 10c0/a026266d8875e69de1ac1e1a00588660c8ee299c1e7d067c5c5fd1d69a46fd10acff5dd6cb66c3fe40a3347b443234309ba95f5b33d49059d0cda121f558f566
   languageName: node
   linkType: hard
 
-"@floating-ui/utils@npm:^0.2.7":
-  version: 0.2.7
-  resolution: "@floating-ui/utils@npm:0.2.7"
-  checksum: 10c0/0559ea5df2dc82219bad26e3509e9d2b70f6987e552dc8ddf7d7f5923cfeb7c44bf884567125b1f9cdb122a4c7e6e7ddbc666740bc30b0e4091ccbca63c6fb1c
-  languageName: node
-  linkType: hard
-
-"@floating-ui/utils@npm:^0.2.8":
-  version: 0.2.8
-  resolution: "@floating-ui/utils@npm:0.2.8"
-  checksum: 10c0/a8cee5f17406c900e1c3ef63e3ca89b35e7a2ed645418459a73627b93b7377477fc888081011c6cd177cac45ec2b92a6cab018c14ea140519465498dddd2d3f9
+"@floating-ui/utils@npm:^0.2.10":
+  version: 0.2.10
+  resolution: "@floating-ui/utils@npm:0.2.10"
+  checksum: 10c0/e9bc2a1730ede1ee25843937e911ab6e846a733a4488623cd353f94721b05ec2c9ec6437613a2ac9379a94c2fd40c797a2ba6fa1df2716f5ce4aa6ddb1cf9ea4
   languageName: node
   linkType: hard
 
@@ -545,161 +488,161 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mantine/core@npm:^8.1.2":
-  version: 8.1.2
-  resolution: "@mantine/core@npm:8.1.2"
+"@mantine/core@npm:^8.3.12":
+  version: 8.3.12
+  resolution: "@mantine/core@npm:8.3.12"
   dependencies:
-    "@floating-ui/react": "npm:^0.26.28"
+    "@floating-ui/react": "npm:^0.27.16"
     clsx: "npm:^2.1.1"
-    react-number-format: "npm:^5.4.3"
-    react-remove-scroll: "npm:^2.6.2"
+    react-number-format: "npm:^5.4.4"
+    react-remove-scroll: "npm:^2.7.1"
     react-textarea-autosize: "npm:8.5.9"
-    type-fest: "npm:^4.27.0"
+    type-fest: "npm:^4.41.0"
   peerDependencies:
-    "@mantine/hooks": 8.1.2
+    "@mantine/hooks": 8.3.12
     react: ^18.x || ^19.x
     react-dom: ^18.x || ^19.x
-  checksum: 10c0/c6498676dc5a50a036778588002301717cd9e290f6e9c460702592a2d5f0da0dc19be56f781f890656ca04ea353328c9c605fdc105924544978aa39b995433d5
+  checksum: 10c0/8c7986c3202026651749d6fe96ab01ca4d72df5c81b791d693e7d41bf3122baaa1244f4a1d74ab7dc86949c1842bfe407441ab609951a358fee54e7582700d07
   languageName: node
   linkType: hard
 
-"@mantine/dates@npm:^8.1.2":
-  version: 8.1.2
-  resolution: "@mantine/dates@npm:8.1.2"
+"@mantine/dates@npm:^8.3.12":
+  version: 8.3.12
+  resolution: "@mantine/dates@npm:8.3.12"
   dependencies:
     clsx: "npm:^2.1.1"
   peerDependencies:
-    "@mantine/core": 8.1.2
-    "@mantine/hooks": 8.1.2
+    "@mantine/core": 8.3.12
+    "@mantine/hooks": 8.3.12
     dayjs: ">=1.0.0"
     react: ^18.x || ^19.x
     react-dom: ^18.x || ^19.x
-  checksum: 10c0/c004d3b0bd4feec50af421f701e11e5065b93cc625e9d36a9c9616eb5db3528886bef18fa3cda84dccc1523a5d6e06a7060503c2562744895eb9c9da2c1a83eb
+  checksum: 10c0/12e8a5ddd9feabb54de5e8362d8b140c3c6166eca3d1efb7be1199767bf467dc8a385088f7694b9a311aa5a4aad0cfb94349d9f13f17ea055d1d8470066cbc0b
   languageName: node
   linkType: hard
 
-"@mantine/dropzone@npm:^8.1.2":
-  version: 8.1.2
-  resolution: "@mantine/dropzone@npm:8.1.2"
+"@mantine/dropzone@npm:^8.3.12":
+  version: 8.3.12
+  resolution: "@mantine/dropzone@npm:8.3.12"
   dependencies:
     react-dropzone: "npm:14.3.8"
   peerDependencies:
-    "@mantine/core": 8.1.2
-    "@mantine/hooks": 8.1.2
+    "@mantine/core": 8.3.12
+    "@mantine/hooks": 8.3.12
     react: ^18.x || ^19.x
     react-dom: ^18.x || ^19.x
-  checksum: 10c0/9123fa79bf0ff70986a875242f04910a9a27b6eb9868b11fc6a80e3706a102ca52b66d13f2d104fbe5d4d56066309b10c82f7dd0ad309155ff42b4276899645c
+  checksum: 10c0/f690c92e4a67fcf43ad6c7556e2834b127abc7cb9cd2adaaf024d1dde5df0df6c1090e384028035d278430cb06bb3cf5ea8ffa2d9542059223d5d7b0aa0ea174
   languageName: node
   linkType: hard
 
-"@mantine/form@npm:^8.1.2":
-  version: 8.1.2
-  resolution: "@mantine/form@npm:8.1.2"
+"@mantine/form@npm:^8.3.12":
+  version: 8.3.12
+  resolution: "@mantine/form@npm:8.3.12"
   dependencies:
     fast-deep-equal: "npm:^3.1.3"
     klona: "npm:^2.0.6"
   peerDependencies:
     react: ^18.x || ^19.x
-  checksum: 10c0/b99b37837348f43bb0cf5d92d1b019ed2fa136a1426f8e24886b42dd486928c3f5c5aba17ed87c7d390c2fad4ca4890e790a6663c8e296eb4ea7288612f4554f
+  checksum: 10c0/29300d9b44f4235a0f0e599ccbbbd65cf93d9d19dd4a2e6eb35ac8540de22321fce3ada897e850364a26d77f86f6ad5dff0d8ce686f7bb16388975ccc475f177
   languageName: node
   linkType: hard
 
-"@mantine/hooks@npm:^8.1.2":
-  version: 8.1.2
-  resolution: "@mantine/hooks@npm:8.1.2"
+"@mantine/hooks@npm:^8.3.12":
+  version: 8.3.12
+  resolution: "@mantine/hooks@npm:8.3.12"
   peerDependencies:
     react: ^18.x || ^19.x
-  checksum: 10c0/64bbc2b4cf39b315958939ce0c1febf2e35c79618f99cc2a262788e7d180922f7d551445606a2b4d66fcbf5371d1d40f9c50e5ff8e87b16ac1c28e5a4f2f4373
+  checksum: 10c0/a2e0ef9a47155f1c73e8b4e9a111ebfd822d01cc98ac048c938c7e9fa734191d789e8121617800ae803f27dd1ff213e1ef891cb6a1ba224f69b0b51ac258a2a3
   languageName: node
   linkType: hard
 
-"@mantine/notifications@npm:^8.1.2":
-  version: 8.1.2
-  resolution: "@mantine/notifications@npm:8.1.2"
+"@mantine/notifications@npm:^8.3.12":
+  version: 8.3.12
+  resolution: "@mantine/notifications@npm:8.3.12"
   dependencies:
-    "@mantine/store": "npm:8.1.2"
+    "@mantine/store": "npm:8.3.12"
     react-transition-group: "npm:4.4.5"
   peerDependencies:
-    "@mantine/core": 8.1.2
-    "@mantine/hooks": 8.1.2
+    "@mantine/core": 8.3.12
+    "@mantine/hooks": 8.3.12
     react: ^18.x || ^19.x
     react-dom: ^18.x || ^19.x
-  checksum: 10c0/05e144b928f80a2f3590d4e063c9a9b560c7c4ee3cf089521cccfb155d4ca3300a3c5895a45b39f18ce5869d4fcde7e37ff63afcc1e1bbc06961b6ef1ea1b01a
+  checksum: 10c0/2635320566552172390b86b26bdc309518d9b740cb96d41ad551a9bc53f30e6b6b906da8c98f252e3b418ef5878e96ebccc46aa20ec0520b4d569fa14ccf89c1
   languageName: node
   linkType: hard
 
-"@mantine/store@npm:8.1.2":
-  version: 8.1.2
-  resolution: "@mantine/store@npm:8.1.2"
+"@mantine/store@npm:8.3.12":
+  version: 8.3.12
+  resolution: "@mantine/store@npm:8.3.12"
   peerDependencies:
     react: ^18.x || ^19.x
-  checksum: 10c0/6d6a34bfe7e6e672496a8fc09326f5a9bd65614cc6e282af66e972593336b6464ee9af2f33973df174b2b2ea2e1d1a851149bc7283a03ec8c99ae337ba41f381
+  checksum: 10c0/f5ab5b8ebc690cbd447b97ab8654c9e7173006011a03156030b08dbe23ad19cdbaf104368735042df6048030676dd23e3f8ee8c50db09c55d11a21a3a7e5d896
   languageName: node
   linkType: hard
 
-"@module-federation/error-codes@npm:0.15.0":
-  version: 0.15.0
-  resolution: "@module-federation/error-codes@npm:0.15.0"
-  checksum: 10c0/93379d5e3afc31588e7923434d570a4663529f1853c1617f73109913035258b029caa16c810004e6870087185110d81ce8179ba85185006264a48ac32f8d7735
+"@module-federation/error-codes@npm:0.22.0":
+  version: 0.22.0
+  resolution: "@module-federation/error-codes@npm:0.22.0"
+  checksum: 10c0/a9b25e8c930971e146e6352f482f915f1b54965ce54706984e834a87be714d30caebbd3946f9eb408e7821b2cc326b90787eeb2f8306edf1d322d9931543a139
   languageName: node
   linkType: hard
 
-"@module-federation/runtime-core@npm:0.15.0":
-  version: 0.15.0
-  resolution: "@module-federation/runtime-core@npm:0.15.0"
+"@module-federation/runtime-core@npm:0.22.0":
+  version: 0.22.0
+  resolution: "@module-federation/runtime-core@npm:0.22.0"
   dependencies:
-    "@module-federation/error-codes": "npm:0.15.0"
-    "@module-federation/sdk": "npm:0.15.0"
-  checksum: 10c0/f3da5fd29f7f2bf1593a33ccaf8bf76cec6bb24272d8b4794152ab6c4eb7d01f648ad7fafd5ca6de65bfb8dbef610ac844a5583bd1f4111b3914a90801f2efd1
+    "@module-federation/error-codes": "npm:0.22.0"
+    "@module-federation/sdk": "npm:0.22.0"
+  checksum: 10c0/0406c26b119065dca23a8fb65872b8ab5794984d5d82984ed625c433658693050a8a800cde8c97cc1572b0bc154a7824fa9db5bb05106b7250643e799ba7091d
   languageName: node
   linkType: hard
 
-"@module-federation/runtime-tools@npm:0.15.0":
-  version: 0.15.0
-  resolution: "@module-federation/runtime-tools@npm:0.15.0"
+"@module-federation/runtime-tools@npm:0.22.0":
+  version: 0.22.0
+  resolution: "@module-federation/runtime-tools@npm:0.22.0"
   dependencies:
-    "@module-federation/runtime": "npm:0.15.0"
-    "@module-federation/webpack-bundler-runtime": "npm:0.15.0"
-  checksum: 10c0/53e4376a6a7146063bfae447951c74e74a051c0fb43dbb6024c7b541a81d6f2e9127f7d4588117430644ee594a774f996359c282733072a989791e656206ada7
+    "@module-federation/runtime": "npm:0.22.0"
+    "@module-federation/webpack-bundler-runtime": "npm:0.22.0"
+  checksum: 10c0/fbe76616fb176ce03550e3ce2bb43fa5d44c12d7d0939593f29dab5658accfb559b857df4180f7f681dc601aab928658cd9b49a78daad866089390b820854fbd
   languageName: node
   linkType: hard
 
-"@module-federation/runtime@npm:0.15.0":
-  version: 0.15.0
-  resolution: "@module-federation/runtime@npm:0.15.0"
+"@module-federation/runtime@npm:0.22.0":
+  version: 0.22.0
+  resolution: "@module-federation/runtime@npm:0.22.0"
   dependencies:
-    "@module-federation/error-codes": "npm:0.15.0"
-    "@module-federation/runtime-core": "npm:0.15.0"
-    "@module-federation/sdk": "npm:0.15.0"
-  checksum: 10c0/c77489abe56dd1402244fa4e75488676f272a5b53c3954e18f0be3ea74745b7a627a89d76d2cf827a48a74fe486712c6b0e0390fd1df25b7efeb3c23bdcafc9b
+    "@module-federation/error-codes": "npm:0.22.0"
+    "@module-federation/runtime-core": "npm:0.22.0"
+    "@module-federation/sdk": "npm:0.22.0"
+  checksum: 10c0/f9cfaf7f8599a215195cb612a5d4532d4399cc8eb5a928ced60c4bdf0e7e2028849cdc384fa3f1506f9e7e0e112f74f6c30a5a76136dc56e155012d111ea075b
   languageName: node
   linkType: hard
 
-"@module-federation/sdk@npm:0.15.0":
-  version: 0.15.0
-  resolution: "@module-federation/sdk@npm:0.15.0"
-  checksum: 10c0/9f15db3c4213d3d4699edd89ab898bec0c3ab29872537a60cd21a6c75dce63e9af865aea6fa47dac34a485309c028d29a88cffc397caa721c1add6a5aa273186
+"@module-federation/sdk@npm:0.22.0":
+  version: 0.22.0
+  resolution: "@module-federation/sdk@npm:0.22.0"
+  checksum: 10c0/c09ba0147368151b67ba33b9174ef451a028e1709d2208aa811cacc1ae4efcae0f1987f02119f9b54754ee6430af3610e357c9b744147f112a25d8f7564f8041
   languageName: node
   linkType: hard
 
-"@module-federation/webpack-bundler-runtime@npm:0.15.0":
-  version: 0.15.0
-  resolution: "@module-federation/webpack-bundler-runtime@npm:0.15.0"
+"@module-federation/webpack-bundler-runtime@npm:0.22.0":
+  version: 0.22.0
+  resolution: "@module-federation/webpack-bundler-runtime@npm:0.22.0"
   dependencies:
-    "@module-federation/runtime": "npm:0.15.0"
-    "@module-federation/sdk": "npm:0.15.0"
-  checksum: 10c0/63d09e4cbe2238ce3ca8b69c23d12fce69f2e6f189a1cb7bd830d280ec77201b3a9dc5c90ecb0e58ad533c43a7c957f0d0089ce34abfb8b517afcddd4cf503e8
+    "@module-federation/runtime": "npm:0.22.0"
+    "@module-federation/sdk": "npm:0.22.0"
+  checksum: 10c0/4c1354b881ffc0c1521f1d676c9301db0b0d59186c386dde4dbb6d33f00fdb16bf118e85cfc38e2ffb36084fa87df8390d415a41c0c93b33bd0e5460a9a934f5
   languageName: node
   linkType: hard
 
-"@napi-rs/wasm-runtime@npm:^0.2.11":
-  version: 0.2.11
-  resolution: "@napi-rs/wasm-runtime@npm:0.2.11"
+"@napi-rs/wasm-runtime@npm:1.0.7":
+  version: 1.0.7
+  resolution: "@napi-rs/wasm-runtime@npm:1.0.7"
   dependencies:
-    "@emnapi/core": "npm:^1.4.3"
-    "@emnapi/runtime": "npm:^1.4.3"
-    "@tybys/wasm-util": "npm:^0.9.0"
-  checksum: 10c0/049bd14c58b99fbe0967b95e9921c5503df196b59be22948d2155f17652eb305cff6728efd8685338b855da7e476dd2551fbe3a313fc2d810938f0717478441e
+    "@emnapi/core": "npm:^1.5.0"
+    "@emnapi/runtime": "npm:^1.5.0"
+    "@tybys/wasm-util": "npm:^0.10.1"
+  checksum: 10c0/2d8635498136abb49d6dbf7395b78c63422292240963bf055f307b77aeafbde57ae2c0ceaaef215601531b36d6eb92a2cdd6f5ba90ed2aa8127c27aff9c4ae55
   languageName: node
   linkType: hard
 
@@ -759,288 +702,776 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/async-validator@npm:^5.0.3":
-  version: 5.0.4
-  resolution: "@rc-component/async-validator@npm:5.0.4"
+"@rc-component/async-validator@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "@rc-component/async-validator@npm:5.1.0"
   dependencies:
     "@babel/runtime": "npm:^7.24.4"
-  checksum: 10c0/e874f87e67228d897801360ef1dbd9f3677e10c57c4b4c708c67f9929f44d8c36ca70ff3967e3fc6ef20b87982c966b27695df44899ca50588240e07130fe2ba
+  checksum: 10c0/6acbac53777a4e189ec3d825cd689af9a1ba6e370289794d573a7b8fa4678ae9cb9583d9a4f67035e6165d19e414a5fb406b73549d44b973d981f627f996480e
   languageName: node
   linkType: hard
 
-"@rc-component/color-picker@npm:~2.0.1":
-  version: 2.0.1
-  resolution: "@rc-component/color-picker@npm:2.0.1"
+"@rc-component/cascader@npm:~1.11.0":
+  version: 1.11.0
+  resolution: "@rc-component/cascader@npm:1.11.0"
   dependencies:
-    "@ant-design/fast-color": "npm:^2.0.6"
-    "@babel/runtime": "npm:^7.23.6"
-    classnames: "npm:^2.2.6"
-    rc-util: "npm:^5.38.1"
+    "@rc-component/select": "npm:~1.5.0"
+    "@rc-component/tree": "npm:~1.1.0"
+    "@rc-component/util": "npm:^1.4.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/be0b851a609fdb360367f38765b568c52f935dde4e70f7b832146a921eb221ddd51735144a35ce36c55810f47f830078e271508920585e3ab789e47c4f824775
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/1e7dcde0beaaa3d88ea4fc65947e44c652fd2c1dd511edc60698dd0b679f1b82d2c87c1d6007a9672a9fdc0a759488a5f449cc8fca4be1415cd25334e8b63ff6
   languageName: node
   linkType: hard
 
-"@rc-component/context@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "@rc-component/context@npm:1.4.0"
+"@rc-component/checkbox@npm:~1.0.1":
+  version: 1.0.1
+  resolution: "@rc-component/checkbox@npm:1.0.1"
   dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    rc-util: "npm:^5.27.0"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/4da3773deca15107adccf6635c703663f5a9202c09d8877ee003ccf144de9991c5eefbca4458f31d95d234e57babf0f8f1926e0b887f8a503a43119a39a653aa
+  checksum: 10c0/c7b554d79628222f8eb90565517ee638073c9342c7960149c307c9b8cb94c52ed302947b348ab5f62eacc885a42069807d348cfcdbaf8c74df5e762640129772
   languageName: node
   linkType: hard
 
-"@rc-component/mini-decimal@npm:^1.0.1":
-  version: 1.1.0
-  resolution: "@rc-component/mini-decimal@npm:1.1.0"
+"@rc-component/collapse@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "@rc-component/collapse@npm:1.1.2"
   dependencies:
-    "@babel/runtime": "npm:^7.18.0"
-  checksum: 10c0/53a7ca71591bc03eba71ab844016df788e83c96c3c7c542710c3eeeae7f55340c88c4930d7a0b11ebe7f1cd9fc65cb5bc284f466fbe95589992dd9833edf6ddf
+    "@babel/runtime": "npm:^7.10.1"
+    "@rc-component/motion": "npm:^1.1.4"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/5973a2258a3c78c10b70df1df4c6c485689ac1ca49a30b622a17c87cefcf7d03b3ac71b58e7f7a74b3e680cd4a1dcdf3f4c93c256dfcd570440cfe0615d39756
   languageName: node
   linkType: hard
 
-"@rc-component/mutate-observer@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@rc-component/mutate-observer@npm:1.1.0"
+"@rc-component/color-picker@npm:~3.0.3":
+  version: 3.0.3
+  resolution: "@rc-component/color-picker@npm:3.0.3"
   dependencies:
-    "@babel/runtime": "npm:^7.18.0"
-    classnames: "npm:^2.3.2"
-    rc-util: "npm:^5.24.4"
+    "@ant-design/fast-color": "npm:^3.0.0"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/90159acd831ed04b7d2d412354892fd042ad51e63bf17a9fcfa84f3b799e23479617fcc7404566a5b97e5b512b6097b87b8eb36e0c419d803692796a39186a2e
+  checksum: 10c0/f7e9e77456046c923ea29681f3427dbf9d920c81e011bc2a414b04d31b0388e1e5bf0c1195afe2242e261af5d6f541e66fa84cb5ef283b3ea4a3e1391eb0b6dc
   languageName: node
   linkType: hard
 
-"@rc-component/portal@npm:^1.0.0-8, @rc-component/portal@npm:^1.0.0-9, @rc-component/portal@npm:^1.0.2, @rc-component/portal@npm:^1.1.0, @rc-component/portal@npm:^1.1.1":
-  version: 1.1.2
-  resolution: "@rc-component/portal@npm:1.1.2"
+"@rc-component/context@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@rc-component/context@npm:2.0.1"
   dependencies:
-    "@babel/runtime": "npm:^7.18.0"
-    classnames: "npm:^2.3.2"
-    rc-util: "npm:^5.24.4"
+    "@rc-component/util": "npm:^1.3.0"
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/3c0297356635d47f364be79de02bb16009f06b1ce82124c3e63da9a71b8e7d3ea2c147e4703ead9cae0f662435a21e9feb30d2edf7197108bc3dbf969f3ca51f
+  checksum: 10c0/e039f5590d7d614dd9a31a85d884974c6ffb9d81c5a7e05e99cfa97fd3c2e1444727a6b057104318361ba952b4194ac0d740ddbfd545068e1ba00ca04b20a3f9
   languageName: node
   linkType: hard
 
-"@rc-component/qrcode@npm:~1.0.0":
-  version: 1.0.0
-  resolution: "@rc-component/qrcode@npm:1.0.0"
+"@rc-component/dialog@npm:~1.5.1":
+  version: 1.5.1
+  resolution: "@rc-component/dialog@npm:1.5.1"
   dependencies:
-    "@babel/runtime": "npm:^7.24.7"
-    classnames: "npm:^2.3.2"
-    rc-util: "npm:^5.38.0"
+    "@rc-component/motion": "npm:^1.1.3"
+    "@rc-component/portal": "npm:^2.0.0"
+    "@rc-component/util": "npm:^1.0.1"
+    clsx: "npm:^2.1.1"
   peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/406dbe13e3b24ca20ef729d5456a329711ac9ca50f20604ff1e1fdbcb3a716408ad453cc083ec87d541096c85e2f512175f0b357075b40f71bea38e2a4f59cbd
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/877bba37b79e0e8abaefcb7ebf0ab93c99d337aa880100cf9bb0e8bc7741997e5387c9ea666b7bc961a68f3e670e866d1e754727d835f74edceb82c2ccfaa9bc
   languageName: node
   linkType: hard
 
-"@rc-component/tour@npm:~1.15.1":
-  version: 1.15.1
-  resolution: "@rc-component/tour@npm:1.15.1"
+"@rc-component/drawer@npm:~1.3.0":
+  version: 1.3.0
+  resolution: "@rc-component/drawer@npm:1.3.0"
   dependencies:
-    "@babel/runtime": "npm:^7.18.0"
-    "@rc-component/portal": "npm:^1.0.0-9"
-    "@rc-component/trigger": "npm:^2.0.0"
-    classnames: "npm:^2.3.2"
-    rc-util: "npm:^5.24.4"
+    "@rc-component/motion": "npm:^1.1.4"
+    "@rc-component/portal": "npm:^2.0.0"
+    "@rc-component/util": "npm:^1.2.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/539856b0b0d5143c42f2401c7ad1bb8617a73f0ddf99a383fc72192d1c4a74edc3dd206cbeb48f942ddadeee80e4ec9994235304072b54e7744b03acbeb1159e
+  languageName: node
+  linkType: hard
+
+"@rc-component/dropdown@npm:~1.0.0, @rc-component/dropdown@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "@rc-component/dropdown@npm:1.0.2"
+  dependencies:
+    "@rc-component/trigger": "npm:^3.0.0"
+    "@rc-component/util": "npm:^1.2.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.11.0"
+    react-dom: ">=16.11.0"
+  checksum: 10c0/060c850c570e36965295e018101d74c75d5d3a147001a694f1b9a7dc494ef01ac83efa51b86fe375a890eb7a52b2b3908b20ad65e17612b8d2c2606d12ed1581
+  languageName: node
+  linkType: hard
+
+"@rc-component/form@npm:~1.6.0":
+  version: 1.6.2
+  resolution: "@rc-component/form@npm:1.6.2"
+  dependencies:
+    "@rc-component/async-validator": "npm:^5.1.0"
+    "@rc-component/util": "npm:^1.6.2"
+    clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/8324edb96bbca2838e9bdcca5ac02e615596593d0e79ee74ad2e7d3a4801975f205907170bb16f92303b22701bc730c34337cb10270281cea36659bac10193b5
+  checksum: 10c0/f685c1ebb7013773bf6df7139fb417eeaf25e39ddc788f45e607f7ca255c9039023420c2417777361c76cc723fc59fc5042635708df17f6f815d62b7be662103
   languageName: node
   linkType: hard
 
-"@rc-component/trigger@npm:^2.0.0, @rc-component/trigger@npm:^2.1.1":
-  version: 2.2.2
-  resolution: "@rc-component/trigger@npm:2.2.2"
+"@rc-component/image@npm:~1.5.3":
+  version: 1.5.3
+  resolution: "@rc-component/image@npm:1.5.3"
   dependencies:
-    "@babel/runtime": "npm:^7.23.2"
-    "@rc-component/portal": "npm:^1.1.0"
-    classnames: "npm:^2.3.2"
-    rc-motion: "npm:^2.0.0"
-    rc-resize-observer: "npm:^1.3.1"
-    rc-util: "npm:^5.38.0"
+    "@rc-component/motion": "npm:^1.0.0"
+    "@rc-component/portal": "npm:^2.0.0"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/a7a9c018ea0a4e0411c3b1fa0e09da437d51115f8ab0c7dd0974872ab87195cbf242497ef4ab6f206b5bf597abb7edf140438eb9c9ad5b12acb27f932ac42b4f
+  checksum: 10c0/c26a21cb5bf73f964e0c5e9843f58d4c6f4a786ddf25fe17e78619b9021fb46e65850e58bd9a22a79832dd8e68ab0dbfbe00f940251dfd730760c2d239ce21e1
   languageName: node
   linkType: hard
 
-"@rc-component/trigger@npm:^2.2.7":
-  version: 2.2.7
-  resolution: "@rc-component/trigger@npm:2.2.7"
+"@rc-component/input-number@npm:~1.6.2":
+  version: 1.6.2
+  resolution: "@rc-component/input-number@npm:1.6.2"
   dependencies:
-    "@babel/runtime": "npm:^7.23.2"
-    "@rc-component/portal": "npm:^1.1.0"
-    classnames: "npm:^2.3.2"
-    rc-motion: "npm:^2.0.0"
-    rc-resize-observer: "npm:^1.3.1"
-    rc-util: "npm:^5.44.0"
+    "@rc-component/mini-decimal": "npm:^1.0.1"
+    "@rc-component/util": "npm:^1.4.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/51e1b0d42503080dad2b3d6a27ddaf49c66b19638eeeb828f183270050cf39c3b50f466b774e2f7d15f07f4856a38aea4311eebe2ed9b93deebad80ff5cfe9ef
+  checksum: 10c0/322a585d9e1a86b4e775de27cd9cbad94f38c4d21d1848148eb12e6114e74e4de148414d3ac89e24d312a471d482d4d6259a528b22b3e2ca3c44ab230284ba8f
   languageName: node
   linkType: hard
 
-"@rsbuild/core@npm:1.4.3":
-  version: 1.4.3
-  resolution: "@rsbuild/core@npm:1.4.3"
+"@rc-component/input@npm:~1.1.0, @rc-component/input@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "@rc-component/input@npm:1.1.2"
   dependencies:
-    "@rspack/core": "npm:1.4.2"
-    "@rspack/lite-tapable": "npm:~1.0.1"
-    "@swc/helpers": "npm:^0.5.17"
-    core-js: "npm:~3.43.0"
-    jiti: "npm:^2.4.2"
-  bin:
-    rsbuild: bin/rsbuild.js
-  checksum: 10c0/9d9c2a88aaf237ac682acf7f3b2acda0769c344c522c11a01482758e825870dc3b8c95a66b333631951a2df213bc03eb432f7f4771687c48efba4cb30b3f8646
+    "@rc-component/util": "npm:^1.4.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.0.0"
+    react-dom: ">=16.0.0"
+  checksum: 10c0/9b404f72bc1b9fb65b9859d43641c1506639407601d7b3b80fce48d5fd9f1040407760de94e9e59779cb093700bdc30c0263e89e9eb9a8ba016030db83583f96
   languageName: node
   linkType: hard
 
-"@rsbuild/plugin-react@npm:1.3.3":
-  version: 1.3.3
-  resolution: "@rsbuild/plugin-react@npm:1.3.3"
+"@rc-component/mentions@npm:~1.6.0":
+  version: 1.6.0
+  resolution: "@rc-component/mentions@npm:1.6.0"
   dependencies:
-    "@rspack/plugin-react-refresh": "npm:~1.4.3"
-    react-refresh: "npm:^0.17.0"
+    "@rc-component/input": "npm:~1.1.0"
+    "@rc-component/menu": "npm:~1.2.0"
+    "@rc-component/textarea": "npm:~1.1.0"
+    "@rc-component/trigger": "npm:^3.0.0"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
-    "@rsbuild/core": 1.x
-  checksum: 10c0/5dc2d2c47bf62b297a8503a6158971d151859fd2c0e70831cde04c0b5b76d2b5f3a606050103c11888edcd32b4534e6cd5745fd09f5b919b1c63635af0f6a6ca
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/2ce347e553678dd28e9d78567a9e184ae303d01c836dfe5e1431d9b770d168702e2b260252f2cafe91acb29db8d5ef89083f423487f1f1fca42ef2c3888fc798
   languageName: node
   linkType: hard
 
-"@rsbuild/plugin-react@npm:^1.1.0":
-  version: 1.3.0
-  resolution: "@rsbuild/plugin-react@npm:1.3.0"
+"@rc-component/menu@npm:~1.2.0":
+  version: 1.2.0
+  resolution: "@rc-component/menu@npm:1.2.0"
   dependencies:
-    "@rspack/plugin-react-refresh": "npm:~1.4.1"
-    react-refresh: "npm:^0.17.0"
+    "@rc-component/motion": "npm:^1.1.4"
+    "@rc-component/overflow": "npm:^1.0.0"
+    "@rc-component/trigger": "npm:^3.0.0"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
-    "@rsbuild/core": 1.x
-  checksum: 10c0/b0ce8f03f3b986c4766e9d30560a2d70ee0ad01a8a311a1b6c76fec4d3f7ed10aa60ad618b8add65c22155fe4c7f4b5084bee70f5a78bf22030d477431c7f9d0
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/2c917f97e1fd145881c3a2ef1596e4b21d85f3826ea05bf1697a19e687ccc1192bca9eea7f7778bfaa7fc0ac1ccf51b6c80e99840d878559986ca0b84634b33b
   languageName: node
   linkType: hard
 
-"@rsbuild/plugin-svgr@npm:^1.2.0":
+"@rc-component/mini-decimal@npm:^1.0.1":
+  version: 1.1.0
+  resolution: "@rc-component/mini-decimal@npm:1.1.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.18.0"
+  checksum: 10c0/53a7ca71591bc03eba71ab844016df788e83c96c3c7c542710c3eeeae7f55340c88c4930d7a0b11ebe7f1cd9fc65cb5bc284f466fbe95589992dd9833edf6ddf
+  languageName: node
+  linkType: hard
+
+"@rc-component/motion@npm:^1.0.0, @rc-component/motion@npm:^1.1.3, @rc-component/motion@npm:^1.1.4":
   version: 1.2.0
-  resolution: "@rsbuild/plugin-svgr@npm:1.2.0"
+  resolution: "@rc-component/motion@npm:1.2.0"
   dependencies:
-    "@rsbuild/plugin-react": "npm:^1.1.0"
-    "@svgr/core": "npm:8.1.0"
-    "@svgr/plugin-jsx": "npm:8.1.0"
-    "@svgr/plugin-svgo": "npm:8.1.0"
-    deepmerge: "npm:^4.3.1"
-    loader-utils: "npm:^3.3.1"
+    "@rc-component/util": "npm:^1.2.0"
+    clsx: "npm:^2.1.1"
   peerDependencies:
-    "@rsbuild/core": 1.x
-  checksum: 10c0/b5bbda4018e64564ac29363f7979593a7cd18a497b8470c146e9c79c794f8d4d506ce9647a08ff643bbf081c6286ec2a3922fd0caf7225679df0a0aac3a17880
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/f94734cc4d9386ea3211c83c0fff95efcec396b568082dd1c90c40d6663dab2c83f31929644aa197fb84db3418c15703be9b57402a5f384e860c64dc9322a301
   languageName: node
   linkType: hard
 
-"@rspack/binding-darwin-arm64@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-darwin-arm64@npm:1.4.2"
-  conditions: os=darwin & cpu=arm64
+"@rc-component/motion@npm:~1.1.6":
+  version: 1.1.6
+  resolution: "@rc-component/motion@npm:1.1.6"
+  dependencies:
+    "@rc-component/util": "npm:^1.2.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/f4bf999d1f622784b609e3c900049b1d0664d22bf4b6af819c604152484a8a9266290d4db513704ea2c9ef18b006fb36abc91c06683a167e27f92ee410b32616
   languageName: node
   linkType: hard
 
-"@rspack/binding-darwin-x64@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-darwin-x64@npm:1.4.2"
-  conditions: os=darwin & cpu=x64
+"@rc-component/mutate-observer@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@rc-component/mutate-observer@npm:2.0.1"
+  dependencies:
+    "@rc-component/util": "npm:^1.2.0"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/45b63795a818eba95ca67dd28aacd9f535ef652919a13bed692d077a818e0365dbae6acf1bac83952905064767e6b1b176da998e52bc00d0a35f89fe866b6884
   languageName: node
   linkType: hard
 
-"@rspack/binding-linux-arm64-gnu@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-linux-arm64-gnu@npm:1.4.2"
-  conditions: os=linux & cpu=arm64 & libc=glibc
+"@rc-component/notification@npm:~1.2.0":
+  version: 1.2.0
+  resolution: "@rc-component/notification@npm:1.2.0"
+  dependencies:
+    "@rc-component/motion": "npm:^1.1.4"
+    "@rc-component/util": "npm:^1.2.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/1a4c0ab4502b57575ddfbfdc1ec8f5f12499b382d9570440b4ce559b631d793aba19dbc96f24b7b156cc32552c61928078c6453624c58491e0d01b43010808f0
   languageName: node
   linkType: hard
 
-"@rspack/binding-linux-arm64-musl@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-linux-arm64-musl@npm:1.4.2"
-  conditions: os=linux & cpu=arm64 & libc=musl
+"@rc-component/overflow@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@rc-component/overflow@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.11.1"
+    "@rc-component/resize-observer": "npm:^1.0.1"
+    "@rc-component/util": "npm:^1.4.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/33aafd6a44db18ac7507af0d3bdb82c7c3fefcfd292acdf6560d52e1d76557d23bcf2dbd32303c32bf02742d0b9acda4c24ff956ef9a5e8aa4ff051eda2ee477
   languageName: node
   linkType: hard
 
-"@rspack/binding-linux-x64-gnu@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-linux-x64-gnu@npm:1.4.2"
-  conditions: os=linux & cpu=x64 & libc=glibc
+"@rc-component/pagination@npm:~1.2.0":
+  version: 1.2.0
+  resolution: "@rc-component/pagination@npm:1.2.0"
+  dependencies:
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/62e3355837606ee00272eecf24621602c886649a04e34e0f2e207f0f1087a73d56836dcb2397ab0e3b447131a2fd6da8ca2166210c68042bd7e5f803372102fb
   languageName: node
   linkType: hard
 
-"@rspack/binding-linux-x64-musl@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-linux-x64-musl@npm:1.4.2"
-  conditions: os=linux & cpu=x64 & libc=musl
+"@rc-component/picker@npm:~1.9.0":
+  version: 1.9.0
+  resolution: "@rc-component/picker@npm:1.9.0"
+  dependencies:
+    "@rc-component/overflow": "npm:^1.0.0"
+    "@rc-component/resize-observer": "npm:^1.0.0"
+    "@rc-component/trigger": "npm:^3.6.15"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    date-fns: ">= 2.x"
+    dayjs: ">= 1.x"
+    luxon: ">= 3.x"
+    moment: ">= 2.x"
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  peerDependenciesMeta:
+    date-fns:
+      optional: true
+    dayjs:
+      optional: true
+    luxon:
+      optional: true
+    moment:
+      optional: true
+  checksum: 10c0/2f2f5bbe3b55db8d0153a0c04e7a83ded13f866f491179d2a0ffe13550aa4029157f2aeb7011bb30a989f162860ca1360813b55865f4e82da3583ec1c5e06e76
   languageName: node
   linkType: hard
 
-"@rspack/binding-wasm32-wasi@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-wasm32-wasi@npm:1.4.2"
+"@rc-component/portal@npm:^2.0.0, @rc-component/portal@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "@rc-component/portal@npm:2.2.0"
   dependencies:
-    "@napi-rs/wasm-runtime": "npm:^0.2.11"
-  conditions: cpu=wasm32
+    "@rc-component/util": "npm:^1.2.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/5b6441536b4b6a2f7390b8f4ea101fa78ef483564a7ac533c146dac896cbdd27665be6314c92366d0750720fe163bf9fc37db789ef4c879772cfb965fd4f6901
   languageName: node
   linkType: hard
 
-"@rspack/binding-win32-arm64-msvc@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-win32-arm64-msvc@npm:1.4.2"
-  conditions: os=win32 & cpu=arm64
+"@rc-component/progress@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "@rc-component/progress@npm:1.0.2"
+  dependencies:
+    "@rc-component/util": "npm:^1.2.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/2148f75bd0f4ad8431669a91acd7e4d69566387e315860e4b83a6ff1b85271703540a4050c03815c857825c25a4fcd6ab0f8ed78071c96513cb784efbb385483
   languageName: node
   linkType: hard
 
-"@rspack/binding-win32-ia32-msvc@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-win32-ia32-msvc@npm:1.4.2"
-  conditions: os=win32 & cpu=ia32
+"@rc-component/qrcode@npm:~1.1.1":
+  version: 1.1.1
+  resolution: "@rc-component/qrcode@npm:1.1.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.24.7"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/8b7f38b2f1b319322a7b1b75ce2766789035cdf61d31ee45d0ca9e3570ee7345760c9fc1d51bb9ff9c65d8d7a823d90abd31b1ff4f207480c54ed04479fb8b25
   languageName: node
   linkType: hard
 
-"@rspack/binding-win32-x64-msvc@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding-win32-x64-msvc@npm:1.4.2"
-  conditions: os=win32 & cpu=x64
+"@rc-component/rate@npm:~1.0.1":
+  version: 1.0.1
+  resolution: "@rc-component/rate@npm:1.0.1"
+  dependencies:
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/34eba661e6d54286f8ef1934ccbab2d7a6269b26249f84393b77206151706c6cc56001a497a841abcc1ed1221f86134e4b7fd34f216287ef46e50869fdd9d99d
   languageName: node
   linkType: hard
 
-"@rspack/binding@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/binding@npm:1.4.2"
-  dependencies:
-    "@rspack/binding-darwin-arm64": "npm:1.4.2"
-    "@rspack/binding-darwin-x64": "npm:1.4.2"
-    "@rspack/binding-linux-arm64-gnu": "npm:1.4.2"
-    "@rspack/binding-linux-arm64-musl": "npm:1.4.2"
-    "@rspack/binding-linux-x64-gnu": "npm:1.4.2"
-    "@rspack/binding-linux-x64-musl": "npm:1.4.2"
-    "@rspack/binding-wasm32-wasi": "npm:1.4.2"
-    "@rspack/binding-win32-arm64-msvc": "npm:1.4.2"
-    "@rspack/binding-win32-ia32-msvc": "npm:1.4.2"
-    "@rspack/binding-win32-x64-msvc": "npm:1.4.2"
-  dependenciesMeta:
-    "@rspack/binding-darwin-arm64":
-      optional: true
+"@rc-component/resize-observer@npm:^1.0.0, @rc-component/resize-observer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@rc-component/resize-observer@npm:1.0.1"
+  dependencies:
+    "@rc-component/util": "npm:^1.2.0"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/5053d413ffa65badd3f2d06c54dc47db67d8b573d589bfce90d5474d32b1d80bb05b73809a26f771ed94a6a29e02754fa177c67e000d3126d10e41e98965c61b
+  languageName: node
+  linkType: hard
+
+"@rc-component/segmented@npm:~1.3.0":
+  version: 1.3.0
+  resolution: "@rc-component/segmented@npm:1.3.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.11.1"
+    "@rc-component/motion": "npm:^1.1.4"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.0.0"
+    react-dom: ">=16.0.0"
+  checksum: 10c0/ef76db98618700439673670c4b6ea00a822e02c4e90ea6781b9f626ba5acbae861b2a7c8acc4985d8b5171fbe8bf4d81b31387bc26f3453f999e2d8348d7e792
+  languageName: node
+  linkType: hard
+
+"@rc-component/select@npm:~1.5.0":
+  version: 1.5.0
+  resolution: "@rc-component/select@npm:1.5.0"
+  dependencies:
+    "@rc-component/overflow": "npm:^1.0.0"
+    "@rc-component/trigger": "npm:^3.0.0"
+    "@rc-component/util": "npm:^1.3.0"
+    "@rc-component/virtual-list": "npm:^1.0.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 10c0/4ea975fa681e0a92299619e3c6e9ca3f3d7566c6da0ff0162c609f84962696cef974cc7fddc9af4e22b78a1792b3aa91adec64b70c8b0a6c492d13ca681f1aca
+  languageName: node
+  linkType: hard
+
+"@rc-component/slider@npm:~1.0.1":
+  version: 1.0.1
+  resolution: "@rc-component/slider@npm:1.0.1"
+  dependencies:
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/bec0af4f8ce67de70da132465e66e246c3c7b532ee4c67f166b07d9556372062ce5d624402e8cb337727662b55bec8ca3dd5e095be58be1f5f12e7c7feef2426
+  languageName: node
+  linkType: hard
+
+"@rc-component/steps@npm:~1.2.2":
+  version: 1.2.2
+  resolution: "@rc-component/steps@npm:1.2.2"
+  dependencies:
+    "@rc-component/util": "npm:^1.2.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/6910ab1a7bccd91a12d5a839a012599389b6e4be71637280200913e160a2f12be1bf8b7c211f3ce9f02d7791677225178b5012e309c00f9f45471c33b052d302
+  languageName: node
+  linkType: hard
+
+"@rc-component/switch@npm:~1.0.3":
+  version: 1.0.3
+  resolution: "@rc-component/switch@npm:1.0.3"
+  dependencies:
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/6ef1746f056d63bae06a00fa09a4c437539f7e60821c479722dc9800a327564b5e749d7f5d3874236d9424e4eb56ddee4561b56f0ce8d1417d431e710b9789f9
+  languageName: node
+  linkType: hard
+
+"@rc-component/table@npm:~1.9.1":
+  version: 1.9.1
+  resolution: "@rc-component/table@npm:1.9.1"
+  dependencies:
+    "@rc-component/context": "npm:^2.0.1"
+    "@rc-component/resize-observer": "npm:^1.0.0"
+    "@rc-component/util": "npm:^1.1.0"
+    "@rc-component/virtual-list": "npm:^1.0.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/1cd9d2fd543c3103cbfc665ad56139dbfed79c4165ee9c970150b3be8476dc4fb5eabe74258935a0723b647e18ce69cd40ab7716482e126b8549ae39ea5d1cc6
+  languageName: node
+  linkType: hard
+
+"@rc-component/tabs@npm:~1.7.0":
+  version: 1.7.0
+  resolution: "@rc-component/tabs@npm:1.7.0"
+  dependencies:
+    "@rc-component/dropdown": "npm:~1.0.0"
+    "@rc-component/menu": "npm:~1.2.0"
+    "@rc-component/motion": "npm:^1.1.3"
+    "@rc-component/resize-observer": "npm:^1.0.0"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/f8b5262b6c82eb577b40e6fd7b73dedf3930e3edd2341711c295d9c683a2990a56bb94851791901f91f10ac91d9820a58f4c27afd3a91c3d96f32463a2d293e6
+  languageName: node
+  linkType: hard
+
+"@rc-component/textarea@npm:~1.1.0, @rc-component/textarea@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "@rc-component/textarea@npm:1.1.2"
+  dependencies:
+    "@rc-component/input": "npm:~1.1.0"
+    "@rc-component/resize-observer": "npm:^1.0.0"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/fa99c84798f9153608387b2dbc1062bba5b470378bef6caaa07ee07627f2ba229b2c7256dce0407464ed19f6f522d03c865f922aed3c18531f8f159c008725a5
+  languageName: node
+  linkType: hard
+
+"@rc-component/tooltip@npm:~1.4.0":
+  version: 1.4.0
+  resolution: "@rc-component/tooltip@npm:1.4.0"
+  dependencies:
+    "@rc-component/trigger": "npm:^3.7.1"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/219019822fbbec7c1920285fa784df936b0abd54cc66fe1927b90023c750f2fd3693e0ebc75201b469b68c14e4a95a94ed53f3cfb1606b9a165dedbe35e11f88
+  languageName: node
+  linkType: hard
+
+"@rc-component/tour@npm:~2.2.1":
+  version: 2.2.1
+  resolution: "@rc-component/tour@npm:2.2.1"
+  dependencies:
+    "@rc-component/portal": "npm:^2.0.0"
+    "@rc-component/trigger": "npm:^3.0.0"
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/655454c6f4047a654c28ca6c1236b6e8156a3ccef0e1fd6fe6f17504b2159a76558b6ded2d077dbd82df058baeabe1c9b34b8be490d62b48013e30f4f843006b
+  languageName: node
+  linkType: hard
+
+"@rc-component/tree-select@npm:~1.6.0":
+  version: 1.6.0
+  resolution: "@rc-component/tree-select@npm:1.6.0"
+  dependencies:
+    "@rc-component/select": "npm:~1.5.0"
+    "@rc-component/tree": "npm:~1.1.0"
+    "@rc-component/util": "npm:^1.4.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 10c0/852a635b8220409fde15c3a83da5da4616c324c697b411cf9d04ce88fa277d509236bec9d1232562e9f9757993179cb295530f48bc43e1735404e8d7d0b80cee
+  languageName: node
+  linkType: hard
+
+"@rc-component/tree@npm:~1.1.0":
+  version: 1.1.0
+  resolution: "@rc-component/tree@npm:1.1.0"
+  dependencies:
+    "@rc-component/motion": "npm:^1.0.0"
+    "@rc-component/util": "npm:^1.2.1"
+    "@rc-component/virtual-list": "npm:^1.0.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 10c0/320ae4adbdecd2cc367561455d63e55d8dbb5f98d60dedec87fb0c8ffe2ede45b7fbfb0670db2812ab244138929550a8982fce2aacaa00641eb5969c14f34af2
+  languageName: node
+  linkType: hard
+
+"@rc-component/trigger@npm:^3.0.0, @rc-component/trigger@npm:^3.6.15, @rc-component/trigger@npm:^3.7.1, @rc-component/trigger@npm:^3.8.1":
+  version: 3.8.1
+  resolution: "@rc-component/trigger@npm:3.8.1"
+  dependencies:
+    "@rc-component/motion": "npm:^1.1.4"
+    "@rc-component/portal": "npm:^2.2.0"
+    "@rc-component/resize-observer": "npm:^1.0.0"
+    "@rc-component/util": "npm:^1.2.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/823e92547985edef8436ee6a71631b1932f1de991e9eac079d51ee6fad1defe9f7a55a2a9d7eb5395edd200073e17e0c9040352aaef2757d484e931c1a966c9b
+  languageName: node
+  linkType: hard
+
+"@rc-component/upload@npm:~1.1.0":
+  version: 1.1.0
+  resolution: "@rc-component/upload@npm:1.1.0"
+  dependencies:
+    "@rc-component/util": "npm:^1.3.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/964fc114b8248d3915be8a4952b2f0130a0059c91eda20be1e52cb8cfe71cc68bc47bb515807a477241d4896e46205d8cb73ee1790e500206d08dd8fdfa693a2
+  languageName: node
+  linkType: hard
+
+"@rc-component/util@npm:^1.0.1, @rc-component/util@npm:^1.1.0, @rc-component/util@npm:^1.2.0, @rc-component/util@npm:^1.2.1, @rc-component/util@npm:^1.3.0, @rc-component/util@npm:^1.4.0, @rc-component/util@npm:^1.6.2, @rc-component/util@npm:^1.7.0":
+  version: 1.7.0
+  resolution: "@rc-component/util@npm:1.7.0"
+  dependencies:
+    is-mobile: "npm:^5.0.0"
+    react-is: "npm:^18.2.0"
+  peerDependencies:
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/71ab8c9f321be160cd55aa2f02bacf4a62b2d41b63d297b87dc73af3d7cc7c7716bcaa304cb03f443794411990e3a17aa455aef21d557f52aa5609d985474de5
+  languageName: node
+  linkType: hard
+
+"@rc-component/virtual-list@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "@rc-component/virtual-list@npm:1.0.2"
+  dependencies:
+    "@babel/runtime": "npm:^7.20.0"
+    "@rc-component/resize-observer": "npm:^1.0.1"
+    "@rc-component/util": "npm:^1.4.0"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/86aabc4ecd2f6c556def36b690f89fd1fb28a45e03576e999ed1e06a65e9fe11a20094d87356731f25a6b8279b530aaf6c58b27669337e442515ec83153f50fd
+  languageName: node
+  linkType: hard
+
+"@rsbuild/core@npm:1.7.2":
+  version: 1.7.2
+  resolution: "@rsbuild/core@npm:1.7.2"
+  dependencies:
+    "@rspack/core": "npm:~1.7.1"
+    "@rspack/lite-tapable": "npm:~1.1.0"
+    "@swc/helpers": "npm:^0.5.18"
+    core-js: "npm:~3.47.0"
+    jiti: "npm:^2.6.1"
+  bin:
+    rsbuild: bin/rsbuild.js
+  checksum: 10c0/fcedc7ac9aac793883484d532b8f753e7b9d11e95812ba260b8fe7ebb9517309dd472b226701b7d36805e862ed701ed02bd2b346364eaef9f7b03f3039053225
+  languageName: node
+  linkType: hard
+
+"@rsbuild/plugin-react@npm:1.4.2":
+  version: 1.4.2
+  resolution: "@rsbuild/plugin-react@npm:1.4.2"
+  dependencies:
+    "@rspack/plugin-react-refresh": "npm:^1.5.2"
+    react-refresh: "npm:^0.18.0"
+  peerDependencies:
+    "@rsbuild/core": 1.x
+  checksum: 10c0/795de7ee04d96aa976102d7a64b3888cca1285fe58d1ec688cf8a7b577aee0334e246ddacbbc2ceff8cedf8f219338a1271a0ffec4334c146dbadfa213daf6ff
+  languageName: node
+  linkType: hard
+
+"@rsbuild/plugin-react@npm:^1.1.0":
+  version: 1.3.0
+  resolution: "@rsbuild/plugin-react@npm:1.3.0"
+  dependencies:
+    "@rspack/plugin-react-refresh": "npm:~1.4.1"
+    react-refresh: "npm:^0.17.0"
+  peerDependencies:
+    "@rsbuild/core": 1.x
+  checksum: 10c0/b0ce8f03f3b986c4766e9d30560a2d70ee0ad01a8a311a1b6c76fec4d3f7ed10aa60ad618b8add65c22155fe4c7f4b5084bee70f5a78bf22030d477431c7f9d0
+  languageName: node
+  linkType: hard
+
+"@rsbuild/plugin-svgr@npm:^1.2.3":
+  version: 1.2.3
+  resolution: "@rsbuild/plugin-svgr@npm:1.2.3"
+  dependencies:
+    "@rsbuild/plugin-react": "npm:^1.1.0"
+    "@svgr/core": "npm:8.1.0"
+    "@svgr/plugin-jsx": "npm:8.1.0"
+    "@svgr/plugin-svgo": "npm:8.1.0"
+    deepmerge: "npm:^4.3.1"
+    loader-utils: "npm:^3.3.1"
+  peerDependencies:
+    "@rsbuild/core": 1.x
+  checksum: 10c0/90398cceaf9e0a7c9351463ec203c0bbb7ef52f550417ce2243794854e6c77c6d038079d16f969b72962f5045d3f655de262e2b319c97a9617703271b30e25bf
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-darwin-arm64@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-darwin-arm64@npm:1.7.1"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-darwin-x64@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-darwin-x64@npm:1.7.1"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-linux-arm64-gnu@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-linux-arm64-gnu@npm:1.7.1"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-linux-arm64-musl@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-linux-arm64-musl@npm:1.7.1"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-linux-x64-gnu@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-linux-x64-gnu@npm:1.7.1"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-linux-x64-musl@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-linux-x64-musl@npm:1.7.1"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-wasm32-wasi@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-wasm32-wasi@npm:1.7.1"
+  dependencies:
+    "@napi-rs/wasm-runtime": "npm:1.0.7"
+  conditions: cpu=wasm32
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-win32-arm64-msvc@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-win32-arm64-msvc@npm:1.7.1"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-win32-ia32-msvc@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-win32-ia32-msvc@npm:1.7.1"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@rspack/binding-win32-x64-msvc@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding-win32-x64-msvc@npm:1.7.1"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@rspack/binding@npm:1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/binding@npm:1.7.1"
+  dependencies:
+    "@rspack/binding-darwin-arm64": "npm:1.7.1"
+    "@rspack/binding-darwin-x64": "npm:1.7.1"
+    "@rspack/binding-linux-arm64-gnu": "npm:1.7.1"
+    "@rspack/binding-linux-arm64-musl": "npm:1.7.1"
+    "@rspack/binding-linux-x64-gnu": "npm:1.7.1"
+    "@rspack/binding-linux-x64-musl": "npm:1.7.1"
+    "@rspack/binding-wasm32-wasi": "npm:1.7.1"
+    "@rspack/binding-win32-arm64-msvc": "npm:1.7.1"
+    "@rspack/binding-win32-ia32-msvc": "npm:1.7.1"
+    "@rspack/binding-win32-x64-msvc": "npm:1.7.1"
+  dependenciesMeta:
+    "@rspack/binding-darwin-arm64":
+      optional: true
     "@rspack/binding-darwin-x64":
       optional: true
     "@rspack/binding-linux-arm64-gnu":
@@ -1059,36 +1490,36 @@ __metadata:
       optional: true
     "@rspack/binding-win32-x64-msvc":
       optional: true
-  checksum: 10c0/9a35d7337b750cebfda9b08cf858e32a45ab9a974bb4716829bcc494158d88079b1c65087c08a8307e5275edebe18f6c8d9b6346c82e71f4c6f69566f5100fc0
+  checksum: 10c0/e356aef5a9bcc97a8696cf45ca6c4e6edde53a660290e745f8cac6d2e0d9928f92d4184c38bd917654028ffc6363af5c7a141ea772a0568c49955a24a85cd75c
   languageName: node
   linkType: hard
 
-"@rspack/core@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rspack/core@npm:1.4.2"
+"@rspack/core@npm:~1.7.1":
+  version: 1.7.1
+  resolution: "@rspack/core@npm:1.7.1"
   dependencies:
-    "@module-federation/runtime-tools": "npm:0.15.0"
-    "@rspack/binding": "npm:1.4.2"
-    "@rspack/lite-tapable": "npm:1.0.1"
+    "@module-federation/runtime-tools": "npm:0.22.0"
+    "@rspack/binding": "npm:1.7.1"
+    "@rspack/lite-tapable": "npm:1.1.0"
   peerDependencies:
     "@swc/helpers": ">=0.5.1"
   peerDependenciesMeta:
     "@swc/helpers":
       optional: true
-  checksum: 10c0/b662688528734204f3c906aa1a6d09fc3105ada77444d16c6711e6c9729edca8abb73c7a0143f017fa15c49039fb909d1e6efe6acdf67c850f2b08e993ba4565
+  checksum: 10c0/d5616a180751b466b6bcb4b2f9de9ce803d68341bc8c452e52a35e2ddde31d725f973167c1e1e9dabfe52c33e614dd353ff0b499896dae7f6949259e8bbb7dfc
   languageName: node
   linkType: hard
 
-"@rspack/lite-tapable@npm:1.0.1, @rspack/lite-tapable@npm:~1.0.1":
-  version: 1.0.1
-  resolution: "@rspack/lite-tapable@npm:1.0.1"
-  checksum: 10c0/90bb1bc414dc51ea2d0933e09f78d25584f3f50a85f4cb8228930bd29e5931bf55eff4f348a06c51dd3149fc73b8ae3920bf0ae5ae8a0c9fe1d9b404e6ecf5b7
+"@rspack/lite-tapable@npm:1.1.0, @rspack/lite-tapable@npm:~1.1.0":
+  version: 1.1.0
+  resolution: "@rspack/lite-tapable@npm:1.1.0"
+  checksum: 10c0/15059d1da73192b150339ceba3142a2d0073fa298dad9a497cc8c6037c597c3a982ed4c88dc50afa7b70d0757df1b47af7ae407cfe8acd31d333d524b84a7a4b
   languageName: node
   linkType: hard
 
-"@rspack/plugin-react-refresh@npm:~1.4.1":
-  version: 1.4.1
-  resolution: "@rspack/plugin-react-refresh@npm:1.4.1"
+"@rspack/plugin-react-refresh@npm:^1.5.2":
+  version: 1.6.0
+  resolution: "@rspack/plugin-react-refresh@npm:1.6.0"
   dependencies:
     error-stack-parser: "npm:^2.1.4"
     html-entities: "npm:^2.6.0"
@@ -1098,13 +1529,13 @@ __metadata:
   peerDependenciesMeta:
     webpack-hot-middleware:
       optional: true
-  checksum: 10c0/d2e38ee73f8c2e536100946ca3bf5260f47edf545e6b4de191914cc5d8f970d564a96cb86ab44cd1d2508df4a5ab801868e9c1d6d2f85a448969b86a53dbe6ab
+  checksum: 10c0/21d28d463af1c9e2a76103dbeab38677d7b9154470516fa1bc02255bd97857863c031ba0401ef2cdd2f02e70221923f4851c81eb5a3f7a2ae5324cce2e48dc76
   languageName: node
   linkType: hard
 
-"@rspack/plugin-react-refresh@npm:~1.4.3":
-  version: 1.4.3
-  resolution: "@rspack/plugin-react-refresh@npm:1.4.3"
+"@rspack/plugin-react-refresh@npm:~1.4.1":
+  version: 1.4.1
+  resolution: "@rspack/plugin-react-refresh@npm:1.4.1"
   dependencies:
     error-stack-parser: "npm:^2.1.4"
     html-entities: "npm:^2.6.0"
@@ -1114,7 +1545,14 @@ __metadata:
   peerDependenciesMeta:
     webpack-hot-middleware:
       optional: true
-  checksum: 10c0/83547920b61ac1cdad10545b60f6eee01adf7a935d46f962bc79e37ca4063256bb72137361ce63023b282b05b6c686790e5bf175c5bf8f0138d5a303d7c099ea
+  checksum: 10c0/d2e38ee73f8c2e536100946ca3bf5260f47edf545e6b4de191914cc5d8f970d564a96cb86ab44cd1d2508df4a5ab801868e9c1d6d2f85a448969b86a53dbe6ab
+  languageName: node
+  linkType: hard
+
+"@standard-schema/spec@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@standard-schema/spec@npm:1.0.0"
+  checksum: 10c0/a1ab9a8bdc09b5b47aa8365d0e0ec40cc2df6437be02853696a0e377321653b0d3ac6f079a8c67d5ddbe9821025584b1fb71d9cc041a6666a96f1fadf2ece15f
   languageName: node
   linkType: hard
 
@@ -1258,59 +1696,59 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/helpers@npm:^0.5.17":
-  version: 0.5.17
-  resolution: "@swc/helpers@npm:0.5.17"
+"@swc/helpers@npm:^0.5.18":
+  version: 0.5.18
+  resolution: "@swc/helpers@npm:0.5.18"
   dependencies:
     tslib: "npm:^2.8.0"
-  checksum: 10c0/fe1f33ebb968558c5a0c595e54f2e479e4609bff844f9ca9a2d1ffd8dd8504c26f862a11b031f48f75c95b0381c2966c3dd156e25942f90089badd24341e7dbb
+  checksum: 10c0/cb32d72e32f775c30287bffbcf61c89ea3a963608cb3a4a675a3f9af545b8b3ab0bc9930432a5520a7307daaa87538158e253584ae1cf39f3e7e6e83408a2d51
   languageName: node
   linkType: hard
 
-"@tabler/icons-react@npm:^3.34.0":
-  version: 3.34.0
-  resolution: "@tabler/icons-react@npm:3.34.0"
+"@tabler/icons-react@npm:^3.36.1":
+  version: 3.36.1
+  resolution: "@tabler/icons-react@npm:3.36.1"
   dependencies:
-    "@tabler/icons": "npm:3.34.0"
+    "@tabler/icons": "npm:"
   peerDependencies:
     react: ">= 16"
-  checksum: 10c0/b2d094c6ae02fc157d9a059e06c65b1dd49a96c7fc77a57bc9acf289899df66504bcab533e7a22d9ec3ca7c3952176c6c916e84aff827b24d2c69ecc7bfc737d
+  checksum: 10c0/325dd0c7a780ec4713a93790b15517dc176af5778c36c49e1fe586113040d2e71330aa85aa9f5900cbae0fe0b78f69016ba73b4b490783c9b7292215f29c686a
   languageName: node
   linkType: hard
 
-"@tabler/icons@npm:3.34.0":
-  version: 3.34.0
-  resolution: "@tabler/icons@npm:3.34.0"
-  checksum: 10c0/7b4bb937e051ece9258ab4321363f284a4c1d53fbe0211c6976bff41d0ca031e8196156595bb30fa2bfb963f1771814d1438aa01a4422df9a6e21a46ebe6cc9b
+"@tabler/icons@npm:":
+  version: 3.36.1
+  resolution: "@tabler/icons@npm:3.36.1"
+  checksum: 10c0/3201b3ccace5756ba9e840ece3922718165b820f760b7bc01bcab21bf7d6fed5da6e876ea9e1155ed498d8eb008e3ac3308b270c402d744014dafad20d99534c
   languageName: node
   linkType: hard
 
-"@tailwindcss/forms@npm:^0.5.10":
-  version: 0.5.10
-  resolution: "@tailwindcss/forms@npm:0.5.10"
+"@tailwindcss/forms@npm:^0.5.11":
+  version: 0.5.11
+  resolution: "@tailwindcss/forms@npm:0.5.11"
   dependencies:
     mini-svg-data-uri: "npm:^1.2.3"
   peerDependencies:
     tailwindcss: ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1"
-  checksum: 10c0/235cbf08edf09362418808ebddcc767c9e151fba55f3d7d2d5c47862c715b6169204b9277461036707b4c30f3fb1e217933278f80525840e198f8e7dd9168e0d
+  checksum: 10c0/6bf5679384ffbcc5ac0b331127bb5b2f058a49d80f660f4af0b1cbcffe2b0b829f83ea66aabd580ca21168a6b8f021dc6d19816a71c84416660dbbb1197c0f9c
   languageName: node
   linkType: hard
 
-"@tanstack/query-core@npm:5.81.5":
-  version: 5.81.5
-  resolution: "@tanstack/query-core@npm:5.81.5"
-  checksum: 10c0/8d3af841f0e2f3fba1dfd100a8bbc2d07e7b1d5b8570d3d0d8bba5127601c2788e5f7c84839f93f3b0cbe54f14866c1fef8e3f9e745f02d27afaaeea33b7b755
+"@tanstack/query-core@npm:5.90.16":
+  version: 5.90.16
+  resolution: "@tanstack/query-core@npm:5.90.16"
+  checksum: 10c0/f6a4827feeed2b4118323056bbda8d5099823202d1f29b538204ae2591be4e80f2946f3311eed30fefe866643f431c04b560457f03415d40caf2f353ba1efac0
   languageName: node
   linkType: hard
 
-"@tanstack/react-query@npm:^5.81.5":
-  version: 5.81.5
-  resolution: "@tanstack/react-query@npm:5.81.5"
+"@tanstack/react-query@npm:^5.90.16":
+  version: 5.90.16
+  resolution: "@tanstack/react-query@npm:5.90.16"
   dependencies:
-    "@tanstack/query-core": "npm:5.81.5"
+    "@tanstack/query-core": "npm:5.90.16"
   peerDependencies:
     react: ^18 || ^19
-  checksum: 10c0/04803dd7d7d6ac73ba8c55bb25d76aa2f74d173d1574a113c35559bf6a8ac7d04a75db5e470e9a2e4132fee5e0ce1ab23bd8c27d17f70a461aca0e7ae740e76b
+  checksum: 10c0/03bd2aa23187003b45dc3d4b465a68f19806369283487a004acd6dd2ad8ba1fa0ec343da616cb1c43c342609202d0776fee68867246caa5ad6915f090539c168
   languageName: node
   linkType: hard
 
@@ -1321,46 +1759,46 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tybys/wasm-util@npm:^0.9.0":
-  version: 0.9.0
-  resolution: "@tybys/wasm-util@npm:0.9.0"
+"@tybys/wasm-util@npm:^0.10.1":
+  version: 0.10.1
+  resolution: "@tybys/wasm-util@npm:0.10.1"
   dependencies:
     tslib: "npm:^2.4.0"
-  checksum: 10c0/f9fde5c554455019f33af6c8215f1a1435028803dc2a2825b077d812bed4209a1a64444a4ca0ce2ea7e1175c8d88e2f9173a36a33c199e8a5c671aa31de8242d
+  checksum: 10c0/b255094f293794c6d2289300c5fbcafbb5532a3aed3a5ffd2f8dc1828e639b88d75f6a376dd8f94347a44813fd7a7149d8463477a9a49525c8b2dcaa38c2d1e8
   languageName: node
   linkType: hard
 
-"@types/lodash@npm:^4.17.20":
-  version: 4.17.20
-  resolution: "@types/lodash@npm:4.17.20"
-  checksum: 10c0/98cdd0faae22cbb8079a01a3bb65aa8f8c41143367486c1cbf5adc83f16c9272a2a5d2c1f541f61d0d73da543c16ee1d21cf2ef86cb93cd0cc0ac3bced6dd88f
+"@types/lodash@npm:^4.17.23":
+  version: 4.17.23
+  resolution: "@types/lodash@npm:4.17.23"
+  checksum: 10c0/9d9cbfb684e064a2b78aab9e220d398c9c2a7d36bc51a07b184ff382fa043a99b3d00c16c7f109b4eb8614118f4869678dbae7d5c6700ed16fb9340e26cc0bf6
   languageName: node
   linkType: hard
 
-"@types/node@npm:^22.16.0":
-  version: 22.16.0
-  resolution: "@types/node@npm:22.16.0"
+"@types/node@npm:^22.19.5":
+  version: 22.19.5
+  resolution: "@types/node@npm:22.19.5"
   dependencies:
     undici-types: "npm:~6.21.0"
-  checksum: 10c0/6219b521062f6c38d4d85ebd25807bd7f2bc703a5acba24e2c6716938d9d6cefd6fafd7b5156f61580eb58a0d82e8921751b778655675389631d813e5f261c03
+  checksum: 10c0/753c86850d2e3d9a7ccaa2569d565ab20d9a69389871e45283f71035c62fed649511aee7e05da8209b41e15438085c43b533d01e9ed3bb2e9dbd570aef732354
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:^19.1.6":
-  version: 19.1.6
-  resolution: "@types/react-dom@npm:19.1.6"
+"@types/react-dom@npm:^19.2.3":
+  version: 19.2.3
+  resolution: "@types/react-dom@npm:19.2.3"
   peerDependencies:
-    "@types/react": ^19.0.0
-  checksum: 10c0/7ba74eee2919e3f225e898b65fdaa16e54952aaf9e3472a080ddc82ca54585e46e60b3c52018d21d4b7053f09d27b8293e9f468b85f9932ff452cd290cc131e8
+    "@types/react": ^19.2.0
+  checksum: 10c0/b486ebe0f4e2fb35e2e108df1d8fc0927ca5d6002d5771e8a739de11239fe62d0e207c50886185253c99eb9dedfeeb956ea7429e5ba17f6693c7acb4c02f8cd1
   languageName: node
   linkType: hard
 
-"@types/react@npm:^19.1.8":
-  version: 19.1.8
-  resolution: "@types/react@npm:19.1.8"
+"@types/react@npm:^19.2.8":
+  version: 19.2.8
+  resolution: "@types/react@npm:19.2.8"
   dependencies:
-    csstype: "npm:^3.0.2"
-  checksum: 10c0/4908772be6dc941df276931efeb0e781777fa76e4d5d12ff9f75eb2dcc2db3065e0100efde16fde562c5bafa310cc8f50c1ee40a22640459e066e72cd342143e
+    csstype: "npm:^3.2.2"
+  checksum: 10c0/832834998c4ee971fca72ecf1eb95dc924ad3931a2112c687a4dae498aabd115c5fa4db09186853e34a646226b0223808c8f867df03d17601168f9cf119448de
   languageName: node
   linkType: hard
 
@@ -1436,63 +1874,62 @@ __metadata:
   languageName: node
   linkType: hard
 
-"antd@npm:^5.26.3":
-  version: 5.26.3
-  resolution: "antd@npm:5.26.3"
-  dependencies:
-    "@ant-design/colors": "npm:^7.2.1"
-    "@ant-design/cssinjs": "npm:^1.23.0"
-    "@ant-design/cssinjs-utils": "npm:^1.1.3"
-    "@ant-design/fast-color": "npm:^2.0.6"
-    "@ant-design/icons": "npm:^5.6.1"
-    "@ant-design/react-slick": "npm:~1.1.2"
-    "@babel/runtime": "npm:^7.26.0"
-    "@rc-component/color-picker": "npm:~2.0.1"
-    "@rc-component/mutate-observer": "npm:^1.1.0"
-    "@rc-component/qrcode": "npm:~1.0.0"
-    "@rc-component/tour": "npm:~1.15.1"
-    "@rc-component/trigger": "npm:^2.2.7"
-    classnames: "npm:^2.5.1"
-    copy-to-clipboard: "npm:^3.3.3"
+"antd@npm:^6.1.4":
+  version: 6.1.4
+  resolution: "antd@npm:6.1.4"
+  dependencies:
+    "@ant-design/colors": "npm:^8.0.0"
+    "@ant-design/cssinjs": "npm:^2.0.1"
+    "@ant-design/cssinjs-utils": "npm:^2.0.2"
+    "@ant-design/fast-color": "npm:^3.0.0"
+    "@ant-design/icons": "npm:^6.1.0"
+    "@ant-design/react-slick": "npm:~2.0.0"
+    "@babel/runtime": "npm:^7.28.4"
+    "@rc-component/cascader": "npm:~1.11.0"
+    "@rc-component/checkbox": "npm:~1.0.1"
+    "@rc-component/collapse": "npm:~1.1.2"
+    "@rc-component/color-picker": "npm:~3.0.3"
+    "@rc-component/dialog": "npm:~1.5.1"
+    "@rc-component/drawer": "npm:~1.3.0"
+    "@rc-component/dropdown": "npm:~1.0.2"
+    "@rc-component/form": "npm:~1.6.0"
+    "@rc-component/image": "npm:~1.5.3"
+    "@rc-component/input": "npm:~1.1.2"
+    "@rc-component/input-number": "npm:~1.6.2"
+    "@rc-component/mentions": "npm:~1.6.0"
+    "@rc-component/menu": "npm:~1.2.0"
+    "@rc-component/motion": "npm:~1.1.6"
+    "@rc-component/mutate-observer": "npm:^2.0.1"
+    "@rc-component/notification": "npm:~1.2.0"
+    "@rc-component/pagination": "npm:~1.2.0"
+    "@rc-component/picker": "npm:~1.9.0"
+    "@rc-component/progress": "npm:~1.0.2"
+    "@rc-component/qrcode": "npm:~1.1.1"
+    "@rc-component/rate": "npm:~1.0.1"
+    "@rc-component/resize-observer": "npm:^1.0.1"
+    "@rc-component/segmented": "npm:~1.3.0"
+    "@rc-component/select": "npm:~1.5.0"
+    "@rc-component/slider": "npm:~1.0.1"
+    "@rc-component/steps": "npm:~1.2.2"
+    "@rc-component/switch": "npm:~1.0.3"
+    "@rc-component/table": "npm:~1.9.1"
+    "@rc-component/tabs": "npm:~1.7.0"
+    "@rc-component/textarea": "npm:~1.1.2"
+    "@rc-component/tooltip": "npm:~1.4.0"
+    "@rc-component/tour": "npm:~2.2.1"
+    "@rc-component/tree": "npm:~1.1.0"
+    "@rc-component/tree-select": "npm:~1.6.0"
+    "@rc-component/trigger": "npm:^3.8.1"
+    "@rc-component/upload": "npm:~1.1.0"
+    "@rc-component/util": "npm:^1.7.0"
+    clsx: "npm:^2.1.1"
     dayjs: "npm:^1.11.11"
-    rc-cascader: "npm:~3.34.0"
-    rc-checkbox: "npm:~3.5.0"
-    rc-collapse: "npm:~3.9.0"
-    rc-dialog: "npm:~9.6.0"
-    rc-drawer: "npm:~7.3.0"
-    rc-dropdown: "npm:~4.2.1"
-    rc-field-form: "npm:~2.7.0"
-    rc-image: "npm:~7.12.0"
-    rc-input: "npm:~1.8.0"
-    rc-input-number: "npm:~9.5.0"
-    rc-mentions: "npm:~2.20.0"
-    rc-menu: "npm:~9.16.1"
-    rc-motion: "npm:^2.9.5"
-    rc-notification: "npm:~5.6.4"
-    rc-pagination: "npm:~5.1.0"
-    rc-picker: "npm:~4.11.3"
-    rc-progress: "npm:~4.0.0"
-    rc-rate: "npm:~2.13.1"
-    rc-resize-observer: "npm:^1.4.3"
-    rc-segmented: "npm:~2.7.0"
-    rc-select: "npm:~14.16.8"
-    rc-slider: "npm:~11.1.8"
-    rc-steps: "npm:~6.0.1"
-    rc-switch: "npm:~4.1.0"
-    rc-table: "npm:~7.51.1"
-    rc-tabs: "npm:~15.6.1"
-    rc-textarea: "npm:~1.10.0"
-    rc-tooltip: "npm:~6.4.0"
-    rc-tree: "npm:~5.13.1"
-    rc-tree-select: "npm:~5.27.0"
-    rc-upload: "npm:~4.9.2"
-    rc-util: "npm:^5.44.4"
     scroll-into-view-if-needed: "npm:^3.1.0"
     throttle-debounce: "npm:^5.0.2"
   peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/cd83238bbe7bb02a1b6907c51b4b192905092c33551d701ddcc88925c2aa428e093654eea8a808e8ad1b0496a82a70444bacc5f35a351ecbc012f61bd5d6080a
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/4b5322645ec617707a932c62b7f9e516e6f471cfae1829634da405402a65db889a60998e0705e1f7b6ebed32f5e6b0f659566c77d164a6532e909da56cbcdf34
   languageName: node
   linkType: hard
 
@@ -1527,28 +1964,42 @@ __metadata:
   languageName: node
   linkType: hard
 
-"asynckit@npm:^0.4.0":
-  version: 0.4.0
-  resolution: "asynckit@npm:0.4.0"
-  checksum: 10c0/d73e2ddf20c4eb9337e1b3df1a0f6159481050a5de457c55b14ea2e5cb6d90bb69e004c9af54737a5ee0917fcf2c9e25de67777bbe58261847846066ba75bc9d
+"async-function@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "async-function@npm:1.0.0"
+  checksum: 10c0/669a32c2cb7e45091330c680e92eaeb791bc1d4132d827591e499cd1f776ff5a873e77e5f92d0ce795a8d60f10761dec9ddfe7225a5de680f5d357f67b1aac73
   languageName: node
   linkType: hard
 
-"attr-accept@npm:^2.2.4":
+"async-generator-function@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "async-generator-function@npm:1.0.0"
+  checksum: 10c0/2c50ef856c543ad500d8d8777d347e3c1ba623b93e99c9263ecc5f965c1b12d2a140e2ab6e43c3d0b85366110696f28114649411cbcd10b452a92a2318394186
+  languageName: node
+  linkType: hard
+
+"asynckit@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "asynckit@npm:0.4.0"
+  checksum: 10c0/d73e2ddf20c4eb9337e1b3df1a0f6159481050a5de457c55b14ea2e5cb6d90bb69e004c9af54737a5ee0917fcf2c9e25de67777bbe58261847846066ba75bc9d
+  languageName: node
+  linkType: hard
+
+"attr-accept@npm:^2.2.4":
   version: 2.2.5
   resolution: "attr-accept@npm:2.2.5"
   checksum: 10c0/9b4cb82213925cab2d568f71b3f1c7a7778f9192829aac39a281e5418cd00c04a88f873eb89f187e0bf786fa34f8d52936f178e62cbefb9254d57ecd88ada99b
   languageName: node
   linkType: hard
 
-"axios@npm:^1.10.0":
-  version: 1.10.0
-  resolution: "axios@npm:1.10.0"
+"axios@npm:^1.13.2":
+  version: 1.13.2
+  resolution: "axios@npm:1.13.2"
   dependencies:
     follow-redirects: "npm:^1.15.6"
-    form-data: "npm:^4.0.0"
+    form-data: "npm:^4.0.4"
     proxy-from-env: "npm:^1.1.0"
-  checksum: 10c0/2239cb269cc789eac22f5d1aabd58e1a83f8f364c92c2caa97b6f5cbb4ab2903d2e557d9dc670b5813e9bcdebfb149e783fb8ab3e45098635cd2f559b06bd5d8
+  checksum: 10c0/e8a42e37e5568ae9c7a28c348db0e8cf3e43d06fcbef73f0048669edfe4f71219664da7b6cc991b0c0f01c28a48f037c515263cb79be1f1ae8ff034cd813867b
   languageName: node
   linkType: hard
 
@@ -1625,6 +2076,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"call-bind-apply-helpers@npm:^1.0.1, call-bind-apply-helpers@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "call-bind-apply-helpers@npm:1.0.2"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+  checksum: 10c0/47bd9901d57b857590431243fea704ff18078b16890a6b3e021e12d279bbf211d039155e27d7566b374d49ee1f8189344bac9833dec7a20cdec370506361c938
+  languageName: node
+  linkType: hard
+
 "callsites@npm:^3.0.0":
   version: 3.1.0
   resolution: "callsites@npm:3.1.0"
@@ -1690,13 +2151,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"classnames@npm:2.x, classnames@npm:^2.2.1, classnames@npm:^2.2.3, classnames@npm:^2.2.5, classnames@npm:^2.2.6, classnames@npm:^2.3.1, classnames@npm:^2.3.2, classnames@npm:^2.5.1":
-  version: 2.5.1
-  resolution: "classnames@npm:2.5.1"
-  checksum: 10c0/afff4f77e62cea2d79c39962980bf316bacb0d7c49e13a21adaadb9221e1c6b9d3cdb829d8bb1b23c406f4e740507f37e1dcf506f7e3b7113d17c5bab787aa69
-  languageName: node
-  linkType: hard
-
 "clean-stack@npm:^2.0.0":
   version: 2.2.0
   resolution: "clean-stack@npm:2.2.0"
@@ -1787,19 +2241,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"copy-to-clipboard@npm:^3.3.3":
-  version: 3.3.3
-  resolution: "copy-to-clipboard@npm:3.3.3"
-  dependencies:
-    toggle-selection: "npm:^1.0.6"
-  checksum: 10c0/3ebf5e8ee00601f8c440b83ec08d838e8eabb068c1fae94a9cda6b42f288f7e1b552f3463635f419af44bf7675afc8d0390d30876cf5c2d5d35f86d9c56a3e5f
-  languageName: node
-  linkType: hard
-
-"core-js@npm:~3.43.0":
-  version: 3.43.0
-  resolution: "core-js@npm:3.43.0"
-  checksum: 10c0/9d4ad66296e60380777de51d019b5c3e6cce023b7999750a5094f9a4b0ea53bf3600beb4ef11c56548f2c8791d43d4056e270d1cf55ba87273011aa7d4597871
+"core-js@npm:~3.47.0":
+  version: 3.47.0
+  resolution: "core-js@npm:3.47.0"
+  checksum: 10c0/9b1a7088b7c660c7b8f1d4c90bb1816a8d5352ebdcb7bc742e3a0e4eb803316b5aa17bacb8769522342196351a5430178f46914644f2bfdb94ce0ced3c7fd523
   languageName: node
   linkType: hard
 
@@ -1914,13 +2359,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dayjs@npm:^1.11.11, dayjs@npm:^1.11.13":
+"csstype@npm:^3.2.2":
+  version: 3.2.3
+  resolution: "csstype@npm:3.2.3"
+  checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
+  languageName: node
+  linkType: hard
+
+"dayjs@npm:^1.11.11":
   version: 1.11.13
   resolution: "dayjs@npm:1.11.13"
   checksum: 10c0/a3caf6ac8363c7dade9d1ee797848ddcf25c1ace68d9fe8678ecf8ba0675825430de5d793672ec87b24a69bf04a1544b176547b2539982275d5542a7955f35b7
   languageName: node
   linkType: hard
 
+"dayjs@npm:^1.11.19":
+  version: 1.11.19
+  resolution: "dayjs@npm:1.11.19"
+  checksum: 10c0/7d8a6074a343f821f81ea284d700bd34ea6c7abbe8d93bce7aba818948957c1b7f56131702e5e890a5622cdfc05dcebe8aed0b8313bdc6838a594d7846b0b000
+  languageName: node
+  linkType: hard
+
 "debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.3.1, debug@npm:^4.3.4":
   version: 4.3.7
   resolution: "debug@npm:4.3.7"
@@ -2033,6 +2492,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dunder-proto@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "dunder-proto@npm:1.0.1"
+  dependencies:
+    call-bind-apply-helpers: "npm:^1.0.1"
+    es-errors: "npm:^1.3.0"
+    gopd: "npm:^1.2.0"
+  checksum: 10c0/199f2a0c1c16593ca0a145dbf76a962f8033ce3129f01284d48c45ed4e14fea9bbacd7b3610b6cdc33486cef20385ac054948fefc6272fcce645c09468f93031
+  languageName: node
+  linkType: hard
+
 "eastasianwidth@npm:^0.2.0":
   version: 0.2.0
   resolution: "eastasianwidth@npm:0.2.0"
@@ -2109,15 +2579,50 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-toolkit@npm:^1.39.6":
-  version: 1.39.6
-  resolution: "es-toolkit@npm:1.39.6"
+"es-define-property@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "es-define-property@npm:1.0.1"
+  checksum: 10c0/3f54eb49c16c18707949ff25a1456728c883e81259f045003499efba399c08bad00deebf65cccde8c0e07908c1a225c9d472b7107e558f2a48e28d530e34527c
+  languageName: node
+  linkType: hard
+
+"es-errors@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "es-errors@npm:1.3.0"
+  checksum: 10c0/0a61325670072f98d8ae3b914edab3559b6caa980f08054a3b872052640d91da01d38df55df797fcc916389d77fc92b8d5906cf028f4db46d7e3003abecbca85
+  languageName: node
+  linkType: hard
+
+"es-object-atoms@npm:^1.0.0, es-object-atoms@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "es-object-atoms@npm:1.1.1"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+  checksum: 10c0/65364812ca4daf48eb76e2a3b7a89b3f6a2e62a1c420766ce9f692665a29d94fe41fe88b65f24106f449859549711e4b40d9fb8002d862dfd7eb1c512d10be0c
+  languageName: node
+  linkType: hard
+
+"es-set-tostringtag@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "es-set-tostringtag@npm:2.1.0"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.6"
+    has-tostringtag: "npm:^1.0.2"
+    hasown: "npm:^2.0.2"
+  checksum: 10c0/ef2ca9ce49afe3931cb32e35da4dcb6d86ab02592cfc2ce3e49ced199d9d0bb5085fc7e73e06312213765f5efa47cc1df553a6a5154584b21448e9fb8355b1af
+  languageName: node
+  linkType: hard
+
+"es-toolkit@npm:^1.43.0":
+  version: 1.43.0
+  resolution: "es-toolkit@npm:1.43.0"
   dependenciesMeta:
     "@trivago/prettier-plugin-sort-imports@4.3.0":
       unplugged: true
     prettier-plugin-sort-re-exports@0.0.1:
       unplugged: true
-  checksum: 10c0/2f20c9152be4e1617c15919abee54280d525ac5ed43785201b71aacd4830172539aeadc1362d740d3453f9f1d18a442340024a6cd153441bf75c77d9e2a6d94f
+  checksum: 10c0/bbff0b591fd01be9f37a34dad7964b590e4952fc594c1230140771687f05136caa6ab21962a6e9cde7c4b529a149171ed5179d6379d4a8e656dbf7e8d126999c
   languageName: node
   linkType: hard
 
@@ -2186,46 +2691,45 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "fcc-dashboard@workspace:."
   dependencies:
-    "@ant-design/v5-patch-for-react-19": "npm:^1.0.3"
     "@hello-pangea/dnd": "npm:^18.0.1"
-    "@mantine/core": "npm:^8.1.2"
-    "@mantine/dates": "npm:^8.1.2"
-    "@mantine/dropzone": "npm:^8.1.2"
-    "@mantine/form": "npm:^8.1.2"
-    "@mantine/hooks": "npm:^8.1.2"
-    "@mantine/notifications": "npm:^8.1.2"
-    "@rsbuild/core": "npm:1.4.3"
-    "@rsbuild/plugin-react": "npm:1.3.3"
-    "@rsbuild/plugin-svgr": "npm:^1.2.0"
-    "@tabler/icons-react": "npm:^3.34.0"
-    "@tailwindcss/forms": "npm:^0.5.10"
-    "@tanstack/react-query": "npm:^5.81.5"
-    "@types/lodash": "npm:^4.17.20"
-    "@types/node": "npm:^22.16.0"
-    "@types/react": "npm:^19.1.8"
-    "@types/react-dom": "npm:^19.1.6"
-    antd: "npm:^5.26.3"
-    axios: "npm:^1.10.0"
+    "@mantine/core": "npm:^8.3.12"
+    "@mantine/dates": "npm:^8.3.12"
+    "@mantine/dropzone": "npm:^8.3.12"
+    "@mantine/form": "npm:^8.3.12"
+    "@mantine/hooks": "npm:^8.3.12"
+    "@mantine/notifications": "npm:^8.3.12"
+    "@rsbuild/core": "npm:1.7.2"
+    "@rsbuild/plugin-react": "npm:1.4.2"
+    "@rsbuild/plugin-svgr": "npm:^1.2.3"
+    "@tabler/icons-react": "npm:^3.36.1"
+    "@tailwindcss/forms": "npm:^0.5.11"
+    "@tanstack/react-query": "npm:^5.90.16"
+    "@types/lodash": "npm:^4.17.23"
+    "@types/node": "npm:^22.19.5"
+    "@types/react": "npm:^19.2.8"
+    "@types/react-dom": "npm:^19.2.3"
+    antd: "npm:^6.1.4"
+    axios: "npm:^1.13.2"
     clsx: "npm:^2.1.1"
     cos-js-sdk-v5: "npm:^1.10.1"
-    dayjs: "npm:^1.11.13"
-    es-toolkit: "npm:^1.39.6"
+    dayjs: "npm:^1.11.19"
+    es-toolkit: "npm:^1.43.0"
     lodash: "npm:^4.17.21"
     mantine-form-zod-resolver: "npm:^1.3.0"
-    nanoid: "npm:^5.1.5"
-    nuqs: "npm:^2.4.3"
+    nanoid: "npm:^5.1.6"
+    nuqs: "npm:^2.8.6"
     postcss-preset-mantine: "npm:^1.18.0"
     postcss-simple-vars: "npm:^7.0.1"
-    react: "npm:^19.1.0"
-    react-dom: "npm:^19.1.0"
-    react-hook-form: "npm:^7.60.0"
-    react-router-dom: "npm:^7.6.3"
-    swr: "npm:^2.3.4"
+    react: "npm:^19.2.3"
+    react-dom: "npm:^19.2.3"
+    react-hook-form: "npm:^7.71.0"
+    react-router-dom: "npm:^7.12.0"
+    swr: "npm:^2.3.8"
     tailwind-merge: "npm:^2.6.0"
-    tailwindcss: "npm:^3.4.17"
-    typescript: "npm:^5.8.3"
-    zod: "npm:^3.25.74"
-    zustand: "npm:^5.0.6"
+    tailwindcss: "npm:^3.4.19"
+    typescript: "npm:^5.9.3"
+    zod: "npm:^4.3.5"
+    zustand: "npm:^5.0.9"
   languageName: unknown
   linkType: soft
 
@@ -2279,14 +2783,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"form-data@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "form-data@npm:4.0.0"
+"form-data@npm:^4.0.4":
+  version: 4.0.5
+  resolution: "form-data@npm:4.0.5"
   dependencies:
     asynckit: "npm:^0.4.0"
     combined-stream: "npm:^1.0.8"
+    es-set-tostringtag: "npm:^2.1.0"
+    hasown: "npm:^2.0.2"
     mime-types: "npm:^2.1.12"
-  checksum: 10c0/cb6f3ac49180be03ff07ba3ff125f9eba2ff0b277fb33c7fc47569fc5e616882c5b1c69b9904c4c4187e97dd0419dd03b134174756f296dec62041e6527e2c6e
+  checksum: 10c0/dd6b767ee0bbd6d84039db12a0fa5a2028160ffbfaba1800695713b46ae974a5f6e08b3356c3195137f8530dcd9dfcb5d5ae1eeff53d0db1e5aad863b619ce3b
   languageName: node
   linkType: hard
 
@@ -2334,6 +2840,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"generator-function@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "generator-function@npm:2.0.1"
+  checksum: 10c0/8a9f59df0f01cfefafdb3b451b80555e5cf6d76487095db91ac461a0e682e4ff7a9dbce15f4ecec191e53586d59eece01949e05a4b4492879600bbbe8e28d6b8
+  languageName: node
+  linkType: hard
+
 "gensync@npm:^1.0.0-beta.2":
   version: 1.0.0-beta.2
   resolution: "gensync@npm:1.0.0-beta.2"
@@ -2341,6 +2854,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-intrinsic@npm:^1.2.6":
+  version: 1.3.1
+  resolution: "get-intrinsic@npm:1.3.1"
+  dependencies:
+    async-function: "npm:^1.0.0"
+    async-generator-function: "npm:^1.0.0"
+    call-bind-apply-helpers: "npm:^1.0.2"
+    es-define-property: "npm:^1.0.1"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.1.1"
+    function-bind: "npm:^1.1.2"
+    generator-function: "npm:^2.0.0"
+    get-proto: "npm:^1.0.1"
+    gopd: "npm:^1.2.0"
+    has-symbols: "npm:^1.1.0"
+    hasown: "npm:^2.0.2"
+    math-intrinsics: "npm:^1.1.0"
+  checksum: 10c0/9f4ab0cf7efe0fd2c8185f52e6f637e708f3a112610c88869f8f041bb9ecc2ce44bf285dfdbdc6f4f7c277a5b88d8e94a432374d97cca22f3de7fc63795deb5d
+  languageName: node
+  linkType: hard
+
 "get-nonce@npm:^1.0.0":
   version: 1.0.1
   resolution: "get-nonce@npm:1.0.1"
@@ -2348,6 +2882,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-proto@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "get-proto@npm:1.0.1"
+  dependencies:
+    dunder-proto: "npm:^1.0.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/9224acb44603c5526955e83510b9da41baf6ae73f7398875fba50edc5e944223a89c4a72b070fcd78beb5f7bdda58ecb6294adc28f7acfc0da05f76a2399643c
+  languageName: node
+  linkType: hard
+
 "glob-parent@npm:^5.1.2, glob-parent@npm:~5.1.2":
   version: 5.1.2
   resolution: "glob-parent@npm:5.1.2"
@@ -2389,6 +2933,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"gopd@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "gopd@npm:1.2.0"
+  checksum: 10c0/50fff1e04ba2b7737c097358534eacadad1e68d24cccee3272e04e007bed008e68d2614f3987788428fd192a5ae3889d08fb2331417e4fc4a9ab366b2043cead
+  languageName: node
+  linkType: hard
+
 "graceful-fs@npm:^4.2.6":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"
@@ -2403,6 +2954,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"has-symbols@npm:^1.0.3, has-symbols@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "has-symbols@npm:1.1.0"
+  checksum: 10c0/dde0a734b17ae51e84b10986e651c664379018d10b91b6b0e9b293eddb32f0f069688c841fb40f19e9611546130153e0a2a48fd7f512891fb000ddfa36f5a20e
+  languageName: node
+  linkType: hard
+
+"has-tostringtag@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-tostringtag@npm:1.0.2"
+  dependencies:
+    has-symbols: "npm:^1.0.3"
+  checksum: 10c0/a8b166462192bafe3d9b6e420a1d581d93dd867adb61be223a17a8d6dad147aa77a8be32c961bb2f27b3ef893cae8d36f564ab651f5e9b7938ae86f74027c48c
+  languageName: node
+  linkType: hard
+
 "hasown@npm:^2.0.2":
   version: 2.0.2
   resolution: "hasown@npm:2.0.2"
@@ -2544,6 +3111,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-mobile@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "is-mobile@npm:5.0.0"
+  checksum: 10c0/70b31c3e4489109e02deb9b590e74858aeec7ef775a882d89ec030cb7dbaeb2be1173d7faee495049629e49822d0aba9b20e6653b1e25dd7c9121247cb8829d7
+  languageName: node
+  linkType: hard
+
 "is-number@npm:^7.0.0":
   version: 7.0.0
   resolution: "is-number@npm:7.0.0"
@@ -2578,21 +3152,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jiti@npm:^1.21.6":
-  version: 1.21.6
-  resolution: "jiti@npm:1.21.6"
+"jiti@npm:^1.21.7":
+  version: 1.21.7
+  resolution: "jiti@npm:1.21.7"
   bin:
     jiti: bin/jiti.js
-  checksum: 10c0/05b9ed58cd30d0c3ccd3c98209339e74f50abd9a17e716f65db46b6a35812103f6bde6e134be7124d01745586bca8cc5dae1d0d952267c3ebe55171949c32e56
+  checksum: 10c0/77b61989c758ff32407cdae8ddc77f85e18e1a13fc4977110dbd2e05fc761842f5f71bce684d9a01316e1c4263971315a111385759951080bbfe17cbb5de8f7a
   languageName: node
   linkType: hard
 
-"jiti@npm:^2.4.2":
-  version: 2.4.2
-  resolution: "jiti@npm:2.4.2"
+"jiti@npm:^2.6.1":
+  version: 2.6.1
+  resolution: "jiti@npm:2.6.1"
   bin:
     jiti: lib/jiti-cli.mjs
-  checksum: 10c0/4ceac133a08c8faff7eac84aabb917e85e8257f5ad659e843004ce76e981c457c390a220881748ac67ba1b940b9b729b30fb85cbaf6e7989f04b6002c94da331
+  checksum: 10c0/79b2e96a8e623f66c1b703b98ec1b8be4500e1d217e09b09e343471bbb9c105381b83edbb979d01cef18318cc45ce6e153571b6c83122170eefa531c64b6789b
   languageName: node
   linkType: hard
 
@@ -2662,14 +3236,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lilconfig@npm:^3.0.0":
-  version: 3.1.2
-  resolution: "lilconfig@npm:3.1.2"
-  checksum: 10c0/f059630b1a9bddaeba83059db00c672b64dc14074e9f232adce32b38ca1b5686ab737eb665c5ba3c32f147f0002b4bee7311ad0386a9b98547b5623e87071fbe
-  languageName: node
-  linkType: hard
-
-"lilconfig@npm:^3.1.3":
+"lilconfig@npm:^3.1.1, lilconfig@npm:^3.1.3":
   version: 3.1.3
   resolution: "lilconfig@npm:3.1.3"
   checksum: 10c0/f5604e7240c5c275743561442fbc5abf2a84ad94da0f5adc71d25e31fa8483048de3dcedcb7a44112a942fed305fd75841cdf6c9681c7f640c63f1049e9a5dcc
@@ -2763,6 +3330,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"math-intrinsics@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "math-intrinsics@npm:1.1.0"
+  checksum: 10c0/7579ff94e899e2f76ab64491d76cf606274c874d8f2af4a442c016bd85688927fcfca157ba6bf74b08e9439dc010b248ce05b96cc7c126a354c3bae7fcb48b7f
+  languageName: node
+  linkType: hard
+
 "mdn-data@npm:2.0.28":
   version: 2.0.28
   resolution: "mdn-data@npm:2.0.28"
@@ -2912,13 +3486,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mitt@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "mitt@npm:3.0.1"
-  checksum: 10c0/3ab4fdecf3be8c5255536faa07064d05caa3dd332bd318ff02e04621f7b3069ca1de9106cfe8e7ced675abfc2bec2ce4c4ef321c4a1bb1fb29df8ae090741913
-  languageName: node
-  linkType: hard
-
 "mkdirp@npm:^1.0.3":
   version: 1.0.4
   resolution: "mkdirp@npm:1.0.4"
@@ -2955,12 +3522,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nanoid@npm:^5.1.5":
-  version: 5.1.5
-  resolution: "nanoid@npm:5.1.5"
+"nanoid@npm:^5.1.6":
+  version: 5.1.6
+  resolution: "nanoid@npm:5.1.6"
   bin:
     nanoid: bin/nanoid.js
-  checksum: 10c0/e6004f1ad6c7123eeb037062c4441d44982037dc043aabb162457ef6986e99964ba98c63c975f96c547403beb0bf95bc537bd7bf9a09baf381656acdc2975c3c
+  checksum: 10c0/27b5b055ad8332cf4f0f9f6e2a494aa7e5ded89df4cab8c8490d4eabefe72c4423971d2745d22002868b1d50576a5e42b7b05214733b19f576382323282dd26e
   languageName: node
   linkType: hard
 
@@ -3035,27 +3602,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nuqs@npm:^2.4.3":
-  version: 2.4.3
-  resolution: "nuqs@npm:2.4.3"
+"nuqs@npm:^2.8.6":
+  version: 2.8.6
+  resolution: "nuqs@npm:2.8.6"
   dependencies:
-    mitt: "npm:^3.0.1"
+    "@standard-schema/spec": "npm:1.0.0"
   peerDependencies:
     "@remix-run/react": ">=2"
+    "@tanstack/react-router": ^1
     next: ">=14.2.0"
     react: ">=18.2.0 || ^19.0.0-0"
-    react-router: ^6 || ^7
-    react-router-dom: ^6 || ^7
+    react-router: ^5 || ^6 || ^7
+    react-router-dom: ^5 || ^6 || ^7
   peerDependenciesMeta:
     "@remix-run/react":
       optional: true
+    "@tanstack/react-router":
+      optional: true
     next:
       optional: true
     react-router:
       optional: true
     react-router-dom:
       optional: true
-  checksum: 10c0/29a911749a74a1b2933942f7de7952ddf6158ec2f19c2a0a849111f894b9d0745848b84095e5e0549ad9f2690303a122392b76296e6018c3bb540b4ea68a58c8
+  checksum: 10c0/51cd3cbc77903688844daa2f189ce5548db05f43b9e98a62cd5fd0e62334dd270e413cfd9365ebcaa08d38be77bd9864563bca5c2e2a237f0f80b1d8ad1c0cad
   languageName: node
   linkType: hard
 
@@ -3148,874 +3718,240 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picocolors@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "picocolors@npm:1.1.1"
-  checksum: 10c0/e2e3e8170ab9d7c7421969adaa7e1b31434f789afb9b3f115f6b96d91945041ac3ceb02e9ec6fe6510ff036bcc0bf91e69a1772edc0b707e12b19c0f2d6bcf58
-  languageName: node
-  linkType: hard
-
-"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "picomatch@npm:2.3.1"
-  checksum: 10c0/26c02b8d06f03206fc2ab8d16f19960f2ff9e81a658f831ecb656d8f17d9edc799e8364b1f4a7873e89d9702dff96204be0fa26fe4181f6843f040f819dac4be
-  languageName: node
-  linkType: hard
-
-"picomatch@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "picomatch@npm:4.0.2"
-  checksum: 10c0/7c51f3ad2bb42c776f49ebf964c644958158be30d0a510efd5a395e8d49cb5acfed5b82c0c5b365523ce18e6ab85013c9ebe574f60305892ec3fa8eee8304ccc
-  languageName: node
-  linkType: hard
-
-"pify@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "pify@npm:2.3.0"
-  checksum: 10c0/551ff8ab830b1052633f59cb8adc9ae8407a436e06b4a9718bcb27dc5844b83d535c3a8512b388b6062af65a98c49bdc0dd523d8b2617b188f7c8fee457158dc
-  languageName: node
-  linkType: hard
-
-"pirates@npm:^4.0.1":
-  version: 4.0.6
-  resolution: "pirates@npm:4.0.6"
-  checksum: 10c0/00d5fa51f8dded94d7429700fb91a0c1ead00ae2c7fd27089f0c5b63e6eca36197fe46384631872690a66f390c5e27198e99006ab77ae472692ab9c2ca903f36
-  languageName: node
-  linkType: hard
-
-"postcss-import@npm:^15.1.0":
-  version: 15.1.0
-  resolution: "postcss-import@npm:15.1.0"
-  dependencies:
-    postcss-value-parser: "npm:^4.0.0"
-    read-cache: "npm:^1.0.0"
-    resolve: "npm:^1.1.7"
-  peerDependencies:
-    postcss: ^8.0.0
-  checksum: 10c0/518aee5c83ea6940e890b0be675a2588db68b2582319f48c3b4e06535a50ea6ee45f7e63e4309f8754473245c47a0372632378d1d73d901310f295a92f26f17b
-  languageName: node
-  linkType: hard
-
-"postcss-js@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "postcss-js@npm:4.0.1"
-  dependencies:
-    camelcase-css: "npm:^2.0.1"
-  peerDependencies:
-    postcss: ^8.4.21
-  checksum: 10c0/af35d55cb873b0797d3b42529514f5318f447b134541844285c9ac31a17497297eb72296902967911bb737a75163441695737300ce2794e3bd8c70c13a3b106e
-  languageName: node
-  linkType: hard
-
-"postcss-load-config@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "postcss-load-config@npm:4.0.2"
-  dependencies:
-    lilconfig: "npm:^3.0.0"
-    yaml: "npm:^2.3.4"
-  peerDependencies:
-    postcss: ">=8.0.9"
-    ts-node: ">=9.0.0"
-  peerDependenciesMeta:
-    postcss:
-      optional: true
-    ts-node:
-      optional: true
-  checksum: 10c0/3d7939acb3570b0e4b4740e483d6e555a3e2de815219cb8a3c8fc03f575a6bde667443aa93369c0be390af845cb84471bf623e24af833260de3a105b78d42519
-  languageName: node
-  linkType: hard
-
-"postcss-mixins@npm:^12.0.0":
-  version: 12.0.0
-  resolution: "postcss-mixins@npm:12.0.0"
-  dependencies:
-    postcss-js: "npm:^4.0.1"
-    postcss-simple-vars: "npm:^7.0.1"
-    sugarss: "npm:^5.0.0"
-    tinyglobby: "npm:^0.2.14"
-  peerDependencies:
-    postcss: ^8.2.14
-  checksum: 10c0/e5314488c143e3786f5fdec5da9002d914ef57cc51a261035fe342163a86a6f9e36e369da008f21c68691d0bd349aef3e10266ceb7e210da4a6a1296e782d214
-  languageName: node
-  linkType: hard
-
-"postcss-nested@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "postcss-nested@npm:6.2.0"
-  dependencies:
-    postcss-selector-parser: "npm:^6.1.1"
-  peerDependencies:
-    postcss: ^8.2.14
-  checksum: 10c0/7f9c3f2d764191a39364cbdcec350f26a312431a569c9ef17408021424726b0d67995ff5288405e3724bb7152a4c92f73c027e580ec91e798800ed3c52e2bc6e
-  languageName: node
-  linkType: hard
-
-"postcss-nested@npm:^7.0.2":
-  version: 7.0.2
-  resolution: "postcss-nested@npm:7.0.2"
-  dependencies:
-    postcss-selector-parser: "npm:^7.0.0"
-  peerDependencies:
-    postcss: ^8.2.14
-  checksum: 10c0/b467f328c89c5b0dcd1b569ae083f6163235c0cac09494a0b284eef5275fa1386bbc26c66c85adf194cef0a65d315994140724a34539a096e5acd39d9c753338
-  languageName: node
-  linkType: hard
-
-"postcss-preset-mantine@npm:^1.18.0":
-  version: 1.18.0
-  resolution: "postcss-preset-mantine@npm:1.18.0"
-  dependencies:
-    postcss-mixins: "npm:^12.0.0"
-    postcss-nested: "npm:^7.0.2"
-  peerDependencies:
-    postcss: ">=8.0.0"
-  checksum: 10c0/11308684261220a88f8607c10846777b7f83a8b44d6e787ed803a5ee4ceabbc447ffbaaccd34da8da650907d502c0703b8245cecf42b2714def1e8991dcec81d
-  languageName: node
-  linkType: hard
-
-"postcss-selector-parser@npm:^6.1.1, postcss-selector-parser@npm:^6.1.2":
-  version: 6.1.2
-  resolution: "postcss-selector-parser@npm:6.1.2"
-  dependencies:
-    cssesc: "npm:^3.0.0"
-    util-deprecate: "npm:^1.0.2"
-  checksum: 10c0/523196a6bd8cf660bdf537ad95abd79e546d54180f9afb165a4ab3e651ac705d0f8b8ce6b3164fb9e3279ce482c5f751a69eb2d3a1e8eb0fd5e82294fb3ef13e
-  languageName: node
-  linkType: hard
-
-"postcss-selector-parser@npm:^7.0.0":
-  version: 7.1.0
-  resolution: "postcss-selector-parser@npm:7.1.0"
-  dependencies:
-    cssesc: "npm:^3.0.0"
-    util-deprecate: "npm:^1.0.2"
-  checksum: 10c0/0fef257cfd1c0fe93c18a3f8a6e739b4438b527054fd77e9a62730a89b2d0ded1b59314a7e4aaa55bc256204f40830fecd2eb50f20f8cb7ab3a10b52aa06c8aa
-  languageName: node
-  linkType: hard
-
-"postcss-simple-vars@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "postcss-simple-vars@npm:7.0.1"
-  peerDependencies:
-    postcss: ^8.2.1
-  checksum: 10c0/b59c750b2f406a18b133184144b5ffefbd21a2179c5bf5d54651269c0b6bb0110c2bbed33a9161d8b93f8a11cf7725da0a65653e7c2786c8a59f937591115a33
-  languageName: node
-  linkType: hard
-
-"postcss-value-parser@npm:^4.0.0":
-  version: 4.2.0
-  resolution: "postcss-value-parser@npm:4.2.0"
-  checksum: 10c0/f4142a4f56565f77c1831168e04e3effd9ffcc5aebaf0f538eee4b2d465adfd4b85a44257bb48418202a63806a7da7fe9f56c330aebb3cac898e46b4cbf49161
-  languageName: node
-  linkType: hard
-
-"postcss@npm:^8.4.47":
-  version: 8.4.49
-  resolution: "postcss@npm:8.4.49"
-  dependencies:
-    nanoid: "npm:^3.3.7"
-    picocolors: "npm:^1.1.1"
-    source-map-js: "npm:^1.2.1"
-  checksum: 10c0/f1b3f17aaf36d136f59ec373459f18129908235e65dbdc3aee5eef8eba0756106f52de5ec4682e29a2eab53eb25170e7e871b3e4b52a8f1de3d344a514306be3
-  languageName: node
-  linkType: hard
-
-"proc-log@npm:^4.1.0, proc-log@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "proc-log@npm:4.2.0"
-  checksum: 10c0/17db4757c2a5c44c1e545170e6c70a26f7de58feb985091fb1763f5081cab3d01b181fb2dd240c9f4a4255a1d9227d163d5771b7e69c9e49a561692db865efb9
-  languageName: node
-  linkType: hard
-
-"promise-retry@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "promise-retry@npm:2.0.1"
-  dependencies:
-    err-code: "npm:^2.0.2"
-    retry: "npm:^0.12.0"
-  checksum: 10c0/9c7045a1a2928094b5b9b15336dcd2a7b1c052f674550df63cc3f36cd44028e5080448175b6f6ca32b642de81150f5e7b1a98b728f15cb069f2dd60ac2616b96
-  languageName: node
-  linkType: hard
-
-"prop-types@npm:^15.6.2, prop-types@npm:^15.8.1":
-  version: 15.8.1
-  resolution: "prop-types@npm:15.8.1"
-  dependencies:
-    loose-envify: "npm:^1.4.0"
-    object-assign: "npm:^4.1.1"
-    react-is: "npm:^16.13.1"
-  checksum: 10c0/59ece7ca2fb9838031d73a48d4becb9a7cc1ed10e610517c7d8f19a1e02fa47f7c27d557d8a5702bec3cfeccddc853579832b43f449e54635803f277b1c78077
-  languageName: node
-  linkType: hard
-
-"proxy-from-env@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "proxy-from-env@npm:1.1.0"
-  checksum: 10c0/fe7dd8b1bdbbbea18d1459107729c3e4a2243ca870d26d34c2c1bcd3e4425b7bcc5112362df2d93cc7fb9746f6142b5e272fd1cc5c86ddf8580175186f6ad42b
-  languageName: node
-  linkType: hard
-
-"queue-microtask@npm:^1.2.2":
-  version: 1.2.3
-  resolution: "queue-microtask@npm:1.2.3"
-  checksum: 10c0/900a93d3cdae3acd7d16f642c29a642aea32c2026446151f0778c62ac089d4b8e6c986811076e1ae180a694cedf077d453a11b58ff0a865629a4f82ab558e102
-  languageName: node
-  linkType: hard
-
-"raf-schd@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "raf-schd@npm:4.0.3"
-  checksum: 10c0/ecabf0957c05fad059779bddcd992f1a9d3a35dfea439a6f0935c382fcf4f7f7fa60489e467b4c2db357a3665167d2a379782586b59712bb36c766e02824709b
-  languageName: node
-  linkType: hard
-
-"rc-cascader@npm:~3.34.0":
-  version: 3.34.0
-  resolution: "rc-cascader@npm:3.34.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.25.7"
-    classnames: "npm:^2.3.1"
-    rc-select: "npm:~14.16.2"
-    rc-tree: "npm:~5.13.0"
-    rc-util: "npm:^5.43.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/1fc8c55e0f78ff2be59e2bcd8faa53aafecebbb28f4bb9982ad39e8f9f9620e15d6119797c7890347e46b05c32b43177ece047e81ef04c22a9f041eb0dd53e0a
-  languageName: node
-  linkType: hard
-
-"rc-checkbox@npm:~3.5.0":
-  version: 3.5.0
-  resolution: "rc-checkbox@npm:3.5.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:^2.3.2"
-    rc-util: "npm:^5.25.2"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/53fd419030a8c9e3d08ebb7c51dee79be810ccd92ed177066c2afa8f61a8fe4417232bbc4741ecc0a627d0c4b939a5e945c6f0d6a941c748d65c2ddad71775e3
-  languageName: node
-  linkType: hard
-
-"rc-collapse@npm:~3.9.0":
-  version: 3.9.0
-  resolution: "rc-collapse@npm:3.9.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:2.x"
-    rc-motion: "npm:^2.3.4"
-    rc-util: "npm:^5.27.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/68d2c7a6614fea2bf4a30a39e67d5b74b933fd25e31762cd810ff0f7bcf7e57676db6c3c1389461d5d18be4a68b9cfeda65321a8d1f5978ec2a5aa3d7b9010cc
-  languageName: node
-  linkType: hard
-
-"rc-dialog@npm:~9.6.0":
-  version: 9.6.0
-  resolution: "rc-dialog@npm:9.6.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    "@rc-component/portal": "npm:^1.0.0-8"
-    classnames: "npm:^2.2.6"
-    rc-motion: "npm:^2.3.0"
-    rc-util: "npm:^5.21.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/19e9acef746baa25c3167a961919123b0b457288188c18bc4d468ae31144bf750d6d6468dd3be43b376eba42ddda26fef1aac8ae9bd016f5d0428ffee0c615e7
-  languageName: node
-  linkType: hard
-
-"rc-drawer@npm:~7.3.0":
-  version: 7.3.0
-  resolution: "rc-drawer@npm:7.3.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.23.9"
-    "@rc-component/portal": "npm:^1.1.1"
-    classnames: "npm:^2.2.6"
-    rc-motion: "npm:^2.6.1"
-    rc-util: "npm:^5.38.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/e2c3211d6a3790813bf2c1626cebf3fdb3a4c48ab56bee2d208ba07dd0e5058154981563e89e02571d573dd56c2ddc65db33a0cf37c58820ecc4b08785e8d169
-  languageName: node
-  linkType: hard
-
-"rc-dropdown@npm:~4.2.0":
-  version: 4.2.0
-  resolution: "rc-dropdown@npm:4.2.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.18.3"
-    "@rc-component/trigger": "npm:^2.0.0"
-    classnames: "npm:^2.2.6"
-    rc-util: "npm:^5.17.0"
-  peerDependencies:
-    react: ">=16.11.0"
-    react-dom: ">=16.11.0"
-  checksum: 10c0/e808172c922f4c3f8bf4fb4641834e34929df9e0af00981e5554d72852d2df016a85c5339119a61f740ea70da7e33c89ed95c11ee8b9c5538533072675287a3a
-  languageName: node
-  linkType: hard
-
-"rc-dropdown@npm:~4.2.1":
-  version: 4.2.1
-  resolution: "rc-dropdown@npm:4.2.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.18.3"
-    "@rc-component/trigger": "npm:^2.0.0"
-    classnames: "npm:^2.2.6"
-    rc-util: "npm:^5.44.1"
-  peerDependencies:
-    react: ">=16.11.0"
-    react-dom: ">=16.11.0"
-  checksum: 10c0/ec980e6c9f8bbba53e895002a0c3a28f294ae07f3ebc6c9a9cb80c7e1bb74ba9f0e0c4b9c23f487fdf8c5a4531000e05b5b43744ef506f0fd869165486768817
-  languageName: node
-  linkType: hard
-
-"rc-field-form@npm:~2.7.0":
-  version: 2.7.0
-  resolution: "rc-field-form@npm:2.7.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.18.0"
-    "@rc-component/async-validator": "npm:^5.0.3"
-    rc-util: "npm:^5.32.2"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/8b5ba3d4ef2680751235797710da822b96225ba1fd1a0098d4c9b7723ac1e0a8eb07c70a6ca216c0b2f8f45f1035f849b924f13c6386e215ec1d854927a504a2
-  languageName: node
-  linkType: hard
-
-"rc-image@npm:~7.12.0":
-  version: 7.12.0
-  resolution: "rc-image@npm:7.12.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.11.2"
-    "@rc-component/portal": "npm:^1.0.2"
-    classnames: "npm:^2.2.6"
-    rc-dialog: "npm:~9.6.0"
-    rc-motion: "npm:^2.6.2"
-    rc-util: "npm:^5.34.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/229f848725f8cff5b6015eb0468a24a3d92c2aead48dc98abe19e6ff15840defc9b42f1a126b7f8180f678b5380ff99528bb89e972298ad456773e4070f33934
-  languageName: node
-  linkType: hard
-
-"rc-input-number@npm:~9.5.0":
-  version: 9.5.0
-  resolution: "rc-input-number@npm:9.5.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    "@rc-component/mini-decimal": "npm:^1.0.1"
-    classnames: "npm:^2.2.5"
-    rc-input: "npm:~1.8.0"
-    rc-util: "npm:^5.40.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/332aef42cd1f0e9eeee08c85db978c9615dfec5c8972e91c37a2ba4e06c3578d84dda05698e98893c6e62620d0d53aa910c0fbee2afac8f54c6f68759c296a58
-  languageName: node
-  linkType: hard
-
-"rc-input@npm:~1.8.0":
-  version: 1.8.0
-  resolution: "rc-input@npm:1.8.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.11.1"
-    classnames: "npm:^2.2.1"
-    rc-util: "npm:^5.18.1"
-  peerDependencies:
-    react: ">=16.0.0"
-    react-dom: ">=16.0.0"
-  checksum: 10c0/fe4e67b6980b22f77d62dcd87177a2381976baeaff265a27c4adb63bab48735f7c89b271c541eb0aab8c9d58af66979f45e79b44b72342838ac038ee5db0ba73
-  languageName: node
-  linkType: hard
-
-"rc-mentions@npm:~2.20.0":
-  version: 2.20.0
-  resolution: "rc-mentions@npm:2.20.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.22.5"
-    "@rc-component/trigger": "npm:^2.0.0"
-    classnames: "npm:^2.2.6"
-    rc-input: "npm:~1.8.0"
-    rc-menu: "npm:~9.16.0"
-    rc-textarea: "npm:~1.10.0"
-    rc-util: "npm:^5.34.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/2b242221772bad982c47916328e0245365134ba48519d171a93a8d79ddbdfb20a98421d7962215867dc9097dd58c307ea9bb6c9590125c0484c01d0b78e207e0
-  languageName: node
-  linkType: hard
-
-"rc-menu@npm:~9.16.0":
-  version: 9.16.0
-  resolution: "rc-menu@npm:9.16.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    "@rc-component/trigger": "npm:^2.0.0"
-    classnames: "npm:2.x"
-    rc-motion: "npm:^2.4.3"
-    rc-overflow: "npm:^1.3.1"
-    rc-util: "npm:^5.27.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/e3552653027a1f01b2ad81068e55e4af84cbe28ed82c83ecb0fd14dff50f77070e7e9a1d5dcf5e23197dfda11552b4a1fe2a0ebc6c1d6686eb695379d39f3112
-  languageName: node
-  linkType: hard
-
-"rc-menu@npm:~9.16.1":
-  version: 9.16.1
-  resolution: "rc-menu@npm:9.16.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    "@rc-component/trigger": "npm:^2.0.0"
-    classnames: "npm:2.x"
-    rc-motion: "npm:^2.4.3"
-    rc-overflow: "npm:^1.3.1"
-    rc-util: "npm:^5.27.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/b61f21013cd679777b673d6e1a9f8429ffd9481a49665fc9a9c78198025d52aa76ae162186c46ca9f332117c8c7ff32f30d72435e1ae1b2a3daec0f86cb48810
-  languageName: node
-  linkType: hard
-
-"rc-motion@npm:^2.0.0, rc-motion@npm:^2.0.1, rc-motion@npm:^2.3.0, rc-motion@npm:^2.3.4, rc-motion@npm:^2.4.3, rc-motion@npm:^2.4.4, rc-motion@npm:^2.6.1, rc-motion@npm:^2.6.2, rc-motion@npm:^2.9.0":
-  version: 2.9.2
-  resolution: "rc-motion@npm:2.9.2"
-  dependencies:
-    "@babel/runtime": "npm:^7.11.1"
-    classnames: "npm:^2.2.1"
-    rc-util: "npm:^5.43.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/e5e4f8fe83238c414fb0fc738b4d71faef0c951b5858bfd90bb3f3ff1dde1577262c258fcdae4e5a53a78f5056e2868ff85335ded92758cc886e610308709d8d
-  languageName: node
-  linkType: hard
-
-"rc-motion@npm:^2.9.5":
-  version: 2.9.5
-  resolution: "rc-motion@npm:2.9.5"
-  dependencies:
-    "@babel/runtime": "npm:^7.11.1"
-    classnames: "npm:^2.2.1"
-    rc-util: "npm:^5.44.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/84b12b2443dc1b929c8a688e8c9834a44cf88897402e9363fcea80b77f2803b2de83b24dac5873a8695304827e02fb3103c74349d0451ed247cb366553f9d88e
-  languageName: node
-  linkType: hard
-
-"rc-notification@npm:~5.6.4":
-  version: 5.6.4
-  resolution: "rc-notification@npm:5.6.4"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:2.x"
-    rc-motion: "npm:^2.9.0"
-    rc-util: "npm:^5.20.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/ea6a587b6a6057e8e6273d642cac5608b44948374ed636c9a83d104d21731c114b43036e33add05f755ceefb3f9258b881776672d5745c0e5d19f1d66449f37a
-  languageName: node
-  linkType: hard
-
-"rc-overflow@npm:^1.3.1, rc-overflow@npm:^1.3.2":
-  version: 1.3.2
-  resolution: "rc-overflow@npm:1.3.2"
-  dependencies:
-    "@babel/runtime": "npm:^7.11.1"
-    classnames: "npm:^2.2.1"
-    rc-resize-observer: "npm:^1.0.0"
-    rc-util: "npm:^5.37.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/1c3741760e21fdc5829ebc1affb2a54fd04bda3abc1c88542b6191845d3490ca255fc423f897f448af1c79311c7eda499ea977ca79bce55ebdaf75397573d125
-  languageName: node
-  linkType: hard
-
-"rc-pagination@npm:~5.1.0":
-  version: 5.1.0
-  resolution: "rc-pagination@npm:5.1.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:^2.3.2"
-    rc-util: "npm:^5.38.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/6cc6f0fa591c3d9f1cd0abcc1f918ddf18d6b5c71fefb97a6c3888b8492505e8e8951903de2bae7c64c0947cf1d53bc70f52577a3f6b38bdb3e9140a7bb5a32e
+"picocolors@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "picocolors@npm:1.1.1"
+  checksum: 10c0/e2e3e8170ab9d7c7421969adaa7e1b31434f789afb9b3f115f6b96d91945041ac3ceb02e9ec6fe6510ff036bcc0bf91e69a1772edc0b707e12b19c0f2d6bcf58
   languageName: node
   linkType: hard
 
-"rc-picker@npm:~4.11.3":
-  version: 4.11.3
-  resolution: "rc-picker@npm:4.11.3"
-  dependencies:
-    "@babel/runtime": "npm:^7.24.7"
-    "@rc-component/trigger": "npm:^2.0.0"
-    classnames: "npm:^2.2.1"
-    rc-overflow: "npm:^1.3.2"
-    rc-resize-observer: "npm:^1.4.0"
-    rc-util: "npm:^5.43.0"
-  peerDependencies:
-    date-fns: ">= 2.x"
-    dayjs: ">= 1.x"
-    luxon: ">= 3.x"
-    moment: ">= 2.x"
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  peerDependenciesMeta:
-    date-fns:
-      optional: true
-    dayjs:
-      optional: true
-    luxon:
-      optional: true
-    moment:
-      optional: true
-  checksum: 10c0/5136966ae7f9c0fa9acb9620f3d5e12341a4f2d1369d1c0e12697fbd519be47025a427acd63c8c39ec6b0a88acc5408b8318d197d8bf37f8d2b19d6726e6868d
+"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "picomatch@npm:2.3.1"
+  checksum: 10c0/26c02b8d06f03206fc2ab8d16f19960f2ff9e81a658f831ecb656d8f17d9edc799e8364b1f4a7873e89d9702dff96204be0fa26fe4181f6843f040f819dac4be
   languageName: node
   linkType: hard
 
-"rc-progress@npm:~4.0.0":
-  version: 4.0.0
-  resolution: "rc-progress@npm:4.0.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:^2.2.6"
-    rc-util: "npm:^5.16.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/d3b47565470c5fec71a16f8d1939f1b1dd7d2dc9260893c6f70cafa84d9ee4231f3466be817db5fb9580932af46e34d52c74a710700ca9391b1901fa06c31f1e
+"picomatch@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "picomatch@npm:4.0.2"
+  checksum: 10c0/7c51f3ad2bb42c776f49ebf964c644958158be30d0a510efd5a395e8d49cb5acfed5b82c0c5b365523ce18e6ab85013c9ebe574f60305892ec3fa8eee8304ccc
   languageName: node
   linkType: hard
 
-"rc-rate@npm:~2.13.1":
-  version: 2.13.1
-  resolution: "rc-rate@npm:2.13.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:^2.2.5"
-    rc-util: "npm:^5.0.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/b26d4741fffb06e1beebe1aba135ba6ab4ee898faf1f876ce802ed5ddcdc8dabe7a4662be63e60226713fad9b3dd8d4034ed9b8b3e27ba5ef9673d7e8f47d497
+"pify@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "pify@npm:2.3.0"
+  checksum: 10c0/551ff8ab830b1052633f59cb8adc9ae8407a436e06b4a9718bcb27dc5844b83d535c3a8512b388b6062af65a98c49bdc0dd523d8b2617b188f7c8fee457158dc
   languageName: node
   linkType: hard
 
-"rc-resize-observer@npm:^1.0.0, rc-resize-observer@npm:^1.1.0, rc-resize-observer@npm:^1.3.1, rc-resize-observer@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "rc-resize-observer@npm:1.4.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.20.7"
-    classnames: "npm:^2.2.1"
-    rc-util: "npm:^5.38.0"
-    resize-observer-polyfill: "npm:^1.5.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/50e03fa524e156477e5e083bc11e92b8d2c442b6a9a0caa111d9b9991174f9ac98175d50fba1721e55338472d5344610e30fce8531a65785b3d79c191173d351
+"pirates@npm:^4.0.1":
+  version: 4.0.6
+  resolution: "pirates@npm:4.0.6"
+  checksum: 10c0/00d5fa51f8dded94d7429700fb91a0c1ead00ae2c7fd27089f0c5b63e6eca36197fe46384631872690a66f390c5e27198e99006ab77ae472692ab9c2ca903f36
   languageName: node
   linkType: hard
 
-"rc-resize-observer@npm:^1.4.3":
-  version: 1.4.3
-  resolution: "rc-resize-observer@npm:1.4.3"
+"postcss-import@npm:^15.1.0":
+  version: 15.1.0
+  resolution: "postcss-import@npm:15.1.0"
   dependencies:
-    "@babel/runtime": "npm:^7.20.7"
-    classnames: "npm:^2.2.1"
-    rc-util: "npm:^5.44.1"
-    resize-observer-polyfill: "npm:^1.5.1"
+    postcss-value-parser: "npm:^4.0.0"
+    read-cache: "npm:^1.0.0"
+    resolve: "npm:^1.1.7"
   peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/93073c9ef5cc704f9d99307f58f8eeccabb953edf4e8a056b090104fc28ed19b77c2a32bd88ca2e0407fbedeb266d1985e655b35b8bc36b04d243e9d0471c911
+    postcss: ^8.0.0
+  checksum: 10c0/518aee5c83ea6940e890b0be675a2588db68b2582319f48c3b4e06535a50ea6ee45f7e63e4309f8754473245c47a0372632378d1d73d901310f295a92f26f17b
   languageName: node
   linkType: hard
 
-"rc-segmented@npm:~2.7.0":
-  version: 2.7.0
-  resolution: "rc-segmented@npm:2.7.0"
+"postcss-js@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "postcss-js@npm:4.0.1"
   dependencies:
-    "@babel/runtime": "npm:^7.11.1"
-    classnames: "npm:^2.2.1"
-    rc-motion: "npm:^2.4.4"
-    rc-util: "npm:^5.17.0"
+    camelcase-css: "npm:^2.0.1"
   peerDependencies:
-    react: ">=16.0.0"
-    react-dom: ">=16.0.0"
-  checksum: 10c0/294feac3a7f0f827419d14234d9ab5d39ef1e95acf582b68e3db63c7f9c670ffd1a08f3129f6326447f5c1218552cb738608f035da8199e6fd21ada1ceb3b4d1
+    postcss: ^8.4.21
+  checksum: 10c0/af35d55cb873b0797d3b42529514f5318f447b134541844285c9ac31a17497297eb72296902967911bb737a75163441695737300ce2794e3bd8c70c13a3b106e
   languageName: node
   linkType: hard
 
-"rc-select@npm:~14.16.2":
-  version: 14.16.3
-  resolution: "rc-select@npm:14.16.3"
+"postcss-load-config@npm:^4.0.2 || ^5.0 || ^6.0":
+  version: 6.0.1
+  resolution: "postcss-load-config@npm:6.0.1"
   dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    "@rc-component/trigger": "npm:^2.1.1"
-    classnames: "npm:2.x"
-    rc-motion: "npm:^2.0.1"
-    rc-overflow: "npm:^1.3.1"
-    rc-util: "npm:^5.16.1"
-    rc-virtual-list: "npm:^3.5.2"
+    lilconfig: "npm:^3.1.1"
   peerDependencies:
-    react: "*"
-    react-dom: "*"
-  checksum: 10c0/076c6455ac622a2362db22db58661955a58ed350f1e3eb128ea8aef34aaad6d98d110d22b30f5c6b433335c83626246baf094cfc0da6aecdf2f682e26dac0c80
+    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
+  checksum: 10c0/74173a58816dac84e44853f7afbd283f4ef13ca0b6baeba27701214beec33f9e309b128f8102e2b173e8d45ecba45d279a9be94b46bf48d219626aa9b5730848
   languageName: node
   linkType: hard
 
-"rc-select@npm:~14.16.8":
-  version: 14.16.8
-  resolution: "rc-select@npm:14.16.8"
+"postcss-mixins@npm:^12.0.0":
+  version: 12.0.0
+  resolution: "postcss-mixins@npm:12.0.0"
   dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    "@rc-component/trigger": "npm:^2.1.1"
-    classnames: "npm:2.x"
-    rc-motion: "npm:^2.0.1"
-    rc-overflow: "npm:^1.3.1"
-    rc-util: "npm:^5.16.1"
-    rc-virtual-list: "npm:^3.5.2"
+    postcss-js: "npm:^4.0.1"
+    postcss-simple-vars: "npm:^7.0.1"
+    sugarss: "npm:^5.0.0"
+    tinyglobby: "npm:^0.2.14"
   peerDependencies:
-    react: "*"
-    react-dom: "*"
-  checksum: 10c0/45f93e270c4b5e5ffc4b0ba0ce5e5ea72fff591a9a7a19b460b1ead0517d17327af9a4c32ce3c7f92b765724f4dabd1aa7146f5a06db73be91c884fe13c92774
+    postcss: ^8.2.14
+  checksum: 10c0/e5314488c143e3786f5fdec5da9002d914ef57cc51a261035fe342163a86a6f9e36e369da008f21c68691d0bd349aef3e10266ceb7e210da4a6a1296e782d214
   languageName: node
   linkType: hard
 
-"rc-slider@npm:~11.1.8":
-  version: 11.1.8
-  resolution: "rc-slider@npm:11.1.8"
+"postcss-nested@npm:^6.2.0":
+  version: 6.2.0
+  resolution: "postcss-nested@npm:6.2.0"
   dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:^2.2.5"
-    rc-util: "npm:^5.36.0"
+    postcss-selector-parser: "npm:^6.1.1"
   peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/b202599abf85e21234c2cababe9c6f908aa7fcdde9eca413ef96b209838f3b1a33292d1a1bbe571b84bf46f8a5d28d5c1a070f331bddc0504101e9e2a75cf422
+    postcss: ^8.2.14
+  checksum: 10c0/7f9c3f2d764191a39364cbdcec350f26a312431a569c9ef17408021424726b0d67995ff5288405e3724bb7152a4c92f73c027e580ec91e798800ed3c52e2bc6e
   languageName: node
   linkType: hard
 
-"rc-steps@npm:~6.0.1":
-  version: 6.0.1
-  resolution: "rc-steps@npm:6.0.1"
+"postcss-nested@npm:^7.0.2":
+  version: 7.0.2
+  resolution: "postcss-nested@npm:7.0.2"
   dependencies:
-    "@babel/runtime": "npm:^7.16.7"
-    classnames: "npm:^2.2.3"
-    rc-util: "npm:^5.16.1"
+    postcss-selector-parser: "npm:^7.0.0"
   peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/0ba1051a469ae95916cafbb6d7fe76f94e6666181129d3012174d8cc25913c6afd691f551ee0dac48a4a86b59cb91699d6a44a1398dcafd661a8a519f70c95e1
+    postcss: ^8.2.14
+  checksum: 10c0/b467f328c89c5b0dcd1b569ae083f6163235c0cac09494a0b284eef5275fa1386bbc26c66c85adf194cef0a65d315994140724a34539a096e5acd39d9c753338
   languageName: node
   linkType: hard
 
-"rc-switch@npm:~4.1.0":
-  version: 4.1.0
-  resolution: "rc-switch@npm:4.1.0"
+"postcss-preset-mantine@npm:^1.18.0":
+  version: 1.18.0
+  resolution: "postcss-preset-mantine@npm:1.18.0"
   dependencies:
-    "@babel/runtime": "npm:^7.21.0"
-    classnames: "npm:^2.2.1"
-    rc-util: "npm:^5.30.0"
+    postcss-mixins: "npm:^12.0.0"
+    postcss-nested: "npm:^7.0.2"
   peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/5ce5b1cadea6e7cd38c0725456ea15c39748fefc39576f7c9288192e69b7f426c4ac7627e266369ece164f281ae08e14ab8f54d4d7858c8bd20707b296980743
+    postcss: ">=8.0.0"
+  checksum: 10c0/11308684261220a88f8607c10846777b7f83a8b44d6e787ed803a5ee4ceabbc447ffbaaccd34da8da650907d502c0703b8245cecf42b2714def1e8991dcec81d
   languageName: node
   linkType: hard
 
-"rc-table@npm:~7.51.1":
-  version: 7.51.1
-  resolution: "rc-table@npm:7.51.1"
+"postcss-selector-parser@npm:^6.1.1, postcss-selector-parser@npm:^6.1.2":
+  version: 6.1.2
+  resolution: "postcss-selector-parser@npm:6.1.2"
   dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    "@rc-component/context": "npm:^1.4.0"
-    classnames: "npm:^2.2.5"
-    rc-resize-observer: "npm:^1.1.0"
-    rc-util: "npm:^5.44.3"
-    rc-virtual-list: "npm:^3.14.2"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/ba6b25b7ff5555c059bdd8d504846839a786eb3eb5701b0ac648fb65e8197ed5a9d046d06881df19f6b1fbe014097f7260cc9e1c25c7644278cc6a53c71198fb
+    cssesc: "npm:^3.0.0"
+    util-deprecate: "npm:^1.0.2"
+  checksum: 10c0/523196a6bd8cf660bdf537ad95abd79e546d54180f9afb165a4ab3e651ac705d0f8b8ce6b3164fb9e3279ce482c5f751a69eb2d3a1e8eb0fd5e82294fb3ef13e
   languageName: node
   linkType: hard
 
-"rc-tabs@npm:~15.6.1":
-  version: 15.6.1
-  resolution: "rc-tabs@npm:15.6.1"
+"postcss-selector-parser@npm:^7.0.0":
+  version: 7.1.0
+  resolution: "postcss-selector-parser@npm:7.1.0"
   dependencies:
-    "@babel/runtime": "npm:^7.11.2"
-    classnames: "npm:2.x"
-    rc-dropdown: "npm:~4.2.0"
-    rc-menu: "npm:~9.16.0"
-    rc-motion: "npm:^2.6.2"
-    rc-resize-observer: "npm:^1.0.0"
-    rc-util: "npm:^5.34.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/b982582902684eae5ec1783af4de1d31bd8c8fc7419dec3abd883abfa51d7a270db01a73bc579341fc84b0c8a92fc2cbd0e8ed272ce31b4ea2ac5979eaf5215c
+    cssesc: "npm:^3.0.0"
+    util-deprecate: "npm:^1.0.2"
+  checksum: 10c0/0fef257cfd1c0fe93c18a3f8a6e739b4438b527054fd77e9a62730a89b2d0ded1b59314a7e4aaa55bc256204f40830fecd2eb50f20f8cb7ab3a10b52aa06c8aa
   languageName: node
   linkType: hard
 
-"rc-textarea@npm:~1.10.0":
-  version: 1.10.0
-  resolution: "rc-textarea@npm:1.10.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:^2.2.1"
-    rc-input: "npm:~1.8.0"
-    rc-resize-observer: "npm:^1.0.0"
-    rc-util: "npm:^5.27.0"
+"postcss-simple-vars@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "postcss-simple-vars@npm:7.0.1"
   peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/aef90816078afa4bae54f152ca8a06834bb86d700e22a30f65979dc45fa5fbb10fe9894ecf2acb10102a3183c5a03b3518134db0df3ba3a32a79fe6de398fde0
+    postcss: ^8.2.1
+  checksum: 10c0/b59c750b2f406a18b133184144b5ffefbd21a2179c5bf5d54651269c0b6bb0110c2bbed33a9161d8b93f8a11cf7725da0a65653e7c2786c8a59f937591115a33
   languageName: node
   linkType: hard
 
-"rc-tooltip@npm:~6.4.0":
-  version: 6.4.0
-  resolution: "rc-tooltip@npm:6.4.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.11.2"
-    "@rc-component/trigger": "npm:^2.0.0"
-    classnames: "npm:^2.3.1"
-    rc-util: "npm:^5.44.3"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/49b9c56fc877b38084b4076edb1b61f0272bdd290c6ef161a0e1cf6426488e948c20439cf4ae31e076f3957b894feb326e4a1d7880400de2c29b1d54f736a342
+"postcss-value-parser@npm:^4.0.0":
+  version: 4.2.0
+  resolution: "postcss-value-parser@npm:4.2.0"
+  checksum: 10c0/f4142a4f56565f77c1831168e04e3effd9ffcc5aebaf0f538eee4b2d465adfd4b85a44257bb48418202a63806a7da7fe9f56c330aebb3cac898e46b4cbf49161
   languageName: node
   linkType: hard
 
-"rc-tree-select@npm:~5.27.0":
-  version: 5.27.0
-  resolution: "rc-tree-select@npm:5.27.0"
+"postcss@npm:^8.4.47":
+  version: 8.4.49
+  resolution: "postcss@npm:8.4.49"
   dependencies:
-    "@babel/runtime": "npm:^7.25.7"
-    classnames: "npm:2.x"
-    rc-select: "npm:~14.16.2"
-    rc-tree: "npm:~5.13.0"
-    rc-util: "npm:^5.43.0"
-  peerDependencies:
-    react: "*"
-    react-dom: "*"
-  checksum: 10c0/26aad0e13e5f9fe501574ba50826edda9b67a5bf22adbe1dc8e3a793fb784318b235165d6054a047b5934cdfbbd88ea1a524726edbad9107cd0f1d28782f9cc5
+    nanoid: "npm:^3.3.7"
+    picocolors: "npm:^1.1.1"
+    source-map-js: "npm:^1.2.1"
+  checksum: 10c0/f1b3f17aaf36d136f59ec373459f18129908235e65dbdc3aee5eef8eba0756106f52de5ec4682e29a2eab53eb25170e7e871b3e4b52a8f1de3d344a514306be3
   languageName: node
   linkType: hard
 
-"rc-tree@npm:~5.13.0, rc-tree@npm:~5.13.1":
-  version: 5.13.1
-  resolution: "rc-tree@npm:5.13.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:2.x"
-    rc-motion: "npm:^2.0.1"
-    rc-util: "npm:^5.16.1"
-    rc-virtual-list: "npm:^3.5.1"
-  peerDependencies:
-    react: "*"
-    react-dom: "*"
-  checksum: 10c0/4a27783d319f9e5367e9d123a2f9a6daa0383e705e055abb47f3ff7fa93249c5c26bbb27b7c6602163faefbfe0f3e923eb3a55d1e1f1d09d04b7bdf37942c2d4
+"proc-log@npm:^4.1.0, proc-log@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "proc-log@npm:4.2.0"
+  checksum: 10c0/17db4757c2a5c44c1e545170e6c70a26f7de58feb985091fb1763f5081cab3d01b181fb2dd240c9f4a4255a1d9227d163d5771b7e69c9e49a561692db865efb9
   languageName: node
   linkType: hard
 
-"rc-upload@npm:~4.9.2":
-  version: 4.9.2
-  resolution: "rc-upload@npm:4.9.2"
+"promise-retry@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "promise-retry@npm:2.0.1"
   dependencies:
-    "@babel/runtime": "npm:^7.18.3"
-    classnames: "npm:^2.2.5"
-    rc-util: "npm:^5.2.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/2299f4a3d8fa87449178761fcdc3c574b21e34d2f6816ecb6c08729f699e67b23d1284f4077b9ceceb1cc8502d7c350311bc2d1dfacec7f6780d2bf9691888cb
+    err-code: "npm:^2.0.2"
+    retry: "npm:^0.12.0"
+  checksum: 10c0/9c7045a1a2928094b5b9b15336dcd2a7b1c052f674550df63cc3f36cd44028e5080448175b6f6ca32b642de81150f5e7b1a98b728f15cb069f2dd60ac2616b96
   languageName: node
   linkType: hard
 
-"rc-util@npm:^5.0.1, rc-util@npm:^5.16.1, rc-util@npm:^5.17.0, rc-util@npm:^5.18.1, rc-util@npm:^5.2.0, rc-util@npm:^5.20.1, rc-util@npm:^5.21.0, rc-util@npm:^5.24.4, rc-util@npm:^5.25.2, rc-util@npm:^5.27.0, rc-util@npm:^5.30.0, rc-util@npm:^5.31.1, rc-util@npm:^5.32.2, rc-util@npm:^5.34.1, rc-util@npm:^5.35.0, rc-util@npm:^5.36.0, rc-util@npm:^5.37.0, rc-util@npm:^5.38.0, rc-util@npm:^5.38.1, rc-util@npm:^5.40.1, rc-util@npm:^5.43.0":
-  version: 5.43.0
-  resolution: "rc-util@npm:5.43.0"
+"prop-types@npm:^15.6.2, prop-types@npm:^15.8.1":
+  version: 15.8.1
+  resolution: "prop-types@npm:15.8.1"
   dependencies:
-    "@babel/runtime": "npm:^7.18.3"
-    react-is: "npm:^18.2.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/39f7904c9851f2b0a2dace5ac578f42000498412d7da5ef2063fd547db91d158dcb376bcbacf49fb7790d2721727bd38ea3483294ef51eb6099a793b2e17e9db
+    loose-envify: "npm:^1.4.0"
+    object-assign: "npm:^4.1.1"
+    react-is: "npm:^16.13.1"
+  checksum: 10c0/59ece7ca2fb9838031d73a48d4becb9a7cc1ed10e610517c7d8f19a1e02fa47f7c27d557d8a5702bec3cfeccddc853579832b43f449e54635803f277b1c78077
   languageName: node
   linkType: hard
 
-"rc-util@npm:^5.44.0":
-  version: 5.44.2
-  resolution: "rc-util@npm:5.44.2"
-  dependencies:
-    "@babel/runtime": "npm:^7.18.3"
-    react-is: "npm:^18.2.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/63e285b8a93f840b99a1a229d8cfc3fbb7391c8f1552ae5f123c8b4eb21d59374bdd61ad1457f1a4c1bcda97bec5759dbd7d443e1df5a81023b629158e729696
+"proxy-from-env@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "proxy-from-env@npm:1.1.0"
+  checksum: 10c0/fe7dd8b1bdbbbea18d1459107729c3e4a2243ca870d26d34c2c1bcd3e4425b7bcc5112362df2d93cc7fb9746f6142b5e272fd1cc5c86ddf8580175186f6ad42b
   languageName: node
   linkType: hard
 
-"rc-util@npm:^5.44.1, rc-util@npm:^5.44.3, rc-util@npm:^5.44.4":
-  version: 5.44.4
-  resolution: "rc-util@npm:5.44.4"
-  dependencies:
-    "@babel/runtime": "npm:^7.18.3"
-    react-is: "npm:^18.2.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/748b71a6280ddaaac93d1fb2c92f03818775468e7ccb6c221484687cc0b7e879d083e98e338f75ac0fe2e942dbb9c2405bd32d25e5a804bf1fb7a11f3f897127
+"queue-microtask@npm:^1.2.2":
+  version: 1.2.3
+  resolution: "queue-microtask@npm:1.2.3"
+  checksum: 10c0/900a93d3cdae3acd7d16f642c29a642aea32c2026446151f0778c62ac089d4b8e6c986811076e1ae180a694cedf077d453a11b58ff0a865629a4f82ab558e102
   languageName: node
   linkType: hard
 
-"rc-virtual-list@npm:^3.14.2, rc-virtual-list@npm:^3.5.1, rc-virtual-list@npm:^3.5.2":
-  version: 3.14.5
-  resolution: "rc-virtual-list@npm:3.14.5"
-  dependencies:
-    "@babel/runtime": "npm:^7.20.0"
-    classnames: "npm:^2.2.6"
-    rc-resize-observer: "npm:^1.0.0"
-    rc-util: "npm:^5.36.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/4e292756d3f48c3d92fa571f52d984bc048cc7f599c8cbb7dad9d7dc34bef83e0ee14963fe86c4662c6072ffade2838dd5a2dbc1e7d8584db4fef5f202fcc3bb
+"raf-schd@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "raf-schd@npm:4.0.3"
+  checksum: 10c0/ecabf0957c05fad059779bddcd992f1a9d3a35dfea439a6f0935c382fcf4f7f7fa60489e467b4c2db357a3665167d2a379782586b59712bb36c766e02824709b
   languageName: node
   linkType: hard
 
-"react-dom@npm:^19.1.0":
-  version: 19.1.0
-  resolution: "react-dom@npm:19.1.0"
+"react-dom@npm:^19.2.3":
+  version: 19.2.3
+  resolution: "react-dom@npm:19.2.3"
   dependencies:
-    scheduler: "npm:^0.26.0"
+    scheduler: "npm:^0.27.0"
   peerDependencies:
-    react: ^19.1.0
-  checksum: 10c0/3e26e89bb6c67c9a6aa86cb888c7a7f8258f2e347a6d2a15299c17eb16e04c19194e3452bc3255bd34000a61e45e2cb51e46292392340432f133e5a5d2dfb5fc
+    react: ^19.2.3
+  checksum: 10c0/dc43f7ede06f46f3acc16ee83107c925530de9b91d1d0b3824583814746ff4c498ea64fd65cd83aba363205268adff52e2827c582634ae7b15069deaeabc4892
   languageName: node
   linkType: hard
 
@@ -4032,12 +3968,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-hook-form@npm:^7.60.0":
-  version: 7.60.0
-  resolution: "react-hook-form@npm:7.60.0"
+"react-hook-form@npm:^7.71.0":
+  version: 7.71.0
+  resolution: "react-hook-form@npm:7.71.0"
   peerDependencies:
     react: ^16.8.0 || ^17 || ^18 || ^19
-  checksum: 10c0/eb8518d42a074d9e115d4b414bac18ae72708b2d047a9453dcc7588b00df300b32cebf6ecb7f2c8aa534808b3dc54bde4124af95c1e432b6691f9aba07c93b11
+  checksum: 10c0/848a9710d1e0e7ba7ec61229f48ba52bb182761b8ac9604e03cf893dbf357da61f5fc8d761ae3554d508fdd1e4f81a74c847056e3e7c2e812288c753d9f8303b
   languageName: node
   linkType: hard
 
@@ -4055,7 +3991,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-number-format@npm:^5.4.3":
+"react-number-format@npm:^5.4.4":
   version: 5.4.4
   resolution: "react-number-format@npm:5.4.4"
   peerDependencies:
@@ -4091,6 +4027,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-refresh@npm:^0.18.0":
+  version: 0.18.0
+  resolution: "react-refresh@npm:0.18.0"
+  checksum: 10c0/34a262f7fd803433a534f50deb27a148112a81adcae440c7d1cbae7ef14d21ea8f2b3d783e858cb7698968183b77755a38b4d4b5b1d79b4f4689c2f6d358fff2
+  languageName: node
+  linkType: hard
+
 "react-remove-scroll-bar@npm:^2.3.7":
   version: 2.3.8
   resolution: "react-remove-scroll-bar@npm:2.3.8"
@@ -4107,9 +4050,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-remove-scroll@npm:^2.6.2":
-  version: 2.6.3
-  resolution: "react-remove-scroll@npm:2.6.3"
+"react-remove-scroll@npm:^2.7.1":
+  version: 2.7.2
+  resolution: "react-remove-scroll@npm:2.7.2"
   dependencies:
     react-remove-scroll-bar: "npm:^2.3.7"
     react-style-singleton: "npm:^2.2.3"
@@ -4122,25 +4065,25 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/068e9704ff26816fffc4c8903e2c6c8df7291ee08615d7c1ab0cf8751f7080e2c5a5d78ef5d908b11b9cfc189f176d312e44cb02ea291ca0466d8283b479b438
+  checksum: 10c0/b5f3315bead75e72853f492c0b51ba8fb4fa09a4534d7fc42d6fcd59ca3e047cf213279ffc1e35b337e314ef5a04cb2b12544c85e0078802271731c27c09e5aa
   languageName: node
   linkType: hard
 
-"react-router-dom@npm:^7.6.3":
-  version: 7.6.3
-  resolution: "react-router-dom@npm:7.6.3"
+"react-router-dom@npm:^7.12.0":
+  version: 7.12.0
+  resolution: "react-router-dom@npm:7.12.0"
   dependencies:
-    react-router: "npm:7.6.3"
+    react-router: "npm:7.12.0"
   peerDependencies:
     react: ">=18"
     react-dom: ">=18"
-  checksum: 10c0/51ebd9c71255d836a055b87745070c1800733212088fbb1a7031ce16cbf420ad12a4286faebfc7dc62be6931a0eee74f4dc68f05e7d7a63933bc53b5c9c101f6
+  checksum: 10c0/48cb6e5d47e9aa91dd3982555bb84512d7048a7d1fc676a182c444d470f00b3cf9bef311c1c0f8fbc711c95cc5b3dde39b26cf8ec7feb3ebaf21a00e4cef6816
   languageName: node
   linkType: hard
 
-"react-router@npm:7.6.3":
-  version: 7.6.3
-  resolution: "react-router@npm:7.6.3"
+"react-router@npm:7.12.0":
+  version: 7.12.0
+  resolution: "react-router@npm:7.12.0"
   dependencies:
     cookie: "npm:^1.0.1"
     set-cookie-parser: "npm:^2.6.0"
@@ -4150,7 +4093,7 @@ __metadata:
   peerDependenciesMeta:
     react-dom:
       optional: true
-  checksum: 10c0/43c8dd124d1c3f9fb11afa905fb0c87e19b73b04877e9be09f84eac34948ea90d6c4aae408c8030fe6dc4ed88c0bcf2e857b53a817ebbe5ce7d26e485a330c7d
+  checksum: 10c0/abde366f716cb3961a5a390c278375c0591bace5773e1b4420001f0a913b4dd53d490e7dea866acebcac2c0fa07378aa83702769d449449027406ed517a8ea00
   languageName: node
   linkType: hard
 
@@ -4198,10 +4141,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^19.1.0":
-  version: 19.1.0
-  resolution: "react@npm:19.1.0"
-  checksum: 10c0/530fb9a62237d54137a13d2cfb67a7db6a2156faed43eecc423f4713d9b20c6f2728b026b45e28fcd72e8eadb9e9ed4b089e99f5e295d2f0ad3134251bdd3698
+"react@npm:^19.2.3":
+  version: 19.2.3
+  resolution: "react@npm:19.2.3"
+  checksum: 10c0/094220b3ba3a76c1b668f972ace1dd15509b157aead1b40391d1c8e657e720c201d9719537375eff08f5e0514748c0319063392a6f000e31303aafc4471f1436
   languageName: node
   linkType: hard
 
@@ -4237,13 +4180,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resize-observer-polyfill@npm:^1.5.1":
-  version: 1.5.1
-  resolution: "resize-observer-polyfill@npm:1.5.1"
-  checksum: 10c0/5e882475067f0b97dc07e0f37c3e335ac5bc3520d463f777cec7e894bb273eddbfecb857ae668e6fb6881fd6f6bb7148246967172139302da50fa12ea3a15d95
-  languageName: node
-  linkType: hard
-
 "resolve-from@npm:^4.0.0":
   version: 4.0.0
   resolution: "resolve-from@npm:4.0.0"
@@ -4307,10 +4243,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.26.0":
-  version: 0.26.0
-  resolution: "scheduler@npm:0.26.0"
-  checksum: 10c0/5b8d5bfddaae3513410eda54f2268e98a376a429931921a81b5c3a2873aab7ca4d775a8caac5498f8cbc7d0daeab947cf923dbd8e215d61671f9f4e392d34356
+"scheduler@npm:^0.27.0":
+  version: 0.27.0
+  resolution: "scheduler@npm:0.27.0"
+  checksum: 10c0/4f03048cb05a3c8fddc45813052251eca00688f413a3cee236d984a161da28db28ba71bd11e7a3dd02f7af84ab28d39fb311431d3b3772fed557945beb00c452
   languageName: node
   linkType: hard
 
@@ -4500,13 +4436,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylis@npm:^4.3.3":
-  version: 4.3.4
-  resolution: "stylis@npm:4.3.4"
-  checksum: 10c0/4899c2674cd2538e314257abd1ba7ea3c2176439659ddac6593c78192cfd4a06f814a0a4fc69bc7f8fcc6b997e13d383dd9b578b71074746a0fb86045a83e42d
-  languageName: node
-  linkType: hard
-
 "stylis@npm:^4.3.4":
   version: 4.3.6
   resolution: "stylis@npm:4.3.6"
@@ -4581,15 +4510,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"swr@npm:^2.3.4":
-  version: 2.3.4
-  resolution: "swr@npm:2.3.4"
+"swr@npm:^2.3.8":
+  version: 2.3.8
+  resolution: "swr@npm:2.3.8"
   dependencies:
     dequal: "npm:^2.0.3"
-    use-sync-external-store: "npm:^1.4.0"
+    use-sync-external-store: "npm:^1.6.0"
   peerDependencies:
     react: ^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 10c0/c5cf536c2652fc6b64d64d3ce232f8bbe25dcaffc688f852fb81cf06e28b59280ebebde752429d9801c3af8e7a956ee7242376a6386a599cedc0000b862a712d
+  checksum: 10c0/ee879100fc14a9d3a9f453842cb838027f3eba728e1b33be4998eea2f612d4822a5f70815c64cceb554ba36d9120fe3d7fed63597642823f204752750208fd8e
   languageName: node
   linkType: hard
 
@@ -4607,9 +4536,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwindcss@npm:^3.4.17":
-  version: 3.4.17
-  resolution: "tailwindcss@npm:3.4.17"
+"tailwindcss@npm:^3.4.19":
+  version: 3.4.19
+  resolution: "tailwindcss@npm:3.4.19"
   dependencies:
     "@alloc/quick-lru": "npm:^5.2.0"
     arg: "npm:^5.0.2"
@@ -4619,7 +4548,7 @@ __metadata:
     fast-glob: "npm:^3.3.2"
     glob-parent: "npm:^6.0.2"
     is-glob: "npm:^4.0.3"
-    jiti: "npm:^1.21.6"
+    jiti: "npm:^1.21.7"
     lilconfig: "npm:^3.1.3"
     micromatch: "npm:^4.0.8"
     normalize-path: "npm:^3.0.0"
@@ -4628,7 +4557,7 @@ __metadata:
     postcss: "npm:^8.4.47"
     postcss-import: "npm:^15.1.0"
     postcss-js: "npm:^4.0.1"
-    postcss-load-config: "npm:^4.0.2"
+    postcss-load-config: "npm:^4.0.2 || ^5.0 || ^6.0"
     postcss-nested: "npm:^6.2.0"
     postcss-selector-parser: "npm:^6.1.2"
     resolve: "npm:^1.22.8"
@@ -4636,7 +4565,7 @@ __metadata:
   bin:
     tailwind: lib/cli.js
     tailwindcss: lib/cli.js
-  checksum: 10c0/cc42c6e7fdf88a5507a0d7fea37f1b4122bec158977f8c017b2ae6828741f9e6f8cb90282c6bf2bd5951fd1220a53e0a50ca58f5c1c00eb7f5d9f8b80dc4523c
+  checksum: 10c0/e1063daccb9e5a508b357ec73b0011354204b2366b56496d6f0cc822733a55a0551502cb85856a2257ef9b676d0026616daaaa176d391f3216df57fbd693c581
   languageName: node
   linkType: hard
 
@@ -4712,13 +4641,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"toggle-selection@npm:^1.0.6":
-  version: 1.0.6
-  resolution: "toggle-selection@npm:1.0.6"
-  checksum: 10c0/f2cf1f2c70f374fd87b0cdc8007453ba9e981c4305a8bf4eac10a30e62ecdfd28bca7d18f8f15b15a506bf8a7bfb20dbe3539f0fcf2a2c8396c1a78d53e1f179
-  languageName: node
-  linkType: hard
-
 "ts-interface-checker@npm:^0.1.9":
   version: 0.1.13
   resolution: "ts-interface-checker@npm:0.1.13"
@@ -4740,30 +4662,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^4.27.0":
-  version: 4.30.1
-  resolution: "type-fest@npm:4.30.1"
-  checksum: 10c0/7ee8084aa764c9703f92e4c3546e0943909a1b508c93a02f1e528b877803b4af2cd68982d1d36578738a14026d5f5a3049d840aa11fca1d690d13a1612222da1
+"type-fest@npm:^4.41.0":
+  version: 4.41.0
+  resolution: "type-fest@npm:4.41.0"
+  checksum: 10c0/f5ca697797ed5e88d33ac8f1fec21921839871f808dc59345c9cf67345bfb958ce41bd821165dbf3ae591cedec2bf6fe8882098dfdd8dc54320b859711a2c1e4
   languageName: node
   linkType: hard
 
-"typescript@npm:^5.8.3":
-  version: 5.8.3
-  resolution: "typescript@npm:5.8.3"
+"typescript@npm:^5.9.3":
+  version: 5.9.3
+  resolution: "typescript@npm:5.9.3"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/5f8bb01196e542e64d44db3d16ee0e4063ce4f3e3966df6005f2588e86d91c03e1fb131c2581baf0fb65ee79669eea6e161cd448178986587e9f6844446dbb48
+  checksum: 10c0/6bd7552ce39f97e711db5aa048f6f9995b53f1c52f7d8667c1abdc1700c68a76a308f579cd309ce6b53646deb4e9a1be7c813a93baaf0a28ccd536a30270e1c5
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A^5.8.3#optional!builtin<compat/typescript>":
-  version: 5.8.3
-  resolution: "typescript@patch:typescript@npm%3A5.8.3#optional!builtin<compat/typescript>::version=5.8.3&hash=8c6c40"
+"typescript@patch:typescript@npm%3A^5.9.3#optional!builtin<compat/typescript>":
+  version: 5.9.3
+  resolution: "typescript@patch:typescript@npm%3A5.9.3#optional!builtin<compat/typescript>::version=5.9.3&hash=8c6c40"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/92ea03509e06598948559ddcdd8a4ae5a7ab475766d5589f1b796f5731b3d631a4c7ddfb86a3bd44d58d10102b132cd4b4994dda9b63e6273c66d77d6a271dbd
+  checksum: 10c0/6f7e53bf0d9702350deeb6f35e08b69cbc8b958c33e0ec77bdc0ad6a6c8e280f3959dcbfde6f5b0848bece57810696489deaaa53d75de3578ff255d168c1efbd
   languageName: node
   linkType: hard
 
@@ -4881,6 +4803,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"use-sync-external-store@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "use-sync-external-store@npm:1.6.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 10c0/35e1179f872a53227bdf8a827f7911da4c37c0f4091c29b76b1e32473d1670ebe7bcd880b808b7549ba9a5605c233350f800ffab963ee4a4ee346ee983b6019b
+  languageName: node
+  linkType: hard
+
 "util-deprecate@npm:^1.0.2":
   version: 1.0.2
   resolution: "util-deprecate@npm:1.0.2"
@@ -4946,25 +4877,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yaml@npm:^2.3.4":
-  version: 2.5.1
-  resolution: "yaml@npm:2.5.1"
-  bin:
-    yaml: bin.mjs
-  checksum: 10c0/40fba5682898dbeeb3319e358a968fe886509fab6f58725732a15f8dda3abac509f91e76817c708c9959a15f786f38ff863c1b88062d7c1162c5334a7d09cb4a
-  languageName: node
-  linkType: hard
-
-"zod@npm:^3.25.74":
-  version: 3.25.74
-  resolution: "zod@npm:3.25.74"
-  checksum: 10c0/59e38b046ac333b5bd1ba325a83b6798721227cbfb1e69dfc7159bd7824b904241ab923026edb714fafefec3624265ae374a70aee9a5a45b365bd31781ffa105
+"zod@npm:^4.3.5":
+  version: 4.3.5
+  resolution: "zod@npm:4.3.5"
+  checksum: 10c0/5a2db7e59177a3d7e202543f5136cb87b97b047b77c8a3d824098d3fa8b80d3aa40a0a5f296965c3b82dfdccdd05dbbfacce91347f16a39c675680fd7b1ab109
   languageName: node
   linkType: hard
 
-"zustand@npm:^5.0.6":
-  version: 5.0.6
-  resolution: "zustand@npm:5.0.6"
+"zustand@npm:^5.0.9":
+  version: 5.0.9
+  resolution: "zustand@npm:5.0.9"
   peerDependencies:
     "@types/react": ">=18.0.0"
     immer: ">=9.0.6"
@@ -4979,6 +4901,6 @@ __metadata:
       optional: true
     use-sync-external-store:
       optional: true
-  checksum: 10c0/28e0c83978173741fe0d1f8c8d51b2708d6ad3d49968585c179a6ece45b7b149e489f89af9764b56dced842efe2914d89d5ba2d3890e026a4e4b072308fcd11c
+  checksum: 10c0/552849e4546c7760704d6509a5c412d57c62a1fa9e53169c939ba5e3d75f8cb3df50a64c3a22e6c3f1c8cc00de7543e4edd61ab5ae0c9169ba9a98e28303aba6
   languageName: node
   linkType: hard

From 72e9925788b27893cec5ce730029b57534e16de9 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Fri, 16 Jan 2026 03:02:52 +0800
Subject: [PATCH 02/21] feat(region): add recreateRegionOrder

---
 src/api/dashboard/region.ts          | 12 ++++++-
 src/pages/dashboard/region/index.tsx | 54 +++++++++++++++++++---------
 2 files changed, 49 insertions(+), 17 deletions(-)

diff --git a/src/api/dashboard/region.ts b/src/api/dashboard/region.ts
index aed7659..a206087 100644
--- a/src/api/dashboard/region.ts
+++ b/src/api/dashboard/region.ts
@@ -1,5 +1,5 @@
 import Axios from "@/api";
-import type { EditableRegion, Region } from "@/types/region";
+import type { EditableRegion, Region, RegionType } from "@/types/region";
 import type { List } from "@/types/Request";
 
 export async function getRegionList(params: {
@@ -43,3 +43,13 @@ export async function deleteRegion(id: string) {
 
   return res.data;
 }
+
+export async function recreateRegionOrder(type: RegionType) {
+  const res = await Axios.post<{
+    success: boolean;
+  }>("/internal/cms/region/recreate-order", {
+    type,
+  });
+
+  return res.data;
+}
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index 52a6d18..eccff84 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -1,12 +1,14 @@
-import { Button, Group, Title } from '@mantine/core';
-import { useState } from 'react';
-import { useQuery } from '@tanstack/react-query';
-import DefaultContainer from '@/components/Container';
-import { IconCirclePlus } from '@tabler/icons-react';
-import { useNavigate } from 'react-router-dom';
-import { getRegionList } from '@/api/dashboard/region';
-import RegionList from '@/pages/dashboard/region/components/RegionList';
-import type { Region } from '@/types/region';
+import { Button, Group, Title } from "@mantine/core";
+import { useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import DefaultContainer from "@/components/Container";
+import { IconCirclePlus, IconRefresh } from "@tabler/icons-react";
+import { useNavigate } from "react-router-dom";
+import { getRegionList, recreateRegionOrder } from "@/api/dashboard/region";
+import RegionList from "@/pages/dashboard/region/components/RegionList";
+import { RegionType, type Region } from "@/types/region";
+import { Space } from "antd";
+import { notifications } from "@mantine/notifications";
 
 export default function RegionPage() {
   const navigate = useNavigate();
@@ -17,22 +19,42 @@ export default function RegionPage() {
   });
 
   const { isPending, isError, data, error, refetch } = useQuery({
-    queryKey: ['region-list', pagination],
+    queryKey: ["region-list", pagination],
     queryFn: () => getRegionList(pagination),
   });
 
+  const handleRefreshRegionSort = async () => {
+    try {
+      await recreateRegionOrder(RegionType.CITY);
+      notifications.show({
+        title: "刷新成功",
+        message: "刷新区域排序成功",
+      });
+    } catch (error) {
+      console.error(error);
+    }
+  };
+
   return (
     <>
       <DefaultContainer className="sticky top-0 z-10">
         <Group justify="space-between">
           <Title order={2}>区域列表</Title>
 
-          <Button
-            leftSection={<IconCirclePlus size={16} stroke={1.5} />}
-            onClick={() => navigate('/dashboard/region/create')}
-          >
-            添加区域
-          </Button>
+          <Space>
+            <Button
+              leftSection={<IconRefresh size={16} stroke={1.5} />}
+              onClick={handleRefreshRegionSort}
+            >
+              刷新区域排序
+            </Button>
+            <Button
+              leftSection={<IconCirclePlus size={16} stroke={1.5} />}
+              onClick={() => navigate("/dashboard/region/create")}
+            >
+              添加区域
+            </Button>
+          </Space>
         </Group>
       </DefaultContainer>
 

From 5a33251aacd5a7a7a2970f0f3c5865fed9d6fece Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Fri, 16 Jan 2026 16:20:15 +0800
Subject: [PATCH 03/21] chore: replace mantine with antd

---
 src/App.tsx                                   |   2 +-
 src/components/Error/index.tsx                |  18 +-
 src/components/Event/LocationSearch/index.tsx |  24 +-
 .../EventFeatureSelector/index.tsx            |  13 +-
 .../OrganizatonSelector/index.tsx             |  13 +-
 .../Region/RegionSelector/index.tsx           |  15 +-
 src/components/UploadImage/index.tsx          | 200 ++++-----
 src/index.tsx                                 |  31 +-
 src/pages/auth/index.tsx                      |  75 ++--
 src/pages/dashboard/cacheManager/index.tsx    |  74 ++--
 .../components/ApplicationList/index.tsx      | 133 +++---
 .../dashboard/developer/application/index.tsx |  14 +-
 .../event/components/EventList/index.tsx      | 149 +++----
 src/pages/dashboard/event/edit/BasicInfo.tsx  | 111 ++---
 .../event/edit/EventAdditionalInfo.tsx        |  15 +-
 src/pages/dashboard/event/edit/EventMedia.tsx | 277 ++++++-------
 .../dashboard/event/edit/EventSources.tsx     | 170 ++++----
 .../dashboard/event/edit/GeographicInfo.tsx   |  65 ++-
 .../dashboard/event/edit/TicketChannels.tsx   | 179 ++++----
 src/pages/dashboard/event/edit/UriBuilder.tsx |  23 +-
 src/pages/dashboard/event/edit/index.tsx      |  72 ++--
 src/pages/dashboard/event/page.tsx            |  20 +-
 .../components/FeatureEditor/index.tsx        |  35 +-
 .../feature/components/FeatureList/index.tsx  |  86 ++--
 src/pages/dashboard/feature/index.tsx         |  24 +-
 src/pages/dashboard/index.tsx                 |  54 +--
 src/pages/dashboard/layout.tsx                | 211 +++++-----
 .../components/OrganizationList/index.tsx     | 182 ++++----
 .../dashboard/organization/edit/index.tsx     | 391 +++++++++---------
 src/pages/dashboard/organization/page.tsx     |  13 +-
 .../region/components/RegionList/index.tsx    |  82 ++--
 src/pages/dashboard/region/edit/index.tsx     |  62 ++-
 src/pages/dashboard/region/index.tsx          |  23 +-
 src/pages/error.tsx                           |  36 +-
 34 files changed, 1381 insertions(+), 1511 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 182fc0c..929f923 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,9 +8,9 @@ import DashboardLayout from "@/pages/dashboard/layout";
 
 import "@/styles/global.css";
 
+// Form 相关的 mantine 样式保留
 import "@mantine/core/styles.css";
 import "@mantine/dates/styles.css";
-import "@mantine/notifications/styles.css";
 
 const App = () => {
   const { user, _hasHydrated } = useAuthStore();
diff --git a/src/components/Error/index.tsx b/src/components/Error/index.tsx
index 7ba39b2..f304951 100644
--- a/src/components/Error/index.tsx
+++ b/src/components/Error/index.tsx
@@ -1,23 +1,25 @@
 import DefaultContainer from '@/components/Container';
-import { Container, Title, Text, Group, Button } from '@mantine/core';
+import { Typography, Button, Flex } from 'antd';
 import { useNavigate } from 'react-router-dom';
 
+const { Title, Text } = Typography;
+
 export default function LoadError() {
   const navigate = useNavigate();
 
   return (
     <DefaultContainer className="sticky top-0 z-10">
-      <Container className="flex flex-col items-center justify-center">
-        <Title className="text-slate-700">发生了错误...</Title>
-        <Text c="dimmed" size="lg" ta="center">
+      <Flex vertical align="center" justify="center">
+        <Title level={3} className="text-slate-700">发生了错误...</Title>
+        <Text type="secondary" style={{ fontSize: 16, textAlign: 'center' }}>
           加载数据时发生了错误，最大的可能是这个数据不存在，如果持续遇到这个问题，请把地址报告给开发者。
         </Text>
-        <Group justify="center">
-          <Button variant="subtle" size="md" onClick={() => navigate(-1)}>
+        <Flex justify="center" style={{ marginTop: 16 }}>
+          <Button type="text" size="middle" onClick={() => navigate(-1)}>
             返回
           </Button>
-        </Group>
-      </Container>
+        </Flex>
+      </Flex>
     </DefaultContainer>
   );
 }
diff --git a/src/components/Event/LocationSearch/index.tsx b/src/components/Event/LocationSearch/index.tsx
index 59db538..2e3b5f2 100644
--- a/src/components/Event/LocationSearch/index.tsx
+++ b/src/components/Event/LocationSearch/index.tsx
@@ -1,10 +1,9 @@
 import { getTencentLocation } from "@/api/dashboard/map";
 import { TencentLocation } from "@/types/map";
 import { Region } from "@/types/region";
-import { Center, SimpleGrid, Stack } from "@mantine/core";
+import { Flex, Row, Col } from "antd";
 import { useMutation } from "@tanstack/react-query";
 import { Card, Modal, Spin } from "antd";
-import axios from "axios";
 import { useEffect, useState } from "react";
 
 export default function LocationSearch({
@@ -72,20 +71,21 @@ function ModalContent({
   }, [keyword, region]);
 
   return isPending ? (
-    <Center>
+    <Flex justify="center" align="center">
       <Spin />
-    </Center>
+    </Flex>
   ) : (
-    <SimpleGrid cols={2}>
+    <Row gutter={[16, 16]}>
       {addressSearchResult?.data.map((location) => (
-        <LocationItem
-          key={location.id}
-          location={location}
-          onSelect={onSelect}
-          selected={selectedLocation?.id === location.id}
-        />
+        <Col span={12} key={location.id}>
+          <LocationItem
+            location={location}
+            onSelect={onSelect}
+            selected={selectedLocation?.id === location.id}
+          />
+        </Col>
       ))}
-    </SimpleGrid>
+    </Row>
   );
 }
 
diff --git a/src/components/EventFeature/EventFeatureSelector/index.tsx b/src/components/EventFeature/EventFeatureSelector/index.tsx
index f9c1fdd..e362c0a 100644
--- a/src/components/EventFeature/EventFeatureSelector/index.tsx
+++ b/src/components/EventFeature/EventFeatureSelector/index.tsx
@@ -1,8 +1,7 @@
 import { getFeatureList } from "@/api/dashboard/feature";
 import type { FeatureType } from "@/types/feature";
 import { FeatureCategoryLabel } from "@/types/feature";
-import { Input } from "@mantine/core";
-import { Select, Spin } from "antd";
+import { Select, Spin, Form } from "antd";
 import { debounce } from "es-toolkit";
 import { useState, useCallback } from "react";
 import useSWR from "swr";
@@ -97,11 +96,11 @@ export default function EventFeatureSelector({
   };
 
   return (
-    <Input.Wrapper
+    <Form.Item
       label={label}
-      description={description}
-      error={error}
-      withAsterisk={required}
+      help={description}
+      validateStatus={error || swrError ? "error" : undefined}
+      required={required}
     >
       <Select
         placeholder={placeholder}
@@ -120,6 +119,6 @@ export default function EventFeatureSelector({
         status={error || swrError ? "error" : undefined}
         {...props}
       />
-    </Input.Wrapper>
+    </Form.Item>
   );
 }
diff --git a/src/components/Organization/OrganizatonSelector/index.tsx b/src/components/Organization/OrganizatonSelector/index.tsx
index c3a3e17..eb48317 100644
--- a/src/components/Organization/OrganizatonSelector/index.tsx
+++ b/src/components/Organization/OrganizatonSelector/index.tsx
@@ -1,7 +1,6 @@
 import { getOrganizationList } from "@/api/dashboard/organization";
 import type { Organization } from "@/types/organization";
-import { Input } from "@mantine/core";
-import { Select, Spin } from "antd";
+import { Select, Spin, Form } from "antd";
 import { useState, useCallback } from "react";
 import useSWR from "swr";
 import { debounce } from "es-toolkit";
@@ -97,11 +96,11 @@ export default function OrganizationSelector({
   };
 
   return (
-    <Input.Wrapper
+    <Form.Item
       label={label}
-      description={description}
-      error={error}
-      withAsterisk={required}
+      help={description}
+      validateStatus={error || swrError ? "error" : undefined}
+      required={required}
     >
       <Select
         placeholder={placeholder}
@@ -120,6 +119,6 @@ export default function OrganizationSelector({
         status={error || swrError ? "error" : undefined}
         {...props}
       />
-    </Input.Wrapper>
+    </Form.Item>
   );
 }
diff --git a/src/components/Region/RegionSelector/index.tsx b/src/components/Region/RegionSelector/index.tsx
index fd47bbe..71babf0 100644
--- a/src/components/Region/RegionSelector/index.tsx
+++ b/src/components/Region/RegionSelector/index.tsx
@@ -1,7 +1,6 @@
 import { getRegionList } from "@/api/dashboard/region";
 import type { Region } from "@/types/region";
-import { Input } from "@mantine/core";
-import { Select, Spin } from "antd";
+import { Select, Spin, Form } from "antd";
 import { debounce } from "es-toolkit";
 import { useState, useCallback } from "react";
 import useSWR from "swr";
@@ -76,12 +75,12 @@ export default function RegionSelector({
   };
 
   return (
-    <Input.Wrapper
+    <Form.Item
       label={label}
-      description={description}
-      error={error}
-      withAsterisk={required}
-      mb="md"
+      help={description}
+      validateStatus={error || swrError ? "error" : undefined}
+      required={required}
+      style={{ marginBottom: 16 }}
     >
       <Select
         placeholder={placeholder}
@@ -99,6 +98,6 @@ export default function RegionSelector({
         status={error || swrError ? "error" : undefined}
         {...props}
       />
-    </Input.Wrapper>
+    </Form.Item>
   );
 }
diff --git a/src/components/UploadImage/index.tsx b/src/components/UploadImage/index.tsx
index baa7062..fe6f03d 100644
--- a/src/components/UploadImage/index.tsx
+++ b/src/components/UploadImage/index.tsx
@@ -1,30 +1,24 @@
-import { uploadStatic } from '@/api/dashboard/upload';
 import { uploadToCOS } from '@/utils/cos';
 import {
   Button,
   Card,
-  Center,
-  Group,
   Modal,
-  rem,
-  SimpleGrid,
-  Stack,
-  TextInput,
+  Flex,
+  Input,
   Image,
-  Text,
+  Typography,
   Alert,
-} from '@mantine/core';
-import {
-  Dropzone,
-  type FileWithPath,
-  IMAGE_MIME_TYPE,
-} from '@mantine/dropzone';
-import { useDisclosure } from '@mantine/hooks';
-import { notifications } from '@mantine/notifications';
+  Upload,
+  App,
+} from 'antd';
+import type { UploadFile, RcFile } from 'antd/es/upload/interface';
 import { IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { nanoid } from 'nanoid';
 import { useState } from 'react';
 
+const { Text } = Typography;
+const { Dragger } = Upload;
+
 export default function UploadImage({
   pathPrefix,
   defaultImageName,
@@ -36,10 +30,11 @@ export default function UploadImage({
   onUploadSuccess: (imagePath: string) => void;
   disabled?: boolean;
 }) {
-  const [opened, { open, close }] = useDisclosure(false);
+  const { message } = App.useApp();
+  const [opened, setOpened] = useState(false);
   const [loading, setLoading] = useState(false);
 
-  const [images, setImages] = useState<FileWithPath[]>([]);
+  const [images, setImages] = useState<File[]>([]);
   const [imageName, setImageName] = useState(() => {
     if (defaultImageName) {
       return `${defaultImageName}-${nanoid()}`;
@@ -73,7 +68,7 @@ export default function UploadImage({
 
   const onClose = () => {
     reset();
-    close();
+    setOpened(false);
   };
 
   const onUpload = async () => {
@@ -81,9 +76,8 @@ export default function UploadImage({
       setLoading(true);
       if (!images[0]) {
         setLoading(false);
-        return notifications.show({
-          message: '没有图片',
-        });
+        message.warning('没有图片');
+        return;
       }
 
       const imagePath = `${pathPrefix}${imageName}.${imageMIME}`;
@@ -96,9 +90,7 @@ export default function UploadImage({
       if (uploadRes?.ETag) {
         setLoading(false);
         onUploadSuccess(imagePath);
-        notifications.show({
-          message: '图片上传成功',
-        });
+        message.success('图片上传成功');
         onClose();
       }
     } catch (error) {
@@ -107,125 +99,97 @@ export default function UploadImage({
     }
   };
 
+  const handleBeforeUpload = (file: RcFile) => {
+    setImages([file]);
+    setImageMINE(file.type.replace('image/', ''));
+    return false; // 阻止自动上传
+  };
+
   return (
     <>
-      <Button disabled={disabled} onClick={open}>
+      <Button disabled={disabled} onClick={() => setOpened(true)}>
         上传
       </Button>
       <Modal
-        opened={opened}
-        onClose={onClose}
+        open={opened}
+        onCancel={onClose}
         title="上传图片"
         centered
-        size="xl"
+        width={800}
+        footer={null}
       >
-        <Group wrap={'nowrap'} justify="flex-start" align="flex-start" gap="xl">
-          <Stack style={{ width: '50%' }}>
+        <Flex gap={24} align="flex-start">
+          <Flex vertical style={{ width: '50%' }} gap={16}>
             <Card
-              shadow="sm"
-              padding="lg"
-              radius="md"
-              withBorder
               onPaste={(e) => {
                 if (e.clipboardData.files.length) {
-                  setImages([e.clipboardData.files[0]]);
-                  if (e.clipboardData.files[0]) {
-                    setImageMINE(
-                      e.clipboardData.files[0].type.replace('image/', ''),
-                    );
+                  const file = e.clipboardData.files[0];
+                  if (file) {
+                    setImages([file]);
+                    setImageMINE(file.type.replace('image/', ''));
                   }
                 }
               }}
             >
-              <Center>可以在这里粘贴</Center>
+              <Flex justify="center">可以在这里粘贴</Flex>
             </Card>
-            <Dropzone
-              onDrop={(files) => {
-                setImages(files);
-                if (files[0]) {
-                  setImageMINE(files[0].type.replace('image/', ''));
-                }
-              }}
-              onReject={(files) => {
-                notifications.show({
-                  title: '不受支持的文件',
-                  message: JSON.stringify(files[0].errors),
-                });
-              }}
-              maxSize={20 * 1024 ** 2}
-              accept={IMAGE_MIME_TYPE}
-              multiple={false}
-              className="cursor-pointer border-dashed border-2 border-gray-300 rounded"
+            <Dragger
+              accept="image/*"
+              maxCount={1}
+              showUploadList={false}
+              beforeUpload={handleBeforeUpload}
+              className="cursor-pointer"
             >
-              <Group
+              <Flex
                 justify="center"
-                gap="xl"
-                style={{ pointerEvents: 'none' }}
+                align="center"
+                gap={24}
+                style={{ pointerEvents: 'none', padding: 16 }}
               >
                 {images.length ? (
-                  <SimpleGrid
-                    cols={{ base: 1, sm: 1 }}
-                    // mt={previews.length > 0 ? "xl" : 0}
-                  >
-                    {previews}
-                  </SimpleGrid>
+                  <div>{previews}</div>
                 ) : (
-                  <>
-                    <Dropzone.Accept>
-                      <IconUpload
-                        style={{
-                          width: rem(52),
-                          height: rem(52),
-                          color: 'var(--mantine-color-blue-6)',
-                        }}
-                        stroke={1.5}
-                      />
-                    </Dropzone.Accept>
-                    <Dropzone.Reject>
-                      <IconX
-                        style={{
-                          width: rem(52),
-                          height: rem(52),
-                          color: 'var(--mantine-color-red-6)',
-                        }}
-                        stroke={1.5}
-                      />
-                    </Dropzone.Reject>
-                    <Dropzone.Idle>
-                      <IconPhoto
-                        style={{
-                          width: rem(52),
-                          height: rem(52),
-                          color: 'var(--mantine-color-dimmed)',
-                        }}
-                        stroke={1.5}
-                      />
-                    </Dropzone.Idle>
-                  </>
+                  <IconPhoto
+                    style={{
+                      width: 52,
+                      height: 52,
+                      color: '#8c8c8c',
+                    }}
+                    stroke={1.5}
+                  />
                 )}
-              </Group>
-            </Dropzone>
-          </Stack>
-          <Stack style={{ flexShrink: 0, width: '50%' }}>
+              </Flex>
+            </Dragger>
+          </Flex>
+          <Flex vertical style={{ flexShrink: 0, width: '50%' }} gap={16}>
             {images[0] && (
-              <Alert variant="light" color="blue" title="图片信息">
-                图片大小:{' '}
-                {images[0]?.size
-                  ? `${(images[0].size / (1024 * 1024)).toFixed(2)}MB`
-                  : '0MB'}
-                , 图片后缀: {imageMIME}
-              </Alert>
+              <Alert
+                type="info"
+                message="图片信息"
+                description={
+                  <>
+                    图片大小:{' '}
+                    {images[0]?.size
+                      ? `${(images[0].size / (1024 * 1024)).toFixed(2)}MB`
+                      : '0MB'}
+                    , 图片后缀: {imageMIME}
+                  </>
+                }
+              />
             )}
-            <TextInput
-              description={`${pathPrefix}${imageName}.${imageMIME}`}
-              value={imageName}
-              onChange={(e) => setImageName(e.target.value)}
-            />
-            <Button loading={loading} onClick={onUpload}>
+            <div>
+              <Text type="secondary">{`${pathPrefix}${imageName}.${imageMIME}`}</Text>
+              <Input
+                value={imageName}
+                onChange={(e) => setImageName(e.target.value)}
+                style={{ marginTop: 4 }}
+              />
+            </div>
+            <Button type="primary" loading={loading} onClick={onUpload}>
               上传
             </Button>
-          </Stack>
-        </Group>
+          </Flex>
+        </Flex>
       </Modal>
     </>
   );
diff --git a/src/index.tsx b/src/index.tsx
index 89deac6..d41ecf8 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,11 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { Notifications } from "@mantine/notifications";
 import { RouterProvider } from "react-router-dom";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { createTheme, MantineProvider } from "@mantine/core";
+import { ConfigProvider, App as AntdApp } from "antd";
+import zhCN from "antd/locale/zh_CN";
 
 import router from "@/routes";
+import { createTheme, MantineProvider } from "@mantine/core";
 
 const theme = createTheme({
   /** Put your mantine theme override here */
@@ -17,6 +18,7 @@ const theme = createTheme({
     },
   },
 });
+
 const queryClient = new QueryClient();
 
 const rootEl = document.getElementById("root");
@@ -26,15 +28,22 @@ if (rootEl) {
 
   root.render(
     <React.StrictMode>
-      <MantineProvider theme={theme}>
-        <QueryClientProvider client={queryClient}>
-          <Notifications
-            position="top-right"
-            styles={{ root: { borderRadius: 20 } }}
-          />
-          <RouterProvider router={router} />
-        </QueryClientProvider>
-      </MantineProvider>
+      <ConfigProvider
+        locale={zhCN}
+        theme={{
+          token: {
+            borderRadius: 8,
+          },
+        }}
+      >
+        <AntdApp>
+          <MantineProvider theme={theme}>
+            <QueryClientProvider client={queryClient}>
+              <RouterProvider router={router} />
+            </QueryClientProvider>
+          </MantineProvider>
+        </AntdApp>
+      </ConfigProvider>
     </React.StrictMode>
   );
 }
diff --git a/src/pages/auth/index.tsx b/src/pages/auth/index.tsx
index 044772e..0984edd 100644
--- a/src/pages/auth/index.tsx
+++ b/src/pages/auth/index.tsx
@@ -1,20 +1,10 @@
 import useAuthStore from "@/stores/auth";
 import { useForm } from "@mantine/form";
+import { TextInput, PasswordInput } from "@mantine/core";
 import { useMutation } from "@tanstack/react-query";
 
 import { login as userLogin } from "@/api/auth";
-import {
-  Anchor,
-  Button,
-  Center,
-  Container,
-  Flex,
-  Group,
-  Paper,
-  PasswordInput,
-  TextInput,
-} from "@mantine/core";
-import { notifications } from "@mantine/notifications";
+import { Button, Card, Flex, App, Typography } from "antd";
 import { IconHome } from "@tabler/icons-react";
 import { Segmented } from "antd";
 import { zodResolver } from "mantine-form-zod-resolver";
@@ -22,9 +12,12 @@ import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import z from "zod";
 
+const { Link } = Typography;
+
 export default function Auth() {
   const { login, refreshToken } = useAuthStore();
   const navigate = useNavigate();
+  const { message } = App.useApp();
 
   const [currentSegment, setCurrentSegment] = useState<
     "login" | "register" | "reset"
@@ -51,41 +44,29 @@ export default function Auth() {
       login(data.user);
       refreshToken(data.token);
       navigate("/dashboard");
-      notifications.show({
-        message: "登录成功",
-      });
+      message.success("登录成功");
     },
   });
 
   return (
-    <Container
-      fluid
+    <div
       className="h-screen"
       style={{
         background: "radial-gradient(#e0f2fe,transparent)",
-        // backgroundImage: `url("http://s-sh-11810-static.oss.dogecdn.com/jesse.jpg")`,
-        // backgroundSize: "cover",
-        // backgroundPosition: "center",
-        // backgroundRepeat: "no-repeat",
-        // backgroundAttachment: "fixed",
         backdropFilter: "blur(5px)",
       }}
     >
       <Flex
-        justify={"center"}
-        align={"flex-end"}
+        justify="center"
+        align="flex-end"
         style={{ height: "100%" }}
-        direction="column"
+        vertical
       >
-        <Paper
-          withBorder
-          shadow="sm"
-          p={20}
-          radius="md"
-          my="20"
+        <Card
           className="w-full md:w-96 h-full"
+          style={{ margin: 20, borderRadius: 8 }}
         >
-          <Flex direction="column" justify="space-between" h="100%">
+          <Flex vertical justify="space-between" style={{ height: "100%" }}>
             <div>
               <Segmented
                 value={currentSegment}
@@ -125,27 +106,29 @@ export default function Auth() {
                   key={form.key("password")}
                   {...form.getInputProps("password")}
                 />
-                <Group justify="space-between" mt="sm">
-                  <Anchor component="button" size="sm">
+                <Flex justify="space-between" style={{ marginTop: 8 }}>
+                  <Link style={{ fontSize: 14 }}>
                     忘记密码了吗？
-                  </Anchor>
-                  {/* <Anchor component="button" size="sm">
-                    使用一次性登录代码
-                  </Anchor> */}
-                </Group>
-                <Button type="submit" fullWidth mt="xl" radius="md">
+                  </Link>
+                </Flex>
+                <Button
+                  type="primary"
+                  htmlType="submit"
+                  block
+                  style={{ marginTop: 24, borderRadius: 8 }}
+                >
                   登录
                 </Button>
               </form>
             </div>
-            <Center>
-              <Anchor href="https://docs.furrycons.cn" target="_blank">
+            <Flex justify="center">
+              <Link href="https://docs.furrycons.cn" target="_blank">
                 <IconHome color="gray" size="18" />
-              </Anchor>
-            </Center>
+              </Link>
+            </Flex>
           </Flex>
-        </Paper>
+        </Card>
       </Flex>
-    </Container>
+    </div>
   );
 }
diff --git a/src/pages/dashboard/cacheManager/index.tsx b/src/pages/dashboard/cacheManager/index.tsx
index 56c44fa..e858d83 100644
--- a/src/pages/dashboard/cacheManager/index.tsx
+++ b/src/pages/dashboard/cacheManager/index.tsx
@@ -1,47 +1,61 @@
 import { cleanPageCache } from '@/api/dashboard/cache';
 import DefaultContainer from '@/components/Container';
-import { Button, Grid, Group, SimpleGrid, Title } from '@mantine/core';
+import { Button, Flex, Typography, Row, Col } from 'antd';
 import { IconRefresh } from '@tabler/icons-react';
 
+const { Title } = Typography;
+
 export default function CacheManager() {
   return (
     <>
       <DefaultContainer className="sticky top-0 z-10">
-        <Group justify="space-between">
-          <Title order={2}>缓存刷新控制台</Title>
-        </Group>
+        <Flex justify="space-between" align="center">
+          <Title level={2} style={{ margin: 0 }}>缓存刷新控制台</Title>
+        </Flex>
       </DefaultContainer>
 
       <DefaultContainer className="mt-4">
-        <SimpleGrid cols={4}>
-          <Button
-            leftSection={<IconRefresh size={16} stroke={1.5} />}
-            onClick={() => refreshPage('/')}
-          >
-            刷新首页
-          </Button>
+        <Row gutter={[16, 16]}>
+          <Col span={6}>
+            <Button
+              icon={<IconRefresh size={16} stroke={1.5} />}
+              onClick={() => refreshPage('/')}
+              block
+            >
+              刷新首页
+            </Button>
+          </Col>
 
-          <Button
-            leftSection={<IconRefresh size={16} stroke={1.5} />}
-            onClick={() => refreshPage('/city')}
-          >
-            刷新城市页面
-          </Button>
+          <Col span={6}>
+            <Button
+              icon={<IconRefresh size={16} stroke={1.5} />}
+              onClick={() => refreshPage('/city')}
+              block
+            >
+              刷新城市页面
+            </Button>
+          </Col>
 
-          <Button
-            leftSection={<IconRefresh size={16} stroke={1.5} />}
-            onClick={() => refreshPage('/organization')}
-          >
-            刷新组织页面
-          </Button>
+          <Col span={6}>
+            <Button
+              icon={<IconRefresh size={16} stroke={1.5} />}
+              onClick={() => refreshPage('/organization')}
+              block
+            >
+              刷新组织页面
+            </Button>
+          </Col>
 
-          <Button
-            leftSection={<IconRefresh size={16} stroke={1.5} />}
-            onClick={() => refreshPage('/year')}
-          >
-            刷新年份页面
-          </Button>
-        </SimpleGrid>
+          <Col span={6}>
+            <Button
+              icon={<IconRefresh size={16} stroke={1.5} />}
+              onClick={() => refreshPage('/year')}
+              block
+            >
+              刷新年份页面
+            </Button>
+          </Col>
+        </Row>
       </DefaultContainer>
     </>
   );
diff --git a/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx b/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx
index d673741..2f1cb5d 100644
--- a/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx
+++ b/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx
@@ -1,29 +1,13 @@
-import {
-  ActionIcon,
-  Badge,
-  Button,
-  HoverCard,
-  Menu,
-  Text,
-  rem,
-} from "@mantine/core";
-import { notifications } from "@mantine/notifications";
-import { Input, Space, Table, type TableColumnType, Tag } from "antd";
+import { Button, Dropdown, Popover, Typography, App, Space } from "antd";
+import type { MenuProps } from "antd";
+import { Input, Table, type TableColumnType, Tag } from "antd";
 import dayjs from "dayjs";
 
 import { cleanPageCache } from "@/api/dashboard/cache";
-import {
-  EventScaleLabel,
-  EventStatusColor,
-  EventStatusLabel,
-} from "@/consts/event";
 import {
   IconEdit,
   IconEye,
-  IconInfoCircle,
-  IconLink,
   IconMenu,
-  IconRefresh,
   IconSearch,
   IconTrash,
 } from "@tabler/icons-react";
@@ -36,6 +20,8 @@ import type { FilterDropdownProps } from "antd/es/table/interface";
 import { EventItem } from "@/types/event";
 import { Application } from "@/types/application";
 
+const { Text } = Typography;
+
 function ApplicationList({
   data,
   pagination,
@@ -59,13 +45,11 @@ function ApplicationList({
   isPending: boolean;
   onDelete: (id: string) => void;
 }) {
+  const { message } = App.useApp();
   const { mutate: refreshPage } = useMutation({
     mutationFn: cleanPageCache,
     onSuccess: () => {
-      notifications.show({
-        title: "刷新成功",
-        message: "刷新页面缓存成功",
-      });
+      message.success("刷新页面缓存成功");
     },
   });
 
@@ -132,9 +116,9 @@ function ApplicationList({
               onClick={() =>
                 handleSearch(selectedKeys as string[], confirm, dataIndex)
               }
-              leftSection={<IconSearch size={14} />}
-              size="xs"
-              variant="light"
+              icon={<IconSearch size={14} />}
+              size="small"
+              type="primary"
               style={{ width: 90 }}
             >
               搜索
@@ -143,16 +127,13 @@ function ApplicationList({
               onClick={() =>
                 clearFilters && handleReset(clearFilters, confirm, dataIndex)
               }
-              size="xs"
-              variant="white"
-              color="gray"
+              size="small"
             >
               重置
             </Button>
             <Button
-              size="xs"
-              variant="white"
-              color="gray"
+              size="small"
+              type="text"
               onClick={() => {
                 close();
               }}
@@ -188,15 +169,17 @@ function ApplicationList({
       key: "permission",
       render: (_, record) => {
         return (
-          <HoverCard width={280} shadow="md">
-            <HoverCard.Target>
-              <IconEye size={16} />
-            </HoverCard.Target>
-            <HoverCard.Dropdown>
-              <Text>读取: {record.permission.read ? "是" : "否"}</Text>
-              <Text>写入: {record.permission.write ? "是" : "否"}</Text>
-            </HoverCard.Dropdown>
-          </HoverCard>
+          <Popover
+            content={
+              <div>
+                <Text>读取: {record.permission.read ? "是" : "否"}</Text>
+                <br />
+                <Text>写入: {record.permission.write ? "是" : "否"}</Text>
+              </div>
+            }
+          >
+            <IconEye size={16} style={{ cursor: "pointer" }} />
+          </Popover>
         );
       },
     },
@@ -224,46 +207,38 @@ function ApplicationList({
       title: "操作",
       key: "action",
       fixed: "right",
-      render: (_, record) => (
-        <Space size="middle">
-          <Button
-            variant="light"
-            color="green"
-            onClick={() => {
-              navigate(`/developer/application/${record.id}/edit`);
-            }}
-            leftSection={<IconEdit size={14} />}
-          >
-            编辑
-          </Button>
+      render: (_, record) => {
+        const menuItems: MenuProps['items'] = [
+          {
+            key: 'delete',
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: '删除',
+            danger: true,
+            onClick: () => {
+              onDelete(record.id);
+            },
+          },
+        ];
 
-          <Menu shadow="md" width={200}>
-            <Menu.Target>
-              <ActionIcon variant="light" aria-label="Settings">
-                <IconMenu
-                  style={{ width: "70%", height: "70%" }}
-                />
-              </ActionIcon>
-            </Menu.Target>
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              onClick={() => {
+                navigate(`/developer/application/${record.id}/edit`);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
 
-            <Menu.Dropdown>
-              <Menu.Label>菜单</Menu.Label>
-              <Menu.Label>危险</Menu.Label>
-              <Menu.Item
-                color="red"
-                onClick={() => {
-                  onDelete(record.id);
-                }}
-                leftSection={
-                  <IconTrash style={{ width: rem(14), height: rem(14) }} />
-                }
-              >
-                删除
-              </Menu.Item>
-            </Menu.Dropdown>
-          </Menu>
-        </Space>
-      ),
+            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
+              <Button icon={<IconMenu size={14} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
     },
   ];
 
diff --git a/src/pages/dashboard/developer/application/index.tsx b/src/pages/dashboard/developer/application/index.tsx
index 5f0d0e1..0c0080b 100644
--- a/src/pages/dashboard/developer/application/index.tsx
+++ b/src/pages/dashboard/developer/application/index.tsx
@@ -1,13 +1,14 @@
 import { getApplicationList } from "@/api/developer/application";
 import DefaultContainer from "@/components/Container";
 import ApplicationList from "@/pages/dashboard/developer/application/components/ApplicationList";
-import { Button, Group, Title } from "@mantine/core";
-import { notifications } from "@mantine/notifications";
+import { Button, Flex, Typography } from "antd";
 import { IconCirclePlus } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
 import { parseAsInteger, useQueryState } from "nuqs";
 import { useNavigate } from "react-router-dom";
 
+const { Title } = Typography;
+
 export default function ApplicationPage() {
   const navigate = useNavigate();
 
@@ -56,18 +57,19 @@ export default function ApplicationPage() {
   return (
     <>
       <DefaultContainer className="sticky top-0 z-10">
-        <Group justify="space-between">
-          <Title order={2}>应用列表</Title>
+        <Flex justify="space-between" align="center">
+          <Title level={2} style={{ margin: 0 }}>应用列表</Title>
 
           <Button
-            leftSection={<IconCirclePlus size={16} stroke={1.5} />}
+            type="primary"
+            icon={<IconCirclePlus size={16} stroke={1.5} />}
             onClick={() => {
               navigate("/developer/application/create");
             }}
           >
             添加应用
           </Button>
-        </Group>
+        </Flex>
       </DefaultContainer>
 
       <div className="shadow mt-4 p-4 rounded-xl bg-white">
diff --git a/src/pages/dashboard/event/components/EventList/index.tsx b/src/pages/dashboard/event/components/EventList/index.tsx
index 998c69a..b6311c7 100644
--- a/src/pages/dashboard/event/components/EventList/index.tsx
+++ b/src/pages/dashboard/event/components/EventList/index.tsx
@@ -1,6 +1,6 @@
-import { ActionIcon, Badge, Button, Menu, Tooltip, rem } from '@mantine/core';
-import { notifications } from '@mantine/notifications';
-import { Input, Space, Table, type TableColumnType, Tag } from 'antd';
+import { Button, Dropdown, Tooltip, Tag, App, Space } from 'antd';
+import { Input, Table, type TableColumnType } from 'antd';
+import type { MenuProps } from 'antd';
 import dayjs from 'dayjs';
 
 import { cleanPageCache } from '@/api/dashboard/cache';
@@ -11,7 +11,6 @@ import {
 } from '@/consts/event';
 import {
   IconEdit,
-  IconInfoCircle,
   IconLink,
   IconMenu,
   IconRefresh,
@@ -49,13 +48,11 @@ function EventList({
   isPending: boolean;
   onDeleteEvent: (id: string) => void;
 }) {
+  const { message } = App.useApp();
   const { mutate: refreshPage } = useMutation({
     mutationFn: cleanPageCache,
     onSuccess: () => {
-      notifications.show({
-        title: '刷新成功',
-        message: '刷新页面缓存成功',
-      });
+      message.success('刷新页面缓存成功');
     },
   });
 
@@ -122,9 +119,9 @@ function EventList({
               onClick={() =>
                 handleSearch(selectedKeys as string[], confirm, dataIndex)
               }
-              leftSection={<IconSearch size={14} />}
-              size="xs"
-              variant="light"
+              icon={<IconSearch size={14} />}
+              size="small"
+              type="primary"
               style={{ width: 90 }}
             >
               搜索
@@ -133,16 +130,13 @@ function EventList({
               onClick={() =>
                 clearFilters && handleReset(clearFilters, confirm, dataIndex)
               }
-              size="xs"
-              variant="white"
-              color="gray"
+              size="small"
             >
               重置
             </Button>
             <Button
-              size="xs"
-              variant="white"
-              color="gray"
+              size="small"
+              type="text"
               onClick={() => {
                 close();
               }}
@@ -193,10 +187,10 @@ function EventList({
       dataIndex: 'status',
       key: 'status',
       render: (status) => (
-        <Tooltip label={EventStatusLabel[status]}>
-          <Badge color={EventStatusColor[status]}>
+        <Tooltip title={EventStatusLabel[status]}>
+          <Tag color={EventStatusColor[status]}>
             {EventStatusLabel[status]}
-          </Badge>
+          </Tag>
         </Tooltip>
       ),
     },
@@ -221,73 +215,58 @@ function EventList({
       title: '操作',
       key: 'action',
       fixed: 'right',
-      render: (_, record) => (
-        <Space size="middle">
-          <Button
-            variant="light"
-            color="green"
-            onClick={() => {
-              window.open(`/dashboard/event/${record.id}/edit`);
-            }}
-            leftSection={<IconEdit size={14} />}
-          >
-            编辑
-          </Button>
-
-          <Menu shadow="md" width={200}>
-            <Menu.Target>
-              <ActionIcon variant="light" aria-label="Settings">
-                <IconMenu
-                  style={{ width: '70%', height: '70%' }}
-                  stroke={1.5}
-                />
-              </ActionIcon>
-            </Menu.Target>
+      render: (_, record) => {
+        const menuItems: MenuProps['items'] = [
+          {
+            key: 'refresh',
+            icon: <IconRefresh style={{ width: 14, height: 14 }} />,
+            label: '刷新',
+            onClick: () => {
+              refreshPage(`/${record.organization.slug}/${record.slug}`);
+            },
+          },
+          {
+            key: 'view',
+            icon: <IconLink style={{ width: 14, height: 14 }} />,
+            label: '在网站上查看',
+            onClick: () => {
+              window.open(
+                `https://www.furrycons.cn/${record.organization.slug}/${record.slug}`,
+                '_blank'
+              );
+            },
+          },
+          { type: 'divider' },
+          {
+            key: 'delete',
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: '删除',
+            danger: true,
+            onClick: () => {
+              onDeleteEvent(record.id);
+            },
+          },
+        ];
 
-            <Menu.Dropdown>
-              <Menu.Label>菜单</Menu.Label>
-              <Menu.Item
-                leftSection={
-                  <IconRefresh style={{ width: rem(14), height: rem(14) }} />
-                }
-                onClick={() => {
-                  refreshPage(`/${record.organization.slug}/${record.slug}`);
-                }}
-              >
-                刷新
-              </Menu.Item>
-              <Menu.Item
-                leftSection={
-                  <IconLink style={{ width: rem(14), height: rem(14) }} />
-                }
-                onClick={() => {
-                  window.open(
-                    `https://www.furrycons.cn/${record.organization.slug}/${record.slug}`,
-                    '_blank'
-                  );
-                }}
-              >
-                在网站上查看
-              </Menu.Item>
-
-              <Menu.Divider />
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              onClick={() => {
+                window.open(`/dashboard/event/${record.id}/edit`);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
 
-              <Menu.Label>危险</Menu.Label>
-              <Menu.Item
-                color="red"
-                onClick={() => {
-                  onDeleteEvent(record.id);
-                }}
-                leftSection={
-                  <IconTrash style={{ width: rem(14), height: rem(14) }} />
-                }
-              >
-                删除
-              </Menu.Item>
-            </Menu.Dropdown>
-          </Menu>
-        </Space>
-      ),
+            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
+              <Button icon={<IconMenu size={14} stroke={1.5} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
     },
   ];
 
diff --git a/src/pages/dashboard/event/edit/BasicInfo.tsx b/src/pages/dashboard/event/edit/BasicInfo.tsx
index ba40dc2..2126a9b 100644
--- a/src/pages/dashboard/event/edit/BasicInfo.tsx
+++ b/src/pages/dashboard/event/edit/BasicInfo.tsx
@@ -1,9 +1,12 @@
 import { Organization } from "@/types/organization";
 import { EventItem } from "@/types/event";
-import { Container, Group, Stack, TextInput, Title } from "@mantine/core";
+import { TextInput } from "@mantine/core";
 import { DateTimePicker } from "@mantine/dates";
 import { UseFormReturnType } from "@mantine/form";
 import OrganizationSelector from "@/components/Organization/OrganizatonSelector";
+import { Typography, Flex, Row, Col } from "antd";
+
+const { Title } = Typography;
 
 interface BasicInfoProps {
   form: UseFormReturnType<any>;
@@ -23,63 +26,71 @@ export default function BasicInfo({
   setSelectedOrganizations,
 }: BasicInfoProps) {
   return (
-    <Container fluid>
-      <Title order={5} my="sm">
+    <div style={{ padding: "0 24px" }}>
+      <Title level={5} style={{ margin: "12px 0" }}>
         基础信息
       </Title>
-      <Stack gap="xs">
+      <Flex vertical gap={8}>
         <TextInput
           withAsterisk
           label="展会名称"
           {...form.getInputProps("name")}
         />
 
-        <Group gap="xs" grow>
-          <OrganizationSelector
-            required
-            label="展会主办方"
-            description="展会目前只能通过主办方的 slug 进行访问"
-            selectedOption={event?.organization}
-            onSelect={(value) => {
-              setSelectedOrganization(value as Organization | null);
-            }}
-            {...form.getInputProps("organization")}
-          />
-          <OrganizationSelector
-            label="展会协办方"
-            multiple
-            description="可以选很多，但是请注意，主办方不能在协办方中"
-            selectedOptions={selectedOrganizations}
-            onSelect={(value) => {
-              setSelectedOrganizations(value as Organization[] | null);
-            }}
-            {...form.getInputProps("organizations")}
-          />
-        </Group>
+        <Row gutter={8}>
+          <Col flex={1}>
+            <OrganizationSelector
+              required
+              label="展会主办方"
+              description="展会目前只能通过主办方的 slug 进行访问"
+              selectedOption={event?.organization}
+              onSelect={(value) => {
+                setSelectedOrganization(value as Organization | null);
+              }}
+              {...form.getInputProps("organization")}
+            />
+          </Col>
+          <Col flex={1}>
+            <OrganizationSelector
+              label="展会协办方"
+              multiple
+              description="可以选很多，但是请注意，主办方不能在协办方中"
+              selectedOptions={selectedOrganizations}
+              onSelect={(value) => {
+                setSelectedOrganizations(value as Organization[] | null);
+              }}
+              {...form.getInputProps("organizations")}
+            />
+          </Col>
+        </Row>
 
-        <Group gap="xs" grow>
-          <DateTimePicker
-            withAsterisk
-            valueFormat="YYYY年MM月DD日 hh:mm A"
-            locale="zh-cn"
-            label="开始日期"
-            description="除非明确知晓展会开始时间，否则请保持默认上午10点"
-            placeholder="选一个日期"
-            clearable
-            {...form.getInputProps("startAt")}
-          />
-          <DateTimePicker
-            withAsterisk
-            label="结束日期"
-            description="除非明确知晓展会结束时间，否则请保持默认下午6点"
-            locale="zh-cn"
-            placeholder="选一个日期"
-            valueFormat="YYYY年MM月DD日 hh:mm A"
-            clearable
-            {...form.getInputProps("endAt")}
-          />
-        </Group>
-      </Stack>
-    </Container>
+        <Row gutter={8}>
+          <Col flex={1}>
+            <DateTimePicker
+              withAsterisk
+              valueFormat="YYYY年MM月DD日 hh:mm A"
+              locale="zh-cn"
+              label="开始日期"
+              description="除非明确知晓展会开始时间，否则请保持默认上午10点"
+              placeholder="选一个日期"
+              clearable
+              {...form.getInputProps("startAt")}
+            />
+          </Col>
+          <Col flex={1}>
+            <DateTimePicker
+              withAsterisk
+              label="结束日期"
+              description="除非明确知晓展会结束时间，否则请保持默认下午6点"
+              locale="zh-cn"
+              placeholder="选一个日期"
+              valueFormat="YYYY年MM月DD日 hh:mm A"
+              clearable
+              {...form.getInputProps("endAt")}
+            />
+          </Col>
+        </Row>
+      </Flex>
+    </div>
   );
 } 
\ No newline at end of file
diff --git a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
index 60c6da5..7d65c77 100644
--- a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
+++ b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
@@ -7,7 +7,7 @@ import {
   type EventStatusKeyType,
   EventType,
 } from "@/types/event";
-import { Container, Select, Stack, TagsInput, TextInput, Textarea, Title } from "@mantine/core";
+import { Select, TagsInput, Textarea } from "@mantine/core";
 import { UseFormReturnType } from "@mantine/form";
 import {
   EventLocationTypeLabel,
@@ -16,6 +16,9 @@ import {
   EventTypeLabel,
 } from "@/consts/event";
 import EventFeatureSelector from "@/components/EventFeature/EventFeatureSelector";
+import { Typography, Flex } from "antd";
+
+const { Title } = Typography;
 
 interface EventAdditionalInfoProps {
   form: UseFormReturnType<any>;
@@ -24,9 +27,9 @@ interface EventAdditionalInfoProps {
 
 export default function EventAdditionalInfo({ form, event }: EventAdditionalInfoProps) {
   return (
-    <Container my="md" fluid>
-      <Title order={5}>展会附加信息</Title>
-      <Stack>
+    <div style={{ padding: "0 24px", margin: "16px 0" }}>
+      <Title level={5}>展会附加信息</Title>
+      <Flex vertical gap={8}>
         <Select
           label="展会状态"
           withAsterisk
@@ -96,7 +99,7 @@ export default function EventAdditionalInfo({ form, event }: EventAdditionalInfo
           maxRows={20}
           {...form.getInputProps("detail")}
         />
-      </Stack>
-    </Container>
+      </Flex>
+    </div>
   );
 } 
\ No newline at end of file
diff --git a/src/pages/dashboard/event/edit/EventMedia.tsx b/src/pages/dashboard/event/edit/EventMedia.tsx
index 2ad158c..fa652f5 100644
--- a/src/pages/dashboard/event/edit/EventMedia.tsx
+++ b/src/pages/dashboard/event/edit/EventMedia.tsx
@@ -1,11 +1,13 @@
 import { Organization } from "@/types/organization";
 import { EventItem } from "@/types/event";
-import { ActionIcon, Chip, Container, Fieldset, Group, Stack, TextInput, Textarea, Title } from "@mantine/core";
-import { Image } from "antd";
+import { TextInput, Textarea, Fieldset } from "@mantine/core";
+import { Image, Typography, Button, Flex, Row, Col, Tag } from "antd";
 import { UseFormReturnType } from "@mantine/form";
 import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
 import UploadImage from "@/components/UploadImage";
 
+const { Title } = Typography;
+
 interface EventMediaProps {
   form: UseFormReturnType<any>;
   event?: EventItem;
@@ -14,44 +16,44 @@ interface EventMediaProps {
 
 export default function EventMedia({ form, event, selectedOrganization }: EventMediaProps) {
   return (
-    <Container my="md" fluid>
-      <Title order={5}>展会媒体资源</Title>
+    <div style={{ padding: "0 24px", margin: "16px 0" }}>
+      <Title level={5}>展会媒体资源</Title>
 
-      <Stack justify="flex-start" gap="xs">
+      <Flex vertical gap={8}>
         <TextInput
           label="封面图片"
           withAsterisk
           {...form.getInputProps("thumbnail")}
         />
-        <Group>
-          <Chip
-            checked={false}
-            variant="filled"
+        <Flex gap={8} wrap="wrap">
+          <Tag
+            color="blue"
+            style={{ cursor: "pointer" }}
             onClick={() =>
               form.setFieldValue("thumbnail", "fec-event-default-cover.png")
             }
           >
             默认图片
-          </Chip>
-          <Chip
-            checked={false}
-            variant="filled"
+          </Tag>
+          <Tag
+            color="blue"
+            style={{ cursor: "pointer" }}
             onClick={() =>
               form.setFieldValue("thumbnail", "fec-event-blank-cover.png")
             }
           >
             待揭晓图片
-          </Chip>
+          </Tag>
 
-          <Chip
-            checked={false}
-            variant="filled"
+          <Tag
+            color="blue"
+            style={{ cursor: "pointer" }}
             onClick={() =>
               form.setFieldValue("thumbnail", "fec-event-cancel-cover.png")
             }
           >
             取消图片
-          </Chip>
+          </Tag>
 
           <UploadImage
             pathPrefix={`organizations/${selectedOrganization?.slug}/${form.values.slug}/`}
@@ -59,136 +61,127 @@ export default function EventMedia({ form, event, selectedOrganization }: EventM
             onUploadSuccess={(s) => form.setFieldValue("thumbnail", s)}
             disabled={!selectedOrganization?.slug || !form.values.slug}
           />
-        </Group>
+        </Flex>
 
-        <Group>
-          <Fieldset w="100%" legend="展会详情图片">
-            <ActionIcon
-              size={"sm"}
-              onClick={() =>
-                form.setFieldValue(
-                  "media.images",
-                  form.values.media.images.concat({
-                    url: "",
-                    title: "",
-                    description: "",
-                  })
-                )
-              }
-            >
-              <IconPlus />
-            </ActionIcon>
-            {form.values.media.images.map((item: any, index: number) => (
-              <div key={item.url} style={{ marginBottom: "1rem" }}>
-                <Group>
-                  {selectedOrganization?.slug &&
-                    form.values.slug &&
-                    item.url && (
-                      <Image
-                        width={140}
-                        height={340}
-                        src={`https://images.furrycons.cn/${item.url}`}
-                        style={{ objectFit: "cover" }}
-                      />
-                    )}
-                  <Stack flex={1}>
-                    <TextInput
-                      style={{ flexGrow: 1 }}
-                      label={`图片地址 ${index + 1}`}
-                      placeholder="请输入图片地址"
-                      {...form.getInputProps(`media.images.${index}.url`)}
-                    />
-                    <TextInput
-                      style={{ flexGrow: 1 }}
-                      label={`图片标题 ${index + 1}`}
-                      placeholder="请输入图片标题（可选）"
-                      {...form.getInputProps(`media.images.${index}.title`)}
-                    />
-                    <Textarea
-                      style={{ flexGrow: 1 }}
-                      label={`图片描述 ${index + 1}`}
-                      placeholder="请输入图片描述（可选）"
-                      autosize
-                      minRows={2}
-                      maxRows={4}
-                      {...form.getInputProps(
-                        `media.images.${index}.description`
-                      )}
-                    />
-                    <UploadImage
-                      pathPrefix={`organizations/${selectedOrganization?.slug}/${form.values.slug}/`}
-                      defaultImageName={`details-${index + 1}`}
-                      onUploadSuccess={(s) =>
-                        form.setFieldValue(`media.images.${index}.url`, s)
-                      }
-                      disabled={
-                        !selectedOrganization?.slug || !form.values.slug
-                      }
+        <Fieldset style={{ width: "100%" }} legend="展会详情图片">
+          <Button
+            size="small"
+            icon={<IconPlus size={14} />}
+            onClick={() =>
+              form.setFieldValue(
+                "media.images",
+                form.values.media.images.concat({
+                  url: "",
+                  title: "",
+                  description: "",
+                })
+              )
+            }
+          />
+          {form.values.media.images.map((item: any, index: number) => (
+            <div key={item.url} style={{ marginBottom: "1rem" }}>
+              <Flex gap={16}>
+                {selectedOrganization?.slug &&
+                  form.values.slug &&
+                  item.url && (
+                    <Image
+                      width={140}
+                      height={340}
+                      src={`https://images.furrycons.cn/${item.url}`}
+                      style={{ objectFit: "cover" }}
                     />
-                    <Group gap="xs" justify="flex-end">
-                      <ActionIcon
-                        size="lg"
-                        variant="subtle"
-                        onClick={() => {
-                          if (index > 0) {
-                            const items = [
-                              ...(form.values.media.images || []),
-                            ];
-                            [items[index], items[index - 1]] = [
-                              items[index - 1],
-                              items[index],
-                            ];
-                            form.setFieldValue("media.images", items);
-                          }
-                        }}
-                        disabled={index === 0}
-                      >
-                        <IconArrowUp size="14" />
-                      </ActionIcon>
-                      <ActionIcon
-                        size="lg"
-                        variant="subtle"
-                        onClick={() => {
+                  )}
+                <Flex vertical flex={1} gap={8}>
+                  <TextInput
+                    label={`图片地址 ${index + 1}`}
+                    placeholder="请输入图片地址"
+                    {...form.getInputProps(`media.images.${index}.url`)}
+                  />
+                  <TextInput
+                    label={`图片标题 ${index + 1}`}
+                    placeholder="请输入图片标题（可选）"
+                    {...form.getInputProps(`media.images.${index}.title`)}
+                  />
+                  <Textarea
+                    label={`图片描述 ${index + 1}`}
+                    placeholder="请输入图片描述（可选）"
+                    autosize
+                    minRows={2}
+                    maxRows={4}
+                    {...form.getInputProps(
+                      `media.images.${index}.description`
+                    )}
+                  />
+                  <UploadImage
+                    pathPrefix={`organizations/${selectedOrganization?.slug}/${form.values.slug}/`}
+                    defaultImageName={`details-${index + 1}`}
+                    onUploadSuccess={(s) =>
+                      form.setFieldValue(`media.images.${index}.url`, s)
+                    }
+                    disabled={
+                      !selectedOrganization?.slug || !form.values.slug
+                    }
+                  />
+                  <Flex gap={4} justify="flex-end">
+                    <Button
+                      size="middle"
+                      type="text"
+                      icon={<IconArrowUp size={14} />}
+                      onClick={() => {
+                        if (index > 0) {
                           const items = [
                             ...(form.values.media.images || []),
                           ];
-                          if (index < items.length - 1) {
-                            [items[index], items[index + 1]] = [
-                              items[index + 1],
-                              items[index],
-                            ];
-                            form.setFieldValue("media.images", items);
-                          }
-                        }}
-                        disabled={
-                          index ===
-                          (form.values.media.images || []).length - 1
+                          [items[index], items[index - 1]] = [
+                            items[index - 1],
+                            items[index],
+                          ];
+                          form.setFieldValue("media.images", items);
                         }
-                      >
-                        <IconArrowDown size="14" />
-                      </ActionIcon>
-                      <ActionIcon
-                        size="lg"
-                        color="red"
-                        onClick={() =>
-                          form.setFieldValue(
-                            "media.images",
-                            (form.values.media.images || []).filter(
-                              (_: any, i: number) => i !== index
-                            )
-                          )
+                      }}
+                      disabled={index === 0}
+                    />
+                    <Button
+                      size="middle"
+                      type="text"
+                      icon={<IconArrowDown size={14} />}
+                      onClick={() => {
+                        const items = [
+                          ...(form.values.media.images || []),
+                        ];
+                        if (index < items.length - 1) {
+                          [items[index], items[index + 1]] = [
+                            items[index + 1],
+                            items[index],
+                          ];
+                          form.setFieldValue("media.images", items);
                         }
-                      >
-                        <IconTrash size="14" />
-                      </ActionIcon>
-                    </Group>
-                  </Stack>
-                </Group>
-              </div>
-            ))}
-          </Fieldset>
-        </Group>
-      </Stack>
-    </Container>
+                      }}
+                      disabled={
+                        index ===
+                        (form.values.media.images || []).length - 1
+                      }
+                    />
+                    <Button
+                      size="middle"
+                      danger
+                      icon={<IconTrash size={14} />}
+                      onClick={() =>
+                        form.setFieldValue(
+                          "media.images",
+                          (form.values.media.images || []).filter(
+                            (_: any, i: number) => i !== index
+                          )
+                        )
+                      }
+                    />
+                  </Flex>
+                </Flex>
+              </Flex>
+            </div>
+          ))}
+        </Fieldset>
+      </Flex>
+    </div>
   );
 } 
\ No newline at end of file
diff --git a/src/pages/dashboard/event/edit/EventSources.tsx b/src/pages/dashboard/event/edit/EventSources.tsx
index 704a550..aee141f 100644
--- a/src/pages/dashboard/event/edit/EventSources.tsx
+++ b/src/pages/dashboard/event/edit/EventSources.tsx
@@ -1,6 +1,9 @@
-import { ActionIcon, Container, Fieldset, Group, Stack, Text, TextInput, Title } from "@mantine/core";
+import { TextInput, Fieldset } from "@mantine/core";
 import { UseFormReturnType } from "@mantine/form";
 import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
+import { Typography, Button, Flex, Row, Col } from "antd";
+
+const { Title, Text } = Typography;
 
 interface EventSourcesProps {
   form: UseFormReturnType<any>;
@@ -8,105 +11,106 @@ interface EventSourcesProps {
 
 export default function EventSources({ form }: EventSourcesProps) {
   return (
-    <Container my="md" fluid>
-      <Title order={5}>展会信息来源</Title>
-      <Stack>
-        <Group>
-          <ActionIcon
-            size="sm"
+    <div style={{ padding: "0 24px", margin: "16px 0" }}>
+      <Title level={5}>展会信息来源</Title>
+      <Flex vertical gap={8}>
+        <Flex align="center" gap={8}>
+          <Button
+            size="small"
+            icon={<IconPlus size={14} />}
             onClick={() =>
               form.setFieldValue("sources", [
                 ...(form.values.sources || []),
                 { name: "", url: "", description: "" },
               ])
             }
-          >
-            <IconPlus />
-          </ActionIcon>
-          <Text size="sm" c="dimmed">
+          />
+          <Text type="secondary" style={{ fontSize: 14 }}>
             添加信息来源
           </Text>
-        </Group>
+        </Flex>
 
         {(form.values.sources || []).map((source: any, index: number) => (
           <div key={index} style={{ marginBottom: "1rem" }}>
             <Fieldset legend={`信息来源 ${index + 1}`}>
-              <Group align="flex-end">
-                <TextInput
-                  style={{ flexGrow: 1 }}
-                  label="名称"
-                  placeholder="信息来源名称"
-                  {...form.getInputProps(`sources.${index}.name`)}
-                />
-                <TextInput
-                  style={{ flexGrow: 1 }}
-                  label="链接"
-                  placeholder="信息来源链接"
-                  {...form.getInputProps(`sources.${index}.url`)}
-                />
-                <TextInput
-                  style={{ flexGrow: 1 }}
-                  label="描述"
-                  placeholder="信息来源描述（可选）"
-                  {...form.getInputProps(`sources.${index}.description`)}
-                />
-                <Group gap="xs">
-                  <ActionIcon
-                    size="sm"
-                    variant="subtle"
-                    onClick={() => {
-                      if (index > 0) {
+              <Row gutter={8} align="bottom">
+                <Col flex={1}>
+                  <TextInput
+                    label="名称"
+                    placeholder="信息来源名称"
+                    {...form.getInputProps(`sources.${index}.name`)}
+                  />
+                </Col>
+                <Col flex={1}>
+                  <TextInput
+                    label="链接"
+                    placeholder="信息来源链接"
+                    {...form.getInputProps(`sources.${index}.url`)}
+                  />
+                </Col>
+                <Col flex={1}>
+                  <TextInput
+                    label="描述"
+                    placeholder="信息来源描述（可选）"
+                    {...form.getInputProps(`sources.${index}.description`)}
+                  />
+                </Col>
+                <Col>
+                  <Flex gap={4}>
+                    <Button
+                      size="small"
+                      type="text"
+                      icon={<IconArrowUp size={14} />}
+                      onClick={() => {
+                        if (index > 0) {
+                          const items = [...(form.values.sources || [])];
+                          [items[index], items[index - 1]] = [
+                            items[index - 1],
+                            items[index],
+                          ];
+                          form.setFieldValue("sources", items);
+                        }
+                      }}
+                      disabled={index === 0}
+                    />
+                    <Button
+                      size="small"
+                      type="text"
+                      icon={<IconArrowDown size={14} />}
+                      onClick={() => {
                         const items = [...(form.values.sources || [])];
-                        [items[index], items[index - 1]] = [
-                          items[index - 1],
-                          items[index],
-                        ];
-                        form.setFieldValue("sources", items);
-                      }
-                    }}
-                    disabled={index === 0}
-                  >
-                    <IconArrowUp size="14" />
-                  </ActionIcon>
-                  <ActionIcon
-                    size="sm"
-                    variant="subtle"
-                    onClick={() => {
-                      const items = [...(form.values.sources || [])];
-                      if (index < items.length - 1) {
-                        [items[index], items[index + 1]] = [
-                          items[index + 1],
-                          items[index],
-                        ];
-                        form.setFieldValue("sources", items);
+                        if (index < items.length - 1) {
+                          [items[index], items[index + 1]] = [
+                            items[index + 1],
+                            items[index],
+                          ];
+                          form.setFieldValue("sources", items);
+                        }
+                      }}
+                      disabled={
+                        index === (form.values.sources || []).length - 1
                       }
-                    }}
-                    disabled={
-                      index === (form.values.sources || []).length - 1
-                    }
-                  >
-                    <IconArrowDown size="14" />
-                  </ActionIcon>
-                  <ActionIcon
-                    size="sm"
-                    color="red"
-                    onClick={() =>
-                      form.setFieldValue(
-                        "sources",
-                        (form.values.sources || []).filter(
-                          (_: any, i: number) => i !== index
+                    />
+                    <Button
+                      size="small"
+                      danger
+                      icon={<IconTrash size={14} />}
+                      onClick={() =>
+                        form.setFieldValue(
+                          "sources",
+                          (form.values.sources || []).filter(
+                            (_: any, i: number) => i !== index
+                          )
                         )
-                      )
-                    }
-                  >
-                    <IconTrash size="14" />
-                  </ActionIcon>
-                </Group>
-              </Group>
+                      }
+                    />
+                  </Flex>
+                </Col>
+              </Row>
             </Fieldset>
           </div>
         ))}
-      </Stack>
-    </Container>
+      </Flex>
+    </div>
   );
 } 
\ No newline at end of file
diff --git a/src/pages/dashboard/event/edit/GeographicInfo.tsx b/src/pages/dashboard/event/edit/GeographicInfo.tsx
index 9e8c1e3..4ab39b1 100644
--- a/src/pages/dashboard/event/edit/GeographicInfo.tsx
+++ b/src/pages/dashboard/event/edit/GeographicInfo.tsx
@@ -1,12 +1,14 @@
 import { EventItem } from "@/types/event";
 import { Region } from "@/types/region";
-import { Autocomplete, Button, Container, Group, Stack, TextInput, Title } from "@mantine/core";
+import { Autocomplete, TextInput } from "@mantine/core";
 import { UseFormReturnType } from "@mantine/form";
 import { IconSearch } from "@tabler/icons-react";
-import { notifications } from "@mantine/notifications";
 import RegionSelector from "@/components/Region/RegionSelector";
 import LocationSearch from "@/components/Event/LocationSearch";
-import { useDisclosure } from "@mantine/hooks";
+import { Typography, Button, Flex, Row, Col, App } from "antd";
+import { useState } from "react";
+
+const { Title } = Typography;
 
 interface GeographicInfoProps {
   form: UseFormReturnType<any>;
@@ -21,18 +23,16 @@ export default function GeographicInfo({
   selectedRegion,
   setSelectedRegion,
 }: GeographicInfoProps) {
-  const [
-    isLocationSearchModalOpen,
-    { open: openLocationSearchModal, close: closeLocationSearchModal },
-  ] = useDisclosure(false);
+  const { message } = App.useApp();
+  const [isLocationSearchModalOpen, setIsLocationSearchModalOpen] = useState(false);
 
   return (
-    <Container my="md" fluid>
-      <Title order={5} mb="sm">
+    <div style={{ padding: "0 24px", margin: "16px 0" }}>
+      <Title level={5} style={{ marginBottom: 12 }}>
         地理信息
       </Title>
 
-      <Stack>
+      <Flex vertical gap={8}>
         <RegionSelector
           required
           label="展会区域"
@@ -50,31 +50,30 @@ export default function GeographicInfo({
           {...form.getInputProps("address")}
         />
 
-        <Group gap="xs" grow>
-          <TextInput
-            label="经度"
-            placeholder="一般是三位整数"
-            {...form.getInputProps("addressLon")}
-          />
-
-          <TextInput
-            label="纬度"
-            placeholder="一般是两位整数"
-            {...form.getInputProps("addressLat")}
-          />
-        </Group>
+        <Row gutter={8}>
+          <Col flex={1}>
+            <TextInput
+              label="经度"
+              placeholder="一般是三位整数"
+              {...form.getInputProps("addressLon")}
+            />
+          </Col>
+          <Col flex={1}>
+            <TextInput
+              label="纬度"
+              placeholder="一般是两位整数"
+              {...form.getInputProps("addressLat")}
+            />
+          </Col>
+        </Row>
 
         <Button
           onClick={() => {
             if (!selectedRegion) {
-              notifications.show({
-                title: "请先选择展会区域",
-                message: "请先选择展会区域",
-                color: "red",
-              });
+              message.warning("请先选择展会区域");
               return;
             }
-            openLocationSearchModal();
+            setIsLocationSearchModalOpen(true);
           }}
         >
           搜索地址
@@ -82,7 +81,7 @@ export default function GeographicInfo({
         <LocationSearch
           isModalOpen={isLocationSearchModalOpen}
           handleOk={(location) => {
-            closeLocationSearchModal();
+            setIsLocationSearchModalOpen(false);
             if (location) {
               form.setFieldValue(
                 "addressLat",
@@ -95,12 +94,12 @@ export default function GeographicInfo({
             }
           }}
           handleCancel={() => {
-            closeLocationSearchModal();
+            setIsLocationSearchModalOpen(false);
           }}
           region={selectedRegion!}
           keyword={form.values.address}
         />
-      </Stack>
-    </Container>
+      </Flex>
+    </div>
   );
 } 
\ No newline at end of file
diff --git a/src/pages/dashboard/event/edit/TicketChannels.tsx b/src/pages/dashboard/event/edit/TicketChannels.tsx
index 5efcc7a..b53a822 100644
--- a/src/pages/dashboard/event/edit/TicketChannels.tsx
+++ b/src/pages/dashboard/event/edit/TicketChannels.tsx
@@ -1,6 +1,9 @@
-import { ActionIcon, Container, Fieldset, Group, Select, Stack, Text, TextInput, Title } from "@mantine/core";
+import { Fieldset, Select, TextInput } from "@mantine/core";
 import { UseFormReturnType } from "@mantine/form";
 import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
+import { Typography, Button, Flex, Row, Col } from "antd";
+
+const { Title, Text } = Typography;
 
 interface TicketChannelsProps {
   form: UseFormReturnType<any>;
@@ -8,12 +11,13 @@ interface TicketChannelsProps {
 
 export default function TicketChannels({ form }: TicketChannelsProps) {
   return (
-    <Container my="md" fluid>
-      <Title order={5}>票务渠道</Title>
-      <Stack>
-        <Group>
-          <ActionIcon
-            size="sm"
+    <div style={{ padding: "0 24px", margin: "16px 0" }}>
+      <Title level={5}>票务渠道</Title>
+      <Flex vertical gap={8}>
+        <Flex align="center" gap={8}>
+          <Button
+            size="small"
+            icon={<IconPlus size={14} />}
             onClick={() =>
               form.setFieldValue("ticketChannels", [
                 ...(form.values.ticketChannels || []),
@@ -25,74 +29,77 @@ export default function TicketChannels({ form }: TicketChannelsProps) {
                 },
               ])
             }
-          >
-            <IconPlus />
-          </ActionIcon>
-          <Text size="sm" c="dimmed">
+          />
+          <Text type="secondary" style={{ fontSize: 14 }}>
             添加票务渠道
           </Text>
-        </Group>
+        </Flex>
 
         {(form.values.ticketChannels || []).map((channel: any, index: number) => (
           <div key={index} style={{ marginBottom: "1rem" }}>
             <Fieldset legend={`票务渠道 ${index + 1}`}>
-              <Stack gap="xs">
-                <Group align="flex-end">
-                  <Select
-                    style={{ flexGrow: 1 }}
-                    label="渠道类型"
-                    placeholder="选择渠道类型"
-                    data={[
-                      { label: "微信小程序", value: "wxMiniProgram" },
-                      { label: "网页链接", value: "url" },
-                      { label: "二维码", value: "qrcode" },
-                      { label: "APP", value: "app" },
-                    ]}
-                    {...form.getInputProps(`ticketChannels.${index}.type`)}
-                  />
-                  <TextInput
-                    style={{ flexGrow: 1 }}
-                    label="渠道名称"
-                    placeholder="票务渠道名称"
-                    {...form.getInputProps(`ticketChannels.${index}.name`)}
-                  />
-                  <TextInput
-                    style={{ flexGrow: 1 }}
-                    label="渠道链接/地址/描述"
-                    placeholder="渠道链接或地址或描述"
-                    {...form.getInputProps(`ticketChannels.${index}.url`)}
-                  />
-                  <Select
-                    style={{ flexGrow: 1 }}
-                    label="可用状态"
-                    placeholder="选择状态"
-                    data={[
-                      { label: "可用", value: "true" },
-                      { label: "不可用", value: "false" },
-                    ]}
-                    value={
-                      form.values.ticketChannels?.[
-                        index
-                      ]?.available?.toString() || "true"
-                    }
-                    onChange={(value) => {
-                      const boolValue =
-                        value === "true"
-                          ? true
-                          : value === "false"
-                          ? false
-                          : null;
-                      form.setFieldValue(
-                        `ticketChannels.${index}.available`,
-                        boolValue
-                      );
-                    }}
-                  />
-                </Group>
-                <Group justify="flex-end">
-                  <ActionIcon
-                    size="sm"
-                    variant="subtle"
+              <Flex vertical gap={8}>
+                <Row gutter={8} align="bottom">
+                  <Col flex={1}>
+                    <Select
+                      label="渠道类型"
+                      placeholder="选择渠道类型"
+                      data={[
+                        { label: "微信小程序", value: "wxMiniProgram" },
+                        { label: "网页链接", value: "url" },
+                        { label: "二维码", value: "qrcode" },
+                        { label: "APP", value: "app" },
+                      ]}
+                      {...form.getInputProps(`ticketChannels.${index}.type`)}
+                    />
+                  </Col>
+                  <Col flex={1}>
+                    <TextInput
+                      label="渠道名称"
+                      placeholder="票务渠道名称"
+                      {...form.getInputProps(`ticketChannels.${index}.name`)}
+                    />
+                  </Col>
+                  <Col flex={1}>
+                    <TextInput
+                      label="渠道链接/地址/描述"
+                      placeholder="渠道链接或地址或描述"
+                      {...form.getInputProps(`ticketChannels.${index}.url`)}
+                    />
+                  </Col>
+                  <Col flex={1}>
+                    <Select
+                      label="可用状态"
+                      placeholder="选择状态"
+                      data={[
+                        { label: "可用", value: "true" },
+                        { label: "不可用", value: "false" },
+                      ]}
+                      value={
+                        form.values.ticketChannels?.[
+                          index
+                        ]?.available?.toString() || "true"
+                      }
+                      onChange={(value) => {
+                        const boolValue =
+                          value === "true"
+                            ? true
+                            : value === "false"
+                            ? false
+                            : null;
+                        form.setFieldValue(
+                          `ticketChannels.${index}.available`,
+                          boolValue
+                        );
+                      }}
+                    />
+                  </Col>
+                </Row>
+                <Flex justify="flex-end" gap={4}>
+                  <Button
+                    size="small"
+                    type="text"
+                    icon={<IconArrowUp size={14} />}
                     onClick={() => {
                       if (index > 0) {
                         const items = [
@@ -106,12 +113,11 @@ export default function TicketChannels({ form }: TicketChannelsProps) {
                       }
                     }}
                     disabled={index === 0}
-                  >
-                    <IconArrowUp size="14" />
-                  </ActionIcon>
-                  <ActionIcon
-                    size="sm"
-                    variant="subtle"
+                  />
+                  <Button
+                    size="small"
+                    type="text"
+                    icon={<IconArrowDown size={14} />}
                     onClick={() => {
                       const items = [...(form.values.ticketChannels || [])];
                       if (index < items.length - 1) {
@@ -126,12 +132,11 @@ export default function TicketChannels({ form }: TicketChannelsProps) {
                       index ===
                       (form.values.ticketChannels || []).length - 1
                     }
-                  >
-                    <IconArrowDown size="14" />
-                  </ActionIcon>
-                  <ActionIcon
-                    size="sm"
-                    color="red"
+                  />
+                  <Button
+                    size="small"
+                    danger
+                    icon={<IconTrash size={14} />}
                     onClick={() =>
                       form.setFieldValue(
                         "ticketChannels",
@@ -140,15 +145,13 @@ export default function TicketChannels({ form }: TicketChannelsProps) {
                         )
                       )
                     }
-                  >
-                    <IconTrash size="14" />
-                  </ActionIcon>
-                </Group>
-              </Stack>
+                  />
+                </Flex>
+              </Flex>
             </Fieldset>
           </div>
         ))}
-      </Stack>
-    </Container>
+      </Flex>
+    </div>
   );
 } 
\ No newline at end of file
diff --git a/src/pages/dashboard/event/edit/UriBuilder.tsx b/src/pages/dashboard/event/edit/UriBuilder.tsx
index ab945e3..0998cce 100644
--- a/src/pages/dashboard/event/edit/UriBuilder.tsx
+++ b/src/pages/dashboard/event/edit/UriBuilder.tsx
@@ -1,7 +1,9 @@
 import { Region } from "@/types/region";
-import { Button, Container, Stack, TextInput, Title } from "@mantine/core";
+import { TextInput } from "@mantine/core";
 import { UseFormReturnType } from "@mantine/form";
-import { notifications } from "@mantine/notifications";
+import { Typography, Button, Flex, App } from "antd";
+
+const { Title } = Typography;
 
 interface UriBuilderProps {
   form: UseFormReturnType<any>;
@@ -9,6 +11,8 @@ interface UriBuilderProps {
 }
 
 export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
+  const { message } = App.useApp();
+
   const generateEventSlug = () => {
     const selectedYear = new Date(form.values.startAt).getFullYear();
     const selectedMonth = new Date(form.values.startAt)
@@ -17,10 +21,7 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
     const city = selectedRegion?.code;
 
     if (!selectedYear || !selectedMonth || !city) {
-      notifications.show({
-        message: "活动日期或活动地区没有选择",
-        color: "red",
-      });
+      message.warning("活动日期或活动地区没有选择");
       return;
     }
 
@@ -28,9 +29,9 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
   };
 
   return (
-    <Container fluid>
-      <Title order={5}>URI构建</Title>
-      <Stack>
+    <div style={{ padding: "0 24px" }}>
+      <Title level={5}>URI构建</Title>
+      <Flex vertical gap={8}>
         <TextInput
           withAsterisk
           label="展会Slug"
@@ -48,7 +49,7 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
         >
           生成Slug
         </Button>
-      </Stack>
-    </Container>
+      </Flex>
+    </div>
   );
 } 
\ No newline at end of file
diff --git a/src/pages/dashboard/event/edit/index.tsx b/src/pages/dashboard/event/edit/index.tsx
index c1c1842..7bef169 100644
--- a/src/pages/dashboard/event/edit/index.tsx
+++ b/src/pages/dashboard/event/edit/index.tsx
@@ -5,17 +5,9 @@ import {
   EventItem,
   EditEventValidationSchema,
 } from "@/types/event";
-import {
-  Box,
-  Button,
-  Container,
-  Divider,
-  Group,
-  Title,
-  Center,
-} from "@mantine/core";
+import { Button, Divider, Typography, Flex, App } from "antd";
+import { Spin } from "antd";
 import { useForm } from "@mantine/form";
-import { notifications } from "@mantine/notifications";
 import { Organization } from "@/types/organization";
 import { useQuery } from "@tanstack/react-query";
 import {
@@ -27,7 +19,6 @@ import {
 import { zodResolver } from "mantine-form-zod-resolver";
 
 import "dayjs/locale/zh-cn";
-import { Spin } from "antd";
 import DefaultContainer from "@/components/Container";
 import LoadError from "@/components/Error";
 import { useState } from "react";
@@ -42,6 +33,8 @@ import EventSources from "./EventSources";
 import TicketChannels from "./TicketChannels";
 import EventMedia from "./EventMedia";
 
+const { Title } = Typography;
+
 export default function EventEditPage() {
   const { eventId } = useParams();
   const {
@@ -63,14 +56,14 @@ export default function EventEditPage() {
   return (
     <div className="relative">
       <DefaultContainer className="sticky top-0 z-10">
-        <Title order={2}>{eventId ? "编辑展会" : "新建展会"}</Title>
+        <Title level={2} style={{ margin: 0 }}>{eventId ? "编辑展会" : "新建展会"}</Title>
       </DefaultContainer>
 
       <DefaultContainer className="mt-4">
         {isLoading ? (
-          <Center>
+          <Flex justify="center" align="center">
             <Spin />
-          </Center>
+          </Flex>
         ) : (
           <EventEditorContent event={event} />
         )}
@@ -81,6 +74,7 @@ export default function EventEditPage() {
 
 function EventEditorContent({ event }: { event?: EventItem }) {
   const navigate = useNavigate();
+  const { message } = App.useApp();
 
   const [selectedRegion, setSelectedRegion] = useState<Region | null>(
     event?.region || null
@@ -156,41 +150,25 @@ function EventEditorContent({ event }: { event?: EventItem }) {
       if (event?.id) {
         const res = await updateEvent(event.id, transFormData);
         if (res) {
-          notifications.show({
-            title: "更新成功",
-            message: "更新展会数据成功",
-            color: "teal",
-          });
+          message.success("更新展会数据成功");
         }
       } else {
         const res = await createEvent(transFormData);
         if (res) {
-          notifications.show({
-            title: "创建成功",
-            message: "创建展会数据成功",
-            color: "teal",
-          });
+          message.success("创建展会数据成功");
           navigate(`/dashboard/event/${res.id}/edit`);
         }
       }
     } catch (error) {
-      notifications.show({
-        title: "有错误发生",
-        message: JSON.stringify(error),
-        color: "red",
-      });
+      message.error(`有错误发生: ${JSON.stringify(error)}`);
     }
   };
 
   return (
-    <Box mx="auto">
+    <div style={{ margin: "0 auto" }}>
       <form
         onSubmit={form.onSubmit(handleSubmit, (errors) => {
-          notifications.show({
-            title: "有错误发生",
-            message: JSON.stringify(errors),
-            color: "red",
-          });
+          message.error(`有错误发生: ${JSON.stringify(errors)}`);
         })}
       >
         <BasicInfo
@@ -202,7 +180,7 @@ function EventEditorContent({ event }: { event?: EventItem }) {
           setSelectedOrganizations={setSelectedOrganizations}
         />
 
-        <Divider my="sm" variant="dotted" />
+        <Divider dashed style={{ margin: "12px 0" }} />
 
         <GeographicInfo
           form={form}
@@ -211,23 +189,23 @@ function EventEditorContent({ event }: { event?: EventItem }) {
           setSelectedRegion={setSelectedRegion}
         />
 
-        <Divider my="sm" variant="dotted" />
+        <Divider dashed style={{ margin: "12px 0" }} />
 
         <UriBuilder form={form} selectedRegion={selectedRegion} />
 
-        <Divider my="sm" variant="dotted" />
+        <Divider dashed style={{ margin: "12px 0" }} />
 
         <EventAdditionalInfo form={form} event={event} />
 
-        <Divider my="sm" variant="dotted" />
+        <Divider dashed style={{ margin: "12px 0" }} />
 
         <EventSources form={form} />
 
-        <Divider my="sm" variant="dotted" />
+        <Divider dashed style={{ margin: "12px 0" }} />
 
         <TicketChannels form={form} />
 
-        <Divider my="sm" variant="dotted" />
+        <Divider dashed style={{ margin: "12px 0" }} />
 
         <EventMedia
           form={form}
@@ -235,12 +213,12 @@ function EventEditorContent({ event }: { event?: EventItem }) {
           selectedOrganization={selectedOrganization}
         />
 
-        <Container fluid>
-          <Group justify="flex-end" mt="md">
-            <Button type="submit">提交</Button>
-          </Group>
-        </Container>
+        <div style={{ padding: "0 24px" }}>
+          <Flex justify="flex-end" style={{ marginTop: 16 }}>
+            <Button type="primary" htmlType="submit">提交</Button>
+          </Flex>
+        </div>
       </form>
-    </Box>
+    </div>
   );
 }
diff --git a/src/pages/dashboard/event/page.tsx b/src/pages/dashboard/event/page.tsx
index 50d3d63..8a55f2c 100644
--- a/src/pages/dashboard/event/page.tsx
+++ b/src/pages/dashboard/event/page.tsx
@@ -1,15 +1,17 @@
-import { Button, Group, Title } from '@mantine/core';
+import { Button, Flex, Typography, App } from 'antd';
 import { useMutation, useQuery } from '@tanstack/react-query';
 import { deleteEvent, getEventList } from '@/api/dashboard/event';
 import DefaultContainer from '@/components/Container';
 import EventList from '@/pages/dashboard/event/components/EventList';
 import { IconCirclePlus } from '@tabler/icons-react';
 import { useNavigate } from 'react-router-dom';
-import { notifications } from '@mantine/notifications';
 import { useQueryState, parseAsInteger } from 'nuqs';
 
+const { Title } = Typography;
+
 export default function EventPage() {
   const navigate = useNavigate();
+  const { message } = App.useApp();
 
   const [search, setSearch] = useQueryState('search');
   const [orgSearch, setOrgSearch] = useQueryState('orgSearch');
@@ -45,10 +47,7 @@ export default function EventPage() {
   const { mutate: onDeleteEvent } = useMutation({
     mutationFn: deleteEvent,
     onSuccess: () => {
-      notifications.show({
-        title: '删除成功',
-        message: '删除展商成功，如果是误操作请马上联系管理员。',
-      });
+      message.success('删除展商成功，如果是误操作请马上联系管理员。');
       refetch();
     },
   });
@@ -56,18 +55,19 @@ export default function EventPage() {
   return (
     <>
       <DefaultContainer className="sticky top-0 z-10">
-        <Group justify="space-between">
-          <Title order={2}>展会列表</Title>
+        <Flex justify="space-between" align="center">
+          <Title level={2} style={{ margin: 0 }}>展会列表</Title>
 
           <Button
-            leftSection={<IconCirclePlus size={16} stroke={1.5} />}
+            type="primary"
+            icon={<IconCirclePlus size={16} stroke={1.5} />}
             onClick={() => {
               navigate('/dashboard/event/create');
             }}
           >
             添加展会
           </Button>
-        </Group>
+        </Flex>
       </DefaultContainer>
 
       <div className="shadow mt-4 p-4 rounded-xl bg-white">
diff --git a/src/pages/dashboard/feature/components/FeatureEditor/index.tsx b/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
index d7c2b7d..012387a 100644
--- a/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
+++ b/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
@@ -1,8 +1,8 @@
 import { createFeature, updateFeature } from "@/api/dashboard/feature";
 import { FeatureCategory, FeatureCategoryLabel, type CrateFeatureType, type EditableFeatureType } from "@/types/feature";
-import { Button, Group, Modal, Select, Textarea, TextInput } from "@mantine/core";
+import { Select, Textarea, TextInput } from "@mantine/core";
 import { useForm } from "@mantine/form";
-import { notifications } from "@mantine/notifications";
+import { Modal, Button, Flex, App } from "antd";
 
 export default function FeatureEditor({
   opened,
@@ -14,13 +14,11 @@ export default function FeatureEditor({
   editingFeature: EditableFeatureType | null;
 }) {
   return (
-    <>
-      <Modal opened={opened} onClose={onClose} title="标签编辑" centered>
-        {opened && (
-          <ModalComponent editingFeature={editingFeature} onClose={onClose} />
-        )}
-      </Modal>
-    </>
+    <Modal open={opened} onCancel={onClose} title="标签编辑" centered footer={null}>
+      {opened && (
+        <ModalComponent editingFeature={editingFeature} onClose={onClose} />
+      )}
+    </Modal>
   );
 }
 
@@ -31,6 +29,7 @@ function ModalComponent({
   editingFeature: EditableFeatureType | null;
   onClose: () => void;
 }) {
+  const { message } = App.useApp();
   const form = useForm({
     mode: "uncontrolled",
     initialValues: {
@@ -44,20 +43,12 @@ function ModalComponent({
     if (editingFeature?.id) {
       const res = await updateFeature({ ...value, id: editingFeature.id });
       console.log(res);
-      notifications.show({
-        title: "更新成功",
-        message: "更新标签成功",
-        color: "teal",
-      });
+      message.success("更新标签成功");
       return onClose();
     }
     const res = await createFeature(value);
     console.log(res);
-    notifications.show({
-      title: "创建成功",
-      message: "创建标签成功",
-      color: "teal",
-    });
+    message.success("创建标签成功");
     return onClose();
   };
 
@@ -90,9 +81,9 @@ function ModalComponent({
         {...form.getInputProps("description")}
       />
 
-      <Group justify="flex-end" mt="md">
-        <Button type="submit">提交</Button>
-      </Group>
+      <Flex justify="flex-end" style={{ marginTop: 16 }}>
+        <Button type="primary" htmlType="submit">提交</Button>
+      </Flex>
     </form>
   );
 }
diff --git a/src/pages/dashboard/feature/components/FeatureList/index.tsx b/src/pages/dashboard/feature/components/FeatureList/index.tsx
index 3d6a0e4..dd7ef81 100644
--- a/src/pages/dashboard/feature/components/FeatureList/index.tsx
+++ b/src/pages/dashboard/feature/components/FeatureList/index.tsx
@@ -1,7 +1,6 @@
-import { ActionIcon, Badge, Button, Menu, rem } from "@mantine/core";
-import { Space } from "antd";
+import { Button, Dropdown, Tag, App, Space } from "antd";
+import type { MenuProps } from "antd";
 import Table, { type ColumnsType } from "antd/es/table";
-import dayjs from "dayjs";
 
 import { cleanPageCache } from "@/api/dashboard/cache";
 import type { List } from "@/types/Request";
@@ -10,7 +9,6 @@ import {
   FeatureCategoryLabel,
   type FeatureType,
 } from "@/types/feature";
-import { notifications } from "@mantine/notifications";
 import { IconEdit, IconMenu, IconTrash } from "@tabler/icons-react";
 import { useMutation } from "@tanstack/react-query";
 import { useNavigate } from "react-router-dom";
@@ -32,14 +30,12 @@ export default function FeatureList({
   onEdit: (feature: FeatureType) => void;
 }) {
   const navigate = useNavigate();
+  const { message } = App.useApp();
 
   const { mutate: refreshPage } = useMutation({
     mutationFn: cleanPageCache,
     onSuccess: () => {
-      notifications.show({
-        title: "刷新成功",
-        message: "刷新页面缓存成功",
-      });
+      message.success("刷新页面缓存成功");
     },
   });
 
@@ -56,9 +52,9 @@ export default function FeatureList({
       key: "category",
       width: 100,
       render: (_, record) => (
-        <Badge color="blue">
+        <Tag color="blue">
           {FeatureCategoryLabel[record.category as FeatureCategory]}
-        </Badge>
+        </Tag>
       ),
     },
     {
@@ -71,49 +67,37 @@ export default function FeatureList({
       key: "action",
       fixed: "right",
       width: 250,
-      render: (_, record) => (
-        <Space size="middle">
-          <Button
-            variant="light"
-            color="green"
-            aria-label="view"
-            onClick={() => {
-              onEdit(record);
-            }}
-            leftSection={<IconEdit size={14} />}
-          >
-            编辑
-          </Button>
-
-          <Menu shadow="md" width={200}>
-            <Menu.Target>
-              <ActionIcon variant="light" aria-label="Settings">
-                <IconMenu
-                  style={{ width: "70%", height: "70%" }}
-                  stroke={1.5}
-                />
-              </ActionIcon>
-            </Menu.Target>
-
-            <Menu.Dropdown>
-              <Menu.Label>菜单</Menu.Label>
+      render: (_, record) => {
+        const menuItems: MenuProps['items'] = [
+          { type: 'divider' },
+          {
+            key: 'delete',
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: '删除',
+            danger: true,
+            disabled: true,
+          },
+        ];
 
-              <Menu.Divider />
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              onClick={() => {
+                onEdit(record);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
 
-              <Menu.Label>危险</Menu.Label>
-              <Menu.Item
-                disabled
-                color="red"
-                leftSection={
-                  <IconTrash style={{ width: rem(14), height: rem(14) }} />
-                }
-              >
-                删除
-              </Menu.Item>
-            </Menu.Dropdown>
-          </Menu>
-        </Space>
-      ),
+            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
+              <Button icon={<IconMenu size={14} stroke={1.5} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
     },
   ];
 
diff --git a/src/pages/dashboard/feature/index.tsx b/src/pages/dashboard/feature/index.tsx
index 00e7137..b613558 100644
--- a/src/pages/dashboard/feature/index.tsx
+++ b/src/pages/dashboard/feature/index.tsx
@@ -1,21 +1,22 @@
-import { Button, Group, Title } from '@mantine/core';
-import { useRef } from 'react';
+import { Button, Flex, Typography } from 'antd';
+import { useRef, useState } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import DefaultContainer from '@/components/Container';
 import { IconCirclePlus } from '@tabler/icons-react';
 import { useNavigate } from 'react-router-dom';
 import { getFeatureList } from '@/api/dashboard/feature';
 import FeatureList from '@/pages/dashboard/feature/components/FeatureList';
-import { useDisclosure } from '@mantine/hooks';
 import FeatureEditor from '@/pages/dashboard/feature/components/FeatureEditor';
 import type { FeatureType } from '@/types/feature';
 import { useQueryState, parseAsInteger } from 'nuqs';
 
+const { Title } = Typography;
+
 export default function FeaturePage() {
   const navigate = useNavigate();
   const editingFeature = useRef<FeatureType>(null);
 
-  const [opened, { open, close }] = useDisclosure(false);
+  const [opened, setOpened] = useState(false);
 
   const [currentPage, setCurrentPage] = useQueryState(
     'currentPage',
@@ -43,19 +44,20 @@ export default function FeaturePage() {
   return (
     <>
       <DefaultContainer className="sticky top-0 z-10">
-        <Group justify="space-between">
-          <Title order={2}>标签列表</Title>
+        <Flex justify="space-between" align="center">
+          <Title level={2} style={{ margin: 0 }}>标签列表</Title>
 
           <Button
-            leftSection={<IconCirclePlus size={16} stroke={1.5} />}
+            type="primary"
+            icon={<IconCirclePlus size={16} stroke={1.5} />}
             onClick={() => {
               editingFeature.current = null;
-              open();
+              setOpened(true);
             }}
           >
             添加标签
           </Button>
-        </Group>
+        </Flex>
       </DefaultContainer>
 
       <div className="shadow mt-4 p-4 rounded-xl bg-white">
@@ -66,14 +68,14 @@ export default function FeaturePage() {
           setPagination={setPagination}
           onEdit={(feature) => {
             editingFeature.current = feature;
-            open();
+            setOpened(true);
           }}
         />
       </div>
 
       <FeatureEditor
         opened={opened}
-        onClose={close}
+        onClose={() => setOpened(false)}
         editingFeature={editingFeature.current}
       />
     </>
diff --git a/src/pages/dashboard/index.tsx b/src/pages/dashboard/index.tsx
index be52557..2a20828 100644
--- a/src/pages/dashboard/index.tsx
+++ b/src/pages/dashboard/index.tsx
@@ -1,10 +1,12 @@
 import { getApplicationList } from "@/api/developer/application";
 import useAuthStore from "@/stores/auth";
 import { UserRole, UserRoleText } from "@/types/User";
-import { Group, Paper, Title, Text, Flex } from "@mantine/core";
-import { IconApps, IconUser, IconUsers, IconUserX } from "@tabler/icons-react";
+import { Card, Typography, Row, Col, Flex } from "antd";
+import { IconApps, IconUser, IconUsers } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
 
+const { Title } = Typography;
+
 export default function Dashboard() {
   const { user } = useAuthStore();
   const { data: applicationList } = useQuery({
@@ -14,28 +16,34 @@ export default function Dashboard() {
 
   return (
     <div>
-      <Title order={2}>欢迎回来，{user?.name || user?.email}</Title>
+      <Title level={2}>欢迎回来，{user?.name || user?.email}</Title>
       <div className="mt-4">
-        <Group grow>
-          <Paper p={20} radius="md" className="relative">
-            <Flex justify="space-between" align="center" gap={10}>
-              {UserRoleText[user?.role as UserRole]}
-              <IconUsers />
-            </Flex>
-          </Paper>
-          <Paper p={20} radius="md" className="">
-            <Flex justify="space-between" align="center" gap={10}>
-              {applicationList?.total || 0} 个应用
-              <IconApps />
-            </Flex>
-          </Paper>
-          <Paper p={20} radius="md" className="">
-            <Flex justify="space-between" align="center" gap={10}>
-              {user?.disabledAt ? "账户已禁用" : "账户正常"}
-              <IconUser />
-            </Flex>
-          </Paper>
-        </Group>
+        <Row gutter={16}>
+          <Col flex={1}>
+            <Card style={{ borderRadius: 8 }}>
+              <Flex justify="space-between" align="center" gap={10}>
+                {UserRoleText[user?.role as UserRole]}
+                <IconUsers />
+              </Flex>
+            </Card>
+          </Col>
+          <Col flex={1}>
+            <Card style={{ borderRadius: 8 }}>
+              <Flex justify="space-between" align="center" gap={10}>
+                {applicationList?.total || 0} 个应用
+                <IconApps />
+              </Flex>
+            </Card>
+          </Col>
+          <Col flex={1}>
+            <Card style={{ borderRadius: 8 }}>
+              <Flex justify="space-between" align="center" gap={10}>
+                {user?.disabledAt ? "账户已禁用" : "账户正常"}
+                <IconUser />
+              </Flex>
+            </Card>
+          </Col>
+        </Row>
       </div>
     </div>
   );
diff --git a/src/pages/dashboard/layout.tsx b/src/pages/dashboard/layout.tsx
index fefef02..36338c4 100644
--- a/src/pages/dashboard/layout.tsx
+++ b/src/pages/dashboard/layout.tsx
@@ -1,12 +1,6 @@
 import useAuthStore from "@/stores/auth";
-import {
-  AppShell,
-  AppShellMain,
-  AppShellNavbar,
-  AppShellSection,
-  Divider,
-  NavLink,
-} from "@mantine/core";
+import { Layout, Menu, Divider } from "antd";
+import type { MenuProps } from "antd";
 import {
   IconApps,
   IconHome,
@@ -18,29 +12,65 @@ import {
   IconUser,
   IconUserCode,
 } from "@tabler/icons-react";
-import clsx from "clsx";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
 import { NuqsAdapter } from "nuqs/adapters/react-router/v7";
 
-const linksData = [
-  { link: "/dashboard", label: "首页", icon: IconHome },
-  { link: "/dashboard/event", label: "展会", icon: IconTicket },
-  { link: "/dashboard/organization", label: "展商", icon: IconTrademark },
-  { link: "/dashboard/feature", label: "展会标签", icon: IconTag },
-  { link: "/dashboard/region", label: "区域管理", icon: IconMapPin },
+const { Sider, Content } = Layout;
+
+type MenuItem = Required<MenuProps>["items"][number];
+
+const menuItems: MenuItem[] = [
+  {
+    key: "/dashboard",
+    icon: <IconHome size="1.1rem" stroke={1.5} />,
+    label: "首页",
+  },
+  {
+    key: "/dashboard/event",
+    icon: <IconTicket size="1.1rem" stroke={1.5} />,
+    label: "展会",
+  },
   {
-    link: "/developer",
+    key: "/dashboard/organization",
+    icon: <IconTrademark size="1.1rem" stroke={1.5} />,
+    label: "展商",
+  },
+  {
+    key: "/dashboard/feature",
+    icon: <IconTag size="1.1rem" stroke={1.5} />,
+    label: "展会标签",
+  },
+  {
+    key: "/dashboard/region",
+    icon: <IconMapPin size="1.1rem" stroke={1.5} />,
+    label: "区域管理",
+  },
+  {
+    key: "/developer",
+    icon: <IconUserCode size="1.1rem" stroke={1.5} />,
     label: "开发者",
-    icon: IconUserCode,
-    links: [
-      { link: "/developer/application", label: "应用管理", icon: IconApps },
+    children: [
+      {
+        key: "/developer/application",
+        icon: <IconApps size="1.1rem" stroke={1.5} />,
+        label: "应用管理",
+      },
     ],
   },
-  // {
-  //   link: '/dashboard/cache-manager',
-  //   label: '缓存管理',
-  //   icon: IconCloudStorm,
-  // },
+];
+
+const bottomMenuItems: MenuItem[] = [
+  {
+    key: "user-settings",
+    icon: <IconUser size="1rem" stroke={1.5} />,
+    label: "个人设置",
+    disabled: true,
+  },
+  {
+    key: "logout",
+    icon: <IconLogout size="1rem" stroke={1.5} />,
+    label: "退出登录",
+  },
 ];
 
 export default function DashboardLayout() {
@@ -49,101 +79,78 @@ export default function DashboardLayout() {
 
   const { logout } = useAuthStore();
 
-  const isLinkActive = (linkPath: string) => {
+  const getSelectedKeys = () => {
     const currentPath = location.pathname;
 
-    // // 特殊处理首页路径
-    if (linkPath === "/dashboard") {
-      return currentPath === "/dashboard";
+    // 特殊处理首页路径
+    if (currentPath === "/dashboard") {
+      return ["/dashboard"];
     }
 
-    // 检查是否为精确匹配
-    if (currentPath === linkPath) {
-      return true;
+    // 查找最匹配的路径
+    const allKeys = [
+      "/dashboard",
+      "/dashboard/event",
+      "/dashboard/organization",
+      "/dashboard/feature",
+      "/dashboard/region",
+      "/developer/application",
+    ];
+
+    for (const key of allKeys) {
+      if (key !== "/dashboard" && currentPath.startsWith(key)) {
+        return [key];
+      }
     }
 
-    // 检查是否为子路径匹配，但排除更深层的子路径
-    if (currentPath.startsWith(`${linkPath}/`)) {
-      // 获取当前路径在 linkPath 之后的剩余部分
-      const remainingPath = currentPath.slice(linkPath.length + 1);
+    return [currentPath];
+  };
 
-      // 如果剩余路径不包含更多斜杠，说明是直接子路径
-      // 如果包含更多斜杠，说明是更深层的子路径，不应该激活父路径
-      return !remainingPath.includes("/");
+  const handleMenuClick: MenuProps["onClick"] = (e) => {
+    if (e.key === "logout") {
+      logout();
+    } else if (e.key !== "user-settings") {
+      navigate(e.key);
     }
-
-    return false;
   };
 
   return (
-    <AppShell navbar={{ width: 300, breakpoint: "sm" }} padding="xl">
-      <AppShellNavbar withBorder={false} p="xl" className="bg-slate-100">
-        <AppShellSection grow>
-          <nav className="flex flex-col gap-2">
-            {linksData.map((link) => (
-              <NavLink
-                key={link.link}
-                active={isLinkActive(link.link)}
-                onClick={() => {
-                  if (link.links) {
-                    return;
-                  }
-                  navigate(link.link);
-                }}
-                label={link.label}
-                leftSection={<link.icon size="1.1rem" stroke={1.5} />}
-                className={clsx(
-                  "rounded",
-                  isLinkActive(link.link) && "shadow shadow-blue-500/20"
-                )}
-              >
-                {link.links?.map((subLink) => (
-                  <NavLink
-                    key={subLink.link}
-                    active={isLinkActive(subLink.link)}
-                    onClick={() => {
-                      navigate(subLink.link);
-                    }}
-                    label={subLink.label}
-                    leftSection={<subLink.icon size="1.1rem" stroke={1.5} />}
-                    className={clsx(
-                      "rounded",
-                      isLinkActive(subLink.link) && "shadow shadow-blue-500/20"
-                    )}
-                  />
-                ))}
-              </NavLink>
-            ))}
-          </nav>
-        </AppShellSection>
-
-        <AppShellSection my="xs">
-          <Divider />
-        </AppShellSection>
-
-        <AppShellSection>
-          <div>
-            <NavLink
-              label="个人设置"
-              leftSection={<IconUser size="1rem" stroke={1.5} />}
-              className="rounded"
-              disabled
+    <Layout style={{ minHeight: "100vh" }}>
+      <Sider
+        width={300}
+        className="bg-slate-100"
+        style={{ background: "#f1f5f9" }}
+      >
+        <div className="flex flex-col h-full p-6">
+          <div className="flex-1">
+            <Menu
+              mode="inline"
+              selectedKeys={getSelectedKeys()}
+              items={menuItems}
+              onClick={handleMenuClick}
+              style={{ background: "transparent", border: "none" }}
             />
-            <NavLink
-              onClick={logout}
-              label="退出登录"
-              leftSection={<IconLogout size="1rem" stroke={1.5} />}
-              className="rounded"
+          </div>
+
+          <Divider style={{ margin: "12px 0" }} />
+
+          <div>
+            <Menu
+              mode="inline"
+              selectedKeys={[]}
+              items={bottomMenuItems}
+              onClick={handleMenuClick}
+              style={{ background: "transparent", border: "none" }}
             />
           </div>
-        </AppShellSection>
-      </AppShellNavbar>
+        </div>
+      </Sider>
 
-      <AppShellMain className="bg-slate-100">
+      <Content className="bg-slate-100 p-6">
         <NuqsAdapter>
           <Outlet />
         </NuqsAdapter>
-      </AppShellMain>
-    </AppShell>
+      </Content>
+    </Layout>
   );
 }
diff --git a/src/pages/dashboard/organization/components/OrganizationList/index.tsx b/src/pages/dashboard/organization/components/OrganizationList/index.tsx
index 16c48bb..1b64ea3 100644
--- a/src/pages/dashboard/organization/components/OrganizationList/index.tsx
+++ b/src/pages/dashboard/organization/components/OrganizationList/index.tsx
@@ -1,5 +1,6 @@
-import { ActionIcon, Button, Menu, rem, Tooltip } from "@mantine/core";
-import { Space, Tag, Input, type TableColumnType } from "antd";
+import { Button, Dropdown, Tooltip, Tag, App, Space } from "antd";
+import { Input, type TableColumnType } from "antd";
+import type { MenuProps } from "antd";
 import Table, { type ColumnsType } from "antd/es/table";
 import type { FilterDropdownProps } from "antd/es/table/interface";
 import dayjs from "dayjs";
@@ -11,7 +12,6 @@ import {
   type Organization,
   OrganizationTypeLabel,
 } from "@/types/organization";
-import { notifications } from "@mantine/notifications";
 import {
   IconEdit,
   IconInfoCircle,
@@ -48,14 +48,12 @@ export default function OrganizationList({
   >;
 }) {
   const navigate = useNavigate();
+  const { message } = App.useApp();
 
   const { mutate: refreshPage } = useMutation({
     mutationFn: cleanPageCache,
     onSuccess: () => {
-      notifications.show({
-        title: "刷新成功",
-        message: "刷新页面缓存成功",
-      });
+      message.success("刷新页面缓存成功");
     },
   });
 
@@ -118,9 +116,9 @@ export default function OrganizationList({
               onClick={() =>
                 handleSearch(selectedKeys as string[], confirm, dataIndex)
               }
-              leftSection={<IconSearch size={14} />}
-              size="xs"
-              variant="light"
+              icon={<IconSearch size={14} />}
+              size="small"
+              type="primary"
               style={{ width: 90 }}
             >
               搜索
@@ -129,16 +127,13 @@ export default function OrganizationList({
               onClick={() =>
                 clearFilters && handleReset(clearFilters, confirm, dataIndex)
               }
-              size="xs"
-              variant="white"
-              color="gray"
+              size="small"
             >
               重置
             </Button>
             <Button
-              size="xs"
-              variant="white"
-              color="gray"
+              size="small"
+              type="text"
               onClick={() => {
                 close();
               }}
@@ -200,96 +195,75 @@ export default function OrganizationList({
       key: "action",
       fixed: "right",
       width: 250,
-      render: (_, record) => (
-        <Space size="middle">
-          <Button
-            variant="light"
-            color="green"
-            aria-label="view"
-            onClick={() => {
-              window.open(`/dashboard/organization/${record.id}/edit`);
-            }}
-            leftSection={<IconEdit size={14} />}
-          >
-            编辑
-          </Button>
-
-          <Menu shadow="md" width={200}>
-            <Menu.Target>
-              <ActionIcon variant="light" aria-label="Settings">
-                <IconMenu
-                  style={{ width: "70%", height: "70%" }}
-                  stroke={1.5}
-                />
-              </ActionIcon>
-            </Menu.Target>
-
-            <Menu.Dropdown>
-              <Menu.Label>菜单</Menu.Label>
-              <Menu.Item
-                leftSection={
-                  <IconRefresh style={{ width: rem(14), height: rem(14) }} />
-                }
-                onClick={() => {
-                  refreshPage(`/${record.slug}`);
-                }}
-              >
-                刷新
-              </Menu.Item>
-
-              <Menu.Item
-                leftSection={
-                  <IconLink style={{ width: rem(14), height: rem(14) }} />
-                }
-                rightSection={
-                  <Tooltip label="国际站没有缓存，修改后会立刻显示">
-                    <IconInfoCircle size={14} />
-                  </Tooltip>
-                }
-                onClick={() => {
-                  window.open(
-                    `https://www.furryeventchina.com/${record.slug}`,
-                    "_blank"
-                  );
-                }}
-              >
-                去国际站查看
-              </Menu.Item>
-              <Menu.Item
-                leftSection={
-                  <IconLink style={{ width: rem(14), height: rem(14) }} />
-                }
-                rightSection={
-                  <Tooltip label="国内站有缓存，修改后大概24小时生效，除非你手动刷新">
-                    <IconInfoCircle size={14} />
-                  </Tooltip>
-                }
-                onClick={() => {
-                  window.open(
-                    `https://www.furrycons.cn/${record.slug}`,
-                    "_blank"
-                  );
-                }}
-              >
-                去国内站查看
-              </Menu.Item>
+      render: (_, record) => {
+        const menuItems: MenuProps['items'] = [
+          {
+            key: 'refresh',
+            icon: <IconRefresh style={{ width: 14, height: 14 }} />,
+            label: '刷新',
+            onClick: () => {
+              refreshPage(`/${record.slug}`);
+            },
+          },
+          {
+            key: 'view-international',
+            icon: <IconLink style={{ width: 14, height: 14 }} />,
+            label: (
+              <Tooltip title="国际站没有缓存，修改后会立刻显示">
+                <span>去国际站查看</span>
+              </Tooltip>
+            ),
+            onClick: () => {
+              window.open(
+                `https://www.furryeventchina.com/${record.slug}`,
+                "_blank"
+              );
+            },
+          },
+          {
+            key: 'view-domestic',
+            icon: <IconLink style={{ width: 14, height: 14 }} />,
+            label: (
+              <Tooltip title="国内站有缓存，修改后大概24小时生效，除非你手动刷新">
+                <span>去国内站查看</span>
+              </Tooltip>
+            ),
+            onClick: () => {
+              window.open(
+                `https://www.furrycons.cn/${record.slug}`,
+                "_blank"
+              );
+            },
+          },
+          { type: 'divider' },
+          {
+            key: 'delete',
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: '删除',
+            danger: true,
+            disabled: true,
+          },
+        ];
 
-              <Menu.Divider />
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              onClick={() => {
+                window.open(`/dashboard/organization/${record.id}/edit`);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
 
-              <Menu.Label>危险</Menu.Label>
-              <Menu.Item
-                disabled
-                color="red"
-                leftSection={
-                  <IconTrash style={{ width: rem(14), height: rem(14) }} />
-                }
-              >
-                删除
-              </Menu.Item>
-            </Menu.Dropdown>
-          </Menu>
-        </Space>
-      ),
+            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
+              <Button icon={<IconMenu size={14} stroke={1.5} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
     },
   ];
 
diff --git a/src/pages/dashboard/organization/edit/index.tsx b/src/pages/dashboard/organization/edit/index.tsx
index 300ccec..26eeaa6 100644
--- a/src/pages/dashboard/organization/edit/index.tsx
+++ b/src/pages/dashboard/organization/edit/index.tsx
@@ -15,32 +15,20 @@ import {
   OrganizationType,
 } from "@/types/organization";
 import {
-  Alert,
-  Box,
-  Button,
-  Center,
-  Container,
-  Divider,
-  Flex,
-  Group,
   Select,
-  Stack,
   TextInput,
   Textarea,
-  Title,
-  Tooltip,
-  rem,
 } from "@mantine/core";
 import { DatePickerInput } from "@mantine/dates";
 import { useForm } from "@mantine/form";
-import { notifications } from "@mantine/notifications";
-import { IconInfoCircle } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
-import { Spin } from "antd";
+import { Alert, Spin, Typography, Button, Flex, Divider, Row, Col, App } from "antd";
 import { useNavigate, useParams } from "react-router-dom";
 import { zodResolver } from "mantine-form-zod-resolver";
 import { z } from "zod";
 
+const { Title } = Typography;
+
 export default function OrganizationEditPage() {
   const { organizationId } = useParams();
   const {
@@ -53,6 +41,7 @@ export default function OrganizationEditPage() {
     refetchOnWindowFocus: false,
     enabled: !!organizationId,
   });
+  console.log(organization);
 
   if (isError) {
     return <LoadError />;
@@ -60,14 +49,14 @@ export default function OrganizationEditPage() {
   return (
     <div className="relative">
       <DefaultContainer className="sticky top-0 z-10">
-        <Title order={2}>{organizationId ? "编辑展商" : "新建展商"}</Title>
+        <Title level={2} style={{ margin: 0 }}>{organizationId ? "编辑展商" : "新建展商"}</Title>
       </DefaultContainer>
 
       <DefaultContainer className="mt-4">
         {isLoading ? (
-          <Center>
+          <Flex justify="center" align="center">
             <Spin />
-          </Center>
+          </Flex>
         ) : (
           <OrganizationEditorContent organization={organization} />
         )}
@@ -82,6 +71,7 @@ function OrganizationEditorContent({
   organization?: Organization;
 }) {
   const navigate = useNavigate();
+  const { message } = App.useApp();
   const form = useForm({
     initialValues: {
       name: organization?.name || "",
@@ -143,191 +133,196 @@ function OrganizationEditorContent({
           id: organization.id,
         });
         if (res) {
-          notifications.show({
-            title: "更新成功",
-            message: "更新展商数据成功",
-            color: "teal",
-          });
+          message.success("更新展商数据成功");
         }
         console.log("update res", res);
       } else {
         const res = await createOrganization(validPayload);
         console.log("create res", res);
         if (res) {
-          notifications.show({
-            title: "创建成功",
-            message: "创建展商数据成功",
-            color: "teal",
-          });
+          message.success("创建展商数据成功");
           navigate(`/dashboard/organization/${res.id}/edit`);
         }
       }
     } else {
-      notifications.show({
-        title: "数据校验不通过",
-        message: "请检查表单",
-        color: "teal",
-      });
+      message.warning("数据校验不通过，请检查表单");
     }
   };
 
   return (
-    <Box mx="auto">
+    <div style={{ margin: "0 auto" }}>
       <form onSubmit={form.onSubmit(handleSubmit)}>
-        <Container fluid>
-          <Title order={5} my="sm">
+        <div style={{ padding: "0 24px" }}>
+          <Title level={5} style={{ margin: "12px 0" }}>
             基础信息
           </Title>
-          <Stack gap="xs">
-            <Group justify="space-between" grow>
-              <TextInput
-                withAsterisk
-                label="展商名称"
-                {...form.getInputProps("name")}
-              />
+          <Flex vertical gap={8}>
+            <Row gutter={8}>
+              <Col flex={1}>
+                <TextInput
+                  withAsterisk
+                  label="展商名称"
+                  {...form.getInputProps("name")}
+                />
+              </Col>
+              <Col flex={1}>
+                <DatePickerInput
+                  valueFormat="YYYY年MM月DD日"
+                  label="创立日期"
+                  placeholder="请选择日期"
+                  clearable
+                  locale="zh-cn"
+                  {...form.getInputProps("creationTime")}
+                />
+              </Col>
+            </Row>
+
+            <Row gutter={8}>
+              <Col flex={1}>
+                <Select
+                  withAsterisk
+                  label="展商状态"
+                  data={Object.values(OrganizationStatus).map((status) => ({
+                    label: OrganizationStatusLabel[status],
+                    value: status,
+                  }))}
+                  {...form.getInputProps("status")}
+                />
+              </Col>
+              <Col flex={1}>
+                <Select
+                  withAsterisk
+                  label="展商类型"
+                  data={Object.values(OrganizationType).map((type) => ({
+                    label: OrganizationTypeLabel[type],
+                    value: type,
+                  }))}
+                  {...form.getInputProps("type")}
+                />
+              </Col>
+            </Row>
 
-              <DatePickerInput
-                valueFormat="YYYY年MM月DD日"
-                label="创立日期"
-                placeholder="请选择日期"
-                clearable
-                locale="zh-cn"
-                {...form.getInputProps("creationTime")}
-              />
-            </Group>
-
-            <Group justify="space-between" grow>
-              <Select
-                withAsterisk
-                label="展商状态"
-                data={Object.values(OrganizationStatus).map((status) => ({
-                  label: OrganizationStatusLabel[status],
-                  value: status,
-                }))}
-                {...form.getInputProps("status")}
-              />
+            <TextInput
+              withAsterisk
+              label="展商Slug"
+              disabled={!!organization?.id}
+              placeholder="请输入展商Slug"
+              description="请不要使用大写"
+              {...form.getInputProps("slug")}
+            />
 
-              <Select
-                withAsterisk
-                label="展商类型"
-                data={Object.values(OrganizationType).map((type) => ({
-                  label: OrganizationTypeLabel[type],
-                  value: type,
-                }))}
-                {...form.getInputProps("type")}
+            <Flex gap={8}>
+              <Alert
+                type="info"
+                message="Slug是展商的对外唯一标识，请谨慎选择，如果要修改请联系管理员。"
+                style={{ borderRadius: 8 }}
               />
-            </Group>
-
-            <Group justify="space-between" align="flex-start" grow>
-              <TextInput
-                withAsterisk
-                label="展商Slug"
-                disabled={!!organization?.id}
-                placeholder="请输入展商Slug"
-                description="请不要使用大写"
-                {...form.getInputProps("slug")}
+              <Alert
+                type="error"
+                message="不到万不得已，请勿使用拼音。 如果英文名称太长，使用-连字符。"
+                style={{ borderRadius: 8 }}
               />
-            </Group>
-
-            <Flex direction="row" gap="xs">
-              <Alert variant="light" color="blue" radius="lg">
-                Slug是展商的对外唯一标识，请谨慎选择，如果要修改请联系管理员。
-              </Alert>
-              <Alert variant="light" color="red" radius="lg">
-                不到万不得已，请勿使用拼音。 如果英文名称太长，使用-连字符。
-              </Alert>
             </Flex>
-          </Stack>
-        </Container>
-
-        <Divider my="sm" variant="dotted" />
-
-        <Container fluid>
-          <Title order={5}>媒体信息</Title>
-          <Stack>
-            <Group grow>
-              <TextInput
-                label="网站"
-                placeholder="请输入网站链接"
-                {...form.getInputProps("website")}
-              />
-
-              <TextInput
-                label="联系邮箱"
-                placeholder="请输入邮箱地址"
-                {...form.getInputProps("contactMail")}
-              />
-
-              <TextInput
-                label="QQ群"
-                placeholder="请输入QQ群号"
-                {...form.getInputProps("qqGroup")}
-              />
-            </Group>
-
-            <Group gap="xs" grow>
-              <TextInput
-                label="Twitter"
-                placeholder="请输入Twitter链接"
-                {...form.getInputProps("twitter")}
-              />
-
-              <TextInput
-                label="Weibo"
-                placeholder="请输入微博链接"
-                {...form.getInputProps("weibo")}
-              />
-            </Group>
-
-            <Group gap="xs" grow>
-              <TextInput
-                label="Bilibili"
-                placeholder="请输入B站链接"
-                {...form.getInputProps("bilibili")}
-              />
-
-              <TextInput
-                label="Wikifur"
-                placeholder="请输入Wikifur链接"
-                {...form.getInputProps("wikifur")}
-              />
-            </Group>
-
-            <Group gap="xs" grow>
-              <TextInput
-                label="小红书"
-                placeholder="请输入小红书用户链接"
-                {...form.getInputProps("rednote")}
-              />
-
-              {/* <TextInput
-                label="Wikifur"
-                placeholder="请输入Wikifur链接"
-                {...form.getInputProps("wikifur")}
-              /> */}
-            </Group>
-
-            <Group gap="xs" grow>
-              <TextInput
-                label="Plurk"
-                placeholder="请输入Plurk用户链接"
-                {...form.getInputProps("plurk")}
-              />
-
-              <TextInput
-                label="Facebook"
-                placeholder="请输入Facebook链接"
-                {...form.getInputProps("facebook")}
-              />
-            </Group>
-          </Stack>
-        </Container>
-
-        <Divider my="sm" variant="dotted" />
-
-        <Container fluid>
-          <Title order={5}>展会附加信息</Title>
-          <Stack>
+          </Flex>
+        </div>
+
+        <Divider dashed style={{ margin: "12px 0" }} />
+
+        <div style={{ padding: "0 24px" }}>
+          <Title level={5}>媒体信息</Title>
+          <Flex vertical gap={8}>
+            <Row gutter={8}>
+              <Col flex={1}>
+                <TextInput
+                  label="网站"
+                  placeholder="请输入网站链接"
+                  {...form.getInputProps("website")}
+                />
+              </Col>
+              <Col flex={1}>
+                <TextInput
+                  label="联系邮箱"
+                  placeholder="请输入邮箱地址"
+                  {...form.getInputProps("contactMail")}
+                />
+              </Col>
+              <Col flex={1}>
+                <TextInput
+                  label="QQ群"
+                  placeholder="请输入QQ群号"
+                  {...form.getInputProps("qqGroup")}
+                />
+              </Col>
+            </Row>
+
+            <Row gutter={8}>
+              <Col flex={1}>
+                <TextInput
+                  label="Twitter"
+                  placeholder="请输入Twitter链接"
+                  {...form.getInputProps("twitter")}
+                />
+              </Col>
+              <Col flex={1}>
+                <TextInput
+                  label="Weibo"
+                  placeholder="请输入微博链接"
+                  {...form.getInputProps("weibo")}
+                />
+              </Col>
+            </Row>
+
+            <Row gutter={8}>
+              <Col flex={1}>
+                <TextInput
+                  label="Bilibili"
+                  placeholder="请输入B站链接"
+                  {...form.getInputProps("bilibili")}
+                />
+              </Col>
+              <Col flex={1}>
+                <TextInput
+                  label="Wikifur"
+                  placeholder="请输入Wikifur链接"
+                  {...form.getInputProps("wikifur")}
+                />
+              </Col>
+            </Row>
+
+            <Row gutter={8}>
+              <Col flex={1}>
+                <TextInput
+                  label="小红书"
+                  placeholder="请输入小红书用户链接"
+                  {...form.getInputProps("rednote")}
+                />
+              </Col>
+            </Row>
+
+            <Row gutter={8}>
+              <Col flex={1}>
+                <TextInput
+                  label="Plurk"
+                  placeholder="请输入Plurk用户链接"
+                  {...form.getInputProps("plurk")}
+                />
+              </Col>
+              <Col flex={1}>
+                <TextInput
+                  label="Facebook"
+                  placeholder="请输入Facebook链接"
+                  {...form.getInputProps("facebook")}
+                />
+              </Col>
+            </Row>
+          </Flex>
+        </div>
+
+        <Divider dashed style={{ margin: "12px 0" }} />
+
+        <div style={{ padding: "0 24px" }}>
+          <Title level={5}>展会附加信息</Title>
+          <Flex vertical gap={8}>
             <Textarea
               label="展商描述"
               description="可以是展商的自我简介之类的东西，不填也没关系。"
@@ -337,37 +332,37 @@ function OrganizationEditorContent({
               maxRows={20}
               {...form.getInputProps("description")}
             />
-          </Stack>
-        </Container>
+          </Flex>
+        </div>
 
-        <Divider my="sm" variant="dotted" />
+        <Divider dashed style={{ margin: "12px 0" }} />
 
-        <Container fluid>
-          <Title order={5}>展会媒体资源</Title>
+        <div style={{ padding: "0 24px" }}>
+          <Title level={5}>展会媒体资源</Title>
 
-          <Stack justify="flex-start" gap="xs">
+          <Flex vertical gap={8}>
             <TextInput
               label="展商标志图片"
               description="一般来说无需手动编辑，除非有两个组织的logo一致，可以直接复用另外一个组织的URL。"
               {...form.getInputProps("logoUrl")}
             />
-            <Group>
+            <Flex>
               <UploadImage
                 pathPrefix={`organizations/${form.values.slug}/`}
                 defaultImageName="logo"
                 onUploadSuccess={(s) => form.setFieldValue("logoUrl", s)}
                 disabled={!form.values.slug}
               />
-            </Group>
-          </Stack>
-        </Container>
-
-        <Container fluid>
-          <Group justify="flex-end" mt="md">
-            <Button type="submit">保存</Button>
-          </Group>
-        </Container>
+            </Flex>
+          </Flex>
+        </div>
+
+        <div style={{ padding: "0 24px" }}>
+          <Flex justify="flex-end" style={{ marginTop: 16 }}>
+            <Button type="primary" htmlType="submit">保存</Button>
+          </Flex>
+        </div>
       </form>
-    </Box>
+    </div>
   );
 }
diff --git a/src/pages/dashboard/organization/page.tsx b/src/pages/dashboard/organization/page.tsx
index 129b904..2ecdcf4 100644
--- a/src/pages/dashboard/organization/page.tsx
+++ b/src/pages/dashboard/organization/page.tsx
@@ -1,13 +1,15 @@
 import { getOrganizationList } from '@/api/dashboard/organization';
 import DefaultContainer from '@/components/Container';
 import OrganizationList from '@/pages/dashboard/organization/components/OrganizationList';
-import { Button, Group, Title } from '@mantine/core';
+import { Button, Flex, Typography } from 'antd';
 import { IconCirclePlus } from '@tabler/icons-react';
 import { useQuery } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
 import { useQueryState, parseAsInteger } from 'nuqs';
 import { useState } from 'react';
 
+const { Title } = Typography;
+
 export default function OrganizationPage() {
   const navigate = useNavigate();
   
@@ -43,18 +45,19 @@ export default function OrganizationPage() {
   return (
     <>
       <DefaultContainer className="sticky top-0 z-10">
-        <Group justify="space-between">
-          <Title order={2}>展商列表</Title>
+        <Flex justify="space-between" align="center">
+          <Title level={2} style={{ margin: 0 }}>展商列表</Title>
 
           <Button
-            leftSection={<IconCirclePlus size={16} stroke={1.5} />}
+            type="primary"
+            icon={<IconCirclePlus size={16} stroke={1.5} />}
             onClick={() => {
               navigate('/dashboard/organization/create');
             }}
           >
             添加展商
           </Button>
-        </Group>
+        </Flex>
       </DefaultContainer>
 
       <div className="shadow mt-4 p-4 rounded-xl bg-white">
diff --git a/src/pages/dashboard/region/components/RegionList/index.tsx b/src/pages/dashboard/region/components/RegionList/index.tsx
index db46519..e600227 100644
--- a/src/pages/dashboard/region/components/RegionList/index.tsx
+++ b/src/pages/dashboard/region/components/RegionList/index.tsx
@@ -1,12 +1,10 @@
-import { ActionIcon, Badge, Button, Menu, rem } from "@mantine/core";
-import { Space } from "antd";
+import { Button, Dropdown, App, Space } from "antd";
+import type { MenuProps } from "antd";
 import Table, { type ColumnsType } from "antd/es/table";
-import dayjs from "dayjs";
 
 import { cleanPageCache } from "@/api/dashboard/cache";
 import type { List } from "@/types/Request";
 import { RegionTypeLabel, type Region } from "@/types/region";
-import { notifications } from "@mantine/notifications";
 import { IconEdit, IconMenu, IconTrash } from "@tabler/icons-react";
 import { useMutation } from "@tanstack/react-query";
 import { useNavigate } from "react-router-dom";
@@ -30,14 +28,12 @@ export default function RegionList({
   onEdit: (region: Region) => void;
 }) {
   const navigate = useNavigate();
+  const { message } = App.useApp();
 
   const { mutate: refreshPage } = useMutation({
     mutationFn: cleanPageCache,
     onSuccess: () => {
-      notifications.show({
-        title: "刷新成功",
-        message: "刷新页面缓存成功",
-      });
+      message.success("刷新页面缓存成功");
     },
   });
 
@@ -74,49 +70,37 @@ export default function RegionList({
       key: "action",
       fixed: "right",
       width: 250,
-      render: (_, record) => (
-        <Space size="middle">
-          <Button
-            variant="light"
-            color="green"
-            aria-label="view"
-            onClick={() => {
-              onEdit(record);
-            }}
-            leftSection={<IconEdit size={14} />}
-          >
-            编辑
-          </Button>
+      render: (_, record) => {
+        const menuItems: MenuProps['items'] = [
+          { type: 'divider' },
+          {
+            key: 'delete',
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: '删除',
+            danger: true,
+            disabled: true,
+          },
+        ];
 
-          <Menu shadow="md" width={200}>
-            <Menu.Target>
-              <ActionIcon variant="light" aria-label="Settings">
-                <IconMenu
-                  style={{ width: "70%", height: "70%" }}
-                  stroke={1.5}
-                />
-              </ActionIcon>
-            </Menu.Target>
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              onClick={() => {
+                onEdit(record);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
 
-            <Menu.Dropdown>
-              <Menu.Label>菜单</Menu.Label>
-
-              <Menu.Divider />
-
-              <Menu.Label>危险</Menu.Label>
-              <Menu.Item
-                disabled
-                color="red"
-                leftSection={
-                  <IconTrash style={{ width: rem(14), height: rem(14) }} />
-                }
-              >
-                删除
-              </Menu.Item>
-            </Menu.Dropdown>
-          </Menu>
-        </Space>
-      ),
+            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
+              <Button icon={<IconMenu size={14} stroke={1.5} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
     },
   ];
 
diff --git a/src/pages/dashboard/region/edit/index.tsx b/src/pages/dashboard/region/edit/index.tsx
index 56bc30c..470907a 100644
--- a/src/pages/dashboard/region/edit/index.tsx
+++ b/src/pages/dashboard/region/edit/index.tsx
@@ -1,20 +1,14 @@
 import { createRegion, updateRegion, getRegion } from "@/api/dashboard/region";
 import type { EditableRegion, Region } from "@/types/region";
 import {
-  Button,
-  Group,
   NumberInput,
   Select,
   Textarea,
   TextInput,
-  Title,
-  Paper,
   Switch,
-  Input,
 } from "@mantine/core";
-import { Select as AntdSelect } from "antd";
+import { Select as AntdSelect, Typography, Button, Flex, Card, Form, App } from "antd";
 import { useForm } from "@mantine/form";
-import { notifications } from "@mantine/notifications";
 import { useNavigate, useParams } from "react-router-dom";
 import { useQuery } from "@tanstack/react-query";
 import DefaultContainer from "@/components/Container";
@@ -22,8 +16,11 @@ import { IconArrowLeft } from "@tabler/icons-react";
 import React from "react";
 import RegionSelector from "@/components/Region/RegionSelector";
 
+const { Title } = Typography;
+
 export default function RegionEditPage() {
   const navigate = useNavigate();
+  const { message } = App.useApp();
   const { id } = useParams<{ id: string }>();
   const isEditing = !!id;
 
@@ -108,26 +105,14 @@ export default function RegionEditPage() {
 
       if (isEditing && id) {
         await updateRegion(id, submitData);
-        notifications.show({
-          title: "更新成功",
-          message: "更新区域成功",
-          color: "teal",
-        });
+        message.success("更新区域成功");
       } else {
         await createRegion(submitData);
-        notifications.show({
-          title: "创建成功",
-          message: "创建区域成功",
-          color: "teal",
-        });
+        message.success("创建区域成功");
       }
       navigate("/dashboard/region");
     } catch (error) {
-      notifications.show({
-        title: "操作失败",
-        message: "操作失败，请重试",
-        color: "red",
-      });
+      message.error("操作失败，请重试");
     }
   };
 
@@ -137,21 +122,21 @@ export default function RegionEditPage() {
 
   return (
     <DefaultContainer>
-      <Group mb="md">
+      <Flex style={{ marginBottom: 16 }}>
         <Button
-          variant="subtle"
-          leftSection={<IconArrowLeft size={16} />}
+          type="text"
+          icon={<IconArrowLeft size={16} />}
           onClick={() => navigate("/dashboard/region")}
         >
           返回
         </Button>
-      </Group>
+      </Flex>
 
-      <Title order={2} mb="lg">
+      <Title level={2} style={{ marginBottom: 24 }}>
         {isEditing ? "编辑区域" : "添加区域"}
       </Title>
 
-      <Paper p="xl" withBorder>
+      <Card>
         <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
           <TextInput
             withAsterisk
@@ -185,12 +170,11 @@ export default function RegionEditPage() {
             mb="md"
           />
 
-          <Input.Wrapper
+          <Form.Item
             label="区域级别"
-            error={form.getInputProps("level").error}
-            withAsterisk
-            key={form.key("level")}
-            mb="md"
+            validateStatus={form.getInputProps("level").error ? "error" : undefined}
+            required
+            style={{ marginBottom: 16 }}
           >
             <AntdSelect
               style={{ width: "100%" }}
@@ -203,7 +187,7 @@ export default function RegionEditPage() {
               ]}
               {...form.getInputProps("level")}
             />
-          </Input.Wrapper>
+          </Form.Item>
 
           <RegionSelector
             required
@@ -328,17 +312,17 @@ export default function RegionEditPage() {
             mb="xl"
           />
 
-          <Group justify="flex-end">
+          <Flex justify="flex-end" gap={8}>
             <Button
-              variant="subtle"
+              type="text"
               onClick={() => navigate("/dashboard/region")}
             >
               取消
             </Button>
-            <Button type="submit">{isEditing ? "更新" : "创建"}</Button>
-          </Group>
+            <Button type="primary" htmlType="submit">{isEditing ? "更新" : "创建"}</Button>
+          </Flex>
         </form>
-      </Paper>
+      </Card>
     </DefaultContainer>
   );
 }
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index eccff84..da42ac4 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -1,4 +1,4 @@
-import { Button, Group, Title } from "@mantine/core";
+import { Button, Flex, Typography, Space, App } from "antd";
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import DefaultContainer from "@/components/Container";
@@ -7,11 +7,12 @@ import { useNavigate } from "react-router-dom";
 import { getRegionList, recreateRegionOrder } from "@/api/dashboard/region";
 import RegionList from "@/pages/dashboard/region/components/RegionList";
 import { RegionType, type Region } from "@/types/region";
-import { Space } from "antd";
-import { notifications } from "@mantine/notifications";
+
+const { Title } = Typography;
 
 export default function RegionPage() {
   const navigate = useNavigate();
+  const { message } = App.useApp();
 
   const [pagination, setPagination] = useState({
     current: 1,
@@ -26,10 +27,7 @@ export default function RegionPage() {
   const handleRefreshRegionSort = async () => {
     try {
       await recreateRegionOrder(RegionType.CITY);
-      notifications.show({
-        title: "刷新成功",
-        message: "刷新区域排序成功",
-      });
+      message.success("刷新区域排序成功");
     } catch (error) {
       console.error(error);
     }
@@ -38,24 +36,25 @@ export default function RegionPage() {
   return (
     <>
       <DefaultContainer className="sticky top-0 z-10">
-        <Group justify="space-between">
-          <Title order={2}>区域列表</Title>
+        <Flex justify="space-between" align="center">
+          <Title level={2} style={{ margin: 0 }}>区域列表</Title>
 
           <Space>
             <Button
-              leftSection={<IconRefresh size={16} stroke={1.5} />}
+              icon={<IconRefresh size={16} stroke={1.5} />}
               onClick={handleRefreshRegionSort}
             >
               刷新区域排序
             </Button>
             <Button
-              leftSection={<IconCirclePlus size={16} stroke={1.5} />}
+              type="primary"
+              icon={<IconCirclePlus size={16} stroke={1.5} />}
               onClick={() => navigate("/dashboard/region/create")}
             >
               添加区域
             </Button>
           </Space>
-        </Group>
+        </Flex>
       </DefaultContainer>
 
       <div className="shadow mt-4 p-4 rounded-xl bg-white">
diff --git a/src/pages/error.tsx b/src/pages/error.tsx
index 77eea00..14c39df 100644
--- a/src/pages/error.tsx
+++ b/src/pages/error.tsx
@@ -1,17 +1,39 @@
 import { Button, Result } from "antd";
-import { useNavigate } from "react-router-dom";
+import { useRouteError, isRouteErrorResponse } from "react-router-dom";
 
 export default function ErrorPage() {
-  const navigate = useNavigate();
+  const error = useRouteError();
+
+  console.error("Route error:", error);
+
+  let errorMessage = "未知错误";
+  let errorStack = "";
+
+  if (isRouteErrorResponse(error)) {
+    errorMessage = error.statusText || error.data?.message || "路由错误";
+  } else if (error instanceof Error) {
+    errorMessage = error.message;
+    errorStack = error.stack || "";
+  } else if (typeof error === "string") {
+    errorMessage = error;
+  }
+
   return (
     <Result
       status="500"
-      title="500"
-      subTitle="服务器错误"
+      title="页面加载错误"
+      subTitle={errorMessage}
       extra={
-        <Button type="primary" onClick={() => navigate("/")}>
-          返回首页
-        </Button>
+        <>
+          {errorStack && (
+            <pre style={{ textAlign: "left", whiteSpace: "pre-wrap", marginBottom: 16, padding: 16, background: "#f5f5f5", borderRadius: 8, maxHeight: 300, overflow: "auto" }}>
+              {errorStack}
+            </pre>
+          )}
+          <Button type="primary" onClick={() => window.location.href = "/"}>
+            返回首页
+          </Button>
+        </>
       }
     />
   );

From 69b178a218070b99d01ffe5cc89cf8bf2a366e0e Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sat, 17 Jan 2026 01:25:29 +0800
Subject: [PATCH 04/21] chore(dep): remove mantine

---
 README.md             |   8 +-
 package.json          |  26 +-
 postcss.config.cjs    |  10 -
 src/styles/global.css |  10 +-
 yarn.lock             | 757 ++++++++----------------------------------
 5 files changed, 160 insertions(+), 651 deletions(-)

diff --git a/README.md b/README.md
index e3a9136..97ce1aa 100644
--- a/README.md
+++ b/README.md
@@ -6,16 +6,16 @@
 
 - **前端框架**: React 19 + TypeScript
 - **构建工具**: Rsbuild
-- **UI 组件库**: Mantine + Ant Design + Tailwind CSS
+- **UI 组件库**: Ant Design + Tailwind CSS
 - **状态管理**: Zustand + TanStack Query
-- **表单处理**: Mantine Form + Zod
+- **表单处理**: React Hook Form + Zod
 - **路由**: React Router DOM
 - **样式**: Tailwind CSS + PostCSS
 
 ## 开发环境要求
 
-- Node.js 18+ 
-- Yarn 4.4.1+
+- Node.js 22+ 
+- Yarn 4.6.1+
 
 ## 快速开始
 
diff --git a/package.json b/package.json
index bd4856a..da0ffb3 100644
--- a/package.json
+++ b/package.json
@@ -11,44 +11,36 @@
   },
   "dependencies": {
     "@hello-pangea/dnd": "^18.0.1",
-    "@mantine/core": "^8.3.12",
-    "@mantine/dates": "^8.3.12",
-    "@mantine/dropzone": "^8.3.12",
-    "@mantine/form": "^8.3.12",
-    "@mantine/hooks": "^8.3.12",
-    "@mantine/notifications": "^8.3.12",
+    "@hookform/resolvers": "^5.2.2",
     "@tabler/icons-react": "^3.36.1",
     "@tailwindcss/forms": "^0.5.11",
-    "@tanstack/react-query": "^5.90.16",
-    "antd": "^6.1.4",
+    "@tanstack/react-query": "^5.90.17",
+    "antd": "^6.2.0",
     "axios": "^1.13.2",
     "clsx": "^2.1.1",
     "cos-js-sdk-v5": "^1.10.1",
     "dayjs": "^1.11.19",
-    "es-toolkit": "^1.43.0",
+    "es-toolkit": "^1.44.0",
     "lodash": "^4.17.21",
-    "mantine-form-zod-resolver": "^1.3.0",
     "nanoid": "^5.1.6",
     "nuqs": "^2.8.6",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "react-hook-form": "^7.71.0",
+    "react-hook-form": "^7.71.1",
     "react-router-dom": "^7.12.0",
     "swr": "^2.3.8",
     "tailwind-merge": "^2.6.0",
     "zod": "^4.3.5",
-    "zustand": "^5.0.9"
+    "zustand": "^5.0.10"
   },
   "devDependencies": {
     "@rsbuild/core": "1.7.2",
-    "@rsbuild/plugin-react": "1.4.2",
-    "@rsbuild/plugin-svgr": "^1.2.3",
+    "@rsbuild/plugin-react": "1.4.3",
+    "@rsbuild/plugin-svgr": "^1.2.4",
     "@types/lodash": "^4.17.23",
-    "@types/node": "^22.19.5",
+    "@types/node": "^22.19.7",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
-    "postcss-preset-mantine": "^1.18.0",
-    "postcss-simple-vars": "^7.0.1",
     "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3"
   },
diff --git a/postcss.config.cjs b/postcss.config.cjs
index 1578a2c..ee5f90b 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -1,15 +1,5 @@
 module.exports = {
   plugins: {
     tailwindcss: {},
-    "postcss-preset-mantine": {},
-    "postcss-simple-vars": {
-      variables: {
-        "mantine-breakpoint-xs": "36em",
-        "mantine-breakpoint-sm": "48em",
-        "mantine-breakpoint-md": "62em",
-        "mantine-breakpoint-lg": "75em",
-        "mantine-breakpoint-xl": "88em",
-      },
-    },
   },
 };
diff --git a/src/styles/global.css b/src/styles/global.css
index 06a8e09..d9b4034 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,5 +1,7 @@
-/* @layer tailwind {
-    @tailwind base;
-  } */
+@layer tailwind-base, antd;
+
+@layer tailwind-base {
+  @tailwind base;
+}
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 5c81d9a..00c7a60 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -22,7 +22,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ant-design/colors@npm:^8.0.0":
+"@ant-design/colors@npm:^8.0.0, @ant-design/colors@npm:^8.0.1":
   version: 8.0.1
   resolution: "@ant-design/colors@npm:8.0.1"
   dependencies:
@@ -260,7 +260,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.24.7, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7":
+"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.24.7":
   version: 7.25.6
   resolution: "@babel/runtime@npm:7.25.6"
   dependencies:
@@ -364,58 +364,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@floating-ui/core@npm:^1.7.3":
-  version: 1.7.3
-  resolution: "@floating-ui/core@npm:1.7.3"
-  dependencies:
-    "@floating-ui/utils": "npm:^0.2.10"
-  checksum: 10c0/edfc23800122d81df0df0fb780b7328ae6c5f00efbb55bd48ea340f4af8c5b3b121ceb4bb81220966ab0f87b443204d37105abdd93d94846468be3243984144c
-  languageName: node
-  linkType: hard
-
-"@floating-ui/dom@npm:^1.7.4":
-  version: 1.7.4
-  resolution: "@floating-ui/dom@npm:1.7.4"
-  dependencies:
-    "@floating-ui/core": "npm:^1.7.3"
-    "@floating-ui/utils": "npm:^0.2.10"
-  checksum: 10c0/da6166c25f9b0729caa9f498685a73a0e28251613b35d27db8de8014bc9d045158a23c092b405321a3d67c2064909b6e2a7e6c1c9cc0f62967dca5779f5aef30
-  languageName: node
-  linkType: hard
-
-"@floating-ui/react-dom@npm:^2.1.6":
-  version: 2.1.6
-  resolution: "@floating-ui/react-dom@npm:2.1.6"
-  dependencies:
-    "@floating-ui/dom": "npm:^1.7.4"
-  peerDependencies:
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-  checksum: 10c0/6654834a8e73ecbdbc6cad2ad8f7abc698ac7c1800ded4d61113525c591c03d2e3b59d3cf9205859221465ea38c87af4f9e6e204703c5b7a7e85332d1eef2e18
-  languageName: node
-  linkType: hard
-
-"@floating-ui/react@npm:^0.27.16":
-  version: 0.27.16
-  resolution: "@floating-ui/react@npm:0.27.16"
-  dependencies:
-    "@floating-ui/react-dom": "npm:^2.1.6"
-    "@floating-ui/utils": "npm:^0.2.10"
-    tabbable: "npm:^6.0.0"
-  peerDependencies:
-    react: ">=17.0.0"
-    react-dom: ">=17.0.0"
-  checksum: 10c0/a026266d8875e69de1ac1e1a00588660c8ee299c1e7d067c5c5fd1d69a46fd10acff5dd6cb66c3fe40a3347b443234309ba95f5b33d49059d0cda121f558f566
-  languageName: node
-  linkType: hard
-
-"@floating-ui/utils@npm:^0.2.10":
-  version: 0.2.10
-  resolution: "@floating-ui/utils@npm:0.2.10"
-  checksum: 10c0/e9bc2a1730ede1ee25843937e911ab6e846a733a4488623cd353f94721b05ec2c9ec6437613a2ac9379a94c2fd40c797a2ba6fa1df2716f5ce4aa6ddb1cf9ea4
-  languageName: node
-  linkType: hard
-
 "@hello-pangea/dnd@npm:^18.0.1":
   version: 18.0.1
   resolution: "@hello-pangea/dnd@npm:18.0.1"
@@ -432,6 +380,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@hookform/resolvers@npm:^5.2.2":
+  version: 5.2.2
+  resolution: "@hookform/resolvers@npm:5.2.2"
+  dependencies:
+    "@standard-schema/utils": "npm:^0.3.0"
+  peerDependencies:
+    react-hook-form: ^7.55.0
+  checksum: 10c0/0692cd61dcc2a70cbb27b88a37f733c39e97f555c036ba04a81bd42b0467461cfb6bafacb46c16f173672f9c8a216bd7928a2330d4e49c700d130622bf1defaf
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -488,98 +447,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mantine/core@npm:^8.3.12":
-  version: 8.3.12
-  resolution: "@mantine/core@npm:8.3.12"
-  dependencies:
-    "@floating-ui/react": "npm:^0.27.16"
-    clsx: "npm:^2.1.1"
-    react-number-format: "npm:^5.4.4"
-    react-remove-scroll: "npm:^2.7.1"
-    react-textarea-autosize: "npm:8.5.9"
-    type-fest: "npm:^4.41.0"
-  peerDependencies:
-    "@mantine/hooks": 8.3.12
-    react: ^18.x || ^19.x
-    react-dom: ^18.x || ^19.x
-  checksum: 10c0/8c7986c3202026651749d6fe96ab01ca4d72df5c81b791d693e7d41bf3122baaa1244f4a1d74ab7dc86949c1842bfe407441ab609951a358fee54e7582700d07
-  languageName: node
-  linkType: hard
-
-"@mantine/dates@npm:^8.3.12":
-  version: 8.3.12
-  resolution: "@mantine/dates@npm:8.3.12"
-  dependencies:
-    clsx: "npm:^2.1.1"
-  peerDependencies:
-    "@mantine/core": 8.3.12
-    "@mantine/hooks": 8.3.12
-    dayjs: ">=1.0.0"
-    react: ^18.x || ^19.x
-    react-dom: ^18.x || ^19.x
-  checksum: 10c0/12e8a5ddd9feabb54de5e8362d8b140c3c6166eca3d1efb7be1199767bf467dc8a385088f7694b9a311aa5a4aad0cfb94349d9f13f17ea055d1d8470066cbc0b
-  languageName: node
-  linkType: hard
-
-"@mantine/dropzone@npm:^8.3.12":
-  version: 8.3.12
-  resolution: "@mantine/dropzone@npm:8.3.12"
-  dependencies:
-    react-dropzone: "npm:14.3.8"
-  peerDependencies:
-    "@mantine/core": 8.3.12
-    "@mantine/hooks": 8.3.12
-    react: ^18.x || ^19.x
-    react-dom: ^18.x || ^19.x
-  checksum: 10c0/f690c92e4a67fcf43ad6c7556e2834b127abc7cb9cd2adaaf024d1dde5df0df6c1090e384028035d278430cb06bb3cf5ea8ffa2d9542059223d5d7b0aa0ea174
-  languageName: node
-  linkType: hard
-
-"@mantine/form@npm:^8.3.12":
-  version: 8.3.12
-  resolution: "@mantine/form@npm:8.3.12"
-  dependencies:
-    fast-deep-equal: "npm:^3.1.3"
-    klona: "npm:^2.0.6"
-  peerDependencies:
-    react: ^18.x || ^19.x
-  checksum: 10c0/29300d9b44f4235a0f0e599ccbbbd65cf93d9d19dd4a2e6eb35ac8540de22321fce3ada897e850364a26d77f86f6ad5dff0d8ce686f7bb16388975ccc475f177
-  languageName: node
-  linkType: hard
-
-"@mantine/hooks@npm:^8.3.12":
-  version: 8.3.12
-  resolution: "@mantine/hooks@npm:8.3.12"
-  peerDependencies:
-    react: ^18.x || ^19.x
-  checksum: 10c0/a2e0ef9a47155f1c73e8b4e9a111ebfd822d01cc98ac048c938c7e9fa734191d789e8121617800ae803f27dd1ff213e1ef891cb6a1ba224f69b0b51ac258a2a3
-  languageName: node
-  linkType: hard
-
-"@mantine/notifications@npm:^8.3.12":
-  version: 8.3.12
-  resolution: "@mantine/notifications@npm:8.3.12"
-  dependencies:
-    "@mantine/store": "npm:8.3.12"
-    react-transition-group: "npm:4.4.5"
-  peerDependencies:
-    "@mantine/core": 8.3.12
-    "@mantine/hooks": 8.3.12
-    react: ^18.x || ^19.x
-    react-dom: ^18.x || ^19.x
-  checksum: 10c0/2635320566552172390b86b26bdc309518d9b740cb96d41ad551a9bc53f30e6b6b906da8c98f252e3b418ef5878e96ebccc46aa20ec0520b4d569fa14ccf89c1
-  languageName: node
-  linkType: hard
-
-"@mantine/store@npm:8.3.12":
-  version: 8.3.12
-  resolution: "@mantine/store@npm:8.3.12"
-  peerDependencies:
-    react: ^18.x || ^19.x
-  checksum: 10c0/f5ab5b8ebc690cbd447b97ab8654c9e7173006011a03156030b08dbe23ad19cdbaf104368735042df6048030676dd23e3f8ee8c50db09c55d11a21a3a7e5d896
-  languageName: node
-  linkType: hard
-
 "@module-federation/error-codes@npm:0.22.0":
   version: 0.22.0
   resolution: "@module-federation/error-codes@npm:0.22.0"
@@ -739,9 +606,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/collapse@npm:~1.1.2":
-  version: 1.1.2
-  resolution: "@rc-component/collapse@npm:1.1.2"
+"@rc-component/collapse@npm:~1.2.0":
+  version: 1.2.0
+  resolution: "@rc-component/collapse@npm:1.2.0"
   dependencies:
     "@babel/runtime": "npm:^7.10.1"
     "@rc-component/motion": "npm:^1.1.4"
@@ -750,7 +617,7 @@ __metadata:
   peerDependencies:
     react: ">=18.0.0"
     react-dom: ">=18.0.0"
-  checksum: 10c0/5973a2258a3c78c10b70df1df4c6c485689ac1ca49a30b622a17c87cefcf7d03b3ac71b58e7f7a74b3e680cd4a1dcdf3f4c93c256dfcd570440cfe0615d39756
+  checksum: 10c0/b8f954b21d0dada200a3dcec3ea7455b6c827ce358827dd50aa721953f4bac6224fcbb0f07546e6b9a5286c781819ebbe57ecaeb8fd898054ac276b8beb1945c
   languageName: node
   linkType: hard
 
@@ -780,33 +647,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/dialog@npm:~1.5.1":
-  version: 1.5.1
-  resolution: "@rc-component/dialog@npm:1.5.1"
+"@rc-component/dialog@npm:~1.8.0":
+  version: 1.8.0
+  resolution: "@rc-component/dialog@npm:1.8.0"
   dependencies:
     "@rc-component/motion": "npm:^1.1.3"
-    "@rc-component/portal": "npm:^2.0.0"
-    "@rc-component/util": "npm:^1.0.1"
+    "@rc-component/portal": "npm:^2.1.0"
+    "@rc-component/util": "npm:^1.5.0"
     clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=18.0.0"
     react-dom: ">=18.0.0"
-  checksum: 10c0/877bba37b79e0e8abaefcb7ebf0ab93c99d337aa880100cf9bb0e8bc7741997e5387c9ea666b7bc961a68f3e670e866d1e754727d835f74edceb82c2ccfaa9bc
+  checksum: 10c0/3a36e8e1f58049e64a9f25a8ae14e8c5e90dae01099a29d24752d2cce64634e6313494276c7529427aabea357d4c3e13cd73e77fd296f4c9ef8da4b6aede9d7a
   languageName: node
   linkType: hard
 
-"@rc-component/drawer@npm:~1.3.0":
-  version: 1.3.0
-  resolution: "@rc-component/drawer@npm:1.3.0"
+"@rc-component/drawer@npm:~1.4.0":
+  version: 1.4.0
+  resolution: "@rc-component/drawer@npm:1.4.0"
   dependencies:
     "@rc-component/motion": "npm:^1.1.4"
-    "@rc-component/portal": "npm:^2.0.0"
+    "@rc-component/portal": "npm:^2.1.3"
     "@rc-component/util": "npm:^1.2.1"
     clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=18.0.0"
     react-dom: ">=18.0.0"
-  checksum: 10c0/539856b0b0d5143c42f2401c7ad1bb8617a73f0ddf99a383fc72192d1c4a74edc3dd206cbeb48f942ddadeee80e4ec9994235304072b54e7744b03acbeb1159e
+  checksum: 10c0/9f234118f7a74e00e153ae0ed023545bd37dc3e7fbe701f805f561a3b1fe5b59f116b226713d5f1c5bf55ea6adca0d57e5dab1b672fee643617af76fbb376df0
   languageName: node
   linkType: hard
 
@@ -824,7 +691,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/form@npm:~1.6.0":
+"@rc-component/form@npm:~1.6.2":
   version: 1.6.2
   resolution: "@rc-component/form@npm:1.6.2"
   dependencies:
@@ -838,18 +705,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/image@npm:~1.5.3":
-  version: 1.5.3
-  resolution: "@rc-component/image@npm:1.5.3"
+"@rc-component/image@npm:~1.6.0":
+  version: 1.6.0
+  resolution: "@rc-component/image@npm:1.6.0"
   dependencies:
     "@rc-component/motion": "npm:^1.0.0"
-    "@rc-component/portal": "npm:^2.0.0"
+    "@rc-component/portal": "npm:^2.1.2"
     "@rc-component/util": "npm:^1.3.0"
     clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/c26a21cb5bf73f964e0c5e9843f58d4c6f4a786ddf25fe17e78619b9021fb46e65850e58bd9a22a79832dd8e68ab0dbfbe00f940251dfd730760c2d239ce21e1
+  checksum: 10c0/c416ec0e05562c177c3c922beb4b9ef11de1363a6f60d85672c16f3601284cbf8bf8e6531fa7b0c479d755c097c17d7b0165c13bf0a27b1757303640733abf39
   languageName: node
   linkType: hard
 
@@ -1031,7 +898,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/portal@npm:^2.0.0, @rc-component/portal@npm:^2.2.0":
+"@rc-component/portal@npm:^2.1.0, @rc-component/portal@npm:^2.1.2, @rc-component/portal@npm:^2.1.3, @rc-component/portal@npm:^2.2.0":
   version: 2.2.0
   resolution: "@rc-component/portal@npm:2.2.0"
   dependencies:
@@ -1094,6 +961,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rc-component/resize-observer@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "@rc-component/resize-observer@npm:1.1.1"
+  dependencies:
+    "@rc-component/util": "npm:^1.2.0"
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 10c0/8b5931475f887497020e4c25f4eff9c4d591274b43e267ea67d361160783b29d3e35654ac79fa4e47be9532cd25186f45a40655ddb5f1412ecbe9c3afb714cd0
+  languageName: node
+  linkType: hard
+
 "@rc-component/segmented@npm:~1.3.0":
   version: 1.3.0
   resolution: "@rc-component/segmented@npm:1.3.0"
@@ -1226,18 +1105,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/tour@npm:~2.2.1":
-  version: 2.2.1
-  resolution: "@rc-component/tour@npm:2.2.1"
+"@rc-component/tour@npm:~2.3.0":
+  version: 2.3.0
+  resolution: "@rc-component/tour@npm:2.3.0"
   dependencies:
-    "@rc-component/portal": "npm:^2.0.0"
+    "@rc-component/portal": "npm:^2.2.0"
     "@rc-component/trigger": "npm:^3.0.0"
-    "@rc-component/util": "npm:^1.3.0"
+    "@rc-component/util": "npm:^1.7.0"
     clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/655454c6f4047a654c28ca6c1236b6e8156a3ccef0e1fd6fe6f17504b2159a76558b6ded2d077dbd82df058baeabe1c9b34b8be490d62b48013e30f4f843006b
+  checksum: 10c0/1af2b93736028053518843730145ad2fb14dc48d89e1004c31785fc9ded2fa9ca1ca05f7cd55ba4bc6192019a219f2eb80ba6bc6e0b4a2a1ad9d76e6deaa5ecb
   languageName: node
   linkType: hard
 
@@ -1271,7 +1150,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/trigger@npm:^3.0.0, @rc-component/trigger@npm:^3.6.15, @rc-component/trigger@npm:^3.7.1, @rc-component/trigger@npm:^3.8.1":
+"@rc-component/trigger@npm:^3.0.0, @rc-component/trigger@npm:^3.6.15, @rc-component/trigger@npm:^3.7.1":
   version: 3.8.1
   resolution: "@rc-component/trigger@npm:3.8.1"
   dependencies:
@@ -1287,6 +1166,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rc-component/trigger@npm:^3.8.2":
+  version: 3.9.0
+  resolution: "@rc-component/trigger@npm:3.9.0"
+  dependencies:
+    "@rc-component/motion": "npm:^1.1.4"
+    "@rc-component/portal": "npm:^2.2.0"
+    "@rc-component/resize-observer": "npm:^1.1.1"
+    "@rc-component/util": "npm:^1.2.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/3e7edd6328c2b04b2a81328fbbf3dd11d39b8000b62b9574f0f907db3eff450f96a3a87f46808cbab7aa77b35e1fbf0493bc9cdf920e9c01326cfc068f03c0da
+  languageName: node
+  linkType: hard
+
 "@rc-component/upload@npm:~1.1.0":
   version: 1.1.0
   resolution: "@rc-component/upload@npm:1.1.0"
@@ -1300,7 +1195,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/util@npm:^1.0.1, @rc-component/util@npm:^1.1.0, @rc-component/util@npm:^1.2.0, @rc-component/util@npm:^1.2.1, @rc-component/util@npm:^1.3.0, @rc-component/util@npm:^1.4.0, @rc-component/util@npm:^1.6.2, @rc-component/util@npm:^1.7.0":
+"@rc-component/util@npm:^1.1.0, @rc-component/util@npm:^1.2.0, @rc-component/util@npm:^1.2.1, @rc-component/util@npm:^1.3.0, @rc-component/util@npm:^1.4.0, @rc-component/util@npm:^1.5.0, @rc-component/util@npm:^1.6.2, @rc-component/util@npm:^1.7.0":
   version: 1.7.0
   resolution: "@rc-component/util@npm:1.7.0"
   dependencies:
@@ -1343,15 +1238,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rsbuild/plugin-react@npm:1.4.2":
-  version: 1.4.2
-  resolution: "@rsbuild/plugin-react@npm:1.4.2"
+"@rsbuild/plugin-react@npm:1.4.3":
+  version: 1.4.3
+  resolution: "@rsbuild/plugin-react@npm:1.4.3"
   dependencies:
-    "@rspack/plugin-react-refresh": "npm:^1.5.2"
+    "@rspack/plugin-react-refresh": "npm:^1.5.3"
     react-refresh: "npm:^0.18.0"
   peerDependencies:
-    "@rsbuild/core": 1.x
-  checksum: 10c0/795de7ee04d96aa976102d7a64b3888cca1285fe58d1ec688cf8a7b577aee0334e246ddacbbc2ceff8cedf8f219338a1271a0ffec4334c146dbadfa213daf6ff
+    "@rsbuild/core": ^1.0.0 || ^2.0.0-0
+  checksum: 10c0/73baaa873f1e003289369761987a7e0625d360cb72987b196de6785f5ded496d475ce53c6a9c3c3fbbc9231883cc0213b5673aeb4fc5039af3ef0444971e9ea5
   languageName: node
   linkType: hard
 
@@ -1367,9 +1262,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rsbuild/plugin-svgr@npm:^1.2.3":
-  version: 1.2.3
-  resolution: "@rsbuild/plugin-svgr@npm:1.2.3"
+"@rsbuild/plugin-svgr@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "@rsbuild/plugin-svgr@npm:1.2.4"
   dependencies:
     "@rsbuild/plugin-react": "npm:^1.1.0"
     "@svgr/core": "npm:8.1.0"
@@ -1378,8 +1273,8 @@ __metadata:
     deepmerge: "npm:^4.3.1"
     loader-utils: "npm:^3.3.1"
   peerDependencies:
-    "@rsbuild/core": 1.x
-  checksum: 10c0/90398cceaf9e0a7c9351463ec203c0bbb7ef52f550417ce2243794854e6c77c6d038079d16f969b72962f5045d3f655de262e2b319c97a9617703271b30e25bf
+    "@rsbuild/core": ^1.0.0 || ^2.0.0-0
+  checksum: 10c0/e209eaeadd50aa58b0a55c3fdd9e5e04278298a09fab4c3209e364f8d80b818eb067b61187662f20b48d0df6c55c8f59797ba8e6bd935263a96dadfd24d79f5f
   languageName: node
   linkType: hard
 
@@ -1517,7 +1412,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rspack/plugin-react-refresh@npm:^1.5.2":
+"@rspack/plugin-react-refresh@npm:^1.5.3":
   version: 1.6.0
   resolution: "@rspack/plugin-react-refresh@npm:1.6.0"
   dependencies:
@@ -1556,6 +1451,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@standard-schema/utils@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "@standard-schema/utils@npm:0.3.0"
+  checksum: 10c0/6eb74cd13e52d5fc74054df51e37d947ef53f3ab9e02c085665dcca3c38c60ece8d735cebbdf18fbb13c775fbcb9becb3f53109b0e092a63f0f7389ce0993fd0
+  languageName: node
+  linkType: hard
+
 "@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0":
   version: 8.0.0
   resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0"
@@ -1734,21 +1636,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tanstack/query-core@npm:5.90.16":
-  version: 5.90.16
-  resolution: "@tanstack/query-core@npm:5.90.16"
-  checksum: 10c0/f6a4827feeed2b4118323056bbda8d5099823202d1f29b538204ae2591be4e80f2946f3311eed30fefe866643f431c04b560457f03415d40caf2f353ba1efac0
+"@tanstack/query-core@npm:5.90.17":
+  version: 5.90.17
+  resolution: "@tanstack/query-core@npm:5.90.17"
+  checksum: 10c0/f10ba6d82d21fab5a3ad5df028090255f0da5368dad2a78cdb57426519bdb3608d284fbfe733ece139382f60ae17deb5eef14249fbff854b3791795effd8f06f
   languageName: node
   linkType: hard
 
-"@tanstack/react-query@npm:^5.90.16":
-  version: 5.90.16
-  resolution: "@tanstack/react-query@npm:5.90.16"
+"@tanstack/react-query@npm:^5.90.17":
+  version: 5.90.17
+  resolution: "@tanstack/react-query@npm:5.90.17"
   dependencies:
-    "@tanstack/query-core": "npm:5.90.16"
+    "@tanstack/query-core": "npm:5.90.17"
   peerDependencies:
     react: ^18 || ^19
-  checksum: 10c0/03bd2aa23187003b45dc3d4b465a68f19806369283487a004acd6dd2ad8ba1fa0ec343da616cb1c43c342609202d0776fee68867246caa5ad6915f090539c168
+  checksum: 10c0/af722dbfbdfaa85d298963a175945d5089c714d83721320d24c3bd96ca5b74120ffff27866dfc6a45195ac6ec7ffe7e55cefd521fc03de55021bf997735d21cd
   languageName: node
   linkType: hard
 
@@ -1775,12 +1677,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:^22.19.5":
-  version: 22.19.5
-  resolution: "@types/node@npm:22.19.5"
+"@types/node@npm:^22.19.7":
+  version: 22.19.7
+  resolution: "@types/node@npm:22.19.7"
   dependencies:
     undici-types: "npm:~6.21.0"
-  checksum: 10c0/753c86850d2e3d9a7ccaa2569d565ab20d9a69389871e45283f71035c62fed649511aee7e05da8209b41e15438085c43b533d01e9ed3bb2e9dbd570aef732354
+  checksum: 10c0/0a4b13fd51306a72393f145693063e074be1bf884bdc642c879436d2c053ac9d573cc0a0d69867f60b14d3f1b9d03317e8ec0e4377f7527cb645e7b2a5d34045
   languageName: node
   linkType: hard
 
@@ -1874,11 +1776,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"antd@npm:^6.1.4":
-  version: 6.1.4
-  resolution: "antd@npm:6.1.4"
+"antd@npm:^6.2.0":
+  version: 6.2.0
+  resolution: "antd@npm:6.2.0"
   dependencies:
-    "@ant-design/colors": "npm:^8.0.0"
+    "@ant-design/colors": "npm:^8.0.1"
     "@ant-design/cssinjs": "npm:^2.0.1"
     "@ant-design/cssinjs-utils": "npm:^2.0.2"
     "@ant-design/fast-color": "npm:^3.0.0"
@@ -1887,13 +1789,13 @@ __metadata:
     "@babel/runtime": "npm:^7.28.4"
     "@rc-component/cascader": "npm:~1.11.0"
     "@rc-component/checkbox": "npm:~1.0.1"
-    "@rc-component/collapse": "npm:~1.1.2"
+    "@rc-component/collapse": "npm:~1.2.0"
     "@rc-component/color-picker": "npm:~3.0.3"
-    "@rc-component/dialog": "npm:~1.5.1"
-    "@rc-component/drawer": "npm:~1.3.0"
+    "@rc-component/dialog": "npm:~1.8.0"
+    "@rc-component/drawer": "npm:~1.4.0"
     "@rc-component/dropdown": "npm:~1.0.2"
-    "@rc-component/form": "npm:~1.6.0"
-    "@rc-component/image": "npm:~1.5.3"
+    "@rc-component/form": "npm:~1.6.2"
+    "@rc-component/image": "npm:~1.6.0"
     "@rc-component/input": "npm:~1.1.2"
     "@rc-component/input-number": "npm:~1.6.2"
     "@rc-component/mentions": "npm:~1.6.0"
@@ -1916,10 +1818,10 @@ __metadata:
     "@rc-component/tabs": "npm:~1.7.0"
     "@rc-component/textarea": "npm:~1.1.2"
     "@rc-component/tooltip": "npm:~1.4.0"
-    "@rc-component/tour": "npm:~2.2.1"
+    "@rc-component/tour": "npm:~2.3.0"
     "@rc-component/tree": "npm:~1.1.0"
     "@rc-component/tree-select": "npm:~1.6.0"
-    "@rc-component/trigger": "npm:^3.8.1"
+    "@rc-component/trigger": "npm:^3.8.2"
     "@rc-component/upload": "npm:~1.1.0"
     "@rc-component/util": "npm:^1.7.0"
     clsx: "npm:^2.1.1"
@@ -1929,7 +1831,7 @@ __metadata:
   peerDependencies:
     react: ">=18.0.0"
     react-dom: ">=18.0.0"
-  checksum: 10c0/4b5322645ec617707a932c62b7f9e516e6f471cfae1829634da405402a65db889a60998e0705e1f7b6ebed32f5e6b0f659566c77d164a6532e909da56cbcdf34
+  checksum: 10c0/4d48fe4b1517209c45c6ced122d34daef42d34beac5370dd62b8ab03ae50edfa817d0d99bb7f9c319ac62567952ca7cc892ee20522884dfafa951177c3f32646
   languageName: node
   linkType: hard
 
@@ -1985,13 +1887,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"attr-accept@npm:^2.2.4":
-  version: 2.2.5
-  resolution: "attr-accept@npm:2.2.5"
-  checksum: 10c0/9b4cb82213925cab2d568f71b3f1c7a7778f9192829aac39a281e5418cd00c04a88f873eb89f187e0bf786fa34f8d52936f178e62cbefb9254d57ecd88ada99b
-  languageName: node
-  linkType: hard
-
 "axios@npm:^1.13.2":
   version: 1.13.2
   resolution: "axios@npm:1.13.2"
@@ -2352,7 +2247,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.0.2, csstype@npm:^3.1.3":
+"csstype@npm:^3.1.3":
   version: 3.1.3
   resolution: "csstype@npm:3.1.3"
   checksum: 10c0/80c089d6f7e0c5b2bd83cf0539ab41474198579584fa10d86d0cafe0642202343cbc119e076a0b1aece191989477081415d66c9fefbf3c957fc2fc4b7009f248
@@ -2413,13 +2308,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"detect-node-es@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "detect-node-es@npm:1.1.0"
-  checksum: 10c0/e562f00de23f10c27d7119e1af0e7388407eb4b06596a25f6d79a360094a109ff285de317f02b090faae093d314cf6e73ac3214f8a5bb3a0def5bece94557fbe
-  languageName: node
-  linkType: hard
-
 "didyoumean@npm:^1.2.2":
   version: 1.2.2
   resolution: "didyoumean@npm:1.2.2"
@@ -2434,16 +2322,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dom-helpers@npm:^5.0.1":
-  version: 5.2.1
-  resolution: "dom-helpers@npm:5.2.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.8.7"
-    csstype: "npm:^3.0.2"
-  checksum: 10c0/f735074d66dd759b36b158fa26e9d00c9388ee0e8c9b16af941c38f014a37fc80782de83afefd621681b19ac0501034b4f1c4a3bff5caa1b8667f0212b5e124c
-  languageName: node
-  linkType: hard
-
 "dom-serializer@npm:^2.0.0":
   version: 2.0.0
   resolution: "dom-serializer@npm:2.0.0"
@@ -2614,15 +2492,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-toolkit@npm:^1.43.0":
-  version: 1.43.0
-  resolution: "es-toolkit@npm:1.43.0"
+"es-toolkit@npm:^1.44.0":
+  version: 1.44.0
+  resolution: "es-toolkit@npm:1.44.0"
   dependenciesMeta:
     "@trivago/prettier-plugin-sort-imports@4.3.0":
       unplugged: true
     prettier-plugin-sort-re-exports@0.0.1:
       unplugged: true
-  checksum: 10c0/bbff0b591fd01be9f37a34dad7964b590e4952fc594c1230140771687f05136caa6ab21962a6e9cde7c4b529a149171ed5179d6379d4a8e656dbf7e8d126999c
+  checksum: 10c0/b80ff52ddc85ba26914cda57c9d4e46379ccc38c60dc097ef0d065cc0b20f95a16cf8d537969eea600b51c6687b5900a6cce67489db16d5ccc14d47597a29c34
   languageName: node
   linkType: hard
 
@@ -2647,13 +2525,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-deep-equal@npm:^3.1.3":
-  version: 3.1.3
-  resolution: "fast-deep-equal@npm:3.1.3"
-  checksum: 10c0/40dedc862eb8992c54579c66d914635afbec43350afbbe991235fdcb4e3a8d5af1b23ae7e79bef7d4882d0ecee06c3197488026998fb19f72dc95acff1d1b1d0
-  languageName: node
-  linkType: hard
-
 "fast-glob@npm:^3.3.2":
   version: 3.3.2
   resolution: "fast-glob@npm:3.3.2"
@@ -2692,68 +2563,39 @@ __metadata:
   resolution: "fcc-dashboard@workspace:."
   dependencies:
     "@hello-pangea/dnd": "npm:^18.0.1"
-    "@mantine/core": "npm:^8.3.12"
-    "@mantine/dates": "npm:^8.3.12"
-    "@mantine/dropzone": "npm:^8.3.12"
-    "@mantine/form": "npm:^8.3.12"
-    "@mantine/hooks": "npm:^8.3.12"
-    "@mantine/notifications": "npm:^8.3.12"
+    "@hookform/resolvers": "npm:^5.2.2"
     "@rsbuild/core": "npm:1.7.2"
-    "@rsbuild/plugin-react": "npm:1.4.2"
-    "@rsbuild/plugin-svgr": "npm:^1.2.3"
+    "@rsbuild/plugin-react": "npm:1.4.3"
+    "@rsbuild/plugin-svgr": "npm:^1.2.4"
     "@tabler/icons-react": "npm:^3.36.1"
     "@tailwindcss/forms": "npm:^0.5.11"
-    "@tanstack/react-query": "npm:^5.90.16"
+    "@tanstack/react-query": "npm:^5.90.17"
     "@types/lodash": "npm:^4.17.23"
-    "@types/node": "npm:^22.19.5"
+    "@types/node": "npm:^22.19.7"
     "@types/react": "npm:^19.2.8"
     "@types/react-dom": "npm:^19.2.3"
-    antd: "npm:^6.1.4"
+    antd: "npm:^6.2.0"
     axios: "npm:^1.13.2"
     clsx: "npm:^2.1.1"
     cos-js-sdk-v5: "npm:^1.10.1"
     dayjs: "npm:^1.11.19"
-    es-toolkit: "npm:^1.43.0"
+    es-toolkit: "npm:^1.44.0"
     lodash: "npm:^4.17.21"
-    mantine-form-zod-resolver: "npm:^1.3.0"
     nanoid: "npm:^5.1.6"
     nuqs: "npm:^2.8.6"
-    postcss-preset-mantine: "npm:^1.18.0"
-    postcss-simple-vars: "npm:^7.0.1"
     react: "npm:^19.2.3"
     react-dom: "npm:^19.2.3"
-    react-hook-form: "npm:^7.71.0"
+    react-hook-form: "npm:^7.71.1"
     react-router-dom: "npm:^7.12.0"
     swr: "npm:^2.3.8"
     tailwind-merge: "npm:^2.6.0"
     tailwindcss: "npm:^3.4.19"
     typescript: "npm:^5.9.3"
     zod: "npm:^4.3.5"
-    zustand: "npm:^5.0.9"
+    zustand: "npm:^5.0.10"
   languageName: unknown
   linkType: soft
 
-"fdir@npm:^6.4.4":
-  version: 6.4.6
-  resolution: "fdir@npm:6.4.6"
-  peerDependencies:
-    picomatch: ^3 || ^4
-  peerDependenciesMeta:
-    picomatch:
-      optional: true
-  checksum: 10c0/45b559cff889934ebb8bc498351e5acba40750ada7e7d6bde197768d2fa67c149be8ae7f8ff34d03f4e1eb20f2764116e56440aaa2f6689e9a4aa7ef06acafe9
-  languageName: node
-  linkType: hard
-
-"file-selector@npm:^2.1.0":
-  version: 2.1.2
-  resolution: "file-selector@npm:2.1.2"
-  dependencies:
-    tslib: "npm:^2.7.0"
-  checksum: 10c0/fe827e0e95410aacfcc3eabc38c29cc36055257f03c1c06b631a2b5af9730c142ad2c52f5d64724d02231709617bda984701f52bd1f4b7aca50fb6585a27c1d2
-  languageName: node
-  linkType: hard
-
 "fill-range@npm:^7.1.1":
   version: 7.1.1
   resolution: "fill-range@npm:7.1.1"
@@ -2875,13 +2717,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-nonce@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "get-nonce@npm:1.0.1"
-  checksum: 10c0/2d7df55279060bf0568549e1ffc9b84bc32a32b7541675ca092dce56317cdd1a59a98dcc4072c9f6a980779440139a3221d7486f52c488e69dc0fd27b1efb162
-  languageName: node
-  linkType: hard
-
 "get-proto@npm:^1.0.1":
   version: 1.0.1
   resolution: "get-proto@npm:1.0.1"
@@ -3170,7 +3005,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"js-tokens@npm:^3.0.0 || ^4.0.0, js-tokens@npm:^4.0.0":
+"js-tokens@npm:^4.0.0":
   version: 4.0.0
   resolution: "js-tokens@npm:4.0.0"
   checksum: 10c0/e248708d377aa058eacf2037b07ded847790e6de892bbad3dac0abba2e759cb9f121b00099a65195616badcb6eca8d14d975cb3e89eb1cfda644756402c8aeed
@@ -3229,13 +3064,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"klona@npm:^2.0.6":
-  version: 2.0.6
-  resolution: "klona@npm:2.0.6"
-  checksum: 10c0/94eed2c6c2ce99f409df9186a96340558897b3e62a85afdc1ee39103954d2ebe1c1c4e9fe2b0952771771fa96d70055ede8b27962a7021406374fdb695fd4d01
-  languageName: node
-  linkType: hard
-
 "lilconfig@npm:^3.1.1, lilconfig@npm:^3.1.3":
   version: 3.1.3
   resolution: "lilconfig@npm:3.1.3"
@@ -3264,17 +3092,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loose-envify@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "loose-envify@npm:1.4.0"
-  dependencies:
-    js-tokens: "npm:^3.0.0 || ^4.0.0"
-  bin:
-    loose-envify: cli.js
-  checksum: 10c0/655d110220983c1a4b9c0c679a2e8016d4b67f6e9c7b5435ff5979ecdb20d0813f4dec0a08674fcbdd4846a3f07edbb50a36811fd37930b94aaa0d9daceb017e
-  languageName: node
-  linkType: hard
-
 "lower-case@npm:^2.0.2":
   version: 2.0.2
   resolution: "lower-case@npm:2.0.2"
@@ -3320,16 +3137,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mantine-form-zod-resolver@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "mantine-form-zod-resolver@npm:1.3.0"
-  peerDependencies:
-    "@mantine/form": ">=7.0.0"
-    zod: ">=3.25.0"
-  checksum: 10c0/7d2a8a4b1905b1daac1e0553915dd5c64146e626863f2b5444c6e44a0894d57712c45e49a1fd3ad9b84a2b6bee97b679fc072abaedbaa81021fb3e4dcaf018ab
-  languageName: node
-  linkType: hard
-
 "math-intrinsics@npm:^1.1.0":
   version: 1.1.0
   resolution: "math-intrinsics@npm:1.1.0"
@@ -3629,7 +3436,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-assign@npm:^4.0.1, object-assign@npm:^4.1.1":
+"object-assign@npm:^4.0.1":
   version: 4.1.1
   resolution: "object-assign@npm:4.1.1"
   checksum: 10c0/1f4df9945120325d041ccf7b86f31e8bcc14e73d29171e37a7903050e96b81323784ec59f93f102ec635bcf6fa8034ba3ea0a8c7e69fa202b87ae3b6cec5a414
@@ -3732,13 +3539,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picomatch@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "picomatch@npm:4.0.2"
-  checksum: 10c0/7c51f3ad2bb42c776f49ebf964c644958158be30d0a510efd5a395e8d49cb5acfed5b82c0c5b365523ce18e6ab85013c9ebe574f60305892ec3fa8eee8304ccc
-  languageName: node
-  linkType: hard
-
 "pify@npm:^2.3.0":
   version: 2.3.0
   resolution: "pify@npm:2.3.0"
@@ -3800,20 +3600,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-mixins@npm:^12.0.0":
-  version: 12.0.0
-  resolution: "postcss-mixins@npm:12.0.0"
-  dependencies:
-    postcss-js: "npm:^4.0.1"
-    postcss-simple-vars: "npm:^7.0.1"
-    sugarss: "npm:^5.0.0"
-    tinyglobby: "npm:^0.2.14"
-  peerDependencies:
-    postcss: ^8.2.14
-  checksum: 10c0/e5314488c143e3786f5fdec5da9002d914ef57cc51a261035fe342163a86a6f9e36e369da008f21c68691d0bd349aef3e10266ceb7e210da4a6a1296e782d214
-  languageName: node
-  linkType: hard
-
 "postcss-nested@npm:^6.2.0":
   version: 6.2.0
   resolution: "postcss-nested@npm:6.2.0"
@@ -3825,29 +3611,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-nested@npm:^7.0.2":
-  version: 7.0.2
-  resolution: "postcss-nested@npm:7.0.2"
-  dependencies:
-    postcss-selector-parser: "npm:^7.0.0"
-  peerDependencies:
-    postcss: ^8.2.14
-  checksum: 10c0/b467f328c89c5b0dcd1b569ae083f6163235c0cac09494a0b284eef5275fa1386bbc26c66c85adf194cef0a65d315994140724a34539a096e5acd39d9c753338
-  languageName: node
-  linkType: hard
-
-"postcss-preset-mantine@npm:^1.18.0":
-  version: 1.18.0
-  resolution: "postcss-preset-mantine@npm:1.18.0"
-  dependencies:
-    postcss-mixins: "npm:^12.0.0"
-    postcss-nested: "npm:^7.0.2"
-  peerDependencies:
-    postcss: ">=8.0.0"
-  checksum: 10c0/11308684261220a88f8607c10846777b7f83a8b44d6e787ed803a5ee4ceabbc447ffbaaccd34da8da650907d502c0703b8245cecf42b2714def1e8991dcec81d
-  languageName: node
-  linkType: hard
-
 "postcss-selector-parser@npm:^6.1.1, postcss-selector-parser@npm:^6.1.2":
   version: 6.1.2
   resolution: "postcss-selector-parser@npm:6.1.2"
@@ -3858,25 +3621,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^7.0.0":
-  version: 7.1.0
-  resolution: "postcss-selector-parser@npm:7.1.0"
-  dependencies:
-    cssesc: "npm:^3.0.0"
-    util-deprecate: "npm:^1.0.2"
-  checksum: 10c0/0fef257cfd1c0fe93c18a3f8a6e739b4438b527054fd77e9a62730a89b2d0ded1b59314a7e4aaa55bc256204f40830fecd2eb50f20f8cb7ab3a10b52aa06c8aa
-  languageName: node
-  linkType: hard
-
-"postcss-simple-vars@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "postcss-simple-vars@npm:7.0.1"
-  peerDependencies:
-    postcss: ^8.2.1
-  checksum: 10c0/b59c750b2f406a18b133184144b5ffefbd21a2179c5bf5d54651269c0b6bb0110c2bbed33a9161d8b93f8a11cf7725da0a65653e7c2786c8a59f937591115a33
-  languageName: node
-  linkType: hard
-
 "postcss-value-parser@npm:^4.0.0":
   version: 4.2.0
   resolution: "postcss-value-parser@npm:4.2.0"
@@ -3912,17 +3656,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.6.2, prop-types@npm:^15.8.1":
-  version: 15.8.1
-  resolution: "prop-types@npm:15.8.1"
-  dependencies:
-    loose-envify: "npm:^1.4.0"
-    object-assign: "npm:^4.1.1"
-    react-is: "npm:^16.13.1"
-  checksum: 10c0/59ece7ca2fb9838031d73a48d4becb9a7cc1ed10e610517c7d8f19a1e02fa47f7c27d557d8a5702bec3cfeccddc853579832b43f449e54635803f277b1c78077
-  languageName: node
-  linkType: hard
-
 "proxy-from-env@npm:^1.1.0":
   version: 1.1.0
   resolution: "proxy-from-env@npm:1.1.0"
@@ -3955,32 +3688,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dropzone@npm:14.3.8":
-  version: 14.3.8
-  resolution: "react-dropzone@npm:14.3.8"
-  dependencies:
-    attr-accept: "npm:^2.2.4"
-    file-selector: "npm:^2.1.0"
-    prop-types: "npm:^15.8.1"
-  peerDependencies:
-    react: ">= 16.8 || 18.0.0"
-  checksum: 10c0/e17b1832783cda7b8824fe9370e99185d1abbdd5e4980b2985d6321c5768c8de18ff7b9ad550c809ee9743269dea608ff74d5208062754ce8377ad022897b278
-  languageName: node
-  linkType: hard
-
-"react-hook-form@npm:^7.71.0":
-  version: 7.71.0
-  resolution: "react-hook-form@npm:7.71.0"
+"react-hook-form@npm:^7.71.1":
+  version: 7.71.1
+  resolution: "react-hook-form@npm:7.71.1"
   peerDependencies:
     react: ^16.8.0 || ^17 || ^18 || ^19
-  checksum: 10c0/848a9710d1e0e7ba7ec61229f48ba52bb182761b8ac9604e03cf893dbf357da61f5fc8d761ae3554d508fdd1e4f81a74c847056e3e7c2e812288c753d9f8303b
-  languageName: node
-  linkType: hard
-
-"react-is@npm:^16.13.1":
-  version: 16.13.1
-  resolution: "react-is@npm:16.13.1"
-  checksum: 10c0/33977da7a5f1a287936a0c85639fec6ca74f4f15ef1e59a6bc20338fc73dc69555381e211f7a3529b8150a1f71e4225525b41b60b52965bda53ce7d47377ada1
+  checksum: 10c0/6c8fc0fa740d299481de3ed32bae98f7c6331240822c602363e5cd221746d875dc3c5e65d0039902b7f7a44dc9ac9a4932e00e9ad9af3051bed1987858ce78c7
   languageName: node
   linkType: hard
 
@@ -3991,16 +3704,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-number-format@npm:^5.4.4":
-  version: 5.4.4
-  resolution: "react-number-format@npm:5.4.4"
-  peerDependencies:
-    react: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    react-dom: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 10c0/e55cd16d9f7379a717e77d519db06ed455cc2df9842cd23499b60bc2ba1179df580742e27867a4ae84e0d308b18c0773b7e8943f9162e853f97bd194d15b0de7
-  languageName: node
-  linkType: hard
-
 "react-redux@npm:^9.2.0":
   version: 9.2.0
   resolution: "react-redux@npm:9.2.0"
@@ -4034,41 +3737,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-remove-scroll-bar@npm:^2.3.7":
-  version: 2.3.8
-  resolution: "react-remove-scroll-bar@npm:2.3.8"
-  dependencies:
-    react-style-singleton: "npm:^2.2.2"
-    tslib: "npm:^2.0.0"
-  peerDependencies:
-    "@types/react": "*"
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/9a0675c66cbb52c325bdbfaed80987a829c4504cefd8ff2dd3b6b3afc9a1500b8ec57b212e92c1fb654396d07bbe18830a8146fe77677d2a29ce40b5e1f78654
-  languageName: node
-  linkType: hard
-
-"react-remove-scroll@npm:^2.7.1":
-  version: 2.7.2
-  resolution: "react-remove-scroll@npm:2.7.2"
-  dependencies:
-    react-remove-scroll-bar: "npm:^2.3.7"
-    react-style-singleton: "npm:^2.2.3"
-    tslib: "npm:^2.1.0"
-    use-callback-ref: "npm:^1.3.3"
-    use-sidecar: "npm:^1.1.3"
-  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
-  checksum: 10c0/b5f3315bead75e72853f492c0b51ba8fb4fa09a4534d7fc42d6fcd59ca3e047cf213279ffc1e35b337e314ef5a04cb2b12544c85e0078802271731c27c09e5aa
-  languageName: node
-  linkType: hard
-
 "react-router-dom@npm:^7.12.0":
   version: 7.12.0
   resolution: "react-router-dom@npm:7.12.0"
@@ -4097,50 +3765,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-style-singleton@npm:^2.2.2, react-style-singleton@npm:^2.2.3":
-  version: 2.2.3
-  resolution: "react-style-singleton@npm:2.2.3"
-  dependencies:
-    get-nonce: "npm:^1.0.0"
-    tslib: "npm:^2.0.0"
-  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
-  checksum: 10c0/841938ff16d16a6b76895f4cb2e1fea957e5fe3b30febbf03a54892dae1c9153f2383e231dea0b3ba41192ad2f2849448fa859caccd288943bce32639e971bee
-  languageName: node
-  linkType: hard
-
-"react-textarea-autosize@npm:8.5.9":
-  version: 8.5.9
-  resolution: "react-textarea-autosize@npm:8.5.9"
-  dependencies:
-    "@babel/runtime": "npm:^7.20.13"
-    use-composed-ref: "npm:^1.3.0"
-    use-latest: "npm:^1.2.1"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 10c0/3a924db59259a6e3b834dcddc12a8661b43dcdaa1b43c41c732e0548bb2761e9a53dbc6db4e0d9e237728b4869e42c25e5417408b0391aec290c90874733a09f
-  languageName: node
-  linkType: hard
-
-"react-transition-group@npm:4.4.5":
-  version: 4.4.5
-  resolution: "react-transition-group@npm:4.4.5"
-  dependencies:
-    "@babel/runtime": "npm:^7.5.5"
-    dom-helpers: "npm:^5.0.1"
-    loose-envify: "npm:^1.4.0"
-    prop-types: "npm:^15.6.2"
-  peerDependencies:
-    react: ">=16.6.0"
-    react-dom: ">=16.6.0"
-  checksum: 10c0/2ba754ba748faefa15f87c96dfa700d5525054a0141de8c75763aae6734af0740e77e11261a1e8f4ffc08fd9ab78510122e05c21c2d79066c38bb6861a886c82
-  languageName: node
-  linkType: hard
-
 "react@npm:^19.2.3":
   version: 19.2.3
   resolution: "react@npm:19.2.3"
@@ -4461,15 +4085,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sugarss@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "sugarss@npm:5.0.0"
-  peerDependencies:
-    postcss: ^8.3.3
-  checksum: 10c0/a7815f8e6e21bf1602ce2231c3fa4f32e3ac921d04bf25b834f99c97948ed681845573fc55b36c96c7330952ccb5213ff7a3af5ed5f277c5398dc0fd45ef5863
-  languageName: node
-  linkType: hard
-
 "supports-color@npm:^5.3.0":
   version: 5.5.0
   resolution: "supports-color@npm:5.5.0"
@@ -4522,13 +4137,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tabbable@npm:^6.0.0":
-  version: 6.2.0
-  resolution: "tabbable@npm:6.2.0"
-  checksum: 10c0/ced8b38f05f2de62cd46836d77c2646c42b8c9713f5bd265daf0e78ff5ac73d3ba48a7ca45f348bafeef29b23da7187c72250742d37627883ef89cbd7fa76898
-  languageName: node
-  linkType: hard
-
 "tailwind-merge@npm:^2.6.0":
   version: 2.6.0
   resolution: "tailwind-merge@npm:2.6.0"
@@ -4615,16 +4223,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tinyglobby@npm:^0.2.14":
-  version: 0.2.14
-  resolution: "tinyglobby@npm:0.2.14"
-  dependencies:
-    fdir: "npm:^6.4.4"
-    picomatch: "npm:^4.0.2"
-  checksum: 10c0/f789ed6c924287a9b7d3612056ed0cda67306cd2c80c249fd280cf1504742b12583a2089b61f4abbd24605f390809017240e250241f09938054c9b363e51c0a6
-  languageName: node
-  linkType: hard
-
 "to-fast-properties@npm:^2.0.0":
   version: 2.0.0
   resolution: "to-fast-properties@npm:2.0.0"
@@ -4648,27 +4246,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.0, tslib@npm:^2.0.3, tslib@npm:^2.1.0":
+"tslib@npm:^2.0.3":
   version: 2.7.0
   resolution: "tslib@npm:2.7.0"
   checksum: 10c0/469e1d5bf1af585742128827000711efa61010b699cb040ab1800bcd3ccdd37f63ec30642c9e07c4439c1db6e46345582614275daca3e0f4abae29b0083f04a6
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.4.0, tslib@npm:^2.7.0, tslib@npm:^2.8.0":
+"tslib@npm:^2.4.0, tslib@npm:^2.8.0":
   version: 2.8.1
   resolution: "tslib@npm:2.8.1"
   checksum: 10c0/9c4759110a19c53f992d9aae23aac5ced636e99887b51b9e61def52611732872ff7668757d4e4c61f19691e36f4da981cd9485e869b4a7408d689f6bf1f14e62
   languageName: node
   linkType: hard
 
-"type-fest@npm:^4.41.0":
-  version: 4.41.0
-  resolution: "type-fest@npm:4.41.0"
-  checksum: 10c0/f5ca697797ed5e88d33ac8f1fec21921839871f808dc59345c9cf67345bfb958ce41bd821165dbf3ae591cedec2bf6fe8882098dfdd8dc54320b859711a2c1e4
-  languageName: node
-  linkType: hard
-
 "typescript@npm:^5.9.3":
   version: 5.9.3
   resolution: "typescript@npm:5.9.3"
@@ -4728,72 +4319,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-callback-ref@npm:^1.3.3":
-  version: 1.3.3
-  resolution: "use-callback-ref@npm:1.3.3"
-  dependencies:
-    tslib: "npm:^2.0.0"
-  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
-  checksum: 10c0/f887488c6e6075cdad4962979da1714b217bcb1ee009a9e57ce9a844bcfc4c3a99e93983dfc2e5af9e0913824d24e730090ff255e902c516dcb58d2d3837e01c
-  languageName: node
-  linkType: hard
-
-"use-composed-ref@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "use-composed-ref@npm:1.3.0"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/e64ce52f4b18c020407636784192726807404a2552609acf7497b66a2b7070674fb5d2b950d426c4aa85f353e2bbecb02ebf9c5b865cd06797938c70bcbf5d26
-  languageName: node
-  linkType: hard
-
-"use-isomorphic-layout-effect@npm:^1.1.1":
-  version: 1.1.2
-  resolution: "use-isomorphic-layout-effect@npm:1.1.2"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/d8deea8b85e55ac6daba237a889630bfdbf0ebf60e9e22b6a78a78c26fabe6025e04ada7abef1e444e6786227d921e648b2707db8b3564daf757264a148a6e23
-  languageName: node
-  linkType: hard
-
-"use-latest@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "use-latest@npm:1.2.1"
-  dependencies:
-    use-isomorphic-layout-effect: "npm:^1.1.1"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/1958886fc35262d973f5cd4ce16acd6ce3a66707a72761c93abd1b5ae64e1a11efa83f68e6c8c9bf1647628037980ce59df64cba50adb36bd4071851e70527d2
-  languageName: node
-  linkType: hard
-
-"use-sidecar@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "use-sidecar@npm:1.1.3"
-  dependencies:
-    detect-node-es: "npm:^1.1.0"
-    tslib: "npm:^2.0.0"
-  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
-  checksum: 10c0/161599bf921cfaa41c85d2b01c871975ee99260f3e874c2d41c05890d41170297bdcf314bc5185e7a700de2034ac5b888e3efc8e9f35724f4918f53538d717c9
-  languageName: node
-  linkType: hard
-
 "use-sync-external-store@npm:^1.4.0":
   version: 1.4.0
   resolution: "use-sync-external-store@npm:1.4.0"
@@ -4884,9 +4409,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"zustand@npm:^5.0.9":
-  version: 5.0.9
-  resolution: "zustand@npm:5.0.9"
+"zustand@npm:^5.0.10":
+  version: 5.0.10
+  resolution: "zustand@npm:5.0.10"
   peerDependencies:
     "@types/react": ">=18.0.0"
     immer: ">=9.0.6"
@@ -4901,6 +4426,6 @@ __metadata:
       optional: true
     use-sync-external-store:
       optional: true
-  checksum: 10c0/552849e4546c7760704d6509a5c412d57c62a1fa9e53169c939ba5e3d75f8cb3df50a64c3a22e6c3f1c8cc00de7543e4edd61ab5ae0c9169ba9a98e28303aba6
+  checksum: 10c0/e6ddabf2b44f2c0b7362b0f549cb457d25516caa4c0465132037b62b6173552a43d48bb494c1707286f8d60b389fa249eb4242aa810f1c1d4b4d0b96df789cb8
   languageName: node
   linkType: hard

From 5f56658c9434a7902b793eee11c34b58ae28979f Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sat, 17 Jan 2026 01:25:51 +0800
Subject: [PATCH 05/21] feat(layout): antd menu

---
 src/pages/dashboard/layout.module.css | 79 ---------------------------
 src/pages/dashboard/layout.tsx        | 21 ++++---
 2 files changed, 14 insertions(+), 86 deletions(-)
 delete mode 100644 src/pages/dashboard/layout.module.css

diff --git a/src/pages/dashboard/layout.module.css b/src/pages/dashboard/layout.module.css
deleted file mode 100644
index 85ad3fc..0000000
--- a/src/pages/dashboard/layout.module.css
+++ /dev/null
@@ -1,79 +0,0 @@
-/* .navbar {
-  height: rem(700px);
-  height: 100%;
-  width: rem(300px);
-  padding: var(--mantine-spacing-md);
-  display: flex;
-  flex-direction: column;
-  border-right: rem(1px) solid
-    light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
-} */
-
-/* .navbarMain {
-  flex: 1;
-}
-
-.header {
-  padding-bottom: var(--mantine-spacing-md);
-  margin-bottom: calc(var(--mantine-spacing-md) * 1.5);
-  border-bottom: rem(1px) solid
-    light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
-}
-
-.footer {
-  padding-top: var(--mantine-spacing-md);
-  margin-top: var(--mantine-spacing-md);
-  border-top: rem(1px) solid
-    light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
-}
-
-.link {
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  font-size: var(--mantine-font-size-sm);
-  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
-  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
-  border-radius: var(--mantine-radius-sm);
-  font-weight: 500;
-
-  @mixin hover {
-    background-color: light-dark(
-      var(--mantine-color-gray-0),
-      var(--mantine-color-dark-6)
-    );
-    color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
-
-    .linkIcon {
-      color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
-    }
-  }
-
-  &[data-active] {
-    &,
-    &:hover {
-      background-color: var(--mantine-color-blue-light);
-      color: var(--mantine-color-blue-light-color);
-
-      .linkIcon {
-        color: var(--mantine-color-blue-light-color);
-      }
-    }
-  }
-}
-
-.linkIcon {
-  color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-2));
-  margin-right: var(--mantine-spacing-sm);
-  width: rem(25px);
-  height: rem(25px);
-} */
-
-/* .body {
-  display: flex;
-  height: 100%;
-}
-
-.main {
-  flex-grow: 1;
-} */
diff --git a/src/pages/dashboard/layout.tsx b/src/pages/dashboard/layout.tsx
index 36338c4..47efac8 100644
--- a/src/pages/dashboard/layout.tsx
+++ b/src/pages/dashboard/layout.tsx
@@ -45,6 +45,9 @@ const menuItems: MenuItem[] = [
     icon: <IconMapPin size="1.1rem" stroke={1.5} />,
     label: "区域管理",
   },
+  {
+    type: "divider",
+  },
   {
     key: "/developer",
     icon: <IconUserCode size="1.1rem" stroke={1.5} />,
@@ -73,6 +76,16 @@ const bottomMenuItems: MenuItem[] = [
   },
 ];
 
+const siderStyle: React.CSSProperties = {
+  overflow: 'auto',
+  height: '100vh',
+  position: 'sticky',
+  insetInlineStart: 0,
+  top: 0,
+  scrollbarWidth: 'thin',
+  scrollbarGutter: 'stable',
+};
+
 export default function DashboardLayout() {
   const navigate = useNavigate();
   const location = useLocation();
@@ -116,11 +129,7 @@ export default function DashboardLayout() {
 
   return (
     <Layout style={{ minHeight: "100vh" }}>
-      <Sider
-        width={300}
-        className="bg-slate-100"
-        style={{ background: "#f1f5f9" }}
-      >
+      <Sider width={300} className="bg-slate-100" style={siderStyle}>
         <div className="flex flex-col h-full p-6">
           <div className="flex-1">
             <Menu
@@ -132,8 +141,6 @@ export default function DashboardLayout() {
             />
           </div>
 
-          <Divider style={{ margin: "12px 0" }} />
-
           <div>
             <Menu
               mode="inline"

From 47346d3c1c7f57bea4744c0e9c6d54fc5977d4b1 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sat, 17 Jan 2026 01:37:25 +0800
Subject: [PATCH 06/21] feat(theme): use antd and react-hook-form

---
 src/App.tsx                                   |   4 -
 src/components/Error/index.tsx                |   2 +-
 .../OrganizatonSelector/index.tsx             |  73 ++--
 .../Region/RegionSelector/index.tsx           |   1 -
 src/consts/normal.ts                          |   5 +-
 src/index.tsx                                 |  49 ++-
 src/pages/auth/index.tsx                      |  61 +--
 src/pages/dashboard/cacheManager/index.tsx    |   2 +-
 .../dashboard/developer/application/index.tsx |   2 +-
 src/pages/dashboard/event/edit/BasicInfo.tsx  | 183 ++++++---
 .../event/edit/EventAdditionalInfo.tsx        | 202 +++++----
 src/pages/dashboard/event/edit/EventMedia.tsx | 378 +++++++++--------
 .../dashboard/event/edit/EventSources.tsx     | 124 +++---
 .../dashboard/event/edit/GeographicInfo.tsx   | 138 +++++--
 .../dashboard/event/edit/TicketChannels.tsx   | 248 +++++------
 src/pages/dashboard/event/edit/UriBuilder.tsx |  38 +-
 .../event/edit/{index.tsx => page.tsx}        | 104 +++--
 src/pages/dashboard/event/page.tsx            |   4 +-
 .../components/FeatureEditor/index.tsx        | 101 +++--
 src/pages/dashboard/feature/index.tsx         |   2 +-
 .../dashboard/organization/edit/index.tsx     | 335 ++++++++++-----
 src/pages/dashboard/organization/page.tsx     |   2 +-
 src/pages/dashboard/region/edit/index.tsx     | 385 +++++++++++-------
 src/pages/dashboard/region/index.tsx          |   2 +-
 src/routes.tsx                                |   2 +-
 src/types/common.ts                           |   9 +
 src/types/event.ts                            | 264 +++++-------
 27 files changed, 1619 insertions(+), 1101 deletions(-)
 rename src/pages/dashboard/event/edit/{index.tsx => page.tsx} (67%)
 create mode 100644 src/types/common.ts

diff --git a/src/App.tsx b/src/App.tsx
index 929f923..c04e2c5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,10 +8,6 @@ import DashboardLayout from "@/pages/dashboard/layout";
 
 import "@/styles/global.css";
 
-// Form 相关的 mantine 样式保留
-import "@mantine/core/styles.css";
-import "@mantine/dates/styles.css";
-
 const App = () => {
   const { user, _hasHydrated } = useAuthStore();
 
diff --git a/src/components/Error/index.tsx b/src/components/Error/index.tsx
index f304951..5f6fe2d 100644
--- a/src/components/Error/index.tsx
+++ b/src/components/Error/index.tsx
@@ -8,7 +8,7 @@ export default function LoadError() {
   const navigate = useNavigate();
 
   return (
-    <DefaultContainer className="sticky top-0 z-10">
+    <DefaultContainer className="sticky top-0 z-20">
       <Flex vertical align="center" justify="center">
         <Title level={3} className="text-slate-700">发生了错误...</Title>
         <Text type="secondary" style={{ fontSize: 16, textAlign: 'center' }}>
diff --git a/src/components/Organization/OrganizatonSelector/index.tsx b/src/components/Organization/OrganizatonSelector/index.tsx
index eb48317..74d1a3b 100644
--- a/src/components/Organization/OrganizatonSelector/index.tsx
+++ b/src/components/Organization/OrganizatonSelector/index.tsx
@@ -1,21 +1,20 @@
 import { getOrganizationList } from "@/api/dashboard/organization";
 import type { Organization } from "@/types/organization";
-import { Select, Spin, Form } from "antd";
+import { Select, Spin } from "antd";
 import { useState, useCallback } from "react";
 import useSWR from "swr";
 import { debounce } from "es-toolkit";
 
 interface OrganizationSelectorProps {
-  value?: string;
-  onChange?: (value: string | string[] | null) => void;
-  onSelect?: (value: Organization | Organization[] | null) => void;
+  value?: string[];
+  onChange?: (value: string[] | null | undefined) => void;
+  onSelect?: (value: Organization[] | null | undefined) => void;
   placeholder?: string;
   label?: string;
   required?: boolean;
   disabled?: boolean;
   error?: string;
   description?: string;
-  selectedOption?: Organization | null;
   selectedOptions?: Organization[] | null;
   multiple?: boolean;
 }
@@ -30,7 +29,6 @@ export default function OrganizationSelector({
   disabled = false,
   error,
   description,
-  selectedOption,
   selectedOptions,
   multiple = false,
   ...props
@@ -52,7 +50,6 @@ export default function OrganizationSelector({
   );
 
   const organizations = [
-    ...(selectedOption ? [selectedOption] : []),
     ...(selectedOptions || []),
     ...(data?.records || []),
   ];
@@ -78,47 +75,33 @@ export default function OrganizationSelector({
   };
 
   // 处理选择变化
-  const handleChange = (selectedValue: string | string[]) => {
+  const handleChange = (selectedValue: string[]) => {
     onChange?.(selectedValue);
-    if (multiple) {
-      onSelect?.(
-        organizations.filter((organization) =>
-          selectedValue.includes(organization.id)
-        )
-      );
-    } else {
-      onSelect?.(
-        organizations.find(
-          (organization) => organization.id === selectedValue
-        ) || null
-      );
-    }
+    onSelect?.(
+      organizations.filter((organization) =>
+        selectedValue.includes(organization.id)
+      )
+    );
   };
 
   return (
-    <Form.Item
-      label={label}
-      help={description}
-      validateStatus={error || swrError ? "error" : undefined}
-      required={required}
-    >
-      <Select
-        placeholder={placeholder}
-        value={value}
-        onChange={handleChange}
-        options={selectOptions}
-        optionFilterProp="label"
-        showSearch
-        onSearch={handleSearch}
-        disabled={disabled}
-        mode={multiple ? "multiple" : undefined}
-        allowClear
-        loading={isLoading}
-        notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
-        style={{ width: "100%" }}
-        status={error || swrError ? "error" : undefined}
-        {...props}
-      />
-    </Form.Item>
+    <Select
+      placeholder={placeholder}
+      value={value}
+      onChange={handleChange}
+      options={selectOptions}
+      showSearch={{
+        optionFilterProp: "label",
+        onSearch: handleSearch,
+      }}
+      disabled={disabled}
+      mode={multiple ? "multiple" : undefined}
+      allowClear
+      loading={isLoading}
+      notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
+      style={{ width: "100%" }}
+      status={error || swrError ? "error" : undefined}
+      {...props}
+    />
   );
 }
diff --git a/src/components/Region/RegionSelector/index.tsx b/src/components/Region/RegionSelector/index.tsx
index 71babf0..c197e3f 100644
--- a/src/components/Region/RegionSelector/index.tsx
+++ b/src/components/Region/RegionSelector/index.tsx
@@ -80,7 +80,6 @@ export default function RegionSelector({
       help={description}
       validateStatus={error || swrError ? "error" : undefined}
       required={required}
-      style={{ marginBottom: 16 }}
     >
       <Select
         placeholder={placeholder}
diff --git a/src/consts/normal.ts b/src/consts/normal.ts
index befa029..bef6cb0 100644
--- a/src/consts/normal.ts
+++ b/src/consts/normal.ts
@@ -1 +1,4 @@
-export const PAGE_SIZE = 15;
\ No newline at end of file
+export const PAGE_SIZE = 15;
+
+export const IMAGE_FALLBACK =
+  "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==";
diff --git a/src/index.tsx b/src/index.tsx
index d41ecf8..9a276ef 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -4,20 +4,9 @@ import { RouterProvider } from "react-router-dom";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ConfigProvider, App as AntdApp } from "antd";
 import zhCN from "antd/locale/zh_CN";
+import { StyleProvider } from "@ant-design/cssinjs";
 
 import router from "@/routes";
-import { createTheme, MantineProvider } from "@mantine/core";
-
-const theme = createTheme({
-  /** Put your mantine theme override here */
-  components: {
-    Notification: {
-      defaultProps: {
-        radius: "lg",
-      },
-    },
-  },
-});
 
 const queryClient = new QueryClient();
 
@@ -28,22 +17,32 @@ if (rootEl) {
 
   root.render(
     <React.StrictMode>
-      <ConfigProvider
-        locale={zhCN}
-        theme={{
-          token: {
-            borderRadius: 8,
-          },
-        }}
-      >
-        <AntdApp>
-          <MantineProvider theme={theme}>
+      <StyleProvider layer>
+        <ConfigProvider
+          locale={zhCN}
+          theme={{
+            token: {
+              colorPrimary: "#228be6",
+              colorInfo: "#228be6",
+              borderRadius: 12,
+              wireframe: false,
+              colorSuccess: "#40c057",
+            },
+            components: {
+              Menu: {
+                itemSelectedBg: "rgba(59,131,246,0.2)",
+                subMenuItemBg: "rgba(0,0,0,0)",
+              },
+            },
+          }}
+        >
+          <AntdApp>
             <QueryClientProvider client={queryClient}>
               <RouterProvider router={router} />
             </QueryClientProvider>
-          </MantineProvider>
-        </AntdApp>
-      </ConfigProvider>
+          </AntdApp>
+        </ConfigProvider>
+      </StyleProvider>
     </React.StrictMode>
   );
 }
diff --git a/src/pages/auth/index.tsx b/src/pages/auth/index.tsx
index 0984edd..06be2b6 100644
--- a/src/pages/auth/index.tsx
+++ b/src/pages/auth/index.tsx
@@ -1,13 +1,12 @@
 import useAuthStore from "@/stores/auth";
-import { useForm } from "@mantine/form";
-import { TextInput, PasswordInput } from "@mantine/core";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation } from "@tanstack/react-query";
 
 import { login as userLogin } from "@/api/auth";
-import { Button, Card, Flex, App, Typography } from "antd";
+import { Button, Card, Flex, App, Typography, Form, Input } from "antd";
 import { IconHome } from "@tabler/icons-react";
 import { Segmented } from "antd";
-import { zodResolver } from "mantine-form-zod-resolver";
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import z from "zod";
@@ -23,14 +22,16 @@ export default function Auth() {
     "login" | "register" | "reset"
   >("login");
 
-  const form = useForm({
-    mode: "uncontrolled",
-    initialValues: {
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm({
+    defaultValues: {
       email: "",
       password: "",
     },
-
-    validate: zodResolver(
+    resolver: zodResolver(
       z.object({
         email: z.string().email("无效的邮箱"),
         password: z.string().min(6, "密码长度至少为6位"),
@@ -81,31 +82,37 @@ export default function Auth() {
               />
 
               <form
-                onSubmit={form.onSubmit((values) => {
+                onSubmit={handleSubmit((values) => {
                   mutate(values);
                 })}
                 className="space-y-6"
               >
-                <TextInput
-                  type="email"
-                  required
-                  autoComplete="email"
+                <Form.Item
                   label="邮箱"
-                  placeholder="请输入您的注册邮箱"
-                  radius="md"
-                  mt="lg"
-                  key={form.key("email")}
-                  {...form.getInputProps("email")}
-                />
-                <PasswordInput
+                  required
+                  validateStatus={errors.email ? "error" : undefined}
+                  help={errors.email?.message}
+                  style={{ marginBottom: 16 }}
+                >
+                  <Input
+                    type="email"
+                    autoComplete="email"
+                    placeholder="请输入您的注册邮箱"
+                    {...register("email")}
+                  />
+                </Form.Item>
+                <Form.Item
                   label="密码"
-                  placeholder="请输入您的密码"
                   required
-                  mt="lg"
-                  radius="md"
-                  key={form.key("password")}
-                  {...form.getInputProps("password")}
-                />
+                  validateStatus={errors.password ? "error" : undefined}
+                  help={errors.password?.message}
+                  style={{ marginBottom: 16 }}
+                >
+                  <Input.Password
+                    placeholder="请输入您的密码"
+                    {...register("password")}
+                  />
+                </Form.Item>
                 <Flex justify="space-between" style={{ marginTop: 8 }}>
                   <Link style={{ fontSize: 14 }}>
                     忘记密码了吗？
diff --git a/src/pages/dashboard/cacheManager/index.tsx b/src/pages/dashboard/cacheManager/index.tsx
index e858d83..4ebb365 100644
--- a/src/pages/dashboard/cacheManager/index.tsx
+++ b/src/pages/dashboard/cacheManager/index.tsx
@@ -8,7 +8,7 @@ const { Title } = Typography;
 export default function CacheManager() {
   return (
     <>
-      <DefaultContainer className="sticky top-0 z-10">
+      <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
           <Title level={2} style={{ margin: 0 }}>缓存刷新控制台</Title>
         </Flex>
diff --git a/src/pages/dashboard/developer/application/index.tsx b/src/pages/dashboard/developer/application/index.tsx
index 0c0080b..59d8972 100644
--- a/src/pages/dashboard/developer/application/index.tsx
+++ b/src/pages/dashboard/developer/application/index.tsx
@@ -56,7 +56,7 @@ export default function ApplicationPage() {
 
   return (
     <>
-      <DefaultContainer className="sticky top-0 z-10">
+      <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
           <Title level={2} style={{ margin: 0 }}>应用列表</Title>
 
diff --git a/src/pages/dashboard/event/edit/BasicInfo.tsx b/src/pages/dashboard/event/edit/BasicInfo.tsx
index 2126a9b..38045c2 100644
--- a/src/pages/dashboard/event/edit/BasicInfo.tsx
+++ b/src/pages/dashboard/event/edit/BasicInfo.tsx
@@ -1,15 +1,26 @@
 import { Organization } from "@/types/organization";
-import { EventItem } from "@/types/event";
-import { TextInput } from "@mantine/core";
-import { DateTimePicker } from "@mantine/dates";
-import { UseFormReturnType } from "@mantine/form";
+import { EventItem, EditEventSchema } from "@/types/event";
+import { UseFormReturn, Controller } from "react-hook-form";
+import { z } from "zod";
 import OrganizationSelector from "@/components/Organization/OrganizatonSelector";
-import { Typography, Flex, Row, Col } from "antd";
+import {
+  Typography,
+  Flex,
+  Row,
+  Col,
+  Form,
+  Input,
+  DatePicker,
+  Space,
+} from "antd";
+import dayjs from "dayjs";
 
 const { Title } = Typography;
 
+type EventFormValues = z.infer<typeof EditEventSchema>;
+
 interface BasicInfoProps {
-  form: UseFormReturnType<any>;
+  form: UseFormReturn<EventFormValues>;
   event?: EventItem;
   selectedOrganization: Organization | null;
   setSelectedOrganization: (org: Organization | null) => void;
@@ -26,71 +37,137 @@ export default function BasicInfo({
   setSelectedOrganizations,
 }: BasicInfoProps) {
   return (
-    <div style={{ padding: "0 24px" }}>
-      <Title level={5} style={{ margin: "12px 0" }}>
-        基础信息
-      </Title>
+    <div>
+      <h5 className="text-lg font-bold">基础信息</h5>
       <Flex vertical gap={8}>
-        <TextInput
-          withAsterisk
+        <Form.Item
           label="展会名称"
-          {...form.getInputProps("name")}
-        />
+          required
+          validateStatus={form.formState.errors.name ? "error" : undefined}
+          help={form.formState.errors.name?.message}
+        >
+          <Input placeholder="请输入展会名称" {...form.register("name")} />
+        </Form.Item>
 
         <Row gutter={8}>
-          <Col flex={1}>
-            <OrganizationSelector
-              required
+          <Col span={12}>
+            <Form.Item
               label="展会主办方"
-              description="展会目前只能通过主办方的 slug 进行访问"
-              selectedOption={event?.organization}
-              onSelect={(value) => {
-                setSelectedOrganization(value as Organization | null);
-              }}
-              {...form.getInputProps("organization")}
-            />
+              help="展会目前只能通过主办方的 slug 进行访问"
+              required
+            >
+              <Controller
+                name="organization"
+                control={form.control}
+                render={({ field }) => (
+                  <OrganizationSelector
+                    required
+                    label="展会主办方"
+                    description="展会目前只能通过主办方的 slug 进行访问"
+                    selectedOptions={
+                      event?.organization ? [event.organization] : []
+                    }
+                    value={field.value ? [field.value] : []}
+                    onSelect={(value) => {
+                      const firstOrganization = value?.[0];
+                      setSelectedOrganization(firstOrganization || null);
+                      field.onChange(firstOrganization?.id || null);
+                    }}
+                  />
+                )}
+              />
+            </Form.Item>
           </Col>
-          <Col flex={1}>
-            <OrganizationSelector
+          <Col span={12}>
+            <Form.Item
               label="展会协办方"
-              multiple
-              description="可以选很多，但是请注意，主办方不能在协办方中"
-              selectedOptions={selectedOrganizations}
-              onSelect={(value) => {
-                setSelectedOrganizations(value as Organization[] | null);
-              }}
-              {...form.getInputProps("organizations")}
-            />
+              help="可以选很多，但是请注意，主办方不能在协办方中"
+            >
+              <Controller
+                name="organizations"
+                control={form.control}
+                render={({ field }) => (
+                  <OrganizationSelector
+                    label="展会协办方"
+                    multiple
+                    description="可以选很多，但是请注意，主办方不能在协办方中"
+                    selectedOptions={selectedOrganizations}
+                    value={field.value}
+                    onChange={field.onChange}
+                    onSelect={(value) => {
+                      setSelectedOrganizations(value as Organization[] | null);
+                      field.onChange(
+                        value?.map((org: Organization) => org.id) || []
+                      );
+                    }}
+                  />
+                )}
+              />
+            </Form.Item>
           </Col>
         </Row>
 
         <Row gutter={8}>
           <Col flex={1}>
-            <DateTimePicker
-              withAsterisk
-              valueFormat="YYYY年MM月DD日 hh:mm A"
-              locale="zh-cn"
+            <Form.Item
               label="开始日期"
-              description="除非明确知晓展会开始时间，否则请保持默认上午10点"
-              placeholder="选一个日期"
-              clearable
-              {...form.getInputProps("startAt")}
-            />
+              required
+              help={
+                form.formState.errors.startAt?.message ||
+                "除非明确知晓展会开始时间，否则请保持默认上午10点"
+              }
+              validateStatus={
+                form.formState.errors.startAt ? "error" : undefined
+              }
+            >
+              <Controller
+                name="startAt"
+                control={form.control}
+                render={({ field }) => (
+                  <DatePicker
+                    showTime
+                    format="YYYY年MM月DD日 hh:mm A"
+                    placeholder="选一个日期"
+                    style={{ width: "100%" }}
+                    value={field.value ? dayjs(field.value) : null}
+                    onChange={(date) => {
+                      field.onChange(date ? date.toISOString() : null);
+                    }}
+                  />
+                )}
+              />
+            </Form.Item>
           </Col>
           <Col flex={1}>
-            <DateTimePicker
-              withAsterisk
+            <Form.Item
               label="结束日期"
-              description="除非明确知晓展会结束时间，否则请保持默认下午6点"
-              locale="zh-cn"
-              placeholder="选一个日期"
-              valueFormat="YYYY年MM月DD日 hh:mm A"
-              clearable
-              {...form.getInputProps("endAt")}
-            />
+              required
+              help={
+                form.formState.errors.endAt?.message ||
+                "除非明确知晓展会结束时间，否则请保持默认下午6点"
+              }
+              validateStatus={form.formState.errors.endAt ? "error" : undefined}
+            >
+              <Controller
+                name="endAt"
+                control={form.control}
+                render={({ field }) => (
+                  <DatePicker
+                    showTime
+                    format="YYYY年MM月DD日 hh:mm A"
+                    placeholder="选一个日期"
+                    style={{ width: "100%" }}
+                    value={field.value ? dayjs(field.value) : null}
+                    onChange={(date) => {
+                      field.onChange(date ? date.toISOString() : null);
+                    }}
+                  />
+                )}
+              />
+            </Form.Item>
           </Col>
         </Row>
       </Flex>
     </div>
   );
-} 
\ No newline at end of file
+}
diff --git a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
index 7d65c77..fa1d50c 100644
--- a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
+++ b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
@@ -1,4 +1,4 @@
-import { EventItem } from "@/types/event";
+import { EditEventSchema, EventItem } from "@/types/event";
 import {
   EventLocationType,
   EventScale,
@@ -7,8 +7,7 @@ import {
   type EventStatusKeyType,
   EventType,
 } from "@/types/event";
-import { Select, TagsInput, Textarea } from "@mantine/core";
-import { UseFormReturnType } from "@mantine/form";
+import { UseFormReturn, Controller } from "react-hook-form";
 import {
   EventLocationTypeLabel,
   EventScaleLabel,
@@ -16,90 +15,157 @@ import {
   EventTypeLabel,
 } from "@/consts/event";
 import EventFeatureSelector from "@/components/EventFeature/EventFeatureSelector";
-import { Typography, Flex } from "antd";
+import { Typography, Flex, Form, Select, Input } from "antd";
+import { InferZodType } from "@/types/common";
 
 const { Title } = Typography;
+const { TextArea } = Input;
 
 interface EventAdditionalInfoProps {
-  form: UseFormReturnType<any>;
+  form: UseFormReturn<InferZodType<typeof EditEventSchema>>;
   event?: EventItem;
 }
 
-export default function EventAdditionalInfo({ form, event }: EventAdditionalInfoProps) {
+export default function EventAdditionalInfo({
+  form,
+  event,
+}: EventAdditionalInfoProps) {
   return (
-    <div style={{ padding: "0 24px", margin: "16px 0" }}>
-      <Title level={5}>展会附加信息</Title>
-      <Flex vertical gap={8}>
-        <Select
-          label="展会状态"
-          withAsterisk
-          placeholder="选一个"
-          data={Object.keys(EventStatus).map((key) => ({
-            label: EventStatusLabel[EventStatus[key as EventStatusKeyType]],
-            value: EventStatus[key as EventStatusKeyType],
-          }))}
-          {...form.getInputProps("status")}
+    <div>
+      <h5 className="text-lg font-bold">展会附加信息</h5>
+      <Form.Item
+        label="展会状态"
+        required
+        validateStatus={form.formState.errors.status ? "error" : undefined}
+        help={form.formState.errors.status?.message}
+      >
+        <Controller
+          name="status"
+          control={form.control}
+          render={({ field }) => (
+            <Select
+              placeholder="选一个"
+              options={Object.keys(EventStatus).map((key) => ({
+                label: EventStatusLabel[EventStatus[key as EventStatusKeyType]],
+                value: EventStatus[key as EventStatusKeyType],
+              }))}
+              {...field}
+            />
+          )}
         />
+      </Form.Item>
 
-        <Select
-          label="展会规模"
-          withAsterisk
-          placeholder="选一个"
-          data={Object.keys(EventScale).map((key) => ({
-            label: EventScaleLabel[EventScale[key as EventScaleKeyType]],
-            value: EventScale[key as EventScaleKeyType],
-            disabled: ["Mega", "XXLarge"].includes(key),
-          }))}
-          {...form.getInputProps("scale")}
+      <Form.Item
+        label="展会规模"
+        required
+        validateStatus={form.formState.errors.scale ? "error" : undefined}
+        help={form.formState.errors.scale?.message}
+      >
+        <Controller
+          name="scale"
+          control={form.control}
+          render={({ field }) => (
+            <Select
+              placeholder="选一个"
+              options={Object.keys(EventScale).map((key) => ({
+                label: EventScaleLabel[EventScale[key as EventScaleKeyType]],
+                value: EventScale[key as EventScaleKeyType],
+                disabled: ["Mega", "XXLarge"].includes(key),
+              }))}
+              {...field}
+            />
+          )}
         />
+      </Form.Item>
 
-        <Select
-          label="展会类型"
-          withAsterisk
-          placeholder="选一个"
-          data={Object.keys(EventType).map((key) => ({
-            label: EventTypeLabel[EventType[key as keyof typeof EventType]],
-            value: EventType[key as keyof typeof EventType],
-          }))}
-          {...form.getInputProps("type")}
+      <Form.Item
+        label="展会类型"
+        required
+        validateStatus={form.formState.errors.type ? "error" : undefined}
+        help={form.formState.errors.type?.message}
+      >
+        <Controller
+          name="type"
+          control={form.control}
+          render={({ field }) => (
+            <Select
+              placeholder="选一个"
+              options={Object.keys(EventType).map((key) => ({
+                label: EventTypeLabel[EventType[key as keyof typeof EventType]],
+                value: EventType[key as keyof typeof EventType],
+              }))}
+              {...field}
+            />
+          )}
         />
+      </Form.Item>
 
-        <Select
-          label="展会场地"
-          withAsterisk
-          placeholder="选一个"
-          data={Object.keys(EventLocationType).map((key) => ({
-            label:
-              EventLocationTypeLabel[
-                EventLocationType[key as keyof typeof EventLocationType]
-              ],
-            value: EventLocationType[key as keyof typeof EventLocationType],
-          }))}
-          {...form.getInputProps("locationType")}
+      <Form.Item
+        label="展会场地"
+        required
+        validateStatus={
+          form.formState.errors.locationType ? "error" : undefined
+        }
+        help={form.formState.errors.locationType?.message}
+      >
+        <Controller
+          name="locationType"
+          control={form.control}
+          render={({ field }) => (
+            <Select
+              placeholder="选一个"
+              options={Object.keys(EventLocationType).map((key) => ({
+                label:
+                  EventLocationTypeLabel[
+                    EventLocationType[key as keyof typeof EventLocationType]
+                  ],
+                value: EventLocationType[key as keyof typeof EventLocationType],
+              }))}
+              {...field}
+            />
+          )}
         />
+      </Form.Item>
 
-        <TagsInput
-          label="展会专属标签"
-          placeholder="请输入展会专属的标签"
-          {...form.getInputProps("features.self")}
+      <Form.Item
+        label="展会专属标签"
+        validateStatus={
+          form.formState.errors.features?.self ? "error" : undefined
+        }
+        help={form.formState.errors.features?.self?.message}
+      >
+        <Controller
+          name="features.self"
+          control={form.control}
+          render={({ field }) => (
+            <Select mode="tags" placeholder="请输入展会专属的标签" {...field} />
+          )}
         />
+      </Form.Item>
 
-        <EventFeatureSelector
-          label="展会公共标签"
-          placeholder="请选择展会共有的标签"
-          {...form.getInputProps("featureIds")}
-        />
-
-        {/* <TextInput label="展会信源" {...form.getInputProps("source")} /> */}
+      <Controller
+        name="featureIds"
+        control={form.control}
+        render={({ field }) => (
+          <EventFeatureSelector
+            label="展会公共标签"
+            placeholder="请选择展会共有的标签"
+            {...field}
+          />
+        )}
+      />
 
-        <Textarea
-          label="展会描述"
-          autosize
-          minRows={5}
-          maxRows={20}
-          {...form.getInputProps("detail")}
+      <Form.Item
+        label="展会描述"
+        validateStatus={form.formState.errors.detail ? "error" : undefined}
+        help={form.formState.errors.detail?.message}
+      >
+        <TextArea
+          autoSize={{ minRows: 5, maxRows: 20 }}
+          placeholder="请输入展会描述"
+          {...form.register("detail")}
         />
-      </Flex>
+      </Form.Item>
     </div>
   );
-} 
\ No newline at end of file
+}
diff --git a/src/pages/dashboard/event/edit/EventMedia.tsx b/src/pages/dashboard/event/edit/EventMedia.tsx
index fa652f5..ab08bf8 100644
--- a/src/pages/dashboard/event/edit/EventMedia.tsx
+++ b/src/pages/dashboard/event/edit/EventMedia.tsx
@@ -1,187 +1,247 @@
 import { Organization } from "@/types/organization";
-import { EventItem } from "@/types/event";
-import { TextInput, Textarea, Fieldset } from "@mantine/core";
-import { Image, Typography, Button, Flex, Row, Col, Tag } from "antd";
-import { UseFormReturnType } from "@mantine/form";
-import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
+import { EventItem, EditEventSchema } from "@/types/event";
+import {
+  Image,
+  Typography,
+  Button,
+  Flex,
+  Row,
+  Col,
+  Tag,
+  Form,
+  Input,
+  Card,
+} from "antd";
+import { useFieldArray, UseFormReturn, Controller } from "react-hook-form";
+import {
+  IconArrowDown,
+  IconArrowUp,
+  IconPlus,
+  IconTrash,
+} from "@tabler/icons-react";
+import { z } from "zod";
 import UploadImage from "@/components/UploadImage";
+import { IMAGE_FALLBACK } from "@/consts/normal";
 
-const { Title } = Typography;
+const { Title, Text } = Typography;
+const { TextArea } = Input;
+
+type EventFormValues = z.infer<typeof EditEventSchema>;
 
 interface EventMediaProps {
-  form: UseFormReturnType<any>;
-  event?: EventItem;
-  selectedOrganization: Organization | null;
+  form: UseFormReturn<EventFormValues>;
+  pathPrefix: string;
+  disabled: boolean;
 }
 
-export default function EventMedia({ form, event, selectedOrganization }: EventMediaProps) {
+export default function EventMedia({
+  form,
+  pathPrefix,
+  disabled,
+}: EventMediaProps) {
+  const { fields, append, remove, move } = useFieldArray({
+    control: form.control,
+    name: "media.images",
+  });
+
   return (
-    <div style={{ padding: "0 24px", margin: "16px 0" }}>
+    <div>
       <Title level={5}>展会媒体资源</Title>
 
       <Flex vertical gap={8}>
-        <TextInput
+        <Form.Item
           label="封面图片"
-          withAsterisk
-          {...form.getInputProps("thumbnail")}
-        />
-        <Flex gap={8} wrap="wrap">
-          <Tag
-            color="blue"
-            style={{ cursor: "pointer" }}
-            onClick={() =>
-              form.setFieldValue("thumbnail", "fec-event-default-cover.png")
-            }
-          >
-            默认图片
-          </Tag>
-          <Tag
-            color="blue"
-            style={{ cursor: "pointer" }}
-            onClick={() =>
-              form.setFieldValue("thumbnail", "fec-event-blank-cover.png")
-            }
-          >
-            待揭晓图片
-          </Tag>
-
-          <Tag
-            color="blue"
-            style={{ cursor: "pointer" }}
-            onClick={() =>
-              form.setFieldValue("thumbnail", "fec-event-cancel-cover.png")
-            }
-          >
-            取消图片
-          </Tag>
-
-          <UploadImage
-            pathPrefix={`organizations/${selectedOrganization?.slug}/${form.values.slug}/`}
-            defaultImageName="cover"
-            onUploadSuccess={(s) => form.setFieldValue("thumbnail", s)}
-            disabled={!selectedOrganization?.slug || !form.values.slug}
+          required
+          validateStatus={form.formState.errors.thumbnail ? "error" : undefined}
+          help={form.formState.errors.thumbnail?.message}
+        >
+          <Controller
+            name="thumbnail"
+            control={form.control}
+            render={({ field }) => (
+              <Input
+                placeholder="请输入封面图片URL"
+                disabled
+                value={field.value}
+                onChange={field.onChange}
+              />
+            )}
           />
-        </Flex>
+          <Flex gap={8} wrap="wrap" className="mt-2">
+            <Button
+              color="blue"
+              style={{ cursor: "pointer" }}
+              onClick={() => {
+                form.setValue("thumbnail", "fec-event-default-cover.png");
+              }}
+            >
+              默认图片
+            </Button>
+            <Button
+              color="blue"
+              style={{ cursor: "pointer" }}
+              onClick={() =>
+                form.setValue("thumbnail", "fec-event-blank-cover.png")
+              }
+            >
+              待揭晓图片
+            </Button>
+            <Button
+              color="blue"
+              style={{ cursor: "pointer" }}
+              onClick={() =>
+                form.setValue("thumbnail", "fec-event-cancel-cover.png")
+              }
+            >
+              取消图片
+            </Button>
+
+            <UploadImage
+              pathPrefix={pathPrefix}
+              defaultImageName="cover"
+              onUploadSuccess={(s) => form.setValue("thumbnail", s)}
+              disabled={disabled}
+            />
+          </Flex>
+        </Form.Item>
 
-        <Fieldset style={{ width: "100%" }} legend="展会详情图片">
-          <Button
-            size="small"
-            icon={<IconPlus size={14} />}
-            onClick={() =>
-              form.setFieldValue(
-                "media.images",
-                form.values.media.images.concat({
+        <Flex align="center" gap={8}>
+          <Form.Item label="展会详情图片" className="mb-0">
+            <Button
+              icon={<IconPlus size={14} />}
+              onClick={() =>
+                append({
                   url: "",
                   title: "",
                   description: "",
                 })
-              )
-            }
-          />
-          {form.values.media.images.map((item: any, index: number) => (
-            <div key={item.url} style={{ marginBottom: "1rem" }}>
-              <Flex gap={16}>
-                {selectedOrganization?.slug &&
-                  form.values.slug &&
-                  item.url && (
-                    <Image
-                      width={140}
-                      height={340}
-                      src={`https://images.furrycons.cn/${item.url}`}
-                      style={{ objectFit: "cover" }}
-                    />
-                  )}
-                <Flex vertical flex={1} gap={8}>
-                  <TextInput
-                    label={`图片地址 ${index + 1}`}
-                    placeholder="请输入图片地址"
-                    {...form.getInputProps(`media.images.${index}.url`)}
-                  />
-                  <TextInput
-                    label={`图片标题 ${index + 1}`}
-                    placeholder="请输入图片标题（可选）"
-                    {...form.getInputProps(`media.images.${index}.title`)}
+              }
+            >
+              添加详情图片
+            </Button>
+          </Form.Item>
+        </Flex>
+        {fields.map((field, index) => (
+          <div key={field.id} style={{ marginBottom: "1rem" }}>
+            <Title level={5}>第{index + 1}张图片</Title>
+            <Flex gap={16}>
+              {
+                <Image
+                  width={140}
+                  height={340}
+                  src={`https://images.furrycons.cn/${field.url}`}
+                  style={{ objectFit: "cover" }}
+                  fallback={IMAGE_FALLBACK}
+                />
+              }
+              <Flex vertical flex={1}>
+                <Form.Item
+                  label={`图片地址 ${index + 1}`}
+                  validateStatus={
+                    form.formState.errors.media?.images?.[index]?.url
+                      ? "error"
+                      : undefined
+                  }
+                  help={
+                    form.formState.errors.media?.images?.[index]?.url?.message
+                  }
+                >
+                  <Controller
+                    name={`media.images.${index}.url`}
+                    control={form.control}
+                    render={({ field }) => (
+                      <Input
+                        placeholder="请输入图片地址"
+                        value={field.value || ""}
+                        onChange={field.onChange}
+                      />
+                    )}
                   />
-                  <Textarea
-                    label={`图片描述 ${index + 1}`}
-                    placeholder="请输入图片描述（可选）"
-                    autosize
-                    minRows={2}
-                    maxRows={4}
-                    {...form.getInputProps(
-                      `media.images.${index}.description`
+                </Form.Item>
+                <Form.Item
+                  label={`图片标题 ${index + 1}`}
+                  validateStatus={
+                    form.formState.errors.media?.images?.[index]?.title
+                      ? "error"
+                      : undefined
+                  }
+                  help={
+                    form.formState.errors.media?.images?.[index]?.title?.message
+                  }
+                >
+                  <Controller
+                    name={`media.images.${index}.title`}
+                    control={form.control}
+                    render={({ field }) => (
+                      <Input
+                        placeholder="请输入图片标题（可选）"
+                        value={field.value || ""}
+                        onChange={field.onChange}
+                      />
                     )}
                   />
-                  <UploadImage
-                    pathPrefix={`organizations/${selectedOrganization?.slug}/${form.values.slug}/`}
-                    defaultImageName={`details-${index + 1}`}
-                    onUploadSuccess={(s) =>
-                      form.setFieldValue(`media.images.${index}.url`, s)
-                    }
-                    disabled={
-                      !selectedOrganization?.slug || !form.values.slug
-                    }
+                </Form.Item>
+                <Form.Item
+                  label={`图片描述 ${index + 1}`}
+                  validateStatus={
+                    form.formState.errors.media?.images?.[index]?.description
+                      ? "error"
+                      : undefined
+                  }
+                  help={
+                    form.formState.errors.media?.images?.[index]?.description
+                      ?.message
+                  }
+                >
+                  <Controller
+                    name={`media.images.${index}.description`}
+                    control={form.control}
+                    render={({ field }) => (
+                      <TextArea
+                        placeholder="请输入图片描述（可选）"
+                        autoSize={{ minRows: 2, maxRows: 4 }}
+                        value={field.value || ""}
+                        onChange={field.onChange}
+                      />
+                    )}
                   />
-                  <Flex gap={4} justify="flex-end">
-                    <Button
-                      size="middle"
-                      type="text"
-                      icon={<IconArrowUp size={14} />}
-                      onClick={() => {
-                        if (index > 0) {
-                          const items = [
-                            ...(form.values.media.images || []),
-                          ];
-                          [items[index], items[index - 1]] = [
-                            items[index - 1],
-                            items[index],
-                          ];
-                          form.setFieldValue("media.images", items);
-                        }
-                      }}
-                      disabled={index === 0}
-                    />
-                    <Button
-                      size="middle"
-                      type="text"
-                      icon={<IconArrowDown size={14} />}
-                      onClick={() => {
-                        const items = [
-                          ...(form.values.media.images || []),
-                        ];
-                        if (index < items.length - 1) {
-                          [items[index], items[index + 1]] = [
-                            items[index + 1],
-                            items[index],
-                          ];
-                          form.setFieldValue("media.images", items);
-                        }
-                      }}
-                      disabled={
-                        index ===
-                        (form.values.media.images || []).length - 1
-                      }
-                    />
-                    <Button
-                      size="middle"
-                      danger
-                      icon={<IconTrash size={14} />}
-                      onClick={() =>
-                        form.setFieldValue(
-                          "media.images",
-                          (form.values.media.images || []).filter(
-                            (_: any, i: number) => i !== index
-                          )
-                        )
+                </Form.Item>
+                <UploadImage
+                  pathPrefix={pathPrefix}
+                  defaultImageName={`details-${index + 1}`}
+                  onUploadSuccess={(s) =>
+                    form.setValue(`media.images.${index}.url`, s)
+                  }
+                  disabled={disabled}
+                />
+                <Flex gap={4} justify="flex-end" className="mt-2">
+                  <Button
+                    icon={<IconArrowUp size={14} />}
+                    onClick={() => {
+                      if (index > 0) {
+                        move(index, index - 1);
                       }
-                    />
-                  </Flex>
+                    }}
+                    disabled={index === 0}
+                  />
+                  <Button
+                    icon={<IconArrowDown size={14} />}
+                    onClick={() => {
+                      move(index, index + 1);
+                    }}
+                    disabled={index === fields.length - 1}
+                  />
+                  <Button
+                    danger
+                    icon={<IconTrash size={14} />}
+                    onClick={() => remove(index)}
+                  />
                 </Flex>
               </Flex>
-            </div>
-          ))}
-        </Fieldset>
+            </Flex>
+          </div>
+        ))}
       </Flex>
     </div>
   );
-} 
\ No newline at end of file
+}
diff --git a/src/pages/dashboard/event/edit/EventSources.tsx b/src/pages/dashboard/event/edit/EventSources.tsx
index aee141f..e03127e 100644
--- a/src/pages/dashboard/event/edit/EventSources.tsx
+++ b/src/pages/dashboard/event/edit/EventSources.tsx
@@ -1,59 +1,98 @@
-import { TextInput, Fieldset } from "@mantine/core";
-import { UseFormReturnType } from "@mantine/form";
-import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
-import { Typography, Button, Flex, Row, Col } from "antd";
+import { useFieldArray, UseFormReturn } from "react-hook-form";
+import {
+  IconArrowDown,
+  IconArrowUp,
+  IconPlus,
+  IconTrash,
+} from "@tabler/icons-react";
+import { Typography, Button, Flex, Row, Col, Form, Input, Card } from "antd";
+import { EditEventSchema } from "@/types/event";
+import { z } from "zod";
 
 const { Title, Text } = Typography;
 
+type EventFormValues = z.infer<typeof EditEventSchema>;
+
 interface EventSourcesProps {
-  form: UseFormReturnType<any>;
+  form: UseFormReturn<EventFormValues>;
 }
 
 export default function EventSources({ form }: EventSourcesProps) {
+  const { fields, append, prepend, remove, swap, move, insert } = useFieldArray(
+    {
+      control: form.control,
+      name: "sources",
+    }
+  );
   return (
-    <div style={{ padding: "0 24px", margin: "16px 0" }}>
+    <div>
       <Title level={5}>展会信息来源</Title>
       <Flex vertical gap={8}>
         <Flex align="center" gap={8}>
           <Button
             size="small"
             icon={<IconPlus size={14} />}
-            onClick={() =>
-              form.setFieldValue("sources", [
-                ...(form.values.sources || []),
-                { name: "", url: "", description: "" },
-              ])
-            }
+            onClick={() => append({ name: "", url: "", description: "" })}
           />
           <Text type="secondary" style={{ fontSize: 14 }}>
             添加信息来源
           </Text>
         </Flex>
 
-        {(form.values.sources || []).map((source: any, index: number) => (
+        {fields.map((field, index) => (
           <div key={index} style={{ marginBottom: "1rem" }}>
-            <Fieldset legend={`信息来源 ${index + 1}`}>
+            <Card title={`信息来源 ${index + 1}`}>
               <Row gutter={8} align="bottom">
                 <Col flex={1}>
-                  <TextInput
+                  <Form.Item
                     label="名称"
-                    placeholder="信息来源名称"
-                    {...form.getInputProps(`sources.${index}.name`)}
-                  />
+                    validateStatus={
+                      form.formState.errors.sources?.[index]?.name
+                        ? "error"
+                        : undefined
+                    }
+                    help={form.formState.errors.sources?.[index]?.name?.message}
+                  >
+                    <Input
+                      placeholder="信息来源名称"
+                      {...form.register(`sources.${index}.name`)}
+                    />
+                  </Form.Item>
                 </Col>
                 <Col flex={1}>
-                  <TextInput
+                  <Form.Item
                     label="链接"
-                    placeholder="信息来源链接"
-                    {...form.getInputProps(`sources.${index}.url`)}
-                  />
+                    validateStatus={
+                      form.formState.errors.sources?.[index]?.url
+                        ? "error"
+                        : undefined
+                    }
+                    help={form.formState.errors.sources?.[index]?.url?.message}
+                  >
+                    <Input
+                      placeholder="信息来源链接"
+                      {...form.register(`sources.${index}.url`)}
+                    />
+                  </Form.Item>
                 </Col>
                 <Col flex={1}>
-                  <TextInput
+                  <Form.Item
                     label="描述"
-                    placeholder="信息来源描述（可选）"
-                    {...form.getInputProps(`sources.${index}.description`)}
-                  />
+                    validateStatus={
+                      form.formState.errors.sources?.[index]?.description
+                        ? "error"
+                        : undefined
+                    }
+                    help={
+                      form.formState.errors.sources?.[index]?.description
+                        ?.message
+                    }
+                  >
+                    <Input
+                      placeholder="信息来源描述（可选）"
+                      {...form.register(`sources.${index}.description`)}
+                    />
+                  </Form.Item>
                 </Col>
                 <Col>
                   <Flex gap={4}>
@@ -63,12 +102,7 @@ export default function EventSources({ form }: EventSourcesProps) {
                       icon={<IconArrowUp size={14} />}
                       onClick={() => {
                         if (index > 0) {
-                          const items = [...(form.values.sources || [])];
-                          [items[index], items[index - 1]] = [
-                            items[index - 1],
-                            items[index],
-                          ];
-                          form.setFieldValue("sources", items);
+                          move(index, index - 1)
                         }
                       }}
                       disabled={index === 0}
@@ -78,39 +112,23 @@ export default function EventSources({ form }: EventSourcesProps) {
                       type="text"
                       icon={<IconArrowDown size={14} />}
                       onClick={() => {
-                        const items = [...(form.values.sources || [])];
-                        if (index < items.length - 1) {
-                          [items[index], items[index + 1]] = [
-                            items[index + 1],
-                            items[index],
-                          ];
-                          form.setFieldValue("sources", items);
-                        }
+                        move(index, index + 1)
                       }}
-                      disabled={
-                        index === (form.values.sources || []).length - 1
-                      }
+                      disabled={index === fields.length - 1}
                     />
                     <Button
                       size="small"
                       danger
                       icon={<IconTrash size={14} />}
-                      onClick={() =>
-                        form.setFieldValue(
-                          "sources",
-                          (form.values.sources || []).filter(
-                            (_: any, i: number) => i !== index
-                          )
-                        )
-                      }
+                      onClick={() => remove(index)}
                     />
                   </Flex>
                 </Col>
               </Row>
-            </Fieldset>
+            </Card>
           </div>
         ))}
       </Flex>
     </div>
   );
-} 
\ No newline at end of file
+}
diff --git a/src/pages/dashboard/event/edit/GeographicInfo.tsx b/src/pages/dashboard/event/edit/GeographicInfo.tsx
index 4ab39b1..500298f 100644
--- a/src/pages/dashboard/event/edit/GeographicInfo.tsx
+++ b/src/pages/dashboard/event/edit/GeographicInfo.tsx
@@ -1,17 +1,27 @@
-import { EventItem } from "@/types/event";
+import { EditEventSchema, EventItem } from "@/types/event";
 import { Region } from "@/types/region";
-import { Autocomplete, TextInput } from "@mantine/core";
-import { UseFormReturnType } from "@mantine/form";
+import { UseFormReturn, Controller } from "react-hook-form";
 import { IconSearch } from "@tabler/icons-react";
 import RegionSelector from "@/components/Region/RegionSelector";
 import LocationSearch from "@/components/Event/LocationSearch";
-import { Typography, Button, Flex, Row, Col, App } from "antd";
+import {
+  Typography,
+  Button,
+  Flex,
+  Row,
+  Col,
+  App,
+  Form,
+  Input,
+  AutoComplete,
+} from "antd";
 import { useState } from "react";
+import { InferZodType } from "@/types/common";
 
 const { Title } = Typography;
 
 interface GeographicInfoProps {
-  form: UseFormReturnType<any>;
+  form: UseFormReturn<InferZodType<typeof EditEventSchema>>;
   event?: EventItem;
   selectedRegion: Region | null;
   setSelectedRegion: (region: Region | null) => void;
@@ -24,46 +34,100 @@ export default function GeographicInfo({
   setSelectedRegion,
 }: GeographicInfoProps) {
   const { message } = App.useApp();
-  const [isLocationSearchModalOpen, setIsLocationSearchModalOpen] = useState(false);
+  const [isLocationSearchModalOpen, setIsLocationSearchModalOpen] =
+    useState(false);
+
+  
+    const address = form.watch("address");
 
   return (
-    <div style={{ padding: "0 24px", margin: "16px 0" }}>
-      <Title level={5} style={{ marginBottom: 12 }}>
+    <div>
+      <h5 className="text-lg font-bold">
         地理信息
-      </Title>
+      </h5>
 
       <Flex vertical gap={8}>
-        <RegionSelector
-          required
-          label="展会区域"
-          placeholder="请选择展会区域"
-          selectedOption={event?.region}
-          onSelect={(value) => {
-            setSelectedRegion(value);
-          }}
-          {...form.getInputProps("regionId")}
+        <Controller
+          name="regionId"
+          control={form.control}
+          render={({ field, fieldState }) => (
+            <RegionSelector
+              required
+              label="展会区域"
+              placeholder="请选择展会区域"
+              selectedOption={event?.region}
+              value={field.value}
+              onChange={(value) => {
+                field.onChange(value);
+              }}
+              onSelect={(value) => {
+                setSelectedRegion(value);
+              }}
+              error={fieldState.error?.message}
+            />
+          )}
         />
 
-        <Autocomplete
+        <Form.Item
           label="展会地址"
-          rightSection={<IconSearch size="14" className="cursor-pointer" />}
-          {...form.getInputProps("address")}
-        />
+          validateStatus={form.formState.errors.address ? "error" : undefined}
+          help={form.formState.errors.address?.message}
+        >
+          <Controller
+            name="address"
+            control={form.control}
+            render={({ field }) => (
+              <AutoComplete
+                placeholder="请输入展会地址"
+                suffixIcon={<IconSearch size="14" className="cursor-pointer" />}
+                {...field}
+              />
+            )}
+          />
+        </Form.Item>
 
         <Row gutter={8}>
           <Col flex={1}>
-            <TextInput
+            <Form.Item
               label="经度"
-              placeholder="一般是三位整数"
-              {...form.getInputProps("addressLon")}
-            />
+              validateStatus={
+                form.formState.errors.addressLon ? "error" : undefined
+              }
+              help={form.formState.errors.addressLon?.message}
+            >
+              <Controller
+                name="addressLon"
+                control={form.control}
+                render={({ field }) => (
+                  <Input
+                    placeholder="一般是三位整数"
+                    value={field.value || ""}
+                    onChange={field.onChange}
+                  />
+                )}
+              />
+            </Form.Item>
           </Col>
           <Col flex={1}>
-            <TextInput
+            <Form.Item
               label="纬度"
-              placeholder="一般是两位整数"
-              {...form.getInputProps("addressLat")}
-            />
+              validateStatus={
+                form.formState.errors.addressLat ? "error" : undefined
+              }
+              help={form.formState.errors.addressLat?.message}
+            >
+              <Controller
+                name="addressLat"
+                control={form.control}
+                render={({ field }) => (
+                  <Input
+                    placeholder="一般是两位整数"
+                    value={field.value || ""}
+                    onChange={field.onChange}
+                  />
+                )}
+              />
+            </Form.Item>
           </Col>
         </Row>
 
@@ -83,23 +147,17 @@ export default function GeographicInfo({
           handleOk={(location) => {
             setIsLocationSearchModalOpen(false);
             if (location) {
-              form.setFieldValue(
-                "addressLat",
-                location.location.lat.toString()
-              );
-              form.setFieldValue(
-                "addressLon",
-                location.location.lng.toString()
-              );
+              form.setValue("addressLat", location.location.lat.toString());
+              form.setValue("addressLon", location.location.lng.toString());
             }
           }}
           handleCancel={() => {
             setIsLocationSearchModalOpen(false);
           }}
           region={selectedRegion!}
-          keyword={form.values.address}
+          keyword={address}
         />
       </Flex>
     </div>
   );
-} 
\ No newline at end of file
+}
diff --git a/src/pages/dashboard/event/edit/TicketChannels.tsx b/src/pages/dashboard/event/edit/TicketChannels.tsx
index b53a822..cbe88c0 100644
--- a/src/pages/dashboard/event/edit/TicketChannels.tsx
+++ b/src/pages/dashboard/event/edit/TicketChannels.tsx
@@ -1,17 +1,24 @@
-import { Fieldset, Select, TextInput } from "@mantine/core";
-import { UseFormReturnType } from "@mantine/form";
+import { useFieldArray, UseFormReturn, Controller } from "react-hook-form";
 import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
-import { Typography, Button, Flex, Row, Col } from "antd";
+import { Typography, Button, Flex, Row, Col, Form, Select, Input, Card } from "antd";
+import { EditEventSchema } from "@/types/event";
+import { z } from "zod";
 
 const { Title, Text } = Typography;
 
+type EventFormValues = z.infer<typeof EditEventSchema>;
+
 interface TicketChannelsProps {
-  form: UseFormReturnType<any>;
+  form: UseFormReturn<EventFormValues>;
 }
 
 export default function TicketChannels({ form }: TicketChannelsProps) {
+  const { fields, append, remove, move } = useFieldArray({
+    control: form.control,
+    name: "ticketChannels",
+  });
   return (
-    <div style={{ padding: "0 24px", margin: "16px 0" }}>
+    <div>
       <Title level={5}>票务渠道</Title>
       <Flex vertical gap={8}>
         <Flex align="center" gap={8}>
@@ -19,15 +26,12 @@ export default function TicketChannels({ form }: TicketChannelsProps) {
             size="small"
             icon={<IconPlus size={14} />}
             onClick={() =>
-              form.setFieldValue("ticketChannels", [
-                ...(form.values.ticketChannels || []),
-                {
-                  type: "url",
-                  name: "",
-                  url: "",
-                  available: true,
-                },
-              ])
+              append({
+                type: "url",
+                name: "",
+                url: "",
+                available: true,
+              })
             }
           />
           <Text type="secondary" style={{ fontSize: 14 }}>
@@ -35,120 +39,136 @@ export default function TicketChannels({ form }: TicketChannelsProps) {
           </Text>
         </Flex>
 
-        {(form.values.ticketChannels || []).map((channel: any, index: number) => (
+        {fields.map((field, index) => (
           <div key={index} style={{ marginBottom: "1rem" }}>
-            <Fieldset legend={`票务渠道 ${index + 1}`}>
-              <Flex vertical gap={8}>
-                <Row gutter={8} align="bottom">
+            <Card title={`票务渠道 ${index + 1}`}>
+              <Row gutter={8} align="bottom">
                   <Col flex={1}>
-                    <Select
+                    <Form.Item
                       label="渠道类型"
-                      placeholder="选择渠道类型"
-                      data={[
-                        { label: "微信小程序", value: "wxMiniProgram" },
-                        { label: "网页链接", value: "url" },
-                        { label: "二维码", value: "qrcode" },
-                        { label: "APP", value: "app" },
-                      ]}
-                      {...form.getInputProps(`ticketChannels.${index}.type`)}
-                    />
+                      validateStatus={form.formState.errors.ticketChannels?.[index]?.type ? "error" : undefined}
+                      help={form.formState.errors.ticketChannels?.[index]?.type?.message}
+                    >
+                      <Controller
+                        name={`ticketChannels.${index}.type`}
+                        control={form.control}
+                        render={({ field }) => (
+                          <Select
+                            placeholder="选择渠道类型"
+                            options={[
+                              { label: "微信小程序", value: "wxMiniProgram" },
+                              { label: "网页链接", value: "url" },
+                              { label: "二维码", value: "qrcode" },
+                              { label: "APP", value: "app" },
+                            ]}
+                            value={field.value}
+                            onChange={field.onChange}
+                          />
+                        )}
+                      />
+                    </Form.Item>
                   </Col>
                   <Col flex={1}>
-                    <TextInput
+                    <Form.Item
                       label="渠道名称"
-                      placeholder="票务渠道名称"
-                      {...form.getInputProps(`ticketChannels.${index}.name`)}
-                    />
+                      validateStatus={form.formState.errors.ticketChannels?.[index]?.name ? "error" : undefined}
+                      help={form.formState.errors.ticketChannels?.[index]?.name?.message}
+                    >
+                      <Controller
+                        name={`ticketChannels.${index}.name`}
+                        control={form.control}
+                        render={({ field }) => (
+                          <Input
+                            placeholder="票务渠道名称"
+                            value={field.value || ""}
+                            onChange={field.onChange}
+                          />
+                        )}
+                      />
+                    </Form.Item>
                   </Col>
                   <Col flex={1}>
-                    <TextInput
+                    <Form.Item
                       label="渠道链接/地址/描述"
-                      placeholder="渠道链接或地址或描述"
-                      {...form.getInputProps(`ticketChannels.${index}.url`)}
-                    />
+                      validateStatus={form.formState.errors.ticketChannels?.[index]?.url ? "error" : undefined}
+                      help={form.formState.errors.ticketChannels?.[index]?.url?.message}
+                    >
+                      <Controller
+                        name={`ticketChannels.${index}.url`}
+                        control={form.control}
+                        render={({ field }) => (
+                          <Input
+                            placeholder="渠道链接或地址或描述"
+                            value={field.value || ""}
+                            onChange={field.onChange}
+                          />
+                        )}
+                      />
+                    </Form.Item>
                   </Col>
                   <Col flex={1}>
-                    <Select
+                    <Form.Item
                       label="可用状态"
-                      placeholder="选择状态"
-                      data={[
-                        { label: "可用", value: "true" },
-                        { label: "不可用", value: "false" },
-                      ]}
-                      value={
-                        form.values.ticketChannels?.[
-                          index
-                        ]?.available?.toString() || "true"
-                      }
-                      onChange={(value) => {
-                        const boolValue =
-                          value === "true"
-                            ? true
-                            : value === "false"
-                            ? false
-                            : null;
-                        form.setFieldValue(
-                          `ticketChannels.${index}.available`,
-                          boolValue
-                        );
-                      }}
-                    />
+                      validateStatus={form.formState.errors.ticketChannels?.[index]?.available ? "error" : undefined}
+                      help={form.formState.errors.ticketChannels?.[index]?.available?.message}
+                    >
+                      <Controller
+                        name={`ticketChannels.${index}.available`}
+                        control={form.control}
+                        render={({ field }) => (
+                          <Select
+                            placeholder="选择状态"
+                            options={[
+                              { label: "可用", value: "true" },
+                              { label: "不可用", value: "false" },
+                            ]}
+                            value={field.value?.toString() || "true"}
+                            onChange={(value) => {
+                              const boolValue =
+                                value === "true"
+                                  ? true
+                                  : value === "false"
+                                  ? false
+                                  : null;
+                              field.onChange(boolValue);
+                            }}
+                          />
+                        )}
+                      />
+                    </Form.Item>
+                  </Col>
+                  <Col>
+                    <Flex gap={4}>
+                      <Button
+                        size="small"
+                        type="text"
+                        icon={<IconArrowUp size={14} />}
+                        onClick={() => {
+                          if (index > 0) {
+                            move(index, index - 1);
+                          }
+                        }}
+                        disabled={index === 0}
+                      />
+                      <Button
+                        size="small"
+                        type="text"
+                        icon={<IconArrowDown size={14} />}
+                        onClick={() => {
+                          move(index, index + 1);
+                        }}
+                        disabled={index === fields.length - 1}
+                      />
+                      <Button
+                        size="small"
+                        danger
+                        icon={<IconTrash size={14} />}
+                        onClick={() => remove(index)}
+                      />
+                    </Flex>
                   </Col>
                 </Row>
-                <Flex justify="flex-end" gap={4}>
-                  <Button
-                    size="small"
-                    type="text"
-                    icon={<IconArrowUp size={14} />}
-                    onClick={() => {
-                      if (index > 0) {
-                        const items = [
-                          ...(form.values.ticketChannels || []),
-                        ];
-                        [items[index], items[index - 1]] = [
-                          items[index - 1],
-                          items[index],
-                        ];
-                        form.setFieldValue("ticketChannels", items);
-                      }
-                    }}
-                    disabled={index === 0}
-                  />
-                  <Button
-                    size="small"
-                    type="text"
-                    icon={<IconArrowDown size={14} />}
-                    onClick={() => {
-                      const items = [...(form.values.ticketChannels || [])];
-                      if (index < items.length - 1) {
-                        [items[index], items[index + 1]] = [
-                          items[index + 1],
-                          items[index],
-                        ];
-                        form.setFieldValue("ticketChannels", items);
-                      }
-                    }}
-                    disabled={
-                      index ===
-                      (form.values.ticketChannels || []).length - 1
-                    }
-                  />
-                  <Button
-                    size="small"
-                    danger
-                    icon={<IconTrash size={14} />}
-                    onClick={() =>
-                      form.setFieldValue(
-                        "ticketChannels",
-                        (form.values.ticketChannels || []).filter(
-                          (_: any, i: number) => i !== index
-                        )
-                      )
-                    }
-                  />
-                </Flex>
-              </Flex>
-            </Fieldset>
+            </Card>
           </div>
         ))}
       </Flex>
diff --git a/src/pages/dashboard/event/edit/UriBuilder.tsx b/src/pages/dashboard/event/edit/UriBuilder.tsx
index 0998cce..e6dd56a 100644
--- a/src/pages/dashboard/event/edit/UriBuilder.tsx
+++ b/src/pages/dashboard/event/edit/UriBuilder.tsx
@@ -1,12 +1,13 @@
 import { Region } from "@/types/region";
-import { TextInput } from "@mantine/core";
-import { UseFormReturnType } from "@mantine/form";
-import { Typography, Button, Flex, App } from "antd";
+import { UseFormReturn } from "react-hook-form";
+import { Typography, Button, Flex, App, Form, Input } from "antd";
+import { EditEventSchema } from "@/types/event";
+import { InferZodType } from "@/types/common";
 
 const { Title } = Typography;
 
 interface UriBuilderProps {
-  form: UseFormReturnType<any>;
+  form: UseFormReturn<InferZodType<typeof EditEventSchema>>;
   selectedRegion: Region | null;
 }
 
@@ -14,8 +15,9 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
   const { message } = App.useApp();
 
   const generateEventSlug = () => {
-    const selectedYear = new Date(form.values.startAt).getFullYear();
-    const selectedMonth = new Date(form.values.startAt)
+    const startAt = form.watch("startAt");
+    const selectedYear = new Date(startAt).getFullYear();
+    const selectedMonth = new Date(startAt)
       .toLocaleString("en-us", { month: "short" })
       .toLocaleLowerCase();
     const city = selectedRegion?.code;
@@ -29,22 +31,28 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
   };
 
   return (
-    <div style={{ padding: "0 24px" }}>
-      <Title level={5}>URI构建</Title>
+    <div>
+      <h5 className="text-lg font-bold">URI构建</h5>
       <Flex vertical gap={8}>
-        <TextInput
-          withAsterisk
+        <Form.Item
           label="展会Slug"
-          disabled
-          {...form.getInputProps("slug")}
-        />
+          required
+          validateStatus={form.formState.errors.slug ? "error" : undefined}
+          help={form.formState.errors.slug?.message}
+        >
+          <Input
+            disabled
+            placeholder="请输入展会Slug"
+            {...form.register("slug")}
+          />
+        </Form.Item>
         <Button
           onClick={() => {
             const slug = generateEventSlug();
             if (!slug) {
               return;
             }
-            form.setFieldValue("slug", slug);
+            form.setValue("slug", slug);
           }}
         >
           生成Slug
@@ -52,4 +60,4 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
       </Flex>
     </div>
   );
-} 
\ No newline at end of file
+}
diff --git a/src/pages/dashboard/event/edit/index.tsx b/src/pages/dashboard/event/edit/page.tsx
similarity index 67%
rename from src/pages/dashboard/event/edit/index.tsx
rename to src/pages/dashboard/event/edit/page.tsx
index 7bef169..ebe1338 100644
--- a/src/pages/dashboard/event/edit/index.tsx
+++ b/src/pages/dashboard/event/edit/page.tsx
@@ -1,23 +1,17 @@
 import { useNavigate, useParams } from "react-router-dom";
 
-import {
-  type EditableEvent,
-  EventItem,
-  EditEventValidationSchema,
-} from "@/types/event";
-import { Button, Divider, Typography, Flex, App } from "antd";
+import { type EditableEvent, EventItem, EditEventSchema, EventStatus, EventType, EventScale, EventLocationType } from "@/types/event";
+import { Button, Divider, Typography, Flex, App, Form } from "antd";
 import { Spin } from "antd";
-import { useForm } from "@mantine/form";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { Organization } from "@/types/organization";
-import { useQuery } from "@tanstack/react-query";
 import {
   createEvent,
   getEventDetail,
   updateEvent,
 } from "@/api/dashboard/event";
 
-import { zodResolver } from "mantine-form-zod-resolver";
-
 import "dayjs/locale/zh-cn";
 import DefaultContainer from "@/components/Container";
 import LoadError from "@/components/Error";
@@ -32,22 +26,24 @@ import EventAdditionalInfo from "./EventAdditionalInfo";
 import EventSources from "./EventSources";
 import TicketChannels from "./TicketChannels";
 import EventMedia from "./EventMedia";
-
-const { Title } = Typography;
+import useSWR from "swr";
+import { InferZodType } from "@/types/common";
 
 export default function EventEditPage() {
   const { eventId } = useParams();
+
   const {
     data: event,
     isLoading,
-    isError,
-  } = useQuery({
-    queryKey: ["event-detail", eventId],
-    queryFn: () => getEventDetail({ id: eventId as string }),
-    refetchOnWindowFocus: false,
-    enabled: !!eventId,
-    gcTime: 0,
-  });
+    error: isError,
+  } = useSWR(
+    [`event-detail`, eventId],
+    eventId ? () => getEventDetail({ id: eventId! }) : null,
+    {
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+    }
+  );
 
   if (isError) {
     return <LoadError />;
@@ -55,8 +51,10 @@ export default function EventEditPage() {
 
   return (
     <div className="relative">
-      <DefaultContainer className="sticky top-0 z-10">
-        <Title level={2} style={{ margin: 0 }}>{eventId ? "编辑展会" : "新建展会"}</Title>
+      <DefaultContainer className="sticky top-0 z-20">
+        <h2 className="text-2xl font-bold">
+          {eventId ? "编辑展会" : "新建展会"}
+        </h2>
       </DefaultContainer>
 
       <DefaultContainer className="mt-4">
@@ -88,7 +86,7 @@ function EventEditorContent({ event }: { event?: EventItem }) {
   >(event?.organizations || null);
 
   const form = useForm({
-    initialValues: {
+    defaultValues: {
       name: event?.name || "",
       startAt: event?.startAt
         ? event?.startAt
@@ -97,9 +95,8 @@ function EventEditorContent({ event }: { event?: EventItem }) {
         ? event?.endAt
         : new Date(new Date().setHours(18, 0, 0, 0)).toISOString(),
       address: event?.address || "",
-      regionId: event?.regionId || null,
-      features: event?.features || { self: [] },
-      featureIds: event?.commonFeatures?.map((f) => f.id) || [],
+      regionId: event?.regionId || "",
+      features: event?.features || { self: [], common: [] },
       source: event?.source || null,
       thumbnail: event?.thumbnail || "fec-event-default-cover.png",
       media: {
@@ -107,29 +104,28 @@ function EventEditorContent({ event }: { event?: EventItem }) {
         videos: event?.media?.videos || [],
         lives: event?.media?.lives || [],
       },
-      organization: event?.organization?.id || null,
+      organization: event?.organization?.id,
       organizations: event?.organizations?.map((o) => o.id) || [],
-      slug: event?.slug || null,
-      detail: event?.detail || null,
-      status: event?.status || "EventScheduled",
-      type: event?.type || "AllInCon",
-      scale: event?.scale || "Cosy",
-      locationType: event?.locationType || "Hotel",
+      slug: event?.slug || "",
+      detail: event?.detail || "",
+      status: event?.status || EventStatus.EventScheduled,
+      type: event?.type || EventType.AllInCon,
+      scale: event?.scale || EventScale.Cosy,
+      locationType: event?.locationType || EventLocationType.Hotel,
       addressLat: event?.addressLat || null,
       addressLon: event?.addressLon || null,
       sources: event?.sources || [],
       ticketChannels: event?.ticketChannels || [],
     },
-    validate: zodResolver(EditEventValidationSchema),
+    resolver: zodResolver(EditEventSchema),
   });
 
-  type InferFormValues = typeof form.values;
+  const { handleSubmit } = form;
 
-  const handleSubmit = async (formData: InferFormValues) => {
-    console.log(formData);
 
+  const onSubmit = async (formData: InferZodType<typeof EditEventSchema>) => {
     try {
-      const validatedData = EditEventValidationSchema.parse(formData);
+      const validatedData = EditEventSchema.parse(formData);
       const transFormData: EditableEvent = {
         ...formData,
         startAt: new Date(formData.startAt).toISOString(),
@@ -165,12 +161,8 @@ function EventEditorContent({ event }: { event?: EventItem }) {
   };
 
   return (
-    <div style={{ margin: "0 auto" }}>
-      <form
-        onSubmit={form.onSubmit(handleSubmit, (errors) => {
-          message.error(`有错误发生: ${JSON.stringify(errors)}`);
-        })}
-      >
+    <div>
+      <Form onFinish={handleSubmit(onSubmit)} layout="vertical">
         <BasicInfo
           form={form}
           event={event}
@@ -180,7 +172,7 @@ function EventEditorContent({ event }: { event?: EventItem }) {
           setSelectedOrganizations={setSelectedOrganizations}
         />
 
-        <Divider dashed style={{ margin: "12px 0" }} />
+        <Divider dashed />
 
         <GeographicInfo
           form={form}
@@ -189,36 +181,38 @@ function EventEditorContent({ event }: { event?: EventItem }) {
           setSelectedRegion={setSelectedRegion}
         />
 
-        <Divider dashed style={{ margin: "12px 0" }} />
+        <Divider dashed />
 
         <UriBuilder form={form} selectedRegion={selectedRegion} />
 
-        <Divider dashed style={{ margin: "12px 0" }} />
+        <Divider dashed />
 
         <EventAdditionalInfo form={form} event={event} />
 
-        <Divider dashed style={{ margin: "12px 0" }} />
+        <Divider dashed />
 
         <EventSources form={form} />
 
-        <Divider dashed style={{ margin: "12px 0" }} />
+        <Divider dashed />
 
         <TicketChannels form={form} />
 
-        <Divider dashed style={{ margin: "12px 0" }} />
+        <Divider dashed />
 
         <EventMedia
           form={form}
-          event={event}
-          selectedOrganization={selectedOrganization}
+          pathPrefix={`organizations/${selectedOrganization?.slug}/${event?.slug}/`}
+          disabled={!selectedOrganization?.slug || !event?.slug}
         />
 
-        <div style={{ padding: "0 24px" }}>
+        <div>
           <Flex justify="flex-end" style={{ marginTop: 16 }}>
-            <Button type="primary" htmlType="submit">提交</Button>
+            <Button type="primary" htmlType="submit">
+              提交
+            </Button>
           </Flex>
         </div>
-      </form>
+      </Form>
     </div>
   );
 }
diff --git a/src/pages/dashboard/event/page.tsx b/src/pages/dashboard/event/page.tsx
index 8a55f2c..5508ac0 100644
--- a/src/pages/dashboard/event/page.tsx
+++ b/src/pages/dashboard/event/page.tsx
@@ -54,9 +54,9 @@ export default function EventPage() {
 
   return (
     <>
-      <DefaultContainer className="sticky top-0 z-10">
+      <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
-          <Title level={2} style={{ margin: 0 }}>展会列表</Title>
+          <Title level={3} className="m-0">展会列表</Title>
 
           <Button
             type="primary"
diff --git a/src/pages/dashboard/feature/components/FeatureEditor/index.tsx b/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
index 012387a..b903ca1 100644
--- a/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
+++ b/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
@@ -1,8 +1,11 @@
 import { createFeature, updateFeature } from "@/api/dashboard/feature";
 import { FeatureCategory, FeatureCategoryLabel, type CrateFeatureType, type EditableFeatureType } from "@/types/feature";
-import { Select, Textarea, TextInput } from "@mantine/core";
-import { useForm } from "@mantine/form";
-import { Modal, Button, Flex, App } from "antd";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Modal, Button, Flex, App, Form, Select, Input } from "antd";
+import { z } from "zod";
+
+const { TextArea } = Input;
 
 export default function FeatureEditor({
   opened,
@@ -30,16 +33,45 @@ function ModalComponent({
   onClose: () => void;
 }) {
   const { message } = App.useApp();
-  const form = useForm({
-    mode: "uncontrolled",
-    initialValues: {
+  
+  type FeatureFormValues = {
+    name: string;
+    category: string;
+    description: string;
+  };
+
+  const {
+    register,
+    handleSubmit: rhfHandleSubmit,
+    setValue,
+    watch,
+    formState: { errors },
+  } = useForm<FeatureFormValues>({
+    defaultValues: {
       name: editingFeature?.name || "",
       category: editingFeature?.category || "",
       description: editingFeature?.description || "",
     },
   });
 
-  const handleSubmit = async (value: CrateFeatureType) => {
+  // Create a compatible form object for child components
+  const form = {
+    register,
+    setValue,
+    watch,
+    errors,
+    values: watch(),
+    setFieldValue: setValue,
+    getInputProps: (name: string) => ({
+      ...register(name),
+      error: errors[name]?.message,
+    }),
+    onSubmit: (onValid: (values: FeatureFormValues) => void, onInvalid?: (errors: typeof errors) => void) => {
+      return rhfHandleSubmit(onValid, onInvalid);
+    },
+  };
+
+  const handleSubmit = async (value: FeatureFormValues) => {
     if (editingFeature?.id) {
       const res = await updateFeature({ ...value, id: editingFeature.id });
       console.log(res);
@@ -54,32 +86,45 @@ function ModalComponent({
 
   return (
     <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
-      <TextInput
-        withAsterisk
+      <Form.Item
         label="标签名称"
-        placeholder="请输入标签名称"
-        key={form.key("name")}
-        {...form.getInputProps("name")}
-      />
+        required
+        validateStatus={form.getInputProps("name").error ? "error" : undefined}
+        help={form.getInputProps("name").error}
+      >
+        <Input
+          placeholder="请输入标签名称"
+          {...form.getInputProps("name")}
+        />
+      </Form.Item>
 
-      <Select
-        withAsterisk
+      <Form.Item
         label="标签分类"
-        placeholder="请选择标签分类"
-        {...form.getInputProps("category")}
-        data={Object.values(FeatureCategory).map((item) => ({
-          label: FeatureCategoryLabel[item],
-          value: item,
-        }))}
-      />
+        required
+        validateStatus={form.getInputProps("category").error ? "error" : undefined}
+        help={form.getInputProps("category").error}
+      >
+        <Select
+          placeholder="请选择标签分类"
+          options={Object.values(FeatureCategory).map((item) => ({
+            label: FeatureCategoryLabel[item],
+            value: item,
+          }))}
+          value={form.values.category}
+          onChange={(value) => form.setFieldValue("category", value)}
+        />
+      </Form.Item>
 
-      <Textarea
+      <Form.Item
         label="标签简述"
-        description="标签简述可能会在未来展示于筛选设置中。"
-        placeholder="请输入标签简述"
-        key={form.key("description")}
-        {...form.getInputProps("description")}
-      />
+        help="标签简述可能会在未来展示于筛选设置中。"
+        validateStatus={form.getInputProps("description").error ? "error" : undefined}
+      >
+        <TextArea
+          placeholder="请输入标签简述"
+          {...form.getInputProps("description")}
+        />
+      </Form.Item>
 
       <Flex justify="flex-end" style={{ marginTop: 16 }}>
         <Button type="primary" htmlType="submit">提交</Button>
diff --git a/src/pages/dashboard/feature/index.tsx b/src/pages/dashboard/feature/index.tsx
index b613558..9c0239a 100644
--- a/src/pages/dashboard/feature/index.tsx
+++ b/src/pages/dashboard/feature/index.tsx
@@ -43,7 +43,7 @@ export default function FeaturePage() {
 
   return (
     <>
-      <DefaultContainer className="sticky top-0 z-10">
+      <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
           <Title level={2} style={{ margin: 0 }}>标签列表</Title>
 
diff --git a/src/pages/dashboard/organization/edit/index.tsx b/src/pages/dashboard/organization/edit/index.tsx
index 26eeaa6..02483d4 100644
--- a/src/pages/dashboard/organization/edit/index.tsx
+++ b/src/pages/dashboard/organization/edit/index.tsx
@@ -14,20 +14,16 @@ import {
   OrganizationTypeLabel,
   OrganizationType,
 } from "@/types/organization";
-import {
-  Select,
-  TextInput,
-  Textarea,
-} from "@mantine/core";
-import { DatePickerInput } from "@mantine/dates";
-import { useForm } from "@mantine/form";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { useQuery } from "@tanstack/react-query";
-import { Alert, Spin, Typography, Button, Flex, Divider, Row, Col, App } from "antd";
+import { Alert, Spin, Typography, Button, Flex, Divider, Row, Col, App, Form, Input, Select, DatePicker } from "antd";
 import { useNavigate, useParams } from "react-router-dom";
-import { zodResolver } from "mantine-form-zod-resolver";
 import { z } from "zod";
+import dayjs from "dayjs";
 
 const { Title } = Typography;
+const { TextArea } = Input;
 
 export default function OrganizationEditPage() {
   const { organizationId } = useParams();
@@ -48,7 +44,7 @@ export default function OrganizationEditPage() {
   }
   return (
     <div className="relative">
-      <DefaultContainer className="sticky top-0 z-10">
+      <DefaultContainer className="sticky top-0 z-20">
         <Title level={2} style={{ margin: 0 }}>{organizationId ? "编辑展商" : "新建展商"}</Title>
       </DefaultContainer>
 
@@ -72,8 +68,33 @@ function OrganizationEditorContent({
 }) {
   const navigate = useNavigate();
   const { message } = App.useApp();
-  const form = useForm({
-    initialValues: {
+  
+  type OrganizationFormValues = {
+    name: string;
+    slug: string;
+    description: string;
+    creationTime: string;
+    logoUrl: string;
+    website: string;
+    contactMail: string;
+    status: string;
+    twitter: string;
+    weibo: string;
+    bilibili: string;
+    wikifur: string;
+    qqGroup: string;
+    rednote: string;
+    facebook: string;
+    plurk: string;
+    extraMedia: {
+      qqGroups: Array<{ label: string; value: string }>;
+    };
+    richMediaConfig: Record<string, unknown>;
+    type: string;
+  };
+
+  const formMethods = useForm<OrganizationFormValues>({
+    defaultValues: {
       name: organization?.name || "",
       slug: organization?.slug || "",
       description: organization?.description || "",
@@ -98,7 +119,7 @@ function OrganizationEditorContent({
       richMediaConfig: organization?.richMediaConfig || {},
       type: organization?.type || OrganizationType.Agency,
     },
-    validate: zodResolver(
+    resolver: zodResolver(
       z.object({
         name: z.string().min(1, { message: "展商名称不能为空" }),
         slug: z.string().regex(/^[a-z0-9-]+$/, {
@@ -108,9 +129,32 @@ function OrganizationEditorContent({
     ),
   });
 
-  type formType = typeof form.values;
+  const {
+    register,
+    handleSubmit: rhfHandleSubmit,
+    setValue,
+    watch,
+    formState: { errors },
+  } = formMethods;
+
+  // Create a compatible form object for child components
+  const form = {
+    register,
+    setValue,
+    watch,
+    errors,
+    values: watch(),
+    setFieldValue: setValue,
+    getInputProps: (name: string) => ({
+      ...register(name),
+      error: errors[name]?.message,
+    }),
+    onSubmit: (onValid: (values: OrganizationFormValues) => void, onInvalid?: (errors: typeof formMethods.formState.errors) => void) => {
+      return rhfHandleSubmit(onValid, onInvalid);
+    },
+  };
 
-  const handleSubmit = async (formData: formType) => {
+  const handleSubmit = async (formData: OrganizationFormValues) => {
     const validFormData = Object.fromEntries(
       Object.entries(formData).filter(
         ([key, value]) => value !== null && value !== ""
@@ -159,57 +203,89 @@ function OrganizationEditorContent({
           <Flex vertical gap={8}>
             <Row gutter={8}>
               <Col flex={1}>
-                <TextInput
-                  withAsterisk
+                <Form.Item
                   label="展商名称"
-                  {...form.getInputProps("name")}
-                />
+                  required
+                  validateStatus={form.getInputProps("name").error ? "error" : undefined}
+                  help={form.getInputProps("name").error}
+                >
+                  <Input
+                    placeholder="请输入展商名称"
+                    {...form.getInputProps("name")}
+                  />
+                </Form.Item>
               </Col>
               <Col flex={1}>
-                <DatePickerInput
-                  valueFormat="YYYY年MM月DD日"
+                <Form.Item
                   label="创立日期"
-                  placeholder="请选择日期"
-                  clearable
-                  locale="zh-cn"
-                  {...form.getInputProps("creationTime")}
-                />
+                  validateStatus={form.getInputProps("creationTime").error ? "error" : undefined}
+                  help={form.getInputProps("creationTime").error}
+                >
+                  <DatePicker
+                    format="YYYY年MM月DD日"
+                    placeholder="请选择日期"
+                    allowClear
+                    style={{ width: "100%" }}
+                    value={form.values.creationTime ? dayjs(form.values.creationTime) : null}
+                    onChange={(date) => {
+                      form.setFieldValue("creationTime", date ? date.toISOString() : null);
+                    }}
+                  />
+                </Form.Item>
               </Col>
             </Row>
 
             <Row gutter={8}>
               <Col flex={1}>
-                <Select
-                  withAsterisk
+                <Form.Item
                   label="展商状态"
-                  data={Object.values(OrganizationStatus).map((status) => ({
-                    label: OrganizationStatusLabel[status],
-                    value: status,
-                  }))}
-                  {...form.getInputProps("status")}
-                />
+                  required
+                  validateStatus={form.getInputProps("status").error ? "error" : undefined}
+                  help={form.getInputProps("status").error}
+                >
+                  <Select
+                    placeholder="请选择展商状态"
+                    options={Object.values(OrganizationStatus).map((status) => ({
+                      label: OrganizationStatusLabel[status],
+                      value: status,
+                    }))}
+                    value={form.values.status}
+                    onChange={(value) => form.setFieldValue("status", value)}
+                  />
+                </Form.Item>
               </Col>
               <Col flex={1}>
-                <Select
-                  withAsterisk
+                <Form.Item
                   label="展商类型"
-                  data={Object.values(OrganizationType).map((type) => ({
-                    label: OrganizationTypeLabel[type],
-                    value: type,
-                  }))}
-                  {...form.getInputProps("type")}
-                />
+                  required
+                  validateStatus={form.getInputProps("type").error ? "error" : undefined}
+                  help={form.getInputProps("type").error}
+                >
+                  <Select
+                    placeholder="请选择展商类型"
+                    options={Object.values(OrganizationType).map((type) => ({
+                      label: OrganizationTypeLabel[type],
+                      value: type,
+                    }))}
+                    value={form.values.type}
+                    onChange={(value) => form.setFieldValue("type", value)}
+                  />
+                </Form.Item>
               </Col>
             </Row>
 
-            <TextInput
-              withAsterisk
+            <Form.Item
               label="展商Slug"
-              disabled={!!organization?.id}
-              placeholder="请输入展商Slug"
-              description="请不要使用大写"
-              {...form.getInputProps("slug")}
-            />
+              required
+              help="请不要使用大写"
+              validateStatus={form.getInputProps("slug").error ? "error" : undefined}
+            >
+              <Input
+                disabled={!!organization?.id}
+                placeholder="请输入展商Slug"
+                {...form.getInputProps("slug")}
+              />
+            </Form.Item>
 
             <Flex gap={8}>
               <Alert
@@ -233,86 +309,136 @@ function OrganizationEditorContent({
           <Flex vertical gap={8}>
             <Row gutter={8}>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="网站"
-                  placeholder="请输入网站链接"
-                  {...form.getInputProps("website")}
-                />
+                  validateStatus={form.getInputProps("website").error ? "error" : undefined}
+                  help={form.getInputProps("website").error}
+                >
+                  <Input
+                    placeholder="请输入网站链接"
+                    {...form.getInputProps("website")}
+                  />
+                </Form.Item>
               </Col>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="联系邮箱"
-                  placeholder="请输入邮箱地址"
-                  {...form.getInputProps("contactMail")}
-                />
+                  validateStatus={form.getInputProps("contactMail").error ? "error" : undefined}
+                  help={form.getInputProps("contactMail").error}
+                >
+                  <Input
+                    placeholder="请输入邮箱地址"
+                    {...form.getInputProps("contactMail")}
+                  />
+                </Form.Item>
               </Col>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="QQ群"
-                  placeholder="请输入QQ群号"
-                  {...form.getInputProps("qqGroup")}
-                />
+                  validateStatus={form.getInputProps("qqGroup").error ? "error" : undefined}
+                  help={form.getInputProps("qqGroup").error}
+                >
+                  <Input
+                    placeholder="请输入QQ群号"
+                    {...form.getInputProps("qqGroup")}
+                  />
+                </Form.Item>
               </Col>
             </Row>
 
             <Row gutter={8}>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="Twitter"
-                  placeholder="请输入Twitter链接"
-                  {...form.getInputProps("twitter")}
-                />
+                  validateStatus={form.getInputProps("twitter").error ? "error" : undefined}
+                  help={form.getInputProps("twitter").error}
+                >
+                  <Input
+                    placeholder="请输入Twitter链接"
+                    {...form.getInputProps("twitter")}
+                  />
+                </Form.Item>
               </Col>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="Weibo"
-                  placeholder="请输入微博链接"
-                  {...form.getInputProps("weibo")}
-                />
+                  validateStatus={form.getInputProps("weibo").error ? "error" : undefined}
+                  help={form.getInputProps("weibo").error}
+                >
+                  <Input
+                    placeholder="请输入微博链接"
+                    {...form.getInputProps("weibo")}
+                  />
+                </Form.Item>
               </Col>
             </Row>
 
             <Row gutter={8}>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="Bilibili"
-                  placeholder="请输入B站链接"
-                  {...form.getInputProps("bilibili")}
-                />
+                  validateStatus={form.getInputProps("bilibili").error ? "error" : undefined}
+                  help={form.getInputProps("bilibili").error}
+                >
+                  <Input
+                    placeholder="请输入B站链接"
+                    {...form.getInputProps("bilibili")}
+                  />
+                </Form.Item>
               </Col>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="Wikifur"
-                  placeholder="请输入Wikifur链接"
-                  {...form.getInputProps("wikifur")}
-                />
+                  validateStatus={form.getInputProps("wikifur").error ? "error" : undefined}
+                  help={form.getInputProps("wikifur").error}
+                >
+                  <Input
+                    placeholder="请输入Wikifur链接"
+                    {...form.getInputProps("wikifur")}
+                  />
+                </Form.Item>
               </Col>
             </Row>
 
             <Row gutter={8}>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="小红书"
-                  placeholder="请输入小红书用户链接"
-                  {...form.getInputProps("rednote")}
-                />
+                  validateStatus={form.getInputProps("rednote").error ? "error" : undefined}
+                  help={form.getInputProps("rednote").error}
+                >
+                  <Input
+                    placeholder="请输入小红书用户链接"
+                    {...form.getInputProps("rednote")}
+                  />
+                </Form.Item>
               </Col>
             </Row>
 
             <Row gutter={8}>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="Plurk"
-                  placeholder="请输入Plurk用户链接"
-                  {...form.getInputProps("plurk")}
-                />
+                  validateStatus={form.getInputProps("plurk").error ? "error" : undefined}
+                  help={form.getInputProps("plurk").error}
+                >
+                  <Input
+                    placeholder="请输入Plurk用户链接"
+                    {...form.getInputProps("plurk")}
+                  />
+                </Form.Item>
               </Col>
               <Col flex={1}>
-                <TextInput
+                <Form.Item
                   label="Facebook"
-                  placeholder="请输入Facebook链接"
-                  {...form.getInputProps("facebook")}
-                />
+                  validateStatus={form.getInputProps("facebook").error ? "error" : undefined}
+                  help={form.getInputProps("facebook").error}
+                >
+                  <Input
+                    placeholder="请输入Facebook链接"
+                    {...form.getInputProps("facebook")}
+                  />
+                </Form.Item>
               </Col>
             </Row>
           </Flex>
@@ -323,15 +449,17 @@ function OrganizationEditorContent({
         <div style={{ padding: "0 24px" }}>
           <Title level={5}>展会附加信息</Title>
           <Flex vertical gap={8}>
-            <Textarea
+            <Form.Item
               label="展商描述"
-              description="可以是展商的自我简介之类的东西，不填也没关系。"
-              placeholder="请输入展商简介"
-              autosize
-              minRows={5}
-              maxRows={20}
-              {...form.getInputProps("description")}
-            />
+              help="可以是展商的自我简介之类的东西，不填也没关系。"
+              validateStatus={form.getInputProps("description").error ? "error" : undefined}
+            >
+              <TextArea
+                placeholder="请输入展商简介"
+                autoSize={{ minRows: 5, maxRows: 20 }}
+                {...form.getInputProps("description")}
+              />
+            </Form.Item>
           </Flex>
         </div>
 
@@ -341,11 +469,16 @@ function OrganizationEditorContent({
           <Title level={5}>展会媒体资源</Title>
 
           <Flex vertical gap={8}>
-            <TextInput
+            <Form.Item
               label="展商标志图片"
-              description="一般来说无需手动编辑，除非有两个组织的logo一致，可以直接复用另外一个组织的URL。"
-              {...form.getInputProps("logoUrl")}
-            />
+              help="一般来说无需手动编辑，除非有两个组织的logo一致，可以直接复用另外一个组织的URL。"
+              validateStatus={form.getInputProps("logoUrl").error ? "error" : undefined}
+            >
+              <Input
+                placeholder="请输入展商标志图片URL"
+                {...form.getInputProps("logoUrl")}
+              />
+            </Form.Item>
             <Flex>
               <UploadImage
                 pathPrefix={`organizations/${form.values.slug}/`}
diff --git a/src/pages/dashboard/organization/page.tsx b/src/pages/dashboard/organization/page.tsx
index 2ecdcf4..e70a581 100644
--- a/src/pages/dashboard/organization/page.tsx
+++ b/src/pages/dashboard/organization/page.tsx
@@ -44,7 +44,7 @@ export default function OrganizationPage() {
 
   return (
     <>
-      <DefaultContainer className="sticky top-0 z-10">
+      <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
           <Title level={2} style={{ margin: 0 }}>展商列表</Title>
 
diff --git a/src/pages/dashboard/region/edit/index.tsx b/src/pages/dashboard/region/edit/index.tsx
index 470907a..b0dc000 100644
--- a/src/pages/dashboard/region/edit/index.tsx
+++ b/src/pages/dashboard/region/edit/index.tsx
@@ -1,22 +1,19 @@
 import { createRegion, updateRegion, getRegion } from "@/api/dashboard/region";
 import type { EditableRegion, Region } from "@/types/region";
-import {
-  NumberInput,
-  Select,
-  Textarea,
-  TextInput,
-  Switch,
-} from "@mantine/core";
-import { Select as AntdSelect, Typography, Button, Flex, Card, Form, App } from "antd";
-import { useForm } from "@mantine/form";
+import { RegionType } from "@/types/region";
+import { Typography, Button, Flex, Card, Form, App, Input, InputNumber, Switch, Select } from "antd";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { useNavigate, useParams } from "react-router-dom";
 import { useQuery } from "@tanstack/react-query";
 import DefaultContainer from "@/components/Container";
 import { IconArrowLeft } from "@tabler/icons-react";
 import React from "react";
 import RegionSelector from "@/components/Region/RegionSelector";
+import { z } from "zod";
 
 const { Title } = Typography;
+const { TextArea } = Input;
 
 export default function RegionEditPage() {
   const navigate = useNavigate();
@@ -31,9 +28,28 @@ export default function RegionEditPage() {
     enabled: isEditing && !!id,
   });
 
-  const form = useForm({
-    mode: "uncontrolled",
-    initialValues: {
+  type RegionFormValues = {
+    name: string;
+    code: string;
+    type: string;
+    level: number;
+    parentId: string | null;
+    countryCode: string | null;
+    isOverseas: boolean;
+    addressFormat: string | null;
+    localName: string | null;
+    timezone: string | null;
+    languageCode: string | null;
+    currencyCode: string | null;
+    phoneCode: string | null;
+    latitude: number | null;
+    longitude: number | null;
+    sortOrder: number | null;
+    remark: string | null;
+  };
+
+  const formMethods = useForm<RegionFormValues>({
+    defaultValues: {
       name: regionData?.name || "",
       code: regionData?.code || "",
       type: regionData?.type || "state",
@@ -54,6 +70,33 @@ export default function RegionEditPage() {
     },
   });
 
+  const {
+    register,
+    handleSubmit: rhfHandleSubmit,
+    setValue,
+    watch,
+    formState: { errors },
+  } = formMethods;
+
+  // Create a compatible form object for child components
+  const form = {
+    register,
+    setValue,
+    watch,
+    errors,
+    values: watch(),
+    setFieldValue: setValue,
+    getInputProps: (name: string) => ({
+      ...register(name),
+      error: errors[name]?.message,
+    }),
+    setValues: (values: Partial<RegionFormValues>) => {
+      Object.keys(values).forEach(key => {
+        setValue(key as keyof RegionFormValues, values[key as keyof RegionFormValues]);
+      });
+    },
+  };
+
   // 当 regionData 加载完成后，更新表单值
   React.useEffect(() => {
     if (regionData && isEditing) {
@@ -80,13 +123,13 @@ export default function RegionEditPage() {
     }
   }, [regionData, isEditing]);
 
-  const handleSubmit = async (values: any) => {
+  const handleSubmit = async (values: RegionFormValues) => {
     try {
       // 转换表单数据为 EditableRegion 格式
       const submitData: EditableRegion = {
         name: values.name,
         code: values.code,
-        type: values.type as any,
+        type: values.type as RegionType,
         level: values.level,
         parentId: values.parentId,
         countryCode: values.countryCode,
@@ -132,51 +175,61 @@ export default function RegionEditPage() {
         </Button>
       </Flex>
 
-      <Title level={2} style={{ marginBottom: 24 }}>
+      <h2 className="text-2xl font-bold">
         {isEditing ? "编辑区域" : "添加区域"}
-      </Title>
+      </h2>
 
       <Card>
-        <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
-          <TextInput
-            withAsterisk
+        <form onSubmit={rhfHandleSubmit((values) => handleSubmit(values))}>
+          <Form.Item
             label="区域名称"
-            placeholder="请输入区域名称"
-            key={form.key("name")}
-            {...form.getInputProps("name")}
-            mb="md"
-          />
+            required
+            validateStatus={form.getInputProps("name").error ? "error" : undefined}
+            help={form.getInputProps("name").error}
+          >
+            <Input
+              placeholder="请输入区域名称"
+              {...form.getInputProps("name")}
+            />
+          </Form.Item>
 
-          <TextInput
-            withAsterisk
+          <Form.Item
             label="区域代码"
-            placeholder="请输入区域代码"
-            key={form.key("code")}
-            {...form.getInputProps("code")}
-            mb="md"
-          />
+            required
+            validateStatus={form.getInputProps("code").error ? "error" : undefined}
+            help={form.getInputProps("code").error}
+          >
+            <Input
+              placeholder="请输入区域代码"
+              {...form.getInputProps("code")}
+            />
+          </Form.Item>
 
-          <Select
-            withAsterisk
+          <Form.Item
             label="区域类型"
-            placeholder="请选择区域类型"
-            {...form.getInputProps("type")}
-            data={[
-              { label: "国家", value: "country", disabled: true },
-              { label: "省份", value: "state" },
-              { label: "城市", value: "city" },
-              // { label: "区县", value: "district" },
-            ]}
-            mb="md"
-          />
+            required
+            validateStatus={form.getInputProps("type").error ? "error" : undefined}
+            help={form.getInputProps("type").error}
+          >
+            <Select
+              placeholder="请选择区域类型"
+              options={[
+                { label: "国家", value: "country", disabled: true },
+                { label: "省份", value: "state" },
+                { label: "城市", value: "city" },
+                // { label: "区县", value: "district" },
+              ]}
+              value={form.values.type}
+              onChange={(value) => form.setFieldValue("type", value)}
+            />
+          </Form.Item>
 
           <Form.Item
             label="区域级别"
             validateStatus={form.getInputProps("level").error ? "error" : undefined}
             required
-            style={{ marginBottom: 16 }}
           >
-            <AntdSelect
+            <Select
               style={{ width: "100%" }}
               placeholder="请输入区域级别"
               options={[
@@ -185,7 +238,8 @@ export default function RegionEditPage() {
                 { label: "城市", value: 3 },
                 // { label: "区县", value: 4 },
               ]}
-              {...form.getInputProps("level")}
+              value={form.values.level}
+              onChange={(value) => form.setFieldValue("level", value)}
             />
           </Form.Item>
 
@@ -193,124 +247,179 @@ export default function RegionEditPage() {
             required
             label="父级区域ID"
             placeholder="请输入父级区域ID"
-            key={form.key("parentId")}
             {...form.getInputProps("parentId")}
           />
 
-          <Select
+          <Form.Item
             label="ISO 3166-1 代码"
-            placeholder="请选择 ISO 3166-1 代码"
-            key={form.key("countryCode")}
-            data={[
-              { label: "CN", value: "CN" },
-              { label: "TW", value: "TW" },
-            ]}
-            {...form.getInputProps("countryCode")}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("countryCode").error ? "error" : undefined}
+            help={form.getInputProps("countryCode").error}
+          >
+            <Select
+              placeholder="请选择 ISO 3166-1 代码"
+              options={[
+                { label: "CN", value: "CN" },
+                { label: "TW", value: "TW" },
+              ]}
+              value={form.values.countryCode}
+              onChange={(value) => form.setFieldValue("countryCode", value)}
+              allowClear
+            />
+          </Form.Item>
 
-          <Switch
+          <Form.Item
             label="是否海外"
-            {...form.getInputProps("isOverseas")}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("isOverseas").error ? "error" : undefined}
+            help={form.getInputProps("isOverseas").error}
+          >
+            <Switch
+              checked={form.values.isOverseas}
+              onChange={(checked) => form.setFieldValue("isOverseas", checked)}
+            />
+          </Form.Item>
 
-          <Select
+          <Form.Item
             label="地址格式"
-            placeholder="请输入地址格式（可选）"
-            key={form.key("addressFormat")}
-            {...form.getInputProps("addressFormat")}
-            data={[{ label: "中式", value: "chinese" }]}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("addressFormat").error ? "error" : undefined}
+            help={form.getInputProps("addressFormat").error}
+          >
+            <Select
+              placeholder="请输入地址格式（可选）"
+              options={[{ label: "中式", value: "chinese" }]}
+              value={form.values.addressFormat}
+              onChange={(value) => form.setFieldValue("addressFormat", value)}
+              allowClear
+            />
+          </Form.Item>
 
-          <TextInput
+          <Form.Item
             label="本地名称"
-            placeholder="请输入本地名称（可选）"
-            key={form.key("localName")}
-            {...form.getInputProps("localName")}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("localName").error ? "error" : undefined}
+            help={form.getInputProps("localName").error}
+          >
+            <Input
+              placeholder="请输入本地名称（可选）"
+              {...form.getInputProps("localName")}
+            />
+          </Form.Item>
 
-          <Select
+          <Form.Item
             label="时区"
-            placeholder="请输入时区（可选）"
-            key={form.key("timezone")}
-            data={[
-              { label: "Asia/Shanghai", value: "Asia/Shanghai" },
-              { label: "Asia/Taipei", value: "Asia/Taipei" },
-            ]}
-            {...form.getInputProps("timezone")}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("timezone").error ? "error" : undefined}
+            help={form.getInputProps("timezone").error}
+          >
+            <Select
+              placeholder="请输入时区（可选）"
+              options={[
+                { label: "Asia/Shanghai", value: "Asia/Shanghai" },
+                { label: "Asia/Taipei", value: "Asia/Taipei" },
+              ]}
+              value={form.values.timezone}
+              onChange={(value) => form.setFieldValue("timezone", value)}
+              allowClear
+            />
+          </Form.Item>
 
-          <Select
+          <Form.Item
             label="语言代码"
-            placeholder="请输入语言代码（可选）"
-            key={form.key("languageCode")}
-            {...form.getInputProps("languageCode")}
-            data={[
-              { label: "zh-CN", value: "zh-CN" },
-              { label: "zh-TW", value: "zh-TW" },
-            ]}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("languageCode").error ? "error" : undefined}
+            help={form.getInputProps("languageCode").error}
+          >
+            <Select
+              placeholder="请输入语言代码（可选）"
+              options={[
+                { label: "zh-CN", value: "zh-CN" },
+                { label: "zh-TW", value: "zh-TW" },
+              ]}
+              value={form.values.languageCode}
+              onChange={(value) => form.setFieldValue("languageCode", value)}
+              allowClear
+            />
+          </Form.Item>
 
-          <Select
+          <Form.Item
             label="货币代码"
-            placeholder="请输入货币代码（可选）"
-            key={form.key("currencyCode")}
-            {...form.getInputProps("currencyCode")}
-            data={[
-              { label: "CNY", value: "CNY" },
-              { label: "TWD", value: "TWD" },
-            ]}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("currencyCode").error ? "error" : undefined}
+            help={form.getInputProps("currencyCode").error}
+          >
+            <Select
+              placeholder="请输入货币代码（可选）"
+              options={[
+                { label: "CNY", value: "CNY" },
+                { label: "TWD", value: "TWD" },
+              ]}
+              value={form.values.currencyCode}
+              onChange={(value) => form.setFieldValue("currencyCode", value)}
+              allowClear
+            />
+          </Form.Item>
 
-          <Select
+          <Form.Item
             label="电话代码"
-            placeholder="请输入电话代码（可选）"
-            key={form.key("phoneCode")}
-            {...form.getInputProps("phoneCode")}
-            data={[
-              { label: "+86", value: "+86" },
-              { label: "+886", value: "+886" },
-            ]}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("phoneCode").error ? "error" : undefined}
+            help={form.getInputProps("phoneCode").error}
+          >
+            <Select
+              placeholder="请输入电话代码（可选）"
+              options={[
+                { label: "+86", value: "+86" },
+                { label: "+886", value: "+886" },
+              ]}
+              value={form.values.phoneCode}
+              onChange={(value) => form.setFieldValue("phoneCode", value)}
+              allowClear
+            />
+          </Form.Item>
 
-          <NumberInput
+          <Form.Item
             label="纬度"
-            placeholder="请输入纬度（可选）"
-            key={form.key("latitude")}
-            {...form.getInputProps("latitude")}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("latitude").error ? "error" : undefined}
+            help={form.getInputProps("latitude").error}
+          >
+            <InputNumber
+              placeholder="请输入纬度（可选）"
+              style={{ width: "100%" }}
+              value={form.values.latitude}
+              onChange={(value) => form.setFieldValue("latitude", value)}
+            />
+          </Form.Item>
 
-          <NumberInput
+          <Form.Item
             label="经度"
-            placeholder="请输入经度（可选）"
-            key={form.key("longitude")}
-            {...form.getInputProps("longitude")}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("longitude").error ? "error" : undefined}
+            help={form.getInputProps("longitude").error}
+          >
+            <InputNumber
+              placeholder="请输入经度（可选）"
+              style={{ width: "100%" }}
+              value={form.values.longitude}
+              onChange={(value) => form.setFieldValue("longitude", value)}
+            />
+          </Form.Item>
 
-          <NumberInput
+          <Form.Item
             label="排序"
-            placeholder="请输入排序（可选）"
-            key={form.key("sortOrder")}
-            {...form.getInputProps("sortOrder")}
-            mb="md"
-          />
+            validateStatus={form.getInputProps("sortOrder").error ? "error" : undefined}
+            help={form.getInputProps("sortOrder").error}
+          >
+            <InputNumber
+              placeholder="请输入排序（可选）"
+              style={{ width: "100%" }}
+              value={form.values.sortOrder}
+              onChange={(value) => form.setFieldValue("sortOrder", value)}
+            />
+          </Form.Item>
 
-          <Textarea
+          <Form.Item
             label="备注"
-            placeholder="请输入区域描述"
-            key={form.key("remark")}
-            {...form.getInputProps("remark")}
-            mb="xl"
-          />
+            validateStatus={form.getInputProps("remark").error ? "error" : undefined}
+            help={form.getInputProps("remark").error}
+          >
+            <TextArea
+              placeholder="请输入区域描述"
+              {...form.getInputProps("remark")}
+            />
+          </Form.Item>
 
           <Flex justify="flex-end" gap={8}>
             <Button
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index da42ac4..b1303c7 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -35,7 +35,7 @@ export default function RegionPage() {
 
   return (
     <>
-      <DefaultContainer className="sticky top-0 z-10">
+      <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
           <Title level={2} style={{ margin: 0 }}>区域列表</Title>
 
diff --git a/src/routes.tsx b/src/routes.tsx
index 18bc832..6b46e2a 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -4,7 +4,7 @@ import Auth from "@/pages/auth";
 import Dashboard from "@/pages/dashboard";
 import CacheManagerPage from "@/pages/dashboard/cacheManager";
 import ApplicationPage from "@/pages/dashboard/developer/application";
-import EventEditPage from "@/pages/dashboard/event/edit";
+import EventEditPage from "@/pages/dashboard/event/edit/page";
 import EventPage from "@/pages/dashboard/event/page";
 import FeaturePage from "@/pages/dashboard/feature";
 import OrganizationEditPage from "@/pages/dashboard/organization/edit";
diff --git a/src/types/common.ts b/src/types/common.ts
new file mode 100644
index 0000000..1278274
--- /dev/null
+++ b/src/types/common.ts
@@ -0,0 +1,9 @@
+import { z } from "zod";
+
+export type InferZodType<T extends z.ZodTypeAny> = z.infer<T>;
+
+export interface BaseModel {
+  id: string;
+  createdAt: string;
+  updatedAt: string;
+}
diff --git a/src/types/event.ts b/src/types/event.ts
index e086258..6aa8fa7 100644
--- a/src/types/event.ts
+++ b/src/types/event.ts
@@ -1,6 +1,6 @@
-import { FeatureSchema } from "@/types/feature";
-import { OrganizationSchema } from "@/types/organization";
-import { RegionSchema } from "@/types/region";
+import { BaseModel, InferZodType } from "@/types/common";
+import { Organization } from "@/types/organization";
+import { Region } from "@/types/region";
 import z from "zod";
 
 /** Sync with https://schema.org/EventStatusType */
@@ -68,44 +68,83 @@ export const EventLocationType = {
 
 export type EventScaleKeyType = keyof typeof EventScale;
 
-export const EventSchema = z.object({
-  id: z.string(),
-  name: z.string(),
-  slug: z.string(),
-  startAt: z.string().datetime().nullable(),
-  endAt: z.string().datetime().nullable(),
+export interface IEvent extends BaseModel {
+  name: string;
+  slug: string;
+  startAt: string | null;
+  endAt: string | null;
+  status: EventStatusKeyType;
+  scale: EventScaleKeyType;
+  type: (typeof EventType)[keyof typeof EventType];
+  locationType: (typeof EventLocationType)[keyof typeof EventLocationType];
+  source: string | null;
+  sources: {
+    url: string;
+    name: string | null;
+    description: string | null;
+  }[];
+  ticketChannels: {
+    type: "wxMiniProgram" | "url" | "qrcode" | "app";
+    name: string;
+    url: string;
+    available: boolean;
+  }[];
+  address: string | null;
+  addressLat: string | null;
+  addressLon: string | null;
+  thumbnail: string | null;
+  media: {
+    images: {
+      url: string;
+      title: string | null;
+      description: string | null;
+    }[];
+    videos: {
+      url: string;
+      title: string | null;
+      description: string | null;
+    }[];
+    lives: {
+      url: string;
+      title: string | null;
+      description: string | null;
+    }[];
+  };
+  detail: string | null;
+  organization: Organization;
+  organizations: Organization[];
+  features: {
+    self: string[];
+    common: string[];
+  };
+  featureIds: string[];
+  regionId: string;
+  region: Region;
+}
+
+export const EditEventSchema = z.object({
+  name: z
+    .string({ message: "文本不能为空" })
+    .min(1, { message: "文本不能为空" }),
+  slug: z
+    .string({ message: "Slug不能为空" })
+    .min(1, { message: "Slug不能为空" })
+    .regex(/^[a-z0-9-]+$/, {
+      message: "只允许小写英文字母、数字和连字符-",
+    }),
+  startAt: z.string(),
+  endAt: z.string(),
   status: z.string(),
-  scale: z.enum([
-    EventScale.Cosy,
-    EventScale.Small,
-    EventScale.Medium,
-    EventScale.Large,
-    EventScale.XLarge,
-    EventScale.XXLarge,
-    EventScale.Mega,
-  ]),
-  type: z
-    .enum([
-      EventType.AllInCon,
-      EventType.ComicMarket,
-      EventType.SuitOnlyCon,
-      EventType.TravelCon,
-      EventType.FandomMeetup,
-    ])
-    .nullable(),
-  locationType: z
-    .enum([
-      EventLocationType.Hotel,
-      EventLocationType.Venue,
-      EventLocationType.Online,
-    ])
-    .nullable(),
+  scale: z.string(),
+  type: z.string().nullable(),
+  locationType: z.string().nullable(),
+  // source 已经废弃，迁移到 sources 字段
   source: z.string().nullable(),
   sources: z
     .array(
       z.object({
-        url: z.string(),
-        name: z.string().nullable(),
+        name: z.string().min(1, { message: "信息来源名称不能为空" }).nullable(),
+        url: z.string().min(1, { message: "信息来源链接不能为空" }),
         description: z.string().nullable(),
       })
     )
@@ -113,117 +152,19 @@ export const EventSchema = z.object({
   ticketChannels: z
     .array(
       z.object({
-        type: z.enum(["wxMiniProgram", "url", "qrcode", "app"]),
-        name: z.string(),
-        url: z.string().nullable(),
-        available: z.boolean().nullable(),
+        type: z.enum(["wxMiniProgram", "url", "qrcode", "app"], {
+          message: "请选择渠道类型",
+        }),
+        name: z.string().min(1, { message: "渠道名称不能为空" }),
+        url: z.string().min(1, { message: "渠道链接不能为空" }),
+        available: z.boolean(),
       })
     )
     .nullable(),
   address: z.string().nullable(),
-  regionId: z.string().uuid().nullable(),
-  region: RegionSchema.nullable(),
   addressLat: z.string().nullable(),
   addressLon: z.string().nullable(),
-  thumbnail: z.string().nullable(),
-
-  media: z
-    .object({
-      images: z
-        .array(
-          z.object({
-            url: z.string(),
-            title: z.string().nullable(),
-            description: z.string().nullable(),
-          })
-        )
-        .optional(),
-      videos: z
-        .array(
-          z.object({
-            url: z.string(),
-            title: z.string().nullable(),
-            description: z.string().nullable(),
-          })
-        )
-        .optional(),
-      lives: z
-        .array(
-          z.object({
-            url: z.string(),
-            title: z.string().nullable(),
-            description: z.string().nullable(),
-          })
-        )
-        .optional(),
-    })
-    .optional(),
-  detail: z.string().nullable(),
-  features: z
-    .object({
-      self: z.array(z.string()).optional(),
-      common: z.array(z.string().uuid()).optional(),
-    })
-    .nullable(),
-  commonFeatures: z.array(FeatureSchema).nullable(),
-
-  organization: OrganizationSchema,
-  organizations: z.array(OrganizationSchema),
-});
-
-export const EditableEventSchema = EventSchema.omit({
-  id: true,
-  organization: true,
-  commonFeatures: true,
-  region: true,
-}).merge(
-  z.object({
-    id: z.string().optional(),
-    organizations: z.array(
-      z.object({
-        id: z.string(),
-        isPrimary: z.boolean(),
-      })
-    ),
-    featureIds: z.array(z.string()).nullable(),
-    regionId: z.string().uuid(),
-  })
-);
-
-export const EditEventValidationSchema = z.object({
-  name: z
-    .string({ message: "文本不能为空" })
-    .min(1, { message: "文本不能为空" }),
-  slug: z
-    .string({ message: "Slug不能为空" })
-    .min(1, { message: "Slug不能为空" })
-    .regex(/^[a-z0-9-]+$/, {
-      message: "只允许小写英文字母、数字和连字符-",
-    }),
-  startAt: z.string(),
-  endAt: z.string(),
-  address: z.string().nullable(),
-  regionId: z
-    .string({ message: "请选择展会区域" })
-    .uuid({ message: "请选择展会区域" }),
-  addressLat: z.string().nullable(),
-  addressLon: z.string().nullable(),
-  thumbnail: z.string().nullable(),
-  organization: z.string({ message: "请选择展会主办方" }).uuid({
-    message: "请选择展会主办方",
-  }),
-  organizations: z.array(
-    z.string({ message: "请选择展会协办方" }).uuid({
-      message: "请选择展会协办方",
-    })
-  ),
-  detail: z.string().nullable(),
-  status: z.string(),
-  type: z.string().nullable(),
-  scale: z.string(),
-  locationType: z.string().nullable(),
-  source: z.string().nullable(),
-  features: z.object({}).nullable(),
+  thumbnail: z.string(),
   media: z.object({
     images: z
       .array(
@@ -253,29 +194,22 @@ export const EditEventValidationSchema = z.object({
       )
       .optional(),
   }),
-  featureIds: z.array(z.string()).nullable(),
-  sources: z
-    .array(
-      z.object({
-        name: z.string().min(1, { message: "信息来源名称不能为空" }).nullable(),
-        url: z.string().min(1, { message: "信息来源链接不能为空" }),
-        description: z.string().nullable(),
-      })
-    )
-    .nullable(),
-  ticketChannels: z
-    .array(
-      z.object({
-        type: z.enum(["wxMiniProgram", "url", "qrcode", "app"], {
-          message: "请选择渠道类型",
-        }),
-        name: z.string().min(1, { message: "渠道名称不能为空" }),
-        url: z.string().min(1, { message: "渠道链接不能为空" }),
-        available: z.boolean(),
-      })
-    )
-    .nullable(),
+  detail: z.string().nullable(),
+  organization: z.uuid({
+    message: "请选择展会主办方",
+  }),
+  organizations: z.array(
+    z.string({ message: "请选择展会协办方" }).uuid({
+      message: "请选择展会协办方",
+    })
+  ),
+  features: z.object({
+    self: z.array(z.string()).nullable(),
+    common: z.array(z.uuid()).nullable(),
+  }),
+  featureIds: z.array(z.string()),
+  regionId: z.uuid({ message: "请选择展会区域" }),
 });
 
-export type EventItem = z.infer<typeof EventSchema>;
-export type EditableEvent = z.infer<typeof EditableEventSchema>;
+export type EventItem = IEvent;
+export type EditableEvent = InferZodType<typeof EditEventSchema>;

From 7ec345524bb5f7efea588cba6f79e118d483d768 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sat, 17 Jan 2026 03:17:06 +0800
Subject: [PATCH 07/21] feat(event): fix BasicInfo

---
 .github/workflows/deploy.yaml                 |  26 +-
 .prettierrc                                   |   4 +
 README.md                                     |   4 +-
 src/api/auth/index.ts                         |   5 +-
 src/api/dashboard/event.ts                    |   7 +-
 src/api/dashboard/feature.ts                  |  12 +-
 src/api/dashboard/map.ts                      |  12 +-
 src/api/dashboard/organization.ts             |  51 +--
 src/api/dashboard/region.ts                   |   6 +-
 src/api/dashboard/upload.ts                   |   5 +-
 src/api/index.ts                              |   2 +-
 src/api/interceptors.ts                       |   6 +-
 src/components/Container/index.tsx            |  12 +-
 src/components/Error/index.tsx                |  12 +-
 src/components/Event/LocationSearch/index.tsx |   9 +-
 .../EventFeatureSelector/index.tsx            |  59 ++--
 .../OrganizatonSelector/index.tsx             |  20 +-
 .../Region/RegionSelector/index.tsx           |   9 +-
 src/components/UploadImage/index.tsx          |  81 ++---
 src/consts/event.ts                           |   7 +-
 src/index.tsx                                 |   2 +-
 src/pages/auth/index.tsx                      |  41 +--
 src/pages/dashboard/cacheManager/index.tsx    |  36 +--
 .../components/ApplicationList/index.tsx      |  56 +---
 .../dashboard/developer/application/index.tsx |  14 +-
 .../event/components/EventList/index.tsx      | 296 ------------------
 src/pages/dashboard/event/edit/BasicInfo.tsx  | 262 ++++++++--------
 .../event/edit/EventAdditionalInfo.tsx        |  41 +--
 src/pages/dashboard/event/edit/EventMedia.tsx |  94 +-----
 .../dashboard/event/edit/EventSources.tsx     |  66 +---
 .../dashboard/event/edit/GeographicInfo.tsx   |  49 +--
 .../dashboard/event/edit/TicketChannels.tsx   | 234 +++++++-------
 src/pages/dashboard/event/edit/UriBuilder.tsx |  10 +-
 src/pages/dashboard/event/edit/page.tsx       |  73 +++--
 src/pages/dashboard/event/page.tsx            | 285 ++++++++++++++---
 .../components/FeatureEditor/index.tsx        |  27 +-
 .../feature/components/FeatureList/index.tsx  |  24 +-
 src/pages/dashboard/feature/index.tsx         |  44 ++-
 src/pages/dashboard/layout.tsx                |  10 +-
 .../components/OrganizationList/index.tsx     |  90 ++----
 .../dashboard/organization/edit/index.tsx     | 103 ++----
 src/pages/dashboard/organization/page.tsx     |  51 ++-
 .../region/components/RegionList/index.tsx    |  10 +-
 src/pages/dashboard/region/edit/index.tsx     |  47 +--
 src/pages/dashboard/region/index.tsx          |   9 +-
 src/pages/error.tsx                           |  15 +-
 src/stores/auth.ts                            |   4 +-
 src/styles/global.css                         |   2 +-
 src/types/event.ts                            |  16 +-
 src/types/organization.ts                     |   6 +-
 src/utils/cos.ts                              |  19 +-
 yarn.lock                                     | 152 +--------
 52 files changed, 904 insertions(+), 1633 deletions(-)
 create mode 100644 .prettierrc
 delete mode 100644 src/pages/dashboard/event/components/EventList/index.tsx

diff --git a/.github/workflows/deploy.yaml b/.github/workflows/deploy.yaml
index 1775a29..a13e7b5 100644
--- a/.github/workflows/deploy.yaml
+++ b/.github/workflows/deploy.yaml
@@ -12,22 +12,22 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
-      
+
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version-file: .nvmrc
-      
+
       - name: Use Yarn 4
         run: corepack enable
-      
+
       - name: Inject Environment Variables
         run: |
           echo "PUBLIC_API_URL=${{ vars.PUBLIC_API_URL }}" >> .env
-      
+
       - name: Build
         run: yarn install --immutable && yarn build
-      
+
       - name: Upload Build Artifacts
         uses: actions/upload-artifact@v4
         with:
@@ -48,7 +48,7 @@ jobs:
         with:
           name: dist-files
           path: dist/
-      
+
       - name: Deploy to Cloudflare Pages
         uses: cloudflare/wrangler-action@v3
         with:
@@ -71,7 +71,7 @@ jobs:
         with:
           name: dist-files
           path: dist/
-      
+
       - name: Deploy to QCloud Pages
         id: deploy
         run: |
@@ -81,7 +81,7 @@ jobs:
           else
             edgeone pages deploy ./dist -n fcc-dashboard -e preview -t ${{ secrets.QCLOUD_PAGES_TOKEN }} 2>&1 | tee deploy.log
           fi
-      
+
       - name: Extract Preview URL
         id: extract-url
         run: |
@@ -100,7 +100,7 @@ jobs:
             echo "Deploy log not found"
             echo "preview_url=" >> $GITHUB_OUTPUT
           fi
-      
+
       - name: Comment on PR
         if: github.event_name == 'pull_request' && steps.extract-url.outputs.preview_url != ''
         uses: actions/github-script@v7
@@ -108,14 +108,14 @@ jobs:
           script: |
             const previewUrl = '${{ steps.extract-url.outputs.preview_url }}';
             const comment = `🚀 **预览部署完成！**
-            
+
             📱 **预览地址**: ${previewUrl}
-            
+
             > 此预览链接将在部署完成后可用，请稍等片刻再访问。
-            
+
             ---
             *由 GitHub Actions 自动生成*`;
-            
+
             github.rest.issues.createComment({
               issue_number: context.issue.number,
               owner: context.repo.owner,
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..8f02c18
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "tabWidth": 2,
+  "printWidth": 120
+}
diff --git a/README.md b/README.md
index 97ce1aa..01e18ec 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@
 
 ## 开发环境要求
 
-- Node.js 22+ 
+- Node.js 22+
 - Yarn 4.6.1+
 
 ## 快速开始
@@ -84,4 +84,4 @@ src/
 ├── types/           # TypeScript 类型定义
 ├── utils/           # 工具函数
 └── styles/          # 样式文件
-```
\ No newline at end of file
+```
diff --git a/src/api/auth/index.ts b/src/api/auth/index.ts
index 6e8678d..1f10b3e 100644
--- a/src/api/auth/index.ts
+++ b/src/api/auth/index.ts
@@ -3,9 +3,6 @@ import Axios from "@/api";
 import type { User } from "@/types/User";
 
 export async function login(data: { email: string; password: string }) {
-  const res = await Axios.post<{ token: string; user: User }>(
-    "/auth/login",
-    data
-  );
+  const res = await Axios.post<{ token: string; user: User }>("/auth/login", data);
   return res.data;
 }
diff --git a/src/api/dashboard/event.ts b/src/api/dashboard/event.ts
index 7b965e0..551a284 100644
--- a/src/api/dashboard/event.ts
+++ b/src/api/dashboard/event.ts
@@ -38,12 +38,7 @@ export async function updateEvent(eventId: string, event: EditableEvent) {
 }
 
 export async function deleteEvent(id: string) {
-  const res = await Axios.post<{ success: boolean }>(
-    `/internal/cms/event/${id}`,
-    {
-      id,
-    }
-  );
+  const res = await Axios.delete<{ success: boolean }>(`/internal/cms/event/${id}`);
 
   return res.data;
 }
diff --git a/src/api/dashboard/feature.ts b/src/api/dashboard/feature.ts
index f2e3e89..0547c9f 100644
--- a/src/api/dashboard/feature.ts
+++ b/src/api/dashboard/feature.ts
@@ -1,16 +1,8 @@
 import Axios from "@/api";
-import type {
-  CrateFeatureType,
-  EditableFeatureType,
-  FeatureType,
-} from "@/types/feature";
+import type { CrateFeatureType, EditableFeatureType, FeatureType } from "@/types/feature";
 import type { List } from "@/types/Request";
 
-export async function getFeatureList(params: {
-  pageSize: number;
-  current: number;
-  name?: string;
-}) {
+export async function getFeatureList(params: { pageSize: number; current: number; name?: string }) {
   const res = await Axios.get<List<FeatureType>>("/internal/cms/event/feature", {
     params,
   });
diff --git a/src/api/dashboard/map.ts b/src/api/dashboard/map.ts
index c767e88..682bdf1 100644
--- a/src/api/dashboard/map.ts
+++ b/src/api/dashboard/map.ts
@@ -1,13 +1,9 @@
 import Axios from "@/api";
 import { TencentLocation } from "@/types/map";
 
-export async function getTencentLocation(params: {
-  region: string;
-  keyword: string;
-}) {
-  const res = await Axios.post<{ count: number; data: TencentLocation[] }>(
-    `/internal/infra/map/suggestion`,
-    { ...params }
-  );
+export async function getTencentLocation(params: { region: string; keyword: string }) {
+  const res = await Axios.post<{ count: number; data: TencentLocation[] }>(`/internal/infra/map/suggestion`, {
+    ...params,
+  });
   return res.data;
 }
diff --git a/src/api/dashboard/organization.ts b/src/api/dashboard/organization.ts
index 4d6ea1d..8378f3a 100644
--- a/src/api/dashboard/organization.ts
+++ b/src/api/dashboard/organization.ts
@@ -1,16 +1,8 @@
 import Axios from "@/api";
-import {
-  Organization,
-  EditableOrganizationType,
-} from "@/types/organization";
+import { Organization, EditableOrganizationType } from "@/types/organization";
 import { List } from "@/types/Request";
 
-export async function getOrganizationList(params: {
-  pageSize: number;
-  current: number;
-  name?: string;
-  slug?: string;
-}) {
+export async function getOrganizationList(params: { pageSize: number; current: number; name?: string; slug?: string }) {
   const res = await Axios.get<List<Organization>>("/internal/cms/organization/list", {
     params,
   });
@@ -27,46 +19,31 @@ export async function getAllOrganizations(params: { search?: string }) {
 }
 
 export async function getOrganizationDetail(params: { id: string }) {
-  const res = await Axios.get<Organization>(
-    `/internal/cms/organization/detail/${params.id}`
-  );
+  const res = await Axios.get<Organization>(`/internal/cms/organization/detail/${params.id}`);
 
   return res.data;
 }
 
-export async function createOrganization(
-  organization: EditableOrganizationType
-) {
-  const res = await Axios.post<Organization>(
-    "/internal/cms/organization/create",
-    {
-      organization,
-    }
-  );
+export async function createOrganization(organization: EditableOrganizationType) {
+  const res = await Axios.post<Organization>("/internal/cms/organization/create", {
+    organization,
+  });
 
   return res.data;
 }
 
-export async function updateOrganization(
-  organization: EditableOrganizationType
-) {
-  const res = await Axios.post<Organization>(
-    "/internal/cms/organization/update",
-    {
-      organization,
-    }
-  );
+export async function updateOrganization(organization: EditableOrganizationType) {
+  const res = await Axios.post<Organization>("/internal/cms/organization/update", {
+    organization,
+  });
 
   return res.data;
 }
 
 export async function deleteOrganization(id: string) {
-  const res = await Axios.post<{ success: boolean }>(
-    "/internal/cms/organization/delete",
-    {
-      id,
-    }
-  );
+  const res = await Axios.post<{ success: boolean }>("/internal/cms/organization/delete", {
+    id,
+  });
 
   return res.data;
 }
diff --git a/src/api/dashboard/region.ts b/src/api/dashboard/region.ts
index a206087..9808e1e 100644
--- a/src/api/dashboard/region.ts
+++ b/src/api/dashboard/region.ts
@@ -2,11 +2,7 @@ import Axios from "@/api";
 import type { EditableRegion, Region, RegionType } from "@/types/region";
 import type { List } from "@/types/Request";
 
-export async function getRegionList(params: {
-  pageSize: number;
-  current: number;
-  code?: string;
-}) {
+export async function getRegionList(params: { pageSize: number; current: number; code?: string }) {
   const res = await Axios.get<List<Region>>("/internal/cms/region", {
     params,
   });
diff --git a/src/api/dashboard/upload.ts b/src/api/dashboard/upload.ts
index 1fe9a42..59fa857 100644
--- a/src/api/dashboard/upload.ts
+++ b/src/api/dashboard/upload.ts
@@ -1,10 +1,7 @@
 import Axios from "@/api";
 
 export async function uploadStatic(form: FormData) {
-  const res = await Axios.post<{ S3UploadRes: { ETag: string } }>(
-    "/internal/infra/upload/static",
-    form
-  );
+  const res = await Axios.post<{ S3UploadRes: { ETag: string } }>("/internal/infra/upload/static", form);
 
   return res.data;
 }
diff --git a/src/api/index.ts b/src/api/index.ts
index a4d8618..75ffd1c 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -17,7 +17,7 @@ Axios.interceptors.request.use(
       window.location.href = "/auth/logout";
     }
     return Promise.reject(error);
-  }
+  },
 );
 
 export default Axios;
diff --git a/src/api/interceptors.ts b/src/api/interceptors.ts
index b3dd630..54e22d1 100644
--- a/src/api/interceptors.ts
+++ b/src/api/interceptors.ts
@@ -1,5 +1,5 @@
-import Axios from '.';
-import useAuthStore from '@/stores/auth';
+import Axios from ".";
+import useAuthStore from "@/stores/auth";
 
 Axios.interceptors.response.use(
   function (response) {
@@ -11,7 +11,7 @@ Axios.interceptors.response.use(
     // 超出 2xx 范围的状态码都会触发该函数。
     // 对响应错误做点什么
     if (error?.response?.status === 401) {
-      console.log('401');
+      console.log("401");
       useAuthStore.getState().logout();
     }
     return Promise.reject(error);
diff --git a/src/components/Container/index.tsx b/src/components/Container/index.tsx
index b3c5ecd..eccd089 100644
--- a/src/components/Container/index.tsx
+++ b/src/components/Container/index.tsx
@@ -1,17 +1,11 @@
-import { twMerge } from 'tailwind-merge';
+import { twMerge } from "tailwind-merge";
 
 export default function DefaultContainer(
-  props: React.DetailedHTMLProps<
-    React.HTMLAttributes<HTMLDivElement>,
-    HTMLDivElement
-  >,
+  props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
 ) {
   const { children, className, ...reset } = props;
   return (
-    <div
-      {...reset}
-      className={twMerge('shadow p-4 rounded-xl bg-white', className)}
-    >
+    <div {...reset} className={twMerge("shadow p-4 rounded-xl bg-white", className)}>
       {children}
     </div>
   );
diff --git a/src/components/Error/index.tsx b/src/components/Error/index.tsx
index 5f6fe2d..1d1b659 100644
--- a/src/components/Error/index.tsx
+++ b/src/components/Error/index.tsx
@@ -1,6 +1,6 @@
-import DefaultContainer from '@/components/Container';
-import { Typography, Button, Flex } from 'antd';
-import { useNavigate } from 'react-router-dom';
+import DefaultContainer from "@/components/Container";
+import { Typography, Button, Flex } from "antd";
+import { useNavigate } from "react-router-dom";
 
 const { Title, Text } = Typography;
 
@@ -10,8 +10,10 @@ export default function LoadError() {
   return (
     <DefaultContainer className="sticky top-0 z-20">
       <Flex vertical align="center" justify="center">
-        <Title level={3} className="text-slate-700">发生了错误...</Title>
-        <Text type="secondary" style={{ fontSize: 16, textAlign: 'center' }}>
+        <Title level={3} className="text-slate-700">
+          发生了错误...
+        </Title>
+        <Text type="secondary" style={{ fontSize: 16, textAlign: "center" }}>
           加载数据时发生了错误，最大的可能是这个数据不存在，如果持续遇到这个问题，请把地址报告给开发者。
         </Text>
         <Flex justify="center" style={{ marginTop: 16 }}>
diff --git a/src/components/Event/LocationSearch/index.tsx b/src/components/Event/LocationSearch/index.tsx
index 2e3b5f2..763bcab 100644
--- a/src/components/Event/LocationSearch/index.tsx
+++ b/src/components/Event/LocationSearch/index.tsx
@@ -19,8 +19,7 @@ export default function LocationSearch({
   region: Region;
   keyword?: string | null;
 }) {
-  const [selectedLocation, setSelectedLocation] =
-    useState<TencentLocation | null>(null);
+  const [selectedLocation, setSelectedLocation] = useState<TencentLocation | null>(null);
   return (
     <Modal
       title="搜索地址"
@@ -78,11 +77,7 @@ function ModalContent({
     <Row gutter={[16, 16]}>
       {addressSearchResult?.data.map((location) => (
         <Col span={12} key={location.id}>
-          <LocationItem
-            location={location}
-            onSelect={onSelect}
-            selected={selectedLocation?.id === location.id}
-          />
+          <LocationItem location={location} onSelect={onSelect} selected={selectedLocation?.id === location.id} />
         </Col>
       ))}
     </Row>
diff --git a/src/components/EventFeature/EventFeatureSelector/index.tsx b/src/components/EventFeature/EventFeatureSelector/index.tsx
index e362c0a..3633ec9 100644
--- a/src/components/EventFeature/EventFeatureSelector/index.tsx
+++ b/src/components/EventFeature/EventFeatureSelector/index.tsx
@@ -42,44 +42,47 @@ export default function EventFeatureSelector({
     searchValue
       ? [`feature-list-search`, { pageSize: 50, current: 1, name: searchValue }]
       : [`feature-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => getFeatureList(params)
+    ([_, params]: [string, any]) => getFeatureList(params),
   );
 
   const features = [...(selectedOptions || []), ...(data?.records || [])];
 
   // 转换为 Select 组件需要的格式，按分类分组
-  const selectOptions = features.reduce((acc, feature) => {
-    const category = feature.category as keyof typeof FeatureCategoryLabel;
-    const groupLabel = FeatureCategoryLabel[category] || "其他";
+  const selectOptions = features.reduce(
+    (acc, feature) => {
+      const category = feature.category as keyof typeof FeatureCategoryLabel;
+      const groupLabel = FeatureCategoryLabel[category] || "其他";
 
-    const existingGroup = acc.find((group) => group.label === groupLabel);
-    if (existingGroup) {
-      existingGroup.options.push({
-        label: feature.name,
-        value: feature.id,
-        feature,
-      });
-    } else {
-      acc.push({
-        label: groupLabel,
-        options: [
-          {
-            label: feature.name,
-            value: feature.id,
-            feature,
-          },
-        ],
-      });
-    }
-    return acc;
-  }, [] as Array<{ label: string; options: Array<{ label: string; value: string; feature: FeatureType }> }>);
+      const existingGroup = acc.find((group) => group.label === groupLabel);
+      if (existingGroup) {
+        existingGroup.options.push({
+          label: feature.name,
+          value: feature.id,
+          feature,
+        });
+      } else {
+        acc.push({
+          label: groupLabel,
+          options: [
+            {
+              label: feature.name,
+              value: feature.id,
+              feature,
+            },
+          ],
+        });
+      }
+      return acc;
+    },
+    [] as Array<{ label: string; options: Array<{ label: string; value: string; feature: FeatureType }> }>,
+  );
 
   // 使用 useCallback 和 debounce 处理搜索
   const debouncedSearch = useCallback(
     debounce((value: string) => {
       setSearchValue(value);
     }, 300),
-    []
+    [],
   );
 
   // 处理搜索
@@ -90,9 +93,7 @@ export default function EventFeatureSelector({
   // 处理选择变化
   const handleChange = (selectedValue: string[]) => {
     onChange?.(selectedValue as string[]);
-    onSelect?.(
-      features.filter((feature) => selectedValue.includes(feature.id))
-    );
+    onSelect?.(features.filter((feature) => selectedValue.includes(feature.id)));
   };
 
   return (
diff --git a/src/components/Organization/OrganizatonSelector/index.tsx b/src/components/Organization/OrganizatonSelector/index.tsx
index 74d1a3b..adecf5b 100644
--- a/src/components/Organization/OrganizatonSelector/index.tsx
+++ b/src/components/Organization/OrganizatonSelector/index.tsx
@@ -41,18 +41,12 @@ export default function OrganizationSelector({
     isLoading,
   } = useSWR(
     searchValue
-      ? [
-          `organization-list-search`,
-          { pageSize: 50, current: 1, name: searchValue },
-        ]
+      ? [`organization-list-search`, { pageSize: 50, current: 1, name: searchValue }]
       : [`organization-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => getOrganizationList(params)
+    ([_, params]: [string, any]) => getOrganizationList(params),
   );
 
-  const organizations = [
-    ...(selectedOptions || []),
-    ...(data?.records || []),
-  ];
+  const organizations = [...(selectedOptions || []), ...(data?.records || [])];
 
   // 转换为 Select 组件需要的格式
   const selectOptions = organizations.map((organization) => ({
@@ -66,7 +60,7 @@ export default function OrganizationSelector({
     debounce((value: string) => {
       setSearchValue(value);
     }, 300),
-    []
+    [],
   );
 
   // 处理搜索
@@ -77,11 +71,7 @@ export default function OrganizationSelector({
   // 处理选择变化
   const handleChange = (selectedValue: string[]) => {
     onChange?.(selectedValue);
-    onSelect?.(
-      organizations.filter((organization) =>
-        selectedValue.includes(organization.id)
-      )
-    );
+    onSelect?.(organizations.filter((organization) => selectedValue.includes(organization.id)));
   };
 
   return (
diff --git a/src/components/Region/RegionSelector/index.tsx b/src/components/Region/RegionSelector/index.tsx
index c197e3f..6a97826 100644
--- a/src/components/Region/RegionSelector/index.tsx
+++ b/src/components/Region/RegionSelector/index.tsx
@@ -41,13 +41,10 @@ export default function RegionSelector({
     searchValue
       ? [`region-list-search`, { pageSize: 50, current: 1, code: searchValue }]
       : [`region-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => getRegionList(params)
+    ([_, params]: [string, any]) => getRegionList(params),
   );
 
-  const regions = [
-    ...(selectedOption ? [selectedOption] : []),
-    ...(data?.records || []),
-  ];
+  const regions = [...(selectedOption ? [selectedOption] : []), ...(data?.records || [])];
 
   // 转换为 Select 组件需要的格式
   const selectOptions = regions.map((region) => ({
@@ -61,7 +58,7 @@ export default function RegionSelector({
     debounce((value: string) => {
       setSearchValue(value);
     }, 300),
-    []
+    [],
   );
 
   // 处理搜索
diff --git a/src/components/UploadImage/index.tsx b/src/components/UploadImage/index.tsx
index fe6f03d..35e0e59 100644
--- a/src/components/UploadImage/index.tsx
+++ b/src/components/UploadImage/index.tsx
@@ -1,20 +1,9 @@
-import { uploadToCOS } from '@/utils/cos';
-import {
-  Button,
-  Card,
-  Modal,
-  Flex,
-  Input,
-  Image,
-  Typography,
-  Alert,
-  Upload,
-  App,
-} from 'antd';
-import type { UploadFile, RcFile } from 'antd/es/upload/interface';
-import { IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
-import { nanoid } from 'nanoid';
-import { useState } from 'react';
+import { uploadToCOS } from "@/utils/cos";
+import { Button, Card, Modal, Flex, Input, Image, Typography, Alert, Upload, App } from "antd";
+import type { UploadFile, RcFile } from "antd/es/upload/interface";
+import { IconPhoto, IconUpload, IconX } from "@tabler/icons-react";
+import { nanoid } from "nanoid";
+import { useState } from "react";
 
 const { Text } = Typography;
 const { Dragger } = Upload;
@@ -41,18 +30,11 @@ export default function UploadImage({
     }
     return nanoid();
   });
-  const [imageMIME, setImageMINE] = useState('');
+  const [imageMIME, setImageMINE] = useState("");
 
   const previews = images.map((file, index) => {
     const imageUrl = URL.createObjectURL(file);
-    return (
-      <Image
-        alt={imageUrl}
-        key={index}
-        src={imageUrl}
-        onLoad={() => URL.revokeObjectURL(imageUrl)}
-      />
-    );
+    return <Image alt={imageUrl} key={index} src={imageUrl} onLoad={() => URL.revokeObjectURL(imageUrl)} />;
   });
 
   const reset = () => {
@@ -63,7 +45,7 @@ export default function UploadImage({
       }
       return nanoid();
     });
-    setImageMINE('');
+    setImageMINE("");
   };
 
   const onClose = () => {
@@ -76,7 +58,7 @@ export default function UploadImage({
       setLoading(true);
       if (!images[0]) {
         setLoading(false);
-        message.warning('没有图片');
+        message.warning("没有图片");
         return;
       }
 
@@ -86,11 +68,11 @@ export default function UploadImage({
         pathKey: imagePath,
         file: images[0],
       });
-      console.log('uploadRes', uploadRes);
+      console.log("uploadRes", uploadRes);
       if (uploadRes?.ETag) {
         setLoading(false);
         onUploadSuccess(imagePath);
-        message.success('图片上传成功');
+        message.success("图片上传成功");
         onClose();
       }
     } catch (error) {
@@ -101,7 +83,7 @@ export default function UploadImage({
 
   const handleBeforeUpload = (file: RcFile) => {
     setImages([file]);
-    setImageMINE(file.type.replace('image/', ''));
+    setImageMINE(file.type.replace("image/", ""));
     return false; // 阻止自动上传
   };
 
@@ -110,23 +92,16 @@ export default function UploadImage({
       <Button disabled={disabled} onClick={() => setOpened(true)}>
         上传
       </Button>
-      <Modal
-        open={opened}
-        onCancel={onClose}
-        title="上传图片"
-        centered
-        width={800}
-        footer={null}
-      >
+      <Modal open={opened} onCancel={onClose} title="上传图片" centered width={800} footer={null}>
         <Flex gap={24} align="flex-start">
-          <Flex vertical style={{ width: '50%' }} gap={16}>
+          <Flex vertical style={{ width: "50%" }} gap={16}>
             <Card
               onPaste={(e) => {
                 if (e.clipboardData.files.length) {
                   const file = e.clipboardData.files[0];
                   if (file) {
                     setImages([file]);
-                    setImageMINE(file.type.replace('image/', ''));
+                    setImageMINE(file.type.replace("image/", ""));
                   }
                 }
               }}
@@ -140,12 +115,7 @@ export default function UploadImage({
               beforeUpload={handleBeforeUpload}
               className="cursor-pointer"
             >
-              <Flex
-                justify="center"
-                align="center"
-                gap={24}
-                style={{ pointerEvents: 'none', padding: 16 }}
-              >
+              <Flex justify="center" align="center" gap={24} style={{ pointerEvents: "none", padding: 16 }}>
                 {images.length ? (
                   <div>{previews}</div>
                 ) : (
@@ -153,7 +123,7 @@ export default function UploadImage({
                     style={{
                       width: 52,
                       height: 52,
-                      color: '#8c8c8c',
+                      color: "#8c8c8c",
                     }}
                     stroke={1.5}
                   />
@@ -161,29 +131,22 @@ export default function UploadImage({
               </Flex>
             </Dragger>
           </Flex>
-          <Flex vertical style={{ flexShrink: 0, width: '50%' }} gap={16}>
+          <Flex vertical style={{ flexShrink: 0, width: "50%" }} gap={16}>
             {images[0] && (
               <Alert
                 type="info"
                 message="图片信息"
                 description={
                   <>
-                    图片大小:{' '}
-                    {images[0]?.size
-                      ? `${(images[0].size / (1024 * 1024)).toFixed(2)}MB`
-                      : '0MB'}
-                    , 图片后缀: {imageMIME}
+                    图片大小: {images[0]?.size ? `${(images[0].size / (1024 * 1024)).toFixed(2)}MB` : "0MB"}, 图片后缀:{" "}
+                    {imageMIME}
                   </>
                 }
               />
             )}
             <div>
               <Text type="secondary">{`${pathPrefix}${imageName}.${imageMIME}`}</Text>
-              <Input
-                value={imageName}
-                onChange={(e) => setImageName(e.target.value)}
-                style={{ marginTop: 4 }}
-              />
+              <Input value={imageName} onChange={(e) => setImageName(e.target.value)} style={{ marginTop: 4 }} />
             </div>
             <Button type="primary" loading={loading} onClick={onUpload}>
               上传
diff --git a/src/consts/event.ts b/src/consts/event.ts
index 38c2d36..dc213a0 100644
--- a/src/consts/event.ts
+++ b/src/consts/event.ts
@@ -1,9 +1,4 @@
-import {
-  EventLocationType,
-  EventScale,
-  EventStatus,
-  EventType,
-} from "@/types/event";
+import { EventLocationType, EventScale, EventStatus, EventType } from "@/types/event";
 
 export const EventStatusLabel = {
   [EventStatus.EventScheduled]: "正常",
diff --git a/src/index.tsx b/src/index.tsx
index 9a276ef..7400400 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -43,6 +43,6 @@ if (rootEl) {
           </AntdApp>
         </ConfigProvider>
       </StyleProvider>
-    </React.StrictMode>
+    </React.StrictMode>,
   );
 }
diff --git a/src/pages/auth/index.tsx b/src/pages/auth/index.tsx
index 06be2b6..4fba46f 100644
--- a/src/pages/auth/index.tsx
+++ b/src/pages/auth/index.tsx
@@ -18,9 +18,7 @@ export default function Auth() {
   const navigate = useNavigate();
   const { message } = App.useApp();
 
-  const [currentSegment, setCurrentSegment] = useState<
-    "login" | "register" | "reset"
-  >("login");
+  const [currentSegment, setCurrentSegment] = useState<"login" | "register" | "reset">("login");
 
   const {
     register,
@@ -35,7 +33,7 @@ export default function Auth() {
       z.object({
         email: z.string().email("无效的邮箱"),
         password: z.string().min(6, "密码长度至少为6位"),
-      })
+      }),
     ),
   });
 
@@ -57,16 +55,8 @@ export default function Auth() {
         backdropFilter: "blur(5px)",
       }}
     >
-      <Flex
-        justify="center"
-        align="flex-end"
-        style={{ height: "100%" }}
-        vertical
-      >
-        <Card
-          className="w-full md:w-96 h-full"
-          style={{ margin: 20, borderRadius: 8 }}
-        >
+      <Flex justify="center" align="flex-end" style={{ height: "100%" }} vertical>
+        <Card className="w-full md:w-96 h-full" style={{ margin: 20, borderRadius: 8 }}>
           <Flex vertical justify="space-between" style={{ height: "100%" }}>
             <div>
               <Segmented
@@ -94,12 +84,7 @@ export default function Auth() {
                   help={errors.email?.message}
                   style={{ marginBottom: 16 }}
                 >
-                  <Input
-                    type="email"
-                    autoComplete="email"
-                    placeholder="请输入您的注册邮箱"
-                    {...register("email")}
-                  />
+                  <Input type="email" autoComplete="email" placeholder="请输入您的注册邮箱" {...register("email")} />
                 </Form.Item>
                 <Form.Item
                   label="密码"
@@ -108,22 +93,12 @@ export default function Auth() {
                   help={errors.password?.message}
                   style={{ marginBottom: 16 }}
                 >
-                  <Input.Password
-                    placeholder="请输入您的密码"
-                    {...register("password")}
-                  />
+                  <Input.Password placeholder="请输入您的密码" {...register("password")} />
                 </Form.Item>
                 <Flex justify="space-between" style={{ marginTop: 8 }}>
-                  <Link style={{ fontSize: 14 }}>
-                    忘记密码了吗？
-                  </Link>
+                  <Link style={{ fontSize: 14 }}>忘记密码了吗？</Link>
                 </Flex>
-                <Button
-                  type="primary"
-                  htmlType="submit"
-                  block
-                  style={{ marginTop: 24, borderRadius: 8 }}
-                >
+                <Button type="primary" htmlType="submit" block style={{ marginTop: 24, borderRadius: 8 }}>
                   登录
                 </Button>
               </form>
diff --git a/src/pages/dashboard/cacheManager/index.tsx b/src/pages/dashboard/cacheManager/index.tsx
index 4ebb365..2f3c2e9 100644
--- a/src/pages/dashboard/cacheManager/index.tsx
+++ b/src/pages/dashboard/cacheManager/index.tsx
@@ -1,7 +1,7 @@
-import { cleanPageCache } from '@/api/dashboard/cache';
-import DefaultContainer from '@/components/Container';
-import { Button, Flex, Typography, Row, Col } from 'antd';
-import { IconRefresh } from '@tabler/icons-react';
+import { cleanPageCache } from "@/api/dashboard/cache";
+import DefaultContainer from "@/components/Container";
+import { Button, Flex, Typography, Row, Col } from "antd";
+import { IconRefresh } from "@tabler/icons-react";
 
 const { Title } = Typography;
 
@@ -10,48 +10,34 @@ export default function CacheManager() {
     <>
       <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
-          <Title level={2} style={{ margin: 0 }}>缓存刷新控制台</Title>
+          <Title level={2} style={{ margin: 0 }}>
+            缓存刷新控制台
+          </Title>
         </Flex>
       </DefaultContainer>
 
       <DefaultContainer className="mt-4">
         <Row gutter={[16, 16]}>
           <Col span={6}>
-            <Button
-              icon={<IconRefresh size={16} stroke={1.5} />}
-              onClick={() => refreshPage('/')}
-              block
-            >
+            <Button icon={<IconRefresh size={16} stroke={1.5} />} onClick={() => refreshPage("/")} block>
               刷新首页
             </Button>
           </Col>
 
           <Col span={6}>
-            <Button
-              icon={<IconRefresh size={16} stroke={1.5} />}
-              onClick={() => refreshPage('/city')}
-              block
-            >
+            <Button icon={<IconRefresh size={16} stroke={1.5} />} onClick={() => refreshPage("/city")} block>
               刷新城市页面
             </Button>
           </Col>
 
           <Col span={6}>
-            <Button
-              icon={<IconRefresh size={16} stroke={1.5} />}
-              onClick={() => refreshPage('/organization')}
-              block
-            >
+            <Button icon={<IconRefresh size={16} stroke={1.5} />} onClick={() => refreshPage("/organization")} block>
               刷新组织页面
             </Button>
           </Col>
 
           <Col span={6}>
-            <Button
-              icon={<IconRefresh size={16} stroke={1.5} />}
-              onClick={() => refreshPage('/year')}
-              block
-            >
+            <Button icon={<IconRefresh size={16} stroke={1.5} />} onClick={() => refreshPage("/year")} block>
               刷新年份页面
             </Button>
           </Col>
diff --git a/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx b/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx
index 2f1cb5d..9491122 100644
--- a/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx
+++ b/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx
@@ -4,13 +4,7 @@ import { Input, Table, type TableColumnType, Tag } from "antd";
 import dayjs from "dayjs";
 
 import { cleanPageCache } from "@/api/dashboard/cache";
-import {
-  IconEdit,
-  IconEye,
-  IconMenu,
-  IconSearch,
-  IconTrash,
-} from "@tabler/icons-react";
+import { IconEdit, IconEye, IconMenu, IconSearch, IconTrash } from "@tabler/icons-react";
 import { useMutation } from "@tanstack/react-query";
 import type { ColumnsType } from "antd/es/table";
 import { useNavigate } from "react-router-dom";
@@ -58,7 +52,7 @@ function ApplicationList({
   const handleSearch = (
     selectedKeys: string[],
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof EventItem
+    dataIndex: keyof EventItem,
   ) => {
     console.log(selectedKeys);
     confirm();
@@ -74,7 +68,7 @@ function ApplicationList({
   const handleReset = (
     clearFilters: () => void,
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof EventItem
+    dataIndex: keyof EventItem,
   ) => {
     clearFilters();
     confirm();
@@ -89,33 +83,21 @@ function ApplicationList({
 
   const getColumnSearchProps = (
     dataIndex: keyof EventItem,
-    searchPlaceholder?: string
+    searchPlaceholder?: string,
   ): TableColumnType<EventItem> => ({
-    filterDropdown: ({
-      setSelectedKeys,
-      selectedKeys,
-      confirm,
-      clearFilters,
-      close,
-    }) => (
+    filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
       <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
         <Space direction="vertical">
           <Input
             placeholder={searchPlaceholder}
             value={selectedKeys[0]}
             allowClear
-            onChange={(e) =>
-              setSelectedKeys(e.target.value ? [e.target.value] : [])
-            }
-            onPressEnter={() =>
-              handleSearch(selectedKeys as string[], confirm, dataIndex)
-            }
+            onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
+            onPressEnter={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
           />
           <Space>
             <Button
-              onClick={() =>
-                handleSearch(selectedKeys as string[], confirm, dataIndex)
-              }
+              onClick={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
               icon={<IconSearch size={14} />}
               size="small"
               type="primary"
@@ -123,12 +105,7 @@ function ApplicationList({
             >
               搜索
             </Button>
-            <Button
-              onClick={() =>
-                clearFilters && handleReset(clearFilters, confirm, dataIndex)
-              }
-              size="small"
-            >
+            <Button onClick={() => clearFilters && handleReset(clearFilters, confirm, dataIndex)} size="small">
               重置
             </Button>
             <Button
@@ -144,12 +121,7 @@ function ApplicationList({
         </Space>
       </div>
     ),
-    filterIcon: (filtered: boolean) => (
-      <IconSearch
-        size={14}
-        style={{ color: filtered ? "#1677ff" : undefined }}
-      />
-    ),
+    filterIcon: (filtered: boolean) => <IconSearch size={14} style={{ color: filtered ? "#1677ff" : undefined }} />,
   });
 
   const columns: ColumnsType<Application> = [
@@ -208,11 +180,11 @@ function ApplicationList({
       key: "action",
       fixed: "right",
       render: (_, record) => {
-        const menuItems: MenuProps['items'] = [
+        const menuItems: MenuProps["items"] = [
           {
-            key: 'delete',
+            key: "delete",
             icon: <IconTrash style={{ width: 14, height: 14 }} />,
-            label: '删除',
+            label: "删除",
             danger: true,
             onClick: () => {
               onDelete(record.id);
@@ -233,7 +205,7 @@ function ApplicationList({
               编辑
             </Button>
 
-            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
+            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
               <Button icon={<IconMenu size={14} />} />
             </Dropdown>
           </Space>
diff --git a/src/pages/dashboard/developer/application/index.tsx b/src/pages/dashboard/developer/application/index.tsx
index 59d8972..61daa9c 100644
--- a/src/pages/dashboard/developer/application/index.tsx
+++ b/src/pages/dashboard/developer/application/index.tsx
@@ -14,15 +14,9 @@ export default function ApplicationPage() {
 
   const [search, setSearch] = useQueryState("search");
   const [orgSearch, setOrgSearch] = useQueryState("orgSearch");
-  const [currentPage, setCurrentPage] = useQueryState(
-    "currentPage",
-    parseAsInteger.withDefault(1)
-  );
+  const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
 
-  const [pageSize, setPageSize] = useQueryState(
-    "pageSize",
-    parseAsInteger.withDefault(20)
-  );
+  const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
 
   const pagination = {
     search,
@@ -58,7 +52,9 @@ export default function ApplicationPage() {
     <>
       <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
-          <Title level={2} style={{ margin: 0 }}>应用列表</Title>
+          <Title level={3} className="m-0">
+            应用列表
+          </Title>
 
           <Button
             type="primary"
diff --git a/src/pages/dashboard/event/components/EventList/index.tsx b/src/pages/dashboard/event/components/EventList/index.tsx
deleted file mode 100644
index b6311c7..0000000
--- a/src/pages/dashboard/event/components/EventList/index.tsx
+++ /dev/null
@@ -1,296 +0,0 @@
-import { Button, Dropdown, Tooltip, Tag, App, Space } from 'antd';
-import { Input, Table, type TableColumnType } from 'antd';
-import type { MenuProps } from 'antd';
-import dayjs from 'dayjs';
-
-import { cleanPageCache } from '@/api/dashboard/cache';
-import {
-  EventScaleLabel,
-  EventStatusColor,
-  EventStatusLabel,
-} from '@/consts/event';
-import {
-  IconEdit,
-  IconLink,
-  IconMenu,
-  IconRefresh,
-  IconSearch,
-  IconTrash,
-} from '@tabler/icons-react';
-import { useMutation } from '@tanstack/react-query';
-import type { ColumnsType } from 'antd/es/table';
-import { useNavigate } from 'react-router-dom';
-
-import type { List } from '@/types/Request';
-import type { FilterDropdownProps } from 'antd/es/table/interface';
-import { EventItem } from '@/types/event';
-
-function EventList({
-  data,
-  pagination,
-  setPagination,
-  isPending,
-  onDeleteEvent,
-}: {
-  data: List<EventItem>;
-  pagination: {
-    current: number;
-    pageSize: number;
-    search: string | null;
-    orgSearch: string | null;
-  };
-  setPagination: {
-    current: (current: number) => void;
-    pageSize: (pageSize: number) => void;
-    search: (search: string | null) => void;
-    orgSearch: (orgSearch: string | null) => void;
-  };
-  isPending: boolean;
-  onDeleteEvent: (id: string) => void;
-}) {
-  const { message } = App.useApp();
-  const { mutate: refreshPage } = useMutation({
-    mutationFn: cleanPageCache,
-    onSuccess: () => {
-      message.success('刷新页面缓存成功');
-    },
-  });
-
-  const navigate = useNavigate();
-
-  const handleSearch = (
-    selectedKeys: string[],
-    confirm: FilterDropdownProps['confirm'],
-    dataIndex: keyof EventItem,
-  ) => {
-    console.log(selectedKeys);
-    confirm();
-
-    if (dataIndex === 'name') {
-      setPagination.search(selectedKeys[0]);
-    } else if (dataIndex === 'organization') {
-      setPagination.orgSearch(selectedKeys[0]);
-    }
-    setPagination.current(1);
-  };
-
-  const handleReset = (
-    clearFilters: () => void,
-    confirm: FilterDropdownProps['confirm'],
-    dataIndex: keyof EventItem,
-  ) => {
-    clearFilters();
-    confirm();
-
-    if (dataIndex === 'name') {
-      setPagination.search(null);
-    } else if (dataIndex === 'organization') {
-      setPagination.orgSearch(null);
-    }
-    setPagination.current(1);
-  };
-
-  const getColumnSearchProps = (
-    dataIndex: keyof EventItem,
-    searchPlaceholder?: string,
-  ): TableColumnType<EventItem> => ({
-    filterDropdown: ({
-      setSelectedKeys,
-      selectedKeys,
-      confirm,
-      clearFilters,
-      close,
-    }) => (
-      <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
-        <Space direction="vertical">
-          <Input
-            placeholder={searchPlaceholder}
-            value={selectedKeys[0]}
-            allowClear
-            onChange={(e) =>
-              setSelectedKeys(e.target.value ? [e.target.value] : [])
-            }
-            onPressEnter={() =>
-              handleSearch(selectedKeys as string[], confirm, dataIndex)
-            }
-          />
-          <Space>
-            <Button
-              onClick={() =>
-                handleSearch(selectedKeys as string[], confirm, dataIndex)
-              }
-              icon={<IconSearch size={14} />}
-              size="small"
-              type="primary"
-              style={{ width: 90 }}
-            >
-              搜索
-            </Button>
-            <Button
-              onClick={() =>
-                clearFilters && handleReset(clearFilters, confirm, dataIndex)
-              }
-              size="small"
-            >
-              重置
-            </Button>
-            <Button
-              size="small"
-              type="text"
-              onClick={() => {
-                close();
-              }}
-            >
-              关闭
-            </Button>
-          </Space>
-        </Space>
-      </div>
-    ),
-    filterIcon: (filtered: boolean) => (
-      <IconSearch
-        size={14}
-        style={{ color: filtered ? '#1677ff' : undefined }}
-      />
-    ),
-  });
-
-  const columns: ColumnsType<EventItem> = [
-    {
-      title: '展商',
-      dataIndex: ['organization', 'name'],
-      key: 'organizationName',
-      fixed: 'left',
-      ...getColumnSearchProps('organization', '请输入展商名称'),
-    },
-    {
-      title: '展会名称',
-      dataIndex: 'name',
-      key: 'name',
-      fixed: 'left',
-      ...getColumnSearchProps('name', '请输入展会名称'),
-    },
-    {
-      title: '日期',
-      key: 'date',
-      render: (_, record) => (
-        <Space>
-          <Tag>
-            {dayjs(record.startAt).format('YYYY/MM/DD')}-
-            {dayjs(record.endAt).format('MM/DD')}
-          </Tag>
-        </Space>
-      ),
-    },
-    {
-      title: '状态',
-      dataIndex: 'status',
-      key: 'status',
-      render: (status) => (
-        <Tooltip title={EventStatusLabel[status]}>
-          <Tag color={EventStatusColor[status]}>
-            {EventStatusLabel[status]}
-          </Tag>
-        </Tooltip>
-      ),
-    },
-    {
-      title: '规模',
-      dataIndex: 'scale',
-      key: 'scale',
-      render: (scale) => EventScaleLabel[scale],
-    },
-    {
-      title: '城市',
-      dataIndex: ['addressExtra', 'city'],
-      key: 'city',
-    },
-
-    {
-      title: '地址',
-      dataIndex: 'address',
-      key: 'address',
-    },
-    {
-      title: '操作',
-      key: 'action',
-      fixed: 'right',
-      render: (_, record) => {
-        const menuItems: MenuProps['items'] = [
-          {
-            key: 'refresh',
-            icon: <IconRefresh style={{ width: 14, height: 14 }} />,
-            label: '刷新',
-            onClick: () => {
-              refreshPage(`/${record.organization.slug}/${record.slug}`);
-            },
-          },
-          {
-            key: 'view',
-            icon: <IconLink style={{ width: 14, height: 14 }} />,
-            label: '在网站上查看',
-            onClick: () => {
-              window.open(
-                `https://www.furrycons.cn/${record.organization.slug}/${record.slug}`,
-                '_blank'
-              );
-            },
-          },
-          { type: 'divider' },
-          {
-            key: 'delete',
-            icon: <IconTrash style={{ width: 14, height: 14 }} />,
-            label: '删除',
-            danger: true,
-            onClick: () => {
-              onDeleteEvent(record.id);
-            },
-          },
-        ];
-
-        return (
-          <Space size="middle">
-            <Button
-              type="primary"
-              ghost
-              onClick={() => {
-                window.open(`/dashboard/event/${record.id}/edit`);
-              }}
-              icon={<IconEdit size={14} />}
-            >
-              编辑
-            </Button>
-
-            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
-              <Button icon={<IconMenu size={14} stroke={1.5} />} />
-            </Dropdown>
-          </Space>
-        );
-      },
-    },
-  ];
-
-  return (
-    <Table
-      rowKey={(row) => row.id}
-      columns={columns}
-      loading={isPending}
-      dataSource={data?.records || []}
-      pagination={{
-        pageSize: pagination.pageSize,
-        total: data?.total,
-        current: pagination.current,
-      }}
-      onChange={(tablePagination) => {
-        if (tablePagination.current) {
-          setPagination.current(tablePagination.current);
-        }
-        if (tablePagination.pageSize) {
-          setPagination.pageSize(tablePagination.pageSize);
-        }
-      }}
-    />
-  );
-}
-
-export default EventList;
diff --git a/src/pages/dashboard/event/edit/BasicInfo.tsx b/src/pages/dashboard/event/edit/BasicInfo.tsx
index 38045c2..f797045 100644
--- a/src/pages/dashboard/event/edit/BasicInfo.tsx
+++ b/src/pages/dashboard/event/edit/BasicInfo.tsx
@@ -3,17 +3,12 @@ import { EventItem, EditEventSchema } from "@/types/event";
 import { UseFormReturn, Controller } from "react-hook-form";
 import { z } from "zod";
 import OrganizationSelector from "@/components/Organization/OrganizatonSelector";
-import {
-  Typography,
-  Flex,
-  Row,
-  Col,
-  Form,
-  Input,
-  DatePicker,
-  Space,
-} from "antd";
+import { Typography, Flex, Row, Col, Form, Input, DatePicker, Space } from "antd";
 import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+import { RangePickerProps } from "antd/es/date-picker";
+
+dayjs.locale("zh-cn");
 
 const { Title } = Typography;
 
@@ -39,135 +34,128 @@ export default function BasicInfo({
   return (
     <div>
       <h5 className="text-lg font-bold">基础信息</h5>
-      <Flex vertical gap={8}>
-        <Form.Item
-          label="展会名称"
-          required
-          validateStatus={form.formState.errors.name ? "error" : undefined}
-          help={form.formState.errors.name?.message}
-        >
-          <Input placeholder="请输入展会名称" {...form.register("name")} />
-        </Form.Item>
+      <Form.Item
+        label="展会名称"
+        required
+        validateStatus={form.formState.errors.name ? "error" : undefined}
+        help={form.formState.errors.name?.message}
+      >
+        <Controller
+          name="name"
+          control={form.control}
+          render={({ field }) => <Input placeholder="请输入展会名称" {...field} />}
+        />
+      </Form.Item>
 
-        <Row gutter={8}>
-          <Col span={12}>
-            <Form.Item
-              label="展会主办方"
-              help="展会目前只能通过主办方的 slug 进行访问"
-              required
-            >
-              <Controller
-                name="organization"
-                control={form.control}
-                render={({ field }) => (
-                  <OrganizationSelector
-                    required
-                    label="展会主办方"
-                    description="展会目前只能通过主办方的 slug 进行访问"
-                    selectedOptions={
-                      event?.organization ? [event.organization] : []
-                    }
-                    value={field.value ? [field.value] : []}
-                    onSelect={(value) => {
-                      const firstOrganization = value?.[0];
-                      setSelectedOrganization(firstOrganization || null);
-                      field.onChange(firstOrganization?.id || null);
-                    }}
-                  />
-                )}
-              />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item
-              label="展会协办方"
-              help="可以选很多，但是请注意，主办方不能在协办方中"
-            >
-              <Controller
-                name="organizations"
-                control={form.control}
-                render={({ field }) => (
-                  <OrganizationSelector
-                    label="展会协办方"
-                    multiple
-                    description="可以选很多，但是请注意，主办方不能在协办方中"
-                    selectedOptions={selectedOrganizations}
-                    value={field.value}
-                    onChange={field.onChange}
-                    onSelect={(value) => {
-                      setSelectedOrganizations(value as Organization[] | null);
-                      field.onChange(
-                        value?.map((org: Organization) => org.id) || []
-                      );
-                    }}
-                  />
-                )}
-              />
-            </Form.Item>
-          </Col>
-        </Row>
+      <Row gutter={8}>
+        <Col span={12}>
+          <Form.Item label="展会主办方" help="展会目前只能通过主办方的 slug 进行访问" required>
+            <Controller
+              name="organization"
+              control={form.control}
+              render={({ field }) => (
+                <OrganizationSelector
+                  required
+                  label="展会主办方"
+                  description="展会目前只能通过主办方的 slug 进行访问"
+                  selectedOptions={event?.organization ? [event.organization] : []}
+                  value={field.value ? [field.value] : []}
+                  onSelect={(value) => {
+                    const firstOrganization = value?.[0];
+                    setSelectedOrganization(firstOrganization || null);
+                    field.onChange(firstOrganization?.id || null);
+                  }}
+                />
+              )}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="展会协办方" help="可以选很多，但是请注意，主办方不能在协办方中">
+            <Controller
+              name="organizations"
+              control={form.control}
+              render={({ field }) => (
+                <OrganizationSelector
+                  label="展会协办方"
+                  multiple
+                  description="可以选很多，但是请注意，主办方不能在协办方中"
+                  selectedOptions={selectedOrganizations}
+                  value={field.value}
+                  onChange={field.onChange}
+                  onSelect={(value) => {
+                    setSelectedOrganizations(value as Organization[] | null);
+                    field.onChange(value?.map((org: Organization) => org.id) || []);
+                  }}
+                />
+              )}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
 
-        <Row gutter={8}>
-          <Col flex={1}>
-            <Form.Item
-              label="开始日期"
-              required
-              help={
-                form.formState.errors.startAt?.message ||
-                "除非明确知晓展会开始时间，否则请保持默认上午10点"
-              }
-              validateStatus={
-                form.formState.errors.startAt ? "error" : undefined
-              }
-            >
-              <Controller
-                name="startAt"
-                control={form.control}
-                render={({ field }) => (
-                  <DatePicker
-                    showTime
-                    format="YYYY年MM月DD日 hh:mm A"
-                    placeholder="选一个日期"
-                    style={{ width: "100%" }}
-                    value={field.value ? dayjs(field.value) : null}
-                    onChange={(date) => {
-                      field.onChange(date ? date.toISOString() : null);
-                    }}
-                  />
-                )}
-              />
-            </Form.Item>
-          </Col>
-          <Col flex={1}>
-            <Form.Item
-              label="结束日期"
-              required
-              help={
-                form.formState.errors.endAt?.message ||
-                "除非明确知晓展会结束时间，否则请保持默认下午6点"
-              }
-              validateStatus={form.formState.errors.endAt ? "error" : undefined}
-            >
-              <Controller
-                name="endAt"
-                control={form.control}
-                render={({ field }) => (
-                  <DatePicker
-                    showTime
-                    format="YYYY年MM月DD日 hh:mm A"
-                    placeholder="选一个日期"
-                    style={{ width: "100%" }}
-                    value={field.value ? dayjs(field.value) : null}
-                    onChange={(date) => {
-                      field.onChange(date ? date.toISOString() : null);
-                    }}
-                  />
-                )}
-              />
-            </Form.Item>
-          </Col>
-        </Row>
-      </Flex>
+      <Row gutter={8}>
+        <Col flex={1}>
+          <Form.Item
+            label="开始日期"
+            required
+            help={form.formState.errors.startAt?.message || "除非明确知晓展会开始时间，否则请保持默认上午10点"}
+            validateStatus={form.formState.errors.startAt ? "error" : undefined}
+          >
+            <Controller
+              name="startAt"
+              control={form.control}
+              render={({ field }) => (
+                <DatePicker
+                  showTime
+                  format="YYYY年MM月DD日 hh:mm A"
+                  placeholder="选一个日期"
+                  onChange={(value, dateString) => {
+                    console.log("Selected Time: ", value);
+                    console.log("Formatted Selected Time: ", dateString);
+                  }}
+                  value={dayjs(field.value)}
+                  onOk={(value) => {
+                    field.onChange(value.toISOString());
+                  }}
+                  style={{ width: "100%" }}
+                  showNow={false}
+                />
+              )}
+            />
+          </Form.Item>
+        </Col>
+        <Col flex={1}>
+          <Form.Item
+            label="结束日期"
+            required
+            help={form.formState.errors.endAt?.message || "除非明确知晓展会结束时间，否则请保持默认下午6点"}
+            validateStatus={form.formState.errors.endAt ? "error" : undefined}
+          >
+            <Controller
+              name="endAt"
+              control={form.control}
+              render={({ field }) => (
+                <DatePicker
+                  showTime
+                  format="YYYY年MM月DD日 hh:mm A"
+                  placeholder="选一个日期"
+                  onChange={(value, dateString) => {
+                    console.log("Selected Time: ", value);
+                    console.log("Formatted Selected Time: ", dateString);
+                  }}
+                  value={dayjs(field.value)}
+                  onOk={(value) => {
+                    field.onChange(value.toISOString());
+                  }}
+                  style={{ width: "100%" }}
+                  showNow={false}
+                />
+              )}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
     </div>
   );
 }
diff --git a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
index fa1d50c..59c5391 100644
--- a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
+++ b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
@@ -8,12 +8,7 @@ import {
   EventType,
 } from "@/types/event";
 import { UseFormReturn, Controller } from "react-hook-form";
-import {
-  EventLocationTypeLabel,
-  EventScaleLabel,
-  EventStatusLabel,
-  EventTypeLabel,
-} from "@/consts/event";
+import { EventLocationTypeLabel, EventScaleLabel, EventStatusLabel, EventTypeLabel } from "@/consts/event";
 import EventFeatureSelector from "@/components/EventFeature/EventFeatureSelector";
 import { Typography, Flex, Form, Select, Input } from "antd";
 import { InferZodType } from "@/types/common";
@@ -26,10 +21,7 @@ interface EventAdditionalInfoProps {
   event?: EventItem;
 }
 
-export default function EventAdditionalInfo({
-  form,
-  event,
-}: EventAdditionalInfoProps) {
+export default function EventAdditionalInfo({ form, event }: EventAdditionalInfoProps) {
   return (
     <div>
       <h5 className="text-lg font-bold">展会附加信息</h5>
@@ -103,9 +95,7 @@ export default function EventAdditionalInfo({
       <Form.Item
         label="展会场地"
         required
-        validateStatus={
-          form.formState.errors.locationType ? "error" : undefined
-        }
+        validateStatus={form.formState.errors.locationType ? "error" : undefined}
         help={form.formState.errors.locationType?.message}
       >
         <Controller
@@ -115,10 +105,7 @@ export default function EventAdditionalInfo({
             <Select
               placeholder="选一个"
               options={Object.keys(EventLocationType).map((key) => ({
-                label:
-                  EventLocationTypeLabel[
-                    EventLocationType[key as keyof typeof EventLocationType]
-                  ],
+                label: EventLocationTypeLabel[EventLocationType[key as keyof typeof EventLocationType]],
                 value: EventLocationType[key as keyof typeof EventLocationType],
               }))}
               {...field}
@@ -129,17 +116,13 @@ export default function EventAdditionalInfo({
 
       <Form.Item
         label="展会专属标签"
-        validateStatus={
-          form.formState.errors.features?.self ? "error" : undefined
-        }
+        validateStatus={form.formState.errors.features?.self ? "error" : undefined}
         help={form.formState.errors.features?.self?.message}
       >
         <Controller
           name="features.self"
           control={form.control}
-          render={({ field }) => (
-            <Select mode="tags" placeholder="请输入展会专属的标签" {...field} />
-          )}
+          render={({ field }) => <Select mode="tags" placeholder="请输入展会专属的标签" {...field} />}
         />
       </Form.Item>
 
@@ -147,11 +130,7 @@ export default function EventAdditionalInfo({
         name="featureIds"
         control={form.control}
         render={({ field }) => (
-          <EventFeatureSelector
-            label="展会公共标签"
-            placeholder="请选择展会共有的标签"
-            {...field}
-          />
+          <EventFeatureSelector label="展会公共标签" placeholder="请选择展会共有的标签" {...field} />
         )}
       />
 
@@ -160,11 +139,7 @@ export default function EventAdditionalInfo({
         validateStatus={form.formState.errors.detail ? "error" : undefined}
         help={form.formState.errors.detail?.message}
       >
-        <TextArea
-          autoSize={{ minRows: 5, maxRows: 20 }}
-          placeholder="请输入展会描述"
-          {...form.register("detail")}
-        />
+        <TextArea autoSize={{ minRows: 5, maxRows: 20 }} placeholder="请输入展会描述" {...form.register("detail")} />
       </Form.Item>
     </div>
   );
diff --git a/src/pages/dashboard/event/edit/EventMedia.tsx b/src/pages/dashboard/event/edit/EventMedia.tsx
index ab08bf8..634ccd3 100644
--- a/src/pages/dashboard/event/edit/EventMedia.tsx
+++ b/src/pages/dashboard/event/edit/EventMedia.tsx
@@ -1,24 +1,8 @@
 import { Organization } from "@/types/organization";
 import { EventItem, EditEventSchema } from "@/types/event";
-import {
-  Image,
-  Typography,
-  Button,
-  Flex,
-  Row,
-  Col,
-  Tag,
-  Form,
-  Input,
-  Card,
-} from "antd";
+import { Image, Typography, Button, Flex, Row, Col, Tag, Form, Input, Card } from "antd";
 import { useFieldArray, UseFormReturn, Controller } from "react-hook-form";
-import {
-  IconArrowDown,
-  IconArrowUp,
-  IconPlus,
-  IconTrash,
-} from "@tabler/icons-react";
+import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
 import { z } from "zod";
 import UploadImage from "@/components/UploadImage";
 import { IMAGE_FALLBACK } from "@/consts/normal";
@@ -34,11 +18,7 @@ interface EventMediaProps {
   disabled: boolean;
 }
 
-export default function EventMedia({
-  form,
-  pathPrefix,
-  disabled,
-}: EventMediaProps) {
+export default function EventMedia({ form, pathPrefix, disabled }: EventMediaProps) {
   const { fields, append, remove, move } = useFieldArray({
     control: form.control,
     name: "media.images",
@@ -59,12 +39,7 @@ export default function EventMedia({
             name="thumbnail"
             control={form.control}
             render={({ field }) => (
-              <Input
-                placeholder="请输入封面图片URL"
-                disabled
-                value={field.value}
-                onChange={field.onChange}
-              />
+              <Input placeholder="请输入封面图片URL" disabled value={field.value} onChange={field.onChange} />
             )}
           />
           <Flex gap={8} wrap="wrap" className="mt-2">
@@ -80,18 +55,14 @@ export default function EventMedia({
             <Button
               color="blue"
               style={{ cursor: "pointer" }}
-              onClick={() =>
-                form.setValue("thumbnail", "fec-event-blank-cover.png")
-              }
+              onClick={() => form.setValue("thumbnail", "fec-event-blank-cover.png")}
             >
               待揭晓图片
             </Button>
             <Button
               color="blue"
               style={{ cursor: "pointer" }}
-              onClick={() =>
-                form.setValue("thumbnail", "fec-event-cancel-cover.png")
-              }
+              onClick={() => form.setValue("thumbnail", "fec-event-cancel-cover.png")}
             >
               取消图片
             </Button>
@@ -137,61 +108,34 @@ export default function EventMedia({
               <Flex vertical flex={1}>
                 <Form.Item
                   label={`图片地址 ${index + 1}`}
-                  validateStatus={
-                    form.formState.errors.media?.images?.[index]?.url
-                      ? "error"
-                      : undefined
-                  }
-                  help={
-                    form.formState.errors.media?.images?.[index]?.url?.message
-                  }
+                  validateStatus={form.formState.errors.media?.images?.[index]?.url ? "error" : undefined}
+                  help={form.formState.errors.media?.images?.[index]?.url?.message}
                 >
                   <Controller
                     name={`media.images.${index}.url`}
                     control={form.control}
                     render={({ field }) => (
-                      <Input
-                        placeholder="请输入图片地址"
-                        value={field.value || ""}
-                        onChange={field.onChange}
-                      />
+                      <Input placeholder="请输入图片地址" value={field.value || ""} onChange={field.onChange} />
                     )}
                   />
                 </Form.Item>
                 <Form.Item
                   label={`图片标题 ${index + 1}`}
-                  validateStatus={
-                    form.formState.errors.media?.images?.[index]?.title
-                      ? "error"
-                      : undefined
-                  }
-                  help={
-                    form.formState.errors.media?.images?.[index]?.title?.message
-                  }
+                  validateStatus={form.formState.errors.media?.images?.[index]?.title ? "error" : undefined}
+                  help={form.formState.errors.media?.images?.[index]?.title?.message}
                 >
                   <Controller
                     name={`media.images.${index}.title`}
                     control={form.control}
                     render={({ field }) => (
-                      <Input
-                        placeholder="请输入图片标题（可选）"
-                        value={field.value || ""}
-                        onChange={field.onChange}
-                      />
+                      <Input placeholder="请输入图片标题（可选）" value={field.value || ""} onChange={field.onChange} />
                     )}
                   />
                 </Form.Item>
                 <Form.Item
                   label={`图片描述 ${index + 1}`}
-                  validateStatus={
-                    form.formState.errors.media?.images?.[index]?.description
-                      ? "error"
-                      : undefined
-                  }
-                  help={
-                    form.formState.errors.media?.images?.[index]?.description
-                      ?.message
-                  }
+                  validateStatus={form.formState.errors.media?.images?.[index]?.description ? "error" : undefined}
+                  help={form.formState.errors.media?.images?.[index]?.description?.message}
                 >
                   <Controller
                     name={`media.images.${index}.description`}
@@ -209,9 +153,7 @@ export default function EventMedia({
                 <UploadImage
                   pathPrefix={pathPrefix}
                   defaultImageName={`details-${index + 1}`}
-                  onUploadSuccess={(s) =>
-                    form.setValue(`media.images.${index}.url`, s)
-                  }
+                  onUploadSuccess={(s) => form.setValue(`media.images.${index}.url`, s)}
                   disabled={disabled}
                 />
                 <Flex gap={4} justify="flex-end" className="mt-2">
@@ -231,11 +173,7 @@ export default function EventMedia({
                     }}
                     disabled={index === fields.length - 1}
                   />
-                  <Button
-                    danger
-                    icon={<IconTrash size={14} />}
-                    onClick={() => remove(index)}
-                  />
+                  <Button danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
                 </Flex>
               </Flex>
             </Flex>
diff --git a/src/pages/dashboard/event/edit/EventSources.tsx b/src/pages/dashboard/event/edit/EventSources.tsx
index e03127e..c2a68bf 100644
--- a/src/pages/dashboard/event/edit/EventSources.tsx
+++ b/src/pages/dashboard/event/edit/EventSources.tsx
@@ -1,10 +1,5 @@
 import { useFieldArray, UseFormReturn } from "react-hook-form";
-import {
-  IconArrowDown,
-  IconArrowUp,
-  IconPlus,
-  IconTrash,
-} from "@tabler/icons-react";
+import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
 import { Typography, Button, Flex, Row, Col, Form, Input, Card } from "antd";
 import { EditEventSchema } from "@/types/event";
 import { z } from "zod";
@@ -18,12 +13,10 @@ interface EventSourcesProps {
 }
 
 export default function EventSources({ form }: EventSourcesProps) {
-  const { fields, append, prepend, remove, swap, move, insert } = useFieldArray(
-    {
-      control: form.control,
-      name: "sources",
-    }
-  );
+  const { fields, append, prepend, remove, swap, move, insert } = useFieldArray({
+    control: form.control,
+    name: "sources",
+  });
   return (
     <div>
       <Title level={5}>展会信息来源</Title>
@@ -46,52 +39,28 @@ export default function EventSources({ form }: EventSourcesProps) {
                 <Col flex={1}>
                   <Form.Item
                     label="名称"
-                    validateStatus={
-                      form.formState.errors.sources?.[index]?.name
-                        ? "error"
-                        : undefined
-                    }
+                    validateStatus={form.formState.errors.sources?.[index]?.name ? "error" : undefined}
                     help={form.formState.errors.sources?.[index]?.name?.message}
                   >
-                    <Input
-                      placeholder="信息来源名称"
-                      {...form.register(`sources.${index}.name`)}
-                    />
+                    <Input placeholder="信息来源名称" {...form.register(`sources.${index}.name`)} />
                   </Form.Item>
                 </Col>
                 <Col flex={1}>
                   <Form.Item
                     label="链接"
-                    validateStatus={
-                      form.formState.errors.sources?.[index]?.url
-                        ? "error"
-                        : undefined
-                    }
+                    validateStatus={form.formState.errors.sources?.[index]?.url ? "error" : undefined}
                     help={form.formState.errors.sources?.[index]?.url?.message}
                   >
-                    <Input
-                      placeholder="信息来源链接"
-                      {...form.register(`sources.${index}.url`)}
-                    />
+                    <Input placeholder="信息来源链接" {...form.register(`sources.${index}.url`)} />
                   </Form.Item>
                 </Col>
                 <Col flex={1}>
                   <Form.Item
                     label="描述"
-                    validateStatus={
-                      form.formState.errors.sources?.[index]?.description
-                        ? "error"
-                        : undefined
-                    }
-                    help={
-                      form.formState.errors.sources?.[index]?.description
-                        ?.message
-                    }
+                    validateStatus={form.formState.errors.sources?.[index]?.description ? "error" : undefined}
+                    help={form.formState.errors.sources?.[index]?.description?.message}
                   >
-                    <Input
-                      placeholder="信息来源描述（可选）"
-                      {...form.register(`sources.${index}.description`)}
-                    />
+                    <Input placeholder="信息来源描述（可选）" {...form.register(`sources.${index}.description`)} />
                   </Form.Item>
                 </Col>
                 <Col>
@@ -102,7 +71,7 @@ export default function EventSources({ form }: EventSourcesProps) {
                       icon={<IconArrowUp size={14} />}
                       onClick={() => {
                         if (index > 0) {
-                          move(index, index - 1)
+                          move(index, index - 1);
                         }
                       }}
                       disabled={index === 0}
@@ -112,16 +81,11 @@ export default function EventSources({ form }: EventSourcesProps) {
                       type="text"
                       icon={<IconArrowDown size={14} />}
                       onClick={() => {
-                        move(index, index + 1)
+                        move(index, index + 1);
                       }}
                       disabled={index === fields.length - 1}
                     />
-                    <Button
-                      size="small"
-                      danger
-                      icon={<IconTrash size={14} />}
-                      onClick={() => remove(index)}
-                    />
+                    <Button size="small" danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
                   </Flex>
                 </Col>
               </Row>
diff --git a/src/pages/dashboard/event/edit/GeographicInfo.tsx b/src/pages/dashboard/event/edit/GeographicInfo.tsx
index 500298f..a37b9e2 100644
--- a/src/pages/dashboard/event/edit/GeographicInfo.tsx
+++ b/src/pages/dashboard/event/edit/GeographicInfo.tsx
@@ -4,17 +4,7 @@ import { UseFormReturn, Controller } from "react-hook-form";
 import { IconSearch } from "@tabler/icons-react";
 import RegionSelector from "@/components/Region/RegionSelector";
 import LocationSearch from "@/components/Event/LocationSearch";
-import {
-  Typography,
-  Button,
-  Flex,
-  Row,
-  Col,
-  App,
-  Form,
-  Input,
-  AutoComplete,
-} from "antd";
+import { Typography, Button, Flex, Row, Col, App, Form, Input, AutoComplete } from "antd";
 import { useState } from "react";
 import { InferZodType } from "@/types/common";
 
@@ -27,24 +17,15 @@ interface GeographicInfoProps {
   setSelectedRegion: (region: Region | null) => void;
 }
 
-export default function GeographicInfo({
-  form,
-  event,
-  selectedRegion,
-  setSelectedRegion,
-}: GeographicInfoProps) {
+export default function GeographicInfo({ form, event, selectedRegion, setSelectedRegion }: GeographicInfoProps) {
   const { message } = App.useApp();
-  const [isLocationSearchModalOpen, setIsLocationSearchModalOpen] =
-    useState(false);
+  const [isLocationSearchModalOpen, setIsLocationSearchModalOpen] = useState(false);
 
-  
-    const address = form.watch("address");
+  const address = form.watch("address");
 
   return (
     <div>
-      <h5 className="text-lg font-bold">
-        地理信息
-      </h5>
+      <h5 className="text-lg font-bold">地理信息</h5>
 
       <Flex vertical gap={8}>
         <Controller
@@ -90,20 +71,14 @@ export default function GeographicInfo({
           <Col flex={1}>
             <Form.Item
               label="经度"
-              validateStatus={
-                form.formState.errors.addressLon ? "error" : undefined
-              }
+              validateStatus={form.formState.errors.addressLon ? "error" : undefined}
               help={form.formState.errors.addressLon?.message}
             >
               <Controller
                 name="addressLon"
                 control={form.control}
                 render={({ field }) => (
-                  <Input
-                    placeholder="一般是三位整数"
-                    value={field.value || ""}
-                    onChange={field.onChange}
-                  />
+                  <Input placeholder="一般是三位整数" value={field.value || ""} onChange={field.onChange} />
                 )}
               />
             </Form.Item>
@@ -111,20 +86,14 @@ export default function GeographicInfo({
           <Col flex={1}>
             <Form.Item
               label="纬度"
-              validateStatus={
-                form.formState.errors.addressLat ? "error" : undefined
-              }
+              validateStatus={form.formState.errors.addressLat ? "error" : undefined}
               help={form.formState.errors.addressLat?.message}
             >
               <Controller
                 name="addressLat"
                 control={form.control}
                 render={({ field }) => (
-                  <Input
-                    placeholder="一般是两位整数"
-                    value={field.value || ""}
-                    onChange={field.onChange}
-                  />
+                  <Input placeholder="一般是两位整数" value={field.value || ""} onChange={field.onChange} />
                 )}
               />
             </Form.Item>
diff --git a/src/pages/dashboard/event/edit/TicketChannels.tsx b/src/pages/dashboard/event/edit/TicketChannels.tsx
index cbe88c0..d10b311 100644
--- a/src/pages/dashboard/event/edit/TicketChannels.tsx
+++ b/src/pages/dashboard/event/edit/TicketChannels.tsx
@@ -43,135 +43,117 @@ export default function TicketChannels({ form }: TicketChannelsProps) {
           <div key={index} style={{ marginBottom: "1rem" }}>
             <Card title={`票务渠道 ${index + 1}`}>
               <Row gutter={8} align="bottom">
-                  <Col flex={1}>
-                    <Form.Item
-                      label="渠道类型"
-                      validateStatus={form.formState.errors.ticketChannels?.[index]?.type ? "error" : undefined}
-                      help={form.formState.errors.ticketChannels?.[index]?.type?.message}
-                    >
-                      <Controller
-                        name={`ticketChannels.${index}.type`}
-                        control={form.control}
-                        render={({ field }) => (
-                          <Select
-                            placeholder="选择渠道类型"
-                            options={[
-                              { label: "微信小程序", value: "wxMiniProgram" },
-                              { label: "网页链接", value: "url" },
-                              { label: "二维码", value: "qrcode" },
-                              { label: "APP", value: "app" },
-                            ]}
-                            value={field.value}
-                            onChange={field.onChange}
-                          />
-                        )}
-                      />
-                    </Form.Item>
-                  </Col>
-                  <Col flex={1}>
-                    <Form.Item
-                      label="渠道名称"
-                      validateStatus={form.formState.errors.ticketChannels?.[index]?.name ? "error" : undefined}
-                      help={form.formState.errors.ticketChannels?.[index]?.name?.message}
-                    >
-                      <Controller
-                        name={`ticketChannels.${index}.name`}
-                        control={form.control}
-                        render={({ field }) => (
-                          <Input
-                            placeholder="票务渠道名称"
-                            value={field.value || ""}
-                            onChange={field.onChange}
-                          />
-                        )}
-                      />
-                    </Form.Item>
-                  </Col>
-                  <Col flex={1}>
-                    <Form.Item
-                      label="渠道链接/地址/描述"
-                      validateStatus={form.formState.errors.ticketChannels?.[index]?.url ? "error" : undefined}
-                      help={form.formState.errors.ticketChannels?.[index]?.url?.message}
-                    >
-                      <Controller
-                        name={`ticketChannels.${index}.url`}
-                        control={form.control}
-                        render={({ field }) => (
-                          <Input
-                            placeholder="渠道链接或地址或描述"
-                            value={field.value || ""}
-                            onChange={field.onChange}
-                          />
-                        )}
-                      />
-                    </Form.Item>
-                  </Col>
-                  <Col flex={1}>
-                    <Form.Item
-                      label="可用状态"
-                      validateStatus={form.formState.errors.ticketChannels?.[index]?.available ? "error" : undefined}
-                      help={form.formState.errors.ticketChannels?.[index]?.available?.message}
-                    >
-                      <Controller
-                        name={`ticketChannels.${index}.available`}
-                        control={form.control}
-                        render={({ field }) => (
-                          <Select
-                            placeholder="选择状态"
-                            options={[
-                              { label: "可用", value: "true" },
-                              { label: "不可用", value: "false" },
-                            ]}
-                            value={field.value?.toString() || "true"}
-                            onChange={(value) => {
-                              const boolValue =
-                                value === "true"
-                                  ? true
-                                  : value === "false"
-                                  ? false
-                                  : null;
-                              field.onChange(boolValue);
-                            }}
-                          />
-                        )}
-                      />
-                    </Form.Item>
-                  </Col>
-                  <Col>
-                    <Flex gap={4}>
-                      <Button
-                        size="small"
-                        type="text"
-                        icon={<IconArrowUp size={14} />}
-                        onClick={() => {
-                          if (index > 0) {
-                            move(index, index - 1);
-                          }
-                        }}
-                        disabled={index === 0}
-                      />
-                      <Button
-                        size="small"
-                        type="text"
-                        icon={<IconArrowDown size={14} />}
-                        onClick={() => {
-                          move(index, index + 1);
-                        }}
-                        disabled={index === fields.length - 1}
-                      />
-                      <Button
-                        size="small"
-                        danger
-                        icon={<IconTrash size={14} />}
-                        onClick={() => remove(index)}
-                      />
-                    </Flex>
-                  </Col>
-                </Row>
+                <Col flex={1}>
+                  <Form.Item
+                    label="渠道类型"
+                    validateStatus={form.formState.errors.ticketChannels?.[index]?.type ? "error" : undefined}
+                    help={form.formState.errors.ticketChannels?.[index]?.type?.message}
+                  >
+                    <Controller
+                      name={`ticketChannels.${index}.type`}
+                      control={form.control}
+                      render={({ field }) => (
+                        <Select
+                          placeholder="选择渠道类型"
+                          options={[
+                            { label: "微信小程序", value: "wxMiniProgram" },
+                            { label: "网页链接", value: "url" },
+                            { label: "二维码", value: "qrcode" },
+                            { label: "APP", value: "app" },
+                          ]}
+                          value={field.value}
+                          onChange={field.onChange}
+                        />
+                      )}
+                    />
+                  </Form.Item>
+                </Col>
+                <Col flex={1}>
+                  <Form.Item
+                    label="渠道名称"
+                    validateStatus={form.formState.errors.ticketChannels?.[index]?.name ? "error" : undefined}
+                    help={form.formState.errors.ticketChannels?.[index]?.name?.message}
+                  >
+                    <Controller
+                      name={`ticketChannels.${index}.name`}
+                      control={form.control}
+                      render={({ field }) => (
+                        <Input placeholder="票务渠道名称" value={field.value || ""} onChange={field.onChange} />
+                      )}
+                    />
+                  </Form.Item>
+                </Col>
+                <Col flex={1}>
+                  <Form.Item
+                    label="渠道链接/地址/描述"
+                    validateStatus={form.formState.errors.ticketChannels?.[index]?.url ? "error" : undefined}
+                    help={form.formState.errors.ticketChannels?.[index]?.url?.message}
+                  >
+                    <Controller
+                      name={`ticketChannels.${index}.url`}
+                      control={form.control}
+                      render={({ field }) => (
+                        <Input placeholder="渠道链接或地址或描述" value={field.value || ""} onChange={field.onChange} />
+                      )}
+                    />
+                  </Form.Item>
+                </Col>
+                <Col flex={1}>
+                  <Form.Item
+                    label="可用状态"
+                    validateStatus={form.formState.errors.ticketChannels?.[index]?.available ? "error" : undefined}
+                    help={form.formState.errors.ticketChannels?.[index]?.available?.message}
+                  >
+                    <Controller
+                      name={`ticketChannels.${index}.available`}
+                      control={form.control}
+                      render={({ field }) => (
+                        <Select
+                          placeholder="选择状态"
+                          options={[
+                            { label: "可用", value: "true" },
+                            { label: "不可用", value: "false" },
+                          ]}
+                          value={field.value?.toString() || "true"}
+                          onChange={(value) => {
+                            const boolValue = value === "true" ? true : value === "false" ? false : null;
+                            field.onChange(boolValue);
+                          }}
+                        />
+                      )}
+                    />
+                  </Form.Item>
+                </Col>
+                <Col>
+                  <Flex gap={4}>
+                    <Button
+                      size="small"
+                      type="text"
+                      icon={<IconArrowUp size={14} />}
+                      onClick={() => {
+                        if (index > 0) {
+                          move(index, index - 1);
+                        }
+                      }}
+                      disabled={index === 0}
+                    />
+                    <Button
+                      size="small"
+                      type="text"
+                      icon={<IconArrowDown size={14} />}
+                      onClick={() => {
+                        move(index, index + 1);
+                      }}
+                      disabled={index === fields.length - 1}
+                    />
+                    <Button size="small" danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
+                  </Flex>
+                </Col>
+              </Row>
             </Card>
           </div>
         ))}
       </Flex>
     </div>
   );
-} 
\ No newline at end of file
+}
diff --git a/src/pages/dashboard/event/edit/UriBuilder.tsx b/src/pages/dashboard/event/edit/UriBuilder.tsx
index e6dd56a..c7758e2 100644
--- a/src/pages/dashboard/event/edit/UriBuilder.tsx
+++ b/src/pages/dashboard/event/edit/UriBuilder.tsx
@@ -17,9 +17,7 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
   const generateEventSlug = () => {
     const startAt = form.watch("startAt");
     const selectedYear = new Date(startAt).getFullYear();
-    const selectedMonth = new Date(startAt)
-      .toLocaleString("en-us", { month: "short" })
-      .toLocaleLowerCase();
+    const selectedMonth = new Date(startAt).toLocaleString("en-us", { month: "short" }).toLocaleLowerCase();
     const city = selectedRegion?.code;
 
     if (!selectedYear || !selectedMonth || !city) {
@@ -40,11 +38,7 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
           validateStatus={form.formState.errors.slug ? "error" : undefined}
           help={form.formState.errors.slug?.message}
         >
-          <Input
-            disabled
-            placeholder="请输入展会Slug"
-            {...form.register("slug")}
-          />
+          <Input disabled placeholder="请输入展会Slug" {...form.register("slug")} />
         </Form.Item>
         <Button
           onClick={() => {
diff --git a/src/pages/dashboard/event/edit/page.tsx b/src/pages/dashboard/event/edit/page.tsx
index ebe1338..f6c2fcd 100644
--- a/src/pages/dashboard/event/edit/page.tsx
+++ b/src/pages/dashboard/event/edit/page.tsx
@@ -1,16 +1,20 @@
 import { useNavigate, useParams } from "react-router-dom";
 
-import { type EditableEvent, EventItem, EditEventSchema, EventStatus, EventType, EventScale, EventLocationType } from "@/types/event";
+import {
+  type EditableEvent,
+  EventItem,
+  EditEventSchema,
+  EventStatus,
+  EventType,
+  EventScale,
+  EventLocationType,
+} from "@/types/event";
 import { Button, Divider, Typography, Flex, App, Form } from "antd";
 import { Spin } from "antd";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Organization } from "@/types/organization";
-import {
-  createEvent,
-  getEventDetail,
-  updateEvent,
-} from "@/api/dashboard/event";
+import { createEvent, getEventDetail, updateEvent } from "@/api/dashboard/event";
 
 import "dayjs/locale/zh-cn";
 import DefaultContainer from "@/components/Container";
@@ -31,19 +35,16 @@ import { InferZodType } from "@/types/common";
 
 export default function EventEditPage() {
   const { eventId } = useParams();
+  const isEditing = !!eventId;
 
   const {
     data: event,
     isLoading,
     error: isError,
-  } = useSWR(
-    [`event-detail`, eventId],
-    eventId ? () => getEventDetail({ id: eventId! }) : null,
-    {
-      revalidateOnFocus: false,
-      revalidateOnReconnect: false,
-    }
-  );
+  } = useSWR([`event-detail`, eventId], eventId ? () => getEventDetail({ id: eventId! }) : null, {
+    revalidateOnFocus: false,
+    revalidateOnReconnect: false,
+  });
 
   if (isError) {
     return <LoadError />;
@@ -52,18 +53,20 @@ export default function EventEditPage() {
   return (
     <div className="relative">
       <DefaultContainer className="sticky top-0 z-20">
-        <h2 className="text-2xl font-bold">
-          {eventId ? "编辑展会" : "新建展会"}
-        </h2>
+        <h2 className="text-2xl font-bold">{eventId ? "编辑展会" : "新建展会"}</h2>
       </DefaultContainer>
 
       <DefaultContainer className="mt-4">
-        {isLoading ? (
-          <Flex justify="center" align="center">
-            <Spin />
-          </Flex>
+        {isEditing ? (
+          isLoading ? (
+            <Flex justify="center" align="center">
+              <Spin />
+            </Flex>
+          ) : (
+            <EventEditorContent event={event} />
+          )
         ) : (
-          <EventEditorContent event={event} />
+          <EventEditorContent />
         )}
       </DefaultContainer>
     </div>
@@ -74,26 +77,20 @@ function EventEditorContent({ event }: { event?: EventItem }) {
   const navigate = useNavigate();
   const { message } = App.useApp();
 
-  const [selectedRegion, setSelectedRegion] = useState<Region | null>(
-    event?.region || null
-  );
+  const [selectedRegion, setSelectedRegion] = useState<Region | null>(event?.region || null);
 
-  const [selectedOrganization, setSelectedOrganization] =
-    useState<Organization | null>(event?.organization || null);
+  const [selectedOrganization, setSelectedOrganization] = useState<Organization | null>(event?.organization || null);
 
-  const [selectedOrganizations, setSelectedOrganizations] = useState<
-    Organization[] | null
-  >(event?.organizations || null);
+  const [selectedOrganizations, setSelectedOrganizations] = useState<Organization[] | null>(
+    event?.organizations || null,
+  );
+  console.log("event", event);
 
   const form = useForm({
     defaultValues: {
       name: event?.name || "",
-      startAt: event?.startAt
-        ? event?.startAt
-        : new Date(new Date().setHours(10, 0, 0, 0)).toISOString(),
-      endAt: event?.endAt
-        ? event?.endAt
-        : new Date(new Date().setHours(18, 0, 0, 0)).toISOString(),
+      startAt: event?.startAt ? event?.startAt : new Date(new Date().setHours(10, 0, 0, 0)).toISOString(),
+      endAt: event?.endAt ? event?.endAt : new Date(new Date().setHours(18, 0, 0, 0)).toISOString(),
       address: event?.address || "",
       regionId: event?.regionId || "",
       features: event?.features || { self: [], common: [] },
@@ -120,8 +117,8 @@ function EventEditorContent({ event }: { event?: EventItem }) {
     resolver: zodResolver(EditEventSchema),
   });
 
-  const { handleSubmit } = form;
-
+  const { handleSubmit, getValues } = form;
+  console.log("getValues", getValues());
 
   const onSubmit = async (formData: InferZodType<typeof EditEventSchema>) => {
     try {
diff --git a/src/pages/dashboard/event/page.tsx b/src/pages/dashboard/event/page.tsx
index 5508ac0..6787556 100644
--- a/src/pages/dashboard/event/page.tsx
+++ b/src/pages/dashboard/event/page.tsx
@@ -1,11 +1,28 @@
-import { Button, Flex, Typography, App } from 'antd';
-import { useMutation, useQuery } from '@tanstack/react-query';
-import { deleteEvent, getEventList } from '@/api/dashboard/event';
-import DefaultContainer from '@/components/Container';
-import EventList from '@/pages/dashboard/event/components/EventList';
-import { IconCirclePlus } from '@tabler/icons-react';
-import { useNavigate } from 'react-router-dom';
-import { useQueryState, parseAsInteger } from 'nuqs';
+import { cleanPageCache } from "@/api/dashboard/cache";
+import { deleteEvent, getEventList } from "@/api/dashboard/event";
+import DefaultContainer from "@/components/Container";
+import { EventScaleLabel, EventStatusColor, EventStatusLabel } from "@/consts/event";
+import { EventItem } from "@/types/event";
+import { IconCirclePlus, IconEdit, IconLink, IconMenu, IconRefresh, IconSearch, IconTrash } from "@tabler/icons-react";
+import {
+  App,
+  Button,
+  Dropdown,
+  Flex,
+  Input,
+  MenuProps,
+  Space,
+  Table,
+  TableColumnType,
+  Tag,
+  Tooltip,
+  Typography,
+} from "antd";
+import { ColumnsType, FilterDropdownProps } from "antd/es/table/interface";
+import dayjs from "dayjs";
+import { parseAsInteger, useQueryState } from "nuqs";
+import { useNavigate } from "react-router-dom";
+import useSWR from "swr";
 
 const { Title } = Typography;
 
@@ -13,17 +30,10 @@ export default function EventPage() {
   const navigate = useNavigate();
   const { message } = App.useApp();
 
-  const [search, setSearch] = useQueryState('search');
-  const [orgSearch, setOrgSearch] = useQueryState('orgSearch');
-  const [currentPage, setCurrentPage] = useQueryState(
-    'currentPage',
-    parseAsInteger.withDefault(1)
-  );
-  // const [pageSize, setPageSize] = useState(20);
-  const [pageSize, setPageSize] = useQueryState(
-    'pageSize',
-    parseAsInteger.withDefault(20)
-  );
+  const [search, setSearch] = useQueryState("search");
+  const [orgSearch, setOrgSearch] = useQueryState("orgSearch");
+  const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
+  const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
 
   const pagination = {
     search,
@@ -39,30 +49,220 @@ export default function EventPage() {
     pageSize: setPageSize,
   };
 
-  const { isPending, isError, data, error, refetch } = useQuery({
-    queryKey: ['event-list', pagination],
-    queryFn: () => getEventList(pagination),
+  const { data, isLoading, mutate } = useSWR(["event-list", pagination], () => getEventList(pagination));
+
+  const handleDeleteEvent = async (id: string) => {
+    try {
+      await deleteEvent(id);
+      message.success("删除展商成功，如果是误操作请马上联系管理员。");
+      mutate();
+    } catch (error) {
+      message.error("删除展商失败，请稍后重试。");
+    }
+  };
+
+  const handleRefreshPage = async (slug: string) => {
+    await cleanPageCache(`${slug}`);
+    message.success("刷新页面缓存成功");
+  };
+
+  const handleSearch = (
+    selectedKeys: string[],
+    confirm: FilterDropdownProps["confirm"],
+    dataIndex: keyof EventItem,
+  ) => {
+    console.log(selectedKeys);
+    confirm();
+
+    if (dataIndex === "name") {
+      setPagination.search(selectedKeys[0]);
+    } else if (dataIndex === "organization") {
+      setPagination.orgSearch(selectedKeys[0]);
+    }
+    setPagination.current(1);
+  };
+
+  const handleReset = (
+    clearFilters: () => void,
+    confirm: FilterDropdownProps["confirm"],
+    dataIndex: keyof EventItem,
+  ) => {
+    clearFilters();
+    confirm();
+
+    if (dataIndex === "name") {
+      setPagination.search(null);
+    } else if (dataIndex === "organization") {
+      setPagination.orgSearch(null);
+    }
+    setPagination.current(1);
+  };
+
+  const getColumnSearchProps = (
+    dataIndex: keyof EventItem,
+    searchPlaceholder?: string,
+  ): TableColumnType<EventItem> => ({
+    filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
+      <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
+        <Space orientation="vertical">
+          <Input
+            placeholder={searchPlaceholder}
+            value={selectedKeys[0]}
+            allowClear
+            onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
+            onPressEnter={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
+          />
+          <Space>
+            <Button
+              onClick={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
+              icon={<IconSearch size={14} />}
+              size="small"
+              type="primary"
+              style={{ width: 90 }}
+            >
+              搜索
+            </Button>
+            <Button onClick={() => clearFilters && handleReset(clearFilters, confirm, dataIndex)} size="small">
+              重置
+            </Button>
+            <Button
+              size="small"
+              type="text"
+              onClick={() => {
+                close();
+              }}
+            >
+              关闭
+            </Button>
+          </Space>
+        </Space>
+      </div>
+    ),
+    filterIcon: (filtered: boolean) => <IconSearch size={14} style={{ color: filtered ? "#1677ff" : undefined }} />,
   });
 
-  const { mutate: onDeleteEvent } = useMutation({
-    mutationFn: deleteEvent,
-    onSuccess: () => {
-      message.success('删除展商成功，如果是误操作请马上联系管理员。');
-      refetch();
+  const columns: ColumnsType<EventItem> = [
+    {
+      title: "展商",
+      dataIndex: ["organization", "name"],
+      key: "organizationName",
+      fixed: "left",
+      ...getColumnSearchProps("organization", "请输入展商名称"),
     },
-  });
+    {
+      title: "展会名称",
+      dataIndex: "name",
+      key: "name",
+      fixed: "left",
+      ...getColumnSearchProps("name", "请输入展会名称"),
+    },
+    {
+      title: "日期",
+      key: "date",
+      render: (_, record) => (
+        <Space>
+          <Tag>
+            {dayjs(record.startAt).format("YYYY/MM/DD")}-{dayjs(record.endAt).format("MM/DD")}
+          </Tag>
+        </Space>
+      ),
+    },
+    {
+      title: "状态",
+      dataIndex: "status",
+      key: "status",
+      render: (status) => (
+        <Tooltip title={EventStatusLabel[status]}>
+          <Tag color={EventStatusColor[status]}>{EventStatusLabel[status]}</Tag>
+        </Tooltip>
+      ),
+    },
+    {
+      title: "规模",
+      dataIndex: "scale",
+      key: "scale",
+      render: (scale) => EventScaleLabel[scale],
+    },
+    {
+      title: "城市",
+      dataIndex: ["region", "name"],
+      key: "city",
+    },
+
+    {
+      title: "地址",
+      dataIndex: "address",
+      key: "address",
+    },
+    {
+      title: "操作",
+      key: "action",
+      fixed: "right",
+      render: (_, record) => {
+        const menuItems: MenuProps["items"] = [
+          {
+            key: "refresh",
+            icon: <IconRefresh style={{ width: 14, height: 14 }} />,
+            label: "刷新",
+            onClick: () => {
+              handleRefreshPage(`/${record.organization.slug}/${record.slug}`);
+            },
+          },
+          {
+            key: "view",
+            icon: <IconLink style={{ width: 14, height: 14 }} />,
+            label: "在网站上查看",
+            onClick: () => {
+              window.open(`https://www.furrycons.cn/${record.organization.slug}/${record.slug}`, "_blank");
+            },
+          },
+          { type: "divider" },
+          {
+            key: "delete",
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: "删除",
+            danger: true,
+            onClick: () => {
+              handleDeleteEvent(record.id);
+            },
+          },
+        ];
+
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              onClick={() => {
+                window.open(`/dashboard/event/${record.id}/edit`);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
+
+            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
+              <Button icon={<IconMenu size={14} stroke={1.5} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
+    },
+  ];
 
   return (
     <>
       <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
-          <Title level={3} className="m-0">展会列表</Title>
+          <Title level={3} className="m-0">
+            展会列表
+          </Title>
 
           <Button
             type="primary"
             icon={<IconCirclePlus size={16} stroke={1.5} />}
             onClick={() => {
-              navigate('/dashboard/event/create');
+              navigate("/dashboard/event/create");
             }}
           >
             添加展会
@@ -71,12 +271,25 @@ export default function EventPage() {
       </DefaultContainer>
 
       <div className="shadow mt-4 p-4 rounded-xl bg-white">
-        <EventList
-          data={data || { total: 0, records: [] }}
-          isPending={isPending}
-          pagination={pagination}
-          setPagination={setPagination}
-          onDeleteEvent={onDeleteEvent}
+        <Table
+          rowKey={(row) => row.id}
+          columns={columns}
+          loading={isLoading}
+          dataSource={data?.records || []}
+          scroll={{ x: "max-content" }}
+          pagination={{
+            pageSize: pagination.pageSize,
+            total: data?.total,
+            current: pagination.current,
+          }}
+          onChange={(tablePagination) => {
+            if (tablePagination.current) {
+              setPagination.current(tablePagination.current);
+            }
+            if (tablePagination.pageSize) {
+              setPagination.pageSize(tablePagination.pageSize);
+            }
+          }}
         />
       </div>
     </>
diff --git a/src/pages/dashboard/feature/components/FeatureEditor/index.tsx b/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
index b903ca1..c5ca84f 100644
--- a/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
+++ b/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
@@ -1,5 +1,10 @@
 import { createFeature, updateFeature } from "@/api/dashboard/feature";
-import { FeatureCategory, FeatureCategoryLabel, type CrateFeatureType, type EditableFeatureType } from "@/types/feature";
+import {
+  FeatureCategory,
+  FeatureCategoryLabel,
+  type CrateFeatureType,
+  type EditableFeatureType,
+} from "@/types/feature";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Modal, Button, Flex, App, Form, Select, Input } from "antd";
@@ -18,9 +23,7 @@ export default function FeatureEditor({
 }) {
   return (
     <Modal open={opened} onCancel={onClose} title="标签编辑" centered footer={null}>
-      {opened && (
-        <ModalComponent editingFeature={editingFeature} onClose={onClose} />
-      )}
+      {opened && <ModalComponent editingFeature={editingFeature} onClose={onClose} />}
     </Modal>
   );
 }
@@ -33,7 +36,7 @@ function ModalComponent({
   onClose: () => void;
 }) {
   const { message } = App.useApp();
-  
+
   type FeatureFormValues = {
     name: string;
     category: string;
@@ -92,10 +95,7 @@ function ModalComponent({
         validateStatus={form.getInputProps("name").error ? "error" : undefined}
         help={form.getInputProps("name").error}
       >
-        <Input
-          placeholder="请输入标签名称"
-          {...form.getInputProps("name")}
-        />
+        <Input placeholder="请输入标签名称" {...form.getInputProps("name")} />
       </Form.Item>
 
       <Form.Item
@@ -120,14 +120,13 @@ function ModalComponent({
         help="标签简述可能会在未来展示于筛选设置中。"
         validateStatus={form.getInputProps("description").error ? "error" : undefined}
       >
-        <TextArea
-          placeholder="请输入标签简述"
-          {...form.getInputProps("description")}
-        />
+        <TextArea placeholder="请输入标签简述" {...form.getInputProps("description")} />
       </Form.Item>
 
       <Flex justify="flex-end" style={{ marginTop: 16 }}>
-        <Button type="primary" htmlType="submit">提交</Button>
+        <Button type="primary" htmlType="submit">
+          提交
+        </Button>
       </Flex>
     </form>
   );
diff --git a/src/pages/dashboard/feature/components/FeatureList/index.tsx b/src/pages/dashboard/feature/components/FeatureList/index.tsx
index dd7ef81..1535f9d 100644
--- a/src/pages/dashboard/feature/components/FeatureList/index.tsx
+++ b/src/pages/dashboard/feature/components/FeatureList/index.tsx
@@ -4,11 +4,7 @@ import Table, { type ColumnsType } from "antd/es/table";
 
 import { cleanPageCache } from "@/api/dashboard/cache";
 import type { List } from "@/types/Request";
-import {
-  FeatureCategory,
-  FeatureCategoryLabel,
-  type FeatureType,
-} from "@/types/feature";
+import { FeatureCategory, FeatureCategoryLabel, type FeatureType } from "@/types/feature";
 import { IconEdit, IconMenu, IconTrash } from "@tabler/icons-react";
 import { useMutation } from "@tanstack/react-query";
 import { useNavigate } from "react-router-dom";
@@ -26,7 +22,7 @@ export default function FeatureList({
   setPagination: {
     current: (current: number) => void;
     pageSize: (pageSize: number) => void;
-  }
+  };
   onEdit: (feature: FeatureType) => void;
 }) {
   const navigate = useNavigate();
@@ -51,11 +47,7 @@ export default function FeatureList({
       dataIndex: "category",
       key: "category",
       width: 100,
-      render: (_, record) => (
-        <Tag color="blue">
-          {FeatureCategoryLabel[record.category as FeatureCategory]}
-        </Tag>
-      ),
+      render: (_, record) => <Tag color="blue">{FeatureCategoryLabel[record.category as FeatureCategory]}</Tag>,
     },
     {
       title: "描述",
@@ -68,12 +60,12 @@ export default function FeatureList({
       fixed: "right",
       width: 250,
       render: (_, record) => {
-        const menuItems: MenuProps['items'] = [
-          { type: 'divider' },
+        const menuItems: MenuProps["items"] = [
+          { type: "divider" },
           {
-            key: 'delete',
+            key: "delete",
             icon: <IconTrash style={{ width: 14, height: 14 }} />,
-            label: '删除',
+            label: "删除",
             danger: true,
             disabled: true,
           },
@@ -92,7 +84,7 @@ export default function FeatureList({
               编辑
             </Button>
 
-            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
+            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
               <Button icon={<IconMenu size={14} stroke={1.5} />} />
             </Dropdown>
           </Space>
diff --git a/src/pages/dashboard/feature/index.tsx b/src/pages/dashboard/feature/index.tsx
index 9c0239a..ecfc97f 100644
--- a/src/pages/dashboard/feature/index.tsx
+++ b/src/pages/dashboard/feature/index.tsx
@@ -1,14 +1,14 @@
-import { Button, Flex, Typography } from 'antd';
-import { useRef, useState } from 'react';
-import { useQuery } from '@tanstack/react-query';
-import DefaultContainer from '@/components/Container';
-import { IconCirclePlus } from '@tabler/icons-react';
-import { useNavigate } from 'react-router-dom';
-import { getFeatureList } from '@/api/dashboard/feature';
-import FeatureList from '@/pages/dashboard/feature/components/FeatureList';
-import FeatureEditor from '@/pages/dashboard/feature/components/FeatureEditor';
-import type { FeatureType } from '@/types/feature';
-import { useQueryState, parseAsInteger } from 'nuqs';
+import { Button, Flex, Typography } from "antd";
+import { useRef, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import DefaultContainer from "@/components/Container";
+import { IconCirclePlus } from "@tabler/icons-react";
+import { useNavigate } from "react-router-dom";
+import { getFeatureList } from "@/api/dashboard/feature";
+import FeatureList from "@/pages/dashboard/feature/components/FeatureList";
+import FeatureEditor from "@/pages/dashboard/feature/components/FeatureEditor";
+import type { FeatureType } from "@/types/feature";
+import { useQueryState, parseAsInteger } from "nuqs";
 
 const { Title } = Typography;
 
@@ -18,14 +18,8 @@ export default function FeaturePage() {
 
   const [opened, setOpened] = useState(false);
 
-  const [currentPage, setCurrentPage] = useQueryState(
-    'currentPage',
-    parseAsInteger.withDefault(1)
-  );
-  const [pageSize, setPageSize] = useQueryState(
-    'pageSize',
-    parseAsInteger.withDefault(20)
-  );
+  const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
+  const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
   const setPagination = {
     current: setCurrentPage,
     pageSize: setPageSize,
@@ -37,7 +31,7 @@ export default function FeaturePage() {
   };
 
   const { isPending, isError, data, error, refetch } = useQuery({
-    queryKey: ['feature-list', pagination],
+    queryKey: ["feature-list", pagination],
     queryFn: () => getFeatureList(pagination),
   });
 
@@ -45,7 +39,9 @@ export default function FeaturePage() {
     <>
       <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
-          <Title level={2} style={{ margin: 0 }}>标签列表</Title>
+          <Title level={3} className="m-0">
+            标签列表
+          </Title>
 
           <Button
             type="primary"
@@ -73,11 +69,7 @@ export default function FeaturePage() {
         />
       </div>
 
-      <FeatureEditor
-        opened={opened}
-        onClose={() => setOpened(false)}
-        editingFeature={editingFeature.current}
-      />
+      <FeatureEditor opened={opened} onClose={() => setOpened(false)} editingFeature={editingFeature.current} />
     </>
   );
 }
diff --git a/src/pages/dashboard/layout.tsx b/src/pages/dashboard/layout.tsx
index 47efac8..cf26f68 100644
--- a/src/pages/dashboard/layout.tsx
+++ b/src/pages/dashboard/layout.tsx
@@ -77,13 +77,13 @@ const bottomMenuItems: MenuItem[] = [
 ];
 
 const siderStyle: React.CSSProperties = {
-  overflow: 'auto',
-  height: '100vh',
-  position: 'sticky',
+  overflow: "auto",
+  height: "100vh",
+  position: "sticky",
   insetInlineStart: 0,
   top: 0,
-  scrollbarWidth: 'thin',
-  scrollbarGutter: 'stable',
+  scrollbarWidth: "thin",
+  scrollbarGutter: "stable",
 };
 
 export default function DashboardLayout() {
diff --git a/src/pages/dashboard/organization/components/OrganizationList/index.tsx b/src/pages/dashboard/organization/components/OrganizationList/index.tsx
index 1b64ea3..67c8a57 100644
--- a/src/pages/dashboard/organization/components/OrganizationList/index.tsx
+++ b/src/pages/dashboard/organization/components/OrganizationList/index.tsx
@@ -7,20 +7,8 @@ import dayjs from "dayjs";
 
 import { cleanPageCache } from "@/api/dashboard/cache";
 import type { List } from "@/types/Request";
-import {
-  OrganizationStatusLabel,
-  type Organization,
-  OrganizationTypeLabel,
-} from "@/types/organization";
-import {
-  IconEdit,
-  IconInfoCircle,
-  IconLink,
-  IconMenu,
-  IconRefresh,
-  IconSearch,
-  IconTrash,
-} from "@tabler/icons-react";
+import { OrganizationStatusLabel, type Organization, OrganizationTypeLabel } from "@/types/organization";
+import { IconEdit, IconInfoCircle, IconLink, IconMenu, IconRefresh, IconSearch, IconTrash } from "@tabler/icons-react";
 import { useMutation } from "@tanstack/react-query";
 import { useNavigate } from "react-router-dom";
 
@@ -60,7 +48,7 @@ export default function OrganizationList({
   const handleSearch = (
     selectedKeys: string[],
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof Organization
+    dataIndex: keyof Organization,
   ) => {
     console.log(selectedKeys);
     confirm();
@@ -75,7 +63,7 @@ export default function OrganizationList({
   const handleReset = (
     clearFilters: () => void,
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof Organization
+    dataIndex: keyof Organization,
   ) => {
     clearFilters();
     confirm();
@@ -89,33 +77,21 @@ export default function OrganizationList({
 
   const getColumnSearchProps = (
     dataIndex: keyof Organization,
-    searchPlaceholder?: string
+    searchPlaceholder?: string,
   ): TableColumnType<Organization> => ({
-    filterDropdown: ({
-      setSelectedKeys,
-      selectedKeys,
-      confirm,
-      clearFilters,
-      close,
-    }) => (
+    filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
       <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
         <Space direction="vertical">
           <Input
             placeholder={searchPlaceholder}
             value={selectedKeys[0]}
             allowClear
-            onChange={(e) =>
-              setSelectedKeys(e.target.value ? [e.target.value] : [])
-            }
-            onPressEnter={() =>
-              handleSearch(selectedKeys as string[], confirm, dataIndex)
-            }
+            onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
+            onPressEnter={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
           />
           <Space>
             <Button
-              onClick={() =>
-                handleSearch(selectedKeys as string[], confirm, dataIndex)
-              }
+              onClick={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
               icon={<IconSearch size={14} />}
               size="small"
               type="primary"
@@ -123,12 +99,7 @@ export default function OrganizationList({
             >
               搜索
             </Button>
-            <Button
-              onClick={() =>
-                clearFilters && handleReset(clearFilters, confirm, dataIndex)
-              }
-              size="small"
-            >
+            <Button onClick={() => clearFilters && handleReset(clearFilters, confirm, dataIndex)} size="small">
               重置
             </Button>
             <Button
@@ -144,12 +115,7 @@ export default function OrganizationList({
         </Space>
       </div>
     ),
-    filterIcon: (filtered: boolean) => (
-      <IconSearch
-        size={14}
-        style={{ color: filtered ? "#1677ff" : undefined }}
-      />
-    ),
+    filterIcon: (filtered: boolean) => <IconSearch size={14} style={{ color: filtered ? "#1677ff" : undefined }} />,
   });
 
   const columns: ColumnsType<Organization> = [
@@ -183,11 +149,7 @@ export default function OrganizationList({
       title: "创立日期",
       key: "date",
       render: (_, record) => (
-        <Space>
-          {record.creationTime
-            ? dayjs(record.creationTime).format("YYYY年MM月DD日")
-            : "未配置"}
-        </Space>
+        <Space>{record.creationTime ? dayjs(record.creationTime).format("YYYY年MM月DD日") : "未配置"}</Space>
       ),
     },
     {
@@ -196,17 +158,17 @@ export default function OrganizationList({
       fixed: "right",
       width: 250,
       render: (_, record) => {
-        const menuItems: MenuProps['items'] = [
+        const menuItems: MenuProps["items"] = [
           {
-            key: 'refresh',
+            key: "refresh",
             icon: <IconRefresh style={{ width: 14, height: 14 }} />,
-            label: '刷新',
+            label: "刷新",
             onClick: () => {
               refreshPage(`/${record.slug}`);
             },
           },
           {
-            key: 'view-international',
+            key: "view-international",
             icon: <IconLink style={{ width: 14, height: 14 }} />,
             label: (
               <Tooltip title="国际站没有缓存，修改后会立刻显示">
@@ -214,14 +176,11 @@ export default function OrganizationList({
               </Tooltip>
             ),
             onClick: () => {
-              window.open(
-                `https://www.furryeventchina.com/${record.slug}`,
-                "_blank"
-              );
+              window.open(`https://www.furryeventchina.com/${record.slug}`, "_blank");
             },
           },
           {
-            key: 'view-domestic',
+            key: "view-domestic",
             icon: <IconLink style={{ width: 14, height: 14 }} />,
             label: (
               <Tooltip title="国内站有缓存，修改后大概24小时生效，除非你手动刷新">
@@ -229,17 +188,14 @@ export default function OrganizationList({
               </Tooltip>
             ),
             onClick: () => {
-              window.open(
-                `https://www.furrycons.cn/${record.slug}`,
-                "_blank"
-              );
+              window.open(`https://www.furrycons.cn/${record.slug}`, "_blank");
             },
           },
-          { type: 'divider' },
+          { type: "divider" },
           {
-            key: 'delete',
+            key: "delete",
             icon: <IconTrash style={{ width: 14, height: 14 }} />,
-            label: '删除',
+            label: "删除",
             danger: true,
             disabled: true,
           },
@@ -258,7 +214,7 @@ export default function OrganizationList({
               编辑
             </Button>
 
-            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
+            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
               <Button icon={<IconMenu size={14} stroke={1.5} />} />
             </Dropdown>
           </Space>
diff --git a/src/pages/dashboard/organization/edit/index.tsx b/src/pages/dashboard/organization/edit/index.tsx
index 02483d4..623de11 100644
--- a/src/pages/dashboard/organization/edit/index.tsx
+++ b/src/pages/dashboard/organization/edit/index.tsx
@@ -1,8 +1,4 @@
-import {
-  createOrganization,
-  getOrganizationDetail,
-  updateOrganization,
-} from "@/api/dashboard/organization";
+import { createOrganization, getOrganizationDetail, updateOrganization } from "@/api/dashboard/organization";
 import DefaultContainer from "@/components/Container";
 import LoadError from "@/components/Error";
 import UploadImage from "@/components/UploadImage";
@@ -45,7 +41,9 @@ export default function OrganizationEditPage() {
   return (
     <div className="relative">
       <DefaultContainer className="sticky top-0 z-20">
-        <Title level={2} style={{ margin: 0 }}>{organizationId ? "编辑展商" : "新建展商"}</Title>
+        <Title level={2} style={{ margin: 0 }}>
+          {organizationId ? "编辑展商" : "新建展商"}
+        </Title>
       </DefaultContainer>
 
       <DefaultContainer className="mt-4">
@@ -61,14 +59,10 @@ export default function OrganizationEditPage() {
   );
 }
 
-function OrganizationEditorContent({
-  organization,
-}: {
-  organization?: Organization;
-}) {
+function OrganizationEditorContent({ organization }: { organization?: Organization }) {
   const navigate = useNavigate();
   const { message } = App.useApp();
-  
+
   type OrganizationFormValues = {
     name: string;
     slug: string;
@@ -125,7 +119,7 @@ function OrganizationEditorContent({
         slug: z.string().regex(/^[a-z0-9-]+$/, {
           message: "只允许小写英文字母、数字和连字符-",
         }),
-      })
+      }),
     ),
   });
 
@@ -149,22 +143,21 @@ function OrganizationEditorContent({
       ...register(name),
       error: errors[name]?.message,
     }),
-    onSubmit: (onValid: (values: OrganizationFormValues) => void, onInvalid?: (errors: typeof formMethods.formState.errors) => void) => {
+    onSubmit: (
+      onValid: (values: OrganizationFormValues) => void,
+      onInvalid?: (errors: typeof formMethods.formState.errors) => void,
+    ) => {
       return rhfHandleSubmit(onValid, onInvalid);
     },
   };
 
   const handleSubmit = async (formData: OrganizationFormValues) => {
     const validFormData = Object.fromEntries(
-      Object.entries(formData).filter(
-        ([key, value]) => value !== null && value !== ""
-      )
+      Object.entries(formData).filter(([key, value]) => value !== null && value !== ""),
     );
     const validResult = EditableOrganizationSchema.safeParse({
       ...validFormData,
-      creationTime: formData.creationTime
-        ? new Date(formData.creationTime).toISOString()
-        : undefined,
+      creationTime: formData.creationTime ? new Date(formData.creationTime).toISOString() : undefined,
     });
     const validPayload = validResult.data;
 
@@ -209,10 +202,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("name").error ? "error" : undefined}
                   help={form.getInputProps("name").error}
                 >
-                  <Input
-                    placeholder="请输入展商名称"
-                    {...form.getInputProps("name")}
-                  />
+                  <Input placeholder="请输入展商名称" {...form.getInputProps("name")} />
                 </Form.Item>
               </Col>
               <Col flex={1}>
@@ -280,11 +270,7 @@ function OrganizationEditorContent({
               help="请不要使用大写"
               validateStatus={form.getInputProps("slug").error ? "error" : undefined}
             >
-              <Input
-                disabled={!!organization?.id}
-                placeholder="请输入展商Slug"
-                {...form.getInputProps("slug")}
-              />
+              <Input disabled={!!organization?.id} placeholder="请输入展商Slug" {...form.getInputProps("slug")} />
             </Form.Item>
 
             <Flex gap={8}>
@@ -314,10 +300,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("website").error ? "error" : undefined}
                   help={form.getInputProps("website").error}
                 >
-                  <Input
-                    placeholder="请输入网站链接"
-                    {...form.getInputProps("website")}
-                  />
+                  <Input placeholder="请输入网站链接" {...form.getInputProps("website")} />
                 </Form.Item>
               </Col>
               <Col flex={1}>
@@ -326,10 +309,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("contactMail").error ? "error" : undefined}
                   help={form.getInputProps("contactMail").error}
                 >
-                  <Input
-                    placeholder="请输入邮箱地址"
-                    {...form.getInputProps("contactMail")}
-                  />
+                  <Input placeholder="请输入邮箱地址" {...form.getInputProps("contactMail")} />
                 </Form.Item>
               </Col>
               <Col flex={1}>
@@ -338,10 +318,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("qqGroup").error ? "error" : undefined}
                   help={form.getInputProps("qqGroup").error}
                 >
-                  <Input
-                    placeholder="请输入QQ群号"
-                    {...form.getInputProps("qqGroup")}
-                  />
+                  <Input placeholder="请输入QQ群号" {...form.getInputProps("qqGroup")} />
                 </Form.Item>
               </Col>
             </Row>
@@ -353,10 +330,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("twitter").error ? "error" : undefined}
                   help={form.getInputProps("twitter").error}
                 >
-                  <Input
-                    placeholder="请输入Twitter链接"
-                    {...form.getInputProps("twitter")}
-                  />
+                  <Input placeholder="请输入Twitter链接" {...form.getInputProps("twitter")} />
                 </Form.Item>
               </Col>
               <Col flex={1}>
@@ -365,10 +339,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("weibo").error ? "error" : undefined}
                   help={form.getInputProps("weibo").error}
                 >
-                  <Input
-                    placeholder="请输入微博链接"
-                    {...form.getInputProps("weibo")}
-                  />
+                  <Input placeholder="请输入微博链接" {...form.getInputProps("weibo")} />
                 </Form.Item>
               </Col>
             </Row>
@@ -380,10 +351,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("bilibili").error ? "error" : undefined}
                   help={form.getInputProps("bilibili").error}
                 >
-                  <Input
-                    placeholder="请输入B站链接"
-                    {...form.getInputProps("bilibili")}
-                  />
+                  <Input placeholder="请输入B站链接" {...form.getInputProps("bilibili")} />
                 </Form.Item>
               </Col>
               <Col flex={1}>
@@ -392,10 +360,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("wikifur").error ? "error" : undefined}
                   help={form.getInputProps("wikifur").error}
                 >
-                  <Input
-                    placeholder="请输入Wikifur链接"
-                    {...form.getInputProps("wikifur")}
-                  />
+                  <Input placeholder="请输入Wikifur链接" {...form.getInputProps("wikifur")} />
                 </Form.Item>
               </Col>
             </Row>
@@ -407,10 +372,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("rednote").error ? "error" : undefined}
                   help={form.getInputProps("rednote").error}
                 >
-                  <Input
-                    placeholder="请输入小红书用户链接"
-                    {...form.getInputProps("rednote")}
-                  />
+                  <Input placeholder="请输入小红书用户链接" {...form.getInputProps("rednote")} />
                 </Form.Item>
               </Col>
             </Row>
@@ -422,10 +384,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("plurk").error ? "error" : undefined}
                   help={form.getInputProps("plurk").error}
                 >
-                  <Input
-                    placeholder="请输入Plurk用户链接"
-                    {...form.getInputProps("plurk")}
-                  />
+                  <Input placeholder="请输入Plurk用户链接" {...form.getInputProps("plurk")} />
                 </Form.Item>
               </Col>
               <Col flex={1}>
@@ -434,10 +393,7 @@ function OrganizationEditorContent({
                   validateStatus={form.getInputProps("facebook").error ? "error" : undefined}
                   help={form.getInputProps("facebook").error}
                 >
-                  <Input
-                    placeholder="请输入Facebook链接"
-                    {...form.getInputProps("facebook")}
-                  />
+                  <Input placeholder="请输入Facebook链接" {...form.getInputProps("facebook")} />
                 </Form.Item>
               </Col>
             </Row>
@@ -474,10 +430,7 @@ function OrganizationEditorContent({
               help="一般来说无需手动编辑，除非有两个组织的logo一致，可以直接复用另外一个组织的URL。"
               validateStatus={form.getInputProps("logoUrl").error ? "error" : undefined}
             >
-              <Input
-                placeholder="请输入展商标志图片URL"
-                {...form.getInputProps("logoUrl")}
-              />
+              <Input placeholder="请输入展商标志图片URL" {...form.getInputProps("logoUrl")} />
             </Form.Item>
             <Flex>
               <UploadImage
@@ -492,7 +445,9 @@ function OrganizationEditorContent({
 
         <div style={{ padding: "0 24px" }}>
           <Flex justify="flex-end" style={{ marginTop: 16 }}>
-            <Button type="primary" htmlType="submit">保存</Button>
+            <Button type="primary" htmlType="submit">
+              保存
+            </Button>
           </Flex>
         </div>
       </form>
diff --git a/src/pages/dashboard/organization/page.tsx b/src/pages/dashboard/organization/page.tsx
index e70a581..9a8fb9c 100644
--- a/src/pages/dashboard/organization/page.tsx
+++ b/src/pages/dashboard/organization/page.tsx
@@ -1,26 +1,20 @@
-import { getOrganizationList } from '@/api/dashboard/organization';
-import DefaultContainer from '@/components/Container';
-import OrganizationList from '@/pages/dashboard/organization/components/OrganizationList';
-import { Button, Flex, Typography } from 'antd';
-import { IconCirclePlus } from '@tabler/icons-react';
-import { useQuery } from '@tanstack/react-query';
-import { useNavigate } from 'react-router-dom';
-import { useQueryState, parseAsInteger } from 'nuqs';
-import { useState } from 'react';
+import { getOrganizationList } from "@/api/dashboard/organization";
+import DefaultContainer from "@/components/Container";
+import OrganizationList from "@/pages/dashboard/organization/components/OrganizationList";
+import { Button, Flex, Typography } from "antd";
+import { IconCirclePlus } from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
+import { useNavigate } from "react-router-dom";
+import { useQueryState, parseAsInteger } from "nuqs";
+import { useState } from "react";
 
 const { Title } = Typography;
 
 export default function OrganizationPage() {
   const navigate = useNavigate();
-  
-  const [currentPage, setCurrentPage] = useQueryState(
-    'currentPage',
-    parseAsInteger.withDefault(1)
-  );
-  const [pageSize, setPageSize] = useQueryState(
-    'pageSize',
-    parseAsInteger.withDefault(20)
-  );
+
+  const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
+  const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
 
   const [pagination, setPagination] = useState<{
     current: number;
@@ -33,26 +27,29 @@ export default function OrganizationPage() {
   });
 
   const { isPending, isError, data, error, refetch } = useQuery({
-    queryKey: ['organization-list', pagination],
-    queryFn: () => getOrganizationList({
-      pageSize: pagination.pageSize,
-      current: pagination.current,
-      name: pagination.name,
-      slug: pagination.slug,
-    }),
+    queryKey: ["organization-list", pagination],
+    queryFn: () =>
+      getOrganizationList({
+        pageSize: pagination.pageSize,
+        current: pagination.current,
+        name: pagination.name,
+        slug: pagination.slug,
+      }),
   });
 
   return (
     <>
       <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
-          <Title level={2} style={{ margin: 0 }}>展商列表</Title>
+          <Title level={3} className="m-0">
+            展商列表
+          </Title>
 
           <Button
             type="primary"
             icon={<IconCirclePlus size={16} stroke={1.5} />}
             onClick={() => {
-              navigate('/dashboard/organization/create');
+              navigate("/dashboard/organization/create");
             }}
           >
             添加展商
diff --git a/src/pages/dashboard/region/components/RegionList/index.tsx b/src/pages/dashboard/region/components/RegionList/index.tsx
index e600227..6b6cefe 100644
--- a/src/pages/dashboard/region/components/RegionList/index.tsx
+++ b/src/pages/dashboard/region/components/RegionList/index.tsx
@@ -71,12 +71,12 @@ export default function RegionList({
       fixed: "right",
       width: 250,
       render: (_, record) => {
-        const menuItems: MenuProps['items'] = [
-          { type: 'divider' },
+        const menuItems: MenuProps["items"] = [
+          { type: "divider" },
           {
-            key: 'delete',
+            key: "delete",
             icon: <IconTrash style={{ width: 14, height: 14 }} />,
-            label: '删除',
+            label: "删除",
             danger: true,
             disabled: true,
           },
@@ -95,7 +95,7 @@ export default function RegionList({
               编辑
             </Button>
 
-            <Dropdown menu={{ items: menuItems }} trigger={['click']}>
+            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
               <Button icon={<IconMenu size={14} stroke={1.5} />} />
             </Dropdown>
           </Space>
diff --git a/src/pages/dashboard/region/edit/index.tsx b/src/pages/dashboard/region/edit/index.tsx
index b0dc000..fdb4f2a 100644
--- a/src/pages/dashboard/region/edit/index.tsx
+++ b/src/pages/dashboard/region/edit/index.tsx
@@ -91,7 +91,7 @@ export default function RegionEditPage() {
       error: errors[name]?.message,
     }),
     setValues: (values: Partial<RegionFormValues>) => {
-      Object.keys(values).forEach(key => {
+      Object.keys(values).forEach((key) => {
         setValue(key as keyof RegionFormValues, values[key as keyof RegionFormValues]);
       });
     },
@@ -166,18 +166,12 @@ export default function RegionEditPage() {
   return (
     <DefaultContainer>
       <Flex style={{ marginBottom: 16 }}>
-        <Button
-          type="text"
-          icon={<IconArrowLeft size={16} />}
-          onClick={() => navigate("/dashboard/region")}
-        >
+        <Button type="text" icon={<IconArrowLeft size={16} />} onClick={() => navigate("/dashboard/region")}>
           返回
         </Button>
       </Flex>
 
-      <h2 className="text-2xl font-bold">
-        {isEditing ? "编辑区域" : "添加区域"}
-      </h2>
+      <h2 className="text-2xl font-bold">{isEditing ? "编辑区域" : "添加区域"}</h2>
 
       <Card>
         <form onSubmit={rhfHandleSubmit((values) => handleSubmit(values))}>
@@ -187,10 +181,7 @@ export default function RegionEditPage() {
             validateStatus={form.getInputProps("name").error ? "error" : undefined}
             help={form.getInputProps("name").error}
           >
-            <Input
-              placeholder="请输入区域名称"
-              {...form.getInputProps("name")}
-            />
+            <Input placeholder="请输入区域名称" {...form.getInputProps("name")} />
           </Form.Item>
 
           <Form.Item
@@ -199,10 +190,7 @@ export default function RegionEditPage() {
             validateStatus={form.getInputProps("code").error ? "error" : undefined}
             help={form.getInputProps("code").error}
           >
-            <Input
-              placeholder="请输入区域代码"
-              {...form.getInputProps("code")}
-            />
+            <Input placeholder="请输入区域代码" {...form.getInputProps("code")} />
           </Form.Item>
 
           <Form.Item
@@ -224,11 +212,7 @@ export default function RegionEditPage() {
             />
           </Form.Item>
 
-          <Form.Item
-            label="区域级别"
-            validateStatus={form.getInputProps("level").error ? "error" : undefined}
-            required
-          >
+          <Form.Item label="区域级别" validateStatus={form.getInputProps("level").error ? "error" : undefined} required>
             <Select
               style={{ width: "100%" }}
               placeholder="请输入区域级别"
@@ -297,10 +281,7 @@ export default function RegionEditPage() {
             validateStatus={form.getInputProps("localName").error ? "error" : undefined}
             help={form.getInputProps("localName").error}
           >
-            <Input
-              placeholder="请输入本地名称（可选）"
-              {...form.getInputProps("localName")}
-            />
+            <Input placeholder="请输入本地名称（可选）" {...form.getInputProps("localName")} />
           </Form.Item>
 
           <Form.Item
@@ -415,20 +396,16 @@ export default function RegionEditPage() {
             validateStatus={form.getInputProps("remark").error ? "error" : undefined}
             help={form.getInputProps("remark").error}
           >
-            <TextArea
-              placeholder="请输入区域描述"
-              {...form.getInputProps("remark")}
-            />
+            <TextArea placeholder="请输入区域描述" {...form.getInputProps("remark")} />
           </Form.Item>
 
           <Flex justify="flex-end" gap={8}>
-            <Button
-              type="text"
-              onClick={() => navigate("/dashboard/region")}
-            >
+            <Button type="text" onClick={() => navigate("/dashboard/region")}>
               取消
             </Button>
-            <Button type="primary" htmlType="submit">{isEditing ? "更新" : "创建"}</Button>
+            <Button type="primary" htmlType="submit">
+              {isEditing ? "更新" : "创建"}
+            </Button>
           </Flex>
         </form>
       </Card>
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index b1303c7..f23d7b9 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -37,13 +37,12 @@ export default function RegionPage() {
     <>
       <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
-          <Title level={2} style={{ margin: 0 }}>区域列表</Title>
+          <Title level={3} className="m-0">
+            区域列表
+          </Title>
 
           <Space>
-            <Button
-              icon={<IconRefresh size={16} stroke={1.5} />}
-              onClick={handleRefreshRegionSort}
-            >
+            <Button icon={<IconRefresh size={16} stroke={1.5} />} onClick={handleRefreshRegionSort}>
               刷新区域排序
             </Button>
             <Button
diff --git a/src/pages/error.tsx b/src/pages/error.tsx
index 14c39df..9b64a89 100644
--- a/src/pages/error.tsx
+++ b/src/pages/error.tsx
@@ -26,11 +26,22 @@ export default function ErrorPage() {
       extra={
         <>
           {errorStack && (
-            <pre style={{ textAlign: "left", whiteSpace: "pre-wrap", marginBottom: 16, padding: 16, background: "#f5f5f5", borderRadius: 8, maxHeight: 300, overflow: "auto" }}>
+            <pre
+              style={{
+                textAlign: "left",
+                whiteSpace: "pre-wrap",
+                marginBottom: 16,
+                padding: 16,
+                background: "#f5f5f5",
+                borderRadius: 8,
+                maxHeight: 300,
+                overflow: "auto",
+              }}
+            >
               {errorStack}
             </pre>
           )}
-          <Button type="primary" onClick={() => window.location.href = "/"}>
+          <Button type="primary" onClick={() => (window.location.href = "/")}>
             返回首页
           </Button>
         </>
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index c00940c..74e67e7 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -52,8 +52,8 @@ const useAuthStore = create<UserStore>()(
           Axios.defaults.headers.common.Authorization = `${state.token}`;
         }
       },
-    }
-  )
+    },
+  ),
 );
 
 export default useAuthStore;
diff --git a/src/styles/global.css b/src/styles/global.css
index d9b4034..a195186 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -4,4 +4,4 @@
   @tailwind base;
 }
 @tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@tailwind utilities;
diff --git a/src/types/event.ts b/src/types/event.ts
index 6aa8fa7..2c63092 100644
--- a/src/types/event.ts
+++ b/src/types/event.ts
@@ -123,9 +123,7 @@ export interface IEvent extends BaseModel {
 }
 
 export const EditEventSchema = z.object({
-  name: z
-    .string({ message: "文本不能为空" })
-    .min(1, { message: "文本不能为空" }),
+  name: z.string({ message: "文本不能为空" }).min(1, { message: "文本不能为空" }),
   slug: z
     .string({ message: "Slug不能为空" })
     .min(1, { message: "Slug不能为空" })
@@ -146,7 +144,7 @@ export const EditEventSchema = z.object({
         name: z.string().min(1, { message: "信息来源名称不能为空" }).nullable(),
         url: z.string().min(1, { message: "信息来源链接不能为空" }),
         description: z.string().nullable(),
-      })
+      }),
     )
     .nullable(),
   ticketChannels: z
@@ -158,7 +156,7 @@ export const EditEventSchema = z.object({
         name: z.string().min(1, { message: "渠道名称不能为空" }),
         url: z.string().min(1, { message: "渠道链接不能为空" }),
         available: z.boolean(),
-      })
+      }),
     )
     .nullable(),
   address: z.string().nullable(),
@@ -172,7 +170,7 @@ export const EditEventSchema = z.object({
           url: z.string().min(1, { message: "图片地址不能为空" }),
           title: z.string().nullable(),
           description: z.string().nullable(),
-        })
+        }),
       )
       .optional(),
     videos: z
@@ -181,7 +179,7 @@ export const EditEventSchema = z.object({
           url: z.string().min(1, { message: "视频地址不能为空" }),
           title: z.string().nullable(),
           description: z.string().nullable(),
-        })
+        }),
       )
       .optional(),
     lives: z
@@ -190,7 +188,7 @@ export const EditEventSchema = z.object({
           url: z.string().min(1, { message: "直播地址不能为空" }),
           title: z.string().nullable(),
           description: z.string().nullable(),
-        })
+        }),
       )
       .optional(),
   }),
@@ -201,7 +199,7 @@ export const EditEventSchema = z.object({
   organizations: z.array(
     z.string({ message: "请选择展会协办方" }).uuid({
       message: "请选择展会协办方",
-    })
+    }),
   ),
   features: z.object({
     self: z.array(z.string()).nullable(),
diff --git a/src/types/organization.ts b/src/types/organization.ts
index f5316d7..11eccba 100644
--- a/src/types/organization.ts
+++ b/src/types/organization.ts
@@ -46,7 +46,7 @@ export const OrganizationSchema = z.object({
           z.object({
             label: z.string(),
             value: z.string(),
-          })
+          }),
         )
         .optional(),
     })
@@ -65,6 +65,4 @@ export const EditableOrganizationSchema = OrganizationSchema.extend({
   id: z.string().uuid().nullish(),
 });
 
-export type EditableOrganizationType = z.infer<
-  typeof EditableOrganizationSchema
->;
+export type EditableOrganizationType = z.infer<typeof EditableOrganizationSchema>;
diff --git a/src/utils/cos.ts b/src/utils/cos.ts
index e3cb143..bfee572 100644
--- a/src/utils/cos.ts
+++ b/src/utils/cos.ts
@@ -2,25 +2,10 @@ import COS from "cos-js-sdk-v5";
 
 import { getUploadSignature } from "@/api/dashboard/upload";
 
-export async function uploadToCOS({
-  pathKey,
-  file,
-}: {
-  pathKey: string;
-  file: File;
-}) {
+export async function uploadToCOS({ pathKey, file }: { pathKey: string; file: File }) {
   const signedKey = await getUploadSignature({ pathKey });
 
-  const {
-    tempSecretId,
-    tempSecretKey,
-    sessionToken,
-    startTime,
-    expiredTime,
-    bucket,
-    region,
-    key,
-  } = signedKey;
+  const { tempSecretId, tempSecretKey, sessionToken, startTime, expiredTime, bucket, region, key } = signedKey;
   const cos = new COS({
     SecretId: tempSecretId,
     SecretKey: tempSecretKey,
diff --git a/yarn.lock b/yarn.lock
index 00c7a60..a7e9321 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -260,25 +260,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.24.7":
-  version: 7.25.6
-  resolution: "@babel/runtime@npm:7.25.6"
-  dependencies:
-    regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/d6143adf5aa1ce79ed374e33fdfd74fa975055a80bc6e479672ab1eadc4e4bfd7484444e17dd063a1d180e051f3ec62b357c7a2b817e7657687b47313158c3d2
-  languageName: node
-  linkType: hard
-
-"@babel/runtime@npm:^7.26.7":
-  version: 7.27.0
-  resolution: "@babel/runtime@npm:7.27.0"
-  dependencies:
-    regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/35091ea9de48bd7fd26fb177693d64f4d195eb58ab2b142b893b7f3fa0f1d7c677604d36499ae0621a3703f35ba0c6a8f6c572cc8f7dc0317213841e493cf663
-  languageName: node
-  linkType: hard
-
-"@babel/runtime@npm:^7.28.4":
+"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.24.7, @babel/runtime@npm:^7.26.7, @babel/runtime@npm:^7.28.4":
   version: 7.28.4
   resolution: "@babel/runtime@npm:7.28.4"
   checksum: 10c0/792ce7af9750fb9b93879cc9d1db175701c4689da890e6ced242ea0207c9da411ccf16dc04e689cc01158b28d7898c40d75598f4559109f761c12ce01e959bf7
@@ -949,19 +931,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/resize-observer@npm:^1.0.0, @rc-component/resize-observer@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "@rc-component/resize-observer@npm:1.0.1"
-  dependencies:
-    "@rc-component/util": "npm:^1.2.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10c0/5053d413ffa65badd3f2d06c54dc47db67d8b573d589bfce90d5474d32b1d80bb05b73809a26f771ed94a6a29e02754fa177c67e000d3126d10e41e98965c61b
-  languageName: node
-  linkType: hard
-
-"@rc-component/resize-observer@npm:^1.1.1":
+"@rc-component/resize-observer@npm:^1.0.0, @rc-component/resize-observer@npm:^1.0.1, @rc-component/resize-observer@npm:^1.1.1":
   version: 1.1.1
   resolution: "@rc-component/resize-observer@npm:1.1.1"
   dependencies:
@@ -1150,23 +1120,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/trigger@npm:^3.0.0, @rc-component/trigger@npm:^3.6.15, @rc-component/trigger@npm:^3.7.1":
-  version: 3.8.1
-  resolution: "@rc-component/trigger@npm:3.8.1"
-  dependencies:
-    "@rc-component/motion": "npm:^1.1.4"
-    "@rc-component/portal": "npm:^2.2.0"
-    "@rc-component/resize-observer": "npm:^1.0.0"
-    "@rc-component/util": "npm:^1.2.1"
-    clsx: "npm:^2.1.1"
-  peerDependencies:
-    react: ">=18.0.0"
-    react-dom: ">=18.0.0"
-  checksum: 10c0/823e92547985edef8436ee6a71631b1932f1de991e9eac079d51ee6fad1defe9f7a55a2a9d7eb5395edd200073e17e0c9040352aaef2757d484e931c1a966c9b
-  languageName: node
-  linkType: hard
-
-"@rc-component/trigger@npm:^3.8.2":
+"@rc-component/trigger@npm:^3.0.0, @rc-component/trigger@npm:^3.6.15, @rc-component/trigger@npm:^3.7.1, @rc-component/trigger@npm:^3.8.2":
   version: 3.9.0
   resolution: "@rc-component/trigger@npm:3.9.0"
   dependencies:
@@ -1238,7 +1192,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rsbuild/plugin-react@npm:1.4.3":
+"@rsbuild/plugin-react@npm:1.4.3, @rsbuild/plugin-react@npm:^1.1.0":
   version: 1.4.3
   resolution: "@rsbuild/plugin-react@npm:1.4.3"
   dependencies:
@@ -1250,18 +1204,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rsbuild/plugin-react@npm:^1.1.0":
-  version: 1.3.0
-  resolution: "@rsbuild/plugin-react@npm:1.3.0"
-  dependencies:
-    "@rspack/plugin-react-refresh": "npm:~1.4.1"
-    react-refresh: "npm:^0.17.0"
-  peerDependencies:
-    "@rsbuild/core": 1.x
-  checksum: 10c0/b0ce8f03f3b986c4766e9d30560a2d70ee0ad01a8a311a1b6c76fec4d3f7ed10aa60ad618b8add65c22155fe4c7f4b5084bee70f5a78bf22030d477431c7f9d0
-  languageName: node
-  linkType: hard
-
 "@rsbuild/plugin-svgr@npm:^1.2.4":
   version: 1.2.4
   resolution: "@rsbuild/plugin-svgr@npm:1.2.4"
@@ -1428,22 +1370,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rspack/plugin-react-refresh@npm:~1.4.1":
-  version: 1.4.1
-  resolution: "@rspack/plugin-react-refresh@npm:1.4.1"
-  dependencies:
-    error-stack-parser: "npm:^2.1.4"
-    html-entities: "npm:^2.6.0"
-  peerDependencies:
-    react-refresh: ">=0.10.0 <1.0.0"
-    webpack-hot-middleware: 2.x
-  peerDependenciesMeta:
-    webpack-hot-middleware:
-      optional: true
-  checksum: 10c0/d2e38ee73f8c2e536100946ca3bf5260f47edf545e6b4de191914cc5d8f970d564a96cb86ab44cd1d2508df4a5ab801868e9c1d6d2f85a448969b86a53dbe6ab
-  languageName: node
-  linkType: hard
-
 "@standard-schema/spec@npm:1.0.0":
   version: 1.0.0
   resolution: "@standard-schema/spec@npm:1.0.0"
@@ -2247,28 +2173,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.1.3":
-  version: 3.1.3
-  resolution: "csstype@npm:3.1.3"
-  checksum: 10c0/80c089d6f7e0c5b2bd83cf0539ab41474198579584fa10d86d0cafe0642202343cbc119e076a0b1aece191989477081415d66c9fefbf3c957fc2fc4b7009f248
-  languageName: node
-  linkType: hard
-
-"csstype@npm:^3.2.2":
+"csstype@npm:^3.1.3, csstype@npm:^3.2.2":
   version: 3.2.3
   resolution: "csstype@npm:3.2.3"
   checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
   languageName: node
   linkType: hard
 
-"dayjs@npm:^1.11.11":
-  version: 1.11.13
-  resolution: "dayjs@npm:1.11.13"
-  checksum: 10c0/a3caf6ac8363c7dade9d1ee797848ddcf25c1ace68d9fe8678ecf8ba0675825430de5d793672ec87b24a69bf04a1544b176547b2539982275d5542a7955f35b7
-  languageName: node
-  linkType: hard
-
-"dayjs@npm:^1.11.19":
+"dayjs@npm:^1.11.11, dayjs@npm:^1.11.19":
   version: 1.11.19
   resolution: "dayjs@npm:1.11.19"
   checksum: 10c0/7d8a6074a343f821f81ea284d700bd34ea6c7abbe8d93bce7aba818948957c1b7f56131702e5e890a5622cdfc05dcebe8aed0b8313bdc6838a594d7846b0b000
@@ -3518,14 +3430,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1":
-  version: 1.1.0
-  resolution: "picocolors@npm:1.1.0"
-  checksum: 10c0/86946f6032148801ef09c051c6fb13b5cf942eaf147e30ea79edb91dd32d700934edebe782a1078ff859fb2b816792e97ef4dab03d7f0b804f6b01a0df35e023
-  languageName: node
-  linkType: hard
-
-"picocolors@npm:^1.1.1":
+"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1, picocolors@npm:^1.1.1":
   version: 1.1.1
   resolution: "picocolors@npm:1.1.1"
   checksum: 10c0/e2e3e8170ab9d7c7421969adaa7e1b31434f789afb9b3f115f6b96d91945041ac3ceb02e9ec6fe6510ff036bcc0bf91e69a1772edc0b707e12b19c0f2d6bcf58
@@ -3723,13 +3628,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-refresh@npm:^0.17.0":
-  version: 0.17.0
-  resolution: "react-refresh@npm:0.17.0"
-  checksum: 10c0/002cba940384c9930008c0bce26cac97a9d5682bc623112c2268ba0c155127d9c178a9a5cc2212d560088d60dfd503edd808669a25f9b377f316a32361d0b23c
-  languageName: node
-  linkType: hard
-
 "react-refresh@npm:^0.18.0":
   version: 0.18.0
   resolution: "react-refresh@npm:0.18.0"
@@ -3797,13 +3695,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regenerator-runtime@npm:^0.14.0":
-  version: 0.14.1
-  resolution: "regenerator-runtime@npm:0.14.1"
-  checksum: 10c0/1b16eb2c4bceb1665c89de70dcb64126a22bc8eb958feef3cd68fe11ac6d2a4899b5cd1b80b0774c7c03591dc57d16631a7f69d2daa2ec98100e2f29f7ec4cc4
-  languageName: node
-  linkType: hard
-
 "resolve-from@npm:^4.0.0":
   version: 4.0.0
   resolution: "resolve-from@npm:4.0.0"
@@ -3969,14 +3860,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:^1.0.1":
-  version: 1.2.0
-  resolution: "source-map-js@npm:1.2.0"
-  checksum: 10c0/7e5f896ac10a3a50fe2898e5009c58ff0dc102dcb056ed27a354623a0ece8954d4b2649e1a1b2b52ef2e161d26f8859c7710350930751640e71e374fe2d321a4
-  languageName: node
-  linkType: hard
-
-"source-map-js@npm:^1.2.1":
+"source-map-js@npm:^1.0.1, source-map-js@npm:^1.2.1":
   version: 1.2.1
   resolution: "source-map-js@npm:1.2.1"
   checksum: 10c0/7bda1fc4c197e3c6ff17de1b8b2c20e60af81b63a52cb32ec5a5d67a20a7d42651e2cb34ebe93833c5a2a084377e17455854fee3e21e7925c64a51b6a52b0faf
@@ -4246,14 +4130,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.3":
-  version: 2.7.0
-  resolution: "tslib@npm:2.7.0"
-  checksum: 10c0/469e1d5bf1af585742128827000711efa61010b699cb040ab1800bcd3ccdd37f63ec30642c9e07c4439c1db6e46345582614275daca3e0f4abae29b0083f04a6
-  languageName: node
-  linkType: hard
-
-"tslib@npm:^2.4.0, tslib@npm:^2.8.0":
+"tslib@npm:^2.0.3, tslib@npm:^2.4.0, tslib@npm:^2.8.0":
   version: 2.8.1
   resolution: "tslib@npm:2.8.1"
   checksum: 10c0/9c4759110a19c53f992d9aae23aac5ced636e99887b51b9e61def52611732872ff7668757d4e4c61f19691e36f4da981cd9485e869b4a7408d689f6bf1f14e62
@@ -4319,16 +4196,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-sync-external-store@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "use-sync-external-store@npm:1.4.0"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 10c0/ec011a5055962c0f6b509d6e78c0b143f8cd069890ae370528753053c55e3b360d3648e76cfaa854faa7a59eb08d6c5fb1015e60ffde9046d32f5b2a295acea5
-  languageName: node
-  linkType: hard
-
-"use-sync-external-store@npm:^1.6.0":
+"use-sync-external-store@npm:^1.4.0, use-sync-external-store@npm:^1.6.0":
   version: 1.6.0
   resolution: "use-sync-external-store@npm:1.6.0"
   peerDependencies:

From ecbb608abcf30e5f6ec54d5899d05cc7620ff3dd Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sat, 17 Jan 2026 04:08:05 +0800
Subject: [PATCH 08/21] fix(event): fix event editor component value

---
 .../Region/RegionSelector/index.tsx           |  43 ++-
 .../event/edit/EventAdditionalInfo.tsx        |  14 +-
 src/pages/dashboard/event/edit/EventMedia.tsx |  44 +--
 .../dashboard/event/edit/EventSources.tsx     | 152 ++++++-----
 .../dashboard/event/edit/GeographicInfo.tsx   | 159 +++++------
 .../dashboard/event/edit/TicketChannels.tsx   | 251 +++++++++---------
 src/pages/dashboard/event/edit/UriBuilder.tsx |  10 +-
 7 files changed, 340 insertions(+), 333 deletions(-)

diff --git a/src/components/Region/RegionSelector/index.tsx b/src/components/Region/RegionSelector/index.tsx
index 6a97826..b60bd8e 100644
--- a/src/components/Region/RegionSelector/index.tsx
+++ b/src/components/Region/RegionSelector/index.tsx
@@ -41,7 +41,7 @@ export default function RegionSelector({
     searchValue
       ? [`region-list-search`, { pageSize: 50, current: 1, code: searchValue }]
       : [`region-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => getRegionList(params),
+    ([_, params]: [string, any]) => getRegionList(params)
   );
 
   const regions = [...(selectedOption ? [selectedOption] : []), ...(data?.records || [])];
@@ -58,7 +58,7 @@ export default function RegionSelector({
     debounce((value: string) => {
       setSearchValue(value);
     }, 300),
-    [],
+    []
   );
 
   // 处理搜索
@@ -72,28 +72,21 @@ export default function RegionSelector({
   };
 
   return (
-    <Form.Item
-      label={label}
-      help={description}
-      validateStatus={error || swrError ? "error" : undefined}
-      required={required}
-    >
-      <Select
-        placeholder={placeholder}
-        value={value}
-        onChange={handleChange}
-        options={selectOptions}
-        optionFilterProp="label"
-        showSearch
-        onSearch={handleSearch}
-        disabled={disabled}
-        allowClear
-        loading={isLoading}
-        notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
-        style={{ width: "100%" }}
-        status={error || swrError ? "error" : undefined}
-        {...props}
-      />
-    </Form.Item>
+    <Select
+      placeholder={placeholder}
+      value={value}
+      onChange={handleChange}
+      options={selectOptions}
+      optionFilterProp="label"
+      showSearch
+      onSearch={handleSearch}
+      disabled={disabled}
+      allowClear
+      loading={isLoading}
+      notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
+      style={{ width: "100%" }}
+      status={error || swrError ? "error" : undefined}
+      {...props}
+    />
   );
 }
diff --git a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
index 59c5391..40cf325 100644
--- a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
+++ b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
@@ -13,7 +13,6 @@ import EventFeatureSelector from "@/components/EventFeature/EventFeatureSelector
 import { Typography, Flex, Form, Select, Input } from "antd";
 import { InferZodType } from "@/types/common";
 
-const { Title } = Typography;
 const { TextArea } = Input;
 
 interface EventAdditionalInfoProps {
@@ -139,7 +138,18 @@ export default function EventAdditionalInfo({ form, event }: EventAdditionalInfo
         validateStatus={form.formState.errors.detail ? "error" : undefined}
         help={form.formState.errors.detail?.message}
       >
-        <TextArea autoSize={{ minRows: 5, maxRows: 20 }} placeholder="请输入展会描述" {...form.register("detail")} />
+        <Controller
+          name="detail"
+          control={form.control}
+          render={({ field }) => (
+            <TextArea
+              autoSize={{ minRows: 5, maxRows: 20 }}
+              placeholder="请输入展会描述"
+              value={field.value ?? ""}
+              onChange={field.onChange}
+            />
+          )}
+        />
       </Form.Item>
     </div>
   );
diff --git a/src/pages/dashboard/event/edit/EventMedia.tsx b/src/pages/dashboard/event/edit/EventMedia.tsx
index 634ccd3..1da43dd 100644
--- a/src/pages/dashboard/event/edit/EventMedia.tsx
+++ b/src/pages/dashboard/event/edit/EventMedia.tsx
@@ -93,8 +93,29 @@ export default function EventMedia({ form, pathPrefix, disabled }: EventMediaPro
           </Form.Item>
         </Flex>
         {fields.map((field, index) => (
-          <div key={field.id} style={{ marginBottom: "1rem" }}>
-            <Title level={5}>第{index + 1}张图片</Title>
+          <div key={field.id}>
+            <Flex justify="space-between" align="center">
+              <Text strong>第{index + 1}张图片</Text>
+              <Flex gap={4} justify="flex-center">
+                <Button
+                  icon={<IconArrowUp size={14} />}
+                  onClick={() => {
+                    if (index > 0) {
+                      move(index, index - 1);
+                    }
+                  }}
+                  disabled={index === 0}
+                />
+                <Button
+                  icon={<IconArrowDown size={14} />}
+                  onClick={() => {
+                    move(index, index + 1);
+                  }}
+                  disabled={index === fields.length - 1}
+                />
+                <Button danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
+              </Flex>
+            </Flex>
             <Flex gap={16}>
               {
                 <Image
@@ -156,25 +177,6 @@ export default function EventMedia({ form, pathPrefix, disabled }: EventMediaPro
                   onUploadSuccess={(s) => form.setValue(`media.images.${index}.url`, s)}
                   disabled={disabled}
                 />
-                <Flex gap={4} justify="flex-end" className="mt-2">
-                  <Button
-                    icon={<IconArrowUp size={14} />}
-                    onClick={() => {
-                      if (index > 0) {
-                        move(index, index - 1);
-                      }
-                    }}
-                    disabled={index === 0}
-                  />
-                  <Button
-                    icon={<IconArrowDown size={14} />}
-                    onClick={() => {
-                      move(index, index + 1);
-                    }}
-                    disabled={index === fields.length - 1}
-                  />
-                  <Button danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
-                </Flex>
               </Flex>
             </Flex>
           </div>
diff --git a/src/pages/dashboard/event/edit/EventSources.tsx b/src/pages/dashboard/event/edit/EventSources.tsx
index c2a68bf..3971929 100644
--- a/src/pages/dashboard/event/edit/EventSources.tsx
+++ b/src/pages/dashboard/event/edit/EventSources.tsx
@@ -1,4 +1,4 @@
-import { useFieldArray, UseFormReturn } from "react-hook-form";
+import { Controller, useFieldArray, UseFormReturn } from "react-hook-form";
 import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
 import { Typography, Button, Flex, Row, Col, Form, Input, Card } from "antd";
 import { EditEventSchema } from "@/types/event";
@@ -20,79 +20,85 @@ export default function EventSources({ form }: EventSourcesProps) {
   return (
     <div>
       <Title level={5}>展会信息来源</Title>
-      <Flex vertical gap={8}>
-        <Flex align="center" gap={8}>
-          <Button
-            size="small"
-            icon={<IconPlus size={14} />}
-            onClick={() => append({ name: "", url: "", description: "" })}
-          />
-          <Text type="secondary" style={{ fontSize: 14 }}>
-            添加信息来源
-          </Text>
-        </Flex>
-
-        {fields.map((field, index) => (
-          <div key={index} style={{ marginBottom: "1rem" }}>
-            <Card title={`信息来源 ${index + 1}`}>
-              <Row gutter={8} align="bottom">
-                <Col flex={1}>
-                  <Form.Item
-                    label="名称"
-                    validateStatus={form.formState.errors.sources?.[index]?.name ? "error" : undefined}
-                    help={form.formState.errors.sources?.[index]?.name?.message}
-                  >
-                    <Input placeholder="信息来源名称" {...form.register(`sources.${index}.name`)} />
-                  </Form.Item>
-                </Col>
-                <Col flex={1}>
-                  <Form.Item
-                    label="链接"
-                    validateStatus={form.formState.errors.sources?.[index]?.url ? "error" : undefined}
-                    help={form.formState.errors.sources?.[index]?.url?.message}
-                  >
-                    <Input placeholder="信息来源链接" {...form.register(`sources.${index}.url`)} />
-                  </Form.Item>
-                </Col>
-                <Col flex={1}>
-                  <Form.Item
-                    label="描述"
-                    validateStatus={form.formState.errors.sources?.[index]?.description ? "error" : undefined}
-                    help={form.formState.errors.sources?.[index]?.description?.message}
-                  >
-                    <Input placeholder="信息来源描述（可选）" {...form.register(`sources.${index}.description`)} />
-                  </Form.Item>
-                </Col>
-                <Col>
-                  <Flex gap={4}>
-                    <Button
-                      size="small"
-                      type="text"
-                      icon={<IconArrowUp size={14} />}
-                      onClick={() => {
-                        if (index > 0) {
-                          move(index, index - 1);
-                        }
-                      }}
-                      disabled={index === 0}
-                    />
-                    <Button
-                      size="small"
-                      type="text"
-                      icon={<IconArrowDown size={14} />}
-                      onClick={() => {
-                        move(index, index + 1);
-                      }}
-                      disabled={index === fields.length - 1}
-                    />
-                    <Button size="small" danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
-                  </Flex>
-                </Col>
-              </Row>
-            </Card>
-          </div>
-        ))}
+      <Flex align="center" gap={8}>
+        <Button icon={<IconPlus size={14} />} onClick={() => append({ name: "", url: "", description: "" })}>
+          添加信息来源
+        </Button>
       </Flex>
+
+      {fields.map((field, index) => (
+        <div key={field.id}>
+          <Flex justify="space-between" align="center">
+            <Text strong>信息来源 {index + 1}</Text>
+            <Flex gap={4}>
+              <Button
+                icon={<IconArrowUp size={14} />}
+                onClick={() => {
+                  if (index > 0) {
+                    move(index, index - 1);
+                  }
+                }}
+                disabled={index === 0}
+              />
+              <Button
+                icon={<IconArrowDown size={14} />}
+                onClick={() => {
+                  move(index, index + 1);
+                }}
+                disabled={index === fields.length - 1}
+              />
+              <Button danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
+            </Flex>
+          </Flex>
+          <Row gutter={8} align="bottom">
+            <Col flex={1}>
+              <Form.Item
+                label="名称"
+                validateStatus={form.formState.errors.sources?.[index]?.name ? "error" : undefined}
+                help={form.formState.errors.sources?.[index]?.name?.message}
+              >
+                <Controller
+                  name={`sources.${index}.name`}
+                  control={form.control}
+                  render={({ field }) => (
+                    <Input placeholder="信息来源名称" value={field.value || ""} onChange={field.onChange} />
+                  )}
+                />
+              </Form.Item>
+            </Col>
+            <Col flex={1}>
+              <Form.Item
+                label="链接"
+                validateStatus={form.formState.errors.sources?.[index]?.url ? "error" : undefined}
+                help={form.formState.errors.sources?.[index]?.url?.message}
+              >
+                <Controller
+                  name={`sources.${index}.url`}
+                  control={form.control}
+                  render={({ field }) => (
+                    <Input placeholder="信息来源链接" value={field.value || ""} onChange={field.onChange} />
+                  )}
+                />
+              </Form.Item>
+            </Col>
+            <Col flex={1}>
+              <Form.Item
+                label="描述"
+                validateStatus={form.formState.errors.sources?.[index]?.description ? "error" : undefined}
+                help={form.formState.errors.sources?.[index]?.description?.message}
+              >
+                <Controller
+                  name={`sources.${index}.description`}
+                  control={form.control}
+                  render={({ field }) => (
+                    <Input placeholder="信息来源描述（可选）" value={field.value || ""} onChange={field.onChange} />
+                  )}
+                />
+              </Form.Item>
+            </Col>
+          </Row>
+        </div>
+      ))}
     </div>
   );
 }
diff --git a/src/pages/dashboard/event/edit/GeographicInfo.tsx b/src/pages/dashboard/event/edit/GeographicInfo.tsx
index a37b9e2..5955bd7 100644
--- a/src/pages/dashboard/event/edit/GeographicInfo.tsx
+++ b/src/pages/dashboard/event/edit/GeographicInfo.tsx
@@ -27,14 +27,16 @@ export default function GeographicInfo({ form, event, selectedRegion, setSelecte
     <div>
       <h5 className="text-lg font-bold">地理信息</h5>
 
-      <Flex vertical gap={8}>
+      <Form.Item
+        label="展会区域"
+        validateStatus={form.formState.errors.regionId ? "error" : undefined}
+        help={form.formState.errors.regionId?.message}
+      >
         <Controller
           name="regionId"
           control={form.control}
           render={({ field, fieldState }) => (
             <RegionSelector
-              required
-              label="展会区域"
               placeholder="请选择展会区域"
               selectedOption={event?.region}
               value={field.value}
@@ -48,85 +50,84 @@ export default function GeographicInfo({ form, event, selectedRegion, setSelecte
             />
           )}
         />
+      </Form.Item>
 
-        <Form.Item
-          label="展会地址"
-          validateStatus={form.formState.errors.address ? "error" : undefined}
-          help={form.formState.errors.address?.message}
-        >
-          <Controller
-            name="address"
-            control={form.control}
-            render={({ field }) => (
-              <AutoComplete
-                placeholder="请输入展会地址"
-                suffixIcon={<IconSearch size="14" className="cursor-pointer" />}
-                {...field}
-              />
-            )}
-          />
-        </Form.Item>
+      <Form.Item
+        label="展会地址"
+        validateStatus={form.formState.errors.address ? "error" : undefined}
+        help={form.formState.errors.address?.message}
+      >
+        <Controller
+          name="address"
+          control={form.control}
+          render={({ field }) => (
+            <AutoComplete
+              placeholder="请输入展会地址"
+              suffixIcon={<IconSearch size="14" className="cursor-pointer" />}
+              {...field}
+            />
+          )}
+        />
+      </Form.Item>
 
-        <Row gutter={8}>
-          <Col flex={1}>
-            <Form.Item
-              label="经度"
-              validateStatus={form.formState.errors.addressLon ? "error" : undefined}
-              help={form.formState.errors.addressLon?.message}
-            >
-              <Controller
-                name="addressLon"
-                control={form.control}
-                render={({ field }) => (
-                  <Input placeholder="一般是三位整数" value={field.value || ""} onChange={field.onChange} />
-                )}
-              />
-            </Form.Item>
-          </Col>
-          <Col flex={1}>
-            <Form.Item
-              label="纬度"
-              validateStatus={form.formState.errors.addressLat ? "error" : undefined}
-              help={form.formState.errors.addressLat?.message}
-            >
-              <Controller
-                name="addressLat"
-                control={form.control}
-                render={({ field }) => (
-                  <Input placeholder="一般是两位整数" value={field.value || ""} onChange={field.onChange} />
-                )}
-              />
-            </Form.Item>
-          </Col>
-        </Row>
+      <Row gutter={8}>
+        <Col flex={1}>
+          <Form.Item
+            label="经度"
+            validateStatus={form.formState.errors.addressLon ? "error" : undefined}
+            help={form.formState.errors.addressLon?.message}
+          >
+            <Controller
+              name="addressLon"
+              control={form.control}
+              render={({ field }) => (
+                <Input placeholder="一般是三位整数" value={field.value || ""} onChange={field.onChange} />
+              )}
+            />
+          </Form.Item>
+        </Col>
+        <Col flex={1}>
+          <Form.Item
+            label="纬度"
+            validateStatus={form.formState.errors.addressLat ? "error" : undefined}
+            help={form.formState.errors.addressLat?.message}
+          >
+            <Controller
+              name="addressLat"
+              control={form.control}
+              render={({ field }) => (
+                <Input placeholder="一般是两位整数" value={field.value || ""} onChange={field.onChange} />
+              )}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
 
-        <Button
-          onClick={() => {
-            if (!selectedRegion) {
-              message.warning("请先选择展会区域");
-              return;
-            }
-            setIsLocationSearchModalOpen(true);
-          }}
-        >
-          搜索地址
-        </Button>
-        <LocationSearch
-          isModalOpen={isLocationSearchModalOpen}
-          handleOk={(location) => {
-            setIsLocationSearchModalOpen(false);
-            if (location) {
-              form.setValue("addressLat", location.location.lat.toString());
-              form.setValue("addressLon", location.location.lng.toString());
-            }
-          }}
-          handleCancel={() => {
-            setIsLocationSearchModalOpen(false);
-          }}
-          region={selectedRegion!}
-          keyword={address}
-        />
-      </Flex>
+      <Button
+        onClick={() => {
+          if (!selectedRegion) {
+            return message.warning("请先选择展会区域");
+          }
+          setIsLocationSearchModalOpen(true);
+        }}
+      >
+        搜索地址
+      </Button>
+      <LocationSearch
+        isModalOpen={isLocationSearchModalOpen}
+        handleOk={(location) => {
+          setIsLocationSearchModalOpen(false);
+          if (location) {
+            form.setValue("addressLat", location.location.lat.toString());
+            form.setValue("addressLon", location.location.lng.toString());
+          }
+        }}
+        handleCancel={() => {
+          setIsLocationSearchModalOpen(false);
+        }}
+        region={selectedRegion!}
+        keyword={address}
+      />
     </div>
   );
 }
diff --git a/src/pages/dashboard/event/edit/TicketChannels.tsx b/src/pages/dashboard/event/edit/TicketChannels.tsx
index d10b311..019b3e5 100644
--- a/src/pages/dashboard/event/edit/TicketChannels.tsx
+++ b/src/pages/dashboard/event/edit/TicketChannels.tsx
@@ -20,140 +20,131 @@ export default function TicketChannels({ form }: TicketChannelsProps) {
   return (
     <div>
       <Title level={5}>票务渠道</Title>
-      <Flex vertical gap={8}>
-        <Flex align="center" gap={8}>
-          <Button
-            size="small"
-            icon={<IconPlus size={14} />}
-            onClick={() =>
-              append({
-                type: "url",
-                name: "",
-                url: "",
-                available: true,
-              })
-            }
-          />
-          <Text type="secondary" style={{ fontSize: 14 }}>
-            添加票务渠道
-          </Text>
-        </Flex>
+      <Flex align="center" gap={8}>
+        <Button
+          icon={<IconPlus size={14} />}
+          onClick={() =>
+            append({
+              type: "url",
+              name: "",
+              url: "",
+              available: true,
+            })
+          }
+        >
+          添加票务渠道
+        </Button>
+      </Flex>
 
-        {fields.map((field, index) => (
-          <div key={index} style={{ marginBottom: "1rem" }}>
-            <Card title={`票务渠道 ${index + 1}`}>
-              <Row gutter={8} align="bottom">
-                <Col flex={1}>
-                  <Form.Item
-                    label="渠道类型"
-                    validateStatus={form.formState.errors.ticketChannels?.[index]?.type ? "error" : undefined}
-                    help={form.formState.errors.ticketChannels?.[index]?.type?.message}
-                  >
-                    <Controller
-                      name={`ticketChannels.${index}.type`}
-                      control={form.control}
-                      render={({ field }) => (
-                        <Select
-                          placeholder="选择渠道类型"
-                          options={[
-                            { label: "微信小程序", value: "wxMiniProgram" },
-                            { label: "网页链接", value: "url" },
-                            { label: "二维码", value: "qrcode" },
-                            { label: "APP", value: "app" },
-                          ]}
-                          value={field.value}
-                          onChange={field.onChange}
-                        />
-                      )}
-                    />
-                  </Form.Item>
-                </Col>
-                <Col flex={1}>
-                  <Form.Item
-                    label="渠道名称"
-                    validateStatus={form.formState.errors.ticketChannels?.[index]?.name ? "error" : undefined}
-                    help={form.formState.errors.ticketChannels?.[index]?.name?.message}
-                  >
-                    <Controller
-                      name={`ticketChannels.${index}.name`}
-                      control={form.control}
-                      render={({ field }) => (
-                        <Input placeholder="票务渠道名称" value={field.value || ""} onChange={field.onChange} />
-                      )}
-                    />
-                  </Form.Item>
-                </Col>
-                <Col flex={1}>
-                  <Form.Item
-                    label="渠道链接/地址/描述"
-                    validateStatus={form.formState.errors.ticketChannels?.[index]?.url ? "error" : undefined}
-                    help={form.formState.errors.ticketChannels?.[index]?.url?.message}
-                  >
-                    <Controller
-                      name={`ticketChannels.${index}.url`}
-                      control={form.control}
-                      render={({ field }) => (
-                        <Input placeholder="渠道链接或地址或描述" value={field.value || ""} onChange={field.onChange} />
-                      )}
-                    />
-                  </Form.Item>
-                </Col>
-                <Col flex={1}>
-                  <Form.Item
-                    label="可用状态"
-                    validateStatus={form.formState.errors.ticketChannels?.[index]?.available ? "error" : undefined}
-                    help={form.formState.errors.ticketChannels?.[index]?.available?.message}
-                  >
-                    <Controller
-                      name={`ticketChannels.${index}.available`}
-                      control={form.control}
-                      render={({ field }) => (
-                        <Select
-                          placeholder="选择状态"
-                          options={[
-                            { label: "可用", value: "true" },
-                            { label: "不可用", value: "false" },
-                          ]}
-                          value={field.value?.toString() || "true"}
-                          onChange={(value) => {
-                            const boolValue = value === "true" ? true : value === "false" ? false : null;
-                            field.onChange(boolValue);
-                          }}
-                        />
-                      )}
+      {fields.map((field, index) => (
+        <div key={field.id}>
+          <Flex justify="space-between" align="center">
+            <Text strong>票务渠道 {index + 1}</Text>
+            <Flex gap={4}>
+              <Button
+                icon={<IconArrowUp size={14} />}
+                onClick={() => {
+                  if (index > 0) {
+                    move(index, index - 1);
+                  }
+                }}
+                disabled={index === 0}
+              />
+              <Button
+                icon={<IconArrowDown size={14} />}
+                onClick={() => {
+                  move(index, index + 1);
+                }}
+                disabled={index === fields.length - 1}
+              />
+              <Button danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
+            </Flex>
+          </Flex>
+          <Row gutter={8} align="bottom">
+            <Col flex={1}>
+              <Form.Item
+                label="渠道类型"
+                validateStatus={form.formState.errors.ticketChannels?.[index]?.type ? "error" : undefined}
+                help={form.formState.errors.ticketChannels?.[index]?.type?.message}
+              >
+                <Controller
+                  name={`ticketChannels.${index}.type`}
+                  control={form.control}
+                  render={({ field }) => (
+                    <Select
+                      placeholder="选择渠道类型"
+                      options={[
+                        { label: "微信小程序", value: "wxMiniProgram" },
+                        { label: "网页链接", value: "url" },
+                        { label: "二维码", value: "qrcode" },
+                        { label: "APP", value: "app" },
+                      ]}
+                      value={field.value}
+                      onChange={field.onChange}
                     />
-                  </Form.Item>
-                </Col>
-                <Col>
-                  <Flex gap={4}>
-                    <Button
-                      size="small"
-                      type="text"
-                      icon={<IconArrowUp size={14} />}
-                      onClick={() => {
-                        if (index > 0) {
-                          move(index, index - 1);
-                        }
+                  )}
+                />
+              </Form.Item>
+            </Col>
+            <Col flex={1}>
+              <Form.Item
+                label="渠道名称"
+                validateStatus={form.formState.errors.ticketChannels?.[index]?.name ? "error" : undefined}
+                help={form.formState.errors.ticketChannels?.[index]?.name?.message}
+              >
+                <Controller
+                  name={`ticketChannels.${index}.name`}
+                  control={form.control}
+                  render={({ field }) => (
+                    <Input placeholder="票务渠道名称" value={field.value || ""} onChange={field.onChange} />
+                  )}
+                />
+              </Form.Item>
+            </Col>
+            <Col flex={1}>
+              <Form.Item
+                label="渠道链接/地址/描述"
+                validateStatus={form.formState.errors.ticketChannels?.[index]?.url ? "error" : undefined}
+                help={form.formState.errors.ticketChannels?.[index]?.url?.message}
+              >
+                <Controller
+                  name={`ticketChannels.${index}.url`}
+                  control={form.control}
+                  render={({ field }) => (
+                    <Input placeholder="渠道链接或地址或描述" value={field.value || ""} onChange={field.onChange} />
+                  )}
+                />
+              </Form.Item>
+            </Col>
+            <Col flex={1}>
+              <Form.Item
+                label="可用状态"
+                validateStatus={form.formState.errors.ticketChannels?.[index]?.available ? "error" : undefined}
+                help={form.formState.errors.ticketChannels?.[index]?.available?.message}
+              >
+                <Controller
+                  name={`ticketChannels.${index}.available`}
+                  control={form.control}
+                  render={({ field }) => (
+                    <Select
+                      placeholder="选择状态"
+                      options={[
+                        { label: "可用", value: "true" },
+                        { label: "不可用", value: "false" },
+                      ]}
+                      value={field.value?.toString() || "true"}
+                      onChange={(value) => {
+                        const boolValue = value === "true" ? true : value === "false" ? false : null;
+                        field.onChange(boolValue);
                       }}
-                      disabled={index === 0}
                     />
-                    <Button
-                      size="small"
-                      type="text"
-                      icon={<IconArrowDown size={14} />}
-                      onClick={() => {
-                        move(index, index + 1);
-                      }}
-                      disabled={index === fields.length - 1}
-                    />
-                    <Button size="small" danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
-                  </Flex>
-                </Col>
-              </Row>
-            </Card>
-          </div>
-        ))}
-      </Flex>
+                  )}
+                />
+              </Form.Item>
+            </Col>
+          </Row>
+        </div>
+      ))}
     </div>
   );
 }
diff --git a/src/pages/dashboard/event/edit/UriBuilder.tsx b/src/pages/dashboard/event/edit/UriBuilder.tsx
index c7758e2..4534515 100644
--- a/src/pages/dashboard/event/edit/UriBuilder.tsx
+++ b/src/pages/dashboard/event/edit/UriBuilder.tsx
@@ -1,5 +1,5 @@
 import { Region } from "@/types/region";
-import { UseFormReturn } from "react-hook-form";
+import { Controller, UseFormReturn } from "react-hook-form";
 import { Typography, Button, Flex, App, Form, Input } from "antd";
 import { EditEventSchema } from "@/types/event";
 import { InferZodType } from "@/types/common";
@@ -31,14 +31,18 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
   return (
     <div>
       <h5 className="text-lg font-bold">URI构建</h5>
-      <Flex vertical gap={8}>
+      <Flex vertical>
         <Form.Item
           label="展会Slug"
           required
           validateStatus={form.formState.errors.slug ? "error" : undefined}
           help={form.formState.errors.slug?.message}
         >
-          <Input disabled placeholder="请输入展会Slug" {...form.register("slug")} />
+          <Controller
+            name="slug"
+            control={form.control}
+            render={({ field }) => <Input disabled placeholder="请输入展会Slug" {...field} />}
+          />
         </Form.Item>
         <Button
           onClick={() => {

From a38e15b6b4356290a70e881ed744eee1e1f06248 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sun, 18 Jan 2026 19:42:07 +0800
Subject: [PATCH 09/21] chore(dep): remove lodash

---
 package.json |  2 --
 yarn.lock    | 16 ----------------
 2 files changed, 18 deletions(-)

diff --git a/package.json b/package.json
index da0ffb3..4e06744 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,6 @@
     "cos-js-sdk-v5": "^1.10.1",
     "dayjs": "^1.11.19",
     "es-toolkit": "^1.44.0",
-    "lodash": "^4.17.21",
     "nanoid": "^5.1.6",
     "nuqs": "^2.8.6",
     "react": "^19.2.3",
@@ -37,7 +36,6 @@
     "@rsbuild/core": "1.7.2",
     "@rsbuild/plugin-react": "1.4.3",
     "@rsbuild/plugin-svgr": "^1.2.4",
-    "@types/lodash": "^4.17.23",
     "@types/node": "^22.19.7",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
diff --git a/yarn.lock b/yarn.lock
index a7e9321..27a4275 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1596,13 +1596,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/lodash@npm:^4.17.23":
-  version: 4.17.23
-  resolution: "@types/lodash@npm:4.17.23"
-  checksum: 10c0/9d9cbfb684e064a2b78aab9e220d398c9c2a7d36bc51a07b184ff382fa043a99b3d00c16c7f109b4eb8614118f4869678dbae7d5c6700ed16fb9340e26cc0bf6
-  languageName: node
-  linkType: hard
-
 "@types/node@npm:^22.19.7":
   version: 22.19.7
   resolution: "@types/node@npm:22.19.7"
@@ -2482,7 +2475,6 @@ __metadata:
     "@tabler/icons-react": "npm:^3.36.1"
     "@tailwindcss/forms": "npm:^0.5.11"
     "@tanstack/react-query": "npm:^5.90.17"
-    "@types/lodash": "npm:^4.17.23"
     "@types/node": "npm:^22.19.7"
     "@types/react": "npm:^19.2.8"
     "@types/react-dom": "npm:^19.2.3"
@@ -2492,7 +2484,6 @@ __metadata:
     cos-js-sdk-v5: "npm:^1.10.1"
     dayjs: "npm:^1.11.19"
     es-toolkit: "npm:^1.44.0"
-    lodash: "npm:^4.17.21"
     nanoid: "npm:^5.1.6"
     nuqs: "npm:^2.8.6"
     react: "npm:^19.2.3"
@@ -2997,13 +2988,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash@npm:^4.17.21":
-  version: 4.17.21
-  resolution: "lodash@npm:4.17.21"
-  checksum: 10c0/d8cbea072bb08655bb4c989da418994b073a608dffa608b09ac04b43a791b12aeae7cd7ad919aa4c925f33b48490b5cfe6c1f71d827956071dae2e7bb3a6b74c
-  languageName: node
-  linkType: hard
-
 "lower-case@npm:^2.0.2":
   version: 2.0.2
   resolution: "lower-case@npm:2.0.2"

From fa0a2e9934be2b81846021b38e6a4b74426fda67 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sun, 18 Jan 2026 19:42:46 +0800
Subject: [PATCH 10/21] feat(organization): use antd form rewrite

---
 src/api/dashboard/organization.ts             |  95 ++--
 .../OrganizatonSelector/index.tsx             |   4 +-
 src/index.tsx                                 |   6 +-
 .../components/OrganizationList/index.tsx     | 254 ----------
 src/pages/dashboard/organization/edit.tsx     | 286 +++++++++++
 .../dashboard/organization/edit/index.tsx     | 456 ------------------
 src/pages/dashboard/organization/page.tsx     | 231 +++++++--
 src/types/organization.ts                     |   8 +-
 src/utils/form.ts                             |  50 ++
 9 files changed, 607 insertions(+), 783 deletions(-)
 delete mode 100644 src/pages/dashboard/organization/components/OrganizationList/index.tsx
 create mode 100644 src/pages/dashboard/organization/edit.tsx
 delete mode 100644 src/pages/dashboard/organization/edit/index.tsx
 create mode 100644 src/utils/form.ts

diff --git a/src/api/dashboard/organization.ts b/src/api/dashboard/organization.ts
index 8378f3a..f3de46e 100644
--- a/src/api/dashboard/organization.ts
+++ b/src/api/dashboard/organization.ts
@@ -1,49 +1,74 @@
 import Axios from "@/api";
-import { Organization, EditableOrganizationType } from "@/types/organization";
+import { InferZodType } from "@/types/common";
+import { Organization, OrganizationStatus, OrganizationType } from "@/types/organization";
 import { List } from "@/types/Request";
+import { z } from "zod";
 
-export async function getOrganizationList(params: { pageSize: number; current: number; name?: string; slug?: string }) {
-  const res = await Axios.get<List<Organization>>("/internal/cms/organization/list", {
-    params,
-  });
+export const EditOrganizationApiBody = z.object({
+  slug: z.string().min(1),
+  name: z.string().min(1),
+  description: z.string().nullish(),
+  status: z.enum(OrganizationStatus),
+  type: z.enum(OrganizationType),
+  logoUrl: z.string().nullish(),
+  richMediaConfig: z.any().nullish(),
+  contactMail: z.email().nullish(),
+  website: z.url().nullish(),
+  twitter: z.url().nullish(),
+  weibo: z.url().nullish(),
+  qqGroup: z.string().nullish(),
+  bilibili: z.url().nullish(),
+  rednote: z.url().nullish(),
+  wikifur: z.url().nullish(),
+  facebook: z.url().nullish(),
+  plurk: z.url().nullish(),
+  extraMedia: z
+    .object({
+      qqGroups: z
+        .array(
+          z.object({
+            label: z.string(),
+            value: z.string(),
+          })
+        )
+        .optional(),
+    })
+    .nullish(),
+  creationTime: z.iso.datetime().nullish(),
+});
 
-  return res.data;
-}
-
-export async function getAllOrganizations(params: { search?: string }) {
-  const res = await Axios.get<Organization[]>("/internal/cms/organization/all", {
-    params,
-  });
+export class OrganizationAPI {
+  static async getOrganizationList(params: { pageSize: number; current: number; name?: string; slug?: string }) {
+    const res = await Axios.get<List<Organization>>("/internal/cms/organization/list", {
+      params,
+    });
 
-  return res.data;
-}
+    return res.data;
+  }
 
-export async function getOrganizationDetail(params: { id: string }) {
-  const res = await Axios.get<Organization>(`/internal/cms/organization/detail/${params.id}`);
+  static async getOrganizationDetail(params: { id: string }) {
+    const res = await Axios.get<Organization>(`/internal/cms/organization/${params.id}`);
 
-  return res.data;
-}
+    return res.data;
+  }
 
-export async function createOrganization(organization: EditableOrganizationType) {
-  const res = await Axios.post<Organization>("/internal/cms/organization/create", {
-    organization,
-  });
+  static async createOrganization(organization: InferZodType<typeof EditOrganizationApiBody>) {
+    const res = await Axios.post<Organization>("/internal/cms/organization", {
+      organization,
+    });
 
-  return res.data;
-}
+    return res.data;
+  }
 
-export async function updateOrganization(organization: EditableOrganizationType) {
-  const res = await Axios.post<Organization>("/internal/cms/organization/update", {
-    organization,
-  });
+  static async updateOrganization(id: string, organization: InferZodType<typeof EditOrganizationApiBody>) {
+    const res = await Axios.post<Organization>(`/internal/cms/organization/${id}`, organization);
 
-  return res.data;
-}
+    return res.data;
+  }
 
-export async function deleteOrganization(id: string) {
-  const res = await Axios.post<{ success: boolean }>("/internal/cms/organization/delete", {
-    id,
-  });
+  static async deleteOrganization(id: string) {
+    const res = await Axios.delete<{ success: boolean }>(`/internal/cms/organization/${id}`);
 
-  return res.data;
+    return res.data;
+  }
 }
diff --git a/src/components/Organization/OrganizatonSelector/index.tsx b/src/components/Organization/OrganizatonSelector/index.tsx
index adecf5b..ea169c3 100644
--- a/src/components/Organization/OrganizatonSelector/index.tsx
+++ b/src/components/Organization/OrganizatonSelector/index.tsx
@@ -1,4 +1,4 @@
-import { getOrganizationList } from "@/api/dashboard/organization";
+import { OrganizationAPI } from "@/api/dashboard/organization";
 import type { Organization } from "@/types/organization";
 import { Select, Spin } from "antd";
 import { useState, useCallback } from "react";
@@ -43,7 +43,7 @@ export default function OrganizationSelector({
     searchValue
       ? [`organization-list-search`, { pageSize: 50, current: 1, name: searchValue }]
       : [`organization-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => getOrganizationList(params),
+    ([_, params]: [string, any]) => OrganizationAPI.getOrganizationList(params),
   );
 
   const organizations = [...(selectedOptions || []), ...(data?.records || [])];
diff --git a/src/index.tsx b/src/index.tsx
index 7400400..c2d7581 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -5,6 +5,10 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ConfigProvider, App as AntdApp } from "antd";
 import zhCN from "antd/locale/zh_CN";
 import { StyleProvider } from "@ant-design/cssinjs";
+import * as z from "zod";
+import { zhCN as zhCNZod } from "zod/locales";
+
+z.config(zhCNZod());
 
 import router from "@/routes";
 
@@ -43,6 +47,6 @@ if (rootEl) {
           </AntdApp>
         </ConfigProvider>
       </StyleProvider>
-    </React.StrictMode>,
+    </React.StrictMode>
   );
 }
diff --git a/src/pages/dashboard/organization/components/OrganizationList/index.tsx b/src/pages/dashboard/organization/components/OrganizationList/index.tsx
deleted file mode 100644
index 67c8a57..0000000
--- a/src/pages/dashboard/organization/components/OrganizationList/index.tsx
+++ /dev/null
@@ -1,254 +0,0 @@
-import { Button, Dropdown, Tooltip, Tag, App, Space } from "antd";
-import { Input, type TableColumnType } from "antd";
-import type { MenuProps } from "antd";
-import Table, { type ColumnsType } from "antd/es/table";
-import type { FilterDropdownProps } from "antd/es/table/interface";
-import dayjs from "dayjs";
-
-import { cleanPageCache } from "@/api/dashboard/cache";
-import type { List } from "@/types/Request";
-import { OrganizationStatusLabel, type Organization, OrganizationTypeLabel } from "@/types/organization";
-import { IconEdit, IconInfoCircle, IconLink, IconMenu, IconRefresh, IconSearch, IconTrash } from "@tabler/icons-react";
-import { useMutation } from "@tanstack/react-query";
-import { useNavigate } from "react-router-dom";
-
-export default function OrganizationList({
-  data,
-  pagination,
-  isPending,
-  updatePagination,
-}: {
-  data: List<Organization>;
-  pagination: {
-    current: number;
-    pageSize: number;
-    name?: string;
-    slug?: string;
-  };
-  isPending: boolean;
-  updatePagination: React.Dispatch<
-    React.SetStateAction<{
-      current: number;
-      pageSize: number;
-      name?: string;
-      slug?: string;
-    }>
-  >;
-}) {
-  const navigate = useNavigate();
-  const { message } = App.useApp();
-
-  const { mutate: refreshPage } = useMutation({
-    mutationFn: cleanPageCache,
-    onSuccess: () => {
-      message.success("刷新页面缓存成功");
-    },
-  });
-
-  const handleSearch = (
-    selectedKeys: string[],
-    confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof Organization,
-  ) => {
-    console.log(selectedKeys);
-    confirm();
-    updatePagination((exist) => ({
-      ...exist,
-      ...(dataIndex === "name" ? { name: selectedKeys[0] } : {}),
-      ...(dataIndex === "slug" ? { slug: selectedKeys[0] } : {}),
-      current: 1,
-    }));
-  };
-
-  const handleReset = (
-    clearFilters: () => void,
-    confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof Organization,
-  ) => {
-    clearFilters();
-    confirm();
-    updatePagination((exist) => ({
-      ...exist,
-      ...(dataIndex === "name" ? { name: undefined } : {}),
-      ...(dataIndex === "slug" ? { slug: undefined } : {}),
-      current: 1,
-    }));
-  };
-
-  const getColumnSearchProps = (
-    dataIndex: keyof Organization,
-    searchPlaceholder?: string,
-  ): TableColumnType<Organization> => ({
-    filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
-      <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
-        <Space direction="vertical">
-          <Input
-            placeholder={searchPlaceholder}
-            value={selectedKeys[0]}
-            allowClear
-            onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
-            onPressEnter={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
-          />
-          <Space>
-            <Button
-              onClick={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
-              icon={<IconSearch size={14} />}
-              size="small"
-              type="primary"
-              style={{ width: 90 }}
-            >
-              搜索
-            </Button>
-            <Button onClick={() => clearFilters && handleReset(clearFilters, confirm, dataIndex)} size="small">
-              重置
-            </Button>
-            <Button
-              size="small"
-              type="text"
-              onClick={() => {
-                close();
-              }}
-            >
-              关闭
-            </Button>
-          </Space>
-        </Space>
-      </div>
-    ),
-    filterIcon: (filtered: boolean) => <IconSearch size={14} style={{ color: filtered ? "#1677ff" : undefined }} />,
-  });
-
-  const columns: ColumnsType<Organization> = [
-    {
-      title: "展方名称",
-      dataIndex: "name",
-      key: "name",
-      fixed: "left",
-      ...getColumnSearchProps("name", "请输入展方名称"),
-    },
-    {
-      title: "状态",
-      dataIndex: "status",
-      width: 100,
-      key: "status",
-      render: (status) => OrganizationStatusLabel[status],
-    },
-    {
-      title: "类型",
-      dataIndex: "type",
-      key: "type",
-      render: (type) => <Tag>{OrganizationTypeLabel[type] || "未配置"}</Tag>,
-    },
-    {
-      title: "Slug",
-      dataIndex: "slug",
-      key: "slug",
-      ...getColumnSearchProps("slug", "请输入展方 Slug"),
-    },
-    {
-      title: "创立日期",
-      key: "date",
-      render: (_, record) => (
-        <Space>{record.creationTime ? dayjs(record.creationTime).format("YYYY年MM月DD日") : "未配置"}</Space>
-      ),
-    },
-    {
-      title: "操作",
-      key: "action",
-      fixed: "right",
-      width: 250,
-      render: (_, record) => {
-        const menuItems: MenuProps["items"] = [
-          {
-            key: "refresh",
-            icon: <IconRefresh style={{ width: 14, height: 14 }} />,
-            label: "刷新",
-            onClick: () => {
-              refreshPage(`/${record.slug}`);
-            },
-          },
-          {
-            key: "view-international",
-            icon: <IconLink style={{ width: 14, height: 14 }} />,
-            label: (
-              <Tooltip title="国际站没有缓存，修改后会立刻显示">
-                <span>去国际站查看</span>
-              </Tooltip>
-            ),
-            onClick: () => {
-              window.open(`https://www.furryeventchina.com/${record.slug}`, "_blank");
-            },
-          },
-          {
-            key: "view-domestic",
-            icon: <IconLink style={{ width: 14, height: 14 }} />,
-            label: (
-              <Tooltip title="国内站有缓存，修改后大概24小时生效，除非你手动刷新">
-                <span>去国内站查看</span>
-              </Tooltip>
-            ),
-            onClick: () => {
-              window.open(`https://www.furrycons.cn/${record.slug}`, "_blank");
-            },
-          },
-          { type: "divider" },
-          {
-            key: "delete",
-            icon: <IconTrash style={{ width: 14, height: 14 }} />,
-            label: "删除",
-            danger: true,
-            disabled: true,
-          },
-        ];
-
-        return (
-          <Space size="middle">
-            <Button
-              type="primary"
-              ghost
-              onClick={() => {
-                window.open(`/dashboard/organization/${record.id}/edit`);
-              }}
-              icon={<IconEdit size={14} />}
-            >
-              编辑
-            </Button>
-
-            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
-              <Button icon={<IconMenu size={14} stroke={1.5} />} />
-            </Dropdown>
-          </Space>
-        );
-      },
-    },
-  ];
-
-  return (
-    <>
-      <Table
-        rowKey={(row) => row.id}
-        columns={columns}
-        loading={isPending}
-        dataSource={data?.records || []}
-        scroll={
-          {
-            // x: 1500,
-            // y: 600
-          }
-        }
-        pagination={{
-          pageSize: pagination.pageSize,
-          total: data?.total,
-          current: pagination.current,
-        }}
-        onChange={(pagination) => {
-          updatePagination((exist) => ({
-            ...exist,
-            pageSize: pagination.pageSize || exist.pageSize,
-            current: pagination.current || exist.current,
-          }));
-        }}
-      />
-    </>
-  );
-}
diff --git a/src/pages/dashboard/organization/edit.tsx b/src/pages/dashboard/organization/edit.tsx
new file mode 100644
index 0000000..06337e0
--- /dev/null
+++ b/src/pages/dashboard/organization/edit.tsx
@@ -0,0 +1,286 @@
+import { EditOrganizationApiBody, OrganizationAPI } from "@/api/dashboard/organization";
+import DefaultContainer from "@/components/Container";
+import LoadError from "@/components/Error";
+import UploadImage from "@/components/UploadImage";
+import { InferZodType } from "@/types/common";
+import {
+  Organization,
+  OrganizationStatus,
+  OrganizationStatusLabel,
+  OrganizationType,
+  OrganizationTypeLabel,
+} from "@/types/organization";
+import { useZodValidateData } from "@/utils/form";
+import { Alert, App, Button, Col, DatePicker, Divider, Flex, Form, Input, Row, Select, Spin, Typography } from "antd";
+import dayjs from "dayjs";
+import { pickBy } from "es-toolkit";
+import { useNavigate, useParams } from "react-router-dom";
+import useSWR from "swr";
+
+const { Title } = Typography;
+const { TextArea } = Input;
+
+export default function OrganizationEditPage() {
+  const { organizationId } = useParams();
+
+  const { data, isLoading, error } = useSWR(
+    ["organization-detail", organizationId],
+    organizationId ? () => OrganizationAPI.getOrganizationDetail({ id: organizationId as string }) : null,
+    {
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+    }
+  );
+
+  if (error) {
+    return <LoadError />;
+  }
+  return (
+    <div className="relative">
+      <DefaultContainer className="sticky top-0 z-20">
+        <Title level={2} style={{ margin: 0 }}>
+          {organizationId ? "编辑展商" : "新建展商"}
+        </Title>
+      </DefaultContainer>
+
+      <DefaultContainer className="mt-4">
+        {isLoading ? (
+          <Flex justify="center" align="center">
+            <Spin />
+          </Flex>
+        ) : (
+          <OrganizationEditorContent organization={data} />
+        )}
+      </DefaultContainer>
+    </div>
+  );
+}
+
+function OrganizationEditorContent({ organization }: { organization?: Organization }) {
+  const navigate = useNavigate();
+  const { message, modal } = App.useApp();
+  const cleanedOrganization = organization ? pickBy(organization, (v) => v !== "" && v != null) : {};
+
+  const [form] = Form.useForm();
+  const slugValue = Form.useWatch("slug", form);
+
+  const initialValues = {
+    name: cleanedOrganization.name,
+    slug: cleanedOrganization.slug,
+    description: cleanedOrganization.description,
+    status: cleanedOrganization.status,
+    type: cleanedOrganization.type,
+    logoUrl: cleanedOrganization.logoUrl,
+    richMediaConfig: cleanedOrganization.richMediaConfig,
+    contactMail: cleanedOrganization.contactMail,
+    website: cleanedOrganization.website,
+    twitter: cleanedOrganization.twitter,
+    weibo: cleanedOrganization.weibo,
+    qqGroup: cleanedOrganization.qqGroup,
+    bilibili: cleanedOrganization.bilibili,
+    rednote: cleanedOrganization.rednote,
+    wikifur: cleanedOrganization.wikifur,
+    facebook: cleanedOrganization.facebook,
+    plurk: cleanedOrganization.plurk,
+    extraMedia: cleanedOrganization.extraMedia,
+    creationTime: cleanedOrganization.creationTime ? dayjs(cleanedOrganization.creationTime) : undefined,
+  };
+
+  const onSubmit = async (value: InferZodType<typeof EditOrganizationApiBody>) => {
+    try {
+      if (organization?.id) {
+        await OrganizationAPI.updateOrganization(organization.id, value);
+        message.success("更新展商数据成功");
+      } else {
+        const res = await OrganizationAPI.createOrganization(value);
+        message.success("创建展商数据成功");
+        navigate(`/dashboard/organization/${res.id}/edit`);
+      }
+    } catch (error) {
+      message.error(`有错误发生: ${JSON.stringify(error)}`);
+    }
+  };
+
+  const handleFinish = (value: typeof initialValues) => {
+    const processedValues = useZodValidateData(
+      {
+        ...value,
+        creationTime: value.creationTime ? value.creationTime.toISOString() : undefined,
+      },
+      EditOrganizationApiBody
+    );
+    if (processedValues.errors.length > 0) {
+      return modal.warning({
+        title: "接口数据校验失败☹️",
+        content: processedValues.prettyErrors,
+      });
+    }
+    if (processedValues.values) {
+      return onSubmit(processedValues.values);
+    }
+    return;
+  };
+
+  return (
+    <Form form={form} onFinish={handleFinish} layout="vertical" initialValues={initialValues}>
+      <div>
+        <Title level={5} style={{ margin: "12px 0" }}>
+          基础信息
+        </Title>
+        <Row gutter={8}>
+          <Col flex={1}>
+            <Form.Item label="展商名称" required name="name" rules={[{ required: true, message: "请输入展商名称" }]}>
+              <Input placeholder="请输入展商名称" />
+            </Form.Item>
+          </Col>
+          <Col flex={1}>
+            <Form.Item label="创立日期" name="creationTime">
+              <DatePicker format="YYYY年MM月DD日" placeholder="请选择日期" allowClear style={{ width: "100%" }} />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Row gutter={8}>
+          <Col flex={1}>
+            <Form.Item label="展商状态" required name="status">
+              <Select
+                placeholder="请选择展商状态"
+                options={Object.values(OrganizationStatus).map((status) => ({
+                  label: OrganizationStatusLabel[status],
+                  value: status,
+                }))}
+              />
+            </Form.Item>
+          </Col>
+          <Col flex={1}>
+            <Form.Item label="展商类型" required name="type">
+              <Select
+                placeholder="请选择展商类型"
+                options={Object.values(OrganizationType).map((type) => ({
+                  label: OrganizationTypeLabel[type],
+                  value: type,
+                }))}
+              />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Form.Item label="展商Slug" required extra="请不要使用大写" name="slug">
+          <Input disabled={!!organization?.id} placeholder="请输入展商Slug" />
+        </Form.Item>
+
+        <Flex gap={8}>
+          <Alert type="info" title="Slug是展商的对外唯一标识，请谨慎选择，如果要修改请联系管理员。" />
+          <Alert type="error" title="不到万不得已，请勿使用拼音。 如果英文名称太长，使用-连字符。" />
+        </Flex>
+      </div>
+
+      <Divider dashed />
+
+      <div>
+        <Title level={5}>展会附加信息</Title>
+        <Flex vertical gap={8}>
+          <Form.Item label="展商描述" extra="可以是展商的自我简介之类的东西，不填也没关系。" name="description">
+            <TextArea placeholder="请输入展商简介" autoSize={{ minRows: 10 }} />
+          </Form.Item>
+        </Flex>
+      </div>
+
+      <div>
+        <Title level={5}>媒体信息</Title>
+        <Row gutter={8}>
+          <Col flex={1}>
+            <Form.Item label="网站" name="website" rules={[{ type: "url", message: "请输入正确的网站链接" }]}>
+              <Input placeholder="请输入网站链接" />
+            </Form.Item>
+          </Col>
+          <Col flex={1}>
+            <Form.Item label="联系邮箱" name="contactMail" rules={[{ type: "email", message: "请输入正确的邮箱地址" }]}>
+              <Input placeholder="请输入邮箱地址" />
+            </Form.Item>
+          </Col>
+          <Col flex={1}>
+            <Form.Item label="QQ群" name="qqGroup">
+              <Input placeholder="请输入QQ群号" />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Row gutter={8}>
+          <Col flex={1}>
+            <Form.Item label="Twitter" name="twitter" rules={[{ type: "url", message: "请输入正确的Twitter链接" }]}>
+              <Input placeholder="请输入Twitter链接" />
+            </Form.Item>
+          </Col>
+          <Col flex={1}>
+            <Form.Item label="Weibo" name="weibo" rules={[{ type: "url", message: "请输入正确的微博链接" }]}>
+              <Input placeholder="请输入微博链接" />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Row gutter={8}>
+          <Col flex={1}>
+            <Form.Item label="Bilibili" name="bilibili" rules={[{ type: "url", message: "请输入正确的B站链接" }]}>
+              <Input placeholder="请输入B站链接" />
+            </Form.Item>
+          </Col>
+          <Col flex={1}>
+            <Form.Item label="Wikifur" name="wikifur" rules={[{ type: "url", message: "请输入正确的Wikifur链接" }]}>
+              <Input placeholder="请输入Wikifur链接" />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Row gutter={8}>
+          <Col flex={1}>
+            <Form.Item label="小红书" name="rednote">
+              <Input placeholder="请输入小红书用户链接" />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Row gutter={8}>
+          <Col flex={1}>
+            <Form.Item label="Plurk" name="plurk" rules={[{ type: "url", message: "请输入正确的Plurk链接" }]}>
+              <Input placeholder="请输入Plurk用户链接" />
+            </Form.Item>
+          </Col>
+          <Col flex={1}>
+            <Form.Item label="Facebook" name="facebook" rules={[{ type: "url", message: "请输入正确的Facebook链接" }]}>
+              <Input placeholder="请输入Facebook链接" />
+            </Form.Item>
+          </Col>
+        </Row>
+      </div>
+
+      <Divider dashed />
+
+      <div>
+        <Title level={5}>展会媒体资源</Title>
+
+        <Flex vertical>
+          <Form.Item
+            label="展商标志图片"
+            extra="一般来说无需手动编辑，除非有两个组织的logo一致，可以直接复用另外一个组织的URL。"
+            name="logoUrl"
+          >
+            <Input placeholder="请输入展商标志图片URL" />
+          </Form.Item>
+          <UploadImage
+            pathPrefix={`organizations/${slugValue}/`}
+            defaultImageName="logo"
+            onUploadSuccess={(s) => form.setFieldValue("logoUrl", s)}
+            disabled={!slugValue}
+          />
+        </Flex>
+      </div>
+
+      <Flex justify="flex-end" style={{ marginTop: 16 }}>
+        <Button type="primary" htmlType="submit">
+          提交
+        </Button>
+      </Flex>
+    </Form>
+  );
+}
diff --git a/src/pages/dashboard/organization/edit/index.tsx b/src/pages/dashboard/organization/edit/index.tsx
deleted file mode 100644
index 623de11..0000000
--- a/src/pages/dashboard/organization/edit/index.tsx
+++ /dev/null
@@ -1,456 +0,0 @@
-import { createOrganization, getOrganizationDetail, updateOrganization } from "@/api/dashboard/organization";
-import DefaultContainer from "@/components/Container";
-import LoadError from "@/components/Error";
-import UploadImage from "@/components/UploadImage";
-import {
-  EditableOrganizationSchema,
-  OrganizationStatus,
-  OrganizationStatusLabel,
-  Organization,
-  OrganizationTypeLabel,
-  OrganizationType,
-} from "@/types/organization";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useQuery } from "@tanstack/react-query";
-import { Alert, Spin, Typography, Button, Flex, Divider, Row, Col, App, Form, Input, Select, DatePicker } from "antd";
-import { useNavigate, useParams } from "react-router-dom";
-import { z } from "zod";
-import dayjs from "dayjs";
-
-const { Title } = Typography;
-const { TextArea } = Input;
-
-export default function OrganizationEditPage() {
-  const { organizationId } = useParams();
-  const {
-    data: organization,
-    isLoading,
-    isError,
-  } = useQuery({
-    queryKey: ["organization-detail", organizationId],
-    queryFn: () => getOrganizationDetail({ id: organizationId as string }),
-    refetchOnWindowFocus: false,
-    enabled: !!organizationId,
-  });
-  console.log(organization);
-
-  if (isError) {
-    return <LoadError />;
-  }
-  return (
-    <div className="relative">
-      <DefaultContainer className="sticky top-0 z-20">
-        <Title level={2} style={{ margin: 0 }}>
-          {organizationId ? "编辑展商" : "新建展商"}
-        </Title>
-      </DefaultContainer>
-
-      <DefaultContainer className="mt-4">
-        {isLoading ? (
-          <Flex justify="center" align="center">
-            <Spin />
-          </Flex>
-        ) : (
-          <OrganizationEditorContent organization={organization} />
-        )}
-      </DefaultContainer>
-    </div>
-  );
-}
-
-function OrganizationEditorContent({ organization }: { organization?: Organization }) {
-  const navigate = useNavigate();
-  const { message } = App.useApp();
-
-  type OrganizationFormValues = {
-    name: string;
-    slug: string;
-    description: string;
-    creationTime: string;
-    logoUrl: string;
-    website: string;
-    contactMail: string;
-    status: string;
-    twitter: string;
-    weibo: string;
-    bilibili: string;
-    wikifur: string;
-    qqGroup: string;
-    rednote: string;
-    facebook: string;
-    plurk: string;
-    extraMedia: {
-      qqGroups: Array<{ label: string; value: string }>;
-    };
-    richMediaConfig: Record<string, unknown>;
-    type: string;
-  };
-
-  const formMethods = useForm<OrganizationFormValues>({
-    defaultValues: {
-      name: organization?.name || "",
-      slug: organization?.slug || "",
-      description: organization?.description || "",
-      creationTime: organization?.creationTime
-        ? organization.creationTime
-        : new Date(new Date().setHours(0, 0, 0, 0)).toISOString(),
-      logoUrl: organization?.logoUrl || "",
-      website: organization?.website || "",
-      contactMail: organization?.contactMail || "",
-      status: organization?.status || OrganizationStatus.Active,
-      twitter: organization?.twitter || "",
-      weibo: organization?.weibo || "",
-      bilibili: organization?.bilibili || "",
-      wikifur: organization?.wikifur || "",
-      qqGroup: organization?.qqGroup || "",
-      rednote: organization?.rednote || "",
-      facebook: organization?.facebook || "",
-      plurk: organization?.plurk || "",
-      extraMedia: organization?.extraMedia || {
-        qqGroups: [],
-      },
-      richMediaConfig: organization?.richMediaConfig || {},
-      type: organization?.type || OrganizationType.Agency,
-    },
-    resolver: zodResolver(
-      z.object({
-        name: z.string().min(1, { message: "展商名称不能为空" }),
-        slug: z.string().regex(/^[a-z0-9-]+$/, {
-          message: "只允许小写英文字母、数字和连字符-",
-        }),
-      }),
-    ),
-  });
-
-  const {
-    register,
-    handleSubmit: rhfHandleSubmit,
-    setValue,
-    watch,
-    formState: { errors },
-  } = formMethods;
-
-  // Create a compatible form object for child components
-  const form = {
-    register,
-    setValue,
-    watch,
-    errors,
-    values: watch(),
-    setFieldValue: setValue,
-    getInputProps: (name: string) => ({
-      ...register(name),
-      error: errors[name]?.message,
-    }),
-    onSubmit: (
-      onValid: (values: OrganizationFormValues) => void,
-      onInvalid?: (errors: typeof formMethods.formState.errors) => void,
-    ) => {
-      return rhfHandleSubmit(onValid, onInvalid);
-    },
-  };
-
-  const handleSubmit = async (formData: OrganizationFormValues) => {
-    const validFormData = Object.fromEntries(
-      Object.entries(formData).filter(([key, value]) => value !== null && value !== ""),
-    );
-    const validResult = EditableOrganizationSchema.safeParse({
-      ...validFormData,
-      creationTime: formData.creationTime ? new Date(formData.creationTime).toISOString() : undefined,
-    });
-    const validPayload = validResult.data;
-
-    console.log(formData, validResult);
-
-    if (validPayload) {
-      if (organization?.id) {
-        const res = await updateOrganization({
-          ...validPayload,
-          id: organization.id,
-        });
-        if (res) {
-          message.success("更新展商数据成功");
-        }
-        console.log("update res", res);
-      } else {
-        const res = await createOrganization(validPayload);
-        console.log("create res", res);
-        if (res) {
-          message.success("创建展商数据成功");
-          navigate(`/dashboard/organization/${res.id}/edit`);
-        }
-      }
-    } else {
-      message.warning("数据校验不通过，请检查表单");
-    }
-  };
-
-  return (
-    <div style={{ margin: "0 auto" }}>
-      <form onSubmit={form.onSubmit(handleSubmit)}>
-        <div style={{ padding: "0 24px" }}>
-          <Title level={5} style={{ margin: "12px 0" }}>
-            基础信息
-          </Title>
-          <Flex vertical gap={8}>
-            <Row gutter={8}>
-              <Col flex={1}>
-                <Form.Item
-                  label="展商名称"
-                  required
-                  validateStatus={form.getInputProps("name").error ? "error" : undefined}
-                  help={form.getInputProps("name").error}
-                >
-                  <Input placeholder="请输入展商名称" {...form.getInputProps("name")} />
-                </Form.Item>
-              </Col>
-              <Col flex={1}>
-                <Form.Item
-                  label="创立日期"
-                  validateStatus={form.getInputProps("creationTime").error ? "error" : undefined}
-                  help={form.getInputProps("creationTime").error}
-                >
-                  <DatePicker
-                    format="YYYY年MM月DD日"
-                    placeholder="请选择日期"
-                    allowClear
-                    style={{ width: "100%" }}
-                    value={form.values.creationTime ? dayjs(form.values.creationTime) : null}
-                    onChange={(date) => {
-                      form.setFieldValue("creationTime", date ? date.toISOString() : null);
-                    }}
-                  />
-                </Form.Item>
-              </Col>
-            </Row>
-
-            <Row gutter={8}>
-              <Col flex={1}>
-                <Form.Item
-                  label="展商状态"
-                  required
-                  validateStatus={form.getInputProps("status").error ? "error" : undefined}
-                  help={form.getInputProps("status").error}
-                >
-                  <Select
-                    placeholder="请选择展商状态"
-                    options={Object.values(OrganizationStatus).map((status) => ({
-                      label: OrganizationStatusLabel[status],
-                      value: status,
-                    }))}
-                    value={form.values.status}
-                    onChange={(value) => form.setFieldValue("status", value)}
-                  />
-                </Form.Item>
-              </Col>
-              <Col flex={1}>
-                <Form.Item
-                  label="展商类型"
-                  required
-                  validateStatus={form.getInputProps("type").error ? "error" : undefined}
-                  help={form.getInputProps("type").error}
-                >
-                  <Select
-                    placeholder="请选择展商类型"
-                    options={Object.values(OrganizationType).map((type) => ({
-                      label: OrganizationTypeLabel[type],
-                      value: type,
-                    }))}
-                    value={form.values.type}
-                    onChange={(value) => form.setFieldValue("type", value)}
-                  />
-                </Form.Item>
-              </Col>
-            </Row>
-
-            <Form.Item
-              label="展商Slug"
-              required
-              help="请不要使用大写"
-              validateStatus={form.getInputProps("slug").error ? "error" : undefined}
-            >
-              <Input disabled={!!organization?.id} placeholder="请输入展商Slug" {...form.getInputProps("slug")} />
-            </Form.Item>
-
-            <Flex gap={8}>
-              <Alert
-                type="info"
-                message="Slug是展商的对外唯一标识，请谨慎选择，如果要修改请联系管理员。"
-                style={{ borderRadius: 8 }}
-              />
-              <Alert
-                type="error"
-                message="不到万不得已，请勿使用拼音。 如果英文名称太长，使用-连字符。"
-                style={{ borderRadius: 8 }}
-              />
-            </Flex>
-          </Flex>
-        </div>
-
-        <Divider dashed style={{ margin: "12px 0" }} />
-
-        <div style={{ padding: "0 24px" }}>
-          <Title level={5}>媒体信息</Title>
-          <Flex vertical gap={8}>
-            <Row gutter={8}>
-              <Col flex={1}>
-                <Form.Item
-                  label="网站"
-                  validateStatus={form.getInputProps("website").error ? "error" : undefined}
-                  help={form.getInputProps("website").error}
-                >
-                  <Input placeholder="请输入网站链接" {...form.getInputProps("website")} />
-                </Form.Item>
-              </Col>
-              <Col flex={1}>
-                <Form.Item
-                  label="联系邮箱"
-                  validateStatus={form.getInputProps("contactMail").error ? "error" : undefined}
-                  help={form.getInputProps("contactMail").error}
-                >
-                  <Input placeholder="请输入邮箱地址" {...form.getInputProps("contactMail")} />
-                </Form.Item>
-              </Col>
-              <Col flex={1}>
-                <Form.Item
-                  label="QQ群"
-                  validateStatus={form.getInputProps("qqGroup").error ? "error" : undefined}
-                  help={form.getInputProps("qqGroup").error}
-                >
-                  <Input placeholder="请输入QQ群号" {...form.getInputProps("qqGroup")} />
-                </Form.Item>
-              </Col>
-            </Row>
-
-            <Row gutter={8}>
-              <Col flex={1}>
-                <Form.Item
-                  label="Twitter"
-                  validateStatus={form.getInputProps("twitter").error ? "error" : undefined}
-                  help={form.getInputProps("twitter").error}
-                >
-                  <Input placeholder="请输入Twitter链接" {...form.getInputProps("twitter")} />
-                </Form.Item>
-              </Col>
-              <Col flex={1}>
-                <Form.Item
-                  label="Weibo"
-                  validateStatus={form.getInputProps("weibo").error ? "error" : undefined}
-                  help={form.getInputProps("weibo").error}
-                >
-                  <Input placeholder="请输入微博链接" {...form.getInputProps("weibo")} />
-                </Form.Item>
-              </Col>
-            </Row>
-
-            <Row gutter={8}>
-              <Col flex={1}>
-                <Form.Item
-                  label="Bilibili"
-                  validateStatus={form.getInputProps("bilibili").error ? "error" : undefined}
-                  help={form.getInputProps("bilibili").error}
-                >
-                  <Input placeholder="请输入B站链接" {...form.getInputProps("bilibili")} />
-                </Form.Item>
-              </Col>
-              <Col flex={1}>
-                <Form.Item
-                  label="Wikifur"
-                  validateStatus={form.getInputProps("wikifur").error ? "error" : undefined}
-                  help={form.getInputProps("wikifur").error}
-                >
-                  <Input placeholder="请输入Wikifur链接" {...form.getInputProps("wikifur")} />
-                </Form.Item>
-              </Col>
-            </Row>
-
-            <Row gutter={8}>
-              <Col flex={1}>
-                <Form.Item
-                  label="小红书"
-                  validateStatus={form.getInputProps("rednote").error ? "error" : undefined}
-                  help={form.getInputProps("rednote").error}
-                >
-                  <Input placeholder="请输入小红书用户链接" {...form.getInputProps("rednote")} />
-                </Form.Item>
-              </Col>
-            </Row>
-
-            <Row gutter={8}>
-              <Col flex={1}>
-                <Form.Item
-                  label="Plurk"
-                  validateStatus={form.getInputProps("plurk").error ? "error" : undefined}
-                  help={form.getInputProps("plurk").error}
-                >
-                  <Input placeholder="请输入Plurk用户链接" {...form.getInputProps("plurk")} />
-                </Form.Item>
-              </Col>
-              <Col flex={1}>
-                <Form.Item
-                  label="Facebook"
-                  validateStatus={form.getInputProps("facebook").error ? "error" : undefined}
-                  help={form.getInputProps("facebook").error}
-                >
-                  <Input placeholder="请输入Facebook链接" {...form.getInputProps("facebook")} />
-                </Form.Item>
-              </Col>
-            </Row>
-          </Flex>
-        </div>
-
-        <Divider dashed style={{ margin: "12px 0" }} />
-
-        <div style={{ padding: "0 24px" }}>
-          <Title level={5}>展会附加信息</Title>
-          <Flex vertical gap={8}>
-            <Form.Item
-              label="展商描述"
-              help="可以是展商的自我简介之类的东西，不填也没关系。"
-              validateStatus={form.getInputProps("description").error ? "error" : undefined}
-            >
-              <TextArea
-                placeholder="请输入展商简介"
-                autoSize={{ minRows: 5, maxRows: 20 }}
-                {...form.getInputProps("description")}
-              />
-            </Form.Item>
-          </Flex>
-        </div>
-
-        <Divider dashed style={{ margin: "12px 0" }} />
-
-        <div style={{ padding: "0 24px" }}>
-          <Title level={5}>展会媒体资源</Title>
-
-          <Flex vertical gap={8}>
-            <Form.Item
-              label="展商标志图片"
-              help="一般来说无需手动编辑，除非有两个组织的logo一致，可以直接复用另外一个组织的URL。"
-              validateStatus={form.getInputProps("logoUrl").error ? "error" : undefined}
-            >
-              <Input placeholder="请输入展商标志图片URL" {...form.getInputProps("logoUrl")} />
-            </Form.Item>
-            <Flex>
-              <UploadImage
-                pathPrefix={`organizations/${form.values.slug}/`}
-                defaultImageName="logo"
-                onUploadSuccess={(s) => form.setFieldValue("logoUrl", s)}
-                disabled={!form.values.slug}
-              />
-            </Flex>
-          </Flex>
-        </div>
-
-        <div style={{ padding: "0 24px" }}>
-          <Flex justify="flex-end" style={{ marginTop: 16 }}>
-            <Button type="primary" htmlType="submit">
-              保存
-            </Button>
-          </Flex>
-        </div>
-      </form>
-    </div>
-  );
-}
diff --git a/src/pages/dashboard/organization/page.tsx b/src/pages/dashboard/organization/page.tsx
index 9a8fb9c..358d5df 100644
--- a/src/pages/dashboard/organization/page.tsx
+++ b/src/pages/dashboard/organization/page.tsx
@@ -1,42 +1,205 @@
-import { getOrganizationList } from "@/api/dashboard/organization";
+import { cleanPageCache } from "@/api/dashboard/cache";
+import { OrganizationAPI } from "@/api/dashboard/organization";
 import DefaultContainer from "@/components/Container";
-import OrganizationList from "@/pages/dashboard/organization/components/OrganizationList";
-import { Button, Flex, Typography } from "antd";
-import { IconCirclePlus } from "@tabler/icons-react";
-import { useQuery } from "@tanstack/react-query";
-import { useNavigate } from "react-router-dom";
-import { useQueryState, parseAsInteger } from "nuqs";
+import { Organization, OrganizationStatusLabel, OrganizationTypeLabel } from "@/types/organization";
+import { IconCirclePlus, IconEdit, IconLink, IconMenu, IconRefresh, IconSearch, IconTrash } from "@tabler/icons-react";
+import { App, Button, Dropdown, Flex, Input, MenuProps, Space, Table, TableColumnType, Tag, Typography } from "antd";
+import { ColumnsType, FilterDropdownProps } from "antd/es/table/interface";
+import dayjs from "dayjs";
+import { parseAsInteger, useQueryState } from "nuqs";
 import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import useSWR from "swr";
 
 const { Title } = Typography;
 
 export default function OrganizationPage() {
   const navigate = useNavigate();
+  const { message } = App.useApp();
 
   const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
   const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
 
-  const [pagination, setPagination] = useState<{
-    current: number;
-    pageSize: number;
+  const [filter, setFilter] = useState<{
     name?: string;
     slug?: string;
-  }>({
-    current: 1,
-    pageSize: 20,
-  });
+  }>({});
+
+  const { data, isLoading } = useSWR(["organization/list", filter, currentPage, pageSize], () =>
+    OrganizationAPI.getOrganizationList({
+      pageSize: pageSize,
+      current: currentPage,
+      name: filter.name,
+      slug: filter.slug,
+    })
+  );
+
+  const handleRefreshPage = async (slug: string) => {
+    await cleanPageCache(slug);
+    message.success("刷新页面缓存成功");
+  };
 
-  const { isPending, isError, data, error, refetch } = useQuery({
-    queryKey: ["organization-list", pagination],
-    queryFn: () =>
-      getOrganizationList({
-        pageSize: pagination.pageSize,
-        current: pagination.current,
-        name: pagination.name,
-        slug: pagination.slug,
-      }),
+  const getColumnSearchProps = (
+    dataIndex: keyof Organization,
+    searchPlaceholder?: string
+  ): TableColumnType<Organization> => ({
+    filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
+      <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
+        <Space orientation="vertical">
+          <Input
+            placeholder={searchPlaceholder}
+            value={selectedKeys[0]}
+            allowClear
+            onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
+            onPressEnter={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
+          />
+          <Space>
+            <Button
+              onClick={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
+              icon={<IconSearch size={14} />}
+              size="small"
+              type="primary"
+              style={{ width: 90 }}
+            >
+              搜索
+            </Button>
+            <Button onClick={() => clearFilters && handleReset(clearFilters, confirm, dataIndex)} size="small">
+              重置
+            </Button>
+            <Button
+              size="small"
+              type="text"
+              onClick={() => {
+                close();
+              }}
+            >
+              关闭
+            </Button>
+          </Space>
+        </Space>
+      </div>
+    ),
+    filterIcon: (filtered: boolean) => <IconSearch size={14} style={{ color: filtered ? "#1677ff" : undefined }} />,
   });
 
+  const columns: ColumnsType<Organization> = [
+    {
+      title: "展方名称",
+      dataIndex: "name",
+      key: "name",
+      fixed: "left",
+      ...getColumnSearchProps("name", "请输入展方名称"),
+    },
+    {
+      title: "状态",
+      dataIndex: "status",
+      width: 100,
+      key: "status",
+      render: (status) => OrganizationStatusLabel[status],
+    },
+    {
+      title: "类型",
+      dataIndex: "type",
+      key: "type",
+      render: (type) => <Tag>{OrganizationTypeLabel[type] || "未配置"}</Tag>,
+    },
+    {
+      title: "Slug",
+      dataIndex: "slug",
+      key: "slug",
+      ...getColumnSearchProps("slug", "请输入展方 Slug"),
+    },
+    {
+      title: "创立日期",
+      key: "date",
+      render: (_, record) => (
+        <Space>{record.creationTime ? dayjs(record.creationTime).format("YYYY年MM月DD日") : "未配置"}</Space>
+      ),
+    },
+    {
+      title: "操作",
+      key: "action",
+      fixed: "right",
+      width: 250,
+      render: (_, record) => {
+        const menuItems: MenuProps["items"] = [
+          {
+            key: "refresh",
+            icon: <IconRefresh style={{ width: 14, height: 14 }} />,
+            label: "刷新",
+            onClick: () => {
+              handleRefreshPage(record.slug);
+            },
+          },
+          {
+            key: "view-domestic",
+            icon: <IconLink style={{ width: 14, height: 14 }} />,
+            label: "在网站上查看",
+            onClick: () => {
+              window.open(`https://www.furrycons.cn/${record.slug}`, "_blank");
+            },
+          },
+          { type: "divider" },
+          {
+            key: "delete",
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: "删除",
+            danger: true,
+            disabled: true,
+          },
+        ];
+
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              onClick={() => {
+                window.open(`/dashboard/organization/${record.id}/edit`);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
+
+            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
+              <Button icon={<IconMenu size={14} stroke={1.5} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
+    },
+  ];
+
+  const handleSearch = (
+    selectedKeys: string[],
+    confirm: FilterDropdownProps["confirm"],
+    dataIndex: keyof Organization
+  ) => {
+    confirm();
+    setFilter((exist) => ({
+      ...exist,
+      ...(dataIndex === "name" ? { name: selectedKeys[0] } : {}),
+      ...(dataIndex === "slug" ? { slug: selectedKeys[0] } : {}),
+    }));
+    setCurrentPage(1);
+  };
+
+  const handleReset = (
+    clearFilters: () => void,
+    confirm: FilterDropdownProps["confirm"],
+    dataIndex: keyof Organization
+  ) => {
+    clearFilters();
+    confirm();
+    setFilter((exist) => ({
+      ...exist,
+      ...(dataIndex === "name" ? { name: undefined } : {}),
+      ...(dataIndex === "slug" ? { slug: undefined } : {}),
+      current: 1,
+    }));
+  };
+
   return (
     <>
       <DefaultContainer className="sticky top-0 z-20">
@@ -58,11 +221,23 @@ export default function OrganizationPage() {
       </DefaultContainer>
 
       <div className="shadow mt-4 p-4 rounded-xl bg-white">
-        <OrganizationList
-          data={data || { total: 0, records: [] }}
-          isPending={isPending}
-          pagination={pagination}
-          updatePagination={setPagination}
+        <Table
+          rowKey={(row) => row.id}
+          columns={columns}
+          loading={isLoading}
+          dataSource={data?.records || []}
+          scroll={{
+            x: "max-content",
+          }}
+          pagination={{
+            pageSize: pageSize,
+            total: data?.total,
+            current: currentPage,
+          }}
+          onChange={(pagination) => {
+            setPageSize(pagination.pageSize || pageSize);
+            setCurrentPage(pagination.current || currentPage);
+          }}
         />
       </div>
     </>
diff --git a/src/types/organization.ts b/src/types/organization.ts
index 11eccba..8cd0bb9 100644
--- a/src/types/organization.ts
+++ b/src/types/organization.ts
@@ -46,7 +46,7 @@ export const OrganizationSchema = z.object({
           z.object({
             label: z.string(),
             value: z.string(),
-          }),
+          })
         )
         .optional(),
     })
@@ -60,9 +60,3 @@ export const OrganizationSchema = z.object({
 });
 
 export type Organization = z.infer<typeof OrganizationSchema>;
-
-export const EditableOrganizationSchema = OrganizationSchema.extend({
-  id: z.string().uuid().nullish(),
-});
-
-export type EditableOrganizationType = z.infer<typeof EditableOrganizationSchema>;
diff --git a/src/utils/form.ts b/src/utils/form.ts
new file mode 100644
index 0000000..136190f
--- /dev/null
+++ b/src/utils/form.ts
@@ -0,0 +1,50 @@
+import { App } from "antd";
+import { isNil } from "es-toolkit";
+import { isObject, isArray } from "es-toolkit/compat";
+import z from "zod";
+
+export const toNullable = <T>(val: T): T => {
+  // 1. 处理数组
+  if (isArray(val)) {
+    return val.map(toNullable) as unknown as T;
+  }
+
+  // 2. 处理对象 (排除 null 本身)
+  if (isObject(val) && !isNil(val)) {
+    const result: Record<string, any> = {};
+
+    for (const [key, value] of Object.entries(val)) {
+      // 递归处理每一个属性值
+      result[key] = toNullable(value);
+    }
+    return result as T;
+  }
+
+  // 3. 核心转换逻辑：如果是空字符串或 undefined，返回 null
+  if (val === "" || val === undefined) {
+    return null as unknown as T;
+  }
+
+  // 4. 其他有效值（如 0, false, 正常字符串）原样返回
+  return val;
+};
+
+export const useZodValidateData = <T>(values: unknown, schema: z.ZodSchema<T>) => {
+  const processedValues = toNullable(values);
+
+  const validatedResult = schema.safeParse(processedValues);
+  if (!validatedResult.success) {
+    const pretty = z.prettifyError(validatedResult.error);
+
+    return {
+      values: validatedResult.data,
+      errors: validatedResult.error.issues,
+      prettyErrors: pretty,
+    };
+  }
+  return {
+    values: validatedResult.data,
+    errors: [] as z.core.$ZodIssue[],
+    prettyErrors: "",
+  };
+};

From 7c5646c7adff49d74a77d6e8787b47a022f2b824 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sun, 18 Jan 2026 21:09:44 +0800
Subject: [PATCH 11/21] feat(region): use antd form rewrite

---
 src/api/dashboard/region.ts                   |  97 ++--
 .../Region/RegionSelector/index.tsx           |   4 +-
 .../region/components/RegionList/index.tsx    | 128 ------
 src/pages/dashboard/region/edit.tsx           | 330 ++++++++++++++
 src/pages/dashboard/region/edit/index.tsx     | 414 ------------------
 src/pages/dashboard/region/index.tsx          | 109 ++++-
 src/routes.tsx                                |   2 +-
 src/types/region.ts                           |  33 +-
 8 files changed, 495 insertions(+), 622 deletions(-)
 delete mode 100644 src/pages/dashboard/region/components/RegionList/index.tsx
 create mode 100644 src/pages/dashboard/region/edit.tsx
 delete mode 100644 src/pages/dashboard/region/edit/index.tsx

diff --git a/src/api/dashboard/region.ts b/src/api/dashboard/region.ts
index 9808e1e..39dbfd6 100644
--- a/src/api/dashboard/region.ts
+++ b/src/api/dashboard/region.ts
@@ -1,51 +1,76 @@
 import Axios from "@/api";
-import type { EditableRegion, Region, RegionType } from "@/types/region";
+import { InferZodType } from "@/types/common";
+import { RegionType, type Region } from "@/types/region";
 import type { List } from "@/types/Request";
+import { z } from "zod";
 
-export async function getRegionList(params: { pageSize: number; current: number; code?: string }) {
-  const res = await Axios.get<List<Region>>("/internal/cms/region", {
-    params,
-  });
+export const EditRegionApiBody = z.object({
+  name: z.string().min(1),
+  code: z.string().min(1),
+  type: z.enum(RegionType),
+  level: z.number(),
+  parentId: z.uuid().nullish(),
+  countryCode: z.string().nullish(),
+  isOverseas: z.boolean(),
+  addressFormat: z.string().nullish(),
+  localName: z.string().nullish(),
+  timezone: z.string().nullish(),
+  languageCode: z.string().nullish(),
+  currencyCode: z.string().nullish(),
+  phoneCode: z.string().nullish(),
+  isoCode: z.string().nullish(),
+  latitude: z.number().nullish(),
+  longitude: z.number().nullish(),
+  sortOrder: z.number().nullish(),
+  remark: z.string().nullish(),
+});
 
-  return res.data;
-}
+export class RegionAPI {
+  static async getRegionList(params: { pageSize: number; current: number; code?: string }) {
+    const res = await Axios.get<List<Region>>("/internal/cms/region", {
+      params,
+    });
 
-export async function createRegion(region: EditableRegion) {
-  const res = await Axios.post<Region>("/internal/cms/region", {
-    region,
-  });
+    return res.data;
+  }
 
-  return res.data;
-}
+  static async createRegion(region: InferZodType<typeof EditRegionApiBody>) {
+    const res = await Axios.post<Region>("/internal/cms/region", {
+      region,
+    });
 
-export async function updateRegion(id: string, region: EditableRegion) {
-  const res = await Axios.post<Region>(`/internal/cms/region/${id}`, {
-    region,
-  });
+    return res.data;
+  }
 
-  return res.data;
-}
+  static async updateRegion(id: string, region: InferZodType<typeof EditRegionApiBody>) {
+    const res = await Axios.post<Region>(`/internal/cms/region/${id}`, {
+      region,
+    });
 
-export async function getRegion(id: string) {
-  const res = await Axios.get<Region>(`/internal/cms/region/${id}`);
+    return res.data;
+  }
 
-  return res.data;
-}
+  static async getRegion(id: string) {
+    const res = await Axios.get<Region>(`/internal/cms/region/${id}`);
 
-export async function deleteRegion(id: string) {
-  const res = await Axios.delete<{
-    success: boolean;
-  }>(`/internal/cms/region/${id}`);
+    return res.data;
+  }
 
-  return res.data;
-}
+  static async deleteRegion(id: string) {
+    const res = await Axios.delete<{
+      success: boolean;
+    }>(`/internal/cms/region/${id}`);
+
+    return res.data;
+  }
 
-export async function recreateRegionOrder(type: RegionType) {
-  const res = await Axios.post<{
-    success: boolean;
-  }>("/internal/cms/region/recreate-order", {
-    type,
-  });
+  static async recreateRegionOrder(type: RegionType) {
+    const res = await Axios.post<{
+      success: boolean;
+    }>("/internal/cms/region/recreate-order", {
+      type,
+    });
 
-  return res.data;
+    return res.data;
+  }
 }
diff --git a/src/components/Region/RegionSelector/index.tsx b/src/components/Region/RegionSelector/index.tsx
index b60bd8e..65450de 100644
--- a/src/components/Region/RegionSelector/index.tsx
+++ b/src/components/Region/RegionSelector/index.tsx
@@ -1,4 +1,4 @@
-import { getRegionList } from "@/api/dashboard/region";
+import { RegionAPI } from "@/api/dashboard/region";
 import type { Region } from "@/types/region";
 import { Select, Spin, Form } from "antd";
 import { debounce } from "es-toolkit";
@@ -41,7 +41,7 @@ export default function RegionSelector({
     searchValue
       ? [`region-list-search`, { pageSize: 50, current: 1, code: searchValue }]
       : [`region-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => getRegionList(params)
+    ([_, params]: [string, any]) => RegionAPI.getRegionList(params)
   );
 
   const regions = [...(selectedOption ? [selectedOption] : []), ...(data?.records || [])];
diff --git a/src/pages/dashboard/region/components/RegionList/index.tsx b/src/pages/dashboard/region/components/RegionList/index.tsx
deleted file mode 100644
index 6b6cefe..0000000
--- a/src/pages/dashboard/region/components/RegionList/index.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import { Button, Dropdown, App, Space } from "antd";
-import type { MenuProps } from "antd";
-import Table, { type ColumnsType } from "antd/es/table";
-
-import { cleanPageCache } from "@/api/dashboard/cache";
-import type { List } from "@/types/Request";
-import { RegionTypeLabel, type Region } from "@/types/region";
-import { IconEdit, IconMenu, IconTrash } from "@tabler/icons-react";
-import { useMutation } from "@tanstack/react-query";
-import { useNavigate } from "react-router-dom";
-
-export default function RegionList({
-  data,
-  pagination,
-  isPending,
-  updatePagination,
-  onEdit,
-}: {
-  data: List<Region>;
-  pagination: { current: number; pageSize: number };
-  isPending: boolean;
-  updatePagination: React.Dispatch<
-    React.SetStateAction<{
-      current: number;
-      pageSize: number;
-    }>
-  >;
-  onEdit: (region: Region) => void;
-}) {
-  const navigate = useNavigate();
-  const { message } = App.useApp();
-
-  const { mutate: refreshPage } = useMutation({
-    mutationFn: cleanPageCache,
-    onSuccess: () => {
-      message.success("刷新页面缓存成功");
-    },
-  });
-
-  const columns: ColumnsType<Region> = [
-    {
-      title: "区域名称",
-      dataIndex: "name",
-      key: "name",
-      width: 200,
-    },
-    {
-      title: "区域代码",
-      dataIndex: "code",
-      key: "code",
-      width: 150,
-    },
-    {
-      title: "区域类型",
-      dataIndex: "type",
-      key: "type",
-      width: 150,
-      render: (_, record) => RegionTypeLabel[record.type],
-    },
-    {
-      title: "父级区域",
-      dataIndex: "parent",
-      key: "parent",
-      width: 150,
-      render: (_, record) => record.parent?.name,
-    },
-
-    {
-      title: "操作",
-      key: "action",
-      fixed: "right",
-      width: 250,
-      render: (_, record) => {
-        const menuItems: MenuProps["items"] = [
-          { type: "divider" },
-          {
-            key: "delete",
-            icon: <IconTrash style={{ width: 14, height: 14 }} />,
-            label: "删除",
-            danger: true,
-            disabled: true,
-          },
-        ];
-
-        return (
-          <Space size="middle">
-            <Button
-              type="primary"
-              ghost
-              onClick={() => {
-                onEdit(record);
-              }}
-              icon={<IconEdit size={14} />}
-            >
-              编辑
-            </Button>
-
-            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
-              <Button icon={<IconMenu size={14} stroke={1.5} />} />
-            </Dropdown>
-          </Space>
-        );
-      },
-    },
-  ];
-
-  return (
-    <>
-      <Table
-        rowKey={(row) => row.id}
-        columns={columns}
-        loading={isPending}
-        dataSource={data?.records || []}
-        pagination={{
-          pageSize: pagination.pageSize,
-          total: data?.total,
-          current: pagination.current,
-        }}
-        onChange={(pagination) => {
-          updatePagination((exist) => ({
-            pageSize: pagination.pageSize || exist.pageSize,
-            current: pagination.current || exist.current,
-          }));
-        }}
-      />
-    </>
-  );
-}
diff --git a/src/pages/dashboard/region/edit.tsx b/src/pages/dashboard/region/edit.tsx
new file mode 100644
index 0000000..a4ea4b6
--- /dev/null
+++ b/src/pages/dashboard/region/edit.tsx
@@ -0,0 +1,330 @@
+import { EditRegionApiBody, RegionAPI } from "@/api/dashboard/region";
+import DefaultContainer from "@/components/Container";
+import LoadError from "@/components/Error";
+import RegionSelector from "@/components/Region/RegionSelector";
+import { InferZodType } from "@/types/common";
+import { Region, RegionType, RegionTypeLabel } from "@/types/region";
+import { useZodValidateData } from "@/utils/form";
+import { App, Button, Col, Divider, Flex, Form, Input, InputNumber, Row, Select, Spin, Switch, Typography } from "antd";
+import { pickBy } from "es-toolkit";
+import { useNavigate, useParams } from "react-router-dom";
+import useSWR from "swr";
+
+const { Title } = Typography;
+const { TextArea } = Input;
+
+export default function RegionEditPage() {
+  const { regionId } = useParams();
+
+  const { data, isLoading, error } = useSWR(
+    ["region-detail", regionId],
+    regionId ? () => RegionAPI.getRegion(regionId) : null,
+    {
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+    }
+  );
+
+  if (error) {
+    return <LoadError />;
+  }
+  return (
+    <div className="relative">
+      <DefaultContainer className="sticky top-0 z-20">
+        <Title level={2} style={{ margin: 0 }}>
+          {regionId ? "编辑区域" : "新建区域"}
+        </Title>
+      </DefaultContainer>
+
+      <DefaultContainer className="mt-4">
+        {isLoading ? (
+          <Flex justify="center" align="center">
+            <Spin />
+          </Flex>
+        ) : (
+          <RegionEditorContent region={data} />
+        )}
+      </DefaultContainer>
+    </div>
+  );
+}
+
+function RegionEditorContent({ region }: { region?: Region }) {
+  const navigate = useNavigate();
+  const { message, modal } = App.useApp();
+  const cleanedRegion = region ? pickBy(region, (v) => v !== "" && v != null) : {};
+
+  const [form] = Form.useForm();
+
+  const initialValues = {
+    name: cleanedRegion.name,
+    code: cleanedRegion.code,
+    type: cleanedRegion.type || RegionType.STATE,
+    level: cleanedRegion.level || 2,
+    parentId: cleanedRegion.parentId,
+    countryCode: cleanedRegion.countryCode,
+    isOverseas: cleanedRegion.isOverseas ?? false,
+    addressFormat: cleanedRegion.addressFormat,
+    localName: cleanedRegion.localName,
+    timezone: cleanedRegion.timezone,
+    languageCode: cleanedRegion.languageCode,
+    currencyCode: cleanedRegion.currencyCode,
+    phoneCode: cleanedRegion.phoneCode,
+    isoCode: cleanedRegion.isoCode,
+    latitude: cleanedRegion.latitude,
+    longitude: cleanedRegion.longitude,
+    sortOrder: cleanedRegion.sortOrder,
+    remark: cleanedRegion.remark,
+  };
+
+  const onSubmit = async (value: InferZodType<typeof EditRegionApiBody>) => {
+    try {
+      if (region?.id) {
+        await RegionAPI.updateRegion(region.id, value);
+        message.success("更新区域数据成功");
+      } else {
+        const res = await RegionAPI.createRegion(value);
+        message.success("创建区域数据成功");
+        navigate(`/dashboard/region/${res.id}/edit`);
+      }
+    } catch (error) {
+      message.error(`有错误发生: ${JSON.stringify(error)}`);
+    }
+  };
+
+  const handleFinish = (value: typeof initialValues) => {
+    const processedValues = useZodValidateData(value, EditRegionApiBody);
+    if (processedValues.errors.length > 0) {
+      return modal.warning({
+        title: "接口数据校验失败☹️",
+        content: processedValues.prettyErrors,
+      });
+    }
+    if (processedValues.values) {
+      return onSubmit(processedValues.values);
+    }
+    return;
+  };
+
+  return (
+    <Form form={form} onFinish={handleFinish} layout="vertical" initialValues={initialValues}>
+      <div>
+        <Title level={5} style={{ margin: "12px 0" }}>
+          基础信息
+        </Title>
+        <Row gutter={8}>
+          <Col span={12}>
+            <Form.Item
+              label="区域名称"
+              required
+              name="name"
+              rules={[{ required: true, message: "请输入区域名称" }]}
+              extra="区域名称是指该地区在简体中文中的称呼。"
+            >
+              <Input placeholder="请输入区域名称" />
+            </Form.Item>
+          </Col>
+          <Col span={12}>
+            <Form.Item
+              label="本地名称"
+              name="localName"
+              required
+              extra="本地化名称是指当地人怎么称呼该地区，比如北京的本地名称是北京，而纽约的本地名称是New York。"
+              rules={[{ required: true, message: "请输入本地化名称" }]}
+            >
+              <Input placeholder="请输入本地化名称" />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Form.Item
+          label="区域代码"
+          required
+          name="code"
+          rules={[{ required: true, message: "请输入区域代码" }]}
+          extra="这个代码可以看作是活动和组织的slug，会拼进URL里，中国的城市就用拼音，比如北京就是beijing，而国外的城市就用英文，比如纽约就是new-york。"
+        >
+          <Input placeholder="请输入区域代码" />
+        </Form.Item>
+
+        <Row gutter={8}>
+          <Col span={8}>
+            <Form.Item label="区域类型" required name="type" rules={[{ required: true, message: "请选择区域类型" }]}>
+              <Select
+                placeholder="请选择区域类型"
+                options={[
+                  { label: RegionTypeLabel[RegionType.COUNTRY], value: RegionType.COUNTRY, disabled: true },
+                  { label: RegionTypeLabel[RegionType.STATE], value: RegionType.STATE },
+                  { label: RegionTypeLabel[RegionType.CITY], value: RegionType.CITY },
+                ]}
+              />
+            </Form.Item>
+          </Col>
+          <Col span={8}>
+            <Form.Item label="区域级别" required name="level" rules={[{ required: true, message: "请选择区域级别" }]}>
+              <Select
+                placeholder="请选择区域级别"
+                options={[
+                  { label: "省份/直辖市", value: 2 },
+                  { label: "城市", value: 3 },
+                ]}
+              />
+            </Form.Item>
+          </Col>
+          <Col span={8}>
+            <Form.Item label="父级区域" name="parentId">
+              <RegionSelector placeholder="请选择父级区域" />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Form.Item label="是否属于中国以外的地区" name="isOverseas" valuePropName="checked">
+          <Switch />
+        </Form.Item>
+      </div>
+
+      <Divider dashed size="small" />
+
+      <div>
+        <Title level={5} style={{ margin: "12px 0" }}>
+          地理信息
+        </Title>
+        <Row gutter={8}>
+          <Col span={8}>
+            <Form.Item label="地址格式" name="addressFormat">
+              <Select placeholder="请选择地址格式" options={[{ label: "中式", value: "chinese" }]} allowClear />
+            </Form.Item>
+          </Col>
+          <Col span={8}>
+            <Form.Item
+              label="ISO 3166-1 代码"
+              name="countryCode"
+              tooltip="请根据ISO 3166-1 标准进行选择：https://www.iban.com/country-codes"
+            >
+              <Select
+                placeholder="请选择国家代码"
+                options={[
+                  { label: "中国 (China)", value: "CN" },
+                  { label: "香港 (Hong Kong)", value: "HK" },
+                  { label: "澳门 (Macao)", value: "MO" },
+                  { label: "台湾 (Taiwan)", value: "TW" },
+                ]}
+                allowClear
+              />
+            </Form.Item>
+          </Col>
+          <Col span={8}>
+            <Form.Item
+              label="ISO 3166-2 代码"
+              name="isoCode"
+              tooltip="请根据ISO 3166-2 标准进行选择：https://zh.wikipedia.org/wiki/ISO_3166-2:CN，这里也可以下载：https://www.ip2location.com/free/iso3166-2"
+            >
+              <Input placeholder="请填写ISO 3166-2 代码" />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Row gutter={8}>
+          <Col span={12}>
+            <Form.Item label="纬度" name="latitude">
+              <InputNumber placeholder="请输入纬度" style={{ width: "100%" }} />
+            </Form.Item>
+          </Col>
+          <Col span={12}>
+            <Form.Item label="经度" name="longitude">
+              <InputNumber placeholder="请输入经度" style={{ width: "100%" }} />
+            </Form.Item>
+          </Col>
+        </Row>
+      </div>
+
+      <Divider dashed size="small" />
+
+      <div>
+        <Title level={5} style={{ margin: "12px 0" }}>
+          区域信息
+        </Title>
+        <Row gutter={8}>
+          <Col span={12}>
+            <Form.Item label="时区" name="timezone">
+              <Select
+                placeholder="请选择时区"
+                options={[
+                  { label: "Asia/Shanghai-UTC + 08:00", value: "Asia/Shanghai" },
+                  { label: "Asia/Taipei-UTC + 08:00", value: "Asia/Taipei" },
+                ]}
+                allowClear
+              />
+            </Form.Item>
+          </Col>
+          <Col span={12}>
+            <Form.Item label="语言代码" name="languageCode">
+              <Select
+                placeholder="请选择语言代码"
+                options={[
+                  { label: "中文（中国）", value: "zh-CN" },
+                  { label: "中文（台湾）", value: "zh-TW" },
+                  { label: "英语（美国）", value: "en-US" },
+                  { label: "英语（英国）", value: "en-GB" },
+                ]}
+                allowClear
+              />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Row gutter={8}>
+          <Col span={12}>
+            <Form.Item label="货币代码" name="currencyCode">
+              <Select
+                placeholder="请选择货币代码"
+                options={[
+                  { label: "人民币（中国）", value: "CNY" },
+                  { label: "新台币（台湾）", value: "TWD" },
+                  { label: "港币（香港）", value: "HKD" },
+                  { label: "澳门币（澳门）", value: "MOP" },
+                ]}
+                allowClear
+              />
+            </Form.Item>
+          </Col>
+          <Col span={12}>
+            <Form.Item label="电话代码" name="phoneCode">
+              <Select
+                placeholder="请选择电话代码"
+                options={[
+                  { label: "+86（中国大陆）", value: "+86" },
+                  { label: "+886（台湾）", value: "+886" },
+                  { label: "+852（香港）", value: "+852" },
+                  { label: "+853（澳门）", value: "+853" },
+                ]}
+                allowClear
+              />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Form.Item label="排序" name="sortOrder">
+          <InputNumber placeholder="请输入排序" style={{ width: "100%" }} />
+        </Form.Item>
+      </div>
+
+      <Divider dashed />
+
+      <div>
+        <Title level={5} style={{ margin: "12px 0" }}>
+          其他信息
+        </Title>
+        <Form.Item label="备注" name="remark">
+          <TextArea placeholder="请输入区域描述" autoSize={{ minRows: 4 }} />
+        </Form.Item>
+      </div>
+
+      <Flex justify="flex-end" style={{ marginTop: 16 }}>
+        <Button type="primary" htmlType="submit">
+          提交
+        </Button>
+      </Flex>
+    </Form>
+  );
+}
diff --git a/src/pages/dashboard/region/edit/index.tsx b/src/pages/dashboard/region/edit/index.tsx
deleted file mode 100644
index fdb4f2a..0000000
--- a/src/pages/dashboard/region/edit/index.tsx
+++ /dev/null
@@ -1,414 +0,0 @@
-import { createRegion, updateRegion, getRegion } from "@/api/dashboard/region";
-import type { EditableRegion, Region } from "@/types/region";
-import { RegionType } from "@/types/region";
-import { Typography, Button, Flex, Card, Form, App, Input, InputNumber, Switch, Select } from "antd";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useNavigate, useParams } from "react-router-dom";
-import { useQuery } from "@tanstack/react-query";
-import DefaultContainer from "@/components/Container";
-import { IconArrowLeft } from "@tabler/icons-react";
-import React from "react";
-import RegionSelector from "@/components/Region/RegionSelector";
-import { z } from "zod";
-
-const { Title } = Typography;
-const { TextArea } = Input;
-
-export default function RegionEditPage() {
-  const navigate = useNavigate();
-  const { message } = App.useApp();
-  const { id } = useParams<{ id: string }>();
-  const isEditing = !!id;
-
-  // 如果是编辑模式，获取区域数据
-  const { data: regionData, isLoading } = useQuery({
-    queryKey: ["region", id],
-    queryFn: () => getRegion(id!),
-    enabled: isEditing && !!id,
-  });
-
-  type RegionFormValues = {
-    name: string;
-    code: string;
-    type: string;
-    level: number;
-    parentId: string | null;
-    countryCode: string | null;
-    isOverseas: boolean;
-    addressFormat: string | null;
-    localName: string | null;
-    timezone: string | null;
-    languageCode: string | null;
-    currencyCode: string | null;
-    phoneCode: string | null;
-    latitude: number | null;
-    longitude: number | null;
-    sortOrder: number | null;
-    remark: string | null;
-  };
-
-  const formMethods = useForm<RegionFormValues>({
-    defaultValues: {
-      name: regionData?.name || "",
-      code: regionData?.code || "",
-      type: regionData?.type || "state",
-      level: regionData?.level || 2,
-      parentId: regionData?.parentId || null,
-      countryCode: regionData?.countryCode || null,
-      isOverseas: regionData?.isOverseas || false,
-      addressFormat: regionData?.addressFormat || null,
-      localName: regionData?.localName || null,
-      timezone: regionData?.timezone || null,
-      languageCode: regionData?.languageCode || null,
-      currencyCode: regionData?.currencyCode || null,
-      phoneCode: regionData?.phoneCode || null,
-      latitude: regionData?.latitude || null,
-      longitude: regionData?.longitude || null,
-      sortOrder: regionData?.sortOrder || null,
-      remark: regionData?.remark || null,
-    },
-  });
-
-  const {
-    register,
-    handleSubmit: rhfHandleSubmit,
-    setValue,
-    watch,
-    formState: { errors },
-  } = formMethods;
-
-  // Create a compatible form object for child components
-  const form = {
-    register,
-    setValue,
-    watch,
-    errors,
-    values: watch(),
-    setFieldValue: setValue,
-    getInputProps: (name: string) => ({
-      ...register(name),
-      error: errors[name]?.message,
-    }),
-    setValues: (values: Partial<RegionFormValues>) => {
-      Object.keys(values).forEach((key) => {
-        setValue(key as keyof RegionFormValues, values[key as keyof RegionFormValues]);
-      });
-    },
-  };
-
-  // 当 regionData 加载完成后，更新表单值
-  React.useEffect(() => {
-    if (regionData && isEditing) {
-      console.log(regionData);
-      form.setValues({
-        name: regionData.name,
-        code: regionData.code,
-        type: regionData.type,
-        level: regionData.level,
-        parentId: regionData.parentId,
-        countryCode: regionData.countryCode,
-        isOverseas: regionData.isOverseas,
-        addressFormat: regionData.addressFormat,
-        localName: regionData.localName,
-        timezone: regionData.timezone,
-        languageCode: regionData.languageCode,
-        currencyCode: regionData.currencyCode,
-        phoneCode: regionData.phoneCode,
-        latitude: regionData.latitude,
-        longitude: regionData.longitude,
-        sortOrder: regionData.sortOrder,
-        remark: regionData.remark,
-      });
-    }
-  }, [regionData, isEditing]);
-
-  const handleSubmit = async (values: RegionFormValues) => {
-    try {
-      // 转换表单数据为 EditableRegion 格式
-      const submitData: EditableRegion = {
-        name: values.name,
-        code: values.code,
-        type: values.type as RegionType,
-        level: values.level,
-        parentId: values.parentId,
-        countryCode: values.countryCode,
-        isOverseas: values.isOverseas,
-        addressFormat: values.addressFormat,
-        localName: values.localName,
-        timezone: values.timezone,
-        languageCode: values.languageCode,
-        currencyCode: values.currencyCode,
-        phoneCode: values.phoneCode,
-        latitude: values.latitude,
-        longitude: values.longitude,
-        sortOrder: values.sortOrder,
-        remark: values.remark,
-      };
-
-      if (isEditing && id) {
-        await updateRegion(id, submitData);
-        message.success("更新区域成功");
-      } else {
-        await createRegion(submitData);
-        message.success("创建区域成功");
-      }
-      navigate("/dashboard/region");
-    } catch (error) {
-      message.error("操作失败，请重试");
-    }
-  };
-
-  if (isEditing && isLoading) {
-    return <div>加载中...</div>;
-  }
-
-  return (
-    <DefaultContainer>
-      <Flex style={{ marginBottom: 16 }}>
-        <Button type="text" icon={<IconArrowLeft size={16} />} onClick={() => navigate("/dashboard/region")}>
-          返回
-        </Button>
-      </Flex>
-
-      <h2 className="text-2xl font-bold">{isEditing ? "编辑区域" : "添加区域"}</h2>
-
-      <Card>
-        <form onSubmit={rhfHandleSubmit((values) => handleSubmit(values))}>
-          <Form.Item
-            label="区域名称"
-            required
-            validateStatus={form.getInputProps("name").error ? "error" : undefined}
-            help={form.getInputProps("name").error}
-          >
-            <Input placeholder="请输入区域名称" {...form.getInputProps("name")} />
-          </Form.Item>
-
-          <Form.Item
-            label="区域代码"
-            required
-            validateStatus={form.getInputProps("code").error ? "error" : undefined}
-            help={form.getInputProps("code").error}
-          >
-            <Input placeholder="请输入区域代码" {...form.getInputProps("code")} />
-          </Form.Item>
-
-          <Form.Item
-            label="区域类型"
-            required
-            validateStatus={form.getInputProps("type").error ? "error" : undefined}
-            help={form.getInputProps("type").error}
-          >
-            <Select
-              placeholder="请选择区域类型"
-              options={[
-                { label: "国家", value: "country", disabled: true },
-                { label: "省份", value: "state" },
-                { label: "城市", value: "city" },
-                // { label: "区县", value: "district" },
-              ]}
-              value={form.values.type}
-              onChange={(value) => form.setFieldValue("type", value)}
-            />
-          </Form.Item>
-
-          <Form.Item label="区域级别" validateStatus={form.getInputProps("level").error ? "error" : undefined} required>
-            <Select
-              style={{ width: "100%" }}
-              placeholder="请输入区域级别"
-              options={[
-                // { label: "国家", value: 1 },
-                { label: "省份/直辖市", value: 2 },
-                { label: "城市", value: 3 },
-                // { label: "区县", value: 4 },
-              ]}
-              value={form.values.level}
-              onChange={(value) => form.setFieldValue("level", value)}
-            />
-          </Form.Item>
-
-          <RegionSelector
-            required
-            label="父级区域ID"
-            placeholder="请输入父级区域ID"
-            {...form.getInputProps("parentId")}
-          />
-
-          <Form.Item
-            label="ISO 3166-1 代码"
-            validateStatus={form.getInputProps("countryCode").error ? "error" : undefined}
-            help={form.getInputProps("countryCode").error}
-          >
-            <Select
-              placeholder="请选择 ISO 3166-1 代码"
-              options={[
-                { label: "CN", value: "CN" },
-                { label: "TW", value: "TW" },
-              ]}
-              value={form.values.countryCode}
-              onChange={(value) => form.setFieldValue("countryCode", value)}
-              allowClear
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="是否海外"
-            validateStatus={form.getInputProps("isOverseas").error ? "error" : undefined}
-            help={form.getInputProps("isOverseas").error}
-          >
-            <Switch
-              checked={form.values.isOverseas}
-              onChange={(checked) => form.setFieldValue("isOverseas", checked)}
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="地址格式"
-            validateStatus={form.getInputProps("addressFormat").error ? "error" : undefined}
-            help={form.getInputProps("addressFormat").error}
-          >
-            <Select
-              placeholder="请输入地址格式（可选）"
-              options={[{ label: "中式", value: "chinese" }]}
-              value={form.values.addressFormat}
-              onChange={(value) => form.setFieldValue("addressFormat", value)}
-              allowClear
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="本地名称"
-            validateStatus={form.getInputProps("localName").error ? "error" : undefined}
-            help={form.getInputProps("localName").error}
-          >
-            <Input placeholder="请输入本地名称（可选）" {...form.getInputProps("localName")} />
-          </Form.Item>
-
-          <Form.Item
-            label="时区"
-            validateStatus={form.getInputProps("timezone").error ? "error" : undefined}
-            help={form.getInputProps("timezone").error}
-          >
-            <Select
-              placeholder="请输入时区（可选）"
-              options={[
-                { label: "Asia/Shanghai", value: "Asia/Shanghai" },
-                { label: "Asia/Taipei", value: "Asia/Taipei" },
-              ]}
-              value={form.values.timezone}
-              onChange={(value) => form.setFieldValue("timezone", value)}
-              allowClear
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="语言代码"
-            validateStatus={form.getInputProps("languageCode").error ? "error" : undefined}
-            help={form.getInputProps("languageCode").error}
-          >
-            <Select
-              placeholder="请输入语言代码（可选）"
-              options={[
-                { label: "zh-CN", value: "zh-CN" },
-                { label: "zh-TW", value: "zh-TW" },
-              ]}
-              value={form.values.languageCode}
-              onChange={(value) => form.setFieldValue("languageCode", value)}
-              allowClear
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="货币代码"
-            validateStatus={form.getInputProps("currencyCode").error ? "error" : undefined}
-            help={form.getInputProps("currencyCode").error}
-          >
-            <Select
-              placeholder="请输入货币代码（可选）"
-              options={[
-                { label: "CNY", value: "CNY" },
-                { label: "TWD", value: "TWD" },
-              ]}
-              value={form.values.currencyCode}
-              onChange={(value) => form.setFieldValue("currencyCode", value)}
-              allowClear
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="电话代码"
-            validateStatus={form.getInputProps("phoneCode").error ? "error" : undefined}
-            help={form.getInputProps("phoneCode").error}
-          >
-            <Select
-              placeholder="请输入电话代码（可选）"
-              options={[
-                { label: "+86", value: "+86" },
-                { label: "+886", value: "+886" },
-              ]}
-              value={form.values.phoneCode}
-              onChange={(value) => form.setFieldValue("phoneCode", value)}
-              allowClear
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="纬度"
-            validateStatus={form.getInputProps("latitude").error ? "error" : undefined}
-            help={form.getInputProps("latitude").error}
-          >
-            <InputNumber
-              placeholder="请输入纬度（可选）"
-              style={{ width: "100%" }}
-              value={form.values.latitude}
-              onChange={(value) => form.setFieldValue("latitude", value)}
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="经度"
-            validateStatus={form.getInputProps("longitude").error ? "error" : undefined}
-            help={form.getInputProps("longitude").error}
-          >
-            <InputNumber
-              placeholder="请输入经度（可选）"
-              style={{ width: "100%" }}
-              value={form.values.longitude}
-              onChange={(value) => form.setFieldValue("longitude", value)}
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="排序"
-            validateStatus={form.getInputProps("sortOrder").error ? "error" : undefined}
-            help={form.getInputProps("sortOrder").error}
-          >
-            <InputNumber
-              placeholder="请输入排序（可选）"
-              style={{ width: "100%" }}
-              value={form.values.sortOrder}
-              onChange={(value) => form.setFieldValue("sortOrder", value)}
-            />
-          </Form.Item>
-
-          <Form.Item
-            label="备注"
-            validateStatus={form.getInputProps("remark").error ? "error" : undefined}
-            help={form.getInputProps("remark").error}
-          >
-            <TextArea placeholder="请输入区域描述" {...form.getInputProps("remark")} />
-          </Form.Item>
-
-          <Flex justify="flex-end" gap={8}>
-            <Button type="text" onClick={() => navigate("/dashboard/region")}>
-              取消
-            </Button>
-            <Button type="primary" htmlType="submit">
-              {isEditing ? "更新" : "创建"}
-            </Button>
-          </Flex>
-        </form>
-      </Card>
-    </DefaultContainer>
-  );
-}
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index f23d7b9..f2b67f5 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -1,12 +1,14 @@
-import { Button, Flex, Typography, Space, App } from "antd";
+import { Button, Flex, Typography, Space, App, Table, MenuProps, Dropdown } from "antd";
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import DefaultContainer from "@/components/Container";
-import { IconCirclePlus, IconRefresh } from "@tabler/icons-react";
+import { IconCirclePlus, IconEdit, IconMenu, IconRefresh, IconTrash } from "@tabler/icons-react";
 import { useNavigate } from "react-router-dom";
-import { getRegionList, recreateRegionOrder } from "@/api/dashboard/region";
-import RegionList from "@/pages/dashboard/region/components/RegionList";
-import { RegionType, type Region } from "@/types/region";
+import { RegionAPI } from "@/api/dashboard/region";
+import { RegionType, RegionTypeLabel, type Region } from "@/types/region";
+import { ColumnsType } from "antd/es/table";
+import { parseAsInteger, useQueryState } from "nuqs";
+import useSWR from "swr";
 
 const { Title } = Typography;
 
@@ -14,19 +16,78 @@ export default function RegionPage() {
   const navigate = useNavigate();
   const { message } = App.useApp();
 
-  const [pagination, setPagination] = useState({
-    current: 1,
-    pageSize: 20,
-  });
+  const [current, setCurrent] = useQueryState("current", parseAsInteger.withDefault(1));
+  const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
 
-  const { isPending, isError, data, error, refetch } = useQuery({
-    queryKey: ["region-list", pagination],
-    queryFn: () => getRegionList(pagination),
-  });
+  const { isLoading, data } = useSWR(["region-list", current, pageSize], () =>
+    RegionAPI.getRegionList({ current, pageSize })
+  );
+
+  const columns: ColumnsType<Region> = [
+    {
+      title: "区域名称",
+      dataIndex: "name",
+      key: "name",
+    },
+    {
+      title: "区域代码",
+      dataIndex: "code",
+      key: "code",
+    },
+    {
+      title: "区域类型",
+      dataIndex: "type",
+      key: "type",
+      render: (_, record) => RegionTypeLabel[record.type],
+    },
+    {
+      title: "父级区域",
+      dataIndex: "parent",
+      key: "parent",
+      render: (_, record) => record.parent?.name,
+    },
+
+    {
+      title: "操作",
+      key: "action",
+      fixed: "right",
+      render: (_, record) => {
+        const menuItems: MenuProps["items"] = [
+          { type: "divider" },
+          {
+            key: "delete",
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: "删除",
+            danger: true,
+            disabled: true,
+          },
+        ];
+
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              onClick={() => {
+                navigate(`/dashboard/region/${record.id}/edit`);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
+
+            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
+              <Button icon={<IconMenu size={14} stroke={1.5} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
+    },
+  ];
 
   const handleRefreshRegionSort = async () => {
     try {
-      await recreateRegionOrder(RegionType.CITY);
+      await RegionAPI.recreateRegionOrder(RegionType.CITY);
       message.success("刷新区域排序成功");
     } catch (error) {
       console.error(error);
@@ -57,12 +118,20 @@ export default function RegionPage() {
       </DefaultContainer>
 
       <div className="shadow mt-4 p-4 rounded-xl bg-white">
-        <RegionList
-          data={data || { total: 0, records: [] }}
-          isPending={isPending}
-          pagination={pagination}
-          updatePagination={setPagination}
-          onEdit={(region) => navigate(`/dashboard/region/${region.id}/edit`)}
+        <Table
+          rowKey={(row) => row.id}
+          columns={columns}
+          loading={isLoading}
+          dataSource={data?.records || []}
+          pagination={{
+            pageSize: pageSize,
+            total: data?.total,
+            current: current,
+          }}
+          onChange={(pagination) => {
+            setPageSize(pagination.pageSize || pageSize);
+            setCurrent(pagination.current || current);
+          }}
         />
       </div>
     </>
diff --git a/src/routes.tsx b/src/routes.tsx
index 6b46e2a..526c7eb 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -84,7 +84,7 @@ const router = createBrowserRouter([
             Component: RegionEditPage,
           },
           {
-            path: ":id/edit",
+            path: ":regionId/edit",
             Component: RegionEditPage,
           },
         ],
diff --git a/src/types/region.ts b/src/types/region.ts
index e76f0fd..1dceaa7 100644
--- a/src/types/region.ts
+++ b/src/types/region.ts
@@ -15,20 +15,20 @@ export const RegionTypeLabel = {
 };
 
 export const RegionSchema = z.object({
-  id: z.string().uuid(),
+  id: z.uuid(),
   name: z.string(),
   code: z.string(),
-  type: z.nativeEnum(RegionType),
+  type: z.enum(RegionType),
   level: z.number(),
   parentId: z.string().uuid().nullish(),
   parent: z
     .object({
-      id: z.string().uuid(),
+      id: z.uuid(),
       name: z.string(),
       code: z.string(),
-      type: z.nativeEnum(RegionType),
+      type: z.enum(RegionType),
       level: z.number(),
-      parentId: z.string().uuid().nullish(),
+      parentId: z.uuid().nullish(),
       countryCode: z.string().nullish(),
       isOverseas: z.boolean(),
       addressFormat: z.string().nullish(),
@@ -41,9 +41,9 @@ export const RegionSchema = z.object({
       longitude: z.number().nullish(),
       sortOrder: z.number().nullish(),
       remark: z.string().nullish(),
-      createdAt: z.string().datetime(),
-      updatedAt: z.string().datetime(),
-      deletedAt: z.string().datetime().nullish(),
+      createdAt: z.iso.datetime(),
+      updatedAt: z.iso.datetime(),
+      deletedAt: z.iso.datetime().nullish(),
       version: z.number(),
     })
     .nullable(),
@@ -55,24 +55,15 @@ export const RegionSchema = z.object({
   languageCode: z.string().nullish(),
   currencyCode: z.string().nullish(),
   phoneCode: z.string().nullish(),
+  isoCode: z.string().nullish(),
   latitude: z.number().nullish(),
   longitude: z.number().nullish(),
   sortOrder: z.number().nullish(),
   remark: z.string().nullish(),
-  createdAt: z.string().datetime(),
-  updatedAt: z.string().datetime(),
-  deletedAt: z.string().datetime().nullish(),
+  createdAt: z.iso.datetime(),
+  updatedAt: z.iso.datetime(),
+  deletedAt: z.iso.datetime().nullish(),
   version: z.number(),
 });
 
-export const EditableRegionSchema = RegionSchema.omit({
-  parent: true,
-  id: true,
-  version: true,
-  createdAt: true,
-  updatedAt: true,
-  deletedAt: true,
-});
-
 export type Region = z.infer<typeof RegionSchema>;
-export type EditableRegion = z.infer<typeof EditableRegionSchema>;

From fb76799eef0bc59f981a0c93f939b9bf51ae420e Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sun, 18 Jan 2026 21:40:13 +0800
Subject: [PATCH 12/21] feat(feature): use antd form rewrite

---
 src/api/dashboard/feature.ts                  |  42 ++---
 .../index.tsx => EventFeatureSelector.tsx}    |  12 +-
 src/components/EventFeature/FeatureEditor.tsx |  87 ++++++++++
 .../components/FeatureEditor/index.tsx        | 133 ----------------
 .../feature/components/FeatureList/index.tsx  | 125 ---------------
 src/pages/dashboard/feature/index.tsx         |  75 ---------
 src/pages/dashboard/feature/list.tsx          | 149 ++++++++++++++++++
 src/routes.tsx                                |   2 +-
 src/types/feature.ts                          |  17 +-
 9 files changed, 268 insertions(+), 374 deletions(-)
 rename src/components/EventFeature/{EventFeatureSelector/index.tsx => EventFeatureSelector.tsx} (91%)
 create mode 100644 src/components/EventFeature/FeatureEditor.tsx
 delete mode 100644 src/pages/dashboard/feature/components/FeatureEditor/index.tsx
 delete mode 100644 src/pages/dashboard/feature/components/FeatureList/index.tsx
 delete mode 100644 src/pages/dashboard/feature/index.tsx
 create mode 100644 src/pages/dashboard/feature/list.tsx

diff --git a/src/api/dashboard/feature.ts b/src/api/dashboard/feature.ts
index 0547c9f..6d32c0a 100644
--- a/src/api/dashboard/feature.ts
+++ b/src/api/dashboard/feature.ts
@@ -1,27 +1,33 @@
 import Axios from "@/api";
-import type { CrateFeatureType, EditableFeatureType, FeatureType } from "@/types/feature";
+import { InferZodType } from "@/types/common";
+import type { Feature } from "@/types/feature";
 import type { List } from "@/types/Request";
+import { z } from "zod";
 
-export async function getFeatureList(params: { pageSize: number; current: number; name?: string }) {
-  const res = await Axios.get<List<FeatureType>>("/internal/cms/event/feature", {
-    params,
-  });
+export const EditFeatureApiBody = z.object({
+  name: z.string().min(1),
+  category: z.string().min(1),
+  description: z.string().nullish(),
+});
 
-  return res.data;
-}
+export class FeatureAPI {
+  static async getFeatureList(params: { pageSize: number; current: number; name?: string }) {
+    const res = await Axios.get<List<Feature>>("/internal/cms/event/feature", {
+      params,
+    });
 
-export async function createFeature(feature: CrateFeatureType) {
-  const res = await Axios.post<FeatureType>("/internal/cms/event/feature/create", {
-    feature,
-  });
+    return res.data;
+  }
 
-  return res.data;
-}
+  static async createFeature(feature: InferZodType<typeof EditFeatureApiBody>) {
+    const res = await Axios.post<Feature>("/internal/cms/event/feature", feature);
+
+    return res.data;
+  }
 
-export async function updateFeature(feature: EditableFeatureType) {
-  const res = await Axios.post<FeatureType>("/internal/cms/event/feature/update", {
-    feature,
-  });
+  static async updateFeature(id: string, feature: InferZodType<typeof EditFeatureApiBody>) {
+    const res = await Axios.post<Feature>(`/internal/cms/event/feature/${id}`, feature);
 
-  return res.data;
+    return res.data;
+  }
 }
diff --git a/src/components/EventFeature/EventFeatureSelector/index.tsx b/src/components/EventFeature/EventFeatureSelector.tsx
similarity index 91%
rename from src/components/EventFeature/EventFeatureSelector/index.tsx
rename to src/components/EventFeature/EventFeatureSelector.tsx
index 3633ec9..1304345 100644
--- a/src/components/EventFeature/EventFeatureSelector/index.tsx
+++ b/src/components/EventFeature/EventFeatureSelector.tsx
@@ -1,5 +1,5 @@
-import { getFeatureList } from "@/api/dashboard/feature";
-import type { FeatureType } from "@/types/feature";
+import { FeatureAPI } from "@/api/dashboard/feature";
+import type { Feature } from "@/types/feature";
 import { FeatureCategoryLabel } from "@/types/feature";
 import { Select, Spin, Form } from "antd";
 import { debounce } from "es-toolkit";
@@ -9,14 +9,14 @@ import useSWR from "swr";
 interface EventFeatureSelectorProps {
   value?: string[];
   onChange?: (value: string[] | null) => void;
-  onSelect?: (value: FeatureType[] | null) => void;
+  onSelect?: (value: Feature[] | null) => void;
   placeholder?: string;
   label?: string;
   required?: boolean;
   disabled?: boolean;
   error?: string;
   description?: string;
-  selectedOptions?: FeatureType[] | null;
+  selectedOptions?: Feature[] | null;
 }
 
 export default function EventFeatureSelector({
@@ -42,7 +42,7 @@ export default function EventFeatureSelector({
     searchValue
       ? [`feature-list-search`, { pageSize: 50, current: 1, name: searchValue }]
       : [`feature-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => getFeatureList(params),
+    ([_, params]: [string, any]) => FeatureAPI.getFeatureList(params),
   );
 
   const features = [...(selectedOptions || []), ...(data?.records || [])];
@@ -74,7 +74,7 @@ export default function EventFeatureSelector({
       }
       return acc;
     },
-    [] as Array<{ label: string; options: Array<{ label: string; value: string; feature: FeatureType }> }>,
+    [] as Array<{ label: string; options: Array<{ label: string; value: string; feature: Feature }> }>,
   );
 
   // 使用 useCallback 和 debounce 处理搜索
diff --git a/src/components/EventFeature/FeatureEditor.tsx b/src/components/EventFeature/FeatureEditor.tsx
new file mode 100644
index 0000000..9fd27b5
--- /dev/null
+++ b/src/components/EventFeature/FeatureEditor.tsx
@@ -0,0 +1,87 @@
+import { EditFeatureApiBody, FeatureAPI } from "@/api/dashboard/feature";
+import { Feature, FeatureCategory, FeatureCategoryLabel } from "@/types/feature";
+import { InferZodType } from "@/types/common";
+import { useZodValidateData } from "@/utils/form";
+import { pickBy } from "es-toolkit";
+import { App, Button, Flex, Form, Input, Modal, Select } from "antd";
+
+const { TextArea } = Input;
+
+export default function FeatureEditor({
+  opened,
+  onClose,
+  editingFeature,
+}: {
+  opened: boolean;
+  onClose: () => void;
+  editingFeature: Feature | null;
+}) {
+  const { message, modal } = App.useApp();
+  const cleanedFeature = editingFeature ? pickBy(editingFeature, (v) => v !== "" && v != null) : {};
+
+  const [form] = Form.useForm();
+
+  const initialValues = {
+    name: cleanedFeature.name,
+    category: cleanedFeature.category,
+    description: cleanedFeature.description,
+  };
+
+  const onSubmit = async (value: InferZodType<typeof EditFeatureApiBody>) => {
+    try {
+      if (editingFeature?.id) {
+        await FeatureAPI.updateFeature(editingFeature.id, value);
+        message.success("更新标签成功");
+        return onClose();
+      }
+      await FeatureAPI.createFeature(value);
+      message.success("创建标签成功");
+      return onClose();
+    } catch (error) {
+      message.error(`有错误发生: ${JSON.stringify(error)}`);
+    }
+  };
+
+  const handleFinish = (value: typeof initialValues) => {
+    const processedValues = useZodValidateData(value, EditFeatureApiBody);
+    if (processedValues.errors.length > 0) {
+      return modal.warning({
+        title: "接口数据校验失败☹️",
+        content: processedValues.prettyErrors,
+      });
+    }
+    if (processedValues.values) {
+      return onSubmit(processedValues.values);
+    }
+    return;
+  };
+  return (
+    <Modal open={opened} onCancel={onClose} title="标签编辑" centered destroyOnHidden footer={null}>
+      <Form form={form} onFinish={handleFinish} layout="vertical" initialValues={initialValues}>
+        <Form.Item label="标签名称" required name="name" rules={[{ required: true, message: "请输入标签名称" }]}>
+          <Input placeholder="请输入标签名称" />
+        </Form.Item>
+
+        <Form.Item label="标签分类" required name="category" rules={[{ required: true, message: "请选择标签分类" }]}>
+          <Select
+            placeholder="请选择标签分类"
+            options={Object.values(FeatureCategory).map((item) => ({
+              label: FeatureCategoryLabel[item],
+              value: item,
+            }))}
+          />
+        </Form.Item>
+
+        <Form.Item label="标签简述" name="description" extra="标签简述可能会在未来展示于筛选设置中。">
+          <TextArea placeholder="请输入标签简述" />
+        </Form.Item>
+
+        <Flex justify="flex-end" style={{ marginTop: 16 }}>
+          <Button type="primary" htmlType="submit">
+            提交
+          </Button>
+        </Flex>
+      </Form>
+    </Modal>
+  );
+}
diff --git a/src/pages/dashboard/feature/components/FeatureEditor/index.tsx b/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
deleted file mode 100644
index c5ca84f..0000000
--- a/src/pages/dashboard/feature/components/FeatureEditor/index.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import { createFeature, updateFeature } from "@/api/dashboard/feature";
-import {
-  FeatureCategory,
-  FeatureCategoryLabel,
-  type CrateFeatureType,
-  type EditableFeatureType,
-} from "@/types/feature";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Modal, Button, Flex, App, Form, Select, Input } from "antd";
-import { z } from "zod";
-
-const { TextArea } = Input;
-
-export default function FeatureEditor({
-  opened,
-  onClose,
-  editingFeature,
-}: {
-  opened: boolean;
-  onClose: () => void;
-  editingFeature: EditableFeatureType | null;
-}) {
-  return (
-    <Modal open={opened} onCancel={onClose} title="标签编辑" centered footer={null}>
-      {opened && <ModalComponent editingFeature={editingFeature} onClose={onClose} />}
-    </Modal>
-  );
-}
-
-function ModalComponent({
-  editingFeature,
-  onClose,
-}: {
-  editingFeature: EditableFeatureType | null;
-  onClose: () => void;
-}) {
-  const { message } = App.useApp();
-
-  type FeatureFormValues = {
-    name: string;
-    category: string;
-    description: string;
-  };
-
-  const {
-    register,
-    handleSubmit: rhfHandleSubmit,
-    setValue,
-    watch,
-    formState: { errors },
-  } = useForm<FeatureFormValues>({
-    defaultValues: {
-      name: editingFeature?.name || "",
-      category: editingFeature?.category || "",
-      description: editingFeature?.description || "",
-    },
-  });
-
-  // Create a compatible form object for child components
-  const form = {
-    register,
-    setValue,
-    watch,
-    errors,
-    values: watch(),
-    setFieldValue: setValue,
-    getInputProps: (name: string) => ({
-      ...register(name),
-      error: errors[name]?.message,
-    }),
-    onSubmit: (onValid: (values: FeatureFormValues) => void, onInvalid?: (errors: typeof errors) => void) => {
-      return rhfHandleSubmit(onValid, onInvalid);
-    },
-  };
-
-  const handleSubmit = async (value: FeatureFormValues) => {
-    if (editingFeature?.id) {
-      const res = await updateFeature({ ...value, id: editingFeature.id });
-      console.log(res);
-      message.success("更新标签成功");
-      return onClose();
-    }
-    const res = await createFeature(value);
-    console.log(res);
-    message.success("创建标签成功");
-    return onClose();
-  };
-
-  return (
-    <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
-      <Form.Item
-        label="标签名称"
-        required
-        validateStatus={form.getInputProps("name").error ? "error" : undefined}
-        help={form.getInputProps("name").error}
-      >
-        <Input placeholder="请输入标签名称" {...form.getInputProps("name")} />
-      </Form.Item>
-
-      <Form.Item
-        label="标签分类"
-        required
-        validateStatus={form.getInputProps("category").error ? "error" : undefined}
-        help={form.getInputProps("category").error}
-      >
-        <Select
-          placeholder="请选择标签分类"
-          options={Object.values(FeatureCategory).map((item) => ({
-            label: FeatureCategoryLabel[item],
-            value: item,
-          }))}
-          value={form.values.category}
-          onChange={(value) => form.setFieldValue("category", value)}
-        />
-      </Form.Item>
-
-      <Form.Item
-        label="标签简述"
-        help="标签简述可能会在未来展示于筛选设置中。"
-        validateStatus={form.getInputProps("description").error ? "error" : undefined}
-      >
-        <TextArea placeholder="请输入标签简述" {...form.getInputProps("description")} />
-      </Form.Item>
-
-      <Flex justify="flex-end" style={{ marginTop: 16 }}>
-        <Button type="primary" htmlType="submit">
-          提交
-        </Button>
-      </Flex>
-    </form>
-  );
-}
diff --git a/src/pages/dashboard/feature/components/FeatureList/index.tsx b/src/pages/dashboard/feature/components/FeatureList/index.tsx
deleted file mode 100644
index 1535f9d..0000000
--- a/src/pages/dashboard/feature/components/FeatureList/index.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import { Button, Dropdown, Tag, App, Space } from "antd";
-import type { MenuProps } from "antd";
-import Table, { type ColumnsType } from "antd/es/table";
-
-import { cleanPageCache } from "@/api/dashboard/cache";
-import type { List } from "@/types/Request";
-import { FeatureCategory, FeatureCategoryLabel, type FeatureType } from "@/types/feature";
-import { IconEdit, IconMenu, IconTrash } from "@tabler/icons-react";
-import { useMutation } from "@tanstack/react-query";
-import { useNavigate } from "react-router-dom";
-
-export default function FeatureList({
-  data,
-  pagination,
-  isPending,
-  setPagination,
-  onEdit,
-}: {
-  data: List<FeatureType>;
-  pagination: { current: number; pageSize: number };
-  isPending: boolean;
-  setPagination: {
-    current: (current: number) => void;
-    pageSize: (pageSize: number) => void;
-  };
-  onEdit: (feature: FeatureType) => void;
-}) {
-  const navigate = useNavigate();
-  const { message } = App.useApp();
-
-  const { mutate: refreshPage } = useMutation({
-    mutationFn: cleanPageCache,
-    onSuccess: () => {
-      message.success("刷新页面缓存成功");
-    },
-  });
-
-  const columns: ColumnsType<FeatureType> = [
-    {
-      title: "标签名称",
-      dataIndex: "name",
-      key: "name",
-      width: 200,
-    },
-    {
-      title: "类别",
-      dataIndex: "category",
-      key: "category",
-      width: 100,
-      render: (_, record) => <Tag color="blue">{FeatureCategoryLabel[record.category as FeatureCategory]}</Tag>,
-    },
-    {
-      title: "描述",
-      dataIndex: "description",
-      key: "description",
-    },
-    {
-      title: "操作",
-      key: "action",
-      fixed: "right",
-      width: 250,
-      render: (_, record) => {
-        const menuItems: MenuProps["items"] = [
-          { type: "divider" },
-          {
-            key: "delete",
-            icon: <IconTrash style={{ width: 14, height: 14 }} />,
-            label: "删除",
-            danger: true,
-            disabled: true,
-          },
-        ];
-
-        return (
-          <Space size="middle">
-            <Button
-              type="primary"
-              ghost
-              onClick={() => {
-                onEdit(record);
-              }}
-              icon={<IconEdit size={14} />}
-            >
-              编辑
-            </Button>
-
-            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
-              <Button icon={<IconMenu size={14} stroke={1.5} />} />
-            </Dropdown>
-          </Space>
-        );
-      },
-    },
-  ];
-
-  return (
-    <>
-      <Table
-        rowKey={(row) => row.id}
-        columns={columns}
-        loading={isPending}
-        dataSource={data?.records || []}
-        scroll={
-          {
-            // x: 1500,
-            // y: 600
-          }
-        }
-        pagination={{
-          pageSize: pagination.pageSize,
-          total: data?.total,
-          current: pagination.current,
-        }}
-        onChange={(pagination) => {
-          if (pagination.current) {
-            setPagination.current(pagination.current);
-          }
-          if (pagination.pageSize) {
-            setPagination.pageSize(pagination.pageSize);
-          }
-        }}
-      />
-    </>
-  );
-}
diff --git a/src/pages/dashboard/feature/index.tsx b/src/pages/dashboard/feature/index.tsx
deleted file mode 100644
index ecfc97f..0000000
--- a/src/pages/dashboard/feature/index.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Button, Flex, Typography } from "antd";
-import { useRef, useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import DefaultContainer from "@/components/Container";
-import { IconCirclePlus } from "@tabler/icons-react";
-import { useNavigate } from "react-router-dom";
-import { getFeatureList } from "@/api/dashboard/feature";
-import FeatureList from "@/pages/dashboard/feature/components/FeatureList";
-import FeatureEditor from "@/pages/dashboard/feature/components/FeatureEditor";
-import type { FeatureType } from "@/types/feature";
-import { useQueryState, parseAsInteger } from "nuqs";
-
-const { Title } = Typography;
-
-export default function FeaturePage() {
-  const navigate = useNavigate();
-  const editingFeature = useRef<FeatureType>(null);
-
-  const [opened, setOpened] = useState(false);
-
-  const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
-  const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
-  const setPagination = {
-    current: setCurrentPage,
-    pageSize: setPageSize,
-  };
-
-  const pagination = {
-    current: currentPage,
-    pageSize,
-  };
-
-  const { isPending, isError, data, error, refetch } = useQuery({
-    queryKey: ["feature-list", pagination],
-    queryFn: () => getFeatureList(pagination),
-  });
-
-  return (
-    <>
-      <DefaultContainer className="sticky top-0 z-20">
-        <Flex justify="space-between" align="center">
-          <Title level={3} className="m-0">
-            标签列表
-          </Title>
-
-          <Button
-            type="primary"
-            icon={<IconCirclePlus size={16} stroke={1.5} />}
-            onClick={() => {
-              editingFeature.current = null;
-              setOpened(true);
-            }}
-          >
-            添加标签
-          </Button>
-        </Flex>
-      </DefaultContainer>
-
-      <div className="shadow mt-4 p-4 rounded-xl bg-white">
-        <FeatureList
-          data={data || { total: 0, records: [] }}
-          isPending={isPending}
-          pagination={pagination}
-          setPagination={setPagination}
-          onEdit={(feature) => {
-            editingFeature.current = feature;
-            setOpened(true);
-          }}
-        />
-      </div>
-
-      <FeatureEditor opened={opened} onClose={() => setOpened(false)} editingFeature={editingFeature.current} />
-    </>
-  );
-}
diff --git a/src/pages/dashboard/feature/list.tsx b/src/pages/dashboard/feature/list.tsx
new file mode 100644
index 0000000..8dab8de
--- /dev/null
+++ b/src/pages/dashboard/feature/list.tsx
@@ -0,0 +1,149 @@
+import { FeatureAPI } from "@/api/dashboard/feature";
+import DefaultContainer from "@/components/Container";
+import FeatureEditor from "@/components/EventFeature/FeatureEditor";
+import { FeatureCategory, FeatureCategoryLabel, type Feature } from "@/types/feature";
+import { IconCirclePlus, IconEdit, IconMenu, IconTrash } from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
+import { Button, Dropdown, Flex, MenuProps, Space, Tag, Typography } from "antd";
+import Table, { ColumnsType } from "antd/es/table";
+import { parseAsInteger, useQueryState } from "nuqs";
+import { useRef, useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+const { Title } = Typography;
+
+export default function FeaturePage() {
+  const navigate = useNavigate();
+  const editingFeature = useRef<Feature>(null);
+
+  const [opened, setOpened] = useState(false);
+
+  const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
+  const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
+  const setPagination = {
+    current: setCurrentPage,
+    pageSize: setPageSize,
+  };
+
+  const pagination = {
+    current: currentPage,
+    pageSize,
+  };
+
+  const { isPending, isError, data, error, refetch } = useQuery({
+    queryKey: ["feature-list", pagination],
+    queryFn: () => FeatureAPI.getFeatureList(pagination),
+  });
+
+  const columns: ColumnsType<Feature> = [
+    {
+      title: "标签名称",
+      dataIndex: "name",
+      key: "name",
+      width: 200,
+    },
+    {
+      title: "类别",
+      dataIndex: "category",
+      key: "category",
+      width: 100,
+      render: (_, record) => <Tag color="blue">{FeatureCategoryLabel[record.category as FeatureCategory]}</Tag>,
+    },
+    {
+      title: "描述",
+      dataIndex: "description",
+      key: "description",
+    },
+    {
+      title: "操作",
+      key: "action",
+      fixed: "right",
+      width: 250,
+      render: (_, record) => {
+        const menuItems: MenuProps["items"] = [
+          { type: "divider" },
+          {
+            key: "delete",
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: "删除",
+            danger: true,
+            disabled: true,
+          },
+        ];
+
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              onClick={() => {
+                editingFeature.current = record;
+                setOpened(true);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
+
+            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
+              <Button icon={<IconMenu size={14} stroke={1.5} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
+    },
+  ];
+
+  return (
+    <>
+      <DefaultContainer className="sticky top-0 z-20">
+        <Flex justify="space-between" align="center">
+          <Title level={3} className="m-0">
+            标签列表
+          </Title>
+
+          <Button
+            type="primary"
+            icon={<IconCirclePlus size={16} stroke={1.5} />}
+            onClick={() => {
+              editingFeature.current = null;
+              setOpened(true);
+            }}
+          >
+            添加标签
+          </Button>
+        </Flex>
+      </DefaultContainer>
+
+      <div className="shadow mt-4 p-4 rounded-xl bg-white">
+        <Table
+          rowKey={(row) => row.id}
+          columns={columns}
+          loading={isPending}
+          dataSource={data?.records || []}
+          scroll={
+            {
+              // x: 1500,
+              // y: 600
+            }
+          }
+          pagination={{
+            pageSize: pagination.pageSize,
+            total: data?.total,
+            current: pagination.current,
+          }}
+          onChange={(pagination) => {
+            if (pagination.current) {
+              setPagination.current(pagination.current);
+            }
+            if (pagination.pageSize) {
+              setPagination.pageSize(pagination.pageSize);
+            }
+          }}
+        />
+      </div>
+
+      <FeatureEditor opened={opened} onClose={() => setOpened(false)} editingFeature={editingFeature.current} />
+    </>
+  );
+}
diff --git a/src/routes.tsx b/src/routes.tsx
index 526c7eb..ad8ce36 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -6,7 +6,7 @@ import CacheManagerPage from "@/pages/dashboard/cacheManager";
 import ApplicationPage from "@/pages/dashboard/developer/application";
 import EventEditPage from "@/pages/dashboard/event/edit/page";
 import EventPage from "@/pages/dashboard/event/page";
-import FeaturePage from "@/pages/dashboard/feature";
+import FeaturePage from "@/pages/dashboard/feature/list";
 import OrganizationEditPage from "@/pages/dashboard/organization/edit";
 import OrganizationPage from "@/pages/dashboard/organization/page";
 import RegionPage from "@/pages/dashboard/region";
diff --git a/src/types/feature.ts b/src/types/feature.ts
index e86fc67..7efc710 100644
--- a/src/types/feature.ts
+++ b/src/types/feature.ts
@@ -23,19 +23,4 @@ export const FeatureSchema = z.object({
   deletedAt: z.date().nullable(),
 });
 
-export const CreateFeatureSchema = FeatureSchema.omit({
-  id: true,
-  createdAt: true,
-  updatedAt: true,
-  deletedAt: true,
-});
-
-export const EditableFeatureSchema = FeatureSchema.omit({
-  createdAt: true,
-  updatedAt: true,
-  deletedAt: true,
-});
-
-export type FeatureType = z.infer<typeof FeatureSchema>;
-export type CrateFeatureType = z.infer<typeof CreateFeatureSchema>;
-export type EditableFeatureType = z.infer<typeof EditableFeatureSchema>;
+export type Feature = z.infer<typeof FeatureSchema>;

From c2da5b9ebb3d1110167d096720c0ab6fdb2feaa6 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Sun, 18 Jan 2026 21:56:17 +0800
Subject: [PATCH 13/21] feat(application): use antd form rewrite

---
 .../Region/RegionSelector/index.tsx           |   4 +-
 src/consts/normal.ts                          |   2 +-
 .../components/ApplicationList/index.tsx      | 240 ------------------
 .../dashboard/developer/application/index.tsx |  82 ------
 .../dashboard/developer/application/list.tsx  | 174 +++++++++++++
 .../dashboard/event/edit/GeographicInfo.tsx   |   6 +-
 src/pages/dashboard/layout.tsx                |   2 +-
 src/pages/dashboard/region/edit.tsx           |  36 +--
 src/pages/dashboard/region/index.tsx          |  23 +-
 src/routes.tsx                                |   2 +-
 src/types/event.ts                            |   2 +-
 11 files changed, 215 insertions(+), 358 deletions(-)
 delete mode 100644 src/pages/dashboard/developer/application/components/ApplicationList/index.tsx
 delete mode 100644 src/pages/dashboard/developer/application/index.tsx
 create mode 100644 src/pages/dashboard/developer/application/list.tsx

diff --git a/src/components/Region/RegionSelector/index.tsx b/src/components/Region/RegionSelector/index.tsx
index 65450de..d1e70fb 100644
--- a/src/components/Region/RegionSelector/index.tsx
+++ b/src/components/Region/RegionSelector/index.tsx
@@ -22,8 +22,8 @@ export default function RegionSelector({
   value,
   onChange,
   onSelect,
-  placeholder = "请选择区域",
-  label = "区域",
+  placeholder = "请选择地区",
+  label = "地区",
   required = false,
   disabled = false,
   error,
diff --git a/src/consts/normal.ts b/src/consts/normal.ts
index bef6cb0..a2f6f42 100644
--- a/src/consts/normal.ts
+++ b/src/consts/normal.ts
@@ -1,4 +1,4 @@
-export const PAGE_SIZE = 15;
+export const PAGE_SIZE = 20;
 
 export const IMAGE_FALLBACK =
   "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==";
diff --git a/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx b/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx
deleted file mode 100644
index 9491122..0000000
--- a/src/pages/dashboard/developer/application/components/ApplicationList/index.tsx
+++ /dev/null
@@ -1,240 +0,0 @@
-import { Button, Dropdown, Popover, Typography, App, Space } from "antd";
-import type { MenuProps } from "antd";
-import { Input, Table, type TableColumnType, Tag } from "antd";
-import dayjs from "dayjs";
-
-import { cleanPageCache } from "@/api/dashboard/cache";
-import { IconEdit, IconEye, IconMenu, IconSearch, IconTrash } from "@tabler/icons-react";
-import { useMutation } from "@tanstack/react-query";
-import type { ColumnsType } from "antd/es/table";
-import { useNavigate } from "react-router-dom";
-
-import type { List } from "@/types/Request";
-import type { FilterDropdownProps } from "antd/es/table/interface";
-import { EventItem } from "@/types/event";
-import { Application } from "@/types/application";
-
-const { Text } = Typography;
-
-function ApplicationList({
-  data,
-  pagination,
-  setPagination,
-  isPending,
-  onDelete,
-}: {
-  data: List<Application>;
-  pagination: {
-    current: number;
-    pageSize: number;
-    search: string | null;
-    orgSearch: string | null;
-  };
-  setPagination: {
-    current: (current: number) => void;
-    pageSize: (pageSize: number) => void;
-    search: (search: string | null) => void;
-    orgSearch: (orgSearch: string | null) => void;
-  };
-  isPending: boolean;
-  onDelete: (id: string) => void;
-}) {
-  const { message } = App.useApp();
-  const { mutate: refreshPage } = useMutation({
-    mutationFn: cleanPageCache,
-    onSuccess: () => {
-      message.success("刷新页面缓存成功");
-    },
-  });
-
-  const navigate = useNavigate();
-
-  const handleSearch = (
-    selectedKeys: string[],
-    confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof EventItem,
-  ) => {
-    console.log(selectedKeys);
-    confirm();
-
-    if (dataIndex === "name") {
-      setPagination.search(selectedKeys[0]);
-    } else if (dataIndex === "organization") {
-      setPagination.orgSearch(selectedKeys[0]);
-    }
-    setPagination.current(1);
-  };
-
-  const handleReset = (
-    clearFilters: () => void,
-    confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof EventItem,
-  ) => {
-    clearFilters();
-    confirm();
-
-    if (dataIndex === "name") {
-      setPagination.search(null);
-    } else if (dataIndex === "organization") {
-      setPagination.orgSearch(null);
-    }
-    setPagination.current(1);
-  };
-
-  const getColumnSearchProps = (
-    dataIndex: keyof EventItem,
-    searchPlaceholder?: string,
-  ): TableColumnType<EventItem> => ({
-    filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
-      <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
-        <Space direction="vertical">
-          <Input
-            placeholder={searchPlaceholder}
-            value={selectedKeys[0]}
-            allowClear
-            onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
-            onPressEnter={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
-          />
-          <Space>
-            <Button
-              onClick={() => handleSearch(selectedKeys as string[], confirm, dataIndex)}
-              icon={<IconSearch size={14} />}
-              size="small"
-              type="primary"
-              style={{ width: 90 }}
-            >
-              搜索
-            </Button>
-            <Button onClick={() => clearFilters && handleReset(clearFilters, confirm, dataIndex)} size="small">
-              重置
-            </Button>
-            <Button
-              size="small"
-              type="text"
-              onClick={() => {
-                close();
-              }}
-            >
-              关闭
-            </Button>
-          </Space>
-        </Space>
-      </div>
-    ),
-    filterIcon: (filtered: boolean) => <IconSearch size={14} style={{ color: filtered ? "#1677ff" : undefined }} />,
-  });
-
-  const columns: ColumnsType<Application> = [
-    {
-      title: "应用名称",
-      dataIndex: "name",
-      key: "name",
-    },
-    {
-      title: "应用描述",
-      dataIndex: "description",
-      key: "description",
-    },
-    {
-      title: "权限",
-      dataIndex: "permission",
-      key: "permission",
-      render: (_, record) => {
-        return (
-          <Popover
-            content={
-              <div>
-                <Text>读取: {record.permission.read ? "是" : "否"}</Text>
-                <br />
-                <Text>写入: {record.permission.write ? "是" : "否"}</Text>
-              </div>
-            }
-          >
-            <IconEye size={16} style={{ cursor: "pointer" }} />
-          </Popover>
-        );
-      },
-    },
-    {
-      title: "状态",
-      dataIndex: "disabledAt",
-      key: "disabledAt",
-      render: (_, record) => {
-        if (record.disabledAt) {
-          return <Tag color="red">已禁用</Tag>;
-        }
-        return <Tag color="green">已启用</Tag>;
-      },
-    },
-    {
-      title: "创建日期",
-      key: "createdAt",
-      render: (_, record) => (
-        <Space>
-          <Tag>{dayjs(record.createdAt).format("YYYY/MM/DD")}</Tag>
-        </Space>
-      ),
-    },
-    {
-      title: "操作",
-      key: "action",
-      fixed: "right",
-      render: (_, record) => {
-        const menuItems: MenuProps["items"] = [
-          {
-            key: "delete",
-            icon: <IconTrash style={{ width: 14, height: 14 }} />,
-            label: "删除",
-            danger: true,
-            onClick: () => {
-              onDelete(record.id);
-            },
-          },
-        ];
-
-        return (
-          <Space size="middle">
-            <Button
-              type="primary"
-              ghost
-              onClick={() => {
-                navigate(`/developer/application/${record.id}/edit`);
-              }}
-              icon={<IconEdit size={14} />}
-            >
-              编辑
-            </Button>
-
-            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
-              <Button icon={<IconMenu size={14} />} />
-            </Dropdown>
-          </Space>
-        );
-      },
-    },
-  ];
-
-  return (
-    <Table
-      rowKey={(row) => row.id}
-      columns={columns}
-      loading={isPending}
-      dataSource={data?.records || []}
-      pagination={{
-        pageSize: pagination.pageSize,
-        total: data?.total,
-        current: pagination.current,
-      }}
-      onChange={(tablePagination) => {
-        if (tablePagination.current) {
-          setPagination.current(tablePagination.current);
-        }
-        if (tablePagination.pageSize) {
-          setPagination.pageSize(tablePagination.pageSize);
-        }
-      }}
-    />
-  );
-}
-
-export default ApplicationList;
diff --git a/src/pages/dashboard/developer/application/index.tsx b/src/pages/dashboard/developer/application/index.tsx
deleted file mode 100644
index 61daa9c..0000000
--- a/src/pages/dashboard/developer/application/index.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { getApplicationList } from "@/api/developer/application";
-import DefaultContainer from "@/components/Container";
-import ApplicationList from "@/pages/dashboard/developer/application/components/ApplicationList";
-import { Button, Flex, Typography } from "antd";
-import { IconCirclePlus } from "@tabler/icons-react";
-import { useQuery } from "@tanstack/react-query";
-import { parseAsInteger, useQueryState } from "nuqs";
-import { useNavigate } from "react-router-dom";
-
-const { Title } = Typography;
-
-export default function ApplicationPage() {
-  const navigate = useNavigate();
-
-  const [search, setSearch] = useQueryState("search");
-  const [orgSearch, setOrgSearch] = useQueryState("orgSearch");
-  const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
-
-  const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
-
-  const pagination = {
-    search,
-    orgSearch,
-    current: currentPage,
-    pageSize,
-  };
-
-  const setPagination = {
-    search: setSearch,
-    orgSearch: setOrgSearch,
-    current: setCurrentPage,
-    pageSize: setPageSize,
-  };
-
-  const { isPending, isError, data, error, refetch } = useQuery({
-    queryKey: ["application-list", pagination],
-    queryFn: () => getApplicationList(),
-  });
-
-  //   const { mutate: onDeleteEvent } = useMutation({
-  //     mutationFn: deleteEvent,
-  //     onSuccess: () => {
-  //       notifications.show({
-  //         title: "删除成功",
-  //         message: "删除展商成功，如果是误操作请马上联系管理员。",
-  //       });
-  //       refetch();
-  //     },
-  //   });
-
-  return (
-    <>
-      <DefaultContainer className="sticky top-0 z-20">
-        <Flex justify="space-between" align="center">
-          <Title level={3} className="m-0">
-            应用列表
-          </Title>
-
-          <Button
-            type="primary"
-            icon={<IconCirclePlus size={16} stroke={1.5} />}
-            onClick={() => {
-              navigate("/developer/application/create");
-            }}
-          >
-            添加应用
-          </Button>
-        </Flex>
-      </DefaultContainer>
-
-      <div className="shadow mt-4 p-4 rounded-xl bg-white">
-        <ApplicationList
-          data={data || { total: 0, records: [], current: 1, pageSize: 20 }}
-          isPending={isPending}
-          pagination={pagination}
-          setPagination={setPagination}
-          onDelete={() => {}}
-        />
-      </div>
-    </>
-  );
-}
diff --git a/src/pages/dashboard/developer/application/list.tsx b/src/pages/dashboard/developer/application/list.tsx
new file mode 100644
index 0000000..de80072
--- /dev/null
+++ b/src/pages/dashboard/developer/application/list.tsx
@@ -0,0 +1,174 @@
+import { getApplicationList } from "@/api/developer/application";
+import DefaultContainer from "@/components/Container";
+import { Button, Dropdown, Flex, MenuProps, Popover, Space, Table, Tag, Typography } from "antd";
+import { IconCirclePlus, IconEdit, IconEye, IconMenu, IconTrash } from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
+import { parseAsInteger, useQueryState } from "nuqs";
+import { useNavigate } from "react-router-dom";
+import { ColumnsType } from "antd/es/table";
+import { Application } from "@/types/application";
+import dayjs from "dayjs";
+
+const { Title, Text } = Typography;
+
+export default function ApplicationPage() {
+  const navigate = useNavigate();
+
+  const [search, setSearch] = useQueryState("search");
+  const [orgSearch, setOrgSearch] = useQueryState("orgSearch");
+  const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
+
+  const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
+
+  const pagination = {
+    search,
+    orgSearch,
+    current: currentPage,
+    pageSize,
+  };
+
+  const setPagination = {
+    search: setSearch,
+    orgSearch: setOrgSearch,
+    current: setCurrentPage,
+    pageSize: setPageSize,
+  };
+
+  const { isPending, isError, data, error, refetch } = useQuery({
+    queryKey: ["application-list", pagination],
+    queryFn: () => getApplicationList(),
+  });
+
+  const columns: ColumnsType<Application> = [
+    {
+      title: "应用名称",
+      dataIndex: "name",
+      key: "name",
+    },
+    {
+      title: "应用描述",
+      dataIndex: "description",
+      key: "description",
+    },
+    {
+      title: "权限",
+      dataIndex: "permission",
+      key: "permission",
+      render: (_, record) => {
+        return (
+          <Popover
+            content={
+              <div>
+                <Text>读取权限: {record.permission.read ? "是" : "否"}</Text>
+                <br />
+                <Text>修改权限: {record.permission.write ? "是" : "否"}</Text>
+              </div>
+            }
+          >
+            <IconEye size={16} style={{ cursor: "pointer" }} />
+          </Popover>
+        );
+      },
+    },
+    {
+      title: "状态",
+      dataIndex: "disabledAt",
+      key: "disabledAt",
+      render: (_, record) => {
+        if (record.disabledAt) {
+          return <Tag color="red">已禁用</Tag>;
+        }
+        return <Tag color="green">已启用</Tag>;
+      },
+    },
+    {
+      title: "创建日期",
+      key: "createdAt",
+      render: (_, record) => dayjs(record.createdAt).format("YYYY/MM/DD HH:mm:ss"),
+    },
+    {
+      title: "操作",
+      key: "action",
+      fixed: "right",
+      render: (_, record) => {
+        const menuItems: MenuProps["items"] = [
+          {
+            key: "delete",
+            icon: <IconTrash style={{ width: 14, height: 14 }} />,
+            label: "删除",
+            danger: true,
+            disabled: true,
+            onClick: () => {
+              // onDelete(record.id);
+            },
+          },
+        ];
+
+        return (
+          <Space size="middle">
+            <Button
+              type="primary"
+              ghost
+              disabled
+              onClick={() => {
+                navigate(`/developer/application/${record.id}/edit`);
+              }}
+              icon={<IconEdit size={14} />}
+            >
+              编辑
+            </Button>
+
+            <Dropdown menu={{ items: menuItems }} trigger={["click"]}>
+              <Button icon={<IconMenu size={14} />} />
+            </Dropdown>
+          </Space>
+        );
+      },
+    },
+  ];
+
+  return (
+    <>
+      <DefaultContainer className="sticky top-0 z-20">
+        <Flex justify="space-between" align="center">
+          <Title level={3} className="m-0">
+            应用列表
+          </Title>
+
+          <Button
+            disabled
+            type="primary"
+            icon={<IconCirclePlus size={16} stroke={1.5} />}
+            onClick={() => {
+              navigate("/developer/application/create");
+            }}
+          >
+            添加应用
+          </Button>
+        </Flex>
+      </DefaultContainer>
+
+      <div className="shadow mt-4 p-4 rounded-xl bg-white">
+        <Table
+          rowKey={(row) => row.id}
+          columns={columns}
+          loading={isPending}
+          dataSource={data?.records || []}
+          pagination={{
+            pageSize: pagination.pageSize,
+            total: data?.total,
+            current: pagination.current,
+          }}
+          onChange={(tablePagination) => {
+            if (tablePagination.current) {
+              setPagination.current(tablePagination.current);
+            }
+            if (tablePagination.pageSize) {
+              setPagination.pageSize(tablePagination.pageSize);
+            }
+          }}
+        />
+      </div>
+    </>
+  );
+}
diff --git a/src/pages/dashboard/event/edit/GeographicInfo.tsx b/src/pages/dashboard/event/edit/GeographicInfo.tsx
index 5955bd7..705d02d 100644
--- a/src/pages/dashboard/event/edit/GeographicInfo.tsx
+++ b/src/pages/dashboard/event/edit/GeographicInfo.tsx
@@ -28,7 +28,7 @@ export default function GeographicInfo({ form, event, selectedRegion, setSelecte
       <h5 className="text-lg font-bold">地理信息</h5>
 
       <Form.Item
-        label="展会区域"
+        label="展会地区"
         validateStatus={form.formState.errors.regionId ? "error" : undefined}
         help={form.formState.errors.regionId?.message}
       >
@@ -37,7 +37,7 @@ export default function GeographicInfo({ form, event, selectedRegion, setSelecte
           control={form.control}
           render={({ field, fieldState }) => (
             <RegionSelector
-              placeholder="请选择展会区域"
+              placeholder="请选择展会地区"
               selectedOption={event?.region}
               value={field.value}
               onChange={(value) => {
@@ -106,7 +106,7 @@ export default function GeographicInfo({ form, event, selectedRegion, setSelecte
       <Button
         onClick={() => {
           if (!selectedRegion) {
-            return message.warning("请先选择展会区域");
+            return message.warning("请先选择展会地区");
           }
           setIsLocationSearchModalOpen(true);
         }}
diff --git a/src/pages/dashboard/layout.tsx b/src/pages/dashboard/layout.tsx
index cf26f68..c64e046 100644
--- a/src/pages/dashboard/layout.tsx
+++ b/src/pages/dashboard/layout.tsx
@@ -43,7 +43,7 @@ const menuItems: MenuItem[] = [
   {
     key: "/dashboard/region",
     icon: <IconMapPin size="1.1rem" stroke={1.5} />,
-    label: "区域管理",
+    label: "地区管理",
   },
   {
     type: "divider",
diff --git a/src/pages/dashboard/region/edit.tsx b/src/pages/dashboard/region/edit.tsx
index a4ea4b6..e0225dc 100644
--- a/src/pages/dashboard/region/edit.tsx
+++ b/src/pages/dashboard/region/edit.tsx
@@ -32,7 +32,7 @@ export default function RegionEditPage() {
     <div className="relative">
       <DefaultContainer className="sticky top-0 z-20">
         <Title level={2} style={{ margin: 0 }}>
-          {regionId ? "编辑区域" : "新建区域"}
+          {regionId ? "编辑地区" : "新建地区"}
         </Title>
       </DefaultContainer>
 
@@ -81,10 +81,10 @@ function RegionEditorContent({ region }: { region?: Region }) {
     try {
       if (region?.id) {
         await RegionAPI.updateRegion(region.id, value);
-        message.success("更新区域数据成功");
+        message.success("更新地区数据成功");
       } else {
         const res = await RegionAPI.createRegion(value);
-        message.success("创建区域数据成功");
+        message.success("创建地区数据成功");
         navigate(`/dashboard/region/${res.id}/edit`);
       }
     } catch (error) {
@@ -115,13 +115,13 @@ function RegionEditorContent({ region }: { region?: Region }) {
         <Row gutter={8}>
           <Col span={12}>
             <Form.Item
-              label="区域名称"
+              label="地区名称"
               required
               name="name"
-              rules={[{ required: true, message: "请输入区域名称" }]}
-              extra="区域名称是指该地区在简体中文中的称呼。"
+              rules={[{ required: true, message: "请输入地区名称" }]}
+              extra="地区名称是指该地区在简体中文中的称呼。"
             >
-              <Input placeholder="请输入区域名称" />
+              <Input placeholder="请输入地区名称" />
             </Form.Item>
           </Col>
           <Col span={12}>
@@ -138,20 +138,20 @@ function RegionEditorContent({ region }: { region?: Region }) {
         </Row>
 
         <Form.Item
-          label="区域代码"
+          label="地区代码"
           required
           name="code"
-          rules={[{ required: true, message: "请输入区域代码" }]}
+          rules={[{ required: true, message: "请输入地区代码" }]}
           extra="这个代码可以看作是活动和组织的slug，会拼进URL里，中国的城市就用拼音，比如北京就是beijing，而国外的城市就用英文，比如纽约就是new-york。"
         >
-          <Input placeholder="请输入区域代码" />
+          <Input placeholder="请输入地区代码" />
         </Form.Item>
 
         <Row gutter={8}>
           <Col span={8}>
-            <Form.Item label="区域类型" required name="type" rules={[{ required: true, message: "请选择区域类型" }]}>
+            <Form.Item label="地区类型" required name="type" rules={[{ required: true, message: "请选择地区类型" }]}>
               <Select
-                placeholder="请选择区域类型"
+                placeholder="请选择地区类型"
                 options={[
                   { label: RegionTypeLabel[RegionType.COUNTRY], value: RegionType.COUNTRY, disabled: true },
                   { label: RegionTypeLabel[RegionType.STATE], value: RegionType.STATE },
@@ -161,9 +161,9 @@ function RegionEditorContent({ region }: { region?: Region }) {
             </Form.Item>
           </Col>
           <Col span={8}>
-            <Form.Item label="区域级别" required name="level" rules={[{ required: true, message: "请选择区域级别" }]}>
+            <Form.Item label="地区级别" required name="level" rules={[{ required: true, message: "请选择地区级别" }]}>
               <Select
-                placeholder="请选择区域级别"
+                placeholder="请选择地区级别"
                 options={[
                   { label: "省份/直辖市", value: 2 },
                   { label: "城市", value: 3 },
@@ -172,8 +172,8 @@ function RegionEditorContent({ region }: { region?: Region }) {
             </Form.Item>
           </Col>
           <Col span={8}>
-            <Form.Item label="父级区域" name="parentId">
-              <RegionSelector placeholder="请选择父级区域" />
+            <Form.Item label="父级地区" name="parentId">
+              <RegionSelector placeholder="请选择父级地区" />
             </Form.Item>
           </Col>
         </Row>
@@ -242,7 +242,7 @@ function RegionEditorContent({ region }: { region?: Region }) {
 
       <div>
         <Title level={5} style={{ margin: "12px 0" }}>
-          区域信息
+          地区信息
         </Title>
         <Row gutter={8}>
           <Col span={12}>
@@ -316,7 +316,7 @@ function RegionEditorContent({ region }: { region?: Region }) {
           其他信息
         </Title>
         <Form.Item label="备注" name="remark">
-          <TextArea placeholder="请输入区域描述" autoSize={{ minRows: 4 }} />
+          <TextArea placeholder="请输入地区描述" autoSize={{ minRows: 4 }} />
         </Form.Item>
       </div>
 
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index f2b67f5..0f907a4 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -10,7 +10,7 @@ import { ColumnsType } from "antd/es/table";
 import { parseAsInteger, useQueryState } from "nuqs";
 import useSWR from "swr";
 
-const { Title } = Typography;
+const { Title, Text } = Typography;
 
 export default function RegionPage() {
   const navigate = useNavigate();
@@ -25,23 +25,28 @@ export default function RegionPage() {
 
   const columns: ColumnsType<Region> = [
     {
-      title: "区域名称",
+      title: "地区名称",
       dataIndex: "name",
       key: "name",
     },
     {
-      title: "区域代码",
+      title: "地区代码",
       dataIndex: "code",
       key: "code",
     },
     {
-      title: "区域类型",
+      title: "地区类型",
       dataIndex: "type",
       key: "type",
       render: (_, record) => RegionTypeLabel[record.type],
     },
     {
-      title: "父级区域",
+      title: "排序顺序",
+      dataIndex: "sortOrder",
+      key: "sortOrder",
+    },
+    {
+      title: "父级地区",
       dataIndex: "parent",
       key: "parent",
       render: (_, record) => record.parent?.name,
@@ -88,7 +93,7 @@ export default function RegionPage() {
   const handleRefreshRegionSort = async () => {
     try {
       await RegionAPI.recreateRegionOrder(RegionType.CITY);
-      message.success("刷新区域排序成功");
+      message.success("刷新地区排序成功");
     } catch (error) {
       console.error(error);
     }
@@ -99,19 +104,19 @@ export default function RegionPage() {
       <DefaultContainer className="sticky top-0 z-20">
         <Flex justify="space-between" align="center">
           <Title level={3} className="m-0">
-            区域列表
+            地区列表
           </Title>
 
           <Space>
             <Button icon={<IconRefresh size={16} stroke={1.5} />} onClick={handleRefreshRegionSort}>
-              刷新区域排序
+              刷新地区排序
             </Button>
             <Button
               type="primary"
               icon={<IconCirclePlus size={16} stroke={1.5} />}
               onClick={() => navigate("/dashboard/region/create")}
             >
-              添加区域
+              添加地区
             </Button>
           </Space>
         </Flex>
diff --git a/src/routes.tsx b/src/routes.tsx
index ad8ce36..064eb41 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -3,7 +3,7 @@ import NotFound from "@/pages/404";
 import Auth from "@/pages/auth";
 import Dashboard from "@/pages/dashboard";
 import CacheManagerPage from "@/pages/dashboard/cacheManager";
-import ApplicationPage from "@/pages/dashboard/developer/application";
+import ApplicationPage from "@/pages/dashboard/developer/application/list";
 import EventEditPage from "@/pages/dashboard/event/edit/page";
 import EventPage from "@/pages/dashboard/event/page";
 import FeaturePage from "@/pages/dashboard/feature/list";
diff --git a/src/types/event.ts b/src/types/event.ts
index 2c63092..703dc9f 100644
--- a/src/types/event.ts
+++ b/src/types/event.ts
@@ -206,7 +206,7 @@ export const EditEventSchema = z.object({
     common: z.array(z.uuid()).nullable(),
   }),
   featureIds: z.array(z.string()),
-  regionId: z.uuid({ message: "请选择展会区域" }),
+  regionId: z.uuid({ message: "请选择展会地区" }),
 });
 
 export type EventItem = IEvent;

From 04f9adfc06ba8f3bb09299954e02788c7ca9443d Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Mon, 19 Jan 2026 02:04:58 +0800
Subject: [PATCH 14/21] feat(event): fix event editor

---
 src/App.tsx                                   |   2 +-
 src/api/dashboard/event.ts                    | 151 +++++++--
 .../index.tsx => LocationSearch.tsx}          |   0
 .../EventFeature/EventFeatureSelector.tsx     | 141 +++------
 .../index.tsx => Layout/Container.tsx}        |   0
 .../FullScreenLoading.tsx}                    |   0
 .../{Error/index.tsx => Layout/LoadError.tsx} |   2 +-
 .../index.tsx => LoggedLayout.tsx}            |   0
 .../Organization/OrganizatonSelector.tsx      |  73 +++++
 .../OrganizatonSelector/index.tsx             |  97 ------
 src/components/Region/RegionSelector.tsx      |  69 ++++
 .../Region/RegionSelector/index.tsx           |  92 ------
 src/consts/event.ts                           |   6 +
 src/pages/dashboard/cacheManager/index.tsx    |   2 +-
 .../dashboard/developer/application/list.tsx  |   2 +-
 src/pages/dashboard/event/edit/BasicInfo.tsx  | 165 +++-------
 .../event/edit/EventAdditionalInfo.tsx        | 185 ++++++-----
 src/pages/dashboard/event/edit/EventMedia.tsx | 274 +++++++---------
 .../dashboard/event/edit/EventSources.tsx     | 158 ++++------
 .../dashboard/event/edit/GeographicInfo.tsx   | 102 ++----
 .../dashboard/event/edit/TicketChannels.tsx   | 233 ++++++--------
 src/pages/dashboard/event/edit/UriBuilder.tsx |  38 +--
 src/pages/dashboard/event/edit/page.tsx       | 297 +++++++++---------
 .../dashboard/event/{page.tsx => list.tsx}    |   8 +-
 src/pages/dashboard/feature/list.tsx          |   2 +-
 src/pages/dashboard/organization/edit.tsx     |   6 +-
 src/pages/dashboard/organization/page.tsx     |   2 +-
 src/pages/dashboard/region/edit.tsx           |   4 +-
 src/pages/dashboard/region/index.tsx          |   2 +-
 src/routes.tsx                                |   2 +-
 src/types/event.ts                            | 103 +-----
 src/utils/form.ts                             |   2 +-
 32 files changed, 957 insertions(+), 1263 deletions(-)
 rename src/components/Event/{LocationSearch/index.tsx => LocationSearch.tsx} (100%)
 rename src/components/{Container/index.tsx => Layout/Container.tsx} (100%)
 rename src/components/{Loading/index.tsx => Layout/FullScreenLoading.tsx} (100%)
 rename src/components/{Error/index.tsx => Layout/LoadError.tsx} (93%)
 rename src/components/Layout/{LoggedLayout/index.tsx => LoggedLayout.tsx} (100%)
 create mode 100644 src/components/Organization/OrganizatonSelector.tsx
 delete mode 100644 src/components/Organization/OrganizatonSelector/index.tsx
 create mode 100644 src/components/Region/RegionSelector.tsx
 delete mode 100644 src/components/Region/RegionSelector/index.tsx
 rename src/pages/dashboard/event/{page.tsx => list.tsx} (97%)

diff --git a/src/App.tsx b/src/App.tsx
index c04e2c5..6f59a0d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,7 +3,7 @@ import { Navigate } from "react-router-dom";
 import useAuthStore from "@/stores/auth";
 import "@/api/interceptors";
 
-import FullScreenLoading from "@/components/Loading";
+import FullScreenLoading from "@/components/Layout/FullScreenLoading";
 import DashboardLayout from "@/pages/dashboard/layout";
 
 import "@/styles/global.css";
diff --git a/src/api/dashboard/event.ts b/src/api/dashboard/event.ts
index 551a284..f9720c2 100644
--- a/src/api/dashboard/event.ts
+++ b/src/api/dashboard/event.ts
@@ -1,44 +1,131 @@
 import Axios from "@/api";
-import type { EditableEvent, EventItem } from "@/types/event";
+import { EventLocationType, EventTicketChannelType, EventType, type EditableEvent, type EventItem } from "@/types/event";
 import type { List } from "@/types/Request";
+import z from "zod";
 
-export async function getEventList(params: {
-  pageSize: number;
-  current: number;
-  search: string | null;
-  orgSearch: string | null;
-}) {
-  const res = await Axios.get<List<EventItem>>("/internal/cms/event/list", {
-    params,
-  });
-
-  return res.data;
-}
+export const EditEventApiBody = z.object({
+  name: z.string(),
+  slug: z.string(),
+  startAt: z.iso.datetime().nullish(),
+  endAt: z.iso.datetime().nullish(),
+  status: z.string(),
+  scale: z.string(),
+  type: z.enum(EventType).optional(),
+  locationType: z.enum(EventLocationType).optional(),
+  organizations: z.array(
+    z.object({
+      id: z.uuid(),
+      isPrimary: z.boolean(),
+    })
+  ),
+  regionId: z.uuid().optional(),
+  address: z.string().nullish(),
+  addressLat: z.string().nullish(),
+  addressLon: z.string().nullish(),
+  sources: z
+    .array(
+      z.object({
+        url: z.string(),
+        name: z.string().nullish(),
+        description: z.string().nullish(),
+      })
+    )
+    .nullish(),
+  ticketChannels: z
+    .array(
+      z.object({
+        type: z.enum(EventTicketChannelType),
+        name: z.string(),
+        url: z.string(),
+        available: z.boolean(),
+      })
+    )
+    .nullish(),
 
-export async function getEventDetail(params: { id: string }) {
-  const res = await Axios.get<EventItem>(`/internal/cms/event/detail/${params.id}`);
+  thumbnail: z.string().optional(),
+  media: z
+    .object({
+      images: z
+        .array(
+          z.object({
+            url: z.string(),
+            title: z.string().nullish(),
+            description: z.string().nullish(),
+          })
+        )
+        .optional(),
+      videos: z
+        .array(
+          z.object({
+            url: z.string(),
+            title: z.string().nullish(),
+            description: z.string().nullish(),
+          })
+        )
+        .optional(),
+      lives: z
+        .array(
+          z.object({
+            url: z.string(),
+            title: z.string().nullish(),
+            description: z.string().nullish(),
+          })
+        )
+        .optional(),
+    })
+    .optional(),
+  detail: z.string().nullish(),
+  features: z
+    .object({
+      self: z.array(z.string()).optional(),
+    })
+    .nullish(),
+  featureIds: z.array(z.string()).nullish(),
+  extra: z
+    .object({
+      overrideOrganizationContact: z
+        .object({
+          qqGroups: z.array(z.object({ label: z.string(), value: z.string() })).optional(),
+        })
+        .optional(),
+    })
+    .optional(),
+});
 
-  return res.data;
-}
+export class EventAPI {
+  static async getEventList(params: { pageSize: number; current: number; search?: string; orgSearch?: string }) {
+    const res = await Axios.get<List<EventItem>>("/internal/cms/event/list", {
+      params,
+    });
 
-export async function createEvent(event: EditableEvent) {
-  const res = await Axios.post<EventItem>("/internal/cms/event", {
-    event,
-  });
+    return res.data;
+  }
 
-  return res.data;
-}
+  static async getEventDetail(params: { id: string }) {
+    const res = await Axios.get<EventItem>(`/internal/cms/event/detail/${params.id}`);
 
-export async function updateEvent(eventId: string, event: EditableEvent) {
-  const res = await Axios.post<EventItem>(`/internal/cms/event/${eventId}`, {
-    event,
-  });
+    return res.data;
+  }
 
-  return res.data;
-}
+  static async createEvent(event: EditableEvent) {
+    const res = await Axios.post<EventItem>("/internal/cms/event", {
+      event,
+    });
+
+    return res.data;
+  }
+
+  static async updateEvent(eventId: string, event: EditableEvent) {
+    const res = await Axios.post<EventItem>(`/internal/cms/event/${eventId}`, {
+      event,
+    });
+
+    return res.data;
+  }
 
-export async function deleteEvent(id: string) {
-  const res = await Axios.delete<{ success: boolean }>(`/internal/cms/event/${id}`);
+  static async deleteEvent(id: string) {
+    const res = await Axios.delete<{ success: boolean }>(`/internal/cms/event/${id}`);
 
-  return res.data;
+    return res.data;
+  }
 }
diff --git a/src/components/Event/LocationSearch/index.tsx b/src/components/Event/LocationSearch.tsx
similarity index 100%
rename from src/components/Event/LocationSearch/index.tsx
rename to src/components/Event/LocationSearch.tsx
diff --git a/src/components/EventFeature/EventFeatureSelector.tsx b/src/components/EventFeature/EventFeatureSelector.tsx
index 1304345..7bc4b5e 100644
--- a/src/components/EventFeature/EventFeatureSelector.tsx
+++ b/src/components/EventFeature/EventFeatureSelector.tsx
@@ -1,125 +1,88 @@
 import { FeatureAPI } from "@/api/dashboard/feature";
 import type { Feature } from "@/types/feature";
 import { FeatureCategoryLabel } from "@/types/feature";
-import { Select, Spin, Form } from "antd";
-import { debounce } from "es-toolkit";
+import { Select, Spin, SelectProps } from "antd";
+import { debounce, uniqBy } from "es-toolkit";
 import { useState, useCallback } from "react";
 import useSWR from "swr";
 
 interface EventFeatureSelectorProps {
+  id?: string;
   value?: string[];
-  onChange?: (value: string[] | null) => void;
-  onSelect?: (value: Feature[] | null) => void;
-  placeholder?: string;
-  label?: string;
-  required?: boolean;
-  disabled?: boolean;
-  error?: string;
-  description?: string;
-  selectedOptions?: Feature[] | null;
+  onChange?: (value?: string[]) => void;
+  onSelect?: (value?: Feature[]) => void;
+  selectedOptions?: Feature[];
+  antdSelectProps?: SelectProps;
 }
 
 export default function EventFeatureSelector({
+  id,
   value,
   onChange,
   onSelect,
-  placeholder = "请选择特色标签",
-  label = "特色标签",
-  required = false,
-  disabled = false,
-  error,
-  description,
   selectedOptions,
-  ...props
+  antdSelectProps,
 }: EventFeatureSelectorProps) {
   const [searchValue, setSearchValue] = useState("");
 
-  const {
-    data,
-    error: swrError,
-    isLoading,
-  } = useSWR(
-    searchValue
-      ? [`feature-list-search`, { pageSize: 50, current: 1, name: searchValue }]
-      : [`feature-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => FeatureAPI.getFeatureList(params),
+  const { data, isLoading } = useSWR(["feature/list", searchValue], () =>
+    FeatureAPI.getFeatureList({ pageSize: 50, current: 1, name: searchValue })
   );
 
-  const features = [...(selectedOptions || []), ...(data?.records || [])];
+  const features = uniqBy([...(selectedOptions || []), ...(data?.records || [])], (feature) => feature.id);
 
-  // 转换为 Select 组件需要的格式，按分类分组
-  const selectOptions = features.reduce(
-    (acc, feature) => {
-      const category = feature.category as keyof typeof FeatureCategoryLabel;
-      const groupLabel = FeatureCategoryLabel[category] || "其他";
+  const selectOptions = features.reduce((acc, feature) => {
+    const category = feature.category as keyof typeof FeatureCategoryLabel;
+    const groupLabel = FeatureCategoryLabel[category] || "其他";
 
-      const existingGroup = acc.find((group) => group.label === groupLabel);
-      if (existingGroup) {
-        existingGroup.options.push({
-          label: feature.name,
-          value: feature.id,
-          feature,
-        });
-      } else {
-        acc.push({
-          label: groupLabel,
-          options: [
-            {
-              label: feature.name,
-              value: feature.id,
-              feature,
-            },
-          ],
-        });
-      }
-      return acc;
-    },
-    [] as Array<{ label: string; options: Array<{ label: string; value: string; feature: Feature }> }>,
-  );
+    const existingGroup = acc.find((group) => group.label === groupLabel);
+    if (existingGroup) {
+      existingGroup.options.push({
+        label: feature.name,
+        value: feature.id,
+        feature,
+      });
+    } else {
+      acc.push({
+        label: groupLabel,
+        options: [
+          {
+            label: feature.name,
+            value: feature.id,
+            feature,
+          },
+        ],
+      });
+    }
+    return acc;
+  }, [] as Array<{ label: string; options: Array<{ label: string; value: string; feature: Feature }> }>);
 
-  // 使用 useCallback 和 debounce 处理搜索
-  const debouncedSearch = useCallback(
+  const handleSearch = useCallback(
     debounce((value: string) => {
       setSearchValue(value);
     }, 300),
-    [],
+    []
   );
 
-  // 处理搜索
-  const handleSearch = (value: string) => {
-    debouncedSearch(value);
-  };
-
-  // 处理选择变化
   const handleChange = (selectedValue: string[]) => {
     onChange?.(selectedValue as string[]);
     onSelect?.(features.filter((feature) => selectedValue.includes(feature.id)));
   };
 
   return (
-    <Form.Item
-      label={label}
-      help={description}
-      validateStatus={error || swrError ? "error" : undefined}
-      required={required}
-    >
-      <Select
-        placeholder={placeholder}
-        value={value}
-        onChange={handleChange}
-        options={selectOptions}
-        optionFilterProp="label"
-        mode="multiple"
-        showSearch
-        onSearch={handleSearch}
-        disabled={disabled}
-        allowClear
-        loading={isLoading}
-        notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
-        style={{ width: "100%" }}
-        status={error || swrError ? "error" : undefined}
-        {...props}
-      />
-    </Form.Item>
+    <Select
+      {...antdSelectProps}
+      id={id}
+      value={value}
+      onChange={handleChange}
+      options={selectOptions}
+      showSearch={{
+        optionFilterProp: "label",
+        onSearch: handleSearch,
+      }}
+      mode="multiple"
+      loading={isLoading}
+      notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
+    />
   );
 }
diff --git a/src/components/Container/index.tsx b/src/components/Layout/Container.tsx
similarity index 100%
rename from src/components/Container/index.tsx
rename to src/components/Layout/Container.tsx
diff --git a/src/components/Loading/index.tsx b/src/components/Layout/FullScreenLoading.tsx
similarity index 100%
rename from src/components/Loading/index.tsx
rename to src/components/Layout/FullScreenLoading.tsx
diff --git a/src/components/Error/index.tsx b/src/components/Layout/LoadError.tsx
similarity index 93%
rename from src/components/Error/index.tsx
rename to src/components/Layout/LoadError.tsx
index 1d1b659..845dc7d 100644
--- a/src/components/Error/index.tsx
+++ b/src/components/Layout/LoadError.tsx
@@ -1,4 +1,4 @@
-import DefaultContainer from "@/components/Container";
+import DefaultContainer from "@/components/Layout/Container";
 import { Typography, Button, Flex } from "antd";
 import { useNavigate } from "react-router-dom";
 
diff --git a/src/components/Layout/LoggedLayout/index.tsx b/src/components/Layout/LoggedLayout.tsx
similarity index 100%
rename from src/components/Layout/LoggedLayout/index.tsx
rename to src/components/Layout/LoggedLayout.tsx
diff --git a/src/components/Organization/OrganizatonSelector.tsx b/src/components/Organization/OrganizatonSelector.tsx
new file mode 100644
index 0000000..0c251a0
--- /dev/null
+++ b/src/components/Organization/OrganizatonSelector.tsx
@@ -0,0 +1,73 @@
+import { OrganizationAPI } from "@/api/dashboard/organization";
+import type { Organization } from "@/types/organization";
+import { Select, SelectProps, Spin } from "antd";
+import { useState, useCallback } from "react";
+import useSWR from "swr";
+import { debounce, uniqBy } from "es-toolkit";
+
+interface OrganizationSelectorProps {
+  id?: string;
+  value?: string[];
+  onChange?: (value: string[] | undefined) => void;
+  onSelect?: (value: Organization[] | undefined) => void;
+  selectedOptionId?: string;
+  selectedOptions?: Organization[];
+  antdSelectProps?: SelectProps;
+}
+
+export default function OrganizationSelector({
+  id,
+  value,
+  onChange,
+  onSelect,
+  selectedOptions,
+  antdSelectProps,
+}: OrganizationSelectorProps) {
+  const [searchValue, setSearchValue] = useState("");
+
+  const { data, isLoading } = useSWR(["organization/list", searchValue], () =>
+    OrganizationAPI.getOrganizationList({ pageSize: 50, current: 1, name: searchValue })
+  );
+
+  const organizations = uniqBy(
+    [...(selectedOptions || []), ...(data?.records || [])],
+    (organization) => organization.id
+  );
+
+  const selectOptions = organizations.map((organization) => ({
+    value: organization.id,
+    label: `${organization.name} (${organization.slug})`,
+  }));
+
+  const handleSearch = useCallback(
+    debounce((value: string) => {
+      setSearchValue(value);
+    }, 300),
+    []
+  );
+
+  const handleChange = (selectedValue: string[]) => {
+    onChange?.(selectedValue);
+    onSelect?.(organizations.filter((organization) => selectedValue.includes(organization.id)));
+  };
+
+  return (
+    <Select
+      {...antdSelectProps}
+      id={id}
+      value={value}
+      onChange={handleChange}
+      options={selectOptions}
+      showSearch={{
+        optionFilterProp: "label",
+        onSearch: handleSearch,
+      }}
+      loading={isLoading}
+      notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
+      labelRender={({ value }) => {
+        return organizations.find((organization) => organization.id === value)?.name;
+      }}
+      placeholder="请选择主办方"
+    />
+  );
+}
diff --git a/src/components/Organization/OrganizatonSelector/index.tsx b/src/components/Organization/OrganizatonSelector/index.tsx
deleted file mode 100644
index ea169c3..0000000
--- a/src/components/Organization/OrganizatonSelector/index.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { OrganizationAPI } from "@/api/dashboard/organization";
-import type { Organization } from "@/types/organization";
-import { Select, Spin } from "antd";
-import { useState, useCallback } from "react";
-import useSWR from "swr";
-import { debounce } from "es-toolkit";
-
-interface OrganizationSelectorProps {
-  value?: string[];
-  onChange?: (value: string[] | null | undefined) => void;
-  onSelect?: (value: Organization[] | null | undefined) => void;
-  placeholder?: string;
-  label?: string;
-  required?: boolean;
-  disabled?: boolean;
-  error?: string;
-  description?: string;
-  selectedOptions?: Organization[] | null;
-  multiple?: boolean;
-}
-
-export default function OrganizationSelector({
-  value,
-  onChange,
-  onSelect,
-  placeholder = "请选择组织",
-  label = "组织",
-  required = false,
-  disabled = false,
-  error,
-  description,
-  selectedOptions,
-  multiple = false,
-  ...props
-}: OrganizationSelectorProps) {
-  const [searchValue, setSearchValue] = useState("");
-
-  const {
-    data,
-    error: swrError,
-    isLoading,
-  } = useSWR(
-    searchValue
-      ? [`organization-list-search`, { pageSize: 50, current: 1, name: searchValue }]
-      : [`organization-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => OrganizationAPI.getOrganizationList(params),
-  );
-
-  const organizations = [...(selectedOptions || []), ...(data?.records || [])];
-
-  // 转换为 Select 组件需要的格式
-  const selectOptions = organizations.map((organization) => ({
-    value: organization.id,
-    label: `${organization.name} (${organization.slug})`,
-    organization,
-  }));
-
-  // 使用 useCallback 和 debounce 处理搜索
-  const debouncedSearch = useCallback(
-    debounce((value: string) => {
-      setSearchValue(value);
-    }, 300),
-    [],
-  );
-
-  // 处理搜索
-  const handleSearch = (value: string) => {
-    debouncedSearch(value);
-  };
-
-  // 处理选择变化
-  const handleChange = (selectedValue: string[]) => {
-    onChange?.(selectedValue);
-    onSelect?.(organizations.filter((organization) => selectedValue.includes(organization.id)));
-  };
-
-  return (
-    <Select
-      placeholder={placeholder}
-      value={value}
-      onChange={handleChange}
-      options={selectOptions}
-      showSearch={{
-        optionFilterProp: "label",
-        onSearch: handleSearch,
-      }}
-      disabled={disabled}
-      mode={multiple ? "multiple" : undefined}
-      allowClear
-      loading={isLoading}
-      notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
-      style={{ width: "100%" }}
-      status={error || swrError ? "error" : undefined}
-      {...props}
-    />
-  );
-}
diff --git a/src/components/Region/RegionSelector.tsx b/src/components/Region/RegionSelector.tsx
new file mode 100644
index 0000000..2f72ca8
--- /dev/null
+++ b/src/components/Region/RegionSelector.tsx
@@ -0,0 +1,69 @@
+import { RegionAPI } from "@/api/dashboard/region";
+import type { Region } from "@/types/region";
+import { Select, Spin, Form, SelectProps } from "antd";
+import { debounce, uniqBy } from "es-toolkit";
+import { useState, useCallback } from "react";
+import useSWR from "swr";
+
+interface RegionSelectorProps {
+  id?: string;
+  value?: string;
+  onChange?: (value?: string) => void;
+  onSelect?: (value?: Region) => void;
+  selectedOption?: Region;
+  antdSelectProps?: SelectProps;
+}
+
+export default function RegionSelector({
+  id,
+  value,
+  onChange,
+  onSelect,
+  selectedOption,
+  antdSelectProps,
+}: RegionSelectorProps) {
+  const [searchValue, setSearchValue] = useState("");
+
+  const { data, isLoading } = useSWR(["region/list", searchValue], () =>
+    RegionAPI.getRegionList({ pageSize: 50, current: 1, code: searchValue })
+  );
+
+  const regions = uniqBy(
+    [...(selectedOption ? [selectedOption] : []), ...(data?.records || [])],
+    (region) => region.id
+  );
+
+  const selectOptions = regions.map((region) => ({
+    value: region.id,
+    label: `${region.name} (${region.code})`,
+  }));
+
+  const handleSearch = useCallback(
+    debounce((value: string) => {
+      setSearchValue(value);
+    }, 300),
+    []
+  );
+
+  const handleChange = (selectedValue: string) => {
+    onChange?.(selectedValue);
+    onSelect?.(regions.find((region) => region.id === selectedValue));
+  };
+
+  return (
+    <Select
+      {...antdSelectProps}
+      id={id}
+      value={value}
+      onChange={handleChange}
+      options={selectOptions}
+      showSearch={{
+        optionFilterProp: "label",
+        onSearch: handleSearch,
+      }}
+      loading={isLoading}
+      notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
+      placeholder="请选择地区"
+    />
+  );
+}
diff --git a/src/components/Region/RegionSelector/index.tsx b/src/components/Region/RegionSelector/index.tsx
deleted file mode 100644
index d1e70fb..0000000
--- a/src/components/Region/RegionSelector/index.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { RegionAPI } from "@/api/dashboard/region";
-import type { Region } from "@/types/region";
-import { Select, Spin, Form } from "antd";
-import { debounce } from "es-toolkit";
-import { useState, useCallback } from "react";
-import useSWR from "swr";
-
-interface RegionSelectorProps {
-  value?: string;
-  onChange?: (value: string | null) => void;
-  onSelect?: (value: Region | null) => void;
-  placeholder?: string;
-  label?: string;
-  required?: boolean;
-  disabled?: boolean;
-  error?: string;
-  description?: string;
-  selectedOption?: Region | null;
-}
-
-export default function RegionSelector({
-  value,
-  onChange,
-  onSelect,
-  placeholder = "请选择地区",
-  label = "地区",
-  required = false,
-  disabled = false,
-  error,
-  description,
-  selectedOption,
-  ...props
-}: RegionSelectorProps) {
-  const [searchValue, setSearchValue] = useState("");
-
-  const {
-    data,
-    error: swrError,
-    isLoading,
-  } = useSWR(
-    searchValue
-      ? [`region-list-search`, { pageSize: 50, current: 1, code: searchValue }]
-      : [`region-list`, { pageSize: 50, current: 1 }],
-    ([_, params]: [string, any]) => RegionAPI.getRegionList(params)
-  );
-
-  const regions = [...(selectedOption ? [selectedOption] : []), ...(data?.records || [])];
-
-  // 转换为 Select 组件需要的格式
-  const selectOptions = regions.map((region) => ({
-    value: region.id,
-    label: `${region.name} (${region.code})`,
-    region,
-  }));
-
-  // 使用 useCallback 和 debounce 处理搜索
-  const debouncedSearch = useCallback(
-    debounce((value: string) => {
-      setSearchValue(value);
-    }, 300),
-    []
-  );
-
-  // 处理搜索
-  const handleSearch = (value: string) => {
-    debouncedSearch(value);
-  };
-  // 处理选择变化
-  const handleChange = (selectedValue: string) => {
-    onChange?.(selectedValue);
-    onSelect?.(regions.find((region) => region.id === selectedValue) || null);
-  };
-
-  return (
-    <Select
-      placeholder={placeholder}
-      value={value}
-      onChange={handleChange}
-      options={selectOptions}
-      optionFilterProp="label"
-      showSearch
-      onSearch={handleSearch}
-      disabled={disabled}
-      allowClear
-      loading={isLoading}
-      notFoundContent={isLoading ? <Spin size="small" /> : "没找到什么内容"}
-      style={{ width: "100%" }}
-      status={error || swrError ? "error" : undefined}
-      {...props}
-    />
-  );
-}
diff --git a/src/consts/event.ts b/src/consts/event.ts
index dc213a0..4bbfaec 100644
--- a/src/consts/event.ts
+++ b/src/consts/event.ts
@@ -39,3 +39,9 @@ export const EventLocationTypeLabel = {
   [EventLocationType.Venue]: "场馆",
   [EventLocationType.Online]: "线上",
 };
+
+export const EventDefaultThumbnail = {
+  default: "fec-event-default-cover.png",
+  blank: "fec-event-blank-cover.png",
+  cancel: "fec-event-cancel-cover.png",
+};
diff --git a/src/pages/dashboard/cacheManager/index.tsx b/src/pages/dashboard/cacheManager/index.tsx
index 2f3c2e9..780f16e 100644
--- a/src/pages/dashboard/cacheManager/index.tsx
+++ b/src/pages/dashboard/cacheManager/index.tsx
@@ -1,5 +1,5 @@
 import { cleanPageCache } from "@/api/dashboard/cache";
-import DefaultContainer from "@/components/Container";
+import DefaultContainer from "@/components/Layout/Container";
 import { Button, Flex, Typography, Row, Col } from "antd";
 import { IconRefresh } from "@tabler/icons-react";
 
diff --git a/src/pages/dashboard/developer/application/list.tsx b/src/pages/dashboard/developer/application/list.tsx
index de80072..ba4cf3e 100644
--- a/src/pages/dashboard/developer/application/list.tsx
+++ b/src/pages/dashboard/developer/application/list.tsx
@@ -1,5 +1,5 @@
 import { getApplicationList } from "@/api/developer/application";
-import DefaultContainer from "@/components/Container";
+import DefaultContainer from "@/components/Layout/Container";
 import { Button, Dropdown, Flex, MenuProps, Popover, Space, Table, Tag, Typography } from "antd";
 import { IconCirclePlus, IconEdit, IconEye, IconMenu, IconTrash } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
diff --git a/src/pages/dashboard/event/edit/BasicInfo.tsx b/src/pages/dashboard/event/edit/BasicInfo.tsx
index f797045..84c1ade 100644
--- a/src/pages/dashboard/event/edit/BasicInfo.tsx
+++ b/src/pages/dashboard/event/edit/BasicInfo.tsx
@@ -1,94 +1,55 @@
 import { Organization } from "@/types/organization";
-import { EventItem, EditEventSchema } from "@/types/event";
-import { UseFormReturn, Controller } from "react-hook-form";
-import { z } from "zod";
 import OrganizationSelector from "@/components/Organization/OrganizatonSelector";
-import { Typography, Flex, Row, Col, Form, Input, DatePicker, Space } from "antd";
+import { Typography, Row, Col, Form, Input, DatePicker } from "antd";
 import dayjs from "dayjs";
 import "dayjs/locale/zh-cn";
-import { RangePickerProps } from "antd/es/date-picker";
 
 dayjs.locale("zh-cn");
 
 const { Title } = Typography;
 
-type EventFormValues = z.infer<typeof EditEventSchema>;
-
 interface BasicInfoProps {
-  form: UseFormReturn<EventFormValues>;
-  event?: EventItem;
-  selectedOrganization: Organization | null;
-  setSelectedOrganization: (org: Organization | null) => void;
-  selectedOrganizations: Organization[] | null;
-  setSelectedOrganizations: (orgs: Organization[] | null) => void;
+  selectedOrganizations?: Organization[];
+  setSelectedOrganizations: (orgs?: Organization[]) => void;
 }
 
-export default function BasicInfo({
-  form,
-  event,
-  selectedOrganization,
-  setSelectedOrganization,
-  selectedOrganizations,
-  setSelectedOrganizations,
-}: BasicInfoProps) {
+export default function BasicInfo({ selectedOrganizations, setSelectedOrganizations }: BasicInfoProps) {
   return (
     <div>
-      <h5 className="text-lg font-bold">基础信息</h5>
-      <Form.Item
-        label="展会名称"
-        required
-        validateStatus={form.formState.errors.name ? "error" : undefined}
-        help={form.formState.errors.name?.message}
-      >
-        <Controller
-          name="name"
-          control={form.control}
-          render={({ field }) => <Input placeholder="请输入展会名称" {...field} />}
-        />
+      <Title level={5} style={{ margin: "12px 0" }}>
+        基础信息
+      </Title>
+      <Form.Item label="展会名称" required name="name" rules={[{ required: true, message: "请输入展会名称" }]}>
+        <Input placeholder="请输入展会名称" />
       </Form.Item>
 
       <Row gutter={8}>
         <Col span={12}>
-          <Form.Item label="展会主办方" help="展会目前只能通过主办方的 slug 进行访问" required>
-            <Controller
-              name="organization"
-              control={form.control}
-              render={({ field }) => (
-                <OrganizationSelector
-                  required
-                  label="展会主办方"
-                  description="展会目前只能通过主办方的 slug 进行访问"
-                  selectedOptions={event?.organization ? [event.organization] : []}
-                  value={field.value ? [field.value] : []}
-                  onSelect={(value) => {
-                    const firstOrganization = value?.[0];
-                    setSelectedOrganization(firstOrganization || null);
-                    field.onChange(firstOrganization?.id || null);
-                  }}
-                />
-              )}
+          <Form.Item
+            label="展会主办方"
+            help="展会目前只能通过主办方的 slug 进行访问"
+            required
+            name="organization"
+            rules={[{ required: true, message: "请选择展会主办方" }]}
+          >
+            <OrganizationSelector
+              selectedOptions={selectedOrganizations}
+              onSelect={(value) => {
+                setSelectedOrganizations(value);
+              }}
             />
           </Form.Item>
         </Col>
         <Col span={12}>
-          <Form.Item label="展会协办方" help="可以选很多，但是请注意，主办方不能在协办方中">
-            <Controller
-              name="organizations"
-              control={form.control}
-              render={({ field }) => (
-                <OrganizationSelector
-                  label="展会协办方"
-                  multiple
-                  description="可以选很多，但是请注意，主办方不能在协办方中"
-                  selectedOptions={selectedOrganizations}
-                  value={field.value}
-                  onChange={field.onChange}
-                  onSelect={(value) => {
-                    setSelectedOrganizations(value as Organization[] | null);
-                    field.onChange(value?.map((org: Organization) => org.id) || []);
-                  }}
-                />
-              )}
+          <Form.Item label="展会协办方" help="可以选很多，但是请注意，主办方不能在协办方中" name="organizations">
+            <OrganizationSelector
+              selectedOptions={selectedOrganizations}
+              onSelect={(value) => {
+                setSelectedOrganizations(value);
+              }}
+              antdSelectProps={{
+                mode: "multiple",
+              }}
             />
           </Form.Item>
         </Col>
@@ -96,62 +57,24 @@ export default function BasicInfo({
 
       <Row gutter={8}>
         <Col flex={1}>
-          <Form.Item
-            label="开始日期"
-            required
-            help={form.formState.errors.startAt?.message || "除非明确知晓展会开始时间，否则请保持默认上午10点"}
-            validateStatus={form.formState.errors.startAt ? "error" : undefined}
-          >
-            <Controller
-              name="startAt"
-              control={form.control}
-              render={({ field }) => (
-                <DatePicker
-                  showTime
-                  format="YYYY年MM月DD日 hh:mm A"
-                  placeholder="选一个日期"
-                  onChange={(value, dateString) => {
-                    console.log("Selected Time: ", value);
-                    console.log("Formatted Selected Time: ", dateString);
-                  }}
-                  value={dayjs(field.value)}
-                  onOk={(value) => {
-                    field.onChange(value.toISOString());
-                  }}
-                  style={{ width: "100%" }}
-                  showNow={false}
-                />
-              )}
+          <Form.Item label="开始日期" name="startAt" help="除非明确知晓展会开始时间，否则请保持默认上午10点">
+            <DatePicker
+              showTime
+              format="YYYY年MM月DD日 hh:mm A"
+              placeholder="选一个日期"
+              style={{ width: "100%" }}
+              showNow={false}
             />
           </Form.Item>
         </Col>
         <Col flex={1}>
-          <Form.Item
-            label="结束日期"
-            required
-            help={form.formState.errors.endAt?.message || "除非明确知晓展会结束时间，否则请保持默认下午6点"}
-            validateStatus={form.formState.errors.endAt ? "error" : undefined}
-          >
-            <Controller
-              name="endAt"
-              control={form.control}
-              render={({ field }) => (
-                <DatePicker
-                  showTime
-                  format="YYYY年MM月DD日 hh:mm A"
-                  placeholder="选一个日期"
-                  onChange={(value, dateString) => {
-                    console.log("Selected Time: ", value);
-                    console.log("Formatted Selected Time: ", dateString);
-                  }}
-                  value={dayjs(field.value)}
-                  onOk={(value) => {
-                    field.onChange(value.toISOString());
-                  }}
-                  style={{ width: "100%" }}
-                  showNow={false}
-                />
-              )}
+          <Form.Item label="结束日期" name="endAt" help="除非明确知晓展会结束时间，否则请保持默认下午6点">
+            <DatePicker
+              showTime
+              format="YYYY年MM月DD日 hh:mm A"
+              placeholder="选一个日期"
+              style={{ width: "100%" }}
+              showNow={false}
             />
           </Form.Item>
         </Col>
diff --git a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
index 40cf325..3ee5905 100644
--- a/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
+++ b/src/pages/dashboard/event/edit/EventAdditionalInfo.tsx
@@ -1,4 +1,4 @@
-import { EditEventSchema, EventItem } from "@/types/event";
+import { EventItem } from "@/types/event";
 import {
   EventLocationType,
   EventScale,
@@ -7,55 +7,40 @@ import {
   type EventStatusKeyType,
   EventType,
 } from "@/types/event";
-import { UseFormReturn, Controller } from "react-hook-form";
 import { EventLocationTypeLabel, EventScaleLabel, EventStatusLabel, EventTypeLabel } from "@/consts/event";
 import EventFeatureSelector from "@/components/EventFeature/EventFeatureSelector";
-import { Typography, Flex, Form, Select, Input } from "antd";
-import { InferZodType } from "@/types/common";
+import { Typography, Flex, Form, Select, Input, Col, Row, Button, Space } from "antd";
+import type { FormInstance } from "antd";
+import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
 
+const { Title, Text } = Typography;
 const { TextArea } = Input;
 
 interface EventAdditionalInfoProps {
-  form: UseFormReturn<InferZodType<typeof EditEventSchema>>;
+  form: FormInstance;
   event?: EventItem;
 }
 
 export default function EventAdditionalInfo({ form, event }: EventAdditionalInfoProps) {
   return (
     <div>
-      <h5 className="text-lg font-bold">展会附加信息</h5>
-      <Form.Item
-        label="展会状态"
-        required
-        validateStatus={form.formState.errors.status ? "error" : undefined}
-        help={form.formState.errors.status?.message}
-      >
-        <Controller
-          name="status"
-          control={form.control}
-          render={({ field }) => (
+      <Title level={5} style={{ margin: "12px 0" }}>
+        展会附加信息
+      </Title>
+      <Row gutter={8}>
+        <Col span={12}>
+          <Form.Item label="展会状态" required name="status" rules={[{ required: true, message: "请选择展会状态" }]}>
             <Select
-              placeholder="选一个"
+              placeholder="选择展会状态"
               options={Object.keys(EventStatus).map((key) => ({
                 label: EventStatusLabel[EventStatus[key as EventStatusKeyType]],
                 value: EventStatus[key as EventStatusKeyType],
               }))}
-              {...field}
             />
-          )}
-        />
-      </Form.Item>
-
-      <Form.Item
-        label="展会规模"
-        required
-        validateStatus={form.formState.errors.scale ? "error" : undefined}
-        help={form.formState.errors.scale?.message}
-      >
-        <Controller
-          name="scale"
-          control={form.control}
-          render={({ field }) => (
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="展会规模" required name="scale" rules={[{ required: true, message: "请选择展会规模" }]}>
             <Select
               placeholder="选一个"
               options={Object.keys(EventScale).map((key) => ({
@@ -63,93 +48,101 @@ export default function EventAdditionalInfo({ form, event }: EventAdditionalInfo
                 value: EventScale[key as EventScaleKeyType],
                 disabled: ["Mega", "XXLarge"].includes(key),
               }))}
-              {...field}
             />
-          )}
-        />
-      </Form.Item>
+          </Form.Item>
+        </Col>
+      </Row>
 
-      <Form.Item
-        label="展会类型"
-        required
-        validateStatus={form.formState.errors.type ? "error" : undefined}
-        help={form.formState.errors.type?.message}
-      >
-        <Controller
-          name="type"
-          control={form.control}
-          render={({ field }) => (
+      <Row gutter={8}>
+        <Col span={12}>
+          <Form.Item label="展会类型" required name="type" rules={[{ required: true, message: "请选择展会类型" }]}>
             <Select
               placeholder="选一个"
               options={Object.keys(EventType).map((key) => ({
                 label: EventTypeLabel[EventType[key as keyof typeof EventType]],
                 value: EventType[key as keyof typeof EventType],
               }))}
-              {...field}
             />
-          )}
-        />
-      </Form.Item>
-
-      <Form.Item
-        label="展会场地"
-        required
-        validateStatus={form.formState.errors.locationType ? "error" : undefined}
-        help={form.formState.errors.locationType?.message}
-      >
-        <Controller
-          name="locationType"
-          control={form.control}
-          render={({ field }) => (
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item
+            label="展会场地类型"
+            required
+            name="locationType"
+            rules={[{ required: true, message: "请选择展会场地" }]}
+          >
             <Select
               placeholder="选一个"
               options={Object.keys(EventLocationType).map((key) => ({
                 label: EventLocationTypeLabel[EventLocationType[key as keyof typeof EventLocationType]],
                 value: EventLocationType[key as keyof typeof EventLocationType],
               }))}
-              {...field}
             />
-          )}
-        />
+          </Form.Item>
+        </Col>
+      </Row>
+
+      <Form.Item label="展会私有标签" name="features">
+        <Select mode="tags" placeholder="请输入展会专属的标签" />
       </Form.Item>
 
-      <Form.Item
-        label="展会专属标签"
-        validateStatus={form.formState.errors.features?.self ? "error" : undefined}
-        help={form.formState.errors.features?.self?.message}
-      >
-        <Controller
-          name="features.self"
-          control={form.control}
-          render={({ field }) => <Select mode="tags" placeholder="请输入展会专属的标签" {...field} />}
+      <Form.Item label="展会公共标签" name="featureIds">
+        <EventFeatureSelector
+          antdSelectProps={{
+            placeholder: "请选择展会共有的标签",
+          }}
         />
       </Form.Item>
 
-      <Controller
-        name="featureIds"
-        control={form.control}
-        render={({ field }) => (
-          <EventFeatureSelector label="展会公共标签" placeholder="请选择展会共有的标签" {...field} />
+      <Form.List name={["extra", "overrideOrganizationContact", "qqGroups"]}>
+        {(fields, { add, remove, move }) => (
+          <>
+            <Flex justify="space-between" align="center" style={{ marginBottom: 8 }}>
+              <Text strong>展会额外联系方式</Text>
+
+              <Button icon={<IconPlus size={14} />} onClick={() => add({ label: "", value: "" })}>
+                添加QQ群
+              </Button>
+            </Flex>
+            {fields.map((field, index) => (
+              <div key={field.key}>
+                <Flex justify="space-between" align="center" style={{ marginBottom: 8 }}>
+                  <Text strong>第{index + 1}个QQ群</Text>
+                  <Space>
+                    <Button icon={<IconArrowUp size={14} />} onClick={() => move(index, index - 1)} />
+                    <Button icon={<IconArrowDown size={14} />} onClick={() => move(index, index + 1)} />
+                    <Button danger icon={<IconTrash size={14} />} onClick={() => remove(field.name)} />
+                  </Space>
+                </Flex>
+                <Row gutter={8}>
+                  <Col span={12}>
+                    <Form.Item
+                      required
+                      name={[field.name, "label"]}
+                      rules={[{ required: true, message: "请输入QQ群名称" }]}
+                    >
+                      <Input placeholder="请输入QQ群名称" />
+                    </Form.Item>
+                  </Col>
+                  <Col span={12}>
+                    <Form.Item
+                      required
+                      name={[field.name, "value"]}
+                      rules={[{ required: true, message: "请输入QQ群号" }]}
+                    >
+                      <Input placeholder="请输入QQ群号" />
+                    </Form.Item>
+                  </Col>
+                </Row>
+              </div>
+            ))}
+          </>
         )}
-      />
+      </Form.List>
 
-      <Form.Item
-        label="展会描述"
-        validateStatus={form.formState.errors.detail ? "error" : undefined}
-        help={form.formState.errors.detail?.message}
-      >
-        <Controller
-          name="detail"
-          control={form.control}
-          render={({ field }) => (
-            <TextArea
-              autoSize={{ minRows: 5, maxRows: 20 }}
-              placeholder="请输入展会描述"
-              value={field.value ?? ""}
-              onChange={field.onChange}
-            />
-          )}
-        />
+      <Form.Item label="展会描述" name="detail">
+        <TextArea autoSize={{ minRows: 5, maxRows: 30 }} placeholder="请输入展会描述" />
       </Form.Item>
     </div>
   );
diff --git a/src/pages/dashboard/event/edit/EventMedia.tsx b/src/pages/dashboard/event/edit/EventMedia.tsx
index 1da43dd..7c3837c 100644
--- a/src/pages/dashboard/event/edit/EventMedia.tsx
+++ b/src/pages/dashboard/event/edit/EventMedia.tsx
@@ -1,187 +1,147 @@
-import { Organization } from "@/types/organization";
-import { EventItem, EditEventSchema } from "@/types/event";
-import { Image, Typography, Button, Flex, Row, Col, Tag, Form, Input, Card } from "antd";
-import { useFieldArray, UseFormReturn, Controller } from "react-hook-form";
+import { Image, Typography, Button, Flex, Form, Input, Space, Col, Row } from "antd";
+import type { FormInstance } from "antd";
 import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
-import { z } from "zod";
 import UploadImage from "@/components/UploadImage";
 import { IMAGE_FALLBACK } from "@/consts/normal";
+import { EventDefaultThumbnail } from "@/consts/event";
 
 const { Title, Text } = Typography;
 const { TextArea } = Input;
 
-type EventFormValues = z.infer<typeof EditEventSchema>;
-
 interface EventMediaProps {
-  form: UseFormReturn<EventFormValues>;
+  form: FormInstance;
   pathPrefix: string;
   disabled: boolean;
 }
 
 export default function EventMedia({ form, pathPrefix, disabled }: EventMediaProps) {
-  const { fields, append, remove, move } = useFieldArray({
-    control: form.control,
-    name: "media.images",
-  });
-
   return (
     <div>
-      <Title level={5}>展会媒体资源</Title>
+      <Title level={5} style={{ margin: "12px 0" }}>
+        展会媒体资源
+      </Title>
 
-      <Flex vertical gap={8}>
-        <Form.Item
-          label="封面图片"
-          required
-          validateStatus={form.formState.errors.thumbnail ? "error" : undefined}
-          help={form.formState.errors.thumbnail?.message}
-        >
-          <Controller
+      <Row gutter={8} justify="space-between">
+        <Col>
+          <Form.Item
             name="thumbnail"
-            control={form.control}
-            render={({ field }) => (
-              <Input placeholder="请输入封面图片URL" disabled value={field.value} onChange={field.onChange} />
-            )}
-          />
-          <Flex gap={8} wrap="wrap" className="mt-2">
-            <Button
-              color="blue"
-              style={{ cursor: "pointer" }}
-              onClick={() => {
-                form.setValue("thumbnail", "fec-event-default-cover.png");
-              }}
-            >
-              默认图片
-            </Button>
-            <Button
-              color="blue"
-              style={{ cursor: "pointer" }}
-              onClick={() => form.setValue("thumbnail", "fec-event-blank-cover.png")}
-            >
-              待揭晓图片
-            </Button>
-            <Button
-              color="blue"
-              style={{ cursor: "pointer" }}
-              onClick={() => form.setValue("thumbnail", "fec-event-cancel-cover.png")}
-            >
-              取消图片
-            </Button>
-
-            <UploadImage
-              pathPrefix={pathPrefix}
-              defaultImageName="cover"
-              onUploadSuccess={(s) => form.setValue("thumbnail", s)}
-              disabled={disabled}
-            />
-          </Flex>
-        </Form.Item>
-
-        <Flex align="center" gap={8}>
-          <Form.Item label="展会详情图片" className="mb-0">
-            <Button
-              icon={<IconPlus size={14} />}
-              onClick={() =>
-                append({
-                  url: "",
-                  title: "",
-                  description: "",
-                })
-              }
-            >
-              添加详情图片
-            </Button>
+            getValueProps={(value) => ({ src: `https://images.furrycons.cn/${value}?format=jpg` })}
+          >
+            <Image width={140} style={{ objectFit: "cover" }} fallback={IMAGE_FALLBACK} />
           </Form.Item>
-        </Flex>
-        {fields.map((field, index) => (
-          <div key={field.id}>
-            <Flex justify="space-between" align="center">
-              <Text strong>第{index + 1}张图片</Text>
-              <Flex gap={4} justify="flex-center">
-                <Button
-                  icon={<IconArrowUp size={14} />}
-                  onClick={() => {
-                    if (index > 0) {
-                      move(index, index - 1);
-                    }
-                  }}
-                  disabled={index === 0}
-                />
+        </Col>
+        <Col flex={1}>
+          <Form.Item
+            label="封面图片"
+            required
+            name="thumbnail"
+            rules={[{ required: true, message: "请上传活动海报，或者选一个默认海报" }]}
+            extra={
+              <Space style={{ marginTop: 8 }}>
                 <Button
-                  icon={<IconArrowDown size={14} />}
                   onClick={() => {
-                    move(index, index + 1);
+                    form.setFieldValue("thumbnail", EventDefaultThumbnail.default);
                   }}
-                  disabled={index === fields.length - 1}
-                />
-                <Button danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
-              </Flex>
-            </Flex>
-            <Flex gap={16}>
-              {
-                <Image
-                  width={140}
-                  height={340}
-                  src={`https://images.furrycons.cn/${field.url}`}
-                  style={{ objectFit: "cover" }}
-                  fallback={IMAGE_FALLBACK}
-                />
-              }
-              <Flex vertical flex={1}>
-                <Form.Item
-                  label={`图片地址 ${index + 1}`}
-                  validateStatus={form.formState.errors.media?.images?.[index]?.url ? "error" : undefined}
-                  help={form.formState.errors.media?.images?.[index]?.url?.message}
-                >
-                  <Controller
-                    name={`media.images.${index}.url`}
-                    control={form.control}
-                    render={({ field }) => (
-                      <Input placeholder="请输入图片地址" value={field.value || ""} onChange={field.onChange} />
-                    )}
-                  />
-                </Form.Item>
-                <Form.Item
-                  label={`图片标题 ${index + 1}`}
-                  validateStatus={form.formState.errors.media?.images?.[index]?.title ? "error" : undefined}
-                  help={form.formState.errors.media?.images?.[index]?.title?.message}
-                >
-                  <Controller
-                    name={`media.images.${index}.title`}
-                    control={form.control}
-                    render={({ field }) => (
-                      <Input placeholder="请输入图片标题（可选）" value={field.value || ""} onChange={field.onChange} />
-                    )}
-                  />
-                </Form.Item>
-                <Form.Item
-                  label={`图片描述 ${index + 1}`}
-                  validateStatus={form.formState.errors.media?.images?.[index]?.description ? "error" : undefined}
-                  help={form.formState.errors.media?.images?.[index]?.description?.message}
                 >
-                  <Controller
-                    name={`media.images.${index}.description`}
-                    control={form.control}
-                    render={({ field }) => (
-                      <TextArea
-                        placeholder="请输入图片描述（可选）"
-                        autoSize={{ minRows: 2, maxRows: 4 }}
-                        value={field.value || ""}
-                        onChange={field.onChange}
-                      />
-                    )}
-                  />
-                </Form.Item>
+                  默认图片
+                </Button>
+                <Button onClick={() => form.setFieldValue("thumbnail", EventDefaultThumbnail.blank)}>待揭晓图片</Button>
+                <Button onClick={() => form.setFieldValue("thumbnail", EventDefaultThumbnail.cancel)}>取消图片</Button>
+
                 <UploadImage
                   pathPrefix={pathPrefix}
-                  defaultImageName={`details-${index + 1}`}
-                  onUploadSuccess={(s) => form.setValue(`media.images.${index}.url`, s)}
+                  defaultImageName="cover"
+                  onUploadSuccess={(s) => form.setFieldValue("thumbnail", s)}
                   disabled={disabled}
                 />
-              </Flex>
+              </Space>
+            }
+          >
+            <Input placeholder="请输入封面图片URL" disabled />
+          </Form.Item>
+        </Col>
+      </Row>
+
+      <Form.List name={["media", "images"]}>
+        {(fields, { add, remove, move }) => (
+          <>
+            <Flex justify="space-between" align="center" style={{ marginBottom: 8 }}>
+              <Text strong>展会详情图片</Text>
+              <Button
+                icon={<IconPlus size={14} />}
+                onClick={() =>
+                  add({
+                    url: "",
+                    title: "",
+                    description: "",
+                  })
+                }
+              >
+                添加详情图片
+              </Button>
             </Flex>
-          </div>
-        ))}
-      </Flex>
+            {fields.map((field, index) => {
+              // const imageUrl = Form.useWatch(["media", "images", field.name, "url"], form);
+
+              return (
+                <div key={field.key}>
+                  <Flex justify="space-between" align="center" style={{ marginBottom: 8 }}>
+                    <Text strong>第{index + 1}张图片</Text>
+                    <Flex gap={4} justify="flex-center">
+                      <Button
+                        icon={<IconArrowUp size={14} />}
+                        onClick={() => {
+                          if (index > 0) {
+                            move(index, index - 1);
+                          }
+                        }}
+                        disabled={index === 0}
+                      />
+                      <Button
+                        icon={<IconArrowDown size={14} />}
+                        onClick={() => {
+                          move(index, index + 1);
+                        }}
+                        disabled={index === fields.length - 1}
+                      />
+                      <Button danger icon={<IconTrash size={14} />} onClick={() => remove(field.name)} />
+                    </Flex>
+                  </Flex>
+                  <Flex gap={16}>
+                    <Form.Item
+                      name={[field.name, "url"]}
+                      getValueProps={(value) => ({ src: `https://images.furrycons.cn/${value}?format=jpg` })}
+                    >
+                      <Image width={140} height={340} style={{ objectFit: "cover" }} fallback={IMAGE_FALLBACK} />
+                    </Form.Item>
+                    <Flex vertical flex={1}>
+                      <Form.Item
+                        label={`图片地址 ${index + 1}`}
+                        name={[field.name, "url"]}
+                        rules={[{ required: true, message: "请输入图片地址" }]}
+                      >
+                        <Input placeholder="请输入图片地址" />
+                      </Form.Item>
+                      <Form.Item label={`图片标题 ${index + 1}`} name={[field.name, "title"]}>
+                        <Input placeholder="请输入图片标题（可选）" />
+                      </Form.Item>
+                      <Form.Item label={`图片描述 ${index + 1}`} name={[field.name, "description"]}>
+                        <TextArea placeholder="请输入图片描述（可选）" autoSize={{ minRows: 2, maxRows: 4 }} />
+                      </Form.Item>
+                      <UploadImage
+                        pathPrefix={pathPrefix}
+                        defaultImageName={`details-${index + 1}`}
+                        onUploadSuccess={(s) => form.setFieldValue(["media", "images", field.name, "url"], s)}
+                        disabled={disabled}
+                      />
+                    </Flex>
+                  </Flex>
+                </div>
+              );
+            })}
+          </>
+        )}
+      </Form.List>
     </div>
   );
 }
diff --git a/src/pages/dashboard/event/edit/EventSources.tsx b/src/pages/dashboard/event/edit/EventSources.tsx
index 3971929..b3f50a3 100644
--- a/src/pages/dashboard/event/edit/EventSources.tsx
+++ b/src/pages/dashboard/event/edit/EventSources.tsx
@@ -1,104 +1,82 @@
-import { Controller, useFieldArray, UseFormReturn } from "react-hook-form";
 import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
-import { Typography, Button, Flex, Row, Col, Form, Input, Card } from "antd";
-import { EditEventSchema } from "@/types/event";
-import { z } from "zod";
+import { Typography, Button, Flex, Row, Col, Form, Input } from "antd";
+import type { FormInstance } from "antd";
 
 const { Title, Text } = Typography;
 
-type EventFormValues = z.infer<typeof EditEventSchema>;
-
 interface EventSourcesProps {
-  form: UseFormReturn<EventFormValues>;
+  form: FormInstance;
 }
 
 export default function EventSources({ form }: EventSourcesProps) {
-  const { fields, append, prepend, remove, swap, move, insert } = useFieldArray({
-    control: form.control,
-    name: "sources",
-  });
   return (
     <div>
-      <Title level={5}>展会信息来源</Title>
-      <Flex align="center" gap={8}>
-        <Button icon={<IconPlus size={14} />} onClick={() => append({ name: "", url: "", description: "" })}>
-          添加信息来源
-        </Button>
-      </Flex>
+      <Form.List name="sources">
+        {(fields, { add, remove, move }) => (
+          <>
+            <Title level={5} style={{ margin: "12px 0" }}>
+              <Flex justify="space-between" align="center">
+                展会信息来源
+                <Button icon={<IconPlus size={14} />} onClick={() => add({ name: "", url: "", description: "" })}>
+                  添加来源
+                </Button>
+              </Flex>
+            </Title>
 
-      {fields.map((field, index) => (
-        <div key={field.id}>
-          <Flex justify="space-between" align="center">
-            <Text strong>信息来源 {index + 1}</Text>
-            <Flex gap={4}>
-              <Button
-                icon={<IconArrowUp size={14} />}
-                onClick={() => {
-                  if (index > 0) {
-                    move(index, index - 1);
-                  }
-                }}
-                disabled={index === 0}
-              />
-              <Button
-                icon={<IconArrowDown size={14} />}
-                onClick={() => {
-                  move(index, index + 1);
-                }}
-                disabled={index === fields.length - 1}
-              />
-              <Button danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
-            </Flex>
-          </Flex>
-          <Row gutter={8} align="bottom">
-            <Col flex={1}>
-              <Form.Item
-                label="名称"
-                validateStatus={form.formState.errors.sources?.[index]?.name ? "error" : undefined}
-                help={form.formState.errors.sources?.[index]?.name?.message}
-              >
-                <Controller
-                  name={`sources.${index}.name`}
-                  control={form.control}
-                  render={({ field }) => (
-                    <Input placeholder="信息来源名称" value={field.value || ""} onChange={field.onChange} />
-                  )}
-                />
-              </Form.Item>
-            </Col>
-            <Col flex={1}>
-              <Form.Item
-                label="链接"
-                validateStatus={form.formState.errors.sources?.[index]?.url ? "error" : undefined}
-                help={form.formState.errors.sources?.[index]?.url?.message}
-              >
-                <Controller
-                  name={`sources.${index}.url`}
-                  control={form.control}
-                  render={({ field }) => (
-                    <Input placeholder="信息来源链接" value={field.value || ""} onChange={field.onChange} />
-                  )}
-                />
-              </Form.Item>
-            </Col>
-            <Col flex={1}>
-              <Form.Item
-                label="描述"
-                validateStatus={form.formState.errors.sources?.[index]?.description ? "error" : undefined}
-                help={form.formState.errors.sources?.[index]?.description?.message}
-              >
-                <Controller
-                  name={`sources.${index}.description`}
-                  control={form.control}
-                  render={({ field }) => (
-                    <Input placeholder="信息来源描述（可选）" value={field.value || ""} onChange={field.onChange} />
-                  )}
-                />
-              </Form.Item>
-            </Col>
-          </Row>
-        </div>
-      ))}
+            {fields.map((field, index) => (
+              <div key={field.key}>
+                <Flex justify="space-between" align="center">
+                  <Text strong>信息来源 {index + 1}</Text>
+                  <Flex gap={4}>
+                    <Button
+                      icon={<IconArrowUp size={14} />}
+                      onClick={() => {
+                        if (index > 0) {
+                          move(index, index - 1);
+                        }
+                      }}
+                      disabled={index === 0}
+                    />
+                    <Button
+                      icon={<IconArrowDown size={14} />}
+                      onClick={() => {
+                        move(index, index + 1);
+                      }}
+                      disabled={index === fields.length - 1}
+                    />
+                    <Button danger icon={<IconTrash size={14} />} onClick={() => remove(field.name)} />
+                  </Flex>
+                </Flex>
+                <Row gutter={8} align="bottom">
+                  <Col span={4}>
+                    <Form.Item
+                      label="名称"
+                      name={[field.name, "name"]}
+                      rules={[{ required: true, message: "请输入信息来源名称" }]}
+                    >
+                      <Input placeholder="信息来源名称" />
+                    </Form.Item>
+                  </Col>
+                  <Col span={10}>
+                    <Form.Item
+                      label="链接"
+                      name={[field.name, "url"]}
+                      rules={[{ required: true, message: "请输入信息来源链接" }]}
+                    >
+                      <Input placeholder="信息来源链接" />
+                    </Form.Item>
+                  </Col>
+                  <Col span={10}>
+                    <Form.Item label="描述" name={[field.name, "description"]}>
+                      <Input placeholder="信息来源描述" />
+                    </Form.Item>
+                  </Col>
+                </Row>
+              </div>
+            ))}
+          </>
+        )}
+      </Form.List>
     </div>
   );
 }
diff --git a/src/pages/dashboard/event/edit/GeographicInfo.tsx b/src/pages/dashboard/event/edit/GeographicInfo.tsx
index 705d02d..10ee450 100644
--- a/src/pages/dashboard/event/edit/GeographicInfo.tsx
+++ b/src/pages/dashboard/event/edit/GeographicInfo.tsx
@@ -1,104 +1,50 @@
-import { EditEventSchema, EventItem } from "@/types/event";
+import { EventItem } from "@/types/event";
 import { Region } from "@/types/region";
-import { UseFormReturn, Controller } from "react-hook-form";
 import { IconSearch } from "@tabler/icons-react";
 import RegionSelector from "@/components/Region/RegionSelector";
 import LocationSearch from "@/components/Event/LocationSearch";
 import { Typography, Button, Flex, Row, Col, App, Form, Input, AutoComplete } from "antd";
+import type { FormInstance } from "antd";
 import { useState } from "react";
-import { InferZodType } from "@/types/common";
 
 const { Title } = Typography;
 
 interface GeographicInfoProps {
-  form: UseFormReturn<InferZodType<typeof EditEventSchema>>;
+  form: FormInstance;
   event?: EventItem;
-  selectedRegion: Region | null;
-  setSelectedRegion: (region: Region | null) => void;
+  selectedRegion?: Region;
+  setSelectedRegion: (region?: Region) => void;
 }
 
 export default function GeographicInfo({ form, event, selectedRegion, setSelectedRegion }: GeographicInfoProps) {
   const { message } = App.useApp();
   const [isLocationSearchModalOpen, setIsLocationSearchModalOpen] = useState(false);
 
-  const address = form.watch("address");
+  const address = Form.useWatch("address", form);
 
   return (
     <div>
-      <h5 className="text-lg font-bold">地理信息</h5>
+      <Title level={5} style={{ margin: "12px 0" }}>
+        地理信息
+      </Title>
 
-      <Form.Item
-        label="展会地区"
-        validateStatus={form.formState.errors.regionId ? "error" : undefined}
-        help={form.formState.errors.regionId?.message}
-      >
-        <Controller
-          name="regionId"
-          control={form.control}
-          render={({ field, fieldState }) => (
-            <RegionSelector
-              placeholder="请选择展会地区"
-              selectedOption={event?.region}
-              value={field.value}
-              onChange={(value) => {
-                field.onChange(value);
-              }}
-              onSelect={(value) => {
-                setSelectedRegion(value);
-              }}
-              error={fieldState.error?.message}
-            />
-          )}
-        />
+      <Form.Item label="展会地区" name="regionId">
+        <RegionSelector selectedOption={event?.region} onSelect={(region) => setSelectedRegion(region)} />
       </Form.Item>
 
-      <Form.Item
-        label="展会地址"
-        validateStatus={form.formState.errors.address ? "error" : undefined}
-        help={form.formState.errors.address?.message}
-      >
-        <Controller
-          name="address"
-          control={form.control}
-          render={({ field }) => (
-            <AutoComplete
-              placeholder="请输入展会地址"
-              suffixIcon={<IconSearch size="14" className="cursor-pointer" />}
-              {...field}
-            />
-          )}
-        />
+      <Form.Item label="展会地址" name="address">
+        <Input placeholder="请输入展会地址" />
       </Form.Item>
 
       <Row gutter={8}>
-        <Col flex={1}>
-          <Form.Item
-            label="经度"
-            validateStatus={form.formState.errors.addressLon ? "error" : undefined}
-            help={form.formState.errors.addressLon?.message}
-          >
-            <Controller
-              name="addressLon"
-              control={form.control}
-              render={({ field }) => (
-                <Input placeholder="一般是三位整数" value={field.value || ""} onChange={field.onChange} />
-              )}
-            />
+        <Col span={12}>
+          <Form.Item label="经度" name="addressLon">
+            <Input placeholder="经度小数点前一般有三位整数" />
           </Form.Item>
         </Col>
-        <Col flex={1}>
-          <Form.Item
-            label="纬度"
-            validateStatus={form.formState.errors.addressLat ? "error" : undefined}
-            help={form.formState.errors.addressLat?.message}
-          >
-            <Controller
-              name="addressLat"
-              control={form.control}
-              render={({ field }) => (
-                <Input placeholder="一般是两位整数" value={field.value || ""} onChange={field.onChange} />
-              )}
-            />
+        <Col span={12}>
+          <Form.Item label="纬度" name="addressLat">
+            <Input placeholder="纬度小数点前一般有两位整数" />
           </Form.Item>
         </Col>
       </Row>
@@ -108,18 +54,22 @@ export default function GeographicInfo({ form, event, selectedRegion, setSelecte
           if (!selectedRegion) {
             return message.warning("请先选择展会地区");
           }
+          if (!address) {
+            return message.warning("请先输入展会地址");
+          }
+
           setIsLocationSearchModalOpen(true);
         }}
       >
-        搜索地址
+        按展会地址搜索经纬度
       </Button>
       <LocationSearch
         isModalOpen={isLocationSearchModalOpen}
         handleOk={(location) => {
           setIsLocationSearchModalOpen(false);
           if (location) {
-            form.setValue("addressLat", location.location.lat.toString());
-            form.setValue("addressLon", location.location.lng.toString());
+            form.setFieldValue("addressLat", location.location.lat.toString());
+            form.setFieldValue("addressLon", location.location.lng.toString());
           }
         }}
         handleCancel={() => {
diff --git a/src/pages/dashboard/event/edit/TicketChannels.tsx b/src/pages/dashboard/event/edit/TicketChannels.tsx
index 019b3e5..02f80e0 100644
--- a/src/pages/dashboard/event/edit/TicketChannels.tsx
+++ b/src/pages/dashboard/event/edit/TicketChannels.tsx
@@ -1,150 +1,119 @@
-import { useFieldArray, UseFormReturn, Controller } from "react-hook-form";
 import { IconArrowDown, IconArrowUp, IconPlus, IconTrash } from "@tabler/icons-react";
-import { Typography, Button, Flex, Row, Col, Form, Select, Input, Card } from "antd";
-import { EditEventSchema } from "@/types/event";
-import { z } from "zod";
+import { Typography, Button, Flex, Row, Col, Form, Select, Input } from "antd";
+import type { FormInstance } from "antd";
 
 const { Title, Text } = Typography;
 
-type EventFormValues = z.infer<typeof EditEventSchema>;
-
 interface TicketChannelsProps {
-  form: UseFormReturn<EventFormValues>;
+  form: FormInstance;
 }
 
 export default function TicketChannels({ form }: TicketChannelsProps) {
-  const { fields, append, remove, move } = useFieldArray({
-    control: form.control,
-    name: "ticketChannels",
-  });
   return (
     <div>
-      <Title level={5}>票务渠道</Title>
-      <Flex align="center" gap={8}>
-        <Button
-          icon={<IconPlus size={14} />}
-          onClick={() =>
-            append({
-              type: "url",
-              name: "",
-              url: "",
-              available: true,
-            })
-          }
-        >
-          添加票务渠道
-        </Button>
-      </Flex>
-
-      {fields.map((field, index) => (
-        <div key={field.id}>
-          <Flex justify="space-between" align="center">
-            <Text strong>票务渠道 {index + 1}</Text>
-            <Flex gap={4}>
-              <Button
-                icon={<IconArrowUp size={14} />}
-                onClick={() => {
-                  if (index > 0) {
-                    move(index, index - 1);
-                  }
-                }}
-                disabled={index === 0}
-              />
+      <Form.List name="ticketChannels">
+        {(fields, { add, remove, move }) => (
+          <>
+            <Flex justify="space-between" align="center">
+              <Title level={5} style={{ margin: "12px 0" }}>
+                票务渠道
+              </Title>
               <Button
-                icon={<IconArrowDown size={14} />}
-                onClick={() => {
-                  move(index, index + 1);
-                }}
-                disabled={index === fields.length - 1}
-              />
-              <Button danger icon={<IconTrash size={14} />} onClick={() => remove(index)} />
-            </Flex>
-          </Flex>
-          <Row gutter={8} align="bottom">
-            <Col flex={1}>
-              <Form.Item
-                label="渠道类型"
-                validateStatus={form.formState.errors.ticketChannels?.[index]?.type ? "error" : undefined}
-                help={form.formState.errors.ticketChannels?.[index]?.type?.message}
+                icon={<IconPlus size={14} />}
+                onClick={() =>
+                  add({
+                    type: "url",
+                    name: "",
+                    url: "",
+                    available: true,
+                  })
+                }
               >
-                <Controller
-                  name={`ticketChannels.${index}.type`}
-                  control={form.control}
-                  render={({ field }) => (
-                    <Select
-                      placeholder="选择渠道类型"
-                      options={[
-                        { label: "微信小程序", value: "wxMiniProgram" },
-                        { label: "网页链接", value: "url" },
-                        { label: "二维码", value: "qrcode" },
-                        { label: "APP", value: "app" },
-                      ]}
-                      value={field.value}
-                      onChange={field.onChange}
+                添加票务渠道
+              </Button>
+            </Flex>
+
+            {fields.map((field, index) => (
+              <div key={field.key}>
+                <Flex justify="space-between" align="center" style={{ marginBottom: 8 }}>
+                  <Text strong>票务渠道 {index + 1}</Text>
+                  <Flex gap={4}>
+                    <Button
+                      icon={<IconArrowUp size={14} />}
+                      onClick={() => {
+                        if (index > 0) {
+                          move(index, index - 1);
+                        }
+                      }}
+                      disabled={index === 0}
                     />
-                  )}
-                />
-              </Form.Item>
-            </Col>
-            <Col flex={1}>
-              <Form.Item
-                label="渠道名称"
-                validateStatus={form.formState.errors.ticketChannels?.[index]?.name ? "error" : undefined}
-                help={form.formState.errors.ticketChannels?.[index]?.name?.message}
-              >
-                <Controller
-                  name={`ticketChannels.${index}.name`}
-                  control={form.control}
-                  render={({ field }) => (
-                    <Input placeholder="票务渠道名称" value={field.value || ""} onChange={field.onChange} />
-                  )}
-                />
-              </Form.Item>
-            </Col>
-            <Col flex={1}>
-              <Form.Item
-                label="渠道链接/地址/描述"
-                validateStatus={form.formState.errors.ticketChannels?.[index]?.url ? "error" : undefined}
-                help={form.formState.errors.ticketChannels?.[index]?.url?.message}
-              >
-                <Controller
-                  name={`ticketChannels.${index}.url`}
-                  control={form.control}
-                  render={({ field }) => (
-                    <Input placeholder="渠道链接或地址或描述" value={field.value || ""} onChange={field.onChange} />
-                  )}
-                />
-              </Form.Item>
-            </Col>
-            <Col flex={1}>
-              <Form.Item
-                label="可用状态"
-                validateStatus={form.formState.errors.ticketChannels?.[index]?.available ? "error" : undefined}
-                help={form.formState.errors.ticketChannels?.[index]?.available?.message}
-              >
-                <Controller
-                  name={`ticketChannels.${index}.available`}
-                  control={form.control}
-                  render={({ field }) => (
-                    <Select
-                      placeholder="选择状态"
-                      options={[
-                        { label: "可用", value: "true" },
-                        { label: "不可用", value: "false" },
-                      ]}
-                      value={field.value?.toString() || "true"}
-                      onChange={(value) => {
-                        const boolValue = value === "true" ? true : value === "false" ? false : null;
-                        field.onChange(boolValue);
+                    <Button
+                      icon={<IconArrowDown size={14} />}
+                      onClick={() => {
+                        move(index, index + 1);
                       }}
+                      disabled={index === fields.length - 1}
                     />
-                  )}
-                />
-              </Form.Item>
-            </Col>
-          </Row>
-        </div>
-      ))}
+                    <Button danger icon={<IconTrash size={14} />} onClick={() => remove(field.name)} />
+                  </Flex>
+                </Flex>
+                <Row gutter={8} align="bottom">
+                  <Col span={4}>
+                    <Form.Item
+                      label="渠道类型"
+                      name={[field.name, "type"]}
+                      rules={[{ required: true, message: "请选择渠道类型" }]}
+                    >
+                      <Select
+                        placeholder="选择渠道类型"
+                        options={[
+                          { label: "网页链接", value: "url" },
+                          { label: "微信小程序", value: "wxMiniProgram" },
+                          { label: "二维码", value: "qrcode" },
+                          { label: "APP", value: "app" },
+                        ]}
+                      />
+                    </Form.Item>
+                  </Col>
+                  <Col span={8}>
+                    <Form.Item
+                      label="渠道名称"
+                      name={[field.name, "name"]}
+                      rules={[{ required: true, message: "请输入渠道名称" }]}
+                    >
+                      <Input placeholder="票务渠道名称" />
+                    </Form.Item>
+                  </Col>
+                  <Col span={8}>
+                    <Form.Item
+                      label="渠道链接/地址/描述"
+                      name={[field.name, "url"]}
+                      rules={[{ required: true, message: "请输入渠道链接" }]}
+                    >
+                      <Input placeholder="渠道链接或地址或描述" />
+                    </Form.Item>
+                  </Col>
+                  <Col span={4}>
+                    <Form.Item
+                      label="票务状态"
+                      name={[field.name, "available"]}
+                      rules={[{ required: true, message: "请选择票务状态" }]}
+                    >
+                      <Select
+                        placeholder="选择票务状态"
+                        options={[
+                          { label: "可售", value: true },
+                          { label: "停售", value: false },
+                        ]}
+                      />
+                    </Form.Item>
+                  </Col>
+                </Row>
+              </div>
+            ))}
+          </>
+        )}
+      </Form.List>
     </div>
   );
 }
diff --git a/src/pages/dashboard/event/edit/UriBuilder.tsx b/src/pages/dashboard/event/edit/UriBuilder.tsx
index 4534515..fd9d880 100644
--- a/src/pages/dashboard/event/edit/UriBuilder.tsx
+++ b/src/pages/dashboard/event/edit/UriBuilder.tsx
@@ -1,23 +1,25 @@
 import { Region } from "@/types/region";
-import { Controller, UseFormReturn } from "react-hook-form";
 import { Typography, Button, Flex, App, Form, Input } from "antd";
-import { EditEventSchema } from "@/types/event";
-import { InferZodType } from "@/types/common";
+import type { FormInstance } from "antd";
+import dayjs from "dayjs";
 
 const { Title } = Typography;
 
 interface UriBuilderProps {
-  form: UseFormReturn<InferZodType<typeof EditEventSchema>>;
-  selectedRegion: Region | null;
+  form: FormInstance;
+  selectedRegion?: Region;
 }
 
 export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
   const { message } = App.useApp();
 
+  const startAtFormValue: dayjs.Dayjs | undefined = Form.useWatch("startAt", form);
+
   const generateEventSlug = () => {
-    const startAt = form.watch("startAt");
-    const selectedYear = new Date(startAt).getFullYear();
-    const selectedMonth = new Date(startAt).toLocaleString("en-us", { month: "short" }).toLocaleLowerCase();
+    const startAtValue =
+      startAtFormValue instanceof dayjs ? startAtFormValue.toDate() : dayjs(startAtFormValue).toDate();
+    const selectedYear = startAtValue.getFullYear();
+    const selectedMonth = startAtValue.toLocaleString("en-us", { month: "short" }).toLocaleLowerCase();
     const city = selectedRegion?.code;
 
     if (!selectedYear || !selectedMonth || !city) {
@@ -25,24 +27,18 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
       return;
     }
 
+    message.success("Slug生成成功");
     return `${selectedYear}-${selectedMonth}-${city.toLowerCase()}-con`;
   };
 
   return (
     <div>
-      <h5 className="text-lg font-bold">URI构建</h5>
+      <Title level={5} style={{ margin: "12px 0" }}>
+        URI构建
+      </Title>
       <Flex vertical>
-        <Form.Item
-          label="展会Slug"
-          required
-          validateStatus={form.formState.errors.slug ? "error" : undefined}
-          help={form.formState.errors.slug?.message}
-        >
-          <Controller
-            name="slug"
-            control={form.control}
-            render={({ field }) => <Input disabled placeholder="请输入展会Slug" {...field} />}
-          />
+        <Form.Item label="展会Slug" required name="slug" rules={[{ required: true, message: "请输入展会Slug" }]}>
+          <Input disabled placeholder="请输入展会Slug" />
         </Form.Item>
         <Button
           onClick={() => {
@@ -50,7 +46,7 @@ export default function UriBuilder({ form, selectedRegion }: UriBuilderProps) {
             if (!slug) {
               return;
             }
-            form.setValue("slug", slug);
+            form.setFieldValue("slug", slug);
           }}
         >
           生成Slug
diff --git a/src/pages/dashboard/event/edit/page.tsx b/src/pages/dashboard/event/edit/page.tsx
index f6c2fcd..f262b05 100644
--- a/src/pages/dashboard/event/edit/page.tsx
+++ b/src/pages/dashboard/event/edit/page.tsx
@@ -1,28 +1,16 @@
 import { useNavigate, useParams } from "react-router-dom";
-
-import {
-  type EditableEvent,
-  EventItem,
-  EditEventSchema,
-  EventStatus,
-  EventType,
-  EventScale,
-  EventLocationType,
-} from "@/types/event";
-import { Button, Divider, Typography, Flex, App, Form } from "antd";
-import { Spin } from "antd";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Organization } from "@/types/organization";
-import { createEvent, getEventDetail, updateEvent } from "@/api/dashboard/event";
-
-import "dayjs/locale/zh-cn";
-import DefaultContainer from "@/components/Container";
-import LoadError from "@/components/Error";
 import { useState } from "react";
+import { pickBy, uniqBy } from "es-toolkit";
+import useSWR from "swr";
+import dayjs from "dayjs";
+import { Button, Divider, Typography, Flex, App, Form, Spin } from "antd";
+import { Organization } from "@/types/organization";
 import { Region } from "@/types/region";
+import { EditEventApiBody, EventAPI } from "@/api/dashboard/event";
+import DefaultContainer from "@/components/Layout/Container";
+import LoadError from "@/components/Layout/LoadError";
+import { useZodValidateData } from "@/utils/form";
 
-// 导入子组件
 import BasicInfo from "./BasicInfo";
 import GeographicInfo from "./GeographicInfo";
 import UriBuilder from "./UriBuilder";
@@ -30,43 +18,46 @@ import EventAdditionalInfo from "./EventAdditionalInfo";
 import EventSources from "./EventSources";
 import TicketChannels from "./TicketChannels";
 import EventMedia from "./EventMedia";
-import useSWR from "swr";
-import { InferZodType } from "@/types/common";
+
+import "dayjs/locale/zh-cn";
+
+import { type EditableEvent, EventItem, EventStatus, EventType, EventScale, EventLocationType } from "@/types/event";
+
+dayjs.locale("zh-cn");
+
+const { Title } = Typography;
 
 export default function EventEditPage() {
   const { eventId } = useParams();
-  const isEditing = !!eventId;
-
-  const {
-    data: event,
-    isLoading,
-    error: isError,
-  } = useSWR([`event-detail`, eventId], eventId ? () => getEventDetail({ id: eventId! }) : null, {
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-  });
 
-  if (isError) {
+  const { data, isLoading, error } = useSWR(
+    ["event-detail", eventId],
+    eventId ? () => EventAPI.getEventDetail({ id: eventId as string }) : null,
+    {
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+    }
+  );
+
+  if (error) {
     return <LoadError />;
   }
 
   return (
     <div className="relative">
       <DefaultContainer className="sticky top-0 z-20">
-        <h2 className="text-2xl font-bold">{eventId ? "编辑展会" : "新建展会"}</h2>
+        <Title level={2} style={{ margin: 0 }}>
+          {eventId ? "编辑展会" : "新建展会"}
+        </Title>
       </DefaultContainer>
 
       <DefaultContainer className="mt-4">
-        {isEditing ? (
-          isLoading ? (
-            <Flex justify="center" align="center">
-              <Spin />
-            </Flex>
-          ) : (
-            <EventEditorContent event={event} />
-          )
+        {isLoading ? (
+          <Flex justify="center" align="center">
+            <Spin />
+          </Flex>
         ) : (
-          <EventEditorContent />
+          <EventEditorContent event={data} />
         )}
       </DefaultContainer>
     </div>
@@ -75,141 +66,141 @@ export default function EventEditPage() {
 
 function EventEditorContent({ event }: { event?: EventItem }) {
   const navigate = useNavigate();
-  const { message } = App.useApp();
-
-  const [selectedRegion, setSelectedRegion] = useState<Region | null>(event?.region || null);
-
-  const [selectedOrganization, setSelectedOrganization] = useState<Organization | null>(event?.organization || null);
+  const { message, modal } = App.useApp();
+  const cleanedEvent = event ? pickBy(event, (v) => v !== "" && v != null) : {};
 
-  const [selectedOrganizations, setSelectedOrganizations] = useState<Organization[] | null>(
-    event?.organizations || null,
-  );
-  console.log("event", event);
-
-  const form = useForm({
-    defaultValues: {
-      name: event?.name || "",
-      startAt: event?.startAt ? event?.startAt : new Date(new Date().setHours(10, 0, 0, 0)).toISOString(),
-      endAt: event?.endAt ? event?.endAt : new Date(new Date().setHours(18, 0, 0, 0)).toISOString(),
-      address: event?.address || "",
-      regionId: event?.regionId || "",
-      features: event?.features || { self: [], common: [] },
-      source: event?.source || null,
-      thumbnail: event?.thumbnail || "fec-event-default-cover.png",
-      media: {
-        images: event?.media?.images || [],
-        videos: event?.media?.videos || [],
-        lives: event?.media?.lives || [],
-      },
-      organization: event?.organization?.id,
-      organizations: event?.organizations?.map((o) => o.id) || [],
-      slug: event?.slug || "",
-      detail: event?.detail || "",
-      status: event?.status || EventStatus.EventScheduled,
-      type: event?.type || EventType.AllInCon,
-      scale: event?.scale || EventScale.Cosy,
-      locationType: event?.locationType || EventLocationType.Hotel,
-      addressLat: event?.addressLat || null,
-      addressLon: event?.addressLon || null,
-      sources: event?.sources || [],
-      ticketChannels: event?.ticketChannels || [],
-    },
-    resolver: zodResolver(EditEventSchema),
+  const [selectedRegion, setSelectedRegion] = useState<Region | undefined>(event?.region);
+  const [selectedOrganizations, setSelectedOrganizations] = useState<Organization[]>(() => {
+    return uniqBy([...(event?.organization ? [event.organization] : []), ...(event?.organizations || [])], (o) => o.id);
   });
 
-  const { handleSubmit, getValues } = form;
-  console.log("getValues", getValues());
+  const defaultStartAt = new Date(new Date().setHours(10, 0, 0, 0)).toISOString();
+  const defaultEndAt = new Date(new Date().setHours(18, 0, 0, 0)).toISOString();
+
+  const [form] = Form.useForm();
+  const slugValue = Form.useWatch("slug", form);
+  const organizationId = Form.useWatch("organization", form);
+  const organization = selectedOrganizations.find((o) => o.id === organizationId);
+
+  const initialValues = {
+    name: cleanedEvent.name,
+    startAt: cleanedEvent.startAt ? dayjs(cleanedEvent.startAt) : dayjs(defaultStartAt),
+    endAt: cleanedEvent.endAt ? dayjs(cleanedEvent.endAt) : dayjs(defaultEndAt),
+    address: cleanedEvent.address,
+    regionId: cleanedEvent.regionId,
+    features: cleanedEvent.features?.self || [],
+    featureIds: cleanedEvent.features?.common || [],
+    source: cleanedEvent.source,
+    thumbnail: cleanedEvent.thumbnail || "fec-event-default-cover.png",
+    media: {
+      images: cleanedEvent.media?.images || [],
+      videos: cleanedEvent.media?.videos || [],
+      lives: cleanedEvent.media?.lives || [],
+    },
+    organization: cleanedEvent.organization?.id,
+    organizations: cleanedEvent.organizations?.map((o) => o.id) || [],
+    slug: cleanedEvent.slug,
+    detail: cleanedEvent.detail,
+    status: cleanedEvent.status || EventStatus.EventScheduled,
+    type: cleanedEvent.type || EventType.AllInCon,
+    scale: cleanedEvent.scale || EventScale.Cosy,
+    locationType: cleanedEvent.locationType || EventLocationType.Hotel,
+    addressLat: cleanedEvent.addressLat,
+    addressLon: cleanedEvent.addressLon,
+    sources: cleanedEvent.sources || [],
+    ticketChannels: cleanedEvent.ticketChannels || [],
+    extra: cleanedEvent.extra || {},
+  };
 
-  const onSubmit = async (formData: InferZodType<typeof EditEventSchema>) => {
+  const onSubmit = async (value: EditableEvent) => {
     try {
-      const validatedData = EditEventSchema.parse(formData);
-      const transFormData: EditableEvent = {
-        ...formData,
-        startAt: new Date(formData.startAt).toISOString(),
-        endAt: new Date(formData.endAt).toISOString(),
-        media: formData.media,
-        name: validatedData.name,
-        slug: validatedData.slug,
-        organizations: [
-          { id: validatedData.organization, isPrimary: true },
-          ...validatedData.organizations.map((id) => ({
-            id,
-            isPrimary: false,
-          })),
-        ],
-        featureIds: validatedData.featureIds,
-        regionId: validatedData.regionId,
-      };
       if (event?.id) {
-        const res = await updateEvent(event.id, transFormData);
-        if (res) {
-          message.success("更新展会数据成功");
-        }
+        await EventAPI.updateEvent(event.id, value);
+        message.success("更新展会数据成功");
       } else {
-        const res = await createEvent(transFormData);
-        if (res) {
-          message.success("创建展会数据成功");
-          navigate(`/dashboard/event/${res.id}/edit`);
-        }
+        const res = await EventAPI.createEvent(value);
+        message.success("创建展会数据成功");
+        navigate(`/dashboard/event/${res.id}/edit`);
       }
     } catch (error) {
       message.error(`有错误发生: ${JSON.stringify(error)}`);
     }
   };
 
+  const handleFinish = (value: typeof initialValues) => {
+    console.info("表单原始数据:", value);
+    const processedValues = useZodValidateData(
+      {
+        ...value,
+        startAt: value.startAt instanceof dayjs ? value.startAt.toISOString() : value.startAt,
+        endAt: value.endAt instanceof dayjs ? value.endAt.toISOString() : value.endAt,
+        features: {
+          self: value.features || [],
+        },
+        featureIds: value.featureIds || [],
+        organizations: [
+          { id: value.organization, isPrimary: true },
+          ...value.organizations.map((id) => ({
+            id,
+            isPrimary: false,
+          })),
+        ],
+      },
+      EditEventApiBody
+    );
+
+    if (processedValues.errors.length > 0) {
+      return modal.warning({
+        title: "接口数据校验失败☹️",
+        content: processedValues.prettyErrors,
+      });
+    }
+    if (processedValues.values) {
+      return onSubmit(processedValues.values);
+    }
+    return;
+  };
+
   return (
-    <div>
-      <Form onFinish={handleSubmit(onSubmit)} layout="vertical">
-        <BasicInfo
-          form={form}
-          event={event}
-          selectedOrganization={selectedOrganization}
-          setSelectedOrganization={setSelectedOrganization}
-          selectedOrganizations={selectedOrganizations}
-          setSelectedOrganizations={setSelectedOrganizations}
-        />
+    <Form form={form} onFinish={handleFinish} layout="vertical" initialValues={initialValues}>
+      <BasicInfo
+        selectedOrganizations={selectedOrganizations}
+        setSelectedOrganizations={(v) => setSelectedOrganizations(v || [])}
+      />
 
-        <Divider dashed />
+      <Divider dashed size="small" />
 
-        <GeographicInfo
-          form={form}
-          event={event}
-          selectedRegion={selectedRegion}
-          setSelectedRegion={setSelectedRegion}
-        />
+      <GeographicInfo form={form} event={event} selectedRegion={selectedRegion} setSelectedRegion={setSelectedRegion} />
 
-        <Divider dashed />
+      <Divider dashed size="small" />
 
-        <UriBuilder form={form} selectedRegion={selectedRegion} />
+      <UriBuilder form={form} selectedRegion={selectedRegion} />
 
-        <Divider dashed />
+      <Divider dashed size="small" />
 
-        <EventAdditionalInfo form={form} event={event} />
+      <EventAdditionalInfo form={form} event={event} />
 
-        <Divider dashed />
+      <Divider dashed size="small" />
 
-        <EventSources form={form} />
+      <EventSources form={form} />
 
-        <Divider dashed />
+      <Divider dashed size="small" />
 
-        <TicketChannels form={form} />
+      <TicketChannels form={form} />
 
-        <Divider dashed />
+      <Divider dashed size="small" />
 
-        <EventMedia
-          form={form}
-          pathPrefix={`organizations/${selectedOrganization?.slug}/${event?.slug}/`}
-          disabled={!selectedOrganization?.slug || !event?.slug}
-        />
+      <EventMedia
+        form={form}
+        pathPrefix={`organizations/${organization?.slug}/${slugValue}/`}
+        disabled={!organization?.slug || !slugValue}
+      />
 
-        <div>
-          <Flex justify="flex-end" style={{ marginTop: 16 }}>
-            <Button type="primary" htmlType="submit">
-              提交
-            </Button>
-          </Flex>
-        </div>
-      </Form>
-    </div>
+      <Flex justify="flex-end" style={{ marginTop: 16 }}>
+        <Button type="primary" htmlType="submit">
+          提交
+        </Button>
+      </Flex>
+    </Form>
   );
 }
diff --git a/src/pages/dashboard/event/page.tsx b/src/pages/dashboard/event/list.tsx
similarity index 97%
rename from src/pages/dashboard/event/page.tsx
rename to src/pages/dashboard/event/list.tsx
index 6787556..9a42d33 100644
--- a/src/pages/dashboard/event/page.tsx
+++ b/src/pages/dashboard/event/list.tsx
@@ -1,6 +1,6 @@
 import { cleanPageCache } from "@/api/dashboard/cache";
-import { deleteEvent, getEventList } from "@/api/dashboard/event";
-import DefaultContainer from "@/components/Container";
+import { EventAPI } from "@/api/dashboard/event";
+import DefaultContainer from "@/components/Layout/Container";
 import { EventScaleLabel, EventStatusColor, EventStatusLabel } from "@/consts/event";
 import { EventItem } from "@/types/event";
 import { IconCirclePlus, IconEdit, IconLink, IconMenu, IconRefresh, IconSearch, IconTrash } from "@tabler/icons-react";
@@ -49,11 +49,11 @@ export default function EventPage() {
     pageSize: setPageSize,
   };
 
-  const { data, isLoading, mutate } = useSWR(["event-list", pagination], () => getEventList(pagination));
+  const { data, isLoading, mutate } = useSWR(["event-list", pagination], () => EventAPI.getEventList(pagination));
 
   const handleDeleteEvent = async (id: string) => {
     try {
-      await deleteEvent(id);
+      await EventAPI.deleteEvent(id);
       message.success("删除展商成功，如果是误操作请马上联系管理员。");
       mutate();
     } catch (error) {
diff --git a/src/pages/dashboard/feature/list.tsx b/src/pages/dashboard/feature/list.tsx
index 8dab8de..34ce270 100644
--- a/src/pages/dashboard/feature/list.tsx
+++ b/src/pages/dashboard/feature/list.tsx
@@ -1,5 +1,5 @@
 import { FeatureAPI } from "@/api/dashboard/feature";
-import DefaultContainer from "@/components/Container";
+import DefaultContainer from "@/components/Layout/Container";
 import FeatureEditor from "@/components/EventFeature/FeatureEditor";
 import { FeatureCategory, FeatureCategoryLabel, type Feature } from "@/types/feature";
 import { IconCirclePlus, IconEdit, IconMenu, IconTrash } from "@tabler/icons-react";
diff --git a/src/pages/dashboard/organization/edit.tsx b/src/pages/dashboard/organization/edit.tsx
index 06337e0..95dc8b4 100644
--- a/src/pages/dashboard/organization/edit.tsx
+++ b/src/pages/dashboard/organization/edit.tsx
@@ -1,6 +1,6 @@
 import { EditOrganizationApiBody, OrganizationAPI } from "@/api/dashboard/organization";
-import DefaultContainer from "@/components/Container";
-import LoadError from "@/components/Error";
+import DefaultContainer from "@/components/Layout/Container";
+import LoadError from "@/components/Layout/LoadError";
 import UploadImage from "@/components/UploadImage";
 import { InferZodType } from "@/types/common";
 import {
@@ -178,7 +178,7 @@ function OrganizationEditorContent({ organization }: { organization?: Organizati
       <Divider dashed />
 
       <div>
-        <Title level={5}>展会附加信息</Title>
+        <Title level={5}>展商附加信息</Title>
         <Flex vertical gap={8}>
           <Form.Item label="展商描述" extra="可以是展商的自我简介之类的东西，不填也没关系。" name="description">
             <TextArea placeholder="请输入展商简介" autoSize={{ minRows: 10 }} />
diff --git a/src/pages/dashboard/organization/page.tsx b/src/pages/dashboard/organization/page.tsx
index 358d5df..4f3c944 100644
--- a/src/pages/dashboard/organization/page.tsx
+++ b/src/pages/dashboard/organization/page.tsx
@@ -1,6 +1,6 @@
 import { cleanPageCache } from "@/api/dashboard/cache";
 import { OrganizationAPI } from "@/api/dashboard/organization";
-import DefaultContainer from "@/components/Container";
+import DefaultContainer from "@/components/Layout/Container";
 import { Organization, OrganizationStatusLabel, OrganizationTypeLabel } from "@/types/organization";
 import { IconCirclePlus, IconEdit, IconLink, IconMenu, IconRefresh, IconSearch, IconTrash } from "@tabler/icons-react";
 import { App, Button, Dropdown, Flex, Input, MenuProps, Space, Table, TableColumnType, Tag, Typography } from "antd";
diff --git a/src/pages/dashboard/region/edit.tsx b/src/pages/dashboard/region/edit.tsx
index e0225dc..d406bb6 100644
--- a/src/pages/dashboard/region/edit.tsx
+++ b/src/pages/dashboard/region/edit.tsx
@@ -1,6 +1,6 @@
 import { EditRegionApiBody, RegionAPI } from "@/api/dashboard/region";
-import DefaultContainer from "@/components/Container";
-import LoadError from "@/components/Error";
+import DefaultContainer from "@/components/Layout/Container";
+import LoadError from "@/components/Layout/LoadError";
 import RegionSelector from "@/components/Region/RegionSelector";
 import { InferZodType } from "@/types/common";
 import { Region, RegionType, RegionTypeLabel } from "@/types/region";
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index 0f907a4..4b5edd1 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -1,7 +1,7 @@
 import { Button, Flex, Typography, Space, App, Table, MenuProps, Dropdown } from "antd";
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import DefaultContainer from "@/components/Container";
+import DefaultContainer from "@/components/Layout/Container";
 import { IconCirclePlus, IconEdit, IconMenu, IconRefresh, IconTrash } from "@tabler/icons-react";
 import { useNavigate } from "react-router-dom";
 import { RegionAPI } from "@/api/dashboard/region";
diff --git a/src/routes.tsx b/src/routes.tsx
index 064eb41..2a2343b 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -5,7 +5,7 @@ import Dashboard from "@/pages/dashboard";
 import CacheManagerPage from "@/pages/dashboard/cacheManager";
 import ApplicationPage from "@/pages/dashboard/developer/application/list";
 import EventEditPage from "@/pages/dashboard/event/edit/page";
-import EventPage from "@/pages/dashboard/event/page";
+import EventPage from "@/pages/dashboard/event/list";
 import FeaturePage from "@/pages/dashboard/feature/list";
 import OrganizationEditPage from "@/pages/dashboard/organization/edit";
 import OrganizationPage from "@/pages/dashboard/organization/page";
diff --git a/src/types/event.ts b/src/types/event.ts
index 703dc9f..48dbbd3 100644
--- a/src/types/event.ts
+++ b/src/types/event.ts
@@ -1,7 +1,7 @@
+import { EditEventApiBody } from "@/api/dashboard/event";
 import { BaseModel, InferZodType } from "@/types/common";
 import { Organization } from "@/types/organization";
 import { Region } from "@/types/region";
-import z from "zod";
 
 /** Sync with https://schema.org/EventStatusType */
 export const EventStatus = {
@@ -66,6 +66,13 @@ export const EventLocationType = {
   Online: "online",
 };
 
+export enum EventTicketChannelType {
+  WxMiniProgram = "wxMiniProgram",
+  Url = "url",
+  Qrcode = "qrcode",
+  App = "app",
+}
+
 export type EventScaleKeyType = keyof typeof EventScale;
 
 export interface IEvent extends BaseModel {
@@ -120,94 +127,12 @@ export interface IEvent extends BaseModel {
   featureIds: string[];
   regionId: string;
   region: Region;
+  extra?: {
+    overrideOrganizationContact?: {
+      qqGroups?: { label: string; value: string }[];
+    };
+  };
 }
 
-export const EditEventSchema = z.object({
-  name: z.string({ message: "文本不能为空" }).min(1, { message: "文本不能为空" }),
-  slug: z
-    .string({ message: "Slug不能为空" })
-    .min(1, { message: "Slug不能为空" })
-    .regex(/^[a-z0-9-]+$/, {
-      message: "只允许小写英文字母、数字和连字符-",
-    }),
-  startAt: z.string(),
-  endAt: z.string(),
-  status: z.string(),
-  scale: z.string(),
-  type: z.string().nullable(),
-  locationType: z.string().nullable(),
-  // source 已经废弃，迁移到 sources 字段
-  source: z.string().nullable(),
-  sources: z
-    .array(
-      z.object({
-        name: z.string().min(1, { message: "信息来源名称不能为空" }).nullable(),
-        url: z.string().min(1, { message: "信息来源链接不能为空" }),
-        description: z.string().nullable(),
-      }),
-    )
-    .nullable(),
-  ticketChannels: z
-    .array(
-      z.object({
-        type: z.enum(["wxMiniProgram", "url", "qrcode", "app"], {
-          message: "请选择渠道类型",
-        }),
-        name: z.string().min(1, { message: "渠道名称不能为空" }),
-        url: z.string().min(1, { message: "渠道链接不能为空" }),
-        available: z.boolean(),
-      }),
-    )
-    .nullable(),
-  address: z.string().nullable(),
-  addressLat: z.string().nullable(),
-  addressLon: z.string().nullable(),
-  thumbnail: z.string(),
-  media: z.object({
-    images: z
-      .array(
-        z.object({
-          url: z.string().min(1, { message: "图片地址不能为空" }),
-          title: z.string().nullable(),
-          description: z.string().nullable(),
-        }),
-      )
-      .optional(),
-    videos: z
-      .array(
-        z.object({
-          url: z.string().min(1, { message: "视频地址不能为空" }),
-          title: z.string().nullable(),
-          description: z.string().nullable(),
-        }),
-      )
-      .optional(),
-    lives: z
-      .array(
-        z.object({
-          url: z.string().min(1, { message: "直播地址不能为空" }),
-          title: z.string().nullable(),
-          description: z.string().nullable(),
-        }),
-      )
-      .optional(),
-  }),
-  detail: z.string().nullable(),
-  organization: z.uuid({
-    message: "请选择展会主办方",
-  }),
-  organizations: z.array(
-    z.string({ message: "请选择展会协办方" }).uuid({
-      message: "请选择展会协办方",
-    }),
-  ),
-  features: z.object({
-    self: z.array(z.string()).nullable(),
-    common: z.array(z.uuid()).nullable(),
-  }),
-  featureIds: z.array(z.string()),
-  regionId: z.uuid({ message: "请选择展会地区" }),
-});
-
 export type EventItem = IEvent;
-export type EditableEvent = InferZodType<typeof EditEventSchema>;
+export type EditableEvent = InferZodType<typeof EditEventApiBody>;
diff --git a/src/utils/form.ts b/src/utils/form.ts
index 136190f..4d7cb6c 100644
--- a/src/utils/form.ts
+++ b/src/utils/form.ts
@@ -1,4 +1,3 @@
-import { App } from "antd";
 import { isNil } from "es-toolkit";
 import { isObject, isArray } from "es-toolkit/compat";
 import z from "zod";
@@ -31,6 +30,7 @@ export const toNullable = <T>(val: T): T => {
 
 export const useZodValidateData = <T>(values: unknown, schema: z.ZodSchema<T>) => {
   const processedValues = toNullable(values);
+  console.info("去除空值后的数据:", processedValues);
 
   const validatedResult = schema.safeParse(processedValues);
   if (!validatedResult.success) {

From f73b608ed8208a4b4e8383c7bf7f5f8d84fd4569 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Mon, 19 Jan 2026 03:32:41 +0800
Subject: [PATCH 15/21] feat(auth): add UpdatePassword

---
 src/api/auth/index.ts             | 23 +++++++--
 src/pages/auth/index.tsx          | 79 +++++++++++++------------------
 src/pages/dashboard/layout.tsx    |  3 +-
 src/pages/user/UpdatePassword.tsx | 68 ++++++++++++++++++++++++++
 src/pages/user/detail.tsx         | 52 ++++++++++++++++++++
 src/routes.tsx                    |  5 ++
 6 files changed, 180 insertions(+), 50 deletions(-)
 create mode 100644 src/pages/user/UpdatePassword.tsx
 create mode 100644 src/pages/user/detail.tsx

diff --git a/src/api/auth/index.ts b/src/api/auth/index.ts
index 1f10b3e..425cd7d 100644
--- a/src/api/auth/index.ts
+++ b/src/api/auth/index.ts
@@ -1,8 +1,25 @@
 import Axios from "@/api";
+import { z } from "zod";
 
 import type { User } from "@/types/User";
+import { InferZodType } from "@/types/common";
 
-export async function login(data: { email: string; password: string }) {
-  const res = await Axios.post<{ token: string; user: User }>("/auth/login", data);
-  return res.data;
+export const UpdatePasswordApiBody = z.object({
+  newPassword: z.string().min(8, "密码长度至少为8位"),
+});
+export class AuthAPI {
+  static async login(data: { email: string; password: string }) {
+    const res = await Axios.post<{ token: string; user: User }>("/auth/login", data);
+    return res.data;
+  }
+
+  static async getCurrentUser() {
+    const res = await Axios.get<User>("/auth/me");
+    return res.data;
+  }
+
+  static async updatePassword(body: InferZodType<typeof UpdatePasswordApiBody>) {
+    const res = await Axios.post<User>("/auth/update-password", body);
+    return res.data;
+  }
 }
diff --git a/src/pages/auth/index.tsx b/src/pages/auth/index.tsx
index 4fba46f..34f76ff 100644
--- a/src/pages/auth/index.tsx
+++ b/src/pages/auth/index.tsx
@@ -1,15 +1,10 @@
 import useAuthStore from "@/stores/auth";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation } from "@tanstack/react-query";
-
-import { login as userLogin } from "@/api/auth";
-import { Button, Card, Flex, App, Typography, Form, Input } from "antd";
-import { IconHome } from "@tabler/icons-react";
-import { Segmented } from "antd";
+import { AuthAPI } from "@/api/auth";
+import { Button, Card, Flex, App, Typography, Form, Input, Segmented } from "antd";
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
-import z from "zod";
+import { IconFileDescription } from "@tabler/icons-react";
 
 const { Link } = Typography;
 
@@ -17,36 +12,27 @@ export default function Auth() {
   const { login, refreshToken } = useAuthStore();
   const navigate = useNavigate();
   const { message } = App.useApp();
+  const [form] = Form.useForm();
 
   const [currentSegment, setCurrentSegment] = useState<"login" | "register" | "reset">("login");
 
-  const {
-    register,
-    handleSubmit,
-    formState: { errors },
-  } = useForm({
-    defaultValues: {
-      email: "",
-      password: "",
-    },
-    resolver: zodResolver(
-      z.object({
-        email: z.string().email("无效的邮箱"),
-        password: z.string().min(6, "密码长度至少为6位"),
-      }),
-    ),
-  });
-
-  const { mutate } = useMutation({
-    mutationFn: userLogin,
+  const { mutate, isPending } = useMutation({
+    mutationFn: AuthAPI.login,
     onSuccess: (data) => {
       login(data.user);
       refreshToken(data.token);
       navigate("/dashboard");
       message.success("登录成功");
     },
+    onError: (error) => {
+      message.error(`登录失败: ${error instanceof Error ? error.message : "未知错误"}`);
+    },
   });
 
+  const handleFinish = (values: { email: string; password: string }) => {
+    mutate(values);
+  };
+
   return (
     <div
       className="h-screen"
@@ -56,7 +42,11 @@ export default function Auth() {
       }}
     >
       <Flex justify="center" align="flex-end" style={{ height: "100%" }} vertical>
-        <Card className="w-full md:w-96 h-full" style={{ margin: 20, borderRadius: 8 }}>
+        <Card
+          className="w-full md:w-96 h-full"
+          style={{ margin: 20, borderRadius: 8 }}
+          styles={{ body: { height: "100%" } }}
+        >
           <Flex vertical justify="space-between" style={{ height: "100%" }}>
             <div>
               <Segmented
@@ -71,41 +61,40 @@ export default function Auth() {
                 ]}
               />
 
-              <form
-                onSubmit={handleSubmit((values) => {
-                  mutate(values);
-                })}
-                className="space-y-6"
-              >
+              <Form form={form} onFinish={handleFinish} layout="vertical">
                 <Form.Item
                   label="邮箱"
-                  required
-                  validateStatus={errors.email ? "error" : undefined}
-                  help={errors.email?.message}
+                  name="email"
+                  rules={[
+                    { required: true, message: "请输入邮箱" },
+                    { type: "email", message: "无效的邮箱" },
+                  ]}
                   style={{ marginBottom: 16 }}
                 >
-                  <Input type="email" autoComplete="email" placeholder="请输入您的注册邮箱" {...register("email")} />
+                  <Input type="email" autoComplete="email" placeholder="请输入您的注册邮箱" />
                 </Form.Item>
                 <Form.Item
                   label="密码"
-                  required
-                  validateStatus={errors.password ? "error" : undefined}
-                  help={errors.password?.message}
+                  name="password"
+                  rules={[
+                    { required: true, message: "请输入密码" },
+                    { min: 6, message: "密码长度至少为6位" },
+                  ]}
                   style={{ marginBottom: 16 }}
                 >
-                  <Input.Password placeholder="请输入您的密码" {...register("password")} />
+                  <Input.Password placeholder="请输入您的密码" />
                 </Form.Item>
                 <Flex justify="space-between" style={{ marginTop: 8 }}>
                   <Link style={{ fontSize: 14 }}>忘记密码了吗？</Link>
                 </Flex>
-                <Button type="primary" htmlType="submit" block style={{ marginTop: 24, borderRadius: 8 }}>
+                <Button type="primary" htmlType="submit" block loading={isPending} style={{ marginTop: 24 }}>
                   登录
                 </Button>
-              </form>
+              </Form>
             </div>
             <Flex justify="center">
               <Link href="https://docs.furrycons.cn" target="_blank">
-                <IconHome color="gray" size="18" />
+                <IconFileDescription color="gray" size="18" />
               </Link>
             </Flex>
           </Flex>
diff --git a/src/pages/dashboard/layout.tsx b/src/pages/dashboard/layout.tsx
index c64e046..eda79f9 100644
--- a/src/pages/dashboard/layout.tsx
+++ b/src/pages/dashboard/layout.tsx
@@ -64,10 +64,9 @@ const menuItems: MenuItem[] = [
 
 const bottomMenuItems: MenuItem[] = [
   {
-    key: "user-settings",
+    key: "/dashboard/user/me",
     icon: <IconUser size="1rem" stroke={1.5} />,
     label: "个人设置",
-    disabled: true,
   },
   {
     key: "logout",
diff --git a/src/pages/user/UpdatePassword.tsx b/src/pages/user/UpdatePassword.tsx
new file mode 100644
index 0000000..9fdfe19
--- /dev/null
+++ b/src/pages/user/UpdatePassword.tsx
@@ -0,0 +1,68 @@
+import DefaultContainer from "@/components/Layout/Container";
+import { InferZodType } from "@/types/common";
+import { useZodValidateData } from "@/utils/form";
+import { App, Button, Flex, Form, Input, Typography } from "antd";
+import { AuthAPI, UpdatePasswordApiBody } from "@/api/auth";
+import type { User } from "@/types/User";
+import useAuthStore from "@/stores/auth";
+
+const { Title } = Typography;
+
+interface UpdatePasswordProps {
+  user?: User;
+}
+
+export default function UpdatePassword({ user }: UpdatePasswordProps) {
+  const { message, modal } = App.useApp();
+  const [form] = Form.useForm();
+  const auth = useAuthStore();
+
+  const onSubmit = async (value: InferZodType<typeof UpdatePasswordApiBody>) => {
+    try {
+      await AuthAPI.updatePassword(value);
+      message.success("密码更新成功");
+      form.resetFields();
+      auth.logout();
+    } catch (error) {
+      message.error(`更新密码失败: ${JSON.stringify(error)}`);
+    }
+  };
+
+  const handleFinish = (value: { newPassword: string }) => {
+    const processedValues = useZodValidateData({ newPassword: value.newPassword }, UpdatePasswordApiBody);
+
+    if (processedValues.errors.length > 0) {
+      return modal.warning({
+        title: "接口数据校验失败☹️",
+        content: processedValues.prettyErrors,
+      });
+    }
+
+    if (processedValues.values) {
+      return onSubmit(processedValues.values);
+    }
+    return;
+  };
+
+  return (
+    <Form form={form} onFinish={handleFinish} layout="vertical">
+      <Form.Item
+        label="新密码"
+        required
+        name="newPassword"
+        rules={[
+          { required: true, message: "请输入新密码" },
+          { min: 8, message: "密码长度至少为8位" },
+        ]}
+      >
+        <Input.Password placeholder="请输入新密码（至少8位）" />
+      </Form.Item>
+
+      <Flex justify="flex-end" style={{ marginTop: 16 }}>
+        <Button type="primary" htmlType="submit">
+          提交
+        </Button>
+      </Flex>
+    </Form>
+  );
+}
diff --git a/src/pages/user/detail.tsx b/src/pages/user/detail.tsx
new file mode 100644
index 0000000..498917f
--- /dev/null
+++ b/src/pages/user/detail.tsx
@@ -0,0 +1,52 @@
+import { Typography, Flex, Spin } from "antd";
+import useSWR from "swr";
+import { AuthAPI } from "@/api/auth";
+import DefaultContainer from "@/components/Layout/Container";
+import LoadError from "@/components/Layout/LoadError";
+import EditUserInfo from "./UpdatePassword";
+import type { User } from "@/types/User";
+
+const { Title } = Typography;
+
+export default function UserDetail() {
+  const { data: user, isLoading, error } = useSWR(
+    ["user-detail"],
+    () => AuthAPI.getCurrentUser(),
+    {
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+    }
+  );
+
+  if (error) {
+    return <LoadError />;
+  }
+
+  return (
+    <div className="relative">
+      <DefaultContainer className="sticky top-0 z-20">
+        <Title level={3} style={{ margin: 0 }}>
+          用户详情
+        </Title>
+      </DefaultContainer>
+
+      <DefaultContainer className="mt-4">
+        {isLoading ? (
+          <Flex justify="center" align="center">
+            <Spin />
+          </Flex>
+        ) : (
+          <UserDetailContent user={user} />
+        )}
+      </DefaultContainer>
+    </div>
+  );
+}
+
+function UserDetailContent({ user }: { user?: User }) {
+  return (
+    <div>
+      <EditUserInfo user={user} />
+    </div>
+  );
+}
diff --git a/src/routes.tsx b/src/routes.tsx
index 2a2343b..b36cdb7 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -12,6 +12,7 @@ import OrganizationPage from "@/pages/dashboard/organization/page";
 import RegionPage from "@/pages/dashboard/region";
 import RegionEditPage from "@/pages/dashboard/region/edit";
 import ErrorPage from "@/pages/error";
+import UserDetail from "@/pages/user/detail";
 import useAuthStore from "@/stores/auth";
 import React from "react";
 import { createBrowserRouter, redirect } from "react-router-dom";
@@ -93,6 +94,10 @@ const router = createBrowserRouter([
         path: "cache-manager",
         Component: CacheManagerPage,
       },
+      {
+        path: "user/me",
+        Component: UserDetail,
+      },
     ],
   },
   {

From 0518b79a86e7b3548c67fac84da70b327420fd41 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Mon, 19 Jan 2026 03:35:38 +0800
Subject: [PATCH 16/21] chore(dep): upgrade tailwind to v4

---
 package.json                                  |    3 +-
 postcss.config.cjs                            |    2 +-
 src/components/Layout/Container.tsx           |    2 +-
 .../dashboard/developer/application/list.tsx  |    2 +-
 src/pages/dashboard/event/list.tsx            |    2 +-
 src/pages/dashboard/feature/list.tsx          |    2 +-
 src/pages/dashboard/organization/page.tsx     |    2 +-
 src/pages/dashboard/region/index.tsx          |    2 +-
 src/styles/global.css                         |   26 +-
 tailwind.config.js                            |    8 -
 yarn.lock                                     | 1712 ++++-------------
 11 files changed, 375 insertions(+), 1388 deletions(-)
 delete mode 100644 tailwind.config.js

diff --git a/package.json b/package.json
index 4e06744..f736e2d 100644
--- a/package.json
+++ b/package.json
@@ -36,10 +36,11 @@
     "@rsbuild/core": "1.7.2",
     "@rsbuild/plugin-react": "1.4.3",
     "@rsbuild/plugin-svgr": "^1.2.4",
+    "@tailwindcss/postcss": "^4.1.18",
     "@types/node": "^22.19.7",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
-    "tailwindcss": "^3.4.19",
+    "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3"
   },
   "packageManager": "yarn@4.4.1"
diff --git a/postcss.config.cjs b/postcss.config.cjs
index ee5f90b..e564072 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -1,5 +1,5 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
   },
 };
diff --git a/src/components/Layout/Container.tsx b/src/components/Layout/Container.tsx
index eccd089..879ab2d 100644
--- a/src/components/Layout/Container.tsx
+++ b/src/components/Layout/Container.tsx
@@ -5,7 +5,7 @@ export default function DefaultContainer(
 ) {
   const { children, className, ...reset } = props;
   return (
-    <div {...reset} className={twMerge("shadow p-4 rounded-xl bg-white", className)}>
+    <div {...reset} className={twMerge("shadow-sm p-4 rounded-xl bg-white", className)}>
       {children}
     </div>
   );
diff --git a/src/pages/dashboard/developer/application/list.tsx b/src/pages/dashboard/developer/application/list.tsx
index ba4cf3e..a2aa8f3 100644
--- a/src/pages/dashboard/developer/application/list.tsx
+++ b/src/pages/dashboard/developer/application/list.tsx
@@ -148,7 +148,7 @@ export default function ApplicationPage() {
         </Flex>
       </DefaultContainer>
 
-      <div className="shadow mt-4 p-4 rounded-xl bg-white">
+      <div className="shadow-sm mt-4 p-4 rounded-xl bg-white">
         <Table
           rowKey={(row) => row.id}
           columns={columns}
diff --git a/src/pages/dashboard/event/list.tsx b/src/pages/dashboard/event/list.tsx
index 9a42d33..13c3057 100644
--- a/src/pages/dashboard/event/list.tsx
+++ b/src/pages/dashboard/event/list.tsx
@@ -270,7 +270,7 @@ export default function EventPage() {
         </Flex>
       </DefaultContainer>
 
-      <div className="shadow mt-4 p-4 rounded-xl bg-white">
+      <div className="shadow-sm mt-4 p-4 rounded-xl bg-white">
         <Table
           rowKey={(row) => row.id}
           columns={columns}
diff --git a/src/pages/dashboard/feature/list.tsx b/src/pages/dashboard/feature/list.tsx
index 34ce270..a1152e9 100644
--- a/src/pages/dashboard/feature/list.tsx
+++ b/src/pages/dashboard/feature/list.tsx
@@ -115,7 +115,7 @@ export default function FeaturePage() {
         </Flex>
       </DefaultContainer>
 
-      <div className="shadow mt-4 p-4 rounded-xl bg-white">
+      <div className="shadow-sm mt-4 p-4 rounded-xl bg-white">
         <Table
           rowKey={(row) => row.id}
           columns={columns}
diff --git a/src/pages/dashboard/organization/page.tsx b/src/pages/dashboard/organization/page.tsx
index 4f3c944..ac97308 100644
--- a/src/pages/dashboard/organization/page.tsx
+++ b/src/pages/dashboard/organization/page.tsx
@@ -220,7 +220,7 @@ export default function OrganizationPage() {
         </Flex>
       </DefaultContainer>
 
-      <div className="shadow mt-4 p-4 rounded-xl bg-white">
+      <div className="shadow-sm mt-4 p-4 rounded-xl bg-white">
         <Table
           rowKey={(row) => row.id}
           columns={columns}
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index 4b5edd1..02be4c8 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -122,7 +122,7 @@ export default function RegionPage() {
         </Flex>
       </DefaultContainer>
 
-      <div className="shadow mt-4 p-4 rounded-xl bg-white">
+      <div className="shadow-sm mt-4 p-4 rounded-xl bg-white">
         <Table
           rowKey={(row) => row.id}
           columns={columns}
diff --git a/src/styles/global.css b/src/styles/global.css
index a195186..69e5dbe 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,7 +1,23 @@
-@layer tailwind-base, antd;
+@layer theme, base, antd, components, utilities;
 
-@layer tailwind-base {
-  @tailwind base;
+/* @plugin '@tailwindcss/forms'; */
+
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentcolor);
+  }
 }
-@tailwind components;
-@tailwind utilities;
+
+@import 'tailwindcss';
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index f24f1b6..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ["./src/**/*.{html,js,ts,jsx,tsx}"],
-  theme: {
-    extend: {},
-  },
-  plugins: [require("@tailwindcss/forms")],
-};
diff --git a/yarn.lock b/yarn.lock
index 27a4275..3e8f093 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -304,7 +304,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emnapi/core@npm:^1.5.0":
+"@emnapi/core@npm:^1.5.0, @emnapi/core@npm:^1.7.1":
   version: 1.8.1
   resolution: "@emnapi/core@npm:1.8.1"
   dependencies:
@@ -314,7 +314,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emnapi/runtime@npm:^1.5.0":
+"@emnapi/runtime@npm:^1.5.0, @emnapi/runtime@npm:^1.7.1":
   version: 1.8.1
   resolution: "@emnapi/runtime@npm:1.8.1"
   dependencies:
@@ -323,7 +323,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emnapi/wasi-threads@npm:1.1.0":
+"@emnapi/wasi-threads@npm:1.1.0, @emnapi/wasi-threads@npm:^1.1.0":
   version: 1.1.0
   resolution: "@emnapi/wasi-threads@npm:1.1.0"
   dependencies:
@@ -373,21 +373,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@isaacs/cliui@npm:^8.0.2":
-  version: 8.0.2
-  resolution: "@isaacs/cliui@npm:8.0.2"
-  dependencies:
-    string-width: "npm:^5.1.2"
-    string-width-cjs: "npm:string-width@^4.2.0"
-    strip-ansi: "npm:^7.0.1"
-    strip-ansi-cjs: "npm:strip-ansi@^6.0.1"
-    wrap-ansi: "npm:^8.1.0"
-    wrap-ansi-cjs: "npm:wrap-ansi@^7.0.0"
-  checksum: 10c0/b1bf42535d49f11dc137f18d5e4e63a28c5569de438a221c369483731e9dac9fb797af554e8bf02b6192d1e5eba6e6402cf93900c3d0ac86391d00d04876789e
-  languageName: node
-  linkType: hard
-
-"@jridgewell/gen-mapping@npm:^0.3.2, @jridgewell/gen-mapping@npm:^0.3.5":
+"@jridgewell/gen-mapping@npm:^0.3.5":
   version: 0.3.5
   resolution: "@jridgewell/gen-mapping@npm:0.3.5"
   dependencies:
@@ -398,6 +384,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/remapping@npm:^2.3.4":
+  version: 2.3.5
+  resolution: "@jridgewell/remapping@npm:2.3.5"
+  dependencies:
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10c0/3de494219ffeb2c5c38711d0d7bb128097edf91893090a2dbc8ee0b55d092bb7347b1fd0f478486c5eab010e855c73927b1666f2107516d472d24a73017d1194
+  languageName: node
+  linkType: hard
+
 "@jridgewell/resolve-uri@npm:^3.1.0":
   version: 3.1.2
   resolution: "@jridgewell/resolve-uri@npm:3.1.2"
@@ -419,6 +415,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/sourcemap-codec@npm:^1.5.5":
+  version: 1.5.5
+  resolution: "@jridgewell/sourcemap-codec@npm:1.5.5"
+  checksum: 10c0/f9e538f302b63c0ebc06eecb1dd9918dd4289ed36147a0ddce35d6ea4d7ebbda243cda7b2213b6a5e1d8087a298d5cf630fb2bd39329cdecb82017023f6081a0
+  languageName: node
+  linkType: hard
+
 "@jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25":
   version: 0.3.25
   resolution: "@jridgewell/trace-mapping@npm:0.3.25"
@@ -495,59 +498,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nodelib/fs.scandir@npm:2.1.5":
-  version: 2.1.5
-  resolution: "@nodelib/fs.scandir@npm:2.1.5"
-  dependencies:
-    "@nodelib/fs.stat": "npm:2.0.5"
-    run-parallel: "npm:^1.1.9"
-  checksum: 10c0/732c3b6d1b1e967440e65f284bd06e5821fedf10a1bea9ed2bb75956ea1f30e08c44d3def9d6a230666574edbaf136f8cfd319c14fd1f87c66e6a44449afb2eb
-  languageName: node
-  linkType: hard
-
-"@nodelib/fs.stat@npm:2.0.5, @nodelib/fs.stat@npm:^2.0.2":
-  version: 2.0.5
-  resolution: "@nodelib/fs.stat@npm:2.0.5"
-  checksum: 10c0/88dafe5e3e29a388b07264680dc996c17f4bda48d163a9d4f5c1112979f0ce8ec72aa7116122c350b4e7976bc5566dc3ddb579be1ceaacc727872eb4ed93926d
-  languageName: node
-  linkType: hard
-
-"@nodelib/fs.walk@npm:^1.2.3":
-  version: 1.2.8
-  resolution: "@nodelib/fs.walk@npm:1.2.8"
-  dependencies:
-    "@nodelib/fs.scandir": "npm:2.1.5"
-    fastq: "npm:^1.6.0"
-  checksum: 10c0/db9de047c3bb9b51f9335a7bb46f4fcfb6829fb628318c12115fbaf7d369bfce71c15b103d1fc3b464812d936220ee9bc1c8f762d032c9f6be9acc99249095b1
-  languageName: node
-  linkType: hard
-
-"@npmcli/agent@npm:^2.0.0":
-  version: 2.2.2
-  resolution: "@npmcli/agent@npm:2.2.2"
-  dependencies:
-    agent-base: "npm:^7.1.0"
-    http-proxy-agent: "npm:^7.0.0"
-    https-proxy-agent: "npm:^7.0.1"
-    lru-cache: "npm:^10.0.1"
-    socks-proxy-agent: "npm:^8.0.3"
-  checksum: 10c0/325e0db7b287d4154ecd164c0815c08007abfb07653cc57bceded17bb7fd240998a3cbdbe87d700e30bef494885eccc725ab73b668020811d56623d145b524ae
-  languageName: node
-  linkType: hard
-
-"@npmcli/fs@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "@npmcli/fs@npm:3.1.1"
+"@napi-rs/wasm-runtime@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "@napi-rs/wasm-runtime@npm:1.1.1"
   dependencies:
-    semver: "npm:^7.3.5"
-  checksum: 10c0/c37a5b4842bfdece3d14dfdb054f73fe15ed2d3da61b34ff76629fb5b1731647c49166fd2a8bf8b56fcfa51200382385ea8909a3cbecdad612310c114d3f6c99
-  languageName: node
-  linkType: hard
-
-"@pkgjs/parseargs@npm:^0.11.0":
-  version: 0.11.0
-  resolution: "@pkgjs/parseargs@npm:0.11.0"
-  checksum: 10c0/5bd7576bb1b38a47a7fc7b51ac9f38748e772beebc56200450c4a817d712232b8f1d3ef70532c80840243c657d491cf6a6be1e3a214cff907645819fdc34aadd
+    "@emnapi/core": "npm:^1.7.1"
+    "@emnapi/runtime": "npm:^1.7.1"
+    "@tybys/wasm-util": "npm:^0.10.1"
+  checksum: 10c0/04d57b67e80736e41fe44674a011878db0a8ad893f4d44abb9d3608debb7c174224cba2796ed5b0c1d367368159f3ca6be45f1c59222f70e32ddc880f803d447
   languageName: node
   linkType: hard
 
@@ -1562,6 +1520,170 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tailwindcss/node@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/node@npm:4.1.18"
+  dependencies:
+    "@jridgewell/remapping": "npm:^2.3.4"
+    enhanced-resolve: "npm:^5.18.3"
+    jiti: "npm:^2.6.1"
+    lightningcss: "npm:1.30.2"
+    magic-string: "npm:^0.30.21"
+    source-map-js: "npm:^1.2.1"
+    tailwindcss: "npm:4.1.18"
+  checksum: 10c0/0527f4cb602a80413a7f135edc9a9c785edd543cceedd046ed2401d4c35c1ec433d5162c325d31ee7248f3560a709dafe30a50c1406662f28a2b3aaeb21f69fe
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-android-arm64@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-android-arm64@npm:4.1.18"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-darwin-arm64@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-darwin-arm64@npm:4.1.18"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-darwin-x64@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-darwin-x64@npm:4.1.18"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-freebsd-x64@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-freebsd-x64@npm:4.1.18"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-arm-gnueabihf@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-linux-arm-gnueabihf@npm:4.1.18"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-arm64-gnu@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-linux-arm64-gnu@npm:4.1.18"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-arm64-musl@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-linux-arm64-musl@npm:4.1.18"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-x64-gnu@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-linux-x64-gnu@npm:4.1.18"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-x64-musl@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-linux-x64-musl@npm:4.1.18"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-wasm32-wasi@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-wasm32-wasi@npm:4.1.18"
+  dependencies:
+    "@emnapi/core": "npm:^1.7.1"
+    "@emnapi/runtime": "npm:^1.7.1"
+    "@emnapi/wasi-threads": "npm:^1.1.0"
+    "@napi-rs/wasm-runtime": "npm:^1.1.0"
+    "@tybys/wasm-util": "npm:^0.10.1"
+    tslib: "npm:^2.4.0"
+  conditions: cpu=wasm32
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-win32-arm64-msvc@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-win32-arm64-msvc@npm:4.1.18"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-win32-x64-msvc@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide-win32-x64-msvc@npm:4.1.18"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide@npm:4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/oxide@npm:4.1.18"
+  dependencies:
+    "@tailwindcss/oxide-android-arm64": "npm:4.1.18"
+    "@tailwindcss/oxide-darwin-arm64": "npm:4.1.18"
+    "@tailwindcss/oxide-darwin-x64": "npm:4.1.18"
+    "@tailwindcss/oxide-freebsd-x64": "npm:4.1.18"
+    "@tailwindcss/oxide-linux-arm-gnueabihf": "npm:4.1.18"
+    "@tailwindcss/oxide-linux-arm64-gnu": "npm:4.1.18"
+    "@tailwindcss/oxide-linux-arm64-musl": "npm:4.1.18"
+    "@tailwindcss/oxide-linux-x64-gnu": "npm:4.1.18"
+    "@tailwindcss/oxide-linux-x64-musl": "npm:4.1.18"
+    "@tailwindcss/oxide-wasm32-wasi": "npm:4.1.18"
+    "@tailwindcss/oxide-win32-arm64-msvc": "npm:4.1.18"
+    "@tailwindcss/oxide-win32-x64-msvc": "npm:4.1.18"
+  dependenciesMeta:
+    "@tailwindcss/oxide-android-arm64":
+      optional: true
+    "@tailwindcss/oxide-darwin-arm64":
+      optional: true
+    "@tailwindcss/oxide-darwin-x64":
+      optional: true
+    "@tailwindcss/oxide-freebsd-x64":
+      optional: true
+    "@tailwindcss/oxide-linux-arm-gnueabihf":
+      optional: true
+    "@tailwindcss/oxide-linux-arm64-gnu":
+      optional: true
+    "@tailwindcss/oxide-linux-arm64-musl":
+      optional: true
+    "@tailwindcss/oxide-linux-x64-gnu":
+      optional: true
+    "@tailwindcss/oxide-linux-x64-musl":
+      optional: true
+    "@tailwindcss/oxide-wasm32-wasi":
+      optional: true
+    "@tailwindcss/oxide-win32-arm64-msvc":
+      optional: true
+    "@tailwindcss/oxide-win32-x64-msvc":
+      optional: true
+  checksum: 10c0/1ff978ef24ffae6369e0468bd8c71d1995a00f1697ac1b8f24e92d2d5505ae23534e6257194e78360c16abbe34fc70de508c86d589917336067a60d755b86fcb
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/postcss@npm:^4.1.18":
+  version: 4.1.18
+  resolution: "@tailwindcss/postcss@npm:4.1.18"
+  dependencies:
+    "@alloc/quick-lru": "npm:^5.2.0"
+    "@tailwindcss/node": "npm:4.1.18"
+    "@tailwindcss/oxide": "npm:4.1.18"
+    postcss: "npm:^8.4.41"
+    tailwindcss: "npm:4.1.18"
+  checksum: 10c0/230d29ca8103c77113803bab1ac0209ad5102a8f5228ade5fe3fbc295e185e9d443416ac9802798e054b0c1ca3c5fa00a907b04d24fb8670b6f795a6d0ac1390
+  languageName: node
+  linkType: hard
+
 "@tanstack/query-core@npm:5.90.17":
   version: 5.90.17
   resolution: "@tanstack/query-core@npm:5.90.17"
@@ -1630,46 +1752,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"abbrev@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "abbrev@npm:2.0.0"
-  checksum: 10c0/f742a5a107473946f426c691c08daba61a1d15942616f300b5d32fd735be88fef5cba24201757b6c407fd564555fb48c751cfa33519b2605c8a7aadd22baf372
-  languageName: node
-  linkType: hard
-
-"agent-base@npm:^7.0.2, agent-base@npm:^7.1.0, agent-base@npm:^7.1.1":
-  version: 7.1.1
-  resolution: "agent-base@npm:7.1.1"
-  dependencies:
-    debug: "npm:^4.3.4"
-  checksum: 10c0/e59ce7bed9c63bf071a30cc471f2933862044c97fd9958967bfe22521d7a0f601ce4ed5a8c011799d0c726ca70312142ae193bbebb60f576b52be19d4a363b50
-  languageName: node
-  linkType: hard
-
-"aggregate-error@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "aggregate-error@npm:3.1.0"
-  dependencies:
-    clean-stack: "npm:^2.0.0"
-    indent-string: "npm:^4.0.0"
-  checksum: 10c0/a42f67faa79e3e6687a4923050e7c9807db3848a037076f791d10e092677d65c1d2d863b7848560699f40fc0502c19f40963fb1cd1fb3d338a7423df8e45e039
-  languageName: node
-  linkType: hard
-
-"ansi-regex@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "ansi-regex@npm:5.0.1"
-  checksum: 10c0/9a64bb8627b434ba9327b60c027742e5d17ac69277960d041898596271d992d4d52ba7267a63ca10232e29f6107fc8a835f6ce8d719b88c5f8493f8254813737
-  languageName: node
-  linkType: hard
-
-"ansi-regex@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "ansi-regex@npm:6.0.1"
-  checksum: 10c0/cbe16dbd2c6b2735d1df7976a7070dd277326434f0212f43abf6d87674095d247968209babdaad31bb00882fa68807256ba9be340eec2f1004de14ca75f52a08
-  languageName: node
-  linkType: hard
-
 "ansi-styles@npm:^3.2.1":
   version: 3.2.1
   resolution: "ansi-styles@npm:3.2.1"
@@ -1679,22 +1761,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-styles@npm:^4.0.0":
-  version: 4.3.0
-  resolution: "ansi-styles@npm:4.3.0"
-  dependencies:
-    color-convert: "npm:^2.0.1"
-  checksum: 10c0/895a23929da416f2bd3de7e9cb4eabd340949328ab85ddd6e484a637d8f6820d485f53933446f5291c3b760cbc488beb8e88573dd0f9c7daf83dccc8fe81b041
-  languageName: node
-  linkType: hard
-
-"ansi-styles@npm:^6.1.0":
-  version: 6.2.1
-  resolution: "ansi-styles@npm:6.2.1"
-  checksum: 10c0/5d1ec38c123984bcedd996eac680d548f31828bd679a66db2bdf11844634dde55fec3efa9c6bb1d89056a5e79c1ac540c4c784d592ea1d25028a92227d2f2d5c
-  languageName: node
-  linkType: hard
-
 "antd@npm:^6.2.0":
   version: 6.2.0
   resolution: "antd@npm:6.2.0"
@@ -1754,30 +1820,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"any-promise@npm:^1.0.0":
-  version: 1.3.0
-  resolution: "any-promise@npm:1.3.0"
-  checksum: 10c0/60f0298ed34c74fef50daab88e8dab786036ed5a7fad02e012ab57e376e0a0b4b29e83b95ea9b5e7d89df762f5f25119b83e00706ecaccb22cfbacee98d74889
-  languageName: node
-  linkType: hard
-
-"anymatch@npm:~3.1.2":
-  version: 3.1.3
-  resolution: "anymatch@npm:3.1.3"
-  dependencies:
-    normalize-path: "npm:^3.0.0"
-    picomatch: "npm:^2.0.4"
-  checksum: 10c0/57b06ae984bc32a0d22592c87384cd88fe4511b1dd7581497831c56d41939c8a001b28e7b853e1450f2bf61992dfcaa8ae2d0d161a0a90c4fb631ef07098fbac
-  languageName: node
-  linkType: hard
-
-"arg@npm:^5.0.2":
-  version: 5.0.2
-  resolution: "arg@npm:5.0.2"
-  checksum: 10c0/ccaf86f4e05d342af6666c569f844bec426595c567d32a8289715087825c2ca7edd8a3d204e4d2fb2aa4602e09a57d0c13ea8c9eea75aac3dbb4af5514e6800e
-  languageName: node
-  linkType: hard
-
 "argparse@npm:^2.0.1":
   version: 2.0.1
   resolution: "argparse@npm:2.0.1"
@@ -1817,20 +1859,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"balanced-match@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "balanced-match@npm:1.0.2"
-  checksum: 10c0/9308baf0a7e4838a82bbfd11e01b1cb0f0cf2893bc1676c27c2a8c0e70cbae1c59120c3268517a8ae7fb6376b4639ef81ca22582611dbee4ed28df945134aaee
-  languageName: node
-  linkType: hard
-
-"binary-extensions@npm:^2.0.0":
-  version: 2.3.0
-  resolution: "binary-extensions@npm:2.3.0"
-  checksum: 10c0/75a59cafc10fb12a11d510e77110c6c7ae3f4ca22463d52487709ca7f18f69d886aa387557cc9864fbdb10153d0bdb4caacabf11541f55e89ed6e18d12ece2b5
-  languageName: node
-  linkType: hard
-
 "boolbase@npm:^1.0.0":
   version: 1.0.0
   resolution: "boolbase@npm:1.0.0"
@@ -1838,24 +1866,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"brace-expansion@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "brace-expansion@npm:2.0.1"
-  dependencies:
-    balanced-match: "npm:^1.0.0"
-  checksum: 10c0/b358f2fe060e2d7a87aa015979ecea07f3c37d4018f8d6deb5bd4c229ad3a0384fe6029bb76cd8be63c81e516ee52d1a0673edbe2023d53a5191732ae3c3e49f
-  languageName: node
-  linkType: hard
-
-"braces@npm:^3.0.3, braces@npm:~3.0.2":
-  version: 3.0.3
-  resolution: "braces@npm:3.0.3"
-  dependencies:
-    fill-range: "npm:^7.1.1"
-  checksum: 10c0/7c6dfd30c338d2997ba77500539227b9d1f85e388a5f43220865201e407e076783d0881f2d297b9f80951b4c957fcf0b51c1d2d24227631643c3f7c284b0aa04
-  languageName: node
-  linkType: hard
-
 "browserslist@npm:^4.23.1":
   version: 4.23.3
   resolution: "browserslist@npm:4.23.3"
@@ -1870,26 +1880,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cacache@npm:^18.0.0":
-  version: 18.0.4
-  resolution: "cacache@npm:18.0.4"
-  dependencies:
-    "@npmcli/fs": "npm:^3.1.0"
-    fs-minipass: "npm:^3.0.0"
-    glob: "npm:^10.2.2"
-    lru-cache: "npm:^10.0.1"
-    minipass: "npm:^7.0.3"
-    minipass-collect: "npm:^2.0.1"
-    minipass-flush: "npm:^1.0.5"
-    minipass-pipeline: "npm:^1.2.4"
-    p-map: "npm:^4.0.0"
-    ssri: "npm:^10.0.0"
-    tar: "npm:^6.1.11"
-    unique-filename: "npm:^3.0.0"
-  checksum: 10c0/6c055bafed9de4f3dcc64ac3dc7dd24e863210902b7c470eb9ce55a806309b3efff78033e3d8b4f7dcc5d467f2db43c6a2857aaaf26f0094b8a351d44c42179f
-  languageName: node
-  linkType: hard
-
 "call-bind-apply-helpers@npm:^1.0.1, call-bind-apply-helpers@npm:^1.0.2":
   version: 1.0.2
   resolution: "call-bind-apply-helpers@npm:1.0.2"
@@ -1907,13 +1897,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"camelcase-css@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "camelcase-css@npm:2.0.1"
-  checksum: 10c0/1a1a3137e8a781e6cbeaeab75634c60ffd8e27850de410c162cce222ea331cd1ba5364e8fb21c95e5ca76f52ac34b81a090925ca00a87221355746d049c6e273
-  languageName: node
-  linkType: hard
-
 "camelcase@npm:^6.2.0":
   version: 6.3.0
   resolution: "camelcase@npm:6.3.0"
@@ -1939,39 +1922,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chokidar@npm:^3.6.0":
-  version: 3.6.0
-  resolution: "chokidar@npm:3.6.0"
-  dependencies:
-    anymatch: "npm:~3.1.2"
-    braces: "npm:~3.0.2"
-    fsevents: "npm:~2.3.2"
-    glob-parent: "npm:~5.1.2"
-    is-binary-path: "npm:~2.1.0"
-    is-glob: "npm:~4.0.1"
-    normalize-path: "npm:~3.0.0"
-    readdirp: "npm:~3.6.0"
-  dependenciesMeta:
-    fsevents:
-      optional: true
-  checksum: 10c0/8361dcd013f2ddbe260eacb1f3cb2f2c6f2b0ad118708a343a5ed8158941a39cb8fb1d272e0f389712e74ee90ce8ba864eece9e0e62b9705cb468a2f6d917462
-  languageName: node
-  linkType: hard
-
-"chownr@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "chownr@npm:2.0.0"
-  checksum: 10c0/594754e1303672171cc04e50f6c398ae16128eb134a88f801bf5354fd96f205320f23536a045d9abd8b51024a149696e51231565891d4efdab8846021ecf88e6
-  languageName: node
-  linkType: hard
-
-"clean-stack@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "clean-stack@npm:2.2.0"
-  checksum: 10c0/1f90262d5f6230a17e27d0c190b09d47ebe7efdd76a03b5a1127863f7b3c9aec4c3e6c8bb3a7bbf81d553d56a1fd35728f5a8ef4c63f867ac8d690109742a8c1
-  languageName: node
-  linkType: hard
-
 "clsx@npm:^2.1.1":
   version: 2.1.1
   resolution: "clsx@npm:2.1.1"
@@ -1988,15 +1938,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color-convert@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "color-convert@npm:2.0.1"
-  dependencies:
-    color-name: "npm:~1.1.4"
-  checksum: 10c0/37e1150172f2e311fe1b2df62c6293a342ee7380da7b9cfdba67ea539909afbd74da27033208d01d6d5cfc65ee7868a22e18d7e7648e004425441c0f8a15a7d7
-  languageName: node
-  linkType: hard
-
 "color-name@npm:1.1.3":
   version: 1.1.3
   resolution: "color-name@npm:1.1.3"
@@ -2004,13 +1945,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color-name@npm:~1.1.4":
-  version: 1.1.4
-  resolution: "color-name@npm:1.1.4"
-  checksum: 10c0/a1a3f914156960902f46f7f56bc62effc6c94e84b2cae157a526b1c1f74b677a47ec602bf68a61abfa2b42d15b7c5651c6dbe72a43af720bc588dff885b10f95
-  languageName: node
-  linkType: hard
-
 "combined-stream@npm:^1.0.8":
   version: 1.0.8
   resolution: "combined-stream@npm:1.0.8"
@@ -2020,13 +1954,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^4.0.0":
-  version: 4.1.1
-  resolution: "commander@npm:4.1.1"
-  checksum: 10c0/84a76c08fe6cc08c9c93f62ac573d2907d8e79138999312c92d4155bc2325d487d64d13f669b2000c9f8caf70493c1be2dac74fec3c51d5a04f8bc3ae1830bab
-  languageName: node
-  linkType: hard
-
 "commander@npm:^7.2.0":
   version: 7.2.0
   resolution: "commander@npm:7.2.0"
@@ -2088,17 +2015,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.0":
-  version: 7.0.3
-  resolution: "cross-spawn@npm:7.0.3"
-  dependencies:
-    path-key: "npm:^3.1.0"
-    shebang-command: "npm:^2.0.0"
-    which: "npm:^2.0.1"
-  checksum: 10c0/5738c312387081c98d69c98e105b6327b069197f864a60593245d64c8089c8a0a744e16349281210d56835bb9274130d825a78b2ad6853ca13cfbeffc0c31750
-  languageName: node
-  linkType: hard
-
 "css-box-model@npm:^1.2.1":
   version: 1.2.1
   resolution: "css-box-model@npm:1.2.1"
@@ -2148,15 +2064,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cssesc@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "cssesc@npm:3.0.0"
-  bin:
-    cssesc: bin/cssesc
-  checksum: 10c0/6bcfd898662671be15ae7827120472c5667afb3d7429f1f917737f3bf84c4176003228131b643ae74543f17a394446247df090c597bb9a728cce298606ed0aa7
-  languageName: node
-  linkType: hard
-
 "csso@npm:^5.0.5":
   version: 5.0.5
   resolution: "csso@npm:5.0.5"
@@ -2180,7 +2087,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.3.1, debug@npm:^4.3.4":
+"debug@npm:^4.1.0, debug@npm:^4.3.1":
   version: 4.3.7
   resolution: "debug@npm:4.3.7"
   dependencies:
@@ -2213,17 +2120,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"didyoumean@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "didyoumean@npm:1.2.2"
-  checksum: 10c0/95d0b53d23b851aacff56dfadb7ecfedce49da4232233baecfeecb7710248c4aa03f0aa8995062f0acafaf925adf8536bd7044a2e68316fd7d411477599bc27b
-  languageName: node
-  linkType: hard
-
-"dlv@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "dlv@npm:1.1.3"
-  checksum: 10c0/03eb4e769f19a027fd5b43b59e8a05e3fd2100ac239ebb0bf9a745de35d449e2f25cfaf3aa3934664551d72856f4ae8b7822016ce5c42c2d27c18ae79429ec42
+"detect-libc@npm:^2.0.3":
+  version: 2.1.2
+  resolution: "detect-libc@npm:2.1.2"
+  checksum: 10c0/acc675c29a5649fa1fb6e255f993b8ee829e510b6b56b0910666949c80c364738833417d0edb5f90e4e46be17228b0f2b66a010513984e18b15deeeac49369c4
   languageName: node
   linkType: hard
 
@@ -2286,13 +2186,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eastasianwidth@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "eastasianwidth@npm:0.2.0"
-  checksum: 10c0/26f364ebcdb6395f95124fda411f63137a4bfb5d3a06453f7f23dfe52502905bd84e0488172e0f9ec295fdc45f05c23d5d91baf16bd26f0fe9acd777a188dc39
-  languageName: node
-  linkType: hard
-
 "electron-to-chromium@npm:^1.5.4":
   version: 1.5.17
   resolution: "electron-to-chromium@npm:1.5.17"
@@ -2300,26 +2193,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"emoji-regex@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "emoji-regex@npm:8.0.0"
-  checksum: 10c0/b6053ad39951c4cf338f9092d7bfba448cdfd46fe6a2a034700b149ac9ffbc137e361cbd3c442297f86bed2e5f7576c1b54cc0a6bf8ef5106cc62f496af35010
-  languageName: node
-  linkType: hard
-
-"emoji-regex@npm:^9.2.2":
-  version: 9.2.2
-  resolution: "emoji-regex@npm:9.2.2"
-  checksum: 10c0/af014e759a72064cf66e6e694a7fc6b0ed3d8db680427b021a89727689671cefe9d04151b2cad51dbaf85d5ba790d061cd167f1cf32eb7b281f6368b3c181639
-  languageName: node
-  linkType: hard
-
-"encoding@npm:^0.1.13":
-  version: 0.1.13
-  resolution: "encoding@npm:0.1.13"
+"enhanced-resolve@npm:^5.18.3":
+  version: 5.18.4
+  resolution: "enhanced-resolve@npm:5.18.4"
   dependencies:
-    iconv-lite: "npm:^0.6.2"
-  checksum: 10c0/36d938712ff00fe1f4bac88b43bcffb5930c1efa57bbcdca9d67e1d9d6c57cfb1200fb01efe0f3109b2ce99b231f90779532814a81370a1bd3274a0f58585039
+    graceful-fs: "npm:^4.2.4"
+    tapable: "npm:^2.2.0"
+  checksum: 10c0/8f6d42c8a0787a746c493e724c9de5d091cfe8e3f871f2464e2f78a6c55fa1a3aaba495334f923c8ea3ac23e1472491f79feef6fc0fb46a75169cb447ffbe2dc
   languageName: node
   linkType: hard
 
@@ -2330,20 +2210,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"env-paths@npm:^2.2.0":
-  version: 2.2.1
-  resolution: "env-paths@npm:2.2.1"
-  checksum: 10c0/285325677bf00e30845e330eec32894f5105529db97496ee3f598478e50f008c5352a41a30e5e72ec9de8a542b5a570b85699cd63bd2bc646dbcb9f311d83bc4
-  languageName: node
-  linkType: hard
-
-"err-code@npm:^2.0.2":
-  version: 2.0.3
-  resolution: "err-code@npm:2.0.3"
-  checksum: 10c0/b642f7b4dd4a376e954947550a3065a9ece6733ab8e51ad80db727aaae0817c2e99b02a97a3d6cecc648a97848305e728289cf312d09af395403a90c9d4d8a66
-  languageName: node
-  linkType: hard
-
 "error-ex@npm:^1.3.1":
   version: 1.3.2
   resolution: "error-ex@npm:1.3.2"
@@ -2423,26 +2289,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"exponential-backoff@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "exponential-backoff@npm:3.1.1"
-  checksum: 10c0/160456d2d647e6019640bd07111634d8c353038d9fa40176afb7cd49b0548bdae83b56d05e907c2cce2300b81cae35d800ef92fefb9d0208e190fa3b7d6bb579
-  languageName: node
-  linkType: hard
-
-"fast-glob@npm:^3.3.2":
-  version: 3.3.2
-  resolution: "fast-glob@npm:3.3.2"
-  dependencies:
-    "@nodelib/fs.stat": "npm:^2.0.2"
-    "@nodelib/fs.walk": "npm:^1.2.3"
-    glob-parent: "npm:^5.1.2"
-    merge2: "npm:^1.3.0"
-    micromatch: "npm:^4.0.4"
-  checksum: 10c0/42baad7b9cd40b63e42039132bde27ca2cb3a4950d0a0f9abe4639ea1aa9d3e3b40f98b1fe31cbc0cc17b664c9ea7447d911a152fa34ec5b72977b125a6fc845
-  languageName: node
-  linkType: hard
-
 "fast-xml-parser@npm:4.5.0":
   version: 4.5.0
   resolution: "fast-xml-parser@npm:4.5.0"
@@ -2454,15 +2300,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fastq@npm:^1.6.0":
-  version: 1.17.1
-  resolution: "fastq@npm:1.17.1"
-  dependencies:
-    reusify: "npm:^1.0.4"
-  checksum: 10c0/1095f16cea45fb3beff558bb3afa74ca7a9250f5a670b65db7ed585f92b4b48381445cd328b3d87323da81e43232b5d5978a8201bde84e0cd514310f1ea6da34
-  languageName: node
-  linkType: hard
-
 "fcc-dashboard@workspace:.":
   version: 0.0.0-use.local
   resolution: "fcc-dashboard@workspace:."
@@ -2474,6 +2311,7 @@ __metadata:
     "@rsbuild/plugin-svgr": "npm:^1.2.4"
     "@tabler/icons-react": "npm:^3.36.1"
     "@tailwindcss/forms": "npm:^0.5.11"
+    "@tailwindcss/postcss": "npm:^4.1.18"
     "@tanstack/react-query": "npm:^5.90.17"
     "@types/node": "npm:^22.19.7"
     "@types/react": "npm:^19.2.8"
@@ -2492,22 +2330,13 @@ __metadata:
     react-router-dom: "npm:^7.12.0"
     swr: "npm:^2.3.8"
     tailwind-merge: "npm:^2.6.0"
-    tailwindcss: "npm:^3.4.19"
+    tailwindcss: "npm:^4.1.18"
     typescript: "npm:^5.9.3"
     zod: "npm:^4.3.5"
     zustand: "npm:^5.0.10"
   languageName: unknown
   linkType: soft
 
-"fill-range@npm:^7.1.1":
-  version: 7.1.1
-  resolution: "fill-range@npm:7.1.1"
-  dependencies:
-    to-regex-range: "npm:^5.0.1"
-  checksum: 10c0/b75b691bbe065472f38824f694c2f7449d7f5004aa950426a2c28f0306c60db9b880c0b0e4ed819997ffb882d1da02cfcfc819bddc94d71627f5269682edf018
-  languageName: node
-  linkType: hard
-
 "follow-redirects@npm:^1.15.6":
   version: 1.15.9
   resolution: "follow-redirects@npm:1.15.9"
@@ -2518,16 +2347,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"foreground-child@npm:^3.1.0":
-  version: 3.3.0
-  resolution: "foreground-child@npm:3.3.0"
-  dependencies:
-    cross-spawn: "npm:^7.0.0"
-    signal-exit: "npm:^4.0.1"
-  checksum: 10c0/028f1d41000553fcfa6c4bb5c372963bf3d9bf0b1f25a87d1a6253014343fb69dfb1b42d9625d7cf44c8ba429940f3d0ff718b62105d4d4a4f6ef8ca0a53faa2
-  languageName: node
-  linkType: hard
-
 "form-data@npm:^4.0.4":
   version: 4.0.5
   resolution: "form-data@npm:4.0.5"
@@ -2541,43 +2360,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-minipass@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "fs-minipass@npm:2.1.0"
-  dependencies:
-    minipass: "npm:^3.0.0"
-  checksum: 10c0/703d16522b8282d7299337539c3ed6edddd1afe82435e4f5b76e34a79cd74e488a8a0e26a636afc2440e1a23b03878e2122e3a2cfe375a5cf63c37d92b86a004
-  languageName: node
-  linkType: hard
-
-"fs-minipass@npm:^3.0.0":
-  version: 3.0.3
-  resolution: "fs-minipass@npm:3.0.3"
-  dependencies:
-    minipass: "npm:^7.0.3"
-  checksum: 10c0/63e80da2ff9b621e2cb1596abcb9207f1cf82b968b116ccd7b959e3323144cce7fb141462200971c38bbf2ecca51695069db45265705bed09a7cd93ae5b89f94
-  languageName: node
-  linkType: hard
-
-"fsevents@npm:~2.3.2":
-  version: 2.3.3
-  resolution: "fsevents@npm:2.3.3"
-  dependencies:
-    node-gyp: "npm:latest"
-  checksum: 10c0/a1f0c44595123ed717febbc478aa952e47adfc28e2092be66b8ab1635147254ca6cfe1df792a8997f22716d4cbafc73309899ff7bfac2ac3ad8cf2e4ecc3ec60
-  conditions: os=darwin
-  languageName: node
-  linkType: hard
-
-"fsevents@patch:fsevents@npm%3A~2.3.2#optional!builtin<compat/fsevents>":
-  version: 2.3.3
-  resolution: "fsevents@patch:fsevents@npm%3A2.3.3#optional!builtin<compat/fsevents>::version=2.3.3&hash=df0bf1"
-  dependencies:
-    node-gyp: "npm:latest"
-  conditions: os=darwin
-  languageName: node
-  linkType: hard
-
 "function-bind@npm:^1.1.2":
   version: 1.1.2
   resolution: "function-bind@npm:1.1.2"
@@ -2630,40 +2412,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob-parent@npm:^5.1.2, glob-parent@npm:~5.1.2":
-  version: 5.1.2
-  resolution: "glob-parent@npm:5.1.2"
-  dependencies:
-    is-glob: "npm:^4.0.1"
-  checksum: 10c0/cab87638e2112bee3f839ef5f6e0765057163d39c66be8ec1602f3823da4692297ad4e972de876ea17c44d652978638d2fd583c6713d0eb6591706825020c9ee
-  languageName: node
-  linkType: hard
-
-"glob-parent@npm:^6.0.2":
-  version: 6.0.2
-  resolution: "glob-parent@npm:6.0.2"
-  dependencies:
-    is-glob: "npm:^4.0.3"
-  checksum: 10c0/317034d88654730230b3f43bb7ad4f7c90257a426e872ea0bf157473ac61c99bf5d205fad8f0185f989be8d2fa6d3c7dce1645d99d545b6ea9089c39f838e7f8
-  languageName: node
-  linkType: hard
-
-"glob@npm:^10.2.2, glob@npm:^10.3.10":
-  version: 10.4.5
-  resolution: "glob@npm:10.4.5"
-  dependencies:
-    foreground-child: "npm:^3.1.0"
-    jackspeak: "npm:^3.1.2"
-    minimatch: "npm:^9.0.4"
-    minipass: "npm:^7.1.2"
-    package-json-from-dist: "npm:^1.0.0"
-    path-scurry: "npm:^1.11.1"
-  bin:
-    glob: dist/esm/bin.mjs
-  checksum: 10c0/19a9759ea77b8e3ca0a43c2f07ecddc2ad46216b786bb8f993c445aee80d345925a21e5280c7b7c6c59e860a0154b84e4b2b60321fea92cd3c56b4a7489f160e
-  languageName: node
-  linkType: hard
-
 "globals@npm:^11.1.0":
   version: 11.12.0
   resolution: "globals@npm:11.12.0"
@@ -2678,7 +2426,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graceful-fs@npm:^4.2.6":
+"graceful-fs@npm:^4.2.4":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"
   checksum: 10c0/386d011a553e02bc594ac2ca0bd6d9e4c22d7fa8cfbfc448a6d148c59ea881b092db9dbe3547ae4b88e55f1b01f7c4a2ecc53b310c042793e63aa44cf6c257f2
@@ -2724,42 +2472,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-cache-semantics@npm:^4.1.1":
-  version: 4.1.1
-  resolution: "http-cache-semantics@npm:4.1.1"
-  checksum: 10c0/ce1319b8a382eb3cbb4a37c19f6bfe14e5bb5be3d09079e885e8c513ab2d3cd9214902f8a31c9dc4e37022633ceabfc2d697405deeaf1b8f3552bb4ed996fdfc
-  languageName: node
-  linkType: hard
-
-"http-proxy-agent@npm:^7.0.0":
-  version: 7.0.2
-  resolution: "http-proxy-agent@npm:7.0.2"
-  dependencies:
-    agent-base: "npm:^7.1.0"
-    debug: "npm:^4.3.4"
-  checksum: 10c0/4207b06a4580fb85dd6dff521f0abf6db517489e70863dca1a0291daa7f2d3d2d6015a57bd702af068ea5cf9f1f6ff72314f5f5b4228d299c0904135d2aef921
-  languageName: node
-  linkType: hard
-
-"https-proxy-agent@npm:^7.0.1":
-  version: 7.0.5
-  resolution: "https-proxy-agent@npm:7.0.5"
-  dependencies:
-    agent-base: "npm:^7.0.2"
-    debug: "npm:4"
-  checksum: 10c0/2490e3acec397abeb88807db52cac59102d5ed758feee6df6112ab3ccd8325e8a1ce8bce6f4b66e5470eca102d31e425ace904242e4fa28dbe0c59c4bafa7b2c
-  languageName: node
-  linkType: hard
-
-"iconv-lite@npm:^0.6.2":
-  version: 0.6.3
-  resolution: "iconv-lite@npm:0.6.3"
-  dependencies:
-    safer-buffer: "npm:>= 2.1.2 < 3.0.0"
-  checksum: 10c0/98102bc66b33fcf5ac044099d1257ba0b7ad5e3ccd3221f34dd508ab4070edff183276221684e1e0555b145fce0850c9f7d2b60a9fcac50fbb4ea0d6e845a3b1
-  languageName: node
-  linkType: hard
-
 "import-fresh@npm:^3.3.0":
   version: 3.3.0
   resolution: "import-fresh@npm:3.3.0"
@@ -2770,30 +2482,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"imurmurhash@npm:^0.1.4":
-  version: 0.1.4
-  resolution: "imurmurhash@npm:0.1.4"
-  checksum: 10c0/8b51313850dd33605c6c9d3fd9638b714f4c4c40250cff658209f30d40da60f78992fb2df5dabee4acf589a6a82bbc79ad5486550754bd9ec4e3fc0d4a57d6a6
-  languageName: node
-  linkType: hard
-
-"indent-string@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "indent-string@npm:4.0.0"
-  checksum: 10c0/1e1904ddb0cb3d6cce7cd09e27a90184908b7a5d5c21b92e232c93579d314f0b83c246ffb035493d0504b1e9147ba2c9b21df0030f48673fba0496ecd698161f
-  languageName: node
-  linkType: hard
-
-"ip-address@npm:^9.0.5":
-  version: 9.0.5
-  resolution: "ip-address@npm:9.0.5"
-  dependencies:
-    jsbn: "npm:1.1.0"
-    sprintf-js: "npm:^1.1.3"
-  checksum: 10c0/331cd07fafcb3b24100613e4b53e1a2b4feab11e671e655d46dc09ee233da5011284d09ca40c4ecbdfe1d0004f462958675c224a804259f2f78d2465a87824bc
-  languageName: node
-  linkType: hard
-
 "is-arrayish@npm:^0.2.1":
   version: 0.2.1
   resolution: "is-arrayish@npm:0.2.1"
@@ -2801,54 +2489,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-binary-path@npm:~2.1.0":
-  version: 2.1.0
-  resolution: "is-binary-path@npm:2.1.0"
-  dependencies:
-    binary-extensions: "npm:^2.0.0"
-  checksum: 10c0/a16eaee59ae2b315ba36fad5c5dcaf8e49c3e27318f8ab8fa3cdb8772bf559c8d1ba750a589c2ccb096113bb64497084361a25960899cb6172a6925ab6123d38
-  languageName: node
-  linkType: hard
-
-"is-core-module@npm:^2.13.0":
-  version: 2.15.1
-  resolution: "is-core-module@npm:2.15.1"
-  dependencies:
-    hasown: "npm:^2.0.2"
-  checksum: 10c0/53432f10c69c40bfd2fa8914133a68709ff9498c86c3bf5fca3cdf3145a56fd2168cbf4a43b29843a6202a120a5f9c5ffba0a4322e1e3441739bc0b641682612
-  languageName: node
-  linkType: hard
-
-"is-extglob@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "is-extglob@npm:2.1.1"
-  checksum: 10c0/5487da35691fbc339700bbb2730430b07777a3c21b9ebaecb3072512dfd7b4ba78ac2381a87e8d78d20ea08affb3f1971b4af629173a6bf435ff8a4c47747912
-  languageName: node
-  linkType: hard
-
-"is-fullwidth-code-point@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "is-fullwidth-code-point@npm:3.0.0"
-  checksum: 10c0/bb11d825e049f38e04c06373a8d72782eee0205bda9d908cc550ccb3c59b99d750ff9537982e01733c1c94a58e35400661f57042158ff5e8f3e90cf936daf0fc
-  languageName: node
-  linkType: hard
-
-"is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
-  version: 4.0.3
-  resolution: "is-glob@npm:4.0.3"
-  dependencies:
-    is-extglob: "npm:^2.1.1"
-  checksum: 10c0/17fb4014e22be3bbecea9b2e3a76e9e34ff645466be702f1693e8f1ee1adac84710d0be0bd9f967d6354036fd51ab7c2741d954d6e91dae6bb69714de92c197a
-  languageName: node
-  linkType: hard
-
-"is-lambda@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "is-lambda@npm:1.0.1"
-  checksum: 10c0/85fee098ae62ba6f1e24cf22678805473c7afd0fb3978a3aa260e354cb7bcb3a5806cf0a98403188465efedec41ab4348e8e4e79305d409601323855b3839d4d
-  languageName: node
-  linkType: hard
-
 "is-mobile@npm:^5.0.0":
   version: 5.0.0
   resolution: "is-mobile@npm:5.0.0"
@@ -2856,49 +2496,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-number@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "is-number@npm:7.0.0"
-  checksum: 10c0/b4686d0d3053146095ccd45346461bc8e53b80aeb7671cc52a4de02dbbf7dc0d1d2a986e2fe4ae206984b4d34ef37e8b795ebc4f4295c978373e6575e295d811
-  languageName: node
-  linkType: hard
-
-"isexe@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "isexe@npm:2.0.0"
-  checksum: 10c0/228cfa503fadc2c31596ab06ed6aa82c9976eec2bfd83397e7eaf06d0ccf42cd1dfd6743bf9aeb01aebd4156d009994c5f76ea898d2832c1fe342da923ca457d
-  languageName: node
-  linkType: hard
-
-"isexe@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "isexe@npm:3.1.1"
-  checksum: 10c0/9ec257654093443eb0a528a9c8cbba9c0ca7616ccb40abd6dde7202734d96bb86e4ac0d764f0f8cd965856aacbff2f4ce23e730dc19dfb41e3b0d865ca6fdcc7
-  languageName: node
-  linkType: hard
-
-"jackspeak@npm:^3.1.2":
-  version: 3.4.3
-  resolution: "jackspeak@npm:3.4.3"
-  dependencies:
-    "@isaacs/cliui": "npm:^8.0.2"
-    "@pkgjs/parseargs": "npm:^0.11.0"
-  dependenciesMeta:
-    "@pkgjs/parseargs":
-      optional: true
-  checksum: 10c0/6acc10d139eaefdbe04d2f679e6191b3abf073f111edf10b1de5302c97ec93fffeb2fdd8681ed17f16268aa9dd4f8c588ed9d1d3bffbbfa6e8bf897cbb3149b9
-  languageName: node
-  linkType: hard
-
-"jiti@npm:^1.21.7":
-  version: 1.21.7
-  resolution: "jiti@npm:1.21.7"
-  bin:
-    jiti: bin/jiti.js
-  checksum: 10c0/77b61989c758ff32407cdae8ddc77f85e18e1a13fc4977110dbd2e05fc761842f5f71bce684d9a01316e1c4263971315a111385759951080bbfe17cbb5de8f7a
-  languageName: node
-  linkType: hard
-
 "jiti@npm:^2.6.1":
   version: 2.6.1
   resolution: "jiti@npm:2.6.1"
@@ -2926,13 +2523,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsbn@npm:1.1.0":
-  version: 1.1.0
-  resolution: "jsbn@npm:1.1.0"
-  checksum: 10c0/4f907fb78d7b712e11dea8c165fe0921f81a657d3443dde75359ed52eb2b5d33ce6773d97985a089f09a65edd80b11cb75c767b57ba47391fee4c969f7215c96
-  languageName: node
-  linkType: hard
-
 "jsesc@npm:^2.5.1":
   version: 2.5.2
   resolution: "jsesc@npm:2.5.2"
@@ -2967,10 +2557,123 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lilconfig@npm:^3.1.1, lilconfig@npm:^3.1.3":
-  version: 3.1.3
-  resolution: "lilconfig@npm:3.1.3"
-  checksum: 10c0/f5604e7240c5c275743561442fbc5abf2a84ad94da0f5adc71d25e31fa8483048de3dcedcb7a44112a942fed305fd75841cdf6c9681c7f640c63f1049e9a5dcc
+"lightningcss-android-arm64@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-android-arm64@npm:1.30.2"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"lightningcss-darwin-arm64@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-darwin-arm64@npm:1.30.2"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"lightningcss-darwin-x64@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-darwin-x64@npm:1.30.2"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lightningcss-freebsd-x64@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-freebsd-x64@npm:1.30.2"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-arm-gnueabihf@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-linux-arm-gnueabihf@npm:1.30.2"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-arm64-gnu@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-linux-arm64-gnu@npm:1.30.2"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-arm64-musl@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-linux-arm64-musl@npm:1.30.2"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-x64-gnu@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-linux-x64-gnu@npm:1.30.2"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-x64-musl@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-linux-x64-musl@npm:1.30.2"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"lightningcss-win32-arm64-msvc@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-win32-arm64-msvc@npm:1.30.2"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"lightningcss-win32-x64-msvc@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss-win32-x64-msvc@npm:1.30.2"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lightningcss@npm:1.30.2":
+  version: 1.30.2
+  resolution: "lightningcss@npm:1.30.2"
+  dependencies:
+    detect-libc: "npm:^2.0.3"
+    lightningcss-android-arm64: "npm:1.30.2"
+    lightningcss-darwin-arm64: "npm:1.30.2"
+    lightningcss-darwin-x64: "npm:1.30.2"
+    lightningcss-freebsd-x64: "npm:1.30.2"
+    lightningcss-linux-arm-gnueabihf: "npm:1.30.2"
+    lightningcss-linux-arm64-gnu: "npm:1.30.2"
+    lightningcss-linux-arm64-musl: "npm:1.30.2"
+    lightningcss-linux-x64-gnu: "npm:1.30.2"
+    lightningcss-linux-x64-musl: "npm:1.30.2"
+    lightningcss-win32-arm64-msvc: "npm:1.30.2"
+    lightningcss-win32-x64-msvc: "npm:1.30.2"
+  dependenciesMeta:
+    lightningcss-android-arm64:
+      optional: true
+    lightningcss-darwin-arm64:
+      optional: true
+    lightningcss-darwin-x64:
+      optional: true
+    lightningcss-freebsd-x64:
+      optional: true
+    lightningcss-linux-arm-gnueabihf:
+      optional: true
+    lightningcss-linux-arm64-gnu:
+      optional: true
+    lightningcss-linux-arm64-musl:
+      optional: true
+    lightningcss-linux-x64-gnu:
+      optional: true
+    lightningcss-linux-x64-musl:
+      optional: true
+    lightningcss-win32-arm64-msvc:
+      optional: true
+    lightningcss-win32-x64-msvc:
+      optional: true
+  checksum: 10c0/5c0c73a33946dab65908d5cd1325df4efa290efb77f940b60f40448b5ab9a87d3ea665ef9bcf00df4209705050ecf2f7ecc649f44d6dfa5905bb50f15717e78d
   languageName: node
   linkType: hard
 
@@ -2997,13 +2700,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0":
-  version: 10.4.3
-  resolution: "lru-cache@npm:10.4.3"
-  checksum: 10c0/ebd04fbca961e6c1d6c0af3799adcc966a1babe798f685bb84e6599266599cd95d94630b10262f5424539bc4640107e8a33aa28585374abf561d30d16f4b39fb
-  languageName: node
-  linkType: hard
-
 "lru-cache@npm:^5.1.1":
   version: 5.1.1
   resolution: "lru-cache@npm:5.1.1"
@@ -3013,23 +2709,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-fetch-happen@npm:^13.0.0":
-  version: 13.0.1
-  resolution: "make-fetch-happen@npm:13.0.1"
+"magic-string@npm:^0.30.21":
+  version: 0.30.21
+  resolution: "magic-string@npm:0.30.21"
   dependencies:
-    "@npmcli/agent": "npm:^2.0.0"
-    cacache: "npm:^18.0.0"
-    http-cache-semantics: "npm:^4.1.1"
-    is-lambda: "npm:^1.0.1"
-    minipass: "npm:^7.0.2"
-    minipass-fetch: "npm:^3.0.0"
-    minipass-flush: "npm:^1.0.5"
-    minipass-pipeline: "npm:^1.2.4"
-    negotiator: "npm:^0.6.3"
-    proc-log: "npm:^4.2.0"
-    promise-retry: "npm:^2.0.1"
-    ssri: "npm:^10.0.0"
-  checksum: 10c0/df5f4dbb6d98153b751bccf4dc4cc500de85a96a9331db9805596c46aa9f99d9555983954e6c1266d9f981ae37a9e4647f42b9a4bb5466f867f4012e582c9e7e
+    "@jridgewell/sourcemap-codec": "npm:^1.5.5"
+  checksum: 10c0/299378e38f9a270069fc62358522ddfb44e94244baa0d6a8980ab2a9b2490a1d03b236b447eee309e17eb3bddfa482c61259d47960eb018a904f0ded52780c4a
   languageName: node
   linkType: hard
 
@@ -3054,23 +2739,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"merge2@npm:^1.3.0":
-  version: 1.4.1
-  resolution: "merge2@npm:1.4.1"
-  checksum: 10c0/254a8a4605b58f450308fc474c82ac9a094848081bf4c06778200207820e5193726dc563a0d2c16468810516a5c97d9d3ea0ca6585d23c58ccfff2403e8dbbeb
-  languageName: node
-  linkType: hard
-
-"micromatch@npm:^4.0.4, micromatch@npm:^4.0.8":
-  version: 4.0.8
-  resolution: "micromatch@npm:4.0.8"
-  dependencies:
-    braces: "npm:^3.0.3"
-    picomatch: "npm:^2.3.1"
-  checksum: 10c0/166fa6eb926b9553f32ef81f5f531d27b4ce7da60e5baf8c021d043b27a388fb95e46a8038d5045877881e673f8134122b59624d5cecbd16eb50a42e7a6b5ca8
-  languageName: node
-  linkType: hard
-
 "mime-db@npm:1.52.0":
   version: 1.52.0
   resolution: "mime-db@npm:1.52.0"
@@ -3096,108 +2764,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^9.0.4":
-  version: 9.0.5
-  resolution: "minimatch@npm:9.0.5"
-  dependencies:
-    brace-expansion: "npm:^2.0.1"
-  checksum: 10c0/de96cf5e35bdf0eab3e2c853522f98ffbe9a36c37797778d2665231ec1f20a9447a7e567cb640901f89e4daaa95ae5d70c65a9e8aa2bb0019b6facbc3c0575ed
-  languageName: node
-  linkType: hard
-
-"minipass-collect@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "minipass-collect@npm:2.0.1"
-  dependencies:
-    minipass: "npm:^7.0.3"
-  checksum: 10c0/5167e73f62bb74cc5019594709c77e6a742051a647fe9499abf03c71dca75515b7959d67a764bdc4f8b361cf897fbf25e2d9869ee039203ed45240f48b9aa06e
-  languageName: node
-  linkType: hard
-
-"minipass-fetch@npm:^3.0.0":
-  version: 3.0.5
-  resolution: "minipass-fetch@npm:3.0.5"
-  dependencies:
-    encoding: "npm:^0.1.13"
-    minipass: "npm:^7.0.3"
-    minipass-sized: "npm:^1.0.3"
-    minizlib: "npm:^2.1.2"
-  dependenciesMeta:
-    encoding:
-      optional: true
-  checksum: 10c0/9d702d57f556274286fdd97e406fc38a2f5c8d15e158b498d7393b1105974b21249289ec571fa2b51e038a4872bfc82710111cf75fae98c662f3d6f95e72152b
-  languageName: node
-  linkType: hard
-
-"minipass-flush@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "minipass-flush@npm:1.0.5"
-  dependencies:
-    minipass: "npm:^3.0.0"
-  checksum: 10c0/2a51b63feb799d2bb34669205eee7c0eaf9dce01883261a5b77410c9408aa447e478efd191b4de6fc1101e796ff5892f8443ef20d9544385819093dbb32d36bd
-  languageName: node
-  linkType: hard
-
-"minipass-pipeline@npm:^1.2.4":
-  version: 1.2.4
-  resolution: "minipass-pipeline@npm:1.2.4"
-  dependencies:
-    minipass: "npm:^3.0.0"
-  checksum: 10c0/cbda57cea20b140b797505dc2cac71581a70b3247b84480c1fed5ca5ba46c25ecc25f68bfc9e6dcb1a6e9017dab5c7ada5eab73ad4f0a49d84e35093e0c643f2
-  languageName: node
-  linkType: hard
-
-"minipass-sized@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "minipass-sized@npm:1.0.3"
-  dependencies:
-    minipass: "npm:^3.0.0"
-  checksum: 10c0/298f124753efdc745cfe0f2bdfdd81ba25b9f4e753ca4a2066eb17c821f25d48acea607dfc997633ee5bf7b6dfffb4eee4f2051eb168663f0b99fad2fa4829cb
-  languageName: node
-  linkType: hard
-
-"minipass@npm:^3.0.0":
-  version: 3.3.6
-  resolution: "minipass@npm:3.3.6"
-  dependencies:
-    yallist: "npm:^4.0.0"
-  checksum: 10c0/a114746943afa1dbbca8249e706d1d38b85ed1298b530f5808ce51f8e9e941962e2a5ad2e00eae7dd21d8a4aae6586a66d4216d1a259385e9d0358f0c1eba16c
-  languageName: node
-  linkType: hard
-
-"minipass@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "minipass@npm:5.0.0"
-  checksum: 10c0/a91d8043f691796a8ac88df039da19933ef0f633e3d7f0d35dcd5373af49131cf2399bfc355f41515dc495e3990369c3858cd319e5c2722b4753c90bf3152462
-  languageName: node
-  linkType: hard
-
-"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.1.2":
-  version: 7.1.2
-  resolution: "minipass@npm:7.1.2"
-  checksum: 10c0/b0fd20bb9fb56e5fa9a8bfac539e8915ae07430a619e4b86ff71f5fc757ef3924b23b2c4230393af1eda647ed3d75739e4e0acb250a6b1eb277cf7f8fe449557
-  languageName: node
-  linkType: hard
-
-"minizlib@npm:^2.1.1, minizlib@npm:^2.1.2":
-  version: 2.1.2
-  resolution: "minizlib@npm:2.1.2"
-  dependencies:
-    minipass: "npm:^3.0.0"
-    yallist: "npm:^4.0.0"
-  checksum: 10c0/64fae024e1a7d0346a1102bb670085b17b7f95bf6cfdf5b128772ec8faf9ea211464ea4add406a3a6384a7d87a0cd1a96263692134323477b4fb43659a6cab78
-  languageName: node
-  linkType: hard
-
-"mkdirp@npm:^1.0.3":
-  version: 1.0.4
-  resolution: "mkdirp@npm:1.0.4"
-  bin:
-    mkdirp: bin/cmd.js
-  checksum: 10c0/46ea0f3ffa8bc6a5bc0c7081ffc3907777f0ed6516888d40a518c5111f8366d97d2678911ad1a6882bf592fa9de6c784fea32e1687bb94e1f4944170af48a5cf
-  languageName: node
-  linkType: hard
-
 "ms@npm:^2.1.3":
   version: 2.1.3
   resolution: "ms@npm:2.1.3"
@@ -3205,23 +2771,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mz@npm:^2.7.0":
-  version: 2.7.0
-  resolution: "mz@npm:2.7.0"
-  dependencies:
-    any-promise: "npm:^1.0.0"
-    object-assign: "npm:^4.0.1"
-    thenify-all: "npm:^1.0.0"
-  checksum: 10c0/103114e93f87362f0b56ab5b2e7245051ad0276b646e3902c98397d18bb8f4a77f2ea4a2c9d3ad516034ea3a56553b60d3f5f78220001ca4c404bd711bd0af39
-  languageName: node
-  linkType: hard
-
-"nanoid@npm:^3.3.7":
-  version: 3.3.7
-  resolution: "nanoid@npm:3.3.7"
+"nanoid@npm:^3.3.11":
+  version: 3.3.11
+  resolution: "nanoid@npm:3.3.11"
   bin:
     nanoid: bin/nanoid.cjs
-  checksum: 10c0/e3fb661aa083454f40500473bb69eedb85dc160e763150b9a2c567c7e9ff560ce028a9f833123b618a6ea742e311138b591910e795614a629029e86e180660f3
+  checksum: 10c0/40e7f70b3d15f725ca072dfc4f74e81fcf1fbb02e491cf58ac0c79093adc9b0a73b152bcde57df4b79cd097e13023d7504acb38404a4da7bc1cd8e887b82fe0b
   languageName: node
   linkType: hard
 
@@ -3234,13 +2789,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"negotiator@npm:^0.6.3":
-  version: 0.6.3
-  resolution: "negotiator@npm:0.6.3"
-  checksum: 10c0/3ec9fd413e7bf071c937ae60d572bc67155262068ed522cf4b3be5edbe6ddf67d095ec03a3a14ebf8fc8e95f8e1d61be4869db0dbb0de696f6b837358bd43fc2
-  languageName: node
-  linkType: hard
-
 "no-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "no-case@npm:3.0.4"
@@ -3251,26 +2799,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-gyp@npm:latest":
-  version: 10.2.0
-  resolution: "node-gyp@npm:10.2.0"
-  dependencies:
-    env-paths: "npm:^2.2.0"
-    exponential-backoff: "npm:^3.1.1"
-    glob: "npm:^10.3.10"
-    graceful-fs: "npm:^4.2.6"
-    make-fetch-happen: "npm:^13.0.0"
-    nopt: "npm:^7.0.0"
-    proc-log: "npm:^4.1.0"
-    semver: "npm:^7.3.5"
-    tar: "npm:^6.2.1"
-    which: "npm:^4.0.0"
-  bin:
-    node-gyp: bin/node-gyp.js
-  checksum: 10c0/00630d67dbd09a45aee0a5d55c05e3916ca9e6d427ee4f7bc392d2d3dc5fad7449b21fc098dd38260a53d9dcc9c879b36704a1994235d4707e7271af7e9a835b
-  languageName: node
-  linkType: hard
-
 "node-releases@npm:^2.0.18":
   version: 2.0.18
   resolution: "node-releases@npm:2.0.18"
@@ -3278,24 +2806,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nopt@npm:^7.0.0":
-  version: 7.2.1
-  resolution: "nopt@npm:7.2.1"
-  dependencies:
-    abbrev: "npm:^2.0.0"
-  bin:
-    nopt: bin/nopt.js
-  checksum: 10c0/a069c7c736767121242037a22a788863accfa932ab285a1eb569eb8cd534b09d17206f68c37f096ae785647435e0c5a5a0a67b42ec743e481a455e5ae6a6df81
-  languageName: node
-  linkType: hard
-
-"normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
-  version: 3.0.0
-  resolution: "normalize-path@npm:3.0.0"
-  checksum: 10c0/e008c8142bcc335b5e38cf0d63cfd39d6cf2d97480af9abdbe9a439221fd4d749763bab492a8ee708ce7a194bb00c9da6d0a115018672310850489137b3da046
-  languageName: node
-  linkType: hard
-
 "nth-check@npm:^2.0.1":
   version: 2.1.1
   resolution: "nth-check@npm:2.1.1"
@@ -3332,36 +2842,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-assign@npm:^4.0.1":
-  version: 4.1.1
-  resolution: "object-assign@npm:4.1.1"
-  checksum: 10c0/1f4df9945120325d041ccf7b86f31e8bcc14e73d29171e37a7903050e96b81323784ec59f93f102ec635bcf6fa8034ba3ea0a8c7e69fa202b87ae3b6cec5a414
-  languageName: node
-  linkType: hard
-
-"object-hash@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "object-hash@npm:3.0.0"
-  checksum: 10c0/a06844537107b960c1c8b96cd2ac8592a265186bfa0f6ccafe0d34eabdb526f6fa81da1f37c43df7ed13b12a4ae3457a16071603bcd39d8beddb5f08c37b0f47
-  languageName: node
-  linkType: hard
-
-"p-map@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "p-map@npm:4.0.0"
-  dependencies:
-    aggregate-error: "npm:^3.0.0"
-  checksum: 10c0/592c05bd6262c466ce269ff172bb8de7c6975afca9b50c975135b974e9bdaafbfe80e61aaaf5be6d1200ba08b30ead04b88cfa7e25ff1e3b93ab28c9f62a2c75
-  languageName: node
-  linkType: hard
-
-"package-json-from-dist@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "package-json-from-dist@npm:1.0.0"
-  checksum: 10c0/e3ffaf6ac1040ab6082a658230c041ad14e72fabe99076a2081bb1d5d41210f11872403fc09082daf4387fc0baa6577f96c9c0e94c90c394fd57794b66aa4033
-  languageName: node
-  linkType: hard
-
 "parent-module@npm:^1.0.0":
   version: 1.0.1
   resolution: "parent-module@npm:1.0.1"
@@ -3383,30 +2863,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-key@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "path-key@npm:3.1.1"
-  checksum: 10c0/748c43efd5a569c039d7a00a03b58eecd1d75f3999f5a28303d75f521288df4823bc057d8784eb72358b2895a05f29a070bc9f1f17d28226cc4e62494cc58c4c
-  languageName: node
-  linkType: hard
-
-"path-parse@npm:^1.0.7":
-  version: 1.0.7
-  resolution: "path-parse@npm:1.0.7"
-  checksum: 10c0/11ce261f9d294cc7a58d6a574b7f1b935842355ec66fba3c3fd79e0f036462eaf07d0aa95bb74ff432f9afef97ce1926c720988c6a7451d8a584930ae7de86e1
-  languageName: node
-  linkType: hard
-
-"path-scurry@npm:^1.11.1":
-  version: 1.11.1
-  resolution: "path-scurry@npm:1.11.1"
-  dependencies:
-    lru-cache: "npm:^10.2.0"
-    minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0"
-  checksum: 10c0/32a13711a2a505616ae1cc1b5076801e453e7aae6ac40ab55b388bb91b9d0547a52f5aaceff710ea400205f18691120d4431e520afbe4266b836fadede15872d
-  languageName: node
-  linkType: hard
-
 "path-type@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-type@npm:4.0.0"
@@ -3421,127 +2877,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "picomatch@npm:2.3.1"
-  checksum: 10c0/26c02b8d06f03206fc2ab8d16f19960f2ff9e81a658f831ecb656d8f17d9edc799e8364b1f4a7873e89d9702dff96204be0fa26fe4181f6843f040f819dac4be
-  languageName: node
-  linkType: hard
-
-"pify@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "pify@npm:2.3.0"
-  checksum: 10c0/551ff8ab830b1052633f59cb8adc9ae8407a436e06b4a9718bcb27dc5844b83d535c3a8512b388b6062af65a98c49bdc0dd523d8b2617b188f7c8fee457158dc
-  languageName: node
-  linkType: hard
-
-"pirates@npm:^4.0.1":
-  version: 4.0.6
-  resolution: "pirates@npm:4.0.6"
-  checksum: 10c0/00d5fa51f8dded94d7429700fb91a0c1ead00ae2c7fd27089f0c5b63e6eca36197fe46384631872690a66f390c5e27198e99006ab77ae472692ab9c2ca903f36
-  languageName: node
-  linkType: hard
-
-"postcss-import@npm:^15.1.0":
-  version: 15.1.0
-  resolution: "postcss-import@npm:15.1.0"
-  dependencies:
-    postcss-value-parser: "npm:^4.0.0"
-    read-cache: "npm:^1.0.0"
-    resolve: "npm:^1.1.7"
-  peerDependencies:
-    postcss: ^8.0.0
-  checksum: 10c0/518aee5c83ea6940e890b0be675a2588db68b2582319f48c3b4e06535a50ea6ee45f7e63e4309f8754473245c47a0372632378d1d73d901310f295a92f26f17b
-  languageName: node
-  linkType: hard
-
-"postcss-js@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "postcss-js@npm:4.0.1"
-  dependencies:
-    camelcase-css: "npm:^2.0.1"
-  peerDependencies:
-    postcss: ^8.4.21
-  checksum: 10c0/af35d55cb873b0797d3b42529514f5318f447b134541844285c9ac31a17497297eb72296902967911bb737a75163441695737300ce2794e3bd8c70c13a3b106e
-  languageName: node
-  linkType: hard
-
-"postcss-load-config@npm:^4.0.2 || ^5.0 || ^6.0":
-  version: 6.0.1
-  resolution: "postcss-load-config@npm:6.0.1"
-  dependencies:
-    lilconfig: "npm:^3.1.1"
-  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
-  checksum: 10c0/74173a58816dac84e44853f7afbd283f4ef13ca0b6baeba27701214beec33f9e309b128f8102e2b173e8d45ecba45d279a9be94b46bf48d219626aa9b5730848
-  languageName: node
-  linkType: hard
-
-"postcss-nested@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "postcss-nested@npm:6.2.0"
-  dependencies:
-    postcss-selector-parser: "npm:^6.1.1"
-  peerDependencies:
-    postcss: ^8.2.14
-  checksum: 10c0/7f9c3f2d764191a39364cbdcec350f26a312431a569c9ef17408021424726b0d67995ff5288405e3724bb7152a4c92f73c027e580ec91e798800ed3c52e2bc6e
-  languageName: node
-  linkType: hard
-
-"postcss-selector-parser@npm:^6.1.1, postcss-selector-parser@npm:^6.1.2":
-  version: 6.1.2
-  resolution: "postcss-selector-parser@npm:6.1.2"
-  dependencies:
-    cssesc: "npm:^3.0.0"
-    util-deprecate: "npm:^1.0.2"
-  checksum: 10c0/523196a6bd8cf660bdf537ad95abd79e546d54180f9afb165a4ab3e651ac705d0f8b8ce6b3164fb9e3279ce482c5f751a69eb2d3a1e8eb0fd5e82294fb3ef13e
-  languageName: node
-  linkType: hard
-
-"postcss-value-parser@npm:^4.0.0":
-  version: 4.2.0
-  resolution: "postcss-value-parser@npm:4.2.0"
-  checksum: 10c0/f4142a4f56565f77c1831168e04e3effd9ffcc5aebaf0f538eee4b2d465adfd4b85a44257bb48418202a63806a7da7fe9f56c330aebb3cac898e46b4cbf49161
-  languageName: node
-  linkType: hard
-
-"postcss@npm:^8.4.47":
-  version: 8.4.49
-  resolution: "postcss@npm:8.4.49"
+"postcss@npm:^8.4.41":
+  version: 8.5.6
+  resolution: "postcss@npm:8.5.6"
   dependencies:
-    nanoid: "npm:^3.3.7"
+    nanoid: "npm:^3.3.11"
     picocolors: "npm:^1.1.1"
     source-map-js: "npm:^1.2.1"
-  checksum: 10c0/f1b3f17aaf36d136f59ec373459f18129908235e65dbdc3aee5eef8eba0756106f52de5ec4682e29a2eab53eb25170e7e871b3e4b52a8f1de3d344a514306be3
-  languageName: node
-  linkType: hard
-
-"proc-log@npm:^4.1.0, proc-log@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "proc-log@npm:4.2.0"
-  checksum: 10c0/17db4757c2a5c44c1e545170e6c70a26f7de58feb985091fb1763f5081cab3d01b181fb2dd240c9f4a4255a1d9227d163d5771b7e69c9e49a561692db865efb9
-  languageName: node
-  linkType: hard
-
-"promise-retry@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "promise-retry@npm:2.0.1"
-  dependencies:
-    err-code: "npm:^2.0.2"
-    retry: "npm:^0.12.0"
-  checksum: 10c0/9c7045a1a2928094b5b9b15336dcd2a7b1c052f674550df63cc3f36cd44028e5080448175b6f6ca32b642de81150f5e7b1a98b728f15cb069f2dd60ac2616b96
+  checksum: 10c0/5127cc7c91ed7a133a1b7318012d8bfa112da9ef092dddf369ae699a1f10ebbd89b1b9f25f3228795b84585c72aabd5ced5fc11f2ba467eedf7b081a66fad024
   languageName: node
   linkType: hard
 
@@ -3552,13 +2895,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"queue-microtask@npm:^1.2.2":
-  version: 1.2.3
-  resolution: "queue-microtask@npm:1.2.3"
-  checksum: 10c0/900a93d3cdae3acd7d16f642c29a642aea32c2026446151f0778c62ac089d4b8e6c986811076e1ae180a694cedf077d453a11b58ff0a865629a4f82ab558e102
-  languageName: node
-  linkType: hard
-
 "raf-schd@npm:^4.0.3":
   version: 4.0.3
   resolution: "raf-schd@npm:4.0.3"
@@ -3654,24 +2990,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-cache@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "read-cache@npm:1.0.0"
-  dependencies:
-    pify: "npm:^2.3.0"
-  checksum: 10c0/90cb2750213c7dd7c80cb420654344a311fdec12944e81eb912cd82f1bc92aea21885fa6ce442e3336d9fccd663b8a7a19c46d9698e6ca55620848ab932da814
-  languageName: node
-  linkType: hard
-
-"readdirp@npm:~3.6.0":
-  version: 3.6.0
-  resolution: "readdirp@npm:3.6.0"
-  dependencies:
-    picomatch: "npm:^2.2.1"
-  checksum: 10c0/6fa848cf63d1b82ab4e985f4cf72bd55b7dcfd8e0a376905804e48c3634b7e749170940ba77b32804d5fe93b3cc521aa95a8d7e7d725f830da6d93f3669ce66b
-  languageName: node
-  linkType: hard
-
 "redux@npm:^5.0.1":
   version: 5.0.1
   resolution: "redux@npm:5.0.1"
@@ -3686,62 +3004,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.1.7, resolve@npm:^1.22.8":
-  version: 1.22.8
-  resolution: "resolve@npm:1.22.8"
-  dependencies:
-    is-core-module: "npm:^2.13.0"
-    path-parse: "npm:^1.0.7"
-    supports-preserve-symlinks-flag: "npm:^1.0.0"
-  bin:
-    resolve: bin/resolve
-  checksum: 10c0/07e179f4375e1fd072cfb72ad66d78547f86e6196c4014b31cb0b8bb1db5f7ca871f922d08da0fbc05b94e9fd42206f819648fa3b5b873ebbc8e1dc68fec433a
-  languageName: node
-  linkType: hard
-
-"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>":
-  version: 1.22.8
-  resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
-  dependencies:
-    is-core-module: "npm:^2.13.0"
-    path-parse: "npm:^1.0.7"
-    supports-preserve-symlinks-flag: "npm:^1.0.0"
-  bin:
-    resolve: bin/resolve
-  checksum: 10c0/0446f024439cd2e50c6c8fa8ba77eaa8370b4180f401a96abf3d1ebc770ac51c1955e12764cde449fde3fff480a61f84388e3505ecdbab778f4bef5f8212c729
-  languageName: node
-  linkType: hard
-
-"retry@npm:^0.12.0":
-  version: 0.12.0
-  resolution: "retry@npm:0.12.0"
-  checksum: 10c0/59933e8501727ba13ad73ef4a04d5280b3717fd650408460c987392efe9d7be2040778ed8ebe933c5cbd63da3dcc37919c141ef8af0a54a6e4fca5a2af177bfe
-  languageName: node
-  linkType: hard
-
-"reusify@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "reusify@npm:1.0.4"
-  checksum: 10c0/c19ef26e4e188f408922c46f7ff480d38e8dfc55d448310dfb518736b23ed2c4f547fb64a6ed5bdba92cd7e7ddc889d36ff78f794816d5e71498d645ef476107
-  languageName: node
-  linkType: hard
-
-"run-parallel@npm:^1.1.9":
-  version: 1.2.0
-  resolution: "run-parallel@npm:1.2.0"
-  dependencies:
-    queue-microtask: "npm:^1.2.2"
-  checksum: 10c0/200b5ab25b5b8b7113f9901bfe3afc347e19bb7475b267d55ad0eb86a62a46d77510cb0f232507c9e5d497ebda569a08a9867d0d14f57a82ad5564d991588b39
-  languageName: node
-  linkType: hard
-
-"safer-buffer@npm:>= 2.1.2 < 3.0.0":
-  version: 2.1.2
-  resolution: "safer-buffer@npm:2.1.2"
-  checksum: 10c0/7e3c8b2e88a1841c9671094bbaeebd94448111dd90a81a1f606f3f67708a6ec57763b3b47f06da09fc6054193e0e6709e77325415dc8422b04497a8070fa02d4
-  languageName: node
-  linkType: hard
-
 "scheduler@npm:^0.27.0":
   version: 0.27.0
   resolution: "scheduler@npm:0.27.0"
@@ -3767,15 +3029,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.5":
-  version: 7.6.3
-  resolution: "semver@npm:7.6.3"
-  bin:
-    semver: bin/semver.js
-  checksum: 10c0/88f33e148b210c153873cb08cfe1e281d518aaa9a666d4d148add6560db5cd3c582f3a08ccb91f38d5f379ead256da9931234ed122057f40bb5766e65e58adaf
-  languageName: node
-  linkType: hard
-
 "set-cookie-parser@npm:^2.6.0":
   version: 2.7.1
   resolution: "set-cookie-parser@npm:2.7.1"
@@ -3783,36 +3036,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"shebang-command@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "shebang-command@npm:2.0.0"
-  dependencies:
-    shebang-regex: "npm:^3.0.0"
-  checksum: 10c0/a41692e7d89a553ef21d324a5cceb5f686d1f3c040759c50aab69688634688c5c327f26f3ecf7001ebfd78c01f3c7c0a11a7c8bfd0a8bc9f6240d4f40b224e4e
-  languageName: node
-  linkType: hard
-
-"shebang-regex@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "shebang-regex@npm:3.0.0"
-  checksum: 10c0/1dbed0726dd0e1152a92696c76c7f06084eb32a90f0528d11acd764043aacf76994b2fb30aa1291a21bd019d6699164d048286309a278855ee7bec06cf6fb690
-  languageName: node
-  linkType: hard
-
-"signal-exit@npm:^4.0.1":
-  version: 4.1.0
-  resolution: "signal-exit@npm:4.1.0"
-  checksum: 10c0/41602dce540e46d599edba9d9860193398d135f7ff72cab629db5171516cfae628d21e7bfccde1bbfdf11c48726bc2a6d1a8fb8701125852fbfda7cf19c6aa83
-  languageName: node
-  linkType: hard
-
-"smart-buffer@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "smart-buffer@npm:4.2.0"
-  checksum: 10c0/a16775323e1404dd43fabafe7460be13a471e021637bc7889468eb45ce6a6b207261f454e4e530a19500cc962c4cc5348583520843b363f4193cee5c00e1e539
-  languageName: node
-  linkType: hard
-
 "snake-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "snake-case@npm:3.0.4"
@@ -3823,27 +3046,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socks-proxy-agent@npm:^8.0.3":
-  version: 8.0.4
-  resolution: "socks-proxy-agent@npm:8.0.4"
-  dependencies:
-    agent-base: "npm:^7.1.1"
-    debug: "npm:^4.3.4"
-    socks: "npm:^2.8.3"
-  checksum: 10c0/345593bb21b95b0508e63e703c84da11549f0a2657d6b4e3ee3612c312cb3a907eac10e53b23ede3557c6601d63252103494caa306b66560f43af7b98f53957a
-  languageName: node
-  linkType: hard
-
-"socks@npm:^2.8.3":
-  version: 2.8.3
-  resolution: "socks@npm:2.8.3"
-  dependencies:
-    ip-address: "npm:^9.0.5"
-    smart-buffer: "npm:^4.2.0"
-  checksum: 10c0/d54a52bf9325165770b674a67241143a3d8b4e4c8884560c4e0e078aace2a728dffc7f70150660f51b85797c4e1a3b82f9b7aa25e0a0ceae1a243365da5c51a7
-  languageName: node
-  linkType: hard
-
 "source-map-js@npm:^1.0.1, source-map-js@npm:^1.2.1":
   version: 1.2.1
   resolution: "source-map-js@npm:1.2.1"
@@ -3851,22 +3053,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sprintf-js@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "sprintf-js@npm:1.1.3"
-  checksum: 10c0/09270dc4f30d479e666aee820eacd9e464215cdff53848b443964202bf4051490538e5dd1b42e1a65cf7296916ca17640aebf63dae9812749c7542ee5f288dec
-  languageName: node
-  linkType: hard
-
-"ssri@npm:^10.0.0":
-  version: 10.0.6
-  resolution: "ssri@npm:10.0.6"
-  dependencies:
-    minipass: "npm:^7.0.3"
-  checksum: 10c0/e5a1e23a4057a86a97971465418f22ea89bd439ac36ade88812dd920e4e61873e8abd6a9b72a03a67ef50faa00a2daf1ab745c5a15b46d03e0544a0296354227
-  languageName: node
-  linkType: hard
-
 "stackframe@npm:^1.3.4":
   version: 1.3.4
   resolution: "stackframe@npm:1.3.4"
@@ -3881,46 +3067,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0":
-  version: 4.2.3
-  resolution: "string-width@npm:4.2.3"
-  dependencies:
-    emoji-regex: "npm:^8.0.0"
-    is-fullwidth-code-point: "npm:^3.0.0"
-    strip-ansi: "npm:^6.0.1"
-  checksum: 10c0/1e525e92e5eae0afd7454086eed9c818ee84374bb80328fc41217ae72ff5f065ef1c9d7f72da41de40c75fa8bb3dee63d92373fd492c84260a552c636392a47b
-  languageName: node
-  linkType: hard
-
-"string-width@npm:^5.0.1, string-width@npm:^5.1.2":
-  version: 5.1.2
-  resolution: "string-width@npm:5.1.2"
-  dependencies:
-    eastasianwidth: "npm:^0.2.0"
-    emoji-regex: "npm:^9.2.2"
-    strip-ansi: "npm:^7.0.1"
-  checksum: 10c0/ab9c4264443d35b8b923cbdd513a089a60de339216d3b0ed3be3ba57d6880e1a192b70ae17225f764d7adbf5994e9bb8df253a944736c15a0240eff553c678ca
-  languageName: node
-  linkType: hard
-
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1, strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "strip-ansi@npm:6.0.1"
-  dependencies:
-    ansi-regex: "npm:^5.0.1"
-  checksum: 10c0/1ae5f212a126fe5b167707f716942490e3933085a5ff6c008ab97ab2f272c8025d3aa218b7bd6ab25729ca20cc81cddb252102f8751e13482a5199e873680952
-  languageName: node
-  linkType: hard
-
-"strip-ansi@npm:^7.0.1":
-  version: 7.1.0
-  resolution: "strip-ansi@npm:7.1.0"
-  dependencies:
-    ansi-regex: "npm:^6.0.1"
-  checksum: 10c0/a198c3762e8832505328cbf9e8c8381de14a4fa50a4f9b2160138158ea88c0f5549fb50cb13c651c3088f47e63a108b34622ec18c0499b6c8c3a5ddf6b305ac4
-  languageName: node
-  linkType: hard
-
 "strnum@npm:^1.0.5":
   version: 1.0.5
   resolution: "strnum@npm:1.0.5"
@@ -3935,24 +3081,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sucrase@npm:^3.35.0":
-  version: 3.35.0
-  resolution: "sucrase@npm:3.35.0"
-  dependencies:
-    "@jridgewell/gen-mapping": "npm:^0.3.2"
-    commander: "npm:^4.0.0"
-    glob: "npm:^10.3.10"
-    lines-and-columns: "npm:^1.1.6"
-    mz: "npm:^2.7.0"
-    pirates: "npm:^4.0.1"
-    ts-interface-checker: "npm:^0.1.9"
-  bin:
-    sucrase: bin/sucrase
-    sucrase-node: bin/sucrase-node
-  checksum: 10c0/ac85f3359d2c2ecbf5febca6a24ae9bf96c931f05fde533c22a94f59c6a74895e5d5f0e871878dfd59c2697a75ebb04e4b2224ef0bfc24ca1210735c2ec191ef
-  languageName: node
-  linkType: hard
-
 "supports-color@npm:^5.3.0":
   version: 5.5.0
   resolution: "supports-color@npm:5.5.0"
@@ -3962,13 +3090,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"supports-preserve-symlinks-flag@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "supports-preserve-symlinks-flag@npm:1.0.0"
-  checksum: 10c0/6c4032340701a9950865f7ae8ef38578d8d7053f5e10518076e6554a9381fa91bd9c6850193695c141f32b21f979c985db07265a758867bac95de05f7d8aeb39
-  languageName: node
-  linkType: hard
-
 "svg-parser@npm:^2.0.4":
   version: 2.0.4
   resolution: "svg-parser@npm:2.0.4"
@@ -4012,68 +3133,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwindcss@npm:^3.4.19":
-  version: 3.4.19
-  resolution: "tailwindcss@npm:3.4.19"
-  dependencies:
-    "@alloc/quick-lru": "npm:^5.2.0"
-    arg: "npm:^5.0.2"
-    chokidar: "npm:^3.6.0"
-    didyoumean: "npm:^1.2.2"
-    dlv: "npm:^1.1.3"
-    fast-glob: "npm:^3.3.2"
-    glob-parent: "npm:^6.0.2"
-    is-glob: "npm:^4.0.3"
-    jiti: "npm:^1.21.7"
-    lilconfig: "npm:^3.1.3"
-    micromatch: "npm:^4.0.8"
-    normalize-path: "npm:^3.0.0"
-    object-hash: "npm:^3.0.0"
-    picocolors: "npm:^1.1.1"
-    postcss: "npm:^8.4.47"
-    postcss-import: "npm:^15.1.0"
-    postcss-js: "npm:^4.0.1"
-    postcss-load-config: "npm:^4.0.2 || ^5.0 || ^6.0"
-    postcss-nested: "npm:^6.2.0"
-    postcss-selector-parser: "npm:^6.1.2"
-    resolve: "npm:^1.22.8"
-    sucrase: "npm:^3.35.0"
-  bin:
-    tailwind: lib/cli.js
-    tailwindcss: lib/cli.js
-  checksum: 10c0/e1063daccb9e5a508b357ec73b0011354204b2366b56496d6f0cc822733a55a0551502cb85856a2257ef9b676d0026616daaaa176d391f3216df57fbd693c581
-  languageName: node
-  linkType: hard
-
-"tar@npm:^6.1.11, tar@npm:^6.2.1":
-  version: 6.2.1
-  resolution: "tar@npm:6.2.1"
-  dependencies:
-    chownr: "npm:^2.0.0"
-    fs-minipass: "npm:^2.0.0"
-    minipass: "npm:^5.0.0"
-    minizlib: "npm:^2.1.1"
-    mkdirp: "npm:^1.0.3"
-    yallist: "npm:^4.0.0"
-  checksum: 10c0/a5eca3eb50bc11552d453488344e6507156b9193efd7635e98e867fab275d527af53d8866e2370cd09dfe74378a18111622ace35af6a608e5223a7d27fe99537
+"tailwindcss@npm:4.1.18, tailwindcss@npm:^4.1.18":
+  version: 4.1.18
+  resolution: "tailwindcss@npm:4.1.18"
+  checksum: 10c0/c79263cea0b2c577859b02f28284caa4eb3844e4d0f563686726ca97817c045c5c395a55bc776daaa351ba9e4aefa9a75bfbb43c22d86f3c573eecc2b87d6bf1
   languageName: node
   linkType: hard
 
-"thenify-all@npm:^1.0.0":
-  version: 1.6.0
-  resolution: "thenify-all@npm:1.6.0"
-  dependencies:
-    thenify: "npm:>= 3.1.0 < 4"
-  checksum: 10c0/9b896a22735e8122754fe70f1d65f7ee691c1d70b1f116fda04fea103d0f9b356e3676cb789506e3909ae0486a79a476e4914b0f92472c2e093d206aed4b7d6b
-  languageName: node
-  linkType: hard
-
-"thenify@npm:>= 3.1.0 < 4":
-  version: 3.3.1
-  resolution: "thenify@npm:3.3.1"
-  dependencies:
-    any-promise: "npm:^1.0.0"
-  checksum: 10c0/f375aeb2b05c100a456a30bc3ed07ef03a39cbdefe02e0403fb714b8c7e57eeaad1a2f5c4ecfb9ce554ce3db9c2b024eba144843cd9e344566d9fcee73b04767
+"tapable@npm:^2.2.0":
+  version: 2.3.0
+  resolution: "tapable@npm:2.3.0"
+  checksum: 10c0/cb9d67cc2c6a74dedc812ef3085d9d681edd2c1fa18e4aef57a3c0605fdbe44e6b8ea00bd9ef21bc74dd45314e39d31227aa031ebf2f5e38164df514136f2681
   languageName: node
   linkType: hard
 
@@ -4098,22 +3168,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"to-regex-range@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "to-regex-range@npm:5.0.1"
-  dependencies:
-    is-number: "npm:^7.0.0"
-  checksum: 10c0/487988b0a19c654ff3e1961b87f471702e708fa8a8dd02a298ef16da7206692e8552a0250e8b3e8759270f62e9d8314616f6da274734d3b558b1fc7b7724e892
-  languageName: node
-  linkType: hard
-
-"ts-interface-checker@npm:^0.1.9":
-  version: 0.1.13
-  resolution: "ts-interface-checker@npm:0.1.13"
-  checksum: 10c0/232509f1b84192d07b81d1e9b9677088e590ac1303436da1e92b296e9be8e31ea042e3e1fd3d29b1742ad2c959e95afe30f63117b8f1bc3a3850070a5142fea7
-  languageName: node
-  linkType: hard
-
 "tslib@npm:^2.0.3, tslib@npm:^2.4.0, tslib@npm:^2.8.0":
   version: 2.8.1
   resolution: "tslib@npm:2.8.1"
@@ -4148,24 +3202,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unique-filename@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "unique-filename@npm:3.0.0"
-  dependencies:
-    unique-slug: "npm:^4.0.0"
-  checksum: 10c0/6363e40b2fa758eb5ec5e21b3c7fb83e5da8dcfbd866cc0c199d5534c42f03b9ea9ab069769cc388e1d7ab93b4eeef28ef506ab5f18d910ef29617715101884f
-  languageName: node
-  linkType: hard
-
-"unique-slug@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "unique-slug@npm:4.0.0"
-  dependencies:
-    imurmurhash: "npm:^0.1.4"
-  checksum: 10c0/cb811d9d54eb5821b81b18205750be84cb015c20a4a44280794e915f5a0a70223ce39066781a354e872df3572e8155c228f43ff0cce94c7cbf4da2cc7cbdd635
-  languageName: node
-  linkType: hard
-
 "update-browserslist-db@npm:^1.1.0":
   version: 1.1.0
   resolution: "update-browserslist-db@npm:1.1.0"
@@ -4189,57 +3225,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"util-deprecate@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "util-deprecate@npm:1.0.2"
-  checksum: 10c0/41a5bdd214df2f6c3ecf8622745e4a366c4adced864bc3c833739791aeeeb1838119af7daed4ba36428114b5c67dcda034a79c882e97e43c03e66a4dd7389942
-  languageName: node
-  linkType: hard
-
-"which@npm:^2.0.1":
-  version: 2.0.2
-  resolution: "which@npm:2.0.2"
-  dependencies:
-    isexe: "npm:^2.0.0"
-  bin:
-    node-which: ./bin/node-which
-  checksum: 10c0/66522872a768b60c2a65a57e8ad184e5372f5b6a9ca6d5f033d4b0dc98aff63995655a7503b9c0a2598936f532120e81dd8cc155e2e92ed662a2b9377cc4374f
-  languageName: node
-  linkType: hard
-
-"which@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "which@npm:4.0.0"
-  dependencies:
-    isexe: "npm:^3.1.1"
-  bin:
-    node-which: bin/which.js
-  checksum: 10c0/449fa5c44ed120ccecfe18c433296a4978a7583bf2391c50abce13f76878d2476defde04d0f79db8165bdf432853c1f8389d0485ca6e8ebce3bbcded513d5e6a
-  languageName: node
-  linkType: hard
-
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
-  version: 7.0.0
-  resolution: "wrap-ansi@npm:7.0.0"
-  dependencies:
-    ansi-styles: "npm:^4.0.0"
-    string-width: "npm:^4.1.0"
-    strip-ansi: "npm:^6.0.0"
-  checksum: 10c0/d15fc12c11e4cbc4044a552129ebc75ee3f57aa9c1958373a4db0292d72282f54373b536103987a4a7594db1ef6a4f10acf92978f79b98c49306a4b58c77d4da
-  languageName: node
-  linkType: hard
-
-"wrap-ansi@npm:^8.1.0":
-  version: 8.1.0
-  resolution: "wrap-ansi@npm:8.1.0"
-  dependencies:
-    ansi-styles: "npm:^6.1.0"
-    string-width: "npm:^5.0.1"
-    strip-ansi: "npm:^7.0.1"
-  checksum: 10c0/138ff58a41d2f877eae87e3282c0630fc2789012fc1af4d6bd626eeb9a2f9a65ca92005e6e69a75c7b85a68479fe7443c7dbe1eb8fbaa681a4491364b7c55c60
-  languageName: node
-  linkType: hard
-
 "yallist@npm:^3.0.2":
   version: 3.1.1
   resolution: "yallist@npm:3.1.1"
@@ -4247,13 +3232,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yallist@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "yallist@npm:4.0.0"
-  checksum: 10c0/2286b5e8dbfe22204ab66e2ef5cc9bbb1e55dfc873bbe0d568aa943eb255d131890dfd5bf243637273d31119b870f49c18fcde2c6ffbb7a7a092b870dc90625a
-  languageName: node
-  linkType: hard
-
 "zod@npm:^4.3.5":
   version: 4.3.5
   resolution: "zod@npm:4.3.5"

From f516c5d6f4b1e6c463e0743fc83b44cd685f2cc4 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Mon, 19 Jan 2026 04:59:50 +0800
Subject: [PATCH 17/21] style(layout): enable responsive design

---
 src/index.tsx                                 |  9 ++-
 src/pages/auth/index.tsx                      |  2 +-
 .../dashboard/developer/application/list.tsx  |  2 +-
 src/pages/dashboard/event/edit/EventMedia.tsx | 13 ++--
 src/pages/dashboard/event/list.tsx            | 54 ++++++--------
 src/pages/dashboard/feature/list.tsx          | 11 +--
 src/pages/dashboard/index.tsx                 | 46 +++++-------
 src/pages/dashboard/layout.tsx                | 73 +++++++++++++------
 src/pages/dashboard/organization/page.tsx     |  4 -
 src/pages/dashboard/region/index.tsx          |  4 +-
 10 files changed, 112 insertions(+), 106 deletions(-)

diff --git a/src/index.tsx b/src/index.tsx
index c2d7581..4090c67 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -7,6 +7,7 @@ import zhCN from "antd/locale/zh_CN";
 import { StyleProvider } from "@ant-design/cssinjs";
 import * as z from "zod";
 import { zhCN as zhCNZod } from "zod/locales";
+import { NuqsAdapter } from "nuqs/adapters/react-router/v7";
 
 z.config(zhCNZod());
 
@@ -41,9 +42,11 @@ if (rootEl) {
           }}
         >
           <AntdApp>
-            <QueryClientProvider client={queryClient}>
-              <RouterProvider router={router} />
-            </QueryClientProvider>
+            <NuqsAdapter>
+              <QueryClientProvider client={queryClient}>
+                <RouterProvider router={router} />
+              </QueryClientProvider>
+            </NuqsAdapter>
           </AntdApp>
         </ConfigProvider>
       </StyleProvider>
diff --git a/src/pages/auth/index.tsx b/src/pages/auth/index.tsx
index 34f76ff..ab20058 100644
--- a/src/pages/auth/index.tsx
+++ b/src/pages/auth/index.tsx
@@ -41,7 +41,7 @@ export default function Auth() {
         backdropFilter: "blur(5px)",
       }}
     >
-      <Flex justify="center" align="flex-end" style={{ height: "100%" }} vertical>
+      <Flex justify="center" className="items-center md:items-end" style={{ height: "100%" }} vertical>
         <Card
           className="w-full md:w-96 h-full"
           style={{ margin: 20, borderRadius: 8 }}
diff --git a/src/pages/dashboard/developer/application/list.tsx b/src/pages/dashboard/developer/application/list.tsx
index a2aa8f3..38e216e 100644
--- a/src/pages/dashboard/developer/application/list.tsx
+++ b/src/pages/dashboard/developer/application/list.tsx
@@ -89,7 +89,6 @@ export default function ApplicationPage() {
     {
       title: "操作",
       key: "action",
-      fixed: "right",
       render: (_, record) => {
         const menuItems: MenuProps["items"] = [
           {
@@ -159,6 +158,7 @@ export default function ApplicationPage() {
             total: data?.total,
             current: pagination.current,
           }}
+          scroll={{ x: "max-content" }}
           onChange={(tablePagination) => {
             if (tablePagination.current) {
               setPagination.current(tablePagination.current);
diff --git a/src/pages/dashboard/event/edit/EventMedia.tsx b/src/pages/dashboard/event/edit/EventMedia.tsx
index 7c3837c..d46c96a 100644
--- a/src/pages/dashboard/event/edit/EventMedia.tsx
+++ b/src/pages/dashboard/event/edit/EventMedia.tsx
@@ -37,7 +37,7 @@ export default function EventMedia({ form, pathPrefix, disabled }: EventMediaPro
             name="thumbnail"
             rules={[{ required: true, message: "请上传活动海报，或者选一个默认海报" }]}
             extra={
-              <Space style={{ marginTop: 8 }}>
+              <Space style={{ marginTop: 8 }} wrap>
                 <Button
                   onClick={() => {
                     form.setFieldValue("thumbnail", EventDefaultThumbnail.default);
@@ -81,8 +81,6 @@ export default function EventMedia({ form, pathPrefix, disabled }: EventMediaPro
               </Button>
             </Flex>
             {fields.map((field, index) => {
-              // const imageUrl = Form.useWatch(["media", "images", field.name, "url"], form);
-
               return (
                 <div key={field.key}>
                   <Flex justify="space-between" align="center" style={{ marginBottom: 8 }}>
@@ -107,12 +105,17 @@ export default function EventMedia({ form, pathPrefix, disabled }: EventMediaPro
                       <Button danger icon={<IconTrash size={14} />} onClick={() => remove(field.name)} />
                     </Flex>
                   </Flex>
-                  <Flex gap={16}>
+                  <Flex className="md:flex-row flex-col" gap={16}>
                     <Form.Item
                       name={[field.name, "url"]}
+                      className="mb-0"
                       getValueProps={(value) => ({ src: `https://images.furrycons.cn/${value}?format=jpg` })}
                     >
-                      <Image width={140} height={340} style={{ objectFit: "cover" }} fallback={IMAGE_FALLBACK} />
+                      <Image
+                        className="w-lvw h-30 md:w-[140] md:h-[340]"
+                        style={{ objectFit: "cover" }}
+                        fallback={IMAGE_FALLBACK}
+                      />
                     </Form.Item>
                     <Flex vertical flex={1}>
                       <Form.Item
diff --git a/src/pages/dashboard/event/list.tsx b/src/pages/dashboard/event/list.tsx
index 13c3057..10eb72c 100644
--- a/src/pages/dashboard/event/list.tsx
+++ b/src/pages/dashboard/event/list.tsx
@@ -35,21 +35,14 @@ export default function EventPage() {
   const [currentPage, setCurrentPage] = useQueryState("currentPage", parseAsInteger.withDefault(1));
   const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
 
-  const pagination = {
-    search,
-    orgSearch,
-    current: currentPage,
-    pageSize,
-  };
-
-  const setPagination = {
-    search: setSearch,
-    orgSearch: setOrgSearch,
-    current: setCurrentPage,
-    pageSize: setPageSize,
-  };
-
-  const { data, isLoading, mutate } = useSWR(["event-list", pagination], () => EventAPI.getEventList(pagination));
+  const { data, isLoading, mutate } = useSWR(["event-list", currentPage, pageSize, search, orgSearch], () =>
+    EventAPI.getEventList({
+      pageSize: pageSize,
+      current: currentPage,
+      search: search || undefined,
+      orgSearch: orgSearch || undefined,
+    })
+  );
 
   const handleDeleteEvent = async (id: string) => {
     try {
@@ -69,38 +62,38 @@ export default function EventPage() {
   const handleSearch = (
     selectedKeys: string[],
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof EventItem,
+    dataIndex: keyof EventItem
   ) => {
     console.log(selectedKeys);
     confirm();
 
     if (dataIndex === "name") {
-      setPagination.search(selectedKeys[0]);
+      setSearch(selectedKeys[0]);
     } else if (dataIndex === "organization") {
-      setPagination.orgSearch(selectedKeys[0]);
+      setOrgSearch(selectedKeys[0]);
     }
-    setPagination.current(1);
+    setCurrentPage(1);
   };
 
   const handleReset = (
     clearFilters: () => void,
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof EventItem,
+    dataIndex: keyof EventItem
   ) => {
     clearFilters();
     confirm();
 
     if (dataIndex === "name") {
-      setPagination.search(null);
+      setSearch(null);
     } else if (dataIndex === "organization") {
-      setPagination.orgSearch(null);
+      setOrgSearch(null);
     }
-    setPagination.current(1);
+    setCurrentPage(1);
   };
 
   const getColumnSearchProps = (
     dataIndex: keyof EventItem,
-    searchPlaceholder?: string,
+    searchPlaceholder?: string
   ): TableColumnType<EventItem> => ({
     filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
       <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
@@ -146,14 +139,12 @@ export default function EventPage() {
       title: "展商",
       dataIndex: ["organization", "name"],
       key: "organizationName",
-      fixed: "left",
       ...getColumnSearchProps("organization", "请输入展商名称"),
     },
     {
       title: "展会名称",
       dataIndex: "name",
       key: "name",
-      fixed: "left",
       ...getColumnSearchProps("name", "请输入展会名称"),
     },
     {
@@ -197,7 +188,6 @@ export default function EventPage() {
     {
       title: "操作",
       key: "action",
-      fixed: "right",
       render: (_, record) => {
         const menuItems: MenuProps["items"] = [
           {
@@ -276,18 +266,18 @@ export default function EventPage() {
           columns={columns}
           loading={isLoading}
           dataSource={data?.records || []}
-          scroll={{ x: "max-content" }}
+          scroll={{ x: 'max-content' }}
           pagination={{
-            pageSize: pagination.pageSize,
+            pageSize: pageSize,
             total: data?.total,
-            current: pagination.current,
+            current: currentPage,
           }}
           onChange={(tablePagination) => {
             if (tablePagination.current) {
-              setPagination.current(tablePagination.current);
+              setCurrentPage(tablePagination.current);
             }
             if (tablePagination.pageSize) {
-              setPagination.pageSize(tablePagination.pageSize);
+              setPageSize(tablePagination.pageSize);
             }
           }}
         />
diff --git a/src/pages/dashboard/feature/list.tsx b/src/pages/dashboard/feature/list.tsx
index a1152e9..56be248 100644
--- a/src/pages/dashboard/feature/list.tsx
+++ b/src/pages/dashboard/feature/list.tsx
@@ -40,13 +40,11 @@ export default function FeaturePage() {
       title: "标签名称",
       dataIndex: "name",
       key: "name",
-      width: 200,
     },
     {
       title: "类别",
       dataIndex: "category",
       key: "category",
-      width: 100,
       render: (_, record) => <Tag color="blue">{FeatureCategoryLabel[record.category as FeatureCategory]}</Tag>,
     },
     {
@@ -57,8 +55,6 @@ export default function FeaturePage() {
     {
       title: "操作",
       key: "action",
-      fixed: "right",
-      width: 250,
       render: (_, record) => {
         const menuItems: MenuProps["items"] = [
           { type: "divider" },
@@ -121,12 +117,7 @@ export default function FeaturePage() {
           columns={columns}
           loading={isPending}
           dataSource={data?.records || []}
-          scroll={
-            {
-              // x: 1500,
-              // y: 600
-            }
-          }
+          scroll={{ x: "max-content" }}
           pagination={{
             pageSize: pagination.pageSize,
             total: data?.total,
diff --git a/src/pages/dashboard/index.tsx b/src/pages/dashboard/index.tsx
index 2a20828..6fa9533 100644
--- a/src/pages/dashboard/index.tsx
+++ b/src/pages/dashboard/index.tsx
@@ -18,32 +18,26 @@ export default function Dashboard() {
     <div>
       <Title level={2}>欢迎回来，{user?.name || user?.email}</Title>
       <div className="mt-4">
-        <Row gutter={16}>
-          <Col flex={1}>
-            <Card style={{ borderRadius: 8 }}>
-              <Flex justify="space-between" align="center" gap={10}>
-                {UserRoleText[user?.role as UserRole]}
-                <IconUsers />
-              </Flex>
-            </Card>
-          </Col>
-          <Col flex={1}>
-            <Card style={{ borderRadius: 8 }}>
-              <Flex justify="space-between" align="center" gap={10}>
-                {applicationList?.total || 0} 个应用
-                <IconApps />
-              </Flex>
-            </Card>
-          </Col>
-          <Col flex={1}>
-            <Card style={{ borderRadius: 8 }}>
-              <Flex justify="space-between" align="center" gap={10}>
-                {user?.disabledAt ? "账户已禁用" : "账户正常"}
-                <IconUser />
-              </Flex>
-            </Card>
-          </Col>
-        </Row>
+        <Flex gap={16}>
+          <Card className="grow">
+            <Flex justify="space-between" align="center" gap={10}>
+              {UserRoleText[user?.role as UserRole]}
+              <IconUsers />
+            </Flex>
+          </Card>
+          <Card className="grow">
+            <Flex justify="space-between" align="center" gap={10}>
+              {applicationList?.total || 0} 个应用
+              <IconApps />
+            </Flex>
+          </Card>
+          <Card className="grow">
+            <Flex justify="space-between" align="center" gap={10}>
+              {user?.disabledAt ? "账户已禁用" : "账户正常"}
+              <IconUser />
+            </Flex>
+          </Card>
+        </Flex>
       </div>
     </div>
   );
diff --git a/src/pages/dashboard/layout.tsx b/src/pages/dashboard/layout.tsx
index eda79f9..ddcaffb 100644
--- a/src/pages/dashboard/layout.tsx
+++ b/src/pages/dashboard/layout.tsx
@@ -1,11 +1,12 @@
 import useAuthStore from "@/stores/auth";
-import { Layout, Menu, Divider } from "antd";
+import { Layout, Menu, Button, Flex } from "antd";
 import type { MenuProps } from "antd";
 import {
   IconApps,
   IconHome,
   IconLogout,
   IconMapPin,
+  IconMenu2,
   IconTag,
   IconTicket,
   IconTrademark,
@@ -13,9 +14,10 @@ import {
   IconUserCode,
 } from "@tabler/icons-react";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
-import { NuqsAdapter } from "nuqs/adapters/react-router/v7";
+import { useState } from "react";
+import clsx from "clsx";
 
-const { Sider, Content } = Layout;
+const { Sider, Content, Header } = Layout;
 
 type MenuItem = Required<MenuProps>["items"][number];
 
@@ -78,7 +80,7 @@ const bottomMenuItems: MenuItem[] = [
 const siderStyle: React.CSSProperties = {
   overflow: "auto",
   height: "100vh",
-  position: "sticky",
+  // position: "sticky",
   insetInlineStart: 0,
   top: 0,
   scrollbarWidth: "thin",
@@ -89,6 +91,8 @@ export default function DashboardLayout() {
   const navigate = useNavigate();
   const location = useLocation();
 
+  const [collapsed, setCollapsed] = useState(false);
+
   const { logout } = useAuthStore();
 
   const getSelectedKeys = () => {
@@ -125,12 +129,34 @@ export default function DashboardLayout() {
       navigate(e.key);
     }
   };
-
+  console.log(collapsed);
   return (
     <Layout style={{ minHeight: "100vh" }}>
-      <Sider width={300} className="bg-slate-100" style={siderStyle}>
-        <div className="flex flex-col h-full p-6">
-          <div className="flex-1">
+      <Sider
+        trigger={null}
+        collapsedWidth="100"
+        width={300}
+        className={clsx(
+          "bg-slate-100 z-50 fixed md:sticky shadow-md md:shadow-none",
+          collapsed ? "-translate-x-full md:translate-x-0" : "block"
+        )}
+        style={siderStyle}
+        collapsible
+        collapsed={collapsed}
+      >
+        <Flex justify="space-between" vertical className="px-2 h-full">
+          <div>
+            <Header
+              className={clsx(
+                "flex items-center bg-transparent p-0 md:p-2",
+                collapsed ? "justify-center" : "justify-end"
+              )}
+            >
+              <Button onClick={() => setCollapsed(!collapsed)}>
+                <IconMenu2 size="1.1rem" stroke={1.5} />
+              </Button>
+            </Header>
+
             <Menu
               mode="inline"
               selectedKeys={getSelectedKeys()}
@@ -140,23 +166,26 @@ export default function DashboardLayout() {
             />
           </div>
 
-          <div>
-            <Menu
-              mode="inline"
-              selectedKeys={[]}
-              items={bottomMenuItems}
-              onClick={handleMenuClick}
-              style={{ background: "transparent", border: "none" }}
-            />
-          </div>
-        </div>
+          <Menu
+            mode="inline"
+            selectedKeys={[]}
+            items={bottomMenuItems}
+            onClick={handleMenuClick}
+            style={{ background: "transparent", border: "none" }}
+          />
+        </Flex>
       </Sider>
 
-      <Content className="bg-slate-100 p-6">
-        <NuqsAdapter>
+      <Layout>
+        <Header className={clsx("flex items-center bg-transparent p-2 md:hidden")}>
+          <Button onClick={() => setCollapsed(!collapsed)}>
+            <IconMenu2 size="1.1rem" stroke={1.5} />
+          </Button>
+        </Header>
+        <Content className="bg-slate-100 p-2">
           <Outlet />
-        </NuqsAdapter>
-      </Content>
+        </Content>
+      </Layout>
     </Layout>
   );
 }
diff --git a/src/pages/dashboard/organization/page.tsx b/src/pages/dashboard/organization/page.tsx
index ac97308..e571131 100644
--- a/src/pages/dashboard/organization/page.tsx
+++ b/src/pages/dashboard/organization/page.tsx
@@ -87,13 +87,11 @@ export default function OrganizationPage() {
       title: "展方名称",
       dataIndex: "name",
       key: "name",
-      fixed: "left",
       ...getColumnSearchProps("name", "请输入展方名称"),
     },
     {
       title: "状态",
       dataIndex: "status",
-      width: 100,
       key: "status",
       render: (status) => OrganizationStatusLabel[status],
     },
@@ -119,8 +117,6 @@ export default function OrganizationPage() {
     {
       title: "操作",
       key: "action",
-      fixed: "right",
-      width: 250,
       render: (_, record) => {
         const menuItems: MenuProps["items"] = [
           {
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index 02be4c8..7b8dbfb 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -55,7 +55,6 @@ export default function RegionPage() {
     {
       title: "操作",
       key: "action",
-      fixed: "right",
       render: (_, record) => {
         const menuItems: MenuProps["items"] = [
           { type: "divider" },
@@ -102,7 +101,7 @@ export default function RegionPage() {
   return (
     <>
       <DefaultContainer className="sticky top-0 z-20">
-        <Flex justify="space-between" align="center">
+        <Flex className="md:flex-row flex-col gap-2" justify="space-between" align="center">
           <Title level={3} className="m-0">
             地区列表
           </Title>
@@ -133,6 +132,7 @@ export default function RegionPage() {
             total: data?.total,
             current: current,
           }}
+          scroll={{ x: "max-content" }}
           onChange={(pagination) => {
             setPageSize(pagination.pageSize || pageSize);
             setCurrent(pagination.current || current);

From e56e3de79b84d4ee0843a2add614d78a6d4b4a2f Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Mon, 19 Jan 2026 05:06:28 +0800
Subject: [PATCH 18/21] chore(CI): remove cloudflare page deploy

---
 .github/workflows/deploy.yaml | 24 +-----------------------
 1 file changed, 1 insertion(+), 23 deletions(-)

diff --git a/.github/workflows/deploy.yaml b/.github/workflows/deploy.yaml
index a13e7b5..d25856b 100644
--- a/.github/workflows/deploy.yaml
+++ b/.github/workflows/deploy.yaml
@@ -35,29 +35,7 @@ jobs:
           path: dist/
           retention-days: 1
 
-  deploy-cloudflare:
-    runs-on: ubuntu-latest
-    needs: build
-    permissions:
-      contents: read
-      deployments: write
-    name: Deploy to Cloudflare Pages
-    steps:
-      - name: Download Build Artifacts
-        uses: actions/download-artifact@v4
-        with:
-          name: dist-files
-          path: dist/
-
-      - name: Deploy to Cloudflare Pages
-        uses: cloudflare/wrangler-action@v3
-        with:
-          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          command: pages deploy dist --project-name=fcc-cms-6b4t
-          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
-
-  deploy-qcloud:
+  deploy-eo:
     runs-on: ubuntu-latest
     needs: build
     permissions:

From 5672bfde6b49d3911f9a27a1aa23eb7ca52ad6ec Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Mon, 19 Jan 2026 05:10:01 +0800
Subject: [PATCH 19/21] chore(lint): lint everything

---
 package.json                                  |  3 +-
 postcss.config.cjs                            |  2 +-
 src/api/dashboard/event.ts                    | 20 ++++---
 src/api/dashboard/organization.ts             |  2 +-
 .../EventFeature/EventFeatureSelector.tsx     | 55 ++++++++++---------
 .../Organization/OrganizatonSelector.tsx      |  6 +-
 src/components/Region/RegionSelector.tsx      |  6 +-
 src/index.tsx                                 |  2 +-
 src/pages/dashboard/event/edit/page.tsx       |  4 +-
 src/pages/dashboard/event/list.tsx            | 10 ++--
 src/pages/dashboard/layout.tsx                |  4 +-
 src/pages/dashboard/organization/edit.tsx     |  4 +-
 src/pages/dashboard/organization/page.tsx     |  8 +--
 src/pages/dashboard/region/edit.tsx           |  2 +-
 src/pages/dashboard/region/index.tsx          |  2 +-
 src/pages/user/detail.tsx                     | 16 +++---
 src/styles/global.css                         |  2 +-
 src/types/organization.ts                     |  2 +-
 yarn.lock                                     | 20 +++++--
 19 files changed, 95 insertions(+), 75 deletions(-)

diff --git a/package.json b/package.json
index f736e2d..05bd483 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     "react-hook-form": "^7.71.1",
     "react-router-dom": "^7.12.0",
     "swr": "^2.3.8",
-    "tailwind-merge": "^2.6.0",
+    "tailwind-merge": "^3.4.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.10"
   },
@@ -40,6 +40,7 @@
     "@types/node": "^22.19.7",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
+    "prettier": "3.8.0",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3"
   },
diff --git a/postcss.config.cjs b/postcss.config.cjs
index e564072..483f378 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -1,5 +1,5 @@
 module.exports = {
   plugins: {
-    '@tailwindcss/postcss': {},
+    "@tailwindcss/postcss": {},
   },
 };
diff --git a/src/api/dashboard/event.ts b/src/api/dashboard/event.ts
index f9720c2..7991881 100644
--- a/src/api/dashboard/event.ts
+++ b/src/api/dashboard/event.ts
@@ -1,5 +1,11 @@
 import Axios from "@/api";
-import { EventLocationType, EventTicketChannelType, EventType, type EditableEvent, type EventItem } from "@/types/event";
+import {
+  EventLocationType,
+  EventTicketChannelType,
+  EventType,
+  type EditableEvent,
+  type EventItem,
+} from "@/types/event";
 import type { List } from "@/types/Request";
 import z from "zod";
 
@@ -16,7 +22,7 @@ export const EditEventApiBody = z.object({
     z.object({
       id: z.uuid(),
       isPrimary: z.boolean(),
-    })
+    }),
   ),
   regionId: z.uuid().optional(),
   address: z.string().nullish(),
@@ -28,7 +34,7 @@ export const EditEventApiBody = z.object({
         url: z.string(),
         name: z.string().nullish(),
         description: z.string().nullish(),
-      })
+      }),
     )
     .nullish(),
   ticketChannels: z
@@ -38,7 +44,7 @@ export const EditEventApiBody = z.object({
         name: z.string(),
         url: z.string(),
         available: z.boolean(),
-      })
+      }),
     )
     .nullish(),
 
@@ -51,7 +57,7 @@ export const EditEventApiBody = z.object({
             url: z.string(),
             title: z.string().nullish(),
             description: z.string().nullish(),
-          })
+          }),
         )
         .optional(),
       videos: z
@@ -60,7 +66,7 @@ export const EditEventApiBody = z.object({
             url: z.string(),
             title: z.string().nullish(),
             description: z.string().nullish(),
-          })
+          }),
         )
         .optional(),
       lives: z
@@ -69,7 +75,7 @@ export const EditEventApiBody = z.object({
             url: z.string(),
             title: z.string().nullish(),
             description: z.string().nullish(),
-          })
+          }),
         )
         .optional(),
     })
diff --git a/src/api/dashboard/organization.ts b/src/api/dashboard/organization.ts
index f3de46e..3ed3544 100644
--- a/src/api/dashboard/organization.ts
+++ b/src/api/dashboard/organization.ts
@@ -29,7 +29,7 @@ export const EditOrganizationApiBody = z.object({
           z.object({
             label: z.string(),
             value: z.string(),
-          })
+          }),
         )
         .optional(),
     })
diff --git a/src/components/EventFeature/EventFeatureSelector.tsx b/src/components/EventFeature/EventFeatureSelector.tsx
index 7bc4b5e..15a79c5 100644
--- a/src/components/EventFeature/EventFeatureSelector.tsx
+++ b/src/components/EventFeature/EventFeatureSelector.tsx
@@ -26,42 +26,45 @@ export default function EventFeatureSelector({
   const [searchValue, setSearchValue] = useState("");
 
   const { data, isLoading } = useSWR(["feature/list", searchValue], () =>
-    FeatureAPI.getFeatureList({ pageSize: 50, current: 1, name: searchValue })
+    FeatureAPI.getFeatureList({ pageSize: 50, current: 1, name: searchValue }),
   );
 
   const features = uniqBy([...(selectedOptions || []), ...(data?.records || [])], (feature) => feature.id);
 
-  const selectOptions = features.reduce((acc, feature) => {
-    const category = feature.category as keyof typeof FeatureCategoryLabel;
-    const groupLabel = FeatureCategoryLabel[category] || "其他";
+  const selectOptions = features.reduce(
+    (acc, feature) => {
+      const category = feature.category as keyof typeof FeatureCategoryLabel;
+      const groupLabel = FeatureCategoryLabel[category] || "其他";
 
-    const existingGroup = acc.find((group) => group.label === groupLabel);
-    if (existingGroup) {
-      existingGroup.options.push({
-        label: feature.name,
-        value: feature.id,
-        feature,
-      });
-    } else {
-      acc.push({
-        label: groupLabel,
-        options: [
-          {
-            label: feature.name,
-            value: feature.id,
-            feature,
-          },
-        ],
-      });
-    }
-    return acc;
-  }, [] as Array<{ label: string; options: Array<{ label: string; value: string; feature: Feature }> }>);
+      const existingGroup = acc.find((group) => group.label === groupLabel);
+      if (existingGroup) {
+        existingGroup.options.push({
+          label: feature.name,
+          value: feature.id,
+          feature,
+        });
+      } else {
+        acc.push({
+          label: groupLabel,
+          options: [
+            {
+              label: feature.name,
+              value: feature.id,
+              feature,
+            },
+          ],
+        });
+      }
+      return acc;
+    },
+    [] as Array<{ label: string; options: Array<{ label: string; value: string; feature: Feature }> }>,
+  );
 
   const handleSearch = useCallback(
     debounce((value: string) => {
       setSearchValue(value);
     }, 300),
-    []
+    [],
   );
 
   const handleChange = (selectedValue: string[]) => {
diff --git a/src/components/Organization/OrganizatonSelector.tsx b/src/components/Organization/OrganizatonSelector.tsx
index 0c251a0..7348d83 100644
--- a/src/components/Organization/OrganizatonSelector.tsx
+++ b/src/components/Organization/OrganizatonSelector.tsx
@@ -26,12 +26,12 @@ export default function OrganizationSelector({
   const [searchValue, setSearchValue] = useState("");
 
   const { data, isLoading } = useSWR(["organization/list", searchValue], () =>
-    OrganizationAPI.getOrganizationList({ pageSize: 50, current: 1, name: searchValue })
+    OrganizationAPI.getOrganizationList({ pageSize: 50, current: 1, name: searchValue }),
   );
 
   const organizations = uniqBy(
     [...(selectedOptions || []), ...(data?.records || [])],
-    (organization) => organization.id
+    (organization) => organization.id,
   );
 
   const selectOptions = organizations.map((organization) => ({
@@ -43,7 +43,7 @@ export default function OrganizationSelector({
     debounce((value: string) => {
       setSearchValue(value);
     }, 300),
-    []
+    [],
   );
 
   const handleChange = (selectedValue: string[]) => {
diff --git a/src/components/Region/RegionSelector.tsx b/src/components/Region/RegionSelector.tsx
index 2f72ca8..c39f94e 100644
--- a/src/components/Region/RegionSelector.tsx
+++ b/src/components/Region/RegionSelector.tsx
@@ -25,12 +25,12 @@ export default function RegionSelector({
   const [searchValue, setSearchValue] = useState("");
 
   const { data, isLoading } = useSWR(["region/list", searchValue], () =>
-    RegionAPI.getRegionList({ pageSize: 50, current: 1, code: searchValue })
+    RegionAPI.getRegionList({ pageSize: 50, current: 1, code: searchValue }),
   );
 
   const regions = uniqBy(
     [...(selectedOption ? [selectedOption] : []), ...(data?.records || [])],
-    (region) => region.id
+    (region) => region.id,
   );
 
   const selectOptions = regions.map((region) => ({
@@ -42,7 +42,7 @@ export default function RegionSelector({
     debounce((value: string) => {
       setSearchValue(value);
     }, 300),
-    []
+    [],
   );
 
   const handleChange = (selectedValue: string) => {
diff --git a/src/index.tsx b/src/index.tsx
index 4090c67..58b8c63 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -50,6 +50,6 @@ if (rootEl) {
           </AntdApp>
         </ConfigProvider>
       </StyleProvider>
-    </React.StrictMode>
+    </React.StrictMode>,
   );
 }
diff --git a/src/pages/dashboard/event/edit/page.tsx b/src/pages/dashboard/event/edit/page.tsx
index f262b05..c497ca6 100644
--- a/src/pages/dashboard/event/edit/page.tsx
+++ b/src/pages/dashboard/event/edit/page.tsx
@@ -36,7 +36,7 @@ export default function EventEditPage() {
     {
       revalidateOnFocus: false,
       revalidateOnReconnect: false,
-    }
+    },
   );
 
   if (error) {
@@ -146,7 +146,7 @@ function EventEditorContent({ event }: { event?: EventItem }) {
           })),
         ],
       },
-      EditEventApiBody
+      EditEventApiBody,
     );
 
     if (processedValues.errors.length > 0) {
diff --git a/src/pages/dashboard/event/list.tsx b/src/pages/dashboard/event/list.tsx
index 10eb72c..8c75b1f 100644
--- a/src/pages/dashboard/event/list.tsx
+++ b/src/pages/dashboard/event/list.tsx
@@ -41,7 +41,7 @@ export default function EventPage() {
       current: currentPage,
       search: search || undefined,
       orgSearch: orgSearch || undefined,
-    })
+    }),
   );
 
   const handleDeleteEvent = async (id: string) => {
@@ -62,7 +62,7 @@ export default function EventPage() {
   const handleSearch = (
     selectedKeys: string[],
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof EventItem
+    dataIndex: keyof EventItem,
   ) => {
     console.log(selectedKeys);
     confirm();
@@ -78,7 +78,7 @@ export default function EventPage() {
   const handleReset = (
     clearFilters: () => void,
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof EventItem
+    dataIndex: keyof EventItem,
   ) => {
     clearFilters();
     confirm();
@@ -93,7 +93,7 @@ export default function EventPage() {
 
   const getColumnSearchProps = (
     dataIndex: keyof EventItem,
-    searchPlaceholder?: string
+    searchPlaceholder?: string,
   ): TableColumnType<EventItem> => ({
     filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
       <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
@@ -266,7 +266,7 @@ export default function EventPage() {
           columns={columns}
           loading={isLoading}
           dataSource={data?.records || []}
-          scroll={{ x: 'max-content' }}
+          scroll={{ x: "max-content" }}
           pagination={{
             pageSize: pageSize,
             total: data?.total,
diff --git a/src/pages/dashboard/layout.tsx b/src/pages/dashboard/layout.tsx
index ddcaffb..74f8675 100644
--- a/src/pages/dashboard/layout.tsx
+++ b/src/pages/dashboard/layout.tsx
@@ -138,7 +138,7 @@ export default function DashboardLayout() {
         width={300}
         className={clsx(
           "bg-slate-100 z-50 fixed md:sticky shadow-md md:shadow-none",
-          collapsed ? "-translate-x-full md:translate-x-0" : "block"
+          collapsed ? "-translate-x-full md:translate-x-0" : "block",
         )}
         style={siderStyle}
         collapsible
@@ -149,7 +149,7 @@ export default function DashboardLayout() {
             <Header
               className={clsx(
                 "flex items-center bg-transparent p-0 md:p-2",
-                collapsed ? "justify-center" : "justify-end"
+                collapsed ? "justify-center" : "justify-end",
               )}
             >
               <Button onClick={() => setCollapsed(!collapsed)}>
diff --git a/src/pages/dashboard/organization/edit.tsx b/src/pages/dashboard/organization/edit.tsx
index 95dc8b4..f6ffad9 100644
--- a/src/pages/dashboard/organization/edit.tsx
+++ b/src/pages/dashboard/organization/edit.tsx
@@ -29,7 +29,7 @@ export default function OrganizationEditPage() {
     {
       revalidateOnFocus: false,
       revalidateOnReconnect: false,
-    }
+    },
   );
 
   if (error) {
@@ -107,7 +107,7 @@ function OrganizationEditorContent({ organization }: { organization?: Organizati
         ...value,
         creationTime: value.creationTime ? value.creationTime.toISOString() : undefined,
       },
-      EditOrganizationApiBody
+      EditOrganizationApiBody,
     );
     if (processedValues.errors.length > 0) {
       return modal.warning({
diff --git a/src/pages/dashboard/organization/page.tsx b/src/pages/dashboard/organization/page.tsx
index e571131..0d37fd8 100644
--- a/src/pages/dashboard/organization/page.tsx
+++ b/src/pages/dashboard/organization/page.tsx
@@ -31,7 +31,7 @@ export default function OrganizationPage() {
       current: currentPage,
       name: filter.name,
       slug: filter.slug,
-    })
+    }),
   );
 
   const handleRefreshPage = async (slug: string) => {
@@ -41,7 +41,7 @@ export default function OrganizationPage() {
 
   const getColumnSearchProps = (
     dataIndex: keyof Organization,
-    searchPlaceholder?: string
+    searchPlaceholder?: string,
   ): TableColumnType<Organization> => ({
     filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
       <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
@@ -170,7 +170,7 @@ export default function OrganizationPage() {
   const handleSearch = (
     selectedKeys: string[],
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof Organization
+    dataIndex: keyof Organization,
   ) => {
     confirm();
     setFilter((exist) => ({
@@ -184,7 +184,7 @@ export default function OrganizationPage() {
   const handleReset = (
     clearFilters: () => void,
     confirm: FilterDropdownProps["confirm"],
-    dataIndex: keyof Organization
+    dataIndex: keyof Organization,
   ) => {
     clearFilters();
     confirm();
diff --git a/src/pages/dashboard/region/edit.tsx b/src/pages/dashboard/region/edit.tsx
index d406bb6..6630960 100644
--- a/src/pages/dashboard/region/edit.tsx
+++ b/src/pages/dashboard/region/edit.tsx
@@ -22,7 +22,7 @@ export default function RegionEditPage() {
     {
       revalidateOnFocus: false,
       revalidateOnReconnect: false,
-    }
+    },
   );
 
   if (error) {
diff --git a/src/pages/dashboard/region/index.tsx b/src/pages/dashboard/region/index.tsx
index 7b8dbfb..34985be 100644
--- a/src/pages/dashboard/region/index.tsx
+++ b/src/pages/dashboard/region/index.tsx
@@ -20,7 +20,7 @@ export default function RegionPage() {
   const [pageSize, setPageSize] = useQueryState("pageSize", parseAsInteger.withDefault(20));
 
   const { isLoading, data } = useSWR(["region-list", current, pageSize], () =>
-    RegionAPI.getRegionList({ current, pageSize })
+    RegionAPI.getRegionList({ current, pageSize }),
   );
 
   const columns: ColumnsType<Region> = [
diff --git a/src/pages/user/detail.tsx b/src/pages/user/detail.tsx
index 498917f..0735eb5 100644
--- a/src/pages/user/detail.tsx
+++ b/src/pages/user/detail.tsx
@@ -9,14 +9,14 @@ import type { User } from "@/types/User";
 const { Title } = Typography;
 
 export default function UserDetail() {
-  const { data: user, isLoading, error } = useSWR(
-    ["user-detail"],
-    () => AuthAPI.getCurrentUser(),
-    {
-      revalidateOnFocus: false,
-      revalidateOnReconnect: false,
-    }
-  );
+  const {
+    data: user,
+    isLoading,
+    error,
+  } = useSWR(["user-detail"], () => AuthAPI.getCurrentUser(), {
+    revalidateOnFocus: false,
+    revalidateOnReconnect: false,
+  });
 
   if (error) {
     return <LoadError />;
diff --git a/src/styles/global.css b/src/styles/global.css
index 69e5dbe..6cd1558 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -20,4 +20,4 @@
   }
 }
 
-@import 'tailwindcss';
\ No newline at end of file
+@import "tailwindcss";
diff --git a/src/types/organization.ts b/src/types/organization.ts
index 8cd0bb9..4ee618a 100644
--- a/src/types/organization.ts
+++ b/src/types/organization.ts
@@ -46,7 +46,7 @@ export const OrganizationSchema = z.object({
           z.object({
             label: z.string(),
             value: z.string(),
-          })
+          }),
         )
         .optional(),
     })
diff --git a/yarn.lock b/yarn.lock
index 3e8f093..a22349f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2324,12 +2324,13 @@ __metadata:
     es-toolkit: "npm:^1.44.0"
     nanoid: "npm:^5.1.6"
     nuqs: "npm:^2.8.6"
+    prettier: "npm:3.8.0"
     react: "npm:^19.2.3"
     react-dom: "npm:^19.2.3"
     react-hook-form: "npm:^7.71.1"
     react-router-dom: "npm:^7.12.0"
     swr: "npm:^2.3.8"
-    tailwind-merge: "npm:^2.6.0"
+    tailwind-merge: "npm:^3.4.0"
     tailwindcss: "npm:^4.1.18"
     typescript: "npm:^5.9.3"
     zod: "npm:^4.3.5"
@@ -2888,6 +2889,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prettier@npm:3.8.0":
+  version: 3.8.0
+  resolution: "prettier@npm:3.8.0"
+  bin:
+    prettier: bin/prettier.cjs
+  checksum: 10c0/8926e9c9941a293b76c2d799089d038e9f6d84fb37702fc370bedd03b3c70d7fcf507e2e3c4f151f222d81820a3b74cac5e692c955cfafe34dd0d02616ce8327
+  languageName: node
+  linkType: hard
+
 "proxy-from-env@npm:^1.1.0":
   version: 1.1.0
   resolution: "proxy-from-env@npm:1.1.0"
@@ -3126,10 +3136,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwind-merge@npm:^2.6.0":
-  version: 2.6.0
-  resolution: "tailwind-merge@npm:2.6.0"
-  checksum: 10c0/fc8a5535524de9f4dacf1c16ab298581c7bb757d68a95faaf28942b1c555a619bba9d4c6726fe83986e44973b315410c1a5226e5354c30ba82353bd6d2288fa5
+"tailwind-merge@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "tailwind-merge@npm:3.4.0"
+  checksum: 10c0/eaf17bb695c51c7bb7a90366a9c62be295473ee97fcfd1da54287714d4a5788a88ff4ad1ab9e0128638257fda777d6c9ea88682e36195e31a7fa2cf43f45e310
   languageName: node
   linkType: hard
 

From 71cb20910c554ce76e5f815b024b6e15c6caa709 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Mon, 19 Jan 2026 05:17:21 +0800
Subject: [PATCH 20/21] chore(dep): clean deps

---
 package.json          |  6 +--
 src/styles/global.css |  2 -
 yarn.lock             | 98 +------------------------------------------
 3 files changed, 4 insertions(+), 102 deletions(-)

diff --git a/package.json b/package.json
index 05bd483..36919ea 100644
--- a/package.json
+++ b/package.json
@@ -4,16 +4,14 @@
   "version": "1.0.0",
   "scripts": {
     "build": "rsbuild build",
-    "check": "biome check --write",
+    "check": "prettier --check",
     "dev": "rsbuild dev --open",
-    "format": "biome format --write",
+    "format": "prettier . --write",
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "@hello-pangea/dnd": "^18.0.1",
     "@hookform/resolvers": "^5.2.2",
     "@tabler/icons-react": "^3.36.1",
-    "@tailwindcss/forms": "^0.5.11",
     "@tanstack/react-query": "^5.90.17",
     "antd": "^6.2.0",
     "axios": "^1.13.2",
diff --git a/src/styles/global.css b/src/styles/global.css
index 6cd1558..4ffd02c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,7 +1,5 @@
 @layer theme, base, antd, components, utilities;
 
-/* @plugin '@tailwindcss/forms'; */
-
 /*
   The default border color has changed to `currentcolor` in Tailwind CSS v4,
   so we've added these compatibility styles to make sure everything still
diff --git a/yarn.lock b/yarn.lock
index a22349f..1fad872 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -260,7 +260,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.24.7, @babel/runtime@npm:^7.26.7, @babel/runtime@npm:^7.28.4":
+"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.24.7, @babel/runtime@npm:^7.28.4":
   version: 7.28.4
   resolution: "@babel/runtime@npm:7.28.4"
   checksum: 10c0/792ce7af9750fb9b93879cc9d1db175701c4689da890e6ced242ea0207c9da411ccf16dc04e689cc01158b28d7898c40d75598f4559109f761c12ce01e959bf7
@@ -346,22 +346,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@hello-pangea/dnd@npm:^18.0.1":
-  version: 18.0.1
-  resolution: "@hello-pangea/dnd@npm:18.0.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.26.7"
-    css-box-model: "npm:^1.2.1"
-    raf-schd: "npm:^4.0.3"
-    react-redux: "npm:^9.2.0"
-    redux: "npm:^5.0.1"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/30c47ac8048f85e5c6d39c0b5a492cf2cc9e5f532cee12c5ecc77688596c8846670be142bd716212db789f161cd769601a5da135fa99ac65824fbb6a07d4d137
-  languageName: node
-  linkType: hard
-
 "@hookform/resolvers@npm:^5.2.2":
   version: 5.2.2
   resolution: "@hookform/resolvers@npm:5.2.2"
@@ -1509,17 +1493,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tailwindcss/forms@npm:^0.5.11":
-  version: 0.5.11
-  resolution: "@tailwindcss/forms@npm:0.5.11"
-  dependencies:
-    mini-svg-data-uri: "npm:^1.2.3"
-  peerDependencies:
-    tailwindcss: ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1"
-  checksum: 10c0/6bf5679384ffbcc5ac0b331127bb5b2f058a49d80f660f4af0b1cbcffe2b0b829f83ea66aabd580ca21168a6b8f021dc6d19816a71c84416660dbbb1197c0f9c
-  languageName: node
-  linkType: hard
-
 "@tailwindcss/node@npm:4.1.18":
   version: 4.1.18
   resolution: "@tailwindcss/node@npm:4.1.18"
@@ -1745,13 +1718,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/use-sync-external-store@npm:^0.0.6":
-  version: 0.0.6
-  resolution: "@types/use-sync-external-store@npm:0.0.6"
-  checksum: 10c0/77c045a98f57488201f678b181cccd042279aff3da34540ad242f893acc52b358bd0a8207a321b8ac09adbcef36e3236944390e2df4fcedb556ce7bb2a88f2a8
-  languageName: node
-  linkType: hard
-
 "ansi-styles@npm:^3.2.1":
   version: 3.2.1
   resolution: "ansi-styles@npm:3.2.1"
@@ -2015,15 +1981,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-box-model@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "css-box-model@npm:1.2.1"
-  dependencies:
-    tiny-invariant: "npm:^1.0.6"
-  checksum: 10c0/611e56d76b16e4e21956ed9fa53f1936fbbfaccd378659587e9c929f342037fc6c062f8af9447226e11fe7c95e31e6c007a37e592f9bff4c2d40e6915553104a
-  languageName: node
-  linkType: hard
-
 "css-select@npm:^5.1.0":
   version: 5.1.0
   resolution: "css-select@npm:5.1.0"
@@ -2304,13 +2261,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "fcc-dashboard@workspace:."
   dependencies:
-    "@hello-pangea/dnd": "npm:^18.0.1"
     "@hookform/resolvers": "npm:^5.2.2"
     "@rsbuild/core": "npm:1.7.2"
     "@rsbuild/plugin-react": "npm:1.4.3"
     "@rsbuild/plugin-svgr": "npm:^1.2.4"
     "@tabler/icons-react": "npm:^3.36.1"
-    "@tailwindcss/forms": "npm:^0.5.11"
     "@tailwindcss/postcss": "npm:^4.1.18"
     "@tanstack/react-query": "npm:^5.90.17"
     "@types/node": "npm:^22.19.7"
@@ -2756,15 +2711,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mini-svg-data-uri@npm:^1.2.3":
-  version: 1.4.4
-  resolution: "mini-svg-data-uri@npm:1.4.4"
-  bin:
-    mini-svg-data-uri: cli.js
-  checksum: 10c0/24545fa30b5a45449241bf19c25b8bc37594b63ec06401b3d563bd1c2e8a6abb7c18741f8b354e0064baa63c291be214154bf3a66f201ae71dfab3cc1a5e3191
-  languageName: node
-  linkType: hard
-
 "ms@npm:^2.1.3":
   version: 2.1.3
   resolution: "ms@npm:2.1.3"
@@ -2905,13 +2851,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"raf-schd@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "raf-schd@npm:4.0.3"
-  checksum: 10c0/ecabf0957c05fad059779bddcd992f1a9d3a35dfea439a6f0935c382fcf4f7f7fa60489e467b4c2db357a3665167d2a379782586b59712bb36c766e02824709b
-  languageName: node
-  linkType: hard
-
 "react-dom@npm:^19.2.3":
   version: 19.2.3
   resolution: "react-dom@npm:19.2.3"
@@ -2939,25 +2878,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-redux@npm:^9.2.0":
-  version: 9.2.0
-  resolution: "react-redux@npm:9.2.0"
-  dependencies:
-    "@types/use-sync-external-store": "npm:^0.0.6"
-    use-sync-external-store: "npm:^1.4.0"
-  peerDependencies:
-    "@types/react": ^18.2.25 || ^19
-    react: ^18.0 || ^19
-    redux: ^5.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-    redux:
-      optional: true
-  checksum: 10c0/00d485f9d9219ca1507b4d30dde5f6ff8fb68ba642458f742e0ec83af052f89e65cd668249b99299e1053cc6ad3d2d8ac6cb89e2f70d2ac5585ae0d7fa0ef259
-  languageName: node
-  linkType: hard
-
 "react-refresh@npm:^0.18.0":
   version: 0.18.0
   resolution: "react-refresh@npm:0.18.0"
@@ -3000,13 +2920,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"redux@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "redux@npm:5.0.1"
-  checksum: 10c0/b10c28357194f38e7d53b760ed5e64faa317cc63de1fb95bc5d9e127fab956392344368c357b8e7a9bedb0c35b111e7efa522210cfdc3b3c75e5074718e9069c
-  languageName: node
-  linkType: hard
-
 "resolve-from@npm:^4.0.0":
   version: 4.0.0
   resolution: "resolve-from@npm:4.0.0"
@@ -3164,13 +3077,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tiny-invariant@npm:^1.0.6":
-  version: 1.3.3
-  resolution: "tiny-invariant@npm:1.3.3"
-  checksum: 10c0/65af4a07324b591a059b35269cd696aba21bef2107f29b9f5894d83cc143159a204b299553435b03874ebb5b94d019afa8b8eff241c8a4cfee95872c2e1c1c4a
-  languageName: node
-  linkType: hard
-
 "to-fast-properties@npm:^2.0.0":
   version: 2.0.0
   resolution: "to-fast-properties@npm:2.0.0"
@@ -3226,7 +3132,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-sync-external-store@npm:^1.4.0, use-sync-external-store@npm:^1.6.0":
+"use-sync-external-store@npm:^1.6.0":
   version: 1.6.0
   resolution: "use-sync-external-store@npm:1.6.0"
   peerDependencies:

From 4c7bca88154ce0bdf58732b7475960fe8a23df71 Mon Sep 17 00:00:00 2001
From: JiPai <github@jipai.moe>
Date: Mon, 19 Jan 2026 05:19:32 +0800
Subject: [PATCH 21/21] feat(config): update title

---
 rsbuild.config.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/rsbuild.config.ts b/rsbuild.config.ts
index daec6ec..c60ee09 100644
--- a/rsbuild.config.ts
+++ b/rsbuild.config.ts
@@ -13,6 +13,6 @@ export default defineConfig({
     define: publicVars,
   },
   html: {
-    title: "FCC Dashboard",
+    title: "FCC 工作间",
   },
 });