@contentgrowth/llm-service 0.9.5 → 0.9.6

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

@@ -149,7 +149,7 @@ 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 { MicrophoneIcon, StopIcon, PaperAirplaneIcon, XMarkIcon } from "@heroicons/react/24/outline";
+import { MicrophoneIcon, StopIcon, PaperAirplaneIcon, XMarkIcon, Square2StackIcon } from "@heroicons/react/24/outline";
 
 // src/ui/react/hooks/useSpeechRecognition.ts
 import { useState, useEffect, useCallback, useRef } from "react";
@@ -431,6 +431,9 @@ var ChatInputArea = forwardRef(({
       console.error = originalError;
     };
   }, []);
+  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 textareaRef = useRef3(null);
   const measurementRef = useRef3(null);
   const pendingSelectionRef = useRef3(null);
@@ -623,7 +626,13 @@ var ChatInputArea = forwardRef(({
     showDebug && /* @__PURE__ */ jsxs3("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__ */ jsxs3("div", { className: "flex justify-between items-center bg-gray-800 p-1 mb-1", children: [
         /* @__PURE__ */ jsx5("span", { children: "Debug Logs" }),
-        /* @__PURE__ */ jsx5("button", { onClick: () => setShowDebug(false), className: "text-white hover:text-red-400", children: /* @__PURE__ */ jsx5(XMarkIcon, { className: "w-4 h-4" }) })
+        /* @__PURE__ */ jsxs3("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx5("button", { onClick: copyLogs, className: "text-white hover:text-blue-400", title: "Copy Logs", children: /* @__PURE__ */ jsx5(Square2StackIcon, { className: "w-4 h-4" }) }),
+          /* @__PURE__ */ jsx5("button", { onClick: () => {
+            copyLogs();
+            setShowDebug(false);
+          }, className: "text-white hover:text-red-400", title: "Copy & Close", children: /* @__PURE__ */ jsx5(XMarkIcon, { className: "w-4 h-4" }) })
+        ] })
       ] }),
       logs.map((log, i) => /* @__PURE__ */ jsx5("div", { className: "mb-0.5 border-b border-gray-700/50 pb-0.5 break-all", children: log }, i)),
       logs.length === 0 && /* @__PURE__ */ jsx5("div", { children: "No logs yet..." })
@@ -644,6 +653,7 @@ var ChatInputArea = forwardRef(({
             if (tapCountRef.current.count >= 5) {
               setShowDebug((prev) => !prev);
               tapCountRef.current.count = 0;
+              stopRecording();
               return;
             }
             if (voiceTrigger) {
@@ -765,7 +775,7 @@ ChatInputArea.displayName = "ChatInputArea";
 
 // src/ui/react/components/TapToTalk.tsx
 import React3, { useState as useState4, useCallback as useCallback4, useRef as useRef4 } from "react";
-import { MicrophoneIcon as MicrophoneIcon2, XMarkIcon as XMarkIcon2 } from "@heroicons/react/24/outline";
+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 = ({
   onResult,
@@ -818,6 +828,9 @@ var TapToTalk = ({
       console.error = originalError;
     };
   }, []);
+  const copyLogs = useCallback4(() => {
+    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) => {
     if (isFinal) {
       onResult(text);
@@ -873,6 +886,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) {
@@ -923,10 +941,17 @@ var TapToTalk = ({
     showDebug && /* @__PURE__ */ jsxs4("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__ */ jsxs4("div", { className: "flex justify-between items-center bg-gray-800 p-1 mb-1", children: [
         /* @__PURE__ */ jsx6("span", { children: "Debug Logs" }),
-        /* @__PURE__ */ jsx6("button", { onClick: (e) => {
-          e.stopPropagation();
-          setShowDebug(false);
-        }, className: "text-white hover:text-red-400", children: /* @__PURE__ */ jsx6(XMarkIcon2, { className: "w-4 h-4" }) })
+        /* @__PURE__ */ jsxs4("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx6("button", { onClick: (e) => {
+            e.stopPropagation();
+            copyLogs();
+          }, className: "text-white hover:text-blue-400", title: "Copy Logs", children: /* @__PURE__ */ jsx6(Square2StackIcon2, { className: "w-4 h-4" }) }),
+          /* @__PURE__ */ jsx6("button", { onClick: (e) => {
+            e.stopPropagation();
+            copyLogs();
+            setShowDebug(false);
+          }, className: "text-white hover:text-red-400", title: "Copy & Close", children: /* @__PURE__ */ jsx6(XMarkIcon2, { className: "w-4 h-4" }) })
+        ] })
       ] }),
       logs.map((log, i) => /* @__PURE__ */ jsx6("div", { className: "mb-0.5 border-b border-gray-700/50 pb-0.5 break-all", children: log }, i)),
       logs.length === 0 && /* @__PURE__ */ jsx6("div", { children: "No logs yet..." })