@contentgrowth/llm-service 0.8.5 → 0.8.7

package/dist/ui/react/components/index.cjs

@@ -212,11 +212,16 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
         recognition.interimResults = true;
         recognition.lang = language;
         recognition.onstart = () => {
+          console.log("[useSpeechRecognition] Native onstart event fired");
           setIsListening(true);
           setError(null);
         };
         recognition.onend = () => {
-          if (isSimulatingRef.current) return;
+          console.log("[useSpeechRecognition] Native onend event fired");
+          if (isSimulatingRef.current) {
+            console.log("[useSpeechRecognition] Ignoring onend due to simulation");
+            return;
+          }
           setIsListening(false);
           if (onEnd) onEnd();
         };
@@ -236,6 +241,7 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
           setTranscript((prev) => prev + finalTranscript);
         };
         recognition.onerror = (event) => {
+          console.error("[useSpeechRecognition] Native onerror event:", event.error);
           if (event.error === "not-allowed" && process.env.NODE_ENV === "development") {
             console.warn("Speech recognition blocked. Simulating input for development...");
             isSimulatingRef.current = true;
@@ -268,17 +274,23 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
     };
   }, [onResult, onEnd, language]);
   const start = (0, import_react2.useCallback)(() => {
+    console.log("[useSpeechRecognition] start() called");
     if (recognitionRef.current && !isListening) {
       try {
         setTranscript("");
         recognitionRef.current.start();
+        console.log("[useSpeechRecognition] recognitionRef.current.start() executed");
       } catch (e) {
-        console.error("Failed to start speech recognition:", e);
+        console.error("[useSpeechRecognition] Failed to start speech recognition:", e);
       }
+    } else {
+      console.log("[useSpeechRecognition] start() ignored: already listening or no recognition instance", { hasInstance: !!recognitionRef.current, isListening });
     }
   }, [isListening]);
   const stop = (0, import_react2.useCallback)(() => {
+    console.log("[useSpeechRecognition] stop() called");
     if (isSimulatingRef.current) {
+      console.log("[useSpeechRecognition] Stopping simulation");
       if (simulationTimeoutRef.current) {
         clearTimeout(simulationTimeoutRef.current);
         simulationTimeoutRef.current = null;
@@ -292,7 +304,10 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
       return;
     }
     if (recognitionRef.current && isListening) {
+      console.log("[useSpeechRecognition] recognitionRef.current.stop() executed");
       recognitionRef.current.stop();
+    } else {
+      console.log("[useSpeechRecognition] stop() ignored: not listening", { isListening });
     }
   }, [isListening, onResult, onEnd]);
   const resetTranscript = (0, import_react2.useCallback)(() => {
@@ -318,23 +333,32 @@ var useAudioRecorder = (onStop) => {
   const mediaRecorderRef = (0, import_react3.useRef)(null);
   const chunksRef = (0, import_react3.useRef)([]);
   const start = (0, import_react3.useCallback)(async () => {
+    console.log("[useAudioRecorder] start() called");
     try {
       const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      console.log("[useAudioRecorder] Stream acquired", stream.id);
       const mediaRecorder = new MediaRecorder(stream);
       mediaRecorderRef.current = mediaRecorder;
       chunksRef.current = [];
       mediaRecorder.ondataavailable = (e) => {
+        console.log(`[useAudioRecorder] Data available, size: ${e.data.size}`);
         if (e.data.size > 0) {
           chunksRef.current.push(e.data);
         }
       };
       mediaRecorder.onstop = () => {
+        console.log(`[useAudioRecorder] Recorder stopped. Chunks: ${chunksRef.current.length}`);
         const audioBlob = new Blob(chunksRef.current, { type: "audio/webm" });
+        console.log(`[useAudioRecorder] Blob created. Size: ${audioBlob.size}, Type: ${audioBlob.type}`);
         setBlob(audioBlob);
         setIsRecording(false);
         if (onStop) onStop(audioBlob);
-        stream.getTracks().forEach((track) => track.stop());
+        stream.getTracks().forEach((track) => {
+          console.log(`[useAudioRecorder] Stopping track: ${track.label} (${track.kind})`);
+          track.stop();
+        });
       };
+      console.log("[useAudioRecorder] Starting MediaRecorder...");
       mediaRecorder.start();
       setIsRecording(true);
       setError(null);
@@ -344,8 +368,12 @@ var useAudioRecorder = (onStop) => {
     }
   }, [onStop]);
   const stop = (0, import_react3.useCallback)(() => {
+    console.log("[useAudioRecorder] stop() called");
     if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
+      console.log(`[useAudioRecorder] Stopping MediaRecorder. State was: ${mediaRecorderRef.current.state}`);
       mediaRecorderRef.current.stop();
+    } else {
+      console.log("[useAudioRecorder] stop() ignored. Recorder is inactive or missing.");
     }
   }, []);
   return {
@@ -411,20 +439,30 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
   }, [inputMode]);
   const isControlled = value !== void 0;
   const message = isControlled ? value : internalMessage;
+  const messageRef = (0, import_react5.useRef)(message);
+  messageRef.current = message;
+  const onChangeRef = (0, import_react5.useRef)(onChange);
+  (0, import_react5.useEffect)(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
   const { voice: globalVoice } = useChatConfig();
   const isVoiceEnabled = (_a = globalVoice == null ? void 0 : globalVoice.enabled) != null ? _a : !!propVoiceConfig;
   const voiceConfig = isVoiceEnabled ? propVoiceConfig || (globalVoice == null ? void 0 : globalVoice.config) : void 0;
-  const triggerChange = (newValue) => {
-    if (isControlled && onChange && textareaRef.current) {
+  const voiceConfigRef = (0, import_react5.useRef)(voiceConfig);
+  (0, import_react5.useEffect)(() => {
+    voiceConfigRef.current = voiceConfig;
+  }, [voiceConfig]);
+  const triggerChange = (0, import_react5.useCallback)((newValue) => {
+    if (isControlled && onChangeRef.current && textareaRef.current) {
       const syntheticEvent = {
         target: { value: newValue },
         currentTarget: { value: newValue }
       };
-      onChange(syntheticEvent);
+      onChangeRef.current(syntheticEvent);
     } else {
       setInternalMessage(newValue);
     }
-  };
+  }, [isControlled]);
   const isInputDisabled = (currentTask == null ? void 0 : currentTask.complete) || (lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.interactive) && (((_b = lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.interactiveData) == null ? void 0 : _b.function) === "form" && !(lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.isResponseSubmitted) || ((_c = lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.interactiveData) == null ? void 0 : _c.function) === "confirm" && !(lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.isResponseSubmitted));
   useProactiveResize(textareaRef, measurementRef, message, isInputDisabled || !!voiceTrigger || inputMode === "voice");
   const handleVoiceKeyDown = (e) => {
@@ -449,23 +487,28 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
       }
     }
   };
-  const nativeSpeech = useSpeechRecognition((text) => {
-    triggerChange(message + (message ? " " : "") + text);
-  }, () => {
-    var _a2;
+  const handleVoiceResult = (0, import_react5.useCallback)((text) => {
+    console.log("[ChatInputArea] nativeSpeech result:", text);
+    triggerChange(messageRef.current + (messageRef.current ? " " : "") + text);
+  }, []);
+  const handleVoiceEnd = (0, import_react5.useCallback)(() => {
+    var _a2, _b2;
+    console.log("[ChatInputArea] nativeSpeech onEnd triggered");
     setVoiceTrigger(null);
-    (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceEnd) == null ? void 0 : _a2.call(voiceConfig);
-  }, voiceConfig == null ? void 0 : voiceConfig.language);
+    (_b2 = (_a2 = voiceConfigRef.current) == null ? void 0 : _a2.onVoiceEnd) == null ? void 0 : _b2.call(_a2);
+  }, []);
+  const nativeSpeech = useSpeechRecognition(handleVoiceResult, handleVoiceEnd, voiceConfig == null ? void 0 : voiceConfig.language);
   const customRecorder = useAudioRecorder(async (blob) => {
-    var _a2;
+    var _a2, _b2, _c2;
+    console.log("[ChatInputArea] customRecorder onStop triggered");
     setVoiceTrigger(null);
-    (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceEnd) == null ? void 0 : _a2.call(voiceConfig);
-    if (voiceConfig == null ? void 0 : voiceConfig.onAudioCapture) {
+    (_b2 = (_a2 = voiceConfigRef.current) == null ? void 0 : _a2.onVoiceEnd) == null ? void 0 : _b2.call(_a2);
+    if ((_c2 = voiceConfigRef.current) == null ? void 0 : _c2.onAudioCapture) {
       try {
-        const text = await voiceConfig.onAudioCapture(blob);
-        if (text) triggerChange(message + (message ? " " : "") + text);
+        const text = await voiceConfigRef.current.onAudioCapture(blob);
+        if (text) triggerChange(messageRef.current + (messageRef.current ? " " : "") + text);
       } catch (e) {
-        console.error("Audio capture failed", e);
+        console.error("[ChatInputArea] Audio capture failed", e);
       }
     }
   });
@@ -507,6 +550,8 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
   };
   const startRecording = async (trigger) => {
     var _a2;
+    console.log(`[ChatInputArea] startRecording triggered by: ${trigger}, current voiceTrigger: ${voiceTrigger}`);
+    console.log("[ChatInputArea] voiceConfig:", voiceConfig);
     if (voiceTrigger) return;
     setVoiceTrigger(trigger);
     (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceStart) == null ? void 0 : _a2.call(voiceConfig);
@@ -516,12 +561,15 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
         setVoiceTrigger(null);
         return;
       }
+      console.log("[ChatInputArea] Starting nativeSpeech");
       nativeSpeech.start();
     } else {
+      console.log("[ChatInputArea] Starting customRecorder");
       await customRecorder.start();
     }
   };
   const stopRecording = () => {
+    console.log(`[ChatInputArea] stopRecording called. Current voiceTrigger: ${voiceTrigger}`);
     if (!voiceTrigger) return;
     if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") {
       nativeSpeech.stop();