@ant-design/agentic-ui 2.30.11 → 2.30.13

package/dist/MarkdownEditor/types.d.ts

@@ -647,4 +647,10 @@ export type MarkdownEditorProps = {
      * @returns 自定义渲染节点，或 undefined 时回退到 defaultDom
      */
     eleRender?: (props: import('../MarkdownRenderer/types').MarkdownRendererEleProps, defaultDom: React.ReactNode) => React.ReactNode;
+    /**
+     * FileMapView 配置（仅 `renderMode: 'markdown'` 时生效）
+     * @description 透传给 agentic-ui-filemap 代码块渲染器，
+     * 统一配置图片/视频条目的 onPreview 拦截和 itemRender 自定义回显。
+     */
+    fileMapConfig?: import('../MarkdownRenderer/types').FileMapConfig;
 };

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem.js

@@ -105,8 +105,8 @@ export var AttachmentFileListItem = function AttachmentFileListItem(param) {
     var file = param.file, prefixCls = param.prefixCls, hashId = param.hashId, onPreview = param.onPreview, onRetry = param.onRetry, onDelete = param.onDelete, className = param.className;
     var locale = useContext(I18nContext).locale;
     var isErrorStatus = file.status === 'error';
-    var isSizeExceededError = isErrorStatus && file.errorCode === 'FILE_SIZE_EXCEEDED';
-    var canRetry = isErrorStatus && !isSizeExceededError;
+    var isNonRetryableError = isErrorStatus && (file.errorCode === 'FILE_SIZE_EXCEEDED' || file.errorCode === 'FILE_COUNT_EXCEEDED');
+    var canRetry = isErrorStatus && !isNonRetryableError;
     var isDoneStatus = file.status === 'done';
     var canDelete = !isAttachmentFileLoading(file.status);
     var handleFileClick = function handleFileClick() {

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/style.js

@@ -200,7 +200,9 @@ var genStyle = function genStyle(token) {
                 alignItems: 'center',
                 gap: 4,
                 '&-error': {
-                    color: 'var(--color-red-a10)'
+                    color: 'var(--color-red-a10)',
+                    maxWidth: '100%',
+                    overflow: 'auto'
                 },
                 '&-item:not(:last-child)': {
                     lineHeight: '9px',

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

@@ -42,6 +42,12 @@ export type AttachmentButtonProps = {
     minFileCount?: number;
     /** 是否允许一次选择多个文件（默认：true） */
     allowMultiple?: boolean;
+    /** 文件数量超出 maxFileCount 限制时的回调 */
+    onExceedMaxCount?: (info: {
+        maxCount: number;
+        currentCount: number;
+        selectedCount: number;
+    }) => void;
 };
 /**
  * 文件上传配置
@@ -63,6 +69,12 @@ type UploadProps = {
     minFileCount?: number;
     /** 国际化文案 */
     locale?: any;
+    /** 文件数量超出 maxFileCount 限制时的回调 */
+    onExceedMaxCount?: (info: {
+        maxCount: number;
+        currentCount: number;
+        selectedCount: number;
+    }) => void;
 };
 /**
  * 上传文件到服务器

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -187,16 +187,6 @@ var prepareFile = function prepareFile(file) {
 var getLocaleMessage = function getLocaleMessage(locale, key, defaultMsg) {
     return (locale === null || locale === void 0 ? void 0 : locale[key]) || defaultMsg;
 };
-var validateFileCount = function validateFileCount(newFileCount, existingFileCount, props) {
-    var totalFileCount = newFileCount + existingFileCount;
-    if (props.maxFileCount && totalFileCount > props.maxFileCount) {
-        return false;
-    }
-    if (props.minFileCount && totalFileCount < props.minFileCount) {
-        return false;
-    }
-    return true;
-};
 var validateFileSize = function validateFileSize(file, props) {
     if (!props.maxFileSize || file.size <= props.maxFileSize) return true;
     return false;
@@ -351,7 +341,7 @@ var processFile = function processFile(file, index, map, props) {
  * @param props.locale - 国际化文案
  */ export var upLoadFileToServer = function upLoadFileToServer(files, props) {
     return _async_to_generator(function() {
-        var map, existingFileCount, hideLoading, fileList, i, error;
+        var map, existingFileCount, hideLoading, fileList, totalCount, isMaxExceeded, isMinNotMet, _props_onFileMapChange, _props_onExceedMaxCount, maxCount, rawMessage, errorMessage, i, error;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -360,9 +350,29 @@ var processFile = function processFile(file, index, map, props) {
                     hideLoading = function hideLoading() {};
                     fileList = Array.from(files);
                     fileList.forEach(prepareFile);
-                    // 在添加到 fileMap 之前先验证文件数量
-                    if (!validateFileCount(fileList.length, existingFileCount, props)) {
+                    totalCount = fileList.length + existingFileCount;
+                    isMaxExceeded = typeof props.maxFileCount === 'number' && totalCount > props.maxFileCount;
+                    isMinNotMet = typeof props.minFileCount === 'number' && totalCount < props.minFileCount;
+                    if (isMaxExceeded || isMinNotMet) {
                         hideLoading();
+                        if (isMaxExceeded) {
+                            ;
+                            maxCount = props.maxFileCount;
+                            rawMessage = getLocaleMessage(props.locale, 'markdownInput.maxFileCountExceeded', DEFAULT_MESSAGES.maxFileCountExceeded(maxCount));
+                            errorMessage = rawMessage.replace(/\$\{maxFileCount\}/g, String(maxCount));
+                            fileList.forEach(function(file) {
+                                file.status = 'error';
+                                file.errorCode = 'FILE_COUNT_EXCEEDED';
+                                file.errorMessage = errorMessage;
+                                if (file.uuid) map.set(file.uuid, file);
+                            });
+                            (_props_onFileMapChange = props.onFileMapChange) === null || _props_onFileMapChange === void 0 ? void 0 : _props_onFileMapChange.call(props, map);
+                            (_props_onExceedMaxCount = props.onExceedMaxCount) === null || _props_onExceedMaxCount === void 0 ? void 0 : _props_onExceedMaxCount.call(props, {
+                                maxCount: maxCount,
+                                currentCount: existingFileCount,
+                                selectedCount: fileList.length
+                            });
+                        }
                         return [
                             2
                         ];

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

@@ -5,7 +5,12 @@ export type FileMapViewProps = {
     showMoreButton?: boolean;
     /** 文件映射表 */
     fileMap?: Map<string, AttachmentFile>;
-    /** 预览文件回调 */
+    /**
+     * 预览文件回调。
+     * - 对于非图片/视频文件：点击预览按钮时触发，传入时阻止默认的 window.open 行为。
+     * - 对于图片文件：点击缩略图时触发，传入时阻止 antd Image 内置灯箱预览。
+     * - 对于视频文件：点击缩略图时触发，传入时阻止内置弹窗播放。
+     */
     onPreview?: (file: AttachmentFile) => void;
     /** 下载文件回调 */
     onDownload?: (file: AttachmentFile) => void;
@@ -22,6 +27,13 @@ export type FileMapViewProps = {
     /** 最多展示的非图片文件数量，传入则开启溢出控制并在超出时显示"查看所有文件"按钮，不传则展示所有文件且不显示按钮 */
     maxDisplayCount?: number;
     placement?: 'left' | 'right';
+    /**
+     * 自定义每个媒体（图片/视频）条目的渲染。
+     * 接收文件对象和默认渲染节点，返回自定义节点即可替换默认展示，常用于回显场景。
+     * @param file - 当前文件
+     * @param defaultDom - 默认渲染的 React 节点
+     */
+    itemRender?: (file: AttachmentFile, defaultDom: React.ReactNode) => React.ReactNode;
 };
 /**
  * FileMapView 组件 - 文件映射视图组件

package/dist/MarkdownInputField/FileMapView/index.js

@@ -368,19 +368,32 @@ import { useStyle } from "./style";
         "data-testid": "file-view-image-list",
         className: classNames(prefix, hashId, props.className, "".concat(prefix, "-").concat(placement), (_obj = {}, _define_property(_obj, "".concat(prefix, "-image-list-view"), imgList.length > 1), _define_property(_obj, "".concat(prefix, "-image-list-view-").concat(placement), imgList.length > 1), _obj))
     }, /*#__PURE__*/ React.createElement(Image.PreviewGroup, null, imgList.map(function(file, index) {
+        var key = file.uuid || file.name || index;
         if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
-            return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+            var placeholderDom = /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
                 file: file,
-                key: file.uuid || file.name || index
+                key: key
             });
+            return props.itemRender ? props.itemRender(file, placeholderDom) : placeholderDom;
         }
-        return /*#__PURE__*/ React.createElement(Image, {
+        var defaultImageDom = /*#__PURE__*/ React.createElement(Image, {
             rootClassName: classNames("".concat(prefix, "-image"), hashId),
             width: 124,
             height: 124,
             src: file.previewUrl || file.url,
-            key: file.uuid || file.name || index
+            key: key,
+            preview: props.onPreview ? {
+                visible: false,
+                onVisibleChange: function onVisibleChange() {
+                    var _props_onPreview;
+                    return (_props_onPreview = props.onPreview) === null || _props_onPreview === void 0 ? void 0 : _props_onPreview.call(props, file);
+                },
+                mask: /*#__PURE__*/ React.createElement("div", {
+                    className: classNames("".concat(prefix, "-image-mask"), hashId)
+                })
+            } : undefined
         });
+        return props.itemRender ? props.itemRender(file, defaultImageDom) : defaultImageDom;
     }))), videoList.length > 0 && /*#__PURE__*/ React.createElement(motion.div, {
         variants: {
             visible: {
@@ -406,17 +419,19 @@ import { useStyle } from "./style";
             width: 124,
             height: 124
         };
+        var key = file.uuid || file.name || index;
         if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
-            return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+            var placeholderDom = /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
                 file: file,
-                key: file.uuid || file.name || index
+                key: key
             });
+            return props.itemRender ? props.itemRender(file, placeholderDom) : placeholderDom;
         }
-        return /*#__PURE__*/ React.createElement("div", {
+        var defaultVideoDom = /*#__PURE__*/ React.createElement("div", {
             role: "button",
             tabIndex: 0,
             className: classNames("".concat(prefix, "-image"), "".concat(prefix, "-video-thumb"), hashId),
-            key: file.uuid || file.name || index,
+            key: key,
             onClick: function onClick() {
                 return handleVideoClick(file);
             },
@@ -443,6 +458,7 @@ import { useStyle } from "./style";
             className: classNames("".concat(prefix, "-video-play-overlay"), hashId),
             "aria-hidden": true
         }, /*#__PURE__*/ React.createElement(Play, null)));
+        return props.itemRender ? props.itemRender(file, defaultVideoDom) : defaultVideoDom;
     })), /*#__PURE__*/ React.createElement(Modal, {
         open: videoModalOpen,
         onCancel: handleVideoModalClose,

package/dist/MarkdownInputField/FileUploadManager/index.js

@@ -252,7 +252,7 @@ import { isMobileDevice, isVivoOrOppoDevice, isWeChat } from "../AttachmentButto
    * 上传图片
    */ var uploadImage = useRefFunction(function(forGallery) {
         return _async_to_generator(function() {
-            var _ref, isUploading, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, file, currentFileCount, accept, input;
+            var _ref, isUploading, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, file, accept, input;
             return _ts_generator(this, function(_state) {
                 // 检查是否有文件正在上传中
                 isUploading = false;
@@ -284,13 +284,6 @@ import { isMobileDevice, isVivoOrOppoDevice, isWeChat } from "../AttachmentButto
                         2
                     ];
                 }
-                // 检查是否已达到最大文件数量限制
-                currentFileCount = (fileMap === null || fileMap === void 0 ? void 0 : fileMap.size) || 0;
-                if ((attachment === null || attachment === void 0 ? void 0 : attachment.maxFileCount) && currentFileCount >= attachment.maxFileCount) {
-                    return [
-                        2
-                    ];
-                }
                 accept = getAcceptValue(forGallery || false);
                 input = document.createElement('input');
                 input.id = 'uploadImage' + '_' + Math.random();
@@ -300,7 +293,7 @@ import { isMobileDevice, isVivoOrOppoDevice, isWeChat } from "../AttachmentButto
                 input.style.display = 'none';
                 input.onchange = function(e) {
                     return _async_to_generator(function() {
-                        var selectedFiles, currentFileCount, totalFileCount, error;
+                        var selectedFiles, error;
                         return _ts_generator(this, function(_state) {
                             switch(_state.label){
                                 case 0:
@@ -324,23 +317,8 @@ import { isMobileDevice, isVivoOrOppoDevice, isWeChat } from "../AttachmentButto
                                             2
                                         ];
                                     }
-                                    // 检查选择的文件数量是否超过限制
-                                    currentFileCount = (fileMap === null || fileMap === void 0 ? void 0 : fileMap.size) || 0;
-                                    if (attachment === null || attachment === void 0 ? void 0 : attachment.maxFileCount) {
-                                        // 如果一次选择的文件数量超过最大限制，完全拒绝
-                                        if (selectedFiles.length > attachment.maxFileCount) {
-                                            return [
-                                                2
-                                            ];
-                                        }
-                                        // 如果选择的文件数量加上已有文件数量超过限制，完全拒绝
-                                        totalFileCount = selectedFiles.length + currentFileCount;
-                                        if (totalFileCount > attachment.maxFileCount) {
-                                            return [
-                                                2
-                                            ];
-                                        }
-                                    }
+                                    // 检查选择的文件数量是否超过限制——超限时交由 upLoadFileToServer 统一处理
+                                    // （upLoadFileToServer 内 validateFileCount 失败时会把文件以 error 状态入 map 并触发 onExceedMaxCount）
                                     return [
                                         4,
                                         upLoadFileToServer(selectedFiles, _object_spread_props(_object_spread({}, attachment), {

package/dist/MarkdownRenderer/MarkdownRenderer.js

@@ -140,6 +140,7 @@ import { useStyle as useEditorStyle } from "../MarkdownEditor/style";
 import { CharacterQueue } from "./CharacterQueue";
 import { AgenticUiTaskBlockRenderer } from "./renderers/AgenticUiTaskBlockRenderer";
 import { AgenticUiToolUseBarBlockRenderer } from "./renderers/AgenticUiToolUseBarBlockRenderer";
+import { AgenticUiFileMapBlockRenderer } from "./renderers/AgenticUiFileMapBlockRenderer";
 import { ChartBlockRenderer } from "./renderers/ChartRenderer";
 import { CodeBlockRenderer } from "./renderers/CodeRenderer";
 import { MermaidBlockRenderer } from "./renderers/MermaidRenderer";
@@ -186,10 +187,11 @@ var SCHEMA_LANGUAGES = new Set([
 /**
  * 默认的代码块路由——根据语言分发到对应渲染器
  */ var DefaultCodeRouter = function DefaultCodeRouter(props) {
-    var language = props.language, pluginComponents = props.pluginComponents, apaasifyRender = props.apaasifyRender, rest = _object_without_properties(props, [
+    var language = props.language, pluginComponents = props.pluginComponents, apaasifyRender = props.apaasifyRender, fileMapConfig = props.fileMapConfig, rest = _object_without_properties(props, [
         "language",
         "pluginComponents",
-        "apaasifyRender"
+        "apaasifyRender",
+        "fileMapConfig"
     ]);
     if (language === 'mermaid') {
         var MermaidComp = pluginComponents.mermaid || MermaidBlockRenderer;
@@ -215,6 +217,13 @@ var SCHEMA_LANGUAGES = new Set([
             language: language
         }));
     }
+    if (language === 'agentic-ui-filemap') {
+        var FileMapComp = pluginComponents['agentic-ui-filemap'] || AgenticUiFileMapBlockRenderer;
+        return /*#__PURE__*/ React.createElement(FileMapComp, _object_spread_props(_object_spread({}, rest), {
+            language: language,
+            fileMapConfig: fileMapConfig
+        }));
+    }
     if (SCHEMA_LANGUAGES.has(language)) {
         var SchemaComp = pluginComponents.schema || SchemaBlockRenderer;
         return /*#__PURE__*/ React.createElement(SchemaComp, _object_spread_props(_object_spread({}, rest), {
@@ -236,7 +245,7 @@ var SCHEMA_LANGUAGES = new Set([
  * - Markdown → hast → React 元素树（hast-util-to-jsx-runtime）
  * - 特殊块（code / mermaid / chart / katex）通过组件映射拦截渲染
  */ var InternalMarkdownRenderer = /*#__PURE__*/ forwardRef(function(props, ref) {
-    var content = props.content, _props_streaming = props.streaming, streaming = _props_streaming === void 0 ? false : _props_streaming, isFinished = props.isFinished, queueOptions = props.queueOptions, plugins = props.plugins, remarkPlugins = props.remarkPlugins, htmlConfig = props.htmlConfig, className = props.className, style = props.style, customPrefixCls = props.prefixCls, linkConfig = props.linkConfig, streamingParagraphAnimation = props.streamingParagraphAnimation, apaasify = props.apaasify, eleRender = props.eleRender;
+    var content = props.content, _props_streaming = props.streaming, streaming = _props_streaming === void 0 ? false : _props_streaming, isFinished = props.isFinished, queueOptions = props.queueOptions, plugins = props.plugins, remarkPlugins = props.remarkPlugins, htmlConfig = props.htmlConfig, className = props.className, style = props.style, customPrefixCls = props.prefixCls, linkConfig = props.linkConfig, streamingParagraphAnimation = props.streamingParagraphAnimation, apaasify = props.apaasify, eleRender = props.eleRender, fileMapConfig = props.fileMapConfig;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     // 复用 MarkdownEditor 的 CSS 前缀和样式，保持渲染一致性
     var prefixCls = getPrefixCls('agentic-md-editor', customPrefixCls);
@@ -337,7 +346,8 @@ var SCHEMA_LANGUAGES = new Set([
         var codeRouter = function codeRouter(codeProps) {
             return /*#__PURE__*/ React.createElement(DefaultCodeRouter, _object_spread_props(_object_spread({}, codeProps), {
                 pluginComponents: pluginComponents,
-                apaasifyRender: apaasifyRender
+                apaasifyRender: apaasifyRender,
+                fileMapConfig: fileMapConfig
             }));
         };
         codeRouter.displayName = 'CodeRouter';
@@ -346,7 +356,8 @@ var SCHEMA_LANGUAGES = new Set([
         }, pluginComponents);
     }, [
         pluginComponents,
-        apaasifyRender
+        apaasifyRender,
+        fileMapConfig
     ]);
     // 流式缓存：将不完整的 Markdown token 暂缓，避免 parser 错误解析
     var safeContent = useStreaming(displayedContent, streaming);

package/dist/MarkdownRenderer/index.d.ts

@@ -2,11 +2,14 @@ export { default as AnimationText } from './AnimationText';
 export type { AnimationConfig, AnimationTextProps } from './AnimationText';
 export { CharacterQueue } from './CharacterQueue';
 export { default as MarkdownRenderer } from './MarkdownRenderer';
+export { AgenticUiFileMapBlockRenderer } from './renderers/AgenticUiFileMapBlockRenderer';
+export { AgenticUiTaskBlockRenderer } from './renderers/AgenticUiTaskBlockRenderer';
+export { AgenticUiToolUseBarBlockRenderer } from './renderers/AgenticUiToolUseBarBlockRenderer';
 export { ChartBlockRenderer } from './renderers/ChartRenderer';
 export { CodeBlockRenderer } from './renderers/CodeRenderer';
 export { MermaidBlockRenderer } from './renderers/MermaidRenderer';
 export { SchemaBlockRenderer } from './renderers/SchemaRenderer';
-export type { CharacterQueueOptions, MarkdownRendererEleProps, MarkdownRendererProps, MarkdownRendererRef, RenderMode, RendererBlockProps, } from './types';
+export type { CharacterQueueOptions, FileMapConfig, MarkdownRendererEleProps, MarkdownRendererProps, MarkdownRendererRef, RenderMode, RendererBlockProps, } from './types';
 export type { UseMarkdownToReactOptions } from './markdownReactShared';
 export { markdownToReactSync, useMarkdownToReact } from './useMarkdownToReact';
 export { useStreamingMarkdownReact } from './streaming/useStreamingMarkdownReact';

package/dist/MarkdownRenderer/index.js

@@ -1,6 +1,9 @@
 export { default as AnimationText } from "./AnimationText";
 export { CharacterQueue } from "./CharacterQueue";
 export { default as MarkdownRenderer } from "./MarkdownRenderer";
+export { AgenticUiFileMapBlockRenderer } from "./renderers/AgenticUiFileMapBlockRenderer";
+export { AgenticUiTaskBlockRenderer } from "./renderers/AgenticUiTaskBlockRenderer";
+export { AgenticUiToolUseBarBlockRenderer } from "./renderers/AgenticUiToolUseBarBlockRenderer";
 export { ChartBlockRenderer } from "./renderers/ChartRenderer";
 export { CodeBlockRenderer } from "./renderers/CodeRenderer";
 export { MermaidBlockRenderer } from "./renderers/MermaidRenderer";

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FileMapConfig, RendererBlockProps } from '../types';
+/**
+ * ```agentic-ui-filemap``` 代码块 → FileMapView
+ */
+export declare const AgenticUiFileMapBlockRenderer: React.FC<RendererBlockProps & {
+    fileMapConfig?: FileMapConfig;
+}>;

package/dist/MarkdownRenderer/renderers/AgenticUiFileMapBlockRenderer.js

@@ -0,0 +1,121 @@
+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 { normalizeFileMapPropsFromJson } from "../../MarkdownEditor/editor/elements/AgenticUiBlocks/agenticUiEmbedUtils";
+import partialParse from "../../MarkdownEditor/editor/parser/json-parse";
+import { FileMapView } from "../../MarkdownInputField/FileMapView";
+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-filemap``` 代码块 → FileMapView
+ */ export var AgenticUiFileMapBlockRenderer = function AgenticUiFileMapBlockRenderer(props) {
+    var fileMapConfig = props.fileMapConfig, rest = _object_without_properties(props, [
+        "fileMapConfig"
+    ]);
+    var code = useMemo(function() {
+        return extractTextContent(rest.children);
+    }, [
+        rest.children
+    ]);
+    var parsed = useMemo(function() {
+        return parseJsonBody(code);
+    }, [
+        code
+    ]);
+    var _useMemo = useMemo(function() {
+        return normalizeFileMapPropsFromJson(parsed, fileMapConfig === null || fileMapConfig === void 0 ? void 0 : fileMapConfig.normalizeFile);
+    }, [
+        parsed,
+        fileMapConfig === null || fileMapConfig === void 0 ? void 0 : fileMapConfig.normalizeFile
+    ]), fileList = _useMemo.fileList, className = _useMemo.className;
+    var fileMap = useMemo(function() {
+        return new Map(fileList.map(function(f) {
+            return [
+                f.uuid || f.name,
+                f
+            ];
+        }));
+    }, [
+        fileList
+    ]);
+    if (parsed === null) {
+        return /*#__PURE__*/ React.createElement("pre", {
+            "data-testid": "agentic-ui-filemap-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-filemap-block",
+        style: {
+            margin: '0.75em 0'
+        }
+    }, /*#__PURE__*/ React.createElement(FileMapView, {
+        fileMap: fileMap,
+        className: className,
+        onPreview: fileMapConfig === null || fileMapConfig === void 0 ? void 0 : fileMapConfig.onPreview,
+        itemRender: fileMapConfig === null || fileMapConfig === void 0 ? void 0 : fileMapConfig.itemRender
+    }));
+};
+AgenticUiFileMapBlockRenderer.displayName = 'AgenticUiFileMapBlockRenderer';

package/dist/MarkdownRenderer/renderers/ChartRenderer.js

@@ -158,6 +158,7 @@ var extractTextContent = function extractTextContent1(children) {
  * 支持两种格式：
  * 1. 完整格式：{ config: [...], dataSource: [...], columns: [...] }
  * 2. 简单格式：{ chartType, x, y, data: [...] }
+ * 3. algTypes 格式：{ type: "histogram", value: { data: [...], dataMetaMap: {...} } }
  */ var parseChartData = function parseChartData(code) {
     try {
         var parsed = JSON.parse(code.trim());
@@ -167,6 +168,14 @@ var extractTextContent = function extractTextContent1(children) {
                 config: parsed
             };
         }
+        // Handle { type: "histogram", value: { data: [...], dataMetaMap: {...} } } format
+        if (typeof parsed.type === 'string' && parsed.value && Array.isArray(parsed.value.data)) {
+            return {
+                chartType: parsed.type,
+                data: parsed.value.data,
+                dataMetaMap: parsed.value.dataMetaMap
+            };
+        }
         return parsed;
     } catch (unused) {
         return null;

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

@@ -1,3 +1,6 @@
+export { AgenticUiFileMapBlockRenderer } from './AgenticUiFileMapBlockRenderer';
+export { AgenticUiTaskBlockRenderer } from './AgenticUiTaskBlockRenderer';
+export { AgenticUiToolUseBarBlockRenderer } from './AgenticUiToolUseBarBlockRenderer';
 export { ChartBlockRenderer } from './ChartRenderer';
 export { CodeBlockRenderer } from './CodeRenderer';
 export { MermaidBlockRenderer } from './MermaidRenderer';

package/dist/MarkdownRenderer/renderers/index.js

@@ -1,3 +1,6 @@
+export { AgenticUiFileMapBlockRenderer } from "./AgenticUiFileMapBlockRenderer";
+export { AgenticUiTaskBlockRenderer } from "./AgenticUiTaskBlockRenderer";
+export { AgenticUiToolUseBarBlockRenderer } from "./AgenticUiToolUseBarBlockRenderer";
 export { ChartBlockRenderer } from "./ChartRenderer";
 export { CodeBlockRenderer } from "./CodeRenderer";
 export { MermaidBlockRenderer } from "./MermaidRenderer";

package/dist/MarkdownRenderer/types.d.ts

@@ -1,10 +1,48 @@
 import type React from 'react';
 import type { MarkdownRemarkPlugin, MarkdownToHtmlConfig } from '../MarkdownEditor/editor/utils/markdownToHtml';
 import type { MarkdownEditorPlugin } from '../MarkdownEditor/plugin';
+import type { AttachmentFile } from '../MarkdownInputField/AttachmentButton/types';
+import type { FileMapViewProps } from '../MarkdownInputField/FileMapView';
 /**
- * markdown 渲染模式下传给 eleRender 的元素属性，
- * 包含 HTML 标签名、hast 节点及所有原生 HTML 属性。
+ * FileMapView 相关配置，透传给 agentic-ui-filemap 代码块渲染器，
+ * 方便在 markdownRenderConfig 中统一配置图片回显行为。
  */
+export interface FileMapConfig {
+    /**
+     * 预览文件回调，透传给 FileMapView.onPreview。
+     * 对图片：点击缩略图时触发，传入则阻止 antd Image 内置灯箱；
+     * 对视频：传入则阻止内置弹窗；对普通文件：传入则阻止默认 window.open。
+     */
+    onPreview?: (file: AttachmentFile) => void;
+    /**
+     * 自定义每个媒体条目（图片/视频）的渲染，透传给 FileMapView.itemRender，
+     * 常用于回显场景。
+     */
+    itemRender?: FileMapViewProps['itemRender'];
+    /**
+     * 自定义文件数据规范化函数，用于将 agentic-ui-filemap 代码块中的原始 JSON 条目
+     * 转换为 AttachmentFile 对象。
+     *
+     * 适用于服务端返回的字段名与 AttachmentFile 不一致（如 fileUrl → url、
+     * fileId → uuid）或需要在数据层补充额外字段的场景。
+     *
+     * @param raw - 代码块 JSON 中的原始文件对象（未经处理）
+     * @param defaultFile - 由内置逻辑生成的默认 AttachmentFile，可在此基础上做局部覆盖
+     * @returns 转换后的 AttachmentFile；返回 null 时该条目将被过滤掉
+     *
+     * @example
+     * ```tsx
+     * fileMapConfig={{
+     *   normalizeFile: (raw, defaultFile) => ({
+     *     ...defaultFile,
+     *     url: raw.fileUrl as string,
+     *     uuid: raw.fileId as string,
+     *   }),
+     * }}
+     * ```
+     */
+    normalizeFile?: (raw: Record<string, unknown>, defaultFile: AttachmentFile) => AttachmentFile | null;
+}
 export interface MarkdownRendererEleProps {
     /** HTML tag name, e.g. 'p', 'h1', 'blockquote', 'pre' */
     tagName: string;
@@ -92,6 +130,11 @@ export interface MarkdownRendererProps {
         /** 自定义渲染函数，接收解析后的 JSON value，返回 React 节点 */
         render?: (value: any) => React.ReactNode;
     };
+    /**
+     * FileMapView 配置，透传给 agentic-ui-filemap 代码块渲染器。
+     * 可在 markdownRenderConfig 中统一配置图片 onPreview 和 itemRender。
+     */
+    fileMapConfig?: FileMapConfig;
     /**
      * 自定义元素渲染函数（markdown 渲染模式）
      * 与 Slate 模式的 eleItemRender 对应，允许拦截并替换任意块级/行内元素的渲染结果。