@kite-copilot/chat-panel 0.2.36 → 0.2.38

package/dist/auto.cjs

@@ -915,6 +915,7 @@ function TypingIndicator({ className = "" }) {
 
 // src/ChatPanel.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var CHAT_PANEL_VERSION = true ? "0.2.38" : "dev";
 var DEFAULT_AGENT_URL = "http://localhost:5002";
 var PANEL_WIDTH = 340;
 function unescapeJsonString(str) {
@@ -1360,6 +1361,9 @@ function ChatPanel({
   const supabaseRef = React4.useRef(null);
   const typingChannelRef = React4.useRef(null);
   const typingTimeoutRef = React4.useRef(null);
+  React4.useEffect(() => {
+    console.log(`[KiteChat] Chat Panel v${CHAT_PANEL_VERSION} loaded`);
+  }, []);
   const resetSession = React4.useCallback(() => {
     if (isEscalated && supabaseRef.current && sessionId) {
       supabaseRef.current.from("escalations").update({
@@ -1390,9 +1394,12 @@ 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) {
@@ -1404,8 +1411,10 @@ function ChatPanel({
         }
       }
     }).subscribe((status) => {
+      console.log(`[KiteChat] Typing channel status: ${status}`);
       if (status === "SUBSCRIBED") {
         typingChannelRef.current = channel;
+        console.log("[KiteChat] Typing channel ready");
       }
     });
     return () => {
@@ -1477,7 +1486,15 @@ function ChatPanel({
     };
   }, [isEscalated, sessionId, updateCustomerStatus]);
   const sendTypingIndicator = React4.useCallback((isTyping) => {
-    if (!typingChannelRef.current || !isEscalated) return;
+    if (!typingChannelRef.current) {
+      console.log("[KiteChat] Cannot send typing - channel not ready");
+      return;
+    }
+    if (!isEscalated) {
+      console.log("[KiteChat] Cannot send typing - not escalated");
+      return;
+    }
+    console.log(`[KiteChat] Sending typing indicator: ${isTyping}`);
     typingChannelRef.current.send({
       type: "broadcast",
       event: "typing",
@@ -4201,7 +4218,7 @@ ${userText}`
                   progressSteps
                 }
               ) }),
-              isEscalated && agentIsTyping && phase === "idle" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TypingIndicator, {}) }),
+              isEscalated && agentIsTyping && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TypingIndicator, {}) }),
               !activeGuide && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: messagesEndRef })
             ] }) }) }) })
           }

package/dist/auto.js

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

package/dist/{chunk-GUAWNSRO.js → chunk-QSVOPKVC.js}

@@ -916,6 +916,7 @@ 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.38" : "dev";
 var DEFAULT_AGENT_URL = "http://localhost:5002";
 var PANEL_WIDTH = 340;
 function unescapeJsonString(str) {
@@ -1361,6 +1362,9 @@ function ChatPanel({
   const supabaseRef = React4.useRef(null);
   const typingChannelRef = React4.useRef(null);
   const typingTimeoutRef = React4.useRef(null);
+  React4.useEffect(() => {
+    console.log(`[KiteChat] Chat Panel v${CHAT_PANEL_VERSION} loaded`);
+  }, []);
   const resetSession = React4.useCallback(() => {
     if (isEscalated && supabaseRef.current && sessionId) {
       supabaseRef.current.from("escalations").update({
@@ -1391,9 +1395,12 @@ 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) {
@@ -1405,8 +1412,10 @@ function ChatPanel({
         }
       }
     }).subscribe((status) => {
+      console.log(`[KiteChat] Typing channel status: ${status}`);
       if (status === "SUBSCRIBED") {
         typingChannelRef.current = channel;
+        console.log("[KiteChat] Typing channel ready");
       }
     });
     return () => {
@@ -1478,7 +1487,15 @@ function ChatPanel({
     };
   }, [isEscalated, sessionId, updateCustomerStatus]);
   const sendTypingIndicator = React4.useCallback((isTyping) => {
-    if (!typingChannelRef.current || !isEscalated) return;
+    if (!typingChannelRef.current) {
+      console.log("[KiteChat] Cannot send typing - channel not ready");
+      return;
+    }
+    if (!isEscalated) {
+      console.log("[KiteChat] Cannot send typing - not escalated");
+      return;
+    }
+    console.log(`[KiteChat] Sending typing indicator: ${isTyping}`);
     typingChannelRef.current.send({
       type: "broadcast",
       event: "typing",
@@ -4202,7 +4219,7 @@ ${userText}`
                   progressSteps
                 }
               ) }),
-              isEscalated && agentIsTyping && phase === "idle" && /* @__PURE__ */ jsx10("div", { className: "mt-2", children: /* @__PURE__ */ jsx10(TypingIndicator, {}) }),
+              isEscalated && agentIsTyping && /* @__PURE__ */ jsx10("div", { className: "mt-2", children: /* @__PURE__ */ jsx10(TypingIndicator, {}) }),
               !activeGuide && /* @__PURE__ */ jsx10("div", { ref: messagesEndRef })
             ] }) }) }) })
           }