更新构建脚本路径

添加docker构建脚本 & 发布v0.4.1版本
next版本升级
2026-03-06 13:58:04 +08:00 · 2026-03-06 13:35:59 +08:00 · 2026-03-06 13:26:11 +08:00 · 2026-02-28 14:44:23 +08:00 · 2026-02-26 15:15:10 +08:00 · 2026-02-26 15:12:20 +08:00
70 changed files with 3434 additions and 2602 deletions
--- a/.env.example
+++ b/.env.example
@@ -0,0 +1,17 @@
+# 数据库连接字符串
+DATABASE_HOST=localhost
+DATABASE_PORT=23306
+DATABASE_USERNAME=root
+DATABASE_PASSWORD=root
+DATABASE_NAME=app
+
+# Redis 连接字符串
+REDIS_HOST=localhost
+REDIS_PORT=26379
+REDIS_USERNAME=
+REDIS_PASSWORD=
+
+# 京东网关配置
+JD_BASE=https://smart.jdbox.xyz:58001
+JD_USERNAME=
+JD_PASSWORD=
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,39 @@
-node_modules
-src/generated/
-.next
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
 .env
-deploy.sh
-.volumes
-.vscode
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# dev
+.volumes/
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -0,0 +1,26 @@
+{
+    "sqltools.connections": [
+        {
+            "mysqlOptions": {
+                "authProtocol": "default",
+                "enableSsl": "Disabled"
+            },
+            "ssh": "Disabled",
+            "previewLimit": 50,
+            "server": "localhost",
+            "port": 23306,
+            "driver": "MariaDB",
+            "name": "localhost",
+            "database": "app",
+            "username": "root"
+        }
+    ],
+    "[typescript]": {
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+    },
+    "[typescriptreact]": {
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+    }
+}
--- a/1
+++ b/1
@@ -14,7 +14,6 @@ WORKDIR /app
 COPY --from=dep /app/node_modules ./node_modules
 COPY . .

-RUN bun prisma generate
 RUN bun run build

 # 生产阶段
--- a/README.md
+++ b/README.md
@@ -1,36 +1,11 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+极狐配置监控项目

-## Getting Started
+## 部署方式

-First, run the development server:
+见 [tapd文档](https://www.tapd.cn/67163502/documents/show/1167163502001000029) 极狐配置监控部分

-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+## 使用方式

-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+1. 拉取本项目
+2. 创建环境变量文件 `.env`，复制 `.env.example` 中的内容到 `.env`，并根据实际情况修改
+3. 运行 `docker compose up -d`
--- a/bun.lock
+++ b/bun.lock
@@ -1,5 +1,6 @@
 {
  "lockfileVersion": 1,
+  "configVersion": 0,
  "workspaces": {
    "": {
      "name": "my-app",
@@ -10,30 +11,35 @@
        "@radix-ui/react-select": "^2.2.6",
        "@radix-ui/react-slot": "^1.2.3",
        "@radix-ui/react-tabs": "^1.1.13",
+        "@tanstack/react-table": "^8.21.3",
        "bcryptjs": "^3.0.2",
        "class-variance-authority": "^0.7.1",
        "clsx": "^2.1.1",
+        "drizzle-orm": "^0.44.5",
        "lucide-react": "^0.541.0",
-        "next": "15.4.7",
+        "mysql2": "^3.15.1",
+        "next": "15.4.10",
        "next-themes": "^0.4.6",
        "react": "19.1.0",
        "react-dom": "19.1.0",
        "react-hook-form": "^7.62.0",
+        "redis": "^5.8.2",
        "sonner": "^2.0.7",
        "tailwind-merge": "^3.3.1",
        "zustand": "^5.0.8",
      },
      "devDependencies": {
        "@eslint/eslintrc": "^3",
-        "@prisma/client": "^6.16.2",
+        "@stylistic/eslint-plugin": "^5.4.0",
        "@tailwindcss/postcss": "^4",
        "@types/node": "^20",
        "@types/react": "^19",
        "@types/react-dom": "^19",
+        "drizzle-kit": "^0.31.4",
        "eslint": "^9",
        "eslint-config-next": "15.5.0",
+        "eslint-plugin-drizzle": "^0.2.3",
        "postcss": "^8.5.6",
-        "prisma": "^6.16.1",
        "tailwindcss": "^4",
        "tsx": "^4.20.4",
        "tw-animate-css": "^1.3.7",
@@ -45,12 +51,18 @@
  "packages": {
    "@alloc/quick-lru": ["@alloc/quick-lru@5.2.0", "", {}, "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="],

+    "@drizzle-team/brocli": ["@drizzle-team/brocli@0.10.2", "https://registry.npmmirror.com/@drizzle-team/brocli/-/brocli-0.10.2.tgz", {}, "sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w=="],
+
    "@emnapi/core": ["@emnapi/core@1.4.5", "", { "dependencies": { "@emnapi/wasi-threads": "1.0.4", "tslib": "^2.4.0" } }, "sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q=="],

-    "@emnapi/runtime": ["@emnapi/runtime@1.4.5", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-++LApOtY0pEEz1zrd9vy1/zXVaVJJ/EbAF3u0fXIzPJEDtnITsBGbbK0EkM72amhl/R5b+5xx0Y/QhcVOpuulg=="],
+    "@emnapi/runtime": ["@emnapi/runtime@1.8.1", "https://registry.npmmirror.com/@emnapi/runtime/-/runtime-1.8.1.tgz", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],

    "@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.0.4", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-PJR+bOmMOPH8AtcTGAyYNiuJ3/Fcoj2XN/gBEWzDIKh254XO+mM9XoXHk5GNEhodxeMznbg7BlRojVbKN+gC6g=="],

+    "@esbuild-kit/core-utils": ["@esbuild-kit/core-utils@3.3.2", "https://registry.npmmirror.com/@esbuild-kit/core-utils/-/core-utils-3.3.2.tgz", { "dependencies": { "esbuild": "~0.18.20", "source-map-support": "^0.5.21" } }, "sha512-sPRAnw9CdSsRmEtnsl2WXWdyquogVpB3yZ3dgwJfe8zrOzTsV7cJvmwrKVa+0ma5BoiGJ+BoqkMvawbayKUsqQ=="],
+
+    "@esbuild-kit/esm-loader": ["@esbuild-kit/esm-loader@2.6.5", "https://registry.npmmirror.com/@esbuild-kit/esm-loader/-/esm-loader-2.6.5.tgz", { "dependencies": { "@esbuild-kit/core-utils": "^3.3.2", "get-tsconfig": "^4.7.0" } }, "sha512-FxEMIkJKnodyA1OaCUoEvbYRkoZlLZ4d/eXFu9Fh8CbBBgP5EmZxrfTRyN0qpXZ4vOvqnE5YdRdcrmUUXuU+dA=="],
+
    "@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.25.9", "", { "os": "aix", "cpu": "ppc64" }, "sha512-OaGtL73Jck6pBKjNIe24BnFE6agGl+6KxDtTfHhy1HmhthfKouEcOhqpSL64K4/0WCtbKFLOdzD/44cJ4k9opA=="],

    "@esbuild/android-arm": ["@esbuild/android-arm@0.25.9", "", { "os": "android", "cpu": "arm" }, "sha512-5WNI1DaMtxQ7t7B6xa572XMXpHAaI/9Hnhk8lcxF4zVN4xstUgTlvuGDorBguKEnZO70qwEcLpfifMLoxiPqHQ=="],
@@ -103,7 +115,7 @@

    "@esbuild/win32-x64": ["@esbuild/win32-x64@0.25.9", "", { "os": "win32", "cpu": "x64" }, "sha512-PPOl1mi6lpLNQxnGoyAfschAodRFYXJ+9fs6WHXz7CSWKbOqiMZsubC+BQsVKuul+3vKLuwTHsS2c2y9EoKwxQ=="],

-    "@eslint-community/eslint-utils": ["@eslint-community/eslint-utils@4.7.0", "", { "dependencies": { "eslint-visitor-keys": "^3.4.3" }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw=="],
+    "@eslint-community/eslint-utils": ["@eslint-community/eslint-utils@4.9.0", "", { "dependencies": { "eslint-visitor-keys": "^3.4.3" }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g=="],

    "@eslint-community/regexpp": ["@eslint-community/regexpp@4.12.1", "", {}, "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ=="],

@@ -139,49 +151,55 @@

    "@humanwhocodes/retry": ["@humanwhocodes/retry@0.4.3", "", {}, "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="],

-    "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.2.0" }, "os": "darwin", "cpu": "arm64" }, "sha512-ryFMfvxxpQRsgZJqBd4wsttYQbCxsJksrv9Lw/v798JcQ8+w84mBWuXwl+TT0WJ/WrYOLaYpwQXi3sA9nTIaIg=="],
+    "@img/colour": ["@img/colour@1.0.0", "https://registry.npmmirror.com/@img/colour/-/colour-1.0.0.tgz", {}, "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw=="],

-    "@img/sharp-darwin-x64": ["@img/sharp-darwin-x64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-x64": "1.2.0" }, "os": "darwin", "cpu": "x64" }, "sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA=="],
+    "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.34.5", "https://registry.npmmirror.com/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.2.4" }, "os": "darwin", "cpu": "arm64" }, "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w=="],

-    "@img/sharp-libvips-darwin-arm64": ["@img/sharp-libvips-darwin-arm64@1.2.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-sBZmpwmxqwlqG9ueWFXtockhsxefaV6O84BMOrhtg/YqbTaRdqDE7hxraVE3y6gVM4eExmfzW4a8el9ArLeEiQ=="],
+    "@img/sharp-darwin-x64": ["@img/sharp-darwin-x64@0.34.5", "https://registry.npmmirror.com/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-darwin-x64": "1.2.4" }, "os": "darwin", "cpu": "x64" }, "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw=="],

-    "@img/sharp-libvips-darwin-x64": ["@img/sharp-libvips-darwin-x64@1.2.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg=="],
+    "@img/sharp-libvips-darwin-arm64": ["@img/sharp-libvips-darwin-arm64@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz", { "os": "darwin", "cpu": "arm64" }, "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g=="],

-    "@img/sharp-libvips-linux-arm": ["@img/sharp-libvips-linux-arm@1.2.0", "", { "os": "linux", "cpu": "arm" }, "sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw=="],
+    "@img/sharp-libvips-darwin-x64": ["@img/sharp-libvips-darwin-x64@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz", { "os": "darwin", "cpu": "x64" }, "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg=="],

-    "@img/sharp-libvips-linux-arm64": ["@img/sharp-libvips-linux-arm64@1.2.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA=="],
+    "@img/sharp-libvips-linux-arm": ["@img/sharp-libvips-linux-arm@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz", { "os": "linux", "cpu": "arm" }, "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A=="],

-    "@img/sharp-libvips-linux-ppc64": ["@img/sharp-libvips-linux-ppc64@1.2.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ=="],
+    "@img/sharp-libvips-linux-arm64": ["@img/sharp-libvips-linux-arm64@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw=="],

-    "@img/sharp-libvips-linux-s390x": ["@img/sharp-libvips-linux-s390x@1.2.0", "", { "os": "linux", "cpu": "s390x" }, "sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw=="],
+    "@img/sharp-libvips-linux-ppc64": ["@img/sharp-libvips-linux-ppc64@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz", { "os": "linux", "cpu": "ppc64" }, "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA=="],

-    "@img/sharp-libvips-linux-x64": ["@img/sharp-libvips-linux-x64@1.2.0", "", { "os": "linux", "cpu": "x64" }, "sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg=="],
+    "@img/sharp-libvips-linux-riscv64": ["@img/sharp-libvips-linux-riscv64@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz", { "os": "linux", "cpu": "none" }, "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA=="],

-    "@img/sharp-libvips-linuxmusl-arm64": ["@img/sharp-libvips-linuxmusl-arm64@1.2.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q=="],
+    "@img/sharp-libvips-linux-s390x": ["@img/sharp-libvips-linux-s390x@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz", { "os": "linux", "cpu": "s390x" }, "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ=="],

-    "@img/sharp-libvips-linuxmusl-x64": ["@img/sharp-libvips-linuxmusl-x64@1.2.0", "", { "os": "linux", "cpu": "x64" }, "sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q=="],
+    "@img/sharp-libvips-linux-x64": ["@img/sharp-libvips-linux-x64@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz", { "os": "linux", "cpu": "x64" }, "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw=="],

-    "@img/sharp-linux-arm": ["@img/sharp-linux-arm@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm": "1.2.0" }, "os": "linux", "cpu": "arm" }, "sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A=="],
+    "@img/sharp-libvips-linuxmusl-arm64": ["@img/sharp-libvips-linuxmusl-arm64@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw=="],

-    "@img/sharp-linux-arm64": ["@img/sharp-linux-arm64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm64": "1.2.0" }, "os": "linux", "cpu": "arm64" }, "sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA=="],
+    "@img/sharp-libvips-linuxmusl-x64": ["@img/sharp-libvips-linuxmusl-x64@1.2.4", "https://registry.npmmirror.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz", { "os": "linux", "cpu": "x64" }, "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg=="],

-    "@img/sharp-linux-ppc64": ["@img/sharp-linux-ppc64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-ppc64": "1.2.0" }, "os": "linux", "cpu": "ppc64" }, "sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA=="],
+    "@img/sharp-linux-arm": ["@img/sharp-linux-arm@0.34.5", "https://registry.npmmirror.com/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-linux-arm": "1.2.4" }, "os": "linux", "cpu": "arm" }, "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw=="],

-    "@img/sharp-linux-s390x": ["@img/sharp-linux-s390x@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-s390x": "1.2.0" }, "os": "linux", "cpu": "s390x" }, "sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ=="],
+    "@img/sharp-linux-arm64": ["@img/sharp-linux-arm64@0.34.5", "https://registry.npmmirror.com/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-linux-arm64": "1.2.4" }, "os": "linux", "cpu": "arm64" }, "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg=="],

-    "@img/sharp-linux-x64": ["@img/sharp-linux-x64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-x64": "1.2.0" }, "os": "linux", "cpu": "x64" }, "sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ=="],
+    "@img/sharp-linux-ppc64": ["@img/sharp-linux-ppc64@0.34.5", "https://registry.npmmirror.com/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-linux-ppc64": "1.2.4" }, "os": "linux", "cpu": "ppc64" }, "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA=="],

-    "@img/sharp-linuxmusl-arm64": ["@img/sharp-linuxmusl-arm64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-arm64": "1.2.0" }, "os": "linux", "cpu": "arm64" }, "sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ=="],
+    "@img/sharp-linux-riscv64": ["@img/sharp-linux-riscv64@0.34.5", "https://registry.npmmirror.com/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-linux-riscv64": "1.2.4" }, "os": "linux", "cpu": "none" }, "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw=="],

-    "@img/sharp-linuxmusl-x64": ["@img/sharp-linuxmusl-x64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-x64": "1.2.0" }, "os": "linux", "cpu": "x64" }, "sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ=="],
+    "@img/sharp-linux-s390x": ["@img/sharp-linux-s390x@0.34.5", "https://registry.npmmirror.com/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-linux-s390x": "1.2.4" }, "os": "linux", "cpu": "s390x" }, "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg=="],

-    "@img/sharp-wasm32": ["@img/sharp-wasm32@0.34.3", "", { "dependencies": { "@emnapi/runtime": "^1.4.4" }, "cpu": "none" }, "sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg=="],
+    "@img/sharp-linux-x64": ["@img/sharp-linux-x64@0.34.5", "https://registry.npmmirror.com/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-linux-x64": "1.2.4" }, "os": "linux", "cpu": "x64" }, "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ=="],

-    "@img/sharp-win32-arm64": ["@img/sharp-win32-arm64@0.34.3", "", { "os": "win32", "cpu": "arm64" }, "sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ=="],
+    "@img/sharp-linuxmusl-arm64": ["@img/sharp-linuxmusl-arm64@0.34.5", "https://registry.npmmirror.com/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-arm64": "1.2.4" }, "os": "linux", "cpu": "arm64" }, "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg=="],

-    "@img/sharp-win32-ia32": ["@img/sharp-win32-ia32@0.34.3", "", { "os": "win32", "cpu": "ia32" }, "sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw=="],
+    "@img/sharp-linuxmusl-x64": ["@img/sharp-linuxmusl-x64@0.34.5", "https://registry.npmmirror.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-x64": "1.2.4" }, "os": "linux", "cpu": "x64" }, "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q=="],

-    "@img/sharp-win32-x64": ["@img/sharp-win32-x64@0.34.3", "", { "os": "win32", "cpu": "x64" }, "sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g=="],
+    "@img/sharp-wasm32": ["@img/sharp-wasm32@0.34.5", "https://registry.npmmirror.com/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz", { "dependencies": { "@emnapi/runtime": "^1.7.0" }, "cpu": "none" }, "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw=="],
+
+    "@img/sharp-win32-arm64": ["@img/sharp-win32-arm64@0.34.5", "https://registry.npmmirror.com/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz", { "os": "win32", "cpu": "arm64" }, "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g=="],
+
+    "@img/sharp-win32-ia32": ["@img/sharp-win32-ia32@0.34.5", "https://registry.npmmirror.com/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz", { "os": "win32", "cpu": "ia32" }, "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg=="],
+
+    "@img/sharp-win32-x64": ["@img/sharp-win32-x64@0.34.5", "https://registry.npmmirror.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz", { "os": "win32", "cpu": "x64" }, "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw=="],

    "@isaacs/fs-minipass": ["@isaacs/fs-minipass@4.0.1", "", { "dependencies": { "minipass": "^7.0.4" } }, "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w=="],

@@ -197,25 +215,25 @@

    "@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@0.2.12", "", { "dependencies": { "@emnapi/core": "^1.4.3", "@emnapi/runtime": "^1.4.3", "@tybys/wasm-util": "^0.10.0" } }, "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ=="],

-    "@next/env": ["@next/env@15.4.7", "https://registry.npmmirror.com/@next/env/-/env-15.4.7.tgz", {}, "sha512-PrBIpO8oljZGTOe9HH0miix1w5MUiGJ/q83Jge03mHEE0E3pyqzAy2+l5G6aJDbXoobmxPJTVhbCuwlLtjSHwg=="],
+    "@next/env": ["@next/env@15.4.10", "https://registry.npmmirror.com/@next/env/-/env-15.4.10.tgz", {}, "sha512-knhmoJ0Vv7VRf6pZEPSnciUG1S4bIhWx+qTYBW/AjxEtlzsiNORPk8sFDCEvqLfmKuey56UB9FL1UdHEV3uBrg=="],

    "@next/eslint-plugin-next": ["@next/eslint-plugin-next@15.5.0", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-+k83U/fST66eQBjTltX2T9qUYd43ntAe+NZ5qeZVTQyTiFiHvTLtkpLKug4AnZAtuI/lwz5tl/4QDJymjVkybg=="],

-    "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@15.4.7", "https://registry.npmmirror.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.4.7.tgz", { "os": "darwin", "cpu": "arm64" }, "sha512-2Dkb+VUTp9kHHkSqtws4fDl2Oxms29HcZBwFIda1X7Ztudzy7M6XF9HDS2dq85TmdN47VpuhjE+i6wgnIboVzQ=="],
+    "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@15.4.8", "https://registry.npmmirror.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.4.8.tgz", { "os": "darwin", "cpu": "arm64" }, "sha512-Pf6zXp7yyQEn7sqMxur6+kYcywx5up1J849psyET7/8pG2gQTVMjU3NzgIt8SeEP5to3If/SaWmaA6H6ysBr1A=="],

-    "@next/swc-darwin-x64": ["@next/swc-darwin-x64@15.4.7", "https://registry.npmmirror.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.4.7.tgz", { "os": "darwin", "cpu": "x64" }, "sha512-qaMnEozKdWezlmh1OGDVFueFv2z9lWTcLvt7e39QA3YOvZHNpN2rLs/IQLwZaUiw2jSvxW07LxMCWtOqsWFNQg=="],
+    "@next/swc-darwin-x64": ["@next/swc-darwin-x64@15.4.8", "https://registry.npmmirror.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.4.8.tgz", { "os": "darwin", "cpu": "x64" }, "sha512-xla6AOfz68a6kq3gRQccWEvFC/VRGJmA/QuSLENSO7CZX5WIEkSz7r1FdXUjtGCQ1c2M+ndUAH7opdfLK1PQbw=="],

-    "@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@15.4.7", "https://registry.npmmirror.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.4.7.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-ny7lODPE7a15Qms8LZiN9wjNWIeI+iAZOFDOnv2pcHStncUr7cr9lD5XF81mdhrBXLUP9yT9RzlmSWKIazWoDw=="],
+    "@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@15.4.8", "https://registry.npmmirror.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.4.8.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-y3fmp+1Px/SJD+5ntve5QLZnGLycsxsVPkTzAc3zUiXYSOlTPqT8ynfmt6tt4fSo1tAhDPmryXpYKEAcoAPDJw=="],

-    "@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@15.4.7", "https://registry.npmmirror.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.4.7.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-4SaCjlFR/2hGJqZLLWycccy1t+wBrE/vyJWnYaZJhUVHccpGLG5q0C+Xkw4iRzUIkE+/dr90MJRUym3s1+vO8A=="],
+    "@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@15.4.8", "https://registry.npmmirror.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.4.8.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-DX/L8VHzrr1CfwaVjBQr3GWCqNNFgyWJbeQ10Lx/phzbQo3JNAxUok1DZ8JHRGcL6PgMRgj6HylnLNndxn4Z6A=="],

-    "@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@15.4.7", "https://registry.npmmirror.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.4.7.tgz", { "os": "linux", "cpu": "x64" }, "sha512-2uNXjxvONyRidg00VwvlTYDwC9EgCGNzPAPYbttIATZRxmOZ3hllk/YYESzHZb65eyZfBR5g9xgCZjRAl9YYGg=="],
+    "@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@15.4.8", "https://registry.npmmirror.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.4.8.tgz", { "os": "linux", "cpu": "x64" }, "sha512-9fLAAXKAL3xEIFdKdzG5rUSvSiZTLLTCc6JKq1z04DR4zY7DbAPcRvNm3K1inVhTiQCs19ZRAgUerHiVKMZZIA=="],

-    "@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@15.4.7", "https://registry.npmmirror.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.4.7.tgz", { "os": "linux", "cpu": "x64" }, "sha512-ceNbPjsFgLscYNGKSu4I6LYaadq2B8tcK116nVuInpHHdAWLWSwVK6CHNvCi0wVS9+TTArIFKJGsEyVD1H+4Kg=="],
+    "@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@15.4.8", "https://registry.npmmirror.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.4.8.tgz", { "os": "linux", "cpu": "x64" }, "sha512-s45V7nfb5g7dbS7JK6XZDcapicVrMMvX2uYgOHP16QuKH/JA285oy6HcxlKqwUNaFY/UC6EvQ8QZUOo19cBKSA=="],

-    "@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@15.4.7", "https://registry.npmmirror.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.4.7.tgz", { "os": "win32", "cpu": "arm64" }, "sha512-pZyxmY1iHlZJ04LUL7Css8bNvsYAMYOY9JRwFA3HZgpaNKsJSowD09Vg2R9734GxAcLJc2KDQHSCR91uD6/AAw=="],
+    "@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@15.4.8", "https://registry.npmmirror.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.4.8.tgz", { "os": "win32", "cpu": "arm64" }, "sha512-KjgeQyOAq7t/HzAJcWPGA8X+4WY03uSCZ2Ekk98S9OgCFsb6lfBE3dbUzUuEQAN2THbwYgFfxX2yFTCMm8Kehw=="],

-    "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@15.4.7", "https://registry.npmmirror.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.4.7.tgz", { "os": "win32", "cpu": "x64" }, "sha512-HjuwPJ7BeRzgl3KrjKqD2iDng0eQIpIReyhpF5r4yeAHFwWRuAhfW92rWv/r3qeQHEwHsLRzFDvMqRjyM5DI6A=="],
+    "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@15.4.8", "https://registry.npmmirror.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.4.8.tgz", { "os": "win32", "cpu": "x64" }, "sha512-Exsmf/+42fWVnLMaZHzshukTBxZrSwuuLKFvqhGHJ+mC1AokqieLY/XzAl3jc/CqhXLqLY3RRjkKJ9YnLPcRWg=="],

    "@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],

@@ -301,6 +319,16 @@

    "@radix-ui/rect": ["@radix-ui/rect@1.1.1", "", {}, "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw=="],

+    "@redis/bloom": ["@redis/bloom@5.8.2", "https://registry.npmmirror.com/@redis/bloom/-/bloom-5.8.2.tgz", { "peerDependencies": { "@redis/client": "^5.8.2" } }, "sha512-855DR0ChetZLarblio5eM0yLwxA9Dqq50t8StXKp5bAtLT0G+rZ+eRzzqxl37sPqQKjUudSYypz55o6nNhbz0A=="],
+
+    "@redis/client": ["@redis/client@5.8.2", "https://registry.npmmirror.com/@redis/client/-/client-5.8.2.tgz", { "dependencies": { "cluster-key-slot": "1.1.2" } }, "sha512-WtMScno3+eBpTac1Uav2zugXEoXqaU23YznwvFgkPwBQVwEHTDgOG7uEAObtZ/Nyn8SmAMbqkEubJaMOvnqdsQ=="],
+
+    "@redis/json": ["@redis/json@5.8.2", "https://registry.npmmirror.com/@redis/json/-/json-5.8.2.tgz", { "peerDependencies": { "@redis/client": "^5.8.2" } }, "sha512-uxpVfas3I0LccBX9rIfDgJ0dBrUa3+0Gc8sEwmQQH0vHi7C1Rx1Qn8Nv1QWz5bohoeIXMICFZRcyDONvum2l/w=="],
+
+    "@redis/search": ["@redis/search@5.8.2", "https://registry.npmmirror.com/@redis/search/-/search-5.8.2.tgz", { "peerDependencies": { "@redis/client": "^5.8.2" } }, "sha512-cNv7HlgayavCBXqPXgaS97DRPVWFznuzsAmmuemi2TMCx5scwLiP50TeZvUS06h/MG96YNPe6A0Zt57yayfxwA=="],
+
+    "@redis/time-series": ["@redis/time-series@5.8.2", "https://registry.npmmirror.com/@redis/time-series/-/time-series-5.8.2.tgz", { "peerDependencies": { "@redis/client": "^5.8.2" } }, "sha512-g2NlHM07fK8H4k+613NBsk3y70R2JIM2dPMSkhIjl2Z17SYvaYKdusz85d7VYOrZBWtDrHV/WD2E3vGu+zni8A=="],
+
    "@rtsao/scc": ["@rtsao/scc@1.1.0", "", {}, "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g=="],

    "@rushstack/eslint-patch": ["@rushstack/eslint-patch@1.12.0", "", {}, "sha512-5EwMtOqvJMMa3HbmxLlF74e+3/HhwBTMcvt3nqVJgGCozO6hzIPOBlwm8mGVNR9SN2IJpxSnlxczyDjcn7qIyw=="],
@@ -309,6 +337,8 @@

    "@standard-schema/utils": ["@standard-schema/utils@0.3.0", "", {}, "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g=="],

+    "@stylistic/eslint-plugin": ["@stylistic/eslint-plugin@5.4.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.9.0", "@typescript-eslint/types": "^8.44.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "estraverse": "^5.3.0", "picomatch": "^4.0.3" }, "peerDependencies": { "eslint": ">=9.0.0" } }, "sha512-UG8hdElzuBDzIbjG1QDwnYH0MQ73YLXDFHgZzB4Zh/YJfnw8XNsloVtytqzx0I2Qky9THSdpTmi8Vjn/pf/Lew=="],
+
    "@swc/helpers": ["@swc/helpers@0.5.15", "", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g=="],

    "@tailwindcss/node": ["@tailwindcss/node@4.1.12", "", { "dependencies": { "@jridgewell/remapping": "^2.3.4", "enhanced-resolve": "^5.18.3", "jiti": "^2.5.1", "lightningcss": "1.30.1", "magic-string": "^0.30.17", "source-map-js": "^1.2.1", "tailwindcss": "4.1.12" } }, "sha512-3hm9brwvQkZFe++SBt+oLjo4OLDtkvlE8q2WalaD/7QWaeM7KEJbAiY/LJZUaCs7Xa8aUu4xy3uoyX4q54UVdQ=="],
@@ -341,6 +371,10 @@

    "@tailwindcss/postcss": ["@tailwindcss/postcss@4.1.12", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "@tailwindcss/node": "4.1.12", "@tailwindcss/oxide": "4.1.12", "postcss": "^8.4.41", "tailwindcss": "4.1.12" } }, "sha512-5PpLYhCAwf9SJEeIsSmCDLgyVfdBhdBpzX1OJ87anT9IVR0Z9pjM0FNixCAUAHGnMBGB8K99SwAheXrT0Kh6QQ=="],

+    "@tanstack/react-table": ["@tanstack/react-table@8.21.3", "https://registry.npmmirror.com/@tanstack/react-table/-/react-table-8.21.3.tgz", { "dependencies": { "@tanstack/table-core": "8.21.3" }, "peerDependencies": { "react": ">=16.8", "react-dom": ">=16.8" } }, "sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww=="],
+
+    "@tanstack/table-core": ["@tanstack/table-core@8.21.3", "https://registry.npmmirror.com/@tanstack/table-core/-/table-core-8.21.3.tgz", {}, "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg=="],
+
    "@tybys/wasm-util": ["@tybys/wasm-util@0.10.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ=="],

    "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
@@ -367,7 +401,7 @@

    "@typescript-eslint/type-utils": ["@typescript-eslint/type-utils@8.40.0", "", { "dependencies": { "@typescript-eslint/types": "8.40.0", "@typescript-eslint/typescript-estree": "8.40.0", "@typescript-eslint/utils": "8.40.0", "debug": "^4.3.4", "ts-api-utils": "^2.1.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-eE60cK4KzAc6ZrzlJnflXdrMqOBaugeukWICO2rB0KNvwdIMaEaYiywwHMzA1qFpTxrLhN9Lp4E/00EgWcD3Ow=="],

-    "@typescript-eslint/types": ["@typescript-eslint/types@8.40.0", "", {}, "sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg=="],
+    "@typescript-eslint/types": ["@typescript-eslint/types@8.44.1", "", {}, "sha512-Lk7uj7y9uQUOEguiDIDLYLJOrYHQa7oBiURYVFqIpGxclAFQ78f6VUOM8lI2XEuNOKNB7XuvM2+2cMXAoq4ALQ=="],

    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.40.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.40.0", "@typescript-eslint/tsconfig-utils": "8.40.0", "@typescript-eslint/types": "8.40.0", "@typescript-eslint/visitor-keys": "8.40.0", "debug": "^4.3.4", "fast-glob": "^3.3.2", "is-glob": "^4.0.3", "minimatch": "^9.0.4", "semver": "^7.6.0", "ts-api-utils": "^2.1.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-k1z9+GJReVVOkc1WfVKs1vBrR5MIKKbdAjDTPvIK3L8De6KbFfPFt6BKpdkdk7rZS2GtC/m6yI5MYX+UsuvVYQ=="],

@@ -449,6 +483,8 @@

    "available-typed-arrays": ["available-typed-arrays@1.0.7", "", { "dependencies": { "possible-typed-array-names": "^1.0.0" } }, "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ=="],

+    "aws-ssl-profiles": ["aws-ssl-profiles@1.1.2", "https://registry.npmmirror.com/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz", {}, "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g=="],
+
    "axe-core": ["axe-core@4.10.3", "", {}, "sha512-Xm7bpRXnDSX2YE2YFfBk2FnF0ep6tmG7xPh8iHee8MIcrgq762Nkce856dYtJYLkuIoYZvGfTs/PbZhideTcEg=="],

    "axobject-query": ["axobject-query@4.1.0", "", {}, "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ=="],
@@ -461,6 +497,8 @@

    "braces": ["braces@3.0.3", "", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],

+    "buffer-from": ["buffer-from@1.1.2", "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz", {}, "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="],
+
    "c12": ["c12@3.1.0", "", { "dependencies": { "chokidar": "^4.0.3", "confbox": "^0.2.2", "defu": "^6.1.4", "dotenv": "^16.6.1", "exsolve": "^1.0.7", "giget": "^2.0.0", "jiti": "^2.4.2", "ohash": "^2.0.11", "pathe": "^2.0.3", "perfect-debounce": "^1.0.0", "pkg-types": "^2.2.0", "rc9": "^2.1.2" }, "peerDependencies": { "magicast": "^0.3.5" }, "optionalPeers": ["magicast"] }, "sha512-uWoS8OU1MEIsOv8p/5a82c3H31LsWVR5qiyXVfBNOzfffjUWtPnhAb4BYI2uG2HfGmZmFjCtui5XNWaps+iFuw=="],

    "call-bind": ["call-bind@1.0.8", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.0", "es-define-property": "^1.0.0", "get-intrinsic": "^1.2.4", "set-function-length": "^1.2.2" } }, "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww=="],
@@ -487,14 +525,12 @@

    "clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],

-    "color": ["color@4.2.3", "", { "dependencies": { "color-convert": "^2.0.1", "color-string": "^1.9.0" } }, "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A=="],
+    "cluster-key-slot": ["cluster-key-slot@1.1.2", "https://registry.npmmirror.com/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz", {}, "sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA=="],

    "color-convert": ["color-convert@2.0.1", "", { "dependencies": { "color-name": "~1.1.4" } }, "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="],

    "color-name": ["color-name@1.1.4", "", {}, "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="],

-    "color-string": ["color-string@1.9.1", "", { "dependencies": { "color-name": "^1.0.0", "simple-swizzle": "^0.2.2" } }, "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg=="],
-
    "concat-map": ["concat-map@0.0.1", "", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],

    "confbox": ["confbox@0.2.2", "", {}, "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ=="],
@@ -525,6 +561,8 @@

    "defu": ["defu@6.1.4", "", {}, "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="],

+    "denque": ["denque@2.1.0", "https://registry.npmmirror.com/denque/-/denque-2.1.0.tgz", {}, "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw=="],
+
    "destr": ["destr@2.0.5", "", {}, "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA=="],

    "detect-libc": ["detect-libc@2.0.4", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
@@ -535,6 +573,10 @@

    "dotenv": ["dotenv@16.6.1", "", {}, "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow=="],

+    "drizzle-kit": ["drizzle-kit@0.31.4", "https://registry.npmmirror.com/drizzle-kit/-/drizzle-kit-0.31.4.tgz", { "dependencies": { "@drizzle-team/brocli": "^0.10.2", "@esbuild-kit/esm-loader": "^2.5.5", "esbuild": "^0.25.4", "esbuild-register": "^3.5.0" }, "bin": { "drizzle-kit": "bin.cjs" } }, "sha512-tCPWVZWZqWVx2XUsVpJRnH9Mx0ClVOf5YUHerZ5so1OKSlqww4zy1R5ksEdGRcO3tM3zj0PYN6V48TbQCL1RfA=="],
+
+    "drizzle-orm": ["drizzle-orm@0.44.5", "https://registry.npmmirror.com/drizzle-orm/-/drizzle-orm-0.44.5.tgz", { "peerDependencies": { "@aws-sdk/client-rds-data": ">=3", "@cloudflare/workers-types": ">=4", "@electric-sql/pglite": ">=0.2.0", "@libsql/client": ">=0.10.0", "@libsql/client-wasm": ">=0.10.0", "@neondatabase/serverless": ">=0.10.0", "@op-engineering/op-sqlite": ">=2", "@opentelemetry/api": "^1.4.1", "@planetscale/database": ">=1.13", "@prisma/client": "*", "@tidbcloud/serverless": "*", "@types/better-sqlite3": "*", "@types/pg": "*", "@types/sql.js": "*", "@upstash/redis": ">=1.34.7", "@vercel/postgres": ">=0.8.0", "@xata.io/client": "*", "better-sqlite3": ">=7", "bun-types": "*", "expo-sqlite": ">=14.0.0", "gel": ">=2", "knex": "*", "kysely": "*", "mysql2": ">=2", "pg": ">=8", "postgres": ">=3", "sql.js": ">=1", "sqlite3": ">=5" }, "optionalPeers": ["@aws-sdk/client-rds-data", "@cloudflare/workers-types", "@electric-sql/pglite", "@libsql/client", "@libsql/client-wasm", "@neondatabase/serverless", "@op-engineering/op-sqlite", "@opentelemetry/api", "@planetscale/database", "@prisma/client", "@tidbcloud/serverless", "@types/better-sqlite3", "@types/pg", "@types/sql.js", "@upstash/redis", "@vercel/postgres", "@xata.io/client", "better-sqlite3", "bun-types", "expo-sqlite", "gel", "knex", "kysely", "mysql2", "pg", "postgres", "sql.js", "sqlite3"] }, "sha512-jBe37K7d8ZSKptdKfakQFdeljtu3P2Cbo7tJoJSVZADzIKOBo9IAJPOmMsH2bZl90bZgh8FQlD8BjxXA/zuBkQ=="],
+
    "dunder-proto": ["dunder-proto@1.0.1", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.1", "es-errors": "^1.3.0", "gopd": "^1.2.0" } }, "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A=="],

    "effect": ["effect@3.16.12", "", { "dependencies": { "@standard-schema/spec": "^1.0.0", "fast-check": "^3.23.1" } }, "sha512-N39iBk0K71F9nb442TLbTkjl24FLUzuvx2i1I2RsEAQsdAdUTuUoW0vlfUXgkMTUOnYqKnWcFfqw4hK4Pw27hg=="],
@@ -563,6 +605,8 @@

    "esbuild": ["esbuild@0.25.9", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.25.9", "@esbuild/android-arm": "0.25.9", "@esbuild/android-arm64": "0.25.9", "@esbuild/android-x64": "0.25.9", "@esbuild/darwin-arm64": "0.25.9", "@esbuild/darwin-x64": "0.25.9", "@esbuild/freebsd-arm64": "0.25.9", "@esbuild/freebsd-x64": "0.25.9", "@esbuild/linux-arm": "0.25.9", "@esbuild/linux-arm64": "0.25.9", "@esbuild/linux-ia32": "0.25.9", "@esbuild/linux-loong64": "0.25.9", "@esbuild/linux-mips64el": "0.25.9", "@esbuild/linux-ppc64": "0.25.9", "@esbuild/linux-riscv64": "0.25.9", "@esbuild/linux-s390x": "0.25.9", "@esbuild/linux-x64": "0.25.9", "@esbuild/netbsd-arm64": "0.25.9", "@esbuild/netbsd-x64": "0.25.9", "@esbuild/openbsd-arm64": "0.25.9", "@esbuild/openbsd-x64": "0.25.9", "@esbuild/openharmony-arm64": "0.25.9", "@esbuild/sunos-x64": "0.25.9", "@esbuild/win32-arm64": "0.25.9", "@esbuild/win32-ia32": "0.25.9", "@esbuild/win32-x64": "0.25.9" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g=="],

+    "esbuild-register": ["esbuild-register@3.6.0", "https://registry.npmmirror.com/esbuild-register/-/esbuild-register-3.6.0.tgz", { "dependencies": { "debug": "^4.3.4" }, "peerDependencies": { "esbuild": ">=0.12 <1" } }, "sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg=="],
+
    "escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],

    "eslint": ["eslint@9.33.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.21.0", "@eslint/config-helpers": "^0.3.1", "@eslint/core": "^0.15.2", "@eslint/eslintrc": "^3.3.1", "@eslint/js": "9.33.0", "@eslint/plugin-kit": "^0.3.5", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "@types/json-schema": "^7.0.15", "ajv": "^6.12.4", "chalk": "^4.0.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^8.4.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "esquery": "^1.5.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "lodash.merge": "^4.6.2", "minimatch": "^3.1.2", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA=="],
@@ -575,6 +619,8 @@

    "eslint-module-utils": ["eslint-module-utils@2.12.1", "", { "dependencies": { "debug": "^3.2.7" } }, "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw=="],

+    "eslint-plugin-drizzle": ["eslint-plugin-drizzle@0.2.3", "https://registry.npmmirror.com/eslint-plugin-drizzle/-/eslint-plugin-drizzle-0.2.3.tgz", { "peerDependencies": { "eslint": ">=8.0.0" } }, "sha512-BO+ymHo33IUNoJlC0rbd7HP9EwwpW4VIp49R/tWQF/d2E1K2kgTf0tCXT0v9MSiBr6gGR1LtPwMLapTKEWSg9A=="],
+
    "eslint-plugin-import": ["eslint-plugin-import@2.32.0", "", { "dependencies": { "@rtsao/scc": "^1.1.0", "array-includes": "^3.1.9", "array.prototype.findlastindex": "^1.2.6", "array.prototype.flat": "^1.3.3", "array.prototype.flatmap": "^1.3.3", "debug": "^3.2.7", "doctrine": "^2.1.0", "eslint-import-resolver-node": "^0.3.9", "eslint-module-utils": "^2.12.1", "hasown": "^2.0.2", "is-core-module": "^2.16.1", "is-glob": "^4.0.3", "minimatch": "^3.1.2", "object.fromentries": "^2.0.8", "object.groupby": "^1.0.3", "object.values": "^1.2.1", "semver": "^6.3.1", "string.prototype.trimend": "^1.0.9", "tsconfig-paths": "^3.15.0" }, "peerDependencies": { "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9" } }, "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA=="],

    "eslint-plugin-jsx-a11y": ["eslint-plugin-jsx-a11y@6.10.2", "", { "dependencies": { "aria-query": "^5.3.2", "array-includes": "^3.1.8", "array.prototype.flatmap": "^1.3.2", "ast-types-flow": "^0.0.8", "axe-core": "^4.10.0", "axobject-query": "^4.1.0", "damerau-levenshtein": "^1.0.8", "emoji-regex": "^9.2.2", "hasown": "^2.0.2", "jsx-ast-utils": "^3.3.5", "language-tags": "^1.0.9", "minimatch": "^3.1.2", "object.fromentries": "^2.0.8", "safe-regex-test": "^1.0.3", "string.prototype.includes": "^2.0.1" }, "peerDependencies": { "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9" } }, "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q=="],
@@ -633,6 +679,8 @@

    "functions-have-names": ["functions-have-names@1.2.3", "", {}, "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="],

+    "generate-function": ["generate-function@2.3.1", "https://registry.npmmirror.com/generate-function/-/generate-function-2.3.1.tgz", { "dependencies": { "is-property": "^1.0.2" } }, "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ=="],
+
    "get-intrinsic": ["get-intrinsic@1.3.0", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "es-define-property": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "function-bind": "^1.1.2", "get-proto": "^1.0.1", "gopd": "^1.2.0", "has-symbols": "^1.1.0", "hasown": "^2.0.2", "math-intrinsics": "^1.1.0" } }, "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ=="],

    "get-nonce": ["get-nonce@1.0.1", "", {}, "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="],
@@ -671,6 +719,8 @@

    "hasown": ["hasown@2.0.2", "", { "dependencies": { "function-bind": "^1.1.2" } }, "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ=="],

+    "iconv-lite": ["iconv-lite@0.7.0", "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.7.0.tgz", { "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" } }, "sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ=="],
+
    "ignore": ["ignore@5.3.2", "", {}, "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g=="],

    "import-fresh": ["import-fresh@3.3.1", "", { "dependencies": { "parent-module": "^1.0.0", "resolve-from": "^4.0.0" } }, "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ=="],
@@ -681,8 +731,6 @@

    "is-array-buffer": ["is-array-buffer@3.0.5", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "get-intrinsic": "^1.2.6" } }, "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A=="],

-    "is-arrayish": ["is-arrayish@0.3.2", "", {}, "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="],
-
    "is-async-function": ["is-async-function@2.1.1", "", { "dependencies": { "async-function": "^1.0.0", "call-bound": "^1.0.3", "get-proto": "^1.0.1", "has-tostringtag": "^1.0.2", "safe-regex-test": "^1.1.0" } }, "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ=="],

    "is-bigint": ["is-bigint@1.1.0", "", { "dependencies": { "has-bigints": "^1.0.2" } }, "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ=="],
@@ -715,6 +763,8 @@

    "is-number-object": ["is-number-object@1.1.1", "", { "dependencies": { "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" } }, "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw=="],

+    "is-property": ["is-property@1.0.2", "https://registry.npmmirror.com/is-property/-/is-property-1.0.2.tgz", {}, "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g=="],
+
    "is-regex": ["is-regex@1.2.1", "", { "dependencies": { "call-bound": "^1.0.2", "gopd": "^1.2.0", "has-tostringtag": "^1.0.2", "hasown": "^2.0.2" } }, "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g=="],

    "is-set": ["is-set@2.0.3", "", {}, "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg=="],
@@ -789,8 +839,14 @@

    "lodash.merge": ["lodash.merge@4.6.2", "", {}, "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="],

+    "long": ["long@5.3.2", "https://registry.npmmirror.com/long/-/long-5.3.2.tgz", {}, "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA=="],
+
    "loose-envify": ["loose-envify@1.4.0", "", { "dependencies": { "js-tokens": "^3.0.0 || ^4.0.0" }, "bin": { "loose-envify": "cli.js" } }, "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q=="],

+    "lru-cache": ["lru-cache@7.18.3", "https://registry.npmmirror.com/lru-cache/-/lru-cache-7.18.3.tgz", {}, "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA=="],
+
+    "lru.min": ["lru.min@1.1.2", "https://registry.npmmirror.com/lru.min/-/lru.min-1.1.2.tgz", {}, "sha512-Nv9KddBcQSlQopmBHXSsZVY5xsdlZkdH/Iey0BlcBYggMd4two7cZnKOK9vmy3nY0O5RGH99z1PCeTpPqszUYg=="],
+
    "lucide-react": ["lucide-react@0.541.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-s0Vircsu5WaGv2KoJZ5+SoxiAJ3UXV5KqEM3eIFDHaHkcLIFdIWgXtZ412+Gh02UsdS7Was+jvEpBvPCWQISlg=="],

    "magic-string": ["magic-string@0.30.17", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" } }, "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA=="],
@@ -813,13 +869,17 @@

    "ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],

+    "mysql2": ["mysql2@3.15.1", "https://registry.npmmirror.com/mysql2/-/mysql2-3.15.1.tgz", { "dependencies": { "aws-ssl-profiles": "^1.1.1", "denque": "^2.1.0", "generate-function": "^2.3.1", "iconv-lite": "^0.7.0", "long": "^5.2.1", "lru.min": "^1.0.0", "named-placeholders": "^1.1.3", "seq-queue": "^0.0.5", "sqlstring": "^2.3.2" } }, "sha512-WZMIRZstT2MFfouEaDz/AGFnGi1A2GwaDe7XvKTdRJEYiAHbOrh4S3d8KFmQeh11U85G+BFjIvS1Di5alusZsw=="],
+
+    "named-placeholders": ["named-placeholders@1.1.3", "https://registry.npmmirror.com/named-placeholders/-/named-placeholders-1.1.3.tgz", { "dependencies": { "lru-cache": "^7.14.1" } }, "sha512-eLoBxg6wE/rZkJPhU/xRX1WTpkFEwDJEN96oxFrTsqBdbT5ec295Q+CoHrL9IT0DipqKhmGcaZmwOt8OON5x1w=="],
+
    "nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],

    "napi-postinstall": ["napi-postinstall@0.3.3", "", { "bin": { "napi-postinstall": "lib/cli.js" } }, "sha512-uTp172LLXSxuSYHv/kou+f6KW3SMppU9ivthaVTXian9sOt3XM/zHYHpRZiLgQoxeWfYUnslNWQHF1+G71xcow=="],

    "natural-compare": ["natural-compare@1.4.0", "", {}, "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="],

-    "next": ["next@15.4.7", "https://registry.npmmirror.com/next/-/next-15.4.7.tgz", { "dependencies": { "@next/env": "15.4.7", "@swc/helpers": "0.5.15", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.4.7", "@next/swc-darwin-x64": "15.4.7", "@next/swc-linux-arm64-gnu": "15.4.7", "@next/swc-linux-arm64-musl": "15.4.7", "@next/swc-linux-x64-gnu": "15.4.7", "@next/swc-linux-x64-musl": "15.4.7", "@next/swc-win32-arm64-msvc": "15.4.7", "@next/swc-win32-x64-msvc": "15.4.7", "sharp": "^0.34.3" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-OcqRugwF7n7mC8OSYjvsZhhG1AYSvulor1EIUsIkbbEbf1qoE5EbH36Swj8WhF4cHqmDgkiam3z1c1W0J1Wifg=="],
+    "next": ["next@15.4.10", "https://registry.npmmirror.com/next/-/next-15.4.10.tgz", { "dependencies": { "@next/env": "15.4.10", "@swc/helpers": "0.5.15", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.4.8", "@next/swc-darwin-x64": "15.4.8", "@next/swc-linux-arm64-gnu": "15.4.8", "@next/swc-linux-arm64-musl": "15.4.8", "@next/swc-linux-x64-gnu": "15.4.8", "@next/swc-linux-x64-musl": "15.4.8", "@next/swc-win32-arm64-msvc": "15.4.8", "@next/swc-win32-x64-msvc": "15.4.8", "sharp": "^0.34.3" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-itVlc79QjpKMFMRhP+kbGKaSG/gZM6RCvwhEbwmCNF06CdDiNaoHcbeg0PqkEa2GOcn8KJ0nnc7+yL7EjoYLHQ=="],

    "next-themes": ["next-themes@0.4.6", "", { "peerDependencies": { "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc", "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc" } }, "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA=="],

@@ -905,6 +965,8 @@

    "readdirp": ["readdirp@4.1.2", "", {}, "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg=="],

+    "redis": ["redis@5.8.2", "https://registry.npmmirror.com/redis/-/redis-5.8.2.tgz", { "dependencies": { "@redis/bloom": "5.8.2", "@redis/client": "5.8.2", "@redis/json": "5.8.2", "@redis/search": "5.8.2", "@redis/time-series": "5.8.2" } }, "sha512-31vunZj07++Y1vcFGcnNWEf5jPoTkGARgfWI4+Tk55vdwHxhAvug8VEtW7Cx+/h47NuJTEg/JL77zAwC6E0OeA=="],
+
    "reflect.getprototypeof": ["reflect.getprototypeof@1.0.10", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-abstract": "^1.23.9", "es-errors": "^1.3.0", "es-object-atoms": "^1.0.0", "get-intrinsic": "^1.2.7", "get-proto": "^1.0.1", "which-builtin-type": "^1.2.1" } }, "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw=="],

    "regexp.prototype.flags": ["regexp.prototype.flags@1.5.4", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-errors": "^1.3.0", "get-proto": "^1.0.1", "gopd": "^1.2.0", "set-function-name": "^2.0.2" } }, "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA=="],
@@ -925,17 +987,21 @@

    "safe-regex-test": ["safe-regex-test@1.1.0", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "is-regex": "^1.2.1" } }, "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw=="],

+    "safer-buffer": ["safer-buffer@2.1.2", "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz", {}, "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="],
+
    "scheduler": ["scheduler@0.26.0", "", {}, "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA=="],

    "semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],

+    "seq-queue": ["seq-queue@0.0.5", "https://registry.npmmirror.com/seq-queue/-/seq-queue-0.0.5.tgz", {}, "sha512-hr3Wtp/GZIc/6DAGPDcV4/9WoZhjrkXsi5B/07QgX8tsdc6ilr7BFM6PM6rbdAX1kFSDYeZGLipIZZKyQP0O5Q=="],
+
    "set-function-length": ["set-function-length@1.2.2", "", { "dependencies": { "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "function-bind": "^1.1.2", "get-intrinsic": "^1.2.4", "gopd": "^1.0.1", "has-property-descriptors": "^1.0.2" } }, "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg=="],

    "set-function-name": ["set-function-name@2.0.2", "", { "dependencies": { "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "functions-have-names": "^1.2.3", "has-property-descriptors": "^1.0.2" } }, "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ=="],

    "set-proto": ["set-proto@1.0.0", "", { "dependencies": { "dunder-proto": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.0.0" } }, "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw=="],

-    "sharp": ["sharp@0.34.3", "", { "dependencies": { "color": "^4.2.3", "detect-libc": "^2.0.4", "semver": "^7.7.2" }, "optionalDependencies": { "@img/sharp-darwin-arm64": "0.34.3", "@img/sharp-darwin-x64": "0.34.3", "@img/sharp-libvips-darwin-arm64": "1.2.0", "@img/sharp-libvips-darwin-x64": "1.2.0", "@img/sharp-libvips-linux-arm": "1.2.0", "@img/sharp-libvips-linux-arm64": "1.2.0", "@img/sharp-libvips-linux-ppc64": "1.2.0", "@img/sharp-libvips-linux-s390x": "1.2.0", "@img/sharp-libvips-linux-x64": "1.2.0", "@img/sharp-libvips-linuxmusl-arm64": "1.2.0", "@img/sharp-libvips-linuxmusl-x64": "1.2.0", "@img/sharp-linux-arm": "0.34.3", "@img/sharp-linux-arm64": "0.34.3", "@img/sharp-linux-ppc64": "0.34.3", "@img/sharp-linux-s390x": "0.34.3", "@img/sharp-linux-x64": "0.34.3", "@img/sharp-linuxmusl-arm64": "0.34.3", "@img/sharp-linuxmusl-x64": "0.34.3", "@img/sharp-wasm32": "0.34.3", "@img/sharp-win32-arm64": "0.34.3", "@img/sharp-win32-ia32": "0.34.3", "@img/sharp-win32-x64": "0.34.3" } }, "sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg=="],
+    "sharp": ["sharp@0.34.5", "https://registry.npmmirror.com/sharp/-/sharp-0.34.5.tgz", { "dependencies": { "@img/colour": "^1.0.0", "detect-libc": "^2.1.2", "semver": "^7.7.3" }, "optionalDependencies": { "@img/sharp-darwin-arm64": "0.34.5", "@img/sharp-darwin-x64": "0.34.5", "@img/sharp-libvips-darwin-arm64": "1.2.4", "@img/sharp-libvips-darwin-x64": "1.2.4", "@img/sharp-libvips-linux-arm": "1.2.4", "@img/sharp-libvips-linux-arm64": "1.2.4", "@img/sharp-libvips-linux-ppc64": "1.2.4", "@img/sharp-libvips-linux-riscv64": "1.2.4", "@img/sharp-libvips-linux-s390x": "1.2.4", "@img/sharp-libvips-linux-x64": "1.2.4", "@img/sharp-libvips-linuxmusl-arm64": "1.2.4", "@img/sharp-libvips-linuxmusl-x64": "1.2.4", "@img/sharp-linux-arm": "0.34.5", "@img/sharp-linux-arm64": "0.34.5", "@img/sharp-linux-ppc64": "0.34.5", "@img/sharp-linux-riscv64": "0.34.5", "@img/sharp-linux-s390x": "0.34.5", "@img/sharp-linux-x64": "0.34.5", "@img/sharp-linuxmusl-arm64": "0.34.5", "@img/sharp-linuxmusl-x64": "0.34.5", "@img/sharp-wasm32": "0.34.5", "@img/sharp-win32-arm64": "0.34.5", "@img/sharp-win32-ia32": "0.34.5", "@img/sharp-win32-x64": "0.34.5" } }, "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg=="],

    "shebang-command": ["shebang-command@2.0.0", "", { "dependencies": { "shebang-regex": "^3.0.0" } }, "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA=="],

@@ -949,12 +1015,16 @@

    "side-channel-weakmap": ["side-channel-weakmap@1.0.2", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.5", "object-inspect": "^1.13.3", "side-channel-map": "^1.0.1" } }, "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A=="],

-    "simple-swizzle": ["simple-swizzle@0.2.2", "", { "dependencies": { "is-arrayish": "^0.3.1" } }, "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg=="],
-
    "sonner": ["sonner@2.0.7", "", { "peerDependencies": { "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc", "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w=="],

+    "source-map": ["source-map@0.6.1", "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
+
    "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],

+    "source-map-support": ["source-map-support@0.5.21", "https://registry.npmmirror.com/source-map-support/-/source-map-support-0.5.21.tgz", { "dependencies": { "buffer-from": "^1.0.0", "source-map": "^0.6.0" } }, "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w=="],
+
+    "sqlstring": ["sqlstring@2.3.3", "https://registry.npmmirror.com/sqlstring/-/sqlstring-2.3.3.tgz", {}, "sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg=="],
+
    "stable-hash": ["stable-hash@0.0.5", "", {}, "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA=="],

    "stop-iteration-iterator": ["stop-iteration-iterator@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "internal-slot": "^1.1.0" } }, "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ=="],
@@ -1049,10 +1119,14 @@

    "zustand": ["zustand@5.0.8", "", { "peerDependencies": { "@types/react": ">=18.0.0", "immer": ">=9.0.6", "react": ">=18.0.0", "use-sync-external-store": ">=1.2.0" }, "optionalPeers": ["@types/react", "immer", "react", "use-sync-external-store"] }, "sha512-gyPKpIaxY9XcO2vSMrLbiER7QMAMGOQZVRdJ6Zi782jkbzZygq5GI9nG8g+sMgitRtndwaBSl7uiqC49o1SSiw=="],

+    "@esbuild-kit/core-utils/esbuild": ["esbuild@0.18.20", "https://registry.npmmirror.com/esbuild/-/esbuild-0.18.20.tgz", { "optionalDependencies": { "@esbuild/android-arm": "0.18.20", "@esbuild/android-arm64": "0.18.20", "@esbuild/android-x64": "0.18.20", "@esbuild/darwin-arm64": "0.18.20", "@esbuild/darwin-x64": "0.18.20", "@esbuild/freebsd-arm64": "0.18.20", "@esbuild/freebsd-x64": "0.18.20", "@esbuild/linux-arm": "0.18.20", "@esbuild/linux-arm64": "0.18.20", "@esbuild/linux-ia32": "0.18.20", "@esbuild/linux-loong64": "0.18.20", "@esbuild/linux-mips64el": "0.18.20", "@esbuild/linux-ppc64": "0.18.20", "@esbuild/linux-riscv64": "0.18.20", "@esbuild/linux-s390x": "0.18.20", "@esbuild/linux-x64": "0.18.20", "@esbuild/netbsd-x64": "0.18.20", "@esbuild/openbsd-x64": "0.18.20", "@esbuild/sunos-x64": "0.18.20", "@esbuild/win32-arm64": "0.18.20", "@esbuild/win32-ia32": "0.18.20", "@esbuild/win32-x64": "0.18.20" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA=="],
+
    "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],

    "@humanfs/node/@humanwhocodes/retry": ["@humanwhocodes/retry@0.3.1", "", {}, "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA=="],

+    "@napi-rs/wasm-runtime/@emnapi/runtime": ["@emnapi/runtime@1.4.5", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-++LApOtY0pEEz1zrd9vy1/zXVaVJJ/EbAF3u0fXIzPJEDtnITsBGbbK0EkM72amhl/R5b+5xx0Y/QhcVOpuulg=="],
+
    "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.4.5", "", { "dependencies": { "@emnapi/wasi-threads": "1.0.4", "tslib": "^2.4.0" }, "bundled": true }, "sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q=="],

    "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.4.5", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-++LApOtY0pEEz1zrd9vy1/zXVaVJJ/EbAF3u0fXIzPJEDtnITsBGbbK0EkM72amhl/R5b+5xx0Y/QhcVOpuulg=="],
@@ -1067,12 +1141,30 @@

    "@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],

+    "@typescript-eslint/parser/@typescript-eslint/types": ["@typescript-eslint/types@8.40.0", "", {}, "sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg=="],
+
+    "@typescript-eslint/project-service/@typescript-eslint/types": ["@typescript-eslint/types@8.40.0", "", {}, "sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg=="],
+
+    "@typescript-eslint/scope-manager/@typescript-eslint/types": ["@typescript-eslint/types@8.40.0", "", {}, "sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg=="],
+
+    "@typescript-eslint/type-utils/@typescript-eslint/types": ["@typescript-eslint/types@8.40.0", "", {}, "sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg=="],
+
+    "@typescript-eslint/typescript-estree/@typescript-eslint/types": ["@typescript-eslint/types@8.40.0", "", {}, "sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg=="],
+
    "@typescript-eslint/typescript-estree/fast-glob": ["fast-glob@3.3.3", "", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.8" } }, "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg=="],

    "@typescript-eslint/typescript-estree/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],

    "@typescript-eslint/typescript-estree/semver": ["semver@7.7.2", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],

+    "@typescript-eslint/utils/@eslint-community/eslint-utils": ["@eslint-community/eslint-utils@4.7.0", "", { "dependencies": { "eslint-visitor-keys": "^3.4.3" }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw=="],
+
+    "@typescript-eslint/utils/@typescript-eslint/types": ["@typescript-eslint/types@8.40.0", "", {}, "sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg=="],
+
+    "@typescript-eslint/visitor-keys/@typescript-eslint/types": ["@typescript-eslint/types@8.40.0", "", {}, "sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg=="],
+
+    "eslint/@eslint-community/eslint-utils": ["@eslint-community/eslint-utils@4.7.0", "", { "dependencies": { "eslint-visitor-keys": "^3.4.3" }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw=="],
+
    "eslint-import-resolver-node/debug": ["debug@3.2.7", "", { "dependencies": { "ms": "^2.1.1" } }, "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ=="],

    "eslint-module-utils/debug": ["debug@3.2.7", "", { "dependencies": { "ms": "^2.1.1" } }, "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ=="],
@@ -1089,10 +1181,60 @@

    "next/postcss": ["postcss@8.4.31", "", { "dependencies": { "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ=="],

-    "sharp/semver": ["semver@7.7.2", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
+    "sharp/detect-libc": ["detect-libc@2.1.2", "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
+
+    "sharp/semver": ["semver@7.7.4", "https://registry.npmmirror.com/semver/-/semver-7.7.4.tgz", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/android-arm": ["@esbuild/android-arm@0.18.20", "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz", { "os": "android", "cpu": "arm" }, "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/android-arm64": ["@esbuild/android-arm64@0.18.20", "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", { "os": "android", "cpu": "arm64" }, "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/android-x64": ["@esbuild/android-x64@0.18.20", "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz", { "os": "android", "cpu": "x64" }, "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/darwin-arm64": ["@esbuild/darwin-arm64@0.18.20", "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", { "os": "darwin", "cpu": "arm64" }, "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/darwin-x64": ["@esbuild/darwin-x64@0.18.20", "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", { "os": "darwin", "cpu": "x64" }, "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/freebsd-arm64": ["@esbuild/freebsd-arm64@0.18.20", "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", { "os": "freebsd", "cpu": "arm64" }, "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/freebsd-x64": ["@esbuild/freebsd-x64@0.18.20", "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", { "os": "freebsd", "cpu": "x64" }, "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-arm": ["@esbuild/linux-arm@0.18.20", "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", { "os": "linux", "cpu": "arm" }, "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-arm64": ["@esbuild/linux-arm64@0.18.20", "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-ia32": ["@esbuild/linux-ia32@0.18.20", "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", { "os": "linux", "cpu": "ia32" }, "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-loong64": ["@esbuild/linux-loong64@0.18.20", "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", { "os": "linux", "cpu": "none" }, "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-mips64el": ["@esbuild/linux-mips64el@0.18.20", "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", { "os": "linux", "cpu": "none" }, "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-ppc64": ["@esbuild/linux-ppc64@0.18.20", "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", { "os": "linux", "cpu": "ppc64" }, "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-riscv64": ["@esbuild/linux-riscv64@0.18.20", "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", { "os": "linux", "cpu": "none" }, "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-s390x": ["@esbuild/linux-s390x@0.18.20", "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", { "os": "linux", "cpu": "s390x" }, "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-x64": ["@esbuild/linux-x64@0.18.20", "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", { "os": "linux", "cpu": "x64" }, "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/netbsd-x64": ["@esbuild/netbsd-x64@0.18.20", "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", { "os": "none", "cpu": "x64" }, "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/openbsd-x64": ["@esbuild/openbsd-x64@0.18.20", "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", { "os": "openbsd", "cpu": "x64" }, "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/sunos-x64": ["@esbuild/sunos-x64@0.18.20", "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", { "os": "sunos", "cpu": "x64" }, "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/win32-arm64": ["@esbuild/win32-arm64@0.18.20", "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", { "os": "win32", "cpu": "arm64" }, "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.18.20", "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", { "os": "win32", "cpu": "ia32" }, "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g=="],
+
+    "@esbuild-kit/core-utils/esbuild/@esbuild/win32-x64": ["@esbuild/win32-x64@0.18.20", "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", { "os": "win32", "cpu": "x64" }, "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ=="],

    "@typescript-eslint/typescript-estree/fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],

    "@typescript-eslint/typescript-estree/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],
+
+    "@typescript-eslint/utils/@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
+
+    "eslint/@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
  }
 }
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -1,10 +1,20 @@
+name: jihu-monitor
+
 services:
+
  mariadb: 
    image: mariadb:10
    environment:
      MYSQL_ROOT_PASSWORD: root
      MYSQL_DATABASE: app
    ports:
-      - "23306:3306"
+      - "${DATABASE_PORT}:3306"
    volumes:
-      - .volumes/mysql:/var/lib/mysql
+      - .volumes/mysql:/var/lib/mysql
+
+  redis:
+    image: redis:7
+    ports:
+      - "${REDIS_PORT}:6379"
+    volumes:
+      - .volumes/redis:/data
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,25 +1,37 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
+import { dirname } from 'path'
+import { fileURLToPath } from 'url'
+import { FlatCompat } from '@eslint/eslintrc'
+import stylistic from '@stylistic/eslint-plugin'
+import drizzle from 'eslint-plugin-drizzle'

-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)

 const compat = new FlatCompat({
  baseDirectory: __dirname,
-});
+})

 const eslintConfig = [
-  ...compat.extends("next/core-web-vitals", "next/typescript"),
+  ...compat.extends('next/core-web-vitals', 'next/typescript'),
+  stylistic.configs.recommended,
  {
-    ignores: [
-      "node_modules/**",
-      ".next/**",
-      "out/**",
-      "build/**",
-      "next-env.d.ts",
-    ],
+    rules: {
+      '@stylistic/jsx-closing-bracket-location': 'off',
+      '@stylistic/jsx-curly-newline': 'off',
+      '@stylistic/jsx-one-expression-per-line': 'off',
+      '@stylistic/multiline-ternary': 'off',
+      '@typescript-eslint/no-empty-object-type': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+    },
  },
-];
+  {
+    plugins: {
+      drizzle,
+    },
+    rules: {
+      ...drizzle.configs.recommended.rules,
+    },
+  },
+]

-export default eslintConfig;
+export default eslintConfig
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,4 +1,4 @@
-import type { NextConfig } from "next";
+import type { NextConfig } from 'next'

 const nextConfig: NextConfig = {
  /* config options here */
@@ -6,6 +6,6 @@ const nextConfig: NextConfig = {
    ignoreDuringBuilds: true,
  },
  output: 'standalone',
-};
+}

-export default nextConfig;
+export default nextConfig
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "my-app",
-  "version": "0.2.0",
+  "version": "0.4.1",
  "private": true,
  "scripts": {
    "dev": "next dev --turbopack",
@@ -15,34 +15,40 @@
    "@radix-ui/react-select": "^2.2.6",
    "@radix-ui/react-slot": "^1.2.3",
    "@radix-ui/react-tabs": "^1.1.13",
+    "@tanstack/react-table": "^8.21.3",
    "bcryptjs": "^3.0.2",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
+    "drizzle-orm": "^0.44.5",
    "lucide-react": "^0.541.0",
-    "next": "15.4.7",
+    "mysql2": "^3.15.1",
+    "next": "15.4.10",
    "next-themes": "^0.4.6",
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "react-hook-form": "^7.62.0",
+    "redis": "^5.8.2",
    "sonner": "^2.0.7",
    "tailwind-merge": "^3.3.1",
    "zustand": "^5.0.8"
  },
  "devDependencies": {
    "@eslint/eslintrc": "^3",
-    "@prisma/client": "^6.16.2",
+    "@stylistic/eslint-plugin": "^5.4.0",
    "@tailwindcss/postcss": "^4",
    "@types/node": "^20",
    "@types/react": "^19",
    "@types/react-dom": "^19",
+    "drizzle-kit": "^0.31.4",
    "eslint": "^9",
    "eslint-config-next": "15.5.0",
+    "eslint-plugin-drizzle": "^0.2.3",
    "postcss": "^8.5.6",
-    "prisma": "^6.16.1",
    "tailwindcss": "^4",
    "tsx": "^4.20.4",
    "tw-animate-css": "^1.3.7",
    "typescript": "^5",
    "zod": "^4.1.5"
-  }
+  },
+  "packageManager": "bun@1.3.2"
 }
--- a/postcss.config.mjs
+++ b/postcss.config.mjs
@@ -1,5 +1,5 @@
 const config = {
-  plugins: ["@tailwindcss/postcss"],
-};
+  plugins: ['@tailwindcss/postcss'],
+}

-export default config;
+export default config
--- a/prisma/init.sql
+++ b/prisma/init.sql
@@ -1,57 +0,0 @@
-- jdbox.accounts definition
-CREATE TABLE `accounts` (
-  `id` varchar(191) NOT NULL,
-  `user_id` int(11) NOT NULL,
-  `type` varchar(191) NOT NULL,
-  `provider` varchar(191) NOT NULL,
-  `provider_account_id` varchar(191) NOT NULL,
-  `refresh_token` text DEFAULT NULL,
-  `access_token` text DEFAULT NULL,
-  `expires_at` int(11) DEFAULT NULL,
-  `token_type` varchar(191) DEFAULT NULL,
-  `scope` varchar(191) DEFAULT NULL,
-  `id_token` text DEFAULT NULL,
-  `session_state` varchar(191) DEFAULT NULL,
-  PRIMARY KEY (`id`),
-  UNIQUE KEY `accounts_provider_provider_account_id_key` (`provider`, `provider_account_id`),
-  KEY `accounts_user_id_fkey` (`user_id`) USING BTREE
-) ENGINE = InnoDB DEFAULT CHARSET = utf8mb4 COLLATE = utf8mb4_unicode_ci;
-- jdbox.sessions definition
-CREATE TABLE `sessions` (
-  `id` varchar(191) NOT NULL,
-  `expires` datetime(3) NOT NULL,
-  `createdAt` datetime(3) NOT NULL DEFAULT current_timestamp(3),
-  `userId` int(11) NOT NULL,
-  PRIMARY KEY (`id`),
-  KEY `sessions_userId_idx` (`userId`) USING BTREE
-) ENGINE = InnoDB DEFAULT CHARSET = utf8mb4 COLLATE = utf8mb4_unicode_ci;
-- jdbox.users definition
-CREATE TABLE `users` (
-  `id` int(11) NOT NULL AUTO_INCREMENT,
-  `name` varchar(191) DEFAULT NULL,
-  `createdAt` datetime(3) NOT NULL DEFAULT current_timestamp(3),
-  `password` varchar(191) NOT NULL,
-  `account` varchar(191) NOT NULL,
-  `updatedAt` datetime(3) NOT NULL,
-  PRIMARY KEY (`id`),
-  UNIQUE KEY `users_phone_key` (`phone`)
-) ENGINE = InnoDB AUTO_INCREMENT = 2 DEFAULT CHARSET = utf8mb4 COLLATE = utf8mb4_unicode_ci;
-- jdbox.verification_codes definition
-CREATE TABLE `verification_codes` (
-  `id` int(11) NOT NULL AUTO_INCREMENT,
-  `phone` varchar(191) NOT NULL,
-  `code` varchar(191) NOT NULL,
-  `type` varchar(191) NOT NULL,
-  `expiresAt` datetime(3) NOT NULL,
-  `createdAt` datetime(3) NOT NULL DEFAULT current_timestamp(3),
-  PRIMARY KEY (`id`),
-  KEY `verification_codes_phone_type_idx` (`phone`, `type`) USING BTREE
-) ENGINE = InnoDB DEFAULT CHARSET = utf8mb4 COLLATE = utf8mb4_unicode_ci;
-
-- 插入初始用户
-INSERT INTO users(phone, password, name)
-VALUES(
-    'admin',
-    '$2a$10$k.p3.s28OdLmGCMtuvBoqOxABp03h0Zhmop4eqqlR8sIjkThCcsnS',
-    '管理员'
-  );
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -1,159 +0,0 @@
-generator client {
-  provider = "prisma-client"
-  output   = "../src/generated/prisma"
-}
-
-datasource db {
-  provider = "mysql"
-  url      = env("DATABASE_URL")
-}
-
-model change {
-  id         Int       @id @default(autoincrement())
-  time       DateTime? @db.Timestamp(0)
-  city       Int?
-  macaddr    String    @db.VarChar(20)
-  edge_new   String    @db.VarChar(20)
-  edge_old   String?   @db.VarChar(20)
-  info       String    @db.VarChar(500)
-  network    String    @db.VarChar(20)
-  createtime DateTime  @default(now()) @db.DateTime(0)
-
-  @@index([edge_new], map: "edge_new")
-  @@index([time], map: "change_time_index")
-}
-
-/// This model or at least one of its fields has comments in the database, and requires an additional setup for migrations: Read more: https://pris.ly/d/database-comments
-model cityhash {
-  id         Int      @id @default(autoincrement()) @db.UnsignedInt
-  macaddr    String?  @db.VarChar(20)
-  city       String   @db.VarChar(20)
-  num        Int
-  hash       String   @db.VarChar(100)
-  label      String?  @db.VarChar(20)
-  count      Int      @default(0)
-  offset     Int      @default(0)
-  createtime DateTime @default(now()) @db.DateTime(0)
-  updatetime DateTime @default(now()) @db.DateTime(0)
-}
-
-/// This model or at least one of its fields has comments in the database, and requires an additional setup for migrations: Read more: https://pris.ly/d/database-comments
-model edge {
-  id      Int     @id @default(autoincrement())
-  macaddr String  @unique(map: "edge_macaddr_idx") @db.VarChar(17)
-  public  String  @db.VarChar(255)
-  isp     String  @db.VarChar(255)
-  single  Boolean
-  sole    Boolean
-  arch    Boolean
-  online  Int     @default(0)
-  city_id Int
-  active  Boolean
-
-  @@index([active], map: "edge_active_index")
-  @@index([city_id])
-  @@index([isp], map: "edge_isp_index")
-  @@index([public], map: "edge_public_index")
-}
-
-model gateway {
-  id         Int      @id @default(autoincrement()) @db.UnsignedInt
-  macaddr    String   @db.VarChar(20)
-  table      Int
-  edge       String   @db.VarChar(20)
-  network    String   @db.VarChar(20)
-  cityhash   String   @db.VarChar(100)
-  label      String?  @db.VarChar(20)
-  user       String?  @db.VarChar(20)
-  inner_ip   String?  @db.VarChar(20)
-  ischange   Int      @default(0) @db.TinyInt
-  isonline   Int      @default(0) @db.TinyInt
-  onlinenum  Int      @default(0)
-  createtime DateTime @default(now()) @db.DateTime(0)
-  updatetime DateTime @default(now()) @db.DateTime(0)
-
-  @@index([inner_ip], map: "inner_ip")
-}
-
-/// This model or at least one of its fields has comments in the database, and requires an additional setup for migrations: Read more: https://pris.ly/d/database-comments
-model token {
-  id           Int      @id @default(autoincrement()) @db.UnsignedInt
-  setid        Int      @default(1)
-  change_count Int
-  limit_count  Int      @default(32000)
-  token        String   @db.VarChar(1000)
-  macaddr      String   @db.VarChar(100)
-  token_time   DateTime @db.DateTime(0)
-  inner_ip     String?  @db.VarChar(20)
-  l2ip         String?  @db.VarChar(20)
-  enable       Boolean  @default(true)
-  createtime   DateTime @default(now()) @db.DateTime(0)
-  updatetime   DateTime @default(now()) @db.DateTime(0)
-}
-
-model change_city {
-  id         Int       @id @default(autoincrement())
-  time       DateTime? @db.Timestamp(0)
-  city_id    Int?
-  count      Int?
-  offset_old Int?
-  offset_new Int?
-
-  @@index([time], map: "change_city_time_index")
-}
-
-model Account {
-  id                String  @id @default(cuid())
-  userId            Int     @map("user_id")
-  type              String
-  provider          String
-  providerAccountId String  @map("provider_account_id")
-  refresh_token     String? @db.Text
-  access_token      String? @db.Text
-  expires_at        Int?
-  token_type        String?
-  scope             String?
-  id_token          String? @db.Text
-  session_state     String?
-
-  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
-
-  @@unique([provider, providerAccountId])
-  @@map("accounts")
-}
-
-model User {
-  id        Int       @id @default(autoincrement())
-  account   String    @unique
-  password  String
-  name      String?
-  createdAt DateTime  @default(now())
-  updatedAt DateTime  @updatedAt
-  sessions  Session[]
-  accounts  Account[]
-
-  @@map("users")
-}
-
-model Session {
-  id        String   @id
-  userId    Int
-  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
-  expires   DateTime
-  createdAt DateTime @default(now())
-
-  @@index([userId])
-  @@map("sessions")
-}
-
-model VerificationCode {
-  id        Int      @id @default(autoincrement())
-  account     String
-  code      String
-  type      String
-  expiresAt DateTime
-  createdAt DateTime @default(now())
-
-  @@index([account, type])
-  @@map("verification_codes")
-}
--- a/publish.ps1
+++ b/publish.ps1
@@ -0,0 +1,16 @@
+if (-not $args) {
+    Write-Error "需要指定版本号"
+    exit 1
+}
+
+$confrim = Read-Host "构建版本为 [jh-monitor:$($args[0])]，是否继续？(y/n)"
+if ($confrim -ne "y") {
+    Write-Host "已取消构建"
+    exit 0
+}
+
+docker build -t 43.226.58.254:53000/wmp/jh-monitor:latest .
+docker build -t 43.226.58.254:53000/wmp/jh-monitor:$($args[0]) .
+
+docker push 43.226.58.254:53000/wmp/jh-monitor:latest
+docker push 43.226.58.254:53000/wmp/jh-monitor:$($args[0])
--- a/src/actions/auth.ts
+++ b/src/actions/auth.ts
@@ -0,0 +1,100 @@
+'use server'
+import drizzle, { eq, sessions, users } from '@/lib/drizzle'
+import { compare } from 'bcryptjs'
+import { randomUUID } from 'crypto'
+import { cookies } from 'next/headers'
+import { z } from 'zod'
+
+const loginProps = z.object({
+  account: z.string().min(3, '账号至少需要3个字符').trim(),
+  password: z.string().min(6, '密码至少需要6个字符').trim(),
+})
+
+export async function login(rawParams: z.infer<typeof loginProps>) {
+  try {
+    const params = loginProps.parse(rawParams)
+
+    // 查找用户
+    const user = await drizzle.query.users.findFirst({
+      where: eq(users.account, params.account),
+    })
+    if (!user) {
+      return {
+        success: false,
+        error: '用户不存在或密码错误',
+      }
+    }
+
+    // 验证密码
+    const passwordMatch = await compare(params.password, user.password || '')
+
+    if (!passwordMatch) {
+      return {
+        success: false,
+        error: '用户不存在或密码错误',
+      }
+    }
+
+    // 创建会话
+    const sessionToken = randomUUID()
+    await drizzle.insert(sessions).values({
+      id: sessionToken,
+      userid: user.id,
+      expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000),
+    })
+
+    // 设置cookie
+    const cookieStore = await cookies()
+    cookieStore.set('session', sessionToken, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      maxAge: 60 * 60 * 24 * 7,
+    })
+
+    return {
+      success: true,
+      user: {
+        id: user.id,
+        account: user.account,
+        name: user.name,
+      },
+    }
+  }
+  catch (error) {
+    console.error('登录错误:', error)
+    return {
+      success: false,
+      error: '服务器错误，请稍后重试',
+    }
+  }
+}
+
+export async function logout() {
+  try {
+    const cookieStore = await cookies()
+    const sessionToken = cookieStore.get('session')?.value
+
+    // 删除数据库中的session（如果存在）
+    if (sessionToken) {
+      await drizzle.delete(sessions).where(eq(sessions.id, sessionToken))
+    }
+
+    // 清除cookie
+    cookieStore.set('session', '', {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      maxAge: 0, // 立即过期
+    })
+
+    return {
+      success: true,
+    }
+  }
+  catch (error) {
+    console.error('退出错误:', error)
+    return {
+      success: false,
+      error: '退出失败',
+    }
+  }
+}
--- a/src/actions/config.ts
+++ b/src/actions/config.ts
@@ -0,0 +1,47 @@
+'use server'
+
+import drizzle, { eq, gateway } from '@/lib/drizzle'
+import z from 'zod'
+
+export async function findConfigs(params: {
+  macaddr: string
+}) {
+  try {
+    return await drizzle.query.gateway.findMany({
+      where: eq(gateway.macaddr, params.macaddr),
+    })
+  }
+  catch (e) {
+    throw new Error('查询配置失败: ' + (e as Error).message)
+  }
+}
+
+const pageConfigsParams = z.object({
+  macaddr: z.string().min(1, 'MAC地址不能为空').trim(),
+  page: z.number().min(1).default(1),
+  size: z.number().min(10).max(250).default(100),
+})
+
+export async function pageConfigs(rawParams: z.infer<typeof pageConfigsParams>) {
+  try {
+    const params = pageConfigsParams.parse(rawParams)
+    const offset = (params.page - 1) * params.size
+    const limit = params.size
+
+    const [data, total] = await Promise.all([
+      drizzle.select().from(gateway).where(eq(gateway.macaddr, params.macaddr)).offset(offset).limit(limit),
+      drizzle.$count(gateway, eq(gateway.macaddr, params.macaddr)),
+    ])
+
+    return {
+      success: true,
+      data,
+      total,
+      page: params.page,
+      size: params.size,
+    }
+  }
+  catch (e) {
+    throw new Error('获取配置失败: ' + (e as Error).message)
+  }
+}
--- a/src/actions/remote.ts
+++ b/src/actions/remote.ts
@@ -0,0 +1,96 @@
+'use server'
+import redis from '@/lib/redis'
+
+const base = process.env.JD_BASE
+const username = process.env.JD_USERNAME
+const password = process.env.JD_PASSWORD
+
+type JdResp<T> = {
+  code: number
+  meta: string
+  data: T
+}
+
+async function post<O>(path: string, data: unknown) {
+  try {
+    if (!base) throw new Error('JD_BASE 环境变量未设置')
+    if (!username) throw new Error('JD_USERNAME 环境变量未设置')
+    if (!password) throw new Error('JD_PASSWORD 环境变量未设置')
+
+    // 获取令牌
+    let token = await redis.get('token')
+    if (!token) {
+      const resp = await fetch(`${base}/client/auth`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          username,
+          password,
+        }),
+      })
+
+      const json = await resp.json()
+      if (json.code !== 0) {
+        throw new Error('响应失败: ' + json.meta)
+      }
+
+      token = json.data
+      if (!token) {
+        throw new Error('响应中缺少 token')
+      }
+
+      await redis.set('token', token, {
+        expiration: { type: 'EX', value: 6 * 24 * 3600 },
+      })
+    }
+
+    // 发起请求
+    const resp = await fetch(base + path, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-Token': token,
+      },
+      body: JSON.stringify(data),
+    })
+    if (resp.status === 401) {
+      await redis.del('token')
+      throw new Error('令牌无效，已删除缓存，请重试')
+    }
+
+    return await resp.json() as JdResp<O>
+  }
+  catch (e) {
+    throw new Error('请求失败: ' + (e as Error).message)
+  }
+}
+
+export async function gatewayConfigGet(params: {
+  macaddr: string
+}) {
+  try {
+    const resp = await post<string>('/gateway/config/get', params)
+    if (resp.code !== 0) {
+      throw new Error('响应失败: ' + resp.meta)
+    }
+    if (!resp.data) {
+      throw new Error('响应中缺少 data')
+    }
+
+    return JSON.parse(atob(resp.data)) as {
+      id: number
+      rules: {
+        table: number
+        enable: boolean
+        edge: string[]
+        network: string[]
+        cityhash: string
+      }[]
+    }
+  }
+  catch (e) {
+    throw new Error('获取远程配置失败: ' + (e as Error).message)
+  }
+}
--- a/src/actions/stats.ts
+++ b/src/actions/stats.ts
@@ -0,0 +1,319 @@
+'use server'
+
+import { Page, Res } from '@/lib/api'
+import drizzle, { and, change, cityhash, count, desc, edge, eq, gateway, is, sql, token } from '@/lib/drizzle'
+import { cache } from 'react'
+
+export type AllocationStatus = {
+  city: string
+  count: number
+  assigned: number
+}
+
+// 城市分配状态
+export async function getAllocationStatus(hours: number = 24) {
+  try {
+    const c1 = drizzle
+      .select({
+        cityId: edge.cityId,
+        count: count().as('count'),
+      })
+      .from(edge)
+      .where(eq(edge.active, 1))
+      .groupBy(edge.cityId)
+      .as('c1')
+
+    const c2 = drizzle
+      .select({
+        cityId: change.city,
+        assigned: count().as('assigned'),
+      })
+      .from(change)
+      .where(sql`time > NOW() - INTERVAL ${hours} HOUR`)
+      .groupBy(change.city)
+      .as('c2')
+
+    const result = await drizzle
+      .select({
+        city: cityhash.city,
+        count: sql<number>`c1.count`,
+        assigned: sql<number>`ifnull(c2.assigned, 0)`,
+      })
+      .from(cityhash)
+      .leftJoin(c1, eq(c1.cityId, cityhash.id))
+      .leftJoin(c2, eq(c2.cityId, cityhash.id))
+      .where(sql`cityhash.macaddr is not null`)
+
+    return {
+      success: true,
+      data: result,
+    }
+  }
+  catch (error) {
+    console.error('Allocation status query error:', error)
+    const errorMessage = error instanceof Error ? error.message : 'Unknown error'
+    return {
+      success: false,
+      data: [],
+      error: '查询分配状态失败: ' + errorMessage,
+    }
+  }
+}
+
+export type GatewayInfo = {
+  macaddr: string
+  inner_ip: string
+  setid: number
+  enable: number
+}
+
+// 获取网关基本信息
+export async function getGatewayInfo() {
+  try {
+    const result = await drizzle
+      .select({
+        macaddr: token.macaddr,
+        inner_ip: token.innerIp,
+        setid: token.setid,
+        enable: token.enable,
+      })
+      .from(token)
+      .orderBy(sql`cast(regexp_replace(token.inner_ip, '192.168.50.', '') as unsigned)`)
+
+    return {
+      success: true,
+      data: result,
+    }
+  }
+  catch (error) {
+    console.error('Gateway info query error:', error)
+    return {
+      success: false,
+      data: [],
+      error: '查询网关信息失败',
+    }
+  }
+}
+
+export type GatewayConfig = {
+  city: string | null
+  edge: string
+  user: string
+  public: string | null
+  inner_ip: string
+  ischange: number
+  isonline: number
+}
+
+// 网关配置
+export const getGatewayConfig = cache(async (page?: number, filters?: {
+  mac?: string
+  public?: string
+  city?: string
+  user?: string
+  inner_ip?: string
+}): Promise<Res<Page<GatewayConfig>>> => {
+  try {
+    if (!page && !filters?.mac) {
+      throw new Error('页码和MAC地址不能同时为空')
+    }
+
+    page = filters?.mac ? 1 : Math.max(1, page || 1)
+
+    const condition = filters ? and(
+      filters.mac ? eq(gateway.macaddr, filters.mac) : undefined,
+      filters.public ? eq(edge.public, filters.public) : undefined,
+      filters.city ? eq(cityhash.city, filters.city) : undefined,
+      filters.user ? eq(gateway.user, filters.user) : undefined,
+      filters.inner_ip ? eq(gateway.network, filters.inner_ip) : undefined,
+    ) : undefined
+
+    const [total, result] = await Promise.all([
+      drizzle
+        .select({
+          value: count(),
+        })
+        .from(gateway)
+        .leftJoin(cityhash, eq(cityhash.hash, gateway.cityhash))
+        .leftJoin(edge, eq(edge.macaddr, gateway.edge))
+        .where(condition),
+      drizzle
+        .select({
+          city: cityhash.city,
+          edge: gateway.edge,
+          user: gateway.user,
+          public: edge.public,
+          inner_ip: gateway.network,
+          ischange: gateway.ischange,
+          isonline: gateway.isonline,
+        })
+        .from(gateway)
+        .leftJoin(cityhash, eq(cityhash.hash, gateway.cityhash))
+        .leftJoin(edge, eq(edge.macaddr, gateway.edge))
+        .where(condition)
+        .orderBy(sql`inet_aton(gateway.inner_ip)`)
+        .offset((page - 1) * 250)
+        .limit(250),
+    ])
+    return {
+      success: true,
+      data: {
+        total: total[0].value,
+        page,
+        size: 250,
+        items: result,
+      },
+    }
+  }
+  catch (error) {
+    console.error('Gateway config query error:', error)
+    return {
+      success: false,
+      error: '查询网关配置失败',
+    }
+  }
+})
+
+export type CityNode = {
+  city: string
+  count: number
+  hash: string
+  label: string | null
+  offset: number
+}
+
+// 城市节点数量分布
+export async function getCityNodeCount() {
+  try {
+    const e = drizzle
+      .select({
+        cityId: edge.cityId,
+        count: count().as('count'),
+      })
+      .from(edge)
+      .where(eq(edge.active, 1))
+      .groupBy(edge.cityId)
+      .as('e')
+
+    const result = await drizzle
+      .select({
+        city: cityhash.city,
+        hash: cityhash.hash,
+        label: cityhash.label,
+        count: sql<number>`ifnull(e.count, 0)`,
+        offset: cityhash.offset,
+      })
+      .from(cityhash)
+      .leftJoin(e, eq(e.cityId, cityhash.id))
+      .groupBy(cityhash.hash)
+      .orderBy(desc(sql`e.count`))
+
+    return {
+      success: true,
+      data: result,
+    }
+  }
+  catch (error) {
+    console.error('City node count query error:', error)
+    return {
+      success: false,
+      data: [],
+      error: '查询城市节点失败',
+    }
+  }
+}
+
+export type Edge = {
+  id: number
+  macaddr: string
+  city: string | null
+  public: string
+  isp: string
+  single: number | boolean
+  sole: number | boolean
+  arch: number
+  online: number
+}
+
+// 获取节点信息
+export async function getEdgeNodes(page: number, size: number, filters?: {
+  macaddr?: string
+  public?: string
+  city?: string
+  isp?: string
+}): Promise<Res<Page<Edge>>> {
+  try {
+    page = Math.max(1, page)
+    size = Math.min(100, Math.max(10, size))
+
+    const condition = and(
+      eq(edge.active, 1),
+      filters?.macaddr ? eq(edge.macaddr, filters.macaddr) : undefined,
+      filters?.public ? eq(edge.public, filters.public) : undefined,
+      filters?.city ? eq(cityhash.city, filters.city) : undefined,
+      filters?.isp ? eq(edge.isp, filters.isp) : undefined,
+    )
+
+    console.log(drizzle
+      .select({
+        id: edge.id,
+        macaddr: edge.macaddr,
+        city: cityhash.city,
+        public: edge.public,
+        isp: edge.isp,
+        single: edge.single,
+        sole: edge.sole,
+        arch: edge.arch,
+        online: edge.online,
+      })
+      .from(edge)
+      .leftJoin(cityhash, eq(cityhash.id, edge.cityId))
+      .where(condition)
+      .orderBy(edge.id)
+      .offset(page * size - size)
+      .limit(size).toSQL().sql)
+
+    const [total, items] = await Promise.all([
+      drizzle
+        .select({ value: count() })
+        .from(edge)
+        .leftJoin(cityhash, eq(cityhash.id, edge.cityId))
+        .where(condition),
+      drizzle
+        .select({
+          id: edge.id,
+          macaddr: edge.macaddr,
+          city: cityhash.city,
+          public: edge.public,
+          isp: edge.isp,
+          single: edge.single,
+          sole: edge.sole,
+          arch: edge.arch,
+          online: edge.online,
+        })
+        .from(edge)
+        .leftJoin(cityhash, eq(cityhash.id, edge.cityId))
+        .where(condition)
+        .orderBy(edge.id)
+        .offset(page * size - size)
+        .limit(size),
+    ])
+
+    return {
+      success: true,
+      data: {
+        total: total[0].value,
+        page,
+        size,
+        items,
+      },
+    }
+  }
+  catch (error) {
+    console.error('Edge nodes query error:', error)
+    return {
+      success: false,
+      error: '查询边缘节点失败',
+    }
+  }
+}
--- a/src/actions/user.ts
+++ b/src/actions/user.ts
@@ -0,0 +1,126 @@
+'use server'
+import drizzle, { desc, eq, users } from '@/lib/drizzle'
+import { first } from '@/lib/utils'
+import { hash } from 'bcryptjs'
+
+type User = {
+  id: number
+  account: string
+  name: string | null
+  createdAt: Date
+  updatedAt: Date
+}
+
+// 获取所有用户
+export async function findUsers(): Promise<{
+  success: boolean
+  data: User[]
+  error: string
+}> {
+  try {
+    const result = await drizzle
+      .select({
+        id: users.id,
+        account: users.account,
+        name: users.name,
+        createdAt: users.createdat,
+        updatedAt: users.updatedat,
+      })
+      .from(users)
+      .orderBy(desc(users.createdat))
+
+    return {
+      success: true,
+      data: result,
+      error: '',
+    }
+  }
+  catch (error) {
+    console.error('获取用户列表错误:', error)
+    return {
+      success: false,
+      data: [],
+      error: '服务器错误，请稍后重试',
+    }
+  }
+}
+
+// 创建用户
+export async function createUser(params: {
+  account: string
+  password: string
+  name: string | ''
+}) {
+  try {
+    // 检查用户是否已存在
+    const user = await drizzle.query.users.findFirst({
+      where: eq(users.account, params.account),
+    })
+    if (user) {
+      return {
+        success: false,
+        error: '用户账号已存在',
+      }
+    }
+
+    // 加密密码
+    const hashedPassword = await hash(params.password, 10)
+
+    // 创建用户
+    const id = first(
+      await drizzle
+        .insert(users)
+        .values({
+          account: params.account,
+          password: hashedPassword,
+          name: params.name || params.account,
+        }).$returningId(),
+      r => r.id,
+    )
+    if (!id) {
+      return {
+        success: false,
+        error: '创建用户失败',
+      }
+    }
+
+    // 不返回密码字段
+    return {
+      success: true,
+      user: {
+        id,
+        account: params.account,
+        name: params.name || params.account,
+      },
+    }
+  }
+  catch (error) {
+    console.error('创建用户错误:', error)
+    return {
+      success: false,
+      error: '服务器错误，请稍后重试',
+    }
+  }
+}
+
+// 删除用户
+export async function removeUser(id: number) {
+  try {
+    await drizzle
+      .delete(users)
+      .where(eq(users.id, id))
+
+    return {
+      success: true,
+      message: '用户删除成功',
+    }
+  }
+  catch (error) {
+    console.error('删除用户错误:', error)
+    return {
+      success: false,
+      error: '服务器错误，请稍后重试',
+      status: 500,
+    }
+  }
+}
--- a/src/app/(auth)/loayout.tsx
+++ b/src/app/(auth)/loayout.tsx
--- a/src/app/(auth)/login/page.tsx
+++ b/src/app/(auth)/login/page.tsx
@@ -8,19 +8,20 @@ import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
-import { Lock, User } from 'lucide-react'
+import { LockIcon, UserIcon } from 'lucide-react'
 import { useAuthStore } from '@/store/auth'
 import { toast, Toaster } from 'sonner'
+import { login } from '@/actions/auth'

 const formSchema = z.object({
-    account: z.string().min(3, '账号至少需要3个字符'),
-    password: z.string().min(6, '密码至少需要6个字符'),
+  account: z.string().min(3, '账号至少需要3个字符'),
+  password: z.string().min(6, '密码至少需要6个字符'),
 })

 export default function LoginPage() {
  const router = useRouter()
  const [loading, setLoading] = useState(false)
-  const setAuth = useAuthStore((state) => state.setAuth)
+  const setAuth = useAuthStore(state => state.setAuth)
  const form = useForm<z.infer<typeof formSchema>>({
    resolver: zodResolver(formSchema),
    defaultValues: {
@@ -32,34 +33,27 @@ export default function LoginPage() {
  async function onSubmit(values: z.infer<typeof formSchema>) {
    setLoading(true)
    try {
-      const response = await fetch('/api/auth/login', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(values),
-      })
-      
-      const data = await response.json()
-
-      if (!response.ok) {
-        throw new Error(data.error || '登录失败')
-      }
+      const data = await login(values)

      if (data.success) {
-        toast.success("登录成功", {
-          description: "正在跳转到仪表盘...",
+        toast.success('登录成功', {
+          description: '正在跳转到仪表盘...',
        })
        setAuth(true)
        await new Promise(resolve => setTimeout(resolve, 1000))
-        router.push('/dashboard')
+        router.push('/gatewayinfo')
        router.refresh()
      }
-    } catch (error) {
-      toast.error("登录失败", {
-        description: error instanceof Error ? error.message : "服务器连接失败，请稍后重试",
+      else {
+        toast.error('账号或密码错误，请重新输入')
+      }
+    }
+    catch (error) {
+      toast.error('登录失败', {
+        description: error instanceof Error ? error.message : '账号或密码错误，请稍后重试',
      })
-    } finally {
+    }
+    finally {
      setLoading(false)
    }
  }
@@ -81,10 +75,10 @@ export default function LoginPage() {
                      <FormLabel>账号</FormLabel>
                      <FormControl>
                        <div className="relative">
-                          <User className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
-                          <Input 
-                            placeholder="请输入您的账号" 
-                            className="pl-8" 
+                          <UserIcon className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+                          <Input
+                            placeholder="请输入您的账号"
+                            className="pl-8"
                            {...field}
                          />
                        </div>
@@ -101,7 +95,7 @@ export default function LoginPage() {
                      <FormLabel>密码</FormLabel>
                      <FormControl>
                        <div className="relative">
-                          <Lock className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+                          <LockIcon className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
                          <Input type="password" placeholder="请输入密码" className="pl-8" {...field} />
                        </div>
                      </FormControl>
@@ -109,20 +103,22 @@ export default function LoginPage() {
                    </FormItem>
                  )}
                />
-                <Button 
-                  type="submit" 
-                  className="w-full" 
+                <Button
+                  type="submit"
+                  className="w-full"
                  disabled={loading}
                  size="lg"
                >
-                  {loading ? (
-                    <div className="flex items-center gap-2">
-                      <div className="h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
-                      登录中...
-                    </div>
-                  ) : (
-                    '登录'
-                  )}
+                  {loading
+                    ? (
+                        <div className="flex items-center gap-2">
+                          <div className="h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
+                          登录中...
+                        </div>
+                      )
+                    : (
+                        '登录'
+                      )}
                </Button>
              </form>
            </Form>
@@ -132,4 +128,4 @@ export default function LoginPage() {
      <Toaster richColors />
    </>
  )
-}
+}
--- a/src/app/(root)/allocationStatus/page.tsx
+++ b/src/app/(root)/allocationStatus/page.tsx
@@ -0,0 +1,147 @@
+'use client'
+
+import { useEffect, useState, useCallback } from 'react'
+import LoadingCard from '@/components/ui/loadingCard'
+import ErrorCard from '@/components/ui/errorCard'
+import { getAllocationStatus, type AllocationStatus } from '@/actions/stats'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Form, FormField } from '@/components/ui/form'
+import { z } from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { Button } from '@/components/ui/button'
+import { Page } from '@/components/page'
+import { DataTable } from '@/components/data-table'
+
+const filterSchema = z.object({
+  timeFilter: z.string(),
+})
+type FilterSchema = z.infer<typeof filterSchema>
+
+export default function AllocationStatus({ detailed = false }: { detailed?: boolean }) {
+  const [data, setData] = useState<AllocationStatus[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
+
+  const form = useForm<FilterSchema>({
+    resolver: zodResolver(filterSchema),
+    defaultValues: {
+      timeFilter: '24',
+    },
+  })
+  const timeFilter = form.watch('timeFilter')
+
+  const getTimeHours = useCallback(() => {
+    return parseInt(timeFilter) || 24
+  }, [timeFilter])
+
+  const newData = data.map(item => ({
+    ...item,
+    overage: Math.max(0, Number(item.assigned) - Number(item.count)),
+  }))
+
+  const fetchData = useCallback(async () => {
+    try {
+      setError(null)
+      setLoading(true)
+
+      const hours = getTimeHours()
+      const result = await getAllocationStatus(hours)
+
+      const validatedData = result.data.map(item => ({
+        city: item.city || '未知',
+        count: item.count,
+        assigned: item.assigned,
+      }))
+
+      setData(validatedData)
+    }
+    catch (error) {
+      console.error('Failed to fetch allocation status:', error)
+      setError(error instanceof Error ? error.message : 'Unknown error')
+    }
+    finally {
+      setLoading(false)
+    }
+  }, [getTimeHours])
+
+  useEffect(() => {
+    fetchData()
+  }, [fetchData])
+
+  const onSubmit = (data: FilterSchema) => {
+    fetchData()
+  }
+
+  if (loading) return <LoadingCard title="节点分配状态" />
+  if (error) return <ErrorCard title="节点分配状态" error={error} onRetry={fetchData} />
+
+  return (
+    <Page>
+      <h2 className="flex-none text-lg font-semibold mb-4">节点分配状态</h2>
+      <div className="mb-4 flex flex-wrap items-center gap-3">
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className="flex items-center gap-4">
+            <FormField
+              name="timeFilter"
+              render={({ field }) => (
+                <div className="flex items-center">
+                  <span className="text-sm mr-2">时间筛选:</span>
+                  <Select value={field.value} onValueChange={field.onChange}>
+                    <SelectTrigger className="h-9 w-36">
+                      <SelectValue placeholder="选择时间范围" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="1">最近1小时</SelectItem>
+                      <SelectItem value="4">最近4小时</SelectItem>
+                      <SelectItem value="12">最近12小时</SelectItem>
+                      <SelectItem value="24">最近24小时</SelectItem>
+                      <SelectItem value="168">最近7天</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
+              )}
+            />
+
+            <Button type="submit" className="py-2 bg-blue-600 hover:bg-blue-700">
+              查询
+            </Button>
+          </form>
+        </Form>
+      </div>
+      <DataTable
+        data={newData}
+        columns={[
+          {
+            label: '城市',
+            props: 'city',
+          },
+          {
+            label: '可用IP量',
+            props: 'count',
+            sortable: true,
+          },
+          {
+            label: '分配IP量',
+            props: 'assigned',
+            sortable: true,
+          },
+          {
+            label: '超额量',
+            props: 'overage',
+            sortable: true,
+            render: (val) => {
+              const overage = val.overage as number
+              return (
+                <span className={overage > 0 ? 'text-red-600 font-medium' : ''}>
+                  {overage}
+                </span>
+              )
+            },
+          },
+        ]}
+      />
+
+    </Page>
+  )
+}
--- a/src/app/(root)/cityNodeStats/page.tsx
+++ b/src/app/(root)/cityNodeStats/page.tsx
@@ -0,0 +1,77 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+import { getCityNodeCount, type CityNode } from '@/actions/stats'
+import { Page } from '@/components/page'
+import { DataTable } from '@/components/data-table'
+
+export default function CityNodeStats() {
+  const [data, setData] = useState<CityNode[]>([])
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    fetchData()
+  }, [])
+
+  const fetchData = async () => {
+    try {
+      const result = await getCityNodeCount()
+      if (!result.success) {
+        throw new Error(result.error || '查询城市节点失败')
+      }
+      setData(result.data)
+    }
+    catch (error) {
+      console.error('获取城市节点数据失败:', error)
+    }
+    finally {
+      setLoading(false)
+    }
+  }
+
+  if (loading) {
+    return (
+      <div className="bg-white p-6 w-full overflow-hidden">
+        <h2 className="text-lg font-semibold mb-4">城市节点数量分布</h2>
+        <div className="text-gray-600">加载中...</div>
+      </div>
+    )
+  }
+
+  return (
+    <Page>
+      <div className="flex justify-between items-center mb-4">
+        <h2 className="text-lg font-semibold">城市节点数量分布</h2>
+        <span className="text-sm text-gray-500">
+          共 {data.length} 个城市
+        </span>
+      </div>
+
+      <DataTable
+        data={data}
+        columns={[
+          {
+            label: '城市',
+            props: 'city',
+          },
+          {
+            label: '节点数量',
+            props: 'count',
+          },
+          {
+            label: 'Hash',
+            props: 'hash',
+          },
+          {
+            label: '标签',
+            props: 'label',
+          },
+          {
+            label: '轮换顺位',
+            props: 'offset',
+          },
+        ]}
+      />
+    </Page>
+  )
+}
--- a/src/app/(root)/edge/page.tsx
+++ b/src/app/(root)/edge/page.tsx
@@ -0,0 +1,263 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+import { Pagination } from '@/components/ui/pagination'
+import { getEdgeNodes, type Edge } from '@/actions/stats'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useForm } from 'react-hook-form'
+import { z } from 'zod'
+import { Button } from '@/components/ui/button'
+import { Form, FormControl, FormField, FormItem, FormLabel } from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { cn } from '@/lib/utils'
+import { Page } from '@/components/page'
+import { DataTable } from '@/components/data-table'
+
+// 定义表单验证规则
+const filterSchema = z.object({
+  macaddr: z.string(),
+  public: z.string(),
+  city: z.string(),
+  isp: z.string(),
+})
+
+type FilterFormValues = z.infer<typeof filterSchema>
+
+export default function Edge() {
+  const [data, setData] = useState<Edge[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
+
+  // 分页状态
+  const [page, setPage] = useState(1)
+  const [size, setSize] = useState(100)
+  const [total, setTotal] = useState(0)
+
+  // 初始化表单
+  const form = useForm<FilterFormValues>({
+    resolver: zodResolver(filterSchema),
+    defaultValues: {
+      macaddr: '',
+      public: '',
+      city: '',
+      isp: '',
+    },
+  })
+
+  const fetchData = async (page: number, size: number) => {
+    const filters = form.getValues()
+
+    setLoading(true)
+    try {
+      const result = await getEdgeNodes(page, size, filters)
+      if (!result.success) {
+        throw new Error(result.error)
+      }
+      const data = result.data
+      console.log(data)
+      setData(data.items)
+      setTotal(data.total)
+      setPage(data.page)
+      setSize(data.size)
+      setError(null)
+    }
+    catch (error) {
+      setError('获取边缘节点数据失败' + (error instanceof Error ? `: ${error.message}` : ''))
+    }
+    finally {
+      setLoading(false)
+    }
+  }
+
+  const onSubmit = () => {
+    fetchData(page, size)
+  }
+
+  // 处理页码变化
+  const handlePageChange = (page: number) => {
+    setPage(page)
+    fetchData(page, size)
+  }
+
+  // 处理每页显示数量变化
+  const handleSizeChange = (size: number) => {
+    setPage(1)
+    setSize(size)
+    fetchData(1, size)
+  }
+
+  useEffect(() => {
+    fetchData(page, size)
+  }, [])
+
+  if (loading) return (
+    <div className="bg-white w-full shadow p-6">
+      <h2 className="text-xl font-semibold text-gray-800 mb-4">节点列表</h2>
+      <div className="text-center py-8">加载节点数据中...</div>
+    </div>
+  )
+
+  if (error) return (
+    <div className="bg-white w-full shadow p-6">
+      <h2 className="text-xl font-semibold text-gray-800 mb-4">节点列表</h2>
+      <div className="text-center py-8 text-red-600">{error}</div>
+      <button
+        onClick={() => fetchData(page, size)}
+        className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors mx-auto block"
+      >
+        重试
+      </button>
+    </div>
+  )
+
+  return (
+    <Page className="gap-3">
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className="flex gap-4">
+          <FormField
+            control={form.control}
+            name="macaddr"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>MAC地址</FormLabel>
+                <FormControl>
+                  <Input placeholder="输入MAC地址" {...field} />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+          <FormField
+            name="public"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>公网IP</FormLabel>
+                <FormControl>
+                  <Input placeholder="输入公网IP" {...field} />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+          <FormField
+            name="city"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>城市</FormLabel>
+                <FormControl>
+                  <Input placeholder="输入城市名称" {...field} />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+          <FormField
+            name="isp"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>运营商</FormLabel>
+                <FormControl>
+                  <Input placeholder="输入运营商" {...field} />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+          <Button type="submit" className="mt-5 py-2 bg-blue-600 hover:bg-blue-700">
+            查询
+          </Button>
+          <Button type="button" variant="outline" className="mt-5 py-2" onClick={() => form.reset()}>
+            重置
+          </Button>
+        </form>
+      </Form>
+      <DataTable
+        data={data}
+        columns={[
+          {
+            label: 'MAC地址',
+            props: 'macaddr',
+          },
+          {
+            label: '城市',
+            props: 'city',
+          },
+          {
+            label: '公网IP',
+            props: 'public',
+          },
+          {
+            label: '运营商',
+            render: (val) => {
+              const isp = val.isp as string
+              return (
+                <span className={cn('px-2 py-1 rounded-full text-xs', 'bg-gray-100 text-gray-800',
+                  { 移动: 'bg-blue-100 text-blue-800',
+                    电信: 'bg-purple-100 text-purple-800',
+                    联通: 'bg-red-100 text-red-800',
+                  }[isp])}>
+                  {isp}
+                </span>
+              )
+            },
+          },
+          {
+            label: '多IP节点',
+            render: (val) => {
+              const single = val.single as number
+              return (
+                <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
+                  single === 1 ? 'bg-red-100 text-red-800' : single === 0 ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'}`}>
+                  {single === 1 ? '是' : single === 0 ? '否' : '未知'}
+                </span>
+              )
+            },
+          },
+          {
+            label: '独享IP',
+            render: (val) => {
+              const sole = val.sole as number
+              return (
+                <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
+                  sole === 1 ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'}`}>
+                  {sole === 1 ? '是' : '否'}
+                </span>
+              )
+            },
+          },
+          {
+            label: '设备类型',
+            render: (val) => {
+              const arch = val.arch as number
+              return (
+                <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
+                  arch === 0 ? 'bg-blue-100 text-blue-800'
+                    : arch === 1 ? 'bg-green-100 text-green-800'
+                      : arch === 2 ? 'bg-purple-100 text-purple-800'
+                        : arch === 3 ? 'bg-orange-100 text-orange-800'
+                          : 'bg-gray-100 text-gray-800'}`}>
+                  {arch === 0 ? '一代' : arch === 1 ? '二代' : arch === 2 ? 'AMD64' : arch === 3 ? 'x86' : `未知 (${arch})`}
+                </span>
+              )
+            },
+          },
+          {
+            label: '在线时长',
+            render: (val) => {
+              const seconds = val.online as number
+              return seconds < 60 ? `${seconds}秒`
+                : seconds < 3600 ? `${Math.floor(seconds / 60)}分钟`
+                  : seconds < 86400 ? `${Math.floor(seconds / 3600)}小时`
+                    : `${Math.floor(seconds / 86400)}天`
+            },
+          },
+        ]}
+      />
+
+      {/* 分页 */}
+      <Pagination
+        page={page}
+        size={size}
+        total={total}
+        onPageChange={handlePageChange}
+        onSizeChange={handleSizeChange}
+      />
+    </Page>
+  )
+}
--- a/src/app/(root)/gatewayConfig/page.tsx
+++ b/src/app/(root)/gatewayConfig/page.tsx
@@ -0,0 +1,361 @@
+'use client'
+import { useEffect, useState, Suspense, useCallback } from 'react'
+import { getGatewayInfo, getGatewayConfig, type GatewayConfig, type GatewayInfo } from '@/actions/stats'
+import { Pagination } from '@/components/ui/pagination'
+import { toast } from 'sonner'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useForm } from 'react-hook-form'
+import { z } from 'zod'
+import { Button } from '@/components/ui/button'
+import { Form, FormField, FormItem, FormLabel } from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { cn } from '@/lib/utils'
+import { SearchIcon } from 'lucide-react'
+import { Page } from '@/components/page'
+import { DataTable } from '@/components/data-table'
+
+function GatewayConfigContent() {
+  const [data, setData] = useState<GatewayConfig[]>([])
+  const [loading, setLoading] = useState(false)
+  const [infoData, setInfoData] = useState<GatewayInfo[]>([])
+
+  // 分页状态
+  const [page, setPage] = useState(1)
+  const [total, setTotal] = useState(0)
+  // 定义表单验证规则
+  const filterSchema = z.object({
+    macaddr: z.string().optional(),
+    public: z.string().optional(),
+    city: z.string().optional(),
+    inner_ip: z.string().optional(),
+    user: z.string().optional(),
+  })
+
+  type FilterFormValues = z.infer<typeof filterSchema>
+
+  // 初始化表单
+  const form = useForm<FilterFormValues>({
+    resolver: zodResolver(filterSchema),
+    defaultValues: {
+      macaddr: '',
+      public: '',
+      city: '',
+      inner_ip: '',
+      user: '',
+    },
+  })
+
+  // 初始化调用
+  useEffect(() => {
+    const initData = async () => {
+      setLoading(true)
+      try {
+        // 获取网关基本信息
+        const infoResult = await getGatewayInfo()
+        if (!infoResult.success) {
+          throw new Error(infoResult.error || '查询网关信息失败')
+        }
+
+        setInfoData(infoResult.data)
+      }
+      catch (error) {
+        toast.error((error as Error).message || '获取数据失败')
+      }
+      finally {
+        setLoading(false)
+      }
+    }
+
+    initData()
+    fetchData({}, 1)
+  }, [])
+  const { handleSubmit: formHandleSubmit } = form
+  // 网关配置数据查询函数（用于表单查询）
+  const fetchData = async (filters: {
+    mac?: string
+    public?: string
+    city?: string
+    user?: string
+    inner_ip?: string
+  }, page: number = 1) => {
+    setLoading(true)
+    try {
+      const result = await getGatewayConfig(page, filters)
+
+      if (!result.success) {
+        throw new Error(result.error || '查询网关配置失败')
+      }
+      const shrink = ['黔东南', '延边']
+      result.data.items.forEach((item) => {
+        shrink.forEach((s) => {
+          if (item.city?.startsWith(s)) {
+            item.city = s
+          }
+        })
+      })
+      setData(result.data.items)
+      setTotal(result.data.total)
+    }
+    catch (error) {
+      toast.error((error as Error).message || '获取网关配置失败')
+    }
+    finally {
+      setLoading(false)
+    }
+  }
+
+  const onSubmit = (data: FilterFormValues) => {
+    setPage(1)
+    const filters = {
+      mac: data.macaddr || '',
+      public: data.public || '',
+      city: data.city || '',
+      user: data.user || '',
+      inner_ip: data.inner_ip || '',
+    }
+    fetchData(filters, 1)
+  }
+
+  // 处理页码变化
+  const handlePageChange = (page: number) => {
+    setPage(page)
+    const formValues = form.getValues()
+    const filters = {
+      mac: formValues.macaddr || undefined,
+      public: formValues.public || undefined,
+      city: formValues.city || undefined,
+      user: formValues.user || undefined,
+      inner_ip: formValues.inner_ip || undefined,
+    }
+    fetchData(filters, page)
+  }
+
+  // 处理每页显示数量变化
+  const handleSizeChange = (size: number) => {
+    setPage(1)
+    const formValues = form.getValues()
+    const filters = {
+      mac: formValues.macaddr || undefined,
+      public: formValues.public || undefined,
+      city: formValues.city || undefined,
+      user: formValues.user || undefined,
+      inner_ip: formValues.inner_ip || undefined,
+    }
+    fetchData(filters, 1)
+  }
+
+  // 当前选中的mac
+  const [selectedMac, setSelectedMac] = useState<string>('')
+  const handleMacClick = useCallback(async (macaddr: string) => {
+    setSelectedMac(macaddr)
+    await fetchData({ mac: macaddr }, 1)
+  }, [])
+
+  return (
+    <Page className="flex flex-row gap-6">
+      {/* 查询表单 */}
+      <div className="flex-1 flex flex-col gap-2">
+        <Form {...form}>
+          <form onSubmit={formHandleSubmit(onSubmit)}>
+            <FormField
+              name="macaddr"
+              render={({ field }) => (
+                <FormItem className="flex-1 relative">
+                  <div className="relative">
+                    <Input
+                      placeholder="搜索MAC地址..."
+                      {...field}
+                      className="w-full pr-10"
+                    />
+                    <SearchIcon
+                      className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 cursor-pointer"
+                      onClick={(e) => {
+                        e.preventDefault()
+                        onSubmit(form.getValues())
+                      }}
+                    />
+                  </div>
+                </FormItem>
+              )}
+            />
+          </form>
+        </Form>
+        <div className="flex gap-4">
+          <div className="flex items-center">
+            <div className="w-3 h-3 bg-green-500 rounded-full mr-2"></div>
+            <span className="text-sm font-medium">在线 {infoData.filter(item => item.enable === 1).length}</span>
+          </div>
+          <div className="flex items-center">
+            <div className="w-3 h-3 bg-red-500 rounded-full mr-2"></div>
+            <span className="text-sm font-medium">离线 {infoData.filter(item => item.enable === 0).length}</span>
+          </div>
+        </div>
+        <div className="overflow-auto border-t flex flex-col">
+          {infoData.map((item, index) => (
+            <div
+              key={index}
+              className={cn('p-4 flex-col ', index !== infoData.length - 1 ? 'border-b' : '')}>
+              <div className="flex flex-col">
+                <div className="flex items-center justify-between mb-2">
+                  <div
+                    className={cn('font-medium cursor-pointer',
+                      selectedMac === item.macaddr ? 'text-blue-700' : 'text-gray-900')}
+                    onClick={() => handleMacClick(item.macaddr)}
+                  >
+                    {item.macaddr}
+                  </div>
+                  <div className="flex items-center">
+                    <div
+                      className={cn(
+                        'w-2 h-2 rounded-full mr-2',
+                        item.enable === 1 ? 'bg-green-500' : 'bg-red-500',
+                      )}
+                    />
+                    <span className={cn(
+                      'text-xs font-medium',
+                      item.enable === 1 ? 'text-green-700' : 'text-red-700',
+                    )}>
+                      {item.enable === 1 ? '在线' : '离线'}
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div className="text-sm text-gray-600 mb-3">
+                {item.inner_ip || '未配置IP'}
+              </div>
+              <div className="flex gap-2 space-y-1 text-xs text-gray-500">
+                <div>配置版本: {item.setid || 'N/A'}</div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+      <div className="flex-3 overflow-hidden flex flex-col gap-3">
+        <Form {...form}>
+          <form className="flex gap-4" onSubmit={formHandleSubmit(onSubmit)}>
+            <FormField
+              name="public"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>IP地址</FormLabel>
+                  <Input placeholder="输入IP地址" {...field} />
+                </FormItem>
+              )}
+            />
+            <FormField
+              name="user"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>线路</FormLabel>
+                  <Input placeholder="输入线路" {...field} />
+                </FormItem>
+              )}
+            />
+            <FormField
+              name="inner_ip"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>端口号</FormLabel>
+                  <Input placeholder="输入端口" {...field} />
+                </FormItem>
+              )}
+            />
+            <FormField
+              name="city"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>城市</FormLabel>
+                  <Input placeholder="输入城市" {...field} />
+                </FormItem>
+              )}
+            />
+            <Button type="submit" className="ml-2 mt-6 px-4 py-2 bg-blue-600 hover:bg-blue-700">
+              查询
+            </Button>
+            <Button type="button" variant="outline" className="ml-2 mt-6 px-4 py-2" onClick={() => form.reset()}>
+              重置
+            </Button>
+          </form>
+        </Form>
+        <DataTable
+          data={data}
+          columns={[
+            {
+              label: '端口',
+              props: 'inner_ip',
+            },
+            {
+              label: '线路',
+              props: 'user',
+            },
+            {
+              label: '城市',
+              props: 'city',
+            },
+            {
+              label: '节点MAC',
+              props: 'edge',
+            },
+            {
+              label: '节点IP',
+              props: 'public',
+            },
+            {
+              label: '配置更新',
+              render: (val) => {
+                const ischange = val.ischange as number
+                return (
+                  <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
+                    ischange === 0 ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
+                  }`}>
+                    {ischange === 0 ? '正常' : '更新'}
+                  </span>
+                )
+              },
+            },
+            {
+              label: '在用状态',
+              render: (val) => {
+                const isonline = val.isonline as number
+                return (
+                  <div className="flex items-center gap-1.5">
+                    <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
+                      isonline === 0 ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
+                    }`}>
+                      {isonline === 0 ? '空闲' : '在用'}
+                    </span>
+                  </div>
+                )
+              },
+            },
+          ]}
+        />
+
+        {/* 分页组件 */}
+        <Pagination
+          total={total}
+          page={page}
+          size={250}
+          sizeOptions={[250]}
+          onPageChange={handlePageChange}
+          onSizeChange={handleSizeChange}
+        />
+      </div>
+    </Page>
+  )
+}
+
+export default function GatewayConfig() {
+  return (
+    <Suspense fallback={(
+      <div className="bg-white shadow p-6">
+        <div className="text-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto"></div>
+          <p className="mt-4 text-gray-600">加载搜索参数...</p>
+        </div>
+      </div>
+    )}>
+      <GatewayConfigContent />
+    </Suspense>
+  )
+}
--- a/src/app/(root)/gatewayMonitor/page.tsx
+++ b/src/app/(root)/gatewayMonitor/page.tsx
@@ -0,0 +1,159 @@
+'use client'
+import { useEffect, useState, Suspense } from 'react'
+import { Table, TableHeader, TableBody, TableHead, TableRow, TableCell } from '@/components/ui/table'
+import { getGatewayInfo, getGatewayConfig, type GatewayConfig, type GatewayInfo } from '@/actions/stats'
+import { toast } from 'sonner'
+import { Page } from '@/components/page'
+
+export default function GatewayConfigs() {
+  const [gateways, setGateways] = useState<Map<string, GatewayInfo>>(new Map())
+  const [data, setData] = useState<Map<string, Map<string, GatewayConfig | undefined>>>(new Map())
+
+  // 初始化数据
+  const initData = async () => {
+    const now = Date.now()
+    try {
+      // 固定端口信息
+      const slots = new Set<string>()
+      for (let i = 2; i <= 251; i++) {
+        slots.add(`172.30.168.${i}`)
+      }
+
+      // 获取网关信息
+      const resp = await getGatewayInfo()
+      if (!resp.success) {
+        throw new Error(`查询网关信息失败：${resp.error}`)
+      }
+
+      const gateways = resp.data
+      const findGateways = gateways.reduce((map, gateway) => {
+        map.set(gateway.macaddr, gateway)
+        return map
+      }, new Map<string, GatewayInfo>())
+      setGateways(findGateways)
+
+      // 获取网关配置
+      const data = new Map<string, Map<string, GatewayConfig | undefined>>()
+      for (const slot of slots) {
+        data.set(slot, new Map<string, GatewayConfig>())
+      }
+
+      await Promise.all(gateways.map((gateway, index) => {
+        return new Promise<void>(async (resolve) => {
+          const resp = await getGatewayConfig(1, { mac: gateway.macaddr })
+          if (!resp.success) {
+            throw new Error(`查询网关 ${gateway.inner_ip} 配置失败：${resp.error}`)
+          }
+
+          const configs = resp.data.items
+          const findConfig = configs.reduce((map, config) => {
+            map.set(config.inner_ip, config)
+            return map
+          }, new Map<string, GatewayConfig>())
+
+          for (const slot of slots) {
+            data.get(slot)!.set(gateway.macaddr, findConfig.get(slot))
+          }
+
+          resolve()
+        })
+      }))
+
+      setData(data)
+    }
+    catch (error) {
+      toast.error(`初始化页面数据失败：${(error as Error).message}`)
+    }
+    console.log('初始化数据耗时', Date.now() - now, 'ms')
+  }
+
+  useEffect(() => {
+    initData()
+  }, [])
+
+  return (
+    <Page className="gap-3">
+      <div className="flex gap-2">
+        <div className="flex items-center">
+          <div className="w-3 h-3 bg-green-500 rounded-full mr-2"></div>
+          <span className="text-sm font-medium">在线 {Array.from(gateways.values()).filter(item => item.enable).length}</span>
+        </div>
+        <div className="flex items-center">
+          <div className="w-3 h-3 bg-red-500 rounded-full mr-2"></div>
+          <span className="text-sm font-medium">离线 {Array.from(gateways.values()).filter(item => !item.enable).length}</span>
+        </div>
+      </div>
+
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead className="border-r sticky left-0 bg-gray-50">端口</TableHead>
+            {gateways.values().map((pair, index) => (
+              <TableHead key={index} className="border-r h-auto">
+                <div className="flex flex-col items-center">
+                  <div className="font-medium">{pair.inner_ip}</div>
+                  <div className="text-xs text-gray-500 mt-1">{pair.macaddr}</div>
+                </div>
+              </TableHead>
+            )).toArray()}
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {data.entries().map(([slot, configs], rowIndex) => (
+            <TableRow key={rowIndex}>
+              <TableCell className="border-r sticky left-0 bg-background">{slot}</TableCell>
+              {configs.entries().map(([_, config], colIndex) => {
+                if (!config) {
+                  return (
+                    <TableCell key={colIndex} className="not-last:border-r">
+                      -
+                    </TableCell>
+                  )
+                }
+
+                const statusConfig = {
+                  ischange: config.ischange === 0
+                    ? { bg: 'bg-green-100', text: 'text-green-800', label: '正常' }
+                    : { bg: 'bg-yellow-100', text: 'text-yellow-800', label: '更新' },
+                  isonline: config.isonline === 0
+                    ? { bg: 'bg-green-100', text: 'text-green-800', label: '空闲' }
+                    : { bg: 'bg-blue-100', text: 'text-blue-800', label: '在用' },
+                }
+                return (
+                  <TableCell key={`${colIndex}`} className="not-last:border-r">
+                    <div key={colIndex} className="flex flex-col gap-1">
+                      <div className="text-sm font-medium">{config.public}</div>
+                      <div className="text-xs font-medium flex justify-between">
+                        <span>{config.user}</span>
+                        <span>{shrinkCity(config.city || '?')}</span>
+                      </div>
+                      <div className="flex justify-between items-center">
+                        <span className={`px-2 py-0.5 rounded text-xs font-medium ${statusConfig.ischange.bg} ${statusConfig.ischange.text}`}>
+                          {statusConfig.ischange.label}
+                        </span>
+                        <span className={`px-2 py-0.5 rounded text-xs font-medium ${statusConfig.isonline.bg} ${statusConfig.isonline.text}`}>
+                          {statusConfig.isonline.label}
+                        </span>
+                      </div>
+                    </div>
+                  </TableCell>
+                )
+              }).toArray()}
+            </TableRow>
+          )).toArray()}
+        </TableBody>
+      </Table>
+    </Page>
+  )
+}
+
+function shrinkCity(city: string) {
+  switch (city) {
+    case '黔东南苗族侗族自治州':
+      return '黔东南'
+    case '延边朝鲜族自治州':
+      return '延边'
+    default:
+      return city
+  }
+}
--- a/src/app/(root)/gatewayinfo/page.tsx
+++ b/src/app/(root)/gatewayinfo/page.tsx
@@ -0,0 +1,249 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+import { DataTable } from '@/components/data-table'
+import { Form, FormField } from '@/components/ui/form'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { z } from 'zod'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { getGatewayInfo, type GatewayInfo } from '@/actions/stats'
+import { CopyIcon, CheckIcon } from 'lucide-react'
+import { Page } from '@/components/page'
+
+const filterSchema = z.object({
+  status: z.string(),
+})
+
+type FilterSchema = z.infer<typeof filterSchema>
+
+const SmartCopyButton = ({
+  data,
+  mode = 'single',
+}: {
+  data: string | GatewayInfo[]
+  mode?: 'single' | 'batch'
+}) => {
+  const [isCopied, setIsCopied] = useState(false)
+
+  const handleCopy = async () => {
+    try {
+      let textToCopy: string
+
+      if (mode === 'single' && typeof data === 'string') {
+        textToCopy = data
+      }
+      else if (mode === 'batch' && Array.isArray(data)) {
+        if (data.length === 0) return
+        textToCopy = data.map(item => item.macaddr).join('\n')
+      }
+      else {
+        return
+      }
+
+      await navigator.clipboard.writeText(textToCopy)
+      setIsCopied(true)
+      setTimeout(() => setIsCopied(false), 2000)
+    }
+    catch (err) {
+      console.error('复制失败:', err)
+    }
+  }
+
+  const isBatch = mode === 'batch'
+  const disabled = isBatch && Array.isArray(data) && data.length === 0
+
+  return (
+    <button
+      onClick={handleCopy}
+      className={`
+        flex items-center gap-1 transition-colors
+        ${isBatch
+      ? 'px-2 py-1 text-xs bg-blue-50 text-blue-600 rounded hover:bg-blue-100'
+      : 'ml-2 p-1 rounded hover:bg-gray-100'
+    }
+        ${disabled ? 'opacity-50 cursor-not-allowed' : ''}
+      `}
+      title={isBatch ? '复制所有MAC地址' : '复制MAC地址'}
+      disabled={disabled}
+    >
+      {isCopied ? (
+        <CheckIcon className="w-3 h-3 text-green-600" />
+      ) : (
+        <CopyIcon className="w-3 h-3 text-gray-500" />
+      )}
+      {isBatch && <span>{isCopied ? '已复制' : '复制全部'}</span>}
+    </button>
+  )
+}
+
+export default function Gatewayinfo() {
+  const [data, setData] = useState<GatewayInfo[]>([])
+  const [filteredData, setFilteredData] = useState<GatewayInfo[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState('')
+
+  const form = useForm<FilterSchema>({
+    resolver: zodResolver(filterSchema),
+    defaultValues: {
+      status: '1',
+    },
+  })
+
+  const { watch } = form
+  const statusFilter = watch('status')
+
+  useEffect(() => {
+    fetchData()
+  }, [])
+
+  useEffect(() => {
+    if (!data.length) return
+
+    if (statusFilter === 'all') {
+      setFilteredData(data)
+    }
+    else {
+      const enableValue = parseInt(statusFilter)
+      // 添加 NaN 检查
+      if (isNaN(enableValue)) {
+        setFilteredData(data)
+      }
+      else {
+        setFilteredData(data.filter(item => item.enable === enableValue))
+      }
+    }
+  }, [data, statusFilter])
+
+  const fetchData = async () => {
+    try {
+      setLoading(true)
+      setError('')
+      const result = await getGatewayInfo()
+
+      setData(result.data)
+      setFilteredData(result.data) // 初始化时设置filteredData
+    }
+    catch (error) {
+      console.error('Failed to fetch gateway info:', error)
+      setError(error instanceof Error ? error.message : '获取网关信息失败')
+    }
+    finally {
+      setLoading(false)
+    }
+  }
+
+  if (loading) {
+    return (
+      <div className="bg-white w-full shadow p-6 overflow-hidden">
+        <h2 className="text-lg font-semibold mb-4">网关基本信息</h2>
+        <div className="text-center py-8">加载网关信息中...</div>
+      </div>
+    )
+  }
+
+  if (error) {
+    return (
+      <div className="bg-white w-full shadow p-6">
+        <h2 className="text-lg font-semibold mb-4">网关基本信息</h2>
+        <div className="text-center py-8 text-red-600">{error}</div>
+      </div>
+    )
+  }
+
+  return (
+    <Page>
+      <div className="gap-6 flex">
+        <div className="flex flex-3 justify-between ">
+          <span className="text-lg pt-2 font-semibold mb-4">网关基本信息</span>
+          <Form {...form}>
+            <form className="flex items-center gap-4">
+              <FormField
+                control={form.control}
+                name="status"
+                render={({ field }) => (
+                  <div className="flex items-center">
+                    <span className="text-sm mr-2">状态筛选:</span>
+                    <Select
+                      value={field.value}
+                      onValueChange={field.onChange}
+                      defaultValue="1"
+                    >
+                      <SelectTrigger className="h-9 w-36">
+                        <SelectValue placeholder="选择状态" />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="all">全部</SelectItem>
+                        <SelectItem value="1">启用</SelectItem>
+                        <SelectItem value="0">禁用</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </div>
+                )}
+              />
+            </form>
+          </Form>
+        </div>
+        <div className="flex flex-1"></div>
+      </div>
+
+      <div className="flex-auto overflow-hidden gap-6 flex">
+        <div className="flex-3 flex flex-col">
+          <DataTable
+            data={filteredData}
+            columns={[
+              {
+                label: 'MAC地址',
+                render: val => (
+                  <div className="flex items-center gap-2">
+                    {String(val.macaddr)}
+                    <SmartCopyButton data={String(val.macaddr)} />
+                  </div>
+                ),
+              },
+              {
+                label: '内网IP',
+                props: 'inner_ip',
+              },
+              {
+                label: '配置版本',
+                props: 'setid',
+              },
+              {
+                label: '状态',
+                render: (val) => {
+                  const enable = val.enable as number
+                  return (
+                    <span className={`px-2 py-1 rounded-full text-xs font-medium ${enable === 1
+                      ? 'bg-green-100 text-green-800'
+                      : 'bg-red-100 text-red-800'}`}>
+                      {enable === 1 ? '启用' : '禁用'}
+                    </span>
+                  )
+                },
+              },
+            ]}
+          />
+        </div>
+        <div className="flex-1 flex-col gap-4 mb-6 flex">
+          <div className="bg-blue-50 p-4 rounded-lg">
+            <div className="text-2xl font-bold text-blue-600">{data.length}</div>
+            <div className="text-sm text-blue-800">网关总数</div>
+          </div>
+          <div className="bg-green-50 p-4 rounded-lg">
+            <div className="text-2xl font-bold text-green-600">
+              {data.filter(item => item.enable === 1).length}
+            </div>
+            <div className="text-sm text-green-800">启用网关</div>
+          </div>
+          <div className="bg-red-50 p-4 rounded-lg">
+            <div className="text-2xl font-bold text-red-600">
+              {data.filter(item => item.enable === 0).length}
+            </div>
+            <div className="text-sm text-red-800">禁用网关</div>
+          </div>
+        </div>
+      </div>
+    </Page>
+  )
+}
--- a/src/app/(root)/layout.tsx
+++ b/src/app/(root)/layout.tsx
@@ -0,0 +1,125 @@
+'use client'
+
+import { ReactNode, useState } from 'react'
+import { useRouter, usePathname } from 'next/navigation'
+import { logout } from '@/actions/auth'
+import { LayoutDashboardIcon, LogOutIcon, User2Icon } from 'lucide-react'
+import Link from 'next/link'
+import { cn } from '@/lib/utils'
+import { DoorClosedIcon } from 'lucide-react'
+import { DoorClosedLockedIcon } from 'lucide-react'
+import { DoorOpenIcon } from 'lucide-react'
+import { MapPinnedIcon } from 'lucide-react'
+import { ContainerIcon } from 'lucide-react'
+import { GitForkIcon } from 'lucide-react'
+import { SettingsIcon } from 'lucide-react'
+
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const [isLoading, setIsLoading] = useState(false)
+  const router = useRouter()
+  const pathname = usePathname()
+
+  const handleLogout = async () => {
+    setIsLoading(true)
+    try {
+      const response = await logout()
+      if (response) {
+        router.push('/login')
+        router.refresh()
+      }
+    }
+    catch (error) {
+      console.error('退出错误:', error)
+    }
+    finally {
+      setIsLoading(false)
+    }
+  }
+
+  const isActive = (path: string) => {
+    return pathname === path
+  }
+
+  return (
+    <div className="w-screen h-screen flex flex-col">
+
+      {/* 顶部导航栏 */}
+      <header className="flex-none basis-16 border-b">
+        <div className="px-4 sm:px-6">
+          <div className="flex justify-between h-16 items-center">
+            <div className="flex items-center">
+              <h1 className="text-xl font-bold text-gray-900">网络节点管理系统</h1>
+            </div>
+
+            <button
+              onClick={handleLogout}
+              disabled={isLoading}
+              className="flex items-center space-x-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200 disabled:opacity-50 transition-colors"
+            >
+              <LogOutIcon className="h-4 w-4" />
+              <span>{isLoading ? '退出中...' : '退出登录'}</span>
+            </button>
+          </div>
+        </div>
+      </header>
+
+      {/* 主要内容区域 */}
+      <div className="flex-auto overflow-hidden flex">
+        {/* 侧边栏 */}
+        <nav className="flex-none basis-64 border-r flex flex-col p-3">
+          <NavbarTitle>路由节点</NavbarTitle>
+          <NavbarItem href="/cityNodeStats" active={isActive('/cityNodeStats')}><MapPinnedIcon size={20} />城市信息</NavbarItem>
+          <NavbarTitle>代理网关</NavbarTitle>
+          <NavbarItem href="/gatewayinfo" active={isActive('/gatewayinfo')}><DoorClosedIcon size={20} />网关列表</NavbarItem>
+          <NavbarItem href="/gatewayConfig" active={isActive('/gatewayConfig')}><DoorClosedLockedIcon size={20} />网关配置</NavbarItem>
+          <NavbarItem href="/gatewayMonitor" active={isActive('/gatewayMonitor')}><LayoutDashboardIcon size={20} />配置总览</NavbarItem>
+          <NavbarTitle>边缘节点</NavbarTitle>
+          <NavbarItem href="/edge" active={isActive('/edge')}><GitForkIcon size={20} />节点列表</NavbarItem>
+          <NavbarItem href="/allocationStatus" active={isActive('/allocationStatus')}><ContainerIcon size={20} />分配状态</NavbarItem>
+          <NavbarTitle>其他</NavbarTitle>
+          <NavbarItem href="/settings" active={isActive('/settings')}><User2Icon size={20} />用户管理</NavbarItem>
+        </nav>
+
+        {/* 内容区域 */}
+        <main className="flex-auto overflow-hidden">
+          {children}
+        </main>
+      </div>
+    </div>
+  )
+}
+
+function NavbarTitle(props: {
+  children: ReactNode
+}) {
+  return (
+    <h3 className="text-sm text-weak h-8 flex items-end px-2 pb-1">
+      {props.children}
+    </h3>
+  )
+}
+
+function NavbarItem(props: {
+  href: string
+  active: boolean
+  children: ReactNode
+}) {
+  return (
+    <Link
+      href={props.href}
+      className={cn(
+        'transition-colors duration-150 ease-in-out',
+        'h-10 rounded-md text-sm flex items-center p-2 gap-2',
+        props.active
+          ? 'text-primary bg-primary/10'
+          : 'hover:bg-muted',
+      )}
+    >
+      {props.children}
+    </Link>
+  )
+}
--- a/src/app/(root)/settings/page.tsx
+++ b/src/app/(root)/settings/page.tsx
@@ -0,0 +1,296 @@
+'use client'
+import { useState, useEffect } from 'react'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useForm } from 'react-hook-form'
+import * as z from 'zod'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card'
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
+import { UserIcon, LockIcon, SearchIcon, Trash2Icon, PlusIcon, XIcon } from 'lucide-react'
+import { toast, Toaster } from 'sonner'
+import { findUsers, createUser, removeUser } from '@/actions/user'
+import { Page } from '@/components/page'
+import { DataTable } from '@/components/data-table'
+
+// 用户类型定义
+interface UserData {
+  id: number
+  account: string
+  createdAt: Date
+  name: string | null
+  updatedAt: Date
+}
+
+const formSchema = z.object({
+  account: z.string().min(3, '账号至少需要3个字符'),
+  password: z.string().min(6, '密码至少需要6个字符'),
+  confirmPassword: z.string().min(6, '密码至少需要6个字符'),
+}).refine(data => data.password === data.confirmPassword, {
+  message: '密码不匹配',
+  path: ['confirmPassword'],
+})
+
+export default function Settings() {
+  const [loading, setLoading] = useState(false)
+  const [users, setUsers] = useState<UserData[]>([])
+  const [searchTerm, setSearchTerm] = useState('')
+  const [isCreateMode, setIsCreateMode] = useState(false)
+
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      account: '',
+      password: '',
+      confirmPassword: '',
+    },
+  })
+
+  // 获取用户列表
+  const fetchUsers = async () => {
+    try {
+      const data = await findUsers()
+
+      if (data.success) {
+        setUsers(data.data)
+      }
+    }
+    catch (error) {
+      toast.error('获取用户列表失败', {
+        description: error instanceof Error ? error.message : '服务器连接失败，请稍后重试',
+      })
+    }
+  }
+
+  useEffect(() => {
+    fetchUsers()
+  }, [])
+
+  // 创建用户
+  async function onSubmit(values: z.infer<typeof formSchema>) {
+    setLoading(true)
+    try {
+      const data = await createUser({
+        account: values.account,
+        password: values.password,
+        name: '',
+      })
+
+      if (data.success) {
+        toast.success('用户创建成功', {
+          description: '新账户已成功添加',
+        })
+        form.reset()
+        setIsCreateMode(false)
+        fetchUsers()
+      }
+    }
+    catch (error) {
+      toast.error('创建用户失败', {
+        description: error instanceof Error ? error.message : '服务器连接失败，请稍后重试',
+      })
+    }
+    finally {
+      setLoading(false)
+    }
+  }
+
+  // 删除用户
+  const handleDeleteUser = async (userId: number) => {
+    if (!confirm('确定要删除这个用户吗？此操作不可恢复。')) {
+      return
+    }
+
+    try {
+      const data = await removeUser(userId)
+      if (data.success) {
+        toast.success('用户删除成功', {
+          description: '用户账户已删除',
+        })
+        fetchUsers()
+      }
+    }
+    catch (error) {
+      toast.error('删除用户失败', {
+        description: error instanceof Error ? error.message : '服务器连接失败，请稍后重试',
+      })
+    }
+  }
+
+  const newData = users
+    .filter(user => user.account.toLowerCase().includes(searchTerm.toLowerCase()))
+    .map(user => ({
+      id: user.id,
+      account: user.account,
+      createdAt: new Date(user.createdAt).toLocaleDateString(),
+    }))
+
+  return (
+    <Page>
+      <div className="flex justify-between items-center mb-3">
+        <h1 className="text-3xl font-bold">用户管理</h1>
+        <Button onClick={() => setIsCreateMode(!isCreateMode)}>
+          {isCreateMode ? (
+            <>
+              <XIcon className="mr-2 h-4 w-4" /> 取消
+            </>
+          ) : (
+            <>
+              <PlusIcon className="mr-2 h-4 w-4" /> 添加用户
+            </>
+          )}
+        </Button>
+      </div>
+
+      {isCreateMode && (
+        <Card className="mb-6">
+          <CardHeader>
+            <CardTitle className="text-xl">添加用户账号</CardTitle>
+            <CardDescription>创建新的系统用户账户</CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Form {...form}>
+              <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+                <FormField
+                  control={form.control}
+                  name="account"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>账号</FormLabel>
+                      <FormControl>
+                        <div className="relative">
+                          <UserIcon className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+                          <Input
+                            placeholder="请输入需要添加的账号"
+                            className="pl-8"
+                            {...field}
+                          />
+                        </div>
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="password"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>密码</FormLabel>
+                      <FormControl>
+                        <div className="relative">
+                          <LockIcon className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+                          <Input
+                            type="password"
+                            placeholder="请输入密码"
+                            className="pl-8"
+                            {...field}
+                          />
+                        </div>
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="confirmPassword"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>确认密码</FormLabel>
+                      <FormControl>
+                        <div className="relative">
+                          <LockIcon className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+                          <Input
+                            type="password"
+                            placeholder="请再次输入密码"
+                            className="pl-8"
+                            {...field}
+                          />
+                        </div>
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <div className="flex gap-2">
+                  <Button
+                    type="submit"
+                    disabled={loading}
+                  >
+                    {loading ? (
+                      <div className="flex items-center gap-2">
+                        <div className="h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
+                        创建中...
+                      </div>
+                    ) : (
+                      '创建用户'
+                    )}
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    onClick={() => setIsCreateMode(false)}
+                  >
+                    取消
+                  </Button>
+                </div>
+              </form>
+            </Form>
+          </CardContent>
+        </Card>
+      )}
+
+      {/* 用户列表直接显示在页面上 */}
+      <div className="space-y-4">
+        <div>
+          <h2 className="text-2xl font-semibold">用户列表</h2>
+          <p className="text-muted-foreground">管理系统中的所有用户账户</p>
+        </div>
+
+        <div className="relative max-w-sm mt-4">
+          <SearchIcon className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+          <Input
+            placeholder="搜索用户..."
+            className="pl-8"
+            value={searchTerm}
+            onChange={e => setSearchTerm(e.target.value)}
+          />
+        </div>
+
+        <DataTable
+          data={newData}
+          columns={[
+            {
+              label: '账号',
+              props: 'account',
+            },
+            {
+              label: '创建时间',
+              props: 'createdAt',
+            },
+            {
+              label: '操作',
+              render: (val) => {
+                return (
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    className="h-5 border-0 hover:bg-transparent"
+                    onClick={() => handleDeleteUser(Number(val.id))}
+                  >
+                    <Trash2Icon className="h-4 w-4" />
+                  </Button>
+                )
+              },
+            },
+          ]}
+        />
+      </div>
+      <Toaster richColors />
+    </Page>
+  )
+}
--- a/src/app/api/auth/loayout.tsx
+++ b/src/app/api/auth/loayout.tsx
--- a/src/app/api/auth/login/route.ts
+++ b/src/app/api/auth/login/route.ts
@@ -1,79 +0,0 @@
-import { NextResponse } from 'next/server'
-import { prisma } from '@/lib/prisma' // 使用统一的prisma实例
-import { compare } from 'bcryptjs'
-import { z } from 'zod'
-
-const loginSchema = z.object({
-    account: z.string().min(3, '账号至少需要3个字符'),
-    password: z.string().min(6, '密码至少需要6个字符'),
-})
-
-export async function POST(request: Request) {
-    try {
-        const body = await request.json()
-        const { account, password } = loginSchema.parse(body)
-
-
-        const user = await prisma.user.findFirst({
-            where: {
-                OR: [
-                    { account: account.trim() },
-                    { password: account.trim() }
-                ]
-            },
-        })
-
-
-        if (!user) {
-            return NextResponse.json(
-                { success: false, error: '用户不存在' },
-                { status: 401 }
-            )
-        }
-
-        // 验证密码
-        const passwordMatch = await compare(password, user.password || '')
-
-        if (!passwordMatch) {
-            return NextResponse.json({
-                success: false,
-                error: '密码错误'
-            }, { status: 401 })
-        }
-
-        // 创建会话
-        const sessionToken = crypto.randomUUID()
-        await prisma.session.create({
-            data: {
-                id: sessionToken,
-                userId: user.id,
-                expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000)
-            }
-        })
-
-        // 设置cookie
-        const response = NextResponse.json({
-            success: true,
-            user: {
-                id: user.id,
-                account: user.account,
-                name: user.name
-            }
-        })
-
-        response.cookies.set('session', sessionToken, {
-            httpOnly: true,
-            // secure: process.env.NODE_ENV === 'production',
-            maxAge: 60 * 60 * 24 * 7
-        })
-
-        return response
-
-    } catch (error) {
-        console.error('登录错误:', error)
-        return NextResponse.json(
-            { success: false, error: '服务器错误，请稍后重试' },
-            { status: 500 }
-        )
-    }
-}
--- a/src/app/api/auth/logout/route.ts
+++ b/src/app/api/auth/logout/route.ts
@@ -1,38 +0,0 @@
-import { NextResponse } from 'next/server'
-import { cookies } from 'next/headers'
-import { prisma } from '@/lib/prisma'
-
-export async function POST() {
-    try {
-        const cookieStore = await cookies()
-        const sessionToken = cookieStore.get('session')?.value
-
-        // 删除数据库中的session（如果存在）
-        if (sessionToken) {
-            await prisma.session.deleteMany({
-                where: { id: sessionToken }
-            }).catch(() => {
-                // 忽略删除错误，确保cookie被清除
-            })
-        }
-
-        // 清除cookie
-        const response = NextResponse.json({ success: true })
-        response.cookies.set('session', '', {
-            httpOnly: true,
-            secure: process.env.NODE_ENV === 'production',
-            sameSite: 'lax',
-            maxAge: 0, // 立即过期
-            path: '/',
-        })
-
-        return response
-
-    } catch (error) {
-        console.error('退出错误:', error)
-        return NextResponse.json(
-            { success: false, error: '退出失败' },
-            { status: 500 }
-        )
-    }
-}
--- a/src/app/api/stats/route.ts
+++ b/src/app/api/stats/route.ts
@@ -1,174 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server'
-import { prisma } from '@/lib/prisma'
-
-// 处理 BigInt 序列化
-function safeSerialize(data: unknown) {
-    return JSON.parse(JSON.stringify(data, (key, value) =>
-        typeof value === 'bigint' ? value.toString() : value
-    ))
-}
-
-export async function GET(request: NextRequest) {
-    try {
-        const { searchParams } = new URL(request.url)
-        const reportType = searchParams.get('type')
-
-        switch (reportType) {
-            case 'gateway_info':
-                return await getGatewayInfo()
-            case 'gateway_config':
-                return await getGatewayConfig(request)
-            case 'city_config_count':
-                return await getCityConfigCount()
-            case 'city_node_count':
-                return await getCityNodeCount()
-            case 'allocation_status':
-                return await getAllocationStatus()
-            case 'edge_nodes':
-                return await getEdgeNodes(request)
-            default:
-                return NextResponse.json({ error: 'Invalid report type' }, { status: 400 })
-        }
-    } catch (error) {
-        console.error('API Error:', error)
-        return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
-    }
-}
-
-// 获取网关基本信息
-async function getGatewayInfo() {
-    try {
-        const result = await prisma.$queryRaw`
-            SELECT macaddr, inner_ip, setid, enable
-            FROM token
-            ORDER BY macaddr
-        `
-        return NextResponse.json(safeSerialize(result))
-    } catch (error) {
-        console.error('Gateway info query error:', error)
-        return NextResponse.json({ error: '查询网关信息失败' }, { status: 500 })
-    }
-}
-
-// 网关配置 
-async function getGatewayConfig(request: NextRequest) {
-    try {
-        const { searchParams } = new URL(request.url)
-        const macAddress = searchParams.get('mac') || '000C29DF1647'
-
-        // 使用参数化查询防止SQL注入
-        const result = await prisma.$queryRaw`
-      SELECT edge, city, user, public, inner_ip, ischange, isonline
-      FROM gateway
-      LEFT JOIN cityhash ON cityhash.hash = gateway.cityhash
-      LEFT JOIN edge ON edge.macaddr = gateway.edge
-      WHERE gateway.macaddr = ${macAddress};
-    `
-        return NextResponse.json(safeSerialize(result))
-    } catch (error) {
-        console.error('Gateway config query error:', error)
-        return NextResponse.json({ error: '查询网关配置失败' }, { status: 500 })
-    }
-}
-
-// 城市节点配置数量统计
-async function getCityConfigCount() {
-    try {
-        const result = await prisma.$queryRaw`
-            SELECT c.city, COUNT(e.id) as node_count
-            FROM cityhash c
-            LEFT JOIN edge e ON c.id = e.city_id
-            GROUP BY c.city
-        `
-        return NextResponse.json(safeSerialize(result))
-    } catch (error) {
-        console.error('City config count query error:', error)
-        return NextResponse.json({ error: '查询城市配置失败' }, { status: 500 })
-    }
-}
-
-// 城市节点数量分布
-async function getCityNodeCount() {
-    try {
-        const result = await prisma.$queryRaw`
-            SELECT c.city, c.hash, c.label, COUNT(e.id) as count, c.offset
-            FROM cityhash c
-            LEFT JOIN edge e ON c.id = e.city_id
-            GROUP BY c.hash, c.city, c.label, c.offset
-            ORDER BY count DESC
-        `
-        return NextResponse.json(safeSerialize(result))
-    } catch (error) {
-        console.error('City node count query error:', error)
-        return NextResponse.json({ error: '查询城市节点失败' }, { status: 500 })
-    }
-}
-
-// 城市分配状态
-async function getAllocationStatus() {
-    try {
-        // 使用参数化查询防止SQL注入
-        const result = await prisma.$queryRaw`
-           SELECT 
-                city, 
-                c1.count AS count, 
-                c2.assigned AS assigned
-            FROM
-                cityhash
-                LEFT JOIN (
-                    SELECT 
-                        city_id, 
-                        COUNT(*) AS count
-                    FROM
-                        edge
-                    WHERE
-                        active = 1
-                    GROUP BY
-                        city_id
-                ) c1 ON c1.city_id = cityhash.id
-                LEFT JOIN (
-                    SELECT 
-                        city AS city_id, 
-                        COUNT(*) AS assigned
-                    FROM
-                        \`change\`
-                    WHERE
-                        time > NOW() - INTERVAL 1 DAY
-                    GROUP BY
-                        city
-                ) c2 ON c2.city_id = cityhash.id
-            WHERE
-                cityhash.macaddr IS NOT NULL;
-    `
-        return NextResponse.json(safeSerialize(result))
-    } catch (error) {
-        console.error('Allocation status query error:', error)
-        const errorMessage = error instanceof Error ? error.message : 'Unknown error'
-        return NextResponse.json(
-            { error: '查询分配状态失败: ' + errorMessage },
-            { status: 500 }
-        )
-    }
-}
-
-// 获取节点信息
-async function getEdgeNodes(request: NextRequest) {
-    try {
-        const { searchParams } = new URL(request.url)
-        const threshold = searchParams.get('threshold') || '20'
-        const limit = searchParams.get('limit') || '100'
-
-        // 使用参数化查询防止SQL注入
-        const result = await prisma.$queryRaw`
-            SELECT edge.id, edge.macaddr, city, public, isp, single, sole, arch, online
-            FROM edge
-            LEFT JOIN cityhash ON cityhash.id = edge.city_id
-            WHERE edge.id > ${threshold} AND active = true
-            LIMIT ${limit}
-        `
-        return NextResponse.json(safeSerialize(result))
-    } catch (error) {
-        console.error('Edge nodes query error:', error)
-        return NextResponse.json({ error: '查询边缘节点失败' }, { status: 500 })
-    }
-}
--- a/src/app/api/users/route.tsx
+++ b/src/app/api/users/route.tsx
@@ -1,132 +0,0 @@
-import { NextResponse } from 'next/server'
-import { prisma } from '@/lib/prisma'
-import { hash } from 'bcryptjs'
-
-// 获取所有用户
-export async function GET() {
-  try {
-    const users = await prisma.user.findMany({
-      select: {
-        id: true,
-        account: true,
-        name: true,
-        createdAt: true,
-        updatedAt: true,
-      },
-      orderBy: {
-        createdAt: 'desc',
-      },
-    })
-
-    return NextResponse.json({
-      success: true,
-      users
-    })
-
-  } catch (error) {
-    console.error('获取用户列表错误:', error)
-    return NextResponse.json(
-      { success: false, error: '服务器错误，请稍后重试' },
-      { status: 500 }
-    )
-  }
-}
-
-// 创建用户
-export async function POST(request: Request) {
-  try {
-    const { account, password, name } = await request.json()
-
-    // 检查用户是否已存在
-    const existingUser = await prisma.user.findUnique({
-      where: { account }
-    })
-
-    if (existingUser) {
-      return NextResponse.json(
-        { success: false, error: '用户账号已存在' },
-        { status: 400 }
-      )
-    }
-
-    // 加密密码
-    const hashedPassword = await hash(password, 10)
-
-    // 创建用户
-    const user = await prisma.user.create({
-      data: {
-        account,
-        password: hashedPassword,
-        name: name || account,
-      },
-    })
-
-    // 不返回密码字段
-    const { password: _, ...userWithoutPassword } = user
-
-    return NextResponse.json({
-      success: true,
-      user: userWithoutPassword
-    })
-
-  } catch (error) {
-    console.error('创建用户错误:', error)
-    return NextResponse.json(
-      { success: false, error: '服务器错误，请稍后重试' },
-      { status: 500 }
-    )
-  }
-}
-
-
-// 删除用户
-export async function DELETE(request: Request) {
-  try {
-    // 从URL中获取查询参数
-    const url = new URL(request.url)
-    const id = url.searchParams.get('id')
-
-    if (!id) {
-      return NextResponse.json(
-        { success: false, error: '用户ID不能为空' },
-        { status: 400 }
-      )
-    }
-
-    const userId = parseInt(id)
-    if (isNaN(userId)) {
-      return NextResponse.json(
-        { success: false, error: '无效的用户ID' },
-        { status: 400 }
-      )
-    }
-
-    // 检查用户是否存在
-    const existingUser = await prisma.user.findUnique({
-      where: { id: userId }
-    })
-
-    if (!existingUser) {
-      return NextResponse.json(
-        { success: false, error: '用户不存在' },
-        { status: 404 }
-      )
-    }
-
-    // 删除用户
-    await prisma.user.delete({
-      where: { id: userId }
-    })
-
-    return NextResponse.json({
-      success: true,
-      message: '用户删除成功'
-    })
-  } catch (error) {
-    console.error('删除用户错误:', error)
-    return NextResponse.json(
-      { success: false, error: '服务器错误，请稍后重试' },
-      { status: 500 }
-    )
-  }
-}
--- a/src/app/dashboard/components/allocationStatus.tsx
+++ b/src/app/dashboard/components/allocationStatus.tsx
@@ -1,184 +0,0 @@
-'use client'
-
-import { useEffect, useState, useCallback  } from 'react'
-import { formatNumber, validateNumber } from '@/lib/formatters'
-import LoadingCard from '@/components/ui/loadingCard'
-import ErrorCard from '@/components/ui/errorCard'
-
-interface AllocationStatus {
-  city: string
-  count: number
-  assigned: number
-}
-
-interface ApiAllocationStatus {
-  city?: string
-  count: number | string | bigint
-  assigned: number | string | bigint
-  unique_allocated_ips: number | string | bigint
-}
-
-export default function AllocationStatus({ detailed = false }: { detailed?: boolean }) {
-  const [data, setData] = useState<AllocationStatus[]>([])
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-  const [timeFilter, setTimeFilter] = useState('24h') // 默认24小时
-  const [customTime, setCustomTime] = useState('')
-
-  // 生成时间筛选条件
-  const getTimeCondition = useCallback(() => {
-    if (timeFilter === 'custom' && customTime) {
-        // 将datetime-local格式转换为SQL datetime格式
-        return customTime.replace('T', ' ') + ':00'
-    }
-    const now = new Date()
-    let filterDate
-    
-    switch(timeFilter) {
-      case '1h':
-        filterDate = new Date(now.getTime() - 60 * 60 * 1000)
-        break
-      case '6h':
-        filterDate = new Date(now.getTime() - 6 * 60 * 60 * 1000)
-        break
-      case '12h':
-        filterDate = new Date(now.getTime() - 12 * 60 * 60 * 1000)
-        break
-      case '24h':
-        filterDate = new Date(now.getTime() - 24 * 60 * 60 * 1000)
-        break
-      case '7d':
-        filterDate = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000)
-        break
-      case 'fixed':
-        return '2025-08-24 11:27:00'
-      case 'custom':
-        if (customTime) {
-          return customTime
-        }
-        // 如果自定义时间为空，默认使用24小时
-        filterDate = new Date(now.getTime() - 24 * 60 * 60 * 1000)
-        break
-      default:
-        filterDate = new Date(now.getTime() - 24 * 60 * 60 * 1000)
-    }
-    
-    return filterDate.toISOString().slice(0, 19).replace('T', ' ')
-  }, [timeFilter, customTime])
-
-
-    const fetchData = useCallback(async () => {
-    try {
-      setError(null)
-      setLoading(true)
-      
-      const timeCondition = getTimeCondition()
-      const response = await fetch(`/api/stats?type=allocation_status&time=${encodeURIComponent(timeCondition)}`)
-      
-      if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`)
-      
-      const result = await response.json()
-      
-      // 数据验证
-      const validatedData = (result as ApiAllocationStatus[]).map((item) => ({
-        city: item.city || '未知',
-        count: validateNumber(item.count),
-        assigned: validateNumber(item.assigned),
-      }))
-      
-      setData(validatedData)
-    } catch (error) {
-      console.error('Failed to fetch allocation status:', error)
-      setError(error instanceof Error ? error.message : 'Unknown error')
-    } finally {
-      setLoading(false)
-    }
-  }, [getTimeCondition])
-
-  useEffect(() => {
-    fetchData()
-  }, [fetchData])
-
-  if (loading) return <LoadingCard title="节点分配状态" />
-  if (error) return <ErrorCard title="节点分配状态" error={error} onRetry={fetchData} />
-
-  const problematicCities = data.filter(item => item.count < item.count)
-
-  return (
-    <div className="bg-white shadow rounded-lg p-6">
-      <h2 className="text-lg font-semibold mb-4">节点分配状态</h2>
-      
-      {/* 时间筛选器 */}
-      <div className="mb-4 flex flex-wrap items-center gap-3">
-        <label className="font-medium">时间筛选:</label>
-        <select 
-          value={timeFilter} 
-          onChange={(e) => setTimeFilter(e.target.value)}
-          className="border rounded p-2"
-        >
-          <option value="1h">最近1小时</option>
-          <option value="6h">最近6小时</option>
-          <option value="12h">最近12小时</option>
-          <option value="24h">最近24小时</option>
-          <option value="7d">最近7天</option>
-          <option value="custom">自定义时间</option>
-        </select>
-        
-        {timeFilter === 'custom' && (
-          <div className="flex items-center gap-2">
-            <input
-              type="datetime-local"
-              value={customTime}
-              onChange={(e) => setCustomTime(e.target.value)}
-              className="border rounded p-2"
-            />
-            <small>格式: YYYY-MM-DDTHH:MM</small>
-          </div>
-        )}
-        
-        <button 
-          onClick={fetchData}
-          className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"
-        >
-          刷新
-        </button>
-      </div>
-      
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-        <div className="bg-blue-50 p-4 rounded-lg">
-          <div className="text-2xl font-bold text-blue-600">{formatNumber(data.length)}</div>
-          <div className="text-sm text-blue-800">监控城市数量</div>
-        </div>
-        <div className="bg-orange-50 p-4 rounded-lg">
-          <div className="text-2xl font-bold text-orange-600">{formatNumber(problematicCities.length)}</div>
-          <div className="text-sm text-orange-800">需关注城市</div>
-        </div>
-      </div>
-
-      {detailed && (
-        <div className="overflow-x-auto">
-          <table className="min-w-full table-auto">
-            <thead>
-              <tr className="bg-gray-50">
-                <th className="px-4 py-2 text-left">城市</th>
-                <th className="px-4 py-2 text-left">可用IP量</th>
-                <th className="px-4 py-2 text-left">分配IP量</th>
-              </tr>
-            </thead>
-            <tbody>
-              {data.map((item, index) => {
-                return (
-                  <tr key={index} className={index % 2 === 0 ? 'bg-white' : 'bg-gray-50'}>
-                    <td className="px-4 py-2">{item.city}</td>
-                    <td className="px-4 py-2">{formatNumber(item.count)}</td>
-                    <td className="px-4 py-2">{formatNumber(item.assigned)}</td>
-                  </tr>
-                )
-              })}
-            </tbody>
-          </table>
-        </div>
-      )}
-    </div>
-  )
-}
--- a/src/app/dashboard/components/cityNodeStats.tsx
+++ b/src/app/dashboard/components/cityNodeStats.tsx
@@ -1,83 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-
-interface CityNode {
-  city: string
-  count: number
-  hash: string
-  label: string
-  offset: string
-}
-
-export default function CityNodeStats() {
-  const [data, setData] = useState<CityNode[]>([])
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    fetchData()
-  }, [])
-
-  const fetchData = async () => {
-    try {
-      const response = await fetch('/api/stats?type=city_node_count')
-      const result = await response.json()
-      setData(result)
-    } catch (error) {
-      console.error('获取城市节点数据失败:', error)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  if (loading) {
-    return (
-      <div className="bg-white rounded-lg p-6">
-        <h2 className="text-lg font-semibold mb-4">城市节点数量分布</h2>
-        <div className="text-gray-600">加载中...</div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="bg-white rounded-lg p-6">
-      <div className="flex justify-between items-center mb-4">
-        <h2 className="text-lg font-semibold">城市节点数量分布</h2>
-        <span className="text-sm text-gray-500">
-          共 {data.length} 个城市
-        </span>
-      </div>
-
-      <div className="overflow-x-auto">
-        <table className="w-full">
-          <thead>
-            <tr className="border-b border-gray-200">
-              <th className="px-4 py-2 text-left text-sm font-medium text-gray-600">城市</th>
-              <th className="px-4 py-2 text-left text-sm font-medium text-gray-600">节点数量</th>
-              <th className="px-4 py-2 text-left text-sm font-medium text-gray-600">Hash</th>
-              <th className="px-4 py-2 text-left text-sm font-medium text-gray-600">标签</th>
-              <th className="px-4 py-2 text-left text-sm font-medium text-gray-600">轮换顺位</th>
-            </tr>
-          </thead>
-          <tbody>
-            {data.map((item, index) => (
-              <tr key={index} className="border-b border-gray-100 hover:bg-gray-50">
-                <td className="px-4 py-3 text-sm font-medium">{item.city}</td>
-                <td className="px-4 py-3 text-sm">
-                  <span className="font-semibold text-gray-700">{item.count}</span>
-                </td>
-                <td className="px-4 py-3 text-sm text-gray-500 font-mono">{item.hash}</td>
-                <td className="px-4 py-3 text-sm">
-                  <span className="bg-gray-100 px-2 py-1 rounded text-gray-700">
-                    {item.label}
-                  </span>
-                </td>
-                <td className="px-4 py-3 text-sm font-semibold">{item.offset}</td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  )
-}
--- a/src/app/dashboard/components/edge.tsx
+++ b/src/app/dashboard/components/edge.tsx
@@ -1,354 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { validateNumber } from '@/lib/formatters'
-import {
-  Pagination,
-  PaginationContent,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious,
-} from "@/components/ui/pagination"
-
-interface Edge {
-  id: number
-  macaddr: string
-  city: string
-  public: string
-  isp: string
-  single: number | boolean
-  sole: number | boolean
-  arch: number
-  online: number
-}
-
-export default function Edge() {
-  const [data, setData] = useState<Edge[]>([])
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-  const [idThreshold, setIdThreshold] = useState(20)
-  const [limit, setLimit] = useState(100)
-  
-  // 分页状态
-  const [currentPage, setCurrentPage] = useState(1)
-  const [itemsPerPage, setItemsPerPage] = useState(10)
-  const [totalItems, setTotalItems] = useState(0)
-
-  useEffect(() => {
-    fetchData()
-  }, [])
-
-  const fetchData = async (threshold: number = idThreshold, resultLimit: number = limit) => {
-    try {
-      setError(null)
-      setLoading(true)
-      
-      const response = await fetch(`/api/stats?type=edge_nodes&threshold=${threshold}&limit=${resultLimit}`)
-      if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`)
-      
-      const result = await response.json()
-
-      type ResultEdge = {
-        id: number
-        macaddr: string
-        city: string
-        public: string
-        isp: string
-        single: number | boolean
-        sole: number | boolean
-        arch: number
-        online: number
-      }
-
-      const validatedData = (result as ResultEdge[]).map((item) => ({
-        id: validateNumber(item.id),
-        macaddr: item.macaddr || '',
-        city: item.city || '',
-        public: item.public || '',
-        isp: item.isp || '',
-        single: item.single === 1 || item.single === true,
-        sole: item.sole === 1 || item.sole === true,
-        arch: validateNumber(item.arch),
-        online: validateNumber(item.online)
-      }))
-      
-      setData(validatedData)
-      setTotalItems(validatedData.length)
-      setCurrentPage(1) // 重置到第一页
-    } catch (error) {
-      console.error('Failed to fetch edge nodes:', error)
-      setError(error instanceof Error ? error.message : '获取边缘节点数据失败')
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    fetchData(idThreshold, limit)
-  }
-
-  const formatBoolean = (value: boolean | number): string => {
-    return value ? '是' : '否'
-  }
-
-  const formatOnlineTime = (seconds: number): string => {
-    if (seconds < 60) return `${seconds}秒`
-    if (seconds < 3600) return `${Math.floor(seconds / 60)}分钟`
-    if (seconds < 86400) return `${Math.floor(seconds / 3600)}小时`
-    return `${Math.floor(seconds / 86400)}天`
-  }
-
-  // 计算分页数据
-  const indexOfLastItem = currentPage * itemsPerPage
-  const indexOfFirstItem = indexOfLastItem - itemsPerPage
-  const currentItems = data.slice(indexOfFirstItem, indexOfLastItem)
-  const totalPages = Math.ceil(totalItems / itemsPerPage)
-
-  // 生成页码按钮
-  const renderPageNumbers = () => {
-    const pageNumbers = []
-    const maxVisiblePages = 5
-    
-    let startPage = Math.max(1, currentPage - Math.floor(maxVisiblePages / 2))
-    const endPage = Math.min(totalPages, startPage + maxVisiblePages - 1)
-    
-    if (endPage - startPage + 1 < maxVisiblePages) {
-      startPage = Math.max(1, endPage - maxVisiblePages + 1)
-    }
-    
-    for (let i = startPage; i <= endPage; i++) {
-      pageNumbers.push(
-        <PaginationItem key={i}>
-          <PaginationLink
-            href="#"
-            isActive={currentPage === i}
-            onClick={(e) => {
-              e.preventDefault()
-              setCurrentPage(i)
-            }}
-          >
-            {i}
-          </PaginationLink>
-        </PaginationItem>
-      )
-    }
-    
-    return pageNumbers
-  }
-
-  if (loading) return (
-    <div className="bg-white shadow rounded-lg p-6">
-      <h2 className="text-xl font-semibold text-gray-800 mb-4">节点列表</h2>
-      <div className="text-center py-8">加载节点数据中...</div>
-    </div>
-  )
-
-  if (error) return (
-    <div className="bg-white shadow rounded-lg p-6">
-      <h2 className="text-xl font-semibold text-gray-800 mb-4">节点列表</h2>
-      <div className="text-center py-8 text-red-600">{error}</div>
-      <button
-        onClick={() => fetchData()}
-        className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors mx-auto block"
-      >
-        重试
-      </button>
-    </div>
-  )
-
-  return (
-    <div className="bg-white shadow rounded-lg p-6">
-      <div className="flex justify-between items-center mb-6">
-        <h2 className="text-xl font-semibold text-gray-800">节点列表</h2>
-        <button
-          onClick={() => fetchData()}
-          className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors"
-        >
-          刷新数据
-        </button>
-      </div>
-
-      {/* 查询表单 */}
-      <form onSubmit={handleSubmit} className="bg-gray-50 p-4 rounded-lg mb-6">
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-          <div>
-            <label htmlFor="threshold" className="block text-sm font-medium text-gray-700 mb-1">
-              ID阈值 (ID大于此值)
-            </label>
-            <input
-              id="threshold"
-              type="number"
-              value={idThreshold}
-              onChange={(e) => setIdThreshold(Number(e.target.value))}
-              min="0"
-              className="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div>
-            <label htmlFor="limit" className="block text-sm font-medium text-gray-700 mb-1">
-              返回结果数量
-            </label>
-            <input
-              id="limit"
-              type="number"
-              value={limit}
-              onChange={(e) => setLimit(Number(e.target.value))}
-              min="1"
-              max="1000"
-              className="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="flex items-end">
-            <button
-              type="submit"
-              className="px-6 py-2 bg-green-600 text-white font-medium rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2"
-            >
-              查询
-            </button>
-          </div>
-        </div>
-      </form>
-
-      {data.length === 0 ? (
-        <div className="text-center py-12">
-          <div className="text-gray-400 text-4xl mb-4">📋</div>
-          <p className="text-gray-600">暂无节点数据</p>
-        </div>
-      ) : (
-        <>
-          <div className="bg-blue-50 p-4 rounded-lg mb-6">
-            <p className="text-blue-800">
-              共找到 <span className="font-bold">{totalItems}</span> 个节点
-              {idThreshold > 0 && ` (ID大于${idThreshold})`}
-            </p>
-          </div>
-          
-          {/* 每页显示数量选择器 */}
-          <div className="flex justify-between items-center mb-4">
-            <div className="flex items-center space-x-2">
-              <span className="text-sm text-gray-700">每页显示</span>
-              <select
-                value={itemsPerPage}
-                onChange={(e) => {
-                  setItemsPerPage(Number(e.target.value))
-                  setCurrentPage(1)
-                }}
-                className="border border-gray-300 rounded-md px-2 py-1 text-sm"
-              >
-                <option value="10">10</option>
-                <option value="20">20</option>
-                <option value="50">50</option>
-                <option value="100">100</option>
-              </select>
-              <span className="text-sm text-gray-700">条</span>
-            </div>
-          </div>
-          
-          <div className="overflow-x-auto rounded-lg shadow mb-4">
-            <table className="min-w-full table-auto border-collapse">
-              <thead>
-                <tr className="bg-gray-100">
-                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">ID</th>
-                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">MAC地址</th>
-                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">城市</th>
-                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">公网IP</th>
-                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">运营商</th>
-                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">多IP节点</th>
-                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">独享IP</th>
-                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">设备类型</th>
-                  <th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">在线时长</th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {currentItems.map((item, index) => (
-                  <tr 
-                    key={item.id} 
-                    className={`hover:bg-gray-50 transition-colors ${index % 2 === 0 ? 'bg-white' : 'bg-gray-50'}`}
-                  >
-                    <td className="px-4 py-3 text-sm text-gray-900">{item.id}</td>
-                    <td className="px-4 py-3 text-sm font-mono text-blue-600">{item.macaddr}</td>
-                    <td className="px-4 py-3 text-sm text-gray-700">{item.city}</td>
-                    <td className="px-4 py-3 text-sm font-mono text-green-600">{item.public}</td>
-                    <td className="px-4 py-3 text-sm text-gray-700">
-                      <span className={`px-2 py-1 rounded-full text-xs ${
-                        item.isp === '移动' ? 'bg-blue-100 text-blue-800' :
-                        item.isp === '电信' ? 'bg-purple-100 text-purple-800' :
-                        item.isp === '联通' ? 'bg-red-100 text-red-800' :
-                        'bg-gray-100 text-gray-800'
-                      }`}>
-                        {item.isp}
-                      </span>
-                    </td>
-                    <td className="px-4 py-3 text-sm text-center">
-                      <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
-                        item.single ? 'bg-red-100 text-red-800' : 'bg-green-100 text-green-800'
-                      }`}>
-                        {formatBoolean(item.single)}
-                      </span>
-                    </td>
-                    <td className="px-4 py-3 text-sm text-center">
-                      <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
-                        item.sole ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'
-                      }`}>
-                        {formatBoolean(item.sole)}
-                      </span>
-                    </td>
-                    <td className="px-4 py-3 text-sm text-center">
-                      <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
-                        {item.arch}
-                      </span>
-                    </td>
-                    <td className="px-4 py-3 text-sm text-gray-700">
-                      {formatOnlineTime(item.online)}
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-
-          {/* 分页控件 */}
-          <div className="flex justify-between items-center mt-4">
-            <div className="text-sm text-gray-600">
-              显示 {indexOfFirstItem + 1} 到 {Math.min(indexOfLastItem, totalItems)} 条，共 {totalItems} 条记录
-            </div>
-            
-            <Pagination>
-              <PaginationContent>
-                <PaginationItem>
-                  <PaginationPrevious
-                    href="#"
-                    onClick={(e) => {
-                      e.preventDefault()
-                      if (currentPage > 1) setCurrentPage(currentPage - 1)
-                    }}
-                    className={currentPage === 1 ? "pointer-events-none opacity-50" : ""}
-                  />
-                </PaginationItem>
-                
-                {renderPageNumbers()}
-                
-                <PaginationItem>
-                  <PaginationNext
-                    href="#"
-                    onClick={(e) => {
-                      e.preventDefault()
-                      if (currentPage < totalPages) setCurrentPage(currentPage + 1)
-                    }}
-                    className={currentPage === totalPages ? "pointer-events-none opacity-50" : ""}
-                  />
-                </PaginationItem>
-              </PaginationContent>
-            </Pagination>
-            
-            <div className="text-sm text-gray-600">
-              更新时间: {new Date().toLocaleTimeString()}
-            </div>
-          </div>
-        </>
-      )}
-    </div>
-  )
-}
--- a/src/app/dashboard/components/gatewayConfig.tsx
+++ b/src/app/dashboard/components/gatewayConfig.tsx
@@ -1,297 +0,0 @@
-'use client'
-import { useEffect, useState, Suspense } from 'react'
-import { useSearchParams } from 'next/navigation'
-
-interface GatewayConfig {
-  id: number
-  city: string
-  edge: string
-  user: string  
-  public: string
-  inner_ip: string 
-  ischange: number 
-  isonline: number   
-}
-
-function GatewayConfigContent() {
-  const [data, setData] = useState<GatewayConfig[]>([]) 
-  const [loading, setLoading] = useState(false) 
-  const [macAddress, setMacAddress] = useState('')
-  const [error, setError] = useState('')
-  const [success, setSuccess] = useState('')
-  const searchParams = useSearchParams()
-
-  // 监听URL的mac参数变化：同步到输入框并触发查询
-  useEffect(() => {
-    const urlMac = searchParams.get('mac')
-    if (urlMac) {
-      setMacAddress(urlMac) 
-      fetchData(urlMac)
-    } else {
-      // 如果没有mac参数，显示空状态或默认查询
-      setData([])
-      setSuccess('请输入MAC地址查询网关配置信息')
-    }
-  }, [searchParams])
-
-  const fetchData = async (mac: string) => {
-    if (!mac.trim()) {
-      setError('请输入MAC地址')
-      setSuccess('')
-      setData([])
-      return
-    }
-    
-    setLoading(true)
-    setError('')
-    setSuccess('')
-    try {
-      const response = await fetch(`/api/stats?type=gateway_config&mac=${encodeURIComponent(mac)}`)
-      const result = await response.json()
-      
-      if (!response.ok) {
-        throw new Error(result.error || '查询失败')
-      }
-      
-      // 检查返回的数据是否有效
-      if (!result || result.length === 0) {
-        setError(`未找到MAC地址为 ${mac} 的网关配置信息`)
-        setData([])
-        return
-      }
-      
-      const validatedData = result.map((item: { 
-        city: string 
-        edge: string
-        user: string 
-        public: string
-        inner_ip: string 
-        ischange: number 
-        isonline: number  
-      }) => ({
-        city: item.city,
-        edge: item.edge,
-        user: item.user,
-        public: item.public,
-        inner_ip: item.inner_ip,
-        ischange: item.ischange,
-        isonline: item.isonline,
-      }))
-      
-      setData(validatedData)
-      setSuccess(`成功查询到 ${validatedData.length} 条网关配置信息`)
-    } catch (error) {
-      console.error('Failed to fetch gateway config:', error)
-      setError(error instanceof Error ? error.message : '获取网关配置失败')
-      setData([])
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (macAddress.trim()) {
-      fetchData(macAddress)
-    }
-  }
-
-  const getStatusBadge = (value: number, trueText: string = '是', falseText: string = '否') => {
-    return (
-      <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
-        value === 1 
-          ? 'bg-green-100 text-green-800' 
-          : 'bg-red-100 text-red-800'
-      }`}>
-        {value === 1 ? trueText : falseText}
-      </span>
-    )
-  }
-
-  const getOnlineStatus = (isonline: number) => {
-    return (
-      <div className="flex items-center">
-        <div className={`w-2 h-2 rounded-full mr-2 ${
-          isonline === 1 ? 'bg-green-500' : 'bg-red-500'
-        }`} />
-        {getStatusBadge(isonline, '在线', '离线')}
-      </div>
-    )
-  }
-
-  return (
-    <div className="bg-white shadow rounded-lg p-6">
-      <div className="flex justify-between items-start mb-6">
-        <div>
-          <h2 className="text-xl font-semibold text-gray-800">网关配置状态</h2>
-          <p className="text-sm text-gray-600 mt-1">查询和管理网关设备的配置信息</p>
-        </div>
-        <div className="text-sm text-gray-500">
-          更新时间: {new Date().toLocaleTimeString()}
-        </div>
-      </div>
-      
-      {/* 查询表单 */}
-      <form onSubmit={handleSubmit} className="mb-6">
-        <div className="flex items-center">
-          <input
-            type="text"
-            value={macAddress}
-            onChange={(e) => setMacAddress(e.target.value)}
-            placeholder="请输入MAC地址"
-            className="px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          />
-          <button
-            type="submit"
-            className="ml-2 px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-          >
-            查询
-          </button>
-        </div>
-        
-        {error && (
-          <div className="mt-4 p-3 bg-red-50 border border-red-200 rounded-md">
-            <div className="flex items-center text-red-800">
-              <svg className="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20">
-                <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clipRule="evenodd" />
-              </svg>
-              {error}
-            </div>
-          </div>
-        )}
-        
-        {success && !error && (
-          <div className="mt-4 p-3 bg-green-50 border border-green-200 rounded-md">
-            <div className="flex items-center text-green-800">
-              <svg className="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20">
-                <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
-              </svg>
-              {success}
-            </div>
-          </div>
-        )}
-      </form>
-      
-      {loading ? (
-        <div className="text-center py-12">
-          <div className="text-gray-400 text-4xl mb-4">⏳</div>
-          <p className="text-gray-600">正在查询网关配置信息...</p>
-        </div>
-      ) : data.length > 0 ? (
-        <>
-          {/* 统计卡片 */}
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
-            <div className="bg-blue-50 p-4 rounded-lg border border-blue-100">
-              <div className="text-2xl font-bold text-blue-600">{data.length}</div>
-              <div className="text-sm text-blue-800">网关数量</div>
-            </div>
-            <div className="bg-green-50 p-4 rounded-lg border border-green-100">
-              <div className="text-2xl font-bold text-green-600">
-                {data.filter(item => item.isonline === 1).length}
-              </div>
-              <div className="text-sm text-green-800">在线网关</div>
-            </div>
-            <div className="bg-orange-50 p-4 rounded-lg border border-orange-100">
-              <div className="text-2xl font-bold text-orange-600">
-                {data.filter(item => item.ischange === 1).length}
-              </div>
-              <div className="text-sm text-orange-800">已更新配置</div>
-            </div>
-            <div className="bg-purple-50 p-4 rounded-lg border border-purple-100">
-              <div className="text-2xl font-bold text-purple-600">
-                {new Set(data.map(item => item.city)).size}
-              </div>
-              <div className="text-sm text-purple-800">覆盖城市</div>
-            </div>
-          </div>
-
-          {/* 详细表格 */}
-          <div className="overflow-hidden rounded-lg shadow-sm border border-gray-200">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50"> 
-                <tr>
-                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">MAC地址</th>
-                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">城市</th>
-                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">内部账号</th>
-                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">IP地址</th>
-                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">内网入口</th>
-                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">配置更新</th>
-                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">在线状态</th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {data.map((item, index) => (
-                  <tr key={index} className="hover:bg-gray-50 transition-colors">
-                    <td className="px-6 py-4 whitespace-nowrap">
-                      <div className="font-mono text-sm text-blue-600 font-medium">
-                        {item.edge}
-                      </div>
-                    </td>
-                    <td className="px-6 py-4 whitespace-nowrap">
-                      <span className="px-2 py-1 bg-gray-100 text-gray-700 rounded-full text-xs">
-                        {item.city}
-                      </span>
-                    </td>
-                    <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
-                      {item.user}
-                    </td>
-                    <td className="px-6 py-4 whitespace-nowrap">
-                      <div className="font-mono text-sm text-green-600">
-                        {item.public}
-                      </div>
-                    </td>
-                    <td className="px-6 py-4 whitespace-nowrap">
-                      <div className="font-mono text-sm text-purple-600">
-                        {item.inner_ip}
-                      </div>
-                    </td>
-                    <td className="px-6 py-4 whitespace-nowrap">
-                      {getStatusBadge(item.ischange, '已更新', '未更新')}
-                    </td>
-                    <td className="px-6 py-4 whitespace-nowrap">
-                      {getOnlineStatus(item.isonline)}
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-
-          {/* 分页信息 */}
-          <div className="mt-4 flex justify-between items-center text-sm text-gray-600">
-            <span>显示 1 到 {data.length} 条，共 {data.length} 条记录</span>
-            <button
-              onClick={() => fetchData(macAddress)}
-              className="px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-md transition-colors"
-            >
-              刷新数据
-            </button>
-          </div>
-        </>
-      ) : (
-        <div className="text-center py-12">
-          <div className="text-gray-400 text-4xl mb-4">🔍</div>
-          <p className="text-gray-600">暂无数据，请输入MAC地址查询网关配置信息</p>
-          <p className="text-sm text-gray-500 mt-2">
-            您可以通过上方的搜索框查询特定MAC地址的网关配置
-          </p>
-        </div>
-      )}
-    </div>
-  )
-}
-
-export default function GatewayConfig() {
-  return (
-    <Suspense fallback={
-      <div className="bg-white shadow rounded-lg p-6">
-        <div className="text-center py-12">
-          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto"></div>
-          <p className="mt-4 text-gray-600">加载搜索参数...</p>
-        </div>
-      </div>
-    }>
-      <GatewayConfigContent />
-    </Suspense>
-  )
-}
--- a/src/app/dashboard/components/gatewayinfo.tsx
+++ b/src/app/dashboard/components/gatewayinfo.tsx
@@ -1,138 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { useRouter } from 'next/navigation'
-
-interface GatewayInfo {
-  macaddr: string
-  inner_ip: string
-  setid: string
-  enable: number
-}
-
-export default function Gatewayinfo() {
-  const [data, setData] = useState<GatewayInfo[]>([])
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState('')
-  const router = useRouter() 
-  
-  useEffect(() => {
-    fetchData()
-  }, [])
-
-  const fetchData = async () => {
-    try {
-      setLoading(true)
-      setError('')
-      const response = await fetch('/api/stats?type=gateway_info')
-      
-      if (!response.ok) {
-        throw new Error('获取网关信息失败')
-      }
-      
-      const result = await response.json()
-      
-      setData(result)
-    } catch (error) {
-      console.error('Failed to fetch gateway info:', error)
-      setError(error instanceof Error ? error.message : '获取网关信息失败')
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  const getStatusText = (enable: number) => {
-    return enable === 1 ? '启用' : '禁用'
-  }
-
-  const getStatusClass = (enable: number) => {
-    return enable === 1 
-      ? 'bg-green-100 text-green-800' 
-      : 'bg-red-100 text-red-800'
-  }
-
-  if (loading) {
-    return (
-      <div className="bg-white shadow rounded-lg p-6">
-        <h2 className="text-lg font-semibold mb-4">网关基本信息</h2>
-        <div className="text-center py-8">加载网关信息中...</div>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="bg-white shadow rounded-lg p-6">
-        <h2 className="text-lg font-semibold mb-4">网关基本信息</h2>
-        <div className="text-center py-8 text-red-600">{error}</div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="bg-white shadow rounded-lg p-6">
-      <h2 className="text-lg font-semibold mb-4">网关基本信息</h2>
-      
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
-        <div className="bg-blue-50 p-4 rounded-lg">
-          <div className="text-2xl font-bold text-blue-600">{data.length}</div>
-          <div className="text-sm text-blue-800">网关总数</div>
-        </div>
-        <div className="bg-green-50 p-4 rounded-lg">
-          <div className="text-2xl font-bold text-green-600">
-            {data.filter(item => item.enable === 1).length}
-          </div>
-          <div className="text-sm text-green-800">启用网关</div>
-        </div>
-        <div className="bg-red-50 p-4 rounded-lg">
-          <div className="text-2xl font-bold text-red-600">
-            {data.filter(item => item.enable === 0).length}
-          </div>
-          <div className="text-sm text-red-800">禁用网关</div>
-        </div>
-        <div className="bg-purple-50 p-4 rounded-lg">
-          <div className="text-2xl font-bold text-purple-600">
-            {new Set(data.map(item => item.setid)).size}
-          </div>
-          <div className="text-sm text-purple-800">配置版本数</div>
-        </div>
-      </div>
-
-      <div className="overflow-x-auto">
-        <table className="min-w-full table-auto">
-          <thead> 
-            <tr className="bg-gray-50">
-              <th className="px-4 py-2 text-left">MAC地址</th>
-              <th className="px-4 py-2 text-left">内网IP</th>
-              <th className="px-4 py-2 text-left">配置版本</th>
-              <th className="px-4 py-2 text-left">状态</th>
-            </tr>
-          </thead>
-          <tbody>
-            {data.map((item, index) => (
-              <tr key={index} className={index % 2 === 0 ? 'bg-white' : 'bg-gray-50'}>
-                <td className="px-4 py-2">
-                  <button
-                    onClick={() => {
-                      router.push(`/dashboard?tab=gateway&mac=${item.macaddr}`);
-                    }}
-                    className="font-mono text-blue-600 hover:text-blue-800 hover:underline cursor-pointer"
-                  >
-                    {item.macaddr}
-                  </button>
-                </td>
-                <td className="px-4 py-2">{item.inner_ip}</td>
-                <td className="px-4 py-2">{item.setid}</td>
-                <td className="px-4 py-2">
-                  <span className={`px-2 py-1 rounded-full text-xs font-medium ${getStatusClass(item.enable)}`}>
-                    {getStatusText(item.enable)}
-                  </span>
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  )
-}
--- a/src/app/dashboard/components/settings.tsx
+++ b/src/app/dashboard/components/settings.tsx
@@ -1,333 +0,0 @@
-'use client'
-import { useState, useEffect } from 'react'
-import { zodResolver } from '@hookform/resolvers/zod'
-import { useForm } from 'react-hook-form'
-import * as z from 'zod'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card'
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
-import { User, Lock, Search, Trash2, Plus, X } from 'lucide-react'
-import { toast, Toaster } from 'sonner'
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
-
-// 用户类型定义
-interface UserData {
-  id: string
-  account: string
-  createdAt: string
-}
-
-const formSchema = z.object({
-  account: z.string().min(3, '账号至少需要3个字符'),
-  password: z.string().min(6, '密码至少需要6个字符'),
-  confirmPassword: z.string().min(6, '密码至少需要6个字符'),
-}).refine((data) => data.password === data.confirmPassword, {
-  message: "密码不匹配",
-  path: ["confirmPassword"],
-})
-
-
-export default function Settings() {
-  const [loading, setLoading] = useState(false)
-  const [users, setUsers] = useState<UserData[]>([])
-  const [searchTerm, setSearchTerm] = useState('')
-  const [isCreateMode, setIsCreateMode] = useState(false)
-
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      account: '',
-      password: '',
-      confirmPassword: '',
-    },
-  })
-
-
-  // 获取用户列表
-  const fetchUsers = async () => {
-    try {
-      const response = await fetch('/api/users')
-      const data = await response.json()
-
-      if (!response.ok) {
-        throw new Error(data.error || '获取用户列表失败')
-      }
-
-      if (data.success) {
-        setUsers(data.users)
-      }
-    } catch (error) {
-      toast.error("获取用户列表失败", {
-        description: error instanceof Error ? error.message : "服务器连接失败，请稍后重试",
-      })
-    }
-  }
-
-  // 初始加载用户列表
-  useEffect(() => {
-    fetchUsers()
-  }, [])
-
-  // 创建用户
-  async function onSubmit(values: z.infer<typeof formSchema>) {
-    setLoading(true)
-    try {
-      const response = await fetch('/api/users', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          account: values.account,
-          password: values.password,
-        }),
-      })
-      
-      const data = await response.json()
-
-      if (!response.ok) {
-        throw new Error(data.error || '创建用户失败')
-      }
-
-      if (data.success) {
-        toast.success("用户创建成功", {
-          description: "新账户已成功添加",
-        })
-        form.reset()
-        setIsCreateMode(false)
-        fetchUsers() // 刷新用户列表
-      }
-    } catch (error) {
-      toast.error("创建用户失败", {
-        description: error instanceof Error ? error.message : "服务器连接失败，请稍后重试",
-      })
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  // 删除用户
-const handleDeleteUser = async (userId: number) => {
-  
-  if (!confirm('确定要删除这个用户吗？此操作不可恢复。')) {
-    return
-  }
-
-  try {
-    // 使用查询参数传递ID
-    const response = await fetch(`/api/users?id=${userId}`, {
-      method: 'DELETE',
-    })
-    
-    const data = await response.json()
-
-    if (!response.ok) {
-      throw new Error(data.error || '删除用户失败')
-    }
-
-    if (data.success) {
-      toast.success("用户删除成功", {
-        description: "用户账户已删除",
-      })
-      fetchUsers() // 刷新用户列表
-    }
-  } catch (error) {
-    toast.error("删除用户失败", {
-      description: error instanceof Error ? error.message : "服务器连接失败，请稍后重试",
-    })
-  }
-}
-
-  // 过滤用户列表
-  const filteredUsers = users.filter(user => 
-    user.account.toLowerCase().includes(searchTerm.toLowerCase())
-  )
-
-  return (
-    <div className="min-h-screen bg-white p-4 md:p-8">
-      <div className="max-w-6xl mx-auto">
-        <div className="flex justify-between items-center mb-6">
-          <h1 className="text-3xl font-bold">用户管理</h1>
-          <Button onClick={() => setIsCreateMode(!isCreateMode)}>
-            {isCreateMode ? (
-              <>
-                <X className="mr-2 h-4 w-4" /> 取消
-              </>
-            ) : (
-              <>
-                <Plus className="mr-2 h-4 w-4" /> 添加用户
-              </>
-            )}
-          </Button>
-        </div>
-
-        {isCreateMode && (
-          <Card className="mb-6">
-            <CardHeader>
-              <CardTitle className="text-xl">添加用户账号</CardTitle>
-              <CardDescription>创建新的系统用户账户</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <Form {...form}>
-                <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-                  <FormField
-                    control={form.control}
-                    name="account"
-                    render={({ field }) => (
-                      <FormItem>
-                        <FormLabel>账号</FormLabel>
-                        <FormControl>
-                          <div className="relative">
-                            <User className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
-                            <Input 
-                              placeholder="请输入需要添加的账号" 
-                              className="pl-8" 
-                              {...field}
-                            />
-                          </div>
-                        </FormControl>
-                        <FormMessage />
-                      </FormItem>
-                    )}
-                  />
-
-                  <FormField
-                    control={form.control}
-                    name="password"
-                    render={({ field }) => (
-                      <FormItem>
-                        <FormLabel>密码</FormLabel>
-                        <FormControl>
-                          <div className="relative">
-                            <Lock className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
-                            <Input 
-                              type="password" 
-                              placeholder="请输入密码" 
-                              className="pl-8" 
-                              {...field}
-                            />
-                          </div>
-                        </FormControl>
-                        <FormMessage />
-                      </FormItem>
-                    )}
-                  />
-
-                  <FormField
-                    control={form.control}
-                    name="confirmPassword"
-                    render={({ field }) => (
-                      <FormItem>
-                        <FormLabel>确认密码</FormLabel>
-                        <FormControl>
-                          <div className="relative">
-                            <Lock className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
-                            <Input 
-                              type="password" 
-                              placeholder="请再次输入密码" 
-                              className="pl-8" 
-                              {...field}
-                            />
-                          </div>
-                        </FormControl>
-                        <FormMessage />
-                      </FormItem>
-                    )}
-                  />
-
-                  <div className="flex gap-2">
-                    <Button 
-                      type="submit" 
-                      disabled={loading}
-                    >
-                      {loading ? (
-                        <div className="flex items-center gap-2">
-                          <div className="h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
-                          创建中...
-                        </div>
-                      ) : (
-                        '创建用户'
-                      )}
-                    </Button>
-                    <Button 
-                      type="button" 
-                      variant="outline" 
-                      onClick={() => setIsCreateMode(false)}
-                    >
-                      取消
-                    </Button>
-                  </div>
-                </form>
-              </Form>
-            </CardContent>
-          </Card>
-        )}
-
-        <Card>
-          <CardHeader>
-            <CardTitle>用户列表</CardTitle>
-            <CardDescription>
-              管理系统中的所有用户账户
-            </CardDescription>
-            <div className="relative mt-4 max-w-sm">
-              <Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
-              <Input 
-                placeholder="搜索用户..." 
-                className="pl-8" 
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-              />
-            </div>
-          </CardHeader>
-          <CardContent>
-            <Table>
-              <TableHeader>
-                <TableRow>
-                  <TableHead>账号</TableHead>
-                  <TableHead>创建时间</TableHead>
-                  <TableHead className="text-right">操作</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {filteredUsers.length === 0 ? (
-                  <TableRow>
-                    <TableCell colSpan={4} className="text-center py-4">
-                      暂无用户数据
-                    </TableCell>
-                  </TableRow>
-                ) : (
-                  filteredUsers.map((user) => (
-                    <TableRow key={user.id}>
-                      <TableCell className="font-medium">{user.account}</TableCell>
-                      <TableCell>{new Date(user.createdAt).toLocaleDateString()}</TableCell>
-                      <TableCell className="text-right">
-                        <div className="flex justify-end gap-2">
-                          <Button
-                            variant="outline"
-                            size="sm"
-                            onClick={() => handleDeleteUser(Number(user.id))}
-                          >
-                            <Trash2 className="h-4 w-4" />
-                          </Button>
-                        </div>
-                      </TableCell>
-                    </TableRow>
-                  ))
-                )}
-              </TableBody>
-            </Table>
-          </CardContent>
-        </Card>
-      </div>
-      <Toaster richColors />
-    </div>
-  )
-}
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -1,133 +0,0 @@
-'use client'
-
-import { useState, useEffect, Suspense } from 'react'
-import { useRouter, useSearchParams } from 'next/navigation'
-import Gatewayinfo from './components/gatewayinfo'
-import GatewayConfig from './components/gatewayConfig'
-import CityNodeStats from './components/cityNodeStats'
-import AllocationStatus from './components/allocationStatus'
-import Settings from './components/settings'
-import Edge from './components/edge'
-import { LogOut } from 'lucide-react'
-
-const tabs = [
-  { id: 'gatewayInfo', label: '网关信息' },
-  { id: 'gateway', label: '网关配置' },
-  { id: 'city', label: '城市信息' },
-  { id: 'allocation', label: '分配状态' },
-  { id: 'edge', label: '节点信息' },
-  { id: 'setting', label: '设置'}
-]
-
-function DashboardContent() {
-  const [activeTab, setActiveTab] = useState('gatewayInfo')
-  const [isLoading, setIsLoading] = useState(false)
-  const router = useRouter()
-  const searchParams = useSearchParams()
-  
-  // 监听URL参数变化
-  useEffect(() => {
-    const urlTab = searchParams.get('tab')
-    if (urlTab && tabs.some(tab => tab.id === urlTab)) {
-      setActiveTab(urlTab)
-    }
-  }, [searchParams])
-
-  // 退出登录
-  const handleLogout = async () => {
-    setIsLoading(true)
-    try {
-      const response = await fetch('/api/auth/logout', {
-        method: 'POST',
-      })
-      
-      if (response.ok) {
-        // 退出成功后跳转到登录页
-        router.push('/login')
-        router.refresh()
-      } else {
-        console.error('退出失败')
-      }
-    } catch (error) {
-      console.error('退出错误:', error)
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
-  const handleTabClick = (tabId: string) => {
-    setActiveTab(tabId)
-    // 更新 URL 参数
-    const params = new URLSearchParams()
-    params.set('tab', tabId)
-    router.push(`/dashboard?${params.toString()}`)
-  }
-
-  return (
-    <div className="min-h-screen bg-gray-100">
-      <nav className="bg-white shadow-sm">
-        <div className="px-4 sm:px-6 lg:px-8">
-          <div className="flex justify-between h-16 items-center">
-            <div className="flex items-center">
-              <h1 className="text-xl font-bold text-gray-900">网络节点管理系统</h1>
-            </div>
-            
-            {/* 简化的退出按钮 */}
-            <button
-              onClick={handleLogout}
-              disabled={isLoading}
-              className="flex items-center space-x-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200 disabled:opacity-50 transition-colors"
-            >
-              <LogOut className="h-4 w-4" />
-              <span>{isLoading ? '退出中...' : '退出登录'}</span>
-            </button>
-          </div>
-        </div>
-      </nav>
-
-      <div className="px-4 sm:px-6 lg:px-8 py-8">
-        <div className="border-b border-gray-200 mb-6">
-          <nav className="-mb-px flex space-x-8">
-            {tabs.map((tab) => (
-              <button
-                key={tab.id}
-                onClick={() => handleTabClick(tab.id)}
-                className={`py-2 px-1 border-b-2 font-medium text-sm ${
-                  activeTab === tab.id
-                    ? 'border-blue-500 text-blue-600'
-                    : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-                }`}
-              >
-                {tab.label}
-              </button>
-            ))}
-          </nav>
-        </div>
-
-        <div className="grid grid-cols-1 gap-6">
-          {activeTab === 'gatewayInfo' && <Gatewayinfo />}
-          {activeTab === 'gateway' && <GatewayConfig />}
-          {activeTab === 'city' && <CityNodeStats />}
-          {activeTab === 'allocation' && <AllocationStatus detailed />}
-          {activeTab === 'edge' && <Edge />}
-          {activeTab === 'setting' && <Settings/>}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default function Dashboard() {
-  return (
-    <Suspense fallback={
-      <div className="min-h-screen bg-gray-100 flex items-center justify-center">
-        <div className="text-center">
-          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mx-auto"></div>
-          <p className="mt-4 text-gray-600">加载中...</p>
-        </div>
-      </div>
-    }>
-      <DashboardContent />
-    </Suspense>
-  )
-}
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -6,6 +6,7 @@
@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
+  --color-weak: var(--weak);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
  --color-sidebar-ring: var(--sidebar-ring);
@@ -45,14 +46,19 @@

 :root {
  --radius: 0.625rem;
+  
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
+  --weak: oklch(0.6 0 0);
+
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
+
+  --primary: oklch(0.65 0.175 255);
  --primary-foreground: oklch(0.985 0 0);
+
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
@@ -116,7 +122,8 @@
  * {
    @apply border-border outline-ring/50;
  }
+
  body {
    @apply bg-background text-foreground;
  }
-}
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,25 +1,23 @@
-import type { Metadata } from "next";
-import "./globals.css";
-import { Toaster } from "sonner";
+import type { Metadata } from 'next'
+import './globals.css'
+import { Toaster } from 'sonner'

 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
-};
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+}

 export default function RootLayout({
  children,
 }: Readonly<{
-  children: React.ReactNode;
+  children: React.ReactNode
 }>) {
  return (
    <html lang="zh-Hans">
-      <body
-        className={`antialiased`}
-      >
-          {children}
-          <Toaster richColors />
+      <body className="antialiased">
+        {children}
+        <Toaster richColors />
      </body>
    </html>
-  );
+  )
 }
--- a/src/components/data-table.tsx
+++ b/src/components/data-table.tsx
@@ -0,0 +1,93 @@
+'use client'
+import * as React from 'react'
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './ui/table'
+import { ReactNode, useState } from 'react'
+import { ArrowUpDownIcon, ArrowUpIcon, ArrowDownIcon } from 'lucide-react'
+import { ColumnDef, flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table'
+import { cn } from '@/lib/utils'
+
+type Data = Record<string, unknown>
+
+type Column = {
+  label: string
+  props?: string
+  render?: (val: Data) => ReactNode
+  sortable?: boolean
+}
+
+export function DataTable<T extends Data>(props: {
+  data: T[]
+  columns: Column[]
+  pinFirst?: boolean
+}) {
+  const table = useReactTable({
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    data: props.data,
+    columns: props.columns.map(col => ({
+      meta: col,
+      header: col.label,
+      accessorKey: col.props,
+      cell: info => col.render?.(info.row.original) || String(info.getValue()),
+      enableSorting: col.sortable,
+    })) as ColumnDef<T>[],
+  })
+
+  return (
+    <Table>
+      <TableHeader>
+
+        {/* 表头行 */}
+        {table.getHeaderGroups().map(group => (
+          <TableRow key={group.id}>
+
+            {/* 表头 */}
+            {group.headers.map((header, index) => (
+              <TableHead
+                key={header.id}
+                className={cn(
+                  header.column.columnDef.enableSorting && 'hover:bg-gray-200 transition-colors duration-150 ease-in-out cursor-pointer',
+                  header.column.getIsSorted() && 'text-primary',
+                  props.pinFirst && index === 0 && 'sticky left-0 bg-gray-50 border-r',
+                )}
+                onClick={header.column.getToggleSortingHandler()}>
+                <div className="flex flex-row items-center justify-between">
+                  {flexRender(header.column.columnDef.header, header.getContext())}
+                  {header.column.columnDef.enableSorting && (
+                    header.column.getIsSorted() == 'asc' ? (
+                      <ArrowUpIcon className="size-4" />
+                    ) : header.column.getIsSorted() == 'desc' ? (
+                      <ArrowDownIcon className="size-4" />
+                    ) : (
+                      <ArrowUpDownIcon className="size-4" />
+                    )
+                  )}
+                </div>
+              </TableHead>
+            ))}
+          </TableRow>
+        ))}
+      </TableHeader>
+
+      <TableBody>
+
+        {/* 表格行 */}
+        {table.getRowModel().rows.map(row => (
+          <TableRow key={row.id}>
+
+            {/* 表格 */}
+            {row.getVisibleCells().map((cell, index) => (
+              <TableCell
+                key={cell.id}
+                className={cn(
+                  props.pinFirst && index === 0 && 'sticky left-0 bg-white border-r',
+                )}>
+                {flexRender(cell.column.columnDef.cell, cell.getContext())}
+              </TableCell>
+            ))}
+          </TableRow>
+        ))}
+      </TableBody>
+    </Table>
+  )
+}
--- a/src/components/page.tsx
+++ b/src/components/page.tsx
@@ -0,0 +1,12 @@
+import { cn } from '@/lib/utils'
+import { ComponentProps, ReactNode } from 'react'
+
+export function Page(props: {
+  children: ReactNode
+} & ComponentProps<'div'>) {
+  return (
+    <div className={cn('w-full h-full p-6 flex flex-col', props.className)}>
+      {props.children}
+    </div>
+  )
+}
--- a/src/components/ui/alert.tsx
+++ b/src/components/ui/alert.tsx
@@ -1,29 +1,29 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

 const alertVariants = cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',
  {
    variants: {
      variant: {
-        default: "bg-card text-card-foreground",
+        default: 'bg-card text-card-foreground',
        destructive:
-          "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+          'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90',
      },
    },
    defaultVariants: {
-      variant: "default",
+      variant: 'default',
    },
-  }
+  },
 )

 function Alert({
  className,
  variant,
  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {
  return (
    <div
      data-slot="alert"
@@ -34,13 +34,13 @@ function Alert({
  )
 }

-function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
+function AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="alert-title"
      className={cn(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-        className
+        'col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight',
+        className,
      )}
      {...props}
    />
@@ -50,13 +50,13 @@ function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
 function AlertDescription({
  className,
  ...props
-}: React.ComponentProps<"div">) {
+}: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="alert-description"
      className={cn(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className
+        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',
+        className,
      )}
      {...props}
    />
--- a/src/components/ui/badge.tsx
+++ b/src/components/ui/badge.tsx
@@ -1,28 +1,28 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { cva, type VariantProps } from 'class-variance-authority'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

 const badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',
  {
    variants: {
      variant: {
        default:
-          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+          'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
        secondary:
-          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+          'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
        destructive:
-          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+          'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
        outline:
-          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+          'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
      },
    },
    defaultVariants: {
-      variant: "default",
+      variant: 'default',
    },
-  }
+  },
 )

 function Badge({
@@ -30,9 +30,9 @@ function Badge({
  variant,
  asChild = false,
  ...props
-}: React.ComponentProps<"span"> &
-  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "span"
+}: React.ComponentProps<'span'>
+  & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : 'span'

  return (
    <Comp
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -1,38 +1,38 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { cva, type VariantProps } from 'class-variance-authority'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
  {
    variants: {
      variant: {
        default:
-          "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
        destructive:
-          "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
        outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
        secondary:
-          "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+          'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
+          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+        link: 'text-primary underline-offset-4 hover:underline',
      },
      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
+        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+        icon: 'size-9',
      },
    },
    defaultVariants: {
-      variant: "default",
-      size: "default",
+      variant: 'default',
+      size: 'default',
    },
-  }
+  },
 )

 function Button({
@@ -41,11 +41,11 @@ function Button({
  size,
  asChild = false,
  ...props
-}: React.ComponentProps<"button"> &
-  VariantProps<typeof buttonVariants> & {
+}: React.ComponentProps<'button'>
+  & VariantProps<typeof buttonVariants> & {
    asChild?: boolean
  }) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? Slot : 'button'

  return (
    <Comp
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -1,81 +1,81 @@
-import * as React from "react"
+import * as React from 'react'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

-function Card({ className, ...props }: React.ComponentProps<"div">) {
+function Card({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card"
      className={cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
+        'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
+        className,
      )}
      {...props}
    />
  )
 }

-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-header"
      className={cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
+        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
+        className,
      )}
      {...props}
    />
  )
 }

-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+function CardTitle({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-title"
-      className={cn("leading-none font-semibold", className)}
+      className={cn('leading-none font-semibold', className)}
      {...props}
    />
  )
 }

-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+function CardDescription({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-description"
-      className={cn("text-muted-foreground text-sm", className)}
+      className={cn('text-muted-foreground text-sm', className)}
      {...props}
    />
  )
 }

-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+function CardAction({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-action"
      className={cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
+        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',
+        className,
      )}
      {...props}
    />
  )
 }

-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-content"
-      className={cn("px-6", className)}
+      className={cn('px-6', className)}
      {...props}
    />
  )
 }

-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-footer"
-      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
+      className={cn('flex items-center px-6 [.border-t]:pt-6', className)}
      {...props}
    />
  )
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -1,10 +1,10 @@
-"use client"
+'use client'

-import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
+import * as React from 'react'
+import * as DialogPrimitive from '@radix-ui/react-dialog'
+import { XIcon } from 'lucide-react'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

 function Dialog({
  ...props
@@ -38,8 +38,8 @@ function DialogOverlay({
    <DialogPrimitive.Overlay
      data-slot="dialog-overlay"
      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+        className,
      )}
      {...props}
    />
@@ -60,8 +60,8 @@ function DialogContent({
      <DialogPrimitive.Content
        data-slot="dialog-content"
        className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          className
+          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
+          className,
        )}
        {...props}
      >
@@ -80,23 +80,23 @@ function DialogContent({
  )
 }

-function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+function DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}
      {...props}
    />
  )
 }

-function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+function DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="dialog-footer"
      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
+        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
+        className,
      )}
      {...props}
    />
@@ -110,7 +110,7 @@ function DialogTitle({
  return (
    <DialogPrimitive.Title
      data-slot="dialog-title"
-      className={cn("text-lg leading-none font-semibold", className)}
+      className={cn('text-lg leading-none font-semibold', className)}
      {...props}
    />
  )
@@ -123,7 +123,7 @@ function DialogDescription({
  return (
    <DialogPrimitive.Description
      data-slot="dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
+      className={cn('text-muted-foreground text-sm', className)}
      {...props}
    />
  )
--- a/src/components/ui/errorCard.tsx
+++ b/src/components/ui/errorCard.tsx
@@ -1,17 +1,17 @@
-export default function ErrorCard({ 
-  title, 
-  error, 
-  onRetry 
-}: { 
+export default function ErrorCard({
+  title,
+  error,
+  onRetry,
+}: {
  title: string
  error: string
-  onRetry: () => void 
+  onRetry: () => void
 }) {
  return (
-    <div className="bg-white shadow rounded-lg p-6 text-red-600">
+    <div className="bg-white shadow p-6 text-red-600">
      <h2 className="text-lg font-semibold mb-2">{title}</h2>
      <p>加载失败: {error}</p>
-      <button 
+      <button
        onClick={onRetry}
        className="mt-2 px-4 py-2 bg-blue-500 text-white rounded"
      >
@@ -19,4 +19,4 @@ export default function ErrorCard({
      </button>
    </div>
  )
-}
+}
--- a/src/components/ui/form.tsx
+++ b/src/components/ui/form.tsx
@@ -1,8 +1,8 @@
-"use client"
+'use client'

-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
-import { Slot } from "@radix-ui/react-slot"
+import * as React from 'react'
+import * as LabelPrimitive from '@radix-ui/react-label'
+import { Slot } from '@radix-ui/react-slot'
 import {
  Controller,
  FormProvider,
@@ -11,10 +11,10 @@ import {
  type ControllerProps,
  type FieldPath,
  type FieldValues,
-} from "react-hook-form"
+} from 'react-hook-form'

-import { cn } from "@/lib/utils"
-import { Label } from "@/components/ui/label"
+import { cn } from '@/lib/utils'
+import { Label } from '@/components/ui/label'

 const Form = FormProvider

@@ -26,7 +26,7 @@ type FormFieldContextValue<
 }

 const FormFieldContext = React.createContext<FormFieldContextValue>(
-  {} as FormFieldContextValue
+  {} as FormFieldContextValue,
 )

 const FormField = <
@@ -50,7 +50,7 @@ const useFormField = () => {
  const fieldState = getFieldState(fieldContext.name, formState)

  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>")
+    throw new Error('useFormField should be used within <FormField>')
  }

  const { id } = itemContext
@@ -70,17 +70,17 @@ type FormItemContextValue = {
 }

 const FormItemContext = React.createContext<FormItemContextValue>(
-  {} as FormItemContextValue
+  {} as FormItemContextValue,
 )

-function FormItem({ className, ...props }: React.ComponentProps<"div">) {
+function FormItem({ className, ...props }: React.ComponentProps<'div'>) {
  const id = React.useId()

  return (
    <FormItemContext.Provider value={{ id }}>
      <div
        data-slot="form-item"
-        className={cn("grid gap-2", className)}
+        className={cn('grid gap-2', className)}
        {...props}
      />
    </FormItemContext.Provider>
@@ -97,7 +97,7 @@ function FormLabel({
    <Label
      data-slot="form-label"
      data-error={!!error}
-      className={cn("data-[error=true]:text-destructive", className)}
+      className={cn('data-[error=true]:text-destructive', className)}
      htmlFor={formItemId}
      {...props}
    />
@@ -122,22 +122,22 @@ function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
  )
 }

-function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
+function FormDescription({ className, ...props }: React.ComponentProps<'p'>) {
  const { formDescriptionId } = useFormField()

  return (
    <p
      data-slot="form-description"
      id={formDescriptionId}
-      className={cn("text-muted-foreground text-sm", className)}
+      className={cn('text-muted-foreground text-sm', className)}
      {...props}
    />
  )
 }

-function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
+function FormMessage({ className, ...props }: React.ComponentProps<'p'>) {
  const { error, formMessageId } = useFormField()
-  const body = error ? String(error?.message ?? "") : props.children
+  const body = error ? String(error?.message ?? '') : props.children

  if (!body) {
    return null
@@ -147,7 +147,7 @@ function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
    <p
      data-slot="form-message"
      id={formMessageId}
-      className={cn("text-destructive text-sm", className)}
+      className={cn('text-destructive text-sm', className)}
      {...props}
    >
      {body}
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -1,17 +1,17 @@
-import * as React from "react"
+import * as React from 'react'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

-function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
  return (
    <input
      type={type}
      data-slot="input"
      className={cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
+        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
+        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+        className,
      )}
      {...props}
    />
--- a/src/components/ui/label.tsx
+++ b/src/components/ui/label.tsx
@@ -1,9 +1,9 @@
-"use client"
+'use client'

-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
+import * as React from 'react'
+import * as LabelPrimitive from '@radix-ui/react-label'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

 function Label({
  className,
@@ -13,8 +13,8 @@ function Label({
    <LabelPrimitive.Root
      data-slot="label"
      className={cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
+        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        className,
      )}
      {...props}
    />
--- a/src/components/ui/loadingCard.tsx
+++ b/src/components/ui/loadingCard.tsx
@@ -1,6 +1,6 @@
 export default function LoadingCard({ title }: { title: string }) {
  return (
-    <div className="bg-white shadow rounded-lg p-6">
+    <div className="bg-white w-full shadow p-6">
      <div className="animate-pulse">
        <div className="h-6 bg-gray-200 rounded w-1/4 mb-4"></div>
        <div className="grid grid-cols-3 gap-4">
@@ -11,4 +11,4 @@ export default function LoadingCard({ title }: { title: string }) {
      </div>
    </div>
  )
-}
+}
--- a/src/components/ui/pagination.tsx
+++ b/src/components/ui/pagination.tsx
@@ -1,20 +1,188 @@
-import * as React from "react"
+'use client'
+import * as React from 'react'
+import { useState, useEffect } from 'react'
+
 import {
  ChevronLeftIcon,
  ChevronRightIcon,
  MoreHorizontalIcon,
-} from "lucide-react"
+} from 'lucide-react'

-import { cn } from "@/lib/utils"
-import { Button, buttonVariants } from "@/components/ui/button"
+import { cn } from '@/lib/utils'

-function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from './select'
+
+export interface PaginationProps {
+  page: number
+  size: number
+  total: number
+  sizeOptions?: number[]
+  onPageChange?: (page: number) => void
+  onSizeChange?: (size: number) => void
+  className?: string
+}
+
+function Pagination({
+  page,
+  size,
+  total,
+  sizeOptions = [10, 20, 50, 100],
+  onPageChange,
+  onSizeChange,
+  className,
+}: PaginationProps) {
+  const [currentPage, setCurrentPage] = useState(page)
+  const totalPages = Math.ceil(total / size)
+
+  // 同步外部 page 变化
+  useEffect(() => {
+    setCurrentPage(page)
+  }, [page])
+
+  // 分页器逻辑
+  const generatePaginationItems = () => {
+    // 最多显示7个页码，其余用省略号
+    const SIBLINGS = 1 // 当前页左右各显示的页码数
+    const DOTS = -1 // 省略号标记
+
+    if (totalPages <= 7) {
+      // 总页数少于7，全部显示
+      return Array.from({ length: totalPages }, (_, i) => i + 1)
+    }
+
+    // 是否需要显示左边的省略号
+    const showLeftDots = currentPage > 2 + SIBLINGS
+
+    // 是否需要显示右边的省略号
+    const showRightDots = currentPage < totalPages - (2 + SIBLINGS)
+
+    if (showLeftDots && showRightDots) {
+      // 两边都有省略号
+      const leftSiblingIndex = Math.max(currentPage - SIBLINGS, 1)
+      const rightSiblingIndex = Math.min(currentPage + SIBLINGS, totalPages)
+
+      return [1, DOTS, ...Array.from(
+        { length: rightSiblingIndex - leftSiblingIndex + 1 },
+        (_, i) => leftSiblingIndex + i,
+      ), DOTS, totalPages]
+    }
+
+    if (!showLeftDots && showRightDots) {
+      // 只有右边有省略号
+      return [...Array.from({ length: 3 + SIBLINGS * 2 }, (_, i) => i + 1), DOTS, totalPages]
+    }
+
+    if (showLeftDots && !showRightDots) {
+      // 只有左边有省略号
+      return [1, DOTS, ...Array.from(
+        { length: 3 + SIBLINGS * 2 },
+        (_, i) => totalPages - (3 + SIBLINGS * 2) + i + 1,
+      )]
+    }
+
+    return []
+  }
+
+  const handlePageChange = (newPage: number) => {
+    if (newPage < 1 || newPage > totalPages || newPage === currentPage) {
+      return
+    }
+    setCurrentPage(newPage)
+    onPageChange?.(newPage)
+  }
+
+  const handlePageSizeChange = (newSize: string) => {
+    const parsedSize = parseInt(newSize, 10)
+    if (onSizeChange) {
+      onSizeChange(parsedSize)
+    }
+  }
+
+  const paginationItems = generatePaginationItems()
+
+  return (
+    <div className={`flex flex-wrap items-center gap-4 ${className || ''}`}>
+      <div className="flex-none flex items-center gap-2 text-sm text-muted-foreground">
+        共
+        {' '}
+        {total}
+        {' '}
+        条记录，每页
+        <Select
+          value={size.toString()}
+          onValueChange={handlePageSizeChange}
+        >
+          <SelectTrigger className="h-8 w-20">
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            {sizeOptions.map(option => (
+              <SelectItem key={option} value={option.toString()}>
+                {option}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+        条
+      </div>
+
+      <PaginationLayout>
+        <PaginationContent>
+
+          <PaginationItem>
+            <PaginationPrevious
+              onClick={() => handlePageChange(currentPage - 1)}
+              className={currentPage === 1 ? 'opacity-50 pointer-events-none' : ''}
+            />
+          </PaginationItem>
+
+          {paginationItems.map((pageNum, index) => {
+            if (pageNum === -1) {
+              return (
+                <PaginationItem key={`dots-${index}`}>
+                  <PaginationEllipsis />
+                </PaginationItem>
+              )
+            }
+
+            return (
+              <PaginationItem key={pageNum}>
+                <PaginationLink
+                  isActive={pageNum === currentPage}
+                  onClick={() => handlePageChange(pageNum)}
+                >
+                  {pageNum}
+                </PaginationLink>
+              </PaginationItem>
+            )
+          })}
+
+          <PaginationItem>
+            <PaginationNext
+              onClick={() => handlePageChange(currentPage + 1)}
+              className={currentPage === totalPages ? 'opacity-50 pointer-events-none' : ''}
+            />
+          </PaginationItem>
+
+        </PaginationContent>
+      </PaginationLayout>
+    </div>
+  )
+}
+
+function PaginationLayout({ className, ...props }: React.ComponentProps<'nav'>) {
  return (
    <nav
      role="navigation"
      aria-label="pagination"
      data-slot="pagination"
-      className={cn("mx-auto flex w-full justify-center", className)}
+      className={cn('flex-none', className)}
      {...props}
    />
  )
@@ -23,42 +191,39 @@ function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
 function PaginationContent({
  className,
  ...props
-}: React.ComponentProps<"ul">) {
+}: React.ComponentProps<'ul'>) {
  return (
    <ul
      data-slot="pagination-content"
-      className={cn("flex flex-row items-center gap-1", className)}
+      className={cn('flex flex-row items-center gap-1', className)}
      {...props}
    />
  )
 }

-function PaginationItem({ ...props }: React.ComponentProps<"li">) {
+function PaginationItem({ ...props }: React.ComponentProps<'li'>) {
  return <li data-slot="pagination-item" {...props} />
 }

 type PaginationLinkProps = {
  isActive?: boolean
-} & Pick<React.ComponentProps<typeof Button>, "size"> &
-  React.ComponentProps<"a">
+} & React.ComponentProps<'a'>

 function PaginationLink({
  className,
  isActive,
-  size = "icon",
  ...props
 }: PaginationLinkProps) {
  return (
    <a
-      aria-current={isActive ? "page" : undefined}
+      aria-current={isActive ? 'page' : undefined}
      data-slot="pagination-link"
      data-active={isActive}
      className={cn(
-        buttonVariants({
-          variant: isActive ? "outline" : "ghost",
-          size,
-        }),
-        className
+        'inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-9 w-9 rounded-md border border-input hover:bg-secondary hover:text-secondary-foreground',
+        `bg-card`,
+        isActive && 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground',
+        className,
      )}
      {...props}
    />
@@ -72,12 +237,10 @@ function PaginationPrevious({
  return (
    <PaginationLink
      aria-label="Go to previous page"
-      size="default"
-      className={cn("gap-1 px-2.5 sm:pl-2.5", className)}
+      className={cn('gap-1 px-2.5 sm:pl-2.5', className)}
      {...props}
    >
      <ChevronLeftIcon />
-      <span className="hidden sm:block">Previous</span>
    </PaginationLink>
  )
 }
@@ -89,11 +252,9 @@ function PaginationNext({
  return (
    <PaginationLink
      aria-label="Go to next page"
-      size="default"
-      className={cn("gap-1 px-2.5 sm:pr-2.5", className)}
+      className={cn('gap-1 px-2.5 sm:pr-2.5', className)}
      {...props}
    >
-      <span className="hidden sm:block">Next</span>
      <ChevronRightIcon />
    </PaginationLink>
  )
@@ -102,12 +263,12 @@ function PaginationNext({
 function PaginationEllipsis({
  className,
  ...props
-}: React.ComponentProps<"span">) {
+}: React.ComponentProps<'span'>) {
  return (
    <span
      aria-hidden
      data-slot="pagination-ellipsis"
-      className={cn("flex size-9 items-center justify-center", className)}
+      className={cn('flex size-9 items-center justify-center', className)}
      {...props}
    >
      <MoreHorizontalIcon className="size-4" />
@@ -118,6 +279,7 @@ function PaginationEllipsis({

 export {
  Pagination,
+  PaginationLayout,
  PaginationContent,
  PaginationLink,
  PaginationItem,
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -1,10 +1,10 @@
-"use client"
+'use client'

-import * as React from "react"
-import * as SelectPrimitive from "@radix-ui/react-select"
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
+import * as React from 'react'
+import * as SelectPrimitive from '@radix-ui/react-select'
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

 function Select({
  ...props
@@ -26,19 +26,19 @@ function SelectValue({

 function SelectTrigger({
  className,
-  size = "default",
+  size = 'default',
  children,
  ...props
 }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-  size?: "sm" | "default"
+  size?: 'sm' | 'default'
 }) {
  return (
    <SelectPrimitive.Trigger
      data-slot="select-trigger"
      data-size={size}
      className={cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+        className,
      )}
      {...props}
    >
@@ -53,7 +53,7 @@ function SelectTrigger({
 function SelectContent({
  className,
  children,
-  position = "popper",
+  position = 'popper',
  ...props
 }: React.ComponentProps<typeof SelectPrimitive.Content>) {
  return (
@@ -61,10 +61,10 @@ function SelectContent({
      <SelectPrimitive.Content
        data-slot="select-content"
        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-          position === "popper" &&
-            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-          className
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
+          position === 'popper'
+          && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+          className,
        )}
        position={position}
        {...props}
@@ -72,9 +72,9 @@ function SelectContent({
        <SelectScrollUpButton />
        <SelectPrimitive.Viewport
          className={cn(
-            "p-1",
-            position === "popper" &&
-              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            'p-1',
+            position === 'popper'
+            && 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',
          )}
        >
          {children}
@@ -92,7 +92,7 @@ function SelectLabel({
  return (
    <SelectPrimitive.Label
      data-slot="select-label"
-      className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
+      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}
      {...props}
    />
  )
@@ -107,8 +107,8 @@ function SelectItem({
    <SelectPrimitive.Item
      data-slot="select-item"
      className={cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
+        'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
+        className,
      )}
      {...props}
    >
@@ -129,7 +129,7 @@ function SelectSeparator({
  return (
    <SelectPrimitive.Separator
      data-slot="select-separator"
-      className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
+      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}
      {...props}
    />
  )
@@ -143,8 +143,8 @@ function SelectScrollUpButton({
    <SelectPrimitive.ScrollUpButton
      data-slot="select-scroll-up-button"
      className={cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
+        'flex cursor-default items-center justify-center py-1',
+        className,
      )}
      {...props}
    >
@@ -161,8 +161,8 @@ function SelectScrollDownButton({
    <SelectPrimitive.ScrollDownButton
      data-slot="select-scroll-down-button"
      className={cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
+        'flex cursor-default items-center justify-center py-1',
+        className,
      )}
      {...props}
    >
--- a/src/components/ui/skeleton.tsx
+++ b/src/components/ui/skeleton.tsx
@@ -1,10 +1,10 @@
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

-function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="skeleton"
-      className={cn("bg-accent animate-pulse rounded-md", className)}
+      className={cn('bg-accent animate-pulse rounded-md', className)}
      {...props}
    />
  )
--- a/src/components/ui/sonner.tsx
+++ b/src/components/ui/sonner.tsx
@@ -1,20 +1,20 @@
-"use client"
+'use client'

-import { useTheme } from "next-themes"
-import { Toaster as Sonner, ToasterProps } from "sonner"
+import { useTheme } from 'next-themes'
+import { Toaster as Sonner, ToasterProps } from 'sonner'

 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme()
+  const { theme = 'system' } = useTheme()

  return (
    <Sonner
-      theme={theme as ToasterProps["theme"]}
+      theme={theme as ToasterProps['theme']}
      className="toaster group"
      style={
        {
-          "--normal-bg": "var(--popover)",
-          "--normal-text": "var(--popover-foreground)",
-          "--normal-border": "var(--border)",
+          '--normal-bg': 'var(--popover)',
+          '--normal-text': 'var(--popover-foreground)',
+          '--normal-border': 'var(--border)',
        } as React.CSSProperties
      }
      {...props}
--- a/src/components/ui/table.tsx
+++ b/src/components/ui/table.tsx
@@ -1,90 +1,91 @@
-"use client"
+'use client'

-import * as React from "react"
+import * as React from 'react'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

-function Table({ className, ...props }: React.ComponentProps<"table">) {
+function Table({ className, ...props }: React.ComponentProps<'table'>) {
  return (
    <div
      data-slot="table-container"
-      className="relative w-full overflow-x-auto"
+      className="rounded-md border overflow-auto"
    >
      <table
        data-slot="table"
-        className={cn("w-full caption-bottom text-sm", className)}
+        className={cn('w-full caption-bottom text-sm border-separate border-spacing-0', className)}
        {...props}
      />
    </div>
  )
 }

-function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+function TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {
  return (
    <thead
      data-slot="table-header"
-      className={cn("[&_tr]:border-b", className)}
+      className={cn('sticky top-0 bg-gray-50 z-10', className)}
      {...props}
    />
  )
 }

-function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+function TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {
  return (
    <tbody
      data-slot="table-body"
-      className={cn("[&_tr:last-child]:border-0", className)}
+      className={cn('[&>tr:last-child>td]:border-b-0', className)}
      {...props}
    />
  )
 }

-function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
+function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {
  return (
    <tfoot
      data-slot="table-footer"
      className={cn(
-        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
-        className
+        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',
+        className,
      )}
      {...props}
    />
  )
 }

-function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+function TableRow({ className, ...props }: React.ComponentProps<'tr'>) {
  return (
    <tr
      data-slot="table-row"
      className={cn(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
-        className
+        'hover:data-[state=selected]:bg-muted border-border/50 transition-colors',
+        className,
      )}
      {...props}
    />
  )
 }

-function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+function TableHead({ className, ...props }: React.ComponentProps<'th'>) {
  return (
    <th
      data-slot="table-head"
      className={cn(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
+        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+        'text-sm text-gray-500 border-b',
+        className,
      )}
      {...props}
    />
  )
 }

-function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+function TableCell({ className, ...props }: React.ComponentProps<'td'>) {
  return (
    <td
      data-slot="table-cell"
      className={cn(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
+        'p-2 h-10 border-b align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+        className,
      )}
      {...props}
    />
@@ -94,11 +95,11 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
 function TableCaption({
  className,
  ...props
-}: React.ComponentProps<"caption">) {
+}: React.ComponentProps<'caption'>) {
  return (
    <caption
      data-slot="table-caption"
-      className={cn("text-muted-foreground mt-4 text-sm", className)}
+      className={cn('text-muted-foreground mt-4 text-sm', className)}
      {...props}
    />
  )
--- a/src/components/ui/tabs.tsx
+++ b/src/components/ui/tabs.tsx
@@ -1,9 +1,9 @@
-"use client"
+'use client'

-import * as React from "react"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
+import * as React from 'react'
+import * as TabsPrimitive from '@radix-ui/react-tabs'

-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'

 function Tabs({
  className,
@@ -12,7 +12,7 @@ function Tabs({
  return (
    <TabsPrimitive.Root
      data-slot="tabs"
-      className={cn("flex flex-col gap-2", className)}
+      className={cn('flex flex-col gap-2', className)}
      {...props}
    />
  )
@@ -26,8 +26,8 @@ function TabsList({
    <TabsPrimitive.List
      data-slot="tabs-list"
      className={cn(
-        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        className
+        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
+        className,
      )}
      {...props}
    />
@@ -42,8 +42,8 @@ function TabsTrigger({
    <TabsPrimitive.Trigger
      data-slot="tabs-trigger"
      className={cn(
-        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        'data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+        className,
      )}
      {...props}
    />
@@ -57,7 +57,7 @@ function TabsContent({
  return (
    <TabsPrimitive.Content
      data-slot="tabs-content"
-      className={cn("flex-1 outline-none", className)}
+      className={cn('flex-1 outline-none', className)}
      {...props}
    />
  )
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -0,0 +1,16 @@
+export type Res<T> = {
+  success: true
+  data: T
+} | {
+  success: false
+  error: string
+}
+
+export type Page<T> = {
+  total: number
+  page: number
+  size: number
+  items: T[]
+}
+
+export type ResData<T extends (...args: never) => unknown> = Awaited<ReturnType<T>> extends Res<infer D> ? D : never
--- a/src/lib/drizzle/index.ts
+++ b/src/lib/drizzle/index.ts
@@ -0,0 +1,23 @@
+import 'server-only'
+import { drizzle as client, type MySql2Database } from 'drizzle-orm/mysql2'
+import * as schema from './schema'
+
+const globalForDrizzle = globalThis as { drizzle?: MySql2Database<typeof schema> }
+
+const { DATABASE_HOST, DATABASE_PORT, DATABASE_USERNAME, DATABASE_PASSWORD, DATABASE_NAME } = process.env
+const proxy = new Proxy({} as MySql2Database<typeof schema>, {
+  get(_, prop) {
+    if (!globalForDrizzle.drizzle) {
+      globalForDrizzle.drizzle = client(
+        `mysql://${DATABASE_USERNAME}:${DATABASE_PASSWORD}@${DATABASE_HOST}:${DATABASE_PORT}/${DATABASE_NAME}`,
+        { mode: 'default', schema })
+    }
+
+    const drizzle = globalForDrizzle.drizzle
+    return drizzle[prop as keyof typeof drizzle]
+  },
+})
+
+export default proxy
+export * from './schema'
+export * from 'drizzle-orm'
--- a/src/lib/drizzle/schema.ts
+++ b/src/lib/drizzle/schema.ts
@@ -0,0 +1,95 @@
+import { mysqlTable, int, timestamp, varchar, datetime, text, tinyint } from 'drizzle-orm/mysql-core'
+
+export const change = mysqlTable('change', {
+  id: int().autoincrement().notNull().primaryKey(),
+  time: timestamp({ mode: 'date' }),
+  city: int(),
+  macaddr: varchar({ length: 20 }).notNull(),
+  edgeNew: varchar('edge_new', { length: 20 }).notNull(),
+  edgeOld: varchar('edge_old', { length: 20 }),
+  info: varchar({ length: 500 }).notNull(),
+  network: varchar({ length: 20 }).notNull(),
+  createtime: datetime({ mode: 'date' }).default(new Date()).notNull(),
+})
+
+export const cityhash = mysqlTable('cityhash', {
+  id: int().autoincrement().notNull().primaryKey(),
+  index: int(),
+  macaddr: varchar({ length: 20 }),
+  city: varchar({ length: 20 }).notNull(),
+  num: int().notNull(),
+  hash: varchar({ length: 100 }).notNull(),
+  label: varchar({ length: 20 }),
+  count: int().default(0).notNull(),
+  offset: int().default(0).notNull(),
+  createtime: datetime({ mode: 'date' }).default(new Date()).notNull(),
+  updatetime: datetime({ mode: 'date' }).default(new Date()).notNull(),
+})
+
+export const edge = mysqlTable('edge', {
+  id: int().autoincrement().notNull().primaryKey(),
+  macaddr: varchar({ length: 17 }).notNull(),
+  public: varchar({ length: 255 }).notNull(),
+  isp: varchar({ length: 255 }).notNull(),
+  single: tinyint().notNull(),
+  sole: tinyint().notNull(),
+  arch: tinyint().notNull(),
+  online: int().default(0).notNull(),
+  cityId: int('city_id').notNull(),
+  active: tinyint().notNull(),
+})
+
+export const gateway = mysqlTable('gateway', {
+  id: int().autoincrement().notNull().primaryKey(),
+  macaddr: varchar({ length: 20 }).notNull(),
+  table: int().notNull(),
+  edge: varchar({ length: 20 }).notNull(),
+  network: varchar({ length: 20 }).notNull(),
+  cityhash: varchar({ length: 100 }).notNull(),
+  label: varchar({ length: 20 }),
+  user: varchar({ length: 20 }).notNull(),
+  innerIp: varchar('inner_ip', { length: 20 }).notNull(),
+  ischange: tinyint().default(0).notNull(),
+  isonline: tinyint().default(0).notNull(),
+  onlinenum: int().default(0).notNull(),
+  createtime: datetime({ mode: 'date' }).default(new Date()).notNull(),
+  updatetime: datetime({ mode: 'date' }).default(new Date()).notNull(),
+})
+
+export const sessions = mysqlTable('sessions', {
+  id: varchar({ length: 191 }).notNull().primaryKey(),
+  expires: datetime({ mode: 'date' }).notNull(),
+  userid: int().notNull().references(() => users.id, { onDelete: 'cascade', onUpdate: 'cascade' }),
+  createdat: datetime({ mode: 'date' }).default(new Date()).notNull(),
+})
+
+export const submit = mysqlTable('submit', {
+  id: int().autoincrement().notNull().primaryKey(),
+  time: datetime({ mode: 'date' }).notNull(),
+  gateway: varchar({ length: 20 }).notNull(),
+  config: text(),
+})
+
+export const token = mysqlTable('token', {
+  id: int().autoincrement().notNull().primaryKey(),
+  setid: int().default(1).notNull(),
+  changeCount: int('change_count').notNull(),
+  limitCount: int('limit_count').default(32000).notNull(),
+  token: varchar({ length: 1000 }).notNull(),
+  macaddr: varchar({ length: 100 }).notNull(),
+  tokenTime: datetime('token_time', { mode: 'date' }).notNull(),
+  innerIp: varchar('inner_ip', { length: 20 }).notNull(),
+  l2Ip: varchar({ length: 20 }),
+  enable: tinyint().default(1).notNull(),
+  createtime: datetime({ mode: 'date' }).default(new Date()).notNull(),
+  updatetime: datetime({ mode: 'date' }).default(new Date()).notNull(),
+})
+
+export const users = mysqlTable('users', {
+  id: int().autoincrement().notNull().primaryKey(),
+  name: varchar({ length: 191 }),
+  password: varchar({ length: 191 }).notNull(),
+  account: varchar({ length: 191 }).notNull(),
+  createdat: datetime({ mode: 'date' }).default(new Date()).notNull(),
+  updatedat: datetime({ mode: 'date' }).default(new Date()).notNull(),
+})
--- a/src/lib/formatters.ts
+++ b/src/lib/formatters.ts
@@ -1,26 +0,0 @@
-// 数字格式化工具函数
-export const formatNumber = (num: number | string): string => {
-    const numberValue = typeof num === 'string' ? parseInt(num) || 0 : num
-    return numberValue.toLocaleString('zh-CN')
-}
-
-export const formatLargeNumber = (num: number | string): string => {
-    const numberValue = typeof num === 'string' ? parseInt(num) || 0 : num
-
-    if (numberValue > 1e9) return `${(numberValue / 1e9).toFixed(1)}亿`
-    if (numberValue > 1e6) return `${(numberValue / 1e6).toFixed(1)}百万`
-    if (numberValue > 1e4) return `${(numberValue / 1e4).toFixed(1)}万`
-    if (numberValue > 1e3) return `${(numberValue / 1e3).toFixed(1)}千`
-
-    return numberValue.toLocaleString('zh-CN')
-}
-
-// 数据验证函数
-export const validateNumber = (value: unknown): number => {
-    if (typeof value === 'number') return value
-    if (typeof value === 'string') {
-        const num = parseInt(value)
-        return isNaN(num) ? 0 : num
-    }
-    return 0
-}
--- a/src/lib/prisma.ts
+++ b/src/lib/prisma.ts
@@ -1,13 +0,0 @@
-import { PrismaClient } from "@/generated/prisma/client"
-
-const globalForPrisma = global as unknown as {
-    prisma: PrismaClient | undefined
-}
-
-export const prisma = globalForPrisma.prisma ?? new PrismaClient()
-
-if (process.env.NODE_ENV !== 'production') {
-    globalForPrisma.prisma = prisma
-}
-
-export default prisma
--- a/src/lib/redis.ts
+++ b/src/lib/redis.ts
@@ -0,0 +1,20 @@
+import 'server-only'
+import { createClient, type RedisClientType } from 'redis'
+
+const globalForRedis = globalThis as { redis?: RedisClientType }
+
+const { REDIS_HOST, REDIS_PORT, REDIS_USERNAME, REDIS_PASSWORD } = process.env
+if (!globalForRedis.redis) {
+  const url = (REDIS_USERNAME || REDIS_PASSWORD)
+    ? `redis://${REDIS_USERNAME}:${REDIS_PASSWORD}@${REDIS_HOST}:${REDIS_PORT}`
+    : `redis://${REDIS_HOST}:${REDIS_PORT}`
+  console.log('test url', url)
+  globalForRedis.redis = createClient({ url })
+}
+
+const redis = globalForRedis.redis
+if (process.env.NODE_ENV === 'production') {
+  await redis.connect()
+}
+
+export default redis
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,6 +1,16 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'

+// 合并 className
 export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
 }
+
+// 取数组第一个元素，支持映射
+export function first<T>(array: T[]): T | undefined
+export function first<T, I>(array: T[], select: (item: T) => I): I | undefined
+
+export function first<T, I>(array: T[], select?: (item: T) => I) {
+  const item = array.length > 0 ? array[0] : undefined
+  return select && item ? select(item) : item
+}
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -9,7 +9,6 @@ export const config = {

 const isIgnored = [
  '/login',
-  "/api/auth/login"
 ]

 export async function middleware(request: NextRequest) {
@@ -27,7 +26,7 @@ export async function middleware(request: NextRequest) {

  // 给没有页面的路径添加跳转页面
  if (request.nextUrl.pathname === '/') {
-    return NextResponse.redirect(new URL('/dashboard', request.url))
+    return NextResponse.redirect(new URL('/gatewayinfo', request.url))
  }

  return NextResponse.next()
--- a/src/store/auth.ts
+++ b/src/store/auth.ts
@@ -8,12 +8,12 @@ interface AuthState {

 export const useAuthStore = create<AuthState>()(
  persist(
-    (set) => ({
+    set => ({
      isAuthenticated: false,
-      setAuth: (state) => set({ isAuthenticated: state }),
+      setAuth: state => set({ isAuthenticated: state }),
    }),
    {
      name: 'auth-storage',
-    }
-  )
+    },
+  ),
 )
Author	SHA1	Message	Date
wmp	4da9928de3	更新构建脚本路径	2026-03-06 13:58:04 +08:00
wmp	8985df7625	添加docker构建脚本 & 发布v0.4.1版本	2026-03-06 13:35:59 +08:00
wmp	1b3110de87	next版本升级	2026-03-06 13:26:11 +08:00
zxf	45267c6391	更新 README.md	2026-02-28 14:44:23 +08:00
luorijun	369799ae4e	更新项目说明	2026-02-26 15:15:10 +08:00
luorijun	fa7be5f11b	修复 redis url 构建错误	2026-02-26 15:12:20 +08:00
wmp	82f69e2964	发布v0.4.0版本	2025-10-22 09:35:37 +08:00
luorijun	6a0ae418ce	完善 redis 配置环境变量	2025-10-21 19:12:17 +08:00
luorijun	9df17211a5	细化导航栏样式	2025-10-21 13:44:29 +08:00
luorijun	80310f710c	优化开发时环境配置	2025-10-21 13:42:39 +08:00
luorijun	5617502713	重构网关配置总览 & 完善数据表格组件	2025-10-21 11:25:59 +08:00
wmp	15d5dc93c0	侧边栏添加图标样式	2025-10-21 11:21:15 +08:00
wmp	9fff300a22	网关配置的表格添加内网IP的inner_ip字段的筛选条件	2025-10-20 17:15:44 +08:00
luorijun	8c05d0b332	基本样式优化 & 数据表组件使用 tanstack-table 库实现	2025-10-20 16:22:01 +08:00
wmp	3c38945750	清除冗余代码	2025-10-16 18:11:29 +08:00
wmp	8e0c9284a0	页面更新替换data-table组件	2025-10-16 14:18:52 +08:00
wmp	5d3f1daadf	封装数据驱动的table组件修改网关table样式	2025-10-15 18:31:25 +08:00
wmp	b590d5b8c1	调整页面样式布局	2025-10-15 11:43:47 +08:00
luorijun	d798eab0a9	调整整体页面布局	2025-10-14 17:55:32 +08:00
luorijun	6bbaf9f904	完善配置查询接口	2025-10-14 17:11:02 +08:00
wmp	010990ea3c	更新侧边栏改造使用路由结构，更新中间件重定向	2025-10-14 16:54:55 +08:00
wmp	10395a49c1	更新二维矩阵里的首列字段展示	2025-10-14 14:32:25 +08:00
luorijun	6e9e7af780	完善查询函数	2025-10-14 12:34:12 +08:00
wmp	4940e3a9d2	修改节点信息分页接口传参	2025-10-13 15:48:01 +08:00
wmp	e95f9d33f3	更新网关配置的二维表格展示&修改节点信息的分页，取消网关信息的mac地址跳转功能	2025-10-13 14:58:23 +08:00
wmp	e5b6099d03	更新网关信息配置布局表格变更为二维矩阵	2025-09-30 17:36:15 +08:00
wmp	969d49ab50	新增表单查询和复制功能	2025-09-29 12:34:47 +08:00
luorijun	e36cfbca83	完善解决编译时初始化连接问题	2025-09-29 12:06:16 +08:00
luorijun	8239c9fb37	修复 drizzle 编译问题 & 简化页面结构与排序功能	2025-09-29 10:35:16 +08:00
luorijun	72ea29f435	迁移 orm 依赖到 drizzle	2025-09-27 10:37:27 +08:00
luorijun	7fa2fe67ca	合并多余文件	2025-09-25 19:14:48 +08:00
luorijun	2d5e334a5c	新增 debug 页面	2025-09-25 17:24:35 +08:00
wmp	2c106e43df	修复login页面调用取消自定义小时查询	2025-09-25 10:07:29 +08:00
wmp	ebf50c15f1	添加actions文件移除route文件	2025-09-24 19:15:22 +08:00
wmp	02fc0676bf	应用 eslint 规则	2025-09-23 11:30:06 +08:00
wmp	ee54aa2465	引入 eslint 配置	2025-09-23 11:26:45 +08:00
wmp	30360f1a7c	发布v0.3.0版本	2025-09-23 09:57:29 +08:00
wmp	0288855002	网关配置增加分页功能&更新分配装填布局	2025-09-22 18:40:41 +08:00
wmp	fd8fede301	更新字段枚举值展示&修复节点分页滑轮滚动和数据总数展示	2025-09-22 15:11:09 +08:00
wmp	826d8fc4c3	修复分配状态里的时间筛选查询问题	2025-09-22 10:31:49 +08:00
wmp	4f3671c8a6	更新布局和微调整页面样式	2025-09-20 17:03:16 +08:00