@contentgrowth/llm-service 0.9.4 → 0.9.6

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

@@ -203,6 +203,12 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
   const recognitionRef = (0, import_react2.useRef)(null);
   const isSimulatingRef = (0, import_react2.useRef)(false);
   const simulationTimeoutRef = (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)(() => {
     if (typeof window !== "undefined") {
       const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
@@ -221,7 +227,7 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
             return;
           }
           setIsListening(false);
-          if (onEnd) onEnd();
+          if (onEndRef.current) onEndRef.current();
         };
         recognition.onresult = (event) => {
           let interimTranscript = "";
@@ -230,10 +236,10 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
             const result = event.results[i];
             if (result.isFinal) {
               finalTranscript += result[0].transcript;
-              if (onResult) onResult(finalTranscript, true);
+              if (onResultRef.current) onResultRef.current(finalTranscript, true);
             } else {
               interimTranscript += result[0].transcript;
-              if (onResult) onResult(interimTranscript, false);
+              if (onResultRef.current) onResultRef.current(interimTranscript, false);
             }
           }
           setTranscript((prev) => prev + finalTranscript);
@@ -248,10 +254,10 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
             simulationTimeoutRef.current = setTimeout(() => {
               const mockText = "This is a simulated voice input for testing.";
               setTranscript((prev) => prev + (prev ? " " : "") + mockText);
-              if (onResult) onResult(mockText, true);
+              if (onResultRef.current) onResultRef.current(mockText, true);
               isSimulatingRef.current = false;
               setIsListening(false);
-              if (onEnd) onEnd();
+              if (onEndRef.current) onEndRef.current();
               simulationTimeoutRef.current = null;
             }, 3e3);
             return;
@@ -268,9 +274,11 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
         clearTimeout(simulationTimeoutRef.current);
         simulationTimeoutRef.current = null;
       }
-      recognitionRef.current.stop();
+      if (recognitionRef.current) {
+        recognitionRef.current.stop();
+      }
     };
-  }, [onResult, onEnd, language]);
+  }, [language]);
   const start = (0, import_react2.useCallback)(() => {
     if (recognitionRef.current && !isListening) {
       try {
@@ -290,10 +298,10 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
       }
       const mockText = "This is a simulated voice input for testing.";
       setTranscript((prev) => prev + (prev ? " " : "") + mockText);
-      if (onResult) onResult(mockText, true);
+      if (onResultRef.current) onResultRef.current(mockText, true);
       isSimulatingRef.current = false;
       setIsListening(false);
-      if (onEnd) onEnd();
+      if (onEndRef.current) onEndRef.current();
       return;
     }
     if (recognitionRef.current && isListening) {
@@ -465,6 +473,9 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
       console.error = originalError;
     };
   }, []);
+  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 textareaRef = (0, import_react5.useRef)(null);
   const measurementRef = (0, import_react5.useRef)(null);
   const pendingSelectionRef = (0, import_react5.useRef)(null);
@@ -657,7 +668,13 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
     showDebug && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "absolute bottom-full left-0 right-0 mb-2 p-2 bg-black/80 text-green-400 text-xs font-mono h-48 overflow-y-auto rounded z-50 pointer-events-auto", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex justify-between items-center bg-gray-800 p-1 mb-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Debug Logs" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: () => setShowDebug(false), className: "text-white hover:text-red-400", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_outline.XMarkIcon, { className: "w-4 h-4" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: copyLogs, className: "text-white hover:text-blue-400", title: "Copy Logs", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_outline.Square2StackIcon, { className: "w-4 h-4" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: () => {
+            copyLogs();
+            setShowDebug(false);
+          }, className: "text-white hover:text-red-400", title: "Copy & Close", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_outline.XMarkIcon, { className: "w-4 h-4" }) })
+        ] })
       ] }),
       logs.map((log, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mb-0.5 border-b border-gray-700/50 pb-0.5 break-all", children: log }, i)),
       logs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "No logs yet..." })
@@ -678,6 +695,7 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
             if (tapCountRef.current.count >= 5) {
               setShowDebug((prev) => !prev);
               tapCountRef.current.count = 0;
+              stopRecording();
               return;
             }
             if (voiceTrigger) {
@@ -852,6 +870,9 @@ var TapToTalk = ({
       console.error = originalError;
     };
   }, []);
+  const copyLogs = (0, import_react6.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) => {
     if (isFinal) {
       onResult(text);
@@ -907,6 +928,11 @@ var TapToTalk = ({
     if (tapCountRef.current.count >= 5) {
       setShowDebug((prev) => !prev);
       tapCountRef.current.count = 0;
+      if (isActive) {
+        if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") nativeSpeech.stop();
+        else customRecorder.stop();
+        setVoiceTrigger(null);
+      }
       return;
     }
     if (isActive) {
@@ -957,10 +983,17 @@ var TapToTalk = ({
     showDebug && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "absolute bottom-full left-0 right-0 mb-2 p-2 bg-black/80 text-green-400 text-xs font-mono h-48 overflow-y-auto rounded z-50 pointer-events-auto", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-between items-center bg-gray-800 p-1 mb-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Debug Logs" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: (e) => {
-          e.stopPropagation();
-          setShowDebug(false);
-        }, className: "text-white hover:text-red-400", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_outline2.XMarkIcon, { className: "w-4 h-4" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: (e) => {
+            e.stopPropagation();
+            copyLogs();
+          }, className: "text-white hover:text-blue-400", title: "Copy Logs", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_outline2.Square2StackIcon, { className: "w-4 h-4" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: (e) => {
+            e.stopPropagation();
+            copyLogs();
+            setShowDebug(false);
+          }, className: "text-white hover:text-red-400", title: "Copy & Close", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_outline2.XMarkIcon, { className: "w-4 h-4" }) })
+        ] })
       ] }),
       logs.map((log, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mb-0.5 border-b border-gray-700/50 pb-0.5 break-all", children: log }, i)),
       logs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: "No logs yet..." })