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

package/dist/esm/components/XAdkProvider/context/SessionContext.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import type { SessionData } from "../../../types";
+/**
+ * 会话管理 Context
+ * 管理会话列表和会话操作
+ */
+export interface SessionContextType {
+    /** 会话列表 */
+    sessionList: SessionData[];
+    /** 会话分页信息 */
+    sessionPagination: {
+        total: number;
+        pageNum: number;
+        pageSize: number;
+    };
+    /** 删除会话 */
+    deleteSession: (sessionId: string) => void;
+    /** 更新会话标题 */
+    updateSession: (sessionId: string, title: string) => void;
+    /** 设置当前会话详情 */
+    setCurrentSessionDetail: (sessionId: string) => void;
+}
+export declare const SessionContext: import("react").Context<SessionContextType | null>;
+/**
+ * 使用会话管理 Hook
+ * @returns SessionContextType
+ * @throws Error 如果在 XAdkProvider 外部使用
+ */
+export declare const useSession: () => SessionContextType;

package/dist/esm/components/XAdkProvider/context/SessionContext.js

@@ -0,0 +1,22 @@
+import { createContext, useContext } from 'react';
+
+/**
+ * 会话管理 Context
+ * 管理会话列表和会话操作
+ */
+
+export var SessionContext = /*#__PURE__*/createContext(null);
+
+/**
+ * 使用会话管理 Hook
+ * @returns SessionContextType
+ * @throws Error 如果在 XAdkProvider 外部使用
+ */
+export var useSession = function useSession() {
+  var context = useContext(SessionContext);
+  if (!context) {
+    throw new Error('useSession must be used within XAdkProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=SessionContext.js.map

package/dist/esm/components/XAdkProvider/context/SessionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","SessionContext","useSession","context","Error"],"sources":["../../../../../src/components/XAdkProvider/context/SessionContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { SessionData } from '@/types';\n\n/**\n * 会话管理 Context\n * 管理会话列表和会话操作\n */\nexport interface SessionContextType {\n  /** 会话列表 */\n  sessionList: SessionData[];\n  /** 会话分页信息 */\n  sessionPagination: {\n    total: number;\n    pageNum: number;\n    pageSize: number;\n  };\n  /** 删除会话 */\n  deleteSession: (sessionId: string) => void;\n  /** 更新会话标题 */\n  updateSession: (sessionId: string, title: string) => void;\n  /** 设置当前会话详情 */\n  setCurrentSessionDetail: (sessionId: string) => void;\n}\n\nexport const SessionContext = createContext<SessionContextType | null>(null);\n\n/**\n * 使用会话管理 Hook\n * @returns SessionContextType\n * @throws Error 如果在 XAdkProvider 外部使用\n */\nexport const useSession = () => {\n  const context = useContext(SessionContext);\n  if (!context) {\n    throw new Error('useSession must be used within XAdkProvider');\n  }\n  return context;\n};\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAGjD;AACA;AACA;AACA;;AAkBA,OAAO,IAAMC,cAAc,gBAAGF,aAAa,CAA4B,IAAI,CAAC;;AAE5E;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,IAAMC,OAAO,GAAGH,UAAU,CAACC,cAAc,CAAC;EAC1C,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,6CAA6C,CAAC;EAChE;EACA,OAAOD,OAAO;AAChB,CAAC"}

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

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

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

@@ -0,0 +1,9 @@
+/**
+ * XAdkProvider Context 导出
+ * 提供拆分的 Context 和对应的 Hooks
+ */
+
+export * from "./ChatStateContext";
+export * from "./ChatActionContext";
+export * from "./SessionContext";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"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';\n"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA"}

package/dist/esm/components/XAdkProvider/index.d.ts

@@ -0,0 +1,55 @@
+import React from "react";
+import type { XAdkProviderProps, XAdkProviderHandle } from "../../types/XAdkProvider";
+import type { ChatHookResult } from "../../types/ChatHook";
+/**
+ * XAdkProvider Props (扩展版)
+ *
+ * 支持两种使用方式:
+ * 1. 标准协议: 提供 url/token/config,使用内置 useADKChat
+ * 2. 自定义协议: 提供 chatData,使用自己的 Hook
+ */
+export interface XAdkProviderPropsExtended extends Omit<XAdkProviderProps, "url" | "token" | "config"> {
+    /**
+     * 选项 A: 使用标准协议 (内置 useADKChat)
+     */
+    url: string;
+    token: string;
+    config?: any;
+    /**
+     * 选项 B: 使用自定义 Hook 数据
+     * 如果提供此参数,将忽略 url/token/config
+     *
+     * @example
+     * // GraphQL 协议
+     * const chatData = useMyGraphQLChat({ endpoint: '...' });
+     * <XAdkProvider chatData={chatData}>
+     *   <XAdkProvider.DefaultLayout />
+     * </XAdkProvider>
+     *
+     * @example
+     * // WebSocket 协议
+     * const chatData = useWebSocketChat({ url: 'ws://...' });
+     * <XAdkProvider chatData={chatData}>
+     *   <XAdkProvider.DefaultLayout />
+     * </XAdkProvider>
+     */
+    chatData?: ChatHookResult;
+    children: React.ReactNode;
+}
+import Header from "./compound/Header";
+import Sidebar from "./compound/Sidebar";
+import Messages from "./compound/Messages";
+import Sender from "./compound/Sender";
+import Chatbot from "./compound/Chatbot";
+import Welcome from "./compound/Welcome";
+import DefaultLayout from "./compound/DefaultLayout";
+declare const XAdkProvider: React.ForwardRefExoticComponent<XAdkProviderPropsExtended & React.RefAttributes<XAdkProviderHandle>> & {
+    Header: typeof Header;
+    Sidebar: typeof Sidebar;
+    Messages: typeof Messages;
+    Sender: typeof Sender;
+    Chatbot: typeof Chatbot;
+    Welcome: typeof Welcome;
+    DefaultLayout: typeof DefaultLayout;
+};
+export default XAdkProvider;

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

@@ -0,0 +1,220 @@
+import React, { forwardRef, useImperativeHandle, useMemo } from "react";
+import { ConfigProvider } from "antd";
+import { XProvider } from "@ant-design/x";
+import { ChatStateContext } from "./context/ChatStateContext";
+import { ChatActionContext } from "./context/ChatActionContext";
+import { SessionContext } from "./context/SessionContext";
+import useADKChat from "../../hooks/useADKChat";
+import { primaryBlue } from "../../styles/common";
+
+/**
+ * XAdkProvider Props (扩展版)
+ *
+ * 支持两种使用方式:
+ * 1. 标准协议: 提供 url/token/config,使用内置 useADKChat
+ * 2. 自定义协议: 提供 chatData,使用自己的 Hook
+ */
+
+/**
+ * XAdkProvider - AI 聊天 SDK 核心 Provider
+ *
+ * 采用 Compound Components 架构:
+ * - 只负责数据和状态管理
+ * - 不包含 UI 布局
+ * - 通过 Context 向子组件提供数据
+ * - 支持完全自定义的组件组合
+ * - 支持协议解耦,可使用自定义 Hook
+ *
+ * @example
+ * // 基础用法 - 标准协议
+ * <XAdkProvider url="..." token="..." config={...}>
+ *   <XAdkProvider.Chatbot />
+ * </XAdkProvider>
+ *
+ * @example
+ * // 自定义协议 - GraphQL
+ * function App() {
+ *   const chatData = useMyGraphQLChat({ endpoint: '...' });
+ *   return (
+ *     <XAdkProvider chatData={chatData}>
+ *       <XAdkProvider.DefaultLayout />
+ *     </XAdkProvider>
+ *   );
+ * }
+ *
+ * @example
+ * // 自定义布局
+ * <XAdkProvider url="..." token="...">
+ *   <div style={{ display: 'flex' }}>
+ *     <XAdkProvider.Sidebar />
+ *     <div>
+ *       <XAdkProvider.Messages />
+ *       <XAdkProvider.Sender />
+ *     </div>
+ *   </div>
+ * </XAdkProvider>
+ */
+var XAdkProviderComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var url = _ref.url,
+    token = _ref.token,
+    config = _ref.config,
+    chatData = _ref.chatData,
+    _ref$providerId = _ref.providerId,
+    providerId = _ref$providerId === void 0 ? "defaultId" : _ref$providerId,
+    onSuccess = _ref.onSuccess,
+    onError = _ref.onError,
+    onMessage = _ref.onMessage,
+    onStream = _ref.onStream,
+    children = _ref.children;
+  // 内置 Hook 数据 (仅在没有提供 chatData 时调用)
+  var internalData = useADKChat({
+    url: url || "",
+    token: token || "",
+    config: config || {},
+    onError: onError,
+    onSuccess: onSuccess,
+    onMessage: onMessage,
+    onStream: onStream,
+    // 仅在提供了 url 和 token 时才初始化
+    enabled: !chatData && !!url && !!token
+  });
+
+  // 使用外部数据或内部数据
+  var data = chatData || internalData;
+
+  // 解构数据
+  var appInfo = data.appInfo,
+    startChat = data.startChat,
+    stopChat = data.stopChat,
+    reChat = data.reChat,
+    clearChat = data.clearChat,
+    suggestChat = data.suggestChat,
+    confirmFnCall = data.confirmFnCall,
+    deleteSession = data.deleteSession,
+    updateSession = data.updateSession,
+    currentSessionId = data.currentSessionId,
+    sessionPagination = data.sessionPagination,
+    sessionList = data.sessionList,
+    messages = data.messages,
+    loading = data.loading,
+    prologue = data.prologue,
+    suggestions = data.suggestions,
+    initialized = data.initialized,
+    setCurrentSessionDetail = data.setCurrentSessionDetail,
+    setMessages = data.setMessages;
+
+  // 暴露 API 给 ref
+  useImperativeHandle(ref, function () {
+    return {
+      startChat: startChat,
+      stopChat: stopChat,
+      reChat: reChat,
+      clearChat: clearChat,
+      suggestChat: suggestChat,
+      deleteSession: deleteSession,
+      updateSession: updateSession,
+      getAppInfo: function getAppInfo() {
+        return appInfo;
+      },
+      getMessages: function getMessages() {
+        return messages;
+      },
+      getSessions: function getSessions() {
+        return sessionList;
+      },
+      setMessages: setMessages,
+      setCurrentSessionDetail: setCurrentSessionDetail
+    };
+  }, [appInfo, messages, sessionList, startChat, stopChat, reChat, clearChat, suggestChat, deleteSession, updateSession, setMessages, setCurrentSessionDetail]);
+
+  // 状态 Context Value - 使用 useMemo 避免不必要的 rerender
+  var chatStateValue = useMemo(function () {
+    return {
+      messages: messages,
+      loading: loading,
+      currentSessionId: currentSessionId,
+      prologue: prologue,
+      suggestions: suggestions,
+      appInfo: appInfo,
+      initialized: initialized,
+      url: url,
+      token: token
+    };
+  }, [messages, loading, currentSessionId, prologue, suggestions, appInfo, initialized]);
+
+  // 动作 Context Value - 函数引用稳定,不需要每次都创建新对象
+  var chatActionValue = useMemo(function () {
+    return {
+      chat: startChat,
+      stopChat: stopChat,
+      clearChat: clearChat,
+      reChat: reChat,
+      suggestChat: suggestChat,
+      confirmFnCall: confirmFnCall,
+      setMessages: setMessages
+    };
+  }, [startChat, stopChat, clearChat, reChat, suggestChat, confirmFnCall, setMessages]);
+
+  // 会话 Context Value
+  var sessionValue = useMemo(function () {
+    return {
+      sessionList: sessionList,
+      sessionPagination: sessionPagination,
+      deleteSession: deleteSession,
+      updateSession: updateSession,
+      setCurrentSessionDetail: setCurrentSessionDetail
+    };
+  }, [sessionList, sessionPagination, deleteSession, updateSession, setCurrentSessionDetail]);
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      token: {
+        colorPrimary: (appInfo === null || appInfo === void 0 ? void 0 : appInfo.appTheme) || primaryBlue
+      }
+    },
+    children: /*#__PURE__*/_jsx(XProvider, {
+      children: /*#__PURE__*/_jsx(ChatStateContext.Provider, {
+        value: chatStateValue,
+        children: /*#__PURE__*/_jsx(ChatActionContext.Provider, {
+          value: chatActionValue,
+          children: /*#__PURE__*/_jsx(SessionContext.Provider, {
+            value: sessionValue,
+            children: /*#__PURE__*/_jsx("div", {
+              style: {
+                display: "flex",
+                height: "100%",
+                width: "100%",
+                position: "relative"
+              },
+              children: children
+            })
+          })
+        })
+      })
+    })
+  });
+});
+XAdkProviderComponent.displayName = "XAdkProvider";
+
+// 导入 Compound Components
+import Header from "./compound/Header";
+import Sidebar from "./compound/Sidebar";
+import Messages from "./compound/Messages";
+import Sender from "./compound/Sender";
+import Chatbot from "./compound/Chatbot";
+import Welcome from "./compound/Welcome";
+import DefaultLayout from "./compound/DefaultLayout";
+
+// 导出时会挂载 Compound Components
+import { jsx as _jsx } from "react/jsx-runtime";
+var XAdkProvider = XAdkProviderComponent;
+
+// 挂载 Compound Components
+XAdkProvider.Header = Header;
+XAdkProvider.Sidebar = Sidebar;
+XAdkProvider.Messages = Messages;
+XAdkProvider.Sender = Sender;
+XAdkProvider.Chatbot = Chatbot;
+XAdkProvider.DefaultLayout = DefaultLayout;
+XAdkProvider.Welcome = Welcome;
+export default XAdkProvider;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useMemo","ConfigProvider","XProvider","ChatStateContext","ChatActionContext","SessionContext","useADKChat","primaryBlue","XAdkProviderComponent","_ref","ref","url","token","config","chatData","_ref$providerId","providerId","onSuccess","onError","onMessage","onStream","children","internalData","enabled","data","appInfo","startChat","stopChat","reChat","clearChat","suggestChat","confirmFnCall","deleteSession","updateSession","currentSessionId","sessionPagination","sessionList","messages","loading","prologue","suggestions","initialized","setCurrentSessionDetail","setMessages","getAppInfo","getMessages","getSessions","chatStateValue","chatActionValue","chat","sessionValue","_jsx","theme","colorPrimary","appTheme","Provider","value","style","display","height","width","position","displayName","Header","Sidebar","Messages","Sender","Chatbot","Welcome","DefaultLayout","jsx","XAdkProvider"],"sources":["../../../../src/components/XAdkProvider/index.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo } 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 useADKChat from \"@/hooks/useADKChat\";\nimport { primaryBlue } from \"@/styles/common\";\nimport type {\n  XAdkProviderProps,\n  XAdkProviderHandle,\n} from \"@/types/XAdkProvider\";\nimport type { ChatHookResult } from \"@/types/ChatHook\";\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?: any;\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,\n      token,\n      config,\n      chatData, // 自定义 Hook 数据\n      providerId = \"defaultId\",\n      onSuccess,\n      onError,\n      onMessage,\n      onStream,\n      children,\n    },\n    ref,\n  ) => {\n    // 内置 Hook 数据 (仅在没有提供 chatData 时调用)\n    const internalData = useADKChat({\n      url: url || \"\",\n      token: token || \"\",\n      config: config || {},\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      setCurrentSessionDetail,\n      setMessages,\n    } = data;\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        setCurrentSessionDetail,\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        setCurrentSessionDetail,\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      }),\n      [\n        messages,\n        loading,\n        currentSessionId,\n        prologue,\n        suggestions,\n        appInfo,\n        initialized,\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      }),\n      [\n        startChat,\n        stopChat,\n        clearChat,\n        reChat,\n        suggestChat,\n        confirmFnCall,\n        setMessages,\n      ],\n    );\n\n    // 会话 Context Value\n    const sessionValue = useMemo(\n      () => ({\n        sessionList,\n        sessionPagination,\n        deleteSession,\n        updateSession,\n        setCurrentSessionDetail,\n      }),\n      [\n        sessionList,\n        sessionPagination,\n        deleteSession,\n        updateSession,\n        setCurrentSessionDetail,\n      ],\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                <div\n                  style={{\n                    display: \"flex\",\n                    height: \"100%\",\n                    width: \"100%\",\n                    position: \"relative\",\n                  }}\n                >\n                  {children}\n                </div>\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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"}

package/dist/esm/components/{XAdkWebProvider → XAdkProvider}/styles.js

@@ -1,11 +1,11 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-import { css } from '@emotion/css';
+import { css } from "@emotion/css";
 import { withBasicStyles } from "../../styles/common";
 export var useStyles = withBasicStyles(function () {
   return {
     providerWrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n  "]))),
-    chatbotWrapper: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 1;\n    display: flex;\n    justify-content: center;\n  "]))),
+    chatbotWrapper: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n  "]))),
     // 居中显示
     content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex: 1;\n    justify-content: center;\n    max-width: 800px;\n  "])))
   };

package/dist/esm/components/XAdkProvider/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","withBasicStyles","useStyles","providerWrapper","_templateObject","_taggedTemplateLiteral","chatbotWrapper","_templateObject2","content","_templateObject3"],"sources":["../../../../src/components/XAdkProvider/styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  providerWrapper: css`\n    display: flex;\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n  `,\n\n  chatbotWrapper: css`\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n  `,\n\n  // 居中显示\n  content: css`\n    flex: 1;\n    justify-content: center;\n    max-width: 800px;\n  `,\n}));\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,eAAe,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,mGAKnB;IAEDC,cAAc,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,yGAKlB;IAED;IACAG,OAAO,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA;EAKd,CAAC;AAAA,CAAC,CAAC"}

package/dist/esm/components/XAdkSender/FileGallery.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { LocalFile } from "../../types/XAdkSender";
+interface FileGalleryProps {
+    files: LocalFile[];
+    onRemove: (id: string) => void;
+}
+declare const FileGallery: React.FC<FileGalleryProps>;
+export default FileGallery;

package/dist/esm/components/XAdkSender/FileGallery.js

@@ -0,0 +1,236 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+import React from "react";
+import { Image, Tooltip, Progress } from "antd";
+import { FileOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileImageOutlined, CloseOutlined } from "@ant-design/icons";
+import { css } from "@emotion/css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// 判断是否是图片文件
+var isImageFile = function isImageFile(file) {
+  if (!file.type) return false;
+  return file.type.startsWith("image/");
+};
+
+// 获取文件扩展名
+var getFileExtension = function getFileExtension(filename) {
+  var ext = filename.split(".").pop();
+  return ext ? ext.toLowerCase() : "";
+};
+
+// 获取文件图标和颜色
+var getFileIcon = function getFileIcon(file) {
+  var ext = getFileExtension(file.name);
+
+  // PDF
+  if (ext === "pdf") {
+    return {
+      icon: /*#__PURE__*/_jsx(FilePdfOutlined, {}),
+      color: "#ff4d4f"
+    };
+  }
+
+  // Word
+  if (["doc", "docx"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FileWordOutlined, {}),
+      color: "#1677ff"
+    };
+  }
+
+  // Excel
+  if (["xls", "xlsx", "csv"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FileExcelOutlined, {}),
+      color: "#22b35e"
+    };
+  }
+
+  // PPT
+  if (["ppt", "pptx"].includes(ext)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FilePptOutlined, {}),
+      color: "#ff6e31"
+    };
+  }
+
+  // 图片
+  if (isImageFile(file)) {
+    return {
+      icon: /*#__PURE__*/_jsx(FileImageOutlined, {}),
+      color: "#8c8c8c"
+    };
+  }
+
+  // 默认
+  return {
+    icon: /*#__PURE__*/_jsx(FileOutlined, {}),
+    color: "#8c8c8c"
+  };
+};
+
+// 格式化文件大小
+var formatFileSize = function formatFileSize(bytes) {
+  if (bytes < 1024) return bytes + " B";
+  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB";
+  return (bytes / (1024 * 1024)).toFixed(1) + " MB";
+};
+var styles = {
+  container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  "]))),
+  // 图片九宫格容器
+  imageGrid: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: grid;\n    gap: 8px;\n    width: fit-content;\n    min-width: 80px;\n    max-width: 100%;\n    /* \u9ED8\u8BA43\u5217\u5E03\u5C40 */\n    grid-template-columns: repeat(3, 1fr);\n\n    /* \u5355\u5F20\u56FE */\n    &[data-count=\"1\"] {\n      grid-template-columns: 1fr;\n      min-width: 100px;\n      max-width: 200px;\n    }\n\n    /* 2\u5F20\u30014\u5F20 -> 2\u5217 */\n    &[data-count=\"2\"],\n    &[data-count=\"4\"] {\n      grid-template-columns: repeat(2, 1fr);\n      min-width: 180px;\n      max-width: 240px;\n    }\n\n    /* 3\u5F20\u30015-9\u5F20 -> 3\u5217 */\n    &[data-count=\"3\"],\n    &[data-count=\"5\"],\n    &[data-count=\"6\"],\n    &[data-count=\"7\"],\n    &[data-count=\"8\"],\n    &[data-count=\"9\"] {\n      grid-template-columns: repeat(3, 1fr);\n      min-width: 260px;\n      max-width: 320px;\n    }\n  "]))),
+  imageItem: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    width: 100%;\n    min-width: 80px;\n    padding-top: 100%; /* 1:1 \u6B63\u65B9\u5F62 */\n    height: 0;\n    overflow: hidden;\n    border-radius: 8px;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      position: absolute !important;\n      top: 0;\n      left: 0;\n      width: 100% !important;\n      height: 100% !important;\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n    }\n  "]))),
+  imageOverlay: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.05);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n  "]))),
+  removeBtn: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.6);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 20;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.8);\n      transform: scale(1.1);\n    }\n  "]))),
+  // 文件列表
+  fileList: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  "]))),
+  fileCard: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: #fafafa;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    min-width: 200px;\n    max-width: 280px;\n    min-height: 64px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: #f5f5f5;\n      border-color: #e0e0e0;\n    }\n  "]))),
+  // 图片缩略图容器
+  imageThumbnail: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    position: relative;\n    width: 44px;\n    height: 44px;\n    flex-shrink: 0;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      width: 100% !important;\n      height: 100% !important;\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n    }\n  "]))),
+  fileIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: 24px;\n    flex-shrink: 0;\n    width: 44px;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "]))),
+  fileInfo: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  "]))),
+  fileName: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    font-size: 13px;\n    font-weight: 500;\n    color: #262626;\n    margin-bottom: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
+  fileSize: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    font-size: 11px;\n    color: #8c8c8c;\n  "]))),
+  progress: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    margin-top: 4px;\n\n    .ant-progress-inner {\n      height: 4px !important;\n    }\n\n    .ant-progress-bg {\n      height: 4px !important;\n    }\n  "]))),
+  fileRemoveBtn: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    position: absolute;\n    top: -6px;\n    right: -6px;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.75);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 1;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.9);\n      transform: scale(1.1);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  "])))
+};
+var FileGallery = function FileGallery(_ref) {
+  var files = _ref.files,
+    onRemove = _ref.onRemove;
+  if (files.length === 0) return null;
+
+  // 调试日志
+  // if (process.env.NODE_ENV === "development") {
+  //   console.log(
+  //     "[FileGallery] Rendering files:",
+  //     files.map((f) => ({
+  //       id: f.id,
+  //       name: f.name,
+  //       type: f.type,
+  //       status: f.status,
+  //       hasFile: !!f.file,
+  //       response: f.response,
+  //     })),
+  //   );
+  // }
+
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.container,
+    children: /*#__PURE__*/_jsx("div", {
+      className: styles.fileList,
+      children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
+        children: files.map(function (file) {
+          var isImage = isImageFile(file);
+          if (isImage) {
+            var _file$response, _file$response2;
+            // 图片卡片
+            var url = ((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.fileUrl) || ((_file$response2 = file.response) === null || _file$response2 === void 0 ? void 0 : _file$response2.tempUrl) || file.tempUrl || (file.file ? URL.createObjectURL(file.file) : "");
+
+            // if (process.env.NODE_ENV === 'development') {
+            //   console.log('[FileGallery] Image URL for', file.name, ':', {
+            //     url,
+            //     'response.fileUrl': file.response?.fileUrl,
+            //     'response.tempUrl': file.response?.tempUrl,
+            //     'tempUrl': file.tempUrl,
+            //     'hasFile': !!file.file,
+            //   });
+            // }
+
+            return /*#__PURE__*/_jsxs("div", {
+              className: styles.fileCard,
+              children: [/*#__PURE__*/_jsxs("div", {
+                className: styles.imageThumbnail,
+                children: [/*#__PURE__*/_jsx(Image, {
+                  src: url,
+                  alt: file.name,
+                  fallback: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==",
+                  preview: {
+                    src: url
+                  }
+                }), file.status === "uploading" && /*#__PURE__*/_jsx("div", {
+                  className: styles.imageOverlay,
+                  children: /*#__PURE__*/_jsx(Progress, {
+                    type: "circle",
+                    percent: file.progress,
+                    size: 30,
+                    strokeColor: "#1677ff"
+                  })
+                })]
+              }), /*#__PURE__*/_jsxs("div", {
+                className: styles.fileInfo,
+                children: [/*#__PURE__*/_jsx(Tooltip, {
+                  title: file.name,
+                  children: /*#__PURE__*/_jsx("div", {
+                    className: styles.fileName,
+                    children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
+                  })
+                }), /*#__PURE__*/_jsx("div", {
+                  className: styles.fileSize,
+                  children: formatFileSize(file.size)
+                })]
+              }), /*#__PURE__*/_jsx("button", {
+                className: styles.fileRemoveBtn,
+                onClick: function onClick() {
+                  return onRemove(file.id);
+                },
+                disabled: file.status === "uploading",
+                "aria-label": "\u5220\u9664\u6587\u4EF6",
+                children: /*#__PURE__*/_jsx(CloseOutlined, {})
+              })]
+            }, file.id);
+          } else {
+            // 文件卡片
+            var _getFileIcon = getFileIcon(file),
+              icon = _getFileIcon.icon,
+              color = _getFileIcon.color;
+            return /*#__PURE__*/_jsxs("div", {
+              className: styles.fileCard,
+              children: [/*#__PURE__*/_jsx("div", {
+                className: styles.fileIcon,
+                style: {
+                  color: color
+                },
+                children: icon
+              }), /*#__PURE__*/_jsxs("div", {
+                className: styles.fileInfo,
+                children: [/*#__PURE__*/_jsx(Tooltip, {
+                  title: file.name,
+                  children: /*#__PURE__*/_jsx("div", {
+                    className: styles.fileName,
+                    children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
+                  })
+                }), file.status === "uploading" ? /*#__PURE__*/_jsx(Progress, {
+                  percent: file.progress,
+                  size: "small",
+                  showInfo: false,
+                  strokeColor: "#1677ff",
+                  className: styles.progress
+                }) : /*#__PURE__*/_jsx("div", {
+                  className: styles.fileSize,
+                  children: formatFileSize(file.size)
+                }), file.status === "error" && file.errorMessage && /*#__PURE__*/_jsx("div", {
+                  style: {
+                    fontSize: "11px",
+                    color: "#ff4d4f",
+                    marginTop: "2px"
+                  },
+                  children: file.errorMessage
+                })]
+              }), /*#__PURE__*/_jsx("button", {
+                className: styles.fileRemoveBtn,
+                onClick: function onClick() {
+                  return onRemove(file.id);
+                },
+                disabled: file.status === "uploading",
+                "aria-label": "\u5220\u9664\u6587\u4EF6",
+                children: /*#__PURE__*/_jsx(CloseOutlined, {})
+              })]
+            }, file.id);
+          }
+        })
+      })
+    })
+  });
+};
+export default FileGallery;
+//# sourceMappingURL=FileGallery.js.map