@ant-design/agentic-ui 2.29.45 → 2.29.46

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

@@ -256,9 +256,11 @@ import { useEditorStore } from "../store";
                     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 {}"）
-                        if (jinjaTemplatePanelEnabled && e.key.length === 1 && strAfterKey.endsWith(jinjaTrigger) && setOpenJinjaTemplate && setJinjaAnchorPath) {
+                        // 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) {
                             setJinjaAnchorPath(node3[1]);
                             setTimeout(function() {
                                 return setOpenJinjaTemplate(true);

package/dist/MarkdownEditor/editor/tools/JinjaTemplatePanel/index.js

@@ -123,6 +123,7 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
         position: 'fixed'
     }), 2), position = _useState3[0], setPosition = _useState3[1];
     var domRef = useRef(null);
+    var openTimeRef = useRef(0);
     var context = React.useContext(ConfigProvider.ConfigContext);
     var prefixCls = (_ref3 = context === null || context === void 0 ? void 0 : (_context_getPrefixCls = context.getPrefixCls) === null || _context_getPrefixCls === void 0 ? void 0 : _context_getPrefixCls.call(context, 'agentic-md-editor-jinja-panel')) !== null && _ref3 !== void 0 ? _ref3 : JINJA_PANEL_PREFIX_CLS;
     var _useJinjaTemplatePanelStyle = useJinjaTemplatePanelStyle(prefixCls), wrapSSR = _useJinjaTemplatePanelStyle.wrapSSR, hashId = _useJinjaTemplatePanelStyle.hashId;
@@ -137,6 +138,10 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
     var handleClickOutside = useCallback(function(e) {
         var target = e.target;
         if (domRef.current && !domRef.current.contains(target)) {
+            // 忽略弹窗打开后短时间内的点击，避免「点击聚焦编辑器后快速输入 {}」
+            // 触发的陈旧 click 事件立即关闭弹窗
+            var elapsed = Date.now() - openTimeRef.current;
+            if (elapsed < 150) return;
             close();
         }
     }, [
@@ -196,6 +201,7 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
     useEffect(function() {
         if (!openJinjaTemplate) return;
         if (typeof window === 'undefined') return;
+        openTimeRef.current = Date.now();
         window.addEventListener('click', handleClickOutside);
         return function() {
             return window.removeEventListener('click', handleClickOutside);

package/dist/TaskList/TaskList.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TaskListProps } from './types';
+export declare const TaskList: React.MemoExoticComponent<({ items, className, expandedKeys, onExpandedKeysChange, variant, open, onOpenChange, }: TaskListProps) => any>;

package/dist/TaskList/TaskList.js

@@ -0,0 +1,210 @@
+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 } 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, useContext, useMemo } from "react";
+import { ActionIconBox } from "../Components/ActionIconBox";
+import { useRefFunction } from "../Hooks/useRefFunction";
+import { I18nContext } from "../I18n";
+import { StatusIcon } from "./components/StatusIcon";
+import { TaskListItem } from "./components/TaskListItem";
+import { COLLAPSE_TRANSITION, COLLAPSE_VARIANTS, getArrowRotation } from "./constants";
+import { useStyle } from "./style";
+var getDefaultExpandedKeys = function getDefaultExpandedKeys(items, isControlled) {
+    return isControlled ? [] : items.map(function(item) {
+        return item.key;
+    });
+};
+export var TaskList = /*#__PURE__*/ memo(function(param) {
+    var items = param.items, className = param.className, expandedKeys = param.expandedKeys, onExpandedKeysChange = param.onExpandedKeysChange, _param_variant = param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, open = param.open, onOpenChange = param.onOpenChange;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('task-list');
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var locale = useContext(I18nContext).locale;
+    var isControlled = expandedKeys !== undefined;
+    var _useMergedState = _sliced_to_array(useMergedState(getDefaultExpandedKeys(items, isControlled), {
+        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);
+    });
+    var _useMergedState1 = _sliced_to_array(useMergedState(false, {
+        value: open,
+        onChange: function onChange(val) {
+            return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(val);
+        }
+    }), 2), simpleExpanded = _useMergedState1[0], setSimpleExpanded = _useMergedState1[1];
+    var handleSimpleToggle = useRefFunction(function() {
+        setSimpleExpanded(function(prev) {
+            return !prev;
+        });
+    });
+    var _useMemo = useMemo(function() {
+        var completedCount = items.filter(function(i) {
+            return i.status === 'success';
+        }).length;
+        var loadingItem = items.find(function(i) {
+            return i.status === 'loading';
+        });
+        var hasError = items.some(function(i) {
+            return i.status === 'error';
+        });
+        var allDone = completedCount === items.length && items.length > 0;
+        var status = 'pending';
+        var text = (locale === null || locale === void 0 ? void 0 : locale['taskList.taskList']) || '任务列表';
+        if (allDone) {
+            status = 'success';
+            text = (locale === null || locale === void 0 ? void 0 : locale['taskList.taskComplete']) || '任务完成';
+        } else if (loadingItem === null || loadingItem === void 0 ? void 0 : loadingItem.title) {
+            status = 'loading';
+            var tpl = (locale === null || locale === void 0 ? void 0 : locale['taskList.taskInProgress']) || '正在进行${taskName}任务';
+            var title = loadingItem.title;
+            var taskName = typeof title === 'string' || typeof title === 'number' ? String(title) : '';
+            text = tpl.replace('${taskName}', taskName);
+        } else if (hasError) {
+            status = 'error';
+            text = (locale === null || locale === void 0 ? void 0 : locale['taskList.taskAborted']) || '任务已取消';
+        }
+        return {
+            summaryStatus: status,
+            summaryText: text,
+            progressText: "".concat(completedCount, "/").concat(items.length)
+        };
+    }, [
+        items,
+        locale
+    ]), summaryStatus = _useMemo.summaryStatus, summaryText = _useMemo.summaryText, progressText = _useMemo.progressText;
+    var renderItems = function renderItems() {
+        return 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
+            });
+        });
+    };
+    if (variant !== 'simple') {
+        return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+            className: className
+        }, renderItems()));
+    }
+    var simpleCls = "".concat(prefixCls, "-simple");
+    var simpleArrowTitle = simpleExpanded ? (locale === null || locale === void 0 ? void 0 : locale['taskList.collapse']) || '收起' : (locale === null || locale === void 0 ? void 0 : locale['taskList.expand']) || '展开';
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-wrapper"), hashId, className),
+        "data-testid": "task-list-simple-wrapper"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames(simpleCls, hashId),
+        onClick: handleSimpleToggle,
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": simpleExpanded,
+        "aria-label": simpleArrowTitle,
+        "data-testid": "task-list-simple-bar"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-status"), hashId)
+    }, /*#__PURE__*/ React.createElement(StatusIcon, {
+        status: summaryStatus,
+        prefixCls: prefixCls,
+        hashId: hashId
+    })), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-text"), hashId)
+    }, summaryText), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-progress"), hashId)
+    }, progressText), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-arrow"), hashId)
+    }, /*#__PURE__*/ React.createElement(ActionIconBox, {
+        title: simpleArrowTitle,
+        iconStyle: getArrowRotation(!simpleExpanded),
+        loading: false,
+        onClick: function onClick(e) {
+            e.stopPropagation();
+            handleSimpleToggle();
+        }
+    }, /*#__PURE__*/ React.createElement(ChevronUp, {
+        "data-testid": "task-list-simple-arrow"
+    })))), /*#__PURE__*/ React.createElement(AnimatePresence, {
+        initial: false
+    }, simpleExpanded && /*#__PURE__*/ React.createElement(motion.div, {
+        key: "simple-task-list-content",
+        variants: COLLAPSE_VARIANTS,
+        initial: "collapsed",
+        animate: "expanded",
+        exit: "collapsed",
+        transition: COLLAPSE_TRANSITION,
+        className: classNames("".concat(simpleCls, "-content"), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-list"), hashId)
+    }, renderItems())))));
+});
+TaskList.displayName = 'TaskList';

package/dist/TaskList/components/StatusIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TaskStatus } from '../types';
+interface StatusIconProps {
+    status: TaskStatus;
+    prefixCls: string;
+    hashId: string;
+}
+export declare const StatusIcon: React.FC<StatusIconProps>;
+export {};

package/dist/TaskList/components/StatusIcon.js

@@ -0,0 +1,23 @@
+import { CircleDashed, SuccessFill, X } from "@sofa-design/icons";
+import classNames from "clsx";
+import React, { memo } from "react";
+import { Loading } from "../../Components/Loading";
+import { LOADING_SIZE } from "../constants";
+export 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: classNames("".concat(prefixCls, "-status-idle"), hashId)
+        }, /*#__PURE__*/ React.createElement(CircleDashed, null)),
+        error: /*#__PURE__*/ React.createElement(X, null)
+    };
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-status"), "".concat(prefixCls, "-status-").concat(status), hashId),
+        "data-testid": "task-list-status-".concat(status)
+    }, statusMap[status]);
+});
+StatusIcon.displayName = 'StatusIcon';

package/dist/TaskList/components/TaskListItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { TaskItem } from '../types';
+interface TaskListItemProps {
+    item: TaskItem;
+    isLast: boolean;
+    prefixCls: string;
+    hashId: string;
+    expandedKeys: string[];
+    onToggle: (key: string) => void;
+}
+export declare const TaskListItem: React.FC<TaskListItemProps>;
+export {};

package/dist/TaskList/components/TaskListItem.js

@@ -0,0 +1,68 @@
+import { ChevronUp } from "@sofa-design/icons";
+import classNames from "clsx";
+import { AnimatePresence, motion } from "framer-motion";
+import React, { memo, useCallback, useContext } from "react";
+import { ActionIconBox } from "../../Components/ActionIconBox";
+import { I18nContext } from "../../I18n";
+import { COLLAPSE_TRANSITION, COLLAPSE_VARIANTS, getArrowRotation, hasTaskContent } from "../constants";
+import { StatusIcon } from "./StatusIcon";
+export 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);
+    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']) || '收起';
+    return /*#__PURE__*/ React.createElement("div", {
+        key: item.key,
+        className: classNames("".concat(prefixCls, "-thoughtChainItem"), hashId),
+        "data-testid": "task-list-thoughtChainItem"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".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: classNames("".concat(prefixCls, "-content-left"), hashId)
+    }, !isLast && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-dash-line"), hashId),
+        "data-testid": "task-list-dash-line"
+    }))), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-right"), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-top"), hashId),
+        onClick: handleToggle
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-title"), hashId)
+    }, item.title), hasContent && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-arrowContainer"), hashId),
+        "data-testid": "task-list-arrowContainer"
+    }, /*#__PURE__*/ React.createElement(ActionIconBox, {
+        title: arrowTitle,
+        iconStyle: getArrowRotation(isCollapsed),
+        loading: false
+    }, /*#__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: COLLAPSE_VARIANTS,
+        initial: "collapsed",
+        animate: "expanded",
+        exit: "collapsed",
+        transition: COLLAPSE_TRANSITION,
+        className: classNames("".concat(prefixCls, "-body"), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-content"), hashId)
+    }, item.content)))));
+});
+TaskListItem.displayName = 'TaskListItem';

package/dist/TaskList/constants.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare const LOADING_SIZE = 16;
+export declare const COLLAPSE_VARIANTS: {
+    expanded: {
+        height: string;
+        opacity: number;
+    };
+    collapsed: {
+        height: number;
+        opacity: number;
+    };
+};
+export declare const COLLAPSE_TRANSITION: {
+    height: {
+        duration: number;
+        ease: number[];
+    };
+    opacity: {
+        duration: number;
+        ease: string;
+    };
+};
+export declare const getArrowRotation: (collapsed: boolean) => React.CSSProperties;
+export declare const hasTaskContent: (content: React.ReactNode | React.ReactNode[]) => boolean;

package/dist/TaskList/constants.js

@@ -0,0 +1,38 @@
+export var LOADING_SIZE = 16;
+export var COLLAPSE_VARIANTS = {
+    expanded: {
+        height: 'auto',
+        opacity: 1
+    },
+    collapsed: {
+        height: 0,
+        opacity: 0
+    }
+};
+export var COLLAPSE_TRANSITION = {
+    height: {
+        duration: 0.26,
+        ease: [
+            0.4,
+            0,
+            0.2,
+            1
+        ]
+    },
+    opacity: {
+        duration: 0.2,
+        ease: 'linear'
+    }
+};
+export var getArrowRotation = function getArrowRotation(collapsed) {
+    return {
+        transform: collapsed ? 'rotate(0deg)' : 'rotate(180deg)',
+        transition: 'transform 0.3s ease'
+    };
+};
+export var hasTaskContent = function hasTaskContent(content) {
+    if (Array.isArray(content)) {
+        return content.length > 0;
+    }
+    return !!content;
+};

package/dist/TaskList/index.d.ts

@@ -1,50 +1,2 @@
-import React from 'react';
-type TaskStatus = 'success' | 'pending' | 'loading' | 'error';
-type TaskItem = {
-    key: string;
-    title?: React.ReactNode;
-    content: React.ReactNode | React.ReactNode[];
-    status: TaskStatus;
-};
-/**
- * TaskList 组件属性
- */
-export type TaskListProps = {
-    /** 任务列表数据 */
-    items: TaskItem[];
-    /** 自定义类名 */
-    className?: string;
-    /** 受控模式：指定当前展开的任务项 key 数组 */
-    expandedKeys?: string[];
-    /** 受控模式：展开状态变化时的回调函数 */
-    onExpandedKeysChange?: (expandedKeys: string[]) => void;
-};
-/**
- * @deprecated @since 2.30.0 请使用 TaskListProps 替代
- */
-export type ThoughtChainProps = TaskListProps;
-/**
- * TaskList 组件
- *
- * 显示任务列表，支持展开/折叠、状态管理等功能
- * 支持受控和非受控两种模式
- *
- * @example
- * ```tsx
- * // 非受控模式
- * <TaskList
- *   items={[
- *     { key: 'task1', title: '任务1', content: '内容', status: 'success' }
- *   ]}
- * />
- *
- * // 受控模式
- * <TaskList
- *   items={tasks}
- *   expandedKeys={expandedKeys}
- *   onExpandedKeysChange={setExpandedKeys}
- * />
- * ```
- */
-export declare const TaskList: React.MemoExoticComponent<({ items, className, expandedKeys, onExpandedKeysChange }: TaskListProps) => any>;
-export {};
+export { TaskList } from './TaskList';
+export type { TaskItem, TaskListProps, TaskListVariant, TaskStatus, ThoughtChainProps, } from './types';

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/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,7 @@ 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-error': {
             display: 'flex',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.45",
+  "version": "2.29.46",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",