@ant-design/agentic-ui 2.30.7 → 2.30.9

package/dist/MarkdownEditor/editor/parser/parserMarkdownToSlateNode.js

@@ -98,7 +98,6 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import { preprocessProtectTimeFromDirective } from "./constants";
 import { applyContextPropsAndConfig } from "./parse/applyContextPropsAndConfig";
 import { handleBlockquote, handleContainerDirective, handleFootnoteDefinition, handleHeading, handleList, handleListItem, handleParagraph, handleTextAndInlineElements } from "./parse/parseBlockElements";
 import { handleCode, handleYaml } from "./parse/parseCode";
@@ -236,8 +235,7 @@ var removeAnswerTags = function removeAnswerTags(text) {
         {
             key: "preprocessMarkdown",
             value: function preprocessMarkdown(md) {
-                var timeProtected = preprocessProtectTimeFromDirective(md || '');
-                var thinkProcessed = removeAnswerTags(preprocessThinkTags(timeProtected));
+                var thinkProcessed = removeAnswerTags(preprocessThinkTags(md || ''));
                 var nonStandardProcessed = removeAnswerTags(preprocessNonStandardHtmlTags(thinkProcessed));
                 return preprocessMarkdownTableNewlines(nonStandardProcessed);
             }

package/dist/MarkdownEditor/editor/parser/remarkDirectiveContainersOnly.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 仅启用 remark-directive 的 **容器** 语法（`:::name` … `:::`），不解析行内 `:foo` 与块级 `::foo`。
+ * 避免普通文本中的 `:15`（时间）或 `:icon[...]` 被误解析为指令。
+ *
+ * 依赖与 `remark-directive` 相同：`micromark-extension-directive` + `mdast-util-directive`。
+ *
+ * 仅使用官方入口 `directive()` 中与 `lib/syntax.js` 一致的 flow[58][0]（容器指令），
+ * 避免深层路径 `lib/directive-container.js`（未列入 package exports，Next/Turbopack 等会解析失败）。
+ */
+import type { Root } from 'mdast';
+import type { Plugin } from 'unified';
+/**
+ * @returns {undefined}
+ *   Nothing.
+ */
+declare const remarkDirectiveContainersOnly: Plugin<[], Root>;
+export default remarkDirectiveContainersOnly;

package/dist/MarkdownEditor/editor/parser/remarkDirectiveContainersOnly.js

@@ -0,0 +1,51 @@
+/**
+ * 仅启用 remark-directive 的 **容器** 语法（`:::name` … `:::`），不解析行内 `:foo` 与块级 `::foo`。
+ * 避免普通文本中的 `:15`（时间）或 `:icon[...]` 被误解析为指令。
+ *
+ * 依赖与 `remark-directive` 相同：`micromark-extension-directive` + `mdast-util-directive`。
+ *
+ * 仅使用官方入口 `directive()` 中与 `lib/syntax.js` 一致的 flow[58][0]（容器指令），
+ * 避免深层路径 `lib/directive-container.js`（未列入 package exports，Next/Turbopack 等会解析失败）。
+ */ 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;
+}
+import { directiveFromMarkdown, directiveToMarkdown } from "mdast-util-directive";
+import { directive } from "micromark-extension-directive";
+/** `:` — 与 micromark-extension-directive 内 `syntax.js` 中 flow/text 映射键一致 */ var MICROMARK_DIRECTIVE_MARK = 58;
+var directiveContainerOnlyMicromarkExtension = function() {
+    var _ext_flow;
+    var ext = directive();
+    var atColon = (_ext_flow = ext.flow) === null || _ext_flow === void 0 ? void 0 : _ext_flow[MICROMARK_DIRECTIVE_MARK];
+    var container = Array.isArray(atColon) ? atColon[0] : atColon;
+    if (!container) {
+        throw new Error('micromark-extension-directive: expected container construct on flow[58]');
+    }
+    return {
+        flow: _define_property({}, MICROMARK_DIRECTIVE_MARK, [
+            container
+        ])
+    };
+}();
+/**
+ * @returns {undefined}
+ *   Nothing.
+ */ var remarkDirectiveContainersOnly = function remarkDirectiveContainersOnly() {
+    var data = this.data();
+    var micromarkExtensions = data.micromarkExtensions || (data.micromarkExtensions = []);
+    var fromMarkdownExtensions = data.fromMarkdownExtensions || (data.fromMarkdownExtensions = []);
+    var toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
+    micromarkExtensions.push(directiveContainerOnlyMicromarkExtension);
+    fromMarkdownExtensions.push(directiveFromMarkdown());
+    toMarkdownExtensions.push(directiveToMarkdown());
+};
+export default remarkDirectiveContainersOnly;

package/dist/MarkdownEditor/editor/parser/remarkParse.d.ts

@@ -20,5 +20,5 @@ export declare function fixStrongWithSpecialChars(): (tree: any) => void;
  * 须在 remark-math 之前运行
  */
 export declare function protectJinjaDollarInText(): (tree: any) => void;
-declare const markdownParser: import("unified").Processor<import("mdast").Root, undefined, undefined, import("mdast").Root, string>;
+declare const markdownParser: import("unified").Processor<import("mdast").Root, import("mdast").Root, import("mdast").Root, import("mdast").Root, string>;
 export default markdownParser;

package/dist/MarkdownEditor/editor/parser/remarkParse.js

@@ -23,7 +23,6 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import remarkDirective from "remark-directive";
 import remarkFrontmatter from "remark-frontmatter";
 import remarkGfm from "remark-gfm";
 import remarkHtml from "remark-html";
@@ -32,6 +31,7 @@ import remarkParse from "remark-parse";
 import { unified } from "unified";
 import { visit } from "unist-util-visit";
 import { JINJA_DOLLAR_PLACEHOLDER } from "./constants";
+import remarkDirectiveContainersOnly from "./remarkDirectiveContainersOnly";
 /**
  * 提取段落节点的文本内容
  * @param paragraphNode - 段落节点
@@ -363,7 +363,7 @@ import { JINJA_DOLLAR_PLACEHOLDER } from "./constants";
 // Markdown 解析器（用于解析 Markdown 为 mdast AST）
 // 注意：这个解析器只用于解析，不包含 HTML 渲染相关的插件
 var markdownParser = unified().use(remarkParse) // 解析 Markdown
-.use(remarkDirective) // 解析 ::: 容器指令（info / warning / success / error / tip{title="..."}）
+.use(remarkDirectiveContainersOnly) // 仅解析 ::: 容器（不解析行内 :foo）
 .use(remarkHtml).use(remarkFrontmatter, [
     'yaml'
 ]) // 处理前置元数据

package/dist/MarkdownEditor/editor/style.js

@@ -380,10 +380,9 @@ var genStyle = function genStyle(token) {
     }), _define_property(_obj, 'li + li', {
         marginTop: '0.25em'
     }), _define_property(_obj, "blockquote", {
-        display: 'flex',
+        display: 'block',
+        boxSizing: 'border-box',
         padding: '8px 12px',
-        gap: '10px',
-        flexGrow: 1,
         zIndex: 1,
         fontSize: 'var(--font-size-base)',
         fontWeight: 'normal',
@@ -392,6 +391,10 @@ var genStyle = function genStyle(token) {
         position: 'relative',
         color: 'var(--color-gray-text-secondary)',
         margin: '0 !important',
+        // 原 flex + gap 在子节点之间的间距（::before 为 absolute，不参与 flex）
+        '& > * + *': {
+            marginTop: '10px'
+        },
         '&:before': {
             content: "''",
             left: '0',
@@ -400,8 +403,7 @@ var genStyle = function genStyle(token) {
             height: 'calc(100% - 22px)',
             borderRadius: '4px',
             width: '3px',
-            display: 'flex',
-            alignSelf: 'stretch',
+            display: 'block',
             zIndex: 0,
             backgroundColor: 'var(--color-gray-control-fill-secondary)'
         }

package/dist/MarkdownEditor/editor/utils/markdownToHtml.js

@@ -167,7 +167,6 @@ function _ts_generator(thisArg, body) {
 import rehypeKatex from "rehype-katex";
 import rehypeRaw from "rehype-raw";
 import rehypeStringify from "rehype-stringify";
-import remarkDirective from "remark-directive";
 import remarkFrontmatter from "remark-frontmatter";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
@@ -177,6 +176,7 @@ import { unified } from "unified";
 import { visit } from "unist-util-visit";
 import { JINJA_DOLLAR_PLACEHOLDER } from "../parser/constants";
 import { remarkDirectiveContainer } from "../parser/remarkDirectiveContainer";
+import remarkDirectiveContainersOnly from "../parser/remarkDirectiveContainersOnly";
 import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../parser/remarkParse";
 // HTML 转义相关的正则表达式和工具
 var ESCAPE_TEST_NO_ENCODE = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/;
@@ -373,7 +373,7 @@ export var DEFAULT_MARKDOWN_REMARK_PLUGINS = [
         remarkFrontmatter,
         FRONTMATTER_LANGUAGES
     ],
-    remarkDirective,
+    remarkDirectiveContainersOnly,
     [
         remarkDirectiveContainer,
         REMARK_DIRECTIVE_CONTAINER_OPTIONS

package/dist/MarkdownInputField/FileMapView/FileMapViewItem.js

@@ -117,6 +117,55 @@ 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) : '';
+    var showSize = typeof file.size === 'number' && file.size > 0;
+    var fileSize = showSize ? kbToSize(file.size / 1024) : '';
+    var lastModifiedTime = (file === null || file === void 0 ? void 0 : file.lastModified) ? dayjs(file.lastModified).format('HH:mm') : '';
+    var renderExtensionContainer = function renderExtensionContainer() {
+        if (file.status === 'error' && file.errorMessage) {
+            return /*#__PURE__*/ React.createElement("div", {
+                "data-testid": "file-item-extension-container",
+                className: classNames("".concat(props.prefixCls, "-file-name-extension-container"), props.hashId)
+            }, /*#__PURE__*/ React.createElement("span", {
+                className: classNames("".concat(props.prefixCls, "-file-error-msg"), props.hashId),
+                "data-testid": "file-item-error-msg",
+                style: {
+                    color: 'var(--color-red-text-secondary)'
+                }
+            }, file.errorMessage));
+        }
+        var items = [];
+        if (displayExtension) {
+            items.push(/*#__PURE__*/ React.createElement("span", {
+                key: "ext",
+                "data-testid": "file-item-extension",
+                className: classNames("".concat(props.prefixCls, "-file-name-extension"), props.hashId)
+            }, displayExtension));
+        }
+        if (fileSize) {
+            items.push(/*#__PURE__*/ React.createElement("div", {
+                key: "size",
+                "data-testid": "file-item-size",
+                className: classNames("".concat(props.prefixCls, "-file-size"), props.hashId)
+            }, fileSize));
+        }
+        if (lastModifiedTime) {
+            items.push(/*#__PURE__*/ React.createElement("div", {
+                key: "time",
+                "data-testid": "file-item-time"
+            }, lastModifiedTime));
+        }
+        if (items.length === 0) return null;
+        return /*#__PURE__*/ React.createElement("div", {
+            "data-testid": "file-item-extension-container",
+            className: classNames("".concat(props.prefixCls, "-file-name-extension-container"), props.hashId)
+        }, items.map(function(item, index) {
+            return /*#__PURE__*/ React.createElement(React.Fragment, {
+                key: index
+            }, index > 0 && /*#__PURE__*/ React.createElement("span", {
+                className: classNames("".concat(props.prefixCls, "-separator"), props.hashId)
+            }, "|"), item);
+        }));
+    };
     // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块（loading 状态除外）
     if (isFileMetaPlaceholderState(file)) {
         return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
@@ -162,33 +211,22 @@ import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils"
         className: classNames(props.className, _define_property({}, "".concat(props.prefixCls, "-meta-placeholder"), isFileMetaPlaceholderState(file))),
         "data-testid": "file-item"
     }, /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "file-item-icon",
         className: classNames("".concat(props.prefixCls, "-file-icon"), props.hashId)
     }, /*#__PURE__*/ React.createElement(AttachmentFileIcon, {
         file: file,
         className: classNames("".concat(props.prefixCls, "-file-icon-img"), props.hashId)
     })), /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "file-item-info",
         className: classNames("".concat(props.prefixCls, "-file-info"), props.hashId)
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(props.prefixCls, "-file-name"), props.hashId)
     }, /*#__PURE__*/ React.createElement("span", {
+        "data-testid": "file-item-name",
         className: classNames("".concat(props.prefixCls, "-file-name-text"), props.hashId),
         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)
-    }, 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)
-    }, "|"), /*#__PURE__*/ React.createElement("div", {
-        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", {
+    }, displayName)), renderExtensionContainer()), hovered ? /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "file-item-action-bar",
         className: classNames("".concat(props.prefixCls, "-action-bar"), props.hashId)
     }, props.customSlot ? /*#__PURE__*/ React.createElement(ActionIconBox, {
         title: '更多',

package/dist/MarkdownInputField/FileMapView/index.js

@@ -335,6 +335,7 @@ import { useStyle } from "./style";
     };
     var _obj;
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        "data-testid": "file-view-list",
         style: {
             display: 'flex',
             flexDirection: 'column',
@@ -344,7 +345,7 @@ import { useStyle } from "./style";
             alignItems: placement === 'left' ? 'flex-start' : 'flex-end',
             width: 'max-content'
         }
-    }, /*#__PURE__*/ React.createElement(motion.div, {
+    }, imgList.length > 0 && /*#__PURE__*/ React.createElement(motion.div, {
         variants: {
             visible: {
                 opacity: 1,
@@ -364,6 +365,7 @@ import { useStyle } from "./style";
         initial: "hidden",
         animate: 'visible',
         style: props.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) {
         if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
@@ -391,6 +393,7 @@ import { useStyle } from "./style";
         whileInView: "visible",
         initial: "hidden",
         animate: "visible",
+        "data-testid": "file-view-video-list",
         className: classNames("".concat(prefix, "-video-row"), "".concat(prefix, "-video-row-").concat(placement), hashId),
         style: props.style
     }, videoList.map(function(file, index) {
@@ -424,6 +427,7 @@ import { useStyle } from "./style";
                 }
             },
             "aria-label": "播放视频：".concat(file.name),
+            "data-testid": "file-view-video-thumb",
             style: thumbSize
         }, /*#__PURE__*/ React.createElement("video", {
             src: videoUrl,
@@ -459,7 +463,7 @@ import { useStyle } from "./style";
             maxWidth: '80vw',
             maxHeight: '80vh'
         }
-    })), /*#__PURE__*/ React.createElement(motion.div, {
+    })), allNoMediaFiles.length > 0 && /*#__PURE__*/ React.createElement(motion.div, {
         variants: {
             visible: {
                 opacity: 1,
@@ -478,6 +482,7 @@ import { useStyle } from "./style";
         whileInView: "visible",
         initial: "hidden",
         animate: 'visible',
+        "data-testid": "file-view-file-list",
         className: classNames(prefix, hashId, props.className, "".concat(prefix, "-").concat(placement), "".concat(prefix, "-vertical")),
         style: props.style
     }, noMediaFileList.map(function(file, index) {
@@ -503,6 +508,7 @@ import { useStyle } from "./style";
             file: file
         });
     }), props.maxDisplayCount !== undefined && allNoMediaFiles.length > props.maxDisplayCount && !showAllFiles ? /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "file-view-view-all",
         style: {
             width: (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.width
         },

package/dist/MarkdownInputField/FileMapView/style.js

@@ -77,7 +77,11 @@ var genStyle = function genStyle(token) {
             flexWrap: 'wrap',
             alignItems: 'flex-start',
             gap: 4,
-            maxWidth: 'calc(285px * 3 + 4px * 2)'
+            padding: 0,
+            maxWidth: 'calc(285px * 3 + 4px * 2)',
+            '& > :only-child': {
+                marginTop: 8
+            }
         },
         '&::-webkit-scrollbar': {
             width: 6

package/dist/MarkdownRenderer/markdownReactShared.d.ts

@@ -90,4 +90,4 @@ export interface UseMarkdownToReactOptions {
      */
     contentRevisionSource?: string;
 }
-export { createHastProcessor, buildEditorAlignedComponents, markLastParagraphStreamingTail, renderMarkdownBlock, splitMarkdownBlocks, };
+export { buildEditorAlignedComponents, createHastProcessor, markLastParagraphStreamingTail, renderMarkdownBlock, splitMarkdownBlocks, };

package/dist/MarkdownRenderer/markdownReactShared.js

@@ -126,7 +126,6 @@ import React, { useContext } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import rehypeKatex from "rehype-katex";
 import rehypeRaw from "rehype-raw";
-import remarkDirective from "remark-directive";
 import remarkFrontmatter from "remark-frontmatter";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
@@ -135,6 +134,7 @@ import remarkRehype from "remark-rehype";
 import { unified } from "unified";
 import { visit } from "unist-util-visit";
 import { remarkDirectiveContainer } from "../MarkdownEditor/editor/parser/remarkDirectiveContainer";
+import remarkDirectiveContainersOnly from "../MarkdownEditor/editor/parser/remarkDirectiveContainersOnly";
 import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../MarkdownEditor/editor/parser/remarkParse";
 import { REMARK_REHYPE_DIRECTIVE_HANDLERS } from "../MarkdownEditor/editor/utils/markdownToHtml";
 import { parseChineseCurrencyToNumber } from "../Plugins/chart/utils";
@@ -330,7 +330,7 @@ var createHastProcessor = function createHastProcessor(extraRemarkPlugins, confi
     var processor = unified();
     processor.use(remarkParse).use(remarkGfm, {
         singleTilde: false
-    }).use(fixStrongWithSpecialChars).use(convertParagraphToImage).use(protectJinjaDollarInText).use(remarkMath, INLINE_MATH_WITH_SINGLE_DOLLAR).use(remarkFrontmatter, FRONTMATTER_LANGUAGES).use(remarkDirective).use(remarkDirectiveContainer, REMARK_DIRECTIVE_CONTAINER_OPTIONS).use(remarkChartFromComment).use(remarkRehypePlugin, {
+    }).use(fixStrongWithSpecialChars).use(convertParagraphToImage).use(protectJinjaDollarInText).use(remarkMath, INLINE_MATH_WITH_SINGLE_DOLLAR).use(remarkFrontmatter, FRONTMATTER_LANGUAGES).use(remarkDirectiveContainersOnly).use(remarkDirectiveContainer, REMARK_DIRECTIVE_CONTAINER_OPTIONS).use(remarkChartFromComment).use(remarkRehypePlugin, {
         allowDangerousHtml: true,
         handlers: REMARK_REHYPE_DIRECTIVE_HANDLERS
     }).use(rehypeRaw).use(rehypeKatex, {
@@ -1156,4 +1156,4 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
     }
     return blocks;
 };
-export { createHastProcessor, buildEditorAlignedComponents, markLastParagraphStreamingTail, renderMarkdownBlock, splitMarkdownBlocks };
+export { buildEditorAlignedComponents, createHastProcessor, markLastParagraphStreamingTail, renderMarkdownBlock, splitMarkdownBlocks };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.30.7",
+  "version": "2.30.9",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -91,6 +91,8 @@
     "lodash-es": "^4.17.23",
     "lottie-react": "^2.4.1",
     "markdown-it": "^14.1.1",
+    "mdast-util-directive": "^3.1.0",
+    "micromark-extension-directive": "^4.0.0",
     "markdown-it-container": "^4.0.0",
     "mermaid": "^11.12.2",
     "mustache": "^4.2.0",
@@ -109,7 +111,6 @@
     "rehype-raw": "^7.0.0",
     "rehype-stringify": "^10.0.1",
     "remark": "^15.0.1",
-    "remark-directive": "^4.0.0",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
     "remark-html": "^16.0.1",