init ai page

frontend/src/components/Dashboard.vue

@@ -8,7 +8,7 @@ import Sidebar from "./Sidebar.vue";
   <Headbar></Headbar>
   <Sidebar>
   </Sidebar>
-  <article class="ml-64 mt-14">
+  <article class="ml-64">
     <RouterView></RouterView>
   </article>
 </template>

frontend/src/components/Sidebar.vue

@@ -30,8 +30,8 @@ import PositionIcon from "./icons/PositionIcon.vue";
 import RoleIcon from "./icons/RoleIcon.vue";
 import SchedulerIcon from "./icons/SchedulerIcon.vue";
 import SettingsIcon from "./icons/SettingsIcon.vue";
-// 导入图标组件
 import UsersIcon from "./icons/UsersIcon.vue";
+import AiChatIcon from "./icons/AiChatIcon.vue";
 
 // 菜单配置
 const menuItems = [
@@ -70,11 +70,15 @@ const menuItems = [
 		path: `${RoutePath.DASHBOARD}/${RoutePath.SCHEDULERVIEW}`,
 		icon: SchedulerIcon,
 	},
+	{
+		title: "AI 对话",
+		path: `${RoutePath.DASHBOARD}/${RoutePath.AICHATVIEW}`,
+		icon: AiChatIcon,
+	},
 ];
 
 const route = useRoute();
 
-// 判断当前路由是否激活
 const isActive = (path: string) => {
 	return route.path === path;
 };

frontend/src/components/icons/AiChatIcon.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot-icon lucide-bot"><path d="M12 8V4H8"/><rect width="16" height="12" x="4" y="8" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M15 13v2"/><path d="M9 13v2"/></svg>
+</template>