diff --git a/apps/web-antd/src/api/core/log.ts b/apps/web-antd/src/api/core/log.ts
index d5c2a3b..cc22dd3 100644
--- a/apps/web-antd/src/api/core/log.ts
+++ b/apps/web-antd/src/api/core/log.ts
@@ -9,6 +9,14 @@ export interface UserLogAssetParam {
   Event?: string;
   PageSize: number;
   CurrentPage: number;
+  AppId?: number;
+}
+export interface UserLogOrder{
+  Id: number,
+  Time: number,
+  Type: number,
+  Diff: number,
+  ChessId: string,
 }
 
 export interface UserLogInfo{
@@ -27,13 +35,6 @@ export interface UserLogInfo{
   Order:UserLogOrder[],
 }
 
-export interface UserLogOrder{
-  Id: number,
-  Time: number,
-  Type: number,
-  Diff: number,
-  ChessId: string,
-}
 
 export interface UserOrder{
   Id: number,
@@ -63,4 +64,4 @@ export async function getUserlogInfoApi(data : UserLogAssetParam) {
 export async function getUserlogOrderApi(data : UserLogAssetParam) {
   return requestClient.post<UserOrder>('/log/order', data);
 }
- 
\ No newline at end of file
+ 
diff --git a/apps/web-antd/src/api/core/mail.ts b/apps/web-antd/src/api/core/mail.ts
new file mode 100644
index 0000000..f925bb1
--- /dev/null
+++ b/apps/web-antd/src/api/core/mail.ts
@@ -0,0 +1,38 @@
+
+import { requestClient } from '#/api/request';
+
+export interface MailData {
+    AppId : number;
+    ServerId: number;
+    PageSize?: number;
+    CurrentPage?: number;
+    mail_id?: number;
+    title: string;
+    content: string;
+    items : string;
+    start_time: number;
+    end_time: number;
+    register_time: number;
+    mail_type: number;
+    to_uids :string;
+    create_time?: number;
+}
+
+export interface MailListParam {
+    AppId : number;
+    ServerId: number;
+    PageSize: number;
+    CurrentPage: number;
+}
+
+export async function getMailListApi(p:MailListParam) {
+    return requestClient.post<MailData[]>('/mail/list', p);
+}
+
+export async function addMailApi(data:MailData) {
+    return requestClient.post('/mail/send', data);
+}
+
+export async function deleteMailApi(AppId:number, ServerId:number, mail_id:number) {
+    return requestClient.post('/mail/delete', {mail_id:mail_id, AppId:AppId, ServerId:ServerId});
+}
\ No newline at end of file
diff --git a/apps/web-antd/src/api/core/server.ts b/apps/web-antd/src/api/core/server.ts
index 8ad3ad7..dd90881 100644
--- a/apps/web-antd/src/api/core/server.ts
+++ b/apps/web-antd/src/api/core/server.ts
@@ -16,22 +16,42 @@ export interface ServerData {
   ServerName: string;
   Status: number;
   OpenServerTime: number;
+  StartTime?: number;
+  PlayerNum?: number;
   Loading?:boolean;
+  Reload?:boolean;
+}
+
+export interface serverParam {
+  AppId: number;
+  Type?: number;
 }
 
 export async function getAppListApi(){
   return requestClient.post<AppData[]>('/server/list');
 }
 
-export async function getServerListApi(AppId: number){
-  return requestClient.post<ServerData[]>('/server/serverList', {AppId: AppId});
+export async function getServerListApi(P: serverParam){
+  return requestClient.post<ServerData[]>('/server/serverList', P, {timeout: 120000});
+}
+
+export async function updateAppApi(AppId: number){
+  return requestClient.post('/server/updateApp', {AppId: AppId}, {timeout: 120000});
 }
 
 export async function releaseApp(appId: number, appName: string){
   return requestClient.post(`/server/release`, {AppId: appId, AppName: appName}, {timeout: 120000});
 }
 
-export async function addServer(AppId:number, ServerId:number, ServerName: string, Status: number){
-  return requestClient.post(`/server/addServer`, {AppId:AppId, ServerId: ServerId, ServerName: ServerName, Status: Status});
+export async function restartServer(appId: number, serverId: number, serverName: string){
+  return requestClient.post(`/server/restart`, {AppId: appId, ServerId: serverId, ServerName: serverName}, {timeout: 120000});
+}
+
+export async function reloadServer(appId: number, serverId: number, serverName: string){
+  return requestClient.post(`/server/reload`, {AppId: appId, ServerId: serverId, ServerName: serverName}, {timeout: 120000});
+}
+
+export async function addServer(AppId:number, ServerId:number, ServerName: string, Status: number, OpenServerTime: number){
+  return requestClient.post(`/server/addServer`, {AppId:AppId, ServerId: ServerId, ServerName: ServerName, Status: Status, OpenServerTime: OpenServerTime});
 }
 
diff --git a/apps/web-antd/src/api/core/statistics.ts b/apps/web-antd/src/api/core/statistics.ts
new file mode 100644
index 0000000..9469c2c
--- /dev/null
+++ b/apps/web-antd/src/api/core/statistics.ts
@@ -0,0 +1,19 @@
+
+import { requestClient } from '#/api/request';
+
+export interface OperationParam{
+  AppId: number;
+  ServerList?: number[];
+}
+
+export async function getStatisticsLevel(data : OperationParam) {
+  return requestClient.post('/statistics/level', data);
+}
+
+export async function getstatisticsInfo(data : OperationParam) {
+  return requestClient.post('/statistics/info', data, {timeout: 120000});
+}
+
+export async function getstatisticsHeat(data : OperationParam) {
+  return requestClient.post('/statistics/heat', data, {timeout: 120000});
+}
\ No newline at end of file
diff --git a/apps/web-antd/src/api/core/user.ts b/apps/web-antd/src/api/core/user.ts
index d657330..075aad4 100644
--- a/apps/web-antd/src/api/core/user.ts
+++ b/apps/web-antd/src/api/core/user.ts
@@ -9,6 +9,7 @@ export interface UserData {
 }
 export interface UserListParam {
   Id: number;
+  ServerId: number;
   pageSize: number;
   currentPage: number;
 }
diff --git a/apps/web-antd/src/locales/langs/zh-CN/page.json b/apps/web-antd/src/locales/langs/zh-CN/page.json
index 3aa4189..5e7e30a 100644
--- a/apps/web-antd/src/locales/langs/zh-CN/page.json
+++ b/apps/web-antd/src/locales/langs/zh-CN/page.json
@@ -18,6 +18,11 @@
     "eventlog": "事件日志",
     "orderlog": "订单日志"
   },
+  "operation":{
+    "title": "运营管理",
+    "level": "等级分布",
+    "mail": "邮件管理"
+  },
   "log":{
     "event": {
       "order_finish": "完成订单",
diff --git a/apps/web-antd/src/router/routes/modules/dashboard.ts b/apps/web-antd/src/router/routes/modules/dashboard.ts
index 035ff18..4ea05ef 100644
--- a/apps/web-antd/src/router/routes/modules/dashboard.ts
+++ b/apps/web-antd/src/router/routes/modules/dashboard.ts
@@ -5,7 +5,6 @@ import { $t } from '#/locales';
 
 const routes: RouteRecordRaw[] = [
   {
-    mode:'history',
     component: BasicLayout,
     meta: {
       icon: 'lucide:layout-dashboard',
@@ -25,16 +24,16 @@ const routes: RouteRecordRaw[] = [
           title: $t('page.dashboard.analytics'),
         },
       },
-      // {
-      //   name: 'ServerList',
-      //   path: '/server-list',
-      //   component: () => import('#/views/dashboard/serverList/index.vue'),
-      //   meta: {
-      //     affixTab: true,
-      //     icon: 'lucide:area-chart',
-      //     title: $t('page.dashboard.server-list'),
-      //   },
-      // },
+      {
+        name: 'ServerList',
+        path: '/server-list',
+        component: () => import('#/views/dashboard/serverList/index.vue'),
+        meta: {
+          affixTab: true,
+          icon: 'lucide:area-chart',
+          title: $t('page.dashboard.server-list'),
+        },
+      },
     ],
   },
 ];
diff --git a/apps/web-antd/src/router/routes/modules/operation.ts b/apps/web-antd/src/router/routes/modules/operation.ts
new file mode 100644
index 0000000..83c8ad6
--- /dev/null
+++ b/apps/web-antd/src/router/routes/modules/operation.ts
@@ -0,0 +1,42 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+import { BasicLayout } from '#/layouts';
+import { $t } from '#/locales';
+
+const routes: RouteRecordRaw[] = [
+  {
+    component: BasicLayout,
+    meta: {
+      icon: 'lucide:file-clock',
+      order: 1001,
+      title: $t('page.operation.title'),
+    },
+    name: 'Operation',
+    path: '/operation',
+    children: [
+      {
+        name: 'Level',
+        path: '/level',
+        component: () => import('#/views/operation/level/index.vue'),
+        meta: {
+          affixTab: true,
+          icon: 'lucide:area-chart',
+          title: $t('page.operation.level'),
+        },
+      },
+      {
+        name: 'Mail',
+        path: '/mail',
+        component: () => import('#/views/operation/mail/index.vue'),
+        meta: {
+          affixTab: true,
+          icon: 'lucide:area-chart',
+          title: $t('page.operation.mail'),
+        },
+      }
+      
+    ],
+  },
+];
+
+export default routes;
diff --git a/apps/web-antd/src/views/dashboard/analytics/analytics-trends.vue b/apps/web-antd/src/views/dashboard/analytics/analytics-trends.vue
index fadfc91..a965936 100644
--- a/apps/web-antd/src/views/dashboard/analytics/analytics-trends.vue
+++ b/apps/web-antd/src/views/dashboard/analytics/analytics-trends.vue
@@ -1,16 +1,19 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
+import { getstatisticsHeat } from '#/api/core/statistics';
 
 import {
   EchartsUI,
   type EchartsUIType,
   useEcharts,
 } from '@vben/plugins/echarts';
+// import { DatabaseSync } from 'node:sqlite';
 
 const chartRef = ref<EchartsUIType>();
 const { renderEcharts } = useEcharts(chartRef);
 
-onMounted(() => {
+onMounted(async () => {
+  const data = await getstatisticsHeat({ AppId: 3 });
   renderEcharts({
     grid: {
       bottom: 0,
@@ -22,11 +25,7 @@ onMounted(() => {
     series: [
       {
         areaStyle: {},
-        data: [
-          111, 2000, 6000, 16_000, 33_333, 55_555, 64_000, 33_333, 18_000,
-          36_000, 70_000, 42_444, 23_222, 13_000, 8000, 4000, 1200, 333, 222,
-          111,
-        ],
+        data: data.value,
         itemStyle: {
           color: '#5ab1ef',
         },
@@ -35,10 +34,7 @@ onMounted(() => {
       },
       {
         areaStyle: {},
-        data: [
-          33, 66, 88, 333, 3333, 6200, 20_000, 3000, 1200, 13_000, 22_000,
-          11_000, 2221, 1201, 390, 198, 60, 30, 22, 11,
-        ],
+        data: data.value2,
         itemStyle: {
           color: '#019680',
         },
@@ -68,7 +64,7 @@ onMounted(() => {
         show: false,
       },
       boundaryGap: false,
-      data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+      data: data.key,
       splitLine: {
         lineStyle: {
           type: 'solid',
diff --git a/apps/web-antd/src/views/dashboard/analytics/index.vue b/apps/web-antd/src/views/dashboard/analytics/index.vue
index 0194285..8433405 100644
--- a/apps/web-antd/src/views/dashboard/analytics/index.vue
+++ b/apps/web-antd/src/views/dashboard/analytics/index.vue
@@ -1,20 +1,14 @@
 <script lang="ts" setup>
-import { onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import type { AnalysisOverviewItem } from '@vben/common-ui';
 import type { TabOption } from '@vben/types';
-
+import { getstatisticsInfo } from '#/api/core/statistics';
 
 import {
   AnalysisChartCard,
   AnalysisChartsTabs,
   AnalysisOverview,
 } from '@vben/common-ui';
-import {
-  SvgBellIcon,
-  SvgCakeIcon,
-  SvgCardIcon,
-  SvgDownloadIcon,
-} from '@vben/icons';
 
 import AnalyticsTrends from './analytics-trends.vue';
 import AnalyticsVisits from './analytics-visits.vue';
@@ -22,44 +16,65 @@ import AnalyticsVisitsData from './analytics-visits-data.vue';
 import AnalyticsVisitsSales from './analytics-visits-sales.vue';
 import AnalyticsVisitsSource from './analytics-visits-source.vue';
 
-onMounted(() => {
+const overviewItems = ref<AnalysisOverviewItem[]>([
+  {
+    icon: 'lets-icons:user',
+    title: '今日注册',
+    totalTitle: '总用户量',
+    totalValue: 100,
+    value: 100,
+  },
+  {
+    icon: 'icon-park-solid:paper-money',
+    title: '今日充值',
+    totalTitle: '总充值',
+    totalValue: 100,
+    value: 100,
+    decimals: 2,
+  },
+  {
+    icon: 'fluent:people-money-24-regular',
+    title: '今日充值人数',
+    totalTitle: '总充值人数',
+    totalValue: 0,
+    value: 0,
+  },
+  {
+    icon: 'iconamoon:sign-percent',
+    title: '次留',
+    totalTitle: 'ARPU',
+    totalValue: 31.02,
+    value: 0.12,
+    decimals: 2,
+  },
+]);
+
+
+onMounted(async () => {
+  const data = await getstatisticsInfo({AppId:3});
+  if (data) {
+    if (overviewItems.value[0]) {
+      overviewItems.value[0].value = data.register;
+      overviewItems.value[0].totalValue = data.totalRegister;
+    }
+    if (overviewItems.value[1]) {
+      overviewItems.value[1].value = data.recharge;
+      overviewItems.value[1].totalValue = data.totalRecharge;
+    }
+    if (overviewItems.value[2]) {
+      overviewItems.value[2].value = data.rechargeUser;
+      overviewItems.value[2].totalValue = data.totalRechargeUser;
+    }
+    if (overviewItems.value[3]) {
+      overviewItems.value[3].value = data.remain;
+      overviewItems.value[3].totalValue = data.totalRecharge / data.totalRegister;
+    }
+  }
   
 });
-
-const overviewItems: AnalysisOverviewItem[] = [
-  {
-    icon: SvgCardIcon,
-    title: '用户量',
-    totalTitle: '总用户量',
-    totalValue: 120_000,
-    value: 2000,
-  },
-  {
-    icon: SvgCakeIcon,
-    title: '访问量',
-    totalTitle: '总访问量',
-    totalValue: 500_000,
-    value: 20_000,
-  },
-  {
-    icon: SvgDownloadIcon,
-    title: '下载量',
-    totalTitle: '总下载量',
-    totalValue: 120_000,
-    value: 8000,
-  },
-  {
-    icon: SvgBellIcon,
-    title: '使用量',
-    totalTitle: '总使用量',
-    totalValue: 50_000,
-    value: 5000,
-  },
-];
-
 const chartTabs: TabOption[] = [
   {
-    label: '流量趋势',
+    label: '热度趋势',
     value: 'trends',
   },
   {
@@ -82,7 +97,6 @@ const chartTabs: TabOption[] = [
       </template>
 
     </AnalysisChartsTabs>
-
     <div class="mt-5 w-full md:flex">
       <AnalysisChartCard class="mt-5 md:mr-4 md:mt-0 md:w-1/3" title="访问数量">
         <AnalyticsVisitsData />
diff --git a/apps/web-antd/src/views/dashboard/serverList/addServer.vue b/apps/web-antd/src/views/dashboard/serverList/addServer.vue
index 3d3dae3..ca79570 100644
--- a/apps/web-antd/src/views/dashboard/serverList/addServer.vue
+++ b/apps/web-antd/src/views/dashboard/serverList/addServer.vue
@@ -1,24 +1,13 @@
 <script lang="ts" setup>    
 
-import { ref } from 'vue';
 import { addServer } from '#/api/core/server';
 import { useVbenModal } from '@vben/common-ui';
 import { useVbenForm } from '#/adapter/form';
-const [Modal, modalApi] = useVbenModal({
-    confirmText: '提交',
-    onConfirm: async () => {
-        // 提交表单
-        const values = await FormApi.getValues();
-        await addServer(values.AppId, values.ServerId, values.ServerName, values.Status);
-        console.log(values.AppId);
-        modalApi.close();
-    },
-});
+import dayjs from 'dayjs';
 
-defineOptions({
-    name: 'AddServerModal',
-})
-const data = ref();
+
+
+const date = dayjs();
 const [Form, FormApi] = useVbenForm({
     // 所有表单项共用，可单独在表单内覆盖
   commonConfig: {
@@ -36,32 +25,57 @@ const [Form, FormApi] = useVbenForm({
   schema: [
     {
         component: 'Input',
-        disabled: true,
-        defaultValue: data.value?.AppId,
+        disabled: false,
+        defaultValue: 0,
         componentProps: {
             placeholder: '1',
         },
+        formItemClass:'col-span-2',
         fieldName: 'AppId',
         label: 'AppId：',
     },
     {
         component: 'Input',
-        disabled: true,
-        defaultValue: '2',
+        disabled: false,
         componentProps: {
             placeholder: '2',
+            typeof: 'number',
         },
+        rules: "required",
         fieldName: 'ServerId',
         label: 'ServerId：',
+        formItemClass:'col-span-2',
     },
     {
         component: 'Input',
-        defaultValue: 'node1',
+        defaultValue: '',
         componentProps: {
             placeholder: 'node1',
         },
+        rules: "required",
         fieldName: 'ServerName',
         label: 'ServerName：',
+        formItemClass:'col-span-2',
+    },
+    {
+      component: 'DatePicker',
+      fieldName: 'datePicker',
+      defaultValue: date,
+      componentProps: {
+        format: 'YYYY-MM-DD',
+      },
+      wrapperClass: 'grid-span-1',
+      label: '开服日期',
+    },
+    {
+      component: 'TimePicker',
+      fieldName: 'timePicker',
+      defaultValue: date,
+      componentProps: {
+        format: 'HH:mm:ss',
+      },
+      wrapperClass: 'grid-span-2 grid-start-2',
+      label: '开服时间',
     },
     {
         component: 'Select',
@@ -92,8 +106,44 @@ const [Form, FormApi] = useVbenForm({
   ],
   showDefaultActions: false,
   // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1',
+  wrapperClass: 'grid-cols-2',
 });
+const [Modal, modalApi] = useVbenModal({
+    confirmText: '提交',
+    onOpenChange:() => {
+        const modalData = modalApi.getData();
+        FormApi.updateSchema([
+            {
+                component: 'Input',
+                disabled: true,
+                defaultValue: modalData.AppId,
+                componentProps: {
+                    placeholder: modalData.AppId,
+                },
+                formItemClass:'col-span-2',
+                fieldName: 'AppId',
+                label: 'AppId：',
+            },
+        ])
+    },
+    onConfirm: async () => {
+        // 提交表单
+        const values = await FormApi.getValues();
+        const date = dayjs(values.datePicker).format('YYYY-MM-DD');
+        const time = dayjs(values.timePicker).format('HH:mm:ss');
+        const dateTime = dayjs(`${date} ${time}`).valueOf()/1000;
+        const modalData = modalApi.getData();
+        const ServerId = parseInt(values.ServerId, 10);
+        await addServer(modalData.AppId, ServerId, values.ServerName, values.Status, dateTime);
+        modalApi.close();
+    },
+});
+defineOptions({
+    name: 'AddServerModal',
+})
+defineExpose({
+    FormApi
+})
 </script>
 
 <template>
diff --git a/apps/web-antd/src/views/dashboard/serverList/appList.vue b/apps/web-antd/src/views/dashboard/serverList/appList.vue
index 45d1c0c..ad62756 100644
--- a/apps/web-antd/src/views/dashboard/serverList/appList.vue
+++ b/apps/web-antd/src/views/dashboard/serverList/appList.vue
@@ -1,51 +1,75 @@
 <script lang="ts" setup>
 import { Button,  Tag, notification, Modal } from 'ant-design-vue';
-import { getServerListApi } from '#/api/core/server';
 import type { ServerData } from '#/api/core/server';
-import {releaseApp} from '#/api/core/server';
-
+import {restartServer, getServerListApi, reloadServer} from '#/api/core/server';
+import AddServerModal from './addServer.vue' 
 import dayjs from 'dayjs';
-import type { Server } from 'http';
-interface Props {
-    items: ServerData[];
-    title: string;
-}
+
 
 defineOptions({
     name: 'AppList',
 })
-
+interface Props {
+    items: ServerData[];
+    title: string;
+}
 withDefaults(defineProps<Props>(),{
     items: () => [],
 })
 
 
-function getColor(status: string) {
-    if (status === 'Online') {
-        return 'green';
-    } else {
-        return 'red';
+function getColor(status: number) {
+    switch (status){
+        case 0:
+            return 'red';
+        case 1:
+            return 'green';
+        default:
+            return 'blue';
     }
 }
-async function update(Server: ServerData) {
+
+
+async function restart(Server: ServerData) {
     try{
         Server.Loading = true; 
         const AppId = Server.AppId;
-        await releaseApp(AppId, Server.ServerName);
+        await restartServer(AppId, Server.ServerId, Server.ServerName);
         notification.success({
             duration: 10,
-            message: Server.ServerName + '更新成功',
+            message: Server.ServerName + '重启成功',
             type: 'success',
         });
-        const response = await getServerListApi(1);
-        for (let i = 0; i < response.length; i++) {
-            if (response[i]?.AppId === Server.AppId) {
-                // App.Update = response[i]?.Update;
-                break;
-            }
-        }
         Server.Loading = false;
-        console.log('更新成功');
+        const serverResponse = await getServerListApi({AppId:Server.AppId});
+        const foundServer = serverResponse.find((item) => item.ServerId == Server.ServerId);
+        Server.StartTime = foundServer ? foundServer.StartTime : undefined;
+        //console.log('更新成功');
+    }catch(e){
+        notification.error({
+            duration: 10,
+            message: Server.ServerName + '更新失败',
+            type: 'error',
+        });
+        Server.Loading = false;
+    }
+}
+
+async function reload(Server: ServerData) {
+    try{
+        Server.Reload = true; 
+        const AppId = Server.AppId;
+        await reloadServer(AppId, Server.ServerId, Server.ServerName);
+        notification.success({
+            duration: 10,
+            message: Server.ServerName + '重载成功',
+            type: 'success',
+        });
+        Server.Reload = false;
+        const serverResponse = await getServerListApi({AppId:Server.AppId});
+        const foundServer = serverResponse.find((item) => item.ServerId == Server.ServerId);
+        Server.StartTime = foundServer ? foundServer.StartTime : undefined;
+        //console.log('更新成功');
     }catch(e){
         notification.error({
             duration: 10,
@@ -60,10 +84,10 @@ function confirmUpdate(Server: ServerData) {
     title: '确认更新',
     content: `你确定要更新 ${Server.ServerName} 吗？`,
     onOk() {
-      update(Server);
+      restart(Server);
     },
     onCancel() {
-      console.log('取消更新');
+      //console.log('取消更新');
     },
   });
 }
@@ -72,14 +96,11 @@ function confirmUpdate(Server: ServerData) {
 
 <!-- <------------------- Add your code here ------------------->
 <template>
-    <div v-for="item in items" :key="item.AppId">
+    <AddServerModal></AddServerModal>
+    <div v-for="item in items" :key="item.ServerId">
         <div class="card-box p-4 py-6  md:mt-4">
             <div class="flex justify-between h-2 border-foreground/10">
-                <div class="flex flex-col justify-center md:ml-6 md:mt-0 lg:w-1/12">
-                    <h1 class="text-md font-semibold md:text-ml text-center">
-                        <span>{{ item.AppId }}</span>
-                    </h1>
-                </div>
+                
                 <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
                     <h2 class="text-md font-semibold md:text-ml  text-center">
                         <span>{{ item.ServerId }}</span>
@@ -92,7 +113,19 @@ function confirmUpdate(Server: ServerData) {
                 </div>
                 <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
                     <h1 class="text-md font-semibold md:text-ml  text-center">
-                        <Tag :color="getColor(String(item.Status) || '')">{{ item.Status }}</Tag>
+                        <Tag :color="getColor(item.Status || 0)">
+                            {{ item.Status == 0 ? 'Inactive' : item.Status == 1 ? 'Active' : 'Unknown' }}
+                        </Tag>
+                    </h1>
+                </div>
+                <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
+                    <h1 class="text-md font-semibold md:text-ml  text-center">
+                        <span>{{ dayjs((item.StartTime ?? 0) * 1000).format('YYYY-MM-DD HH:mm:ss') }}</span>
+                    </h1>
+                </div>
+                <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
+                    <h1 class="text-md font-semibold md:text-ml text-center">
+                        <span>{{ item.PlayerNum }}</span>
                     </h1>
                 </div>
                 <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
@@ -102,7 +135,12 @@ function confirmUpdate(Server: ServerData) {
                 </div>
                 <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
                     <h1 class="text-md font-semibold md:text-ml  text-center">
-                        <Button @click=confirmUpdate(item) type="primary" :loading="item.Loading">Update</Button>
+                        <Button @click=confirmUpdate(item) type="primary" :loading="item.Loading">Restart</Button>
+                    </h1>
+                </div>
+                <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
+                    <h1 class="text-md font-semibold md:text-ml  text-center">
+                        <Button @click=reload(item) type="primary" :loading="item.Reload">Reload</Button>
                     </h1>
                 </div>
             </div>
diff --git a/apps/web-antd/src/views/dashboard/serverList/index.vue b/apps/web-antd/src/views/dashboard/serverList/index.vue
index 5ef237a..4f2d747 100644
--- a/apps/web-antd/src/views/dashboard/serverList/index.vue
+++ b/apps/web-antd/src/views/dashboard/serverList/index.vue
@@ -1,17 +1,79 @@
 <script lang="ts" setup>
 import { Page } from '@vben/common-ui';
-import { Button, Card,  Space } from 'ant-design-vue';
+import { Button, Card,  Space, notification } from 'ant-design-vue';
 import { useVbenForm } from '#/adapter/form';
 import AppList from './appList.vue';
-import { getServerListApi, getAppListApi } from '#/api/core/server';
+import { getServerListApi, getAppListApi, updateAppApi } from '#/api/core/server';
 import type { AppData, ServerData } from '#/api/core/server';
 import { useVbenModal } from '@vben/common-ui' 
 import { ref,onMounted } from 'vue';
 import addServerModal from './addServer.vue';
+import dayjs from 'dayjs';
+const [BaseForm, BaseFormApi] = useVbenForm({
+  // 所有表单项共用，可单独在表单内覆盖
+  commonConfig: {
+    // 所有表单项
+    componentProps: {
+      class: 'w-full',
+    },
+  },
 
+  // 使用 tailwindcss grid布局
+  // 提交函数
+  // 垂直布局，label和input在不同行，值为vertical
+  layout: 'horizontal',
+  // 水平布局，label和input在同一行
+  schema: [
+    {
+      component: 'Select',
+      defaultValue: 1,
+      componentProps: {
+        onChange: async (value: number) => {
+          const serverResponse = await getServerListApi({AppId:value});
+          ServerList.value = Array.isArray(serverResponse) ? serverResponse : [];
+          const app = appList.value.find((item) => item.AppId === value);
+          if (!app) return;
+          const updateTime = dayjs((app.Update ?? 0) * 1000).format('YYYY-MM-DD HH:mm:ss') 
+          BaseFormApi.setFieldValue("update", updateTime)
+        },
+        filterOption: true,
+        options: [
+          
+        ],
+        placeholder: '请选择',
+        showSearch: true,
+      },
+      fieldName: 'fieldOptions',
+      label: 'APP：',
+    },
+    {
+      component: 'Input',
+      disabled: true,
+      defaultValue: "",
+      componentProps: {
+        format: 'YYYY-MM-DD HH:mm:ss',
+      },
+      fieldName: 'update',
+      label: '更新时间：',
+    }
+  ],
+  // handleSubmit: async (values: Record<string, any>) => {
+  //   console.log(values);
+  // },
+  showDefaultActions: false,
+  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
+  wrapperClass: 'grid-cols-2 ',
+});
 const [addServerM, addServerApi] = useVbenModal({
   connectedComponent: addServerModal,
+  onClosed: async () => {
+    const Value = await BaseFormApi.getValues();
+    const serverResponse = await getServerListApi(Value.fieldOptions);
+    ServerList.value = Array.isArray(serverResponse) ? serverResponse : [];
+    addServerApi.close();
+  },
 });
+
 const serverList = [
   {
     AppId: 1,
@@ -34,10 +96,15 @@ const serverList = [
 ];
 const appList = ref<AppData[]>([]);
 const ServerList = ref<ServerData[]>([]);
+const reload = ref(false);
 onMounted(async() => {
   try{
     const response = await getAppListApi();
     appList.value = Array.isArray(response) ? response : [];
+    const app = appList.value[0];
+    if (!app) return;
+    const updateTime = dayjs((app.Update ?? 0) * 1000).format('YYYY-MM-DD HH:mm:ss') 
+    BaseFormApi.setFieldValue("update", updateTime)
     BaseFormApi.updateSchema([
       {
         component: 'Select',
@@ -48,14 +115,13 @@ onMounted(async() => {
           })),
         },
         fieldName: 'fieldOptions',
-      },
+      }, 
     ]);
-    const serverResponse = await getServerListApi(1);
+    const serverResponse = await getServerListApi({AppId:app.AppId});
     ServerList.value = Array.isArray(serverResponse) ? serverResponse : [];
-    console.log(ServerList.value);
   }catch(e){
     appList.value = serverList;
-    console.log(e);
+    //console.log(e);
   }
 });
 
@@ -67,63 +133,48 @@ async function addServer() {
 
 
 
-const [BaseForm, BaseFormApi] = useVbenForm({
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-
-  // 使用 tailwindcss grid布局
-  // 提交函数
-  // 垂直布局，label和input在不同行，值为vertical
-  layout: 'horizontal',
-  // 水平布局，label和input在同一行
-  schema: [
-    {
-      component: 'Select',
-      defaultValue: 1,
-      componentProps: {
-        allowClear: true,
-        filterOption: true,
-        options: [
-          
-        ],
-        placeholder: '请选择',
-        showSearch: true,
-      },
-      fieldName: 'fieldOptions',
-      label: 'APP：',
-    },
-  ],
-  showDefaultActions: false,
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-});
 
 
+async function update() {
+  reload.value = true;
+  const Value = await BaseFormApi.getValues();
+  try{
+    await updateAppApi(Value.fieldOptions);
+    reload.value = false;
+    notification.info({
+      duration:10,
+      message:"服务器更新成功"
+    })
+    const response = await getAppListApi();
+    appList.value = Array.isArray(response) ? response : [];
+    const app = appList.value.find((item) => item.AppId === Value.fieldOptions);
+    if (!app) return;
+    const updateTime = dayjs((app.Update ?? 0) * 1000).format('YYYY-MM-DD HH:mm:ss') 
+    BaseFormApi.setFieldValue("update", updateTime)
+  }catch(e){
+    reload.value = false;
+    notification.error({
+      duration:10,
+      message:"服务器更新失败"
+    })
+  }
+}
 </script>
 <template>
   <Page>
-    <addServerM class="w-[50%]" />
+    <addServerM class="w-[50%]" @hidden="update"/>
     <Card class="mb-5" title="服务器操作">
       <BaseForm />
       <Space>
         <Button @click="addServer">新增</Button>
-        <Button type="primary"> 重启 </Button>
+        <Button type="primary" @click="update" :loading="reload"> 更新 </Button>
         <Button> 删除 </Button>
         <Button danger> 更新配置 </Button>
       </Space>
     </Card>
     <div class="p-5">
       <div class="card-box p-4 py-6 flex justify-between h-12">
-        <div class="flex flex-col justify-center md:ml-6 md:mt-0 lg:w-1/12">
-          <h1 class="text-md font-semibold md:text-ml  text-center">
-            <span>AppID</span>
-          </h1>
-        </div>
+        
         <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
           <h2 class="text-md font-semibold md:text-ml  text-center">
             <span>ServerId</span>
@@ -139,6 +190,16 @@ const [BaseForm, BaseFormApi] = useVbenForm({
             <span>Status</span>
           </h1>
         </div>
+        <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
+          <h1 class="text-md font-semibold md:text-ml  text-center">
+            <span>StartTime</span>
+          </h1>
+        </div>
+        <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
+          <h1 class="text-md font-semibold md:text-ml  text-center">
+            <span>PlayerNum</span>
+          </h1>
+        </div>
         <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
           <h1 class="text-md font-semibold md:text-ml  text-center">
             <span>OpenServerTime</span>
@@ -149,8 +210,15 @@ const [BaseForm, BaseFormApi] = useVbenForm({
             <span>Handle</span>
           </h1>
         </div>
+        <div class="flex flex-col justify-center  md:mt-0 lg:w-1/12">
+          <h1 class="text-md font-semibold md:text-ml  text-center">
+            <span>Config</span>
+          </h1>
+        </div>
       </div>
-
+      <!-- <template>
+        <AppList :items="ServerList" title="服务器列表"/>
+      </template> -->
       <AppList :items="ServerList" title="服务器列表"/>
 
     </div>
diff --git a/apps/web-antd/src/views/operation/level/index.vue b/apps/web-antd/src/views/operation/level/index.vue
new file mode 100644
index 0000000..34fccbe
--- /dev/null
+++ b/apps/web-antd/src/views/operation/level/index.vue
@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+
+
+import AnalyticsVisitsTable from './level-table.vue';
+
+
+
+</script>
+<template>
+  <AnalyticsVisitsTable />
+</template>
+
diff --git a/apps/web-antd/src/views/operation/level/level-table.vue b/apps/web-antd/src/views/operation/level/level-table.vue
new file mode 100644
index 0000000..e623914
--- /dev/null
+++ b/apps/web-antd/src/views/operation/level/level-table.vue
@@ -0,0 +1,152 @@
+<script setup lang="ts">
+import { Page } from '@vben/common-ui';
+
+import { getStatisticsLevel } from '#/api/core/statistics';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import type { VbenFormProps } from '#/adapter/form';
+import { getServerListApi, getAppListApi } from '#/api/core/server';
+import type { AppData, ServerData } from '#/api/core/server';
+import { onMounted, ref } from 'vue';
+const appList = ref<AppData[]>([]);
+const ServerList = ref<ServerData[]>([]);
+interface RowType {
+  Uid: number;
+  change_type: string;
+  change_num: string;
+  change_after: string;
+  item_id: string;
+  timestamp: string;
+}
+
+const formOptions: VbenFormProps = {
+  // 默认展开
+  collapsed: false,
+  schema: [
+    {
+      component: 'Select',
+      defaultValue: 1,
+      componentProps: {
+        onChange: async (value: number) => {
+          const serverResponse = await getServerListApi({ AppId: value, Type: 1 });
+          ServerList.value = Array.isArray(serverResponse) ? serverResponse : [];
+          GridApi.formApi.updateSchema([
+            {
+              component: 'CheckboxGroup',
+              componentProps: {
+                options: ServerList.value.map((item) => ({
+                  label: item.ServerName,
+                  value: item.ServerId,
+                })),
+              },
+              fieldName: 'ServerList',
+            },
+          ]);
+        },
+        filterOption: true,
+        options: [
+
+        ],
+        placeholder: '请选择',
+        showSearch: true,
+      },
+      fieldName: 'AppId',
+      label: 'APP：',
+    },
+    {
+      component: 'CheckboxGroup',
+      componentProps: {
+        name: 'cname',
+        options: [],
+      },
+      fieldName: 'ServerList',
+      label: '区服',
+    },
+  ],
+  // 控制表单是否显示折叠按钮
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: '查询',
+  },
+  // 是否在字段值改变时提交表单
+  submitOnChange: false,
+  // 按下回车时是否提交表单
+  submitOnEnter: false,
+}
+const gridOptions: VxeGridProps<RowType> = {
+  columns: [
+    { field: 'Level', title: '等级' },
+    { field: 'Sum', title: '人数' },
+  ],
+  height: 'auto',
+  pagerConfig: {},
+  proxyConfig: {
+    response: {
+      total: "total",
+      result: "data"
+    },
+    ajax: {
+      query: async ({  }, formValues) => {
+        if (formValues.ServerList.length == 0) {
+          return []
+        }
+        let AppId = parseInt(formValues.AppId, 10);
+        return await getStatisticsLevel({
+          AppId :AppId,
+          ServerList:formValues.ServerList
+        });
+      },
+    },
+  },
+
+  rowConfig: {
+    isHover: true,
+  },
+};
+
+const [Grid, GridApi] = useVbenVxeGrid({ formOptions, gridOptions });
+onMounted(async () => {
+  try {
+    const response = await getAppListApi();
+    appList.value = Array.isArray(response) ? response : [];
+    const app = appList.value[0];
+    if (!app) return;
+    GridApi.formApi.updateSchema([
+      {
+        component: 'Select',
+        componentProps: {
+          options: appList.value.map((item) => ({
+            label: item.AppName,
+            value: item.AppId,
+          })),
+        },
+        fieldName: 'AppId',
+      },
+    ]);
+    const serverResponse = await getServerListApi({ AppId: app.AppId, Type: 1 });
+    ServerList.value = Array.isArray(serverResponse) ? serverResponse : [];
+    GridApi.formApi.updateSchema([
+      {
+        component: 'CheckboxGroup',
+        componentProps: {
+          options: ServerList.value.map((item) => ({
+            label: item.ServerName,
+            value: item.ServerId,
+          })),
+        },
+        fieldName: 'ServerList',
+      },
+    ]);
+  } catch (e) {
+    appList.value = [];
+    //console.log(e);
+  }
+});
+</script>
+
+<template>
+  <Page auto-content-height>
+    <Grid />
+  </Page>
+</template>
\ No newline at end of file
diff --git a/apps/web-antd/src/views/operation/mail/index.vue b/apps/web-antd/src/views/operation/mail/index.vue
new file mode 100644
index 0000000..a818634
--- /dev/null
+++ b/apps/web-antd/src/views/operation/mail/index.vue
@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+
+
+import AnalyticsVisitsTable from './mail-table.vue';
+
+
+
+</script>
+<template #table>
+  <AnalyticsVisitsTable />
+</template>
+
diff --git a/apps/web-antd/src/views/operation/mail/mail-detail.vue b/apps/web-antd/src/views/operation/mail/mail-detail.vue
new file mode 100644
index 0000000..63c3dde
--- /dev/null
+++ b/apps/web-antd/src/views/operation/mail/mail-detail.vue
@@ -0,0 +1,165 @@
+<script lang="ts" setup>
+
+import { useVbenForm, useVbenModal } from '@vben/common-ui';
+
+
+const [Form, FormApi] = useVbenForm({
+    // 所有表单项共用，可单独在表单内覆盖
+  commonConfig: {
+    // 所有表单项
+    componentProps: {
+      class: 'w-full h-full',
+        
+    },
+  },
+  // 使用 tailwindcss grid布局
+  // 提交函数
+  // 垂直布局，label和input在不同行，值为vertical
+  layout: 'horizontal',
+  showDefaultActions: false,
+  // 水平布局，label和input在同一行
+  schema: [
+    {
+        component: 'Input',
+        fieldName: 'Title',
+        label: '邮件标题',
+        rules: "required",
+    },
+    {
+        component: 'Textarea',
+        fieldName: 'Content',
+        label: '邮件内容',
+        componentProps: {
+            type: 'textarea',
+            rows: 8,
+        },
+        rules: "required",
+    },
+    {
+        component: 'Textarea',
+        fieldName: 'Items',
+        label: '邮件道具',
+        componentProps: {
+            placeholder: '[{Id:1,Num:1},{Id:2,Num:2}]', 
+            type: 'textarea',
+            rows: 3,
+        },
+    },
+    {
+        component: 'RangePicker',
+        fieldName: 'start_time',
+        label: '时间区间',
+    },
+    {
+        component: 'DatePicker',
+        fieldName: 'register_time',
+        label: '注册时间',
+    },
+    {
+        component: 'Select',
+        fieldName: 'mail_type',
+        defaultValue: 1,
+        label: '邮件类型',
+        componentProps: {
+            options :[
+                {
+                    label: '个人邮件',
+                    value: 2
+                },
+                {
+                    label: '全服邮件',
+                    value:1
+                }
+            ]
+        }
+    },
+    {
+        component: 'Textarea',
+        fieldName: 'ToUids',
+        label: '玩家uids',
+        componentProps: {
+            disabled: true,
+            placeholder: 'uid,uid ... 以‘，’分割', 
+            type: 'textarea',
+            rows: 4,
+        },
+        dependencies: {
+            componentProps(values) {
+                if(values.mail_type === 2) {
+                    return {
+                        disabled: false,
+                        rules: "required",
+                    }
+                }
+                return {
+                    disabled: true,
+                }
+            },
+            triggerFields: ['mail_type'],
+        },
+    },
+  ],
+})
+const [Modal, modalApi] = useVbenModal({
+    confirmText: '提交',
+    showConfirmButton:false,
+    onOpened: async () =>  {
+        const modalData = modalApi.getData();
+        FormApi.setValues({
+            Title: modalData.title,
+            Content: modalData.content,
+            Items: modalData.items,
+            start_time: 0 ,
+            register_time: modalData.register_time ,
+            mail_type: modalData.mail_type,
+            ToUids: modalData.to_uids,
+        })
+        FormApi.updateSchema([
+            {
+                component: 'Input',
+                disabled: true,
+                fieldName: 'Title',
+            },
+            {
+                component: 'Input',
+                disabled: true,
+                fieldName: 'Content',
+            },
+            {
+                component: 'Input',
+                disabled: true,
+                fieldName: 'Items',
+            },
+            {
+                component: 'Input',
+                disabled: true,
+                fieldName: 'start_time',
+            },
+            {
+                component: 'Input',
+                disabled: true,
+                fieldName: 'register_time',
+            },
+            {
+                component: 'Input',
+                disabled: true,
+                fieldName: 'mail_type',
+            },
+            {
+                component: 'Input',
+                disabled: true,
+                fieldName: 'ToUids',
+            }
+        ])
+    },
+})
+
+defineOptions({
+    name: 'DetailMailModal',
+})
+</script>
+<template>
+  <Modal :width="800" title="添加邮件">
+    <Form />
+  </Modal>
+</template>
\ No newline at end of file
diff --git a/apps/web-antd/src/views/operation/mail/mail-info.vue b/apps/web-antd/src/views/operation/mail/mail-info.vue
new file mode 100644
index 0000000..0a34a25
--- /dev/null
+++ b/apps/web-antd/src/views/operation/mail/mail-info.vue
@@ -0,0 +1,146 @@
+<script lang="ts" setup>
+
+import { useVbenForm, useVbenModal } from '@vben/common-ui';
+import dayjs from 'dayjs';
+import { addMailApi } from '#/api/core/mail';
+import type { MailData } from '#/api/core/mail';
+
+const [Form, FormApi] = useVbenForm({
+    // 所有表单项共用，可单独在表单内覆盖
+  commonConfig: {
+    // 所有表单项
+    componentProps: {
+      class: 'w-full h-full',
+        
+    },
+  },
+  // 使用 tailwindcss grid布局
+  // 提交函数
+  // 垂直布局，label和input在不同行，值为vertical
+  layout: 'horizontal',
+  showDefaultActions: false,
+  // 水平布局，label和input在同一行
+  schema: [
+    {
+        component: 'Input',
+        fieldName: 'Title',
+        label: '邮件标题',
+        rules: "required",
+    },
+    {
+        component: 'Textarea',
+        fieldName: 'Content',
+        label: '邮件内容',
+        componentProps: {
+            type: 'textarea',
+            rows: 8,
+        },
+        rules: "required",
+    },
+    {
+        component: 'Textarea',
+        fieldName: 'Items',
+        label: '邮件道具',
+        componentProps: {
+            placeholder: '[{Id:1,Num:1},{Id:2,Num:2}]', 
+            type: 'textarea',
+            rows: 3,
+        },
+    },
+    {
+        component: 'RangePicker',
+        fieldName: 'start_time',
+        label: '时间区间',
+    },
+    {
+        component: 'DatePicker',
+        fieldName: 'register_time',
+        label: '注册时间',
+    },
+    {
+        component: 'Select',
+        fieldName: 'mail_type',
+        defaultValue: 1,
+        label: '邮件类型',
+        componentProps: {
+            options :[
+                {
+                    label: '个人邮件',
+                    value: 2
+                },
+                {
+                    label: '全服邮件',
+                    value:1
+                }
+            ]
+        }
+    },
+    {
+        component: 'Textarea',
+        fieldName: 'ToUids',
+        label: '玩家uids',
+        componentProps: {
+            disabled: true,
+            placeholder: 'uid,uid ... 以‘，’分割', 
+            type: 'textarea',
+            rows: 4,
+        },
+        dependencies: {
+            componentProps(values) {
+                if(values.mail_type === 2) {
+                    return {
+                        disabled: false,
+                        rules: "required",
+                    }
+                }
+                return {
+                    disabled: true,
+                }
+            },
+            triggerFields: ['mail_type'],
+        },
+    },
+  ],
+})
+const [Modal, modalApi] = useVbenModal({
+    confirmText: '提交',
+    
+    onConfirm: async () => {
+        // 提交表单
+        const values = await FormApi.getValues();
+        const start_time = values.start_time && values.start_time.length > 0 ? dayjs(values.start_time[0]).unix() : 0;
+        const end_time = values.start_time && values.start_time.length > 0 ? dayjs(values.start_time[1]).unix() : 0;
+        const register_time = values.register_time ? dayjs(values.register_time).unix() : 0;
+        const mail_type = values.mail_type;
+        const Title = values.Title;
+        const Content = values.Content;
+        const Items = values.Items;
+        const ToUids = values.ToUids;
+        const modalData = modalApi.getData();
+        const param: MailData = {
+            AppId: modalData.AppId,
+            ServerId: modalData.ServerId,
+            title:Title,
+            content:Content,
+            items:Items,
+            to_uids:ToUids,
+            start_time:start_time,
+            end_time:end_time,
+            register_time:register_time,
+            mail_type:mail_type,
+        }
+        await addMailApi(param);
+        modalApi.close();
+    },
+})
+
+defineOptions({
+    name: 'AddMailModal',
+})
+
+</script>
+<template>
+  <Modal :width="800" title="添加邮件">
+    <Form />
+  </Modal>
+</template>
\ No newline at end of file
diff --git a/apps/web-antd/src/views/operation/mail/mail-table.vue b/apps/web-antd/src/views/operation/mail/mail-table.vue
new file mode 100644
index 0000000..1826293
--- /dev/null
+++ b/apps/web-antd/src/views/operation/mail/mail-table.vue
@@ -0,0 +1,206 @@
+<script setup lang="ts">
+import { Page } from '@vben/common-ui';
+import { Button, Card,  Space, message } from 'ant-design-vue';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import type { VxeGridListeners, VxeGridProps } from '#/adapter/vxe-table';
+import type { VbenFormProps } from '#/adapter/form';
+import type { MailData } from '#/api/core/mail';
+import { getServerListApi, getAppListApi } from '#/api/core/server';
+import { getMailListApi, deleteMailApi } from '#/api/core/mail';
+import type { AppData, ServerData } from '#/api/core/server';
+import { useVbenModal } from '@vben/common-ui';
+import { onMounted, ref } from 'vue';
+import AddMailModal from './mail-info.vue';
+import DetailMailModal from './mail-detail.vue';
+const appList = ref<AppData[]>([]);
+const ServerList = ref<ServerData[]>([]);
+  const formOptions: VbenFormProps = {
+  // 默认展开
+  collapsed: false,
+  schema: [
+    {
+      component: 'Select',
+      defaultValue: 1,
+      componentProps: {
+        onChange: async (value: number) => {
+          const serverResponse = await getServerListApi({ AppId: value, Type: 1 });
+          ServerList.value = Array.isArray(serverResponse) ? serverResponse : [];
+          GridApi.formApi.updateSchema([
+            {
+              component: 'Select',
+              componentProps: {
+                options: ServerList.value.map((item) => ({
+                  label: item.ServerName,
+                  value: item.ServerId,
+                })),
+              },
+              fieldName: 'ServerId',
+            },
+          ]);
+        },
+        filterOption: true,
+        options: [
+
+        ],
+        placeholder: '请选择',
+        showSearch: true,
+      },
+      fieldName: 'AppId',
+      label: 'APP：',
+    },
+    {
+      component: 'Select',
+      defaultValue: 1,
+      componentProps: {
+        options: [],
+      },
+      fieldName: 'ServerId',
+      label: '区服',
+    },
+  ],
+  // 控制表单是否显示折叠按钮
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: '查询',
+  },
+  // 是否在字段值改变时提交表单
+  submitOnChange: false,
+  // 按下回车时是否提交表单
+  submitOnEnter: false,
+}
+const gridOptions: VxeGridProps<MailData> = {
+  columns: [
+    { field: 'mail_id', title: 'id' },
+    { field: 'title', title: '邮件标题' },
+    { field: 'content', title: '邮件内容' },
+    { field: 'items', title: '道具' },
+
+    { field: 'mail_type', title: '邮件类型' , formatter: ({ cellValue }) => cellValue == 1 ? '全服邮件' : '个人邮件'},
+    { field: 'to_uids', title: '接收者' },
+    { field: 'create_time', title: '创建时间' },
+    {slots: { default: 'action' }, title: '操作', width: 100},
+  ],
+  height: 'auto',
+  pagerConfig: {},
+  proxyConfig: {
+    response: {
+      total: "total",
+      result: "data"
+    },
+    ajax: {
+      query: async ({page}, formValues) => {
+        let AppId = parseInt(formValues.AppId, 10);
+        let ServerId = parseInt(formValues.ServerId, 10);
+        if (AppId == 0 || ServerId == 0){
+          return 
+        } 
+        return await getMailListApi({
+          AppId :AppId,
+          ServerId:formValues.ServerId,
+          PageSize: page.pageSize,
+          CurrentPage: page.currentPage,
+        });
+      },
+    },
+  },
+
+  rowConfig: {
+    isHover: true,
+  },
+};
+const gridEvents: VxeGridListeners<MailData> = {
+  cellClick: ({ row }) => {
+    AddMailApi2.setData(row);
+    AddMailApi2.open();
+    // message.info(`cell-click: ${row.title}`);
+  },
+};
+const [Grid, GridApi] = useVbenVxeGrid({ gridEvents, formOptions, gridOptions });
+const [AddMailM, AddMailApi] = useVbenModal({
+  connectedComponent: AddMailModal,
+  onClosed: async () => {
+    AddMailApi.close();
+    GridApi.query()
+    //console.log("close")
+  },
+});
+
+const [AddMailM2, AddMailApi2] = useVbenModal({
+  connectedComponent: DetailMailModal,
+});
+onMounted(async () => {
+  try {
+    const response = await getAppListApi();
+    appList.value = Array.isArray(response) ? response : [];
+    const app = appList.value[0];
+    if (!app) return;
+    GridApi.formApi.updateSchema([
+      {
+        component: 'Select',
+        componentProps: {
+          options: appList.value.map((item) => ({
+            label: item.AppName,
+            value: item.AppId,
+          })),
+        },
+        fieldName: 'AppId',
+      },
+    ]);
+    const serverResponse = await getServerListApi({ AppId: app.AppId, Type: 1 });
+    ServerList.value = Array.isArray(serverResponse) ? serverResponse : [];
+    GridApi.formApi.updateSchema([
+      {
+        component: 'Select',
+        componentProps: {
+          options: ServerList.value.map((item) => ({
+            label: item.ServerName,
+            value: item.ServerId,
+          })),
+        },
+        fieldName: 'ServerId',
+      },
+    ]);
+  } catch (e) {
+    appList.value = [];
+    //console.log(e);
+  }
+});
+
+async function addMail() {
+  //console.log('addMail');
+  const Value = await GridApi.formApi.getValues();
+  AddMailApi.setData({AppId: Value.AppId, ServerId: Value.ServerId});
+  AddMailApi.open();
+}
+
+async function deleteRow(row: MailData) {
+  //console.log(row);
+  GridApi.setLoading(true);
+  if (typeof row.mail_id == 'number') {
+    await deleteMailApi(row.AppId, row.ServerId,row.mail_id);
+  } else {
+    //console.error('Invalid mail_id:', row.mail_id);
+  }
+  GridApi.setLoading(false);
+  GridApi.query();
+}
+
+
+</script>
+
+<template>
+  <Page auto-content-height>
+    <AddMailM class="w-[50%]"  />
+    <AddMailM2 class="w-[50%]" />
+    <Card class="mb-5" title="邮件操作">
+      <Space>
+        <Button @click="addMail">新增邮件</Button>
+      </Space>
+    </Card>
+    <Grid >
+      <template #action="{ row }">
+        <Button type="link" @click=deleteRow(row) style="color:#cc0000">删除</Button>
+      </template>
+    </Grid>
+  </Page>
+</template>
\ No newline at end of file
diff --git a/apps/web-antd/src/views/userlog/assetlog/asset-table.vue b/apps/web-antd/src/views/userlog/assetlog/asset-table.vue
index 7933e2f..3cf4b8d 100644
--- a/apps/web-antd/src/views/userlog/assetlog/asset-table.vue
+++ b/apps/web-antd/src/views/userlog/assetlog/asset-table.vue
@@ -17,6 +17,29 @@ interface RowType {
   item_id: string;
   timestamp: string;
 }
+const formatType = (cellValue: string) => {
+  switch (cellValue) {
+    case "gain":
+      return '增加';
+    case "consume":
+      return '减少';
+    default:
+      return cellValue;
+  }
+}
+const formatItemName = (cellValue: number) => {
+  // console.log(cellValue); 
+  switch (cellValue) {
+    case 100001:
+      return '能量';
+    case 100002:
+      return '宠物币';
+    case 100003:
+      return '钻石';
+    default:
+      return cellValue;
+  }
+}
 const formOptions: VbenFormProps = {
   // 默认展开
   collapsed: false,
@@ -43,11 +66,11 @@ const formOptions: VbenFormProps = {
 }
 const gridOptions: VxeGridProps<RowType> = {
   columns: [
-  { field: 'Uid', title: 'id' },
-  { field: 'change_type', title: '变化类型' },
+  { field: 'Uid', title: 'Uid' },
+  { field: 'change_type', title: '变化类型', formatter:({cellValue}) => formatType(cellValue)},
   { field: 'change_num', title: '变化数值' },
   { field: 'change_after', title: '变化后数值' },
-  { field: 'item_id', title: '道具id'},
+  { field: 'item_id', title: '道具id', formatter: ({ cellValue }) => formatItemName(cellValue) },
   { field: 'timestamp', title: '时间', formatter: ({ cellValue }) => new Date(cellValue*1000).toLocaleString()},
   ],
   height: 'auto',
diff --git a/apps/web-antd/src/views/userlog/orderlog/event-table.vue b/apps/web-antd/src/views/userlog/orderlog/event-table.vue
index 28c638f..e0f9660 100644
--- a/apps/web-antd/src/views/userlog/orderlog/event-table.vue
+++ b/apps/web-antd/src/views/userlog/orderlog/event-table.vue
@@ -2,13 +2,15 @@
 
 import { getUserlogOrderApi } from '#/api/core/log';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-
+import { onMounted, ref } from 'vue';
 import { inject } from 'vue';
 import { globalState } from '#/store/globalState';
 import type { VxeGridProps } from '#/adapter/vxe-table';
 import type { VbenFormProps } from '#/adapter/form';
 import { Page } from '@vben/common-ui';
 const state = inject('globalState', globalState);
+import type { AppData, ServerData } from '#/api/core/server';
+import { getServerListApi, getAppListApi } from '#/api/core/server';
 
 
 interface RowType {
@@ -17,49 +19,54 @@ interface RowType {
   Param: string;
   timestamp: string;
 }
+const appList = ref<AppData[]>([]);
+  
 const formOptions: VbenFormProps = {
   // 默认展开
   collapsed: false,
-    schema: [
-      {
-        component: 'Input',
-        componentProps: {
-          placeholder: 'Uid',
-        },
-        defaultValue: state.uid,
-        fieldName: 'Uid',
-        label: 'Uid',
+  schema: [
+    {
+      component: 'Input',
+      componentProps: {
+        placeholder: 'Uid',
       },
-      {
-        component: 'Input',
-        componentProps: {
-          placeholder: 'Event',
-        },
-        defaultValue: state.Event,
-        fieldName: 'Event',
-        label: '事件类型',
-      }
-    ],
-    // 控制表单是否显示折叠按钮
-    showCollapseButton: true,
-    submitButtonOptions: {
-      content: '查询',
+      defaultValue: state.uid,
+      fieldName: 'Uid',
+      label: 'Uid',
     },
-    // 是否在字段值改变时提交表单
-    submitOnChange: false,
-    // 按下回车时是否提交表单
-    submitOnEnter: false,
-    
+    {
+      component: 'Select',
+      defaultValue: 1,
+      componentProps: {
+        filterOption: true,
+        options: [],
+        placeholder: '请选择',
+        showSearch: true,
+      },
+      fieldName: 'AppId',
+      label: 'APP：',
+    }
+  ],
+  // 控制表单是否显示折叠按钮
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: '查询',
+  },
+  // 是否在字段值改变时提交表单
+  submitOnChange: false,
+  // 按下回车时是否提交表单
+  submitOnEnter: false,
+
 }
 const gridOptions: VxeGridProps<RowType> = {
   columns: [
     { field: 'Uid', title: 'id' },
     { field: 'OrderId', title: '订单号' },
     { field: 'PayChannelOrderId', title: '3th订单号' },
-    { field: 'Price', title: '金额'},
+    { field: 'Price', title: '金额' },
     { field: 'ProductId', title: 'chargeId' },
-    { field: 'CreateTime', title: '创建时间', formatter: ({ cellValue }) => new Date(cellValue*1000).toLocaleString() },
-    { field: 'PayTime', title: '支付时间' ,formatter: ({ cellValue }) => new Date(cellValue*1000).toLocaleString()},
+    { field: 'CreateTime', title: '创建时间', formatter: ({ cellValue }) => new Date(cellValue * 1000).toLocaleString() },
+    { field: 'PayTime', title: '支付时间', formatter: ({ cellValue }) => new Date(cellValue * 1000).toLocaleString() },
     { field: 'PayType', title: '支付类型' },
     { field: 'Param', title: '参数' },
   ],
@@ -68,14 +75,11 @@ const gridOptions: VxeGridProps<RowType> = {
   pagerConfig: {},
   proxyConfig: {
     response: {
-        total: "total",
-        result: "data"
+      total: "total",
+      result: "data"
     },
     ajax: {
       query: async ({ page }, formValues) => {
-        if (formValues.Uid == 0) {
-          return []
-        }
         let Uid = parseInt(formValues.Uid, 10);
         state.uid = Uid;
         state.Event = formValues.Event;
@@ -84,18 +88,42 @@ const gridOptions: VxeGridProps<RowType> = {
           Event: formValues.Event,
           CurrentPage: page.currentPage,
           PageSize: page.pageSize,
+          AppId: formValues.AppId,
         });
       },
     },
   },
-  
+
   rowConfig: {
     isHover: true,
   },
 };
 
-const [Grid] = useVbenVxeGrid({ formOptions, gridOptions });
-
+const [Grid, GridApi] = useVbenVxeGrid({ formOptions, gridOptions });
+onMounted(async () => {
+  try {
+    const response = await getAppListApi();
+    appList.value = Array.isArray(response) ? response : [];
+    const app = appList.value[0];
+    if (!app) return;
+    GridApi.formApi.updateSchema([
+      {
+        component: 'Select',
+        componentProps: {
+          options: appList.value.map((item) => ({
+            label: item.AppName,
+            value: item.AppId,
+          })),
+        },
+        fieldName: 'AppId',
+      },
+    ]);
+    
+  } catch (e) {
+    appList.value = [];
+    //console.log(e);
+  }
+});
 </script>
 
 <template>
diff --git a/apps/web-antd/src/views/userlog/userlist/user.vue b/apps/web-antd/src/views/userlog/userlist/user.vue
index 4a30810..6fa231b 100644
--- a/apps/web-antd/src/views/userlog/userlist/user.vue
+++ b/apps/web-antd/src/views/userlog/userlist/user.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
-import { useVbenModal } from '@vben/common-ui';
+import { useVbenModal, useVbenForm } from '@vben/common-ui';
 import { message } from 'ant-design-vue';
 import { getUserlogInfoApi } from '#/api/core/log';
 import type {
@@ -28,11 +28,43 @@ const userStore = useUserStore();
 // 例如：url: /dashboard/workspace
 const projectItems: WorkbenchProjectItem[] = [];
 
+const [BaseForm] = useVbenForm({
+  // 所有表单项共用，可单独在表单内覆盖
+  commonConfig: {
+    // 所有表单项
+    componentProps: {
+      class: 'w-full',
+    },
+  },
 
-
-
-
-
+  // 使用 tailwindcss grid布局
+  // 提交函数
+  // 垂直布局，label和input在不同行，值为vertical
+  layout: 'horizontal',
+  // 水平布局，label和input在同一行
+  schema: [
+    {
+      component: 'Input',
+      defaultValue: "",
+      componentProps: {
+        placeholder: '请输入gm命令', 
+      },
+      label: 'Gm:',
+      fieldName: 'gm',
+    }
+  ],
+  handleSubmit: async (values) => {
+    console.log('values:', values);
+    const cv  = modalApi.getData<Record<string, any>>();
+    console.log('cv:', cv);
+    // 提交表单
+    // await addServer(values.AppId, values.ServerId, values.ServerName, values.Status, dateTime);
+    // modalApi.close();
+  },
+  showDefaultActions: true,
+  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
+  wrapperClass: 'grid-cols-2 ',
+});
 
 const data = ref();
 const info = ref<{
@@ -105,7 +137,7 @@ const [Modal, modalApi] = useVbenModal({
                     });
                 }
             } catch (error) {
-                console.error('Error fetching user info:', error);
+                //console.error('Error fetching user info:', error);
             }
         }
     },
@@ -124,7 +156,9 @@ const [Modal, modalApi] = useVbenModal({
                 <template #energy>{{ info.Energy }} </template>
                 <template #diamond>{{ info.Diamond }}</template>
             </UserHeader>
-
+            <div class="mt-5">
+                <BaseForm />
+            </div>
             <div class="mt-5 flex flex-col lg:flex-row">
                 <div class="mr-4 w-full lg:w-3/5">
                     <WorkbenchProject :items="info.Order" title="订单" />
@@ -144,6 +178,7 @@ const [Modal, modalApi] = useVbenModal({
 
                 </div>
             </div>
+            
         </div>
     </Modal>
 </template>
diff --git a/apps/web-antd/src/views/userlog/userlist/userlist.vue b/apps/web-antd/src/views/userlog/userlist/userlist.vue
index 7244ad7..73d242f 100644
--- a/apps/web-antd/src/views/userlog/userlist/userlist.vue
+++ b/apps/web-antd/src/views/userlog/userlist/userlist.vue
@@ -8,9 +8,14 @@ import type { VxeGridProps } from '#/adapter/vxe-table';
 import type { VbenFormProps } from '#/adapter/form';
 import { Page } from '@vben/common-ui';
 import type { VxeGridListeners } from 'vxe-table';
-import { useVbenModal } from '@vben/common-ui' 
+import { useVbenModal } from '@vben/common-ui'
+import { onMounted, ref } from 'vue';
+import { getServerListApi, getAppListApi } from '#/api/core/server';
+import type { AppData, ServerData } from '#/api/core/server';
 
-import  userModalDemo  from './user.vue';
+const appList = ref<AppData[]>([]);
+const ServerList = ref<ServerData[]>([]);
+import userModalDemo from './user.vue';
 // import { PlayerInfo } from '#/model/player';
 const [userModal, userModalApi] = useVbenModal({
   connectedComponent: userModalDemo,
@@ -26,18 +31,54 @@ interface RowType {
   LoginTime: number;
   Online: string;
 }
+
 const formOptions: VbenFormProps = {
   // 默认展开
   collapsed: false,
   schema: [
     {
-      component: 'Input',
-      componentProps: {
-        placeholder: 'AppId',
-      },
+      component: 'Select',
       defaultValue: 1,
+      componentProps: {
+        onChange: async (value: number) => {
+          const serverResponse = await getServerListApi({AppId:value, Type: 1});
+          ServerList.value = Array.isArray(serverResponse) ? serverResponse : [];
+          GridApi.formApi.updateSchema([
+            {
+              component: 'Select',
+              componentProps: {
+                options: ServerList.value.map((item) => ({
+                  label: item.ServerId,
+                  value: item.ServerId,
+                })),
+              },
+              fieldName: 'ServerId',
+            },
+          ]);
+        },
+        filterOption: true,
+        options: [
+
+        ],
+        placeholder: '请选择',
+        showSearch: true,
+      },
       fieldName: 'AppId',
-      label: 'AppId',
+      label: 'APP：',
+    },
+    {
+      component: 'Select',
+      defaultValue: 1,
+      componentProps: {
+        filterOption: true,
+        options: [
+
+        ],
+        placeholder: '请选择',
+        showSearch: true,
+      },
+      fieldName: 'ServerId',
+      label: 'ServerId：',
     }
   ],
   // 控制表单是否显示折叠按钮
@@ -51,8 +92,9 @@ const formOptions: VbenFormProps = {
   submitOnEnter: false,
 }
 const gridEvents: VxeGridListeners<RowType> = {
-  cellClick: async ({row}) => {
-    userModalApi.setData({ uid: row.Uid });
+  cellClick: async ({ row }) => {
+    const value = await GridApi.formApi.getValues();
+    userModalApi.setData({ uid: row.Uid, AppId: value.AppId, ServerId: value.ServerId });
     userModalApi.open();
   },
 };
@@ -67,11 +109,20 @@ const gridOptions: VxeGridProps<RowType> = {
     { field: 'Diamond', title: '钻石', formatter: ({ cellValue }) => `${cellValue} 💎` },
     { field: 'Star', title: '星星', formatter: ({ cellValue }) => `${cellValue} ⭐` },
     { field: 'Energy', title: '能量', formatter: ({ cellValue }) => `${cellValue} ⚡` },
-    { field: 'LoginTime', title: '登录时间', formatter: ({ cellValue }) => dayjs(cellValue * 1000).format('YYYY-MM-DD HH:mm:ss') },
+    { field: 'LoginTime', sortable:true, title: '登录时间', formatter: ({ cellValue }) => dayjs(cellValue * 1000).format('YYYY-MM-DD HH:mm:ss') },
     { field: 'Online', title: '在线状态', slots: { default: 'online' } },
   ],
   height: 'auto',
   pagerConfig: {},
+  sortConfig: {
+    multiple: true,
+  },
+  toolbarConfig: {
+    refresh: true,
+    zoom: true,
+    custom: true,
+
+  },
   proxyConfig: {
     response: {
       total: "total",
@@ -79,8 +130,9 @@ const gridOptions: VxeGridProps<RowType> = {
     },
     ajax: {
       query: async ({ page }, formValues) => {
-        let Id = parseInt(formValues.AppId,10);
-        let r =  await getUserListApi({ Id: Id, pageSize: page.pageSize, currentPage: page.currentPage });
+        let Id = parseInt(formValues.AppId, 10);
+        let ServerId = parseInt(formValues.ServerId, 10);
+        let r = await getUserListApi({ Id: Id, ServerId:ServerId, pageSize: page.pageSize, currentPage: page.currentPage });
         return r;
       },
     },
@@ -92,9 +144,45 @@ const gridOptions: VxeGridProps<RowType> = {
 
 };
 
-const [Grid] = useVbenVxeGrid({ formOptions, gridOptions, gridEvents });
-
+const [Grid, GridApi] = useVbenVxeGrid({ formOptions, gridOptions, gridEvents });
 
+onMounted(async () => {
+  try {
+    const response = await getAppListApi();
+    appList.value = Array.isArray(response) ? response : [];
+    const app = appList.value[0];
+    if (!app) return;
+    GridApi.formApi.updateSchema([
+      {
+        component: 'Select',
+        componentProps: {
+          options: appList.value.map((item) => ({
+            label: item.AppName,
+            value: item.AppId,
+          })),
+        },
+        fieldName: 'AppId',
+      },
+    ]);
+    const serverResponse = await getServerListApi({AppId:app.AppId, Type: 1});
+    ServerList.value = Array.isArray(serverResponse) ? serverResponse : [];
+    GridApi.formApi.updateSchema([
+      {
+        component: 'Select',
+        componentProps: {
+          options: ServerList.value.map((item) => ({
+            label: item.ServerId,
+            value: item.ServerId,
+          })),
+        },
+        fieldName: 'ServerId',
+      },
+    ]);
+  } catch (e) {
+    appList.value = [];
+    console.log(e);
+  }
+});
 function getTagColor(online: string): string {
   let color = online == '在线' ? 'green' : 'red';
   return color;
@@ -114,8 +202,7 @@ function getTagColor(online: string): string {
 </template>
 
 <style lang="css">
-  .broder-bottom-1 {
-    border-bottom: 0.5px solid rgb(136, 134, 134);
-  }
-  
+.broder-bottom-1 {
+  border-bottom: 0.5px solid rgb(136, 134, 134);
+}
 </style>
\ No newline at end of file
diff --git a/packages/effects/common-ui/src/ui/dashboard/analysis/analysis-overview.vue b/packages/effects/common-ui/src/ui/dashboard/analysis/analysis-overview.vue
index ea4d7bc..6a1fdef 100644
--- a/packages/effects/common-ui/src/ui/dashboard/analysis/analysis-overview.vue
+++ b/packages/effects/common-ui/src/ui/dashboard/analysis/analysis-overview.vue
@@ -38,15 +38,17 @@ withDefaults(defineProps<Props>(), {
             :start-val="1"
             class="text-xl"
             prefix=""
+            :decimals=item.decimals
           />
           <VbenIcon :icon="item.icon" class="size-8 flex-shrink-0" />
         </CardContent>
         <CardFooter class="justify-between">
           <span>{{ item.totalTitle }}</span>
-          <VbenCountToAnimator
+          <VbenCountToAnimator            
             :end-val="item.totalValue"
             :start-val="1"
             prefix=""
+            :decimals=item.decimals
           />
         </CardFooter>
       </Card>
diff --git a/packages/effects/common-ui/src/ui/dashboard/typing.ts b/packages/effects/common-ui/src/ui/dashboard/typing.ts
index 48fc9c7..709cd8a 100644
--- a/packages/effects/common-ui/src/ui/dashboard/typing.ts
+++ b/packages/effects/common-ui/src/ui/dashboard/typing.ts
@@ -6,6 +6,7 @@ interface AnalysisOverviewItem {
   totalTitle: string;
   totalValue: number;
   value: number;
+  decimals?: number;
 }
 
 interface WorkbenchProjectItem {
diff --git a/packages/icons/src/svg/icons/user.svg b/packages/icons/src/svg/icons/user.svg
new file mode 100644
index 0000000..ef767b0
--- /dev/null
+++ b/packages/icons/src/svg/icons/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 16 16"><path fill="#d74747" d="m8.92 13.67l-1.61-1.53l-1.5-1.42l2-.29l2.25-.32l.29-.57h-.02a1 1 0 0 1-.979-.794c-.001-.617.799-.417 1.429-1.457c.08-.02 2.82-7.29-2.78-7.29s-2.86 7.27-2.86 7.27c.63 1 1.44.85 1.43 1.45s-.74.8-1.43.87C4 9.719 3 9.459 2 11.349c-.6 1.09-.85 4.65-.85 4.65h7.36v-.17zm2.8 2.33h.56l-.28-.14z"/><path fill="#d74747" d="M12 14.73L14.47 16L14 13.31l2-1.9l-2.76-.39L12 8.57l-1.24 2.45l-2.76.39l2 1.9L9.53 16z"/></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svg/index.ts b/packages/icons/src/svg/index.ts
index 3b5cb99..03dbfa2 100644
--- a/packages/icons/src/svg/index.ts
+++ b/packages/icons/src/svg/index.ts
@@ -7,6 +7,7 @@ const SvgAvatar2Icon = createIconifyIcon('svg:avatar-2');
 const SvgAvatar3Icon = createIconifyIcon('svg:avatar-3');
 const SvgAvatar4Icon = createIconifyIcon('svg:avatar-4');
 const SvgDownloadIcon = createIconifyIcon('svg:download');
+const SvgUserIcon = createIconifyIcon('svg:user');
 const SvgCardIcon = createIconifyIcon('svg:card');
 const SvgBellIcon = createIconifyIcon('svg:bell');
 const SvgCakeIcon = createIconifyIcon('svg:cake');
@@ -22,4 +23,5 @@ export {
   SvgCakeIcon,
   SvgCardIcon,
   SvgDownloadIcon,
+  SvgUserIcon,
 };
diff --git a/playground/src/views/examples/form/basic.vue b/playground/src/views/examples/form/basic.vue
index 09a8c74..d041a38 100644
--- a/playground/src/views/examples/form/basic.vue
+++ b/playground/src/views/examples/form/basic.vue
@@ -10,6 +10,7 @@ import { useVbenForm } from '#/adapter/form';
 import { getAllMenusApi } from '#/api';
 
 import DocButton from '../doc-button.vue';
+import { format } from 'path';
 
 const activeTab = ref('basic');
 
@@ -204,6 +205,7 @@ const [BaseForm, baseFormApi] = useVbenForm({
     {
       component: 'TimePicker',
       fieldName: 'timePicker',
+
       label: '时间选择框',
     },
     {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d8b15ae..b03203d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,9 +27,6 @@ catalogs:
     '@eslint/js':
       specifier: ^9.16.0
       version: 9.16.0
-    '@faker-js/faker':
-      specifier: ^9.3.0
-      version: 9.3.0
     '@iconify/json':
       specifier: ^2.2.279
       version: 2.2.279
@@ -84,9 +81,6 @@ catalogs:
     '@types/html-minifier-terser':
       specifier: ^7.0.2
       version: 7.0.2
-    '@types/jsonwebtoken':
-      specifier: ^9.0.7
-      version: 9.0.7
     '@types/lodash.clonedeep':
       specifier: ^4.5.9
       version: 4.5.9
@@ -270,9 +264,6 @@ catalogs:
     globals:
       specifier: ^15.13.0
       version: 15.13.0
-    h3:
-      specifier: ^1.13.0
-      version: 1.13.0
     happy-dom:
       specifier: ^15.11.7
       version: 15.11.7
@@ -288,9 +279,6 @@ catalogs:
     jsonc-eslint-parser:
       specifier: ^2.4.0
       version: 2.4.0
-    jsonwebtoken:
-      specifier: ^9.0.2
-      version: 9.0.2
     lint-staged:
       specifier: ^15.2.10
       version: 15.2.10
@@ -604,49 +592,6 @@ importers:
         specifier: 'catalog:'
         version: 2.1.10(typescript@5.6.3)
 
-  apps/backend-mock:
-    dependencies:
-      '@faker-js/faker':
-        specifier: 'catalog:'
-        version: 9.3.0
-      jsonwebtoken:
-        specifier: 'catalog:'
-        version: 9.0.2
-      long:
-        specifier: ^5.2.3
-        version: 5.2.3
-      mysql2:
-        specifier: ^3.11.5
-        version: 3.11.5
-      nitropack:
-        specifier: 'catalog:'
-        version: 2.10.4(encoding@0.1.13)(mysql2@3.11.5)(typescript@5.7.2)
-      protobufjs:
-        specifier: ^7.4.0
-        version: 7.4.0
-      protobufjs-cli:
-        specifier: ^1.1.3
-        version: 1.1.3(protobufjs@7.4.0)
-      ssh-tunneling:
-        specifier: ^1.1.23
-        version: 1.1.23
-      ssh2:
-        specifier: ^1.16.0
-        version: 1.16.0
-      tunnel-ssh:
-        specifier: ^5.1.2
-        version: 5.1.2
-      ws:
-        specifier: ^8.18.0
-        version: 8.18.0
-    devDependencies:
-      '@types/jsonwebtoken':
-        specifier: 'catalog:'
-        version: 9.0.7
-      h3:
-        specifier: 'catalog:'
-        version: 1.13.0
-
   apps/web-antd:
     dependencies:
       '@vben/access':
@@ -3575,10 +3520,6 @@ packages:
     resolution: {integrity: sha512-2b/g5hRmpbb1o4GnTZax9N9m0FXzz9OV42ZzI4rDDMDuHUqigAiQCEWChBWCY4ztAGVRjoWT19v0yMmc5/L5kA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@faker-js/faker@9.3.0':
-    resolution: {integrity: sha512-r0tJ3ZOkMd9xsu3VRfqlFR6cz0V/jFYRswAIpC+m/DIfAUXq7g8N7wTAlhSANySXYGKzGryfDXwtwsY8TxEIDw==}
-    engines: {node: '>=18.0.0', npm: '>=9.0.0'}
-
   '@floating-ui/core@1.6.8':
     resolution: {integrity: sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==}
 
@@ -3744,10 +3685,6 @@ packages:
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
-  '@jsdoc/salty@0.2.9':
-    resolution: {integrity: sha512-yYxMVH7Dqw6nO0d5NIV8OQWnitU8k6vXH8NtgqAfIa/IUqRMxRv/NUJJ08VEKbAakwxlgBl5PJdrU0dMPStsnw==}
-    engines: {node: '>=v12.0.0'}
-
   '@jspm/generator@2.4.1':
     resolution: {integrity: sha512-FmVw1I4JoNUG129GjgPLU3PQ+OQP/eZpbSoH/jT8cCjN9blHQkx0KD4jHozcd04kxAoEFeWo+9HBxktv4geC0A==}
 
@@ -3975,36 +3912,6 @@ packages:
   '@polka/url@1.0.0-next.28':
     resolution: {integrity: sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==}
 
-  '@protobufjs/aspromise@1.1.2':
-    resolution: {integrity: sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==}
-
-  '@protobufjs/base64@1.1.2':
-    resolution: {integrity: sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==}
-
-  '@protobufjs/codegen@2.0.4':
-    resolution: {integrity: sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==}
-
-  '@protobufjs/eventemitter@1.1.0':
-    resolution: {integrity: sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==}
-
-  '@protobufjs/fetch@1.1.0':
-    resolution: {integrity: sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==}
-
-  '@protobufjs/float@1.0.2':
-    resolution: {integrity: sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==}
-
-  '@protobufjs/inquire@1.1.0':
-    resolution: {integrity: sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==}
-
-  '@protobufjs/path@1.1.2':
-    resolution: {integrity: sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==}
-
-  '@protobufjs/pool@1.1.0':
-    resolution: {integrity: sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==}
-
-  '@protobufjs/utf8@1.1.0':
-    resolution: {integrity: sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==}
-
   '@redocly/ajv@8.11.2':
     resolution: {integrity: sha512-io1JpnwtIcvojV7QKDUSIuMN/ikdOUd1ReEnUnMKGfDVridQZ31J0MmIuqwuRjWDZfmvr+Q0MqCcfHM2gTivOg==}
 
@@ -4374,9 +4281,6 @@ packages:
   '@types/jsonfile@6.1.4':
     resolution: {integrity: sha512-D5qGUYwjvnNNextdU59/+fI+spnwtTFmyQP0h+PfIOSkNfpU6AOICUOkm4i0OnSk+NyjdPJrxCDro0sJsWlRpQ==}
 
-  '@types/jsonwebtoken@9.0.7':
-    resolution: {integrity: sha512-ugo316mmTYBl2g81zDFnZ7cfxlut3o+/EQdaP7J8QN2kY6lJ22hmQYCK5EHcJHbrW+dkCGSCPgbG8JtYj6qSrg==}
-
   '@types/katex@0.16.7':
     resolution: {integrity: sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==}
 
@@ -5003,9 +4907,6 @@ packages:
     resolution: {integrity: sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==}
     engines: {node: '>=8'}
 
-  asn1@0.2.6:
-    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
-
   assertion-error@2.0.1:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
@@ -5086,9 +4987,6 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  bcrypt-pbkdf@1.0.2:
-    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
-
   better-path-resolve@1.0.0:
     resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
     engines: {node: '>=4'}
@@ -5106,9 +5004,6 @@ packages:
   birpc@0.2.19:
     resolution: {integrity: sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ==}
 
-  bluebird@3.7.2:
-    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
-
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
@@ -5135,19 +5030,12 @@ packages:
     resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
     engines: {node: '>=8.0.0'}
 
-  buffer-equal-constant-time@1.0.1:
-    resolution: {integrity: sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==}
-
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
   buffer@6.0.3:
     resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
 
-  buildcheck@0.0.6:
-    resolution: {integrity: sha512-8f9ZJCUXyT1M35Jx7MkBgmBMo3oHTTBIPLiY9xyL0pl3T5RwcPEY8cUHr5LBNfu/fk6c2T4DJZuVM/8ZZT2D2A==}
-    engines: {node: '>=10.0.0'}
-
   builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
@@ -5208,10 +5096,6 @@ packages:
   caniuse-lite@1.0.30001684:
     resolution: {integrity: sha512-G1LRwLIQjBQoyq0ZJGqGIJUXzJ8irpbjHLpVRXDvBEScFJ9b17sgK6vlx0GAJFE21okD7zXl08rRRUfq6HdoEQ==}
 
-  catharsis@0.9.0:
-    resolution: {integrity: sha512-prMTQVpcns/tzFgFVkVp6ak6RykZyWb3gu8ckUpd6YkTlacOd3DXGJjIpD4Q6zJirizvaiAjSSHlOsA+6sNh2A==}
-    engines: {node: '>= 10'}
-
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
@@ -5511,10 +5395,6 @@ packages:
       typescript:
         optional: true
 
-  cpu-features@0.0.10:
-    resolution: {integrity: sha512-9IkYqtX3YHPCzoVg1Py+o9057a3i0fp7S530UWokCSaFVTc7CwXPRiOjRjBQQ18ZCNafx78YfnG+HALxtVmOGA==}
-    engines: {node: '>=10.0.0'}
-
   crc-32@1.2.2:
     resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
     engines: {node: '>=0.8'}
@@ -5947,9 +5827,6 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  ecdsa-sig-formatter@1.0.11:
-    resolution: {integrity: sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==}
-
   echarts@5.5.1:
     resolution: {integrity: sha512-Fce8upazaAXUVUVsjgV6mBnGuqgO+JNDlcgF79Dksy4+wgGpQB2lmYoO4TSweFg/mZITdpGHomw/cNBJZj1icA==}
 
@@ -6095,10 +5972,6 @@ packages:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
     engines: {node: '>=0.8.0'}
 
-  escape-string-regexp@2.0.0:
-    resolution: {integrity: sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==}
-    engines: {node: '>=8'}
-
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -6107,11 +5980,6 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
-  escodegen@1.14.3:
-    resolution: {integrity: sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==}
-    engines: {node: '>=4.0'}
-    hasBin: true
-
   escodegen@2.1.0:
     resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
     engines: {node: '>=6.0'}
@@ -6318,10 +6186,6 @@ packages:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
 
-  estraverse@4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
-    engines: {node: '>=4.0'}
-
   estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
@@ -7265,9 +7129,6 @@ packages:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
 
-  js2xmlparser@4.0.2:
-    resolution: {integrity: sha512-6n4D8gLlLf1n5mNLQPRfViYzu9RATblzPEtm1SthMX1Pjao0r9YI9nw7ZIfRxQMERS87mcswrg+r/OYrPRX6jA==}
-
   jsbn@1.1.0:
     resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
 
@@ -7275,11 +7136,6 @@ packages:
     resolution: {integrity: sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==}
     engines: {node: '>=12.0.0'}
 
-  jsdoc@4.0.4:
-    resolution: {integrity: sha512-zeFezwyXeG4syyYHbvh1A967IAqq/67yXtXvuL5wnqCkFZe8I0vKfm+EO+YEvLguo6w9CDUbrAXVtJSHh2E8rw==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
-
   jsesc@0.5.0:
     resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
     hasBin: true
@@ -7330,16 +7186,6 @@ packages:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
     engines: {node: '>=0.10.0'}
 
-  jsonwebtoken@9.0.2:
-    resolution: {integrity: sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==}
-    engines: {node: '>=12', npm: '>=6'}
-
-  jwa@1.4.1:
-    resolution: {integrity: sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==}
-
-  jws@3.2.2:
-    resolution: {integrity: sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==}
-
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
@@ -7347,9 +7193,6 @@ packages:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
 
-  klaw@3.0.0:
-    resolution: {integrity: sha512-0Fo5oir+O9jnXu5EefYbVK+mHMBeEVEy2cmctR1O1NECcCkPRreJKrS6Qt/j3KC2C148Dfo9i3pCmCMsdqGr0g==}
-
   klona@2.0.6:
     resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==}
     engines: {node: '>= 8'}
@@ -7384,10 +7227,6 @@ packages:
     resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
     engines: {node: '>=6'}
 
-  levn@0.3.0:
-    resolution: {integrity: sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==}
-    engines: {node: '>= 0.8.0'}
-
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -7399,9 +7238,6 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  linkify-it@5.0.0:
-    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
-
   lint-staged@15.2.10:
     resolution: {integrity: sha512-5dY5t743e1byO19P9I4b3x8HJwalIznL5E1FWYnU6OWw33KxNBSLAc6Cy7F2PsFEO8FKnLwjwm5hx7aMF0jzZg==}
     engines: {node: '>=18.12.0'}
@@ -7459,30 +7295,15 @@ packages:
   lodash.get@4.4.2:
     resolution: {integrity: sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==}
 
-  lodash.includes@4.3.0:
-    resolution: {integrity: sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==}
-
   lodash.isarguments@3.1.0:
     resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
 
-  lodash.isboolean@3.0.3:
-    resolution: {integrity: sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==}
-
   lodash.isequal@4.5.0:
     resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
 
-  lodash.isinteger@4.0.4:
-    resolution: {integrity: sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==}
-
-  lodash.isnumber@3.0.3:
-    resolution: {integrity: sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==}
-
   lodash.isplainobject@4.0.6:
     resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
 
-  lodash.isstring@4.0.1:
-    resolution: {integrity: sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==}
-
   lodash.kebabcase@4.1.1:
     resolution: {integrity: sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==}
 
@@ -7495,9 +7316,6 @@ packages:
   lodash.mergewith@4.6.2:
     resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
 
-  lodash.once@4.1.1:
-    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
-
   lodash.snakecase@4.1.1:
     resolution: {integrity: sha512-QZ1d4xoBHYUeuouhEq3lk3Uq7ldgyFXGBhg04+oRLnIz8o9T65Eh+8YdroUwn846zchkA9yDsDl5CVVaV2nqYw==}
 
@@ -7591,21 +7409,6 @@ packages:
   mark.js@8.11.1:
     resolution: {integrity: sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==}
 
-  markdown-it-anchor@8.6.7:
-    resolution: {integrity: sha512-FlCHFwNnutLgVTflOYHPW2pPcl2AACqVzExlkGQNsi4CJgqOHN7YTgDd4LuhgN1BFO3TS0vLAruV1Td6dwWPJA==}
-    peerDependencies:
-      '@types/markdown-it': '*'
-      markdown-it: '*'
-
-  markdown-it@14.1.0:
-    resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==}
-    hasBin: true
-
-  marked@4.3.0:
-    resolution: {integrity: sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==}
-    engines: {node: '>= 12'}
-    hasBin: true
-
   mathml-tag-names@2.1.3:
     resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==}
 
@@ -7624,9 +7427,6 @@ packages:
   mdn-data@2.12.2:
     resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
 
-  mdurl@2.0.0:
-    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
-
   medium-zoom@1.1.0:
     resolution: {integrity: sha512-ewyDsp7k4InCUp3jRmwHBRFGyjBimKps/AJLjRSox+2q/2H4p/PNpQf+pwONWlJiOudkBXtbdmVbFjqyybfTmQ==}
 
@@ -7833,9 +7633,6 @@ packages:
     resolution: {integrity: sha512-eLoBxg6wE/rZkJPhU/xRX1WTpkFEwDJEN96oxFrTsqBdbT5ec295Q+CoHrL9IT0DipqKhmGcaZmwOt8OON5x1w==}
     engines: {node: '>=12.0.0'}
 
-  nan@2.22.0:
-    resolution: {integrity: sha512-nbajikzWTMwsW+eSsNm3QwlOs7het9gGJU5dDZzRTQGk03vyBOauxgI4VakDzE0PtsGTmXPsXTbbjVhRwR5mpw==}
-
   nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -8023,10 +7820,6 @@ packages:
     peerDependencies:
       typescript: ^5.x
 
-  optionator@0.8.3:
-    resolution: {integrity: sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==}
-    engines: {node: '>= 0.8.0'}
-
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
@@ -8694,10 +8487,6 @@ packages:
   preact@10.25.0:
     resolution: {integrity: sha512-6bYnzlLxXV3OSpUxLdaxBmE7PMOu0aR3pG6lryK/0jmvcDFPlcXGQAt5DpK3RITWiDrfYZRI0druyaK/S9kYLg==}
 
-  prelude-ls@1.1.2:
-    resolution: {integrity: sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==}
-    engines: {node: '>= 0.8.0'}
-
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -8808,17 +8597,6 @@ packages:
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
-  protobufjs-cli@1.1.3:
-    resolution: {integrity: sha512-MqD10lqF+FMsOayFiNOdOGNlXc4iKDCf0ZQPkPR+gizYh9gqUeGTWulABUCdI+N67w5RfJ6xhgX4J8pa8qmMXQ==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
-    peerDependencies:
-      protobufjs: ^7.0.0
-
-  protobufjs@7.4.0:
-    resolution: {integrity: sha512-mRUWCc3KUU4w1jU8sGxICXH/gNS94DvI1gxqDvBzhj1JpcsimQkYiOJfwsPUykUI5ZaspFbSgmBLER8IrQ3tqw==}
-    engines: {node: '>=12.0.0'}
-
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
@@ -8830,10 +8608,6 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
-  punycode.js@2.3.1:
-    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
-    engines: {node: '>=6'}
-
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -9014,9 +8788,6 @@ packages:
   require-package-name@2.0.1:
     resolution: {integrity: sha512-uuoJ1hU/k6M0779t3VMVIYpb2VMJk05cehCaABFhXaibcbvfgR8wKiozLjVFSzJPmQMRqIcO0HMyTFqfV09V6Q==}
 
-  requizzle@0.2.4:
-    resolution: {integrity: sha512-JRrFk1D4OQ4SqovXOgdav+K8EAhSB/LJZqCz8tbX0KObcdeM15Ss59ozWMBWmmINMagCwmqn4ZNryUGpBsl6Jw==}
-
   resize-observer-polyfill@1.5.1:
     resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
 
@@ -9349,13 +9120,6 @@ packages:
     resolution: {integrity: sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg==}
     engines: {node: '>= 0.6'}
 
-  ssh-tunneling@1.1.23:
-    resolution: {integrity: sha512-DETiTNz1VBefhjDzCNkOwqO1ibG80KbuPMK0XPW5Dok3RZ6tQ9uI+z7rZxuhmI5XeJ6XtD7xzJKLPAIEPToveg==}
-
-  ssh2@1.16.0:
-    resolution: {integrity: sha512-r1X4KsBGedJqo7h8F5c4Ybpcr5RjyP+aWIG007uBPRjmdQWfEiVLzSK71Zji1B9sKxwaCvD8y8cwSkYrlLiRRg==}
-    engines: {node: '>=10.16.0'}
-
   ssri@8.0.1:
     resolution: {integrity: sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==}
     engines: {node: '>= 8'}
@@ -9703,10 +9467,6 @@ packages:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
     engines: {node: '>=0.6.0'}
 
-  tmp@0.2.3:
-    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
-    engines: {node: '>=14.14'}
-
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -9746,9 +9506,6 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  tunnel-ssh@5.1.2:
-    resolution: {integrity: sha512-PNfxgg5aEV9ZWpx4oHvkyPoC7TvYGdbob9L35BrYGY/LM3mt5KUQ5uOO9PbT/gNQowGanOfli3JGwRZ+DTd2ZQ==}
-
   turbo-darwin-64@2.3.3:
     resolution: {integrity: sha512-bxX82xe6du/3rPmm4aCC5RdEilIN99VUld4HkFQuw+mvFg6darNBuQxyWSHZTtc25XgYjQrjsV05888w1grpaA==}
     cpu: [x64]
@@ -9783,13 +9540,6 @@ packages:
     resolution: {integrity: sha512-DUHWQAcC8BTiUZDRzAYGvpSpGLiaOQPfYXlCieQbwUvmml/LRGIe3raKdrOPOoiX0DYlzxs2nH6BoWJoZrj8hA==}
     hasBin: true
 
-  tweetnacl@0.14.5:
-    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
-
-  type-check@0.3.2:
-    resolution: {integrity: sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==}
-    engines: {node: '>= 0.8.0'}
-
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -9845,17 +9595,9 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  uc.micro@2.1.0:
-    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
-
   ufo@1.5.4:
     resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
 
-  uglify-js@3.19.3:
-    resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
-    engines: {node: '>=0.8.0'}
-    hasBin: true
-
   unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
 
@@ -9874,9 +9616,6 @@ packages:
   unctx@2.3.1:
     resolution: {integrity: sha512-PhKke8ZYauiqh3FEMVNm7ljvzQiph0Mt3GBRve03IJm7ukfaON2OBK795tLwhbyfzknuRRkW0+Ze+CQUmzOZ+A==}
 
-  underscore@1.13.7:
-    resolution: {integrity: sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g==}
-
   undici-types@6.20.0:
     resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
 
@@ -10469,18 +10208,6 @@ packages:
     resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
-  ws@8.18.0:
-    resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: '>=5.0.2'
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-
   xdg-basedir@5.1.0:
     resolution: {integrity: sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==}
     engines: {node: '>=12'}
@@ -10492,9 +10219,6 @@ packages:
     resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
     engines: {node: '>=12'}
 
-  xmlcreate@2.0.4:
-    resolution: {integrity: sha512-nquOebG4sngPmGPICTS5EnxqhKbCmz5Ox5hsszI2T6U5qdrJizBc+0ilYSEjTSzU0yZcmvppztXe/5Al5fUwdg==}
-
   y18n@4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
 
@@ -12455,8 +12179,6 @@ snapshots:
     dependencies:
       levn: 0.4.1
 
-  '@faker-js/faker@9.3.0': {}
-
   '@floating-ui/core@1.6.8':
     dependencies:
       '@floating-ui/utils': 0.2.8
@@ -12648,10 +12370,6 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@jsdoc/salty@0.2.9':
-    dependencies:
-      lodash: 4.17.21
-
   '@jspm/generator@2.4.1':
     dependencies:
       '@babel/core': 7.26.0
@@ -13010,29 +12728,6 @@ snapshots:
 
   '@polka/url@1.0.0-next.28': {}
 
-  '@protobufjs/aspromise@1.1.2': {}
-
-  '@protobufjs/base64@1.1.2': {}
-
-  '@protobufjs/codegen@2.0.4': {}
-
-  '@protobufjs/eventemitter@1.1.0': {}
-
-  '@protobufjs/fetch@1.1.0':
-    dependencies:
-      '@protobufjs/aspromise': 1.1.2
-      '@protobufjs/inquire': 1.1.0
-
-  '@protobufjs/float@1.0.2': {}
-
-  '@protobufjs/inquire@1.1.0': {}
-
-  '@protobufjs/path@1.1.2': {}
-
-  '@protobufjs/pool@1.1.0': {}
-
-  '@protobufjs/utf8@1.1.0': {}
-
   '@redocly/ajv@8.11.2':
     dependencies:
       fast-deep-equal: 3.1.3
@@ -13419,10 +13114,6 @@ snapshots:
       '@types/node': 22.10.1
     optional: true
 
-  '@types/jsonwebtoken@9.0.7':
-    dependencies:
-      '@types/node': 22.10.1
-
   '@types/katex@0.16.7': {}
 
   '@types/linkify-it@5.0.0': {}
@@ -14224,10 +13915,6 @@ snapshots:
 
   arrify@2.0.1: {}
 
-  asn1@0.2.6:
-    dependencies:
-      safer-buffer: 2.1.2
-
   assertion-error@2.0.1: {}
 
   astral-regex@2.0.0: {}
@@ -14261,7 +13948,8 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  aws-ssl-profiles@1.1.2: {}
+  aws-ssl-profiles@1.1.2:
+    optional: true
 
   axios-mock-adapter@2.1.0(axios@1.7.9):
     dependencies:
@@ -14312,10 +14000,6 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  bcrypt-pbkdf@1.0.2:
-    dependencies:
-      tweetnacl: 0.14.5
-
   better-path-resolve@1.0.0:
     dependencies:
       is-windows: 1.0.2
@@ -14330,8 +14014,6 @@ snapshots:
 
   birpc@0.2.19: {}
 
-  bluebird@3.7.2: {}
-
   boolbase@1.0.0: {}
 
   boxen@8.0.1:
@@ -14367,8 +14049,6 @@ snapshots:
 
   buffer-crc32@1.0.0: {}
 
-  buffer-equal-constant-time@1.0.1: {}
-
   buffer-from@1.1.2: {}
 
   buffer@6.0.3:
@@ -14376,9 +14056,6 @@ snapshots:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
-  buildcheck@0.0.6:
-    optional: true
-
   builtin-modules@3.3.0: {}
 
   bundle-name@4.1.0:
@@ -14461,10 +14138,6 @@ snapshots:
 
   caniuse-lite@1.0.30001684: {}
 
-  catharsis@0.9.0:
-    dependencies:
-      lodash: 4.17.21
-
   ccount@2.0.1: {}
 
   chai@5.1.2:
@@ -14773,12 +14446,6 @@ snapshots:
     optionalDependencies:
       typescript: 5.7.2
 
-  cpu-features@0.0.10:
-    dependencies:
-      buildcheck: 0.0.6
-      nan: 2.22.0
-    optional: true
-
   crc-32@1.2.2: {}
 
   crc32-stream@6.0.0:
@@ -15237,10 +14904,6 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
-  ecdsa-sig-formatter@1.0.11:
-    dependencies:
-      safe-buffer: 5.2.1
-
   echarts@5.5.1:
     dependencies:
       tslib: 2.3.0
@@ -15473,21 +15136,10 @@ snapshots:
 
   escape-string-regexp@1.0.5: {}
 
-  escape-string-regexp@2.0.0: {}
-
   escape-string-regexp@4.0.0: {}
 
   escape-string-regexp@5.0.0: {}
 
-  escodegen@1.14.3:
-    dependencies:
-      esprima: 4.0.1
-      estraverse: 4.3.0
-      esutils: 2.0.3
-      optionator: 0.8.3
-    optionalDependencies:
-      source-map: 0.6.1
-
   escodegen@2.1.0:
     dependencies:
       esprima: 4.0.1
@@ -15772,8 +15424,6 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
-  estraverse@4.3.0: {}
-
   estraverse@5.3.0: {}
 
   estree-walker@1.0.1: {}
@@ -16028,6 +15678,7 @@ snapshots:
   generate-function@2.3.1:
     dependencies:
       is-property: 1.0.2
+    optional: true
 
   gensequence@7.0.0: {}
 
@@ -16578,7 +16229,8 @@ snapshots:
 
   is-plain-object@5.0.0: {}
 
-  is-property@1.0.2: {}
+  is-property@1.0.2:
+    optional: true
 
   is-reference@1.2.1:
     dependencies:
@@ -16710,32 +16362,10 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
-  js2xmlparser@4.0.2:
-    dependencies:
-      xmlcreate: 2.0.4
-
   jsbn@1.1.0: {}
 
   jsdoc-type-pratt-parser@4.1.0: {}
 
-  jsdoc@4.0.4:
-    dependencies:
-      '@babel/parser': 7.26.2
-      '@jsdoc/salty': 0.2.9
-      '@types/markdown-it': 14.1.2
-      bluebird: 3.7.2
-      catharsis: 0.9.0
-      escape-string-regexp: 2.0.0
-      js2xmlparser: 4.0.2
-      klaw: 3.0.0
-      markdown-it: 14.1.0
-      markdown-it-anchor: 8.6.7(@types/markdown-it@14.1.2)(markdown-it@14.1.0)
-      marked: 4.3.0
-      mkdirp: 1.0.4
-      requizzle: 0.2.4
-      strip-json-comments: 3.1.1
-      underscore: 1.13.7
-
   jsesc@0.5.0: {}
 
   jsesc@3.0.2: {}
@@ -16775,40 +16405,12 @@ snapshots:
 
   jsonpointer@5.0.1: {}
 
-  jsonwebtoken@9.0.2:
-    dependencies:
-      jws: 3.2.2
-      lodash.includes: 4.3.0
-      lodash.isboolean: 3.0.3
-      lodash.isinteger: 4.0.4
-      lodash.isnumber: 3.0.3
-      lodash.isplainobject: 4.0.6
-      lodash.isstring: 4.0.1
-      lodash.once: 4.1.1
-      ms: 2.1.3
-      semver: 7.6.3
-
-  jwa@1.4.1:
-    dependencies:
-      buffer-equal-constant-time: 1.0.1
-      ecdsa-sig-formatter: 1.0.11
-      safe-buffer: 5.2.1
-
-  jws@3.2.2:
-    dependencies:
-      jwa: 1.4.1
-      safe-buffer: 5.2.1
-
   keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
 
   kind-of@6.0.3: {}
 
-  klaw@3.0.0:
-    dependencies:
-      graceful-fs: 4.2.11
-
   klona@2.0.6: {}
 
   knitwork@1.1.0: {}
@@ -16843,11 +16445,6 @@ snapshots:
 
   leven@3.1.0: {}
 
-  levn@0.3.0:
-    dependencies:
-      prelude-ls: 1.1.2
-      type-check: 0.3.2
-
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
@@ -16857,10 +16454,6 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
-  linkify-it@5.0.0:
-    dependencies:
-      uc.micro: 2.1.0
-
   lint-staged@15.2.10:
     dependencies:
       chalk: 5.3.0
@@ -16943,22 +16536,12 @@ snapshots:
 
   lodash.get@4.4.2: {}
 
-  lodash.includes@4.3.0: {}
-
   lodash.isarguments@3.1.0: {}
 
-  lodash.isboolean@3.0.3: {}
-
   lodash.isequal@4.5.0: {}
 
-  lodash.isinteger@4.0.4: {}
-
-  lodash.isnumber@3.0.3: {}
-
   lodash.isplainobject@4.0.6: {}
 
-  lodash.isstring@4.0.1: {}
-
   lodash.kebabcase@4.1.1: {}
 
   lodash.memoize@4.1.2: {}
@@ -16967,8 +16550,6 @@ snapshots:
 
   lodash.mergewith@4.6.2: {}
 
-  lodash.once@4.1.1: {}
-
   lodash.snakecase@4.1.1: {}
 
   lodash.sortby@4.7.0: {}
@@ -16996,7 +16577,8 @@ snapshots:
       strip-ansi: 7.1.0
       wrap-ansi: 9.0.0
 
-  long@5.2.3: {}
+  long@5.2.3:
+    optional: true
 
   loose-envify@1.4.0:
     dependencies:
@@ -17020,9 +16602,11 @@ snapshots:
     dependencies:
       yallist: 4.0.0
 
-  lru-cache@7.18.3: {}
+  lru-cache@7.18.3:
+    optional: true
 
-  lru.min@1.1.1: {}
+  lru.min@1.1.1:
+    optional: true
 
   lucide-vue-next@0.465.0(vue@3.5.13(typescript@5.7.2)):
     dependencies:
@@ -17075,22 +16659,6 @@ snapshots:
 
   mark.js@8.11.1: {}
 
-  markdown-it-anchor@8.6.7(@types/markdown-it@14.1.2)(markdown-it@14.1.0):
-    dependencies:
-      '@types/markdown-it': 14.1.2
-      markdown-it: 14.1.0
-
-  markdown-it@14.1.0:
-    dependencies:
-      argparse: 2.0.1
-      entities: 4.5.0
-      linkify-it: 5.0.0
-      mdurl: 2.0.0
-      punycode.js: 2.3.1
-      uc.micro: 2.1.0
-
-  marked@4.3.0: {}
-
   mathml-tag-names@2.1.3: {}
 
   mdast-util-to-hast@13.2.0:
@@ -17113,8 +16681,6 @@ snapshots:
 
   mdn-data@2.12.2: {}
 
-  mdurl@2.0.0: {}
-
   medium-zoom@1.1.0: {}
 
   memoize-one@6.0.0: {}
@@ -17296,6 +16862,7 @@ snapshots:
       named-placeholders: 1.1.3
       seq-queue: 0.0.5
       sqlstring: 2.3.3
+    optional: true
 
   mz@2.7.0:
     dependencies:
@@ -17329,8 +16896,6 @@ snapshots:
   named-placeholders@1.1.3:
     dependencies:
       lru-cache: 7.18.3
-
-  nan@2.22.0:
     optional: true
 
   nanoid@3.3.8: {}
@@ -17604,15 +17169,6 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  optionator@0.8.3:
-    dependencies:
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.3.0
-      prelude-ls: 1.1.2
-      type-check: 0.3.2
-      word-wrap: 1.2.5
-
   optionator@0.9.4:
     dependencies:
       deep-is: 0.1.4
@@ -18290,8 +17846,6 @@ snapshots:
 
   preact@10.25.0: {}
 
-  prelude-ls@1.1.2: {}
-
   prelude-ls@1.2.1: {}
 
   prettier-linter-helpers@1.0.0:
@@ -18329,35 +17883,6 @@ snapshots:
 
   proto-list@1.2.4: {}
 
-  protobufjs-cli@1.1.3(protobufjs@7.4.0):
-    dependencies:
-      chalk: 4.1.2
-      escodegen: 1.14.3
-      espree: 9.6.1
-      estraverse: 5.3.0
-      glob: 8.1.0
-      jsdoc: 4.0.4
-      minimist: 1.2.8
-      protobufjs: 7.4.0
-      semver: 7.6.3
-      tmp: 0.2.3
-      uglify-js: 3.19.3
-
-  protobufjs@7.4.0:
-    dependencies:
-      '@protobufjs/aspromise': 1.1.2
-      '@protobufjs/base64': 1.1.2
-      '@protobufjs/codegen': 2.0.4
-      '@protobufjs/eventemitter': 1.1.0
-      '@protobufjs/fetch': 1.1.0
-      '@protobufjs/float': 1.0.2
-      '@protobufjs/inquire': 1.1.0
-      '@protobufjs/path': 1.1.2
-      '@protobufjs/pool': 1.1.0
-      '@protobufjs/utf8': 1.1.0
-      '@types/node': 22.10.1
-      long: 5.2.3
-
   proxy-from-env@1.1.0: {}
 
   prr@1.0.1:
@@ -18369,8 +17894,6 @@ snapshots:
       picocolors: 1.1.1
       sade: 1.8.1
 
-  punycode.js@2.3.1: {}
-
   punycode@2.3.1: {}
 
   pupa@3.1.0:
@@ -18584,10 +18107,6 @@ snapshots:
 
   require-package-name@2.0.1: {}
 
-  requizzle@0.2.4:
-    dependencies:
-      lodash: 4.17.21
-
   resize-observer-polyfill@1.5.1: {}
 
   resolve-dir@1.0.1:
@@ -18767,7 +18286,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  seq-queue@0.0.5: {}
+  seq-queue@0.0.5:
+    optional: true
 
   serialize-javascript@6.0.2:
     dependencies:
@@ -18941,20 +18461,8 @@ snapshots:
 
   sprintf-js@1.1.3: {}
 
-  sqlstring@2.3.3: {}
-
-  ssh-tunneling@1.1.23:
-    dependencies:
-      socks: 2.8.3
-      ssh2: 1.16.0
-
-  ssh2@1.16.0:
-    dependencies:
-      asn1: 0.2.6
-      bcrypt-pbkdf: 1.0.2
-    optionalDependencies:
-      cpu-features: 0.0.10
-      nan: 2.22.0
+  sqlstring@2.3.3:
+    optional: true
 
   ssri@8.0.1:
     dependencies:
@@ -19374,8 +18882,6 @@ snapshots:
     dependencies:
       os-tmpdir: 1.0.2
 
-  tmp@0.2.3: {}
-
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
@@ -19404,10 +18910,6 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tunnel-ssh@5.1.2:
-    dependencies:
-      ssh2: 1.16.0
-
   turbo-darwin-64@2.3.3:
     optional: true
 
@@ -19435,12 +18937,6 @@ snapshots:
       turbo-windows-64: 2.3.3
       turbo-windows-arm64: 2.3.3
 
-  tweetnacl@0.14.5: {}
-
-  type-check@0.3.2:
-    dependencies:
-      prelude-ls: 1.1.2
-
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
@@ -19494,12 +18990,8 @@ snapshots:
 
   typescript@5.7.2: {}
 
-  uc.micro@2.1.0: {}
-
   ufo@1.5.4: {}
 
-  uglify-js@3.19.3: {}
-
   unbox-primitive@1.0.2:
     dependencies:
       call-bind: 1.0.7
@@ -19549,8 +19041,6 @@ snapshots:
       magic-string: 0.30.14
       unplugin: 1.16.0
 
-  underscore@1.13.7: {}
-
   undici-types@6.20.0: {}
 
   undici@6.21.0: {}
@@ -20356,16 +19846,12 @@ snapshots:
       imurmurhash: 0.1.4
       signal-exit: 4.1.0
 
-  ws@8.18.0: {}
-
   xdg-basedir@5.1.0: {}
 
   xe-utils@3.5.32: {}
 
   xml-name-validator@4.0.0: {}
 
-  xmlcreate@2.0.4: {}
-
   y18n@4.0.3: {}
 
   y18n@5.0.8: {}
diff --git a/vben-admin.code-workspace b/vben-admin.code-workspace
index aa8205b..5a3d681 100644
--- a/vben-admin.code-workspace
+++ b/vben-admin.code-workspace
@@ -1,9 +1,5 @@
 {
   "folders": [
-    {
-      "name": "@vben/backend-mock",
-      "path": "apps/backend-mock",
-    },
     {
       "name": "@vben/web-antd",
       "path": "apps/web-antd",