@ant-design/agentic-ui 2.30.0 → 2.30.1

package/dist/Bubble/List/index.d.ts

@@ -176,6 +176,10 @@ export type BubbleListProps = {
      * 等效于 markdownRenderConfig={{ renderMode }}
      */
     renderMode?: 'slate' | 'markdown';
+    /**
+     * 与 `renderMode` 等价，兼容协议字段 `renderType=markdown`
+     */
+    renderType?: 'slate' | 'markdown';
     docListProps?: BubbleProps['docListProps'];
     /**
      * 动态控制复制按钮的显隐

package/dist/Bubble/List/index.js

@@ -121,15 +121,18 @@ import { useStyle } from "./style";
  * - 支持滚动和触摸事件
  * - 提供消息复制功能
  */ export var BubbleList = function BubbleList(props) {
-    var bubbleListRef = props.bubbleListRef, bubbleRenderConfig = props.bubbleRenderConfig, className = props.className, legacyLoading = props.loading, isLoading = props.isLoading, styles = props.styles, classNames = props.classNames, markdownRenderConfigProp = props.markdownRenderConfig, renderMode = props.renderMode, userMeta = props.userMeta, assistantMeta = props.assistantMeta, _props_bubbleList = props.bubbleList, bubbleList = _props_bubbleList === void 0 ? [] : _props_bubbleList, style = props.style, onScroll = props.onScroll, onWheel = props.onWheel, onTouchMove = props.onTouchMove;
-    // 合并 renderMode 快捷属性到 markdownRenderConfig
+    var bubbleListRef = props.bubbleListRef, bubbleRenderConfig = props.bubbleRenderConfig, className = props.className, legacyLoading = props.loading, isLoading = props.isLoading, styles = props.styles, classNames = props.classNames, markdownRenderConfigProp = props.markdownRenderConfig, renderMode = props.renderMode, renderType = props.renderType, userMeta = props.userMeta, assistantMeta = props.assistantMeta, _props_bubbleList = props.bubbleList, bubbleList = _props_bubbleList === void 0 ? [] : _props_bubbleList, style = props.style, onScroll = props.onScroll, onWheel = props.onWheel, onTouchMove = props.onTouchMove;
+    // 合并 renderMode / renderType 快捷属性到 markdownRenderConfig
     var markdownRenderConfig = useMemo(function() {
-        return renderMode ? _object_spread_props(_object_spread({}, markdownRenderConfigProp), {
-            renderMode: renderMode
+        var _ref, _ref1;
+        var mode = (_ref = (_ref1 = renderMode !== null && renderMode !== void 0 ? renderMode : renderType) !== null && _ref1 !== void 0 ? _ref1 : markdownRenderConfigProp === null || markdownRenderConfigProp === void 0 ? void 0 : markdownRenderConfigProp.renderMode) !== null && _ref !== void 0 ? _ref : markdownRenderConfigProp === null || markdownRenderConfigProp === void 0 ? void 0 : markdownRenderConfigProp.renderType;
+        return mode ? _object_spread_props(_object_spread({}, markdownRenderConfigProp), {
+            renderMode: mode
         }) : markdownRenderConfigProp;
     }, [
         markdownRenderConfigProp,
-        renderMode
+        renderMode,
+        renderType
     ]);
     // 兼容旧属性
     var loading = isLoading !== null && isLoading !== void 0 ? isLoading : legacyLoading;

package/dist/Bubble/MessagesContent/EXCEPTION.js

@@ -1,5 +1,7 @@
 import { theme } from "antd";
 import React from "react";
+import { AnswerAlert } from "../../AnswerAlert";
+import { useLocale } from "../../I18n";
 /**
  * EXCEPTION 组件 - 异常消息组件
  *
@@ -33,7 +35,9 @@ import React from "react";
  */ export var EXCEPTION = function EXCEPTION(param) {
     var extra = param.extra, content = param.content;
     var token = theme.useToken().token;
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+    var locale = useLocale();
+    var messageText = String(content !== null && content !== void 0 ? content : '').trim();
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, messageText ? /*#__PURE__*/ React.createElement("div", {
         style: {
             color: token.colorError,
             lineHeight: '24px',
@@ -41,5 +45,10 @@ import React from "react";
             wordBreak: 'break-all',
             textWrap: 'wrap'
         }
-    }, content), extra);
+    }, content) : /*#__PURE__*/ React.createElement(AnswerAlert, {
+        message: (locale === null || locale === void 0 ? void 0 : locale['chat.message.generateFailed']) || '生成回答失败，请重试',
+        type: "error",
+        showIcon: true,
+        closable: true
+    }), extra);
 };

package/dist/Bubble/MessagesContent/MarkdownPreview.js

@@ -94,8 +94,8 @@ import { MessagesContext } from "./BubbleContext";
  * />
  * ```
  */ export var MarkdownPreview = function MarkdownPreview(props) {
-    var _ref;
-    var _props_markdownRenderConfig, _props_originData;
+    var _ref, _ref1;
+    var _props_markdownRenderConfig, _props_markdownRenderConfig1, _props_originData, _props_originData1;
     var content = props.content, extra = props.extra, typing = props.typing, htmlRef = props.htmlRef, fncProps = props.fncProps, docListNode = props.docListNode, beforeContent = props.beforeContent, afterContent = props.afterContent;
     var MarkdownEditorRef = React.useRef(undefined);
     var hidePadding = (useContext(MessagesContext) || {}).hidePadding;
@@ -104,7 +104,7 @@ import { MessagesContext } from "./BubbleContext";
     var standalone = config === null || config === void 0 ? void 0 : config.standalone;
     var extraShowOnHover = config === null || config === void 0 ? void 0 : config.extraShowOnHover;
     var token = theme.useToken().token;
-    var renderMode = (_ref = (_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.renderMode) !== null && _ref !== void 0 ? _ref : 'slate';
+    var renderMode = (_ref = (_ref1 = (_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.renderMode) !== null && _ref1 !== void 0 ? _ref1 : (_props_markdownRenderConfig1 = props.markdownRenderConfig) === null || _props_markdownRenderConfig1 === void 0 ? void 0 : _props_markdownRenderConfig1.renderType) !== null && _ref !== void 0 ? _ref : 'slate';
     var isPaddingHidden = useMemo(function() {
         return !!extra;
     }, [
@@ -125,7 +125,7 @@ import { MessagesContext } from "./BubbleContext";
         var _content_includes, _htmlRef_current, _htmlRef_current1, _props_markdownRenderConfig, _props_originData, _props_originData1, _props_originData2, _props_markdownRenderConfig1, _props_markdownRenderConfig2, _props_markdownRenderConfig3;
         // MarkdownRenderer 渲染路径——轻量，不创建 Slate 实例
         if (renderMode === 'markdown') {
-            var _props_originData3, _props_markdownRenderConfig4, _props_markdownRenderConfig5, _props_markdownRenderConfig6;
+            var _props_originData3, _props_markdownRenderConfig4, _props_markdownRenderConfig5, _props_markdownRenderConfig6, _props_markdownRenderConfig7;
             return /*#__PURE__*/ React.createElement(MarkdownRenderer, {
                 content: content,
                 streaming: typing,
@@ -137,7 +137,8 @@ import { MessagesContext } from "./BubbleContext";
                     padding: isPaddingHidden ? 0 : undefined,
                     margin: isPaddingHidden ? 0 : undefined
                 }, ((_props_markdownRenderConfig5 = props.markdownRenderConfig) === null || _props_markdownRenderConfig5 === void 0 ? void 0 : _props_markdownRenderConfig5.style) || {}),
-                codeProps: (_props_markdownRenderConfig6 = props.markdownRenderConfig) === null || _props_markdownRenderConfig6 === void 0 ? void 0 : _props_markdownRenderConfig6.codeProps
+                codeProps: (_props_markdownRenderConfig6 = props.markdownRenderConfig) === null || _props_markdownRenderConfig6 === void 0 ? void 0 : _props_markdownRenderConfig6.codeProps,
+                apaasify: (_props_markdownRenderConfig7 = props.markdownRenderConfig) === null || _props_markdownRenderConfig7 === void 0 ? void 0 : _props_markdownRenderConfig7.apaasify
             });
         }
         // Slate 渲染路径——保持向后兼容
@@ -177,9 +178,13 @@ import { MessagesContext } from "./BubbleContext";
         hidePadding,
         typing,
         (_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isLast,
+        (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.isFinished,
         isPaddingHidden,
         content,
-        renderMode
+        renderMode,
+        props.markdownRenderConfig,
+        fncProps,
+        standalone
     ]);
     var errorDom = /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -206,7 +211,8 @@ import { MessagesContext } from "./BubbleContext";
         }, beforeContent, markdown, docListNode, afterContent), extra);
     }
     // extraShowOnHover 开启时，无 extra 直接返回内容，避免 hover 出现空浮层
-    if (!extra) {
+    // 生成中（typing）时不使用 Popover，避免 hover 展示 extra
+    if (!extra || typing) {
         return /*#__PURE__*/ React.createElement("div", {
             style: {
                 display: 'flex',

package/dist/Bubble/MessagesContent/index.js

@@ -274,6 +274,12 @@ import { EXCEPTION } from "./EXCEPTION";
 import { MarkdownPreview } from "./MarkdownPreview";
 import { useMessagesContentStyle } from "./style";
 export var LOADING_FLAT = '...';
+var THINKING_FALLBACK_TEXT = '思考中...';
+var THINKING_DOT_INDICES = [
+    0,
+    1,
+    2
+];
 /**
  * BubbleMessageDisplay 组件 - 聊天气泡消息显示组件
  *
@@ -364,14 +370,30 @@ export var LOADING_FLAT = '...';
         contentAfterDom
     ]);
     var messageContent = useMemo(function() {
-        var _props_originData, _props_bubbleRenderConfig, _props_bubbleRenderConfig1, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3, _props_bubbleRenderConfig_extraRender, _props_bubbleRenderConfig4, _props_originData_extra_tags_includes, _props_originData_extra_tags, _props_originData_extra, _props_originData1, _props_originData2, _props_originData_extra1, _props_originData3, _props_originData_extra2, _props_originData4, _props_originData5, _props_originData_extra3, _props_originData6, _props_docListProps, _props_originData7, _props_markdownRenderConfig, _props_originData8, _props_originData9, _props_originData10;
+        var _props_originData, _props_bubbleRenderConfig, _props_bubbleRenderConfig1, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3, _props_bubbleRenderConfig_extraRender, _props_bubbleRenderConfig4, _props_originData_extra_tags_includes, _props_originData_extra_tags, _props_originData_extra, _props_originData1, _props_originData2, _props_originData_extra1, _props_originData3, _props_originData_extra2, _props_originData4, _props_originData5, _props_originData_extra3, _props_originData6, _props_docListProps, _props_originData7, _props_markdownRenderConfig, _props_originData8, _props_originData_extra4, _props_originData9, _props_originData10, _props_originData11;
         if (content === LOADING_FLAT || !((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isFinished) && !content) {
             var _context_thoughtChain;
             if ((context === null || context === void 0 ? void 0 : (_context_thoughtChain = context.thoughtChain) === null || _context_thoughtChain === void 0 ? void 0 : _context_thoughtChain.alwaysRender) !== true) {
+                var _props_classNames, _props_styles;
                 return wrapSSR(/*#__PURE__*/ React.createElement("div", {
                     className: classNames('agent-item-default-content', "".concat(baseChatCls, "-messages-content-loading"), (context === null || context === void 0 ? void 0 : context.compact) ? "".concat(baseChatCls, "-messages-content-loading-compact") : "".concat(baseChatCls, "-messages-content-loading-default"), hashId),
-                    "data-testid": "message-content"
-                }, (locale === null || locale === void 0 ? void 0 : locale['chat.message.thinking']) || '思考中...'));
+                    "data-testid": "message-content",
+                    role: "status",
+                    "aria-live": "polite",
+                    "aria-atomic": "true",
+                    "aria-label": (locale === null || locale === void 0 ? void 0 : locale['chat.message.thinking']) || THINKING_FALLBACK_TEXT
+                }, /*#__PURE__*/ React.createElement("span", {
+                    className: classNames("".concat(baseChatCls, "-messages-content-loading-dots"), (_props_classNames = props.classNames) === null || _props_classNames === void 0 ? void 0 : _props_classNames.bubbleLoadingIconClassName),
+                    style: (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.bubbleLoadingIconStyle,
+                    "data-testid": "message-thinking-dots",
+                    "aria-hidden": "true"
+                }, THINKING_DOT_INDICES.map(function(dotIndex) {
+                    return /*#__PURE__*/ React.createElement("span", {
+                        key: dotIndex,
+                        className: "".concat(baseChatCls, "-messages-content-loading-dot"),
+                        "data-testid": "message-thinking-dot"
+                    });
+                }))));
             }
             return null;
         }
@@ -509,8 +531,15 @@ export var LOADING_FLAT = '...';
             } : undefined
         });
         var extra = (props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig2 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig2 === void 0 ? void 0 : _props_bubbleRenderConfig2.extraRender) !== false && (props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig3 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig3 === void 0 ? void 0 : _props_bubbleRenderConfig3.extraRender) ? props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig4 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig4 === void 0 ? void 0 : (_props_bubbleRenderConfig_extraRender = _props_bubbleRenderConfig4.extraRender) === null || _props_bubbleRenderConfig_extraRender === void 0 ? void 0 : _props_bubbleRenderConfig_extraRender.call(_props_bubbleRenderConfig4, props, defaultExtra) : defaultExtra;
-        if (content === '...' || /*#__PURE__*/ React.isValidElement(content) || props.placement !== 'left' || (props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : (_props_originData_extra = _props_originData1.extra) === null || _props_originData_extra === void 0 ? void 0 : (_props_originData_extra_tags = _props_originData_extra.tags) === null || _props_originData_extra_tags === void 0 ? void 0 : (_props_originData_extra_tags_includes = _props_originData_extra_tags.includes) === null || _props_originData_extra_tags_includes === void 0 ? void 0 : _props_originData_extra_tags_includes.call(_props_originData_extra_tags, 'REJECT_TO_ANSWER')) || ((_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.role) === 'bot') {
-            var _props_originData11, _props_originData12;
+        if (/*#__PURE__*/ React.isValidElement(content)) {
+            return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+                className: classNames('agent-item-default-content', "".concat(baseChatCls, "-messages-content-message"), hashId),
+                "data-testid": "message-box-content",
+                onDoubleClick: props.onDoubleClick
+            }, beforeContent, content, afterContent, extra));
+        }
+        if (content === '...' || props.placement !== 'left' || (props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : (_props_originData_extra = _props_originData1.extra) === null || _props_originData_extra === void 0 ? void 0 : (_props_originData_extra_tags = _props_originData_extra.tags) === null || _props_originData_extra_tags === void 0 ? void 0 : (_props_originData_extra_tags_includes = _props_originData_extra_tags.includes) === null || _props_originData_extra_tags_includes === void 0 ? void 0 : _props_originData_extra_tags_includes.call(_props_originData_extra_tags, 'REJECT_TO_ANSWER')) || ((_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.role) === 'bot') {
+            var _props_originData12, _props_originData13;
             return wrapSSR(/*#__PURE__*/ React.createElement("div", {
                 className: classNames('agent-item-default-content', "".concat(baseChatCls, "-messages-content-message"), hashId),
                 "data-testid": "message-box-content",
@@ -521,14 +550,14 @@ export var LOADING_FLAT = '...';
                 placement: props.placement,
                 markdownRenderConfig: props.markdownRenderConfig,
                 isFinished: true,
-                style: ((_props_originData11 = props.originData) === null || _props_originData11 === void 0 ? void 0 : _props_originData11.role) === 'bot' ? {} : {
+                style: ((_props_originData12 = props.originData) === null || _props_originData12 === void 0 ? void 0 : _props_originData12.role) === 'bot' ? {} : {
                     color: '#343A45'
                 } // 使用类名方式需要传递className，这里保留style以兼容现有API
                 ,
                 extra: extra,
                 typing: false,
                 originData: props.originData,
-                content: (_props_originData12 = props.originData) === null || _props_originData12 === void 0 ? void 0 : _props_originData12.content
+                content: (_props_originData13 = props.originData) === null || _props_originData13 === void 0 ? void 0 : _props_originData13.content
             })));
         }
         // answerStatus= 'EXCEPTION'时 一定是异常情况
@@ -547,7 +576,7 @@ export var LOADING_FLAT = '...';
             var _item_output_chunks, _item_output;
             return ((item === null || item === void 0 ? void 0 : (_item_output = item.output) === null || _item_output === void 0 ? void 0 : (_item_output_chunks = _item_output.chunks) === null || _item_output_chunks === void 0 ? void 0 : _item_output_chunks.length) || 0) > 0;
         })) && ((_props_docListProps = props.docListProps) === null || _props_docListProps === void 0 ? void 0 : _props_docListProps.enable) !== false) {
-            var _props_docListProps1, _props_originData_extra4, _props_originData13;
+            var _props_docListProps1, _props_originData_extra5, _props_originData14;
             docInfoDom = /*#__PURE__*/ React.createElement(DocInfoList, _object_spread_props(_object_spread({
                 options: docInfoList.map(function(item) {
                     var _item_output;
@@ -556,7 +585,7 @@ export var LOADING_FLAT = '...';
                     return item;
                 })
             }, props.docListProps), {
-                reference_url_info_list: ((_props_docListProps1 = props.docListProps) === null || _props_docListProps1 === void 0 ? void 0 : _props_docListProps1.reference_url_info_list) || ((_props_originData13 = props.originData) === null || _props_originData13 === void 0 ? void 0 : (_props_originData_extra4 = _props_originData13.extra) === null || _props_originData_extra4 === void 0 ? void 0 : _props_originData_extra4.reference_url_info_list) || []
+                reference_url_info_list: ((_props_docListProps1 = props.docListProps) === null || _props_docListProps1 === void 0 ? void 0 : _props_docListProps1.reference_url_info_list) || ((_props_originData14 = props.originData) === null || _props_originData14 === void 0 ? void 0 : (_props_originData_extra5 = _props_originData14.extra) === null || _props_originData_extra5 === void 0 ? void 0 : _props_originData_extra5.reference_url_info_list) || []
             }));
         }
         return wrapSSR(/*#__PURE__*/ React.createElement(MarkdownPreview, {
@@ -635,7 +664,7 @@ export var LOADING_FLAT = '...';
             docListNode: docInfoDom,
             extra: isExtraNull ? null : extra,
             htmlRef: props.bubbleListRef,
-            content: ((_props_originData8 = props.originData) === null || _props_originData8 === void 0 ? void 0 : _props_originData8.isFinished) ? ((_props_originData9 = props.originData) === null || _props_originData9 === void 0 ? void 0 : _props_originData9.content) || (locale === null || locale === void 0 ? void 0 : locale['chat.message.generateFailed']) || '生成回答失败，请重试' : ((_props_originData10 = props.originData) === null || _props_originData10 === void 0 ? void 0 : _props_originData10.content) || '',
+            content: ((_props_originData8 = props.originData) === null || _props_originData8 === void 0 ? void 0 : _props_originData8.isFinished) && (props === null || props === void 0 ? void 0 : (_props_originData9 = props.originData) === null || _props_originData9 === void 0 ? void 0 : (_props_originData_extra4 = _props_originData9.extra) === null || _props_originData_extra4 === void 0 ? void 0 : _props_originData_extra4.answerStatus) === 'EXCEPTION' ? ((_props_originData10 = props.originData) === null || _props_originData10 === void 0 ? void 0 : _props_originData10.content) || (locale === null || locale === void 0 ? void 0 : locale['chat.message.generateFailed']) || '生成回答失败，请重试' : ((_props_originData11 = props.originData) === null || _props_originData11 === void 0 ? void 0 : _props_originData11.content) || '',
             originData: props.originData
         }));
     }, [

package/dist/Bubble/MessagesContent/style.js

@@ -51,35 +51,59 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { useEditorStyleRegister } from "../../Hooks/useStyle";
+var THINKING_DOT_SIZE = 4;
+var THINKING_DOT_GAP = 4;
+var THINKING_DOT_ANIMATION = 'agenticBubbleThinkingDotPulse';
+var THINKING_DOT_ANIMATION_DURATION = '1.2s';
+var THINKING_LOADING_PADDING = {
+    paddingLeft: 'var(--padding-5x)',
+    paddingRight: 'var(--padding-5x)',
+    paddingTop: 'var(--padding-1x)',
+    paddingBottom: 'var(--padding-2x)'
+};
 var genStyle = function genStyle(token) {
-    var _obj;
-    return _obj = {}, // 加载状态容器（compact模式）
-    _define_property(_obj, "".concat(token.componentCls, "-messages-content-loading"), {
+    var _obj, _obj1;
+    return _obj1 = {}, // 加载状态容器（compact模式）
+    _define_property(_obj1, "".concat(token.componentCls, "-messages-content-loading"), _object_spread_props(_object_spread({
         lineHeight: '24px',
         display: 'flex',
         alignItems: 'center',
-        gap: 'var(--padding-2x)',
-        padding: 'var(--padding-3x)',
-        '&-compact': {
-            padding: 'var(--padding-2x)'
-        },
-        '&-default': {
-            padding: 'var(--padding-3x)'
-        }
-    }), // 消息内容容器
-    _define_property(_obj, "".concat(token.componentCls, "-messages-content-message"), {
+        gap: 'var(--padding-2x)'
+    }, THINKING_LOADING_PADDING), (_obj = {
+        color: 'rgb(102, 111, 141)'
+    }, _define_property(_obj, "&-dots", {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: THINKING_DOT_GAP,
+        lineHeight: 1
+    }), _define_property(_obj, "&-dot", {
+        width: THINKING_DOT_SIZE,
+        height: THINKING_DOT_SIZE,
+        borderRadius: '50%',
+        backgroundColor: 'currentColor',
+        opacity: 0.35,
+        animationName: THINKING_DOT_ANIMATION,
+        animationDuration: THINKING_DOT_ANIMATION_DURATION,
+        animationTimingFunction: 'ease-in-out',
+        animationIterationCount: 'infinite'
+    }), _define_property(_obj, "&-dot:nth-of-type(2)", {
+        animationDelay: '0.2s'
+    }), _define_property(_obj, "&-dot:nth-of-type(3)", {
+        animationDelay: '0.4s'
+    }), _define_property(_obj, '&-compact', _object_spread({}, THINKING_LOADING_PADDING)), _define_property(_obj, '&-default', _object_spread({}, THINKING_LOADING_PADDING)), _obj))), // 消息内容容器
+    _define_property(_obj1, "".concat(token.componentCls, "-messages-content-message"), {
         lineHeight: '24px'
     }), // 用户消息文本颜色
-    _define_property(_obj, "".concat(token.componentCls, "-messages-content-user-text"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-messages-content-user-text"), {
         color: '#343A45'
     }), // Popover 标题容器
-    _define_property(_obj, "".concat(token.componentCls, "-messages-content-popover-title"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-messages-content-popover-title"), {
         display: 'flex',
         justifyContent: 'space-between',
         alignItems: 'center',
         fontSize: '1em'
     }), // Popover 内容容器
-    _define_property(_obj, "".concat(token.componentCls, "-messages-content-popover-content"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-messages-content-popover-content"), {
         width: 400,
         display: 'flex',
         maxHeight: 400,
@@ -87,17 +111,17 @@ var genStyle = function genStyle(token) {
         flexDirection: 'column',
         gap: 'var(--padding-3x)'
     }), // MarkdownEditor 容器样式
-    _define_property(_obj, "".concat(token.componentCls, "-messages-content-markdown-editor"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-messages-content-markdown-editor"), {
         padding: 0,
         width: '100%'
     }), // 重新生成按钮容器
-    _define_property(_obj, "div[data-messages-content-retry]", {
+    _define_property(_obj1, "div[data-messages-content-retry]", {
         gap: 4,
         display: 'flex',
         cursor: 'pointer',
         alignItems: 'center'
     }), // 文档标签容器
-    _define_property(_obj, "".concat(token.componentCls, "-messages-content-doc-tag"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-messages-content-doc-tag"), {
         borderRadius: 'var(--padding-5x)',
         opacity: 1,
         display: 'flex',
@@ -110,16 +134,25 @@ var genStyle = function genStyle(token) {
         cursor: 'pointer',
         zIndex: 1
     }), // 文档标签图标
-    _define_property(_obj, "".concat(token.componentCls, "-messages-content-doc-tag-icon"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-messages-content-doc-tag-icon"), {
         width: 24
     }), // 文档名称文本
-    _define_property(_obj, "".concat(token.componentCls, "-messages-content-doc-name"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-messages-content-doc-name"), {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         WebkitBoxOrient: 'vertical',
         WebkitLineClamp: 2,
         display: '-webkit-box'
-    }), _obj;
+    }), _define_property(_obj1, "@keyframes ".concat(THINKING_DOT_ANIMATION), {
+        '0%, 80%, 100%': {
+            transform: 'scale(0.6)',
+            opacity: 0.35
+        },
+        '40%': {
+            transform: 'scale(1)',
+            opacity: 1
+        }
+    }), _obj1;
 };
 export function useMessagesContentStyle(componentCls) {
     return useEditorStyleRegister('BubbleMessageDisplay', function(token) {

package/dist/Bubble/type.d.ts

@@ -304,6 +304,10 @@ export interface BubbleProps<T = Record<string, any>> extends BubbleItemStylePro
      * 等效于 markdownRenderConfig={{ renderMode }}
      */
     renderMode?: 'slate' | 'markdown';
+    /**
+     * 与 `renderMode` 等价，兼容部分协议字段（如 `renderType=markdown`）
+     */
+    renderType?: 'slate' | 'markdown';
     /**
      * 自定义配置
      */

package/dist/I18n/locales.js

@@ -212,7 +212,7 @@
     'workspace.file.linkCopied': '已复制链接',
     'workspace.file.copyFailed': '复制失败',
     // MarkdownInputField 组件相关
-    'markdownInput.fileSizeExceeded': '文件大小超过 ${maxSize} KB',
+    'markdownInput.fileSizeExceeded': '超过 ${maxSize} KB',
     'markdownInput.maxFileCountExceeded': '最多只能上传 ${maxFileCount} 个文件',
     'markdownInput.minFileCountRequired': '至少需要上传 ${minFileCount} 个文件',
     // 文档信息相关
@@ -634,7 +634,7 @@
     'workspace.file.linkCopied': 'Link copied',
     'workspace.file.copyFailed': 'Copy failed',
     // MarkdownInputField component related
-    'markdownInput.fileSizeExceeded': 'File size exceeds ${maxSize} KB',
+    'markdownInput.fileSizeExceeded': 'Exceeds ${maxSize} KB',
     'markdownInput.maxFileCountExceeded': 'Maximum ${maxFileCount} files allowed',
     'markdownInput.minFileCountRequired': 'At least ${minFileCount} files required',
     // Document info related

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -156,6 +156,7 @@ import { createEditor } from "slate";
 import { withHistory } from "slate-history";
 import { withReact } from "slate-react";
 import { I18nContext, I18nProvide } from "../I18n";
+import { MarkdownRenderer } from "../MarkdownRenderer";
 import { CommentList } from "./editor/components/CommentList";
 import { SlateMarkdownEditor } from "./editor/Editor";
 import { parserMdToSchema } from "./editor/parser/parserMdToSchema";
@@ -248,11 +249,11 @@ var I18nBoundary = function I18nBoundary(param) {
  * - 支持键盘事件处理
  * - 提供Markdown解析和渲染
  */ export var BaseMarkdownEditor = function BaseMarkdownEditor(props) {
-    var _props_typewriter, _props_readonly;
+    var _ref, _props_typewriter, _props_readonly;
     var _props_jinja, _effectiveJinja_templatePanel, _props_floatBar, _props_floatBar1, _props_textAreaProps;
     var initValue = props.initValue, width = props.width, _props_toolBar = props.toolBar, toolBar = _props_toolBar === void 0 ? {} : _props_toolBar, editorRef = props.editorRef, _props_toc = props.toc, toc = _props_toc === void 0 ? false : _props_toc, readonly = props.readonly, lazy = props.lazy, style = props.style, _props_contentStyle = props.contentStyle, contentStyle = _props_contentStyle === void 0 ? {
         height: '100%'
-    } : _props_contentStyle, editorStyle = props.editorStyle, height = props.height, children = props.children, rest = _object_without_properties(props, [
+    } : _props_contentStyle, editorStyle = props.editorStyle, height = props.height, children = props.children, renderMode = props.renderMode, renderType = props.renderType, rest = _object_without_properties(props, [
         "initValue",
         "width",
         "toolBar",
@@ -264,8 +265,11 @@ var I18nBoundary = function I18nBoundary(param) {
         "contentStyle",
         "editorStyle",
         "height",
-        "children"
+        "children",
+        "renderMode",
+        "renderType"
     ]);
+    var effectiveRenderMode = (_ref = renderMode !== null && renderMode !== void 0 ? renderMode : renderType) !== null && _ref !== void 0 ? _ref : 'slate';
     // 是否挂载
     var _useState = _sliced_to_array(useState(false), 2), editorMountStatus = _useState[0], setMountedStatus = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), isEditorFocused = _useState1[0], setIsEditorFocused = _useState1[1];
@@ -412,7 +416,35 @@ var I18nBoundary = function I18nBoundary(param) {
     var jinjaTemplatePanelEnabled = jinjaEnabled && effectiveJinja !== undefined && effectiveJinja !== null && effectiveJinja.templatePanel !== false && (_type_of(effectiveJinja.templatePanel) !== 'object' || ((_effectiveJinja_templatePanel = effectiveJinja.templatePanel) === null || _effectiveJinja_templatePanel === void 0 ? void 0 : _effectiveJinja_templatePanel.enable) !== false);
     var _useState7 = _sliced_to_array(useState(false), 2), openJinjaTemplate = _useState7[0], setOpenJinjaTemplate = _useState7[1];
     var _useState8 = _sliced_to_array(useState(null), 2), jinjaAnchorPath = _useState8[0], setJinjaAnchorPath = _useState8[1];
-    var _obj;
+    if (readonly && effectiveRenderMode === 'markdown') {
+        var _props_typewriter1;
+        var _obj;
+        return wrapSSR(/*#__PURE__*/ React.createElement(I18nBoundary, null, /*#__PURE__*/ React.createElement(PluginContext.Provider, {
+            value: props.plugins || []
+        }, /*#__PURE__*/ React.createElement("div", {
+            id: props.id ? String(props.id) || undefined : undefined,
+            className: classNames(baseClassName, 'markdown-editor', hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseClassName, "-readonly"), true), _define_property(_obj, "".concat(baseClassName, "-report"), props.reportMode), _define_property(_obj, "".concat(baseClassName, "-slide"), props.slideMode), _obj)),
+            style: _object_spread({
+                width: width || '100%',
+                height: height || 'auto'
+            }, style),
+            ref: markdownContainerRef
+        }, /*#__PURE__*/ React.createElement(MarkdownRenderer, {
+            content: initValue || '',
+            streaming: (_props_typewriter1 = props.typewriter) !== null && _props_typewriter1 !== void 0 ? _props_typewriter1 : false,
+            plugins: props.plugins,
+            remarkPlugins: props.markdownToHtmlOptions,
+            codeProps: props.codeProps,
+            apaasify: props.apaasify,
+            style: _object_spread({
+                height: '100%'
+            }, contentStyle),
+            prefixCls: baseClassName,
+            fncProps: props.fncProps,
+            linkConfig: props.linkConfig
+        }), children))));
+    }
+    var _obj1;
     return wrapSSR(/*#__PURE__*/ React.createElement(I18nBoundary, null, /*#__PURE__*/ React.createElement(PluginContext.Provider, {
         value: props.plugins || []
     }, /*#__PURE__*/ React.createElement(EditorStoreContext.Provider, {
@@ -445,7 +477,7 @@ var I18nBoundary = function I18nBoundary(param) {
         }
     }, /*#__PURE__*/ React.createElement("div", {
         id: props.id ? String(props.id) || undefined : undefined,
-        className: classNames(baseClassName, 'markdown-editor', hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseClassName, "-readonly"), readonly), _define_property(_obj, "".concat(baseClassName, "-edit"), !readonly), _define_property(_obj, "".concat(baseClassName, "-report"), props.reportMode), _define_property(_obj, "".concat(baseClassName, "-slide"), props.slideMode), _obj)),
+        className: classNames(baseClassName, 'markdown-editor', hashId, props.className, (_obj1 = {}, _define_property(_obj1, "".concat(baseClassName, "-readonly"), readonly), _define_property(_obj1, "".concat(baseClassName, "-edit"), !readonly), _define_property(_obj1, "".concat(baseClassName, "-report"), props.reportMode), _define_property(_obj1, "".concat(baseClassName, "-slide"), props.slideMode), _obj1)),
         style: _object_spread({
             width: width || '100%',
             height: height || 'auto'

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/AgenticUiTaskBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RenderElementProps } from 'slate-react';
+export declare const AgenticUiTaskBlock: React.FC<RenderElementProps>;
+export declare const ReadonlyAgenticUiTaskBlock: React.NamedExoticComponent<RenderElementProps>;

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/AgenticUiTaskBlock.js

@@ -0,0 +1,74 @@
+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 _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 ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import React from "react";
+import { TaskList } from "../../../../TaskList";
+import { normalizeTaskListPropsFromJson } from "./agenticUiEmbedUtils";
+export var AgenticUiTaskBlock = function AgenticUiTaskBlock(param) {
+    var attributes = param.attributes, children = param.children, element = param.element;
+    var listProps = normalizeTaskListPropsFromJson(element.value);
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
+        contentEditable: false,
+        "data-testid": "agentic-ui-task-block",
+        style: {
+            margin: '0.75em 0'
+        }
+    }), /*#__PURE__*/ React.createElement(TaskList, listProps), /*#__PURE__*/ React.createElement("span", {
+        "data-testid": "agentic-ui-task-hidden-children",
+        style: {
+            display: 'none'
+        }
+    }, children));
+};
+AgenticUiTaskBlock.displayName = 'AgenticUiTaskBlock';
+export var ReadonlyAgenticUiTaskBlock = /*#__PURE__*/ React.memo(AgenticUiTaskBlock);
+ReadonlyAgenticUiTaskBlock.displayName = 'ReadonlyAgenticUiTaskBlock';

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/AgenticUiToolUseBarBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RenderElementProps } from 'slate-react';
+export declare const AgenticUiToolUseBarBlock: React.FC<RenderElementProps>;
+export declare const ReadonlyAgenticUiToolUseBarBlock: React.NamedExoticComponent<RenderElementProps>;