@cuekit-ai/react 1.6.9 → 1.6.10

package/dist/{chunk-ZP7AXODE.mjs → chunk-XVA5MZMJ.mjs}

@@ -5901,8 +5901,8 @@ function requireEvents() {
       ReflectApply(handler, this, args);
     } else {
       var len = handler.length;
-      var listeners = arrayClone(handler, len);
-      for (var i = 0; i < len; ++i) ReflectApply(listeners[i], this, args);
+      var listeners2 = arrayClone(handler, len);
+      for (var i = 0; i < len; ++i) ReflectApply(listeners2[i], this, args);
     }
     return true;
   };
@@ -6018,7 +6018,7 @@ function requireEvents() {
   };
   EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
   EventEmitter.prototype.removeAllListeners = function removeAllListeners(type) {
-    var listeners, events2, i;
+    var listeners2, events2, i;
     events2 = this._events;
     if (events2 === void 0) return this;
     if (events2.removeListener === void 0) {
@@ -6044,12 +6044,12 @@ function requireEvents() {
       this._eventsCount = 0;
       return this;
     }
-    listeners = events2[type];
-    if (typeof listeners === "function") {
-      this.removeListener(type, listeners);
-    } else if (listeners !== void 0) {
-      for (i = listeners.length - 1; i >= 0; i--) {
-        this.removeListener(type, listeners[i]);
+    listeners2 = events2[type];
+    if (typeof listeners2 === "function") {
+      this.removeListener(type, listeners2);
+    } else if (listeners2 !== void 0) {
+      for (i = listeners2.length - 1; i >= 0; i--) {
+        this.removeListener(type, listeners2[i]);
       }
     }
     return this;
@@ -6062,7 +6062,7 @@ function requireEvents() {
     if (typeof evlistener === "function") return unwrap ? [evlistener.listener || evlistener] : [evlistener];
     return unwrap ? unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);
   }
-  EventEmitter.prototype.listeners = function listeners(type) {
+  EventEmitter.prototype.listeners = function listeners2(type) {
     return _listeners(this, type, true);
   };
   EventEmitter.prototype.rawListeners = function rawListeners(type) {
@@ -23349,7 +23349,7 @@ function normalizeToNavigationCommand(message) {
 var room = null;
 var reconnectTimeout = null;
 var serverUrl = WEBRTC_BACKEND_SERVER_URL || "https://api-webrtc.ansyr.ai";
-var callbacks = {};
+var listeners = /* @__PURE__ */ new Set();
 var audioContainerRef = null;
 var livekitUrl = null;
 var token = null;
@@ -23360,16 +23360,21 @@ function setServerUrl(url) {
 function setAudioContainer(newAudioContainerRef) {
   audioContainerRef = newAudioContainerRef;
 }
+function registerWebRTCCallbacks(callback) {
+  listeners.add(callback);
+  console.log("\u{1F4E1} WebRTC listener registered. Total listeners:", listeners.size);
+}
+function unregisterWebRTCCallbacks(callback) {
+  listeners.delete(callback);
+  console.log("\u{1F4E1} WebRTC listener unregistered. Total listeners:", listeners.size);
+}
 function setWebRTCCallbacks(newCallbacks) {
-  console.log("\u{1F4E1} setWebRTCCallbacks called with:", {
-    hasOnNavigationCommand: !!newCallbacks.onNavigationCommand,
-    hasOnConnectionStateChange: !!newCallbacks.onConnectionStateChange,
-    hasOnParticipantUpdate: !!newCallbacks.onParticipantUpdate
-  });
-  callbacks = newCallbacks;
+  console.warn("\u26A0\uFE0F setWebRTCCallbacks is deprecated. Use registerWebRTCCallbacks instead.");
+  listeners.clear();
+  listeners.add(newCallbacks);
 }
 function getCurrentCallbacks() {
-  return callbacks;
+  return Array.from(listeners)[0] || {};
 }
 async function authenticate(userIdentity, apiKey, appId, language) {
   try {
@@ -23428,7 +23433,7 @@ async function connectToRoom(newLivekitUrl, newToken) {
 function setupEventListeners() {
   if (!room) return;
   room.on(RoomEvent.ConnectionStateChanged, (state) => {
-    callbacks.onConnectionStateChange?.(state);
+    listeners.forEach((l) => l.onConnectionStateChange?.(state));
     if (state === ConnectionState.Connected) {
       setWebRTCConnectionState({ isConnected: true, isConnecting: false });
     } else if (state === ConnectionState.Disconnected) {
@@ -23449,11 +23454,17 @@ function setupEventListeners() {
           audioContainerRef.current.appendChild(element);
           if (element instanceof HTMLAudioElement) {
             const trackId = track.sid || `track_${Date.now()}_${Math.random()}`;
-            callbacks.onAISpeechStart?.(trackId);
+            listeners.forEach((l) => l.onAISpeechStart?.(trackId));
             element.play().catch((error) => {
             });
-            element.addEventListener("ended", () => callbacks.onAISpeechEnd?.(trackId));
-            element.addEventListener("pause", () => callbacks.onAISpeechEnd?.(trackId));
+            element.addEventListener(
+              "ended",
+              () => listeners.forEach((l) => l.onAISpeechEnd?.(trackId))
+            );
+            element.addEventListener(
+              "pause",
+              () => listeners.forEach((l) => l.onAISpeechEnd?.(trackId))
+            );
           }
         }
       }
@@ -23469,13 +23480,14 @@ function setupEventListeners() {
       const jsonPart = parts[1];
       console.log("\u{1F4E1} WebRTC Pipe-separated message:", { textPart, jsonPart });
       if (textPart) {
-        callbacks.onNavigationCommand?.({ type: "speech_text", data: textPart });
+        listeners.forEach((l) => l.onNavigationCommand?.({ type: "speech_text", data: textPart }));
       }
       if (jsonPart) {
         try {
           const message = JSON.parse(jsonPart);
           console.log("\u{1F4E1} WebRTC Parsed JSON message:", message);
-          callbacks.onNavigationCommand?.(normalizeToNavigationCommand(message));
+          const normalized = normalizeToNavigationCommand(message);
+          listeners.forEach((l) => l.onNavigationCommand?.(normalized));
         } catch (error) {
           console.log("\u{1F4E1} WebRTC JSON parse error for JSON part:", error, "JSON part:", jsonPart);
         }
@@ -23484,11 +23496,12 @@ function setupEventListeners() {
       try {
         const message = JSON.parse(decodedPayload);
         console.log("\u{1F4E1} WebRTC Parsed message:", message);
-        callbacks.onNavigationCommand?.(normalizeToNavigationCommand(message));
+        const normalized = normalizeToNavigationCommand(message);
+        listeners.forEach((l) => l.onNavigationCommand?.(normalized));
       } catch (error) {
         console.log("\u{1F4E1} WebRTC JSON parse error:", error, "Raw payload:", decodedPayload);
         const message = decodedPayload;
-        callbacks.onNavigationCommand?.({ type: "raw_text", data: message });
+        listeners.forEach((l) => l.onNavigationCommand?.({ type: "raw_text", data: message }));
       }
     }
   }).on(RoomEvent.Disconnected, () => {
@@ -23502,7 +23515,7 @@ function updateParticipantsList() {
     ...Array.from(room.remoteParticipants.values()).map((p) => p.identity)
   ];
   setWebRTCConnectionState({ participants });
-  callbacks.onParticipantUpdate?.(participants);
+  listeners.forEach((l) => l.onParticipantUpdate?.(participants));
 }
 async function sendData(data, reliable = true) {
   if (!room) throw new Error("Not connected to room");
@@ -23635,6 +23648,8 @@ export {
   validateDynamicElements,
   setServerUrl,
   setAudioContainer,
+  registerWebRTCCallbacks,
+  unregisterWebRTCCallbacks,
   setWebRTCCallbacks,
   getCurrentCallbacks,
   authenticate,

package/dist/index.js

@@ -2524,8 +2524,8 @@ function requireEvents() {
       ReflectApply(handler, this, args);
     } else {
       var len = handler.length;
-      var listeners = arrayClone(handler, len);
-      for (var i2 = 0; i2 < len; ++i2) ReflectApply(listeners[i2], this, args);
+      var listeners2 = arrayClone(handler, len);
+      for (var i2 = 0; i2 < len; ++i2) ReflectApply(listeners2[i2], this, args);
     }
     return true;
   };
@@ -2641,7 +2641,7 @@ function requireEvents() {
   };
   EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
   EventEmitter.prototype.removeAllListeners = function removeAllListeners(type) {
-    var listeners, events2, i2;
+    var listeners2, events2, i2;
     events2 = this._events;
     if (events2 === void 0) return this;
     if (events2.removeListener === void 0) {
@@ -2667,12 +2667,12 @@ function requireEvents() {
       this._eventsCount = 0;
       return this;
     }
-    listeners = events2[type];
-    if (typeof listeners === "function") {
-      this.removeListener(type, listeners);
-    } else if (listeners !== void 0) {
-      for (i2 = listeners.length - 1; i2 >= 0; i2--) {
-        this.removeListener(type, listeners[i2]);
+    listeners2 = events2[type];
+    if (typeof listeners2 === "function") {
+      this.removeListener(type, listeners2);
+    } else if (listeners2 !== void 0) {
+      for (i2 = listeners2.length - 1; i2 >= 0; i2--) {
+        this.removeListener(type, listeners2[i2]);
       }
     }
     return this;
@@ -2685,7 +2685,7 @@ function requireEvents() {
     if (typeof evlistener === "function") return unwrap ? [evlistener.listener || evlistener] : [evlistener];
     return unwrap ? unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);
   }
-  EventEmitter.prototype.listeners = function listeners(type) {
+  EventEmitter.prototype.listeners = function listeners2(type) {
     return _listeners(this, type, true);
   };
   EventEmitter.prototype.rawListeners = function rawListeners(type) {
@@ -23354,6 +23354,7 @@ __export(webrtc_service_exports, {
   getRoom: () => getRoom,
   getRoomName: () => getRoomName,
   isConnected: () => isConnected,
+  registerWebRTCCallbacks: () => registerWebRTCCallbacks,
   sendData: () => sendData,
   sendRuntimeData: () => sendRuntimeData,
   sendScreenStatus: () => sendScreenStatus,
@@ -23361,7 +23362,8 @@ __export(webrtc_service_exports, {
   sendUserCommand: () => sendUserCommand,
   setAudioContainer: () => setAudioContainer,
   setServerUrl: () => setServerUrl,
-  setWebRTCCallbacks: () => setWebRTCCallbacks
+  setWebRTCCallbacks: () => setWebRTCCallbacks,
+  unregisterWebRTCCallbacks: () => unregisterWebRTCCallbacks
 });
 function normalizeToNavigationCommand(message) {
   if (!message || typeof message !== "object") return message;
@@ -23377,16 +23379,21 @@ function setServerUrl(url) {
 function setAudioContainer(newAudioContainerRef) {
   audioContainerRef = newAudioContainerRef;
 }
+function registerWebRTCCallbacks(callback) {
+  listeners.add(callback);
+  console.log("\u{1F4E1} WebRTC listener registered. Total listeners:", listeners.size);
+}
+function unregisterWebRTCCallbacks(callback) {
+  listeners.delete(callback);
+  console.log("\u{1F4E1} WebRTC listener unregistered. Total listeners:", listeners.size);
+}
 function setWebRTCCallbacks(newCallbacks) {
-  console.log("\u{1F4E1} setWebRTCCallbacks called with:", {
-    hasOnNavigationCommand: !!newCallbacks.onNavigationCommand,
-    hasOnConnectionStateChange: !!newCallbacks.onConnectionStateChange,
-    hasOnParticipantUpdate: !!newCallbacks.onParticipantUpdate
-  });
-  callbacks = newCallbacks;
+  console.warn("\u26A0\uFE0F setWebRTCCallbacks is deprecated. Use registerWebRTCCallbacks instead.");
+  listeners.clear();
+  listeners.add(newCallbacks);
 }
 function getCurrentCallbacks() {
-  return callbacks;
+  return Array.from(listeners)[0] || {};
 }
 async function authenticate(userIdentity, apiKey, appId, language) {
   try {
@@ -23445,7 +23452,7 @@ async function connectToRoom(newLivekitUrl, newToken) {
 function setupEventListeners() {
   if (!room) return;
   room.on(RoomEvent.ConnectionStateChanged, (state) => {
-    callbacks.onConnectionStateChange?.(state);
+    listeners.forEach((l) => l.onConnectionStateChange?.(state));
     if (state === ConnectionState.Connected) {
       setWebRTCConnectionState({ isConnected: true, isConnecting: false });
     } else if (state === ConnectionState.Disconnected) {
@@ -23466,11 +23473,17 @@ function setupEventListeners() {
           audioContainerRef.current.appendChild(element3);
           if (element3 instanceof HTMLAudioElement) {
             const trackId = track.sid || `track_${Date.now()}_${Math.random()}`;
-            callbacks.onAISpeechStart?.(trackId);
+            listeners.forEach((l) => l.onAISpeechStart?.(trackId));
             element3.play().catch((error) => {
             });
-            element3.addEventListener("ended", () => callbacks.onAISpeechEnd?.(trackId));
-            element3.addEventListener("pause", () => callbacks.onAISpeechEnd?.(trackId));
+            element3.addEventListener(
+              "ended",
+              () => listeners.forEach((l) => l.onAISpeechEnd?.(trackId))
+            );
+            element3.addEventListener(
+              "pause",
+              () => listeners.forEach((l) => l.onAISpeechEnd?.(trackId))
+            );
           }
         }
       }
@@ -23486,13 +23499,14 @@ function setupEventListeners() {
       const jsonPart = parts[1];
       console.log("\u{1F4E1} WebRTC Pipe-separated message:", { textPart, jsonPart });
       if (textPart) {
-        callbacks.onNavigationCommand?.({ type: "speech_text", data: textPart });
+        listeners.forEach((l) => l.onNavigationCommand?.({ type: "speech_text", data: textPart }));
       }
       if (jsonPart) {
         try {
           const message = JSON.parse(jsonPart);
           console.log("\u{1F4E1} WebRTC Parsed JSON message:", message);
-          callbacks.onNavigationCommand?.(normalizeToNavigationCommand(message));
+          const normalized = normalizeToNavigationCommand(message);
+          listeners.forEach((l) => l.onNavigationCommand?.(normalized));
         } catch (error) {
           console.log("\u{1F4E1} WebRTC JSON parse error for JSON part:", error, "JSON part:", jsonPart);
         }
@@ -23501,11 +23515,12 @@ function setupEventListeners() {
       try {
         const message = JSON.parse(decodedPayload);
         console.log("\u{1F4E1} WebRTC Parsed message:", message);
-        callbacks.onNavigationCommand?.(normalizeToNavigationCommand(message));
+        const normalized = normalizeToNavigationCommand(message);
+        listeners.forEach((l) => l.onNavigationCommand?.(normalized));
       } catch (error) {
         console.log("\u{1F4E1} WebRTC JSON parse error:", error, "Raw payload:", decodedPayload);
         const message = decodedPayload;
-        callbacks.onNavigationCommand?.({ type: "raw_text", data: message });
+        listeners.forEach((l) => l.onNavigationCommand?.({ type: "raw_text", data: message }));
       }
     }
   }).on(RoomEvent.Disconnected, () => {
@@ -23519,7 +23534,7 @@ function updateParticipantsList() {
     ...Array.from(room.remoteParticipants.values()).map((p) => p.identity)
   ];
   setWebRTCConnectionState({ participants });
-  callbacks.onParticipantUpdate?.(participants);
+  listeners.forEach((l) => l.onParticipantUpdate?.(participants));
 }
 async function sendData(data, reliable = true) {
   if (!room) throw new Error("Not connected to room");
@@ -23624,7 +23639,7 @@ async function disconnectFromRoom() {
 function getRoom() {
   return room;
 }
-var room, reconnectTimeout, serverUrl, callbacks, audioContainerRef, livekitUrl, token, roomName;
+var room, reconnectTimeout, serverUrl, listeners, audioContainerRef, livekitUrl, token, roomName;
 var init_webrtc_service = __esm({
   "src/utils/webrtc-service.ts"() {
     "use strict";
@@ -23636,7 +23651,7 @@ var init_webrtc_service = __esm({
     room = null;
     reconnectTimeout = null;
     serverUrl = WEBRTC_BACKEND_SERVER_URL || "https://api-webrtc.ansyr.ai";
-    callbacks = {};
+    listeners = /* @__PURE__ */ new Set();
     audioContainerRef = null;
     livekitUrl = null;
     token = null;
@@ -25027,31 +25042,43 @@ var AnsyrProvider = ({
     };
   }, [navigationHandler2]);
   (0, import_react.useEffect)(() => {
-    Promise.resolve().then(() => (init_webrtc_service(), webrtc_service_exports)).then(({ setWebRTCCallbacks: setWebRTCCallbacks2 }) => {
-      setWebRTCCallbacks2({
-        onNavigationCommand: (command) => {
-          const data = command.data ?? command;
-          if (!data?.actionType) return;
-          if (data.actionType === "navigate" && data.routeName) {
-            if (navigationHandler2) {
-              navigationHandler2(data.routeName);
-            }
-          } else if (data.actionType === "click" && data.elementId) {
-            console.log("AI intent: Click element", data.elementId);
-          }
-        },
-        onConnectionStateChange: (state) => {
-          if (onConnectionStateChange) {
-            onConnectionStateChange(state);
-          }
-        },
-        onParticipantUpdate: (participants) => {
-          if (onParticipantUpdate) {
-            onParticipantUpdate(participants);
+    let cleanup = null;
+    Promise.resolve().then(() => (init_webrtc_service(), webrtc_service_exports)).then(
+      ({ registerWebRTCCallbacks: registerWebRTCCallbacks2, unregisterWebRTCCallbacks: unregisterWebRTCCallbacks2 }) => {
+        const listeners2 = {
+          onNavigationCommand: (command) => {
+            const data = command.data ?? command;
+            if (!data?.actionType) return;
+            if (data.actionType === "navigate" && data.routeName) {
+              if (navigationHandler2) {
+                navigationHandler2(data.routeName);
+              }
+            } else if (data.actionType === "click" && data.elementId) {
+              console.log("AI intent: Click element", data.elementId);
+            }
+          },
+          onConnectionStateChange: (state) => {
+            if (onConnectionStateChange) {
+              onConnectionStateChange(state);
+            }
+          },
+          onParticipantUpdate: (participants) => {
+            if (onParticipantUpdate) {
+              onParticipantUpdate(participants);
+            }
           }
-        }
-      });
-    });
+        };
+        registerWebRTCCallbacks2(listeners2);
+        cleanup = () => {
+          unregisterWebRTCCallbacks2(listeners2);
+        };
+      }
+    );
+    return () => {
+      if (cleanup) {
+        cleanup();
+      }
+    };
   }, [onConnectionStateChange, onParticipantUpdate, navigationHandler2]);
   (0, import_react.useEffect)(() => {
     const updateGlobalStore = (id) => {
@@ -25142,6 +25169,7 @@ var useWebRTC = (options) => {
   const [participants, setParticipants] = (0, import_react2.useState)([]);
   const [room2, setRoom] = (0, import_react2.useState)(null);
   const [error, setError] = (0, import_react2.useState)(null);
+  const listenersRef = (0, import_react2.useRef)(null);
   const audioContainerRef2 = (0, import_react2.useRef)(null);
   (0, import_react2.useEffect)(() => {
     setAudioContainer(audioContainerRef2);
@@ -25157,15 +25185,20 @@ var useWebRTC = (options) => {
       setParticipants(participants2);
       options?.onParticipantUpdate?.(participants2);
     };
-    setWebRTCCallbacks({
+    const listeners2 = {
       onConnectionStateChange: handleConnectionStateChange,
       onParticipantUpdate: handleParticipantUpdate,
       onNavigationCommand: options?.onNavigationCommand,
       onAISpeechStart: options?.onAISpeechStart,
       onAISpeechEnd: options?.onAISpeechEnd
-    });
+    };
+    listenersRef.current = listeners2;
+    registerWebRTCCallbacks(listeners2);
     return () => {
-      setWebRTCCallbacks({});
+      if (listenersRef.current) {
+        unregisterWebRTCCallbacks(listenersRef.current);
+        listenersRef.current = null;
+      }
     };
   }, [
     options?.onConnectionStateChange,
@@ -25227,30 +25260,85 @@ var useCuekit = (options) => {
   const currentUserMessageRef = (0, import_react3.useRef)(null);
   const currentAIMessageRef = (0, import_react3.useRef)(null);
   const handleMessageChunk = (0, import_react3.useCallback)((text7, role, isFinal) => {
-    const currentMessageRef = role === "user" ? currentUserMessageRef : currentAIMessageRef;
-    const messageToUpdate = currentMessageRef.current;
-    if (!messageToUpdate && !text7 && isFinal) {
-      return;
-    }
-    if (messageToUpdate) {
-      const updatedMessage = { ...messageToUpdate, text: messageToUpdate.text + text7, isFinal };
-      currentMessageRef.current = updatedMessage;
-      setMessages(
-        (prev) => prev.map((msg) => msg.id === messageToUpdate.id ? updatedMessage : msg)
-      );
-    } else {
-      const newMessage = {
-        id: `${role}-${Date.now()}`,
+    const activeRef = role === "user" ? currentUserMessageRef : currentAIMessageRef;
+    console.log(`\u{1F50D} handleMessageChunk called:`, {
+      role,
+      text: text7.substring(0, 50) + (text7.length > 50 ? "..." : ""),
+      textLength: text7.length,
+      isFinal,
+      hasExistingMessage: !!activeRef.current,
+      existingMessageId: activeRef.current?.id
+    });
+    const messageToUpdate = activeRef.current;
+    let updatedMessage = null;
+    setMessages((prev) => {
+      console.log(`\u{1F50D} setMessages callback:`, {
         role,
-        text: text7,
-        isFinal,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      currentMessageRef.current = newMessage;
-      setMessages((prev) => [...prev, newMessage]);
+        messageToUpdate: messageToUpdate ? { id: messageToUpdate.id, textLength: messageToUpdate.text.length } : null,
+        prevMessagesCount: prev.length,
+        prevMessages: prev.map((m) => ({
+          id: m.id,
+          role: m.role,
+          textLength: m.text.length,
+          isFinal: m.isFinal
+        }))
+      });
+      if (!messageToUpdate && !text7 && isFinal) {
+        console.log(`\u{1F50D} Skipping empty final chunk (no existing message)`);
+        return prev;
+      }
+      if (messageToUpdate) {
+        const existsInState = prev.some((msg) => msg.id === messageToUpdate.id);
+        const newUpdatedMessage = { ...messageToUpdate, text: messageToUpdate.text + text7, isFinal };
+        updatedMessage = newUpdatedMessage;
+        if (!existsInState) {
+          console.log(`\u{1F50D} \u26A0\uFE0F Message ${messageToUpdate.id} not in state yet, adding it:`, {
+            id: newUpdatedMessage.id,
+            textLength: newUpdatedMessage.text.length,
+            isFinal: newUpdatedMessage.isFinal
+          });
+          return [...prev, newUpdatedMessage];
+        } else {
+          console.log(`\u{1F50D} Updating existing ${role} message:`, {
+            id: newUpdatedMessage.id,
+            newTextLength: newUpdatedMessage.text.length,
+            isFinal: newUpdatedMessage.isFinal
+          });
+          return prev.map((msg) => msg.id === messageToUpdate.id ? newUpdatedMessage : msg);
+        }
+      } else {
+        const newMessage = {
+          id: `${role}-${Date.now()}`,
+          role,
+          text: text7,
+          isFinal,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        updatedMessage = newMessage;
+        console.log(`\u{1F50D} Creating NEW ${role} message:`, {
+          id: newMessage.id,
+          textLength: newMessage.text.length,
+          isFinal: newMessage.isFinal
+        });
+        const newArray = [...prev, newMessage];
+        console.log(
+          `\u{1F50D} New messages array:`,
+          newArray.map((m) => ({
+            id: m.id,
+            role: m.role,
+            textLength: m.text.length,
+            isFinal: m.isFinal
+          }))
+        );
+        return newArray;
+      }
+    });
+    if (updatedMessage && !isFinal) {
+      activeRef.current = updatedMessage;
     }
     if (isFinal) {
-      currentMessageRef.current = null;
+      console.log(`\u{1F50D} Clearing ${role} ref (message finalized)`);
+      activeRef.current = null;
     }
   }, []);
   const handleAIInterruption = (0, import_react3.useCallback)(() => {
@@ -25276,12 +25364,9 @@ var useCuekit = (options) => {
   const handleNavigationCommand = (event) => {
     console.log(`\u2B07\uFE0F Received event from backend: ${event.type}`, event);
     switch (event.type) {
-      case "speech_text": {
-        console.log("\u{1F5E3}\uFE0F AI Speech text:", event.data);
-        break;
-      }
+      // raw_text is a redundant "reliability packet" - we already process ai_speech_chunk
       case "raw_text": {
-        console.log("\u{1F4DD} Raw text message:", event.data);
+        console.log("\u{1F4DD} Raw text message (ignored, using ai_speech_chunk instead):", event.data);
         break;
       }
       case "user_speech_chunk":

package/dist/index.mjs

@@ -23,6 +23,7 @@ import {
   getRoom,
   getRoomName,
   onStateChange,
+  registerWebRTCCallbacks,
   resolveRoutePath,
   sendData,
   sendRuntimeData,
@@ -34,10 +35,10 @@ import {
   setAudioContainer,
   setNavigationHandler,
   setServerUrl,
-  setWebRTCCallbacks,
   setWebRTCConfig,
+  unregisterWebRTCCallbacks,
   validateDynamicElements
-} from "./chunk-ZP7AXODE.mjs";
+} from "./chunk-XVA5MZMJ.mjs";
 
 // node_modules/inline-style-parser/index.js
 var require_inline_style_parser = __commonJS({
@@ -1384,31 +1385,43 @@ var AnsyrProvider = ({
     };
   }, [navigationHandler]);
   useEffect(() => {
-    import("./webrtc-service-IMARTHNM.mjs").then(({ setWebRTCCallbacks: setWebRTCCallbacks2 }) => {
-      setWebRTCCallbacks2({
-        onNavigationCommand: (command) => {
-          const data = command.data ?? command;
-          if (!data?.actionType) return;
-          if (data.actionType === "navigate" && data.routeName) {
-            if (navigationHandler) {
-              navigationHandler(data.routeName);
+    let cleanup = null;
+    import("./webrtc-service-XS2JQUBW.mjs").then(
+      ({ registerWebRTCCallbacks: registerWebRTCCallbacks2, unregisterWebRTCCallbacks: unregisterWebRTCCallbacks2 }) => {
+        const listeners = {
+          onNavigationCommand: (command) => {
+            const data = command.data ?? command;
+            if (!data?.actionType) return;
+            if (data.actionType === "navigate" && data.routeName) {
+              if (navigationHandler) {
+                navigationHandler(data.routeName);
+              }
+            } else if (data.actionType === "click" && data.elementId) {
+              console.log("AI intent: Click element", data.elementId);
+            }
+          },
+          onConnectionStateChange: (state) => {
+            if (onConnectionStateChange) {
+              onConnectionStateChange(state);
+            }
+          },
+          onParticipantUpdate: (participants) => {
+            if (onParticipantUpdate) {
+              onParticipantUpdate(participants);
             }
-          } else if (data.actionType === "click" && data.elementId) {
-            console.log("AI intent: Click element", data.elementId);
-          }
-        },
-        onConnectionStateChange: (state) => {
-          if (onConnectionStateChange) {
-            onConnectionStateChange(state);
-          }
-        },
-        onParticipantUpdate: (participants) => {
-          if (onParticipantUpdate) {
-            onParticipantUpdate(participants);
           }
-        }
-      });
-    });
+        };
+        registerWebRTCCallbacks2(listeners);
+        cleanup = () => {
+          unregisterWebRTCCallbacks2(listeners);
+        };
+      }
+    );
+    return () => {
+      if (cleanup) {
+        cleanup();
+      }
+    };
   }, [onConnectionStateChange, onParticipantUpdate, navigationHandler]);
   useEffect(() => {
     const updateGlobalStore = (id) => {
@@ -1495,6 +1508,7 @@ var useWebRTC = (options) => {
   const [participants, setParticipants] = useState2([]);
   const [room, setRoom] = useState2(null);
   const [error, setError] = useState2(null);
+  const listenersRef = useRef(null);
   const audioContainerRef = useRef(null);
   useEffect2(() => {
     setAudioContainer(audioContainerRef);
@@ -1510,15 +1524,20 @@ var useWebRTC = (options) => {
       setParticipants(participants2);
       options?.onParticipantUpdate?.(participants2);
     };
-    setWebRTCCallbacks({
+    const listeners = {
       onConnectionStateChange: handleConnectionStateChange,
       onParticipantUpdate: handleParticipantUpdate,
       onNavigationCommand: options?.onNavigationCommand,
       onAISpeechStart: options?.onAISpeechStart,
       onAISpeechEnd: options?.onAISpeechEnd
-    });
+    };
+    listenersRef.current = listeners;
+    registerWebRTCCallbacks(listeners);
     return () => {
-      setWebRTCCallbacks({});
+      if (listenersRef.current) {
+        unregisterWebRTCCallbacks(listenersRef.current);
+        listenersRef.current = null;
+      }
     };
   }, [
     options?.onConnectionStateChange,
@@ -1578,30 +1597,85 @@ var useCuekit = (options) => {
   const currentUserMessageRef = useRef2(null);
   const currentAIMessageRef = useRef2(null);
   const handleMessageChunk = useCallback2((text7, role, isFinal) => {
-    const currentMessageRef = role === "user" ? currentUserMessageRef : currentAIMessageRef;
-    const messageToUpdate = currentMessageRef.current;
-    if (!messageToUpdate && !text7 && isFinal) {
-      return;
-    }
-    if (messageToUpdate) {
-      const updatedMessage = { ...messageToUpdate, text: messageToUpdate.text + text7, isFinal };
-      currentMessageRef.current = updatedMessage;
-      setMessages(
-        (prev) => prev.map((msg) => msg.id === messageToUpdate.id ? updatedMessage : msg)
-      );
-    } else {
-      const newMessage = {
-        id: `${role}-${Date.now()}`,
+    const activeRef = role === "user" ? currentUserMessageRef : currentAIMessageRef;
+    console.log(`\u{1F50D} handleMessageChunk called:`, {
+      role,
+      text: text7.substring(0, 50) + (text7.length > 50 ? "..." : ""),
+      textLength: text7.length,
+      isFinal,
+      hasExistingMessage: !!activeRef.current,
+      existingMessageId: activeRef.current?.id
+    });
+    const messageToUpdate = activeRef.current;
+    let updatedMessage = null;
+    setMessages((prev) => {
+      console.log(`\u{1F50D} setMessages callback:`, {
         role,
-        text: text7,
-        isFinal,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      currentMessageRef.current = newMessage;
-      setMessages((prev) => [...prev, newMessage]);
+        messageToUpdate: messageToUpdate ? { id: messageToUpdate.id, textLength: messageToUpdate.text.length } : null,
+        prevMessagesCount: prev.length,
+        prevMessages: prev.map((m) => ({
+          id: m.id,
+          role: m.role,
+          textLength: m.text.length,
+          isFinal: m.isFinal
+        }))
+      });
+      if (!messageToUpdate && !text7 && isFinal) {
+        console.log(`\u{1F50D} Skipping empty final chunk (no existing message)`);
+        return prev;
+      }
+      if (messageToUpdate) {
+        const existsInState = prev.some((msg) => msg.id === messageToUpdate.id);
+        const newUpdatedMessage = { ...messageToUpdate, text: messageToUpdate.text + text7, isFinal };
+        updatedMessage = newUpdatedMessage;
+        if (!existsInState) {
+          console.log(`\u{1F50D} \u26A0\uFE0F Message ${messageToUpdate.id} not in state yet, adding it:`, {
+            id: newUpdatedMessage.id,
+            textLength: newUpdatedMessage.text.length,
+            isFinal: newUpdatedMessage.isFinal
+          });
+          return [...prev, newUpdatedMessage];
+        } else {
+          console.log(`\u{1F50D} Updating existing ${role} message:`, {
+            id: newUpdatedMessage.id,
+            newTextLength: newUpdatedMessage.text.length,
+            isFinal: newUpdatedMessage.isFinal
+          });
+          return prev.map((msg) => msg.id === messageToUpdate.id ? newUpdatedMessage : msg);
+        }
+      } else {
+        const newMessage = {
+          id: `${role}-${Date.now()}`,
+          role,
+          text: text7,
+          isFinal,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        updatedMessage = newMessage;
+        console.log(`\u{1F50D} Creating NEW ${role} message:`, {
+          id: newMessage.id,
+          textLength: newMessage.text.length,
+          isFinal: newMessage.isFinal
+        });
+        const newArray = [...prev, newMessage];
+        console.log(
+          `\u{1F50D} New messages array:`,
+          newArray.map((m) => ({
+            id: m.id,
+            role: m.role,
+            textLength: m.text.length,
+            isFinal: m.isFinal
+          }))
+        );
+        return newArray;
+      }
+    });
+    if (updatedMessage && !isFinal) {
+      activeRef.current = updatedMessage;
     }
     if (isFinal) {
-      currentMessageRef.current = null;
+      console.log(`\u{1F50D} Clearing ${role} ref (message finalized)`);
+      activeRef.current = null;
     }
   }, []);
   const handleAIInterruption = useCallback2(() => {
@@ -1627,12 +1701,9 @@ var useCuekit = (options) => {
   const handleNavigationCommand = (event) => {
     console.log(`\u2B07\uFE0F Received event from backend: ${event.type}`, event);
     switch (event.type) {
-      case "speech_text": {
-        console.log("\u{1F5E3}\uFE0F AI Speech text:", event.data);
-        break;
-      }
+      // raw_text is a redundant "reliability packet" - we already process ai_speech_chunk
       case "raw_text": {
-        console.log("\u{1F4DD} Raw text message:", event.data);
+        console.log("\u{1F4DD} Raw text message (ignored, using ai_speech_chunk instead):", event.data);
         break;
       }
       case "user_speech_chunk":

package/dist/{webrtc-service-IMARTHNM.mjs → webrtc-service-XS2JQUBW.mjs}

@@ -7,6 +7,7 @@ import {
   getRoom,
   getRoomName,
   isConnected,
+  registerWebRTCCallbacks,
   sendData,
   sendRuntimeData,
   sendScreenStatus,
@@ -14,8 +15,9 @@ import {
   sendUserCommand,
   setAudioContainer,
   setServerUrl,
-  setWebRTCCallbacks
-} from "./chunk-ZP7AXODE.mjs";
+  setWebRTCCallbacks,
+  unregisterWebRTCCallbacks
+} from "./chunk-XVA5MZMJ.mjs";
 export {
   authenticate,
   connectToRoom,
@@ -25,6 +27,7 @@ export {
   getRoom,
   getRoomName,
   isConnected,
+  registerWebRTCCallbacks,
   sendData,
   sendRuntimeData,
   sendScreenStatus,
@@ -32,5 +35,6 @@ export {
   sendUserCommand,
   setAudioContainer,
   setServerUrl,
-  setWebRTCCallbacks
+  setWebRTCCallbacks,
+  unregisterWebRTCCallbacks
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuekit-ai/react",
-  "version": "1.6.9",
+  "version": "1.6.10",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {