@ant-design/agentic-ui 2.30.0 → 2.30.1

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>;

package/dist/MarkdownRenderer/renderers/AgenticUiTaskBlockRenderer.js

@@ -0,0 +1,66 @@
+import json5 from "json5";
+import React, { useMemo } from "react";
+import { normalizeTaskListPropsFromJson } from "../../MarkdownEditor/editor/elements/AgenticUiBlocks/agenticUiEmbedUtils";
+import partialParse from "../../MarkdownEditor/editor/parser/json-parse";
+import { TaskList } from "../../TaskList";
+var extractTextContent = function extractTextContent1(children) {
+    var _children_props;
+    if (typeof children === 'string') return children;
+    if (typeof children === 'number') return String(children);
+    if (Array.isArray(children)) return children.map(extractTextContent).join('');
+    if (/*#__PURE__*/ React.isValidElement(children) && ((_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.children)) {
+        return extractTextContent(children.props.children);
+    }
+    return '';
+};
+var parseJsonBody = function parseJsonBody(code) {
+    try {
+        return json5.parse(code || '{}');
+    } catch (unused) {
+        try {
+            return partialParse(code || '{}');
+        } catch (unused) {
+            return null;
+        }
+    }
+};
+/**
+ * ```agentic-ui-task``` 代码块 → TaskList（与 MarkdownEditor parseCode 对齐）
+ */ export var AgenticUiTaskBlockRenderer = function AgenticUiTaskBlockRenderer(props) {
+    var code = useMemo(function() {
+        return extractTextContent(props.children);
+    }, [
+        props.children
+    ]);
+    var parsed = useMemo(function() {
+        return parseJsonBody(code);
+    }, [
+        code
+    ]);
+    var listProps = useMemo(function() {
+        return normalizeTaskListPropsFromJson(parsed);
+    }, [
+        parsed
+    ]);
+    if (parsed === null) {
+        return /*#__PURE__*/ React.createElement("pre", {
+            "data-testid": "agentic-ui-task-fallback",
+            style: {
+                background: 'rgb(242, 241, 241)',
+                padding: '1em',
+                borderRadius: '0.5em',
+                margin: '0.75em 0',
+                fontSize: '0.8em',
+                whiteSpace: 'pre-wrap',
+                wordBreak: 'break-all'
+            }
+        }, /*#__PURE__*/ React.createElement("code", null, code));
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "agentic-ui-task-block",
+        style: {
+            margin: '0.75em 0'
+        }
+    }, /*#__PURE__*/ React.createElement(TaskList, listProps));
+};
+AgenticUiTaskBlockRenderer.displayName = 'AgenticUiTaskBlockRenderer';

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { RendererBlockProps } from '../types';
+/**
+ * ```agentic-ui-toolusebar``` 代码块 → ToolUseBar
+ */
+export declare const AgenticUiToolUseBarBlockRenderer: React.FC<RendererBlockProps>;

package/dist/MarkdownRenderer/renderers/AgenticUiToolUseBarBlockRenderer.js

@@ -0,0 +1,134 @@
+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 _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import json5 from "json5";
+import React, { useMemo } from "react";
+import { normalizeToolUseBarPropsFromJson } from "../../MarkdownEditor/editor/elements/AgenticUiBlocks/agenticUiEmbedUtils";
+import partialParse from "../../MarkdownEditor/editor/parser/json-parse";
+import { ToolUseBar } from "../../ToolUseBar";
+var extractTextContent = function extractTextContent1(children) {
+    var _children_props;
+    if (typeof children === 'string') return children;
+    if (typeof children === 'number') return String(children);
+    if (Array.isArray(children)) return children.map(extractTextContent).join('');
+    if (/*#__PURE__*/ React.isValidElement(children) && ((_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.children)) {
+        return extractTextContent(children.props.children);
+    }
+    return '';
+};
+var parseJsonBody = function parseJsonBody(code) {
+    try {
+        return json5.parse(code || '{}');
+    } catch (unused) {
+        try {
+            return partialParse(code || '{}');
+        } catch (unused) {
+            return null;
+        }
+    }
+};
+/**
+ * ```agentic-ui-toolusebar``` 代码块 → ToolUseBar
+ */ export var AgenticUiToolUseBarBlockRenderer = function AgenticUiToolUseBarBlockRenderer(props) {
+    var code = useMemo(function() {
+        return extractTextContent(props.children);
+    }, [
+        props.children
+    ]);
+    var parsed = useMemo(function() {
+        return parseJsonBody(code);
+    }, [
+        code
+    ]);
+    var _useMemo = useMemo(function() {
+        return normalizeToolUseBarPropsFromJson(parsed);
+    }, [
+        parsed
+    ]), tools = _useMemo.tools, restBar = _object_without_properties(_useMemo, [
+        "tools"
+    ]);
+    if (parsed === null) {
+        return /*#__PURE__*/ React.createElement("pre", {
+            "data-testid": "agentic-ui-toolusebar-fallback",
+            style: {
+                background: 'rgb(242, 241, 241)',
+                padding: '1em',
+                borderRadius: '0.5em',
+                margin: '0.75em 0',
+                fontSize: '0.8em',
+                whiteSpace: 'pre-wrap',
+                wordBreak: 'break-all'
+            }
+        }, /*#__PURE__*/ React.createElement("code", null, code));
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "agentic-ui-toolusebar-block",
+        style: {
+            margin: '0.75em 0'
+        }
+    }, /*#__PURE__*/ React.createElement(ToolUseBar, _object_spread({
+        tools: tools
+    }, restBar)));
+};
+AgenticUiToolUseBarBlockRenderer.displayName = 'AgenticUiToolUseBarBlockRenderer';