@ai-group/chat-sdk 1.0.11 → 1.0.12

package/dist/cjs/components/DislikeFeedback.js

@@ -0,0 +1,79 @@
+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/DislikeFeedback.tsx
+var DislikeFeedback_exports = {};
+__export(DislikeFeedback_exports, {
+  DislikeFeedback: () => DislikeFeedback,
+  default: () => DislikeFeedback_default
+});
+module.exports = __toCommonJS(DislikeFeedback_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var import_FeedbackTags = __toESM(require("./FeedbackTags"));
+var DislikeFeedback = ({ msg, activeColor, onSubmit }) => {
+  const [form] = import_antd.Form.useForm();
+  const [showFeedback, setShowFeedback] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      trigger: ["click"],
+      open: showFeedback,
+      onOpenChange: (v) => {
+        if (v) {
+          form.resetFields();
+        }
+        setShowFeedback(v);
+      },
+      title: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, "抱歉，未能满足您的需求"), /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#999", fontWeight: "normal", marginBottom: 12 } }, "为提升您的使用体验，请告诉我们不足的方向")),
+      content: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "feedbackTags", style: { marginBottom: 12 } }, /* @__PURE__ */ import_react.default.createElement(import_FeedbackTags.default, null)), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "feedbackDescription", style: { marginBottom: 12 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { rows: 4, placeholder: "欢迎说说你的想法" })), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "primary",
+          block: true,
+          onClick: async () => {
+            const formData = await form.validateFields();
+            const res = await onSubmit(formData);
+            if (res) {
+              setShowFeedback(false);
+            }
+          }
+        },
+        "提交反馈"
+      )))
+    },
+    msg.isLike === -1 ? /* @__PURE__ */ import_react.default.createElement(import_icons.DislikeFilled, { style: { color: activeColor } }) : /* @__PURE__ */ import_react.default.createElement(import_icons.DislikeOutlined, null)
+  );
+};
+var DislikeFeedback_default = DislikeFeedback;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DislikeFeedback
+});
+//# sourceMappingURL=DislikeFeedback.js.map

package/dist/cjs/components/DislikeFeedback.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DislikeFeedback.tsx"],
+  "sourcesContent": ["import { Button, Form, Input, Popover } from 'antd';\nimport React, { useState } from 'react';\nimport { DislikeFilled, DislikeOutlined } from '@ant-design/icons';\nimport FeedbackTags from './FeedbackTags';\n\nexport interface DislikeFeedbackProps {\n  msg: any;\n  activeColor: string;\n  onSubmit: (v: any) => Promise<boolean>;\n}\n\nexport const DislikeFeedback: React.FC<DislikeFeedbackProps> = ({ msg, activeColor, onSubmit }) => {\n  const [form] = Form.useForm();\n  const [showFeedback, setShowFeedback] = useState(false);\n  return (\n    <Popover\n      trigger={['click']}\n      open={showFeedback}\n      onOpenChange={(v) => {\n        if (v) {\n          form.resetFields();\n        }\n        setShowFeedback(v);\n      }}\n      title={(\n        <div>\n          <div>抱歉，未能满足您的需求</div>\n          <div style={{ color: '#999', fontWeight: 'normal', marginBottom: 12 }}>\n            为提升您的使用体验，请告诉我们不足的方向\n          </div>\n        </div>\n      )}\n      content={(\n        <div>\n          <Form form={form}>\n            <Form.Item name=\"feedbackTags\" style={{ marginBottom: 12 }}>\n              <FeedbackTags />\n            </Form.Item>\n            <Form.Item name=\"feedbackDescription\" style={{ marginBottom: 12 }}>\n              <Input.TextArea rows={4} placeholder=\"欢迎说说你的想法\" />\n            </Form.Item>\n            <Button\n              type=\"primary\"\n              block\n              onClick={async () => {\n                const formData = await form.validateFields();\n                const res = await onSubmit(formData);\n                if (res) {\n                  setShowFeedback(false);\n                }\n              }}\n            >\n              提交反馈\n            </Button>\n          </Form>\n        </div>\n      )}\n    >\n      {msg.isLike === -1\n        ? (\n          <DislikeFilled style={{ color: activeColor }} />\n        )\n        : (\n          <DislikeOutlined />\n        )}\n    </Popover>\n  );\n};\n\nexport default DislikeFeedback;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6C;AAC7C,mBAAgC;AAChC,mBAA+C;AAC/C,0BAAyB;AAQlB,IAAM,kBAAkD,CAAC,EAAE,KAAK,aAAa,SAAS,MAAM;AACjG,QAAM,CAAC,IAAI,IAAI,iBAAK,QAAQ;AAC5B,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AACtD,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,OAAO;AAAA,MACjB,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,YAAI,GAAG;AACL,eAAK,YAAY;AAAA,QACnB;AACA,wBAAgB,CAAC;AAAA,MACnB;AAAA,MACA,OACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,aAAI,aAAW,GAChB,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,YAAY,UAAU,cAAc,GAAG,KAAG,sBAEvE,CACF;AAAA,MAEF,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,oBAAK,QACJ,6BAAAA,QAAA,cAAC,iBAAK,MAAL,EAAU,MAAK,gBAAe,OAAO,EAAE,cAAc,GAAG,KACvD,6BAAAA,QAAA,cAAC,oBAAAC,SAAA,IAAa,CAChB,GACA,6BAAAD,QAAA,cAAC,iBAAK,MAAL,EAAU,MAAK,uBAAsB,OAAO,EAAE,cAAc,GAAG,KAC9D,6BAAAA,QAAA,cAAC,kBAAM,UAAN,EAAe,MAAM,GAAG,aAAY,YAAW,CAClD,GACA,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAK;AAAA,UACL,SAAS,YAAY;AACnB,kBAAM,WAAW,MAAM,KAAK,eAAe;AAC3C,kBAAM,MAAM,MAAM,SAAS,QAAQ;AACnC,gBAAI,KAAK;AACP,8BAAgB,KAAK;AAAA,YACvB;AAAA,UACF;AAAA;AAAA,QACD;AAAA,MAED,CACF,CACF;AAAA;AAAA,IAGD,IAAI,WAAW,KAEZ,6BAAAA,QAAA,cAAC,8BAAc,OAAO,EAAE,OAAO,YAAY,GAAG,IAG9C,6BAAAA,QAAA,cAAC,kCAAgB;AAAA,EAEvB;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["React", "FeedbackTags"]
+}

package/dist/cjs/components/FeedbackTags.js

@@ -0,0 +1,62 @@
+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/FeedbackTags.tsx
+var FeedbackTags_exports = {};
+__export(FeedbackTags_exports, {
+  FeedbackTags: () => FeedbackTags,
+  default: () => FeedbackTags_default
+});
+module.exports = __toCommonJS(FeedbackTags_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var allTags = ["回答错误", "需求理解错", "内容质量差", "逻辑混乱", "可读性差", "遗忘了上文", "时效性差", "其他"];
+var FeedbackTags = ({ value, onChange }) => {
+  const tags = value ? value.split(",") : [];
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: 8, wrap: true, style: { width: 305 } }, allTags.map((v) => /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      key: v,
+      type: tags.includes(v) ? "primary" : "default",
+      onClick: () => {
+        if (tags.includes(v)) {
+          onChange == null ? void 0 : onChange(tags.filter((t) => t !== v).join(","));
+        } else {
+          onChange == null ? void 0 : onChange([...tags, v].join(","));
+        }
+      }
+    },
+    v
+  )));
+};
+var FeedbackTags_default = FeedbackTags;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FeedbackTags
+});
+//# sourceMappingURL=FeedbackTags.js.map

package/dist/cjs/components/FeedbackTags.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/FeedbackTags.tsx"],
+  "sourcesContent": ["import { Button, Flex } from 'antd';\nimport React from 'react';\n\nexport interface FeedbackTagsProps {\n  value?: string;\n  onChange?: (v?: string) => void;\n}\n\nconst allTags = ['回答错误', '需求理解错', '内容质量差', '逻辑混乱', '可读性差', '遗忘了上文', '时效性差', '其他'];\n\nexport const FeedbackTags: React.FC<FeedbackTagsProps> = ({ value, onChange }) => {\n  const tags = value ? value.split(',') : [];\n  return (\n    <Flex gap={8} wrap style={{ width: 305 }}>\n      {allTags.map((v) => (\n        <Button\n          key={v}\n          type={tags.includes(v) ? 'primary' : 'default'}\n          onClick={() => {\n            if (tags.includes(v)) {\n              onChange?.(tags.filter((t) => t !== v).join(','));\n            } else {\n              onChange?.([...tags, v].join(','));\n            }\n          }}\n        >\n          {v}\n        </Button>\n      ))}\n    </Flex>\n  );\n};\n\nexport default FeedbackTags;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAC7B,mBAAkB;AAOlB,IAAM,UAAU,CAAC,QAAQ,SAAS,SAAS,QAAQ,QAAQ,SAAS,QAAQ,IAAI;AAEzE,IAAM,eAA4C,CAAC,EAAE,OAAO,SAAS,MAAM;AAChF,QAAM,OAAO,QAAQ,MAAM,MAAM,GAAG,IAAI,CAAC;AACzC,SACE,6BAAAA,QAAA,cAAC,oBAAK,KAAK,GAAG,MAAI,MAAC,OAAO,EAAE,OAAO,IAAI,KACpC,QAAQ,IAAI,CAAC,MACZ,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,KAAK,SAAS,CAAC,IAAI,YAAY;AAAA,MACrC,SAAS,MAAM;AACb,YAAI,KAAK,SAAS,CAAC,GAAG;AACpB,+CAAW,KAAK,OAAO,CAAC,MAAM,MAAM,CAAC,EAAE,KAAK,GAAG;AAAA,QACjD,OAAO;AACL,+CAAW,CAAC,GAAG,MAAM,CAAC,EAAE,KAAK,GAAG;AAAA,QAClC;AAAA,MACF;AAAA;AAAA,IAEC;AAAA,EACH,CACD,CACH;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": ["React"]
+}

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

@@ -30,7 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var XAiChatbot_exports = {};
 __export(XAiChatbot_exports, {
   ActionHeader: () => ActionHeader,
-  default: () => XAiChatbot_default
+  default: () => XAiChatbot_default,
+  defaultActions: () => defaultActions
 });
 module.exports = __toCommonJS(XAiChatbot_exports);
 var import_react = __toESM(require("react"));
@@ -215,7 +216,7 @@ var XAiChatbot = (props) => {
   const confirmClear = () => {
     onClear == null ? void 0 : onClear();
   };
-  const EmptyState = (0, import_react.useMemo)(() => () => empty ? empty : /* @__PURE__ */ import_react.default.createElement("div", { className: styles.emptyWrapper }, /* @__PURE__ */ import_react.default.createElement("img", { src: emptyStateImage, alt: "空状态图标", className: styles.emptyImg }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(styles.text(16), styles.weight(600), styles.textColor("#343434")) }, emptyStateText)), [emptyStateImage, emptyStateText]);
+  const EmptyState = (0, import_react.useMemo)(() => () => empty || /* @__PURE__ */ import_react.default.createElement("div", { className: styles.emptyWrapper }, /* @__PURE__ */ import_react.default.createElement("img", { src: emptyStateImage, alt: "空状态图标", className: styles.emptyImg }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(styles.text(16), styles.weight(600), styles.textColor("#343434")) }, emptyStateText)), [emptyStateImage, emptyStateText]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.GlobalStyle, null), /* @__PURE__ */ import_react.default.createElement(import_markdown.default, null), /* @__PURE__ */ import_react.default.createElement("div", { id: "x-ai-chatbot", className: styles.wrapper }, navbarShow && /* @__PURE__ */ import_react.default.createElement(NavBar, null), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.messageContainer }, (messages == null ? void 0 : messages.length) ? /* @__PURE__ */ import_react.default.createElement(
     import_x.Bubble.List,
     {
@@ -311,6 +312,7 @@ var XAiChatbot = (props) => {
 var XAiChatbot_default = XAiChatbot;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ActionHeader
+  ActionHeader,
+  defaultActions
 });
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/index.tsx"],
-  "sourcesContent": ["// 文件: components/XAiChatbot/index.tsx\n\nimport React, {\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport {\n  Tooltip,\n  GetProp,\n} from 'antd';\nimport {\n  Bubble,\n  Prompts,\n} 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 MarkdownGlobalStyle from '@/styles/markdown';\nimport {\n  MessageStatus,\n  MessageRole,\n  Messages,\n} from '@/types/XAiMessage';\nimport {\n  XAiChatbotProps,\n  ActionItem,\n} 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';\n\nconst styles = useStyles();\n\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: true,\n});\n\n// 自定义 link_open 渲染规则\nconst defaultRender = md.renderer.rules.link_open || ((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> = ({ execute = [], thinks = '' }) => {\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 className={styles.actionTitle} onClick={() => setExpanded(v => !v)}>\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 className={styles.actionDetailTitle} onClick={() => setExpanded(v => !v)}>\n            <img src={thinkIcon} alt=\"\" className={clsx(styles.w(14))} />\n            <div className={clsx(styles.flex1, styles.pl(10))}>隐藏运行过程</div>\n            <img alt=\"收起icon\" src={arrowUp} className={styles.w('16px')} />\n          </div>\n          \n          {thinks && (\n            <div className={styles.actionDetailContent} style={{ whiteSpace: 'pre-line' }}>\n              {thinks}\n            </div>\n          )}\n          \n          {execute && execute.length > 0 && (\n            <>\n              {!executeExpanded && (\n                <div className={styles.executeHiddenWrapper} onClick={() => setExecuteExpanded(v => !v)}>\n                  {icon && <img src={icon} alt=\"icon\" className={styles.h(15)} />}\n                  <span className={styles.flex1}>{name}</span>\n                  <img alt=\"工具icon\" src={arrowDownBlue} className={styles.w('16px')} />\n                </div>\n              )}\n              {executeExpanded && (\n                <div className={styles.executeWrapper}>\n                  <div className={styles.executeTitle} onClick={() => setExecuteExpanded(v => !v)}>\n                    <img src={groupIcon} alt=\"icon\" className={styles.executeHeaderIcon} />\n                    <span className={styles.flex1}>隐藏运行详情</span>\n                    <img alt=\"展开详情icon\" src={arrowUp} className={styles.w('16px')} />\n                  </div>\n                  <div className={styles.executeContent}>\n                    {execute.map((action: any, idx: number) => {\n                      const thinkIcon = action?.expandIcon || action?.extra?.expandIcon || action?.extra?.icon || action?.icon;\n                      const thinkCost = action?.cost || action?.extra?.cost;\n                      return (\n                        <div key={action.uniqueId || idx} className={styles.actionHeaderDetailItem}>\n                          {thinkIcon && <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} />}\n                          <span>{action?.name}</span>\n                          <span className={styles.actionHeaderCost}>{thinkCost ? `${thinkCost}s` : ''}</span>\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// 默认消息功能区\nconst 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\n\nconst XAiChatbot: React.FC<XAiChatbotProps> = (props) => {\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  } = mergedProps;\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 lastMessageId = useRef<string>('');\n  const isScriptScrolling = useRef<boolean>(false);\n  const chatId = providerId ? `za-chatbot-container-${providerId}` : '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 }> = ({ data, lastMessage = false }) => (\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 className={styles.cursor('pointer')} onClick={() => onMessagesActionsCallback?.(index, data)}>\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 }> = ({ data, lastMessage = false }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} lastMessage={lastMessage} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, 'roles'> = {\n    assistant: {\n      placement: 'start',\n      avatar: { icon: avatar || <UserOutlined className={clsx(styles.bg('#fde3cf'), styles.userAvatar)} /> },\n      typing: { step: 5, interval: 20 },\n      style: {\n        maxWidth: 600,\n      },\n      classNames: {\n        content: 'assistant-content',\n      },\n    },\n    user: {\n      placement: 'end',\n      avatar: { icon: userAvatar || <UserOutlined className={clsx(styles.bg('#87d068'), styles.userAvatar)} /> },\n      classNames: {\n        content: 'user-content',\n      },\n    },\n    suggestion: {\n      placement: 'start',\n      avatar: { icon: <UserOutlined />, style: { visibility: 'hidden' } },\n      variant: 'borderless',\n    },\n  };\n\n  // 触发发送\n  const handleSend = (type: string, content: string) => {\n    if (content.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSend?.(type, content);\n      setContent(''); // 发送后清空输入框内容\n      scrollToBottom();\n    }\n  };\n\n  // 输出内容\n  const handleChange = (content: string) => {\n    setContent(content);\n  }\n\n  // 停止生成\n  const handleStop = () => {\n    onStop?.();\n  }\n\n  // 导航栏\n  const NavBar: React.FC = () => {\n    if (renderNavbar) {\n      return renderNavbar();\n    } if (navbar?.title) {\n      return (\n        <header className={styles.navbar}>\n          {navbar.avatar && <img src={navbar.avatar} className={styles.avatar} alt=\"\" />}\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    empty ? empty : <div className={styles.emptyWrapper}>\n      <img src={emptyStateImage} alt=\"空状态图标\" className={styles.emptyImg} />\n      <div className={clsx(styles.text(16), styles.weight(600), styles.textColor('#343434'))}>{emptyStateText}</div>\n    </div>\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [emptyStateImage, emptyStateText]);\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          {\n          messages?.length\n            ? (\n              <Bubble.List\n                id={chatId}\n                roles={rolesObject}\n                className={styles.messageList}\n                items={messages.map((msg: any) => {\n                  const { id, role, status, type, execute = [], thinks = '', extra = { noFooter: false } } = 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: (() => messageTop || \n                      <ActionHeader\n                        execute={execute}\n                        thinks={thinks}\n                      />),\n                    content: (() => {\n                      // 文本消息\n                      if (type === 'TextMessage') {\n                        // 用户消息\n                        if (role === 'user') {\n                          return (\n                            <div\n                              className=\"markdown-body\"\n                              style={{\n                                minWidth: 0,\n                                maxWidth: 600,\n                              }}\n                            >\n                              {msg.content?.text}\n                            </div>\n                          );\n                        }\n                        // 输出html字符串\n                        const html = md.render(msg.content?.text || '');\n                        // 生成React节点\n                        const htmlString = reactHtmlParser(html);\n                        return (\n                          <>\n                            <div\n                              className=\"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, 'text');\n                              if (info.data.description) {\n                                onSend?.('text', info.data.description as string);\n                              }\n                            }}\n                          />\n                        );\n                      }\n                      // 其他类型...\n                      return null;\n                    })(),\n                  };\n\n                  if (!extra.noFooter) {\n                    bubbleContent.footer = (() => {\n                      return (\n                        role === MessageRole.assistant && status !== MessageStatus.failed && (\n                          <>\n                            <MessageFooter data={msg as Messages} lastMessage={lastMessageId.current === id} />\n                          </>\n                        )\n                      );\n                    });\n                  }\n\n                  return bubbleContent;\n                })}\n              />\n          )\n            : (\n              <EmptyState />\n          )\n        }\n        </div>\n        {/* 输入框 */}\n        { inputShow && <XAiSender\n          value={content}\n          loading={loading}\n          footerTips={footerTips}\n          clearBtnShow={clearBtnShow}\n          onChange={handleChange}\n          onSubmit={handleSend}\n          onStop={handleStop}\n          onClear={confirmClear}\n        /> }\n      </div>\n    </>\n  );\n};\n\nexport default XAiChatbot;\n"],
-  "mappings": "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",
+  "sourcesContent": ["// 文件: components/XAiChatbot/index.tsx\n\nimport React, {\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport {\n  Tooltip,\n  GetProp,\n} from 'antd';\nimport {\n  Bubble,\n  Prompts,\n} 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 MarkdownGlobalStyle from '@/styles/markdown';\nimport {\n  MessageStatus,\n  MessageRole,\n  Messages,\n} from '@/types/XAiMessage';\nimport {\n  XAiChatbotProps,\n  ActionItem,\n} 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';\n\nconst styles = useStyles();\n\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: true,\n});\n\n// 自定义 link_open 渲染规则\nconst defaultRender = md.renderer.rules.link_open || ((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> = ({ execute = [], thinks = '' }) => {\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 className={styles.actionTitle} onClick={() => setExpanded((v) => !v)}>\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 className={styles.actionDetailTitle} onClick={() => setExpanded((v) => !v)}>\n            <img src={thinkIcon} alt=\"\" className={clsx(styles.w(14))} />\n            <div className={clsx(styles.flex1, styles.pl(10))}>隐藏运行过程</div>\n            <img alt=\"收起icon\" src={arrowUp} className={styles.w('16px')} />\n          </div>\n\n          {thinks && (\n            <div className={styles.actionDetailContent} style={{ whiteSpace: 'pre-line' }}>\n              {thinks}\n            </div>\n          )}\n\n          {execute && execute.length > 0 && (\n            <>\n              {!executeExpanded && (\n                <div className={styles.executeHiddenWrapper} onClick={() => setExecuteExpanded((v) => !v)}>\n                  {icon && <img src={icon} alt=\"icon\" className={styles.h(15)} />}\n                  <span className={styles.flex1}>{name}</span>\n                  <img alt=\"工具icon\" src={arrowDownBlue} className={styles.w('16px')} />\n                </div>\n              )}\n              {executeExpanded && (\n                <div className={styles.executeWrapper}>\n                  <div className={styles.executeTitle} onClick={() => setExecuteExpanded((v) => !v)}>\n                    <img src={groupIcon} alt=\"icon\" className={styles.executeHeaderIcon} />\n                    <span className={styles.flex1}>隐藏运行详情</span>\n                    <img alt=\"展开详情icon\" src={arrowUp} className={styles.w('16px')} />\n                  </div>\n                  <div className={styles.executeContent}>\n                    {execute.map((action: any, idx: number) => {\n                      const thinkIcon = action?.expandIcon || action?.extra?.expandIcon || action?.extra?.icon || action?.icon;\n                      const thinkCost = action?.cost || action?.extra?.cost;\n                      return (\n                        <div key={action.uniqueId || idx} className={styles.actionHeaderDetailItem}>\n                          {thinkIcon && <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} />}\n                          <span>{action?.name}</span>\n                          <span className={styles.actionHeaderCost}>{thinkCost ? `${thinkCost}s` : ''}</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  // 使用新的 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  } = mergedProps;\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 lastMessageId = useRef<string>('');\n  const isScriptScrolling = useRef<boolean>(false);\n  const chatId = providerId ? `za-chatbot-container-${providerId}` : '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 }> = ({ data, lastMessage = false }) => (\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 className={styles.cursor('pointer')} onClick={() => onMessagesActionsCallback?.(index, data)}>\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 }> = ({ data, lastMessage = false }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} lastMessage={lastMessage} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, 'roles'> = {\n    assistant: {\n      placement: 'start',\n      avatar: { icon: avatar || <UserOutlined className={clsx(styles.bg('#fde3cf'), styles.userAvatar)} /> },\n      typing: { step: 5, interval: 20 },\n      style: {\n        maxWidth: 600,\n      },\n      classNames: {\n        content: 'assistant-content',\n      },\n    },\n    user: {\n      placement: 'end',\n      avatar: { icon: userAvatar || <UserOutlined className={clsx(styles.bg('#87d068'), styles.userAvatar)} /> },\n      classNames: {\n        content: 'user-content',\n      },\n    },\n    suggestion: {\n      placement: 'start',\n      avatar: { icon: <UserOutlined />, style: { visibility: 'hidden' } },\n      variant: 'borderless',\n    },\n  };\n\n  // 触发发送\n  const handleSend = (type: string, content: string) => {\n    if (content.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSend?.(type, content);\n      setContent(''); // 发送后清空输入框内容\n      scrollToBottom();\n    }\n  };\n\n  // 输出内容\n  const handleChange = (content: string) => {\n    setContent(content);\n  };\n\n  // 停止生成\n  const handleStop = () => {\n    onStop?.();\n  };\n\n  // 导航栏\n  const NavBar: React.FC = () => {\n    if (renderNavbar) {\n      return renderNavbar();\n    } if (navbar?.title) {\n      return (\n        <header className={styles.navbar}>\n          {navbar.avatar && <img src={navbar.avatar} className={styles.avatar} alt=\"\" />}\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    empty || (\n    <div className={styles.emptyWrapper}>\n      <img src={emptyStateImage} alt=\"空状态图标\" className={styles.emptyImg} />\n      <div className={clsx(styles.text(16), styles.weight(600), styles.textColor('#343434'))}>{emptyStateText}</div>\n    </div>\n    )\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [emptyStateImage, emptyStateText]);\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          {\n          messages?.length\n            ? (\n              <Bubble.List\n                id={chatId}\n                roles={rolesObject}\n                className={styles.messageList}\n                items={messages.map((msg: any) => {\n                  const { id, role, status, type, execute = [], thinks = '', extra = { noFooter: false } } = 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: (() => messageTop\n                      || (\n                      <ActionHeader\n                        execute={execute}\n                        thinks={thinks}\n                      />\n                      )),\n                    content: (() => {\n                      // 文本消息\n                      if (type === 'TextMessage') {\n                        // 用户消息\n                        if (role === 'user') {\n                          return (\n                            <div\n                              className=\"markdown-body\"\n                              style={{\n                                minWidth: 0,\n                                maxWidth: 600,\n                              }}\n                            >\n                              {msg.content?.text}\n                            </div>\n                          );\n                        }\n                        // 输出html字符串\n                        const html = md.render(msg.content?.text || '');\n                        // 生成React节点\n                        const htmlString = reactHtmlParser(html);\n                        return (\n                          <>\n                            <div\n                              className=\"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, 'text');\n                              if (info.data.description) {\n                                onSend?.('text', info.data.description as string);\n                              }\n                            }}\n                          />\n                        );\n                      }\n                      // 其他类型...\n                      return null;\n                    })(),\n                  };\n\n                  if (!extra.noFooter) {\n                    bubbleContent.footer = (() => {\n                      return (\n                        role === MessageRole.assistant && status !== MessageStatus.failed && (\n                          <>\n                            <MessageFooter data={msg as Messages} lastMessage={lastMessageId.current === id} />\n                          </>\n                        )\n                      );\n                    });\n                  }\n\n                  return bubbleContent;\n                })}\n              />\n          )\n            : (\n              <EmptyState />\n          )\n        }\n        </div>\n        {/* 输入框 */}\n        { inputShow && (\n        <XAiSender\n          value={content}\n          loading={loading}\n          footerTips={footerTips}\n          clearBtnShow={clearBtnShow}\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", "styles", "React", "thinkIcon", "arrowDown", "clsx", "arrowUp", "arrowDownBlue", "groupIcon", "_a", "emptyIcon", "content", "MarkdownGlobalStyle", "reactHtmlParser", "XAiSender"]
 }

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

@@ -32,7 +32,7 @@ __export(XAiProvider_exports, {
   default: () => XAiProvider_default
 });
 module.exports = __toCommonJS(XAiProvider_exports);
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
 var import_x = require("@ant-design/x");
@@ -41,6 +41,10 @@ var import_AiProviderContext = require("../../context/AiProviderContext");
 var import_useAgentGenerator = __toESM(require("../../hooks/useAgentGenerator"));
 var import_constants = require("../../constants");
 var import_user = __toESM(require("../../assets/user.png"));
+var import_common = require("../../styles/common");
+var import_DislikeFeedback = __toESM(require("../DislikeFeedback"));
+var import_api = require("../../services/api");
+var import_XAiChatbot = require("../XAiChatbot");
 var { confirm } = import_antd.Modal;
 var XAiProvider = (0, import_react.forwardRef)(({
   url,
@@ -88,7 +92,7 @@ var XAiProvider = (0, import_react.forwardRef)(({
       return;
     const resizeObserver = new ResizeObserver((entries) => {
       for (const entry of entries) {
-        const width = entry.contentRect.width;
+        const { width } = entry.contentRect;
         setIsNarrow(width <= import_constants.MOBILE_MAX_WIDTH);
       }
     });
@@ -105,7 +109,8 @@ var XAiProvider = (0, import_react.forwardRef)(({
   const handleCreateNewMessage = () => {
     createNewChat();
   };
-  const handleActions = (index, actionData) => {
+  const handleActions = async (index, actionData) => {
+    var _a2;
     const { content, id } = actionData || {};
     const { text = "" } = content;
     switch (index) {
@@ -128,6 +133,35 @@ var XAiProvider = (0, import_react.forwardRef)(({
         }
         break;
       }
+      case 3: {
+        const { appNo, pt, tc } = config || {};
+        if (appNo && pt && tc) {
+          const res = await (0, import_api.addFeedback)({
+            url,
+            token,
+            appNo,
+            pt,
+            tc,
+            requestId: (_a2 = actionData.raw) == null ? void 0 : _a2.requestId,
+            isLike: 1
+          });
+          if (res.success) {
+            import_antd.message.success("感谢您的反馈");
+            setMessages((prev) => {
+              return prev.map((item) => {
+                if (item.id === id) {
+                  return {
+                    ...item,
+                    isLike: 1
+                  };
+                }
+                return item;
+              });
+            });
+          }
+        }
+        break;
+      }
     }
   };
   const handleSuggestMessageClick = (_item, id) => {
@@ -163,7 +197,7 @@ var XAiProvider = (0, import_react.forwardRef)(({
           confirm({
             title: "编辑对话名称",
             icon: null,
-            content: /* @__PURE__ */ React.createElement(
+            content: /* @__PURE__ */ import_react.default.createElement(
               import_antd.Input,
               {
                 defaultValue: inputValue,
@@ -194,7 +228,7 @@ var XAiProvider = (0, import_react.forwardRef)(({
         case "delete":
           confirm({
             title: "确认删除?",
-            icon: /* @__PURE__ */ React.createElement(import_icons.ExclamationCircleFilled, null),
+            icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleFilled, null),
             content: "该对话内容将被删除无法恢复。",
             okText: "确认删除",
             okType: "danger",
@@ -219,54 +253,117 @@ var XAiProvider = (0, import_react.forwardRef)(({
     const { cost, token: tokenCount } = finalResult.extra || {};
     if (!cost && !token)
       return null;
-    return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", fontSize: "12px", color: "#949494", flex: 1, paddingRight: "40px" } }, cost !== void 0 && cost !== null && /* @__PURE__ */ React.createElement("div", null, cost, "s"), tokenCount && /* @__PURE__ */ React.createElement(import_antd.Divider, { type: "vertical" }), tokenCount && /* @__PURE__ */ React.createElement("div", null, tokenCount, " tokens"));
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", fontSize: "12px", color: "#949494", flex: 1, paddingRight: "40px" } }, cost !== void 0 && cost !== null && /* @__PURE__ */ import_react.default.createElement("div", null, cost, "s"), tokenCount && /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" }), tokenCount && /* @__PURE__ */ import_react.default.createElement("div", null, tokenCount, " tokens"));
   };
   const clearBtnShow = typeof ((_a = config == null ? void 0 : config.chatProps) == null ? void 0 : _a.clearBtnShow) !== "undefined" ? config.chatProps.clearBtnShow : !((_b = config == null ? void 0 : config.session) == null ? void 0 : _b.showSessionList);
-  return /* @__PURE__ */ React.createElement(import_x.XProvider, null, /* @__PURE__ */ React.createElement(
-    import_AiProviderContext.XAiContext.Provider,
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.ConfigProvider,
     {
-      value: {
-        avatar: /* @__PURE__ */ React.createElement("img", { src: icon, alt: "智能体头像" }),
-        userAvatar: /* @__PURE__ */ React.createElement("img", { src: import_user.default, alt: "用户头像" }),
-        emptyStateImage: icon,
-        emptyStateText: appName,
-        footerTips: "内容由AI生成，无法确保真实准确，仅供参考",
-        providerId,
-        sessionList,
-        sessionTotal: sessionPagination.total,
-        token,
-        messages,
-        loading,
-        error: null,
-        activeKey: currentSessionId,
-        clearBtnShow,
-        inputShow: ((_c = config == null ? void 0 : config.chatProps) == null ? void 0 : _c.inputShow) || true,
-        isNarrow,
-        messageTooltip: ToolTip,
-        onSend: handleSendMessage,
-        onClear: handleCreateNewMessage,
-        onNewChat: handleCreateNewMessage,
-        onStop: stopChat,
-        menu: menuConfig,
-        onActiveChange: handleActiveChange,
-        onSuggestMessageClick: handleSuggestMessageClick,
-        onMessagesActionsCallback: handleActions,
-        isInProvider: true
+      theme: {
+        token: {
+          colorPrimary: (appInfo == null ? void 0 : appInfo.appTheme) || import_common.primaryBlue
+        }
       }
     },
-    /* @__PURE__ */ React.createElement(
-      "div",
+    /* @__PURE__ */ import_react.default.createElement(import_x.XProvider, null, /* @__PURE__ */ import_react.default.createElement(
+      import_AiProviderContext.XAiContext.Provider,
       {
-        ref: divRef,
-        style: {
-          display: "flex",
-          height: "100%",
-          position: "relative"
+        value: {
+          avatar: /* @__PURE__ */ import_react.default.createElement("img", { src: icon, alt: "智能体头像" }),
+          userAvatar: /* @__PURE__ */ import_react.default.createElement("img", { src: import_user.default, alt: "用户头像" }),
+          emptyStateImage: icon,
+          emptyStateText: appName,
+          footerTips: "内容由AI生成，无法确保真实准确，仅供参考",
+          providerId,
+          sessionList,
+          sessionTotal: sessionPagination.total,
+          token,
+          messages,
+          loading,
+          error: null,
+          activeKey: currentSessionId,
+          clearBtnShow,
+          inputShow: ((_c = config == null ? void 0 : config.chatProps) == null ? void 0 : _c.inputShow) || true,
+          isNarrow,
+          messageTooltip: ToolTip,
+          messageActions: [...import_XAiChatbot.defaultActions, {
+            key: "like",
+            tooltip: "赞",
+            render: (i, msg) => {
+              const isLike = msg.isLike === 1;
+              if (isLike) {
+                return /* @__PURE__ */ import_react.default.createElement(import_icons.LikeFilled, { style: { color: (appInfo == null ? void 0 : appInfo.appTheme) || import_common.primaryBlue } });
+              }
+              return /* @__PURE__ */ import_react.default.createElement(import_icons.LikeOutlined, null);
+            }
+          }, {
+            key: "dislike",
+            tooltip: "踩",
+            render: (_i, msg) => {
+              var _a2;
+              const requestId = (_a2 = msg.raw) == null ? void 0 : _a2.requestId;
+              return /* @__PURE__ */ import_react.default.createElement(
+                import_DislikeFeedback.default,
+                {
+                  msg,
+                  activeColor: (appInfo == null ? void 0 : appInfo.appTheme) || import_common.primaryBlue,
+                  onSubmit: async (formData) => {
+                    const res = await (0, import_api.addFeedback)({
+                      ...formData,
+                      requestId,
+                      isLike: -1,
+                      url,
+                      appNo: config == null ? void 0 : config.appNo,
+                      pt: config == null ? void 0 : config.pt,
+                      tc: config == null ? void 0 : config.tc,
+                      token
+                    });
+                    if (res.success) {
+                      import_antd.message.success("已收到您的反馈，我们会努力做的更好");
+                      setMessages((prev) => {
+                        return prev.map((item) => {
+                          if (item.id === msg.id) {
+                            return {
+                              ...item,
+                              isLike: -1
+                            };
+                          }
+                          return item;
+                        });
+                      });
+                      return true;
+                    }
+                    return false;
+                  }
+                }
+              );
+            }
+          }],
+          onSend: handleSendMessage,
+          onClear: handleCreateNewMessage,
+          onNewChat: handleCreateNewMessage,
+          onStop: stopChat,
+          menu: menuConfig,
+          onActiveChange: handleActiveChange,
+          onSuggestMessageClick: handleSuggestMessageClick,
+          onMessagesActionsCallback: handleActions,
+          isInProvider: true
         }
       },
-      children
-    )
-  ));
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          ref: divRef,
+          style: {
+            display: "flex",
+            height: "100%",
+            position: "relative"
+          }
+        },
+        children
+      )
+    ))
+  );
 });
 var XAiProvider_default = XAiProvider;
 //# sourceMappingURL=index.js.map