byt-lingxiao-ai 0.2.5 → 0.2.6

package/dist/index.umd.js

@@ -3756,7 +3756,7 @@ if (typeof window !== 'undefined') {
 var es_iterator_constructor = __webpack_require__(8111);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__(7588);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindow.vue?vue&type=template&id=62955cf4&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindow.vue?vue&type=template&id=d604373c&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -3774,172 +3774,44 @@ var render = function render() {
       "src": _vm.audioSrc,
       "type": "audio/mpeg"
     }
-  }), _vm._v(" 您的浏览器不支持音频元素。 ")]), _vm.robotStatus !== 'leaving' ? _c('div', {
-    class: ['chat-robot', _vm.robotStatus]
-  }) : _c('div', {
-    staticClass: "chat-ai",
-    on: {
-      "click": _vm.toggleWindow
-    }
-  }, [_c('div', {
-    class: ['chat-ai-avater', _vm.avaterStatus]
-  }), _c('div', {
-    staticClass: "chat-ai-text"
-  }, [_vm._v(_vm._s(_vm.avaterText))])]), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.visible,
-      expression: "visible"
-    }],
-    staticClass: "chat-overlay",
-    on: {
-      "click": _vm.handleOverlayClick
-    }
-  }, [_c('div', {
-    staticClass: "chat-window",
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-      }
-    }
-  }, [_c('div', {
-    staticClass: "chat-window-header"
-  }, [_c('div', {
-    staticClass: "chat-window-header-title"
-  }, [_vm._v("凌霄大模型AI对话")]), _c('div', {
-    staticClass: "chat-window-header-close",
-    on: {
-      "click": function ($event) {
-        _vm.visible = false;
-      }
-    }
-  }, [_c('svg', {
-    attrs: {
-      "xmlns": "http://www.w3.org/2000/svg",
-      "width": "24",
-      "height": "24",
-      "viewBox": "0 0 24 24",
-      "fill": "none"
-    }
-  }, [_c('path', {
+  }), _vm._v(" 您的浏览器不支持音频元素。 ")]), _vm.robotStatus !== 'leaving' ? _c('ChatRobot', {
     attrs: {
-      "d": "M5.50002 5.5L18.5 18.5",
-      "stroke": "#4E5969",
-      "stroke-width": "1.89404",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
+      "status": _vm.robotStatus
     }
-  }), _c('path', {
+  }) : _c('ChatAvatar', {
     attrs: {
-      "d": "M5.50002 18.5L18.5 5.5",
-      "stroke": "#4E5969",
-      "stroke-width": "1.89404",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
+      "status": _vm.avaterStatus
+    },
+    on: {
+      "click": _vm.toggleWindow
     }
-  })])])]), _c('div', {
-    ref: "chatArea",
-    staticClass: "chat-window-content scrollbar-hide"
-  }, _vm._l(_vm.messages, function (message) {
-    return _c('div', {
-      key: message.id,
-      staticClass: "chat-window-message"
-    }, [message.type === 'user' ? _c('div', {
-      staticClass: "chat-window-message-user"
-    }, [_c('div', {
-      staticClass: "user-message"
-    }, [_vm._v(_vm._s(message.content))])]) : _c('div', {
-      staticClass: "chat-window-message-ai"
-    }, [_c('div', {
-      staticClass: "ai-render"
-    }, [_c('div', {
-      staticClass: "ai-thinking"
-    }, [_c('div', {
-      staticClass: "ai-thinking-time"
-    }, [_vm._v("思考用时" + _vm._s(message.time) + "秒")]), _c('div', {
-      staticClass: "ai-thinking-content"
-    }, [_vm._v(_vm._s(message.thinking))])]), _c('div', {
-      staticClass: "ai-content"
-    }, [_vm._v(_vm._s(message.content))])])])]);
-  }), 0), _c('div', {
-    staticClass: "chat-window-footer"
-  }, [_c('div', {
-    staticClass: "chat-window-textarea"
-  }, [_c('el-input', {
-    staticClass: "chat-window-input",
+  }), _c('ChatWindowDialog', {
     attrs: {
-      "type": "textarea",
-      "placeholder": "有什么我能帮您的吗？",
-      "rows": "2",
-      "resize": "none"
+      "messages": _vm.messages,
+      "input-message": _vm.inputMessage,
+      "think-status": _vm.thinkStatus
     },
     on: {
-      "keydown": _vm.handleKeyDown
+      "update:inputMessage": function ($event) {
+        _vm.inputMessage = $event;
+      },
+      "send": _vm.handleSend,
+      "thinking-click": _vm.handleThinkingClick,
+      "overlay-click": _vm.handleOverlayClick
     },
     model: {
-      value: _vm.inputMessage,
+      value: _vm.visible,
       callback: function ($$v) {
-        _vm.inputMessage = $$v;
+        _vm.visible = $$v;
       },
-      expression: "inputMessage"
-    }
-  }), _c('div', {
-    staticClass: "chat-window-bar"
-  }, [_c('div', {
-    staticClass: "chat-window-send",
-    on: {
-      "click": _vm.handleSend
-    }
-  }, [_c('svg', {
-    attrs: {
-      "xmlns": "http://www.w3.org/2000/svg",
-      "width": "20",
-      "height": "20",
-      "viewBox": "0 0 20 20",
-      "fill": "none"
-    }
-  }, [_c('g', {
-    attrs: {
-      "clip-path": "url(#clip0_640_2107)"
-    }
-  }, [_c('path', {
-    attrs: {
-      "d": "M18.6427 2.37822C19.3253 2.47432 19.8025 3.10738 19.7065 3.79002C19.6871 3.97072 19.5381 4.41327 19.5403 4.41161L14.9673 17.8079L14.9632 17.8093C14.7858 18.3838 14.212 18.7607 13.5971 18.6744C13.4173 18.6492 13.2504 18.5862 13.1055 18.4949L13.0973 18.4977L9.83449 16.3686C9.58371 16.2584 9.4276 15.9939 9.46729 15.7115C9.5154 15.3691 9.83278 15.1317 10.1751 15.1798C10.293 15.1964 10.3988 15.2448 10.4853 15.3161L13.4054 17.2314L13.4073 17.2317C13.4452 17.2566 13.4882 17.2746 13.5364 17.2814C13.6911 17.3029 13.8371 17.2052 13.8793 17.0593L18.0469 4.89796L8.27396 14.3367L7.77435 17.8916C7.72706 18.2281 7.41369 18.464 7.07727 18.4169C6.74073 18.3696 6.50469 18.0564 6.55198 17.7198L7.07633 13.9889C7.08231 13.9464 7.09382 13.9066 7.10727 13.867C7.13549 13.7645 7.19079 13.6657 7.27291 13.5866L17.0754 4.12041L2.68514 8.17767L2.68487 8.1796C2.58481 8.21873 2.50686 8.31058 2.49042 8.42643C2.47412 8.5424 2.52417 8.65007 2.6093 8.71729L2.60903 8.71922L3.28261 9.16101L3.28013 9.16461C3.47505 9.29254 3.58819 9.52563 3.55386 9.77111C3.50575 10.1134 3.18836 10.3509 2.84602 10.3028C2.75512 10.29 2.6708 10.2584 2.59833 10.2127L2.59806 10.2147L1.37843 9.42001L1.37951 9.41227C1.02215 9.14901 0.816644 8.70195 0.882687 8.23203C0.951867 7.74096 1.29791 7.35545 1.73968 7.21445L1.73995 7.21251L17.7833 2.57104C18.0287 2.41036 18.3294 2.3342 18.6427 2.37822Z",
-      "fill": "#013378"
-    }
-  }), _c('path', {
-    attrs: {
-      "d": "M3.1309 10.9936C3.2178 10.5684 3.82528 10.5684 3.91218 10.9936C4.10411 11.9326 4.83794 12.6664 5.77697 12.8584C6.20213 12.9453 6.20213 13.5527 5.77697 13.6397C4.83794 13.8316 4.10411 14.5654 3.91218 15.5044C3.82528 15.9296 3.2178 15.9296 3.1309 15.5044C2.93897 14.5654 2.20513 13.8316 1.26611 13.6397C0.840944 13.5527 0.840944 12.9453 1.26611 12.8584C2.20513 12.6664 2.93897 11.9326 3.1309 10.9936Z",
-      "fill": "#2B80F6"
-    }
-  }), _c('path', {
-    attrs: {
-      "d": "M6.20382 8.56242C6.25596 8.30732 6.62045 8.30732 6.67259 8.56242C6.78775 9.12583 7.22805 9.56613 7.79146 9.68129C8.04656 9.73343 8.04656 10.0979 7.79146 10.1501C7.22805 10.2652 6.78775 10.7055 6.67259 11.2689C6.62045 11.524 6.25596 11.524 6.20382 11.2689C6.08866 10.7055 5.64836 10.2652 5.08495 10.1501C4.82985 10.0979 4.82985 9.73343 5.08495 9.68129C5.64836 9.56613 6.08866 9.12583 6.20382 8.56242Z",
-      "fill": "#2B80F6"
-    }
-  })]), _c('defs', [_c('clipPath', {
-    attrs: {
-      "id": "clip0_640_2107"
-    }
-  }, [_c('rect', {
-    attrs: {
-      "width": "20",
-      "height": "20",
-      "fill": "white"
+      expression: "visible"
     }
-  })])])])])])], 1)])])])]);
+  })], 1);
 };
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array-buffer.detached.js
-var es_array_buffer_detached = __webpack_require__(6573);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array-buffer.transfer.js
-var es_array_buffer_transfer = __webpack_require__(8100);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array-buffer.transfer-to-fixed-length.js
-var es_array_buffer_transfer_to_fixed_length = __webpack_require__(7936);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
 var es_set_difference_v2 = __webpack_require__(7642);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.intersection.v2.js
@@ -3954,176 +3826,888 @@ var es_set_is_superset_of_v2 = __webpack_require__(2475);
 var es_set_symmetric_difference_v2 = __webpack_require__(5024);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.union.v2.js
 var es_set_union_v2 = __webpack_require__(1698);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.typed-array.with.js
-var es_typed_array_with = __webpack_require__(9577);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindow.vue?vue&type=script&lang=js
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatRobot.vue?vue&type=template&id=3d936cb2&scoped=true
+var ChatRobotvue_type_template_id_3d936cb2_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    class: ['chat-robot', _vm.status]
+  });
+};
+var ChatRobotvue_type_template_id_3d936cb2_scoped_true_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatRobot.vue?vue&type=script&lang=js
+/* harmony default export */ var ChatRobotvue_type_script_lang_js = ({
+  name: 'ChatRobot',
+  props: {
+    status: {
+      type: String,
+      required: true,
+      validator: value => ['entering', 'waiting', 'speaking'].includes(value)
+    }
+  }
+});
+;// ./components/ChatRobot.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ChatRobotvue_type_script_lang_js = (ChatRobotvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatRobot.vue?vue&type=style&index=0&id=3d936cb2&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./components/ChatRobot.vue?vue&type=style&index=0&id=3d936cb2&prod&scoped=true&lang=css
+
+;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
 
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
 
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
 
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
 
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
 
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
 
+;// ./components/ChatRobot.vue
 
 
 
+;
 
 
+/* normalize component */
 
+var component = normalizeComponent(
+  components_ChatRobotvue_type_script_lang_js,
+  ChatRobotvue_type_template_id_3d936cb2_scoped_true_render,
+  ChatRobotvue_type_template_id_3d936cb2_scoped_true_staticRenderFns,
+  false,
+  null,
+  "3d936cb2",
+  null
+  
+)
 
+/* harmony default export */ var ChatRobot = (component.exports);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatAvatar.vue?vue&type=template&id=7b09a9c8&scoped=true
+var ChatAvatarvue_type_template_id_7b09a9c8_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "chat-ai",
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('click');
+      }
+    }
+  }, [_c('div', {
+    class: ['chat-ai-avater', _vm.status]
+  }), _c('div', {
+    staticClass: "chat-ai-text"
+  }, [_vm._v(_vm._s(_vm.statusText))])]);
+};
+var ChatAvatarvue_type_template_id_7b09a9c8_scoped_true_staticRenderFns = [];
 
-const SAMPLE_RATE = 16000;
-const FRAME_SIZE = 512;
-/* harmony default export */ var ChatWindowvue_type_script_lang_js = ({
-  name: 'ChatWindow',
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatAvatar.vue?vue&type=script&lang=js
+/* harmony default export */ var ChatAvatarvue_type_script_lang_js = ({
+  name: 'ChatAvatar',
   props: {
-    appendToBody: {
-      type: Boolean,
-      default: true
+    status: {
+      type: String,
+      required: true,
+      validator: value => ['normal', 'thinking', 'output'].includes(value)
     }
   },
-  data() {
-    return {
-      audioSrc: '/minio/lingxiaoai/byt.mp3',
-      // 音频URL
-      inputMessage: '',
-      // 输入消息
-      visible: false,
-      // 窗口是否可见
-      messages: [{
-        id: 1,
-        type: 'user',
-        sender: '',
-        time: '',
-        content: '你好，欢迎来到凌霄大模型AI对话。'
-      }, {
-        id: 2,
-        type: 'ai',
-        sender: 'AI',
-        time: '',
-        thinking: '嗯，用户问的是回转窑的工业应用。首先，我需要回忆一下之前对话的内容。用户之前让我解释了水泥的制作流程，特别是提到了回转窑在高温煅烧熟料中的作用。',
-        charts: [{
-          title: '',
-          options: {}
-        }],
-        content: '回转窑（Rotary Kiln）是一种长筒形旋转煅烧设备（类似倾斜安装的大管子），因其独特的旋转运动和高温耐火衬里设计，在多个工业领域都有广泛应用'
-      }],
-      // 消息列表
-      isRecording: false,
-      // 正在录制
-      isMicAvailable: false,
-      // 麦克风是否可用
-      mediaRecorder: null,
-      // 媒体录制器
-      ws: null,
-      // WebSocket连接
-      // wsUrl: 'wss://mes.shnfonline.top:8316/ai_model/ws/voice-stream', // WebSocket URL
-      wsUrl: 'ws://192.168.8.9:9999/ai_model/ws/voice-stream',
-      // WebSocket URL
-      isConnected: false,
-      // WebSocket是否已连接
-      audioContext: null,
-      // 音频上下文
-      microphone: null,
-      // 麦克风输入节点
-      processor: null,
-      // 音频处理节点
-      robotStatus: 'leaving',
-      // 机器人状态 waiting, speaking, leaving, entering
-      avaterStatus: 'normal',
-      // 头像状态 normal output thinking
-      buffer: '',
-      // 音频缓冲区
-      currentMessage: null,
-      // 当前消息
-      inTag: false,
-      // 是否在标签页
-      tagBuilder: '',
-      // 标签构建器
-      audioBuffer: new Float32Array(0) // 音频缓冲区
-    };
-  },
   computed: {
-    avaterText() {
+    statusText() {
       const textMap = {
         'normal': '凌霄AI',
         'thinking': '思考中',
         'output': '语音中'
       };
-      return textMap[this.avaterStatus];
+      return textMap[this.status];
     }
-  },
-  mounted() {
-    this.initWebSocket();
+  }
+});
+;// ./components/ChatAvatar.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ChatAvatarvue_type_script_lang_js = (ChatAvatarvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatAvatar.vue?vue&type=style&index=0&id=7b09a9c8&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
 
-    // 处理append-to-body逻辑
-    if (this.appendToBody) {
-      this.appendToBodyHandler();
+;// ./components/ChatAvatar.vue?vue&type=style&index=0&id=7b09a9c8&prod&scoped=true&lang=css
+
+;// ./components/ChatAvatar.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var ChatAvatar_component = normalizeComponent(
+  components_ChatAvatarvue_type_script_lang_js,
+  ChatAvatarvue_type_template_id_7b09a9c8_scoped_true_render,
+  ChatAvatarvue_type_template_id_7b09a9c8_scoped_true_staticRenderFns,
+  false,
+  null,
+  "7b09a9c8",
+  null
+  
+)
+
+/* harmony default export */ var ChatAvatar = (ChatAvatar_component.exports);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindowDialog.vue?vue&type=template&id=5eca994a&scoped=true
+var ChatWindowDialogvue_type_template_id_5eca994a_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.value,
+      expression: "value"
+    }],
+    staticClass: "chat-overlay",
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('overlay-click');
+      }
+    }
+  }, [_c('div', {
+    staticClass: "chat-window",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c('ChatWindowHeader', {
+    on: {
+      "close": function ($event) {
+        return _vm.$emit('input', false);
+      }
+    }
+  }), _c('ChatMessageList', {
+    ref: "messageList",
+    attrs: {
+      "messages": _vm.messages,
+      "think-status": _vm.thinkStatus
+    },
+    on: {
+      "thinking-click": function ($event) {
+        return _vm.$emit('thinking-click');
+      }
+    }
+  }), _c('ChatInputBox', {
+    attrs: {
+      "value": _vm.inputMessage
+    },
+    on: {
+      "input": function ($event) {
+        return _vm.$emit('update:inputMessage', $event);
+      },
+      "send": function ($event) {
+        return _vm.$emit('send');
+      }
+    }
+  })], 1)]);
+};
+var ChatWindowDialogvue_type_template_id_5eca994a_scoped_true_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindowHeader.vue?vue&type=template&id=6518e4ca&scoped=true
+var ChatWindowHeadervue_type_template_id_6518e4ca_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "chat-window-header"
+  }, [_c('div', {
+    staticClass: "chat-window-header-title"
+  }, [_vm._v("凌霄大模型AI123对话")]), _c('div', {
+    staticClass: "chat-window-header-open",
+    on: {
+      "click": _vm.handleOpen
+    }
+  }, [_c('svg', {
+    attrs: {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none"
+    }
+  }, [_c('path', {
+    attrs: {
+      "d": "M14.5 4.5H19.5V9.5",
+      "stroke": "#4E5969",
+      "stroke-width": "1.66667",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }
+  }), _c('path', {
+    attrs: {
+      "d": "M9.5 19.5H4.5V14.5",
+      "stroke": "#4E5969",
+      "stroke-width": "1.66667",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }
+  }), _c('path', {
+    attrs: {
+      "d": "M19.5 4.5L14.0833 9.91667",
+      "stroke": "#4E5969",
+      "stroke-width": "1.66667",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }
+  }), _c('path', {
+    attrs: {
+      "d": "M9.91667 14.083L4.5 19.4997",
+      "stroke": "#4E5969",
+      "stroke-width": "1.66667",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }
+  })])]), _c('div', {
+    staticClass: "chat-window-header-close",
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('close');
+      }
+    }
+  }, [_c('svg', {
+    attrs: {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none"
+    }
+  }, [_c('path', {
+    attrs: {
+      "d": "M5.50002 5.5L18.5 18.5",
+      "stroke": "#4E5969",
+      "stroke-width": "1.89404",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }
+  }), _c('path', {
+    attrs: {
+      "d": "M5.50002 18.5L18.5 5.5",
+      "stroke": "#4E5969",
+      "stroke-width": "1.89404",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }
+  })])])]);
+};
+var ChatWindowHeadervue_type_template_id_6518e4ca_scoped_true_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindowHeader.vue?vue&type=script&lang=js
+/* harmony default export */ var ChatWindowHeadervue_type_script_lang_js = ({
+  name: 'ChatWindowHeader',
+  methods: {
+    handleOpen() {
+      const path = this.$router.resolve({
+        name: '/chat'
+      });
+      window.open(path.href, '_blank');
+    }
+  }
+});
+;// ./components/ChatWindowHeader.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ChatWindowHeadervue_type_script_lang_js = (ChatWindowHeadervue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindowHeader.vue?vue&type=style&index=0&id=6518e4ca&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./components/ChatWindowHeader.vue?vue&type=style&index=0&id=6518e4ca&prod&scoped=true&lang=css
+
+;// ./components/ChatWindowHeader.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var ChatWindowHeader_component = normalizeComponent(
+  components_ChatWindowHeadervue_type_script_lang_js,
+  ChatWindowHeadervue_type_template_id_6518e4ca_scoped_true_render,
+  ChatWindowHeadervue_type_template_id_6518e4ca_scoped_true_staticRenderFns,
+  false,
+  null,
+  "6518e4ca",
+  null
+  
+)
+
+/* harmony default export */ var ChatWindowHeader = (ChatWindowHeader_component.exports);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatMessageList.vue?vue&type=template&id=ba7356ea&scoped=true
+var ChatMessageListvue_type_template_id_ba7356ea_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "chatArea",
+    staticClass: "chat-window-content scrollbar-hide"
+  }, _vm._l(_vm.messages, function (message) {
+    return _c('div', {
+      key: message.id,
+      staticClass: "chat-window-message"
+    }, [message.type === 'user' ? _c('UserMessage', {
+      attrs: {
+        "content": message.content
+      }
+    }) : _c('AiMessage', {
+      attrs: {
+        "message": message,
+        "think-status": _vm.thinkStatus
+      },
+      on: {
+        "thinking-click": function ($event) {
+          return _vm.$emit('thinking-click');
+        }
+      }
+    })], 1);
+  }), 0);
+};
+var ChatMessageListvue_type_template_id_ba7356ea_scoped_true_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/UserMessage.vue?vue&type=template&id=6a2b6167&scoped=true
+var UserMessagevue_type_template_id_6a2b6167_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "chat-window-message-user"
+  }, [_c('div', {
+    staticClass: "user-message"
+  }, [_vm._v(_vm._s(_vm.content))])]);
+};
+var UserMessagevue_type_template_id_6a2b6167_scoped_true_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/UserMessage.vue?vue&type=script&lang=js
+/* harmony default export */ var UserMessagevue_type_script_lang_js = ({
+  name: 'UserMessage',
+  props: {
+    content: {
+      type: String,
+      required: true
+    }
+  }
+});
+;// ./components/UserMessage.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_UserMessagevue_type_script_lang_js = (UserMessagevue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/UserMessage.vue?vue&type=style&index=0&id=6a2b6167&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./components/UserMessage.vue?vue&type=style&index=0&id=6a2b6167&prod&scoped=true&lang=css
+
+;// ./components/UserMessage.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var UserMessage_component = normalizeComponent(
+  components_UserMessagevue_type_script_lang_js,
+  UserMessagevue_type_template_id_6a2b6167_scoped_true_render,
+  UserMessagevue_type_template_id_6a2b6167_scoped_true_staticRenderFns,
+  false,
+  null,
+  "6a2b6167",
+  null
+  
+)
+
+/* harmony default export */ var UserMessage = (UserMessage_component.exports);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/AiMessage.vue?vue&type=template&id=3347daf6&scoped=true
+var AiMessagevue_type_template_id_3347daf6_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "chat-window-message-ai"
+  }, [_c('div', {
+    staticClass: "ai-render"
+  }, [_c('div', {
+    staticClass: "ai-thinking",
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('thinking-click');
+      }
+    }
+  }, [_c('div', {
+    staticClass: "ai-thinking-time"
+  }, [_vm._v("思考用时" + _vm._s(_vm.message.time) + "秒")]), _vm.thinkStatus ? _c('div', {
+    staticClass: "ai-thinking-content"
+  }, [_vm._v(_vm._s(_vm.message.thinking))]) : _vm._e()]), _c('div', {
+    staticClass: "ai-content"
+  }, [_vm._v(_vm._s(_vm.message.content))])])]);
+};
+var AiMessagevue_type_template_id_3347daf6_scoped_true_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/AiMessage.vue?vue&type=script&lang=js
+/* harmony default export */ var AiMessagevue_type_script_lang_js = ({
+  name: 'AiMessage',
+  props: {
+    message: {
+      type: Object,
+      required: true
+    },
+    thinkStatus: {
+      type: Boolean,
+      default: true
     }
+  }
+});
+;// ./components/AiMessage.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_AiMessagevue_type_script_lang_js = (AiMessagevue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/AiMessage.vue?vue&type=style&index=0&id=3347daf6&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./components/AiMessage.vue?vue&type=style&index=0&id=3347daf6&prod&scoped=true&lang=css
+
+;// ./components/AiMessage.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var AiMessage_component = normalizeComponent(
+  components_AiMessagevue_type_script_lang_js,
+  AiMessagevue_type_template_id_3347daf6_scoped_true_render,
+  AiMessagevue_type_template_id_3347daf6_scoped_true_staticRenderFns,
+  false,
+  null,
+  "3347daf6",
+  null
+  
+)
+
+/* harmony default export */ var AiMessage = (AiMessage_component.exports);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatMessageList.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var ChatMessageListvue_type_script_lang_js = ({
+  name: 'ChatMessageList',
+  components: {
+    UserMessage: UserMessage,
+    AiMessage: AiMessage
   },
-  unmounted() {
-    this.closeWebSocket();
-    this.stopRecording();
+  props: {
+    messages: {
+      type: Array,
+      required: true
+    },
+    thinkStatus: {
+      type: Boolean,
+      default: true
+    }
   },
-  beforeDestroy() {
-    // 组件销毁前，如果元素被移动到body中，需要移除
-    if (this.appendToBody && this.$el.parentElement === document.body) {
-      document.body.removeChild(this.$el);
+  methods: {
+    scrollToBottom() {
+      this.$nextTick(() => {
+        const chatArea = this.$refs.chatArea;
+        if (chatArea) {
+          chatArea.scrollTop = chatArea.scrollHeight;
+        }
+      });
+    }
+  },
+  watch: {
+    messages: {
+      handler() {
+        this.scrollToBottom();
+      },
+      deep: true
+    }
+  }
+});
+;// ./components/ChatMessageList.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ChatMessageListvue_type_script_lang_js = (ChatMessageListvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatMessageList.vue?vue&type=style&index=0&id=ba7356ea&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./components/ChatMessageList.vue?vue&type=style&index=0&id=ba7356ea&prod&scoped=true&lang=css
+
+;// ./components/ChatMessageList.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var ChatMessageList_component = normalizeComponent(
+  components_ChatMessageListvue_type_script_lang_js,
+  ChatMessageListvue_type_template_id_ba7356ea_scoped_true_render,
+  ChatMessageListvue_type_template_id_ba7356ea_scoped_true_staticRenderFns,
+  false,
+  null,
+  "ba7356ea",
+  null
+  
+)
+
+/* harmony default export */ var ChatMessageList = (ChatMessageList_component.exports);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatInputBox.vue?vue&type=template&id=6f416073&scoped=true
+var ChatInputBoxvue_type_template_id_6f416073_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "chat-window-footer"
+  }, [_c('div', {
+    staticClass: "chat-window-textarea"
+  }, [_c('el-input', {
+    staticClass: "chat-window-input",
+    attrs: {
+      "type": "textarea",
+      "placeholder": "有什么我能帮您的吗？",
+      "rows": "2",
+      "resize": "none",
+      "value": _vm.value
+    },
+    on: {
+      "input": function ($event) {
+        return _vm.$emit('input', $event);
+      }
+    },
+    nativeOn: {
+      "keydown": function ($event) {
+        return _vm.handleKeyDown.apply(null, arguments);
+      }
+    }
+  }), _c('div', {
+    staticClass: "chat-window-bar"
+  }, [_c('div', {
+    staticClass: "chat-window-send",
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('send');
+      }
+    }
+  }, [_c('svg', {
+    attrs: {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none"
+    }
+  }, [_c('g', {
+    attrs: {
+      "clip-path": "url(#clip0_640_2107)"
+    }
+  }, [_c('path', {
+    attrs: {
+      "d": "M18.6427 2.37822C19.3253 2.47432 19.8025 3.10738 19.7065 3.79002C19.6871 3.97072 19.5381 4.41327 19.5403 4.41161L14.9673 17.8079L14.9632 17.8093C14.7858 18.3838 14.212 18.7607 13.5971 18.6744C13.4173 18.6492 13.2504 18.5862 13.1055 18.4949L13.0973 18.4977L9.83449 16.3686C9.58371 16.2584 9.4276 15.9939 9.46729 15.7115C9.5154 15.3691 9.83278 15.1317 10.1751 15.1798C10.293 15.1964 10.3988 15.2448 10.4853 15.3161L13.4054 17.2314L13.4073 17.2317C13.4452 17.2566 13.4882 17.2746 13.5364 17.2814C13.6911 17.3029 13.8371 17.2052 13.8793 17.0593L18.0469 4.89796L8.27396 14.3367L7.77435 17.8916C7.72706 18.2281 7.41369 18.464 7.07727 18.4169C6.74073 18.3696 6.50469 18.0564 6.55198 17.7198L7.07633 13.9889C7.08231 13.9464 7.09382 13.9066 7.10727 13.867C7.13549 13.7645 7.19079 13.6657 7.27291 13.5866L17.0754 4.12041L2.68514 8.17767L2.68487 8.1796C2.58481 8.21873 2.50686 8.31058 2.49042 8.42643C2.47412 8.5424 2.52417 8.65007 2.6093 8.71729L2.60903 8.71922L3.28261 9.16101L3.28013 9.16461C3.47505 9.29254 3.58819 9.52563 3.55386 9.77111C3.50575 10.1134 3.18836 10.3509 2.84602 10.3028C2.75512 10.29 2.6708 10.2584 2.59833 10.2127L2.59806 10.2147L1.37843 9.42001L1.37951 9.41227C1.02215 9.14901 0.816644 8.70195 0.882687 8.23203C0.951867 7.74096 1.29791 7.35545 1.73968 7.21445L1.73995 7.21251L17.7833 2.57104C18.0287 2.41036 18.3294 2.3342 18.6427 2.37822Z",
+      "fill": "#013378"
+    }
+  }), _c('path', {
+    attrs: {
+      "d": "M3.1309 10.9936C3.2178 10.5684 3.82528 10.5684 3.91218 10.9936C4.10411 11.9326 4.83794 12.6664 5.77697 12.8584C6.20213 12.9453 6.20213 13.5527 5.77697 13.6397C4.83794 13.8316 4.10411 14.5654 3.91218 15.5044C3.82528 15.9296 3.2178 15.9296 3.1309 15.5044C2.93897 14.5654 2.20513 13.8316 1.26611 13.6397C0.840944 13.5527 0.840944 12.9453 1.26611 12.8584C2.20513 12.6664 2.93897 11.9326 3.1309 10.9936Z",
+      "fill": "#2B80F6"
+    }
+  }), _c('path', {
+    attrs: {
+      "d": "M6.20382 8.56242C6.25596 8.30732 6.62045 8.30732 6.67259 8.56242C6.78775 9.12583 7.22805 9.56613 7.79146 9.68129C8.04656 9.73343 8.04656 10.0979 7.79146 10.1501C7.22805 10.2652 6.78775 10.7055 6.67259 11.2689C6.62045 11.524 6.25596 11.524 6.20382 11.2689C6.08866 10.7055 5.64836 10.2652 5.08495 10.1501C4.82985 10.0979 4.82985 9.73343 5.08495 9.68129C5.64836 9.56613 6.08866 9.12583 6.20382 8.56242Z",
+      "fill": "#2B80F6"
+    }
+  })]), _c('defs', [_c('clipPath', {
+    attrs: {
+      "id": "clip0_640_2107"
+    }
+  }, [_c('rect', {
+    attrs: {
+      "width": "20",
+      "height": "20",
+      "fill": "white"
+    }
+  })])])])])])], 1)]);
+};
+var ChatInputBoxvue_type_template_id_6f416073_scoped_true_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatInputBox.vue?vue&type=script&lang=js
+/* harmony default export */ var ChatInputBoxvue_type_script_lang_js = ({
+  name: 'ChatInputBox',
+  props: {
+    value: {
+      type: String,
+      default: ''
     }
-    this.closeWebSocket();
-    this.stopRecording();
   },
   methods: {
-    // 处理音频播放结束事件
-    onAudioEnded() {
-      this.robotStatus = 'leaving';
-      this.jumpedTimePoints.clear();
+    handleKeyDown(e) {
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault();
+        this.$emit('send');
+      }
+    }
+  }
+});
+;// ./components/ChatInputBox.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ChatInputBoxvue_type_script_lang_js = (ChatInputBoxvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatInputBox.vue?vue&type=style&index=0&id=6f416073&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./components/ChatInputBox.vue?vue&type=style&index=0&id=6f416073&prod&scoped=true&lang=css
+
+;// ./components/ChatInputBox.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var ChatInputBox_component = normalizeComponent(
+  components_ChatInputBoxvue_type_script_lang_js,
+  ChatInputBoxvue_type_template_id_6f416073_scoped_true_render,
+  ChatInputBoxvue_type_template_id_6f416073_scoped_true_staticRenderFns,
+  false,
+  null,
+  "6f416073",
+  null
+  
+)
+
+/* harmony default export */ var ChatInputBox = (ChatInputBox_component.exports);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindowDialog.vue?vue&type=script&lang=js
+
+
+
+/* harmony default export */ var ChatWindowDialogvue_type_script_lang_js = ({
+  name: 'ChatWindowDialog',
+  components: {
+    ChatWindowHeader: ChatWindowHeader,
+    ChatMessageList: ChatMessageList,
+    ChatInputBox: ChatInputBox
+  },
+  props: {
+    value: {
+      type: Boolean,
+      required: true
     },
-    // 处理音频播放时间更新事件
-    onTimeUpdate() {
-      const audio = this.$refs.audioPlayer;
-      const currentTime = audio.currentTime;
-      if (!this.jumpedTimePoints) {
-        this.jumpedTimePoints = new Set();
+    messages: {
+      type: Array,
+      required: true
+    },
+    inputMessage: {
+      type: String,
+      default: ''
+    },
+    thinkStatus: {
+      type: Boolean,
+      default: true
+    }
+  }
+});
+;// ./components/ChatWindowDialog.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ChatWindowDialogvue_type_script_lang_js = (ChatWindowDialogvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindowDialog.vue?vue&type=style&index=0&id=5eca994a&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./components/ChatWindowDialog.vue?vue&type=style&index=0&id=5eca994a&prod&scoped=true&lang=css
+
+;// ./components/ChatWindowDialog.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var ChatWindowDialog_component = normalizeComponent(
+  components_ChatWindowDialogvue_type_script_lang_js,
+  ChatWindowDialogvue_type_template_id_5eca994a_scoped_true_render,
+  ChatWindowDialogvue_type_template_id_5eca994a_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5eca994a",
+  null
+  
+)
+
+/* harmony default export */ var ChatWindowDialog = (ChatWindowDialog_component.exports);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array-buffer.detached.js
+var es_array_buffer_detached = __webpack_require__(6573);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array-buffer.transfer.js
+var es_array_buffer_transfer = __webpack_require__(8100);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array-buffer.transfer-to-fixed-length.js
+var es_array_buffer_transfer_to_fixed_length = __webpack_require__(7936);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.typed-array.with.js
+var es_typed_array_with = __webpack_require__(9577);
+;// ./components/mixins/audioMixin.js
+
+
+
+
+/* harmony default export */ var audioMixin = ({
+  data() {
+    return {
+      isRecording: false,
+      isMicAvailable: false,
+      audioContext: null,
+      microphone: null,
+      processor: null,
+      audioBuffer: new Float32Array(0)
+    };
+  },
+  methods: {
+    async initAudio() {
+      if (this.isRecording) return;
+      try {
+        this.isMicAvailable = true;
+        const stream = await navigator.mediaDevices.getUserMedia({
+          audio: {
+            sampleRate: this.SAMPLE_RATE,
+            channelCount: 1,
+            noiseSuppression: true,
+            echoCancellation: true
+          }
+        });
+        this.audioContext = new AudioContext({
+          sampleRate: this.SAMPLE_RATE
+        });
+        this.microphone = this.audioContext.createMediaStreamSource(stream);
+        this.processor = this.audioContext.createScriptProcessor(this.FRAME_SIZE, 1, 1);
+        this.processor.onaudioprocess = this.processAudio;
+        this.microphone.connect(this.processor);
+        this.processor.connect(this.audioContext.destination);
+        this.isRecording = true;
+        console.log(`录音中 (采样率: ${this.audioContext.sampleRate}Hz)`);
+      } catch (error) {
+        console.error("音频初始化失败:", error);
+        this.isRecording = false;
+        this.isMicAvailable = false;
       }
-      const timeJumpPoints = [{
-        time: 40,
-        url: '/permission/user',
-        name: 'permission_user',
-        title: '用户管理'
-      }, {
-        time: 65,
-        url: '/permission/menu',
-        name: 'permission_menu',
-        title: '菜单管理'
-      }, {
-        time: 75,
-        url: '/permission/role',
-        name: 'permission_role',
-        title: '角色管理'
-      }];
-      // 检查当前时间是否达到跳转点
-      timeJumpPoints.forEach(point => {
-        // 使用一定的误差范围，确保不会因为播放进度的微小差异而错过跳转点
-        if (currentTime >= point.time && currentTime < point.time + 0.5 && !this.jumpedTimePoints.has(point.time)) {
-          this.jumpedTimePoints.add(point.time);
-          console.log(`到达时间点 ${point.time} 秒，跳转到 ${point.title}`);
-          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
-          });
+    },
+    processAudio(event) {
+      if (!this.isRecording) return;
+      const inputData = event.inputBuffer.getChannelData(0);
+      const tempBuffer = new Float32Array(this.audioBuffer.length + inputData.length);
+      tempBuffer.set(this.audioBuffer, 0);
+      tempBuffer.set(inputData, this.audioBuffer.length);
+      this.audioBuffer = tempBuffer;
+      while (this.audioBuffer.length >= this.FRAME_SIZE) {
+        const frame = this.audioBuffer.slice(0, this.FRAME_SIZE);
+        this.audioBuffer = this.audioBuffer.slice(this.FRAME_SIZE);
+        const pcmData = this.floatTo16BitPCM(frame);
+        if (this.ws && this.ws.readyState === this.ws.OPEN) {
+          this.ws.send(pcmData);
         }
-      });
-      console.log('当前播放时间:', currentTime);
+      }
+    },
+    floatTo16BitPCM(input) {
+      const output = new Int16Array(input.length);
+      for (let i = 0; i < input.length; i++) {
+        const s = Math.max(-1, Math.min(1, input[i]));
+        output[i] = s < 0 ? s * 0x8000 : s * 0x7FFF;
+      }
+      return output.buffer;
+    },
+    stopRecording() {
+      if (!this.isRecording) return;
+      if (this.microphone) this.microphone.disconnect();
+      if (this.processor) this.processor.disconnect();
+      if (this.analyser) this.analyser.disconnect();
+      if (this.audioContext) {
+        this.audioContext.close().catch(e => {
+          console.error("关闭音频上下文失败:", e);
+        });
+      }
+      this.isRecording = false;
     },
     play() {
       this.robotStatus = 'speaking';
@@ -4139,42 +4723,62 @@ const FRAME_SIZE = 512;
       this.$refs.audioPlayer.currentTime = 0;
       this.jumpedTimePoints.clear();
     },
+    analyzeAudioCommand(command) {
+      console.log('分析音频命令:', command);
+      if (command === 'C5') {
+        this.robotStatus = 'entering';
+        setTimeout(() => {
+          this.robotStatus = 'speaking';
+          this.play();
+        }, 3000);
+      } else if (command === 'C8') {
+        this.robotStatus = 'speaking';
+        this.play();
+      } else if (command === 'C7') {
+        this.robotStatus = 'waiting';
+        this.pause();
+      } else if (command === 'C6') {
+        this.robotStatus = 'leaving';
+        this.stop();
+      }
+    }
+  }
+});
+;// ./components/mixins/webSocketMixin.js
+
+
+
+/* harmony default export */ var webSocketMixin = ({
+  data() {
+    return {
+      ws: null,
+      wsUrl: 'ws://192.168.8.9:9999/ai_model/ws/voice-stream',
+      isConnected: false
+    };
+  },
+  methods: {
     initWebSocket() {
       try {
         this.ws = new WebSocket(this.wsUrl);
         this.ws.binaryType = 'arraybuffer';
         this.ws.onopen = async () => {
-          console.log('连接成功');
+          console.log('WebSocket 连接成功');
           this.isConnected = true;
           this.initAudio();
         };
         this.ws.onmessage = event => {
           try {
             console.log("收到原始消息:", event.data);
-            // 二进制数据直接返回
             if (event.data instanceof ArrayBuffer) {
               console.log("收到二进制音频数据");
               return;
             }
-            // 解析JSON数据
             const data = JSON.parse(event.data);
             console.log("解析后的数据:", data);
             if (data.type === 'config') {
               console.log('配置信息:', data);
             } else if (data.code === 0) {
-              if (data.data.type === 'detection') {
-                console.log('检测到唤醒词...');
-                this.avaterStatus = 'normal';
-              } else if (data.data.type === 'Collecting') {
-                console.log('状态: 采集中...');
-                this.avaterStatus = 'thinking';
-              } else if (data.data.type === 'command') {
-                // 根据指令改变机器人的状态
-                console.log('状态: 处理中...');
-                this.analyzeAudioCommand(data.data.category);
-              } else {
-                console.log('状态: 其他...');
-              }
+              this.handleWebSocketMessage(data.data);
             } else {
               console.error("服务器返回错误:", data.msg);
             }
@@ -4183,7 +4787,7 @@ const FRAME_SIZE = 512;
           }
         };
         this.ws.onclose = () => {
-          console.log('连接关闭');
+          console.log('WebSocket 连接关闭');
           this.isConnected = false;
           if (this.isRecording) {
             this.stopRecording();
@@ -4191,20 +4795,324 @@ const FRAME_SIZE = 512;
           setTimeout(() => {
             console.log('尝试重新建立连接');
             if (!this.isConnected) {
-              // 尝试重连
               this.initWebSocket();
             }
           }, 3000);
         };
+        this.ws.onerror = error => {
+          console.error('WebSocket 错误:', error);
+        };
       } catch (error) {
         console.error('WebSocket连接失败:', error);
       }
     },
+    handleWebSocketMessage(data) {
+      if (data.type === 'detection') {
+        console.log('检测到唤醒词');
+        this.avaterStatus = 'normal';
+      } else if (data.type === 'Collecting') {
+        console.log('状态: 采集中');
+        this.avaterStatus = 'thinking';
+      } else if (data.type === 'command') {
+        console.log('状态: 处理中');
+        this.analyzeAudioCommand(data.category);
+      } else {
+        console.log('状态: 其他');
+      }
+    },
     closeWebSocket() {
       if (this.ws) {
         this.ws.close();
       }
-    },
+    }
+  }
+});
+;// ./components/utils/StreamParser.js
+
+
+/**
+ * SSE (Server-Sent Events) 流解析器
+ * 优化点：
+ * 1. 使用状态机模式处理标签解析
+ * 2. 批量更新减少DOM操作
+ * 3. 内存优化：避免频繁字符串拼接
+ * 4. 可配置的更新频率
+ */
+class StreamParser {
+  constructor(options = {}) {
+    this.options = {
+      updateInterval: 16,
+      // 更新间隔(ms)，默认约60fps
+      batchSize: 100,
+      // 批处理大小
+      debug: false,
+      // 是否开启调试
+      ...options
+    };
+    this.reset();
+  }
+
+  /**
+   * 重置解析器状态
+   */
+  reset() {
+    this.buffer = '';
+    this.contentBuffer = []; // 使用数组缓冲，避免频繁字符串拼接
+    this.thinkingBuffer = [];
+    this.inTag = false;
+    this.tagBuffer = '';
+    this.updateTimer = null;
+    this.status = 'output'; // thinking | output
+    this.metrics = {
+      startTime: Date.now(),
+      chunks: 0,
+      events: 0,
+      chars: 0
+    };
+  }
+
+  /**
+   * 处理流数据块
+   * @param {string} chunk - 接收到的数据块
+   * @param {Function} callback - 更新回调函数
+   */
+  processChunk(chunk, callback) {
+    this.metrics.chunks++;
+    this.buffer += chunk;
+
+    // SSE 格式：事件由双换行符分隔
+    const events = this.buffer.split('\n\n');
+
+    // 保留最后一个可能不完整的事件
+    this.buffer = events.pop() || '';
+
+    // 处理完整的事件
+    for (const event of events) {
+      if (event.trim()) {
+        this.metrics.events++;
+        this.processEvent(event, callback);
+      }
+    }
+  }
+
+  /**
+   * 处理单个SSE事件
+   */
+  processEvent(eventStr, callback) {
+    const lines = eventStr.split('\n');
+    for (const line of lines) {
+      // 解析 data: 行
+      if (line.startsWith('data:')) {
+        const data = line.substring(5).trim();
+        if (data === '[DONE]') {
+          this.flush(callback);
+          return;
+        }
+        try {
+          const parsed = JSON.parse(data);
+          const content = parsed?.choices?.[0]?.delta?.content;
+          if (content) {
+            this.metrics.chars += content.length;
+            this.parseContent(content, callback);
+          }
+        } catch (error) {
+          if (this.options.debug) {
+            console.warn('[StreamParser] JSON解析失败:', data);
+          }
+        }
+      }
+    }
+  }
+
+  /**
+   * 使用状态机解析内容和标签
+   */
+  parseContent(content, callback) {
+    let i = 0;
+    while (i < content.length) {
+      if (this.inTag) {
+        // 在标签内部，查找标签结束
+        const endIndex = content.indexOf('>', i);
+        if (endIndex !== -1) {
+          // 找到标签结束
+          this.tagBuffer += content.substring(i, endIndex + 1);
+          this.handleTag(this.tagBuffer);
+          this.tagBuffer = '';
+          this.inTag = false;
+          i = endIndex + 1;
+        } else {
+          // 标签未结束，缓存剩余部分
+          this.tagBuffer += content.substring(i);
+          break;
+        }
+      } else {
+        // 不在标签内，查找标签开始
+        const startIndex = content.indexOf('<', i);
+        if (startIndex !== -1) {
+          // 找到标签开始，先处理前面的文本
+          if (startIndex > i) {
+            this.appendText(content.substring(i, startIndex));
+          }
+
+          // 检查是否是完整标签
+          const endIndex = content.indexOf('>', startIndex);
+          if (endIndex !== -1) {
+            // 完整标签
+            const tag = content.substring(startIndex, endIndex + 1);
+            this.handleTag(tag);
+            i = endIndex + 1;
+          } else {
+            // 不完整标签，标记进入标签状态
+            this.inTag = true;
+            this.tagBuffer = content.substring(startIndex);
+            break;
+          }
+        } else {
+          // 没有标签，全部是文本
+          this.appendText(content.substring(i));
+          break;
+        }
+      }
+    }
+
+    // 定时批量更新
+    this.scheduleUpdate(callback);
+  }
+
+  /**
+   * 处理标签
+   */
+  handleTag(tag) {
+    const tagName = tag.toLowerCase();
+    if (tagName === '<think>') {
+      this.status = 'thinking';
+    } else if (tagName === '</think>') {
+      this.status = 'output';
+    }
+    // 可扩展：支持更多标签类型
+    // else if (tagName.startsWith('<code')) {
+    //   this.status = 'code';
+    // }
+  }
+
+  /**
+   * 添加文本到缓冲区
+   */
+  appendText(text) {
+    if (!text) return;
+    if (this.status === 'thinking') {
+      this.thinkingBuffer.push(text);
+    } else {
+      this.contentBuffer.push(text);
+    }
+  }
+
+  /**
+   * 计划更新（防抖）
+   */
+  scheduleUpdate(callback) {
+    if (this.updateTimer) return;
+    this.updateTimer = setTimeout(() => {
+      this.flush(callback);
+      this.updateTimer = null;
+    }, this.options.updateInterval);
+  }
+
+  /**
+   * 立即刷新缓冲区
+   */
+  flush(callback) {
+    if (!callback) return;
+    const hasThinking = this.thinkingBuffer.length > 0;
+    const hasContent = this.contentBuffer.length > 0;
+    if (!hasThinking && !hasContent) return;
+
+    // 使用 join 比字符串拼接性能更好
+    const result = {
+      thinking: hasThinking ? this.thinkingBuffer.join('') : null,
+      content: hasContent ? this.contentBuffer.join('') : null,
+      status: this.status
+    };
+
+    // 清空缓冲区
+    this.thinkingBuffer = [];
+    this.contentBuffer = [];
+
+    // 回调更新
+    callback(result);
+  }
+
+  /**
+   * 完成解析
+   */
+  finish(callback) {
+    this.flush(callback);
+    if (this.updateTimer) {
+      clearTimeout(this.updateTimer);
+      this.updateTimer = null;
+    }
+    if (this.options.debug) {
+      const duration = Date.now() - this.metrics.startTime;
+      console.log('[StreamParser] 解析完成:', {
+        耗时: `${duration}ms`,
+        数据块: this.metrics.chunks,
+        事件数: this.metrics.events,
+        字符数: this.metrics.chars,
+        平均速度: `${(this.metrics.chars / duration * 1000).toFixed(0)} chars/s`
+      });
+    }
+  }
+
+  /**
+   * 销毁解析器
+   */
+  destroy() {
+    if (this.updateTimer) {
+      clearTimeout(this.updateTimer);
+    }
+    this.reset();
+  }
+}
+
+/**
+ * 使用示例：
+ * 
+ * const parser = new StreamParser({ debug: true });
+ * 
+ * // 处理流
+ * for await (const chunk of stream) {
+ *   parser.processChunk(chunk, (result) => {
+ *     if (result.thinking) {
+ *       message.thinking += result.thinking;
+ *     }
+ *     if (result.content) {
+ *       message.content += result.content;
+ *     }
+ *     this.$forceUpdate();
+ *   });
+ * }
+ * 
+ * // 完成
+ * parser.finish();
+ */
+;// ./components/mixins/messageMixin.js
+
+
+/* harmony default export */ var messageMixin = ({
+  data() {
+    return {
+      streamParser: null
+    };
+  },
+  created() {
+    // 初始化流解析器
+    this.streamParser = new StreamParser({
+      updateInterval: 16,
+      // 约60fps
+      debug: "production" === 'development'
+    });
+  },
+  methods: {
     createAiMessage() {
       const message = {
         id: this.messages.length + 1,
@@ -4231,59 +5139,21 @@ const FRAME_SIZE = 512;
       this.inputMessage = '';
       return message;
     },
-    async initAudio() {
-      if (this.isRecording) return;
-      try {
-        this.isMicAvailable = true;
-        // 2. 获取麦克风权限
-        const stream = await navigator.mediaDevices.getUserMedia({
-          audio: {
-            sampleRate: SAMPLE_RATE,
-            // 请求指定采样率
-            channelCount: 1,
-            // 单声道
-            noiseSuppression: true,
-            echoCancellation: true
-          }
-        });
-
-        // 3. 创建音频处理环境
-        this.audioContext = new AudioContext({
-          sampleRate: SAMPLE_RATE
-        });
-        const actualSampleRate = this.audioContext.sampleRate;
-        this.microphone = this.audioContext.createMediaStreamSource(stream);
-
-        // 4. 创建音频处理器
-        this.processor = this.audioContext.createScriptProcessor(FRAME_SIZE, 1, 1);
-        this.processor.onaudioprocess = this.processAudio;
-        // 连接处理链
-        this.microphone.connect(this.processor);
-        this.processor.connect(this.audioContext.destination);
-        this.isRecording = true;
-        console.log(`状态: 录音中 (采样率: ${actualSampleRate}Hz)`);
-      } catch (error) {
-        console.error("音频初始化失败:", error);
-        this.isRecording = false;
-        this.isMicAvailable = false;
-      }
-    },
     async handleSend() {
       if (!this.inputMessage.trim()) {
         return;
       }
       const message = this.inputMessage.trim();
-      // 初始化信息
-      this.initState();
-      // 发送消息
       this.createUserMessage(message);
-      // 创建AI消息
       this.createAiMessage();
+
+      // 重置解析器
+      this.streamParser.reset();
       try {
+        const startTime = Date.now();
         const controller = new AbortController();
-        const token = `Bearer e298f087-85bc-48c2-afb9-7c69ffc911aa`;
+        const token = `Bearer ac627d0a-8346-4ae9-b93a-f37ff6210adc`;
         const response = await fetch('/bytserver/api-model/chat/stream', {
-          timeout: 30000,
           method: 'POST',
           signal: controller.signal,
           headers: {
@@ -4295,337 +5165,236 @@ const FRAME_SIZE = 512;
           })
         });
         if (!response.ok) {
-          throw new Error(`${response.status}`);
+          throw new Error(`HTTP ${response.status}: ${response.statusText}`);
         }
-        const render = response.body.getReader();
-        const decoder = new TextDecoder();
 
+        // 使用优化的流处理
+        await this.consumeStream(response.body);
+
+        // 完成解析
+        this.streamParser.finish(this.handleStreamUpdate);
+
+        // 记录耗时
+        const duration = Date.now() - startTime;
+        if (this.currentMessage) {
+          this.currentMessage.time = (duration / 1000).toFixed(2);
+        }
+        console.log(`流处理完成，总耗时: ${duration}ms`);
+      } catch (error) {
+        console.error('发送消息失败:', error);
+        if (this.currentMessage) {
+          this.currentMessage.content = '抱歉，发生了错误，请重试。';
+          this.$forceUpdate();
+        }
+      }
+    },
+    /**
+     * 消费流数据
+     */
+    async consumeStream(readableStream) {
+      const reader = readableStream.getReader();
+      const decoder = new TextDecoder('utf-8');
+      try {
         // eslint-disable-next-line no-constant-condition
         while (true) {
           const {
             done,
             value
-          } = await render.read();
+          } = await reader.read();
           if (done) break;
           const chunk = decoder.decode(value, {
             stream: true
           });
-          this.processStreamChunk(chunk);
+
+          // 使用解析器处理数据块
+          this.streamParser.processChunk(chunk, this.handleStreamUpdate);
         }
-      } catch (error) {
-        console.error('发送消息失败:', error);
+      } finally {
+        reader.releaseLock();
       }
     },
-    initState() {},
-    // 分析音频命令
-    analyzeAudioCommand(command) {
-      console.log('分析音频命令:', command);
-      // 解析到开始导览，执行机器人进入动画
-      if (command === 'C5') {
-        this.robotStatus = 'entering';
-        setTimeout(() => {
-          this.robotStatus = 'speaking';
-          this.play();
-        }, 3000);
-      }
-      // 继续导览
-      else if (command === 'C8') {
-        this.robotStatus = 'speaking';
-        this.play();
+    /**
+     * 处理流更新回调
+     */
+    handleStreamUpdate(result) {
+      if (!this.currentMessage) return;
+
+      // 更新思考内容
+      if (result.thinking) {
+        this.currentMessage.thinking += result.thinking;
       }
-      // 解析到暂停导览，执行机器人暂停动画
-      else if (command === 'C7') {
-        this.robotStatus = 'waiting';
-        this.pause();
-      }
-      // 解析到结束导览，执行机器人离开动画
-      else if (command === 'C6') {
-        this.robotStatus = 'leaving';
-        this.stop();
-      }
-    },
-    processStreamChunk(chunk) {
-      console.log('原始数据:', chunk);
-      try {
-        this.buffer += chunk;
 
-        // eslint-disable-next-line no-constant-condition
-        while (true) {
-          const eventEnd = this.buffer.indexOf('\n\n');
-          if (eventEnd === -1) break;
-          const eventData = this.buffer.slice(0, eventEnd);
-          this.buffer = this.buffer.slice(eventEnd + 2);
-          console.log('解析数据:', eventData);
-          this.processEventData(eventData);
-        }
-      } catch (error) {
-        console.error('流数据处理异常:', error);
-        this.streaming = false;
-        this.response = this.$t('3d.chat.dataFormatError');
-        this.$forceUpdate();
+      // 更新回复内容
+      if (result.content) {
+        this.currentMessage.content += result.content;
       }
-    },
-    processEventData(data) {
-      data.split('\n').forEach(line => {
-        console.log('原始数据:', line);
-        if (!line.startsWith('data:')) return;
-        const jsonStr = line.replace(/^data:\s*/, '').trim();
-        if (jsonStr === '[DONE]') return;
-        try {
-          const data = this.safeJsonParse(jsonStr);
-          this.processContentDelta(data.choices[0].delta);
-        } catch (e) {
-          console.warn('JSON解析跳过:', e.message);
-        }
-      });
-    },
-    safeJsonParse(jsonStr) {
-      try {
-        return JSON.parse(jsonStr);
-      } catch (error) {
-        console.warn('JSON parse failed:', jsonStr);
-        return null;
+
+      // 更新状态
+      if (result.status === 'thinking') {
+        this.avaterStatus = 'thinking';
+      } else {
+        this.avaterStatus = 'output';
       }
-    },
-    processContentDelta(delta) {
-      const content = delta.content || '';
-      if (!content || !this.currentMessage) return;
-      for (let i = 0; i < content.length; i++) {
-        const char = content[i];
-
-        // 处理正在拼接的标签
-        if (this.inTag) {
-          this.tagBuilder += char;
-          if (char === '>') {
-            const tag = this.tagBuilder;
-            if (tag === '<think>') {
-              this.avaterStatus = 'thinking';
-            } else if (tag === '</think>') {
-              this.avaterStatus = 'output';
-            } else {
-              console.log('无效标签:', tag);
-            }
 
-            // 重置
-            this.inTag = false;
-            this.tagBuilder = '';
-          }
-          continue;
-        }
+      // 触发视图更新
+      this.$forceUpdate();
+    }
+  },
+  beforeDestroy() {
+    // 清理解析器
+    if (this.streamParser) {
+      this.streamParser.destroy();
+    }
+  }
+});
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindow.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
 
-        // 检测是否是标签开始
-        if (char === '<') {
-          this.inTag = true;
-          this.tagBuilder = '<';
-          continue;
-        }
 
-        // 正常字符处理
-        if (this.avaterStatus === 'thinking') {
-          this.currentMessage.thinking += char;
-        } else {
-          this.currentMessage.content += char;
-        }
-      }
-      this.$forceUpdate();
-    },
-    processAudio(event) {
-      if (!this.isRecording) return;
-      // 5. 获取音频数据并处理
-      const inputData = event.inputBuffer.getChannelData(0);
 
-      // 累积音频数据
-      const tempBuffer = new Float32Array(this.audioBuffer.length + inputData.length);
-      tempBuffer.set(this.audioBuffer, 0);
-      tempBuffer.set(inputData, this.audioBuffer.length);
-      this.audioBuffer = tempBuffer;
 
-      // 当累积足够一帧时发送
-      while (this.audioBuffer.length >= FRAME_SIZE) {
-        const frame = this.audioBuffer.slice(0, FRAME_SIZE);
-        this.audioBuffer = this.audioBuffer.slice(FRAME_SIZE);
 
-        // 转换为16位PCM
-        const pcmData = this.floatTo16BitPCM(frame);
 
-        // 通过WebSocket发送
-        if (this.ws && this.ws.readyState === this.ws.OPEN) {
-          this.ws.send(pcmData);
-        }
-      }
-    },
-    floatTo16BitPCM(input) {
-      const output = new Int16Array(input.length);
-      for (let i = 0; i < input.length; i++) {
-        const s = Math.max(-1, Math.min(1, input[i]));
-        output[i] = s < 0 ? s * 0x8000 : s * 0x7FFF;
-      }
-      return output.buffer;
-    },
+
+const SAMPLE_RATE = 16000;
+const FRAME_SIZE = 512;
+/* harmony default export */ var ChatWindowvue_type_script_lang_js = ({
+  name: 'ChatWindow',
+  components: {
+    ChatRobot: ChatRobot,
+    ChatAvatar: ChatAvatar,
+    ChatWindowDialog: ChatWindowDialog
+  },
+  mixins: [audioMixin, webSocketMixin, messageMixin],
+  props: {
+    appendToBody: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      audioSrc: '/minio/lingxiaoai/byt.mp3',
+      inputMessage: '',
+      visible: false,
+      messages: [{
+        id: 1,
+        type: 'user',
+        sender: '',
+        time: '',
+        content: '你好,欢迎来到凌霄大模型AI对话。'
+      }, {
+        id: 2,
+        type: 'ai',
+        sender: 'AI',
+        time: '',
+        thinking: '嗯,用户问的是回转窑的工业应用。首先,我需要回忆一下之前对话的内容。用户之前让我解释了水泥的制作流程,特别是提到了回转窑在高温煅烧熟料中的作用。',
+        charts: [{
+          title: '',
+          options: {}
+        }],
+        content: '回转窑(Rotary Kiln)是一种长筒形旋转煅烧设备(类似倾斜安装的大管子),因其独特的旋转运动和高温耐火衬里设计,在多个工业领域都有广泛应用'
+      }],
+      robotStatus: 'leaving',
+      avaterStatus: 'normal',
+      currentMessage: null,
+      thinkStatus: true,
+      jumpedTimePoints: new Set(),
+      SAMPLE_RATE,
+      FRAME_SIZE
+    };
+  },
+  mounted() {
+    this.initWebSocket();
+    if (this.appendToBody) {
+      this.appendToBodyHandler();
+    }
+  },
+  beforeDestroy() {
+    if (this.appendToBody && this.$el.parentElement === document.body) {
+      document.body.removeChild(this.$el);
+    }
+    this.closeWebSocket();
+    this.stopRecording();
+  },
+  methods: {
     toggleWindow() {
       this.visible = !this.visible;
     },
-    showWindow() {
-      this.visible = true;
+    handleThinkingClick() {
+      this.thinkStatus = !this.thinkStatus;
     },
-    hideWindow() {
+    handleOverlayClick() {
       this.visible = false;
     },
-    scrollToBottom() {
+    appendToBodyHandler() {
       this.$nextTick(() => {
-        const chatArea = this.$refs.chatArea;
-        if (chatArea) {
-          chatArea.scrollTop = chatArea.scrollHeight;
+        if (this.$el.parentElement !== document.body) {
+          document.body.appendChild(this.$el);
         }
       });
     },
-    handleKeyDown(e) {
-      if (e.key === 'Enter' && !e.shiftKey) {
-        e.preventDefault();
-        this.handleSend();
-      }
-    },
-    stopRecording() {
-      if (!this.isRecording) return;
-      if (this.microphone) this.microphone.disconnect();
-      if (this.processor) this.processor.disconnect();
-      if (this.analyser) this.analyser.disconnect();
-      if (this.audioContext) {
-        this.audioContext.close().catch(e => {
-          console.error("关闭音频上下文失败:", e);
-        });
+    // 音频时间更新处理
+    onTimeUpdate() {
+      const audio = this.$refs.audioPlayer;
+      const currentTime = audio.currentTime;
+      if (!this.jumpedTimePoints) {
+        this.jumpedTimePoints = new Set();
       }
-      this.isRecording = false;
-    },
-    // 添加到body的处理函数
-    appendToBodyHandler() {
-      // 确保DOM已经渲染完成
-      this.$nextTick(() => {
-        // 检查元素是否已经在body中
-        if (this.$el.parentElement !== document.body) {
-          // 将组件的根元素移动到body中
-          document.body.appendChild(this.$el);
+      const timeJumpPoints = [{
+        time: 40,
+        url: '/permission/user',
+        name: 'permission_user',
+        title: '用户管理'
+      }, {
+        time: 65,
+        url: '/permission/menu',
+        name: 'permission_menu',
+        title: '菜单管理'
+      }, {
+        time: 75,
+        url: '/permission/role',
+        name: 'permission_role',
+        title: '角色管理'
+      }];
+      timeJumpPoints.forEach(point => {
+        if (currentTime >= point.time && currentTime < point.time + 0.5 && !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
+          });
         }
       });
     },
-    // 处理点击遮罩层事件
-    handleOverlayClick() {
-      this.visible = false;
-    }
-  },
-  watch: {
-    messages: {
-      handler() {
-        this.scrollToBottom();
-      },
-      deep: true
+    onAudioEnded() {
+      this.robotStatus = 'leaving';
+      this.jumpedTimePoints.clear();
     }
   }
 });
 ;// ./components/ChatWindow.vue?vue&type=script&lang=js
  /* harmony default export */ var components_ChatWindowvue_type_script_lang_js = (ChatWindowvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindow.vue?vue&type=style&index=0&id=62955cf4&prod&scoped=true&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindow.vue?vue&type=style&index=0&id=d604373c&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// ./components/ChatWindow.vue?vue&type=style&index=0&id=62955cf4&prod&scoped=true&lang=css
-
-;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent(
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier /* server only */,
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options =
-    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) {
-    // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-          injectStyles.call(
-            this,
-            (options.functional ? this.parent : this).$root.$options.shadowRoot
-          )
-        }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
+;// ./components/ChatWindow.vue?vue&type=style&index=0&id=d604373c&prod&scoped=true&lang=css
 
 ;// ./components/ChatWindow.vue
 
@@ -4636,18 +5405,18 @@ function normalizeComponent(
 
 /* normalize component */
 
-var component = normalizeComponent(
+var ChatWindow_component = normalizeComponent(
   components_ChatWindowvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  "62955cf4",
+  "d604373c",
   null
   
 )
 
-/* harmony default export */ var ChatWindow = (component.exports);
+/* harmony default export */ var ChatWindow = (ChatWindow_component.exports);
 ;// ./components/index.js