@myun/gimi-chat 0.0.2 → 0.0.4

package/dist/components/ai-chat-dialogue/index.js

@@ -0,0 +1,1056 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
+import LottieImg from "../lottie-img";
+import styles from "./index.module.scss";
+import classNames from 'classnames';
+import { Toast, Tooltip } from '@douyinfe/semi-ui';
+import Header from "../header";
+import IconFontCom from "../iconfont-com";
+import { debounce } from 'lodash';
+import useScroll from "../../hooks/useScroll";
+// import { useUnload } from '@/utils/custom-hooks';
+import { VolcVoiceCallClient } from "./volc-voice-call-client";
+import { AGENT_BRIEF, parseVolcBinaryMessage } from "./message-parser";
+import useApi from "../../apis/useApi";
+import { Spin } from '@douyinfe/semi-ui';
+import { createPortal } from 'react-dom';
+import { useDispatch } from 'react-redux';
+
+// 2. 定义组件完整的 Props 接口
+
+var AiExplain = /*#__PURE__*/forwardRef(function (_ref) {
+  var paper = _ref.paper,
+    setSpeech = _ref.setSpeech,
+    _ref$handleHangUp = _ref.handleHangUp,
+    handleHangUp = _ref$handleHangUp === void 0 ? function () {} : _ref$handleHangUp;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    showCaptions = _useState2[0],
+    setShowCaptions = _useState2[1]; // 是否打开字幕
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDisable = _useState4[0],
+    setIsDisable = _useState4[1];
+  var _useState5 = useState('新对话'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    headerTitle = _useState6[0],
+    setHeaderTitle = _useState6[1];
+  var clientRef = useRef(null);
+  var containerRef = useRef(null);
+  var _useState7 = useState(true),
+    _useState8 = _slicedToArray(_useState7, 2),
+    audioEnabled = _useState8[0],
+    setAudioEnabled = _useState8[1]; // 是否打开声音
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    status = _useState10[0],
+    setStatus = _useState10[1]; // 状态 0 连接中 1 正在说话 2 ai回复中 3 静音 4 连接失败  5 连接成功后显示请说话。。。
+  var _useState11 = useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    oldStatus = _useState12[0],
+    setOldStatus = _useState12[1];
+  // 是否是正在思考状态（强关联火山接口）
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    isThinking = _useState14[0],
+    setIsThinking = _useState14[1];
+  // 实时语音回复消息列表
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    messageList = _useState16[0],
+    setMessageList = _useState16[1];
+  var ref1 = useRef(null); // 用来记录是否第一次说话  6 第一次说话后显示正在听
+  var audioEnabledRef = useRef(audioEnabled); // 解决事件监听中闭包问题
+  var timer = useRef(null);
+  // 是否是首次进入
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    isFirstUse = _useState18[0],
+    setIsFirstUse = _useState18[1];
+  //  文本的looding状态
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    isTextLoading = _useState20[0],
+    setIsTextLoading = _useState20[1];
+  var _useScroll = useScroll(containerRef),
+    _useScroll2 = _slicedToArray(_useScroll, 2),
+    throttledScrollToBottom = _useScroll2[0],
+    scrollBottomForce = _useScroll2[1];
+  var _useApi = useApi(),
+    _startVoiceChat = _useApi.startVoiceChat,
+    _stopVoiceChat = _useApi.stopVoiceChat,
+    getUserFirstUse = _useApi.getUserFirstUse,
+    getRtcConfig = _useApi.getRtcConfig;
+  var dispatch = useDispatch();
+  var UNSUPPORTED_CALL_MSG_KEY = 'ai-chat-unsupported-call';
+  var unsupportedShownRef = useRef(false);
+  var renderStatus = useMemo(function () {
+    if (!audioEnabled) {
+      if (isThinking) return /*#__PURE__*/React.createElement("div", {
+        className: styles.statusText
+      }, '你已静音（正在思考中）', " ");
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.statusText
+      }, '你已静音');
+    }
+    switch (status) {
+      case 0:
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
+          name: "aiLoading",
+          size: [30, 50]
+        }), /*#__PURE__*/React.createElement("div", {
+          className: styles.statusText
+        }, "\u6B63\u5728\u8FDE\u63A5"));
+      case 1:
+      case 6:
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
+          name: "aiOutputLoading",
+          size: [34, 60]
+        }), /*#__PURE__*/React.createElement("div", {
+          className: styles.statusText
+        }, "\u6B63\u5728\u8046\u542C"));
+      case 2:
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          className: styles.statusImg
+        }, /*#__PURE__*/React.createElement("div", {
+          className: styles.iconOutside
+        }, /*#__PURE__*/React.createElement("div", {
+          className: styles.iconInside
+        }))), /*#__PURE__*/React.createElement("div", {
+          className: styles.statusText
+        }, "\u8BF4\u8BDD\u6216\u70B9\u51FB\u53EF\u4EE5\u6253\u65AD\u6211"));
+      case 4:
+        // 网络错误状态打断TextLoading
+        setIsTextLoading(false);
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          className: classNames(styles.statusText, styles.danger, styles.pointer)
+        }, "\u70B9\u51FB\u91CD\u65B0\u8FDE\u63A5"));
+      case 5:
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
+          name: "aiOutputLoading",
+          size: [34, 60]
+        }), /*#__PURE__*/React.createElement("div", {
+          className: styles.statusText
+        }, "\u4F60\u53EF\u4EE5\u5F00\u59CB\u8BF4\u8BDD"));
+      case 7:
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LottieImg, {
+          name: "aiOutputLoading",
+          size: [34, 60]
+        }), /*#__PURE__*/React.createElement("div", {
+          className: styles.statusText
+        }, "\u6B63\u5728\u601D\u8003"));
+      default:
+        return null;
+    }
+  }, [status, audioEnabled, isThinking]);
+
+  /**
+   * 拆分混杂字符串中的「纯文字内容」和「moduleType开头的JSON对象」
+   * @param str 原始混杂字符串（中文+JSON，JSON含嵌套花括号）
+   * @returns { text: 纯文字内容, json: 解析后的JSON对象 | null }
+   */
+  function splitTextAndModuleTypeJson(str) {
+    // 定位 "moduleType" 锚点（JSON的核心标识）
+    var moduleTypeAnchor = '"moduleType"';
+    var anchorIndex = str.indexOf(moduleTypeAnchor);
+
+    // 情况1：无moduleType，全部视为纯文字
+    if (anchorIndex === -1) {
+      return {
+        text: str.trim(),
+        json: null
+      };
+    }
+
+    // 向前找JSON起始的 {（处理中文和花括号穿插的情况）
+    var jsonStartIdx = -1;
+    for (var i = anchorIndex - 1; i >= 0; i--) {
+      if (str[i] === '{') {
+        jsonStartIdx = i;
+        break;
+      }
+    }
+    // 未找到JSON起始{，全部视为纯文字
+    if (jsonStartIdx === -1) {
+      return {
+        text: str.trim(),
+        json: null
+      };
+    }
+
+    // 3. 向后匹配嵌套花括号，找到JSON结束的 }
+    var braceCount = 0;
+    var jsonEndIdx = -1;
+    for (var _i = jsonStartIdx; _i < str.length; _i++) {
+      if (str[_i] === '{') braceCount++;
+      if (str[_i] === '}') braceCount--;
+
+      // 计数器归0 = 最外层花括号闭合（匹配完成）
+      if (braceCount === 0) {
+        jsonEndIdx = _i;
+        break;
+      }
+    }
+    // 未找到匹配的结束}，全部视为纯文字
+    if (jsonEndIdx === -1) {
+      return {
+        text: str.trim(),
+        json: null
+      };
+    }
+
+    // 4. 拆分文字和JSON（处理JSON前后的文字）
+    // 纯文字 = JSON前的文字 + JSON后的文字
+    var textBeforeJson = str.slice(0, jsonStartIdx).trim();
+    var textAfterJson = str.slice(jsonEndIdx + 1).trim();
+    var pureText = "".concat(textBeforeJson, " ").concat(textAfterJson).trim();
+
+    // 5. 解析JSON（容错处理）
+    var parsedJson = null;
+    try {
+      var jsonStr = str.slice(jsonStartIdx, jsonEndIdx + 1);
+      parsedJson = JSON.parse(jsonStr);
+    } catch (error) {
+      console.error('JSON解析失败：', error);
+      // 解析失败时，文字包含全部内容，JSON为null
+      return {
+        text: str.trim(),
+        json: null
+      };
+    }
+    return {
+      text: pureText,
+      json: parsedJson
+    };
+  }
+
+  // 静音
+  var handleVoice = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(flag) {
+      var enable, _clientRef$current;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (navigator.onLine) {
+              _context.next = 3;
+              break;
+            }
+            Toast.error('无法连接到网络');
+            return _context.abrupt("return");
+          case 3:
+            enable = flag === undefined ? audioEnabled : flag;
+            _context.prev = 4;
+            _context.next = 7;
+            return (_clientRef$current = clientRef.current) === null || _clientRef$current === void 0 ? void 0 : _clientRef$current.setAudioEnable(!enable);
+          case 7:
+            if (status !== 4) {
+              if (enable) {
+                if (status === 7 || status === 2) {
+                  setOldStatus(status);
+                } else {
+                  setOldStatus(null);
+                }
+                setStatus(3);
+              } else {
+                // 当前为静音状态时解除静音，状态同步 （目前逻辑有历史记录就为正在聆听否则为你可以开始说话）
+                // messageList.length > 0 ? setStatus(1) : setStatus(5);
+                // if (!messageList.length) {
+                //     setStatus(5);
+                // } else if (status !== 7 && status !== 2) {
+                //     // 如果当前静音后不是思考状态也不是ai回复中的状态就让状态为正在聆听
+                //     setStatus(1);
+                // }
+                if (status !== 2 && status !== 7) {
+                  if (!messageList.length) {
+                    setStatus(5); // 你可以开始说话
+                  } else {
+                    if (status === 3 && oldStatus) {
+                      setStatus(oldStatus);
+                    } else {
+                      setStatus(1); // 正在聆听
+                    }
+                  }
+                }
+              }
+            }
+            setAudioEnabled(!enable);
+            _context.next = 13;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](4);
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[4, 11]]);
+    }));
+    return function handleVoice(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  /**
+   * 合并相邻的answer条目（以question为分隔符）
+   * @param messageList 原始消息列表
+   * @returns 合并后的新列表
+   */
+  function mergeAnswerByQuestion(messageList) {
+    var mergedList = [];
+    var tempAnswers = []; // 暂存待合并的answer
+    var _iterator = _createForOfIteratorHelper(messageList),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        if (item.type === 'question') {
+          // 遇到question：先合并之前暂存的answer，再添加当前question
+          if (tempAnswers.length > 0) {
+            // 合并answer：拼接content，其他字段取最后一个
+            var _mergedAnswer = _objectSpread(_objectSpread({}, tempAnswers[tempAnswers.length - 1]), {}, {
+              // 取最后一个的id/type/definite
+              content: tempAnswers.map(function (ans) {
+                return ans.content;
+              }).join('') // 拼接所有content
+            });
+            mergedList.push(_mergedAnswer);
+            tempAnswers = []; // 清空暂存
+          }
+          mergedList.push(item); // 添加当前question
+        } else if (item.type === 'answer') {
+          // 遇到answer：暂存起来
+          tempAnswers.push(item);
+        }
+      }
+
+      // 处理列表末尾剩余的answer（如果有）
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (tempAnswers.length > 0) {
+      var mergedAnswer = _objectSpread(_objectSpread({}, tempAnswers[tempAnswers.length - 1]), {}, {
+        content: tempAnswers.map(function (ans) {
+          return ans.content;
+        }).join('')
+      });
+      mergedList.push(mergedAnswer);
+    }
+    return mergedList;
+  }
+  var initClient = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _data$VoiceChat;
+      var res, data, rtc, startVoiceChatParams, stopVoiceChatParams, client;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            _context2.next = 3;
+            return navigator.mediaDevices.getUserMedia({
+              audio: true
+            });
+          case 3:
+            _context2.next = 9;
+            break;
+          case 5:
+            _context2.prev = 5;
+            _context2.t0 = _context2["catch"](0);
+            dispatch({
+              type: 'gimiMenu/setShowMicWarning',
+              payload: {
+                showMicWarning: true
+              }
+            });
+            throw new Error('需要麦克风访问权限');
+          case 9:
+            _context2.next = 11;
+            return getRtcConfig();
+          case 11:
+            res = _context2.sent;
+            data = res.result;
+            rtc = {
+              appId: data.RTCConfig.AppId,
+              roomId: data.RTCConfig.RoomId,
+              custom: {
+                botId: paper.botId,
+                conversationId: paper.conversationId
+              },
+              userId: data.RTCConfig.UserId,
+              taskId: data === null || data === void 0 || (_data$VoiceChat = data.VoiceChat) === null || _data$VoiceChat === void 0 ? void 0 : _data$VoiceChat.TaskId,
+              token: data === null || data === void 0 ? void 0 : data.RTCConfig.Token
+            };
+            if (!(!(rtc !== null && rtc !== void 0 && rtc.appId) || !(rtc !== null && rtc !== void 0 && rtc.roomId) || !(rtc !== null && rtc !== void 0 && rtc.userId) || !(rtc !== null && rtc !== void 0 && rtc.token))) {
+              _context2.next = 16;
+              break;
+            }
+            throw new Error('RTC 配置不完整');
+          case 16:
+            startVoiceChatParams = {
+              roomId: rtc.roomId,
+              taskId: rtc.taskId,
+              custom: rtc.custom
+            };
+            stopVoiceChatParams = {
+              appId: rtc.appId,
+              roomId: rtc.roomId,
+              taskId: rtc.taskId
+            }; // 创建 VolcVoiceCallClient 实例
+            client = new VolcVoiceCallClient({
+              rtcConfig: {
+                appId: rtc.appId,
+                roomId: rtc.roomId,
+                userId: rtc.userId,
+                token: rtc.token,
+                // agentName: rtc.agentName,
+                agentName: paper.botId + paper.conversationId
+              },
+              startVoiceChat: function startVoiceChat(p) {
+                return _startVoiceChat(p);
+              },
+              stopVoiceChat: function stopVoiceChat(p) {
+                return _stopVoiceChat(p);
+              },
+              startVoiceChatParams: startVoiceChatParams,
+              stopVoiceChatParams: stopVoiceChatParams
+            });
+            client.onError(function (err) {
+              console.log(err);
+            });
+            // 消息回复回调
+            client.onBinaryMessage(function (buffer) {
+              var info = new TextDecoder().decode(buffer);
+
+              // 解析二进制消息（转成前端可识别的格式）
+              var evt = parseVolcBinaryMessage(buffer);
+              console.log(evt);
+              console.log(info);
+              if (!evt) return;
+              if (evt.kind === 'subtitle') {
+                var text = evt.text,
+                  userId = evt.userId,
+                  definite = evt.definite;
+                if (!text) return;
+
+                // 归属：userId === 自己 => question，否则 answer
+                var msgType = userId && rtc.userId && userId === rtc.userId ? 'question' : 'answer';
+                // 当用户说话时TextLoading一定不存在
+                if (msgType === 'question') {
+                  setIsTextLoading(false);
+                } else {
+                  // 有文字返回状态则切换为正在说话
+                  setStatus(2);
+                }
+                if (text.includes('moduleType')) {
+                  var textData = splitTextAndModuleTypeJson(text).json || {};
+                  // 标准通话模式文字回显结束停止文字加载
+                  if (textData.moduleType === 'end' && textData.conversationStatus && textData.conversationStatus === 'stop') {
+                    setIsTextLoading(false);
+                  }
+                  // 卡片和问答直接关闭
+                  if (textData.moduleType === 'skill' || textData.moduleType === 'ask') {
+                    // 关闭loading
+                    setIsTextLoading(false);
+                  }
+                  if (textData.answerType === 1 || textData.moduleType === 'skill') {
+                    var _clientRef$current2, _clientRef$current2$m;
+                    // 静音点击置灰
+                    setIsDisable(true);
+                    // 静音
+                    handleVoice(true);
+                    // 静音播放
+                    (_clientRef$current2 = clientRef.current) === null || _clientRef$current2 === void 0 || (_clientRef$current2$m = _clientRef$current2.mutePlayback) === null || _clientRef$current2$m === void 0 || _clientRef$current2$m.call(_clientRef$current2);
+
+                    // 关键1：创建提示框前，先销毁旧的（避免多个提示框）
+                    // if (warningMessageRef.current) {
+                    //     message.destroy(); // 销毁所有 message，包括当前警告框
+                    //     warningMessageRef.current = null;
+                    // }
+                    // warningMessageRef.current = message.open({
+                    //     type: 'warning',
+                    //     content: '后续流程暂不支持通话展示，可挂断后继续',
+                    //     duration: 0,
+                    //     style: {
+                    //         marginTop: '30vh',
+                    //     },
+                    // });
+                    if (!unsupportedShownRef.current) {
+                      unsupportedShownRef.current = true;
+                    }
+                    Toast.warning({
+                      id: UNSUPPORTED_CALL_MSG_KEY,
+                      content: '后续流程暂不支持通话展示，可挂断后继续',
+                      duration: 0,
+                      style: {
+                        marginTop: '30vh'
+                      }
+                    });
+                    return;
+                  }
+                }
+
+                // 增量更新字幕列表（核心优化：避免重复创建条目）
+                setMessageList(function (prev) {
+                  var lastIdx = _toConsumableArray(prev).reverse().findIndex(function (m) {
+                    return m.type === msgType;
+                  });
+                  var idx = lastIdx === -1 ? -1 : prev.length - 1 - lastIdx;
+                  var last = idx >= 0 ? prev[idx] : null;
+                  // 如果上一条同侧字幕还在增量中（definite=false），继续更新它
+
+                  if (last && !last.definite) {
+                    var copy = prev.slice();
+                    copy[idx] = _objectSpread(_objectSpread({}, last), {}, {
+                      content: text,
+                      definite: !!definite
+                    });
+                    return copy;
+                  }
+                  if (!text.includes('moduleType')) {
+                    // 否则新增一条（上一条已经 definite 或者不存在）
+                    var answerData = [].concat(_toConsumableArray(prev), [{
+                      id: "".concat(Date.now(), "-").concat(msgType),
+                      type: msgType,
+                      content: text,
+                      definite: !!definite
+                    }]);
+                    return mergeAnswerByQuestion(answerData);
+                  } else {
+                    // 存在moduleType
+                    var parsed = splitTextAndModuleTypeJson(text);
+                    // 获取字符串的纯文本
+                    var pureText = parsed.text;
+                    // 存在纯文本就推进信息流中，不存在的话不推入信息流
+                    if (pureText) {
+                      var _answerData = [].concat(_toConsumableArray(prev), [{
+                        id: "".concat(Date.now(), "-").concat(msgType),
+                        type: msgType,
+                        content: pureText,
+                        definite: !!definite
+                      }]);
+                      return mergeAnswerByQuestion(_answerData);
+                    } else {
+                      return _toConsumableArray(prev);
+                    }
+                  }
+                });
+              }
+              if (evt.kind === 'brief') {
+                // 映射 status：AI 说话中 -> 2，结束 -> 1
+                if (evt.stageCode === AGENT_BRIEF.SPEAKING) setStatus(2);
+                if (evt.stageCode === AGENT_BRIEF.THINKING) {
+                  // state改变状态 isThinking强关联是否在思考
+                  setIsThinking(true);
+                  setStatus(7);
+                } else {
+                  setIsThinking(false);
+                }
+                if (evt.stageCode === AGENT_BRIEF.FINISHED) setStatus(1);
+                if (evt.stageCode === AGENT_BRIEF.INTERRUPTED) setStatus(1);
+                return;
+              }
+            });
+            clientRef.current = client;
+          case 22:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 5]]);
+    }));
+    return function initClient() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  // 断开连接
+  var handleDisconnect = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var _clientRef$current3, _clientRef$current4;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.prev = 0;
+            // 销毁warning提示框
+            // if (warningMessageRef.current) {
+            //     message.destroy(); // 销毁所有 message，包括当前警告框
+            //     warningMessageRef.current = null;
+            // }
+            if (unsupportedShownRef.current) {
+              unsupportedShownRef.current = false;
+              Toast.close(UNSUPPORTED_CALL_MSG_KEY);
+            }
+            _context3.next = 4;
+            return (_clientRef$current3 = clientRef.current) === null || _clientRef$current3 === void 0 ? void 0 : _clientRef$current3.setAudioEnable(false);
+          case 4:
+            _context3.next = 6;
+            return (_clientRef$current4 = clientRef.current) === null || _clientRef$current4 === void 0 ? void 0 : _clientRef$current4.disconnect();
+          case 6:
+            clientRef.current = null;
+            _context3.next = 11;
+            break;
+          case 9:
+            _context3.prev = 9;
+            _context3.t0 = _context3["catch"](0);
+          case 11:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[0, 9]]);
+    }));
+    return function handleDisconnect() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  // 启动 RTC 连接、初始化客户端、加入房间
+  var handleConnect = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var _clientRef$current5, _ref1$current;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.prev = 0;
+            if (clientRef.current) {
+              _context4.next = 4;
+              break;
+            }
+            _context4.next = 4;
+            return initClient();
+          case 4:
+            _context4.next = 6;
+            return (_clientRef$current5 = clientRef.current) === null || _clientRef$current5 === void 0 ? void 0 : _clientRef$current5.connect();
+          case 6:
+            // 判断麦克风是否开启（再判断「是否首次说话 + 消息列表是否为空」）是的话 状态5：连接成功，提示「你可以开始说话」
+            // 否则 状态1：非首次/有消息，提示「正在聆听」，没开启则状态3：麦克风静音，提示「你已静音」
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+            audioEnabledRef.current ? !((_ref1$current = ref1.current) !== null && _ref1$current !== void 0 && _ref1$current.status) && !messageList.length ? setStatus(5) : setStatus(1) : setStatus(3);
+            _context4.next = 16;
+            break;
+          case 9:
+            _context4.prev = 9;
+            _context4.t0 = _context4["catch"](0);
+            setStatus(4); // 状态4：连接失败，提示「点击重新连接」
+            if (!((_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message) === '需要麦克风访问权限')) {
+              _context4.next = 15;
+              break;
+            }
+            Toast.error('未开启麦克风权限');
+            return _context4.abrupt("return");
+          case 15:
+            Toast.error(_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message);
+          case 16:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[0, 9]]);
+    }));
+    return function handleConnect() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  // 重新连接逻辑
+  var reconnect = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            setStatus(0);
+            _context5.next = 3;
+            return handleDisconnect();
+          case 3:
+            handleConnect();
+          case 4:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function reconnect() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  // 打断
+  var handleInterrupt = function handleInterrupt() {
+    try {
+      var _clientRef$current6;
+      (_clientRef$current6 = clientRef.current) === null || _clientRef$current6 === void 0 || _clientRef$current6.interrupt();
+    } catch (_unused4) {}
+  };
+  // 防抖  限制打断 AI 按钮的频率
+  var clickInterrupt = debounce(function () {
+    // 校验1：检查网络是否在线
+    if (!navigator.onLine) {
+      Toast.error('无法连接到网络');
+      return;
+    }
+    // 校验2：检查当前状态是否为“连接失败（status=4）”
+    if (status === 4) {
+      reconnect(); // 触发重新连接
+      return;
+    }
+    // 校验3：仅当 AI 正在回复（status=2）时，执行打断
+    if (status === 2) {
+      handleInterrupt(); // 调用真正的打断逻辑
+    }
+  }, 400);
+  // 返回文字对话并断连接
+  var handleBack = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            // 销毁warning提示框
+            // if (warningMessageRef?.current) {
+            //     message.destroy(); // 销毁所有 message，包括当前警告框
+            //     warningMessageRef.current = null;
+            // }
+
+            setMessageList([]);
+            _context6.next = 3;
+            return handleDisconnect();
+          case 3:
+            setSpeech(false);
+            // 外部捕获挂断回调
+            if (handleHangUp) {
+              handleHangUp();
+            }
+          case 5:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function handleBack() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  /** 获取用户是否是首次进入 */
+  var getUserFirstUseInfo = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      var res;
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            _context7.prev = 0;
+            _context7.next = 3;
+            return getUserFirstUse({
+              type: 'voice'
+            });
+          case 3:
+            res = _context7.sent;
+            if (!(res.status !== 0)) {
+              _context7.next = 6;
+              break;
+            }
+            return _context7.abrupt("return");
+          case 6:
+            setIsFirstUse((res === null || res === void 0 ? void 0 : res.result.isFirstUse) || false);
+            _context7.next = 13;
+            break;
+          case 9:
+            _context7.prev = 9;
+            _context7.t0 = _context7["catch"](0);
+            Toast.error(_context7.t0.message);
+            console.log(_context7.t0);
+          case 13:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7, null, [[0, 9]]);
+    }));
+    return function getUserFirstUseInfo() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+
+  // 切换回字幕后滚到最底下
+  useEffect(function () {
+    if (showCaptions) scrollBottomForce();
+  }, [showCaptions]);
+
+  // 监听麦克风是否静音
+  useEffect(function () {
+    audioEnabledRef.current = audioEnabled;
+  }, [audioEnabled]);
+
+  // // 监听是否是思考状态从而改变lodding状态
+  useEffect(function () {
+    if (isThinking) {
+      setIsTextLoading(true);
+    }
+  }, [isThinking]);
+  useEffect(function () {
+    var _messageList$;
+    // 滚动到底部
+    throttledScrollToBottom();
+    if (messageList.length !== 1 || !((_messageList$ = messageList[0]) !== null && _messageList$ !== void 0 && _messageList$.content)) return;
+    // \p{P} 是 Unicode 属性转义，匹配所有标点符号（包含中文、英文、特殊符号等）
+    var punctuationRegex = /(?:[!-#%-\*,-\/:;\?@\[-\]_\{\}\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061D-\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C77\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1B7D\u1B7E\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4F\u2E52-\u2E5D\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD803[\uDEAD\uDF55-\uDF59\uDF86-\uDF89]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDC4B-\uDC4F\uDC5A\uDC5B\uDC5D\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDE60-\uDE6C\uDEB9\uDF3C-\uDF3E]|\uD806[\uDC3B\uDD44-\uDD46\uDDE2\uDE3F-\uDE46\uDE9A-\uDE9C\uDE9E-\uDEA2\uDF00-\uDF09]|\uD807[\uDC41-\uDC45\uDC70\uDC71\uDEF7\uDEF8\uDF43-\uDF4F\uDFFF]|\uD809[\uDC70-\uDC74]|\uD80B[\uDFF1\uDFF2]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD81B[\uDE97-\uDE9A\uDFE2]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B]|\uD83A[\uDD5E\uDD5F])/g;
+    // 提取第一条消息内容并过滤所有标点符号
+    var pureText = messageList[0].content.replace(punctuationRegex, '');
+    // 原始内容（保留标点）
+    var originalContent = messageList[0].content;
+    if (pureText.length <= 20) {
+      // 纯文字≤20：直接用原始内容
+      setHeaderTitle(originalContent);
+    } else {
+      var charCount = 0; // 统计纯文字数量
+      var result = ''; // 最终截取的内容
+      var _iterator2 = _createForOfIteratorHelper(originalContent),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var char = _step2.value;
+          // 遇到标点：直接加入结果，不计数
+          if (punctuationRegex.test(char)) {
+            result += char;
+            continue;
+          }
+          // 纯文字：计数+1，加入结果
+          charCount += 1;
+          result += char;
+          // 达到20个纯文字：停止遍历
+          if (charCount === 20) break;
+        }
+
+        // 检查截取结果最后一个字符是否是标点：是则替换为省略号，否则直接加
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      var lastChar = result.slice(-1);
+      var finalTitle = punctuationRegex.test(lastChar) ? result.slice(0, -1) + '...' : result + '...';
+      setHeaderTitle(finalTitle);
+    }
+  }, [messageList]);
+
+  //  初始化语音对话（核心业务入口）
+  useEffect(function () {
+    handleConnect(); //  启动 RTC 连接、初始化客户端、加入房间
+    setShowCaptions(paper.enableCaptions); // 初始化字幕开关状态（从 paper 配置读取）
+    // 字幕标题三秒钟后隐藏
+    timer.current = setTimeout(function () {
+      setIsFirstUse(false);
+    }, 3000);
+  }, [paper]);
+
+  // 断开 RTC 连接、停止 AI 任务、释放麦克风
+  // useUnload(() => {
+  //     console.log('页面卸载, 断开连接');
+  //     if (warningMessageRef.current) {
+  //         message.destroy();
+  //         warningMessageRef.current = null;
+  //     }
+  //     handleDisconnect();
+  // });
+  useEffect(function () {
+    var onPageHide = function onPageHide(e) {
+      // 如果进入 bfcache（往返缓存），不一定要断开；你们按业务决定
+      // 一般实时通话建议断开，所以也可以不判断 persisted
+      if (e.persisted) return;
+      handleDisconnect();
+    };
+    // 有的浏览器 pagehide 覆盖更好，有的用 unload 兜底
+    window.addEventListener('pagehide', onPageHide);
+    window.addEventListener('unload', handleDisconnect);
+    return function () {
+      window.removeEventListener('pagehide', onPageHide);
+      window.removeEventListener('unload', handleDisconnect);
+    };
+  }, []);
+
+  // 页面刷新时，提示用户
+  useEffect(function () {
+    var handleBeforeUnload = function handleBeforeUnload(e) {
+      var isInCall = !!clientRef.current && status !== 4;
+      if (!isInCall) return;
+      e.preventDefault();
+      e.returnValue = '重新加载页面将结束当前语音通话，是否继续？';
+      return e.returnValue;
+    };
+    window.addEventListener('beforeunload', handleBeforeUnload);
+    return function () {
+      return window.removeEventListener('beforeunload', handleBeforeUnload);
+    };
+  }, [status]);
+  useEffect(function () {
+    // 监听页面可见性变化（比如用户切到其他标签页）
+    var handleVisibilityChange = /*#__PURE__*/function () {
+      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              if (!(document.visibilityState === 'visible')) {
+                _context8.next = 4;
+                break;
+              }
+              console.log('页面显示');
+              _context8.next = 8;
+              break;
+            case 4:
+              console.log('页面隐藏--');
+              // 打断输出并且静音
+              _context8.next = 7;
+              return handleInterrupt();
+            case 7:
+              // 打断 AI 发言（避免用户切走后 AI 还在说话）
+              handleVoice(true); // 静音
+            case 8:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8);
+      }));
+      return function handleVisibilityChange() {
+        return _ref9.apply(this, arguments);
+      };
+    }();
+    // 获取用户首次使用信息
+    getUserFirstUseInfo();
+    var handleLineChange = /*#__PURE__*/function () {
+      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
+            case 0:
+              Toast.error('无法连接到网络');
+              _context9.next = 3;
+              return handleDisconnect();
+            case 3:
+              // 断开RTC连接（避免无效重连）
+              setStatus(4); // 把状态改为「连接失败」，UI显示“点击重新连接”
+            case 4:
+            case "end":
+              return _context9.stop();
+          }
+        }, _callee9);
+      }));
+      return function handleLineChange() {
+        return _ref10.apply(this, arguments);
+      };
+    }();
+    // 挂载时绑定监听
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+    // 监听设备网络断开
+    window.addEventListener('offline', handleLineChange);
+    // 卸载时移除监听（防止内存泄漏）
+    return function () {
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+      window.removeEventListener('offline', handleLineChange);
+      clearTimeout(timer.current);
+    };
+  }, []);
+  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+    className: styles.aiChat
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.bgImg
+  }, /*#__PURE__*/React.createElement(LottieImg, {
+    name: "aiBg",
+    size: ['100%', '100%']
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottomRight",
+    overlayClassName: "out-tooltip ai-chat-tooltip",
+    visible: isFirstUse,
+    title: showCaptions ? '点击可关闭字幕' : '点击可开启字幕'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.rightWrap
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    title: showCaptions ? '关闭字幕' : '打开字幕',
+    overlayClassName: "ai-chat-tooltip"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.iconWrap
+  }, /*#__PURE__*/React.createElement(IconFontCom, {
+    type: !showCaptions ? 'icon-a-tongyong-zhankaibeifen1' : 'icon-tongyong-zhankaibeifen1',
+    size: 20,
+    extraStyle: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      return setShowCaptions(!showCaptions);
+    }
+  }))))), /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.main)
+  }, /*#__PURE__*/React.createElement(Header, {
+    title: headerTitle
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.content, 'scrollBar'),
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, showCaptions ? status === 5 || status === 6 ? /*#__PURE__*/React.createElement("div", {
+    className: styles.tips
+  }, status === 5 ? '请说话' : '正在听...') : /*#__PURE__*/React.createElement("div", null, messageList.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames(styles.item, _defineProperty({}, styles.answer, item.type === 'answer')),
+      key: item.id
+    }, item.content);
+  }), isTextLoading ? /*#__PURE__*/React.createElement(Spin, null) : null) : /*#__PURE__*/React.createElement("div", {
+    className: styles.voiceWrap
+  }, /*#__PURE__*/React.createElement(LottieImg, {
+    name: status === 2 ? 'aiOutputStrengthen' : 'aiOutputNormal',
+    size: [242, 235]
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.bottom
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.status, _defineProperty({}, styles.pointer, status === 2)),
+    onClick: clickInterrupt
+  }, renderStatus), /*#__PURE__*/React.createElement("div", {
+    className: styles.btnWrap
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    visible: isFirstUse,
+    title: audioEnabled ? '关闭麦克风' : '打开麦克风',
+    overlayClassName: "ai-chat-tooltip"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: audioEnabled ? '关闭麦克风' : '打开麦克风',
+    overlayClassName: "ai-chat-tooltip"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.btnItem, isDisable ? styles.disable : ''),
+    onClick: function onClick() {
+      return handleVoice();
+    }
+  }, /*#__PURE__*/React.createElement(IconFontCom, {
+    type: audioEnabled ? 'icon-voice' : 'icon-a-voice1',
+    size: 34
+  })))), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    visible: isFirstUse,
+    title: '挂断电话',
+    overlayClassName: "ai-chat-tooltip"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: '挂断电话',
+    overlayClassName: "ai-chat-tooltip"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.btnItem,
+    onClick: function onClick() {
+      return handleBack();
+    }
+  }, /*#__PURE__*/React.createElement(IconFontCom, {
+    type: "icon-a-mti-guaduanshi",
+    size: 34
+  }))))))))), document.body);
+});
+export default AiExplain;