@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/ThoughtChainList/ToolCall.js

@@ -1,24 +1,101 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+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 a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/ThoughtChainList/ToolCall.tsx
+    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 ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 { CloseCircleFilled, EditOutlined } from "@ant-design/icons";
 import { Copy } from "@sofa-design/icons";
 import { Button, Typography } from "antd";
@@ -26,478 +103,367 @@ import copy from "copy-to-clipboard";
 import React, { useContext, useMemo } from "react";
 import { I18nContext } from "../I18n";
 import { ActionIconBox } from "../index";
-import {
-  MarkdownEditor,
-  parserSlateNodeToMarkdown
-} from "../MarkdownEditor";
+import { MarkdownEditor, parserSlateNodeToMarkdown } from "../MarkdownEditor";
 import { CostMillis } from "./CostMillis";
 import { DotLoading } from "./DotAni";
-var ToolCall = (props) => {
-  var _a, _b, _c, _d, _e, _f;
-  const [editor, setEditor] = React.useState(false);
-  const editorRef = React.useRef(void 0);
-  const { locale } = useContext(I18nContext);
-  const errorMsg = ((_a = props.output) == null ? void 0 : _a.errorMsg) || ((_c = (_b = props.output) == null ? void 0 : _b.response) == null ? void 0 : _c.error) || ((_e = (_d = props.output) == null ? void 0 : _d.response) == null ? void 0 : _e.errorMsg);
-  return useMemo(() => {
-    var _a2, _b2, _c2;
-    if (editor) {
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            gap: "10px",
-            flexDirection: "column"
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style: {
-              flex: 1,
-              display: "flex",
-              flexDirection: "column",
-              justifyContent: "center",
-              padding: "8px 12px",
-              gap: "10px",
-              alignSelf: "stretch",
-              wordBreak: "break-all",
-              wordWrap: "break-word",
-              background: "#FBFCFD",
-              zIndex: 1,
-              borderRadius: "12px"
-            }
-          },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: {
-                display: "flex",
-                flexDirection: "row",
-                gap: "10px",
-                alignItems: "center",
-                justifyContent: "space-between"
-              }
-            },
-            locale == null ? void 0 : locale.executionParameters
-          ),
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: {
-                display: "flex",
-                gap: "10px",
-                borderRadius: "12px",
-                opacity: 1,
-                flexDirection: "column",
-                alignSelf: "stretch"
-              },
-              className: "code-view"
-            },
-            /* @__PURE__ */ React.createElement(
-              MarkdownEditor,
-              __spreadProps(__spreadValues({
-                editorRef
-              }, props.markdownRenderProps), {
+/**
+ * ToolCall 组件 - 工具调用组件
+ *
+ * 该组件用于显示AI工具调用的详细信息，包括输入参数、输出结果、错误信息等。
+ * 支持编辑模式、反馈功能、状态显示等，提供完整的工具调用可视化。
+ *
+ * @component
+ * @description 工具调用组件，显示AI工具调用的详细信息
+ * @param {Object} props - 组件属性
+ * @param {string} [props['data-testid']] - 测试ID
+ * @param {boolean} [props.isFinished] - 是否已完成
+ * @param {Function} [props.onChangeItem] - 项目变更回调
+ * @param {MarkdownEditorProps} [props.markdownRenderProps] - Markdown渲染配置
+ * @param {Object} props.input - 输入参数
+ * @param {Object} props.input.inputArgs - 输入参数对象
+ * @param {Object} props.output - 输出结果
+ * @param {Object} props.output.response - 响应数据
+ * @param {string} [props.output.errorMsg] - 错误消息
+ * @param {number} [props.costMillis] - 调用耗时（毫秒）
+ * @param {string} props.info - 工具调用信息
+ * @param {string} props.category - 工具类别
+ *
+ * @example
+ * ```tsx
+ * <ToolCall
+ *   input={{ inputArgs: { query: "SELECT * FROM users" } }}
+ *   output={{ response: { data: [] } }}
+ *   info="执行SQL查询"
+ *   category="sql"
+ *   costMillis={150}
+ *   isFinished={true}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的工具调用组件
+ *
+ * @remarks
+ * - 显示工具调用输入和输出
+ * - 支持编辑模式
+ * - 提供错误信息显示
+ * - 支持反馈功能
+ * - 显示调用耗时
+ * - 支持Markdown渲染
+ * - 提供状态指示
+ * - 支持自定义配置
+ */ export var ToolCall = function(props) {
+    var _props_output, _props_output_response, _props_output1, _props_output_response1, _props_output2, _props_input;
+    var _React_useState = _sliced_to_array(React.useState(false), 2), editor = _React_useState[0], setEditor = _React_useState[1];
+    var editorRef = React.useRef(undefined);
+    var locale = useContext(I18nContext).locale;
+    var errorMsg = ((_props_output = props.output) === null || _props_output === void 0 ? void 0 : _props_output.errorMsg) || ((_props_output1 = props.output) === null || _props_output1 === void 0 ? void 0 : (_props_output_response = _props_output1.response) === null || _props_output_response === void 0 ? void 0 : _props_output_response.error) || ((_props_output2 = props.output) === null || _props_output2 === void 0 ? void 0 : (_props_output_response1 = _props_output2.response) === null || _props_output_response1 === void 0 ? void 0 : _props_output_response1.errorMsg);
+    return useMemo(function() {
+        var _props_input, _props_output;
+        if (editor) {
+            var _props_input1;
+            return /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    display: 'flex',
+                    gap: '10px',
+                    flexDirection: 'column'
+                }
+            }, /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    flex: 1,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'center',
+                    padding: '8px 12px',
+                    gap: '10px',
+                    alignSelf: 'stretch',
+                    wordBreak: 'break-all',
+                    wordWrap: 'break-word',
+                    background: '#FBFCFD',
+                    zIndex: 1,
+                    borderRadius: '12px'
+                }
+            }, /*#__PURE__*/ React.createElement("div", {
                 style: {
-                  padding: 0,
-                  width: "100%",
-                  background: "#FFF"
+                    display: 'flex',
+                    flexDirection: 'row',
+                    gap: '10px',
+                    alignItems: 'center',
+                    justifyContent: 'space-between'
+                }
+            }, locale === null || locale === void 0 ? void 0 : locale.executionParameters), /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    display: 'flex',
+                    gap: '10px',
+                    borderRadius: '12px',
+                    opacity: 1,
+                    flexDirection: 'column',
+                    alignSelf: 'stretch'
+                },
+                className: "code-view"
+            }, /*#__PURE__*/ React.createElement(MarkdownEditor, _object_spread_props(_object_spread({
+                editorRef: editorRef
+            }, props.markdownRenderProps), {
+                style: {
+                    padding: 0,
+                    width: '100%',
+                    background: '#FFF'
                 },
                 toc: false,
                 readonly: false,
                 contentStyle: {
-                  padding: 0,
-                  width: "100%"
+                    padding: 0,
+                    width: '100%'
                 },
-                initValue: `\`\`\`json
-${JSON.stringify(
-                  ((_a2 = props.input) == null ? void 0 : _a2.inputArgs) || {},
-                  null,
-                  2
-                ).trim()}
-\`\`\``.trim()
-              })
-            )
-          )
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+                initValue: "```json\n".concat(JSON.stringify(((_props_input1 = props.input) === null || _props_input1 === void 0 ? void 0 : _props_input1.inputArgs) || {}, null, 2).trim(), "\n```").trim()
+            })))), /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    gap: 12,
+                    display: 'flex',
+                    alignItems: 'flex-end',
+                    justifyContent: 'flex-end',
+                    width: '100%'
+                }
+            }, /*#__PURE__*/ React.createElement(Button, {
+                style: {
+                    border: '1px solid #F0F2F5',
+                    background: '#FFFFFF',
+                    padding: '4px 24px',
+                    borderRadius: '12px 12px 12px 12px'
+                },
+                onClick: function() {
+                    var _props_input, _editorRef_current_store, _editorRef_current;
+                    setEditor(false);
+                    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : (_editorRef_current_store = _editorRef_current.store) === null || _editorRef_current_store === void 0 ? void 0 : _editorRef_current_store.setMDContent("```json\n".concat(JSON.stringify(((_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.inputArgs) || {}, null, 2).trim(), "\n```").trim());
+                }
+            }, locale === null || locale === void 0 ? void 0 : locale.cancel), /*#__PURE__*/ React.createElement(Button, {
+                style: {
+                    border: '1px solid #F0F2F5',
+                    padding: '4px 24px',
+                    borderRadius: '12px 12px 12px 12px'
+                },
+                type: "primary",
+                onClick: function() {
+                    var _editorRef_current_store, _editorRef_current, _parserSlateNodeToMarkdown, _props_onChangeItem;
+                    setEditor(false);
+                    var schema = editorRef === null || editorRef === void 0 ? void 0 : (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : (_editorRef_current_store = _editorRef_current.store) === null || _editorRef_current_store === void 0 ? void 0 : _editorRef_current_store.editor.children;
+                    var value = (_parserSlateNodeToMarkdown = parserSlateNodeToMarkdown(schema || [])) === null || _parserSlateNodeToMarkdown === void 0 ? void 0 : _parserSlateNodeToMarkdown.replaceAll('```json\n', '').replaceAll('\n```', '').replaceAll('<!--{}-->\n', '');
+                    (_props_onChangeItem = props.onChangeItem) === null || _props_onChangeItem === void 0 ? void 0 : _props_onChangeItem.call(props, props, {
+                        feedbackContent: value || '',
+                        feedbackType: 'toolArg',
+                        feedbackRunId: props.runId || ''
+                    });
+                }
+            }, locale === null || locale === void 0 ? void 0 : locale.retry)));
+        }
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+            "data-testid": props['data-testid'],
             style: {
-              gap: 12,
-              display: "flex",
-              alignItems: "flex-end",
-              justifyContent: "flex-end",
-              width: "100%"
+                display: 'flex',
+                gap: '10px',
+                flexDirection: 'column'
             }
-          },
-          /* @__PURE__ */ React.createElement(
-            Button,
-            {
-              style: {
-                border: "1px solid #F0F2F5",
-                background: "#FFFFFF",
-                padding: "4px 24px",
-                borderRadius: "12px 12px 12px 12px"
-              },
-              onClick: () => {
-                var _a3, _b3, _c3;
-                setEditor(false);
-                (_c3 = (_a3 = editorRef.current) == null ? void 0 : _a3.store) == null ? void 0 : _c3.setMDContent(
-                  `\`\`\`json
-${JSON.stringify(
-                    ((_b3 = props.input) == null ? void 0 : _b3.inputArgs) || {},
-                    null,
-                    2
-                  ).trim()}
-\`\`\``.trim()
-                );
-              }
-            },
-            locale == null ? void 0 : locale.cancel
-          ),
-          /* @__PURE__ */ React.createElement(
-            Button,
-            {
-              style: {
-                border: "1px solid #F0F2F5",
-                padding: "4px 24px",
-                borderRadius: "12px 12px 12px 12px"
-              },
-              type: "primary",
-              onClick: () => {
-                var _a3, _b3, _c3, _d2;
-                setEditor(false);
-                const schema = (_b3 = (_a3 = editorRef == null ? void 0 : editorRef.current) == null ? void 0 : _a3.store) == null ? void 0 : _b3.editor.children;
-                const value = (_c3 = parserSlateNodeToMarkdown(schema || [])) == null ? void 0 : _c3.replaceAll("```json\n", "").replaceAll("\n```", "").replaceAll("<!--{}-->\n", "");
-                (_d2 = props.onChangeItem) == null ? void 0 : _d2.call(props, props, {
-                  feedbackContent: value || "",
-                  feedbackType: "toolArg",
-                  feedbackRunId: props.runId || ""
-                });
-              }
-            },
-            locale == null ? void 0 : locale.retry
-          )
-        )
-      );
-    }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        "data-testid": props["data-testid"],
-        style: {
-          display: "flex",
-          gap: "10px",
-          flexDirection: "column"
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            flex: 1,
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            padding: "8px 12px",
-            gap: "10px",
-            alignSelf: "stretch",
-            wordBreak: "break-all",
-            wordWrap: "break-word",
-            background: "#FBFCFD",
-            zIndex: 1,
-            borderRadius: "12px"
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+        }, /*#__PURE__*/ React.createElement("div", {
             style: {
-              display: "flex",
-              flexDirection: "row",
-              gap: "10px",
-              alignItems: "center",
-              justifyContent: "space-between"
+                flex: 1,
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center',
+                padding: '8px 12px',
+                gap: '10px',
+                alignSelf: 'stretch',
+                wordBreak: 'break-all',
+                wordWrap: 'break-word',
+                background: '#FBFCFD',
+                zIndex: 1,
+                borderRadius: '12px'
             }
-          },
-          locale == null ? void 0 : locale.executionParameters,
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: {
-                display: "flex",
-                flexDirection: "row",
-                gap: "10px",
-                alignItems: "center"
-              }
-            },
-            props.costMillis ? /* @__PURE__ */ React.createElement(CostMillis, { costMillis: props.costMillis }) : null,
-            /* @__PURE__ */ React.createElement(
-              ActionIconBox,
-              {
-                title: locale == null ? void 0 : locale.copy,
-                onClick: () => {
-                  var _a3;
-                  try {
-                    copy(
-                      JSON.stringify(((_a3 = props.input) == null ? void 0 : _a3.inputArgs) || {}, null, 2)
-                    );
-                  } catch (error) {
-                    console.error("复制失败:", error);
-                  }
-                }
-              },
-              /* @__PURE__ */ React.createElement(Copy, null)
-            ),
-            props.onChangeItem ? /* @__PURE__ */ React.createElement(
-              ActionIconBox,
-              {
-                title: locale == null ? void 0 : locale.edit,
-                onClick: () => {
-                  setEditor(true);
+        }, /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '10px',
+                alignItems: 'center',
+                justifyContent: 'space-between'
+            }
+        }, locale === null || locale === void 0 ? void 0 : locale.executionParameters, /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '10px',
+                alignItems: 'center'
+            }
+        }, props.costMillis ? /*#__PURE__*/ React.createElement(CostMillis, {
+            costMillis: props.costMillis
+        }) : null, /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: locale === null || locale === void 0 ? void 0 : locale.copy,
+            onClick: function() {
+                try {
+                    var _props_input;
+                    copy(JSON.stringify(((_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.inputArgs) || {}, null, 2));
+                } catch (error) {
+                    console.error('复制失败:', error);
                 }
-              },
-              /* @__PURE__ */ React.createElement(EditOutlined, null)
-            ) : null
-          )
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+            }
+        }, /*#__PURE__*/ React.createElement(Copy, null)), props.onChangeItem ? /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: locale === null || locale === void 0 ? void 0 : locale.edit,
+            onClick: function() {
+                setEditor(true);
+            }
+        }, /*#__PURE__*/ React.createElement(EditOutlined, null)) : null)), /*#__PURE__*/ React.createElement("div", {
             style: {
-              display: "flex",
-              borderRadius: "12px",
-              alignSelf: "stretch",
-              background: "#FFFFFF"
+                display: 'flex',
+                borderRadius: '12px',
+                alignSelf: 'stretch',
+                background: '#FFFFFF'
             },
             className: "code-view"
-          },
-          /* @__PURE__ */ React.createElement(
-            MarkdownEditor,
-            __spreadProps(__spreadValues({}, props.markdownRenderProps), {
-              style: {
+        }, /*#__PURE__*/ React.createElement(MarkdownEditor, _object_spread_props(_object_spread({}, props.markdownRenderProps), {
+            style: {
                 padding: 0,
-                width: "100%"
-              },
-              toc: false,
-              readonly: true,
-              contentStyle: {
+                width: '100%'
+            },
+            toc: false,
+            readonly: true,
+            contentStyle: {
                 padding: 0,
-                width: "100%"
-              },
-              initValue: `\`\`\`json
-${JSON.stringify(
-                ((_b2 = props.input) == null ? void 0 : _b2.inputArgs) || {},
-                null,
-                2
-              ).trim()}
-\`\`\``.trim()
-            })
-          )
-        )
-      ),
-      !props.isFinished ? /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            flexDirection: "row",
-            gap: "10px",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "8px 12px",
-            alignSelf: "stretch",
-            wordBreak: "break-all",
-            wordWrap: "break-word",
-            background: "#FBFCFD",
-            zIndex: 1,
-            borderRadius: "12px"
-          }
-        },
-        locale == null ? void 0 : locale.apiCalling,
-        /* @__PURE__ */ React.createElement(DotLoading, null)
-      ) : null,
-      props.isFinished && !errorMsg ? /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            gap: "10px",
-            padding: "8px 12px",
-            alignSelf: "stretch",
-            wordBreak: "break-all",
-            wordWrap: "break-word",
-            background: "#FBFCFD",
-            zIndex: 1,
-            borderRadius: "12px"
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+                width: '100%'
+            },
+            initValue: "```json\n".concat(JSON.stringify(((_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.inputArgs) || {}, null, 2).trim(), "\n```").trim()
+        })))), !props.isFinished ? /*#__PURE__*/ React.createElement("div", {
             style: {
-              display: "flex",
-              flexDirection: "row",
-              gap: "10px",
-              alignItems: "center",
-              justifyContent: "space-between"
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '10px',
+                alignItems: 'center',
+                justifyContent: 'center',
+                padding: '8px 12px',
+                alignSelf: 'stretch',
+                wordBreak: 'break-all',
+                wordWrap: 'break-word',
+                background: '#FBFCFD',
+                zIndex: 1,
+                borderRadius: '12px'
             }
-          },
-          locale == null ? void 0 : locale.executionResult,
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: {
-                display: "flex",
-                flexDirection: "row",
-                gap: "10px",
-                alignItems: "center"
-              }
-            },
-            /* @__PURE__ */ React.createElement(
-              ActionIconBox,
-              {
-                title: locale == null ? void 0 : locale.copy,
-                onClick: () => {
-                  var _a3;
-                  try {
-                    copy(
-                      JSON.stringify(((_a3 = props.output) == null ? void 0 : _a3.response) || {}, null, 2)
-                    );
-                  } catch (error) {
-                    console.error("复制失败:", error);
-                  }
+        }, locale === null || locale === void 0 ? void 0 : locale.apiCalling, /*#__PURE__*/ React.createElement(DotLoading, null)) : null, props.isFinished && !errorMsg ? /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '10px',
+                padding: '8px 12px',
+                alignSelf: 'stretch',
+                wordBreak: 'break-all',
+                wordWrap: 'break-word',
+                background: '#FBFCFD',
+                zIndex: 1,
+                borderRadius: '12px'
+            }
+        }, /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '10px',
+                alignItems: 'center',
+                justifyContent: 'space-between'
+            }
+        }, locale === null || locale === void 0 ? void 0 : locale.executionResult, /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '10px',
+                alignItems: 'center'
+            }
+        }, /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: locale === null || locale === void 0 ? void 0 : locale.copy,
+            onClick: function() {
+                try {
+                    var _props_output;
+                    copy(JSON.stringify(((_props_output = props.output) === null || _props_output === void 0 ? void 0 : _props_output.response) || {}, null, 2));
+                } catch (error) {
+                    console.error('复制失败:', error);
                 }
-              },
-              /* @__PURE__ */ React.createElement(Copy, null)
-            )
-          )
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+            }
+        }, /*#__PURE__*/ React.createElement(Copy, null)))), /*#__PURE__*/ React.createElement("div", {
             style: {
-              display: "flex",
-              borderRadius: "12px",
-              alignSelf: "stretch",
-              background: "#FFFFFF"
+                display: 'flex',
+                borderRadius: '12px',
+                alignSelf: 'stretch',
+                background: '#FFFFFF'
             }
-          },
-          /* @__PURE__ */ React.createElement(
-            MarkdownEditor,
-            __spreadProps(__spreadValues({}, props.markdownRenderProps), {
-              style: {
+        }, /*#__PURE__*/ React.createElement(MarkdownEditor, _object_spread_props(_object_spread({}, props.markdownRenderProps), {
+            style: {
                 padding: 0,
-                width: "100%"
-              },
-              toc: false,
-              readonly: true,
-              contentStyle: {
+                width: '100%'
+            },
+            toc: false,
+            readonly: true,
+            contentStyle: {
                 padding: 0,
-                width: "100%"
-              },
-              initValue: `\`\`\`json
-${JSON.stringify(
-                ((_c2 = props.output) == null ? void 0 : _c2.response) || {},
-                null,
-                2
-              ).trim()}
-\`\`\``.trim()
-            })
-          )
-        )
-      ) : null,
-      props.isFinished && errorMsg ? /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            gap: "10px",
-            padding: "8px 12px",
-            alignSelf: "stretch",
-            wordBreak: "break-all",
-            wordWrap: "break-word",
-            background: "#FBFCFD",
-            zIndex: 1,
-            borderRadius: "12px"
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+                width: '100%'
+            },
+            initValue: "```json\n".concat(JSON.stringify(((_props_output = props.output) === null || _props_output === void 0 ? void 0 : _props_output.response) || {}, null, 2).trim(), "\n```").trim()
+        })))) : null, props.isFinished && errorMsg ? /*#__PURE__*/ React.createElement("div", {
             style: {
-              display: "flex",
-              flexDirection: "row",
-              gap: "10px",
-              alignItems: "center",
-              justifyContent: "space-between"
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '10px',
+                padding: '8px 12px',
+                alignSelf: 'stretch',
+                wordBreak: 'break-all',
+                wordWrap: 'break-word',
+                background: '#FBFCFD',
+                zIndex: 1,
+                borderRadius: '12px'
             }
-          },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: {
-                display: "flex",
-                flexDirection: "row",
-                gap: "10px",
-                alignItems: "center"
-              }
-            },
-            /* @__PURE__ */ React.createElement(CloseCircleFilled, { style: { color: "#ff4d4f" } }),
-            locale == null ? void 0 : locale.taskExecutionFailed
-          ),
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: {
-                display: "flex",
-                flexDirection: "row",
-                gap: "10px",
-                alignItems: "center"
-              }
-            },
-            /* @__PURE__ */ React.createElement(
-              ActionIconBox,
-              {
-                title: locale == null ? void 0 : locale.copy,
-                onClick: () => {
-                  try {
+        }, /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '10px',
+                alignItems: 'center',
+                justifyContent: 'space-between'
+            }
+        }, /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '10px',
+                alignItems: 'center'
+            }
+        }, /*#__PURE__*/ React.createElement(CloseCircleFilled, {
+            style: {
+                color: '#ff4d4f'
+            }
+        }), locale === null || locale === void 0 ? void 0 : locale.taskExecutionFailed), /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '10px',
+                alignItems: 'center'
+            }
+        }, /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: locale === null || locale === void 0 ? void 0 : locale.copy,
+            onClick: function() {
+                try {
                     copy(errorMsg);
-                  } catch (error) {
-                    console.error("复制失败:", error);
-                  }
+                } catch (error) {
+                    console.error('复制失败:', error);
                 }
-              },
-              /* @__PURE__ */ React.createElement(Copy, null)
-            )
-          )
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+            }
+        }, /*#__PURE__*/ React.createElement(Copy, null)))), /*#__PURE__*/ React.createElement("div", {
             style: {
-              display: "flex",
-              borderRadius: "12px",
-              alignSelf: "stretch",
-              background: "#FFFFFF"
+                display: 'flex',
+                borderRadius: '12px',
+                alignSelf: 'stretch',
+                background: '#FFFFFF'
             }
-          },
-          /* @__PURE__ */ React.createElement(Typography.Text, { type: "danger" }, errorMsg)
-        )
-      ) : null
-    ));
-  }, [
-    editor,
-    (_f = props.input) == null ? void 0 : _f.inputArgs,
-    props.output,
-    props.isFinished,
-    props.costMillis
-  ]);
-};
-export {
-  ToolCall
+        }, /*#__PURE__*/ React.createElement(Typography.Text, {
+            type: "danger"
+        }, errorMsg))) : null));
+    }, [
+        editor,
+        (_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.inputArgs,
+        props.output,
+        props.isFinished,
+        props.costMillis
+    ]);
 };