@ant-design/agentic-ui 2.30.31 → 2.30.33

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/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"

package/package.json

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