@ai-group/chat-sdk 3.7.0 → 3.7.1-alpha10

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

@@ -33,18 +33,94 @@ __export(Sender_exports, {
 });
 module.exports = __toCommonJS(Sender_exports);
 var import_react = require("react");
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
 var import_XAdkSender = __toESM(require("../../XAdkSender"));
 var import_ChatSenderStateContext = require("../context/ChatSenderStateContext");
+var import_DefaultLayoutContext = require("../context/DefaultLayoutContext");
 var import_ChatActionContext = require("../context/ChatActionContext");
+var import_styles = require("./styles");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Sender = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const { loading, uploadRequest, senderValue, setSenderValue } = (0, import_ChatSenderStateContext.useChatSenderState)();
+  ({ allowUpload, uploadRequest: customUploadRequest, footerLeft, ...props }, ref) => {
+    const {
+      loading,
+      uploadRequest: providerUploadRequest,
+      allowUpload: providerAllowUpload,
+      senderValue,
+      setSenderValue
+    } = (0, import_ChatSenderStateContext.useChatSenderState)();
+    const layout = (0, import_DefaultLayoutContext.useDefaultLayoutContext)();
     const { chat, stopChat, clearChat } = (0, import_ChatActionContext.useChatActions)();
+    const styles = (0, import_styles.useStyles)();
+    const senderRef = (0, import_react.useRef)(null);
+    const fileInputRef = (0, import_react.useRef)(null);
+    const mergedAllowUpload = allowUpload ?? (layout == null ? void 0 : layout.allowUpload) ?? providerAllowUpload;
+    const uploadRequest = customUploadRequest ?? providerUploadRequest;
+    const setSenderRef = (0, import_react.useCallback)(
+      (sender) => {
+        var _a;
+        senderRef.current = sender;
+        (_a = layout == null ? void 0 : layout.registerSender) == null ? void 0 : _a.call(layout, sender);
+        if (typeof ref === "function")
+          ref(sender);
+        else if (ref)
+          ref.current = sender;
+      },
+      [layout, ref]
+    );
+    const handleFileChange = (0, import_react.useCallback)(
+      (event) => {
+        var _a;
+        const files = event.target.files;
+        if (files == null ? void 0 : files.length)
+          (_a = senderRef.current) == null ? void 0 : _a.addFiles(Array.from(files));
+        event.target.value = "";
+      },
+      []
+    );
+    const renderCustomFooterLeft = (0, import_react.useCallback)(
+      (oriNode, info) => {
+        if (footerLeft === false || footerLeft === void 0)
+          return null;
+        return typeof footerLeft === "function" ? footerLeft(oriNode, info) : footerLeft;
+      },
+      [footerLeft]
+    );
+    const mergedFooterLeft = mergedAllowUpload ? (oriNode, info) => {
+      var _a;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            multiple: true,
+            hidden: true,
+            accept: (_a = props.allowedFileTypes) == null ? void 0 : _a.join(","),
+            onChange: handleFileChange
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "上传文件", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: styles.uploadButton,
+            onClick: () => {
+              var _a2;
+              return (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
+            },
+            "aria-label": "上传文件",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PaperClipOutlined, {})
+          }
+        ) }),
+        renderCustomFooterLeft(oriNode, info)
+      ] });
+    } : footerLeft;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_XAdkSender.default,
       {
-        ref,
+        ref: setSenderRef,
         ...props,
         loading,
         value: senderValue,
@@ -52,7 +128,8 @@ var Sender = (0, import_react.forwardRef)(
         onSubmit: chat,
         onStop: stopChat,
         onClear: clearChat,
-        uploadRequest
+        uploadRequest,
+        footerLeft: mergedFooterLeft
       }
     );
   }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/XAdkProvider/compound/Sender.tsx"],
-  "sourcesContent": ["import React, { forwardRef } from \"react\";\nimport XAdkSender from \"@/components/XAdkSender\";\nimport { useChatSenderState } from \"../context/ChatSenderStateContext\";\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<\n  Omit<XAdkSenderProps, \"loading\" | \"onSubmit\" | \"onStop\" | \"onClear\">\n> {\n  /** 额外的样式 */\n  style?: React.CSSProperties;\n  /** 额外的类名 */\n  className?: string;\n}\n\nconst Sender = forwardRef<XAdkSenderHandle, XAdkSenderCompoundProps>(\n  (props, ref) => {\n    const { loading, uploadRequest, senderValue, setSenderValue } = useChatSenderState();\n    const { chat, stopChat, clearChat } = useChatActions();\n\n    return (\n      <XAdkSender\n        ref={ref}\n        {...props}\n        loading={loading}\n        value={senderValue}\n        onChange={setSenderValue}\n        onSubmit={chat}\n        onStop={stopChat}\n        onClear={clearChat}\n        uploadRequest={uploadRequest}\n      />\n    );\n  },\n);\n\nSender.displayName = \"XAdkProvider.Sender\";\n\nexport default Sender;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,wBAAuB;AACvB,oCAAmC;AACnC,+BAA+B;AAmCzB;AANN,IAAM,aAAS;AAAA,EACb,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,SAAS,eAAe,aAAa,eAAe,QAAI,kDAAmB;AACnF,UAAM,EAAE,MAAM,UAAU,UAAU,QAAI,yCAAe;AAErD,WACE;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ;",
-  "names": ["XAdkSender"]
+  "sourcesContent": ["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { PaperClipOutlined } from \"@ant-design/icons\";\nimport { Tooltip } from \"antd\";\nimport XAdkSender from \"@/components/XAdkSender\";\nimport { useChatSenderState } from \"../context/ChatSenderStateContext\";\nimport { useDefaultLayoutContext } from \"../context/DefaultLayoutContext\";\nimport { useChatActions } from \"../context/ChatActionContext\";\nimport type {\n  ActionsComponents,\n  SlotRenderFunction,\n  XAdkSenderProps,\n  XAdkSenderHandle,\n} from \"@/types\";\nimport { useStyles } from \"./styles\";\n\n/**\n * XAdkProvider.Sender - 输入框组件\n *\n * 从 Context 获取聊天动作并提供输入界面\n * 基于 XAdkSender 组件实现\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <XAdkProvider.Sender\n *     clearBtnShow={true}\n *     allowUpload\n *     uploadRequest={myUploadHandler}\n *   />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkSenderCompoundProps extends Partial<\n  Omit<XAdkSenderProps, \"loading\" | \"onSubmit\" | \"onStop\" | \"onClear\">\n> {\n  /** 是否显示内置上传按钮；未传时依次继承 DefaultLayout 与 Provider 配置。 */\n  allowUpload?: boolean;\n  /** 额外的样式 */\n  style?: React.CSSProperties;\n  /** 额外的类名 */\n  className?: string;\n}\n\nconst Sender = forwardRef<XAdkSenderHandle, XAdkSenderCompoundProps>(\n  (\n    { allowUpload, uploadRequest: customUploadRequest, footerLeft, ...props },\n    ref,\n  ) => {\n    const {\n      loading,\n      uploadRequest: providerUploadRequest,\n      allowUpload: providerAllowUpload,\n      senderValue,\n      setSenderValue,\n    } = useChatSenderState();\n    const layout = useDefaultLayoutContext();\n    const { chat, stopChat, clearChat } = useChatActions();\n    const styles = useStyles();\n    const senderRef = useRef<XAdkSenderHandle | null>(null);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const mergedAllowUpload =\n      allowUpload ?? layout?.allowUpload ?? providerAllowUpload;\n    const uploadRequest = customUploadRequest ?? providerUploadRequest;\n\n    // 同时维护业务 ref 与 DefaultLayout 的拖拽文件注入目标。\n    const setSenderRef = useCallback(\n      (sender: XAdkSenderHandle | null) => {\n        senderRef.current = sender;\n        layout?.registerSender?.(sender);\n        if (typeof ref === \"function\") ref(sender);\n        else if (ref) ref.current = sender;\n      },\n      [layout, ref],\n    );\n\n    const handleFileChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n        if (files?.length) senderRef.current?.addFiles(Array.from(files));\n        event.target.value = \"\";\n      },\n      [],\n    );\n\n    const renderCustomFooterLeft = useCallback(\n      (oriNode: React.ReactNode, info: { components: ActionsComponents }) => {\n        if (footerLeft === false || footerLeft === undefined) return null;\n        return typeof footerLeft === \"function\"\n          ? footerLeft(oriNode, info)\n          : footerLeft;\n      },\n      [footerLeft],\n    );\n\n    const mergedFooterLeft: SlotRenderFunction | React.ReactNode =\n      mergedAllowUpload\n        ? (oriNode, info) => (\n            <>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                multiple\n                hidden\n                accept={props.allowedFileTypes?.join(\",\")}\n                onChange={handleFileChange}\n              />\n              <Tooltip title=\"上传文件\">\n                <button\n                  type=\"button\"\n                  className={styles.uploadButton}\n                  onClick={() => fileInputRef.current?.click()}\n                  aria-label=\"上传文件\"\n                >\n                  <PaperClipOutlined />\n                </button>\n              </Tooltip>\n              {renderCustomFooterLeft(oriNode, info)}\n            </>\n          )\n        : footerLeft;\n\n    return (\n      <XAdkSender\n        ref={setSenderRef}\n        {...props}\n        loading={loading}\n        value={senderValue}\n        onChange={setSenderValue}\n        onSubmit={chat}\n        onStop={stopChat}\n        onClear={clearChat}\n        uploadRequest={uploadRequest}\n        footerLeft={mergedFooterLeft}\n      />\n    );\n  },\n);\n\nSender.displayName = \"XAdkProvider.Sender\";\n\nexport default Sender;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuD;AACvD,mBAAkC;AAClC,kBAAwB;AACxB,wBAAuB;AACvB,oCAAmC;AACnC,kCAAwC;AACxC,+BAA+B;AAO/B,oBAA0B;AAoFd;AAtDZ,IAAM,aAAS;AAAA,EACb,CACE,EAAE,aAAa,eAAe,qBAAqB,YAAY,GAAG,MAAM,GACxE,QACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF,QAAI,kDAAmB;AACvB,UAAM,aAAS,qDAAwB;AACvC,UAAM,EAAE,MAAM,UAAU,UAAU,QAAI,yCAAe;AACrD,UAAM,aAAS,yBAAU;AACzB,UAAM,gBAAY,qBAAgC,IAAI;AACtD,UAAM,mBAAe,qBAAyB,IAAI;AAClD,UAAM,oBACJ,gBAAe,iCAAQ,gBAAe;AACxC,UAAM,gBAAgB,uBAAuB;AAG7C,UAAM,mBAAe;AAAA,MACnB,CAAC,WAAoC;AAlE3C;AAmEQ,kBAAU,UAAU;AACpB,+CAAQ,mBAAR,gCAAyB;AACzB,YAAI,OAAO,QAAQ;AAAY,cAAI,MAAM;AAAA,iBAChC;AAAK,cAAI,UAAU;AAAA,MAC9B;AAAA,MACA,CAAC,QAAQ,GAAG;AAAA,IACd;AAEA,UAAM,uBAAmB;AAAA,MACvB,CAAC,UAA+C;AA5EtD;AA6EQ,cAAM,QAAQ,MAAM,OAAO;AAC3B,YAAI,+BAAO;AAAQ,0BAAU,YAAV,mBAAmB,SAAS,MAAM,KAAK,KAAK;AAC/D,cAAM,OAAO,QAAQ;AAAA,MACvB;AAAA,MACA,CAAC;AAAA,IACH;AAEA,UAAM,6BAAyB;AAAA,MAC7B,CAAC,SAA0B,SAA4C;AACrE,YAAI,eAAe,SAAS,eAAe;AAAW,iBAAO;AAC7D,eAAO,OAAO,eAAe,aACzB,WAAW,SAAS,IAAI,IACxB;AAAA,MACN;AAAA,MACA,CAAC,UAAU;AAAA,IACb;AAEA,UAAM,mBACJ,oBACI,CAAC,SAAS,SAAM;AAhG1B;AAiGY,yFACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,QAAM;AAAA,YACN,SAAQ,WAAM,qBAAN,mBAAwB,KAAK;AAAA,YACrC,UAAU;AAAA;AAAA,QACZ;AAAA,QACA,4CAAC,uBAAQ,OAAM,QACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,OAAO;AAAA,YAClB,SAAS,MAAG;AA9G9B,kBAAAA;AA8GiC,sBAAAA,MAAA,aAAa,YAAb,gBAAAA,IAAsB;AAAA;AAAA,YACrC,cAAW;AAAA,YAEX,sDAAC,kCAAkB;AAAA;AAAA,QACrB,GACF;AAAA,QACC,uBAAuB,SAAS,IAAI;AAAA,SACvC;AAAA,QAEF;AAEN,WACE;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA,QACA,YAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ;",
+  "names": ["_a", "XAdkSender"]
 }

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

@@ -1,6 +1,7 @@
 export declare const useStyles: () => {
     logoText: string;
     sendWrapper: string;
+    uploadButton: string;
 } & {
     w: (width: string | number) => string;
     h: (height: string | number) => string;

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

@@ -46,6 +46,22 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     width: 100%;
     align-self: center;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  `,
+  uploadButton: import_css.css`
+    border: 0;
+    background: transparent;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 6px;
+    border-radius: 50%;
+    color: #6b7280;
+    transition: background 0.2s;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.04);
+    }
   `
 }));
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/XAdkProvider/compound/styles.tsx"],
-  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  logoText: css`\n    font-size: 30px;\n    line-height: 36px;\n    font-weight: 800;\n    width: 100%;\n    min-width: 330px;\n    margin-top: 30px;\n    color: transparent;\n    background: linear-gradient(to right, #ff69b4, #4169e1);\n    background-clip: text;\n    width: 0;\n    overflow: hidden;\n    text-overflow: unset;\n    white-space: nowrap;\n    animation: typewiriter 1s forwards;\n  `,\n\n  sendWrapper: css`\n    position: relative;\n    width: 100%;\n    align-self: center;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  `,\n}));\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAMf,EAAE;",
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  logoText: css`\n    font-size: 30px;\n    line-height: 36px;\n    font-weight: 800;\n    width: 100%;\n    min-width: 330px;\n    margin-top: 30px;\n    color: transparent;\n    background: linear-gradient(to right, #ff69b4, #4169e1);\n    background-clip: text;\n    width: 0;\n    overflow: hidden;\n    text-overflow: unset;\n    white-space: nowrap;\n    animation: typewiriter 1s forwards;\n  `,\n\n  sendWrapper: css`\n    position: relative;\n    width: 100%;\n    align-self: center;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  `,\n\n  uploadButton: css`\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    border-radius: 50%;\n    color: #6b7280;\n    transition: background 0.2s;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.04);\n    }\n  `,\n}));\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBhB,EAAE;",
   "names": []
 }

package/dist/cjs/components/XAdkProvider/context/ChatSenderStateContext.d.ts

@@ -7,6 +7,10 @@ import type { UploadRequestFn } from "../../../types";
 export interface ChatSenderStateContextType {
     loading: boolean;
     uploadRequest?: UploadRequestFn;
+    /** Provider 级上传开关，默认布局可直接继承 config.allowUpload。 */
+    allowUpload: boolean;
+    /** Provider 级拖拽上传开关，默认布局仍可通过同名 prop 局部覆盖。 */
+    draggable: boolean;
     /** Sender 输入框受控值 */
     senderValue: string;
     /** 更新 Sender 输入框值 */

package/dist/cjs/components/XAdkProvider/context/ChatSenderStateContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/XAdkProvider/context/ChatSenderStateContext.tsx"],
-  "sourcesContent": ["import React, { createContext, useContext } from \"react\";\nimport type { UploadRequestFn } from \"@/types\";\n\n/**\n * Sender 专用状态 Context\n * 仅包含 Sender 需要的字段，避免 messages 变化导致 Sender 重渲染和焦点丢失\n */\nexport interface ChatSenderStateContextType {\n  loading: boolean;\n  uploadRequest?: UploadRequestFn;\n  /** Sender 输入框受控值 */\n  senderValue: string;\n  /** 更新 Sender 输入框值 */\n  setSenderValue: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport const ChatSenderStateContext = createContext<ChatSenderStateContextType | null>(null);\n\nexport const useChatSenderState = () => {\n  const context = useContext(ChatSenderStateContext);\n  if (!context) {\n    throw new Error(\"useChatSenderState must be used within XAdkProvider\");\n  }\n  return context;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiD;AAgB1C,IAAM,6BAAyB,4BAAiD,IAAI;AAEpF,IAAM,qBAAqB,MAAM;AACtC,QAAM,cAAU,yBAAW,sBAAsB;AACjD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;",
+  "sourcesContent": ["import React, { createContext, useContext } from \"react\";\nimport type { UploadRequestFn } from \"@/types\";\n\n/**\n * Sender 专用状态 Context\n * 仅包含 Sender 需要的字段，避免 messages 变化导致 Sender 重渲染和焦点丢失\n */\nexport interface ChatSenderStateContextType {\n  loading: boolean;\n  uploadRequest?: UploadRequestFn;\n  /** Provider 级上传开关，默认布局可直接继承 config.allowUpload。 */\n  allowUpload: boolean;\n  /** Provider 级拖拽上传开关，默认布局仍可通过同名 prop 局部覆盖。 */\n  draggable: boolean;\n  /** Sender 输入框受控值 */\n  senderValue: string;\n  /** 更新 Sender 输入框值 */\n  setSenderValue: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport const ChatSenderStateContext =\n  createContext<ChatSenderStateContextType | null>(null);\n\nexport const useChatSenderState = () => {\n  const context = useContext(ChatSenderStateContext);\n  if (!context) {\n    throw new Error(\"useChatSenderState must be used within XAdkProvider\");\n  }\n  return context;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiD;AAoB1C,IAAM,6BACX,4BAAiD,IAAI;AAEhD,IAAM,qBAAqB,MAAM;AACtC,QAAM,cAAU,yBAAW,sBAAsB;AACjD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/components/XAdkProvider/context/DefaultLayoutContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { XAdkSenderHandle } from "../../../types";
+/** DefaultLayout 与自定义 footer Sender 之间的内部协作信息。 */
+export interface DefaultLayoutContextType {
+    allowUpload?: boolean;
+    registerSender?: (sender: XAdkSenderHandle | null) => void;
+}
+export declare const DefaultLayoutContext: import("react").Context<DefaultLayoutContextType | null>;
+export declare const useDefaultLayoutContext: () => DefaultLayoutContextType | null;

package/dist/cjs/components/XAdkProvider/context/DefaultLayoutContext.js

@@ -0,0 +1,34 @@
+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/context/DefaultLayoutContext.tsx
+var DefaultLayoutContext_exports = {};
+__export(DefaultLayoutContext_exports, {
+  DefaultLayoutContext: () => DefaultLayoutContext,
+  useDefaultLayoutContext: () => useDefaultLayoutContext
+});
+module.exports = __toCommonJS(DefaultLayoutContext_exports);
+var import_react = require("react");
+var DefaultLayoutContext = (0, import_react.createContext)(null);
+var useDefaultLayoutContext = () => (0, import_react.useContext)(DefaultLayoutContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultLayoutContext,
+  useDefaultLayoutContext
+});
+//# sourceMappingURL=DefaultLayoutContext.js.map

package/dist/cjs/components/XAdkProvider/context/DefaultLayoutContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/context/DefaultLayoutContext.tsx"],
+  "sourcesContent": ["import { createContext, useContext } from \"react\";\nimport type { XAdkSenderHandle } from \"@/types\";\n\n/** DefaultLayout 与自定义 footer Sender 之间的内部协作信息。 */\nexport interface DefaultLayoutContextType {\n  allowUpload?: boolean;\n  registerSender?: (sender: XAdkSenderHandle | null) => void;\n}\n\nexport const DefaultLayoutContext =\n  createContext<DefaultLayoutContextType | null>(null);\n\nexport const useDefaultLayoutContext = () => useContext(DefaultLayoutContext);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AASnC,IAAM,2BACX,4BAA+C,IAAI;AAE9C,IAAM,0BAA0B,UAAM,yBAAW,oBAAoB;",
+  "names": []
+}

package/dist/cjs/components/XAdkProvider/context/index.d.ts

@@ -2,7 +2,8 @@
  * XAdkProvider Context 导出
  * 提供拆分的 Context 和对应的 Hooks
  */
-export * from './ChatStateContext';
-export * from './ChatActionContext';
-export * from './SessionContext';
-export * from './ChatSenderStateContext';
+export * from "./ChatStateContext";
+export * from "./ChatActionContext";
+export * from "./SessionContext";
+export * from "./ChatSenderStateContext";
+export * from "./DefaultLayoutContext";

package/dist/cjs/components/XAdkProvider/context/index.js

@@ -20,11 +20,13 @@ __reExport(context_exports, require("./ChatStateContext"), module.exports);
 __reExport(context_exports, require("./ChatActionContext"), module.exports);
 __reExport(context_exports, require("./SessionContext"), module.exports);
 __reExport(context_exports, require("./ChatSenderStateContext"), module.exports);
+__reExport(context_exports, require("./DefaultLayoutContext"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./ChatStateContext"),
   ...require("./ChatActionContext"),
   ...require("./SessionContext"),
-  ...require("./ChatSenderStateContext")
+  ...require("./ChatSenderStateContext"),
+  ...require("./DefaultLayoutContext")
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/XAdkProvider/context/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/XAdkProvider/context/index.ts"],
-  "sourcesContent": ["/**\n * XAdkProvider Context 导出\n * 提供拆分的 Context 和对应的 Hooks\n */\n\nexport * from './ChatStateContext';\nexport * from './ChatActionContext';\nexport * from './SessionContext';\nexport * from './ChatSenderStateContext';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAKA,4BAAc,+BALd;AAMA,4BAAc,gCANd;AAOA,4BAAc,6BAPd;AAQA,4BAAc,qCARd;",
+  "sourcesContent": ["/**\n * XAdkProvider Context 导出\n * 提供拆分的 Context 和对应的 Hooks\n */\n\nexport * from \"./ChatStateContext\";\nexport * from \"./ChatActionContext\";\nexport * from \"./SessionContext\";\nexport * from \"./ChatSenderStateContext\";\nexport * from \"./DefaultLayoutContext\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAKA,4BAAc,+BALd;AAMA,4BAAc,gCANd;AAOA,4BAAc,6BAPd;AAQA,4BAAc,qCARd;AASA,4BAAc,mCATd;",
   "names": []
 }

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

@@ -42,7 +42,7 @@ var import_ChatSenderStateContext = require("./context/ChatSenderStateContext");
 var import_useADKChat = __toESM(require("../../hooks/useADKChat"));
 var import_common = require("../../styles/common");
 var import_tokens = require("../../styles/tokens");
-var import_xgroup = require("../../presets/xgroup");
+var import_runtime = require("../../presets/runtime");
 var import_Header = __toESM(require("./compound/Header"));
 var import_Sidebar = __toESM(require("./compound/Sidebar"));
 var import_Messages = __toESM(require("./compound/Messages"));
@@ -68,13 +68,10 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
     children
   }, ref) => {
     const mergedStrategies = (0, import_react.useMemo)(
-      () => (0, import_xgroup.mergeChatStrategies)(
-        preset ?? (config == null ? void 0 : config.preset),
-        {
-          ...config == null ? void 0 : config.strategies,
-          ...strategies
-        }
-      ),
+      () => (0, import_runtime.mergeChatStrategies)(preset ?? (config == null ? void 0 : config.preset), {
+        ...config == null ? void 0 : config.strategies,
+        ...strategies
+      }),
       [preset, strategies, config == null ? void 0 : config.preset, config == null ? void 0 : config.strategies]
     );
     const internalData = (0, import_useADKChat.default)({
@@ -116,8 +113,10 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
     } = data;
     const showFeedback = (config == null ? void 0 : config.showFeedback) ?? true;
     const onFileClick = config == null ? void 0 : config.onFileClick;
+    const allowUpload = (config == null ? void 0 : config.allowUpload) ?? false;
+    const draggable = (config == null ? void 0 : config.draggable) ?? true;
     const presetUploadRequest = (0, import_react.useMemo)(
-      () => (0, import_xgroup.resolvePresetUploadRequest)(preset ?? (config == null ? void 0 : config.preset), {
+      () => (0, import_runtime.resolvePresetUploadRequest)(preset ?? (config == null ? void 0 : config.preset), {
         url,
         token,
         appNo: config == null ? void 0 : config.appNo
@@ -235,10 +234,12 @@ var XAdkProviderComponent = (0, import_react.forwardRef)(
       () => ({
         loading,
         uploadRequest,
+        allowUpload,
+        draggable,
         senderValue,
         setSenderValue
       }),
-      [loading, uploadRequest, senderValue]
+      [loading, uploadRequest, allowUpload, draggable, senderValue]
     );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.ConfigProvider,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkProvider/index.tsx"],
-  "sourcesContent": ["import React, { forwardRef, useImperativeHandle, useMemo, useState } from \"react\";\nimport { ConfigProvider } from \"antd\";\nimport { XProvider } from \"@ant-design/x\";\nimport { ChatStateContext } from \"./context/ChatStateContext\";\nimport { ChatActionContext } from \"./context/ChatActionContext\";\nimport { SessionContext } from \"./context/SessionContext\";\nimport { ChatSenderStateContext } from \"./context/ChatSenderStateContext\";\nimport useADKChat from \"@/hooks/useADKChat\";\nimport { primaryBlue } from \"@/styles/common\";\nimport { cssVarStyle } from \"@/styles/tokens\";\nimport type {\n  XAdkProviderProps,\n  XAdkProviderHandle,\n  XAdkProviderConfig,\n} from \"@/types/XAdkProvider\";\nimport type { ChatHookResult } from \"@/types/ChatHook\";\nimport {\n  mergeChatStrategies,\n  resolvePresetUploadRequest,\n} from \"@/presets/xgroup\";\n\n/**\n * XAdkProvider Props (扩展版)\n *\n * 支持两种使用方式:\n * 1. 标准协议: 提供 url/token/config,使用内置 useADKChat\n * 2. 自定义协议: 提供 chatData,使用自己的 Hook\n */\nexport interface XAdkProviderPropsExtended extends Omit<\n  XAdkProviderProps,\n  \"url\" | \"token\" | \"config\"\n> {\n  /**\n   * 选项 A: 使用标准协议 (内置 useADKChat)\n   */\n  url?: string;\n  token: string;\n  config?: XAdkProviderConfig;\n\n  /**\n   * 选项 B: 使用自定义 Hook 数据\n   * 如果提供此参数,将忽略 url/token/config\n   *\n   * @example\n   * // GraphQL 协议\n   * const chatData = useMyGraphQLChat({ endpoint: '...' });\n   * <XAdkProvider chatData={chatData}>\n   *   <XAdkProvider.DefaultLayout />\n   * </XAdkProvider>\n   *\n   * @example\n   * // WebSocket 协议\n   * const chatData = useWebSocketChat({ url: 'ws://...' });\n   * <XAdkProvider chatData={chatData}>\n   *   <XAdkProvider.DefaultLayout />\n   * </XAdkProvider>\n   */\n  chatData?: ChatHookResult;\n\n  children: React.ReactNode;\n}\n\n/**\n * XAdkProvider - AI 聊天 SDK 核心 Provider\n *\n * 采用 Compound Components 架构:\n * - 只负责数据和状态管理\n * - 不包含 UI 布局\n * - 通过 Context 向子组件提供数据\n * - 支持完全自定义的组件组合\n * - 支持协议解耦,可使用自定义 Hook\n *\n * @example\n * // 基础用法 - 标准协议\n * <XAdkProvider url=\"...\" token=\"...\" config={...}>\n *   <XAdkProvider.Chatbot />\n * </XAdkProvider>\n *\n * @example\n * // 自定义协议 - GraphQL\n * function App() {\n *   const chatData = useMyGraphQLChat({ endpoint: '...' });\n *   return (\n *     <XAdkProvider chatData={chatData}>\n *       <XAdkProvider.DefaultLayout />\n *     </XAdkProvider>\n *   );\n * }\n *\n * @example\n * // 自定义布局\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <div style={{ display: 'flex' }}>\n *     <XAdkProvider.Sidebar />\n *     <div>\n *       <XAdkProvider.Messages />\n *       <XAdkProvider.Sender />\n *     </div>\n *   </div>\n * </XAdkProvider>\n */\nconst XAdkProviderComponent = forwardRef<\n  XAdkProviderHandle,\n  XAdkProviderPropsExtended\n>(\n  (\n    {\n      url = window.location.origin,\n      token,\n      config,\n      preset,\n      strategies,\n      chatData, // 自定义 Hook 数据\n      providerId = \"defaultId\",\n      onSuccess,\n      onError,\n      onMessage,\n      onStream,\n      children,\n    },\n    ref,\n  ) => {\n    const mergedStrategies = useMemo(\n      () =>\n        mergeChatStrategies(\n          preset ?? config?.preset,\n          {\n            ...config?.strategies,\n            ...strategies,\n          },\n        ),\n      [preset, strategies, config?.preset, config?.strategies],\n    );\n\n    // 内置 Hook 数据 (仅在没有提供 chatData 时调用)\n    const internalData = useADKChat({\n      url,\n      token: token || \"\",\n      config: config || {},\n      strategies: mergedStrategies,\n      onError,\n      onSuccess,\n      onMessage,\n      onStream,\n      // 仅在提供了 url 和 token 时才初始化\n      enabled: !chatData && !!url && !!token,\n    });\n\n    // 使用外部数据或内部数据\n    const data = chatData || internalData;\n\n    // 解构数据\n    const {\n      appInfo,\n      startChat,\n      stopChat,\n      reChat,\n      clearChat,\n      suggestChat,\n      confirmFnCall,\n      deleteSession,\n      updateSession,\n      currentSessionId,\n      sessionPagination,\n      sessionList,\n      messages,\n      loading,\n      prologue,\n      suggestions,\n      initialized,\n      setCurrentSession,\n      setMessages,\n      likeMessage = async () => false,\n      setStateDelta = () => {},\n    } = data;\n\n    const showFeedback = config?.showFeedback ?? true;\n    const onFileClick = config?.onFileClick;\n    const presetUploadRequest = useMemo(\n      () =>\n        resolvePresetUploadRequest(preset ?? config?.preset, {\n          url,\n          token,\n          appNo: config?.appNo,\n        }),\n      [preset, config?.preset, url, token, config?.appNo],\n    );\n    const uploadRequest = config?.uploadRequest ?? presetUploadRequest;\n\n    // 暴露 API 给 ref\n    useImperativeHandle(\n      ref,\n      () => ({\n        startChat,\n        stopChat,\n        reChat,\n        clearChat,\n        suggestChat,\n        deleteSession,\n        updateSession,\n        getAppInfo: () => appInfo,\n        getMessages: () => messages,\n        getSessions: () => sessionList,\n        setMessages,\n        setCurrentSession,\n        setStateDelta,\n      }),\n      [\n        appInfo,\n        messages,\n        sessionList,\n        startChat,\n        stopChat,\n        reChat,\n        clearChat,\n        suggestChat,\n        deleteSession,\n        updateSession,\n        setMessages,\n        setCurrentSession,\n        setStateDelta,\n      ],\n    );\n\n    // 状态 Context Value - 使用 useMemo 避免不必要的 rerender\n    const chatStateValue = useMemo(\n      () => ({\n        messages,\n        loading,\n        currentSessionId,\n        prologue,\n        suggestions,\n        appInfo,\n        initialized,\n        url,\n        token,\n        showFeedback,\n        onFileClick,\n        uploadRequest,\n        strategies: mergedStrategies,\n      }),\n      [\n        messages,\n        loading,\n        currentSessionId,\n        prologue,\n        suggestions,\n        appInfo,\n        initialized,\n        url,\n        token,\n        showFeedback,\n        onFileClick,\n        uploadRequest,\n        mergedStrategies,\n      ],\n    );\n\n    // 动作 Context Value - 函数引用稳定,不需要每次都创建新对象\n    const chatActionValue = useMemo(\n      () => ({\n        chat: startChat,\n        stopChat,\n        clearChat,\n        reChat,\n        suggestChat,\n        confirmFnCall,\n        setMessages,\n        likeMessage,\n        setStateDelta,\n      }),\n      [\n        startChat,\n        stopChat,\n        clearChat,\n        reChat,\n        suggestChat,\n        confirmFnCall,\n        setMessages,\n        likeMessage,\n        setStateDelta,\n      ],\n    );\n\n    // 会话 Context Value\n    const sessionValue = useMemo(\n      () => ({\n        sessionList,\n        sessionPagination,\n        deleteSession,\n        updateSession,\n        setCurrentSession,\n      }),\n      [\n        sessionList,\n        sessionPagination,\n        deleteSession,\n        updateSession,\n        setCurrentSession,\n      ],\n    );\n\n    // Sender 输入框受控状态\n    const [senderValue, setSenderValue] = useState(\"\");\n\n    // Sender 专用状态 — 不包含 messages，避免轮询更新消息时导致 Sender 重渲染和焦点丢失\n    const senderStateValue = useMemo(\n      () => ({\n        loading,\n        uploadRequest,\n        senderValue,\n        setSenderValue,\n      }),\n      [loading, uploadRequest, senderValue],\n    );\n\n    return (\n      <ConfigProvider\n        theme={{\n          token: {\n            colorPrimary: appInfo?.appTheme || primaryBlue,\n          },\n        }}\n      >\n        <XProvider>\n          <ChatStateContext.Provider value={chatStateValue}>\n            <ChatActionContext.Provider value={chatActionValue}>\n              <SessionContext.Provider value={sessionValue}>\n                <ChatSenderStateContext.Provider value={senderStateValue}>\n                  <div\n                    style={{\n                      ...cssVarStyle,\n                      display: \"flex\",\n                      height: \"100%\",\n                      width: \"100%\",\n                      position: \"relative\",\n                    } as React.CSSProperties}\n                  >\n                    {children}\n                  </div>\n                </ChatSenderStateContext.Provider>\n              </SessionContext.Provider>\n            </ChatActionContext.Provider>\n          </ChatStateContext.Provider>\n        </XProvider>\n      </ConfigProvider>\n    );\n  },\n);\n\nXAdkProviderComponent.displayName = \"XAdkProvider\";\n\n// 导入 Compound Components\nimport Header from \"./compound/Header\";\nimport Sidebar from \"./compound/Sidebar\";\nimport Messages from \"./compound/Messages\";\nimport Sender from \"./compound/Sender\";\nimport Chatbot from \"./compound/Chatbot\";\nimport Welcome from \"./compound/Welcome\";\nimport DefaultLayout from \"./compound/DefaultLayout\";\n\n// 导出时会挂载 Compound Components\nconst XAdkProvider = XAdkProviderComponent as typeof XAdkProviderComponent & {\n  Header: typeof Header;\n  Sidebar: typeof Sidebar;\n  Messages: typeof Messages;\n  Sender: typeof Sender;\n  Chatbot: typeof Chatbot;\n  Welcome: typeof Welcome;\n  DefaultLayout: typeof DefaultLayout;\n};\n\n// 挂载 Compound Components\nXAdkProvider.Header = Header;\nXAdkProvider.Sidebar = Sidebar;\nXAdkProvider.Messages = Messages;\nXAdkProvider.Sender = Sender;\nXAdkProvider.Chatbot = Chatbot;\nXAdkProvider.DefaultLayout = DefaultLayout;\nXAdkProvider.Welcome = Welcome;\n\nexport default XAdkProvider;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from \"react\";\nimport { ConfigProvider } from \"antd\";\nimport { XProvider } from \"@ant-design/x\";\nimport { ChatStateContext } from \"./context/ChatStateContext\";\nimport { ChatActionContext } from \"./context/ChatActionContext\";\nimport { SessionContext } from \"./context/SessionContext\";\nimport { ChatSenderStateContext } from \"./context/ChatSenderStateContext\";\nimport useADKChat from \"@/hooks/useADKChat\";\nimport { primaryBlue } from \"@/styles/common\";\nimport { cssVarStyle } from \"@/styles/tokens\";\nimport type {\n  XAdkProviderProps,\n  XAdkProviderHandle,\n  XAdkProviderConfig,\n} from \"@/types/XAdkProvider\";\nimport type { ChatHookResult } from \"@/types/ChatHook\";\nimport {\n  mergeChatStrategies,\n  resolvePresetUploadRequest,\n} from \"@/presets/runtime\";\n\n/**\n * XAdkProvider Props (扩展版)\n *\n * 支持两种使用方式:\n * 1. 标准协议: 提供 url/token/config,使用内置 useADKChat\n * 2. 自定义协议: 提供 chatData,使用自己的 Hook\n */\nexport interface XAdkProviderPropsExtended extends Omit<\n  XAdkProviderProps,\n  \"url\" | \"token\" | \"config\"\n> {\n  /**\n   * 选项 A: 使用标准协议 (内置 useADKChat)\n   */\n  url?: string;\n  token: string;\n  config?: XAdkProviderConfig;\n\n  /**\n   * 选项 B: 使用自定义 Hook 数据\n   * 如果提供此参数,将忽略 url/token/config\n   *\n   * @example\n   * // GraphQL 协议\n   * const chatData = useMyGraphQLChat({ endpoint: '...' });\n   * <XAdkProvider chatData={chatData}>\n   *   <XAdkProvider.DefaultLayout />\n   * </XAdkProvider>\n   *\n   * @example\n   * // WebSocket 协议\n   * const chatData = useWebSocketChat({ url: 'ws://...' });\n   * <XAdkProvider chatData={chatData}>\n   *   <XAdkProvider.DefaultLayout />\n   * </XAdkProvider>\n   */\n  chatData?: ChatHookResult;\n\n  children: React.ReactNode;\n}\n\n/**\n * XAdkProvider - AI 聊天 SDK 核心 Provider\n *\n * 采用 Compound Components 架构:\n * - 只负责数据和状态管理\n * - 不包含 UI 布局\n * - 通过 Context 向子组件提供数据\n * - 支持完全自定义的组件组合\n * - 支持协议解耦,可使用自定义 Hook\n *\n * @example\n * // 基础用法 - 标准协议\n * <XAdkProvider url=\"...\" token=\"...\" config={...}>\n *   <XAdkProvider.Chatbot />\n * </XAdkProvider>\n *\n * @example\n * // 自定义协议 - GraphQL\n * function App() {\n *   const chatData = useMyGraphQLChat({ endpoint: '...' });\n *   return (\n *     <XAdkProvider chatData={chatData}>\n *       <XAdkProvider.DefaultLayout />\n *     </XAdkProvider>\n *   );\n * }\n *\n * @example\n * // 自定义布局\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <div style={{ display: 'flex' }}>\n *     <XAdkProvider.Sidebar />\n *     <div>\n *       <XAdkProvider.Messages />\n *       <XAdkProvider.Sender />\n *     </div>\n *   </div>\n * </XAdkProvider>\n */\nconst XAdkProviderComponent = forwardRef<\n  XAdkProviderHandle,\n  XAdkProviderPropsExtended\n>(\n  (\n    {\n      url = window.location.origin,\n      token,\n      config,\n      preset,\n      strategies,\n      chatData, // 自定义 Hook 数据\n      providerId = \"defaultId\",\n      onSuccess,\n      onError,\n      onMessage,\n      onStream,\n      children,\n    },\n    ref,\n  ) => {\n    const mergedStrategies = useMemo(\n      () =>\n        mergeChatStrategies(preset ?? config?.preset, {\n          ...config?.strategies,\n          ...strategies,\n        }),\n      [preset, strategies, config?.preset, config?.strategies],\n    );\n\n    // 内置 Hook 数据 (仅在没有提供 chatData 时调用)\n    const internalData = useADKChat({\n      url,\n      token: token || \"\",\n      config: config || {},\n      strategies: mergedStrategies,\n      onError,\n      onSuccess,\n      onMessage,\n      onStream,\n      // 仅在提供了 url 和 token 时才初始化\n      enabled: !chatData && !!url && !!token,\n    });\n\n    // 使用外部数据或内部数据\n    const data = chatData || internalData;\n\n    // 解构数据\n    const {\n      appInfo,\n      startChat,\n      stopChat,\n      reChat,\n      clearChat,\n      suggestChat,\n      confirmFnCall,\n      deleteSession,\n      updateSession,\n      currentSessionId,\n      sessionPagination,\n      sessionList,\n      messages,\n      loading,\n      prologue,\n      suggestions,\n      initialized,\n      setCurrentSession,\n      setMessages,\n      likeMessage = async () => false,\n      setStateDelta = () => {},\n    } = data;\n\n    const showFeedback = config?.showFeedback ?? true;\n    const onFileClick = config?.onFileClick;\n    const allowUpload = config?.allowUpload ?? false;\n    const draggable = config?.draggable ?? true;\n    const presetUploadRequest = useMemo(\n      () =>\n        resolvePresetUploadRequest(preset ?? config?.preset, {\n          url,\n          token,\n          appNo: config?.appNo,\n        }),\n      [preset, config?.preset, url, token, config?.appNo],\n    );\n    const uploadRequest = config?.uploadRequest ?? presetUploadRequest;\n\n    // 暴露 API 给 ref\n    useImperativeHandle(\n      ref,\n      () => ({\n        startChat,\n        stopChat,\n        reChat,\n        clearChat,\n        suggestChat,\n        deleteSession,\n        updateSession,\n        getAppInfo: () => appInfo,\n        getMessages: () => messages,\n        getSessions: () => sessionList,\n        setMessages,\n        setCurrentSession,\n        setStateDelta,\n      }),\n      [\n        appInfo,\n        messages,\n        sessionList,\n        startChat,\n        stopChat,\n        reChat,\n        clearChat,\n        suggestChat,\n        deleteSession,\n        updateSession,\n        setMessages,\n        setCurrentSession,\n        setStateDelta,\n      ],\n    );\n\n    // 状态 Context Value - 使用 useMemo 避免不必要的 rerender\n    const chatStateValue = useMemo(\n      () => ({\n        messages,\n        loading,\n        currentSessionId,\n        prologue,\n        suggestions,\n        appInfo,\n        initialized,\n        url,\n        token,\n        showFeedback,\n        onFileClick,\n        uploadRequest,\n        strategies: mergedStrategies,\n      }),\n      [\n        messages,\n        loading,\n        currentSessionId,\n        prologue,\n        suggestions,\n        appInfo,\n        initialized,\n        url,\n        token,\n        showFeedback,\n        onFileClick,\n        uploadRequest,\n        mergedStrategies,\n      ],\n    );\n\n    // 动作 Context Value - 函数引用稳定,不需要每次都创建新对象\n    const chatActionValue = useMemo(\n      () => ({\n        chat: startChat,\n        stopChat,\n        clearChat,\n        reChat,\n        suggestChat,\n        confirmFnCall,\n        setMessages,\n        likeMessage,\n        setStateDelta,\n      }),\n      [\n        startChat,\n        stopChat,\n        clearChat,\n        reChat,\n        suggestChat,\n        confirmFnCall,\n        setMessages,\n        likeMessage,\n        setStateDelta,\n      ],\n    );\n\n    // 会话 Context Value\n    const sessionValue = useMemo(\n      () => ({\n        sessionList,\n        sessionPagination,\n        deleteSession,\n        updateSession,\n        setCurrentSession,\n      }),\n      [\n        sessionList,\n        sessionPagination,\n        deleteSession,\n        updateSession,\n        setCurrentSession,\n      ],\n    );\n\n    // Sender 输入框受控状态\n    const [senderValue, setSenderValue] = useState(\"\");\n\n    // Sender 专用状态 — 不包含 messages，避免轮询更新消息时导致 Sender 重渲染和焦点丢失\n    const senderStateValue = useMemo(\n      () => ({\n        loading,\n        uploadRequest,\n        allowUpload,\n        draggable,\n        senderValue,\n        setSenderValue,\n      }),\n      [loading, uploadRequest, allowUpload, draggable, senderValue],\n    );\n\n    return (\n      <ConfigProvider\n        theme={{\n          token: {\n            colorPrimary: appInfo?.appTheme || primaryBlue,\n          },\n        }}\n      >\n        <XProvider>\n          <ChatStateContext.Provider value={chatStateValue}>\n            <ChatActionContext.Provider value={chatActionValue}>\n              <SessionContext.Provider value={sessionValue}>\n                <ChatSenderStateContext.Provider value={senderStateValue}>\n                  <div\n                    style={\n                      {\n                        ...cssVarStyle,\n                        display: \"flex\",\n                        height: \"100%\",\n                        width: \"100%\",\n                        position: \"relative\",\n                      } as React.CSSProperties\n                    }\n                  >\n                    {children}\n                  </div>\n                </ChatSenderStateContext.Provider>\n              </SessionContext.Provider>\n            </ChatActionContext.Provider>\n          </ChatStateContext.Provider>\n        </XProvider>\n      </ConfigProvider>\n    );\n  },\n);\n\nXAdkProviderComponent.displayName = \"XAdkProvider\";\n\n// 导入 Compound Components\nimport Header from \"./compound/Header\";\nimport Sidebar from \"./compound/Sidebar\";\nimport Messages from \"./compound/Messages\";\nimport Sender from \"./compound/Sender\";\nimport Chatbot from \"./compound/Chatbot\";\nimport Welcome from \"./compound/Welcome\";\nimport DefaultLayout from \"./compound/DefaultLayout\";\n\n// 导出时会挂载 Compound Components\nconst XAdkProvider = XAdkProviderComponent as typeof XAdkProviderComponent & {\n  Header: typeof Header;\n  Sidebar: typeof Sidebar;\n  Messages: typeof Messages;\n  Sender: typeof Sender;\n  Chatbot: typeof Chatbot;\n  Welcome: typeof Welcome;\n  DefaultLayout: typeof DefaultLayout;\n};\n\n// 挂载 Compound Components\nXAdkProvider.Header = Header;\nXAdkProvider.Sidebar = Sidebar;\nXAdkProvider.Messages = Messages;\nXAdkProvider.Sender = Sender;\nXAdkProvider.Chatbot = Chatbot;\nXAdkProvider.DefaultLayout = DefaultLayout;\nXAdkProvider.Welcome = Welcome;\n\nexport default XAdkProvider;\n"],
+  "mappings": "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",
   "names": ["useADKChat", "Header", "Sidebar", "Messages", "Sender", "Chatbot", "DefaultLayout", "Welcome"]
 }

package/dist/cjs/components/XAdkSender/InlineTagInput.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import type { InlineTagRenderInfo, MentionTag, XAdkSenderInputPart, XAdkSenderSubmitPart } from "../../types";
+export interface InlineTagInputRef {
+    focus: () => void;
+    getText: () => string;
+    getParts: () => XAdkSenderSubmitPart[];
+    getCursorOffset: () => number;
+    insertMention: (mention: MentionTag, replace?: {
+        start: number;
+        end: number;
+    }) => void;
+    /** @deprecated 请使用 insertMention。 */
+    insertTag: (mention: MentionTag, replace?: {
+        start: number;
+        end: number;
+    }) => void;
+}
+export interface InlineTagInputProps {
+    value: string;
+    mentions: MentionTag[];
+    defaultInputParts?: XAdkSenderInputPart[];
+    placeholder?: string;
+    disabled?: boolean;
+    onChange: (value: string) => void;
+    onMentionsChange: (mentions: MentionTag[]) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
+    renderMention?: (mention: MentionTag, info: InlineTagRenderInfo) => React.ReactNode;
+}
+declare const InlineTagInput: React.ForwardRefExoticComponent<InlineTagInputProps & React.RefAttributes<InlineTagInputRef>>;
+export default InlineTagInput;