@kite-copilot/chat-panel 0.2.49 → 0.2.51

package/README.md

@@ -52,6 +52,12 @@ const chat = createKiteChat({
   // Optional: Pass user info for session tracking in control center
   userName: 'John Doe',
   userEmail: 'john@example.com',
+  // Optional: Provide authentication headers for API requests
+  getAuthHeaders: async () => {
+    return {
+      Authorization: `Bearer ${await getCurrentToken()}`
+    };
+  },
   onNavigate: (page, subtab) => {
     router.push(`/${page}${subtab ? `?tab=${subtab}` : ''}`);
   },
@@ -320,6 +326,7 @@ Creates a new chat instance with explicit lifecycle control.
 | `theme` | `'light' \| 'dark' \| 'system'` | No | Theme preference |
 | `startingQuestions` | `StartingQuestion[]` | No | Custom starting questions |
 | `startingQuestionsEndpoint` | `string` | No | URL to fetch per-user questions |
+| `getAuthHeaders` | `() => Promise<Record<string, string>>` | No | Async function to provide auth headers |
 | `onNavigate` | `(page: string, subtab?: string) => void` | No | Navigation callback |
 | `onActionComplete` | `(actionType: string, data: any) => void` | No | Action completion callback |
 
@@ -360,6 +367,7 @@ import { ChatPanelWithToggle } from '@kite-copilot/chat-panel';
 | `onOpenChange` | `(isOpen: boolean) => void` | - | Called when open state changes |
 | `startingQuestions` | `StartingQuestion[]` | - | Custom starting questions |
 | `startingQuestionsEndpoint` | `string` | - | URL to fetch questions |
+| `getAuthHeaders` | `() => Promise<Record<string, string>>` | - | Async function to provide auth headers |
 | `onNavigate` | `(page, subtab?) => void` | - | Navigation callback |
 | `onActionComplete` | `(type, data) => void` | - | Action completion callback |
 

package/dist/auto.cjs

@@ -348,28 +348,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.");
         }
@@ -379,27 +373,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]);
@@ -416,13 +419,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",
@@ -434,7 +435,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";
@@ -468,8 +468,7 @@ function useFrontendToolExecutor({
     }
   }, [agentUrl]);
   const executeToolRequest = (0, import_react.useCallback)(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) {
@@ -485,7 +484,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",
@@ -497,7 +495,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}`);
@@ -1096,7 +1093,6 @@ function TypingIndicator({ className = "" }) {
 
 // src/ChatPanel.tsx
 var import_jsx_runtime10 = require("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;
@@ -1560,7 +1556,8 @@ function ChatPanel({
   supabaseAnonKey,
   initialCorner = "bottom-left",
   onCornerChange,
-  productBackendUrl
+  productBackendUrl,
+  getAuthHeaders
 } = {}) {
   const [messages, setMessages] = React6.useState(initialMessages);
   const [input, setInput] = React6.useState("");
@@ -1582,6 +1579,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,
@@ -1593,37 +1592,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;
@@ -1654,7 +1622,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(() => {
@@ -1667,26 +1634,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());
@@ -1702,22 +1661,19 @@ function ChatPanel({
     }
   }, [isEscalated, sessionId]);
   React6.useEffect(() => {
-    if (supabaseUrl && supabaseAnonKey && !supabaseRef.current) {
-      supabaseRef.current = (0, import_supabase_js.createClient)(supabaseUrl, supabaseAnonKey);
+    if (effectiveSupabaseUrl && effectiveSupabaseAnonKey && !supabaseRef.current) {
+      supabaseRef.current = (0, import_supabase_js.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) {
@@ -1729,10 +1685,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 () => {
@@ -1743,6 +1700,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;
@@ -1761,24 +1732,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);
@@ -1786,13 +1783,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);
         }
@@ -1802,17 +1798,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",
@@ -1821,16 +1814,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");
@@ -1865,12 +1865,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) {
@@ -2012,17 +2006,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);
@@ -2068,7 +2052,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, {
@@ -2091,7 +2074,6 @@ function ChatPanel({
       console.error("[KiteChat] Escalation WebSocket error:", err);
     };
     ws.onclose = () => {
-      console.log("[KiteChat] Escalation WebSocket closed");
     };
     escalationWsRef.current = ws;
   }, [agentUrl]);
@@ -2105,13 +2087,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) {
@@ -2385,14 +2376,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: {
@@ -2609,7 +2592,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);
               });
@@ -2927,11 +2909,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);
@@ -2951,7 +2928,6 @@ ${userText}`
                     navigationPage: data.navigationPage
                   }
                 };
-                console.log("[DEBUG] Creating bulkSummary message:", newMsg);
                 return [...filtered, newMsg];
               });
               setTimeout(() => {
@@ -4522,28 +4498,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",
@@ -4803,7 +4762,8 @@ function ChatPanelWithToggle({
   supabaseAnonKey,
   initialCorner,
   onCornerChange,
-  productBackendUrl
+  productBackendUrl,
+  getAuthHeaders
 }) {
   const [internalIsOpen, setInternalIsOpen] = React6.useState(defaultOpen);
   const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
@@ -4833,7 +4793,8 @@ function ChatPanelWithToggle({
       supabaseAnonKey,
       initialCorner,
       onCornerChange,
-      productBackendUrl
+      productBackendUrl,
+      getAuthHeaders
     }
   );
 }
@@ -4893,7 +4854,8 @@ function KiteChatWrapper({
       userEmail: config.userEmail,
       supabaseUrl: config.supabaseUrl,
       supabaseAnonKey: config.supabaseAnonKey,
-      productBackendUrl: config.productBackendUrl
+      productBackendUrl: config.productBackendUrl,
+      getAuthHeaders: config.getAuthHeaders
     }
   );
 }
@@ -4936,7 +4898,6 @@ function createKiteChat(config) {
           }
         )
       );
-      console.log("[KiteChat] Mounted");
     },
     unmount() {
       if (!root) {
@@ -4948,7 +4909,6 @@ function createKiteChat(config) {
       containerElement = null;
       configUpdater = null;
       stateUpdaters = null;
-      console.log("[KiteChat] Unmounted");
     },
     open() {
       stateUpdaters?.setIsOpen(true);

package/dist/auto.d.cts

@@ -1,4 +1,4 @@
-import { K as KiteChatConfig, a as KiteChatInstance } from './createKiteChat-e6BnJS6T.cjs';
+import { K as KiteChatConfig, a as KiteChatInstance } from './createKiteChat-DeQKgFyx.cjs';
 import 'react/jsx-runtime';
 
 /**

package/dist/auto.d.ts

@@ -1,4 +1,4 @@
-import { K as KiteChatConfig, a as KiteChatInstance } from './createKiteChat-e6BnJS6T.js';
+import { K as KiteChatConfig, a as KiteChatInstance } from './createKiteChat-DeQKgFyx.js';
 import 'react/jsx-runtime';
 
 /**

package/dist/auto.js

@@ -1,6 +1,6 @@
 import {
   createKiteChat
-} from "./chunk-YZXB3LLU.js";
+} from "./chunk-VBCGW333.js";
 
 // src/auto.ts
 function mountKiteChat(config) {