@ai-group/chat-sdk 3.5.5 → 3.5.6

package/dist/cjs/components/XAdkChatbot/styles.js

@@ -0,0 +1,234 @@
+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/XAdkChatbot/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  default: () => styles_default,
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_css = require("@emotion/css");
+var import_common = require("../../styles/common");
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  wrapper: import_css.css`
+    padding: 0 16px;
+    min-height: 300px;
+    width: 100%;
+    height: 100%;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+
+    .x-markdown {
+      --margin-ul-ol: 0 0 1em 1em;
+
+      code {
+        background: rgba(150, 150, 150, 0.2);
+        border-radius: 3px;
+      }
+
+      .ant-highlightCode-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        color: var(--ant-highlight-code-color-text-title);
+        background: var(--ant-highlight-code-color-bg-title);
+        padding: var(--ant-padding-sm);
+        border-top-left-radius: var(--ant-border-radius);
+        border-top-right-radius: var(--ant-border-radius);
+      }
+    }
+  `,
+  list: import_css.css`
+    flex: 1;
+    margin-top: 16px;
+    overflow-y: auto;
+    /* Chrome, Safari, Edge, Opera */
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    /* Firefox */
+    scrollbar-width: none;
+    /* IE 10+ */
+    -ms-overflow-style: none;
+  `,
+  prologue: import_css.css`
+    margin-bottom: 12px;
+  `,
+  suggestion: import_css.css`
+    margin-bottom: 12px;
+  `,
+  suggestContent: import_css.css`
+    display: inline-flex;
+    border: 2px solid #e7e7e7;
+    border-radius: 8px;
+  `,
+  userMsg: import_css.css`
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 24px;
+  `,
+  userContainer: import_css.css`
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: flex-end;
+  `,
+  card: import_css.css`
+    display: inline-flex;
+    padding: 12px 16px;
+    background: #d5e3ff;
+    border-radius: 12px;
+    max-width: 100%;
+    white-space: pre-line;
+    word-break: break-all;
+  `,
+  botMsg: import_css.css`
+    margin-bottom: 12px;
+  `,
+  // 新增样式
+  welcomeWrapper: import_css.css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 40px 20px;
+    text-align: center;
+  `,
+  welcomeIcon: import_css.css`
+    width: 64px;
+    height: 64px;
+    border-radius: 12px;
+    margin-bottom: 16px;
+  `,
+  welcomeTitle: import_css.css`
+    font-size: 24px;
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.88);
+    margin-bottom: 8px;
+  `,
+  welcomeDesc: import_css.css`
+    font-size: 14px;
+    color: rgba(0, 0, 0, 0.65);
+    margin-bottom: 24px;
+  `,
+  suggestionWrapper: import_css.css`
+    margin-top: 16px;
+  `,
+  successBadge: import_css.css`
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 12px;
+    background: #f6ffed;
+    border: 1px solid #b7eb8f;
+    border-radius: 4px;
+    color: #52c41a;
+    font-size: 13px;
+    margin-bottom: 12px;
+  `,
+  fileSection: import_css.css`
+    margin: 12px 0;
+  `,
+  fileHeader: import_css.css`
+    font-size: 13px;
+    color: rgba(0, 0, 0, 0.65);
+    margin-bottom: 8px;
+  `,
+  metaFooter: import_css.css`
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 16px;
+    margin-top: 12px;
+    padding-top: 12px;
+    border-top: 1px solid #f0f0f0;
+  `,
+  actionIcons: import_css.css`
+    color: rgba(0, 0, 0, 0.45);
+
+    & > span {
+      cursor: pointer;
+      transition: color 0.2s;
+
+      &:hover {
+        color: #1890ff;
+      }
+    }
+  `,
+  fnCall: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 11px;
+    border-radius: 24px;
+    line-height: 16px;
+    border: 1px solid #e7e7e7;
+    cursor: pointer;
+  `,
+  confirm: import_css.css`
+    padding: 12px;
+    border-radius: 12px;
+    border: 1px solid #e7e7e7;
+  `,
+  footer: import_css.css`
+    /* senderWrap and tip moved to top-level keys so they are
+       accessible as styles.senderWrap and styles.tip in the component */
+  `,
+  sender: import_css.css`
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 8px 8px 12px;
+    border: 1px solid #e7e7e7;
+    border-radius: 24px;
+
+    /* .input moved to top-level key so component can use styles.input */
+  `,
+  senderWrap: import_css.css`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  `,
+  tip: import_css.css`
+    padding: 4px;
+    font-size: 12px;
+    text-align: center;
+    color: rgba(0, 0, 0, 0.4);
+  `,
+  input: import_css.css`
+    padding: 0;
+    margin: 5px 0;
+    line-height: 22px;
+    font-size: 15px;
+    border-radius: 0;
+    border: none;
+
+    &:focus {
+      box-shadow: none;
+    }
+  `
+}));
+var styles_default = useStyles;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

package/dist/cjs/components/XAdkChatbot/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkChatbot/styles.tsx"],
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  wrapper: css`\n    padding: 0 16px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n\n    .x-markdown {\n      --margin-ul-ol: 0 0 1em 1em;\n\n      code {\n        background: rgba(150, 150, 150, 0.2);\n        border-radius: 3px;\n      }\n\n      .ant-highlightCode-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--ant-highlight-code-color-text-title);\n        background: var(--ant-highlight-code-color-bg-title);\n        padding: var(--ant-padding-sm);\n        border-top-left-radius: var(--ant-border-radius);\n        border-top-right-radius: var(--ant-border-radius);\n      }\n    }\n  `,\n\n  list: css`\n    flex: 1;\n    margin-top: 16px;\n    overflow-y: auto;\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    /* Firefox */\n    scrollbar-width: none;\n    /* IE 10+ */\n    -ms-overflow-style: none;\n  `,\n\n  prologue: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestion: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestContent: css`\n    display: inline-flex;\n    border: 2px solid #e7e7e7;\n    border-radius: 8px;\n  `,\n\n  userMsg: css`\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 24px;\n  `,\n\n  userContainer: css`\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: flex-end;\n  `,\n\n  card: css`\n    display: inline-flex;\n    padding: 12px 16px;\n    background: #d5e3ff;\n    border-radius: 12px;\n    max-width: 100%;\n    white-space: pre-line;\n    word-break: break-all;\n  `,\n\n  botMsg: css`\n    margin-bottom: 12px;\n  `,\n\n  // 新增样式\n  welcomeWrapper: css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 20px;\n    text-align: center;\n  `,\n\n  welcomeIcon: css`\n    width: 64px;\n    height: 64px;\n    border-radius: 12px;\n    margin-bottom: 16px;\n  `,\n\n  welcomeTitle: css`\n    font-size: 24px;\n    font-weight: 600;\n    color: rgba(0, 0, 0, 0.88);\n    margin-bottom: 8px;\n  `,\n\n  welcomeDesc: css`\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.65);\n    margin-bottom: 24px;\n  `,\n\n  suggestionWrapper: css`\n    margin-top: 16px;\n  `,\n\n  successBadge: css`\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    background: #f6ffed;\n    border: 1px solid #b7eb8f;\n    border-radius: 4px;\n    color: #52c41a;\n    font-size: 13px;\n    margin-bottom: 12px;\n  `,\n\n  fileSection: css`\n    margin: 12px 0;\n  `,\n\n  fileHeader: css`\n    font-size: 13px;\n    color: rgba(0, 0, 0, 0.65);\n    margin-bottom: 8px;\n  `,\n\n  metaFooter: css`\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid #f0f0f0;\n  `,\n\n  actionIcons: css`\n    color: rgba(0, 0, 0, 0.45);\n\n    & > span {\n      cursor: pointer;\n      transition: color 0.2s;\n\n      &:hover {\n        color: #1890ff;\n      }\n    }\n  `,\n\n  fnCall: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  `,\n\n  confirm: css`\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  `,\n\n  footer: css`\n    /* senderWrap and tip moved to top-level keys so they are\n       accessible as styles.senderWrap and styles.tip in the component */\n  `,\n\n  sender: css`\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 8px 8px 12px;\n    border: 1px solid #e7e7e7;\n    border-radius: 24px;\n\n    /* .input moved to top-level key so component can use styles.input */\n  `,\n\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  `,\n\n  tip: css`\n    padding: 4px;\n    font-size: 12px;\n    text-align: center;\n    color: rgba(0, 0, 0, 0.4);\n  `,\n\n  input: css`\n    padding: 0;\n    margin: 5px 0;\n    line-height: 22px;\n    font-size: 15px;\n    border-radius: 0;\n    border: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n  `,\n}));\n\nexport default useStyles;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcN,UAAU;AAAA;AAAA;AAAA,EAIV,YAAY;AAAA;AAAA;AAAA,EAIZ,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOf,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUN,QAAQ;AAAA;AAAA;AAAA;AAAA,EAKR,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOd,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,EAMb,mBAAmB;AAAA;AAAA;AAAA,EAInB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAad,aAAa;AAAA;AAAA;AAAA,EAIb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAab,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,QAAQ;AAAA;AAAA;AAAA;AAAA,EAKR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYR,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOL,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYT,EAAE;AAEF,IAAO,iBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { XAdkMessagesProps } from './Messages';
+import { XAdkSenderCompoundProps } from './Sender';
+/**
+ * XAdkProvider.Chatbot - 完整的聊天界面组件
+ *
+ * 组合了 Messages + Sender,提供开箱即用的完整聊天界面
+ *
+ * @example
+ * ```tsx
+ * <XAdkProvider url="..." token="...">
+ *   <XAdkProvider.Chatbot
+ *     messagesProps={{ showFnCallDetail: true }}
+ *     senderProps={{ allowUpload: true }}
+ *   />
+ * </XAdkProvider>
+ * ```
+ */
+export interface XAdkChatbotCompoundProps {
+    /** Messages 组件的属性 */
+    messagesProps?: XAdkMessagesProps;
+    /** Sender 组件的属性 */
+    senderProps?: XAdkSenderCompoundProps;
+    /** 容器样式 */
+    style?: React.CSSProperties;
+    /** 容器类名 */
+    className?: string;
+}
+declare const Chatbot: React.FC<XAdkChatbotCompoundProps>;
+export default Chatbot;

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,33 @@
+import React from "react";
+import type { ChatStrategies } from "../../../types";
+/**
+ * XAdkProvider 默认布局
+ *
+ * 提供类似 ChatGPT/DeepSeek 的默认布局:
+ * - 左侧: 会话列表侧边栏 (可选,支持展开/收起)
+ * - 右侧: 聊天区域 (标题 + 消息 + 输入框,居中显示,最大宽度800px)
+ */
+export interface DefaultLayoutProps {
+    /** 是否显示会话列表 */
+    showSessionList?: boolean;
+    /** 自定义头部 */
+    header?: React.ReactNode;
+    /** 自定义底部 (替代默认 Sender) */
+    footer?: React.ReactNode;
+    /** 是否允许上传文件 */
+    allowUpload?: boolean;
+    /** 是否启用拖拽上传，拖拽区域为整个聊天区域（不含侧边栏），需 allowUpload 为 true */
+    draggable?: boolean;
+    /** 是否显示清空按钮 */
+    clearBtnShow?: boolean;
+    /** 是否显示函数调用详情 */
+    showFnCallDetail?: boolean;
+    /** 自定义消息 Footer */
+    messagesFooter?: (msg: any) => React.ReactNode;
+    /** 自定义工具调用渲染函数，返回 null 则降级使用默认渲染 */
+    renderFunctionCall?: (msg: import("../../../types").IMessage) => React.ReactNode | null;
+    /** 局部策略覆盖，优先级高于 Provider preset/strategies */
+    strategies?: ChatStrategies;
+}
+declare const DefaultLayout: React.FC<DefaultLayoutProps>;
+export default DefaultLayout;

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

@@ -0,0 +1,245 @@
+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_react = require("react");
+var import_x = require("@ant-design/x");
+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_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DefaultLayout = ({
+  showSessionList = false,
+  header,
+  footer,
+  allowUpload = false,
+  draggable = true,
+  clearBtnShow = true,
+  showFnCallDetail,
+  renderFunctionCall,
+  strategies
+}) => {
+  const { appInfo, messages, prologue, suggestions } = (0, import_ChatStateContext.useChatState)();
+  const styles = (0, import_styles.useStyles)();
+  const chatAreaRef = (0, import_react.useRef)(null);
+  const senderRef = (0, import_react.useRef)(null);
+  const [dropFileList, setDropFileList] = (0, import_react.useState)([]);
+  const enableDragUpload = allowUpload && draggable;
+  const handleDropFiles = (0, import_react.useCallback)((info) => {
+    var _a;
+    const rawFiles = info.fileList.map((f) => f.originFileObj).filter(Boolean);
+    if (rawFiles.length > 0) {
+      (_a = senderRef.current) == null ? void 0 : _a.addFiles(rawFiles);
+    }
+    setDropFileList([]);
+  }, []);
+  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.jsxs)(
+          "div",
+          {
+            ref: chatAreaRef,
+            style: {
+              flex: 1,
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              flexDirection: "column",
+              overflow: "hidden",
+              position: "relative"
+            },
+            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",
+                                position: "relative"
+                              },
+                              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                                import_Messages.default,
+                                {
+                                  showFnCallDetail,
+                                  renderFunctionCall,
+                                  strategies
+                                }
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                            "div",
+                            {
+                              className: styles.sendWrapper,
+                              style: {
+                                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,
+                                {
+                                  ref: senderRef,
+                                  allowUpload,
+                                  draggable: !enableDragUpload,
+                                  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)"
+                              }
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              enableDragUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_x.Attachments,
+                {
+                  style: { display: "none" },
+                  items: dropFileList,
+                  getDropContainer: () => chatAreaRef.current,
+                  multiple: true,
+                  beforeUpload: () => false,
+                  onChange: handleDropFiles
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+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, { useRef, useCallback, useState } from \"react\";\nimport { Attachments } from \"@ant-design/x\";\nimport type { UploadFile } from \"antd\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport Sidebar from \"./Sidebar\";\nimport Messages from \"./Messages\";\nimport Welcome from \"./Welcome\";\nimport Sender from \"./Sender\";\nimport { useStyles } from \"./styles\";\nimport type { ChatStrategies } from \"@/types\";\nimport type { XAdkSenderHandle } from \"@/types/XAdkSender\";\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  /** 是否启用拖拽上传，拖拽区域为整个聊天区域（不含侧边栏），需 allowUpload 为 true */\n  draggable?: boolean;\n  /** 是否显示清空按钮 */\n  clearBtnShow?: boolean;\n  /** 是否显示函数调用详情 */\n  showFnCallDetail?: boolean;\n  /** 自定义消息 Footer */\n  messagesFooter?: (msg: any) => React.ReactNode;\n  /** 自定义工具调用渲染函数，返回 null 则降级使用默认渲染 */\n  renderFunctionCall?: (\n    msg: import(\"@/types\").IMessage,\n  ) => React.ReactNode | null;\n  /** 局部策略覆盖，优先级高于 Provider preset/strategies */\n  strategies?: ChatStrategies;\n}\n\nconst DefaultLayout: React.FC<DefaultLayoutProps> = ({\n  showSessionList = false,\n  header,\n  footer,\n  allowUpload = false,\n  draggable = true,\n  clearBtnShow = true,\n  showFnCallDetail,\n  renderFunctionCall,\n  strategies,\n}) => {\n  const { appInfo, messages, prologue, suggestions } = useChatState();\n  const styles = useStyles();\n  const chatAreaRef = useRef<HTMLDivElement>(null);\n  const senderRef = useRef<XAdkSenderHandle>(null);\n  const [dropFileList, setDropFileList] = useState<UploadFile[]>([]);\n\n  // 拖拽上传是否启用\n  const enableDragUpload = allowUpload && draggable;\n\n  // Attachments 拖拽文件后的回调\n  const handleDropFiles = useCallback((info: { fileList: UploadFile[] }) => {\n    const rawFiles = info.fileList\n      .map((f) => f.originFileObj)\n      .filter(Boolean) as File[];\n    if (rawFiles.length > 0) {\n      senderRef.current?.addFiles(rawFiles);\n    }\n    // 清空 Attachments 文件列表，避免累积\n    setDropFileList([]);\n  }, []);\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        ref={chatAreaRef}\n        style={{\n          flex: 1,\n          display: \"flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          flexDirection: \"column\",\n          overflow: \"hidden\",\n          position: \"relative\",\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.appName && (\n                    <div>\n                      <div\n                        style={{\n                          fontSize: \"16px\",\n                          fontWeight: 500,\n                          color: \"#000\",\n                        }}\n                      >\n                        {appInfo.appName}\n                      </div>\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                  position: \"relative\",\n                }}\n              >\n                <Messages\n                  showFnCallDetail={showFnCallDetail}\n                  renderFunctionCall={renderFunctionCall}\n                  strategies={strategies}\n                />\n              </div>\n            )}\n            {/* 输入区域 - 始终存在,通过样式控制位置 */}\n            <div\n              className={styles.sendWrapper}\n              style={{\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\n                  ref={senderRef}\n                  allowUpload={allowUpload}\n                  draggable={!enableDragUpload}\n                  clearBtnShow={clearBtnShow}\n                />\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\n        {/* Attachments 拖拽遮罩 - 仅用于拖拽上传功能 */}\n        {enableDragUpload && (\n          <Attachments\n            style={{ display: \"none\" }}\n            items={dropFileList}\n            getDropContainer={() => chatAreaRef.current}\n            multiple\n            beforeUpload={() => false}\n            onChange={handleDropFiles}\n          />\n        )}\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"]
+}