@kite-copilot/chat-panel 0.2.48 → 0.2.50

package/dist/index.cjs

@@ -66,7 +66,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/createKiteChat.tsx
-var import_react = __toESM(require("react"), 1);
+var import_react2 = __toESM(require("react"), 1);
 var import_client = require("react-dom/client");
 
 // src/ChatPanel.tsx
@@ -379,28 +379,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.");
         }
@@ -410,27 +404,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 isCorsError = errorMessage.includes("cors") || errorMessage.includes("network");
+        const is404Error = errorMessage.includes("404");
+        if (isCorsError || 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]);
@@ -447,13 +450,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",
@@ -465,7 +466,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";
@@ -478,6 +478,75 @@ function useOrgConfig({ agentUrl, orgId }) {
   return state;
 }
 
+// src/hooks/useFrontendToolExecutor.ts
+var import_react = require("react");
+function useFrontendToolExecutor({
+  productBackendUrl,
+  agentUrl,
+  sessionId
+}) {
+  const sendToolResult = (0, import_react.useCallback)(async (payload) => {
+    try {
+      await fetch(`${agentUrl}/chat/tool-result`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(payload)
+      });
+    } catch (error) {
+      console.error("[FrontendToolExecutor] Failed to send tool result:", error);
+    }
+  }, [agentUrl]);
+  const executeToolRequest = (0, import_react.useCallback)(async (toolRequest) => {
+    const { call_id, arguments: args, endpoint, method, path_params } = toolRequest;
+    try {
+      let url = endpoint;
+      for (const param of path_params) {
+        if (args[param]) {
+          url = url.replace(`{${param}}`, encodeURIComponent(args[param]));
+        }
+      }
+      const queryParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(args)) {
+        if (!path_params.includes(key) && value !== void 0 && value !== null) {
+          queryParams.append(key, String(value));
+        }
+      }
+      const queryString = queryParams.toString();
+      const fullUrl = `${productBackendUrl}${url}${queryString ? "?" + queryString : ""}`;
+      const response = await fetch(fullUrl, {
+        method,
+        credentials: "include",
+        headers: {
+          "Accept": "application/json",
+          "Content-Type": "application/json"
+        }
+      });
+      let result;
+      if (response.ok) {
+        result = await response.json();
+      } else {
+        const errorText = await response.text();
+        throw new Error(`HTTP ${response.status}: ${errorText}`);
+      }
+      await sendToolResult({
+        session_id: sessionId,
+        call_id,
+        result
+      });
+    } catch (error) {
+      console.error("[FrontendToolExecutor] Tool execution failed:", error);
+      await sendToolResult({
+        session_id: sessionId,
+        call_id,
+        error: error instanceof Error ? error.message : "Unknown error"
+      });
+    }
+  }, [productBackendUrl, sessionId, sendToolResult]);
+  return { executeToolRequest };
+}
+
 // src/components/ui/card.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function Card({ className, ...props }) {
@@ -1078,7 +1147,6 @@ function TypingIndicator({ className = "" }) {
 
 // src/ChatPanel.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var CHAT_PANEL_VERSION = true ? "0.2.48" : "dev";
 var DEFAULT_AGENT_URL = "http://localhost:5002";
 var PANEL_WIDTH = 400;
 var PANEL_HEIGHT = 600;
@@ -1542,7 +1610,8 @@ function ChatPanel({
   supabaseAnonKey,
   initialCorner = "bottom-left",
   onCornerChange,
-  productBackendUrl
+  productBackendUrl,
+  getAuthHeaders
 } = {}) {
   const [messages, setMessages] = React6.useState(initialMessages);
   const [input, setInput] = React6.useState("");
@@ -1570,37 +1639,11 @@ function ChatPanel({
     enabled: !!effectiveProductBackendUrl && orgConfigState.status === "success"
     // Only enable after config is fetched
   });
-  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 { executeToolRequest } = useFrontendToolExecutor({
+    productBackendUrl: effectiveProductBackendUrl || "",
+    agentUrl,
+    sessionId
+  });
   const effectiveUser = React6.useMemo(() => {
     if (sessionUser) {
       return sessionUser;
@@ -1631,7 +1674,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(() => {
@@ -1644,26 +1686,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());
@@ -1689,12 +1723,9 @@ function ChatPanel({
     }
     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) {
@@ -1706,10 +1737,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 () => {
@@ -1720,6 +1752,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;
@@ -1738,9 +1784,20 @@ function ChatPanel({
     }
     const currentSessionId = sessionId;
     const supabase = supabaseRef.current;
-    updateCustomerStatus("active");
+    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)
+      );
+    };
+    console.log("[KiteChat] Starting presence heartbeat for live chat");
+    markActive();
     heartbeatIntervalRef.current = window.setInterval(() => {
-      updateCustomerStatus("active");
+      markActive();
     }, 6e4);
     const handleBeforeUnload = () => {
       supabase.from("escalations").update({
@@ -1755,7 +1812,7 @@ function ChatPanel({
           customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
         }).eq("session_id", currentSessionId);
       } else if (document.visibilityState === "visible") {
-        updateCustomerStatus("active");
+        markActive();
       }
     };
     window.addEventListener("beforeunload", handleBeforeUnload);
@@ -1763,13 +1820,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);
         }
@@ -1779,17 +1835,14 @@ function ChatPanel({
         heartbeatIntervalRef.current = null;
       }
     };
-  }, [isEscalated, sessionId, updateCustomerStatus]);
+  }, [isEscalated, sessionId]);
   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",
@@ -1798,16 +1851,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");
@@ -1842,12 +1902,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) {
@@ -1989,17 +2043,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);
@@ -2045,7 +2089,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, {
@@ -2068,7 +2111,6 @@ function ChatPanel({
       console.error("[KiteChat] Escalation WebSocket error:", err);
     };
     ws.onclose = () => {
-      console.log("[KiteChat] Escalation WebSocket closed");
     };
     escalationWsRef.current = ws;
   }, [agentUrl]);
@@ -2082,13 +2124,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) {
@@ -2362,14 +2413,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: {
@@ -2584,6 +2627,11 @@ function ChatPanel({
                 content: data.message || "You've been connected to our support queue. An agent will be with you shortly."
               };
               setMessages((prev) => [...prev, escalationMessage]);
+            } else if (eventType === "tool_request") {
+              const toolRequest = data;
+              executeToolRequest(toolRequest).catch((err) => {
+                console.error("[KiteChat] Tool execution failed:", err);
+              });
             } else if (eventType === "token") {
             }
           } catch (parseError) {
@@ -2898,11 +2946,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);
@@ -2922,7 +2965,6 @@ ${userText}`
                     navigationPage: data.navigationPage
                   }
                 };
-                console.log("[DEBUG] Creating bulkSummary message:", newMsg);
                 return [...filtered, newMsg];
               });
               setTimeout(() => {
@@ -4493,28 +4535,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",
@@ -4794,7 +4819,8 @@ function ChatPanelWithToggle({
   supabaseAnonKey,
   initialCorner,
   onCornerChange,
-  productBackendUrl
+  productBackendUrl,
+  getAuthHeaders
 }) {
   const [internalIsOpen, setInternalIsOpen] = React6.useState(defaultOpen);
   const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
@@ -4824,7 +4850,8 @@ function ChatPanelWithToggle({
       supabaseAnonKey,
       initialCorner,
       onCornerChange,
-      productBackendUrl
+      productBackendUrl,
+      getAuthHeaders
     }
   );
 }
@@ -4848,14 +4875,14 @@ function KiteChatWrapper({
   onConfigUpdate,
   onStateUpdate
 }) {
-  const [config, setConfig] = import_react.default.useState(initialConfig);
-  const [currentPage, setCurrentPage] = import_react.default.useState(initialConfig.currentPage || "dashboard");
-  const [isOpen, setIsOpen] = import_react.default.useState(false);
-  const isOpenRef = import_react.default.useRef(false);
-  import_react.default.useEffect(() => {
+  const [config, setConfig] = import_react2.default.useState(initialConfig);
+  const [currentPage, setCurrentPage] = import_react2.default.useState(initialConfig.currentPage || "dashboard");
+  const [isOpen, setIsOpen] = import_react2.default.useState(false);
+  const isOpenRef = import_react2.default.useRef(false);
+  import_react2.default.useEffect(() => {
     isOpenRef.current = isOpen;
   }, [isOpen]);
-  import_react.default.useEffect(() => {
+  import_react2.default.useEffect(() => {
     onConfigUpdate((newConfig) => {
       if (newConfig.currentPage !== void 0) {
         setCurrentPage(newConfig.currentPage);
@@ -4867,7 +4894,7 @@ function KiteChatWrapper({
       getIsOpen: () => isOpenRef.current
     });
   }, [onConfigUpdate, onStateUpdate]);
-  import_react.default.useEffect(() => {
+  import_react2.default.useEffect(() => {
     const container = document.getElementById("kite-chat-root");
     if (!container) return;
     if (config.theme === "dark") {
@@ -4896,7 +4923,8 @@ function KiteChatWrapper({
       userEmail: config.userEmail,
       supabaseUrl: config.supabaseUrl,
       supabaseAnonKey: config.supabaseAnonKey,
-      productBackendUrl: config.productBackendUrl
+      productBackendUrl: config.productBackendUrl,
+      getAuthHeaders: config.getAuthHeaders
     }
   );
 }
@@ -4939,7 +4967,6 @@ function createKiteChat(config) {
           }
         )
       );
-      console.log("[KiteChat] Mounted");
     },
     unmount() {
       if (!root) {
@@ -4951,7 +4978,6 @@ function createKiteChat(config) {
       containerElement = null;
       configUpdater = null;
       stateUpdaters = null;
-      console.log("[KiteChat] Unmounted");
     },
     open() {
       stateUpdaters?.setIsOpen(true);

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { i as ActionData, A as ActionType, C as ChatPanel, d as ChatPanelProps, b as ChatPanelWithToggle, e as ChatPanelWithToggleProps, H as HelpButton, g as HelpButtonProps, K as KiteChatConfig, a as KiteChatInstance, N as NavigationTarget, h as Page, k as PanelCorner, P as PanelToggle, f as PanelToggleProps, S as SettingsTab, j as StartingQuestion, c as createKiteChat } from './createKiteChat-e6BnJS6T.cjs';
+export { i as ActionData, A as ActionType, C as ChatPanel, d as ChatPanelProps, b as ChatPanelWithToggle, e as ChatPanelWithToggleProps, H as HelpButton, g as HelpButtonProps, K as KiteChatConfig, a as KiteChatInstance, N as NavigationTarget, h as Page, k as PanelCorner, P as PanelToggle, f as PanelToggleProps, S as SettingsTab, j as StartingQuestion, c as createKiteChat } from './createKiteChat-DeQKgFyx.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { i as ActionData, A as ActionType, C as ChatPanel, d as ChatPanelProps, b as ChatPanelWithToggle, e as ChatPanelWithToggleProps, H as HelpButton, g as HelpButtonProps, K as KiteChatConfig, a as KiteChatInstance, N as NavigationTarget, h as Page, k as PanelCorner, P as PanelToggle, f as PanelToggleProps, S as SettingsTab, j as StartingQuestion, c as createKiteChat } from './createKiteChat-e6BnJS6T.js';
+export { i as ActionData, A as ActionType, C as ChatPanel, d as ChatPanelProps, b as ChatPanelWithToggle, e as ChatPanelWithToggleProps, H as HelpButton, g as HelpButtonProps, K as KiteChatConfig, a as KiteChatInstance, N as NavigationTarget, h as Page, k as PanelCorner, P as PanelToggle, f as PanelToggleProps, S as SettingsTab, j as StartingQuestion, c as createKiteChat } from './createKiteChat-DeQKgFyx.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';

package/dist/index.js

@@ -31,7 +31,7 @@ import {
   cn,
   createKiteChat,
   useGuideCursor
-} from "./chunk-LOTJ3U5L.js";
+} from "./chunk-BLSVIF7H.js";
 export {
   ApiKeyList,
   AssistantActivity,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kite-copilot/chat-panel",
-  "version": "0.2.48",
+  "version": "0.2.50",
   "description": "AI-powered chat panel SDK with programmatic lifecycle control",
   "type": "module",
   "main": "./dist/index.cjs",