@ant-design/agentic-ui 2.29.45 → 2.29.47

package/dist/TaskList/index.js

@@ -1,260 +1 @@
-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 _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-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 _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 _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 _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 { ChevronUp, CircleDashed, SuccessFill, X } from "@sofa-design/icons";
-import { ConfigProvider } from "antd";
-import classNames from "clsx";
-import { AnimatePresence, motion } from "framer-motion";
-import { useMergedState } from "rc-util";
-import React, { memo, useCallback, useContext, useMemo } from "react";
-import { ActionIconBox } from "../Components/ActionIconBox";
-import { Loading } from "../Components/Loading";
-import { useRefFunction } from "../Hooks/useRefFunction";
-import { I18nContext } from "../I18n";
-import { useStyle } from "./style";
-var LOADING_SIZE = 16;
-var buildClassName = function buildClassName() {
-    for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-        args[_key] = arguments[_key];
-    }
-    return classNames.apply(void 0, _to_consumable_array(args));
-};
-var hasTaskContent = function hasTaskContent(content) {
-    if (Array.isArray(content)) {
-        return content.length > 0;
-    }
-    return !!content;
-};
-var getArrowRotation = function getArrowRotation(collapsed) {
-    return {
-        transform: collapsed ? 'rotate(0deg)' : 'rotate(180deg)',
-        transition: 'transform 0.3s ease'
-    };
-};
-var StatusIcon = /*#__PURE__*/ memo(function(param) {
-    var status = param.status, prefixCls = param.prefixCls, hashId = param.hashId;
-    var statusMap = {
-        success: /*#__PURE__*/ React.createElement(SuccessFill, null),
-        loading: /*#__PURE__*/ React.createElement(Loading, {
-            size: LOADING_SIZE
-        }),
-        pending: /*#__PURE__*/ React.createElement("div", {
-            className: buildClassName("".concat(prefixCls, "-status-idle"), hashId)
-        }, /*#__PURE__*/ React.createElement(CircleDashed, null)),
-        error: /*#__PURE__*/ React.createElement(X, null)
-    };
-    return /*#__PURE__*/ React.createElement("div", {
-        className: buildClassName("".concat(prefixCls, "-status"), "".concat(prefixCls, "-status-").concat(status), hashId),
-        "data-testid": "task-list-status-".concat(status)
-    }, statusMap[status]);
-});
-StatusIcon.displayName = 'StatusIcon';
-var TaskListItem = /*#__PURE__*/ memo(function(param) {
-    var item = param.item, isLast = param.isLast, prefixCls = param.prefixCls, hashId = param.hashId, expandedKeys = param.expandedKeys, onToggle = param.onToggle;
-    var locale = useContext(I18nContext).locale;
-    var isCollapsed = !expandedKeys.includes(item.key);
-    var hasContent = hasTaskContent(item.content);
-    // 使用 useCallback 优化切换处理函数
-    var handleToggle = useCallback(function() {
-        onToggle(item.key);
-    }, [
-        item.key,
-        onToggle
-    ]);
-    var arrowTitle = isCollapsed ? (locale === null || locale === void 0 ? void 0 : locale['taskList.expand']) || '展开' : (locale === null || locale === void 0 ? void 0 : locale['taskList.collapse']) || '收起';
-    var contentVariants = useMemo(function() {
-        return {
-            expanded: {
-                height: 'auto',
-                opacity: 1
-            },
-            collapsed: {
-                height: 0,
-                opacity: 0
-            }
-        };
-    }, []);
-    var contentTransition = useMemo(function() {
-        return {
-            height: {
-                duration: 0.26,
-                ease: [
-                    0.4,
-                    0,
-                    0.2,
-                    1
-                ]
-            },
-            opacity: {
-                duration: 0.2,
-                ease: 'linear'
-            }
-        };
-    }, []);
-    return /*#__PURE__*/ React.createElement("div", {
-        key: item.key,
-        className: buildClassName("".concat(prefixCls, "-thoughtChainItem"), hashId),
-        "data-testid": "task-list-thoughtChainItem"
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: buildClassName("".concat(prefixCls, "-left"), hashId),
-        onClick: handleToggle,
-        "data-testid": "task-list-left"
-    }, /*#__PURE__*/ React.createElement(StatusIcon, {
-        status: item.status,
-        prefixCls: prefixCls,
-        hashId: hashId
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: buildClassName("".concat(prefixCls, "-content-left"), hashId)
-    }, !isLast && /*#__PURE__*/ React.createElement("div", {
-        className: buildClassName("".concat(prefixCls, "-dash-line"), hashId),
-        "data-testid": "task-list-dash-line"
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: buildClassName("".concat(prefixCls, "-right"), hashId)
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: buildClassName("".concat(prefixCls, "-top"), hashId),
-        onClick: handleToggle
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: buildClassName("".concat(prefixCls, "-title"), hashId)
-    }, item.title), hasContent && /*#__PURE__*/ React.createElement("div", {
-        className: buildClassName("".concat(prefixCls, "-arrowContainer"), hashId),
-        onClick: handleToggle,
-        "data-testid": "task-list-arrowContainer"
-    }, /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: arrowTitle,
-        iconStyle: getArrowRotation(isCollapsed),
-        loading: false,
-        onClick: handleToggle
-    }, /*#__PURE__*/ React.createElement(ChevronUp, {
-        "data-testid": "task-list-arrow"
-    })))), /*#__PURE__*/ React.createElement(AnimatePresence, {
-        initial: false
-    }, !isCollapsed && /*#__PURE__*/ React.createElement(motion.div, {
-        key: "task-content",
-        variants: contentVariants,
-        initial: "collapsed",
-        animate: "expanded",
-        exit: "collapsed",
-        transition: contentTransition,
-        className: buildClassName("".concat(prefixCls, "-body"), hashId)
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: buildClassName("".concat(prefixCls, "-content"), hashId)
-    }, item.content)))));
-});
-TaskListItem.displayName = 'TaskListItem';
-var getDefaultExpandedKeys = function getDefaultExpandedKeys(items, isControlled) {
-    return isControlled ? [] : items.map(function(item) {
-        return item.key;
-    });
-};
-/**
- * TaskList 组件
- *
- * 显示任务列表，支持展开/折叠、状态管理等功能
- * 支持受控和非受控两种模式
- *
- * @example
- * ```tsx
- * // 非受控模式
- * <TaskList
- *   items={[
- *     { key: 'task1', title: '任务1', content: '内容', status: 'success' }
- *   ]}
- * />
- *
- * // 受控模式
- * <TaskList
- *   items={tasks}
- *   expandedKeys={expandedKeys}
- *   onExpandedKeysChange={setExpandedKeys}
- * />
- * ```
- */ export var TaskList = /*#__PURE__*/ memo(function(param) {
-    var items = param.items, className = param.className, expandedKeys = param.expandedKeys, onExpandedKeysChange = param.onExpandedKeysChange;
-    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
-    var prefixCls = getPrefixCls('task-list');
-    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
-    var isControlled = expandedKeys !== undefined;
-    var defaultKeys = getDefaultExpandedKeys(items, isControlled);
-    var _useMergedState = _sliced_to_array(useMergedState(defaultKeys, {
-        value: expandedKeys,
-        onChange: onExpandedKeysChange
-    }), 2), internalExpandedKeys = _useMergedState[0], setInternalExpandedKeys = _useMergedState[1];
-    var handleToggle = useRefFunction(function(key) {
-        var currentExpanded = isControlled ? expandedKeys : internalExpandedKeys;
-        var newExpandedKeys = currentExpanded.includes(key) ? currentExpanded.filter(function(k) {
-            return k !== key;
-        }) : _to_consumable_array(currentExpanded).concat([
-            key
-        ]);
-        setInternalExpandedKeys(newExpandedKeys);
-    });
-    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-        className: className
-    }, items.map(function(item, index) {
-        return /*#__PURE__*/ React.createElement(TaskListItem, {
-            key: item.key,
-            item: item,
-            isLast: index === items.length - 1,
-            prefixCls: prefixCls,
-            hashId: hashId,
-            expandedKeys: internalExpandedKeys,
-            onToggle: handleToggle
-        });
-    })));
-});
-TaskList.displayName = 'TaskList';
+export { TaskList } from "./TaskList";

package/dist/TaskList/style.js

@@ -52,8 +52,9 @@ function _object_spread_props(target, source) {
 }
 import { useEditorStyleRegister } from "../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    var _obj;
-    return _define_property({}, token.componentCls, {
+    var componentCls = token.componentCls;
+    var _obj, _obj1;
+    return _define_property({}, componentCls, {
         '&-thoughtChainItem': {
             marginBottom: 4,
             display: 'flex',
@@ -105,27 +106,27 @@ var genStyle = function genStyle(token) {
             marginBottom: 4,
             gap: 4,
             cursor: 'pointer'
-        }, _define_property(_obj, "".concat(token.componentCls, "-titleContainer"), {
+        }, _define_property(_obj, "".concat(componentCls, "-titleContainer"), {
             paddingTop: 8,
             display: 'flex',
             alignItems: 'center'
-        }), _define_property(_obj, "".concat(token.componentCls, "-title"), {
+        }), _define_property(_obj, "".concat(componentCls, "-title"), {
             font: 'var(--font-text-h6-base)',
             marginLeft: 12,
             textAlign: 'justify',
             color: 'var(--color-gray-text-default)'
-        }), _define_property(_obj, "".concat(token.componentCls, "-loading"), {
+        }), _define_property(_obj, "".concat(componentCls, "-loading"), {
             height: 20,
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center'
-        }), _define_property(_obj, "".concat(token.componentCls, "-arrowContainer"), {
+        }), _define_property(_obj, "".concat(componentCls, "-arrowContainer"), {
             height: 20,
             lineHeight: '20px',
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center'
-        }), _define_property(_obj, "".concat(token.componentCls, "-arrow"), {
+        }), _define_property(_obj, "".concat(componentCls, "-arrow"), {
             flexShrink: 0,
             width: 16,
             height: 16,
@@ -133,7 +134,7 @@ var genStyle = function genStyle(token) {
         }), _obj),
         '&-body': _define_property({
             display: 'flex'
-        }, "".concat(token.componentCls, "-content"), {
+        }, "".concat(componentCls, "-content"), {
             font: 'var(--font-text-paragraph-sm)',
             marginLeft: 12,
             display: 'flex',
@@ -141,7 +142,63 @@ var genStyle = function genStyle(token) {
             gap: 2,
             letterSpacing: 'var(--letter-spacing-paragraph-sm, normal)',
             color: 'var(--color-gray-text-secondary)'
-        })
+        }),
+        // Simple variant - wrapper
+        '&-simple-wrapper': {
+            borderRadius: 'var(--radius-control-base, 8px)',
+            background: 'var(--color-gray-bg-page-dark, #f5f5f5)',
+            boxShadow: 'var(--shadow-control-base, none)',
+            overflow: 'hidden'
+        },
+        // Simple variant - bar
+        '&-simple': (_obj1 = {
+            display: 'flex',
+            alignItems: 'center',
+            height: 36,
+            padding: '0 12px',
+            gap: 8,
+            cursor: 'pointer',
+            userSelect: 'none',
+            transition: 'background 0.2s ease',
+            '&:hover': {
+                background: 'var(--color-gray-control-fill-active, rgba(0,0,0,0.04))'
+            }
+        }, _define_property(_obj1, "".concat(componentCls, "-simple-status"), _define_property({
+            display: 'flex',
+            alignItems: 'center',
+            flexShrink: 0
+        }, "".concat(componentCls, "-status"), {
+            height: 'auto',
+            svg: {
+                width: 14,
+                height: 14
+            }
+        })), _define_property(_obj1, "".concat(componentCls, "-simple-text"), {
+            flex: 1,
+            minWidth: 0,
+            font: 'var(--font-text-paragraph-base, 14px)',
+            letterSpacing: 'var(--letter-spacing-paragraph-base, normal)',
+            color: 'var(--color-gray-text-default, rgba(0,3,9,0.85))',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }), _define_property(_obj1, "".concat(componentCls, "-simple-progress"), {
+            flexShrink: 0,
+            font: 'var(--font-text-paragraph-sm, 12px)',
+            color: 'var(--color-gray-text-secondary, rgba(0,3,9,0.45))'
+        }), _define_property(_obj1, "".concat(componentCls, "-simple-arrow"), {
+            flexShrink: 0,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+        }), _obj1),
+        // Simple variant - expanded content
+        '&-simple-content': {
+            overflow: 'hidden'
+        },
+        '&-simple-list': {
+            padding: '4px 12px 8px'
+        }
     });
 };
 export function useStyle(prefixCls) {

package/dist/TaskList/types.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export type TaskStatus = 'success' | 'pending' | 'loading' | 'error';
+export interface TaskItem {
+    key: string;
+    title?: React.ReactNode;
+    content: React.ReactNode | React.ReactNode[];
+    status: TaskStatus;
+}
+export type TaskListVariant = 'default' | 'simple';
+export interface TaskListProps {
+    /** 任务列表数据 */
+    items: TaskItem[];
+    /** 自定义类名 */
+    className?: string;
+    /** 受控模式：指定当前展开的任务项 key 数组 */
+    expandedKeys?: string[];
+    /** 受控模式：展开状态变化时的回调函数 */
+    onExpandedKeysChange?: (expandedKeys: string[]) => void;
+    /** 组件变体，simple 模式将任务列表收起为紧凑的单行摘要 */
+    variant?: TaskListVariant;
+    /** simple 模式下摘要条是否展开（受控） */
+    open?: boolean;
+    /** simple 模式下摘要条展开状态变化回调 */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * @deprecated @since 2.30.0 请使用 TaskListProps 替代
+ */
+export type ThoughtChainProps = TaskListProps;

package/dist/TaskList/types.js

@@ -0,0 +1,3 @@
+/**
+ * @deprecated @since 2.30.0 请使用 TaskListProps 替代
+ */ export { };

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

@@ -302,7 +302,12 @@ var genStyle = function genStyle(token) {
         },
         '&-tool-container': {
             display: 'flex',
+            flexDirection: 'column',
             width: '100%',
+            maxHeight: 700,
+            overflow: 'hidden',
+            overflowY: 'auto',
+            position: 'relative',
             paddingInline: 4,
             paddingBottom: 4,
             '&-light': {
@@ -319,11 +324,26 @@ var genStyle = function genStyle(token) {
             fontWeight: 'normal',
             lineHeight: '160%',
             letterSpacing: 'normal',
-            color: '#767E8B',
-            overflow: 'hidden',
-            display: '-webkit-box',
-            WebkitLineClamp: 5,
-            WebkitBoxOrient: 'vertical'
+            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',