@copilotz/chat-ui 0.3.2 → 0.3.3

package/dist/index.cjs

@@ -85,8 +85,6 @@ var defaultChatConfig = {
     stopGenerationTooltip: "Stop generation",
     attachFiles: "Attach Files",
     attachFileTooltip: "Attach file",
-    recordAudio: "Record Audio",
-    recordAudioTooltip: "Record audio",
     voiceEnter: "Voice input",
     voiceExit: "Use keyboard",
     voiceTitle: "Voice",
@@ -177,7 +175,6 @@ var defaultChatConfig = {
     components: {}
   },
   voiceCompose: {
-    enabled: false,
     defaultMode: "text",
     reviewMode: "manual",
     autoSendDelayMs: 5e3,
@@ -3850,61 +3847,6 @@ var AttachmentPreview = (0, import_react6.memo)(function AttachmentPreview2({ at
     attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "truncate", children: attachment.fileName }) })
   ] }) });
 });
-var AudioRecorder = (0, import_react6.memo)(function AudioRecorder2({ isRecording, onStartRecording, onStopRecording, onCancel, recordingDuration, config }) {
-  const formatTime = (seconds) => {
-    const mins = Math.floor(seconds / 60);
-    const secs = seconds % 60;
-    return `${mins}:${secs.toString().padStart(2, "0")}`;
-  };
-  if (!isRecording) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        Button,
-        {
-          variant: "outline",
-          size: "icon",
-          onClick: onStartRecording,
-          className: "h-10 w-10",
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-4 w-4" })
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.recordAudioTooltip })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { className: "border-red-200 bg-red-50 dark:border-red-800 dark:bg-red-950", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardContent, { className: "p-3", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-3 w-3 bg-red-500 rounded-full animate-pulse" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-medium text-red-700 dark:text-red-300", children: config?.labels?.voiceListening || "Recording" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { variant: "outline", className: "text-xs", children: formatTime(recordingDuration) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex gap-1 ml-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-        Button,
-        {
-          variant: "outline",
-          size: "sm",
-          onClick: onCancel,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3 mr-1" }),
-            config?.labels?.cancel || "Cancel"
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-        Button,
-        {
-          variant: "default",
-          size: "sm",
-          onClick: onStopRecording,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Square, { className: "h-3 w-3 mr-1" }),
-            config?.labels?.voiceStop || "Stop"
-          ]
-        }
-      )
-    ] })
-  ] }) }) });
-});
 var resolveVoiceErrorMessage = (error, config) => {
   if (error instanceof DOMException && error.name === "NotAllowedError") {
     return config?.labels?.voicePermissionDenied || "Microphone access was denied.";
@@ -3937,7 +3879,6 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
   mentionAgents = [],
   onTargetAgentChange
 }) {
-  const voiceComposeEnabled = config?.voiceCompose?.enabled === true;
   const voiceDefaultMode = config?.voiceCompose?.defaultMode ?? "text";
   const voiceReviewMode = config?.voiceCompose?.reviewMode ?? "manual";
   const voiceAutoSendDelayMs = config?.voiceCompose?.autoSendDelayMs ?? 5e3;
@@ -3945,12 +3886,10 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
   const voiceShowTranscriptPreview = config?.voiceCompose?.showTranscriptPreview ?? true;
   const voiceTranscriptMode = config?.voiceCompose?.transcriptMode ?? "final-only";
   const voiceMaxRecordingMs = config?.voiceCompose?.maxRecordingMs;
-  const [isRecording, setIsRecording] = (0, import_react6.useState)(false);
   const { setContext } = useChatUserContext();
-  const [recordingDuration, setRecordingDuration] = (0, import_react6.useState)(0);
   const [uploadProgress, setUploadProgress] = (0, import_react6.useState)(/* @__PURE__ */ new Map());
   const [isVoiceComposerOpen, setIsVoiceComposerOpen] = (0, import_react6.useState)(
-    () => voiceComposeEnabled && voiceDefaultMode === "voice"
+    () => enableAudioRecording && voiceDefaultMode === "voice"
   );
   const [voiceState, setVoiceState] = (0, import_react6.useState)("idle");
   const [voiceDraft, setVoiceDraft] = (0, import_react6.useState)(null);
@@ -3964,10 +3903,6 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
   const [activeMentionIndex, setActiveMentionIndex] = (0, import_react6.useState)(0);
   const textareaRef = (0, import_react6.useRef)(null);
   const fileInputRef = (0, import_react6.useRef)(null);
-  const mediaRecorderRef = (0, import_react6.useRef)(null);
-  const recordingStartTime = (0, import_react6.useRef)(0);
-  const recordingInterval = (0, import_react6.useRef)(null);
-  const mediaStreamRef = (0, import_react6.useRef)(null);
   const voiceProviderRef = (0, import_react6.useRef)(null);
   const voiceDraftRef = (0, import_react6.useRef)(null);
   const voiceAppendBaseRef = (0, import_react6.useRef)(null);
@@ -4003,12 +3938,6 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
   }, []);
   (0, import_react6.useEffect)(() => {
     return () => {
-      if (mediaStreamRef.current) {
-        mediaStreamRef.current.getTracks().forEach((track) => track.stop());
-      }
-      if (recordingInterval.current) {
-        clearInterval(recordingInterval.current);
-      }
       if (voiceProviderRef.current) {
         void voiceProviderRef.current.destroy();
         voiceProviderRef.current = null;
@@ -4181,73 +4110,6 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
   const handleDragOver = (0, import_react6.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  const startRecording = async () => {
-    try {
-      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-      mediaStreamRef.current = stream;
-      const mediaRecorder = new MediaRecorder(stream);
-      mediaRecorderRef.current = mediaRecorder;
-      const chunks = [];
-      mediaRecorder.ondataavailable = (e) => {
-        chunks.push(e.data);
-      };
-      mediaRecorder.onstop = async () => {
-        const blob = new Blob(chunks, { type: "audio/webm" });
-        const dataUrl = await new Promise((resolve, reject) => {
-          const reader = new FileReader();
-          reader.onload = () => resolve(reader.result);
-          reader.onerror = reject;
-          reader.readAsDataURL(blob);
-        });
-        const attachment = {
-          kind: "audio",
-          dataUrl,
-          mimeType: blob.type,
-          durationMs: recordingDuration * 1e3,
-          fileName: `audio_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19)}.webm`,
-          size: blob.size
-        };
-        onAttachmentsChange([...attachments, attachment]);
-        if (mediaStreamRef.current) {
-          mediaStreamRef.current.getTracks().forEach((track) => track.stop());
-          mediaStreamRef.current = null;
-        }
-      };
-      recordingStartTime.current = Date.now();
-      setRecordingDuration(0);
-      setIsRecording(true);
-      mediaRecorder.start();
-      recordingInterval.current = setInterval(() => {
-        const duration = Math.floor((Date.now() - recordingStartTime.current) / 1e3);
-        setRecordingDuration(duration);
-      }, 1e3);
-    } catch (error) {
-      console.error("Error starting recording:", error);
-      alert(config?.labels?.voicePermissionDenied || "Microphone access was denied.");
-    }
-  };
-  const stopRecording = () => {
-    if (mediaRecorderRef.current && isRecording) {
-      mediaRecorderRef.current.stop();
-      setIsRecording(false);
-      if (recordingInterval.current) {
-        clearInterval(recordingInterval.current);
-      }
-    }
-  };
-  const cancelRecording = () => {
-    if (mediaRecorderRef.current && isRecording) {
-      mediaRecorderRef.current.stop();
-      setIsRecording(false);
-      if (recordingInterval.current) {
-        clearInterval(recordingInterval.current);
-      }
-      if (mediaStreamRef.current) {
-        mediaStreamRef.current.getTracks().forEach((track) => track.stop());
-        mediaStreamRef.current = null;
-      }
-    }
-  };
   const resetVoiceComposerState = (0, import_react6.useCallback)((nextState = "idle") => {
     setVoiceState(nextState);
     setVoiceDraft(null);
@@ -4532,7 +4394,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     onAttachmentsChange(newAttachments);
   };
   const canAddMoreAttachments = attachments.length < maxAttachments;
-  const showVoiceComposer = voiceComposeEnabled && isVoiceComposerOpen;
+  const showVoiceComposer = enableAudioRecording && isVoiceComposerOpen;
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
     uploadProgress.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       FileUploadItem,
@@ -4549,17 +4411,6 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
       },
       id
     )) }),
-    isRecording && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      AudioRecorder,
-      {
-        isRecording,
-        onStartRecording: startRecording,
-        onStopRecording: stopRecording,
-        onCancel: cancelRecording,
-        recordingDuration,
-        config
-      }
-    ),
     attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       AttachmentPreview,
       {
@@ -4689,7 +4540,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
               agent.id
             )) }) })
           ] }),
-          enableAudioRecording && !isRecording && canAddMoreAttachments && !value.trim() && (voiceComposeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
+          enableAudioRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Button,
               {
@@ -4704,18 +4555,8 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
                 children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.voiceEnter || config?.labels?.recordAudioTooltip })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-            AudioRecorder,
-            {
-              isRecording,
-              onStartRecording: startRecording,
-              onStopRecording: stopRecording,
-              onCancel: cancelRecording,
-              recordingDuration,
-              config
-            }
-          )),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.voiceEnter })
+          ] }),
           isGenerating ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Button,