@copilotz/chat-ui 0.1.32 → 0.1.34

package/dist/index.js

@@ -32,17 +32,20 @@ var defaultChatConfig = {
     recordAudioTooltip: "Record audio",
     voiceEnter: "Voice input",
     voiceExit: "Use keyboard",
-    voiceTitle: "Voice input",
+    voiceTitle: "Voice",
+    voiceIdle: "Tap the mic to record",
     voicePreparing: "Preparing microphone...",
     voiceWaiting: "Waiting for speech...",
     voiceListening: "Listening...",
     voiceFinishing: "Finishing capture...",
     voiceReview: "Ready to send",
+    voiceSending: "Sending...",
     voiceStart: "Start recording",
     voiceStop: "Stop recording",
     voiceSendNow: "Send now",
     voiceCancel: "Cancel",
-    voiceRecordAgain: "Record again",
+    voiceDiscard: "Delete recording",
+    voiceRecordAgain: "Continue recording",
     voiceAutoSendIn: "Auto-sends in {{seconds}}s",
     voiceTranscriptPending: "Transcript unavailable",
     voicePermissionDenied: "Microphone access was denied.",
@@ -111,6 +114,7 @@ var defaultChatConfig = {
   },
   voiceCompose: {
     enabled: false,
+    defaultMode: "text",
     autoSendDelayMs: 5e3,
     persistComposer: true,
     showTranscriptPreview: true,
@@ -2846,6 +2850,121 @@ var blobToDataUrl = (blob) => new Promise((resolve, reject) => {
   reader.onerror = () => reject(reader.error ?? new Error("Failed to read recorded audio"));
   reader.readAsDataURL(blob);
 });
+var joinTranscriptParts = (...parts) => {
+  const value = parts.map((part) => part?.trim()).filter((part) => Boolean(part && part.length > 0)).join(" ").trim();
+  return value.length > 0 ? value : void 0;
+};
+var getAudioContextCtor = () => globalThis.AudioContext || globalThis.webkitAudioContext;
+var getOfflineAudioContextCtor = () => globalThis.OfflineAudioContext || globalThis.webkitOfflineAudioContext;
+var attachmentToArrayBuffer = async (attachment) => {
+  const response = await fetch(attachment.dataUrl);
+  return response.arrayBuffer();
+};
+var decodeAudioAttachment = async (attachment) => {
+  const AudioContextCtor = getAudioContextCtor();
+  if (!AudioContextCtor) {
+    throw new Error("Audio decoding is not supported in this browser");
+  }
+  const audioContext = new AudioContextCtor();
+  try {
+    const arrayBuffer = await attachmentToArrayBuffer(attachment);
+    return await audioContext.decodeAudioData(arrayBuffer.slice(0));
+  } finally {
+    await closeAudioContext(audioContext);
+  }
+};
+var renderMergedBuffer = async (buffers) => {
+  const OfflineAudioContextCtor = getOfflineAudioContextCtor();
+  if (!OfflineAudioContextCtor) {
+    throw new Error("Offline audio rendering is not supported in this browser");
+  }
+  const numberOfChannels = Math.max(...buffers.map((buffer) => buffer.numberOfChannels));
+  const sampleRate = Math.max(...buffers.map((buffer) => buffer.sampleRate));
+  const totalFrames = Math.max(1, Math.ceil(buffers.reduce((sum, buffer) => sum + buffer.duration * sampleRate, 0)));
+  const offlineContext = new OfflineAudioContextCtor(numberOfChannels, totalFrames, sampleRate);
+  let offsetSeconds = 0;
+  for (const buffer of buffers) {
+    const source = offlineContext.createBufferSource();
+    source.buffer = buffer;
+    source.connect(offlineContext.destination);
+    source.start(offsetSeconds);
+    offsetSeconds += buffer.duration;
+  }
+  return offlineContext.startRendering();
+};
+var encodeWav = (audioBuffer) => {
+  const numberOfChannels = audioBuffer.numberOfChannels;
+  const sampleRate = audioBuffer.sampleRate;
+  const bitsPerSample = 16;
+  const bytesPerSample = bitsPerSample / 8;
+  const dataLength = audioBuffer.length * numberOfChannels * bytesPerSample;
+  const buffer = new ArrayBuffer(44 + dataLength);
+  const view = new DataView(buffer);
+  const writeString = (offset2, value) => {
+    for (let index = 0; index < value.length; index += 1) {
+      view.setUint8(offset2 + index, value.charCodeAt(index));
+    }
+  };
+  writeString(0, "RIFF");
+  view.setUint32(4, 36 + dataLength, true);
+  writeString(8, "WAVE");
+  writeString(12, "fmt ");
+  view.setUint32(16, 16, true);
+  view.setUint16(20, 1, true);
+  view.setUint16(22, numberOfChannels, true);
+  view.setUint32(24, sampleRate, true);
+  view.setUint32(28, sampleRate * numberOfChannels * bytesPerSample, true);
+  view.setUint16(32, numberOfChannels * bytesPerSample, true);
+  view.setUint16(34, bitsPerSample, true);
+  writeString(36, "data");
+  view.setUint32(40, dataLength, true);
+  let offset = 44;
+  const channelData = Array.from({ length: numberOfChannels }, (_, index) => audioBuffer.getChannelData(index));
+  for (let sampleIndex = 0; sampleIndex < audioBuffer.length; sampleIndex += 1) {
+    for (let channelIndex = 0; channelIndex < numberOfChannels; channelIndex += 1) {
+      const sample = Math.max(-1, Math.min(1, channelData[channelIndex][sampleIndex]));
+      const pcmValue = sample < 0 ? sample * 32768 : sample * 32767;
+      view.setInt16(offset, pcmValue, true);
+      offset += 2;
+    }
+  }
+  return new Blob([buffer], { type: "audio/wav" });
+};
+var resolveSegmentCount = (segment) => {
+  const candidate = segment?.metadata?.segmentCount;
+  return typeof candidate === "number" && Number.isFinite(candidate) && candidate > 0 ? candidate : segment ? 1 : 0;
+};
+var mergeVoiceTranscripts = (previous, incoming) => ({
+  final: joinTranscriptParts(previous?.final, incoming?.final),
+  partial: joinTranscriptParts(previous?.final, incoming?.partial)
+});
+var appendVoiceSegments = async (previous, incoming) => {
+  const [previousBuffer, incomingBuffer] = await Promise.all([
+    decodeAudioAttachment(previous.attachment),
+    decodeAudioAttachment(incoming.attachment)
+  ]);
+  const mergedBuffer = await renderMergedBuffer([previousBuffer, incomingBuffer]);
+  const mergedBlob = encodeWav(mergedBuffer);
+  const dataUrl = await blobToDataUrl(mergedBlob);
+  const segmentCount = resolveSegmentCount(previous) + resolveSegmentCount(incoming);
+  return {
+    attachment: {
+      kind: "audio",
+      dataUrl,
+      mimeType: mergedBlob.type,
+      durationMs: Math.round(mergedBuffer.duration * 1e3),
+      fileName: `voice-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.wav`,
+      size: mergedBlob.size
+    },
+    transcript: mergeVoiceTranscripts(previous.transcript, incoming.transcript),
+    metadata: {
+      ...previous.metadata,
+      ...incoming.metadata,
+      segmentCount,
+      source: segmentCount > 1 ? "merged" : incoming.metadata?.source ?? previous.metadata?.source
+    }
+  };
+};
 var stopStream = (stream) => {
   if (!stream) return;
   stream.getTracks().forEach((track) => track.stop());
@@ -2967,7 +3086,7 @@ var createManualVoiceProvider = async (handlers, options = {}) => {
                 fileName: `voice-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.webm`,
                 size: blob.size
               },
-              metadata: { source: "manual" }
+              metadata: { source: "manual", segmentCount: 1 }
             });
           } else {
             handlers.onStateChange?.("idle");
@@ -3063,8 +3182,8 @@ function Progress({
 }
 
 // src/components/chat/VoiceComposer.tsx
-import { Keyboard, Loader2, Mic, RotateCcw as RotateCcw2, Send, Square, X as X2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Keyboard, Loader2, Mic, Send, Square, Trash2 as Trash23, X as X2 } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 var formatDuration = (durationMs) => {
   const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
   const minutes = Math.floor(totalSeconds / 60);
@@ -3093,12 +3212,12 @@ var resolveStateLabel = (state, labels, errorMessage) => {
     case "review":
       return labels?.voiceReview || "Ready to send";
     case "sending":
-      return "Sending...";
+      return labels?.voiceSending || "Sending...";
     case "error":
       return errorMessage || labels?.voiceCaptureError || "Unable to capture audio.";
     case "idle":
     default:
-      return labels?.voiceTitle || "Voice input";
+      return labels?.voiceIdle || "Tap the mic to record";
   }
 };
 var resolveTranscriptText = (transcript, transcriptMode) => {
@@ -3115,18 +3234,21 @@ var VoiceComposer = ({
   transcript,
   transcriptMode,
   showTranscriptPreview,
+  attachment,
   durationMs,
   audioLevel,
   countdownMs,
   autoSendDelayMs,
+  isAutoSendActive,
   errorMessage,
   disabled = false,
   labels,
   onStart,
   onStop,
-  onCancel,
-  onSendNow,
+  onCancelAutoSend,
+  onDiscard,
   onRecordAgain,
+  onSendNow,
   onExit
 }) => {
   const transcriptText = resolveTranscriptText(transcript, transcriptMode);
@@ -3134,12 +3256,14 @@ var VoiceComposer = ({
   const countdownValue = autoSendDelayMs > 0 ? Math.min(100, Math.max(0, (autoSendDelayMs - countdownMs) / autoSendDelayMs * 100)) : 100;
   const isBusy = state === "preparing" || state === "finishing" || state === "sending";
   const isCapturing = state === "waiting_for_speech" || state === "listening";
+  const isReviewing = state === "review";
   const levelValue = isCapturing || state === "preparing" || state === "finishing" ? Math.max(8, Math.round(audioLevel * 100)) : 0;
-  return /* @__PURE__ */ jsxs11("div", { className: "w-full md:min-w-3xl max-w-3xl rounded-xl border bg-background p-4 shadow-sm", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx21(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice input" }),
-        /* @__PURE__ */ jsx21("span", { className: "text-sm text-muted-foreground", children: resolveStateLabel(state, labels, errorMessage) })
+  const headerLabel = state === "error" ? labels?.voiceCaptureError || "Unable to capture audio." : resolveStateLabel(state, labels, errorMessage);
+  return /* @__PURE__ */ jsxs11("div", { className: "w-full max-w-3xl rounded-xl border bg-background p-3 shadow-sm sm:p-4 md:min-w-3xl", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx21(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
+        /* @__PURE__ */ jsx21("span", { className: "truncate text-xs sm:text-sm text-muted-foreground", children: headerLabel })
       ] }),
       /* @__PURE__ */ jsxs11(
         Button,
@@ -3147,71 +3271,89 @@ var VoiceComposer = ({
           type: "button",
           variant: "ghost",
           size: "sm",
+          className: "shrink-0 px-2 sm:px-3",
           onClick: onExit,
           disabled: disabled || isBusy,
           children: [
             /* @__PURE__ */ jsx21(Keyboard, { className: "h-4 w-4" }),
-            labels?.voiceExit || "Use keyboard"
+            /* @__PURE__ */ jsx21("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "mt-4 flex flex-col items-center gap-4 rounded-xl border border-dashed border-primary/30 bg-primary/5 px-4 py-6 text-center", children: [
-      /* @__PURE__ */ jsx21("div", { className: "flex h-20 w-20 items-center justify-center rounded-full bg-primary/10", children: isBusy ? /* @__PURE__ */ jsx21(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) : isCapturing ? /* @__PURE__ */ jsx21(Square, { className: "h-8 w-8 text-primary" }) : /* @__PURE__ */ jsx21(Mic, { className: "h-8 w-8 text-primary" }) }),
-      /* @__PURE__ */ jsxs11("div", { className: "w-full max-w-md space-y-2", children: [
+    !isReviewing ? /* @__PURE__ */ jsx21("div", { className: "mt-3 rounded-xl border border-dashed border-primary/30 bg-primary/5 px-3 py-3 text-center sm:px-4 sm:py-4", children: /* @__PURE__ */ jsxs11("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsx21(
+        Button,
+        {
+          type: "button",
+          size: "icon",
+          variant: isCapturing ? "destructive" : "outline",
+          className: `h-16 w-16 rounded-full sm:h-20 sm:w-20 ${isCapturing ? "bg-red-500 hover:bg-red-600 text-white border-red-500" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700"}`,
+          onClick: isCapturing ? onStop : onStart,
+          disabled: disabled || isBusy,
+          children: isBusy ? /* @__PURE__ */ jsx21(Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ jsx21(Square, { className: "h-7 w-7" }) : /* @__PURE__ */ jsx21(Mic, { className: "h-7 w-7" })
+        }
+      ),
+      /* @__PURE__ */ jsxs11("div", { className: "w-full space-y-2", children: [
         /* @__PURE__ */ jsx21(Progress, { value: levelValue, className: "h-2" }),
         /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
           /* @__PURE__ */ jsx21("span", { children: formatDuration(durationMs) }),
-          /* @__PURE__ */ jsx21("span", { children: resolveStateLabel(state, labels, errorMessage) })
+          /* @__PURE__ */ jsx21("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
         ] })
       ] }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx21("div", { className: "w-full max-w-md rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
-    ] }),
-    state === "review" && autoSendDelayMs > 0 && /* @__PURE__ */ jsxs11("div", { className: "mt-4 space-y-2", children: [
-      /* @__PURE__ */ jsx21(Progress, { value: countdownValue, className: "h-2" }),
-      /* @__PURE__ */ jsx21("div", { className: "text-center text-xs text-muted-foreground", children: interpolateSeconds(labels?.voiceAutoSendIn, countdownSeconds) })
-    ] }),
-    state === "error" && errorMessage && /* @__PURE__ */ jsx21("div", { className: "mt-4 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: errorMessage }),
-    /* @__PURE__ */ jsxs11("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [
-      state === "idle" && /* @__PURE__ */ jsxs11(Button, { type: "button", onClick: onStart, disabled, children: [
-        /* @__PURE__ */ jsx21(Mic, { className: "h-4 w-4" }),
-        labels?.voiceStart || "Start recording"
-      ] }),
-      isCapturing && /* @__PURE__ */ jsxs11(Fragment4, { children: [
-        /* @__PURE__ */ jsxs11(Button, { type: "button", onClick: onStop, disabled, children: [
-          /* @__PURE__ */ jsx21(Square, { className: "h-4 w-4" }),
-          labels?.voiceStop || "Stop recording"
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx21("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
+    ] }) }) : /* @__PURE__ */ jsxs11("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx21("div", { className: "text-sm font-medium text-foreground", children: labels?.voiceReview || "Ready to send" }),
+          /* @__PURE__ */ jsx21("div", { className: "text-xs text-muted-foreground", children: formatDuration(durationMs) })
         ] }),
-        /* @__PURE__ */ jsxs11(Button, { type: "button", variant: "outline", onClick: onCancel, disabled, children: [
-          /* @__PURE__ */ jsx21(X2, { className: "h-4 w-4" }),
-          labels?.voiceCancel || "Cancel"
-        ] })
+        /* @__PURE__ */ jsx21(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive",
+            onClick: onDiscard,
+            disabled,
+            "aria-label": labels?.voiceDiscard || "Delete recording",
+            title: labels?.voiceDiscard || "Delete recording",
+            children: /* @__PURE__ */ jsx21(Trash23, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      attachment && /* @__PURE__ */ jsx21("div", { className: "mt-3 rounded-lg bg-background p-2", children: /* @__PURE__ */ jsx21("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ jsx21("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx21("div", { className: "mt-3 rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText }),
+      isAutoSendActive && autoSendDelayMs > 0 && /* @__PURE__ */ jsxs11("div", { className: "mt-3 space-y-2", children: [
+        /* @__PURE__ */ jsx21(Progress, { value: countdownValue, className: "h-2" }),
+        /* @__PURE__ */ jsx21("div", { className: "text-center text-xs text-muted-foreground", children: interpolateSeconds(labels?.voiceAutoSendIn, countdownSeconds) })
       ] }),
-      state === "review" && /* @__PURE__ */ jsxs11(Fragment4, { children: [
-        /* @__PURE__ */ jsxs11(Button, { type: "button", variant: "outline", onClick: onCancel, disabled, children: [
+      /* @__PURE__ */ jsxs11("div", { className: "mt-3 flex items-center justify-end gap-2", children: [
+        isAutoSendActive && /* @__PURE__ */ jsxs11(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, children: [
           /* @__PURE__ */ jsx21(X2, { className: "h-4 w-4" }),
           labels?.voiceCancel || "Cancel"
         ] }),
-        /* @__PURE__ */ jsxs11(Button, { type: "button", variant: "outline", onClick: onRecordAgain, disabled, children: [
-          /* @__PURE__ */ jsx21(RotateCcw2, { className: "h-4 w-4" }),
-          labels?.voiceRecordAgain || "Record again"
-        ] }),
-        /* @__PURE__ */ jsxs11(Button, { type: "button", onClick: onSendNow, disabled, children: [
+        !isAutoSendActive && /* @__PURE__ */ jsx21(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon",
+            onClick: onRecordAgain,
+            disabled,
+            "aria-label": labels?.voiceRecordAgain || "Record again",
+            title: labels?.voiceRecordAgain || "Record again",
+            children: /* @__PURE__ */ jsx21(Mic, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs11(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, children: [
           /* @__PURE__ */ jsx21(Send, { className: "h-4 w-4" }),
           labels?.voiceSendNow || "Send now"
         ] })
-      ] }),
-      state === "error" && /* @__PURE__ */ jsxs11(Fragment4, { children: [
-        /* @__PURE__ */ jsxs11(Button, { type: "button", variant: "outline", onClick: onCancel, disabled, children: [
-          /* @__PURE__ */ jsx21(X2, { className: "h-4 w-4" }),
-          labels?.voiceCancel || "Cancel"
-        ] }),
-        /* @__PURE__ */ jsxs11(Button, { type: "button", onClick: onRecordAgain, disabled, children: [
-          /* @__PURE__ */ jsx21(RotateCcw2, { className: "h-4 w-4" }),
-          labels?.voiceRecordAgain || "Record again"
-        ] })
       ] })
-    ] })
+    ] }),
+    errorMessage && /* @__PURE__ */ jsx21("div", { className: "mt-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: errorMessage })
   ] });
 };
 
@@ -3229,7 +3371,7 @@ import {
   Pause,
   Loader2 as Loader22
 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 var FileUploadItem = memo2(function FileUploadItem2({ file, progress, onCancel }) {
   const guessTypeFromName = (name) => {
     const ext = (name || "").split(".").pop()?.toLowerCase();
@@ -3330,7 +3472,7 @@ var AttachmentPreview = memo2(function AttachmentPreview2({ attachment, onRemove
         "img",
         {
           src: attachment.dataUrl,
-          alt: attachment.fileName || "Anexo",
+          alt: attachment.fileName || "Attachment",
           className: "w-full h-20 object-cover rounded"
         }
       ),
@@ -3379,7 +3521,7 @@ var AttachmentPreview = memo2(function AttachmentPreview2({ attachment, onRemove
         }
       ),
       /* @__PURE__ */ jsxs12("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx22("p", { className: "text-xs font-medium", children: attachment.fileName || "\xC1udio" }),
+        /* @__PURE__ */ jsx22("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
         /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
       ] }),
       /* @__PURE__ */ jsx22(
@@ -3431,7 +3573,7 @@ var AudioRecorder = memo2(function AudioRecorder2({ isRecording, onStartRecordin
   return /* @__PURE__ */ jsx22(Card, { className: "border-red-200 bg-red-50 dark:border-red-800 dark:bg-red-950", children: /* @__PURE__ */ jsx22(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx22("div", { className: "h-3 w-3 bg-red-500 rounded-full animate-pulse" }),
-      /* @__PURE__ */ jsx22("span", { className: "text-sm font-medium text-red-700 dark:text-red-300", children: "Gravando" })
+      /* @__PURE__ */ jsx22("span", { className: "text-sm font-medium text-red-700 dark:text-red-300", children: config?.labels?.voiceListening || "Recording" })
     ] }),
     /* @__PURE__ */ jsx22(Badge, { variant: "outline", className: "text-xs", children: formatTime(recordingDuration) }),
     /* @__PURE__ */ jsxs12("div", { className: "flex gap-1 ml-auto", children: [
@@ -3443,7 +3585,7 @@ var AudioRecorder = memo2(function AudioRecorder2({ isRecording, onStartRecordin
           onClick: onCancel,
           children: [
             /* @__PURE__ */ jsx22(X3, { className: "h-3 w-3 mr-1" }),
-            "Cancelar"
+            config?.labels?.cancel || "Cancel"
           ]
         }
       ),
@@ -3455,7 +3597,7 @@ var AudioRecorder = memo2(function AudioRecorder2({ isRecording, onStartRecordin
           onClick: onStopRecording,
           children: [
             /* @__PURE__ */ jsx22(Square2, { className: "h-3 w-3 mr-1" }),
-            "Parar"
+            config?.labels?.voiceStop || "Stop"
           ]
         }
       )
@@ -3472,13 +3614,14 @@ var resolveVoiceErrorMessage = (error, config) => {
   return config?.labels?.voiceCaptureError || "Unable to capture audio.";
 };
 var clearVoiceTranscript = () => ({});
+var resolveVoiceSegmentDuration = (segment) => segment.attachment.durationMs ?? 0;
 var ChatInput = memo2(function ChatInput2({
   value,
   onChange,
   onSubmit,
   attachments,
   onAttachmentsChange,
-  placeholder = "Digite sua mensagem...",
+  placeholder = "Type your message...",
   disabled = false,
   isGenerating = false,
   onStopGeneration,
@@ -3491,17 +3634,27 @@ var ChatInput = memo2(function ChatInput2({
   className = "",
   config
 }) {
+  const voiceComposeEnabled = config?.voiceCompose?.enabled === true;
+  const voiceDefaultMode = config?.voiceCompose?.defaultMode ?? "text";
+  const voiceAutoSendDelayMs = config?.voiceCompose?.autoSendDelayMs ?? 5e3;
+  const voicePersistComposer = config?.voiceCompose?.persistComposer ?? true;
+  const voiceShowTranscriptPreview = config?.voiceCompose?.showTranscriptPreview ?? true;
+  const voiceTranscriptMode = config?.voiceCompose?.transcriptMode ?? "final-only";
+  const voiceMaxRecordingMs = config?.voiceCompose?.maxRecordingMs;
   const [isRecording, setIsRecording] = useState6(false);
   const { setContext } = useChatUserContext();
   const [recordingDuration, setRecordingDuration] = useState6(0);
   const [uploadProgress, setUploadProgress] = useState6(/* @__PURE__ */ new Map());
-  const [isVoiceComposerOpen, setIsVoiceComposerOpen] = useState6(false);
+  const [isVoiceComposerOpen, setIsVoiceComposerOpen] = useState6(
+    () => voiceComposeEnabled && voiceDefaultMode === "voice"
+  );
   const [voiceState, setVoiceState] = useState6("idle");
   const [voiceDraft, setVoiceDraft] = useState6(null);
   const [voiceTranscript, setVoiceTranscript] = useState6(clearVoiceTranscript);
   const [voiceDurationMs, setVoiceDurationMs] = useState6(0);
   const [voiceAudioLevel, setVoiceAudioLevel] = useState6(0);
   const [voiceCountdownMs, setVoiceCountdownMs] = useState6(0);
+  const [isVoiceAutoSendActive, setIsVoiceAutoSendActive] = useState6(false);
   const [voiceError, setVoiceError] = useState6(null);
   const textareaRef = useRef5(null);
   const fileInputRef = useRef5(null);
@@ -3510,12 +3663,9 @@ var ChatInput = memo2(function ChatInput2({
   const recordingInterval = useRef5(null);
   const mediaStreamRef = useRef5(null);
   const voiceProviderRef = useRef5(null);
-  const voiceComposeEnabled = config?.voiceCompose?.enabled === true;
-  const voiceAutoSendDelayMs = config?.voiceCompose?.autoSendDelayMs ?? 5e3;
-  const voicePersistComposer = config?.voiceCompose?.persistComposer ?? true;
-  const voiceShowTranscriptPreview = config?.voiceCompose?.showTranscriptPreview ?? true;
-  const voiceTranscriptMode = config?.voiceCompose?.transcriptMode ?? "final-only";
-  const voiceMaxRecordingMs = config?.voiceCompose?.maxRecordingMs;
+  const voiceDraftRef = useRef5(null);
+  const voiceAppendBaseRef = useRef5(null);
+  const voiceAppendBaseDurationRef = useRef5(0);
   useEffect9(() => {
     return () => {
       if (mediaStreamRef.current) {
@@ -3530,6 +3680,9 @@ var ChatInput = memo2(function ChatInput2({
       }
     };
   }, []);
+  useEffect9(() => {
+    voiceDraftRef.current = voiceDraft;
+  }, [voiceDraft]);
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!value.trim() && attachments.length === 0 || disabled || isGenerating) return;
@@ -3545,7 +3698,7 @@ var ChatInput = memo2(function ChatInput2({
   };
   const processFile = async (file) => {
     if (file.size > maxFileSize) {
-      alert(`Arquivo muito grande. M\xE1ximo permitido: ${Math.round(maxFileSize / 1024 / 1024)}MB`);
+      alert(`File too large. Max allowed: ${Math.round(maxFileSize / 1024 / 1024)}MB`);
       return null;
     }
     const fileId = `${Date.now()}_${Math.random().toString(36).slice(2)}`;
@@ -3604,7 +3757,7 @@ var ChatInput = memo2(function ChatInput2({
         newMap.delete(fileId);
         return newMap;
       });
-      alert("Erro ao processar arquivo");
+      alert("Failed to process file");
       return null;
     }
   };
@@ -3679,7 +3832,7 @@ var ChatInput = memo2(function ChatInput2({
       }, 1e3);
     } catch (error) {
       console.error("Error starting recording:", error);
-      alert("N\xE3o foi poss\xEDvel acessar o microfone");
+      alert(config?.labels?.voicePermissionDenied || "Microphone access was denied.");
     }
   };
   const stopRecording = () => {
@@ -3707,10 +3860,14 @@ var ChatInput = memo2(function ChatInput2({
   const resetVoiceComposerState = useCallback3((nextState = "idle") => {
     setVoiceState(nextState);
     setVoiceDraft(null);
+    voiceDraftRef.current = null;
+    voiceAppendBaseRef.current = null;
+    voiceAppendBaseDurationRef.current = 0;
     setVoiceTranscript(clearVoiceTranscript());
     setVoiceDurationMs(0);
     setVoiceAudioLevel(0);
     setVoiceCountdownMs(0);
+    setIsVoiceAutoSendActive(false);
     setVoiceError(null);
   }, []);
   const ensureVoiceProvider = useCallback3(async () => {
@@ -3721,21 +3878,76 @@ var ChatInput = memo2(function ChatInput2({
     const provider = await createProvider({
       onStateChange: setVoiceState,
       onAudioLevelChange: setVoiceAudioLevel,
-      onDurationChange: setVoiceDurationMs,
-      onTranscriptChange: setVoiceTranscript,
+      onDurationChange: (durationMs) => {
+        setVoiceDurationMs(voiceAppendBaseDurationRef.current + durationMs);
+      },
+      onTranscriptChange: (transcript) => {
+        const baseTranscript = voiceAppendBaseRef.current?.transcript;
+        setVoiceTranscript(
+          baseTranscript ? mergeVoiceTranscripts(baseTranscript, transcript) : transcript
+        );
+      },
       onSegmentReady: (segment) => {
-        setVoiceDraft(segment);
-        setVoiceTranscript(segment.transcript ?? clearVoiceTranscript());
-        setVoiceDurationMs(segment.attachment.durationMs ?? 0);
-        setVoiceAudioLevel(0);
-        setVoiceCountdownMs(voiceAutoSendDelayMs);
-        setVoiceError(null);
-        setVoiceState("review");
+        void (async () => {
+          const previousSegment = voiceAppendBaseRef.current;
+          try {
+            const nextSegment = previousSegment ? await appendVoiceSegments(previousSegment, segment) : segment;
+            voiceAppendBaseRef.current = null;
+            voiceAppendBaseDurationRef.current = 0;
+            voiceDraftRef.current = nextSegment;
+            setVoiceDraft(nextSegment);
+            setVoiceTranscript(nextSegment.transcript ?? clearVoiceTranscript());
+            setVoiceDurationMs(resolveVoiceSegmentDuration(nextSegment));
+            setVoiceAudioLevel(0);
+            setVoiceCountdownMs(voiceAutoSendDelayMs);
+            setIsVoiceAutoSendActive(voiceAutoSendDelayMs > 0);
+            setVoiceError(null);
+            setVoiceState("review");
+          } catch (error) {
+            const resolvedError = resolveVoiceErrorMessage(error, config);
+            voiceAppendBaseRef.current = null;
+            voiceAppendBaseDurationRef.current = 0;
+            setVoiceAudioLevel(0);
+            setVoiceCountdownMs(0);
+            setIsVoiceAutoSendActive(false);
+            if (previousSegment) {
+              voiceDraftRef.current = previousSegment;
+              setVoiceDraft(previousSegment);
+              setVoiceTranscript(previousSegment.transcript ?? clearVoiceTranscript());
+              setVoiceDurationMs(resolveVoiceSegmentDuration(previousSegment));
+              setVoiceError(resolvedError);
+              setVoiceState("review");
+              return;
+            }
+            voiceDraftRef.current = null;
+            setVoiceDraft(null);
+            setVoiceTranscript(clearVoiceTranscript());
+            setVoiceDurationMs(0);
+            setVoiceError(resolvedError);
+            setVoiceState("error");
+          }
+        })();
       },
       onError: (error) => {
+        const previousSegment = voiceAppendBaseRef.current;
+        voiceAppendBaseRef.current = null;
+        voiceAppendBaseDurationRef.current = 0;
         setVoiceError(resolveVoiceErrorMessage(error, config));
         setVoiceAudioLevel(0);
         setVoiceCountdownMs(0);
+        setIsVoiceAutoSendActive(false);
+        if (previousSegment) {
+          voiceDraftRef.current = previousSegment;
+          setVoiceDraft(previousSegment);
+          setVoiceTranscript(previousSegment.transcript ?? clearVoiceTranscript());
+          setVoiceDurationMs(resolveVoiceSegmentDuration(previousSegment));
+          setVoiceState("review");
+          return;
+        }
+        voiceDraftRef.current = null;
+        setVoiceDraft(null);
+        setVoiceTranscript(clearVoiceTranscript());
+        setVoiceDurationMs(0);
         setVoiceState("error");
       }
     }, {
@@ -3745,34 +3957,67 @@ var ChatInput = memo2(function ChatInput2({
     return provider;
   }, [config, voiceAutoSendDelayMs, voiceMaxRecordingMs]);
   const closeVoiceComposer = useCallback3(async () => {
+    voiceAppendBaseRef.current = null;
+    voiceAppendBaseDurationRef.current = 0;
     setIsVoiceComposerOpen(false);
     setVoiceError(null);
     setVoiceCountdownMs(0);
     setVoiceAudioLevel(0);
     setVoiceTranscript(clearVoiceTranscript());
     setVoiceDraft(null);
+    voiceDraftRef.current = null;
     setVoiceDurationMs(0);
     setVoiceState("idle");
     if (voiceProviderRef.current) {
       await voiceProviderRef.current.cancel();
     }
   }, []);
-  const startVoiceCapture = useCallback3(async () => {
+  const startVoiceCapture = useCallback3(async (appendToDraft = false) => {
     if (disabled || isGenerating) {
       return;
     }
+    const previousDraft = appendToDraft ? voiceDraftRef.current : null;
+    const previousDurationMs = previousDraft ? resolveVoiceSegmentDuration(previousDraft) : 0;
     setIsVoiceComposerOpen(true);
     setVoiceError(null);
-    setVoiceDraft(null);
     setVoiceCountdownMs(0);
-    setVoiceTranscript(clearVoiceTranscript());
     setVoiceAudioLevel(0);
-    setVoiceDurationMs(0);
+    setIsVoiceAutoSendActive(false);
+    voiceAppendBaseRef.current = previousDraft;
+    voiceAppendBaseDurationRef.current = previousDurationMs;
+    if (!previousDraft) {
+      setVoiceDraft(null);
+      voiceDraftRef.current = null;
+      setVoiceTranscript(clearVoiceTranscript());
+      setVoiceDurationMs(0);
+    } else {
+      setVoiceTranscript(previousDraft.transcript ?? clearVoiceTranscript());
+      setVoiceDurationMs(previousDurationMs);
+    }
     try {
       const provider = await ensureVoiceProvider();
       await provider.start();
     } catch (error) {
-      setVoiceError(resolveVoiceErrorMessage(error, config));
+      const resolvedError = resolveVoiceErrorMessage(error, config);
+      voiceAppendBaseRef.current = null;
+      voiceAppendBaseDurationRef.current = 0;
+      setVoiceAudioLevel(0);
+      setVoiceCountdownMs(0);
+      setIsVoiceAutoSendActive(false);
+      if (previousDraft) {
+        voiceDraftRef.current = previousDraft;
+        setVoiceDraft(previousDraft);
+        setVoiceTranscript(previousDraft.transcript ?? clearVoiceTranscript());
+        setVoiceDurationMs(previousDurationMs);
+        setVoiceError(resolvedError);
+        setVoiceState("review");
+        return;
+      }
+      voiceDraftRef.current = null;
+      setVoiceDraft(null);
+      setVoiceTranscript(clearVoiceTranscript());
+      setVoiceDurationMs(0);
+      setVoiceError(resolvedError);
       setVoiceState("error");
     }
   }, [disabled, isGenerating, ensureVoiceProvider, config]);
@@ -3786,6 +4031,8 @@ var ChatInput = memo2(function ChatInput2({
     }
   }, [config]);
   const cancelVoiceCapture = useCallback3(async () => {
+    voiceAppendBaseRef.current = null;
+    voiceAppendBaseDurationRef.current = 0;
     if (voiceProviderRef.current) {
       await voiceProviderRef.current.cancel();
     }
@@ -3805,6 +4052,7 @@ var ChatInput = memo2(function ChatInput2({
     }
     setVoiceState("sending");
     setVoiceCountdownMs(0);
+    setIsVoiceAutoSendActive(false);
     onSubmit("", [...attachments, voiceDraft.attachment]);
     onChange("");
     onAttachmentsChange([]);
@@ -3819,12 +4067,12 @@ var ChatInput = memo2(function ChatInput2({
     onAttachmentsChange,
     finalizeVoiceComposerAfterSend
   ]);
-  const recordVoiceAgain = useCallback3(async () => {
-    resetVoiceComposerState("idle");
-    await startVoiceCapture();
-  }, [resetVoiceComposerState, startVoiceCapture]);
+  const cancelVoiceAutoSend = useCallback3(() => {
+    setVoiceCountdownMs(0);
+    setIsVoiceAutoSendActive(false);
+  }, []);
   useEffect9(() => {
-    if (voiceState !== "review" || !voiceDraft || voiceAutoSendDelayMs <= 0) {
+    if (voiceState !== "review" || !voiceDraft || voiceAutoSendDelayMs <= 0 || !isVoiceAutoSendActive) {
       return;
     }
     const startedAt = Date.now();
@@ -3838,7 +4086,7 @@ var ChatInput = memo2(function ChatInput2({
       }
     }, 100);
     return () => clearInterval(timer);
-  }, [voiceState, voiceDraft, voiceAutoSendDelayMs, sendVoiceDraft]);
+  }, [voiceState, voiceDraft, voiceAutoSendDelayMs, isVoiceAutoSendActive, sendVoiceDraft]);
   const removeAttachment = (index) => {
     const newAttachments = attachments.filter((_, i) => i !== index);
     onAttachmentsChange(newAttachments);
@@ -3887,10 +4135,12 @@ var ChatInput = memo2(function ChatInput2({
         transcript: voiceTranscript,
         transcriptMode: voiceTranscriptMode,
         showTranscriptPreview: voiceShowTranscriptPreview,
+        attachment: voiceDraft?.attachment ?? null,
         durationMs: voiceDurationMs,
         audioLevel: voiceAudioLevel,
         countdownMs: voiceCountdownMs,
         autoSendDelayMs: voiceAutoSendDelayMs,
+        isAutoSendActive: isVoiceAutoSendActive,
         errorMessage: voiceError,
         disabled: disabled || isGenerating,
         labels: config?.labels,
@@ -3900,13 +4150,16 @@ var ChatInput = memo2(function ChatInput2({
         onStop: () => {
           void stopVoiceCapture();
         },
-        onCancel: () => {
+        onCancelAutoSend: () => {
+          cancelVoiceAutoSend();
+        },
+        onDiscard: () => {
           void cancelVoiceCapture();
         },
-        onSendNow: sendVoiceDraft,
         onRecordAgain: () => {
-          void recordVoiceAgain();
+          void startVoiceCapture(true);
         },
+        onSendNow: sendVoiceDraft,
         onExit: () => {
           void closeVoiceComposer();
         }
@@ -3918,7 +4171,7 @@ var ChatInput = memo2(function ChatInput2({
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         children: [
-          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ jsxs12(Fragment5, { children: [
+          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ jsxs12(Fragment4, { children: [
             /* @__PURE__ */ jsx22(
               "input",
               {
@@ -4021,14 +4274,14 @@ var ChatInput = memo2(function ChatInput2({
     ) }),
     /* @__PURE__ */ jsxs12("div", { className: "text-[10px] text-muted-foreground text-center", children: [
       window.innerWidth > 768 ? config?.labels?.inputHelpText : "",
-      attachments.length > 0 && /* @__PURE__ */ jsxs12(Fragment5, { children: [
+      attachments.length > 0 && /* @__PURE__ */ jsxs12(Fragment4, { children: [
         " \u2022 ",
         attachments.length,
         "/",
         maxAttachments,
         " anexos"
       ] }),
-      config?.labels?.footerLabel && /* @__PURE__ */ jsxs12(Fragment5, { children: [
+      config?.labels?.footerLabel && /* @__PURE__ */ jsxs12(Fragment4, { children: [
         " \u2022 ",
         config.labels.footerLabel
       ] })
@@ -4118,7 +4371,7 @@ import {
   FileText as FileText2,
   Brain as Brain2,
   Plus as Plus3,
-  Trash2 as Trash23,
+  Trash2 as Trash24,
   Target,
   Lightbulb,
   Info,
@@ -4128,7 +4381,7 @@ import {
   Check as Check3,
   X as X4
 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var getInitials2 = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -4321,7 +4574,7 @@ var UserProfile = ({
               ] })
             ] })
           ] }),
-          normalizedFields.length > 0 && /* @__PURE__ */ jsxs14(Fragment6, { children: [
+          normalizedFields.length > 0 && /* @__PURE__ */ jsxs14(Fragment5, { children: [
             /* @__PURE__ */ jsx24(Separator, {}),
             /* @__PURE__ */ jsxs14("div", { className: "space-y-3", children: [
               /* @__PURE__ */ jsx24("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
@@ -4465,7 +4718,7 @@ var UserProfile = ({
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => onDeleteMemory(memory.id),
-                          children: /* @__PURE__ */ jsx24(Trash23, { className: "h-3.5 w-3.5 text-destructive" })
+                          children: /* @__PURE__ */ jsx24(Trash24, { className: "h-3.5 w-3.5 text-destructive" })
                         }
                       )
                     ] })
@@ -5051,7 +5304,7 @@ import {
   MessageSquare as MessageSquare2,
   MoreVertical as MoreVertical2,
   Edit2 as Edit22,
-  Trash2 as Trash24,
+  Trash2 as Trash25,
   Archive as Archive2,
   Search as Search2,
   Filter as Filter2,
@@ -5060,7 +5313,7 @@ import {
   X as X5,
   Check as Check4
 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onArchive }) => {
   const [isEditing, setIsEditing] = useState9(false);
   const [editTitle, setEditTitle] = useState9(thread.title);
@@ -5105,7 +5358,7 @@ var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onAr
       ),
       /* @__PURE__ */ jsx26(Button, { size: "sm", variant: "ghost", onClick: handleSaveEdit, children: /* @__PURE__ */ jsx26(Check4, { className: "h-3 w-3" }) }),
       /* @__PURE__ */ jsx26(Button, { size: "sm", variant: "ghost", onClick: handleCancelEdit, children: /* @__PURE__ */ jsx26(X5, { className: "h-3 w-3" }) })
-    ] }) : /* @__PURE__ */ jsxs16(Fragment7, { children: [
+    ] }) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
       /* @__PURE__ */ jsx26("h4", { className: "font-medium text-sm truncate mb-1", children: thread.title }),
       /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
@@ -5118,7 +5371,7 @@ var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onAr
           /* @__PURE__ */ jsx26(Calendar2, { className: "h-3 w-3" }),
           formatDate(thread.updatedAt, config?.labels)
         ] }),
-        thread.isArchived && /* @__PURE__ */ jsxs16(Fragment7, { children: [
+        thread.isArchived && /* @__PURE__ */ jsxs16(Fragment6, { children: [
           /* @__PURE__ */ jsx26(Separator, { orientation: "vertical", className: "h-3" }),
           /* @__PURE__ */ jsxs16(Badge, { variant: "secondary", className: "text-xs", children: [
             /* @__PURE__ */ jsx26(Archive2, { className: "h-2 w-2 mr-1" }),
@@ -5140,7 +5393,7 @@ var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onAr
         ] }),
         /* @__PURE__ */ jsx26(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxs16(DropdownMenuItem, { onClick: onDelete, className: "text-destructive", children: [
-          /* @__PURE__ */ jsx26(Trash24, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ jsx26(Trash25, { className: "h-4 w-4 mr-2" }),
           config?.labels?.deleteThread || "Delete"
         ] })
       ] })