@elqnt/chat 2.0.8 → 3.0.1

package/dist/index.js

@@ -1,10 +1,8 @@
 "use client";
 "use strict";
-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)
@@ -18,23 +16,11 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
 
-// index.tsx
+// index.ts
 var index_exports = {};
 __export(index_exports, {
-  AdminChatHeader: () => AdminChatHeader,
-  AdminChatInput: () => AdminChatInput,
-  AdminChatList: () => AdminChatList,
-  AdminChatListItem: () => AdminChatListItem,
   AgentStatusAway: () => AgentStatusAway,
   AgentStatusBusy: () => AgentStatusBusy,
   AgentStatusOffline: () => AgentStatusOffline,
@@ -45,6 +31,7 @@ __export(index_exports, {
   AttachmentTypeAudio: () => AttachmentTypeAudio,
   AttachmentTypeBullets: () => AttachmentTypeBullets,
   AttachmentTypeData: () => AttachmentTypeData,
+  AttachmentTypeDataFile: () => AttachmentTypeDataFile,
   AttachmentTypeDocument: () => AttachmentTypeDocument,
   AttachmentTypeDocumentAnalysis: () => AttachmentTypeDocumentAnalysis,
   AttachmentTypeDocumentSources: () => AttachmentTypeDocumentSources,
@@ -53,6 +40,7 @@ __export(index_exports, {
   AttachmentTypeLocation: () => AttachmentTypeLocation,
   AttachmentTypeRecords: () => AttachmentTypeRecords,
   AttachmentTypeReferences: () => AttachmentTypeReferences,
+  AttachmentTypeSpreadsheet: () => AttachmentTypeSpreadsheet,
   AttachmentTypeSticker: () => AttachmentTypeSticker,
   AttachmentTypeSubsections: () => AttachmentTypeSubsections,
   AttachmentTypeVideo: () => AttachmentTypeVideo,
@@ -66,6 +54,10 @@ __export(index_exports, {
   ChatEventTypeAgentSessionEnd: () => ChatEventTypeAgentSessionEnd,
   ChatEventTypeAgentSessionStart: () => ChatEventTypeAgentSessionStart,
   ChatEventTypeAgentStatusChange: () => ChatEventTypeAgentStatusChange,
+  ChatEventTypeAttachmentProcessingComplete: () => ChatEventTypeAttachmentProcessingComplete,
+  ChatEventTypeAttachmentProcessingError: () => ChatEventTypeAttachmentProcessingError,
+  ChatEventTypeAttachmentProcessingProgress: () => ChatEventTypeAttachmentProcessingProgress,
+  ChatEventTypeAttachmentProcessingStarted: () => ChatEventTypeAttachmentProcessingStarted,
   ChatEventTypeBlockUser: () => ChatEventTypeBlockUser,
   ChatEventTypeCSATRequest: () => ChatEventTypeCSATRequest,
   ChatEventTypeCSATResponse: () => ChatEventTypeCSATResponse,
@@ -117,6 +109,7 @@ __export(index_exports, {
   ChatEventTypePong: () => ChatEventTypePong,
   ChatEventTypeRead: () => ChatEventTypeRead,
   ChatEventTypeReconnected: () => ChatEventTypeReconnected,
+  ChatEventTypeRetryAttachment: () => ChatEventTypeRetryAttachment,
   ChatEventTypeRoomCreated: () => ChatEventTypeRoomCreated,
   ChatEventTypeRoomDeleted: () => ChatEventTypeRoomDeleted,
   ChatEventTypeRoomUpdated: () => ChatEventTypeRoomUpdated,
@@ -151,10 +144,6 @@ __export(index_exports, {
   ChatEventTypeUserSuggestedActions: () => ChatEventTypeUserSuggestedActions,
   ChatEventTypeWaiting: () => ChatEventTypeWaiting,
   ChatEventTypeWaitingForAgent: () => ChatEventTypeWaitingForAgent,
-  ChatHeader: () => ChatHeader,
-  ChatHumanAgentActions: () => ChatHumanAgentActions,
-  ChatInput: () => ChatInput,
-  ChatMessages: () => ChatMessages,
   ChatRoleAI: () => ChatRoleAI,
   ChatRoleDataQuery: () => ChatRoleDataQuery,
   ChatRoleEvent: () => ChatRoleEvent,
@@ -170,19 +159,16 @@ __export(index_exports, {
   ChatStatusActive: () => ChatStatusActive,
   ChatStatusArchived: () => ChatStatusArchived,
   ChatStatusClosed: () => ChatStatusClosed,
-  ChatStatusCustomerUI: () => ChatStatusCustomerUI,
   ChatStatusDisconnected: () => ChatStatusDisconnected,
   ChatTypeCustomerSupport: () => ChatTypeCustomerSupport,
   ChatTypeDirect: () => ChatTypeDirect,
   ChatTypeGroup: () => ChatTypeGroup,
   ChatTypePrivateRoom: () => ChatTypePrivateRoom,
   ChatTypePublicRoom: () => ChatTypePublicRoom,
-  ChatTypingIndicator: () => ChatTypingIndicator,
   CompleteChatByAgentSubject: () => CompleteChatByAgentSubject,
   CreateAgentQueueSubject: () => CreateAgentQueueSubject,
   DeleteAgentQueueSubject: () => DeleteAgentQueueSubject,
   EndAgentSessionSubject: () => EndAgentSessionSubject,
-  GenericChatWidget: () => GenericChatWidget,
   GetActiveChatCountSubject: () => GetActiveChatCountSubject,
   GetActiveChatsSubject: () => GetActiveChatsSubject,
   GetAgentQueuesSubject: () => GetAgentQueuesSubject,
@@ -218,28 +204,719 @@ __export(index_exports, {
   UserStatusBusy: () => UserStatusBusy,
   UserStatusOffline: () => UserStatusOffline,
   UserStatusOnline: () => UserStatusOnline,
-  WebSocketChatAdminContext: () => WebSocketChatAdminContext,
-  WebSocketChatAdminProvider: () => WebSocketChatAdminProvider,
-  WebSocketChatCustomerContext: () => WebSocketChatCustomerContext,
-  WebSocketChatCustomerProvider: () => WebSocketChatCustomerProvider,
-  useWebSocketChatAdmin: () => useWebSocketChatAdmin,
-  useWebSocketChatAdminContext: () => useWebSocketChatAdminContext,
-  useWebSocketChatBase: () => useWebSocketChatBase,
-  useWebSocketChatCustomer: () => useWebSocketChatCustomer,
-  useWebSocketChatCustomerContext: () => useWebSocketChatCustomerContext
+  useChat: () => useChat
 });
 module.exports = __toCommonJS(index_exports);
 
-// components/admin/admin-chat-input.tsx
-var import_ksuid = __toESM(require("ksuid"));
-var import_lucide_react = require("lucide-react");
-var import_react5 = require("react");
+// hooks/use-chat.ts
+var import_react = require("react");
+
+// transport/types.ts
+function createLogger(debug = false) {
+  return {
+    debug: debug ? console.log.bind(console, "[chat]") : () => {
+    },
+    info: console.info.bind(console, "[chat]"),
+    warn: console.warn.bind(console, "[chat]"),
+    error: console.error.bind(console, "[chat]")
+  };
+}
+var DEFAULT_RETRY_CONFIG = {
+  maxRetries: 10,
+  intervals: [1e3, 2e3, 5e3],
+  backoffMultiplier: 1.5,
+  maxBackoffTime: 3e4
+};
+function calculateRetryInterval(retryCount, config = DEFAULT_RETRY_CONFIG) {
+  const {
+    intervals = DEFAULT_RETRY_CONFIG.intervals,
+    backoffMultiplier = DEFAULT_RETRY_CONFIG.backoffMultiplier,
+    maxBackoffTime = DEFAULT_RETRY_CONFIG.maxBackoffTime
+  } = config;
+  if (retryCount < intervals.length) {
+    return intervals[retryCount];
+  }
+  const baseInterval = intervals[intervals.length - 1] || 5e3;
+  const backoffTime = baseInterval * Math.pow(backoffMultiplier, retryCount - intervals.length + 1);
+  return Math.min(backoffTime, maxBackoffTime);
+}
 
-// context/websocket-chat-admin-context.tsx
-var import_react4 = require("react");
+// transport/sse.ts
+function createSSETransport(options = {}) {
+  const {
+    retryConfig = DEFAULT_RETRY_CONFIG,
+    debug = false,
+    logger = createLogger(debug)
+  } = options;
+  let eventSource;
+  let config;
+  let state = "disconnected";
+  let error;
+  let retryCount = 0;
+  let reconnectTimeout;
+  let intentionalDisconnect = false;
+  const metrics = {
+    latency: 0,
+    messagesSent: 0,
+    messagesReceived: 0,
+    messagesQueued: 0,
+    reconnectCount: 0,
+    transportType: "sse"
+  };
+  const globalHandlers = /* @__PURE__ */ new Set();
+  const typeHandlers = /* @__PURE__ */ new Map();
+  function emit(event) {
+    metrics.messagesReceived++;
+    metrics.lastMessageAt = Date.now();
+    globalHandlers.forEach((handler) => {
+      try {
+        handler(event);
+      } catch (err) {
+        logger.error("Error in message handler:", err);
+      }
+    });
+    const handlers = typeHandlers.get(event.type);
+    if (handlers) {
+      handlers.forEach((handler) => {
+        try {
+          handler(event);
+        } catch (err) {
+          logger.error(`Error in ${event.type} handler:`, err);
+        }
+      });
+    }
+  }
+  async function sendRest(endpoint, body) {
+    if (!config) {
+      throw new Error("Transport not connected");
+    }
+    const url = `${config.baseUrl}/${endpoint}`;
+    logger.debug(`POST ${endpoint}`, body);
+    const response = await fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`API error: ${response.status} - ${errorText}`);
+    }
+    const json = await response.json();
+    if (json && typeof json === "object" && "data" in json) {
+      return json.data;
+    }
+    return json;
+  }
+  function handleMessage(event) {
+    if (!event.data || event.data === "") return;
+    try {
+      const data = JSON.parse(event.data);
+      logger.debug("Received:", data.type);
+      emit(data);
+    } catch (err) {
+      logger.error("Failed to parse SSE message:", err);
+    }
+  }
+  function setupEventListeners(es) {
+    es.addEventListener("message", handleMessage);
+    const eventTypes = [
+      "reconnected",
+      "typing",
+      "stopped_typing",
+      "waiting",
+      "waiting_for_agent",
+      "human_agent_joined",
+      "human_agent_left",
+      "chat_ended",
+      "chat_updated",
+      "load_chat_response",
+      "new_chat_created",
+      "show_csat_survey",
+      "csat_response",
+      "user_suggested_actions",
+      "agent_execution_started",
+      "agent_execution_ended",
+      "agent_context_update",
+      "plan_pending_approval",
+      "step_started",
+      "step_completed",
+      "step_failed",
+      "plan_completed",
+      "skills_changed",
+      "summary_update"
+    ];
+    eventTypes.forEach((type) => {
+      es.addEventListener(type, handleMessage);
+    });
+  }
+  function scheduleReconnect() {
+    if (intentionalDisconnect || !config) return;
+    const maxRetries = retryConfig.maxRetries ?? DEFAULT_RETRY_CONFIG.maxRetries;
+    if (retryCount >= maxRetries) {
+      logger.error(`Max retries (${maxRetries}) exceeded`);
+      error = {
+        code: "CONNECTION_FAILED",
+        message: `Max retries (${maxRetries}) exceeded`,
+        retryable: false,
+        timestamp: Date.now()
+      };
+      return;
+    }
+    const interval = calculateRetryInterval(retryCount, retryConfig);
+    retryCount++;
+    metrics.reconnectCount++;
+    logger.info(`Reconnecting in ${interval}ms (attempt ${retryCount})`);
+    state = "reconnecting";
+    reconnectTimeout = setTimeout(() => {
+      if (config) {
+        transport.connect(config).catch((err) => {
+          logger.error("Reconnect failed:", err);
+        });
+      }
+    }, interval);
+  }
+  const transport = {
+    async connect(cfg) {
+      config = cfg;
+      intentionalDisconnect = false;
+      if (eventSource) {
+        eventSource.close();
+        eventSource = void 0;
+      }
+      if (reconnectTimeout) {
+        clearTimeout(reconnectTimeout);
+        reconnectTimeout = void 0;
+      }
+      state = retryCount > 0 ? "reconnecting" : "connecting";
+      return new Promise((resolve, reject) => {
+        const connectionStart = Date.now();
+        const url = `${cfg.baseUrl}/stream?orgId=${cfg.orgId}&userId=${cfg.userId}&clientType=${cfg.clientType}${cfg.chatKey ? `&chatId=${cfg.chatKey}` : ""}`;
+        logger.debug("Connecting to:", url);
+        const es = new EventSource(url);
+        es.onopen = () => {
+          const connectionTime = Date.now() - connectionStart;
+          logger.info(`Connected in ${connectionTime}ms`);
+          state = "connected";
+          error = void 0;
+          retryCount = 0;
+          metrics.connectedAt = Date.now();
+          metrics.latency = connectionTime;
+          setupEventListeners(es);
+          resolve();
+        };
+        es.onerror = () => {
+          if (es.readyState === EventSource.CLOSED) {
+            const sseError = {
+              code: "CONNECTION_FAILED",
+              message: "SSE connection failed",
+              retryable: true,
+              timestamp: Date.now()
+            };
+            error = sseError;
+            metrics.lastError = sseError;
+            state = "disconnected";
+            if (!intentionalDisconnect) {
+              scheduleReconnect();
+            }
+            if (retryCount === 0) {
+              reject(sseError);
+            }
+          }
+        };
+        eventSource = es;
+      });
+    },
+    disconnect(intentional = true) {
+      logger.info("Disconnecting", { intentional });
+      intentionalDisconnect = intentional;
+      if (reconnectTimeout) {
+        clearTimeout(reconnectTimeout);
+        reconnectTimeout = void 0;
+      }
+      if (eventSource) {
+        eventSource.close();
+        eventSource = void 0;
+      }
+      state = "disconnected";
+      retryCount = 0;
+    },
+    async send(event) {
+      if (!config) {
+        throw new Error("Transport not connected");
+      }
+      switch (event.type) {
+        case "message":
+          await sendRest("send", {
+            orgId: event.orgId,
+            chatKey: event.chatKey,
+            userId: event.userId,
+            message: event.message
+          });
+          break;
+        case "typing":
+          await sendRest("typing", {
+            orgId: event.orgId,
+            chatKey: event.chatKey,
+            userId: event.userId,
+            typing: true
+          });
+          break;
+        case "stopped_typing":
+          await sendRest("typing", {
+            orgId: event.orgId,
+            chatKey: event.chatKey,
+            userId: event.userId,
+            typing: false
+          });
+          break;
+        case "load_chat":
+          await sendRest("load", {
+            orgId: event.orgId,
+            chatKey: event.chatKey,
+            userId: event.userId
+          });
+          break;
+        case "new_chat":
+          await sendRest("create", {
+            orgId: event.orgId,
+            userId: event.userId,
+            metadata: event.data
+          });
+          break;
+        case "end_chat":
+          await sendRest("end", {
+            orgId: event.orgId,
+            chatKey: event.chatKey,
+            userId: event.userId,
+            data: event.data
+          });
+          break;
+        default:
+          await sendRest("event", {
+            type: event.type,
+            orgId: event.orgId,
+            chatKey: event.chatKey,
+            userId: event.userId,
+            data: event.data
+          });
+      }
+      metrics.messagesSent++;
+    },
+    async sendMessage(message) {
+      if (!config) {
+        throw new Error("Transport not connected");
+      }
+      await sendRest("send", {
+        orgId: config.orgId,
+        chatKey: config.chatKey,
+        userId: config.userId,
+        message
+      });
+      metrics.messagesSent++;
+    },
+    async createChat(options2) {
+      if (!config) {
+        throw new Error("Transport not connected");
+      }
+      const response = await sendRest("create", {
+        orgId: options2.orgId,
+        userId: options2.userId,
+        metadata: options2.metadata
+      });
+      if (!response?.chatKey) {
+        throw new Error("Failed to create chat: no chatKey returned");
+      }
+      return { chatKey: response.chatKey };
+    },
+    async loadChatData(options2) {
+      if (!config) {
+        throw new Error("Transport not connected");
+      }
+      const response = await sendRest("load", {
+        orgId: options2.orgId,
+        chatKey: options2.chatKey,
+        userId: options2.userId
+      });
+      if (!response?.chat) {
+        throw new Error("Failed to load chat: no chat data returned");
+      }
+      return {
+        chat: response.chat,
+        agentId: response.agentId
+      };
+    },
+    onMessage(handler) {
+      globalHandlers.add(handler);
+      return () => globalHandlers.delete(handler);
+    },
+    on(eventType, handler) {
+      if (!typeHandlers.has(eventType)) {
+        typeHandlers.set(eventType, /* @__PURE__ */ new Set());
+      }
+      typeHandlers.get(eventType).add(handler);
+      return () => {
+        const handlers = typeHandlers.get(eventType);
+        if (handlers) {
+          handlers.delete(handler);
+          if (handlers.size === 0) {
+            typeHandlers.delete(eventType);
+          }
+        }
+      };
+    },
+    getState() {
+      return state;
+    },
+    getMetrics() {
+      return { ...metrics };
+    },
+    getError() {
+      return error;
+    },
+    clearError() {
+      error = void 0;
+    }
+  };
+  return transport;
+}
 
-// hooks/use-websocket-chat-admin.ts
-var import_react2 = require("react");
+// hooks/use-chat.ts
+function getDefaultTransport(type, debug) {
+  return createSSETransport({ debug });
+}
+function useChat(options) {
+  const {
+    baseUrl,
+    orgId,
+    userId,
+    clientType = "customer",
+    transport: transportOption,
+    onMessage,
+    onError,
+    onConnectionChange,
+    autoConnect = false,
+    retryConfig,
+    debug = false
+  } = options;
+  const [connectionState, setConnectionState] = (0, import_react.useState)("disconnected");
+  const [currentChat, setCurrentChat] = (0, import_react.useState)(null);
+  const [chatKey, setChatKey] = (0, import_react.useState)(null);
+  const [messages, setMessages] = (0, import_react.useState)([]);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [metrics, setMetrics] = (0, import_react.useState)({
+    latency: 0,
+    messagesSent: 0,
+    messagesReceived: 0,
+    messagesQueued: 0,
+    reconnectCount: 0
+  });
+  const transportRef = (0, import_react.useRef)(null);
+  const mountedRef = (0, import_react.useRef)(false);
+  const onMessageRef = (0, import_react.useRef)(onMessage);
+  const onErrorRef = (0, import_react.useRef)(onError);
+  const typingTimeoutRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    onMessageRef.current = onMessage;
+    onErrorRef.current = onError;
+  }, [onMessage, onError]);
+  (0, import_react.useEffect)(() => {
+    if (typeof transportOption === "object") {
+      transportRef.current = transportOption;
+    } else {
+      transportRef.current = getDefaultTransport(
+        transportOption,
+        debug
+      );
+    }
+  }, [transportOption, debug]);
+  const handleEvent = (0, import_react.useCallback)((event) => {
+    if (!mountedRef.current) return;
+    setMetrics((prev) => ({
+      ...prev,
+      messagesReceived: prev.messagesReceived + 1,
+      lastMessageAt: Date.now()
+    }));
+    switch (event.type) {
+      case "new_chat_created":
+        const newChatKey = event.data?.chatKey;
+        if (newChatKey) {
+          setChatKey(newChatKey);
+        }
+        break;
+      case "load_chat_response":
+        const chat = event.data?.chat;
+        if (chat) {
+          setCurrentChat(chat);
+          setChatKey(chat.key);
+          setMessages(chat.messages || []);
+        }
+        break;
+      case "message":
+        if (event.message) {
+          setMessages((prev) => [...prev, event.message]);
+        }
+        break;
+      case "chat_ended":
+        setCurrentChat(null);
+        setChatKey(null);
+        break;
+      case "error":
+        const errorMsg = event.data?.message;
+        if (errorMsg) {
+          const transportError = {
+            code: "NETWORK_ERROR",
+            message: errorMsg,
+            retryable: true,
+            timestamp: Date.now()
+          };
+          setError(transportError);
+          onErrorRef.current?.(transportError);
+        }
+        break;
+    }
+    onMessageRef.current?.(event);
+  }, []);
+  const connect = (0, import_react.useCallback)(async () => {
+    const transport = transportRef.current;
+    if (!transport) {
+      throw new Error("Transport not initialized");
+    }
+    if (!orgId) {
+      const err = {
+        code: "CONNECTION_FAILED",
+        message: "orgId is required",
+        retryable: false,
+        timestamp: Date.now()
+      };
+      setError(err);
+      throw err;
+    }
+    setConnectionState("connecting");
+    try {
+      const unsubscribe = transport.onMessage(handleEvent);
+      await transport.connect({
+        baseUrl,
+        orgId,
+        userId,
+        clientType,
+        chatKey: chatKey || void 0,
+        debug
+      });
+      setConnectionState("connected");
+      setError(null);
+      setMetrics(transport.getMetrics());
+      onConnectionChange?.("connected");
+      return;
+    } catch (err) {
+      const transportError = err;
+      setConnectionState("disconnected");
+      setError(transportError);
+      onErrorRef.current?.(transportError);
+      throw err;
+    }
+  }, [baseUrl, orgId, userId, clientType, chatKey, debug, handleEvent, onConnectionChange]);
+  const disconnect = (0, import_react.useCallback)(() => {
+    const transport = transportRef.current;
+    if (transport) {
+      transport.disconnect(true);
+    }
+    setConnectionState("disconnected");
+    onConnectionChange?.("disconnected");
+  }, [onConnectionChange]);
+  const startChat = (0, import_react.useCallback)(
+    async (metadata) => {
+      const transport = transportRef.current;
+      if (!transport) {
+        throw new Error("Transport not initialized");
+      }
+      const response = await transport.createChat({
+        orgId,
+        userId,
+        metadata
+      });
+      setChatKey(response.chatKey);
+      return response.chatKey;
+    },
+    [orgId, userId]
+  );
+  const loadChat = (0, import_react.useCallback)(
+    async (key) => {
+      const transport = transportRef.current;
+      if (!transport) {
+        throw new Error("Transport not initialized");
+      }
+      const response = await transport.loadChatData({
+        orgId,
+        chatKey: key,
+        userId
+      });
+      setCurrentChat(response.chat);
+      setChatKey(response.chat.key);
+      setMessages(response.chat.messages || []);
+      return response.chat;
+    },
+    [orgId, userId]
+  );
+  const sendMessage = (0, import_react.useCallback)(
+    async (content, attachments) => {
+      const transport = transportRef.current;
+      if (!transport) {
+        throw new Error("Transport not initialized");
+      }
+      if (!chatKey) {
+        throw new Error("No active chat");
+      }
+      const message = {
+        id: `msg_${Date.now()}_${Math.random().toString(36).slice(2)}`,
+        role: "user",
+        content,
+        time: Date.now(),
+        status: "sending",
+        senderId: userId,
+        createdAt: Date.now(),
+        attachments
+      };
+      setMessages((prev) => [...prev, message]);
+      await transport.send({
+        type: "message",
+        orgId,
+        chatKey,
+        userId,
+        timestamp: Date.now(),
+        message
+      });
+      setMetrics((prev) => ({
+        ...prev,
+        messagesSent: prev.messagesSent + 1
+      }));
+    },
+    [orgId, chatKey, userId]
+  );
+  const endChat = (0, import_react.useCallback)(
+    async (reason) => {
+      const transport = transportRef.current;
+      if (!transport) {
+        throw new Error("Transport not initialized");
+      }
+      if (!chatKey) {
+        return;
+      }
+      await transport.send({
+        type: "end_chat",
+        orgId,
+        chatKey,
+        userId,
+        timestamp: Date.now(),
+        data: reason ? { reason } : void 0
+      });
+      setCurrentChat(null);
+      setChatKey(null);
+    },
+    [orgId, chatKey, userId]
+  );
+  const sendEvent = (0, import_react.useCallback)(
+    async (event) => {
+      const transport = transportRef.current;
+      if (!transport) {
+        throw new Error("Transport not initialized");
+      }
+      await transport.send({
+        ...event,
+        timestamp: Date.now()
+      });
+    },
+    []
+  );
+  const startTyping = (0, import_react.useCallback)(() => {
+    const transport = transportRef.current;
+    if (!transport || !chatKey) return;
+    if (typingTimeoutRef.current) {
+      clearTimeout(typingTimeoutRef.current);
+    }
+    transport.send({
+      type: "typing",
+      orgId,
+      chatKey,
+      userId,
+      timestamp: Date.now()
+    }).catch(() => {
+    });
+    typingTimeoutRef.current = setTimeout(() => {
+      stopTyping();
+    }, 3e3);
+  }, [orgId, chatKey, userId]);
+  const stopTyping = (0, import_react.useCallback)(() => {
+    const transport = transportRef.current;
+    if (!transport || !chatKey) return;
+    if (typingTimeoutRef.current) {
+      clearTimeout(typingTimeoutRef.current);
+      typingTimeoutRef.current = null;
+    }
+    transport.send({
+      type: "stopped_typing",
+      orgId,
+      chatKey,
+      userId,
+      timestamp: Date.now()
+    }).catch(() => {
+    });
+  }, [orgId, chatKey, userId]);
+  const on = (0, import_react.useCallback)(
+    (eventType, handler) => {
+      const transport = transportRef.current;
+      if (!transport) {
+        return () => {
+        };
+      }
+      return transport.on(eventType, handler);
+    },
+    []
+  );
+  const clearError = (0, import_react.useCallback)(() => {
+    setError(null);
+    transportRef.current?.clearError();
+  }, []);
+  (0, import_react.useEffect)(() => {
+    mountedRef.current = true;
+    if (autoConnect) {
+      connect().catch(() => {
+      });
+    }
+    return () => {
+      mountedRef.current = false;
+      if (typingTimeoutRef.current) {
+        clearTimeout(typingTimeoutRef.current);
+      }
+      disconnect();
+    };
+  }, []);
+  const isConnected = connectionState === "connected";
+  return {
+    // Connection
+    connect,
+    disconnect,
+    connectionState,
+    isConnected,
+    // Chat operations
+    startChat,
+    loadChat,
+    sendMessage,
+    sendEvent,
+    endChat,
+    // Typing
+    startTyping,
+    stopTyping,
+    // State
+    currentChat,
+    chatKey,
+    messages,
+    error,
+    metrics,
+    // Events
+    on,
+    clearError
+  };
+}
 
 // models/chat-models.ts
 var ChatStatusActive = "active";
@@ -358,6 +1035,11 @@ var ChatEventTypePong = "pong";
 var ChatEventTypeSkillActivate = "skill_activate";
 var ChatEventTypeSkillDeactivate = "skill_deactivate";
 var ChatEventTypeSkillsChanged = "skills_changed";
+var ChatEventTypeAttachmentProcessingStarted = "attachment_processing_started";
+var ChatEventTypeAttachmentProcessingProgress = "attachment_processing_progress";
+var ChatEventTypeAttachmentProcessingComplete = "attachment_processing_complete";
+var ChatEventTypeAttachmentProcessingError = "attachment_processing_error";
+var ChatEventTypeRetryAttachment = "retry_attachment";
 var MessageStatusSending = "sending";
 var MessageStatusSent = "sent";
 var MessageStatusDelivered = "delivered";
@@ -379,6 +1061,8 @@ var AttachmentTypeSticker = "sticker";
 var AttachmentTypeData = "data";
 var AttachmentTypeKGNodes = "kgNodes";
 var AttachmentTypeDocumentSources = "document_sources";
+var AttachmentTypeSpreadsheet = "spreadsheet";
+var AttachmentTypeDataFile = "data_file";
 var ChatSessionStatusActive = "active";
 var ChatSessionStatusIdle = "idle";
 var ChatSessionStatusExpired = "expired";
@@ -423,1992 +1107,8 @@ var UpdateUserStatusSubject = "chat.user.status.update";
 var GetOnlineUsersSubject = "chat.users.online.get";
 var TriggerAnalyticsScanSubject = "chat.analytics.trigger-scan";
 var SetupOrgSubject = "chat.org.setup";
-
-// hooks/use-websocket-chat-base.ts
-var import_react = require("react");
-var createDefaultLogger = (debug) => ({
-  debug: debug ? console.log : () => {
-  },
-  info: console.info,
-  warn: console.warn,
-  error: console.error
-});
-var DEFAULT_RETRY_CONFIG = {
-  maxRetries: 10,
-  intervals: [1e3, 2e3, 5e3],
-  backoffMultiplier: 1.5,
-  maxBackoffTime: 3e4
-};
-var DEFAULT_QUEUE_CONFIG = {
-  maxSize: 100,
-  dropStrategy: "oldest"
-};
-var DEFAULT_HEARTBEAT_INTERVAL = 3e4;
-var DEFAULT_HEARTBEAT_TIMEOUT = 5e3;
-var DEFAULT_TRANSPORT = "websocket";
-function isChatEvent(data) {
-  return data && typeof data === "object" && (typeof data.type === "string" || data.message);
-}
-var useWebSocketChatBase = ({
-  serverBaseUrl,
-  orgId,
-  clientType,
-  product,
-  onMessage,
-  retryConfig = DEFAULT_RETRY_CONFIG,
-  queueConfig = DEFAULT_QUEUE_CONFIG,
-  debug = false,
-  logger = createDefaultLogger(debug),
-  heartbeatInterval = DEFAULT_HEARTBEAT_INTERVAL,
-  heartbeatTimeout = DEFAULT_HEARTBEAT_TIMEOUT,
-  transport = DEFAULT_TRANSPORT
-}) => {
-  const [connectionState, setConnectionState] = (0, import_react.useState)("disconnected");
-  const [error, setError] = (0, import_react.useState)(void 0);
-  const [startTime, setStartTime] = (0, import_react.useState)(void 0);
-  const [metrics, setMetrics] = (0, import_react.useState)({
-    latency: 0,
-    messagesSent: 0,
-    messagesReceived: 0,
-    messagesQueued: 0,
-    reconnectCount: 0,
-    transportType: transport
-  });
-  const wsRef = (0, import_react.useRef)(void 0);
-  const sseRef = (0, import_react.useRef)(void 0);
-  const transportRef = (0, import_react.useRef)(transport);
-  (0, import_react.useEffect)(() => {
-    transportRef.current = transport;
-  }, [transport]);
-  const reconnectTimeoutRef = (0, import_react.useRef)(void 0);
-  const retryCountRef = (0, import_react.useRef)(0);
-  const messageQueueRef = (0, import_react.useRef)([]);
-  const mountedRef = (0, import_react.useRef)(false);
-  const currentChatKeyRef = (0, import_react.useRef)(void 0);
-  const currentUserIdRef = (0, import_react.useRef)(void 0);
-  const intentionalDisconnectRef = (0, import_react.useRef)(false);
-  const eventHandlersRef = (0, import_react.useRef)(
-    /* @__PURE__ */ new Map()
-  );
-  const onMessageRef = (0, import_react.useRef)(onMessage);
-  const pendingMessagesRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
-  const heartbeatIntervalRef = (0, import_react.useRef)(void 0);
-  const heartbeatTimeoutRef = (0, import_react.useRef)(void 0);
-  const lastPongRef = (0, import_react.useRef)(Date.now());
-  const chatCreationPromiseRef = (0, import_react.useRef)(null);
-  const loadChatRetryMapRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react.useEffect)(() => {
-    onMessageRef.current = onMessage;
-  }, [onMessage]);
-  const isConnected = connectionState === "connected";
-  const on = (0, import_react.useCallback)((eventType, handler) => {
-    if (!eventHandlersRef.current.has(eventType)) {
-      eventHandlersRef.current.set(eventType, /* @__PURE__ */ new Set());
-    }
-    eventHandlersRef.current.get(eventType).add(handler);
-    return () => off(eventType, handler);
-  }, []);
-  const off = (0, import_react.useCallback)((eventType, handler) => {
-    const handlers = eventHandlersRef.current.get(eventType);
-    if (handlers) {
-      handlers.delete(handler);
-      if (handlers.size === 0) {
-        eventHandlersRef.current.delete(eventType);
-      }
-    }
-  }, []);
-  const emit = (0, import_react.useCallback)(
-    (eventType, data) => {
-      const handlers = eventHandlersRef.current.get(eventType);
-      if (handlers) {
-        handlers.forEach((handler) => {
-          try {
-            handler(data);
-          } catch (error2) {
-            logger.error(`Error in event handler for ${eventType}:`, error2);
-          }
-        });
-      }
-    },
-    [logger]
-  );
-  const updateMetrics = (0, import_react.useCallback)((updates) => {
-    setMetrics((prev) => ({ ...prev, ...updates }));
-  }, []);
-  const addToQueue = (0, import_react.useCallback)(
-    (event) => {
-      const currentQueueSize = messageQueueRef.current.length;
-      const maxSize = queueConfig.maxSize || DEFAULT_QUEUE_CONFIG.maxSize;
-      if (currentQueueSize >= maxSize) {
-        if (queueConfig.dropStrategy === "newest") {
-          logger.warn("Message queue full, dropping new message");
-          return false;
-        } else {
-          const dropped = messageQueueRef.current.shift();
-          logger.warn("Message queue full, dropped oldest message", dropped);
-        }
-      }
-      messageQueueRef.current.push(event);
-      updateMetrics({ messagesQueued: messageQueueRef.current.length });
-      return true;
-    },
-    [queueConfig, logger, updateMetrics]
-  );
-  const calculateRetryInterval = (0, import_react.useCallback)(
-    (retryCount) => {
-      const config = { ...DEFAULT_RETRY_CONFIG, ...retryConfig };
-      const {
-        intervals = [],
-        backoffMultiplier = 1.5,
-        maxBackoffTime = 3e4
-      } = config;
-      if (retryCount < intervals.length) {
-        return intervals[retryCount];
-      }
-      const baseInterval = intervals[intervals.length - 1] || 5e3;
-      const backoffTime = baseInterval * Math.pow(backoffMultiplier, retryCount - intervals.length + 1);
-      return Math.min(backoffTime, maxBackoffTime);
-    },
-    [retryConfig]
-  );
-  const startHeartbeat = (0, import_react.useCallback)(() => {
-    if (!heartbeatInterval || heartbeatInterval <= 0) return;
-    const sendPing = () => {
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        const pingTime = Date.now();
-        wsRef.current.send(
-          JSON.stringify({ type: "ping", timestamp: pingTime })
-        );
-        heartbeatTimeoutRef.current = setTimeout(() => {
-          logger.warn("Heartbeat timeout - no pong received");
-          if (wsRef.current) {
-            wsRef.current.close(4e3, "Heartbeat timeout");
-          }
-        }, heartbeatTimeout);
-      }
-    };
-    if (heartbeatIntervalRef.current) {
-      clearInterval(heartbeatIntervalRef.current);
-    }
-    heartbeatIntervalRef.current = setInterval(sendPing, heartbeatInterval);
-    logger.debug("Heartbeat started");
-  }, [heartbeatInterval, heartbeatTimeout, logger]);
-  const stopHeartbeat = (0, import_react.useCallback)(() => {
-    if (heartbeatIntervalRef.current) {
-      clearInterval(heartbeatIntervalRef.current);
-      heartbeatIntervalRef.current = void 0;
-    }
-    if (heartbeatTimeoutRef.current) {
-      clearTimeout(heartbeatTimeoutRef.current);
-      heartbeatTimeoutRef.current = void 0;
-    }
-    logger.debug("Heartbeat stopped");
-  }, [logger]);
-  const cleanup = (0, import_react.useCallback)(() => {
-    if (wsRef.current && wsRef.current.readyState === WebSocket.OPEN) {
-      wsRef.current.close(1e3, "Cleanup");
-    }
-    wsRef.current = void 0;
-    if (sseRef.current) {
-      sseRef.current.close();
-      sseRef.current = void 0;
-    }
-    if (reconnectTimeoutRef.current) {
-      clearTimeout(reconnectTimeoutRef.current);
-      reconnectTimeoutRef.current = void 0;
-    }
-    stopHeartbeat();
-    pendingMessagesRef.current.forEach(({ reject, timeout }) => {
-      clearTimeout(timeout);
-      reject(new Error("Connection closed"));
-    });
-    pendingMessagesRef.current.clear();
-    loadChatRetryMapRef.current.forEach((retryState) => {
-      if (retryState.timeoutId) {
-        clearTimeout(retryState.timeoutId);
-      }
-    });
-    loadChatRetryMapRef.current.clear();
-  }, [stopHeartbeat]);
-  const getRestApiUrl = (0, import_react.useCallback)((endpoint) => {
-    return `${serverBaseUrl}/${endpoint}`;
-  }, [serverBaseUrl]);
-  const sendRestMessage = (0, import_react.useCallback)(
-    async (endpoint, body) => {
-      const url = getRestApiUrl(endpoint);
-      logger.debug(`SSE REST API call: POST ${endpoint}`, body);
-      try {
-        const response = await fetch(url, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify(body)
-        });
-        if (!response.ok) {
-          const errorText = await response.text();
-          throw new Error(`REST API error: ${response.status} - ${errorText}`);
-        }
-        const data = await response.json();
-        return data;
-      } catch (error2) {
-        logger.error(`SSE REST API error for ${endpoint}:`, error2);
-        throw error2;
-      }
-    },
-    [getRestApiUrl, logger]
-  );
-  const connect = (0, import_react.useCallback)(
-    async (userId) => {
-      if (!mountedRef.current) {
-        mountedRef.current = true;
-      }
-      if (!orgId) {
-        const error2 = {
-          code: "CONNECTION_FAILED",
-          message: "Cannot connect: orgId is undefined",
-          retryable: false,
-          timestamp: Date.now()
-        };
-        logger.error("Cannot connect: orgId is undefined");
-        setError(error2);
-        return Promise.reject(error2);
-      }
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        logger.debug("Already connected (WebSocket)");
-        return Promise.resolve();
-      }
-      if (sseRef.current?.readyState === EventSource.OPEN) {
-        logger.debug("Already connected (SSE)");
-        return Promise.resolve();
-      }
-      if (connectionState === "connecting" || connectionState === "reconnecting") {
-        logger.debug("Connection already in progress");
-        return Promise.resolve();
-      }
-      const maxRetries = retryConfig.maxRetries ?? DEFAULT_RETRY_CONFIG.maxRetries;
-      if (retryCountRef.current >= maxRetries && !intentionalDisconnectRef.current) {
-        const error2 = {
-          code: "CONNECTION_FAILED",
-          message: `Max retries (${maxRetries}) exceeded`,
-          retryable: false,
-          timestamp: Date.now()
-        };
-        setError(error2);
-        updateMetrics({ lastError: error2 });
-        return Promise.reject(error2);
-      }
-      cleanup();
-      setConnectionState(
-        retryCountRef.current > 0 ? "reconnecting" : "connecting"
-      );
-      intentionalDisconnectRef.current = false;
-      return new Promise((resolve, reject) => {
-        try {
-          const connectionStartTime = Date.now();
-          logger.info(`\u{1F504} Connecting with transport: ${transportRef.current}`);
-          if (transportRef.current === "sse") {
-            const sseUrl = getRestApiUrl(`stream?orgId=${orgId}&userId=${userId}&clientType=${clientType}&chatId=${currentChatKeyRef.current || ""}`);
-            logger.debug("Connecting to SSE:", sseUrl);
-            console.log(`\u23F3 Initiating SSE connection to ${sseUrl}...`);
-            const eventSource = new EventSource(sseUrl);
-            eventSource.onopen = () => {
-              if (!mountedRef.current) {
-                eventSource.close();
-                reject(new Error("Component unmounted"));
-                return;
-              }
-              const connectionTimeMs = Date.now() - connectionStartTime;
-              const connectionTimeSec = (connectionTimeMs / 1e3).toFixed(2);
-              logger.info("\u2705 SSE connected", {
-                userId,
-                retryCount: retryCountRef.current,
-                connectionTime: `${connectionTimeSec}s (${connectionTimeMs}ms)`
-              });
-              console.log(`\u{1F50C} SSE connection established in ${connectionTimeSec} seconds`);
-              setConnectionState("connected");
-              setError(void 0);
-              const wasReconnecting = retryCountRef.current > 0;
-              retryCountRef.current = 0;
-              updateMetrics({
-                connectedAt: Date.now(),
-                latency: connectionTimeMs,
-                transportType: "sse",
-                reconnectCount: wasReconnecting ? metrics.reconnectCount + 1 : metrics.reconnectCount
-              });
-              currentUserIdRef.current = userId;
-              if (currentChatKeyRef.current) {
-                logger.info("Loading chat after SSE reconnection:", currentChatKeyRef.current);
-                sendRestMessage("load", {
-                  orgId,
-                  chatKey: currentChatKeyRef.current,
-                  userId
-                }).then((response) => {
-                  if (response.success && response.data?.chat) {
-                    const chatEvent = {
-                      type: "load_chat_response",
-                      orgId,
-                      chatKey: currentChatKeyRef.current,
-                      userId,
-                      timestamp: Date.now(),
-                      data: response.data
-                    };
-                    emit("load_chat_response", chatEvent);
-                    if (onMessageRef.current) {
-                      onMessageRef.current(chatEvent);
-                    }
-                  }
-                }).catch((err) => {
-                  logger.error("Failed to load chat after SSE reconnection:", err);
-                });
-              }
-              emit("connected", { userId, wasReconnecting, transport: "sse" });
-              resolve();
-            };
-            const handleSSEMessage = (event) => {
-              if (!mountedRef.current) return;
-              if (!event.data || event.data === "") {
-                return;
-              }
-              try {
-                const data = JSON.parse(event.data);
-                if (!isChatEvent(data)) {
-                  logger.warn("Received invalid SSE message format:", data);
-                  return;
-                }
-                const chatEvent = data;
-                logger.debug("SSE message received:", chatEvent.type);
-                updateMetrics({
-                  messagesReceived: metrics.messagesReceived + 1,
-                  lastMessageAt: Date.now()
-                });
-                switch (chatEvent.type) {
-                  case "new_chat_created":
-                    const newChatKey = chatEvent.data?.chatKey;
-                    if (newChatKey) {
-                      logger.info("New chat created with key:", newChatKey);
-                      currentChatKeyRef.current = newChatKey;
-                      if (chatCreationPromiseRef.current) {
-                        chatCreationPromiseRef.current.resolve(newChatKey);
-                        chatCreationPromiseRef.current = null;
-                      }
-                    }
-                    break;
-                  case "load_chat_response":
-                    const chat = chatEvent.data?.chat;
-                    if (chat && chat.key) {
-                      logger.info("Chat loaded with key:", chat.key);
-                      currentChatKeyRef.current = chat.key;
-                    }
-                    break;
-                  case "chat_ended":
-                    logger.info("Chat ended, clearing key");
-                    currentChatKeyRef.current = void 0;
-                    break;
-                }
-                emit(chatEvent.type || "message", chatEvent);
-                if (onMessageRef.current) {
-                  onMessageRef.current(chatEvent);
-                }
-              } catch (error2) {
-                logger.error("Failed to parse SSE message:", error2);
-              }
-            };
-            eventSource.addEventListener("message", handleSSEMessage);
-            eventSource.addEventListener("reconnected", handleSSEMessage);
-            eventSource.addEventListener("typing", handleSSEMessage);
-            eventSource.addEventListener("stopped_typing", handleSSEMessage);
-            eventSource.addEventListener("waiting", handleSSEMessage);
-            eventSource.addEventListener("waiting_for_agent", handleSSEMessage);
-            eventSource.addEventListener("human_agent_joined", handleSSEMessage);
-            eventSource.addEventListener("human_agent_left", handleSSEMessage);
-            eventSource.addEventListener("chat_ended", handleSSEMessage);
-            eventSource.addEventListener("chat_updated", handleSSEMessage);
-            eventSource.addEventListener("load_chat_response", handleSSEMessage);
-            eventSource.addEventListener("new_chat_created", handleSSEMessage);
-            eventSource.addEventListener("show_csat_survey", handleSSEMessage);
-            eventSource.addEventListener("csat_response", handleSSEMessage);
-            eventSource.addEventListener("user_suggested_actions", handleSSEMessage);
-            eventSource.addEventListener("agent_execution_started", handleSSEMessage);
-            eventSource.addEventListener("agent_execution_ended", handleSSEMessage);
-            eventSource.addEventListener("agent_context_update", handleSSEMessage);
-            eventSource.addEventListener("plan_pending_approval", handleSSEMessage);
-            eventSource.addEventListener("step_started", handleSSEMessage);
-            eventSource.addEventListener("step_completed", handleSSEMessage);
-            eventSource.addEventListener("step_failed", handleSSEMessage);
-            eventSource.addEventListener("plan_completed", handleSSEMessage);
-            eventSource.addEventListener("skills_changed", handleSSEMessage);
-            eventSource.addEventListener("summary_update", handleSSEMessage);
-            eventSource.onerror = (error2) => {
-              logger.error("SSE error:", error2);
-              if (!mountedRef.current) return;
-              if (eventSource.readyState === EventSource.CLOSED) {
-                const sseError = {
-                  code: "CONNECTION_FAILED",
-                  message: "SSE connection failed",
-                  retryable: true,
-                  timestamp: Date.now()
-                };
-                setError(sseError);
-                updateMetrics({ lastError: sseError });
-                setConnectionState("disconnected");
-                emit("disconnected", { reason: "SSE error" });
-                if (!intentionalDisconnectRef.current && mountedRef.current) {
-                  const retryInterval = calculateRetryInterval(retryCountRef.current);
-                  retryCountRef.current++;
-                  logger.info(`SSE reconnecting in ${retryInterval}ms (attempt ${retryCountRef.current})`);
-                  if (reconnectTimeoutRef.current) {
-                    clearTimeout(reconnectTimeoutRef.current);
-                  }
-                  reconnectTimeoutRef.current = setTimeout(() => {
-                    connect(userId);
-                  }, retryInterval);
-                }
-              }
-            };
-            sseRef.current = eventSource;
-            return;
-          }
-          const wsUrl = `${serverBaseUrl}?orgId=${orgId}&userId=${userId}&clientType=${clientType}&product=${product}`;
-          logger.debug("Connecting to WebSocket:", wsUrl);
-          console.log(`\u23F3 Initiating WebSocket connection to ${serverBaseUrl}...`);
-          const ws = new WebSocket(wsUrl);
-          ws.onopen = () => {
-            if (!mountedRef.current) {
-              ws.close(1e3, "Component unmounted");
-              reject(new Error("Component unmounted"));
-              return;
-            }
-            const connectionTimeMs = Date.now() - connectionStartTime;
-            const connectionTimeSec = (connectionTimeMs / 1e3).toFixed(2);
-            logger.info("\u2705 WebSocket connected", {
-              userId,
-              retryCount: retryCountRef.current,
-              connectionTime: `${connectionTimeSec}s (${connectionTimeMs}ms)`
-            });
-            console.log(`\u{1F50C} WebSocket connection established in ${connectionTimeSec} seconds`);
-            setConnectionState("connected");
-            setError(void 0);
-            const wasReconnecting = retryCountRef.current > 0;
-            retryCountRef.current = 0;
-            updateMetrics({
-              connectedAt: Date.now(),
-              latency: connectionTimeMs,
-              reconnectCount: wasReconnecting ? metrics.reconnectCount + 1 : metrics.reconnectCount
-            });
-            while (messageQueueRef.current.length > 0 && ws.readyState === WebSocket.OPEN) {
-              const event = messageQueueRef.current.shift();
-              if (event) {
-                ws.send(JSON.stringify({ ...event, timestamp: Date.now() }));
-                updateMetrics({
-                  messagesSent: metrics.messagesSent + 1,
-                  messagesQueued: messageQueueRef.current.length
-                });
-              }
-            }
-            currentUserIdRef.current = userId;
-            if (currentChatKeyRef.current) {
-              if (!orgId) {
-                logger.error("Cannot resubscribe to chat: orgId is undefined");
-              } else {
-                logger.info(
-                  "Resubscribing to chat after reconnection:",
-                  currentChatKeyRef.current
-                );
-                const resubscribeEvent = {
-                  type: "load_chat",
-                  orgId,
-                  chatKey: currentChatKeyRef.current,
-                  userId,
-                  timestamp: Date.now(),
-                  data: {}
-                };
-                ws.send(JSON.stringify(resubscribeEvent));
-              }
-            }
-            startHeartbeat();
-            emit("connected", { userId, wasReconnecting });
-            resolve();
-          };
-          ws.onmessage = (event) => {
-            if (!mountedRef.current) return;
-            try {
-              const data = JSON.parse(event.data);
-              if (!isChatEvent(data)) {
-                logger.warn("Received invalid message format:", data);
-                return;
-              }
-              const chatEvent = data;
-              logger.debug("Message received:", chatEvent.type);
-              updateMetrics({
-                messagesReceived: metrics.messagesReceived + 1,
-                lastMessageAt: Date.now()
-              });
-              if (chatEvent.type === "pong") {
-                if (heartbeatTimeoutRef.current) {
-                  clearTimeout(heartbeatTimeoutRef.current);
-                  heartbeatTimeoutRef.current = void 0;
-                }
-                const latency = Date.now() - (chatEvent.timestamp || Date.now());
-                lastPongRef.current = Date.now();
-                updateMetrics({ latency });
-                return;
-              }
-              switch (chatEvent.type) {
-                case "new_chat_created":
-                  const newChatKey = chatEvent.data?.chatKey;
-                  if (newChatKey) {
-                    logger.info("New chat created with key:", newChatKey);
-                    currentChatKeyRef.current = newChatKey;
-                    if (chatCreationPromiseRef.current) {
-                      chatCreationPromiseRef.current.resolve(newChatKey);
-                      chatCreationPromiseRef.current = null;
-                    }
-                    if (!orgId) {
-                      logger.error("Cannot send load_chat: orgId is undefined");
-                      return;
-                    }
-                    const loadChatEvent = {
-                      type: "load_chat",
-                      orgId,
-                      chatKey: newChatKey,
-                      userId: currentUserIdRef.current || userId,
-                      timestamp: Date.now(),
-                      data: {}
-                    };
-                    ws.send(JSON.stringify(loadChatEvent));
-                  }
-                  break;
-                case "load_chat_response":
-                  const chat = chatEvent.data?.chat;
-                  if (chat && chat.key) {
-                    logger.info("Chat loaded with key:", chat.key);
-                    currentChatKeyRef.current = chat.key;
-                    const retryState = loadChatRetryMapRef.current.get(chat.key);
-                    if (retryState) {
-                      if (retryState.timeoutId) {
-                        clearTimeout(retryState.timeoutId);
-                      }
-                      loadChatRetryMapRef.current.delete(chat.key);
-                    }
-                  } else if (!chat) {
-                    logger.warn("Chat load failed, clearing key");
-                    currentChatKeyRef.current = void 0;
-                  }
-                  break;
-                case "chat_ended":
-                  logger.info("Chat ended, clearing key");
-                  currentChatKeyRef.current = void 0;
-                  break;
-                case "error":
-                  const errorMessage = chatEvent.data?.message || "Unknown error";
-                  logger.error("Received error from server:", errorMessage);
-                  if (errorMessage.includes("nats: key not found") || errorMessage.includes("Failed to load chat")) {
-                    const chatKeyFromError = currentChatKeyRef.current;
-                    if (chatKeyFromError) {
-                      const maxRetries2 = 5;
-                      let retryState = loadChatRetryMapRef.current.get(chatKeyFromError);
-                      if (!retryState) {
-                        retryState = { retryCount: 0, timeoutId: null };
-                        loadChatRetryMapRef.current.set(chatKeyFromError, retryState);
-                      }
-                      if (retryState.retryCount < maxRetries2) {
-                        const delay = 200 * Math.pow(2, retryState.retryCount);
-                        retryState.retryCount++;
-                        logger.info(
-                          `Chat load failed, retrying (${retryState.retryCount}/${maxRetries2}) in ${delay}ms...`,
-                          chatKeyFromError
-                        );
-                        retryState.timeoutId = setTimeout(() => {
-                          if (!wsRef.current || !mountedRef.current) return;
-                          if (!orgId) {
-                            logger.error("Cannot retry load_chat: orgId is undefined", chatKeyFromError);
-                            loadChatRetryMapRef.current.delete(chatKeyFromError);
-                            return;
-                          }
-                          logger.debug("Retrying load_chat:", chatKeyFromError);
-                          const retryLoadEvent = {
-                            type: "load_chat",
-                            orgId,
-                            chatKey: chatKeyFromError,
-                            userId: currentUserIdRef.current || "",
-                            timestamp: Date.now(),
-                            data: {}
-                          };
-                          ws.send(JSON.stringify(retryLoadEvent));
-                        }, delay);
-                      } else {
-                        logger.error("Max retries reached for loading chat:", chatKeyFromError);
-                        loadChatRetryMapRef.current.delete(chatKeyFromError);
-                      }
-                    }
-                  }
-                  const wsError = {
-                    code: "NETWORK_ERROR",
-                    message: errorMessage,
-                    retryable: true,
-                    timestamp: Date.now()
-                  };
-                  setError(wsError);
-                  updateMetrics({ lastError: wsError });
-                  break;
-              }
-              emit(chatEvent.type || "message", chatEvent);
-              if (onMessageRef.current) {
-                onMessageRef.current(chatEvent);
-              }
-            } catch (error2) {
-              logger.error("Failed to parse WebSocket message:", error2);
-              const parseError = {
-                code: "PARSE_ERROR",
-                message: "Failed to parse message",
-                retryable: false,
-                timestamp: Date.now()
-              };
-              setError(parseError);
-              updateMetrics({ lastError: parseError });
-            }
-          };
-          ws.onclose = (event) => {
-            if (!mountedRef.current) return;
-            logger.info("WebSocket closed", {
-              code: event.code,
-              reason: event.reason
-            });
-            setConnectionState("disconnected");
-            wsRef.current = void 0;
-            stopHeartbeat();
-            emit("disconnected", { code: event.code, reason: event.reason });
-            if (event.code !== 1e3 && !intentionalDisconnectRef.current && mountedRef.current) {
-              const retryInterval = calculateRetryInterval(
-                retryCountRef.current
-              );
-              retryCountRef.current++;
-              logger.info(
-                `Reconnecting in ${retryInterval}ms (attempt ${retryCountRef.current})`
-              );
-              if (reconnectTimeoutRef.current) {
-                clearTimeout(reconnectTimeoutRef.current);
-              }
-              reconnectTimeoutRef.current = setTimeout(() => {
-                connect(userId);
-              }, retryInterval);
-            }
-          };
-          ws.onerror = (error2) => {
-            logger.error("WebSocket error:", error2);
-            if (!mountedRef.current) return;
-            const wsError = {
-              code: "CONNECTION_FAILED",
-              message: "WebSocket connection failed",
-              retryable: true,
-              timestamp: Date.now()
-            };
-            setError(wsError);
-            updateMetrics({ lastError: wsError });
-            reject(wsError);
-          };
-          wsRef.current = ws;
-        } catch (error2) {
-          logger.error("Failed to create WebSocket:", error2);
-          const wsError = {
-            code: "CONNECTION_FAILED",
-            message: error2 instanceof Error ? error2.message : "Failed to create connection",
-            retryable: true,
-            timestamp: Date.now()
-          };
-          setError(wsError);
-          updateMetrics({ lastError: wsError });
-          reject(wsError);
-        }
-      });
-    },
-    [
-      serverBaseUrl,
-      orgId,
-      clientType,
-      product,
-      connectionState,
-      logger,
-      retryConfig,
-      metrics,
-      updateMetrics,
-      cleanup,
-      calculateRetryInterval,
-      startHeartbeat,
-      emit
-    ]
-  );
-  const sendMessage = (0, import_react.useCallback)(
-    (event, overrideUserId) => {
-      return new Promise(async (resolve, reject) => {
-        if (!mountedRef.current) {
-          reject(new Error("Component not mounted"));
-          return;
-        }
-        const fullEvent = {
-          ...event,
-          timestamp: Date.now()
-        };
-        logger.debug("Sending message:", fullEvent.type);
-        if (transportRef.current === "sse") {
-          if (!sseRef.current || sseRef.current.readyState !== EventSource.OPEN) {
-            logger.debug("SSE not connected, attempting to connect");
-            if (connectionState === "disconnected" && overrideUserId) {
-              try {
-                await connect(overrideUserId);
-              } catch (error2) {
-                reject(error2);
-                return;
-              }
-            } else {
-              reject(new Error("SSE not connected"));
-              return;
-            }
-          }
-          try {
-            switch (fullEvent.type) {
-              case "message":
-                await sendRestMessage("send", {
-                  orgId: fullEvent.orgId || orgId,
-                  chatKey: fullEvent.chatKey || currentChatKeyRef.current,
-                  userId: fullEvent.userId || currentUserIdRef.current,
-                  message: fullEvent.message
-                });
-                break;
-              case "typing":
-                await sendRestMessage("typing", {
-                  orgId: fullEvent.orgId || orgId,
-                  chatKey: fullEvent.chatKey || currentChatKeyRef.current,
-                  userId: fullEvent.userId || currentUserIdRef.current,
-                  typing: true
-                });
-                break;
-              case "stopped_typing":
-                await sendRestMessage("typing", {
-                  orgId: fullEvent.orgId || orgId,
-                  chatKey: fullEvent.chatKey || currentChatKeyRef.current,
-                  userId: fullEvent.userId || currentUserIdRef.current,
-                  typing: false
-                });
-                break;
-              case "load_chat":
-                const loadResponse = await sendRestMessage("load", {
-                  orgId: fullEvent.orgId || orgId,
-                  chatKey: fullEvent.chatKey,
-                  userId: fullEvent.userId || currentUserIdRef.current
-                });
-                if (loadResponse.success && loadResponse.data?.chat) {
-                  currentChatKeyRef.current = loadResponse.data.chat.key;
-                  const chatEvent = {
-                    type: "load_chat_response",
-                    orgId: fullEvent.orgId,
-                    chatKey: loadResponse.data.chat.key,
-                    userId: fullEvent.userId,
-                    timestamp: Date.now(),
-                    data: loadResponse.data
-                  };
-                  emit("load_chat_response", chatEvent);
-                  if (onMessageRef.current) {
-                    onMessageRef.current(chatEvent);
-                  }
-                }
-                break;
-              case "new_chat":
-                const createResponse = await sendRestMessage("create", {
-                  orgId: fullEvent.orgId || orgId,
-                  userId: fullEvent.userId || currentUserIdRef.current,
-                  metadata: fullEvent.data
-                });
-                if (createResponse.success && createResponse.data?.chatKey) {
-                  currentChatKeyRef.current = createResponse.data.chatKey;
-                  const newChatEvent = {
-                    type: "new_chat_created",
-                    orgId: fullEvent.orgId,
-                    chatKey: createResponse.data.chatKey,
-                    userId: fullEvent.userId,
-                    timestamp: Date.now(),
-                    data: { chatKey: createResponse.data.chatKey }
-                  };
-                  emit("new_chat_created", newChatEvent);
-                  if (onMessageRef.current) {
-                    onMessageRef.current(newChatEvent);
-                  }
-                  if (chatCreationPromiseRef.current) {
-                    chatCreationPromiseRef.current.resolve(createResponse.data.chatKey);
-                    chatCreationPromiseRef.current = null;
-                  }
-                }
-                break;
-              case "end_chat":
-                await sendRestMessage("end", {
-                  orgId: fullEvent.orgId || orgId,
-                  chatKey: fullEvent.chatKey || currentChatKeyRef.current,
-                  userId: fullEvent.userId || currentUserIdRef.current,
-                  data: fullEvent.data
-                });
-                break;
-              case "human_agent_joined":
-                await sendRestMessage("agent-join", {
-                  orgId: fullEvent.orgId || orgId,
-                  chatKey: fullEvent.chatKey || currentChatKeyRef.current,
-                  user: fullEvent.data?.user
-                });
-                break;
-              case "human_agent_left":
-                await sendRestMessage("agent-leave", {
-                  orgId: fullEvent.orgId || orgId,
-                  chatKey: fullEvent.chatKey || currentChatKeyRef.current,
-                  user: fullEvent.data?.user
-                });
-                break;
-              // Event types that use the generic /event endpoint
-              case "load_agent_context":
-              case "skill_activate":
-              case "skill_deactivate":
-              case "sync_metadata":
-              case "sync_user_session":
-              case "csat_response":
-              case "plan_approved":
-              case "plan_rejected":
-                await sendRestMessage("event", {
-                  type: fullEvent.type,
-                  orgId: fullEvent.orgId || orgId,
-                  chatKey: fullEvent.chatKey || currentChatKeyRef.current,
-                  userId: fullEvent.userId || currentUserIdRef.current,
-                  data: fullEvent.data
-                });
-                break;
-              default:
-                logger.warn("Sending unrecognized event type via generic endpoint:", fullEvent.type);
-                await sendRestMessage("event", {
-                  type: fullEvent.type,
-                  orgId: fullEvent.orgId || orgId,
-                  chatKey: fullEvent.chatKey || currentChatKeyRef.current,
-                  userId: fullEvent.userId || currentUserIdRef.current,
-                  data: fullEvent.data
-                });
-                break;
-            }
-            updateMetrics({ messagesSent: metrics.messagesSent + 1 });
-            logger.debug("SSE REST message sent successfully");
-            resolve();
-          } catch (error2) {
-            logger.error("Failed to send SSE REST message:", error2);
-            const sendError = {
-              code: "SEND_FAILED",
-              message: error2 instanceof Error ? error2.message : "Failed to send message",
-              retryable: true,
-              timestamp: Date.now()
-            };
-            setError(sendError);
-            updateMetrics({ lastError: sendError });
-            reject(sendError);
-          }
-          return;
-        }
-        if (!wsRef.current || wsRef.current.readyState !== WebSocket.OPEN) {
-          if (addToQueue(fullEvent)) {
-            logger.debug("Message queued, attempting to connect");
-            if (connectionState === "disconnected" && overrideUserId) {
-              connect(overrideUserId).then(() => resolve()).catch(reject);
-            } else {
-              resolve();
-            }
-          } else {
-            reject(new Error("Message queue full"));
-          }
-          return;
-        }
-        try {
-          wsRef.current.send(JSON.stringify(fullEvent));
-          updateMetrics({ messagesSent: metrics.messagesSent + 1 });
-          logger.debug("Message sent successfully");
-          resolve();
-        } catch (error2) {
-          logger.error("Failed to send message:", error2);
-          if (addToQueue(fullEvent)) {
-            resolve();
-          } else {
-            const sendError = {
-              code: "SEND_FAILED",
-              message: error2 instanceof Error ? error2.message : "Failed to send message",
-              retryable: true,
-              timestamp: Date.now()
-            };
-            setError(sendError);
-            updateMetrics({ lastError: sendError });
-            reject(sendError);
-          }
-        }
-      });
-    },
-    [connectionState, connect, addToQueue, logger, metrics, updateMetrics, sendRestMessage, emit, orgId]
-  );
-  const startNewChat = (0, import_react.useCallback)(
-    (userId, data) => {
-      return new Promise((resolve, reject) => {
-        if (!userId) {
-          reject(new Error("User ID is required"));
-          return;
-        }
-        logger.info("Requesting new chat from server with userId:", userId);
-        setStartTime(/* @__PURE__ */ new Date());
-        chatCreationPromiseRef.current = { resolve, reject };
-        sendMessage(
-          {
-            type: "new_chat",
-            orgId,
-            chatKey: "",
-            // Server will generate
-            userId,
-            data: data ?? {}
-          },
-          userId
-        ).catch((error2) => {
-          chatCreationPromiseRef.current = null;
-          reject(error2);
-        });
-        setTimeout(() => {
-          if (chatCreationPromiseRef.current) {
-            chatCreationPromiseRef.current = null;
-            reject(new Error("Chat creation timed out"));
-          }
-        }, 3e4);
-      });
-    },
-    [sendMessage, orgId, logger]
-  );
-  const disconnect = (0, import_react.useCallback)(
-    (intentional = true) => {
-      logger.info("Disconnecting", { intentional, transport: transportRef.current });
-      intentionalDisconnectRef.current = intentional;
-      cleanup();
-      setConnectionState("disconnected");
-      messageQueueRef.current = [];
-      retryCountRef.current = 0;
-      mountedRef.current = false;
-      currentChatKeyRef.current = void 0;
-      currentUserIdRef.current = void 0;
-    },
-    [cleanup, logger]
-  );
-  const clearError = (0, import_react.useCallback)(() => {
-    setError(void 0);
-  }, []);
-  (0, import_react.useEffect)(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-      disconnect(true);
-    };
-  }, []);
-  return {
-    connectionState,
-    isConnected,
-    sendMessage,
-    error,
-    connect,
-    startNewChat,
-    startTime,
-    disconnect,
-    metrics,
-    on,
-    off,
-    clearError
-  };
-};
-
-// hooks/use-websocket-chat-admin.ts
-var useWebSocketChatAdmin = ({
-  serverBaseUrl,
-  orgId,
-  product
-}) => {
-  const [chats, setChats] = (0, import_react2.useState)(/* @__PURE__ */ new Map());
-  const [selectedChat, setSelectedChat] = (0, import_react2.useState)(void 0);
-  const handleMessage = (0, import_react2.useCallback)(
-    (chatEvent) => {
-      switch (chatEvent.type) {
-        case "message":
-          if (!selectedChat || !chatEvent.message) return;
-          setChats((prev) => {
-            const newMap = new Map(prev);
-            newMap.set(selectedChat.key, {
-              ...selectedChat,
-              messages: [...selectedChat.messages, chatEvent.message]
-            });
-            return newMap;
-          });
-          setSelectedChat((prev) => {
-            if (!prev) return prev;
-            return {
-              ...prev,
-              messages: [...prev.messages, chatEvent.message]
-            };
-          });
-          break;
-        case "list_chats":
-          const chatList = chatEvent.data?.chats;
-          if (!chatList) return;
-          setChats(new Map(chatList.map((chat) => [chat.key, chat])));
-          break;
-        case "chat_updated":
-          const updatedChat = chatEvent.data?.chat?.value;
-          if (updatedChat) {
-            setChats((prev) => new Map(prev).set(updatedChat.key, updatedChat));
-          }
-          break;
-        case "chat_removed":
-          const chatKey = chatEvent.data?.chatKey?.value;
-          if (chatKey) {
-            setChats((prev) => {
-              const newMap = new Map(prev);
-              newMap.delete(chatKey);
-              return newMap;
-            });
-          }
-          break;
-        case "load_chat":
-          const history = chatEvent.data?.chat?.value;
-          if (history) {
-            setChats((prev) => {
-              const existingChat = prev.get(history.key);
-              if (!existingChat) return prev;
-              return new Map(prev).set(history.key, {
-                ...existingChat,
-                messages: history.messages
-              });
-            });
-          }
-          break;
-      }
-    },
-    [selectedChat]
-  );
-  const base = useWebSocketChatBase({
-    serverBaseUrl,
-    orgId,
-    clientType: "humanAgent",
-    onMessage: handleMessage,
-    product
-  });
-  const selectChat = (0, import_react2.useCallback)(
-    (chatKey) => {
-      const chat = chats.get(chatKey);
-      if (!chat) {
-        console.error("Unable to select chat", chatKey);
-        return;
-      }
-      setSelectedChat(chat);
-    },
-    [chats, orgId, base.sendMessage]
-  );
-  const addUserToChat = (0, import_react2.useCallback)(
-    (orgId2, chatKey, user) => {
-      base.sendMessage({
-        type: "human_agent_joined",
-        orgId: orgId2,
-        chatKey,
-        userId: user.email,
-        data: { user }
-      });
-      setChats((prev) => {
-        const newMap = new Map(prev);
-        const chat = newMap.get(chatKey);
-        if (!chat) return prev;
-        newMap.set(chatKey, {
-          ...chat,
-          humanAgentEngaged: user.role === ChatRoleHumanAgent,
-          users: [...chat?.users ?? [], user]
-        });
-        return newMap;
-      });
-      setSelectedChat((prev) => {
-        if (!prev) return prev;
-        return {
-          ...prev,
-          humanAgentEngaged: user.role === ChatRoleHumanAgent,
-          users: [...prev.users ?? [], user]
-        };
-      });
-    },
-    [base.sendMessage]
-  );
-  const removeUserFromChat = (0, import_react2.useCallback)(
-    (orgId2, chatKey, userId) => {
-      const chat = chats.get(chatKey);
-      if (!chat) return;
-      const user = chat.users?.find((u) => u.id === userId);
-      if (!user) return;
-      base.sendMessage({
-        type: "human_agent_left",
-        orgId: orgId2,
-        chatKey,
-        userId,
-        data: { user }
-      });
-      setChats((prev) => {
-        const newMap = new Map(prev);
-        const chat2 = newMap.get(chatKey);
-        if (!chat2) return prev;
-        newMap.set(chatKey, {
-          ...chat2,
-          humanAgentEngaged: false,
-          users: chat2.users?.filter((u) => u.id !== userId)
-        });
-        return newMap;
-      });
-    },
-    [chats, base.sendMessage]
-  );
-  const blockUser = (0, import_react2.useCallback)(
-    (orgId2, chatKey, userId) => {
-      base.sendMessage({
-        type: "block_user",
-        orgId: orgId2,
-        chatKey,
-        userId
-      });
-    },
-    [base.sendMessage]
-  );
-  return {
-    ...base,
-    chats,
-    selectedChat,
-    selectChat,
-    addUserToChat,
-    removeUserFromChat,
-    blockUser
-  };
-};
-
-// hooks/use-websocket-chat-customer.ts
-var import_react3 = require("react");
-var useWebSocketChatCustomer = ({
-  serverBaseUrl,
-  orgId,
-  chatKey,
-  product
-}) => {
-  const [currentChat, setCurrentChat] = (0, import_react3.useState)(void 0);
-  const handleMessage = (0, import_react3.useCallback)((chatEvent) => {
-    console.log("Received event:", chatEvent.type);
-    switch (chatEvent.type) {
-      case "message":
-        if (!chatEvent.message) return;
-        console.log(
-          "got message:",
-          chatEvent.message.role,
-          ":",
-          chatEvent.message.content
-        );
-        setCurrentChat((prev) => {
-          if (!prev) return prev;
-          return {
-            ...prev,
-            messages: [...prev.messages, chatEvent.message]
-          };
-        });
-        break;
-      case "chat_updated":
-        const chat = chatEvent.data?.chat?.value;
-        if (chat) {
-          setCurrentChat(chat);
-        }
-        break;
-      case "load_chat":
-        const history = chatEvent.data?.chat;
-        if (!history) return;
-        setCurrentChat(history);
-        break;
-      default:
-        break;
-    }
-  }, []);
-  const base = useWebSocketChatBase({
-    serverBaseUrl,
-    orgId,
-    clientType: "customer",
-    onMessage: handleMessage,
-    product
-  });
-  return {
-    ...base,
-    chatKey,
-    title: currentChat?.title,
-    messages: currentChat?.messages ?? [],
-    users: currentChat?.users ?? [],
-    isWaiting: currentChat?.isWaiting ?? false,
-    isWaitingForAgent: currentChat?.isWaitingForAgent ?? false,
-    aiEngaged: currentChat?.aiEngaged ?? false,
-    humanAgentEngaged: currentChat?.humanAgentEngaged ?? false,
-    metadata: currentChat?.metadata ?? {},
-    status: currentChat?.status
-  };
-};
-
-// context/websocket-chat-admin-context.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var WebSocketChatAdminContext = (0, import_react4.createContext)(void 0);
-function WebSocketChatAdminProvider(props) {
-  const { children, serverBaseUrl, orgId, userId, product } = props;
-  const webSocket = useWebSocketChatAdmin({
-    serverBaseUrl,
-    orgId,
-    product
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WebSocketChatAdminContext.Provider, { value: webSocket, children });
-}
-var useWebSocketChatAdminContext = () => {
-  const context = (0, import_react4.useContext)(WebSocketChatAdminContext);
-  if (context === void 0) {
-    throw new Error(
-      "useWebSocketChatAdminContext must be used within a WebSocketChatAdminProvider"
-    );
-  }
-  return context;
-};
-
-// components/admin/admin-chat-input.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var AdminChatInput = ({
-  userId,
-  orgId,
-  onFileUpload,
-  chatKey
-}) => {
-  const { sendMessage } = useWebSocketChatAdminContext();
-  const [input, setInput] = (0, import_react5.useState)("");
-  const [isUploading, setIsUploading] = (0, import_react5.useState)(false);
-  const [isSending, setIsSending] = (0, import_react5.useState)(false);
-  const fileInputRef = (0, import_react5.useRef)(null);
-  const MAX_FILE_SIZE = 5 * 1024 * 1024;
-  const handleSend = async () => {
-    if (!input.trim() && !isUploading || isSending) return;
-    if (!chatKey || !orgId || !userId) {
-      console.error("chatKey, orgId, or userId is not defined");
-      return;
-    }
-    try {
-      setIsSending(true);
-      sendMessage({
-        type: "message",
-        chatKey,
-        orgId,
-        userId,
-        message: {
-          id: import_ksuid.default.randomSync().string,
-          content: input,
-          role: "user",
-          senderId: userId,
-          time: Date.now(),
-          status: "sending",
-          createdAt: Date.now()
-        }
-      });
-      setInput("");
-    } finally {
-      setIsSending(false);
-    }
-  };
-  const handleFileUpload = async (event) => {
-    const files = event.target.files;
-    if (!files || !onFileUpload) return;
-    try {
-      setIsUploading(true);
-      const uploadedUrls = await Promise.all(
-        Array.from(files).map(async (file) => {
-          if (file.size > MAX_FILE_SIZE) {
-            throw new Error(
-              `File ${file.name} is too large. Maximum size is 5MB.`
-            );
-          }
-          const url = await onFileUpload(file);
-          return {
-            type: file.type,
-            url,
-            name: file.name
-          };
-        })
-      );
-      const attachments = uploadedUrls.map((file) => ({
-        type: "image",
-        url: file.url,
-        title: file.name
-      }));
-      if (!chatKey || !orgId || !userId) {
-        console.error("chatKey, orgId, or userId is not defined");
-        return;
-      }
-    } finally {
-      setIsUploading(false);
-      if (fileInputRef.current) {
-        fileInputRef.current.value = "";
-      }
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "p-4 border-t bg-white rounded-b-lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "input",
-        {
-          type: "file",
-          ref: fileInputRef,
-          onChange: handleFileUpload,
-          className: "hidden",
-          multiple: true,
-          accept: "image/*,.pdf,.doc,.docx,.txt"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "button",
-        {
-          onClick: () => fileInputRef.current?.click(),
-          className: "p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors",
-          disabled: isUploading,
-          "aria-label": "Attach file",
-          children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Paperclip, { className: "w-5 h-5" })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex-1 relative", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "textarea",
-        {
-          value: input,
-          onChange: (e) => setInput(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && !e.shiftKey) {
-              e.preventDefault();
-              handleSend();
-            }
-          },
-          className: "w-full p-3 border rounded-2xl focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none",
-          placeholder: "Type a message...",
-          rows: 1,
-          style: {
-            minHeight: "44px",
-            maxHeight: "200px"
-          }
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "button",
-        {
-          onClick: handleSend,
-          disabled: !input.trim() && !isUploading || isSending,
-          className: `p-2 rounded-full transition-colors ${!input.trim() && !isUploading || isSending ? "text-gray-400 bg-gray-100" : "text-white bg-blue-500 hover:bg-blue-600"}`,
-          "aria-label": "Send message",
-          children: isSending ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Send, { className: "w-5 h-5" })
-        }
-      )
-    ] }),
-    isUploading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full bg-gray-200 rounded-full h-1", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "bg-blue-500 h-1 rounded-full animate-pulse" }) }) })
-  ] });
-};
-
-// components/admin/chat-human-agent-actions.tsx
-var import_lucide_react2 = require("lucide-react");
-
-// context/websocket-chat-customer-context.tsx
-var import_react6 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var WebSocketChatCustomerContext = (0, import_react6.createContext)(void 0);
-function WebSocketChatCustomerProvider(props) {
-  const { children, serverBaseUrl, orgId, userId, chatKey, product } = props;
-  const webSocket = useWebSocketChatCustomer({
-    serverBaseUrl,
-    orgId,
-    chatKey,
-    product
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WebSocketChatCustomerContext.Provider, { value: webSocket, children });
-}
-var useWebSocketChatCustomerContext = () => {
-  const context = (0, import_react6.useContext)(WebSocketChatCustomerContext);
-  if (context === void 0) {
-    throw new Error(
-      "useWebSocketChatCustomerContext must be used within a WebSocketChatCustomerProvider"
-    );
-  }
-  return context;
-};
-
-// components/admin/chat-human-agent-actions.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ChatHumanAgentActions = ({ user, orgId }) => {
-  const { selectedChat, addUserToChat, removeUserFromChat, blockUser } = useWebSocketChatAdminContext();
-  const handleJoinChat = () => {
-    if (!selectedChat || !user || !orgId) return;
-    addUserToChat(orgId, selectedChat.key, {
-      id: user.id,
-      role: "humanAgent",
-      name: [user.firstName, user.lastName].filter(Boolean).join(" ") || user.email,
-      email: user.email,
-      authProvider: "tbd",
-      authToken: "tbd"
-    });
-  };
-  const handleLeaveChat = () => {
-    if (!selectedChat || !user || !orgId) return;
-    removeUserFromChat(orgId, selectedChat.key, user.id);
-  };
-  const handleEndChat = () => {
-    if (!selectedChat || !user || !orgId) return;
-  };
-  const handleStartCall = () => {
-    if (!selectedChat || !user || !orgId) return;
-  };
-  const handleCreateCase = () => {
-    if (!selectedChat || !user || !orgId) return;
-  };
-  const handleBlockUser = () => {
-    if (!selectedChat || !user || !orgId) return;
-    blockUser(orgId, selectedChat.key, user.id);
-  };
-  if (!selectedChat) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "p-4 border-b bg-white flex items-center justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "font-semibold text-lg", children: selectedChat.title || `Chat ${selectedChat.key}` }),
-      selectedChat.humanAgentEngaged && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "inline-flex items-center rounded-full bg-green-100 px-2.5 py-0.5 text-sm font-medium text-green-800", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.User, { className: "mr-1 h-4 w-4" }),
-        "Agent Engaged"
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center space-x-2", children: [
-      !selectedChat.humanAgentEngaged ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-        "button",
-        {
-          onClick: handleJoinChat,
-          className: "bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.User, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Join Chat" })
-          ]
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-        "button",
-        {
-          onClick: handleLeaveChat,
-          className: "bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.LogOut, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Leave Chat" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-        "button",
-        {
-          onClick: handleEndChat,
-          className: "bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.XCircle, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "End Chat" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-        "button",
-        {
-          onClick: handleBlockUser,
-          className: "bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.XCircle, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Block User" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-        "button",
-        {
-          onClick: handleStartCall,
-          disabled: !selectedChat.humanAgentEngaged,
-          className: "bg-green-500 hover:bg-green-600 disabled:bg-gray-300 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Phone, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Start Call" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-        "button",
-        {
-          onClick: handleCreateCase,
-          className: "bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Plus, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Create Case" })
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-
-// components/admin/admin-chat-list.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ScrollArea = ({ className, children }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `overflow-auto ${className || ""}`, children });
-var AdminChatList = ({ className }) => {
-  const { chats, selectedChat, selectChat } = useWebSocketChatAdminContext();
-  const sortedChats = Array.from(chats.values()).sort(
-    (a, b) => b.lastUpdated - a.lastUpdated
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "p-4 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "font-semibold text-lg", children: "Active Chats" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex-1 overflow-y-auto", children: sortedChats.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "p-4 text-center text-gray-500", children: "No active chats" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "divide-y", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ScrollArea, { className: "h-[calc(100vh-15rem)]", children: sortedChats.map((chat, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      AdminChatListItem,
-      {
-        chat,
-        isSelected: chat.key === selectedChat?.key,
-        onSelect: () => selectChat(chat.key)
-      },
-      index
-    )) }) }) })
-  ] });
-};
-var AdminChatListItem = ({
-  chat,
-  isSelected,
-  onSelect
-}) => {
-  const lastMessage = chat.messages[chat.messages.length - 1];
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    "button",
-    {
-      onClick: onSelect,
-      className: `w-full p-4 text-left hover:bg-gray-50 focus:outline-none focus:bg-gray-50 ${isSelected ? "bg-blue-50" : ""}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-start space-x-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "shrink-0", children: [
-          chat.aiEngaged && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.Bot, { className: "w-6 h-6 text-blue-500" }),
-          chat.isWaitingForAgent && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.Loader2, { className: "w-6 h-6 text-blue-500 animate-spin text-orange-500" }),
-          chat.humanAgentEngaged && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.UserCheck, { className: "w-6 h-6 text-blue-500 text-green-500" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium text-gray-900 truncate", children: chat.title || `Chat ${chat.key}` }) }),
-          lastMessage && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mt-1 text-sm text-gray-500 truncate", children: lastMessage.content }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mt-1 flex items-center space-x-2", children: [
-            chat.isWaiting && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "inline-flex items-center rounded-full bg-yellow-100 px-2 py-0.5 text-xs font-medium text-yellow-800", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.AlertCircle, { className: "mr-1 h-3 w-3" }),
-              "Waiting"
-            ] }),
-            chat.humanAgentEngaged && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800", children: [
-              "Agent Engaged:",
-              " ",
-              chat.users?.find((u) => u.role === ChatRoleHumanAgent)?.name
-            ] }),
-            chat.isWaitingForAgent && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-flex items-center rounded-full bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-800", children: "Waiting For Agent" })
-          ] })
-        ] })
-      ] })
-    }
-  );
-};
-
-// components/admin/admin-chat-header.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var AdminChatHeader = ({
-  className
-}) => {
-  const { isConnected, chats } = useWebSocketChatAdminContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "p-4 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "div",
-      {
-        className: `w-2 h-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"}`
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-sm text-gray-600", children: [
-      "Active Chats: ",
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-bold", children: chats.size })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm text-gray-500", children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-sm text-gray-600", children: [
-      "Waiting For Agent:",
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-bold", children: Array.from(chats.values()).filter(
-        (chat) => chat.isWaitingForAgent
-      ).length })
-    ] })
-  ] }) });
-};
-
-// components/customer/chat-status-customer-ui.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var ChatStatusCustomerUI = ({ isConnected }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "span",
-      {
-        className: `w-3 h-3 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"}`,
-        role: "status",
-        "aria-label": isConnected ? "Connected" : "Disconnected"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-sm text-gray-500", children: isConnected ? "Connected" : "Reconnecting..." })
-  ] });
-};
-
-// components/customer/chat-header.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var ChatHeader = () => {
-  const { isConnected, title } = useWebSocketChatCustomerContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "p-4 border-b bg-white rounded-t-lg", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "font-bold text-lg", children: title || "Chat" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChatStatusCustomerUI, { isConnected })
-  ] }) });
-};
-
-// components/customer/chat-input.tsx
-var import_ksuid2 = __toESM(require("ksuid"));
-var import_lucide_react4 = require("lucide-react");
-var import_react7 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var ChatInput = ({ userId, orgId, onFileUpload }) => {
-  const { sendMessage, chatKey } = useWebSocketChatCustomerContext();
-  const [input, setInput] = (0, import_react7.useState)("");
-  const [isUploading, setIsUploading] = (0, import_react7.useState)(false);
-  const [isSending, setIsSending] = (0, import_react7.useState)(false);
-  const fileInputRef = (0, import_react7.useRef)(null);
-  const MAX_FILE_SIZE = 5 * 1024 * 1024;
-  const handleSend = async () => {
-    if (!input.trim() && !isUploading || isSending) return;
-    if (!chatKey || !orgId || !userId) {
-      console.error("chatKey, orgId, or userId is not defined");
-      return;
-    }
-    try {
-      setIsSending(true);
-      sendMessage({
-        type: "message",
-        chatKey,
-        orgId,
-        userId,
-        message: {
-          id: import_ksuid2.default.randomSync().string,
-          content: input,
-          role: "user",
-          senderId: userId,
-          time: Date.now(),
-          status: "sending",
-          createdAt: Date.now()
-        }
-      });
-      setInput("");
-    } finally {
-      setIsSending(false);
-    }
-  };
-  const handleFileUpload = async (event) => {
-    const files = event.target.files;
-    if (!files || !onFileUpload) return;
-    try {
-      setIsUploading(true);
-      const uploadedUrls = await Promise.all(
-        Array.from(files).map(async (file) => {
-          if (file.size > MAX_FILE_SIZE) {
-            throw new Error(
-              `File ${file.name} is too large. Maximum size is 5MB.`
-            );
-          }
-          const url = await onFileUpload(file);
-          return {
-            type: file.type,
-            url,
-            name: file.name
-          };
-        })
-      );
-      const attachments = uploadedUrls.map((file) => ({
-        type: "image",
-        url: file.url,
-        title: file.name
-      }));
-      if (!chatKey || !orgId || !userId) {
-        console.error("chatKey, orgId, or userId is not defined");
-        return;
-      }
-    } finally {
-      setIsUploading(false);
-      if (fileInputRef.current) {
-        fileInputRef.current.value = "";
-      }
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "p-4 border-t bg-white rounded-b-lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        "input",
-        {
-          type: "file",
-          ref: fileInputRef,
-          onChange: handleFileUpload,
-          className: "hidden",
-          multiple: true,
-          accept: "image/*,.pdf,.doc,.docx,.txt"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        "button",
-        {
-          onClick: () => fileInputRef.current?.click(),
-          className: "p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors",
-          disabled: isUploading,
-          "aria-label": "Attach file",
-          children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Paperclip, { className: "w-5 h-5" })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-1 relative", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        "textarea",
-        {
-          value: input,
-          onChange: (e) => setInput(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && !e.shiftKey) {
-              e.preventDefault();
-              handleSend();
-            }
-          },
-          className: "w-full p-3 border rounded-2xl focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none",
-          placeholder: "Type a message...",
-          rows: 1,
-          style: {
-            minHeight: "44px",
-            maxHeight: "200px"
-          }
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        "button",
-        {
-          onClick: handleSend,
-          disabled: !input.trim() && !isUploading || isSending,
-          className: `p-2 rounded-full transition-colors ${!input.trim() && !isUploading || isSending ? "text-gray-400 bg-gray-100" : "text-white bg-blue-500 hover:bg-blue-600"}`,
-          "aria-label": "Send message",
-          children: isSending ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Send, { className: "w-5 h-5" })
-        }
-      )
-    ] }),
-    isUploading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-full bg-gray-200 rounded-full h-1", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bg-blue-500 h-1 rounded-full animate-pulse" }) }) })
-  ] });
-};
-
-// components/customer/chat-messages.tsx
-var import_react8 = require("react");
-
-// components/customer/chat-message.tsx
-var import_date_fns = require("date-fns");
-var import_lucide_react5 = require("lucide-react");
-
-// components/markdown-renderer.tsx
-var import_react_markdown = __toESM(require("react-markdown"));
-var import_remark_gfm = __toESM(require("remark-gfm"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function MarkdownRenderer({ content }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_react_markdown.default,
-    {
-      remarkPlugins: [import_remark_gfm.default],
-      components: {
-        a: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "a",
-          {
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "text-blue-600 hover:underline",
-            ...props
-          }
-        ),
-        h1: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { className: "text-2xl font-bold mt-6 mb-4", ...props }),
-        h2: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "text-xl font-semibold mt-5 mb-3", ...props }),
-        h3: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props }),
-        code: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "code",
-          {
-            className: "block bg-gray-100 p-3 rounded font-mono",
-            ...props
-          }
-        ),
-        ul: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "list-disc pl-6 my-4", ...props }),
-        ol: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ol", { className: "list-decimal pl-6 my-4", ...props }),
-        p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "my-4", ...props }),
-        blockquote: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "blockquote",
-          {
-            className: "border-l-4 border-gray-200 pl-4 my-4 italic",
-            ...props
-          }
-        )
-      },
-      children: content
-    }
-  );
-}
-
-// components/customer/chat-message.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Message = ({
-  message,
-  isConsecutive,
-  onRetry
-}) => {
-  const renderAttachment = (attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mt-2", children: attachment.type === "image" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    "img",
-    {
-      src: attachment.url,
-      alt: attachment.title,
-      className: "max-w-full rounded",
-      loading: "lazy"
-    }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    "a",
-    {
-      href: attachment.url,
-      className: "flex items-center space-x-2 text-sm hover:underline",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Paperclip, { className: "w-4 h-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: attachment.title })
-      ]
-    }
-  ) }, index);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    "div",
-    {
-      className: "flex justify-start gap-2",
-      "data-message-id": message.id,
-      role: "article",
-      "aria-label": `Message from ${message.senderId}`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex pt-10 w-10", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "w-8 h-8 rounded-full flex justify-center", children: [
-          message.role === "user" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.User, {}),
-          message.role === "ai" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Bot, {}),
-          message.role === "humanAgent" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.UserCog, {})
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-          "div",
-          {
-            className: `p-3 rounded-lg max-w-[80%] bg-gray-100 text-primary-900 ${isConsecutive ? "mt-1" : "mt-4"}`,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "break-words", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MarkdownRenderer, { content: message.content }) }),
-              message.attachments?.map(
-                (attachment, i) => renderAttachment(attachment, i)
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-end space-x-1 mt-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs opacity-70", children: (0, import_date_fns.format)(message.time, "HH:mm") }),
-                message.role === "user" && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-                  message.status === "sending" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "w-4 h-4 animate-spin rounded-full border-2 border-gray-300 border-t-white" }),
-                  message.status === "sent" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Check, { className: "w-4 h-4" }),
-                  message.status === "delivered" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.CheckCheck, { className: "w-4 h-4" }),
-                  message.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                    "button",
-                    {
-                      onClick: () => onRetry(message.id),
-                      className: "text-red-300 hover:text-red-400",
-                      "aria-label": "Retry sending message",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.AlertCircle, { className: "w-4 h-4" })
-                    }
-                  )
-                ] })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-
-// components/customer/chat-messages.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var ChatMessages = ({
-  onRetry,
-  messages
-}) => {
-  const messageEndRef = (0, import_react8.useRef)(null);
-  const scrollToBottom = () => {
-    messageEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  };
-  (0, import_react8.useEffect)(() => {
-    scrollToBottom();
-  }, [messages]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    "div",
-    {
-      className: "flex-1 overflow-y-auto p-4 space-y-4 bg-white min-h-[calc(100vh-290px)]",
-      role: "log",
-      "aria-label": "Chat messages",
-      children: [
-        messages.filter(
-          (msg) => (!msg.toolCalls?.length || msg.toolCalls.length === 0) && !msg.toolCallId
-        ).map((msg, index) => {
-          const isConsecutive = index > 0 && messages[index - 1].senderId === msg.senderId && msg.time - messages[index - 1].time < 3e5;
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            Message,
-            {
-              message: msg,
-              isConsecutive,
-              onRetry
-            },
-            msg.id
-          );
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: messageEndRef })
-      ]
-    }
-  );
-};
-
-// components/customer/chat-typing-indicator.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var ChatTypingIndicator = ({
-  typingUsers
-}) => {
-  if (typingUsers.size === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "px-4 py-2 text-sm text-gray-500 italic", role: "status", children: [
-    Array.from(typingUsers).join(", "),
-    " typing..."
-  ] });
-};
-
-// components/customer/generic-chat-widget.tsx
-var import_react9 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Alert = ({ title, description }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 bg-red-50 border border-red-200 rounded-lg", role: "alert", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "font-medium text-red-800", children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-red-600", children: description })
-] });
-var GenericChatWidget = ({
-  onFileUpload
-}) => {
-  const [typingUsers] = (0, import_react9.useState)(/* @__PURE__ */ new Set());
-  const { error, messages } = useWebSocketChatCustomerContext();
-  const handleRetry = (messageId) => {
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-    "div",
-    {
-      className: "flex flex-col w-full max-w-lg border rounded-lg shadow-lg",
-      role: "region",
-      "aria-label": "Chat interface",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatHeader, {}),
-        error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Alert, { title: "Error", description: error.message }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatMessages, { onRetry: handleRetry, messages }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatTypingIndicator, { typingUsers }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatInput, { onFileUpload })
-      ]
-    }
-  );
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AdminChatHeader,
-  AdminChatInput,
-  AdminChatList,
-  AdminChatListItem,
   AgentStatusAway,
   AgentStatusBusy,
   AgentStatusOffline,
@@ -2419,6 +1119,7 @@ var GenericChatWidget = ({
   AttachmentTypeAudio,
   AttachmentTypeBullets,
   AttachmentTypeData,
+  AttachmentTypeDataFile,
   AttachmentTypeDocument,
   AttachmentTypeDocumentAnalysis,
   AttachmentTypeDocumentSources,
@@ -2427,6 +1128,7 @@ var GenericChatWidget = ({
   AttachmentTypeLocation,
   AttachmentTypeRecords,
   AttachmentTypeReferences,
+  AttachmentTypeSpreadsheet,
   AttachmentTypeSticker,
   AttachmentTypeSubsections,
   AttachmentTypeVideo,
@@ -2440,6 +1142,10 @@ var GenericChatWidget = ({
   ChatEventTypeAgentSessionEnd,
   ChatEventTypeAgentSessionStart,
   ChatEventTypeAgentStatusChange,
+  ChatEventTypeAttachmentProcessingComplete,
+  ChatEventTypeAttachmentProcessingError,
+  ChatEventTypeAttachmentProcessingProgress,
+  ChatEventTypeAttachmentProcessingStarted,
   ChatEventTypeBlockUser,
   ChatEventTypeCSATRequest,
   ChatEventTypeCSATResponse,
@@ -2491,6 +1197,7 @@ var GenericChatWidget = ({
   ChatEventTypePong,
   ChatEventTypeRead,
   ChatEventTypeReconnected,
+  ChatEventTypeRetryAttachment,
   ChatEventTypeRoomCreated,
   ChatEventTypeRoomDeleted,
   ChatEventTypeRoomUpdated,
@@ -2525,10 +1232,6 @@ var GenericChatWidget = ({
   ChatEventTypeUserSuggestedActions,
   ChatEventTypeWaiting,
   ChatEventTypeWaitingForAgent,
-  ChatHeader,
-  ChatHumanAgentActions,
-  ChatInput,
-  ChatMessages,
   ChatRoleAI,
   ChatRoleDataQuery,
   ChatRoleEvent,
@@ -2544,19 +1247,16 @@ var GenericChatWidget = ({
   ChatStatusActive,
   ChatStatusArchived,
   ChatStatusClosed,
-  ChatStatusCustomerUI,
   ChatStatusDisconnected,
   ChatTypeCustomerSupport,
   ChatTypeDirect,
   ChatTypeGroup,
   ChatTypePrivateRoom,
   ChatTypePublicRoom,
-  ChatTypingIndicator,
   CompleteChatByAgentSubject,
   CreateAgentQueueSubject,
   DeleteAgentQueueSubject,
   EndAgentSessionSubject,
-  GenericChatWidget,
   GetActiveChatCountSubject,
   GetActiveChatsSubject,
   GetAgentQueuesSubject,
@@ -2592,14 +1292,6 @@ var GenericChatWidget = ({
   UserStatusBusy,
   UserStatusOffline,
   UserStatusOnline,
-  WebSocketChatAdminContext,
-  WebSocketChatAdminProvider,
-  WebSocketChatCustomerContext,
-  WebSocketChatCustomerProvider,
-  useWebSocketChatAdmin,
-  useWebSocketChatAdminContext,
-  useWebSocketChatBase,
-  useWebSocketChatCustomer,
-  useWebSocketChatCustomerContext
+  useChat
 });
 //# sourceMappingURL=index.js.map