新增功能：在智能体发送消息若出错，则可点击重新发送

llm-ui/src/views/llm/agent/AgentDetail.vue

@@ -2,7 +2,7 @@
  * @Author: wrh
  * @Date: 2025-01-01 00:00:00
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2025-07-30 16:06:36
+ * @LastEditTime: 2025-08-01 14:33:27
 -->
 <template>
   <div class="agent-detail-container" v-loading="loading">
@@ -38,15 +38,8 @@
                 <div class="topic-time">{{ topic.createTime }}</div>
               </div>
               <div class="topic-actions">
-                <el-button 
-                  type="danger" 
-                  size="small" 
-                  :icon="Delete" 
-                  circle 
-                  @click.stop="handleDeleteTopic(topic)"
-                  class="delete-btn"
-                  title="删除对话"
-                />
+                <el-button type="danger" size="small" :icon="Delete" circle @click.stop="handleDeleteTopic(topic)"
+                  class="delete-btn" title="删除对话" />
               </div>
             </div>
           </div>
@@ -127,7 +120,13 @@
               <div class="message-content">
                 <div v-if="message.isHtml" class="message-text" v-html="message.content"></div>
                 <div v-else class="message-text">{{ message.content }}</div>
-                <div class="message-time">{{ message.timestamp }}</div>
+                <div class="message-actions">
+                  <span class="message-time">{{ message.timestamp }}</span>
+                  <el-button v-if="message.canRetry" type="text" size="small" @click="retryMessage(message)" class="retry-btn">
+                    <el-icon><Refresh /></el-icon>
+                    重新发送
+                  </el-button>
+                </div>
               </div>
             </div>
 
@@ -149,10 +148,10 @@
           <!-- 输入区域 -->
           <div class="chat-input-area">
             <el-input v-model="inputMessage" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"
-              placeholder="请输入您的问题..." @keyup.ctrl.enter="sendMessage" />
+              placeholder="请输入您的问题..." @keydown.enter="handleEnterKeydown" />
             <div class="input-actions">
-              <span class="input-tip">Ctrl + Enter 发送</span>
-              <el-button type="primary" @click="sendMessage" :disabled="!inputMessage.trim() || isTyping">
+              <span class="input-tip">Enter 发送，Shift + Enter 换行</span>
+              <el-button type="primary" @click="sendMessage()" :disabled="!inputMessage.trim() || isTyping">
                 发送
               </el-button>
             </div>
@@ -172,7 +171,7 @@
 <script setup>
 import { ref, reactive, watch, nextTick, computed, getCurrentInstance } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
-import { Delete } from '@element-plus/icons-vue';
+import { Delete, Refresh } from '@element-plus/icons-vue';
 import { getAgent, opening, uploadFile } from '@/api/llm/agent';
 import { answer } from '@/api/llm/mcp';
 import { listTopic, getTopic, delTopic, addTopic, updateTopic } from "@/api/llm/topic";
@@ -292,7 +291,9 @@ const loadChatMessages = async (topicId) => {
             role: 'user',
             content: chat.input,
             timestamp: chat.inputTime || new Date(chat.createTime).toLocaleTimeString(),
-            isHtml: false
+            isHtml: false,
+            originalContent: chat.input, // 为历史消息添加原始内容
+            canRetry: false // 历史消息默认不显示重试按钮
           })
         }
         // 添加助手回复消息
@@ -359,7 +360,7 @@ const handleDeleteTopic = async (topic) => {
 
     // 调用删除API
     await delTopic(topic.topicId)
-    
+
     // 如果删除的是当前选中的话题，则重置对话状态
     if (currentTopicId.value === topic.topicId) {
       currentTopicId.value = null
@@ -369,7 +370,7 @@ const handleDeleteTopic = async (topic) => {
 
     // 重新加载话题列表
     await loadTopic()
-    
+
     ElMessage.success('话题删除成功')
   } catch (error) {
     if (error !== 'cancel') {
@@ -379,9 +380,23 @@ const handleDeleteTopic = async (topic) => {
   }
 }
 
-// 发送消息
-const sendMessage = async () => {
-  const message = inputMessage.value.trim()
+// 处理 Enter 键事件
+const handleEnterKeydown = (event) => {
+  // 如果按住 Shift 键，允许换行
+  if (event.shiftKey) {
+    return
+  }
+  // 阻止默认的换行行为
+  event.preventDefault()
+  // 发送消息
+  sendMessage()
+}
+
+// 发送消息（支持重试）
+const sendMessage = async (retryContent = null) => {
+  // 确保 retryContent 是字符串类型，如果是事件对象则忽略
+  const validRetryContent = (typeof retryContent === 'string') ? retryContent : null
+  const message = validRetryContent || inputMessage.value.trim()
   if (!message || isTyping.value) return
 
   // 添加用户消息
@@ -389,10 +404,17 @@ const sendMessage = async () => {
     role: 'user',
     content: message,
     timestamp: new Date().toLocaleTimeString(),
-    isHtml: false // 用户消息不使用HTML渲染
+    isHtml: false, // 用户消息不使用HTML渲染
+    originalContent: message, // 保存原始内容用于重试
+    canRetry: false // 初始时不显示重试按钮
   }
   chatMessages.value.push(userMessage)
-  inputMessage.value = ''
+  
+  // 只有在非重试模式下才清空输入框
+  if (!retryContent) {
+    inputMessage.value = ''
+  }
+  
   isTyping.value = true
 
   nextTick(() => {
@@ -405,15 +427,26 @@ const sendMessage = async () => {
       topicId: currentTopicId.value,
       question: message
     })
-
+    let content = JSON.parse(response.resultContent).content;
+    console.log(content);
+    
+    // 检查是否是默认的失败回复
+    const defaultFailureMessage = '抱歉，我暂时无法回答这个问题。';
+    const finalContent = content || defaultFailureMessage;
+    
     // 添加助手回复
     const assistantMessage = {
       role: 'assistant',
-      content: response.resultContent || '抱歉，我暂时无法回答这个问题。',
+      content: finalContent,
       timestamp: new Date().toLocaleTimeString(),
-      isHtml: false // 普通聊天消息不使用HTML渲染
+      isHtml: true // 普通聊天消息使用HTML渲染
     }
     chatMessages.value.push(assistantMessage)
+    
+    // 如果是默认失败回复，为用户消息添加重试按钮
+    if (finalContent === defaultFailureMessage) {
+      userMessage.canRetry = true
+    }
   } catch (error) {
     console.error('发送消息失败:', error)
     ElMessage.error('发送消息失败')
@@ -426,6 +459,9 @@ const sendMessage = async () => {
       isHtml: false
     }
     chatMessages.value.push(errorMessage)
+    
+    // 为用户消息添加重试按钮
+    userMessage.canRetry = true
   } finally {
     isTyping.value = false
     nextTick(() => {
@@ -434,6 +470,27 @@ const sendMessage = async () => {
   }
 }
 
+// 重新发送消息
+const retryMessage = async (message) => {
+  // 找到当前消息在数组中的索引
+  const messageIndex = chatMessages.value.findIndex(msg => msg === message)
+  if (messageIndex === -1) return
+  
+  // 获取原始消息内容
+  const originalContent = message.originalContent || message.content
+  if (!originalContent || typeof originalContent !== 'string') {
+    ElMessage.error('无法获取原始消息内容')
+    return
+  }
+  
+  // 移除从当前用户消息开始的所有消息（包括后续的助手回复）
+  const messagesToKeep = chatMessages.value.slice(0, messageIndex)
+  chatMessages.value = messagesToKeep
+  
+  // 重新发送原始消息
+  await sendMessage(originalContent)
+}
+
 // 滚动到底部
 const scrollToBottom = () => {
   if (messagesContainer.value) {
@@ -750,7 +807,7 @@ const formatContentLinks = (content) => {
           cursor: pointer;
           min-width: 0; // 允许flex项目缩小到内容以下
           max-width: calc(100% - 40px); // 为删除按钮预留40px空间
-          
+
           .topic-name {
             font-size: 13px;
             font-weight: 500;
@@ -786,19 +843,19 @@ const formatContentLinks = (content) => {
           justify-content: center;
           opacity: 0;
           transition: opacity 0.3s ease;
-          
+
           .delete-btn {
             width: 24px;
             height: 24px;
             padding: 0;
             border: none;
             background: #ff4757;
-            
+
             &:hover {
               background: #ff3742;
               transform: scale(1.1);
             }
-            
+
             .el-icon {
               font-size: 12px;
             }
@@ -872,6 +929,22 @@ const formatContentLinks = (content) => {
               background: #1890ff;
               color: white;
             }
+            
+            .message-actions {
+              justify-content: flex-end;
+              
+              .retry-btn {
+                order: -1; // 将重试按钮放在时间前面
+                margin-left: 0;
+                margin-right: 8px;
+                color: #1890ff;
+                background-color: rgba(255, 255, 255, 0.9);
+                
+                &:hover {
+                  background-color: white;
+                }
+              }
+            }
           }
         }
 
@@ -952,10 +1025,32 @@ const formatContentLinks = (content) => {
             }
           }
 
-          .message-time {
-            font-size: 11px;
-            color: #999;
+          .message-actions {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
             margin-top: 4px;
+            
+            .message-time {
+              font-size: 11px;
+              color: #999;
+            }
+            
+            .retry-btn {
+              font-size: 11px;
+              color: #1890ff;
+              padding: 2px 6px;
+              margin-left: 8px;
+              
+              &:hover {
+                background-color: #f0f8ff;
+              }
+              
+              .el-icon {
+                font-size: 12px;
+                margin-right: 2px;
+              }
+            }
           }
         }