@contentgrowth/llm-service 0.9.99 → 1.0.1

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

@@ -148,303 +148,19 @@ function ChatHeader({
 }
 
 // src/ui/react/components/ChatInputArea.tsx
-import { useState as useState3, useRef as useRef3, useImperativeHandle, forwardRef, useEffect as useEffect3, useCallback as useCallback3, useLayoutEffect } from "react";
+import { useState as useState2, useRef as useRef2, useImperativeHandle, forwardRef, useEffect as useEffect2, useCallback as useCallback2, useLayoutEffect } from "react";
 import { MicrophoneIcon, StopIcon, PaperAirplaneIcon, XMarkIcon, Square2StackIcon } from "@heroicons/react/24/outline";
 
-// src/ui/react/hooks/useSpeechRecognition.ts
-import { useState, useEffect, useCallback, useRef } from "react";
-var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
-  const [isListening, setIsListening] = useState(false);
-  const [transcript, setTranscript] = useState("");
-  const [error, setError] = useState(null);
-  const [isSupported, setIsSupported] = useState(false);
-  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(() => {
-    var _a;
-    if (typeof window !== "undefined") {
-      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-      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");
-      if (isSimulatingRef.current && simulationTimeoutRef.current) {
-        clearTimeout(simulationTimeoutRef.current);
-        simulationTimeoutRef.current = null;
-      }
-      if (recognitionRef.current) {
-        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;
-        }
-      }
-    };
-  }, []);
-  const createRecognitionInstance = useCallback(() => {
-    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-    if (!SpeechRecognition) {
-      console.error("[useSpeechRecognition] SpeechRecognition not available");
-      return null;
-    }
-    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 = 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);
-    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 (recognitionRef.current === recognition) {
-        console.log("[useSpeechRecognition] Nullifying recognitionRef (onend)");
-        recognitionRef.current = null;
-      }
-      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");
-      }
-      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...");
-        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, "hasExistingInstance:", !!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 (isStartingRef.current) {
-      console.warn("[useSpeechRecognition] Already starting - ignoring duplicate call");
-      return;
-    }
-    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.onend = null;
-          recognitionRef.current.onerror = null;
-          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());
-    } catch (error2) {
-      isStartingRef.current = false;
-      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");
-      }
-      setError((error2 == null ? void 0 : error2.message) || "Failed to start speech recognition");
-    }
-  }, [isListening, createRecognitionInstance]);
-  const stop = useCallback(() => {
-    console.log("[useSpeechRecognition] stop() called");
-    lastStopAtRef.current = Date.now();
-    if (isSimulatingRef.current) {
-      if (simulationTimeoutRef.current) {
-        clearTimeout(simulationTimeoutRef.current);
-        simulationTimeoutRef.current = null;
-      }
-      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();
-      return;
-    }
-    if (recognitionRef.current) {
-      recognitionRef.current.stop();
-      console.log("[useSpeechRecognition] recognition.stop() executed");
-    }
-  }, []);
-  const resetTranscript = useCallback(() => {
-    setTranscript("");
-  }, []);
-  return {
-    isListening,
-    transcript,
-    start,
-    stop,
-    resetTranscript,
-    isSupported,
-    error
-  };
-};
-
 // src/ui/react/hooks/useAudioRecorder.ts
-import { useState as useState2, useRef as useRef2, useCallback as useCallback2 } from "react";
+import { useState, useRef, useCallback } from "react";
 var useAudioRecorder = (onStop) => {
-  const [isRecording, setIsRecording] = useState2(false);
-  const [isSimulated, setIsSimulated] = useState2(false);
-  const [blob, setBlob] = useState2(null);
-  const [error, setError] = useState2(null);
-  const mediaRecorderRef = useRef2(null);
-  const chunksRef = useRef2([]);
-  const start = useCallback2(async () => {
+  const [isRecording, setIsRecording] = useState(false);
+  const [isSimulated, setIsSimulated] = useState(false);
+  const [blob, setBlob] = useState(null);
+  const [error, setError] = useState(null);
+  const mediaRecorderRef = useRef(null);
+  const chunksRef = useRef([]);
+  const start = useCallback(async () => {
     try {
       if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
         if (process.env.NODE_ENV === "development") {
@@ -456,7 +172,12 @@ var useAudioRecorder = (onStop) => {
         }
         throw new Error("Media devices not available. Ensure you are using HTTPS or localhost.");
       }
-      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      const stream = await navigator.mediaDevices.getUserMedia({
+        audio: {
+          noiseSuppression: true,
+          echoCancellation: true
+        }
+      });
       const mediaRecorder = new MediaRecorder(stream);
       mediaRecorderRef.current = mediaRecorder;
       chunksRef.current = [];
@@ -482,7 +203,7 @@ var useAudioRecorder = (onStop) => {
       setError(e.message || "Microphone access denied");
     }
   }, [onStop]);
-  const stop = useCallback2(() => {
+  const stop = useCallback(() => {
     if (isSimulated) {
       setIsRecording(false);
       setIsSimulated(false);
@@ -506,9 +227,9 @@ var useAudioRecorder = (onStop) => {
 };
 
 // src/ui/react/hooks/useProactiveResize.ts
-import { useEffect as useEffect2 } from "react";
+import { useEffect } from "react";
 function useProactiveResize(textareaRef, measurementRef, value, disabled) {
-  useEffect2(() => {
+  useEffect(() => {
     if (!textareaRef.current || !measurementRef.current) return;
     const styles = window.getComputedStyle(textareaRef.current);
     measurementRef.current.style.width = styles.width;
@@ -544,22 +265,18 @@ var ChatInputArea = forwardRef(({
   defaultInputMode = "text"
 }, ref) => {
   var _a, _b, _c, _d;
-  const [internalMessage, setInternalMessage] = useState3("");
-  const [voiceTrigger, setVoiceTrigger] = useState3(null);
-  const [isTranscribing, setIsTranscribing] = useState3(false);
-  const [voiceError, setVoiceError] = useState3(null);
-  const [isFocused, setIsFocused] = useState3(false);
-  const [showDebug, setShowDebug] = useState3(false);
-  const [logs, setLogs] = useState3([]);
-  const tapCountRef = useRef3({ count: 0, lastTap: 0 });
-  useEffect3(() => {
+  const [internalMessage, setInternalMessage] = useState2("");
+  const [voiceTrigger, setVoiceTrigger] = useState2(null);
+  const [isTranscribing, setIsTranscribing] = useState2(false);
+  const [voiceError, setVoiceError] = useState2(null);
+  const [isFocused, setIsFocused] = useState2(false);
+  const [showDebug, setShowDebug] = useState2(false);
+  const [logs, setLogs] = useState2([]);
+  const tapCountRef = useRef2({ count: 0, lastTap: 0 });
+  useEffect2(() => {
     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) => {
@@ -567,7 +284,7 @@ var ChatInputArea = forwardRef(({
           if (typeof arg === "object") return JSON.stringify(arg);
           return String(arg);
         }).join(" ");
-        setLogs((prev) => [...prev, `[${formatTime()}] [${type}] ${msg}`].slice(-50));
+        setLogs((prev) => [`[${type}] ${msg}`, ...prev].slice(0, 50));
       } catch (e) {
       }
     };
@@ -589,15 +306,15 @@ var ChatInputArea = forwardRef(({
       console.error = originalError;
     };
   }, []);
-  const copyLogs = useCallback3(() => {
+  const copyLogs = useCallback2(() => {
     navigator.clipboard.writeText(logs.join("\n")).then(() => alert("Logs copied to clipboard")).catch((err) => console.error("Failed to copy logs", err));
   }, [logs]);
-  const textareaRef = useRef3(null);
-  const measurementRef = useRef3(null);
-  const pendingSelectionRef = useRef3(null);
+  const textareaRef = useRef2(null);
+  const measurementRef = useRef2(null);
+  const pendingSelectionRef = useRef2(null);
   const isControlled = value !== void 0;
   const message = isControlled ? value : internalMessage;
-  const messageRef = useRef3(message);
+  const messageRef = useRef2(message);
   messageRef.current = message;
   useLayoutEffect(() => {
     if (pendingSelectionRef.current && textareaRef.current) {
@@ -607,18 +324,18 @@ var ChatInputArea = forwardRef(({
       pendingSelectionRef.current = null;
     }
   }, [message]);
-  const onChangeRef = useRef3(onChange);
-  useEffect3(() => {
+  const onChangeRef = useRef2(onChange);
+  useEffect2(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
   const { voice: globalVoice } = useChatConfig();
   const isVoiceEnabled = (_a = globalVoice == null ? void 0 : globalVoice.enabled) != null ? _a : !!propVoiceConfig;
   const voiceConfig = isVoiceEnabled ? propVoiceConfig || (globalVoice == null ? void 0 : globalVoice.config) : void 0;
-  const voiceConfigRef = useRef3(voiceConfig);
-  useEffect3(() => {
+  const voiceConfigRef = useRef2(voiceConfig);
+  useEffect2(() => {
     voiceConfigRef.current = voiceConfig;
   }, [voiceConfig]);
-  const triggerChange = useCallback3((newValue) => {
+  const triggerChange = useCallback2((newValue) => {
     setVoiceError(null);
     if (isControlled && onChangeRef.current) {
       const syntheticEvent = {
@@ -632,7 +349,7 @@ var ChatInputArea = forwardRef(({
   }, [isControlled]);
   const isInputDisabled = (currentTask == null ? void 0 : currentTask.complete) || (lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.interactive) && (((_b = lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.interactiveData) == null ? void 0 : _b.function) === "form" && !(lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.isResponseSubmitted) || ((_c = lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.interactiveData) == null ? void 0 : _c.function) === "confirm" && !(lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.isResponseSubmitted));
   useProactiveResize(textareaRef, measurementRef, message, isInputDisabled || !!voiceTrigger);
-  const insertTextAtCursor = useCallback3((text) => {
+  const insertTextAtCursor = useCallback2((text) => {
     const textarea = textareaRef.current;
     const currentVal = messageRef.current || "";
     if (!textarea) {
@@ -650,23 +367,16 @@ var ChatInputArea = forwardRef(({
     pendingSelectionRef.current = { start: selectionStart, end: selectionEnd };
     triggerChange(newText);
   }, [triggerChange]);
-  const handleVoiceResult = useCallback3((text, isFinal) => {
+  const handleVoiceResult = useCallback2((text, isFinal) => {
     if (isFinal) {
       insertTextAtCursor(text);
     }
   }, [insertTextAtCursor]);
-  const handleVoiceEnd = useCallback3(() => {
+  const handleVoiceEnd = useCallback2(() => {
     var _a2, _b2;
     setVoiceTrigger(null);
     (_b2 = (_a2 = voiceConfigRef.current) == null ? void 0 : _a2.onVoiceEnd) == null ? void 0 : _b2.call(_a2);
   }, []);
-  const nativeSpeech = useSpeechRecognition(handleVoiceResult, handleVoiceEnd, voiceConfig == null ? void 0 : voiceConfig.language);
-  useEffect3(() => {
-    if (nativeSpeech.error) {
-      setVoiceError(nativeSpeech.error);
-      console.error("[ChatInputArea] Native Speech Error:", nativeSpeech.error);
-    }
-  }, [nativeSpeech.error]);
   const customRecorder = useAudioRecorder(async (blob) => {
     var _a2, _b2, _c2;
     setVoiceTrigger(null);
@@ -726,65 +436,27 @@ var ChatInputArea = forwardRef(({
       handleSubmit();
     }
   };
-  const isMobile = useCallback3(() => {
-    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, _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;
-    }
+    var _a2;
+    if (voiceTrigger || isTranscribing) 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;
-      }
-      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);
-      }
-    } 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);
-      }
+    (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceStart) == null ? void 0 : _a2.call(voiceConfig);
+    try {
       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);
+    } catch (e) {
+      console.error("[ChatInputArea] Failed to start recorder:", e);
+      setVoiceError("Mic access denied");
+      setVoiceTrigger(null);
     }
+    setTimeout(() => {
+      var _a3;
+      return (_a3 = textareaRef.current) == null ? void 0 : _a3.focus();
+    }, 0);
   };
   const stopRecording = () => {
     if (!voiceTrigger) return;
-    if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") {
-      nativeSpeech.stop();
-    } else {
-      customRecorder.stop();
-    }
+    customRecorder.stop();
   };
   const getPlaceholder = () => {
     if (placeholder) return placeholder;
@@ -963,7 +635,7 @@ var ChatInputArea = forwardRef(({
 ChatInputArea.displayName = "ChatInputArea";
 
 // src/ui/react/components/TapToTalk.tsx
-import React3, { useState as useState4, useCallback as useCallback4, useRef as useRef4 } from "react";
+import React3, { useState as useState3, useCallback as useCallback3, useRef as useRef3 } from "react";
 import { MicrophoneIcon as MicrophoneIcon2, XMarkIcon as XMarkIcon2, Square2StackIcon as Square2StackIcon2 } from "@heroicons/react/24/outline";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var TapToTalk = ({
@@ -978,19 +650,16 @@ var TapToTalk = ({
   var _a;
   const globalConfig = useChatConfig();
   const voiceConfig = propVoiceConfig || ((_a = globalConfig.voice) == null ? void 0 : _a.config);
-  const [isTranscribing, setIsTranscribing] = useState4(false);
-  const [errorMsg, setErrorMsg] = useState4(null);
-  const [showDebug, setShowDebug] = useState4(false);
-  const [logs, setLogs] = useState4([]);
-  const tapCountRef = useRef4({ count: 0, lastTap: 0 });
+  const [isTranscribing, setIsTranscribing] = useState3(false);
+  const [voiceTrigger, setVoiceTrigger] = useState3(null);
+  const [errorMsg, setErrorMsg] = useState3(null);
+  const [showDebug, setShowDebug] = useState3(false);
+  const [logs, setLogs] = useState3([]);
+  const tapCountRef = useRef3({ count: 0, lastTap: 0 });
   React3.useEffect(() => {
     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) => {
@@ -998,7 +667,7 @@ var TapToTalk = ({
           if (typeof arg === "object") return JSON.stringify(arg);
           return String(arg);
         }).join(" ");
-        setLogs((prev) => [...prev, `[${formatTime()}] [${type}] ${msg}`].slice(-50));
+        setLogs((prev) => [`[${type}] ${msg}`, ...prev].slice(0, 50));
       } catch (e) {
       }
     };
@@ -1020,27 +689,15 @@ var TapToTalk = ({
       console.error = originalError;
     };
   }, []);
-  const copyLogs = useCallback4(() => {
+  const copyLogs = useCallback3(() => {
     navigator.clipboard.writeText(logs.join("\n")).then(() => alert("Logs copied to clipboard")).catch((err) => console.error("Failed to copy logs", err));
   }, [logs]);
-  const handleVoiceResult = useCallback4((text, isFinal) => {
-    console.log("[TapToTalk] Native speech result:", text, isFinal);
-    if (isFinal) {
-      onResult(text);
-      setErrorMsg(null);
-    }
-  }, [onResult]);
-  const handleVoiceEnd = useCallback4(() => {
-    console.log("[TapToTalk] Native speech ended");
+  const handleVoiceEnd = useCallback3(() => {
+    setVoiceTrigger(null);
   }, []);
-  const nativeSpeech = useSpeechRecognition(handleVoiceResult, handleVoiceEnd, voiceConfig == null ? void 0 : voiceConfig.language);
-  React3.useEffect(() => {
-    if (nativeSpeech.error) {
-      setErrorMsg(nativeSpeech.error);
-      console.error("[TapToTalk] Native Speech Error:", nativeSpeech.error);
-    }
-  }, [nativeSpeech.error]);
   const customRecorder = useAudioRecorder(async (blob) => {
+    var _a2;
+    setVoiceTrigger(null);
     setIsTranscribing(true);
     setErrorMsg(null);
     if (blob.type === "audio/simulated") {
@@ -1050,7 +707,7 @@ var TapToTalk = ({
       setIsTranscribing(false);
       return;
     }
-    if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "custom" && voiceConfig.onAudioCapture) {
+    if (voiceConfig == null ? void 0 : voiceConfig.onAudioCapture) {
       try {
         const text = await voiceConfig.onAudioCapture(blob);
         if (text) onResult(text);
@@ -1063,77 +720,59 @@ var TapToTalk = ({
     } else {
       setIsTranscribing(false);
     }
+    (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceEnd) == null ? void 0 : _a2.call(voiceConfig);
   });
-  const isListening = nativeSpeech.isListening || customRecorder.isRecording;
+  const isListening = !!voiceTrigger || customRecorder.isRecording;
   const isActive = isListening || isTranscribing;
-  const processingRef = useRef4(false);
-  const isMobile = useCallback4(() => {
-    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) => {
-    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();
-      }
-      return;
-    }
-    console.log("[TapToTalk] toggleVoice called. isMobile:", isMobile());
+  const processingRef = useRef3(false);
+  const toggleVoice = async () => {
+    var _a2, _b, _c;
     if (processingRef.current) {
       console.log("[TapToTalk] toggleVoice ignored - processing");
       return;
     }
     processingRef.current = true;
-    console.log("[TapToTalk] toggleVoice called. isActive:", isActive, "isListening:", isListening, "isTranscribing:", isTranscribing);
+    console.log("[TapToTalk] toggleVoice called. isActive:", isActive);
     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");
+          customRecorder.stop();
+          setVoiceTrigger(null);
+        }
+        return;
+      }
       if (isActive) {
         if (isTranscribing && !isListening) {
           console.log("[TapToTalk] Ignoring click during transcription");
           return;
         }
         console.log("[TapToTalk] Stopping voice...");
-        if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") {
-          nativeSpeech.stop();
-        } else {
-          customRecorder.stop();
-        }
+        customRecorder.stop();
+        setVoiceTrigger(null);
+        (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceEnd) == null ? void 0 : _a2.call(voiceConfig);
       } else {
-        console.log("[TapToTalk] Starting voice... mode:", voiceConfig == null ? void 0 : voiceConfig.mode);
+        console.log("[TapToTalk] Starting voice...");
         setErrorMsg(null);
-        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");
-          }
-        } else {
-          console.log("[TapToTalk] Starting native speech recognition...");
-          if (!nativeSpeech.isSupported) {
-            console.error("[TapToTalk] Native speech not supported");
-            setErrorMsg("Speech not supported");
-            return;
-          }
-          console.log("[TapToTalk] Calling nativeSpeech.start()...");
-          nativeSpeech.start();
-          console.log("[TapToTalk] nativeSpeech.start() called");
+        onFocusTarget == null ? void 0 : onFocusTarget();
+        setVoiceTrigger("click");
+        (_b = voiceConfig == null ? void 0 : voiceConfig.onVoiceStart) == null ? void 0 : _b.call(voiceConfig);
+        try {
+          await customRecorder.start();
+        } catch (e) {
+          console.error("[TapToTalk] Custom recorder failed:", e);
+          setErrorMsg("Mic access denied");
+          setVoiceTrigger(null);
+          (_c = voiceConfig == null ? void 0 : voiceConfig.onVoiceEnd) == null ? void 0 : _c.call(voiceConfig);
         }
       }
     } finally {
@@ -1179,9 +818,7 @@ var TapToTalk = ({
     /* @__PURE__ */ jsxs4(
       "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
@@ -1189,9 +826,9 @@ var TapToTalk = ({
                 ${className}`,
         title: label,
         children: [
-          /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center shrink-0 pointer-events-none", children: Icon }),
-          /* @__PURE__ */ jsx6("span", { className: "truncate pointer-events-none", children: label }),
-          errorMsg && /* @__PURE__ */ jsx6("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 })
+          /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center shrink-0", children: Icon }),
+          /* @__PURE__ */ jsx6("span", { className: "truncate", children: label }),
+          errorMsg && /* @__PURE__ */ jsx6("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 })
         ]
       }
     )
@@ -1199,17 +836,17 @@ var TapToTalk = ({
 };
 
 // src/ui/react/components/ChatMessageList.tsx
-import { useEffect as useEffect6, useRef as useRef6 } from "react";
+import { useEffect as useEffect5, useRef as useRef5 } from "react";
 
 // src/ui/react/components/interactive/ConfirmInteraction.tsx
-import { useState as useState5 } from "react";
+import { useState as useState4 } from "react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ConfirmInteraction = ({
   parameters,
   onResponse,
   isResponseSubmitted
 }) => {
-  const [selectedOption, setSelectedOption] = useState5(null);
+  const [selectedOption, setSelectedOption] = useState4(null);
   const params = parameters;
   const { yesPrompt, noPrompt } = params;
   console.log("[ConfirmInteraction] Parameters:", params);
@@ -1242,7 +879,7 @@ var ConfirmInteraction = ({
 var ConfirmInteraction_default = ConfirmInteraction;
 
 // src/ui/react/components/interactive/SelectInteraction.tsx
-import { useState as useState6, useEffect as useEffect4 } from "react";
+import { useState as useState5, useEffect as useEffect3 } from "react";
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var SelectInteraction = ({
   parameters,
@@ -1250,11 +887,11 @@ var SelectInteraction = ({
   isResponseSubmitted,
   message
 }) => {
-  const [selectedOption, setSelectedOption] = useState6(null);
-  const [customOption, setCustomOption] = useState6(null);
+  const [selectedOption, setSelectedOption] = useState5(null);
+  const [customOption, setCustomOption] = useState5(null);
   const params = parameters;
   const { question, options, placeholder } = params;
-  useEffect4(() => {
+  useEffect3(() => {
     if (isResponseSubmitted && (message == null ? void 0 : message.responseValue)) {
       const responseValueStr = String(message.responseValue);
       setSelectedOption(responseValueStr);
@@ -1293,7 +930,7 @@ var SelectInteraction = ({
 var SelectInteraction_default = SelectInteraction;
 
 // src/ui/react/components/interactive/FormInteraction.tsx
-import { useState as useState7, useEffect as useEffect5, useRef as useRef5 } from "react";
+import { useState as useState6, useEffect as useEffect4, useRef as useRef4 } from "react";
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var FormInteraction = ({
@@ -1302,11 +939,11 @@ var FormInteraction = ({
   isResponseSubmitted,
   submittedValues
 }) => {
-  const [isModalOpen, setIsModalOpen] = useState7(false);
-  const [formValues, setFormValues] = useState7({});
-  const [isExpanded, setIsExpanded] = useState7(false);
-  const [parsedFields, setParsedFields] = useState7([]);
-  const formButtonsRef = useRef5(null);
+  const [isModalOpen, setIsModalOpen] = useState6(false);
+  const [formValues, setFormValues] = useState6({});
+  const [isExpanded, setIsExpanded] = useState6(false);
+  const [parsedFields, setParsedFields] = useState6([]);
+  const formButtonsRef = useRef4(null);
   const parseParameters = () => {
     const { prompt, description, submitText = "Submit", cancelText = "Cancel" } = parameters;
     let fieldsArray = [];
@@ -1367,7 +1004,7 @@ var FormInteraction = ({
     };
   };
   const params = parseParameters();
-  useEffect5(() => {
+  useEffect4(() => {
     const processedParams = parseParameters();
     setParsedFields(processedParams.fields);
     const initialValues = {};
@@ -1385,7 +1022,7 @@ var FormInteraction = ({
       setIsModalOpen(true);
     }
   }, [parameters, isResponseSubmitted]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (isModalOpen && formButtonsRef.current) {
       setTimeout(() => {
         var _a;
@@ -1693,10 +1330,10 @@ var ChatMessageList = ({
   getContextExample,
   onInteractiveResponse
 }) => {
-  const chatContainerRef = useRef6(null);
-  const lastMessageRef = useRef6(null);
-  const processingIndicatorRef = useRef6(null);
-  useEffect6(() => {
+  const chatContainerRef = useRef5(null);
+  const lastMessageRef = useRef5(null);
+  const processingIndicatorRef = useRef5(null);
+  useEffect5(() => {
     if (isProcessing && processingIndicatorRef.current) {
       processingIndicatorRef.current.scrollIntoView({ behavior: "smooth" });
       return;
@@ -1940,7 +1577,6 @@ export {
   transcribeAudio,
   useAudioRecorder,
   useChatConfig,
-  useProactiveResize,
-  useSpeechRecognition
+  useProactiveResize
 };
 //# sourceMappingURL=index.js.map