From b8944813cf6cb77fa372bf49fcca4f278278d49f Mon Sep 17 00:00:00 2001
From: "DESKTOP-72TV0V4\\caoxiaozhu" <leocaoxiaozhu@163.com>
Date: Sun, 15 Mar 2026 21:47:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20Chat=20=E9=A1=B5=E9=9D=A2=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E7=BE=A4=E8=81=8A=E5=8A=9F=E8=83=BD=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/Chat.vue      | 19 +++++++++++++++----
 web/src/views/chat/chat.css | 12 ++++++++++++
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/web/src/views/Chat.vue b/web/src/views/Chat.vue
index 5bc1637..e9c3a77 100644
--- a/web/src/views/Chat.vue
+++ b/web/src/views/Chat.vue
@@ -189,6 +189,11 @@ const handleSelectModel = (model: any) => {
   showModelDropdown.value = false
 }
 
+// 打开群聊选择器
+const openGroupChat = () => {
+  openAgentSelector('group')
+}
+
 // 删除会话
 const handleDeleteSession = async (session: any) => {
   try {
@@ -310,10 +315,16 @@ onUnmounted(() => {
             <div class="empty-logo">🧠</div>
             <h2 class="empty-title">欢迎使用 X-Agents</h2>
             <p class="empty-desc">与智能 AI 助手对话，获取专业解答与创意灵感</p>
-            <button @click="newChat" class="empty-btn">
-              <i class="fa-solid fa-plus mr-2"></i>
-              开始新对话
-            </button>
+            <div class="flex gap-4 justify-center">
+              <button @click="newChat" class="empty-btn">
+                <i class="fa-solid fa-plus mr-2"></i>
+                开始新对话
+              </button>
+              <button @click="openGroupChat" class="empty-btn empty-btn-secondary">
+                <i class="fa-solid fa-users mr-2"></i>
+                开始群聊
+              </button>
+            </div>
           </div>
         </div>
         <!-- 有会话但无消息时显示欢迎提示 -->
diff --git a/web/src/views/chat/chat.css b/web/src/views/chat/chat.css
index 4f1e83a..a179b14 100644
--- a/web/src/views/chat/chat.css
+++ b/web/src/views/chat/chat.css
@@ -133,6 +133,18 @@
   transform: translateY(0);
 }
 
+.empty-btn-secondary {
+  background: rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.empty-btn-secondary:hover {
+  background: rgba(255, 255, 255, 0.12);
+  border-color: rgba(255, 255, 255, 0.2);
+  box-shadow: none;
+}
+
 /* 推荐智能体卡片 */
 .recommend-section {
   margin-top: 48px;