@kite-copilot/chat-panel 0.2.49 → 0.2.51

package/dist/{chunk-YZXB3LLU.js → chunk-VBCGW333.js}

@@ -896,28 +896,22 @@ function useUserAuth({
 }) {
   const [authState, setAuthState] = React4.useState({ status: "idle" });
   const lastSessionIdRef = React4.useRef(null);
+  const lastEnabledRef = React4.useRef(enabled);
   const fetchUser = React4.useCallback(async () => {
     if (!productBackendUrl || !enabled) {
-      console.log("[useUserAuth] Skipping auth - productBackendUrl:", productBackendUrl, "enabled:", enabled);
       setAuthState({ status: "idle" });
       return;
     }
-    console.log("[useUserAuth] Starting auth request to product backend...");
-    console.log("[useUserAuth] Product backend URL:", productBackendUrl);
-    console.log("[useUserAuth] Full request URL:", `${productBackendUrl}/users/me`);
     setAuthState({ status: "loading" });
     try {
       const response = await fetch(`${productBackendUrl}/users/me`, {
         method: "GET",
         credentials: "include",
-        // Include cookies for authentication
         headers: {
           "Accept": "application/json"
         }
       });
-      console.log("[useUserAuth] Response received - status:", response.status, "ok:", response.ok);
       if (!response.ok) {
-        console.log("[useUserAuth] Auth request failed with status:", response.status);
         if (response.status === 401) {
           throw new Error("Please log in to use the chat assistant.");
         }
@@ -927,27 +921,36 @@ function useUserAuth({
         throw new Error(`Authentication failed (${response.status})`);
       }
       const user = await response.json();
-      console.log("[useUserAuth] Auth SUCCESS - parsed user data:");
-      console.log("[useUserAuth]   id:", user.id);
-      console.log("[useUserAuth]   email:", user.email);
-      console.log("[useUserAuth]   name:", user.name);
-      console.log("[useUserAuth]   role:", user.role);
-      console.log("[useUserAuth]   isInternal:", user.isInternal);
-      console.log("[useUserAuth]   agreementsSigned:", user.agreementsSigned);
-      console.log("[useUserAuth]   lastLoginTime:", user.lastLoginTime);
       setAuthState({ status: "authenticated", user });
     } catch (error) {
-      console.log("[useUserAuth] Auth ERROR:", error);
+      if (error instanceof Error) {
+        const errorMessage = error.message.toLowerCase();
+        const isNetworkError = error instanceof TypeError || errorMessage.includes("failed to fetch") || errorMessage.includes("network");
+        const is404Error = errorMessage.includes("404");
+        if (isNetworkError || is404Error) {
+          console.warn("[useUserAuth] Auth endpoint unavailable, falling back to unauthenticated mode:", error.message);
+          setAuthState({ status: "idle" });
+          return;
+        }
+      }
       const message = error instanceof Error ? error.message : "Unable to verify your identity. Please try again.";
       setAuthState({ status: "error", error: message });
     }
   }, [productBackendUrl, enabled]);
   React4.useEffect(() => {
-    if (sessionId !== lastSessionIdRef.current) {
+    const sessionChanged = sessionId !== lastSessionIdRef.current;
+    const enabledChanged = enabled !== lastEnabledRef.current;
+    const becameEnabled = enabled && !lastEnabledRef.current;
+    if (sessionChanged) {
       lastSessionIdRef.current = sessionId;
+    }
+    if (enabledChanged) {
+      lastEnabledRef.current = enabled;
+    }
+    if (sessionChanged || becameEnabled) {
       fetchUser();
     }
-  }, [sessionId, fetchUser]);
+  }, [sessionId, enabled, fetchUser]);
   const retry = React4.useCallback(() => {
     fetchUser();
   }, [fetchUser]);
@@ -964,13 +967,11 @@ function useOrgConfig({ agentUrl, orgId }) {
   });
   React5.useEffect(() => {
     if (!agentUrl || !orgId) {
-      console.log("[useOrgConfig] Skipping - missing agentUrl or orgId", { agentUrl, orgId });
       return;
     }
     const fetchConfig = async () => {
       setState({ status: "loading", config: null, error: null });
       const url = `${agentUrl}/org/${orgId}/config`;
-      console.log("[useOrgConfig] Fetching org config from:", url);
       try {
         const response = await fetch(url, {
           method: "GET",
@@ -982,7 +983,6 @@ function useOrgConfig({ agentUrl, orgId }) {
           throw new Error(`Failed to fetch org config (${response.status})`);
         }
         const config = await response.json();
-        console.log("[useOrgConfig] Received config:", config);
         setState({ status: "success", config, error: null });
       } catch (error) {
         const message = error instanceof Error ? error.message : "Failed to fetch org config";
@@ -1016,8 +1016,7 @@ function useFrontendToolExecutor({
     }
   }, [agentUrl]);
   const executeToolRequest = useCallback3(async (toolRequest) => {
-    const { call_id, tool_name, arguments: args, endpoint, method, path_params } = toolRequest;
-    console.log("[FrontendToolExecutor] Executing tool:", tool_name, "with args:", args);
+    const { call_id, arguments: args, endpoint, method, path_params } = toolRequest;
     try {
       let url = endpoint;
       for (const param of path_params) {
@@ -1033,7 +1032,6 @@ function useFrontendToolExecutor({
       }
       const queryString = queryParams.toString();
       const fullUrl = `${productBackendUrl}${url}${queryString ? "?" + queryString : ""}`;
-      console.log("[FrontendToolExecutor] Fetching:", fullUrl);
       const response = await fetch(fullUrl, {
         method,
         credentials: "include",
@@ -1045,7 +1043,6 @@ function useFrontendToolExecutor({
       let result;
       if (response.ok) {
         result = await response.json();
-        console.log("[FrontendToolExecutor] Tool result:", result);
       } else {
         const errorText = await response.text();
         throw new Error(`HTTP ${response.status}: ${errorText}`);
@@ -1097,7 +1094,6 @@ function TypingIndicator({ className = "" }) {
 
 // src/ChatPanel.tsx
 import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-var CHAT_PANEL_VERSION = true ? "0.2.49" : "dev";
 var DEFAULT_AGENT_URL = "http://localhost:5002";
 var PANEL_WIDTH = 400;
 var PANEL_HEIGHT = 600;
@@ -1561,7 +1557,8 @@ function ChatPanel({
   supabaseAnonKey,
   initialCorner = "bottom-left",
   onCornerChange,
-  productBackendUrl
+  productBackendUrl,
+  getAuthHeaders
 } = {}) {
   const [messages, setMessages] = React6.useState(initialMessages);
   const [input, setInput] = React6.useState("");
@@ -1583,6 +1580,8 @@ function ChatPanel({
   const [sessionUser, setSessionUser] = React6.useState(null);
   const orgConfigState = useOrgConfig({ agentUrl, orgId: orgId || "" });
   const effectiveProductBackendUrl = orgConfigState.config?.productBackendUrl || productBackendUrl;
+  const effectiveSupabaseUrl = orgConfigState.config?.supabaseUrl || supabaseUrl;
+  const effectiveSupabaseAnonKey = orgConfigState.config?.supabaseAnonKey || supabaseAnonKey;
   const { authState, retry: retryAuth } = useUserAuth({
     productBackendUrl: effectiveProductBackendUrl,
     sessionId,
@@ -1594,37 +1593,6 @@ function ChatPanel({
     agentUrl,
     sessionId
   });
-  React6.useEffect(() => {
-    if (!effectiveProductBackendUrl || orgConfigState.status !== "success") {
-      return;
-    }
-    const testProductBackendEndpoint = async () => {
-      const url = `${effectiveProductBackendUrl}/getDocument/snowkite/categories/`;
-      console.log("[KiteChat TEST] Testing product backend connectivity...");
-      console.log("[KiteChat TEST] URL:", url);
-      try {
-        const response = await fetch(url, {
-          method: "GET",
-          // Note: not using credentials: 'include' to avoid CORS issues with wildcard
-          headers: {
-            "Accept": "application/json"
-          }
-        });
-        console.log("[KiteChat TEST] Response status:", response.status);
-        console.log("[KiteChat TEST] Response ok:", response.ok);
-        if (response.ok) {
-          const data = await response.json();
-          console.log("[KiteChat TEST] SUCCESS - product backend reachable, data:", data);
-        } else {
-          const errorText = await response.text();
-          console.log("[KiteChat TEST] FAILED - status:", response.status, "body:", errorText);
-        }
-      } catch (error) {
-        console.error("[KiteChat TEST] ERROR:", error);
-      }
-    };
-    testProductBackendEndpoint();
-  }, [effectiveProductBackendUrl, orgConfigState.status]);
   const effectiveUser = React6.useMemo(() => {
     if (sessionUser) {
       return sessionUser;
@@ -1655,7 +1623,6 @@ function ChatPanel({
         userRole: authState.user.role,
         isInternal: authState.user.isInternal
       });
-      console.log("[ChatPanel] Session user captured:", authState.user.id);
     }
   }, [authState, sessionUser]);
   const isWaitingForAuth = React6.useMemo(() => {
@@ -1668,26 +1635,18 @@ function ChatPanel({
   const supabaseRef = React6.useRef(null);
   const typingChannelRef = React6.useRef(null);
   const typingTimeoutRef = React6.useRef(null);
-  React6.useEffect(() => {
-    console.log(`[KiteChat] Chat Panel v${CHAT_PANEL_VERSION} loaded`);
-  }, []);
   const resetSession = React6.useCallback(() => {
-    console.log("[KiteChat] resetSession called", { isEscalated, hasSupabase: !!supabaseRef.current, sessionId });
     if (isEscalated && supabaseRef.current && sessionId) {
-      console.log("[KiteChat] Updating customer_status to disconnected for session:", sessionId);
       supabaseRef.current.from("escalations").update({
         customer_status: "disconnected",
         customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
       }).eq("session_id", sessionId).then(
-        (result) => {
-          console.log("[KiteChat] Disconnect update result:", result);
+        () => {
         },
         (err) => {
           console.error("[KiteChat] Disconnect update failed:", err);
         }
       );
-    } else {
-      console.log("[KiteChat] Skipping disconnect update - conditions not met");
     }
     setSessionUser(null);
     setSessionId(crypto.randomUUID());
@@ -1703,22 +1662,19 @@ function ChatPanel({
     }
   }, [isEscalated, sessionId]);
   React6.useEffect(() => {
-    if (supabaseUrl && supabaseAnonKey && !supabaseRef.current) {
-      supabaseRef.current = createClient(supabaseUrl, supabaseAnonKey);
+    if (effectiveSupabaseUrl && effectiveSupabaseAnonKey && !supabaseRef.current) {
+      supabaseRef.current = createClient(effectiveSupabaseUrl, effectiveSupabaseAnonKey);
     }
-  }, [supabaseUrl, supabaseAnonKey]);
+  }, [effectiveSupabaseUrl, effectiveSupabaseAnonKey]);
   React6.useEffect(() => {
     if (!isEscalated || !sessionId || !supabaseRef.current) {
       return;
     }
     const channelName = `typing:${sessionId}`;
     const channel = supabaseRef.current.channel(channelName);
-    console.log(`[KiteChat] Subscribing to typing channel: ${channelName}`);
     channel.on("broadcast", { event: "typing" }, (payload) => {
-      console.log("[KiteChat] Received typing broadcast:", payload);
       const { sender, isTyping } = payload.payload;
       if (sender === "agent") {
-        console.log(`[KiteChat] Agent typing: ${isTyping}`);
         setAgentIsTyping(isTyping);
         if (isTyping) {
           if (typingTimeoutRef.current) {
@@ -1730,10 +1686,11 @@ function ChatPanel({
         }
       }
     }).subscribe((status) => {
-      console.log(`[KiteChat] Typing channel status: ${status}`);
       if (status === "SUBSCRIBED") {
         typingChannelRef.current = channel;
-        console.log("[KiteChat] Typing channel ready");
+        console.log("[KiteChat] Typing channel subscribed successfully");
+      } else if (status === "CHANNEL_ERROR") {
+        console.error("[KiteChat] Typing channel subscription failed");
       }
     });
     return () => {
@@ -1744,6 +1701,20 @@ function ChatPanel({
       }
     };
   }, [isEscalated, sessionId]);
+  React6.useEffect(() => {
+    if (!isOpen && isEscalated && supabaseRef.current && sessionId) {
+      console.log("[KiteChat] Panel closed during live chat, marking disconnected");
+      supabaseRef.current.from("escalations").update({
+        customer_status: "disconnected",
+        customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
+      }).eq("session_id", sessionId).then(
+        () => console.log("[KiteChat] Successfully marked disconnected on panel close"),
+        (err) => {
+          console.error("[KiteChat] Failed to mark disconnected on panel close:", err);
+        }
+      );
+    }
+  }, [isOpen, isEscalated, sessionId]);
   const heartbeatIntervalRef = React6.useRef(null);
   const updateCustomerStatus = React6.useCallback(async (status) => {
     if (!supabaseRef.current || !sessionId) return;
@@ -1762,24 +1733,50 @@ function ChatPanel({
     }
     const currentSessionId = sessionId;
     const supabase = supabaseRef.current;
-    updateCustomerStatus("active");
+    const sbUrl = effectiveSupabaseUrl;
+    const sbKey = effectiveSupabaseAnonKey;
+    const markActive = () => {
+      supabase.from("escalations").update({
+        customer_status: "active",
+        customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
+      }).eq("session_id", currentSessionId).then(
+        () => {
+        },
+        (err) => console.error("[KiteChat] Failed to update customer status:", err)
+      );
+    };
+    const markDisconnectedWithKeepalive = () => {
+      if (!sbUrl || !sbKey) return;
+      const url = `${sbUrl}/rest/v1/escalations?session_id=eq.${currentSessionId}`;
+      fetch(url, {
+        method: "PATCH",
+        headers: {
+          "Content-Type": "application/json",
+          "apikey": sbKey,
+          "Authorization": `Bearer ${sbKey}`,
+          "Prefer": "return=minimal"
+        },
+        body: JSON.stringify({
+          customer_status: "disconnected",
+          customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
+        }),
+        keepalive: true
+      }).catch(() => {
+      });
+    };
+    console.log("[KiteChat] Starting presence heartbeat for live chat");
+    markActive();
     heartbeatIntervalRef.current = window.setInterval(() => {
-      updateCustomerStatus("active");
+      markActive();
     }, 6e4);
     const handleBeforeUnload = () => {
-      supabase.from("escalations").update({
-        customer_status: "disconnected",
-        customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
-      }).eq("session_id", currentSessionId);
+      markDisconnectedWithKeepalive();
     };
     const handleVisibilityChange = () => {
       if (document.visibilityState === "hidden") {
-        supabase.from("escalations").update({
-          customer_status: "disconnected",
-          customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
-        }).eq("session_id", currentSessionId);
+        markDisconnectedWithKeepalive();
       } else if (document.visibilityState === "visible") {
-        updateCustomerStatus("active");
+        markActive();
       }
     };
     window.addEventListener("beforeunload", handleBeforeUnload);
@@ -1787,13 +1784,12 @@ function ChatPanel({
     return () => {
       window.removeEventListener("beforeunload", handleBeforeUnload);
       document.removeEventListener("visibilitychange", handleVisibilityChange);
+      console.log("[KiteChat] Escalation ended, marking disconnected");
       supabase.from("escalations").update({
         customer_status: "disconnected",
         customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
       }).eq("session_id", currentSessionId).then(
-        () => {
-          console.log("[KiteChat] Marked customer as disconnected");
-        },
+        () => console.log("[KiteChat] Successfully marked disconnected on escalation end"),
         (err) => {
           console.error("[KiteChat] Failed to mark disconnected:", err);
         }
@@ -1803,17 +1799,14 @@ function ChatPanel({
         heartbeatIntervalRef.current = null;
       }
     };
-  }, [isEscalated, sessionId, updateCustomerStatus]);
+  }, [isEscalated, sessionId, effectiveSupabaseUrl, effectiveSupabaseAnonKey]);
   const sendTypingIndicator = React6.useCallback((isTyping) => {
-    if (!typingChannelRef.current) {
-      console.log("[KiteChat] Cannot send typing - channel not ready");
-      return;
-    }
-    if (!isEscalated) {
-      console.log("[KiteChat] Cannot send typing - not escalated");
+    if (!typingChannelRef.current || !isEscalated) {
+      if (isTyping) {
+        console.warn("[KiteChat] Typing channel not ready, cannot send typing indicator");
+      }
       return;
     }
-    console.log(`[KiteChat] Sending typing indicator: ${isTyping}`);
     typingChannelRef.current.send({
       type: "broadcast",
       event: "typing",
@@ -1822,16 +1815,23 @@ function ChatPanel({
   }, [isEscalated]);
   const userTypingTimeoutRef = React6.useRef(null);
   const handleTypingStart = React6.useCallback(() => {
-    if (!isEscalated || !supabaseRef.current) return;
+    if (!isEscalated || !supabaseRef.current || !sessionId) return;
     sendTypingIndicator(true);
-    updateCustomerStatus("active");
+    supabaseRef.current.from("escalations").update({
+      customer_status: "active",
+      customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
+    }).eq("session_id", sessionId).then(
+      () => {
+      },
+      (err) => console.error("[KiteChat] Failed to update presence:", err)
+    );
     if (userTypingTimeoutRef.current) {
       window.clearTimeout(userTypingTimeoutRef.current);
     }
     userTypingTimeoutRef.current = window.setTimeout(() => {
       sendTypingIndicator(false);
     }, 1500);
-  }, [isEscalated, sendTypingIndicator, updateCustomerStatus]);
+  }, [isEscalated, sendTypingIndicator, sessionId]);
   const streamIntervals = React6.useRef({});
   const isEmpty = messages.length === 0;
   const [phase, setPhase] = React6.useState("idle");
@@ -1866,12 +1866,6 @@ function ChatPanel({
   const latestBulkSummaryNavigationRef = React6.useRef(null);
   const [guideComplete, setGuideComplete] = React6.useState(false);
   React6.useEffect(() => {
-    window.resetIntegrationNotification = () => {
-      localStorage.removeItem("gmailNotificationSeen");
-      console.log(
-        "Integration notification reset! Click the Integrations tab to see it again."
-      );
-    };
     const handleIntegrationTabClick = () => {
       const hasSeenNotification = localStorage.getItem("gmailNotificationSeen");
       if (!hasSeenNotification) {
@@ -2013,17 +2007,7 @@ function ChatPanel({
           return;
         }
         const currentBulkNav = latestBulkSummaryNavigationRef.current;
-        console.log(
-          "[DEBUG] Keyboard handler - latestBulkSummaryNavigation:",
-          currentBulkNav,
-          "onNavigate:",
-          !!onNavigate
-        );
         if (currentBulkNav && onNavigate) {
-          console.log(
-            "[DEBUG] Navigating via keyboard to:",
-            currentBulkNav.page
-          );
           e.preventDefault();
           e.stopPropagation();
           onNavigate(currentBulkNav.page, currentBulkNav.subtab);
@@ -2069,7 +2053,6 @@ function ChatPanel({
             const messageId = data.message_id;
             const isDuplicate = messageId ? prev.some((m) => m.serverMessageId === messageId) : prev.slice(-5).some((m) => m.content === content);
             if (isDuplicate) {
-              console.debug("[KiteChat] Skipping duplicate agent message:", messageId || content.slice(0, 30));
               return prev;
             }
             return [...prev, {
@@ -2092,7 +2075,6 @@ function ChatPanel({
       console.error("[KiteChat] Escalation WebSocket error:", err);
     };
     ws.onclose = () => {
-      console.log("[KiteChat] Escalation WebSocket closed");
     };
     escalationWsRef.current = ws;
   }, [agentUrl]);
@@ -2106,13 +2088,22 @@ function ChatPanel({
         type: "user_message",
         content
       }));
-      updateCustomerStatus("active");
+      if (supabaseRef.current && sessionId) {
+        supabaseRef.current.from("escalations").update({
+          customer_status: "active",
+          customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
+        }).eq("session_id", sessionId).then(
+          () => {
+          },
+          (err) => console.error("[KiteChat] Failed to update presence:", err)
+        );
+      }
       return true;
     } catch (err) {
       console.error("[KiteChat] Failed to send escalated message:", err);
       return false;
     }
-  }, [updateCustomerStatus]);
+  }, [sessionId]);
   React6.useEffect(() => {
     return () => {
       if (escalationWsRef.current) {
@@ -2386,14 +2377,6 @@ function ChatPanel({
     try {
       const controller = new AbortController();
       const timeoutId = setTimeout(() => controller.abort(), 6e4);
-      console.log("[ChatPanel] Sending chat request to agent backend...");
-      console.log("[ChatPanel] Agent URL:", agentUrl);
-      console.log("[ChatPanel] User data being sent:");
-      console.log("[ChatPanel]   user_id:", effectiveUser.userId);
-      console.log("[ChatPanel]   user_name:", effectiveUser.userName);
-      console.log("[ChatPanel]   user_email:", effectiveUser.userEmail);
-      console.log("[ChatPanel]   org_id:", orgId);
-      console.log("[ChatPanel]   authState.status:", authState.status);
       const response = await fetch(`${agentUrl}/chat/stream`, {
         method: "POST",
         headers: {
@@ -2610,7 +2593,6 @@ function ChatPanel({
               setMessages((prev) => [...prev, escalationMessage]);
             } else if (eventType === "tool_request") {
               const toolRequest = data;
-              console.log("[KiteChat] Received tool_request:", toolRequest);
               executeToolRequest(toolRequest).catch((err) => {
                 console.error("[KiteChat] Tool execution failed:", err);
               });
@@ -2928,11 +2910,6 @@ ${userText}`
                 }
               });
             } else if (eventType === "summary") {
-              console.log("[DEBUG] Received summary event - data:", data);
-              console.log(
-                "[DEBUG] navigationPage from backend:",
-                data.navigationPage
-              );
               setPhase("idle");
               setProgressSteps([]);
               setPendingBulkSession(null);
@@ -2952,7 +2929,6 @@ ${userText}`
                     navigationPage: data.navigationPage
                   }
                 };
-                console.log("[DEBUG] Creating bulkSummary message:", newMsg);
                 return [...filtered, newMsg];
               });
               setTimeout(() => {
@@ -4523,28 +4499,11 @@ ${userText}`
                                 onClick: (e) => {
                                   e.preventDefault();
                                   e.stopPropagation();
-                                  console.log(
-                                    "[DEBUG] Button clicked - navigationPage:",
-                                    navigationPage,
-                                    "onNavigate:",
-                                    !!onNavigate
-                                  );
                                   if (onNavigate && navigationPage.page) {
-                                    console.log(
-                                      "[DEBUG] Calling onNavigate with page:",
-                                      navigationPage.page
-                                    );
                                     onNavigate(
                                       navigationPage.page,
                                       navigationPage.subtab
                                     );
-                                  } else {
-                                    console.log(
-                                      "[DEBUG] Condition failed - onNavigate:",
-                                      !!onNavigate,
-                                      "navigationPage.page:",
-                                      navigationPage.page
-                                    );
                                   }
                                 },
                                 className: "flex items-center gap-2 text-xs text-gray-500 hover:text-gray-700 transition-colors group cursor-pointer",
@@ -4824,7 +4783,8 @@ function ChatPanelWithToggle({
   supabaseAnonKey,
   initialCorner,
   onCornerChange,
-  productBackendUrl
+  productBackendUrl,
+  getAuthHeaders
 }) {
   const [internalIsOpen, setInternalIsOpen] = React6.useState(defaultOpen);
   const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
@@ -4854,7 +4814,8 @@ function ChatPanelWithToggle({
       supabaseAnonKey,
       initialCorner,
       onCornerChange,
-      productBackendUrl
+      productBackendUrl,
+      getAuthHeaders
     }
   );
 }
@@ -4928,7 +4889,8 @@ function KiteChatWrapper({
       userEmail: config.userEmail,
       supabaseUrl: config.supabaseUrl,
       supabaseAnonKey: config.supabaseAnonKey,
-      productBackendUrl: config.productBackendUrl
+      productBackendUrl: config.productBackendUrl,
+      getAuthHeaders: config.getAuthHeaders
     }
   );
 }
@@ -4971,7 +4933,6 @@ function createKiteChat(config) {
           }
         )
       );
-      console.log("[KiteChat] Mounted");
     },
     unmount() {
       if (!root) {
@@ -4983,7 +4944,6 @@ function createKiteChat(config) {
       containerElement = null;
       configUpdater = null;
       stateUpdaters = null;
-      console.log("[KiteChat] Unmounted");
     },
     open() {
       stateUpdaters?.setIsOpen(true);

package/dist/{createKiteChat-e6BnJS6T.d.cts → createKiteChat-DeQKgFyx.d.cts}

@@ -118,8 +118,10 @@ interface ChatPanelProps {
     onCornerChange?: (corner: PanelCorner) => void;
     /** Product backend URL for user authentication (e.g., https://dev.api.rocketalumnisolutions.com) */
     productBackendUrl?: string;
+    /** Optional async function to provide authentication headers for API requests */
+    getAuthHeaders?: () => Promise<Record<string, string>>;
 }
-declare function ChatPanel({ isOpen, onClose, onOpen, onBack, onNavigate, onActionComplete, currentPage, agentUrl, startingQuestions: startingQuestionsProp, startingQuestionsEndpoint, userId, orgId, userName, userEmail, supabaseUrl, supabaseAnonKey, initialCorner, onCornerChange, productBackendUrl, }?: ChatPanelProps): react_jsx_runtime.JSX.Element;
+declare function ChatPanel({ isOpen, onClose, onOpen, onBack, onNavigate, onActionComplete, currentPage, agentUrl, startingQuestions: startingQuestionsProp, startingQuestionsEndpoint, userId, orgId, userName, userEmail, supabaseUrl, supabaseAnonKey, initialCorner, onCornerChange, productBackendUrl, getAuthHeaders, }?: ChatPanelProps): react_jsx_runtime.JSX.Element;
 /**
  * PanelToggle - An arrow button on the right edge that toggles the side panel
  * Shows left arrow when closed (click to open), right arrow when open (click to close)
@@ -182,8 +184,10 @@ interface ChatPanelWithToggleProps {
     onCornerChange?: (corner: PanelCorner) => void;
     /** Product backend URL for user authentication (e.g., https://dev.api.rocketalumnisolutions.com) */
     productBackendUrl?: string;
+    /** Optional async function to provide authentication headers for API requests */
+    getAuthHeaders?: () => Promise<Record<string, string>>;
 }
-declare function ChatPanelWithToggle({ onNavigate, onActionComplete, currentPage, agentUrl, startingQuestions, startingQuestionsEndpoint, defaultOpen, isOpen: controlledIsOpen, onOpenChange, userId, orgId, userName, userEmail, supabaseUrl, supabaseAnonKey, initialCorner, onCornerChange, productBackendUrl, }: ChatPanelWithToggleProps): react_jsx_runtime.JSX.Element;
+declare function ChatPanelWithToggle({ onNavigate, onActionComplete, currentPage, agentUrl, startingQuestions, startingQuestionsEndpoint, defaultOpen, isOpen: controlledIsOpen, onOpenChange, userId, orgId, userName, userEmail, supabaseUrl, supabaseAnonKey, initialCorner, onCornerChange, productBackendUrl, getAuthHeaders, }: ChatPanelWithToggleProps): react_jsx_runtime.JSX.Element;
 /**
  * @deprecated Use ChatPanelWithToggle instead for the new side panel UX
  */
@@ -253,6 +257,8 @@ interface KiteChatConfig {
     supabaseAnonKey?: string;
     /** Product backend URL for user authentication (e.g., https://dev.api.rocketalumnisolutions.com) */
     productBackendUrl?: string;
+    /** Optional async function to provide authentication headers for API requests */
+    getAuthHeaders?: () => Promise<Record<string, string>>;
 }
 /**
  * Instance returned by createKiteChat with lifecycle control methods.

package/dist/{createKiteChat-e6BnJS6T.d.ts → createKiteChat-DeQKgFyx.d.ts}

@@ -118,8 +118,10 @@ interface ChatPanelProps {
     onCornerChange?: (corner: PanelCorner) => void;
     /** Product backend URL for user authentication (e.g., https://dev.api.rocketalumnisolutions.com) */
     productBackendUrl?: string;
+    /** Optional async function to provide authentication headers for API requests */
+    getAuthHeaders?: () => Promise<Record<string, string>>;
 }
-declare function ChatPanel({ isOpen, onClose, onOpen, onBack, onNavigate, onActionComplete, currentPage, agentUrl, startingQuestions: startingQuestionsProp, startingQuestionsEndpoint, userId, orgId, userName, userEmail, supabaseUrl, supabaseAnonKey, initialCorner, onCornerChange, productBackendUrl, }?: ChatPanelProps): react_jsx_runtime.JSX.Element;
+declare function ChatPanel({ isOpen, onClose, onOpen, onBack, onNavigate, onActionComplete, currentPage, agentUrl, startingQuestions: startingQuestionsProp, startingQuestionsEndpoint, userId, orgId, userName, userEmail, supabaseUrl, supabaseAnonKey, initialCorner, onCornerChange, productBackendUrl, getAuthHeaders, }?: ChatPanelProps): react_jsx_runtime.JSX.Element;
 /**
  * PanelToggle - An arrow button on the right edge that toggles the side panel
  * Shows left arrow when closed (click to open), right arrow when open (click to close)
@@ -182,8 +184,10 @@ interface ChatPanelWithToggleProps {
     onCornerChange?: (corner: PanelCorner) => void;
     /** Product backend URL for user authentication (e.g., https://dev.api.rocketalumnisolutions.com) */
     productBackendUrl?: string;
+    /** Optional async function to provide authentication headers for API requests */
+    getAuthHeaders?: () => Promise<Record<string, string>>;
 }
-declare function ChatPanelWithToggle({ onNavigate, onActionComplete, currentPage, agentUrl, startingQuestions, startingQuestionsEndpoint, defaultOpen, isOpen: controlledIsOpen, onOpenChange, userId, orgId, userName, userEmail, supabaseUrl, supabaseAnonKey, initialCorner, onCornerChange, productBackendUrl, }: ChatPanelWithToggleProps): react_jsx_runtime.JSX.Element;
+declare function ChatPanelWithToggle({ onNavigate, onActionComplete, currentPage, agentUrl, startingQuestions, startingQuestionsEndpoint, defaultOpen, isOpen: controlledIsOpen, onOpenChange, userId, orgId, userName, userEmail, supabaseUrl, supabaseAnonKey, initialCorner, onCornerChange, productBackendUrl, getAuthHeaders, }: ChatPanelWithToggleProps): react_jsx_runtime.JSX.Element;
 /**
  * @deprecated Use ChatPanelWithToggle instead for the new side panel UX
  */
@@ -253,6 +257,8 @@ interface KiteChatConfig {
     supabaseAnonKey?: string;
     /** Product backend URL for user authentication (e.g., https://dev.api.rocketalumnisolutions.com) */
     productBackendUrl?: string;
+    /** Optional async function to provide authentication headers for API requests */
+    getAuthHeaders?: () => Promise<Record<string, string>>;
 }
 /**
  * Instance returned by createKiteChat with lifecycle control methods.