agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp30

package/packages/chat-embed/src/index.vue

@@ -1,926 +0,0 @@
-<template>
-  <!-- <div v-permission="'mc.ragFlow.converseWithChat'"> -->
-  <div v-if="enableAiChat">
-    <div ref="chatIcon" :style="style" style="position: fixed; cursor: pointer; z-index: 100">
-      <img :src="avatarUrl" alt="AI Avatar" @click="showChatDialog" style="width: 50px; height: 50px" />
-    </div>
-    <transition name="slide-up">
-      <div
-        v-show="showChatVisable"
-        ref="chatContainerRef"
-        class="chat-container"
-        :class="dialogFullScreen ? 'full-screen' : 'small-window'"
-        :style="{
-          display: 'flex', // 设置为横向布局
-          flexDirection: 'row' // 横向排列
-        }"
-      >
-        <SidebarItem
-          ref="sidebarItemRef"
-          :style="{ width: comonFuntionWidth + 'px' }"
-          @select-history-item="handleSelectHistoryItem"
-          @new-chat-session="newChatSession"
-          @update-ai-history="
-            (aiHistory:any) => {
-							currentAiHistory.value = aiHistory
-            }
-          "
-          :dialogFullScreen="dialogFullScreen"
-          :aiModel="currentAiModel"
-        />
-        <!-- 聊天内容 -->
-        <div class="chat-content">
-          <!-- 头部 -->
-          <Header
-            :aiAvatar="aiAvatar"
-            :aiModel="currentAiModel"
-            :chatSessionId="chatSessionId"
-            :dialogFullScreen="dialogFullScreen"
-            :aiHistory="currentAiHistory"
-            @expandDialog="expandDialog"
-            @showChatDialog="showChatDialog"
-            @new-chat-session="newChatSession"
-          />
-          <!-- 主体 -->
-          <div style="display: flex; flex-direction: row">
-            <!-- 侧边栏 -->
-            <!-- <SidebarItem
-              ref="sidebarItemRef"
-              :style="{ width: comonFuntionWidth + 'px' }"
-              @select-history-item="handleSelectHistoryItem"
-              @new-chat-session="newChatSession"
-              @update-ai-history="
-            (aiHistory:any) => {
-              currentAiHistory.value = aiHistory
-            }
-          "
-              :aiModel="currentAiModel"
-            /> -->
-            <!-- 聊天内容展示 -->
-            <div ref="talkMainRef" class="chat-embed__main" :key="talkMainRefKey">
-              <div class="chat-embed__main_content">
-                <BubbleList ref="bubbleListRef" :list="messageList" :max-height="bubbleMaxHeight" :is-fog="true">
-                  <template #avatar="{ item }"> </template>
-                  <template #content="{ item }">
-                    <template v-if="!item.isRecommend && item.thinkingContent !== null">
-                      <!-- ai消息正在回复中 -->
-                      <Thinking
-                        v-if="item.messageStatus !== 'failed'"
-                        button-width="180px"
-                        style="margin-bottom: 5px"
-                        v-model="item.showThinkingContent"
-                        :status="item.thinkingStatus"
-                        auto-collapse
-                        :content="item.thinkingContent"
-                        :typing="{ interval: 20 }"
-                        duration=".3s"
-                      >
-                      </Thinking>
-                    </template>
-                    <template v-if="item.link">
-                      <a :href="item.link" :title="item.linkTitle" target="blank">{{ item.content }}</a>
-                    </template>
-                    <template v-else-if="item.content">
-                      <!-- ai消息和用户消息 -->
-                      <div
-                        :class="item.role === 'ai' ? 'content-container' : 'content-borderless-container'"
-                        class="chat-content-font"
-                      >
-                        <template v-if="item.role === 'ai' && !item.isRecommend">
-                          <!-- 历史消息直接加载 -->
-                          <XMarkdown
-                            v-if="!item.messageType || item.messageType === 'history'"
-                            :markdown="item.content"
-                            :allowHtml="true"
-                            allowHtml
-                            :content="item.content"
-                            :typing="{ interval: 10 }"
-                            :is-markdown="true"
-                          >
-                            <template #amb-ai-tip="{ ...props }">
-                              <!-- 文本中特殊提示标签处理 -->
-                              <chatAiAnswerTip :item="item" :itemProps="props" @click-doc-agg="clickDocAgg" />
-                            </template>
-                            <template #amb-alink="{ ...props }">
-                              <a :href="props.href" :target="props.target"> {{ props.text }}</a>
-                            </template>
-                            <template #amb-home-chart="{ ...props }">
-                              <AnswerHomeChart :chartProps="props" class="chat-chart-container" />
-                            </template>
-                            <template #amb-interaction-data="{ ...props }">
-                              <AnswerInteractionData :chartProps="props" class="chat-chart-container" />
-                            </template>
-                            <template #amb-auto-chart="{ ...props }">
-                              <AnswerAutoChart :chartProps="props" class="chat-chart-container" />
-                            </template>
-                          </XMarkdown>
-                          <!-- 流式加载 -->
-                          <Typewriter
-                            v-else
-                            allowHtml
-                            :content="item.content"
-                            :typing="true"
-                            :is-markdown="true"
-                            is-fog
-                          />
-                        </template>
-                        <template v-else-if="item.role === 'user'">
-                          {{ item.content }}
-                          <template v-if="item.additionalData?.length > 0">
-                            <!-- 附加数据 -->
-                            <ChatAdditionData :item="item" @view-json="viewJson" @download-json="downloadJsonData" />
-                          </template>
-                        </template>
-                        <template v-else> {{ item.content }} </template>
-                        <div style="font-size: 10px; color: #999; text-align: right">
-                          <span>{{ item.sendTime }}</span>
-                        </div>
-                      </div>
-                      <template v-if="item.recommendations && item.recommendations.length > 0">
-                        <!-- 推荐内容的消息 -->
-                        <RecommendationMessage :item="item" @clickRecommendation="clickRecommendation" />
-                      </template>
-                      <div v-if="item.docAggs && item.docAggs.length > 0" style="margin-top: 5px; width: 100%">
-                        <div class="content-container-header">引用文件</div>
-                        <!-- 引用文件 -->
-                        <div v-for="(docAgg, index) in item.docAggs" @click="clickDocAgg(docAgg)" class="doc-agg-item">
-                          {{ docAgg.doc_name }}
-                        </div>
-                      </div>
-                    </template>
-                  </template>
-                  <template #footer="{ item }">
-                    <!-- 聊天气泡底部工具栏 -->
-                    <ChatBubbleFooter :item="item" @regenerate="regenerateQuestion" />
-                  </template>
-                </BubbleList>
-                <div style="display: none">{{ content }}</div>
-              </div>
-              <!-- 对话输入框 -->
-              <div ref="talkInputRef" class="chat-embed__input_container">
-                <ChatSender
-                  :loading="loading"
-                  ref="chatSenderRef"
-                  @submit-question="submitQuestion"
-                  @command-answer="commandAnswer"
-                  @handle-cancel="handleCancel"
-                  @view-json="viewJson"
-                  @change-ai-model="changeAiModel"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </transition>
-    <json-view-dialog v-model="jsonDialogVisible" :json-object="jsonObject" :append-to-body="true" title="预览数据" />
-  </div>
-</template>
-<script setup lang="ts">
-import { ref, onMounted, onUnmounted, nextTick, computed, watch, onBeforeUnmount } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { BubbleList, Thinking, useXStream, Typewriter, XMarkdown } from 'vue-element-plus-x'
-import { BubbleProps } from 'vue-element-plus-x/types/Bubble'
-import { useDraggable } from '@vueuse/core'
-import { getToken } from '../../../src/utils/auth'
-import { getMessageTemplate, defaultMessage, createUserMessage, createAiMessage } from './chat-embed-message'
-import { MessageItem, SubmitData, MESSAGE_STATUS, AI_MODELS } from './type'
-import RecommendationMessage from './recommendation-message.vue'
-import ChatAdditionData from './chat-addition-data.vue'
-import ChatBubbleFooter from './chat-bubble-footer.vue'
-import ChatAiAnswerTip from './chat-ai-answer-tip.vue'
-import Header from './header.vue'
-import ChatSender from './chat-sender.vue'
-import { JsonViewDialog } from '../../json-view'
-import AnswerHomeChart from './components/answer-home-chart.vue'
-import AnswerInteractionData from './components/answer-interaction-data.vue'
-import AnswerAutoChart from './components/answer-auto-chart.vue'
-import avatarUrl from '../../../src/assets/chat-embed/robot.gif?url'
-import SidebarItem from './sidebar-item.vue'
-import { v4 as uuid } from 'uuid'
-import { generateFileName, downloadJsonFile } from './util/text-file-util.ts'
-import { replaceAiTipTags, parseAnswerContent, extractFilenameFromUrl } from './util/chat-embed-util.ts'
-import mcpUtils from './util/mcp-utils.ts'
-import { useRoute } from 'vue-router'
-
-const customSystemCode: string | null = getCustomSystemParam()
-function getCustomSystemParam() {
-  try {
-    // 获取router内的customSystem参数
-    const route = useRoute()
-    if (route.query.customSystem) {
-      return String(route.query.customSystem)
-    }
-    return null
-  } catch (error) {
-    console.error('获取customSystem参数失败')
-    return null
-  }
-}
-
-// 初始化
-const enableAiChat = ref(window.$vueApp?.config?.globalProperties?.enableAiChat || false)
-const { startStream, cancel, data, error, isLoading } = useXStream()
-const { t } = useI18n()
-const chatIcon = ref()
-const isActualClick = ref(true)
-
-// 聊天内容状态
-// 消息列表
-const messageList = ref<MessageItem[]>([])
-// 正在回答的内容
-const answerContent = ref<MessageItem>({} as MessageItem)
-const loading = ref(false)
-// 当前AI模型
-const currentAiModel = ref<string>(AI_MODELS.RAGFLOW)
-// 模型对应的会话ID
-const chatSessionId = ref<any>({})
-// 各模型对应的历史回答内容
-const aiModelAnswerHistory: Record<string, MessageItem[]> = {}
-// 是否是新会话, 只要ai回答过了，就不算是新会话了
-const isNewChatSession = ref(true)
-const currentAiHistory = ref<any>(null)
-
-// UI状态
-const showChatVisable = ref(false)
-const dialogFullScreen = ref(false)
-const talkMainRefKey = ref(0)
-const bubbleMaxWidth = ref('')
-const bubbleMaxHeight = ref('500px')
-const comonFuntionWidth = ref(250)
-const aiAvatar = ref('https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png')
-
-// json预览弹窗状态
-const jsonDialogVisible = ref(false)
-const jsonObject = ref({})
-
-// DOM引用
-const bubbleListRef = ref()
-const talkInputRef = ref()
-const chatContainerRef = ref()
-const talkMainRef = ref()
-const sidebarItemRef = ref()
-
-// 流式处理状态
-const isStreamActive = ref(false)
-let abortController: AbortController | null = null
-
-const chatSenderRef = ref<any>(null)
-
-// 拖拽功能设置
-const initialX = document.documentElement.clientWidth - 100
-const initialY = document.documentElement.clientHeight - 100
-const { x, y, style } = useDraggable(chatIcon, {
-  initialValue: { x: initialX, y: initialY },
-  preventDefault: true,
-  onStart() {
-    isActualClick.value = true
-  },
-  onMove(position) {
-    isActualClick.value = false
-    constrainPosition(position)
-  },
-  onEnd() {
-    adjustChatIconPosition()
-    setTimeout(() => (isActualClick.value = true), 50)
-  }
-})
-
-function constrainPosition(position: { x: number; y: number }) {
-  const maxX = window.innerWidth - (chatIcon.value?.offsetWidth || 0)
-  const maxY = window.innerHeight - (chatIcon.value?.offsetHeight || 0)
-  position.x = Math.max(0, Math.min(position.x, maxX))
-  position.y = Math.max(0, Math.min(position.y, maxY))
-}
-
-function adjustChatIconPosition() {
-  if (!chatIcon.value) return
-  const maxX = window.innerWidth - chatIcon.value.offsetWidth
-  const maxY = window.innerHeight - chatIcon.value.offsetHeight
-  if (x.value > maxX) x.value = maxX
-  if (y.value > maxY) y.value = maxY
-}
-
-function resetChat(aiModel: string) {
-  isNewChatSession.value = true
-  currentAiModel.value = aiModel
-  messageList.value = []
-  if (!aiModelAnswerHistory[aiModel] || aiModelAnswerHistory[aiModel].length === 0) {
-    messageList.value.push(defaultMessage)
-  } else {
-    // 把最后一个插入到messageList
-    messageList.value = aiModelAnswerHistory[aiModel]
-    bubbleListRef.value?.scrollToBottom()
-  }
-}
-
-function showError(message: string = t('chatEmbed.requestFailed')) {
-  messageList.value.push(getMessageTemplate('ai', message, false, false))
-  loading.value = false
-}
-
-// 初始化聊天
-resetChat(currentAiModel.value)
-
-watch(bubbleMaxHeight, (val) => {
-  document.documentElement.style.setProperty('--el-bubble-list-max-height', val)
-})
-
-onMounted(() => {
-  window.addEventListener('resize', adjustChatIconPosition)
-  if (talkInputRef.value) {
-    // 动态计算内容框的高度
-    const resizeObserver = new ResizeObserver(() => {
-      setHeightAndWidth()
-    })
-    resizeObserver.observe(talkInputRef.value.$el || talkInputRef.value)
-    // 保存observer以便后续销毁
-    talkInputRef.value._resizeObserver = resizeObserver
-  }
-})
-onBeforeUnmount(() => {
-  // 销毁监听动态计算内容框的高度
-  if (talkInputRef.value?._resizeObserver) {
-    talkInputRef.value._resizeObserver.disconnect()
-  }
-})
-onUnmounted(() => {
-  window.removeEventListener('resize', adjustChatIconPosition)
-  cleanup()
-})
-
-function cleanup() {
-  if (abortController) {
-    abortController.abort()
-    abortController = null
-  }
-  cancel()
-  isStreamActive.value = false
-  loading.value = false
-}
-// 聊天相关方法
-function showChatDialog() {
-  if (isActualClick.value) {
-    showChatVisable.value = !showChatVisable.value
-    setHeightAndWidth()
-    sidebarItemRef.value.getHistory()
-  }
-}
-
-function getSessionId(aiModel: string): string {
-  // 初始化百炼的会话ID
-  if (!chatSessionId.value[aiModel]) {
-    chatSessionId.value[aiModel] = uuid().replace(/-/g, '')
-  }
-  return chatSessionId.value[aiModel]
-}
-
-// 优化的计算属性 - 减少不必要的重新计算
-const content = computed(() => {
-  if (!isStreamActive.value || !data.value.length) {
-    return ''
-  }
-  let text = ''
-  // 获取data.value的最后一条
-  const item = data.value[data.value.length - 1]
-  try {
-    const responseMessage = JSON.parse(item.data)
-    if (responseMessage.isChunk) {
-      // 主要是百练ai后端处理的数据
-      if (responseMessage.data === true && answerContent.value.content) {
-        answerContent.value.thinkingStatus = MESSAGE_STATUS.END
-        answerContent.value.showThinkingContent = true
-        answerContent.value = {} as MessageItem
-        loading.value = false
-      } else {
-        updateStreamContent(responseMessage)
-      }
-    } else {
-      if (!responseMessage.data?.id && responseMessage.data !== true) {
-        // 处理某种特殊情况， 后续看要不要去掉
-        loading.value = false
-        if (answerContent.value) {
-          answerContent.value.thinkingStatus = MESSAGE_STATUS.END
-        }
-        return text
-      }
-      if (responseMessage.data.reference) {
-        if (responseMessage.data.reference.doc_aggs?.length) {
-          answerContent.value.docAggs = responseMessage.data.reference.doc_aggs
-        }
-        if (responseMessage.data.reference.chunks?.length) {
-          answerContent.value.referenceChunks = responseMessage.data.reference.chunks
-        }
-      }
-      if (responseMessage.data === true) {
-        finishStreamWithAnswer(responseMessage.data.answer)
-        return text
-      } else {
-        updateStreamContent(responseMessage)
-      }
-    }
-  } catch (error) {
-    console.error('解析数据时出错:', error)
-    loading.value = false
-  }
-
-  return text
-})
-// 处理流式数据结束
-function finishStreamWithAnswer(answer: string) {
-  loading.value = false
-  if (!answerContent.value) return
-  answerContent.value.content = replaceAiTipTags(answerContent.value.content)
-  // if (answerContent.value.thinkingContent) {
-  //   answerContent.value.thinkingContent = replaceAiTipTags(answerContent.value.thinkingContent)
-  // }
-  finishAnswerStatus()
-}
-
-// 更新流式内容
-function updateStreamContent(responseMessage: any) {
-  const answer = responseMessage.data.answer
-  if (!answer || !answerContent.value) return
-
-  const { thinkingContent, mainContent } = parseAnswerContent(answer)
-  if (thinkingContent) {
-    answerContent.value.thinkingContent = thinkingContent
-  }
-  if (mainContent) {
-    if (responseMessage.isChunk) {
-      answerContent.value.content += mainContent
-    } else {
-      answerContent.value.content = mainContent
-    }
-  }
-}
-// 取消操作的统一处理
-function handleCancel() {
-  loading.value = false
-  // 取消网络请求
-  if (abortController) {
-    abortController.abort()
-    abortController = null
-  }
-  // 取消流式处理
-  if (isStreamActive.value) {
-    cancel() // 调用 useXStream 的 cancel 方法
-    isStreamActive.value = false
-    // 更新最后一条 AI 消息的状态
-    if (messageList.value.length > 0) {
-      const lastMessage = messageList.value[messageList.value.length - 1]
-      if (lastMessage && lastMessage.role === 'ai') {
-        lastMessage.thinkingStatus = MESSAGE_STATUS.END
-        // 如果消息内容为空，可以添加一个取消的提示
-        if (!lastMessage.content) {
-          lastMessage.content = '回答已取消'
-        }
-      }
-    }
-  }
-
-  // 重置答案内容
-  if (answerContent.value && Object.keys(answerContent.value).length > 0) {
-    answerContent.value.thinkingStatus = MESSAGE_STATUS.END
-    answerContent.value = {} as MessageItem
-  }
-}
-
-// 处理聊天窗口的全屏和缩小
-function expandDialog() {
-  dialogFullScreen.value = !dialogFullScreen.value
-  setHeightAndWidth()
-}
-// 动态计算内容区域的高度
-function setHeightAndWidth() {
-  let heightVh = 100
-  let widthVw = 100
-  if (dialogFullScreen.value) {
-    heightVh = 100
-  }
-  nextTick(() => {
-    if (dialogFullScreen.value) {
-      // chatContainerRef.value.style.height = `calc(${heightVh}vh - var(--chat-padding) * 2)`
-      // chatContainerRef.value.style.width = `calc(${widthVw}vw - var(--chat-padding) * 2)`
-      chatContainerRef.value.style.height = `calc(${heightVh}vh)`
-      chatContainerRef.value.style.width = `calc(${widthVw}vw)`
-      bubbleMaxWidth.value = `calc(${widthVw}vw - var(--chat-padding) * 2) * 0.8`
-    } else {
-      chatContainerRef.value.style.height = `calc(${heightVh}vh - var(--chat-padding) * 2)`
-      chatContainerRef.value.style.width = 460 + comonFuntionWidth.value + 'px'
-      bubbleMaxWidth.value = (460 + comonFuntionWidth.value) * 0.8 + 'px'
-    }
-
-    const talkHeight = talkInputRef.value?.offsetHeight || 80
-    // 定义具体的像素值
-    const headerHeight = 56
-    const chatPadding = 12
-    // 获取窗口高度
-    const windowHeight = window.innerHeight
-    // 计算 bubbleMaxHeight 的像素值
-    const bubbleMaxHeightPx = (windowHeight * heightVh) / 100 - headerHeight - talkHeight - chatPadding * 6
-    bubbleMaxHeight.value = bubbleMaxHeightPx + 'px'
-  })
-}
-// 提交问题
-function submitQuestion(submitData: SubmitData) {
-  // 先取消之前的请求
-  if (loading.value) {
-    handleCancel()
-  }
-  submitData.systemCode = customSystemCode
-  isStreamActive.value = false
-  switch (submitData.aiModel) {
-    case AI_MODELS.RAGFLOW:
-      // 流程体系类
-      sendRagflowQuestion(submitData.question)
-      break
-    case AI_MODELS.DATABASE:
-      // QMS数据库类
-      sendMcpMessage(submitData)
-      break
-    case AI_MODELS.DEEPSEEK:
-      // DeepSeek问答
-      sendDeepSeekQuestion(submitData)
-      break
-    case AI_MODELS.INTERACTION:
-      // 系统交互
-      sendSystemInteractionQuestion(submitData)
-      break
-    case AI_MODELS.PPT_GENERATION:
-      // 生成PPT
-      sendCreatePPTQuestion(submitData)
-      break
-    default:
-      console.warn('Unknown AI model:', submitData.aiModel)
-  }
-}
-// 重新生成问题
-function regenerateQuestion(answerData: any) {
-  const submitData: SubmitData = {
-    question: answerData.question,
-    additionalData: answerData.additionalData,
-    additionalDataLabel: answerData.additionalDataLabel,
-    menuName: answerData.menuName,
-    menuCode: answerData.menuCode,
-    aiModel: currentAiModel.value
-  }
-  sendDeepSeekQuestion(submitData)
-}
-// 推荐内容点击
-function clickRecommendation(item: BubbleProps) {
-  console.log('clickRecommendation', item)
-  if (item.content) {
-    const submitData: SubmitData = {
-      question: item.content,
-      aiModel: currentAiModel.value
-    }
-    sendDeepSeekQuestion(submitData)
-  }
-}
-// 新建会话
-function newChatSession() {
-  chatSenderRef.value?.newChatSession()
-  messageList.value = []
-  // 清理会话（仅对DeepSeek模型）
-  if (currentAiModel.value === AI_MODELS.DEEPSEEK) {
-    clearDeepSeekSession()
-  }
-  currentAiHistory.value = null
-  // 重置状态
-  chatSessionId.value[currentAiModel.value] = null
-  loading.value = false
-  aiModelAnswerHistory[currentAiModel.value] = []
-  resetChat(currentAiModel.value)
-}
-
-// 清理百炼会话
-async function clearDeepSeekSession() {
-  if (chatSessionId.value[currentAiModel.value]) {
-    try {
-      await (window as any).$vueApp.config.globalProperties.$http.post(
-        (window as any).$vueApp.config.globalProperties.baseAPI +
-          '/component/ai/multiple-fuck/clear/' +
-          chatSessionId.value[currentAiModel.value]
-      )
-    } catch (err) {
-      console.error('Failed to clear session:', err)
-      showError()
-    }
-  }
-}
-// 切换AI模型
-function changeAiModel(newModel: string) {
-  aiModelAnswerHistory[currentAiModel.value] = JSON.parse(JSON.stringify(messageList.value))
-  resetChat(newModel)
-}
-// JSON预览
-function viewJson(viewData: any) {
-  jsonObject.value = viewData
-  jsonDialogVisible.value = true
-}
-// 下载JSON数据
-function downloadJsonData(data: any, fileName: string) {
-  try {
-    downloadJsonFile(data, generateFileName(fileName || 'data'))
-  } catch (error) {
-    console.error('下载失败:', error)
-  }
-}
-
-async function sendDeepSeekQuestion(submitData: SubmitData) {
-  if (!submitData.question) return
-  try {
-    // 添加用户消息
-    const userMessage = createUserMessage(submitData)
-    messageList.value.push(userMessage)
-    isStreamActive.value = true
-    // 初始化状态
-    loading.value = true
-    const sessionId = getSessionId(currentAiModel.value)
-    // 创建AI响应消息
-    answerContent.value = createAiMessage(submitData, true)
-    messageList.value.push(answerContent.value)
-
-    abortController = new AbortController()
-
-    const token = getToken()
-    const response = await fetch(window.$vueApp.config.globalProperties.baseAPI + '/component/ai/multiple-fuck', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json', authorization: token ? token : '' },
-      body: JSON.stringify({
-        question: submitData.question,
-        messageId: sessionId,
-        data: JSON.stringify(submitData.additionalData),
-        fileId: submitData.fileId,
-        systemCode: customSystemCode
-      }),
-      signal: abortController.signal // 绑定 abort 信号
-    })
-    if (!response.body) {
-      throw new Error('No response body')
-    }
-    await startStream({ readableStream: response.body })
-  } catch (err) {
-    console.error('DeepSeek error:', err)
-    showError()
-  }
-}
-
-function sendRagflowQuestion(question: string | undefined) {
-  if (!question) return
-  data.value = []
-  messageList.value.push(getMessageTemplate('user', question, true, false))
-  loading.value = true
-  if (!chatSessionId.value[currentAiModel.value]) {
-    createRagflowSession(question)
-  } else {
-    startSSE(question)
-  }
-}
-
-async function createRagflowSession(question: string) {
-  try {
-    const response = await window.$vueApp.config.globalProperties.$http.post(
-      window.$vueApp.config.globalProperties.baseAPI + '/mc/rag-flow/converse-with-chat',
-      { question }
-    )
-    chatSessionId.value[currentAiModel.value] = response.session_id
-    startSSE(question)
-  } catch (err) {
-    console.error('Failed to create session:', err)
-    showError()
-  }
-}
-
-async function startSSE(question: string) {
-  try {
-    isStreamActive.value = true
-    answerContent.value = createAiMessage({ question } as SubmitData, true)
-    answerContent.value.messageType = 'realtime'
-    messageList.value.push(answerContent.value)
-    // 创建新的 AbortController 用于 SSE 请求
-    abortController = new AbortController()
-    const token = getToken()
-    const response = await fetch(
-      window.$vueApp.config.globalProperties.baseAPI + '/mc/rag-flow/converse-with-chat-stream',
-      {
-        method: 'POST',
-        headers: { 'Content-Type': 'text/event-stream', authorization: token },
-        body: JSON.stringify({
-          question,
-          stream: true,
-          systemCode: customSystemCode,
-          session_id: chatSessionId.value[currentAiModel.value]
-        }),
-        signal: abortController.signal // 绑定 abort 信号
-      }
-    )
-    if (!response.body) {
-      throw new Error('No response body')
-    }
-    await startStream({ readableStream: response.body })
-  } catch (err: any) {
-    if (err?.name === 'AbortError') {
-      console.log('SSE request was cancelled')
-      return
-    }
-    console.error('SSE error:', err)
-    loading.value = false
-  }
-}
-
-// 处理系统交互问题
-function sendSystemInteractionQuestion(submitData: SubmitData) {
-  if (!submitData.question) return
-
-  try {
-    // 添加用户消息
-    const userMessage = createUserMessage(submitData)
-    messageList.value.push(userMessage)
-    // 系统交互时，解析命令和参数功能
-    chatSenderRef.value.parseCommand()
-  } catch (err) {
-    console.error('systemInteraction error:', err)
-    showError()
-  }
-}
-
-// 点击引用文件
-function clickDocAgg(docAgg: any) {
-  // docAgg.doc_name 获取doc_name文件后缀
-  const fileExtension = docAgg.doc_name.split('.').pop()
-  // TODO 需要动态获取ragflow地址
-  // /document/19c4bad4c41d11f088360242ac120006?ext=xlsx&prefix=document
-  window.open(`http://101.43.172.105/document/${docAgg.doc_id}?ext=${fileExtension}&prefix=document`)
-}
-
-// 系统交互时，解析命令和参数的结果
-function commandAnswer(param: any) {
-  console.log('commandAnswer---param=', param)
-  // 初始化状态
-  loading.value = true
-  getSessionId(currentAiModel.value)
-  const submitData: SubmitData = {
-    question: param.content,
-    aiModel: currentAiModel.value
-  }
-  // 创建AI响应消息
-  answerContent.value = createAiMessage(submitData, false)
-  messageList.value.push(answerContent.value)
-  answerContent.value.thinkingStatus = MESSAGE_STATUS.NONE
-  if (param.url) {
-    const title = param.command ? param.command : param.content
-    answerContent.value.link = param.url
-    answerContent.value.linkTitle = title
-    answerContent.value.content = param.content
-    // answerContent.value.content = '[' + param.content + '](' + param.url + ' "' + title + '")'
-  } else {
-    answerContent.value.content = param.content
-  }
-  answerContent.value = {} as MessageItem
-  loading.value = false
-}
-
-function sendCreatePPTQuestion(submitData: SubmitData) {
-  if (!submitData.question) return
-  // 添加用户消息
-  const userMessage = createUserMessage(submitData)
-  messageList.value.push(userMessage)
-  isStreamActive.value = true
-  // 初始化状态
-  loading.value = true
-  // 创建AI响应消息
-  answerContent.value = createAiMessage(submitData, true)
-  messageList.value.push(answerContent.value)
-  const sessionId = getSessionId(currentAiModel.value)
-  window.$vueApp.config.globalProperties.$http
-    .post(window.$vueApp.config.globalProperties.baseAPI + '/component/aippt/createPpt', {
-      menuName: submitData.menuName,
-      menuCode: submitData.menuCode,
-      question: submitData.question,
-      additionalDataLabel: submitData.additionalDataLabel,
-      additionalData: JSON.stringify(submitData.additionalData),
-      fileId: submitData.fileId,
-      fileInfos: submitData.fileInfos,
-      systemCode: customSystemCode,
-      messageId: sessionId
-    })
-    .then((res) => {
-      if (res.fileUrl) {
-        const fileName = extractFilenameFromUrl(res.fileUrl) || '点击下载'
-        answerContent.value.content = `PPT已生成：[${fileName}](${res.fileUrl})`
-      } else {
-        answerContent.value.content = 'PPT生成失败，请稍后重试'
-      }
-      finishAnswerStatus()
-      loading.value = false
-      window.open(res.fileUrl, '_blank')
-    })
-    .finally(() => {
-      loading.value = false
-    })
-}
-function sendMcpMessage(submitData: SubmitData) {
-  loading.value = true
-  if (!submitData.question) {
-    return
-  }
-  // 添加用户消息
-  const userMessage = createUserMessage(submitData)
-  messageList.value.push(userMessage)
-  // 创建AI响应消息
-  answerContent.value = createAiMessage(submitData, true)
-  messageList.value.push(answerContent.value)
-  try {
-    mcpUtils
-      .sendMessageToMcp(submitData, getSessionId(currentAiModel.value))
-      .then(({ answerMessage, errorMessage }) => {
-        loading.value = false
-        if (errorMessage) {
-          packegNoramlAnswerMessage(errorMessage, true)
-        } else if (answerMessage) {
-          packegNoramlAnswerMessage(answerMessage)
-        }
-      })
-      .catch((err) => {
-        loading.value = false
-        console.error('MCP error:', err)
-        packegNoramlAnswerMessage('未能返回有效信息', true)
-      })
-  } catch (err) {
-    loading.value = false
-    console.error('MCP error:', err)
-    packegNoramlAnswerMessage('未能返回有效信息', true)
-  }
-}
-
-function finishAnswerStatus(isError = false) {
-  answerContent.value.thinkingStatus = MESSAGE_STATUS.END
-  answerContent.value.showThinkingContent = true
-  answerContent.value.messageType = 'history'
-  answerContent.value = {} as MessageItem
-  if (isNewChatSession.value) {
-    sidebarItemRef.value.addCurrentToSessionHistory(chatSessionId.value[currentAiModel.value], messageList.value)
-  }
-  if (!isError) {
-    isNewChatSession.value = false
-  }
-}
-
-function packegNoramlAnswerMessage(answerMessage: string, isError = false) {
-  answerContent.value.content = answerMessage
-  if (isError) {
-    answerContent.value.thinkingStatus = MESSAGE_STATUS.ERROR
-  }
-  finishAnswerStatus(isError)
-}
-
-function handleSelectHistoryItem(aiHistory: any, itemList: MessageItem[]) {
-  isNewChatSession.value = false
-  currentAiHistory.value = aiHistory
-  chatSessionId.value[currentAiModel.value] = aiHistory.sessionId
-  if (itemList.length > 0) {
-    messageList.value = []
-  }
-  nextTick(() => {
-    messageList.value = itemList
-    nextTick(() => {
-      bubbleListRef.value?.scrollToBottom()
-    })
-  })
-}
-</script>
-<style lang="css" scoped>
-@import url('./chat-embed.css');
-:root {
-  --header-height: 56px;
-  --chat-padding: 12px;
-  --el-thinking-button-width: 180px;
-}
-.chat-container :deep(p) {
-  margin: 0 !important;
-}
-.chat-container :deep(h4) {
-  font-size: 16px;
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
-.chat-content {
-  flex: 1;
-  min-width: 0; /* 避免被内容撑爆 */
-  overflow: hidden; /* 可选：防止出现水平滚动 */
-  display: flex;
-  flex-direction: column;
-}
-:deep(.el-bubble-content-wrapper .el-bubble-content) {
-  padding: 0 !important;
-  /* width: 80%; */
-}
-:deep(.el-bubble-content:has(.chat-chart-container)) {
-  width: 80%;
-}
-:deep(.el-divider--horizontal) {
-  margin: 5px 0;
-}
-</style>