@ant-design/agentic-ui 2.29.46 → 2.29.48

package/dist/Bubble/AIBubble.js

@@ -368,9 +368,10 @@ var getTaskList = function getTaskList(originData) {
     }, /*#__PURE__*/ React.createElement("div", {
         style: style,
         className: clsx("".concat(prefixClass, "-bubble-container"), "".concat(prefixClass, "-bubble-container-").concat(placement), _define_property({}, "".concat(prefixClass, "-bubble-container-pure"), props.pure), hashId)
-    }, preMessageSameRole ? null : /*#__PURE__*/ React.createElement("div", {
+    }, !preMessageSameRole && (avatarDom || titleDom) ? /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "bubble-avatar-title",
         className: clsx("".concat(prefixClass, "-bubble-avatar-title"), "".concat(prefixClass, "-bubble-avatar-title-").concat(placement), "".concat(prefixClass, "-bubble-avatar-title-ai"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleAvatarTitleClassName, hashId, _define_property({}, "".concat(prefixClass, "-bubble-avatar-title-pure"), props.pure))
-    }, avatarDom, titleDom), /*#__PURE__*/ React.createElement("div", {
+    }, avatarDom, titleDom) : null, /*#__PURE__*/ React.createElement("div", {
         style: {
             display: 'flex',
             gap: 4,
@@ -383,14 +384,14 @@ var getTaskList = function getTaskList(originData) {
         style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
         className: clsx("".concat(prefixClass, "-bubble-before"), "".concat(prefixClass, "-bubble-before-").concat(placement), "".concat(prefixClass, "-bubble-before-ai"), hashId),
         "data-testid": "message-before"
-    }, contentBeforeDom) : null, /*#__PURE__*/ React.createElement("div", {
+    }, contentBeforeDom) : null, childrenDom ? /*#__PURE__*/ React.createElement("div", {
         style: _object_spread({
             minWidth: standalone ? 'min(16px,100%)' : '0px'
         }, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemContentStyle),
         className: clsx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-ai"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
         onDoubleClick: props.onDoubleClick,
         "data-testid": "message-content"
-    }, childrenDom), contentAfterDom)))));
+    }, childrenDom) : null, contentAfterDom)))));
     if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;
     return /*#__PURE__*/ React.createElement(MessagesContext.Provider, {
         value: {

package/dist/Bubble/UserBubble.js

@@ -196,18 +196,19 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         style: contentContainerStyle,
         className: clsx("".concat(prefixClass, "-bubble-container"), "".concat(prefixClass, "-bubble-container-").concat(placement), "".concat(prefixClass, "-bubble-container-user"), _define_property({}, "".concat(prefixClass, "-bubble-container-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleContainerClassName, hashId),
         "data-testid": "chat-message"
-    }, /*#__PURE__*/ React.createElement("div", {
+    }, titleDom ? /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "bubble-avatar-title",
         className: clsx("".concat(prefixClass, "-bubble-avatar-title"), "".concat(prefixClass, "-bubble-avatar-title-").concat(placement), "".concat(prefixClass, "-bubble-avatar-title-ai"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleAvatarTitleClassName, hashId, (_obj = {}, _define_property(_obj, "".concat(prefixClass, "-bubble-avatar-title-pure"), props.pure), _define_property(_obj, "".concat(prefixClass, "-bubble-avatar-title-quote"), quote === null || quote === void 0 ? void 0 : quote.quoteDescription), _obj))
-    }, titleDom), contentBeforeDom && /*#__PURE__*/ React.createElement("div", {
+    }, titleDom) : null, contentBeforeDom && /*#__PURE__*/ React.createElement("div", {
         style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
         className: clsx("".concat(prefixClass, "-bubble-before"), "".concat(prefixClass, "-bubble-before-").concat(placement), "".concat(prefixClass, "-bubble-before-user"), hashId),
         "data-testid": "message-before"
-    }, contentBeforeDom), /*#__PURE__*/ React.createElement("div", {
+    }, contentBeforeDom), childrenDom ? /*#__PURE__*/ React.createElement("div", {
         style: contentStyle,
         className: clsx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-user"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
         onDoubleClick: props.onDoubleClick,
         "data-testid": "message-content"
-    }, childrenDom), hasFileMap && /*#__PURE__*/ React.createElement("div", {
+    }, childrenDom) : null, hasFileMap && /*#__PURE__*/ React.createElement("div", {
         style: fileViewStyle,
         className: clsx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-ai"), hashId),
         "data-testid": "message-after"

package/dist/Components/LayoutHeader/types.d.ts

@@ -3,8 +3,8 @@ import type { ReactNode } from 'react';
  * 布局头部配置接口
  */
 export interface LayoutHeaderConfig {
-    /** 标题文本 */
-    title?: string;
+    /** 标题，支持文本或自定义 React 节点 */
+    title?: ReactNode;
     /** 是否显示分享按钮 */
     showShare?: boolean;
     /** 左侧是否可折叠 */

package/dist/MarkdownEditor/editor/plugins/useKeyboard.js

@@ -251,22 +251,28 @@ import { useEditorStore } from "../store";
                         return Element.isElement(n) && n.type === 'paragraph';
                     },
                     mode: 'lowest'
-                }), 1), node3 = _Editor_nodes3[0];
-                if (node3 && node3[0].children.length === 1 && !EditorUtils.isDirtLeaf(node3[0].children[0]) && (e.key === 'Backspace' || /^[^\n]$/.test(e.key))) {
-                    var str = Node.string(node3[0]) || '';
-                    var codeMatch = str.match(/^```([\w+\-#]+)$/i);
-                    if (codeMatch) {} else {
-                        var _e_nativeEvent1;
-                        var strAfterKey = str + (e.key.length === 1 ? e.key : '');
-                        // 在实际输入一个字符且补全 trigger 时打开面板，支持在文本后输入（如 "hello {}"）
-                        // IME 组合期间不触发，避免输入法选字时误触发或失效
-                        if (jinjaTemplatePanelEnabled && e.key.length === 1 && !((_e_nativeEvent1 = e.nativeEvent) === null || _e_nativeEvent1 === void 0 ? void 0 : _e_nativeEvent1.isComposing) && strAfterKey.endsWith(jinjaTrigger) && setOpenJinjaTemplate && setJinjaAnchorPath) {
+                }), 1), paraNode = _Editor_nodes3[0];
+                var node3 = paraNode;
+                if (node3) {
+                    var _e_nativeEvent1;
+                    var sel = markdownEditorRef.current.selection;
+                    // Jinja 触发：基于光标位置检测，支持在任意位置输入 {}（含两个模板中间）
+                    if (jinjaTemplatePanelEnabled && e.key.length === 1 && !((_e_nativeEvent1 = e.nativeEvent) === null || _e_nativeEvent1 === void 0 ? void 0 : _e_nativeEvent1.isComposing) && sel && Range.isCollapsed(sel) && Path.isAncestor(node3[1], sel.anchor.path) && setOpenJinjaTemplate && setJinjaAnchorPath) {
+                        var strBeforeCursor = Editor.string(markdownEditorRef.current, Editor.range(markdownEditorRef.current, Editor.start(markdownEditorRef.current, node3[1]), sel.anchor));
+                        var strAfterKeyAtCursor = strBeforeCursor + (e.key.length === 1 ? e.key : '');
+                        if (strAfterKeyAtCursor.endsWith(jinjaTrigger)) {
                             setJinjaAnchorPath(node3[1]);
                             setTimeout(function() {
                                 return setOpenJinjaTemplate(true);
                             });
                             return;
                         }
+                    }
+                }
+                if (node3 && node3[0].children.length === 1 && !EditorUtils.isDirtLeaf(node3[0].children[0]) && (e.key === 'Backspace' || /^[^\n]$/.test(e.key))) {
+                    var str = Node.string(node3[0]) || '';
+                    var codeMatch = str.match(/^```([\w+\-#]+)$/i);
+                    if (codeMatch) {} else {
                         var insertMatch = str.match(/^\/([^\n]+)?$/i);
                         if (insertMatch && !(!Path.hasPrevious(node3[1]) && Node.parent(markdownEditorRef.current, node3[1]).type === 'list-item')) {
                             setOpenInsertCompletion === null || setOpenInsertCompletion === void 0 ? void 0 : setOpenInsertCompletion(true);

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -343,6 +343,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         }, tagInputProps)
     }, /*#__PURE__*/ React.createElement("div", {
         ref: inputRef,
+        "data-testid": "markdown-input-field",
         className: classNames(baseCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), props.disabled), _define_property(_obj, "".concat(baseCls, "-skill-mode"), (_props_skillMode = props.skillMode) === null || _props_skillMode === void 0 ? void 0 : _props_skillMode.open), _define_property(_obj, "".concat(baseCls, "-typing"), false), _define_property(_obj, "".concat(baseCls, "-loading"), isLoading), _define_property(_obj, "".concat(baseCls, "-is-multi-row"), isMultiRowLayout), _define_property(_obj, "".concat(baseCls, "-enlarged"), isEnlarged), _define_property(_obj, "".concat(baseCls, "-focused"), isFocused), _define_property(_obj, "".concat(baseCls, "-has-tools-wrapper"), !!props.toolsRender), _obj)),
         style: _object_spread_props(_object_spread({}, props.style, enlargedStyle), {
             height: isEnlarged ? "".concat((_ref = (_props_enlargeable = props.enlargeable) === null || _props_enlargeable === void 0 ? void 0 : _props_enlargeable.height) !== null && _ref !== void 0 ? _ref : 980, "px") : "min(".concat(collapsedHeightPx, "px,100%)"),

package/dist/ToolUseBar/BarItem/Content.js

@@ -1,3 +1,11 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -11,6 +19,33 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -50,11 +85,23 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { Api, ChevronUp, X } from "@sofa-design/icons";
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { Api, ChevronUp, ChevronsDownUp, ChevronsUpDown, X } from "@sofa-design/icons";
 import classNames from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
-import React, { memo, useMemo } from "react";
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
+/** 内容超出此高度时自动收起 */ var CONTENT_COLLAPSE_THRESHOLD = 200;
 var ToolImageComponent = function ToolImageComponent(param) {
     var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, _param_disableAnimation = param.disableAnimation, disableAnimation = _param_disableAnimation === void 0 ? false : _param_disableAnimation;
     var toolImageWrapperClassName = useMemo(function() {
@@ -275,6 +322,9 @@ var ToolExpandComponent = function ToolExpandComponent(param) {
 export var ToolExpand = /*#__PURE__*/ memo(ToolExpandComponent);
 var ToolContentComponent = function ToolContentComponent(param) {
     var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, light = param.light, showContent = param.showContent, expanded = param.expanded, _param_disableAnimation = param.disableAnimation, disableAnimation = _param_disableAnimation === void 0 ? false : _param_disableAnimation;
+    var contentInnerRef = useRef(null);
+    var _useState = _sliced_to_array(useState(false), 2), isContentOverflowing = _useState[0], setIsContentOverflowing = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), contentExpanded = _useState1[0], setContentExpanded = _useState1[1];
     var toolContainerClassName = useMemo(function() {
         return classNames("".concat(prefixCls, "-tool-container"), hashId, _define_property({}, "".concat(prefixCls, "-tool-container-light"), light));
     }, [
@@ -282,6 +332,12 @@ var ToolContentComponent = function ToolContentComponent(param) {
         hashId,
         light
     ]);
+    var contentExpandClassName = useMemo(function() {
+        return classNames("".concat(prefixCls, "-tool-content-expand"), hashId);
+    }, [
+        prefixCls,
+        hashId
+    ]);
     // 缓存错误样式类名
     var errorClassName = useMemo(function() {
         return classNames("".concat(prefixCls, "-tool-content-error"), hashId);
@@ -330,6 +386,69 @@ var ToolContentComponent = function ToolContentComponent(param) {
         tool.content,
         contentClassName
     ]);
+    var checkOverflow = useCallback(function() {
+        var el = contentInnerRef.current;
+        if (!el) return;
+        var scrollHeight = el.scrollHeight;
+        setIsContentOverflowing(scrollHeight > CONTENT_COLLAPSE_THRESHOLD);
+    }, []);
+    useEffect(function() {
+        if (!showContent || !expanded) return;
+        checkOverflow();
+        var el = contentInnerRef.current;
+        if (!el) return;
+        var observer = new ResizeObserver(checkOverflow);
+        observer.observe(el);
+        return function() {
+            return observer.disconnect();
+        };
+    }, [
+        showContent,
+        expanded,
+        tool.content,
+        tool.errorMessage,
+        checkOverflow
+    ]);
+    var handleContentExpandToggle = useRefFunction(function() {
+        setContentExpanded(function(prev) {
+            return !prev;
+        });
+    });
+    var showContentExpandButton = showContent && expanded && isContentOverflowing;
+    var contentInnerStyle = useMemo(function() {
+        if (!showContentExpandButton) return undefined;
+        if (contentExpanded) return undefined;
+        return {
+            maxHeight: CONTENT_COLLAPSE_THRESHOLD,
+            overflow: 'hidden'
+        };
+    }, [
+        showContentExpandButton,
+        contentExpanded
+    ]);
+    var contentExpandButton = useMemo(function() {
+        if (!showContentExpandButton) return null;
+        var expandIcon = contentExpanded ? /*#__PURE__*/ React.createElement(ChevronsDownUp, null) : /*#__PURE__*/ React.createElement(ChevronsUpDown, null);
+        var expandText = contentExpanded ? '收起' : '展开';
+        return /*#__PURE__*/ React.createElement("div", {
+            className: contentExpandClassName,
+            onClick: handleContentExpandToggle,
+            "data-testid": "tool-content-expand",
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: function onKeyDown(e) {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    handleContentExpandToggle();
+                }
+            }
+        }, expandIcon, expandText);
+    }, [
+        showContentExpandButton,
+        contentExpanded,
+        contentExpandClassName,
+        handleContentExpandToggle
+    ]);
     var contentVariants = useMemo(function() {
         return {
             expanded: {
@@ -365,6 +484,10 @@ var ToolContentComponent = function ToolContentComponent(param) {
             willChange: 'height, opacity'
         };
     }, []);
+    var innerContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+        ref: contentInnerRef,
+        style: contentInnerStyle
+    }, contentDom, errorDom), contentExpandButton);
     // 禁用动画时使用简单的显示/隐藏
     if (disableAnimation) {
         return showContent && expanded ? /*#__PURE__*/ React.createElement("div", {
@@ -373,7 +496,7 @@ var ToolContentComponent = function ToolContentComponent(param) {
             style: {
                 overflow: 'hidden'
             }
-        }, contentDom, errorDom) : null;
+        }, innerContent) : null;
     }
     return /*#__PURE__*/ React.createElement(AnimatePresence, {
         initial: false,
@@ -388,7 +511,7 @@ var ToolContentComponent = function ToolContentComponent(param) {
         exit: "collapsed",
         transition: contentTransition,
         style: containerStyle
-    }, contentDom, errorDom) : null, !showContent ? /*#__PURE__*/ React.createElement("div", {
+    }, innerContent) : null, !showContent ? /*#__PURE__*/ React.createElement("div", {
         style: {
             overflow: 'hidden',
             height: 1,

package/dist/ToolUseBar/style.js

@@ -326,6 +326,25 @@ var genStyle = function genStyle(token) {
             letterSpacing: 'normal',
             color: '#767E8B'
         },
+        '&-tool-content-expand': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: 4,
+            marginTop: 8,
+            padding: '8px 16px',
+            fontSize: 'var(--font-size-base)',
+            cursor: 'pointer',
+            borderRadius: 'var(--radius-control-base)',
+            background: 'var(--color-gray-control-fill-active)',
+            color: 'var(--color-gray-text-secondary)',
+            font: 'var(--font-text-body-emphasized-sm)',
+            flexShrink: 0,
+            '&:hover': {
+                background: 'var(--color-gray-control-fill-hover)',
+                color: 'var(--color-gray-text-default)'
+            }
+        },
         '&-tool-content-error': {
             display: 'flex',
             width: '100%',

package/dist/ToolUseBarThink/index.js

@@ -89,7 +89,7 @@ import { ConfigProvider } from "antd";
 import classNames from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import { useMergedState } from "rc-util";
-import React, { memo, useContext, useEffect, useMemo } from "react";
+import React, { memo, useContext, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useRefFunction } from "../Hooks/useRefFunction";
 import { useStyle } from "./style";
 var getChevronStyle = function getChevronStyle(expanded) {
@@ -102,6 +102,7 @@ var FLOATING_ICON_STYLE = {
     fontSize: 16,
     color: 'var(--color-gray-text-light)'
 };
+/** 内容超出此高度时自动收起 */ var CONTENT_COLLAPSE_THRESHOLD = 200;
 var LOADING_ANIMATION = {
     animate: {
         '--rotate': [
@@ -196,10 +197,14 @@ var ExpandButton = function ExpandButton(param) {
 };
 var ThinkContainer = function ThinkContainer(param) {
     var thinkContent = param.thinkContent, expandedState = param.expandedState, floatingExpandedState = param.floatingExpandedState, status = param.status, light = param.light, prefixCls = param.prefixCls, hashId = param.hashId, customClassNames = param.classNames, styles = param.styles, onToggleFloatingExpand = param.onToggleFloatingExpand;
+    var contentInnerRef = useRef(null);
+    var _useState = _sliced_to_array(useState(false), 2), isContentOverflowing = _useState[0], setIsContentOverflowing = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), contentExpanded = _useState1[0], setContentExpanded = _useState1[1];
     var _obj;
     var containerClassName = buildClassName("".concat(prefixCls, "-container"), hashId, customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.container, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-container-expanded"), expandedState), _define_property(_obj, "".concat(prefixCls, "-container-loading"), status === 'loading' && !floatingExpandedState), _define_property(_obj, "".concat(prefixCls, "-container-light"), light), _define_property(_obj, "".concat(prefixCls, "-container-floating-expanded"), floatingExpandedState), _obj));
     var contentClassName = buildClassName("".concat(prefixCls, "-content"), hashId, customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.content);
     var floatingExpandClassName = buildClassName("".concat(prefixCls, "-floating-expand"), hashId, customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.floatingExpand);
+    var contentExpandClassName = buildClassName("".concat(prefixCls, "-content-expand"), hashId);
     var floatingIcon = floatingExpandedState ? /*#__PURE__*/ React.createElement(ChevronsDownUp, {
         style: FLOATING_ICON_STYLE
     }) : /*#__PURE__*/ React.createElement(ChevronsUpDown, {
@@ -207,6 +212,67 @@ var ThinkContainer = function ThinkContainer(param) {
     });
     var floatingText = floatingExpandedState ? '收起' : '展开';
     var showFloatingExpand = status === 'loading' && !light;
+    var checkOverflow = useCallback(function() {
+        var el = contentInnerRef.current;
+        if (!el) return;
+        var scrollHeight = el.scrollHeight;
+        setIsContentOverflowing(scrollHeight > CONTENT_COLLAPSE_THRESHOLD);
+    }, []);
+    useEffect(function() {
+        if (!expandedState || !thinkContent) return;
+        checkOverflow();
+        var el = contentInnerRef.current;
+        if (!el) return;
+        var observer = new ResizeObserver(checkOverflow);
+        observer.observe(el);
+        return function() {
+            return observer.disconnect();
+        };
+    }, [
+        expandedState,
+        thinkContent,
+        checkOverflow
+    ]);
+    var handleContentExpandToggle = useRefFunction(function() {
+        setContentExpanded(function(prev) {
+            return !prev;
+        });
+    });
+    var showContentExpand = expandedState && thinkContent && status !== 'loading' && isContentOverflowing;
+    var contentInnerStyle = useMemo(function() {
+        if (!showContentExpand) return undefined;
+        if (contentExpanded) return undefined;
+        return {
+            maxHeight: CONTENT_COLLAPSE_THRESHOLD,
+            overflow: 'hidden'
+        };
+    }, [
+        showContentExpand,
+        contentExpanded
+    ]);
+    var contentExpandButton = useMemo(function() {
+        if (!showContentExpand) return null;
+        var icon = contentExpanded ? /*#__PURE__*/ React.createElement(ChevronsDownUp, null) : /*#__PURE__*/ React.createElement(ChevronsUpDown, null);
+        var text = contentExpanded ? '收起' : '展开';
+        return /*#__PURE__*/ React.createElement("div", {
+            className: contentExpandClassName,
+            onClick: handleContentExpandToggle,
+            "data-testid": "tool-use-bar-think-content-expand",
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: function onKeyDown(e) {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    handleContentExpandToggle();
+                }
+            }
+        }, icon, text);
+    }, [
+        showContentExpand,
+        contentExpanded,
+        contentExpandClassName,
+        handleContentExpandToggle
+    ]);
     // 缓存容器元素
     var contentVariants = useMemo(function() {
         return {
@@ -237,6 +303,18 @@ var ThinkContainer = function ThinkContainer(param) {
             }
         };
     }, []);
+    var innerContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+        ref: contentInnerRef,
+        style: contentInnerStyle
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: contentClassName,
+        style: styles === null || styles === void 0 ? void 0 : styles.content
+    }, thinkContent)), contentExpandButton, showFloatingExpand ? /*#__PURE__*/ React.createElement("div", {
+        className: floatingExpandClassName,
+        onClick: onToggleFloatingExpand,
+        "data-testid": "tool-use-bar-think-floating-expand",
+        style: styles === null || styles === void 0 ? void 0 : styles.floatingExpand
+    }, floatingIcon, floatingText) : null);
     return /*#__PURE__*/ React.createElement(AnimatePresence, {
         initial: false,
         mode: "sync"
@@ -249,15 +327,7 @@ var ThinkContainer = function ThinkContainer(param) {
         transition: contentTransition,
         className: containerClassName,
         "data-testid": "tool-use-bar-think-container"
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: contentClassName,
-        style: styles === null || styles === void 0 ? void 0 : styles.content
-    }, thinkContent), showFloatingExpand ? /*#__PURE__*/ React.createElement("div", {
-        className: floatingExpandClassName,
-        onClick: onToggleFloatingExpand,
-        "data-testid": "tool-use-bar-think-floating-expand",
-        style: styles === null || styles === void 0 ? void 0 : styles.floatingExpand
-    }, floatingIcon, floatingText) : null) : null, !expandedState ? /*#__PURE__*/ React.createElement("div", {
+    }, innerContent) : null, !expandedState ? /*#__PURE__*/ React.createElement("div", {
         style: {
             visibility: 'hidden',
             height: 1,

package/dist/ToolUseBarThink/style.js

@@ -319,6 +319,25 @@ var genStyle = function genStyle(token) {
                 color: 'var(--color-gray-text-light)'
             }
         },
+        '&-content-expand': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: 4,
+            marginTop: 8,
+            padding: '8px 16px',
+            fontSize: 'var(--font-size-base)',
+            cursor: 'pointer',
+            borderRadius: 'var(--radius-control-base)',
+            background: 'var(--color-gray-control-fill-active)',
+            color: 'var(--color-gray-text-secondary)',
+            font: 'var(--font-text-body-emphasized-sm)',
+            flexShrink: 0,
+            '&:hover': {
+                background: 'var(--color-gray-control-fill-hover)',
+                color: 'var(--color-gray-text-default)'
+            }
+        },
         '&-floating-expand': {
             position: 'absolute',
             bottom: '8px',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.46",
+  "version": "2.29.48",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,7 +24,6 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
-    "prepublishOnly": "father doctor && pnpm run test && pnpm run build",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",