@adatechnology/conversations-ui 0.6.1 → 0.8.0

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   TOOLTIP_ATTRIBUTE,
   TooltipLayer,
   WhatsAppMessagePreview
-} from "./chunk-HOKNKXIT.js";
+} from "./chunk-HMCOTZAX.js";
 import {
   AudioPlayer,
   AudioRecorderButton,
@@ -59,17 +59,17 @@ import {
   useConversationLocales,
   useConversations,
   useQuickRepliesPicker
-} from "./chunk-FAQLC3TX.js";
+} from "./chunk-L3OFAQPS.js";
 import {
+  ZERO_WIDTH_SPACE,
   cn,
+  htmlToWA,
+  parseWhatsAppFormatting,
   useDarkMode,
-  useIsDarkTheme
-} from "./chunk-MRVFFJEH.js";
-import {
-  CHAT_TEXT_PRIMARY_CLASS,
-  CHAT_TEXT_SECONDARY_CLASS,
-  MessageText
-} from "./chunk-OVFCLRQQ.js";
+  useIsDarkTheme,
+  waToHTML,
+  waToHTMLInline
+} from "./chunk-PJNR6UMN.js";
 import {
   CHANNEL_CAPABILITIES,
   CHANNEL_FILTER_ALL,
@@ -90,13 +90,6 @@ import {
   isSameDay,
   phoneInitials
 } from "./chunk-O6457XHK.js";
-import {
-  ZERO_WIDTH_SPACE,
-  htmlToWA,
-  parseWhatsAppFormatting,
-  waToHTML,
-  waToHTMLInline
-} from "./chunk-CBYEHPX6.js";
 
 // src/RichMessageComposer.tsx
 import {
@@ -1081,6 +1074,12 @@ function Avatar({ name, avatarUrl, size = "md", className = "", labels }) {
 
 // src/ConversationListItem.tsx
 import { useMemo } from "react";
+
+// src/theme.ts
+var CHAT_TEXT_PRIMARY_CLASS = "text-[#111b21] dark:text-[#e9edef]";
+var CHAT_TEXT_SECONDARY_CLASS = "text-[#667781] dark:text-[#8696a0]";
+
+// src/ConversationListItem.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_CONVERSATION_LIST_ITEM_LABELS = {
   expiredWindow: "Janela expirada",
@@ -1317,21 +1316,92 @@ function useToast() {
   return context;
 }
 
+// src/MessageText.tsx
+import { useCallback as useCallback3, useState as useState5 } from "react";
+
+// src/messageTextCopyInteraction.ts
+function resolveCopyInteraction({
+  copyOnClick,
+  accessibleCopy,
+  onCopy
+}) {
+  if (!copyOnClick) return {};
+  if (!accessibleCopy) return { onClick: onCopy };
+  return {
+    onClick: onCopy,
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      onCopy();
+    }
+  };
+}
+
+// src/MessageTextCopiedBadge.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var TAILWIND_CLASS = "absolute top-0 right-0 -translate-y-full bg-[#3b4a54] text-white text-[11px] px-1.5 py-0.5 rounded shadow-lg";
+function MessageTextCopiedBadge({ label = "Copiado!", appearance = "tailwind" }) {
+  const className = appearance === "stylesheet" ? "cv-message-text__copied" : TAILWIND_CLASS;
+  return /* @__PURE__ */ jsx7("span", { className, children: label });
+}
+
+// src/MessageText.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var TAILWIND_CLASS2 = "text-[14.2px] leading-[19px] whitespace-pre-wrap break-words select-all [&_strong]:font-bold [&_em]:italic [&_del]:line-through";
+function resolveClassName(appearance, copyOnClick) {
+  if (appearance === "tailwind") return TAILWIND_CLASS2;
+  return copyOnClick ? "cv-message-text cv-message-text--copyable" : "cv-message-text";
+}
+function MessageText({
+  message,
+  copyOnClick = true,
+  accessibleCopy = false,
+  copiedLabel,
+  appearance = "tailwind"
+}) {
+  const [copied, setCopied] = useState5(false);
+  const handleCopy = useCallback3(async () => {
+    if (!copyOnClick || !message.content) return;
+    try {
+      await navigator.clipboard.writeText(message.content);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  }, [copyOnClick, message.content]);
+  if (message.type === "template")
+    return /* @__PURE__ */ jsx8("p", { className: `text-sm italic ${CHAT_TEXT_SECONDARY_CLASS}`, children: message.content ?? "Template message" });
+  const interactionProps = resolveCopyInteraction({ copyOnClick, accessibleCopy, onCopy: handleCopy });
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: resolveClassName(appearance, copyOnClick),
+      ...interactionProps,
+      children: [
+        /* @__PURE__ */ jsx8("div", { children: parseWhatsAppFormatting(message.content ?? "") }),
+        copied && /* @__PURE__ */ jsx8(MessageTextCopiedBadge, { label: copiedLabel, appearance })
+      ]
+    }
+  );
+}
+
 // src/MessageTimestamp.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function MessageTimestamp({ timestamp, status, isOutbound }) {
-  return /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-end gap-[3px]", children: [
-    /* @__PURE__ */ jsx7("span", { className: `text-[11px] ${CHAT_TEXT_SECONDARY_CLASS} leading-[15px] select-none`, children: timestamp }),
-    isOutbound && status && /* @__PURE__ */ jsx7("span", { className: "flex items-center -mr-[2px]", children: /* @__PURE__ */ jsx7(StatusTicks, { status }) })
+  return /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-end gap-[3px]", children: [
+    /* @__PURE__ */ jsx9("span", { className: `text-[11px] ${CHAT_TEXT_SECONDARY_CLASS} leading-[15px] select-none`, children: timestamp }),
+    isOutbound && status && /* @__PURE__ */ jsx9("span", { className: "flex items-center -mr-[2px]", children: /* @__PURE__ */ jsx9(StatusTicks, { status }) })
   ] });
 }
 
 // src/MessageTail.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function MessageTail({ isOutbound }) {
   if (isOutbound)
-    return /* @__PURE__ */ jsx8("svg", { className: "absolute top-0 -right-[5px] w-[5px] h-[11px]", viewBox: "0 0 5 11", fill: "#d9fdd3", children: /* @__PURE__ */ jsx8("path", { d: "M5 0H0v11c1.5-2 4.5-2 5-4V0z" }) });
-  return /* @__PURE__ */ jsx8("svg", { className: "absolute top-0 -left-[5px] w-[5px] h-[11px]", viewBox: "0 0 5 11", fill: "white", children: /* @__PURE__ */ jsx8("path", { d: "M0 0h5v11C3.5 9 .5 9 0 7V0z" }) });
+    return /* @__PURE__ */ jsx10("svg", { className: "absolute top-0 -right-[5px] w-[5px] h-[11px]", viewBox: "0 0 5 11", fill: "#d9fdd3", children: /* @__PURE__ */ jsx10("path", { d: "M5 0H0v11c1.5-2 4.5-2 5-4V0z" }) });
+  return /* @__PURE__ */ jsx10("svg", { className: "absolute top-0 -left-[5px] w-[5px] h-[11px]", viewBox: "0 0 5 11", fill: "white", children: /* @__PURE__ */ jsx10("path", { d: "M0 0h5v11C3.5 9 .5 9 0 7V0z" }) });
 }
 
 // src/conversationWindow.ts
@@ -1408,7 +1478,7 @@ var ICON_SIZE_INLINE = 14;
 var ICON_SIZE_ACTION = 16;
 
 // src/ChannelIcon.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var CHANNEL_BRAND_COLOR = {
   [CONVERSATION_CHANNEL.WHATSAPP]: "#25D366",
   [CONVERSATION_CHANNEL.MESSENGER]: "#0084FF",
@@ -1421,9 +1491,9 @@ var CHANNEL_BRAND_COLOR = {
 function Glyph({ channel }) {
   const color = CHANNEL_BRAND_COLOR[channel];
   if (channel === CONVERSATION_CHANNEL.WHATSAPP) {
-    return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-      /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "12", r: "11", fill: color }),
-      /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+      /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "11", fill: color }),
+      /* @__PURE__ */ jsx11(
         "path",
         {
           d: "M8.6 7.2c.3-.1.7 0 .9.3l1 1.6c.2.3.1.7-.1.9l-.7.7c.6 1.3 1.6 2.3 2.9 2.9l.7-.7c.2-.2.6-.3.9-.1l1.6 1c.3.2.4.6.3.9-.4 1-1.4 1.6-2.4 1.4-3-.5-5.4-2.9-5.9-5.9-.2-1 .4-2 1.4-2.4Z",
@@ -1433,34 +1503,34 @@ function Glyph({ channel }) {
     ] });
   }
   if (channel === CONVERSATION_CHANNEL.MESSENGER) {
-    return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-      /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "12", r: "11", fill: color }),
-      /* @__PURE__ */ jsx9("path", { d: "M6.5 15.5 11 10.8l2.4 2.4L17.5 9l-4.6 4.9-2.4-2.4-4 4Z", fill: "#fff", stroke: "#fff", strokeWidth: "1.4", strokeLinejoin: "round" })
+    return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+      /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "11", fill: color }),
+      /* @__PURE__ */ jsx11("path", { d: "M6.5 15.5 11 10.8l2.4 2.4L17.5 9l-4.6 4.9-2.4-2.4-4 4Z", fill: "#fff", stroke: "#fff", strokeWidth: "1.4", strokeLinejoin: "round" })
     ] });
   }
   if (channel === CONVERSATION_CHANNEL.INSTAGRAM) {
-    return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-      /* @__PURE__ */ jsx9("rect", { x: "2", y: "2", width: "20", height: "20", rx: "6", fill: color }),
-      /* @__PURE__ */ jsx9("rect", { x: "6.5", y: "6.5", width: "11", height: "11", rx: "3.5", fill: "none", stroke: "#fff", strokeWidth: "1.6" }),
-      /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "12", r: "2.6", fill: "none", stroke: "#fff", strokeWidth: "1.6" }),
-      /* @__PURE__ */ jsx9("circle", { cx: "16.4", cy: "7.6", r: "1", fill: "#fff" })
+    return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+      /* @__PURE__ */ jsx11("rect", { x: "2", y: "2", width: "20", height: "20", rx: "6", fill: color }),
+      /* @__PURE__ */ jsx11("rect", { x: "6.5", y: "6.5", width: "11", height: "11", rx: "3.5", fill: "none", stroke: "#fff", strokeWidth: "1.6" }),
+      /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "2.6", fill: "none", stroke: "#fff", strokeWidth: "1.6" }),
+      /* @__PURE__ */ jsx11("circle", { cx: "16.4", cy: "7.6", r: "1", fill: "#fff" })
     ] });
   }
   if (channel === CONVERSATION_CHANNEL.EMAIL) {
-    return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-      /* @__PURE__ */ jsx9("rect", { x: "2", y: "4", width: "20", height: "16", rx: "3", fill: color }),
-      /* @__PURE__ */ jsx9("path", { d: "M3.5 6.5 12 13l8.5-6.5", fill: "none", stroke: "#fff", strokeWidth: "1.6", strokeLinejoin: "round", strokeLinecap: "round" })
+    return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+      /* @__PURE__ */ jsx11("rect", { x: "2", y: "4", width: "20", height: "16", rx: "3", fill: color }),
+      /* @__PURE__ */ jsx11("path", { d: "M3.5 6.5 12 13l8.5-6.5", fill: "none", stroke: "#fff", strokeWidth: "1.6", strokeLinejoin: "round", strokeLinecap: "round" })
     ] });
   }
-  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-    /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "12", r: "11", fill: color }),
-    /* @__PURE__ */ jsx9("path", { d: "M6.5 8.5h11v7h-5.5L8.5 18v-2.5h-2v-7Z", fill: "#fff" })
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "11", fill: color }),
+    /* @__PURE__ */ jsx11("path", { d: "M6.5 8.5h11v7h-5.5L8.5 18v-2.5h-2v-7Z", fill: "#fff" })
   ] });
 }
 function ChannelIcon({ channel, size = 14, className = "" }) {
   const resolved = channel ?? CONVERSATION_CHANNEL.WHATSAPP;
   const { label } = capabilitiesOf(resolved);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1469,13 +1539,13 @@ function ChannelIcon({ channel, size = 14, className = "" }) {
       className: `inline-block shrink-0 ${className}`.trim(),
       role: "img",
       "aria-label": label,
-      children: /* @__PURE__ */ jsx9(Glyph, { channel: resolved })
+      children: /* @__PURE__ */ jsx11(Glyph, { channel: resolved })
     }
   );
 }
 
 // src/ConversationRow.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var WINDOW_TITLE = {
   [CONVERSATION_WINDOW.ALL]: "",
   [CONVERSATION_WINDOW.FRESH]: "Janela de 24h aberta (menos de 12h)",
@@ -1519,8 +1589,8 @@ function ConversationRow({
     lastInboundAt: conversation.lastInboundAt,
     now
   });
-  return /* @__PURE__ */ jsxs8("div", { className: cn("cv-row flex border-b", active && "cv-row--active", classNames?.root, className), children: [
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs9("div", { className: cn("cv-row flex border-b", active && "cv-row--active", classNames?.root, className), children: [
+    /* @__PURE__ */ jsx12(
       "span",
       {
         className: cn("w-1 shrink-0", WINDOW_BAR_CLASS[window2], classNames?.windowBar),
@@ -1528,9 +1598,9 @@ function ConversationRow({
         "aria-label": WINDOW_TITLE[window2]
       }
     ),
-    /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-2 px-2 pt-2", children: [
-        /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-2 px-2 pt-2", children: [
+        /* @__PURE__ */ jsx12(
           "input",
           {
             type: "checkbox",
@@ -1540,7 +1610,7 @@ function ConversationRow({
             className: "mt-3"
           }
         ),
-        /* @__PURE__ */ jsx10("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx12(
           ConversationListItem,
           {
             conversation,
@@ -1551,37 +1621,37 @@ function ConversationRow({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap items-center gap-1.5 px-4 pb-2 pl-8", children: [
-        /* @__PURE__ */ jsxs8("span", { className: "cv-pill", children: [
-          /* @__PURE__ */ jsx10(ChannelIcon, { channel: conversation.channel }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-1.5 px-4 pb-2 pl-8", children: [
+        /* @__PURE__ */ jsxs9("span", { className: "cv-pill", children: [
+          /* @__PURE__ */ jsx12(ChannelIcon, { channel: conversation.channel }),
           " ",
           capabilities.label
         ] }),
-        conversation.mode === "human" ? /* @__PURE__ */ jsxs8("span", { className: "cv-pill cv-pill--success", children: [
-          /* @__PURE__ */ jsx10(UserRound, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
+        conversation.mode === "human" ? /* @__PURE__ */ jsxs9("span", { className: "cv-pill cv-pill--success", children: [
+          /* @__PURE__ */ jsx12(UserRound, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
           " em atendimento"
         ] }) : null,
-        isWaiting ? /* @__PURE__ */ jsxs8("span", { className: "cv-pill cv-pill--warning", children: [
-          /* @__PURE__ */ jsx10(Hourglass, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
+        isWaiting ? /* @__PURE__ */ jsxs9("span", { className: "cv-pill cv-pill--warning", children: [
+          /* @__PURE__ */ jsx12(Hourglass, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
           " aguardando atendimento"
         ] }) : null,
-        !isWaiting && conversation.mode === "bot" ? /* @__PURE__ */ jsxs8("span", { className: "cv-pill", children: [
-          /* @__PURE__ */ jsx10(Bot, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
+        !isWaiting && conversation.mode === "bot" ? /* @__PURE__ */ jsxs9("span", { className: "cv-pill", children: [
+          /* @__PURE__ */ jsx12(Bot, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
           " bot ativo"
         ] }) : null,
-        replyLatency ? /* @__PURE__ */ jsxs8("span", { className: cn("cv-pill", REPLY_LATENCY_PILL_CLASS[replyLatency]), children: [
-          /* @__PURE__ */ jsx10(AlarmClock, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
+        replyLatency ? /* @__PURE__ */ jsxs9("span", { className: cn("cv-pill", REPLY_LATENCY_PILL_CLASS[replyLatency]), children: [
+          /* @__PURE__ */ jsx12(AlarmClock, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
           " sem resposta h\xE1",
           " ",
           formatStalledFor(conversation.lastInboundAt ?? conversation.lastAt, now)
         ] }) : null,
-        isStalled ? /* @__PURE__ */ jsxs8("span", { className: "cv-pill cv-pill--danger", children: [
-          /* @__PURE__ */ jsx10(AlarmClock, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
+        isStalled ? /* @__PURE__ */ jsxs9("span", { className: "cv-pill cv-pill--danger", children: [
+          /* @__PURE__ */ jsx12(AlarmClock, { size: ICON_SIZE_PILL, "aria-hidden": "true" }),
           " parada h\xE1",
           " ",
           formatStalledFor(conversation.lastAt, now)
         ] }) : null,
-        isWaiting ? /* @__PURE__ */ jsxs8(
+        isWaiting ? /* @__PURE__ */ jsxs9(
           "button",
           {
             type: "button",
@@ -1591,7 +1661,7 @@ function ConversationRow({
             "aria-label": TAKEOVER_LABEL,
             className: "cv-header-action",
             children: [
-              /* @__PURE__ */ jsx10(Play, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx12(Play, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
               " ",
               TAKEOVER_LABEL
             ]
@@ -1603,9 +1673,9 @@ function ConversationRow({
 }
 
 // src/ConversationHeader.tsx
-import { useRef as useRef4, useState as useState5 } from "react";
+import { useRef as useRef4, useState as useState6 } from "react";
 import { ArrowLeft, Bot as Bot2, Download, FileText, Headset, MoreVertical, UserRound as UserRound2, X } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var HEADER_UTILITIES_MIN_WIDTH = 720;
 var HEADER_ACTIONS_MIN_WIDTH = 600;
 var DEFAULT_CONVERSATION_HEADER_LABELS = {
@@ -1642,7 +1712,7 @@ function ConversationHeader({
   const displayHandle = formatContactHandle({ handle, channel: conversation.channel });
   const flag = contactFlag({ handle, channel: conversation.channel });
   const capabilities = capabilitiesOf(conversation.channel);
-  const [menuOpen, setMenuOpen] = useState5(false);
+  const [menuOpen, setMenuOpen] = useState6(false);
   const headerRef = useRef4(null);
   const headerWidth = useContainerWidth(headerRef);
   const showsUtilitiesInline = headerWidth === void 0 || headerWidth >= HEADER_UTILITIES_MIN_WIDTH;
@@ -1650,14 +1720,14 @@ function ConversationHeader({
   const utilityCandidates = [
     onOpenDocuments ? {
       key: "documents",
-      icon: /* @__PURE__ */ jsx11(FileText, { size: ICON_SIZE_ACTION }),
+      icon: /* @__PURE__ */ jsx13(FileText, { size: ICON_SIZE_ACTION }),
       label: labels.documents,
       run: onOpenDocuments,
       active: documentsOpen
     } : void 0,
     onDownload ? {
       key: "download",
-      icon: /* @__PURE__ */ jsx11(Download, { size: ICON_SIZE_ACTION }),
+      icon: /* @__PURE__ */ jsx13(Download, { size: ICON_SIZE_ACTION }),
       label: labels.download,
       run: onDownload,
       active: false
@@ -1668,7 +1738,7 @@ function ConversationHeader({
   const actionCandidates = [
     !isHuman && onTakeover ? {
       key: "takeover",
-      icon: /* @__PURE__ */ jsx11(Headset, { size: ICON_SIZE_ACTION }),
+      icon: /* @__PURE__ */ jsx13(Headset, { size: ICON_SIZE_ACTION }),
       label: labels.takeover,
       hint: labels.takeover,
       run: onTakeover,
@@ -1676,7 +1746,7 @@ function ConversationHeader({
     } : void 0,
     isHuman && onReturnToBot ? {
       key: "release",
-      icon: /* @__PURE__ */ jsx11(Bot2, { size: ICON_SIZE_ACTION }),
+      icon: /* @__PURE__ */ jsx13(Bot2, { size: ICON_SIZE_ACTION }),
       label: labels.returnToBot,
       hint: labels.returnToBot,
       run: onReturnToBot,
@@ -1684,7 +1754,7 @@ function ConversationHeader({
     } : void 0,
     isHuman && onFinish ? {
       key: "finish",
-      icon: /* @__PURE__ */ jsx11(X, { size: ICON_SIZE_ACTION }),
+      icon: /* @__PURE__ */ jsx13(X, { size: ICON_SIZE_ACTION }),
       label: labels.finish,
       hint: labels.finish,
       run: onFinish,
@@ -1703,7 +1773,7 @@ function ConversationHeader({
     })),
     ...showsActionsInline ? [] : actions
   ];
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "header",
     {
       ref: headerRef,
@@ -1713,37 +1783,37 @@ function ConversationHeader({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs9("div", { className: cn("flex min-w-0 flex-1 items-center gap-3", classNames?.identity), children: [
-          onBack ? /* @__PURE__ */ jsx11("button", { type: "button", onClick: onBack, className: "cv-back cv-touch", "aria-label": labels.back, "data-cv-tooltip": labels.back, children: /* @__PURE__ */ jsx11(ArrowLeft, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }) }) : null,
-          /* @__PURE__ */ jsx11(Avatar, { name: conversation.clientName, size: "md" }),
-          /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx11("p", { className: cn("truncate font-medium", classNames?.name), children: conversation.clientName ?? displayHandle }),
-            /* @__PURE__ */ jsxs9("p", { className: cn("flex min-w-0 flex-nowrap items-center gap-2 overflow-hidden text-xs text-gray-500", classNames?.meta), children: [
-              /* @__PURE__ */ jsxs9("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsxs10("div", { className: cn("flex min-w-0 flex-1 items-center gap-3", classNames?.identity), children: [
+          onBack ? /* @__PURE__ */ jsx13("button", { type: "button", onClick: onBack, className: "cv-back cv-touch", "aria-label": labels.back, "data-cv-tooltip": labels.back, children: /* @__PURE__ */ jsx13(ArrowLeft, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }) }) : null,
+          /* @__PURE__ */ jsx13(Avatar, { name: conversation.clientName, size: "md" }),
+          /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx13("p", { className: cn("truncate font-medium", classNames?.name), children: conversation.clientName ?? displayHandle }),
+            /* @__PURE__ */ jsxs10("p", { className: cn("flex min-w-0 flex-nowrap items-center gap-2 overflow-hidden text-xs text-gray-500", classNames?.meta), children: [
+              /* @__PURE__ */ jsxs10("span", { className: "truncate", children: [
                 flag ? `${flag} ` : "",
                 displayHandle
               ] }),
-              /* @__PURE__ */ jsxs9("span", { className: "inline-flex flex-shrink-0 items-center gap-1", children: [
-                /* @__PURE__ */ jsx11(ChannelIcon, { channel: conversation.channel }),
-                showsUtilitiesInline ? /* @__PURE__ */ jsx11("span", { children: capabilities.label }) : null
+              /* @__PURE__ */ jsxs10("span", { className: "inline-flex flex-shrink-0 items-center gap-1", children: [
+                /* @__PURE__ */ jsx13(ChannelIcon, { channel: conversation.channel }),
+                showsUtilitiesInline ? /* @__PURE__ */ jsx13("span", { children: capabilities.label }) : null
               ] }),
-              /* @__PURE__ */ jsxs9(
+              /* @__PURE__ */ jsxs10(
                 "span",
                 {
                   className: "inline-flex flex-shrink-0 items-center gap-1",
                   ...showsUtilitiesInline ? {} : { role: "img", "aria-label": isHuman ? labels.humanMode : labels.botMode, "data-cv-tooltip": isHuman ? labels.humanMode : labels.botMode },
                   children: [
-                    isHuman ? /* @__PURE__ */ jsx11(UserRound2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }) : /* @__PURE__ */ jsx11(Bot2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
-                    showsUtilitiesInline ? /* @__PURE__ */ jsx11("span", { children: isHuman ? labels.humanMode : labels.botMode }) : null
+                    isHuman ? /* @__PURE__ */ jsx13(UserRound2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }) : /* @__PURE__ */ jsx13(Bot2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
+                    showsUtilitiesInline ? /* @__PURE__ */ jsx13("span", { children: isHuman ? labels.humanMode : labels.botMode }) : null
                   ]
                 }
               )
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: cn("flex shrink-0 items-center gap-2", classNames?.actions), children: [
-          /* @__PURE__ */ jsxs9("div", { className: cn("flex items-center gap-2", classNames?.desktopActions), children: [
-            (showsUtilitiesInline ? utilities : []).map((utility) => /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs10("div", { className: cn("flex shrink-0 items-center gap-2", classNames?.actions), children: [
+          /* @__PURE__ */ jsxs10("div", { className: cn("flex items-center gap-2", classNames?.desktopActions), children: [
+            (showsUtilitiesInline ? utilities : []).map((utility) => /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -1757,7 +1827,7 @@ function ConversationHeader({
               },
               utility.key
             )),
-            (showsActionsInline ? actions : []).map((action) => /* @__PURE__ */ jsxs9(
+            (showsActionsInline ? actions : []).map((action) => /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -1774,8 +1844,8 @@ function ConversationHeader({
               action.key
             ))
           ] }),
-          menuItems.length > 0 ? /* @__PURE__ */ jsxs9("div", { className: cn("cv-menu", classNames?.mobileMenu), children: [
-            /* @__PURE__ */ jsx11(
+          menuItems.length > 0 ? /* @__PURE__ */ jsxs10("div", { className: cn("cv-menu", classNames?.mobileMenu), children: [
+            /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -1784,10 +1854,10 @@ function ConversationHeader({
                 "aria-label": labels.moreActions,
                 "data-cv-tooltip": labels.moreActions,
                 className: "cv-header-icon cv-touch",
-                children: /* @__PURE__ */ jsx11(MoreVertical, { size: ICON_SIZE_ACTION, "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx13(MoreVertical, { size: ICON_SIZE_ACTION, "aria-hidden": "true" })
               }
             ),
-            menuOpen ? /* @__PURE__ */ jsx11("div", { className: "cv-menu-panel", role: "menu", children: menuItems.map((item) => /* @__PURE__ */ jsxs9(
+            menuOpen ? /* @__PURE__ */ jsx13("div", { className: "cv-menu-panel", role: "menu", children: menuItems.map((item) => /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -1815,14 +1885,14 @@ function ConversationHeader({
 }
 
 // src/ConversationContextPanel.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { Check, ChevronDown, ChevronUp, Clock, Pencil } from "lucide-react";
 
 // src/useIsNarrow.ts
-import { useEffect as useEffect5, useState as useState6 } from "react";
+import { useEffect as useEffect5, useState as useState7 } from "react";
 var NARROW_MAX_WIDTH_PX = 1023;
 function useIsNarrow() {
-  const [isNarrow, setIsNarrow] = useState6(
+  const [isNarrow, setIsNarrow] = useState7(
     () => typeof window !== "undefined" && window.matchMedia(`(max-width: ${NARROW_MAX_WIDTH_PX}px)`).matches
   );
   useEffect5(() => {
@@ -1836,7 +1906,7 @@ function useIsNarrow() {
 }
 
 // src/ConversationContextPanel.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_CONVERSATION_CONTEXT_LABELS = {
   title: "Suas Sele\xE7\xF5es",
   empty: "Nada coletado ainda nesta conversa.",
@@ -1860,9 +1930,9 @@ var GLYPH_STYLE = {
 };
 function StatusGlyph({ status }) {
   const size = 11;
-  if (status === "completed") return /* @__PURE__ */ jsx12(Check, { size, "aria-hidden": true });
-  if (status === "editing") return /* @__PURE__ */ jsx12(Pencil, { size, "aria-hidden": true });
-  return /* @__PURE__ */ jsx12(Clock, { size, "aria-hidden": true });
+  if (status === "completed") return /* @__PURE__ */ jsx14(Check, { size, "aria-hidden": true });
+  if (status === "editing") return /* @__PURE__ */ jsx14(Pencil, { size, "aria-hidden": true });
+  return /* @__PURE__ */ jsx14(Clock, { size, "aria-hidden": true });
 }
 function CountPill({
   status,
@@ -1870,8 +1940,8 @@ function CountPill({
   className
 }) {
   if (count === 0) return null;
-  return /* @__PURE__ */ jsxs10("span", { className: cn("flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", className), children: [
-    /* @__PURE__ */ jsx12(StatusGlyph, { status }),
+  return /* @__PURE__ */ jsxs11("span", { className: cn("flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", className), children: [
+    /* @__PURE__ */ jsx14(StatusGlyph, { status }),
     count
   ] });
 }
@@ -1887,12 +1957,12 @@ function ConversationContextPanel({
   const counts = { completed: 0, pending: 0, editing: 0 };
   for (const entry of entries) counts[statusOf(entry)] += 1;
   const isNarrow = useIsNarrow();
-  const [manualOpen, setManualOpen] = useState7(void 0);
+  const [manualOpen, setManualOpen] = useState8(void 0);
   const open = manualOpen ?? defaultOpen ?? (!isNarrow && counts.completed > 0);
   return (
     // Faixa azul clara com separador, como o wrapper do financiamento: sem ela o card encostava
     // direto no papel de parede da conversa e os dois blocos se misturavam.
-    /* @__PURE__ */ jsx12("div", { className: cn("border-b bg-blue-50/60 px-3 py-3 dark:border-gray-700 dark:bg-blue-950/20", className), children: /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsx14("div", { className: cn("border-b bg-blue-50/60 px-3 py-3 dark:border-gray-700 dark:bg-blue-950/20", className), children: /* @__PURE__ */ jsxs11(
       "section",
       {
         className: cn(
@@ -1900,7 +1970,7 @@ function ConversationContextPanel({
           classNames?.root
         ),
         children: [
-          /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsxs11(
             "button",
             {
               type: "button",
@@ -1913,11 +1983,11 @@ function ConversationContextPanel({
                 classNames?.toggle
               ),
               children: [
-                /* @__PURE__ */ jsxs10("span", { className: "flex min-w-0 items-center gap-2", children: [
-                  /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "text-base leading-none", children: "\u{1F4CB}" }),
-                  /* @__PURE__ */ jsx12("span", { className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.title }),
-                  flowLabel ? /* @__PURE__ */ jsx12("span", { className: "truncate text-xs font-medium text-blue-600 dark:text-blue-400", children: flowLabel }) : null,
-                  /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsxs11("span", { className: "flex min-w-0 items-center gap-2", children: [
+                  /* @__PURE__ */ jsx14("span", { "aria-hidden": true, className: "text-base leading-none", children: "\u{1F4CB}" }),
+                  /* @__PURE__ */ jsx14("span", { className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.title }),
+                  flowLabel ? /* @__PURE__ */ jsx14("span", { className: "truncate text-xs font-medium text-blue-600 dark:text-blue-400", children: flowLabel }) : null,
+                  /* @__PURE__ */ jsx14(
                     "span",
                     {
                       className: cn(
@@ -1928,8 +1998,8 @@ function ConversationContextPanel({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs10("span", { className: "flex flex-shrink-0 items-center gap-2", children: [
-                  /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsxs11("span", { className: "flex flex-shrink-0 items-center gap-2", children: [
+                  /* @__PURE__ */ jsx14(
                     CountPill,
                     {
                       status: "completed",
@@ -1937,7 +2007,7 @@ function ConversationContextPanel({
                       className: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"
                     }
                   ),
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx14(
                     CountPill,
                     {
                       status: "editing",
@@ -1945,7 +2015,7 @@ function ConversationContextPanel({
                       className: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"
                     }
                   ),
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx14(
                     CountPill,
                     {
                       status: "pending",
@@ -1953,7 +2023,7 @@ function ConversationContextPanel({
                       className: "bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400"
                     }
                   ),
-                  open ? /* @__PURE__ */ jsx12(ChevronUp, { size: 15, className: "flex-shrink-0 text-blue-500", "aria-hidden": true }) : /* @__PURE__ */ jsx12(ChevronDown, { size: 15, className: "flex-shrink-0 text-blue-500", "aria-hidden": true })
+                  open ? /* @__PURE__ */ jsx14(ChevronUp, { size: 15, className: "flex-shrink-0 text-blue-500", "aria-hidden": true }) : /* @__PURE__ */ jsx14(ChevronDown, { size: 15, className: "flex-shrink-0 text-blue-500", "aria-hidden": true })
                 ] })
               ]
             }
@@ -1969,14 +2039,14 @@ function ConversationContextPanel({
              * Aqui só o corpo rola — o cabeçalho é o que fecha o painel, e perder o clique de fechar
              * no meio da rolagem é pior do que a economia de uma linha de markup.
              */
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx14(
               "div",
               {
                 className: cn(
                   "cv-scrollbar-thin max-h-64 overflow-y-auto border-t border-blue-200 px-4 pb-4 pt-1 dark:border-blue-900",
                   classNames?.body
                 ),
-                children: entries.length === 0 ? /* @__PURE__ */ jsx12("p", { className: "pt-2 text-xs text-gray-500 dark:text-gray-400", children: labels.empty }) : (
+                children: entries.length === 0 ? /* @__PURE__ */ jsx14("p", { className: "pt-2 text-xs text-gray-500 dark:text-gray-400", children: labels.empty }) : (
                   /**
                    * Três colunas no desktop, como no financiamento — com duas, seis campos viravam uma
                    * coluna alta que empurrava a conversa.
@@ -1986,19 +2056,19 @@ function ConversationContextPanel({
                    * e "falta endereço" é justamente o que o atendente precisa ver ao assumir. Então o
                    * pendente aparece — tracejado e apagado, para ler como lacuna e não como dado.
                    */
-                  /* @__PURE__ */ jsx12("dl", { className: "mt-2 grid grid-cols-2 gap-2 lg:grid-cols-3", children: entries.map((entry) => {
+                  /* @__PURE__ */ jsx14("dl", { className: "mt-2 grid grid-cols-2 gap-2 lg:grid-cols-3", children: entries.map((entry) => {
                     const status = statusOf(entry);
-                    return /* @__PURE__ */ jsxs10(
+                    return /* @__PURE__ */ jsxs11(
                       "div",
                       {
                         className: cn("min-w-0 rounded-lg p-2.5 transition-all", CARD_STYLE[status]),
                         children: [
-                          /* @__PURE__ */ jsxs10("dt", { className: "mb-1 flex items-center justify-center gap-1", children: [
-                            entry.icon ? /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "text-base leading-none", children: entry.icon }) : null,
-                            /* @__PURE__ */ jsx12("span", { className: "truncate text-[10px] font-medium uppercase leading-none tracking-wide text-gray-500 dark:text-gray-400", children: entry.label }),
-                            /* @__PURE__ */ jsx12("span", { className: cn("flex-shrink-0 leading-none", GLYPH_STYLE[status]), children: /* @__PURE__ */ jsx12(StatusGlyph, { status }) })
+                          /* @__PURE__ */ jsxs11("dt", { className: "mb-1 flex items-center justify-center gap-1", children: [
+                            entry.icon ? /* @__PURE__ */ jsx14("span", { "aria-hidden": true, className: "text-base leading-none", children: entry.icon }) : null,
+                            /* @__PURE__ */ jsx14("span", { className: "truncate text-[10px] font-medium uppercase leading-none tracking-wide text-gray-500 dark:text-gray-400", children: entry.label }),
+                            /* @__PURE__ */ jsx14("span", { className: cn("flex-shrink-0 leading-none", GLYPH_STYLE[status]), children: /* @__PURE__ */ jsx14(StatusGlyph, { status }) })
                           ] }),
-                          /* @__PURE__ */ jsx12(
+                          /* @__PURE__ */ jsx14(
                             "dd",
                             {
                               className: cn(
@@ -2026,7 +2096,7 @@ function ConversationContextPanel({
 
 // src/WindowExpiredNotice.tsx
 import { AlarmClock as AlarmClock2, Send } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEFAULT_WINDOW_EXPIRED_LABELS = {
   title: "Janela de 24h expirada \u2014 o WhatsApp n\xE3o aceita mensagens livres.",
   description: "Envie uma mensagem de template para reabrir a conversa com o cliente.",
@@ -2039,14 +2109,14 @@ function WindowExpiredNotice({
   className
 }) {
   const labels = { ...DEFAULT_WINDOW_EXPIRED_LABELS, ...labelsOverride };
-  return /* @__PURE__ */ jsxs11("div", { role: "status", className: cn("border-t bg-yellow-50 px-4 py-3 text-sm dark:bg-yellow-950", className), children: [
-    /* @__PURE__ */ jsxs11("p", { className: "flex items-center gap-2 font-medium text-yellow-900 dark:text-yellow-200", children: [
-      /* @__PURE__ */ jsx13(AlarmClock2, { size: ICON_SIZE_INLINE, "aria-hidden": "true", className: "shrink-0" }),
+  return /* @__PURE__ */ jsxs12("div", { role: "status", className: cn("border-t bg-yellow-50 px-4 py-3 text-sm dark:bg-yellow-950", className), children: [
+    /* @__PURE__ */ jsxs12("p", { className: "flex items-center gap-2 font-medium text-yellow-900 dark:text-yellow-200", children: [
+      /* @__PURE__ */ jsx15(AlarmClock2, { size: ICON_SIZE_INLINE, "aria-hidden": "true", className: "shrink-0" }),
       labels.title
     ] }),
-    /* @__PURE__ */ jsx13("p", { className: "text-yellow-800 dark:text-yellow-300", children: labels.description }),
-    onSendTemplate ? /* @__PURE__ */ jsxs11("button", { "data-cv-tooltip": labels.sendTemplate, "aria-label": labels.sendTemplate, type: "button", onClick: onSendTemplate, disabled, className: "cv-header-action mt-2", children: [
-      /* @__PURE__ */ jsx13(Send, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx15("p", { className: "text-yellow-800 dark:text-yellow-300", children: labels.description }),
+    onSendTemplate ? /* @__PURE__ */ jsxs12("button", { "data-cv-tooltip": labels.sendTemplate, "aria-label": labels.sendTemplate, type: "button", onClick: onSendTemplate, disabled, className: "cv-header-action mt-2", children: [
+      /* @__PURE__ */ jsx15(Send, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
       labels.sendTemplate
     ] }) : null
   ] });
@@ -2056,17 +2126,17 @@ function isWindowBlocking(window2) {
 }
 
 // src/documents/DocumentsWorkspace.tsx
-import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef5, useState as useState10 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef5, useState as useState11 } from "react";
 import { Download as Download2, Eye, MessageSquare, Trash2, Upload, X as X3 } from "lucide-react";
 
 // src/listing/index.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import { ArrowDown, ArrowUp, ArrowUpDown, ChevronDown as ChevronDown2, X as X2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function SortableHead({ label, field, activeField, direction, onSort, className }) {
   const isActive = activeField === field;
   const Icon = !isActive ? ArrowUpDown : direction === "asc" ? ArrowUp : ArrowDown;
-  return /* @__PURE__ */ jsx14("th", { scope: "col", className: cn("px-3 py-2 text-left text-xs font-medium", className), children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx16("th", { scope: "col", className: cn("px-3 py-2 text-left text-xs font-medium", className), children: /* @__PURE__ */ jsxs13(
     "button",
     {
       "data-cv-tooltip": label,
@@ -2076,18 +2146,18 @@ function SortableHead({ label, field, activeField, direction, onSort, className
       className: "inline-flex items-center gap-1 hover:text-gray-900 dark:hover:text-gray-100",
       children: [
         label,
-        /* @__PURE__ */ jsx14(Icon, { size: 12, className: isActive ? "" : "opacity-40", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx16(Icon, { size: 12, className: isActive ? "" : "opacity-40", "aria-hidden": "true" })
       ]
     }
   ) });
 }
 function MultiSelectFilter({ label, options, selected, onChange, className }) {
-  const [open, setOpen] = useState8(false);
+  const [open, setOpen] = useState9(false);
   function toggle(value) {
     onChange(selected.includes(value) ? selected.filter((item) => item !== value) : [...selected, value]);
   }
-  return /* @__PURE__ */ jsxs12("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs13(
       "button",
       {
         "data-cv-tooltip": label,
@@ -2097,15 +2167,15 @@ function MultiSelectFilter({ label, options, selected, onChange, className }) {
         className: "cv-header-action inline-flex items-center gap-1",
         children: [
           label,
-          selected.length > 0 ? /* @__PURE__ */ jsx14("span", { className: "cv-filter-count", children: selected.length }) : null,
-          /* @__PURE__ */ jsx14(ChevronDown2, { size: 12, className: open ? "rotate-180 transition-transform" : "transition-transform", "aria-hidden": "true" })
+          selected.length > 0 ? /* @__PURE__ */ jsx16("span", { className: "cv-filter-count", children: selected.length }) : null,
+          /* @__PURE__ */ jsx16(ChevronDown2, { size: 12, className: open ? "rotate-180 transition-transform" : "transition-transform", "aria-hidden": "true" })
         ]
       }
     ),
-    open ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
-      /* @__PURE__ */ jsx14("div", { className: "fixed inset-0 z-10", onClick: () => setOpen(false) }),
-      /* @__PURE__ */ jsx14("div", { className: "cv-filter-menu", children: options.map((option) => /* @__PURE__ */ jsxs12("label", { className: "cv-filter-option", children: [
-        /* @__PURE__ */ jsx14(
+    open ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+      /* @__PURE__ */ jsx16("div", { className: "fixed inset-0 z-10", onClick: () => setOpen(false) }),
+      /* @__PURE__ */ jsx16("div", { className: "cv-filter-menu", children: options.map((option) => /* @__PURE__ */ jsxs13("label", { className: "cv-filter-option", children: [
+        /* @__PURE__ */ jsx16(
           "input",
           {
             type: "checkbox",
@@ -2121,11 +2191,11 @@ function MultiSelectFilter({ label, options, selected, onChange, className }) {
 }
 function BulkActionBar({ selectedCount, selectedLabel, clearLabel, onClear, children }) {
   if (selectedCount === 0) return null;
-  return /* @__PURE__ */ jsxs12("div", { className: "cv-bulk-bar", role: "toolbar", "aria-label": selectedLabel(selectedCount), children: [
-    /* @__PURE__ */ jsx14("span", { className: "text-xs font-medium", children: selectedLabel(selectedCount) }),
+  return /* @__PURE__ */ jsxs13("div", { className: "cv-bulk-bar", role: "toolbar", "aria-label": selectedLabel(selectedCount), children: [
+    /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium", children: selectedLabel(selectedCount) }),
     children,
-    /* @__PURE__ */ jsxs12("button", { "data-cv-tooltip": clearLabel, "aria-label": clearLabel, type: "button", onClick: onClear, className: "cv-header-action ml-auto inline-flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx14(X2, { size: 12, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs13("button", { "data-cv-tooltip": clearLabel, "aria-label": clearLabel, type: "button", onClick: onClear, className: "cv-header-action ml-auto inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx16(X2, { size: 12, "aria-hidden": "true" }),
       clearLabel
     ] })
   ] });
@@ -2140,26 +2210,26 @@ function ListingPagination({
   labels
 }) {
   const lastPage = Math.max(1, Math.ceil(total / perPage));
-  return /* @__PURE__ */ jsxs12("div", { className: "cv-listing-pagination", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: [
-      onPerPageChange && perPageOptions ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
-        /* @__PURE__ */ jsx14("span", { children: labels.show }),
-        /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13("div", { className: "cv-listing-pagination", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: [
+      onPerPageChange && perPageOptions ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+        /* @__PURE__ */ jsx16("span", { children: labels.show }),
+        /* @__PURE__ */ jsx16(
           "select",
           {
             value: perPage,
             onChange: (event) => onPerPageChange(Number(event.target.value)),
             "aria-label": labels.perPage,
             className: "cv-listing-perpage",
-            children: perPageOptions.map((option) => /* @__PURE__ */ jsx14("option", { value: option, children: option }, option))
+            children: perPageOptions.map((option) => /* @__PURE__ */ jsx16("option", { value: option, children: option }, option))
           }
         ),
-        /* @__PURE__ */ jsx14("span", { children: labels.perPage })
+        /* @__PURE__ */ jsx16("span", { children: labels.perPage })
       ] }) : null,
-      /* @__PURE__ */ jsx14("span", { className: "ml-1", children: labels.total(total) })
+      /* @__PURE__ */ jsx16("span", { className: "ml-1", children: labels.total(total) })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx16(
         "button",
         {
           "data-cv-tooltip": labels.previous,
@@ -2171,8 +2241,8 @@ function ListingPagination({
           children: "\u2039"
         }
       ),
-      /* @__PURE__ */ jsx14("span", { className: "text-xs text-gray-500", children: labels.page(page, lastPage) }),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx16("span", { className: "text-xs text-gray-500", children: labels.page(page, lastPage) }),
+      /* @__PURE__ */ jsx16(
         "button",
         {
           "data-cv-tooltip": labels.next,
@@ -2189,7 +2259,7 @@ function ListingPagination({
 }
 
 // src/hooks/useUrlFilterState.ts
-import { useCallback as useCallback3, useEffect as useEffect6, useState as useState9 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect6, useState as useState10 } from "react";
 var LIST_SEPARATOR = ",";
 function readParams() {
   if (typeof window === "undefined") return new URLSearchParams();
@@ -2204,8 +2274,8 @@ function writeParam(key, value) {
   window.history.replaceState(null, "", query ? `${window.location.pathname}?${query}` : window.location.pathname);
 }
 function useUrlStringState(key, initial, { enabled = true } = {}) {
-  const [value, setValue] = useState9(() => enabled ? readParams().get(key) ?? initial : initial);
-  const update = useCallback3(
+  const [value, setValue] = useState10(() => enabled ? readParams().get(key) ?? initial : initial);
+  const update = useCallback4(
     (next) => {
       setValue(next);
       if (enabled) writeParam(key, next === initial ? void 0 : next);
@@ -2215,12 +2285,12 @@ function useUrlStringState(key, initial, { enabled = true } = {}) {
   return [value, update];
 }
 function useUrlNumberState(key, initial, { enabled = true } = {}) {
-  const [value, setValue] = useState9(() => {
+  const [value, setValue] = useState10(() => {
     if (!enabled) return initial;
     const raw = Number(readParams().get(key));
     return Number.isFinite(raw) && raw > 0 ? raw : initial;
   });
-  const update = useCallback3(
+  const update = useCallback4(
     (next) => {
       setValue(next);
       if (enabled) writeParam(key, next === initial ? void 0 : String(next));
@@ -2230,12 +2300,12 @@ function useUrlNumberState(key, initial, { enabled = true } = {}) {
   return [value, update];
 }
 function useUrlArrayState(key, { enabled = true } = {}) {
-  const [value, setValue] = useState9(() => {
+  const [value, setValue] = useState10(() => {
     if (!enabled) return [];
     const raw = readParams().get(key);
     return raw ? raw.split(LIST_SEPARATOR).filter(Boolean) : [];
   });
-  const update = useCallback3(
+  const update = useCallback4(
     (next) => {
       setValue(next);
       if (enabled) writeParam(key, next.length > 0 ? next.join(LIST_SEPARATOR) : void 0);
@@ -2245,7 +2315,7 @@ function useUrlArrayState(key, { enabled = true } = {}) {
   return [value, update];
 }
 function useDebouncedValue(value, delayMs = 300) {
-  const [debounced, setDebounced] = useState9(value);
+  const [debounced, setDebounced] = useState10(value);
   useEffect6(() => {
     const timer = setTimeout(() => setDebounced(value), delayMs);
     return () => clearTimeout(timer);
@@ -2299,7 +2369,7 @@ var DEFAULT_DOCUMENTS_WORKSPACE_LABELS = {
 };
 
 // src/documents/DocumentsWorkspace.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_PER_PAGE = 20;
 var DEFAULT_PER_PAGE_OPTIONS = [10, 20, 50, 100];
 var DEFAULT_SORT_FIELD = "linkedAt";
@@ -2328,16 +2398,16 @@ function DocumentsWorkspace({
   const [sortDirection, setSortDirection] = useUrlStringState("sortDirection", "desc", urlOptions);
   const [page, setPage] = useUrlNumberState("page", 1, urlOptions);
   const [perPage, setPerPage] = useUrlNumberState("limit", initialPerPage, urlOptions);
-  const [extra, setExtra] = useState10({});
-  const [documents, setDocuments] = useState10([]);
-  const [total, setTotal] = useState10(0);
-  const [loading, setLoading] = useState10(false);
-  const [failed, setFailed] = useState10(false);
-  const [selectedIds, setSelectedIds] = useState10(/* @__PURE__ */ new Set());
-  const [reloadToken, setReloadToken] = useState10(0);
-  const [busy, setBusy] = useState10(false);
-  const [uploading, setUploading] = useState10(false);
-  const [uploadFailed, setUploadFailed] = useState10(false);
+  const [extra, setExtra] = useState11({});
+  const [documents, setDocuments] = useState11([]);
+  const [total, setTotal] = useState11(0);
+  const [loading, setLoading] = useState11(false);
+  const [failed, setFailed] = useState11(false);
+  const [selectedIds, setSelectedIds] = useState11(/* @__PURE__ */ new Set());
+  const [reloadToken, setReloadToken] = useState11(0);
+  const [busy, setBusy] = useState11(false);
+  const [uploading, setUploading] = useState11(false);
+  const [uploadFailed, setUploadFailed] = useState11(false);
   const fileInputRef = useRef5(null);
   const debouncedSearch = useDebouncedValue(search);
   const fetchAll = context?.api.getAllDocuments;
@@ -2459,14 +2529,14 @@ function DocumentsWorkspace({
   if (!fetchAll) return null;
   const direction = sortDirection === "asc" ? "asc" : "desc";
   const canSelect = Boolean(removeDocument ?? downloadArchive);
-  return /* @__PURE__ */ jsxs13("div", { className: cn("space-y-4", classNames?.root, className), children: [
-    /* @__PURE__ */ jsx15(TooltipLayer, {}),
-    /* @__PURE__ */ jsxs13("header", { className: cn("space-y-0.5", classNames?.header), children: [
-      /* @__PURE__ */ jsx15("h2", { className: "text-lg font-semibold", children: labels.title }),
-      /* @__PURE__ */ jsx15("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: labels.subtitle(total) })
+  return /* @__PURE__ */ jsxs14("div", { className: cn("space-y-4", classNames?.root, className), children: [
+    /* @__PURE__ */ jsx17(TooltipLayer, {}),
+    /* @__PURE__ */ jsxs14("header", { className: cn("space-y-0.5", classNames?.header), children: [
+      /* @__PURE__ */ jsx17("h2", { className: "text-lg font-semibold", children: labels.title }),
+      /* @__PURE__ */ jsx17("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: labels.subtitle(total) })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-wrap items-center gap-2", classNames?.filters), children: [
-      /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsxs14("div", { className: cn("flex flex-wrap items-center gap-2", classNames?.filters), children: [
+      /* @__PURE__ */ jsx17(
         "input",
         {
           type: "search",
@@ -2477,8 +2547,8 @@ function DocumentsWorkspace({
           className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm dark:border-gray-700 dark:bg-gray-900 sm:w-64"
         }
       ),
-      /* @__PURE__ */ jsx15(MultiSelectFilter, { label: labels.sourceFilter, options: sourceOptions, selected: source, onChange: setSource }),
-      categoryOptions.length > 0 ? /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx17(MultiSelectFilter, { label: labels.sourceFilter, options: sourceOptions, selected: source, onChange: setSource }),
+      categoryOptions.length > 0 ? /* @__PURE__ */ jsx17(
         MultiSelectFilter,
         {
           label: labels.categoryFilter,
@@ -2487,8 +2557,8 @@ function DocumentsWorkspace({
           onChange: setCategory
         }
       ) : null,
-      dateFilter ? /* @__PURE__ */ jsxs13(Fragment5, { children: [
-        /* @__PURE__ */ jsx15(
+      dateFilter ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
+        /* @__PURE__ */ jsx17(
           "input",
           {
             type: "date",
@@ -2498,7 +2568,7 @@ function DocumentsWorkspace({
             className: "rounded-md border border-gray-300 px-2 py-2 text-xs dark:border-gray-700 dark:bg-gray-900"
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx17(
           "input",
           {
             type: "date",
@@ -2510,12 +2580,12 @@ function DocumentsWorkspace({
         )
       ] }) : null,
       renderFilters?.({ extra, setExtra }),
-      hasFilters ? /* @__PURE__ */ jsxs13("button", { "data-cv-tooltip": labels.clearFilters, "aria-label": labels.clearFilters, type: "button", onClick: clearFilters, className: "cv-header-action inline-flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx15(X3, { size: 12, "aria-hidden": "true" }),
+      hasFilters ? /* @__PURE__ */ jsxs14("button", { "data-cv-tooltip": labels.clearFilters, "aria-label": labels.clearFilters, type: "button", onClick: clearFilters, className: "cv-header-action inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx17(X3, { size: 12, "aria-hidden": "true" }),
         labels.clearFilters
       ] }) : null,
-      uploadDocument ? /* @__PURE__ */ jsxs13(Fragment5, { children: [
-        /* @__PURE__ */ jsx15(
+      uploadDocument ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
+        /* @__PURE__ */ jsx17(
           "input",
           {
             ref: fileInputRef,
@@ -2528,7 +2598,7 @@ function DocumentsWorkspace({
             }
           }
         ),
-        /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs14(
           "button",
           {
             "data-cv-tooltip": labels.upload,
@@ -2538,15 +2608,15 @@ function DocumentsWorkspace({
             disabled: uploading,
             className: "cv-header-action ml-auto inline-flex items-center gap-1 disabled:opacity-40",
             children: [
-              /* @__PURE__ */ jsx15(Upload, { size: 12, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx17(Upload, { size: 12, "aria-hidden": "true" }),
               labels.upload
             ]
           }
         )
       ] }) : null
     ] }),
-    uploadFailed ? /* @__PURE__ */ jsx15("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.uploadError }) : null,
-    canSelect ? /* @__PURE__ */ jsxs13(
+    uploadFailed ? /* @__PURE__ */ jsx17("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.uploadError }) : null,
+    canSelect ? /* @__PURE__ */ jsxs14(
       BulkActionBar,
       {
         selectedCount: selectedIds.size,
@@ -2554,7 +2624,7 @@ function DocumentsWorkspace({
         clearLabel: labels.bulkClear,
         onClear: () => setSelectedIds(/* @__PURE__ */ new Set()),
         children: [
-          downloadArchive ? /* @__PURE__ */ jsxs13(
+          downloadArchive ? /* @__PURE__ */ jsxs14(
             "button",
             {
               "data-cv-tooltip": labels.bulkDownloadZip,
@@ -2564,12 +2634,12 @@ function DocumentsWorkspace({
               disabled: busy,
               className: "cv-header-action inline-flex items-center gap-1 disabled:opacity-40",
               children: [
-                /* @__PURE__ */ jsx15(Download2, { size: 12, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx17(Download2, { size: 12, "aria-hidden": "true" }),
                 labels.bulkDownloadZip
               ]
             }
           ) : null,
-          removeDocument ? /* @__PURE__ */ jsxs13(
+          removeDocument ? /* @__PURE__ */ jsxs14(
             "button",
             {
               "data-cv-tooltip": labels.bulkRemove(selectedIds.size),
@@ -2581,7 +2651,7 @@ function DocumentsWorkspace({
               disabled: busy,
               className: "cv-header-action cv-header-action--danger inline-flex items-center gap-1 disabled:opacity-40",
               children: [
-                /* @__PURE__ */ jsx15(Trash2, { size: 12, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx17(Trash2, { size: 12, "aria-hidden": "true" }),
                 labels.bulkRemove(selectedIds.size)
               ]
             }
@@ -2589,12 +2659,12 @@ function DocumentsWorkspace({
         ]
       }
     ) : null,
-    loading ? /* @__PURE__ */ jsx15("p", { className: cn("text-sm text-gray-500", classNames?.status), children: labels.loading }) : null,
-    failed ? /* @__PURE__ */ jsx15("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
-    /* @__PURE__ */ jsxs13("div", { className: cn("cv-table-card", classNames?.table), children: [
-      /* @__PURE__ */ jsxs13("table", { className: "cv-table", children: [
-        /* @__PURE__ */ jsx15("thead", { children: /* @__PURE__ */ jsxs13("tr", { children: [
-          canSelect ? /* @__PURE__ */ jsx15("th", { scope: "col", className: "w-10 px-3 py-2", children: /* @__PURE__ */ jsx15(
+    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,
+    /* @__PURE__ */ jsxs14("div", { className: cn("cv-table-card", classNames?.table), children: [
+      /* @__PURE__ */ jsxs14("table", { className: "cv-table", children: [
+        /* @__PURE__ */ jsx17("thead", { children: /* @__PURE__ */ jsxs14("tr", { children: [
+          canSelect ? /* @__PURE__ */ jsx17("th", { scope: "col", className: "w-10 px-3 py-2", children: /* @__PURE__ */ jsx17(
             "input",
             {
               type: "checkbox",
@@ -2604,16 +2674,16 @@ function DocumentsWorkspace({
               className: "cursor-pointer rounded border-gray-300 text-blue-600 dark:border-gray-600"
             }
           ) }) : null,
-          /* @__PURE__ */ jsx15(SortableHead, { label: labels.columnFilename, field: "filename", activeField: sortField, direction, onSort: toggleSort }),
-          /* @__PURE__ */ jsx15(SortableHead, { label: labels.columnContact, field: "conversationId", activeField: sortField, direction, onSort: toggleSort, className: "hidden sm:table-cell" }),
-          /* @__PURE__ */ jsx15(SortableHead, { label: labels.columnType, field: "mimeType", activeField: sortField, direction, onSort: toggleSort, className: "hidden md:table-cell" }),
-          /* @__PURE__ */ jsx15(SortableHead, { label: labels.columnSize, field: "sizeBytes", activeField: sortField, direction, onSort: toggleSort, className: "hidden lg:table-cell" }),
-          /* @__PURE__ */ jsx15(SortableHead, { label: labels.columnSource, field: "source", activeField: sortField, direction, onSort: toggleSort, className: "hidden lg:table-cell" }),
-          /* @__PURE__ */ jsx15(SortableHead, { label: labels.columnDate, field: "linkedAt", activeField: sortField, direction, onSort: toggleSort, className: "hidden xl:table-cell" }),
-          /* @__PURE__ */ jsx15("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: labels.columnActions })
+          /* @__PURE__ */ jsx17(SortableHead, { label: labels.columnFilename, field: "filename", activeField: sortField, direction, onSort: toggleSort }),
+          /* @__PURE__ */ jsx17(SortableHead, { label: labels.columnContact, field: "conversationId", activeField: sortField, direction, onSort: toggleSort, className: "hidden sm:table-cell" }),
+          /* @__PURE__ */ jsx17(SortableHead, { label: labels.columnType, field: "mimeType", activeField: sortField, direction, onSort: toggleSort, className: "hidden md:table-cell" }),
+          /* @__PURE__ */ jsx17(SortableHead, { label: labels.columnSize, field: "sizeBytes", activeField: sortField, direction, onSort: toggleSort, className: "hidden lg:table-cell" }),
+          /* @__PURE__ */ jsx17(SortableHead, { label: labels.columnSource, field: "source", activeField: sortField, direction, onSort: toggleSort, className: "hidden lg:table-cell" }),
+          /* @__PURE__ */ jsx17(SortableHead, { label: labels.columnDate, field: "linkedAt", activeField: sortField, direction, onSort: toggleSort, className: "hidden xl:table-cell" }),
+          /* @__PURE__ */ jsx17("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: labels.columnActions })
         ] }) }),
-        /* @__PURE__ */ jsx15("tbody", { children: documents.map((document2) => /* @__PURE__ */ jsxs13("tr", { className: classNames?.row, children: [
-          canSelect ? /* @__PURE__ */ jsx15("td", { className: "w-10 px-3 py-2", children: /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx17("tbody", { children: documents.map((document2) => /* @__PURE__ */ jsxs14("tr", { className: classNames?.row, children: [
+          canSelect ? /* @__PURE__ */ jsx17("td", { className: "w-10 px-3 py-2", children: /* @__PURE__ */ jsx17(
             "input",
             {
               type: "checkbox",
@@ -2623,11 +2693,11 @@ function DocumentsWorkspace({
               className: "cursor-pointer rounded border-gray-300 text-blue-600 dark:border-gray-600"
             }
           ) }) : null,
-          /* @__PURE__ */ jsx15("td", { className: "max-w-xs px-3 py-2", children: /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsx15(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
-            /* @__PURE__ */ jsx15("span", { className: "truncate font-medium", "data-cv-tooltip": document2.filename, children: document2.filename })
+          /* @__PURE__ */ jsx17("td", { className: "max-w-xs px-3 py-2", children: /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx17(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
+            /* @__PURE__ */ jsx17("span", { className: "truncate font-medium", "data-cv-tooltip": document2.filename, children: document2.filename })
           ] }) }),
-          /* @__PURE__ */ jsx15("td", { className: "hidden px-3 py-2 sm:table-cell", children: onOpenConversation ? /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx17("td", { className: "hidden px-3 py-2 sm:table-cell", children: onOpenConversation ? /* @__PURE__ */ jsxs14(
             "button",
             {
               type: "button",
@@ -2636,17 +2706,17 @@ function DocumentsWorkspace({
               "aria-label": labels.openConversation,
               className: "cv-header-action inline-flex items-center gap-1",
               children: [
-                /* @__PURE__ */ jsx15(MessageSquare, { size: 12, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx17(MessageSquare, { size: 12, "aria-hidden": "true" }),
                 document2.contactName ?? formatPhone(document2.conversationId)
               ]
             }
-          ) : /* @__PURE__ */ jsx15("span", { className: "text-xs text-gray-500", children: document2.contactName ?? formatPhone(document2.conversationId) }) }),
-          /* @__PURE__ */ jsx15("td", { className: "hidden px-3 py-2 md:table-cell", "data-cv-tooltip": document2.mimeType, children: /* @__PURE__ */ jsx15("span", { className: "cv-type-tag", children: documentTypeLabel(document2.filename, document2.mimeType) }) }),
-          /* @__PURE__ */ jsx15("td", { className: "hidden whitespace-nowrap px-3 py-2 text-xs lg:table-cell", children: formatFileSize(document2.sizeBytes) }),
-          /* @__PURE__ */ jsx15("td", { className: "hidden whitespace-nowrap px-3 py-2 text-xs lg:table-cell", children: labels.sourceLabels[document2.source] ?? document2.source }),
-          /* @__PURE__ */ jsx15("td", { className: "hidden whitespace-nowrap px-3 py-2 text-xs xl:table-cell", children: formatDateTime(document2.linkedAt) }),
-          /* @__PURE__ */ jsx15("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxs13("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx15(
+          ) : /* @__PURE__ */ jsx17("span", { className: "text-xs text-gray-500", children: document2.contactName ?? formatPhone(document2.conversationId) }) }),
+          /* @__PURE__ */ jsx17("td", { className: "hidden px-3 py-2 md:table-cell", "data-cv-tooltip": document2.mimeType, children: /* @__PURE__ */ jsx17("span", { className: "cv-type-tag", children: documentTypeLabel(document2.filename, document2.mimeType) }) }),
+          /* @__PURE__ */ jsx17("td", { className: "hidden whitespace-nowrap px-3 py-2 text-xs lg:table-cell", children: formatFileSize(document2.sizeBytes) }),
+          /* @__PURE__ */ jsx17("td", { className: "hidden whitespace-nowrap px-3 py-2 text-xs lg:table-cell", children: labels.sourceLabels[document2.source] ?? document2.source }),
+          /* @__PURE__ */ jsx17("td", { className: "hidden whitespace-nowrap px-3 py-2 text-xs xl:table-cell", children: formatDateTime(document2.linkedAt) }),
+          /* @__PURE__ */ jsx17("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxs14("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx17(
               "button",
               {
                 type: "button",
@@ -2654,10 +2724,10 @@ function DocumentsWorkspace({
                 "data-cv-tooltip": labels.view,
                 "aria-label": `${labels.view}: ${document2.filename}`,
                 className: "cv-header-icon",
-                children: /* @__PURE__ */ jsx15(Eye, { size: 14 })
+                children: /* @__PURE__ */ jsx17(Eye, { size: 14 })
               }
             ),
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx17(
               "button",
               {
                 type: "button",
@@ -2665,10 +2735,10 @@ function DocumentsWorkspace({
                 "data-cv-tooltip": labels.download,
                 "aria-label": `${labels.download}: ${document2.filename}`,
                 className: "cv-header-icon",
-                children: /* @__PURE__ */ jsx15(Download2, { size: 14 })
+                children: /* @__PURE__ */ jsx17(Download2, { size: 14 })
               }
             ),
-            removeDocument ? /* @__PURE__ */ jsx15(
+            removeDocument ? /* @__PURE__ */ jsx17(
               "button",
               {
                 type: "button",
@@ -2679,15 +2749,15 @@ function DocumentsWorkspace({
                 "data-cv-tooltip": labels.remove,
                 "aria-label": `${labels.remove}: ${document2.filename}`,
                 className: "cv-header-icon disabled:opacity-40",
-                children: /* @__PURE__ */ jsx15(Trash2, { size: 14, className: "text-red-500" })
+                children: /* @__PURE__ */ jsx17(Trash2, { size: 14, className: "text-red-500" })
               }
             ) : null
           ] }) })
         ] }, `${document2.conversationId}:${document2.id}`)) })
       ] }),
-      !loading && documents.length === 0 ? /* @__PURE__ */ jsx15("p", { className: cn("py-8 text-center text-sm text-gray-400", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null
+      !loading && documents.length === 0 ? /* @__PURE__ */ jsx17("p", { className: cn("py-8 text-center text-sm text-gray-400", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null
     ] }),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx17(
       ListingPagination,
       {
         page,
@@ -2754,7 +2824,7 @@ function downloadTextFile(filename, content) {
 
 // src/DarkModeToggle.tsx
 import { Moon, Sun } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var DEFAULT_DARK_MODE_TOGGLE_LABELS = {
   toDark: "Tema escuro",
   toLight: "Tema claro"
@@ -2769,7 +2839,7 @@ function DarkModeToggle({
 }) {
   const label = isDark ? labels?.toLight ?? DEFAULT_DARK_MODE_TOGGLE_LABELS.toLight : labels?.toDark ?? DEFAULT_DARK_MODE_TOGGLE_LABELS.toDark;
   const Icon = isDark ? Sun : Moon;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "button",
     {
       type: "button",
@@ -2784,7 +2854,7 @@ function DarkModeToggle({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18(
           Icon,
           {
             "aria-hidden": "true",
@@ -2792,14 +2862,14 @@ function DarkModeToggle({
             size: classNames?.icon ? void 0 : ICON_SIZE_ACTION
           }
         ),
-        showLabel ? /* @__PURE__ */ jsx16("span", { className: classNames?.label, children: label }) : null
+        showLabel ? /* @__PURE__ */ jsx18("span", { className: classNames?.label, children: label }) : null
       ]
     }
   );
 }
 
 // src/useWaitingNotifications.ts
-import { useState as useState11, useEffect as useEffect8, useRef as useRef6, useCallback as useCallback4 } from "react";
+import { useState as useState12, useEffect as useEffect8, useRef as useRef6, useCallback as useCallback5 } from "react";
 var DEFAULT_POLL_INTERVAL_MS = 1e4;
 var DEFAULT_LIMIT = 50;
 var DEFAULT_LABELS = {
@@ -2808,7 +2878,7 @@ var DEFAULT_LABELS = {
 };
 function useWaitingNotifications(params) {
   const conversationsContext = useConversations();
-  const [conversations, setConversations] = useState11([]);
+  const [conversations, setConversations] = useState12([]);
   const previousUnreadMap = useRef6(/* @__PURE__ */ new Map());
   const notifiedIds = useRef6(/* @__PURE__ */ new Set());
   const isPollingRef = useRef6(false);
@@ -2818,7 +2888,7 @@ function useWaitingNotifications(params) {
   const listParams = params?.params;
   const labelTitle = params?.labels?.title ?? DEFAULT_LABELS.title;
   const labelBody = params?.labels?.body ?? DEFAULT_LABELS.body;
-  const refresh = useCallback4(async () => {
+  const refresh = useCallback5(async () => {
     if (!conversationsContext || isPollingRef.current) return;
     isPollingRef.current = true;
     try {
@@ -2858,7 +2928,7 @@ function useWaitingNotifications(params) {
 
 // src/settings/WhatsAppTemplateSettingsForm.tsx
 import { Plus, RefreshCw, Save, Trash2 as Trash22 } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   sectionTitle: "WhatsApp",
   sectionDescription: "Template usado para reabrir a janela de 24h com o cliente.",
@@ -2917,16 +2987,16 @@ function WhatsAppTemplateSettingsForm({
     }
     onVariablesChange([...variables, token]);
   }
-  return /* @__PURE__ */ jsxs15("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
-      /* @__PURE__ */ jsx17("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }),
-      /* @__PURE__ */ jsx17("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
+  return /* @__PURE__ */ jsxs16("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }),
+      /* @__PURE__ */ jsx19("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
     ] }),
-    /* @__PURE__ */ jsxs15("form", { onSubmit: onSave, className: "p-6 space-y-4", children: [
-      /* @__PURE__ */ jsxs15("div", { children: [
-        /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between mb-1.5", children: [
-          /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.templateLabel }),
-          /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsxs16("form", { onSubmit: onSave, className: "p-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between mb-1.5", children: [
+          /* @__PURE__ */ jsx19("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.templateLabel }),
+          /* @__PURE__ */ jsxs16(
             "button",
             {
               "data-cv-tooltip": labels.refreshList,
@@ -2936,31 +3006,31 @@ function WhatsAppTemplateSettingsForm({
               disabled: loadingTemplates,
               className: "flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 hover:underline disabled:opacity-50",
               children: [
-                /* @__PURE__ */ jsx17(RefreshCw, { size: 11, className: loadingTemplates ? "animate-spin" : "" }),
+                /* @__PURE__ */ jsx19(RefreshCw, { size: 11, className: loadingTemplates ? "animate-spin" : "" }),
                 labels.refreshList
               ]
             }
           )
         ] }),
-        templatesError && /* @__PURE__ */ jsxs15("div", { className: "mb-2 rounded-lg bg-amber-50 dark:bg-amber-950/40 border border-amber-200 dark:border-amber-800 px-3 py-2 text-xs text-amber-700 dark:text-amber-400", children: [
+        templatesError && /* @__PURE__ */ jsxs16("div", { className: "mb-2 rounded-lg bg-amber-50 dark:bg-amber-950/40 border border-amber-200 dark:border-amber-800 px-3 py-2 text-xs text-amber-700 dark:text-amber-400", children: [
           labels.errorLoading,
-          /* @__PURE__ */ jsx17("br", {}),
-          /* @__PURE__ */ jsxs15("span", { className: "text-gray-500 dark:text-gray-400 mt-0.5 block", children: [
+          /* @__PURE__ */ jsx19("br", {}),
+          /* @__PURE__ */ jsxs16("span", { className: "text-gray-500 dark:text-gray-400 mt-0.5 block", children: [
             labels.currentNameSaved,
             " ",
-            /* @__PURE__ */ jsx17("strong", { children: selectedTemplateName || "\u2014" })
+            /* @__PURE__ */ jsx19("strong", { children: selectedTemplateName || "\u2014" })
           ] })
         ] }),
-        loadingTemplates && /* @__PURE__ */ jsx17("div", { className: "h-10 rounded-xl bg-gray-100 dark:bg-gray-700 animate-pulse" }),
-        !loadingTemplates && !templatesError && /* @__PURE__ */ jsxs15(
+        loadingTemplates && /* @__PURE__ */ jsx19("div", { className: "h-10 rounded-xl bg-gray-100 dark:bg-gray-700 animate-pulse" }),
+        !loadingTemplates && !templatesError && /* @__PURE__ */ jsxs16(
           "select",
           {
             value: selectedTemplateName,
             onChange: (e) => handleSelect(e.target.value),
             className: "w-full border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all",
             children: [
-              /* @__PURE__ */ jsx17("option", { value: "", children: labels.selectPlaceholder }),
-              templates.map((template) => /* @__PURE__ */ jsxs15("option", { value: template.name, disabled: template.status !== "APPROVED", children: [
+              /* @__PURE__ */ jsx19("option", { value: "", children: labels.selectPlaceholder }),
+              templates.map((template) => /* @__PURE__ */ jsxs16("option", { value: template.name, disabled: template.status !== "APPROVED", children: [
                 template.displayName,
                 " \xB7 ",
                 template.shortId,
@@ -2972,12 +3042,12 @@ function WhatsAppTemplateSettingsForm({
             ]
           }
         ),
-        selected?.bodyText && /* @__PURE__ */ jsx17("div", { className: "mt-2 rounded-lg bg-gray-50 dark:bg-gray-700/50 border border-gray-200 dark:border-gray-600 px-3 py-2 text-xs text-gray-600 dark:text-gray-300 whitespace-pre-wrap", children: selected.bodyText })
+        selected?.bodyText && /* @__PURE__ */ jsx19("div", { className: "mt-2 rounded-lg bg-gray-50 dark:bg-gray-700/50 border border-gray-200 dark:border-gray-600 px-3 py-2 text-xs text-gray-600 dark:text-gray-300 whitespace-pre-wrap", children: selected.bodyText })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { children: [
-        /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between mb-1.5", children: [
-          /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.variablesLabel }),
-          /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between mb-1.5", children: [
+          /* @__PURE__ */ jsx19("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.variablesLabel }),
+          /* @__PURE__ */ jsxs16(
             "button",
             {
               "data-cv-tooltip": labels.addVariable,
@@ -2986,15 +3056,15 @@ function WhatsAppTemplateSettingsForm({
               onClick: () => onVariablesChange([...variables, ""]),
               className: "flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 hover:underline",
               children: [
-                /* @__PURE__ */ jsx17(Plus, { size: 12 }),
+                /* @__PURE__ */ jsx19(Plus, { size: 12 }),
                 labels.addVariable
               ]
             }
           )
         ] }),
-        availableVariables.length > 0 && /* @__PURE__ */ jsxs15("div", { className: "mb-3 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/40 p-2.5", children: [
-          /* @__PURE__ */ jsx17("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-300 mb-1.5", children: labels.variablesAvailableTitle }),
-          /* @__PURE__ */ jsx17("div", { className: "flex flex-wrap gap-1.5", children: availableVariables.map((available) => /* @__PURE__ */ jsxs15(
+        availableVariables.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "mb-3 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/40 p-2.5", children: [
+          /* @__PURE__ */ jsx19("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-300 mb-1.5", children: labels.variablesAvailableTitle }),
+          /* @__PURE__ */ jsx19("div", { className: "flex flex-wrap gap-1.5", children: availableVariables.map((available) => /* @__PURE__ */ jsxs16(
             "button",
             {
               type: "button",
@@ -3003,8 +3073,8 @@ function WhatsAppTemplateSettingsForm({
               "aria-label": `Inserir ${available.token}`,
               className: "inline-flex items-center gap-1 rounded-md border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-800 px-2 py-1 text-xs hover:border-blue-400 dark:hover:border-blue-500 transition-colors",
               children: [
-                /* @__PURE__ */ jsx17("code", { className: "text-blue-600 dark:text-blue-300", children: available.token }),
-                /* @__PURE__ */ jsxs15("span", { className: "text-gray-400 dark:text-gray-500", children: [
+                /* @__PURE__ */ jsx19("code", { className: "text-blue-600 dark:text-blue-300", children: available.token }),
+                /* @__PURE__ */ jsxs16("span", { className: "text-gray-400 dark:text-gray-500", children: [
                   "\xB7 ",
                   available.label
                 ] })
@@ -3012,13 +3082,13 @@ function WhatsAppTemplateSettingsForm({
             },
             available.token
           )) }),
-          /* @__PURE__ */ jsx17("p", { className: "mt-1.5 text-[11px] text-gray-400 dark:text-gray-500", children: labels.variablesAvailableHint })
+          /* @__PURE__ */ jsx19("p", { className: "mt-1.5 text-[11px] text-gray-400 dark:text-gray-500", children: labels.variablesAvailableHint })
         ] }),
-        /* @__PURE__ */ jsx17("p", { className: "text-xs text-gray-400 dark:text-gray-500 mb-2", children: labels.variablesMappingHint }),
-        variables.length === 0 && /* @__PURE__ */ jsx17("p", { className: "text-xs text-gray-400 dark:text-gray-500 italic", children: labels.noVariables }),
-        /* @__PURE__ */ jsx17("div", { className: "space-y-2", children: variables.map((variable, index) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx17("span", { className: "text-xs text-gray-400 dark:text-gray-500 w-6 text-right flex-shrink-0", children: `{{${index + 1}}}` }),
-          /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx19("p", { className: "text-xs text-gray-400 dark:text-gray-500 mb-2", children: labels.variablesMappingHint }),
+        variables.length === 0 && /* @__PURE__ */ jsx19("p", { className: "text-xs text-gray-400 dark:text-gray-500 italic", children: labels.noVariables }),
+        /* @__PURE__ */ jsx19("div", { className: "space-y-2", children: variables.map((variable, index) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx19("span", { className: "text-xs text-gray-400 dark:text-gray-500 w-6 text-right flex-shrink-0", children: `{{${index + 1}}}` }),
+          /* @__PURE__ */ jsx19(
             "input",
             {
               type: "text",
@@ -3028,7 +3098,7 @@ function WhatsAppTemplateSettingsForm({
               className: "flex-1 border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all placeholder:text-gray-400 dark:placeholder:text-gray-500"
             }
           ),
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx19(
             "button",
             {
               type: "button",
@@ -3036,13 +3106,13 @@ function WhatsAppTemplateSettingsForm({
               className: "text-gray-400 hover:text-red-500 dark:hover:text-red-400 transition-colors flex-shrink-0",
               "data-cv-tooltip": labels.removeVariable,
               "aria-label": labels.removeVariable,
-              children: /* @__PURE__ */ jsx17(Trash22, { size: 14 })
+              children: /* @__PURE__ */ jsx19(Trash22, { size: 14 })
             }
           )
         ] }, index)) })
       ] }),
-      saveSuccess && /* @__PURE__ */ jsx17("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
-      /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs15(
+      saveSuccess && /* @__PURE__ */ jsx19("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
+      /* @__PURE__ */ jsx19("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs16(
         "button",
         {
           "data-cv-tooltip": saving ? labels.saving : labels.save,
@@ -3051,7 +3121,7 @@ function WhatsAppTemplateSettingsForm({
           disabled: saving || !selectedTemplateName.trim(),
           className: "flex items-center gap-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white font-semibold px-5 py-2.5 rounded-xl transition-colors text-sm",
           children: [
-            saving ? /* @__PURE__ */ jsx17("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx17(Save, { size: 14 }),
+            saving ? /* @__PURE__ */ jsx19("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx19(Save, { size: 14 }),
             saving ? labels.saving : labels.save
           ]
         }
@@ -3062,7 +3132,7 @@ function WhatsAppTemplateSettingsForm({
 
 // src/settings/WhatsAppCreateTemplateForm.tsx
 import { SendHorizonal as SendHorizonal2 } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var DEFAULT_LABELS3 = {
   sectionTitle: "Criar novo template",
   sectionDescription: "Envia um template para aprova\xE7\xE3o da Meta.",
@@ -3119,16 +3189,16 @@ function WhatsAppCreateTemplateForm({
   function set(key, next) {
     onChange({ ...value, [key]: next });
   }
-  return /* @__PURE__ */ jsxs16("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
-      /* @__PURE__ */ jsx18("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }),
-      /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
+  return /* @__PURE__ */ jsxs17("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsx20("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }),
+      /* @__PURE__ */ jsx20("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
     ] }),
-    /* @__PURE__ */ jsxs16("form", { onSubmit, className: "p-6 space-y-4", children: [
-      /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.nameLabel }),
-        /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.nameHint }),
-        /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs17("form", { onSubmit, className: "p-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs17("div", { children: [
+        /* @__PURE__ */ jsx20("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.nameLabel }),
+        /* @__PURE__ */ jsx20("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.nameHint }),
+        /* @__PURE__ */ jsx20(
           "input",
           {
             type: "text",
@@ -3140,56 +3210,56 @@ function WhatsAppCreateTemplateForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsxs16("div", { children: [
-          /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.categoryLabel }),
-          /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs17("div", { children: [
+          /* @__PURE__ */ jsx20("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.categoryLabel }),
+          /* @__PURE__ */ jsxs17(
             "select",
             {
               value: value.category,
               onChange: (e) => set("category", e.target.value),
               className: "w-full border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all",
               children: [
-                /* @__PURE__ */ jsx18("option", { value: "UTILITY", children: "UTILITY (Transacional)" }),
-                /* @__PURE__ */ jsx18("option", { value: "MARKETING", children: "MARKETING (Promocional)" })
+                /* @__PURE__ */ jsx20("option", { value: "UTILITY", children: "UTILITY (Transacional)" }),
+                /* @__PURE__ */ jsx20("option", { value: "MARKETING", children: "MARKETING (Promocional)" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs16("div", { children: [
-          /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.languageLabel }),
-          /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs17("div", { children: [
+          /* @__PURE__ */ jsx20("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.languageLabel }),
+          /* @__PURE__ */ jsxs17(
             "select",
             {
               value: value.language,
               onChange: (e) => set("language", e.target.value),
               className: "w-full border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all",
               children: [
-                /* @__PURE__ */ jsx18("option", { value: "pt_BR", children: "Portugu\xEAs (Brasil)" }),
-                /* @__PURE__ */ jsx18("option", { value: "en_US", children: "Ingl\xEAs (EUA)" }),
-                /* @__PURE__ */ jsx18("option", { value: "es_ES", children: "Espanhol" })
+                /* @__PURE__ */ jsx20("option", { value: "pt_BR", children: "Portugu\xEAs (Brasil)" }),
+                /* @__PURE__ */ jsx20("option", { value: "en_US", children: "Ingl\xEAs (EUA)" }),
+                /* @__PURE__ */ jsx20("option", { value: "es_ES", children: "Espanhol" })
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.headerLabel }),
-        /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.headerHint }),
-        /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsxs17("div", { children: [
+        /* @__PURE__ */ jsx20("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.headerLabel }),
+        /* @__PURE__ */ jsx20("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.headerHint }),
+        /* @__PURE__ */ jsxs17("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs17(
             "select",
             {
               value: value.headerType,
               onChange: (e) => set("headerType", e.target.value),
               className: "border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 transition-all",
               children: [
-                /* @__PURE__ */ jsx18("option", { value: "NONE", children: labels.headerNone }),
-                /* @__PURE__ */ jsx18("option", { value: "TEXT", children: labels.headerText })
+                /* @__PURE__ */ jsx20("option", { value: "NONE", children: labels.headerNone }),
+                /* @__PURE__ */ jsx20("option", { value: "TEXT", children: labels.headerText })
               ]
             }
           ),
-          value.headerType === "TEXT" && /* @__PURE__ */ jsx18(
+          value.headerType === "TEXT" && /* @__PURE__ */ jsx20(
             "input",
             {
               type: "text",
@@ -3202,10 +3272,10 @@ function WhatsAppCreateTemplateForm({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.bodyLabel }),
-        /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.bodyHint }),
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17("div", { children: [
+        /* @__PURE__ */ jsx20("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.bodyLabel }),
+        /* @__PURE__ */ jsx20("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.bodyHint }),
+        /* @__PURE__ */ jsx20(
           "textarea",
           {
             value: value.bodyText,
@@ -3216,26 +3286,26 @@ function WhatsAppCreateTemplateForm({
             required: true
           }
         ),
-        detectedVariables.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "mt-2 rounded-lg bg-gray-50 dark:bg-gray-700/50 border border-gray-200 dark:border-gray-600 px-3 py-2", children: [
-          /* @__PURE__ */ jsx18("p", { className: "font-medium text-gray-500 dark:text-gray-400 mb-1.5 uppercase tracking-wide text-xs", children: labels.detectedVariables }),
-          /* @__PURE__ */ jsx18("div", { className: "flex flex-wrap gap-2", children: detectedVariables.map((num) => /* @__PURE__ */ jsxs16("span", { className: "inline-flex items-center gap-1 text-xs", children: [
-            /* @__PURE__ */ jsx18("code", { className: "bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300 px-1.5 py-0.5 rounded font-mono", children: `{{${num}}}` }),
-            /* @__PURE__ */ jsxs16("span", { className: "text-gray-400 dark:text-gray-500", children: [
+        detectedVariables.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "mt-2 rounded-lg bg-gray-50 dark:bg-gray-700/50 border border-gray-200 dark:border-gray-600 px-3 py-2", children: [
+          /* @__PURE__ */ jsx20("p", { className: "font-medium text-gray-500 dark:text-gray-400 mb-1.5 uppercase tracking-wide text-xs", children: labels.detectedVariables }),
+          /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap gap-2", children: detectedVariables.map((num) => /* @__PURE__ */ jsxs17("span", { className: "inline-flex items-center gap-1 text-xs", children: [
+            /* @__PURE__ */ jsx20("code", { className: "bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300 px-1.5 py-0.5 rounded font-mono", children: `{{${num}}}` }),
+            /* @__PURE__ */ jsxs17("span", { className: "text-gray-400 dark:text-gray-500", children: [
               "= ",
               variableExamples[Number(num) - 1] ?? labels.variableLabel(Number(num))
             ] })
           ] }, num)) }),
-          /* @__PURE__ */ jsxs16("p", { className: "text-gray-400 dark:text-gray-500 mt-1.5 text-xs", children: [
+          /* @__PURE__ */ jsxs17("p", { className: "text-gray-400 dark:text-gray-500 mt-1.5 text-xs", children: [
             labels.configureHintPrefix,
-            /* @__PURE__ */ jsx18("strong", { children: labels.configureHintLink }),
+            /* @__PURE__ */ jsx20("strong", { children: labels.configureHintLink }),
             labels.configureHintSuffix
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.footerLabel }),
-        /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.footerHint }),
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17("div", { children: [
+        /* @__PURE__ */ jsx20("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.footerLabel }),
+        /* @__PURE__ */ jsx20("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.footerHint }),
+        /* @__PURE__ */ jsx20(
           "input",
           {
             type: "text",
@@ -3247,41 +3317,41 @@ function WhatsAppCreateTemplateForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block", children: labels.previewLabel }),
-        /* @__PURE__ */ jsxs16("div", { className: "rounded-2xl bg-[#e5ddd5] dark:bg-[#1a1a2e] border border-gray-300 dark:border-gray-600 overflow-hidden shadow-inner", children: [
-          /* @__PURE__ */ jsxs16("div", { className: "bg-[#075e54] px-4 py-2.5 flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx18("div", { className: "w-8 h-8 rounded-full bg-white/20 flex items-center justify-center text-white text-xs font-bold", children: previewCompanyName.slice(0, 2).toUpperCase() }),
-            /* @__PURE__ */ jsxs16("div", { children: [
-              /* @__PURE__ */ jsx18("p", { className: "text-white text-xs font-semibold leading-tight", children: previewCompanyName }),
-              /* @__PURE__ */ jsx18("p", { className: "text-white/60 text-xs", children: labels.previewOnline })
+      /* @__PURE__ */ jsxs17("div", { children: [
+        /* @__PURE__ */ jsx20("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block", children: labels.previewLabel }),
+        /* @__PURE__ */ jsxs17("div", { className: "rounded-2xl bg-[#e5ddd5] dark:bg-[#1a1a2e] border border-gray-300 dark:border-gray-600 overflow-hidden shadow-inner", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "bg-[#075e54] px-4 py-2.5 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx20("div", { className: "w-8 h-8 rounded-full bg-white/20 flex items-center justify-center text-white text-xs font-bold", children: previewCompanyName.slice(0, 2).toUpperCase() }),
+            /* @__PURE__ */ jsxs17("div", { children: [
+              /* @__PURE__ */ jsx20("p", { className: "text-white text-xs font-semibold leading-tight", children: previewCompanyName }),
+              /* @__PURE__ */ jsx20("p", { className: "text-white/60 text-xs", children: labels.previewOnline })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs16("div", { className: "px-3 py-4 space-y-3", style: { minHeight: "120px" }, children: [
-            /* @__PURE__ */ jsx18("div", { className: "flex justify-start", style: { maxWidth: "85%" }, children: /* @__PURE__ */ jsxs16("div", { className: "bg-white dark:bg-gray-700 rounded-lg rounded-tl-none px-3 py-2 shadow-sm", children: [
-              /* @__PURE__ */ jsx18("p", { className: "text-gray-500 dark:text-gray-400 leading-tight text-sm", children: labels.previewDescription }),
-              /* @__PURE__ */ jsx18("p", { className: "text-gray-400 dark:text-gray-500 mt-1 text-right text-[9px]", children: "12:00" })
+          /* @__PURE__ */ jsxs17("div", { className: "px-3 py-4 space-y-3", style: { minHeight: "120px" }, children: [
+            /* @__PURE__ */ jsx20("div", { className: "flex justify-start", style: { maxWidth: "85%" }, children: /* @__PURE__ */ jsxs17("div", { className: "bg-white dark:bg-gray-700 rounded-lg rounded-tl-none px-3 py-2 shadow-sm", children: [
+              /* @__PURE__ */ jsx20("p", { className: "text-gray-500 dark:text-gray-400 leading-tight text-sm", children: labels.previewDescription }),
+              /* @__PURE__ */ jsx20("p", { className: "text-gray-400 dark:text-gray-500 mt-1 text-right text-[9px]", children: "12:00" })
             ] }) }),
-            /* @__PURE__ */ jsx18("div", { className: "flex justify-end ml-auto", style: { maxWidth: "85%" }, children: /* @__PURE__ */ jsxs16("div", { className: "bg-[#dcf8c6] dark:bg-[#1b5e20] rounded-lg rounded-tr-none px-3 py-2 shadow-sm", children: [
-              value.headerType === "TEXT" && value.headerText && /* @__PURE__ */ jsx18("p", { className: "text-xs font-bold text-gray-700 dark:text-gray-200 mb-1", children: fillPreviewTokens(value.headerText) || labels.previewHeaderFallback }),
-              /* @__PURE__ */ jsx18("p", { className: "text-sm text-gray-800 dark:text-gray-100 leading-relaxed", children: value.bodyText ? fillPreviewTokens(value.bodyText) : /* @__PURE__ */ jsx18("span", { className: "text-gray-400 italic", children: labels.previewBodyPlaceholder }) }),
-              value.footerText && /* @__PURE__ */ jsx18("p", { className: "text-gray-400 dark:text-gray-400 mt-1 text-xs", children: value.footerText }),
-              /* @__PURE__ */ jsx18("p", { className: "text-gray-400 dark:text-gray-400 mt-1 text-right text-[9px]", children: "12:01 \u2713" })
+            /* @__PURE__ */ jsx20("div", { className: "flex justify-end ml-auto", style: { maxWidth: "85%" }, children: /* @__PURE__ */ jsxs17("div", { className: "bg-[#dcf8c6] dark:bg-[#1b5e20] rounded-lg rounded-tr-none px-3 py-2 shadow-sm", children: [
+              value.headerType === "TEXT" && value.headerText && /* @__PURE__ */ jsx20("p", { className: "text-xs font-bold text-gray-700 dark:text-gray-200 mb-1", children: fillPreviewTokens(value.headerText) || labels.previewHeaderFallback }),
+              /* @__PURE__ */ jsx20("p", { className: "text-sm text-gray-800 dark:text-gray-100 leading-relaxed", children: value.bodyText ? fillPreviewTokens(value.bodyText) : /* @__PURE__ */ jsx20("span", { className: "text-gray-400 italic", children: labels.previewBodyPlaceholder }) }),
+              value.footerText && /* @__PURE__ */ jsx20("p", { className: "text-gray-400 dark:text-gray-400 mt-1 text-xs", children: value.footerText }),
+              /* @__PURE__ */ jsx20("p", { className: "text-gray-400 dark:text-gray-400 mt-1 text-right text-[9px]", children: "12:01 \u2713" })
             ] }) })
           ] })
         ] })
       ] }),
-      result && /* @__PURE__ */ jsxs16(
+      result && /* @__PURE__ */ jsxs17(
         "div",
         {
           className: `rounded-xl px-4 py-3 text-sm ${result.ok ? "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 text-green-700 dark:text-green-400" : "bg-red-50 dark:bg-red-950/40 border border-red-200 dark:border-red-800 text-red-700 dark:text-red-400"}`,
           children: [
             result.message,
-            result.ok && result.status && /* @__PURE__ */ jsx18("p", { className: "text-xs mt-1 opacity-75", children: labels.successStatus(result.status) })
+            result.ok && result.status && /* @__PURE__ */ jsx20("p", { className: "text-xs mt-1 opacity-75", children: labels.successStatus(result.status) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsx20("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs17(
         "button",
         {
           "data-cv-tooltip": submitting ? labels.sending : labels.sendForApproval,
@@ -3290,7 +3360,7 @@ function WhatsAppCreateTemplateForm({
           disabled: submitting || !value.name || !value.bodyText,
           className: "flex items-center gap-2 bg-emerald-600 hover:bg-emerald-700 disabled:bg-emerald-400 text-white font-semibold px-5 py-2.5 rounded-xl transition-colors text-sm",
           children: [
-            submitting ? /* @__PURE__ */ jsx18("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx18(SendHorizonal2, { size: 14 }),
+            submitting ? /* @__PURE__ */ jsx20("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx20(SendHorizonal2, { size: 14 }),
             submitting ? labels.sending : labels.sendForApproval
           ]
         }
@@ -3301,7 +3371,7 @@ function WhatsAppCreateTemplateForm({
 
 // src/settings/WelcomeFarewellForm.tsx
 import { LogOut, Mail, Save as Save2 } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var DEFAULT_LABELS4 = {
   sectionTitle: "Boas-vindas e encerramento",
   welcomeMessage: "Mensagem de boas-vindas",
@@ -3329,15 +3399,15 @@ function WelcomeFarewellForm({
   labels: labelsOverride
 }) {
   const labels = { ...DEFAULT_LABELS4, ...labelsOverride };
-  return /* @__PURE__ */ jsxs17("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsx19("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: /* @__PURE__ */ jsx19("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }) }),
-    /* @__PURE__ */ jsxs17("form", { onSubmit: onSave, className: "p-6 space-y-5", children: [
-      /* @__PURE__ */ jsxs17("div", { children: [
-        /* @__PURE__ */ jsxs17("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5 flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx19(Mail, { size: 13, className: "text-blue-600 dark:text-blue-400" }),
+  return /* @__PURE__ */ jsxs18("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsx21("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: /* @__PURE__ */ jsx21("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }) }),
+    /* @__PURE__ */ jsxs18("form", { onSubmit: onSave, className: "p-6 space-y-5", children: [
+      /* @__PURE__ */ jsxs18("div", { children: [
+        /* @__PURE__ */ jsxs18("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx21(Mail, { size: 13, className: "text-blue-600 dark:text-blue-400" }),
           labels.welcomeMessage
         ] }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx21(
           WhatsAppMessageEditor,
           {
             value: welcomeMessage,
@@ -3346,14 +3416,14 @@ function WelcomeFarewellForm({
             placeholders: welcomePlaceholders
           }
         ),
-        /* @__PURE__ */ jsx19("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: labels.welcomeMessageHint })
+        /* @__PURE__ */ jsx21("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: labels.welcomeMessageHint })
       ] }),
-      /* @__PURE__ */ jsxs17("div", { children: [
-        /* @__PURE__ */ jsxs17("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5 flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx19(LogOut, { size: 13, className: "text-blue-600 dark:text-blue-400" }),
+      /* @__PURE__ */ jsxs18("div", { children: [
+        /* @__PURE__ */ jsxs18("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx21(LogOut, { size: 13, className: "text-blue-600 dark:text-blue-400" }),
           labels.farewellMessage
         ] }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx21(
           WhatsAppMessageEditor,
           {
             value: farewellMessage,
@@ -3362,10 +3432,10 @@ function WelcomeFarewellForm({
             placeholders: farewellPlaceholders
           }
         ),
-        /* @__PURE__ */ jsx19("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: labels.farewellMessageHint })
+        /* @__PURE__ */ jsx21("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: labels.farewellMessageHint })
       ] }),
-      saveSuccess && /* @__PURE__ */ jsx19("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
-      /* @__PURE__ */ jsx19("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs17(
+      saveSuccess && /* @__PURE__ */ jsx21("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
+      /* @__PURE__ */ jsx21("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs18(
         "button",
         {
           "data-cv-tooltip": saving ? labels.saving : labels.save,
@@ -3374,7 +3444,7 @@ function WelcomeFarewellForm({
           disabled: saving,
           className: "flex items-center gap-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white font-semibold px-5 py-2.5 rounded-xl transition-colors text-sm",
           children: [
-            saving ? /* @__PURE__ */ jsx19("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx19(Save2, { size: 14 }),
+            saving ? /* @__PURE__ */ jsx21("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx21(Save2, { size: 14 }),
             saving ? labels.saving : labels.save
           ]
         }
@@ -3385,7 +3455,7 @@ function WelcomeFarewellForm({
 
 // src/settings/TranscriptionSettingsForm.tsx
 import { AudioLines, Save as Save3 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_LABELS5 = {
   sectionTitle: "Transcri\xE7\xE3o de \xE1udio",
   enabled: "Transcrever notas de voz",
@@ -3412,15 +3482,15 @@ function TranscriptionSettingsForm({
   labels: labelsOverride
 }) {
   const labels = { ...DEFAULT_LABELS5, ...labelsOverride };
-  return /* @__PURE__ */ jsxs18("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsx20("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: /* @__PURE__ */ jsxs18("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx20(AudioLines, { size: 14, className: "text-blue-600 dark:text-blue-400" }),
+  return /* @__PURE__ */ jsxs19("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsx22("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: /* @__PURE__ */ jsxs19("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx22(AudioLines, { size: 14, className: "text-blue-600 dark:text-blue-400" }),
       labels.sectionTitle
     ] }) }),
-    /* @__PURE__ */ jsxs18("form", { onSubmit: onSave, className: "p-6 space-y-5", children: [
-      !isAvailable && /* @__PURE__ */ jsx20("div", { className: "bg-amber-50 dark:bg-amber-950/40 border border-amber-200 dark:border-amber-800 rounded-xl px-4 py-3 text-sm text-amber-800 dark:text-amber-300", children: labels.unavailable }),
-      /* @__PURE__ */ jsxs18("label", { className: "flex items-start gap-3 cursor-pointer", children: [
-        /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsxs19("form", { onSubmit: onSave, className: "p-6 space-y-5", children: [
+      !isAvailable && /* @__PURE__ */ jsx22("div", { className: "bg-amber-50 dark:bg-amber-950/40 border border-amber-200 dark:border-amber-800 rounded-xl px-4 py-3 text-sm text-amber-800 dark:text-amber-300", children: labels.unavailable }),
+      /* @__PURE__ */ jsxs19("label", { className: "flex items-start gap-3 cursor-pointer", children: [
+        /* @__PURE__ */ jsx22(
           "input",
           {
             type: "checkbox",
@@ -3430,14 +3500,14 @@ function TranscriptionSettingsForm({
             className: "mt-0.5 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 disabled:opacity-50"
           }
         ),
-        /* @__PURE__ */ jsxs18("span", { children: [
-          /* @__PURE__ */ jsx20("span", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.enabled }),
-          /* @__PURE__ */ jsx20("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: labels.enabledHint })
+        /* @__PURE__ */ jsxs19("span", { children: [
+          /* @__PURE__ */ jsx22("span", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.enabled }),
+          /* @__PURE__ */ jsx22("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: labels.enabledHint })
         ] })
       ] }),
-      enabled && /* @__PURE__ */ jsxs18("fieldset", { disabled: !isAvailable, className: "space-y-2.5", children: [
-        /* @__PURE__ */ jsx20("legend", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: labels.modeTitle }),
-        /* @__PURE__ */ jsx20(
+      enabled && /* @__PURE__ */ jsxs19("fieldset", { disabled: !isAvailable, className: "space-y-2.5", children: [
+        /* @__PURE__ */ jsx22("legend", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: labels.modeTitle }),
+        /* @__PURE__ */ jsx22(
           ModeOption,
           {
             value: "onDemand",
@@ -3447,7 +3517,7 @@ function TranscriptionSettingsForm({
             hint: labels.modeOnDemandHint
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           ModeOption,
           {
             value: "auto",
@@ -3458,8 +3528,8 @@ function TranscriptionSettingsForm({
           }
         )
       ] }),
-      saveSuccess && /* @__PURE__ */ jsx20("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
-      /* @__PURE__ */ jsx20("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs18(
+      saveSuccess && /* @__PURE__ */ jsx22("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
+      /* @__PURE__ */ jsx22("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs19(
         "button",
         {
           "data-cv-tooltip": saving ? labels.saving : labels.save,
@@ -3468,7 +3538,7 @@ function TranscriptionSettingsForm({
           disabled: saving || !isAvailable,
           className: "flex items-center gap-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white font-semibold px-5 py-2.5 rounded-xl transition-colors text-sm",
           children: [
-            saving ? /* @__PURE__ */ jsx20("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx20(Save3, { size: 14 }),
+            saving ? /* @__PURE__ */ jsx22("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx22(Save3, { size: 14 }),
             saving ? labels.saving : labels.save
           ]
         }
@@ -3484,12 +3554,12 @@ function ModeOption({
   hint
 }) {
   const isSelected = current === value;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "label",
     {
       className: `flex items-start gap-3 cursor-pointer rounded-xl border px-4 py-3 transition-colors ${isSelected ? "border-blue-500 bg-blue-50 dark:border-blue-500 dark:bg-blue-950/30" : "border-gray-200 hover:border-gray-300 dark:border-gray-700 dark:hover:border-gray-600"}`,
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           "input",
           {
             type: "radio",
@@ -3500,9 +3570,9 @@ function ModeOption({
             className: "mt-0.5 h-4 w-4 border-gray-300 text-blue-600 focus:ring-blue-500"
           }
         ),
-        /* @__PURE__ */ jsxs18("span", { children: [
-          /* @__PURE__ */ jsx20("span", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: title }),
-          /* @__PURE__ */ jsx20("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: hint })
+        /* @__PURE__ */ jsxs19("span", { children: [
+          /* @__PURE__ */ jsx22("span", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: title }),
+          /* @__PURE__ */ jsx22("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: hint })
         ] })
       ]
     }
@@ -3510,8 +3580,8 @@ function ModeOption({
 }
 
 // src/settings/WhatsAppTemplatesSettings.tsx
-import { useState as useState12 } from "react";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var TEMPLATE_SETTINGS_TAB = {
   SELECT: "select",
   CREATE: "create"
@@ -3528,10 +3598,10 @@ function WhatsAppTemplatesSettings({
   ...settingsProps
 }) {
   const labels = { ...DEFAULT_TEMPLATES_SETTINGS_LABELS, ...labelsOverride };
-  const [tab, setTab] = useState12(TEMPLATE_SETTINGS_TAB.SELECT);
-  return /* @__PURE__ */ jsxs19("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs19("nav", { className: "flex gap-1 border-b", role: "tablist", children: [
-      /* @__PURE__ */ jsx21(
+  const [tab, setTab] = useState13(TEMPLATE_SETTINGS_TAB.SELECT);
+  return /* @__PURE__ */ jsxs20("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs20("nav", { className: "flex gap-1 border-b", role: "tablist", children: [
+      /* @__PURE__ */ jsx23(
         "button",
         {
           "data-cv-tooltip": labels.selectTab,
@@ -3544,7 +3614,7 @@ function WhatsAppTemplatesSettings({
           children: labels.selectTab
         }
       ),
-      create ? /* @__PURE__ */ jsx21(
+      create ? /* @__PURE__ */ jsx23(
         "button",
         {
           "data-cv-tooltip": labels.createTab,
@@ -3558,16 +3628,16 @@ function WhatsAppTemplatesSettings({
         }
       ) : null
     ] }),
-    tab === TEMPLATE_SETTINGS_TAB.SELECT ? /* @__PURE__ */ jsxs19("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx21(WhatsAppTemplateSettingsForm, { ...settingsProps, ...settingsLabels ? { labels: settingsLabels } : {} }),
+    tab === TEMPLATE_SETTINGS_TAB.SELECT ? /* @__PURE__ */ jsxs20("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx23(WhatsAppTemplateSettingsForm, { ...settingsProps, ...settingsLabels ? { labels: settingsLabels } : {} }),
       extraRoleForms
-    ] }) : create ? /* @__PURE__ */ jsx21(WhatsAppCreateTemplateForm, { ...create }) : null
+    ] }) : create ? /* @__PURE__ */ jsx23(WhatsAppCreateTemplateForm, { ...create }) : null
   ] });
 }
 
 // src/settings/TopicsForm.tsx
 import { Megaphone, Save as Save4 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var DEFAULT_LABELS6 = {
   sectionTitle: "T\xF3picos intermedi\xE1rios",
   sectionDescription: "Mensagens autom\xE1ticas para assuntos espec\xEDficos, disparadas quando o cliente demonstra interesse.",
@@ -3585,19 +3655,19 @@ function TopicsForm({
   labels: labelsOverride
 }) {
   const labels = { ...DEFAULT_LABELS6, ...labelsOverride };
-  return /* @__PURE__ */ jsxs20("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
-      /* @__PURE__ */ jsxs20("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx22(Megaphone, { size: 16, className: "text-orange-600 dark:text-orange-400" }),
+  return /* @__PURE__ */ jsxs21("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsxs21("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx24(Megaphone, { size: 16, className: "text-orange-600 dark:text-orange-400" }),
         labels.sectionTitle
       ] }),
-      /* @__PURE__ */ jsx22("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
+      /* @__PURE__ */ jsx24("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
     ] }),
-    /* @__PURE__ */ jsxs20("form", { onSubmit: onSave, className: "p-6 space-y-6", children: [
-      topics.map((topic) => /* @__PURE__ */ jsxs20("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-4", children: [
-          /* @__PURE__ */ jsx22("div", { className: "flex-1", children: /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: topic.label }) }),
-          /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsxs21("form", { onSubmit: onSave, className: "p-6 space-y-6", children: [
+      topics.map((topic) => /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-4", children: [
+          /* @__PURE__ */ jsx24("div", { className: "flex-1", children: /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: topic.label }) }),
+          /* @__PURE__ */ jsx24(
             "button",
             {
               "data-cv-tooltip": topic.label,
@@ -3607,7 +3677,7 @@ function TopicsForm({
               className: `relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none ${topic.enabled ? "bg-blue-600 dark:bg-blue-500" : "bg-gray-200 dark:bg-gray-700"}`,
               role: "switch",
               "aria-checked": topic.enabled,
-              children: /* @__PURE__ */ jsx22(
+              children: /* @__PURE__ */ jsx24(
                 "span",
                 {
                   className: `pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${topic.enabled ? "translate-x-5" : "translate-x-0"}`
@@ -3616,7 +3686,7 @@ function TopicsForm({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(
           "textarea",
           {
             value: topic.message,
@@ -3628,8 +3698,8 @@ function TopicsForm({
           }
         )
       ] }, topic.key)),
-      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxs20(
+      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs21(
           "button",
           {
             "data-cv-tooltip": labels.saveButton,
@@ -3638,20 +3708,20 @@ function TopicsForm({
             disabled: saving,
             className: "inline-flex items-center gap-2 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-50",
             children: [
-              /* @__PURE__ */ jsx22(Save4, { size: 14 }),
+              /* @__PURE__ */ jsx24(Save4, { size: 14 }),
               labels.saveButton
             ]
           }
         ),
-        saveSuccess && /* @__PURE__ */ jsx22("span", { className: "text-sm text-green-600 dark:text-green-400", children: labels.saveSuccess })
+        saveSuccess && /* @__PURE__ */ jsx24("span", { className: "text-sm text-green-600 dark:text-green-400", children: labels.saveSuccess })
       ] })
     ] })
   ] });
 }
 
 // src/settings/MessagesWorkspace.tsx
-import { useCallback as useCallback5, useEffect as useEffect9, useState as useState13 } from "react";
-import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useCallback as useCallback6, useEffect as useEffect9, useState as useState14 } from "react";
+import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var DEFAULT_LABELS7 = {
   title: "Mensagens",
   subtitle: "Mensagens do bot e templates do WhatsApp.",
@@ -3709,30 +3779,30 @@ function MessagesWorkspace({
   const hasTopics = Boolean(api.getTopics && api.saveTopics);
   const hasTemplates = Boolean(api.getTemplateSettings && api.saveTemplateSettings);
   const hasTranscription = Boolean(api.getTranscription && api.saveTranscription);
-  const [tab, setTab] = useState13(MESSAGES_TAB.BOT);
-  const [loadState, setLoadState] = useState13("loading");
-  const [messages, setMessages] = useState13(EMPTY_MESSAGES);
-  const [savingMessages, setSavingMessages] = useState13(false);
-  const [messagesSaved, setMessagesSaved] = useState13(false);
-  const [topics, setTopics] = useState13([]);
-  const [savingTopics, setSavingTopics] = useState13(false);
-  const [topicsSaved, setTopicsSaved] = useState13(false);
-  const [templateSettings, setTemplateSettings] = useState13(EMPTY_TEMPLATE_SETTINGS);
-  const [templates, setTemplates] = useState13([]);
-  const [loadingTemplates, setLoadingTemplates] = useState13(false);
-  const [templatesError, setTemplatesError] = useState13(false);
-  const [savingTemplate, setSavingTemplate] = useState13(false);
-  const [templateSaved, setTemplateSaved] = useState13(false);
-  const [roleSettings, setRoleSettings] = useState13({});
-  const [savingRole, setSavingRole] = useState13({});
-  const [roleSaved, setRoleSaved] = useState13({});
-  const [createTemplate, setCreateTemplate] = useState13(EMPTY_CREATE_TEMPLATE);
-  const [creatingTemplate, setCreatingTemplate] = useState13(false);
-  const [createResult, setCreateResult] = useState13(null);
-  const [transcription, setTranscription] = useState13(UNDECIDED_TRANSCRIPTION);
-  const [savingTranscription, setSavingTranscription] = useState13(false);
-  const [transcriptionSaved, setTranscriptionSaved] = useState13(false);
-  const reloadTemplates = useCallback5(async () => {
+  const [tab, setTab] = useState14(MESSAGES_TAB.BOT);
+  const [loadState, setLoadState] = useState14("loading");
+  const [messages, setMessages] = useState14(EMPTY_MESSAGES);
+  const [savingMessages, setSavingMessages] = useState14(false);
+  const [messagesSaved, setMessagesSaved] = useState14(false);
+  const [topics, setTopics] = useState14([]);
+  const [savingTopics, setSavingTopics] = useState14(false);
+  const [topicsSaved, setTopicsSaved] = useState14(false);
+  const [templateSettings, setTemplateSettings] = useState14(EMPTY_TEMPLATE_SETTINGS);
+  const [templates, setTemplates] = useState14([]);
+  const [loadingTemplates, setLoadingTemplates] = useState14(false);
+  const [templatesError, setTemplatesError] = useState14(false);
+  const [savingTemplate, setSavingTemplate] = useState14(false);
+  const [templateSaved, setTemplateSaved] = useState14(false);
+  const [roleSettings, setRoleSettings] = useState14({});
+  const [savingRole, setSavingRole] = useState14({});
+  const [roleSaved, setRoleSaved] = useState14({});
+  const [createTemplate, setCreateTemplate] = useState14(EMPTY_CREATE_TEMPLATE);
+  const [creatingTemplate, setCreatingTemplate] = useState14(false);
+  const [createResult, setCreateResult] = useState14(null);
+  const [transcription, setTranscription] = useState14(UNDECIDED_TRANSCRIPTION);
+  const [savingTranscription, setSavingTranscription] = useState14(false);
+  const [transcriptionSaved, setTranscriptionSaved] = useState14(false);
+  const reloadTemplates = useCallback6(async () => {
     if (!api.listTemplates) return;
     setLoadingTemplates(true);
     setTemplatesError(false);
@@ -3882,23 +3952,23 @@ function MessagesWorkspace({
     });
   }
   if (loadState === "loading") {
-    return /* @__PURE__ */ jsx23("p", { className: "p-6 text-sm text-gray-500 dark:text-gray-400", children: labels.loading });
+    return /* @__PURE__ */ jsx25("p", { className: "p-6 text-sm text-gray-500 dark:text-gray-400", children: labels.loading });
   }
   if (loadState === "error") {
-    return /* @__PURE__ */ jsx23("p", { role: "alert", className: "p-6 text-sm text-red-600 dark:text-red-400", children: labels.loadError });
+    return /* @__PURE__ */ jsx25("p", { role: "alert", className: "p-6 text-sm text-red-600 dark:text-red-400", children: labels.loadError });
   }
   const tabs = [
     { id: MESSAGES_TAB.BOT, label: labels.tabBot },
     ...hasTemplates ? [{ id: MESSAGES_TAB.TEMPLATES, label: labels.tabTemplates }] : [],
     ...hasTranscription ? [{ id: MESSAGES_TAB.TRANSCRIPTION, label: labels.tabTranscription }] : []
   ];
-  return /* @__PURE__ */ jsxs21("div", { className: `space-y-6 p-4 lg:p-0 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx23(TooltipLayer, {}),
-    /* @__PURE__ */ jsxs21("header", { children: [
-      /* @__PURE__ */ jsx23("h1", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100", children: labels.title }),
-      /* @__PURE__ */ jsx23("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: labels.subtitle })
+  return /* @__PURE__ */ jsxs22("div", { className: `space-y-6 p-4 lg:p-0 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx25(TooltipLayer, {}),
+    /* @__PURE__ */ jsxs22("header", { children: [
+      /* @__PURE__ */ jsx25("h1", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100", children: labels.title }),
+      /* @__PURE__ */ jsx25("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: labels.subtitle })
     ] }),
-    tabs.length > 1 ? /* @__PURE__ */ jsx23("nav", { className: "flex gap-1 border-b border-gray-200 dark:border-gray-700", role: "tablist", children: tabs.map((item) => /* @__PURE__ */ jsx23(
+    tabs.length > 1 ? /* @__PURE__ */ jsx25("nav", { className: "flex gap-1 border-b border-gray-200 dark:border-gray-700", role: "tablist", children: tabs.map((item) => /* @__PURE__ */ jsx25(
       "button",
       {
         "data-cv-tooltip": item.label,
@@ -3912,8 +3982,8 @@ function MessagesWorkspace({
       },
       item.id
     )) }) : null,
-    tab === MESSAGES_TAB.BOT ? /* @__PURE__ */ jsxs21("div", { className: "space-y-8", children: [
-      /* @__PURE__ */ jsx23(
+    tab === MESSAGES_TAB.BOT ? /* @__PURE__ */ jsxs22("div", { className: "space-y-8", children: [
+      /* @__PURE__ */ jsx25(
         WelcomeFarewellForm,
         {
           welcomeMessage: messages.welcomeMessage,
@@ -3928,7 +3998,7 @@ function MessagesWorkspace({
           ...farewellPlaceholders ? { farewellPlaceholders } : {}
         }
       ),
-      hasTopics ? /* @__PURE__ */ jsx23(
+      hasTopics ? /* @__PURE__ */ jsx25(
         TopicsForm,
         {
           topics,
@@ -3945,9 +4015,9 @@ function MessagesWorkspace({
         }
       ) : null
     ] }) : null,
-    tab === MESSAGES_TAB.TEMPLATES ? /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
+    tab === MESSAGES_TAB.TEMPLATES ? /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
       renderTemplatesNotice?.(),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx25(
         WhatsAppTemplatesSettings,
         {
           templates,
@@ -3977,9 +4047,9 @@ function MessagesWorkspace({
             }
           } : {},
           ...templateRoles.length > 0 ? {
-            extraRoleForms: /* @__PURE__ */ jsx23(Fragment6, { children: templateRoles.map((role) => {
+            extraRoleForms: /* @__PURE__ */ jsx25(Fragment6, { children: templateRoles.map((role) => {
               const settings = roleSettings[role.key] ?? EMPTY_TEMPLATE_SETTINGS;
-              return /* @__PURE__ */ jsx23(
+              return /* @__PURE__ */ jsx25(
                 WhatsAppTemplateSettingsForm,
                 {
                   templates,
@@ -4006,7 +4076,7 @@ function MessagesWorkspace({
         }
       )
     ] }) : null,
-    tab === MESSAGES_TAB.TRANSCRIPTION ? /* @__PURE__ */ jsx23(
+    tab === MESSAGES_TAB.TRANSCRIPTION ? /* @__PURE__ */ jsx25(
       TranscriptionSettingsForm,
       {
         enabled: transcription.enabled,
@@ -4024,7 +4094,7 @@ function MessagesWorkspace({
 }
 
 // src/hooks/useConversationMessages.ts
-import { useCallback as useCallback6, useEffect as useEffect10, useMemo as useMemo3, useRef as useRef7, useState as useState14 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect10, useMemo as useMemo3, useRef as useRef7, useState as useState15 } from "react";
 var OLDER_MESSAGES_PAGE_LIMIT = 50;
 function dedupeMessagesById(messages) {
   const seenIds = /* @__PURE__ */ new Set();
@@ -4058,16 +4128,16 @@ function useConversationMessages(conversationId, params) {
     () => api.fetchMessages(conversationId, params),
     [conversationId, params?.limit, params?.before]
   );
-  const [olderMessages, setOlderMessages] = useState14([]);
-  const [hasMoreOlderMessages, setHasMoreOlderMessages] = useState14(true);
-  const [loadingOlderMessages, setLoadingOlderMessages] = useState14(false);
+  const [olderMessages, setOlderMessages] = useState15([]);
+  const [hasMoreOlderMessages, setHasMoreOlderMessages] = useState15(true);
+  const [loadingOlderMessages, setLoadingOlderMessages] = useState15(false);
   const loadingOlderMessagesRef = useRef7(false);
   useEffect10(() => {
     setOlderMessages([]);
     setHasMoreOlderMessages(true);
   }, [conversationId]);
   const messages = useMemo3(() => dedupeMessagesById([...olderMessages, ...data ?? []]), [olderMessages, data]);
-  const loadOlderMessages = useCallback6(async () => {
+  const loadOlderMessages = useCallback7(async () => {
     const oldestMessage = messages[0];
     if (!shouldFetchOlderMessages({
       isLoading: loadingOlderMessagesRef.current,
@@ -4090,7 +4160,7 @@ function useConversationMessages(conversationId, params) {
       setLoadingOlderMessages(false);
     }
   }, [api, conversationId, hasMoreOlderMessages, messages]);
-  const sendMessage = useCallback6(
+  const sendMessage = useCallback7(
     async (text) => {
       const message = await api.sendMessage(conversationId, text);
       await refetch();
@@ -4098,7 +4168,7 @@ function useConversationMessages(conversationId, params) {
     },
     [api, conversationId, refetch]
   );
-  const sendMedia = useCallback6(
+  const sendMedia = useCallback7(
     async (mediaData) => {
       const message = await api.sendMedia(conversationId, mediaData);
       await refetch();
@@ -4106,14 +4176,14 @@ function useConversationMessages(conversationId, params) {
     },
     [api, conversationId, refetch]
   );
-  const sendTemplate = useCallback6(
+  const sendTemplate = useCallback7(
     async (templateData) => {
       await api.sendTemplate(conversationId, templateData);
       await refetch();
     },
     [api, conversationId, refetch]
   );
-  const markRead = useCallback6(() => api.markRead(conversationId), [api, conversationId]);
+  const markRead = useCallback7(() => api.markRead(conversationId), [api, conversationId]);
   return {
     messages,
     loading,
@@ -4130,7 +4200,7 @@ function useConversationMessages(conversationId, params) {
 }
 
 // src/hooks/useScrollToLatestMessage.ts
-import { useCallback as useCallback7, useLayoutEffect, useRef as useRef8, useState as useState15 } from "react";
+import { useCallback as useCallback8, useLayoutEffect, useRef as useRef8, useState as useState16 } from "react";
 var NEAR_BOTTOM_THRESHOLD_PX = 120;
 var SCROLL_BEHAVIOR = "auto";
 function useScrollToLatestMessage({
@@ -4138,14 +4208,14 @@ function useScrollToLatestMessage({
   messageCount
 }) {
   const containerRef = useRef8(null);
-  const [isAwayFromBottom, setIsAwayFromBottom] = useState15(false);
+  const [isAwayFromBottom, setIsAwayFromBottom] = useState16(false);
   const isAwayFromBottomRef = useRef8(false);
-  const scrollToBottom = useCallback7((behavior = SCROLL_BEHAVIOR) => {
+  const scrollToBottom = useCallback8((behavior = SCROLL_BEHAVIOR) => {
     const container = containerRef.current;
     if (!container) return;
     container.scrollTo({ top: container.scrollHeight, behavior });
   }, []);
-  const handleScroll = useCallback7((event) => {
+  const handleScroll = useCallback8((event) => {
     const target = event.currentTarget;
     const distanceFromBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
     const away = distanceFromBottom > NEAR_BOTTOM_THRESHOLD_PX;
@@ -4398,11 +4468,11 @@ async function sendQueuedMessage(params) {
 }
 
 // src/quickReplies/QuickRepliesWorkspace.tsx
-import { useEffect as useEffect14, useId as useId2, useRef as useRef12, useState as useState18 } from "react";
+import { useEffect as useEffect14, useId as useId2, useRef as useRef12, useState as useState19 } from "react";
 import { Pencil as Pencil2, Plus as Plus2, Trash2 as Trash23 } from "lucide-react";
 
 // src/quickReplies/useQuickRepliesWorkspace.ts
-import { useCallback as useCallback9, useEffect as useEffect13, useState as useState17 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect13, useState as useState18 } from "react";
 
 // src/quickReplies/quickReplyAttachmentUpload.ts
 function validateAttachmentFiles(files, currentCount, limits) {
@@ -4434,7 +4504,7 @@ function moveAttachment(list, index, direction) {
 }
 
 // src/quickReplies/useQuickReplyAttachmentUploads.ts
-import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef10, useState as useState16 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect12, useRef as useRef10, useState as useState17 } from "react";
 
 // src/quickReplies/createUploadQueue.ts
 function createUploadQueue(maxConcurrent) {
@@ -4490,8 +4560,8 @@ function useQuickReplyAttachmentUploads({
   attachmentsCount,
   onUploaded
 }) {
-  const [pendingUploads, setPendingUploads] = useState16([]);
-  const [attachmentRejections, setAttachmentRejections] = useState16([]);
+  const [pendingUploads, setPendingUploads] = useState17([]);
+  const [attachmentRejections, setAttachmentRejections] = useState17([]);
   const uploadQueueRef = useRef10(createUploadQueue(3));
   const isMountedRef = useRef10(true);
   useEffect12(
@@ -4501,19 +4571,19 @@ function useQuickReplyAttachmentUploads({
     },
     []
   );
-  const abortAllUploads = useCallback8(() => {
+  const abortAllUploads = useCallback9(() => {
     uploadQueueRef.current.abortAll();
     setPendingUploads([]);
   }, []);
-  const dismissAttachmentRejections = useCallback8(() => setAttachmentRejections([]), []);
-  const cancelAttachmentUpload = useCallback8((localId) => {
+  const dismissAttachmentRejections = useCallback9(() => setAttachmentRejections([]), []);
+  const cancelAttachmentUpload = useCallback9((localId) => {
     uploadQueueRef.current.abort(localId);
     setPendingUploads((current) => current.filter((item) => item.localId !== localId));
   }, []);
-  const updatePendingUpload = useCallback8((localId, patch) => {
+  const updatePendingUpload = useCallback9((localId, patch) => {
     setPendingUploads((current) => current.map((item) => item.localId === localId ? { ...item, ...patch } : item));
   }, []);
-  const uploadOneFile = useCallback8(
+  const uploadOneFile = useCallback9(
     (localId, file) => {
       if (!upload) return;
       uploadQueueRef.current.enqueue(localId, async (signal) => {
@@ -4538,7 +4608,7 @@ function useQuickReplyAttachmentUploads({
     },
     [upload, updatePendingUpload, onUploaded, labels.saveError]
   );
-  const retryAttachmentUpload = useCallback8(
+  const retryAttachmentUpload = useCallback9(
     (localId) => {
       const item = pendingUploads.find((pending) => pending.localId === localId);
       if (!item) return;
@@ -4547,7 +4617,7 @@ function useQuickReplyAttachmentUploads({
     },
     [pendingUploads, updatePendingUpload, uploadOneFile]
   );
-  const addAttachmentFiles = useCallback8(
+  const addAttachmentFiles = useCallback9(
     (files) => {
       if (!upload) return;
       const currentCount = attachmentsCount + pendingUploads.length;
@@ -4672,16 +4742,16 @@ function useQuickRepliesWorkspace({
   labels,
   attachmentSizeLimits
 }) {
-  const [quickReplies, setQuickReplies] = useState17([]);
-  const [isLoading, setIsLoading] = useState17(false);
-  const [loadError, setLoadError] = useState17(void 0);
-  const [search, setSearch] = useState17("");
-  const [editing, setEditing] = useState17(void 0);
-  const [fieldErrors, setFieldErrors] = useState17({});
-  const [isSaving, setIsSaving] = useState17(false);
-  const [saveError, setSaveError] = useState17(void 0);
-  const [deletingId, setDeletingId] = useState17(void 0);
-  const uploadAttachment = useCallback9((attachment) => {
+  const [quickReplies, setQuickReplies] = useState18([]);
+  const [isLoading, setIsLoading] = useState18(false);
+  const [loadError, setLoadError] = useState18(void 0);
+  const [search, setSearch] = useState18("");
+  const [editing, setEditing] = useState18(void 0);
+  const [fieldErrors, setFieldErrors] = useState18({});
+  const [isSaving, setIsSaving] = useState18(false);
+  const [saveError, setSaveError] = useState18(void 0);
+  const [deletingId, setDeletingId] = useState18(void 0);
+  const uploadAttachment = useCallback10((attachment) => {
     setEditing((current) => current ? { ...current, attachments: [...current.attachments, attachment] } : current);
   }, []);
   const {
@@ -4716,14 +4786,14 @@ function useQuickRepliesWorkspace({
     };
   }, [api.listQuickReplies]);
   const filtered = filterQuickReplies({ quickReplies, search });
-  const startCreate = useCallback9(() => {
+  const startCreate = useCallback10(() => {
     abortAllUploads();
     dismissAttachmentRejections();
     setEditing({ id: null, title: "", shortcut: "", body: "", attachments: [] });
     setFieldErrors({});
     setSaveError(void 0);
   }, [abortAllUploads, dismissAttachmentRejections]);
-  const startEdit = useCallback9(
+  const startEdit = useCallback10(
     (quickReply) => {
       abortAllUploads();
       dismissAttachmentRejections();
@@ -4739,14 +4809,14 @@ function useQuickRepliesWorkspace({
     },
     [abortAllUploads, dismissAttachmentRejections]
   );
-  const cancelEdit = useCallback9(() => {
+  const cancelEdit = useCallback10(() => {
     abortAllUploads();
     dismissAttachmentRejections();
     setEditing(void 0);
     setFieldErrors({});
     setSaveError(void 0);
   }, [abortAllUploads, dismissAttachmentRejections]);
-  const updateField = useCallback9((field, value) => {
+  const updateField = useCallback10((field, value) => {
     setEditing((current) => current ? { ...current, [field]: value } : current);
     setFieldErrors((current) => {
       if (!(field in current)) return current;
@@ -4755,7 +4825,7 @@ function useQuickRepliesWorkspace({
       return next;
     });
   }, []);
-  const submit = useCallback9(async () => {
+  const submit = useCallback10(async () => {
     if (!editing || pendingUploads.length > 0) return;
     setIsSaving(true);
     setSaveError(void 0);
@@ -4772,7 +4842,7 @@ function useQuickRepliesWorkspace({
     setFieldErrors(result.fieldErrors);
     if (result.outcome === "rejected") setSaveError(result.formError);
   }, [editing, api, labels, pendingUploads.length]);
-  const remove = useCallback9(
+  const remove = useCallback10(
     async (id) => {
       if (!api.deleteQuickReply) return;
       setDeletingId(id);
@@ -4785,12 +4855,12 @@ function useQuickRepliesWorkspace({
     },
     [api]
   );
-  const removeAttachment = useCallback9((uploadId) => {
+  const removeAttachment = useCallback10((uploadId) => {
     setEditing(
       (current) => current ? { ...current, attachments: current.attachments.filter((attachment) => attachment.uploadId !== uploadId) } : current
     );
   }, []);
-  const moveAttachmentAt = useCallback9((index, direction) => {
+  const moveAttachmentAt = useCallback10((index, direction) => {
     setEditing(
       (current) => current ? { ...current, attachments: moveAttachment(current.attachments, index, direction) } : current
     );
@@ -4968,7 +5038,7 @@ function changedRange(previous, next) {
 
 // src/quickReplies/QuickReplyFormattingToolbar.tsx
 import { Bold as Bold3, Code as Code2, Italic as Italic3, List, ListOrdered, Quote, SquareCode, Strikethrough as Strikethrough3 } from "lucide-react";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function QuickReplyFormattingToolbar({ labels, onFormat }) {
   const buttons = [
     { action: QUICK_REPLY_FORMATTING_ACTION.BOLD, label: labels.formatBold, Icon: Bold3 },
@@ -4980,7 +5050,7 @@ function QuickReplyFormattingToolbar({ labels, onFormat }) {
     { action: QUICK_REPLY_FORMATTING_ACTION.NUMBERED_LIST, label: labels.formatNumberedList, Icon: ListOrdered },
     { action: QUICK_REPLY_FORMATTING_ACTION.QUOTE, label: labels.formatQuote, Icon: Quote }
   ];
-  return /* @__PURE__ */ jsx24("div", { role: "toolbar", "aria-label": labels.formattingToolbar, className: "flex flex-wrap gap-1", children: buttons.map(({ action, label, Icon }) => /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26("div", { role: "toolbar", "aria-label": labels.formattingToolbar, className: "flex flex-wrap gap-1", children: buttons.map(({ action, label, Icon }) => /* @__PURE__ */ jsx26(
     "button",
     {
       type: "button",
@@ -4989,7 +5059,7 @@ function QuickReplyFormattingToolbar({ labels, onFormat }) {
       onMouseDown: (event) => event.preventDefault(),
       onClick: () => onFormat(action),
       className: cn(COMPOSER_TOOL_BUTTON_CLASS, COMPOSER_TOOL_BUTTON_IDLE_CLASS),
-      children: /* @__PURE__ */ jsx24(Icon, { size: 16, "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx26(Icon, { size: 16, "aria-hidden": "true" })
     },
     action
   )) });
@@ -4997,7 +5067,7 @@ function QuickReplyFormattingToolbar({ labels, onFormat }) {
 
 // src/quickReplies/QuickReplyWhatsAppPreview.tsx
 import { Paperclip as Paperclip2 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function resolvePreviewVariables(body, variables = []) {
   return variables.reduce(
     (resolved, variable) => variable.marker ? resolved.split(variable.marker).join(variable.value || variable.label) : resolved,
@@ -5007,21 +5077,21 @@ function resolvePreviewVariables(body, variables = []) {
 function QuickReplyWhatsAppPreview({ body, variables, attachments, labels }) {
   const resolvedBody = resolvePreviewVariables(body, variables);
   const hasAttachments = (attachments?.length ?? 0) > 0;
-  return /* @__PURE__ */ jsxs22("section", { "aria-label": labels.previewTitle, className: "space-y-1", children: [
-    /* @__PURE__ */ jsx25("h3", { className: "text-sm font-medium", children: labels.previewTitle }),
-    /* @__PURE__ */ jsxs22(WhatsAppMessagePreview, { children: [
-      hasAttachments ? /* @__PURE__ */ jsx25("ul", { className: "mb-1.5 flex flex-wrap gap-1 whitespace-normal", children: attachments?.map((attachment) => /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23("section", { "aria-label": labels.previewTitle, className: "space-y-1", children: [
+    /* @__PURE__ */ jsx27("h3", { className: "text-sm font-medium", children: labels.previewTitle }),
+    /* @__PURE__ */ jsxs23(WhatsAppMessagePreview, { children: [
+      hasAttachments ? /* @__PURE__ */ jsx27("ul", { className: "mb-1.5 flex flex-wrap gap-1 whitespace-normal", children: attachments?.map((attachment) => /* @__PURE__ */ jsxs23(
         "li",
         {
           className: "inline-flex max-w-full items-center gap-1 rounded-md bg-black/5 px-1.5 py-0.5 text-xs dark:bg-white/10",
           children: [
-            /* @__PURE__ */ jsx25(Paperclip2, { size: 12, "aria-hidden": "true", className: "shrink-0" }),
-            /* @__PURE__ */ jsx25("span", { className: "truncate", children: attachment.filename })
+            /* @__PURE__ */ jsx27(Paperclip2, { size: 12, "aria-hidden": "true", className: "shrink-0" }),
+            /* @__PURE__ */ jsx27("span", { className: "truncate", children: attachment.filename })
           ]
         },
         attachment.uploadId
       )) }) : null,
-      resolvedBody ? parseWhatsAppFormatting(resolvedBody) : /* @__PURE__ */ jsx25("span", { className: "italic text-gray-400", children: labels.previewEmptyBody })
+      resolvedBody ? parseWhatsAppFormatting(resolvedBody) : /* @__PURE__ */ jsx27("span", { className: "italic text-gray-400", children: labels.previewEmptyBody })
     ] })
   ] });
 }
@@ -5029,7 +5099,7 @@ function QuickReplyWhatsAppPreview({ body, variables, attachments, labels }) {
 // src/quickReplies/AttachmentsFormSection.tsx
 import { useRef as useRef11 } from "react";
 import { Paperclip as Paperclip3, X as X4 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function AttachmentsFormSection({
   labels: text,
   attachments,
@@ -5043,18 +5113,18 @@ function AttachmentsFormSection({
   onDismissRejections
 }) {
   const attachmentFileInputRef = useRef11(null);
-  return /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx26("span", { className: "block text-sm font-medium", children: text.attachmentsTitle }),
-    attachments.length === 0 && pendingUploads.length === 0 ? /* @__PURE__ */ jsx26("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: text.attachmentsEmpty }) : /* @__PURE__ */ jsxs23("ul", { className: "space-y-1", children: [
-      attachments.map((attachment, index) => /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx28("span", { className: "block text-sm font-medium", children: text.attachmentsTitle }),
+    attachments.length === 0 && pendingUploads.length === 0 ? /* @__PURE__ */ jsx28("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: text.attachmentsEmpty }) : /* @__PURE__ */ jsxs24("ul", { className: "space-y-1", children: [
+      attachments.map((attachment, index) => /* @__PURE__ */ jsxs24(
         "li",
         {
           className: "flex items-center gap-2 rounded-md border border-gray-200 px-2 py-1.5 text-xs dark:border-gray-700",
           children: [
-            /* @__PURE__ */ jsx26(Paperclip3, { "aria-hidden": "true", className: "h-3.5 w-3.5 flex-none text-gray-400" }),
-            /* @__PURE__ */ jsx26("span", { className: "min-w-0 flex-1 truncate", children: attachment.filename }),
-            /* @__PURE__ */ jsx26("span", { className: "flex-none text-gray-400", children: formatFileSize(attachment.sizeBytes) }),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx28(Paperclip3, { "aria-hidden": "true", className: "h-3.5 w-3.5 flex-none text-gray-400" }),
+            /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1 truncate", children: attachment.filename }),
+            /* @__PURE__ */ jsx28("span", { className: "flex-none text-gray-400", children: formatFileSize(attachment.sizeBytes) }),
+            /* @__PURE__ */ jsx28(
               "button",
               {
                 type: "button",
@@ -5065,7 +5135,7 @@ function AttachmentsFormSection({
                 children: "\u2191"
               }
             ),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx28(
               "button",
               {
                 type: "button",
@@ -5076,32 +5146,32 @@ function AttachmentsFormSection({
                 children: "\u2193"
               }
             ),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx28(
               "button",
               {
                 type: "button",
                 "aria-label": text.attachmentRemove,
                 onClick: () => onRemoveAttachment(attachment.uploadId),
                 className: "flex-none text-red-600 dark:text-red-400",
-                children: /* @__PURE__ */ jsx26(X4, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ jsx28(X4, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
               }
             )
           ]
         },
         attachment.uploadId
       )),
-      pendingUploads.map((pending) => /* @__PURE__ */ jsxs23(
+      pendingUploads.map((pending) => /* @__PURE__ */ jsxs24(
         "li",
         {
           className: "flex items-center gap-2 rounded-md border border-gray-200 px-2 py-1.5 text-xs dark:border-gray-700",
           "aria-busy": pending.status === "uploading",
           "aria-live": "polite",
           children: [
-            /* @__PURE__ */ jsx26(Paperclip3, { "aria-hidden": "true", className: "h-3.5 w-3.5 flex-none text-gray-400" }),
-            /* @__PURE__ */ jsx26("span", { className: "min-w-0 flex-1 truncate", children: pending.file.name }),
-            pending.status === "uploading" ? /* @__PURE__ */ jsx26("span", { className: "flex-none text-gray-500 dark:text-gray-400", children: text.attachmentUploading(Math.round(pending.progress * 100)) }) : /* @__PURE__ */ jsxs23(Fragment7, { children: [
-              /* @__PURE__ */ jsx26("span", { role: "alert", className: "flex-none text-red-600 dark:text-red-400", children: pending.error }),
-              /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx28(Paperclip3, { "aria-hidden": "true", className: "h-3.5 w-3.5 flex-none text-gray-400" }),
+            /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1 truncate", children: pending.file.name }),
+            pending.status === "uploading" ? /* @__PURE__ */ jsx28("span", { className: "flex-none text-gray-500 dark:text-gray-400", children: text.attachmentUploading(Math.round(pending.progress * 100)) }) : /* @__PURE__ */ jsxs24(Fragment7, { children: [
+              /* @__PURE__ */ jsx28("span", { role: "alert", className: "flex-none text-red-600 dark:text-red-400", children: pending.error }),
+              /* @__PURE__ */ jsx28(
                 "button",
                 {
                   type: "button",
@@ -5111,14 +5181,14 @@ function AttachmentsFormSection({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx28(
               "button",
               {
                 type: "button",
                 "aria-label": text.attachmentCancel,
                 onClick: () => onCancelUpload(pending.localId),
                 className: "flex-none text-gray-400",
-                children: /* @__PURE__ */ jsx26(X4, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ jsx28(X4, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
               }
             )
           ]
@@ -5126,11 +5196,11 @@ function AttachmentsFormSection({
         pending.localId
       ))
     ] }),
-    attachmentRejections.length > 0 ? /* @__PURE__ */ jsxs23("div", { role: "alert", className: "space-y-0.5 text-xs text-red-600 dark:text-red-400", children: [
-      attachmentRejections.map((rejection, index) => /* @__PURE__ */ jsx26("p", { children: rejection.reason === "limit" ? text.attachmentLimitReached : text.attachmentTooLarge(rejection.file.name) }, index)),
-      /* @__PURE__ */ jsx26("button", { type: "button", onClick: onDismissRejections, className: "hover:underline", children: text.cancel })
+    attachmentRejections.length > 0 ? /* @__PURE__ */ jsxs24("div", { role: "alert", className: "space-y-0.5 text-xs text-red-600 dark:text-red-400", children: [
+      attachmentRejections.map((rejection, index) => /* @__PURE__ */ jsx28("p", { children: rejection.reason === "limit" ? text.attachmentLimitReached : text.attachmentTooLarge(rejection.file.name) }, index)),
+      /* @__PURE__ */ jsx28("button", { type: "button", onClick: onDismissRejections, className: "hover:underline", children: text.cancel })
     ] }) : null,
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx28(
       "input",
       {
         ref: attachmentFileInputRef,
@@ -5143,7 +5213,7 @@ function AttachmentsFormSection({
         }
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx28(
       "button",
       {
         type: "button",
@@ -5156,7 +5226,7 @@ function AttachmentsFormSection({
 }
 
 // src/quickReplies/QuickRepliesWorkspace.tsx
-import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 var TABLE_SKELETON_ROWS = 3;
 function replaceWithNativeUndo(field, previous, next) {
   if (!canExecuteFormattingCommand()) return false;
@@ -5182,7 +5252,7 @@ function QuickRepliesWorkspace({
   const titleFieldId = `${formId}-title`;
   const shortcutFieldId = `${formId}-shortcut`;
   const bodyFieldId = `${formId}-body`;
-  const [confirmingDeleteId, setConfirmingDeleteId] = useState18(null);
+  const [confirmingDeleteId, setConfirmingDeleteId] = useState19(null);
   const deleteButtonRefs = useRef12({});
   const confirmButtonRef = useRef12(null);
   useEffect14(() => {
@@ -5272,14 +5342,14 @@ function QuickRepliesWorkspace({
     event.preventDefault();
     applyFormatting(action);
   };
-  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs24("header", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ jsx27("h2", { className: "text-lg font-semibold", children: text.title }),
-      /* @__PURE__ */ jsx27("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: text.subtitle(quickReplies.length) })
+  return /* @__PURE__ */ jsxs25("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs25("header", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsx29("h2", { className: "text-lg font-semibold", children: text.title }),
+      /* @__PURE__ */ jsx29("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: text.subtitle(quickReplies.length) })
     ] }),
-    readOnly ? /* @__PURE__ */ jsx27("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: text.readOnlyNotice }) : null,
-    /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx27(
+    readOnly ? /* @__PURE__ */ jsx29("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: text.readOnlyNotice }) : null,
+    /* @__PURE__ */ jsxs25("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx29(
         "input",
         {
           type: "search",
@@ -5290,22 +5360,22 @@ function QuickRepliesWorkspace({
           className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm dark:border-gray-700 dark:bg-gray-900 sm:w-64"
         }
       ),
-      !readOnly ? /* @__PURE__ */ jsxs24(
+      !readOnly ? /* @__PURE__ */ jsxs25(
         "button",
         {
           type: "button",
           onClick: startCreate,
           className: "cv-header-action cv-header-action--primary ml-auto inline-flex items-center gap-1",
           children: [
-            /* @__PURE__ */ jsx27(Plus2, { size: 14, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx29(Plus2, { size: 14, "aria-hidden": "true" }),
             text.create
           ]
         }
       ) : null
     ] }),
-    isLoading ? /* @__PURE__ */ jsx27("span", { className: "sr-only", "aria-live": "polite", children: text.loading }) : null,
-    loadError ? /* @__PURE__ */ jsx27("p", { role: "alert", className: "text-sm text-red-600 dark:text-red-400", children: loadError || text.failure }) : null,
-    editing ? /* @__PURE__ */ jsxs24(
+    isLoading ? /* @__PURE__ */ jsx29("span", { className: "sr-only", "aria-live": "polite", children: text.loading }) : null,
+    loadError ? /* @__PURE__ */ jsx29("p", { role: "alert", className: "text-sm text-red-600 dark:text-red-400", children: loadError || text.failure }) : null,
+    editing ? /* @__PURE__ */ jsxs25(
       "form",
       {
         className: "grid gap-4 rounded-lg border border-gray-200 p-4 dark:border-gray-700 lg:grid-cols-[minmax(0,1fr)_minmax(0,22rem)]",
@@ -5314,10 +5384,10 @@ function QuickRepliesWorkspace({
           void submit();
         },
         children: [
-          /* @__PURE__ */ jsxs24("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx27("label", { className: "block text-sm font-medium", htmlFor: titleFieldId, children: text.fieldTitle }),
-              /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsxs25("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs25("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx29("label", { className: "block text-sm font-medium", htmlFor: titleFieldId, children: text.fieldTitle }),
+              /* @__PURE__ */ jsx29(
                 "input",
                 {
                   id: titleFieldId,
@@ -5330,11 +5400,11 @@ function QuickRepliesWorkspace({
                   className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm dark:border-gray-700 dark:bg-gray-900"
                 }
               ),
-              fieldErrors.title ? /* @__PURE__ */ jsx27("p", { id: `${titleFieldId}-error`, role: "alert", className: "text-xs text-red-600 dark:text-red-400", children: fieldErrors.title }) : null
+              fieldErrors.title ? /* @__PURE__ */ jsx29("p", { id: `${titleFieldId}-error`, role: "alert", className: "text-xs text-red-600 dark:text-red-400", children: fieldErrors.title }) : null
             ] }),
-            /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx27("label", { className: "block text-sm font-medium", htmlFor: shortcutFieldId, children: text.fieldShortcut }),
-              /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsxs25("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx29("label", { className: "block text-sm font-medium", htmlFor: shortcutFieldId, children: text.fieldShortcut }),
+              /* @__PURE__ */ jsx29(
                 "input",
                 {
                   id: shortcutFieldId,
@@ -5347,12 +5417,12 @@ function QuickRepliesWorkspace({
                   className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm font-mono dark:border-gray-700 dark:bg-gray-900"
                 }
               ),
-              fieldErrors.shortcut ? /* @__PURE__ */ jsx27("p", { id: `${shortcutFieldId}-error`, role: "alert", className: "text-xs text-red-600 dark:text-red-400", children: fieldErrors.shortcut }) : /* @__PURE__ */ jsx27("p", { id: `${shortcutFieldId}-hint`, className: "text-xs text-gray-400", children: text.fieldShortcutHint })
+              fieldErrors.shortcut ? /* @__PURE__ */ jsx29("p", { id: `${shortcutFieldId}-error`, role: "alert", className: "text-xs text-red-600 dark:text-red-400", children: fieldErrors.shortcut }) : /* @__PURE__ */ jsx29("p", { id: `${shortcutFieldId}-hint`, className: "text-xs text-gray-400", children: text.fieldShortcutHint })
             ] }),
-            /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx27("label", { className: "block text-sm font-medium", htmlFor: bodyFieldId, children: text.fieldBody }),
-              /* @__PURE__ */ jsx27(QuickReplyFormattingToolbar, { labels: text, onFormat: applyFormatting }),
-              /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsxs25("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx29("label", { className: "block text-sm font-medium", htmlFor: bodyFieldId, children: text.fieldBody }),
+              /* @__PURE__ */ jsx29(QuickReplyFormattingToolbar, { labels: text, onFormat: applyFormatting }),
+              /* @__PURE__ */ jsx29(
                 "textarea",
                 {
                   id: bodyFieldId,
@@ -5367,8 +5437,8 @@ function QuickRepliesWorkspace({
                   className: "w-full resize-none rounded-md border border-gray-300 px-3 py-2 text-sm dark:border-gray-700 dark:bg-gray-900"
                 }
               ),
-              fieldErrors.body ? /* @__PURE__ */ jsx27("p", { id: `${bodyFieldId}-error`, role: "alert", className: "text-xs text-red-600 dark:text-red-400", children: fieldErrors.body }) : null,
-              variables && variables.length > 0 ? /* @__PURE__ */ jsx27("div", { className: "flex flex-wrap gap-1 pt-1", children: variables.map((variable) => /* @__PURE__ */ jsx27(
+              fieldErrors.body ? /* @__PURE__ */ jsx29("p", { id: `${bodyFieldId}-error`, role: "alert", className: "text-xs text-red-600 dark:text-red-400", children: fieldErrors.body }) : null,
+              variables && variables.length > 0 ? /* @__PURE__ */ jsx29("div", { className: "flex flex-wrap gap-1 pt-1", children: variables.map((variable) => /* @__PURE__ */ jsx29(
                 "button",
                 {
                   type: "button",
@@ -5380,7 +5450,7 @@ function QuickRepliesWorkspace({
                 variable.id
               )) }) : null
             ] }),
-            hasAttachmentsCapability ? /* @__PURE__ */ jsx27(
+            hasAttachmentsCapability ? /* @__PURE__ */ jsx29(
               AttachmentsFormSection,
               {
                 labels: text,
@@ -5395,9 +5465,9 @@ function QuickRepliesWorkspace({
                 onDismissRejections: dismissAttachmentRejections
               }
             ) : null,
-            saveError ? /* @__PURE__ */ jsx27("p", { role: "alert", className: "text-sm text-red-600 dark:text-red-400", children: saveError }) : null,
-            /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx27(
+            saveError ? /* @__PURE__ */ jsx29("p", { role: "alert", className: "text-sm text-red-600 dark:text-red-400", children: saveError }) : null,
+            /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx29(
                 "button",
                 {
                   type: "submit",
@@ -5408,10 +5478,10 @@ function QuickRepliesWorkspace({
                   children: isSaving ? text.saving : hasPendingUploads ? text.saveBlockedUploading : text.save
                 }
               ),
-              /* @__PURE__ */ jsx27("button", { type: "button", onClick: cancelEdit, className: "text-sm text-gray-500 hover:underline", children: text.cancel })
+              /* @__PURE__ */ jsx29("button", { type: "button", onClick: cancelEdit, className: "text-sm text-gray-500 hover:underline", children: text.cancel })
             ] })
           ] }),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx29(
             QuickReplyWhatsAppPreview,
             {
               body: editing.body,
@@ -5423,29 +5493,29 @@ function QuickRepliesWorkspace({
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsx27("div", { className: "cv-table-card", children: /* @__PURE__ */ jsxs24("table", { className: "cv-table", children: [
-      /* @__PURE__ */ jsx27("thead", { children: /* @__PURE__ */ jsxs24("tr", { children: [
-        /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: text.columnTitle }),
-        /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: text.columnShortcut }),
-        /* @__PURE__ */ jsx27("th", { scope: "col", className: "hidden px-3 py-2 text-left text-xs font-medium sm:table-cell", children: text.columnBody }),
-        !readOnly ? /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: text.columnActions }) : null
+    /* @__PURE__ */ jsx29("div", { className: "cv-table-card", children: /* @__PURE__ */ jsxs25("table", { className: "cv-table", children: [
+      /* @__PURE__ */ jsx29("thead", { children: /* @__PURE__ */ jsxs25("tr", { children: [
+        /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: text.columnTitle }),
+        /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: text.columnShortcut }),
+        /* @__PURE__ */ jsx29("th", { scope: "col", className: "hidden px-3 py-2 text-left text-xs font-medium sm:table-cell", children: text.columnBody }),
+        !readOnly ? /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: text.columnActions }) : null
       ] }) }),
-      /* @__PURE__ */ jsxs24("tbody", { children: [
-        isLoading ? Array.from({ length: TABLE_SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsxs24("tr", { "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx27("td", { className: "px-3 py-3", children: /* @__PURE__ */ jsx27("span", { className: "cv-skeleton-line cv-skeleton-line--title block" }) }),
-          /* @__PURE__ */ jsx27("td", { className: "px-3 py-3", children: /* @__PURE__ */ jsx27("span", { className: "cv-skeleton-line cv-skeleton-line--shortcut block" }) }),
-          /* @__PURE__ */ jsx27("td", { className: "hidden px-3 py-3 sm:table-cell", children: /* @__PURE__ */ jsx27("span", { className: "cv-skeleton-line cv-skeleton-line--body block" }) }),
-          !readOnly ? /* @__PURE__ */ jsx27("td", { className: "px-3 py-3" }) : null
-        ] }, index)) : filtered.length === 0 ? /* @__PURE__ */ jsx27("tr", { children: /* @__PURE__ */ jsx27("td", { colSpan: 4, className: "px-3 py-4 text-center text-sm text-gray-500 dark:text-gray-400", children: search.trim() ? text.noResults : text.empty }) }) : null,
-        !isLoading && filtered.map((quickReply) => /* @__PURE__ */ jsxs24("tr", { className: cn(deletingId === quickReply.id ? "cv-row-departing" : void 0), children: [
-          /* @__PURE__ */ jsx27("td", { className: "px-3 py-2 font-medium", children: quickReply.title }),
-          /* @__PURE__ */ jsxs24("td", { className: "px-3 py-2 font-mono text-xs text-gray-500", children: [
+      /* @__PURE__ */ jsxs25("tbody", { children: [
+        isLoading ? Array.from({ length: TABLE_SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsxs25("tr", { "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx29("td", { className: "px-3 py-3", children: /* @__PURE__ */ jsx29("span", { className: "cv-skeleton-line cv-skeleton-line--title block" }) }),
+          /* @__PURE__ */ jsx29("td", { className: "px-3 py-3", children: /* @__PURE__ */ jsx29("span", { className: "cv-skeleton-line cv-skeleton-line--shortcut block" }) }),
+          /* @__PURE__ */ jsx29("td", { className: "hidden px-3 py-3 sm:table-cell", children: /* @__PURE__ */ jsx29("span", { className: "cv-skeleton-line cv-skeleton-line--body block" }) }),
+          !readOnly ? /* @__PURE__ */ jsx29("td", { className: "px-3 py-3" }) : null
+        ] }, index)) : filtered.length === 0 ? /* @__PURE__ */ jsx29("tr", { children: /* @__PURE__ */ jsx29("td", { colSpan: 4, className: "px-3 py-4 text-center text-sm text-gray-500 dark:text-gray-400", children: search.trim() ? text.noResults : text.empty }) }) : null,
+        !isLoading && filtered.map((quickReply) => /* @__PURE__ */ jsxs25("tr", { className: cn(deletingId === quickReply.id ? "cv-row-departing" : void 0), children: [
+          /* @__PURE__ */ jsx29("td", { className: "px-3 py-2 font-medium", children: quickReply.title }),
+          /* @__PURE__ */ jsxs25("td", { className: "px-3 py-2 font-mono text-xs text-gray-500", children: [
             "/",
             quickReply.shortcut
           ] }),
-          /* @__PURE__ */ jsx27("td", { className: "hidden max-w-sm truncate px-3 py-2 text-gray-500 sm:table-cell", children: quickReply.body }),
-          !readOnly ? /* @__PURE__ */ jsx27("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-1", children: [
-            canEdit ? /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx29("td", { className: "hidden max-w-sm truncate px-3 py-2 text-gray-500 sm:table-cell", children: quickReply.body }),
+          !readOnly ? /* @__PURE__ */ jsx29("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1", children: [
+            canEdit ? /* @__PURE__ */ jsx29(
               "button",
               {
                 type: "button",
@@ -5453,13 +5523,13 @@ function QuickRepliesWorkspace({
                 "data-cv-tooltip": text.edit,
                 "aria-label": `${text.edit}: ${quickReply.title}`,
                 className: "cv-header-icon",
-                children: /* @__PURE__ */ jsx27(Pencil2, { size: 14, "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx29(Pencil2, { size: 14, "aria-hidden": "true" })
               }
             ) : null,
             canDelete ? confirmingDeleteId === quickReply.id ? (
               // Linha de confirmação inline em vez de `window.confirm`: trava a aba
               // inteira e não segue os tokens visuais do pacote (`web.md` §14).
-              /* @__PURE__ */ jsxs24(
+              /* @__PURE__ */ jsxs25(
                 "span",
                 {
                   role: "group",
@@ -5468,7 +5538,7 @@ function QuickRepliesWorkspace({
                   className: "flex items-center gap-2 text-xs",
                   children: [
                     text.removeConfirm(quickReply.title),
-                    /* @__PURE__ */ jsxs24(
+                    /* @__PURE__ */ jsxs25(
                       "button",
                       {
                         ref: confirmButtonRef,
@@ -5479,12 +5549,12 @@ function QuickRepliesWorkspace({
                         },
                         className: "cv-header-action cv-header-action--danger inline-flex items-center gap-1",
                         children: [
-                          /* @__PURE__ */ jsx27(Trash23, { size: 12, "aria-hidden": "true" }),
+                          /* @__PURE__ */ jsx29(Trash23, { size: 12, "aria-hidden": "true" }),
                           text.remove
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx27(
+                    /* @__PURE__ */ jsx29(
                       "button",
                       {
                         type: "button",
@@ -5496,7 +5566,7 @@ function QuickRepliesWorkspace({
                   ]
                 }
               )
-            ) : /* @__PURE__ */ jsx27(
+            ) : /* @__PURE__ */ jsx29(
               "button",
               {
                 ref: (node) => {
@@ -5509,7 +5579,7 @@ function QuickRepliesWorkspace({
                 "data-cv-tooltip": deletingId === quickReply.id ? text.deleting : text.remove,
                 "aria-label": `${deletingId === quickReply.id ? text.deleting : text.remove}: ${quickReply.title}`,
                 className: "cv-header-icon disabled:opacity-40",
-                children: /* @__PURE__ */ jsx27(Trash23, { size: 14, "aria-hidden": "true", className: "text-red-500" })
+                children: /* @__PURE__ */ jsx29(Trash23, { size: 14, "aria-hidden": "true", className: "text-red-500" })
               }
             ) : null
           ] }) }) : null
@@ -5520,12 +5590,12 @@ function QuickRepliesWorkspace({
 }
 
 // src/workspace/ConversationsWorkspace.tsx
-import { useEffect as useEffect20, useMemo as useMemo7, useState as useState25 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo7, useState as useState26 } from "react";
 import { Check as Check2, CheckCheck, FlaskConical, Hourglass as Hourglass2, Mail as Mail2, MessagesSquare } from "lucide-react";
 
 // src/workspace/BulkTemplateModal.tsx
-import { useEffect as useEffect15, useMemo as useMemo5, useState as useState19 } from "react";
-import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useEffect as useEffect15, useMemo as useMemo5, useState as useState20 } from "react";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 function BulkTemplateModal({
   labels,
   expiredCount,
@@ -5538,9 +5608,9 @@ function BulkTemplateModal({
     throw new Error("BulkTemplateModal requires an ancestor <ConversationsProvider>");
   }
   const { api } = context;
-  const [templates, setTemplates] = useState19([]);
-  const [search, setSearch] = useState19("");
-  const [selected, setSelected] = useState19("");
+  const [templates, setTemplates] = useState20([]);
+  const [search, setSearch] = useState20("");
+  const [selected, setSelected] = useState20("");
   useEffect15(() => {
     let active = true;
     void api.listTemplates?.().then((loaded) => {
@@ -5556,15 +5626,15 @@ function BulkTemplateModal({
     if (!term) return templates;
     return templates.filter((template) => template.name.toLowerCase().includes(term));
   }, [templates, search]);
-  return /* @__PURE__ */ jsx28("div", { className: "cv-workspace-modal", role: "dialog", "aria-modal": "true", "aria-label": labels.templateModalTitle, children: /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-modal__box", children: [
-    /* @__PURE__ */ jsxs25("header", { className: "cv-workspace-modal__header", children: [
-      /* @__PURE__ */ jsxs25("div", { children: [
-        /* @__PURE__ */ jsx28("h3", { children: labels.templateModalTitle }),
-        /* @__PURE__ */ jsx28("p", { children: labels.templateModalAvailable(templates.length) })
+  return /* @__PURE__ */ jsx30("div", { className: "cv-workspace-modal", role: "dialog", "aria-modal": "true", "aria-label": labels.templateModalTitle, children: /* @__PURE__ */ jsxs26("div", { className: "cv-workspace-modal__box", children: [
+    /* @__PURE__ */ jsxs26("header", { className: "cv-workspace-modal__header", children: [
+      /* @__PURE__ */ jsxs26("div", { children: [
+        /* @__PURE__ */ jsx30("h3", { children: labels.templateModalTitle }),
+        /* @__PURE__ */ jsx30("p", { children: labels.templateModalAvailable(templates.length) })
       ] }),
-      /* @__PURE__ */ jsx28("button", { "data-cv-tooltip": labels.templateModalCancel, type: "button", onClick: onClose, "aria-label": labels.templateModalCancel, children: "\u2715" })
+      /* @__PURE__ */ jsx30("button", { "data-cv-tooltip": labels.templateModalCancel, type: "button", onClick: onClose, "aria-label": labels.templateModalCancel, children: "\u2715" })
     ] }),
-    /* @__PURE__ */ jsx28("div", { className: "cv-workspace-modal__search", children: /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx30("div", { className: "cv-workspace-modal__search", children: /* @__PURE__ */ jsx30(
       "input",
       {
         type: "search",
@@ -5574,9 +5644,9 @@ function BulkTemplateModal({
         autoFocus: true
       }
     ) }),
-    /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-modal__list", children: [
-      filtered.length === 0 ? /* @__PURE__ */ jsx28("p", { className: "cv-workspace-empty", children: labels.templateModalEmpty }) : null,
-      filtered.map((template) => /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs26("div", { className: "cv-workspace-modal__list", children: [
+      filtered.length === 0 ? /* @__PURE__ */ jsx30("p", { className: "cv-workspace-empty", children: labels.templateModalEmpty }) : null,
+      filtered.map((template) => /* @__PURE__ */ jsxs26(
         "button",
         {
           "data-cv-tooltip": template.name,
@@ -5586,8 +5656,8 @@ function BulkTemplateModal({
           "aria-pressed": template.name === selected,
           className: `cv-workspace-modal__item${template.name === selected ? " cv-workspace-modal__item--on" : ""}`,
           children: [
-            /* @__PURE__ */ jsx28("span", { className: "cv-workspace-modal__item-name", children: template.name }),
-            /* @__PURE__ */ jsxs25("span", { className: "cv-workspace-modal__item-meta", children: [
+            /* @__PURE__ */ jsx30("span", { className: "cv-workspace-modal__item-name", children: template.name }),
+            /* @__PURE__ */ jsxs26("span", { className: "cv-workspace-modal__item-meta", children: [
               template.language,
               template.category ? ` \xB7 ${template.category.toLowerCase()}` : ""
             ] })
@@ -5596,10 +5666,10 @@ function BulkTemplateModal({
         template.name
       ))
     ] }),
-    expiredCount === 0 ? /* @__PURE__ */ jsx28("p", { className: "cv-workspace-modal__warning", children: labels.templateModalNoneExpired }) : null,
-    /* @__PURE__ */ jsxs25("footer", { className: "cv-workspace-modal__footer", children: [
-      /* @__PURE__ */ jsx28("button", { "data-cv-tooltip": labels.templateModalCancel, "aria-label": labels.templateModalCancel, type: "button", onClick: onClose, children: labels.templateModalCancel }),
-      /* @__PURE__ */ jsx28(
+    expiredCount === 0 ? /* @__PURE__ */ jsx30("p", { className: "cv-workspace-modal__warning", children: labels.templateModalNoneExpired }) : null,
+    /* @__PURE__ */ jsxs26("footer", { className: "cv-workspace-modal__footer", children: [
+      /* @__PURE__ */ jsx30("button", { "data-cv-tooltip": labels.templateModalCancel, "aria-label": labels.templateModalCancel, type: "button", onClick: onClose, children: labels.templateModalCancel }),
+      /* @__PURE__ */ jsx30(
         "button",
         {
           "data-cv-tooltip": sending ? labels.templateModalSending : labels.templateModalSend(expiredCount),
@@ -5615,10 +5685,10 @@ function BulkTemplateModal({
 }
 
 // src/workspace/ConversationPane.tsx
-import { useCallback as useCallback13, useEffect as useEffect18, useRef as useRef17, useState as useState23 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect18, useRef as useRef17, useState as useState24 } from "react";
 
 // src/hooks/useLoadOlderMessagesScroll.ts
-import { useCallback as useCallback10, useLayoutEffect as useLayoutEffect2, useRef as useRef13 } from "react";
+import { useCallback as useCallback11, useLayoutEffect as useLayoutEffect2, useRef as useRef13 } from "react";
 var NEAR_TOP_THRESHOLD_PX = 200;
 function computeScrollTopAfterPrepend(before, scrollHeightAfter) {
   return before.scrollTop + (scrollHeightAfter - before.scrollHeight);
@@ -5632,14 +5702,14 @@ function useLoadOlderMessagesScroll({
 }) {
   const pendingSnapshotRef = useRef13(null);
   const previousOldestMessageIdRef = useRef13(oldestMessageId);
-  const triggerLoadOlder = useCallback10(() => {
+  const triggerLoadOlder = useCallback11(() => {
     if (loading || !hasMore) return;
     const container = containerRef.current;
     if (!container) return;
     pendingSnapshotRef.current = { scrollHeight: container.scrollHeight, scrollTop: container.scrollTop };
     onLoadOlder();
   }, [containerRef, hasMore, loading, onLoadOlder]);
-  const handleScroll = useCallback10(
+  const handleScroll = useCallback11(
     (event) => {
       if (event.currentTarget.scrollTop > NEAR_TOP_THRESHOLD_PX) return;
       triggerLoadOlder();
@@ -5677,8 +5747,8 @@ function resolveConversationVariables({
 }
 
 // src/workspace/QueuedAttachmentsList.tsx
-import { useEffect as useEffect16, useRef as useRef14, useState as useState20 } from "react";
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useRef as useRef14, useState as useState21 } from "react";
+import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 function nameOf(item) {
   return item.kind === "local" ? item.file.name : item.filename;
 }
@@ -5693,7 +5763,7 @@ function AttachmentThumbnail({
   getThumbnailUrl
 }) {
   const isImage = mimeTypeOf(item).startsWith("image/");
-  const [url, setUrl] = useState20(item.kind === "local" ? void 0 : item.previewUrl);
+  const [url, setUrl] = useState21(item.kind === "local" ? void 0 : item.previewUrl);
   const localFile = item.kind === "local" ? item.file : void 0;
   const uploadId = item.kind === "stored" ? item.uploadId : void 0;
   useEffect16(() => {
@@ -5713,15 +5783,15 @@ function AttachmentThumbnail({
     };
   }, [isImage, uploadId, getThumbnailUrl]);
   if (!isImage) return null;
-  return /* @__PURE__ */ jsx29("span", { className: "cv-attachment-item__thumbnail", "aria-hidden": "true", children: url ? /* @__PURE__ */ jsx29("img", { src: url, alt: "" }) : null });
+  return /* @__PURE__ */ jsx31("span", { className: "cv-attachment-item__thumbnail", "aria-hidden": "true", children: url ? /* @__PURE__ */ jsx31("img", { src: url, alt: "" }) : null });
 }
 function departedItemsOf(previouslyRendered, items) {
   const currentKeys = new Set(items.map(attachmentKey));
   return previouslyRendered.filter((item) => !currentKeys.has(attachmentKey(item)));
 }
 function useDepartingItems(items) {
-  const [rendered, setRendered] = useState20(items);
-  const [departingKeys, setDepartingKeys] = useState20(/* @__PURE__ */ new Set());
+  const [rendered, setRendered] = useState21(items);
+  const [departingKeys, setDepartingKeys] = useState21(/* @__PURE__ */ new Set());
   const renderedRef = useRef14(rendered);
   renderedRef.current = rendered;
   useEffect16(() => {
@@ -5760,25 +5830,25 @@ function QueuedAttachmentsList({
     if (status === "skipped") return labels.skipped;
     return labels.waiting;
   };
-  return /* @__PURE__ */ jsx29("ul", { className: "cv-workspace-attachments", "aria-busy": busy, "aria-live": "polite", children: rendered.map((item) => {
+  return /* @__PURE__ */ jsx31("ul", { className: "cv-workspace-attachments", "aria-busy": busy, "aria-live": "polite", children: rendered.map((item) => {
     const key = attachmentKey(item);
     const status = statusOf2(key);
     const isDeparting = departingKeys.has(key);
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs27(
       "li",
       {
         className: `cv-attachment-item cv-attachment-item--${status}${isDeparting ? " cv-attachment-item--departing" : ""}`,
         children: [
-          /* @__PURE__ */ jsx29(AttachmentThumbnail, { item, getThumbnailUrl }),
-          /* @__PURE__ */ jsxs26("span", { className: "cv-attachment-item__info", children: [
-            /* @__PURE__ */ jsx29("span", { className: "cv-attachment-item__name", children: nameOf(item) }),
-            /* @__PURE__ */ jsxs26("span", { className: "cv-attachment-item__meta", children: [
+          /* @__PURE__ */ jsx31(AttachmentThumbnail, { item, getThumbnailUrl }),
+          /* @__PURE__ */ jsxs27("span", { className: "cv-attachment-item__info", children: [
+            /* @__PURE__ */ jsx31("span", { className: "cv-attachment-item__name", children: nameOf(item) }),
+            /* @__PURE__ */ jsxs27("span", { className: "cv-attachment-item__meta", children: [
               formatFileSize(sizeOf(item)),
               " \xB7 ",
               statusLabelOf(status)
             ] })
           ] }),
-          (status === "failed" || status === "skipped") && onRetry ? /* @__PURE__ */ jsx29(
+          (status === "failed" || status === "skipped") && onRetry ? /* @__PURE__ */ jsx31(
             "button",
             {
               type: "button",
@@ -5789,7 +5859,7 @@ function QueuedAttachmentsList({
               children: labels.retry
             }
           ) : null,
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx31(
             "button",
             {
               "data-cv-tooltip": labels.remove,
@@ -5808,10 +5878,10 @@ function QueuedAttachmentsList({
 }
 
 // src/workspace/useComposerQueue.ts
-import { useCallback as useCallback12, useEffect as useEffect17, useRef as useRef16, useState as useState22 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect17, useRef as useRef16, useState as useState23 } from "react";
 
 // src/workspace/useComposerAttachmentRetry.ts
-import { useCallback as useCallback11, useRef as useRef15, useState as useState21 } from "react";
+import { useCallback as useCallback12, useRef as useRef15, useState as useState22 } from "react";
 function useComposerAttachmentRetry(params) {
   const {
     conversationId,
@@ -5827,7 +5897,7 @@ function useComposerAttachmentRetry(params) {
   } = params;
   const retryIdempotencyKeyRef = useRef15(void 0);
   const retryingKeysRef = useRef15(/* @__PURE__ */ new Set());
-  const [retryingKeys, setRetryingKeys] = useState21(/* @__PURE__ */ new Set());
+  const [retryingKeys, setRetryingKeys] = useState22(/* @__PURE__ */ new Set());
   function markRetrying(key) {
     retryingKeysRef.current.add(key);
     setRetryingKeys(new Set(retryingKeysRef.current));
@@ -5903,7 +5973,7 @@ function useComposerAttachmentRetry(params) {
     }
     void retryStoredAttachment(item).finally(release);
   }
-  const resetRetryState = useCallback11(() => {
+  const resetRetryState = useCallback12(() => {
     retryIdempotencyKeyRef.current = void 0;
     retryingKeysRef.current.clear();
     setRetryingKeys(/* @__PURE__ */ new Set());
@@ -5914,9 +5984,9 @@ function useComposerAttachmentRetry(params) {
 // src/workspace/useComposerQueue.ts
 function useComposerQueue(params) {
   const { conversationId, draft, setDraft, api, labels, onSendAttachments, refetch, setSendFailure } = params;
-  const [queue, setQueue] = useState22([]);
-  const [attachmentStatus, setAttachmentStatus] = useState22({});
-  const [isSendingDraft, setIsSendingDraft] = useState22(false);
+  const [queue, setQueue] = useState23([]);
+  const [attachmentStatus, setAttachmentStatus] = useState23({});
+  const [isSendingDraft, setIsSendingDraft] = useState23(false);
   const sendInFlightRef = useRef16(false);
   const idempotencyKeyRef = useRef16(void 0);
   const currentConversationIdRef = useRef16(conversationId);
@@ -5941,11 +6011,11 @@ function useComposerQueue(params) {
     setIsSendingDraft(false);
     resetRetryState();
   }, [conversationId, resetRetryState]);
-  const enqueueAttachments = useCallback12((items) => {
+  const enqueueAttachments = useCallback13((items) => {
     if (items.length === 0) return;
     setQueue((current) => [...current, ...items]);
   }, []);
-  const removeQueuedAttachment = useCallback12((item) => {
+  const removeQueuedAttachment = useCallback13((item) => {
     setQueue((current) => current.filter((queued) => attachmentKey(queued) !== attachmentKey(item)));
   }, []);
   async function runSend(action, fallback) {
@@ -6051,7 +6121,7 @@ function useComposerQueue(params) {
 }
 
 // src/workspace/ConversationPane.tsx
-import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function ConversationPane({
   conversation,
   now,
@@ -6087,10 +6157,10 @@ function ConversationPane({
     conversation.id
   );
   const { context: conversationContext } = useConversationContext(conversation.id);
-  const [documentsOpen, setDocumentsOpen] = useState23(false);
-  const [sendFailure, setSendFailure] = useState23(void 0);
-  const [selectedMessageIds, setSelectedMessageIds] = useState23(/* @__PURE__ */ new Set());
-  const [draft, setDraft] = useState23(initialComposerText ?? "");
+  const [documentsOpen, setDocumentsOpen] = useState24(false);
+  const [sendFailure, setSendFailure] = useState24(void 0);
+  const [selectedMessageIds, setSelectedMessageIds] = useState24(/* @__PURE__ */ new Set());
+  const [draft, setDraft] = useState24(initialComposerText ?? "");
   const {
     queue,
     enqueueAttachments,
@@ -6111,7 +6181,7 @@ function ConversationPane({
     setSendFailure
   });
   const thumbnailUrlCacheRef = useRef17(/* @__PURE__ */ new Map());
-  const getQueuedAttachmentThumbnailUrl = useCallback13(
+  const getQueuedAttachmentThumbnailUrl = useCallback14(
     (uploadId) => {
       const cached = thumbnailUrlCacheRef.current.get(uploadId);
       if (cached) return cached;
@@ -6213,8 +6283,8 @@ function ConversationPane({
     }
   } : void 0;
   const botOwnsConversation = Boolean(requireTakeoverToReply) && conversation.mode !== "human";
-  return /* @__PURE__ */ jsxs27("div", { className: "cv-workspace-pane", children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-pane", children: [
+    /* @__PURE__ */ jsx32(
       ConversationHeader,
       {
         conversation,
@@ -6229,10 +6299,10 @@ function ConversationPane({
         ...extraUtilities ? { extraUtilities } : {}
       }
     ),
-    contextEntries && contextEntries.length > 0 || flowLabel ? /* @__PURE__ */ jsx30(ConversationContextPanel, { entries: contextEntries ?? [], ...flowLabel ? { flowLabel } : {} }) : null,
-    /* @__PURE__ */ jsx30(ConversationDocumentsPanel, { conversationId: conversation.id, open: documentsOpen }),
+    contextEntries && contextEntries.length > 0 || flowLabel ? /* @__PURE__ */ jsx32(ConversationContextPanel, { entries: contextEntries ?? [], ...flowLabel ? { flowLabel } : {} }) : null,
+    /* @__PURE__ */ jsx32(ConversationDocumentsPanel, { conversationId: conversation.id, open: documentsOpen }),
     renderAboveTranscript?.(conversation, conversationContext),
-    /* @__PURE__ */ jsxs27(
+    /* @__PURE__ */ jsxs28(
       ConversationWallpaper,
       {
         ref: scroll.containerRef,
@@ -6242,13 +6312,13 @@ function ConversationPane({
         },
         className: "cv-workspace-transcript",
         children: [
-          hasMoreOlderMessages ? /* @__PURE__ */ jsx30("div", { className: "cv-workspace-load-older", children: /* @__PURE__ */ jsx30("button", { type: "button", onClick: loadOlder.triggerLoadOlder, disabled: loadingOlderMessages, children: loadingOlderMessages ? labels.loadingOlderMessages : labels.loadOlderMessages }) }) : null,
+          hasMoreOlderMessages ? /* @__PURE__ */ jsx32("div", { className: "cv-workspace-load-older", children: /* @__PURE__ */ jsx32("button", { type: "button", onClick: loadOlder.triggerLoadOlder, disabled: loadingOlderMessages, children: loadingOlderMessages ? labels.loadingOlderMessages : labels.loadOlderMessages }) }) : null,
           messages.map((message, index) => {
             const previous = index > 0 ? messages[index - 1] : void 0;
             const startsNewDay = !previous || new Date(message.timestamp).toDateString() !== new Date(previous.timestamp).toDateString();
-            return /* @__PURE__ */ jsxs27("div", { children: [
-              startsNewDay ? /* @__PURE__ */ jsx30(DateDivider, { iso: message.timestamp }) : null,
-              /* @__PURE__ */ jsx30(
+            return /* @__PURE__ */ jsxs28("div", { children: [
+              startsNewDay ? /* @__PURE__ */ jsx32(DateDivider, { iso: message.timestamp }) : null,
+              /* @__PURE__ */ jsx32(
                 MessageBubble,
                 {
                   message,
@@ -6267,10 +6337,10 @@ function ConversationPane({
         ]
       }
     ),
-    messageSelection && selectedMessageIds.size > 0 ? /* @__PURE__ */ jsxs27("div", { className: "cv-workspace-selection", children: [
-      /* @__PURE__ */ jsx30("span", { children: labels.messagesSelected(selectedMessageIds.size) }),
-      /* @__PURE__ */ jsxs27("div", { className: "cv-workspace-selection__actions", children: [
-        /* @__PURE__ */ jsx30(
+    messageSelection && selectedMessageIds.size > 0 ? /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-selection", children: [
+      /* @__PURE__ */ jsx32("span", { children: labels.messagesSelected(selectedMessageIds.size) }),
+      /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-selection__actions", children: [
+        /* @__PURE__ */ jsx32(
           "button",
           {
             "data-cv-tooltip": labels.bulkClear,
@@ -6280,7 +6350,7 @@ function ConversationPane({
             children: labels.bulkClear
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx32(
           "button",
           {
             "data-cv-tooltip": labels.copySelected,
@@ -6292,11 +6362,11 @@ function ConversationPane({
         )
       ] })
     ] }) : null,
-    sendFailure ? /* @__PURE__ */ jsx30("p", { role: "alert", className: "cv-workspace-alert", children: sendFailure }) : null,
-    blocked ? /* @__PURE__ */ jsx30(WindowExpiredNotice, { disabled: busy, onSendTemplate: () => void handleSendTemplate() }) : botOwnsConversation ? (
+    sendFailure ? /* @__PURE__ */ jsx32("p", { role: "alert", className: "cv-workspace-alert", children: sendFailure }) : null,
+    blocked ? /* @__PURE__ */ jsx32(WindowExpiredNotice, { disabled: busy, onSendTemplate: () => void handleSendTemplate() }) : botOwnsConversation ? (
       // Responder com a conversa no bot atropelaria o fluxo automático no meio de uma pergunta.
-      /* @__PURE__ */ jsx30("p", { className: "cv-workspace-notice", children: labels.takeoverToReply })
-    ) : composer === "rich" ? /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx32("p", { className: "cv-workspace-notice", children: labels.takeoverToReply })
+    ) : composer === "rich" ? /* @__PURE__ */ jsx32(
       RichMessageComposer,
       {
         value: draft,
@@ -6319,7 +6389,7 @@ function ConversationPane({
         isSending: busy || isSendingDraft,
         hasQueuedAttachments: queue.length > 0,
         ...onRecordAudio ? {
-          idleAction: /* @__PURE__ */ jsx30(
+          idleAction: /* @__PURE__ */ jsx32(
             AudioRecorderButton,
             {
               onRecorded: (file) => void runSend(() => onRecordAudio(file), labels.recordFailure),
@@ -6328,7 +6398,7 @@ function ConversationPane({
           )
         } : {},
         ...queue.length > 0 ? {
-          attachmentsPreview: /* @__PURE__ */ jsx30(
+          attachmentsPreview: /* @__PURE__ */ jsx32(
             QueuedAttachmentsList,
             {
               items: queue,
@@ -6354,7 +6424,7 @@ function ConversationPane({
         ...composerVariables ? { variables: [...composerVariables] } : {},
         ...savedQuickReplies ? { savedQuickReplies } : {}
       }
-    ) : /* @__PURE__ */ jsx30(
+    ) : /* @__PURE__ */ jsx32(
       MessageComposer,
       {
         value: draft,
@@ -6372,7 +6442,7 @@ function ConversationPane({
 }
 
 // src/workspace/ConversationsInboxList.tsx
-import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 function ConversationsInboxList({
   inbox,
   labels,
@@ -6383,13 +6453,13 @@ function ConversationsInboxList({
   onSendTemplateToSelected
 }) {
   const hasSelection = inbox.selectedIds.size > 0;
-  return /* @__PURE__ */ jsxs28("aside", { className, children: [
-    hasSelection ? /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-bulk", children: [
-      /* @__PURE__ */ jsx31("span", { className: "cv-workspace-bulk__count", children: labels.bulkSelected(inbox.selectedIds.size) }),
-      /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-bulk__actions", children: [
-        /* @__PURE__ */ jsx31("button", { "data-cv-tooltip": labels.bulkClear, "aria-label": labels.bulkClear, type: "button", onClick: inbox.clearBulkSelection, children: labels.bulkClear }),
-        onSendTemplateToSelected ? /* @__PURE__ */ jsx31("button", { "data-cv-tooltip": labels.bulkTemplate, "aria-label": labels.bulkTemplate, type: "button", onClick: onSendTemplateToSelected, disabled: inbox.busy, children: labels.bulkTemplate }) : null,
-        inbox.canFinalize ? /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs29("aside", { className, children: [
+    hasSelection ? /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-bulk", children: [
+      /* @__PURE__ */ jsx33("span", { className: "cv-workspace-bulk__count", children: labels.bulkSelected(inbox.selectedIds.size) }),
+      /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-bulk__actions", children: [
+        /* @__PURE__ */ jsx33("button", { "data-cv-tooltip": labels.bulkClear, "aria-label": labels.bulkClear, type: "button", onClick: inbox.clearBulkSelection, children: labels.bulkClear }),
+        onSendTemplateToSelected ? /* @__PURE__ */ jsx33("button", { "data-cv-tooltip": labels.bulkTemplate, "aria-label": labels.bulkTemplate, type: "button", onClick: onSendTemplateToSelected, disabled: inbox.busy, children: labels.bulkTemplate }) : null,
+        inbox.canFinalize ? /* @__PURE__ */ jsx33(
           "button",
           {
             "data-cv-tooltip": labels.bulkFinalize,
@@ -6407,8 +6477,8 @@ function ConversationsInboxList({
         renderBulkActions?.(inbox)
       ] })
     ] }) : null,
-    /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-filters", children: [
-      /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-filters", children: [
+      /* @__PURE__ */ jsx33(
         "input",
         {
           type: "search",
@@ -6418,9 +6488,9 @@ function ConversationsInboxList({
           className: "cv-workspace-search"
         }
       ),
-      /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-chips", children: [
-        /* @__PURE__ */ jsx31("span", { className: "cv-workspace-chips__legend", children: labels.windowLegend }),
-        WINDOW_FILTERS.map((filter) => /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-chips", children: [
+        /* @__PURE__ */ jsx33("span", { className: "cv-workspace-chips__legend", children: labels.windowLegend }),
+        WINDOW_FILTERS.map((filter) => /* @__PURE__ */ jsx33(
           "button",
           {
             type: "button",
@@ -6438,9 +6508,9 @@ function ConversationsInboxList({
           filter.value
         ))
       ] }),
-      inbox.channelFilters.length > 0 ? /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-chips", children: [
-        /* @__PURE__ */ jsx31("span", { className: "cv-workspace-chips__legend", children: labels.channelLegend }),
-        inbox.channelFilters.map((filter) => /* @__PURE__ */ jsxs28(
+      inbox.channelFilters.length > 0 ? /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-chips", children: [
+        /* @__PURE__ */ jsx33("span", { className: "cv-workspace-chips__legend", children: labels.channelLegend }),
+        inbox.channelFilters.map((filter) => /* @__PURE__ */ jsxs29(
           "button",
           {
             "data-cv-tooltip": filter.label,
@@ -6450,7 +6520,7 @@ function ConversationsInboxList({
             "aria-pressed": inbox.channelFilter === filter.value,
             className: `cv-workspace-chip${inbox.channelFilter === filter.value ? " cv-workspace-chip--on" : ""}`,
             children: [
-              filter.value === CHANNEL_FILTER_ALL ? null : /* @__PURE__ */ jsx31(ChannelIcon, { channel: filter.value }),
+              filter.value === CHANNEL_FILTER_ALL ? null : /* @__PURE__ */ jsx33(ChannelIcon, { channel: filter.value }),
               filter.label
             ]
           },
@@ -6458,14 +6528,14 @@ function ConversationsInboxList({
         ))
       ] }) : null,
       renderFilters?.(inbox),
-      /* @__PURE__ */ jsxs28("label", { className: "cv-workspace-selectall", children: [
-        /* @__PURE__ */ jsx31("input", { type: "checkbox", checked: inbox.allOnPageSelected, onChange: inbox.toggleSelectAllOnPage }),
+      /* @__PURE__ */ jsxs29("label", { className: "cv-workspace-selectall", children: [
+        /* @__PURE__ */ jsx33("input", { type: "checkbox", checked: inbox.allOnPageSelected, onChange: inbox.toggleSelectAllOnPage }),
         labels.selectAll
       ] })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-rows", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-rows", children: [
       inbox.pageConversations.map(
-        (conversation) => renderRow ? /* @__PURE__ */ jsx31("div", { children: renderRow(conversation) }, conversation.id) : /* @__PURE__ */ jsx31(
+        (conversation) => renderRow ? /* @__PURE__ */ jsx33("div", { children: renderRow(conversation) }, conversation.id) : /* @__PURE__ */ jsx33(
           ConversationRow,
           {
             conversation,
@@ -6480,13 +6550,13 @@ function ConversationsInboxList({
           conversation.id
         )
       ),
-      !inbox.loading && inbox.filteredCount === 0 ? /* @__PURE__ */ jsx31("p", { className: "cv-workspace-empty", children: labels.emptyList }) : null
+      !inbox.loading && inbox.filteredCount === 0 ? /* @__PURE__ */ jsx33("p", { className: "cv-workspace-empty", children: labels.emptyList }) : null
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-pager", children: [
-      /* @__PURE__ */ jsx31("span", { children: labels.rangeOf(inbox.firstOnPage, inbox.lastOnPage, inbox.filteredCount) }),
-      /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-pager__buttons", children: [
-        /* @__PURE__ */ jsx31("button", { type: "button", onClick: () => inbox.goToPage(1), disabled: inbox.page === 1, "aria-label": PAGINATION_LABELS.first, "data-cv-tooltip": PAGINATION_LABELS.first, children: "\xAB" }),
-        /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-pager", children: [
+      /* @__PURE__ */ jsx33("span", { children: labels.rangeOf(inbox.firstOnPage, inbox.lastOnPage, inbox.filteredCount) }),
+      /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-pager__buttons", children: [
+        /* @__PURE__ */ jsx33("button", { type: "button", onClick: () => inbox.goToPage(1), disabled: inbox.page === 1, "aria-label": PAGINATION_LABELS.first, "data-cv-tooltip": PAGINATION_LABELS.first, children: "\xAB" }),
+        /* @__PURE__ */ jsx33(
           "button",
           {
             type: "button",
@@ -6497,8 +6567,8 @@ function ConversationsInboxList({
             children: "\u2039"
           }
         ),
-        /* @__PURE__ */ jsx31("span", { children: labels.pageOf(inbox.page, inbox.pageCount) }),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33("span", { children: labels.pageOf(inbox.page, inbox.pageCount) }),
+        /* @__PURE__ */ jsx33(
           "button",
           {
             type: "button",
@@ -6509,7 +6579,7 @@ function ConversationsInboxList({
             children: "\u203A"
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(
           "button",
           {
             type: "button",
@@ -6575,7 +6645,7 @@ var DEFAULT_CONVERSATIONS_WORKSPACE_LABELS = {
 };
 
 // src/workspace/useConversationsInbox.ts
-import { useCallback as useCallback14, useEffect as useEffect19, useMemo as useMemo6, useRef as useRef18, useState as useState24 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect19, useMemo as useMemo6, useRef as useRef18, useState as useState25 } from "react";
 var CONVERSATIONS_PER_PAGE = 50;
 function defaultDescribeFailure(error) {
   const status = error.status;
@@ -6593,14 +6663,14 @@ function useConversationsInbox(params = {}) {
   const perPage = params.perPage ?? CONVERSATIONS_PER_PAGE;
   const markReadOnOpen = params.markReadOnOpen ?? true;
   const describeFailure = params.describeFailure ?? defaultDescribeFailure;
-  const [waitingOnly, setWaitingOnly] = useState24(false);
-  const [windowFilter, setWindowFilter] = useState24(CONVERSATION_WINDOW.ALL);
-  const [channelFilter, setChannelFilter] = useState24(CHANNEL_FILTER_ALL);
-  const [search, setSearch] = useState24("");
-  const [page, setPage] = useState24(1);
-  const [selectedId, setSelectedId] = useState24(void 0);
-  const [selectedIds, setSelectedIds] = useState24(/* @__PURE__ */ new Set());
-  const [busy, setBusy] = useState24(false);
+  const [waitingOnly, setWaitingOnly] = useState25(false);
+  const [windowFilter, setWindowFilter] = useState25(CONVERSATION_WINDOW.ALL);
+  const [channelFilter, setChannelFilter] = useState25(CHANNEL_FILTER_ALL);
+  const [search, setSearch] = useState25("");
+  const [page, setPage] = useState25(1);
+  const [selectedId, setSelectedId] = useState25(void 0);
+  const [selectedIds, setSelectedIds] = useState25(/* @__PURE__ */ new Set());
+  const [busy, setBusy] = useState25(false);
   const { conversations, total, loading, error, refetch } = useConversationList({
     ...waitingOnly ? { waitingHuman: true } : {},
     ...search ? { search } : {},
@@ -6608,7 +6678,7 @@ function useConversationsInbox(params = {}) {
     ...params.serverPaginated ? { page, limit: perPage } : {}
   });
   useGlobalRealtime(
-    useCallback14(() => {
+    useCallback15(() => {
       void refetch();
     }, [refetch])
   );
@@ -6644,7 +6714,7 @@ function useConversationsInbox(params = {}) {
     void api.markRead(selectedId).then(() => refetch()).catch(() => {
     });
   }, [markReadOnOpen, selectedId, conversations, refetch, api]);
-  const toggleSelected = useCallback14((conversationId) => {
+  const toggleSelected = useCallback15((conversationId) => {
     setSelectedIds((current) => {
       const next = new Set(current);
       if (next.has(conversationId)) next.delete(conversationId);
@@ -6654,7 +6724,7 @@ function useConversationsInbox(params = {}) {
   }, []);
   const pageIds = pageConversations.map((conversation) => conversation.id);
   const allOnPageSelected = pageIds.length > 0 && pageIds.every((id) => selectedIds.has(id));
-  const toggleSelectAllOnPage = useCallback14(() => {
+  const toggleSelectAllOnPage = useCallback15(() => {
     setSelectedIds((current) => {
       const next = new Set(current);
       if (allOnPageSelected) pageIds.forEach((id) => next.delete(id));
@@ -6662,7 +6732,7 @@ function useConversationsInbox(params = {}) {
       return next;
     });
   }, [allOnPageSelected, pageIds]);
-  const runOnSelection = useCallback14(
+  const runOnSelection = useCallback15(
     async (action) => {
       setBusy(true);
       try {
@@ -6675,7 +6745,7 @@ function useConversationsInbox(params = {}) {
     },
     [selectedIds, refetch]
   );
-  const runConversationAction = useCallback14(
+  const runConversationAction = useCallback15(
     async (action, conversationId) => {
       if (!action) return;
       setBusy(true);
@@ -6757,7 +6827,7 @@ function useConversationsInbox(params = {}) {
 }
 
 // src/workspace/ConversationsWorkspace.tsx
-import { Fragment as Fragment8, jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function ConversationsWorkspace({
   labels: labelsOverride,
   filters,
@@ -6798,9 +6868,9 @@ function ConversationsWorkspace({
     ...markReadOnOpen === void 0 ? {} : { markReadOnOpen },
     ...serverPaginated ? { serverPaginated } : {}
   });
-  const [simulatorOpen, setSimulatorOpen] = useState25(false);
-  const [templateModalOpen, setTemplateModalOpen] = useState25(false);
-  const [openedFromLink, setOpenedFromLink] = useState25(void 0);
+  const [simulatorOpen, setSimulatorOpen] = useState26(false);
+  const [templateModalOpen, setTemplateModalOpen] = useState26(false);
+  const [openedFromLink, setOpenedFromLink] = useState26(void 0);
   useEffect20(() => {
     const link = initialConversationId ?? initialWhatsappNumber;
     if (!link || openedFromLink === link) return;
@@ -6833,50 +6903,50 @@ function ConversationsWorkspace({
       ...fromProduct,
       {
         key: "simulator",
-        icon: simulator?.icon ?? /* @__PURE__ */ jsx32(FlaskConical, { size: ICON_SIZE_ACTION }),
+        icon: simulator?.icon ?? /* @__PURE__ */ jsx34(FlaskConical, { size: ICON_SIZE_ACTION }),
         label: simulator?.label ?? "Simular cliente",
         active: simulatorOpen,
         run: () => setSimulatorOpen((open) => !open)
       }
     ];
   }, [selected, extraUtilitiesFor, simulatorEnabled, simulator, simulatorOpen]);
-  return /* @__PURE__ */ jsxs29("div", { className: `cv-workspace${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx32(TooltipLayer, {}),
-    /* @__PURE__ */ jsxs29("header", { className: "cv-workspace-header", children: [
-      /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-header__titles", children: [
-        /* @__PURE__ */ jsx32("h1", { children: labels.title }),
-        /* @__PURE__ */ jsxs29("p", { children: [
-          /* @__PURE__ */ jsxs29("span", { "data-cv-tooltip": labels.conversations, className: "cv-stat", children: [
-            /* @__PURE__ */ jsx32(MessagesSquare, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
+  return /* @__PURE__ */ jsxs30("div", { className: `cv-workspace${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx34(TooltipLayer, {}),
+    /* @__PURE__ */ jsxs30("header", { className: "cv-workspace-header", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "cv-workspace-header__titles", children: [
+        /* @__PURE__ */ jsx34("h1", { children: labels.title }),
+        /* @__PURE__ */ jsxs30("p", { children: [
+          /* @__PURE__ */ jsxs30("span", { "data-cv-tooltip": labels.conversations, className: "cv-stat", children: [
+            /* @__PURE__ */ jsx34(MessagesSquare, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
             " ",
             inbox.totalCount,
-            /* @__PURE__ */ jsxs29("span", { className: "cv-only-wide", children: [
+            /* @__PURE__ */ jsxs30("span", { className: "cv-only-wide", children: [
               " ",
               labels.conversations
             ] })
           ] }),
-          /* @__PURE__ */ jsxs29("span", { "data-cv-tooltip": labels.waiting, className: "cv-stat cv-workspace-header__waiting", children: [
-            /* @__PURE__ */ jsx32(Hourglass2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs30("span", { "data-cv-tooltip": labels.waiting, className: "cv-stat cv-workspace-header__waiting", children: [
+            /* @__PURE__ */ jsx34(Hourglass2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
             " ",
             inbox.waitingCount,
-            /* @__PURE__ */ jsxs29("span", { className: "cv-only-wide", children: [
+            /* @__PURE__ */ jsxs30("span", { className: "cv-only-wide", children: [
               " ",
               labels.waiting
             ] })
           ] }),
-          /* @__PURE__ */ jsxs29("span", { "data-cv-tooltip": labels.unread, className: "cv-stat", children: [
-            /* @__PURE__ */ jsx32(Mail2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs30("span", { "data-cv-tooltip": labels.unread, className: "cv-stat", children: [
+            /* @__PURE__ */ jsx34(Mail2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
             " ",
             inbox.unreadCount,
-            /* @__PURE__ */ jsxs29("span", { className: "cv-only-wide", children: [
+            /* @__PURE__ */ jsxs30("span", { className: "cv-only-wide", children: [
               " ",
               labels.unread
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-header__actions", children: [
-        /* @__PURE__ */ jsxs29(
+      /* @__PURE__ */ jsxs30("div", { className: "cv-workspace-header__actions", children: [
+        /* @__PURE__ */ jsxs30(
           "button",
           {
             type: "button",
@@ -6886,12 +6956,12 @@ function ConversationsWorkspace({
             "aria-label": labels.waitingOnly,
             className: inbox.waitingOnly ? "cv-workspace-toggle cv-workspace-toggle--on" : "cv-workspace-toggle",
             children: [
-              /* @__PURE__ */ jsx32(Hourglass2, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx32("span", { className: "cv-only-wide", children: labels.waitingOnly })
+              /* @__PURE__ */ jsx34(Hourglass2, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx34("span", { className: "cv-only-wide", children: labels.waitingOnly })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs29(
+        /* @__PURE__ */ jsxs30(
           "button",
           {
             type: "button",
@@ -6901,9 +6971,9 @@ function ConversationsWorkspace({
             "aria-label": labels.markSelectedAsRead,
             className: "cv-workspace-toggle",
             children: [
-              /* @__PURE__ */ jsx32(Check2, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx32("span", { className: "cv-only-wide", children: labels.markSelectedAsRead }),
-              inbox.selectedIds.size > 0 ? /* @__PURE__ */ jsxs29("span", { children: [
+              /* @__PURE__ */ jsx34(Check2, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx34("span", { className: "cv-only-wide", children: labels.markSelectedAsRead }),
+              inbox.selectedIds.size > 0 ? /* @__PURE__ */ jsxs30("span", { children: [
                 "(",
                 inbox.selectedIds.size,
                 ")"
@@ -6911,7 +6981,7 @@ function ConversationsWorkspace({
             ]
           }
         ),
-        inbox.canMarkAllRead && inbox.unreadCount > 0 ? /* @__PURE__ */ jsxs29(
+        inbox.canMarkAllRead && inbox.unreadCount > 0 ? /* @__PURE__ */ jsxs30(
           "button",
           {
             type: "button",
@@ -6921,28 +6991,28 @@ function ConversationsWorkspace({
             "aria-label": labels.markAllAsRead,
             className: "cv-workspace-toggle",
             children: [
-              /* @__PURE__ */ jsx32(CheckCheck, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx32("span", { className: "cv-only-wide", children: labels.markAllAsRead })
+              /* @__PURE__ */ jsx34(CheckCheck, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx34("span", { className: "cv-only-wide", children: labels.markAllAsRead })
             ]
           }
         ) : null,
         renderHeaderActions?.(inbox)
       ] })
     ] }),
-    inbox.loadFailure ? /* @__PURE__ */ jsxs29("p", { role: "alert", className: "cv-workspace-failure", children: [
+    inbox.loadFailure ? /* @__PURE__ */ jsxs30("p", { role: "alert", className: "cv-workspace-failure", children: [
       inbox.loadFailure,
-      signInHref ? /* @__PURE__ */ jsxs29(Fragment8, { children: [
+      signInHref ? /* @__PURE__ */ jsxs30(Fragment8, { children: [
         " ",
-        /* @__PURE__ */ jsx32("a", { href: signInHref, className: "cv-workspace-failure__link", children: labels.signIn })
+        /* @__PURE__ */ jsx34("a", { href: signInHref, className: "cv-workspace-failure__link", children: labels.signIn })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs29(
+    /* @__PURE__ */ jsxs30(
       "div",
       {
         className: `cv-workspace-grid${showSimulator ? " cv-workspace-grid--with-simulator" : ""}`,
         "data-detail": selected ? "open" : "closed",
         children: [
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx34(
             ConversationsInboxList,
             {
               inbox,
@@ -6954,7 +7024,7 @@ function ConversationsWorkspace({
               ...onSendTemplateToSelected ? { onSendTemplateToSelected: () => onSendTemplateToSelected(inbox) } : inbox.canListTemplates ? { onSendTemplateToSelected: () => setTemplateModalOpen(true) } : {}
             }
           ),
-          /* @__PURE__ */ jsx32("section", { className: "cv-workspace-detail", children: selected ? /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx34("section", { className: "cv-workspace-detail", children: selected ? /* @__PURE__ */ jsx34(
             ConversationPane,
             {
               conversation: selected,
@@ -6984,14 +7054,14 @@ function ConversationsWorkspace({
               ...renderAboveTranscript ? { renderAboveTranscript } : {},
               ...onAttach ? { onAttach: (file) => onAttach(selected, file) } : {}
             }
-          ) : /* @__PURE__ */ jsx32("p", { className: "cv-workspace-empty", children: labels.emptyDetail }) }),
+          ) : /* @__PURE__ */ jsx34("p", { className: "cv-workspace-empty", children: labels.emptyDetail }) }),
           showSimulator && selected ? (
             // `min-height:0` junto do `min-width:0`: sem isso a linha do grid cresce com o conteúdo do
             // painel, o scroll interno nunca ativa e quem rola passa a ser a página inteira.
-            /* @__PURE__ */ jsx32("div", { className: "cv-workspace-simulator", children: simulator?.render ? simulator.render({ conversationId: selected.id, channel, close: () => setSimulatorOpen(false) }) : simulatorClient && conversations ? (
+            /* @__PURE__ */ jsx34("div", { className: "cv-workspace-simulator", children: simulator?.render ? simulator.render({ conversationId: selected.id, channel, close: () => setSimulatorOpen(false) }) : simulatorClient && conversations ? (
               // `key` pela conversa: trocar de contato sem remontar deixaria o transcript e o campo
               // de texto do contato anterior na tela.
-              /* @__PURE__ */ jsx32(
+              /* @__PURE__ */ jsx34(
                 ConversationSimulatorPanel,
                 {
                   client: simulatorClient,
@@ -7012,7 +7082,7 @@ function ConversationsWorkspace({
         ]
       }
     ),
-    templateModalOpen ? /* @__PURE__ */ jsx32(
+    templateModalOpen ? /* @__PURE__ */ jsx34(
       BulkTemplateModal,
       {
         labels,