@ant-design/agentic-ui 2.30.30 → 2.30.33

package/dist/Components/lotties/ThreeThinkingLottie/index.js

@@ -0,0 +1,151 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        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();
+}
+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 Lottie from "lottie-react";
+import React, { useEffect, useState } from "react";
+/**
+ * ThreeThinkingLottie 组件 - 支持按需加载的思考动画组件
+ *
+ * 该组件使用动态 import 实现 lottie JSON 文件的按需加载，
+ * 避免将动画数据打包进主包，减少首屏加载体积。
+ *
+ * @component
+ * @description 支持按需加载的 Lottie 思考动画组件
+ * @param {ThreeThinkingLottieProps} props - 组件属性
+ * @param {boolean} [props.autoplay=true] - 是否自动播放动画
+ * @param {boolean} [props.loop=true] - 是否循环播放动画
+ * @param {string} [props.className] - 动画容器类名
+ * @param {React.CSSProperties} [props.style] - 动画容器样式
+ * @param {number} [props.size=32] - 动画尺寸
+ * @param {React.ReactNode} [props.fallback] - 加载占位符
+ *
+ * @example
+ * ```tsx
+ * // 基础用法
+ * <ThreeThinkingLottie />
+ *
+ * // 自定义尺寸
+ * <ThreeThinkingLottie size={48} />
+ *
+ * // 自定义加载占位符
+ * <ThreeThinkingLottie fallback={<Spin />} />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的 Lottie 思考动画组件
+ *
+ * @remarks
+ * - 使用动态 import 按需加载 lottie JSON 文件
+ * - 减少首屏加载体积
+ * - 支持自定义加载占位符
+ * - 支持自定义尺寸和样式
+ */ export var ThreeThinkingLottie = function ThreeThinkingLottie(param) {
+    var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size, fallback = param.fallback;
+    var _useState = _sliced_to_array(useState(null), 2), animationData = _useState[0], setAnimationData = _useState[1];
+    useEffect(function() {
+        // 动态加载 lottie JSON 文件
+        import("./three-thinking.json").then(function(data) {
+            setAnimationData(data.default || data);
+        }).catch(function(error) {
+            console.error('Failed to load ThreeThinkingLottie animation:', error);
+        });
+    }, []);
+    var containerStyle = _object_spread({
+        width: size,
+        height: size,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+    }, style);
+    // 默认占位符
+    var defaultFallback = /*#__PURE__*/ React.createElement("div", {
+        style: containerStyle,
+        className: className
+    }, /*#__PURE__*/ React.createElement("span", {
+        style: {
+            opacity: 0.3
+        }
+    }, "..."));
+    if (!animationData) {
+        return fallback !== undefined ? /*#__PURE__*/ React.createElement(React.Fragment, null, fallback) : defaultFallback;
+    }
+    return /*#__PURE__*/ React.createElement(Lottie, {
+        style: containerStyle,
+        className: className,
+        "aria-hidden": "true",
+        animationData: animationData,
+        loop: loop,
+        autoplay: autoplay
+    });
+};
+export default ThreeThinkingLottie;

package/dist/Components/lotties/ThreeThinkingLottie/three-thinking.json

@@ -0,0 +1,130 @@
+{
+  "v": "5.7.4",
+  "fr": 30,
+  "ip": 0,
+  "op": 60,
+  "w": 32,
+  "h": 32,
+  "nm": "ThreeThinking",
+  "ddd": 0,
+  "assets": [],
+  "layers": [
+    {
+      "ddd": 0,
+      "ind": 1,
+      "ty": 4,
+      "nm": "Thinking Dot 1",
+      "sr": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100 },
+        "r": { "a": 0, "k": 0 },
+        "p": { "a": 0, "k": [10, 16, 0] },
+        "a": { "a": 0, "k": [0, 0, 0] },
+        "s": {
+          "a": 1,
+          "k": [
+            { "t": 0, "s": [100, 100, 100], "e": [60, 60, 100] },
+            { "t": 15, "s": [60, 60, 100], "e": [100, 100, 100] },
+            { "t": 30, "s": [100, 100, 100] }
+          ]
+        }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "el",
+          "d": 1,
+          "s": { "a": 0, "k": [6, 6] },
+          "p": { "a": 0, "k": [0, 0] }
+        },
+        {
+          "ty": "fl",
+          "c": { "a": 0, "k": [0.09, 0.47, 1, 1] },
+          "o": { "a": 0, "k": 100 }
+        }
+      ],
+      "ip": 0,
+      "op": 60,
+      "st": 0
+    },
+    {
+      "ddd": 0,
+      "ind": 2,
+      "ty": 4,
+      "nm": "Thinking Dot 2",
+      "sr": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100 },
+        "r": { "a": 0, "k": 0 },
+        "p": { "a": 0, "k": [16, 16, 0] },
+        "a": { "a": 0, "k": [0, 0, 0] },
+        "s": {
+          "a": 1,
+          "k": [
+            { "t": 0, "s": [100, 100, 100], "e": [60, 60, 100] },
+            { "t": 10, "s": [60, 60, 100], "e": [100, 100, 100] },
+            { "t": 20, "s": [100, 100, 100], "e": [60, 60, 100] },
+            { "t": 30, "s": [60, 60, 100], "e": [100, 100, 100] },
+            { "t": 40, "s": [100, 100, 100] }
+          ]
+        }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "el",
+          "d": 1,
+          "s": { "a": 0, "k": [6, 6] },
+          "p": { "a": 0, "k": [0, 0] }
+        },
+        {
+          "ty": "fl",
+          "c": { "a": 0, "k": [0.09, 0.47, 1, 1] },
+          "o": { "a": 0, "k": 100 }
+        }
+      ],
+      "ip": 0,
+      "op": 60,
+      "st": 0
+    },
+    {
+      "ddd": 0,
+      "ind": 3,
+      "ty": 4,
+      "nm": "Thinking Dot 3",
+      "sr": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100 },
+        "r": { "a": 0, "k": 0 },
+        "p": { "a": 0, "k": [22, 16, 0] },
+        "a": { "a": 0, "k": [0, 0, 0] },
+        "s": {
+          "a": 1,
+          "k": [
+            { "t": 0, "s": [60, 60, 100], "e": [100, 100, 100] },
+            { "t": 15, "s": [100, 100, 100], "e": [60, 60, 100] },
+            { "t": 30, "s": [60, 60, 100] }
+          ]
+        }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "el",
+          "d": 1,
+          "s": { "a": 0, "k": [6, 6] },
+          "p": { "a": 0, "k": [0, 0] }
+        },
+        {
+          "ty": "fl",
+          "c": { "a": 0, "k": [0.09, 0.47, 1, 1] },
+          "o": { "a": 0, "k": 100 }
+        }
+      ],
+      "ip": 0,
+      "op": 60,
+      "st": 0
+    }
+  ],
+  "markers": []
+}

package/dist/Components/lotties/index.d.ts

@@ -4,3 +4,4 @@ export * from './DazingLottie';
 export * from './LoadingLottie';
 export * from './TextLoading';
 export * from './ThinkingLottie';
+export * from './ThreeThinkingLottie';

package/dist/Components/lotties/index.js

@@ -4,3 +4,4 @@ export * from "./DazingLottie";
 export * from "./LoadingLottie";
 export * from "./TextLoading";
 export * from "./ThinkingLottie";
+export * from "./ThreeThinkingLottie";

package/dist/History/index.js

@@ -274,6 +274,7 @@ export * from "./utils";
     if (props.standalone) {
         var _props_agent3, _props_agent4, _props_agent5, _props_agent6, _props_agent7, _props_slots_beforeHistoryList, _props_slots;
         return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+            "data-testid": "history-standalone",
             style: {
                 display: 'flex',
                 flexDirection: 'column',

package/dist/Hooks/useLanguage.d.ts

@@ -289,6 +289,7 @@ export declare function useLanguage(): {
         'workspace.browser': string;
         'workspace.task': string;
         'workspace.file': string;
+        'workspace.fileTree': string;
         'workspace.custom': string;
         'workspace.terminalExecution': string;
         'workspace.createHtmlFile': string;

package/dist/I18n/locales.d.ts

@@ -251,6 +251,7 @@ export declare const cnLabels: {
     'workspace.browser': string;
     'workspace.task': string;
     'workspace.file': string;
+    'workspace.fileTree': string;
     'workspace.custom': string;
     'workspace.terminalExecution': string;
     'workspace.createHtmlFile': string;

package/dist/I18n/locales.js

@@ -262,6 +262,7 @@
     'workspace.browser': '浏览器',
     'workspace.task': '任务',
     'workspace.file': '文件',
+    'workspace.fileTree': '文件树',
     'workspace.custom': '自定义',
     'workspace.terminalExecution': '终端执行',
     'workspace.createHtmlFile': '创建 HTML 文件',
@@ -722,6 +723,7 @@
     'workspace.browser': 'Browser',
     'workspace.task': 'Task',
     'workspace.file': 'File',
+    'workspace.fileTree': 'File tree',
     'workspace.custom': 'Custom',
     'workspace.terminalExecution': 'Terminal execution',
     'workspace.createHtmlFile': 'Create HTML file',

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -394,6 +394,7 @@ var I18nBoundary = function I18nBoundary(param) {
         }, /*#__PURE__*/ React.createElement("div", {
             id: props.id ? String(props.id) || undefined : undefined,
             className: classNames(baseClassName, 'markdown-editor', hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseClassName, "-readonly"), true), _define_property(_obj, "".concat(baseClassName, "-report"), props.reportMode), _define_property(_obj, "".concat(baseClassName, "-slide"), props.slideMode), _obj)),
+            "data-testid": "markdown-editor",
             style: _object_spread({
                 width: width || '100%',
                 height: height || 'auto'
@@ -453,6 +454,7 @@ var I18nBoundary = function I18nBoundary(param) {
     }, /*#__PURE__*/ React.createElement("div", {
         id: props.id ? String(props.id) || undefined : undefined,
         className: classNames(baseClassName, 'markdown-editor', hashId, props.className, (_obj1 = {}, _define_property(_obj1, "".concat(baseClassName, "-readonly"), readonly), _define_property(_obj1, "".concat(baseClassName, "-edit"), !readonly), _define_property(_obj1, "".concat(baseClassName, "-report"), props.reportMode), _define_property(_obj1, "".concat(baseClassName, "-slide"), props.slideMode), _obj1)),
+        "data-testid": "markdown-editor",
         style: _object_spread({
             width: width || '100%',
             height: height || 'auto'

package/dist/MarkdownEditor/editor/parser/parse/parseHtml.js

@@ -123,22 +123,31 @@ import partialJsonParse from "../json-parse";
 var THINK_TAG_CANONICAL_CLOSE = '</think>';
 /** 部分模型输出的外壳别名；拼接避免与规范标签在源码中混淆 */ var REDACTED_THINKING_ALIAS_OPEN = '<' + 'redacted_' + 'thinking' + '>';
 var REDACTED_THINKING_ALIAS_CLOSE = '</' + 'redacted_' + 'thinking' + '>';
+var THINKING_ALIAS_OPEN = '<' + 'thinking' + '>';
+var THINKING_ALIAS_CLOSE = '</' + 'thinking' + '>';
 var escapeRegExp = function escapeRegExp(value) {
     return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 };
 /** 仅替换「成对」别名标签，避免正文里偶然出现的孤立字面量被误换 */ var REDACTED_THINKING_ALIAS_PAIR_REGEX = new RegExp("".concat(escapeRegExp(REDACTED_THINKING_ALIAS_OPEN), "([\\s\\S]*?)").concat(escapeRegExp(REDACTED_THINKING_ALIAS_CLOSE)), 'gi');
+var THINKING_ALIAS_PAIR_REGEX = new RegExp("".concat(escapeRegExp(THINKING_ALIAS_OPEN), "([\\s\\S]*?)").concat(escapeRegExp(THINKING_ALIAS_CLOSE)), 'gi');
 var FIND_THINK_CANONICAL_BLOCK_RE = new RegExp("^\\s*".concat(escapeRegExp(THINK_TAG_CANONICAL_OPEN), "([\\s\\S]*?)").concat(escapeRegExp(THINK_TAG_CANONICAL_CLOSE), "\\s*$"), 'i');
-var FIND_THINK_ALIAS_BLOCK_RE = new RegExp("^\\s*".concat(escapeRegExp(REDACTED_THINKING_ALIAS_OPEN), "([\\s\\S]*?)").concat(escapeRegExp(REDACTED_THINKING_ALIAS_CLOSE), "\\s*$"), 'i');
+var FIND_THINK_ALIAS_BLOCK_RE = new RegExp("^\\s*(?:".concat(escapeRegExp(REDACTED_THINKING_ALIAS_OPEN), "|").concat(escapeRegExp(THINKING_ALIAS_OPEN), ")([\\s\\S]*?)(?:").concat(escapeRegExp(REDACTED_THINKING_ALIAS_CLOSE), "|").concat(escapeRegExp(THINKING_ALIAS_CLOSE), ")\\s*$"), 'i');
 /**
  * 将成对的别名标签 `<think>`…`</think>` 归一为与 `preprocessSpecialTags(..., 'think')` 契约一致的规范标签。
  * 否则 `preprocessThinkTags` 无法把思考区内的 ``` 围栏换成 【CODE_BLOCK】，内层 JSON 会变成顶层独立 code 节点。
  */ export function normalizeThinkTagAliases(markdown) {
-    if (!markdown || markdown.indexOf(REDACTED_THINKING_ALIAS_OPEN) === -1) {
-        return markdown;
-    }
-    return markdown.replace(REDACTED_THINKING_ALIAS_PAIR_REGEX, function(_match, inner) {
+    if (!markdown) return markdown;
+    var replaceToCanonical = function replaceToCanonical(_match, inner) {
         return "".concat(THINK_TAG_CANONICAL_OPEN).concat(inner).concat(THINK_TAG_CANONICAL_CLOSE);
-    });
+    };
+    var result = markdown;
+    if (result.indexOf(REDACTED_THINKING_ALIAS_OPEN) !== -1) {
+        result = result.replace(REDACTED_THINKING_ALIAS_PAIR_REGEX, replaceToCanonical);
+    }
+    if (result.indexOf(THINKING_ALIAS_OPEN) !== -1) {
+        result = result.replace(THINKING_ALIAS_PAIR_REGEX, replaceToCanonical);
+    }
+    return result;
 }
 /**
  * 解码 URI 组件，处理错误情况

package/dist/MarkdownEditor/style.js

@@ -367,10 +367,6 @@ var genStyle = function genStyle(token) {
         }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
             padding: 'var(--agentic-ui-content-padding, 4px 4px)'
         }),
-        '&-content': {
-            '--margin-4x': 'var(--agentic-ui-editor-margin-4x, 6px)',
-            '--margin-2x': 'var(--agentic-ui-editor-margin-2x, 4px)'
-        },
         '&-focus': {
             height: 64
         }

package/dist/MarkdownInputField/SendButton/index.d.ts

@@ -83,7 +83,7 @@ type SendButtonProps = {
  * @component
  * @description 发送按钮组件，支持多种状态和动画效果
  * @param {SendButtonProps} props - 组件属性
- * @param {boolean} props.isHover - 指示鼠标是否悬停在按钮上
+ * @param {boolean} props.isSendable - 是否处于可发送状态
  * @param {boolean} props.disabled - 指示按钮是否禁用
  * @param {boolean} props.typing - 指示是否处于输入状态
  * @param {() => void} props.onClick - 点击按钮时的回调函数
@@ -95,7 +95,7 @@ type SendButtonProps = {
  * @example
  * ```tsx
  * <SendButton
- *   isHover={false}
+ *   isSendable
  *   disabled={false}
  *   typing={false}
  *   onClick={() => console.log('发送消息')}

package/dist/MarkdownInputField/SendButton/index.js

@@ -86,13 +86,14 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { ConfigProvider, Tooltip } from "antd";
+import { ConfigProvider, Tooltip, theme as antdTheme } from "antd";
 import classNames from "clsx";
 import { motion } from "framer-motion";
-import React, { useContext, useEffect } from "react";
+import React, { useContext, useEffect, useMemo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { STOP_ICON_DISK_FILL, STOP_ICON_HALO_FILL, StopIcon } from "../../AgentRunBar/icons";
 import { I18nContext } from "../../I18n";
+import { getSendButtonPalette, resolveSendButtonDisplayColors } from "./sendButtonPalette";
 import { useStyle } from "./style";
 /**
  * 解析发送按钮的最终禁用状态：用户显式传入优先，否则按上传状态判断
@@ -100,18 +101,12 @@ import { useStyle } from "./style";
     var _ref;
     return (_ref = sendButtonProps === null || sendButtonProps === void 0 ? void 0 : sendButtonProps.disabled) !== null && _ref !== void 0 ? _ref : fileUploadStatus === 'uploading';
 }
-/** 未传入 `colors` 时使用 CSS 语义变量（与原先全局 SVG 覆盖一致） */ var SEND_BUTTON_THEME_COLORS = {
-    icon: 'var(--color-gray-bg-card-white, #ffffff)',
-    iconHover: 'var(--color-gray-bg-card-white, #ffffff)',
-    background: 'var(--color-primary-control-fill-primary, #1677ff)',
-    backgroundHover: 'var(--color-primary-control-fill-primary, #1677ff)'
-};
 function SendIcon(props) {
-    var _ref, _ref1, _ref2, _ref3;
-    var hover = props.hover, typing = props.typing, colors = props.colors, rest = _object_without_properties(props, [
-        "hover",
+    var isActive = props.isActive, disabled = props.disabled, typing = props.typing, displayColors = props.displayColors, rest = _object_without_properties(props, [
+        "isActive",
+        "disabled",
         "typing",
-        "colors"
+        "displayColors"
     ]);
     if (typing) {
         return /*#__PURE__*/ React.createElement(StopIcon, _object_spread_props(_object_spread({}, rest), {
@@ -119,12 +114,9 @@ function SendIcon(props) {
             haloFill: STOP_ICON_HALO_FILL
         }));
     }
-    var currentColors = {
-        icon: (_ref = colors === null || colors === void 0 ? void 0 : colors.icon) !== null && _ref !== void 0 ? _ref : SEND_BUTTON_THEME_COLORS.icon,
-        iconHover: (_ref1 = colors === null || colors === void 0 ? void 0 : colors.iconHover) !== null && _ref1 !== void 0 ? _ref1 : SEND_BUTTON_THEME_COLORS.iconHover,
-        background: (_ref2 = colors === null || colors === void 0 ? void 0 : colors.background) !== null && _ref2 !== void 0 ? _ref2 : SEND_BUTTON_THEME_COLORS.background,
-        backgroundHover: (_ref3 = colors === null || colors === void 0 ? void 0 : colors.backgroundHover) !== null && _ref3 !== void 0 ? _ref3 : SEND_BUTTON_THEME_COLORS.backgroundHover
-    };
+    var useActive = isActive && !disabled;
+    var circleFill = useActive ? displayColors.backgroundActive : displayColors.backgroundMuted;
+    var arrowFill = useActive ? displayColors.iconActive : displayColors.iconMuted;
     return /*#__PURE__*/ React.createElement("svg", _object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
@@ -137,8 +129,8 @@ function SendIcon(props) {
         r: "0.5em",
         initial: false,
         animate: {
-            fill: hover ? currentColors.backgroundHover : currentColors.background,
-            fillOpacity: hover ? 1 : 0.03530000150203705
+            fill: circleFill,
+            fillOpacity: 1
         },
         transition: {
             duration: 0.6,
@@ -149,8 +141,8 @@ function SendIcon(props) {
         fillRule: "evenodd",
         initial: false,
         animate: {
-            fill: hover ? currentColors.iconHover : currentColors.icon,
-            fillOpacity: hover ? 1 : 0.24709999561309814
+            fill: arrowFill,
+            fillOpacity: 1
         },
         transition: {
             duration: 0.2,
@@ -167,7 +159,7 @@ function SendIcon(props) {
  * @component
  * @description 发送按钮组件，支持多种状态和动画效果
  * @param {SendButtonProps} props - 组件属性
- * @param {boolean} props.isHover - 指示鼠标是否悬停在按钮上
+ * @param {boolean} props.isSendable - 是否处于可发送状态
  * @param {boolean} props.disabled - 指示按钮是否禁用
  * @param {boolean} props.typing - 指示是否处于输入状态
  * @param {() => void} props.onClick - 点击按钮时的回调函数
@@ -179,7 +171,7 @@ function SendIcon(props) {
  * @example
  * ```tsx
  * <SendButton
- *   isHover={false}
+ *   isSendable
  *   disabled={false}
  *   typing={false}
  *   onClick={() => console.log('发送消息')}
@@ -210,10 +202,36 @@ function SendIcon(props) {
     // 仅在挂载时触发一次，避免引用变化导致重复打点
     // eslint-disable-next-line react-hooks/exhaustive-deps -- onInit intentionally once on mount
     }, []);
+    var token = antdTheme.useToken().token;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var locale = useContext(I18nContext).locale;
     var baseCls = getPrefixCls('agentic-md-input-field-send-button');
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var displayColors = useMemo(function() {
+        return resolveSendButtonDisplayColors(getSendButtonPalette({
+            colorPrimary: token.colorPrimary,
+            colorBgContainer: token.colorBgContainer,
+            colorTextLightSolid: token.colorTextLightSolid,
+            colorTextTertiary: token.colorTextTertiary,
+            colorFillTertiary: token.colorFillTertiary,
+            colorText: token.colorText
+        }), colors, {
+            colorPrimary: token.colorPrimary,
+            colorBgContainer: token.colorBgContainer,
+            colorTextLightSolid: token.colorTextLightSolid,
+            colorTextTertiary: token.colorTextTertiary,
+            colorFillTertiary: token.colorFillTertiary,
+            colorText: token.colorText
+        });
+    }, [
+        colors,
+        token.colorBgContainer,
+        token.colorFillTertiary,
+        token.colorPrimary,
+        token.colorText,
+        token.colorTextLightSolid,
+        token.colorTextTertiary
+    ]);
     if (typeof window === 'undefined' || typeof document === 'undefined' || !window.document) {
         // SSR 环境下不渲染
         return null;
@@ -257,9 +275,9 @@ function SendIcon(props) {
     }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
         fallback: /*#__PURE__*/ React.createElement("div", null)
     }, /*#__PURE__*/ React.createElement(SendIcon, {
-        hover: isSendable && !disabled,
+        isActive: isSendable,
         disabled: disabled,
         typing: typing,
-        colors: colors
+        displayColors: displayColors
     })))));
 };

package/dist/MarkdownInputField/SendButton/sendButtonPalette.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 发送按钮默认色板：用 Ant Design token 的实色保证相对 colorBgContainer 的对比度，
+ * 随亮色 / 暗色主题切换。半透明 token 先与 colorBgContainer 叠算再比对比度、再混合。
+ */
+export interface SendButtonPaletteToken {
+    colorPrimary: string;
+    colorBgContainer: string;
+    colorTextLightSolid: string;
+    colorTextTertiary: string;
+    colorFillTertiary: string;
+    colorText?: string;
+}
+/**
+ * 基于当前主题 token 生成默认可发送 / 未激活填充与图标色
+ */
+export declare function getSendButtonPalette(token: SendButtonPaletteToken): {
+    readonly backgroundActive: string;
+    readonly backgroundMuted: string;
+    readonly iconActive: string;
+    readonly iconMuted: string;
+};
+export type SendButtonResolvedColors = {
+    backgroundActive: string;
+    backgroundMuted: string;
+    iconActive: string;
+    iconMuted: string;
+};
+/**
+ * 合并默认色板与用户 `colors`；与原先 background/backgroundHover、icon/iconHover 语义一致
+ */
+export declare function resolveSendButtonDisplayColors(basePalette: SendButtonResolvedColors, colors: {
+    icon?: string;
+    iconHover?: string;
+    background?: string;
+    backgroundHover?: string;
+} | undefined, token: SendButtonPaletteToken): SendButtonResolvedColors;