@contentgrowth/llm-service 0.9.92 → 0.9.94

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

@@ -161,93 +161,32 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
   const recognitionRef = useRef(null);
   const isSimulatingRef = useRef(false);
   const simulationTimeoutRef = useRef(null);
+  const languageRef = useRef(language);
+  const instanceIdRef = useRef(Math.random().toString(36).slice(2));
+  const lastStartAtRef = useRef(null);
+  const lastStopAtRef = useRef(null);
   const onResultRef = useRef(onResult);
   const onEndRef = useRef(onEnd);
   useEffect(() => {
     onResultRef.current = onResult;
     onEndRef.current = onEnd;
   }, [onResult, onEnd]);
+  useEffect(() => {
+    languageRef.current = language;
+    if (recognitionRef.current) {
+      console.log("[useSpeechRecognition] Updating language to:", language);
+      recognitionRef.current.lang = language;
+    }
+  }, [language]);
   const isStartingRef = useRef(false);
   useEffect(() => {
-    const isMobile = typeof window !== "undefined" && (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || "ontouchstart" in window || navigator.maxTouchPoints > 0);
+    var _a;
     if (typeof window !== "undefined") {
       const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-      console.log("[useSpeechRecognition] Init - SpeechRecognition available:", !!SpeechRecognition, "isMobile:", isMobile);
-      if (SpeechRecognition) {
-        setIsSupported(true);
-        const recognition = new SpeechRecognition();
-        recognition.continuous = true;
-        recognition.interimResults = true;
-        console.log("[useSpeechRecognition] Created recognition instance. continuous:", recognition.continuous, "interimResults:", recognition.interimResults);
-        recognition.onstart = () => {
-          console.log("[useSpeechRecognition] Native onstart event fired. Timestamp:", Date.now());
-          isStartingRef.current = false;
-          setIsListening(true);
-          setError(null);
-        };
-        recognition.onend = () => {
-          console.log("[useSpeechRecognition] Native onend event fired. Timestamp:", Date.now());
-          isStartingRef.current = false;
-          if (isSimulatingRef.current) {
-            console.log("[useSpeechRecognition] onend ignored - simulating");
-            return;
-          }
-          setIsListening(false);
-          if (onEndRef.current) onEndRef.current();
-        };
-        recognition.onresult = (event) => {
-          console.log("[useSpeechRecognition] onresult event. results count:", event.results.length);
-          let interimTranscript = "";
-          let finalTranscript = "";
-          for (let i = event.results.length - 1; i < event.results.length; ++i) {
-            const result = event.results[i];
-            if (result.isFinal) {
-              finalTranscript += result[0].transcript;
-              console.log("[useSpeechRecognition] Final transcript:", finalTranscript);
-              if (onResultRef.current) onResultRef.current(finalTranscript, true);
-            } else {
-              interimTranscript += result[0].transcript;
-              console.log("[useSpeechRecognition] Interim transcript:", interimTranscript);
-              if (onResultRef.current) onResultRef.current(interimTranscript, false);
-            }
-          }
-          setTranscript((prev) => prev + finalTranscript);
-        };
-        recognition.onerror = (event) => {
-          console.error("[useSpeechRecognition] Native onerror event:", event.error, "Timestamp:", Date.now());
-          console.error("[useSpeechRecognition] Error details - This could be caused by:");
-          if (event.error === "aborted") {
-            console.error("[useSpeechRecognition] - aborted: Recognition was aborted. Common causes: keyboard appeared, focus changed, another recognition started, or page navigation");
-          } else if (event.error === "not-allowed") {
-            console.error("[useSpeechRecognition] - not-allowed: Microphone permission denied");
-          } else if (event.error === "no-speech") {
-            console.error("[useSpeechRecognition] - no-speech: No speech detected");
-          } else if (event.error === "network") {
-            console.error("[useSpeechRecognition] - network: Network error during recognition");
-          }
-          isStartingRef.current = false;
-          if (event.error === "not-allowed" && process.env.NODE_ENV === "development") {
-            console.warn("Speech recognition blocked. Simulating input for development...");
-            isSimulatingRef.current = true;
-            setError(null);
-            setIsListening(true);
-            simulationTimeoutRef.current = setTimeout(() => {
-              const mockText = "This is a simulated voice input for testing.";
-              setTranscript((prev) => prev + (prev ? " " : "") + mockText);
-              if (onResultRef.current) onResultRef.current(mockText, true);
-              isSimulatingRef.current = false;
-              setIsListening(false);
-              if (onEndRef.current) onEndRef.current();
-              simulationTimeoutRef.current = null;
-            }, 3e3);
-            return;
-          }
-          console.error("Speech recognition error", event.error);
-          setError(event.error);
-          setIsListening(false);
-        };
-        recognitionRef.current = recognition;
-      }
+      console.log("[useSpeechRecognition] Env - isSecureContext:", window.isSecureContext, "protocol:", (_a = window.location) == null ? void 0 : _a.protocol);
+      const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || "ontouchstart" in window || navigator.maxTouchPoints > 0;
+      console.log("[useSpeechRecognition] Init check - SpeechRecognition available:", !!SpeechRecognition, "isMobile:", isMobile, "instanceId:", instanceIdRef.current);
+      setIsSupported(!!SpeechRecognition);
     }
     return () => {
       console.log("[useSpeechRecognition] Effect cleanup - stopping recognition");
@@ -256,21 +195,149 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
         simulationTimeoutRef.current = null;
       }
       if (recognitionRef.current) {
-        recognitionRef.current.stop();
+        try {
+          recognitionRef.current.stop();
+        } catch (e) {
+        }
+        recognitionRef.current = null;
+      }
+      if (typeof window !== "undefined") {
+        const w = window;
+        if (w.__llmSpeechRecognitionActiveInstanceId === instanceIdRef.current) {
+          console.log("[useSpeechRecognition] Cleanup clearing global active instance lock. instanceId:", instanceIdRef.current);
+          w.__llmSpeechRecognitionActiveInstanceId = null;
+        }
       }
     };
   }, []);
-  useEffect(() => {
-    if (recognitionRef.current) {
-      console.log("[useSpeechRecognition] Updating language to:", language);
-      recognitionRef.current.lang = language;
+  const createRecognitionInstance = useCallback(() => {
+    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+    if (!SpeechRecognition) {
+      console.error("[useSpeechRecognition] SpeechRecognition not available");
+      return null;
     }
-  }, [language]);
+    console.log("[useSpeechRecognition] Creating NEW recognition instance within user gesture context. Timestamp:", Date.now());
+    const recognition = new SpeechRecognition();
+    const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || "ontouchstart" in window || navigator.maxTouchPoints > 0;
+    recognition.continuous = !isMobile;
+    recognition.interimResults = true;
+    recognition.lang = languageRef.current;
+    console.log("[useSpeechRecognition] Instance created. continuous:", recognition.continuous, "interimResults:", recognition.interimResults, "lang:", recognition.lang, "isMobile:", isMobile, "instanceId:", instanceIdRef.current);
+    recognition.onaudiostart = () => {
+      console.log("[useSpeechRecognition] Native onaudiostart. Timestamp:", Date.now(), "instanceId:", instanceIdRef.current);
+    };
+    recognition.onaudioend = () => {
+      console.log("[useSpeechRecognition] Native onaudioend. Timestamp:", Date.now(), "instanceId:", instanceIdRef.current);
+    };
+    recognition.onsoundstart = () => {
+      console.log("[useSpeechRecognition] Native onsoundstart. Timestamp:", Date.now(), "instanceId:", instanceIdRef.current);
+    };
+    recognition.onsoundend = () => {
+      console.log("[useSpeechRecognition] Native onsoundend. Timestamp:", Date.now(), "instanceId:", instanceIdRef.current);
+    };
+    recognition.onspeechstart = () => {
+      console.log("[useSpeechRecognition] Native onspeechstart. Timestamp:", Date.now(), "instanceId:", instanceIdRef.current);
+    };
+    recognition.onspeechend = () => {
+      console.log("[useSpeechRecognition] Native onspeechend. Timestamp:", Date.now(), "instanceId:", instanceIdRef.current);
+    };
+    recognition.onnomatch = () => {
+      console.log("[useSpeechRecognition] Native onnomatch. Timestamp:", Date.now(), "instanceId:", instanceIdRef.current);
+    };
+    recognition.onstart = () => {
+      console.log("[useSpeechRecognition] Native onstart event fired. Timestamp:", Date.now());
+      isStartingRef.current = false;
+      setIsListening(true);
+      setError(null);
+      if (typeof window !== "undefined") {
+        const w = window;
+        w.__llmSpeechRecognitionActiveInstanceId = instanceIdRef.current;
+        console.log("[useSpeechRecognition] Set global active instance lock. instanceId:", instanceIdRef.current);
+      }
+    };
+    recognition.onend = () => {
+      console.log("[useSpeechRecognition] Native onend event fired. Timestamp:", Date.now());
+      isStartingRef.current = false;
+      if (isSimulatingRef.current) {
+        console.log("[useSpeechRecognition] onend ignored - simulating");
+        return;
+      }
+      setIsListening(false);
+      if (onEndRef.current) onEndRef.current();
+      if (typeof window !== "undefined") {
+        const w = window;
+        if (w.__llmSpeechRecognitionActiveInstanceId === instanceIdRef.current) {
+          w.__llmSpeechRecognitionActiveInstanceId = null;
+          console.log("[useSpeechRecognition] Cleared global active instance lock. instanceId:", instanceIdRef.current);
+        }
+      }
+    };
+    recognition.onresult = (event) => {
+      console.log("[useSpeechRecognition] onresult event. results count:", event.results.length);
+      let interimTranscript = "";
+      let finalTranscript = "";
+      for (let i = event.results.length - 1; i < event.results.length; ++i) {
+        const result = event.results[i];
+        if (result.isFinal) {
+          finalTranscript += result[0].transcript;
+          console.log("[useSpeechRecognition] Final transcript:", finalTranscript);
+          if (onResultRef.current) onResultRef.current(finalTranscript, true);
+        } else {
+          interimTranscript += result[0].transcript;
+          console.log("[useSpeechRecognition] Interim transcript:", interimTranscript);
+          if (onResultRef.current) onResultRef.current(interimTranscript, false);
+        }
+      }
+      setTranscript((prev) => prev + finalTranscript);
+    };
+    recognition.onerror = (event) => {
+      console.error("[useSpeechRecognition] Native onerror event:", event.error, "Timestamp:", Date.now());
+      console.error("[useSpeechRecognition] Error context - lastStartAt:", lastStartAtRef.current, "lastStopAt:", lastStopAtRef.current, "instanceId:", instanceIdRef.current);
+      console.error("[useSpeechRecognition] Error details - This could be caused by:");
+      if (event.error === "aborted") {
+        console.error("[useSpeechRecognition] - aborted: Recognition was aborted. Common causes: keyboard appeared, focus changed, another recognition started, or page navigation");
+      } else if (event.error === "not-allowed") {
+        console.error("[useSpeechRecognition] - not-allowed: Microphone permission denied");
+      } else if (event.error === "no-speech") {
+        console.error("[useSpeechRecognition] - no-speech: No speech detected");
+      } else if (event.error === "network") {
+        console.error("[useSpeechRecognition] - network: Network error during recognition");
+      }
+      isStartingRef.current = false;
+      if (event.error === "not-allowed" && process.env.NODE_ENV === "development") {
+        console.warn("Speech recognition blocked. Simulating input for development...");
+        isSimulatingRef.current = true;
+        setError(null);
+        setIsListening(true);
+        simulationTimeoutRef.current = setTimeout(() => {
+          const mockText = "This is a simulated voice input for testing.";
+          setTranscript((prev) => prev + (prev ? " " : "") + mockText);
+          if (onResultRef.current) onResultRef.current(mockText, true);
+          isSimulatingRef.current = false;
+          setIsListening(false);
+          if (onEndRef.current) onEndRef.current();
+          simulationTimeoutRef.current = null;
+        }, 3e3);
+        return;
+      }
+      console.error("Speech recognition error", event.error);
+      setError(event.error);
+      setIsListening(false);
+      if (typeof window !== "undefined") {
+        const w = window;
+        if (w.__llmSpeechRecognitionActiveInstanceId === instanceIdRef.current) {
+          w.__llmSpeechRecognitionActiveInstanceId = null;
+          console.log("[useSpeechRecognition] Cleared global active instance lock after error. instanceId:", instanceIdRef.current);
+        }
+      }
+    };
+    return recognition;
+  }, []);
   const start = useCallback(() => {
     var _a;
     const startTimestamp = Date.now();
     console.log("[useSpeechRecognition] start() called. Timestamp:", startTimestamp);
-    console.log("[useSpeechRecognition] State check - isListening:", isListening, "isStarting:", isStartingRef.current, "hasInstance:", !!recognitionRef.current);
+    console.log("[useSpeechRecognition] State check - isListening:", isListening, "isStarting:", isStartingRef.current, "hasExistingInstance:", !!recognitionRef.current);
     if (typeof document !== "undefined") {
       console.log("[useSpeechRecognition] Document hasFocus:", document.hasFocus(), "activeElement:", (_a = document.activeElement) == null ? void 0 : _a.tagName);
     }
@@ -278,24 +345,39 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
       console.log("[useSpeechRecognition] isSimulating, ignoring start");
       return;
     }
-    if (!recognitionRef.current) {
-      console.error("[useSpeechRecognition] Recognition instance missing");
-      return;
-    }
     if (isStartingRef.current) {
       console.warn("[useSpeechRecognition] Already starting - ignoring duplicate call");
       return;
     }
-    if (recognitionRef.current.isListening) {
-      console.warn("[useSpeechRecognition] Already listening (native prop) - ignoring");
-    }
     if (isListening) {
       console.warn("[useSpeechRecognition] App state says already listening - ignoring");
       return;
     }
+    if (typeof window !== "undefined") {
+      const w = window;
+      if (w.__llmSpeechRecognitionActiveInstanceId && w.__llmSpeechRecognitionActiveInstanceId !== instanceIdRef.current) {
+        console.error("[useSpeechRecognition] Another recognition instance appears active. activeInstanceId:", w.__llmSpeechRecognitionActiveInstanceId, "thisInstanceId:", instanceIdRef.current);
+      }
+    }
     try {
+      if (recognitionRef.current) {
+        console.log("[useSpeechRecognition] Stopping existing instance before creating new one");
+        try {
+          recognitionRef.current.stop();
+        } catch (e) {
+        }
+        recognitionRef.current = null;
+      }
+      const recognition = createRecognitionInstance();
+      if (!recognition) {
+        console.error("[useSpeechRecognition] Failed to create recognition instance");
+        setError("Speech recognition not available");
+        return;
+      }
+      recognitionRef.current = recognition;
       setTranscript("");
       isStartingRef.current = true;
+      lastStartAtRef.current = Date.now();
       console.log("[useSpeechRecognition] About to call recognition.start(). Timestamp:", Date.now());
       recognitionRef.current.start();
       console.log("[useSpeechRecognition] recognition.start() executed successfully. Timestamp:", Date.now());
@@ -305,10 +387,12 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
       if ((error2 == null ? void 0 : error2.name) === "InvalidStateError") {
         console.error("[useSpeechRecognition] InvalidStateError - recognition may already be running");
       }
+      setError((error2 == null ? void 0 : error2.message) || "Failed to start speech recognition");
     }
-  }, [isListening]);
+  }, [isListening, createRecognitionInstance]);
   const stop = useCallback(() => {
     console.log("[useSpeechRecognition] stop() called");
+    lastStopAtRef.current = Date.now();
     if (isSimulatingRef.current) {
       if (simulationTimeoutRef.current) {
         clearTimeout(simulationTimeoutRef.current);
@@ -633,7 +717,7 @@ var ChatInputArea = forwardRef(({
     return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || "ontouchstart" in window || navigator.maxTouchPoints > 0;
   }, []);
   const startRecording = async (trigger) => {
-    var _a2;
+    var _a2, _b2;
     console.log("[ChatInputArea] startRecording called. trigger:", trigger, "isMobile:", isMobile());
     console.log("[ChatInputArea] Current state - voiceTrigger:", voiceTrigger, "isTranscribing:", isTranscribing);
     if (voiceTrigger || isTranscribing) {
@@ -642,8 +726,6 @@ var ChatInputArea = forwardRef(({
     }
     setVoiceTrigger(trigger);
     setVoiceError(null);
-    console.log("[ChatInputArea] Calling voiceConfig.onVoiceStart if exists...");
-    (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceStart) == null ? void 0 : _a2.call(voiceConfig);
     if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") {
       console.log("[ChatInputArea] Using native speech recognition");
       if (!nativeSpeech.isSupported) {
@@ -655,8 +737,22 @@ var ChatInputArea = forwardRef(({
       console.log("[ChatInputArea] Calling nativeSpeech.start()...");
       nativeSpeech.start();
       console.log("[ChatInputArea] nativeSpeech.start() called");
+      console.log("[ChatInputArea] Calling voiceConfig.onVoiceStart if exists (after nativeSpeech.start)...");
+      try {
+        (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceStart) == null ? void 0 : _a2.call(voiceConfig);
+        console.log("[ChatInputArea] voiceConfig.onVoiceStart completed");
+      } catch (e) {
+        console.error("[ChatInputArea] voiceConfig.onVoiceStart threw error", e);
+      }
     } else {
       console.log("[ChatInputArea] Using custom recorder");
+      console.log("[ChatInputArea] Calling voiceConfig.onVoiceStart if exists (custom mode)...");
+      try {
+        (_b2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceStart) == null ? void 0 : _b2.call(voiceConfig);
+        console.log("[ChatInputArea] voiceConfig.onVoiceStart completed");
+      } catch (e) {
+        console.error("[ChatInputArea] voiceConfig.onVoiceStart threw error", e);
+      }
       await customRecorder.start();
       console.log("[ChatInputArea] Custom recorder started");
     }
@@ -668,6 +764,10 @@ var ChatInputArea = forwardRef(({
       }, 0);
     } else {
       console.log("[ChatInputArea] SKIPPING textarea focus on mobile to prevent keyboard conflict");
+      if (document.activeElement instanceof HTMLElement) {
+        console.log("[ChatInputArea] Blur active element on mobile");
+        document.activeElement.blur();
+      }
     }
   };
   const stopRecording = () => {
@@ -1010,10 +1110,14 @@ var TapToTalk = ({
         if (onFocusTarget && !isMobile()) {
           console.log("[TapToTalk] calling onFocusTarget() (desktop only)");
           onFocusTarget();
-        } else if (onFocusTarget) {
-          console.log("[TapToTalk] SKIPPING onFocusTarget on mobile to prevent keyboard conflict");
         } else {
-          console.log("[TapToTalk] onFocusTarget is undefined");
+          if (onFocusTarget) {
+            console.log("[TapToTalk] SKIPPING onFocusTarget on mobile to prevent keyboard conflict");
+          }
+          if (isMobile() && document.activeElement instanceof HTMLElement) {
+            console.log("[TapToTalk] Blurring active element on mobile");
+            document.activeElement.blur();
+          }
         }
         setVoiceTrigger("click");
         console.log("[TapToTalk] voiceTrigger set to click");