@adatechnology/conversations-ui 0.1.0-rc.24 → 0.1.0-rc.26

package/dist/index.js

@@ -1547,6 +1547,599 @@ function isWindowBlocking(window2) {
   return window2 === CONVERSATION_WINDOW.EXPIRED;
 }
 
+// src/documents/DocumentsWorkspace.tsx
+import { useEffect as useEffect6, useMemo as useMemo2, useState as useState10 } from "react";
+import { Download, Eye, MessageSquare, Trash2, X as X2 } from "lucide-react";
+
+// src/listing/index.tsx
+import { useState as useState8 } from "react";
+import { ArrowDown, ArrowUp, ArrowUpDown, ChevronDown as ChevronDown2, X } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function SortableHead({ label, field, activeField, direction, onSort, className }) {
+  const isActive = activeField === field;
+  const Icon = !isActive ? ArrowUpDown : direction === "asc" ? ArrowUp : ArrowDown;
+  return /* @__PURE__ */ jsx15("th", { scope: "col", className: cn("px-3 py-2 text-left text-xs font-medium", className), children: /* @__PURE__ */ jsxs13(
+    "button",
+    {
+      type: "button",
+      onClick: () => onSort(field),
+      "aria-label": label,
+      className: "inline-flex items-center gap-1 hover:text-gray-900 dark:hover:text-gray-100",
+      children: [
+        label,
+        /* @__PURE__ */ jsx15(Icon, { size: 12, className: isActive ? "" : "opacity-40", "aria-hidden": "true" })
+      ]
+    }
+  ) });
+}
+function MultiSelectFilter({ label, options, selected, onChange, className }) {
+  const [open, setOpen] = useState8(false);
+  function toggle(value) {
+    onChange(selected.includes(value) ? selected.filter((item) => item !== value) : [...selected, value]);
+  }
+  return /* @__PURE__ */ jsxs13("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs13(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((current) => !current),
+        className: "cv-header-action inline-flex items-center gap-1",
+        children: [
+          label,
+          selected.length > 0 ? /* @__PURE__ */ jsx15("span", { className: "cv-filter-count", children: selected.length }) : null,
+          /* @__PURE__ */ jsx15(ChevronDown2, { size: 12, className: open ? "rotate-180 transition-transform" : "transition-transform", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+      /* @__PURE__ */ jsx15("div", { className: "fixed inset-0 z-10", onClick: () => setOpen(false) }),
+      /* @__PURE__ */ jsx15("div", { className: "cv-filter-menu", children: options.map((option) => /* @__PURE__ */ jsxs13("label", { className: "cv-filter-option", children: [
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            type: "checkbox",
+            checked: selected.includes(option.value),
+            onChange: () => toggle(option.value),
+            className: "cursor-pointer rounded border-gray-300 text-blue-600 dark:border-gray-600"
+          }
+        ),
+        option.label
+      ] }, option.value)) })
+    ] }) : null
+  ] });
+}
+function BulkActionBar({ selectedCount, selectedLabel, clearLabel, onClear, children }) {
+  if (selectedCount === 0) return null;
+  return /* @__PURE__ */ jsxs13("div", { className: "cv-bulk-bar", role: "toolbar", "aria-label": selectedLabel(selectedCount), children: [
+    /* @__PURE__ */ jsx15("span", { className: "text-xs font-medium", children: selectedLabel(selectedCount) }),
+    children,
+    /* @__PURE__ */ jsxs13("button", { type: "button", onClick: onClear, className: "cv-header-action ml-auto inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx15(X, { size: 12, "aria-hidden": "true" }),
+      clearLabel
+    ] })
+  ] });
+}
+function ListingPagination({
+  page,
+  total,
+  perPage,
+  perPageOptions,
+  onPageChange,
+  onPerPageChange,
+  labels
+}) {
+  const lastPage = Math.max(1, Math.ceil(total / perPage));
+  return /* @__PURE__ */ jsxs13("div", { className: "cv-listing-pagination", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: [
+      onPerPageChange && perPageOptions ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+        /* @__PURE__ */ jsx15("span", { children: labels.show }),
+        /* @__PURE__ */ jsx15(
+          "select",
+          {
+            value: perPage,
+            onChange: (event) => onPerPageChange(Number(event.target.value)),
+            "aria-label": labels.perPage,
+            className: "cv-listing-perpage",
+            children: perPageOptions.map((option) => /* @__PURE__ */ jsx15("option", { value: option, children: option }, option))
+          }
+        ),
+        /* @__PURE__ */ jsx15("span", { children: labels.perPage })
+      ] }) : null,
+      /* @__PURE__ */ jsx15("span", { className: "ml-1", children: labels.total(total) })
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPageChange(page - 1),
+          disabled: page <= 1,
+          "aria-label": labels.previous,
+          className: "cv-header-icon disabled:opacity-40",
+          children: "\u2039"
+        }
+      ),
+      /* @__PURE__ */ jsx15("span", { className: "text-xs text-gray-500", children: labels.page(page, lastPage) }),
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPageChange(page + 1),
+          disabled: page >= lastPage,
+          "aria-label": labels.next,
+          className: "cv-header-icon disabled:opacity-40",
+          children: "\u203A"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/hooks/useUrlFilterState.ts
+import { useCallback as useCallback4, useEffect as useEffect5, useState as useState9 } from "react";
+var LIST_SEPARATOR = ",";
+function readParams() {
+  if (typeof window === "undefined") return new URLSearchParams();
+  return new URLSearchParams(window.location.search);
+}
+function writeParam(key, value) {
+  if (typeof window === "undefined") return;
+  const params = readParams();
+  if (value === void 0 || value === "") params.delete(key);
+  else params.set(key, value);
+  const query = params.toString();
+  window.history.replaceState(null, "", query ? `${window.location.pathname}?${query}` : window.location.pathname);
+}
+function useUrlStringState(key, initial, { enabled = true } = {}) {
+  const [value, setValue] = useState9(() => enabled ? readParams().get(key) ?? initial : initial);
+  const update = useCallback4(
+    (next) => {
+      setValue(next);
+      if (enabled) writeParam(key, next === initial ? void 0 : next);
+    },
+    [enabled, key, initial]
+  );
+  return [value, update];
+}
+function useUrlNumberState(key, initial, { enabled = true } = {}) {
+  const [value, setValue] = useState9(() => {
+    if (!enabled) return initial;
+    const raw = Number(readParams().get(key));
+    return Number.isFinite(raw) && raw > 0 ? raw : initial;
+  });
+  const update = useCallback4(
+    (next) => {
+      setValue(next);
+      if (enabled) writeParam(key, next === initial ? void 0 : String(next));
+    },
+    [enabled, key, initial]
+  );
+  return [value, update];
+}
+function useUrlArrayState(key, { enabled = true } = {}) {
+  const [value, setValue] = useState9(() => {
+    if (!enabled) return [];
+    const raw = readParams().get(key);
+    return raw ? raw.split(LIST_SEPARATOR).filter(Boolean) : [];
+  });
+  const update = useCallback4(
+    (next) => {
+      setValue(next);
+      if (enabled) writeParam(key, next.length > 0 ? next.join(LIST_SEPARATOR) : void 0);
+    },
+    [enabled, key]
+  );
+  return [value, update];
+}
+function useDebouncedValue(value, delayMs = 300) {
+  const [debounced, setDebounced] = useState9(value);
+  useEffect5(() => {
+    const timer = setTimeout(() => setDebounced(value), delayMs);
+    return () => clearTimeout(timer);
+  }, [value, delayMs]);
+  return debounced;
+}
+
+// src/documents/labels.ts
+var DEFAULT_DOCUMENTS_WORKSPACE_LABELS = {
+  title: "Documentos",
+  subtitle: (total) => `${total} arquivo${total === 1 ? "" : "s"} trocado${total === 1 ? "" : "s"}`,
+  searchPlaceholder: "Buscar por nome do arquivo ou telefone",
+  empty: "Nenhum arquivo trocado ainda.",
+  noResults: "Nenhum arquivo encontrado para os filtros aplicados.",
+  loading: "Carregando arquivos\u2026",
+  failure: "N\xE3o foi poss\xEDvel carregar os arquivos.",
+  view: "Visualizar",
+  download: "Baixar",
+  remove: "Excluir",
+  removeConfirm: (filename) => `Excluir "${filename}"?`,
+  openConversation: "Abrir conversa",
+  sourceFilter: "Origem",
+  categoryFilter: "Tipo",
+  startDate: "De",
+  endDate: "At\xE9",
+  clearFilters: "Limpar filtros",
+  selectAllPage: "Selecionar todos desta p\xE1gina",
+  selectRow: "Selecionar arquivo",
+  bulkSelected: (count) => `${count} selecionado${count === 1 ? "" : "s"}`,
+  bulkClear: "Limpar sele\xE7\xE3o",
+  bulkDownloadZip: "Baixar em zip",
+  bulkRemove: (count) => `Excluir ${count}`,
+  bulkRemoveConfirm: (count) => `Excluir ${count} arquivo${count === 1 ? "" : "s"}?`,
+  columnFilename: "Arquivo",
+  columnContact: "Contato",
+  columnType: "Tipo",
+  columnSize: "Tamanho",
+  columnSource: "Origem",
+  columnDate: "Recebido em",
+  columnActions: "A\xE7\xF5es",
+  sourceLabels: { customer: "Cliente", agent: "Atendente", bot: "Bot" },
+  categoryLabels: { document: "Documento", image: "Imagem", audio: "\xC1udio", video: "V\xEDdeo" },
+  show: "Mostrar",
+  perPage: "por p\xE1gina",
+  total: (count) => `${count} no total`,
+  page: (current, last) => `${current} / ${last}`,
+  previousPage: "P\xE1gina anterior",
+  nextPage: "Pr\xF3xima p\xE1gina"
+};
+
+// src/documents/DocumentsWorkspace.tsx
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var DEFAULT_PER_PAGE = 20;
+var DEFAULT_PER_PAGE_OPTIONS = [10, 20, 50, 100];
+var DEFAULT_SORT_FIELD = "linkedAt";
+function DocumentsWorkspace({
+  perPage: initialPerPage = DEFAULT_PER_PAGE,
+  perPageOptions = DEFAULT_PER_PAGE_OPTIONS,
+  onOpenConversation,
+  sources,
+  categories,
+  dateFilter = true,
+  renderFilters,
+  labels: labelsOverride,
+  className,
+  classNames,
+  syncUrl = true
+}) {
+  const labels = { ...DEFAULT_DOCUMENTS_WORKSPACE_LABELS, ...labelsOverride };
+  const context = useConversations();
+  const urlOptions = { enabled: syncUrl };
+  const [search, setSearch] = useUrlStringState("search", "", urlOptions);
+  const [source, setSource] = useUrlArrayState("source", urlOptions);
+  const [category, setCategory] = useUrlArrayState("fileCategory", urlOptions);
+  const [startDate, setStartDate] = useUrlStringState("startDate", "", urlOptions);
+  const [endDate, setEndDate] = useUrlStringState("endDate", "", urlOptions);
+  const [sortField, setSortField] = useUrlStringState("sortField", DEFAULT_SORT_FIELD, urlOptions);
+  const [sortDirection, setSortDirection] = useUrlStringState("sortDirection", "desc", urlOptions);
+  const [page, setPage] = useUrlNumberState("page", 1, urlOptions);
+  const [perPage, setPerPage] = useUrlNumberState("limit", initialPerPage, urlOptions);
+  const [extra, setExtra] = useState10({});
+  const [documents, setDocuments] = useState10([]);
+  const [total, setTotal] = useState10(0);
+  const [loading, setLoading] = useState10(false);
+  const [failed, setFailed] = useState10(false);
+  const [selectedIds, setSelectedIds] = useState10(/* @__PURE__ */ new Set());
+  const [reloadToken, setReloadToken] = useState10(0);
+  const [busy, setBusy] = useState10(false);
+  const debouncedSearch = useDebouncedValue(search);
+  const fetchAll = context?.api.getAllDocuments;
+  const removeDocument = context?.api.deleteDocument;
+  const downloadArchive = context?.api.downloadDocumentsArchiveByIds;
+  const extraKey = JSON.stringify(extra);
+  const sourceOptions = useMemo2(
+    () => sources ?? Object.entries(labels.sourceLabels).map(([value, label]) => ({ value, label })),
+    [sources, labels.sourceLabels]
+  );
+  const categoryOptions = useMemo2(
+    () => categories ?? Object.entries(labels.categoryLabels).map(([value, label]) => ({ value, label })),
+    [categories, labels.categoryLabels]
+  );
+  const hasFilters = debouncedSearch !== "" || source.length > 0 || category.length > 0 || startDate !== "" || endDate !== "" || Object.keys(extra).length > 0;
+  useEffect6(() => {
+    if (!fetchAll) return;
+    let active = true;
+    setLoading(true);
+    setFailed(false);
+    void fetchAll({
+      search: debouncedSearch || void 0,
+      page,
+      limit: perPage,
+      sortField,
+      sortDirection: sortDirection === "asc" ? "asc" : "desc",
+      ...source.length > 0 ? { source: source.join(",") } : {},
+      ...category.length > 0 ? { fileCategory: category.join(",") } : {},
+      ...startDate ? { startDate } : {},
+      ...endDate ? { endDate } : {},
+      ...Object.keys(extra).length > 0 ? { extra } : {}
+    }).then((result) => {
+      if (!active) return;
+      setDocuments(result.documents);
+      setTotal(result.total);
+    }).catch(() => {
+      if (active) setFailed(true);
+    }).finally(() => {
+      if (active) setLoading(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [fetchAll, debouncedSearch, source, category, startDate, endDate, sortField, sortDirection, page, perPage, extraKey, reloadToken]);
+  useEffect6(() => {
+    setPage(1);
+    setSelectedIds(/* @__PURE__ */ new Set());
+  }, [debouncedSearch, source, category, startDate, endDate, perPage, extraKey]);
+  function toggleSort(field) {
+    if (sortField === field) setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+    else {
+      setSortField(field);
+      setSortDirection("asc");
+    }
+  }
+  function toggleRow(id) {
+    const next = new Set(selectedIds);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    setSelectedIds(next);
+  }
+  const isAllSelected = documents.length > 0 && documents.every((document2) => selectedIds.has(document2.id));
+  function toggleAll() {
+    setSelectedIds(isAllSelected ? /* @__PURE__ */ new Set() : new Set(documents.map((document2) => document2.id)));
+  }
+  function clearFilters() {
+    setSearch("");
+    setSource([]);
+    setCategory([]);
+    setStartDate("");
+    setEndDate("");
+    setExtra({});
+  }
+  async function handleOpen(uploadId, disposition) {
+    const url = await context?.api.getDocumentUrl(uploadId, disposition);
+    if (url) window.open(url, "_blank", "noopener,noreferrer");
+  }
+  async function handleRemove(ids) {
+    if (!removeDocument) return;
+    setBusy(true);
+    try {
+      await Promise.all(ids.map((id) => removeDocument(id)));
+      setSelectedIds(/* @__PURE__ */ new Set());
+      setReloadToken((token) => token + 1);
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function handleDownloadArchive() {
+    if (!downloadArchive) return;
+    setBusy(true);
+    try {
+      const blob = await downloadArchive(Array.from(selectedIds));
+      const url = URL.createObjectURL(blob);
+      const anchor = document.createElement("a");
+      anchor.href = url;
+      anchor.download = "documentos.zip";
+      anchor.click();
+      URL.revokeObjectURL(url);
+      setSelectedIds(/* @__PURE__ */ new Set());
+    } finally {
+      setBusy(false);
+    }
+  }
+  if (!fetchAll) return null;
+  const direction = sortDirection === "asc" ? "asc" : "desc";
+  const canSelect = Boolean(removeDocument ?? downloadArchive);
+  return /* @__PURE__ */ jsxs14("div", { className: cn("space-y-4", classNames?.root, className), children: [
+    /* @__PURE__ */ jsxs14("header", { className: cn("space-y-0.5", classNames?.header), children: [
+      /* @__PURE__ */ jsx16("h2", { className: "text-lg font-semibold", children: labels.title }),
+      /* @__PURE__ */ jsx16("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: labels.subtitle(total) })
+    ] }),
+    /* @__PURE__ */ jsxs14("div", { className: cn("flex flex-wrap items-center gap-2", classNames?.filters), children: [
+      /* @__PURE__ */ jsx16(
+        "input",
+        {
+          type: "search",
+          value: search,
+          onChange: (event) => setSearch(event.target.value),
+          placeholder: labels.searchPlaceholder,
+          "aria-label": labels.searchPlaceholder,
+          className: "w-full rounded-md border px-3 py-2 text-sm dark:border-gray-700 dark:bg-gray-900 sm:w-64"
+        }
+      ),
+      /* @__PURE__ */ jsx16(MultiSelectFilter, { label: labels.sourceFilter, options: sourceOptions, selected: source, onChange: setSource }),
+      categoryOptions.length > 0 ? /* @__PURE__ */ jsx16(
+        MultiSelectFilter,
+        {
+          label: labels.categoryFilter,
+          options: categoryOptions,
+          selected: category,
+          onChange: setCategory
+        }
+      ) : null,
+      dateFilter ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
+        /* @__PURE__ */ jsx16(
+          "input",
+          {
+            type: "date",
+            value: startDate,
+            onChange: (event) => setStartDate(event.target.value),
+            "aria-label": labels.startDate,
+            className: "rounded-md border px-2 py-2 text-xs dark:border-gray-700 dark:bg-gray-900"
+          }
+        ),
+        /* @__PURE__ */ jsx16(
+          "input",
+          {
+            type: "date",
+            value: endDate,
+            onChange: (event) => setEndDate(event.target.value),
+            "aria-label": labels.endDate,
+            className: "rounded-md border px-2 py-2 text-xs dark:border-gray-700 dark:bg-gray-900"
+          }
+        )
+      ] }) : null,
+      renderFilters?.({ extra, setExtra }),
+      hasFilters ? /* @__PURE__ */ jsxs14("button", { type: "button", onClick: clearFilters, className: "cv-header-action inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx16(X2, { size: 12, "aria-hidden": "true" }),
+        labels.clearFilters
+      ] }) : null
+    ] }),
+    canSelect ? /* @__PURE__ */ jsxs14(
+      BulkActionBar,
+      {
+        selectedCount: selectedIds.size,
+        selectedLabel: labels.bulkSelected,
+        clearLabel: labels.bulkClear,
+        onClear: () => setSelectedIds(/* @__PURE__ */ new Set()),
+        children: [
+          downloadArchive ? /* @__PURE__ */ jsxs14(
+            "button",
+            {
+              type: "button",
+              onClick: () => void handleDownloadArchive(),
+              disabled: busy,
+              className: "cv-header-action inline-flex items-center gap-1 disabled:opacity-40",
+              children: [
+                /* @__PURE__ */ jsx16(Download, { size: 12, "aria-hidden": "true" }),
+                labels.bulkDownloadZip
+              ]
+            }
+          ) : null,
+          removeDocument ? /* @__PURE__ */ jsxs14(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                if (window.confirm(labels.bulkRemoveConfirm(selectedIds.size))) void handleRemove(Array.from(selectedIds));
+              },
+              disabled: busy,
+              className: "cv-header-action cv-header-action--danger inline-flex items-center gap-1 disabled:opacity-40",
+              children: [
+                /* @__PURE__ */ jsx16(Trash2, { size: 12, "aria-hidden": "true" }),
+                labels.bulkRemove(selectedIds.size)
+              ]
+            }
+          ) : null
+        ]
+      }
+    ) : null,
+    loading ? /* @__PURE__ */ jsx16("p", { className: cn("text-sm text-gray-500", classNames?.status), children: labels.loading }) : null,
+    failed ? /* @__PURE__ */ jsx16("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
+    /* @__PURE__ */ jsxs14("div", { className: cn("overflow-x-auto rounded-xl border dark:border-gray-700", classNames?.table), children: [
+      /* @__PURE__ */ jsxs14("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx16("thead", { className: "border-b text-gray-500 dark:border-gray-700 dark:text-gray-400", children: /* @__PURE__ */ jsxs14("tr", { children: [
+          canSelect ? /* @__PURE__ */ jsx16("th", { scope: "col", className: "w-10 px-3 py-2", children: /* @__PURE__ */ jsx16(
+            "input",
+            {
+              type: "checkbox",
+              checked: isAllSelected,
+              onChange: toggleAll,
+              "aria-label": labels.selectAllPage,
+              className: "cursor-pointer rounded border-gray-300 text-blue-600 dark:border-gray-600"
+            }
+          ) }) : null,
+          /* @__PURE__ */ jsx16(SortableHead, { label: labels.columnFilename, field: "filename", activeField: sortField, direction, onSort: toggleSort }),
+          /* @__PURE__ */ jsx16(SortableHead, { label: labels.columnContact, field: "conversationId", activeField: sortField, direction, onSort: toggleSort, className: "hidden sm:table-cell" }),
+          /* @__PURE__ */ jsx16(SortableHead, { label: labels.columnType, field: "mimeType", activeField: sortField, direction, onSort: toggleSort, className: "hidden md:table-cell" }),
+          /* @__PURE__ */ jsx16(SortableHead, { label: labels.columnSize, field: "sizeBytes", activeField: sortField, direction, onSort: toggleSort, className: "hidden lg:table-cell" }),
+          /* @__PURE__ */ jsx16(SortableHead, { label: labels.columnSource, field: "source", activeField: sortField, direction, onSort: toggleSort, className: "hidden lg:table-cell" }),
+          /* @__PURE__ */ jsx16(SortableHead, { label: labels.columnDate, field: "linkedAt", activeField: sortField, direction, onSort: toggleSort, className: "hidden xl:table-cell" }),
+          /* @__PURE__ */ jsx16("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: labels.columnActions })
+        ] }) }),
+        /* @__PURE__ */ jsx16("tbody", { children: documents.map((document2) => /* @__PURE__ */ jsxs14("tr", { className: cn("border-b last:border-0 dark:border-gray-800", classNames?.row), children: [
+          canSelect ? /* @__PURE__ */ jsx16("td", { className: "w-10 px-3 py-2", children: /* @__PURE__ */ jsx16(
+            "input",
+            {
+              type: "checkbox",
+              checked: selectedIds.has(document2.id),
+              onChange: () => toggleRow(document2.id),
+              "aria-label": `${labels.selectRow}: ${document2.filename}`,
+              className: "cursor-pointer rounded border-gray-300 text-blue-600 dark:border-gray-600"
+            }
+          ) }) : null,
+          /* @__PURE__ */ jsx16("td", { className: "max-w-xs px-3 py-2", children: /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx16(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
+            /* @__PURE__ */ jsx16("span", { className: "truncate font-medium", title: document2.filename, children: document2.filename })
+          ] }) }),
+          /* @__PURE__ */ jsx16("td", { className: "hidden px-3 py-2 sm:table-cell", children: onOpenConversation ? /* @__PURE__ */ jsxs14(
+            "button",
+            {
+              type: "button",
+              onClick: () => onOpenConversation(document2.conversationId),
+              title: labels.openConversation,
+              className: "cv-header-action inline-flex items-center gap-1",
+              children: [
+                /* @__PURE__ */ jsx16(MessageSquare, { size: 12, "aria-hidden": "true" }),
+                document2.contactName ?? formatPhone(document2.conversationId)
+              ]
+            }
+          ) : /* @__PURE__ */ jsx16("span", { className: "text-xs text-gray-500", children: document2.contactName ?? formatPhone(document2.conversationId) }) }),
+          /* @__PURE__ */ jsx16("td", { className: "hidden px-3 py-2 font-mono text-xs md:table-cell", children: document2.mimeType }),
+          /* @__PURE__ */ jsx16("td", { className: "hidden px-3 py-2 text-xs lg:table-cell", children: formatFileSize(document2.sizeBytes) }),
+          /* @__PURE__ */ jsx16("td", { className: "hidden px-3 py-2 text-xs lg:table-cell", children: labels.sourceLabels[document2.source] ?? document2.source }),
+          /* @__PURE__ */ jsx16("td", { className: "hidden px-3 py-2 text-xs xl:table-cell", children: formatDateTime(document2.linkedAt) }),
+          /* @__PURE__ */ jsx16("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxs14("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx16(
+              "button",
+              {
+                type: "button",
+                onClick: () => void handleOpen(document2.id, "inline"),
+                title: labels.view,
+                "aria-label": `${labels.view}: ${document2.filename}`,
+                className: "cv-header-icon",
+                children: /* @__PURE__ */ jsx16(Eye, { size: 14 })
+              }
+            ),
+            /* @__PURE__ */ jsx16(
+              "button",
+              {
+                type: "button",
+                onClick: () => void handleOpen(document2.id, "attachment"),
+                title: labels.download,
+                "aria-label": `${labels.download}: ${document2.filename}`,
+                className: "cv-header-icon",
+                children: /* @__PURE__ */ jsx16(Download, { size: 14 })
+              }
+            ),
+            removeDocument ? /* @__PURE__ */ jsx16(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  if (window.confirm(labels.removeConfirm(document2.filename))) void handleRemove([document2.id]);
+                },
+                disabled: busy,
+                title: labels.remove,
+                "aria-label": `${labels.remove}: ${document2.filename}`,
+                className: "cv-header-icon disabled:opacity-40",
+                children: /* @__PURE__ */ jsx16(Trash2, { size: 14, className: "text-red-500" })
+              }
+            ) : null
+          ] }) })
+        ] }, `${document2.conversationId}:${document2.id}`)) })
+      ] }),
+      !loading && documents.length === 0 ? /* @__PURE__ */ jsx16("p", { className: cn("py-8 text-center text-sm text-gray-400", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null
+    ] }),
+    /* @__PURE__ */ jsx16(
+      ListingPagination,
+      {
+        page,
+        total,
+        perPage,
+        perPageOptions,
+        onPageChange: setPage,
+        onPerPageChange: setPerPage,
+        labels: {
+          show: labels.show,
+          perPage: labels.perPage,
+          total: labels.total,
+          page: labels.page,
+          previous: labels.previousPage,
+          next: labels.nextPage
+        }
+      }
+    )
+  ] });
+}
+
 // src/conversationTranscript.ts
 var SENDER_LABEL = {
   customer: "Cliente",
@@ -1591,7 +2184,7 @@ function downloadTextFile(filename, content) {
 }
 
 // src/useWaitingNotifications.ts
-import { useState as useState8, useEffect as useEffect5, useRef as useRef4, useCallback as useCallback4 } from "react";
+import { useState as useState11, useEffect as useEffect7, useRef as useRef4, useCallback as useCallback5 } from "react";
 var DEFAULT_POLL_INTERVAL_MS = 1e4;
 var DEFAULT_LIMIT = 50;
 var DEFAULT_LABELS = {
@@ -1600,7 +2193,7 @@ var DEFAULT_LABELS = {
 };
 function useWaitingNotifications(params) {
   const conversationsContext = useConversations();
-  const [conversations, setConversations] = useState8([]);
+  const [conversations, setConversations] = useState11([]);
   const previousUnreadMap = useRef4(/* @__PURE__ */ new Map());
   const notifiedIds = useRef4(/* @__PURE__ */ new Set());
   const isPollingRef = useRef4(false);
@@ -1610,7 +2203,7 @@ function useWaitingNotifications(params) {
   const listParams = params?.params;
   const labelTitle = params?.labels?.title ?? DEFAULT_LABELS.title;
   const labelBody = params?.labels?.body ?? DEFAULT_LABELS.body;
-  const refresh = useCallback4(async () => {
+  const refresh = useCallback5(async () => {
     if (!conversationsContext || isPollingRef.current) return;
     isPollingRef.current = true;
     try {
@@ -1635,7 +2228,7 @@ function useWaitingNotifications(params) {
       isPollingRef.current = false;
     }
   }, [conversationsContext, listParams, icon, labelTitle, labelBody]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (!isEnabled) return;
     if (typeof window !== "undefined" && "Notification" in window && Notification.permission === "default") {
       Notification.requestPermission();
@@ -1649,8 +2242,8 @@ function useWaitingNotifications(params) {
 }
 
 // src/settings/WhatsAppTemplateSettingsForm.tsx
-import { Plus, RefreshCw, Save, Trash2 } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Plus, RefreshCw, Save, Trash2 as Trash22 } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   sectionTitle: "WhatsApp",
   sectionDescription: "Template usado para reabrir a janela de 24h com o cliente.",
@@ -1709,16 +2302,16 @@ function WhatsAppTemplateSettingsForm({
     }
     onVariablesChange([...variables, token]);
   }
-  return /* @__PURE__ */ jsxs13("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
-      /* @__PURE__ */ jsx15("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }),
-      /* @__PURE__ */ jsx15("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
+  return /* @__PURE__ */ jsxs15("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsx17("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }),
+      /* @__PURE__ */ jsx17("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
     ] }),
-    /* @__PURE__ */ jsxs13("form", { onSubmit: onSave, className: "p-6 space-y-4", children: [
-      /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between mb-1.5", children: [
-          /* @__PURE__ */ jsx15("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.templateLabel }),
-          /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs15("form", { onSubmit: onSave, className: "p-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between mb-1.5", children: [
+          /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.templateLabel }),
+          /* @__PURE__ */ jsxs15(
             "button",
             {
               type: "button",
@@ -1726,31 +2319,31 @@ function WhatsAppTemplateSettingsForm({
               disabled: loadingTemplates,
               className: "flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 hover:underline disabled:opacity-50",
               children: [
-                /* @__PURE__ */ jsx15(RefreshCw, { size: 11, className: loadingTemplates ? "animate-spin" : "" }),
+                /* @__PURE__ */ jsx17(RefreshCw, { size: 11, className: loadingTemplates ? "animate-spin" : "" }),
                 labels.refreshList
               ]
             }
           )
         ] }),
-        templatesError && /* @__PURE__ */ jsxs13("div", { className: "mb-2 rounded-lg bg-amber-50 dark:bg-amber-950/40 border border-amber-200 dark:border-amber-800 px-3 py-2 text-xs text-amber-700 dark:text-amber-400", children: [
+        templatesError && /* @__PURE__ */ jsxs15("div", { className: "mb-2 rounded-lg bg-amber-50 dark:bg-amber-950/40 border border-amber-200 dark:border-amber-800 px-3 py-2 text-xs text-amber-700 dark:text-amber-400", children: [
           labels.errorLoading,
-          /* @__PURE__ */ jsx15("br", {}),
-          /* @__PURE__ */ jsxs13("span", { className: "text-gray-500 dark:text-gray-400 mt-0.5 block", children: [
+          /* @__PURE__ */ jsx17("br", {}),
+          /* @__PURE__ */ jsxs15("span", { className: "text-gray-500 dark:text-gray-400 mt-0.5 block", children: [
             labels.currentNameSaved,
             " ",
-            /* @__PURE__ */ jsx15("strong", { children: selectedTemplateName || "\u2014" })
+            /* @__PURE__ */ jsx17("strong", { children: selectedTemplateName || "\u2014" })
           ] })
         ] }),
-        loadingTemplates && /* @__PURE__ */ jsx15("div", { className: "h-10 rounded-xl bg-gray-100 dark:bg-gray-700 animate-pulse" }),
-        !loadingTemplates && !templatesError && /* @__PURE__ */ jsxs13(
+        loadingTemplates && /* @__PURE__ */ jsx17("div", { className: "h-10 rounded-xl bg-gray-100 dark:bg-gray-700 animate-pulse" }),
+        !loadingTemplates && !templatesError && /* @__PURE__ */ jsxs15(
           "select",
           {
             value: selectedTemplateName,
             onChange: (e) => handleSelect(e.target.value),
             className: "w-full border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all",
             children: [
-              /* @__PURE__ */ jsx15("option", { value: "", children: labels.selectPlaceholder }),
-              templates.map((template) => /* @__PURE__ */ jsxs13("option", { value: template.name, disabled: template.status !== "APPROVED", children: [
+              /* @__PURE__ */ jsx17("option", { value: "", children: labels.selectPlaceholder }),
+              templates.map((template) => /* @__PURE__ */ jsxs15("option", { value: template.name, disabled: template.status !== "APPROVED", children: [
                 template.displayName,
                 " \xB7 ",
                 template.shortId,
@@ -1762,27 +2355,27 @@ function WhatsAppTemplateSettingsForm({
             ]
           }
         ),
-        selected?.bodyText && /* @__PURE__ */ jsx15("div", { className: "mt-2 rounded-lg bg-gray-50 dark:bg-gray-700/50 border border-gray-200 dark:border-gray-600 px-3 py-2 text-xs text-gray-600 dark:text-gray-300 whitespace-pre-wrap", children: selected.bodyText })
+        selected?.bodyText && /* @__PURE__ */ jsx17("div", { className: "mt-2 rounded-lg bg-gray-50 dark:bg-gray-700/50 border border-gray-200 dark:border-gray-600 px-3 py-2 text-xs text-gray-600 dark:text-gray-300 whitespace-pre-wrap", children: selected.bodyText })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between mb-1.5", children: [
-          /* @__PURE__ */ jsx15("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.variablesLabel }),
-          /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between mb-1.5", children: [
+          /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.variablesLabel }),
+          /* @__PURE__ */ jsxs15(
             "button",
             {
               type: "button",
               onClick: () => onVariablesChange([...variables, ""]),
               className: "flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 hover:underline",
               children: [
-                /* @__PURE__ */ jsx15(Plus, { size: 12 }),
+                /* @__PURE__ */ jsx17(Plus, { size: 12 }),
                 labels.addVariable
               ]
             }
           )
         ] }),
-        availableVariables.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "mb-3 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/40 p-2.5", children: [
-          /* @__PURE__ */ jsx15("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-300 mb-1.5", children: labels.variablesAvailableTitle }),
-          /* @__PURE__ */ jsx15("div", { className: "flex flex-wrap gap-1.5", children: availableVariables.map((available) => /* @__PURE__ */ jsxs13(
+        availableVariables.length > 0 && /* @__PURE__ */ jsxs15("div", { className: "mb-3 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/40 p-2.5", children: [
+          /* @__PURE__ */ jsx17("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-300 mb-1.5", children: labels.variablesAvailableTitle }),
+          /* @__PURE__ */ jsx17("div", { className: "flex flex-wrap gap-1.5", children: availableVariables.map((available) => /* @__PURE__ */ jsxs15(
             "button",
             {
               type: "button",
@@ -1790,8 +2383,8 @@ function WhatsAppTemplateSettingsForm({
               title: `Inserir ${available.token}`,
               className: "inline-flex items-center gap-1 rounded-md border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-800 px-2 py-1 text-xs hover:border-blue-400 dark:hover:border-blue-500 transition-colors",
               children: [
-                /* @__PURE__ */ jsx15("code", { className: "text-blue-600 dark:text-blue-300", children: available.token }),
-                /* @__PURE__ */ jsxs13("span", { className: "text-gray-400 dark:text-gray-500", children: [
+                /* @__PURE__ */ jsx17("code", { className: "text-blue-600 dark:text-blue-300", children: available.token }),
+                /* @__PURE__ */ jsxs15("span", { className: "text-gray-400 dark:text-gray-500", children: [
                   "\xB7 ",
                   available.label
                 ] })
@@ -1799,13 +2392,13 @@ function WhatsAppTemplateSettingsForm({
             },
             available.token
           )) }),
-          /* @__PURE__ */ jsx15("p", { className: "mt-1.5 text-[11px] text-gray-400 dark:text-gray-500", children: labels.variablesAvailableHint })
+          /* @__PURE__ */ jsx17("p", { className: "mt-1.5 text-[11px] text-gray-400 dark:text-gray-500", children: labels.variablesAvailableHint })
         ] }),
-        /* @__PURE__ */ jsx15("p", { className: "text-xs text-gray-400 dark:text-gray-500 mb-2", children: labels.variablesMappingHint }),
-        variables.length === 0 && /* @__PURE__ */ jsx15("p", { className: "text-xs text-gray-400 dark:text-gray-500 italic", children: labels.noVariables }),
-        /* @__PURE__ */ jsx15("div", { className: "space-y-2", children: variables.map((variable, index) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx15("span", { className: "text-xs text-gray-400 dark:text-gray-500 w-6 text-right flex-shrink-0", children: `{{${index + 1}}}` }),
-          /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx17("p", { className: "text-xs text-gray-400 dark:text-gray-500 mb-2", children: labels.variablesMappingHint }),
+        variables.length === 0 && /* @__PURE__ */ jsx17("p", { className: "text-xs text-gray-400 dark:text-gray-500 italic", children: labels.noVariables }),
+        /* @__PURE__ */ jsx17("div", { className: "space-y-2", children: variables.map((variable, index) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx17("span", { className: "text-xs text-gray-400 dark:text-gray-500 w-6 text-right flex-shrink-0", children: `{{${index + 1}}}` }),
+          /* @__PURE__ */ jsx17(
             "input",
             {
               type: "text",
@@ -1815,27 +2408,27 @@ function WhatsAppTemplateSettingsForm({
               className: "flex-1 border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all placeholder:text-gray-400 dark:placeholder:text-gray-500"
             }
           ),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
               onClick: () => removeVariable(index),
               className: "text-gray-400 hover:text-red-500 dark:hover:text-red-400 transition-colors flex-shrink-0",
               title: labels.removeVariable,
-              children: /* @__PURE__ */ jsx15(Trash2, { size: 14 })
+              children: /* @__PURE__ */ jsx17(Trash22, { size: 14 })
             }
           )
         ] }, index)) })
       ] }),
-      saveSuccess && /* @__PURE__ */ jsx15("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
-      /* @__PURE__ */ jsx15("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs13(
+      saveSuccess && /* @__PURE__ */ jsx17("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
+      /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs15(
         "button",
         {
           type: "submit",
           disabled: saving || !selectedTemplateName.trim(),
           className: "flex items-center gap-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white font-semibold px-5 py-2.5 rounded-xl transition-colors text-sm",
           children: [
-            saving ? /* @__PURE__ */ jsx15("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx15(Save, { size: 14 }),
+            saving ? /* @__PURE__ */ jsx17("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx17(Save, { size: 14 }),
             saving ? labels.saving : labels.save
           ]
         }
@@ -1846,7 +2439,7 @@ function WhatsAppTemplateSettingsForm({
 
 // src/settings/WhatsAppCreateTemplateForm.tsx
 import { SendHorizonal as SendHorizonal2 } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var DEFAULT_LABELS3 = {
   sectionTitle: "Criar novo template",
   sectionDescription: "Envia um template para aprova\xE7\xE3o da Meta.",
@@ -1903,16 +2496,16 @@ function WhatsAppCreateTemplateForm({
   function set(key, next) {
     onChange({ ...value, [key]: next });
   }
-  return /* @__PURE__ */ jsxs14("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
-      /* @__PURE__ */ jsx16("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }),
-      /* @__PURE__ */ jsx16("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
+  return /* @__PURE__ */ jsxs16("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsx18("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }),
+      /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
     ] }),
-    /* @__PURE__ */ jsxs14("form", { onSubmit, className: "p-6 space-y-4", children: [
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.nameLabel }),
-        /* @__PURE__ */ jsx16("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.nameHint }),
-        /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs16("form", { onSubmit, className: "p-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.nameLabel }),
+        /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.nameHint }),
+        /* @__PURE__ */ jsx18(
           "input",
           {
             type: "text",
@@ -1924,56 +2517,56 @@ function WhatsAppCreateTemplateForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsxs14("div", { children: [
-          /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.categoryLabel }),
-          /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs16("div", { children: [
+          /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.categoryLabel }),
+          /* @__PURE__ */ jsxs16(
             "select",
             {
               value: value.category,
               onChange: (e) => set("category", e.target.value),
               className: "w-full border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all",
               children: [
-                /* @__PURE__ */ jsx16("option", { value: "UTILITY", children: "UTILITY (Transacional)" }),
-                /* @__PURE__ */ jsx16("option", { value: "MARKETING", children: "MARKETING (Promocional)" })
+                /* @__PURE__ */ jsx18("option", { value: "UTILITY", children: "UTILITY (Transacional)" }),
+                /* @__PURE__ */ jsx18("option", { value: "MARKETING", children: "MARKETING (Promocional)" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs14("div", { children: [
-          /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.languageLabel }),
-          /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsxs16("div", { children: [
+          /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.languageLabel }),
+          /* @__PURE__ */ jsxs16(
             "select",
             {
               value: value.language,
               onChange: (e) => set("language", e.target.value),
               className: "w-full border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all",
               children: [
-                /* @__PURE__ */ jsx16("option", { value: "pt_BR", children: "Portugu\xEAs (Brasil)" }),
-                /* @__PURE__ */ jsx16("option", { value: "en_US", children: "Ingl\xEAs (EUA)" }),
-                /* @__PURE__ */ jsx16("option", { value: "es_ES", children: "Espanhol" })
+                /* @__PURE__ */ jsx18("option", { value: "pt_BR", children: "Portugu\xEAs (Brasil)" }),
+                /* @__PURE__ */ jsx18("option", { value: "en_US", children: "Ingl\xEAs (EUA)" }),
+                /* @__PURE__ */ jsx18("option", { value: "es_ES", children: "Espanhol" })
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.headerLabel }),
-        /* @__PURE__ */ jsx16("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.headerHint }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.headerLabel }),
+        /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.headerHint }),
+        /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs16(
             "select",
             {
               value: value.headerType,
               onChange: (e) => set("headerType", e.target.value),
               className: "border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 transition-all",
               children: [
-                /* @__PURE__ */ jsx16("option", { value: "NONE", children: labels.headerNone }),
-                /* @__PURE__ */ jsx16("option", { value: "TEXT", children: labels.headerText })
+                /* @__PURE__ */ jsx18("option", { value: "NONE", children: labels.headerNone }),
+                /* @__PURE__ */ jsx18("option", { value: "TEXT", children: labels.headerText })
               ]
             }
           ),
-          value.headerType === "TEXT" && /* @__PURE__ */ jsx16(
+          value.headerType === "TEXT" && /* @__PURE__ */ jsx18(
             "input",
             {
               type: "text",
@@ -1986,10 +2579,10 @@ function WhatsAppCreateTemplateForm({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.bodyLabel }),
-        /* @__PURE__ */ jsx16("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.bodyHint }),
-        /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.bodyLabel }),
+        /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.bodyHint }),
+        /* @__PURE__ */ jsx18(
           "textarea",
           {
             value: value.bodyText,
@@ -2000,26 +2593,26 @@ function WhatsAppCreateTemplateForm({
             required: true
           }
         ),
-        detectedVariables.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "mt-2 rounded-lg bg-gray-50 dark:bg-gray-700/50 border border-gray-200 dark:border-gray-600 px-3 py-2", children: [
-          /* @__PURE__ */ jsx16("p", { className: "font-medium text-gray-500 dark:text-gray-400 mb-1.5 uppercase tracking-wide text-xs", children: labels.detectedVariables }),
-          /* @__PURE__ */ jsx16("div", { className: "flex flex-wrap gap-2", children: detectedVariables.map((num) => /* @__PURE__ */ jsxs14("span", { className: "inline-flex items-center gap-1 text-xs", children: [
-            /* @__PURE__ */ jsx16("code", { className: "bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300 px-1.5 py-0.5 rounded font-mono", children: `{{${num}}}` }),
-            /* @__PURE__ */ jsxs14("span", { className: "text-gray-400 dark:text-gray-500", children: [
+        detectedVariables.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "mt-2 rounded-lg bg-gray-50 dark:bg-gray-700/50 border border-gray-200 dark:border-gray-600 px-3 py-2", children: [
+          /* @__PURE__ */ jsx18("p", { className: "font-medium text-gray-500 dark:text-gray-400 mb-1.5 uppercase tracking-wide text-xs", children: labels.detectedVariables }),
+          /* @__PURE__ */ jsx18("div", { className: "flex flex-wrap gap-2", children: detectedVariables.map((num) => /* @__PURE__ */ jsxs16("span", { className: "inline-flex items-center gap-1 text-xs", children: [
+            /* @__PURE__ */ jsx18("code", { className: "bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300 px-1.5 py-0.5 rounded font-mono", children: `{{${num}}}` }),
+            /* @__PURE__ */ jsxs16("span", { className: "text-gray-400 dark:text-gray-500", children: [
               "= ",
               variableExamples[Number(num) - 1] ?? labels.variableLabel(Number(num))
             ] })
           ] }, num)) }),
-          /* @__PURE__ */ jsxs14("p", { className: "text-gray-400 dark:text-gray-500 mt-1.5 text-xs", children: [
+          /* @__PURE__ */ jsxs16("p", { className: "text-gray-400 dark:text-gray-500 mt-1.5 text-xs", children: [
             labels.configureHintPrefix,
-            /* @__PURE__ */ jsx16("strong", { children: labels.configureHintLink }),
+            /* @__PURE__ */ jsx18("strong", { children: labels.configureHintLink }),
             labels.configureHintSuffix
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.footerLabel }),
-        /* @__PURE__ */ jsx16("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.footerHint }),
-        /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.footerLabel }),
+        /* @__PURE__ */ jsx18("p", { className: "text-xs text-gray-400 mb-1.5", children: labels.footerHint }),
+        /* @__PURE__ */ jsx18(
           "input",
           {
             type: "text",
@@ -2031,48 +2624,48 @@ function WhatsAppCreateTemplateForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block", children: labels.previewLabel }),
-        /* @__PURE__ */ jsxs14("div", { className: "rounded-2xl bg-[#e5ddd5] dark:bg-[#1a1a2e] border border-gray-300 dark:border-gray-600 overflow-hidden shadow-inner", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "bg-[#075e54] px-4 py-2.5 flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx16("div", { className: "w-8 h-8 rounded-full bg-white/20 flex items-center justify-center text-white text-xs font-bold", children: previewCompanyName.slice(0, 2).toUpperCase() }),
-            /* @__PURE__ */ jsxs14("div", { children: [
-              /* @__PURE__ */ jsx16("p", { className: "text-white text-xs font-semibold leading-tight", children: previewCompanyName }),
-              /* @__PURE__ */ jsx16("p", { className: "text-white/60 text-xs", children: labels.previewOnline })
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block", children: labels.previewLabel }),
+        /* @__PURE__ */ jsxs16("div", { className: "rounded-2xl bg-[#e5ddd5] dark:bg-[#1a1a2e] border border-gray-300 dark:border-gray-600 overflow-hidden shadow-inner", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "bg-[#075e54] px-4 py-2.5 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx18("div", { className: "w-8 h-8 rounded-full bg-white/20 flex items-center justify-center text-white text-xs font-bold", children: previewCompanyName.slice(0, 2).toUpperCase() }),
+            /* @__PURE__ */ jsxs16("div", { children: [
+              /* @__PURE__ */ jsx18("p", { className: "text-white text-xs font-semibold leading-tight", children: previewCompanyName }),
+              /* @__PURE__ */ jsx18("p", { className: "text-white/60 text-xs", children: labels.previewOnline })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "px-3 py-4 space-y-3", style: { minHeight: "120px" }, children: [
-            /* @__PURE__ */ jsx16("div", { className: "flex justify-start", style: { maxWidth: "85%" }, children: /* @__PURE__ */ jsxs14("div", { className: "bg-white dark:bg-gray-700 rounded-lg rounded-tl-none px-3 py-2 shadow-sm", children: [
-              /* @__PURE__ */ jsx16("p", { className: "text-gray-500 dark:text-gray-400 leading-tight text-sm", children: labels.previewDescription }),
-              /* @__PURE__ */ jsx16("p", { className: "text-gray-400 dark:text-gray-500 mt-1 text-right text-[9px]", children: "12:00" })
+          /* @__PURE__ */ jsxs16("div", { className: "px-3 py-4 space-y-3", style: { minHeight: "120px" }, children: [
+            /* @__PURE__ */ jsx18("div", { className: "flex justify-start", style: { maxWidth: "85%" }, children: /* @__PURE__ */ jsxs16("div", { className: "bg-white dark:bg-gray-700 rounded-lg rounded-tl-none px-3 py-2 shadow-sm", children: [
+              /* @__PURE__ */ jsx18("p", { className: "text-gray-500 dark:text-gray-400 leading-tight text-sm", children: labels.previewDescription }),
+              /* @__PURE__ */ jsx18("p", { className: "text-gray-400 dark:text-gray-500 mt-1 text-right text-[9px]", children: "12:00" })
             ] }) }),
-            /* @__PURE__ */ jsx16("div", { className: "flex justify-end ml-auto", style: { maxWidth: "85%" }, children: /* @__PURE__ */ jsxs14("div", { className: "bg-[#dcf8c6] dark:bg-[#1b5e20] rounded-lg rounded-tr-none px-3 py-2 shadow-sm", children: [
-              value.headerType === "TEXT" && value.headerText && /* @__PURE__ */ jsx16("p", { className: "text-xs font-bold text-gray-700 dark:text-gray-200 mb-1", children: fillPreviewTokens(value.headerText) || labels.previewHeaderFallback }),
-              /* @__PURE__ */ jsx16("p", { className: "text-sm text-gray-800 dark:text-gray-100 leading-relaxed", children: value.bodyText ? fillPreviewTokens(value.bodyText) : /* @__PURE__ */ jsx16("span", { className: "text-gray-400 italic", children: labels.previewBodyPlaceholder }) }),
-              value.footerText && /* @__PURE__ */ jsx16("p", { className: "text-gray-400 dark:text-gray-400 mt-1 text-xs", children: value.footerText }),
-              /* @__PURE__ */ jsx16("p", { className: "text-gray-400 dark:text-gray-400 mt-1 text-right text-[9px]", children: "12:01 \u2713" })
+            /* @__PURE__ */ jsx18("div", { className: "flex justify-end ml-auto", style: { maxWidth: "85%" }, children: /* @__PURE__ */ jsxs16("div", { className: "bg-[#dcf8c6] dark:bg-[#1b5e20] rounded-lg rounded-tr-none px-3 py-2 shadow-sm", children: [
+              value.headerType === "TEXT" && value.headerText && /* @__PURE__ */ jsx18("p", { className: "text-xs font-bold text-gray-700 dark:text-gray-200 mb-1", children: fillPreviewTokens(value.headerText) || labels.previewHeaderFallback }),
+              /* @__PURE__ */ jsx18("p", { className: "text-sm text-gray-800 dark:text-gray-100 leading-relaxed", children: value.bodyText ? fillPreviewTokens(value.bodyText) : /* @__PURE__ */ jsx18("span", { className: "text-gray-400 italic", children: labels.previewBodyPlaceholder }) }),
+              value.footerText && /* @__PURE__ */ jsx18("p", { className: "text-gray-400 dark:text-gray-400 mt-1 text-xs", children: value.footerText }),
+              /* @__PURE__ */ jsx18("p", { className: "text-gray-400 dark:text-gray-400 mt-1 text-right text-[9px]", children: "12:01 \u2713" })
             ] }) })
           ] })
         ] })
       ] }),
-      result && /* @__PURE__ */ jsxs14(
+      result && /* @__PURE__ */ jsxs16(
         "div",
         {
           className: `rounded-xl px-4 py-3 text-sm ${result.ok ? "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 text-green-700 dark:text-green-400" : "bg-red-50 dark:bg-red-950/40 border border-red-200 dark:border-red-800 text-red-700 dark:text-red-400"}`,
           children: [
             result.message,
-            result.ok && result.status && /* @__PURE__ */ jsx16("p", { className: "text-xs mt-1 opacity-75", children: labels.successStatus(result.status) })
+            result.ok && result.status && /* @__PURE__ */ jsx18("p", { className: "text-xs mt-1 opacity-75", children: labels.successStatus(result.status) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx16("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "submit",
           disabled: submitting || !value.name || !value.bodyText,
           className: "flex items-center gap-2 bg-emerald-600 hover:bg-emerald-700 disabled:bg-emerald-400 text-white font-semibold px-5 py-2.5 rounded-xl transition-colors text-sm",
           children: [
-            submitting ? /* @__PURE__ */ jsx16("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx16(SendHorizonal2, { size: 14 }),
+            submitting ? /* @__PURE__ */ jsx18("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx18(SendHorizonal2, { size: 14 }),
             submitting ? labels.sending : labels.sendForApproval
           ]
         }
@@ -2083,7 +2676,7 @@ function WhatsAppCreateTemplateForm({
 
 // src/settings/WelcomeFarewellForm.tsx
 import { LogOut, Mail, Save as Save2 } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var DEFAULT_LABELS4 = {
   sectionTitle: "Boas-vindas e encerramento",
   welcomeMessage: "Mensagem de boas-vindas",
@@ -2111,15 +2704,15 @@ function WelcomeFarewellForm({
   labels: labelsOverride
 }) {
   const labels = { ...DEFAULT_LABELS4, ...labelsOverride };
-  return /* @__PURE__ */ jsxs15("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsx17("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: /* @__PURE__ */ jsx17("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }) }),
-    /* @__PURE__ */ jsxs15("form", { onSubmit: onSave, className: "p-6 space-y-5", children: [
-      /* @__PURE__ */ jsxs15("div", { children: [
-        /* @__PURE__ */ jsxs15("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5 flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx17(Mail, { size: 13, className: "text-blue-600 dark:text-blue-400" }),
+  return /* @__PURE__ */ jsxs17("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsx19("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: /* @__PURE__ */ jsx19("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }) }),
+    /* @__PURE__ */ jsxs17("form", { onSubmit: onSave, className: "p-6 space-y-5", children: [
+      /* @__PURE__ */ jsxs17("div", { children: [
+        /* @__PURE__ */ jsxs17("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx19(Mail, { size: 13, className: "text-blue-600 dark:text-blue-400" }),
           labels.welcomeMessage
         ] }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx19(
           WhatsAppMessageEditor,
           {
             value: welcomeMessage,
@@ -2128,14 +2721,14 @@ function WelcomeFarewellForm({
             placeholders: welcomePlaceholders
           }
         ),
-        /* @__PURE__ */ jsx17("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: labels.welcomeMessageHint })
+        /* @__PURE__ */ jsx19("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: labels.welcomeMessageHint })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { children: [
-        /* @__PURE__ */ jsxs15("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5 flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx17(LogOut, { size: 13, className: "text-blue-600 dark:text-blue-400" }),
+      /* @__PURE__ */ jsxs17("div", { children: [
+        /* @__PURE__ */ jsxs17("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx19(LogOut, { size: 13, className: "text-blue-600 dark:text-blue-400" }),
           labels.farewellMessage
         ] }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx19(
           WhatsAppMessageEditor,
           {
             value: farewellMessage,
@@ -2144,17 +2737,17 @@ function WelcomeFarewellForm({
             placeholders: farewellPlaceholders
           }
         ),
-        /* @__PURE__ */ jsx17("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: labels.farewellMessageHint })
+        /* @__PURE__ */ jsx19("p", { className: "mt-1.5 text-xs text-gray-500 dark:text-gray-400", children: labels.farewellMessageHint })
       ] }),
-      saveSuccess && /* @__PURE__ */ jsx17("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
-      /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs15(
+      saveSuccess && /* @__PURE__ */ jsx19("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
+      /* @__PURE__ */ jsx19("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs17(
         "button",
         {
           type: "submit",
           disabled: saving,
           className: "flex items-center gap-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white font-semibold px-5 py-2.5 rounded-xl transition-colors text-sm",
           children: [
-            saving ? /* @__PURE__ */ jsx17("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx17(Save2, { size: 14 }),
+            saving ? /* @__PURE__ */ jsx19("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx19(Save2, { size: 14 }),
             saving ? labels.saving : labels.save
           ]
         }
@@ -2165,7 +2758,7 @@ function WelcomeFarewellForm({
 
 // src/settings/TranscriptionSettingsForm.tsx
 import { AudioLines, Save as Save3 } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var DEFAULT_LABELS5 = {
   sectionTitle: "Transcri\xE7\xE3o de \xE1udio",
   enabled: "Transcrever notas de voz",
@@ -2192,15 +2785,15 @@ function TranscriptionSettingsForm({
   labels: labelsOverride
 }) {
   const labels = { ...DEFAULT_LABELS5, ...labelsOverride };
-  return /* @__PURE__ */ jsxs16("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsx18("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: /* @__PURE__ */ jsxs16("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx18(AudioLines, { size: 14, className: "text-blue-600 dark:text-blue-400" }),
+  return /* @__PURE__ */ jsxs18("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsx20("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: /* @__PURE__ */ jsxs18("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx20(AudioLines, { size: 14, className: "text-blue-600 dark:text-blue-400" }),
       labels.sectionTitle
     ] }) }),
-    /* @__PURE__ */ jsxs16("form", { onSubmit: onSave, className: "p-6 space-y-5", children: [
-      !isAvailable && /* @__PURE__ */ jsx18("div", { className: "bg-amber-50 dark:bg-amber-950/40 border border-amber-200 dark:border-amber-800 rounded-xl px-4 py-3 text-sm text-amber-800 dark:text-amber-300", children: labels.unavailable }),
-      /* @__PURE__ */ jsxs16("label", { className: "flex items-start gap-3 cursor-pointer", children: [
-        /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs18("form", { onSubmit: onSave, className: "p-6 space-y-5", children: [
+      !isAvailable && /* @__PURE__ */ jsx20("div", { className: "bg-amber-50 dark:bg-amber-950/40 border border-amber-200 dark:border-amber-800 rounded-xl px-4 py-3 text-sm text-amber-800 dark:text-amber-300", children: labels.unavailable }),
+      /* @__PURE__ */ jsxs18("label", { className: "flex items-start gap-3 cursor-pointer", children: [
+        /* @__PURE__ */ jsx20(
           "input",
           {
             type: "checkbox",
@@ -2210,14 +2803,14 @@ function TranscriptionSettingsForm({
             className: "mt-0.5 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 disabled:opacity-50"
           }
         ),
-        /* @__PURE__ */ jsxs16("span", { children: [
-          /* @__PURE__ */ jsx18("span", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.enabled }),
-          /* @__PURE__ */ jsx18("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: labels.enabledHint })
+        /* @__PURE__ */ jsxs18("span", { children: [
+          /* @__PURE__ */ jsx20("span", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: labels.enabled }),
+          /* @__PURE__ */ jsx20("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: labels.enabledHint })
         ] })
       ] }),
-      enabled && /* @__PURE__ */ jsxs16("fieldset", { disabled: !isAvailable, className: "space-y-2.5", children: [
-        /* @__PURE__ */ jsx18("legend", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: labels.modeTitle }),
-        /* @__PURE__ */ jsx18(
+      enabled && /* @__PURE__ */ jsxs18("fieldset", { disabled: !isAvailable, className: "space-y-2.5", children: [
+        /* @__PURE__ */ jsx20("legend", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: labels.modeTitle }),
+        /* @__PURE__ */ jsx20(
           ModeOption,
           {
             value: "onDemand",
@@ -2227,7 +2820,7 @@ function TranscriptionSettingsForm({
             hint: labels.modeOnDemandHint
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx20(
           ModeOption,
           {
             value: "auto",
@@ -2238,15 +2831,15 @@ function TranscriptionSettingsForm({
           }
         )
       ] }),
-      saveSuccess && /* @__PURE__ */ jsx18("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
-      /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs16(
+      saveSuccess && /* @__PURE__ */ jsx20("div", { className: "bg-green-50 dark:bg-green-950/40 border border-green-200 dark:border-green-800 rounded-xl px-4 py-3 text-sm text-green-700 dark:text-green-400", children: labels.saveSuccess }),
+      /* @__PURE__ */ jsx20("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs18(
         "button",
         {
           type: "submit",
           disabled: saving || !isAvailable,
           className: "flex items-center gap-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white font-semibold px-5 py-2.5 rounded-xl transition-colors text-sm",
           children: [
-            saving ? /* @__PURE__ */ jsx18("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx18(Save3, { size: 14 }),
+            saving ? /* @__PURE__ */ jsx20("span", { className: "w-4 h-4 border-2 border-white/40 border-t-white rounded-full animate-spin" }) : /* @__PURE__ */ jsx20(Save3, { size: 14 }),
             saving ? labels.saving : labels.save
           ]
         }
@@ -2262,12 +2855,12 @@ function ModeOption({
   hint
 }) {
   const isSelected = current === value;
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18(
     "label",
     {
       className: `flex items-start gap-3 cursor-pointer rounded-xl border px-4 py-3 transition-colors ${isSelected ? "border-blue-500 bg-blue-50 dark:border-blue-500 dark:bg-blue-950/30" : "border-gray-200 hover:border-gray-300 dark:border-gray-700 dark:hover:border-gray-600"}`,
       children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx20(
           "input",
           {
             type: "radio",
@@ -2278,9 +2871,9 @@ function ModeOption({
             className: "mt-0.5 h-4 w-4 border-gray-300 text-blue-600 focus:ring-blue-500"
           }
         ),
-        /* @__PURE__ */ jsxs16("span", { children: [
-          /* @__PURE__ */ jsx18("span", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: title }),
-          /* @__PURE__ */ jsx18("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: hint })
+        /* @__PURE__ */ jsxs18("span", { children: [
+          /* @__PURE__ */ jsx20("span", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: title }),
+          /* @__PURE__ */ jsx20("span", { className: "block text-xs text-gray-500 dark:text-gray-400", children: hint })
         ] })
       ]
     }
@@ -2288,8 +2881,8 @@ function ModeOption({
 }
 
 // src/settings/WhatsAppTemplatesSettings.tsx
-import { useState as useState9 } from "react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useState as useState12 } from "react";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var TEMPLATE_SETTINGS_TAB = {
   SELECT: "select",
   CREATE: "create"
@@ -2300,14 +2893,15 @@ var DEFAULT_TEMPLATES_SETTINGS_LABELS = {
 };
 function WhatsAppTemplatesSettings({
   labels: labelsOverride,
+  settingsLabels,
   create,
   ...settingsProps
 }) {
   const labels = { ...DEFAULT_TEMPLATES_SETTINGS_LABELS, ...labelsOverride };
-  const [tab, setTab] = useState9(TEMPLATE_SETTINGS_TAB.SELECT);
-  return /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs17("nav", { className: "flex gap-1 border-b", role: "tablist", children: [
-      /* @__PURE__ */ jsx19(
+  const [tab, setTab] = useState12(TEMPLATE_SETTINGS_TAB.SELECT);
+  return /* @__PURE__ */ jsxs19("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs19("nav", { className: "flex gap-1 border-b", role: "tablist", children: [
+      /* @__PURE__ */ jsx21(
         "button",
         {
           type: "button",
@@ -2318,7 +2912,7 @@ function WhatsAppTemplatesSettings({
           children: labels.selectTab
         }
       ),
-      create ? /* @__PURE__ */ jsx19(
+      create ? /* @__PURE__ */ jsx21(
         "button",
         {
           type: "button",
@@ -2330,13 +2924,13 @@ function WhatsAppTemplatesSettings({
         }
       ) : null
     ] }),
-    tab === TEMPLATE_SETTINGS_TAB.SELECT ? /* @__PURE__ */ jsx19(WhatsAppTemplateSettingsForm, { ...settingsProps }) : create ? /* @__PURE__ */ jsx19(WhatsAppCreateTemplateForm, { ...create }) : null
+    tab === TEMPLATE_SETTINGS_TAB.SELECT ? /* @__PURE__ */ jsx21(WhatsAppTemplateSettingsForm, { ...settingsProps, ...settingsLabels ? { labels: settingsLabels } : {} }) : create ? /* @__PURE__ */ jsx21(WhatsAppCreateTemplateForm, { ...create }) : null
   ] });
 }
 
 // src/settings/TopicsForm.tsx
 import { Megaphone, Save as Save4 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var DEFAULT_LABELS6 = {
   sectionTitle: "T\xF3picos intermedi\xE1rios",
   sectionDescription: "Mensagens autom\xE1ticas para assuntos espec\xEDficos, disparadas quando o cliente demonstra interesse.",
@@ -2354,19 +2948,19 @@ function TopicsForm({
   labels: labelsOverride
 }) {
   const labels = { ...DEFAULT_LABELS6, ...labelsOverride };
-  return /* @__PURE__ */ jsxs18("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
-      /* @__PURE__ */ jsxs18("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx20(Megaphone, { size: 16, className: "text-orange-600 dark:text-orange-400" }),
+  return /* @__PURE__ */ jsxs20("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsxs20("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx22(Megaphone, { size: 16, className: "text-orange-600 dark:text-orange-400" }),
         labels.sectionTitle
       ] }),
-      /* @__PURE__ */ jsx20("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
+      /* @__PURE__ */ jsx22("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: labels.sectionDescription })
     ] }),
-    /* @__PURE__ */ jsxs18("form", { onSubmit: onSave, className: "p-6 space-y-6", children: [
-      topics.map((topic) => /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-4", children: [
-          /* @__PURE__ */ jsx20("div", { className: "flex-1", children: /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: topic.label }) }),
-          /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsxs20("form", { onSubmit: onSave, className: "p-6 space-y-6", children: [
+      topics.map((topic) => /* @__PURE__ */ jsxs20("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-4", children: [
+          /* @__PURE__ */ jsx22("div", { className: "flex-1", children: /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: topic.label }) }),
+          /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -2374,7 +2968,7 @@ function TopicsForm({
               className: `relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none ${topic.enabled ? "bg-blue-600 dark:bg-blue-500" : "bg-gray-200 dark:bg-gray-700"}`,
               role: "switch",
               "aria-checked": topic.enabled,
-              children: /* @__PURE__ */ jsx20(
+              children: /* @__PURE__ */ jsx22(
                 "span",
                 {
                   className: `pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${topic.enabled ? "translate-x-5" : "translate-x-0"}`
@@ -2383,7 +2977,7 @@ function TopicsForm({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           "textarea",
           {
             value: topic.message,
@@ -2395,27 +2989,330 @@ function TopicsForm({
           }
         )
       ] }, topic.key)),
-      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxs18(
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs20(
           "button",
           {
             type: "submit",
             disabled: saving,
             className: "inline-flex items-center gap-2 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-50",
             children: [
-              /* @__PURE__ */ jsx20(Save4, { size: 14 }),
+              /* @__PURE__ */ jsx22(Save4, { size: 14 }),
               labels.saveButton
             ]
           }
         ),
-        saveSuccess && /* @__PURE__ */ jsx20("span", { className: "text-sm text-green-600 dark:text-green-400", children: labels.saveSuccess })
+        saveSuccess && /* @__PURE__ */ jsx22("span", { className: "text-sm text-green-600 dark:text-green-400", children: labels.saveSuccess })
       ] })
     ] })
   ] });
 }
 
+// src/settings/MessagesWorkspace.tsx
+import { useCallback as useCallback6, useEffect as useEffect8, useState as useState13 } from "react";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+var DEFAULT_LABELS7 = {
+  title: "Mensagens",
+  subtitle: "Mensagens do bot e templates do WhatsApp.",
+  loading: "Carregando configura\xE7\xF5es\u2026",
+  loadError: "N\xE3o foi poss\xEDvel carregar as configura\xE7\xF5es de mensagens.",
+  tabBot: "Mensagens do Bot",
+  tabTemplates: "Templates WhatsApp",
+  tabTranscription: "Transcri\xE7\xE3o de \xE1udio",
+  welcomeFarewell: {},
+  topics: {},
+  templates: {},
+  templateSettings: {},
+  createTemplate: {},
+  transcription: {}
+};
+var MESSAGES_TAB = {
+  BOT: "bot",
+  TEMPLATES: "templates",
+  TRANSCRIPTION: "transcription"
+};
+var EMPTY_MESSAGES = { welcomeMessage: "", farewellMessage: "" };
+var EMPTY_TEMPLATE_SETTINGS = {
+  templateName: "",
+  templateLanguage: "pt_BR",
+  variables: []
+};
+var EMPTY_CREATE_TEMPLATE = {
+  name: "",
+  category: "UTILITY",
+  language: "pt_BR",
+  headerType: "NONE",
+  headerText: "",
+  bodyText: "",
+  footerText: ""
+};
+var UNDECIDED_TRANSCRIPTION = {
+  enabled: false,
+  mode: "onDemand",
+  available: false
+};
+var SAVE_FEEDBACK_MS = 3e3;
+function MessagesWorkspace({
+  api,
+  labels: labelsOverride,
+  welcomePlaceholders,
+  farewellPlaceholders,
+  availableVariables,
+  renderTemplatesNotice,
+  className
+}) {
+  const labels = { ...DEFAULT_LABELS7, ...labelsOverride };
+  const hasTopics = Boolean(api.getTopics && api.saveTopics);
+  const hasTemplates = Boolean(api.getTemplateSettings && api.saveTemplateSettings);
+  const hasTranscription = Boolean(api.getTranscription && api.saveTranscription);
+  const [tab, setTab] = useState13(MESSAGES_TAB.BOT);
+  const [loadState, setLoadState] = useState13("loading");
+  const [messages, setMessages] = useState13(EMPTY_MESSAGES);
+  const [savingMessages, setSavingMessages] = useState13(false);
+  const [messagesSaved, setMessagesSaved] = useState13(false);
+  const [topics, setTopics] = useState13([]);
+  const [savingTopics, setSavingTopics] = useState13(false);
+  const [topicsSaved, setTopicsSaved] = useState13(false);
+  const [templateSettings, setTemplateSettings] = useState13(EMPTY_TEMPLATE_SETTINGS);
+  const [templates, setTemplates] = useState13([]);
+  const [loadingTemplates, setLoadingTemplates] = useState13(false);
+  const [templatesError, setTemplatesError] = useState13(false);
+  const [savingTemplate, setSavingTemplate] = useState13(false);
+  const [templateSaved, setTemplateSaved] = useState13(false);
+  const [createTemplate, setCreateTemplate] = useState13(EMPTY_CREATE_TEMPLATE);
+  const [creatingTemplate, setCreatingTemplate] = useState13(false);
+  const [createResult, setCreateResult] = useState13(null);
+  const [transcription, setTranscription] = useState13(UNDECIDED_TRANSCRIPTION);
+  const [savingTranscription, setSavingTranscription] = useState13(false);
+  const [transcriptionSaved, setTranscriptionSaved] = useState13(false);
+  const reloadTemplates = useCallback6(async () => {
+    if (!api.listTemplates) return;
+    setLoadingTemplates(true);
+    setTemplatesError(false);
+    try {
+      setTemplates(await api.listTemplates());
+    } catch {
+      setTemplatesError(true);
+    } finally {
+      setLoadingTemplates(false);
+    }
+  }, [api]);
+  useEffect8(() => {
+    let active = true;
+    async function load() {
+      try {
+        const [loadedMessages, loadedTopics, loadedTemplateSettings, loadedTranscription] = await Promise.all([
+          api.getMessages(),
+          api.getTopics?.(),
+          api.getTemplateSettings?.(),
+          api.getTranscription?.()
+        ]);
+        if (!active) return;
+        setMessages(loadedMessages);
+        if (loadedTopics) setTopics(loadedTopics);
+        if (loadedTemplateSettings) setTemplateSettings(loadedTemplateSettings);
+        if (loadedTranscription) setTranscription(loadedTranscription);
+        setLoadState("ready");
+      } catch {
+        if (active) setLoadState("error");
+      }
+    }
+    void load();
+    return () => {
+      active = false;
+    };
+  }, [api]);
+  useEffect8(() => {
+    void reloadTemplates();
+  }, [reloadTemplates]);
+  function flash(setter) {
+    setter(true);
+    setTimeout(() => setter(false), SAVE_FEEDBACK_MS);
+  }
+  async function handleSaveMessages(event) {
+    event.preventDefault();
+    setSavingMessages(true);
+    try {
+      await api.saveMessages(messages);
+      flash(setMessagesSaved);
+    } finally {
+      setSavingMessages(false);
+    }
+  }
+  async function handleSaveTopics(event) {
+    event.preventDefault();
+    if (!api.saveTopics) return;
+    setSavingTopics(true);
+    try {
+      await api.saveTopics(topics);
+      flash(setTopicsSaved);
+    } finally {
+      setSavingTopics(false);
+    }
+  }
+  async function handleSaveTemplate(event) {
+    event.preventDefault();
+    if (!api.saveTemplateSettings) return;
+    setSavingTemplate(true);
+    try {
+      await api.saveTemplateSettings(templateSettings);
+      flash(setTemplateSaved);
+    } finally {
+      setSavingTemplate(false);
+    }
+  }
+  async function handleCreateTemplate(event) {
+    event.preventDefault();
+    if (!api.createTemplate) return;
+    setCreatingTemplate(true);
+    setCreateResult(null);
+    try {
+      const result = await api.createTemplate(createTemplate);
+      setCreateResult(result);
+      if (result.ok) {
+        setCreateTemplate(EMPTY_CREATE_TEMPLATE);
+        void reloadTemplates();
+      }
+    } catch (error) {
+      setCreateResult({ ok: false, message: error instanceof Error ? error.message : "" });
+    } finally {
+      setCreatingTemplate(false);
+    }
+  }
+  async function handleSaveTranscription(event) {
+    event.preventDefault();
+    if (!api.saveTranscription) return;
+    setSavingTranscription(true);
+    try {
+      await api.saveTranscription({ enabled: transcription.enabled, mode: transcription.mode });
+      flash(setTranscriptionSaved);
+    } finally {
+      setSavingTranscription(false);
+    }
+  }
+  function handleSelectTemplate(name, template) {
+    setTemplateSettings((previous) => {
+      if (!template) return { ...previous, templateName: name };
+      const shouldSeedVariables = template.variableCount > 0 && previous.variables.length === 0;
+      return {
+        templateName: name,
+        templateLanguage: template.language,
+        variables: shouldSeedVariables ? Array.from({ length: template.variableCount }, () => "") : previous.variables
+      };
+    });
+  }
+  if (loadState === "loading") {
+    return /* @__PURE__ */ jsx23("p", { className: "p-6 text-sm text-gray-500 dark:text-gray-400", children: labels.loading });
+  }
+  if (loadState === "error") {
+    return /* @__PURE__ */ jsx23("p", { role: "alert", className: "p-6 text-sm text-red-600 dark:text-red-400", children: labels.loadError });
+  }
+  const tabs = [
+    { id: MESSAGES_TAB.BOT, label: labels.tabBot },
+    ...hasTemplates ? [{ id: MESSAGES_TAB.TEMPLATES, label: labels.tabTemplates }] : [],
+    ...hasTranscription ? [{ id: MESSAGES_TAB.TRANSCRIPTION, label: labels.tabTranscription }] : []
+  ];
+  return /* @__PURE__ */ jsxs21("div", { className: `space-y-6 p-4 lg:p-0 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs21("header", { children: [
+      /* @__PURE__ */ jsx23("h1", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100", children: labels.title }),
+      /* @__PURE__ */ jsx23("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: labels.subtitle })
+    ] }),
+    tabs.length > 1 ? /* @__PURE__ */ jsx23("nav", { className: "flex gap-1 border-b border-gray-200 dark:border-gray-700", role: "tablist", children: tabs.map((item) => /* @__PURE__ */ jsx23(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": tab === item.id,
+        onClick: () => setTab(item.id),
+        className: `-mb-px border-b-2 px-4 py-2.5 text-sm font-medium transition-colors ${tab === item.id ? "border-blue-600 text-blue-700 dark:border-blue-400 dark:text-blue-400" : "border-transparent text-gray-500 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200"}`,
+        children: item.label
+      },
+      item.id
+    )) }) : null,
+    tab === MESSAGES_TAB.BOT ? /* @__PURE__ */ jsxs21("div", { className: "space-y-8", children: [
+      /* @__PURE__ */ jsx23(
+        WelcomeFarewellForm,
+        {
+          welcomeMessage: messages.welcomeMessage,
+          onWelcomeMessageChange: (welcomeMessage) => setMessages((previous) => ({ ...previous, welcomeMessage })),
+          farewellMessage: messages.farewellMessage,
+          onFarewellMessageChange: (farewellMessage) => setMessages((previous) => ({ ...previous, farewellMessage })),
+          onSave: handleSaveMessages,
+          saving: savingMessages,
+          saveSuccess: messagesSaved,
+          labels: labels.welcomeFarewell,
+          ...welcomePlaceholders ? { welcomePlaceholders } : {},
+          ...farewellPlaceholders ? { farewellPlaceholders } : {}
+        }
+      ),
+      hasTopics ? /* @__PURE__ */ jsx23(
+        TopicsForm,
+        {
+          topics,
+          onToggle: (key) => setTopics(
+            (previous) => previous.map((topic) => topic.key === key ? { ...topic, enabled: !topic.enabled } : topic)
+          ),
+          onMessageChange: (key, message) => setTopics(
+            (previous) => previous.map((topic) => topic.key === key ? { ...topic, message } : topic)
+          ),
+          onSave: handleSaveTopics,
+          saving: savingTopics,
+          saveSuccess: topicsSaved,
+          labels: labels.topics
+        }
+      ) : null
+    ] }) : null,
+    tab === MESSAGES_TAB.TEMPLATES ? /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
+      renderTemplatesNotice?.(),
+      /* @__PURE__ */ jsx23(
+        WhatsAppTemplatesSettings,
+        {
+          templates,
+          loadingTemplates,
+          templatesError,
+          selectedTemplateName: templateSettings.templateName,
+          onSelectTemplate: handleSelectTemplate,
+          variables: templateSettings.variables,
+          onVariablesChange: (variables) => setTemplateSettings((previous) => ({ ...previous, variables })),
+          onSave: handleSaveTemplate,
+          saving: savingTemplate,
+          saveSuccess: templateSaved,
+          labels: labels.templates,
+          settingsLabels: labels.templateSettings,
+          ...api.listTemplates ? { onRefreshTemplates: () => void reloadTemplates() } : {},
+          ...availableVariables ? { availableVariables } : {},
+          ...api.createTemplate ? {
+            create: {
+              value: createTemplate,
+              onChange: setCreateTemplate,
+              onSubmit: handleCreateTemplate,
+              submitting: creatingTemplate,
+              result: createResult,
+              labels: labels.createTemplate
+            }
+          } : {}
+        }
+      )
+    ] }) : null,
+    tab === MESSAGES_TAB.TRANSCRIPTION ? /* @__PURE__ */ jsx23(
+      TranscriptionSettingsForm,
+      {
+        enabled: transcription.enabled,
+        onEnabledChange: (enabled) => setTranscription((previous) => ({ ...previous, enabled })),
+        mode: transcription.mode,
+        onModeChange: (mode) => setTranscription((previous) => ({ ...previous, mode })),
+        onSave: handleSaveTranscription,
+        isAvailable: transcription.available,
+        saving: savingTranscription,
+        saveSuccess: transcriptionSaved,
+        labels: labels.transcription
+      }
+    ) : null
+  ] });
+}
+
 // src/hooks/useConversationMessages.ts
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback7 } from "react";
 function useConversationMessages(conversationId, params) {
   const context = useConversations();
   if (!context) {
@@ -2426,7 +3323,7 @@ function useConversationMessages(conversationId, params) {
     () => api.fetchMessages(conversationId, params),
     [conversationId, params?.limit, params?.before]
   );
-  const sendMessage = useCallback5(
+  const sendMessage = useCallback7(
     async (text) => {
       const message = await api.sendMessage(conversationId, text);
       await refetch();
@@ -2434,7 +3331,7 @@ function useConversationMessages(conversationId, params) {
     },
     [api, conversationId, refetch]
   );
-  const sendMedia = useCallback5(
+  const sendMedia = useCallback7(
     async (mediaData) => {
       const message = await api.sendMedia(conversationId, mediaData);
       await refetch();
@@ -2442,19 +3339,19 @@ function useConversationMessages(conversationId, params) {
     },
     [api, conversationId, refetch]
   );
-  const sendTemplate = useCallback5(
+  const sendTemplate = useCallback7(
     async (templateData) => {
       await api.sendTemplate(conversationId, templateData);
       await refetch();
     },
     [api, conversationId, refetch]
   );
-  const markRead = useCallback5(() => api.markRead(conversationId), [api, conversationId]);
+  const markRead = useCallback7(() => api.markRead(conversationId), [api, conversationId]);
   return { messages: data ?? [], loading, error, refetch, sendMessage, sendMedia, sendTemplate, markRead };
 }
 
 // src/hooks/useScrollToLatestMessage.ts
-import { useCallback as useCallback6, useLayoutEffect, useRef as useRef5, useState as useState10 } from "react";
+import { useCallback as useCallback8, useLayoutEffect, useRef as useRef5, useState as useState14 } from "react";
 var NEAR_BOTTOM_THRESHOLD_PX = 120;
 var SCROLL_BEHAVIOR = "auto";
 function useScrollToLatestMessage({
@@ -2462,14 +3359,14 @@ function useScrollToLatestMessage({
   messageCount
 }) {
   const containerRef = useRef5(null);
-  const [isAwayFromBottom, setIsAwayFromBottom] = useState10(false);
+  const [isAwayFromBottom, setIsAwayFromBottom] = useState14(false);
   const isAwayFromBottomRef = useRef5(false);
-  const scrollToBottom = useCallback6((behavior = SCROLL_BEHAVIOR) => {
+  const scrollToBottom = useCallback8((behavior = SCROLL_BEHAVIOR) => {
     const container = containerRef.current;
     if (!container) return;
     container.scrollTo({ top: container.scrollHeight, behavior });
   }, []);
-  const handleScroll = useCallback6((event) => {
+  const handleScroll = useCallback8((event) => {
     const target = event.currentTarget;
     const distanceFromBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
     const away = distanceFromBottom > NEAR_BOTTOM_THRESHOLD_PX;
@@ -2523,12 +3420,12 @@ function useConversationContext(conversationId) {
 }
 
 // src/hooks/useConversationRealtime.ts
-import { useEffect as useEffect6, useRef as useRef6 } from "react";
+import { useEffect as useEffect9, useRef as useRef6 } from "react";
 function useConversationRealtime(conversationId, onEvent) {
   const context = useConversations();
   const onEventRef = useRef6(onEvent);
   onEventRef.current = onEvent;
-  useEffect6(() => {
+  useEffect9(() => {
     if (!context || !conversationId) return;
     const source = context.sse.connectConversationStream(conversationId);
     const handler = (event) => onEventRef.current(event);
@@ -2543,7 +3440,7 @@ function useGlobalRealtime(onEvent) {
   const context = useConversations();
   const onEventRef = useRef6(onEvent);
   onEventRef.current = onEvent;
-  useEffect6(() => {
+  useEffect9(() => {
     if (!context) return;
     const source = context.sse.connectGlobalStream();
     const handler = (event) => onEventRef.current(event);
@@ -2556,14 +3453,14 @@ function useGlobalRealtime(onEvent) {
 }
 
 // src/hooks/useConversationActions.ts
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo3 } from "react";
 function useConversationActions(conversationId) {
   const context = useConversations();
   if (!context) {
     throw new Error("useConversationActions requires an ancestor <ConversationsProvider>");
   }
   const { api } = context;
-  return useMemo2(
+  return useMemo3(
     () => ({
       takeover: api.takeover ? () => api.takeover(conversationId) : void 0,
       release: api.release ? () => api.release(conversationId) : void 0,
@@ -2578,7 +3475,7 @@ function useInboxActions() {
     throw new Error("useInboxActions requires an ancestor <ConversationsProvider>");
   }
   const { api } = context;
-  return useMemo2(
+  return useMemo3(
     () => ({
       markAllRead: api.markAllRead ? () => api.markAllRead() : void 0,
       listTemplates: api.listTemplates ? () => api.listTemplates() : void 0
@@ -2588,11 +3485,11 @@ function useInboxActions() {
 }
 
 // src/workspace/ConversationsWorkspace.tsx
-import { useEffect as useEffect10, useMemo as useMemo5, useState as useState14 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo6, useState as useState18 } from "react";
 
 // src/workspace/BulkTemplateModal.tsx
-import { useEffect as useEffect7, useMemo as useMemo3, useState as useState11 } from "react";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useEffect as useEffect10, useMemo as useMemo4, useState as useState15 } from "react";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function BulkTemplateModal({
   labels,
   expiredCount,
@@ -2605,10 +3502,10 @@ function BulkTemplateModal({
     throw new Error("BulkTemplateModal requires an ancestor <ConversationsProvider>");
   }
   const { api } = context;
-  const [templates, setTemplates] = useState11([]);
-  const [search, setSearch] = useState11("");
-  const [selected, setSelected] = useState11("");
-  useEffect7(() => {
+  const [templates, setTemplates] = useState15([]);
+  const [search, setSearch] = useState15("");
+  const [selected, setSelected] = useState15("");
+  useEffect10(() => {
     let active = true;
     void api.listTemplates?.().then((loaded) => {
       if (active) setTemplates(loaded);
@@ -2618,20 +3515,20 @@ function BulkTemplateModal({
       active = false;
     };
   }, [api]);
-  const filtered = useMemo3(() => {
+  const filtered = useMemo4(() => {
     const term = search.trim().toLowerCase();
     if (!term) return templates;
     return templates.filter((template) => template.name.toLowerCase().includes(term));
   }, [templates, search]);
-  return /* @__PURE__ */ jsx21("div", { className: "cv-workspace-modal", role: "dialog", "aria-modal": "true", "aria-label": labels.templateModalTitle, children: /* @__PURE__ */ jsxs19("div", { className: "cv-workspace-modal__box", children: [
-    /* @__PURE__ */ jsxs19("header", { className: "cv-workspace-modal__header", children: [
-      /* @__PURE__ */ jsxs19("div", { children: [
-        /* @__PURE__ */ jsx21("h3", { children: labels.templateModalTitle }),
-        /* @__PURE__ */ jsx21("p", { children: labels.templateModalAvailable(templates.length) })
+  return /* @__PURE__ */ jsx24("div", { className: "cv-workspace-modal", role: "dialog", "aria-modal": "true", "aria-label": labels.templateModalTitle, children: /* @__PURE__ */ jsxs22("div", { className: "cv-workspace-modal__box", children: [
+    /* @__PURE__ */ jsxs22("header", { className: "cv-workspace-modal__header", children: [
+      /* @__PURE__ */ jsxs22("div", { children: [
+        /* @__PURE__ */ jsx24("h3", { children: labels.templateModalTitle }),
+        /* @__PURE__ */ jsx24("p", { children: labels.templateModalAvailable(templates.length) })
       ] }),
-      /* @__PURE__ */ jsx21("button", { type: "button", onClick: onClose, "aria-label": labels.templateModalCancel, children: "\u2715" })
+      /* @__PURE__ */ jsx24("button", { type: "button", onClick: onClose, "aria-label": labels.templateModalCancel, children: "\u2715" })
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "cv-workspace-modal__search", children: /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx24("div", { className: "cv-workspace-modal__search", children: /* @__PURE__ */ jsx24(
       "input",
       {
         type: "search",
@@ -2641,9 +3538,9 @@ function BulkTemplateModal({
         autoFocus: true
       }
     ) }),
-    /* @__PURE__ */ jsxs19("div", { className: "cv-workspace-modal__list", children: [
-      filtered.length === 0 ? /* @__PURE__ */ jsx21("p", { className: "cv-workspace-empty", children: labels.templateModalEmpty }) : null,
-      filtered.map((template) => /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsxs22("div", { className: "cv-workspace-modal__list", children: [
+      filtered.length === 0 ? /* @__PURE__ */ jsx24("p", { className: "cv-workspace-empty", children: labels.templateModalEmpty }) : null,
+      filtered.map((template) => /* @__PURE__ */ jsxs22(
         "button",
         {
           type: "button",
@@ -2651,8 +3548,8 @@ function BulkTemplateModal({
           "aria-pressed": template.name === selected,
           className: `cv-workspace-modal__item${template.name === selected ? " cv-workspace-modal__item--on" : ""}`,
           children: [
-            /* @__PURE__ */ jsx21("span", { className: "cv-workspace-modal__item-name", children: template.name }),
-            /* @__PURE__ */ jsxs19("span", { className: "cv-workspace-modal__item-meta", children: [
+            /* @__PURE__ */ jsx24("span", { className: "cv-workspace-modal__item-name", children: template.name }),
+            /* @__PURE__ */ jsxs22("span", { className: "cv-workspace-modal__item-meta", children: [
               template.language,
               template.category ? ` \xB7 ${template.category.toLowerCase()}` : ""
             ] })
@@ -2661,10 +3558,10 @@ function BulkTemplateModal({
         template.name
       ))
     ] }),
-    expiredCount === 0 ? /* @__PURE__ */ jsx21("p", { className: "cv-workspace-modal__warning", children: labels.templateModalNoneExpired }) : null,
-    /* @__PURE__ */ jsxs19("footer", { className: "cv-workspace-modal__footer", children: [
-      /* @__PURE__ */ jsx21("button", { type: "button", onClick: onClose, children: labels.templateModalCancel }),
-      /* @__PURE__ */ jsx21(
+    expiredCount === 0 ? /* @__PURE__ */ jsx24("p", { className: "cv-workspace-modal__warning", children: labels.templateModalNoneExpired }) : null,
+    /* @__PURE__ */ jsxs22("footer", { className: "cv-workspace-modal__footer", children: [
+      /* @__PURE__ */ jsx24("button", { type: "button", onClick: onClose, children: labels.templateModalCancel }),
+      /* @__PURE__ */ jsx24(
         "button",
         {
           type: "button",
@@ -2678,8 +3575,8 @@ function BulkTemplateModal({
 }
 
 // src/workspace/ConversationPane.tsx
-import { useEffect as useEffect8, useState as useState12 } from "react";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useState as useState16 } from "react";
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function ConversationPane({
   conversation,
   now,
@@ -2712,12 +3609,12 @@ function ConversationPane({
   const { api } = context;
   const { messages, refetch } = useConversationMessages(conversation.id);
   const { context: conversationContext } = useConversationContext(conversation.id);
-  const [documentsOpen, setDocumentsOpen] = useState12(false);
-  const [sendFailure, setSendFailure] = useState12(void 0);
-  const [selectedMessageIds, setSelectedMessageIds] = useState12(/* @__PURE__ */ new Set());
-  const [draft, setDraft] = useState12(initialComposerText ?? "");
-  const [queuedFiles, setQueuedFiles] = useState12([]);
-  useEffect8(() => {
+  const [documentsOpen, setDocumentsOpen] = useState16(false);
+  const [sendFailure, setSendFailure] = useState16(void 0);
+  const [selectedMessageIds, setSelectedMessageIds] = useState16(/* @__PURE__ */ new Set());
+  const [draft, setDraft] = useState16(initialComposerText ?? "");
+  const [queuedFiles, setQueuedFiles] = useState16([]);
+  useEffect11(() => {
     setSelectedMessageIds(/* @__PURE__ */ new Set());
     setDraft(initialComposerText ?? "");
     setQueuedFiles([]);
@@ -2791,8 +3688,8 @@ function ConversationPane({
     text: typeof reply.text === "string" ? applyQuickReplyVariables(reply.text, quickReplyVariablesFor?.(conversation, conversationContext) ?? {}) : reply.text(quickReplyVariablesFor?.(conversation, conversationContext) ?? {})
   }));
   const botOwnsConversation = Boolean(requireTakeoverToReply) && conversation.mode !== "human";
-  return /* @__PURE__ */ jsxs20("div", { className: "cv-workspace-pane", children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs23("div", { className: "cv-workspace-pane", children: [
+    /* @__PURE__ */ jsx25(
       ConversationHeader,
       {
         conversation,
@@ -2807,10 +3704,10 @@ function ConversationPane({
         ...extraUtilities ? { extraUtilities } : {}
       }
     ),
-    contextEntries && contextEntries.length > 0 || flowLabel ? /* @__PURE__ */ jsx22(ConversationContextPanel, { entries: contextEntries ?? [], ...flowLabel ? { flowLabel } : {} }) : null,
-    /* @__PURE__ */ jsx22(ConversationDocumentsPanel, { conversationId: conversation.id, open: documentsOpen }),
+    contextEntries && contextEntries.length > 0 || flowLabel ? /* @__PURE__ */ jsx25(ConversationContextPanel, { entries: contextEntries ?? [], ...flowLabel ? { flowLabel } : {} }) : null,
+    /* @__PURE__ */ jsx25(ConversationDocumentsPanel, { conversationId: conversation.id, open: documentsOpen }),
     renderAboveTranscript?.(conversation, conversationContext),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx25(
       ConversationWallpaper,
       {
         ref: scroll.containerRef,
@@ -2819,9 +3716,9 @@ function ConversationPane({
         children: messages.map((message, index) => {
           const previous = index > 0 ? messages[index - 1] : void 0;
           const startsNewDay = !previous || new Date(message.timestamp).toDateString() !== new Date(previous.timestamp).toDateString();
-          return /* @__PURE__ */ jsxs20("div", { children: [
-            startsNewDay ? /* @__PURE__ */ jsx22(DateDivider, { iso: message.timestamp }) : null,
-            /* @__PURE__ */ jsx22(
+          return /* @__PURE__ */ jsxs23("div", { children: [
+            startsNewDay ? /* @__PURE__ */ jsx25(DateDivider, { iso: message.timestamp }) : null,
+            /* @__PURE__ */ jsx25(
               MessageBubble,
               {
                 message,
@@ -2838,15 +3735,15 @@ function ConversationPane({
         })
       }
     ),
-    messageSelection && selectedMessageIds.size > 0 ? /* @__PURE__ */ jsxs20("div", { className: "cv-workspace-selection", children: [
-      /* @__PURE__ */ jsx22("span", { children: labels.messagesSelected(selectedMessageIds.size) }),
-      /* @__PURE__ */ jsxs20("div", { className: "cv-workspace-selection__actions", children: [
-        /* @__PURE__ */ jsx22("button", { type: "button", onClick: () => setSelectedMessageIds(/* @__PURE__ */ new Set()), children: labels.bulkClear }),
-        /* @__PURE__ */ jsx22("button", { type: "button", onClick: copySelectedMessages, children: labels.copySelected })
+    messageSelection && selectedMessageIds.size > 0 ? /* @__PURE__ */ jsxs23("div", { className: "cv-workspace-selection", children: [
+      /* @__PURE__ */ jsx25("span", { children: labels.messagesSelected(selectedMessageIds.size) }),
+      /* @__PURE__ */ jsxs23("div", { className: "cv-workspace-selection__actions", children: [
+        /* @__PURE__ */ jsx25("button", { type: "button", onClick: () => setSelectedMessageIds(/* @__PURE__ */ new Set()), children: labels.bulkClear }),
+        /* @__PURE__ */ jsx25("button", { type: "button", onClick: copySelectedMessages, children: labels.copySelected })
       ] })
     ] }) : null,
-    sendFailure ? /* @__PURE__ */ jsx22("p", { role: "alert", className: "cv-workspace-alert", children: sendFailure }) : null,
-    blocked ? /* @__PURE__ */ jsx22(
+    sendFailure ? /* @__PURE__ */ jsx25("p", { role: "alert", className: "cv-workspace-alert", children: sendFailure }) : null,
+    blocked ? /* @__PURE__ */ jsx25(
       WindowExpiredNotice,
       {
         disabled: busy,
@@ -2854,8 +3751,8 @@ function ConversationPane({
       }
     ) : botOwnsConversation ? (
       // Responder com a conversa no bot atropelaria o fluxo automático no meio de uma pergunta.
-      /* @__PURE__ */ jsx22("p", { className: "cv-workspace-notice", children: labels.takeoverToReply })
-    ) : composer === "rich" ? /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx25("p", { className: "cv-workspace-notice", children: labels.takeoverToReply })
+    ) : composer === "rich" ? /* @__PURE__ */ jsx25(
       RichMessageComposer,
       {
         value: draft,
@@ -2869,7 +3766,7 @@ function ConversationPane({
         placeholder: labels.composerPlaceholder,
         isSending: busy,
         ...onRecordAudio ? {
-          idleAction: /* @__PURE__ */ jsx22(
+          idleAction: /* @__PURE__ */ jsx25(
             AudioRecorderButton,
             {
               onRecorded: (file) => void runSend(() => onRecordAudio(file), labels.recordFailure),
@@ -2878,9 +3775,9 @@ function ConversationPane({
           )
         } : {},
         ...queuedFiles.length > 0 ? {
-          attachmentsPreview: /* @__PURE__ */ jsx22("ul", { className: "cv-workspace-attachments", children: queuedFiles.map((file, index) => /* @__PURE__ */ jsxs20("li", { children: [
-            /* @__PURE__ */ jsx22("span", { children: file.name }),
-            /* @__PURE__ */ jsx22(
+          attachmentsPreview: /* @__PURE__ */ jsx25("ul", { className: "cv-workspace-attachments", children: queuedFiles.map((file, index) => /* @__PURE__ */ jsxs23("li", { children: [
+            /* @__PURE__ */ jsx25("span", { children: file.name }),
+            /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -2894,7 +3791,7 @@ function ConversationPane({
         ...richQuickReplies ? { quickReplies: [...richQuickReplies] } : {},
         ...composerVariables ? { variables: [...composerVariables] } : {}
       }
-    ) : /* @__PURE__ */ jsx22(
+    ) : /* @__PURE__ */ jsx25(
       MessageComposer,
       {
         value: draft,
@@ -2910,7 +3807,7 @@ function ConversationPane({
 }
 
 // src/workspace/ConversationsInboxList.tsx
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
 function ConversationsInboxList({
   inbox,
   labels,
@@ -2921,13 +3818,13 @@ function ConversationsInboxList({
   onSendTemplateToSelected
 }) {
   const hasSelection = inbox.selectedIds.size > 0;
-  return /* @__PURE__ */ jsxs21("aside", { className, children: [
-    hasSelection ? /* @__PURE__ */ jsxs21("div", { className: "cv-workspace-bulk", children: [
-      /* @__PURE__ */ jsx23("span", { className: "cv-workspace-bulk__count", children: labels.bulkSelected(inbox.selectedIds.size) }),
-      /* @__PURE__ */ jsxs21("div", { className: "cv-workspace-bulk__actions", children: [
-        /* @__PURE__ */ jsx23("button", { type: "button", onClick: inbox.clearBulkSelection, children: labels.bulkClear }),
-        onSendTemplateToSelected ? /* @__PURE__ */ jsx23("button", { type: "button", onClick: onSendTemplateToSelected, disabled: inbox.busy, children: labels.bulkTemplate }) : null,
-        inbox.canFinalize ? /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs24("aside", { className, children: [
+    hasSelection ? /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-bulk", children: [
+      /* @__PURE__ */ jsx26("span", { className: "cv-workspace-bulk__count", children: labels.bulkSelected(inbox.selectedIds.size) }),
+      /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-bulk__actions", children: [
+        /* @__PURE__ */ jsx26("button", { type: "button", onClick: inbox.clearBulkSelection, children: labels.bulkClear }),
+        onSendTemplateToSelected ? /* @__PURE__ */ jsx26("button", { type: "button", onClick: onSendTemplateToSelected, disabled: inbox.busy, children: labels.bulkTemplate }) : null,
+        inbox.canFinalize ? /* @__PURE__ */ jsx26(
           "button",
           {
             type: "button",
@@ -2943,8 +3840,8 @@ function ConversationsInboxList({
         renderBulkActions?.(inbox)
       ] })
     ] }) : null,
-    /* @__PURE__ */ jsxs21("div", { className: "cv-workspace-filters", children: [
-      /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-filters", children: [
+      /* @__PURE__ */ jsx26(
         "input",
         {
           type: "search",
@@ -2954,9 +3851,9 @@ function ConversationsInboxList({
           className: "cv-workspace-search"
         }
       ),
-      /* @__PURE__ */ jsxs21("div", { className: "cv-workspace-chips", children: [
-        /* @__PURE__ */ jsx23("span", { className: "cv-workspace-chips__legend", children: labels.windowLegend }),
-        WINDOW_FILTERS.map((filter) => /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-chips", children: [
+        /* @__PURE__ */ jsx26("span", { className: "cv-workspace-chips__legend", children: labels.windowLegend }),
+        WINDOW_FILTERS.map((filter) => /* @__PURE__ */ jsxs24(
           "button",
           {
             type: "button",
@@ -2964,16 +3861,16 @@ function ConversationsInboxList({
             "aria-pressed": inbox.windowFilter === filter.value,
             className: `cv-workspace-chip${inbox.windowFilter === filter.value ? " cv-workspace-chip--on" : ""}`,
             children: [
-              filter.dotClass ? /* @__PURE__ */ jsx23("span", { className: `cv-workspace-dot ${filter.dotClass}` }) : null,
+              filter.dotClass ? /* @__PURE__ */ jsx26("span", { className: `cv-workspace-dot ${filter.dotClass}` }) : null,
               filter.label
             ]
           },
           filter.value
         ))
       ] }),
-      inbox.channelFilters.length > 0 ? /* @__PURE__ */ jsxs21("div", { className: "cv-workspace-chips", children: [
-        /* @__PURE__ */ jsx23("span", { className: "cv-workspace-chips__legend", children: labels.channelLegend }),
-        inbox.channelFilters.map((filter) => /* @__PURE__ */ jsxs21(
+      inbox.channelFilters.length > 0 ? /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-chips", children: [
+        /* @__PURE__ */ jsx26("span", { className: "cv-workspace-chips__legend", children: labels.channelLegend }),
+        inbox.channelFilters.map((filter) => /* @__PURE__ */ jsxs24(
           "button",
           {
             type: "button",
@@ -2981,7 +3878,7 @@ function ConversationsInboxList({
             "aria-pressed": inbox.channelFilter === filter.value,
             className: `cv-workspace-chip${inbox.channelFilter === filter.value ? " cv-workspace-chip--on" : ""}`,
             children: [
-              filter.value === CHANNEL_FILTER_ALL ? null : /* @__PURE__ */ jsx23(ChannelIcon, { channel: filter.value }),
+              filter.value === CHANNEL_FILTER_ALL ? null : /* @__PURE__ */ jsx26(ChannelIcon, { channel: filter.value }),
               filter.label
             ]
           },
@@ -2989,14 +3886,14 @@ function ConversationsInboxList({
         ))
       ] }) : null,
       renderFilters?.(inbox),
-      /* @__PURE__ */ jsxs21("label", { className: "cv-workspace-selectall", children: [
-        /* @__PURE__ */ jsx23("input", { type: "checkbox", checked: inbox.allOnPageSelected, onChange: inbox.toggleSelectAllOnPage }),
+      /* @__PURE__ */ jsxs24("label", { className: "cv-workspace-selectall", children: [
+        /* @__PURE__ */ jsx26("input", { type: "checkbox", checked: inbox.allOnPageSelected, onChange: inbox.toggleSelectAllOnPage }),
         labels.selectAll
       ] })
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "cv-workspace-rows", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-rows", children: [
       inbox.pageConversations.map(
-        (conversation) => renderRow ? /* @__PURE__ */ jsx23("div", { children: renderRow(conversation) }, conversation.id) : /* @__PURE__ */ jsx23(
+        (conversation) => renderRow ? /* @__PURE__ */ jsx26("div", { children: renderRow(conversation) }, conversation.id) : /* @__PURE__ */ jsx26(
           ConversationRow,
           {
             conversation,
@@ -3011,13 +3908,13 @@ function ConversationsInboxList({
           conversation.id
         )
       ),
-      !inbox.loading && inbox.filteredCount === 0 ? /* @__PURE__ */ jsx23("p", { className: "cv-workspace-empty", children: labels.emptyList }) : null
+      !inbox.loading && inbox.filteredCount === 0 ? /* @__PURE__ */ jsx26("p", { className: "cv-workspace-empty", children: labels.emptyList }) : null
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "cv-workspace-pager", children: [
-      /* @__PURE__ */ jsx23("span", { children: labels.rangeOf(inbox.firstOnPage, inbox.lastOnPage, inbox.filteredCount) }),
-      /* @__PURE__ */ jsxs21("div", { className: "cv-workspace-pager__buttons", children: [
-        /* @__PURE__ */ jsx23("button", { type: "button", onClick: () => inbox.goToPage(1), disabled: inbox.page === 1, "aria-label": "Primeira p\xE1gina", children: "\xAB" }),
-        /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-pager", children: [
+      /* @__PURE__ */ jsx26("span", { children: labels.rangeOf(inbox.firstOnPage, inbox.lastOnPage, inbox.filteredCount) }),
+      /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-pager__buttons", children: [
+        /* @__PURE__ */ jsx26("button", { type: "button", onClick: () => inbox.goToPage(1), disabled: inbox.page === 1, "aria-label": "Primeira p\xE1gina", children: "\xAB" }),
+        /* @__PURE__ */ jsx26(
           "button",
           {
             type: "button",
@@ -3027,8 +3924,8 @@ function ConversationsInboxList({
             children: "\u2039"
           }
         ),
-        /* @__PURE__ */ jsx23("span", { children: labels.pageOf(inbox.page, inbox.pageCount) }),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx26("span", { children: labels.pageOf(inbox.page, inbox.pageCount) }),
+        /* @__PURE__ */ jsx26(
           "button",
           {
             type: "button",
@@ -3038,7 +3935,7 @@ function ConversationsInboxList({
             children: "\u203A"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx26(
           "button",
           {
             type: "button",
@@ -3095,7 +3992,7 @@ var DEFAULT_CONVERSATIONS_WORKSPACE_LABELS = {
 };
 
 // src/workspace/useConversationsInbox.ts
-import { useCallback as useCallback7, useEffect as useEffect9, useMemo as useMemo4, useRef as useRef7, useState as useState13 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef7, useState as useState17 } from "react";
 var CONVERSATIONS_PER_PAGE = 50;
 function defaultDescribeFailure(error) {
   const status = error.status;
@@ -3113,14 +4010,14 @@ function useConversationsInbox(params = {}) {
   const perPage = params.perPage ?? CONVERSATIONS_PER_PAGE;
   const markReadOnOpen = params.markReadOnOpen ?? true;
   const describeFailure = params.describeFailure ?? defaultDescribeFailure;
-  const [waitingOnly, setWaitingOnly] = useState13(false);
-  const [windowFilter, setWindowFilter] = useState13(CONVERSATION_WINDOW.ALL);
-  const [channelFilter, setChannelFilter] = useState13(CHANNEL_FILTER_ALL);
-  const [search, setSearch] = useState13("");
-  const [page, setPage] = useState13(1);
-  const [selectedId, setSelectedId] = useState13(void 0);
-  const [selectedIds, setSelectedIds] = useState13(/* @__PURE__ */ new Set());
-  const [busy, setBusy] = useState13(false);
+  const [waitingOnly, setWaitingOnly] = useState17(false);
+  const [windowFilter, setWindowFilter] = useState17(CONVERSATION_WINDOW.ALL);
+  const [channelFilter, setChannelFilter] = useState17(CHANNEL_FILTER_ALL);
+  const [search, setSearch] = useState17("");
+  const [page, setPage] = useState17(1);
+  const [selectedId, setSelectedId] = useState17(void 0);
+  const [selectedIds, setSelectedIds] = useState17(/* @__PURE__ */ new Set());
+  const [busy, setBusy] = useState17(false);
   const { conversations, total, loading, error, refetch } = useConversationList({
     ...waitingOnly ? { waitingHuman: true } : {},
     ...search ? { search } : {},
@@ -3128,12 +4025,12 @@ function useConversationsInbox(params = {}) {
     ...params.serverPaginated ? { page, limit: perPage } : {}
   });
   useGlobalRealtime(
-    useCallback7(() => {
+    useCallback9(() => {
       void refetch();
     }, [refetch])
   );
-  const now = useMemo4(() => Date.now(), [conversations]);
-  const filtered = useMemo4(
+  const now = useMemo5(() => Date.now(), [conversations]);
+  const filtered = useMemo5(
     () => conversations.filter(
       (conversation) => channelFilter === CHANNEL_FILTER_ALL || (conversation.channel ?? DEFAULT_CONVERSATION_CHANNEL) === channelFilter
     ).filter(
@@ -3145,16 +4042,16 @@ function useConversationsInbox(params = {}) {
   const pageCount = Math.max(1, Math.ceil(totalForPaging / perPage));
   const currentPage = Math.min(page, pageCount);
   const pageConversations = params.serverPaginated ? filtered : filtered.slice((currentPage - 1) * perPage, currentPage * perPage);
-  useEffect9(() => {
+  useEffect12(() => {
     setPage(1);
   }, [search, waitingOnly, windowFilter, channelFilter]);
-  useEffect9(() => {
+  useEffect12(() => {
     if (selectedId && !conversations.some((conversation) => conversation.id === selectedId)) {
       setSelectedId(void 0);
     }
   }, [conversations, selectedId]);
   const lastMarkReadAttempt = useRef7(void 0);
-  useEffect9(() => {
+  useEffect12(() => {
     if (!markReadOnOpen || !selectedId) return;
     const opened = conversations.find((conversation) => conversation.id === selectedId);
     if (!opened || opened.unread === 0) return;
@@ -3164,7 +4061,7 @@ function useConversationsInbox(params = {}) {
     void api.markRead(selectedId).then(() => refetch()).catch(() => {
     });
   }, [markReadOnOpen, selectedId, conversations, refetch, api]);
-  const toggleSelected = useCallback7((conversationId) => {
+  const toggleSelected = useCallback9((conversationId) => {
     setSelectedIds((current) => {
       const next = new Set(current);
       if (next.has(conversationId)) next.delete(conversationId);
@@ -3174,7 +4071,7 @@ function useConversationsInbox(params = {}) {
   }, []);
   const pageIds = pageConversations.map((conversation) => conversation.id);
   const allOnPageSelected = pageIds.length > 0 && pageIds.every((id) => selectedIds.has(id));
-  const toggleSelectAllOnPage = useCallback7(() => {
+  const toggleSelectAllOnPage = useCallback9(() => {
     setSelectedIds((current) => {
       const next = new Set(current);
       if (allOnPageSelected) pageIds.forEach((id) => next.delete(id));
@@ -3182,7 +4079,7 @@ function useConversationsInbox(params = {}) {
       return next;
     });
   }, [allOnPageSelected, pageIds]);
-  const runOnSelection = useCallback7(
+  const runOnSelection = useCallback9(
     async (action) => {
       setBusy(true);
       try {
@@ -3195,7 +4092,7 @@ function useConversationsInbox(params = {}) {
     },
     [selectedIds, refetch]
   );
-  const runConversationAction = useCallback7(
+  const runConversationAction = useCallback9(
     async (action, conversationId) => {
       if (!action) return;
       setBusy(true);
@@ -3274,7 +4171,7 @@ function useConversationsInbox(params = {}) {
 }
 
 // src/workspace/ConversationsWorkspace.tsx
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 function ConversationsWorkspace({
   labels: labelsOverride,
   filters,
@@ -3314,10 +4211,10 @@ function ConversationsWorkspace({
     ...markReadOnOpen === void 0 ? {} : { markReadOnOpen },
     ...serverPaginated ? { serverPaginated } : {}
   });
-  const [simulatorOpen, setSimulatorOpen] = useState14(false);
-  const [templateModalOpen, setTemplateModalOpen] = useState14(false);
-  const [openedFromLink, setOpenedFromLink] = useState14(void 0);
-  useEffect10(() => {
+  const [simulatorOpen, setSimulatorOpen] = useState18(false);
+  const [templateModalOpen, setTemplateModalOpen] = useState18(false);
+  const [openedFromLink, setOpenedFromLink] = useState18(void 0);
+  useEffect13(() => {
     const link = initialConversationId ?? initialWhatsappNumber;
     if (!link || openedFromLink === link) return;
     const target = inbox.conversations.find(
@@ -3330,7 +4227,7 @@ function ConversationsWorkspace({
   const selected = inbox.selectedConversation;
   const simulatorEnabled = Boolean(simulator && (simulator.enabled ?? true));
   const showSimulator = simulatorEnabled && simulatorOpen && Boolean(selected);
-  const paneUtilities = useMemo5(() => {
+  const paneUtilities = useMemo6(() => {
     if (!selected) return void 0;
     const fromProduct = extraUtilitiesFor?.(selected) ?? [];
     if (!simulatorEnabled) return fromProduct;
@@ -3345,39 +4242,39 @@ function ConversationsWorkspace({
       }
     ];
   }, [selected, extraUtilitiesFor, simulatorEnabled, simulator, simulatorOpen]);
-  return /* @__PURE__ */ jsxs22("div", { className: `cv-workspace${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxs22("header", { className: "cv-workspace-header", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "cv-workspace-header__titles", children: [
-        /* @__PURE__ */ jsx24("h1", { children: labels.title }),
-        /* @__PURE__ */ jsxs22("p", { children: [
-          /* @__PURE__ */ jsxs22("span", { title: labels.conversations, children: [
+  return /* @__PURE__ */ jsxs25("div", { className: `cv-workspace${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs25("header", { className: "cv-workspace-header", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-header__titles", children: [
+        /* @__PURE__ */ jsx27("h1", { children: labels.title }),
+        /* @__PURE__ */ jsxs25("p", { children: [
+          /* @__PURE__ */ jsxs25("span", { title: labels.conversations, children: [
             "\u{1F4AC} ",
             inbox.totalCount,
-            /* @__PURE__ */ jsxs22("span", { className: "cv-only-wide", children: [
+            /* @__PURE__ */ jsxs25("span", { className: "cv-only-wide", children: [
               " ",
               labels.conversations
             ] })
           ] }),
-          /* @__PURE__ */ jsxs22("span", { title: labels.waiting, className: "cv-workspace-header__waiting", children: [
+          /* @__PURE__ */ jsxs25("span", { title: labels.waiting, className: "cv-workspace-header__waiting", children: [
             "\u23F3 ",
             inbox.waitingCount,
-            /* @__PURE__ */ jsxs22("span", { className: "cv-only-wide", children: [
+            /* @__PURE__ */ jsxs25("span", { className: "cv-only-wide", children: [
               " ",
               labels.waiting
             ] })
           ] }),
-          /* @__PURE__ */ jsxs22("span", { title: labels.unread, children: [
+          /* @__PURE__ */ jsxs25("span", { title: labels.unread, children: [
             "\u2709\uFE0F ",
             inbox.unreadCount,
-            /* @__PURE__ */ jsxs22("span", { className: "cv-only-wide", children: [
+            /* @__PURE__ */ jsxs25("span", { className: "cv-only-wide", children: [
               " ",
               labels.unread
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "cv-workspace-header__actions", children: [
-        /* @__PURE__ */ jsxs22(
+      /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-header__actions", children: [
+        /* @__PURE__ */ jsxs25(
           "button",
           {
             type: "button",
@@ -3387,14 +4284,14 @@ function ConversationsWorkspace({
             className: inbox.waitingOnly ? "cv-workspace-toggle cv-workspace-toggle--on" : "cv-workspace-toggle",
             children: [
               "\u23F3",
-              /* @__PURE__ */ jsxs22("span", { className: "cv-only-wide", children: [
+              /* @__PURE__ */ jsxs25("span", { className: "cv-only-wide", children: [
                 " ",
                 labels.waitingOnly
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsxs25(
           "button",
           {
             type: "button",
@@ -3405,7 +4302,7 @@ function ConversationsWorkspace({
             className: "cv-workspace-toggle",
             children: [
               "\u2713",
-              /* @__PURE__ */ jsxs22("span", { className: "cv-only-wide", children: [
+              /* @__PURE__ */ jsxs25("span", { className: "cv-only-wide", children: [
                 " ",
                 labels.markSelectedAsRead
               ] }),
@@ -3413,7 +4310,7 @@ function ConversationsWorkspace({
             ]
           }
         ),
-        inbox.canMarkAllRead && inbox.unreadCount > 0 ? /* @__PURE__ */ jsxs22(
+        inbox.canMarkAllRead && inbox.unreadCount > 0 ? /* @__PURE__ */ jsxs25(
           "button",
           {
             type: "button",
@@ -3423,7 +4320,7 @@ function ConversationsWorkspace({
             className: "cv-workspace-toggle",
             children: [
               "\u2713\u2713",
-              /* @__PURE__ */ jsxs22("span", { className: "cv-only-wide", children: [
+              /* @__PURE__ */ jsxs25("span", { className: "cv-only-wide", children: [
                 " ",
                 labels.markAllAsRead
               ] })
@@ -3433,20 +4330,20 @@ function ConversationsWorkspace({
         renderHeaderActions?.(inbox)
       ] })
     ] }),
-    inbox.loadFailure ? /* @__PURE__ */ jsxs22("p", { role: "alert", className: "cv-workspace-failure", children: [
+    inbox.loadFailure ? /* @__PURE__ */ jsxs25("p", { role: "alert", className: "cv-workspace-failure", children: [
       inbox.loadFailure,
-      signInHref ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
+      signInHref ? /* @__PURE__ */ jsxs25(Fragment6, { children: [
         " ",
-        /* @__PURE__ */ jsx24("a", { href: signInHref, className: "cv-workspace-failure__link", children: labels.signIn })
+        /* @__PURE__ */ jsx27("a", { href: signInHref, className: "cv-workspace-failure__link", children: labels.signIn })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsxs25(
       "div",
       {
         className: `cv-workspace-grid${showSimulator ? " cv-workspace-grid--with-simulator" : ""}`,
         "data-detail": selected ? "open" : "closed",
         children: [
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx27(
             ConversationsInboxList,
             {
               inbox,
@@ -3458,7 +4355,7 @@ function ConversationsWorkspace({
               ...onSendTemplateToSelected ? { onSendTemplateToSelected: () => onSendTemplateToSelected(inbox) } : inbox.canListTemplates ? { onSendTemplateToSelected: () => setTemplateModalOpen(true) } : {}
             }
           ),
-          /* @__PURE__ */ jsx24("section", { className: "cv-workspace-detail", children: selected ? /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx27("section", { className: "cv-workspace-detail", children: selected ? /* @__PURE__ */ jsx27(
             ConversationPane,
             {
               conversation: selected,
@@ -3487,16 +4384,16 @@ function ConversationsWorkspace({
               ...renderAboveTranscript ? { renderAboveTranscript } : {},
               ...onAttach ? { onAttach: (file) => onAttach(selected, file) } : {}
             }
-          ) : /* @__PURE__ */ jsx24("p", { className: "cv-workspace-empty", children: labels.emptyDetail }) }),
+          ) : /* @__PURE__ */ jsx27("p", { className: "cv-workspace-empty", children: labels.emptyDetail }) }),
           showSimulator && selected ? (
             // `min-height:0` junto do `min-width:0`: sem isso a linha do grid cresce com o conteúdo do
             // painel, o scroll interno nunca ativa e quem rola passa a ser a página inteira.
-            /* @__PURE__ */ jsx24("div", { className: "cv-workspace-simulator", children: simulator?.render({ conversationId: selected.id, close: () => setSimulatorOpen(false) }) })
+            /* @__PURE__ */ jsx27("div", { className: "cv-workspace-simulator", children: simulator?.render({ conversationId: selected.id, close: () => setSimulatorOpen(false) }) })
           ) : null
         ]
       }
     ),
-    templateModalOpen ? /* @__PURE__ */ jsx24(
+    templateModalOpen ? /* @__PURE__ */ jsx27(
       BulkTemplateModal,
       {
         labels,
@@ -3515,6 +4412,7 @@ export {
   AudioRecorderButton,
   AudioTranscription,
   Avatar,
+  BulkActionBar,
   CHANNEL_BRAND_COLOR,
   CHANNEL_CAPABILITIES,
   CHANNEL_FILTER_ALL,
@@ -3543,6 +4441,7 @@ export {
   DEFAULT_CONVERSATION_HEADER_LABELS,
   DEFAULT_CONVERSATION_LIST_ITEM_LABELS,
   DEFAULT_DOCUMENTS_LIBRARY_LABELS,
+  DEFAULT_DOCUMENTS_WORKSPACE_LABELS,
   DEFAULT_EMOJI_PICKER_LABELS,
   DEFAULT_INTERACTIVE_MESSAGE_LABELS,
   DEFAULT_LIGHTBOX_LABELS,
@@ -3555,23 +4454,28 @@ export {
   DOCUMENT_SOURCE_FILTER,
   DateDivider,
   DocumentsLibrary,
+  DocumentsWorkspace,
   EMOJI_CATEGORIES,
   EmojiPicker,
   FileIcon,
   HANDLE_KIND,
   InteractiveMessage,
   Lightbox,
+  ListingPagination,
   MediaRenderer,
   MessageBubble,
   MessageComposer,
   MessageTail,
   MessageText,
   MessageTimestamp,
+  MessagesWorkspace,
+  MultiSelectFilter,
   NARROW_MAX_WIDTH_PX,
   REOPEN_MECHANISM,
   RICH_COMPOSER_ACTION,
   RichMessageComposer,
   SimpleEmojiPicker,
+  SortableHead,
   StatusTicks,
   TEMPLATE_SETTINGS_TAB,
   ToastProvider,
@@ -3616,12 +4520,16 @@ export {
   useConversations,
   useConversationsInbox,
   useDarkMode,
+  useDebouncedValue,
   useGlobalRealtime,
   useInboxActions,
   useIsDarkTheme,
   useIsNarrow,
   useScrollToLatestMessage,
   useToast,
+  useUrlArrayState,
+  useUrlNumberState,
+  useUrlStringState,
   useWaitingNotifications,
   waToHTML,
   waToHTMLInline,