@contentgrowth/llm-service 0.9.99 → 1.0.1

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

@@ -42,8 +42,7 @@ __export(components_exports, {
   transcribeAudio: () => transcribeAudio,
   useAudioRecorder: () => useAudioRecorder,
   useChatConfig: () => useChatConfig,
-  useProactiveResize: () => useProactiveResize,
-  useSpeechRecognition: () => useSpeechRecognition
+  useProactiveResize: () => useProactiveResize
 });
 module.exports = __toCommonJS(components_exports);
 
@@ -190,303 +189,19 @@ function ChatHeader({
 }
 
 // src/ui/react/components/ChatInputArea.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_outline = require("@heroicons/react/24/outline");
 
-// src/ui/react/hooks/useSpeechRecognition.ts
-var import_react2 = require("react");
-var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
-  const [isListening, setIsListening] = (0, import_react2.useState)(false);
-  const [transcript, setTranscript] = (0, import_react2.useState)("");
-  const [error, setError] = (0, import_react2.useState)(null);
-  const [isSupported, setIsSupported] = (0, import_react2.useState)(false);
-  const recognitionRef = (0, import_react2.useRef)(null);
-  const isSimulatingRef = (0, import_react2.useRef)(false);
-  const simulationTimeoutRef = (0, import_react2.useRef)(null);
-  const languageRef = (0, import_react2.useRef)(language);
-  const instanceIdRef = (0, import_react2.useRef)(Math.random().toString(36).slice(2));
-  const lastStartAtRef = (0, import_react2.useRef)(null);
-  const lastStopAtRef = (0, import_react2.useRef)(null);
-  const onResultRef = (0, import_react2.useRef)(onResult);
-  const onEndRef = (0, import_react2.useRef)(onEnd);
-  (0, import_react2.useEffect)(() => {
-    onResultRef.current = onResult;
-    onEndRef.current = onEnd;
-  }, [onResult, onEnd]);
-  (0, import_react2.useEffect)(() => {
-    languageRef.current = language;
-    if (recognitionRef.current) {
-      console.log("[useSpeechRecognition] Updating language to:", language);
-      recognitionRef.current.lang = language;
-    }
-  }, [language]);
-  const isStartingRef = (0, import_react2.useRef)(false);
-  (0, import_react2.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 = (0, import_react2.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 = (0, import_react2.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 = (0, import_react2.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 = (0, import_react2.useCallback)(() => {
-    setTranscript("");
-  }, []);
-  return {
-    isListening,
-    transcript,
-    start,
-    stop,
-    resetTranscript,
-    isSupported,
-    error
-  };
-};
-
 // src/ui/react/hooks/useAudioRecorder.ts
-var import_react3 = require("react");
+var import_react2 = require("react");
 var useAudioRecorder = (onStop) => {
-  const [isRecording, setIsRecording] = (0, import_react3.useState)(false);
-  const [isSimulated, setIsSimulated] = (0, import_react3.useState)(false);
-  const [blob, setBlob] = (0, import_react3.useState)(null);
-  const [error, setError] = (0, import_react3.useState)(null);
-  const mediaRecorderRef = (0, import_react3.useRef)(null);
-  const chunksRef = (0, import_react3.useRef)([]);
-  const start = (0, import_react3.useCallback)(async () => {
+  const [isRecording, setIsRecording] = (0, import_react2.useState)(false);
+  const [isSimulated, setIsSimulated] = (0, import_react2.useState)(false);
+  const [blob, setBlob] = (0, import_react2.useState)(null);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const mediaRecorderRef = (0, import_react2.useRef)(null);
+  const chunksRef = (0, import_react2.useRef)([]);
+  const start = (0, import_react2.useCallback)(async () => {
     try {
       if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
         if (process.env.NODE_ENV === "development") {
@@ -498,7 +213,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 = [];
@@ -524,7 +244,7 @@ var useAudioRecorder = (onStop) => {
       setError(e.message || "Microphone access denied");
     }
   }, [onStop]);
-  const stop = (0, import_react3.useCallback)(() => {
+  const stop = (0, import_react2.useCallback)(() => {
     if (isSimulated) {
       setIsRecording(false);
       setIsSimulated(false);
@@ -548,9 +268,9 @@ var useAudioRecorder = (onStop) => {
 };
 
 // src/ui/react/hooks/useProactiveResize.ts
-var import_react4 = require("react");
+var import_react3 = require("react");
 function useProactiveResize(textareaRef, measurementRef, value, disabled) {
-  (0, import_react4.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!textareaRef.current || !measurementRef.current) return;
     const styles = window.getComputedStyle(textareaRef.current);
     measurementRef.current.style.width = styles.width;
@@ -570,7 +290,7 @@ function useProactiveResize(textareaRef, measurementRef, value, disabled) {
 
 // src/ui/react/components/ChatInputArea.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var ChatInputArea = (0, import_react5.forwardRef)(({
+var ChatInputArea = (0, import_react4.forwardRef)(({
   onSubmit,
   isSending,
   showInputForm,
@@ -586,22 +306,18 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
   defaultInputMode = "text"
 }, ref) => {
   var _a, _b, _c, _d;
-  const [internalMessage, setInternalMessage] = (0, import_react5.useState)("");
-  const [voiceTrigger, setVoiceTrigger] = (0, import_react5.useState)(null);
-  const [isTranscribing, setIsTranscribing] = (0, import_react5.useState)(false);
-  const [voiceError, setVoiceError] = (0, import_react5.useState)(null);
-  const [isFocused, setIsFocused] = (0, import_react5.useState)(false);
-  const [showDebug, setShowDebug] = (0, import_react5.useState)(false);
-  const [logs, setLogs] = (0, import_react5.useState)([]);
-  const tapCountRef = (0, import_react5.useRef)({ count: 0, lastTap: 0 });
-  (0, import_react5.useEffect)(() => {
+  const [internalMessage, setInternalMessage] = (0, import_react4.useState)("");
+  const [voiceTrigger, setVoiceTrigger] = (0, import_react4.useState)(null);
+  const [isTranscribing, setIsTranscribing] = (0, import_react4.useState)(false);
+  const [voiceError, setVoiceError] = (0, import_react4.useState)(null);
+  const [isFocused, setIsFocused] = (0, import_react4.useState)(false);
+  const [showDebug, setShowDebug] = (0, import_react4.useState)(false);
+  const [logs, setLogs] = (0, import_react4.useState)([]);
+  const tapCountRef = (0, import_react4.useRef)({ count: 0, lastTap: 0 });
+  (0, import_react4.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) => {
@@ -609,7 +325,7 @@ var ChatInputArea = (0, import_react5.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) {
       }
     };
@@ -631,17 +347,17 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
       console.error = originalError;
     };
   }, []);
-  const copyLogs = (0, import_react5.useCallback)(() => {
+  const copyLogs = (0, import_react4.useCallback)(() => {
     navigator.clipboard.writeText(logs.join("\n")).then(() => alert("Logs copied to clipboard")).catch((err) => console.error("Failed to copy logs", err));
   }, [logs]);
-  const textareaRef = (0, import_react5.useRef)(null);
-  const measurementRef = (0, import_react5.useRef)(null);
-  const pendingSelectionRef = (0, import_react5.useRef)(null);
+  const textareaRef = (0, import_react4.useRef)(null);
+  const measurementRef = (0, import_react4.useRef)(null);
+  const pendingSelectionRef = (0, import_react4.useRef)(null);
   const isControlled = value !== void 0;
   const message = isControlled ? value : internalMessage;
-  const messageRef = (0, import_react5.useRef)(message);
+  const messageRef = (0, import_react4.useRef)(message);
   messageRef.current = message;
-  (0, import_react5.useLayoutEffect)(() => {
+  (0, import_react4.useLayoutEffect)(() => {
     if (pendingSelectionRef.current && textareaRef.current) {
       const { start, end } = pendingSelectionRef.current;
       textareaRef.current.focus();
@@ -649,18 +365,18 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
       pendingSelectionRef.current = null;
     }
   }, [message]);
-  const onChangeRef = (0, import_react5.useRef)(onChange);
-  (0, import_react5.useEffect)(() => {
+  const onChangeRef = (0, import_react4.useRef)(onChange);
+  (0, import_react4.useEffect)(() => {
     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 = (0, import_react5.useRef)(voiceConfig);
-  (0, import_react5.useEffect)(() => {
+  const voiceConfigRef = (0, import_react4.useRef)(voiceConfig);
+  (0, import_react4.useEffect)(() => {
     voiceConfigRef.current = voiceConfig;
   }, [voiceConfig]);
-  const triggerChange = (0, import_react5.useCallback)((newValue) => {
+  const triggerChange = (0, import_react4.useCallback)((newValue) => {
     setVoiceError(null);
     if (isControlled && onChangeRef.current) {
       const syntheticEvent = {
@@ -674,7 +390,7 @@ var ChatInputArea = (0, import_react5.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 = (0, import_react5.useCallback)((text) => {
+  const insertTextAtCursor = (0, import_react4.useCallback)((text) => {
     const textarea = textareaRef.current;
     const currentVal = messageRef.current || "";
     if (!textarea) {
@@ -692,23 +408,16 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
     pendingSelectionRef.current = { start: selectionStart, end: selectionEnd };
     triggerChange(newText);
   }, [triggerChange]);
-  const handleVoiceResult = (0, import_react5.useCallback)((text, isFinal) => {
+  const handleVoiceResult = (0, import_react4.useCallback)((text, isFinal) => {
     if (isFinal) {
       insertTextAtCursor(text);
     }
   }, [insertTextAtCursor]);
-  const handleVoiceEnd = (0, import_react5.useCallback)(() => {
+  const handleVoiceEnd = (0, import_react4.useCallback)(() => {
     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);
-  (0, import_react5.useEffect)(() => {
-    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);
@@ -736,7 +445,7 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
       setIsTranscribing(false);
     }
   });
-  (0, import_react5.useImperativeHandle)(ref, () => ({
+  (0, import_react4.useImperativeHandle)(ref, () => ({
     focus: () => {
       var _a2;
       (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
@@ -768,65 +477,27 @@ 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, _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;
@@ -1005,7 +676,7 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
 ChatInputArea.displayName = "ChatInputArea";
 
 // src/ui/react/components/TapToTalk.tsx
-var import_react6 = __toESM(require("react"), 1);
+var import_react5 = __toESM(require("react"), 1);
 var import_outline2 = require("@heroicons/react/24/outline");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var TapToTalk = ({
@@ -1020,19 +691,16 @@ var TapToTalk = ({
   var _a;
   const globalConfig = useChatConfig();
   const voiceConfig = propVoiceConfig || ((_a = globalConfig.voice) == null ? void 0 : _a.config);
-  const [isTranscribing, setIsTranscribing] = (0, import_react6.useState)(false);
-  const [errorMsg, setErrorMsg] = (0, import_react6.useState)(null);
-  const [showDebug, setShowDebug] = (0, import_react6.useState)(false);
-  const [logs, setLogs] = (0, import_react6.useState)([]);
-  const tapCountRef = (0, import_react6.useRef)({ count: 0, lastTap: 0 });
-  import_react6.default.useEffect(() => {
+  const [isTranscribing, setIsTranscribing] = (0, import_react5.useState)(false);
+  const [voiceTrigger, setVoiceTrigger] = (0, import_react5.useState)(null);
+  const [errorMsg, setErrorMsg] = (0, import_react5.useState)(null);
+  const [showDebug, setShowDebug] = (0, import_react5.useState)(false);
+  const [logs, setLogs] = (0, import_react5.useState)([]);
+  const tapCountRef = (0, import_react5.useRef)({ count: 0, lastTap: 0 });
+  import_react5.default.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) => {
@@ -1040,7 +708,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) {
       }
     };
@@ -1062,27 +730,15 @@ var TapToTalk = ({
       console.error = originalError;
     };
   }, []);
-  const copyLogs = (0, import_react6.useCallback)(() => {
+  const copyLogs = (0, import_react5.useCallback)(() => {
     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);
-    }
-  }, [onResult]);
-  const handleVoiceEnd = (0, import_react6.useCallback)(() => {
-    console.log("[TapToTalk] Native speech ended");
+  const handleVoiceEnd = (0, import_react5.useCallback)(() => {
+    setVoiceTrigger(null);
   }, []);
-  const nativeSpeech = useSpeechRecognition(handleVoiceResult, handleVoiceEnd, voiceConfig == null ? void 0 : voiceConfig.language);
-  import_react6.default.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") {
@@ -1092,7 +748,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);
@@ -1105,77 +761,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 = (0, import_react6.useRef)(false);
-  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) => {
-    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 = (0, import_react5.useRef)(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 {
@@ -1221,9 +859,7 @@ 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 +867,9 @@ var TapToTalk = ({
                 ${className}`,
         title: label,
         children: [
-          /* @__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 })
+          /* @__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 })
         ]
       }
     )
@@ -1241,17 +877,17 @@ var TapToTalk = ({
 };
 
 // src/ui/react/components/ChatMessageList.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 
 // src/ui/react/components/interactive/ConfirmInteraction.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ConfirmInteraction = ({
   parameters,
   onResponse,
   isResponseSubmitted
 }) => {
-  const [selectedOption, setSelectedOption] = (0, import_react7.useState)(null);
+  const [selectedOption, setSelectedOption] = (0, import_react6.useState)(null);
   const params = parameters;
   const { yesPrompt, noPrompt } = params;
   console.log("[ConfirmInteraction] Parameters:", params);
@@ -1284,7 +920,7 @@ var ConfirmInteraction = ({
 var ConfirmInteraction_default = ConfirmInteraction;
 
 // src/ui/react/components/interactive/SelectInteraction.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var SelectInteraction = ({
   parameters,
@@ -1292,11 +928,11 @@ var SelectInteraction = ({
   isResponseSubmitted,
   message
 }) => {
-  const [selectedOption, setSelectedOption] = (0, import_react8.useState)(null);
-  const [customOption, setCustomOption] = (0, import_react8.useState)(null);
+  const [selectedOption, setSelectedOption] = (0, import_react7.useState)(null);
+  const [customOption, setCustomOption] = (0, import_react7.useState)(null);
   const params = parameters;
   const { question, options, placeholder } = params;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (isResponseSubmitted && (message == null ? void 0 : message.responseValue)) {
       const responseValueStr = String(message.responseValue);
       setSelectedOption(responseValueStr);
@@ -1335,7 +971,7 @@ var SelectInteraction = ({
 var SelectInteraction_default = SelectInteraction;
 
 // src/ui/react/components/interactive/FormInteraction.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var FormInteraction = ({
@@ -1344,11 +980,11 @@ var FormInteraction = ({
   isResponseSubmitted,
   submittedValues
 }) => {
-  const [isModalOpen, setIsModalOpen] = (0, import_react9.useState)(false);
-  const [formValues, setFormValues] = (0, import_react9.useState)({});
-  const [isExpanded, setIsExpanded] = (0, import_react9.useState)(false);
-  const [parsedFields, setParsedFields] = (0, import_react9.useState)([]);
-  const formButtonsRef = (0, import_react9.useRef)(null);
+  const [isModalOpen, setIsModalOpen] = (0, import_react8.useState)(false);
+  const [formValues, setFormValues] = (0, import_react8.useState)({});
+  const [isExpanded, setIsExpanded] = (0, import_react8.useState)(false);
+  const [parsedFields, setParsedFields] = (0, import_react8.useState)([]);
+  const formButtonsRef = (0, import_react8.useRef)(null);
   const parseParameters = () => {
     const { prompt, description, submitText = "Submit", cancelText = "Cancel" } = parameters;
     let fieldsArray = [];
@@ -1409,7 +1045,7 @@ var FormInteraction = ({
     };
   };
   const params = parseParameters();
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const processedParams = parseParameters();
     setParsedFields(processedParams.fields);
     const initialValues = {};
@@ -1427,7 +1063,7 @@ var FormInteraction = ({
       setIsModalOpen(true);
     }
   }, [parameters, isResponseSubmitted]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (isModalOpen && formButtonsRef.current) {
       setTimeout(() => {
         var _a;
@@ -1735,10 +1371,10 @@ var ChatMessageList = ({
   getContextExample,
   onInteractiveResponse
 }) => {
-  const chatContainerRef = (0, import_react10.useRef)(null);
-  const lastMessageRef = (0, import_react10.useRef)(null);
-  const processingIndicatorRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const chatContainerRef = (0, import_react9.useRef)(null);
+  const lastMessageRef = (0, import_react9.useRef)(null);
+  const processingIndicatorRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     if (isProcessing && processingIndicatorRef.current) {
       processingIndicatorRef.current.scrollIntoView({ behavior: "smooth" });
       return;
@@ -1983,7 +1619,6 @@ function createWhisperVoiceConfig(config, callbacks) {
   transcribeAudio,
   useAudioRecorder,
   useChatConfig,
-  useProactiveResize,
-  useSpeechRecognition
+  useProactiveResize
 });
 //# sourceMappingURL=index.cjs.map