@ant-design/agentic-ui 2.30.5 → 2.30.7

package/dist/MarkdownRenderer/useMarkdownToReact.js

@@ -1,1270 +1,9 @@
-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 { parseChineseCurrencyToNumber } from "../Plugins/chart/utils";
-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);
-                if (val === '') {
-                    record[columns[j].dataIndex] = val;
-                } else {
-                    var num = Number(val);
-                    if (Number.isFinite(num)) {
-                        record[columns[j].dataIndex] = num;
-                    } else {
-                        var cn = parseChineseCurrencyToNumber(val);
-                        record[columns[j].dataIndex] = cn !== null ? cn : val;
-                    }
-                }
-            }
-        });
-        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 flat = typeof className === 'string' ? className : className.map(String).join(' ');
-    var classes = flat.split(/\s+/).filter(Boolean);
-    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 = 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, className = props.className, rest = _object_without_properties(props, [
-                "node",
-                "children",
-                "className"
-            ]);
-            var fenceLang = extractLanguageFromClassName(className);
-            return jsx('code', _object_spread_props(_object_spread({}, rest), {
-                'data-testid': fenceLang ? 'markdown-fenced-code' : 'markdown-inline-code',
-                className: fenceLang ? 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 _hastPreNode_children_, _hastPreNode_children, _hastPreNode_children__properties;
-            var hastPreNode = 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 codeHastClass = (hastPreNode === null || hastPreNode === void 0 ? void 0 : (_hastPreNode_children = hastPreNode.children) === null || _hastPreNode_children === void 0 ? void 0 : (_hastPreNode_children_ = _hastPreNode_children[0]) === null || _hastPreNode_children_ === void 0 ? void 0 : _hastPreNode_children_.type) === 'element' && hastPreNode.children[0].tagName === 'code' ? (_hastPreNode_children__properties = hastPreNode.children[0].properties) === null || _hastPreNode_children__properties === void 0 ? void 0 : _hastPreNode_children__properties.className : undefined;
-            var language = extractLanguageFromClassName(codeProps.className);
-            if (!language) {
-                language = extractLanguageFromClassName(codeHastClass);
-            }
-            var CodeBlockComponent = userComponents.__codeBlock || userComponents.code;
-            if (CodeBlockComponent) {
-                return jsx(CodeBlockComponent, _object_spread_props(_object_spread({}, rest), {
-                    language: language,
-                    children: codeProps.children,
-                    node: hastPreNode
-                }));
-            }
-            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,
-            passNode: true
-        });
-    } catch (unused) {
-        return null;
-    }
-};
-/** 流式未闭合围栏内，空行后的下一行是否仍像围栏内代码（JSON 等）延续 */ var lineLooksLikeFenceCodeContinuation = function lineLooksLikeFenceCodeContinuation(rawLine) {
-    var t = rawLine.trimStart();
-    if (!t) {
-        return true;
-    }
-    if (t.startsWith('```') || t.startsWith('~~~')) {
-        return true;
-    }
-    var c = t[0];
-    return c === '{' || c === '}' || c === '[' || c === ']' || c === '"' || c === "'" || c === '`' || c === '-' || c === ',' || c >= '0' && c <= '9';
-};
-/**
- * 将 markdown 按块（双换行）拆分，尊重代码围栏边界。
- * 返回的每个块是一个独立的 markdown 片段，可单独解析。
- *
- * 流式且围栏未闭合时，inFence 会一直为 true，段间 `\n\n` 在按行拆分时只出现一个空行，
- * 无法用「连续两个空行」检测。此时在空行处前瞻下一行：若不像围栏内代码延续则虚拟闭合围栏，
- * 使末块能变为非末块且缓存键与先前一致。
- */ var splitMarkdownBlocks = function splitMarkdownBlocks(content, streaming) {
-    var lines = content.split('\n');
-    var blocks = [];
-    var current = [];
-    var inFence = false;
-    for(var i = 0; i < lines.length; i += 1){
-        var line = lines[i];
-        var trimmed = line.trimStart();
-        if (trimmed.startsWith('```') || trimmed.startsWith('~~~')) {
-            inFence = !inFence;
-        }
-        if (streaming && inFence && line === '' && current.length > 0) {
-            var prev = current[current.length - 1];
-            var nextLine = lines[i + 1];
-            var doubleBlankInsideFence = prev === '';
-            var blankThenNonCodeLine = prev !== '' && nextLine !== undefined && nextLine.trim() !== '' && !lineLooksLikeFenceCodeContinuation(nextLine);
-            if (doubleBlankInsideFence || blankThenNonCodeLine) {
-                var body = current;
-                while(body.length > 0 && body[body.length - 1] === ''){
-                    body = body.slice(0, -1);
-                }
-                if (body.length > 0) {
-                    blocks.push(body.join('\n'));
-                }
-                current = [];
-                inFence = false;
-                continue;
-            }
-        }
-        if (!inFence && line === '' && current.length > 0) {
-            var prev1 = current[current.length - 1];
-            if (prev1 === '') {
-                blocks.push(current.join('\n'));
-                current = [];
-                continue;
-            }
-        }
-        current.push(line);
-    }
-    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 prevContentRef = useRef('');
-    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) {
-            prevContentRef.current = '';
-            return null;
-        }
-        var prevContent = prevContentRef.current;
-        if (prevContent && content !== prevContent && !content.startsWith(prevContent)) {
-            blockCacheRef.current = new Map();
-            lastBlockRef.current = null;
-        }
-        prevContentRef.current = content;
-        try {
-            var preprocessed = content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$');
-            var blocks = splitMarkdownBlocks(preprocessed, options === null || options === void 0 ? void 0 : options.streaming);
-            if (blocks.length === 0) return null;
-            var cache = blockCacheRef.current;
-            var newCache = new Map();
-            var elements = [];
-            var KEY_PREFIX_LEN = 64;
-            for(var i = 0; i < blocks.length; i++){
-                var block = blocks[i];
-                var isLast = i === blocks.length - 1;
-                // 用 index + 内容前 64 字符作 key，保持稳定性：
-                // - 末块在流式中节流时，用 lastBlockRef.source 的切片作 key，避免每次追加字符导致 key 变化
-                // - 末块变为非末块时，必须与先前 key 一致，否则 ChartBlockRenderer 等会 unmount/remount 闪烁
-                // - 因此统一用「实际展示内容」的 slice 作 key，节流时用 lastBlockRef.source
-                var contentForKey = isLast && (options === null || options === void 0 ? void 0 : options.streaming) && lastBlockRef.current && !shouldReparseLastBlock(lastBlockRef.current.source, block, options === null || options === void 0 ? void 0 : options.streaming) ? lastBlockRef.current.source.slice(0, KEY_PREFIX_LEN) : block.slice(0, KEY_PREFIX_LEN);
-                var stableKey = "b".concat(i, "-").concat(contentForKey);
-                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
-    ]);
-};
+import { buildEditorAlignedComponents, createHastProcessor } from "./markdownReactShared";
+import { useStreamingMarkdownReact } from "./streaming/useStreamingMarkdownReact";
+export var useMarkdownToReact = useStreamingMarkdownReact;
 /**
  * 同步将 markdown 转为 React 元素（非 hook 版本，用于测试或一次性转换）
  */ export var markdownToReactSync = function markdownToReactSync(content, components, remarkPlugins, htmlConfig) {
@@ -1275,7 +14,7 @@ export var useMarkdownToReact = function useMarkdownToReact(content, options) {
         var mdast = processor.parse(preprocessed);
         var hast = processor.runSync(mdast);
         var userComps = components || {};
-        var allComponents = buildEditorAlignedComponents('ant-agentic-md-editor', userComps, false);
+        var allComponents = buildEditorAlignedComponents('ant-agentic-md-editor', userComps, false, undefined, false);
         return toJsxRuntime(hast, {
             Fragment: Fragment,
             jsx: jsx,