@ant-design/agentic-ui 2.30.0 → 2.30.2

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -166,7 +166,7 @@ var DEFAULT_MESSAGES = {
         return "至少需要上传 ".concat(count, " 个文件");
     },
     fileSizeExceeded: function fileSizeExceeded(size) {
-        return "文件大小超过 ".concat(size, " KB");
+        return "超过 ".concat(size, " KB");
     }
 };
 var waitTime = function waitTime(ms) {
@@ -271,11 +271,12 @@ var handleUploadSuccess = function handleUploadSuccess(file, url, map, props) {
 };
 var handleUploadError = function handleUploadError(file, errorMsg, map, props) {
     file.status = 'error';
+    if (errorMsg !== null) file.errorMessage = errorMsg;
     updateFileMap(map, file, props.onFileMapChange);
 };
 var processFile = function processFile(file, index, map, props) {
     return _async_to_generator(function() {
-        var _ref, url, isSuccess, errorMsg, error, errorMessage;
+        var maxSizeKb, raw, _ref, url, isSuccess, errorMsg, error, errorMessage;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -286,6 +287,10 @@ var processFile = function processFile(file, index, map, props) {
                 case 1:
                     _state.sent();
                     if (!validateFileSize(file, props)) {
+                        maxSizeKb = Math.round((props.maxFileSize || 0) / 1024);
+                        raw = getLocaleMessage(props.locale, 'markdownInput.fileSizeExceeded', DEFAULT_MESSAGES.fileSizeExceeded(maxSizeKb));
+                        file.errorMessage = raw.includes('${maxSize}') ? raw.replace(/\$\{maxSize\}/g, String(maxSizeKb)) : raw;
+                        file.errorCode = 'FILE_SIZE_EXCEEDED';
                         file.status = 'error';
                         updateFileMap(map, file, props.onFileMapChange);
                         return [

package/dist/MarkdownInputField/AttachmentButton/types.d.ts

@@ -13,10 +13,14 @@ export type UploadResponse = {
 };
 export type AttachmentFile = File & {
     url?: string;
-    status?: 'error' | 'uploading' | 'done';
+    status?: 'error' | 'uploading' | 'pending' | 'done';
     uuid?: string;
     size?: number | null;
     previewUrl?: string;
+    /** 错误信息（如文件超限、上传失败等），在 status 为 error 时展示 */
+    errorMessage?: string | null;
+    /** 错误类型，如 FILE_SIZE_EXCEEDED 表示因大小超限不可重试 */
+    errorCode?: string | null;
     /** 上传响应数据（使用 uploadWithResponse 时会填充此字段） */
     uploadResponse?: UploadResponse;
 };

package/dist/MarkdownInputField/AttachmentButton/utils.d.ts

@@ -40,6 +40,13 @@ export declare const isMediaFile: (file: File) => boolean;
 /**
  * 是否为「仅元信息占位」状态：有 status 但无 url/previewUrl，内容未拿到时整行以 FileMetaPlaceholder 风格展示
  */
+export declare const isAttachmentFileLoading: (status?: string | null) => boolean;
+/**
+ * 是否应该展示 FileMetaPlaceholder：
+ * - 有状态
+ * - 非 loading（uploading/pending）
+ * - 且没有可预览 URL
+ */
 export declare const isFileMetaPlaceholderState: (file: File & {
     status?: string;
     url?: string;

package/dist/MarkdownInputField/AttachmentButton/utils.js

@@ -109,8 +109,16 @@ var hasVideoExtension = function hasVideoExtension(pathOrName) {
 };
 /**
  * 是否为「仅元信息占位」状态：有 status 但无 url/previewUrl，内容未拿到时整行以 FileMetaPlaceholder 风格展示
+ */ export var isAttachmentFileLoading = function isAttachmentFileLoading(status) {
+    return status === 'uploading' || status === 'pending';
+};
+/**
+ * 是否应该展示 FileMetaPlaceholder：
+ * - 有状态
+ * - 非 loading（uploading/pending）
+ * - 且没有可预览 URL
  */ export var isFileMetaPlaceholderState = function isFileMetaPlaceholderState(file) {
-    return file.status !== undefined && file.status !== null && !file.url && !file.previewUrl;
+    return file.status !== undefined && file.status !== null && !isAttachmentFileLoading(file.status) && !file.url && !file.previewUrl;
 };
 /**
  * 设备品牌匹配列表

package/dist/MarkdownInputField/FileMapView/FileMapViewItem.js

@@ -117,14 +117,14 @@ import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils"
     var lastDotIndex = fileName.lastIndexOf('.');
     var displayName = lastDotIndex > 0 ? fileName.slice(0, lastDotIndex) : fileName;
     var displayExtension = lastDotIndex > 0 && lastDotIndex < fileName.length - 1 ? fileName.slice(lastDotIndex + 1) : '';
-    // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块
-    if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+    // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块（loading 状态除外）
+    if (isFileMetaPlaceholderState(file)) {
         return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
             file: file
         });
     }
     return /*#__PURE__*/ React.createElement(Tooltip, {
-        title: /*#__PURE__*/ React.createElement("div", null, locale === null || locale === void 0 ? void 0 : locale.clickToPreview),
+        title: file.status === 'error' && file.errorMessage ? /*#__PURE__*/ React.createElement("div", null, file.errorMessage) : /*#__PURE__*/ React.createElement("div", null, locale === null || locale === void 0 ? void 0 : locale.clickToPreview),
         placement: "topLeft",
         arrow: false
     }, /*#__PURE__*/ React.createElement(motion.div, {
@@ -175,7 +175,12 @@ import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils"
         title: file === null || file === void 0 ? void 0 : file.name
     }, displayName)), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(props.prefixCls, "-file-name-extension-container"), props.hashId)
-    }, /*#__PURE__*/ React.createElement("span", {
+    }, file.status === 'error' && file.errorMessage ? /*#__PURE__*/ React.createElement("span", {
+        className: classNames("".concat(props.prefixCls, "-file-error-msg"), props.hashId),
+        style: {
+            color: 'var(--color-red-text-secondary)'
+        }
+    }, file.errorMessage) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
         className: classNames("".concat(props.prefixCls, "-file-name-extension"), props.hashId)
     }, displayExtension), /*#__PURE__*/ React.createElement("span", {
         className: classNames("".concat(props.prefixCls, "-separator"), props.hashId)
@@ -183,7 +188,7 @@ import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils"
         className: classNames("".concat(props.prefixCls, "-file-size"), props.hashId)
     }, kbToSize(file.size / 1024)), /*#__PURE__*/ React.createElement("span", {
         className: classNames("".concat(props.prefixCls, "-separator"), props.hashId)
-    }, "|"), /*#__PURE__*/ React.createElement("div", null, (file === null || file === void 0 ? void 0 : file.lastModified) ? dayjs(file === null || file === void 0 ? void 0 : file.lastModified).format('HH:mm') : ''))), hovered ? /*#__PURE__*/ React.createElement("div", {
+    }, "|"), /*#__PURE__*/ React.createElement("div", null, (file === null || file === void 0 ? void 0 : file.lastModified) ? dayjs(file === null || file === void 0 ? void 0 : file.lastModified).format('HH:mm') : '')))), hovered ? /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(props.prefixCls, "-action-bar"), props.hashId)
     }, props.customSlot ? /*#__PURE__*/ React.createElement(ActionIconBox, {
         title: '更多',

package/dist/MarkdownInputField/FileUploadManager/index.d.ts

@@ -18,6 +18,15 @@ export interface FileUploadManagerReturn {
     fileMap?: Map<string, AttachmentFile>;
     /** 文件上传是否完成 */
     fileUploadDone: boolean;
+    /** 文件上传状态 */
+    fileUploadStatus: 'uploading' | 'done' | 'error';
+    /** 文件上传状态统计 */
+    fileUploadSummary: {
+        totalCount: number;
+        doneCount: number;
+        uploadingCount: number;
+        errorCount: number;
+    };
     /** 支持的文件格式 */
     supportedFormat: SupportedFileFormatsType;
     /** 上传图片 */

package/dist/MarkdownInputField/FileUploadManager/index.js

@@ -191,10 +191,24 @@ import { isMobileDevice, isVivoOrOppoDevice, isWeChat } from "../AttachmentButto
  */ export var useFileUploadManager = function useFileUploadManager(param) {
     var attachment = param.attachment, fileMap = param.fileMap, onFileMapChange = param.onFileMapChange;
     var locale = useContext(I18nContext).locale;
-    // 判断是否所有文件上传完成
-    var fileUploadDone = (fileMap === null || fileMap === void 0 ? void 0 : fileMap.size) ? Array.from((fileMap === null || fileMap === void 0 ? void 0 : fileMap.values()) || []).every(function(file) {
-        return file.status === 'done';
-    }) : true;
+    var fileList = Array.from((fileMap === null || fileMap === void 0 ? void 0 : fileMap.values()) || []);
+    var uploadingCount = fileList.filter(function(file) {
+        return file.status === 'uploading';
+    }).length;
+    var errorCount = fileList.filter(function(file) {
+        return file.status === 'error';
+    }).length;
+    var totalCount = fileList.length;
+    var fileUploadSummary = {
+        totalCount: totalCount,
+        uploadingCount: uploadingCount,
+        errorCount: errorCount,
+        // 兜底把未知状态也按完成态处理，避免统计缺口
+        doneCount: Math.max(0, totalCount - uploadingCount - errorCount)
+    };
+    var fileUploadStatus = fileUploadSummary.errorCount > 0 ? 'error' : fileUploadSummary.uploadingCount > 0 ? 'uploading' : 'done';
+    // 向后兼容：无文件时视为已完成
+    var fileUploadDone = fileUploadSummary.totalCount > 0 ? fileUploadStatus === 'done' : true;
     // 默认支持的文件格式
     var supportedFormat = (attachment === null || attachment === void 0 ? void 0 : attachment.supportedFormat) || SupportedFileFormats.image;
     /**
@@ -507,6 +521,8 @@ import { isMobileDevice, isVivoOrOppoDevice, isWeChat } from "../AttachmentButto
     return {
         fileMap: fileMap,
         fileUploadDone: fileUploadDone,
+        fileUploadStatus: fileUploadStatus,
+        fileUploadSummary: fileUploadSummary,
         supportedFormat: supportedFormat,
         uploadImage: uploadImage,
         updateAttachmentFiles: updateAttachmentFiles,

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -258,7 +258,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         attachment: attachment,
         fileMap: fileMap,
         onFileMapChange: setFileMap
-    }), fileUploadDone = _useFileUploadManager.fileUploadDone, supportedFormat = _useFileUploadManager.supportedFormat, uploadImage = _useFileUploadManager.uploadImage, updateAttachmentFiles = _useFileUploadManager.updateAttachmentFiles, handleFileRemoval = _useFileUploadManager.handleFileRemoval, handleFileRetry = _useFileUploadManager.handleFileRetry;
+    }), fileUploadDone = _useFileUploadManager.fileUploadDone, fileUploadStatus = _useFileUploadManager.fileUploadStatus, fileUploadSummary = _useFileUploadManager.fileUploadSummary, supportedFormat = _useFileUploadManager.supportedFormat, uploadImage = _useFileUploadManager.uploadImage, updateAttachmentFiles = _useFileUploadManager.updateAttachmentFiles, handleFileRemoval = _useFileUploadManager.handleFileRemoval, handleFileRetry = _useFileUploadManager.handleFileRetry;
     // 语音输入管理
     var _useVoiceInputManager = useVoiceInputManager({
         voiceRecognizer: props.voiceRecognizer,
@@ -322,6 +322,8 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         setFileMap: setFileMap,
         supportedFormat: supportedFormat,
         fileUploadDone: fileUploadDone,
+        fileUploadStatus: fileUploadStatus,
+        fileUploadSummary: fileUploadSummary,
         recording: recording,
         isLoading: isLoading,
         collapseSendActions: collapseSendActions,
@@ -473,7 +475,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         isHover: isHover,
         isLoading: isLoading,
         disabled: props.disabled,
-        fileUploadStatus: fileUploadDone ? 'done' : 'uploading',
+        fileUploadStatus: fileUploadStatus,
         refinePrompt: props.refinePrompt,
         editorRef: markdownEditorRef,
         onValueChange: function onValueChange(text) {
@@ -507,7 +509,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     }, props), {
         isHover: isHover,
         isLoading: isLoading,
-        fileUploadStatus: fileUploadDone ? 'done' : 'uploading'
+        fileUploadStatus: fileUploadStatus
     }))), sendActionsNode) : sendActionsNode))));
 };
 MarkdownInputFieldComponent.displayName = 'MarkdownInputField';

package/dist/MarkdownInputField/SendActions/index.d.ts

@@ -25,6 +25,15 @@ export interface SendActionsProps {
     isLoading?: boolean;
     /** 文件上传是否完成 */
     fileUploadDone?: boolean;
+    /** 文件上传状态 */
+    fileUploadStatus?: 'uploading' | 'done' | 'error';
+    /** 文件上传状态统计 */
+    fileUploadSummary?: {
+        totalCount: number;
+        doneCount: number;
+        uploadingCount: number;
+        errorCount: number;
+    };
     /** 是否正在录音 */
     recording?: boolean;
     /** 是否折叠操作按钮 */

package/dist/MarkdownInputField/SendActions/index.js

@@ -66,7 +66,7 @@ import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
  *
  * @description 封装发送操作相关的按钮，包括附件上传、语音输入、发送按钮等
  */ export var SendActions = function SendActions(param) {
-    var attachment = param.attachment, voiceRecognizer = param.voiceRecognizer, value = param.value, disabled = param.disabled, typing = param.typing, isLoading = param.isLoading, _param_fileUploadDone = param.fileUploadDone, fileUploadDone = _param_fileUploadDone === void 0 ? true : _param_fileUploadDone, _param_recording = param.recording, recording = _param_recording === void 0 ? false : _param_recording, _param_collapseSendActions = param.collapseSendActions, collapseSendActions = _param_collapseSendActions === void 0 ? false : _param_collapseSendActions, _param_allowEmptySubmit = param.allowEmptySubmit, allowEmptySubmit = _param_allowEmptySubmit === void 0 ? false : _param_allowEmptySubmit, uploadImage = param.uploadImage, onStartRecording = param.onStartRecording, onStopRecording = param.onStopRecording, onSend = param.onSend, onStop = param.onStop, actionsRender = param.actionsRender, _param_prefixCls = param.prefixCls, prefixCls = _param_prefixCls === void 0 ? 'ant-agentic-md-input-field' : _param_prefixCls, _param_hashId = param.hashId, hashId = _param_hashId === void 0 ? '' : _param_hashId, _param_hasTools = param.hasTools, hasTools = _param_hasTools === void 0 ? false : _param_hasTools, onResize = param.onResize, sendButtonProps = param.sendButtonProps, triggerSendKey = param.triggerSendKey;
+    var attachment = param.attachment, voiceRecognizer = param.voiceRecognizer, value = param.value, disabled = param.disabled, typing = param.typing, isLoading = param.isLoading, _param_fileUploadDone = param.fileUploadDone, fileUploadDone = _param_fileUploadDone === void 0 ? true : _param_fileUploadDone, _param_fileUploadStatus = param.fileUploadStatus, fileUploadStatus = _param_fileUploadStatus === void 0 ? fileUploadDone ? 'done' : 'uploading' : _param_fileUploadStatus, fileUploadSummary = param.fileUploadSummary, _param_recording = param.recording, recording = _param_recording === void 0 ? false : _param_recording, _param_collapseSendActions = param.collapseSendActions, collapseSendActions = _param_collapseSendActions === void 0 ? false : _param_collapseSendActions, _param_allowEmptySubmit = param.allowEmptySubmit, allowEmptySubmit = _param_allowEmptySubmit === void 0 ? false : _param_allowEmptySubmit, uploadImage = param.uploadImage, onStartRecording = param.onStartRecording, onStopRecording = param.onStopRecording, onSend = param.onSend, onStop = param.onStop, actionsRender = param.actionsRender, _param_prefixCls = param.prefixCls, prefixCls = _param_prefixCls === void 0 ? 'ant-agentic-md-input-field' : _param_prefixCls, _param_hashId = param.hashId, hashId = _param_hashId === void 0 ? '' : _param_hashId, _param_hasTools = param.hasTools, hasTools = _param_hasTools === void 0 ? false : _param_hasTools, onResize = param.onResize, sendButtonProps = param.sendButtonProps, triggerSendKey = param.triggerSendKey;
     var fileMap = attachment === null || attachment === void 0 ? void 0 : attachment.fileMap;
     var defaultActionsLen = [
         (attachment === null || attachment === void 0 ? void 0 : attachment.enable) ? '()' : null,
@@ -155,7 +155,8 @@ import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
         onStopRecording: onStopRecording,
         onSend: onSend,
         onStop: onStop,
-        fileUploadStatus: fileUploadDone ? 'done' : 'uploading'
+        fileUploadStatus: fileUploadStatus,
+        fileUploadSummary: fileUploadSummary
     }, defaultActions) : defaultActions;
     return /*#__PURE__*/ React.createElement(RcResizeObserver, {
         onResize: function onResize1(e) {

package/dist/MarkdownInputField/utils/renderHelpers.d.ts

@@ -29,6 +29,13 @@ interface UseSendActionsNodeParams {
     setFileMap?: (fileMap?: Map<string, AttachmentFile>) => void;
     supportedFormat: AttachmentButtonProps['supportedFormat'];
     fileUploadDone: boolean;
+    fileUploadStatus: 'uploading' | 'done' | 'error';
+    fileUploadSummary: {
+        totalCount: number;
+        doneCount: number;
+        uploadingCount: number;
+        errorCount: number;
+    };
     recording: boolean;
     isLoading: boolean;
     collapseSendActions: boolean;
@@ -45,5 +52,5 @@ interface UseSendActionsNodeParams {
 /**
  * SendActions 节点渲染 Hook
  */
-export declare const useSendActionsNode: ({ props: sendProps, fileMap, setFileMap, supportedFormat, fileUploadDone, recording, isLoading, collapseSendActions, uploadImage, startRecording, stopRecording, sendMessage, setIsLoading, onStop, setRightPadding, baseCls, hashId, }: UseSendActionsNodeParams) => React.ReactElement;
+export declare const useSendActionsNode: ({ props: sendProps, fileMap, setFileMap, supportedFormat, fileUploadDone, fileUploadStatus, fileUploadSummary, recording, isLoading, collapseSendActions, uploadImage, startRecording, stopRecording, sendMessage, setIsLoading, onStop, setRightPadding, baseCls, hashId, }: UseSendActionsNodeParams) => React.ReactElement;
 export {};

package/dist/MarkdownInputField/utils/renderHelpers.js

@@ -99,7 +99,7 @@ import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
 /**
  * SendActions 节点渲染 Hook
  */ export var useSendActionsNode = function useSendActionsNode(param) {
-    var sendProps = param.props, fileMap = param.fileMap, setFileMap = param.setFileMap, supportedFormat = param.supportedFormat, fileUploadDone = param.fileUploadDone, recording = param.recording, isLoading = param.isLoading, collapseSendActions = param.collapseSendActions, uploadImage = param.uploadImage, startRecording = param.startRecording, stopRecording = param.stopRecording, sendMessage = param.sendMessage, setIsLoading = param.setIsLoading, onStop = param.onStop, setRightPadding = param.setRightPadding, baseCls = param.baseCls, hashId = param.hashId;
+    var sendProps = param.props, fileMap = param.fileMap, setFileMap = param.setFileMap, supportedFormat = param.supportedFormat, fileUploadDone = param.fileUploadDone, fileUploadStatus = param.fileUploadStatus, fileUploadSummary = param.fileUploadSummary, recording = param.recording, isLoading = param.isLoading, collapseSendActions = param.collapseSendActions, uploadImage = param.uploadImage, startRecording = param.startRecording, stopRecording = param.stopRecording, sendMessage = param.sendMessage, setIsLoading = param.setIsLoading, onStop = param.onStop, setRightPadding = param.setRightPadding, baseCls = param.baseCls, hashId = param.hashId;
     return useMemo(function() {
         var _sendProps_attachment;
         return React.createElement(SendActions, {
@@ -117,6 +117,8 @@ import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
             typing: sendProps.typing,
             isLoading: isLoading,
             fileUploadDone: fileUploadDone,
+            fileUploadStatus: fileUploadStatus,
+            fileUploadSummary: fileUploadSummary,
             recording: recording,
             collapseSendActions: collapseSendActions,
             allowEmptySubmit: sendProps.allowEmptySubmit,
@@ -151,6 +153,8 @@ import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
         setFileMap,
         supportedFormat,
         fileUploadDone,
+        fileUploadStatus,
+        fileUploadSummary,
         recording,
         isLoading,
         collapseSendActions,

package/dist/MarkdownRenderer/AnimationText.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 export interface AnimationConfig {
-    /** 淡入动画持续时间（ms），默认 200 */
+    /** 淡入动画持续时间（ms），默认 250 */
     fadeDuration?: number;
-    /** 缓动函数，默认 ease-in-out */
+    /** 缓动函数，默认 ease-out */
     easing?: string;
 }
 export interface AnimationTextProps {
@@ -12,11 +12,8 @@ export interface AnimationTextProps {
 /**
  * 流式文字淡入动画组件。
  *
- * 移植自 @ant-design/x-markdown 的 AnimationText。
- * 追踪 children 的文本变化，只给新增的部分加淡入动画 span，
- * 已有的部分保持不动——不会触发整段重绘。
- *
- * 仅对纯文本增量有效；如果内容不是简单追加（删除/替换），直接替换所有 chunks。
+ * 采用 opacity + translateY（GPU 硬件加速），清爽流派。
+ * 动画结束后通过 animationend 标记 done，仍用 span 包裹以保持布局稳定。
  */
 declare const AnimationText: React.NamedExoticComponent<AnimationTextProps>;
 export default AnimationText;

package/dist/MarkdownRenderer/AnimationText.js

@@ -9,6 +9,19 @@ function _array_with_holes(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+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);
 }
@@ -42,6 +55,45 @@ function _non_iterable_rest() {
 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 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;
+}
 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();
 }
@@ -69,55 +121,105 @@ import React, { useEffect, useMemo, useRef, useState } from "react";
     }
     return '';
 };
+/**
+ * 识别 children 中是否包含 React 元素节点。
+ * 富文本结构（链接、脚注、图片等）在纯文本差分下会丢失结构信息，直接透传更安全。
+ */ var hasElementNode = function hasElementNode1(children) {
+    if (children === null || children === undefined || typeof children === 'boolean') return false;
+    if (typeof children === 'string' || typeof children === 'number') return false;
+    if (Array.isArray(children)) return children.some(hasElementNode);
+    return /*#__PURE__*/ React.isValidElement(children);
+};
 /**
  * 流式文字淡入动画组件。
  *
- * 移植自 @ant-design/x-markdown 的 AnimationText。
- * 追踪 children 的文本变化，只给新增的部分加淡入动画 span，
- * 已有的部分保持不动——不会触发整段重绘。
- *
- * 仅对纯文本增量有效；如果内容不是简单追加（删除/替换），直接替换所有 chunks。
+ * 采用 opacity + translateY（GPU 硬件加速），清爽流派。
+ * 动画结束后通过 animationend 标记 done，仍用 span 包裹以保持布局稳定。
  */ var AnimationText = /*#__PURE__*/ React.memo(function(param) {
     var children = param.children, animationConfig = param.animationConfig;
-    var _ref = animationConfig || {}, _ref_fadeDuration = _ref.fadeDuration, fadeDuration = _ref_fadeDuration === void 0 ? 200 : _ref_fadeDuration, _ref_easing = _ref.easing, easing = _ref_easing === void 0 ? 'ease-in-out' : _ref_easing;
+    var _ref = animationConfig || {}, _ref_fadeDuration = _ref.fadeDuration, fadeDuration = _ref_fadeDuration === void 0 ? 200 : _ref_fadeDuration, _ref_easing = _ref.easing, easing = _ref_easing === void 0 ? 'ease-out' : _ref_easing;
     var _useState = _sliced_to_array(useState([]), 2), chunks = _useState[0], setChunks = _useState[1];
     var prevTextRef = useRef('');
     var text = extractText(children);
+    var hasElementContent = hasElementNode(children);
     useEffect(function() {
+        if (hasElementContent) {
+            prevTextRef.current = text;
+            return;
+        }
         if (text === prevTextRef.current) return;
         if (!prevTextRef.current || !text.startsWith(prevTextRef.current)) {
             setChunks([
-                children
+                {
+                    key: '0',
+                    text: text,
+                    content: children,
+                    done: false
+                }
             ]);
             prevTextRef.current = text;
             return;
         }
         var prevLen = prevTextRef.current.length;
+        var newText = text.slice(prevLen);
+        var newKey = "anim-".concat(Date.now(), "-").concat(prevLen);
         setChunks(function(prev) {
             return _to_consumable_array(prev).concat([
-                text.slice(prevLen)
+                {
+                    key: newKey,
+                    text: newText,
+                    done: false
+                }
             ]);
         });
         prevTextRef.current = text;
     }, [
         text,
-        children
+        children,
+        hasElementContent
     ]);
+    var handleAnimationEnd = function handleAnimationEnd(key) {
+        setChunks(function(prev) {
+            return prev.map(function(c) {
+                return c.key === key ? _object_spread_props(_object_spread({}, c), {
+                    done: true
+                }) : c;
+            });
+        });
+    };
     var animationStyle = useMemo(function() {
         return {
-            animation: "markdownRendererFadeIn ".concat(fadeDuration, "ms ").concat(easing, " forwards"),
-            willChange: 'opacity',
+            display: 'inline-block',
+            animation: "markdownRendererSlideFadeIn ".concat(fadeDuration, "ms ").concat(easing, " forwards"),
+            willChange: 'opacity, transform',
             color: 'inherit'
         };
     }, [
         fadeDuration,
         easing
     ]);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, chunks.map(function(chunk, index) {
-        return /*#__PURE__*/ React.createElement("span", {
+    /** 动画结束后仍用 inline-block 包裹，避免从 span 变为裸内容时的宽度重排 */ var doneChunkStyle = useMemo(function() {
+        return {
+            display: 'inline-block',
+            color: 'inherit'
+        };
+    }, []);
+    if (hasElementContent) {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
+    }
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, chunks.map(function(chunk) {
+        var _chunk_content;
+        var rendered = (_chunk_content = chunk.content) !== null && _chunk_content !== void 0 ? _chunk_content : chunk.text;
+        return chunk.done ? /*#__PURE__*/ React.createElement("span", {
+            key: chunk.key,
+            style: doneChunkStyle
+        }, rendered) : /*#__PURE__*/ React.createElement("span", {
+            key: chunk.key,
             style: animationStyle,
-            key: "anim-".concat(index)
-        }, chunk);
+            onAnimationEnd: function onAnimationEnd() {
+                return handleAnimationEnd(chunk.key);
+            }
+        }, rendered);
     }));
 });
 AnimationText.displayName = 'AnimationText';

package/dist/MarkdownRenderer/MarkdownRenderer.js

@@ -138,13 +138,15 @@ import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo,
 import { useStyle as useContentStyle } from "../MarkdownEditor/editor/style";
 import { useStyle as useEditorStyle } from "../MarkdownEditor/style";
 import { CharacterQueue } from "./CharacterQueue";
+import { AgenticUiTaskBlockRenderer } from "./renderers/AgenticUiTaskBlockRenderer";
+import { AgenticUiToolUseBarBlockRenderer } from "./renderers/AgenticUiToolUseBarBlockRenderer";
 import { ChartBlockRenderer } from "./renderers/ChartRenderer";
 import { CodeBlockRenderer } from "./renderers/CodeRenderer";
 import { MermaidBlockRenderer } from "./renderers/MermaidRenderer";
 import { SchemaBlockRenderer } from "./renderers/SchemaRenderer";
 import { useRendererVarStyle } from "./style";
-import { useStreaming } from "./useStreaming";
 import { useMarkdownToReact } from "./useMarkdownToReact";
+import { useStreaming } from "./useStreaming";
 var SCHEMA_LANGUAGES = new Set([
     'schema',
     'apaasify',
@@ -201,6 +203,18 @@ var SCHEMA_LANGUAGES = new Set([
             language: language
         }));
     }
+    if (language === 'agentic-ui-task') {
+        var TaskComp = pluginComponents['agentic-ui-task'] || AgenticUiTaskBlockRenderer;
+        return /*#__PURE__*/ React.createElement(TaskComp, _object_spread_props(_object_spread({}, rest), {
+            language: language
+        }));
+    }
+    if (language === 'agentic-ui-toolusebar' || language === 'agentic-ui-usertoolbar') {
+        var ToolbarComp = pluginComponents['agentic-ui-toolusebar'] || pluginComponents['agentic-ui-usertoolbar'] || AgenticUiToolUseBarBlockRenderer;
+        return /*#__PURE__*/ React.createElement(ToolbarComp, _object_spread_props(_object_spread({}, rest), {
+            language: language
+        }));
+    }
     if (SCHEMA_LANGUAGES.has(language)) {
         var SchemaComp = pluginComponents.schema || SchemaBlockRenderer;
         return /*#__PURE__*/ React.createElement(SchemaComp, _object_spread_props(_object_spread({}, rest), {

package/dist/MarkdownRenderer/index.d.ts

@@ -1,3 +1,5 @@
+export { default as AnimationText } from './AnimationText';
+export type { AnimationConfig, AnimationTextProps } from './AnimationText';
 export { CharacterQueue } from './CharacterQueue';
 export { default as MarkdownRenderer } from './MarkdownRenderer';
 export { ChartBlockRenderer } from './renderers/ChartRenderer';
@@ -5,7 +7,5 @@ export { CodeBlockRenderer } from './renderers/CodeRenderer';
 export { MermaidBlockRenderer } from './renderers/MermaidRenderer';
 export { SchemaBlockRenderer } from './renderers/SchemaRenderer';
 export type { CharacterQueueOptions, MarkdownRendererProps, MarkdownRendererRef, RenderMode, RendererBlockProps, } from './types';
-export { default as AnimationText } from './AnimationText';
-export type { AnimationConfig, AnimationTextProps } from './AnimationText';
 export { markdownToReactSync, useMarkdownToReact } from './useMarkdownToReact';
 export { useStreaming } from './useStreaming';

package/dist/MarkdownRenderer/index.js

@@ -1,9 +1,9 @@
+export { default as AnimationText } from "./AnimationText";
 export { CharacterQueue } from "./CharacterQueue";
 export { default as MarkdownRenderer } from "./MarkdownRenderer";
 export { ChartBlockRenderer } from "./renderers/ChartRenderer";
 export { CodeBlockRenderer } from "./renderers/CodeRenderer";
 export { MermaidBlockRenderer } from "./renderers/MermaidRenderer";
 export { SchemaBlockRenderer } from "./renderers/SchemaRenderer";
-export { default as AnimationText } from "./AnimationText";
 export { markdownToReactSync, useMarkdownToReact } from "./useMarkdownToReact";
 export { useStreaming } from "./useStreaming";

package/dist/MarkdownRenderer/renderers/AgenticUiTaskBlockRenderer.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { RendererBlockProps } from '../types';
+/**
+ * ```agentic-ui-task``` 代码块 → TaskList（与 MarkdownEditor parseCode 对齐）
+ */
+export declare const AgenticUiTaskBlockRenderer: React.FC<RendererBlockProps>;