@ant-design/agentic-ui 2.29.59 → 2.30.1

package/dist/MarkdownRenderer/useMarkdownToReact.js

@@ -0,0 +1,1241 @@
+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 _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+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 _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _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;
+}
+function _to_array(arr) {
+    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+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);
+}
+import { Checkbox, Image } from "antd";
+import { toJsxRuntime } from "hast-util-to-jsx-runtime";
+import React, { useMemo, useRef } 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";
+import remarkParse from "remark-parse";
+import remarkRehype from "remark-rehype";
+import { unified } from "unified";
+import { visit } from "unist-util-visit";
+import { JINJA_DOLLAR_PLACEHOLDER } from "../MarkdownEditor/editor/parser/constants";
+import { remarkDirectiveContainer } from "../MarkdownEditor/editor/parser/remarkDirectiveContainer";
+import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../MarkdownEditor/editor/parser/remarkParse";
+import { REMARK_REHYPE_DIRECTIVE_HANDLERS } from "../MarkdownEditor/editor/utils/markdownToHtml";
+import { ToolUseBarThink } from "../ToolUseBarThink";
+import AnimationText from "./AnimationText";
+var INLINE_MATH_WITH_SINGLE_DOLLAR = {
+    singleDollarTextMath: true
+};
+var FRONTMATTER_LANGUAGES = [
+    'yaml'
+];
+var REMARK_DIRECTIVE_CONTAINER_OPTIONS = {
+    className: 'markdown-container',
+    titleElement: {
+        className: [
+            'markdown-container__title'
+        ]
+    }
+};
+var remarkRehypePlugin = remarkRehype;
+var FOOTNOTE_REF_PATTERN = /\[\^([^\]]+)\]/g;
+var CHART_COMMENT_PATTERN = /^<!--\s*(\[[\s\S]*\]|\{[\s\S]*\})\s*-->$/;
+var extractCellText = function extractCellText1(cell) {
+    if (!(cell === null || cell === void 0 ? void 0 : cell.children)) return '';
+    return cell.children.map(function(child) {
+        if (child.type === 'text') return child.value || '';
+        if (child.children) return extractCellText(child);
+        return '';
+    }).join('').trim();
+};
+/**
+ * 从 mdast table 节点提取列名和数据
+ */ var extractTableData = function extractTableData(tableNode) {
+    var _loop = function(i) {
+        var row = tableNode.children[i];
+        if (!(row === null || row === void 0 ? void 0 : row.children)) return "continue";
+        var record = {
+            key: "row-".concat(i)
+        };
+        row.children.forEach(function(cell, j) {
+            if (j < columns.length) {
+                var val = extractCellText(cell);
+                var num = Number(val);
+                record[columns[j].dataIndex] = isNaN(num) || val === '' ? val : num;
+            }
+        });
+        dataSource.push(record);
+    };
+    var _tableNode_children, _headerRow_children;
+    if (!((_tableNode_children = tableNode.children) === null || _tableNode_children === void 0 ? void 0 : _tableNode_children.length)) return null;
+    var headerRow = tableNode.children[0];
+    if (!(headerRow === null || headerRow === void 0 ? void 0 : (_headerRow_children = headerRow.children) === null || _headerRow_children === void 0 ? void 0 : _headerRow_children.length)) return null;
+    var columns = headerRow.children.map(function(cell) {
+        var text = extractCellText(cell);
+        return {
+            title: text,
+            dataIndex: text,
+            key: text
+        };
+    });
+    var dataSource = [];
+    for(var i = 1; i < tableNode.children.length; i++)_loop(i);
+    return {
+        columns: columns,
+        dataSource: dataSource
+    };
+};
+/**
+ * remark 插件：将 "HTML 注释（图表配置）+ 表格" 组合转为 chart 代码块。
+ *
+ * 在 MarkdownEditor 中，parseTableOrChart 负责此逻辑。
+ * 在 MarkdownRenderer 中，此插件在 mdast 层面完成等价转换。
+ *
+ * 匹配模式：
+ * ```
+ * <!-- [{"chartType":"line","x":"month","y":"value",...}] -->
+ * | month | value |
+ * |-------|-------|
+ * | 2024  | 100   |
+ * ```
+ */ var remarkChartFromComment = function remarkChartFromComment() {
+    return function(tree) {
+        var children = tree.children;
+        if (!children || !Array.isArray(children)) return;
+        var toRemove = [];
+        for(var i = 0; i < children.length - 1; i++){
+            var _node_value;
+            var node = children[i];
+            var next = children[i + 1];
+            if (node.type !== 'html' || next.type !== 'table') continue;
+            var match = (_node_value = node.value) === null || _node_value === void 0 ? void 0 : _node_value.match(CHART_COMMENT_PATTERN);
+            if (!match) continue;
+            var chartConfig = void 0;
+            try {
+                chartConfig = JSON.parse(match[1]);
+            } catch (unused) {
+                continue;
+            }
+            if (!Array.isArray(chartConfig)) chartConfig = [
+                chartConfig
+            ];
+            var hasChartType = chartConfig.some(function(c) {
+                return c.chartType && c.chartType !== 'table';
+            });
+            if (!hasChartType) continue;
+            var tableData = extractTableData(next);
+            if (!tableData) continue;
+            var chartJson = JSON.stringify({
+                config: chartConfig,
+                columns: tableData.columns,
+                dataSource: tableData.dataSource
+            });
+            children[i] = {
+                type: 'code',
+                lang: 'chart',
+                value: chartJson
+            };
+            toRemove.push(i + 1);
+            i++;
+        }
+        for(var j = toRemove.length - 1; j >= 0; j--){
+            children.splice(toRemove[j], 1);
+        }
+    };
+};
+/**
+ * rehype 插件：将文本中残留的 [^N] 模式转为 fnc 标记元素。
+ *
+ * remark-gfm 只在有对应 footnoteDefinition 时才会转换 footnoteReference，
+ * 但 AI 对话场景中 [^1] 常用作内联引用（无底部定义）。
+ * 此插件在 hast 层面补充处理这些"裸引用"。
+ */ var rehypeFootnoteRef = function rehypeFootnoteRef() {
+    return function(tree) {
+        visit(tree, 'text', function(node, index, parent) {
+            if (!parent || index === undefined) return;
+            var value = node.value;
+            if (!FOOTNOTE_REF_PATTERN.test(value)) return;
+            FOOTNOTE_REF_PATTERN.lastIndex = 0;
+            var children = [];
+            var lastIndex = 0;
+            var match;
+            while((match = FOOTNOTE_REF_PATTERN.exec(value)) !== null){
+                if (match.index > lastIndex) {
+                    children.push({
+                        type: 'text',
+                        value: value.slice(lastIndex, match.index)
+                    });
+                }
+                children.push({
+                    type: 'element',
+                    tagName: 'span',
+                    properties: {
+                        'data-fnc': 'fnc',
+                        'data-fnc-name': match[1]
+                    },
+                    children: [
+                        {
+                            type: 'text',
+                            value: match[1]
+                        }
+                    ]
+                });
+                lastIndex = match.index + match[0].length;
+            }
+            if (lastIndex < value.length) {
+                children.push({
+                    type: 'text',
+                    value: value.slice(lastIndex)
+                });
+            }
+            if (children.length > 0) {
+                var _parent_children;
+                (_parent_children = parent.children).splice.apply(_parent_children, [
+                    index,
+                    1
+                ].concat(_to_consumable_array(children)));
+                return index + children.length;
+            }
+        });
+    };
+};
+var createHastProcessor = function createHastProcessor(extraRemarkPlugins, config) {
+    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, {
+        allowDangerousHtml: true,
+        handlers: REMARK_REHYPE_DIRECTIVE_HANDLERS
+    }).use(rehypeRaw).use(rehypeKatex, {
+        strict: 'ignore'
+    }).use(rehypeFootnoteRef);
+    if (extraRemarkPlugins) {
+        extraRemarkPlugins.forEach(function(entry) {
+            if (Array.isArray(entry)) {
+                var _processor;
+                var _entry = _to_array(entry), plugin = _entry[0], pluginOptions = _entry.slice(1);
+                (_processor = processor).use.apply(_processor, [
+                    plugin
+                ].concat(_to_consumable_array(pluginOptions)));
+            } else {
+                processor.use(entry);
+            }
+        });
+    }
+    if (config === null || config === void 0 ? void 0 : config.markedConfig) {
+        config.markedConfig.forEach(function(entry) {
+            if (Array.isArray(entry)) {
+                var _processor;
+                var _entry = _to_array(entry), plugin = _entry[0], pluginOptions = _entry.slice(1);
+                (_processor = processor).use.apply(_processor, [
+                    plugin
+                ].concat(_to_consumable_array(pluginOptions)));
+            } else {
+                processor.use(entry);
+            }
+        });
+    }
+    return processor;
+};
+var extractLanguageFromClassName = function extractLanguageFromClassName(className) {
+    if (!className) return undefined;
+    var classes = Array.isArray(className) ? className : [
+        className
+    ];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = classes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var cls = _step.value;
+            var match = String(cls).match(/^language-(.+)$/);
+            if (match) return match[1];
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return undefined;
+};
+/**
+ * 提取 React children 的文本内容
+ */ var extractChildrenText = function extractChildrenText1(children) {
+    var _children_props;
+    if (typeof children === 'string') return children;
+    if (typeof children === 'number') return String(children);
+    if (Array.isArray(children)) return children.map(extractChildrenText).join('');
+    if (React.isValidElement(children) && ((_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.children)) {
+        return extractChildrenText(children.props.children);
+    }
+    return '';
+};
+/**
+ * <think> 标签渲染组件——使用 ToolUseBarThink 替代原生 DOM。
+ * 在 MarkdownEditor 中，<think> 被预处理为 ```think 代码块，
+ * 然后由 ThinkBlock 组件（依赖 Slate 上下文）渲染为 ToolUseBarThink。
+ * 在 MarkdownRenderer 中，<think> 通过 rehypeRaw 保留为 hast 元素，
+ * 这里直接渲染为 ToolUseBarThink，无需 Slate 上下文。
+ */ var ThinkBlockRendererComponent = function ThinkBlockRendererComponent(props) {
+    var children = props.children;
+    var content = extractChildrenText(children);
+    var isLoading = content.endsWith('...');
+    return React.createElement(ToolUseBarThink, {
+        testId: 'think-block-renderer',
+        styles: {
+            root: {
+                boxSizing: 'border-box',
+                maxWidth: '680px',
+                marginTop: 8
+            }
+        },
+        toolName: isLoading ? '深度思考...' : '深度思考',
+        thinkContent: content,
+        status: isLoading ? 'loading' : 'success'
+    });
+};
+/**
+ * 构建与 MarkdownEditor Readonly 组件对齐的 hast→React 组件映射。
+ *
+ * MarkdownEditor 的 Slate 元素使用 data-be 属性和 prefixCls 类名，
+ * 这里为原生 HTML 标签添加相同的属性，使共用的 CSS 能正确命中。
+ */ var buildEditorAlignedComponents = function buildEditorAlignedComponents(prefixCls, userComponents, streaming, linkConfig) {
+    var listCls = "".concat(prefixCls, "-list");
+    var tableCls = "".concat(prefixCls, "-content-table");
+    var contentCls = prefixCls; // e.g. ant-agentic-md-editor-content
+    var wrapAnimation = function wrapAnimation(children) {
+        return streaming ? jsx(AnimationText, {
+            children: children
+        }) : children;
+    };
+    return _object_spread({
+        // ================================================================
+        // Block 级别元素
+        // ================================================================
+        p: function p(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('div', _object_spread_props(_object_spread({}, rest), {
+                'data-be': 'paragraph',
+                'data-testid': 'markdown-paragraph',
+                children: wrapAnimation(children)
+            }));
+        },
+        h1: function h1(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('h1', _object_spread_props(_object_spread({}, rest), {
+                'data-be': 'head',
+                'data-testid': 'markdown-heading-1',
+                children: wrapAnimation(children)
+            }));
+        },
+        h2: function h2(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('h2', _object_spread_props(_object_spread({}, rest), {
+                'data-be': 'head',
+                'data-testid': 'markdown-heading-2',
+                children: wrapAnimation(children)
+            }));
+        },
+        h3: function h3(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('h3', _object_spread_props(_object_spread({}, rest), {
+                'data-be': 'head',
+                'data-testid': 'markdown-heading-3',
+                children: wrapAnimation(children)
+            }));
+        },
+        h4: function h4(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('h4', _object_spread_props(_object_spread({}, rest), {
+                'data-be': 'head',
+                'data-testid': 'markdown-heading-4',
+                children: wrapAnimation(children)
+            }));
+        },
+        h5: function h5(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('h5', _object_spread_props(_object_spread({}, rest), {
+                'data-be': 'head',
+                'data-testid': 'markdown-heading-5',
+                children: wrapAnimation(children)
+            }));
+        },
+        h6: function h6(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('h6', _object_spread_props(_object_spread({}, rest), {
+                'data-be': 'head',
+                'data-testid': 'markdown-heading-6',
+                children: wrapAnimation(children)
+            }));
+        },
+        blockquote: function blockquote(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('blockquote', _object_spread_props(_object_spread({}, rest), {
+                'data-be': 'blockquote',
+                'data-testid': 'markdown-blockquote',
+                children: children
+            }));
+        },
+        ul: function ul(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('div', {
+                className: "".concat(listCls, "-container"),
+                'data-be': 'list',
+                'data-testid': 'markdown-unordered-list',
+                children: jsx('ul', _object_spread_props(_object_spread({}, rest), {
+                    className: "".concat(listCls, " ul"),
+                    children: children
+                }))
+            });
+        },
+        ol: function ol(props) {
+            var _node = props.node, children = props.children, start = props.start, rest = _object_without_properties(props, [
+                "node",
+                "children",
+                "start"
+            ]);
+            return jsx('div', {
+                className: "".concat(listCls, "-container"),
+                'data-be': 'list',
+                'data-testid': 'markdown-ordered-list',
+                children: jsx('ol', _object_spread_props(_object_spread({}, rest), {
+                    className: "".concat(listCls, " ol"),
+                    start: start,
+                    children: children
+                }))
+            });
+        },
+        li: function li(props) {
+            var _node = props.node, children = props.children, className = props.className, rest = _object_without_properties(props, [
+                "node",
+                "children",
+                "className"
+            ]);
+            var isTask = className === 'task-list-item' || Array.isArray(className) && className.includes('task-list-item');
+            if (isTask) {
+                var childArray = Array.isArray(children) ? children : [
+                    children
+                ];
+                var checked = false;
+                var filteredChildren = childArray.filter(function(child) {
+                    var _child_props;
+                    if (React.isValidElement(child) && ((_child_props = child.props) === null || _child_props === void 0 ? void 0 : _child_props.type) === 'checkbox') {
+                        var _child_props1;
+                        checked = !!((_child_props1 = child.props) === null || _child_props1 === void 0 ? void 0 : _child_props1.checked);
+                        return false;
+                    }
+                    return true;
+                });
+                return jsxs('li', _object_spread_props(_object_spread({}, rest), {
+                    className: "".concat(listCls, "-item ").concat(listCls, "-task"),
+                    'data-be': 'list-item',
+                    'data-testid': 'markdown-task-item',
+                    children: [
+                        jsx('span', {
+                            className: "".concat(listCls, "-check-item"),
+                            contentEditable: false,
+                            'data-check-item': true,
+                            children: jsx(Checkbox, {
+                                checked: checked,
+                                disabled: true
+                            })
+                        })
+                    ].concat(_to_consumable_array(filteredChildren))
+                }));
+            }
+            return jsx('li', _object_spread_props(_object_spread({}, rest), {
+                className: "".concat(listCls, "-item"),
+                'data-be': 'list-item',
+                'data-testid': 'markdown-list-item',
+                children: wrapAnimation(children)
+            }));
+        },
+        table: function table(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('div', {
+                className: tableCls,
+                'data-testid': 'markdown-table',
+                children: jsx('div', {
+                    className: "".concat(tableCls, "-container"),
+                    children: jsx('table', _object_spread_props(_object_spread({}, rest), {
+                        className: "".concat(tableCls, "-readonly-table"),
+                        style: {
+                            tableLayout: 'auto',
+                            width: '100%'
+                        },
+                        children: children
+                    }))
+                })
+            });
+        },
+        thead: function thead(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('thead', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-thead',
+                children: children
+            }));
+        },
+        tbody: function tbody(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('tbody', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-tbody',
+                children: children
+            }));
+        },
+        tr: function tr(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('tr', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-tr',
+                children: children
+            }));
+        },
+        th: function th(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('th', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-th',
+                style: {
+                    whiteSpace: 'normal',
+                    maxWidth: '20%'
+                },
+                children: children
+            }));
+        },
+        td: function td(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('td', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-td',
+                style: {
+                    whiteSpace: 'normal',
+                    maxWidth: '20%'
+                },
+                children: wrapAnimation(children)
+            }));
+        },
+        // input[type=checkbox]：task list 的 checkbox（兜底，主逻辑在 li 中）
+        input: function input(props) {
+            var _node = props.node, type = props.type, checked = props.checked, disabled = props.disabled, rest = _object_without_properties(props, [
+                "node",
+                "type",
+                "checked",
+                "disabled"
+            ]);
+            if (type === 'checkbox') {
+                return jsx(Checkbox, {
+                    checked: !!checked,
+                    disabled: true,
+                    'data-testid': 'markdown-checkbox'
+                });
+            }
+            return jsx('input', _object_spread_props(_object_spread({}, rest), {
+                type: type,
+                checked: checked,
+                disabled: disabled
+            }));
+        },
+        // ================================================================
+        // Leaf 级别（行内元素）
+        // ================================================================
+        a: function a(props) {
+            var _node = props.node, href = props.href, _origOnClick = props.onClick, rest = _object_without_properties(props, [
+                "node",
+                "href",
+                "onClick"
+            ]);
+            var openInNewTab = (linkConfig === null || linkConfig === void 0 ? void 0 : linkConfig.openInNewTab) !== false;
+            return jsx('a', _object_spread_props(_object_spread({}, rest), {
+                href: href,
+                'data-be': 'text',
+                'data-url': 'url',
+                'data-testid': 'markdown-link',
+                target: openInNewTab ? '_blank' : undefined,
+                rel: openInNewTab ? 'noopener noreferrer' : undefined,
+                onClick: function onClick(e) {
+                    if (linkConfig === null || linkConfig === void 0 ? void 0 : linkConfig.onClick) {
+                        var res = linkConfig.onClick(href);
+                        if (res === false) {
+                            e.preventDefault();
+                            return;
+                        }
+                    }
+                }
+            }));
+        },
+        strong: function strong(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('strong', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-bold',
+                style: {
+                    fontWeight: 'bold'
+                },
+                children: children
+            }));
+        },
+        em: function em(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('em', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-italic',
+                style: {
+                    fontStyle: 'italic'
+                },
+                children: children
+            }));
+        },
+        del: function del(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('del', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-strikethrough',
+                children: children
+            }));
+        },
+        code: function code(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('code', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-inline-code',
+                className: "".concat(contentCls, "-inline-code"),
+                children: children
+            }));
+        },
+        mark: function mark(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('mark', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-mark',
+                style: {
+                    background: '#f59e0b',
+                    padding: '0.1em 0.2em',
+                    borderRadius: 2
+                },
+                children: children
+            }));
+        },
+        kbd: function kbd(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('kbd', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-kbd',
+                style: {
+                    padding: '0.1em 0.4em',
+                    fontSize: '0.85em',
+                    border: '1px solid var(--color-gray-border-light, #d9d9d9)',
+                    borderRadius: 3,
+                    boxShadow: '0 1px 0 var(--color-gray-border-light, #d9d9d9)',
+                    fontFamily: 'Consolas, Monaco, "Courier New", monospace'
+                },
+                children: children
+            }));
+        },
+        sub: function sub(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('sub', _object_spread_props(_object_spread({}, rest), {
+                'data-testid': 'markdown-sub',
+                children: children
+            }));
+        },
+        // ================================================================
+        // 代码块 pre > code → 路由到自定义渲染器
+        pre: function pre(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            var codeChild = Array.isArray(children) ? children[0] : children;
+            var codeProps = (codeChild === null || codeChild === void 0 ? void 0 : codeChild.props) || {};
+            var language = extractLanguageFromClassName(codeProps.className);
+            var CodeBlockComponent = userComponents.__codeBlock || userComponents.code;
+            if (CodeBlockComponent) {
+                return jsx(CodeBlockComponent, _object_spread_props(_object_spread({}, rest), {
+                    language: language,
+                    children: codeProps.children,
+                    node: _node
+                }));
+            }
+            return jsxs('pre', _object_spread_props(_object_spread({}, rest), {
+                children: [
+                    children
+                ]
+            }));
+        },
+        img: function img(props) {
+            var _node = props.node, src = props.src, alt = props.alt, width = props.width, height = props.height, _rest = _object_without_properties(props, [
+                "node",
+                "src",
+                "alt",
+                "width",
+                "height"
+            ]);
+            var imgWidth = width ? Number(width) || width : 400;
+            return jsx('div', {
+                'data-be': 'image',
+                'data-testid': 'markdown-image',
+                style: {
+                    position: 'relative',
+                    userSelect: 'none',
+                    width: '100%',
+                    maxWidth: '100%',
+                    boxSizing: 'border-box'
+                },
+                children: jsx('div', {
+                    style: {
+                        padding: 4,
+                        userSelect: 'none',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        width: '100%',
+                        maxWidth: '100%',
+                        boxSizing: 'border-box'
+                    },
+                    'data-testid': 'image-container',
+                    'data-be': 'image-container',
+                    children: jsx(Image, {
+                        src: src,
+                        alt: alt || 'image',
+                        width: imgWidth,
+                        height: height,
+                        preview: {
+                            getContainer: function getContainer() {
+                                return document.body;
+                            }
+                        },
+                        referrerPolicy: 'no-referrer',
+                        draggable: false,
+                        style: {
+                            maxWidth: '100%',
+                            height: 'auto',
+                            display: 'block'
+                        }
+                    })
+                })
+            });
+        },
+        // 视频：对齐 ReadonlyMedia 的 video 处理
+        video: function video(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('div', {
+                'data-be': 'media',
+                'data-testid': 'markdown-video',
+                style: {
+                    position: 'relative',
+                    width: '100%',
+                    maxWidth: '100%',
+                    margin: '0.5em 0'
+                },
+                children: jsx('video', _object_spread_props(_object_spread({}, rest), {
+                    controls: true,
+                    style: {
+                        maxWidth: '100%',
+                        borderRadius: 8
+                    },
+                    children: children
+                }))
+            });
+        },
+        // 音频：对齐 ReadonlyMedia 的 audio 处理
+        audio: function audio(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('div', {
+                'data-be': 'media',
+                'data-testid': 'markdown-audio',
+                style: {
+                    position: 'relative',
+                    width: '100%',
+                    margin: '0.5em 0'
+                },
+                children: jsx('audio', _object_spread_props(_object_spread({}, rest), {
+                    controls: true,
+                    style: {
+                        width: '100%'
+                    },
+                    children: children
+                }))
+            });
+        },
+        // iframe
+        iframe: function iframe(props) {
+            var _node = props.node, rest = _object_without_properties(props, [
+                "node"
+            ]);
+            return jsx('div', {
+                'data-testid': 'markdown-iframe',
+                style: {
+                    position: 'relative',
+                    width: '100%',
+                    margin: '0.5em 0'
+                },
+                children: jsx('iframe', _object_spread_props(_object_spread({}, rest), {
+                    style: {
+                        width: '100%',
+                        minHeight: 300,
+                        border: '1px solid var(--color-gray-border-light, #e8e8e8)',
+                        borderRadius: 8
+                    }
+                }))
+            });
+        },
+        hr: function hr(props) {
+            var _node = props.node, rest = _object_without_properties(props, [
+                "node"
+            ]);
+            return jsx('hr', _object_spread_props(_object_spread({}, rest), {
+                'data-be': 'hr',
+                'data-testid': 'markdown-hr'
+            }));
+        },
+        // 脚注引用 sup > a（remark-gfm 有定义时生成）
+        sup: function sup(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            return jsx('span', _object_spread_props(_object_spread({}, rest), {
+                'data-fnc': 'fnc',
+                'data-testid': 'markdown-footnote-ref',
+                className: "".concat(contentCls, "-fnc"),
+                style: {
+                    fontSize: 12,
+                    cursor: 'pointer'
+                },
+                children: children
+            }));
+        },
+        span: function span(props) {
+            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+                "node",
+                "children"
+            ]);
+            if (rest['data-fnc'] === 'fnc') {
+                return jsx('span', _object_spread_props(_object_spread({}, rest), {
+                    'data-testid': 'markdown-footnote-ref',
+                    className: "".concat(contentCls, "-fnc"),
+                    style: {
+                        fontSize: 12,
+                        cursor: 'pointer'
+                    },
+                    children: children
+                }));
+            }
+            return jsx('span', _object_spread_props(_object_spread({}, rest), {
+                children: children
+            }));
+        },
+        section: function section(props) {
+            var _node = props.node, children = props.children, className = props.className, rest = _object_without_properties(props, [
+                "node",
+                "children",
+                "className"
+            ]);
+            var isFootnotes = className === 'footnotes' || typeof (rest === null || rest === void 0 ? void 0 : rest['data-footnotes']) !== 'undefined';
+            if (isFootnotes) {
+                return jsx('div', _object_spread_props(_object_spread({}, rest), {
+                    'data-be': 'footnoteDefinition',
+                    'data-testid': 'markdown-footnote-section',
+                    style: {
+                        fontSize: 12,
+                        borderTop: '1px solid var(--color-gray-border-light, #e8e8e8)',
+                        marginTop: 16,
+                        paddingTop: 8
+                    },
+                    children: children
+                }));
+            }
+            return jsx('section', _object_spread_props(_object_spread({}, rest), {
+                className: className,
+                children: children
+            }));
+        },
+        think: ThinkBlockRendererComponent,
+        answer: function answer(props) {
+            var _node = props.node, children = props.children;
+            return jsx(Fragment, {
+                children: children
+            });
+        }
+    }, userComponents);
+};
+/**
+ * 将单个 markdown 片段转为 React 元素（内部函数）
+ */ var renderMarkdownBlock = function renderMarkdownBlock(blockContent, processor, components) {
+    if (!blockContent.trim()) return null;
+    try {
+        var mdast = processor.parse(blockContent);
+        var hast = processor.runSync(mdast);
+        return toJsxRuntime(hast, {
+            Fragment: Fragment,
+            jsx: jsx,
+            jsxs: jsxs,
+            components: components
+        });
+    } catch (unused) {
+        return null;
+    }
+};
+/**
+ * 将 markdown 按块（双换行）拆分，尊重代码围栏边界。
+ * 返回的每个块是一个独立的 markdown 片段，可单独解析。
+ */ var splitMarkdownBlocks = function splitMarkdownBlocks(content) {
+    var lines = content.split('\n');
+    var blocks = [];
+    var current = [];
+    var inFence = false;
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = lines[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var line = _step.value;
+            var trimmed = line.trimStart();
+            if (trimmed.startsWith('```') || trimmed.startsWith('~~~')) {
+                inFence = !inFence;
+            }
+            if (!inFence && line === '' && current.length > 0) {
+                var prev = current[current.length - 1];
+                if (prev === '') {
+                    blocks.push(current.join('\n'));
+                    current = [];
+                    continue;
+                }
+            }
+            current.push(line);
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    if (current.length > 0) {
+        blocks.push(current.join('\n'));
+    }
+    return blocks;
+};
+var _BLOCK_CACHE_KEY = Symbol('blockCache');
+/**
+ * 将 markdown 字符串转换为 React 元素树的 hook。
+ *
+ * 性能优化：分块缓存
+ * - markdown 按双换行拆分为独立块
+ * - 已完成的块（非最后一个）通过内容哈希缓存 React 输出
+ * - 每次更新只重新解析变化的块（通常仅最后一个）
+ * - 稳定块的 React 元素直接复用，跳过 parse → hast → jsx 全链路
+ */ /**
+ * 流式场景下，最后一个块每个字符都变化，但大部分变化只是尾部追加。
+ * 对最后一个块做节流：只在新增了换行、块级标记、或超过一定字符数时才重新解析。
+ */ var LAST_BLOCK_THROTTLE_CHARS = 20;
+var BLOCK_BOUNDARY_TRIGGERS = /[\n`|#>*\-!$[\]]/;
+var shouldReparseLastBlock = function shouldReparseLastBlock(prevSource, newSource, streaming) {
+    if (!streaming) return true;
+    if (!prevSource) return true;
+    if (newSource.length < prevSource.length) return true;
+    if (!newSource.startsWith(prevSource)) return true;
+    var added = newSource.slice(prevSource.length);
+    if (added.length >= LAST_BLOCK_THROTTLE_CHARS) return true;
+    if (BLOCK_BOUNDARY_TRIGGERS.test(added)) return true;
+    return false;
+};
+export var useMarkdownToReact = function useMarkdownToReact(content, options) {
+    var processorRef = useRef(null);
+    var blockCacheRef = useRef(new Map());
+    var lastBlockRef = useRef(null);
+    var processor = useMemo(function() {
+        var p = createHastProcessor(options === null || options === void 0 ? void 0 : options.remarkPlugins, options === null || options === void 0 ? void 0 : options.htmlConfig);
+        processorRef.current = p;
+        return p;
+    }, [
+        options === null || options === void 0 ? void 0 : options.remarkPlugins,
+        options === null || options === void 0 ? void 0 : options.htmlConfig
+    ]);
+    var prefixCls = (options === null || options === void 0 ? void 0 : options.prefixCls) || 'ant-agentic-md-editor';
+    var components = useMemo(function() {
+        var userComponents = (options === null || options === void 0 ? void 0 : options.components) || {};
+        return buildEditorAlignedComponents(prefixCls, userComponents, options === null || options === void 0 ? void 0 : options.streaming, options === null || options === void 0 ? void 0 : options.linkConfig);
+    }, [
+        prefixCls,
+        options === null || options === void 0 ? void 0 : options.components,
+        options === null || options === void 0 ? void 0 : options.streaming,
+        options === null || options === void 0 ? void 0 : options.linkConfig
+    ]);
+    return useMemo(function() {
+        if (!content) return null;
+        try {
+            var preprocessed = content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$');
+            var blocks = splitMarkdownBlocks(preprocessed);
+            if (blocks.length === 0) return null;
+            var cache = blockCacheRef.current;
+            var newCache = new Map();
+            var elements = [];
+            for(var i = 0; i < blocks.length; i++){
+                var block = blocks[i];
+                var isLast = i === blocks.length - 1;
+                // 用 index + 内容前 64 字符作 key，保持稳定性：
+                // 相同位置 + 相同内容开头 → 相同 key → React 不 unmount
+                var stableKey = "b".concat(i, "-").concat(block.slice(0, 64));
+                if (!isLast) {
+                    var cached = cache.get(block);
+                    if (cached && cached.source === block) {
+                        newCache.set(block, cached);
+                        elements.push(jsx(Fragment, {
+                            children: cached.element
+                        }, stableKey));
+                        continue;
+                    }
+                }
+                // 最后一个块：节流——仅在有意义的变化时重新解析
+                if (isLast && lastBlockRef.current) {
+                    if (!shouldReparseLastBlock(lastBlockRef.current.source, block, options === null || options === void 0 ? void 0 : options.streaming)) {
+                        newCache.set(block, {
+                            source: lastBlockRef.current.source,
+                            element: lastBlockRef.current.element
+                        });
+                        elements.push(jsx(Fragment, {
+                            children: lastBlockRef.current.element
+                        }, stableKey));
+                        continue;
+                    }
+                }
+                var element = renderMarkdownBlock(block, processor, components);
+                var entry = {
+                    source: block,
+                    element: element
+                };
+                newCache.set(block, entry);
+                if (isLast) lastBlockRef.current = entry;
+                elements.push(jsx(Fragment, {
+                    children: element
+                }, stableKey));
+            }
+            blockCacheRef.current = newCache;
+            return jsxs(Fragment, {
+                children: elements
+            });
+        } catch (error) {
+            console.error('Failed to render markdown:', error);
+            return null;
+        }
+    }, [
+        content,
+        processor,
+        components,
+        options === null || options === void 0 ? void 0 : options.streaming
+    ]);
+};
+/**
+ * 同步将 markdown 转为 React 元素（非 hook 版本，用于测试或一次性转换）
+ */ export var markdownToReactSync = function markdownToReactSync(content, components, remarkPlugins, htmlConfig) {
+    if (!content) return null;
+    try {
+        var processor = createHastProcessor(remarkPlugins, htmlConfig);
+        var preprocessed = content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$');
+        var mdast = processor.parse(preprocessed);
+        var hast = processor.runSync(mdast);
+        var userComps = components || {};
+        var allComponents = buildEditorAlignedComponents('ant-agentic-md-editor', userComps, false);
+        return toJsxRuntime(hast, {
+            Fragment: Fragment,
+            jsx: jsx,
+            jsxs: jsxs,
+            components: allComponents
+        });
+    } catch (error) {
+        console.error('Failed to render markdown:', error);
+        return null;
+    }
+};