@contentgrowth/llm-service 0.9.97 → 0.9.99

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

@@ -261,7 +261,7 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
     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.continuous = true;
     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);
@@ -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) {
         }
@@ -1011,7 +1021,6 @@ var TapToTalk = ({
   const globalConfig = useChatConfig();
   const voiceConfig = propVoiceConfig || ((_a = globalConfig.voice) == null ? void 0 : _a.config);
   const [isTranscribing, setIsTranscribing] = (0, import_react6.useState)(false);
-  const [voiceTrigger, setVoiceTrigger] = (0, import_react6.useState)(null);
   const [errorMsg, setErrorMsg] = (0, import_react6.useState)(null);
   const [showDebug, setShowDebug] = (0, import_react6.useState)(false);
   const [logs, setLogs] = (0, import_react6.useState)([]);
@@ -1057,14 +1066,14 @@ var TapToTalk = ({
     navigator.clipboard.writeText(logs.join("\n")).then(() => alert("Logs copied to clipboard")).catch((err) => console.error("Failed to copy logs", err));
   }, [logs]);
   const handleVoiceResult = (0, import_react6.useCallback)((text, isFinal) => {
+    console.log("[TapToTalk] Native speech result:", text, isFinal);
     if (isFinal) {
       onResult(text);
       setErrorMsg(null);
-      setVoiceTrigger(null);
     }
   }, [onResult]);
   const handleVoiceEnd = (0, import_react6.useCallback)(() => {
-    setVoiceTrigger(null);
+    console.log("[TapToTalk] Native speech ended");
   }, []);
   const nativeSpeech = useSpeechRecognition(handleVoiceResult, handleVoiceEnd, voiceConfig == null ? void 0 : voiceConfig.language);
   import_react6.default.useEffect(() => {
@@ -1074,7 +1083,6 @@ var TapToTalk = ({
     }
   }, [nativeSpeech.error]);
   const customRecorder = useAudioRecorder(async (blob) => {
-    setVoiceTrigger(null);
     setIsTranscribing(true);
     setErrorMsg(null);
     if (blob.type === "audio/simulated") {
@@ -1098,7 +1106,7 @@ var TapToTalk = ({
       setIsTranscribing(false);
     }
   });
-  const isListening = !!voiceTrigger || nativeSpeech.isListening || customRecorder.isRecording;
+  const isListening = nativeSpeech.isListening || customRecorder.isRecording;
   const isActive = isListening || isTranscribing;
   const processingRef = (0, import_react6.useRef)(false);
   const isMobile = (0, import_react6.useCallback)(() => {
@@ -1106,10 +1114,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++;
@@ -1124,7 +1128,6 @@ var TapToTalk = ({
         console.log("[TapToTalk] Debug trigger force-stop");
         if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") nativeSpeech.stop();
         else customRecorder.stop();
-        setVoiceTrigger(null);
       }
       return;
     }
@@ -1147,12 +1150,9 @@ var TapToTalk = ({
         } else {
           customRecorder.stop();
         }
-        setVoiceTrigger(null);
       } else {
         console.log("[TapToTalk] Starting voice... mode:", voiceConfig == null ? void 0 : voiceConfig.mode);
         setErrorMsg(null);
-        setVoiceTrigger("click");
-        console.log("[TapToTalk] voiceTrigger set to click");
         if (!isMobile() && onFocusTarget) {
           console.log("[TapToTalk] Desktop: calling onFocusTarget()");
           onFocusTarget();
@@ -1165,14 +1165,12 @@ var TapToTalk = ({
           } 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()...");
@@ -1223,7 +1221,9 @@ var TapToTalk = ({
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "button",
       {
+        type: "button",
         onClick: toggleVoice,
+        style: { touchAction: "manipulation" },
         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]
                 ${bgColor} text-white
@@ -1231,9 +1231,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 })
         ]
       }
     )