@ai-group/chat-sdk 3.5.5 → 3.5.6

package/dist/cjs/components/XAiChatbot/index.js

@@ -0,0 +1,564 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiChatbot/index.tsx
+var XAiChatbot_exports = {};
+__export(XAiChatbot_exports, {
+  ActionHeader: () => ActionHeader,
+  default: () => XAiChatbot_default,
+  defaultActions: () => defaultActions
+});
+module.exports = __toCommonJS(XAiChatbot_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_x = require("@ant-design/x");
+var import_icons = require("@ant-design/icons");
+var import_clsx = __toESM(require("clsx"));
+var import_markdown_it = __toESM(require("markdown-it"));
+var import_react_html_parser = __toESM(require("react-html-parser"));
+var import_markdown = __toESM(require("../../styles/markdown"));
+var import_XAiMessage = require("../../types/XAiMessage");
+var import_empty = __toESM(require("../../assets/empty.png"));
+var import_arrow_up = __toESM(require("../../assets/arrow-up.png"));
+var import_arrow_down = __toESM(require("../../assets/arrow-down.png"));
+var import_think = __toESM(require("../../assets/think.png"));
+var import_group = __toESM(require("../../assets/group.png"));
+var import_arrow_down_blue = __toESM(require("../../assets/arrow-down-blue.png"));
+var import_useProviderContext = require("../../hooks/useProviderContext");
+var import_styles = require("./styles");
+var import_XAiSender = __toESM(require("../XAiSender"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var md = new import_markdown_it.default({
+  html: true,
+  linkify: true,
+  typographer: true
+});
+var defaultRender = md.renderer.rules.link_open || ((tokens, idx, options, env, self) => {
+  return self.renderToken(tokens, idx, options);
+});
+md.renderer.rules.link_open = (tokens, idx, options, env, self) => {
+  const aIndex = tokens[idx].attrIndex("target");
+  if (aIndex < 0) {
+    tokens[idx].attrPush(["target", "_blank"]);
+  } else {
+    tokens[idx].attrs[aIndex][1] = "_blank";
+  }
+  const relIndex = tokens[idx].attrIndex("rel");
+  if (relIndex < 0) {
+    tokens[idx].attrPush(["rel", "noopener noreferrer"]);
+  } else {
+    tokens[idx].attrs[relIndex][1] = "noopener noreferrer";
+  }
+  return defaultRender(tokens, idx, options, env, self);
+};
+var ActionHeader = ({
+  execute = [],
+  thinks = ""
+}) => {
+  var _a;
+  const styles = (0, import_styles.useStyles)();
+  const [expanded, setExpanded] = (0, import_react.useState)(true);
+  const [executeExpanded, setExecuteExpanded] = (0, import_react.useState)(false);
+  if (!thinks && (!execute || execute.length === 0))
+    return null;
+  const last = execute[execute.length - 1] || {};
+  const { name } = last;
+  const icon = (last == null ? void 0 : last.icon) || ((_a = last == null ? void 0 : last.extra) == null ? void 0 : _a.icon);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.actionHeaderWrapper, children: [
+    !expanded && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: styles.actionTitle,
+        onClick: () => setExpanded((v) => !v),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_think.default, alt: "icon", className: styles.actionHeaderIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.flex1, children: "运行过程" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { alt: "展开icon", src: import_arrow_down.default, className: styles.w("16px") })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.actionHeaderDetail, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: styles.actionDetailTitle,
+          onClick: () => setExpanded((v) => !v),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_think.default, alt: "", className: (0, import_clsx.default)(styles.w(14)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(styles.flex1, styles.pl(10)), children: "隐藏运行过程" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { alt: "收起icon", src: import_arrow_up.default, className: styles.w("16px") })
+          ]
+        }
+      ),
+      thinks && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: styles.actionDetailContent,
+          style: { whiteSpace: "pre-line" },
+          children: thinks
+        }
+      ),
+      execute && execute.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        !executeExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: styles.executeHiddenWrapper,
+            onClick: () => setExecuteExpanded((v) => !v),
+            children: [
+              icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: icon, alt: "icon", className: styles.h(15) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.flex1, children: name }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "img",
+                {
+                  alt: "工具icon",
+                  src: import_arrow_down_blue.default,
+                  className: styles.w("16px")
+                }
+              )
+            ]
+          }
+        ),
+        executeExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.executeWrapper, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              className: styles.executeTitle,
+              onClick: () => setExecuteExpanded((v) => !v),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "img",
+                  {
+                    src: import_group.default,
+                    alt: "icon",
+                    className: styles.executeHeaderIcon
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.flex1, children: "隐藏运行详情" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "img",
+                  {
+                    alt: "展开详情icon",
+                    src: import_arrow_up.default,
+                    className: styles.w("16px")
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.executeContent, children: execute.map((action, idx) => {
+            var _a2, _b, _c;
+            const thinkIcon2 = (action == null ? void 0 : action.expandIcon) || ((_a2 = action == null ? void 0 : action.extra) == null ? void 0 : _a2.expandIcon) || ((_b = action == null ? void 0 : action.extra) == null ? void 0 : _b.icon) || (action == null ? void 0 : action.icon);
+            const thinkCost = (action == null ? void 0 : action.cost) || ((_c = action == null ? void 0 : action.extra) == null ? void 0 : _c.cost);
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                className: styles.actionHeaderDetailItem,
+                children: [
+                  thinkIcon2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "img",
+                    {
+                      src: thinkIcon2,
+                      alt: "icon",
+                      className: styles.actionHeaderIcon
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: action == null ? void 0 : action.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.actionHeaderCost, children: thinkCost ? `${thinkCost}s` : "" })
+                ]
+              },
+              action.uniqueId || idx
+            );
+          }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var defaultActions = [
+  {
+    key: "redo",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.RedoOutlined, {}),
+    tooltip: "重新生成"
+  },
+  {
+    key: "copy",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CopyOutlined, {}),
+    tooltip: "复制"
+  },
+  {
+    key: "delete",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DeleteOutlined, {}),
+    tooltip: "删除"
+  }
+];
+var XAiChatbot = (props) => {
+  const styles = (0, import_styles.useStyles)();
+  const { mergedProps } = (0, import_useProviderContext.useChatbotContext)(props);
+  const {
+    navbarShow = false,
+    navbar,
+    renderNavbar = null,
+    clearBtnShow = true,
+    inputShow = true,
+    // renderMessageContent,
+    // quickReplies = [],
+    // quickRepliesVisible = true,
+    // onQuickReplyClick,
+    loading: propLoading = false,
+    messageTooltip,
+    avatar,
+    userAvatar,
+    messages: propMessages,
+    text = "",
+    footerTips = "",
+    empty = null,
+    emptyStateImage = import_empty.default,
+    emptyStateText = "我的智能体",
+    messageActions = defaultActions,
+    onMessagesActionsCallback,
+    // 点击帮助消息
+    onSuggestMessageClick,
+    onSend,
+    onClear,
+    onStop,
+    providerId,
+    // 消息顶部
+    messageTop,
+    enableUpload,
+    uploadRequest
+  } = mergedProps;
+  const messages = mergedProps.messages || propMessages || [];
+  const loading = mergedProps.loading || propLoading;
+  const [content, setContent] = (0, import_react.useState)(text);
+  const [files, setFiles] = (0, import_react.useState)([]);
+  const lastMessageId = (0, import_react.useRef)("");
+  const isScriptScrolling = (0, import_react.useRef)(false);
+  const chatId = providerId ? `za-chatbot-container-${providerId}` : "za-chatbot-container";
+  const scrollToBottom = () => {
+    isScriptScrolling.current = true;
+    setTimeout(() => {
+      const mainChatWrapper = document.getElementById(chatId);
+      if (mainChatWrapper) {
+        mainChatWrapper.scrollTop = mainChatWrapper == null ? void 0 : mainChatWrapper.scrollHeight;
+      }
+      isScriptScrolling.current = false;
+    }, 0);
+  };
+  const FooterActions = ({
+    data,
+    lastMessage = false
+  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(styles.flex, styles.gap(13)), children: messageActions.map((action, index) => {
+    var _a;
+    if (!lastMessage && action.key === "redo")
+      return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: action.tooltip, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "span",
+      {
+        className: styles.cursor("pointer"),
+        onClick: () => onMessagesActionsCallback == null ? void 0 : onMessagesActionsCallback(index, data),
+        children: [
+          action.icon,
+          (_a = action.render) == null ? void 0 : _a.call(action, index, data)
+        ]
+      }
+    ) }, action.key);
+  }) });
+  const MessageFooter = ({
+    data,
+    lastMessage = false
+  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    messageTooltip == null ? void 0 : messageTooltip(data),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterActions, { data, lastMessage })
+  ] });
+  const rolesObject = {
+    assistant: {
+      placement: "start",
+      avatar: () => {
+        return avatar || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons.UserOutlined,
+          {
+            className: (0, import_clsx.default)(styles.bg("#fde3cf"), styles.userAvatar)
+          }
+        );
+      },
+      typing: { step: 5, interval: 20, effect: "typing" },
+      style: {
+        maxWidth: 600
+      },
+      classNames: {
+        content: "assistant-content"
+      }
+    },
+    user: {
+      placement: "end",
+      avatar: () => {
+        return userAvatar || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons.UserOutlined,
+          {
+            className: (0, import_clsx.default)(styles.bg("#87d068"), styles.userAvatar)
+          }
+        );
+      },
+      classNames: {
+        content: "user-content"
+      }
+    },
+    suggestion: {
+      placement: "start",
+      avatar: () => {
+        return avatar || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons.UserOutlined,
+          {
+            className: (0, import_clsx.default)(styles.bg("#fde3cf"), styles.userAvatar)
+          }
+        );
+      },
+      variant: "borderless"
+    }
+  };
+  const handleSend = (obj) => {
+    onSend == null ? void 0 : onSend(obj);
+    setContent("");
+    setFiles([]);
+    scrollToBottom();
+  };
+  const handleChange = (str) => {
+    setContent(str);
+  };
+  const handleStop = () => {
+    onStop == null ? void 0 : onStop();
+  };
+  const NavBar = () => {
+    if (renderNavbar) {
+      return renderNavbar();
+    }
+    if (navbar == null ? void 0 : navbar.title) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: styles.navbar, children: [
+        navbar.avatar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: navbar.avatar, className: styles.avatar, alt: "" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.title, children: navbar.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.subtitle, children: navbar.subtitle })
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+  };
+  const confirmClear = () => {
+    onClear == null ? void 0 : onClear();
+  };
+  const EmptyState = (0, import_react.useMemo)(
+    () => () => empty || /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.emptyWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          src: emptyStateImage,
+          alt: "空状态图标",
+          className: styles.emptyImg
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_clsx.default)(
+            styles.text(16),
+            styles.weight(600),
+            styles.textColor("#343434")
+          ),
+          children: emptyStateText
+        }
+      )
+    ] }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [emptyStateImage, emptyStateText]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.GlobalStyle, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_markdown.default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: "x-ai-chatbot", className: styles.wrapper, children: [
+      navbarShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavBar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.messageContainer, children: (messages == null ? void 0 : messages.length) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_x.Bubble.List,
+        {
+          id: chatId,
+          role: rolesObject,
+          className: styles.messageList,
+          items: messages.map((msg) => {
+            const {
+              id,
+              role,
+              status,
+              type,
+              execute = [],
+              thinks = "",
+              extra = { noFooter: false },
+              stepContent
+            } = msg;
+            if (role === import_XAiMessage.MessageRole.assistant) {
+              lastMessageId.current = id;
+            }
+            const bubbleContent = {
+              key: id,
+              role,
+              loading: status === import_XAiMessage.MessageStatus.init,
+              header: () => messageTop || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionHeader, { execute, thinks }),
+              content: (() => {
+                var _a, _b;
+                if (type === "TextMessage") {
+                  if (role === "user") {
+                    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "div",
+                      {
+                        className: "ai-markdown-body",
+                        style: {
+                          minWidth: 0,
+                          maxWidth: 600
+                        },
+                        children: (_a = msg.content) == null ? void 0 : _a.text
+                      }
+                    );
+                  }
+                  const html = md.render(((_b = msg.content) == null ? void 0 : _b.text) || "");
+                  const htmlString = (0, import_react_html_parser.default)(html);
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                    (stepContent == null ? void 0 : stepContent.length) && stepContent.map((item) => {
+                      const html2 = md.render(item.content || "");
+                      const stepHtmlString = (0, import_react_html_parser.default)(html2);
+                      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        "div",
+                        {
+                          className: "ai-markdown-body step-content",
+                          style: {
+                            minWidth: 0,
+                            maxWidth: 600
+                          },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: stepHtmlString }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.stepLine })
+                          ]
+                        },
+                        item.id
+                      );
+                    }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "div",
+                      {
+                        className: "ai-markdown-body",
+                        style: {
+                          minWidth: 0,
+                          maxWidth: 600
+                        },
+                        children: htmlString
+                      }
+                    )
+                  ] });
+                }
+                if (type === "SuggestionMessage") {
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_x.Prompts,
+                    {
+                      vertical: true,
+                      items: msg.content,
+                      onItemClick: (info) => {
+                        onSuggestMessageClick == null ? void 0 : onSuggestMessageClick(info == null ? void 0 : info.data, id);
+                        if (info.data.description) {
+                          onSend == null ? void 0 : onSend({
+                            text: info.data.description
+                          });
+                        }
+                      }
+                    }
+                  );
+                }
+                return null;
+              })()
+            };
+            if (!extra.noFooter) {
+              bubbleContent.footer = () => {
+                var _a;
+                const msgFiles = ((_a = msg.content) == null ? void 0 : _a.files) || [];
+                if (role === import_XAiMessage.MessageRole.user && msgFiles.length) {
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Flex, { gap: 8, wrap: true, justify: "flex-end", children: msgFiles.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_x.FileCard,
+                    {
+                      styles: {
+                        file: (f == null ? void 0 : f.fileType) === "image" ? {
+                          width: 100,
+                          height: 100
+                        } : {}
+                      },
+                      ...f,
+                      name: f.fileName,
+                      size: f.fileSize,
+                      type: f.fileType,
+                      src: f.fileUrl
+                    },
+                    f.fileId
+                  )) });
+                }
+                if (role === import_XAiMessage.MessageRole.assistant && status !== import_XAiMessage.MessageStatus.failed) {
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    MessageFooter,
+                    {
+                      data: msg,
+                      lastMessage: lastMessageId.current === id
+                    }
+                  );
+                }
+              };
+            }
+            return bubbleContent;
+          })
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, {}) }),
+      inputShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_XAiSender.default,
+        {
+          value: content,
+          loading,
+          footerTips,
+          clearBtnShow,
+          enableUpload,
+          files,
+          onChangeFiles: setFiles,
+          uploadRequest,
+          onChange: handleChange,
+          onSubmit: handleSend,
+          onStop: handleStop,
+          onClear: confirmClear
+        }
+      )
+    ] })
+  ] });
+};
+var XAiChatbot_default = XAiChatbot;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionHeader,
+  defaultActions
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/XAiChatbot/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiChatbot/index.tsx"],
+  "sourcesContent": ["// 文件: components/XAiChatbot/index.tsx\n\nimport React, { useRef, useState, useMemo } from \"react\";\nimport { Tooltip, GetProp, Flex } from \"antd\";\nimport { Bubble, Prompts, FileCard } from \"@ant-design/x\";\nimport {\n  UserOutlined,\n  RedoOutlined,\n  CopyOutlined,\n  DeleteOutlined,\n} from \"@ant-design/icons\";\nimport clsx from \"clsx\";\nimport MarkdownIt from \"markdown-it\";\nimport reactHtmlParser from \"react-html-parser\";\nimport type { Attachment } from \"@ant-design/x/es/attachments\";\nimport MarkdownGlobalStyle from \"@/styles/markdown\";\nimport { MessageStatus, MessageRole, Messages } from \"@/types/XAiMessage\";\nimport { XAiChatbotProps, ActionItem } from \"@/types/XAiChatbot\";\nimport emptyIcon from \"@/assets/empty.png\";\nimport arrowUp from \"@/assets/arrow-up.png\";\nimport arrowDown from \"@/assets/arrow-down.png\";\nimport thinkIcon from \"@/assets/think.png\";\nimport groupIcon from \"@/assets/group.png\";\nimport arrowDownBlue from \"@/assets/arrow-down-blue.png\";\nimport { useChatbotContext } from \"@/hooks/useProviderContext\";\nimport { useStyles, GlobalStyle } from \"./styles\";\nimport XAiSender from \"../XAiSender\";\nimport type { SendContent } from \"@/types\";\n\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: true,\n});\n\n// 自定义 link_open 渲染规则\nconst defaultRender =\n  md.renderer.rules.link_open ||\n  ((tokens, idx, options, env, self) => {\n    return self.renderToken(tokens, idx, options);\n  });\n\n// a 标签打开规则\nmd.renderer.rules.link_open = (tokens, idx, options, env, self) => {\n  // 添加 target=\"_blank\"\n  const aIndex = tokens[idx].attrIndex(\"target\");\n  if (aIndex < 0) {\n    tokens[idx].attrPush([\"target\", \"_blank\"]);\n  } else {\n    tokens[idx].attrs![aIndex][1] = \"_blank\";\n  }\n  // 添加 rel=\"noopener noreferrer\"\n  const relIndex = tokens[idx].attrIndex(\"rel\");\n  if (relIndex < 0) {\n    tokens[idx].attrPush([\"rel\", \"noopener noreferrer\"]);\n  } else {\n    tokens[idx].attrs![relIndex][1] = \"noopener noreferrer\";\n  }\n  return defaultRender(tokens, idx, options, env, self);\n};\n\nexport interface ActionHeaderProps {\n  execute: any[];\n  thinks: string;\n}\n\n// ActionHeader 组件\nexport const ActionHeader: React.FC<ActionHeaderProps> = ({\n  execute = [],\n  thinks = \"\",\n}) => {\n  const styles = useStyles();\n  const [expanded, setExpanded] = useState(true);\n  const [executeExpanded, setExecuteExpanded] = useState(false);\n\n  // 关键修复：只要有思考内容或执行过程就显示，不要同时要求两者都有\n  if (!thinks && (!execute || execute.length === 0)) return null;\n\n  const last = execute[execute.length - 1] || {};\n  const { name } = last;\n  const icon = last?.icon || last?.extra?.icon;\n\n  return (\n    <div className={styles.actionHeaderWrapper}>\n      {!expanded && (\n        <div\n          className={styles.actionTitle}\n          onClick={() => setExpanded((v) => !v)}\n        >\n          <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} />\n          <span className={styles.flex1}>运行过程</span>\n          <img alt=\"展开icon\" src={arrowDown} className={styles.w(\"16px\")} />\n        </div>\n      )}\n      {expanded && (\n        <div className={styles.actionHeaderDetail}>\n          <div\n            className={styles.actionDetailTitle}\n            onClick={() => setExpanded((v) => !v)}\n          >\n            <img src={thinkIcon} alt=\"\" className={clsx(styles.w(14))} />\n            <div className={clsx(styles.flex1, styles.pl(10))}>\n              隐藏运行过程\n            </div>\n            <img alt=\"收起icon\" src={arrowUp} className={styles.w(\"16px\")} />\n          </div>\n\n          {thinks && (\n            <div\n              className={styles.actionDetailContent}\n              style={{ whiteSpace: \"pre-line\" }}\n            >\n              {thinks}\n            </div>\n          )}\n\n          {execute && execute.length > 0 && (\n            <>\n              {!executeExpanded && (\n                <div\n                  className={styles.executeHiddenWrapper}\n                  onClick={() => setExecuteExpanded((v) => !v)}\n                >\n                  {icon && (\n                    <img src={icon} alt=\"icon\" className={styles.h(15)} />\n                  )}\n                  <span className={styles.flex1}>{name}</span>\n                  <img\n                    alt=\"工具icon\"\n                    src={arrowDownBlue}\n                    className={styles.w(\"16px\")}\n                  />\n                </div>\n              )}\n              {executeExpanded && (\n                <div className={styles.executeWrapper}>\n                  <div\n                    className={styles.executeTitle}\n                    onClick={() => setExecuteExpanded((v) => !v)}\n                  >\n                    <img\n                      src={groupIcon}\n                      alt=\"icon\"\n                      className={styles.executeHeaderIcon}\n                    />\n                    <span className={styles.flex1}>隐藏运行详情</span>\n                    <img\n                      alt=\"展开详情icon\"\n                      src={arrowUp}\n                      className={styles.w(\"16px\")}\n                    />\n                  </div>\n                  <div className={styles.executeContent}>\n                    {execute.map((action: any, idx: number) => {\n                      const thinkIcon2 =\n                        action?.expandIcon ||\n                        action?.extra?.expandIcon ||\n                        action?.extra?.icon ||\n                        action?.icon;\n                      const thinkCost = action?.cost || action?.extra?.cost;\n                      return (\n                        <div\n                          key={action.uniqueId || idx}\n                          className={styles.actionHeaderDetailItem}\n                        >\n                          {thinkIcon2 && (\n                            <img\n                              src={thinkIcon2}\n                              alt=\"icon\"\n                              className={styles.actionHeaderIcon}\n                            />\n                          )}\n                          <span>{action?.name}</span>\n                          <span className={styles.actionHeaderCost}>\n                            {thinkCost ? `${thinkCost}s` : \"\"}\n                          </span>\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// 默认消息功能区\nexport const defaultActions: ActionItem[] = [\n  {\n    key: \"redo\",\n    icon: <RedoOutlined />,\n    tooltip: \"重新生成\",\n  },\n  {\n    key: \"copy\",\n    icon: <CopyOutlined />,\n    tooltip: \"复制\",\n  },\n  {\n    key: \"delete\",\n    icon: <DeleteOutlined />,\n    tooltip: \"删除\",\n  },\n];\n\nconst XAiChatbot: React.FC<XAiChatbotProps> = (props) => {\n  const styles = useStyles();\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n\n  const {\n    navbarShow = false,\n    navbar,\n    renderNavbar = null,\n    clearBtnShow = true,\n    inputShow = true,\n    // renderMessageContent,\n    // quickReplies = [],\n    // quickRepliesVisible = true,\n    // onQuickReplyClick,\n    loading: propLoading = false,\n    messageTooltip,\n    avatar,\n    userAvatar,\n    messages: propMessages,\n    text = \"\",\n    footerTips = \"\",\n    empty = null,\n    emptyStateImage = emptyIcon,\n    emptyStateText = \"我的智能体\",\n    messageActions = defaultActions,\n    onMessagesActionsCallback,\n    // 点击帮助消息\n    onSuggestMessageClick,\n    onSend,\n    onClear,\n    onStop,\n    providerId,\n    // 消息顶部\n    messageTop,\n    enableUpload,\n    uploadRequest,\n  } = mergedProps as XAiChatbotProps;\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const messages = mergedProps.messages || propMessages || [];\n  const loading = mergedProps.loading || propLoading;\n\n  const [content, setContent] = useState<string>(text); // 输入框文本\n  const [files, setFiles] = useState<Attachment[]>([]);\n  const lastMessageId = useRef<string>(\"\");\n  const isScriptScrolling = useRef<boolean>(false);\n  const chatId = providerId\n    ? `za-chatbot-container-${providerId}`\n    : \"za-chatbot-container\";\n\n  // 滚动到最底部\n  const scrollToBottom = () => {\n    isScriptScrolling.current = true;\n    setTimeout(() => {\n      const mainChatWrapper = document.getElementById(chatId);\n      if (mainChatWrapper) {\n        mainChatWrapper.scrollTop = mainChatWrapper?.scrollHeight;\n      }\n      isScriptScrolling.current = false;\n    }, 0);\n  };\n\n  // 消息功能区组件\n  const FooterActions: React.FC<{ data: Messages; lastMessage: boolean }> = ({\n    data,\n    lastMessage = false,\n  }) => (\n    <div className={clsx(styles.flex, styles.gap(13))}>\n      {messageActions.map((action: ActionItem, index: number) => {\n        if (!lastMessage && action.key === \"redo\") return null;\n        return (\n          <Tooltip key={action.key} title={action.tooltip}>\n            <span\n              className={styles.cursor(\"pointer\")}\n              onClick={() => onMessagesActionsCallback?.(index, data)}\n            >\n              {action.icon}\n              {action.render?.(index, data)}\n            </span>\n          </Tooltip>\n        );\n      })}\n    </div>\n  );\n\n  // 消息底部区域\n  const MessageFooter: React.FC<{ data: Messages; lastMessage: boolean }> = ({\n    data,\n    lastMessage = false,\n  }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} lastMessage={lastMessage} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, \"role\"> = {\n    assistant: {\n      placement: \"start\",\n      avatar: () => {\n        return (\n          avatar || (\n            <UserOutlined\n              className={clsx(styles.bg(\"#fde3cf\"), styles.userAvatar)}\n            />\n          )\n        );\n      },\n      typing: { step: 5, interval: 20, effect: \"typing\" },\n      style: {\n        maxWidth: 600,\n      },\n      classNames: {\n        content: \"assistant-content\",\n      },\n    },\n    user: {\n      placement: \"end\",\n      avatar: () => {\n        return (\n          userAvatar || (\n            <UserOutlined\n              className={clsx(styles.bg(\"#87d068\"), styles.userAvatar)}\n            />\n          )\n        );\n      },\n      classNames: {\n        content: \"user-content\",\n      },\n    },\n    suggestion: {\n      placement: \"start\",\n      avatar: () => {\n        return (\n          avatar || (\n            <UserOutlined\n              className={clsx(styles.bg(\"#fde3cf\"), styles.userAvatar)}\n            />\n          )\n        );\n      },\n      variant: \"borderless\",\n    },\n  };\n\n  // 触发发送\n  const handleSend = (obj: SendContent) => {\n    // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n    onSend?.(obj);\n    setContent(\"\"); // 发送后清空输入框内容\n    setFiles([]); // 发送后清空文件\n    scrollToBottom();\n  };\n\n  // 输出内容\n  const handleChange = (str: string) => {\n    setContent(str);\n  };\n\n  // 停止生成\n  const handleStop = () => {\n    onStop?.();\n  };\n\n  // 导航栏\n  const NavBar: React.FC = () => {\n    if (renderNavbar) {\n      return renderNavbar();\n    }\n    if (navbar?.title) {\n      return (\n        <header className={styles.navbar}>\n          {navbar.avatar && (\n            <img src={navbar.avatar} className={styles.avatar} alt=\"\" />\n          )}\n          <div>\n            <div className={styles.title}>{navbar.title}</div>\n            <div className={styles.subtitle}>{navbar.subtitle}</div>\n          </div>\n        </header>\n      );\n    }\n    return <></>;\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n  };\n\n  // 空状态\n  const EmptyState = useMemo(\n    () => () =>\n      empty || (\n        <div className={styles.emptyWrapper}>\n          <img\n            src={emptyStateImage}\n            alt=\"空状态图标\"\n            className={styles.emptyImg}\n          />\n          <div\n            className={clsx(\n              styles.text(16),\n              styles.weight(600),\n              styles.textColor(\"#343434\"),\n            )}\n          >\n            {emptyStateText}\n          </div>\n        </div>\n      ),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    [emptyStateImage, emptyStateText],\n  );\n\n  return (\n    <>\n      <GlobalStyle />\n      <MarkdownGlobalStyle />\n      <div id=\"x-ai-chatbot\" className={styles.wrapper}>\n        {navbarShow && <NavBar />}\n        {/** 消息容器 */}\n        <div className={styles.messageContainer}>\n          {/* 消息列表主体 */}\n          {messages?.length ? (\n            <Bubble.List\n              id={chatId}\n              role={rolesObject}\n              className={styles.messageList}\n              items={messages.map((msg: any) => {\n                const {\n                  id,\n                  role,\n                  status,\n                  type,\n                  execute = [],\n                  thinks = \"\",\n                  extra = { noFooter: false },\n                  stepContent,\n                } = msg as Messages;\n                // 最后一条 AI消息标识\n                if (role === MessageRole.assistant) {\n                  lastMessageId.current = id;\n                }\n                // 会话内容\n                const bubbleContent: any = {\n                  key: id,\n                  role,\n                  loading: status === MessageStatus.init,\n                  header: () =>\n                    messageTop || (\n                      <ActionHeader execute={execute} thinks={thinks} />\n                    ),\n                  content: (() => {\n                    // 文本消息\n                    if (type === \"TextMessage\") {\n                      // 用户消息\n                      if (role === \"user\") {\n                        return (\n                          <div\n                            className=\"ai-markdown-body\"\n                            style={{\n                              minWidth: 0,\n                              maxWidth: 600,\n                            }}\n                          >\n                            {msg.content?.text}\n                          </div>\n                        );\n                      }\n\n                      // 输出html字符串\n                      const html = md.render(msg.content?.text || \"\");\n                      // 生成React节点\n                      const htmlString = reactHtmlParser(html);\n                      return (\n                        <>\n                          {/* 输出阶段性回答内容 */}\n                          {stepContent?.length &&\n                            stepContent.map((item) => {\n                              // 输出html字符串\n                              const html2 = md.render(item.content || \"\");\n                              // 生成React节点\n                              const stepHtmlString = reactHtmlParser(html2);\n                              return (\n                                <div\n                                  key={item.id}\n                                  className=\"ai-markdown-body step-content\"\n                                  style={{\n                                    minWidth: 0,\n                                    maxWidth: 600,\n                                  }}\n                                >\n                                  <div>{stepHtmlString}</div>\n                                  <div className={styles.stepLine} />\n                                </div>\n                              );\n                            })}\n                          {/** 输出最终回答内容 */}\n                          <div\n                            className=\"ai-markdown-body\"\n                            style={{\n                              minWidth: 0,\n                              maxWidth: 600,\n                            }}\n                          >\n                            {htmlString}\n                          </div>\n                        </>\n                      );\n                    }\n                    // 提示类型\n                    if (type === \"SuggestionMessage\") {\n                      return (\n                        <Prompts\n                          vertical\n                          items={msg.content as any}\n                          onItemClick={(info) => {\n                            onSuggestMessageClick?.(info?.data, id);\n                            if (info.data.description) {\n                              onSend?.({\n                                text: info.data.description as string,\n                              });\n                            }\n                          }}\n                        />\n                      );\n                    }\n                    // 其他类型...\n                    return null;\n                  })(),\n                };\n\n                if (!extra.noFooter) {\n                  bubbleContent.footer = () => {\n                    const msgFiles = msg.content?.files || [];\n                    if (role === MessageRole.user && msgFiles.length) {\n                      return (\n                        <Flex gap={8} wrap justify=\"flex-end\">\n                          {msgFiles.map((f: any) => (\n                            <FileCard\n                              styles={{\n                                file:\n                                  f?.fileType === \"image\"\n                                    ? {\n                                        width: 100,\n                                        height: 100,\n                                      }\n                                    : {},\n                              }}\n                              key={f.fileId}\n                              {...f}\n                              name={f.fileName}\n                              size={f.fileSize}\n                              type={f.fileType}\n                              src={f.fileUrl}\n                            />\n                          ))}\n                        </Flex>\n                      );\n                    }\n                    if (\n                      role === MessageRole.assistant &&\n                      status !== MessageStatus.failed\n                    ) {\n                      return (\n                        <MessageFooter\n                          data={msg as Messages}\n                          lastMessage={lastMessageId.current === id}\n                        />\n                      );\n                    }\n                  };\n                }\n\n                return bubbleContent;\n              })}\n            />\n          ) : (\n            <EmptyState />\n          )}\n        </div>\n        {/* 输入框 */}\n        {inputShow && (\n          <XAiSender\n            value={content}\n            loading={loading}\n            footerTips={footerTips}\n            clearBtnShow={clearBtnShow}\n            enableUpload={enableUpload}\n            files={files}\n            onChangeFiles={setFiles}\n            uploadRequest={uploadRequest}\n            onChange={handleChange}\n            onSubmit={handleSend}\n            onStop={handleStop}\n            onClear={confirmClear}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default XAiChatbot;\n"],
+  "mappings": "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",
+  "names": ["MarkdownIt", "thinkIcon", "arrowDown", "clsx", "arrowUp", "arrowDownBlue", "groupIcon", "_a", "emptyIcon", "MarkdownGlobalStyle", "reactHtmlParser", "XAiSender"]
+}