diff --git a/apps/web-antd/mock/user.ts b/apps/web-antd/mock/user.ts
index e6aa33ac..aa363774 100644
--- a/apps/web-antd/mock/user.ts
+++ b/apps/web-antd/mock/user.ts
@@ -5,7 +5,7 @@ const fakeUserList = [
     accessToken: 'fakeAdminToken',
     avatar: '',
     desc: 'manager',
-    homePath: '/welcome',
+    homePath: '/',
     password: '123456',
     realName: 'Vben Admin',
     roles: [
@@ -21,7 +21,7 @@ const fakeUserList = [
     accessToken: 'fakeTestToken',
     avatar: '',
     desc: 'tester',
-    homePath: '/welcome',
+    homePath: '/',
     password: '123456',
     realName: 'test user',
     roles: [
diff --git a/apps/web-antd/package.json b/apps/web-antd/package.json
index 38e695a1..daab1b9d 100644
--- a/apps/web-antd/package.json
+++ b/apps/web-antd/package.json
@@ -44,7 +44,7 @@
     "ant-design-vue": "^4.2.3",
     "dayjs": "^1.11.11",
     "pinia": "2.1.7",
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-router": "^4.4.0"
   },
   "devDependencies": {
diff --git a/apps/web-antd/src/router/routes/modules/dashboard.ts b/apps/web-antd/src/router/routes/modules/dashboard.ts
new file mode 100644
index 00000000..cea314a3
--- /dev/null
+++ b/apps/web-antd/src/router/routes/modules/dashboard.ts
@@ -0,0 +1,39 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+import { $t } from '@vben/locales/helper';
+
+import { BasicLayout } from '#/layouts';
+
+const routes: RouteRecordRaw[] = [
+  {
+    component: BasicLayout,
+    meta: {
+      order: -1,
+      title: $t('page.dashboard.title'),
+    },
+    name: 'Dashboard',
+    path: '/',
+    redirect: '/analytics',
+    children: [
+      {
+        name: 'Analytics',
+        path: '/analytics',
+        component: () => import('#/views/dashboard/analytics/index.vue'),
+        meta: {
+          affixTab: true,
+          title: $t('page.dashboard.analytics'),
+        },
+      },
+      {
+        name: 'Workspace',
+        path: '/workspace',
+        component: () => import('#/views/dashboard/workspace/index.vue'),
+        meta: {
+          title: $t('page.dashboard.workspace'),
+        },
+      },
+    ],
+  },
+];
+
+export default routes;
diff --git a/apps/web-antd/src/router/routes/modules/fallback.ts b/apps/web-antd/src/router/routes/modules/fallback.ts
index 3ca720cb..58b42b35 100644
--- a/apps/web-antd/src/router/routes/modules/fallback.ts
+++ b/apps/web-antd/src/router/routes/modules/fallback.ts
@@ -9,7 +9,7 @@ const routes: RouteRecordRaw[] = [
     component: BasicLayout,
     meta: {
       icon: 'mdi:lightbulb-error-outline',
-      title: $t('page.fallback.page'),
+      title: $t('page.fallback.title'),
     },
     name: 'FallbackLayout',
     path: '/fallback',
diff --git a/apps/web-antd/src/router/routes/modules/home.ts b/apps/web-antd/src/router/routes/modules/home.ts
deleted file mode 100644
index d509563e..00000000
--- a/apps/web-antd/src/router/routes/modules/home.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import { BasicLayout } from '#/layouts';
-
-const routes: RouteRecordRaw[] = [
-  {
-    component: BasicLayout,
-    meta: {
-      hideChildrenInMenu: true,
-      order: -1,
-      title: '首页',
-    },
-    name: 'Home',
-    path: '/',
-    redirect: '/welcome',
-    children: [
-      {
-        name: 'Welcome',
-        path: '/welcome',
-        component: () => import('#/views/dashboard/index.vue'),
-        meta: {
-          affixTab: true,
-          title: 'Welcome',
-        },
-      },
-    ],
-  },
-];
-
-export default routes;
diff --git a/apps/web-antd/src/router/routes/modules/nested.ts b/apps/web-antd/src/router/routes/modules/nested.ts
index 1b139c55..508f76d7 100644
--- a/apps/web-antd/src/router/routes/modules/nested.ts
+++ b/apps/web-antd/src/router/routes/modules/nested.ts
@@ -11,7 +11,7 @@ const routes: RouteRecordRaw[] = [
       icon: 'ic:round-menu',
       keepAlive: true,
       order: 1000,
-      title: $t('page.nested.page'),
+      title: $t('page.nested.title'),
     },
     name: 'Nested',
     path: '/nested',
diff --git a/apps/web-antd/src/router/routes/modules/outside.ts b/apps/web-antd/src/router/routes/modules/outside.ts
index 95fbe5a7..de4906cd 100644
--- a/apps/web-antd/src/router/routes/modules/outside.ts
+++ b/apps/web-antd/src/router/routes/modules/outside.ts
@@ -9,7 +9,7 @@ const routes: RouteRecordRaw[] = [
     component: BasicLayout,
     meta: {
       icon: 'ic:round-settings-input-composite',
-      title: $t('page.outside.page'),
+      title: $t('page.outside.title'),
     },
     name: 'Outside',
     path: '/outside',
diff --git a/apps/web-antd/src/store/index.ts b/apps/web-antd/src/store/index.ts
index dc80b39f..da5990b1 100644
--- a/apps/web-antd/src/store/index.ts
+++ b/apps/web-antd/src/store/index.ts
@@ -2,7 +2,7 @@ import type { InitStoreOptions } from '@vben-core/stores';
 
 import type { App } from 'vue';
 
-import { initStore } from '@vben-core/stores';
+import { initStore, useAccessStore, useTabsStore } from '@vben-core/stores';
 
 /**
  * @zh_CN 初始化pinia
@@ -13,4 +13,4 @@ async function setupStore(app: App, options: InitStoreOptions) {
   app.use(pinia);
 }
 
-export { setupStore };
+export { setupStore, useAccessStore, useTabsStore };
diff --git a/apps/web-antd/src/views/dashboard/analytics/analytics-trends.vue b/apps/web-antd/src/views/dashboard/analytics/analytics-trends.vue
new file mode 100644
index 00000000..ab2147fe
--- /dev/null
+++ b/apps/web-antd/src/views/dashboard/analytics/analytics-trends.vue
@@ -0,0 +1,80 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+
+import { EchartsUI, type EchartsUIType, useEcharts } from '@vben/chart-ui';
+
+defineOptions({ name: 'AnalyticsTrends' });
+
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+onMounted(() => {
+  renderEcharts({
+    grid: {
+      bottom: 0,
+      containLabel: true,
+      left: '1%',
+      right: '1%',
+      top: '2  %',
+    },
+    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,
+        ],
+        itemStyle: {
+          color: '#5ab1ef',
+        },
+        smooth: true,
+        type: 'line',
+      },
+      {
+        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,
+        ],
+        itemStyle: {
+          color: '#019680',
+        },
+        smooth: true,
+        type: 'line',
+      },
+    ],
+    tooltip: {
+      axisPointer: {
+        lineStyle: {
+          color: '#019680',
+          width: 1,
+        },
+      },
+      trigger: 'axis',
+    },
+    xAxis: {
+      axisTick: {
+        show: false,
+      },
+      boundaryGap: false,
+      data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+      type: 'category',
+    },
+    yAxis: [
+      {
+        axisTick: {
+          show: false,
+        },
+        max: 80_000,
+
+        type: 'value',
+      },
+    ],
+  });
+});
+</script>
+
+<template>
+  <EchartsUI ref="chartRef" />
+</template>
diff --git a/apps/web-antd/src/views/dashboard/analytics/analytics-visits-data.vue b/apps/web-antd/src/views/dashboard/analytics/analytics-visits-data.vue
new file mode 100644
index 00000000..43674a84
--- /dev/null
+++ b/apps/web-antd/src/views/dashboard/analytics/analytics-visits-data.vue
@@ -0,0 +1,82 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+
+import { EchartsUI, type EchartsUIType, useEcharts } from '@vben/chart-ui';
+
+defineOptions({ name: 'AnalyticsVisitsData' });
+
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+onMounted(() => {
+  renderEcharts({
+    legend: {
+      bottom: 0,
+      data: ['访问', '趋势'],
+    },
+    radar: {
+      indicator: [
+        {
+          name: '网页',
+        },
+        {
+          name: '移动端',
+        },
+        {
+          name: 'Ipad',
+        },
+        {
+          name: '客户端',
+        },
+        {
+          name: '第三方',
+        },
+        {
+          name: '其它',
+        },
+      ],
+      radius: '60%',
+      splitNumber: 8,
+    },
+    series: [
+      {
+        areaStyle: {
+          opacity: 1,
+          shadowBlur: 0,
+          shadowColor: 'rgba(0,0,0,.2)',
+          shadowOffsetX: 0,
+          shadowOffsetY: 10,
+        },
+        data: [
+          {
+            itemStyle: {
+              color: '#b6a2de',
+            },
+            name: '访问',
+            value: [90, 50, 86, 40, 50, 20],
+          },
+          {
+            itemStyle: {
+              color: '#5ab1ef',
+            },
+            name: '趋势',
+            value: [70, 75, 70, 76, 20, 85],
+          },
+        ],
+        itemStyle: {
+          // borderColor: '#fff',
+          borderRadius: 10,
+          borderWidth: 2,
+        },
+        symbolSize: 0,
+        type: 'radar',
+      },
+    ],
+    tooltip: {},
+  });
+});
+</script>
+
+<template>
+  <EchartsUI ref="chartRef" />
+</template>
diff --git a/apps/web-antd/src/views/dashboard/analytics/analytics-visits-sales.vue b/apps/web-antd/src/views/dashboard/analytics/analytics-visits-sales.vue
new file mode 100644
index 00000000..9be875c8
--- /dev/null
+++ b/apps/web-antd/src/views/dashboard/analytics/analytics-visits-sales.vue
@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+
+import { EchartsUI, type EchartsUIType, useEcharts } from '@vben/chart-ui';
+
+defineOptions({ name: 'AnalyticsVisitsSales' });
+
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+onMounted(() => {
+  renderEcharts({
+    series: [
+      {
+        animationDelay() {
+          return Math.random() * 400;
+        },
+        animationEasing: 'exponentialInOut',
+        animationType: 'scale',
+        center: ['50%', '50%'],
+        color: ['#5ab1ef', '#b6a2de', '#67e0e3', '#2ec7c9'],
+        data: [
+          { name: '外包', value: 500 },
+          { name: '定制', value: 310 },
+          { name: '技术支持', value: 274 },
+          { name: '远程', value: 400 },
+        ].sort((a, b) => {
+          return a.value - b.value;
+        }),
+        name: '商业占比',
+        radius: '80%',
+        roseType: 'radius',
+        type: 'pie',
+      },
+    ],
+
+    tooltip: {
+      trigger: 'item',
+    },
+  });
+});
+</script>
+
+<template>
+  <EchartsUI ref="chartRef" />
+</template>
diff --git a/apps/web-antd/src/views/dashboard/analytics/analytics-visits-source.vue b/apps/web-antd/src/views/dashboard/analytics/analytics-visits-source.vue
new file mode 100644
index 00000000..8cf14cc1
--- /dev/null
+++ b/apps/web-antd/src/views/dashboard/analytics/analytics-visits-source.vue
@@ -0,0 +1,65 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+
+import { EchartsUI, type EchartsUIType, useEcharts } from '@vben/chart-ui';
+
+defineOptions({ name: 'AnalyticsVisitsSource' });
+
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+onMounted(() => {
+  renderEcharts({
+    legend: {
+      bottom: '2%',
+      left: 'center',
+    },
+    series: [
+      {
+        animationDelay() {
+          return Math.random() * 100;
+        },
+        animationEasing: 'exponentialInOut',
+        animationType: 'scale',
+        avoidLabelOverlap: false,
+        color: ['#5ab1ef', '#b6a2de', '#67e0e3', '#2ec7c9'],
+        data: [
+          { name: '搜索引擎', value: 1048 },
+          { name: '直接访问', value: 735 },
+          { name: '邮件营销', value: 580 },
+          { name: '联盟广告', value: 484 },
+        ],
+        emphasis: {
+          label: {
+            fontSize: '12',
+            fontWeight: 'bold',
+            show: true,
+          },
+        },
+        itemStyle: {
+          // borderColor: '#fff',
+          borderRadius: 10,
+          borderWidth: 2,
+        },
+        label: {
+          position: 'center',
+          show: false,
+        },
+        labelLine: {
+          show: false,
+        },
+        name: '访问来源',
+        radius: ['40%', '65%'],
+        type: 'pie',
+      },
+    ],
+    tooltip: {
+      trigger: 'item',
+    },
+  });
+});
+</script>
+
+<template>
+  <EchartsUI ref="chartRef" />
+</template>
diff --git a/apps/web-antd/src/views/dashboard/analytics/analytics-visits.vue b/apps/web-antd/src/views/dashboard/analytics/analytics-visits.vue
new file mode 100644
index 00000000..27d2024b
--- /dev/null
+++ b/apps/web-antd/src/views/dashboard/analytics/analytics-visits.vue
@@ -0,0 +1,55 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+
+import { EchartsUI, type EchartsUIType, useEcharts } from '@vben/chart-ui';
+
+defineOptions({ name: 'AnalyticsVisits' });
+
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+onMounted(() => {
+  renderEcharts({
+    grid: {
+      bottom: 0,
+      containLabel: true,
+      left: '1%',
+      right: '1%',
+      top: '2  %',
+    },
+    series: [
+      {
+        barMaxWidth: 80,
+        // color: '#4f69fd',
+        data: [
+          3000, 2000, 3333, 5000, 3200, 4200, 3200, 2100, 3000, 5100, 6000,
+          3200, 4800,
+        ],
+        type: 'bar',
+      },
+    ],
+    tooltip: {
+      axisPointer: {
+        lineStyle: {
+          // color: '#4f69fd',
+          width: 1,
+        },
+      },
+      trigger: 'axis',
+    },
+    xAxis: {
+      data: Array.from({ length: 12 }).map((_item, index) => `${index + 1}月`),
+      type: 'category',
+    },
+    yAxis: {
+      max: 8000,
+      splitNumber: 4,
+      type: 'value',
+    },
+  });
+});
+</script>
+
+<template>
+  <EchartsUI ref="chartRef" />
+</template>
diff --git a/apps/web-antd/src/views/dashboard/analytics/index.vue b/apps/web-antd/src/views/dashboard/analytics/index.vue
new file mode 100644
index 00000000..b088219d
--- /dev/null
+++ b/apps/web-antd/src/views/dashboard/analytics/index.vue
@@ -0,0 +1,92 @@
+<script lang="ts" setup>
+import type { TabsItem } from '@vben/types';
+import type { AnalysisOverviewItem } from '@vben/universal-ui';
+
+import {
+  SvgBellIcon,
+  SvgCakeIcon,
+  SvgCardIcon,
+  SvgDownloadIcon,
+} from '@vben/icons';
+import {
+  AnalysisChartCard,
+  AnalysisChartsTabs,
+  AnalysisOverview,
+} from '@vben/universal-ui';
+
+import AnalyticsTrends from './analytics-trends.vue';
+import AnalyticsVisits from './analytics-visits.vue';
+import AnalyticsVisitsData from './analytics-visits-data.vue';
+import AnalyticsVisitsSales from './analytics-visits-sales.vue';
+import AnalyticsVisitsSource from './analytics-visits-source.vue';
+
+defineOptions({ name: 'Analytics' });
+
+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: TabsItem[] = [
+  {
+    label: '流量趋势',
+    value: 'trends',
+  },
+  {
+    label: '月访问量',
+    value: 'visits',
+  },
+];
+</script>
+
+<template>
+  <div class="p-5">
+    <AnalysisOverview :items="overviewItems" />
+    <AnalysisChartsTabs :tabs="chartTabs" class="mt-5">
+      <template #trends>
+        <AnalyticsTrends />
+      </template>
+      <template #visits>
+        <AnalyticsVisits />
+      </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 />
+      </AnalysisChartCard>
+      <AnalysisChartCard class="mt-5 md:mr-4 md:mt-0 md:w-1/3" title="访问来源">
+        <AnalyticsVisitsSource />
+      </AnalysisChartCard>
+      <AnalysisChartCard class="mt-5 md:mt-0 md:w-1/3" title="访问来源">
+        <AnalyticsVisitsSales />
+      </AnalysisChartCard>
+    </div>
+  </div>
+</template>
diff --git a/apps/web-antd/src/views/dashboard/index.vue b/apps/web-antd/src/views/dashboard/index.vue
deleted file mode 100644
index 2d4e650a..00000000
--- a/apps/web-antd/src/views/dashboard/index.vue
+++ /dev/null
@@ -1,250 +0,0 @@
-<script lang="ts" setup>
-// import { ref } from 'vue';
-
-// import { echartsInstance as echarts } from '@vben/chart-ui';
-
-defineOptions({ name: 'Welcome' });
-
-// const cardList = ref([
-//   {
-//     color: 'green',
-//     extra: '月',
-//     leftContent: '2000',
-//     leftFooter: '总访问数',
-//     rightContent: 'flat-color-icons:conference-call',
-//     rightFooter: '5000',
-//     title: '访问数',
-//   },
-//   {
-//     color: 'red',
-//     extra: '日',
-//     leftContent: '$1350',
-//     leftFooter: '总销售额',
-//     rightContent: 'flat-color-icons:sales-performance',
-//     rightFooter: '$550000',
-//     title: '销售额',
-//   },
-// ]);
-// const chartTabs = ref([
-//   {
-//     name: '1',
-//     option: {
-//       color: ['#80FFA5', '#00DDFF', '#37A2FF', '#FF0087', '#FFBF00'],
-
-//       grid: {
-//         bottom: '3%',
-//         containLabel: true,
-//         left: '3%',
-//         right: '4%',
-//       },
-//       legend: {
-//         data: ['Line 1', 'Line 2', 'Line 3', 'Line 4', 'Line 5'],
-//       },
-//       series: [
-//         {
-//           areaStyle: {
-//             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-//               {
-//                 color: 'rgb(128, 255, 165)',
-//                 offset: 0,
-//               },
-//               {
-//                 color: 'rgb(1, 191, 236)',
-//                 offset: 1,
-//               },
-//             ]),
-//             opacity: 0.8,
-//           },
-//           data: [140, 232, 101, 264, 90, 340, 250],
-//           emphasis: {
-//             focus: 'series',
-//           },
-//           lineStyle: {
-//             width: 0,
-//           },
-//           name: 'Line 1',
-//           showSymbol: false,
-//           smooth: true,
-//           stack: 'Total',
-//           type: 'line',
-//         },
-//         {
-//           areaStyle: {
-//             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-//               {
-//                 color: 'rgb(0, 221, 255)',
-//                 offset: 0,
-//               },
-//               {
-//                 color: 'rgb(77, 119, 255)',
-//                 offset: 1,
-//               },
-//             ]),
-//             opacity: 0.8,
-//           },
-//           data: [120, 282, 111, 234, 220, 340, 310],
-//           emphasis: {
-//             focus: 'series',
-//           },
-//           lineStyle: {
-//             width: 0,
-//           },
-//           name: 'Line 2',
-//           showSymbol: false,
-//           smooth: true,
-//           stack: 'Total',
-//           type: 'line',
-//         },
-//         {
-//           areaStyle: {
-//             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-//               {
-//                 color: 'rgb(55, 162, 255)',
-//                 offset: 0,
-//               },
-//               {
-//                 color: 'rgb(116, 21, 219)',
-//                 offset: 1,
-//               },
-//             ]),
-//             opacity: 0.8,
-//           },
-//           data: [320, 132, 201, 334, 190, 130, 220],
-//           emphasis: {
-//             focus: 'series',
-//           },
-//           lineStyle: {
-//             width: 0,
-//           },
-//           name: 'Line 3',
-//           showSymbol: false,
-//           smooth: true,
-//           stack: 'Total',
-//           type: 'line',
-//         },
-//         {
-//           areaStyle: {
-//             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-//               {
-//                 color: 'rgb(255, 0, 135)',
-//                 offset: 0,
-//               },
-//               {
-//                 color: 'rgb(135, 0, 157)',
-//                 offset: 1,
-//               },
-//             ]),
-//             opacity: 0.8,
-//           },
-//           data: [220, 402, 231, 134, 190, 230, 120],
-//           emphasis: {
-//             focus: 'series',
-//           },
-//           lineStyle: {
-//             width: 0,
-//           },
-//           name: 'Line 4',
-//           showSymbol: false,
-//           smooth: true,
-//           stack: 'Total',
-//           type: 'line',
-//         },
-//         {
-//           areaStyle: {
-//             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-//               {
-//                 color: 'rgb(255, 191, 0)',
-//                 offset: 0,
-//               },
-//               {
-//                 color: 'rgb(224, 62, 76)',
-//                 offset: 1,
-//               },
-//             ]),
-//             opacity: 0.8,
-//           },
-//           data: [220, 302, 181, 234, 210, 290, 150],
-//           emphasis: {
-//             focus: 'series',
-//           },
-//           label: {
-//             position: 'top',
-//             show: true,
-//           },
-//           lineStyle: {
-//             width: 0,
-//           },
-//           name: 'Line 5',
-//           showSymbol: false,
-//           smooth: true,
-//           stack: 'Total',
-//           type: 'line',
-//         },
-//       ],
-//       toolbox: {
-//         feature: {
-//           saveAsImage: {},
-//         },
-//       },
-//       tooltip: {
-//         axisPointer: {
-//           type: 'cross',
-//           // label: {
-//           //   backgroundColor: '#6a7985',
-//           // },
-//         },
-//         trigger: 'axis',
-//       },
-//       xAxis: [
-//         {
-//           boundaryGap: false,
-//           data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-//           type: 'category',
-//         },
-//       ],
-//       yAxis: [
-//         {
-//           type: 'value',
-//         },
-//       ],
-//     },
-//     title: '流量趋势',
-//   },
-//   {
-//     name: '2',
-//     option: {
-//       series: [
-//         {
-//           data: [
-//             120,
-//             {
-//               itemStyle: {
-//                 color: '#a90000',
-//               },
-//               value: 200,
-//             },
-//             150,
-//             80,
-//             70,
-//             110,
-//             130,
-//           ],
-//           type: 'bar',
-//         },
-//       ],
-//       xAxis: {
-//         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-//         type: 'category',
-//       },
-//       yAxis: {
-//         type: 'value',
-//       },
-//     },
-//     title: '访问量',
-//   },
-// ]);
-</script>
-
-<template>
-  <div>dashboard</div>
-</template>
diff --git a/apps/web-antd/src/views/dashboard/workspace/index.vue b/apps/web-antd/src/views/dashboard/workspace/index.vue
new file mode 100644
index 00000000..b381d8f4
--- /dev/null
+++ b/apps/web-antd/src/views/dashboard/workspace/index.vue
@@ -0,0 +1,125 @@
+<script lang="ts" setup>
+import type {
+  WorkbenchProjectItem,
+  WorkbenchQuickNavItem,
+} from '@vben/universal-ui';
+
+import {
+  WorkbenchHeader,
+  WorkbenchProject,
+  WorkbenchQuickNav,
+} from '@vben/universal-ui';
+import { preferences } from '@vben-core/preferences';
+
+import { useAccessStore } from '#/store';
+
+defineOptions({ name: 'Workspace' });
+
+const { userInfo } = useAccessStore();
+
+const projectItems: WorkbenchProjectItem[] = [
+  {
+    color: '',
+    content: '不要等待机会，而要创造机会。',
+    date: '2021-04-01',
+    group: '开源组',
+    icon: 'carbon:logo-github',
+    title: 'Github',
+  },
+  {
+    color: '#3fb27f',
+    content: '现在的你决定将来的你。',
+    date: '2021-04-01',
+    group: '算法组',
+    icon: 'ion:logo-vue',
+    title: 'Vue',
+  },
+  {
+    color: '#e18525',
+    content: '没有什么才能比努力更重要。',
+    date: '2021-04-01',
+    group: '上班摸鱼',
+    icon: 'ion:logo-html5',
+    title: 'Html5',
+  },
+  {
+    color: '#bf0c2c',
+    content: '热情和欲望可以突破一切难关。',
+    date: '2021-04-01',
+    group: 'UI',
+    icon: 'ion:logo-angular',
+    title: 'Angular',
+  },
+  {
+    color: '#00d8ff',
+    content: '健康的身体是实现目标的基石。',
+    date: '2021-04-01',
+    group: '技术牛',
+    icon: 'bx:bxl-react',
+    title: 'React',
+  },
+  {
+    color: '#EBD94E',
+    content: '路是走出来的，而不是空想出来的。',
+    date: '2021-04-01',
+    group: '架构组',
+    icon: 'ion:logo-javascript',
+    title: 'Js',
+  },
+];
+
+const quickNavItems: WorkbenchQuickNavItem[] = [
+  {
+    color: '#1fdaca',
+    icon: 'ion:home-outline',
+    title: '首页',
+  },
+  {
+    color: '#bf0c2c',
+    icon: 'ion:grid-outline',
+    title: '仪表盘',
+  },
+  {
+    color: '#e18525',
+    icon: 'ion:layers-outline',
+    title: '组件',
+  },
+  {
+    color: '#3fb27f',
+    icon: 'ion:settings-outline',
+    title: '系统管理',
+  },
+  {
+    color: '#4daf1bc9',
+    icon: 'ion:key-outline',
+    title: '权限管理',
+  },
+  {
+    color: '#00d8ff',
+    icon: 'ion:bar-chart-outline',
+    title: '图表',
+  },
+];
+</script>
+
+<template>
+  <div class="p-5">
+    <WorkbenchHeader
+      :avatar="userInfo?.avatar || preferences.app.defaultAvatar"
+    >
+      <template #title>
+        早安, {{ userInfo?.realName }}, 开始您一天的工作吧！
+      </template>
+      <template #description> 今日晴，20℃ - 32℃！ </template>
+    </WorkbenchHeader>
+
+    <div class="mt-5 flex">
+      <div class="mr-4 w-full md:w-2/3">
+        <WorkbenchProject :items="projectItems" title="项目" />
+      </div>
+      <div class="w-full md:w-1/3">
+        <WorkbenchQuickNav :items="quickNavItems" title="快捷导航" />
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/cspell.json b/cspell.json
index bc0cf9be..13147587 100644
--- a/cspell.json
+++ b/cspell.json
@@ -5,6 +5,7 @@
   "words": [
     "clsx",
     "esno",
+    "unref",
     "taze",
     "acmr",
     "antd",
diff --git a/internal/node-utils/package.json b/internal/node-utils/package.json
index 9daa2bcc..86285f3f 100644
--- a/internal/node-utils/package.json
+++ b/internal/node-utils/package.json
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@changesets/git": "^3.0.0",
-    "@manypkg/get-packages": "^2.2.1",
+    "@manypkg/get-packages": "^2.2.2",
     "consola": "^3.2.3",
     "dayjs": "^1.11.11",
     "find-up": "^7.0.0",
diff --git a/internal/tailwind-config/package.json b/internal/tailwind-config/package.json
index a44d4f9b..30736f97 100644
--- a/internal/tailwind-config/package.json
+++ b/internal/tailwind-config/package.json
@@ -45,7 +45,7 @@
     "tailwindcss": "^3.4.3"
   },
   "dependencies": {
-    "@iconify/json": "^2.2.222",
+    "@iconify/json": "^2.2.223",
     "@iconify/tailwind": "^1.1.1",
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
diff --git a/internal/tsconfig/package.json b/internal/tsconfig/package.json
index e1d626ff..721458b9 100644
--- a/internal/tsconfig/package.json
+++ b/internal/tsconfig/package.json
@@ -20,6 +20,6 @@
   ],
   "dependencies": {
     "@vben/types": "workspace:*",
-    "vite": "^5.3.1"
+    "vite": "^5.3.2"
   }
 }
diff --git a/internal/tsconfig/web.json b/internal/tsconfig/web.json
index a0f74e19..a4b60cec 100644
--- a/internal/tsconfig/web.json
+++ b/internal/tsconfig/web.json
@@ -8,7 +8,7 @@
     "lib": ["ESNext", "DOM", "DOM.Iterable"],
     "useDefineForClassFields": true,
     "moduleResolution": "bundler",
-    "types": ["vite/client", "@vben/types/window"],
+    "types": ["vite/client"],
     "declaration": false
   }
 }
diff --git a/internal/vite-config/package.json b/internal/vite-config/package.json
index 89c794ae..083d92e7 100644
--- a/internal/vite-config/package.json
+++ b/internal/vite-config/package.json
@@ -46,8 +46,8 @@
     "rollup": "^4.18.0",
     "rollup-plugin-visualizer": "^5.12.0",
     "sass": "^1.77.6",
-    "unplugin-turbo-console": "^1.8.8-beta.1",
-    "vite": "^5.3.1",
+    "unplugin-turbo-console": "^1.8.9",
+    "vite": "^5.3.2",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-html": "^3.2.2",
diff --git a/internal/vite-config/src/typing.ts b/internal/vite-config/src/typing.ts
index 89e4d58e..428a56c2 100644
--- a/internal/vite-config/src/typing.ts
+++ b/internal/vite-config/src/typing.ts
@@ -43,7 +43,7 @@ interface CommonPluginOptions {
   /** 环境变量 */
   env?: Record<string, any>;
   /** 是否开启注入metadata */
-  injectMetadata: boolean;
+  injectMetadata?: boolean;
   /** 是否构建模式 */
   isBuild?: boolean;
   /** 构建模式 */
diff --git a/package.json b/package.json
index 428ec383..043021c3 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,7 @@
     "turbo": "^2.0.5",
     "typescript": "^5.5.2",
     "unbuild": "^2.0.0",
-    "vite": "^5.3.1",
+    "vite": "^5.3.2",
     "vitest": "^2.0.0-beta.10",
     "vue-tsc": "^2.0.22"
   },
@@ -86,7 +86,7 @@
       "@ant-design/colors": "^7.0.2",
       "@ctrl/tinycolor": "^4.1.0",
       "clsx": "^2.1.1",
-      "vue": "^3.4.30"
+      "vue": "^3.4.31"
     },
     "neverBuiltDependencies": [
       "canvas",
diff --git a/packages/@core/forward/preferences/package.json b/packages/@core/forward/preferences/package.json
index 729a074d..f8b9604b 100644
--- a/packages/@core/forward/preferences/package.json
+++ b/packages/@core/forward/preferences/package.json
@@ -34,6 +34,6 @@
     "@vben-core/toolkit": "workspace:*",
     "@vben-core/typings": "workspace:*",
     "@vueuse/core": "^10.11.0",
-    "vue": "^3.4.30"
+    "vue": "^3.4.31"
   }
 }
diff --git a/packages/@core/forward/preferences/src/config.ts b/packages/@core/forward/preferences/src/config.ts
index bd62e18c..e110c655 100644
--- a/packages/@core/forward/preferences/src/config.ts
+++ b/packages/@core/forward/preferences/src/config.ts
@@ -27,7 +27,7 @@ const defaultPreferences: Preferences = {
     styleType: 'normal',
   },
   footer: {
-    enable: true,
+    enable: false,
     fixed: true,
   },
   header: {
diff --git a/packages/@core/forward/preferences/src/preferences.test.ts b/packages/@core/forward/preferences/src/preferences.test.ts
index 885840f3..b2628808 100644
--- a/packages/@core/forward/preferences/src/preferences.test.ts
+++ b/packages/@core/forward/preferences/src/preferences.test.ts
@@ -36,7 +36,7 @@ describe('preferences', () => {
   });
 
   it('initPreferences should initialize preferences with overrides and namespace', async () => {
-    const overrides = { theme: { colorPrimary: 'hsl(211 91% 39%)' } };
+    const overrides = { theme: { colorPrimary: 'hsl(245 82% 67%)' } };
     const namespace = 'testNamespace';
 
     await preferenceManager.initPreferences({ namespace, overrides });
diff --git a/packages/@core/forward/stores/package.json b/packages/@core/forward/stores/package.json
index b9e75d78..d17e362e 100644
--- a/packages/@core/forward/stores/package.json
+++ b/packages/@core/forward/stores/package.json
@@ -42,7 +42,7 @@
     "@vben-core/typings": "workspace:*",
     "pinia": "2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-router": "^4.4.0"
   }
 }
diff --git a/packages/@core/forward/stores/src/modules/tabs.ts b/packages/@core/forward/stores/src/modules/tabs.ts
index d9e962f8..eb0eda12 100644
--- a/packages/@core/forward/stores/src/modules/tabs.ts
+++ b/packages/@core/forward/stores/src/modules/tabs.ts
@@ -1,9 +1,9 @@
+import type { TabItem } from '@vben-core/typings';
 import type { RouteRecordNormalized, Router } from 'vue-router';
 
 import { toRaw } from 'vue';
 
 import { startProgress, stopProgress } from '@vben-core/toolkit';
-import { TabItem } from '@vben-core/typings';
 
 import { acceptHMRUpdate, defineStore } from 'pinia';
 
diff --git a/packages/@core/shared/iconify/package.json b/packages/@core/shared/iconify/package.json
index 6955650a..9717f9ed 100644
--- a/packages/@core/shared/iconify/package.json
+++ b/packages/@core/shared/iconify/package.json
@@ -22,6 +22,6 @@
   },
   "dependencies": {
     "@iconify/vue": "^4.1.2",
-    "vue": "^3.4.30"
+    "vue": "^3.4.31"
   }
 }
diff --git a/packages/@core/shared/iconify/src/factory.ts b/packages/@core/shared/iconify/src/factory.ts
index b4323cd3..2b34d6f7 100644
--- a/packages/@core/shared/iconify/src/factory.ts
+++ b/packages/@core/shared/iconify/src/factory.ts
@@ -4,6 +4,7 @@ import { Icon } from '@iconify/vue';
 
 function createIcon(name: string) {
   return defineComponent({
+    name: `SvgIcon-${name}`,
     setup(props, { attrs }) {
       return () => h(Icon, { icon: name, ...props, ...attrs });
     },
diff --git a/packages/@core/shared/toolkit/package.json b/packages/@core/shared/toolkit/package.json
index f28f5217..f871efcc 100644
--- a/packages/@core/shared/toolkit/package.json
+++ b/packages/@core/shared/toolkit/package.json
@@ -36,7 +36,7 @@
     }
   },
   "dependencies": {
-    "@vue/shared": "^3.4.30",
+    "@vue/shared": "^3.4.31",
     "clsx": "2.1.1",
     "defu": "^6.1.4",
     "nprogress": "^0.2.0",
diff --git a/packages/@core/shared/toolkit/src/dom.test.ts b/packages/@core/shared/toolkit/src/dom.test.ts
new file mode 100644
index 00000000..c95ec4c7
--- /dev/null
+++ b/packages/@core/shared/toolkit/src/dom.test.ts
@@ -0,0 +1,140 @@
+import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest';
+
+import { getElementVisibleHeight } from './dom'; // 假设函数位于 utils.ts 中
+
+describe('getElementVisibleHeight', () => {
+  // Mocking the getBoundingClientRect method
+  const mockGetBoundingClientRect = vi.fn();
+  const originalGetBoundingClientRect = Element.prototype.getBoundingClientRect;
+
+  beforeAll(() => {
+    // Mock getBoundingClientRect method
+    Element.prototype.getBoundingClientRect = mockGetBoundingClientRect;
+  });
+
+  afterAll(() => {
+    // Restore original getBoundingClientRect method
+    Element.prototype.getBoundingClientRect = originalGetBoundingClientRect;
+  });
+
+  it('should return 0 if the element is null or undefined', () => {
+    expect(getElementVisibleHeight(null)).toBe(0);
+    expect(getElementVisibleHeight()).toBe(0);
+  });
+
+  it('should return the visible height of the element', () => {
+    // Mock the getBoundingClientRect return value
+    mockGetBoundingClientRect.mockReturnValue({
+      bottom: 500,
+      height: 400,
+      left: 0,
+      right: 0,
+      toJSON: () => ({}),
+      top: 100,
+      width: 0,
+      x: 0,
+      y: 0,
+    });
+
+    const mockElement = document.createElement('div');
+    document.body.append(mockElement);
+
+    // Mocking window.innerHeight and document.documentElement.clientHeight
+    const originalInnerHeight = window.innerHeight;
+    const originalClientHeight = document.documentElement.clientHeight;
+
+    Object.defineProperty(window, 'innerHeight', {
+      value: 600,
+      writable: true,
+    });
+
+    Object.defineProperty(document.documentElement, 'clientHeight', {
+      value: 600,
+      writable: true,
+    });
+
+    expect(getElementVisibleHeight(mockElement)).toBe(400);
+
+    // Restore original values
+    Object.defineProperty(window, 'innerHeight', {
+      value: originalInnerHeight,
+      writable: true,
+    });
+
+    Object.defineProperty(document.documentElement, 'clientHeight', {
+      value: originalClientHeight,
+      writable: true,
+    });
+
+    mockElement.remove();
+  });
+
+  it('should return the visible height when element is partially out of viewport', () => {
+    // Mock the getBoundingClientRect return value
+    mockGetBoundingClientRect.mockReturnValue({
+      bottom: 300,
+      height: 400,
+      left: 0,
+      right: 0,
+      toJSON: () => ({}),
+      top: -100,
+      width: 0,
+      x: 0,
+      y: 0,
+    });
+
+    const mockElement = document.createElement('div');
+    document.body.append(mockElement);
+
+    // Mocking window.innerHeight and document.documentElement.clientHeight
+    const originalInnerHeight = window.innerHeight;
+    const originalClientHeight = document.documentElement.clientHeight;
+
+    Object.defineProperty(window, 'innerHeight', {
+      value: 600,
+      writable: true,
+    });
+
+    Object.defineProperty(document.documentElement, 'clientHeight', {
+      value: 600,
+      writable: true,
+    });
+
+    expect(getElementVisibleHeight(mockElement)).toBe(300);
+
+    // Restore original values
+    Object.defineProperty(window, 'innerHeight', {
+      value: originalInnerHeight,
+      writable: true,
+    });
+
+    Object.defineProperty(document.documentElement, 'clientHeight', {
+      value: originalClientHeight,
+      writable: true,
+    });
+
+    mockElement.remove();
+  });
+
+  it('should return 0 if the element is completely out of viewport', () => {
+    // Mock the getBoundingClientRect return value
+    mockGetBoundingClientRect.mockReturnValue({
+      bottom: -100,
+      height: 400,
+      left: 0,
+      right: 0,
+      toJSON: () => ({}),
+      top: -500,
+      width: 0,
+      x: 0,
+      y: 0,
+    });
+
+    const mockElement = document.createElement('div');
+    document.body.append(mockElement);
+
+    expect(getElementVisibleHeight(mockElement)).toBe(0);
+
+    mockElement.remove();
+  });
+});
diff --git a/packages/@core/shared/toolkit/src/dom.ts b/packages/@core/shared/toolkit/src/dom.ts
new file mode 100644
index 00000000..f7321d46
--- /dev/null
+++ b/packages/@core/shared/toolkit/src/dom.ts
@@ -0,0 +1,24 @@
+/**
+ * 获取元素可见高度
+ * @param element
+ * @returns
+ */
+function getElementVisibleHeight(
+  element?: HTMLElement | null | undefined,
+): number {
+  if (!element) {
+    return 0;
+  }
+  const rect = element.getBoundingClientRect();
+  const viewHeight = Math.max(
+    document.documentElement.clientHeight,
+    window.innerHeight,
+  );
+
+  const top = Math.max(rect.top, 0);
+  const bottom = Math.min(rect.bottom, viewHeight);
+
+  return Math.max(0, bottom - top);
+}
+
+export { getElementVisibleHeight };
diff --git a/packages/@core/shared/toolkit/src/index.ts b/packages/@core/shared/toolkit/src/index.ts
index 137d2c2f..f49beebc 100644
--- a/packages/@core/shared/toolkit/src/index.ts
+++ b/packages/@core/shared/toolkit/src/index.ts
@@ -1,5 +1,6 @@
 export * from './cn';
 export * from './diff';
+export * from './dom';
 export * from './hash';
 export * from './inference';
 export * from './letter';
@@ -7,5 +8,6 @@ export * from './merge';
 export * from './namespace';
 export * from './nprogress';
 export * from './tree';
+export * from './unique';
 export * from './update-css-variables';
 export * from './window';
diff --git a/packages/@core/shared/toolkit/src/inference.ts b/packages/@core/shared/toolkit/src/inference.ts
index 0e805776..4e33ba2c 100644
--- a/packages/@core/shared/toolkit/src/inference.ts
+++ b/packages/@core/shared/toolkit/src/inference.ts
@@ -97,11 +97,20 @@ function isWindowsOs(): boolean {
   return windowsRegex.test(navigator.userAgent);
 }
 
+/**
+ * 检查传入的值是否为数字
+ * @param value
+ */
+function isNumber(value: any): value is number {
+  return typeof value === 'number' && Number.isFinite(value);
+}
+
 export {
   isEmpty,
   isFunction,
   isHttpUrl,
   isMacOs,
+  isNumber,
   isObject,
   isString,
   isUndefined,
diff --git a/packages/@core/shared/toolkit/src/unique.test.ts b/packages/@core/shared/toolkit/src/unique.test.ts
new file mode 100644
index 00000000..50f48bbf
--- /dev/null
+++ b/packages/@core/shared/toolkit/src/unique.test.ts
@@ -0,0 +1,61 @@
+import { describe, expect, it } from 'vitest';
+
+import { uniqueByField } from './unique';
+
+describe('uniqueByField', () => {
+  it('should return an array with unique items based on id field', () => {
+    const items = [
+      { id: 1, name: 'Item 1' },
+      { id: 2, name: 'Item 2' },
+      { id: 3, name: 'Item 3' },
+      { id: 1, name: 'Duplicate Item' },
+    ];
+
+    const uniqueItems = uniqueByField(items, 'id');
+
+    // Assert expected results
+    expect(uniqueItems).toHaveLength(3); // After deduplication, there should be three objects left
+    expect(uniqueItems).toEqual([
+      { id: 1, name: 'Item 1' },
+      { id: 2, name: 'Item 2' },
+      { id: 3, name: 'Item 3' },
+    ]);
+  });
+
+  it('should return an empty array when input array is empty', () => {
+    const items: any[] = []; // Empty array
+
+    const uniqueItems = uniqueByField(items, 'id');
+
+    // Assert expected results
+    expect(uniqueItems).toEqual([]);
+  });
+
+  it('should handle arrays with only one item correctly', () => {
+    const items = [{ id: 1, name: 'Item 1' }];
+
+    const uniqueItems = uniqueByField(items, 'id');
+
+    // Assert expected results
+    expect(uniqueItems).toHaveLength(1);
+    expect(uniqueItems).toEqual([{ id: 1, name: 'Item 1' }]);
+  });
+
+  it('should preserve the order of the first occurrence of each item', () => {
+    const items = [
+      { id: 2, name: 'Item 2' },
+      { id: 1, name: 'Item 1' },
+      { id: 3, name: 'Item 3' },
+      { id: 1, name: 'Duplicate Item' },
+    ];
+
+    const uniqueItems = uniqueByField(items, 'id');
+
+    // Assert expected results (order of first occurrences preserved)
+    expect(uniqueItems).toEqual([
+      { id: 2, name: 'Item 2' },
+      { id: 1, name: 'Item 1' },
+      { id: 3, name: 'Item 3' },
+    ]);
+  });
+});
diff --git a/packages/@core/shared/toolkit/src/unique.ts b/packages/@core/shared/toolkit/src/unique.ts
new file mode 100644
index 00000000..e81f972c
--- /dev/null
+++ b/packages/@core/shared/toolkit/src/unique.ts
@@ -0,0 +1,15 @@
+/**
+ * 根据指定字段对对象数组进行去重
+ * @param arr 要去重的对象数组
+ * @param key 去重依据的字段名
+ * @returns 去重后的对象数组
+ */
+function uniqueByField<T>(arr: T[], key: keyof T): T[] {
+  const seen = new Map<any, T>();
+  return arr.filter((item) => {
+    const value = item[key];
+    return seen.has(value) ? false : (seen.set(value, item), true);
+  });
+}
+
+export { uniqueByField };
diff --git a/packages/@core/shared/typings/package.json b/packages/@core/shared/typings/package.json
index 0c63d3c6..367376fc 100644
--- a/packages/@core/shared/typings/package.json
+++ b/packages/@core/shared/typings/package.json
@@ -39,7 +39,7 @@
     }
   },
   "dependencies": {
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-router": "^4.4.0"
   }
 }
diff --git a/packages/@core/ui-kit/layout-ui/package.json b/packages/@core/ui-kit/layout-ui/package.json
index 08bb3891..c5e993d0 100644
--- a/packages/@core/ui-kit/layout-ui/package.json
+++ b/packages/@core/ui-kit/layout-ui/package.json
@@ -39,8 +39,9 @@
   "dependencies": {
     "@vben-core/iconify": "workspace:*",
     "@vben-core/shadcn-ui": "workspace:*",
+    "@vben-core/toolkit": "workspace:*",
     "@vben-core/typings": "workspace:*",
     "@vueuse/core": "^10.11.0",
-    "vue": "^3.4.30"
+    "vue": "^3.4.31"
   }
 }
diff --git a/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue b/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue
index 533faab7..37f37b3e 100644
--- a/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue
+++ b/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue
@@ -4,6 +4,8 @@ import type { ContentCompactType } from '@vben-core/typings';
 import type { CSSProperties } from 'vue';
 import { computed, onMounted, ref, watch } from 'vue';
 
+import { getElementVisibleHeight } from '@vben-core/toolkit';
+
 import { useCssVar, useDebounceFn, useWindowSize } from '@vueuse/core';
 
 interface Props {
@@ -54,12 +56,12 @@ const props = withDefaults(defineProps<Props>(), {
   paddingTop: 16,
 });
 
-const domElement = ref<HTMLDivElement | null>();
+const contentElement = ref<HTMLDivElement | null>();
 
 const { height, width } = useWindowSize();
 const contentClientHeight = useCssVar('--vben-content-client-height');
 const debouncedCalcHeight = useDebounceFn(() => {
-  contentClientHeight.value = `${domElement.value?.clientHeight ?? window.innerHeight}px`;
+  contentClientHeight.value = `${getElementVisibleHeight(contentElement.value)}px`;
 }, 200);
 
 const style = computed((): CSSProperties => {
@@ -97,7 +99,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <main ref="domElement" :style="style">
+  <main ref="contentElement" :style="style">
     <slot></slot>
   </main>
 </template>
diff --git a/packages/@core/ui-kit/menu-ui/package.json b/packages/@core/ui-kit/menu-ui/package.json
index dd049d18..6421e71e 100644
--- a/packages/@core/ui-kit/menu-ui/package.json
+++ b/packages/@core/ui-kit/menu-ui/package.json
@@ -43,6 +43,6 @@
     "@vben-core/toolkit": "workspace:*",
     "@vben-core/typings": "workspace:*",
     "@vueuse/core": "^10.11.0",
-    "vue": "^3.4.30"
+    "vue": "^3.4.31"
   }
 }
diff --git a/packages/@core/ui-kit/shadcn-ui/package.json b/packages/@core/ui-kit/shadcn-ui/package.json
index bd653b67..c29090f6 100644
--- a/packages/@core/ui-kit/shadcn-ui/package.json
+++ b/packages/@core/ui-kit/shadcn-ui/package.json
@@ -50,7 +50,7 @@
     "@vueuse/core": "^10.11.0",
     "class-variance-authority": "^0.7.0",
     "radix-vue": "^1.8.5",
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-sonner": "^1.1.3"
   }
 }
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/back-top/back-top.vue b/packages/@core/ui-kit/shadcn-ui/src/components/back-top/back-top.vue
index d6472ea7..5a162f31 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/back-top/back-top.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/back-top/back-top.vue
@@ -13,7 +13,7 @@ interface Props extends BacktopProps {}
 defineOptions({ name: 'BackTop' });
 
 const props = withDefaults(defineProps<Props>(), {
-  bottom: 40,
+  bottom: 24,
   isGroup: false,
   right: 40,
   target: '',
@@ -32,7 +32,7 @@ const { handleClick, visible } = useBackTop(props);
     <VbenButton
       v-if="visible"
       :style="backTopStyle"
-      class="bg-accent data fixed bottom-10 right-5 h-10 w-10 rounded-full"
+      class="bg-accent hover:bg-heavy data fixed bottom-10 right-5 z-10 h-10 w-10 rounded-full"
       size="icon"
       variant="icon"
       @click="handleClick"
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue b/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue
new file mode 100644
index 00000000..a3d2439f
--- /dev/null
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue
@@ -0,0 +1,111 @@
+<script lang="ts" setup>
+import { computed, onMounted, ref, unref, watch, watchEffect } from 'vue';
+
+import { isNumber } from '@vben-core/toolkit';
+
+import { TransitionPresets, useTransition } from '@vueuse/core';
+
+interface Props {
+  autoplay?: boolean;
+  color?: string;
+  decimal?: string;
+  decimals?: number;
+  duration?: number;
+  endVal?: number;
+  prefix?: string;
+  separator?: string;
+  startVal?: number;
+  suffix?: string;
+  transition?: keyof typeof TransitionPresets;
+  useEasing?: boolean;
+}
+
+defineOptions({ name: 'CountToAnimator' });
+
+const props = withDefaults(defineProps<Props>(), {
+  autoplay: true,
+  color: '',
+  decimal: '.',
+  decimals: 0,
+  duration: 1500,
+  endVal: 2021,
+  prefix: '',
+  separator: ',',
+  startVal: 0,
+  suffix: '',
+  transition: 'linear',
+  useEasing: true,
+});
+
+const emit = defineEmits(['onStarted', 'onFinished']);
+
+const source = ref(props.startVal);
+const disabled = ref(false);
+let outputValue = useTransition(source);
+
+const value = computed(() => formatNumber(unref(outputValue)));
+
+watchEffect(() => {
+  source.value = props.startVal;
+});
+
+watch([() => props.startVal, () => props.endVal], () => {
+  if (props.autoplay) {
+    start();
+  }
+});
+
+onMounted(() => {
+  props.autoplay && start();
+});
+
+function start() {
+  run();
+  source.value = props.endVal;
+}
+
+function reset() {
+  source.value = props.startVal;
+  run();
+}
+
+function run() {
+  outputValue = useTransition(source, {
+    disabled,
+    duration: props.duration,
+    onFinished: () => emit('onFinished'),
+    onStarted: () => emit('onStarted'),
+    ...(props.useEasing
+      ? { transition: TransitionPresets[props.transition] }
+      : {}),
+  });
+}
+
+function formatNumber(num: number | string) {
+  if (!num && num !== 0) {
+    return '';
+  }
+  const { decimal, decimals, prefix, separator, suffix } = props;
+  num = Number(num).toFixed(decimals);
+  num += '';
+
+  const x = num.split('.');
+  let x1 = x[0];
+  const x2 = x.length > 1 ? decimal + x[1] : '';
+
+  const rgx = /(\d+)(\d{3})/;
+  if (separator && !isNumber(separator)) {
+    while (rgx.test(x1)) {
+      x1 = x1.replace(rgx, `$1${separator}$2`);
+    }
+  }
+  return prefix + x1 + x2 + suffix;
+}
+
+defineExpose({ reset });
+</script>
+<template>
+  <span :style="{ color }">
+    {{ value }}
+  </span>
+</template>
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/index.ts b/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/index.ts
new file mode 100644
index 00000000..a97bafbf
--- /dev/null
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/index.ts
@@ -0,0 +1 @@
+export { default as VbenCountToAnimator } from './count-to-animator.vue';
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/index.ts b/packages/@core/ui-kit/shadcn-ui/src/components/index.ts
index a7ca8509..dc04c2ba 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/index.ts
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/index.ts
@@ -6,6 +6,7 @@ export * from './breadcrumb';
 export * from './button';
 export * from './checkbox';
 export * from './context-menu';
+export * from './count-to-animator';
 export * from './dropdown-menu';
 export * from './floating-button-group';
 export * from './full-screen';
diff --git a/packages/@core/ui-kit/tabs-ui/package.json b/packages/@core/ui-kit/tabs-ui/package.json
index de596177..c137f443 100644
--- a/packages/@core/ui-kit/tabs-ui/package.json
+++ b/packages/@core/ui-kit/tabs-ui/package.json
@@ -42,6 +42,6 @@
     "@vben-core/shadcn-ui": "workspace:*",
     "@vben-core/toolkit": "workspace:*",
     "@vben-core/typings": "workspace:*",
-    "vue": "^3.4.30"
+    "vue": "^3.4.31"
   }
 }
diff --git a/packages/business/chart-ui/package.json b/packages/business/chart-ui/package.json
index d44f3221..5f546420 100644
--- a/packages/business/chart-ui/package.json
+++ b/packages/business/chart-ui/package.json
@@ -41,7 +41,8 @@
   },
   "dependencies": {
     "@vben-core/preferences": "workspace:*",
-    "echarts": "^5.5.0",
-    "vue": "^3.4.30"
+    "@vueuse/core": "^10.11.0",
+    "echarts": "^5.5.1",
+    "vue": "^3.4.31"
   }
 }
diff --git a/packages/business/chart-ui/src/chart.vue b/packages/business/chart-ui/src/chart.vue
deleted file mode 100644
index d7134c97..00000000
--- a/packages/business/chart-ui/src/chart.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<script setup lang="ts">
-import { echartsInstance, ECOption } from './index';
-import { onMounted, ref, unref, warn } from 'vue';
-import { usePreferences } from '@vben-core/preferences';
-const { isDark } = usePreferences();
-interface Props {
-  height?: string;
-  width?: string;
-}
-withDefaults(defineProps<Props>(), {
-  height: '500px',
-  width: '100%',
-});
-
-const instance = ref();
-const instanceRef = ref(HTMLElement);
-onMounted(() => {
-  instance.value = echartsInstance.init(
-    instanceRef.value,
-    isDark.value ? 'dark' : '',
-  );
-});
-const setChart = (option: ECOption, clear: boolean = true) => {
-  const c = unref(instance);
-  if (!c) {
-    warn('instance is null');
-    return;
-  }
-  if (clear) c.clear();
-  c.setOption(option);
-};
-defineExpose({ setChart });
-</script>
-
-<template>
-  <div ref="instanceRef" :style="{ height, width }"></div>
-</template>
diff --git a/packages/business/chart-ui/src/echarts/echarts-ui.vue b/packages/business/chart-ui/src/echarts/echarts-ui.vue
new file mode 100644
index 00000000..70d1f20b
--- /dev/null
+++ b/packages/business/chart-ui/src/echarts/echarts-ui.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+interface Props {
+  height?: string;
+  width?: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  height: '300px',
+  width: '100%',
+});
+</script>
+
+<template>
+  <div v-bind="$attrs" :style="{ height, width }"></div>
+</template>
diff --git a/packages/business/chart-ui/src/echarts/echarts.ts b/packages/business/chart-ui/src/echarts/echarts.ts
new file mode 100644
index 00000000..042ac4eb
--- /dev/null
+++ b/packages/business/chart-ui/src/echarts/echarts.ts
@@ -0,0 +1,59 @@
+import type {
+  // 系列类型的定义后缀都为 SeriesOption
+  BarSeriesOption,
+  LineSeriesOption,
+} from 'echarts/charts';
+import type {
+  DatasetComponentOption,
+  GridComponentOption,
+  // 组件类型的定义后缀都为 ComponentOption
+  TitleComponentOption,
+  TooltipComponentOption,
+} from 'echarts/components';
+import type { ComposeOption } from 'echarts/core';
+
+import { BarChart, LineChart, PieChart, RadarChart } from 'echarts/charts';
+import {
+  // 数据集组件
+  DatasetComponent,
+  GridComponent,
+  LegendComponent,
+  TitleComponent,
+  ToolboxComponent,
+  TooltipComponent,
+  // 内置数据转换器组件 (filter, sort)
+  TransformComponent,
+} from 'echarts/components';
+import * as echarts from 'echarts/core';
+import { LabelLayout, UniversalTransition } from 'echarts/features';
+import { CanvasRenderer } from 'echarts/renderers';
+
+// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
+export type ECOption = ComposeOption<
+  | BarSeriesOption
+  | DatasetComponentOption
+  | GridComponentOption
+  | LineSeriesOption
+  | TitleComponentOption
+  | TooltipComponentOption
+>;
+
+// 注册必须的组件
+echarts.use([
+  TitleComponent,
+  PieChart,
+  RadarChart,
+  TooltipComponent,
+  GridComponent,
+  DatasetComponent,
+  TransformComponent,
+  BarChart,
+  LineChart,
+  LabelLayout,
+  UniversalTransition,
+  CanvasRenderer,
+  LegendComponent,
+  ToolboxComponent,
+]);
+
+export { echarts };
diff --git a/packages/business/chart-ui/src/echarts/index.ts b/packages/business/chart-ui/src/echarts/index.ts
new file mode 100644
index 00000000..80f36a13
--- /dev/null
+++ b/packages/business/chart-ui/src/echarts/index.ts
@@ -0,0 +1,3 @@
+export * from './echarts';
+export { default as EchartsUI } from './echarts-ui.vue';
+export * from './use-echarts';
diff --git a/packages/business/chart-ui/src/echarts/use-echarts.ts b/packages/business/chart-ui/src/echarts/use-echarts.ts
new file mode 100644
index 00000000..7e781592
--- /dev/null
+++ b/packages/business/chart-ui/src/echarts/use-echarts.ts
@@ -0,0 +1,108 @@
+import type { EChartsOption } from 'echarts';
+
+import type EchartsUI from './echarts-ui.vue';
+
+import type { Ref } from 'vue';
+import { computed, nextTick, watch } from 'vue';
+
+import { usePreferences } from '@vben-core/preferences';
+
+import {
+  tryOnUnmounted,
+  useDebounceFn,
+  useTimeoutFn,
+  useWindowSize,
+} from '@vueuse/core';
+
+import { echarts } from './echarts';
+
+type EchartsUIType = typeof EchartsUI | undefined;
+
+type EchartsThemeType = 'dark' | 'light' | null;
+
+function useEcharts(chartRef: Ref<EchartsUIType>) {
+  let chartInstance: echarts.ECharts | null = null;
+  let cacheOptions: EChartsOption = {};
+
+  const { isDark } = usePreferences();
+  const { height, width } = useWindowSize();
+  const resizeHandler: () => void = useDebounceFn(resize, 200);
+
+  const getOptions = computed((): EChartsOption => {
+    if (!isDark.value) {
+      return cacheOptions;
+    }
+
+    return {
+      backgroundColor: 'transparent',
+      ...cacheOptions,
+    };
+  });
+
+  const initCharts = (t?: EchartsThemeType) => {
+    const el = chartRef?.value?.$el;
+    if (!el) {
+      return;
+    }
+    chartInstance = echarts.init(el, t || isDark.value ? 'dark' : null);
+
+    return chartInstance;
+  };
+
+  const renderEcharts = (options: EChartsOption, clear = true) => {
+    cacheOptions = options;
+    return new Promise((resolve) => {
+      if (chartRef.value?.offsetHeight === 0) {
+        useTimeoutFn(() => {
+          renderEcharts(getOptions.value);
+          resolve(null);
+        }, 30);
+        return;
+      }
+      nextTick(() => {
+        useTimeoutFn(() => {
+          if (!chartInstance) {
+            const instance = initCharts();
+            if (!instance) return;
+          }
+          clear && chartInstance?.clear();
+          chartInstance?.setOption(getOptions.value);
+          resolve(null);
+        }, 30);
+      });
+    });
+  };
+
+  function resize() {
+    chartInstance?.resize({
+      animation: {
+        duration: 300,
+        easing: 'quadraticIn',
+      },
+    });
+  }
+
+  watch([width, height], () => {
+    resizeHandler?.();
+  });
+
+  watch(isDark, () => {
+    if (chartInstance) {
+      chartInstance.dispose();
+      initCharts();
+      renderEcharts(cacheOptions);
+    }
+  });
+
+  tryOnUnmounted(() => {
+    // 销毁实例，释放资源
+    chartInstance?.dispose();
+  });
+  return {
+    renderEcharts,
+  };
+}
+
+export { useEcharts };
+
+export type { EchartsUIType };
diff --git a/packages/business/chart-ui/src/index.ts b/packages/business/chart-ui/src/index.ts
index a2ab1e05..2aaf5c8c 100644
--- a/packages/business/chart-ui/src/index.ts
+++ b/packages/business/chart-ui/src/index.ts
@@ -1,59 +1 @@
-import * as echarts from 'echarts/core';
-import { BarChart, LineChart, PieChart, RadarChart } from 'echarts/charts';
-import {
-  TitleComponent,
-  TooltipComponent,
-  GridComponent,
-
-  // 数据集组件
-  DatasetComponent,
-  // 内置数据转换器组件 (filter, sort)
-  TransformComponent,
-  LegendComponent,
-  ToolboxComponent,
-} from 'echarts/components';
-import { LabelLayout, UniversalTransition } from 'echarts/features';
-import { CanvasRenderer } from 'echarts/renderers';
-import type {
-  // 系列类型的定义后缀都为 SeriesOption
-  BarSeriesOption,
-  LineSeriesOption,
-} from 'echarts/charts';
-import type {
-  // 组件类型的定义后缀都为 ComponentOption
-  TitleComponentOption,
-  TooltipComponentOption,
-  GridComponentOption,
-  DatasetComponentOption,
-} from 'echarts/components';
-import type { ComposeOption } from 'echarts/core';
-
-// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
-export type ECOption = ComposeOption<
-  | BarSeriesOption
-  | LineSeriesOption
-  | TitleComponentOption
-  | TooltipComponentOption
-  | GridComponentOption
-  | DatasetComponentOption
->;
-
-// 注册必须的组件
-echarts.use([
-  TitleComponent,
-  PieChart,
-  RadarChart,
-  TooltipComponent,
-  GridComponent,
-  DatasetComponent,
-  TransformComponent,
-  BarChart,
-  LineChart,
-  LabelLayout,
-  UniversalTransition,
-  CanvasRenderer,
-  LegendComponent,
-  ToolboxComponent,
-]);
-export const echartsInstance = echarts;
-export { default as chart } from './chart.vue';
+export * from './echarts';
diff --git a/packages/business/layouts/package.json b/packages/business/layouts/package.json
index f68bd4fb..1fa865f7 100644
--- a/packages/business/layouts/package.json
+++ b/packages/business/layouts/package.json
@@ -46,9 +46,10 @@
     "@vben-core/stores": "workspace:*",
     "@vben-core/tabs-ui": "workspace:*",
     "@vben-core/toolkit": "workspace:*",
+    "@vben/constants": "workspace:*",
     "@vben/locales": "workspace:*",
     "@vben/widgets": "workspace:*",
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-router": "^4.4.0"
   },
   "devDependencies": {
diff --git a/packages/business/layouts/src/basic/content/content.vue b/packages/business/layouts/src/basic/content/content.vue
index 2e279d36..4dd00e24 100644
--- a/packages/business/layouts/src/basic/content/content.vue
+++ b/packages/business/layouts/src/basic/content/content.vue
@@ -10,8 +10,8 @@ import { useContentSpinner } from './use-content-spinner';
 
 defineOptions({ name: 'LayoutContent' });
 
-const { keepAlive } = usePreferences();
 const tabsStore = useTabsStore();
+const { keepAlive } = usePreferences();
 const { spinning } = useContentSpinner();
 
 const { getCacheTabs, getExcludeTabs, renderRouteView } =
diff --git a/packages/business/layouts/src/basic/widgets/breadcrumb.vue b/packages/business/layouts/src/basic/widgets/breadcrumb.vue
index bc4d5215..7a43d08a 100644
--- a/packages/business/layouts/src/basic/widgets/breadcrumb.vue
+++ b/packages/business/layouts/src/basic/widgets/breadcrumb.vue
@@ -64,6 +64,7 @@ const breadcrumbs = computed((): IBreadcrumb[] => {
   if (props.hideWhenOnlyOne && resultBreadcrumb.length === 1) {
     return [];
   }
+
   return resultBreadcrumb;
 });
 
diff --git a/packages/business/universal-ui/package.json b/packages/business/universal-ui/package.json
index 500fd082..4a2eee9d 100644
--- a/packages/business/universal-ui/package.json
+++ b/packages/business/universal-ui/package.json
@@ -46,9 +46,10 @@
     "@vben-core/shadcn-ui": "workspace:*",
     "@vben/chart-ui": "workspace:*",
     "@vben/locales": "workspace:*",
+    "@vben/types": "workspace:*",
     "@vueuse/integrations": "^10.11.0",
     "qrcode": "^1.5.3",
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-router": "^4.4.0"
   },
   "devDependencies": {
diff --git a/packages/business/universal-ui/src/about/about.vue b/packages/business/universal-ui/src/about/about.vue
index 51c4dfd8..dcb962dc 100644
--- a/packages/business/universal-ui/src/about/about.vue
+++ b/packages/business/universal-ui/src/about/about.vue
@@ -13,9 +13,9 @@ defineOptions({
 
 withDefaults(defineProps<Props>(), {
   description:
-    '是一个基于Vue3.0、Vite 、TypeScript 等前沿技术的后台解决方案，目标是为服务中大型项目开发，提供现成的开箱解决方案及丰富的示例。',
+    '是一个现代化开箱即用的中后台解决方案，采用最新的技术栈，包括 Vue 3.0、Vite、TailwindCSS 和 TypeScript 等前沿技术，代码规范严谨，提供丰富的配置选项，旨在为中大型项目的开发提供现成的开箱即用解决方案及丰富的示例，同时，它也是学习和深入前端技术的一个极佳示例。',
   name: 'Vben Admin Pro',
-  title: '关于我们',
+  title: '关于项目',
 });
 
 const {
@@ -29,7 +29,9 @@ const {
   license,
   repositoryUrl,
   version,
-} = window.__VBEN_ADMIN_METADATA__ || {};
+  // vite inject-metadata 插件注入的全局变量
+  // eslint-disable-next-line no-undef
+} = __VBEN_ADMIN_METADATA__ || {};
 
 const vbenDescriptionItems: DescriptionItem[] = [
   {
@@ -105,7 +107,7 @@ const devDependenciesItems = Object.keys(devDependencies).map((key) => ({
 
 <template>
   <div class="m-5">
-    <div class="bg-card rounded-md p-5">
+    <div class="bg-card border-border rounded-md border p-5 shadow">
       <div>
         <h3 class="text-foreground text-2xl font-semibold leading-7">
           {{ title }}
@@ -133,7 +135,7 @@ const devDependenciesItems = Object.keys(devDependencies).map((key) => ({
       </div>
     </div>
 
-    <div class="bg-card mt-6 rounded-md p-5">
+    <div class="bg-card border-border mt-6 rounded-md border p-5">
       <div>
         <h5 class="text-foreground text-lg">生产环境依赖</h5>
       </div>
@@ -152,8 +154,7 @@ const devDependenciesItems = Object.keys(devDependencies).map((key) => ({
         </dl>
       </div>
     </div>
-
-    <div class="bg-card mt-6 rounded-md p-5">
+    <div class="bg-card border-border mt-6 rounded-md border p-5">
       <div>
         <h5 class="text-foreground text-lg">开发环境依赖</h5>
       </div>
diff --git a/packages/business/universal-ui/src/dashboard/analysis/analysis-chart-card.vue b/packages/business/universal-ui/src/dashboard/analysis/analysis-chart-card.vue
new file mode 100644
index 00000000..294d5173
--- /dev/null
+++ b/packages/business/universal-ui/src/dashboard/analysis/analysis-chart-card.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { Card, CardContent, CardHeader, CardTitle } from '@vben-core/shadcn-ui';
+
+interface Props {
+  title: string;
+}
+
+defineOptions({
+  name: 'AnalysisChartCard',
+});
+
+withDefaults(defineProps<Props>(), {});
+</script>
+
+<template>
+  <Card>
+    <CardHeader>
+      <CardTitle class="text-xl">{{ title }}</CardTitle>
+    </CardHeader>
+    <CardContent>
+      <slot></slot>
+    </CardContent>
+  </Card>
+</template>
diff --git a/packages/business/universal-ui/src/dashboard/analysis/analysis-charts-tabs.vue b/packages/business/universal-ui/src/dashboard/analysis/analysis-charts-tabs.vue
new file mode 100644
index 00000000..5765881d
--- /dev/null
+++ b/packages/business/universal-ui/src/dashboard/analysis/analysis-charts-tabs.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import type { TabsItem } from '@vben/types';
+
+import { computed } from 'vue';
+
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@vben-core/shadcn-ui';
+
+interface Props {
+  tabs: TabsItem[];
+}
+
+defineOptions({
+  name: 'AnalysisChartsTabs',
+});
+
+const props = withDefaults(defineProps<Props>(), {
+  tabs: () => [],
+});
+
+const defaultValue = computed(() => {
+  return props.tabs?.[0].value;
+});
+</script>
+
+<template>
+  <div
+    class="bg-card border-border w-full rounded-xl border px-4 pb-5 pt-3 shadow"
+  >
+    <Tabs :default-value="defaultValue">
+      <TabsList>
+        <template v-for="tab in tabs" :key="tab.label">
+          <TabsTrigger :value="tab.value"> {{ tab.label }} </TabsTrigger>
+        </template>
+      </TabsList>
+      <template v-for="tab in tabs" :key="tab.label">
+        <TabsContent :value="tab.value" class="pt-4">
+          <slot :name="tab.value"></slot>
+        </TabsContent>
+      </template>
+    </Tabs>
+  </div>
+</template>
diff --git a/packages/business/universal-ui/src/dashboard/analysis/analysis-overview.vue b/packages/business/universal-ui/src/dashboard/analysis/analysis-overview.vue
new file mode 100644
index 00000000..8b1c327f
--- /dev/null
+++ b/packages/business/universal-ui/src/dashboard/analysis/analysis-overview.vue
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import type { AnalysisOverviewItem } from '../typing';
+
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  VbenCountToAnimator,
+  VbenIcon,
+} from '@vben-core/shadcn-ui';
+
+interface Props {
+  items: AnalysisOverviewItem[];
+}
+
+defineOptions({
+  name: 'AnalysisOverview',
+});
+
+withDefaults(defineProps<Props>(), {
+  items: () => [],
+});
+</script>
+
+<template>
+  <div class="md:flex">
+    <template v-for="(item, index) in items" :key="item.title">
+      <Card
+        :class="{ 'md:mr-4': index + 1 < 4 }"
+        :title="item.title"
+        class="mt-5 w-full md:mt-0 md:w-1/4"
+      >
+        <CardHeader>
+          <CardTitle class="text-xl">{{ item.title }}</CardTitle>
+        </CardHeader>
+
+        <CardContent class="flex items-center justify-between">
+          <VbenCountToAnimator
+            :end-val="item.value"
+            :start-val="1"
+            class="text-xl"
+            prefix=""
+          />
+          <VbenIcon :icon="item.icon" class="size-8 flex-shrink-0" />
+        </CardContent>
+        <CardFooter class="justify-between">
+          <span>{{ item.totalTitle }}</span>
+          <VbenCountToAnimator
+            :end-val="item.totalValue"
+            :start-val="1"
+            prefix=""
+          />
+        </CardFooter>
+      </Card>
+    </template>
+  </div>
+</template>
diff --git a/packages/business/universal-ui/src/dashboard/analysis/index.ts b/packages/business/universal-ui/src/dashboard/analysis/index.ts
new file mode 100644
index 00000000..7c67b872
--- /dev/null
+++ b/packages/business/universal-ui/src/dashboard/analysis/index.ts
@@ -0,0 +1,3 @@
+export { default as AnalysisChartCard } from './analysis-chart-card.vue';
+export { default as AnalysisChartsTabs } from './analysis-charts-tabs.vue';
+export { default as AnalysisOverview } from './analysis-overview.vue';
diff --git a/packages/business/universal-ui/src/dashboard/card.vue b/packages/business/universal-ui/src/dashboard/card.vue
deleted file mode 100644
index d82dd040..00000000
--- a/packages/business/universal-ui/src/dashboard/card.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts" setup>
-import { VbenIcon, Badge } from '@vben-core/shadcn-ui';
-defineOptions({ name: 'DashboardCard' });
-import type { CardItem } from './typings';
-interface Props {
-  item: CardItem;
-}
-
-withDefaults(defineProps<Props>(), {});
-</script>
-
-<template>
-  <div class="rounded-lg border-2 border-solid">
-    <div class="flex justify-between p-2">
-      <div class="">
-        <slot name="title">{{ item.title }}</slot>
-      </div>
-      <div class="text-xs" :class="`bg-${item.color}-500`">
-        <slot name="extra"
-          ><Badge>{{ item.extra }}</Badge></slot
-        >
-      </div>
-    </div>
-    <div class="ml-2 mr-2">
-      <div class="m-2 flex justify-between">
-        <div class="text-4xl">
-          <slot name="leftContent">{{ item.leftContent }}</slot>
-        </div>
-        <div>
-          <slot name="rightContent"
-            ><VbenIcon :icon="item.rightContent" class="size-10"
-          /></slot>
-        </div>
-      </div>
-      <div class="m-2 flex justify-between">
-        <div>
-          <slot name="leftFooter">{{ item.leftFooter }}</slot>
-        </div>
-        <div>
-          <slot name="rightFooter">{{ item.rightFooter }}</slot>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/packages/business/universal-ui/src/dashboard/chartCard.vue b/packages/business/universal-ui/src/dashboard/chartCard.vue
deleted file mode 100644
index c6f08fa3..00000000
--- a/packages/business/universal-ui/src/dashboard/chartCard.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-import { chart } from '@vben/chart-ui';
-defineOptions({ name: 'ChartCard' });
-import type { ChartItem } from './typings';
-import { onMounted, ref } from 'vue';
-interface Props {
-  item: ChartItem;
-}
-const chartRef = ref();
-onMounted(() => {
-  chartRef.value.setChart(props.item.option);
-});
-
-const props = withDefaults(defineProps<Props>(), {});
-</script>
-
-<template>
-  <div class="rounded-lg border-2 border-solid">
-    <div class="">
-      {{ item.title }}
-    </div>
-    <chart ref="chartRef" />
-  </div>
-</template>
diff --git a/packages/business/universal-ui/src/dashboard/chartTab.vue b/packages/business/universal-ui/src/dashboard/chartTab.vue
deleted file mode 100644
index 66d27781..00000000
--- a/packages/business/universal-ui/src/dashboard/chartTab.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts" setup>
-import { Tabs, TabsList, TabsTrigger } from '@vben-core/shadcn-ui';
-import { chart } from '@vben/chart-ui';
-defineOptions({ name: 'ChartTab' });
-import type { ChartItem } from './typings';
-import { onMounted, ref } from 'vue';
-interface Props {
-  items: ChartItem[];
-}
-const chartRef = ref();
-onMounted(() => {
-  change(0);
-});
-const change = (i) => {
-  const item = props.items[i];
-  if (!item) return;
-  item.option && chartRef.value.setChart(item.option);
-};
-const props = withDefaults(defineProps<Props>(), {});
-</script>
-
-<template>
-  <div class="rounded-lg border-2 border-solid">
-    <Tabs
-      :defaultValue="items[0].name"
-      className="w-[400px]"
-      @update:modelValue="change"
-    >
-      <TabsList className="flex w-full ">
-        <TabsTrigger
-          :value="index"
-          v-for="(item, index) in items"
-          :key="index"
-          >{{ item.title }}</TabsTrigger
-        >
-      </TabsList>
-    </Tabs>
-
-    <chart ref="chartRef" />
-  </div>
-</template>
diff --git a/packages/business/universal-ui/src/dashboard/dashboard.vue b/packages/business/universal-ui/src/dashboard/dashboard.vue
deleted file mode 100644
index 8b3ad55d..00000000
--- a/packages/business/universal-ui/src/dashboard/dashboard.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<script lang="ts" setup>
-import type { CardItem, ChartItem } from './typings';
-
-import { ref } from 'vue';
-
-import Card from './card.vue';
-import ChartCard from './chartCard.vue';
-import ChartTab from './chartTab.vue';
-
-interface Props {
-  cardList: CardItem[];
-  chartTabs: ChartItem[];
-}
-
-defineOptions({ name: 'Dashboard' });
-
-withDefaults(defineProps<Props>(), {
-  cardList: () => [],
-  chartTabs: () => [],
-});
-
-const itemA = ref({
-  option: {
-    legend: {
-      top: 'bottom',
-    },
-    series: [
-      {
-        center: ['50%', '50%'],
-        data: [
-          { name: 'rose 1', value: 40 },
-          { name: 'rose 2', value: 38 },
-          { name: 'rose 3', value: 32 },
-          { name: 'rose 4', value: 30 },
-          { name: 'rose 5', value: 28 },
-          { name: 'rose 6', value: 26 },
-          { name: 'rose 7', value: 22 },
-          { name: 'rose 8', value: 18 },
-        ],
-        itemStyle: {
-          borderRadius: 8,
-        },
-        name: 'Nightingale Chart',
-        radius: [50, 200],
-        roseType: 'area',
-        type: 'pie',
-      },
-    ],
-    toolbox: {
-      feature: {
-        dataView: { readOnly: false, show: true },
-        mark: { show: true },
-        restore: { show: true },
-        saveAsImage: { show: true },
-      },
-      show: true,
-    },
-  },
-  title: '玫瑰图',
-});
-const itemB = ref({
-  option: {
-    legend: {
-      data: ['Allocated Budget', 'Actual Spending'],
-    },
-    radar: {
-      // shape: 'circle',
-      indicator: [
-        { max: 6500, name: 'Sales' },
-        { max: 16_000, name: 'Administration' },
-        { max: 30_000, name: 'Information Technology' },
-        { max: 38_000, name: 'Customer Support' },
-        { max: 52_000, name: 'Development' },
-        { max: 25_000, name: 'Marketing' },
-      ],
-    },
-    series: [
-      {
-        data: [
-          {
-            name: 'Allocated Budget',
-            value: [4200, 3000, 20_000, 35_000, 50_000, 18_000],
-          },
-          {
-            name: 'Actual Spending',
-            value: [5000, 14_000, 28_000, 26_000, 42_000, 21_000],
-          },
-        ],
-        name: 'Budget vs spending',
-        type: 'radar',
-      },
-    ],
-  },
-  title: '雷达图',
-});
-const itemC = ref({
-  option: {
-    legend: {
-      left: 'center',
-      top: '5%',
-    },
-    series: [
-      {
-        avoidLabelOverlap: false,
-        data: [
-          { name: 'Search Engine', value: 1048 },
-          { name: 'Direct', value: 735 },
-          { name: 'Email', value: 580 },
-          { name: 'Union Ads', value: 484 },
-          { name: 'Video Ads', value: 300 },
-        ],
-        emphasis: {
-          label: {
-            fontSize: 40,
-            fontWeight: 'bold',
-            show: true,
-          },
-        },
-        itemStyle: {
-          borderColor: '#fff',
-          borderRadius: 10,
-          borderWidth: 2,
-        },
-        label: {
-          position: 'center',
-          show: false,
-        },
-        labelLine: {
-          show: false,
-        },
-        name: 'Access From',
-        radius: ['40%', '70%'],
-        type: 'pie',
-      },
-    ],
-    tooltip: {
-      trigger: 'item',
-    },
-  },
-  title: '饼图',
-});
-</script>
-
-<template>
-  <div>
-    <div class="grid grid-cols-4 gap-4 p-2">
-      <Card v-for="item in cardList" :key="item.title" :item="item" />
-    </div>
-    <div class="p-2"><ChartTab :items="chartTabs" /></div>
-    <div class="grid grid-cols-3 gap-2 p-2">
-      <ChartCard :item="itemA" />
-      <ChartCard :item="itemB" />
-      <ChartCard :item="itemC" />
-    </div>
-  </div>
-</template>
diff --git a/packages/business/universal-ui/src/dashboard/index.ts b/packages/business/universal-ui/src/dashboard/index.ts
index 40e0c0d5..bc74424b 100644
--- a/packages/business/universal-ui/src/dashboard/index.ts
+++ b/packages/business/universal-ui/src/dashboard/index.ts
@@ -1,3 +1,3 @@
-export { default as DashboardLayout } from './layout.vue';
-export { default as Dashboard } from './dashboard.vue';
-export { default as chartCard } from './chartCard.vue';
+export * from './analysis';
+export type * from './typing';
+export * from './workbench';
diff --git a/packages/business/universal-ui/src/dashboard/layout.vue b/packages/business/universal-ui/src/dashboard/layout.vue
deleted file mode 100644
index fcda54f2..00000000
--- a/packages/business/universal-ui/src/dashboard/layout.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts" setup>
-defineOptions({ name: 'DashboardLayout' });
-</script>
-
-<template>
-  <div>dashboardLayout</div>
-</template>
diff --git a/packages/business/universal-ui/src/dashboard/typing.ts b/packages/business/universal-ui/src/dashboard/typing.ts
new file mode 100644
index 00000000..b16d1bef
--- /dev/null
+++ b/packages/business/universal-ui/src/dashboard/typing.ts
@@ -0,0 +1,29 @@
+import type { Component } from 'vue';
+
+interface AnalysisOverviewItem {
+  icon: Component | string;
+  title: string;
+  totalTitle: string;
+  totalValue: number;
+  value: number;
+}
+
+interface WorkbenchProjectItem {
+  color?: string;
+  content: string;
+  date: string;
+  group: string;
+  icon: Component | string;
+  title: string;
+}
+interface WorkbenchQuickNavItem {
+  color?: string;
+  icon: Component | string;
+  title: string;
+}
+
+export type {
+  AnalysisOverviewItem,
+  WorkbenchProjectItem,
+  WorkbenchQuickNavItem,
+};
diff --git a/packages/business/universal-ui/src/dashboard/typings.ts b/packages/business/universal-ui/src/dashboard/typings.ts
deleted file mode 100644
index d6d96204..00000000
--- a/packages/business/universal-ui/src/dashboard/typings.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-interface CardItem {
-  title: string;
-  extra: string;
-  leftContent: string;
-  rightContent: string;
-  color?: string;
-  leftFooter: string;
-  rightFooter: string;
-}
-
-interface ChartItem {
-  name: string;
-  title: string;
-  options: any;
-}
-
-export type { CardItem, ChartItem };
diff --git a/packages/business/universal-ui/src/dashboard/workbench/index.ts b/packages/business/universal-ui/src/dashboard/workbench/index.ts
new file mode 100644
index 00000000..5d98a47c
--- /dev/null
+++ b/packages/business/universal-ui/src/dashboard/workbench/index.ts
@@ -0,0 +1,3 @@
+export { default as WorkbenchHeader } from './workbench-header.vue';
+export { default as WorkbenchProject } from './workbench-project.vue';
+export { default as WorkbenchQuickNav } from './workbench-quick-nav.vue';
diff --git a/packages/business/universal-ui/src/dashboard/workbench/workbench-header.vue b/packages/business/universal-ui/src/dashboard/workbench/workbench-header.vue
new file mode 100644
index 00000000..50581cb9
--- /dev/null
+++ b/packages/business/universal-ui/src/dashboard/workbench/workbench-header.vue
@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+import { VbenAvatar } from '@vben-core/shadcn-ui';
+
+interface Props {
+  avatar?: string;
+}
+
+defineOptions({
+  name: 'WorkbenchHeader',
+});
+
+withDefaults(defineProps<Props>(), {
+  avatar: '',
+});
+</script>
+<template>
+  <div class="bg-card border-border rounded-xl p-4 py-6 shadow lg:flex">
+    <VbenAvatar :src="avatar" class="size-20" />
+    <div
+      v-if="$slots.title || $slots.description"
+      class="flex flex-col justify-center md:ml-6 md:mt-0"
+    >
+      <h1 v-if="$slots.title" class="text-md font-semibold md:text-xl">
+        <slot name="title"></slot>
+      </h1>
+      <span v-if="$slots.description" class="text-foreground/80 mt-1">
+        <slot name="description"></slot>
+      </span>
+    </div>
+    <div class="mt-4 flex flex-1 justify-end md:mt-0">
+      <div class="flex flex-col justify-center text-right">
+        <span class="text-foreground/80"> 待办 </span>
+        <span class="text-2xl">2/10</span>
+      </div>
+
+      <div class="mx-12 flex flex-col justify-center text-right md:mx-16">
+        <span class="text-foreground/80"> 项目 </span>
+        <span class="text-2xl">8</span>
+      </div>
+      <div class="mr-4 flex flex-col justify-center text-right md:mr-10">
+        <span class="text-foreground/80"> 团队 </span>
+        <span class="text-2xl">300</span>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/packages/business/universal-ui/src/dashboard/workbench/workbench-project.vue b/packages/business/universal-ui/src/dashboard/workbench/workbench-project.vue
new file mode 100644
index 00000000..f37c44f3
--- /dev/null
+++ b/packages/business/universal-ui/src/dashboard/workbench/workbench-project.vue
@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import type { WorkbenchProjectItem } from '../typing';
+
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  VbenIcon,
+} from '@vben-core/shadcn-ui';
+
+interface Props {
+  items: WorkbenchProjectItem[];
+  title: string;
+}
+
+defineOptions({
+  name: 'WorkbenchProject',
+});
+
+withDefaults(defineProps<Props>(), {
+  items: () => [],
+});
+</script>
+
+<template>
+  <Card>
+    <CardHeader class="py-4">
+      <CardTitle class="text-lg">{{ title }}</CardTitle>
+    </CardHeader>
+    <CardContent class="flex flex-wrap p-0">
+      <template v-for="(item, index) in items" :key="item.title">
+        <div
+          :class="{
+            'border-r-0': index % 3 === 2,
+            'border-b-0': index < 3,
+            'pb-4': index > 2,
+          }"
+          class="border-border w-1/3 border-b border-r border-t p-4 transition-all hover:shadow-xl"
+        >
+          <div class="flex items-center">
+            <VbenIcon :color="item.color" :icon="item.icon" class="size-8" />
+            <span class="ml-4 text-lg font-medium">{{ item.title }}</span>
+          </div>
+          <div class="text-foreground/80 mt-4 flex h-10">
+            {{ item.content }}
+          </div>
+          <div class="text-foreground/80 flex justify-between">
+            <span>{{ item.group }}</span>
+            <span>{{ item.date }}</span>
+          </div>
+        </div>
+      </template>
+    </CardContent>
+  </Card>
+</template>
diff --git a/packages/business/universal-ui/src/dashboard/workbench/workbench-quick-nav.vue b/packages/business/universal-ui/src/dashboard/workbench/workbench-quick-nav.vue
new file mode 100644
index 00000000..23b5d7a6
--- /dev/null
+++ b/packages/business/universal-ui/src/dashboard/workbench/workbench-quick-nav.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import type { WorkbenchQuickNavItem } from '../typing';
+
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  VbenIcon,
+} from '@vben-core/shadcn-ui';
+
+interface Props {
+  items: WorkbenchQuickNavItem[];
+  title: string;
+}
+
+defineOptions({
+  name: 'WorkbenchQuickNav',
+});
+
+withDefaults(defineProps<Props>(), {
+  items: () => [],
+});
+</script>
+
+<template>
+  <Card>
+    <CardHeader class="py-4">
+      <CardTitle class="text-lg">{{ title }}</CardTitle>
+    </CardHeader>
+    <CardContent class="flex flex-wrap p-0">
+      <template v-for="(item, index) in items" :key="item.title">
+        <div
+          :class="{
+            'border-r-0': index % 3 === 2,
+            'pb-4': index > 2,
+            'border-b-0': index < 3,
+          }"
+          class="flex-col-center border-border w-1/3 border-b border-r border-t py-5 transition-all hover:shadow-xl"
+        >
+          <VbenIcon :color="item.color" :icon="item.icon" class="size-5" />
+          <span class="text-md mt-2 truncate">{{ item.title }}</span>
+        </div>
+      </template>
+    </CardContent>
+  </Card>
+</template>
diff --git a/packages/business/universal-ui/tsconfig.json b/packages/business/universal-ui/tsconfig.json
index ce1a891f..10b335e2 100644
--- a/packages/business/universal-ui/tsconfig.json
+++ b/packages/business/universal-ui/tsconfig.json
@@ -1,6 +1,9 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
   "extends": "@vben/tsconfig/web.json",
+  "compilerOptions": {
+    "types": ["@vben/types/window"]
+  },
   "include": ["src"],
   "exclude": ["node_modules"]
 }
diff --git a/packages/business/widgets/package.json b/packages/business/widgets/package.json
index 458f5e0c..7f2443fb 100644
--- a/packages/business/widgets/package.json
+++ b/packages/business/widgets/package.json
@@ -51,7 +51,7 @@
     "@vueuse/core": "^10.11.0",
     "@vueuse/integrations": "^10.11.0",
     "qrcode": "^1.5.3",
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-router": "^4.4.0"
   },
   "devDependencies": {
diff --git a/packages/business/widgets/src/coze-assistant/assistant.vue b/packages/business/widgets/src/coze-assistant/assistant.vue
index 21d83e51..f067d2e2 100644
--- a/packages/business/widgets/src/coze-assistant/assistant.vue
+++ b/packages/business/widgets/src/coze-assistant/assistant.vue
@@ -56,9 +56,9 @@ onUnmounted(() => {
 
 <style>
 .coze-assistant {
-  position: absolute;
+  position: fixed;
   right: 30px;
-  bottom: 30px;
+  bottom: 60px;
   z-index: 1000;
 
   img {
diff --git a/packages/business/widgets/src/global-search/search-panel.vue b/packages/business/widgets/src/global-search/search-panel.vue
index aca7a3b6..4a661928 100644
--- a/packages/business/widgets/src/global-search/search-panel.vue
+++ b/packages/business/widgets/src/global-search/search-panel.vue
@@ -7,7 +7,7 @@ import { useRouter } from 'vue-router';
 import { $t } from '@vben/locales';
 import { IcRoundClose, IcRoundSearchOff } from '@vben-core/iconify';
 import { VbenIcon, VbenScrollbar } from '@vben-core/shadcn-ui';
-import { mapTree, traverseTreeValues } from '@vben-core/toolkit';
+import { mapTree, traverseTreeValues, uniqueByField } from '@vben-core/toolkit';
 
 import { onKeyStroke, useLocalStorage, useThrottleFn } from '@vueuse/core';
 
@@ -247,16 +247,17 @@ onMounted(() => {
           {{ $t('search.recent') }}
         </li>
         <li
-          v-for="(item, index) in searchResults"
+          v-for="(item, index) in uniqueByField(searchResults, 'path')"
           :key="item.path"
           :class="
             activeIndex === index
-              ? 'active bg-primary text-primary-foreground text-muted-foreground'
+              ? 'active bg-primary text-primary-foreground'
               : ''
           "
           :data-index="index"
           :data-search-item="index"
           class="bg-accent flex-center group mb-3 w-full cursor-pointer rounded-lg px-4 py-4"
+          @click="handleEnter"
           @mouseenter="handleMouseenter"
         >
           <VbenIcon
diff --git a/packages/business/widgets/src/preferences/blocks/layout/breadcrumb.vue b/packages/business/widgets/src/preferences/blocks/layout/breadcrumb.vue
index 46069982..e8f06186 100644
--- a/packages/business/widgets/src/preferences/blocks/layout/breadcrumb.vue
+++ b/packages/business/widgets/src/preferences/blocks/layout/breadcrumb.vue
@@ -22,7 +22,7 @@ const breadcrumbHideOnlyOne = defineModel<boolean>('breadcrumbHideOnlyOne');
 
 const typeItems: SelectListItem[] = [
   { label: $t('preferences.normal'), value: 'normal' },
-  { label: $t('preferences.breadcrumb-background'), value: 'background' },
+  { label: $t('preferences.breadcrumb.background'), value: 'background' },
 ];
 
 const disableItem = computed(() => {
@@ -32,22 +32,22 @@ const disableItem = computed(() => {
 
 <template>
   <SwitchItem v-model="breadcrumbEnable" :disabled="disabled">
-    {{ $t('preferences.breadcrumb-enable') }}
+    {{ $t('preferences.breadcrumb.enable') }}
   </SwitchItem>
   <SwitchItem v-model="breadcrumbHideOnlyOne" :disabled="disableItem">
-    {{ $t('preferences.breadcrumb-hide-only-one') }}
+    {{ $t('preferences.breadcrumb.hide-only-one') }}
   </SwitchItem>
   <SwitchItem v-model="breadcrumbShowHome" :disabled="disableItem">
-    {{ $t('preferences.breadcrumb-home') }}
+    {{ $t('preferences.breadcrumb.home') }}
   </SwitchItem>
   <SwitchItem v-model="breadcrumbShowIcon" :disabled="disableItem">
-    {{ $t('preferences.breadcrumb-icon') }}
+    {{ $t('preferences.breadcrumb.icon') }}
   </SwitchItem>
   <ToggleItem
     v-model="breadcrumbStyleType"
     :disabled="disableItem"
     :items="typeItems"
   >
-    {{ $t('preferences.breadcrumb-style') }}
+    {{ $t('preferences.breadcrumb.style') }}
   </ToggleItem>
 </template>
diff --git a/packages/business/widgets/src/preferences/preferences.vue b/packages/business/widgets/src/preferences/preferences.vue
index dd516d7a..7df728ef 100644
--- a/packages/business/widgets/src/preferences/preferences.vue
+++ b/packages/business/widgets/src/preferences/preferences.vue
@@ -180,7 +180,7 @@ function handleReset() {
     <VbenSheet
       v-model:open="openPreferences"
       :description="$t('preferences.subtitle')"
-      :title="$t('preferences.name')"
+      :title="$t('preferences.title')"
     >
       <template #trigger>
         <Trigger />
@@ -210,7 +210,7 @@ function handleReset() {
               />
             </Block>
 
-            <Block :title="$t('preferences.animation.name')">
+            <Block :title="$t('preferences.animation.title')">
               <Animation
                 v-model:transition-enable="transitionEnable"
                 v-model:transition-loading="transitionLoading"
@@ -220,7 +220,7 @@ function handleReset() {
             </Block>
           </template>
           <template #appearance>
-            <Block :title="$t('preferences.theme.name')">
+            <Block :title="$t('preferences.theme.title')">
               <Theme
                 v-model="themeMode"
                 v-model:app-semi-dark-menu="appSemiDarkMenu"
@@ -266,7 +266,7 @@ function handleReset() {
               />
             </Block>
 
-            <Block :title="$t('preferences.header.name')">
+            <Block :title="$t('preferences.header.title')">
               <Header
                 v-model:headerEnable="headerEnable"
                 v-model:headerMode="headerMode"
@@ -284,7 +284,7 @@ function handleReset() {
               />
             </Block>
 
-            <Block :title="$t('preferences.breadcrumb')">
+            <Block :title="$t('preferences.breadcrumb.title')">
               <Breadcrumb
                 v-model:breadcrumb-enable="breadcrumbEnable"
                 v-model:breadcrumb-hide-only-one="breadcrumbHideOnlyOne"
@@ -303,7 +303,7 @@ function handleReset() {
                 v-model:tabbar-show-icon="tabbarShowIcon"
               />
             </Block>
-            <Block :title="$t('preferences.footer.name')">
+            <Block :title="$t('preferences.footer.title')">
               <Footer
                 v-model:footer-enable="footerEnable"
                 v-model:footer-fixed="footerFixed"
diff --git a/packages/business/widgets/src/preferences/trigger.vue b/packages/business/widgets/src/preferences/trigger.vue
index 333150d5..17ec773b 100644
--- a/packages/business/widgets/src/preferences/trigger.vue
+++ b/packages/business/widgets/src/preferences/trigger.vue
@@ -11,7 +11,7 @@ defineOptions({
 
 <template>
   <VbenButton
-    :title="$t('preferences.name')"
+    :title="$t('preferences.title')"
     class="bg-primary flex-col-center h-12 w-12 cursor-pointer rounded-l-lg rounded-r-none border-none"
   >
     <IconSetting
diff --git a/packages/business/widgets/src/user-dropdown/user-dropdown.vue b/packages/business/widgets/src/user-dropdown/user-dropdown.vue
index e83fd627..b4352496 100644
--- a/packages/business/widgets/src/user-dropdown/user-dropdown.vue
+++ b/packages/business/widgets/src/user-dropdown/user-dropdown.vue
@@ -175,7 +175,7 @@ if (enableShortcutKey.value) {
         @click="handleOpenPreference"
       >
         <IcRoundSettingsSuggest class="mr-2 size-5" />
-        {{ $t('preferences.name') }}
+        {{ $t('preferences.title') }}
         <DropdownMenuShortcut v-if="enablePreferencesShortcutKey">
           {{ altView }} ,
         </DropdownMenuShortcut>
diff --git a/packages/constants/src/_essentials.ts b/packages/constants/src/_essentials.ts
index 8d5dfd94..54c99aa1 100644
--- a/packages/constants/src/_essentials.ts
+++ b/packages/constants/src/_essentials.ts
@@ -6,6 +6,6 @@ const LOGIN_PATH = '/auth/login';
 /**
  * @zh_CN 默认首页地址
  */
-const DEFAULT_HOME_PATH = '/welcome';
+const DEFAULT_HOME_PATH = '/analytics';
 
 export { DEFAULT_HOME_PATH, LOGIN_PATH };
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
index fcf41229..322261f1 100644
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -38,6 +38,6 @@
     }
   },
   "dependencies": {
-    "vue": "^3.4.30"
+    "vue": "^3.4.31"
   }
 }
diff --git a/packages/icons/src/svg/icons/bell.svg b/packages/icons/src/svg/icons/bell.svg
new file mode 100644
index 00000000..90c34e1b
--- /dev/null
+++ b/packages/icons/src/svg/icons/bell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 419.23 419.23"><defs><style>.svg-bell-cls-1{fill:#fbc907;}.svg-bell-cls-2{fill:#f3a70f;}.svg-bell-cls-3{fill:#426572;}.svg-bell-cls-4,.svg-bell-cls-9{fill:#fff;}.svg-bell-cls-5{fill:#e8e8e8;}.svg-bell-cls-6{fill:#dadada;}.svg-bell-cls-7{opacity:0.1;}.svg-bell-cls-8{fill:#55e0ff;}.svg-bell-cls-9{opacity:0.4;}</style></defs><title>Asset 510</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="svg-bell-cls-1" cx="210.66" cy="209.62" r="203.61"/><path class="svg-bell-cls-2" d="M27.21,209.62A203.61,203.61,0,0,1,220.72,6.26q-5-.25-10.08-.25C98.19,4.86,6.11,95.09,5,207.54S94.05,412.07,206.5,413.21q2.07,0,4.13,0,5.06,0,10.08-.25A203.61,203.61,0,0,1,27.21,209.62Z"/><path class="svg-bell-cls-3" d="M209.61,419.23C94,419.23,0,325.19,0,209.61S94,0,209.61,0,419.23,94,419.23,209.61,325.19,419.23,209.61,419.23Zm0-407.23C100.65,12,12,100.65,12,209.61s88.65,197.61,197.61,197.61,197.61-88.65,197.61-197.61S318.58,12,209.61,12Z"/><path class="svg-bell-cls-4" d="M111.69,60.1a195,195,0,0,1,41.08-21.2c3.59-1.34,2-7.14-1.6-5.79a201.47,201.47,0,0,0-42.51,21.8c-3.18,2.15-.18,7.35,3,5.18Z"/><path class="svg-bell-cls-4" d="M35.09,160.61c3.09-10.2,8-20,13.05-29.32A212.37,212.37,0,0,1,95.87,72.18c2.93-2.52-1.33-6.75-4.24-4.24A217.08,217.08,0,0,0,43,128.26C37.63,138,32.54,148.34,29.31,159c-1.12,3.7,4.67,5.29,5.79,1.6Z"/><circle class="svg-bell-cls-5" cx="211.45" cy="212.12" r="156.89"/><path class="svg-bell-cls-6" d="M67.05,232.07a156.89,156.89,0,0,1,283.33-92.82A156.91,156.91,0,1,0,85,304.92,156.19,156.19,0,0,1,67.05,232.07Z"/><path class="svg-bell-cls-5" d="M211.32,152.25h0a9.16,9.16,0,0,1,9.16,9.16V210.5a9.16,9.16,0,0,1-9.16,9.16h0a9.16,9.16,0,0,1-9.16-9.16V161.41A9.16,9.16,0,0,1,211.32,152.25Z"/><circle class="svg-bell-cls-5" cx="211.14" cy="221.32" r="15.94"/><path class="svg-bell-cls-3" d="M210.48,92.62c6.29,0,6.29-9.77,0-9.77S204.19,92.62,210.48,92.62Z"/><path class="svg-bell-cls-3" d="M210.48,343.89c6.29,0,6.29-9.77,0-9.77S204.19,343.89,210.48,343.89Z"/><path class="svg-bell-cls-3" d="M339.84,218.25c6.29,0,6.29-9.77,0-9.77S333.55,218.25,339.84,218.25Z"/><path class="svg-bell-cls-3" d="M81.13,218.25c6.29,0,6.29-9.77,0-9.77S74.84,218.25,81.13,218.25Z"/><path class="svg-bell-cls-3" d="M205.56,153.32h0a9.16,9.16,0,0,1,9.16,9.16v49.09a9.16,9.16,0,0,1-9.16,9.16h0a9.16,9.16,0,0,1-9.16-9.16V162.49A9.16,9.16,0,0,1,205.56,153.32Z"/><circle class="cls-3" cx="205.38" cy="221.15" r="15.94"/><path class="cls-3" d="M135.78,272.58l135.16-89.89L290.11,170c5.22-3.46.33-11.94-4.92-8.44L150,251.4l-19.17,12.74C125.64,267.6,130.52,276.08,135.78,272.58Z"/><g class="svg-bell-cls-7"><ellipse class="svg-bell-cls-8" cx="210.2" cy="211.21" rx="156.89" ry="154.23"/></g><path class="svg-bell-cls-9" d="M243.13,60.17,84.37,301.88a162.18,162.18,0,0,1-18.58-47.29L193.5,60.21a153.88,153.88,0,0,1,49.67,0Z"/><path class="svg-bell-cls-9" d="M289.69,72.6,115.93,325.78a155.09,155.09,0,0,1-14.77-15L270,64.76A155.38,155.38,0,0,1,289.69,72.6Z"/><path class="svg-bell-cls-9" d="M362.16,171.75h0L232.51,360.68h0a160.93,160.93,0,0,1-42.54.43L346.63,132.84A151.63,151.63,0,0,1,362.16,171.75Z"/><path class="cls-3" d="M210.12,369.75c-89.82,0-162.89-71.88-162.89-160.23S120.31,49.29,210.12,49.29,373,121.17,373,209.52,299.94,369.75,210.12,369.75Zm0-308.46c-83.2,0-150.89,66.5-150.89,148.23s67.69,148.23,150.89,148.23S361,291.25,361,209.52,293.32,61.29,210.12,61.29Z"/></g></g></svg>
diff --git a/packages/icons/src/svg/icons/cake.svg b/packages/icons/src/svg/icons/cake.svg
new file mode 100644
index 00000000..43901fbc
--- /dev/null
+++ b/packages/icons/src/svg/icons/cake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 392.49 390.69"><defs><style>.svg-cake-cls-1{fill:#fff;}.svg-cake-cls-2{fill:#f3aa9f;}.svg-cake-cls-3{fill:#e1978f;}.svg-cake-cls-4,.svg-cake-cls-6{fill:#426572;}.svg-cake-cls-5{fill:#e1d2d5;}.svg-cake-cls-6{font-size:100.43px;font-family:Dosis-ExtraBold, Dosis;font-weight:700;}</style></defs><title>Asset 480</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="svg-cake-cls-1" d="M383.9,162H199.69V2.19q4-.19,8.16-.19A176.87,176.87,0,0,1,383.9,162Z"/><path class="svg-cake-cls-2" d="M355.38,210a176.83,176.83,0,0,1-95.72,157.18l-.15.07A176.88,176.88,0,1,1,101.72,50.67l.15-.07a175.93,175.93,0,0,1,72.82-17.4V191H354.37A177.9,177.9,0,0,1,355.38,210Z"/><path class="svg-cake-cls-3" d="M357.53,212.16a176,176,0,0,1-17.44,76.66,1,1,0,0,1-.07.15A176.89,176.89,0,0,1,73.47,352.79l1.23.38q6,1.86,12.26,3.29A177,177,0,0,0,303.49,191h52.78A178.15,178.15,0,0,1,357.53,212.16Z"/><path class="svg-cake-cls-4" d="M182.85,390.69a182.87,182.87,0,0,1-84-345.31l.41-.2a180.59,180.59,0,0,1,75.13-20l6.27-.28V185H364.36l.51,5.44c.54,5.77.82,11.62.82,17.4a180.72,180.72,0,0,1-20.18,83.56c-.06.12-.12.26-.2.41a184.39,184.39,0,0,1-83,80.77l-.18.08,0,0A181.06,181.06,0,0,1,182.85,390.69ZM104.33,56.08A170.88,170.88,0,0,0,256.9,361.85l.17-.08,0,0a172.34,172.34,0,0,0,77.5-75.38l.15-.29a168.84,168.84,0,0,0,18.93-78.23c0-3.6-.11-7.23-.34-10.84H168.69V37.58a168.41,168.41,0,0,0-64.07,18.35Z"/><path class="svg-cake-cls-5" d="M382.9,158H309.11c-2.89-46.4-18.43-98.49-36.89-144.29l1.33.51a177.49,177.49,0,0,1,92.51,83.56A175.63,175.63,0,0,1,382.9,158Z"/><path class="svg-cake-cls-4" d="M392.49,172H195.69V.47L201.4.2C204.11.07,207,0,209.85,0a182.87,182.87,0,0,1,182,165.44Zm-184.8-12H379.18A170.89,170.89,0,0,0,209.85,12h-2.16Z"/><text class="svg-cake-cls-6" transform="translate(232.67 133.93)">%</text><path class="svg-cake-cls-1" d="M101.22,81.14a166.34,166.34,0,0,1,34.83-18c3.58-1.34,2-7.14-1.6-5.79A172.89,172.89,0,0,0,98.19,76c-3.18,2.15-.18,7.35,3,5.18Z"/><path class="svg-cake-cls-1" d="M36.28,166.34c2.62-8.63,6.74-16.94,11.05-24.83A180.58,180.58,0,0,1,87.86,91.34c2.93-2.52-1.33-6.75-4.24-4.24-23.3,20.06-44.07,47.84-53.12,77.65-1.12,3.7,4.67,5.29,5.79,1.6Z"/></g></g></svg>
diff --git a/packages/icons/src/svg/icons/card.svg b/packages/icons/src/svg/icons/card.svg
new file mode 100644
index 00000000..40ff3e3f
--- /dev/null
+++ b/packages/icons/src/svg/icons/card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 445 271.8"><defs><style>.svg-card-cls-1{fill:#32caf8;}.svg-card-cls-2{fill:#00aaf8;opacity:0.5;}.svg-card-cls-3{fill:#fff;}.svg-card-cls-4{fill:#426572;}</style></defs><g><g><rect class="svg-card-cls-1" x="6" y="8.17" width="433" height="259.8" rx="12" ry="12"/><path class="svg-card-cls-2" d="M439,21.16V255a13,13,0,0,1-13,13H28.72l381-259.8H426A13,13,0,0,1,439,21.16Z"/><path class="svg-card-cls-3" d="M328,33.24h88.92c3.86,0,3.87-6,0-6H328c-3.86,0-3.87,6,0,6Z"/><path class="svg-card-cls-3" d="M283.49,33.24H312.6c3.86,0,3.87-6,0-6H283.49c-3.86,0-3.87,6,0,6Z"/><path class="svg-card-cls-4" d="M427,271.8H18a18,18,0,0,1-18-18V18A18,18,0,0,1,18,0H427a18,18,0,0,1,18,18V253.8A18,18,0,0,1,427,271.8ZM18,12a6,6,0,0,0-6,6V253.8a6,6,0,0,0,6,6H427a6,6,0,0,0,6-6V18a6,6,0,0,0-6-6Z"/><rect class="svg-card-cls-4" x="37.89" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="55.93" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="73.97" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="92.01" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="118.71" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="136.76" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="154.8" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="172.84" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="199.54" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="217.58" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="235.63" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="253.67" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="280.37" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="298.41" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="316.45" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="334.49" y="125.08" width="12" height="20.57"/><rect class="svg-card-cls-4" x="43.89" y="177.53" width="161.29" height="12"/><rect class="svg-card-cls-4" x="43.89" y="204.59" width="68.2" height="12"/><circle class="svg-card-cls-3" cx="379.46" cy="207.35" r="23.82"/><rect class="svg-card-cls-3" x="43.89" y="36.31" width="72.53" height="47.63" rx="12" ry="12"/><path class="svg-card-cls-4" d="M104.42,88.86H55.89a18,18,0,0,1-18-18V47.23a18,18,0,0,1,18-18h48.53a18,18,0,0,1,18,18V70.86A18,18,0,0,1,104.42,88.86ZM55.89,41.23a6,6,0,0,0-6,6V70.86a6,6,0,0,0,6,6h48.53a6,6,0,0,0,6-6V47.23a6,6,0,0,0-6-6Z"/><path class="svg-card-cls-4" d="M379.46,241.49a29.81,29.81,0,1,1,29.82-29.82A29.85,29.85,0,0,1,379.46,241.49Zm0-47.63a17.81,17.81,0,1,0,17.82,17.81A17.84,17.84,0,0,0,379.46,193.86Z"/></g></g></svg>
diff --git a/packages/icons/src/svg/icons/download.svg b/packages/icons/src/svg/icons/download.svg
new file mode 100644
index 00000000..af9ff15c
--- /dev/null
+++ b/packages/icons/src/svg/icons/download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 356.99 419.8"><defs><style>.svg-download-cls-1{fill:#ffa546;}.svg-download-cls-2{fill:#ff6059;opacity:0.4;}.svg-download-cls-3{fill:#426572;}.cls-4{fill:#ffd947;}</style></defs><g><g><path class="svg-download-cls-1" d="M351,380.73v17.59a15.52,15.52,0,0,1-15.47,15.48H21.46A15.52,15.52,0,0,1,6,398.32V380.73a15.51,15.51,0,0,1,15.47-15.47H335.52A15.51,15.51,0,0,1,351,380.73Z"/><path class="svg-download-cls-2" d="M351,406.85c0,3.95-7,7.19-15.47,7.19H21.46C13,414,6,410.8,6,406.85V380.73a15.51,15.51,0,0,1,15.47-15.47H37.66l3.44,25.27c0,4,7,7.2,15.47,7.2l283.72,12.44,7.38-2.28Z"/><path class="svg-download-cls-3" d="M335.52,419.8H21.46A21.5,21.5,0,0,1,0,398.32V380.73a21.49,21.49,0,0,1,21.46-21.47H335.52A21.49,21.49,0,0,1,357,380.73v17.59a21.52,21.52,0,0,1-21.46,21.48ZM21.46,371.26A9.48,9.48,0,0,0,12,380.73v17.59a9.48,9.48,0,0,0,9.46,9.48H335.52a9.52,9.52,0,0,0,9.46-9.48V380.73a9.48,9.48,0,0,0-9.46-9.47Z"/><path class="svg-download-cls-1" d="M247.93,138H233.23V41.7A35.7,35.7,0,0,0,197.53,6H159.45a35.7,35.7,0,0,0-35.7,35.7V138H109.06C80,138,61.84,169.48,76.37,194.64l34.72,60.13,30,52c16.6,28.76,58.12,28.76,74.72,0l30-52,34.72-60.13C295.14,169.48,277,138,247.93,138Z"/><path class="svg-download-cls-2" d="M280.62,188l-34.73,60.13-30,52c-11.24,19.46-66.68,32.78-52.52,18.88,60.22-59.12,104.3-182.16,104.3-182.16A37.74,37.74,0,0,1,280.62,188Z"/><path class="cls-4" d="M192.3,6c-.22.23-.42.47-.63.72-38.92,45-18.36,116.49-42.85,170.71-10.14,22.45-29.18,41.51-52.15,49.48L78,194.64C63.52,169.48,81.67,138,110.72,138h14.7V41.7A35.7,35.7,0,0,1,161.12,6Z"/><path class="svg-download-cls-3" d="M178.49,334.39h0a48.64,48.64,0,0,1-42.56-24.57L71.17,197.64A43.75,43.75,0,0,1,109.06,132h8.69V41.7A41.74,41.74,0,0,1,159.45,0h38.09a41.75,41.75,0,0,1,41.7,41.7V132h8.69a43.75,43.75,0,0,1,37.89,65.62L221,309.82A48.64,48.64,0,0,1,178.49,334.39ZM109.06,144a31.75,31.75,0,0,0-27.49,47.62l64.76,112.17a37.14,37.14,0,0,0,64.33,0l64.76-112.17A31.75,31.75,0,0,0,247.92,144H227.23V41.7A29.73,29.73,0,0,0,197.53,12H159.45a29.73,29.73,0,0,0-29.7,29.7V144Z"/></g></g></svg>
diff --git a/packages/icons/src/svg/index.ts b/packages/icons/src/svg/index.ts
index 75af449c..c7b9f94c 100644
--- a/packages/icons/src/svg/index.ts
+++ b/packages/icons/src/svg/index.ts
@@ -9,5 +9,15 @@ if (!loaded) {
 }
 
 const SvgAvatarIcon = createIcon('svg:avatar');
+const SvgDownloadIcon = createIcon('svg:download');
+const SvgCardIcon = createIcon('svg:card');
+const SvgBellIcon = createIcon('svg:bell');
+const SvgCakeIcon = createIcon('svg:cake');
 
-export { SvgAvatarIcon };
+export {
+  SvgAvatarIcon,
+  SvgBellIcon,
+  SvgCakeIcon,
+  SvgCardIcon,
+  SvgDownloadIcon,
+};
diff --git a/packages/icons/src/svg/load.ts b/packages/icons/src/svg/load.ts
index ab21973c..231ad371 100644
--- a/packages/icons/src/svg/load.ts
+++ b/packages/icons/src/svg/load.ts
@@ -37,14 +37,15 @@ async function loadSvgIcons() {
 
   await Promise.all(
     Object.entries(svgEagers).map((svg) => {
-      const [key, body] = svg as [string, string];
+      const [key, body] = svg as [string, { default: string } | string];
 
       // ./icons/xxxx.svg => xxxxxx
       const start = key.lastIndexOf('/') + 1;
       const end = key.lastIndexOf('.');
       const iconName = key.slice(start, end);
-      return addIcon(`svg-icon:${iconName}`, {
-        body,
+
+      return addIcon(`svg:${iconName}`, {
+        body: typeof body === 'object' ? body.default : body,
       });
     }),
   );
diff --git a/packages/locales/package.json b/packages/locales/package.json
index 1f93d887..2b485581 100644
--- a/packages/locales/package.json
+++ b/packages/locales/package.json
@@ -48,7 +48,7 @@
   "dependencies": {
     "@intlify/core-base": "^9.13.1",
     "@vben-core/typings": "workspace:*",
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-i18n": "^9.13.1"
   }
 }
diff --git a/packages/locales/src/langs/en-US.yaml b/packages/locales/src/langs/en-US.yaml
index 6ddb7ecb..558e9c75 100644
--- a/packages/locales/src/langs/en-US.yaml
+++ b/packages/locales/src/langs/en-US.yaml
@@ -98,15 +98,19 @@ page:
     code-login: Code Login
     qrcode-login: Qrcode Login
     forget-password: Forget Password
+  dashboard:
+    title: Dashboard
+    analytics: Analytics
+    workspace: Workspace
   vben:
     about: About
     document: Document
   outside:
-    page: External Page
+    title: External Page
     embedded: embedded Page
     external-link: External Link
   nested:
-    page: Nested Menu
+    title: Nested Menu
     menu1: Menu 1
     menu2: Menu 2
     menu21: Menu 2-1
@@ -115,10 +119,10 @@ page:
     menu32: Menu 3-2
     menu321: Menu 3-2-1
   fallback:
-    page: Exception Page
+    title: Exception Page
 
 preferences:
-  name: Preferences
+  title: Preferences
   subtitle: Customize Preferences & Preview in Real Time
   reset-tip: The data has changed, click to reset
   ai-assistant: Ai Assistant
@@ -147,7 +151,6 @@ preferences:
   full-content-tip: Display only the main content, no menus
   weak-mode: Color Weak Mode
   gray-mode: Gray Mode
-
   language: Language
   dynamic-title: Dynamic Title
   normal: Normal
@@ -161,14 +164,6 @@ preferences:
   navigation-accordion: Sidebar Navigation Menu Accordion mode
   navigation-split-tip: When enabled, the sidebar shows the top bar's submenu
   interface-control: Interface Layout Control
-  breadcrumb: Breadcrumb
-  breadcrumb-home: Display the home button
-  breadcrumb-enable: Enable Breadcrumb
-  breadcrumb-icon: Display breadcrumb icon
-  breadcrumb-background: background
-  breadcrumb-style: Breadcrumb Type
-  breadcrumb-hide-only-one: Hidden when only one left
-
   copy: Copy Preferences
   copy-success: Copy successful. Please replace in `src/preferences.ts` of the app
   reset-success: Preferences reset successfully
@@ -179,13 +174,21 @@ preferences:
   tabs-icon: Display Tabbar Icon
   mode: Mode
   logo-visible: Display Logo
+  breadcrumb:
+    title: Breadcrumb
+    home: Display the home button
+    enable: Enable Breadcrumb
+    icon: Display breadcrumb icon
+    background: background
+    style: Breadcrumb Type
+    hide-only-one: Hidden when only one left
   animation:
-    name: Animation
+    title: Animation
     loading: Page transition loading
     transition: Page transition animation
     progress: Page transition progress
   theme:
-    name: Theme
+    title: Theme
     builtin: Built-in
     radius: Radius
     default: Default
@@ -204,14 +207,14 @@ preferences:
     gray: Gray
     custom: Custom
   header:
-    name: Header
+    title: Header
     visible: Display Header
     mode-static: Static
     mode-fixed: Fixed
     mode-auto: Auto hide/display
     mode-auto-scroll: Scroll hide/display
   footer:
-    name: Footer
+    title: Footer
     visible: Fixed at the bottom
     fixed: Display Footer
   shortcut-keys:
diff --git a/packages/locales/src/langs/zh-CN.yaml b/packages/locales/src/langs/zh-CN.yaml
index 2184c3b0..208bd774 100644
--- a/packages/locales/src/langs/zh-CN.yaml
+++ b/packages/locales/src/langs/zh-CN.yaml
@@ -97,15 +97,19 @@ page:
     code-login: 验证码登陆
     qrcode-login: 二维码登陆
     forget-password: 忘记密码
+  dashboard:
+    title: 概览
+    analytics: 分析页
+    workspace: 工作台
   vben:
     about: 关于
     document: 文档
   outside:
-    page: 外部页面
+    title: 外部页面
     embedded: 内嵌
     external-link: 外链
   nested:
-    page: 嵌套菜单
+    title: 嵌套菜单
     menu1: 菜单 1
     menu2: 菜单 2
     menu21: 菜单 2-1
@@ -114,10 +118,10 @@ page:
     menu32: 菜单 3-2
     menu321: 菜单 3-2-1
   fallback:
-    page: 异常页面
+    title: 异常页面
 
 preferences:
-  name: 偏好设置
+  title: 偏好设置
   subtitle: 自定义偏好设置 & 实时预览
   reset-tip: 数据有变化，点击可进行重置
   appearance: 外观
@@ -150,7 +154,6 @@ preferences:
   follow-system: 跟随系统
   weak-mode: 色弱模式
   gray-mode: 灰色模式
-
   navigation-menu: 导航菜单
   navigation-style: 导航菜单风格
   navigation-accordion: 侧边导航菜单手风琴模式
@@ -160,13 +163,6 @@ preferences:
   normal: 默认
   plain: 朴素
   rounded: 圆润
-  breadcrumb: 面包屑导航
-  breadcrumb-enable: 开启面包屑导航
-  breadcrumb-icon: 显示面包屑图标
-  breadcrumb-home: 显示首页按钮
-  breadcrumb-style: 面包屑风格
-  breadcrumb-hide-only-one: 只有一个时隐藏
-  breadcrumb-background: 背景
   copy: 复制偏好设置
   copy-success: 拷贝成功，请在 app 下的 `src/preferences.ts`内进行覆盖
   reset-success: 重置偏好设置成功
@@ -177,13 +173,21 @@ preferences:
   tabs-icon: 显示标签栏图标
   mode: 模式
   logo-visible: 显示 Logo
+  breadcrumb:
+    title: 面包屑导航
+    enable: 开启面包屑导航
+    icon: 显示面包屑图标
+    home: 显示首页按钮
+    style: 面包屑风格
+    hide-only-one: 只有一个时隐藏
+    background: 背景
   animation:
-    name: 动画
+    title: 动画
     loading: 页面切换 Loading
     transition: 页面切换动画
     progress: 页面切换进度条
   theme:
-    name: 主题
+    title: 主题
     builtin: 内置主题
     radius: 圆角
     default: 默认
@@ -202,14 +206,14 @@ preferences:
     gray: 中灰色
     custom: 自定义
   header:
-    name: 顶栏
+    title: 顶栏
     mode-static: 静止
     mode-fixed: 固定
     mode-auto: 自动隐藏和显示
     mode-auto-scroll: 滚动隐藏和显示
     visible: 显示顶栏
   footer:
-    name: 底栏
+    title: 底栏
     visible: 显示底栏
     fixed: 固定在底部
   shortcut-keys:
diff --git a/packages/types/package.json b/packages/types/package.json
index c67cc383..cd2c9390 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@vben-core/typings": "workspace:*",
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-router": "^4.4.0"
   }
 }
diff --git a/packages/types/src/ui.d.ts b/packages/types/src/ui.d.ts
index 59f0d2b8..7ce62990 100644
--- a/packages/types/src/ui.d.ts
+++ b/packages/types/src/ui.d.ts
@@ -3,4 +3,9 @@ interface SelectListItem {
   value: string;
 }
 
-export type { SelectListItem };
+interface TabsItem {
+  label: string;
+  value: string;
+}
+
+export type { SelectListItem, TabsItem };
diff --git a/packages/types/window.d.ts b/packages/types/window.d.ts
index 324a41dc..afe9618d 100644
--- a/packages/types/window.d.ts
+++ b/packages/types/window.d.ts
@@ -1,19 +1,19 @@
 export {};
 
 declare global {
-  interface Window {
-    __VBEN_ADMIN_METADATA__: {
-      authorEmail: string;
-      authorName: string;
-      authorUrl: string;
-      buildTime: string;
-      dependencies: Record<string, string>;
-      description: string;
-      devDependencies: Record<string, string>;
-      homepage: string;
-      license: string;
-      repositoryUrl: string;
-      version: string;
-    };
-  }
+  // interface Window {
+  const __VBEN_ADMIN_METADATA__: {
+    authorEmail: string;
+    authorName: string;
+    authorUrl: string;
+    buildTime: string;
+    dependencies: Record<string, string>;
+    description: string;
+    devDependencies: Record<string, string>;
+    homepage: string;
+    license: string;
+    repositoryUrl: string;
+    version: string;
+  };
+  // }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bc7e9709..c8c489ac 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,7 +8,7 @@ overrides:
   '@ant-design/colors': ^7.0.2
   '@ctrl/tinycolor': ^4.1.0
   clsx: ^2.1.1
-  vue: ^3.4.30
+  vue: ^3.4.31
 
 importers:
 
@@ -90,8 +90,8 @@ importers:
         specifier: ^2.0.0
         version: 2.0.0(sass@1.77.6)(typescript@5.5.2)(vue-tsc@2.0.22(typescript@5.5.2))
       vite:
-        specifier: ^5.3.1
-        version: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+        specifier: ^5.3.2
+        version: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
       vitest:
         specifier: ^2.0.0-beta.10
         version: 2.0.0-beta.10(@types/node@20.14.9)(jsdom@24.1.0)(sass@1.77.6)(terser@5.31.1)
@@ -148,26 +148,26 @@ importers:
         version: link:../../packages/business/widgets
       '@vueuse/core':
         specifier: ^10.11.0
-        version: 10.11.0(vue@3.4.30(typescript@5.5.2))
+        version: 10.11.0(vue@3.4.31(typescript@5.5.2))
       ant-design-vue:
         specifier: ^4.2.3
-        version: 4.2.3(vue@3.4.30(typescript@5.5.2))
+        version: 4.2.3(vue@3.4.31(typescript@5.5.2))
       dayjs:
         specifier: ^1.11.11
         version: 1.11.11
       pinia:
         specifier: 2.1.7
-        version: 2.1.7(typescript@5.5.2)(vue@3.4.30(typescript@5.5.2))
+        version: 2.1.7(typescript@5.5.2)(vue@3.4.31(typescript@5.5.2))
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
       vue-router:
         specifier: ^4.4.0
-        version: 4.4.0(vue@3.4.30(typescript@5.5.2))
+        version: 4.4.0(vue@3.4.31(typescript@5.5.2))
     devDependencies:
       vite-plugin-mock:
         specifier: ^3.0.2
-        version: 3.0.2(esbuild@0.21.5)(mockjs@1.1.0)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
+        version: 3.0.2(esbuild@0.21.5)(mockjs@1.1.0)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
 
   internal/lint-configs/commitlint-config:
     dependencies:
@@ -327,8 +327,8 @@ importers:
         specifier: ^3.0.0
         version: 3.0.0
       '@manypkg/get-packages':
-        specifier: ^2.2.1
-        version: 2.2.1
+        specifier: ^2.2.2
+        version: 2.2.2
       consola:
         specifier: ^3.2.3
         version: 3.2.3
@@ -357,8 +357,8 @@ importers:
   internal/tailwind-config:
     dependencies:
       '@iconify/json':
-        specifier: ^2.2.222
-        version: 2.2.222
+        specifier: ^2.2.223
+        version: 2.2.223
       '@iconify/tailwind':
         specifier: ^1.1.1
         version: 1.1.1
@@ -409,14 +409,14 @@ importers:
         specifier: workspace:*
         version: link:../../packages/types
       vite:
-        specifier: ^5.3.1
-        version: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+        specifier: ^5.3.2
+        version: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
 
   internal/vite-config:
     dependencies:
       '@intlify/unplugin-vue-i18n':
         specifier: ^4.0.0
-        version: 4.0.0(rollup@4.18.0)(vue-i18n@9.13.1(vue@3.4.30(typescript@5.5.2)))
+        version: 4.0.0(rollup@4.18.0)(vue-i18n@9.13.1(vue@3.4.31(typescript@5.5.2)))
       '@jspm/generator':
         specifier: ^2.0.1
         version: 2.0.1
@@ -431,13 +431,13 @@ importers:
         version: 2.0.2
       vite-plugin-lib-inject-css:
         specifier: ^2.1.1
-        version: 2.1.1(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
+        version: 2.1.1(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
       vite-plugin-pwa:
         specifier: ^0.20.0
-        version: 0.20.0(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(workbox-build@7.1.1(@types/babel__core@7.20.5))(workbox-window@7.1.0)
+        version: 0.20.0(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(workbox-build@7.1.1(@types/babel__core@7.20.5))(workbox-window@7.1.0)
       vite-plugin-vue-devtools:
         specifier: ^7.3.4
-        version: 7.3.4(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))
+        version: 7.3.4(rollup@4.18.0)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))
     devDependencies:
       '@types/html-minifier-terser':
         specifier: ^7.0.2
@@ -447,10 +447,10 @@ importers:
         version: link:../node-utils
       '@vitejs/plugin-vue':
         specifier: ^5.0.5
-        version: 5.0.5(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))
+        version: 5.0.5(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))
       '@vitejs/plugin-vue-jsx':
         specifier: ^4.0.0
-        version: 4.0.0(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))
+        version: 4.0.0(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))
       dayjs:
         specifier: ^1.11.11
         version: 1.11.11
@@ -467,23 +467,23 @@ importers:
         specifier: ^1.77.6
         version: 1.77.6
       unplugin-turbo-console:
-        specifier: ^1.8.8-beta.1
-        version: 1.8.8-beta.1(esbuild@0.21.5)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))(webpack@5.90.1(esbuild@0.21.5))
+        specifier: ^1.8.9
+        version: 1.8.9(esbuild@0.21.5)(rollup@4.18.0)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))(webpack@5.90.1(esbuild@0.21.5))
       vite:
-        specifier: ^5.3.1
-        version: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+        specifier: ^5.3.2
+        version: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
       vite-plugin-compression:
         specifier: ^0.5.1
-        version: 0.5.1(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
+        version: 0.5.1(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
       vite-plugin-dts:
         specifier: ^3.9.1
-        version: 3.9.1(@types/node@20.14.9)(rollup@4.18.0)(typescript@5.5.2)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
+        version: 3.9.1(@types/node@20.14.9)(rollup@4.18.0)(typescript@5.5.2)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
       vite-plugin-html:
         specifier: ^3.2.2
-        version: 3.2.2(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
+        version: 3.2.2(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
       vite-plugin-mock:
         specifier: ^3.0.2
-        version: 3.0.2(esbuild@0.21.5)(mockjs@1.1.0)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
+        version: 3.0.2(esbuild@0.21.5)(mockjs@1.1.0)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
 
   packages/@core/forward/helpers:
     dependencies:
@@ -495,7 +495,7 @@ importers:
         version: link:../../shared/typings
       vue-router:
         specifier: ^4.4.0
-        version: 4.4.0(vue@3.4.30(typescript@5.5.2))
+        version: 4.4.0(vue@3.4.31(typescript@5.5.2))
 
   packages/@core/forward/preferences:
     dependencies:
@@ -513,10 +513,10 @@ importers:
         version: link:../../shared/typings
       '@vueuse/core':
         specifier: ^10.11.0
-        version: 10.11.0(vue@3.4.30(typescript@5.5.2))
+        version: 10.11.0(vue@3.4.31(typescript@5.5.2))
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
 
   packages/@core/forward/request:
     dependencies:
@@ -528,7 +528,7 @@ importers:
         version: 1.7.2
       vue-request:
         specifier: ^2.0.4
-        version: 2.0.4(vue@3.4.30(typescript@5.5.2))
+        version: 2.0.4(vue@3.4.31(typescript@5.5.2))
     devDependencies:
       axios-mock-adapter:
         specifier: ^1.22.0
@@ -544,16 +544,16 @@ importers:
         version: link:../../shared/typings
       pinia:
         specifier: 2.1.7
-        version: 2.1.7(typescript@5.5.2)(vue@3.4.30(typescript@5.5.2))
+        version: 2.1.7(typescript@5.5.2)(vue@3.4.31(typescript@5.5.2))
       pinia-plugin-persistedstate:
         specifier: ^3.2.1
-        version: 3.2.1(pinia@2.1.7(typescript@5.5.2)(vue@3.4.30(typescript@5.5.2)))
+        version: 3.2.1(pinia@2.1.7(typescript@5.5.2)(vue@3.4.31(typescript@5.5.2)))
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
       vue-router:
         specifier: ^4.4.0
-        version: 4.4.0(vue@3.4.30(typescript@5.5.2))
+        version: 4.4.0(vue@3.4.31(typescript@5.5.2))
 
   packages/@core/shared/cache: {}
 
@@ -578,16 +578,16 @@ importers:
     dependencies:
       '@iconify/vue':
         specifier: ^4.1.2
-        version: 4.1.2(vue@3.4.30(typescript@5.5.2))
+        version: 4.1.2(vue@3.4.31(typescript@5.5.2))
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
 
   packages/@core/shared/toolkit:
     dependencies:
       '@vue/shared':
-        specifier: ^3.4.30
-        version: 3.4.30
+        specifier: ^3.4.31
+        version: 3.4.31
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
@@ -608,11 +608,11 @@ importers:
   packages/@core/shared/typings:
     dependencies:
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
       vue-router:
         specifier: ^4.4.0
-        version: 4.4.0(vue@3.4.30(typescript@5.5.2))
+        version: 4.4.0(vue@3.4.31(typescript@5.5.2))
 
   packages/@core/ui-kit/layout-ui:
     dependencies:
@@ -622,15 +622,18 @@ importers:
       '@vben-core/shadcn-ui':
         specifier: workspace:*
         version: link:../shadcn-ui
+      '@vben-core/toolkit':
+        specifier: workspace:*
+        version: link:../../shared/toolkit
       '@vben-core/typings':
         specifier: workspace:*
         version: link:../../shared/typings
       '@vueuse/core':
         specifier: ^10.11.0
-        version: 10.11.0(vue@3.4.30(typescript@5.5.2))
+        version: 10.11.0(vue@3.4.31(typescript@5.5.2))
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
 
   packages/@core/ui-kit/menu-ui:
     dependencies:
@@ -651,16 +654,16 @@ importers:
         version: link:../../shared/typings
       '@vueuse/core':
         specifier: ^10.11.0
-        version: 10.11.0(vue@3.4.30(typescript@5.5.2))
+        version: 10.11.0(vue@3.4.31(typescript@5.5.2))
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
 
   packages/@core/ui-kit/shadcn-ui:
     dependencies:
       '@radix-icons/vue':
         specifier: ^1.0.0
-        version: 1.0.0(vue@3.4.30(typescript@5.5.2))
+        version: 1.0.0(vue@3.4.31(typescript@5.5.2))
       '@vben-core/colorful':
         specifier: workspace:*
         version: link:../../shared/colorful
@@ -675,16 +678,16 @@ importers:
         version: link:../../shared/typings
       '@vueuse/core':
         specifier: ^10.11.0
-        version: 10.11.0(vue@3.4.30(typescript@5.5.2))
+        version: 10.11.0(vue@3.4.31(typescript@5.5.2))
       class-variance-authority:
         specifier: ^0.7.0
         version: 0.7.0
       radix-vue:
         specifier: ^1.8.5
-        version: 1.8.5(vue@3.4.30(typescript@5.5.2))
+        version: 1.8.5(vue@3.4.31(typescript@5.5.2))
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
       vue-sonner:
         specifier: ^1.1.3
         version: 1.1.3
@@ -707,8 +710,8 @@ importers:
         specifier: workspace:*
         version: link:../../shared/typings
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
 
   packages/business/chart-ui:
     dependencies:
@@ -718,12 +721,15 @@ importers:
       '@vben-core/preferences':
         specifier: workspace:*
         version: link:../../@core/forward/preferences
+      '@vueuse/core':
+        specifier: ^10.11.0
+        version: 10.11.0(vue@3.4.31(typescript@5.5.2))
       echarts:
-        specifier: ^5.5.0
-        version: 5.5.0
+        specifier: ^5.5.1
+        version: 5.5.1
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
 
   packages/business/layouts:
     dependencies:
@@ -754,6 +760,9 @@ importers:
       '@vben-core/toolkit':
         specifier: workspace:*
         version: link:../../@core/shared/toolkit
+      '@vben/constants':
+        specifier: workspace:*
+        version: link:../../constants
       '@vben/locales':
         specifier: workspace:*
         version: link:../../locales
@@ -761,11 +770,11 @@ importers:
         specifier: workspace:*
         version: link:../widgets
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
       vue-router:
         specifier: ^4.4.0
-        version: 4.4.0(vue@3.4.30(typescript@5.5.2))
+        version: 4.4.0(vue@3.4.31(typescript@5.5.2))
     devDependencies:
       '@vben-core/typings':
         specifier: workspace:*
@@ -794,25 +803,25 @@ importers:
       '@vben/locales':
         specifier: workspace:*
         version: link:../../locales
+      '@vben/types':
+        specifier: workspace:*
+        version: link:../../types
       '@vueuse/integrations':
         specifier: ^10.11.0
-        version: 10.11.0(async-validator@4.2.5)(axios@1.7.2)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.3)(vue@3.4.30(typescript@5.5.2))
+        version: 10.11.0(async-validator@4.2.5)(axios@1.7.2)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.3)(vue@3.4.31(typescript@5.5.2))
       qrcode:
         specifier: ^1.5.3
         version: 1.5.3
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
       vue-router:
         specifier: ^4.4.0
-        version: 4.4.0(vue@3.4.30(typescript@5.5.2))
+        version: 4.4.0(vue@3.4.31(typescript@5.5.2))
     devDependencies:
       '@types/qrcode':
         specifier: ^1.5.5
         version: 1.5.5
-      '@vben/types':
-        specifier: workspace:*
-        version: link:../../types
 
   packages/business/widgets:
     dependencies:
@@ -842,19 +851,19 @@ importers:
         version: link:../../locales
       '@vueuse/core':
         specifier: ^10.11.0
-        version: 10.11.0(vue@3.4.30(typescript@5.5.2))
+        version: 10.11.0(vue@3.4.31(typescript@5.5.2))
       '@vueuse/integrations':
         specifier: ^10.11.0
-        version: 10.11.0(async-validator@4.2.5)(axios@1.7.2)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.3)(vue@3.4.30(typescript@5.5.2))
+        version: 10.11.0(async-validator@4.2.5)(axios@1.7.2)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.3)(vue@3.4.31(typescript@5.5.2))
       qrcode:
         specifier: ^1.5.3
         version: 1.5.3
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
       vue-router:
         specifier: ^4.4.0
-        version: 4.4.0(vue@3.4.30(typescript@5.5.2))
+        version: 4.4.0(vue@3.4.31(typescript@5.5.2))
     devDependencies:
       '@types/qrcode':
         specifier: ^1.5.5
@@ -868,8 +877,8 @@ importers:
   packages/hooks:
     dependencies:
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
 
   packages/icons:
     dependencies:
@@ -886,11 +895,11 @@ importers:
         specifier: workspace:*
         version: link:../@core/shared/typings
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
       vue-i18n:
         specifier: ^9.13.1
-        version: 9.13.1(vue@3.4.30(typescript@5.5.2))
+        version: 9.13.1(vue@3.4.31(typescript@5.5.2))
 
   packages/styles:
     dependencies:
@@ -907,11 +916,11 @@ importers:
         specifier: workspace:*
         version: link:../@core/shared/typings
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
       vue-router:
         specifier: ^4.4.0
-        version: 4.4.0(vue@3.4.30(typescript@5.5.2))
+        version: 4.4.0(vue@3.4.31(typescript@5.5.2))
 
   packages/utils:
     dependencies:
@@ -943,8 +952,8 @@ importers:
         specifier: ^1.2.3
         version: 1.2.3(@algolia/client-search@4.23.3)(@types/node@20.14.9)(async-validator@4.2.5)(axios@1.7.2)(nprogress@0.2.0)(postcss@8.4.38)(qrcode@1.5.3)(sass@1.77.6)(search-insights@2.14.0)(terser@5.31.1)(typescript@5.5.2)
       vue:
-        specifier: ^3.4.30
-        version: 3.4.30(typescript@5.5.2)
+        specifier: ^3.4.31
+        version: 3.4.31(typescript@5.5.2)
 
 packages:
 
@@ -1030,7 +1039,7 @@ packages:
   '@ant-design/icons-vue@7.0.1':
     resolution: {integrity: sha512-eCqY2unfZK6Fe02AwFlDHLfoyEFreP6rBwAZMIJ1LugmfMiVgwWDYlp1YsRugaPtICYOabV1iWxXdP12u9U43Q==}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   '@antfu/ni@0.21.12':
     resolution: {integrity: sha512-2aDL3WUv8hMJb2L3r/PIQWsTLyq7RQr3v9xD16fiz6O8ys1xEyLhhTOv8gxtZvJiTzjTF5pHoArvRdesGL1DMQ==}
@@ -2834,8 +2843,8 @@ packages:
     resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
     deprecated: Use @eslint/object-schema instead
 
-  '@iconify/json@2.2.222':
-    resolution: {integrity: sha512-7Q3wTaWCOk/npMrH1fyy37noARUBTb3B6daGr23+CiNCrTpV3byH+d5LEqPPVi+RT369IEKEcE8+s5MFN1hcOg==}
+  '@iconify/json@2.2.223':
+    resolution: {integrity: sha512-SKQnMyKVehUEYrKDEu/MIochMNFLAdNNGQOez0l6OEyVD6IDyM1vc8vGQFFFXcjHHadaRemxBScWqlimPuYyGA==}
 
   '@iconify/tailwind@1.1.1':
     resolution: {integrity: sha512-4mmA//qjZigv7D4KlqcVSYTqfRIJzyts2/lSCAJfCL0rVMIE76+ifJnaE5jxCo1+nYGBF8FsFo0qFOs+sX4EnA==}
@@ -2846,7 +2855,7 @@ packages:
   '@iconify/vue@4.1.2':
     resolution: {integrity: sha512-CQnYqLiQD5LOAaXhBrmj1mdL2/NCJvwcC4jtW2Z8ukhThiFkLDkutarTOV2trfc9EXqUqRs0KqXOL9pZ/IyysA==}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   '@internationalized/date@3.5.4':
     resolution: {integrity: sha512-qoVJVro+O0rBaw+8HPjUB1iH8Ihf8oziEnqMnvhJUSuVIrHOuZ6eNLHNvzXJKUvAtaDiqMnRlg8Z2mgh09BlUw==}
@@ -2943,19 +2952,19 @@ packages:
   '@manypkg/find-root@1.1.0':
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
 
-  '@manypkg/find-root@2.2.1':
-    resolution: {integrity: sha512-34NlypD5mmTY65cFAK7QPgY5Tzt0qXR4ZRXdg97xAlkiLuwXUPBEXy5Hsqzd+7S2acsLxUz6Cs50rlDZQr4xUA==}
+  '@manypkg/find-root@2.2.2':
+    resolution: {integrity: sha512-guhclSR8MCzjRHrFdhDBppjqofGbcv5St5PM4DITT9s0mEsxFbsAusp+L5UCsed+Pd6qTi73Sr7EdQS23nmBHA==}
     engines: {node: '>=14.18.0'}
 
   '@manypkg/get-packages@1.1.3':
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
 
-  '@manypkg/get-packages@2.2.1':
-    resolution: {integrity: sha512-TrJd86paBkKEx6InhObcUhuoJNcATlbO6+s1dQdLd4+Y1SLDKJUAMhU46kTZ1SOFbegTuhDbIF3j+Jy564BERA==}
+  '@manypkg/get-packages@2.2.2':
+    resolution: {integrity: sha512-3+Zd8kLZmsyJFmWTBtY0MAuCErI7yKB2cjMBlujvSVKZ2R/BMXi0kjCXu2dtRlSq/ML86t1FkumT0yreQ3n8OQ==}
     engines: {node: '>=14.18.0'}
 
-  '@manypkg/tools@1.1.0':
-    resolution: {integrity: sha512-SkAyKAByB9l93Slyg8AUHGuM2kjvWioUTCckT/03J09jYnfEzMO/wSXmEhnKGYs6qx9De8TH4yJCl0Y9lRgnyQ==}
+  '@manypkg/tools@1.1.1':
+    resolution: {integrity: sha512-lpqC/HVb/fWljyphkEdifkr7vSfxHURnwLwKbJma7KvAkX2dl6xTsKLxwt4EpfxxuHhX7gaFOCCcs9Gqj//lEA==}
     engines: {node: '>=14.18.0'}
 
   '@microsoft/api-extractor-model@7.28.13':
@@ -3020,7 +3029,7 @@ packages:
   '@radix-icons/vue@1.0.0':
     resolution: {integrity: sha512-gKWWk9tTK/laDRRNe5KLLR8A0qUwx4q4+DN8Fq48hJ904u78R82ayAO3TrxbNLgyn2D0h6rRiGdLzQWj7rPcvA==}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   '@rollup/plugin-alias@5.1.0':
     resolution: {integrity: sha512-lpA3RZ9PdIG7qqhEfv79tBffNaoDuukFDrmhLqg9ifv99u/ehn+lOg30x2zmhf8AQqQUZaMk/B9fZraQ6/acDQ==}
@@ -3270,7 +3279,7 @@ packages:
   '@tanstack/vue-virtual@3.5.1':
     resolution: {integrity: sha512-6mc4HtDPieDVKD6GqzHiJkdzuqRNdQZuoIbkwE6af939WV+w62YmSF69jN+BOqClqh/ObiW+X1VOQx1Pftrx1A==}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   '@tootallnate/once@1.1.2':
     resolution: {integrity: sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==}
@@ -3496,14 +3505,14 @@ packages:
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^5.0.0
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   '@vitejs/plugin-vue@5.0.5':
     resolution: {integrity: sha512-LOjm7XeIimLBZyzinBQ6OSm3UBCNVCpLkxGC0oWmm2YPzVZoxMsdvNVimLTBzpAnR9hl/yn1SHGuRfe6/Td9rQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^5.0.0
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   '@vitest/expect@2.0.0-beta.10':
     resolution: {integrity: sha512-/i2m9rj/Hzd+PcJYZo47dFDcrUnU0T4LbdCguugJZ0bvFLtU1oWmn6PxCUTYcwj4TgBWNU9r7f1ngZQId2j5Mw==}
@@ -3557,26 +3566,26 @@ packages:
   '@vue/compiler-core@3.4.29':
     resolution: {integrity: sha512-TFKiRkKKsRCKvg/jTSSKK7mYLJEQdUiUfykbG49rubC9SfDyvT2JrzTReopWlz2MxqeLyxh9UZhvxEIBgAhtrg==}
 
-  '@vue/compiler-core@3.4.30':
-    resolution: {integrity: sha512-ZL8y4Xxdh8O6PSwfdZ1IpQ24PjTAieOz3jXb/MDTfDtANcKBMxg1KLm6OX2jofsaQGYfIVzd3BAG22i56/cF1w==}
+  '@vue/compiler-core@3.4.31':
+    resolution: {integrity: sha512-skOiodXWTV3DxfDhB4rOf3OGalpITLlgCeOwb+Y9GJpfQ8ErigdBUHomBzvG78JoVE8MJoQsb+qhZiHfKeNeEg==}
 
   '@vue/compiler-dom@3.4.29':
     resolution: {integrity: sha512-A6+iZ2fKIEGnfPJejdB7b1FlJzgiD+Y/sxxKwJWg1EbJu6ZPgzaPQQ51ESGNv0CP6jm6Z7/pO6Ia8Ze6IKrX7w==}
 
-  '@vue/compiler-dom@3.4.30':
-    resolution: {integrity: sha512-+16Sd8lYr5j/owCbr9dowcNfrHd+pz+w2/b5Lt26Oz/kB90C9yNbxQ3bYOvt7rI2bxk0nqda39hVcwDFw85c2Q==}
+  '@vue/compiler-dom@3.4.31':
+    resolution: {integrity: sha512-wK424WMXsG1IGMyDGyLqB+TbmEBFM78hIsOJ9QwUVLGrcSk0ak6zYty7Pj8ftm7nEtdU/DGQxAXp0/lM/2cEpQ==}
 
   '@vue/compiler-sfc@3.4.29':
     resolution: {integrity: sha512-zygDcEtn8ZimDlrEQyLUovoWgKQic6aEQqRXce2WXBvSeHbEbcAsXyCk9oG33ZkyWH4sl9D3tkYc1idoOkdqZQ==}
 
-  '@vue/compiler-sfc@3.4.30':
-    resolution: {integrity: sha512-8vElKklHn/UY8+FgUFlQrYAPbtiSB2zcgeRKW7HkpSRn/JjMRmZvuOtwDx036D1aqKNSTtXkWRfqx53Qb+HmMg==}
+  '@vue/compiler-sfc@3.4.31':
+    resolution: {integrity: sha512-einJxqEw8IIJxzmnxmJBuK2usI+lJonl53foq+9etB2HAzlPjAS/wa7r0uUpXw5ByX3/0uswVSrjNb17vJm1kQ==}
 
   '@vue/compiler-ssr@3.4.29':
     resolution: {integrity: sha512-rFbwCmxJ16tDp3N8XCx5xSQzjhidYjXllvEcqX/lopkoznlNPz3jyy0WGJCyhAaVQK677WWFt3YO/WUEkMMUFQ==}
 
-  '@vue/compiler-ssr@3.4.30':
-    resolution: {integrity: sha512-ZJ56YZGXJDd6jky4mmM0rNaNP6kIbQu9LTKZDhcpddGe/3QIalB1WHHmZ6iZfFNyj5mSypTa4+qDJa5VIuxMSg==}
+  '@vue/compiler-ssr@3.4.31':
+    resolution: {integrity: sha512-RtefmITAje3fJ8FSg1gwgDhdKhZVntIVbwupdyZDSifZTRMiWxWehAOTCc8/KZDnBOcYQ4/9VWxsTbd3wT0hAA==}
 
   '@vue/devtools-api@6.6.3':
     resolution: {integrity: sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw==}
@@ -3587,12 +3596,12 @@ packages:
   '@vue/devtools-core@7.3.4':
     resolution: {integrity: sha512-HiaskdszC1ajYhZkglBzc4BBb4OHAhYonoOaQMx62ZId++ezpd4n0CbM9SXYp8o1JhxImSdueKgJgtyvhm4vAA==}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   '@vue/devtools-kit@7.3.0':
     resolution: {integrity: sha512-J9C+ue3Ka8cumQY/hMsNTcbb1tczqVBBXFMw4isa5YvPjyIBgEtJBfDSUVIK3nE+YWk7UNliUuCcE1GHEKaGcw==}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   '@vue/devtools-kit@7.3.4':
     resolution: {integrity: sha512-DalQZWaFLRyA4qfKT0WT7e+q2AwvYoTwd0pWqswHqcpviXw+oU6FlSJHMrEACB3lBHjN1KBS9Kh527sWIe1vcg==}
@@ -3619,25 +3628,25 @@ packages:
       typescript:
         optional: true
 
-  '@vue/reactivity@3.4.30':
-    resolution: {integrity: sha512-bVJurnCe3LS0JII8PPoAA63Zd2MBzcKrEzwdQl92eHCcxtIbxD2fhNwJpa+KkM3Y/A4T5FUnmdhgKwOf6BfbcA==}
+  '@vue/reactivity@3.4.31':
+    resolution: {integrity: sha512-VGkTani8SOoVkZNds1PfJ/T1SlAIOf8E58PGAhIOUDYPC4GAmFA2u/E14TDAFcf3vVDKunc4QqCe/SHr8xC65Q==}
 
-  '@vue/runtime-core@3.4.30':
-    resolution: {integrity: sha512-qaFEbnNpGz+tlnkaualomogzN8vBLkgzK55uuWjYXbYn039eOBZrWxyXWq/7qh9Bz2FPifZqGjVDl/FXiq9L2g==}
+  '@vue/runtime-core@3.4.31':
+    resolution: {integrity: sha512-LDkztxeUPazxG/p8c5JDDKPfkCDBkkiNLVNf7XZIUnJ+66GVGkP+TIh34+8LtPisZ+HMWl2zqhIw0xN5MwU1cw==}
 
-  '@vue/runtime-dom@3.4.30':
-    resolution: {integrity: sha512-tV6B4YiZRj5QsaJgw2THCy5C1H+2UeywO9tqgWEc21tn85qHEERndHN/CxlyXvSBFrpmlexCIdnqPuR9RM9thw==}
+  '@vue/runtime-dom@3.4.31':
+    resolution: {integrity: sha512-2Auws3mB7+lHhTFCg8E9ZWopA6Q6L455EcU7bzcQ4x6Dn4cCPuqj6S2oBZgN2a8vJRS/LSYYxwFFq2Hlx3Fsaw==}
 
-  '@vue/server-renderer@3.4.30':
-    resolution: {integrity: sha512-TBD3eqR1DeDc0cMrXS/vEs/PWzq1uXxnvjoqQuDGFIEHFIwuDTX/KWAQKIBjyMWLFHEeTDGYVsYci85z2UbTDg==}
+  '@vue/server-renderer@3.4.31':
+    resolution: {integrity: sha512-D5BLbdvrlR9PE3by9GaUp1gQXlCNadIZytMIb8H2h3FMWJd4oUfkUTEH2wAr3qxoRz25uxbTcbqd3WKlm9EHQA==}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   '@vue/shared@3.4.29':
     resolution: {integrity: sha512-hQ2gAQcBO/CDpC82DCrinJNgOHI2v+FA7BDW4lMSPeBpQ7sRe2OLHWe5cph1s7D8DUQAwRt18dBDfJJ220APEA==}
 
-  '@vue/shared@3.4.30':
-    resolution: {integrity: sha512-CLg+f8RQCHQnKvuHY9adMsMaQOcqclh6Z5V9TaoMgy0ut0tz848joZ7/CYFFyF/yZ5i2yaw7Fn498C+CNZVHIg==}
+  '@vue/shared@3.4.31':
+    resolution: {integrity: sha512-Yp3wtJk//8cO4NItOPpi3QkLExAr/aLBGZMmTtW9WpdwBCJpRM6zj9WgWktXAl8IDIozwNMByT45JP3tO3ACWA==}
 
   '@vue/test-utils@2.4.6':
     resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}
@@ -3843,7 +3852,7 @@ packages:
     resolution: {integrity: sha512-kqGyWvZtFlSInFP93Ow6wS8LzEsxxUgpI+ZY5jQQkuX8WAcqdwXCA7IcHMpECW6JB89DZMo2Bw85jUg2SjlgQA==}
     engines: {node: '>=12.22.0'}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   any-promise@1.3.0:
     resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
@@ -4732,8 +4741,8 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  echarts@5.5.0:
-    resolution: {integrity: sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==}
+  echarts@5.5.1:
+    resolution: {integrity: sha512-Fce8upazaAXUVUVsjgV6mBnGuqgO+JNDlcgF79Dksy4+wgGpQB2lmYoO4TSweFg/mZITdpGHomw/cNBJZj1icA==}
 
   editorconfig@1.0.4:
     resolution: {integrity: sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==}
@@ -6676,7 +6685,7 @@ packages:
     peerDependencies:
       '@vue/composition-api': ^1.4.0
       typescript: '>=4.4.4'
-      vue: ^3.4.30
+      vue: ^3.4.31
     peerDependenciesMeta:
       '@vue/composition-api':
         optional: true
@@ -7272,7 +7281,7 @@ packages:
   radix-vue@1.8.5:
     resolution: {integrity: sha512-aWRa/tc5EHS2U4h8YTovRtwSMt+Sbk4QRekNTpkshCWlq353mpGBsp0ME/4seOxWn7JKze8NA3pDx/AQuH2tMw==}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   radix3@1.1.2:
     resolution: {integrity: sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==}
@@ -8276,8 +8285,8 @@ packages:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
-  unplugin-turbo-console@1.8.8-beta.1:
-    resolution: {integrity: sha512-V+l9bHED0A7HeRviEHfCuK95g169EJElwl3LO4kyyLEm6UV9G7QekJCgl855eubou9EHJ2CjPkCJXdY+NAWwHw==}
+  unplugin-turbo-console@1.8.9:
+    resolution: {integrity: sha512-SeE8Nm7wBDeBXssVNvz4qxs0LFJ3pIjCs+g6uwr4UwjuiZuMKdUAk9HMyuOOMcG4w+kMnjWHAEMycXD8hSzAhg==}
     peerDependencies:
       '@nuxt/kit': '>=3'
       '@nuxt/schema': '>=3'
@@ -8285,7 +8294,7 @@ packages:
       esbuild: '*'
       rollup: '>=3'
       vite: '>=3'
-      vue: ^3.4.30
+      vue: ^3.4.31
       webpack: ^4 || ^5
     peerDependenciesMeta:
       '@nuxt/kit':
@@ -8426,8 +8435,8 @@ packages:
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
 
-  vite@5.3.1:
-    resolution: {integrity: sha512-XBmSKRLXLxiaPYamLv3/hnP/KXDai1NDexN0FpkTaZXTfycHvkRHoenpgl/fvuK/kPbB6xAgoyiryAhQNxYmAQ==}
+  vite@5.3.2:
+    resolution: {integrity: sha512-6lA7OBHBlXUxiJxbO5aAY2fsHHzDr1q7DvXYnyZycRs2Dz+dXBWuhpWHvmljTRTpQC2uvGmUFFkSHF2vGo90MA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -8506,7 +8515,7 @@ packages:
     hasBin: true
     peerDependencies:
       '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.4.30
+      vue: ^3.4.31
     peerDependenciesMeta:
       '@vue/composition-api':
         optional: true
@@ -8521,14 +8530,14 @@ packages:
     resolution: {integrity: sha512-mh0GIxx0wPtPlcB1q4k277y0iKgo25xmDPWioVVYanjPufDBpvu5ySTjP5wOrSvlYQ2m1xI+CFhGdauv/61uQg==}
     engines: {node: '>= 16'}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   vue-request@2.0.4:
     resolution: {integrity: sha512-+Tu5rDy6ItF9UdD21Mmbjiq5Pq6NZSN9juH72hNQTMn1whHh4KZPTKWVLK2YS4nzbuEnPs+82G91AA2Fgd93mg==}
     engines: {node: '>=14'}
     peerDependencies:
       '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.4.30
+      vue: ^3.4.31
     peerDependenciesMeta:
       '@vue/composition-api':
         optional: true
@@ -8536,7 +8545,7 @@ packages:
   vue-router@4.4.0:
     resolution: {integrity: sha512-HB+t2p611aIZraV2aPSRNXf0Z/oLZFrlygJm+sZbdJaW6lcFqEDQwnzUBXn+DApw+/QzDU/I9TeWx9izEjTmsA==}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
   vue-sonner@1.1.3:
     resolution: {integrity: sha512-6I+5GNobKvE2nR5MPhO+T59d4j2LXRQoc/ZCmGtCoBWKDQr5nzSqjFaOOdPysHFI2p42wNLhQMafd0N540UW9Q==}
@@ -8560,10 +8569,10 @@ packages:
     resolution: {integrity: sha512-IwUC0Aq2zwaXqy74h4WCvFCUtoV0iSWr0snWnE9TnU18S66GAQyqQbRf2qfJtUuiFsBf6qp0MEwdonlwznlcrw==}
     engines: {node: '>=10.15.0'}
     peerDependencies:
-      vue: ^3.4.30
+      vue: ^3.4.31
 
-  vue@3.4.30:
-    resolution: {integrity: sha512-NcxtKCwkdf1zPsr7Y8+QlDBCGqxvjLXF2EX+yi76rV5rrz90Y6gK1cq0olIhdWGgrlhs9ElHuhi9t3+W5sG5Xw==}
+  vue@3.4.31:
+    resolution: {integrity: sha512-njqRrOy7W3YLAlVqSKpBebtZpDVg21FPoaq1I7f/+qqBThK9ChAIjkRWgeP6Eat+8C+iia4P3OYqpATP21BCoQ==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -8847,8 +8856,8 @@ packages:
     engines: {node: '>=8.0.0'}
     hasBin: true
 
-  zrender@5.5.0:
-    resolution: {integrity: sha512-O3MilSi/9mwoovx77m6ROZM7sXShR/O/JIanvzTwjN3FORfLSr81PsUGd7jlaYOeds9d8tw82oP44+3YucVo+w==}
+  zrender@5.6.0:
+    resolution: {integrity: sha512-uzgraf4njmmHAbEUxMJ8Oxg+P3fT04O+9p7gY+wJRVxo8Ge+KmYv0WJev945EH4wFuc4OY2NLXz46FZrWS9xJg==}
 
   zx@7.2.3:
     resolution: {integrity: sha512-QODu38nLlYXg/B/Gw7ZKiZrvPkEsjPN3LQ5JFXM7h0JvwhEdPNNl+4Ao1y4+o3CLNiDUNcwzQYZ4/Ko7kKzCMA==}
@@ -8974,11 +8983,11 @@ snapshots:
 
   '@ant-design/icons-svg@4.4.2': {}
 
-  '@ant-design/icons-vue@7.0.1(vue@3.4.30(typescript@5.5.2))':
+  '@ant-design/icons-vue@7.0.1(vue@3.4.31(typescript@5.5.2))':
     dependencies:
       '@ant-design/colors': 7.0.2
       '@ant-design/icons-svg': 4.4.2
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
 
   '@antfu/ni@0.21.12': {}
 
@@ -10876,11 +10885,11 @@ snapshots:
 
   '@floating-ui/utils@0.2.2': {}
 
-  '@floating-ui/vue@1.0.6(vue@3.4.30(typescript@5.5.2))':
+  '@floating-ui/vue@1.0.6(vue@3.4.31(typescript@5.5.2))':
     dependencies:
       '@floating-ui/dom': 1.6.5
       '@floating-ui/utils': 0.2.2
-      vue-demi: 0.14.8(vue@3.4.30(typescript@5.5.2))
+      vue-demi: 0.14.8(vue@3.4.31(typescript@5.5.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -10899,7 +10908,7 @@ snapshots:
 
   '@humanwhocodes/object-schema@2.0.3': {}
 
-  '@iconify/json@2.2.222':
+  '@iconify/json@2.2.223':
     dependencies:
       '@iconify/types': 2.0.0
       pathe: 1.1.2
@@ -10910,10 +10919,10 @@ snapshots:
 
   '@iconify/types@2.0.0': {}
 
-  '@iconify/vue@4.1.2(vue@3.4.30(typescript@5.5.2))':
+  '@iconify/vue@4.1.2(vue@3.4.31(typescript@5.5.2))':
     dependencies:
       '@iconify/types': 2.0.0
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
 
   '@internationalized/date@3.5.4':
     dependencies:
@@ -10923,7 +10932,7 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.11
 
-  '@intlify/bundle-utils@8.0.0(vue-i18n@9.13.1(vue@3.4.30(typescript@5.5.2)))':
+  '@intlify/bundle-utils@8.0.0(vue-i18n@9.13.1(vue@3.4.31(typescript@5.5.2)))':
     dependencies:
       '@intlify/message-compiler': 9.13.1
       '@intlify/shared': 9.13.1
@@ -10935,7 +10944,7 @@ snapshots:
       source-map-js: 1.2.0
       yaml-eslint-parser: 1.2.3
     optionalDependencies:
-      vue-i18n: 9.13.1(vue@3.4.30(typescript@5.5.2))
+      vue-i18n: 9.13.1(vue@3.4.31(typescript@5.5.2))
 
   '@intlify/core-base@9.13.1':
     dependencies:
@@ -10949,9 +10958,9 @@ snapshots:
 
   '@intlify/shared@9.13.1': {}
 
-  '@intlify/unplugin-vue-i18n@4.0.0(rollup@4.18.0)(vue-i18n@9.13.1(vue@3.4.30(typescript@5.5.2)))':
+  '@intlify/unplugin-vue-i18n@4.0.0(rollup@4.18.0)(vue-i18n@9.13.1(vue@3.4.31(typescript@5.5.2)))':
     dependencies:
-      '@intlify/bundle-utils': 8.0.0(vue-i18n@9.13.1(vue@3.4.30(typescript@5.5.2)))
+      '@intlify/bundle-utils': 8.0.0(vue-i18n@9.13.1(vue@3.4.31(typescript@5.5.2)))
       '@intlify/shared': 9.13.1
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       '@vue/compiler-sfc': 3.4.29
@@ -10964,7 +10973,7 @@ snapshots:
       source-map-js: 1.2.0
       unplugin: 1.10.1
     optionalDependencies:
-      vue-i18n: 9.13.1(vue@3.4.30(typescript@5.5.2))
+      vue-i18n: 9.13.1(vue@3.4.31(typescript@5.5.2))
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -11043,9 +11052,9 @@ snapshots:
       find-up: 4.1.0
       fs-extra: 8.1.0
 
-  '@manypkg/find-root@2.2.1':
+  '@manypkg/find-root@2.2.2':
     dependencies:
-      '@manypkg/tools': 1.1.0
+      '@manypkg/tools': 1.1.1
       find-up: 4.1.0
       fs-extra: 8.1.0
 
@@ -11058,12 +11067,12 @@ snapshots:
       globby: 11.1.0
       read-yaml-file: 1.1.0
 
-  '@manypkg/get-packages@2.2.1':
+  '@manypkg/get-packages@2.2.2':
     dependencies:
-      '@manypkg/find-root': 2.2.1
-      '@manypkg/tools': 1.1.0
+      '@manypkg/find-root': 2.2.2
+      '@manypkg/tools': 1.1.1
 
-  '@manypkg/tools@1.1.0':
+  '@manypkg/tools@1.1.1':
     dependencies:
       fs-extra: 8.1.0
       globby: 11.1.0
@@ -11148,9 +11157,9 @@ snapshots:
 
   '@polka/url@1.0.0-next.25': {}
 
-  '@radix-icons/vue@1.0.0(vue@3.4.30(typescript@5.5.2))':
+  '@radix-icons/vue@1.0.0(vue@3.4.31(typescript@5.5.2))':
     dependencies:
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
 
   '@rollup/plugin-alias@5.1.0(rollup@3.29.4)':
     dependencies:
@@ -11408,10 +11417,10 @@ snapshots:
 
   '@tanstack/virtual-core@3.5.1': {}
 
-  '@tanstack/vue-virtual@3.5.1(vue@3.4.30(typescript@5.5.2))':
+  '@tanstack/vue-virtual@3.5.1(vue@3.4.31(typescript@5.5.2))':
     dependencies:
       '@tanstack/virtual-core': 3.5.1
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
 
   '@tootallnate/once@1.1.2': {}
 
@@ -11670,20 +11679,20 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@vitejs/plugin-vue-jsx@4.0.0(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))':
+  '@vitejs/plugin-vue-jsx@4.0.0(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))':
     dependencies:
       '@babel/core': 7.24.7
       '@babel/plugin-transform-typescript': 7.24.7(@babel/core@7.24.7)
       '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.7)
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
-      vue: 3.4.30(typescript@5.5.2)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vue: 3.4.31(typescript@5.5.2)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.0.5(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))':
+  '@vitejs/plugin-vue@5.0.5(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))':
     dependencies:
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
-      vue: 3.4.30(typescript@5.5.2)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vue: 3.4.31(typescript@5.5.2)
 
   '@vitest/expect@2.0.0-beta.10':
     dependencies:
@@ -11776,10 +11785,10 @@ snapshots:
       estree-walker: 2.0.2
       source-map-js: 1.2.0
 
-  '@vue/compiler-core@3.4.30':
+  '@vue/compiler-core@3.4.31':
     dependencies:
       '@babel/parser': 7.24.7
-      '@vue/shared': 3.4.30
+      '@vue/shared': 3.4.31
       entities: 4.5.0
       estree-walker: 2.0.2
       source-map-js: 1.2.0
@@ -11789,10 +11798,10 @@ snapshots:
       '@vue/compiler-core': 3.4.29
       '@vue/shared': 3.4.29
 
-  '@vue/compiler-dom@3.4.30':
+  '@vue/compiler-dom@3.4.31':
     dependencies:
-      '@vue/compiler-core': 3.4.30
-      '@vue/shared': 3.4.30
+      '@vue/compiler-core': 3.4.31
+      '@vue/shared': 3.4.31
 
   '@vue/compiler-sfc@3.4.29':
     dependencies:
@@ -11806,13 +11815,13 @@ snapshots:
       postcss: 8.4.38
       source-map-js: 1.2.0
 
-  '@vue/compiler-sfc@3.4.30':
+  '@vue/compiler-sfc@3.4.31':
     dependencies:
       '@babel/parser': 7.24.7
-      '@vue/compiler-core': 3.4.30
-      '@vue/compiler-dom': 3.4.30
-      '@vue/compiler-ssr': 3.4.30
-      '@vue/shared': 3.4.30
+      '@vue/compiler-core': 3.4.31
+      '@vue/compiler-dom': 3.4.31
+      '@vue/compiler-ssr': 3.4.31
+      '@vue/shared': 3.4.31
       estree-walker: 2.0.2
       magic-string: 0.30.10
       postcss: 8.4.38
@@ -11823,32 +11832,32 @@ snapshots:
       '@vue/compiler-dom': 3.4.29
       '@vue/shared': 3.4.29
 
-  '@vue/compiler-ssr@3.4.30':
+  '@vue/compiler-ssr@3.4.31':
     dependencies:
-      '@vue/compiler-dom': 3.4.30
-      '@vue/shared': 3.4.30
+      '@vue/compiler-dom': 3.4.31
+      '@vue/shared': 3.4.31
 
   '@vue/devtools-api@6.6.3': {}
 
-  '@vue/devtools-api@7.3.0(vue@3.4.30(typescript@5.5.2))':
+  '@vue/devtools-api@7.3.0(vue@3.4.31(typescript@5.5.2))':
     dependencies:
-      '@vue/devtools-kit': 7.3.0(vue@3.4.30(typescript@5.5.2))
+      '@vue/devtools-kit': 7.3.0(vue@3.4.31(typescript@5.5.2))
     transitivePeerDependencies:
       - vue
 
-  '@vue/devtools-core@7.3.4(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))':
+  '@vue/devtools-core@7.3.4(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))':
     dependencies:
       '@vue/devtools-kit': 7.3.4
       '@vue/devtools-shared': 7.3.4
       mitt: 3.0.1
       nanoid: 3.3.7
       pathe: 1.1.2
-      vite-hot-client: 0.2.3(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
-      vue: 3.4.30(typescript@5.5.2)
+      vite-hot-client: 0.2.3(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
+      vue: 3.4.31(typescript@5.5.2)
     transitivePeerDependencies:
       - vite
 
-  '@vue/devtools-kit@7.3.0(vue@3.4.30(typescript@5.5.2))':
+  '@vue/devtools-kit@7.3.0(vue@3.4.31(typescript@5.5.2))':
     dependencies:
       '@vue/devtools-shared': 7.3.0
       birpc: 0.2.17
@@ -11857,7 +11866,7 @@ snapshots:
       perfect-debounce: 1.0.0
       speakingurl: 14.0.1
       superjson: 2.2.1
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
 
   '@vue/devtools-kit@7.3.4':
     dependencies:
@@ -11882,7 +11891,7 @@ snapshots:
       '@volar/language-core': 1.11.1
       '@volar/source-map': 1.11.1
       '@vue/compiler-dom': 3.4.29
-      '@vue/shared': 3.4.30
+      '@vue/shared': 3.4.31
       computeds: 0.0.1
       minimatch: 9.0.4
       muggle-string: 0.3.1
@@ -11895,7 +11904,7 @@ snapshots:
     dependencies:
       '@volar/language-core': 2.3.1
       '@vue/compiler-dom': 3.4.29
-      '@vue/shared': 3.4.30
+      '@vue/shared': 3.4.31
       computeds: 0.0.1
       minimatch: 9.0.4
       muggle-string: 0.4.1
@@ -11904,52 +11913,52 @@ snapshots:
     optionalDependencies:
       typescript: 5.5.2
 
-  '@vue/reactivity@3.4.30':
+  '@vue/reactivity@3.4.31':
     dependencies:
-      '@vue/shared': 3.4.30
+      '@vue/shared': 3.4.31
 
-  '@vue/runtime-core@3.4.30':
+  '@vue/runtime-core@3.4.31':
     dependencies:
-      '@vue/reactivity': 3.4.30
-      '@vue/shared': 3.4.30
+      '@vue/reactivity': 3.4.31
+      '@vue/shared': 3.4.31
 
-  '@vue/runtime-dom@3.4.30':
+  '@vue/runtime-dom@3.4.31':
     dependencies:
-      '@vue/reactivity': 3.4.30
-      '@vue/runtime-core': 3.4.30
-      '@vue/shared': 3.4.30
+      '@vue/reactivity': 3.4.31
+      '@vue/runtime-core': 3.4.31
+      '@vue/shared': 3.4.31
       csstype: 3.1.3
 
-  '@vue/server-renderer@3.4.30(vue@3.4.30(typescript@5.5.2))':
+  '@vue/server-renderer@3.4.31(vue@3.4.31(typescript@5.5.2))':
     dependencies:
-      '@vue/compiler-ssr': 3.4.30
-      '@vue/shared': 3.4.30
-      vue: 3.4.30(typescript@5.5.2)
+      '@vue/compiler-ssr': 3.4.31
+      '@vue/shared': 3.4.31
+      vue: 3.4.31(typescript@5.5.2)
 
   '@vue/shared@3.4.29': {}
 
-  '@vue/shared@3.4.30': {}
+  '@vue/shared@3.4.31': {}
 
   '@vue/test-utils@2.4.6':
     dependencies:
       js-beautify: 1.15.1
       vue-component-type-helpers: 2.0.21
 
-  '@vueuse/core@10.11.0(vue@3.4.30(typescript@5.5.2))':
+  '@vueuse/core@10.11.0(vue@3.4.31(typescript@5.5.2))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.11.0
-      '@vueuse/shared': 10.11.0(vue@3.4.30(typescript@5.5.2))
-      vue-demi: 0.14.8(vue@3.4.30(typescript@5.5.2))
+      '@vueuse/shared': 10.11.0(vue@3.4.31(typescript@5.5.2))
+      vue-demi: 0.14.8(vue@3.4.31(typescript@5.5.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/integrations@10.11.0(async-validator@4.2.5)(axios@1.7.2)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.3)(vue@3.4.30(typescript@5.5.2))':
+  '@vueuse/integrations@10.11.0(async-validator@4.2.5)(axios@1.7.2)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.3)(vue@3.4.31(typescript@5.5.2))':
     dependencies:
-      '@vueuse/core': 10.11.0(vue@3.4.30(typescript@5.5.2))
-      '@vueuse/shared': 10.11.0(vue@3.4.30(typescript@5.5.2))
-      vue-demi: 0.14.8(vue@3.4.30(typescript@5.5.2))
+      '@vueuse/core': 10.11.0(vue@3.4.31(typescript@5.5.2))
+      '@vueuse/shared': 10.11.0(vue@3.4.31(typescript@5.5.2))
+      vue-demi: 0.14.8(vue@3.4.31(typescript@5.5.2))
     optionalDependencies:
       async-validator: 4.2.5
       axios: 1.7.2
@@ -11962,9 +11971,9 @@ snapshots:
 
   '@vueuse/metadata@10.11.0': {}
 
-  '@vueuse/shared@10.11.0(vue@3.4.30(typescript@5.5.2))':
+  '@vueuse/shared@10.11.0(vue@3.4.31(typescript@5.5.2))':
     dependencies:
-      vue-demi: 0.14.8(vue@3.4.30(typescript@5.5.2))
+      vue-demi: 0.14.8(vue@3.4.31(typescript@5.5.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -12175,10 +12184,10 @@ snapshots:
 
   ansi-styles@6.2.1: {}
 
-  ant-design-vue@4.2.3(vue@3.4.30(typescript@5.5.2)):
+  ant-design-vue@4.2.3(vue@3.4.31(typescript@5.5.2)):
     dependencies:
       '@ant-design/colors': 7.0.2
-      '@ant-design/icons-vue': 7.0.1(vue@3.4.30(typescript@5.5.2))
+      '@ant-design/icons-vue': 7.0.1(vue@3.4.31(typescript@5.5.2))
       '@babel/runtime': 7.24.7
       '@ctrl/tinycolor': 4.1.0
       '@emotion/hash': 0.9.1
@@ -12197,8 +12206,8 @@ snapshots:
       shallow-equal: 1.2.1
       stylis: 4.3.2
       throttle-debounce: 5.0.0
-      vue: 3.4.30(typescript@5.5.2)
-      vue-types: 3.0.2(vue@3.4.30(typescript@5.5.2))
+      vue: 3.4.31(typescript@5.5.2)
+      vue-types: 3.0.2(vue@3.4.31(typescript@5.5.2))
       warning: 4.0.3
 
   any-promise@1.3.0: {}
@@ -13179,10 +13188,10 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
-  echarts@5.5.0:
+  echarts@5.5.1:
     dependencies:
       tslib: 2.3.0
-      zrender: 5.5.0
+      zrender: 5.6.0
 
   editorconfig@1.0.4:
     dependencies:
@@ -15254,15 +15263,15 @@ snapshots:
 
   pify@4.0.1: {}
 
-  pinia-plugin-persistedstate@3.2.1(pinia@2.1.7(typescript@5.5.2)(vue@3.4.30(typescript@5.5.2))):
+  pinia-plugin-persistedstate@3.2.1(pinia@2.1.7(typescript@5.5.2)(vue@3.4.31(typescript@5.5.2))):
     dependencies:
-      pinia: 2.1.7(typescript@5.5.2)(vue@3.4.30(typescript@5.5.2))
+      pinia: 2.1.7(typescript@5.5.2)(vue@3.4.31(typescript@5.5.2))
 
-  pinia@2.1.7(typescript@5.5.2)(vue@3.4.30(typescript@5.5.2)):
+  pinia@2.1.7(typescript@5.5.2)(vue@3.4.31(typescript@5.5.2)):
     dependencies:
       '@vue/devtools-api': 6.6.3
-      vue: 3.4.30(typescript@5.5.2)
-      vue-demi: 0.14.8(vue@3.4.30(typescript@5.5.2))
+      vue: 3.4.31(typescript@5.5.2)
+      vue-demi: 0.14.8(vue@3.4.31(typescript@5.5.2))
     optionalDependencies:
       typescript: 5.5.2
 
@@ -15814,20 +15823,20 @@ snapshots:
 
   quick-lru@5.1.1: {}
 
-  radix-vue@1.8.5(vue@3.4.30(typescript@5.5.2)):
+  radix-vue@1.8.5(vue@3.4.31(typescript@5.5.2)):
     dependencies:
       '@floating-ui/dom': 1.6.5
-      '@floating-ui/vue': 1.0.6(vue@3.4.30(typescript@5.5.2))
+      '@floating-ui/vue': 1.0.6(vue@3.4.31(typescript@5.5.2))
       '@internationalized/date': 3.5.4
       '@internationalized/number': 3.5.3
-      '@tanstack/vue-virtual': 3.5.1(vue@3.4.30(typescript@5.5.2))
-      '@vueuse/core': 10.11.0(vue@3.4.30(typescript@5.5.2))
-      '@vueuse/shared': 10.11.0(vue@3.4.30(typescript@5.5.2))
+      '@tanstack/vue-virtual': 3.5.1(vue@3.4.31(typescript@5.5.2))
+      '@vueuse/core': 10.11.0(vue@3.4.31(typescript@5.5.2))
+      '@vueuse/shared': 10.11.0(vue@3.4.31(typescript@5.5.2))
       aria-hidden: 1.2.4
       defu: 6.1.4
       fast-deep-equal: 3.1.3
       nanoid: 5.0.7
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -16932,7 +16941,7 @@ snapshots:
 
   unpipe@1.0.0: {}
 
-  unplugin-turbo-console@1.8.8-beta.1(esbuild@0.21.5)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))(webpack@5.90.1(esbuild@0.21.5)):
+  unplugin-turbo-console@1.8.9(esbuild@0.21.5)(rollup@4.18.0)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))(webpack@5.90.1(esbuild@0.21.5)):
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       ast-kit: 0.12.2
@@ -16945,8 +16954,8 @@ snapshots:
     optionalDependencies:
       esbuild: 0.21.5
       rollup: 4.18.0
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
-      vue: 3.4.30(typescript@5.5.2)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vue: 3.4.31(typescript@5.5.2)
       webpack: 5.90.1(esbuild@0.21.5)
     transitivePeerDependencies:
       - uWebSockets.js
@@ -17016,9 +17025,9 @@ snapshots:
 
   validator@13.12.0: {}
 
-  vite-hot-client@0.2.3(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
+  vite-hot-client@0.2.3(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
 
   vite-node@2.0.0-beta.10(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1):
     dependencies:
@@ -17026,7 +17035,7 @@ snapshots:
       debug: 4.3.5
       pathe: 1.1.2
       picocolors: 1.0.1
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -17037,16 +17046,16 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-compression@0.5.1(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-compression@0.5.1(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       chalk: 4.1.2
       debug: 4.3.5
       fs-extra: 10.1.0
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-dts@3.9.1(@types/node@20.14.9)(rollup@4.18.0)(typescript@5.5.2)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-dts@3.9.1(@types/node@20.14.9)(rollup@4.18.0)(typescript@5.5.2)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       '@microsoft/api-extractor': 7.43.0(@types/node@20.14.9)
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
@@ -17057,13 +17066,13 @@ snapshots:
       typescript: 5.5.2
       vue-tsc: 1.8.27(typescript@5.5.2)
     optionalDependencies:
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-html@3.2.2(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-html@3.2.2(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       '@rollup/pluginutils': 4.2.1
       colorette: 2.0.20
@@ -17077,9 +17086,9 @@ snapshots:
       html-minifier-terser: 6.1.0
       node-html-parser: 5.4.2
       pathe: 0.2.0
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
 
-  vite-plugin-inspect@0.8.4(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-inspect@0.8.4(rollup@4.18.0)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       '@antfu/utils': 0.7.8
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
@@ -17090,19 +17099,19 @@ snapshots:
       perfect-debounce: 1.0.0
       picocolors: 1.0.1
       sirv: 2.0.4
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-lib-inject-css@2.1.1(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-lib-inject-css@2.1.1(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       '@ast-grep/napi': 0.22.6
       magic-string: 0.30.10
       picocolors: 1.0.1
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
 
-  vite-plugin-mock@3.0.2(esbuild@0.21.5)(mockjs@1.1.0)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-mock@3.0.2(esbuild@0.21.5)(mockjs@1.1.0)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       bundle-require: 4.2.1(esbuild@0.21.5)
       chokidar: 3.6.0
@@ -17113,38 +17122,38 @@ snapshots:
       mockjs: 1.1.0
       path-to-regexp: 6.2.2
       picocolors: 1.0.1
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-pwa@0.20.0(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(workbox-build@7.1.1(@types/babel__core@7.20.5))(workbox-window@7.1.0):
+  vite-plugin-pwa@0.20.0(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(workbox-build@7.1.1(@types/babel__core@7.20.5))(workbox-window@7.1.0):
     dependencies:
       debug: 4.3.5
       fast-glob: 3.3.2
       pretty-bytes: 6.1.1
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
       workbox-build: 7.1.1(@types/babel__core@7.20.5)
       workbox-window: 7.1.0
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-vue-devtools@7.3.4(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2)):
+  vite-plugin-vue-devtools@7.3.4(rollup@4.18.0)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2)):
     dependencies:
-      '@vue/devtools-core': 7.3.4(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))
+      '@vue/devtools-core': 7.3.4(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))
       '@vue/devtools-kit': 7.3.4
       '@vue/devtools-shared': 7.3.4
       execa: 8.0.1
       sirv: 2.0.4
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
-      vite-plugin-inspect: 0.8.4(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
-      vite-plugin-vue-inspector: 5.1.2(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite-plugin-inspect: 0.8.4(rollup@4.18.0)(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
+      vite-plugin-vue-inspector: 5.1.2(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))
     transitivePeerDependencies:
       - '@nuxt/kit'
       - rollup
       - supports-color
       - vue
 
-  vite-plugin-vue-inspector@5.1.2(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
+  vite-plugin-vue-inspector@5.1.2(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)):
     dependencies:
       '@babel/core': 7.24.7
       '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.24.7)
@@ -17155,11 +17164,11 @@ snapshots:
       '@vue/compiler-dom': 3.4.29
       kolorist: 1.8.0
       magic-string: 0.30.10
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
     transitivePeerDependencies:
       - supports-color
 
-  vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1):
+  vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.38
@@ -17177,17 +17186,17 @@ snapshots:
       '@shikijs/core': 1.7.0
       '@shikijs/transformers': 1.7.0
       '@types/markdown-it': 14.1.1
-      '@vitejs/plugin-vue': 5.0.5(vite@5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.30(typescript@5.5.2))
-      '@vue/devtools-api': 7.3.0(vue@3.4.30(typescript@5.5.2))
-      '@vue/shared': 3.4.30
-      '@vueuse/core': 10.11.0(vue@3.4.30(typescript@5.5.2))
-      '@vueuse/integrations': 10.11.0(async-validator@4.2.5)(axios@1.7.2)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.3)(vue@3.4.30(typescript@5.5.2))
+      '@vitejs/plugin-vue': 5.0.5(vite@5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1))(vue@3.4.31(typescript@5.5.2))
+      '@vue/devtools-api': 7.3.0(vue@3.4.31(typescript@5.5.2))
+      '@vue/shared': 3.4.31
+      '@vueuse/core': 10.11.0(vue@3.4.31(typescript@5.5.2))
+      '@vueuse/integrations': 10.11.0(async-validator@4.2.5)(axios@1.7.2)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.3)(vue@3.4.31(typescript@5.5.2))
       focus-trap: 7.5.4
       mark.js: 8.11.1
       minisearch: 6.3.0
       shiki: 1.7.0
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
-      vue: 3.4.30(typescript@5.5.2)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vue: 3.4.31(typescript@5.5.2)
     optionalDependencies:
       postcss: 8.4.38
     transitivePeerDependencies:
@@ -17234,7 +17243,7 @@ snapshots:
       std-env: 3.7.0
       tinybench: 2.8.0
       tinypool: 1.0.0
-      vite: 5.3.1(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
+      vite: 5.3.2(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
       vite-node: 2.0.0-beta.10(@types/node@20.14.9)(sass@1.77.6)(terser@5.31.1)
       why-is-node-running: 2.2.2
     optionalDependencies:
@@ -17255,9 +17264,9 @@ snapshots:
 
   vue-component-type-helpers@2.0.21: {}
 
-  vue-demi@0.14.8(vue@3.4.30(typescript@5.5.2)):
+  vue-demi@0.14.8(vue@3.4.31(typescript@5.5.2)):
     dependencies:
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
 
   vue-eslint-parser@9.4.3(eslint@8.57.0):
     dependencies:
@@ -17272,22 +17281,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-i18n@9.13.1(vue@3.4.30(typescript@5.5.2)):
+  vue-i18n@9.13.1(vue@3.4.31(typescript@5.5.2)):
     dependencies:
       '@intlify/core-base': 9.13.1
       '@intlify/shared': 9.13.1
       '@vue/devtools-api': 6.6.3
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
 
-  vue-request@2.0.4(vue@3.4.30(typescript@5.5.2)):
+  vue-request@2.0.4(vue@3.4.31(typescript@5.5.2)):
     dependencies:
-      vue: 3.4.30(typescript@5.5.2)
-      vue-demi: 0.14.8(vue@3.4.30(typescript@5.5.2))
+      vue: 3.4.31(typescript@5.5.2)
+      vue-demi: 0.14.8(vue@3.4.31(typescript@5.5.2))
 
-  vue-router@4.4.0(vue@3.4.30(typescript@5.5.2)):
+  vue-router@4.4.0(vue@3.4.31(typescript@5.5.2)):
     dependencies:
       '@vue/devtools-api': 6.6.3
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
 
   vue-sonner@1.1.3: {}
 
@@ -17310,18 +17319,18 @@ snapshots:
       semver: 7.6.2
       typescript: 5.5.2
 
-  vue-types@3.0.2(vue@3.4.30(typescript@5.5.2)):
+  vue-types@3.0.2(vue@3.4.31(typescript@5.5.2)):
     dependencies:
       is-plain-object: 3.0.1
-      vue: 3.4.30(typescript@5.5.2)
+      vue: 3.4.31(typescript@5.5.2)
 
-  vue@3.4.30(typescript@5.5.2):
+  vue@3.4.31(typescript@5.5.2):
     dependencies:
-      '@vue/compiler-dom': 3.4.30
-      '@vue/compiler-sfc': 3.4.30
-      '@vue/runtime-dom': 3.4.30
-      '@vue/server-renderer': 3.4.30(vue@3.4.30(typescript@5.5.2))
-      '@vue/shared': 3.4.30
+      '@vue/compiler-dom': 3.4.31
+      '@vue/compiler-sfc': 3.4.31
+      '@vue/runtime-dom': 3.4.31
+      '@vue/server-renderer': 3.4.31(vue@3.4.31(typescript@5.5.2))
+      '@vue/shared': 3.4.31
     optionalDependencies:
       typescript: 5.5.2
 
@@ -17692,7 +17701,7 @@ snapshots:
     optionalDependencies:
       commander: 9.5.0
 
-  zrender@5.5.0:
+  zrender@5.6.0:
     dependencies:
       tslib: 2.3.0
 
diff --git a/website/package.json b/website/package.json
index 320284c7..88543630 100644
--- a/website/package.json
+++ b/website/package.json
@@ -9,6 +9,6 @@
   },
   "devDependencies": {
     "vitepress": "^1.2.3",
-    "vue": "^3.4.30"
+    "vue": "^3.4.31"
   }
 }