@ant-design/agentic-ui 2.29.54 → 2.29.56

package/dist/MarkdownEditor/editor/elements/Blockquote/ReadonlyBlockquote.d.ts

@@ -4,7 +4,7 @@ import { BlockQuoteNode, ElementProps } from '../../../el';
  * ReadonlyBlockquote 组件 - 只读引用块预览组件
  *
  * 专门针对 readonly 模式优化的引用块组件，移除了拖拽功能。
- * 简化渲染逻辑，提升预览模式性能。
+ * 当 otherProps 含 markdownContainerType 时渲染为 div.markdown-container（提示块）。
  *
  * @component
  * @description 只读引用块预览组件，用于预览模式下的引用块渲染
@@ -29,5 +29,6 @@ import { BlockQuoteNode, ElementProps } from '../../../el';
  * - 移除拖拽相关事件处理
  * - 使用 React.memo 优化性能
  * - 保持预览模式的视觉效果
+ * - 支持 ::: 提示块（info/warning/success/error/tip）渲染为 markdown-container
  */
 export declare const ReadonlyBlockquote: React.FC<ElementProps<BlockQuoteNode>>;

package/dist/MarkdownEditor/editor/elements/Blockquote/ReadonlyBlockquote.js

@@ -26,12 +26,37 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import clsx from "clsx";
 import React from "react";
 /**
  * ReadonlyBlockquote 组件 - 只读引用块预览组件
  *
  * 专门针对 readonly 模式优化的引用块组件，移除了拖拽功能。
- * 简化渲染逻辑，提升预览模式性能。
+ * 当 otherProps 含 markdownContainerType 时渲染为 div.markdown-container（提示块）。
  *
  * @component
  * @description 只读引用块预览组件，用于预览模式下的引用块渲染
@@ -56,7 +81,20 @@ import React from "react";
  * - 移除拖拽相关事件处理
  * - 使用 React.memo 优化性能
  * - 保持预览模式的视觉效果
+ * - 支持 ::: 提示块（info/warning/success/error/tip）渲染为 markdown-container
  */ export var ReadonlyBlockquote = /*#__PURE__*/ React.memo(function(props) {
+    var _props_element_otherProps, _props_element, _props_element_otherProps1, _props_element1;
+    var containerType = (_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.markdownContainerType;
+    var containerTitle = (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element1.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.markdownContainerTitle;
+    if (containerType) {
+        var _props_attributes;
+        return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
+            "data-be": "blockquote",
+            className: clsx('markdown-container', containerType, (_props_attributes = props.attributes) === null || _props_attributes === void 0 ? void 0 : _props_attributes.className)
+        }), containerTitle ? /*#__PURE__*/ React.createElement("div", {
+            className: "markdown-container__title"
+        }, containerTitle) : null, props.children);
+    }
     return /*#__PURE__*/ React.createElement("blockquote", _object_spread({
         "data-be": 'blockquote'
     }, props.attributes), props.children);

package/dist/MarkdownEditor/editor/elements/Blockquote/index.d.ts

@@ -4,7 +4,7 @@ import { BlockQuoteNode, ElementProps } from '../../../el';
  * Blockquote 组件 - 引用块组件
  *
  * 该组件用于渲染 Markdown 编辑器中的引用块元素。
- * 支持拖拽功能和编辑器状态管理。
+ * 当 otherProps 含 markdownContainerType 时渲染为 div.markdown-container（提示块）。
  *
  * @component
  * @description 引用块组件，渲染引用内容
@@ -26,7 +26,7 @@ import { BlockQuoteNode, ElementProps } from '../../../el';
  * @returns {React.ReactElement} 渲染的引用块组件
  *
  * @remarks
- * - 使用 HTML blockquote 元素
+ * - 使用 HTML blockquote 元素，提示块时为 div.markdown-container
  * - 支持拖拽功能
  * - 集成编辑器状态管理
  * - 使用 memo 优化性能

package/dist/MarkdownEditor/editor/elements/Blockquote/index.js

@@ -50,13 +50,14 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+import clsx from "clsx";
 import React from "react";
 import { useEditorStore } from "../../store";
 /**
  * Blockquote 组件 - 引用块组件
  *
  * 该组件用于渲染 Markdown 编辑器中的引用块元素。
- * 支持拖拽功能和编辑器状态管理。
+ * 当 otherProps 含 markdownContainerType 时渲染为 div.markdown-container（提示块）。
  *
  * @component
  * @description 引用块组件，渲染引用内容
@@ -78,22 +79,40 @@ import { useEditorStore } from "../../store";
  * @returns {React.ReactElement} 渲染的引用块组件
  *
  * @remarks
- * - 使用 HTML blockquote 元素
+ * - 使用 HTML blockquote 元素，提示块时为 div.markdown-container
  * - 支持拖拽功能
  * - 集成编辑器状态管理
  * - 使用 memo 优化性能
  * - 提供 data-be 属性用于标识
  */ export function Blockquote(props) {
+    var _props_element_otherProps, _props_element, _props_element_otherProps1, _props_element1;
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownContainerRef = _useEditorStore.markdownContainerRef;
+    var containerType = (_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.markdownContainerType;
+    var containerTitle = (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element1.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.markdownContainerTitle;
     return React.useMemo(function() {
-        return /*#__PURE__*/ React.createElement("blockquote", _object_spread_props(_object_spread({
-            "data-be": 'blockquote'
-        }, props.attributes), {
+        var commonAttrs = _object_spread_props(_object_spread({}, props.attributes), {
             onDragStart: function onDragStart(e) {
                 store.dragStart(e, markdownContainerRef.current);
             }
-        }), props.children);
+        });
+        if (containerType) {
+            var _props_attributes;
+            return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, commonAttrs), {
+                "data-be": "blockquote",
+                "data-testid": "markdown-container",
+                className: clsx('markdown-container', containerType, (_props_attributes = props.attributes) === null || _props_attributes === void 0 ? void 0 : _props_attributes.className)
+            }), containerTitle ? /*#__PURE__*/ React.createElement("div", {
+                className: "markdown-container__title",
+                "data-testid": "markdown-container-title"
+            }, containerTitle) : null, props.children);
+        }
+        return /*#__PURE__*/ React.createElement("blockquote", _object_spread({
+            "data-be": "blockquote",
+            "data-testid": "blockquote"
+        }, commonAttrs), props.children);
     }, [
-        props.element.children
+        props.element.children,
+        containerType,
+        containerTitle
     ]);
 }

package/dist/MarkdownEditor/editor/parser/parse/parseBlockElements.d.ts

@@ -56,6 +56,16 @@ export declare const handleBlockquote: (currentElement: any, parseNodes: ParseNo
     type: string;
     children: any[];
 };
+/**
+ * 处理 remark-directive 的 containerDirective（:::info / :::tip{title="提示"} 等）
+ * 转为 blockquote 并写入 otherProps，供只读渲染为 div.markdown-container。
+ * 过滤掉被误解析为内容的闭合标记段落（仅含 ::: 的段落）。
+ */
+export declare const handleContainerDirective: (currentElement: any, parseNodes: ParseNodesFn) => {
+    type: string;
+    otherProps: Record<string, unknown>;
+    children: any[];
+};
 /**
  * 应用内联格式到叶子节点
  */

package/dist/MarkdownEditor/editor/parser/parse/parseBlockElements.js

@@ -317,6 +317,54 @@ import { handleTextAndInlineElementsPure, setFinishedProp } from "./parseText";
     });
     return result;
 };
+/** 从 mdast 段落等节点提取纯文本（用于识别闭合标记 :::） */ function getNodeText(node) {
+    if (!node) return '';
+    if (node.type === 'text' && node.value !== null && node.value !== undefined) return String(node.value);
+    if (Array.isArray(node.children)) {
+        return node.children.map(function(c) {
+            return getNodeText(c);
+        }).join('');
+    }
+    return '';
+}
+/**
+ * 处理 remark-directive 的 containerDirective（:::info / :::tip{title="提示"} 等）
+ * 转为 blockquote 并写入 otherProps，供只读渲染为 div.markdown-container。
+ * 过滤掉被误解析为内容的闭合标记段落（仅含 ::: 的段落）。
+ */ export var handleContainerDirective = function handleContainerDirective(currentElement, parseNodes) {
+    var _currentElement_name, _currentElement_attributes, _currentElement_children;
+    var name = ((_currentElement_name = currentElement.name) !== null && _currentElement_name !== void 0 ? _currentElement_name : 'note').toLowerCase();
+    var attrs = (_currentElement_attributes = currentElement.attributes) !== null && _currentElement_attributes !== void 0 ? _currentElement_attributes : {};
+    var title = typeof attrs.title === 'string' ? attrs.title : attrs.title !== null && attrs.title !== undefined ? String(attrs.title) : undefined;
+    var otherProps = {
+        markdownContainerType: name
+    };
+    if (title === null || title === void 0 ? void 0 : title.trim()) {
+        otherProps.markdownContainerTitle = title.trim();
+    }
+    var rawChildren = (_currentElement_children = currentElement.children) !== null && _currentElement_children !== void 0 ? _currentElement_children : [];
+    var filteredChildren = rawChildren.filter(function(node) {
+        if (node.type === 'paragraph') {
+            var text = getNodeText(node).trim();
+            if (text === ':::') return false;
+        }
+        return true;
+    });
+    return {
+        type: 'blockquote',
+        otherProps: otherProps,
+        children: filteredChildren.length > 0 ? parseNodes(filteredChildren, false, currentElement) : [
+            {
+                type: 'paragraph',
+                children: [
+                    {
+                        text: ''
+                    }
+                ]
+            }
+        ]
+    };
+};
 /**
  * 应用内联格式到叶子节点
  */ export var applyInlineFormatting = function applyInlineFormatting(leaf, currentElement, config) {

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

@@ -86,6 +86,10 @@ function _object_spread_props(target, source) {
 function _to_consumable_array(arr) {
     return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
 }
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -95,7 +99,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { applyContextPropsAndConfig } from "./parse/applyContextPropsAndConfig";
-import { handleBlockquote, handleFootnoteDefinition, handleHeading, handleList, handleListItem, handleParagraph, handleTextAndInlineElements } from "./parse/parseBlockElements";
+import { handleBlockquote, handleContainerDirective, handleFootnoteDefinition, handleHeading, handleList, handleListItem, handleParagraph, handleTextAndInlineElements } from "./parse/parseBlockElements";
 import { handleCode, handleYaml } from "./parse/parseCode";
 import { handleDefinition, handleInlineCode, handleThematicBreak } from "./parse/parseElements";
 import { addEmptyLinesIfNeeded } from "./parse/parseEmptyLines";
@@ -112,6 +116,17 @@ var parseCache = new Map();
  */ export var clearParseCache = function clearParseCache() {
     parseCache.clear();
 };
+/** 从 mdast 节点提取纯文本（用于识别仅含 ::: 的闭合标记段落） */ function getMdastNodeText(node) {
+    if (!node || (typeof node === "undefined" ? "undefined" : _type_of(node)) !== 'object') return '';
+    var n = node;
+    if (n.type === 'text' && n.value !== undefined && n.value !== null) return String(n.value);
+    if (Array.isArray(n.children)) {
+        return n.children.map(function(c) {
+            return getMdastNodeText(c);
+        }).join('');
+    }
+    return '';
+}
 /**
  * 生成简单的字符串哈希
  */ export var simpleHash = function simpleHash(str) {
@@ -392,6 +407,10 @@ var removeAnswerTags = function removeAnswerTags(text) {
                 try {
                     for(var _iterator = nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                         var currentElement = _step.value;
+                        // 根级仅含 ::: 的段落为 remark-directive 闭合标记，不渲染
+                        if (top && currentElement.type === 'paragraph' && getMdastNodeText(currentElement).trim() === ':::') {
+                            continue;
+                        }
                         var htmlCommentProps = this.parseHtmlCommentProps(currentElement);
                         if (htmlCommentProps) {
                             // 将注释属性存储到 contextProps 中，供下一个元素使用
@@ -539,6 +558,11 @@ var removeAnswerTags = function removeAnswerTags(text) {
                             return handleBlockquote(el, parseNodesFn);
                         }
                     },
+                    containerDirective: {
+                        handler: function handler(el) {
+                            return handleContainerDirective(el, parseNodesFn);
+                        }
+                    },
                     footnoteDefinition: {
                         handler: function handler(el) {
                             return handleFootnoteDefinition(el, parseNodesFn);

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

@@ -1192,6 +1192,19 @@ export var isMix = function isMix(t) {
  * @param plugins - 可选的插件数组
  * @returns 处理后的 Markdown 引用字符串
  */ var handleBlockquote = function handleBlockquote(node, preString, parent, plugins) {
+    var _node_otherProps, _node_otherProps1;
+    var containerType = (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.markdownContainerType;
+    var containerTitle = (_node_otherProps1 = node.otherProps) === null || _node_otherProps1 === void 0 ? void 0 : _node_otherProps1.markdownContainerTitle;
+    if (containerType) {
+        var _node_children;
+        var innerContent = ((_node_children = node.children) === null || _node_children === void 0 ? void 0 : _node_children.length) > 0 ? node.children.map(function(child) {
+            return parserNode(child, '', _to_consumable_array(parent).concat([
+                node
+            ]), plugins);
+        }).join('\n\n').trim() : '';
+        var open = containerTitle !== null && containerTitle !== undefined && String(containerTitle).trim() ? ":::".concat(containerType, '{title="').concat(String(containerTitle).trim(), '"}') : ":::".concat(containerType);
+        return "".concat(open, "\n\n").concat(innerContent || '', "\n\n:::");
+    }
     // Handle empty blockquotes
     if (!node.children || node.children.length === 0) {
         return '> ';

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

@@ -0,0 +1,20 @@
+/**
+ * remark 插件：支持 ::: type [title] 容器语法（兼容 markdown-it-container）
+ *
+ * 语法示例：
+ * :::info
+ * 这是信息提示块。
+ * :::
+ *
+ * ::: warning 警告标题
+ * 这是带标题的警告块。
+ * :::
+ */
+import type { Plugin } from 'unified';
+interface RemarkContainerOptions {
+    className?: string;
+    containerTag?: string;
+    titleElement?: Record<string, unknown> | null;
+}
+export declare const remarkContainer: Plugin<[RemarkContainerOptions?]>;
+export default remarkContainer;

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

@@ -0,0 +1,183 @@
+/**
+ * remark 插件：支持 ::: type [title] 容器语法（兼容 markdown-it-container）
+ *
+ * 语法示例：
+ * :::info
+ * 这是信息提示块。
+ * :::
+ *
+ * ::: warning 警告标题
+ * 这是带标题的警告块。
+ * :::
+ */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return 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_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure 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 _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();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    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);
+}
+var REGEX_BEGIN = /^\s*:::\s*(\w+)\s*(.*)?/;
+var REGEX_END = /^\s*:::$/;
+var isLiteralNode = function isLiteralNode(node) {
+    return node && 'value' in node && typeof node.value === 'string';
+};
+var isParagraph = function isParagraph(node) {
+    return (node === null || node === void 0 ? void 0 : node.type) === 'paragraph';
+};
+export var remarkContainer = function remarkContainer() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var _options_className, _options_containerTag, _options_titleElement;
+    var className = (_options_className = options.className) !== null && _options_className !== void 0 ? _options_className : 'markdown-container';
+    var containerTag = (_options_containerTag = options.containerTag) !== null && _options_containerTag !== void 0 ? _options_containerTag : 'div';
+    var titleElement = (_options_titleElement = options.titleElement) !== null && _options_titleElement !== void 0 ? _options_titleElement : {
+        className: [
+            'markdown-container__title'
+        ]
+    };
+    var constructContainer = function constructContainer(children, type) {
+        return {
+            type: 'container',
+            children: children,
+            data: {
+                hName: containerTag,
+                hProperties: {
+                    className: [
+                        className,
+                        type.toLowerCase()
+                    ]
+                }
+            }
+        };
+    };
+    var constructTitle = function constructTitle(title) {
+        return {
+            type: 'paragraph',
+            children: [
+                {
+                    type: 'text',
+                    value: title
+                }
+            ],
+            data: {
+                hName: 'div',
+                hProperties: _object_spread({
+                    className: [
+                        "".concat(className, "__title")
+                    ]
+                }, titleElement && _object_spread({}, titleElement))
+            }
+        };
+    };
+    var transformChildren = function transformChildren(parent) {
+        if (!(parent === null || parent === void 0 ? void 0 : parent.children)) return;
+        var children = [];
+        var len = parent.children.length;
+        var currentIndex = -1;
+        while(currentIndex < len - 1){
+            var _currentNode_children;
+            currentIndex += 1;
+            var currentNode = parent.children[currentIndex];
+            children.push(currentNode);
+            if (!isParagraph(currentNode)) continue;
+            var firstChild = (_currentNode_children = currentNode.children) === null || _currentNode_children === void 0 ? void 0 : _currentNode_children[0];
+            if (!isLiteralNode(firstChild)) continue;
+            var match = firstChild.value.match(REGEX_BEGIN);
+            if (!match) continue;
+            children.pop();
+            var beginIndex = currentIndex;
+            var innerIndex = currentIndex - 1;
+            while(innerIndex < len - 1){
+                var _ref;
+                var _innerNode_children;
+                innerIndex += 1;
+                var innerNode = parent.children[innerIndex];
+                if (!isParagraph(innerNode)) continue;
+                var innerFirst = (_innerNode_children = innerNode.children) === null || _innerNode_children === void 0 ? void 0 : _innerNode_children[0];
+                if (!isLiteralNode(innerFirst) || !REGEX_END.test(innerFirst.value)) continue;
+                var _match = _sliced_to_array(match, 3), type = _match[1], title = _match[2];
+                var containerChildren = parent.children.slice(beginIndex + 1, innerIndex);
+                if ((title === null || title === void 0 ? void 0 : title.trim()) && titleElement !== null) {
+                    containerChildren.unshift(constructTitle(title.trim()));
+                }
+                var container = constructContainer(containerChildren, (_ref = type === null || type === void 0 ? void 0 : type.toLowerCase()) !== null && _ref !== void 0 ? _ref : 'note');
+                children.push(container);
+                currentIndex = innerIndex;
+                break;
+            }
+        }
+        parent.children = children;
+    };
+    return function(tree) {
+        if ((tree === null || tree === void 0 ? void 0 : tree.type) === 'root') {
+            transformChildren(tree);
+        }
+    };
+};
+export default remarkContainer;

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

@@ -0,0 +1,23 @@
+/**
+ * remark 插件：将 remark-directive 的 containerDirective 转为与 remarkContainer 相同的 HTML 结构
+ * （div.markdown-container + type 类名，可选 title 通过 attributes.title）
+ *
+ * 依赖 remark-directive 解析，语法示例：
+ * :::info
+ * 这是信息提示块。
+ * :::
+ *
+ * :::warning{title="警告标题"}
+ * 这是带标题的警告块。
+ * :::
+ */
+import type { Plugin } from 'unified';
+interface RemarkDirectiveContainerOptions {
+    className?: string;
+    containerTag?: string;
+    titleElement?: Record<string, unknown> | null;
+}
+export declare const remarkDirectiveContainer: Plugin<[
+    RemarkDirectiveContainerOptions?
+]>;
+export default remarkDirectiveContainer;

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

@@ -0,0 +1,111 @@
+/**
+ * remark 插件：将 remark-directive 的 containerDirective 转为与 remarkContainer 相同的 HTML 结构
+ * （div.markdown-container + type 类名，可选 title 通过 attributes.title）
+ *
+ * 依赖 remark-directive 解析，语法示例：
+ * :::info
+ * 这是信息提示块。
+ * :::
+ *
+ * :::warning{title="警告标题"}
+ * 这是带标题的警告块。
+ * :::
+ */ 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 _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+import { visit } from "unist-util-visit";
+var DEFAULT_CLASS_NAME = 'markdown-container';
+var DEFAULT_CONTAINER_TAG = 'div';
+var TITLE_CLASS_NAME = 'markdown-container__title';
+function createTitleParagraph(title, titleProps) {
+    return {
+        type: 'paragraph',
+        children: [
+            {
+                type: 'text',
+                value: title
+            }
+        ],
+        data: {
+            hName: 'div',
+            hProperties: _object_spread({
+                className: [
+                    TITLE_CLASS_NAME
+                ]
+            }, titleProps)
+        }
+    };
+}
+export var remarkDirectiveContainer = function remarkDirectiveContainer() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var _options_className, _options_containerTag, _options_titleElement;
+    var className = (_options_className = options.className) !== null && _options_className !== void 0 ? _options_className : DEFAULT_CLASS_NAME;
+    var containerTag = (_options_containerTag = options.containerTag) !== null && _options_containerTag !== void 0 ? _options_containerTag : DEFAULT_CONTAINER_TAG;
+    var titleElement = (_options_titleElement = options.titleElement) !== null && _options_titleElement !== void 0 ? _options_titleElement : {
+        className: [
+            TITLE_CLASS_NAME
+        ]
+    };
+    var titleProps = titleElement && (typeof titleElement === "undefined" ? "undefined" : _type_of(titleElement)) === 'object' ? titleElement : {
+        className: [
+            TITLE_CLASS_NAME
+        ]
+    };
+    return function(tree) {
+        visit(tree, 'containerDirective', function(node) {
+            var _ref, _node_attributes, _node_data;
+            var _node_name;
+            var name = (_ref = (_node_name = node.name) === null || _node_name === void 0 ? void 0 : _node_name.toLowerCase()) !== null && _ref !== void 0 ? _ref : 'note';
+            var attrs = (_node_attributes = node.attributes) !== null && _node_attributes !== void 0 ? _node_attributes : {};
+            var title = typeof attrs.title === 'string' ? attrs.title : attrs.title ? String(attrs.title) : undefined;
+            var data = (_node_data = node.data) !== null && _node_data !== void 0 ? _node_data : node.data = {};
+            data.hName = containerTag;
+            data.hProperties = {
+                className: [
+                    className,
+                    name
+                ]
+            };
+            if (title === null || title === void 0 ? void 0 : title.trim()) {
+                var titleNode = createTitleParagraph(title.trim(), titleProps);
+                if (Array.isArray(node.children)) {
+                    node.children.unshift(titleNode);
+                } else {
+                    node.children = [
+                        titleNode
+                    ];
+                }
+            }
+        });
+    };
+};
+export default remarkDirectiveContainer;

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

@@ -23,6 +23,7 @@ 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";
@@ -362,6 +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(remarkHtml).use(remarkFrontmatter, [
     'yaml'
 ]) // 处理前置元数据

package/dist/MarkdownEditor/editor/style.js

@@ -405,6 +405,38 @@ var genStyle = function genStyle(token) {
             zIndex: 0,
             backgroundColor: 'var(--color-gray-control-fill-secondary)'
         }
+    }), // markdown-it-container 风格的自定义容器（::: info / warning / success / error）
+    _define_property(_obj, '.markdown-container', {
+        padding: '12px 16px',
+        margin: '1em 0',
+        borderRadius: '6px',
+        borderLeft: '4px solid',
+        fontSize: 'var(--font-size-base)',
+        lineHeight: '160%',
+        '&__title': {
+            fontWeight: 600,
+            marginBottom: '8px'
+        },
+        '&.info': {
+            borderLeftColor: 'var(--color-info, #1677ff)',
+            backgroundColor: 'var(--color-info-bg, rgba(22, 119, 255, 0.08))'
+        },
+        '&.warning': {
+            borderLeftColor: 'var(--color-warning, #faad14)',
+            backgroundColor: 'var(--color-warning-bg, rgba(250, 173, 20, 0.08))'
+        },
+        '&.success': {
+            borderLeftColor: 'var(--color-success, #52c41a)',
+            backgroundColor: 'var(--color-success-bg, rgba(82, 196, 26, 0.08))'
+        },
+        '&.error': {
+            borderLeftColor: 'var(--color-error, #ff4d4f)',
+            backgroundColor: 'var(--color-error-bg, rgba(255, 77, 79, 0.08))'
+        },
+        '&.tip': {
+            borderLeftColor: 'var(--color-info, #1677ff)',
+            backgroundColor: 'var(--color-info-bg, rgba(22, 119, 255, 0.08))'
+        }
     }), _define_property(_obj, '[data-be="media-container"], [data-be="image-container"]', {
         display: 'flex',
         minWidth: 0,

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

@@ -53,6 +53,10 @@ function _to_array(arr) {
 function _to_consumable_array(arr) {
     return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
 }
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -163,6 +167,7 @@ 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";
@@ -171,6 +176,7 @@ import remarkRehype from "remark-rehype";
 import { unified } from "unified";
 import { visit } from "unist-util-visit";
 import { JINJA_DOLLAR_PLACEHOLDER } from "../parser/constants";
+import { remarkDirectiveContainer } from "../parser/remarkDirectiveContainer";
 import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../parser/remarkParse";
 // HTML 转义相关的正则表达式和工具
 var ESCAPE_TEST_NO_ENCODE = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/;
@@ -296,6 +302,14 @@ var remarkRehypePlugin = remarkRehype;
         };
     };
 }
+/** 内置容器插件配置：remark-directive 容器转 div.markdown-container（兼容 markdown-it-container 风格） */ var REMARK_DIRECTIVE_CONTAINER_OPTIONS = {
+    className: 'markdown-container',
+    titleElement: {
+        className: [
+            'markdown-container__title'
+        ]
+    }
+};
 export var DEFAULT_MARKDOWN_REMARK_PLUGINS = [
     remarkParse,
     [
@@ -315,6 +329,11 @@ export var DEFAULT_MARKDOWN_REMARK_PLUGINS = [
         remarkFrontmatter,
         FRONTMATTER_LANGUAGES
     ],
+    remarkDirective,
+    [
+        remarkDirectiveContainer,
+        REMARK_DIRECTIVE_CONTAINER_OPTIONS
+    ],
     [
         remarkRehypePlugin,
         {
@@ -398,7 +417,7 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
  * @throws {Error} 当转换过程中发生错误时返回空字符串
  */ export var markdownToHtml = function markdownToHtml(markdown, plugins, config) {
     return _async_to_generator(function() {
-        var htmlContent, error;
+        var _file_value, file, htmlContent, error;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -413,10 +432,11 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
                         createMarkdownProcessor(plugins, config).process(markdown)
                     ];
                 case 1:
-                    htmlContent = _state.sent();
+                    file = _state.sent();
+                    htmlContent = file && (typeof file === "undefined" ? "undefined" : _type_of(file)) === 'object' && 'value' in file ? String((_file_value = file.value) !== null && _file_value !== void 0 ? _file_value : '') : String(file);
                     return [
                         2,
-                        String(htmlContent).split(JINJA_DOLLAR_PLACEHOLDER).join('$')
+                        htmlContent.split(JINJA_DOLLAR_PLACEHOLDER).join('$')
                     ];
                 case 2:
                     error = _state.sent();
@@ -464,8 +484,10 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
  * - 同步版本可能影响用户界面响应性
  */ export var markdownToHtmlSync = function markdownToHtmlSync(markdown, plugins, config) {
     try {
+        var _file_value;
         var file = createMarkdownProcessor(plugins, config).processSync(markdown);
-        return String(file).split(JINJA_DOLLAR_PLACEHOLDER).join('$');
+        var htmlContent = file && (typeof file === "undefined" ? "undefined" : _type_of(file)) === 'object' && 'value' in file ? String((_file_value = file.value) !== null && _file_value !== void 0 ? _file_value : '') : String(file);
+        return htmlContent.split(JINJA_DOLLAR_PLACEHOLDER).join('$');
     } catch (error) {
         console.error('Error converting markdown to HTML:', error);
         return '';

package/dist/MarkdownEditor/utils/exportHtml.js

@@ -7,7 +7,7 @@
  * @returns A complete HTML document as a string
  */ export var generateHtmlDocument = function generateHtmlDocument(content) {
     var title = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'Markdown Export', styles = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : '';
-    return '<!DOCTYPE html>\n<html>\n<head>\n  <meta charset="UTF-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <title>'.concat(title, "</title>\n  <style>\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n      line-height: 1.6;\n      padding: 12px;\n      max-width: 900px;\n      margin: 0 auto;\n      color: #333;\n    }\n    pre {\n      background-color: #f6f8fa;\n      border-radius: 3px;\n      padding: 16px;\n      overflow: auto;\n    }\n    code {\n      background-color: rgba(27, 31, 35, 0.05);\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n    }\n    blockquote {\n      border-left: 4px solid #ddd;\n      padding-left: 16px;\n      margin-left: 0;\n      color: #666;\n    }\n    img {\n      max-width: 100%;\n    }\n    table {\n      border-collapse: collapse;\n      width: 100%;\n      margin-bottom: 16px;\n    }\n    table, th, td {\n      border: 1px solid #ddd;\n    }\n    th, td {\n      padding: 8px;\n      text-align: left;\n      vertical-align: middle;\n    }\n    th {\n      background-color: #f6f8fa;\n    }\n    @media screen and (max-width: 768px) {\n      th, td {\n        padding: 2px;\n      }\n    }\n    ").concat(styles, "\n  </style>\n</head>\n<body>\n  ").concat(content, "\n</body>\n</html>");
+    return '<!DOCTYPE html>\n<html>\n<head>\n  <meta charset="UTF-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <title>'.concat(title, "</title>\n  <style>\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n      line-height: 1.6;\n      padding: 12px;\n      max-width: 900px;\n      margin: 0 auto;\n      color: #333;\n    }\n    pre {\n      background-color: #f6f8fa;\n      border-radius: 3px;\n      padding: 16px;\n      overflow: auto;\n    }\n    code {\n      background-color: rgba(27, 31, 35, 0.05);\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n    }\n    blockquote {\n      border-left: 4px solid #ddd;\n      padding-left: 16px;\n      margin-left: 0;\n      color: #666;\n    }\n    .markdown-container {\n      padding: 12px 16px;\n      margin: 1em 0;\n      border-radius: 6px;\n      border-left: 4px solid;\n      line-height: 1.6;\n    }\n    .markdown-container__title {\n      font-weight: 600;\n      margin-bottom: 8px;\n    }\n    .markdown-container.info {\n      border-left-color: #1677ff;\n      background-color: rgba(22, 119, 255, 0.08);\n    }\n    .markdown-container.warning {\n      border-left-color: #faad14;\n      background-color: rgba(250, 173, 20, 0.08);\n    }\n    .markdown-container.success {\n      border-left-color: #52c41a;\n      background-color: rgba(82, 196, 26, 0.08);\n    }\n    .markdown-container.error {\n      border-left-color: #ff4d4f;\n      background-color: rgba(255, 77, 79, 0.08);\n    }\n    img {\n      max-width: 100%;\n    }\n    table {\n      border-collapse: collapse;\n      width: 100%;\n      margin-bottom: 16px;\n    }\n    table, th, td {\n      border: 1px solid #ddd;\n    }\n    th, td {\n      padding: 8px;\n      text-align: left;\n      vertical-align: middle;\n    }\n    th {\n      background-color: #f6f8fa;\n    }\n    @media screen and (max-width: 768px) {\n      th, td {\n        padding: 2px;\n      }\n    }\n    ").concat(styles, "\n  </style>\n</head>\n<body>\n  ").concat(content, "\n</body>\n</html>");
 };
 /**
  * Export HTML content to a file

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -250,8 +250,9 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     // Refs 管理
     var _useMarkdownInputFieldRefs = useMarkdownInputFieldRefs({
         inputRef: props.inputRef,
-        value: props.value
-    }, value), markdownEditorRef = _useMarkdownInputFieldRefs.markdownEditorRef, quickActionsRef = _useMarkdownInputFieldRefs.quickActionsRef, actionsRef = _useMarkdownInputFieldRefs.actionsRef, isSendingRef = _useMarkdownInputFieldRefs.isSendingRef;
+        value: props.value,
+        setValue: setValue
+    }), markdownEditorRef = _useMarkdownInputFieldRefs.markdownEditorRef, quickActionsRef = _useMarkdownInputFieldRefs.quickActionsRef, actionsRef = _useMarkdownInputFieldRefs.actionsRef, isSendingRef = _useMarkdownInputFieldRefs.isSendingRef;
     // 文件上传管理
     var _useFileUploadManager = useFileUploadManager({
         attachment: attachment,

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldRefs.d.ts

@@ -1,13 +1,17 @@
 /// <reference types="react" />
 import type { MarkdownEditorInstance } from '../../MarkdownEditor';
 import type { MarkdownInputFieldProps } from '../types/MarkdownInputFieldProps';
+interface UseMarkdownInputFieldRefsParams extends Pick<MarkdownInputFieldProps, 'inputRef' | 'value'> {
+    setValue: (value: string) => void;
+}
 /**
  * Refs 管理 Hook
  * 管理组件中所有的 refs 和相关逻辑
  */
-export declare const useMarkdownInputFieldRefs: (props: Pick<MarkdownInputFieldProps, 'inputRef' | 'value'>, value: string) => {
+export declare const useMarkdownInputFieldRefs: (props: UseMarkdownInputFieldRefsParams) => {
     markdownEditorRef: import("react").MutableRefObject<MarkdownEditorInstance | undefined>;
     quickActionsRef: import("react").RefObject<HTMLDivElement>;
     actionsRef: import("react").RefObject<HTMLDivElement>;
     isSendingRef: import("react").MutableRefObject<boolean>;
 };
+export {};

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldRefs.js

@@ -1,24 +1,98 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 import { useEffect, useImperativeHandle, useRef } from "react";
 /**
  * Refs 管理 Hook
  * 管理组件中所有的 refs 和相关逻辑
- */ export var useMarkdownInputFieldRefs = function useMarkdownInputFieldRefs(props, value) {
+ */ export var useMarkdownInputFieldRefs = function useMarkdownInputFieldRefs(props) {
     var markdownEditorRef = useRef();
     var quickActionsRef = useRef(null);
     var actionsRef = useRef(null);
     var isSendingRef = useRef(false);
     // 同步外部 value 到编辑器
     useEffect(function() {
+        var _props_value;
         var _markdownEditorRef_current_store, _markdownEditorRef_current;
         if (!markdownEditorRef.current) return;
-        (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : (_markdownEditorRef_current_store = _markdownEditorRef_current.store) === null || _markdownEditorRef_current_store === void 0 ? void 0 : _markdownEditorRef_current_store.setMDContent(value);
+        (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : (_markdownEditorRef_current_store = _markdownEditorRef_current.store) === null || _markdownEditorRef_current_store === void 0 ? void 0 : _markdownEditorRef_current_store.setMDContent((_props_value = props.value) !== null && _props_value !== void 0 ? _props_value : '');
     }, [
         props.value
     ]);
-    // 通过 ref 暴露编辑器实例
+    // 通过 ref 暴露编辑器实例，包装 store.setMDContent 以同步 value 状态，确保发送按钮正确响应
     useImperativeHandle(props.inputRef, function() {
-        return markdownEditorRef.current;
-    });
+        var editor = markdownEditorRef.current;
+        var syncValueAndSetMDContent = function syncValueAndSetMDContent(md, plugins, options) {
+            var _editor_store;
+            if (md !== undefined) {
+                props.setValue(md);
+            }
+            return editor === null || editor === void 0 ? void 0 : (_editor_store = editor.store) === null || _editor_store === void 0 ? void 0 : _editor_store.setMDContent(md, plugins, options);
+        };
+        if (!editor) {
+            return {
+                store: {
+                    setMDContent: syncValueAndSetMDContent
+                }
+            };
+        }
+        return _object_spread_props(_object_spread({}, editor), {
+            store: _object_spread_props(_object_spread({}, editor.store), {
+                setMDContent: syncValueAndSetMDContent
+            })
+        });
+    }, [
+        props.setValue
+    ]);
     return {
         markdownEditorRef: markdownEditorRef,
         quickActionsRef: quickActionsRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.54",
+  "version": "2.29.56",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,6 +24,7 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
+    "prepublishOnly": "npm run build && npm run test",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",
@@ -87,6 +88,8 @@
     "lodash": "^4.17.23",
     "lodash-es": "^4.17.23",
     "lottie-react": "^2.4.1",
+    "markdown-it": "^14.1.1",
+    "markdown-it-container": "^4.0.0",
     "mermaid": "^11.12.2",
     "mustache": "^4.2.0",
     "nanoid": "^5.1.6",
@@ -104,6 +107,7 @@
     "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",