@ai-group/chat-sdk 2.1.13 → 3.0.1-alpha.2

package/dist/cjs/components/XAdkProvider/compound/Chatbot.js

@@ -0,0 +1,64 @@
+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/XAdkProvider/compound/Chatbot.tsx
+var Chatbot_exports = {};
+__export(Chatbot_exports, {
+  default: () => Chatbot_default
+});
+module.exports = __toCommonJS(Chatbot_exports);
+var import_Messages = __toESM(require("./Messages"));
+var import_Sender = __toESM(require("./Sender"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Chatbot = ({
+  messagesProps,
+  senderProps,
+  style,
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className,
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "100%",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Messages.default, { ...messagesProps }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Sender.default, { ...senderProps })
+      ]
+    }
+  );
+};
+Chatbot.displayName = "XAdkProvider.Chatbot";
+var Chatbot_default = Chatbot;
+//# sourceMappingURL=Chatbot.js.map

package/dist/cjs/components/XAdkProvider/compound/Chatbot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/Chatbot.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport Messages, { XAdkMessagesProps } from './Messages';\nimport Sender, { XAdkSenderCompoundProps } from './Sender';\n\n/**\n * XAdkProvider.Chatbot - 完整的聊天界面组件\n *\n * 组合了 Messages + Sender,提供开箱即用的完整聊天界面\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <XAdkProvider.Chatbot\n *     messagesProps={{ showFnCallDetail: true }}\n *     senderProps={{ allowUpload: true }}\n *   />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkChatbotCompoundProps {\n  /** Messages 组件的属性 */\n  messagesProps?: XAdkMessagesProps;\n  /** Sender 组件的属性 */\n  senderProps?: XAdkSenderCompoundProps;\n  /** 容器样式 */\n  style?: React.CSSProperties;\n  /** 容器类名 */\n  className?: string;\n}\n\nconst Chatbot: React.FC<XAdkChatbotCompoundProps> = ({\n  messagesProps,\n  senderProps,\n  style,\n  className,\n}) => {\n  return (\n    <div\n      className={className}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n        width: '100%',\n        ...style,\n      }}\n    >\n      {/* 消息列表区域 */}\n      <div style={{ flex: 1, overflow: 'hidden' }}>\n        <Messages {...messagesProps} />\n      </div>\n\n      {/* 输入框区域 */}\n      <Sender {...senderProps} />\n    </div>\n  );\n};\n\nChatbot.displayName = 'XAdkProvider.Chatbot';\n\nexport default Chatbot;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAA4C;AAC5C,oBAAgD;AAmC5C;AAPJ,IAAM,UAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,GAAG;AAAA,MACL;AAAA,MAGA;AAAA,oDAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,SAAS,GACxC,sDAAC,gBAAAA,SAAA,EAAU,GAAG,eAAe,GAC/B;AAAA,QAGA,4CAAC,cAAAC,SAAA,EAAQ,GAAG,aAAa;AAAA;AAAA;AAAA,EAC3B;AAEJ;AAEA,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
+  "names": ["Messages", "Sender"]
+}

package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+/**
+ * XAdkProvider 默认布局
+ *
+ * 提供类似 ChatGPT/DeepSeek 的默认布局:
+ * - 左侧: 会话列表侧边栏 (可选,支持展开/收起)
+ * - 右侧: 聊天区域 (标题 + 消息 + 输入框,居中显示,最大宽度800px)
+ */
+export interface DefaultLayoutProps {
+    /** 是否显示会话列表 */
+    showSessionList?: boolean;
+    /** 自定义头部 */
+    header?: React.ReactNode;
+    /** 自定义底部 (替代默认 Sender) */
+    footer?: React.ReactNode;
+    /** 是否允许上传文件 */
+    allowUpload?: boolean;
+    /** 是否显示清空按钮 */
+    clearBtnShow?: boolean;
+    /** 是否显示函数调用详情 */
+    showFnCallDetail?: boolean;
+    /** 自定义消息 Footer */
+    messagesFooter?: (msg: any) => React.ReactNode;
+}
+declare const DefaultLayout: React.FC<DefaultLayoutProps>;
+export default DefaultLayout;

package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js

@@ -0,0 +1,199 @@
+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/XAdkProvider/compound/DefaultLayout.tsx
+var DefaultLayout_exports = {};
+__export(DefaultLayout_exports, {
+  default: () => DefaultLayout_default
+});
+module.exports = __toCommonJS(DefaultLayout_exports);
+var import_ChatStateContext = require("../context/ChatStateContext");
+var import_Sidebar = __toESM(require("./Sidebar"));
+var import_Messages = __toESM(require("./Messages"));
+var import_Welcome = __toESM(require("./Welcome"));
+var import_Sender = __toESM(require("./Sender"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var DefaultLayout = ({
+  showSessionList = false,
+  header,
+  footer,
+  allowUpload = false,
+  clearBtnShow = true,
+  showFnCallDetail = false,
+  messagesFooter
+}) => {
+  const { appInfo, messages, prologue, suggestions } = (0, import_ChatStateContext.useChatState)();
+  const isEmpty = messages.length === 0 && !prologue && (!suggestions || suggestions.length === 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        height: "100%",
+        width: "100%",
+        position: "relative",
+        overflow: "hidden"
+      },
+      children: [
+        showSessionList && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Sidebar.default, { isNarrow: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            style: {
+              flex: 1,
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              flexDirection: "column",
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                style: {
+                  width: "100%",
+                  maxWidth: "800px",
+                  height: "100%",
+                  display: "flex",
+                  flexDirection: "column"
+                },
+                children: [
+                  header || appInfo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      style: {
+                        padding: "16px 24px",
+                        display: "flex",
+                        justifyContent: "center",
+                        background: "white"
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "12px"
+                          },
+                          children: appInfo.appName && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                            "div",
+                            {
+                              style: {
+                                fontSize: "16px",
+                                fontWeight: 500,
+                                color: "#000"
+                              },
+                              children: appInfo.appName
+                            }
+                          ) })
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    "div",
+                    {
+                      style: {
+                        flex: 1,
+                        overflow: "hidden",
+                        display: "flex",
+                        flexDirection: "column"
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "div",
+                          {
+                            style: {
+                              flex: isEmpty ? 1 : 0,
+                              transition: "flex 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
+                            }
+                          }
+                        ),
+                        isEmpty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              flexDirection: "column",
+                              alignItems: "center",
+                              padding: "0 24px",
+                              marginBottom: "24px"
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Welcome.default, {})
+                          }
+                        ),
+                        !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "div",
+                          {
+                            style: {
+                              flex: 1,
+                              overflow: "hidden"
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                              import_Messages.default,
+                              {}
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "div",
+                          {
+                            style: {
+                              width: "100%",
+                              maxWidth: isEmpty ? "600px" : "100%",
+                              alignSelf: "center",
+                              padding: isEmpty ? "0 24px" : "0",
+                              transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
+                            },
+                            children: footer || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Sender.default, { allowUpload, clearBtnShow })
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "div",
+                          {
+                            style: {
+                              flex: isEmpty ? 1.5 : 0,
+                              transition: "flex 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+DefaultLayout.displayName = "XAdkProvider.DefaultLayout";
+var DefaultLayout_default = DefaultLayout;
+//# sourceMappingURL=DefaultLayout.js.map

package/dist/cjs/components/XAdkProvider/compound/DefaultLayout.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/DefaultLayout.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport Sidebar from \"./Sidebar\";\nimport Messages from \"./Messages\";\nimport Welcome from \"./Welcome\";\nimport Sender from \"./Sender\";\n\n/**\n * XAdkProvider 默认布局\n *\n * 提供类似 ChatGPT/DeepSeek 的默认布局:\n * - 左侧: 会话列表侧边栏 (可选,支持展开/收起)\n * - 右侧: 聊天区域 (标题 + 消息 + 输入框,居中显示,最大宽度800px)\n */\nexport interface DefaultLayoutProps {\n  /** 是否显示会话列表 */\n  showSessionList?: boolean;\n  /** 自定义头部 */\n  header?: React.ReactNode;\n  /** 自定义底部 (替代默认 Sender) */\n  footer?: React.ReactNode;\n  /** 是否允许上传文件 */\n  allowUpload?: boolean;\n  /** 是否显示清空按钮 */\n  clearBtnShow?: boolean;\n  /** 是否显示函数调用详情 */\n  showFnCallDetail?: boolean;\n  /** 自定义消息 Footer */\n  messagesFooter?: (msg: any) => React.ReactNode;\n}\n\nconst DefaultLayout: React.FC<DefaultLayoutProps> = ({\n  showSessionList = false,\n  header,\n  footer,\n  allowUpload = false,\n  clearBtnShow = true,\n  showFnCallDetail = false,\n  messagesFooter,\n}) => {\n  const { appInfo, messages, prologue, suggestions } = useChatState();\n\n  // 判断是否为空状态(展示Welcome)\n  const isEmpty =\n    messages.length === 0 &&\n    !prologue &&\n    (!suggestions || suggestions.length === 0);\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        height: \"100%\",\n        width: \"100%\",\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* 左侧会话列表 - XAiConversations 组件会处理展开/收起 */}\n      {showSessionList && <Sidebar isNarrow={false} />}\n\n      {/* 右侧聊天区域 - 使用 flex: 1 自动占据剩余空间 */}\n      <div\n        style={{\n          flex: 1,\n          display: \"flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          flexDirection: \"column\",\n          overflow: \"hidden\",\n        }}\n      >\n        {/* 居中容器 - 最大宽度 800px */}\n        <div\n          style={{\n            width: \"100%\",\n            maxWidth: \"800px\",\n            height: \"100%\",\n            display: \"flex\",\n            flexDirection: \"column\",\n          }}\n        >\n          {/* 头部 */}\n          {header ||\n            (appInfo && (\n              <div\n                style={{\n                  padding: \"16px 24px\",\n                  display: \"flex\",\n                  justifyContent: \"center\",\n                  background: \"white\",\n                }}\n              >\n                <div\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    gap: \"12px\",\n                  }}\n                >\n                  {/* {appInfo.icon && (\n                    <img\n                      src={appInfo.icon}\n                      alt=\"应用图标\"\n                      style={{\n                        width: 32,\n                        height: 32,\n                        borderRadius: \"6px\",\n                      }}\n                    />\n                  )} */}\n                  {appInfo.appName && (\n                    <div>\n                      <div\n                        style={{\n                          fontSize: \"16px\",\n                          fontWeight: 500,\n                          color: \"#000\",\n                        }}\n                      >\n                        {appInfo.appName}\n                      </div>\n                      {/* {appInfo.description && (\n                        <div\n                          style={{\n                            fontSize: \"12px\",\n                            color: \"#999\",\n                            marginTop: \"2px\",\n                          }}\n                        >\n                          {appInfo.description}\n                        </div>\n                      )} */}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ))}\n\n          {/* 消息区域或Welcome区域 */}\n          <div\n            style={{\n              flex: 1,\n              overflow: \"hidden\",\n              display: \"flex\",\n              flexDirection: \"column\",\n            }}\n          >\n            {/* 上方弹性占位 - Welcome状态时占据空间 */}\n            <div\n              style={{\n                flex: isEmpty ? 1 : 0,\n                transition: \"flex 0.4s cubic-bezier(0.4, 0, 0.2, 1)\",\n              }}\n            />\n\n            {/* Welcome 组件 - 只在空状态显示 */}\n            {isEmpty && (\n              <div\n                style={{\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  alignItems: \"center\",\n                  padding: \"0 24px\",\n                  marginBottom: \"24px\",\n                }}\n              >\n                <Welcome />\n              </div>\n            )}\n\n            {/* Messages 组件 - 只在非空状态显示 */}\n            {!isEmpty && (\n              <div\n                style={{\n                  flex: 1,\n                  overflow: \"hidden\",\n                }}\n              >\n                <Messages\n                // footer={messagesFooter}\n                />\n              </div>\n            )}\n\n            {/* 输入区域 - 始终存在,通过样式控制位置 */}\n            <div\n              style={{\n                width: \"100%\",\n                maxWidth: isEmpty ? \"600px\" : \"100%\",\n                alignSelf: \"center\",\n                padding: isEmpty ? \"0 24px\" : \"0\",\n                transition: \"all 0.4s cubic-bezier(0.4, 0, 0.2, 1)\",\n              }}\n            >\n              {footer || (\n                <Sender allowUpload={allowUpload} clearBtnShow={clearBtnShow} />\n              )}\n            </div>\n\n            {/* 下方弹性占位 - Welcome状态时占据更多空间,让内容偏上 */}\n            <div\n              style={{\n                flex: isEmpty ? 1.5 : 0,\n                transition: \"flex 0.4s cubic-bezier(0.4, 0, 0.2, 1)\",\n              }}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDefaultLayout.displayName = \"XAdkProvider.DefaultLayout\";\n\nexport default DefaultLayout;\n"],
+  "mappings": "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",
+  "names": ["Sidebar", "Welcome", "Messages", "Sender"]
+}

package/dist/cjs/components/XAdkProvider/compound/DislikeFeedBack.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface DislikeFeedbackProps {
+    msg: any;
+    activeColor: string;
+    onSubmit: (v: any) => Promise<boolean>;
+}
+export declare const DislikeFeedback: React.FC<DislikeFeedbackProps>;
+export default DislikeFeedback;

package/dist/cjs/components/XAdkProvider/compound/DislikeFeedBack.js

@@ -0,0 +1,117 @@
+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/XAdkProvider/compound/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 = require("react");
+var import_icons = require("@ant-design/icons");
+var import_FeedbackTags = __toESM(require("./FeedbackTags"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var DislikeFeedback = ({
+  msg,
+  activeColor,
+  onSubmit
+}) => {
+  const [form] = import_antd.Form.useForm();
+  const [showFeedback, setShowFeedback] = (0, import_react.useState)(false);
+  const currentIsLike = msg.isLike ?? 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Popover,
+    {
+      trigger: ["click"],
+      open: showFeedback,
+      onOpenChange: (v) => {
+        if (v && currentIsLike !== 0) {
+          import_antd.message.warning("已收到您的反馈，无需重复提交");
+          return;
+        }
+        if (v) {
+          form.resetFields();
+        }
+        setShowFeedback(v);
+      },
+      title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "抱歉，未能满足您的需求" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            style: { color: "#999", fontWeight: "normal", marginBottom: 12 },
+            children: "为提升您的使用体验，请告诉我们不足的方向"
+          }
+        )
+      ] }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Form, { form, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { name: "feedbackTags", style: { marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FeedbackTags.default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { name: "feedbackDescription", style: { marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.TextArea, { rows: 4, placeholder: "欢迎说说你的想法" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Form.Item,
+          {
+            dependencies: ["feedbackTags", "feedbackDescription"],
+            noStyle: true,
+            children: ({ getFieldValue }) => {
+              const feedbackTags = getFieldValue("feedbackTags") || [];
+              const feedbackDescription = getFieldValue(
+                "feedbackDescription"
+              );
+              const disabled = !feedbackTags.length && !feedbackDescription;
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_antd.Button,
+                {
+                  type: "primary",
+                  block: true,
+                  disabled,
+                  onClick: async () => {
+                    const formData = await form.validateFields();
+                    const res = await onSubmit(formData);
+                    if (res) {
+                      setShowFeedback(false);
+                    }
+                  },
+                  children: "提交反馈"
+                }
+              );
+            }
+          }
+        )
+      ] }) }),
+      children: currentIsLike === -1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DislikeFilled, { style: { color: activeColor, cursor: "pointer" } }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DislikeOutlined, { style: { color: "#81858c", cursor: "pointer" } })
+    }
+  );
+};
+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/XAdkProvider/compound/DislikeFeedBack.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/DislikeFeedBack.tsx"],
+  "sourcesContent": ["import { Button, Form, Input, message, 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> = ({\n  msg,\n  activeColor,\n  onSubmit,\n}) => {\n  const [form] = Form.useForm();\n  const [showFeedback, setShowFeedback] = useState(false);\n\n  // msg 是 ChatGroup 对象,isLike 在同层\n  const currentIsLike = msg.isLike ?? 0;\n\n  return (\n    <Popover\n      trigger={[\"click\"]}\n      open={showFeedback}\n      onOpenChange={(v) => {\n        if (v && currentIsLike !== 0) {\n          message.warning(\"已收到您的反馈，无需重复提交\");\n          return;\n        }\n        if (v) {\n          form.resetFields();\n        }\n        setShowFeedback(v);\n      }}\n      title={\n        <div>\n          <div>抱歉，未能满足您的需求</div>\n          <div\n            style={{ color: \"#999\", fontWeight: \"normal\", marginBottom: 12 }}\n          >\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            <Form.Item\n              dependencies={[\"feedbackTags\", \"feedbackDescription\"]}\n              noStyle\n            >\n              {({ getFieldValue }) => {\n                const feedbackTags = getFieldValue(\"feedbackTags\") || [];\n                const feedbackDescription = getFieldValue(\n                  \"feedbackDescription\",\n                );\n                const disabled = !feedbackTags.length && !feedbackDescription;\n                return (\n                  <Button\n                    type=\"primary\"\n                    block\n                    disabled={disabled}\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                );\n              }}\n            </Form.Item>\n          </Form>\n        </div>\n      }\n    >\n      {currentIsLike === -1 ? (\n        <DislikeFilled style={{ color: activeColor, cursor: \"pointer\" }} />\n      ) : (\n        <DislikeOutlined style={{ color: \"#81858c\", cursor: \"pointer\" }} />\n      )}\n    </Popover>\n  );\n};\n\nexport default DislikeFeedback;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsD;AACtD,mBAAgC;AAChC,mBAA+C;AAC/C,0BAAyB;AAkCjB;AA1BD,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,IAAI,IAAI,iBAAK,QAAQ;AAC5B,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAGtD,QAAM,gBAAgB,IAAI,UAAU;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,OAAO;AAAA,MACjB,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,YAAI,KAAK,kBAAkB,GAAG;AAC5B,8BAAQ,QAAQ,gBAAgB;AAChC;AAAA,QACF;AACA,YAAI,GAAG;AACL,eAAK,YAAY;AAAA,QACnB;AACA,wBAAgB,CAAC;AAAA,MACnB;AAAA,MACA,OACE,6CAAC,SACC;AAAA,oDAAC,SAAI,yBAAW;AAAA,QAChB;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,OAAO,QAAQ,YAAY,UAAU,cAAc,GAAG;AAAA,YAChE;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAEF,SACE,4CAAC,SACC,uDAAC,oBAAK,MACJ;AAAA,oDAAC,iBAAK,MAAL,EAAU,MAAK,gBAAe,OAAO,EAAE,cAAc,GAAG,GACvD,sDAAC,oBAAAA,SAAA,EAAa,GAChB;AAAA,QACA,4CAAC,iBAAK,MAAL,EAAU,MAAK,uBAAsB,OAAO,EAAE,cAAc,GAAG,GAC9D,sDAAC,kBAAM,UAAN,EAAe,MAAM,GAAG,aAAY,YAAW,GAClD;AAAA,QACA;AAAA,UAAC,iBAAK;AAAA,UAAL;AAAA,YACC,cAAc,CAAC,gBAAgB,qBAAqB;AAAA,YACpD,SAAO;AAAA,YAEN,WAAC,EAAE,cAAc,MAAM;AACtB,oBAAM,eAAe,cAAc,cAAc,KAAK,CAAC;AACvD,oBAAM,sBAAsB;AAAA,gBAC1B;AAAA,cACF;AACA,oBAAM,WAAW,CAAC,aAAa,UAAU,CAAC;AAC1C,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAK;AAAA,kBACL;AAAA,kBACA,SAAS,YAAY;AACnB,0BAAM,WAAW,MAAM,KAAK,eAAe;AAC3C,0BAAM,MAAM,MAAM,SAAS,QAAQ;AACnC,wBAAI,KAAK;AACP,sCAAgB,KAAK;AAAA,oBACvB;AAAA,kBACF;AAAA,kBACD;AAAA;AAAA,cAED;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA,SACF,GACF;AAAA,MAGD,4BAAkB,KACjB,4CAAC,8BAAc,OAAO,EAAE,OAAO,aAAa,QAAQ,UAAU,GAAG,IAEjE,4CAAC,gCAAgB,OAAO,EAAE,OAAO,WAAW,QAAQ,UAAU,GAAG;AAAA;AAAA,EAErE;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["FeedbackTags"]
+}

package/dist/cjs/components/XAdkProvider/compound/FeedbackTags.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface FeedbackTagsProps {
+    value?: string[];
+    onChange?: (v?: string[]) => void;
+}
+export declare const FeedbackTags: React.FC<FeedbackTagsProps>;
+export default FeedbackTags;

package/dist/cjs/components/XAdkProvider/compound/FeedbackTags.js

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAdkProvider/compound/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_jsx_runtime = require("react/jsx-runtime");
+var allTags = [
+  "回答错误",
+  "需求理解错",
+  "内容质量差",
+  "逻辑混乱",
+  "可读性差",
+  "遗忘了上文",
+  "时效性差",
+  "其他"
+];
+var FeedbackTags = ({
+  value,
+  onChange
+}) => {
+  const tags = value || [];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Flex, { gap: 8, wrap: true, style: { width: 305 }, children: allTags.map((v) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Button,
+    {
+      type: tags.includes(v) ? "primary" : "default",
+      onClick: () => {
+        if (tags.includes(v)) {
+          onChange == null ? void 0 : onChange(tags.filter((t) => t !== v));
+        } else {
+          onChange == null ? void 0 : onChange([...tags, v]);
+        }
+      },
+      children: v
+    },
+    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/XAdkProvider/compound/FeedbackTags.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/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  \"回答错误\",\n  \"需求理解错\",\n  \"内容质量差\",\n  \"逻辑混乱\",\n  \"可读性差\",\n  \"遗忘了上文\",\n  \"时效性差\",\n  \"其他\",\n];\n\nexport const FeedbackTags: React.FC<FeedbackTagsProps> = ({\n  value,\n  onChange,\n}) => {\n  const tags = value || [];\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));\n            } else {\n              onChange?.([...tags, v]);\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;AA2BrB;AAnBR,IAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,SAAS,CAAC;AACvB,SACE,4CAAC,oBAAK,KAAK,GAAG,MAAI,MAAC,OAAO,EAAE,OAAO,IAAI,GACpC,kBAAQ,IAAI,CAAC,MACZ;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,KAAK,SAAS,CAAC,IAAI,YAAY;AAAA,MACrC,SAAS,MAAM;AACb,YAAI,KAAK,SAAS,CAAC,GAAG;AACpB,+CAAW,KAAK,OAAO,CAAC,MAAM,MAAM,CAAC;AAAA,QACvC,OAAO;AACL,+CAAW,CAAC,GAAG,MAAM,CAAC;AAAA,QACxB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,IAVI;AAAA,EAWP,CACD,GACH;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/cjs/components/XAdkProvider/compound/Header.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { ChatConfig } from "../../../services/api";
+/**
+ * XAdkProvider.Header - 可选的头部组件
+ *
+ * 显示应用信息,用户可以自定义或不使用
+ *
+ * @example
+ * ```tsx
+ * <XAdkProvider url="..." token="...">
+ *   <XAdkProvider.Header />
+ *   <XAdkProvider.Messages />
+ * </XAdkProvider>
+ * ```
+ */
+export interface XAdkHeaderProps {
+    /** 额外的样式 */
+    style?: React.CSSProperties;
+    /** 额外的类名 */
+    className?: string;
+    /** 自定义渲染函数 */
+    render?: (appInfo: ChatConfig | null) => React.ReactNode;
+}
+declare const Header: React.FC<XAdkHeaderProps>;
+export default Header;

package/dist/cjs/components/XAdkProvider/compound/Header.js

@@ -0,0 +1,70 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAdkProvider/compound/Header.tsx
+var Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
+});
+module.exports = __toCommonJS(Header_exports);
+var import_ChatStateContext = require("../context/ChatStateContext");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Header = ({ style, className, render }) => {
+  const { appInfo } = (0, import_ChatStateContext.useChatState)();
+  if (render) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: render(appInfo) });
+  }
+  if (!appInfo) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className,
+      style: {
+        padding: "16px",
+        borderBottom: "1px solid #f0f0f0",
+        display: "flex",
+        alignItems: "center",
+        gap: "12px",
+        ...style
+      },
+      children: [
+        appInfo.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            src: appInfo.icon,
+            alt: "应用图标",
+            style: {
+              width: 32,
+              height: 32,
+              borderRadius: "4px"
+            }
+          }
+        ),
+        appInfo.appName && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontWeight: 500, fontSize: "16px" }, children: appInfo.appName }),
+          appInfo.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: "12px", color: "#999", marginTop: "4px" }, children: appInfo.description })
+        ] })
+      ]
+    }
+  );
+};
+Header.displayName = "XAdkProvider.Header";
+var Header_default = Header;
+//# sourceMappingURL=Header.js.map