byt-lingxiao-ai 0.3.23 → 0.3.25

package/components/AiMessage.vue

@@ -1,107 +1,93 @@
 <template>
   <div class="chat-window-message-ai">
     <div class="ai-render">
-      <div class="ai-loading" v-if="isLoading">
+      <div v-if="message.loading" class="ai-loading">
         <div class="dot"></div>
         <div class="dot"></div>
         <div class="dot"></div>
       </div>
-      <div class="ai-thinking" @click="$emit('thinking-toggle')" v-if="message.thinking">
-        <div class="ai-thinking-time">{{ message.time ? `思考用时${message.time}秒` : '思考中...' }}</div>
-        <div class="ai-thinking-content" v-if="thinkingExpanded">{{ message.thinking }}</div>
+      <div
+        v-for="item in message.timeline"
+        :key="item.id"
+        class="ai-message-item"
+      >
+        <div
+          v-if="item.type === 'thinking'"
+          class="ai-thinking"
+          @click="$emit('thinking-toggle')"
+        >
+          <div class="ai-thinking-time">
+            {{
+              item.duration
+                ? `思考用时 ${item.duration} 秒`
+                : '思考中...'
+            }}
+          </div>
+          <div
+            class="ai-thinking-content"
+            v-if="thinkingExpanded"
+          >
+            {{ item.content }}
+          </div>
+        </div>
+        <div
+          v-else-if="item.type === 'tool_call'"
+          class="ai-tool-call"
+        >
+          <div class="tool-title">🔧 {{ item.content }}{{ item.name }}</div>
+        </div>
+        <div
+          v-else-if="item.type === 'tool_result'"
+          class="ai-tool-result"
+        >
+          <div class="tool-title">📦 {{ item.content }}</div>
+        </div>
+        <div
+          v-else-if="item.type === 'content'"
+          class="ai-content markdown-body"
+          v-html="renderMarkdown(item.content)"
+        ></div>
       </div>
-      <div class="ai-content markdown-body" @click="handleLinkClick" v-html="renderedContent"></div>
     </div>
   </div>
 </template>
 
 <script>
-import { marked } from 'marked';
-import hljs from 'highlight.js';
-import 'highlight.js/styles/github.css';
-
-// 创建自定义渲染器
-const renderer = new marked.Renderer()
-
-// 自定义链接渲染
-renderer.link = function ({ href, text }) {
-  let dataPath = ''
-  const url = new URL(href, window.location.origin)
-  const pathname = url.pathname
-
-  if (pathname.startsWith('/portal/')) {
-    dataPath = pathname.substring('/portal'.length)
-    return `<a href="javascript:void(0)" data-path="${dataPath}" data-text="${text}">${text}</a>`
-  } else {
-    dataPath = href
-    return `<a href="${dataPath}" target="_blank">${text}</a>`
-  }
-}
+import { marked } from 'marked'
+import hljs from 'highlight.js'
+import 'highlight.js/styles/github.css'
+
 marked.setOptions({
-  renderer: renderer,
-  highlight: function(code, lang) {
+  highlight(code, lang) {
     if (lang && hljs.getLanguage(lang)) {
-      return hljs.highlight(code, { language: lang }).value;
+      return hljs.highlight(code, { language: lang }).value
     }
-    return hljs.highlightAuto(code).value;
+    return hljs.highlightAuto(code).value
   },
   breaks: true,
   gfm: true
-});
+})
 
 export default {
-  name: 'AiMessage',
   props: {
-    message: {
-      type: Object,
-      required: true
-    }
+    message: Object,
+    thinkStatus: Boolean
   },
   computed: {
     thinkingExpanded() {
-      return this.message.thinkingExpanded !== false;
-    },
-    renderedContent() {
-      return marked.parse(this.message.content || '');
-    },
-    isLoading() {
-      return this.message.loading === true;
-    }
-  },
-  watch: {
-    thinkStatus(newVal, oldVal) {
-      console.log('thinkStatus 变化:', newVal, oldVal);
+      return this.message.thinkingExpanded !== false
     }
   },
   methods: {
-    handleLinkClick(event) {
-      const link = event.target.closest('a')
-      if (!link) return
-
-      const routePath = link.getAttribute('data-path')
-      const linkText = link.getAttribute('data-text')
-
-      if (routePath && linkText) {
-        event.preventDefault()
-
-        if (this.$appOptions?.store?.dispatch) {
-          this.$appOptions.store.dispatch('tags/addTagview', {
-            path: routePath,
-            fullPath: routePath,
-            label: linkText,
-            name: linkText,
-            meta: { title: linkText }
-          })
-          this.$appOptions.router.push({ path: routePath })
-        } else {
-          this.$router.push(routePath).catch(() => {})
-        }
-      }
+    renderMarkdown(text) {
+      return marked.parse(text || '')
     }
   }
 }
 </script>
 
+
+
 <style scoped>
 /* Loading 容器 */
 .ai-loading {

package/components/ChatMessageList.vue

@@ -6,11 +6,11 @@
       v-for="message in messages"
       :key="message.id"
     >
-      <UserMessage 
+      <UserMessage
         v-if="message.type === 'user'"
         :content="message.content"
       />
-      <AiMessage 
+      <AiMessage
         v-else
         :message="message"
         :think-status="thinkStatus"
@@ -25,53 +25,34 @@ import UserMessage from './UserMessage.vue'
 import AiMessage from './AiMessage.vue'
 
 export default {
-  name: 'ChatMessageList',
-  components: {
-    UserMessage,
-    AiMessage
-  },
+  components: { UserMessage, AiMessage },
   props: {
-    messages: {
-      type: Array,
-      required: true
-    },
-    thinkStatus: {
-      type: Boolean,
-      default: true
-    }
+    messages: Array,
+    thinkStatus: Boolean
   },
   computed: {
     lastMessageObject() {
-      const len = this.messages.length;
-      if (len === 0) {
-        return null;
-      }
-      return this.messages[len - 1];
+      return this.messages[this.messages.length - 1] || null
     }
   },
   methods: {
     handleThinkingToggle(message) {
-      console.log('handleThinkingToggle', message)
-      this.$set(message, 'thinkingExpanded', !message.thinkingExpanded);
+      this.$set(message, 'thinkingExpanded', !message.thinkingExpanded)
     },
     scrollToBottom() {
       this.$nextTick(() => {
-        const chatArea = this.$refs.chatArea
-        if (chatArea) {
-          chatArea.scrollTop = chatArea.scrollHeight
-        }
+        const el = this.$refs.chatArea
+        if (el) el.scrollTop = el.scrollHeight
       })
     }
   },
   watch: {
     lastMessageObject: {
-      handler(newMsg) {
-        if (newMsg) {
-          this.scrollToBottom();
-        }
+      handler() {
+        this.scrollToBottom()
       },
       deep: true,
-      immediate: true 
+      immediate: true
     }
   }
 }

package/components/ChatWindow.vue

@@ -94,6 +94,7 @@ export default {
       initialX: 10, 
       initialY: 20,
       hasMoved: false,
+      timeJumpPoints: []
     }
   },
   computed: {
@@ -117,6 +118,8 @@ export default {
       this.appendToBodyHandler()
     }
 
+    this.fetchTimeJumpPoints()
+
     this.$nextTick(() => {
       const chatEl = this.$el;
       const style = window.getComputedStyle(chatEl);
@@ -219,42 +222,47 @@ export default {
         }
       })
     },
+    async fetchTimeJumpPoints() {
+      try {
+        const res = await fetch(TIME_JUMP_POINTS_URL)
+        const data = await res.json()
+        this.timeJumpPoints = Array.isArray(data) ? data : []
+        console.log('时间跳转点加载完成:', this.timeJumpPoints)
+      } catch (err) {
+        console.error('获取时间跳转点失败:', err)
+        this.timeJumpPoints = []
+      }
+    },
     // 音频时间更新处理
     onTimeUpdate() {
       const audio = this.$refs.audioPlayer
       const currentTime = audio.currentTime
 
-      if (!this.jumpedTimePoints) {
-        this.jumpedTimePoints = new Set()
-      }
+      if (!this.timeJumpPoints.length) return
+
+      this.timeJumpPoints.forEach(point => {
+        if (
+          currentTime >= point.time &&
+          currentTime < point.time + 1 &&
+          !this.jumpedTimePoints.has(point.time)
+        ) {
+          console.log('触发跳转:', point.url)
 
-      fetch(TIME_JUMP_POINTS_URL)
-        .then(response => response.json())
-        .then(data => {
-          console.log('时间跳转点:', data)
-          console.log('当前时间:', currentTime)
-          data.forEach(point => {
-            console.log('跳转点:', point)
-            console.log('跳转时间:', point.time)
-            console.log('当前时间:', currentTime)
-            console.log('是否已跳转:', this.jumpedTimePoints.has(point.time))
-            console.log('跳转时间范围:', currentTime >= point.time && currentTime < point.time + 1)
-            if (currentTime >= point.time && currentTime < point.time + 1 && !this.jumpedTimePoints.has(point.time)) {
-              this.jumpedTimePoints.add(point.time)
-              this.$appOptions.store.dispatch('tags/addTagview', {
-                path: point.url,
-                fullPath: point.url,
-                label: point.title,
-                name: point.title,
-                meta: { title: point.title },
-                query: {},
-                params: {}
-              })
-              this.$appOptions.router.push({ path: point.url })
-            }
+          this.jumpedTimePoints.add(point.time)
+
+          this.$appOptions.store.dispatch('tags/addTagview', {
+            path: point.url,
+            fullPath: point.url,
+            label: point.title,
+            name: point.title,
+            meta: { title: point.title },
+            query: {},
+            params: {}
           })
-        })
-        .catch(error => console.error('获取时间跳转点失败:', error))
+
+          this.$appOptions.router.push({ path: point.url })
+        }
+      })
     },
     onAudioEnded() {
       this.robotStatus = 'leaving'

package/components/mixins/messageMixin.js

@@ -7,7 +7,14 @@ import { getCookie } from '../utils/Cookie.js'
 export default {
   data() {
     return {
-      streamParser: null
+      streamParser: null,
+      aiMessage: {
+        id: Date.now(),
+        type: 'ai',
+        timeline: [],
+        loading: true,
+        thinkingExpanded: true
+      }
     }
   },
 
@@ -21,20 +28,9 @@ export default {
 
   methods: {
     createAiMessage() {
-      const message = {
-        id: this.messages.length + 1,
-        type: 'ai',
-        sender: 'AI',
-        time: '',
-        thinking: '',
-        charts: [],
-        content: '',
-        loading: true,
-        thinkingExpanded: true
-      };
-      this.messages.push(message);
-      this.currentMessage = message;
-      return message;
+      this.messages.push(this.aiMessage);
+      this.currentMessage = this.aiMessage;
+      return this.aiMessage;
     },
 
     createUserMessage(content) {
@@ -86,10 +82,8 @@ export default {
         await this.consumeStream(response.body);
         
         // 完成解析
-        const self = this;
-        this.streamParser.finish(function(result) {
-          self.handleStreamUpdate(result);
-        });
+        this.streamParser.finish(() => {});
+        this.aiMessage.loading = false;
         
         // 记录耗时
         const duration = Date.now() - startTime;
@@ -120,7 +114,6 @@ export default {
     async consumeStream(readableStream) {
       const reader = readableStream.getReader();
       const decoder = new TextDecoder('utf-8');
-      const self = this;
 
       try {
         // eslint-disable-next-line no-constant-condition
@@ -131,9 +124,11 @@ export default {
           const chunk = decoder.decode(value, { stream: true });
           console.log('收到数据块:', chunk);
           // 使用解析器处理数据块，确保this指向正确
-          this.streamParser.processChunk(chunk, function(result) {
-            console.log('处理数据块:', result);
-            self.handleStreamUpdate(result);
+          this.streamParser.processChunk(chunk, (e)  => {
+            console.log('处理数据块:', e);
+            if (e.type === 'create') {
+              this.aiMessage.timeline.push(e.event)
+            }
           });
         }
       } finally {
@@ -174,11 +169,5 @@ export default {
       this.$forceUpdate();
     }
   },
-
-  beforeDestroy() {
-    // 清理解析器
-    if (this.streamParser) {
-      this.streamParser.destroy();
-    }
-  }
+  beforeDestroy() {}
 }

package/components/mixins/webSocketMixin.js

@@ -14,7 +14,9 @@ export default {
       try {
         // this.ws = new WebSocket('ws://10.2.233.41:9999');
         // 测试
+        // console.log('WS_URL:', WS_URL)
         this.ws = new WebSocket(WS_URL);
+        // this.ws = new WebSocket('ws://192.168.8.87/audio/ws/');
         this.ws.binaryType = 'arraybuffer';
 
         this.ws.onopen = async () => {