@ant-design/agentic-ui 2.30.31 → 2.31.0

package/dist/Plugins/chart/components/ChartContainer/ChartContainer.js

@@ -65,6 +65,7 @@ function _object_without_properties_loose(source, excluded) {
 import { ConfigProvider, theme as antdTheme } from "antd";
 import classNames from "clsx";
 import React from "react";
+import { useDetectTheme } from "../../hooks";
 import { ChartDarkAntdProvidedContext, useChartDarkAntdProvided } from "./ChartDarkAntdContext";
 import ChartErrorBoundary from "./ChartErrorBoundary";
 import { useStyle } from "./style";
@@ -81,7 +82,7 @@ import { useStyle } from "./style";
  * @param {string} [props.className] - 自定义CSS类名
  * @param {React.ReactNode} props.children - 子元素
  * @param {React.CSSProperties} [props.style] - 样式对象
- * @param {'light' | 'dark'} [props.theme='light'] - 图表主题
+ * @param {'light' | 'dark'} [props.theme] - 图表主题，不传时自动检测（检测 html[data-theme='dark'] 或 CSS 变量亮度）
  * @param {boolean} [props.isMobile=false] - 是否为移动端
  * @param {object} [props.errorBoundary] - 错误边界配置
  * @param {boolean} [props.errorBoundary.enabled=true] - 是否启用错误边界
@@ -91,17 +92,24 @@ import { useStyle } from "./style";
  *
  * @example
  * ```tsx
- * // 基础使用
+ * // 基础使用（自动检测主题）
  * <ChartContainer
  *   baseClassName="area-chart-container"
  *   className="custom-chart"
- *   theme="light"
  *   isMobile={false}
  *   style={{ width: 600, height: 400 }}
  * >
  *   <div>图表内容</div>
  * </ChartContainer>
  *
+ * // 显式指定主题
+ * <ChartContainer
+ *   baseClassName="area-chart-container"
+ *   theme="dark"
+ * >
+ *   <div>图表内容</div>
+ * </ChartContainer>
+ *
  * // 自定义错误边界
  * <ChartContainer
  *   baseClassName="line-chart-container"
@@ -137,8 +145,9 @@ import { useStyle } from "./style";
  * - 内置错误边界保护，防止图表错误影响整个应用
  * - 错误边界默认启用，可通过配置禁用或自定义
  * - `theme="dark"` 时在本容器内嵌套 Ant Design 暗色算法，工具栏/筛选等 antd 控件与画布暗色一致（嵌套容器不重复包裹）
+ * - 支持自动主题检测：当 theme 未指定时，会自动检测 html[data-theme='dark'] 属性或 CSS 变量亮度判断主题
  */ var ChartContainer = function ChartContainer(_0) {
-    var baseClassName = _0.baseClassName, className = _0.className, children = _0.children, style = _0.style, classNamesProp = _0.classNames, stylesProp = _0.styles, _0_theme = _0.theme, theme = _0_theme === void 0 ? 'light' : _0_theme, _0_variant = _0.variant, variant = _0_variant === void 0 ? 'default' : _0_variant, _0_isMobile = _0.isMobile, isMobile = _0_isMobile === void 0 ? false : _0_isMobile, _0_errorBoundary = _0.errorBoundary, errorBoundary = _0_errorBoundary === void 0 ? {
+    var baseClassName = _0.baseClassName, className = _0.className, children = _0.children, style = _0.style, classNamesProp = _0.classNames, stylesProp = _0.styles, themeProp = _0.theme, _0_autoDetectTheme = _0.autoDetectTheme, autoDetectTheme = _0_autoDetectTheme === void 0 ? true : _0_autoDetectTheme, _0_variant = _0.variant, variant = _0_variant === void 0 ? 'default' : _0_variant, _0_isMobile = _0.isMobile, isMobile = _0_isMobile === void 0 ? false : _0_isMobile, _0_errorBoundary = _0.errorBoundary, errorBoundary = _0_errorBoundary === void 0 ? {
         enabled: true
     } : _0_errorBoundary, restProps = _object_without_properties(_0, [
         "baseClassName",
@@ -148,12 +157,20 @@ import { useStyle } from "./style";
         "classNames",
         "styles",
         "theme",
+        "autoDetectTheme",
         "variant",
         "isMobile",
         "errorBoundary"
     ]);
     var _useStyle = useStyle(baseClassName), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var ancestorDarkAntdProvided = useChartDarkAntdProvided();
+    // 自动检测主题：当 themeProp 未指定且 autoDetectTheme 为 true 时，自动检测
+    // 当 themeProp 已明确传入时，跳过监听以避免创建多余的 MutationObserver
+    var needDetect = autoDetectTheme && !themeProp;
+    var detectedTheme = useDetectTheme({
+        observeChanges: needDetect
+    });
+    var theme = themeProp !== null && themeProp !== void 0 ? themeProp : needDetect ? detectedTheme : 'light';
     var wrapDarkAntd = theme === 'dark' && !ancestorDarkAntdProvided;
     // 构建动态类名
     var combinedClassName = classNames(baseClassName, hashId, theme === 'light' && "".concat(baseClassName, "-light-theme"), theme === 'dark' && "".concat(baseClassName, "-dark-theme"), isMobile && "".concat(baseClassName, "-mobile"), !isMobile && "".concat(baseClassName, "-desktop"), variant === 'outline' && "".concat(baseClassName, "-outline"), variant === 'borderless' && "".concat(baseClassName, "-borderless"), className, classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.root);

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

@@ -462,6 +462,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'fileType.config': string;
             'fileType.powerpoint': string;
             'workspace.file.unsupportedPreview': string;
+            'workspace.file.unsupportedPreviewNoDownload': string;
             'workspace.file.downloadButton': string;
             'workspace.file.videoNotSupported': string;
             'workspace.file.audioNotSupported': string;
@@ -888,6 +889,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'fileType.config': string;
             'fileType.powerpoint': string;
             'workspace.file.unsupportedPreview': string;
+            'workspace.file.unsupportedPreviewNoDownload': string;
             'workspace.file.downloadButton': string;
             'workspace.file.videoNotSupported': string;
             'workspace.file.audioNotSupported': string;

package/dist/Plugins/chart/hooks/index.d.ts

@@ -7,4 +7,6 @@ export { useChartDataFilter } from './useChartDataFilter';
 export type { ChartStatisticConfig, StatisticConfigType, } from './useChartStatistic';
 export { useChartStatistics } from './useChartStatistics';
 export { useChartTheme } from './useChartTheme';
+export { useDetectTheme } from './useDetectTheme';
+export type { DetectThemeOptions } from './useDetectTheme';
 export { useResponsiveSize } from './useResponsiveSize';

package/dist/Plugins/chart/hooks/index.js

@@ -5,4 +5,5 @@
  */ export { useChartDataFilter } from "./useChartDataFilter";
 export { useChartStatistics } from "./useChartStatistics";
 export { useChartTheme } from "./useChartTheme";
+export { useDetectTheme } from "./useDetectTheme";
 export { useResponsiveSize } from "./useResponsiveSize";

package/dist/Plugins/chart/hooks/useChartTheme.d.ts

@@ -13,7 +13,7 @@
  *
  * @since 1.0.0
  */
-export declare const useChartTheme: (theme?: 'light' | 'dark') => {
+export declare const useChartTheme: (theme?: 'light' | 'dark' | undefined) => {
     isLight: boolean;
     axisTextColor: string;
     gridColor: string;

package/dist/Plugins/chart/hooks/useChartTheme.js

@@ -16,7 +16,7 @@ import { useMemo } from "react";
  */ export var useChartTheme = function useChartTheme() {
     var theme = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 'light';
     return useMemo(function() {
-        var isLight = theme === 'light';
+        var isLight = (theme !== null && theme !== void 0 ? theme : 'light') === 'light';
         var axisTextColor = isLight ? 'rgba(0, 25, 61, 0.3255)' : 'rgba(255, 255, 255, 0.8)';
         var gridColor = isLight ? 'rgba(0,0,0,0.08)' : 'rgba(255,255,255,0.2)';
         return {

package/dist/Plugins/chart/hooks/useDetectTheme.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 主题检测配置选项
+ */
+export interface DetectThemeOptions {
+    /**
+     * 用于检测主题的 CSS 变量名
+     * @default '--color-gray-bg-page'
+     */
+    cssVariable?: string;
+    /**
+     * 亮度阈值，低于此值认为是暗色主题
+     * @default 145
+     */
+    darknessThreshold?: number;
+    /**
+     * 是否监听主题变化
+     * @default true
+     */
+    observeChanges?: boolean;
+}
+/**
+ * 自动检测当前主题的 Hook（单例模式）
+ *
+ * 所有 hook 实例共享同一个 MutationObserver 和 matchMedia 监听器，
+ * 避免页面上多个图表时创建重复的 DOM 监听。
+ *
+ * 检测策略（按优先级）：
+ * 1. 检查 `html[data-theme='dark']` 属性
+ * 2. 检查指定 CSS 变量的亮度值
+ * 3. 检查 `--color-gray-bg-page` 的亮度值
+ *
+ * @param options 检测配置选项（observeChanges 为 false 时跳过监听）
+ * @returns 检测到的主题 'light' | 'dark'
+ *
+ * @example
+ * ```tsx
+ * const theme = useDetectTheme();
+ * // theme: 'light' | 'dark'
+ *
+ * // 禁用监听（仅检测一次）
+ * const theme = useDetectTheme({ observeChanges: false });
+ * ```
+ */
+export declare const useDetectTheme: (options?: DetectThemeOptions) => 'light' | 'dark';
+export default useDetectTheme;

package/dist/Plugins/chart/hooks/useDetectTheme.js

@@ -0,0 +1,249 @@
+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 _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 _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 { useSyncExternalStore } from "react";
+/**
+ * 解析颜色值为 RGB
+ */ var parseColorToRgb = function parseColorToRgb(color) {
+    var normalizedColor = color.trim().toLowerCase();
+    // 短十六进制格式 #rgb
+    var shortHexMatch = normalizedColor.match(/^#([0-9a-f]{3})$/i);
+    if (shortHexMatch) {
+        var _shortHexMatch__split_map = _sliced_to_array(shortHexMatch[1].split('').map(function(char) {
+            return Number.parseInt(char + char, 16);
+        }), 3), r = _shortHexMatch__split_map[0], g = _shortHexMatch__split_map[1], b = _shortHexMatch__split_map[2];
+        return {
+            r: r,
+            g: g,
+            b: b
+        };
+    }
+    // 标准十六进制格式 #rrggbb
+    var hexMatch = normalizedColor.match(/^#([0-9a-f]{6})$/i);
+    if (hexMatch) {
+        return {
+            r: Number.parseInt(hexMatch[1].slice(0, 2), 16),
+            g: Number.parseInt(hexMatch[1].slice(2, 4), 16),
+            b: Number.parseInt(hexMatch[1].slice(4, 6), 16)
+        };
+    }
+    // rgb/rgba 格式
+    var rgbMatch = normalizedColor.match(/^rgba?\((\d{1,3})[\s,]+(\d{1,3})[\s,]+(\d{1,3})(?:[\s,]+[\d.]+)?\)$/i);
+    if (rgbMatch) {
+        return {
+            r: Number.parseInt(rgbMatch[1], 10),
+            g: Number.parseInt(rgbMatch[2], 10),
+            b: Number.parseInt(rgbMatch[3], 10)
+        };
+    }
+    return null;
+};
+/**
+ * 计算颜色的亮度
+ * 使用加权公式：Y = 0.299*R + 0.587*G + 0.114*B
+ */ var calculateBrightness = function calculateBrightness(color) {
+    var rgb = parseColorToRgb(color);
+    if (!rgb) return null;
+    return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
+};
+/**
+ * 检测背景色是否为暗色
+ */ var isDarkBackground = function isDarkBackground(color) {
+    var threshold = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 145;
+    var brightness = calculateBrightness(color);
+    if (brightness === null) return false;
+    return brightness < threshold;
+};
+/**
+ * 检测 HTML 元素的 data-theme 属性是否为 dark
+ */ var checkDataTheme = function checkDataTheme() {
+    if (typeof document === 'undefined') return false;
+    var htmlElement = document.documentElement;
+    return htmlElement.getAttribute('data-theme') === 'dark';
+};
+/**
+ * 获取 CSS 变量的计算值
+ */ var getCSSVariableValue = function getCSSVariableValue(variableName) {
+    if (typeof window === 'undefined') return null;
+    var computedStyle = window.getComputedStyle(document.documentElement);
+    var value = computedStyle.getPropertyValue(variableName).trim();
+    return value || null;
+};
+/**
+ * 根据多种方式检测当前主题
+ */ var detectTheme = function detectTheme(cssVariable, darknessThreshold) {
+    // 1. 首先检查 html[data-theme='dark']
+    if (checkDataTheme()) {
+        return 'dark';
+    }
+    // 2. 检查 CSS 变量的亮度
+    var cssValue = getCSSVariableValue(cssVariable);
+    if (cssValue && isDarkBackground(cssValue, darknessThreshold)) {
+        return 'dark';
+    }
+    // 3. 检查背景色 CSS 变量
+    var bgColor = getCSSVariableValue('--color-gray-bg-page');
+    if (bgColor && isDarkBackground(bgColor, darknessThreshold)) {
+        return 'dark';
+    }
+    return 'light';
+};
+// --- 单例主题检测：所有 hook 实例共享一个 MutationObserver + matchMedia 监听 ---
+var listeners = [];
+var currentTheme = 'light';
+var observerRef = null;
+var mediaQueryRef = null;
+var refCount = 0;
+var DEFAULT_CSS_VARIABLE = '--color-gray-bg-page';
+var DEFAULT_DARKNESS_THRESHOLD = 145;
+function subscribeTheme(listener) {
+    listeners.push(listener);
+    refCount++;
+    // 第一个订阅者时初始化全局监听器
+    if (refCount === 1 && typeof window !== 'undefined') {
+        currentTheme = detectTheme(DEFAULT_CSS_VARIABLE, DEFAULT_DARKNESS_THRESHOLD);
+        var updateTheme = function updateTheme() {
+            var next = detectTheme(DEFAULT_CSS_VARIABLE, DEFAULT_DARKNESS_THRESHOLD);
+            if (next !== currentTheme) {
+                currentTheme = next;
+                listeners.forEach(function(fn) {
+                    return fn();
+                });
+            }
+        };
+        var htmlElement = document.documentElement;
+        observerRef = new MutationObserver(function(mutations) {
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = mutations[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var mutation = _step.value;
+                    if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') {
+                        updateTheme();
+                        break;
+                    }
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+        });
+        observerRef.observe(htmlElement, {
+            attributes: true,
+            attributeFilter: [
+                'data-theme',
+                'class',
+                'style'
+            ]
+        });
+        mediaQueryRef = window.matchMedia('(prefers-color-scheme: dark)');
+        mediaQueryRef.addEventListener('change', updateTheme);
+    }
+    return function() {
+        listeners = listeners.filter(function(fn) {
+            return fn !== listener;
+        });
+        refCount--;
+        // 最后一个订阅者取消时清理全局监听器
+        if (refCount === 0) {
+            observerRef === null || observerRef === void 0 ? void 0 : observerRef.disconnect();
+            observerRef = null;
+            if (mediaQueryRef) {
+                mediaQueryRef.removeEventListener('change', function() {});
+                mediaQueryRef = null;
+            }
+        }
+    };
+}
+function getSnapshot() {
+    return currentTheme;
+}
+function getServerSnapshot() {
+    return 'light';
+}
+/**
+ * 自动检测当前主题的 Hook（单例模式）
+ *
+ * 所有 hook 实例共享同一个 MutationObserver 和 matchMedia 监听器，
+ * 避免页面上多个图表时创建重复的 DOM 监听。
+ *
+ * 检测策略（按优先级）：
+ * 1. 检查 `html[data-theme='dark']` 属性
+ * 2. 检查指定 CSS 变量的亮度值
+ * 3. 检查 `--color-gray-bg-page` 的亮度值
+ *
+ * @param options 检测配置选项（observeChanges 为 false 时跳过监听）
+ * @returns 检测到的主题 'light' | 'dark'
+ *
+ * @example
+ * ```tsx
+ * const theme = useDetectTheme();
+ * // theme: 'light' | 'dark'
+ *
+ * // 禁用监听（仅检测一次）
+ * const theme = useDetectTheme({ observeChanges: false });
+ * ```
+ */ export var useDetectTheme = function useDetectTheme() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var _options_observeChanges = options.observeChanges, observeChanges = _options_observeChanges === void 0 ? true : _options_observeChanges;
+    // 当 observeChanges 为 false 时，只做一次性检测，不订阅变更
+    var liveTheme = useSyncExternalStore(subscribeTheme, getSnapshot, getServerSnapshot);
+    if (!observeChanges) {
+        var _options_cssVariable, _options_darknessThreshold;
+        return detectTheme((_options_cssVariable = options.cssVariable) !== null && _options_cssVariable !== void 0 ? _options_cssVariable : DEFAULT_CSS_VARIABLE, (_options_darknessThreshold = options.darknessThreshold) !== null && _options_darknessThreshold !== void 0 ? _options_darknessThreshold : DEFAULT_DARKNESS_THRESHOLD);
+    }
+    return liveTheme;
+};
+export default useDetectTheme;

package/dist/Schema/SchemaEditor/index.js

@@ -442,6 +442,7 @@ import { useStyle } from "./style";
     ]);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames(prefixCls, className, hashId),
+        "data-testid": prefixCls,
         style: {
             height: typeof height === 'number' ? "".concat(height, "px") : height
         }

package/dist/Schema/SchemaForm/index.js

@@ -452,6 +452,7 @@ import { I18nContext, compileTemplate } from "../../I18n";
         renderFormItem
     ]);
     return /*#__PURE__*/ React.createElement(Form, {
+        "data-testid": "schema-form",
         form: form,
         layout: "vertical",
         initialValues: defaultValues,

package/dist/TaskList/TaskList.js

@@ -73,7 +73,7 @@ import { ChevronUp } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "clsx";
 import { useMergedState } from "rc-util";
-import React, { memo, useContext, useMemo } from "react";
+import React, { memo, useContext, useEffect, useMemo, useState } from "react";
 import { ActionIconBox } from "../Components/ActionIconBox";
 import { useRefFunction } from "../Hooks/useRefFunction";
 import { I18nContext } from "../I18n";
@@ -81,6 +81,7 @@ import { StatusIcon } from "./components/StatusIcon";
 import { TaskListItem } from "./components/TaskListItem";
 import { getArrowRotation } from "./constants";
 import { useStyle } from "./style";
+var SIMPLE_COLLAPSE_DURATION_MS = 350;
 var getDefaultExpandedKeys = function getDefaultExpandedKeys(items, isControlled) {
     return isControlled ? [] : items.map(function(item) {
         return item.key;
@@ -112,11 +113,26 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
             return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(val);
         }
     }), 2), simpleExpanded = _useMergedState1[0], setSimpleExpanded = _useMergedState1[1];
+    var _useState = _sliced_to_array(useState(true), 2), shouldRenderContent = _useState[0], setShouldRenderContent = _useState[1];
     var handleSimpleToggle = useRefFunction(function() {
         setSimpleExpanded(function(prev) {
             return !prev;
         });
     });
+    useEffect(function() {
+        if (simpleExpanded) {
+            setShouldRenderContent(true);
+            return;
+        }
+        var timer = window.setTimeout(function() {
+            setShouldRenderContent(false);
+        }, SIMPLE_COLLAPSE_DURATION_MS);
+        return function() {
+            window.clearTimeout(timer);
+        };
+    }, [
+        simpleExpanded
+    ]);
     var _useMemo = useMemo(function() {
         var completedCount = items.filter(function(i) {
             return i.status === 'success';
@@ -168,7 +184,8 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
     };
     if (variant !== 'simple') {
         return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-            className: className
+            className: className,
+            "data-testid": prefixCls
         }, renderItems(items)));
     }
     var simpleCls = "".concat(prefixCls, "-simple");
@@ -210,8 +227,8 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
         "data-testid": "task-list-simple-arrow"
     })))), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(simpleCls, "-content"), hashId, _define_property({}, "".concat(simpleCls, "-content-expanded"), simpleExpanded))
-    }, /*#__PURE__*/ React.createElement("div", {
+    }, shouldRenderContent ? /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(simpleCls, "-list"), hashId)
-    }, renderItems(visibleItems)))));
+    }, renderItems(visibleItems)) : null)));
 });
 TaskList.displayName = 'TaskList';

package/dist/TaskList/components/TaskListItem.js

@@ -35,7 +35,8 @@ export var TaskListItem = /*#__PURE__*/ memo(function(param) {
         className: classNames("".concat(prefixCls, "-dash-line"), hashId),
         "data-testid": "task-list-dash-line"
     }))), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(prefixCls, "-right"), hashId)
+        className: classNames("".concat(prefixCls, "-right"), hashId),
+        "data-testid": "task-list-right"
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-top"), hashId),
         onClick: handleToggle

package/dist/TaskList/style.js

@@ -153,7 +153,7 @@ var genStyle = function genStyle(token) {
             display: 'flex',
             alignItems: 'center',
             height: 36,
-            padding: '0 12px',
+            padding: '0 4px',
             gap: 8,
             cursor: 'pointer',
             userSelect: 'none',

package/dist/ThoughtChainList/index.js

@@ -486,6 +486,7 @@ var ThoughtChainContent = /*#__PURE__*/ React.memo(function(_0) {
         locale: locale
     }), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls), hashId),
+        "data-testid": prefixCls,
         style: restStyle
     }, /*#__PURE__*/ React.createElement(motion.div, {
         className: classNames("".concat(prefixCls, "-container"), hashId, _define_property({}, "".concat(prefixCls, "-container-loading"), !(bubble === null || bubble === void 0 ? void 0 : bubble.isFinished)))

package/dist/ThoughtChainList/style.js

@@ -52,7 +52,16 @@ function _object_spread_props(target, source) {
 }
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    return _define_property({}, token.componentCls, {
+    return _define_property({
+        '@keyframes thoughtChainSpin': {
+            '0%': {
+                transform: 'rotate(0deg)'
+            },
+            '100%': {
+                transform: 'rotate(360deg)'
+            }
+        }
+    }, token.componentCls, {
         padding: '12px',
         '*': {
             boxSizing: 'border-box'
@@ -87,8 +96,10 @@ var genStyle = function genStyle(token) {
                     zIndex: 1,
                     backgroundSize: '150%',
                     backgroundPosition: '0 0',
-                    backgroundImage: "conic-gradient(\n    from var(--angle, 0deg) at 50% 50%,\n    rgba(46, 255, 127, 0.7) 0deg,\n    rgba(120, 133, 255, 1) 90deg,\n    rgba(255, 0, 153, 0.4) 180deg,\n    rgba(0, 221, 255, 0.62) 270deg,\n    rgba(46, 255, 127, 0.7) 360deg\n  )",
-                    animationName: 'spin',
+                    backgroundImage: "conic-gradient(\n    rgba(46, 255, 127, 0.7) 0deg,\n    rgba(120, 133, 255, 1) 90deg,\n    rgba(255, 0, 153, 0.4) 180deg,\n    rgba(0, 221, 255, 0.62) 270deg,\n    rgba(46, 255, 127, 0.7) 360deg\n  )",
+                    transformOrigin: 'center center',
+                    willChange: 'transform',
+                    animationName: 'thoughtChainSpin',
                     animationDuration: '2s',
                     animationTimingFunction: 'linear',
                     animationIterationCount: 'infinite'

package/dist/ToolUseBar/index.js

@@ -155,13 +155,14 @@ export * from "./BarItem";
  * - 提供加载状态显示
  * - 支持错误状态处理
  */ var ToolUseBarComponent = function ToolUseBarComponent(_0) {
-    var tools = _0.tools, onActiveKeysChange = _0.onActiveKeysChange, onExpandedKeysChange = _0.onExpandedKeysChange, _0_light = _0.light, light = _0_light === void 0 ? false : _0_light, _0_disableAnimation = _0.disableAnimation, disableAnimation = _0_disableAnimation === void 0 ? false : _0_disableAnimation, style = _0.style, props = _object_without_properties(_0, [
+    var tools = _0.tools, onActiveKeysChange = _0.onActiveKeysChange, onExpandedKeysChange = _0.onExpandedKeysChange, _0_light = _0.light, light = _0_light === void 0 ? false : _0_light, _0_disableAnimation = _0.disableAnimation, disableAnimation = _0_disableAnimation === void 0 ? false : _0_disableAnimation, style = _0.style, testId = _0.testId, props = _object_without_properties(_0, [
         "tools",
         "onActiveKeysChange",
         "onExpandedKeysChange",
         "light",
         "disableAnimation",
-        "style"
+        "style",
+        "testId"
     ]);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var prefixCls = getPrefixCls('agentic-tool-use-bar');
@@ -246,13 +247,13 @@ export * from "./BarItem";
     ]);
     if (!(tools === null || tools === void 0 ? void 0 : tools.length)) return /*#__PURE__*/ React.createElement("div", {
         className: containerClassName,
-        style: style,
-        "data-testid": "ToolUse"
+        "data-testid": testId !== null && testId !== void 0 ? testId : 'ToolUse',
+        style: style
     });
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: containerClassName,
-        style: style,
-        "data-testid": "ToolUse"
+        "data-testid": testId !== null && testId !== void 0 ? testId : 'ToolUse',
+        style: style
     }, toolItems));
 };
 // 使用 memo 优化组件，避免不必要的重新渲染

package/dist/ToolUseBarThink/style.js

@@ -51,7 +51,6 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { useEditorStyleRegister } from "../Hooks/useStyle";
-var LIGHT_MODE_BACKGROUND = 'rgba(255, 255, 255, 0.65)';
 var LIGHT_MODE_BACKDROP_FILTER = 'blur(12px)';
 var genStyle = function genStyle(token) {
     return _define_property({}, token.componentCls, {
@@ -111,18 +110,15 @@ var genStyle = function genStyle(token) {
             }
         },
         '&-loading': {
-            background: 'var(--color-gray-bg-card-white)',
             boxSizing: 'border-box',
             boxShadow: '0px 0px 1px 0px rgba(0, 19, 41, 0.05),0px 2px 7px 0px rgba(0, 19, 41, 0.05),0px 2px 5px -2px rgba(0, 19, 41, 0.06)',
             '&:hover': {
-                background: 'var(--color-gray-bg-card-white)',
                 boxSizing: 'border-box',
                 boxShadow: '0px 0px 1px 0px rgba(0, 19, 41, 0.05),0px 2px 7px 0px rgba(0, 19, 41, 0.05),0px 2px 5px -2px rgba(0, 19, 41, 0.06)'
             }
         },
         '&-success': {
             borderRadius: 'var(--radius-card-base)',
-            background: 'var(--color-gray-bg-card-light)',
             boxShadow: 'inset 0px 0px 1px 0px rgba(0, 19, 41, 0.15)'
         },
         // Placed after &-success so light mode wins when both classes apply (success + light).
@@ -131,11 +127,9 @@ var genStyle = function genStyle(token) {
             border: 'none',
             borderRadius: '14px',
             padding: 4,
-            background: LIGHT_MODE_BACKGROUND,
             backdropFilter: LIGHT_MODE_BACKDROP_FILTER,
             WebkitBackdropFilter: LIGHT_MODE_BACKDROP_FILTER,
             '&:hover': _define_property({
-                background: 'none',
                 boxShadow: 'none'
             }, "".concat(token.componentCls, "-header-left-icon-light"), {
                 color: 'var(--color-gray-text-secondary)'
@@ -267,7 +261,6 @@ var genStyle = function genStyle(token) {
                 paddingLeft: 12,
                 marginLeft: 16,
                 marginTop: -10,
-                background: LIGHT_MODE_BACKGROUND,
                 backdropFilter: LIGHT_MODE_BACKDROP_FILTER,
                 WebkitBackdropFilter: LIGHT_MODE_BACKDROP_FILTER
             }

package/dist/WelcomeMessage/index.js

@@ -121,6 +121,7 @@ import { useStyle } from "./style";
     var _ref = customStyle || {}, ref = _object_destructuring_empty(_ref), restStyle = _extends({}, _ref);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: clsx(prefixCls, hashId, rootClassName),
+        "data-testid": prefixCls,
         style: restStyle
     }, title && /*#__PURE__*/ React.createElement(TypingAnimation, _object_spread_props(_object_spread({
         as: "div"