@adatechnology/conversations-ui 0.4.1 → 0.5.0

package/dist/{chunk-4P5KMWOI.js → chunk-JXJCPN34.js}

@@ -1,8 +1,21 @@
 import {
   cn,
-  parseWhatsAppFormatting,
   useIsDarkTheme
-} from "./chunk-PJNR6UMN.js";
+} from "./chunk-MRVFFJEH.js";
+import {
+  CONVERSATION_CHANNEL,
+  DEFAULT_CONVERSATION_CHANNEL,
+  StatusTicks,
+  channelCapabilityFor,
+  formatDateTime,
+  formatFileSize,
+  formatPhone,
+  formatTimestamp,
+  isSameDay
+} from "./chunk-RJMSM3YA.js";
+import {
+  parseWhatsAppFormatting
+} from "./chunk-CBYEHPX6.js";
 
 // src/ConversationLocalesProvider.tsx
 import { createContext, useContext } from "react";
@@ -64,180 +77,10 @@ function useConversationLocales() {
   return useContext(ConversationLocalesContext);
 }
 
-// src/lib/phone.ts
-function formatPhone(number) {
-  const digits = number.replace(/\D/g, "");
-  if (digits.length === 13) {
-    return `+${digits.slice(0, 2)} (${digits.slice(2, 4)}) ${digits.slice(4, 9)}-${digits.slice(9, 13)}`;
-  }
-  if (digits.length === 12) {
-    return `+${digits.slice(0, 2)} (${digits.slice(2, 4)}) ${digits.slice(4, 8)}-${digits.slice(8, 12)}`;
-  }
-  if (digits.length === 11) {
-    return `(${digits.slice(0, 2)}) ${digits.slice(2, 7)}-${digits.slice(7, 11)}`;
-  }
-  if (digits.length === 10) {
-    return `(${digits.slice(0, 2)}) ${digits.slice(2, 6)}-${digits.slice(6, 10)}`;
-  }
-  return number;
-}
-var COUNTRY_FLAG_BY_DIAL_CODE = {
-  "55": "\u{1F1E7}\u{1F1F7}",
-  "351": "\u{1F1F5}\u{1F1F9}",
-  "34": "\u{1F1EA}\u{1F1F8}",
-  "54": "\u{1F1E6}\u{1F1F7}",
-  "56": "\u{1F1E8}\u{1F1F1}",
-  "57": "\u{1F1E8}\u{1F1F4}",
-  "52": "\u{1F1F2}\u{1F1FD}",
-  "598": "\u{1F1FA}\u{1F1FE}",
-  "595": "\u{1F1F5}\u{1F1FE}",
-  "44": "\u{1F1EC}\u{1F1E7}",
-  "49": "\u{1F1E9}\u{1F1EA}",
-  "39": "\u{1F1EE}\u{1F1F9}",
-  "33": "\u{1F1EB}\u{1F1F7}"
-};
-function phoneCountryFlag(number) {
-  const digits = number.replace(/\D/g, "");
-  for (const length of [3, 2, 1]) {
-    const flag = COUNTRY_FLAG_BY_DIAL_CODE[digits.slice(0, length)];
-    if (flag) return flag;
-  }
-  return "";
-}
-function phoneInitials(number) {
-  const digits = number.replace(/\D/g, "");
-  return digits.slice(-2);
-}
-
-// src/conversationChannel.ts
-var CONVERSATION_CHANNEL = {
-  WHATSAPP: "whatsapp",
-  MESSENGER: "messenger",
-  INSTAGRAM: "instagram",
-  WEBCHAT: "webchat",
-  EMAIL: "email"
-};
-var DEFAULT_CONVERSATION_CHANNEL = CONVERSATION_CHANNEL.WHATSAPP;
-var REOPEN_MECHANISM = {
-  TEMPLATE: "template",
-  TAG: "tag",
-  NONE: "none"
-};
-var HANDLE_KIND = {
-  PHONE: "phone",
-  USERNAME: "username",
-  SESSION: "session",
-  EMAIL: "email"
-};
-var CHANNEL_CAPABILITIES = {
-  [CONVERSATION_CHANNEL.WHATSAPP]: {
-    label: "WhatsApp",
-    icon: "\u{1F4AC}",
-    reopenMechanism: REOPEN_MECHANISM.TEMPLATE,
-    handleKind: HANDLE_KIND.PHONE
-  },
-  [CONVERSATION_CHANNEL.MESSENGER]: {
-    // Messenger também tem 24h, mas reabre com message tag — não com template aprovado.
-    label: "Messenger",
-    icon: "\u{1F4E8}",
-    reopenMechanism: REOPEN_MECHANISM.TAG,
-    handleKind: HANDLE_KIND.USERNAME
-  },
-  [CONVERSATION_CHANNEL.INSTAGRAM]: {
-    label: "Instagram",
-    icon: "\u{1F4F7}",
-    reopenMechanism: REOPEN_MECHANISM.TAG,
-    handleKind: HANDLE_KIND.USERNAME
-  },
-  [CONVERSATION_CHANNEL.WEBCHAT]: {
-    // Chat próprio: sem intermediário, sem janela. Bloquear o composer aqui seria inventar limite.
-    label: "Chat do site",
-    icon: "\u{1F310}",
-    reopenMechanism: REOPEN_MECHANISM.NONE,
-    handleKind: HANDLE_KIND.SESSION
-  },
-  [CONVERSATION_CHANNEL.EMAIL]: {
-    // RF10: e-mail entra no vocabulário; ele não reabre por template nem por tag — é só resposta.
-    label: "E-mail",
-    icon: "\u2709\uFE0F",
-    reopenMechanism: REOPEN_MECHANISM.NONE,
-    handleKind: HANDLE_KIND.EMAIL
-  }
-};
-function capabilitiesOf(channel) {
-  return CHANNEL_CAPABILITIES[channel ?? DEFAULT_CONVERSATION_CHANNEL];
-}
-var CHANNEL_FILTER_ALL = "all";
-function channelFiltersFor(conversations) {
-  const present = new Set(
-    conversations.map((conversation) => conversation.channel ?? DEFAULT_CONVERSATION_CHANNEL)
-  );
-  if (present.size < 2) return [];
-  const ordered = Object.keys(CHANNEL_CAPABILITIES).filter((channel) => present.has(channel));
-  return [
-    { value: CHANNEL_FILTER_ALL, label: "Todos" },
-    ...ordered.map((channel) => ({ value: channel, label: CHANNEL_CAPABILITIES[channel].label }))
-  ];
-}
-function formatContactHandle(params) {
-  const { handleKind } = capabilitiesOf(params.channel);
-  if (handleKind === HANDLE_KIND.PHONE) return formatPhone(params.handle);
-  if (handleKind === HANDLE_KIND.USERNAME) return params.handle.startsWith("@") ? params.handle : `@${params.handle}`;
-  if (handleKind === HANDLE_KIND.EMAIL) return params.handle;
-  return `Visitante ${params.handle.slice(-6)}`;
-}
-function contactFlag(params) {
-  return capabilitiesOf(params.channel).handleKind === HANDLE_KIND.PHONE ? phoneCountryFlag(params.handle) : "";
-}
-
-// src/channelCapability.ts
-import {
-  CHANNEL_CAPABILITIES as CORE_CHANNEL_CAPABILITIES,
-  CONVERSATION_CHANNEL as CORE_CONVERSATION_CHANNEL
-} from "@adatechnology/conversation-contracts";
-var CORE_CHANNELS = CORE_CONVERSATION_CHANNEL;
-function isCoreChannel(channel) {
-  return CORE_CHANNELS.includes(channel);
-}
-var META_ONLY_CHANNEL_CAPABILITY = CORE_CHANNEL_CAPABILITIES.whatsapp;
-function channelCapabilityFor(channel) {
-  const resolved = channel ?? DEFAULT_CONVERSATION_CHANNEL;
-  return isCoreChannel(resolved) ? CORE_CHANNEL_CAPABILITIES[resolved] : META_ONLY_CHANNEL_CAPABILITY;
-}
-
-// src/StatusTicks.tsx
-import { AlertTriangle } from "lucide-react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var STATUS_COLOR_CLASS = {
-  sent: "text-black/40 dark:text-white/40",
-  delivered: "text-black/40 dark:text-white/40",
-  read: "text-sky-500",
-  failed: "text-red-500"
-};
-function Ticks({ double }) {
-  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 20 12", width: "15", height: "9", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    double && /* @__PURE__ */ jsx2("path", { d: "M1 6.5L4.5 10L11 2", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx2(
-      "path",
-      {
-        d: double ? "M6 6.5L9.5 10L19 1" : "M1 6.5L5 10.5L14.5 1",
-        stroke: "currentColor",
-        strokeWidth: "1.6",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  ] });
-}
-function StatusTicks({ status, title }) {
-  const colorClass = STATUS_COLOR_CLASS[status] ?? STATUS_COLOR_CLASS.sent;
-  return /* @__PURE__ */ jsx2("span", { className: `cursor-help leading-none flex items-center ${colorClass}`, "data-cv-tooltip": title, children: status === "failed" ? /* @__PURE__ */ jsx2(AlertTriangle, { size: 11 }) : /* @__PURE__ */ jsx2(Ticks, { double: status !== "sent" }) });
-}
-
 // src/AudioPlayer.tsx
 import { useEffect, useRef, useState } from "react";
 import { Pause, Play } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var BARS = Array.from({ length: 30 }, (_, i) => {
   const heights = [3, 5, 8, 12, 7, 10, 14, 9, 6, 11, 15, 8, 4, 13, 7, 10, 6, 12, 9, 5, 14, 8, 11, 6, 13, 7, 10, 5, 9, 4];
   return heights[i % heights.length];
@@ -302,20 +145,20 @@ function AudioPlayer({ src, isMine = false }) {
   const playBtn = isMine ? "bg-green-600 hover:bg-green-700 text-white" : "bg-gray-600 hover:bg-gray-700 text-white";
   const activeBar = isMine ? "bg-green-700" : "bg-gray-700";
   const inactiveBar = isMine ? "bg-green-300" : "bg-gray-300";
-  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 w-full", style: { minWidth: "200px", maxWidth: "260px" }, children: [
-    /* @__PURE__ */ jsx3("audio", { ref: audioRef, src, preload: "metadata" }),
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", style: { minWidth: "200px", maxWidth: "260px" }, children: [
+    /* @__PURE__ */ jsx2("audio", { ref: audioRef, src, preload: "metadata" }),
+    /* @__PURE__ */ jsx2(
       "button",
       {
         "data-cv-tooltip": playing ? AUDIO_PLAYER_LABELS.pause : AUDIO_PLAYER_LABELS.play,
         "aria-label": playing ? AUDIO_PLAYER_LABELS.pause : AUDIO_PLAYER_LABELS.play,
         onClick: toggle,
         className: `flex-shrink-0 w-9 h-9 rounded-full flex items-center justify-center transition-colors ${playBtn}`,
-        children: playing ? /* @__PURE__ */ jsx3(Pause, { size: 16 }) : /* @__PURE__ */ jsx3(Play, { size: 16, className: "translate-x-0.5" })
+        children: playing ? /* @__PURE__ */ jsx2(Pause, { size: 16 }) : /* @__PURE__ */ jsx2(Play, { size: 16, className: "translate-x-0.5" })
       }
     ),
-    /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx3("div", { className: "flex items-end gap-0.5 h-8 cursor-pointer", onClick: seek, children: BARS.map((h, i) => /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx2("div", { className: "flex items-end gap-0.5 h-8 cursor-pointer", onClick: seek, children: BARS.map((h, i) => /* @__PURE__ */ jsx2(
         "div",
         {
           className: `flex-1 rounded-full transition-colors ${i < activeBars ? activeBar : inactiveBar}`,
@@ -323,7 +166,7 @@ function AudioPlayer({ src, isMine = false }) {
         },
         i
       )) }),
-      /* @__PURE__ */ jsx3("span", { className: "text-gray-400 tabular-nums text-xs", children: playing || current > 0 ? fmt(current) : fmt(duration) })
+      /* @__PURE__ */ jsx2("span", { className: "text-gray-400 tabular-nums text-xs", children: playing || current > 0 ? fmt(current) : fmt(duration) })
     ] })
   ] });
 }
@@ -331,7 +174,7 @@ function AudioPlayer({ src, isMine = false }) {
 // src/AudioTranscription.tsx
 import { useCallback, useState as useState2 } from "react";
 import { Check, Copy, FileText, Loader2, RefreshCw } from "lucide-react";
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var COPIED_FEEDBACK_MS = 2e3;
 var COLLAPSE_ABOVE_CHARS = 320;
 var COLLAPSED_LINE_CLAMP = 4;
@@ -375,7 +218,7 @@ function AudioTranscription({ transcription, onTranscribe, isMine = false }) {
   const dividerClass = isMine ? "border-black/10 dark:border-white/10" : "border-black/10 dark:border-white/10";
   if (!status && !onTranscribe) return null;
   if (!status || status === "pending" || status === "failed") {
-    return /* @__PURE__ */ jsx4("div", { className: `mt-1.5 border-t pt-1.5 ${dividerClass}`, children: /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3("div", { className: `mt-1.5 border-t pt-1.5 ${dividerClass}`, children: /* @__PURE__ */ jsx3(
       TranscribeButton,
       {
         label: resolveActionLabel({ status, hasRequestFailed, isTranscribing, locales }),
@@ -386,31 +229,31 @@ function AudioTranscription({ transcription, onTranscribe, isMine = false }) {
     ) });
   }
   if (status === "unsupported") {
-    return /* @__PURE__ */ jsx4("div", { className: `mt-1.5 border-t pt-1.5 ${dividerClass}`, children: /* @__PURE__ */ jsx4("p", { className: "text-xs italic text-gray-500 dark:text-gray-400", children: locales.unsupported }) });
+    return /* @__PURE__ */ jsx3("div", { className: `mt-1.5 border-t pt-1.5 ${dividerClass}`, children: /* @__PURE__ */ jsx3("p", { className: "text-xs italic text-gray-500 dark:text-gray-400", children: locales.unsupported }) });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: `mt-1.5 border-t pt-1.5 ${dividerClass}`, children: [
-    /* @__PURE__ */ jsxs3("div", { className: "mb-0.5 flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx4(FileText, { size: 11, className: "flex-shrink-0 text-gray-500 dark:text-gray-400", "aria-hidden": true }),
-      /* @__PURE__ */ jsx4("span", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: locales.label }),
-      hasText && /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2("div", { className: `mt-1.5 border-t pt-1.5 ${dividerClass}`, children: [
+    /* @__PURE__ */ jsxs2("div", { className: "mb-0.5 flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx3(FileText, { size: 11, className: "flex-shrink-0 text-gray-500 dark:text-gray-400", "aria-hidden": true }),
+      /* @__PURE__ */ jsx3("span", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: locales.label }),
+      hasText && /* @__PURE__ */ jsx3(
         "button",
         {
           onClick: handleCopy,
           "data-cv-tooltip": locales.copy,
           "aria-label": hasCopied ? locales.copied : locales.copy,
           className: "ml-auto flex flex-shrink-0 items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-gray-500 transition-colors hover:bg-black/5 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-white/10 dark:hover:text-gray-200",
-          children: hasCopied ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-            /* @__PURE__ */ jsx4(Check, { size: 11, "aria-hidden": true }),
-            /* @__PURE__ */ jsx4("span", { children: locales.copied })
-          ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-            /* @__PURE__ */ jsx4(Copy, { size: 11, "aria-hidden": true }),
-            /* @__PURE__ */ jsx4("span", { children: locales.copy })
+          children: hasCopied ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+            /* @__PURE__ */ jsx3(Check, { size: 11, "aria-hidden": true }),
+            /* @__PURE__ */ jsx3("span", { children: locales.copied })
+          ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+            /* @__PURE__ */ jsx3(Copy, { size: 11, "aria-hidden": true }),
+            /* @__PURE__ */ jsx3("span", { children: locales.copy })
           ] })
         }
       )
     ] }),
-    isSilent ? /* @__PURE__ */ jsx4("p", { className: "text-xs italic text-gray-500 dark:text-gray-400", children: locales.empty }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx4(
+    isSilent ? /* @__PURE__ */ jsx3("p", { className: "text-xs italic text-gray-500 dark:text-gray-400", children: locales.empty }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx3(
         "p",
         {
           className: cn(
@@ -425,7 +268,7 @@ function AudioTranscription({ transcription, onTranscribe, isMine = false }) {
           children: text
         }
       ),
-      isLong && /* @__PURE__ */ jsx4(
+      isLong && /* @__PURE__ */ jsx3(
         "button",
         {
           "data-cv-tooltip": isExpanded ? locales.showLess : locales.showMore,
@@ -436,7 +279,7 @@ function AudioTranscription({ transcription, onTranscribe, isMine = false }) {
         }
       )
     ] }),
-    onTranscribe && /* @__PURE__ */ jsxs3(
+    onTranscribe && /* @__PURE__ */ jsxs2(
       "button",
       {
         "data-cv-tooltip": isTranscribing ? locales.transcribing : locales.retry,
@@ -445,8 +288,8 @@ function AudioTranscription({ transcription, onTranscribe, isMine = false }) {
         disabled: isTranscribing,
         className: "mt-1 flex items-center gap-1 text-[11px] text-gray-400 opacity-0 transition-opacity hover:text-gray-600 focus:opacity-100 group-hover:opacity-100 disabled:opacity-50 dark:text-gray-500 dark:hover:text-gray-300",
         children: [
-          isTranscribing ? /* @__PURE__ */ jsx4(Loader2, { size: 10, className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx4(RefreshCw, { size: 10, "aria-hidden": true }),
-          /* @__PURE__ */ jsx4("span", { children: isTranscribing ? locales.transcribing : locales.retry })
+          isTranscribing ? /* @__PURE__ */ jsx3(Loader2, { size: 10, className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx3(RefreshCw, { size: 10, "aria-hidden": true }),
+          /* @__PURE__ */ jsx3("span", { children: isTranscribing ? locales.transcribing : locales.retry })
         ]
       }
     )
@@ -465,7 +308,7 @@ function TranscribeButton({
   isDisabled,
   onClick
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "button",
     {
       "data-cv-tooltip": label,
@@ -474,8 +317,8 @@ function TranscribeButton({
       disabled: isBusy || isDisabled,
       className: "flex items-center gap-1.5 rounded px-1.5 py-0.5 text-[11px] text-gray-500 transition-colors hover:bg-black/5 hover:text-gray-700 disabled:opacity-60 dark:text-gray-400 dark:hover:bg-white/10 dark:hover:text-gray-200",
       children: [
-        isBusy ? /* @__PURE__ */ jsx4(Loader2, { size: 11, className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx4(FileText, { size: 11, "aria-hidden": true }),
-        /* @__PURE__ */ jsx4("span", { children: label })
+        isBusy ? /* @__PURE__ */ jsx3(Loader2, { size: 11, className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx3(FileText, { size: 11, "aria-hidden": true }),
+        /* @__PURE__ */ jsx3("span", { children: label })
       ]
     }
   );
@@ -492,7 +335,7 @@ import {
   File as FileGeneric,
   Presentation
 } from "lucide-react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var IMAGE_STYLE = { Icon: FileImage, colorClass: "text-violet-500" };
 var VIDEO_STYLE = { Icon: FileVideo, colorClass: "text-fuchsia-500" };
 var AUDIO_STYLE = { Icon: FileAudio, colorClass: "text-amber-500" };
@@ -548,40 +391,12 @@ function FileIcon({ filename, mimeType, size = 20, className }) {
   const extension = resolveFileIconExtension(filename, mimeType);
   const style = EXTENSION_STYLE[extension] ?? { Icon: FileGeneric, colorClass: "text-gray-500" };
   const { Icon, colorClass } = style;
-  return /* @__PURE__ */ jsx5(Icon, { size, className: cn(colorClass, className) });
-}
-
-// src/lib/format.ts
-function formatTimestamp(timestamp) {
-  try {
-    const date = new Date(timestamp);
-    const hours = date.getHours().toString().padStart(2, "0");
-    const minutes = date.getMinutes().toString().padStart(2, "0");
-    return `${hours}:${minutes}`;
-  } catch {
-    return timestamp;
-  }
-}
-function formatDateTime(iso) {
-  const d = new Date(iso);
-  return d.toLocaleString("pt-BR", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
-}
-function isSameDay(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
-var FILE_SIZE_UNITS = ["B", "KB", "MB", "GB"];
-function formatFileSize(bytes) {
-  if (!isFinite(bytes) || bytes < 0) return "";
-  if (bytes < 1) return "0 B";
-  const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), FILE_SIZE_UNITS.length - 1);
-  const value = bytes / 1024 ** exponent;
-  const formatted = exponent === 0 ? value.toString() : value.toFixed(value < 10 ? 1 : 0);
-  return `${formatted} ${FILE_SIZE_UNITS[exponent]}`;
+  return /* @__PURE__ */ jsx4(Icon, { size, className: cn(colorClass, className) });
 }
 
 // src/MediaRenderer.tsx
 import { useState as useState3 } from "react";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function documentTypeLabel(filename, mimeType) {
   const extension = filename?.split(".").pop();
   if (extension && extension.length <= 5 && extension !== filename) return extension.toUpperCase();
@@ -634,7 +449,7 @@ function MediaRenderer({
   const src = eagerSrc ?? lazy.url;
   const canLazyLoad = !eagerSrc && hasLazyRef(message) && Boolean(onResolveUrl);
   function LazyMediaButton({ icon, label }) {
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs3(
       "button",
       {
         "data-cv-tooltip": label,
@@ -643,8 +458,8 @@ function MediaRenderer({
         disabled: lazy.loading,
         className: "flex min-w-[180px] items-center gap-2 rounded-lg bg-black/5 px-2 py-1.5 text-left transition-colors hover:bg-black/10 disabled:opacity-60 dark:bg-white/10 dark:hover:bg-white/15",
         children: [
-          /* @__PURE__ */ jsx6("span", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full bg-gray-600 text-white", children: icon }),
-          /* @__PURE__ */ jsx6("span", { className: "truncate text-xs text-gray-600 dark:text-gray-300", children: label })
+          /* @__PURE__ */ jsx5("span", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full bg-gray-600 text-white", children: icon }),
+          /* @__PURE__ */ jsx5("span", { className: "truncate text-xs text-gray-600 dark:text-gray-300", children: label })
         ]
       }
     );
@@ -653,44 +468,44 @@ function MediaRenderer({
     case "image":
     case "sticker": {
       if (!src && canLazyLoad) {
-        return /* @__PURE__ */ jsx6(
+        return /* @__PURE__ */ jsx5(
           LazyMediaButton,
           {
-            icon: /* @__PURE__ */ jsxs4("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ jsx6("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-              /* @__PURE__ */ jsx6("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-              /* @__PURE__ */ jsx6("polyline", { points: "21 15 16 10 5 21" })
+            icon: /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+              /* @__PURE__ */ jsx5("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+              /* @__PURE__ */ jsx5("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+              /* @__PURE__ */ jsx5("polyline", { points: "21 15 16 10 5 21" })
             ] }),
             label: lazy.loading ? bubble.mediaLoading : lazy.error ? bubble.mediaRetry : bubble.viewImage
           }
         );
       }
-      return /* @__PURE__ */ jsx6("div", { className: "min-w-[200px]", children: src ? /* @__PURE__ */ jsx6("img", { src, alt: message.caption ?? bubble.imageAlt, className: "w-full max-h-80 object-cover cursor-pointer hover:opacity-90 transition-opacity", onClick: () => onLightbox(src), loading: "lazy" }) : /* @__PURE__ */ jsx6("div", { className: "w-full h-40 bg-gray-200 flex items-center justify-center text-gray-400", children: /* @__PURE__ */ jsxs4("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-        /* @__PURE__ */ jsx6("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx6("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-        /* @__PURE__ */ jsx6("polyline", { points: "21 15 16 10 5 21" })
+      return /* @__PURE__ */ jsx5("div", { className: "min-w-[200px]", children: src ? /* @__PURE__ */ jsx5("img", { src, alt: message.caption ?? bubble.imageAlt, className: "w-full max-h-80 object-cover cursor-pointer hover:opacity-90 transition-opacity", onClick: () => onLightbox(src), loading: "lazy" }) : /* @__PURE__ */ jsx5("div", { className: "w-full h-40 bg-gray-200 flex items-center justify-center text-gray-400", children: /* @__PURE__ */ jsxs3("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+        /* @__PURE__ */ jsx5("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx5("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ jsx5("polyline", { points: "21 15 16 10 5 21" })
       ] }) }) });
     }
     case "video": {
       if (!src && canLazyLoad) {
-        return /* @__PURE__ */ jsx6(
+        return /* @__PURE__ */ jsx5(
           LazyMediaButton,
           {
-            icon: /* @__PURE__ */ jsxs4("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ jsx6("polygon", { points: "23 7 16 12 23 17 23 7" }),
-              /* @__PURE__ */ jsx6("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })
+            icon: /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+              /* @__PURE__ */ jsx5("polygon", { points: "23 7 16 12 23 17 23 7" }),
+              /* @__PURE__ */ jsx5("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })
             ] }),
             label: lazy.loading ? bubble.mediaLoading : lazy.error ? bubble.mediaRetry : bubble.viewVideo
           }
         );
       }
-      return /* @__PURE__ */ jsx6("div", { className: "min-w-[200px]", children: src ? /* @__PURE__ */ jsx6("video", { src, className: "w-full max-h-80 rounded-lg", controls: true, preload: "metadata", children: /* @__PURE__ */ jsx6("track", { kind: "captions" }) }) : /* @__PURE__ */ jsx6("div", { className: "w-full h-32 bg-gray-200 rounded-lg flex items-center justify-center text-gray-400", children: /* @__PURE__ */ jsxs4("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-        /* @__PURE__ */ jsx6("polygon", { points: "23 7 16 12 23 17 23 7" }),
-        /* @__PURE__ */ jsx6("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })
+      return /* @__PURE__ */ jsx5("div", { className: "min-w-[200px]", children: src ? /* @__PURE__ */ jsx5("video", { src, className: "w-full max-h-80 rounded-lg", controls: true, preload: "metadata", children: /* @__PURE__ */ jsx5("track", { kind: "captions" }) }) : /* @__PURE__ */ jsx5("div", { className: "w-full h-32 bg-gray-200 rounded-lg flex items-center justify-center text-gray-400", children: /* @__PURE__ */ jsxs3("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+        /* @__PURE__ */ jsx5("polygon", { points: "23 7 16 12 23 17 23 7" }),
+        /* @__PURE__ */ jsx5("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })
       ] }) }) });
     }
     case "audio": {
-      const transcriptionBlock = /* @__PURE__ */ jsx6(
+      const transcriptionBlock = /* @__PURE__ */ jsx5(
         AudioTranscription,
         {
           transcription: message.transcription,
@@ -699,36 +514,36 @@ function MediaRenderer({
         }
       );
       if (!src && canLazyLoad) {
-        return /* @__PURE__ */ jsxs4("div", { className: "min-w-[200px]", children: [
-          /* @__PURE__ */ jsx6(
+        return /* @__PURE__ */ jsxs3("div", { className: "min-w-[200px]", children: [
+          /* @__PURE__ */ jsx5(
             LazyMediaButton,
             {
-              icon: /* @__PURE__ */ jsx6("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", className: "translate-x-0.5", children: /* @__PURE__ */ jsx6("polygon", { points: "5 3 19 12 5 21 5 3" }) }),
+              icon: /* @__PURE__ */ jsx5("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", className: "translate-x-0.5", children: /* @__PURE__ */ jsx5("polygon", { points: "5 3 19 12 5 21 5 3" }) }),
               label: lazy.loading ? bubble.mediaLoading : lazy.error ? bubble.mediaRetry : bubble.listenAudio
             }
           ),
           transcriptionBlock
         ] });
       }
-      return /* @__PURE__ */ jsxs4("div", { className: "min-w-[200px]", children: [
-        src ? /* @__PURE__ */ jsx6(AudioPlayer, { src, isMine: message.direction === "outbound" }) : /* @__PURE__ */ jsx6("div", { className: "h-12 bg-gray-200 rounded-lg flex items-center justify-center text-gray-400 text-xs", children: bubble.mediaUnavailable }),
+      return /* @__PURE__ */ jsxs3("div", { className: "min-w-[200px]", children: [
+        src ? /* @__PURE__ */ jsx5(AudioPlayer, { src, isMine: message.direction === "outbound" }) : /* @__PURE__ */ jsx5("div", { className: "h-12 bg-gray-200 rounded-lg flex items-center justify-center text-gray-400 text-xs", children: bubble.mediaUnavailable }),
         transcriptionBlock
       ] });
     }
     case "document": {
       const typeLabel = documentTypeLabel(message.filename, message.mimeType);
       const sizeLabel = message.sizeBytes ? formatFileSize(message.sizeBytes) : null;
-      return /* @__PURE__ */ jsxs4("div", { className: cn("flex items-center gap-3 min-w-[200px]", className), children: [
-        /* @__PURE__ */ jsx6("div", { className: "w-10 h-10 bg-gray-200 rounded-lg flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx6(FileIcon, { filename: message.filename, mimeType: message.mimeType }) }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx6("p", { className: "text-sm font-medium truncate", children: message.filename ?? bubble.untitledDocument }),
-          /* @__PURE__ */ jsx6("p", { className: "truncate text-xs text-gray-500", children: sizeLabel ? `${typeLabel} \xB7 ${sizeLabel}` : typeLabel })
+      return /* @__PURE__ */ jsxs3("div", { className: cn("flex items-center gap-3 min-w-[200px]", className), children: [
+        /* @__PURE__ */ jsx5("div", { className: "w-10 h-10 bg-gray-200 rounded-lg flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx5(FileIcon, { filename: message.filename, mimeType: message.mimeType }) }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium truncate", children: message.filename ?? bubble.untitledDocument }),
+          /* @__PURE__ */ jsx5("p", { className: "truncate text-xs text-gray-500", children: sizeLabel ? `${typeLabel} \xB7 ${sizeLabel}` : typeLabel })
         ] }),
-        src ? /* @__PURE__ */ jsx6("a", { href: src, download: message.filename, className: "w-8 h-8 flex items-center justify-center rounded-full bg-gray-200 hover:bg-gray-300 flex-shrink-0 transition-colors", "aria-label": bubble.downloadFile, children: /* @__PURE__ */ jsxs4("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "text-gray-600", children: [
-          /* @__PURE__ */ jsx6("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-          /* @__PURE__ */ jsx6("polyline", { points: "7 10 12 15 17 10" }),
-          /* @__PURE__ */ jsx6("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
-        ] }) }) : canLazyLoad ? /* @__PURE__ */ jsx6(
+        src ? /* @__PURE__ */ jsx5("a", { href: src, download: message.filename, className: "w-8 h-8 flex items-center justify-center rounded-full bg-gray-200 hover:bg-gray-300 flex-shrink-0 transition-colors", "aria-label": bubble.downloadFile, children: /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "text-gray-600", children: [
+          /* @__PURE__ */ jsx5("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+          /* @__PURE__ */ jsx5("polyline", { points: "7 10 12 15 17 10" }),
+          /* @__PURE__ */ jsx5("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+        ] }) }) : canLazyLoad ? /* @__PURE__ */ jsx5(
           "button",
           {
             "data-cv-tooltip": bubble.downloadFile,
@@ -736,14 +551,14 @@ function MediaRenderer({
             disabled: lazy.loading,
             className: "w-8 h-8 flex items-center justify-center rounded-full bg-gray-200 hover:bg-gray-300 flex-shrink-0 transition-colors disabled:opacity-50",
             "aria-label": bubble.downloadFile,
-            children: /* @__PURE__ */ jsxs4("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "text-gray-600", children: [
-              /* @__PURE__ */ jsx6("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-              /* @__PURE__ */ jsx6("polyline", { points: "7 10 12 15 17 10" }),
-              /* @__PURE__ */ jsx6("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+            children: /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "text-gray-600", children: [
+              /* @__PURE__ */ jsx5("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+              /* @__PURE__ */ jsx5("polyline", { points: "7 10 12 15 17 10" }),
+              /* @__PURE__ */ jsx5("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
             ] })
           }
         ) : null,
-        lazy.error && /* @__PURE__ */ jsx6("span", { className: "text-xs text-red-500 flex-shrink-0", children: bubble.mediaError })
+        lazy.error && /* @__PURE__ */ jsx5("span", { className: "text-xs text-red-500 flex-shrink-0", children: bubble.mediaError })
       ] });
     }
     default:
@@ -752,7 +567,7 @@ function MediaRenderer({
 }
 
 // src/Lightbox.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_LIGHTBOX_LABELS = {
   imageAlt: "Imagem",
   close: "Fechar"
@@ -760,16 +575,16 @@ var DEFAULT_LIGHTBOX_LABELS = {
 function Lightbox({ imageUrl, caption, onClose, labels }) {
   const imageAltLabel = labels?.imageAlt ?? DEFAULT_LIGHTBOX_LABELS.imageAlt;
   const closeLabel = labels?.close ?? DEFAULT_LIGHTBOX_LABELS.close;
-  return /* @__PURE__ */ jsx7("div", { className: "fixed inset-0 z-50 bg-black/85 flex items-center justify-center p-4", onClick: onClose, children: /* @__PURE__ */ jsxs5("div", { className: "max-w-[90vw] max-h-[90vh] flex flex-col items-center", onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsx7("img", { src: imageUrl, alt: caption ?? imageAltLabel, className: "max-w-full max-h-[80vh] object-contain rounded-lg" }),
-    caption && /* @__PURE__ */ jsx7("p", { className: "text-white text-sm mt-3 text-center", children: caption }),
-    /* @__PURE__ */ jsx7("button", { "data-cv-tooltip": closeLabel, "aria-label": closeLabel, onClick: onClose, className: "mt-4 px-4 py-2 bg-white/20 text-white rounded-lg hover:bg-white/30 transition-colors", children: closeLabel })
+  return /* @__PURE__ */ jsx6("div", { className: "fixed inset-0 z-50 bg-black/85 flex items-center justify-center p-4", onClick: onClose, children: /* @__PURE__ */ jsxs4("div", { className: "max-w-[90vw] max-h-[90vh] flex flex-col items-center", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx6("img", { src: imageUrl, alt: caption ?? imageAltLabel, className: "max-w-full max-h-[80vh] object-contain rounded-lg" }),
+    caption && /* @__PURE__ */ jsx6("p", { className: "text-white text-sm mt-3 text-center", children: caption }),
+    /* @__PURE__ */ jsx6("button", { "data-cv-tooltip": closeLabel, "aria-label": closeLabel, onClick: onClose, className: "mt-4 px-4 py-2 bg-white/20 text-white rounded-lg hover:bg-white/30 transition-colors", children: closeLabel })
   ] }) });
 }
 
 // src/InteractiveMessage.tsx
 import { useState as useState4 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var FORMATTING_CLASSES = "[&_strong]:font-bold [&_em]:italic [&_del]:line-through";
 var DEFAULT_INTERACTIVE_MESSAGE_LABELS = {
   openList: "Ver op\xE7\xF5es"
@@ -787,17 +602,17 @@ function InteractiveMessage({ payload, onSelect, labels, className }) {
   const sections = payload.action?.sections ?? [];
   const hasRows = collectRows(payload).length > 0;
   const isInteractable = onSelect !== void 0;
-  return /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-1", className), children: [
-    payload.header?.text ? /* @__PURE__ */ jsx8("div", { className: cn("text-sm font-semibold text-gray-900 dark:text-gray-100", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.header.text) }) : null,
-    payload.body?.text ? /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs5("div", { className: cn("flex flex-col gap-1", className), children: [
+    payload.header?.text ? /* @__PURE__ */ jsx7("div", { className: cn("text-sm font-semibold text-gray-900 dark:text-gray-100", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.header.text) }) : null,
+    payload.body?.text ? /* @__PURE__ */ jsx7(
       "div",
       {
         className: cn("whitespace-pre-wrap break-words text-sm text-gray-900 dark:text-gray-100", FORMATTING_CLASSES),
         children: parseWhatsAppFormatting(payload.body.text)
       }
     ) : null,
-    payload.footer?.text ? /* @__PURE__ */ jsx8("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.footer.text) }) : null,
-    buttons.length > 0 ? /* @__PURE__ */ jsx8("div", { className: "mt-1 flex flex-col gap-1 border-t border-gray-200 pt-1 dark:border-gray-700", children: buttons.map((button) => /* @__PURE__ */ jsx8(
+    payload.footer?.text ? /* @__PURE__ */ jsx7("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.footer.text) }) : null,
+    buttons.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "mt-1 flex flex-col gap-1 border-t border-gray-200 pt-1 dark:border-gray-700", children: buttons.map((button) => /* @__PURE__ */ jsx7(
       "button",
       {
         "data-cv-tooltip": button.title,
@@ -810,8 +625,8 @@ function InteractiveMessage({ payload, onSelect, labels, className }) {
       },
       button.id
     )) }) : null,
-    hasRows ? /* @__PURE__ */ jsxs6("div", { className: "mt-1 border-t border-gray-200 pt-1 dark:border-gray-700", children: [
-      /* @__PURE__ */ jsxs6(
+    hasRows ? /* @__PURE__ */ jsxs5("div", { className: "mt-1 border-t border-gray-200 pt-1 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsxs5(
         "button",
         {
           "data-cv-tooltip": payload.action?.button ?? openListLabel,
@@ -826,9 +641,9 @@ function InteractiveMessage({ payload, onSelect, labels, className }) {
           ]
         }
       ),
-      isListOpen ? /* @__PURE__ */ jsx8("div", { className: "mt-1 flex flex-col gap-1", children: sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
-        section.title ? /* @__PURE__ */ jsx8("p", { className: "px-3 py-1 text-xs font-semibold uppercase text-gray-500 dark:text-gray-400", children: section.title }) : null,
-        (section.rows ?? []).map((row) => /* @__PURE__ */ jsxs6(
+      isListOpen ? /* @__PURE__ */ jsx7("div", { className: "mt-1 flex flex-col gap-1", children: sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
+        section.title ? /* @__PURE__ */ jsx7("p", { className: "px-3 py-1 text-xs font-semibold uppercase text-gray-500 dark:text-gray-400", children: section.title }) : null,
+        (section.rows ?? []).map((row) => /* @__PURE__ */ jsxs5(
           "button",
           {
             "data-cv-tooltip": row.title,
@@ -838,8 +653,8 @@ function InteractiveMessage({ payload, onSelect, labels, className }) {
             onClick: () => onSelect?.({ kind: "list", option: row }),
             className: "rounded-md px-3 py-1.5 text-left text-sm text-gray-900 transition-colors enabled:hover:bg-gray-100 disabled:cursor-default dark:text-gray-100 dark:enabled:hover:bg-gray-700",
             children: [
-              /* @__PURE__ */ jsx8("span", { className: "block", children: row.title }),
-              row.description ? /* @__PURE__ */ jsx8("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: row.description }) : null
+              /* @__PURE__ */ jsx7("span", { className: "block", children: row.title }),
+              row.description ? /* @__PURE__ */ jsx7("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: row.description }) : null
             ]
           },
           row.id
@@ -863,7 +678,7 @@ function createMediaUrlResolver(api) {
 
 // src/providers/ConversationsProvider.tsx
 import { createContext as createContext2, useContext as useContext2, useMemo } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var ConversationsContext = createContext2(null);
 function ConversationsProvider({
   api,
@@ -871,7 +686,7 @@ function ConversationsProvider({
   children
 }) {
   const value = useMemo(() => ({ api, sse }), [api, sse]);
-  return /* @__PURE__ */ jsx9(ConversationsContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx8(ConversationsContext.Provider, { value, children });
 }
 function useConversations() {
   return useContext2(ConversationsContext);
@@ -880,7 +695,7 @@ function useConversations() {
 // src/MessageBubble.tsx
 import { useMemo as useMemo2, useState as useState5 } from "react";
 import { Check as Check2 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var BUBBLE_COLOR = {
   agent: "bg-[#d9fdd3] dark:bg-[#005c4b]",
   bot: "bg-[#d7f0ec] dark:bg-[#0a3d3a]",
@@ -927,7 +742,7 @@ function MessageBubble({
   const displayName = message.sender === "agent" && senderName ? senderName : bubble[message.sender] ?? message.sender;
   const tooltipText = displayStatus === "read" && message.readAt ? `${bubble.readAt}${formatDateTime(message.readAt)}` : displayStatus === "failed" ? bubble.windowExpired : void 0;
   const tailCornerClass = isFirstInGroup ? isMine ? "rounded-tr-md" : "rounded-tl-md" : "";
-  const checkbox = /* @__PURE__ */ jsx10(
+  const checkbox = /* @__PURE__ */ jsx9(
     "button",
     {
       onClick: (e) => {
@@ -941,10 +756,10 @@ function MessageBubble({
         ${isSelected ? "bg-teal-600 border-teal-600" : "bg-white/80 dark:bg-black/40 border-black/20 dark:border-white/30"}
         ${isSelecting ? "opacity-100" : "opacity-0 group-hover:opacity-100"}
       `,
-      children: isSelected && /* @__PURE__ */ jsx10(Check2, { size: 12, className: "text-white", strokeWidth: 3 })
+      children: isSelected && /* @__PURE__ */ jsx9(Check2, { size: 12, className: "text-white", strokeWidth: 3 })
     }
   );
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn(
@@ -955,7 +770,7 @@ function MessageBubble({
       ),
       children: [
         isMine && checkbox,
-        /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsxs6(
           "div",
           {
             onClick: isSelecting ? onToggleSelect : void 0,
@@ -968,20 +783,20 @@ function MessageBubble({
           relative
         `,
             children: [
-              isMine && isFirstInGroup && (message.sender === "bot" || message.sender === "agent" && senderName) && /* @__PURE__ */ jsx10("div", { className: "text-xs font-semibold mb-0.5 text-teal-700 dark:text-teal-400", children: displayName }),
-              message.moderation?.isOffensive && /* @__PURE__ */ jsxs7(
+              isMine && isFirstInGroup && (message.sender === "bot" || message.sender === "agent" && senderName) && /* @__PURE__ */ jsx9("div", { className: "text-xs font-semibold mb-0.5 text-teal-700 dark:text-teal-400", children: displayName }),
+              message.moderation?.isOffensive && /* @__PURE__ */ jsxs6(
                 "div",
                 {
                   className: "mb-1 inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-800 dark:bg-amber-950/60 dark:text-amber-300",
                   "data-cv-tooltip": message.moderation.terms.length > 0 ? message.moderation.terms.join(", ") : void 0,
                   children: [
-                    /* @__PURE__ */ jsx10("span", { "aria-hidden": true, children: "\u26A0\uFE0F" }),
-                    /* @__PURE__ */ jsx10("span", { children: bubble.moderationFlagged })
+                    /* @__PURE__ */ jsx9("span", { "aria-hidden": true, children: "\u26A0\uFE0F" }),
+                    /* @__PURE__ */ jsx9("span", { children: bubble.moderationFlagged })
                   ]
                 }
               ),
-              isMedia ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
-                /* @__PURE__ */ jsx10(
+              isMedia ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+                /* @__PURE__ */ jsx9(
                   MediaRenderer,
                   {
                     message,
@@ -990,30 +805,30 @@ function MessageBubble({
                     ...requestTranscription ? { onTranscribeAudio: requestTranscription } : {}
                   }
                 ),
-                mediaCaption ? /* @__PURE__ */ jsx10("div", { className: "mt-1 text-sm text-gray-900 dark:text-gray-100 whitespace-pre-wrap break-words leading-[19px]", children: parseWhatsAppFormatting(mediaCaption) }) : null
+                mediaCaption ? /* @__PURE__ */ jsx9("div", { className: "mt-1 text-sm text-gray-900 dark:text-gray-100 whitespace-pre-wrap break-words leading-[19px]", children: parseWhatsAppFormatting(mediaCaption) }) : null
               ] }) : isInteractive && message.payload ? (
                 // O texto da mensagem interativa mora dentro do payload (`body.text`), e `content` guarda
                 // só uma cópia achatada para busca — renderizar `content` aqui duplicaria o corpo.
-                /* @__PURE__ */ jsx10(InteractiveMessage, { payload: message.payload, onSelect: onInteractiveSelect })
-              ) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
-                isTemplate && /* @__PURE__ */ jsxs7("p", { className: "text-xs text-gray-500 dark:text-gray-400 flex items-center gap-1 mb-0.5", children: [
-                  /* @__PURE__ */ jsx10("span", { children: "\u{1F4E8}" }),
-                  /* @__PURE__ */ jsxs7("span", { className: "font-medium", children: [
+                /* @__PURE__ */ jsx9(InteractiveMessage, { payload: message.payload, onSelect: onInteractiveSelect })
+              ) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
+                isTemplate && /* @__PURE__ */ jsxs6("p", { className: "text-xs text-gray-500 dark:text-gray-400 flex items-center gap-1 mb-0.5", children: [
+                  /* @__PURE__ */ jsx9("span", { children: "\u{1F4E8}" }),
+                  /* @__PURE__ */ jsxs6("span", { className: "font-medium", children: [
                     bubble.templateLabel,
                     message.templateName ? ` \u2014 ${message.templateName}` : ""
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx10("div", { className: "text-sm text-gray-900 dark:text-gray-100 whitespace-pre-wrap break-words leading-[19px]", children: parseWhatsAppFormatting(message.content ?? "") })
+                /* @__PURE__ */ jsx9("div", { className: "text-sm text-gray-900 dark:text-gray-100 whitespace-pre-wrap break-words leading-[19px]", children: parseWhatsAppFormatting(message.content ?? "") })
               ] }),
-              /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-end gap-1 mt-0.5 select-none", children: [
-                /* @__PURE__ */ jsx10("span", { className: "text-xs text-black/40 dark:text-white/40 font-medium", children: formatTimestamp(message.timestamp) }),
-                isMine && displayStatus && /* @__PURE__ */ jsx10(StatusTicks, { status: displayStatus, title: tooltipText })
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-end gap-1 mt-0.5 select-none", children: [
+                /* @__PURE__ */ jsx9("span", { className: "text-xs text-black/40 dark:text-white/40 font-medium", children: formatTimestamp(message.timestamp) }),
+                isMine && displayStatus && /* @__PURE__ */ jsx9(StatusTicks, { status: displayStatus, title: tooltipText })
               ] })
             ]
           }
         ),
         !isMine && checkbox,
-        lightboxSrc && /* @__PURE__ */ jsx10(Lightbox, { imageUrl: lightboxSrc, onClose: () => setLightboxSrc(null) })
+        lightboxSrc && /* @__PURE__ */ jsx9(Lightbox, { imageUrl: lightboxSrc, onClose: () => setLightboxSrc(null) })
       ]
     }
   );
@@ -1021,7 +836,7 @@ function MessageBubble({
 
 // src/Wallpaper.tsx
 import { forwardRef } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function doodlePattern(strokeColor, opacity) {
   const svg = `<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><g fill='none' stroke='${strokeColor}' stroke-width='1.2' opacity='${opacity}'><circle cx='15' cy='15' r='3'/><path d='M40 10 q5 8 0 16 q-5 -8 0 -16z'/><circle cx='70' cy='28' r='2'/><path d='M18 55 l6 6 m-6 0 l6 -6'/><circle cx='55' cy='68' r='2.5'/><path d='M85 58 q6 6 0 12 q-6 -6 0 -12z'/><circle cx='8' cy='85' r='2'/><path d='M65 90 l5 5 m-5 0 l5 -5'/></g></svg>`;
   return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
@@ -1041,7 +856,7 @@ var DARK_WALLPAPER = {
 var ConversationWallpaper = forwardRef(
   function ConversationWallpaper2({ children, className, style, onScroll }, ref) {
     const isDark = useIsDarkTheme();
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(
       "div",
       {
         ref,
@@ -1210,7 +1025,7 @@ function searchEmojis(query) {
 
 // src/EmojiPicker.tsx
 import { useState as useState6, useCallback as useCallback2, useMemo as useMemo3 } from "react";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_EMOJI_PICKER_LABELS = {
   search: "Buscar emoji",
   noResults: "Nenhum emoji encontrado"
@@ -1231,8 +1046,8 @@ var EmojiPicker = ({ onSelect, labels, className = "" }) => {
     () => isSearching ? searchEmojis(query) : EMOJI_CATEGORIES[activeCategory].entries,
     [isSearching, query, activeCategory]
   );
-  return /* @__PURE__ */ jsxs8("div", { className: `bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsx12("div", { className: "p-2 border-b border-gray-200", children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs7("div", { className: `bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsx11("div", { className: "p-2 border-b border-gray-200", children: /* @__PURE__ */ jsx11(
       "input",
       {
         type: "search",
@@ -1243,7 +1058,7 @@ var EmojiPicker = ({ onSelect, labels, className = "" }) => {
         className: "w-full rounded-md border border-gray-200 px-2 py-1.5 text-sm outline-none focus:border-blue-500"
       }
     ) }),
-    isSearching ? null : /* @__PURE__ */ jsx12("div", { className: "flex border-b border-gray-200 overflow-x-auto", children: EMOJI_CATEGORIES.map((category, index) => /* @__PURE__ */ jsxs8(
+    isSearching ? null : /* @__PURE__ */ jsx11("div", { className: "flex border-b border-gray-200 overflow-x-auto", children: EMOJI_CATEGORIES.map((category, index) => /* @__PURE__ */ jsxs7(
       "button",
       {
         "data-cv-tooltip": category.name,
@@ -1258,7 +1073,7 @@ var EmojiPicker = ({ onSelect, labels, className = "" }) => {
       },
       category.name
     )) }),
-    visibleEntries.length === 0 ? /* @__PURE__ */ jsx12("p", { className: "px-3 py-6 text-center text-sm text-gray-500", children: noResultsLabel }) : /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-10 gap-0.5 p-2 max-h-[240px] overflow-y-auto", children: visibleEntries.map((entry) => /* @__PURE__ */ jsx12(
+    visibleEntries.length === 0 ? /* @__PURE__ */ jsx11("p", { className: "px-3 py-6 text-center text-sm text-gray-500", children: noResultsLabel }) : /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-10 gap-0.5 p-2 max-h-[240px] overflow-y-auto", children: visibleEntries.map((entry) => /* @__PURE__ */ jsx11(
       "button",
       {
         onClick: () => handleSelect(entry.emoji),
@@ -1274,7 +1089,7 @@ var EmojiPicker = ({ onSelect, labels, className = "" }) => {
 
 // src/AudioRecorderButton.tsx
 import { useCallback as useCallback3, useEffect as useEffect2, useId, useRef as useRef2, useState as useState7 } from "react";
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var DEFAULT_AUDIO_RECORDER_BUTTON_LABELS = {
   start: "Gravar \xE1udio",
   stop: "Parar grava\xE7\xE3o",
@@ -1375,16 +1190,16 @@ function AudioRecorderButton({
     /* O painel de revisão flutua sobre o botão em vez de ocupar espaço na barra: o microfone mora
        na caixa do botão de enviar, e empurrar o composer para cima a cada gravação faria a
        conversa saltar. */
-    /* @__PURE__ */ jsxs9("div", { className: "relative flex-shrink-0", children: [
-      pending && /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs8("div", { className: "relative flex-shrink-0", children: [
+      pending && /* @__PURE__ */ jsxs8(
         "div",
         {
           role: "group",
           "aria-label": labelOf("review"),
           className: "absolute bottom-full right-0 z-20 mb-2 flex w-[calc(100vw-2rem)] max-w-[20rem] flex-wrap items-center justify-end gap-2 rounded-xl border border-gray-200 bg-white p-2 shadow-lg dark:border-gray-700 dark:bg-gray-800",
           children: [
-            /* @__PURE__ */ jsx13("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx13(AudioPlayer, { src: pending.objectURL }) }),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx12("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx12(AudioPlayer, { src: pending.objectURL }) }),
+            /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -1392,13 +1207,13 @@ function AudioRecorderButton({
                 "data-cv-tooltip": labelOf("discard"),
                 "aria-label": labelOf("discard"),
                 className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full text-gray-500 transition-colors hover:bg-gray-100 hover:text-red-500 dark:hover:bg-gray-700",
-                children: /* @__PURE__ */ jsxs9("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
-                  /* @__PURE__ */ jsx13("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                  /* @__PURE__ */ jsx13("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                children: /* @__PURE__ */ jsxs8("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
+                  /* @__PURE__ */ jsx12("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                  /* @__PURE__ */ jsx12("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -1406,13 +1221,13 @@ function AudioRecorderButton({
                 "data-cv-tooltip": labelOf("send"),
                 "aria-label": labelOf("send"),
                 className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-emerald-500 text-white transition-colors hover:bg-emerald-600",
-                children: /* @__PURE__ */ jsx13("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx13("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
+                children: /* @__PURE__ */ jsx12("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx12("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
@@ -1423,14 +1238,14 @@ function AudioRecorderButton({
           "aria-describedby": showDisabledHint ? disabledHintId : void 0,
           "aria-pressed": isRecording,
           className: `flex h-10 w-10 items-center justify-center rounded-full transition-colors disabled:opacity-50 ${isRecording ? "animate-pulse bg-red-500 text-white ring-4 ring-red-500/30 hover:bg-red-600" : "text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-700"}`,
-          children: isRecording ? /* @__PURE__ */ jsx13("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx13("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) }) : /* @__PURE__ */ jsxs9("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
-            /* @__PURE__ */ jsx13("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z" }),
-            /* @__PURE__ */ jsx13("path", { d: "M19 11a7 7 0 0 1-14 0" }),
-            /* @__PURE__ */ jsx13("line", { x1: "12", y1: "18", x2: "12", y2: "22" })
+          children: isRecording ? /* @__PURE__ */ jsx12("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx12("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) }) : /* @__PURE__ */ jsxs8("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
+            /* @__PURE__ */ jsx12("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z" }),
+            /* @__PURE__ */ jsx12("path", { d: "M19 11a7 7 0 0 1-14 0" }),
+            /* @__PURE__ */ jsx12("line", { x1: "12", y1: "18", x2: "12", y2: "22" })
           ] })
         }
       ),
-      showDisabledHint && /* @__PURE__ */ jsx13("span", { id: disabledHintId, className: "sr-only", children: disabledHint })
+      showDisabledHint && /* @__PURE__ */ jsx12("span", { id: disabledHintId, className: "sr-only", children: disabledHint })
     ] })
   );
 }
@@ -1525,7 +1340,7 @@ var DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS = {
 };
 
 // src/quickReplies/QuickRepliesPicker.tsx
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var LOADING_SKELETON_ROWS = 4;
 function QuickRepliesPicker({
   id,
@@ -1548,8 +1363,8 @@ function QuickRepliesPicker({
     if (ownSearch) searchInputRef.current?.focus();
   }, []);
   const activeOptionId = items.length > 0 ? `${id}-option-${highlightedIndex}` : void 0;
-  return /* @__PURE__ */ jsxs10("div", { className, children: [
-    ownSearch ? /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs9("div", { className, children: [
+    ownSearch ? /* @__PURE__ */ jsx13(
       "input",
       {
         ref: searchInputRef,
@@ -1566,25 +1381,25 @@ function QuickRepliesPicker({
         className: "mb-1 w-72 rounded-lg border border-gray-200 bg-white px-3 py-2 text-sm outline-none focus:border-gray-400 dark:border-gray-700 dark:bg-gray-900"
       }
     ) : null,
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs9(
       "ul",
       {
         role: "listbox",
         id,
         className: "max-h-64 w-72 overflow-y-auto rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-900",
         children: [
-          isLoading ? /* @__PURE__ */ jsxs10("li", { "aria-busy": "true", "aria-live": "polite", children: [
-            /* @__PURE__ */ jsx14("span", { className: "sr-only", children: text.loading }),
-            Array.from({ length: LOADING_SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsxs10("span", { className: "flex flex-col gap-1 px-3 py-2", children: [
-              /* @__PURE__ */ jsx14("span", { className: "cv-skeleton-line", style: { width: "60%", height: "0.75rem" } }),
-              /* @__PURE__ */ jsx14("span", { className: "cv-skeleton-line", style: { width: "85%", height: "0.625rem" } })
+          isLoading ? /* @__PURE__ */ jsxs9("li", { "aria-busy": "true", "aria-live": "polite", children: [
+            /* @__PURE__ */ jsx13("span", { className: "sr-only", children: text.loading }),
+            Array.from({ length: LOADING_SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsxs9("span", { className: "flex flex-col gap-1 px-3 py-2", children: [
+              /* @__PURE__ */ jsx13("span", { className: "cv-skeleton-line", style: { width: "60%", height: "0.75rem" } }),
+              /* @__PURE__ */ jsx13("span", { className: "cv-skeleton-line", style: { width: "85%", height: "0.625rem" } })
             ] }, index))
           ] }) : null,
-          !isLoading && hasError ? /* @__PURE__ */ jsx14("li", { role: "alert", className: "px-3 py-2 text-sm text-red-600 dark:text-red-400", children: text.error }) : null,
-          !isLoading && !hasError && items.length === 0 ? /* @__PURE__ */ jsx14("li", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: search.trim() ? text.noResults : text.empty }) : null,
+          !isLoading && hasError ? /* @__PURE__ */ jsx13("li", { role: "alert", className: "px-3 py-2 text-sm text-red-600 dark:text-red-400", children: text.error }) : null,
+          !isLoading && !hasError && items.length === 0 ? /* @__PURE__ */ jsx13("li", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: search.trim() ? text.noResults : text.empty }) : null,
           !isLoading && !hasError ? items.map((quickReply, index) => {
             const resolvedBody = applyQuickReplyVariables(quickReply.body, variables);
-            return /* @__PURE__ */ jsxs10(
+            return /* @__PURE__ */ jsxs9(
               "li",
               {
                 id: `${id}-option-${index}`,
@@ -1600,15 +1415,15 @@ function QuickRepliesPicker({
                   onSelect(quickReply);
                 },
                 children: [
-                  /* @__PURE__ */ jsxs10("span", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsxs10("span", { className: "font-mono text-xs text-gray-400", children: [
+                  /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxs9("span", { className: "font-mono text-xs text-gray-400", children: [
                       "/",
                       quickReply.shortcut
                     ] }),
-                    /* @__PURE__ */ jsx14("span", { className: "truncate font-medium", children: highlightMatch(quickReply.title, search).map(
-                      (segment, segmentIndex) => segment.isMatch ? /* @__PURE__ */ jsx14("mark", { className: "rounded-sm bg-yellow-200 dark:bg-yellow-700/60", children: segment.text }, segmentIndex) : /* @__PURE__ */ jsx14("span", { children: segment.text }, segmentIndex)
+                    /* @__PURE__ */ jsx13("span", { className: "truncate font-medium", children: highlightMatch(quickReply.title, search).map(
+                      (segment, segmentIndex) => segment.isMatch ? /* @__PURE__ */ jsx13("mark", { className: "rounded-sm bg-yellow-200 dark:bg-yellow-700/60", children: segment.text }, segmentIndex) : /* @__PURE__ */ jsx13("span", { children: segment.text }, segmentIndex)
                     ) }),
-                    quickReply.attachments && quickReply.attachments.length > 0 ? /* @__PURE__ */ jsxs10(
+                    quickReply.attachments && quickReply.attachments.length > 0 ? /* @__PURE__ */ jsxs9(
                       "span",
                       {
                         className: cn(
@@ -1617,15 +1432,15 @@ function QuickRepliesPicker({
                         ),
                         title: hasAttachmentsCapability ? void 0 : text.attachmentsUnavailable,
                         children: [
-                          /* @__PURE__ */ jsx14(Paperclip, { "aria-hidden": "true", className: "h-3 w-3" }),
+                          /* @__PURE__ */ jsx13(Paperclip, { "aria-hidden": "true", className: "h-3 w-3" }),
                           text.attachmentsCount(quickReply.attachments.length)
                         ]
                       }
                     ) : null
                   ] }),
-                  quickReply.attachments && quickReply.attachments.length > 0 && !hasAttachmentsCapability ? /* @__PURE__ */ jsx14("span", { className: "text-xs text-amber-600 dark:text-amber-400", children: text.attachmentsUnavailable }) : null,
-                  /* @__PURE__ */ jsx14("span", { className: "truncate text-xs text-gray-500 dark:text-gray-400", children: highlightMatch(resolvedBody, search).map(
-                    (segment, segmentIndex) => segment.isMatch ? /* @__PURE__ */ jsx14("mark", { className: "rounded-sm bg-yellow-200 dark:bg-yellow-700/60", children: segment.text }, segmentIndex) : /* @__PURE__ */ jsx14("span", { children: segment.text }, segmentIndex)
+                  quickReply.attachments && quickReply.attachments.length > 0 && !hasAttachmentsCapability ? /* @__PURE__ */ jsx13("span", { className: "text-xs text-amber-600 dark:text-amber-400", children: text.attachmentsUnavailable }) : null,
+                  /* @__PURE__ */ jsx13("span", { className: "truncate text-xs text-gray-500 dark:text-gray-400", children: highlightMatch(resolvedBody, search).map(
+                    (segment, segmentIndex) => segment.isMatch ? /* @__PURE__ */ jsx13("mark", { className: "rounded-sm bg-yellow-200 dark:bg-yellow-700/60", children: segment.text }, segmentIndex) : /* @__PURE__ */ jsx13("span", { children: segment.text }, segmentIndex)
                   ) })
                 ]
               },
@@ -1739,7 +1554,7 @@ function replaceQuickReplyShortcut({
 }
 
 // src/MessageComposer.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function applyQuickReplyVariables(template, variables = {}) {
   return template.replace(/\{\{\s*([\w.]+)\s*\}\}/g, (_, chave) => variables[chave] ?? "");
 }
@@ -1985,7 +1800,7 @@ var MessageComposer = ({
       return next;
     });
   }, []);
-  const effectiveIdleAction = idleAction ?? (onAttach ? /* @__PURE__ */ jsx15(
+  const effectiveIdleAction = idleAction ?? (onAttach ? /* @__PURE__ */ jsx14(
     AudioRecorderButton,
     {
       onRecorded: (file) => onAttach(file),
@@ -1999,15 +1814,15 @@ var MessageComposer = ({
     /* A barra é a superfície (cinza, largura cheia, sem raio) e o campo dentro é que arredonda —
        ordem do WhatsApp. Invertido, o pill arredondado ia até a borda da tela e os cantos
        descobriam o fundo branco da página, que lia como defeito. */
-    /* @__PURE__ */ jsxs11("div", { className: cn(COMPOSER_BAR_CLASS, className), children: [
-      quickReplies && quickReplies.length > 0 && /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsxs10("div", { className: cn(COMPOSER_BAR_CLASS, className), children: [
+      quickReplies && quickReplies.length > 0 && /* @__PURE__ */ jsx14(
         "div",
         {
           className: cn(
             "mb-2 flex flex-nowrap gap-1 overflow-x-auto px-1 sm:flex-wrap sm:overflow-x-visible [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
             classNames?.quickReplies
           ),
-          children: quickReplies.map((quickReply) => /* @__PURE__ */ jsx15(
+          children: quickReplies.map((quickReply) => /* @__PURE__ */ jsx14(
             "button",
             {
               "data-cv-tooltip": quickReply.label,
@@ -2024,12 +1839,12 @@ var MessageComposer = ({
           ))
         }
       ),
-      attachments.length > 0 && /* @__PURE__ */ jsx15("div", { className: "flex gap-2 px-1 pb-2 overflow-x-auto", children: attachments.map((a, i) => /* @__PURE__ */ jsxs11("div", { className: "relative flex-shrink-0", children: [
-        a.previewUrl ? /* @__PURE__ */ jsx15("img", { src: a.previewUrl, alt: "", className: "w-16 h-16 object-cover rounded-lg border border-gray-200" }) : /* @__PURE__ */ jsx15("div", { className: "w-16 h-16 bg-gray-100 rounded-lg border border-gray-200 flex items-center justify-center", children: /* @__PURE__ */ jsxs11("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "1.5", children: [
-          /* @__PURE__ */ jsx15("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-          /* @__PURE__ */ jsx15("polyline", { points: "14 2 14 8 20 8" })
+      attachments.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex gap-2 px-1 pb-2 overflow-x-auto", children: attachments.map((a, i) => /* @__PURE__ */ jsxs10("div", { className: "relative flex-shrink-0", children: [
+        a.previewUrl ? /* @__PURE__ */ jsx14("img", { src: a.previewUrl, alt: "", className: "w-16 h-16 object-cover rounded-lg border border-gray-200" }) : /* @__PURE__ */ jsx14("div", { className: "w-16 h-16 bg-gray-100 rounded-lg border border-gray-200 flex items-center justify-center", children: /* @__PURE__ */ jsxs10("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "1.5", children: [
+          /* @__PURE__ */ jsx14("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+          /* @__PURE__ */ jsx14("polyline", { points: "14 2 14 8 20 8" })
         ] }) }),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             "data-cv-tooltip": removeAttachmentLabel,
@@ -2040,27 +1855,27 @@ var MessageComposer = ({
           }
         )
       ] }, i)) }),
-      /* @__PURE__ */ jsxs11("div", { className: cn("flex items-end gap-1.5 rounded-xl bg-white px-3 py-2", classNames?.field), children: [
-        showEmojiButton && /* @__PURE__ */ jsxs11("div", { className: "relative flex-shrink-0", children: [
-          /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsxs10("div", { className: cn("flex items-end gap-1.5 rounded-xl bg-white px-3 py-2", classNames?.field), children: [
+        showEmojiButton && /* @__PURE__ */ jsxs10("div", { className: "relative flex-shrink-0", children: [
+          /* @__PURE__ */ jsx14(
             "button",
             {
               "data-cv-tooltip": emojiLabel,
               onClick: () => setShowEmoji((v) => !v),
               className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 transition-colors",
               "aria-label": emojiLabel,
-              children: /* @__PURE__ */ jsxs11("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "10" }),
-                /* @__PURE__ */ jsx15("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
-                /* @__PURE__ */ jsx15("circle", { cx: "9", cy: "9", r: "0.5", fill: "currentColor" }),
-                /* @__PURE__ */ jsx15("circle", { cx: "15", cy: "9", r: "0.5", fill: "currentColor" })
+              children: /* @__PURE__ */ jsxs10("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "10" }),
+                /* @__PURE__ */ jsx14("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+                /* @__PURE__ */ jsx14("circle", { cx: "9", cy: "9", r: "0.5", fill: "currentColor" }),
+                /* @__PURE__ */ jsx14("circle", { cx: "15", cy: "9", r: "0.5", fill: "currentColor" })
               ] })
             }
           ),
-          showEmoji && /* @__PURE__ */ jsx15("div", { className: "absolute bottom-full left-0 mb-2 z-10", children: /* @__PURE__ */ jsx15(EmojiPicker, { onSelect: handleEmojiSelect }) })
+          showEmoji && /* @__PURE__ */ jsx14("div", { className: "absolute bottom-full left-0 mb-2 z-10", children: /* @__PURE__ */ jsx14(EmojiPicker, { onSelect: handleEmojiSelect }) })
         ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsxs10("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ jsx14(
             "textarea",
             {
               ref: textareaRef,
@@ -2085,7 +1900,7 @@ var MessageComposer = ({
               style: { fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }
             }
           ),
-          isQuickRepliesOpen && /* @__PURE__ */ jsx15("div", { ref: quickRepliesPopoverRef, className: "absolute bottom-full left-0 mb-2 z-10", children: /* @__PURE__ */ jsx15(
+          isQuickRepliesOpen && /* @__PURE__ */ jsx14("div", { ref: quickRepliesPopoverRef, className: "absolute bottom-full left-0 mb-2 z-10", children: /* @__PURE__ */ jsx14(
             QuickRepliesPicker,
             {
               id: quickRepliesListboxId,
@@ -2109,8 +1924,8 @@ var MessageComposer = ({
             quickRepliesMode
           ) })
         ] }),
-        showQuickRepliesButton && /* @__PURE__ */ jsxs11(Fragment3, { children: [
-          /* @__PURE__ */ jsx15(
+        showQuickRepliesButton && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsx14(
             "button",
             {
               ref: quickRepliesTriggerRef,
@@ -2121,13 +1936,13 @@ var MessageComposer = ({
               "aria-describedby": quickRepliesAllowed ? void 0 : quickRepliesHintId,
               onClick: openQuickRepliesViaButton,
               className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 flex-shrink-0 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-              children: /* @__PURE__ */ jsx15("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx15("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) })
+              children: /* @__PURE__ */ jsx14("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx14("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) })
             }
           ),
-          !quickRepliesAllowed && /* @__PURE__ */ jsx15("span", { id: quickRepliesHintId, className: "sr-only", children: quickRepliesDisabledHintLabel })
+          !quickRepliesAllowed && /* @__PURE__ */ jsx14("span", { id: quickRepliesHintId, className: "sr-only", children: quickRepliesDisabledHintLabel })
         ] }),
-        showAttachButton && /* @__PURE__ */ jsxs11(Fragment3, { children: [
-          /* @__PURE__ */ jsx15(
+        showAttachButton && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsx14(
             "input",
             {
               ref: fileInputRef,
@@ -2138,7 +1953,7 @@ var MessageComposer = ({
               className: "hidden"
             }
           ),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx14(
             "button",
             {
               disabled: !attachmentsAllowed,
@@ -2147,12 +1962,12 @@ var MessageComposer = ({
               "aria-describedby": attachmentsAllowed ? void 0 : attachHintId,
               className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 flex-shrink-0 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
               "aria-label": attachLabel,
-              children: /* @__PURE__ */ jsx15("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx15("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) })
+              children: /* @__PURE__ */ jsx14("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx14("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) })
             }
           ),
-          !attachmentsAllowed && /* @__PURE__ */ jsx15("span", { id: attachHintId, className: "sr-only", children: attachDisabledHintLabel })
+          !attachmentsAllowed && /* @__PURE__ */ jsx14("span", { id: attachHintId, className: "sr-only", children: attachDisabledHintLabel })
         ] }),
-        !canSend && effectiveIdleAction ? /* @__PURE__ */ jsx15("div", { className: "flex-shrink-0", children: effectiveIdleAction }) : /* @__PURE__ */ jsx15(
+        !canSend && effectiveIdleAction ? /* @__PURE__ */ jsx14("div", { className: "flex-shrink-0", children: effectiveIdleAction }) : /* @__PURE__ */ jsx14(
           "button",
           {
             "data-cv-tooltip": sendLabel,
@@ -2160,11 +1975,11 @@ var MessageComposer = ({
             disabled: !canSend || disabled,
             className: `w-10 h-10 flex items-center justify-center rounded-full flex-shrink-0 transition-all ${canSend && !disabled ? "bg-[#00a884] text-white hover:bg-[#06cf9c] shadow-sm" : "bg-gray-200 text-gray-400 cursor-not-allowed"}`,
             "aria-label": sendLabel,
-            children: /* @__PURE__ */ jsx15("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx15("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
+            children: /* @__PURE__ */ jsx14("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx14("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
           }
         )
       ] }),
-      remaining !== null && /* @__PURE__ */ jsx15("div", { className: "flex justify-end mt-1 pr-1", children: /* @__PURE__ */ jsx15("span", { className: `text-xs ${remaining < 20 ? "text-red-500" : "text-gray-400"}`, children: remaining }) })
+      remaining !== null && /* @__PURE__ */ jsx14("div", { className: "flex justify-end mt-1 pr-1", children: /* @__PURE__ */ jsx14("span", { className: `text-xs ${remaining < 20 ? "text-red-500" : "text-gray-400"}`, children: remaining }) })
     ] })
   );
 };
@@ -2226,10 +2041,10 @@ function highlightMatch(text, search) {
 }
 
 // src/DateDivider.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function DateDivider({ iso, className, classNames }) {
   const { dateDivider } = useConversationLocales();
-  return /* @__PURE__ */ jsx16("div", { className: cn("flex justify-center sticky top-0 z-10 my-2 pointer-events-none", classNames?.root, className), children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15("div", { className: cn("flex justify-center sticky top-0 z-10 my-2 pointer-events-none", classNames?.root, className), children: /* @__PURE__ */ jsx15(
     "span",
     {
       className: cn(
@@ -2317,7 +2132,7 @@ var PAGINATION_LABELS = {
 };
 
 // src/ConversationDocumentsPanel.tsx
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 var DOCUMENT_SOURCE_FILTER = {
   ALL: "all",
   CUSTOMER: "customer",
@@ -2413,10 +2228,10 @@ function ConversationDocumentsPanel({
     }
   }
   if (!open) return null;
-  return /* @__PURE__ */ jsx17("div", { className: cn("border-b", classNames?.root, className), children: /* @__PURE__ */ jsxs12("section", { className: cn("px-4 py-3", classNames?.body), children: [
-    /* @__PURE__ */ jsx17("p", { className: cn("mb-2 text-sm font-medium", classNames?.title), children: labels.title }),
-    /* @__PURE__ */ jsxs12("div", { className: cn("mb-2 flex flex-wrap items-center gap-2 border-b pb-2", classNames?.filters), children: [
-      /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16("div", { className: cn("border-b", classNames?.root, className), children: /* @__PURE__ */ jsxs11("section", { className: cn("px-4 py-3", classNames?.body), children: [
+    /* @__PURE__ */ jsx16("p", { className: cn("mb-2 text-sm font-medium", classNames?.title), children: labels.title }),
+    /* @__PURE__ */ jsxs11("div", { className: cn("mb-2 flex flex-wrap items-center gap-2 border-b pb-2", classNames?.filters), children: [
+      /* @__PURE__ */ jsx16(
         "input",
         {
           type: "search",
@@ -2427,7 +2242,7 @@ function ConversationDocumentsPanel({
           className: cn("w-full rounded-md border px-3 py-2 text-sm sm:w-52", classNames?.search)
         }
       ),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs11(
         "select",
         {
           value: sourceFilter,
@@ -2435,13 +2250,13 @@ function ConversationDocumentsPanel({
           "aria-label": labels.sourceFilterAll,
           className: cn("w-full rounded-md border px-2 py-2 text-sm sm:w-36", classNames?.sourceSelect),
           children: [
-            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
-            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
-            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
+            /* @__PURE__ */ jsx16("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
+            /* @__PURE__ */ jsx16("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
+            /* @__PURE__ */ jsx16("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs11(
         "button",
         {
           "data-cv-tooltip": sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest,
@@ -2450,12 +2265,12 @@ function ConversationDocumentsPanel({
           onClick: () => applyFilter(() => setSortDirection(sortDirection === "desc" ? "asc" : "desc")),
           className: cn("cv-header-action inline-flex items-center gap-1", classNames?.sortButton),
           children: [
-            /* @__PURE__ */ jsx17(ArrowUpDown, { size: 14 }),
+            /* @__PURE__ */ jsx16(ArrowUpDown, { size: 14 }),
             sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest
           ]
         }
       ),
-      hasFilters ? /* @__PURE__ */ jsx17(
+      hasFilters ? /* @__PURE__ */ jsx16(
         "button",
         {
           "data-cv-tooltip": labels.clearFilters,
@@ -2471,12 +2286,12 @@ function ConversationDocumentsPanel({
         }
       ) : null
     ] }),
-    loading ? /* @__PURE__ */ jsx17("p", { className: cn("text-xs text-gray-500", classNames?.status), children: labels.loading }) : null,
-    error ? /* @__PURE__ */ jsx17("p", { role: "alert", className: cn("text-xs text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
-    !loading && !error && documents.length === 0 ? /* @__PURE__ */ jsx17("p", { className: cn("text-xs text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
-    canArchive && documents.length > 0 ? /* @__PURE__ */ jsxs12("div", { className: cn("mb-2 flex flex-wrap items-center gap-3 text-xs", classNames?.selectionBar), children: [
-      /* @__PURE__ */ jsxs12("label", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx17(
+    loading ? /* @__PURE__ */ jsx16("p", { className: cn("text-xs text-gray-500", classNames?.status), children: labels.loading }) : null,
+    error ? /* @__PURE__ */ jsx16("p", { role: "alert", className: cn("text-xs text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
+    !loading && !error && documents.length === 0 ? /* @__PURE__ */ jsx16("p", { className: cn("text-xs text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
+    canArchive && documents.length > 0 ? /* @__PURE__ */ jsxs11("div", { className: cn("mb-2 flex flex-wrap items-center gap-3 text-xs", classNames?.selectionBar), children: [
+      /* @__PURE__ */ jsxs11("label", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx16(
           "input",
           {
             type: "checkbox",
@@ -2487,13 +2302,13 @@ function ConversationDocumentsPanel({
         ),
         labels.selectAll
       ] }),
-      selectedIds.length > 0 ? /* @__PURE__ */ jsx17("button", { "data-cv-tooltip": labels.downloadSelected(selectedIds.length), "aria-label": labels.downloadSelected(selectedIds.length), type: "button", onClick: () => void handleDownloadSelected(), className: "cv-header-action", children: labels.downloadSelected(selectedIds.length) }) : null,
-      archiveError ? /* @__PURE__ */ jsx17("span", { role: "alert", className: "text-red-600 dark:text-red-400", children: labels.archiveFailed }) : null
+      selectedIds.length > 0 ? /* @__PURE__ */ jsx16("button", { "data-cv-tooltip": labels.downloadSelected(selectedIds.length), "aria-label": labels.downloadSelected(selectedIds.length), type: "button", onClick: () => void handleDownloadSelected(), className: "cv-header-action", children: labels.downloadSelected(selectedIds.length) }) : null,
+      archiveError ? /* @__PURE__ */ jsx16("span", { role: "alert", className: "text-red-600 dark:text-red-400", children: labels.archiveFailed }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx17("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
+    /* @__PURE__ */ jsx16("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
       const isFromCustomer = !TEAM_SOURCES.has(document2.source);
       const SourceIcon = isFromCustomer ? Users : Bot;
-      return /* @__PURE__ */ jsxs12(
+      return /* @__PURE__ */ jsxs11(
         "li",
         {
           className: cn(
@@ -2501,8 +2316,8 @@ function ConversationDocumentsPanel({
             classNames?.item
           ),
           children: [
-            /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-              canArchive ? /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+              canArchive ? /* @__PURE__ */ jsx16(
                 "input",
                 {
                   type: "checkbox",
@@ -2512,9 +2327,9 @@ function ConversationDocumentsPanel({
                   className: cn("shrink-0", classNames?.checkbox)
                 }
               ) : null,
-              /* @__PURE__ */ jsx17(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
-              /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs12(
+              /* @__PURE__ */ jsx16(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
+              /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs11(
                   "div",
                   {
                     className: cn(
@@ -2523,12 +2338,12 @@ function ConversationDocumentsPanel({
                       classNames?.sourceBadge
                     ),
                     children: [
-                      /* @__PURE__ */ jsx17(SourceIcon, { size: 11 }),
+                      /* @__PURE__ */ jsx16(SourceIcon, { size: 11 }),
                       isFromCustomer ? labels.sourceFilterCustomer : labels.sourceFilterTeam
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx16(
                   "div",
                   {
                     className: cn("truncate text-sm font-medium", classNames?.filename),
@@ -2536,15 +2351,15 @@ function ConversationDocumentsPanel({
                     children: document2.filename
                   }
                 ),
-                /* @__PURE__ */ jsxs12("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", classNames?.meta), children: [
+                /* @__PURE__ */ jsxs11("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", classNames?.meta), children: [
                   formatDateTime(document2.linkedAt),
                   " \xB7 ",
                   formatFileSize(document2.sizeBytes)
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 gap-1", children: [
-              /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 gap-1", children: [
+              /* @__PURE__ */ jsx16(
                 "button",
                 {
                   type: "button",
@@ -2552,10 +2367,10 @@ function ConversationDocumentsPanel({
                   "data-cv-tooltip": labels.view,
                   "aria-label": `${labels.view}: ${document2.filename}`,
                   className: cn("cv-header-icon", classNames?.viewButton),
-                  children: /* @__PURE__ */ jsx17(Eye, { size: 14 })
+                  children: /* @__PURE__ */ jsx16(Eye, { size: 14 })
                 }
               ),
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx16(
                 "button",
                 {
                   type: "button",
@@ -2563,7 +2378,7 @@ function ConversationDocumentsPanel({
                   "data-cv-tooltip": labels.download,
                   "aria-label": `${labels.download}: ${document2.filename}`,
                   className: cn("cv-header-icon", classNames?.downloadButton),
-                  children: /* @__PURE__ */ jsx17(Download, { size: 14 })
+                  children: /* @__PURE__ */ jsx16(Download, { size: 14 })
                 }
               )
             ] })
@@ -2572,7 +2387,7 @@ function ConversationDocumentsPanel({
         document2.id
       );
     }) }),
-    total > perPage ? /* @__PURE__ */ jsxs12(
+    total > perPage ? /* @__PURE__ */ jsxs11(
       "div",
       {
         className: cn(
@@ -2580,9 +2395,9 @@ function ConversationDocumentsPanel({
           classNames?.pagination
         ),
         children: [
-          /* @__PURE__ */ jsx17("span", { className: "text-gray-400", children: labels.total(total) }),
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx16("span", { className: "text-gray-400", children: labels.total(total) }),
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx16(
               "button",
               {
                 type: "button",
@@ -2594,8 +2409,8 @@ function ConversationDocumentsPanel({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsx17("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx16("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
+            /* @__PURE__ */ jsx16(
               "button",
               {
                 type: "button",
@@ -2617,7 +2432,7 @@ function ConversationDocumentsPanel({
 // src/DocumentsLibrary.tsx
 import { useEffect as useEffect7, useRef as useRef7, useState as useState12 } from "react";
 import { ArrowUpDown as ArrowUpDown2, Bot as Bot2, Download as Download2, Eye as Eye2, MessageSquare, Upload, Users as Users2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEFAULT_DOCUMENTS_LIBRARY_LABELS = {
   title: "Documentos",
   searchPlaceholder: "Buscar por nome do arquivo ou telefone",
@@ -2712,10 +2527,10 @@ function DocumentsLibrary({
     }
   }
   if (!fetchAll) return null;
-  return /* @__PURE__ */ jsxs13("div", { className: cn("space-y-3", classNames?.root, className), children: [
-    /* @__PURE__ */ jsx18("h2", { className: cn("text-lg font-semibold", classNames?.title), children: labels.title }),
-    /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-wrap items-center gap-2", classNames?.filters), children: [
-      /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs12("div", { className: cn("space-y-3", classNames?.root, className), children: [
+    /* @__PURE__ */ jsx17("h2", { className: cn("text-lg font-semibold", classNames?.title), children: labels.title }),
+    /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-wrap items-center gap-2", classNames?.filters), children: [
+      /* @__PURE__ */ jsx17(
         "input",
         {
           type: "search",
@@ -2726,7 +2541,7 @@ function DocumentsLibrary({
           className: cn("w-full rounded-md border px-3 py-2 text-sm sm:w-64", classNames?.search)
         }
       ),
-      /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsxs12(
         "select",
         {
           value: sourceFilter,
@@ -2734,13 +2549,13 @@ function DocumentsLibrary({
           "aria-label": labels.sourceFilterAll,
           className: cn("w-full rounded-md border px-2 py-2 text-sm sm:w-40", classNames?.sourceSelect),
           children: [
-            /* @__PURE__ */ jsx18("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
-            /* @__PURE__ */ jsx18("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
-            /* @__PURE__ */ jsx18("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
+            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
+            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
+            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsxs12(
         "button",
         {
           "data-cv-tooltip": sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest,
@@ -2749,12 +2564,12 @@ function DocumentsLibrary({
           onClick: () => applyFilter(() => setSortDirection(sortDirection === "desc" ? "asc" : "desc")),
           className: cn("cv-header-action inline-flex items-center gap-1", classNames?.sortButton),
           children: [
-            /* @__PURE__ */ jsx18(ArrowUpDown2, { size: 14 }),
+            /* @__PURE__ */ jsx17(ArrowUpDown2, { size: 14 }),
             sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest
           ]
         }
       ),
-      hasFilters ? /* @__PURE__ */ jsx18(
+      hasFilters ? /* @__PURE__ */ jsx17(
         "button",
         {
           "data-cv-tooltip": labels.clearFilters,
@@ -2769,8 +2584,8 @@ function DocumentsLibrary({
           children: labels.clearFilters
         }
       ) : null,
-      uploadDocument ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
-        /* @__PURE__ */ jsx18(
+      uploadDocument ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+        /* @__PURE__ */ jsx17(
           "input",
           {
             ref: fileInputRef,
@@ -2783,7 +2598,7 @@ function DocumentsLibrary({
             }
           }
         ),
-        /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs12(
           "button",
           {
             "data-cv-tooltip": labels.upload,
@@ -2793,21 +2608,21 @@ function DocumentsLibrary({
             disabled: uploading,
             className: "cv-header-action ml-auto inline-flex items-center gap-1 disabled:opacity-40",
             children: [
-              /* @__PURE__ */ jsx18(Upload, { size: 14, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx17(Upload, { size: 14, "aria-hidden": "true" }),
               labels.upload
             ]
           }
         )
       ] }) : null
     ] }),
-    loading ? /* @__PURE__ */ jsx18("p", { className: cn("text-sm text-gray-500", classNames?.status), children: labels.loading }) : null,
-    failed ? /* @__PURE__ */ jsx18("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
-    uploadFailed ? /* @__PURE__ */ jsx18("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.uploadError }) : null,
-    !loading && !failed && documents.length === 0 ? /* @__PURE__ */ jsx18("p", { className: cn("text-sm text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
-    /* @__PURE__ */ jsx18("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
+    loading ? /* @__PURE__ */ jsx17("p", { className: cn("text-sm text-gray-500", classNames?.status), children: labels.loading }) : null,
+    failed ? /* @__PURE__ */ jsx17("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
+    uploadFailed ? /* @__PURE__ */ jsx17("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.uploadError }) : null,
+    !loading && !failed && documents.length === 0 ? /* @__PURE__ */ jsx17("p", { className: cn("text-sm text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
+    /* @__PURE__ */ jsx17("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
       const isFromCustomer = !TEAM_SOURCES2.has(document2.source);
       const SourceIcon = isFromCustomer ? Users2 : Bot2;
-      return /* @__PURE__ */ jsxs13(
+      return /* @__PURE__ */ jsxs12(
         "li",
         {
           className: cn(
@@ -2815,23 +2630,23 @@ function DocumentsLibrary({
             classNames?.item
           ),
           children: [
-            /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-              /* @__PURE__ */ jsx18(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
-              /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx18("div", { className: cn("truncate text-sm font-medium", classNames?.filename), "data-cv-tooltip": document2.filename, children: document2.filename }),
-                /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-wrap items-center gap-x-2 text-xs text-gray-500", classNames?.meta), children: [
-                  /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1", children: [
-                    /* @__PURE__ */ jsx18(SourceIcon, { size: 11 }),
+            /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+              /* @__PURE__ */ jsx17(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
+              /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx17("div", { className: cn("truncate text-sm font-medium", classNames?.filename), "data-cv-tooltip": document2.filename, children: document2.filename }),
+                /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-wrap items-center gap-x-2 text-xs text-gray-500", classNames?.meta), children: [
+                  /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx17(SourceIcon, { size: 11 }),
                     isFromCustomer ? labels.sourceFilterCustomer : labels.sourceFilterTeam
                   ] }),
-                  /* @__PURE__ */ jsx18("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx18("span", { children: formatDateTime(document2.linkedAt) }),
-                  /* @__PURE__ */ jsx18("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx18("span", { children: formatFileSize(document2.sizeBytes) })
+                  /* @__PURE__ */ jsx17("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsx17("span", { children: formatDateTime(document2.linkedAt) }),
+                  /* @__PURE__ */ jsx17("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsx17("span", { children: formatFileSize(document2.sizeBytes) })
                 ] })
               ] })
             ] }),
-            onOpenConversation ? /* @__PURE__ */ jsxs13(
+            onOpenConversation ? /* @__PURE__ */ jsxs12(
               "button",
               {
                 type: "button",
@@ -2840,13 +2655,13 @@ function DocumentsLibrary({
                 "aria-label": labels.openConversation,
                 className: cn("cv-header-action inline-flex shrink-0 items-center gap-1", classNames?.conversationLink),
                 children: [
-                  /* @__PURE__ */ jsx18(MessageSquare, { size: 12 }),
+                  /* @__PURE__ */ jsx17(MessageSquare, { size: 12 }),
                   formatPhone(document2.conversationId)
                 ]
               }
-            ) : /* @__PURE__ */ jsx18("span", { className: cn("shrink-0 text-xs text-gray-500", classNames?.conversationLink), children: formatPhone(document2.conversationId) }),
-            /* @__PURE__ */ jsxs13("div", { className: "flex shrink-0 gap-1", children: [
-              /* @__PURE__ */ jsx18(
+            ) : /* @__PURE__ */ jsx17("span", { className: cn("shrink-0 text-xs text-gray-500", classNames?.conversationLink), children: formatPhone(document2.conversationId) }),
+            /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 gap-1", children: [
+              /* @__PURE__ */ jsx17(
                 "button",
                 {
                   type: "button",
@@ -2854,10 +2669,10 @@ function DocumentsLibrary({
                   "data-cv-tooltip": labels.view,
                   "aria-label": `${labels.view}: ${document2.filename}`,
                   className: "cv-header-icon",
-                  children: /* @__PURE__ */ jsx18(Eye2, { size: 14 })
+                  children: /* @__PURE__ */ jsx17(Eye2, { size: 14 })
                 }
               ),
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx17(
                 "button",
                 {
                   type: "button",
@@ -2865,7 +2680,7 @@ function DocumentsLibrary({
                   "data-cv-tooltip": labels.download,
                   "aria-label": `${labels.download}: ${document2.filename}`,
                   className: "cv-header-icon",
-                  children: /* @__PURE__ */ jsx18(Download2, { size: 14 })
+                  children: /* @__PURE__ */ jsx17(Download2, { size: 14 })
                 }
               )
             ] })
@@ -2874,10 +2689,10 @@ function DocumentsLibrary({
         `${document2.conversationId}:${document2.id}`
       );
     }) }),
-    total > perPage ? /* @__PURE__ */ jsxs13("div", { className: cn("flex items-center justify-between border-t pt-2 text-xs dark:border-gray-700", classNames?.pagination), children: [
-      /* @__PURE__ */ jsx18("span", { className: "text-gray-400", children: labels.total(total) }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx18(
+    total > perPage ? /* @__PURE__ */ jsxs12("div", { className: cn("flex items-center justify-between border-t pt-2 text-xs dark:border-gray-700", classNames?.pagination), children: [
+      /* @__PURE__ */ jsx17("span", { className: "text-gray-400", children: labels.total(total) }),
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx17(
           "button",
           {
             "data-cv-tooltip": PAGINATION_LABELS.previous,
@@ -2889,8 +2704,8 @@ function DocumentsLibrary({
             children: "\u2039"
           }
         ),
-        /* @__PURE__ */ jsx18("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx17("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
+        /* @__PURE__ */ jsx17(
           "button",
           {
             "data-cv-tooltip": PAGINATION_LABELS.next,
@@ -2955,7 +2770,7 @@ function toConversationSimulatorClient({
 
 // src/preview/ConversationPreview.tsx
 import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo4, useRef as useRef8, useState as useState13 } from "react";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function mediaTypeOf(mimeType) {
   return mediaKindOf(mimeType);
 }
@@ -3105,11 +2920,11 @@ function ConversationPreview({
       setFailure(error instanceof Error ? error.message : "Falha ao enviar o arquivo.");
     }
   }
-  return /* @__PURE__ */ jsxs14("div", { className: "flex h-full min-h-0 flex-col", children: [
-    /* @__PURE__ */ jsxs14(ConversationWallpaper, { className: "flex-1 min-h-0 overflow-y-auto px-4 py-3", children: [
-      rendered.map(({ message, isFirstInGroup, showDateDivider }) => /* @__PURE__ */ jsxs14("div", { children: [
-        showDateDivider ? /* @__PURE__ */ jsx19(DateDivider, { iso: message.timestamp }) : null,
-        /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs13("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsxs13(ConversationWallpaper, { className: "flex-1 min-h-0 overflow-y-auto px-4 py-3", children: [
+      rendered.map(({ message, isFirstInGroup, showDateDivider }) => /* @__PURE__ */ jsxs13("div", { children: [
+        showDateDivider ? /* @__PURE__ */ jsx18(DateDivider, { iso: message.timestamp }) : null,
+        /* @__PURE__ */ jsx18(
           MessageBubble,
           {
             message,
@@ -3119,17 +2934,17 @@ function ConversationPreview({
           }
         )
       ] }, message.id)),
-      /* @__PURE__ */ jsx19("div", { ref: bottomRef })
+      /* @__PURE__ */ jsx18("div", { ref: bottomRef })
     ] }),
-    failure ? /* @__PURE__ */ jsx19("p", { role: "alert", className: "px-4 py-2 text-sm text-red-600 dark:text-red-400", children: failure }) : null,
-    loadFailure ? /* @__PURE__ */ jsx19("p", { role: "status", className: "px-4 py-2 text-sm text-amber-700 dark:text-amber-400", children: loadFailure }) : null,
-    /* @__PURE__ */ jsx19(
+    failure ? /* @__PURE__ */ jsx18("p", { role: "alert", className: "px-4 py-2 text-sm text-red-600 dark:text-red-400", children: failure }) : null,
+    loadFailure ? /* @__PURE__ */ jsx18("p", { role: "status", className: "px-4 py-2 text-sm text-amber-700 dark:text-amber-400", children: loadFailure }) : null,
+    /* @__PURE__ */ jsx18(
       MessageComposer,
       {
         onSend: (text) => void handleSend(text),
         onAttach: canAttachFile ? (file) => void handleAttach(file) : void 0,
         placeholder: isRecording ? "Gravando\u2026 toque no quadrado para ouvir" : placeholder ?? "Escreva como o cliente\u2026",
-        idleAction: canRecordAudio ? /* @__PURE__ */ jsx19(
+        idleAction: canRecordAudio ? /* @__PURE__ */ jsx18(
           AudioRecorderButton,
           {
             onRecorded: (file) => void handleAttach(file),
@@ -3143,7 +2958,7 @@ function ConversationPreview({
 }
 
 // src/preview/ConversationSimulatorPanel.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_CONVERSATION_SIMULATOR_PANEL_LABELS = {
   title: "Simulador do cliente",
   destinationHint: "entrega no webhook real",
@@ -3163,6 +2978,14 @@ var SIMULATOR_PANEL_CHANNEL_WORDING = {
     destinationHint: DEFAULT_CONVERSATION_SIMULATOR_PANEL_LABELS.destinationHint,
     placeholder: DEFAULT_CONVERSATION_SIMULATOR_PANEL_LABELS.placeholder
   },
+  [CONVERSATION_CHANNEL.APP]: {
+    destinationHint: "entrega no app do contratante",
+    placeholder: "Escreva como quem usa o app\u2026"
+  },
+  [CONVERSATION_CHANNEL.PORTAL]: {
+    destinationHint: "entrega no portal do contratante",
+    placeholder: "Escreva como quem usa o portal\u2026"
+  },
   [CONVERSATION_CHANNEL.WEBCHAT]: {
     destinationHint: "entrega na API do chat do site",
     placeholder: "Escreva como o visitante\u2026"
@@ -3189,45 +3012,27 @@ function ConversationSimulatorPanel({
 }) {
   const text = { ...simulatorPanelLabelsOf(channel), ...labels };
   const subtitle = [displayHandle ?? displayNumber ?? previewProps.conversationId, text.destinationHint].join(" \xB7 ");
-  return /* @__PURE__ */ jsxs15("aside", { className: "cv-simulator-panel", "aria-label": text.title, children: [
-    /* @__PURE__ */ jsxs15("header", { className: "cv-simulator-panel__header", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "cv-simulator-panel__heading", children: [
-        /* @__PURE__ */ jsx20("h2", { className: "cv-simulator-panel__title", children: text.title }),
-        /* @__PURE__ */ jsx20("p", { className: "cv-simulator-panel__subtitle", children: subtitle })
+  return /* @__PURE__ */ jsxs14("aside", { className: "cv-simulator-panel", "aria-label": text.title, children: [
+    /* @__PURE__ */ jsxs14("header", { className: "cv-simulator-panel__header", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "cv-simulator-panel__heading", children: [
+        /* @__PURE__ */ jsx19("h2", { className: "cv-simulator-panel__title", children: text.title }),
+        /* @__PURE__ */ jsx19("p", { className: "cv-simulator-panel__subtitle", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "cv-simulator-panel__actions", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "cv-simulator-panel__actions", children: [
         headerActions,
-        /* @__PURE__ */ jsx20("button", { type: "button", onClick: onClose, "data-cv-tooltip": text.close, "aria-label": text.close, className: "cv-simulator-panel__close", children: /* @__PURE__ */ jsx20("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsx20("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
+        /* @__PURE__ */ jsx19("button", { type: "button", onClick: onClose, "data-cv-tooltip": text.close, "aria-label": text.close, className: "cv-simulator-panel__close", children: /* @__PURE__ */ jsx19("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsx19("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx20("div", { className: "cv-simulator-panel__body", children: /* @__PURE__ */ jsx20(ConversationPreview, { ...previewProps, placeholder: text.placeholder }) })
+    /* @__PURE__ */ jsx19("div", { className: "cv-simulator-panel__body", children: /* @__PURE__ */ jsx19(ConversationPreview, { ...previewProps, placeholder: text.placeholder }) })
   ] });
 }
 
 export {
   ConversationLocalesProvider,
   useConversationLocales,
-  formatPhone,
-  phoneInitials,
-  CONVERSATION_CHANNEL,
-  DEFAULT_CONVERSATION_CHANNEL,
-  REOPEN_MECHANISM,
-  HANDLE_KIND,
-  CHANNEL_CAPABILITIES,
-  capabilitiesOf,
-  CHANNEL_FILTER_ALL,
-  channelFiltersFor,
-  formatContactHandle,
-  contactFlag,
-  channelCapabilityFor,
-  StatusTicks,
   AudioPlayer,
   AudioTranscription,
   FileIcon,
-  formatTimestamp,
-  formatDateTime,
-  isSameDay,
-  formatFileSize,
   documentTypeLabel,
   MediaRenderer,
   DEFAULT_LIGHTBOX_LABELS,