@ant-design/agentic-ui 2.30.29 → 2.30.31

package/dist/MarkdownRenderer/streaming/useShallowMemo.js

@@ -0,0 +1,36 @@
+import { useRef } from "react";
+var shallowEqual = function shallowEqual(a, b) {
+    if (a === b) return true;
+    if (!a || !b) return false;
+    var keysA = Object.keys(a);
+    var keysB = Object.keys(b);
+    if (keysA.length !== keysB.length) return false;
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = keysA[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var key = _step.value;
+            if (a[key] !== b[key]) return false;
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return true;
+};
+export var useShallowMemo = function useShallowMemo(value) {
+    var ref = useRef(value);
+    if (!shallowEqual(ref.current, value)) {
+        ref.current = value;
+    }
+    return ref.current;
+};

package/dist/MarkdownRenderer/streaming/useStreamingMarkdownReact.js

@@ -4,6 +4,7 @@ import { JINJA_DOLLAR_PLACEHOLDER, preprocessNormalizeLeafToContainerDirective }
 import { buildEditorAlignedComponents, createHastProcessor, splitMarkdownBlocks } from "../markdownReactShared";
 import { MarkdownBlockPiece } from "./MarkdownBlockPiece";
 import { shouldResetRevisionProgress } from "./revisionPolicy";
+import { useShallowMemo } from "./useShallowMemo";
 /**
  * 流式优先的 Markdown → React：每块独立 MarkdownBlockPiece，末块 tail、其余 sealed。
  * 块 key 仅用修订代 + 下标，使「末块晋升为 sealed」时外层组件类型不变，避免子树卸载重挂。
@@ -18,14 +19,16 @@ import { shouldResetRevisionProgress } from "./revisionPolicy";
         options === null || options === void 0 ? void 0 : options.htmlConfig
     ]);
     var prefixCls = (options === null || options === void 0 ? void 0 : options.prefixCls) || 'ant-agentic-md-editor';
+    var stableComponents = useShallowMemo(options === null || options === void 0 ? void 0 : options.components);
+    var stableFncProps = useShallowMemo(options === null || options === void 0 ? void 0 : options.fncProps);
     var components = useMemo(function() {
-        return buildEditorAlignedComponents(prefixCls, (options === null || options === void 0 ? void 0 : options.components) || {}, options === null || options === void 0 ? void 0 : options.streaming, options === null || options === void 0 ? void 0 : options.linkConfig, options === null || options === void 0 ? void 0 : options.fncProps, options === null || options === void 0 ? void 0 : options.streamingParagraphAnimation, options === null || options === void 0 ? void 0 : options.eleRender);
+        return buildEditorAlignedComponents(prefixCls, stableComponents || {}, options === null || options === void 0 ? void 0 : options.streaming, options === null || options === void 0 ? void 0 : options.linkConfig, stableFncProps, options === null || options === void 0 ? void 0 : options.streamingParagraphAnimation, options === null || options === void 0 ? void 0 : options.eleRender);
     }, [
         prefixCls,
-        options === null || options === void 0 ? void 0 : options.components,
+        stableComponents,
         options === null || options === void 0 ? void 0 : options.streaming,
         options === null || options === void 0 ? void 0 : options.linkConfig,
-        options === null || options === void 0 ? void 0 : options.fncProps,
+        stableFncProps,
         options === null || options === void 0 ? void 0 : options.streamingParagraphAnimation,
         options === null || options === void 0 ? void 0 : options.eleRender
     ]);

package/dist/MarkdownRenderer/useStreaming.js

@@ -46,6 +46,21 @@ function _iterable_to_array_limit(arr, i) {
 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] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 function _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();
 }
@@ -58,6 +73,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { useCallback, useEffect, useRef, useState } from "react";
+import { INITIAL_FENCE_STATE, updateFenceStateForLine } from "./streaming/fenceTracker";
 /**
  * 流式 token 缓存类型。
  * 在流式场景中，部分 Markdown token（link、image、table 等）可能处于未闭合状态，
@@ -265,7 +281,9 @@ var getInitialCache = function getInitialCache() {
         pending: '',
         token: "text",
         processedLength: 0,
-        completeMarkdown: ''
+        completeMarkdown: '',
+        fenceState: _object_spread({}, INITIAL_FENCE_STATE),
+        currentLine: ''
     };
 };
 var getStreamingOutput = function getStreamingOutput(cache) {
@@ -273,36 +291,6 @@ var getStreamingOutput = function getStreamingOutput(cache) {
     if (cache.pending) return STREAMING_LOADING_PLACEHOLDER;
     return '';
 };
-var isInCodeBlock = function isInCodeBlock(text) {
-    var isFinalChunk = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-    var lines = text.split('\n');
-    var inFenced = false;
-    var fenceChar = '';
-    var fenceLen = 0;
-    for(var i = 0; i < lines.length; i++){
-        var line = lines[i].endsWith('\r') ? lines[i].slice(0, -1) : lines[i];
-        var match = line.match(/^(`{3,}|~{3,})(.*)$/);
-        if (match) {
-            var fence = match[1];
-            var after = match[2];
-            var char = fence[0];
-            var len = fence.length;
-            if (!inFenced) {
-                inFenced = true;
-                fenceChar = char;
-                fenceLen = len;
-            } else {
-                var isValidEnd = char === fenceChar && len >= fenceLen && /^\s*$/.test(after);
-                if (isValidEnd && (isFinalChunk || i < lines.length - 1)) {
-                    inFenced = false;
-                    fenceChar = '';
-                    fenceLen = 0;
-                }
-            }
-        }
-    }
-    return inFenced;
-};
 /** 流式 token 缓存——暂缓不完整的 link/image/table 等，避免 parser 错误解析 */ export var useStreaming = function useStreaming(input, enabled) {
     var _useState = _sliced_to_array(useState(''), 2), output = _useState[0], setOutput = _useState[1];
     var cacheRef = useRef(getInitialCache());
@@ -319,22 +307,36 @@ var isInCodeBlock = function isInCodeBlock(text) {
         var cache = cacheRef.current;
         var chunk = text.slice(cache.processedLength);
         if (!chunk) return;
+        // 非前缀重置后重建围栏状态（全量兜底，仅此处 O(n)）
+        if (cache.processedLength === 0 && text.length > 0) {
+            var existingText = cache.completeMarkdown + cache.pending;
+            if (existingText.length === 0) {
+                cache.fenceState = _object_spread({}, INITIAL_FENCE_STATE);
+                cache.currentLine = '';
+            }
+        }
         cache.processedLength += chunk.length;
-        var wasInCodeBlock = isInCodeBlock(cache.completeMarkdown + cache.pending);
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
         try {
             for(var _iterator = chunk[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                 var char = _step.value;
                 cache.pending += char;
-                var inCodeBlock = isInCodeBlock(cache.completeMarkdown + cache.pending);
-                if (inCodeBlock) {
-                    wasInCodeBlock = true;
-                    continue;
-                }
-                if (wasInCodeBlock) {
-                    wasInCodeBlock = false;
-                    commitCache(cache);
-                    continue;
+                if (char === '\n') {
+                    var prevInFenced = cache.fenceState.inFenced;
+                    cache.fenceState = updateFenceStateForLine(cache.fenceState, cache.currentLine);
+                    cache.currentLine = '';
+                    if (cache.fenceState.inFenced) {
+                        continue;
+                    }
+                    if (prevInFenced && !cache.fenceState.inFenced) {
+                        commitCache(cache);
+                        continue;
+                    }
+                } else {
+                    cache.currentLine += char;
+                    if (cache.fenceState.inFenced) {
+                        continue;
+                    }
                 }
                 if (cache.token === "text") {
                     var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;

package/dist/Plugins/chart/components/ChartContainer/ChartErrorBoundary.d.ts

@@ -290,6 +290,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'workspace.browser': string;
             'workspace.task': string;
             'workspace.file': string;
+            'workspace.fileTree': string;
             'workspace.custom': string;
             'workspace.terminalExecution': string;
             'workspace.createHtmlFile': string;
@@ -715,6 +716,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'workspace.browser': string;
             'workspace.task': string;
             'workspace.file': string;
+            'workspace.fileTree': string;
             'workspace.custom': string;
             'workspace.terminalExecution': string;
             'workspace.createHtmlFile': string;

package/dist/TaskList/TaskList.js

@@ -9,6 +9,19 @@ function _array_with_holes(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -133,17 +146,14 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
         return {
             summaryStatus: status,
             summaryText: text,
-            progressText: "".concat(completedCount, "/").concat(items.length)
+            isCancelled: hasError,
+            lastItem: items[items.length - 1]
         };
     }, [
         items,
         locale
-    ]), summaryStatus = _useMemo.summaryStatus, summaryText = _useMemo.summaryText, progressText = _useMemo.progressText;
-    var isCancelled = items.some(function(i) {
-        return i.status === 'error';
-    });
-    var renderItems = function renderItems() {
-        var visibleItems = isCancelled ? items.slice(-1) : items;
+    ]), summaryStatus = _useMemo.summaryStatus, summaryText = _useMemo.summaryText, isCancelled = _useMemo.isCancelled, lastItem = _useMemo.lastItem;
+    var renderItems = function renderItems(visibleItems) {
         return visibleItems.map(function(item, index) {
             return /*#__PURE__*/ React.createElement(TaskListItem, {
                 key: item.key,
@@ -159,10 +169,13 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
     if (variant !== 'simple') {
         return wrapSSR(/*#__PURE__*/ React.createElement("div", {
             className: className
-        }, renderItems()));
+        }, renderItems(items)));
     }
     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']) || '展开';
+    var visibleItems = simpleExpanded ? isCancelled ? items.slice(-1) : items : lastItem ? [
+        lastItem
+    ] : [];
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(simpleCls, "-wrapper"), hashId, className),
         "data-testid": "task-list-simple-wrapper"
@@ -181,10 +194,9 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
         prefixCls: prefixCls,
         hashId: hashId
     })), /*#__PURE__*/ React.createElement("div", {
+        key: summaryText,
         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,
@@ -196,10 +208,10 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
         }
     }, /*#__PURE__*/ React.createElement(ChevronUp, {
         "data-testid": "task-list-simple-arrow"
-    })))), simpleExpanded && /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(simpleCls, "-content"), hashId)
+    })))), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-content"), hashId, _define_property({}, "".concat(simpleCls, "-content-expanded"), simpleExpanded))
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(simpleCls, "-list"), hashId)
-    }, renderItems()))));
+    }, renderItems(visibleItems)))));
 });
 TaskList.displayName = 'TaskList';

package/dist/TaskList/constants.d.ts

@@ -17,7 +17,7 @@ export declare const COLLAPSE_TRANSITION: {
     };
     opacity: {
         duration: number;
-        ease: string;
+        ease: number[];
     };
 };
 export declare const getArrowRotation: (collapsed: boolean) => React.CSSProperties;

package/dist/TaskList/constants.js

@@ -11,7 +11,7 @@ export var COLLAPSE_VARIANTS = {
 };
 export var COLLAPSE_TRANSITION = {
     height: {
-        duration: 0.26,
+        duration: 0.35,
         ease: [
             0.4,
             0,
@@ -20,14 +20,19 @@ export var COLLAPSE_TRANSITION = {
         ]
     },
     opacity: {
-        duration: 0.2,
-        ease: 'linear'
+        duration: 0.25,
+        ease: [
+            0.4,
+            0,
+            0.2,
+            1
+        ]
     }
 };
 export var getArrowRotation = function getArrowRotation(collapsed) {
     return {
         transform: collapsed ? 'rotate(0deg)' : 'rotate(180deg)',
-        transition: 'transform 0.3s ease'
+        transition: 'transform 0.35s cubic-bezier(0.4, 0, 0.2, 1)'
     };
 };
 export var hasTaskContent = function hasTaskContent(content) {

package/dist/TaskList/style.js

@@ -130,7 +130,7 @@ var genStyle = function genStyle(token) {
             flexShrink: 0,
             width: 16,
             height: 16,
-            transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)'
+            transition: 'all 0.35s cubic-bezier(0.4, 0, 0.2, 1)'
         }), _obj),
         '&-body': _define_property({
             display: 'flex'
@@ -146,8 +146,6 @@ var genStyle = function genStyle(token) {
         // 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
@@ -159,7 +157,8 @@ var genStyle = function genStyle(token) {
             gap: 8,
             cursor: 'pointer',
             userSelect: 'none',
-            transition: 'background 0.2s ease',
+            borderRadius: 'var(--radius-control-base, 8px)',
+            transition: 'background 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
             '&:hover': {
                 background: 'var(--color-gray-control-fill-active, rgba(0,0,0,0.04))'
             }
@@ -181,23 +180,42 @@ var genStyle = function genStyle(token) {
             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))'
+            whiteSpace: 'nowrap',
+            animation: 'taskTextFadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1)'
         }), _define_property(_obj1, "".concat(componentCls, "-simple-arrow"), {
             flexShrink: 0,
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center'
         }), _obj1),
-        // Simple variant - expanded content
+        // Simple variant - content area
         '&-simple-content': {
-            overflow: 'hidden'
+            display: 'grid',
+            gridTemplateRows: '0fr',
+            opacity: 0,
+            transition: 'grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+            '& > *': {
+                overflow: 'hidden'
+            },
+            '&-expanded': {
+                gridTemplateRows: '1fr',
+                opacity: 1
+            }
         },
         '&-simple-list': {
             padding: '4px 12px 8px'
+        },
+        '@keyframes taskTextFadeIn': {
+            '0%': {
+                opacity: 0,
+                filter: 'blur(4px)',
+                transform: 'translateY(2px)'
+            },
+            '100%': {
+                opacity: 1,
+                filter: 'blur(0)',
+                transform: 'translateY(0)'
+            }
         }
     });
 };

package/dist/ToolUseBarThink/index.d.ts

@@ -1,44 +1,24 @@
 import React from 'react';
-/**
- * ToolUseBarThink 组件属性
- */
 export interface ToolUseBarThinkProps {
-    /** 工具名称 */
     toolName: React.ReactNode;
-    /** 工具目标 */
     toolTarget?: React.ReactNode;
-    /** 时间显示 */
     time?: React.ReactNode;
-    /** 自定义图标 */
     icon?: React.ReactNode;
-    /** 思考内容 */
     thinkContent?: React.ReactNode;
-    /** 测试ID */
     testId?: string;
-    /** 状态 */
     status?: 'loading' | 'success' | 'error';
-    /** 是否展开 */
     expanded?: boolean;
-    /** 轻量模式 */
     light?: boolean;
-    /** 默认展开状态 */
     defaultExpanded?: boolean;
-    /** 展开状态变更回调 */
     onExpandedChange?: (expanded: boolean) => void;
-    /** 浮动展开状态 */
     floatingExpanded?: boolean;
-    /** 默认浮动展开状态 */
     defaultFloatingExpanded?: boolean;
-    /** 浮动展开状态变更回调 */
     onFloatingExpandedChange?: (floatingExpanded: boolean) => void;
-    /** 自定义类名 */
     classNames?: {
         root?: string;
         bar?: string;
         header?: string;
-        headerLeft?: string;
         imageWrapper?: string;
-        image?: string;
         name?: string;
         target?: string;
         time?: string;
@@ -47,14 +27,11 @@ export interface ToolUseBarThinkProps {
         content?: string;
         floatingExpand?: string;
     };
-    /** 自定义样式 */
     styles?: {
         root?: React.CSSProperties;
         bar?: React.CSSProperties;
         header?: React.CSSProperties;
-        headerLeft?: React.CSSProperties;
         imageWrapper?: React.CSSProperties;
-        image?: React.CSSProperties;
         name?: React.CSSProperties;
         target?: React.CSSProperties;
         time?: React.CSSProperties;