@adatechnology/conversations-ui 0.1.0-rc.6 → 0.1.0-rc.8

package/dist/{chunk-LITPZCWW.js → chunk-73MW5HNT.js}

@@ -391,6 +391,85 @@ function Lightbox({ imageUrl, caption, onClose, labels }) {
   ] }) });
 }
 
+// src/InteractiveMessage.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var FORMATTING_CLASSES = "[&_strong]:font-bold [&_em]:italic [&_del]:line-through";
+var DEFAULT_INTERACTIVE_MESSAGE_LABELS = {
+  openList: "Ver op\xE7\xF5es"
+};
+function collectRows(payload) {
+  return (payload.action?.sections ?? []).flatMap((section) => section.rows ?? []);
+}
+function collectButtons(payload) {
+  return (payload.action?.buttons ?? []).map((button) => button.reply).filter((reply) => reply !== void 0);
+}
+function InteractiveMessage({ payload, onSelect, labels, className }) {
+  const openListLabel = labels?.openList ?? DEFAULT_INTERACTIVE_MESSAGE_LABELS.openList;
+  const [isListOpen, setIsListOpen] = useState3(false);
+  const buttons = collectButtons(payload);
+  const sections = payload.action?.sections ?? [];
+  const hasRows = collectRows(payload).length > 0;
+  const isInteractable = onSelect !== void 0;
+  return /* @__PURE__ */ jsxs5("div", { className: cn("flex flex-col gap-1", className), children: [
+    payload.header?.text ? /* @__PURE__ */ jsx7("p", { className: cn("text-sm font-semibold text-gray-900 dark:text-gray-100", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.header.text) }) : null,
+    payload.body?.text ? /* @__PURE__ */ jsx7(
+      "p",
+      {
+        className: cn(
+          "whitespace-pre-wrap break-words text-sm text-gray-900 dark:text-gray-100",
+          FORMATTING_CLASSES
+        ),
+        children: parseWhatsAppFormatting(payload.body.text)
+      }
+    ) : null,
+    payload.footer?.text ? /* @__PURE__ */ jsx7("p", { className: cn("text-xs text-gray-500 dark:text-gray-400", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.footer.text) }) : null,
+    buttons.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "mt-1 flex flex-col gap-1 border-t border-gray-200 pt-1 dark:border-gray-700", children: buttons.map((button) => /* @__PURE__ */ jsx7(
+      "button",
+      {
+        type: "button",
+        disabled: !isInteractable,
+        onClick: () => onSelect?.({ kind: "button", option: button }),
+        className: "rounded-md px-3 py-1.5 text-sm font-medium text-teal-700 transition-colors enabled:hover:bg-teal-50 disabled:cursor-default dark:text-teal-300 dark:enabled:hover:bg-teal-900/30",
+        children: button.title
+      },
+      button.id
+    )) }) : null,
+    hasRows ? /* @__PURE__ */ jsxs5("div", { className: "mt-1 border-t border-gray-200 pt-1 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          onClick: () => setIsListOpen((open) => !open),
+          "aria-expanded": isListOpen,
+          className: "w-full rounded-md px-3 py-1.5 text-sm font-medium text-teal-700 transition-colors hover:bg-teal-50 dark:text-teal-300 dark:hover:bg-teal-900/30",
+          children: [
+            "\u2630 ",
+            payload.action?.button ?? openListLabel
+          ]
+        }
+      ),
+      isListOpen ? /* @__PURE__ */ jsx7("div", { className: "mt-1 flex flex-col gap-1", children: sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
+        section.title ? /* @__PURE__ */ jsx7("p", { className: "px-3 py-1 text-xs font-semibold uppercase text-gray-500 dark:text-gray-400", children: section.title }) : null,
+        (section.rows ?? []).map((row) => /* @__PURE__ */ jsxs5(
+          "button",
+          {
+            type: "button",
+            disabled: !isInteractable,
+            onClick: () => onSelect?.({ kind: "list", option: row }),
+            className: "rounded-md px-3 py-1.5 text-left text-sm text-gray-900 transition-colors enabled:hover:bg-gray-100 disabled:cursor-default dark:text-gray-100 dark:enabled:hover:bg-gray-700",
+            children: [
+              /* @__PURE__ */ jsx7("span", { className: "block", children: row.title }),
+              row.description ? /* @__PURE__ */ jsx7("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: row.description }) : null
+            ]
+          },
+          row.id
+        ))
+      ] }, section.title ?? sectionIndex)) }) : null
+    ] }) : null
+  ] });
+}
+
 // src/lib/createMediaUrlResolver.ts
 function createMediaUrlResolver(api) {
   return async (message) => {
@@ -405,23 +484,23 @@ function createMediaUrlResolver(api) {
 
 // src/providers/ConversationsProvider.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var ConversationsContext = createContext2(null);
 function ConversationsProvider({
   api,
   sse,
   children
 }) {
-  return /* @__PURE__ */ jsx7(ConversationsContext.Provider, { value: { api, sse }, children });
+  return /* @__PURE__ */ jsx8(ConversationsContext.Provider, { value: { api, sse }, children });
 }
 function useConversations() {
   return useContext2(ConversationsContext);
 }
 
 // src/MessageBubble.tsx
-import { useMemo, useState as useState3 } from "react";
+import { useMemo, useState as useState4 } from "react";
 import { Check } from "lucide-react";
-import { Fragment, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var BUBBLE_COLOR = {
   agent: "bg-[#d9fdd3] dark:bg-[#005c4b]",
   bot: "bg-[#d7f0ec] dark:bg-[#0a3d3a]",
@@ -437,10 +516,11 @@ function MessageBubble({
   isSelected = false,
   onToggleSelect,
   onResolveMediaUrl,
+  onInteractiveSelect,
   className
 }) {
   const { bubble, selection } = useConversationLocales();
-  const [lightboxSrc, setLightboxSrc] = useState3(null);
+  const [lightboxSrc, setLightboxSrc] = useState4(null);
   const context = useConversations();
   const resolveMediaUrl = useMemo(
     () => onResolveMediaUrl ?? (context?.api ? createMediaUrlResolver(context.api) : void 0),
@@ -450,10 +530,11 @@ function MessageBubble({
   const hasError = message.status === "failed";
   const isMedia = MEDIA_TYPES.has(message.type);
   const isTemplate = message.type === "template";
+  const isInteractive = message.type === "interactive";
   const displayName = message.sender === "agent" && senderName ? senderName : bubble[message.sender] ?? message.sender;
   const tooltipText = message.status === "read" && message.readAt ? `${bubble.readAt}${formatDateTime(message.readAt)}` : message.status === "failed" ? bubble.windowExpired : void 0;
   const tailCornerClass = isFirstInGroup ? isMine ? "rounded-tr-md" : "rounded-tl-md" : "";
-  const checkbox = /* @__PURE__ */ jsx8(
+  const checkbox = /* @__PURE__ */ jsx9(
     "button",
     {
       onClick: (e) => {
@@ -466,10 +547,10 @@ function MessageBubble({
         ${isSelected ? "bg-teal-600 border-teal-600" : "bg-white/80 dark:bg-black/40 border-black/20 dark:border-white/30"}
         ${isSelecting ? "opacity-100" : "opacity-0 group-hover:opacity-100"}
       `,
-      children: isSelected && /* @__PURE__ */ jsx8(Check, { size: 12, className: "text-white", strokeWidth: 3 })
+      children: isSelected && /* @__PURE__ */ jsx9(Check, { size: 12, className: "text-white", strokeWidth: 3 })
     }
   );
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn(
@@ -480,7 +561,7 @@ function MessageBubble({
       ),
       children: [
         isMine && checkbox,
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs6(
           "div",
           {
             onClick: isSelecting ? onToggleSelect : void 0,
@@ -493,121 +574,286 @@ function MessageBubble({
           relative
         `,
             children: [
-              isMine && isFirstInGroup && (message.sender === "bot" || message.sender === "agent" && senderName) && /* @__PURE__ */ jsx8("div", { className: "text-xs font-semibold mb-0.5 text-teal-700 dark:text-teal-400", children: displayName }),
-              message.moderation?.isOffensive && /* @__PURE__ */ jsxs5(
+              isMine && isFirstInGroup && (message.sender === "bot" || message.sender === "agent" && senderName) && /* @__PURE__ */ jsx9("div", { className: "text-xs font-semibold mb-0.5 text-teal-700 dark:text-teal-400", children: displayName }),
+              message.moderation?.isOffensive && /* @__PURE__ */ jsxs6(
                 "div",
                 {
                   className: "mb-1 inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-800 dark:bg-amber-950/60 dark:text-amber-300",
                   title: message.moderation.terms.length > 0 ? message.moderation.terms.join(", ") : void 0,
                   children: [
-                    /* @__PURE__ */ jsx8("span", { "aria-hidden": true, children: "\u26A0\uFE0F" }),
-                    /* @__PURE__ */ jsx8("span", { children: bubble.moderationFlagged })
+                    /* @__PURE__ */ jsx9("span", { "aria-hidden": true, children: "\u26A0\uFE0F" }),
+                    /* @__PURE__ */ jsx9("span", { children: bubble.moderationFlagged })
                   ]
                 }
               ),
-              isMedia ? /* @__PURE__ */ jsx8(MediaRenderer, { message, onLightbox: setLightboxSrc, onResolveUrl: resolveMediaUrl }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
-                isTemplate && /* @__PURE__ */ jsxs5("p", { className: "text-xs text-gray-500 dark:text-gray-400 flex items-center gap-1 mb-0.5", children: [
-                  /* @__PURE__ */ jsx8("span", { children: "\u{1F4E8}" }),
-                  /* @__PURE__ */ jsxs5("span", { className: "font-medium", children: [
+              isMedia ? /* @__PURE__ */ jsx9(MediaRenderer, { message, onLightbox: setLightboxSrc, onResolveUrl: resolveMediaUrl }) : isInteractive && message.payload ? (
+                // O texto da mensagem interativa mora dentro do payload (`body.text`), e `content` guarda
+                // só uma cópia achatada para busca — renderizar `content` aqui duplicaria o corpo.
+                /* @__PURE__ */ jsx9(InteractiveMessage, { payload: message.payload, onSelect: onInteractiveSelect })
+              ) : /* @__PURE__ */ jsxs6(Fragment, { children: [
+                isTemplate && /* @__PURE__ */ jsxs6("p", { className: "text-xs text-gray-500 dark:text-gray-400 flex items-center gap-1 mb-0.5", children: [
+                  /* @__PURE__ */ jsx9("span", { children: "\u{1F4E8}" }),
+                  /* @__PURE__ */ jsxs6("span", { className: "font-medium", children: [
                     bubble.templateLabel,
                     message.templateName ? ` \u2014 ${message.templateName}` : ""
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx8("div", { className: "text-sm text-gray-900 dark:text-gray-100 whitespace-pre-wrap break-words leading-[19px]", children: parseWhatsAppFormatting(message.content ?? "") })
+                /* @__PURE__ */ jsx9("div", { className: "text-sm text-gray-900 dark:text-gray-100 whitespace-pre-wrap break-words leading-[19px]", children: parseWhatsAppFormatting(message.content ?? "") })
               ] }),
-              /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-end gap-1 mt-0.5 select-none", children: [
-                /* @__PURE__ */ jsx8("span", { className: "text-xs text-black/40 dark:text-white/40 font-medium", children: formatTimestamp(message.timestamp) }),
-                isMine && message.status && /* @__PURE__ */ jsx8(StatusTicks, { status: message.status, title: tooltipText })
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-end gap-1 mt-0.5 select-none", children: [
+                /* @__PURE__ */ jsx9("span", { className: "text-xs text-black/40 dark:text-white/40 font-medium", children: formatTimestamp(message.timestamp) }),
+                isMine && message.status && /* @__PURE__ */ jsx9(StatusTicks, { status: message.status, title: tooltipText })
               ] })
             ]
           }
         ),
         !isMine && checkbox,
-        lightboxSrc && /* @__PURE__ */ jsx8(Lightbox, { imageUrl: lightboxSrc, onClose: () => setLightboxSrc(null) })
+        lightboxSrc && /* @__PURE__ */ jsx9(Lightbox, { imageUrl: lightboxSrc, onClose: () => setLightboxSrc(null) })
       ]
     }
   );
 }
 
 // src/Wallpaper.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function ConversationWallpaper({ children, className }) {
-  return /* @__PURE__ */ jsx9("div", { className: cn("cv-wallpaper", className), children });
+  return /* @__PURE__ */ jsx10("div", { className: cn("cv-wallpaper", className), children });
 }
 
-// src/EmojiPicker.tsx
-import { useState as useState4, useCallback } from "react";
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+// src/emojiCatalog.ts
 var EMOJI_CATEGORIES = [
   {
     name: "Smileys",
-    emojis: ["\u{1F600}", "\u{1F603}", "\u{1F604}", "\u{1F601}", "\u{1F605}", "\u{1F602}", "\u{1F923}", "\u{1F60A}", "\u{1F607}", "\u{1F642}", "\u{1F609}", "\u{1F60C}", "\u{1F60D}", "\u{1F970}", "\u{1F618}", "\u{1F617}", "\u{1F60B}", "\u{1F61B}", "\u{1F61C}", "\u{1F92A}"]
+    entries: [
+      { emoji: "\u{1F600}", keywords: ["sorriso", "feliz", "alegre"] },
+      { emoji: "\u{1F603}", keywords: ["sorriso", "feliz", "animado"] },
+      { emoji: "\u{1F604}", keywords: ["sorriso", "feliz", "risada"] },
+      { emoji: "\u{1F601}", keywords: ["sorriso", "dentes", "feliz"] },
+      { emoji: "\u{1F605}", keywords: ["alivio", "al\xEDvio", "suor", "nervoso"] },
+      { emoji: "\u{1F602}", keywords: ["risada", "chorando", "engracado", "engra\xE7ado"] },
+      { emoji: "\u{1F923}", keywords: ["risada", "rolando", "engracado", "engra\xE7ado"] },
+      { emoji: "\u{1F60A}", keywords: ["sorriso", "timido", "t\xEDmido", "feliz"] },
+      { emoji: "\u{1F607}", keywords: ["anjo", "inocente", "santo"] },
+      { emoji: "\u{1F642}", keywords: ["sorriso", "leve", "ok"] },
+      { emoji: "\u{1F609}", keywords: ["piscada", "piscar", "flerte"] },
+      { emoji: "\u{1F60C}", keywords: ["aliviado", "calmo", "tranquilo"] },
+      { emoji: "\u{1F60D}", keywords: ["amor", "apaixonado", "coracao", "cora\xE7\xE3o", "olhos"] },
+      { emoji: "\u{1F970}", keywords: ["amor", "apaixonado", "carinho"] },
+      { emoji: "\u{1F618}", keywords: ["beijo", "amor", "carinho"] },
+      { emoji: "\u{1F60B}", keywords: ["gostoso", "delicia", "del\xEDcia", "lingua", "l\xEDngua"] },
+      { emoji: "\u{1F61C}", keywords: ["lingua", "l\xEDngua", "brincadeira", "piscada"] },
+      { emoji: "\u{1F92A}", keywords: ["maluco", "doido", "brincadeira"] },
+      { emoji: "\u{1F914}", keywords: ["pensando", "duvida", "d\xFAvida", "hmm"] },
+      { emoji: "\u{1F917}", keywords: ["abraco", "abra\xE7o", "carinho"] },
+      { emoji: "\u{1F610}", keywords: ["neutro", "serio", "s\xE9rio", "indiferente"] },
+      { emoji: "\u{1F634}", keywords: ["dormindo", "sono", "cansado"] },
+      { emoji: "\u{1F62D}", keywords: ["chorando", "triste", "lagrima", "l\xE1grima"] },
+      { emoji: "\u{1F622}", keywords: ["triste", "chorando", "lagrima", "l\xE1grima"] },
+      { emoji: "\u{1F621}", keywords: ["raiva", "bravo", "irritado"] },
+      { emoji: "\u{1F631}", keywords: ["susto", "medo", "assustado"] },
+      { emoji: "\u{1F92F}", keywords: ["explodindo", "chocado", "surpresa"] },
+      { emoji: "\u{1F60E}", keywords: ["oculos", "\xF3culos", "legal", "estiloso"] },
+      { emoji: "\u{1F973}", keywords: ["festa", "comemorar", "aniversario", "anivers\xE1rio"] },
+      { emoji: "\u{1F637}", keywords: ["mascara", "m\xE1scara", "doente", "saude", "sa\xFAde"] }
+    ]
   },
   {
-    name: "Gestures",
-    emojis: ["\u{1F44D}", "\u{1F44E}", "\u{1F44C}", "\u270C\uFE0F", "\u{1F91E}", "\u{1F91F}", "\u{1F918}", "\u{1F919}", "\u{1F44B}", "\u{1F91A}", "\u{1F590}\uFE0F", "\u270B", "\u{1F596}", "\u{1F44F}", "\u{1F64C}", "\u{1F91D}", "\u{1F64F}", "\u270D\uFE0F", "\u{1F485}", "\u{1F933}"]
+    name: "Gestos",
+    entries: [
+      { emoji: "\u{1F44D}", keywords: ["joia", "j\xF3ia", "polegar", "ok", "positivo", "curtir"] },
+      { emoji: "\u{1F44E}", keywords: ["polegar", "negativo", "ruim", "nao", "n\xE3o"] },
+      { emoji: "\u{1F44C}", keywords: ["ok", "certo", "perfeito"] },
+      { emoji: "\u270C\uFE0F", keywords: ["paz", "vitoria", "vit\xF3ria", "dois"] },
+      { emoji: "\u{1F91E}", keywords: ["sorte", "dedos", "cruzados", "torcendo"] },
+      { emoji: "\u{1F919}", keywords: ["chama", "ligar", "shaka"] },
+      { emoji: "\u{1F44B}", keywords: ["tchau", "ola", "ol\xE1", "aceno", "oi"] },
+      { emoji: "\u270B", keywords: ["mao", "m\xE3o", "parar", "pare"] },
+      { emoji: "\u{1F44F}", keywords: ["palmas", "aplauso", "parabens", "parab\xE9ns"] },
+      { emoji: "\u{1F64C}", keywords: ["comemorar", "maos", "m\xE3os", "sucesso"] },
+      { emoji: "\u{1F91D}", keywords: ["acordo", "aperto", "mao", "m\xE3o", "negocio", "neg\xF3cio", "parceria"] },
+      { emoji: "\u{1F64F}", keywords: ["obrigado", "reza", "oracao", "ora\xE7\xE3o", "por favor"] },
+      { emoji: "\u270D\uFE0F", keywords: ["escrever", "assinar", "assinatura"] },
+      { emoji: "\u{1F4AA}", keywords: ["forca", "for\xE7a", "musculo", "m\xFAsculo", "braco", "bra\xE7o"] },
+      { emoji: "\u{1F447}", keywords: ["abaixo", "baixo", "apontar", "seta"] },
+      { emoji: "\u{1F449}", keywords: ["direita", "apontar", "seta"] },
+      { emoji: "\u261D\uFE0F", keywords: ["acima", "cima", "apontar", "atencao", "aten\xE7\xE3o"] }
+    ]
   },
   {
-    name: "Hearts",
-    emojis: ["\u2764\uFE0F", "\u{1F9E1}", "\u{1F49B}", "\u{1F49A}", "\u{1F499}", "\u{1F49C}", "\u{1F5A4}", "\u{1F90D}", "\u{1F90E}", "\u{1F494}", "\u2763\uFE0F", "\u{1F495}", "\u{1F49E}", "\u{1F493}", "\u{1F497}", "\u{1F496}", "\u{1F498}", "\u{1F49D}", "\u{1F49F}", "\u2665\uFE0F"]
+    name: "Cora\xE7\xF5es",
+    entries: [
+      { emoji: "\u2764\uFE0F", keywords: ["coracao", "cora\xE7\xE3o", "amor", "vermelho"] },
+      { emoji: "\u{1F9E1}", keywords: ["coracao", "cora\xE7\xE3o", "laranja"] },
+      { emoji: "\u{1F49B}", keywords: ["coracao", "cora\xE7\xE3o", "amarelo"] },
+      { emoji: "\u{1F49A}", keywords: ["coracao", "cora\xE7\xE3o", "verde"] },
+      { emoji: "\u{1F499}", keywords: ["coracao", "cora\xE7\xE3o", "azul"] },
+      { emoji: "\u{1F49C}", keywords: ["coracao", "cora\xE7\xE3o", "roxo"] },
+      { emoji: "\u{1F5A4}", keywords: ["coracao", "cora\xE7\xE3o", "preto"] },
+      { emoji: "\u{1F90D}", keywords: ["coracao", "cora\xE7\xE3o", "branco"] },
+      { emoji: "\u{1F494}", keywords: ["coracao", "cora\xE7\xE3o", "partido", "triste"] },
+      { emoji: "\u{1F495}", keywords: ["coracao", "cora\xE7\xE3o", "amor", "casal"] },
+      { emoji: "\u{1F496}", keywords: ["coracao", "cora\xE7\xE3o", "brilho", "amor"] },
+      { emoji: "\u{1F49D}", keywords: ["coracao", "cora\xE7\xE3o", "presente", "laco", "la\xE7o"] }
+    ]
   },
   {
-    name: "Food",
-    emojis: ["\u{1F354}", "\u{1F35F}", "\u{1F355}", "\u{1F32D}", "\u{1F37F}", "\u{1F9C2}", "\u{1F953}", "\u{1F95A}", "\u{1F373}", "\u{1F9C7}", "\u{1F95E}", "\u{1F9C8}", "\u{1F35E}", "\u{1F950}", "\u{1F968}", "\u{1F96F}", "\u{1F956}", "\u{1F9C0}", "\u{1F957}", "\u{1F959}"]
+    name: "Neg\xF3cios",
+    entries: [
+      { emoji: "\u{1F3E0}", keywords: ["casa", "imovel", "im\xF3vel", "residencia", "resid\xEAncia", "moradia"] },
+      { emoji: "\u{1F3E1}", keywords: ["casa", "imovel", "im\xF3vel", "jardim", "moradia"] },
+      { emoji: "\u{1F3E2}", keywords: ["predio", "pr\xE9dio", "empresa", "escritorio", "escrit\xF3rio"] },
+      { emoji: "\u{1F3E6}", keywords: ["banco", "financiamento", "agencia", "ag\xEAncia"] },
+      { emoji: "\u{1F511}", keywords: ["chave", "casa", "entrega", "imovel", "im\xF3vel"] },
+      { emoji: "\u{1F4C4}", keywords: ["documento", "papel", "contrato", "arquivo"] },
+      { emoji: "\u{1F4CB}", keywords: ["prancheta", "lista", "documento", "checklist"] },
+      { emoji: "\u{1F4DD}", keywords: ["anotar", "escrever", "nota", "formulario", "formul\xE1rio"] },
+      { emoji: "\u2705", keywords: ["ok", "certo", "aprovado", "concluido", "conclu\xEDdo", "check"] },
+      { emoji: "\u274C", keywords: ["errado", "negado", "recusado", "cancelar"] },
+      { emoji: "\u26A0\uFE0F", keywords: ["atencao", "aten\xE7\xE3o", "alerta", "cuidado"] },
+      { emoji: "\u{1F4B0}", keywords: ["dinheiro", "valor", "saco", "grana", "pagamento"] },
+      { emoji: "\u{1F4B5}", keywords: ["dinheiro", "nota", "valor", "pagamento"] },
+      { emoji: "\u{1F4B3}", keywords: ["cartao", "cart\xE3o", "credito", "cr\xE9dito", "pagamento"] },
+      { emoji: "\u{1F9FE}", keywords: ["recibo", "nota", "fiscal", "comprovante"] },
+      { emoji: "\u{1F4CA}", keywords: ["grafico", "gr\xE1fico", "relatorio", "relat\xF3rio", "dados"] },
+      { emoji: "\u{1F4C8}", keywords: ["grafico", "gr\xE1fico", "subindo", "crescimento", "alta"] },
+      { emoji: "\u{1F4C9}", keywords: ["grafico", "gr\xE1fico", "caindo", "queda", "baixa"] },
+      { emoji: "\u{1F5D3}\uFE0F", keywords: ["calendario", "calend\xE1rio", "data", "agenda", "prazo"] },
+      { emoji: "\u23F0", keywords: ["relogio", "rel\xF3gio", "hora", "prazo", "alarme"] },
+      { emoji: "\u{1F4DE}", keywords: ["telefone", "ligar", "contato", "chamada"] },
+      { emoji: "\u{1F4F1}", keywords: ["celular", "telefone", "whatsapp", "contato"] },
+      { emoji: "\u{1F4E7}", keywords: ["email", "e-mail", "mensagem", "contato"] },
+      { emoji: "\u{1F4CE}", keywords: ["anexo", "clipe", "arquivo"] },
+      { emoji: "\u{1F50D}", keywords: ["buscar", "procurar", "lupa", "pesquisa", "consulta"] },
+      { emoji: "\u{1F916}", keywords: ["robo", "rob\xF4", "bot", "assistente", "automatico", "autom\xE1tico"] },
+      { emoji: "\u{1F4AC}", keywords: ["mensagem", "conversa", "balao", "bal\xE3o", "chat"] }
+    ]
   },
   {
-    name: "Drinks",
-    emojis: ["\u2615", "\u{1F375}", "\u{1F376}", "\u{1F37E}", "\u{1F377}", "\u{1F378}", "\u{1F379}", "\u{1F37A}", "\u{1F37B}", "\u{1F942}", "\u{1F943}", "\u{1F964}", "\u{1F9CB}", "\u{1F9C3}", "\u{1F9C9}", "\u{1F9CA}", "\u{1F962}", "\u{1F37D}\uFE0F", "\u{1F374}", "\u{1F944}"]
+    name: "Objetos",
+    entries: [
+      { emoji: "\u{1F381}", keywords: ["presente", "brinde", "surpresa"] },
+      { emoji: "\u{1F389}", keywords: ["festa", "comemorar", "parabens", "parab\xE9ns"] },
+      { emoji: "\u{1F38A}", keywords: ["festa", "confete", "comemorar"] },
+      { emoji: "\u{1F382}", keywords: ["bolo", "aniversario", "anivers\xE1rio", "festa"] },
+      { emoji: "\u{1F4A1}", keywords: ["ideia", "ide\xEDa", "lampada", "l\xE2mpada", "dica"] },
+      { emoji: "\u{1F514}", keywords: ["sino", "aviso", "notificacao", "notifica\xE7\xE3o", "lembrete"] },
+      { emoji: "\u2B50", keywords: ["estrela", "favorito", "avaliacao", "avalia\xE7\xE3o"] },
+      { emoji: "\u{1F525}", keywords: ["fogo", "quente", "destaque", "top"] },
+      { emoji: "\u{1F680}", keywords: ["foguete", "rapido", "r\xE1pido", "lancamento", "lan\xE7amento"] },
+      { emoji: "\u{1F4BB}", keywords: ["computador", "notebook", "trabalho"] },
+      { emoji: "\u{1F4F7}", keywords: ["foto", "camera", "c\xE2mera", "imagem"] },
+      { emoji: "\u{1F697}", keywords: ["carro", "veiculo", "ve\xEDculo", "automovel", "autom\xF3vel"] },
+      { emoji: "\u2708\uFE0F", keywords: ["aviao", "avi\xE3o", "viagem", "voo"] }
+    ]
   },
   {
-    name: "Objects",
-    emojis: ["\u{1F381}", "\u{1F382}", "\u{1F388}", "\u{1F389}", "\u{1F38A}", "\u{1F380}", "\u{1F4F1}", "\u{1F4BB}", "\u231A", "\u{1F4F7}", "\u{1F511}", "\u{1F4B0}", "\u{1F4B3}", "\u{1F4DD}", "\u{1F4CC}", "\u{1F4CD}", "\u2702\uFE0F", "\u{1F50D}", "\u{1F4A1}", "\u{1F514}"]
+    name: "Comida",
+    entries: [
+      { emoji: "\u{1F354}", keywords: ["hamburguer", "hamb\xFArguer", "lanche", "comida"] },
+      { emoji: "\u{1F355}", keywords: ["pizza", "comida", "lanche"] },
+      { emoji: "\u{1F35F}", keywords: ["batata", "frita", "lanche"] },
+      { emoji: "\u{1F37F}", keywords: ["pipoca", "cinema", "filme"] },
+      { emoji: "\u{1F35E}", keywords: ["pao", "p\xE3o", "padaria"] },
+      { emoji: "\u{1F9C0}", keywords: ["queijo", "comida"] },
+      { emoji: "\u{1F957}", keywords: ["salada", "saudavel", "saud\xE1vel", "comida"] },
+      { emoji: "\u2615", keywords: ["cafe", "caf\xE9", "bebida", "quente"] },
+      { emoji: "\u{1F37A}", keywords: ["cerveja", "bebida", "chopp"] },
+      { emoji: "\u{1F377}", keywords: ["vinho", "bebida", "taca", "ta\xE7a"] },
+      { emoji: "\u{1F942}", keywords: ["brinde", "comemorar", "champanhe"] },
+      { emoji: "\u{1F964}", keywords: ["refrigerante", "bebida", "copo"] }
+    ]
   }
 ];
-var EmojiPicker = ({ onSelect, className = "" }) => {
-  const [activeCategory, setActiveCategory] = useState4(0);
+var ALL_ENTRIES = EMOJI_CATEGORIES.flatMap((category) => category.entries);
+function normalize(value) {
+  return value.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "").trim();
+}
+function searchEmojis(query) {
+  const term = normalize(query);
+  if (!term) return ALL_ENTRIES;
+  return ALL_ENTRIES.filter((entry) => entry.keywords.some((keyword) => normalize(keyword).startsWith(term)));
+}
+
+// src/EmojiPicker.tsx
+import { useState as useState5, useCallback, useMemo as useMemo2 } from "react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var DEFAULT_EMOJI_PICKER_LABELS = {
+  search: "Buscar emoji",
+  noResults: "Nenhum emoji encontrado"
+};
+var EmojiPicker = ({ onSelect, labels, className = "" }) => {
+  const searchLabel = labels?.search ?? DEFAULT_EMOJI_PICKER_LABELS.search;
+  const noResultsLabel = labels?.noResults ?? DEFAULT_EMOJI_PICKER_LABELS.noResults;
+  const [activeCategory, setActiveCategory] = useState5(0);
+  const [query, setQuery] = useState5("");
   const handleSelect = useCallback(
     (emoji) => {
       onSelect(emoji);
     },
     [onSelect]
   );
-  return /* @__PURE__ */ jsxs6("div", { className: `bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsx10("div", { className: "flex border-b border-gray-200 overflow-x-auto", children: EMOJI_CATEGORIES.map((category, index) => /* @__PURE__ */ jsxs6(
+  const isSearching = query.trim().length > 0;
+  const visibleEntries = useMemo2(
+    () => isSearching ? searchEmojis(query) : EMOJI_CATEGORIES[activeCategory].entries,
+    [isSearching, query, activeCategory]
+  );
+  return /* @__PURE__ */ jsxs7("div", { className: `bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsx11("div", { className: "p-2 border-b border-gray-200", children: /* @__PURE__ */ jsx11(
+      "input",
+      {
+        type: "search",
+        value: query,
+        onChange: (event) => setQuery(event.target.value),
+        placeholder: searchLabel,
+        "aria-label": searchLabel,
+        className: "w-full rounded-md border border-gray-200 px-2 py-1.5 text-sm outline-none focus:border-blue-500"
+      }
+    ) }),
+    isSearching ? null : /* @__PURE__ */ jsx11("div", { className: "flex border-b border-gray-200 overflow-x-auto", children: EMOJI_CATEGORIES.map((category, index) => /* @__PURE__ */ jsxs7(
       "button",
       {
         onClick: () => setActiveCategory(index),
         className: `px-3 py-2 text-xs font-medium whitespace-nowrap border-b-2 transition-colors ${activeCategory === index ? "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700"}`,
         children: [
-          category.emojis[0],
+          category.entries[0].emoji,
           " ",
           category.name
         ]
       },
       category.name
     )) }),
-    /* @__PURE__ */ jsx10("div", { className: "grid grid-cols-10 gap-0.5 p-2 max-h-[240px] overflow-y-auto", children: EMOJI_CATEGORIES[activeCategory].emojis.map((emoji) => /* @__PURE__ */ jsx10(
+    visibleEntries.length === 0 ? /* @__PURE__ */ jsx11("p", { className: "px-3 py-6 text-center text-sm text-gray-500", children: noResultsLabel }) : /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-10 gap-0.5 p-2 max-h-[240px] overflow-y-auto", children: visibleEntries.map((entry) => /* @__PURE__ */ jsx11(
       "button",
       {
-        onClick: () => handleSelect(emoji),
+        onClick: () => handleSelect(entry.emoji),
         className: "w-8 h-8 flex items-center justify-center text-lg hover:bg-gray-100 rounded transition-colors cursor-pointer",
-        "aria-label": emoji,
-        children: emoji
+        "aria-label": entry.emoji,
+        title: entry.keywords[0],
+        children: entry.emoji
       },
-      emoji
+      entry.emoji
     )) })
   ] });
 };
 
 // src/MessageComposer.tsx
-import { useState as useState5, useRef as useRef2, useCallback as useCallback2 } from "react";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState6, useRef as useRef2, useCallback as useCallback2 } from "react";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var DEFAULT_MESSAGE_COMPOSER_LABELS = {
   emoji: "Emoji",
   attach: "Anexar",
   send: "Enviar"
 };
-var DEFAULT_ACCEPTED_FILE_TYPES = "image/*,video/*,audio/*,.pdf,.doc,.docx,.xls,.xlsx,.zip";
+var DEFAULT_ACCEPTED_FILE_TYPES = [
+  "image/jpeg,image/png,image/webp",
+  "audio/aac,audio/mp4,audio/mpeg,audio/amr,audio/ogg",
+  "video/mp4,video/3gpp",
+  "application/pdf,text/plain,text/csv",
+  "application/msword,application/vnd.ms-excel,application/vnd.ms-powerpoint",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation"
+].join(",");
 var MessageComposer = ({
   onSend,
   onAttach,
@@ -625,9 +871,9 @@ var MessageComposer = ({
   const emojiLabel = labels?.emoji ?? DEFAULT_MESSAGE_COMPOSER_LABELS.emoji;
   const attachLabel = labels?.attach ?? DEFAULT_MESSAGE_COMPOSER_LABELS.attach;
   const sendLabel = labels?.send ?? DEFAULT_MESSAGE_COMPOSER_LABELS.send;
-  const [internalText, setInternalText] = useState5("");
-  const [showEmoji, setShowEmoji] = useState5(false);
-  const [attachments, setAttachments] = useState5([]);
+  const [internalText, setInternalText] = useState6("");
+  const [showEmoji, setShowEmoji] = useState6(false);
+  const [attachments, setAttachments] = useState6([]);
   const textareaRef = useRef2(null);
   const fileInputRef = useRef2(null);
   const isControlled = externalValue !== void 0;
@@ -721,25 +967,25 @@ var MessageComposer = ({
     /* A barra é a superfície (cinza, largura cheia, sem raio) e o campo dentro é que arredonda —
        ordem do WhatsApp. Invertido, o pill arredondado ia até a borda da tela e os cantos
        descobriam o fundo branco da página, que lia como defeito. */
-    /* @__PURE__ */ jsxs7("div", { className: cn("bg-[#f0f2f5] px-2 py-2", className), children: [
-      attachments.length > 0 && /* @__PURE__ */ jsx11("div", { className: "flex gap-2 px-1 pb-2 overflow-x-auto", children: attachments.map((a, i) => /* @__PURE__ */ jsxs7("div", { className: "relative flex-shrink-0", children: [
-        a.previewUrl ? /* @__PURE__ */ jsx11("img", { src: a.previewUrl, alt: "", className: "w-16 h-16 object-cover rounded-lg border border-gray-200" }) : /* @__PURE__ */ jsx11("div", { className: "w-16 h-16 bg-gray-100 rounded-lg border border-gray-200 flex items-center justify-center", children: /* @__PURE__ */ jsxs7("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "1.5", children: [
-          /* @__PURE__ */ jsx11("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-          /* @__PURE__ */ jsx11("polyline", { points: "14 2 14 8 20 8" })
+    /* @__PURE__ */ jsxs8("div", { className: cn("bg-[#f0f2f5] px-2 py-2", className), children: [
+      attachments.length > 0 && /* @__PURE__ */ jsx12("div", { className: "flex gap-2 px-1 pb-2 overflow-x-auto", children: attachments.map((a, i) => /* @__PURE__ */ jsxs8("div", { className: "relative flex-shrink-0", children: [
+        a.previewUrl ? /* @__PURE__ */ jsx12("img", { src: a.previewUrl, alt: "", className: "w-16 h-16 object-cover rounded-lg border border-gray-200" }) : /* @__PURE__ */ jsx12("div", { className: "w-16 h-16 bg-gray-100 rounded-lg border border-gray-200 flex items-center justify-center", children: /* @__PURE__ */ jsxs8("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "1.5", children: [
+          /* @__PURE__ */ jsx12("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+          /* @__PURE__ */ jsx12("polyline", { points: "14 2 14 8 20 8" })
         ] }) }),
-        /* @__PURE__ */ jsx11("button", { 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__ */ jsx12("button", { 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__ */ jsxs7("div", { className: cn("flex items-end gap-1.5 rounded-xl bg-white px-3 py-2", classNames?.field), children: [
-        showEmojiButton && /* @__PURE__ */ jsxs7("div", { className: "relative flex-shrink-0", children: [
-          /* @__PURE__ */ jsx11("button", { 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__ */ jsxs7("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ jsx11("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
-            /* @__PURE__ */ jsx11("circle", { cx: "9", cy: "9", r: "0.5", fill: "currentColor" }),
-            /* @__PURE__ */ jsx11("circle", { cx: "15", cy: "9", r: "0.5", fill: "currentColor" })
+      /* @__PURE__ */ jsxs8("div", { className: cn("flex items-end gap-1.5 rounded-xl bg-white px-3 py-2", classNames?.field), children: [
+        showEmojiButton && /* @__PURE__ */ jsxs8("div", { className: "relative flex-shrink-0", children: [
+          /* @__PURE__ */ jsx12("button", { 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__ */ jsxs8("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ jsx12("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsx12("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+            /* @__PURE__ */ jsx12("circle", { cx: "9", cy: "9", r: "0.5", fill: "currentColor" }),
+            /* @__PURE__ */ jsx12("circle", { cx: "15", cy: "9", r: "0.5", fill: "currentColor" })
           ] }) }),
-          showEmoji && /* @__PURE__ */ jsx11("div", { className: "absolute bottom-full left-0 mb-2 z-10", children: /* @__PURE__ */ jsx11(EmojiPicker, { onSelect: handleEmojiSelect }) })
+          showEmoji && /* @__PURE__ */ jsx12("div", { className: "absolute bottom-full left-0 mb-2 z-10", children: /* @__PURE__ */ jsx12(EmojiPicker, { onSelect: handleEmojiSelect }) })
         ] }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "textarea",
           {
             ref: textareaRef,
@@ -756,31 +1002,31 @@ var MessageComposer = ({
             style: { fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }
           }
         ),
-        showAttachButton && /* @__PURE__ */ jsxs7(Fragment2, { children: [
-          /* @__PURE__ */ jsx11("input", { ref: fileInputRef, type: "file", multiple: true, accept: acceptedFileTypes, onChange: handleFileChange, className: "hidden" }),
-          /* @__PURE__ */ jsx11("button", { 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__ */ jsx11("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx11("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__ */ jsxs8(Fragment2, { children: [
+          /* @__PURE__ */ jsx12("input", { ref: fileInputRef, type: "file", multiple: true, accept: acceptedFileTypes, onChange: handleFileChange, className: "hidden" }),
+          /* @__PURE__ */ jsx12("button", { 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__ */ jsx12("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("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" }) }) })
         ] }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "button",
           {
             onClick: sendMessage,
             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__ */ jsx11("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx11("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
+            children: /* @__PURE__ */ jsx12("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx12("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
           }
         )
       ] }),
-      remaining !== null && /* @__PURE__ */ jsx11("div", { className: "flex justify-end mt-1 pr-1", children: /* @__PURE__ */ jsx11("span", { className: `text-xs ${remaining < 20 ? "text-red-500" : "text-gray-400"}`, children: remaining }) })
+      remaining !== null && /* @__PURE__ */ jsx12("div", { className: "flex justify-end mt-1 pr-1", children: /* @__PURE__ */ jsx12("span", { className: `text-xs ${remaining < 20 ? "text-red-500" : "text-gray-400"}`, children: remaining }) })
     ] })
   );
 };
 
 // src/DateDivider.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function DateDivider({ iso, className, classNames }) {
   const { dateDivider } = useConversationLocales();
-  return /* @__PURE__ */ jsx12("div", { className: cn("flex justify-center sticky top-0 z-10 my-2 pointer-events-none", classNames?.root, className), children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13("div", { className: cn("flex justify-center sticky top-0 z-10 my-2 pointer-events-none", classNames?.root, className), children: /* @__PURE__ */ jsx13(
     "span",
     {
       className: cn(
@@ -847,11 +1093,11 @@ function phoneInitials(number) {
 }
 
 // src/hooks/useAsyncResource.ts
-import { useCallback as useCallback3, useEffect as useEffect2, useRef as useRef3, useState as useState6 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect2, useRef as useRef3, useState as useState7 } from "react";
 function useAsyncResource(fetcher, deps) {
-  const [data, setData] = useState6(void 0);
-  const [loading, setLoading] = useState6(false);
-  const [error, setError] = useState6(void 0);
+  const [data, setData] = useState7(void 0);
+  const [loading, setLoading] = useState7(false);
+  const [error, setError] = useState7(void 0);
   const requestIdRef = useRef3(0);
   const load = useCallback3(async () => {
     const requestId = ++requestIdRef.current;
@@ -901,9 +1147,9 @@ function useConversationDocuments(conversationId, params) {
 }
 
 // src/ConversationDocumentsPanel.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { ArrowUpDown, Bot, Download, Eye, Users } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var DOCUMENT_SOURCE_FILTER = {
   ALL: "all",
   CUSTOMER: "customer",
@@ -943,12 +1189,12 @@ function ConversationDocumentsPanel({
 }) {
   const labels = { ...DEFAULT_CONVERSATION_DOCUMENTS_LABELS, ...labelsOverride };
   const context = useConversations();
-  const [search, setSearch] = useState7("");
-  const [sourceFilter, setSourceFilter] = useState7(DOCUMENT_SOURCE_FILTER.ALL);
-  const [sortDirection, setSortDirection] = useState7("desc");
-  const [page, setPage] = useState7(1);
-  const [selectedIds, setSelectedIds] = useState7([]);
-  const [archiveError, setArchiveError] = useState7(false);
+  const [search, setSearch] = useState8("");
+  const [sourceFilter, setSourceFilter] = useState8(DOCUMENT_SOURCE_FILTER.ALL);
+  const [sortDirection, setSortDirection] = useState8("desc");
+  const [page, setPage] = useState8(1);
+  const [selectedIds, setSelectedIds] = useState8([]);
+  const [archiveError, setArchiveError] = useState8(false);
   const hasFilters = search !== "" || sourceFilter !== DOCUMENT_SOURCE_FILTER.ALL || sortDirection !== "desc";
   const { documents, total, loading, error } = useConversationDocuments(open ? conversationId : void 0, {
     search,
@@ -999,10 +1245,10 @@ function ConversationDocumentsPanel({
     }
   }
   if (!open) return null;
-  return /* @__PURE__ */ jsx13("div", { className: cn("border-b", classNames?.root, className), children: /* @__PURE__ */ jsxs8("section", { className: cn("px-4 py-3", classNames?.body), children: [
-    /* @__PURE__ */ jsx13("p", { className: cn("mb-2 text-sm font-medium", classNames?.title), children: labels.title }),
-    /* @__PURE__ */ jsxs8("div", { className: cn("mb-2 flex flex-wrap items-center gap-2 border-b pb-2", classNames?.filters), children: [
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14("div", { className: cn("border-b", classNames?.root, className), children: /* @__PURE__ */ jsxs9("section", { className: cn("px-4 py-3", classNames?.body), children: [
+    /* @__PURE__ */ jsx14("p", { className: cn("mb-2 text-sm font-medium", classNames?.title), children: labels.title }),
+    /* @__PURE__ */ jsxs9("div", { className: cn("mb-2 flex flex-wrap items-center gap-2 border-b pb-2", classNames?.filters), children: [
+      /* @__PURE__ */ jsx14(
         "input",
         {
           type: "search",
@@ -1013,7 +1259,7 @@ function ConversationDocumentsPanel({
           className: cn("w-full rounded-md border px-3 py-2 text-sm sm:w-52", classNames?.search)
         }
       ),
-      /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs9(
         "select",
         {
           value: sourceFilter,
@@ -1021,25 +1267,25 @@ 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__ */ jsx13("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
-            /* @__PURE__ */ jsx13("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
-            /* @__PURE__ */ jsx13("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
+            /* @__PURE__ */ jsx14("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
+            /* @__PURE__ */ jsx14("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
+            /* @__PURE__ */ jsx14("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs9(
         "button",
         {
           type: "button",
           onClick: () => applyFilter(() => setSortDirection(sortDirection === "desc" ? "asc" : "desc")),
           className: cn("cv-header-action inline-flex items-center gap-1", classNames?.sortButton),
           children: [
-            /* @__PURE__ */ jsx13(ArrowUpDown, { size: 14 }),
+            /* @__PURE__ */ jsx14(ArrowUpDown, { size: 14 }),
             sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest
           ]
         }
       ),
-      hasFilters ? /* @__PURE__ */ jsx13(
+      hasFilters ? /* @__PURE__ */ jsx14(
         "button",
         {
           type: "button",
@@ -1053,12 +1299,12 @@ function ConversationDocumentsPanel({
         }
       ) : null
     ] }),
-    loading ? /* @__PURE__ */ jsx13("p", { className: cn("text-xs text-gray-500", classNames?.status), children: labels.loading }) : null,
-    error ? /* @__PURE__ */ jsx13("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__ */ jsx13("p", { className: cn("text-xs text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
-    canArchive && documents.length > 0 ? /* @__PURE__ */ jsxs8("div", { className: cn("mb-2 flex flex-wrap items-center gap-3 text-xs", classNames?.selectionBar), children: [
-      /* @__PURE__ */ jsxs8("label", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx13(
+    loading ? /* @__PURE__ */ jsx14("p", { className: cn("text-xs text-gray-500", classNames?.status), children: labels.loading }) : null,
+    error ? /* @__PURE__ */ jsx14("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__ */ jsx14("p", { className: cn("text-xs text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
+    canArchive && documents.length > 0 ? /* @__PURE__ */ jsxs9("div", { className: cn("mb-2 flex flex-wrap items-center gap-3 text-xs", classNames?.selectionBar), children: [
+      /* @__PURE__ */ jsxs9("label", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx14(
           "input",
           {
             type: "checkbox",
@@ -1069,13 +1315,13 @@ function ConversationDocumentsPanel({
         ),
         labels.selectAll
       ] }),
-      selectedIds.length > 0 ? /* @__PURE__ */ jsx13("button", { type: "button", onClick: () => void handleDownloadSelected(), className: "cv-header-action", children: labels.downloadSelected(selectedIds.length) }) : null,
-      archiveError ? /* @__PURE__ */ jsx13("span", { role: "alert", className: "text-red-600 dark:text-red-400", children: labels.archiveFailed }) : null
+      selectedIds.length > 0 ? /* @__PURE__ */ jsx14("button", { type: "button", onClick: () => void handleDownloadSelected(), className: "cv-header-action", children: labels.downloadSelected(selectedIds.length) }) : null,
+      archiveError ? /* @__PURE__ */ jsx14("span", { role: "alert", className: "text-red-600 dark:text-red-400", children: labels.archiveFailed }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx13("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
+    /* @__PURE__ */ jsx14("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__ */ jsxs8(
+      return /* @__PURE__ */ jsxs9(
         "li",
         {
           className: cn(
@@ -1083,8 +1329,8 @@ function ConversationDocumentsPanel({
             classNames?.item
           ),
           children: [
-            /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-              canArchive ? /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+              canArchive ? /* @__PURE__ */ jsx14(
                 "input",
                 {
                   type: "checkbox",
@@ -1094,9 +1340,9 @@ function ConversationDocumentsPanel({
                   className: cn("shrink-0", classNames?.checkbox)
                 }
               ) : null,
-              /* @__PURE__ */ jsx13(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
-              /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs8(
+              /* @__PURE__ */ jsx14(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
+              /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs9(
                   "div",
                   {
                     className: cn(
@@ -1105,12 +1351,12 @@ function ConversationDocumentsPanel({
                       classNames?.sourceBadge
                     ),
                     children: [
-                      /* @__PURE__ */ jsx13(SourceIcon, { size: 11 }),
+                      /* @__PURE__ */ jsx14(SourceIcon, { size: 11 }),
                       isFromCustomer ? labels.sourceFilterCustomer : labels.sourceFilterTeam
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   "div",
                   {
                     className: cn("truncate text-sm font-medium", classNames?.filename),
@@ -1118,15 +1364,15 @@ function ConversationDocumentsPanel({
                     children: document2.filename
                   }
                 ),
-                /* @__PURE__ */ jsxs8("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", classNames?.meta), children: [
+                /* @__PURE__ */ jsxs9("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", classNames?.meta), children: [
                   formatDateTime(document2.linkedAt),
                   " \xB7 ",
                   formatFileSize(document2.sizeBytes)
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 gap-1", children: [
-              /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsxs9("div", { className: "flex shrink-0 gap-1", children: [
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -1134,10 +1380,10 @@ function ConversationDocumentsPanel({
                   title: labels.view,
                   "aria-label": `${labels.view}: ${document2.filename}`,
                   className: cn("cv-header-icon", classNames?.viewButton),
-                  children: /* @__PURE__ */ jsx13(Eye, { size: 14 })
+                  children: /* @__PURE__ */ jsx14(Eye, { size: 14 })
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -1145,7 +1391,7 @@ function ConversationDocumentsPanel({
                   title: labels.download,
                   "aria-label": `${labels.download}: ${document2.filename}`,
                   className: cn("cv-header-icon", classNames?.downloadButton),
-                  children: /* @__PURE__ */ jsx13(Download, { size: 14 })
+                  children: /* @__PURE__ */ jsx14(Download, { size: 14 })
                 }
               )
             ] })
@@ -1154,7 +1400,7 @@ function ConversationDocumentsPanel({
         document2.id
       );
     }) }),
-    total > perPage ? /* @__PURE__ */ jsxs8(
+    total > perPage ? /* @__PURE__ */ jsxs9(
       "div",
       {
         className: cn(
@@ -1162,9 +1408,9 @@ function ConversationDocumentsPanel({
           classNames?.pagination
         ),
         children: [
-          /* @__PURE__ */ jsx13("span", { className: "text-gray-400", children: labels.total(total) }),
-          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14("span", { className: "text-gray-400", children: labels.total(total) }),
+          /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -1175,8 +1421,8 @@ function ConversationDocumentsPanel({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsx13("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -1195,9 +1441,9 @@ function ConversationDocumentsPanel({
 }
 
 // src/DocumentsLibrary.tsx
-import { useEffect as useEffect3, useState as useState8 } from "react";
+import { useEffect as useEffect3, useState as useState9 } from "react";
 import { ArrowUpDown as ArrowUpDown2, Bot as Bot2, Download as Download2, Eye as Eye2, MessageSquare, Users as Users2 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var DEFAULT_DOCUMENTS_LIBRARY_LABELS = {
   title: "Documentos",
   searchPlaceholder: "Buscar por nome do arquivo ou telefone",
@@ -1228,14 +1474,14 @@ function DocumentsLibrary({
 }) {
   const labels = { ...DEFAULT_DOCUMENTS_LIBRARY_LABELS, ...labelsOverride };
   const context = useConversations();
-  const [search, setSearch] = useState8("");
-  const [sourceFilter, setSourceFilter] = useState8(DOCUMENT_SOURCE_FILTER.ALL);
-  const [sortDirection, setSortDirection] = useState8("desc");
-  const [page, setPage] = useState8(1);
-  const [documents, setDocuments] = useState8([]);
-  const [total, setTotal] = useState8(0);
-  const [loading, setLoading] = useState8(false);
-  const [failed, setFailed] = useState8(false);
+  const [search, setSearch] = useState9("");
+  const [sourceFilter, setSourceFilter] = useState9(DOCUMENT_SOURCE_FILTER.ALL);
+  const [sortDirection, setSortDirection] = useState9("desc");
+  const [page, setPage] = useState9(1);
+  const [documents, setDocuments] = useState9([]);
+  const [total, setTotal] = useState9(0);
+  const [loading, setLoading] = useState9(false);
+  const [failed, setFailed] = useState9(false);
   const hasFilters = search !== "" || sourceFilter !== DOCUMENT_SOURCE_FILTER.ALL || sortDirection !== "desc";
   const lastPage = Math.max(1, Math.ceil(total / perPage));
   const fetchAll = context?.api.getAllDocuments;
@@ -1272,10 +1518,10 @@ function DocumentsLibrary({
     if (url) window.open(url, "_blank", "noopener,noreferrer");
   }
   if (!fetchAll) return null;
-  return /* @__PURE__ */ jsxs9("div", { className: cn("space-y-3", classNames?.root, className), children: [
-    /* @__PURE__ */ jsx14("h2", { className: cn("text-lg font-semibold", classNames?.title), children: labels.title }),
-    /* @__PURE__ */ jsxs9("div", { className: cn("flex flex-wrap items-center gap-2", classNames?.filters), children: [
-      /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs10("div", { className: cn("space-y-3", classNames?.root, className), children: [
+    /* @__PURE__ */ jsx15("h2", { className: cn("text-lg font-semibold", classNames?.title), children: labels.title }),
+    /* @__PURE__ */ jsxs10("div", { className: cn("flex flex-wrap items-center gap-2", classNames?.filters), children: [
+      /* @__PURE__ */ jsx15(
         "input",
         {
           type: "search",
@@ -1286,7 +1532,7 @@ function DocumentsLibrary({
           className: cn("w-full rounded-md border px-3 py-2 text-sm sm:w-64", classNames?.search)
         }
       ),
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs10(
         "select",
         {
           value: sourceFilter,
@@ -1294,25 +1540,25 @@ 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__ */ jsx14("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
-            /* @__PURE__ */ jsx14("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
-            /* @__PURE__ */ jsx14("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
+            /* @__PURE__ */ jsx15("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
+            /* @__PURE__ */ jsx15("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
+            /* @__PURE__ */ jsx15("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs10(
         "button",
         {
           type: "button",
           onClick: () => applyFilter(() => setSortDirection(sortDirection === "desc" ? "asc" : "desc")),
           className: cn("cv-header-action inline-flex items-center gap-1", classNames?.sortButton),
           children: [
-            /* @__PURE__ */ jsx14(ArrowUpDown2, { size: 14 }),
+            /* @__PURE__ */ jsx15(ArrowUpDown2, { size: 14 }),
             sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest
           ]
         }
       ),
-      hasFilters ? /* @__PURE__ */ jsx14(
+      hasFilters ? /* @__PURE__ */ jsx15(
         "button",
         {
           type: "button",
@@ -1326,13 +1572,13 @@ function DocumentsLibrary({
         }
       ) : null
     ] }),
-    loading ? /* @__PURE__ */ jsx14("p", { className: cn("text-sm text-gray-500", classNames?.status), children: labels.loading }) : null,
-    failed ? /* @__PURE__ */ jsx14("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
-    !loading && !failed && documents.length === 0 ? /* @__PURE__ */ jsx14("p", { className: cn("text-sm text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
-    /* @__PURE__ */ jsx14("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
+    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,
+    !loading && !failed && documents.length === 0 ? /* @__PURE__ */ jsx15("p", { className: cn("text-sm text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
+    /* @__PURE__ */ jsx15("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__ */ jsxs9(
+      return /* @__PURE__ */ jsxs10(
         "li",
         {
           className: cn(
@@ -1340,23 +1586,23 @@ function DocumentsLibrary({
             classNames?.item
           ),
           children: [
-            /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-              /* @__PURE__ */ jsx14(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
-              /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx14("div", { className: cn("truncate text-sm font-medium", classNames?.filename), title: document2.filename, children: document2.filename }),
-                /* @__PURE__ */ jsxs9("div", { className: cn("flex flex-wrap items-center gap-x-2 text-xs text-gray-500", classNames?.meta), children: [
-                  /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1", children: [
-                    /* @__PURE__ */ jsx14(SourceIcon, { size: 11 }),
+            /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+              /* @__PURE__ */ jsx15(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
+              /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx15("div", { className: cn("truncate text-sm font-medium", classNames?.filename), title: document2.filename, children: document2.filename }),
+                /* @__PURE__ */ jsxs10("div", { className: cn("flex flex-wrap items-center gap-x-2 text-xs text-gray-500", classNames?.meta), children: [
+                  /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx15(SourceIcon, { size: 11 }),
                     isFromCustomer ? labels.sourceFilterCustomer : labels.sourceFilterTeam
                   ] }),
-                  /* @__PURE__ */ jsx14("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx14("span", { children: formatDateTime(document2.linkedAt) }),
-                  /* @__PURE__ */ jsx14("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx14("span", { children: formatFileSize(document2.sizeBytes) })
+                  /* @__PURE__ */ jsx15("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsx15("span", { children: formatDateTime(document2.linkedAt) }),
+                  /* @__PURE__ */ jsx15("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsx15("span", { children: formatFileSize(document2.sizeBytes) })
                 ] })
               ] })
             ] }),
-            onOpenConversation ? /* @__PURE__ */ jsxs9(
+            onOpenConversation ? /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -1364,13 +1610,13 @@ function DocumentsLibrary({
                 title: labels.openConversation,
                 className: cn("cv-header-action inline-flex shrink-0 items-center gap-1", classNames?.conversationLink),
                 children: [
-                  /* @__PURE__ */ jsx14(MessageSquare, { size: 12 }),
+                  /* @__PURE__ */ jsx15(MessageSquare, { size: 12 }),
                   formatPhone(document2.conversationId)
                 ]
               }
-            ) : /* @__PURE__ */ jsx14("span", { className: cn("shrink-0 text-xs text-gray-500", classNames?.conversationLink), children: formatPhone(document2.conversationId) }),
-            /* @__PURE__ */ jsxs9("div", { className: "flex shrink-0 gap-1", children: [
-              /* @__PURE__ */ jsx14(
+            ) : /* @__PURE__ */ jsx15("span", { className: cn("shrink-0 text-xs text-gray-500", classNames?.conversationLink), children: formatPhone(document2.conversationId) }),
+            /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 gap-1", children: [
+              /* @__PURE__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -1378,10 +1624,10 @@ function DocumentsLibrary({
                   title: labels.view,
                   "aria-label": `${labels.view}: ${document2.filename}`,
                   className: "cv-header-icon",
-                  children: /* @__PURE__ */ jsx14(Eye2, { size: 14 })
+                  children: /* @__PURE__ */ jsx15(Eye2, { size: 14 })
                 }
               ),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -1389,7 +1635,7 @@ function DocumentsLibrary({
                   title: labels.download,
                   "aria-label": `${labels.download}: ${document2.filename}`,
                   className: "cv-header-icon",
-                  children: /* @__PURE__ */ jsx14(Download2, { size: 14 })
+                  children: /* @__PURE__ */ jsx15(Download2, { size: 14 })
                 }
               )
             ] })
@@ -1398,10 +1644,10 @@ function DocumentsLibrary({
         `${document2.conversationId}:${document2.id}`
       );
     }) }),
-    total > perPage ? /* @__PURE__ */ jsxs9("div", { className: cn("flex items-center justify-between border-t pt-2 text-xs dark:border-gray-700", classNames?.pagination), children: [
-      /* @__PURE__ */ jsx14("span", { className: "text-gray-400", children: labels.total(total) }),
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx14(
+    total > perPage ? /* @__PURE__ */ jsxs10("div", { className: cn("flex items-center justify-between border-t pt-2 text-xs dark:border-gray-700", classNames?.pagination), children: [
+      /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: labels.total(total) }),
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -1411,8 +1657,8 @@ function DocumentsLibrary({
             children: "\u2039"
           }
         ),
-        /* @__PURE__ */ jsx14("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
+        /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -1441,13 +1687,19 @@ export {
   MediaRenderer,
   DEFAULT_LIGHTBOX_LABELS,
   Lightbox,
+  DEFAULT_INTERACTIVE_MESSAGE_LABELS,
+  InteractiveMessage,
   createMediaUrlResolver,
   ConversationsProvider,
   useConversations,
   MessageBubble,
   ConversationWallpaper,
+  EMOJI_CATEGORIES,
+  searchEmojis,
+  DEFAULT_EMOJI_PICKER_LABELS,
   EmojiPicker,
   DEFAULT_MESSAGE_COMPOSER_LABELS,
+  DEFAULT_ACCEPTED_FILE_TYPES,
   MessageComposer,
   DateDivider,
   formatPhone,