@contentgrowth/llm-service 0.9.9 → 0.9.92

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

@@ -211,45 +211,62 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
   }, [onResult, onEnd]);
   const isStartingRef = (0, import_react2.useRef)(false);
   (0, import_react2.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);
     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");
+          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");
+          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);
+          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...");
@@ -292,8 +309,17 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
     }
   }, [language]);
   const start = (0, import_react2.useCallback)(() => {
-    console.log("[useSpeechRecognition] start() called");
-    if (isSimulatingRef.current) return;
+    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);
+    if (typeof document !== "undefined") {
+      console.log("[useSpeechRecognition] Document hasFocus:", document.hasFocus(), "activeElement:", (_a = document.activeElement) == null ? void 0 : _a.tagName);
+    }
+    if (isSimulatingRef.current) {
+      console.log("[useSpeechRecognition] isSimulating, ignoring start");
+      return;
+    }
     if (!recognitionRef.current) {
       console.error("[useSpeechRecognition] Recognition instance missing");
       return;
@@ -303,7 +329,7 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
       return;
     }
     if (recognitionRef.current.isListening) {
-      console.warn("[useSpeechRecognition] Already listening - ignoring");
+      console.warn("[useSpeechRecognition] Already listening (native prop) - ignoring");
     }
     if (isListening) {
       console.warn("[useSpeechRecognition] App state says already listening - ignoring");
@@ -312,11 +338,15 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
     try {
       setTranscript("");
       isStartingRef.current = true;
+      console.log("[useSpeechRecognition] About to call recognition.start(). Timestamp:", Date.now());
       recognitionRef.current.start();
-      console.log("[useSpeechRecognition] recognition.start() executed");
+      console.log("[useSpeechRecognition] recognition.start() executed successfully. Timestamp:", Date.now());
     } catch (error2) {
       isStartingRef.current = false;
-      console.error("[useSpeechRecognition] Failed to start recognition:", error2);
+      console.error("[useSpeechRecognition] Failed to start recognition:", (error2 == null ? void 0 : error2.message) || error2);
+      if ((error2 == null ? void 0 : error2.name) === "InvalidStateError") {
+        console.error("[useSpeechRecognition] InvalidStateError - recognition may already be running");
+      }
     }
   }, [isListening]);
   const stop = (0, import_react2.useCallback)(() => {
@@ -640,26 +670,47 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
       handleSubmit();
     }
   };
+  const isMobile = (0, import_react5.useCallback)(() => {
+    if (typeof window === "undefined") return false;
+    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;
-    if (voiceTrigger || isTranscribing) return;
+    console.log("[ChatInputArea] startRecording called. trigger:", trigger, "isMobile:", isMobile());
+    console.log("[ChatInputArea] Current state - voiceTrigger:", voiceTrigger, "isTranscribing:", isTranscribing);
+    if (voiceTrigger || isTranscribing) {
+      console.log("[ChatInputArea] startRecording ignored - already active");
+      return;
+    }
     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) {
+        console.error("[ChatInputArea] Native speech not supported");
         alert("Speech recognition is not supported in this browser.");
         setVoiceTrigger(null);
         return;
       }
+      console.log("[ChatInputArea] Calling nativeSpeech.start()...");
       nativeSpeech.start();
+      console.log("[ChatInputArea] nativeSpeech.start() called");
     } else {
+      console.log("[ChatInputArea] Using custom recorder");
       await customRecorder.start();
+      console.log("[ChatInputArea] Custom recorder started");
+    }
+    if (!isMobile()) {
+      console.log("[ChatInputArea] Re-focusing textarea (desktop only)");
+      setTimeout(() => {
+        var _a3;
+        return (_a3 = textareaRef.current) == null ? void 0 : _a3.focus();
+      }, 0);
+    } else {
+      console.log("[ChatInputArea] SKIPPING textarea focus on mobile to prevent keyboard conflict");
     }
-    setTimeout(() => {
-      var _a3;
-      return (_a3 = textareaRef.current) == null ? void 0 : _a3.focus();
-    }, 0);
   };
   const stopRecording = () => {
     if (!voiceTrigger) return;
@@ -948,13 +999,22 @@ var TapToTalk = ({
   const isListening = !!voiceTrigger || nativeSpeech.isListening || customRecorder.isRecording;
   const isActive = isListening || isTranscribing;
   const processingRef = (0, import_react6.useRef)(false);
-  const toggleVoice = async () => {
+  const isMobile = (0, import_react6.useCallback)(() => {
+    if (typeof window === "undefined") return false;
+    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || "ontouchstart" in window || navigator.maxTouchPoints > 0;
+  }, []);
+  const toggleVoice = async (e) => {
+    if (e) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    console.log("[TapToTalk] toggleVoice called. isMobile:", isMobile());
     if (processingRef.current) {
       console.log("[TapToTalk] toggleVoice ignored - processing");
       return;
     }
     processingRef.current = true;
-    console.log("[TapToTalk] toggleVoice called. isActive:", isActive);
+    console.log("[TapToTalk] toggleVoice called. isActive:", isActive, "isListening:", isListening, "isTranscribing:", isTranscribing);
     try {
       const now = Date.now();
       if (now - tapCountRef.current.lastTap < 500) {
@@ -987,24 +1047,39 @@ var TapToTalk = ({
         }
         setVoiceTrigger(null);
       } else {
-        console.log("[TapToTalk] Starting voice...");
+        console.log("[TapToTalk] Starting voice... mode:", voiceConfig == null ? void 0 : voiceConfig.mode);
         setErrorMsg(null);
-        onFocusTarget == null ? void 0 : onFocusTarget();
+        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");
+        }
         setVoiceTrigger("click");
+        console.log("[TapToTalk] voiceTrigger set to click");
         if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "custom") {
+          console.log("[TapToTalk] Starting custom recorder...");
           try {
             await customRecorder.start();
-          } catch (e) {
+            console.log("[TapToTalk] Custom recorder started successfully");
+          } catch (e2) {
+            console.error("[TapToTalk] Custom recorder failed:", e2);
             setErrorMsg("Mic access denied");
             setVoiceTrigger(null);
           }
         } else {
+          console.log("[TapToTalk] Starting native speech recognition...");
           if (!nativeSpeech.isSupported) {
+            console.error("[TapToTalk] Native speech not supported");
             setErrorMsg("Speech not supported");
             setVoiceTrigger(null);
             return;
           }
+          console.log("[TapToTalk] Calling nativeSpeech.start()...");
           nativeSpeech.start();
+          console.log("[TapToTalk] nativeSpeech.start() called");
         }
       }
     } finally {