@contentgrowth/llm-service 0.9.96 → 0.9.98

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

@@ -300,6 +300,10 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
     recognition.onend = () => {
       console.log("[useSpeechRecognition] Native onend event fired. Timestamp:", Date.now());
       isStartingRef.current = false;
+      if (recognitionRef.current === recognition) {
+        console.log("[useSpeechRecognition] Nullifying recognitionRef (onend)");
+        recognitionRef.current = null;
+      }
       if (isSimulatingRef.current) {
         console.log("[useSpeechRecognition] onend ignored - simulating");
         return;
@@ -345,6 +349,10 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
       } else if (event.error === "network") {
         console.error("[useSpeechRecognition] - network: Network error during recognition");
       }
+      if (recognitionRef.current === recognition) {
+        console.log("[useSpeechRecognition] Nullifying recognitionRef (onerror)");
+        recognitionRef.current = null;
+      }
       isStartingRef.current = false;
       if (event.error === "not-allowed" && process.env.NODE_ENV === "development") {
         console.warn("Speech recognition blocked. Simulating input for development...");
@@ -405,6 +413,8 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
       if (recognitionRef.current) {
         console.log("[useSpeechRecognition] Stopping existing instance before creating new one");
         try {
+          recognitionRef.current.onend = null;
+          recognitionRef.current.onerror = null;
           recognitionRef.current.stop();
         } catch (e) {
         }
@@ -599,7 +609,7 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
           if (typeof arg === "object") return JSON.stringify(arg);
           return String(arg);
         }).join(" ");
-        setLogs((prev) => [`[${formatTime()}] [${type}] ${msg}`, ...prev].slice(0, 50));
+        setLogs((prev) => [...prev, `[${formatTime()}] [${type}] ${msg}`].slice(-50));
       } catch (e) {
       }
     };
@@ -763,63 +773,50 @@ var ChatInputArea = (0, import_react5.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, _b2;
     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;
     }
-    const performStart = async () => {
-      var _a2, _b2;
-      setVoiceTrigger(trigger);
-      setVoiceError(null);
-      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");
-        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");
+    setVoiceTrigger(trigger);
+    setVoiceError(null);
+    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;
       }
-    };
-    if (isMobile()) {
-      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 BEFORE start");
-        document.activeElement.blur();
+      console.log("[ChatInputArea] Calling nativeSpeech.start()...");
+      nativeSpeech.start();
+      console.log("[ChatInputArea] nativeSpeech.start() called");
+      console.log("[ChatInputArea] Calling voiceConfig.onVoiceStart if exists...");
+      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);
       }
-      console.log("[ChatInputArea] Mobile: Waiting 300ms before starting recognition...");
-      setTimeout(() => {
-        performStart();
-      }, 300);
     } else {
-      await performStart();
+      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");
+    }
+    if (!isMobile()) {
       console.log("[ChatInputArea] Re-focusing textarea (desktop only)");
       setTimeout(() => {
-        var _a2;
-        return (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
+        var _a3;
+        return (_a3 = textareaRef.current) == null ? void 0 : _a3.focus();
       }, 0);
     }
   };
@@ -1044,7 +1041,7 @@ var TapToTalk = ({
           if (typeof arg === "object") return JSON.stringify(arg);
           return String(arg);
         }).join(" ");
-        setLogs((prev) => [`[${formatTime()}] [${type}] ${msg}`, ...prev].slice(0, 50));
+        setLogs((prev) => [...prev, `[${formatTime()}] [${type}] ${msg}`].slice(-50));
       } catch (e) {
       }
     };
@@ -1119,10 +1116,6 @@ var TapToTalk = ({
     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();
-    }
     const now = Date.now();
     if (now - tapCountRef.current.lastTap < 500) {
       tapCountRef.current.count++;
@@ -1164,47 +1157,33 @@ var TapToTalk = ({
       } else {
         console.log("[TapToTalk] Starting voice... mode:", voiceConfig == null ? void 0 : voiceConfig.mode);
         setErrorMsg(null);
-        const performStart = async () => {
-          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();
-              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");
-          }
-        };
-        if (isMobile()) {
-          console.log("[TapToTalk] Mobile: Blurring active element and skipping onFocusTarget");
-          if (document.activeElement instanceof HTMLElement) {
-            document.activeElement.blur();
+        setVoiceTrigger("click");
+        console.log("[TapToTalk] voiceTrigger set to click");
+        if (!isMobile() && onFocusTarget) {
+          console.log("[TapToTalk] Desktop: calling onFocusTarget()");
+          onFocusTarget();
+        }
+        if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "custom") {
+          console.log("[TapToTalk] Starting custom recorder...");
+          try {
+            await customRecorder.start();
+            console.log("[TapToTalk] Custom recorder started successfully");
+          } catch (e2) {
+            console.error("[TapToTalk] Custom recorder failed:", e2);
+            setErrorMsg("Mic access denied");
+            setVoiceTrigger(null);
           }
-          console.log("[TapToTalk] Mobile: Waiting 300ms before starting recognition...");
-          setTimeout(() => {
-            performStart();
-          }, 300);
         } else {
-          if (onFocusTarget) {
-            console.log("[TapToTalk] Desktop: calling onFocusTarget()");
-            onFocusTarget();
+          console.log("[TapToTalk] Starting native speech recognition...");
+          if (!nativeSpeech.isSupported) {
+            console.error("[TapToTalk] Native speech not supported");
+            setErrorMsg("Speech not supported");
+            setVoiceTrigger(null);
+            return;
           }
-          performStart();
+          console.log("[TapToTalk] Calling nativeSpeech.start()...");
+          nativeSpeech.start();
+          console.log("[TapToTalk] nativeSpeech.start() called");
         }
       }
     } finally {
@@ -1250,6 +1229,7 @@ var TapToTalk = ({
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "button",
       {
+        type: "button",
         onClick: toggleVoice,
         disabled: disabled || isTranscribing && !isListening,
         className: `flex items-center justify-center gap-3 px-6 py-3 rounded-xl transition-all duration-300 w-full font-medium shadow-md active:scale-[0.98]
@@ -1258,9 +1238,9 @@ var TapToTalk = ({
                 ${className}`,
         title: label,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center justify-center shrink-0", children: Icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate", children: label }),
-          errorMsg && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[10px] bg-white/20 px-1.5 py-0.5 rounded text-red-100 animate-in fade-in slide-in-from-right-1", children: errorMsg })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center justify-center shrink-0 pointer-events-none", children: Icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate pointer-events-none", children: label }),
+          errorMsg && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[10px] bg-white/20 px-1.5 py-0.5 rounded text-red-100 animate-in fade-in slide-in-from-right-1 pointer-events-none", children: errorMsg })
         ]
       }
     )