@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/Bubble/AIBubble.js

@@ -1,41 +1,213 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+function _array_like_to_array(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 _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
     }
-  return a;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(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);
+        });
     };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    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 _non_iterable_spread() {
+    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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/Bubble/AIBubble.tsx
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
 import { memo, useContext } from "react";
 import { Loader } from "@sofa-design/icons";
 import { ConfigProvider, Flex } from "antd";
@@ -50,396 +222,287 @@ import { MessagesContext } from "./MessagesContent/BubbleContext";
 import { BubbleExtra } from "./MessagesContent/BubbleExtra";
 import { useStyle } from "./style";
 import { BubbleTitle } from "./Title";
-var AI_PLACEMENT = "left";
-var runRender = (render, props, defaultDom, ...rest) => {
-  return render ? render(props, defaultDom, ...rest) : defaultDom;
+var AI_PLACEMENT = 'left';
+export var runRender = function(render, props, defaultDom) {
+    for(var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++){
+        rest[_key - 3] = arguments[_key];
+    }
+    return render ? render.apply(void 0, [
+        props,
+        defaultDom
+    ].concat(_to_consumable_array(rest))) : defaultDom;
 };
-var isTyping = (originData) => {
-  var _a;
-  return (originData == null ? void 0 : originData.isAborted) !== true && (originData == null ? void 0 : originData.isFinished) === false && ((_a = originData == null ? void 0 : originData.extra) == null ? void 0 : _a.isHistory) === void 0 && (originData == null ? void 0 : originData.isFinished) !== void 0;
+var isTyping = function(originData) {
+    var _originData_extra;
+    return (originData === null || originData === void 0 ? void 0 : originData.isAborted) !== true && (originData === null || originData === void 0 ? void 0 : originData.isFinished) === false && (originData === null || originData === void 0 ? void 0 : (_originData_extra = originData.extra) === null || _originData_extra === void 0 ? void 0 : _originData_extra.isHistory) === undefined && (originData === null || originData === void 0 ? void 0 : originData.isFinished) !== undefined;
 };
-var isSameRoleAsPrevious = (preMessage, originData) => {
-  if (!(preMessage == null ? void 0 : preMessage.role) || !(originData == null ? void 0 : originData.role))
-    return false;
-  return preMessage.role === originData.role;
+var isSameRoleAsPrevious = function(preMessage, originData) {
+    if (!(preMessage === null || preMessage === void 0 ? void 0 : preMessage.role) || !(originData === null || originData === void 0 ? void 0 : originData.role)) return false;
+    return preMessage.role === originData.role;
 };
-var getTaskList = (originData) => {
-  var _a;
-  return [(_a = originData == null ? void 0 : originData.extra) == null ? void 0 : _a.white_box_process].flat(2).filter((item) => item == null ? void 0 : item.info);
+var getTaskList = function(originData) {
+    var _originData_extra;
+    return [
+        originData === null || originData === void 0 ? void 0 : (_originData_extra = originData.extra) === null || _originData_extra === void 0 ? void 0 : _originData_extra.white_box_process
+    ].flat(2).filter(function(item) {
+        return item === null || item === void 0 ? void 0 : item.info;
+    });
 };
-var shouldRenderBeforeContent = (placement, role, thoughtChainConfig, taskListLength) => {
-  if (placement !== "left")
-    return false;
-  if (role === "bot")
-    return false;
-  if ((thoughtChainConfig == null ? void 0 : thoughtChainConfig.enable) === false)
-    return false;
-  if (taskListLength < 1 && !(thoughtChainConfig == null ? void 0 : thoughtChainConfig.alwaysRender))
-    return false;
-  return true;
+var shouldRenderBeforeContent = function(placement, role, thoughtChainConfig, taskListLength) {
+    if (placement !== 'left') return false;
+    if (role === 'bot') return false;
+    if ((thoughtChainConfig === null || thoughtChainConfig === void 0 ? void 0 : thoughtChainConfig.enable) === false) return false;
+    if (taskListLength < 1 && !(thoughtChainConfig === null || thoughtChainConfig === void 0 ? void 0 : thoughtChainConfig.alwaysRender)) return false;
+    return true;
 };
-var AIBubble = memo((props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const {
-    onAvatarClick,
-    className,
-    style,
-    bubbleRenderConfig,
-    classNames,
-    styles,
-    originData,
-    preMessage
-  } = props;
-  const [hidePadding, setHidePadding] = React.useState(false);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const context = useContext(BubbleConfigContext);
-  const { compact, standalone, locale } = context || {};
-  const prefixClass = getPrefixCls("agentic");
-  const { wrapSSR, hashId } = useStyle(prefixClass);
-  const typing = isTyping(originData);
-  const preMessageSameRole = isSameRoleAsPrevious(preMessage, originData);
-  const time = (originData == null ? void 0 : originData.createAt) || props.time;
-  const avatar = (originData == null ? void 0 : originData.meta) || props.avatar;
-  const placement = AI_PLACEMENT;
-  const titleDom = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.titleRender,
-    props,
-    /* @__PURE__ */ React.createElement(
-      BubbleTitle,
-      {
-        bubbleNameClassName: classNames == null ? void 0 : classNames.bubbleNameClassName,
-        className: classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
-        style: styles == null ? void 0 : styles.bubbleListItemTitleStyle,
-        prefixClass: cx(`${prefixClass}-bubble-title`),
-        title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
-        placement,
-        time
-      }
-    )
-  );
-  const avatarDom = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.avatarRender,
-    props,
-    /* @__PURE__ */ React.createElement(
-      BubbleAvatar,
-      {
-        className: classNames == null ? void 0 : classNames.bubbleListItemAvatarClassName,
-        avatar: avatar == null ? void 0 : avatar.avatar,
-        background: avatar == null ? void 0 : avatar.backgroundColor,
-        title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
+/**
+ * AIBubble 组件
+ *
+ * 显示AI助手发送的消息，采用左侧布局，支持完整交互功能
+ *
+ * @example
+ * ```tsx
+ * <AIBubble
+ *   avatar={{ avatar: "url", title: "AI助手" }}
+ *   time={new Date()}
+ * >
+ *   AI回复内容
+ * </AIBubble>
+ * ```
+ */ export var AIBubble = /*#__PURE__*/ memo(function(props) {
+    var _props_originData, _props_originData1, _props_originData2, _props_originData3, _props_originData4, _props_originData5, _props_bubbleRenderConfig, _props_originData_fileMap, _props_originData6, _props_bubbleRenderConfig1, _props_styles, _props_bubbleRenderConfig2, _bubbleRenderConfig_render;
+    var onAvatarClick = props.onAvatarClick, className = props.className, style = props.style, bubbleRenderConfig = props.bubbleRenderConfig, classNames = props.classNames, styles = props.styles, originData = props.originData, preMessage = props.preMessage;
+    var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var context = useContext(BubbleConfigContext);
+    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone, locale = _ref.locale;
+    var prefixClass = getPrefixCls('agentic');
+    var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var typing = isTyping(originData);
+    var preMessageSameRole = isSameRoleAsPrevious(preMessage, originData);
+    var time = (originData === null || originData === void 0 ? void 0 : originData.createAt) || props.time;
+    var avatar = (originData === null || originData === void 0 ? void 0 : originData.meta) || props.avatar;
+    var placement = AI_PLACEMENT;
+    var titleDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.titleRender, props, /*#__PURE__*/ React.createElement(BubbleTitle, {
+        bubbleNameClassName: classNames === null || classNames === void 0 ? void 0 : classNames.bubbleNameClassName,
+        className: classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemTitleClassName,
+        style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemTitleStyle,
+        prefixClass: cx("".concat(prefixClass, "-bubble-title")),
+        title: (avatar === null || avatar === void 0 ? void 0 : avatar.title) || (avatar === null || avatar === void 0 ? void 0 : avatar.name),
+        placement: placement,
+        time: time
+    }));
+    var avatarDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.avatarRender, props, /*#__PURE__*/ React.createElement(BubbleAvatar, {
+        className: classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemAvatarClassName,
+        avatar: avatar === null || avatar === void 0 ? void 0 : avatar.avatar,
+        background: avatar === null || avatar === void 0 ? void 0 : avatar.backgroundColor,
+        title: (avatar === null || avatar === void 0 ? void 0 : avatar.title) || (avatar === null || avatar === void 0 ? void 0 : avatar.name),
         onClick: onAvatarClick,
-        prefixCls: `${prefixClass}-bubble-avatar`,
-        style: styles == null ? void 0 : styles.bubbleListItemAvatarStyle
-      }
-    )
-  );
-  const messageContent = /* @__PURE__ */ React.createElement(
-    BubbleMessageDisplay,
-    {
-      markdownRenderConfig: props.markdownRenderConfig,
-      docListProps: props.docListProps,
-      bubbleListRef: props.bubbleListRef,
-      bubbleListItemExtraStyle: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
-      bubbleRef: props.bubbleRef,
-      content: (_a = props == null ? void 0 : props.originData) == null ? void 0 : _a.content,
-      key: (_b = props == null ? void 0 : props.originData) == null ? void 0 : _b.id,
-      "data-id": (_c = props == null ? void 0 : props.originData) == null ? void 0 : _c.id,
-      avatar: (_d = props == null ? void 0 : props.originData) == null ? void 0 : _d.meta,
-      readonly: (_e = props.readonly) != null ? _e : false,
-      onReply: props.onReply,
-      id: props.id,
-      originData: props.originData,
-      placement,
-      time: ((_f = props.originData) == null ? void 0 : _f.updateAt) || ((_g = props.originData) == null ? void 0 : _g.createAt),
-      onDisLike: props.onDisLike,
-      onLike: props.onLike,
-      customConfig: (_h = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _h.customConfig,
-      pure: props.pure,
-      onCancelLike: props.onCancelLike,
-      shouldShowCopy: props.shouldShowCopy,
-      fileViewEvents: props.fileViewEvents,
-      fileViewConfig: props.fileViewConfig,
-      renderFileMoreAction: props.renderFileMoreAction,
-      shouldShowVoice: props.shouldShowVoice,
-      bubbleRenderConfig: props.bubbleRenderConfig,
-      contentAfterDom: (((_j = (_i = props == null ? void 0 : props.originData) == null ? void 0 : _i.fileMap) == null ? void 0 : _j.size) || 0) > 0 ? /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: __spreadValues({
-            minWidth: standalone ? "min(296px,100%)" : "0px",
-            paddingLeft: 12,
-            maxWidth: "100%",
-            width: "100%"
-          }, styles == null ? void 0 : styles.bubbleListItemExtraStyle),
-          className: cx(
-            `${prefixClass}-bubble-after`,
-            `${prefixClass}-bubble-after-${placement}`,
-            `${prefixClass}-bubble-after-ai`,
-            // AI消息 after 特定样式
-            hashId
-          ),
-          "data-testid": "message-after"
-        },
-        /* @__PURE__ */ React.createElement(
-          BubbleFileView,
-          {
-            placement,
+        prefixCls: "".concat(prefixClass, "-bubble-avatar"),
+        style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemAvatarStyle
+    }));
+    var _props_readonly;
+    var messageContent = /*#__PURE__*/ React.createElement(BubbleMessageDisplay, {
+        markdownRenderConfig: props.markdownRenderConfig,
+        docListProps: props.docListProps,
+        bubbleListRef: props.bubbleListRef,
+        bubbleListItemExtraStyle: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
+        bubbleRef: props.bubbleRef,
+        content: props === null || props === void 0 ? void 0 : (_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.content,
+        key: props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.id,
+        "data-id": props === null || props === void 0 ? void 0 : (_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.id,
+        avatar: props === null || props === void 0 ? void 0 : (_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : _props_originData3.meta,
+        readonly: (_props_readonly = props.readonly) !== null && _props_readonly !== void 0 ? _props_readonly : false,
+        onReply: props.onReply,
+        id: props.id,
+        originData: props.originData,
+        placement: placement,
+        time: ((_props_originData4 = props.originData) === null || _props_originData4 === void 0 ? void 0 : _props_originData4.updateAt) || ((_props_originData5 = props.originData) === null || _props_originData5 === void 0 ? void 0 : _props_originData5.createAt),
+        onDisLike: props.onDisLike,
+        onLike: props.onLike,
+        customConfig: props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig === void 0 ? void 0 : _props_bubbleRenderConfig.customConfig,
+        pure: props.pure,
+        onCancelLike: props.onCancelLike,
+        shouldShowCopy: props.shouldShowCopy,
+        fileViewEvents: props.fileViewEvents,
+        fileViewConfig: props.fileViewConfig,
+        renderFileMoreAction: props.renderFileMoreAction,
+        shouldShowVoice: props.shouldShowVoice,
+        bubbleRenderConfig: props.bubbleRenderConfig,
+        contentAfterDom: ((props === null || props === void 0 ? void 0 : (_props_originData6 = props.originData) === null || _props_originData6 === void 0 ? void 0 : (_props_originData_fileMap = _props_originData6.fileMap) === null || _props_originData_fileMap === void 0 ? void 0 : _props_originData_fileMap.size) || 0) > 0 ? /*#__PURE__*/ React.createElement("div", {
+            style: _object_spread({
+                minWidth: standalone ? 'min(296px,100%)' : '0px',
+                paddingLeft: 12,
+                maxWidth: '100%',
+                width: '100%'
+            }, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle),
+            className: cx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-ai"), hashId),
+            "data-testid": "message-after"
+        }, /*#__PURE__*/ React.createElement(BubbleFileView, {
+            placement: placement,
             bubbleListRef: props.bubbleListRef,
             bubble: props
-          }
-        )
-      ) : null
-    }
-  );
-  const childrenDom = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentRender,
-    props,
-    messageContent
-  );
-  const taskList = getTaskList(originData);
-  const shouldShowBeforeContent = shouldRenderBeforeContent(
-    placement,
-    originData == null ? void 0 : originData.role,
-    context == null ? void 0 : context.thoughtChain,
-    taskList.length
-  );
-  const beforeContent = shouldShowBeforeContent ? /* @__PURE__ */ React.createElement(BubbleBeforeNode, { bubble: props }) : null;
-  const contentBeforeDom = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender,
-    props,
-    beforeContent
-  );
-  const contentAfterDom = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentAfterRender,
-    props,
-    null
-  );
-  const itemDom = wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      BubbleConfigContext.Provider,
-      {
+        })) : null
+    });
+    var childrenDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentRender, props, messageContent);
+    var taskList = getTaskList(originData);
+    var shouldShowBeforeContent = shouldRenderBeforeContent(placement, originData === null || originData === void 0 ? void 0 : originData.role, context === null || context === void 0 ? void 0 : context.thoughtChain, taskList.length);
+    var beforeContent = shouldShowBeforeContent ? /*#__PURE__*/ React.createElement(BubbleBeforeNode, {
+        bubble: props
+    }) : null;
+    var contentBeforeDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentBeforeRender, props, beforeContent);
+    var contentAfterDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentAfterRender, props, null);
+    var itemDom = wrapSSR(/*#__PURE__*/ React.createElement(BubbleConfigContext.Provider, {
         value: {
-          compact,
-          standalone: !!standalone,
-          locale,
-          bubble: props
+            compact: compact,
+            standalone: !!standalone,
+            locale: locale,
+            bubble: props
         }
-      },
-      /* @__PURE__ */ React.createElement(
-        Flex,
-        {
-          className: cx(
-            hashId,
-            className,
-            `${prefixClass}-bubble`,
-            `${prefixClass}-bubble-${placement}`,
-            `${prefixClass}-bubble-ai`,
-            // 添加AI消息特定的类名
-            {
-              [`${prefixClass}-bubble-compact`]: compact
-            },
-            classNames == null ? void 0 : classNames.bubbleClassName
-          ),
-          style,
-          vertical: true,
-          id: props.id,
-          "data-id": props.id,
-          gap: 12
+    }, /*#__PURE__*/ React.createElement(Flex, {
+        className: cx(hashId, className, "".concat(prefixClass, "-bubble"), "".concat(prefixClass, "-bubble-").concat(placement), "".concat(prefixClass, "-bubble-ai"), _define_property({}, "".concat(prefixClass, "-bubble-compact"), compact), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleClassName),
+        style: style,
+        vertical: true,
+        id: props.id,
+        "data-id": props.id,
+        gap: 12
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: style,
+        className: cx("".concat(prefixClass, "-bubble-container"), "".concat(prefixClass, "-bubble-container-").concat(placement), _define_property({}, "".concat(prefixClass, "-bubble-container-pure"), props.pure), hashId)
+    }, preMessageSameRole ? null : /*#__PURE__*/ React.createElement("div", {
+        className: cx("".concat(prefixClass, "-bubble-avatar-title"), "".concat(prefixClass, "-bubble-avatar-title-").concat(placement), "".concat(prefixClass, "-bubble-avatar-title-ai"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleAvatarTitleClassName, hashId, _define_property({}, "".concat(prefixClass, "-bubble-avatar-title-pure"), props.pure))
+    }, avatarDom, titleDom), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'flex',
+            gap: 4,
+            flexDirection: 'column',
+            alignItems: 'flex-start'
         },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style,
-            className: cx(
-              `${prefixClass}-bubble-container`,
-              `${prefixClass}-bubble-container-${placement}`,
-              {
-                [`${prefixClass}-bubble-container-pure`]: props.pure
-              },
-              hashId
-            )
-          },
-          preMessageSameRole ? null : /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: cx(
-                `${prefixClass}-bubble-avatar-title`,
-                `${prefixClass}-bubble-avatar-title-${placement}`,
-                `${prefixClass}-bubble-avatar-title-ai`,
-                // AI消息头像标题特定样式
-                classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
-                hashId,
-                {
-                  [`${prefixClass}-bubble-avatar-title-pure`]: props.pure
-                }
-              )
-            },
-            avatarDom,
-            titleDom
-          ),
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: {
-                display: "flex",
-                gap: 4,
-                flexDirection: "column",
-                alignItems: "flex-start"
-                // AI消息内容左对齐
-              },
-              className: cx(
-                `${prefixClass}-bubble-container`,
-                `${prefixClass}-bubble-container-${placement}`,
-                `${prefixClass}-bubble-container-ai`,
-                // AI消息容器特定样式
-                {
-                  [`${prefixClass}-bubble-container-pure`]: props.pure
-                },
-                classNames == null ? void 0 : classNames.bubbleContainerClassName,
-                hashId
-              ),
-              "data-testid": "chat-message"
-            },
-            contentBeforeDom ? /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
-                className: cx(
-                  `${prefixClass}-bubble-before`,
-                  `${prefixClass}-bubble-before-${placement}`,
-                  `${prefixClass}-bubble-before-ai`,
-                  // AI消息 before 特定样式
-                  hashId
-                ),
-                "data-testid": "message-before"
-              },
-              contentBeforeDom
-            ) : null,
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: __spreadValues({
-                  minWidth: standalone ? "min(16px,100%)" : "0px"
-                }, styles == null ? void 0 : styles.bubbleListItemContentStyle),
-                className: cx(
-                  `${prefixClass}-bubble-content`,
-                  `${prefixClass}-bubble-content-${placement}`,
-                  `${prefixClass}-bubble-content-ai`,
-                  // AI消息内容特定样式
-                  {
-                    [`${prefixClass}-bubble-content-pure`]: props.pure
-                  },
-                  classNames == null ? void 0 : classNames.bubbleListItemContentClassName,
-                  hashId
-                ),
-                onDoubleClick: props.onDoubleClick,
-                "data-testid": "message-content"
-              },
-              childrenDom
-            ),
-            contentAfterDom
-          )
-        )
-      )
-    )
-  );
-  if ((bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) === false)
-    return null;
-  return /* @__PURE__ */ React.createElement(
-    MessagesContext.Provider,
-    {
-      value: {
-        message: props.originData,
-        hidePadding,
-        setHidePadding,
-        setMessage: (message) => {
-          var _a2, _b2, _c2;
-          (_c2 = (_b2 = (_a2 = props == null ? void 0 : props.bubbleRef) == null ? void 0 : _a2.current) == null ? void 0 : _b2.setMessageItem) == null ? void 0 : _c2.call(
-            _b2,
-            props.id,
-            message
-          );
+        className: cx("".concat(prefixClass, "-bubble-container"), "".concat(prefixClass, "-bubble-container-").concat(placement), "".concat(prefixClass, "-bubble-container-ai"), _define_property({}, "".concat(prefixClass, "-bubble-container-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleContainerClassName, hashId),
+        "data-testid": "chat-message"
+    }, contentBeforeDom ? /*#__PURE__*/ React.createElement("div", {
+        style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
+        className: cx("".concat(prefixClass, "-bubble-before"), "".concat(prefixClass, "-bubble-before-").concat(placement), "".concat(prefixClass, "-bubble-before-ai"), hashId),
+        "data-testid": "message-before"
+    }, contentBeforeDom) : null, /*#__PURE__*/ React.createElement("div", {
+        style: _object_spread({
+            minWidth: standalone ? 'min(16px,100%)' : '0px'
+        }, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemContentStyle),
+        className: cx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-ai"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
+        onDoubleClick: props.onDoubleClick,
+        "data-testid": "message-content"
+    }, childrenDom), contentAfterDom)))));
+    if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;
+    return /*#__PURE__*/ React.createElement(MessagesContext.Provider, {
+        value: {
+            message: props.originData,
+            hidePadding: hidePadding,
+            setHidePadding: setHidePadding,
+            setMessage: function(message) {
+                var _props_bubbleRef_current_setMessageItem, _props_bubbleRef_current, _props_bubbleRef;
+                props === null || props === void 0 ? void 0 : (_props_bubbleRef = props.bubbleRef) === null || _props_bubbleRef === void 0 ? void 0 : (_props_bubbleRef_current = _props_bubbleRef.current) === null || _props_bubbleRef_current === void 0 ? void 0 : (_props_bubbleRef_current_setMessageItem = _props_bubbleRef_current.setMessageItem) === null || _props_bubbleRef_current_setMessageItem === void 0 ? void 0 : _props_bubbleRef_current_setMessageItem.call(_props_bubbleRef_current, props.id, message);
+            }
         }
-      }
-    },
-    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_n = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _n.call(
-      bubbleRenderConfig,
-      props,
-      {
-        avatar: /* @__PURE__ */ React.createElement(
-          BubbleAvatar,
-          {
-            avatar: avatar == null ? void 0 : avatar.avatar,
-            title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name)
-          }
-        ),
+    }, /*#__PURE__*/ React.createElement(React.Fragment, null, (bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : (_bubbleRenderConfig_render = bubbleRenderConfig.render) === null || _bubbleRenderConfig_render === void 0 ? void 0 : _bubbleRenderConfig_render.call(bubbleRenderConfig, props, {
+        avatar: /*#__PURE__*/ React.createElement(BubbleAvatar, {
+            avatar: avatar === null || avatar === void 0 ? void 0 : avatar.avatar,
+            title: (avatar === null || avatar === void 0 ? void 0 : avatar.title) || (avatar === null || avatar === void 0 ? void 0 : avatar.name)
+        }),
         title: titleDom,
-        header: /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: cx(
-              `${prefixClass}-bubble-avatar-title`,
-              `${prefixClass}-bubble-avatar-title-${placement}`,
-              `${prefixClass}-bubble-avatar-title-ai`,
-              classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
-              hashId
-            )
-          },
-          avatarDom,
-          typing && /* @__PURE__ */ React.createElement(Loader, { style: { fontSize: 16 } }),
-          titleDom
-        ),
-        extra: ((_k = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _k.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
-          BubbleExtra,
-          {
+        header: /*#__PURE__*/ React.createElement("div", {
+            className: cx("".concat(prefixClass, "-bubble-avatar-title"), "".concat(prefixClass, "-bubble-avatar-title-").concat(placement), "".concat(prefixClass, "-bubble-avatar-title-ai"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleAvatarTitleClassName, hashId)
+        }, avatarDom, typing && /*#__PURE__*/ React.createElement(Loader, {
+            style: {
+                fontSize: 16
+            }
+        }), titleDom),
+        extra: (props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig1 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig1 === void 0 ? void 0 : _props_bubbleRenderConfig1.extraRender) === false ? null : /*#__PURE__*/ React.createElement(BubbleExtra, {
             pure: true,
-            style: (_l = props.styles) == null ? void 0 : _l.bubbleListItemExtraStyle,
+            style: (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.bubbleListItemExtraStyle,
             readonly: props.readonly,
-            rightRender: (_m = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _m.extraRightRender,
+            rightRender: props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig2 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig2 === void 0 ? void 0 : _props_bubbleRenderConfig2.extraRightRender,
             onReply: props.onReply,
             onCancelLike: props.onCancelLike,
             shouldShowCopy: props.shouldShowCopy,
             useSpeech: props.useSpeech,
             shouldShowVoice: props.shouldShowVoice,
-            onDisLike: props.onDisLike ? () => __async(void 0, null, function* () {
-              var _a2, _b2, _c2, _d2;
-              try {
-                yield (_a2 = props.onDisLike) == null ? void 0 : _a2.call(props, props.originData);
-                (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(
-                  _c2,
-                  props.id,
-                  {
-                    feedback: "thumbsDown"
-                  }
-                );
-              } catch (error) {
-              }
-            }) : void 0,
+            onDisLike: props.onDisLike ? /*#__PURE__*/ _async_to_generator(function() {
+                var _props_onDisLike, _props_bubbleRef_current_setMessageItem, _props_bubbleRef_current, _props_bubbleRef, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _state.trys.push([
+                                0,
+                                2,
+                                ,
+                                3
+                            ]);
+                            return [
+                                4,
+                                (_props_onDisLike = props.onDisLike) === null || _props_onDisLike === void 0 ? void 0 : _props_onDisLike.call(props, props.originData)
+                            ];
+                        case 1:
+                            _state.sent();
+                            (_props_bubbleRef = props.bubbleRef) === null || _props_bubbleRef === void 0 ? void 0 : (_props_bubbleRef_current = _props_bubbleRef.current) === null || _props_bubbleRef_current === void 0 ? void 0 : (_props_bubbleRef_current_setMessageItem = _props_bubbleRef_current.setMessageItem) === null || _props_bubbleRef_current_setMessageItem === void 0 ? void 0 : _props_bubbleRef_current_setMessageItem.call(_props_bubbleRef_current, props.id, {
+                                feedback: 'thumbsDown'
+                            });
+                            return [
+                                3,
+                                3
+                            ];
+                        case 2:
+                            error = _state.sent();
+                            return [
+                                3,
+                                3
+                            ];
+                        case 3:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            }) : undefined,
             bubble: props,
-            onLike: props.onLike ? () => __async(void 0, null, function* () {
-              var _a2, _b2, _c2, _d2;
-              try {
-                yield (_a2 = props.onLike) == null ? void 0 : _a2.call(props, props.originData);
-                (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(
-                  _c2,
-                  props.id,
-                  {
-                    feedback: "thumbsUp"
-                  }
-                );
-              } catch (error) {
-              }
-            }) : void 0
-          }
-        ),
-        messageContent,
-        itemDom
-      },
-      itemDom
-    )) || itemDom)
-  );
+            onLike: props.onLike ? /*#__PURE__*/ _async_to_generator(function() {
+                var _props_onLike, _props_bubbleRef_current_setMessageItem, _props_bubbleRef_current, _props_bubbleRef, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _state.trys.push([
+                                0,
+                                2,
+                                ,
+                                3
+                            ]);
+                            return [
+                                4,
+                                (_props_onLike = props.onLike) === null || _props_onLike === void 0 ? void 0 : _props_onLike.call(props, props.originData)
+                            ];
+                        case 1:
+                            _state.sent();
+                            (_props_bubbleRef = props.bubbleRef) === null || _props_bubbleRef === void 0 ? void 0 : (_props_bubbleRef_current = _props_bubbleRef.current) === null || _props_bubbleRef_current === void 0 ? void 0 : (_props_bubbleRef_current_setMessageItem = _props_bubbleRef_current.setMessageItem) === null || _props_bubbleRef_current_setMessageItem === void 0 ? void 0 : _props_bubbleRef_current_setMessageItem.call(_props_bubbleRef_current, props.id, {
+                                feedback: 'thumbsUp'
+                            });
+                            return [
+                                3,
+                                3
+                            ];
+                        case 2:
+                            error = _state.sent();
+                            return [
+                                3,
+                                3
+                            ];
+                        case 3:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            }) : undefined
+        }),
+        messageContent: messageContent,
+        itemDom: itemDom
+    }, itemDom)) || itemDom));
 });
-export {
-  AIBubble,
-  runRender
-};