From 8b7d95c8df47befb5a4225a99cc9e5b6aeef77f6 Mon Sep 17 00:00:00 2001
From: digua <i@digua.me>
Date: Wed, 3 Dec 2025 01:29:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20AI=E8=81=8A=E5=A4=A9=E4=BA=A4=E4=BA=92?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/momo.png                    | Bin 0 -> 13485 bytes
 src/components.d.ts                           |   3 +
 src/components/analysis/ai/ChatExplorer.vue   | 190 ++++++++++--------
 src/components/analysis/ai/ChatInput.vue      |  93 +++------
 src/components/analysis/ai/ChatMessage.vue    |  17 +-
 .../analysis/ai/ConversationList.vue          |   2 +-
 src/composables/useAIChat.ts                  |  43 +++-
 7 files changed, 178 insertions(+), 170 deletions(-)
 create mode 100644 src/assets/images/momo.png

diff --git a/src/assets/images/momo.png b/src/assets/images/momo.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6e9e0f31da677b69b71adba3142b3f90b96c2ce
GIT binary patch
literal 13485
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
bb42|gUFE1mhB%?a00000NkvXXu0mjfudIi+

literal 0
HcmV?d00001

diff --git a/src/components.d.ts b/src/components.d.ts
index deb6e5ef..76c82aff 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -16,6 +16,9 @@ declare module 'vue' {
     UApp: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.2.1_@babel+parser@7.28.5_axios@1.13.2_embla-carousel@8.6.0_typescript@5.9.3__1572391ae10a8169a5c9784ec5cec455/node_modules/@nuxt/ui/dist/runtime/components/App.vue')['default']
     UBadge: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.2.1_@babel+parser@7.28.5_axios@1.13.2_embla-carousel@8.6.0_typescript@5.9.3__1572391ae10a8169a5c9784ec5cec455/node_modules/@nuxt/ui/dist/runtime/components/Badge.vue')['default']
     UButton: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.2.1_@babel+parser@7.28.5_axios@1.13.2_embla-carousel@8.6.0_typescript@5.9.3__1572391ae10a8169a5c9784ec5cec455/node_modules/@nuxt/ui/dist/runtime/components/Button.vue')['default']
+    UCard: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.2.1_@babel+parser@7.28.5_axios@1.13.2_embla-carousel@8.6.0_typescript@5.9.3__1572391ae10a8169a5c9784ec5cec455/node_modules/@nuxt/ui/dist/runtime/components/Card.vue')['default']
+    UChatPrompt: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.2.1_@babel+parser@7.28.5_axios@1.13.2_embla-carousel@8.6.0_typescript@5.9.3__1572391ae10a8169a5c9784ec5cec455/node_modules/@nuxt/ui/dist/runtime/components/ChatPrompt.vue')['default']
+    UChatPromptSubmit: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.2.1_@babel+parser@7.28.5_axios@1.13.2_embla-carousel@8.6.0_typescript@5.9.3__1572391ae10a8169a5c9784ec5cec455/node_modules/@nuxt/ui/dist/runtime/components/ChatPromptSubmit.vue')['default']
     UContextMenu: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.2.1_@babel+parser@7.28.5_axios@1.13.2_embla-carousel@8.6.0_typescript@5.9.3__1572391ae10a8169a5c9784ec5cec455/node_modules/@nuxt/ui/dist/runtime/components/ContextMenu.vue')['default']
     UIcon: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.2.1_@babel+parser@7.28.5_axios@1.13.2_embla-carousel@8.6.0_typescript@5.9.3__1572391ae10a8169a5c9784ec5cec455/node_modules/@nuxt/ui/dist/runtime/vue/components/Icon.vue')['default']
     UInput: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.2.1_@babel+parser@7.28.5_axios@1.13.2_embla-carousel@8.6.0_typescript@5.9.3__1572391ae10a8169a5c9784ec5cec455/node_modules/@nuxt/ui/dist/runtime/components/Input.vue')['default']
diff --git a/src/components/analysis/ai/ChatExplorer.vue b/src/components/analysis/ai/ChatExplorer.vue
index 92d1ceee..9c73f2da 100644
--- a/src/components/analysis/ai/ChatExplorer.vue
+++ b/src/components/analysis/ai/ChatExplorer.vue
@@ -152,111 +152,131 @@ watch(
 </script>
 
 <template>
-  <div class="flex h-full gap-4 overflow-hidden">
+  <div class="relative flex h-full overflow-hidden px-4">
     <!-- 左侧：对话记录列表 -->
-    <ConversationList
-      ref="conversationListRef"
-      :session-id="sessionId"
-      :active-id="currentConversationId"
-      @select="handleSelectConversation"
-      @create="handleCreateConversation"
-      @delete="handleDeleteConversation"
-    />
+    <div class="absolute left-0 top-0 h-full w-64 p-4">
+      <ConversationList
+        ref="conversationListRef"
+        :session-id="sessionId"
+        :active-id="currentConversationId"
+        @select="handleSelectConversation"
+        @create="handleCreateConversation"
+        @delete="handleDeleteConversation"
+        class="h-full"
+      />
+    </div>
 
     <!-- 中间：对话区域 -->
-    <div class="flex min-w-0 flex-1 flex-col overflow-hidden rounded-xl bg-white shadow-sm dark:bg-gray-900">
-      <!-- 对话区域头部 -->
+    <div class="flex h-full flex-1 justify-center pl-64 pr-80">
       <div
-        class="flex items-center justify-between border-b border-gray-200 px-4 py-3 dark:border-gray-800"
+        class="flex min-w-0 flex-1 max-w-3xl flex-col overflow-hidden rounded-xl bg-white shadow-sm dark:bg-gray-900"
       >
-        <div class="flex items-center gap-2">
-          <UIcon name="i-heroicons-sparkles" class="h-5 w-5 text-violet-500" />
-          <span class="font-medium text-gray-900 dark:text-white">AI 对话探索</span>
-        </div>
-        <div class="flex items-center gap-2">
-          <!-- 配置状态指示 -->
-          <div
-            v-if="!isCheckingConfig"
-            class="flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs"
-            :class="[
-              hasLLMConfig
-                ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'
-                : 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400',
-            ]"
-          >
-            <span
-              class="h-2 w-2 rounded-full"
-              :class="[hasLLMConfig ? 'bg-green-500' : 'bg-amber-500']"
-            />
-            {{ hasLLMConfig ? '已配置' : '未配置' }}
+        <!-- 对话区域头部 -->
+        <div class="shrink-0 flex items-center justify-between border-b border-gray-200 px-4 py-3 dark:border-gray-800">
+          <div class="flex items-center gap-2">
+            <UIcon name="i-heroicons-sparkles" class="h-5 w-5 text-violet-500" />
+            <span class="font-medium text-gray-900 dark:text-white">AI 对话探索</span>
           </div>
-          <UButton
-            icon="i-heroicons-cog-6-tooth"
-            color="gray"
-            variant="ghost"
-            size="sm"
-            @click="showConfigModal = true"
-          >
-            配置
-          </UButton>
-        </div>
-      </div>
-
-      <!-- 消息列表 -->
-      <div ref="messagesContainer" class="flex-1 overflow-y-auto p-4">
-        <div class="mx-auto max-w-2xl space-y-4">
-          <ChatMessage
-            v-for="msg in messages"
-            :key="msg.id"
-            :role="msg.role"
-            :content="msg.content"
-            :timestamp="msg.timestamp"
-            :is-streaming="msg.isStreaming"
-          />
-
-          <!-- AI 思考中指示器 -->
-          <div v-if="isAIThinking && !messages[messages.length - 1]?.isStreaming" class="flex items-start gap-3">
+          <div class="flex items-center gap-2">
+            <!-- 配置状态指示 -->
             <div
-              class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-violet-500 to-purple-600"
+              v-if="!isCheckingConfig"
+              class="flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs"
+              :class="[
+                hasLLMConfig
+                  ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'
+                  : 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400',
+              ]"
             >
-              <UIcon name="i-heroicons-sparkles" class="h-4 w-4 text-white" />
+              <span class="h-2 w-2 rounded-full" :class="[hasLLMConfig ? 'bg-green-500' : 'bg-amber-500']" />
+              {{ hasLLMConfig ? '已配置' : '未配置' }}
             </div>
-            <div
-              class="rounded-2xl rounded-tl-sm bg-gray-100 px-4 py-3 dark:bg-gray-800"
+            <UButton
+              icon="i-heroicons-cog-6-tooth"
+              color="gray"
+              variant="ghost"
+              size="sm"
+              @click="showConfigModal = true"
             >
-              <div class="flex items-center gap-2">
-                <span class="text-sm text-gray-600 dark:text-gray-400">
-                  {{ isLoadingSource ? '正在搜索相关记录...' : '正在生成回复...' }}
-                </span>
-                <span class="flex gap-1">
-                  <span class="h-2 w-2 animate-bounce rounded-full bg-violet-500 [animation-delay:0ms]" />
-                  <span class="h-2 w-2 animate-bounce rounded-full bg-violet-500 [animation-delay:150ms]" />
-                  <span class="h-2 w-2 animate-bounce rounded-full bg-violet-500 [animation-delay:300ms]" />
-                </span>
+              配置
+            </UButton>
+          </div>
+        </div>
+
+        <!-- 消息列表 -->
+        <div ref="messagesContainer" class="min-h-0 flex-1 overflow-y-auto p-4">
+          <div class="mx-auto space-y-4">
+            <ChatMessage
+              v-for="msg in messages"
+              :key="msg.id"
+              :role="msg.role"
+              :content="msg.content"
+              :timestamp="msg.timestamp"
+              :is-streaming="msg.isStreaming"
+            />
+
+            <!-- AI 思考中指示器 -->
+            <div v-if="isAIThinking && !messages[messages.length - 1]?.isStreaming" class="flex items-start gap-3">
+              <div
+                class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-violet-500 to-purple-600"
+              >
+                <UIcon name="i-heroicons-sparkles" class="h-4 w-4 text-white" />
+              </div>
+              <div class="rounded-2xl rounded-tl-sm bg-gray-100 px-4 py-3 dark:bg-gray-800">
+                <div class="flex items-center gap-2">
+                  <span class="text-sm text-gray-600 dark:text-gray-400">
+                    {{ isLoadingSource ? '正在搜索相关记录...' : '正在生成回复...' }}
+                  </span>
+                  <span class="flex gap-1">
+                    <span class="h-2 w-2 animate-bounce rounded-full bg-violet-500 [animation-delay:0ms]" />
+                    <span class="h-2 w-2 animate-bounce rounded-full bg-violet-500 [animation-delay:150ms]" />
+                    <span class="h-2 w-2 animate-bounce rounded-full bg-violet-500 [animation-delay:300ms]" />
+                  </span>
+                </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
 
-      <!-- 输入框 -->
-      <ChatInput :disabled="isAIThinking" @send="handleSend" />
+        <!-- 输入框 -->
+        <ChatInput
+          :disabled="isAIThinking"
+          :status="isAIThinking ? (isLoadingSource ? 'submitted' : 'streaming') : 'ready'"
+          @send="handleSend"
+        />
+      </div>
     </div>
 
     <!-- 右侧：数据源面板（限制高度） -->
-    <div class="flex w-80 flex-col gap-4">
-      <DataSourcePanel
-        :messages="sourceMessages"
-        :keywords="currentKeywords"
-        :is-loading="isLoadingSource"
-        :is-collapsed="isSourcePanelCollapsed"
-        class="max-h-[60vh]"
-        @toggle="toggleSourcePanel"
-        @load-more="handleLoadMore"
-      />
-    </div>
+    <Transition name="slide-fade">
+      <div v-if="sourceMessages.length > 0 && !isSourcePanelCollapsed" class="absolute right-0 top-0 h-full w-80 p-4">
+        <DataSourcePanel
+          :messages="sourceMessages"
+          :keywords="currentKeywords"
+          :is-loading="isLoadingSource"
+          :is-collapsed="isSourcePanelCollapsed"
+          class="h-full"
+          @toggle="toggleSourcePanel"
+          @load-more="handleLoadMore"
+        />
+      </div>
+    </Transition>
 
     <!-- AI 配置弹窗 -->
     <AIConfigModal v-model:open="showConfigModal" @saved="handleConfigSaved" />
   </div>
 </template>
+
+<style scoped>
+/* Transition styles for slide-fade */
+.slide-fade-enter-active,
+.slide-fade-leave-active {
+  transition: all 0.3s ease-out;
+}
+
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  transform: translateX(20px);
+  opacity: 0;
+}
+</style>
diff --git a/src/components/analysis/ai/ChatInput.vue b/src/components/analysis/ai/ChatInput.vue
index 48bc2f86..3e7bf86e 100644
--- a/src/components/analysis/ai/ChatInput.vue
+++ b/src/components/analysis/ai/ChatInput.vue
@@ -5,96 +5,57 @@ import { ref, computed } from 'vue'
 const props = defineProps<{
   disabled?: boolean
   placeholder?: string
+  status?: 'ready' | 'submitted' | 'streaming' | 'error'
 }>()
 
 // Emits
 const emit = defineEmits<{
   send: [content: string]
+  stop: []
 }>()
 
 // 输入内容
 const inputValue = ref('')
-const textareaRef = ref<HTMLTextAreaElement | null>(null)
 
-// 是否可以发送
-const canSend = computed(() => inputValue.value.trim() && !props.disabled)
+// 计算 status
+const chatStatus = computed(() => {
+  if (props.disabled) {
+    return props.status || 'submitted'
+  }
+  return 'ready'
+})
 
 // 发送消息
-function handleSend() {
-  if (!canSend.value) return
+function handleSubmit() {
+  if (!inputValue.value.trim() || props.disabled) return
 
   emit('send', inputValue.value.trim())
   inputValue.value = ''
-
-  // 重置 textarea 高度
-  if (textareaRef.value) {
-    textareaRef.value.style.height = 'auto'
-  }
 }
 
-// 处理键盘事件
-function handleKeydown(e: KeyboardEvent) {
-  // Enter 发送（Shift+Enter 换行）
-  if (e.key === 'Enter' && !e.shiftKey) {
-    e.preventDefault()
-    handleSend()
-  }
-}
-
-// 自动调整 textarea 高度
-function handleInput(e: Event) {
-  const target = e.target as HTMLTextAreaElement
-  target.style.height = 'auto'
-  target.style.height = Math.min(target.scrollHeight, 200) + 'px'
+// 停止生成
+function handleStop() {
+  emit('stop')
 }
 </script>
 
 <template>
-  <div class="border-t border-gray-200 p-4 dark:border-gray-800">
+  <div class="shrink-0 border-t border-gray-200 p-4 dark:border-gray-800">
     <div class="mx-auto max-w-2xl">
-      <div
-        class="flex items-end gap-3 rounded-2xl bg-gray-100 px-4 py-3 dark:bg-gray-800"
-        :class="[disabled ? 'opacity-60' : '']"
+      <UChatPrompt
+        v-model="inputValue"
+        :placeholder="placeholder || '输入你的问题...'"
+        :disabled="disabled"
+        variant="subtle"
+        @submit="handleSubmit"
       >
-        <!-- 输入框 -->
-        <textarea
-          ref="textareaRef"
-          v-model="inputValue"
-          :placeholder="placeholder || '输入你的问题...'"
-          :disabled="disabled"
-          rows="1"
-          class="max-h-[200px] min-h-[24px] flex-1 resize-none bg-transparent text-sm text-gray-900 placeholder-gray-500 outline-none dark:text-white dark:placeholder-gray-400"
-          @keydown="handleKeydown"
-          @input="handleInput"
+        <UChatPromptSubmit
+          :status="chatStatus"
+          class="rounded-full"
+          color="primary"
+          @stop="handleStop"
         />
-
-        <!-- 发送按钮 -->
-        <button
-          :disabled="!canSend"
-          class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-colors"
-          :class="[
-            canSend
-              ? 'bg-violet-500 text-white hover:bg-violet-600'
-              : 'cursor-not-allowed bg-gray-300 text-gray-500 dark:bg-gray-700',
-          ]"
-          @click="handleSend"
-        >
-          <UIcon name="i-heroicons-paper-airplane" class="h-4 w-4" />
-        </button>
-      </div>
-
-      <!-- 提示文字 -->
-      <div class="mt-2 flex items-center justify-center gap-2">
-        <span class="text-xs text-gray-400">
-          <kbd class="rounded bg-gray-200 px-1 py-0.5 text-[10px] dark:bg-gray-700">Enter</kbd>
-          发送
-        </span>
-        <span class="text-xs text-gray-400">
-          <kbd class="rounded bg-gray-200 px-1 py-0.5 text-[10px] dark:bg-gray-700">Shift + Enter</kbd>
-          换行
-        </span>
-      </div>
+      </UChatPrompt>
     </div>
   </div>
 </template>
-
diff --git a/src/components/analysis/ai/ChatMessage.vue b/src/components/analysis/ai/ChatMessage.vue
index 1d0e4660..8ccd6220 100644
--- a/src/components/analysis/ai/ChatMessage.vue
+++ b/src/components/analysis/ai/ChatMessage.vue
@@ -2,6 +2,7 @@
 import { computed } from 'vue'
 import dayjs from 'dayjs'
 import MarkdownIt from 'markdown-it'
+import userAvatar from '@/assets/images/momo.png'
 
 // Props
 const props = defineProps<{
@@ -37,18 +38,14 @@ const renderedContent = computed(() => {
 <template>
   <div class="flex items-start gap-3" :class="[isUser ? 'flex-row-reverse' : '']">
     <!-- 头像 -->
+    <div v-if="isUser" class="h-8 w-8 shrink-0 overflow-hidden rounded-full">
+      <img :src="userAvatar" alt="用户头像" class="h-full w-full object-cover" />
+    </div>
     <div
-      class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full"
-      :class="[
-        isUser
-          ? 'bg-gradient-to-br from-blue-500 to-cyan-500'
-          : 'bg-gradient-to-br from-violet-500 to-purple-600',
-      ]"
+      v-else
+      class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-violet-500 to-purple-600"
     >
-      <UIcon
-        :name="isUser ? 'i-heroicons-user' : 'i-heroicons-sparkles'"
-        class="h-4 w-4 text-white"
-      />
+      <UIcon name="i-heroicons-sparkles" class="h-4 w-4 text-white" />
     </div>
 
     <!-- 消息内容 -->
diff --git a/src/components/analysis/ai/ConversationList.vue b/src/components/analysis/ai/ConversationList.vue
index 574a6577..a180d8dd 100644
--- a/src/components/analysis/ai/ConversationList.vue
+++ b/src/components/analysis/ai/ConversationList.vue
@@ -113,7 +113,7 @@ defineExpose({
 </script>
 
 <template>
-  <div class="flex h-full w-48 flex-col rounded-xl bg-white shadow-sm dark:bg-gray-900">
+  <div class="flex h-full w-64 flex-col rounded-xl bg-white shadow-sm dark:bg-gray-900">
     <!-- 头部 -->
     <div class="flex items-center justify-between border-b border-gray-200 px-4 py-3 dark:border-gray-800">
       <div class="flex items-center gap-2">
diff --git a/src/composables/useAIChat.ts b/src/composables/useAIChat.ts
index 5ebafdc2..9c69c4ff 100644
--- a/src/composables/useAIChat.ts
+++ b/src/composables/useAIChat.ts
@@ -333,7 +333,10 @@ export function useAIChat(sessionId: string, timeFilter?: { startTs: number; end
 
       // 5. 保存对话到数据库
       console.log('[AI] === Step 5: 保存对话 ===')
-      await saveConversation(userMessage, aiMessage)
+      // 使用数组中的最新消息（流式更新后的内容）
+      const finalAiMessage = messages.value[aiMessageIndex]
+      console.log('[AI] 保存 AI 消息内容长度:', finalAiMessage.content.length)
+      await saveConversation(userMessage, finalAiMessage)
       console.log('[AI] 对话已保存')
       console.log('[AI] ====== 处理完成 ======')
     } catch (error) {
@@ -362,26 +365,40 @@ export function useAIChat(sessionId: string, timeFilter?: { startTs: number; end
    * 保存对话到数据库
    */
   async function saveConversation(userMsg: ChatMessage, aiMsg: ChatMessage): Promise<void> {
+    console.log('[AI] saveConversation 调用')
+    console.log('[AI] 用户消息内容长度:', userMsg.content?.length || 0)
+    console.log('[AI] AI消息内容长度:', aiMsg.content?.length || 0)
+    console.log('[AI] AI消息内容预览:', aiMsg.content?.slice(0, 100))
+
     try {
-      // 如果没有当前对话，创建新对话
+      // 如果没有当前对话，创建新对话（使用用户第一次提问作为标题）
       if (!currentConversationId.value) {
-        const conversation = await window.aiApi.createConversation(sessionId)
+        // 截取前 50 个字符作为标题
+        const title = userMsg.content.slice(0, 50) + (userMsg.content.length > 50 ? '...' : '')
+        const conversation = await window.aiApi.createConversation(sessionId, title)
         currentConversationId.value = conversation.id
+        console.log('[AI] 创建了新对话:', conversation.id)
       }
 
       // 保存用户消息
+      console.log('[AI] 保存用户消息...')
       await window.aiApi.addMessage(currentConversationId.value, 'user', userMsg.content)
 
-      // 保存 AI 消息
+      // 保存 AI 消息（需要将 Proxy 对象转为普通对象以便 IPC 序列化）
+      console.log('[AI] 保存 AI 消息...')
+      const keywords = aiMsg.dataSource?.keywords ? [...aiMsg.dataSource.keywords] : undefined
+      const messageCount = aiMsg.dataSource?.messageCount
+
       await window.aiApi.addMessage(
         currentConversationId.value,
         'assistant',
         aiMsg.content,
-        aiMsg.dataSource?.keywords,
-        aiMsg.dataSource?.messageCount
+        keywords,
+        messageCount
       )
+      console.log('[AI] 消息保存完成')
     } catch (error) {
-      console.error('保存对话失败：', error)
+      console.error('[AI] 保存对话失败：', error)
     }
   }
 
@@ -389,8 +406,17 @@ export function useAIChat(sessionId: string, timeFilter?: { startTs: number; end
    * 加载对话历史
    */
   async function loadConversation(conversationId: string): Promise<void> {
+    console.log('[AI] 加载对话历史，conversationId:', conversationId)
     try {
       const history = await window.aiApi.getMessages(conversationId)
+      console.log('[AI] 获取到的历史消息数量:', history.length)
+      console.log('[AI] 历史消息详情:', history.map(m => ({
+        id: m.id,
+        role: m.role,
+        contentLength: m.content?.length || 0,
+        content: m.content?.slice(0, 50) + '...'
+      })))
+
       currentConversationId.value = conversationId
 
       messages.value = history.map((msg) => ({
@@ -405,8 +431,9 @@ export function useAIChat(sessionId: string, timeFilter?: { startTs: number; end
             }
           : undefined,
       }))
+      console.log('[AI] 加载完成，messages.value 数量:', messages.value.length)
     } catch (error) {
-      console.error('加载对话历史失败：', error)
+      console.error('[AI] 加载对话历史失败：', error)
     }
   }