@elqnt/chat 2.0.7 → 3.0.0

package/dist/index.mjs

@@ -1,15 +1,682 @@
 "use client";
 
-// components/admin/admin-chat-input.tsx
-import KSUID from "ksuid";
-import { Paperclip, Send } from "lucide-react";
-import { useRef as useRef2, useState as useState4 } from "react";
+// hooks/use-chat.ts
+import { useCallback, useEffect, useRef, useState } from "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
-import { createContext, useContext } from "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}`);
+    }
+    return response.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++;
+    },
+    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
-import { useCallback as useCallback2, useState as useState2 } from "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] = useState("disconnected");
+  const [currentChat, setCurrentChat] = useState(null);
+  const [chatKey, setChatKey] = useState(null);
+  const [messages, setMessages] = useState([]);
+  const [error, setError] = useState(null);
+  const [metrics, setMetrics] = useState({
+    latency: 0,
+    messagesSent: 0,
+    messagesReceived: 0,
+    messagesQueued: 0,
+    reconnectCount: 0
+  });
+  const transportRef = useRef(null);
+  const mountedRef = useRef(false);
+  const onMessageRef = useRef(onMessage);
+  const onErrorRef = useRef(onError);
+  const chatCreationResolverRef = useRef(null);
+  const typingTimeoutRef = useRef(null);
+  useEffect(() => {
+    onMessageRef.current = onMessage;
+    onErrorRef.current = onError;
+  }, [onMessage, onError]);
+  useEffect(() => {
+    if (typeof transportOption === "object") {
+      transportRef.current = transportOption;
+    } else {
+      transportRef.current = getDefaultTransport(
+        transportOption,
+        debug
+      );
+    }
+  }, [transportOption, debug]);
+  const handleEvent = 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);
+          if (chatCreationResolverRef.current) {
+            chatCreationResolverRef.current.resolve(newChatKey);
+            chatCreationResolverRef.current = null;
+          }
+        }
+        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 = 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 = useCallback(() => {
+    const transport = transportRef.current;
+    if (transport) {
+      transport.disconnect(true);
+    }
+    setConnectionState("disconnected");
+    onConnectionChange?.("disconnected");
+  }, [onConnectionChange]);
+  const startChat = useCallback(
+    async (metadata) => {
+      const transport = transportRef.current;
+      if (!transport) {
+        throw new Error("Transport not initialized");
+      }
+      return new Promise((resolve, reject) => {
+        chatCreationResolverRef.current = { resolve, reject };
+        transport.send({
+          type: "new_chat",
+          orgId,
+          chatKey: "",
+          userId,
+          timestamp: Date.now(),
+          data: metadata
+        }).catch((err) => {
+          chatCreationResolverRef.current = null;
+          reject(err);
+        });
+        setTimeout(() => {
+          if (chatCreationResolverRef.current) {
+            chatCreationResolverRef.current = null;
+            reject(new Error("Chat creation timed out"));
+          }
+        }, 3e4);
+      });
+    },
+    [orgId, userId]
+  );
+  const loadChat = useCallback(
+    async (key) => {
+      const transport = transportRef.current;
+      if (!transport) {
+        throw new Error("Transport not initialized");
+      }
+      setChatKey(key);
+      await transport.send({
+        type: "load_chat",
+        orgId,
+        chatKey: key,
+        userId,
+        timestamp: Date.now()
+      });
+    },
+    [orgId, userId]
+  );
+  const sendMessage = 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 = 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 startTyping = 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 = 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 = useCallback(
+    (eventType, handler) => {
+      const transport = transportRef.current;
+      if (!transport) {
+        return () => {
+        };
+      }
+      return transport.on(eventType, handler);
+    },
+    []
+  );
+  const clearError = useCallback(() => {
+    setError(null);
+    transportRef.current?.clearError();
+  }, []);
+  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,
+    endChat,
+    // Typing
+    startTyping,
+    stopTyping,
+    // State
+    currentChat,
+    chatKey,
+    messages,
+    error,
+    metrics,
+    // Events
+    on,
+    clearError
+  };
+}
 
 // models/chat-models.ts
 var ChatStatusActive = "active";
@@ -128,6 +795,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";
@@ -149,6 +821,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";
@@ -193,3567 +867,7 @@ 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
-import { useCallback, useEffect, useRef, useState } from "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] = useState("disconnected");
-  const [error, setError] = useState(void 0);
-  const [startTime, setStartTime] = useState(void 0);
-  const [metrics, setMetrics] = useState({
-    latency: 0,
-    messagesSent: 0,
-    messagesReceived: 0,
-    messagesQueued: 0,
-    reconnectCount: 0,
-    transportType: transport
-  });
-  const wsRef = useRef(void 0);
-  const sseRef = useRef(void 0);
-  const transportRef = useRef(transport);
-  useEffect(() => {
-    transportRef.current = transport;
-  }, [transport]);
-  const reconnectTimeoutRef = useRef(void 0);
-  const retryCountRef = useRef(0);
-  const messageQueueRef = useRef([]);
-  const mountedRef = useRef(false);
-  const currentChatKeyRef = useRef(void 0);
-  const currentUserIdRef = useRef(void 0);
-  const intentionalDisconnectRef = useRef(false);
-  const eventHandlersRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
-  const onMessageRef = useRef(onMessage);
-  const pendingMessagesRef = useRef(/* @__PURE__ */ new Map());
-  const heartbeatIntervalRef = useRef(void 0);
-  const heartbeatTimeoutRef = useRef(void 0);
-  const lastPongRef = useRef(Date.now());
-  const chatCreationPromiseRef = useRef(null);
-  const loadChatRetryMapRef = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    onMessageRef.current = onMessage;
-  }, [onMessage]);
-  const isConnected = connectionState === "connected";
-  const on = 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 = useCallback((eventType, handler) => {
-    const handlers = eventHandlersRef.current.get(eventType);
-    if (handlers) {
-      handlers.delete(handler);
-      if (handlers.size === 0) {
-        eventHandlersRef.current.delete(eventType);
-      }
-    }
-  }, []);
-  const emit = 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 = useCallback((updates) => {
-    setMetrics((prev) => ({ ...prev, ...updates }));
-  }, []);
-  const addToQueue = 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 = 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 = 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 = 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 = 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 = useCallback((endpoint) => {
-    return `${serverBaseUrl}/${endpoint}`;
-  }, [serverBaseUrl]);
-  const sendRestMessage = 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 = 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 = 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 = 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 = 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 = useCallback(() => {
-    setError(void 0);
-  }, []);
-  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] = useState2(/* @__PURE__ */ new Map());
-  const [selectedChat, setSelectedChat] = useState2(void 0);
-  const handleMessage = useCallback2(
-    (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 = useCallback2(
-    (chatKey) => {
-      const chat = chats.get(chatKey);
-      if (!chat) {
-        console.error("Unable to select chat", chatKey);
-        return;
-      }
-      setSelectedChat(chat);
-    },
-    [chats, orgId, base.sendMessage]
-  );
-  const addUserToChat = useCallback2(
-    (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 = useCallback2(
-    (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 = useCallback2(
-    (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
-import { useCallback as useCallback3, useState as useState3 } from "react";
-var useWebSocketChatCustomer = ({
-  serverBaseUrl,
-  orgId,
-  chatKey,
-  product
-}) => {
-  const [currentChat, setCurrentChat] = useState3(void 0);
-  const handleMessage = useCallback3((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
-import { jsx } from "react/jsx-runtime";
-var WebSocketChatAdminContext = createContext(void 0);
-function WebSocketChatAdminProvider(props) {
-  const { children, serverBaseUrl, orgId, userId, product } = props;
-  const webSocket = useWebSocketChatAdmin({
-    serverBaseUrl,
-    orgId,
-    product
-  });
-  return /* @__PURE__ */ jsx(WebSocketChatAdminContext.Provider, { value: webSocket, children });
-}
-var useWebSocketChatAdminContext = () => {
-  const context = useContext(WebSocketChatAdminContext);
-  if (context === void 0) {
-    throw new Error(
-      "useWebSocketChatAdminContext must be used within a WebSocketChatAdminProvider"
-    );
-  }
-  return context;
-};
-
-// components/admin/admin-chat-input.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var AdminChatInput = ({
-  userId,
-  orgId,
-  onFileUpload,
-  chatKey
-}) => {
-  const { sendMessage } = useWebSocketChatAdminContext();
-  const [input, setInput] = useState4("");
-  const [isUploading, setIsUploading] = useState4(false);
-  const [isSending, setIsSending] = useState4(false);
-  const fileInputRef = useRef2(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: KSUID.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__ */ jsxs("div", { className: "p-4 border-t bg-white rounded-b-lg", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "file",
-          ref: fileInputRef,
-          onChange: handleFileUpload,
-          className: "hidden",
-          multiple: true,
-          accept: "image/*,.pdf,.doc,.docx,.txt"
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        "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__ */ jsx2("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ jsx2(Paperclip, { className: "w-5 h-5" })
-        }
-      ),
-      /* @__PURE__ */ jsx2("div", { className: "flex-1 relative", children: /* @__PURE__ */ jsx2(
-        "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__ */ jsx2(
-        "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__ */ jsx2("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ jsx2(Send, { className: "w-5 h-5" })
-        }
-      )
-    ] }),
-    isUploading && /* @__PURE__ */ jsx2("div", { className: "mt-2", children: /* @__PURE__ */ jsx2("div", { className: "w-full bg-gray-200 rounded-full h-1", children: /* @__PURE__ */ jsx2("div", { className: "bg-blue-500 h-1 rounded-full animate-pulse" }) }) })
-  ] });
-};
-
-// components/admin/chat-human-agent-actions.tsx
-import { LogOut, Phone, Plus, User as UserIcon, XCircle } from "lucide-react";
-
-// context/websocket-chat-customer-context.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var WebSocketChatCustomerContext = createContext2(void 0);
-function WebSocketChatCustomerProvider(props) {
-  const { children, serverBaseUrl, orgId, userId, chatKey, product } = props;
-  const webSocket = useWebSocketChatCustomer({
-    serverBaseUrl,
-    orgId,
-    chatKey,
-    product
-  });
-  return /* @__PURE__ */ jsx3(WebSocketChatCustomerContext.Provider, { value: webSocket, children });
-}
-var useWebSocketChatCustomerContext = () => {
-  const context = useContext2(WebSocketChatCustomerContext);
-  if (context === void 0) {
-    throw new Error(
-      "useWebSocketChatCustomerContext must be used within a WebSocketChatCustomerProvider"
-    );
-  }
-  return context;
-};
-
-// components/admin/chat-human-agent-actions.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "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__ */ jsxs2("div", { className: "p-4 border-b bg-white flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx4("h2", { className: "font-semibold text-lg", children: selectedChat.title || `Chat ${selectedChat.key}` }),
-      selectedChat.humanAgentEngaged && /* @__PURE__ */ jsxs2("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__ */ jsx4(UserIcon, { className: "mr-1 h-4 w-4" }),
-        "Agent Engaged"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center space-x-2", children: [
-      !selectedChat.humanAgentEngaged ? /* @__PURE__ */ jsxs2(
-        "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__ */ jsx4(UserIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx4("span", { children: "Join Chat" })
-          ]
-        }
-      ) : /* @__PURE__ */ jsxs2(
-        "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__ */ jsx4(LogOut, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx4("span", { children: "Leave Chat" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs2(
-        "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__ */ jsx4(XCircle, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx4("span", { children: "End Chat" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs2(
-        "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__ */ jsx4(XCircle, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx4("span", { children: "Block User" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs2(
-        "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__ */ jsx4(Phone, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx4("span", { children: "Start Call" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs2(
-        "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__ */ jsx4(Plus, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx4("span", { children: "Create Case" })
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-
-// components/admin/admin-chat-list.tsx
-import { AlertCircle, Bot, Loader2, UserCheck } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var ScrollArea = ({ className, children }) => /* @__PURE__ */ jsx5("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__ */ jsxs3("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx5("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsx5("h2", { className: "font-semibold text-lg", children: "Active Chats" }) }),
-    /* @__PURE__ */ jsx5("div", { className: "flex-1 overflow-y-auto", children: sortedChats.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "p-4 text-center text-gray-500", children: "No active chats" }) : /* @__PURE__ */ jsx5("div", { className: "divide-y", children: /* @__PURE__ */ jsx5(ScrollArea, { className: "h-[calc(100vh-15rem)]", children: sortedChats.map((chat, index) => /* @__PURE__ */ jsx5(
-      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__ */ jsx5(
-    "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__ */ jsxs3("div", { className: "flex items-start space-x-3", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "shrink-0", children: [
-          chat.aiEngaged && /* @__PURE__ */ jsx5(Bot, { className: "w-6 h-6 text-blue-500" }),
-          chat.isWaitingForAgent && /* @__PURE__ */ jsx5(Loader2, { className: "w-6 h-6 text-blue-500 animate-spin text-orange-500" }),
-          chat.humanAgentEngaged && /* @__PURE__ */ jsx5(UserCheck, { className: "w-6 h-6 text-blue-500 text-green-500" })
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium text-gray-900 truncate", children: chat.title || `Chat ${chat.key}` }) }),
-          lastMessage && /* @__PURE__ */ jsx5("p", { className: "mt-1 text-sm text-gray-500 truncate", children: lastMessage.content }),
-          /* @__PURE__ */ jsxs3("div", { className: "mt-1 flex items-center space-x-2", children: [
-            chat.isWaiting && /* @__PURE__ */ jsxs3("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__ */ jsx5(AlertCircle, { className: "mr-1 h-3 w-3" }),
-              "Waiting"
-            ] }),
-            chat.humanAgentEngaged && /* @__PURE__ */ jsxs3("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__ */ jsx5("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
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var AdminChatHeader = ({
-  className
-}) => {
-  const { isConnected, chats } = useWebSocketChatAdminContext();
-  return /* @__PURE__ */ jsx6("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ jsx6(
-      "div",
-      {
-        className: `w-2 h-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"}`
-      }
-    ),
-    /* @__PURE__ */ jsxs4("span", { className: "text-sm text-gray-600", children: [
-      "Active Chats: ",
-      /* @__PURE__ */ jsx6("span", { className: "font-bold", children: chats.size })
-    ] }),
-    /* @__PURE__ */ jsx6("span", { className: "text-sm text-gray-500", children: "|" }),
-    /* @__PURE__ */ jsxs4("span", { className: "text-sm text-gray-600", children: [
-      "Waiting For Agent:",
-      " ",
-      /* @__PURE__ */ jsx6("span", { className: "font-bold", children: Array.from(chats.values()).filter(
-        (chat) => chat.isWaitingForAgent
-      ).length })
-    ] })
-  ] }) });
-};
-
-// components/customer/chat-status-customer-ui.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var ChatStatusCustomerUI = ({ isConnected }) => {
-  return /* @__PURE__ */ jsxs5("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ jsx7(
-      "span",
-      {
-        className: `w-3 h-3 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"}`,
-        role: "status",
-        "aria-label": isConnected ? "Connected" : "Disconnected"
-      }
-    ),
-    /* @__PURE__ */ jsx7("span", { className: "text-sm text-gray-500", children: isConnected ? "Connected" : "Reconnecting..." })
-  ] });
-};
-
-// components/customer/chat-header.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var ChatHeader = () => {
-  const { isConnected, title } = useWebSocketChatCustomerContext();
-  return /* @__PURE__ */ jsx8("div", { className: "p-4 border-b bg-white rounded-t-lg", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsx8("h2", { className: "font-bold text-lg", children: title || "Chat" }),
-    /* @__PURE__ */ jsx8(ChatStatusCustomerUI, { isConnected })
-  ] }) });
-};
-
-// components/customer/chat-input.tsx
-import KSUID2 from "ksuid";
-import { Paperclip as Paperclip2, Send as Send2 } from "lucide-react";
-import { useRef as useRef3, useState as useState5 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var ChatInput = ({ userId, orgId, onFileUpload }) => {
-  const { sendMessage, chatKey } = useWebSocketChatCustomerContext();
-  const [input, setInput] = useState5("");
-  const [isUploading, setIsUploading] = useState5(false);
-  const [isSending, setIsSending] = useState5(false);
-  const fileInputRef = useRef3(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: KSUID2.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__ */ jsxs7("div", { className: "p-4 border-t bg-white rounded-b-lg", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx9(
-        "input",
-        {
-          type: "file",
-          ref: fileInputRef,
-          onChange: handleFileUpload,
-          className: "hidden",
-          multiple: true,
-          accept: "image/*,.pdf,.doc,.docx,.txt"
-        }
-      ),
-      /* @__PURE__ */ jsx9(
-        "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__ */ jsx9("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ jsx9(Paperclip2, { className: "w-5 h-5" })
-        }
-      ),
-      /* @__PURE__ */ jsx9("div", { className: "flex-1 relative", children: /* @__PURE__ */ jsx9(
-        "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__ */ jsx9(
-        "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__ */ jsx9("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ jsx9(Send2, { className: "w-5 h-5" })
-        }
-      )
-    ] }),
-    isUploading && /* @__PURE__ */ jsx9("div", { className: "mt-2", children: /* @__PURE__ */ jsx9("div", { className: "w-full bg-gray-200 rounded-full h-1", children: /* @__PURE__ */ jsx9("div", { className: "bg-blue-500 h-1 rounded-full animate-pulse" }) }) })
-  ] });
-};
-
-// components/customer/chat-messages.tsx
-import { useEffect as useEffect2, useRef as useRef4 } from "react";
-
-// ../../node_modules/date-fns/constants.js
-var daysInYear = 365.2425;
-var maxTime = Math.pow(10, 8) * 24 * 60 * 60 * 1e3;
-var minTime = -maxTime;
-var millisecondsInWeek = 6048e5;
-var millisecondsInDay = 864e5;
-var secondsInHour = 3600;
-var secondsInDay = secondsInHour * 24;
-var secondsInWeek = secondsInDay * 7;
-var secondsInYear = secondsInDay * daysInYear;
-var secondsInMonth = secondsInYear / 12;
-var secondsInQuarter = secondsInMonth * 3;
-var constructFromSymbol = /* @__PURE__ */ Symbol.for("constructDateFrom");
-
-// ../../node_modules/date-fns/constructFrom.js
-function constructFrom(date, value) {
-  if (typeof date === "function") return date(value);
-  if (date && typeof date === "object" && constructFromSymbol in date)
-    return date[constructFromSymbol](value);
-  if (date instanceof Date) return new date.constructor(value);
-  return new Date(value);
-}
-
-// ../../node_modules/date-fns/toDate.js
-function toDate(argument, context) {
-  return constructFrom(context || argument, argument);
-}
-
-// ../../node_modules/date-fns/_lib/defaultOptions.js
-var defaultOptions = {};
-function getDefaultOptions() {
-  return defaultOptions;
-}
-
-// ../../node_modules/date-fns/startOfWeek.js
-function startOfWeek(date, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
-  const _date = toDate(date, options?.in);
-  const day = _date.getDay();
-  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
-  _date.setDate(_date.getDate() - diff);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-// ../../node_modules/date-fns/startOfISOWeek.js
-function startOfISOWeek(date, options) {
-  return startOfWeek(date, { ...options, weekStartsOn: 1 });
-}
-
-// ../../node_modules/date-fns/getISOWeekYear.js
-function getISOWeekYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const year = _date.getFullYear();
-  const fourthOfJanuaryOfNextYear = constructFrom(_date, 0);
-  fourthOfJanuaryOfNextYear.setFullYear(year + 1, 0, 4);
-  fourthOfJanuaryOfNextYear.setHours(0, 0, 0, 0);
-  const startOfNextYear = startOfISOWeek(fourthOfJanuaryOfNextYear);
-  const fourthOfJanuaryOfThisYear = constructFrom(_date, 0);
-  fourthOfJanuaryOfThisYear.setFullYear(year, 0, 4);
-  fourthOfJanuaryOfThisYear.setHours(0, 0, 0, 0);
-  const startOfThisYear = startOfISOWeek(fourthOfJanuaryOfThisYear);
-  if (_date.getTime() >= startOfNextYear.getTime()) {
-    return year + 1;
-  } else if (_date.getTime() >= startOfThisYear.getTime()) {
-    return year;
-  } else {
-    return year - 1;
-  }
-}
-
-// ../../node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
-function getTimezoneOffsetInMilliseconds(date) {
-  const _date = toDate(date);
-  const utcDate = new Date(
-    Date.UTC(
-      _date.getFullYear(),
-      _date.getMonth(),
-      _date.getDate(),
-      _date.getHours(),
-      _date.getMinutes(),
-      _date.getSeconds(),
-      _date.getMilliseconds()
-    )
-  );
-  utcDate.setUTCFullYear(_date.getFullYear());
-  return +date - +utcDate;
-}
-
-// ../../node_modules/date-fns/_lib/normalizeDates.js
-function normalizeDates(context, ...dates) {
-  const normalize = constructFrom.bind(
-    null,
-    context || dates.find((date) => typeof date === "object")
-  );
-  return dates.map(normalize);
-}
-
-// ../../node_modules/date-fns/startOfDay.js
-function startOfDay(date, options) {
-  const _date = toDate(date, options?.in);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-// ../../node_modules/date-fns/differenceInCalendarDays.js
-function differenceInCalendarDays(laterDate, earlierDate, options) {
-  const [laterDate_, earlierDate_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  const laterStartOfDay = startOfDay(laterDate_);
-  const earlierStartOfDay = startOfDay(earlierDate_);
-  const laterTimestamp = +laterStartOfDay - getTimezoneOffsetInMilliseconds(laterStartOfDay);
-  const earlierTimestamp = +earlierStartOfDay - getTimezoneOffsetInMilliseconds(earlierStartOfDay);
-  return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);
-}
-
-// ../../node_modules/date-fns/startOfISOWeekYear.js
-function startOfISOWeekYear(date, options) {
-  const year = getISOWeekYear(date, options);
-  const fourthOfJanuary = constructFrom(options?.in || date, 0);
-  fourthOfJanuary.setFullYear(year, 0, 4);
-  fourthOfJanuary.setHours(0, 0, 0, 0);
-  return startOfISOWeek(fourthOfJanuary);
-}
-
-// ../../node_modules/date-fns/isDate.js
-function isDate(value) {
-  return value instanceof Date || typeof value === "object" && Object.prototype.toString.call(value) === "[object Date]";
-}
-
-// ../../node_modules/date-fns/isValid.js
-function isValid(date) {
-  return !(!isDate(date) && typeof date !== "number" || isNaN(+toDate(date)));
-}
-
-// ../../node_modules/date-fns/startOfYear.js
-function startOfYear(date, options) {
-  const date_ = toDate(date, options?.in);
-  date_.setFullYear(date_.getFullYear(), 0, 1);
-  date_.setHours(0, 0, 0, 0);
-  return date_;
-}
-
-// ../../node_modules/date-fns/locale/en-US/_lib/formatDistance.js
-var formatDistanceLocale = {
-  lessThanXSeconds: {
-    one: "less than a second",
-    other: "less than {{count}} seconds"
-  },
-  xSeconds: {
-    one: "1 second",
-    other: "{{count}} seconds"
-  },
-  halfAMinute: "half a minute",
-  lessThanXMinutes: {
-    one: "less than a minute",
-    other: "less than {{count}} minutes"
-  },
-  xMinutes: {
-    one: "1 minute",
-    other: "{{count}} minutes"
-  },
-  aboutXHours: {
-    one: "about 1 hour",
-    other: "about {{count}} hours"
-  },
-  xHours: {
-    one: "1 hour",
-    other: "{{count}} hours"
-  },
-  xDays: {
-    one: "1 day",
-    other: "{{count}} days"
-  },
-  aboutXWeeks: {
-    one: "about 1 week",
-    other: "about {{count}} weeks"
-  },
-  xWeeks: {
-    one: "1 week",
-    other: "{{count}} weeks"
-  },
-  aboutXMonths: {
-    one: "about 1 month",
-    other: "about {{count}} months"
-  },
-  xMonths: {
-    one: "1 month",
-    other: "{{count}} months"
-  },
-  aboutXYears: {
-    one: "about 1 year",
-    other: "about {{count}} years"
-  },
-  xYears: {
-    one: "1 year",
-    other: "{{count}} years"
-  },
-  overXYears: {
-    one: "over 1 year",
-    other: "over {{count}} years"
-  },
-  almostXYears: {
-    one: "almost 1 year",
-    other: "almost {{count}} years"
-  }
-};
-var formatDistance = (token, count, options) => {
-  let result;
-  const tokenValue = formatDistanceLocale[token];
-  if (typeof tokenValue === "string") {
-    result = tokenValue;
-  } else if (count === 1) {
-    result = tokenValue.one;
-  } else {
-    result = tokenValue.other.replace("{{count}}", count.toString());
-  }
-  if (options?.addSuffix) {
-    if (options.comparison && options.comparison > 0) {
-      return "in " + result;
-    } else {
-      return result + " ago";
-    }
-  }
-  return result;
-};
-
-// ../../node_modules/date-fns/locale/_lib/buildFormatLongFn.js
-function buildFormatLongFn(args) {
-  return (options = {}) => {
-    const width = options.width ? String(options.width) : args.defaultWidth;
-    const format2 = args.formats[width] || args.formats[args.defaultWidth];
-    return format2;
-  };
-}
-
-// ../../node_modules/date-fns/locale/en-US/_lib/formatLong.js
-var dateFormats = {
-  full: "EEEE, MMMM do, y",
-  long: "MMMM do, y",
-  medium: "MMM d, y",
-  short: "MM/dd/yyyy"
-};
-var timeFormats = {
-  full: "h:mm:ss a zzzz",
-  long: "h:mm:ss a z",
-  medium: "h:mm:ss a",
-  short: "h:mm a"
-};
-var dateTimeFormats = {
-  full: "{{date}} 'at' {{time}}",
-  long: "{{date}} 'at' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-};
-var formatLong = {
-  date: buildFormatLongFn({
-    formats: dateFormats,
-    defaultWidth: "full"
-  }),
-  time: buildFormatLongFn({
-    formats: timeFormats,
-    defaultWidth: "full"
-  }),
-  dateTime: buildFormatLongFn({
-    formats: dateTimeFormats,
-    defaultWidth: "full"
-  })
-};
-
-// ../../node_modules/date-fns/locale/en-US/_lib/formatRelative.js
-var formatRelativeLocale = {
-  lastWeek: "'last' eeee 'at' p",
-  yesterday: "'yesterday at' p",
-  today: "'today at' p",
-  tomorrow: "'tomorrow at' p",
-  nextWeek: "eeee 'at' p",
-  other: "P"
-};
-var formatRelative = (token, _date, _baseDate, _options) => formatRelativeLocale[token];
-
-// ../../node_modules/date-fns/locale/_lib/buildLocalizeFn.js
-function buildLocalizeFn(args) {
-  return (value, options) => {
-    const context = options?.context ? String(options.context) : "standalone";
-    let valuesArray;
-    if (context === "formatting" && args.formattingValues) {
-      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
-      const width = options?.width ? String(options.width) : defaultWidth;
-      valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
-    } else {
-      const defaultWidth = args.defaultWidth;
-      const width = options?.width ? String(options.width) : args.defaultWidth;
-      valuesArray = args.values[width] || args.values[defaultWidth];
-    }
-    const index = args.argumentCallback ? args.argumentCallback(value) : value;
-    return valuesArray[index];
-  };
-}
-
-// ../../node_modules/date-fns/locale/en-US/_lib/localize.js
-var eraValues = {
-  narrow: ["B", "A"],
-  abbreviated: ["BC", "AD"],
-  wide: ["Before Christ", "Anno Domini"]
-};
-var quarterValues = {
-  narrow: ["1", "2", "3", "4"],
-  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
-  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-};
-var monthValues = {
-  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
-  abbreviated: [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ],
-  wide: [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ]
-};
-var dayValues = {
-  narrow: ["S", "M", "T", "W", "T", "F", "S"],
-  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
-  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-  wide: [
-    "Sunday",
-    "Monday",
-    "Tuesday",
-    "Wednesday",
-    "Thursday",
-    "Friday",
-    "Saturday"
-  ]
-};
-var dayPeriodValues = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  }
-};
-var formattingDayPeriodValues = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  }
-};
-var ordinalNumber = (dirtyNumber, _options) => {
-  const number = Number(dirtyNumber);
-  const rem100 = number % 100;
-  if (rem100 > 20 || rem100 < 10) {
-    switch (rem100 % 10) {
-      case 1:
-        return number + "st";
-      case 2:
-        return number + "nd";
-      case 3:
-        return number + "rd";
-    }
-  }
-  return number + "th";
-};
-var localize = {
-  ordinalNumber,
-  era: buildLocalizeFn({
-    values: eraValues,
-    defaultWidth: "wide"
-  }),
-  quarter: buildLocalizeFn({
-    values: quarterValues,
-    defaultWidth: "wide",
-    argumentCallback: (quarter) => quarter - 1
-  }),
-  month: buildLocalizeFn({
-    values: monthValues,
-    defaultWidth: "wide"
-  }),
-  day: buildLocalizeFn({
-    values: dayValues,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: buildLocalizeFn({
-    values: dayPeriodValues,
-    defaultWidth: "wide",
-    formattingValues: formattingDayPeriodValues,
-    defaultFormattingWidth: "wide"
-  })
-};
-
-// ../../node_modules/date-fns/locale/_lib/buildMatchFn.js
-function buildMatchFn(args) {
-  return (string, options = {}) => {
-    const width = options.width;
-    const matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
-    const matchResult = string.match(matchPattern);
-    if (!matchResult) {
-      return null;
-    }
-    const matchedString = matchResult[0];
-    const parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
-    const key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString)) : (
-      // [TODO] -- I challenge you to fix the type
-      findKey(parsePatterns, (pattern) => pattern.test(matchedString))
-    );
-    let value;
-    value = args.valueCallback ? args.valueCallback(key) : key;
-    value = options.valueCallback ? (
-      // [TODO] -- I challenge you to fix the type
-      options.valueCallback(value)
-    ) : value;
-    const rest = string.slice(matchedString.length);
-    return { value, rest };
-  };
-}
-function findKey(object, predicate) {
-  for (const key in object) {
-    if (Object.prototype.hasOwnProperty.call(object, key) && predicate(object[key])) {
-      return key;
-    }
-  }
-  return void 0;
-}
-function findIndex(array, predicate) {
-  for (let key = 0; key < array.length; key++) {
-    if (predicate(array[key])) {
-      return key;
-    }
-  }
-  return void 0;
-}
-
-// ../../node_modules/date-fns/locale/_lib/buildMatchPatternFn.js
-function buildMatchPatternFn(args) {
-  return (string, options = {}) => {
-    const matchResult = string.match(args.matchPattern);
-    if (!matchResult) return null;
-    const matchedString = matchResult[0];
-    const parseResult = string.match(args.parsePattern);
-    if (!parseResult) return null;
-    let value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
-    value = options.valueCallback ? options.valueCallback(value) : value;
-    const rest = string.slice(matchedString.length);
-    return { value, rest };
-  };
-}
-
-// ../../node_modules/date-fns/locale/en-US/_lib/match.js
-var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
-var parseOrdinalNumberPattern = /\d+/i;
-var matchEraPatterns = {
-  narrow: /^(b|a)/i,
-  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
-  wide: /^(before christ|before common era|anno domini|common era)/i
-};
-var parseEraPatterns = {
-  any: [/^b/i, /^(a|c)/i]
-};
-var matchQuarterPatterns = {
-  narrow: /^[1234]/i,
-  abbreviated: /^q[1234]/i,
-  wide: /^[1234](th|st|nd|rd)? quarter/i
-};
-var parseQuarterPatterns = {
-  any: [/1/i, /2/i, /3/i, /4/i]
-};
-var matchMonthPatterns = {
-  narrow: /^[jfmasond]/i,
-  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
-  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-};
-var parseMonthPatterns = {
-  narrow: [
-    /^j/i,
-    /^f/i,
-    /^m/i,
-    /^a/i,
-    /^m/i,
-    /^j/i,
-    /^j/i,
-    /^a/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ],
-  any: [
-    /^ja/i,
-    /^f/i,
-    /^mar/i,
-    /^ap/i,
-    /^may/i,
-    /^jun/i,
-    /^jul/i,
-    /^au/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ]
-};
-var matchDayPatterns = {
-  narrow: /^[smtwf]/i,
-  short: /^(su|mo|tu|we|th|fr|sa)/i,
-  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
-  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-};
-var parseDayPatterns = {
-  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
-  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-};
-var matchDayPeriodPatterns = {
-  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
-  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-};
-var parseDayPeriodPatterns = {
-  any: {
-    am: /^a/i,
-    pm: /^p/i,
-    midnight: /^mi/i,
-    noon: /^no/i,
-    morning: /morning/i,
-    afternoon: /afternoon/i,
-    evening: /evening/i,
-    night: /night/i
-  }
-};
-var match = {
-  ordinalNumber: buildMatchPatternFn({
-    matchPattern: matchOrdinalNumberPattern,
-    parsePattern: parseOrdinalNumberPattern,
-    valueCallback: (value) => parseInt(value, 10)
-  }),
-  era: buildMatchFn({
-    matchPatterns: matchEraPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseEraPatterns,
-    defaultParseWidth: "any"
-  }),
-  quarter: buildMatchFn({
-    matchPatterns: matchQuarterPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseQuarterPatterns,
-    defaultParseWidth: "any",
-    valueCallback: (index) => index + 1
-  }),
-  month: buildMatchFn({
-    matchPatterns: matchMonthPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseMonthPatterns,
-    defaultParseWidth: "any"
-  }),
-  day: buildMatchFn({
-    matchPatterns: matchDayPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseDayPatterns,
-    defaultParseWidth: "any"
-  }),
-  dayPeriod: buildMatchFn({
-    matchPatterns: matchDayPeriodPatterns,
-    defaultMatchWidth: "any",
-    parsePatterns: parseDayPeriodPatterns,
-    defaultParseWidth: "any"
-  })
-};
-
-// ../../node_modules/date-fns/locale/en-US.js
-var enUS = {
-  code: "en-US",
-  formatDistance,
-  formatLong,
-  formatRelative,
-  localize,
-  match,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
-};
-
-// ../../node_modules/date-fns/getDayOfYear.js
-function getDayOfYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const diff = differenceInCalendarDays(_date, startOfYear(_date));
-  const dayOfYear = diff + 1;
-  return dayOfYear;
-}
-
-// ../../node_modules/date-fns/getISOWeek.js
-function getISOWeek(date, options) {
-  const _date = toDate(date, options?.in);
-  const diff = +startOfISOWeek(_date) - +startOfISOWeekYear(_date);
-  return Math.round(diff / millisecondsInWeek) + 1;
-}
-
-// ../../node_modules/date-fns/getWeekYear.js
-function getWeekYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const year = _date.getFullYear();
-  const defaultOptions2 = getDefaultOptions();
-  const firstWeekContainsDate = options?.firstWeekContainsDate ?? options?.locale?.options?.firstWeekContainsDate ?? defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
-  const firstWeekOfNextYear = constructFrom(options?.in || date, 0);
-  firstWeekOfNextYear.setFullYear(year + 1, 0, firstWeekContainsDate);
-  firstWeekOfNextYear.setHours(0, 0, 0, 0);
-  const startOfNextYear = startOfWeek(firstWeekOfNextYear, options);
-  const firstWeekOfThisYear = constructFrom(options?.in || date, 0);
-  firstWeekOfThisYear.setFullYear(year, 0, firstWeekContainsDate);
-  firstWeekOfThisYear.setHours(0, 0, 0, 0);
-  const startOfThisYear = startOfWeek(firstWeekOfThisYear, options);
-  if (+_date >= +startOfNextYear) {
-    return year + 1;
-  } else if (+_date >= +startOfThisYear) {
-    return year;
-  } else {
-    return year - 1;
-  }
-}
-
-// ../../node_modules/date-fns/startOfWeekYear.js
-function startOfWeekYear(date, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const firstWeekContainsDate = options?.firstWeekContainsDate ?? options?.locale?.options?.firstWeekContainsDate ?? defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
-  const year = getWeekYear(date, options);
-  const firstWeek = constructFrom(options?.in || date, 0);
-  firstWeek.setFullYear(year, 0, firstWeekContainsDate);
-  firstWeek.setHours(0, 0, 0, 0);
-  const _date = startOfWeek(firstWeek, options);
-  return _date;
-}
-
-// ../../node_modules/date-fns/getWeek.js
-function getWeek(date, options) {
-  const _date = toDate(date, options?.in);
-  const diff = +startOfWeek(_date, options) - +startOfWeekYear(_date, options);
-  return Math.round(diff / millisecondsInWeek) + 1;
-}
-
-// ../../node_modules/date-fns/_lib/addLeadingZeros.js
-function addLeadingZeros(number, targetLength) {
-  const sign = number < 0 ? "-" : "";
-  const output = Math.abs(number).toString().padStart(targetLength, "0");
-  return sign + output;
-}
-
-// ../../node_modules/date-fns/_lib/format/lightFormatters.js
-var lightFormatters = {
-  // Year
-  y(date, token) {
-    const signedYear = date.getFullYear();
-    const year = signedYear > 0 ? signedYear : 1 - signedYear;
-    return addLeadingZeros(token === "yy" ? year % 100 : year, token.length);
-  },
-  // Month
-  M(date, token) {
-    const month = date.getMonth();
-    return token === "M" ? String(month + 1) : addLeadingZeros(month + 1, 2);
-  },
-  // Day of the month
-  d(date, token) {
-    return addLeadingZeros(date.getDate(), token.length);
-  },
-  // AM or PM
-  a(date, token) {
-    const dayPeriodEnumValue = date.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (token) {
-      case "a":
-      case "aa":
-        return dayPeriodEnumValue.toUpperCase();
-      case "aaa":
-        return dayPeriodEnumValue;
-      case "aaaaa":
-        return dayPeriodEnumValue[0];
-      case "aaaa":
-      default:
-        return dayPeriodEnumValue === "am" ? "a.m." : "p.m.";
-    }
-  },
-  // Hour [1-12]
-  h(date, token) {
-    return addLeadingZeros(date.getHours() % 12 || 12, token.length);
-  },
-  // Hour [0-23]
-  H(date, token) {
-    return addLeadingZeros(date.getHours(), token.length);
-  },
-  // Minute
-  m(date, token) {
-    return addLeadingZeros(date.getMinutes(), token.length);
-  },
-  // Second
-  s(date, token) {
-    return addLeadingZeros(date.getSeconds(), token.length);
-  },
-  // Fraction of second
-  S(date, token) {
-    const numberOfDigits = token.length;
-    const milliseconds = date.getMilliseconds();
-    const fractionalSeconds = Math.trunc(
-      milliseconds * Math.pow(10, numberOfDigits - 3)
-    );
-    return addLeadingZeros(fractionalSeconds, token.length);
-  }
-};
-
-// ../../node_modules/date-fns/_lib/format/formatters.js
-var dayPeriodEnum = {
-  am: "am",
-  pm: "pm",
-  midnight: "midnight",
-  noon: "noon",
-  morning: "morning",
-  afternoon: "afternoon",
-  evening: "evening",
-  night: "night"
-};
-var formatters = {
-  // Era
-  G: function(date, token, localize2) {
-    const era = date.getFullYear() > 0 ? 1 : 0;
-    switch (token) {
-      // AD, BC
-      case "G":
-      case "GG":
-      case "GGG":
-        return localize2.era(era, { width: "abbreviated" });
-      // A, B
-      case "GGGGG":
-        return localize2.era(era, { width: "narrow" });
-      // Anno Domini, Before Christ
-      case "GGGG":
-      default:
-        return localize2.era(era, { width: "wide" });
-    }
-  },
-  // Year
-  y: function(date, token, localize2) {
-    if (token === "yo") {
-      const signedYear = date.getFullYear();
-      const year = signedYear > 0 ? signedYear : 1 - signedYear;
-      return localize2.ordinalNumber(year, { unit: "year" });
-    }
-    return lightFormatters.y(date, token);
-  },
-  // Local week-numbering year
-  Y: function(date, token, localize2, options) {
-    const signedWeekYear = getWeekYear(date, options);
-    const weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
-    if (token === "YY") {
-      const twoDigitYear = weekYear % 100;
-      return addLeadingZeros(twoDigitYear, 2);
-    }
-    if (token === "Yo") {
-      return localize2.ordinalNumber(weekYear, { unit: "year" });
-    }
-    return addLeadingZeros(weekYear, token.length);
-  },
-  // ISO week-numbering year
-  R: function(date, token) {
-    const isoWeekYear = getISOWeekYear(date);
-    return addLeadingZeros(isoWeekYear, token.length);
-  },
-  // Extended year. This is a single number designating the year of this calendar system.
-  // The main difference between `y` and `u` localizers are B.C. years:
-  // | Year | `y` | `u` |
-  // |------|-----|-----|
-  // | AC 1 |   1 |   1 |
-  // | BC 1 |   1 |   0 |
-  // | BC 2 |   2 |  -1 |
-  // Also `yy` always returns the last two digits of a year,
-  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
-  u: function(date, token) {
-    const year = date.getFullYear();
-    return addLeadingZeros(year, token.length);
-  },
-  // Quarter
-  Q: function(date, token, localize2) {
-    const quarter = Math.ceil((date.getMonth() + 1) / 3);
-    switch (token) {
-      // 1, 2, 3, 4
-      case "Q":
-        return String(quarter);
-      // 01, 02, 03, 04
-      case "QQ":
-        return addLeadingZeros(quarter, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "Qo":
-        return localize2.ordinalNumber(quarter, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "QQQ":
-        return localize2.quarter(quarter, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "QQQQQ":
-        return localize2.quarter(quarter, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // 1st quarter, 2nd quarter, ...
-      case "QQQQ":
-      default:
-        return localize2.quarter(quarter, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone quarter
-  q: function(date, token, localize2) {
-    const quarter = Math.ceil((date.getMonth() + 1) / 3);
-    switch (token) {
-      // 1, 2, 3, 4
-      case "q":
-        return String(quarter);
-      // 01, 02, 03, 04
-      case "qq":
-        return addLeadingZeros(quarter, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "qo":
-        return localize2.ordinalNumber(quarter, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "qqq":
-        return localize2.quarter(quarter, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "qqqqq":
-        return localize2.quarter(quarter, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // 1st quarter, 2nd quarter, ...
-      case "qqqq":
-      default:
-        return localize2.quarter(quarter, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // Month
-  M: function(date, token, localize2) {
-    const month = date.getMonth();
-    switch (token) {
-      case "M":
-      case "MM":
-        return lightFormatters.M(date, token);
-      // 1st, 2nd, ..., 12th
-      case "Mo":
-        return localize2.ordinalNumber(month + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "MMM":
-        return localize2.month(month, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // J, F, ..., D
-      case "MMMMM":
-        return localize2.month(month, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // January, February, ..., December
-      case "MMMM":
-      default:
-        return localize2.month(month, { width: "wide", context: "formatting" });
-    }
-  },
-  // Stand-alone month
-  L: function(date, token, localize2) {
-    const month = date.getMonth();
-    switch (token) {
-      // 1, 2, ..., 12
-      case "L":
-        return String(month + 1);
-      // 01, 02, ..., 12
-      case "LL":
-        return addLeadingZeros(month + 1, 2);
-      // 1st, 2nd, ..., 12th
-      case "Lo":
-        return localize2.ordinalNumber(month + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "LLL":
-        return localize2.month(month, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // J, F, ..., D
-      case "LLLLL":
-        return localize2.month(month, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // January, February, ..., December
-      case "LLLL":
-      default:
-        return localize2.month(month, { width: "wide", context: "standalone" });
-    }
-  },
-  // Local week of year
-  w: function(date, token, localize2, options) {
-    const week = getWeek(date, options);
-    if (token === "wo") {
-      return localize2.ordinalNumber(week, { unit: "week" });
-    }
-    return addLeadingZeros(week, token.length);
-  },
-  // ISO week of year
-  I: function(date, token, localize2) {
-    const isoWeek = getISOWeek(date);
-    if (token === "Io") {
-      return localize2.ordinalNumber(isoWeek, { unit: "week" });
-    }
-    return addLeadingZeros(isoWeek, token.length);
-  },
-  // Day of the month
-  d: function(date, token, localize2) {
-    if (token === "do") {
-      return localize2.ordinalNumber(date.getDate(), { unit: "date" });
-    }
-    return lightFormatters.d(date, token);
-  },
-  // Day of year
-  D: function(date, token, localize2) {
-    const dayOfYear = getDayOfYear(date);
-    if (token === "Do") {
-      return localize2.ordinalNumber(dayOfYear, { unit: "dayOfYear" });
-    }
-    return addLeadingZeros(dayOfYear, token.length);
-  },
-  // Day of week
-  E: function(date, token, localize2) {
-    const dayOfWeek = date.getDay();
-    switch (token) {
-      // Tue
-      case "E":
-      case "EE":
-      case "EEE":
-        return localize2.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "EEEEE":
-        return localize2.day(dayOfWeek, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "EEEEEE":
-        return localize2.day(dayOfWeek, {
-          width: "short",
-          context: "formatting"
-        });
-      // Tuesday
-      case "EEEE":
-      default:
-        return localize2.day(dayOfWeek, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Local day of week
-  e: function(date, token, localize2, options) {
-    const dayOfWeek = date.getDay();
-    const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
-    switch (token) {
-      // Numerical value (Nth day of week with current locale or weekStartsOn)
-      case "e":
-        return String(localDayOfWeek);
-      // Padded numerical value
-      case "ee":
-        return addLeadingZeros(localDayOfWeek, 2);
-      // 1st, 2nd, ..., 7th
-      case "eo":
-        return localize2.ordinalNumber(localDayOfWeek, { unit: "day" });
-      case "eee":
-        return localize2.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "eeeee":
-        return localize2.day(dayOfWeek, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "eeeeee":
-        return localize2.day(dayOfWeek, {
-          width: "short",
-          context: "formatting"
-        });
-      // Tuesday
-      case "eeee":
-      default:
-        return localize2.day(dayOfWeek, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone local day of week
-  c: function(date, token, localize2, options) {
-    const dayOfWeek = date.getDay();
-    const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
-    switch (token) {
-      // Numerical value (same as in `e`)
-      case "c":
-        return String(localDayOfWeek);
-      // Padded numerical value
-      case "cc":
-        return addLeadingZeros(localDayOfWeek, token.length);
-      // 1st, 2nd, ..., 7th
-      case "co":
-        return localize2.ordinalNumber(localDayOfWeek, { unit: "day" });
-      case "ccc":
-        return localize2.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // T
-      case "ccccc":
-        return localize2.day(dayOfWeek, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // Tu
-      case "cccccc":
-        return localize2.day(dayOfWeek, {
-          width: "short",
-          context: "standalone"
-        });
-      // Tuesday
-      case "cccc":
-      default:
-        return localize2.day(dayOfWeek, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // ISO day of week
-  i: function(date, token, localize2) {
-    const dayOfWeek = date.getDay();
-    const isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
-    switch (token) {
-      // 2
-      case "i":
-        return String(isoDayOfWeek);
-      // 02
-      case "ii":
-        return addLeadingZeros(isoDayOfWeek, token.length);
-      // 2nd
-      case "io":
-        return localize2.ordinalNumber(isoDayOfWeek, { unit: "day" });
-      // Tue
-      case "iii":
-        return localize2.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "iiiii":
-        return localize2.day(dayOfWeek, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "iiiiii":
-        return localize2.day(dayOfWeek, {
-          width: "short",
-          context: "formatting"
-        });
-      // Tuesday
-      case "iiii":
-      default:
-        return localize2.day(dayOfWeek, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM or PM
-  a: function(date, token, localize2) {
-    const hours = date.getHours();
-    const dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
-    switch (token) {
-      case "a":
-      case "aa":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "aaa":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "aaaaa":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "narrow",
-          context: "formatting"
-        });
-      case "aaaa":
-      default:
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM, PM, midnight, noon
-  b: function(date, token, localize2) {
-    const hours = date.getHours();
-    let dayPeriodEnumValue;
-    if (hours === 12) {
-      dayPeriodEnumValue = dayPeriodEnum.noon;
-    } else if (hours === 0) {
-      dayPeriodEnumValue = dayPeriodEnum.midnight;
-    } else {
-      dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
-    }
-    switch (token) {
-      case "b":
-      case "bb":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "bbb":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "bbbbb":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "narrow",
-          context: "formatting"
-        });
-      case "bbbb":
-      default:
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // in the morning, in the afternoon, in the evening, at night
-  B: function(date, token, localize2) {
-    const hours = date.getHours();
-    let dayPeriodEnumValue;
-    if (hours >= 17) {
-      dayPeriodEnumValue = dayPeriodEnum.evening;
-    } else if (hours >= 12) {
-      dayPeriodEnumValue = dayPeriodEnum.afternoon;
-    } else if (hours >= 4) {
-      dayPeriodEnumValue = dayPeriodEnum.morning;
-    } else {
-      dayPeriodEnumValue = dayPeriodEnum.night;
-    }
-    switch (token) {
-      case "B":
-      case "BB":
-      case "BBB":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "BBBBB":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "narrow",
-          context: "formatting"
-        });
-      case "BBBB":
-      default:
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Hour [1-12]
-  h: function(date, token, localize2) {
-    if (token === "ho") {
-      let hours = date.getHours() % 12;
-      if (hours === 0) hours = 12;
-      return localize2.ordinalNumber(hours, { unit: "hour" });
-    }
-    return lightFormatters.h(date, token);
-  },
-  // Hour [0-23]
-  H: function(date, token, localize2) {
-    if (token === "Ho") {
-      return localize2.ordinalNumber(date.getHours(), { unit: "hour" });
-    }
-    return lightFormatters.H(date, token);
-  },
-  // Hour [0-11]
-  K: function(date, token, localize2) {
-    const hours = date.getHours() % 12;
-    if (token === "Ko") {
-      return localize2.ordinalNumber(hours, { unit: "hour" });
-    }
-    return addLeadingZeros(hours, token.length);
-  },
-  // Hour [1-24]
-  k: function(date, token, localize2) {
-    let hours = date.getHours();
-    if (hours === 0) hours = 24;
-    if (token === "ko") {
-      return localize2.ordinalNumber(hours, { unit: "hour" });
-    }
-    return addLeadingZeros(hours, token.length);
-  },
-  // Minute
-  m: function(date, token, localize2) {
-    if (token === "mo") {
-      return localize2.ordinalNumber(date.getMinutes(), { unit: "minute" });
-    }
-    return lightFormatters.m(date, token);
-  },
-  // Second
-  s: function(date, token, localize2) {
-    if (token === "so") {
-      return localize2.ordinalNumber(date.getSeconds(), { unit: "second" });
-    }
-    return lightFormatters.s(date, token);
-  },
-  // Fraction of second
-  S: function(date, token) {
-    return lightFormatters.S(date, token);
-  },
-  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    if (timezoneOffset === 0) {
-      return "Z";
-    }
-    switch (token) {
-      // Hours and optional minutes
-      case "X":
-        return formatTimezoneWithOptionalMinutes(timezoneOffset);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XX`
-      case "XXXX":
-      case "XX":
-        return formatTimezone(timezoneOffset);
-      // Hours, minutes and optional seconds with `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XXX`
-      case "XXXXX":
-      case "XXX":
-      // Hours and minutes with `:` delimiter
-      default:
-        return formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    switch (token) {
-      // Hours and optional minutes
-      case "x":
-        return formatTimezoneWithOptionalMinutes(timezoneOffset);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xx`
-      case "xxxx":
-      case "xx":
-        return formatTimezone(timezoneOffset);
-      // Hours, minutes and optional seconds with `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xxx`
-      case "xxxxx":
-      case "xxx":
-      // Hours and minutes with `:` delimiter
-      default:
-        return formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    switch (token) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
-      // Long
-      case "OOOO":
-      default:
-        return "GMT" + formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    switch (token) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
-      // Long
-      case "zzzz":
-      default:
-        return "GMT" + formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Seconds timestamp
-  t: function(date, token, _localize) {
-    const timestamp = Math.trunc(+date / 1e3);
-    return addLeadingZeros(timestamp, token.length);
-  },
-  // Milliseconds timestamp
-  T: function(date, token, _localize) {
-    return addLeadingZeros(+date, token.length);
-  }
-};
-function formatTimezoneShort(offset, delimiter = "") {
-  const sign = offset > 0 ? "-" : "+";
-  const absOffset = Math.abs(offset);
-  const hours = Math.trunc(absOffset / 60);
-  const minutes = absOffset % 60;
-  if (minutes === 0) {
-    return sign + String(hours);
-  }
-  return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
-}
-function formatTimezoneWithOptionalMinutes(offset, delimiter) {
-  if (offset % 60 === 0) {
-    const sign = offset > 0 ? "-" : "+";
-    return sign + addLeadingZeros(Math.abs(offset) / 60, 2);
-  }
-  return formatTimezone(offset, delimiter);
-}
-function formatTimezone(offset, delimiter = "") {
-  const sign = offset > 0 ? "-" : "+";
-  const absOffset = Math.abs(offset);
-  const hours = addLeadingZeros(Math.trunc(absOffset / 60), 2);
-  const minutes = addLeadingZeros(absOffset % 60, 2);
-  return sign + hours + delimiter + minutes;
-}
-
-// ../../node_modules/date-fns/_lib/format/longFormatters.js
-var dateLongFormatter = (pattern, formatLong2) => {
-  switch (pattern) {
-    case "P":
-      return formatLong2.date({ width: "short" });
-    case "PP":
-      return formatLong2.date({ width: "medium" });
-    case "PPP":
-      return formatLong2.date({ width: "long" });
-    case "PPPP":
-    default:
-      return formatLong2.date({ width: "full" });
-  }
-};
-var timeLongFormatter = (pattern, formatLong2) => {
-  switch (pattern) {
-    case "p":
-      return formatLong2.time({ width: "short" });
-    case "pp":
-      return formatLong2.time({ width: "medium" });
-    case "ppp":
-      return formatLong2.time({ width: "long" });
-    case "pppp":
-    default:
-      return formatLong2.time({ width: "full" });
-  }
-};
-var dateTimeLongFormatter = (pattern, formatLong2) => {
-  const matchResult = pattern.match(/(P+)(p+)?/) || [];
-  const datePattern = matchResult[1];
-  const timePattern = matchResult[2];
-  if (!timePattern) {
-    return dateLongFormatter(pattern, formatLong2);
-  }
-  let dateTimeFormat;
-  switch (datePattern) {
-    case "P":
-      dateTimeFormat = formatLong2.dateTime({ width: "short" });
-      break;
-    case "PP":
-      dateTimeFormat = formatLong2.dateTime({ width: "medium" });
-      break;
-    case "PPP":
-      dateTimeFormat = formatLong2.dateTime({ width: "long" });
-      break;
-    case "PPPP":
-    default:
-      dateTimeFormat = formatLong2.dateTime({ width: "full" });
-      break;
-  }
-  return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong2)).replace("{{time}}", timeLongFormatter(timePattern, formatLong2));
-};
-var longFormatters = {
-  p: timeLongFormatter,
-  P: dateTimeLongFormatter
-};
-
-// ../../node_modules/date-fns/_lib/protectedTokens.js
-var dayOfYearTokenRE = /^D+$/;
-var weekYearTokenRE = /^Y+$/;
-var throwTokens = ["D", "DD", "YY", "YYYY"];
-function isProtectedDayOfYearToken(token) {
-  return dayOfYearTokenRE.test(token);
-}
-function isProtectedWeekYearToken(token) {
-  return weekYearTokenRE.test(token);
-}
-function warnOrThrowProtectedError(token, format2, input) {
-  const _message = message(token, format2, input);
-  console.warn(_message);
-  if (throwTokens.includes(token)) throw new RangeError(_message);
-}
-function message(token, format2, input) {
-  const subject = token[0] === "Y" ? "years" : "days of the month";
-  return `Use \`${token.toLowerCase()}\` instead of \`${token}\` (in \`${format2}\`) for formatting ${subject} to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
-}
-
-// ../../node_modules/date-fns/format.js
-var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
-var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
-var escapedStringRegExp = /^'([^]*?)'?$/;
-var doubleQuoteRegExp = /''/g;
-var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
-function format(date, formatStr, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const locale = options?.locale ?? defaultOptions2.locale ?? enUS;
-  const firstWeekContainsDate = options?.firstWeekContainsDate ?? options?.locale?.options?.firstWeekContainsDate ?? defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
-  const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
-  const originalDate = toDate(date, options?.in);
-  if (!isValid(originalDate)) {
-    throw new RangeError("Invalid time value");
-  }
-  let parts = formatStr.match(longFormattingTokensRegExp).map((substring) => {
-    const firstCharacter = substring[0];
-    if (firstCharacter === "p" || firstCharacter === "P") {
-      const longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale.formatLong);
-    }
-    return substring;
-  }).join("").match(formattingTokensRegExp).map((substring) => {
-    if (substring === "''") {
-      return { isToken: false, value: "'" };
-    }
-    const firstCharacter = substring[0];
-    if (firstCharacter === "'") {
-      return { isToken: false, value: cleanEscapedString(substring) };
-    }
-    if (formatters[firstCharacter]) {
-      return { isToken: true, value: substring };
-    }
-    if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
-      throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + firstCharacter + "`"
-      );
-    }
-    return { isToken: false, value: substring };
-  });
-  if (locale.localize.preprocessor) {
-    parts = locale.localize.preprocessor(originalDate, parts);
-  }
-  const formatterOptions = {
-    firstWeekContainsDate,
-    weekStartsOn,
-    locale
-  };
-  return parts.map((part) => {
-    if (!part.isToken) return part.value;
-    const token = part.value;
-    if (!options?.useAdditionalWeekYearTokens && isProtectedWeekYearToken(token) || !options?.useAdditionalDayOfYearTokens && isProtectedDayOfYearToken(token)) {
-      warnOrThrowProtectedError(token, formatStr, String(date));
-    }
-    const formatter = formatters[token[0]];
-    return formatter(originalDate, token, locale.localize, formatterOptions);
-  }).join("");
-}
-function cleanEscapedString(input) {
-  const matched = input.match(escapedStringRegExp);
-  if (!matched) {
-    return input;
-  }
-  return matched[1].replace(doubleQuoteRegExp, "'");
-}
-
-// components/customer/chat-message.tsx
-import {
-  AlertCircle as AlertCircle2,
-  Bot as Bot2,
-  Check,
-  CheckCheck,
-  Paperclip as Paperclip3,
-  User,
-  UserCog
-} from "lucide-react";
-
-// components/markdown-renderer.tsx
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import { jsx as jsx10 } from "react/jsx-runtime";
-function MarkdownRenderer({ content }) {
-  return /* @__PURE__ */ jsx10(
-    ReactMarkdown,
-    {
-      remarkPlugins: [remarkGfm],
-      components: {
-        a: ({ node, ...props }) => /* @__PURE__ */ jsx10(
-          "a",
-          {
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "text-blue-600 hover:underline",
-            ...props
-          }
-        ),
-        h1: ({ node, ...props }) => /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-bold mt-6 mb-4", ...props }),
-        h2: ({ node, ...props }) => /* @__PURE__ */ jsx10("h2", { className: "text-xl font-semibold mt-5 mb-3", ...props }),
-        h3: ({ node, ...props }) => /* @__PURE__ */ jsx10("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props }),
-        code: ({ node, ...props }) => /* @__PURE__ */ jsx10(
-          "code",
-          {
-            className: "block bg-gray-100 p-3 rounded font-mono",
-            ...props
-          }
-        ),
-        ul: ({ node, ...props }) => /* @__PURE__ */ jsx10("ul", { className: "list-disc pl-6 my-4", ...props }),
-        ol: ({ node, ...props }) => /* @__PURE__ */ jsx10("ol", { className: "list-decimal pl-6 my-4", ...props }),
-        p: ({ node, ...props }) => /* @__PURE__ */ jsx10("p", { className: "my-4", ...props }),
-        blockquote: ({ node, ...props }) => /* @__PURE__ */ jsx10(
-          "blockquote",
-          {
-            className: "border-l-4 border-gray-200 pl-4 my-4 italic",
-            ...props
-          }
-        )
-      },
-      children: content
-    }
-  );
-}
-
-// components/customer/chat-message.tsx
-import { Fragment, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var Message = ({
-  message: message2,
-  isConsecutive,
-  onRetry
-}) => {
-  const renderAttachment = (attachment, index) => /* @__PURE__ */ jsx11("div", { className: "mt-2", children: attachment.type === "image" ? /* @__PURE__ */ jsx11(
-    "img",
-    {
-      src: attachment.url,
-      alt: attachment.title,
-      className: "max-w-full rounded",
-      loading: "lazy"
-    }
-  ) : /* @__PURE__ */ jsxs8(
-    "a",
-    {
-      href: attachment.url,
-      className: "flex items-center space-x-2 text-sm hover:underline",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: [
-        /* @__PURE__ */ jsx11(Paperclip3, { className: "w-4 h-4" }),
-        /* @__PURE__ */ jsx11("span", { children: attachment.title })
-      ]
-    }
-  ) }, index);
-  return /* @__PURE__ */ jsxs8(
-    "div",
-    {
-      className: "flex justify-start gap-2",
-      "data-message-id": message2.id,
-      role: "article",
-      "aria-label": `Message from ${message2.senderId}`,
-      children: [
-        /* @__PURE__ */ jsx11("div", { className: "flex pt-10 w-10", children: /* @__PURE__ */ jsxs8("div", { className: "w-8 h-8 rounded-full flex justify-center", children: [
-          message2.role === "user" && /* @__PURE__ */ jsx11(User, {}),
-          message2.role === "ai" && /* @__PURE__ */ jsx11(Bot2, {}),
-          message2.role === "humanAgent" && /* @__PURE__ */ jsx11(UserCog, {})
-        ] }) }),
-        /* @__PURE__ */ jsxs8(
-          "div",
-          {
-            className: `p-3 rounded-lg max-w-[80%] bg-gray-100 text-primary-900 ${isConsecutive ? "mt-1" : "mt-4"}`,
-            children: [
-              /* @__PURE__ */ jsx11("div", { className: "break-words", children: /* @__PURE__ */ jsx11(MarkdownRenderer, { content: message2.content }) }),
-              message2.attachments?.map(
-                (attachment, i) => renderAttachment(attachment, i)
-              ),
-              /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-end space-x-1 mt-1", children: [
-                /* @__PURE__ */ jsx11("span", { className: "text-xs opacity-70", children: format(message2.time, "HH:mm") }),
-                message2.role === "user" && /* @__PURE__ */ jsxs8(Fragment, { children: [
-                  message2.status === "sending" && /* @__PURE__ */ jsx11("span", { className: "w-4 h-4 animate-spin rounded-full border-2 border-gray-300 border-t-white" }),
-                  message2.status === "sent" && /* @__PURE__ */ jsx11(Check, { className: "w-4 h-4" }),
-                  message2.status === "delivered" && /* @__PURE__ */ jsx11(CheckCheck, { className: "w-4 h-4" }),
-                  message2.status === "failed" && /* @__PURE__ */ jsx11(
-                    "button",
-                    {
-                      onClick: () => onRetry(message2.id),
-                      className: "text-red-300 hover:text-red-400",
-                      "aria-label": "Retry sending message",
-                      children: /* @__PURE__ */ jsx11(AlertCircle2, { className: "w-4 h-4" })
-                    }
-                  )
-                ] })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-
-// components/customer/chat-messages.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-var ChatMessages = ({
-  onRetry,
-  messages
-}) => {
-  const messageEndRef = useRef4(null);
-  const scrollToBottom = () => {
-    messageEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  };
-  useEffect2(() => {
-    scrollToBottom();
-  }, [messages]);
-  return /* @__PURE__ */ jsxs9(
-    "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__ */ jsx12(
-            Message,
-            {
-              message: msg,
-              isConsecutive,
-              onRetry
-            },
-            msg.id
-          );
-        }),
-        /* @__PURE__ */ jsx12("div", { ref: messageEndRef })
-      ]
-    }
-  );
-};
-
-// components/customer/chat-typing-indicator.tsx
-import { jsxs as jsxs10 } from "react/jsx-runtime";
-var ChatTypingIndicator = ({
-  typingUsers
-}) => {
-  if (typingUsers.size === 0) return null;
-  return /* @__PURE__ */ jsxs10("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
-import { useState as useState6 } from "react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-var Alert = ({ title, description }) => /* @__PURE__ */ jsxs11("div", { className: "p-4 bg-red-50 border border-red-200 rounded-lg", role: "alert", children: [
-  /* @__PURE__ */ jsx13("p", { className: "font-medium text-red-800", children: title }),
-  /* @__PURE__ */ jsx13("p", { className: "text-sm text-red-600", children: description })
-] });
-var GenericChatWidget = ({
-  onFileUpload
-}) => {
-  const [typingUsers] = useState6(/* @__PURE__ */ new Set());
-  const { error, messages } = useWebSocketChatCustomerContext();
-  const handleRetry = (messageId) => {
-  };
-  return /* @__PURE__ */ jsxs11(
-    "div",
-    {
-      className: "flex flex-col w-full max-w-lg border rounded-lg shadow-lg",
-      role: "region",
-      "aria-label": "Chat interface",
-      children: [
-        /* @__PURE__ */ jsx13(ChatHeader, {}),
-        error && /* @__PURE__ */ jsx13(Alert, { title: "Error", description: error.message }),
-        /* @__PURE__ */ jsx13(ChatMessages, { onRetry: handleRetry, messages }),
-        /* @__PURE__ */ jsx13(ChatTypingIndicator, { typingUsers }),
-        /* @__PURE__ */ jsx13(ChatInput, { onFileUpload })
-      ]
-    }
-  );
-};
 export {
-  AdminChatHeader,
-  AdminChatInput,
-  AdminChatList,
-  AdminChatListItem,
   AgentStatusAway,
   AgentStatusBusy,
   AgentStatusOffline,
@@ -3764,6 +878,7 @@ export {
   AttachmentTypeAudio,
   AttachmentTypeBullets,
   AttachmentTypeData,
+  AttachmentTypeDataFile,
   AttachmentTypeDocument,
   AttachmentTypeDocumentAnalysis,
   AttachmentTypeDocumentSources,
@@ -3772,6 +887,7 @@ export {
   AttachmentTypeLocation,
   AttachmentTypeRecords,
   AttachmentTypeReferences,
+  AttachmentTypeSpreadsheet,
   AttachmentTypeSticker,
   AttachmentTypeSubsections,
   AttachmentTypeVideo,
@@ -3785,6 +901,10 @@ export {
   ChatEventTypeAgentSessionEnd,
   ChatEventTypeAgentSessionStart,
   ChatEventTypeAgentStatusChange,
+  ChatEventTypeAttachmentProcessingComplete,
+  ChatEventTypeAttachmentProcessingError,
+  ChatEventTypeAttachmentProcessingProgress,
+  ChatEventTypeAttachmentProcessingStarted,
   ChatEventTypeBlockUser,
   ChatEventTypeCSATRequest,
   ChatEventTypeCSATResponse,
@@ -3836,6 +956,7 @@ export {
   ChatEventTypePong,
   ChatEventTypeRead,
   ChatEventTypeReconnected,
+  ChatEventTypeRetryAttachment,
   ChatEventTypeRoomCreated,
   ChatEventTypeRoomDeleted,
   ChatEventTypeRoomUpdated,
@@ -3870,10 +991,6 @@ export {
   ChatEventTypeUserSuggestedActions,
   ChatEventTypeWaiting,
   ChatEventTypeWaitingForAgent,
-  ChatHeader,
-  ChatHumanAgentActions,
-  ChatInput,
-  ChatMessages,
   ChatRoleAI,
   ChatRoleDataQuery,
   ChatRoleEvent,
@@ -3889,19 +1006,16 @@ export {
   ChatStatusActive,
   ChatStatusArchived,
   ChatStatusClosed,
-  ChatStatusCustomerUI,
   ChatStatusDisconnected,
   ChatTypeCustomerSupport,
   ChatTypeDirect,
   ChatTypeGroup,
   ChatTypePrivateRoom,
   ChatTypePublicRoom,
-  ChatTypingIndicator,
   CompleteChatByAgentSubject,
   CreateAgentQueueSubject,
   DeleteAgentQueueSubject,
   EndAgentSessionSubject,
-  GenericChatWidget,
   GetActiveChatCountSubject,
   GetActiveChatsSubject,
   GetAgentQueuesSubject,
@@ -3937,14 +1051,6 @@ export {
   UserStatusBusy,
   UserStatusOffline,
   UserStatusOnline,
-  WebSocketChatAdminContext,
-  WebSocketChatAdminProvider,
-  WebSocketChatCustomerContext,
-  WebSocketChatCustomerProvider,
-  useWebSocketChatAdmin,
-  useWebSocketChatAdminContext,
-  useWebSocketChatBase,
-  useWebSocketChatCustomer,
-  useWebSocketChatCustomerContext
+  useChat
 };
 //# sourceMappingURL=index.mjs.map