@contentgrowth/llm-service 0.9.94 → 0.9.96

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

@@ -588,6 +588,10 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
     const originalLog = console.log;
     const originalWarn = console.warn;
     const originalError = console.error;
+    const formatTime = () => {
+      const now = /* @__PURE__ */ new Date();
+      return `${now.getHours().toString().padStart(2, "0")}:${now.getMinutes().toString().padStart(2, "0")}:${now.getSeconds().toString().padStart(2, "0")}.${now.getMilliseconds().toString().padStart(3, "0")}`;
+    };
     const addLog = (type, args) => {
       try {
         const msg = args.map((arg) => {
@@ -595,7 +599,7 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
           if (typeof arg === "object") return JSON.stringify(arg);
           return String(arg);
         }).join(" ");
-        setLogs((prev) => [`[${type}] ${msg}`, ...prev].slice(0, 50));
+        setLogs((prev) => [`[${formatTime()}] [${type}] ${msg}`, ...prev].slice(0, 50));
       } catch (e) {
       }
     };
@@ -759,57 +763,64 @@ 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;
     }
-    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;
+    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");
       }
-      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);
+    };
+    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] Mobile: Waiting 300ms before starting recognition...");
+      setTimeout(() => {
+        performStart();
+      }, 300);
     } 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");
-    }
-    if (!isMobile()) {
+      await performStart();
       console.log("[ChatInputArea] Re-focusing textarea (desktop only)");
       setTimeout(() => {
-        var _a3;
-        return (_a3 = textareaRef.current) == null ? void 0 : _a3.focus();
+        var _a2;
+        return (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
       }, 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 = () => {
@@ -1022,6 +1033,10 @@ var TapToTalk = ({
     const originalLog = console.log;
     const originalWarn = console.warn;
     const originalError = console.error;
+    const formatTime = () => {
+      const now = /* @__PURE__ */ new Date();
+      return `${now.getHours().toString().padStart(2, "0")}:${now.getMinutes().toString().padStart(2, "0")}:${now.getSeconds().toString().padStart(2, "0")}.${now.getMilliseconds().toString().padStart(3, "0")}`;
+    };
     const addLog = (type, args) => {
       try {
         const msg = args.map((arg) => {
@@ -1029,7 +1044,7 @@ var TapToTalk = ({
           if (typeof arg === "object") return JSON.stringify(arg);
           return String(arg);
         }).join(" ");
-        setLogs((prev) => [`[${type}] ${msg}`, ...prev].slice(0, 50));
+        setLogs((prev) => [`[${formatTime()}] [${type}] ${msg}`, ...prev].slice(0, 50));
       } catch (e) {
       }
     };
@@ -1108,6 +1123,24 @@ var TapToTalk = ({
       e.preventDefault();
       e.stopPropagation();
     }
+    const now = Date.now();
+    if (now - tapCountRef.current.lastTap < 500) {
+      tapCountRef.current.count++;
+    } else {
+      tapCountRef.current.count = 1;
+    }
+    tapCountRef.current.lastTap = now;
+    if (tapCountRef.current.count >= 5) {
+      setShowDebug((prev) => !prev);
+      tapCountRef.current.count = 0;
+      if (isActive) {
+        console.log("[TapToTalk] Debug trigger force-stop");
+        if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") nativeSpeech.stop();
+        else customRecorder.stop();
+        setVoiceTrigger(null);
+      }
+      return;
+    }
     console.log("[TapToTalk] toggleVoice called. isMobile:", isMobile());
     if (processingRef.current) {
       console.log("[TapToTalk] toggleVoice ignored - processing");
@@ -1116,24 +1149,6 @@ var TapToTalk = ({
     processingRef.current = true;
     console.log("[TapToTalk] toggleVoice called. isActive:", isActive, "isListening:", isListening, "isTranscribing:", isTranscribing);
     try {
-      const now = Date.now();
-      if (now - tapCountRef.current.lastTap < 500) {
-        tapCountRef.current.count++;
-      } else {
-        tapCountRef.current.count = 1;
-      }
-      tapCountRef.current.lastTap = now;
-      if (tapCountRef.current.count >= 5) {
-        setShowDebug((prev) => !prev);
-        tapCountRef.current.count = 0;
-        if (isActive) {
-          console.log("[TapToTalk] Debug trigger force-stop");
-          if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") nativeSpeech.stop();
-          else customRecorder.stop();
-          setVoiceTrigger(null);
-        }
-        return;
-      }
       if (isActive) {
         if (isTranscribing && !isListening) {
           console.log("[TapToTalk] Ignoring click during transcription");
@@ -1149,41 +1164,47 @@ var TapToTalk = ({
       } else {
         console.log("[TapToTalk] Starting voice... mode:", voiceConfig == null ? void 0 : voiceConfig.mode);
         setErrorMsg(null);
-        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");
+        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() && document.activeElement instanceof HTMLElement) {
-            console.log("[TapToTalk] Blurring active element on mobile");
+        };
+        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 ((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 {
-          console.log("[TapToTalk] Starting native speech recognition...");
-          if (!nativeSpeech.isSupported) {
-            console.error("[TapToTalk] Native speech not supported");
-            setErrorMsg("Speech not supported");
-            setVoiceTrigger(null);
-            return;
+          if (onFocusTarget) {
+            console.log("[TapToTalk] Desktop: calling onFocusTarget()");
+            onFocusTarget();
           }
-          console.log("[TapToTalk] Calling nativeSpeech.start()...");
-          nativeSpeech.start();
-          console.log("[TapToTalk] nativeSpeech.start() called");
+          performStart();
         }
       }
     } finally {