fix: 右侧边栏仅在有会话时显示

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>
         <!-- 有会话但无消息时显示欢迎提示 -->
@@ -344,8 +355,9 @@ onUnmounted(() => {
       />
     </div>
 
-    <!-- 右侧边栏 -->
+    <!-- 右侧边栏 - 仅在有会话时显示 -->
     <ChatSidebar
+      v-if="currentSessionId"
       :collapsed="sidebarCollapsed"
       :chat-agents="chatAgents"
       :selected-agent="selectedAgent"

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;