@adatechnology/conversations-ui 0.1.0 → 0.2.0

package/dist/{chunk-BJNRLLDO.js → chunk-NHQDQJL2.js}

@@ -1298,7 +1298,13 @@ function AudioRecorderButton({
 }
 
 // src/MessageComposer.tsx
-import { useState as useState8, useRef as useRef3, useCallback as useCallback4 } from "react";
+import {
+  useState as useState9,
+  useRef as useRef5,
+  useCallback as useCallback5,
+  useEffect as useEffect5,
+  useId
+} from "react";
 
 // src/composer.constant.ts
 var COMPOSER_BAR_CLASS = "cv-composer-bar";
@@ -1309,8 +1315,282 @@ var COMPOSER_MONOSPACE_CLASS = "bg-black/5 dark:bg-white/10 rounded px-0.5 font-
 var COMPOSER_COMPACT_WIDTH = 480;
 var QUICK_REPLY_PILL_CLASS = "whitespace-nowrap rounded-full border border-gray-200 bg-white px-3 py-1.5 text-xs text-gray-600 shadow-sm transition-colors hover:border-teal-200 hover:bg-teal-50 hover:text-teal-700 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:border-teal-800 dark:hover:bg-teal-950/40 dark:hover:text-teal-400";
 
+// src/quickReplies/QuickRepliesPicker.tsx
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
+import { Paperclip } from "lucide-react";
+
+// src/quickReplies/labels.ts
+var DEFAULT_QUICK_REPLIES_PICKER_LABELS = {
+  loading: "Carregando mensagens prontas\u2026",
+  error: "N\xE3o foi poss\xEDvel carregar as mensagens prontas.",
+  empty: "Nenhuma mensagem pronta cadastrada ainda.",
+  noResults: "Nenhuma mensagem encontrada.",
+  attachmentsCount: (count) => `${count} ${count === 1 ? "anexo" : "anexos"}`,
+  attachmentsUnavailable: "Este produto n\xE3o envia os anexos desta mensagem \u2014 s\xF3 o texto entra."
+};
+var DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS = {
+  title: "Mensagens prontas",
+  subtitle: (total) => `${total} ${total === 1 ? "mensagem cadastrada" : "mensagens cadastradas"}`,
+  searchPlaceholder: "Buscar por t\xEDtulo, atalho ou texto",
+  loading: "Carregando mensagens prontas\u2026",
+  failure: "N\xE3o foi poss\xEDvel carregar as mensagens prontas.",
+  empty: "Nenhuma mensagem pronta cadastrada ainda.",
+  noResults: "Nenhuma mensagem encontrada para a busca.",
+  create: "Nova mensagem",
+  edit: "Editar",
+  remove: "Excluir",
+  removeConfirm: (title) => `Excluir a mensagem "${title}"?`,
+  save: "Salvar",
+  cancel: "Cancelar",
+  columnTitle: "T\xEDtulo",
+  columnShortcut: "Atalho",
+  columnBody: "Texto",
+  columnActions: "A\xE7\xF5es",
+  fieldTitle: "T\xEDtulo",
+  fieldTitleInvalid: "Digite um t\xEDtulo de at\xE9 40 caracteres.",
+  fieldShortcut: "Atalho",
+  fieldShortcutHint: "Letras min\xFAsculas, n\xFAmeros e h\xEDfen, sem espa\xE7o nem acento.",
+  fieldShortcutInvalid: "Atalho inv\xE1lido \u2014 s\xF3 letras min\xFAsculas, n\xFAmeros e h\xEDfen, at\xE9 20 caracteres.",
+  fieldBody: "Texto",
+  fieldBodyInvalid: "Digite um texto de at\xE9 1000 caracteres.",
+  insertVariable: "Inserir vari\xE1vel",
+  shortcutTaken: "Esse atalho j\xE1 est\xE1 em uso \u2014 escolha outro.",
+  readOnlyNotice: "Voc\xEA s\xF3 pode consultar as mensagens prontas.",
+  saveError: "N\xE3o foi poss\xEDvel salvar a mensagem.",
+  saveUnavailable: "Salvar mensagens prontas n\xE3o est\xE1 dispon\xEDvel.",
+  saving: "Salvando\u2026",
+  deleting: "Excluindo\u2026",
+  attachmentsTitle: "Anexos",
+  attachmentsAdd: "Adicionar anexo",
+  attachmentsEmpty: "Nenhum anexo \u2014 at\xE9 10 arquivos.",
+  attachmentUploading: (percent) => `Enviando\u2026 ${percent}%`,
+  attachmentProcessing: "Processando\u2026",
+  attachmentRetry: "Tentar de novo",
+  attachmentRemove: "Remover anexo",
+  attachmentCancel: "Cancelar envio",
+  attachmentMoveUp: "Mover para cima",
+  attachmentMoveDown: "Mover para baixo",
+  attachmentLimitReached: "Limite de 10 anexos por mensagem.",
+  attachmentTooLarge: (filename) => `${filename}: excede o tamanho m\xE1ximo para o tipo de arquivo.`,
+  saveBlockedUploading: "Aguardando o envio dos anexos\u2026"
+};
+
+// src/quickReplies/QuickRepliesPicker.tsx
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+var LOADING_SKELETON_ROWS = 4;
+function QuickRepliesPicker({
+  id,
+  items,
+  search,
+  highlightedIndex,
+  isLoading,
+  hasError,
+  onHover,
+  onSelect,
+  labels,
+  className,
+  ownSearch,
+  variables,
+  hasAttachmentsCapability
+}) {
+  const text = { ...DEFAULT_QUICK_REPLIES_PICKER_LABELS, ...labels };
+  const searchInputRef = useRef3(null);
+  useEffect3(() => {
+    if (ownSearch) searchInputRef.current?.focus();
+  }, []);
+  const activeOptionId = items.length > 0 ? `${id}-option-${highlightedIndex}` : void 0;
+  return /* @__PURE__ */ jsxs10("div", { className, children: [
+    ownSearch ? /* @__PURE__ */ jsx14(
+      "input",
+      {
+        ref: searchInputRef,
+        type: "text",
+        role: "combobox",
+        "aria-expanded": "true",
+        "aria-controls": id,
+        "aria-activedescendant": activeOptionId,
+        value: ownSearch.value,
+        onChange: (event) => ownSearch.onChange(event.target.value),
+        onKeyDown: ownSearch.onKeyDown,
+        placeholder: ownSearch.label,
+        "aria-label": ownSearch.label,
+        className: "mb-1 w-72 rounded-lg border border-gray-200 bg-white px-3 py-2 text-sm outline-none focus:border-gray-400 dark:border-gray-700 dark:bg-gray-900"
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs10(
+      "ul",
+      {
+        role: "listbox",
+        id,
+        className: "max-h-64 w-72 overflow-y-auto rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-900",
+        children: [
+          isLoading ? /* @__PURE__ */ jsxs10("li", { "aria-busy": "true", "aria-live": "polite", children: [
+            /* @__PURE__ */ jsx14("span", { className: "sr-only", children: text.loading }),
+            Array.from({ length: LOADING_SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsxs10("span", { className: "flex flex-col gap-1 px-3 py-2", children: [
+              /* @__PURE__ */ jsx14("span", { className: "cv-skeleton-line", style: { width: "60%", height: "0.75rem" } }),
+              /* @__PURE__ */ jsx14("span", { className: "cv-skeleton-line", style: { width: "85%", height: "0.625rem" } })
+            ] }, index))
+          ] }) : null,
+          !isLoading && hasError ? /* @__PURE__ */ jsx14("li", { role: "alert", className: "px-3 py-2 text-sm text-red-600 dark:text-red-400", children: text.error }) : null,
+          !isLoading && !hasError && items.length === 0 ? /* @__PURE__ */ jsx14("li", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: search.trim() ? text.noResults : text.empty }) : null,
+          !isLoading && !hasError ? items.map((quickReply, index) => {
+            const resolvedBody = applyQuickReplyVariables(quickReply.body, variables);
+            return /* @__PURE__ */ jsxs10(
+              "li",
+              {
+                id: `${id}-option-${index}`,
+                role: "option",
+                "aria-selected": index === highlightedIndex,
+                className: cn(
+                  "flex cursor-pointer flex-col gap-0.5 px-3 py-2 text-sm",
+                  index === highlightedIndex ? "bg-gray-100 dark:bg-gray-800" : void 0
+                ),
+                onMouseEnter: () => onHover(index),
+                onMouseDown: (event) => {
+                  event.preventDefault();
+                  onSelect(quickReply);
+                },
+                children: [
+                  /* @__PURE__ */ jsxs10("span", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxs10("span", { className: "font-mono text-xs text-gray-400", children: [
+                      "/",
+                      quickReply.shortcut
+                    ] }),
+                    /* @__PURE__ */ jsx14("span", { className: "truncate font-medium", children: highlightMatch(quickReply.title, search).map(
+                      (segment, segmentIndex) => segment.isMatch ? /* @__PURE__ */ jsx14("mark", { className: "rounded-sm bg-yellow-200 dark:bg-yellow-700/60", children: segment.text }, segmentIndex) : /* @__PURE__ */ jsx14("span", { children: segment.text }, segmentIndex)
+                    ) }),
+                    quickReply.attachments && quickReply.attachments.length > 0 ? /* @__PURE__ */ jsxs10(
+                      "span",
+                      {
+                        className: cn(
+                          "flex flex-none items-center gap-0.5 text-xs",
+                          hasAttachmentsCapability ? "text-gray-500 dark:text-gray-400" : "text-amber-600 dark:text-amber-400"
+                        ),
+                        title: hasAttachmentsCapability ? void 0 : text.attachmentsUnavailable,
+                        children: [
+                          /* @__PURE__ */ jsx14(Paperclip, { "aria-hidden": "true", className: "h-3 w-3" }),
+                          text.attachmentsCount(quickReply.attachments.length)
+                        ]
+                      }
+                    ) : null
+                  ] }),
+                  quickReply.attachments && quickReply.attachments.length > 0 && !hasAttachmentsCapability ? /* @__PURE__ */ jsx14("span", { className: "text-xs text-amber-600 dark:text-amber-400", children: text.attachmentsUnavailable }) : null,
+                  /* @__PURE__ */ jsx14("span", { className: "truncate text-xs text-gray-500 dark:text-gray-400", children: highlightMatch(resolvedBody, search).map(
+                    (segment, segmentIndex) => segment.isMatch ? /* @__PURE__ */ jsx14("mark", { className: "rounded-sm bg-yellow-200 dark:bg-yellow-700/60", children: segment.text }, segmentIndex) : /* @__PURE__ */ jsx14("span", { children: segment.text }, segmentIndex)
+                  ) })
+                ]
+              },
+              quickReply.id
+            );
+          }) : null
+        ]
+      }
+    )
+  ] });
+}
+
+// src/quickReplies/useQuickRepliesPicker.ts
+import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef4, useState as useState8 } from "react";
+function nextHighlightedIndex(current, length, delta) {
+  if (length === 0) return 0;
+  return (current + delta + length) % length;
+}
+function useQuickRepliesPicker({
+  isOpen,
+  search,
+  listQuickReplies,
+  quickReplyVariables,
+  onSelect,
+  onClose
+}) {
+  const cacheRef = useRef4(void 0);
+  const requestIdRef = useRef4(0);
+  const [items, setItems] = useState8([]);
+  const [isLoading, setIsLoading] = useState8(false);
+  const [hasError, setHasError] = useState8(false);
+  const [highlightedIndex, setHighlightedIndex] = useState8(0);
+  const load = useCallback4(() => {
+    if (!listQuickReplies) return;
+    const requestId = ++requestIdRef.current;
+    setIsLoading(true);
+    setHasError(false);
+    listQuickReplies().then((result) => {
+      if (requestIdRef.current !== requestId) return;
+      cacheRef.current = result;
+      setItems(result);
+      setIsLoading(false);
+    }).catch(() => {
+      if (requestIdRef.current !== requestId) return;
+      setHasError(true);
+      setIsLoading(false);
+    });
+  }, [listQuickReplies]);
+  useEffect4(() => {
+    if (!isOpen || !listQuickReplies) return;
+    if (cacheRef.current) {
+      setItems(cacheRef.current);
+      return;
+    }
+    load();
+  }, [isOpen, listQuickReplies, load]);
+  const refetch = useCallback4(() => {
+    cacheRef.current = void 0;
+    load();
+  }, [load]);
+  const filtered = filterQuickReplies({ quickReplies: items, search, variables: quickReplyVariables });
+  useEffect4(() => {
+    setHighlightedIndex(0);
+  }, [search, filtered.length]);
+  const handleKeyDown = useCallback4(
+    (event) => {
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setHighlightedIndex((index) => nextHighlightedIndex(index, filtered.length, 1));
+        return;
+      }
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setHighlightedIndex((index) => nextHighlightedIndex(index, filtered.length, -1));
+        return;
+      }
+      if (event.key === "Enter") {
+        const selected = filtered[highlightedIndex];
+        if (!selected) return;
+        event.preventDefault();
+        onSelect(selected);
+        return;
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onClose();
+      }
+    },
+    [filtered, highlightedIndex, onSelect, onClose]
+  );
+  return { items: filtered, isLoading, hasError, highlightedIndex, setHighlightedIndex, handleKeyDown, refetch };
+}
+
+// src/quickReplies/quickReplyShortcut.ts
+var QUICK_REPLY_SHORTCUT_PATTERN = /(?:^|\s)\/([a-z0-9-]*)$/i;
+function detectQuickReplyShortcut(text) {
+  const match = QUICK_REPLY_SHORTCUT_PATTERN.exec(text);
+  if (!match) return void 0;
+  return { start: match.index + (match[0].startsWith("/") ? 0 : 1), term: match[1] ?? "" };
+}
+function replaceQuickReplyShortcut({
+  text,
+  start,
+  caret,
+  replacement
+}) {
+  return {
+    text: text.slice(0, start) + replacement + text.slice(caret),
+    caret: start + replacement.length
+  };
+}
+
 // src/MessageComposer.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function applyQuickReplyVariables(template, variables = {}) {
   return template.replace(/\{\{\s*([\w.]+)\s*\}\}/g, (_, chave) => variables[chave] ?? "");
 }
@@ -1321,7 +1601,8 @@ var DEFAULT_MESSAGE_COMPOSER_LABELS = {
   emoji: "Emoji",
   attach: "Anexar",
   send: "Enviar",
-  removeAttachment: "Remover anexo"
+  removeAttachment: "Remover anexo",
+  quickReplies: "Mensagens prontas"
 };
 var DEFAULT_ACCEPTED_FILE_TYPES = [
   "image/jpeg,image/png,image/webp",
@@ -1340,6 +1621,7 @@ var MessageComposer = ({
   onChange: externalOnChange,
   quickReplies,
   quickReplyVariables,
+  savedQuickReplies,
   features,
   placeholder = "Digite uma mensagem...",
   maxLength,
@@ -1354,23 +1636,124 @@ var MessageComposer = ({
   const attachLabel = labels?.attach ?? DEFAULT_MESSAGE_COMPOSER_LABELS.attach;
   const sendLabel = labels?.send ?? DEFAULT_MESSAGE_COMPOSER_LABELS.send;
   const removeAttachmentLabel = labels?.removeAttachment ?? DEFAULT_MESSAGE_COMPOSER_LABELS.removeAttachment;
-  const [internalText, setInternalText] = useState8("");
-  const [showEmoji, setShowEmoji] = useState8(false);
-  const [attachments, setAttachments] = useState8([]);
-  const textareaRef = useRef3(null);
-  const fileInputRef = useRef3(null);
+  const quickRepliesLabel = labels?.quickReplies ?? DEFAULT_MESSAGE_COMPOSER_LABELS.quickReplies;
+  const [internalText, setInternalText] = useState9("");
+  const [showEmoji, setShowEmoji] = useState9(false);
+  const [attachments, setAttachments] = useState9([]);
+  const textareaRef = useRef5(null);
+  const fileInputRef = useRef5(null);
+  const quickRepliesListboxId = useId();
+  const [isQuickRepliesOpen, setIsQuickRepliesOpen] = useState9(false);
+  const [quickRepliesTerm, setQuickRepliesTerm] = useState9("");
+  const [shortcutStart, setShortcutStart] = useState9(null);
+  const [quickRepliesMode, setQuickRepliesMode] = useState9("shortcut");
+  const [caretPosition, setCaretPosition] = useState9(0);
+  const quickRepliesPopoverRef = useRef5(null);
+  const quickRepliesTriggerRef = useRef5(null);
   const isControlled = externalValue !== void 0;
   const text = isControlled ? externalValue : internalText;
-  const setText = useCallback4((newText) => {
-    if (isControlled) {
-      externalOnChange?.(newText);
-    } else {
-      setInternalText(newText);
-    }
-  }, [isControlled, externalOnChange]);
+  const setText = useCallback5(
+    (newText) => {
+      if (isControlled) {
+        externalOnChange?.(newText);
+      } else {
+        setInternalText(newText);
+      }
+    },
+    [isControlled, externalOnChange]
+  );
   const showEmojiButton = features?.emoji !== false;
   const showAttachButton = features?.documents !== false;
-  const sendMessage = useCallback4(() => {
+  const showQuickRepliesButton = Boolean(savedQuickReplies);
+  useEffect5(() => {
+    if (!showQuickRepliesButton || quickRepliesMode === "button") return;
+    const match = detectQuickReplyShortcut(text.slice(0, caretPosition));
+    setIsQuickRepliesOpen(Boolean(match));
+    setQuickRepliesTerm(match?.term ?? "");
+    setShortcutStart(match?.start ?? null);
+  }, [text, caretPosition, showQuickRepliesButton, quickRepliesMode]);
+  useEffect5(() => {
+    if (!showQuickRepliesButton) setIsQuickRepliesOpen(false);
+  }, [showQuickRepliesButton]);
+  const closeQuickReplies = useCallback5(() => {
+    setIsQuickRepliesOpen(false);
+    setShortcutStart(null);
+    setQuickRepliesTerm("");
+    setQuickRepliesMode("shortcut");
+  }, []);
+  const closeQuickRepliesAndRefocus = useCallback5(() => {
+    closeQuickReplies();
+    textareaRef.current?.focus();
+  }, [closeQuickReplies]);
+  const trackCaret = useCallback5((event) => {
+    setCaretPosition(event.currentTarget.selectionStart);
+  }, []);
+  const insertSavedQuickReply = useCallback5(
+    (quickReply) => {
+      savedQuickReplies?.onSelect?.(quickReply);
+      const ta = textareaRef.current;
+      if (!ta) return;
+      const resolvedBody = applyQuickReplyVariables(quickReply.body, savedQuickReplies?.variables);
+      if (quickRepliesMode === "button") {
+        const start = ta.selectionStart;
+        const end = ta.selectionEnd;
+        const newText2 = text.slice(0, start) + resolvedBody + text.slice(end);
+        setText(newText2);
+        closeQuickReplies();
+        requestAnimationFrame(() => {
+          ta.focus();
+          const caret2 = start + resolvedBody.length;
+          ta.setSelectionRange(caret2, caret2);
+        });
+        return;
+      }
+      if (shortcutStart === null) return;
+      const shortcutEnd = shortcutStart + 1 + quickRepliesTerm.length;
+      const { text: newText, caret } = replaceQuickReplyShortcut({
+        text,
+        start: shortcutStart,
+        caret: shortcutEnd,
+        replacement: resolvedBody
+      });
+      setText(newText);
+      closeQuickReplies();
+      requestAnimationFrame(() => {
+        ta.focus();
+        ta.setSelectionRange(caret, caret);
+      });
+    },
+    [text, setText, shortcutStart, quickRepliesTerm, quickRepliesMode, savedQuickReplies, closeQuickReplies]
+  );
+  const quickRepliesPicker = useQuickRepliesPicker({
+    isOpen: isQuickRepliesOpen,
+    search: quickRepliesTerm,
+    listQuickReplies: savedQuickReplies?.listQuickReplies,
+    quickReplyVariables: savedQuickReplies?.variables,
+    onSelect: insertSavedQuickReply,
+    onClose: closeQuickRepliesAndRefocus
+  });
+  const openQuickRepliesViaButton = useCallback5(() => {
+    if (isQuickRepliesOpen && quickRepliesMode === "button") {
+      closeQuickRepliesAndRefocus();
+      return;
+    }
+    setQuickRepliesMode("button");
+    setQuickRepliesTerm("");
+    setShortcutStart(null);
+    setIsQuickRepliesOpen(true);
+  }, [isQuickRepliesOpen, quickRepliesMode, closeQuickRepliesAndRefocus]);
+  useEffect5(() => {
+    if (!isQuickRepliesOpen || quickRepliesMode !== "button") return;
+    const handleOutsideClick = (event) => {
+      const target = event.target;
+      if (quickRepliesPopoverRef.current?.contains(target)) return;
+      if (quickRepliesTriggerRef.current?.contains(target)) return;
+      closeQuickRepliesAndRefocus();
+    };
+    document.addEventListener("mousedown", handleOutsideClick);
+    return () => document.removeEventListener("mousedown", handleOutsideClick);
+  }, [isQuickRepliesOpen, quickRepliesMode, closeQuickRepliesAndRefocus]);
+  const sendMessage = useCallback5(() => {
     const trimmed = text.trim();
     if (!trimmed && attachments.length === 0) return;
     if (trimmed) onSend(trimmed);
@@ -1383,35 +1766,45 @@ var MessageComposer = ({
     setShowEmoji(false);
     if (textareaRef.current) textareaRef.current.style.height = "auto";
   }, [text, attachments, onSend, onAttach, isControlled]);
-  const handleKeyDown = useCallback4((e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      if (!disabled) sendMessage();
-    }
-  }, [sendMessage, disabled]);
-  const handleInput = useCallback4(() => {
+  const handleKeyDown = useCallback5(
+    (e) => {
+      if (isQuickRepliesOpen && quickRepliesMode === "shortcut") {
+        quickRepliesPicker.handleKeyDown(e);
+        return;
+      }
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        if (!disabled) sendMessage();
+      }
+    },
+    [sendMessage, disabled, isQuickRepliesOpen, quickRepliesMode, quickRepliesPicker]
+  );
+  const handleInput = useCallback5(() => {
     const ta = textareaRef.current;
     if (!ta) return;
     ta.style.height = "auto";
     ta.style.height = `${Math.min(ta.scrollHeight, 100)}px`;
   }, []);
-  const handleEmojiSelect = useCallback4((emoji) => {
-    const ta = textareaRef.current;
-    if (!ta) {
-      setText(text + emoji);
-      return;
-    }
-    const start = ta.selectionStart;
-    const end = ta.selectionEnd;
-    const newText = text.slice(0, start) + emoji + text.slice(end);
-    setText(newText);
-    requestAnimationFrame(() => {
-      ta.focus();
-      ta.setSelectionRange(start + emoji.length, start + emoji.length);
-      handleInput();
-    });
-  }, [text, setText, handleInput]);
-  const handleFileChange = useCallback4((e) => {
+  const handleEmojiSelect = useCallback5(
+    (emoji) => {
+      const ta = textareaRef.current;
+      if (!ta) {
+        setText(text + emoji);
+        return;
+      }
+      const start = ta.selectionStart;
+      const end = ta.selectionEnd;
+      const newText = text.slice(0, start) + emoji + text.slice(end);
+      setText(newText);
+      requestAnimationFrame(() => {
+        ta.focus();
+        ta.setSelectionRange(start + emoji.length, start + emoji.length);
+        handleInput();
+      });
+    },
+    [text, setText, handleInput]
+  );
+  const handleFileChange = useCallback5((e) => {
     const files = e.target.files;
     if (!files) return;
     const previews = [];
@@ -1422,7 +1815,7 @@ var MessageComposer = ({
     setAttachments((prev) => [...prev, ...previews]);
     if (fileInputRef.current) fileInputRef.current.value = "";
   }, []);
-  const removeAttachment = useCallback4((index) => {
+  const removeAttachment = useCallback5((index) => {
     setAttachments((prev) => {
       const next = [...prev];
       if (next[index].previewUrl) URL.revokeObjectURL(next[index].previewUrl);
@@ -1430,36 +1823,22 @@ var MessageComposer = ({
       return next;
     });
   }, []);
-  const insertFormatting = useCallback4((marker) => {
-    const ta = textareaRef.current;
-    if (!ta) return;
-    const start = ta.selectionStart;
-    const end = ta.selectionEnd;
-    const sel = text.slice(start, end);
-    if (sel) {
-      setText(text.slice(0, start) + marker + sel + marker + text.slice(end));
-      requestAnimationFrame(() => {
-        ta.focus();
-        ta.setSelectionRange(start + marker.length + sel.length + marker.length, start + marker.length + sel.length + marker.length);
-      });
-    }
-  }, [text, setText]);
-  const effectiveIdleAction = idleAction ?? (onAttach ? /* @__PURE__ */ jsx14(AudioRecorderButton, { onRecorded: (file) => onAttach(file) }) : void 0);
+  const effectiveIdleAction = idleAction ?? (onAttach ? /* @__PURE__ */ jsx15(AudioRecorderButton, { onRecorded: (file) => onAttach(file) }) : void 0);
   const canSend = text.trim().length > 0 || attachments.length > 0;
   const remaining = maxLength ? maxLength - text.length : null;
   return (
     /* A barra é a superfície (cinza, largura cheia, sem raio) e o campo dentro é que arredonda —
        ordem do WhatsApp. Invertido, o pill arredondado ia até a borda da tela e os cantos
        descobriam o fundo branco da página, que lia como defeito. */
-    /* @__PURE__ */ jsxs10("div", { className: cn(COMPOSER_BAR_CLASS, className), children: [
-      quickReplies && quickReplies.length > 0 && /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsxs11("div", { className: cn(COMPOSER_BAR_CLASS, className), children: [
+      quickReplies && quickReplies.length > 0 && /* @__PURE__ */ jsx15(
         "div",
         {
           className: cn(
             "mb-2 flex flex-nowrap gap-1 overflow-x-auto px-1 sm:flex-wrap sm:overflow-x-visible [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
             classNames?.quickReplies
           ),
-          children: quickReplies.map((quickReply) => /* @__PURE__ */ jsx14(
+          children: quickReplies.map((quickReply) => /* @__PURE__ */ jsx15(
             "button",
             {
               "data-cv-tooltip": quickReply.label,
@@ -1476,45 +1855,127 @@ var MessageComposer = ({
           ))
         }
       ),
-      attachments.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex gap-2 px-1 pb-2 overflow-x-auto", children: attachments.map((a, i) => /* @__PURE__ */ jsxs10("div", { className: "relative flex-shrink-0", children: [
-        a.previewUrl ? /* @__PURE__ */ jsx14("img", { src: a.previewUrl, alt: "", className: "w-16 h-16 object-cover rounded-lg border border-gray-200" }) : /* @__PURE__ */ jsx14("div", { className: "w-16 h-16 bg-gray-100 rounded-lg border border-gray-200 flex items-center justify-center", children: /* @__PURE__ */ jsxs10("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "1.5", children: [
-          /* @__PURE__ */ jsx14("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-          /* @__PURE__ */ jsx14("polyline", { points: "14 2 14 8 20 8" })
+      attachments.length > 0 && /* @__PURE__ */ jsx15("div", { className: "flex gap-2 px-1 pb-2 overflow-x-auto", children: attachments.map((a, i) => /* @__PURE__ */ jsxs11("div", { className: "relative flex-shrink-0", children: [
+        a.previewUrl ? /* @__PURE__ */ jsx15("img", { src: a.previewUrl, alt: "", className: "w-16 h-16 object-cover rounded-lg border border-gray-200" }) : /* @__PURE__ */ jsx15("div", { className: "w-16 h-16 bg-gray-100 rounded-lg border border-gray-200 flex items-center justify-center", children: /* @__PURE__ */ jsxs11("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "1.5", children: [
+          /* @__PURE__ */ jsx15("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+          /* @__PURE__ */ jsx15("polyline", { points: "14 2 14 8 20 8" })
         ] }) }),
-        /* @__PURE__ */ jsx14("button", { "data-cv-tooltip": removeAttachmentLabel, "aria-label": removeAttachmentLabel, onClick: () => removeAttachment(i), className: "absolute -top-2 -right-2 w-5 h-5 bg-gray-600 text-white rounded-full flex items-center justify-center hover:bg-gray-800 text-xs", children: "\u2715" })
+        /* @__PURE__ */ jsx15(
+          "button",
+          {
+            "data-cv-tooltip": removeAttachmentLabel,
+            "aria-label": removeAttachmentLabel,
+            onClick: () => removeAttachment(i),
+            className: "absolute -top-2 -right-2 w-5 h-5 bg-gray-600 text-white rounded-full flex items-center justify-center hover:bg-gray-800 text-xs",
+            children: "\u2715"
+          }
+        )
       ] }, i)) }),
-      /* @__PURE__ */ jsxs10("div", { className: cn("flex items-end gap-1.5 rounded-xl bg-white px-3 py-2", classNames?.field), children: [
-        showEmojiButton && /* @__PURE__ */ jsxs10("div", { className: "relative flex-shrink-0", children: [
-          /* @__PURE__ */ jsx14("button", { "data-cv-tooltip": emojiLabel, onClick: () => setShowEmoji((v) => !v), className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 transition-colors", "aria-label": emojiLabel, children: /* @__PURE__ */ jsxs10("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ jsx14("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
-            /* @__PURE__ */ jsx14("circle", { cx: "9", cy: "9", r: "0.5", fill: "currentColor" }),
-            /* @__PURE__ */ jsx14("circle", { cx: "15", cy: "9", r: "0.5", fill: "currentColor" })
-          ] }) }),
-          showEmoji && /* @__PURE__ */ jsx14("div", { className: "absolute bottom-full left-0 mb-2 z-10", children: /* @__PURE__ */ jsx14(EmojiPicker, { onSelect: handleEmojiSelect }) })
+      /* @__PURE__ */ jsxs11("div", { className: cn("flex items-end gap-1.5 rounded-xl bg-white px-3 py-2", classNames?.field), children: [
+        showEmojiButton && /* @__PURE__ */ jsxs11("div", { className: "relative flex-shrink-0", children: [
+          /* @__PURE__ */ jsx15(
+            "button",
+            {
+              "data-cv-tooltip": emojiLabel,
+              onClick: () => setShowEmoji((v) => !v),
+              className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 transition-colors",
+              "aria-label": emojiLabel,
+              children: /* @__PURE__ */ jsxs11("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "10" }),
+                /* @__PURE__ */ jsx15("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+                /* @__PURE__ */ jsx15("circle", { cx: "9", cy: "9", r: "0.5", fill: "currentColor" }),
+                /* @__PURE__ */ jsx15("circle", { cx: "15", cy: "9", r: "0.5", fill: "currentColor" })
+              ] })
+            }
+          ),
+          showEmoji && /* @__PURE__ */ jsx15("div", { className: "absolute bottom-full left-0 mb-2 z-10", children: /* @__PURE__ */ jsx15(EmojiPicker, { onSelect: handleEmojiSelect }) })
         ] }),
-        /* @__PURE__ */ jsx14(
-          "textarea",
-          {
-            ref: textareaRef,
-            value: text,
-            onChange: (e) => {
-              setText(e.target.value);
-              handleInput();
+        /* @__PURE__ */ jsxs11("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ jsx15(
+            "textarea",
+            {
+              ref: textareaRef,
+              value: text,
+              onChange: (e) => {
+                setText(e.target.value);
+                setCaretPosition(e.target.selectionStart);
+                handleInput();
+              },
+              onKeyDown: handleKeyDown,
+              onKeyUp: trackCaret,
+              onClick: trackCaret,
+              onSelect: trackCaret,
+              placeholder,
+              rows: 1,
+              disabled,
+              role: showQuickRepliesButton ? "combobox" : void 0,
+              "aria-expanded": showQuickRepliesButton ? isQuickRepliesOpen : void 0,
+              "aria-controls": showQuickRepliesButton ? quickRepliesListboxId : void 0,
+              "aria-activedescendant": isQuickRepliesOpen && quickRepliesMode === "shortcut" ? `${quickRepliesListboxId}-option-${quickRepliesPicker.highlightedIndex}` : void 0,
+              className: "w-full resize-none bg-transparent text-[15px] text-[#3b4a54] placeholder-[#8696a0] outline-none py-1.5 max-h-[100px] leading-relaxed",
+              style: { fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }
+            }
+          ),
+          isQuickRepliesOpen && /* @__PURE__ */ jsx15("div", { ref: quickRepliesPopoverRef, className: "absolute bottom-full left-0 mb-2 z-10", children: /* @__PURE__ */ jsx15(
+            QuickRepliesPicker,
+            {
+              id: quickRepliesListboxId,
+              items: quickRepliesPicker.items,
+              search: quickRepliesTerm,
+              highlightedIndex: quickRepliesPicker.highlightedIndex,
+              isLoading: quickRepliesPicker.isLoading,
+              hasError: quickRepliesPicker.hasError,
+              onHover: quickRepliesPicker.setHighlightedIndex,
+              onSelect: insertSavedQuickReply,
+              labels: savedQuickReplies?.labels,
+              variables: savedQuickReplies?.variables,
+              hasAttachmentsCapability: savedQuickReplies?.hasAttachmentsCapability,
+              ownSearch: quickRepliesMode === "button" ? {
+                value: quickRepliesTerm,
+                onChange: setQuickRepliesTerm,
+                onKeyDown: quickRepliesPicker.handleKeyDown,
+                label: quickRepliesLabel
+              } : void 0
             },
-            onKeyDown: handleKeyDown,
-            placeholder,
-            rows: 1,
-            disabled,
-            className: "flex-1 resize-none bg-transparent text-[15px] text-[#3b4a54] placeholder-[#8696a0] outline-none py-1.5 max-h-[100px] leading-relaxed",
-            style: { fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }
+            quickRepliesMode
+          ) })
+        ] }),
+        showQuickRepliesButton && /* @__PURE__ */ jsx15(
+          "button",
+          {
+            ref: quickRepliesTriggerRef,
+            type: "button",
+            "data-cv-tooltip": quickRepliesLabel,
+            "aria-label": quickRepliesLabel,
+            onClick: openQuickRepliesViaButton,
+            className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 flex-shrink-0 transition-colors",
+            children: /* @__PURE__ */ jsx15("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx15("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) })
           }
         ),
-        showAttachButton && /* @__PURE__ */ jsxs10(Fragment3, { children: [
-          /* @__PURE__ */ jsx14("input", { ref: fileInputRef, type: "file", multiple: true, accept: acceptedFileTypes, onChange: handleFileChange, className: "hidden" }),
-          /* @__PURE__ */ jsx14("button", { "data-cv-tooltip": attachLabel, onClick: () => fileInputRef.current?.click(), className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 flex-shrink-0 transition-colors", "aria-label": attachLabel, children: /* @__PURE__ */ jsx14("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx14("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) }) })
+        showAttachButton && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx15(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              multiple: true,
+              accept: acceptedFileTypes,
+              onChange: handleFileChange,
+              className: "hidden"
+            }
+          ),
+          /* @__PURE__ */ jsx15(
+            "button",
+            {
+              "data-cv-tooltip": attachLabel,
+              onClick: () => fileInputRef.current?.click(),
+              className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 flex-shrink-0 transition-colors",
+              "aria-label": attachLabel,
+              children: /* @__PURE__ */ jsx15("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx15("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) })
+            }
+          )
         ] }),
-        !canSend && effectiveIdleAction ? /* @__PURE__ */ jsx14("div", { className: "flex-shrink-0", children: effectiveIdleAction }) : /* @__PURE__ */ jsx14(
+        !canSend && effectiveIdleAction ? /* @__PURE__ */ jsx15("div", { className: "flex-shrink-0", children: effectiveIdleAction }) : /* @__PURE__ */ jsx15(
           "button",
           {
             "data-cv-tooltip": sendLabel,
@@ -1522,20 +1983,76 @@ var MessageComposer = ({
             disabled: !canSend || disabled,
             className: `w-10 h-10 flex items-center justify-center rounded-full flex-shrink-0 transition-all ${canSend && !disabled ? "bg-[#00a884] text-white hover:bg-[#06cf9c] shadow-sm" : "bg-gray-200 text-gray-400 cursor-not-allowed"}`,
             "aria-label": sendLabel,
-            children: /* @__PURE__ */ jsx14("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx14("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
+            children: /* @__PURE__ */ jsx15("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx15("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
           }
         )
       ] }),
-      remaining !== null && /* @__PURE__ */ jsx14("div", { className: "flex justify-end mt-1 pr-1", children: /* @__PURE__ */ jsx14("span", { className: `text-xs ${remaining < 20 ? "text-red-500" : "text-gray-400"}`, children: remaining }) })
+      remaining !== null && /* @__PURE__ */ jsx15("div", { className: "flex justify-end mt-1 pr-1", children: /* @__PURE__ */ jsx15("span", { className: `text-xs ${remaining < 20 ? "text-red-500" : "text-gray-400"}`, children: remaining }) })
     ] })
   );
 };
 
+// src/quickReplies/quickReplySearch.ts
+var DIACRITIC_PATTERN = /[\u0300-\u036f]/g;
+function normalizeForSearchWithMap(value) {
+  let normalized = "";
+  const originalIndexOf = [];
+  let originalCursor = 0;
+  for (const char of value) {
+    const piece = char.normalize("NFD").replace(DIACRITIC_PATTERN, "").toLowerCase();
+    for (let i = 0; i < piece.length; i++) originalIndexOf.push(originalCursor);
+    normalized += piece;
+    originalCursor += char.length;
+  }
+  return { normalized, originalIndexOf };
+}
+function normalizeForSearch(value) {
+  return normalizeForSearchWithMap(value).normalized;
+}
+function filterQuickReplies({
+  quickReplies,
+  search,
+  variables
+}) {
+  const term = normalizeForSearch(search.trim());
+  if (!term) return quickReplies;
+  return quickReplies.filter((quickReply) => {
+    const body = applyQuickReplyVariables(quickReply.body, variables);
+    return normalizeForSearch(quickReply.title).includes(term) || normalizeForSearch(quickReply.shortcut).includes(term) || normalizeForSearch(body).includes(term);
+  });
+}
+function highlightMatch(text, search) {
+  const term = search.trim();
+  if (!term) return [{ text, isMatch: false }];
+  const { normalized: normalizedText, originalIndexOf } = normalizeForSearchWithMap(text);
+  const normalizedTerm = normalizeForSearch(term);
+  if (!normalizedTerm) return [{ text, isMatch: false }];
+  const originalIndexAt = (normalizedIndex) => normalizedIndex < originalIndexOf.length ? originalIndexOf[normalizedIndex] : text.length;
+  const segments = [];
+  let normalizedCursor = 0;
+  let originalCursor = 0;
+  while (normalizedCursor < normalizedText.length) {
+    const matchIndex = normalizedText.indexOf(normalizedTerm, normalizedCursor);
+    if (matchIndex === -1) break;
+    const matchOriginalStart = originalIndexAt(matchIndex);
+    if (matchOriginalStart > originalCursor) {
+      segments.push({ text: text.slice(originalCursor, matchOriginalStart), isMatch: false });
+    }
+    const matchNormalizedEnd = matchIndex + normalizedTerm.length;
+    const matchOriginalEnd = originalIndexAt(matchNormalizedEnd);
+    segments.push({ text: text.slice(matchOriginalStart, matchOriginalEnd), isMatch: true });
+    normalizedCursor = matchNormalizedEnd;
+    originalCursor = matchOriginalEnd;
+  }
+  if (originalCursor < text.length) segments.push({ text: text.slice(originalCursor), isMatch: false });
+  return segments;
+}
+
 // src/DateDivider.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function DateDivider({ iso, className, classNames }) {
   const { dateDivider } = useConversationLocales();
-  return /* @__PURE__ */ jsx15("div", { className: cn("flex justify-center sticky top-0 z-10 my-2 pointer-events-none", classNames?.root, className), children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16("div", { className: cn("flex justify-center sticky top-0 z-10 my-2 pointer-events-none", classNames?.root, className), children: /* @__PURE__ */ jsx16(
     "span",
     {
       className: cn(
@@ -1681,13 +2198,13 @@ function contactFlag(params) {
 }
 
 // src/hooks/useAsyncResource.ts
-import { useCallback as useCallback5, useEffect as useEffect3, useRef as useRef4, useState as useState9 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect6, useRef as useRef6, useState as useState10 } from "react";
 function useAsyncResource(fetcher, deps) {
-  const [data, setData] = useState9(void 0);
-  const [loading, setLoading] = useState9(false);
-  const [error, setError] = useState9(void 0);
-  const requestIdRef = useRef4(0);
-  const load = useCallback5(async () => {
+  const [data, setData] = useState10(void 0);
+  const [loading, setLoading] = useState10(false);
+  const [error, setError] = useState10(void 0);
+  const requestIdRef = useRef6(0);
+  const load = useCallback6(async () => {
     const requestId = ++requestIdRef.current;
     setLoading(true);
     setError(void 0);
@@ -1700,7 +2217,7 @@ function useAsyncResource(fetcher, deps) {
       if (requestId === requestIdRef.current) setLoading(false);
     }
   }, deps);
-  useEffect3(() => {
+  useEffect6(() => {
     load();
   }, [load]);
   return { data, loading, error, refetch: load };
@@ -1735,7 +2252,7 @@ function useConversationDocuments(conversationId, params) {
 }
 
 // src/ConversationDocumentsPanel.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 import { ArrowUpDown, Bot, Download, Eye, Users } from "lucide-react";
 
 // src/pagination.constant.ts
@@ -1747,7 +2264,7 @@ var PAGINATION_LABELS = {
 };
 
 // src/ConversationDocumentsPanel.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var DOCUMENT_SOURCE_FILTER = {
   ALL: "all",
   CUSTOMER: "customer",
@@ -1787,12 +2304,12 @@ function ConversationDocumentsPanel({
 }) {
   const labels = { ...DEFAULT_CONVERSATION_DOCUMENTS_LABELS, ...labelsOverride };
   const context = useConversations();
-  const [search, setSearch] = useState10("");
-  const [sourceFilter, setSourceFilter] = useState10(DOCUMENT_SOURCE_FILTER.ALL);
-  const [sortDirection, setSortDirection] = useState10("desc");
-  const [page, setPage] = useState10(1);
-  const [selectedIds, setSelectedIds] = useState10([]);
-  const [archiveError, setArchiveError] = useState10(false);
+  const [search, setSearch] = useState11("");
+  const [sourceFilter, setSourceFilter] = useState11(DOCUMENT_SOURCE_FILTER.ALL);
+  const [sortDirection, setSortDirection] = useState11("desc");
+  const [page, setPage] = useState11(1);
+  const [selectedIds, setSelectedIds] = useState11([]);
+  const [archiveError, setArchiveError] = useState11(false);
   const hasFilters = search !== "" || sourceFilter !== DOCUMENT_SOURCE_FILTER.ALL || sortDirection !== "desc";
   const { documents, total, loading, error } = useConversationDocuments(open ? conversationId : void 0, {
     search,
@@ -1843,10 +2360,10 @@ function ConversationDocumentsPanel({
     }
   }
   if (!open) return null;
-  return /* @__PURE__ */ jsx16("div", { className: cn("border-b", classNames?.root, className), children: /* @__PURE__ */ jsxs11("section", { className: cn("px-4 py-3", classNames?.body), children: [
-    /* @__PURE__ */ jsx16("p", { className: cn("mb-2 text-sm font-medium", classNames?.title), children: labels.title }),
-    /* @__PURE__ */ jsxs11("div", { className: cn("mb-2 flex flex-wrap items-center gap-2 border-b pb-2", classNames?.filters), children: [
-      /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("div", { className: cn("border-b", classNames?.root, className), children: /* @__PURE__ */ jsxs12("section", { className: cn("px-4 py-3", classNames?.body), children: [
+    /* @__PURE__ */ jsx17("p", { className: cn("mb-2 text-sm font-medium", classNames?.title), children: labels.title }),
+    /* @__PURE__ */ jsxs12("div", { className: cn("mb-2 flex flex-wrap items-center gap-2 border-b pb-2", classNames?.filters), children: [
+      /* @__PURE__ */ jsx17(
         "input",
         {
           type: "search",
@@ -1857,7 +2374,7 @@ function ConversationDocumentsPanel({
           className: cn("w-full rounded-md border px-3 py-2 text-sm sm:w-52", classNames?.search)
         }
       ),
-      /* @__PURE__ */ jsxs11(
+      /* @__PURE__ */ jsxs12(
         "select",
         {
           value: sourceFilter,
@@ -1865,13 +2382,13 @@ function ConversationDocumentsPanel({
           "aria-label": labels.sourceFilterAll,
           className: cn("w-full rounded-md border px-2 py-2 text-sm sm:w-36", classNames?.sourceSelect),
           children: [
-            /* @__PURE__ */ jsx16("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
-            /* @__PURE__ */ jsx16("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
-            /* @__PURE__ */ jsx16("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
+            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
+            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
+            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs11(
+      /* @__PURE__ */ jsxs12(
         "button",
         {
           "data-cv-tooltip": sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest,
@@ -1880,12 +2397,12 @@ function ConversationDocumentsPanel({
           onClick: () => applyFilter(() => setSortDirection(sortDirection === "desc" ? "asc" : "desc")),
           className: cn("cv-header-action inline-flex items-center gap-1", classNames?.sortButton),
           children: [
-            /* @__PURE__ */ jsx16(ArrowUpDown, { size: 14 }),
+            /* @__PURE__ */ jsx17(ArrowUpDown, { size: 14 }),
             sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest
           ]
         }
       ),
-      hasFilters ? /* @__PURE__ */ jsx16(
+      hasFilters ? /* @__PURE__ */ jsx17(
         "button",
         {
           "data-cv-tooltip": labels.clearFilters,
@@ -1901,12 +2418,12 @@ function ConversationDocumentsPanel({
         }
       ) : null
     ] }),
-    loading ? /* @__PURE__ */ jsx16("p", { className: cn("text-xs text-gray-500", classNames?.status), children: labels.loading }) : null,
-    error ? /* @__PURE__ */ jsx16("p", { role: "alert", className: cn("text-xs text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
-    !loading && !error && documents.length === 0 ? /* @__PURE__ */ jsx16("p", { className: cn("text-xs text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
-    canArchive && documents.length > 0 ? /* @__PURE__ */ jsxs11("div", { className: cn("mb-2 flex flex-wrap items-center gap-3 text-xs", classNames?.selectionBar), children: [
-      /* @__PURE__ */ jsxs11("label", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx16(
+    loading ? /* @__PURE__ */ jsx17("p", { className: cn("text-xs text-gray-500", classNames?.status), children: labels.loading }) : null,
+    error ? /* @__PURE__ */ jsx17("p", { role: "alert", className: cn("text-xs text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
+    !loading && !error && documents.length === 0 ? /* @__PURE__ */ jsx17("p", { className: cn("text-xs text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
+    canArchive && documents.length > 0 ? /* @__PURE__ */ jsxs12("div", { className: cn("mb-2 flex flex-wrap items-center gap-3 text-xs", classNames?.selectionBar), children: [
+      /* @__PURE__ */ jsxs12("label", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx17(
           "input",
           {
             type: "checkbox",
@@ -1917,13 +2434,13 @@ function ConversationDocumentsPanel({
         ),
         labels.selectAll
       ] }),
-      selectedIds.length > 0 ? /* @__PURE__ */ jsx16("button", { "data-cv-tooltip": labels.downloadSelected(selectedIds.length), "aria-label": labels.downloadSelected(selectedIds.length), type: "button", onClick: () => void handleDownloadSelected(), className: "cv-header-action", children: labels.downloadSelected(selectedIds.length) }) : null,
-      archiveError ? /* @__PURE__ */ jsx16("span", { role: "alert", className: "text-red-600 dark:text-red-400", children: labels.archiveFailed }) : null
+      selectedIds.length > 0 ? /* @__PURE__ */ jsx17("button", { "data-cv-tooltip": labels.downloadSelected(selectedIds.length), "aria-label": labels.downloadSelected(selectedIds.length), type: "button", onClick: () => void handleDownloadSelected(), className: "cv-header-action", children: labels.downloadSelected(selectedIds.length) }) : null,
+      archiveError ? /* @__PURE__ */ jsx17("span", { role: "alert", className: "text-red-600 dark:text-red-400", children: labels.archiveFailed }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx16("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
+    /* @__PURE__ */ jsx17("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
       const isFromCustomer = !TEAM_SOURCES.has(document2.source);
       const SourceIcon = isFromCustomer ? Users : Bot;
-      return /* @__PURE__ */ jsxs11(
+      return /* @__PURE__ */ jsxs12(
         "li",
         {
           className: cn(
@@ -1931,8 +2448,8 @@ function ConversationDocumentsPanel({
             classNames?.item
           ),
           children: [
-            /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-              canArchive ? /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+              canArchive ? /* @__PURE__ */ jsx17(
                 "input",
                 {
                   type: "checkbox",
@@ -1942,9 +2459,9 @@ function ConversationDocumentsPanel({
                   className: cn("shrink-0", classNames?.checkbox)
                 }
               ) : null,
-              /* @__PURE__ */ jsx16(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
-              /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs11(
+              /* @__PURE__ */ jsx17(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
+              /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs12(
                   "div",
                   {
                     className: cn(
@@ -1953,12 +2470,12 @@ function ConversationDocumentsPanel({
                       classNames?.sourceBadge
                     ),
                     children: [
-                      /* @__PURE__ */ jsx16(SourceIcon, { size: 11 }),
+                      /* @__PURE__ */ jsx17(SourceIcon, { size: 11 }),
                       isFromCustomer ? labels.sourceFilterCustomer : labels.sourceFilterTeam
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx17(
                   "div",
                   {
                     className: cn("truncate text-sm font-medium", classNames?.filename),
@@ -1966,15 +2483,15 @@ function ConversationDocumentsPanel({
                     children: document2.filename
                   }
                 ),
-                /* @__PURE__ */ jsxs11("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", classNames?.meta), children: [
+                /* @__PURE__ */ jsxs12("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", classNames?.meta), children: [
                   formatDateTime(document2.linkedAt),
                   " \xB7 ",
                   formatFileSize(document2.sizeBytes)
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 gap-1", children: [
-              /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 gap-1", children: [
+              /* @__PURE__ */ jsx17(
                 "button",
                 {
                   type: "button",
@@ -1982,10 +2499,10 @@ function ConversationDocumentsPanel({
                   "data-cv-tooltip": labels.view,
                   "aria-label": `${labels.view}: ${document2.filename}`,
                   className: cn("cv-header-icon", classNames?.viewButton),
-                  children: /* @__PURE__ */ jsx16(Eye, { size: 14 })
+                  children: /* @__PURE__ */ jsx17(Eye, { size: 14 })
                 }
               ),
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx17(
                 "button",
                 {
                   type: "button",
@@ -1993,7 +2510,7 @@ function ConversationDocumentsPanel({
                   "data-cv-tooltip": labels.download,
                   "aria-label": `${labels.download}: ${document2.filename}`,
                   className: cn("cv-header-icon", classNames?.downloadButton),
-                  children: /* @__PURE__ */ jsx16(Download, { size: 14 })
+                  children: /* @__PURE__ */ jsx17(Download, { size: 14 })
                 }
               )
             ] })
@@ -2002,7 +2519,7 @@ function ConversationDocumentsPanel({
         document2.id
       );
     }) }),
-    total > perPage ? /* @__PURE__ */ jsxs11(
+    total > perPage ? /* @__PURE__ */ jsxs12(
       "div",
       {
         className: cn(
@@ -2010,9 +2527,9 @@ function ConversationDocumentsPanel({
           classNames?.pagination
         ),
         children: [
-          /* @__PURE__ */ jsx16("span", { className: "text-gray-400", children: labels.total(total) }),
-          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17("span", { className: "text-gray-400", children: labels.total(total) }),
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx17(
               "button",
               {
                 type: "button",
@@ -2024,8 +2541,8 @@ function ConversationDocumentsPanel({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsx16("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
+            /* @__PURE__ */ jsx17(
               "button",
               {
                 type: "button",
@@ -2045,9 +2562,9 @@ function ConversationDocumentsPanel({
 }
 
 // src/DocumentsLibrary.tsx
-import { useEffect as useEffect4, useRef as useRef5, useState as useState11 } from "react";
+import { useEffect as useEffect7, useRef as useRef7, useState as useState12 } from "react";
 import { ArrowUpDown as ArrowUpDown2, Bot as Bot2, Download as Download2, Eye as Eye2, MessageSquare, Upload, Users as Users2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_DOCUMENTS_LIBRARY_LABELS = {
   title: "Documentos",
   searchPlaceholder: "Buscar por nome do arquivo ou telefone",
@@ -2080,23 +2597,23 @@ function DocumentsLibrary({
 }) {
   const labels = { ...DEFAULT_DOCUMENTS_LIBRARY_LABELS, ...labelsOverride };
   const context = useConversations();
-  const [search, setSearch] = useState11("");
-  const [sourceFilter, setSourceFilter] = useState11(DOCUMENT_SOURCE_FILTER.ALL);
-  const [sortDirection, setSortDirection] = useState11("desc");
-  const [page, setPage] = useState11(1);
-  const [documents, setDocuments] = useState11([]);
-  const [total, setTotal] = useState11(0);
-  const [loading, setLoading] = useState11(false);
-  const [failed, setFailed] = useState11(false);
-  const [uploading, setUploading] = useState11(false);
-  const [uploadFailed, setUploadFailed] = useState11(false);
-  const [reloadToken, setReloadToken] = useState11(0);
-  const fileInputRef = useRef5(null);
+  const [search, setSearch] = useState12("");
+  const [sourceFilter, setSourceFilter] = useState12(DOCUMENT_SOURCE_FILTER.ALL);
+  const [sortDirection, setSortDirection] = useState12("desc");
+  const [page, setPage] = useState12(1);
+  const [documents, setDocuments] = useState12([]);
+  const [total, setTotal] = useState12(0);
+  const [loading, setLoading] = useState12(false);
+  const [failed, setFailed] = useState12(false);
+  const [uploading, setUploading] = useState12(false);
+  const [uploadFailed, setUploadFailed] = useState12(false);
+  const [reloadToken, setReloadToken] = useState12(0);
+  const fileInputRef = useRef7(null);
   const hasFilters = search !== "" || sourceFilter !== DOCUMENT_SOURCE_FILTER.ALL || sortDirection !== "desc";
   const lastPage = Math.max(1, Math.ceil(total / perPage));
   const fetchAll = context?.api.getAllDocuments;
   const uploadDocument = context?.api.uploadDocument;
-  useEffect4(() => {
+  useEffect7(() => {
     if (!fetchAll) return;
     let active = true;
     setLoading(true);
@@ -2142,10 +2659,10 @@ function DocumentsLibrary({
     }
   }
   if (!fetchAll) return null;
-  return /* @__PURE__ */ jsxs12("div", { className: cn("space-y-3", classNames?.root, className), children: [
-    /* @__PURE__ */ jsx17("h2", { className: cn("text-lg font-semibold", classNames?.title), children: labels.title }),
-    /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-wrap items-center gap-2", classNames?.filters), children: [
-      /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs13("div", { className: cn("space-y-3", classNames?.root, className), children: [
+    /* @__PURE__ */ jsx18("h2", { className: cn("text-lg font-semibold", classNames?.title), children: labels.title }),
+    /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-wrap items-center gap-2", classNames?.filters), children: [
+      /* @__PURE__ */ jsx18(
         "input",
         {
           type: "search",
@@ -2156,7 +2673,7 @@ function DocumentsLibrary({
           className: cn("w-full rounded-md border px-3 py-2 text-sm sm:w-64", classNames?.search)
         }
       ),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs13(
         "select",
         {
           value: sourceFilter,
@@ -2164,13 +2681,13 @@ function DocumentsLibrary({
           "aria-label": labels.sourceFilterAll,
           className: cn("w-full rounded-md border px-2 py-2 text-sm sm:w-40", classNames?.sourceSelect),
           children: [
-            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
-            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
-            /* @__PURE__ */ jsx17("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
+            /* @__PURE__ */ jsx18("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
+            /* @__PURE__ */ jsx18("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
+            /* @__PURE__ */ jsx18("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs13(
         "button",
         {
           "data-cv-tooltip": sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest,
@@ -2179,12 +2696,12 @@ function DocumentsLibrary({
           onClick: () => applyFilter(() => setSortDirection(sortDirection === "desc" ? "asc" : "desc")),
           className: cn("cv-header-action inline-flex items-center gap-1", classNames?.sortButton),
           children: [
-            /* @__PURE__ */ jsx17(ArrowUpDown2, { size: 14 }),
+            /* @__PURE__ */ jsx18(ArrowUpDown2, { size: 14 }),
             sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest
           ]
         }
       ),
-      hasFilters ? /* @__PURE__ */ jsx17(
+      hasFilters ? /* @__PURE__ */ jsx18(
         "button",
         {
           "data-cv-tooltip": labels.clearFilters,
@@ -2199,8 +2716,8 @@ function DocumentsLibrary({
           children: labels.clearFilters
         }
       ) : null,
-      uploadDocument ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
-        /* @__PURE__ */ jsx17(
+      uploadDocument ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+        /* @__PURE__ */ jsx18(
           "input",
           {
             ref: fileInputRef,
@@ -2213,7 +2730,7 @@ function DocumentsLibrary({
             }
           }
         ),
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13(
           "button",
           {
             "data-cv-tooltip": labels.upload,
@@ -2223,21 +2740,21 @@ function DocumentsLibrary({
             disabled: uploading,
             className: "cv-header-action ml-auto inline-flex items-center gap-1 disabled:opacity-40",
             children: [
-              /* @__PURE__ */ jsx17(Upload, { size: 14, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx18(Upload, { size: 14, "aria-hidden": "true" }),
               labels.upload
             ]
           }
         )
       ] }) : null
     ] }),
-    loading ? /* @__PURE__ */ jsx17("p", { className: cn("text-sm text-gray-500", classNames?.status), children: labels.loading }) : null,
-    failed ? /* @__PURE__ */ jsx17("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
-    uploadFailed ? /* @__PURE__ */ jsx17("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.uploadError }) : null,
-    !loading && !failed && documents.length === 0 ? /* @__PURE__ */ jsx17("p", { className: cn("text-sm text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
-    /* @__PURE__ */ jsx17("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
+    loading ? /* @__PURE__ */ jsx18("p", { className: cn("text-sm text-gray-500", classNames?.status), children: labels.loading }) : null,
+    failed ? /* @__PURE__ */ jsx18("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
+    uploadFailed ? /* @__PURE__ */ jsx18("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.uploadError }) : null,
+    !loading && !failed && documents.length === 0 ? /* @__PURE__ */ jsx18("p", { className: cn("text-sm text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
+    /* @__PURE__ */ jsx18("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
       const isFromCustomer = !TEAM_SOURCES2.has(document2.source);
       const SourceIcon = isFromCustomer ? Users2 : Bot2;
-      return /* @__PURE__ */ jsxs12(
+      return /* @__PURE__ */ jsxs13(
         "li",
         {
           className: cn(
@@ -2245,23 +2762,23 @@ function DocumentsLibrary({
             classNames?.item
           ),
           children: [
-            /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-              /* @__PURE__ */ jsx17(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
-              /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx17("div", { className: cn("truncate text-sm font-medium", classNames?.filename), "data-cv-tooltip": document2.filename, children: document2.filename }),
-                /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-wrap items-center gap-x-2 text-xs text-gray-500", classNames?.meta), children: [
-                  /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1", children: [
-                    /* @__PURE__ */ jsx17(SourceIcon, { size: 11 }),
+            /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+              /* @__PURE__ */ jsx18(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
+              /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx18("div", { className: cn("truncate text-sm font-medium", classNames?.filename), "data-cv-tooltip": document2.filename, children: document2.filename }),
+                /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-wrap items-center gap-x-2 text-xs text-gray-500", classNames?.meta), children: [
+                  /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx18(SourceIcon, { size: 11 }),
                     isFromCustomer ? labels.sourceFilterCustomer : labels.sourceFilterTeam
                   ] }),
-                  /* @__PURE__ */ jsx17("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx17("span", { children: formatDateTime(document2.linkedAt) }),
-                  /* @__PURE__ */ jsx17("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx17("span", { children: formatFileSize(document2.sizeBytes) })
+                  /* @__PURE__ */ jsx18("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsx18("span", { children: formatDateTime(document2.linkedAt) }),
+                  /* @__PURE__ */ jsx18("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsx18("span", { children: formatFileSize(document2.sizeBytes) })
                 ] })
               ] })
             ] }),
-            onOpenConversation ? /* @__PURE__ */ jsxs12(
+            onOpenConversation ? /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
@@ -2270,13 +2787,13 @@ function DocumentsLibrary({
                 "aria-label": labels.openConversation,
                 className: cn("cv-header-action inline-flex shrink-0 items-center gap-1", classNames?.conversationLink),
                 children: [
-                  /* @__PURE__ */ jsx17(MessageSquare, { size: 12 }),
+                  /* @__PURE__ */ jsx18(MessageSquare, { size: 12 }),
                   formatPhone(document2.conversationId)
                 ]
               }
-            ) : /* @__PURE__ */ jsx17("span", { className: cn("shrink-0 text-xs text-gray-500", classNames?.conversationLink), children: formatPhone(document2.conversationId) }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 gap-1", children: [
-              /* @__PURE__ */ jsx17(
+            ) : /* @__PURE__ */ jsx18("span", { className: cn("shrink-0 text-xs text-gray-500", classNames?.conversationLink), children: formatPhone(document2.conversationId) }),
+            /* @__PURE__ */ jsxs13("div", { className: "flex shrink-0 gap-1", children: [
+              /* @__PURE__ */ jsx18(
                 "button",
                 {
                   type: "button",
@@ -2284,10 +2801,10 @@ function DocumentsLibrary({
                   "data-cv-tooltip": labels.view,
                   "aria-label": `${labels.view}: ${document2.filename}`,
                   className: "cv-header-icon",
-                  children: /* @__PURE__ */ jsx17(Eye2, { size: 14 })
+                  children: /* @__PURE__ */ jsx18(Eye2, { size: 14 })
                 }
               ),
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18(
                 "button",
                 {
                   type: "button",
@@ -2295,7 +2812,7 @@ function DocumentsLibrary({
                   "data-cv-tooltip": labels.download,
                   "aria-label": `${labels.download}: ${document2.filename}`,
                   className: "cv-header-icon",
-                  children: /* @__PURE__ */ jsx17(Download2, { size: 14 })
+                  children: /* @__PURE__ */ jsx18(Download2, { size: 14 })
                 }
               )
             ] })
@@ -2304,10 +2821,10 @@ function DocumentsLibrary({
         `${document2.conversationId}:${document2.id}`
       );
     }) }),
-    total > perPage ? /* @__PURE__ */ jsxs12("div", { className: cn("flex items-center justify-between border-t pt-2 text-xs dark:border-gray-700", classNames?.pagination), children: [
-      /* @__PURE__ */ jsx17("span", { className: "text-gray-400", children: labels.total(total) }),
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx17(
+    total > perPage ? /* @__PURE__ */ jsxs13("div", { className: cn("flex items-center justify-between border-t pt-2 text-xs dark:border-gray-700", classNames?.pagination), children: [
+      /* @__PURE__ */ jsx18("span", { className: "text-gray-400", children: labels.total(total) }),
+      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx18(
           "button",
           {
             "data-cv-tooltip": PAGINATION_LABELS.previous,
@@ -2319,8 +2836,8 @@ function DocumentsLibrary({
             children: "\u2039"
           }
         ),
-        /* @__PURE__ */ jsx17("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
+        /* @__PURE__ */ jsx18(
           "button",
           {
             "data-cv-tooltip": PAGINATION_LABELS.next,
@@ -2384,8 +2901,8 @@ function toConversationSimulatorClient({
 }
 
 // src/preview/ConversationPreview.tsx
-import { useCallback as useCallback6, useEffect as useEffect5, useMemo as useMemo4, useRef as useRef6, useState as useState12 } from "react";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo4, useRef as useRef8, useState as useState13 } from "react";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function mediaTypeOf(mimeType) {
   return mediaKindOf(mimeType);
 }
@@ -2429,19 +2946,19 @@ function ConversationPreview({
   pollIntervalMs,
   uploadMedia
 }) {
-  const [messages, setMessages] = useState12([]);
-  const [failure, setFailure] = useState12(void 0);
-  const [loadFailure, setLoadFailure] = useState12(void 0);
-  const [isRecording, setIsRecording] = useState12(false);
-  const [pendingLocal, setPendingLocal] = useState12([]);
-  const loadMessagesRef = useRef6(loadMessages);
-  const bottomRef = useRef6(null);
+  const [messages, setMessages] = useState13([]);
+  const [failure, setFailure] = useState13(void 0);
+  const [loadFailure, setLoadFailure] = useState13(void 0);
+  const [isRecording, setIsRecording] = useState13(false);
+  const [pendingLocal, setPendingLocal] = useState13([]);
+  const loadMessagesRef = useRef8(loadMessages);
+  const bottomRef = useRef8(null);
   loadMessagesRef.current = loadMessages;
   const simulator = useMemo4(
     () => isConversationSimulatorClient(client) ? client : toConversationSimulatorClient({ client, ...uploadMedia ? { uploadMedia } : {} }),
     [client, uploadMedia]
   );
-  const refresh = useCallback6(async () => {
+  const refresh = useCallback7(async () => {
     try {
       const loaded = await loadMessagesRef.current(conversationId);
       setMessages(loaded);
@@ -2456,10 +2973,10 @@ function ConversationPreview({
       setLoadFailure(describeLoadFailure(error));
     }
   }, [conversationId]);
-  useEffect5(() => {
+  useEffect8(() => {
     void refresh();
   }, [refresh]);
-  useEffect5(() => {
+  useEffect8(() => {
     const source = sse.connectConversationStream(conversationId);
     const handler = () => {
       void refresh();
@@ -2470,12 +2987,12 @@ function ConversationPreview({
       source.close();
     };
   }, [sse, conversationId, refresh]);
-  useEffect5(() => {
+  useEffect8(() => {
     if (!pollIntervalMs) return;
     const timer = setInterval(() => void refresh(), pollIntervalMs);
     return () => clearInterval(timer);
   }, [pollIntervalMs, refresh]);
-  useEffect5(() => {
+  useEffect8(() => {
     bottomRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
   }, [messages]);
   const rendered = useMemo4(() => decorate([...messages, ...pendingLocal]), [messages, pendingLocal]);
@@ -2535,11 +3052,11 @@ function ConversationPreview({
       setFailure(error instanceof Error ? error.message : "Falha ao enviar o arquivo.");
     }
   }
-  return /* @__PURE__ */ jsxs13("div", { className: "flex h-full min-h-0 flex-col", children: [
-    /* @__PURE__ */ jsxs13(ConversationWallpaper, { className: "flex-1 min-h-0 overflow-y-auto px-4 py-3", children: [
-      rendered.map(({ message, isFirstInGroup, showDateDivider }) => /* @__PURE__ */ jsxs13("div", { children: [
-        showDateDivider ? /* @__PURE__ */ jsx18(DateDivider, { iso: message.timestamp }) : null,
-        /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs14("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsxs14(ConversationWallpaper, { className: "flex-1 min-h-0 overflow-y-auto px-4 py-3", children: [
+      rendered.map(({ message, isFirstInGroup, showDateDivider }) => /* @__PURE__ */ jsxs14("div", { children: [
+        showDateDivider ? /* @__PURE__ */ jsx19(DateDivider, { iso: message.timestamp }) : null,
+        /* @__PURE__ */ jsx19(
           MessageBubble,
           {
             message,
@@ -2549,17 +3066,17 @@ function ConversationPreview({
           }
         )
       ] }, message.id)),
-      /* @__PURE__ */ jsx18("div", { ref: bottomRef })
+      /* @__PURE__ */ jsx19("div", { ref: bottomRef })
     ] }),
-    failure ? /* @__PURE__ */ jsx18("p", { role: "alert", className: "px-4 py-2 text-sm text-red-600 dark:text-red-400", children: failure }) : null,
-    loadFailure ? /* @__PURE__ */ jsx18("p", { role: "status", className: "px-4 py-2 text-sm text-amber-700 dark:text-amber-400", children: loadFailure }) : null,
-    /* @__PURE__ */ jsx18(
+    failure ? /* @__PURE__ */ jsx19("p", { role: "alert", className: "px-4 py-2 text-sm text-red-600 dark:text-red-400", children: failure }) : null,
+    loadFailure ? /* @__PURE__ */ jsx19("p", { role: "status", className: "px-4 py-2 text-sm text-amber-700 dark:text-amber-400", children: loadFailure }) : null,
+    /* @__PURE__ */ jsx19(
       MessageComposer,
       {
         onSend: (text) => void handleSend(text),
         onAttach: canAttachFile ? (file) => void handleAttach(file) : void 0,
         placeholder: isRecording ? "Gravando\u2026 toque no quadrado para ouvir" : placeholder ?? "Escreva como o cliente\u2026",
-        idleAction: canRecordAudio ? /* @__PURE__ */ jsx18(
+        idleAction: canRecordAudio ? /* @__PURE__ */ jsx19(
           AudioRecorderButton,
           {
             onRecorded: (file) => void handleAttach(file),
@@ -2573,7 +3090,7 @@ function ConversationPreview({
 }
 
 // src/preview/ConversationSimulatorPanel.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var DEFAULT_CONVERSATION_SIMULATOR_PANEL_LABELS = {
   title: "Simulador do cliente",
   destinationHint: "entrega no webhook real",
@@ -2615,18 +3132,18 @@ function ConversationSimulatorPanel({
 }) {
   const text = { ...simulatorPanelLabelsOf(channel), ...labels };
   const subtitle = [displayHandle ?? displayNumber ?? previewProps.conversationId, text.destinationHint].join(" \xB7 ");
-  return /* @__PURE__ */ jsxs14("aside", { className: "cv-simulator-panel", "aria-label": text.title, children: [
-    /* @__PURE__ */ jsxs14("header", { className: "cv-simulator-panel__header", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "cv-simulator-panel__heading", children: [
-        /* @__PURE__ */ jsx19("h2", { className: "cv-simulator-panel__title", children: text.title }),
-        /* @__PURE__ */ jsx19("p", { className: "cv-simulator-panel__subtitle", children: subtitle })
+  return /* @__PURE__ */ jsxs15("aside", { className: "cv-simulator-panel", "aria-label": text.title, children: [
+    /* @__PURE__ */ jsxs15("header", { className: "cv-simulator-panel__header", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "cv-simulator-panel__heading", children: [
+        /* @__PURE__ */ jsx20("h2", { className: "cv-simulator-panel__title", children: text.title }),
+        /* @__PURE__ */ jsx20("p", { className: "cv-simulator-panel__subtitle", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "cv-simulator-panel__actions", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "cv-simulator-panel__actions", children: [
         headerActions,
-        /* @__PURE__ */ jsx19("button", { type: "button", onClick: onClose, "data-cv-tooltip": text.close, "aria-label": text.close, className: "cv-simulator-panel__close", children: /* @__PURE__ */ jsx19("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsx19("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
+        /* @__PURE__ */ jsx20("button", { type: "button", onClick: onClose, "data-cv-tooltip": text.close, "aria-label": text.close, className: "cv-simulator-panel__close", children: /* @__PURE__ */ jsx20("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsx20("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx19("div", { className: "cv-simulator-panel__body", children: /* @__PURE__ */ jsx19(ConversationPreview, { ...previewProps, placeholder: text.placeholder }) })
+    /* @__PURE__ */ jsx20("div", { className: "cv-simulator-panel__body", children: /* @__PURE__ */ jsx20(ConversationPreview, { ...previewProps, placeholder: text.placeholder }) })
   ] });
 }
 
@@ -2667,6 +3184,14 @@ export {
   COMPOSER_MONOSPACE_CLASS,
   COMPOSER_COMPACT_WIDTH,
   QUICK_REPLY_PILL_CLASS,
+  normalizeForSearch,
+  filterQuickReplies,
+  highlightMatch,
+  DEFAULT_QUICK_REPLIES_PICKER_LABELS,
+  DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS,
+  QuickRepliesPicker,
+  useQuickRepliesPicker,
+  detectQuickReplyShortcut,
   applyQuickReplyVariables,
   resolveQuickReply,
   DEFAULT_MESSAGE_COMPOSER_LABELS,