@ai-group/chat-sdk 3.5.5 → 3.5.6

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/Header.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport type { ChatConfig } from \"@/services/api\";\n\n/**\n * XAdkProvider.Header - 可选的头部组件\n *\n * 显示应用信息,用户可以自定义或不使用\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <XAdkProvider.Header />\n *   <XAdkProvider.Messages />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkHeaderProps {\n  /** 额外的样式 */\n  style?: React.CSSProperties;\n  /** 额外的类名 */\n  className?: string;\n  /** 自定义渲染函数 */\n  render?: (appInfo: ChatConfig | null) => React.ReactNode;\n}\n\nconst Header: React.FC<XAdkHeaderProps> = ({ style, className, render }) => {\n  const { appInfo } = useChatState();\n\n  // 如果提供了自定义渲染函数,使用它\n  if (render) {\n    return <>{render(appInfo)}</>;\n  }\n\n  // 默认头部渲染\n  if (!appInfo) {\n    return null;\n  }\n\n  return (\n    <div\n      className={className}\n      style={{\n        padding: \"16px\",\n        borderBottom: \"1px solid #f0f0f0\",\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"12px\",\n        ...style,\n      }}\n    >\n      {appInfo.icon && (\n        <img\n          src={appInfo.icon}\n          alt=\"应用图标\"\n          style={{\n            width: 32,\n            height: 32,\n            borderRadius: \"4px\",\n          }}\n        />\n      )}\n      {appInfo.appName && (\n        <div style={{ flex: 1 }}>\n          <div style={{ fontWeight: 500, fontSize: \"16px\" }}>\n            {appInfo.appName}\n          </div>\n          {appInfo.description && (\n            <div style={{ fontSize: \"12px\", color: \"#999\", marginTop: \"4px\" }}>\n              {appInfo.description}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nHeader.displayName = \"XAdkProvider.Header\";\n\nexport default Header;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAA6B;AA8BlB;AALX,IAAM,SAAoC,CAAC,EAAE,OAAO,WAAW,OAAO,MAAM;AAC1E,QAAM,EAAE,QAAQ,QAAI,sCAAa;AAGjC,MAAI,QAAQ;AACV,WAAO,2EAAG,iBAAO,OAAO,GAAE;AAAA,EAC5B;AAGA,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,cAAc;AAAA,QACd,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,GAAG;AAAA,MACL;AAAA,MAEC;AAAA,gBAAQ,QACP;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,QAAQ;AAAA,YACb,KAAI;AAAA,YACJ,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,cAAc;AAAA,YAChB;AAAA;AAAA,QACF;AAAA,QAED,QAAQ,WACP,6CAAC,SAAI,OAAO,EAAE,MAAM,EAAE,GACpB;AAAA,sDAAC,SAAI,OAAO,EAAE,YAAY,KAAK,UAAU,OAAO,GAC7C,kBAAQ,SACX;AAAA,UACC,QAAQ,eACP,4CAAC,SAAI,OAAO,EAAE,UAAU,QAAQ,OAAO,QAAQ,WAAW,MAAM,GAC7D,kBAAQ,aACX;AAAA,WAEJ;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,26 @@
+import React from "react";
+import type { ActionExtraProps, ActionProps } from "../../../types";
+import type { ChatStrategies } from "../../../types";
+export interface XAdkMessagesProps {
+    /** 自定义操作栏渲染 */
+    actions?: ActionProps;
+    /** 追加在操作栏之后的内容 */
+    actionsExtra?: ActionExtraProps;
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 是否显示函数调用详情 */
+    showFnCallDetail?: boolean;
+    /** 自定义工具调用渲染函数，返回 null 则降级使用默认渲染 */
+    renderFunctionCall?: (msg: import("../../../types").IMessage) => React.ReactNode | null;
+    /** 局部策略覆盖，优先级高于 Provider preset/strategies */
+    strategies?: ChatStrategies;
+}
+/**
+ * Messages - XAdkProvider 的消息展示组件
+ *
+ * 使用 XAdkChatbot 渲染消息列表
+ */
+declare const Messages: React.FC<XAdkMessagesProps>;
+export default Messages;

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

@@ -0,0 +1,159 @@
+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/Messages.tsx
+var Messages_exports = {};
+__export(Messages_exports, {
+  default: () => Messages_default
+});
+module.exports = __toCommonJS(Messages_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
+var import_XAdkChatbot = __toESM(require("../../XAdkChatbot"));
+var import_DislikeFeedBack = __toESM(require("./DislikeFeedBack"));
+var import_ChatStateContext = require("../context/ChatStateContext");
+var import_ChatActionContext = require("../context/ChatActionContext");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Messages = ({
+  actions,
+  actionsExtra,
+  className,
+  style,
+  showFnCallDetail,
+  renderFunctionCall,
+  strategies: strategiesProp
+}) => {
+  const {
+    messages,
+    loading,
+    prologue,
+    suggestions,
+    initialized,
+    showFeedback,
+    appInfo,
+    onFileClick,
+    strategies
+  } = (0, import_ChatStateContext.useChatState)();
+  const { suggestChat, reChat, likeMessage, confirmFnCall } = (0, import_ChatActionContext.useChatActions)();
+  const primaryColor = (appInfo == null ? void 0 : appInfo.appTheme) || "#1677ff";
+  const defaultActions = (0, import_react.useCallback)(
+    ({ message: group, isLastBotMsg }) => {
+      const lastMsg = group.msgs[group.msgs.length - 1];
+      const invocationId = lastMsg == null ? void 0 : lastMsg.invocationId;
+      const isLikeVal = group.isLike ?? 0;
+      const fullText = group.msgs.filter((m) => !m.functionCall && !m.functionResponse).map((m) => m.text || "").join("");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_antd.Flex,
+        {
+          gap: 16,
+          align: "center",
+          style: { padding: "4px 0", color: "#81858c" },
+          children: [
+            isLastBotMsg && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "重新生成", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ReloadOutlined, { style: { cursor: "pointer" }, onClick: reChat }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "复制内容", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icons.CopyOutlined,
+              {
+                style: { cursor: "pointer" },
+                onClick: () => {
+                  (0, import_copy_to_clipboard.default)(fullText);
+                  import_antd.message.success("复制成功");
+                }
+              }
+            ) }),
+            showFeedback && invocationId && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "赞", children: isLikeVal === 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_icons.LikeFilled,
+                {
+                  style: { color: primaryColor, cursor: "pointer" }
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_icons.LikeOutlined,
+                {
+                  style: { cursor: "pointer" },
+                  onClick: async () => {
+                    if (isLikeVal !== 0) {
+                      import_antd.message.warning("已收到您的反馈，无需重复提交");
+                      return;
+                    }
+                    const ok = await likeMessage(invocationId, 1);
+                    if (ok)
+                      import_antd.message.success("感谢您的反馈");
+                    else
+                      import_antd.message.error("反馈失败，请稍后再试");
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_DislikeFeedBack.default,
+                {
+                  msg: group,
+                  activeColor: primaryColor,
+                  onSubmit: async (formData) => {
+                    const ok = await likeMessage(invocationId, -1, formData);
+                    if (ok)
+                      import_antd.message.success("已收到您的反馈，我们会努力做得更好");
+                    else
+                      import_antd.message.error("反馈失败，请稍后再试");
+                    return ok;
+                  }
+                }
+              )
+            ] })
+          ]
+        }
+      );
+    },
+    [reChat, likeMessage, showFeedback, primaryColor]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_XAdkChatbot.default,
+    {
+      messages,
+      loading,
+      prologue,
+      suggestions,
+      onSuggest: suggestChat,
+      onConfirm: confirmFnCall,
+      actions: actions ?? defaultActions,
+      actionsExtra,
+      enableGrouping: true,
+      enableProcessParsing: true,
+      initialized,
+      showFnCallDetail,
+      onFileClick,
+      className,
+      style,
+      renderFunctionCall,
+      strategies: { ...strategies, ...strategiesProp }
+    }
+  );
+};
+var Messages_default = Messages;
+//# sourceMappingURL=Messages.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/Messages.tsx"],
+  "sourcesContent": ["import React, { useCallback } from \"react\";\nimport { message, Tooltip, Flex } from \"antd\";\nimport {\n  LikeFilled,\n  LikeOutlined,\n  ReloadOutlined,\n  CopyOutlined,\n} from \"@ant-design/icons\";\nimport copy from \"copy-to-clipboard\";\nimport XAdkChatbot from \"../../XAdkChatbot\";\nimport DislikeFeedback from \"./DislikeFeedBack\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport { useChatActions } from \"../context/ChatActionContext\";\nimport type { ActionExtraProps, ActionProps } from \"@/types\";\nimport type { ChatStrategies } from \"@/types\";\n\nexport interface XAdkMessagesProps {\n  /** 自定义操作栏渲染 */\n  actions?: ActionProps;\n  /** 追加在操作栏之后的内容 */\n  actionsExtra?: ActionExtraProps;\n  /** 类名 */\n  className?: string;\n  /** 样式 */\n  style?: React.CSSProperties;\n  /** 是否显示函数调用详情 */\n  showFnCallDetail?: boolean;\n  /** 自定义工具调用渲染函数，返回 null 则降级使用默认渲染 */\n  renderFunctionCall?: (msg: import(\"@/types\").IMessage) => React.ReactNode | null;\n  /** 局部策略覆盖，优先级高于 Provider preset/strategies */\n  strategies?: ChatStrategies;\n}\n\n/**\n * Messages - XAdkProvider 的消息展示组件\n *\n * 使用 XAdkChatbot 渲染消息列表\n */\nconst Messages: React.FC<XAdkMessagesProps> = ({\n  actions,\n  actionsExtra,\n  className,\n  style,\n  showFnCallDetail,\n  renderFunctionCall,\n  strategies: strategiesProp,\n}) => {\n  const {\n    messages,\n    loading,\n    prologue,\n    suggestions,\n    initialized,\n    showFeedback,\n    appInfo,\n    onFileClick,\n    strategies,\n  } = useChatState();\n  const { suggestChat, reChat, likeMessage, confirmFnCall } = useChatActions();\n\n  const primaryColor = appInfo?.appTheme || \"#1677ff\";\n\n  const defaultActions = useCallback<ActionProps>(\n    ({ message: group, isLastBotMsg }) => {\n      // 取该组最后一条 bot 消息的 invocationId 和 isLike 状态\n      const lastMsg = group.msgs[group.msgs.length - 1];\n      const invocationId = lastMsg?.invocationId;\n      const isLikeVal = group.isLike ?? 0;\n\n      const fullText = group.msgs\n        .filter((m) => !m.functionCall && !m.functionResponse)\n        .map((m) => m.text || \"\")\n        .join(\"\");\n\n      return (\n        <Flex\n          gap={16}\n          align=\"center\"\n          style={{ padding: \"4px 0\", color: \"#81858c\" }}\n        >\n          {isLastBotMsg && (\n            <Tooltip title=\"重新生成\">\n              <ReloadOutlined style={{ cursor: \"pointer\" }} onClick={reChat} />\n            </Tooltip>\n          )}\n          <Tooltip title=\"复制内容\">\n            <CopyOutlined\n              style={{ cursor: \"pointer\" }}\n              onClick={() => {\n                copy(fullText);\n                message.success(\"复制成功\");\n              }}\n            />\n          </Tooltip>\n          {showFeedback && invocationId && (\n            <>\n              <Tooltip title=\"赞\">\n                {isLikeVal === 1 ? (\n                  <LikeFilled\n                    style={{ color: primaryColor, cursor: \"pointer\" }}\n                  />\n                ) : (\n                  <LikeOutlined\n                    style={{ cursor: \"pointer\" }}\n                    onClick={async () => {\n                      if (isLikeVal !== 0) {\n                        message.warning(\"已收到您的反馈，无需重复提交\");\n                        return;\n                      }\n                      const ok = await likeMessage(invocationId, 1);\n                      if (ok) message.success(\"感谢您的反馈\");\n                      else message.error(\"反馈失败，请稍后再试\");\n                    }}\n                  />\n                )}\n              </Tooltip>\n              <DislikeFeedback\n                msg={group}\n                activeColor={primaryColor}\n                onSubmit={async (formData) => {\n                  const ok = await likeMessage(invocationId, -1, formData);\n                  if (ok) message.success(\"已收到您的反馈，我们会努力做得更好\");\n                  else message.error(\"反馈失败，请稍后再试\");\n                  return ok;\n                }}\n              />\n            </>\n          )}\n        </Flex>\n      );\n    },\n    [reChat, likeMessage, showFeedback, primaryColor],\n  );\n\n  return (\n    <XAdkChatbot\n      messages={messages}\n      loading={loading}\n      prologue={prologue}\n      suggestions={suggestions}\n      onSuggest={suggestChat}\n      onConfirm={confirmFnCall}\n      // 操作栏：使用外部传入的 actions，否则用内置默认 actions\n      actions={actions ?? defaultActions}\n      actionsExtra={actionsExtra}\n      // 启用分组和解析\n      enableGrouping={true}\n      enableProcessParsing={true}\n      initialized={initialized}\n      showFnCallDetail={showFnCallDetail}\n      // 文件点击回调\n      onFileClick={onFileClick}\n      // 样式\n      className={className}\n      style={style}\n      // 自定义工具调用渲染\n      renderFunctionCall={renderFunctionCall}\n      strategies={{ ...strategies, ...strategiesProp }}\n    />\n  );\n};\n\nexport default Messages;\n"],
+  "mappings": "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",
+  "names": ["copy", "DislikeFeedback", "XAdkChatbot"]
+}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { XAdkSenderProps, XAdkSenderHandle } from "../../../types";
+/**
+ * XAdkProvider.Sender - 输入框组件
+ *
+ * 从 Context 获取聊天动作并提供输入界面
+ * 基于 XAdkSender 组件实现
+ *
+ * @example
+ * ```tsx
+ * <XAdkProvider url="..." token="...">
+ *   <XAdkProvider.Sender
+ *     allowUpload={true}
+ *     clearBtnShow={true}
+ *     uploadRequest={myUploadHandler}
+ *   />
+ * </XAdkProvider>
+ * ```
+ */
+export interface XAdkSenderCompoundProps extends Partial<Omit<XAdkSenderProps, 'loading' | 'onSubmit' | 'onStop' | 'onClear'>> {
+    /** 额外的样式 */
+    style?: React.CSSProperties;
+    /** 额外的类名 */
+    className?: string;
+}
+declare const Sender: React.ForwardRefExoticComponent<XAdkSenderCompoundProps & React.RefAttributes<XAdkSenderHandle>>;
+export default Sender;

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

@@ -0,0 +1,58 @@
+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/Sender.tsx
+var Sender_exports = {};
+__export(Sender_exports, {
+  default: () => Sender_default
+});
+module.exports = __toCommonJS(Sender_exports);
+var import_react = require("react");
+var import_XAdkSender = __toESM(require("../../XAdkSender"));
+var import_ChatStateContext = require("../context/ChatStateContext");
+var import_ChatActionContext = require("../context/ChatActionContext");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Sender = (0, import_react.forwardRef)((props, ref) => {
+  const { loading, uploadRequest } = (0, import_ChatStateContext.useChatState)();
+  const { chat, stopChat, clearChat } = (0, import_ChatActionContext.useChatActions)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_XAdkSender.default,
+    {
+      ref,
+      loading,
+      onSubmit: chat,
+      onStop: stopChat,
+      onClear: clearChat,
+      uploadRequest,
+      ...props
+    }
+  );
+});
+Sender.displayName = "XAdkProvider.Sender";
+var Sender_default = Sender;
+//# sourceMappingURL=Sender.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/Sender.tsx"],
+  "sourcesContent": ["import React, { forwardRef } from 'react';\nimport XAdkSender from '@/components/XAdkSender';\nimport { useChatState } from '../context/ChatStateContext';\nimport { useChatActions } from '../context/ChatActionContext';\nimport type { XAdkSenderProps, XAdkSenderHandle } from '@/types';\n\n/**\n * XAdkProvider.Sender - 输入框组件\n *\n * 从 Context 获取聊天动作并提供输入界面\n * 基于 XAdkSender 组件实现\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <XAdkProvider.Sender\n *     allowUpload={true}\n *     clearBtnShow={true}\n *     uploadRequest={myUploadHandler}\n *   />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkSenderCompoundProps extends Partial<Omit<XAdkSenderProps, 'loading' | 'onSubmit' | 'onStop' | 'onClear'>> {\n  /** 额外的样式 */\n  style?: React.CSSProperties;\n  /** 额外的类名 */\n  className?: string;\n}\n\nconst Sender = forwardRef<XAdkSenderHandle, XAdkSenderCompoundProps>((props, ref) => {\n  const { loading, uploadRequest } = useChatState();\n  const { chat, stopChat, clearChat } = useChatActions();\n\n  return (\n    <XAdkSender\n      ref={ref}\n      loading={loading}\n      onSubmit={chat}\n      onStop={stopChat}\n      onClear={clearChat}\n      uploadRequest={uploadRequest}\n      {...props}\n    />\n  );\n});\n\nSender.displayName = 'XAdkProvider.Sender';\n\nexport default Sender;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,wBAAuB;AACvB,8BAA6B;AAC7B,+BAA+B;AAgC3B;AALJ,IAAM,aAAS,yBAAsD,CAAC,OAAO,QAAQ;AACnF,QAAM,EAAE,SAAS,cAAc,QAAI,sCAAa;AAChD,QAAM,EAAE,MAAM,UAAU,UAAU,QAAI,yCAAe;AAErD,SACE;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,OAAO,cAAc;AAErB,IAAO,iBAAQ;",
+  "names": ["XAdkSender"]
+}