@ant-design/agentic-ui 2.30.24 → 2.30.26

package/dist/Bubble/AIBubble.js

@@ -221,12 +221,11 @@ import { BubbleAvatar } from "./Avatar";
 import { BubbleBeforeNode } from "./BubbleBeforeNode";
 import { BubbleConfigContext } from "./BubbleConfigProvide";
 import { ContentFilemapView } from "./ContentFilemapView";
+import { extractFilemapBlocks } from "./extractFilemapBlocks";
 import { BubbleFileView } from "./FileView";
-import { BubbleMessageDisplay } from "./MessagesContent";
+import { BubbleMessageDisplay, LOADING_FLAT } from "./MessagesContent";
 import { MessagesContext } from "./MessagesContent/BubbleContext";
-import { LOADING_FLAT } from "./MessagesContent";
 import { BubbleExtra } from "./MessagesContent/BubbleExtra";
-import { extractFilemapBlocks } from "./extractFilemapBlocks";
 import { useStyle } from "./style";
 import { BubbleTitle } from "./Title";
 var AI_PLACEMENT = 'left';

package/dist/Bubble/Bubble.js

@@ -54,6 +54,7 @@ import { memo, useMemo } from "react";
 import React from "react";
 import { debugInfo } from "../Utils/debugUtils";
 import { AIBubble } from "./AIBubble";
+import { bubblePropsAreEqual } from "./bubblePropsAreEqual";
 import { useSchemaEditorBridge } from "./schema-editor";
 import { UserBubble } from "./UserBubble";
 /**
@@ -141,5 +142,5 @@ import { UserBubble } from "./UserBubble";
     return /*#__PURE__*/ React.createElement(AIBubble, _object_spread({}, bubbleProps, props.aIBubbleProps));
 };
 BubbleComponent.displayName = 'Bubble';
-// 使用 React.memo 优化性能，避免不必要的重新渲染
-export var Bubble = /*#__PURE__*/ memo(BubbleComponent);
+// 自定义比较：列表侧常传入新的 styles / avatar 对象引用；扩展 props 时同步 bubblePropsAreEqual
+export var Bubble = /*#__PURE__*/ memo(BubbleComponent, bubblePropsAreEqual);

package/dist/Bubble/List/index.js

@@ -60,6 +60,7 @@ import React from "react";
 import { LazyElement } from "../../MarkdownEditor/editor/components/LazyElement";
 import { Bubble } from "../Bubble";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
+import { shallowEqualRecord, shallowEqualStyles } from "../bubblePropsAreEqual";
 import { LOADING_FLAT } from "../MessagesContent";
 import { useStyle } from "./style";
 /**
@@ -166,17 +167,22 @@ import { useStyle } from "./style";
     var loadingKeyByIndexRef = useRef(new Map());
     // 真实 id 映射到稳定 key（过渡后沿用），避免同一条消息因 id 变化导致 remount
     var realIdToStableKeyRef = useRef(new Map());
+    /** 按列表行稳定 key 缓存合并后的 Bubble styles，避免每条消息每次父级渲染都换引用 */ var bubbleMergedStylesRef = useRef(new Map());
+    var bubbleMergedAvatarRef = useRef(new Map());
     var bubbleListDom = useMemo(function() {
         var _props_lazy;
         var isLazyEnabled = (_props_lazy = props.lazy) === null || _props_lazy === void 0 ? void 0 : _props_lazy.enable;
         var totalCount = bubbleList.length;
-        return bubbleList.map(function(item, index) {
-            var _props_bubbleRenderConfig;
+        var activeRowKeys = new Set();
+        var rows = bubbleList.map(function(item, index) {
+            var _ref;
+            var _props_lazy_shouldLazyLoad, _props_lazy, _props_bubbleRenderConfig;
             var isLast = bubbleList.length - 1 === index;
             var placement = item.role === 'user' ? 'right' : 'left';
-            // 保持向后兼容性，设置isLatest
-            item.isLatest = isLast;
-            item.isLast = isLast;
+            var originDataWithFlags = _object_spread_props(_object_spread({}, item), {
+                isLatest: isLast,
+                isLast: isLast
+            });
             var itemKey;
             if (item.id === LOADING_FLAT) {
                 var cacheKey = "".concat(index, "-").concat(item.createAt || Date.now());
@@ -198,14 +204,41 @@ import { useStyle } from "./style";
                     itemKey = realId;
                 }
             }
-            var bubbleElement = /*#__PURE__*/ React.createElement(Bubble, {
+            activeRowKeys.add(itemKey);
+            var candidateAvatar = _object_spread({}, item.role === 'user' ? userMeta : assistantMeta, item.meta);
+            var prevAvatar = bubbleMergedAvatarRef.current.get(itemKey);
+            if (!prevAvatar || !shallowEqualRecord(prevAvatar, candidateAvatar)) {
+                bubbleMergedAvatarRef.current.set(itemKey, candidateAvatar);
+            }
+            var mergedAvatar = bubbleMergedAvatarRef.current.get(itemKey);
+            var candidateStyles = _object_spread_props(_object_spread({}, styles), {
+                bubbleListItemContentStyle: _object_spread({}, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemContentStyle, placement === 'right' ? styles === null || styles === void 0 ? void 0 : styles.bubbleListRightItemContentStyle : styles === null || styles === void 0 ? void 0 : styles.bubbleListLeftItemContentStyle)
+            });
+            var prevMergedStyles = bubbleMergedStylesRef.current.get(itemKey);
+            if (!prevMergedStyles || !shallowEqualStyles(prevMergedStyles, candidateStyles)) {
+                bubbleMergedStylesRef.current.set(itemKey, candidateStyles);
+            }
+            var mergedStyles = bubbleMergedStylesRef.current.get(itemKey);
+            // LazyElement 依赖被观察元素的几何尺寸；display:contents 不产生盒子，会导致
+            // IntersectionObserver 在部分环境下永不触发，气泡永远不渲染。
+            var useLazyWrapper = !!isLazyEnabled && ((_ref = (_props_lazy = props.lazy) === null || _props_lazy === void 0 ? void 0 : (_props_lazy_shouldLazyLoad = _props_lazy.shouldLazyLoad) === null || _props_lazy_shouldLazyLoad === void 0 ? void 0 : _props_lazy_shouldLazyLoad.call(_props_lazy, index, totalCount)) !== null && _ref !== void 0 ? _ref : true);
+            var bubbleElement = /*#__PURE__*/ React.createElement("div", {
                 key: itemKey,
+                style: useLazyWrapper ? {
+                    minWidth: 0,
+                    width: '100%'
+                } : {
+                    display: 'contents'
+                },
+                "data-bubble-list-item": true,
+                "data-is-last": isLast ? 'true' : 'false'
+            }, /*#__PURE__*/ React.createElement(Bubble, {
                 "data-id": item.id,
-                avatar: _object_spread({}, item.role === 'user' ? userMeta : assistantMeta, item.meta),
+                avatar: mergedAvatar,
                 preMessage: bubbleList[index - 1],
                 id: item.id,
                 style: _object_spread({}, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemStyle),
-                originData: item,
+                originData: originDataWithFlags,
                 placement: placement,
                 time: item.updateAt || item.createAt,
                 deps: deps,
@@ -216,9 +249,7 @@ import { useStyle } from "./style";
                 bubbleRef: props.bubbleRef,
                 markdownRenderConfig: markdownRenderConfig,
                 docListProps: props.docListProps,
-                styles: _object_spread_props(_object_spread({}, styles), {
-                    bubbleListItemContentStyle: _object_spread({}, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemContentStyle, placement === 'right' ? styles === null || styles === void 0 ? void 0 : styles.bubbleListRightItemContentStyle : styles === null || styles === void 0 ? void 0 : styles.bubbleListLeftItemContentStyle)
-                }),
+                styles: mergedStyles,
                 readonly: props.readonly,
                 onReply: props.onReply,
                 onDisLike: props.onDisLike,
@@ -231,19 +262,73 @@ import { useStyle } from "./style";
                 customConfig: props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig === void 0 ? void 0 : _props_bubbleRenderConfig.customConfig,
                 shouldShowCopy: props.shouldShowCopy,
                 shouldShowVoice: props.shouldShowVoice
-            });
+            }));
+            return {
+                itemKey: itemKey,
+                bubbleElement: bubbleElement,
+                isLazyEnabled: isLazyEnabled,
+                index: index,
+                item: item,
+                totalCount: totalCount,
+                useLazyWrapper: useLazyWrapper
+            };
+        });
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = bubbleMergedStylesRef.current.keys()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var k = _step.value;
+                if (!activeRowKeys.has(k)) {
+                    bubbleMergedStylesRef.current.delete(k);
+                }
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+        try {
+            for(var _iterator1 = bubbleMergedAvatarRef.current.keys()[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                var k1 = _step1.value;
+                if (!activeRowKeys.has(k1)) {
+                    bubbleMergedAvatarRef.current.delete(k1);
+                }
+            }
+        } catch (err) {
+            _didIteratorError1 = true;
+            _iteratorError1 = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                    _iterator1.return();
+                }
+            } finally{
+                if (_didIteratorError1) {
+                    throw _iteratorError1;
+                }
+            }
+        }
+        return rows.map(function(param) {
+            var itemKey = param.itemKey, bubbleElement = param.bubbleElement, lazyOn = param.isLazyEnabled, index = param.index, item = param.item, count = param.totalCount, useLazyWrapper = param.useLazyWrapper;
             // 如果启用了懒加载，用 LazyElement 包裹
-            if (isLazyEnabled) {
-                var _ref, _ref1, _ref2;
-                var _props_lazy_shouldLazyLoad, _props_lazy, _props_lazy1, _props_lazy2, _props_lazy3;
-                // 检查是否应该对该消息启用懒加载
-                var shouldLazyLoad = (_ref = (_props_lazy = props.lazy) === null || _props_lazy === void 0 ? void 0 : (_props_lazy_shouldLazyLoad = _props_lazy.shouldLazyLoad) === null || _props_lazy_shouldLazyLoad === void 0 ? void 0 : _props_lazy_shouldLazyLoad.call(_props_lazy, index, totalCount)) !== null && _ref !== void 0 ? _ref : true;
+            if (lazyOn) {
+                var _ref, _ref1;
+                var _props_lazy, _props_lazy1, _props_lazy2;
                 // 如果不需要懒加载，直接返回元素
-                if (!shouldLazyLoad) {
+                if (!useLazyWrapper) {
                     return bubbleElement;
                 }
                 // 创建适配的 renderPlaceholder，将 role 信息添加到 elementInfo
-                var adaptedRenderPlaceholder = ((_props_lazy1 = props.lazy) === null || _props_lazy1 === void 0 ? void 0 : _props_lazy1.renderPlaceholder) ? function(lazyProps) {
+                var adaptedRenderPlaceholder = ((_props_lazy = props.lazy) === null || _props_lazy === void 0 ? void 0 : _props_lazy.renderPlaceholder) ? function(lazyProps) {
                     return props.lazy.renderPlaceholder(_object_spread_props(_object_spread({}, lazyProps), {
                         elementInfo: lazyProps.elementInfo ? _object_spread_props(_object_spread({}, lazyProps.elementInfo), {
                             role: item.role
@@ -252,13 +337,13 @@ import { useStyle } from "./style";
                 } : undefined;
                 return /*#__PURE__*/ React.createElement(LazyElement, {
                     key: itemKey,
-                    placeholderHeight: (_ref1 = (_props_lazy2 = props.lazy) === null || _props_lazy2 === void 0 ? void 0 : _props_lazy2.placeholderHeight) !== null && _ref1 !== void 0 ? _ref1 : 100,
-                    rootMargin: (_ref2 = (_props_lazy3 = props.lazy) === null || _props_lazy3 === void 0 ? void 0 : _props_lazy3.rootMargin) !== null && _ref2 !== void 0 ? _ref2 : '200px',
+                    placeholderHeight: (_ref = (_props_lazy1 = props.lazy) === null || _props_lazy1 === void 0 ? void 0 : _props_lazy1.placeholderHeight) !== null && _ref !== void 0 ? _ref : 100,
+                    rootMargin: (_ref1 = (_props_lazy2 = props.lazy) === null || _props_lazy2 === void 0 ? void 0 : _props_lazy2.rootMargin) !== null && _ref1 !== void 0 ? _ref1 : '200px',
                     renderPlaceholder: adaptedRenderPlaceholder,
                     elementInfo: {
                         type: 'bubble',
                         index: index,
-                        total: totalCount
+                        total: count
                     }
                 }, bubbleElement);
             }
@@ -266,8 +351,30 @@ import { useStyle } from "./style";
         });
     }, [
         bubbleList,
+        bubbleListRef,
+        bubbleRenderConfig,
+        classNames,
+        deps,
+        markdownRenderConfig,
+        props.bubbleRef,
+        props.docListProps,
+        props.lazy,
+        props.onAvatarClick,
+        props.onCancelLike,
+        props.onDisLike,
+        props.onDislike,
+        props.onDoubleClick,
+        props.onLike,
+        props.onLikeCancel,
+        props.onReply,
+        props.pure,
+        props.readonly,
+        props.shouldShowCopy,
+        props.shouldShowVoice,
         props.style,
-        props.lazy
+        styles,
+        userMeta,
+        assistantMeta
     ]);
     if (loading) return wrapSSR(/*#__PURE__*/ React.createElement(BubbleConfigContext.Provider, {
         value: mergedContext

package/dist/Bubble/MessagesContent/index.js

@@ -263,7 +263,7 @@ function _ts_generator(thisArg, body) {
 import { ExportOutlined } from "@ant-design/icons";
 import { ConfigProvider, Popover, Tooltip, Typography } from "antd";
 import classNames from "clsx";
-import React, { useContext, useMemo } from "react";
+import React, { useCallback, useContext, useMemo } from "react";
 import { ActionIconBox } from "../../Components/ActionIconBox";
 import { I18nContext } from "../../I18n";
 import { MarkdownEditor, useRefFunction } from "../../index";
@@ -322,7 +322,7 @@ var THINKING_DOT_INDICES = [
         "readonly",
         "contentAfterDom"
     ]);
-    var _props_originData, _props_originData1, _props_originData_extra, _props_originData2, _props_bubbleRenderConfig, _props_originData3, _props_bubbleRenderConfig1, _props_originData4, _props_originData5, _props_originData6, _props_originData7, _props_originData8, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3;
+    var _props_originData, _props_originData1, _props_originData_extra, _props_originData2, _props_bubbleRenderConfig, _props_originData3, _props_bubbleRenderConfig1, _props_originData4, _props_originData_extra1, _props_originData5, _props_customConfig_PopoverProps, _props_customConfig, _props_customConfig_PopoverProps1, _props_customConfig1, _props_customConfig2, _props_markdownRenderConfig_fncProps, _props_markdownRenderConfig, _props_markdownRenderConfig1, _props_originData6, _props_originData7, _props_originData8, _props_originData9, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3;
     /**
    * 获取聊天配置上下文
    * @type {ChatConfigContext}
@@ -340,6 +340,9 @@ var THINKING_DOT_INDICES = [
         });
         return node;
     });
+    var handleFootnoteDefinitionChange = useCallback(function(list) {
+        setNodeList(list);
+    }, []);
     var typing = useMemo(function() {
         var _props_originData, _props_originData1, _props_originData_extra, _props_originData2, _props_originData3;
         return ((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isAborted) !== true && ((_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.isFinished) === false && (props === null || props === void 0 ? void 0 : (_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : (_props_originData_extra = _props_originData2.extra) === null || _props_originData_extra === void 0 ? void 0 : _props_originData_extra.isHistory) === undefined && ((_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : _props_originData3.isFinished) !== undefined;
@@ -369,8 +372,89 @@ var THINKING_DOT_INDICES = [
         (_props_originData4 = props.originData) === null || _props_originData4 === void 0 ? void 0 : _props_originData4.isLast,
         contentAfterDom
     ]);
+    var mdReferenceRender = useCallback(function(mdProps, _) {
+        var _props_originData_extra, _props_originData, _props_customConfig_PopoverProps, _props_customConfig, _props_customConfig1, _props_customConfig_PopoverProps1, _props_customConfig2, _item_origin_text;
+        var reference_url_info_list = ((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : (_props_originData_extra = _props_originData.extra) === null || _props_originData_extra === void 0 ? void 0 : _props_originData_extra.reference_url_info_list) || [];
+        var item = reference_url_info_list.find(function(row) {
+            return row.placeholder === "[".concat(mdProps.children, "]") || row.placeholder === "[^".concat(mdProps.children, "]");
+        }) || funRender(mdProps);
+        if (!item) return;
+        if (!(item === null || item === void 0 ? void 0 : item.origin_text)) return null;
+        return /*#__PURE__*/ React.createElement(Popover, {
+            title: /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(baseChatCls, "-messages-content-popover-title"), hashId),
+                style: props === null || props === void 0 ? void 0 : (_props_customConfig = props.customConfig) === null || _props_customConfig === void 0 ? void 0 : (_props_customConfig_PopoverProps = _props_customConfig.PopoverProps) === null || _props_customConfig_PopoverProps === void 0 ? void 0 : _props_customConfig_PopoverProps.titleStyle
+            }, /*#__PURE__*/ React.createElement("div", null, (locale === null || locale === void 0 ? void 0 : locale['chat.message.referenceDocument']) || '参考文档'), (item === null || item === void 0 ? void 0 : item.origin_url) ? /*#__PURE__*/ React.createElement(ActionIconBox, {
+                title: (locale === null || locale === void 0 ? void 0 : locale['chat.message.viewOriginal']) || '查看原文',
+                tooltipProps: props === null || props === void 0 ? void 0 : (_props_customConfig1 = props.customConfig) === null || _props_customConfig1 === void 0 ? void 0 : _props_customConfig1.TooltipProps,
+                onClick: function onClick() {
+                    var _props_markdownRenderConfig_fncProps, _props_markdownRenderConfig;
+                    if ((_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : (_props_markdownRenderConfig_fncProps = _props_markdownRenderConfig.fncProps) === null || _props_markdownRenderConfig_fncProps === void 0 ? void 0 : _props_markdownRenderConfig_fncProps.onOriginUrlClick) {
+                        props.markdownRenderConfig.fncProps.onOriginUrlClick(item.origin_url);
+                        return;
+                    }
+                    window.open(item.origin_url);
+                }
+            }, /*#__PURE__*/ React.createElement(ExportOutlined, null)) : null),
+            content: /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(baseChatCls, "-messages-content-popover-content"), hashId),
+                style: props === null || props === void 0 ? void 0 : (_props_customConfig2 = props.customConfig) === null || _props_customConfig2 === void 0 ? void 0 : (_props_customConfig_PopoverProps1 = _props_customConfig2.PopoverProps) === null || _props_customConfig_PopoverProps1 === void 0 ? void 0 : _props_customConfig_PopoverProps1.contentStyle
+            }, /*#__PURE__*/ React.createElement(MarkdownEditor, {
+                style: {
+                    padding: 0,
+                    width: '100%'
+                },
+                tableConfig: {
+                    actions: {
+                        fullScreen: 'modal'
+                    }
+                },
+                readonly: true,
+                contentStyle: {
+                    padding: 0,
+                    width: '100%'
+                },
+                initValue: item === null || item === void 0 ? void 0 : (_item_origin_text = item.origin_text) === null || _item_origin_text === void 0 ? void 0 : _item_origin_text.trim()
+            }), (item === null || item === void 0 ? void 0 : item.docId) && item.doc_name ? /*#__PURE__*/ React.createElement(Tooltip, {
+                mouseEnterDelay: 0.3,
+                title: /*#__PURE__*/ React.createElement(Typography.Text, {
+                    copyable: {
+                        text: item.docId
+                    }
+                }, item.docId)
+            }, /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(baseChatCls, "-messages-content-doc-tag"), hashId)
+            }, /*#__PURE__*/ React.createElement("img", {
+                className: classNames("".concat(baseChatCls, "-messages-content-doc-tag-icon"), hashId),
+                src: 'https://mdn.alipayobjects.com/huamei_ptjqan/afts/img/A*kF_GTppRbp4AAAAAAAAAAAAADkN6AQ/original'
+            }), /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(baseChatCls, "-messages-content-doc-name"), hashId)
+            }, item === null || item === void 0 ? void 0 : item.doc_name))) : null)
+        }, _);
+    }, [
+        (_props_originData5 = props.originData) === null || _props_originData5 === void 0 ? void 0 : (_props_originData_extra1 = _props_originData5.extra) === null || _props_originData_extra1 === void 0 ? void 0 : _props_originData_extra1.reference_url_info_list,
+        funRender,
+        locale,
+        baseChatCls,
+        hashId,
+        props === null || props === void 0 ? void 0 : (_props_customConfig = props.customConfig) === null || _props_customConfig === void 0 ? void 0 : (_props_customConfig_PopoverProps = _props_customConfig.PopoverProps) === null || _props_customConfig_PopoverProps === void 0 ? void 0 : _props_customConfig_PopoverProps.titleStyle,
+        props === null || props === void 0 ? void 0 : (_props_customConfig1 = props.customConfig) === null || _props_customConfig1 === void 0 ? void 0 : (_props_customConfig_PopoverProps1 = _props_customConfig1.PopoverProps) === null || _props_customConfig_PopoverProps1 === void 0 ? void 0 : _props_customConfig_PopoverProps1.contentStyle,
+        props === null || props === void 0 ? void 0 : (_props_customConfig2 = props.customConfig) === null || _props_customConfig2 === void 0 ? void 0 : _props_customConfig2.TooltipProps,
+        (_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : (_props_markdownRenderConfig_fncProps = _props_markdownRenderConfig.fncProps) === null || _props_markdownRenderConfig_fncProps === void 0 ? void 0 : _props_markdownRenderConfig_fncProps.onOriginUrlClick
+    ]);
+    var markdownPreviewFncProps = useMemo(function() {
+        var _props_markdownRenderConfig;
+        return _object_spread({
+            render: mdReferenceRender,
+            onFootnoteDefinitionChange: handleFootnoteDefinitionChange
+        }, ((_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.fncProps) || {});
+    }, [
+        mdReferenceRender,
+        handleFootnoteDefinitionChange,
+        (_props_markdownRenderConfig1 = props.markdownRenderConfig) === null || _props_markdownRenderConfig1 === void 0 ? void 0 : _props_markdownRenderConfig1.fncProps
+    ]);
     var messageContent = useMemo(function() {
-        var _props_originData, _props_bubbleRenderConfig, _props_bubbleRenderConfig1, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3, _props_bubbleRenderConfig_extraRender, _props_bubbleRenderConfig4, _props_originData_extra_tags_includes, _props_originData_extra_tags, _props_originData_extra, _props_originData1, _props_originData2, _props_originData_extra1, _props_originData3, _props_originData_extra2, _props_originData4, _props_originData5, _props_originData_extra3, _props_originData6, _props_docListProps, _props_originData7, _props_markdownRenderConfig, _props_originData8, _props_originData_extra4, _props_originData9;
+        var _props_originData, _props_bubbleRenderConfig, _props_bubbleRenderConfig1, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3, _props_bubbleRenderConfig_extraRender, _props_bubbleRenderConfig4, _props_originData_extra_tags_includes, _props_originData_extra_tags, _props_originData_extra, _props_originData1, _props_originData2, _props_originData_extra1, _props_originData3, _props_originData_extra2, _props_originData4, _props_originData5, _props_originData_extra3, _props_originData6, _props_docListProps, _props_originData7, _props_originData8, _props_originData_extra4, _props_originData9;
         if (content === LOADING_FLAT || !((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isFinished) && !content) {
             var _context_thoughtChain;
             if ((context === null || context === void 0 ? void 0 : (_context_thoughtChain = context.thoughtChain) === null || _context_thoughtChain === void 0 ? void 0 : _context_thoughtChain.alwaysRender) !== true) {
@@ -593,72 +677,7 @@ var THINKING_DOT_INDICES = [
             isFinished: (_props_originData7 = props.originData) === null || _props_originData7 === void 0 ? void 0 : _props_originData7.isFinished,
             beforeContent: beforeContent,
             afterContent: afterContent,
-            fncProps: _object_spread({
-                render: function render(mdProps, _) {
-                    var _props_originData_extra, _props_originData, _props_customConfig_PopoverProps, _props_customConfig, _props_customConfig1, _props_customConfig_PopoverProps1, _props_customConfig2, _item_origin_text;
-                    var reference_url_info_list = ((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : (_props_originData_extra = _props_originData.extra) === null || _props_originData_extra === void 0 ? void 0 : _props_originData_extra.reference_url_info_list) || [];
-                    var item = reference_url_info_list.find(function(item) {
-                        return item.placeholder === "[".concat(mdProps.children, "]") || item.placeholder === "[^".concat(mdProps.children, "]");
-                    }) || funRender(mdProps);
-                    if (!item) return;
-                    if (!(item === null || item === void 0 ? void 0 : item.origin_text)) return null;
-                    return /*#__PURE__*/ React.createElement(Popover, {
-                        title: /*#__PURE__*/ React.createElement("div", {
-                            className: classNames("".concat(baseChatCls, "-messages-content-popover-title"), hashId),
-                            style: props === null || props === void 0 ? void 0 : (_props_customConfig = props.customConfig) === null || _props_customConfig === void 0 ? void 0 : (_props_customConfig_PopoverProps = _props_customConfig.PopoverProps) === null || _props_customConfig_PopoverProps === void 0 ? void 0 : _props_customConfig_PopoverProps.titleStyle
-                        }, /*#__PURE__*/ React.createElement("div", null, (locale === null || locale === void 0 ? void 0 : locale['chat.message.referenceDocument']) || '参考文档'), (item === null || item === void 0 ? void 0 : item.origin_url) ? /*#__PURE__*/ React.createElement(ActionIconBox, {
-                            title: (locale === null || locale === void 0 ? void 0 : locale['chat.message.viewOriginal']) || '查看原文',
-                            tooltipProps: props === null || props === void 0 ? void 0 : (_props_customConfig1 = props.customConfig) === null || _props_customConfig1 === void 0 ? void 0 : _props_customConfig1.TooltipProps,
-                            onClick: function onClick() {
-                                var _props_markdownRenderConfig_fncProps, _props_markdownRenderConfig;
-                                if ((_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : (_props_markdownRenderConfig_fncProps = _props_markdownRenderConfig.fncProps) === null || _props_markdownRenderConfig_fncProps === void 0 ? void 0 : _props_markdownRenderConfig_fncProps.onOriginUrlClick) {
-                                    var _props_markdownRenderConfig_fncProps1, _props_markdownRenderConfig1;
-                                    (_props_markdownRenderConfig1 = props.markdownRenderConfig) === null || _props_markdownRenderConfig1 === void 0 ? void 0 : (_props_markdownRenderConfig_fncProps1 = _props_markdownRenderConfig1.fncProps) === null || _props_markdownRenderConfig_fncProps1 === void 0 ? void 0 : _props_markdownRenderConfig_fncProps1.onOriginUrlClick(item.origin_url);
-                                    return;
-                                }
-                                window.open(item.origin_url);
-                            }
-                        }, /*#__PURE__*/ React.createElement(ExportOutlined, null)) : null),
-                        content: /*#__PURE__*/ React.createElement("div", {
-                            className: classNames("".concat(baseChatCls, "-messages-content-popover-content"), hashId),
-                            style: props === null || props === void 0 ? void 0 : (_props_customConfig2 = props.customConfig) === null || _props_customConfig2 === void 0 ? void 0 : (_props_customConfig_PopoverProps1 = _props_customConfig2.PopoverProps) === null || _props_customConfig_PopoverProps1 === void 0 ? void 0 : _props_customConfig_PopoverProps1.contentStyle
-                        }, /*#__PURE__*/ React.createElement(MarkdownEditor, {
-                            style: {
-                                padding: 0,
-                                width: '100%'
-                            },
-                            tableConfig: {
-                                actions: {
-                                    fullScreen: 'modal'
-                                }
-                            },
-                            readonly: true,
-                            contentStyle: {
-                                padding: 0,
-                                width: '100%'
-                            },
-                            initValue: item === null || item === void 0 ? void 0 : (_item_origin_text = item.origin_text) === null || _item_origin_text === void 0 ? void 0 : _item_origin_text.trim()
-                        }), (item === null || item === void 0 ? void 0 : item.docId) && item.doc_name ? /*#__PURE__*/ React.createElement(Tooltip, {
-                            mouseEnterDelay: 0.3,
-                            title: /*#__PURE__*/ React.createElement(Typography.Text, {
-                                copyable: {
-                                    text: item.docId
-                                }
-                            }, item.docId)
-                        }, /*#__PURE__*/ React.createElement("div", {
-                            className: classNames("".concat(baseChatCls, "-messages-content-doc-tag"), hashId)
-                        }, /*#__PURE__*/ React.createElement("img", {
-                            className: classNames("".concat(baseChatCls, "-messages-content-doc-tag-icon"), hashId),
-                            src: 'https://mdn.alipayobjects.com/huamei_ptjqan/afts/img/A*kF_GTppRbp4AAAAAAAAAAAAADkN6AQ/original'
-                        }), /*#__PURE__*/ React.createElement("div", {
-                            className: classNames("".concat(baseChatCls, "-messages-content-doc-name"), hashId)
-                        }, item === null || item === void 0 ? void 0 : item.doc_name))) : null)
-                    }, _);
-                },
-                onFootnoteDefinitionChange: function onFootnoteDefinitionChange(nodeList) {
-                    setNodeList(nodeList);
-                }
-            }, ((_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.fncProps) || {}),
+            fncProps: markdownPreviewFncProps,
             typing: typing,
             placement: props.placement,
             docListNode: docInfoDom,
@@ -669,14 +688,15 @@ var THINKING_DOT_INDICES = [
         }));
     }, [
         content,
-        props === null || props === void 0 ? void 0 : (_props_originData5 = props.originData) === null || _props_originData5 === void 0 ? void 0 : _props_originData5.feedback,
-        (_props_originData6 = props.originData) === null || _props_originData6 === void 0 ? void 0 : _props_originData6.isFinished,
-        (_props_originData7 = props.originData) === null || _props_originData7 === void 0 ? void 0 : _props_originData7.isAborted,
-        (_props_originData8 = props.originData) === null || _props_originData8 === void 0 ? void 0 : _props_originData8.isLast,
+        props === null || props === void 0 ? void 0 : (_props_originData6 = props.originData) === null || _props_originData6 === void 0 ? void 0 : _props_originData6.feedback,
+        (_props_originData7 = props.originData) === null || _props_originData7 === void 0 ? void 0 : _props_originData7.isFinished,
+        (_props_originData8 = props.originData) === null || _props_originData8 === void 0 ? void 0 : _props_originData8.isAborted,
+        (_props_originData9 = props.originData) === null || _props_originData9 === void 0 ? void 0 : _props_originData9.isLast,
         isExtraNull,
         props.deps,
         (_props_bubbleRenderConfig2 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig2 === void 0 ? void 0 : _props_bubbleRenderConfig2.beforeMessageRender,
-        (_props_bubbleRenderConfig3 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig3 === void 0 ? void 0 : _props_bubbleRenderConfig3.afterMessageRender
+        (_props_bubbleRenderConfig3 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig3 === void 0 ? void 0 : _props_bubbleRenderConfig3.afterMessageRender,
+        markdownPreviewFncProps
     ]);
     return messageContent;
 };

package/dist/Bubble/OpenAIMessageBubble/index.d.ts

@@ -1,11 +1,11 @@
+export { mapOllamaMessagesToMessageBubbleData } from './mapOllamaMessages';
 export { mapOpenAIMessagesToMessageBubbleData } from './mapOpenAIMessages';
 export { mapOpenClawMessagesToMessageBubbleData } from './mapOpenClawMessages';
-export { mapOllamaMessagesToMessageBubbleData } from './mapOllamaMessages';
-export { normalizeOpenClawMessageToOpenAI, normalizeOpenClawMessagesToOpenAI, } from './normalizeOpenClawMessages';
 export { normalizeOllamaMessageToOpenAI, normalizeOllamaMessagesToOpenAI, } from './normalizeOllamaMessages';
+export { normalizeOpenClawMessageToOpenAI, normalizeOpenClawMessagesToOpenAI, } from './normalizeOpenClawMessages';
+export type { OllamaChatMessage, OllamaMessagesMapOptions, OllamaToolCall, } from './ollamaTypes';
+export type { OpenClawChatMessage, OpenClawChatMessageToolResult, OpenClawChatMeta, OpenClawMessagesMapOptions, } from './openClawTypes';
+export type { OpenAIChatContentPart, OpenAIChatContentPartFallback, OpenAIChatMessage, OpenAIChatMessageAssistant, OpenAIChatMessageFunction, OpenAIChatMessageSystem, OpenAIChatMessageTool, OpenAIChatMessageUser, OpenAIChatRefusalPart, OpenAIChatTextPart, OpenAIMessagesMapMessage, OpenAIMessagesMapOptions, } from './types';
+export { useOllamaMessageBubbleData } from './useOllamaMessageBubbleData';
 export { useOpenAIMessageBubbleData } from './useOpenAIMessageBubbleData';
 export { useOpenClawMessageBubbleData } from './useOpenClawMessageBubbleData';
-export { useOllamaMessageBubbleData } from './useOllamaMessageBubbleData';
-export type { OpenAIChatContentPart, OpenAIChatContentPartFallback, OpenAIChatMessage, OpenAIChatMessageAssistant, OpenAIChatMessageFunction, OpenAIChatMessageSystem, OpenAIChatMessageTool, OpenAIChatMessageUser, OpenAIChatRefusalPart, OpenAIChatTextPart, OpenAIMessagesMapMessage, OpenAIMessagesMapOptions, } from './types';
-export type { OpenClawChatMessage, OpenClawChatMessageToolResult, OpenClawChatMeta, OpenClawMessagesMapOptions, } from './openClawTypes';
-export type { OllamaChatMessage, OllamaMessagesMapOptions, OllamaToolCall, } from './ollamaTypes';

package/dist/Bubble/OpenAIMessageBubble/index.js

@@ -1,8 +1,8 @@
+export { mapOllamaMessagesToMessageBubbleData } from "./mapOllamaMessages";
 export { mapOpenAIMessagesToMessageBubbleData } from "./mapOpenAIMessages";
 export { mapOpenClawMessagesToMessageBubbleData } from "./mapOpenClawMessages";
-export { mapOllamaMessagesToMessageBubbleData } from "./mapOllamaMessages";
-export { normalizeOpenClawMessageToOpenAI, normalizeOpenClawMessagesToOpenAI } from "./normalizeOpenClawMessages";
 export { normalizeOllamaMessageToOpenAI, normalizeOllamaMessagesToOpenAI } from "./normalizeOllamaMessages";
+export { normalizeOpenClawMessageToOpenAI, normalizeOpenClawMessagesToOpenAI } from "./normalizeOpenClawMessages";
+export { useOllamaMessageBubbleData } from "./useOllamaMessageBubbleData";
 export { useOpenAIMessageBubbleData } from "./useOpenAIMessageBubbleData";
 export { useOpenClawMessageBubbleData } from "./useOpenClawMessageBubbleData";
-export { useOllamaMessageBubbleData } from "./useOllamaMessageBubbleData";

package/dist/Bubble/OpenAIMessageBubble/mapOllamaMessages.d.ts

@@ -1,6 +1,6 @@
 import type { MessageBubbleData } from '../../Types/message';
-import type { OpenAIMessagesMapMessage } from './types';
 import type { OllamaChatMessage, OllamaMessagesMapOptions } from './ollamaTypes';
+import type { OpenAIMessagesMapMessage } from './types';
 /**
  * 将 Ollama `/api/chat` 的 `messages` 转为 `MessageBubbleData[]`
  */

package/dist/Bubble/OpenAIMessageBubble/mapOpenClawMessages.d.ts

@@ -1,6 +1,6 @@
 import type { MessageBubbleData } from '../../Types/message';
-import type { OpenAIMessagesMapMessage } from './types';
 import type { OpenClawChatMessage, OpenClawMessagesMapOptions } from './openClawTypes';
+import type { OpenAIMessagesMapMessage } from './types';
 /**
  * 将 OpenClaw 会话 / transcript 风格的 `messages` 转为 `MessageBubbleData[]`
  *（内部先归一化为 OpenAI 形状再复用 {@link mapOpenAIMessagesToMessageBubbleData}）。

package/dist/Bubble/OpenAIMessageBubble/normalizeOllamaMessages.d.ts

@@ -1,5 +1,5 @@
-import type { OpenAIChatMessage } from './types';
 import type { OllamaChatMessage } from './ollamaTypes';
+import type { OpenAIChatMessage } from './types';
 /**
  * 将单条 Ollama `ChatMessage` 转为 {@link OpenAIChatMessage}，供统一映射层使用。
  */

package/dist/Bubble/OpenAIMessageBubble/normalizeOpenClawMessages.d.ts

@@ -1,5 +1,5 @@
-import type { OpenAIChatMessage } from './types';
 import type { OpenClawChatMessage } from './openClawTypes';
+import type { OpenAIChatMessage } from './types';
 /**
  * 将单条 OpenClaw 风格消息转为可与 {@link mapOpenAIMessagesToMessageBubbleData} 兼容的 OpenAI 形状（`toolResult` → `tool`）。
  */

package/dist/Bubble/OpenAIMessageBubble/types.d.ts

@@ -1,5 +1,5 @@
-import type { MessageBubbleData } from '../../Types/message';
 import type { RoleType } from '../../Types/common';
+import type { MessageBubbleData } from '../../Types/message';
 /**
  * OpenAI Chat Completions 风格的多段 content（与官方结构兼容，库内自建）
  */

package/dist/Bubble/OpenAIMessageBubble/useOllamaMessageBubbleData.d.ts

@@ -1,6 +1,6 @@
 import type { MessageBubbleData } from '../../Types/message';
-import type { OpenAIMessagesMapMessage } from './types';
 import type { OllamaChatMessage, OllamaMessagesMapOptions } from './ollamaTypes';
+import type { OpenAIMessagesMapMessage } from './types';
 /**
  * 将 Ollama `/api/chat` 的 messages 转为 MessageBubbleData[]（与 {@link mapOllamaMessagesToMessageBubbleData} 一致，带 memo）。
  */

package/dist/Bubble/OpenAIMessageBubble/useOpenClawMessageBubbleData.d.ts

@@ -1,6 +1,6 @@
 import type { MessageBubbleData } from '../../Types/message';
-import type { OpenAIMessagesMapMessage } from './types';
 import type { OpenClawChatMessage, OpenClawMessagesMapOptions } from './openClawTypes';
+import type { OpenAIMessagesMapMessage } from './types';
 /**
  * 将 OpenClaw 会话 / transcript 风格的 messages 转为 MessageBubbleData[]（与 {@link mapOpenClawMessagesToMessageBubbleData} 一致，带 memo）。
  */

package/dist/Bubble/bubblePropsAreEqual.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Bubble 自定义 memo 比较（见 Bubble.tsx）。
+ *
+ * 维护约定：
+ * - 在 BubbleProps 上新增「会影响渲染」的字段时，必须在此补充比较逻辑，否则可能漏更新。
+ * - `markdownRenderConfig` / `bubbleRenderConfig` / `docListProps` / `customConfig`：按**顶层键**浅比较；
+ *   顶层值为普通对象时再浅比较一层；数组与函数仍按引用比较。父组件用 `useMemo` 稳定子对象引用更佳。
+ * - `originData`：按列出的标量与引用字段比较；`meta` 顶层浅比较；`meta.metadata` 再浅比较一层。
+ *   对 `extra` 等对象请勿原地 mutate，应替换引用，否则可能与 `extra !==` 不一致（若仅改嵌套且未换引用会漏更新）。
+ */
+import type { BubbleProps } from './type';
+export declare const shallowEqualRecord: (a: Record<string, unknown> | undefined | null, b: Record<string, unknown> | undefined | null) => boolean;
+export declare const shallowEqualStyles: (a: BubbleProps['styles'] | undefined, b: BubbleProps['styles'] | undefined) => boolean;
+/**
+ * Custom props comparator for Bubble memo.
+ * BubbleList (and callers) often pass fresh object references for styles / classNames / avatar
+ * while message data is unchanged; default shallow compare would still re-render every parent tick.
+ */
+export declare const bubblePropsAreEqual: (prev: BubbleProps & {
+    deps?: unknown[];
+}, next: BubbleProps & {
+    deps?: unknown[];
+}) => boolean;