@contentgrowth/llm-service 0.8.5 → 0.8.7

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

@@ -148,7 +148,7 @@ function ChatHeader({
 }
 
 // src/ui/react/components/ChatInputArea.tsx
-import { useState as useState3, useRef as useRef3, useImperativeHandle, forwardRef, useEffect as useEffect3 } from "react";
+import { useState as useState3, useRef as useRef3, useImperativeHandle, forwardRef, useEffect as useEffect3, useCallback as useCallback3 } from "react";
 import { StopIcon, PaperAirplaneIcon } from "@heroicons/react/24/outline";
 
 // src/ui/react/hooks/useSpeechRecognition.ts
@@ -171,11 +171,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();
         };
@@ -195,6 +200,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;
@@ -227,17 +233,23 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
     };
   }, [onResult, onEnd, language]);
   const start = 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 = useCallback(() => {
+    console.log("[useSpeechRecognition] stop() called");
     if (isSimulatingRef.current) {
+      console.log("[useSpeechRecognition] Stopping simulation");
       if (simulationTimeoutRef.current) {
         clearTimeout(simulationTimeoutRef.current);
         simulationTimeoutRef.current = null;
@@ -251,7 +263,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 = useCallback(() => {
@@ -277,23 +292,32 @@ var useAudioRecorder = (onStop) => {
   const mediaRecorderRef = useRef2(null);
   const chunksRef = useRef2([]);
   const start = useCallback2(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);
@@ -303,8 +327,12 @@ var useAudioRecorder = (onStop) => {
     }
   }, [onStop]);
   const stop = useCallback2(() => {
+    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 {
@@ -370,20 +398,30 @@ var ChatInputArea = forwardRef(({
   }, [inputMode]);
   const isControlled = value !== void 0;
   const message = isControlled ? value : internalMessage;
+  const messageRef = useRef3(message);
+  messageRef.current = message;
+  const onChangeRef = useRef3(onChange);
+  useEffect3(() => {
+    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 = useRef3(voiceConfig);
+  useEffect3(() => {
+    voiceConfigRef.current = voiceConfig;
+  }, [voiceConfig]);
+  const triggerChange = useCallback3((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) => {
@@ -408,23 +446,28 @@ var ChatInputArea = forwardRef(({
       }
     }
   };
-  const nativeSpeech = useSpeechRecognition((text) => {
-    triggerChange(message + (message ? " " : "") + text);
-  }, () => {
-    var _a2;
+  const handleVoiceResult = useCallback3((text) => {
+    console.log("[ChatInputArea] nativeSpeech result:", text);
+    triggerChange(messageRef.current + (messageRef.current ? " " : "") + text);
+  }, []);
+  const handleVoiceEnd = useCallback3(() => {
+    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);
       }
     }
   });
@@ -466,6 +509,8 @@ var ChatInputArea = 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);
@@ -475,12 +520,15 @@ var ChatInputArea = 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();