vue2-client 1.22.2 → 1.22.3

package/src/base-client/components/his/HAi/HAi.vue

@@ -1,436 +1,1177 @@
-<template>
-  <div class="ai-consultation-outer">
-    <div class="ai-consultation-container">
-      <div class="chat-area">
-        <!-- 对话区域 -->
-        <div class="dialog-area">
-          <div
-            v-for="(message, index) in dialogMessages"
-            :key="index"
-            :class="['dialog-message', message.type]"
-          >
-            <div class="message-text" v-html="renderMd(message.content)" />
-            <span v-if="message.type === 'ai' && isAiStreaming && index === dialogMessages.length - 1" class="typing-cursor">▍</span>
-          </div>
-        </div>
-      </div>
-
-      <div class="bottom-input-wrapper">
-        <div class="input-container">
-          <a-textarea
-            ref="consultTextarea"
-            v-model="doctorInputText"
-            placeholder="医生补充信息或提问..."
-            class="bottom-input"
-            :rows="1"
-            resize="none"
-            @input="handleInput"
-            @keydown="handleKeydown"
-          ></a-textarea>
-
-          <div class="input-controls-right">
-            <span class="enter-tip">Enter 发送 · Shift+Enter 换行</span>
-            <a-button
-              type="primary"
-              shape="circle"
-              class="send-btn"
-              @click="handleSendMessage"
-              :disabled="!doctorInputText.trim()"
-            >
-              <span class="send-icon">↑</span>
-            </a-button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { startEventStreamPOST } from '@vue2-client/services/api/restTools'
-import { marked } from 'marked'
-import moment from 'moment/moment'
-import { mapState } from 'vuex'
-
-export default {
-  name: 'AIConsultation',
-  data() {
-    return {
-      currentDialogId: null,
-      doctorInputText: '',
-      isPlaying: false,
-      isRecording: false,
-      patientComplaint: '',
-      doctorQuestions: [],
-      examinationOrder: null,
-      aiDiagnosis: null,
-      dialogMessages: [],
-      currentStreamConnection: null,
-      isAiStreaming: false,
-      resizeTimeout: null
-    }
-  },
-  computed: {
-    ...mapState('account', {currUser: 'user'})
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.autoResizeTextarea()
-    })
-  },
-  beforeDestroy() {
-    // 组件销毁时关闭流式连接
-    if (this.currentStreamConnection) {
-      this.currentStreamConnection()
-      this.currentStreamConnection = null
-    }
-    if (this.resizeTimeout) {
-      clearTimeout(this.resizeTimeout)
-    }
-  },
-  methods: {
-    autoResizeTextarea() {
-      this.$nextTick(() => {
-        const textarea = this.$refs.consultTextarea?.$el || this.$refs.consultTextarea
-        if (!textarea) return
-
-        textarea.style.height = 'auto'
-        const scrollHeight = textarea.scrollHeight
-        textarea.style.height = `${Math.min(Math.max(scrollHeight, 120), 250)}px`
-      })
-    },
-
-    handleInput() {
-      if (this.resizeTimeout) clearTimeout(this.resizeTimeout)
-      this.resizeTimeout = setTimeout(() => {
-        this.autoResizeTextarea()
-      }, 16)
-    },
-
-    renderMd(text) {
-      if (!text) return ''
-      try {
-        return marked.parse(text, { breaks: true, gfm: true, headerIds: false, mangle: false })
-      } catch {
-        return text
-      }
-    },
-
-    handleKeydown(event) {
-      if (event.key === 'Enter' && !event.shiftKey) {
-        event.preventDefault()
-        this.handleSendMessage()
-      }
-    },
-
-    initDialog() {
-      if (!this.currentDialogId) {
-        this.currentDialogId = moment().format('YYYYMMDDHHmmss')
-      }
-    },
-
-    clearDialog() {
-      this.currentDialogId = moment().format('YYYYMMDDHHmmss')
-      this.dialogMessages = []
-    },
-
-    handleSendMessage() {
-      if (!this.doctorInputText.trim()) return
-
-      // 确保有dialogId
-      if (!this.currentDialogId) {
-        this.initDialog()
-      }
-
-      const messageContent = this.doctorInputText.trim()
-      const doctorMessage = {
-        type: 'user',
-        content: messageContent,
-        time: new Date().toLocaleTimeString(),
-        timestamp: Date.now()
-      }
-      this.dialogMessages.push(doctorMessage)
-      this.scrollToBottom()
-
-      this.doctorInputText = ''
-      this.autoResizeTextarea()
-
-      const chatId = this.currentDialogId
-      let aiContent = ''
-      const aiMsgIndex = this.dialogMessages.length
-      this.dialogMessages.push({
-        type: 'ai',
-        content: '',
-        time: new Date().toLocaleTimeString(),
-        timestamp: Date.now()
-      })
-      this.scrollToBottom()
-
-      this.isAiStreaming = true
-
-      this.currentStreamConnection = startEventStreamPOST(
-        '/his-web/api/af-his/ai/chat/stream',
-        { userMessage: messageContent, chatId, model: '', prompt: '', useContext: true, user: this.currUser.operInfo },
-        {'Content-Type': 'application/json'},
-        (data, type) => {
-          if (type === 'additionalInfo' || type === 'sourceInfo') return
-
-          let textChunk = ''
-          if (typeof data === 'object' && data !== null) {
-            const choices = data.choices
-            if (Array.isArray(choices) && choices.length > 0) {
-              const delta = choices[0].delta
-
-              // 优先取 delta.content（标准 OpenAI 格式）
-              if (delta && typeof delta.content === 'string' && delta.content) {
-                textChunk = delta.content
-              }
-
-              // 兼容百川模型的 thinking 字段
-              if (!textChunk && delta && delta.thinking) {
-                const thinking = delta.thinking
-                // 取 summary 描述
-                if (thinking.summary && typeof thinking.summary === 'string') {
-                  textChunk = `[思考中] ${thinking.summary}`
-                }
-                // 取 reasoning steps
-                if (Array.isArray(thinking.steps)) {
-                  const activeStep = thinking.steps.find(s => s.status === 'in_progress')
-                  if (activeStep && activeStep.label) {
-                    textChunk = `[思考中] ${activeStep.label}`
-                  }
-                }
-              }
-
-              // 检测模型拒答
-              const finishReason = choices[0].finish_reason
-              if (finishReason === 'refuse_answer') {
-                const refuseTip = '\n\n> ⚠️ 很抱歉，当前问题我无法回答，请尝试调整提问方式或联系管理员。'
-                if (!this.dialogMessages[aiMsgIndex].content.includes('无法回答')) {
-                  this.dialogMessages[aiMsgIndex].content += refuseTip
-                  this.isAiStreaming = false
-                  this.scrollToBottom()
-                }
-              }
-            }
-          } else if (typeof data === 'string') {
-            textChunk = data
-          }
-
-          if (textChunk) {
-            aiContent += textChunk
-            this.dialogMessages[aiMsgIndex].content = aiContent
-            this.scrollToBottom()
-          }
-        },
-        (error) => {
-          this.isAiStreaming = false
-          this.dialogMessages[aiMsgIndex].content += `\n\n[错误: ${error.message || '请求失败'}]`
-          this.scrollToBottom()
-        },
-        () => {
-          this.isAiStreaming = false
-          this.scrollToBottom()
-        }
-      )
-    },
-
-    setPatientComplaint(complaint) {
-      this.patientComplaint = complaint
-    },
-
-    scrollToBottom(delay = 0) {
-      this.$nextTick(() => {
-        setTimeout(() => {
-          const chatArea = document.querySelector('.chat-area')
-          if (chatArea) {
-            chatArea.scrollTop = chatArea.scrollHeight
-          }
-        }, delay)
-      })
-    },
-
-    reset() {
-      if (this.currentStreamConnection) {
-        this.currentStreamConnection()
-        this.currentStreamConnection = null
-      }
-      this.isAiStreaming = false
-      this.patientComplaint = ''
-      this.doctorQuestions = []
-      this.examinationOrder = null
-      this.aiDiagnosis = null
-      this.doctorInputText = ''
-      this.isPlaying = false
-      this.isRecording = false
-      this.dialogMessages = []
-      this.$nextTick(() => {
-        this.autoResizeTextarea()
-        const chatArea = document.querySelector('.chat-area')
-        if (chatArea) {
-          chatArea.scrollTop = 0
-        }
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-.ai-consultation-outer {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 860px;
-}
-
-.ai-consultation-container {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background: #FFFFFF;
-  border: 1px solid #E5E9F0;
-}
-
-.chat-area {
-  flex: 1;
-  overflow-y: auto;
-  padding: 16px;
-  background: #fff;
-  min-height: 690px;
-}
-
-.dialog-area {
-  display: flex;
-  flex-direction: column;
-}
-
-/* 底部输入框区域 */
-.bottom-input-wrapper {
-  flex-shrink: 0;
-  padding: 12px 16px;
-  background: #fff;
-  border-top: 1px solid #E5E9F0;
-}
-
-.input-container {
-  position: relative;
-  width: 100%;
-}
-
-.bottom-input {
-  width: 100%;
-  min-height: 52px;
-  border: 1px solid #E5E9F0;
-  border-radius: 4px;
-  padding: 12px 60px 12px 16px;
-  font-family: 'Source Han Sans', 'Microsoft YaHei', sans-serif;
-  font-size: 16px;
-  color: #313131;
-  resize: none;
-  outline: none;
-  box-sizing: border-box;
-}
-
-.bottom-input:focus {
-  border-color: #1890ff;
-  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
-}
-
-.bottom-input::placeholder {
-  color: #999;
-}
-
-.input-controls-right {
-  position: absolute;
-  right: 20px;
-  bottom: 12px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  z-index: 2;
-}
-
-.enter-tip {
-  font-family: 'Inter', sans-serif;
-  font-size: 14px;
-  font-weight: 500;
-  color: #9E9E9E;
-  padding: 4px 8px;
-}
-
-.send-btn {
-  width: 30px;
-  height: 30px;
-  background: #0057FE;
-  border: none;
-  border-radius: 50%;
-  color: #fff;
-  font-size: 14px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-}
-
-.send-btn:hover {
-  background: #0040cc;
-}
-
-.send-icon {
-  font-size: 14px;
-  font-weight: bold;
-}
-
-/* 对话区域样式 */
-.dialog-message {
-  display: flex;
-  margin-bottom: 16px;
-  align-items: flex-start;
-}
-
-.dialog-message:last-child {
-  margin-bottom: 0;
-}
-
-.dialog-message.ai {
-  flex-direction: row;
-}
-
-.dialog-message.user {
-  flex-direction: row-reverse;
-}
-
-.dialog-message.user .message-text {
-  text-align: right;
-}
-
-.message-text {
-  opacity: 1;
-  font-family: Source Han Sans;
-  font-size: 16px;
-  font-weight: normal;
-  line-height: normal;
-  text-align: justify;
-  letter-spacing: 0em;
-  font-feature-settings: "kern" on;
-  max-width: 100%;
-  color: #313131;
-}
-
-.typing-cursor {
-  display: inline-block;
-  margin-left: 2px;
-  color: #0057FE;
-  font-size: 18px;
-  animation: blink 1s step-end infinite;
-}
-
-@keyframes blink {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0; }
-}
-</style>
+<template>
+  <div class="ai-consultation-outer">
+    <div class="ai-consultation-container">
+      <div class="chat-area-wrapper">
+        <!-- 问题导航条 -->
+        <div class="message-nav">
+          <div
+            v-for="(navItem, navIndex) in navMessages"
+            :key="`nav-${navIndex}`"
+            class="nav-dot"
+            :class="{ active: activeNavIndex === navIndex }"
+            :title="navItem.content"
+            @click="scrollToMessage(navItem.index)"
+          />
+        </div>
+        <div class="chat-area">
+          <!-- 对话区域 -->
+          <div class="dialog-area">
+          <template v-for="(item, index) in displayItems">
+            <div
+              v-if="item.type === 'divider'"
+              :key="`divider-${index}`"
+              class="dialog-divider"
+            >
+              <span class="dialog-divider-text">{{ item.text }}</span>
+            </div>
+            <div
+              v-else
+              :key="`msg-${index}`"
+              :class="['dialog-message', item.type]"
+            >
+              <div class="message-content">
+                <div class="message-bubble">
+                  <div class="message-text" v-html="renderMd(item.content)" />
+                </div>
+                <!-- 用户消息操作按钮 - 悬浮显示 -->
+                <div v-if="item.type === 'user'" class="message-actions user-actions">
+                  <span class="action-btn" title="复制" @click="copyMessage(item)">
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_2979_064909"><rect x="24" y="0" width="24" height="24" rx="0"/></clipPath></defs><g transform="matrix(0,1,-1,0,24,-24)" clip-path="url(#master_svg0_2979_064909)"><path d="M35.0998046875,10.30078125C35.0998046875,10.30078125,43.1998046875,10.30078125,43.1998046875,10.30078125C43.1998046875,10.30078125,43.1998046875,8.30078125,43.1998046875,8.30078125C43.1998046875,8.30078125,35.0998046875,8.30078125,35.0998046875,8.30078125C35.0998046875,8.30078125,35.0998046875,10.30078125,35.0998046875,10.30078125C35.0998046875,10.30078125,35.0998046875,10.30078125,35.0998046875,10.30078125ZM43.1998046875,10.30078125C43.6416046875,10.30078125,43.9998046875,10.65895125,43.9998046875,11.10078125C43.9998046875,11.10078125,45.9998046875,11.10078125,45.9998046875,11.10078125C45.9998046875,9.55438425,44.7462046875,8.30078125,43.1998046875,8.30078125C43.1998046875,8.30078125,43.1998046875,10.30078125,43.1998046875,10.30078125C43.1998046875,10.30078125,43.1998046875,10.30078125,43.1998046875,10.30078125ZM43.9998046875,11.10078125C43.9998046875,11.10078125,43.9998046875,19.20078125,43.9998046875,19.20078125C43.9998046875,19.20078125,45.9998046875,19.20078125,45.9998046875,19.20078125C45.9998046875,19.20078125,45.9998046875,11.10078125,45.9998046875,11.10078125C45.9998046875,11.10078125,43.9998046875,11.10078125,43.9998046875,11.10078125C43.9998046875,11.10078125,43.9998046875,11.10078125,43.9998046875,11.10078125ZM43.9998046875,19.20078125C43.9998046875,19.64258125,43.6416046875,20.00078125,43.1998046875,20.00078125C43.1998046875,20.00078125,43.1998046875,22.00078125,43.1998046875,22.00078125C44.7462046875,22.00078125,45.9998046875,20.74718125,45.9998046875,19.20078125C45.9998046875,19.20078125,43.9998046875,19.20078125,43.9998046875,19.20078125C43.9998046875,19.20078125,43.9998046875,19.20078125,43.9998046875,19.20078125ZM43.1998046875,20.00078125C43.1998046875,20.00078125,35.0998046875,20.00078125,35.0998046875,20.00078125C35.0998046875,20.00078125,35.0998046875,22.00078125,35.0998046875,22.00078125C35.0998046875,22.00078125,43.1998046875,22.00078125,43.1998046875,22.00078125C43.1998046875,22.00078125,43.1998046875,20.00078125,43.1998046875,20.00078125C43.1998046875,20.00078125,43.1998046875,20.00078125,43.1998046875,20.00078125ZM35.0998046875,20.00078125C34.6579746875,20.00078125,34.2998046875,19.64258125,34.2998046875,19.20078125C34.2998046875,19.20078125,32.2998046875,19.20078125,32.2998046875,19.20078125C32.2998046875,20.74718125,33.5534076875,22.00078125,35.0998046875,22.00078125C35.0998046875,22.00078125,35.0998046875,20.00078125,35.0998046875,20.00078125C35.0998046875,20.00078125,35.0998046875,20.00078125,35.0998046875,20.00078125ZM34.2998046875,19.20078125C34.2998046875,19.20078125,34.2998046875,11.10078125,34.2998046875,11.10078125C34.2998046875,11.10078125,32.2998046875,11.10078125,32.2998046875,11.10078125C32.2998046875,11.10078125,32.2998046875,19.20078125,32.2998046875,19.20078125C32.2998046875,19.20078125,34.2998046875,19.20078125,34.2998046875,19.20078125C34.2998046875,19.20078125,34.2998046875,19.20078125,34.2998046875,19.20078125ZM34.2998046875,11.10078125C34.2998046875,10.65895125,34.6579746875,10.30078125,35.0998046875,10.30078125C35.0998046875,10.30078125,35.0998046875,8.30078125,35.0998046875,8.30078125C33.5534076875,8.30078125,32.2998046875,9.55438425,32.2998046875,11.10078125C32.2998046875,11.10078125,34.2998046875,11.10078125,34.2998046875,11.10078125C34.2998046875,11.10078125,34.2998046875,11.10078125,34.2998046875,11.10078125Z" fill="#94979E" fill-opacity="1"/><path d="M29.7,15.7C30.2522802,15.7,30.6999998,15.2523,30.6999998,14.7C30.6999998,14.1477,30.2522802,13.7,29.7,13.7C29.7,13.7,29.7,15.7,29.7,15.7C29.7,15.7,29.7,15.7,29.7,15.7ZM27,12.9C27,12.9,26,12.9,26,12.9C26,12.9,27,12.9,27,12.9C27,12.9,27,12.9,27,12.9ZM28.8,3C28.8,3,28.8,2,28.8,2C28.8,2,28.8,3,28.8,3C28.8,3,28.8,3,28.8,3ZM36.9,3C36.9,3,36.9,2,36.9,2C36.9,2,36.9,3,36.9,3C36.9,3,36.9,3,36.9,3ZM37.7,5.7C37.7,6.2522802,38.1477,6.6999998,38.7,6.6999998C39.2523,6.6999998,39.7,6.2522802,39.7,5.7C39.7,5.7,37.7,5.7,37.7,5.7C37.7,5.7,37.7,5.7,37.7,5.7ZM29.7,13.7C29.7,13.7,28.8,13.7,28.8,13.7C28.8,13.7,28.8,15.7,28.8,15.7C28.8,15.7,29.7,15.7,29.7,15.7C29.7,15.7,29.7,13.7,29.7,13.7C29.7,13.7,29.7,13.7,29.7,13.7ZM28.8,13.7C28.5878301,13.7,28.38434,13.6157,28.2343099,13.4657C28.2343099,13.4657,26.82010102,14.8799,26.82010102,14.8799C27.345203,15.405,28.057389999999998,15.7,28.8,15.7C28.8,15.7,28.8,13.7,28.8,13.7C28.8,13.7,28.8,13.7,28.8,13.7ZM28.2343099,13.4657C28.08429,13.3157,28,13.1122,28,12.9C28,12.9,26,12.9,26,12.9C26,13.6426,26.294999,14.3548,26.82010102,14.8799C26.82010102,14.8799,28.2343099,13.4657,28.2343099,13.4657C28.2343099,13.4657,28.2343099,13.4657,28.2343099,13.4657ZM28,12.9C28,12.9,28,4.8,28,4.8C28,4.8,26,4.8,26,4.8C26,4.8,26,12.9,26,12.9C26,12.9,28,12.9,28,12.9C28,12.9,28,12.9,28,12.9ZM28,4.8C28,4.5878301,28.08429,4.38434,28.2343099,4.2343098999999995C28.2343099,4.2343098999999995,26.82010102,2.82010102,26.82010102,2.82010102C26.294999,3.3452029999999997,26,4.05739,26,4.8C26,4.8,28,4.8,28,4.8C28,4.8,28,4.8,28,4.8ZM28.2343099,4.2343098999999995C28.38434,4.08429,28.5878301,4,28.8,4C28.8,4,28.8,2,28.8,2C28.057389999999998,2,27.345203,2.294999,26.82010102,2.82010102C26.82010102,2.82010102,28.2343099,4.2343098999999995,28.2343099,4.2343098999999995C28.2343099,4.2343098999999995,28.2343099,4.2343098999999995,28.2343099,4.2343098999999995ZM28.8,4C28.8,4,36.9,4,36.9,4C36.9,4,36.9,2,36.9,2C36.9,2,28.8,2,28.8,2C28.8,2,28.8,4,28.8,4C28.8,4,28.8,4,28.8,4ZM36.9,4C37.1122,4,37.3157,4.08429,37.4657,4.2343098999999995C37.4657,4.2343098999999995,38.8799,2.82010102,38.8799,2.82010102C38.3548,2.294999,37.6426,2,36.9,2C36.9,2,36.9,4,36.9,4C36.9,4,36.9,4,36.9,4ZM37.4657,4.2343098999999995C37.615700000000004,4.38434,37.7,4.5878301,37.7,4.8C37.7,4.8,39.7,4.8,39.7,4.8C39.7,4.05739,39.405,3.3452029999999997,38.8799,2.82010102C38.8799,2.82010102,37.4657,4.2343098999999995,37.4657,4.2343098999999995C37.4657,4.2343098999999995,37.4657,4.2343098999999995,37.4657,4.2343098999999995ZM37.7,4.8C37.7,4.8,37.7,5.7,37.7,5.7C37.7,5.7,39.7,5.7,39.7,5.7C39.7,5.7,39.7,4.8,39.7,4.8C39.7,4.8,37.7,4.8,37.7,4.8C37.7,4.8,37.7,4.8,37.7,4.8Z" fill="#94979E" fill-opacity="1"/></g></svg>
+                  </span>
+                  <span class="action-btn" title="修改" @click="editMessage(item)">
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 24 24"><path d="M21.4545,8.3636398C22.181801,7.6363597,22.181801,6.5454497,21.4545,5.818179799999999C21.4545,5.818179799999999,18.181801,2.5454547400000003,18.181801,2.5454547400000003C17.4545,1.81818175,16.363599999999998,1.81818175,15.6364,2.5454547400000003C15.6364,2.5454547400000003,2,16.181800000000003,2,16.181800000000003C2,16.181800000000003,2,22,2,22C2,22,7.8181801,22,7.8181801,22C7.8181801,22,21.4545,8.3636398,21.4545,8.3636398ZM16.909100000000002,3.8181797C16.909100000000002,3.8181797,20.181801,7.09091,20.181801,7.09091C20.181801,7.09091,17.4545,9.8181796,17.4545,9.8181796C17.4545,9.8181796,14.1818,6.5454497,14.1818,6.5454497C14.1818,6.5454497,16.909100000000002,3.8181797,16.909100000000002,3.8181797ZM3.81818,20.181799C3.81818,20.181799,3.81818,16.909100000000002,3.81818,16.909100000000002C3.81818,16.909100000000002,12.9091,7.8181796,12.9091,7.8181796C12.9091,7.8181796,16.181800000000003,11.09091,16.181800000000003,11.09091C16.181800000000003,11.09091,7.09091,20.181799,7.09091,20.181799C7.09091,20.181799,3.81818,20.181799,3.81818,20.181799Z" fill="#94979E" fill-opacity="1"/></svg>
+                  </span>
+                  <span class="action-btn" title="收藏" @click="favoriteMessage(item)">
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 24 24"><path d="M21.9251463125,8.9689453225C21.9251463125,8.5271173125,21.5670453125,8.1689453125,21.1252463125,8.1689453125C20.6833453125,8.1689453125,20.3251453125,8.5271173125,20.3251453125,8.9689453225C20.3251453125,8.9689453225,21.9251463125,8.9689453225,21.9251463125,8.9689453225C21.9251463125,8.9689453225,21.9251463125,8.9689453225,21.9251463125,8.9689453225ZM4.9064453225,18.2314453125C4.4646173125,18.2314453125,4.1064453125,18.5896153125,4.1064453125,19.0314453125C4.1064453125,19.473245312499998,4.4646173125,19.8314453125,4.9064453225,19.8314453125C4.9064453225,19.8314453125,4.9064453225,18.2314453125,4.9064453225,18.2314453125C4.9064453225,18.2314453125,4.9064453225,18.2314453125,4.9064453225,18.2314453125ZM20.3251453125,8.9689453225C20.3251453125,8.9689453225,20.3251453125,18.0314455125,20.3251453125,18.0314455125C20.3251453125,18.0314455125,21.9251463125,18.0314455125,21.9251463125,18.0314455125C21.9251463125,18.0314455125,21.9251463125,8.9689453225,21.9251463125,8.9689453225C21.9251463125,8.9689453225,20.3251453125,8.9689453225,20.3251453125,8.9689453225C20.3251453125,8.9689453225,20.3251453125,8.9689453225,20.3251453125,8.9689453225ZM20.1252463125,18.2314453125C20.1252463125,18.2314453125,4.9064453225,18.2314453125,4.9064453225,18.2314453125C4.9064453225,18.2314453125,4.9064453225,19.8314453125,4.9064453225,19.8314453125C4.9064453225,19.8314453125,20.1252463125,19.8314453125,20.1252463125,19.8314453125C20.1252463125,19.8314453125,20.1252463125,18.2314453125,20.1252463125,18.2314453125C20.1252463125,18.2314453125,20.1252463125,18.2314453125,20.1252463125,18.2314453125ZM20.3251453125,18.0314455125C20.3251453125,18.1419058125,20.2356453125,18.2314453125,20.1252463125,18.2314453125C20.1252463125,18.2314453125,20.1252463125,19.8314453125,20.1252463125,19.8314453125C21.1193443125,19.8314453125,21.9251463125,19.0255453125,21.9251463125,18.0314455125C21.9251463125,18.0314455125,20.3251453125,18.0314455125,20.3251453125,18.0314455125C20.3251453125,18.0314455125,20.3251453125,18.0314455125,20.3251453125,18.0314455125Z" fill="#94979E" fill-opacity="1"/><rect x="3.800000011920929" y="4.800000011920929" width="14.399999976158142" height="11.399999976158142" rx="1.199999988079071" fill-opacity="0" stroke-opacity="1" stroke="#94979E" fill="none" stroke-width="1.600000023841858"/><path d="M12,8C12,7.44771501,11.552285,7,11,7C10.44771501,7,10,7.44771501,10,8C10,8,12,8,12,8C12,8,12,8,12,8ZM10,13.4000001C10,13.95228,10.44771501,14.4000001,11,14.4000001C11.552285,14.4000001,12,13.95228,12,13.4000001C12,13.4000001,10,13.4000001,10,13.4000001C10,13.4000001,10,13.4000001,10,13.4000001ZM10,8C10,8,10,13.4000001,10,13.4000001C10,13.4000001,12,13.4000001,12,13.4000001C12,13.4000001,12,8,12,8C12,8,10,8,10,8C10,8,10,8,10,8Z" fill="#94979E" fill-opacity="1"/><path d="M16.7001953125,10.701171875C16.7001953125,10.148886885,16.2524803125,9.701171875,15.7001953125,9.701171875C15.1479103225,9.701171875,14.7001953125,10.148886885,14.7001953125,10.701171875C14.7001953125,10.701171875,16.7001953125,10.701171875,16.7001953125,10.701171875C16.7001953125,10.701171875,16.7001953125,10.701171875,16.7001953125,10.701171875ZM14.7001953125,16.101171975C14.7001953125,16.653451875000002,15.1479103225,17.101171975,15.7001953125,17.101171975C16.2524803125,17.101171975,16.7001953125,16.653451875000002,16.7001953125,16.101171975C16.7001953125,16.101171975,14.7001953125,16.101171975,14.7001953125,16.101171975C14.7001953125,16.101171975,14.7001953125,16.101171975,14.7001953125,16.101171975ZM14.7001953125,10.701171875C14.7001953125,10.701171875,14.7001953125,16.101171975,14.7001953125,16.101171975C14.7001953125,16.101171975,16.7001953125,16.101171975,16.7001953125,16.101171975C16.7001953125,16.101171975,16.7001953125,10.701171875,16.7001953125,10.701171875C16.7001953125,10.701171875,14.7001953125,10.701171875,14.7001953125,10.701171875C14.7001953125,10.701171875,14.7001953125,10.701171875,14.7001953125,10.701171875Z" fill="#94979E" fill-opacity="1" transform="matrix(0,1,-1,0,24.4013671875,-4.9990234375)"/></svg>
+                  </span>
+                  <span class="action-btn" title="删除" @click="deleteMessage(item)">
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_2979_064907"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_2979_064907)"><path d="M3.9000000953674316,5.60009765625C3.3477151053674317,5.60009765625,2.9000000953674316,6.04781266625,2.9000000953674316,6.60009765625C2.9000000953674316,7.1523826562499995,3.3477151053674317,7.60009765625,3.9000000953674316,7.60009765625C3.9000000953674316,7.60009765625,3.9000000953674316,5.60009765625,3.9000000953674316,5.60009765625C3.9000000953674316,5.60009765625,3.9000000953674316,5.60009765625,3.9000000953674316,5.60009765625ZM20.100001095367432,7.60009765625C20.652300095367433,7.60009765625,21.100001095367432,7.1523826562499995,21.100001095367432,6.60009765625C21.100001095367432,6.04781266625,20.652300095367433,5.60009765625,20.100001095367432,5.60009765625C20.100001095367432,5.60009765625,20.100001095367432,7.60009765625,20.100001095367432,7.60009765625C20.100001095367432,7.60009765625,20.100001095367432,7.60009765625,20.100001095367432,7.60009765625ZM3.9000000953674316,7.60009765625C3.9000000953674316,7.60009765625,20.100001095367432,7.60009765625,20.100001095367432,7.60009765625C20.100001095367432,7.60009765625,20.100001095367432,5.60009765625,20.100001095367432,5.60009765625C20.100001095367432,5.60009765625,3.9000000953674316,5.60009765625,3.9000000953674316,5.60009765625C3.9000000953674316,5.60009765625,3.9000000953674316,7.60009765625,3.9000000953674316,7.60009765625C3.9000000953674316,7.60009765625,3.9000000953674316,7.60009765625,3.9000000953674316,7.60009765625Z" fill="#94979E" fill-opacity="1"/><path d="M18.298828220367433,6.5999999C18.298828220367433,6.5999999,19.298828220367433,6.5999999,19.298828220367433,6.5999999C19.298828220367433,6.04772,18.851128220367432,5.5999999,18.298828220367433,5.5999999C18.298828220367433,5.5999999,18.298828220367433,6.5999999,18.298828220367433,6.5999999C18.298828220367433,6.5999999,18.298828220367433,6.5999999,18.298828220367433,6.5999999ZM5.698828220367432,19.200001C5.698828220367432,19.200001,4.698828220367432,19.200001,4.698828220367432,19.200001C4.698828220367432,19.200001,5.698828220367432,19.200001,5.698828220367432,19.200001C5.698828220367432,19.200001,5.698828220367432,19.200001,5.698828220367432,19.200001ZM5.698828220367432,6.5999999C5.698828220367432,6.5999999,5.698828220367432,5.5999999,5.698828220367432,5.5999999C5.146543230367431,5.5999999,4.698828220367432,6.04772,4.698828220367432,6.5999999C4.698828220367432,6.5999999,5.698828220367432,6.5999999,5.698828220367432,6.5999999C5.698828220367432,6.5999999,5.698828220367432,6.5999999,5.698828220367432,6.5999999ZM7.398828220367432,6.5999999C7.398828220367432,7.1522799,7.8465483203674316,7.5999999,8.398828220367431,7.5999999C8.951108420367433,7.5999999,9.398828020367432,7.1522799,9.398828020367432,6.5999999C9.398828020367432,6.5999999,7.398828220367432,6.5999999,7.398828220367432,6.5999999C7.398828220367432,6.5999999,7.398828220367432,6.5999999,7.398828220367432,6.5999999ZM10.198828220367432,3C10.198828220367432,3,10.198828220367432,2,10.198828220367432,2C10.198828220367432,2,10.198828220367432,3,10.198828220367432,3C10.198828220367432,3,10.198828220367432,3,10.198828220367432,3ZM13.798828620367432,3C13.798828620367432,3,13.798828620367432,2,13.798828620367432,2C13.798828620367432,2,13.798828620367432,3,13.798828620367432,3C13.798828620367432,3,13.798828620367432,3,13.798828620367432,3ZM14.59882782036743,6.5999999C14.59882782036743,7.1522799,15.046548220367432,7.5999999,15.598828220367432,7.5999999C16.151128220367433,7.5999999,16.59882822036743,7.1522799,16.59882822036743,6.5999999C16.59882822036743,6.5999999,14.59882782036743,6.5999999,14.59882782036743,6.5999999C14.59882782036743,6.5999999,14.59882782036743,6.5999999,14.59882782036743,6.5999999ZM17.298828220367433,6.5999999C17.298828220367433,6.5999999,17.298828220367433,19.200001,17.298828220367433,19.200001C17.298828220367433,19.200001,19.298828220367433,19.200001,19.298828220367433,19.200001C19.298828220367433,19.200001,19.298828220367433,6.5999999,19.298828220367433,6.5999999C19.298828220367433,6.5999999,17.298828220367433,6.5999999,17.298828220367433,6.5999999C17.298828220367433,6.5999999,17.298828220367433,6.5999999,17.298828220367433,6.5999999ZM17.298828220367433,19.200001C17.298828220367433,19.412201,17.214528220367434,19.6157,17.064528220367432,19.765699C17.064528220367432,19.765699,18.47872822036743,21.179899,18.47872822036743,21.179899C19.00382822036743,20.6548,19.298828220367433,19.9426,19.298828220367433,19.200001C19.298828220367433,19.200001,17.298828220367433,19.200001,17.298828220367433,19.200001C17.298828220367433,19.200001,17.298828220367433,19.200001,17.298828220367433,19.200001ZM17.064528220367432,19.765699C16.91452822036743,19.915701,16.71102822036743,20,16.498828220367432,20C16.498828220367432,20,16.498828220367432,22,16.498828220367432,22C17.241428220367432,22,17.95362822036743,21.705,18.47872822036743,21.179899C18.47872822036743,21.179899,17.064528220367432,19.765699,17.064528220367432,19.765699C17.064528220367432,19.765699,17.064528220367432,19.765699,17.064528220367432,19.765699ZM16.498828220367432,20C16.498828220367432,20,7.4988282203674315,20,7.4988282203674315,20C7.4988282203674315,20,7.4988282203674315,22,7.4988282203674315,22C7.4988282203674315,22,16.498828220367432,22,16.498828220367432,22C16.498828220367432,22,16.498828220367432,20,16.498828220367432,20C16.498828220367432,20,16.498828220367432,20,16.498828220367432,20ZM7.4988282203674315,20C7.286658320367431,20,7.0831682203674315,19.915701,6.933138120367431,19.765699C6.933138120367431,19.765699,5.518929240367432,21.179899,5.518929240367432,21.179899C6.044031220367431,21.705,6.7562182203674315,22,7.4988282203674315,22C7.4988282203674315,22,7.4988282203674315,20,7.4988282203674315,20C7.4988282203674315,20,7.4988282203674315,20,7.4988282203674315,20ZM6.933138120367431,19.765699C6.783118220367432,19.6157,6.698828220367432,19.412201,6.698828220367432,19.200001C6.698828220367432,19.200001,4.698828220367432,19.200001,4.698828220367432,19.200001C4.698828220367432,19.9426,4.993827220367431,20.6548,5.518929240367432,21.179899C5.518929240367432,21.179899,6.933138120367431,19.765699,6.933138120367431,19.765699C6.933138120367431,19.765699,6.933138120367431,19.765699,6.933138120367431,19.765699ZM6.698828220367432,19.200001C6.698828220367432,19.200001,6.698828220367432,6.5999999,6.698828220367432,6.5999999C6.698828220367432,6.5999999,4.698828220367432,6.5999999,4.698828220367432,6.5999999C4.698828220367432,6.5999999,4.698828220367432,19.200001,4.698828220367432,19.200001C4.698828220367432,19.200001,6.698828220367432,19.200001,6.698828220367432,19.200001C6.698828220367432,19.200001,6.698828220367432,19.200001,6.698828220367432,19.200001ZM5.698828220367432,7.5999999C5.698828220367432,7.5999999,18.298828220367433,7.5999999,18.298828220367433,7.5999999C18.298828220367433,7.5999999,18.298828220367433,5.5999999,18.298828220367433,5.5999999C18.298828220367433,5.5999999,5.698828220367432,5.5999999,5.698828220367432,5.5999999C5.698828220367432,5.5999999,5.698828220367432,7.5999999,5.698828220367432,7.5999999C5.698828220367432,7.5999999,5.698828220367432,7.5999999,5.698828220367432,7.5999999ZM9.398828020367432,6.5999999C9.398828020367432,6.5999999,9.398828020367432,4.8,9.398828020367432,4.8C9.398828020367432,4.8,7.398828220367432,4.8,7.398828220367432,4.8C7.398828220367432,4.8,7.398828220367432,6.5999999,7.398828220367432,6.5999999C7.398828220367432,6.5999999,9.398828020367432,6.5999999,9.398828020367432,6.5999999C9.398828020367432,6.5999999,9.398828020367432,6.5999999,9.398828020367432,6.5999999ZM9.398828020367432,4.8C9.398828020367432,4.5878301,9.483118020367431,4.38434,9.633138220367432,4.2343098999999995C9.633138220367432,4.2343098999999995,8.218928320367432,2.82010102,8.218928320367432,2.82010102C7.6938281203674315,3.345202,7.398828220367432,4.05739,7.398828220367432,4.8C7.398828220367432,4.8,9.398828020367432,4.8,9.398828020367432,4.8C9.398828020367432,4.8,9.398828020367432,4.8,9.398828020367432,4.8ZM9.633138220367432,4.2343098999999995C9.783168320367432,4.08429,9.986658120367432,4,10.198828220367432,4C10.198828220367432,4,10.198828220367432,2,10.198828220367432,2C9.456218220367433,2,8.744028120367432,2.294999,8.218928320367432,2.82010102C8.218928320367432,2.82010102,9.633138220367432,4.2343098999999995,9.633138220367432,4.2343098999999995C9.633138220367432,4.2343098999999995,9.633138220367432,4.2343098999999995,9.633138220367432,4.2343098999999995ZM10.198828220367432,4C10.198828220367432,4,13.798828620367432,4,13.798828620367432,4C13.798828620367432,4,13.798828620367432,2,13.798828620367432,2C13.798828620367432,2,10.198828220367432,2,10.198828220367432,2C10.198828220367432,2,10.198828220367432,4,10.198828220367432,4C10.198828220367432,4,10.198828220367432,4,10.198828220367432,4ZM13.798828620367432,4C14.010998220367432,4,14.214488520367432,4.08429,14.364518620367432,4.2343098999999995C14.364518620367432,4.2343098999999995,15.778728220367432,2.82010102,15.778728220367432,2.82010102C15.253628220367432,2.294999,14.541438620367432,2,13.798828620367432,2C13.798828620367432,2,13.798828620367432,4,13.798828620367432,4C13.798828620367432,4,13.798828620367432,4,13.798828620367432,4ZM14.364518620367432,4.2343098999999995C14.514538320367432,4.38434,14.59882782036743,4.5878301,14.59882782036743,4.8C14.59882782036743,4.8,16.59882822036743,4.8,16.59882822036743,4.8C16.59882822036743,4.05739,16.303828220367432,3.345202,15.778728220367432,2.82010102C15.778728220367432,2.82010102,14.364518620367432,4.2343098999999995,14.364518620367432,4.2343098999999995C14.364518620367432,4.2343098999999995,14.364518620367432,4.2343098999999995,14.364518620367432,4.2343098999999995ZM14.59882782036743,4.8C14.59882782036743,4.8,14.59882782036743,6.5999999,14.59882782036743,6.5999999C14.59882782036743,6.5999999,16.59882822036743,6.5999999,16.59882822036743,6.5999999C16.59882822036743,6.5999999,16.59882822036743,4.8,16.59882822036743,4.8C16.59882822036743,4.8,14.59882782036743,4.8,14.59882782036743,4.8C14.59882782036743,4.8,14.59882782036743,4.8,14.59882782036743,4.8Z" fill="#94979E" fill-opacity="1"/><path d="M11.198828220367432,11.10009765625C11.198828220367432,10.54781266625,10.751113220367431,10.10009765625,10.198828220367432,10.10009765625C9.646543230367431,10.10009765625,9.198828220367432,10.54781266625,9.198828220367432,11.10009765625C9.198828220367432,11.10009765625,11.198828220367432,11.10009765625,11.198828220367432,11.10009765625C11.198828220367432,11.10009765625,11.198828220367432,11.10009765625,11.198828220367432,11.10009765625ZM9.198828220367432,16.50009775625C9.198828220367432,17.052377656250002,9.646543230367431,17.50009775625,10.198828220367432,17.50009775625C10.751113220367431,17.50009775625,11.198828220367432,17.052377656250002,11.198828220367432,16.50009775625C11.198828220367432,16.50009775625,9.198828220367432,16.50009775625,9.198828220367432,16.50009775625C9.198828220367432,16.50009775625,9.198828220367432,16.50009775625,9.198828220367432,16.50009775625ZM9.198828220367432,11.10009765625C9.198828220367432,11.10009765625,9.198828220367432,16.50009775625,9.198828220367432,16.50009775625C9.198828220367432,16.50009775625,11.198828220367432,16.50009775625,11.198828220367432,16.50009775625C11.198828220367432,16.50009775625,11.198828220367432,11.10009765625,11.198828220367432,11.10009765625C11.198828220367432,11.10009765625,9.198828220367432,11.10009765625,9.198828220367432,11.10009765625C9.198828220367432,11.10009765625,9.198828220367432,11.10009765625,9.198828220367432,11.10009765625Z" fill="#94979E" fill-opacity="1"/><path d="M14.800390720367432,11.10009765625C14.800390720367432,10.54781266625,14.352675720367431,10.10009765625,13.800390720367432,10.10009765625C13.248105730367431,10.10009765625,12.800390720367432,10.54781266625,12.800390720367432,11.10009765625C12.800390720367432,11.10009765625,14.800390720367432,11.10009765625,14.800390720367432,11.10009765625C14.800390720367432,11.10009765625,14.800390720367432,11.10009765625,14.800390720367432,11.10009765625ZM12.800390720367432,16.50009775625C12.800390720367432,17.052377656250002,13.248105730367431,17.50009775625,13.800390720367432,17.50009775625C14.352675720367431,17.50009775625,14.800390720367432,17.052377656250002,14.800390720367432,16.50009775625C14.800390720367432,16.50009775625,12.800390720367432,16.50009775625,12.800390720367432,16.50009775625C12.800390720367432,16.50009775625,12.800390720367432,16.50009775625,12.800390720367432,16.50009775625ZM12.800390720367432,11.10009765625C12.800390720367432,11.10009765625,12.800390720367432,16.50009775625,12.800390720367432,16.50009775625C12.800390720367432,16.50009775625,14.800390720367432,16.50009775625,14.800390720367432,16.50009775625C14.800390720367432,16.50009775625,14.800390720367432,11.10009765625,14.800390720367432,11.10009765625C14.800390720367432,11.10009765625,12.800390720367432,11.10009765625,12.800390720367432,11.10009765625C12.800390720367432,11.10009765625,12.800390720367432,11.10009765625,12.800390720367432,11.10009765625Z" fill="#94979E" fill-opacity="1"/></g></svg>
+                  </span>
+                </div>
+                <!-- AI消息操作按钮 - 始终显示 -->
+                <div v-if="item.type === 'ai'" class="message-actions ai-actions">
+                  <span class="action-btn" title="复制" @click="copyMessage(item)">
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_2979_064909"><rect x="24" y="0" width="24" height="24" rx="0"/></clipPath></defs><g transform="matrix(0,1,-1,0,24,-24)" clip-path="url(#master_svg0_2979_064909)"><path d="M35.0998046875,10.30078125C35.0998046875,10.30078125,43.1998046875,10.30078125,43.1998046875,10.30078125C43.1998046875,10.30078125,43.1998046875,8.30078125,43.1998046875,8.30078125C43.1998046875,8.30078125,35.0998046875,8.30078125,35.0998046875,8.30078125C35.0998046875,8.30078125,35.0998046875,10.30078125,35.0998046875,10.30078125C35.0998046875,10.30078125,35.0998046875,10.30078125,35.0998046875,10.30078125ZM43.1998046875,10.30078125C43.6416046875,10.30078125,43.9998046875,10.65895125,43.9998046875,11.10078125C43.9998046875,11.10078125,45.9998046875,11.10078125,45.9998046875,11.10078125C45.9998046875,9.55438425,44.7462046875,8.30078125,43.1998046875,8.30078125C43.1998046875,8.30078125,43.1998046875,10.30078125,43.1998046875,10.30078125C43.1998046875,10.30078125,43.1998046875,10.30078125,43.1998046875,10.30078125ZM43.9998046875,11.10078125C43.9998046875,11.10078125,43.9998046875,19.20078125,43.9998046875,19.20078125C43.9998046875,19.20078125,45.9998046875,19.20078125,45.9998046875,19.20078125C45.9998046875,19.20078125,45.9998046875,11.10078125,45.9998046875,11.10078125C45.9998046875,11.10078125,43.9998046875,11.10078125,43.9998046875,11.10078125C43.9998046875,11.10078125,43.9998046875,11.10078125,43.9998046875,11.10078125ZM43.9998046875,19.20078125C43.9998046875,19.64258125,43.6416046875,20.00078125,43.1998046875,20.00078125C43.1998046875,20.00078125,43.1998046875,22.00078125,43.1998046875,22.00078125C44.7462046875,22.00078125,45.9998046875,20.74718125,45.9998046875,19.20078125C45.9998046875,19.20078125,43.9998046875,19.20078125,43.9998046875,19.20078125C43.9998046875,19.20078125,43.9998046875,19.20078125,43.9998046875,19.20078125ZM43.1998046875,20.00078125C43.1998046875,20.00078125,35.0998046875,20.00078125,35.0998046875,20.00078125C35.0998046875,20.00078125,35.0998046875,22.00078125,35.0998046875,22.00078125C35.0998046875,22.00078125,43.1998046875,22.00078125,43.1998046875,22.00078125C43.1998046875,22.00078125,43.1998046875,20.00078125,43.1998046875,20.00078125C43.1998046875,20.00078125,43.1998046875,20.00078125,43.1998046875,20.00078125ZM35.0998046875,20.00078125C34.6579746875,20.00078125,34.2998046875,19.64258125,34.2998046875,19.20078125C34.2998046875,19.20078125,32.2998046875,19.20078125,32.2998046875,19.20078125C32.2998046875,20.74718125,33.5534076875,22.00078125,35.0998046875,22.00078125C35.0998046875,22.00078125,35.0998046875,20.00078125,35.0998046875,20.00078125C35.0998046875,20.00078125,35.0998046875,20.00078125,35.0998046875,20.00078125ZM34.2998046875,19.20078125C34.2998046875,19.20078125,34.2998046875,11.10078125,34.2998046875,11.10078125C34.2998046875,11.10078125,32.2998046875,11.10078125,32.2998046875,11.10078125C32.2998046875,11.10078125,32.2998046875,19.20078125,32.2998046875,19.20078125C32.2998046875,19.20078125,34.2998046875,19.20078125,34.2998046875,19.20078125C34.2998046875,19.20078125,34.2998046875,19.20078125,34.2998046875,19.20078125ZM34.2998046875,11.10078125C34.2998046875,10.65895125,34.6579746875,10.30078125,35.0998046875,10.30078125C35.0998046875,10.30078125,35.0998046875,8.30078125,35.0998046875,8.30078125C33.5534076875,8.30078125,32.2998046875,9.55438425,32.2998046875,11.10078125C32.2998046875,11.10078125,34.2998046875,11.10078125,34.2998046875,11.10078125C34.2998046875,11.10078125,34.2998046875,11.10078125,34.2998046875,11.10078125Z" fill="#94979E" fill-opacity="1"/><path d="M29.7,15.7C30.2522802,15.7,30.6999998,15.2523,30.6999998,14.7C30.6999998,14.1477,30.2522802,13.7,29.7,13.7C29.7,13.7,29.7,15.7,29.7,15.7C29.7,15.7,29.7,15.7,29.7,15.7ZM27,12.9C27,12.9,26,12.9,26,12.9C26,12.9,27,12.9,27,12.9C27,12.9,27,12.9,27,12.9ZM28.8,3C28.8,3,28.8,2,28.8,2C28.8,2,28.8,3,28.8,3C28.8,3,28.8,3,28.8,3ZM36.9,3C36.9,3,36.9,2,36.9,2C36.9,2,36.9,3,36.9,3C36.9,3,36.9,3,36.9,3ZM37.7,5.7C37.7,6.2522802,38.1477,6.6999998,38.7,6.6999998C39.2523,6.6999998,39.7,6.2522802,39.7,5.7C39.7,5.7,37.7,5.7,37.7,5.7C37.7,5.7,37.7,5.7,37.7,5.7ZM29.7,13.7C29.7,13.7,28.8,13.7,28.8,13.7C28.8,13.7,28.8,15.7,28.8,15.7C28.8,15.7,29.7,15.7,29.7,15.7C29.7,15.7,29.7,13.7,29.7,13.7C29.7,13.7,29.7,13.7,29.7,13.7ZM28.8,13.7C28.5878301,13.7,28.38434,13.6157,28.2343099,13.4657C28.2343099,13.4657,26.82010102,14.8799,26.82010102,14.8799C27.345203,15.405,28.057389999999998,15.7,28.8,15.7C28.8,15.7,28.8,13.7,28.8,13.7C28.8,13.7,28.8,13.7,28.8,13.7ZM28.2343099,13.4657C28.08429,13.3157,28,13.1122,28,12.9C28,12.9,26,12.9,26,12.9C26,13.6426,26.294999,14.3548,26.82010102,14.8799C26.82010102,14.8799,28.2343099,13.4657,28.2343099,13.4657C28.2343099,13.4657,28.2343099,13.4657,28.2343099,13.4657ZM28,12.9C28,12.9,28,4.8,28,4.8C28,4.8,26,4.8,26,4.8C26,4.8,26,12.9,26,12.9C26,12.9,28,12.9,28,12.9C28,12.9,28,12.9,28,12.9ZM28,4.8C28,4.5878301,28.08429,4.38434,28.2343099,4.2343098999999995C28.2343099,4.2343098999999995,26.82010102,2.82010102,26.82010102,2.82010102C26.294999,3.3452029999999997,26,4.05739,26,4.8C26,4.8,28,4.8,28,4.8C28,4.8,28,4.8,28,4.8ZM28.2343099,4.2343098999999995C28.38434,4.08429,28.5878301,4,28.8,4C28.8,4,28.8,2,28.8,2C28.057389999999998,2,27.345203,2.294999,26.82010102,2.82010102C26.82010102,2.82010102,28.2343099,4.2343098999999995,28.2343099,4.2343098999999995C28.2343099,4.2343098999999995,28.2343099,4.2343098999999995,28.2343099,4.2343098999999995ZM28.8,4C28.8,4,36.9,4,36.9,4C36.9,4,36.9,2,36.9,2C36.9,2,28.8,2,28.8,2C28.8,2,28.8,4,28.8,4C28.8,4,28.8,4,28.8,4ZM36.9,4C37.1122,4,37.3157,4.08429,37.4657,4.2343098999999995C37.4657,4.2343098999999995,38.8799,2.82010102,38.8799,2.82010102C38.3548,2.294999,37.6426,2,36.9,2C36.9,2,36.9,4,36.9,4C36.9,4,36.9,4,36.9,4ZM37.4657,4.2343098999999995C37.615700000000004,4.38434,37.7,4.5878301,37.7,4.8C37.7,4.8,39.7,4.8,39.7,4.8C39.7,4.05739,39.405,3.3452029999999997,38.8799,2.82010102C38.8799,2.82010102,37.4657,4.2343098999999995,37.4657,4.2343098999999995C37.4657,4.2343098999999995,37.4657,4.2343098999999995,37.4657,4.2343098999999995ZM37.7,4.8C37.7,4.8,37.7,5.7,37.7,5.7C37.7,5.7,39.7,5.7,39.7,5.7C39.7,5.7,39.7,4.8,39.7,4.8C39.7,4.8,37.7,4.8,37.7,4.8C37.7,4.8,37.7,4.8,37.7,4.8Z" fill="#94979E" fill-opacity="1"/></g></svg>
+                  </span>
+                  <span class="action-btn" title="刷新" @click="regenerateAiResponse(item)">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#94979E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 11-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg>
+                  </span>
+                  <span class="action-btn" title="收藏" @click="favoriteMessage(item)">
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 24 24"><path d="M21.9251463125,8.9689453225C21.9251463125,8.5271173125,21.5670453125,8.1689453125,21.1252463125,8.1689453125C20.6833453125,8.1689453125,20.3251453125,8.5271173125,20.3251453125,8.9689453225C20.3251453125,8.9689453225,21.9251463125,8.9689453225,21.9251463125,8.9689453225C21.9251463125,8.9689453225,21.9251463125,8.9689453225,21.9251463125,8.9689453225ZM4.9064453225,18.2314453125C4.4646173125,18.2314453125,4.1064453125,18.5896153125,4.1064453125,19.0314453125C4.1064453125,19.473245312499998,4.4646173125,19.8314453125,4.9064453225,19.8314453125C4.9064453225,19.8314453125,4.9064453225,18.2314453125,4.9064453225,18.2314453125C4.9064453225,18.2314453125,4.9064453225,18.2314453125,4.9064453225,18.2314453125ZM20.3251453125,8.9689453225C20.3251453125,8.9689453225,20.3251453125,18.0314455125,20.3251453125,18.0314455125C20.3251453125,18.0314455125,21.9251463125,18.0314455125,21.9251463125,18.0314455125C21.9251463125,18.0314455125,21.9251463125,8.9689453225,21.9251463125,8.9689453225C21.9251463125,8.9689453225,20.3251453125,8.9689453225,20.3251453125,8.9689453225C20.3251453125,8.9689453225,20.3251453125,8.9689453225,20.3251453125,8.9689453225ZM20.1252463125,18.2314453125C20.1252463125,18.2314453125,4.9064453225,18.2314453125,4.9064453225,18.2314453125C4.9064453225,18.2314453125,4.9064453225,19.8314453125,4.9064453225,19.8314453125C4.9064453225,19.8314453125,20.1252463125,19.8314453125,20.1252463125,19.8314453125C20.1252463125,19.8314453125,20.1252463125,18.2314453125,20.1252463125,18.2314453125C20.1252463125,18.2314453125,20.1252463125,18.2314453125,20.1252463125,18.2314453125ZM20.3251453125,18.0314455125C20.3251453125,18.1419058125,20.2356453125,18.2314453125,20.1252463125,18.2314453125C20.1252463125,18.2314453125,20.1252463125,19.8314453125,20.1252463125,19.8314453125C21.1193443125,19.8314453125,21.9251463125,19.0255453125,21.9251463125,18.0314455125C21.9251463125,18.0314455125,20.3251453125,18.0314455125,20.3251453125,18.0314455125C20.3251453125,18.0314455125,20.3251453125,18.0314455125,20.3251453125,18.0314455125Z" fill="#94979E" fill-opacity="1"/><rect x="3.800000011920929" y="4.800000011920929" width="14.399999976158142" height="11.399999976158142" rx="1.199999988079071" fill-opacity="0" stroke-opacity="1" stroke="#94979E" fill="none" stroke-width="1.600000023841858"/><path d="M12,8C12,7.44771501,11.552285,7,11,7C10.44771501,7,10,7.44771501,10,8C10,8,12,8,12,8C12,8,12,8,12,8ZM10,13.4000001C10,13.95228,10.44771501,14.4000001,11,14.4000001C11.552285,14.4000001,12,13.95228,12,13.4000001C12,13.4000001,10,13.4000001,10,13.4000001C10,13.4000001,10,13.4000001,10,13.4000001ZM10,8C10,8,10,13.4000001,10,13.4000001C10,13.4000001,12,13.4000001,12,13.4000001C12,13.4000001,12,8,12,8C12,8,10,8,10,8C10,8,10,8,10,8Z" fill="#94979E" fill-opacity="1"/><path d="M16.7001953125,10.701171875C16.7001953125,10.148886885,16.2524803125,9.701171875,15.7001953125,9.701171875C15.1479103225,9.701171875,14.7001953125,10.148886885,14.7001953125,10.701171875C14.7001953125,10.701171875,16.7001953125,10.701171875,16.7001953125,10.701171875C16.7001953125,10.701171875,16.7001953125,10.701171875,16.7001953125,10.701171875ZM14.7001953125,16.101171975C14.7001953125,16.653451875000002,15.1479103225,17.101171975,15.7001953125,17.101171975C16.2524803125,17.101171975,16.7001953125,16.653451875000002,16.7001953125,16.101171975C16.7001953125,16.101171975,14.7001953125,16.101171975,14.7001953125,16.101171975C14.7001953125,16.101171975,14.7001953125,16.101171975,14.7001953125,16.101171975ZM14.7001953125,10.701171875C14.7001953125,10.701171875,14.7001953125,16.101171975,14.7001953125,16.101171975C14.7001953125,16.101171975,16.7001953125,16.101171975,16.7001953125,16.101171975C16.7001953125,16.101171975,16.7001953125,10.701171875,16.7001953125,10.701171875C16.7001953125,10.701171875,14.7001953125,10.701171875,14.7001953125,10.701171875C14.7001953125,10.701171875,14.7001953125,10.701171875,14.7001953125,10.701171875Z" fill="#94979E" fill-opacity="1" transform="matrix(0,1,-1,0,24.4013671875,-4.9990234375)"/></svg>
+                  </span>
+                  <span class="action-btn" title="删除" @click="deleteMessage(item)">
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_2979_064907"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_2979_064907)"><path d="M3.9000000953674316,5.60009765625C3.3477151053674317,5.60009765625,2.9000000953674316,6.04781266625,2.9000000953674316,6.60009765625C2.9000000953674316,7.1523826562499995,3.3477151053674317,7.60009765625,3.9000000953674316,7.60009765625C3.9000000953674316,7.60009765625,3.9000000953674316,5.60009765625,3.9000000953674316,5.60009765625C3.9000000953674316,5.60009765625,3.9000000953674316,5.60009765625,3.9000000953674316,5.60009765625ZM20.100001095367432,7.60009765625C20.652300095367433,7.60009765625,21.100001095367432,7.1523826562499995,21.100001095367432,6.60009765625C21.100001095367432,6.04781266625,20.652300095367433,5.60009765625,20.100001095367432,5.60009765625C20.100001095367432,5.60009765625,20.100001095367432,7.60009765625,20.100001095367432,7.60009765625C20.100001095367432,7.60009765625,20.100001095367432,7.60009765625,20.100001095367432,7.60009765625ZM3.9000000953674316,7.60009765625C3.9000000953674316,7.60009765625,20.100001095367432,7.60009765625,20.100001095367432,7.60009765625C20.100001095367432,7.60009765625,20.100001095367432,5.60009765625,20.100001095367432,5.60009765625C20.100001095367432,5.60009765625,3.9000000953674316,5.60009765625,3.9000000953674316,5.60009765625C3.9000000953674316,5.60009765625,3.9000000953674316,7.60009765625,3.9000000953674316,7.60009765625C3.9000000953674316,7.60009765625,3.9000000953674316,7.60009765625,3.9000000953674316,7.60009765625Z" fill="#94979E" fill-opacity="1"/><path d="M18.298828220367433,6.5999999C18.298828220367433,6.5999999,19.298828220367433,6.5999999,19.298828220367433,6.5999999C19.298828220367433,6.04772,18.851128220367432,5.5999999,18.298828220367433,5.5999999C18.298828220367433,5.5999999,18.298828220367433,6.5999999,18.298828220367433,6.5999999C18.298828220367433,6.5999999,18.298828220367433,6.5999999,18.298828220367433,6.5999999ZM5.698828220367432,19.200001C5.698828220367432,19.200001,4.698828220367432,19.200001,4.698828220367432,19.200001C4.698828220367432,19.200001,5.698828220367432,19.200001,5.698828220367432,19.200001C5.698828220367432,19.200001,5.698828220367432,19.200001,5.698828220367432,19.200001ZM5.698828220367432,6.5999999C5.698828220367432,6.5999999,5.698828220367432,5.5999999,5.698828220367432,5.5999999C5.146543230367431,5.5999999,4.698828220367432,6.04772,4.698828220367432,6.5999999C4.698828220367432,6.5999999,5.698828220367432,6.5999999,5.698828220367432,6.5999999C5.698828220367432,6.5999999,5.698828220367432,6.5999999,5.698828220367432,6.5999999ZM7.398828220367432,6.5999999C7.398828220367432,7.1522799,7.8465483203674316,7.5999999,8.398828220367431,7.5999999C8.951108420367433,7.5999999,9.398828020367432,7.1522799,9.398828020367432,6.5999999C9.398828020367432,6.5999999,7.398828220367432,6.5999999,7.398828220367432,6.5999999C7.398828220367432,6.5999999,7.398828220367432,6.5999999,7.398828220367432,6.5999999ZM10.198828220367432,3C10.198828220367432,3,10.198828220367432,2,10.198828220367432,2C10.198828220367432,2,10.198828220367432,3,10.198828220367432,3C10.198828220367432,3,10.198828220367432,3,10.198828220367432,3ZM13.798828620367432,3C13.798828620367432,3,13.798828620367432,2,13.798828620367432,2C13.798828620367432,2,13.798828620367432,3,13.798828620367432,3C13.798828620367432,3,13.798828620367432,3,13.798828620367432,3ZM14.59882782036743,6.5999999C14.59882782036743,7.1522799,15.046548220367432,7.5999999,15.598828220367432,7.5999999C16.151128220367433,7.5999999,16.59882822036743,7.1522799,16.59882822036743,6.5999999C16.59882822036743,6.5999999,14.59882782036743,6.5999999,14.59882782036743,6.5999999C14.59882782036743,6.5999999,14.59882782036743,6.5999999,14.59882782036743,6.5999999ZM17.298828220367433,6.5999999C17.298828220367433,6.5999999,17.298828220367433,19.200001,17.298828220367433,19.200001C17.298828220367433,19.200001,19.298828220367433,19.200001,19.298828220367433,19.200001C19.298828220367433,19.200001,19.298828220367433,6.5999999,19.298828220367433,6.5999999C19.298828220367433,6.5999999,17.298828220367433,6.5999999,17.298828220367433,6.5999999C17.298828220367433,6.5999999,17.298828220367433,6.5999999,17.298828220367433,6.5999999ZM17.298828220367433,19.200001C17.298828220367433,19.412201,17.214528220367434,19.6157,17.064528220367432,19.765699C17.064528220367432,19.765699,18.47872822036743,21.179899,18.47872822036743,21.179899C19.00382822036743,20.6548,19.298828220367433,19.9426,19.298828220367433,19.200001C19.298828220367433,19.200001,17.298828220367433,19.200001,17.298828220367433,19.200001C17.298828220367433,19.200001,17.298828220367433,19.200001,17.298828220367433,19.200001ZM17.064528220367432,19.765699C16.91452822036743,19.915701,16.71102822036743,20,16.498828220367432,20C16.498828220367432,20,16.498828220367432,22,16.498828220367432,22C17.241428220367432,22,17.95362822036743,21.705,18.47872822036743,21.179899C18.47872822036743,21.179899,17.064528220367432,19.765699,17.064528220367432,19.765699C17.064528220367432,19.765699,17.064528220367432,19.765699,17.064528220367432,19.765699ZM16.498828220367432,20C16.498828220367432,20,7.4988282203674315,20,7.4988282203674315,20C7.4988282203674315,20,7.4988282203674315,22,7.4988282203674315,22C7.4988282203674315,22,16.498828220367432,22,16.498828220367432,22C16.498828220367432,22,16.498828220367432,20,16.498828220367432,20C16.498828220367432,20,16.498828220367432,20,16.498828220367432,20ZM7.4988282203674315,20C7.286658320367431,20,7.0831682203674315,19.915701,6.933138120367431,19.765699C6.933138120367431,19.765699,5.518929240367432,21.179899,5.518929240367432,21.179899C6.044031220367431,21.705,6.7562182203674315,22,7.4988282203674315,22C7.4988282203674315,22,7.4988282203674315,20,7.4988282203674315,20C7.4988282203674315,20,7.4988282203674315,20,7.4988282203674315,20ZM6.933138120367431,19.765699C6.783118220367432,19.6157,6.698828220367432,19.412201,6.698828220367432,19.200001C6.698828220367432,19.200001,4.698828220367432,19.200001,4.698828220367432,19.200001C4.698828220367432,19.9426,4.993827220367431,20.6548,5.518929240367432,21.179899C5.518929240367432,21.179899,6.933138120367431,19.765699,6.933138120367431,19.765699C6.933138120367431,19.765699,6.933138120367431,19.765699,6.933138120367431,19.765699ZM6.698828220367432,19.200001C6.698828220367432,19.200001,6.698828220367432,6.5999999,6.698828220367432,6.5999999C6.698828220367432,6.5999999,4.698828220367432,6.5999999,4.698828220367432,6.5999999C4.698828220367432,6.5999999,4.698828220367432,19.200001,4.698828220367432,19.200001C4.698828220367432,19.200001,6.698828220367432,19.200001,6.698828220367432,19.200001C6.698828220367432,19.200001,6.698828220367432,19.200001,6.698828220367432,19.200001ZM5.698828220367432,7.5999999C5.698828220367432,7.5999999,18.298828220367433,7.5999999,18.298828220367433,7.5999999C18.298828220367433,7.5999999,18.298828220367433,5.5999999,18.298828220367433,5.5999999C18.298828220367433,5.5999999,5.698828220367432,5.5999999,5.698828220367432,5.5999999C5.698828220367432,5.5999999,5.698828220367432,7.5999999,5.698828220367432,7.5999999C5.698828220367432,7.5999999,5.698828220367432,7.5999999,5.698828220367432,7.5999999ZM9.398828020367432,6.5999999C9.398828020367432,6.5999999,9.398828020367432,4.8,9.398828020367432,4.8C9.398828020367432,4.8,7.398828220367432,4.8,7.398828220367432,4.8C7.398828220367432,4.8,7.398828220367432,6.5999999,7.398828220367432,6.5999999C7.398828220367432,6.5999999,9.398828020367432,6.5999999,9.398828020367432,6.5999999C9.398828020367432,6.5999999,9.398828020367432,6.5999999,9.398828020367432,6.5999999ZM9.398828020367432,4.8C9.398828020367432,4.5878301,9.483118020367431,4.38434,9.633138220367432,4.2343098999999995C9.633138220367432,4.2343098999999995,8.218928320367432,2.82010102,8.218928320367432,2.82010102C7.6938281203674315,3.345202,7.398828220367432,4.05739,7.398828220367432,4.8C7.398828220367432,4.8,9.398828020367432,4.8,9.398828020367432,4.8C9.398828020367432,4.8,9.398828020367432,4.8,9.398828020367432,4.8ZM9.633138220367432,4.2343098999999995C9.783168320367432,4.08429,9.986658120367432,4,10.198828220367432,4C10.198828220367432,4,10.198828220367432,2,10.198828220367432,2C9.456218220367433,2,8.744028120367432,2.294999,8.218928320367432,2.82010102C8.218928320367432,2.82010102,9.633138220367432,4.2343098999999995,9.633138220367432,4.2343098999999995C9.633138220367432,4.2343098999999995,9.633138220367432,4.2343098999999995,9.633138220367432,4.2343098999999995ZM10.198828220367432,4C10.198828220367432,4,13.798828620367432,4,13.798828620367432,4C13.798828620367432,4,13.798828620367432,2,13.798828620367432,2C13.798828620367432,2,10.198828220367432,2,10.198828220367432,2C10.198828220367432,2,10.198828220367432,4,10.198828220367432,4C10.198828220367432,4,10.198828220367432,4,10.198828220367432,4ZM13.798828620367432,4C14.010998220367432,4,14.214488520367432,4.08429,14.364518620367432,4.2343098999999995C14.364518620367432,4.2343098999999995,15.778728220367432,2.82010102,15.778728220367432,2.82010102C15.253628220367432,2.294999,14.541438620367432,2,13.798828620367432,2C13.798828620367432,2,13.798828620367432,4,13.798828620367432,4C13.798828620367432,4,13.798828620367432,4,13.798828620367432,4ZM14.364518620367432,4.2343098999999995C14.514538320367432,4.38434,14.59882782036743,4.5878301,14.59882782036743,4.8C14.59882782036743,4.8,16.59882822036743,4.8,16.59882822036743,4.8C16.59882822036743,4.05739,16.303828220367432,3.345202,15.778728220367432,2.82010102C15.778728220367432,2.82010102,14.364518620367432,4.2343098999999995,14.364518620367432,4.2343098999999995C14.364518620367432,4.2343098999999995,14.364518620367432,4.2343098999999995,14.364518620367432,4.2343098999999995ZM14.59882782036743,4.8C14.59882782036743,4.8,14.59882782036743,6.5999999,14.59882782036743,6.5999999C14.59882782036743,6.5999999,16.59882822036743,6.5999999,16.59882822036743,6.5999999C16.59882822036743,6.5999999,16.59882822036743,4.8,16.59882822036743,4.8C16.59882822036743,4.8,14.59882782036743,4.8,14.59882782036743,4.8C14.59882782036743,4.8,14.59882782036743,4.8,14.59882782036743,4.8Z" fill="#94979E" fill-opacity="1"/><path d="M11.198828220367432,11.10009765625C11.198828220367432,10.54781266625,10.751113220367431,10.10009765625,10.198828220367432,10.10009765625C9.646543230367431,10.10009765625,9.198828220367432,10.54781266625,9.198828220367432,11.10009765625C9.198828220367432,11.10009765625,11.198828220367432,11.10009765625,11.198828220367432,11.10009765625C11.198828220367432,11.10009765625,11.198828220367432,11.10009765625,11.198828220367432,11.10009765625ZM9.198828220367432,16.50009775625C9.198828220367432,17.052377656250002,9.646543230367431,17.50009775625,10.198828220367432,17.50009775625C10.751113220367431,17.50009775625,11.198828220367432,17.052377656250002,11.198828220367432,16.50009775625C11.198828220367432,16.50009775625,9.198828220367432,16.50009775625,9.198828220367432,16.50009775625C9.198828220367432,16.50009775625,9.198828220367432,16.50009775625,9.198828220367432,16.50009775625ZM9.198828220367432,11.10009765625C9.198828220367432,11.10009765625,9.198828220367432,16.50009775625,9.198828220367432,16.50009775625C9.198828220367432,16.50009775625,11.198828220367432,16.50009775625,11.198828220367432,16.50009775625C11.198828220367432,16.50009775625,11.198828220367432,11.10009765625,11.198828220367432,11.10009765625C11.198828220367432,11.10009765625,9.198828220367432,11.10009765625,9.198828220367432,11.10009765625C9.198828220367432,11.10009765625,9.198828220367432,11.10009765625,9.198828220367432,11.10009765625Z" fill="#94979E" fill-opacity="1"/><path d="M14.800390720367432,11.10009765625C14.800390720367432,10.54781266625,14.352675720367431,10.10009765625,13.800390720367432,10.10009765625C13.248105730367431,10.10009765625,12.800390720367432,10.54781266625,12.800390720367432,11.10009765625C12.800390720367432,11.10009765625,14.800390720367432,11.10009765625,14.800390720367432,11.10009765625C14.800390720367432,11.10009765625,14.800390720367432,11.10009765625,14.800390720367432,11.10009765625ZM12.800390720367432,16.50009775625C12.800390720367432,17.052377656250002,13.248105730367431,17.50009775625,13.800390720367432,17.50009775625C14.352675720367431,17.50009775625,14.800390720367432,17.052377656250002,14.800390720367432,16.50009775625C14.800390720367432,16.50009775625,12.800390720367432,16.50009775625,12.800390720367432,16.50009775625C12.800390720367432,16.50009775625,12.800390720367432,16.50009775625,12.800390720367432,16.50009775625ZM12.800390720367432,11.10009765625C12.800390720367432,11.10009765625,12.800390720367432,16.50009775625,12.800390720367432,16.50009775625C12.800390720367432,16.50009775625,14.800390720367432,16.50009775625,14.800390720367432,16.50009775625C14.800390720367432,16.50009775625,14.800390720367432,11.10009765625,14.800390720367432,11.10009765625C14.800390720367432,11.10009765625,12.800390720367432,11.10009765625,12.800390720367432,11.10009765625C12.800390720367432,11.10009765625,12.800390720367432,11.10009765625,12.800390720367432,11.10009765625Z" fill="#94979E" fill-opacity="1"/></g></svg>
+                  </span>
+                </div>
+                <div v-if="item.attachments && item.attachments.length" class="message-attachments">
+                  <div
+                    v-for="(file, fileIndex) in item.attachments"
+                    :key="fileIndex"
+                    :class="['attachment-item', { 'is-image': file.isImage }]"
+                  >
+                    <div v-if="file.isImage" class="image-preview" @click="previewImage(file)">
+                      <img :src="file.url" :alt="file.name" />
+                      <span class="image-name">{{ file.name }}</span>
+                    </div>
+                    <div v-else class="file-item">
+                      <a-icon type="file" class="file-icon" />
+                      <span class="file-name">{{ file.name }}</span>
+                    </div>
+                    <a-button
+                      type="primary"
+                      shape="circle"
+                      size="small"
+                      class="remove-btn"
+                      @click.stop="removeAttachment(item, fileIndex)"
+                    >
+                      <a-icon type="close" />
+                    </a-button>
+                  </div>
+                </div>
+              </div>
+              <span v-if="isAiStreaming && index === displayItems.length - 1 && item.type === 'ai'" class="typing-cursor">▍</span>
+            </div>
+          </template>
+        </div>
+      </div>
+
+      <div class="bottom-input-wrapper">
+        <div class="input-container">
+          <!-- 文件预览区域 - 仅当有附件时显示 -->
+          <div v-if="pendingAttachments.length" class="attachment-preview-area">
+            <div
+              v-for="(file, index) in pendingAttachments"
+              :key="index"
+              :class="['preview-item', { 'is-image': file.isImage }]"
+            >
+              <div v-if="file.isImage" class="preview-image">
+                <img :src="file.url" :alt="file.name" />
+              </div>
+              <div v-else class="preview-file">
+                <a-icon type="file" />
+                <span class="preview-file-name">{{ file.name }}</span>
+              </div>
+              <a-button
+                type="primary"
+                shape="circle"
+                size="small"
+                class="preview-remove-btn"
+                @click="removePendingAttachment(index)"
+              >
+                <a-icon type="close" />
+              </a-button>
+            </div>
+            <div class="add-upload-item" @click="triggerUpload">
+              <span class="add-upload-icon">+</span>
+            </div>
+          </div>
+
+          <div class="input-textarea-area">
+            <a-textarea
+              ref="consultTextarea"
+              v-model="doctorInputText"
+              placeholder="医生补充信息或提问..."
+              class="bottom-input"
+              :rows="1"
+              resize="none"
+              @input="handleInput"
+              @keydown="handleKeydown"
+            ></a-textarea>
+          </div>
+
+          <input
+            ref="uploadInput"
+            type="file"
+            style="display: none"
+            @change="handleFileChange"
+            multiple
+            accept="image/*,.pdf,.doc,.docx"
+          />
+
+          <div class="input-controls">
+            <div class="input-controls-left">
+              <a-button class="upload-btn" @click="triggerUpload">
+                <a-icon type="plus" class="upload-icon" />
+                <span class="upload-text">上传（报告、图片）</span>
+              </a-button>
+            </div>
+
+            <div class="input-controls-right">
+              <span class="enter-tip">Enter</span>
+              <a-button
+                type="primary"
+                shape="circle"
+                class="send-btn"
+                @click="handleSendMessage"
+                :disabled="!doctorInputText.trim() && !pendingAttachments.length"
+              >
+                <span class="send-icon">↑</span>
+              </a-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+      <!-- 图片预览Modal -->
+      <a-modal :visible="previewVisible" :footer="null" @cancel="previewVisible = false" width="800px">
+        <img :src="previewImageUrl" alt="预览图片" style="width: 100%" />
+      </a-modal>
+    </div>
+  </div>
+</template>
+
+<script>
+import { startEventStreamPOST } from '@vue2-client/services/api/restTools'
+import { marked } from 'marked'
+import moment from 'moment/moment'
+import { mapState } from 'vuex'
+
+export default {
+  name: 'AIConsultation',
+  data() {
+    return {
+      currentDialogId: null,
+      doctorInputText: '',
+      isPlaying: false,
+      isRecording: false,
+      patientComplaint: '',
+      doctorQuestions: [],
+      examinationOrder: null,
+      aiDiagnosis: null,
+      dialogMessages: [],
+      pendingAttachments: [],
+      currentStreamConnection: null,
+      isAiStreaming: false,
+      resizeTimeout: null,
+      isTestMode: true, // 测试模式开关，测试完成后改为 false 走真实接口
+      previewVisible: false,
+      previewImageUrl: '',
+      activeNavIndex: -1
+    }
+  },
+  computed: {
+    ...mapState('account', {currUser: 'user'}),
+    // 导航消息列表：仅包含用户消息
+    navMessages() {
+      return this.displayItems
+        .map((item, index) => ({ type: item.type, index, content: item.content || '' }))
+        .filter(item => item.type === 'user')
+    },
+    // 把 dialogMessages 与日期分隔符合并成最终渲染列表
+    displayItems() {
+      const items = []
+      let lastDateKey = ''
+      this.dialogMessages.forEach(msg => {
+        const dateKey = this.getDateKey(msg.timestamp)
+        if (dateKey && dateKey !== lastDateKey) {
+          items.push({ type: 'divider', text: this.getDateLabel(msg.timestamp) })
+          lastDateKey = dateKey
+        }
+        items.push(msg)
+      })
+      return items
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.autoResizeTextarea()
+    })
+  },
+  beforeDestroy() {
+    // 组件销毁时关闭流式连接
+    if (this.currentStreamConnection) {
+      this.currentStreamConnection()
+      this.currentStreamConnection = null
+    }
+    if (this.resizeTimeout) {
+      clearTimeout(this.resizeTimeout)
+    }
+  },
+  methods: {
+    copyMessage(item) {
+      // 复制消息内容
+      const text = item.content || ''
+      navigator.clipboard.writeText(text).then(() => {
+        this.$message.success('已复制')
+      }).catch(() => {
+        this.$message.error('复制失败')
+      })
+    },
+
+    editMessage(item) {
+      // 修改消息 - 将消息内容填充到输入框
+      this.doctorInputText = item.content || ''
+    },
+
+    favoriteMessage(item) {
+      // 收藏消息
+      this.$message.success('已收藏')
+    },
+
+    deleteMessage(item) {
+      // 删除消息
+      const index = this.dialogMessages.indexOf(item)
+      if (index > -1) {
+        this.dialogMessages.splice(index, 1)
+      }
+    },
+
+    regenerateAiResponse(item) {
+      // 重新生成AI回复
+      this.$message.info('重新生成中...')
+    },
+
+    autoResizeTextarea() {
+      this.$nextTick(() => {
+        const textarea = this.$refs.consultTextarea?.$el || this.$refs.consultTextarea
+        if (!textarea) return
+
+        textarea.style.height = 'auto'
+        const scrollHeight = textarea.scrollHeight
+        textarea.style.height = `${Math.min(Math.max(scrollHeight, 120), 250)}px`
+      })
+    },
+
+    handleInput() {
+      if (this.resizeTimeout) clearTimeout(this.resizeTimeout)
+      this.resizeTimeout = setTimeout(() => {
+        this.autoResizeTextarea()
+      }, 16)
+    },
+
+    renderMd(text) {
+      if (!text) return ''
+      try {
+        return marked.parse(text, { breaks: true, gfm: true, headerIds: false, mangle: false })
+      } catch {
+        return text
+      }
+    },
+
+    handleKeydown(event) {
+      if (event.key === 'Enter' && !event.shiftKey) {
+        event.preventDefault()
+        this.handleSendMessage()
+      }
+    },
+
+    initDialog() {
+      if (!this.currentDialogId) {
+        this.currentDialogId = moment().format('YYYYMMDDHHmmss')
+      }
+    },
+
+    clearDialog() {
+      this.currentDialogId = moment().format('YYYYMMDDHHmmss')
+      this.dialogMessages = []
+    },
+
+    handleSendMessage() {
+      if (!this.doctorInputText.trim() && !this.pendingAttachments.length) return
+
+      // 确保有dialogId
+      if (!this.currentDialogId) {
+        this.initDialog()
+      }
+
+      const messageContent = this.doctorInputText.trim()
+      const attachments = [...this.pendingAttachments]
+      const doctorMessage = {
+        type: 'user',
+        content: messageContent,
+        time: new Date().toLocaleTimeString(),
+        timestamp: Date.now(),
+        attachments: attachments
+      }
+      this.dialogMessages.push(doctorMessage)
+      this.scrollToBottom()
+
+      this.doctorInputText = ''
+      this.pendingAttachments = []
+      this.autoResizeTextarea()
+
+      const chatId = this.currentDialogId
+      let aiContent = ''
+      const aiMsgIndex = this.dialogMessages.length
+      this.dialogMessages.push({
+        type: 'ai',
+        content: '',
+        time: new Date().toLocaleTimeString(),
+        timestamp: Date.now()
+      })
+      this.scrollToBottom()
+
+      this.isAiStreaming = true
+
+      // ==================== 测试模式 ====================
+      if (this.isTestMode) {
+        const allAiMessages = [
+          '**初步分析：**\n\n1. 患者老年男性，有高血压病史，症状提示可能存在 **冠心病、心律失常** 或 **心力衰竭**\n2. 建议完善以下检查：\n   - 心电图（ECG）\n   - 心脏彩超\n   - 动态心电图（Holter）\n   - 血脂、血糖、BNP\n\n3. 注意鉴别：\n   - 甲状腺功能异常\n   - 电解质紊乱\n   - 药物影响',
+          '**进一步分析：**\n\n根据检查结果：\n- ST段压低、T波倒置：考虑 **心肌缺血**\n- 左室舒张功能减退：提示 **舒张性心衰（HFrEF 临界）**\n- EF 55% 处于正常下限\n\n**建议：**\n1. 加用 **阿司匹林** 抗血小板治疗\n2. 加用 **他汀类** 调脂稳斑\n3. 考虑 **ACEI/ARB** 控制血压、逆转心肌重构\n4. 必要时行 **冠脉造影** 明确冠脉病变\n5. 密切监测血压、心率',
+          '**冠脉病变评估：**\n\n- **LAD 中段 70% 狭窄**：临界病变，建议 PCI 干预\n- **LCX 远端 40% 狭窄**：轻度，可药物保守治疗\n\n**治疗方案：**\n1. **LAD 行 PCI + 支架植入**\n2. 术后双联抗血小板治疗（阿司匹林 + 氯吡格雷）至少 12 个月\n3. 强化他汀治疗至 LDL < 1.4 mmol/L\n4. 控制血压 < 130/80 mmHg\n5. 心肺康复、规律运动',
+          '**综合评估：**\n\n1. 患者 PCI 术后恢复良好，胸闷症状明显改善\n2. 心电图未见明显 ST-T 改变，提示心肌灌注改善\n3. 建议继续当前治疗方案，定期随访\n\n**出院建议：**\n1. 规律服药：阿司匹林 + 氯吡格雷 + 他汀 + ACEI\n2. 1 个月后复查心电图、血脂、肝肾功能\n3. 3 个月后复查心脏彩超评估心功能\n4. 适度有氧运动，避免剧烈运动\n5. 低盐低脂饮食，控制体重'
+        ]
+        const fullText = allAiMessages[Math.floor(Math.random() * allAiMessages.length)]
+        this.simulateTyping(aiMsgIndex, fullText)
+        return
+      }
+
+      // ==================== 真实接口 ====================
+      this.currentStreamConnection = startEventStreamPOST(
+        '/his-web/api/af-his/ai/chat/stream',
+        { userMessage: messageContent, chatId, model: '', prompt: '', useContext: true, user: this.currUser.operInfo },
+        {'Content-Type': 'application/json'},
+        (data, type) => {
+          if (type === 'additionalInfo' || type === 'sourceInfo') return
+
+          let textChunk = ''
+          if (typeof data === 'object' && data !== null) {
+            const choices = data.choices
+            if (Array.isArray(choices) && choices.length > 0) {
+              const delta = choices[0].delta
+
+              // 优先取 delta.content（标准 OpenAI 格式）
+              if (delta && typeof delta.content === 'string' && delta.content) {
+                textChunk = delta.content
+              }
+
+              // 兼容百川模型的 thinking 字段
+              if (!textChunk && delta && delta.thinking) {
+                const thinking = delta.thinking
+                if (thinking.summary && typeof thinking.summary === 'string') {
+                  textChunk = `[思考中] ${thinking.summary}`
+                }
+                if (Array.isArray(thinking.steps)) {
+                  const activeStep = thinking.steps.find(s => s.status === 'in_progress')
+                  if (activeStep && activeStep.label) {
+                    textChunk = `[思考中] ${activeStep.label}`
+                  }
+                }
+              }
+
+              // 检测模型拒答
+              const finishReason = choices[0].finish_reason
+              if (finishReason === 'refuse_answer') {
+                const refuseTip = '\n\n> ⚠️ 很抱歉，当前问题我无法回答，请尝试调整提问方式或联系管理员。'
+                if (!this.dialogMessages[aiMsgIndex].content.includes('无法回答')) {
+                  this.dialogMessages[aiMsgIndex].content += refuseTip
+                  this.isAiStreaming = false
+                  this.scrollToBottom()
+                }
+              }
+            }
+          } else if (typeof data === 'string') {
+            textChunk = data
+          }
+
+          if (textChunk) {
+            aiContent += textChunk
+            this.dialogMessages[aiMsgIndex].content = aiContent
+            this.scrollToBottom()
+          }
+        },
+        (error) => {
+          this.isAiStreaming = false
+          this.dialogMessages[aiMsgIndex].content += `\n\n[错误: ${error.message || '请求失败'}]`
+          this.scrollToBottom()
+        },
+        () => {
+          this.isAiStreaming = false
+          this.scrollToBottom()
+        }
+      )
+    },
+
+    simulateTyping(aiMsgIndex, fullText) {
+      let i = 0
+      const step = () => {
+        if (i < fullText.length) {
+          i += 3
+          this.dialogMessages[aiMsgIndex].content = fullText.slice(0, i)
+          this.scrollToBottom()
+          setTimeout(step, 20)
+        } else {
+          this.dialogMessages[aiMsgIndex].content = fullText
+          this.isAiStreaming = false
+          this.scrollToBottom()
+        }
+      }
+      setTimeout(step, 150)
+    },
+
+    setPatientComplaint(complaint) {
+      this.patientComplaint = complaint
+    },
+
+    scrollToBottom(delay = 0) {
+      this.$nextTick(() => {
+        setTimeout(() => {
+          const chatArea = document.querySelector('.chat-area')
+          if (chatArea) {
+            chatArea.scrollTop = chatArea.scrollHeight
+          }
+        }, delay)
+      })
+    },
+
+    scrollToMessage(displayIndex) {
+      this.$nextTick(() => {
+        const messages = document.querySelectorAll('.dialog-area > div')
+        const target = messages[displayIndex]
+        if (target) {
+          target.scrollIntoView({ behavior: 'smooth', block: 'center' })
+        }
+      })
+    },
+
+    reset() {
+      if (this.currentStreamConnection) {
+        this.currentStreamConnection()
+        this.currentStreamConnection = null
+      }
+      this.isAiStreaming = false
+      this.patientComplaint = ''
+      this.doctorQuestions = []
+      this.examinationOrder = null
+      this.aiDiagnosis = null
+      this.doctorInputText = ''
+      this.isPlaying = false
+      this.isRecording = false
+      this.dialogMessages = []
+      this.pendingAttachments.forEach(file => {
+        if (file.url) {
+          URL.revokeObjectURL(file.url)
+        }
+      })
+      this.pendingAttachments = []
+      this.$nextTick(() => {
+        this.autoResizeTextarea()
+        const chatArea = document.querySelector('.chat-area')
+        if (chatArea) {
+          chatArea.scrollTop = 0
+        }
+      })
+    },
+
+    triggerUpload() {
+      this.$refs.uploadInput.click()
+    },
+
+    handleFileChange(event) {
+      const files = Array.from(event.target.files || [])
+      if (!files.length) return
+
+      const attachments = files.map(file => {
+        const isImage = file.type.startsWith('image/')
+        return {
+          name: file.name,
+          size: file.size,
+          type: file.type,
+          isImage,
+          url: isImage ? URL.createObjectURL(file) : '',
+          rawFile: file
+        }
+      })
+
+      this.pendingAttachments = [...this.pendingAttachments, ...attachments]
+      event.target.value = ''
+    },
+
+    removePendingAttachment(index) {
+      const file = this.pendingAttachments[index]
+      if (file && file.url) {
+        URL.revokeObjectURL(file.url)
+      }
+      this.pendingAttachments.splice(index, 1)
+    },
+
+    removeAttachment(message, fileIndex) {
+      const file = message.attachments[fileIndex]
+      if (file && file.url) {
+        URL.revokeObjectURL(file.url)
+      }
+      message.attachments.splice(fileIndex, 1)
+    },
+
+    previewImage(file) {
+      if (file.url) {
+        this.previewImageUrl = file.url
+        this.previewVisible = true
+      }
+    },
+
+    // 初始化测试数据：两天内容（昨天 + 今天），不调用接口
+    // 获取时间戳的日期键（YYYY-MM-DD）
+    getDateKey(timestamp) {
+      if (!timestamp) return ''
+      return moment(timestamp).format('YYYY-MM-DD')
+    },
+
+    // 解析日期键为本地日期对象
+    parseDateKey(dateKey) {
+      return moment(dateKey, 'YYYY-MM-DD')
+    },
+
+    // 把日期戳格式化为"今天 / 昨天 / 具体日期"
+    getDateLabel(timestamp) {
+      if (!timestamp) return ''
+      const m = moment(timestamp)
+      const today = moment().startOf('day')
+      const yesterday = today.clone().subtract(1, 'day')
+      const target = m.clone().startOf('day')
+
+      if (target.isSame(today, 'day')) return '今天'
+      if (target.isSame(yesterday, 'day')) return '昨天'
+      // 跨年显示年份
+      if (target.year() !== today.year()) {
+        return m.format('YYYY年M月D日')
+      }
+      return m.format('M月D日')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ai-consultation-outer {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.ai-consultation-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #FFFFFF;
+  border: 1px solid #E5E9F0;
+}
+
+.chat-area-wrapper {
+  position: relative;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
+.chat-area {
+  flex: 0 1 auto;
+  overflow-y: auto;
+  padding: 16px;
+  width: 100%;
+  padding-left: 172px;
+  padding-right: 178px;
+  background: #fff;
+  /* 初始高度：没有内容时也保留这块区域 */
+  min-height: 620px;
+  /* 最大高度：内容超过则出现滚动条 */
+  max-height: 620px;
+  box-sizing: border-box;
+}
+
+/* 消息导航条 */
+.message-nav {
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  transform: translateY(-50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  z-index: 10;
+}
+
+.nav-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 6px;
+  opacity: 1;
+  background: #3362DA;
+  cursor: pointer;
+  transition: transform 0.2s;
+}
+
+.nav-dot:hover {
+  transform: scale(1.2);
+}
+
+.nav-dot.active {
+  background: #3362DA;
+  transform: scale(1.3);
+}
+
+/* 消息列表：跟随 chat-area 高度 */
+.dialog-area {
+  display: flex;
+  flex-direction: column;
+  min-height: 208px; /* 240(chat-area) - 16*2(padding) = 208 */
+}
+
+/* 日期分隔符 */
+.dialog-divider {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 8px 0 16px;
+}
+
+.dialog-divider::before,
+.dialog-divider::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: #E5E9F0;
+}
+
+.dialog-divider-text {
+  padding: 2px 12px;
+  font-size: 12px;
+  color: #8C8C8C;
+  background: #F5F7FA;
+  border-radius: 10px;
+  margin: 0 12px;
+  white-space: nowrap;
+}
+
+/* 底部输入框区域 */
+.bottom-input-wrapper {
+  flex-shrink: 0;
+  padding: 12px 16px;
+  background: #fff;
+}
+
+.input-container {
+  width: 782px;
+  margin: 0 auto;
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #E5E9F0;
+  border-radius: 6px;
+  background: #FFFFFF;
+  box-sizing: border-box;
+}
+
+.input-textarea-area {
+  flex: 1 1 auto;
+  min-height: 0;
+  margin-bottom: 8px;
+}
+
+.bottom-input {
+  width: 100%;
+  height: 100%;
+  border: none !important;
+  background: transparent;
+  padding: 0;
+  font-family: 'Source Han Sans', 'Microsoft YaHei', sans-serif;
+  font-size: 16px;
+  color: #313131;
+  resize: none;
+  outline: none;
+  box-shadow: none !important;
+}
+
+.bottom-input:focus,
+.bottom-input:hover {
+  border: none !important;
+  box-shadow: none !important;
+}
+
+.bottom-input::placeholder {
+  color: #999;
+}
+
+.input-controls {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 0;
+  border-top: none;
+}
+
+.input-controls-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.input-controls-right {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.enter-tip {
+  font-family: 'Inter', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  color: #9E9E9E;
+  padding: 4px 8px;
+}
+
+.send-btn {
+  width: 30px;
+  height: 30px;
+  background: #0057FE;
+  border: none;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 14px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+}
+
+.send-btn:hover {
+  background: #0040cc;
+}
+
+.send-icon {
+  font-size: 14px;
+  font-weight: bold;
+}
+
+/* 文件预览区域 */
+.attachment-preview-area {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+.preview-item {
+  position: relative;
+  width: 100px;
+  height: 100px;
+  border: 1px solid #E5E9F0;
+  border-radius: 6px;
+  opacity: 1;
+  background: #fafafa;
+  box-sizing: border-box;
+}
+
+.preview-item:hover {
+  border-color: #0057FE;
+}
+
+.preview-image {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.preview-image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.preview-remove-btn {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  font-size: 12px;
+  background: #E5E9F0;
+  border: 1px solid #5D5C5C;
+  border-radius: 50%;
+  color: #5D5C5C;
+  opacity: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  z-index: 2;
+}
+
+.preview-remove-btn:hover,
+.preview-remove-btn:active {
+  background: #0057FE;
+  border-color: #0057FE;
+  color: #fff;
+}
+
+.preview-file {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+  box-sizing: border-box;
+}
+
+.add-upload-item {
+  width: 100px;
+  height: 100px;
+  border-radius: 6px;
+  opacity: 1;
+  box-sizing: border-box;
+  border: 1px solid #E5E9F0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background: #fafafa;
+}
+
+.add-upload-icon {
+  height: 39px;
+  opacity: 1;
+  font-family: Source Han Sans;
+  font-size: 36px;
+  font-weight: normal;
+  line-height: 39px;
+  text-align: right;
+  letter-spacing: 0em;
+  font-feature-settings: "kern" on;
+  color: #9E9E9E;
+  transition: color 0.2s;
+}
+
+.add-upload-item:hover {
+  background: #F4F4F4;
+}
+
+.add-upload-item:active {
+  background: #0057FE;
+}
+
+.add-upload-item:active .add-upload-icon {
+  color: #FFFFFF;
+}
+
+.preview-file .anticon {
+  font-size: 24px;
+  color: #0057FE;
+  margin-bottom: 4px;
+}
+
+.preview-file-name {
+  font-size: 11px;
+  color: #666;
+  text-align: center;
+  word-break: break-all;
+  line-height: 1.2;
+  max-height: 32px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  line-clamp: 2;
+}
+
+.preview-file .preview-remove-btn {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+}
+
+/* 消息中的附件样式 */
+.message-attachments {
+  margin-top: 8px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+.attachment-item {
+  position: relative;
+  width: 100px;
+  height: 100px;
+  border: 1px solid #E5E9F0;
+  border-radius: 6px;
+  opacity: 1;
+  overflow: visible;
+  background: #fafafa;
+  box-sizing: border-box;
+}
+
+.attachment-item:hover {
+  border-color: #0057FE;
+}
+
+.image-preview {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  cursor: pointer;
+}
+
+.image-preview img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.image-name {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 4px;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  font-size: 11px;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.remove-btn {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  font-size: 12px;
+  background: #E5E9F0;
+  border: 1px solid #5D5C5C;
+  border-radius: 50%;
+  color: #5D5C5C;
+  opacity: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  z-index: 2;
+  transform: translate(50%, -50%);
+}
+
+.remove-btn:hover,
+.remove-btn:active {
+  background: #0057FE;
+  border-color: #0057FE;
+  color: #fff;
+}
+
+.file-item {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+  box-sizing: border-box;
+}
+
+.file-icon {
+  font-size: 28px;
+  color: #0057FE;
+  margin-bottom: 4px;
+}
+
+.file-name {
+  font-size: 11px;
+  color: #666;
+  text-align: center;
+  word-break: break-all;
+  line-height: 1.2;
+  max-height: 32px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  line-clamp: 2;
+}
+
+.file-item .remove-btn {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+}
+
+/* 对话区域样式 */
+.dialog-message {
+  display: flex;
+  margin-bottom: 16px;
+  align-items: flex-start;
+}
+
+.dialog-message:last-child {
+  margin-bottom: 0;
+}
+
+.dialog-message.ai {
+  flex-direction: row;
+}
+
+.dialog-message.user {
+  flex-direction: row-reverse;
+}
+
+.dialog-message.user .message-content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.dialog-message.user .message-bubble {
+  height: 32px;
+  border-radius: 6px;
+  opacity: 1;
+  background: #F4F4F4;
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+  box-sizing: border-box;
+  max-width: 100%;
+}
+
+.dialog-message.user .message-bubble .message-text {
+  text-align: left;
+  color: #313131;
+}
+
+.dialog-message.ai .message-bubble {
+  display: flex;
+  align-items: flex-start;
+  max-width: 100%;
+}
+
+.dialog-message.ai .message-bubble .message-text {
+  text-align: justify;
+  color: #313131;
+}
+
+.message-text {
+  opacity: 1;
+  font-family: Source Han Sans;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 32px;
+  letter-spacing: 0em;
+  font-feature-settings: "kern" on;
+  max-width: 100%;
+  color: #313131;
+}
+
+.message-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 6px;
+  opacity: 1;
+  visibility: visible;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+
+.dialog-message.ai .message-actions {
+  opacity: 1;
+  visibility: visible;
+}
+
+.dialog-message.user .message-actions {
+  opacity: 1;
+  visibility: visible;
+}
+
+.action-btn {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 6px;
+  transition: background 0.2s;
+}
+
+.action-btn:hover {
+  background: #F0F0F0;
+}
+
+.action-btn svg {
+  display: block;
+}
+
+.typing-cursor {
+  display: inline-block;
+  margin-left: 2px;
+  color: #0057FE;
+  font-size: 18px;
+  animation: blink 1s step-end infinite;
+}
+
+@keyframes blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+</style>