@adatechnology/conversations-ui 0.1.0 → 0.2.0

package/dist/index.js

@@ -30,6 +30,8 @@ import {
   DEFAULT_LIGHTBOX_LABELS,
   DEFAULT_MAX_RECORDING_MILLISECONDS,
   DEFAULT_MESSAGE_COMPOSER_LABELS,
+  DEFAULT_QUICK_REPLIES_PICKER_LABELS,
+  DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS,
   DOCUMENT_SOURCE_FILTER,
   DateDivider,
   DocumentsLibrary,
@@ -44,6 +46,7 @@ import {
   MessageComposer,
   PAGINATION_LABELS,
   QUICK_REPLY_PILL_CLASS,
+  QuickRepliesPicker,
   REOPEN_MECHANISM,
   StatusTicks,
   applyQuickReplyVariables,
@@ -53,13 +56,17 @@ import {
   contactFlag,
   conversationsOf,
   createMediaUrlResolver,
+  detectQuickReplyShortcut,
   documentTypeLabel,
+  filterQuickReplies,
   formatContactHandle,
   formatDateTime,
   formatFileSize,
   formatPhone,
   formatTimestamp,
+  highlightMatch,
   isSameDay,
+  normalizeForSearch,
   phoneInitials,
   resolveQuickReply,
   searchEmojis,
@@ -67,8 +74,9 @@ import {
   useAsyncResource,
   useConversationDocuments,
   useConversationLocales,
-  useConversations
-} from "./chunk-BJNRLLDO.js";
+  useConversations,
+  useQuickRepliesPicker
+} from "./chunk-NHQDQJL2.js";
 import {
   ZERO_WIDTH_SPACE,
   htmlToWA,
@@ -80,8 +88,16 @@ import {
 } from "./chunk-WCBDXZ3X.js";
 
 // src/RichMessageComposer.tsx
-import { forwardRef, useCallback, useEffect as useEffect3, useImperativeHandle, useRef as useRef2, useState as useState3 } from "react";
-import { Bold, Italic, Strikethrough, Code, Paperclip, SendHorizonal, Braces, Type } from "lucide-react";
+import {
+  forwardRef,
+  useCallback,
+  useEffect as useEffect3,
+  useId,
+  useImperativeHandle,
+  useRef as useRef2,
+  useState as useState3
+} from "react";
+import { Bold, Italic, Strikethrough, Code, Paperclip, SendHorizonal, Braces, Type, Zap } from "lucide-react";
 
 // src/hooks/useContainerWidth.ts
 import { useEffect, useState } from "react";
@@ -328,7 +344,8 @@ var RICH_COMPOSER_ACTION = {
   MONOSPACE: "monospace",
   EMOJI: "emoji",
   ATTACH: "attach",
-  VARIABLES: "variables"
+  VARIABLES: "variables",
+  QUICK_REPLIES: "quickReplies"
 };
 var DEFAULT_RICH_COMPOSER_TOOLTIPS = {
   bold: "Negrito",
@@ -339,7 +356,8 @@ var DEFAULT_RICH_COMPOSER_TOOLTIPS = {
   attach: "Anexar arquivo",
   send: "Enviar",
   variables: "Vari\xE1veis dispon\xEDveis",
-  formatting: "Formata\xE7\xE3o"
+  formatting: "Formata\xE7\xE3o",
+  quickReplies: "Mensagens prontas"
 };
 var FORMATTING_ELEMENT = {
   bold: "strong",
@@ -347,316 +365,515 @@ var FORMATTING_ELEMENT = {
   strikethrough: "del",
   monospace: "code"
 };
-var RichMessageComposer = forwardRef(function RichMessageComposer2({
-  value,
-  onChange,
-  onSend,
-  onAttachFiles,
-  quickReplies,
-  variables,
-  toolbar,
-  tooltips,
-  placeholder,
-  disabled = false,
-  isSending = false,
-  idleAction,
-  attachmentsPreview,
-  hasQueuedAttachments = false,
-  acceptedFileTypes = DEFAULT_ACCEPTED_FILE_TYPES,
-  className
-}, ref) {
-  const editorRef = useRef2(null);
-  const fileInputRef = useRef2(null);
-  const variablesRef = useRef2(null);
-  const formattingRef = useRef2(null);
-  const barRef = useRef2(null);
-  const [isVariablesOpen, setIsVariablesOpen] = useState3(false);
-  const [isFormattingOpen, setIsFormattingOpen] = useState3(false);
-  const [activeFormatting, setActiveFormatting] = useState3("");
-  const barWidth = useContainerWidth(barRef);
-  const isCompact = barWidth !== void 0 && barWidth < COMPOSER_COMPACT_WIDTH;
-  const lastEmittedRef = useRef2("");
-  const emitChange = useCallback((html) => {
-    const text = htmlToWA(html);
-    lastEmittedRef.current = text;
-    onChange(text);
-  }, [onChange]);
-  useEffect3(() => {
-    const editor = editorRef.current;
-    if (!editor || value === lastEmittedRef.current) return;
-    lastEmittedRef.current = value;
-    editor.innerHTML = waToHTML(value);
-  }, [value]);
-  const refreshActiveFormatting = useCallback(() => {
-    const editor = editorRef.current;
-    if (editor) setActiveFormatting(activeFormattingIn(editor));
-  }, []);
-  useEffect3(() => {
-    document.addEventListener("selectionchange", refreshActiveFormatting);
-    return () => document.removeEventListener("selectionchange", refreshActiveFormatting);
-  }, [refreshActiveFormatting]);
-  useEffect3(() => {
-    if (!isVariablesOpen) return;
-    const closeOnOutsideClick = (event) => {
-      if (!variablesRef.current?.contains(event.target)) setIsVariablesOpen(false);
-    };
-    document.addEventListener("mousedown", closeOnOutsideClick);
-    return () => document.removeEventListener("mousedown", closeOnOutsideClick);
-  }, [isVariablesOpen]);
-  useEffect3(() => {
-    if (!isFormattingOpen) return;
-    const closeOnOutsideClick = (event) => {
-      if (!formattingRef.current?.contains(event.target)) setIsFormattingOpen(false);
-    };
-    document.addEventListener("mousedown", closeOnOutsideClick);
-    return () => document.removeEventListener("mousedown", closeOnOutsideClick);
-  }, [isFormattingOpen]);
-  useEffect3(() => {
-    if (!isCompact) setIsFormattingOpen(false);
-  }, [isCompact]);
-  const tooltipOf = (action) => tooltips?.[action] ?? DEFAULT_RICH_COMPOSER_TOOLTIPS[action];
-  const shows = (action) => toolbar?.[action] !== false;
-  const replaceContent = useCallback((text) => {
-    const editor = editorRef.current;
-    if (!editor) return;
-    editor.innerHTML = waToHTML(text);
-    emitChange(editor.innerHTML);
-    editor.focus();
-  }, [emitChange]);
-  useImperativeHandle(ref, () => ({
-    setContent: replaceContent,
-    clear: () => {
+var RichMessageComposer = forwardRef(
+  function RichMessageComposer2({
+    value,
+    onChange,
+    onSend,
+    onAttachFiles,
+    quickReplies,
+    variables,
+    savedQuickReplies,
+    toolbar,
+    tooltips,
+    placeholder,
+    disabled = false,
+    isSending = false,
+    idleAction,
+    attachmentsPreview,
+    hasQueuedAttachments = false,
+    acceptedFileTypes = DEFAULT_ACCEPTED_FILE_TYPES,
+    className
+  }, ref) {
+    const editorRef = useRef2(null);
+    const fileInputRef = useRef2(null);
+    const variablesRef = useRef2(null);
+    const formattingRef = useRef2(null);
+    const barRef = useRef2(null);
+    const [isVariablesOpen, setIsVariablesOpen] = useState3(false);
+    const [isFormattingOpen, setIsFormattingOpen] = useState3(false);
+    const [activeFormatting, setActiveFormatting] = useState3("");
+    const quickRepliesListboxId = useId();
+    const showQuickRepliesButton = Boolean(savedQuickReplies);
+    const [isQuickRepliesOpen, setIsQuickRepliesOpen] = useState3(false);
+    const [quickRepliesTerm, setQuickRepliesTerm] = useState3("");
+    const [quickRepliesMode, setQuickRepliesMode] = useState3("shortcut");
+    const quickRepliesPopoverRef = useRef2(null);
+    const quickRepliesTriggerRef = useRef2(null);
+    const savedRangeRef = useRef2(void 0);
+    const barWidth = useContainerWidth(barRef);
+    const isCompact = barWidth !== void 0 && barWidth < COMPOSER_COMPACT_WIDTH;
+    const lastEmittedRef = useRef2("");
+    const emitChange = useCallback(
+      (html) => {
+        const text = htmlToWA(html);
+        lastEmittedRef.current = text;
+        onChange(text);
+      },
+      [onChange]
+    );
+    useEffect3(() => {
       const editor = editorRef.current;
-      if (!editor) return;
-      editor.innerHTML = "";
-      emitChange("");
-    },
-    focus: () => editorRef.current?.focus()
-  }), [emitChange, replaceContent]);
-  const currentRange = useCallback(() => {
-    const editor = editorRef.current;
-    if (!editor) return void 0;
-    editor.focus();
-    const selection = window.getSelection();
-    if (!selection?.rangeCount || !editor.contains(selection.anchorNode)) return void 0;
-    return selection.getRangeAt(0);
-  }, []);
-  const commitRange = useCallback((range, node) => {
-    const selection = window.getSelection();
-    range.setStartAfter(node);
-    range.collapse(true);
-    selection?.removeAllRanges();
-    selection?.addRange(range);
-    emitChange(editorRef.current?.innerHTML ?? "");
-  }, [emitChange]);
-  const insertAtCursor = useCallback((fragment) => {
-    const range = currentRange();
-    if (!range) return;
-    range.deleteContents();
-    const textNode = document.createTextNode(fragment);
-    range.insertNode(textNode);
-    commitRange(range, textNode);
-  }, [commitRange, currentRange]);
-  const wrapSelection = useCallback((action) => {
-    const range = currentRange();
-    const selectedText = range?.toString();
-    if (!range || !selectedText) return;
-    range.deleteContents();
-    const wrapper = document.createElement(FORMATTING_ELEMENT[action]);
-    if (action === "monospace") wrapper.className = COMPOSER_MONOSPACE_CLASS;
-    wrapper.textContent = selectedText;
-    range.insertNode(wrapper);
-    commitRange(range, wrapper);
-  }, [commitRange, currentRange]);
-  const applyFormatting = useCallback((action) => {
-    const editor = editorRef.current;
-    const range = currentRange();
-    if (!editor || !range) return;
-    if (action === FORMATTING_ACTION.MONOSPACE) {
-      const code = codeAncestorOf({ node: range.startContainer, editor });
-      if (range.collapsed) {
-        if (code) exitMonospaceAfter(code);
-        else startMonospaceAt(range);
-      } else if (code) {
-        unwrapMonospace(code);
-      } else {
-        wrapSelection(action);
+      if (!editor || value === lastEmittedRef.current) return;
+      lastEmittedRef.current = value;
+      editor.innerHTML = waToHTML(value);
+    }, [value]);
+    const refreshActiveFormatting = useCallback(() => {
+      const editor = editorRef.current;
+      if (editor) setActiveFormatting(activeFormattingIn(editor));
+    }, []);
+    useEffect3(() => {
+      document.addEventListener("selectionchange", refreshActiveFormatting);
+      return () => document.removeEventListener("selectionchange", refreshActiveFormatting);
+    }, [refreshActiveFormatting]);
+    useEffect3(() => {
+      if (!isVariablesOpen) return;
+      const closeOnOutsideClick = (event) => {
+        if (!variablesRef.current?.contains(event.target)) setIsVariablesOpen(false);
+      };
+      document.addEventListener("mousedown", closeOnOutsideClick);
+      return () => document.removeEventListener("mousedown", closeOnOutsideClick);
+    }, [isVariablesOpen]);
+    useEffect3(() => {
+      if (!isFormattingOpen) return;
+      const closeOnOutsideClick = (event) => {
+        if (!formattingRef.current?.contains(event.target)) setIsFormattingOpen(false);
+      };
+      document.addEventListener("mousedown", closeOnOutsideClick);
+      return () => document.removeEventListener("mousedown", closeOnOutsideClick);
+    }, [isFormattingOpen]);
+    useEffect3(() => {
+      if (!isCompact) setIsFormattingOpen(false);
+    }, [isCompact]);
+    const tooltipOf = (action) => tooltips?.[action] ?? DEFAULT_RICH_COMPOSER_TOOLTIPS[action];
+    const shows = (action) => toolbar?.[action] !== false;
+    const replaceContent = useCallback(
+      (text) => {
+        const editor = editorRef.current;
+        if (!editor) return;
+        editor.innerHTML = waToHTML(text);
+        emitChange(editor.innerHTML);
+        editor.focus();
+      },
+      [emitChange]
+    );
+    useImperativeHandle(
+      ref,
+      () => ({
+        setContent: replaceContent,
+        clear: () => {
+          const editor = editorRef.current;
+          if (!editor) return;
+          editor.innerHTML = "";
+          emitChange("");
+        },
+        focus: () => editorRef.current?.focus()
+      }),
+      [emitChange, replaceContent]
+    );
+    const currentRange = useCallback(() => {
+      const editor = editorRef.current;
+      if (!editor) return void 0;
+      editor.focus();
+      const selection = window.getSelection();
+      if (!selection?.rangeCount || !editor.contains(selection.anchorNode)) return void 0;
+      return selection.getRangeAt(0);
+    }, []);
+    const rangeIfFocused = useCallback(() => {
+      const editor = editorRef.current;
+      if (!editor || document.activeElement !== editor) return void 0;
+      const selection = window.getSelection();
+      if (!selection?.rangeCount || !editor.contains(selection.anchorNode)) return void 0;
+      return selection.getRangeAt(0);
+    }, []);
+    const textBeforeCaret = useCallback((range) => {
+      const editor = editorRef.current;
+      if (!editor) return "";
+      const preRange = document.createRange();
+      preRange.selectNodeContents(editor);
+      preRange.setEnd(range.startContainer, range.startOffset);
+      return preRange.toString();
+    }, []);
+    useEffect3(() => {
+      if (!showQuickRepliesButton) {
+        setIsQuickRepliesOpen(false);
+        return;
       }
-      emitChange(editor.innerHTML);
-      refreshActiveFormatting();
-      return;
-    }
-    if (toggleFormattingCommand(action)) emitChange(editor.innerHTML);
-    else wrapSelection(action);
-    refreshActiveFormatting();
-  }, [currentRange, emitChange, refreshActiveFormatting, wrapSelection]);
-  const handleInput = useCallback((event) => {
-    emitChange(event.currentTarget.innerHTML);
-    refreshActiveFormatting();
-  }, [emitChange, refreshActiveFormatting]);
-  const handleKeyDown = useCallback((event) => {
-    if (event.key === "Enter" && !event.shiftKey) {
-      event.preventDefault();
-      if (!disabled && !isSending) onSend();
-    }
-  }, [disabled, isSending, onSend]);
-  const handleFileChange = useCallback((event) => {
-    if (event.target.files?.length) onAttachFiles?.(event.target.files);
-    if (fileInputRef.current) fileInputRef.current.value = "";
-  }, [onAttachFiles]);
-  const canSend = value.trim().length > 0 || hasQueuedAttachments;
-  const formattingButtons = [
-    [RICH_COMPOSER_ACTION.BOLD, Bold],
-    [RICH_COMPOSER_ACTION.ITALIC, Italic],
-    [RICH_COMPOSER_ACTION.STRIKETHROUGH, Strikethrough],
-    [RICH_COMPOSER_ACTION.MONOSPACE, Code]
-  ].filter(([action]) => shows(action)).map(([action, Icon]) => {
-    const isActive = isFormattingActive({ active: activeFormatting, action });
-    return /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        onMouseDown: (event) => event.preventDefault(),
-        onClick: () => applyFormatting(action),
-        "data-cv-tooltip": tooltipOf(action),
-        "aria-label": tooltipOf(action),
-        "aria-pressed": isActive,
-        className: cn(
-          COMPOSER_TOOL_BUTTON_CLASS,
-          isActive ? COMPOSER_TOOL_BUTTON_ACTIVE_CLASS : COMPOSER_TOOL_BUTTON_IDLE_CLASS
-        ),
-        children: /* @__PURE__ */ jsx2(Icon, { size: 18 })
+      if (quickRepliesMode === "button") return;
+      const range = rangeIfFocused();
+      const textToCaret = range ? textBeforeCaret(range) : "";
+      const match = detectQuickReplyShortcut(textToCaret);
+      setIsQuickRepliesOpen(Boolean(match));
+      setQuickRepliesTerm(match?.term ?? "");
+    }, [value, showQuickRepliesButton, quickRepliesMode, rangeIfFocused, textBeforeCaret]);
+    const commitRange = useCallback(
+      (range, node) => {
+        const selection = window.getSelection();
+        range.setStartAfter(node);
+        range.collapse(true);
+        selection?.removeAllRanges();
+        selection?.addRange(range);
+        emitChange(editorRef.current?.innerHTML ?? "");
       },
-      action
+      [emitChange]
     );
-  });
-  return /* @__PURE__ */ jsxs2("div", { className: cn(COMPOSER_BAR_CLASS, "flex flex-col", className), children: [
-    attachmentsPreview,
-    quickReplies?.length ? (
-      /* Uma linha só, rolando na horizontal. Deixar quebrar em várias linhas faz a barra crescer
-         conforme o número de respostas rápidas e empurrar a conversa para cima — o composer
-         precisa ter altura previsível, independente de quantos atalhos o host configurou. */
-      /* @__PURE__ */ jsx2("div", { className: "mb-2 flex flex-nowrap gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: quickReplies.map((quickReply) => /* @__PURE__ */ jsx2(
+    const insertAtCursor2 = useCallback(
+      (fragment) => {
+        const range = currentRange();
+        if (!range) return;
+        range.deleteContents();
+        const textNode = document.createTextNode(fragment);
+        range.insertNode(textNode);
+        commitRange(range, textNode);
+      },
+      [commitRange, currentRange]
+    );
+    const closeQuickReplies = useCallback(() => {
+      setIsQuickRepliesOpen(false);
+      setQuickRepliesTerm("");
+      setQuickRepliesMode("shortcut");
+    }, []);
+    const closeQuickRepliesAndRefocus = useCallback(() => {
+      closeQuickReplies();
+      editorRef.current?.focus();
+    }, [closeQuickReplies]);
+    const insertSavedQuickReply = useCallback(
+      (quickReply) => {
+        savedQuickReplies?.onSelect?.(quickReply);
+        const resolvedBody = applyQuickReplyVariables(quickReply.body, savedQuickReplies?.variables);
+        if (quickRepliesMode === "button") {
+          const editor = editorRef.current;
+          const savedRange = savedRangeRef.current;
+          if (editor && savedRange) {
+            editor.focus();
+            const selection = window.getSelection();
+            selection?.removeAllRanges();
+            selection?.addRange(savedRange);
+          }
+          insertAtCursor2(resolvedBody);
+          closeQuickReplies();
+          requestAnimationFrame(() => editor?.focus());
+          return;
+        }
+        const range = currentRange();
+        if (!range) return;
+        const match = detectQuickReplyShortcut(textBeforeCaret(range));
+        if (!match) {
+          closeQuickReplies();
+          return;
+        }
+        const shortcutLength = match.term.length + 1;
+        if (range.startContainer.nodeType === Node.TEXT_NODE && range.startOffset >= shortcutLength) {
+          range.setStart(range.startContainer, range.startOffset - shortcutLength);
+          range.deleteContents();
+          const textNode = document.createTextNode(resolvedBody);
+          range.insertNode(textNode);
+          commitRange(range, textNode);
+        }
+        closeQuickReplies();
+      },
+      [
+        quickRepliesMode,
+        currentRange,
+        textBeforeCaret,
+        commitRange,
+        insertAtCursor2,
+        savedQuickReplies,
+        closeQuickReplies
+      ]
+    );
+    const quickRepliesPicker = useQuickRepliesPicker({
+      isOpen: isQuickRepliesOpen,
+      search: quickRepliesTerm,
+      listQuickReplies: savedQuickReplies?.listQuickReplies,
+      quickReplyVariables: savedQuickReplies?.variables,
+      onSelect: insertSavedQuickReply,
+      onClose: closeQuickRepliesAndRefocus
+    });
+    const openQuickRepliesViaButton = useCallback(() => {
+      if (isQuickRepliesOpen && quickRepliesMode === "button") {
+        closeQuickRepliesAndRefocus();
+        return;
+      }
+      savedRangeRef.current = currentRange();
+      setQuickRepliesMode("button");
+      setQuickRepliesTerm("");
+      setIsQuickRepliesOpen(true);
+    }, [isQuickRepliesOpen, quickRepliesMode, currentRange, closeQuickRepliesAndRefocus]);
+    useEffect3(() => {
+      if (!isQuickRepliesOpen || quickRepliesMode !== "button") return;
+      const handleOutsideClick = (event) => {
+        const target = event.target;
+        if (quickRepliesPopoverRef.current?.contains(target)) return;
+        if (quickRepliesTriggerRef.current?.contains(target)) return;
+        closeQuickRepliesAndRefocus();
+      };
+      document.addEventListener("mousedown", handleOutsideClick);
+      return () => document.removeEventListener("mousedown", handleOutsideClick);
+    }, [isQuickRepliesOpen, quickRepliesMode, closeQuickRepliesAndRefocus]);
+    const wrapSelection = useCallback(
+      (action) => {
+        const range = currentRange();
+        const selectedText = range?.toString();
+        if (!range || !selectedText) return;
+        range.deleteContents();
+        const wrapper = document.createElement(FORMATTING_ELEMENT[action]);
+        if (action === "monospace") wrapper.className = COMPOSER_MONOSPACE_CLASS;
+        wrapper.textContent = selectedText;
+        range.insertNode(wrapper);
+        commitRange(range, wrapper);
+      },
+      [commitRange, currentRange]
+    );
+    const applyFormatting = useCallback(
+      (action) => {
+        const editor = editorRef.current;
+        const range = currentRange();
+        if (!editor || !range) return;
+        if (action === FORMATTING_ACTION.MONOSPACE) {
+          const code = codeAncestorOf({ node: range.startContainer, editor });
+          if (range.collapsed) {
+            if (code) exitMonospaceAfter(code);
+            else startMonospaceAt(range);
+          } else if (code) {
+            unwrapMonospace(code);
+          } else {
+            wrapSelection(action);
+          }
+          emitChange(editor.innerHTML);
+          refreshActiveFormatting();
+          return;
+        }
+        if (toggleFormattingCommand(action)) emitChange(editor.innerHTML);
+        else wrapSelection(action);
+        refreshActiveFormatting();
+      },
+      [currentRange, emitChange, refreshActiveFormatting, wrapSelection]
+    );
+    const handleInput = useCallback(
+      (event) => {
+        emitChange(event.currentTarget.innerHTML);
+        refreshActiveFormatting();
+      },
+      [emitChange, refreshActiveFormatting]
+    );
+    const handleKeyDown = useCallback(
+      (event) => {
+        if (isQuickRepliesOpen && quickRepliesMode === "shortcut") {
+          quickRepliesPicker.handleKeyDown(event);
+          return;
+        }
+        if (event.key === "Enter" && !event.shiftKey) {
+          event.preventDefault();
+          if (!disabled && !isSending) onSend();
+        }
+      },
+      [disabled, isSending, onSend, isQuickRepliesOpen, quickRepliesMode, quickRepliesPicker]
+    );
+    const handleFileChange = useCallback(
+      (event) => {
+        if (event.target.files?.length) onAttachFiles?.(event.target.files);
+        if (fileInputRef.current) fileInputRef.current.value = "";
+      },
+      [onAttachFiles]
+    );
+    const canSend = value.trim().length > 0 || hasQueuedAttachments;
+    const formattingButtons = [
+      [RICH_COMPOSER_ACTION.BOLD, Bold],
+      [RICH_COMPOSER_ACTION.ITALIC, Italic],
+      [RICH_COMPOSER_ACTION.STRIKETHROUGH, Strikethrough],
+      [RICH_COMPOSER_ACTION.MONOSPACE, Code]
+    ].filter(([action]) => shows(action)).map(([action, Icon]) => {
+      const isActive = isFormattingActive({ active: activeFormatting, action });
+      return /* @__PURE__ */ jsx2(
         "button",
         {
           type: "button",
-          "data-cv-tooltip": quickReply.tooltip,
-          "aria-label": quickReply.tooltip,
-          onClick: () => replaceContent(quickReply.text),
-          className: cn(QUICK_REPLY_PILL_CLASS, "flex-shrink-0"),
-          children: quickReply.label
+          onMouseDown: (event) => event.preventDefault(),
+          onClick: () => applyFormatting(action),
+          "data-cv-tooltip": tooltipOf(action),
+          "aria-label": tooltipOf(action),
+          "aria-pressed": isActive,
+          className: cn(
+            COMPOSER_TOOL_BUTTON_CLASS,
+            isActive ? COMPOSER_TOOL_BUTTON_ACTIVE_CLASS : COMPOSER_TOOL_BUTTON_IDLE_CLASS
+          ),
+          children: /* @__PURE__ */ jsx2(Icon, { size: 18 })
         },
-        quickReply.id
-      )) })
-    ) : null,
-    /* @__PURE__ */ jsxs2("div", { ref: barRef, className: "flex flex-nowrap items-end gap-1", children: [
-      formattingButtons.length > 0 ? isCompact ? /* @__PURE__ */ jsxs2("div", { ref: formattingRef, className: "relative hidden flex-shrink-0 sm:block", children: [
-        /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onMouseDown: (event) => event.preventDefault(),
-            onClick: () => setIsFormattingOpen((open) => !open),
-            "data-cv-tooltip": tooltipOf("formatting"),
-            "aria-label": tooltipOf("formatting"),
-            "aria-expanded": isFormattingOpen,
-            className: cn(
-              COMPOSER_TOOL_BUTTON_CLASS,
-              activeFormatting || isFormattingOpen ? COMPOSER_TOOL_BUTTON_ACTIVE_CLASS : COMPOSER_TOOL_BUTTON_IDLE_CLASS
-            ),
-            children: /* @__PURE__ */ jsx2(Type, { size: 18 })
-          }
-        ),
-        isFormattingOpen ? /* @__PURE__ */ jsx2("div", { className: "absolute bottom-full left-0 z-20 mb-2 flex items-center gap-1 rounded-full border border-gray-200 bg-white px-1 py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800", children: formattingButtons }) : null
-      ] }) : /* @__PURE__ */ jsx2("div", { className: "hidden flex-shrink-0 items-center gap-1 sm:flex", children: formattingButtons }) : null,
-      shows(RICH_COMPOSER_ACTION.EMOJI) ? /* @__PURE__ */ jsx2(SimpleEmojiPicker, { onSelect: insertAtCursor, label: tooltipOf("emoji") }) : null,
-      variables?.length && shows(RICH_COMPOSER_ACTION.VARIABLES) ? /* @__PURE__ */ jsxs2("div", { ref: variablesRef, className: "relative", children: [
-        /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: () => setIsVariablesOpen((open) => !open),
-            "data-cv-tooltip": tooltipOf("variables"),
-            "aria-label": tooltipOf("variables"),
-            "aria-expanded": isVariablesOpen,
-            className: cn(COMPOSER_TOOL_BUTTON_CLASS, COMPOSER_TOOL_BUTTON_IDLE_CLASS),
-            children: /* @__PURE__ */ jsx2(Braces, { size: 18 })
-          }
-        ),
-        isVariablesOpen ? /* @__PURE__ */ jsx2("div", { className: "absolute bottom-full left-0 z-20 mb-2 max-h-56 w-64 overflow-y-auto rounded-xl border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800", children: variables.map((variable) => /* @__PURE__ */ jsxs2(
+        action
+      );
+    });
+    return /* @__PURE__ */ jsxs2("div", { className: cn(COMPOSER_BAR_CLASS, "flex flex-col", className), children: [
+      attachmentsPreview,
+      quickReplies?.length ? (
+        /* Uma linha só, rolando na horizontal. Deixar quebrar em várias linhas faz a barra crescer
+         conforme o número de respostas rápidas e empurrar a conversa para cima — o composer
+         precisa ter altura previsível, independente de quantos atalhos o host configurou. */
+        /* @__PURE__ */ jsx2("div", { className: "mb-2 flex flex-nowrap gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: quickReplies.map((quickReply) => /* @__PURE__ */ jsx2(
           "button",
           {
             type: "button",
-            "data-cv-tooltip": variable.tooltip ?? variable.value,
-            "aria-label": variable.tooltip ?? variable.value,
-            onClick: () => {
-              insertAtCursor(variable.value);
-              setIsVariablesOpen(false);
-            },
-            className: "flex w-full flex-col items-start px-3 py-1.5 text-left hover:bg-teal-50 dark:hover:bg-teal-950/40",
-            children: [
-              /* @__PURE__ */ jsx2("span", { className: "text-sm text-gray-800 dark:text-gray-100", children: variable.label }),
-              /* @__PURE__ */ jsx2("span", { className: "font-mono text-xs text-gray-400 dark:text-gray-500", children: variable.value })
-            ]
+            "data-cv-tooltip": quickReply.tooltip,
+            "aria-label": quickReply.tooltip,
+            onClick: () => replaceContent(quickReply.text),
+            className: cn(QUICK_REPLY_PILL_CLASS, "flex-shrink-0"),
+            children: quickReply.label
           },
-          variable.id
-        )) }) : null
-      ] }) : null,
-      onAttachFiles && shows(RICH_COMPOSER_ACTION.ATTACH) ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+          quickReply.id
+        )) })
+      ) : null,
+      /* @__PURE__ */ jsxs2("div", { ref: barRef, className: "flex flex-nowrap items-end gap-1", children: [
+        formattingButtons.length > 0 ? isCompact ? /* @__PURE__ */ jsxs2("div", { ref: formattingRef, className: "relative hidden flex-shrink-0 sm:block", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: () => setIsFormattingOpen((open) => !open),
+              "data-cv-tooltip": tooltipOf("formatting"),
+              "aria-label": tooltipOf("formatting"),
+              "aria-expanded": isFormattingOpen,
+              className: cn(
+                COMPOSER_TOOL_BUTTON_CLASS,
+                activeFormatting || isFormattingOpen ? COMPOSER_TOOL_BUTTON_ACTIVE_CLASS : COMPOSER_TOOL_BUTTON_IDLE_CLASS
+              ),
+              children: /* @__PURE__ */ jsx2(Type, { size: 18 })
+            }
+          ),
+          isFormattingOpen ? /* @__PURE__ */ jsx2("div", { className: "absolute bottom-full left-0 z-20 mb-2 flex items-center gap-1 rounded-full border border-gray-200 bg-white px-1 py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800", children: formattingButtons }) : null
+        ] }) : /* @__PURE__ */ jsx2("div", { className: "hidden flex-shrink-0 items-center gap-1 sm:flex", children: formattingButtons }) : null,
+        shows(RICH_COMPOSER_ACTION.EMOJI) ? /* @__PURE__ */ jsx2(SimpleEmojiPicker, { onSelect: insertAtCursor2, label: tooltipOf("emoji") }) : null,
+        variables?.length && shows(RICH_COMPOSER_ACTION.VARIABLES) ? /* @__PURE__ */ jsxs2("div", { ref: variablesRef, className: "relative", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              onClick: () => setIsVariablesOpen((open) => !open),
+              "data-cv-tooltip": tooltipOf("variables"),
+              "aria-label": tooltipOf("variables"),
+              "aria-expanded": isVariablesOpen,
+              className: cn(COMPOSER_TOOL_BUTTON_CLASS, COMPOSER_TOOL_BUTTON_IDLE_CLASS),
+              children: /* @__PURE__ */ jsx2(Braces, { size: 18 })
+            }
+          ),
+          isVariablesOpen ? /* @__PURE__ */ jsx2("div", { className: "absolute bottom-full left-0 z-20 mb-2 max-h-56 w-64 overflow-y-auto rounded-xl border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800", children: variables.map((variable) => /* @__PURE__ */ jsxs2(
+            "button",
+            {
+              type: "button",
+              "data-cv-tooltip": variable.tooltip ?? variable.value,
+              "aria-label": variable.tooltip ?? variable.value,
+              onClick: () => {
+                insertAtCursor2(variable.value);
+                setIsVariablesOpen(false);
+              },
+              className: "flex w-full flex-col items-start px-3 py-1.5 text-left hover:bg-teal-50 dark:hover:bg-teal-950/40",
+              children: [
+                /* @__PURE__ */ jsx2("span", { className: "text-sm text-gray-800 dark:text-gray-100", children: variable.label }),
+                /* @__PURE__ */ jsx2("span", { className: "font-mono text-xs text-gray-400 dark:text-gray-500", children: variable.value })
+              ]
+            },
+            variable.id
+          )) }) : null
+        ] }) : null,
+        showQuickRepliesButton && shows(RICH_COMPOSER_ACTION.QUICK_REPLIES) ? /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              ref: quickRepliesTriggerRef,
+              type: "button",
+              onClick: openQuickRepliesViaButton,
+              "data-cv-tooltip": tooltipOf("quickReplies"),
+              "aria-label": tooltipOf("quickReplies"),
+              "aria-haspopup": "listbox",
+              "aria-expanded": isQuickRepliesOpen,
+              "aria-controls": quickRepliesListboxId,
+              className: cn(COMPOSER_TOOL_BUTTON_CLASS, COMPOSER_TOOL_BUTTON_IDLE_CLASS),
+              children: /* @__PURE__ */ jsx2(Zap, { size: 18 })
+            }
+          ),
+          isQuickRepliesOpen ? /* @__PURE__ */ jsx2("div", { ref: quickRepliesPopoverRef, className: "absolute bottom-full left-0 z-20 mb-2", children: /* @__PURE__ */ jsx2(
+            QuickRepliesPicker,
+            {
+              id: quickRepliesListboxId,
+              items: quickRepliesPicker.items,
+              search: quickRepliesTerm,
+              highlightedIndex: quickRepliesPicker.highlightedIndex,
+              isLoading: quickRepliesPicker.isLoading,
+              hasError: quickRepliesPicker.hasError,
+              onHover: quickRepliesPicker.setHighlightedIndex,
+              onSelect: insertSavedQuickReply,
+              labels: savedQuickReplies?.labels,
+              variables: savedQuickReplies?.variables,
+              hasAttachmentsCapability: savedQuickReplies?.hasAttachmentsCapability,
+              ownSearch: quickRepliesMode === "button" ? {
+                value: quickRepliesTerm,
+                onChange: setQuickRepliesTerm,
+                onKeyDown: quickRepliesPicker.handleKeyDown,
+                label: tooltipOf("quickReplies")
+              } : void 0
+            },
+            quickRepliesMode
+          ) }) : null
+        ] }) : null,
+        onAttachFiles && shows(RICH_COMPOSER_ACTION.ATTACH) ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+          /* @__PURE__ */ jsx2(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              multiple: true,
+              accept: acceptedFileTypes,
+              onChange: handleFileChange,
+              className: "hidden"
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              onClick: () => fileInputRef.current?.click(),
+              "data-cv-tooltip": tooltipOf("attach"),
+              "aria-label": tooltipOf("attach"),
+              className: cn(COMPOSER_TOOL_BUTTON_CLASS, COMPOSER_TOOL_BUTTON_IDLE_CLASS),
+              children: /* @__PURE__ */ jsx2(Paperclip, { size: 18 })
+            }
+          )
+        ] }) : null,
         /* @__PURE__ */ jsx2(
-          "input",
+          "div",
           {
-            ref: fileInputRef,
-            type: "file",
-            multiple: true,
-            accept: acceptedFileTypes,
-            onChange: handleFileChange,
-            className: "hidden"
+            ref: editorRef,
+            contentEditable: !disabled,
+            suppressContentEditableWarning: true,
+            role: "textbox",
+            "aria-multiline": "true",
+            "aria-label": placeholder,
+            "aria-expanded": showQuickRepliesButton ? isQuickRepliesOpen : void 0,
+            "aria-controls": showQuickRepliesButton ? quickRepliesListboxId : void 0,
+            "aria-activedescendant": isQuickRepliesOpen && quickRepliesMode === "shortcut" ? `${quickRepliesListboxId}-option-${quickRepliesPicker.highlightedIndex}` : void 0,
+            "data-placeholder": placeholder,
+            onInput: handleInput,
+            onKeyDown: handleKeyDown,
+            style: { minHeight: "36px", maxHeight: "120px" },
+            className: "ml-1 min-w-0 flex-1 overflow-y-auto rounded-2xl border border-transparent bg-white px-4 py-2 text-sm text-gray-800 transition-all focus:border-transparent focus:outline-none focus:ring-2 focus:ring-teal-300 dark:border-gray-700 dark:bg-gray-700 dark:text-gray-100 empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400 dark:empty:before:text-gray-500 before:pointer-events-none [&_strong]:font-semibold [&_b]:font-semibold [&_em]:italic [&_i]:italic [&_del]:line-through [&_s]:line-through [&_strike]:line-through [&_code]:rounded [&_code]:bg-black/5 [&_code]:px-0.5 [&_code]:font-mono [&_code]:text-sm dark:[&_code]:bg-white/10"
           }
         ),
-        /* @__PURE__ */ jsx2(
+        !canSend && idleAction ? /* @__PURE__ */ jsx2("div", { className: "flex-shrink-0", children: idleAction }) : /* @__PURE__ */ jsx2(
           "button",
           {
             type: "button",
-            onClick: () => fileInputRef.current?.click(),
-            "data-cv-tooltip": tooltipOf("attach"),
-            "aria-label": tooltipOf("attach"),
-            className: cn(COMPOSER_TOOL_BUTTON_CLASS, COMPOSER_TOOL_BUTTON_IDLE_CLASS),
-            children: /* @__PURE__ */ jsx2(Paperclip, { size: 18 })
+            onClick: onSend,
+            disabled: disabled || isSending || !canSend,
+            "data-cv-tooltip": tooltipOf("send"),
+            "aria-label": tooltipOf("send"),
+            className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full bg-teal-600 text-white transition-colors hover:bg-teal-700 disabled:cursor-not-allowed disabled:opacity-40",
+            children: isSending ? /* @__PURE__ */ jsx2("span", { className: "text-xs", children: "\u23F3" }) : /* @__PURE__ */ jsx2(SendHorizonal, { size: 16 })
           }
         )
-      ] }) : null,
-      /* @__PURE__ */ jsx2(
-        "div",
-        {
-          ref: editorRef,
-          contentEditable: !disabled,
-          suppressContentEditableWarning: true,
-          role: "textbox",
-          "aria-multiline": "true",
-          "aria-label": placeholder,
-          "data-placeholder": placeholder,
-          onInput: handleInput,
-          onKeyDown: handleKeyDown,
-          style: { minHeight: "36px", maxHeight: "120px" },
-          className: "ml-1 min-w-0 flex-1 overflow-y-auto rounded-2xl border border-transparent bg-white px-4 py-2 text-sm text-gray-800 transition-all focus:border-transparent focus:outline-none focus:ring-2 focus:ring-teal-300 dark:border-gray-700 dark:bg-gray-700 dark:text-gray-100 empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400 dark:empty:before:text-gray-500 before:pointer-events-none [&_strong]:font-semibold [&_b]:font-semibold [&_em]:italic [&_i]:italic [&_del]:line-through [&_s]:line-through [&_strike]:line-through [&_code]:rounded [&_code]:bg-black/5 [&_code]:px-0.5 [&_code]:font-mono [&_code]:text-sm dark:[&_code]:bg-white/10"
-        }
-      ),
-      !canSend && idleAction ? /* @__PURE__ */ jsx2("div", { className: "flex-shrink-0", children: idleAction }) : /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          onClick: onSend,
-          disabled: disabled || isSending || !canSend,
-          "data-cv-tooltip": tooltipOf("send"),
-          "aria-label": tooltipOf("send"),
-          className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full bg-teal-600 text-white transition-colors hover:bg-teal-700 disabled:cursor-not-allowed disabled:opacity-40",
-          children: isSending ? /* @__PURE__ */ jsx2("span", { className: "text-xs", children: "\u23F3" }) : /* @__PURE__ */ jsx2(SendHorizonal, { size: 16 })
-        }
-      )
-    ] })
-  ] });
-});
+      ] })
+    ] });
+  }
+);
 
 // src/WhatsAppMessageEditor.tsx
 import { useRef as useRef3 } from "react";
@@ -724,7 +941,7 @@ function WhatsAppMessageEditor({
       textarea.setSelectionRange(start + marker.length, start + marker.length + selected.length);
     });
   }
-  function insertAtCursor(snippet) {
+  function insertAtCursor2(snippet) {
     const textarea = textareaRef.current;
     if (!textarea) return;
     const start = textarea.selectionStart;
@@ -749,7 +966,7 @@ function WhatsAppMessageEditor({
           "button",
           {
             type: "button",
-            onClick: () => insertAtCursor(token),
+            onClick: () => insertAtCursor2(token),
             className: "inline-flex items-center h-8 px-2 rounded-lg border border-gray-200 dark:border-gray-600 text-xs text-blue-600 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-blue-900/40 transition-colors",
             "data-cv-tooltip": editorLabels.insertPlaceholder(token),
             "aria-label": editorLabels.insertPlaceholder(token),
@@ -3988,52 +4205,1033 @@ function useInboxActions() {
   );
 }
 
-// src/workspace/ConversationsWorkspace.tsx
-import { useEffect as useEffect14, useMemo as useMemo6, useState as useState19 } from "react";
-import { Check as Check2, CheckCheck, FlaskConical, Hourglass as Hourglass2, Mail as Mail2, MessagesSquare } from "lucide-react";
+// src/quickReplies/quickReply.types.ts
+var QUICK_REPLY_ATTACHMENT_LIMIT = 10;
 
-// src/workspace/BulkTemplateModal.tsx
-import { useEffect as useEffect11, useMemo as useMemo4, useState as useState16 } from "react";
-import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
-function BulkTemplateModal({
+// src/quickReplies/quickReplyAttachments.ts
+function queuedAttachmentsFromQuickReply(quickReply, hasAttachmentsCapability) {
+  if (!hasAttachmentsCapability || !quickReply.attachments?.length) return [];
+  return quickReply.attachments.map(
+    (attachment) => ({
+      kind: "stored",
+      uploadId: attachment.uploadId,
+      filename: attachment.filename,
+      mimeType: attachment.mimeType,
+      sizeBytes: attachment.sizeBytes
+    })
+  );
+}
+function attachmentKey(item) {
+  return item.kind === "stored" ? item.uploadId : item.localId;
+}
+var DEFAULT_MAX_ATTACHMENT_SIZE_BYTES = {
+  document: 100 * 1024 * 1024,
+  image: 5 * 1024 * 1024,
+  audio: 16 * 1024 * 1024,
+  video: 16 * 1024 * 1024
+};
+function orderOutgoingItems(text, queue) {
+  const stored = queue.filter((item) => item.kind === "stored");
+  const local = queue.filter((item) => item.kind === "local");
+  return { text, attachments: [...stored, ...local] };
+}
+function applySendResults(queue, results) {
+  const sentUploadIds = new Set(results.filter((result) => result.status === "sent").map((result) => result.uploadId));
+  return queue.filter((item) => item.kind === "local" || !sentUploadIds.has(item.uploadId));
+}
+function canAddAttachments(current, adding) {
+  return current + adding <= QUICK_REPLY_ATTACHMENT_LIMIT;
+}
+function resolveMaxAttachmentSizeBytes(mimeType, limits = DEFAULT_MAX_ATTACHMENT_SIZE_BYTES) {
+  if (mimeType.startsWith("image/")) return limits.image;
+  if (mimeType.startsWith("audio/")) return limits.audio;
+  if (mimeType.startsWith("video/")) return limits.video;
+  return limits.document;
+}
+function resolveIdempotencyKey(previous, uploadIds, generateKey = () => crypto.randomUUID()) {
+  if (previous && sameUploadIds(previous.uploadIds, uploadIds)) return previous;
+  return { key: generateKey(), uploadIds };
+}
+function sameUploadIds(a, b) {
+  if (a.length !== b.length) return false;
+  return a.every((id, index) => id === b[index]);
+}
+function attachmentSendStatusOf(status) {
+  if (status === "sent") return "sent";
+  if (status === "skipped") return "skipped";
+  return "failed";
+}
+async function sendStoredBatch(stored, idempotencyKey, sendStoredAttachments, onAttachmentStatus) {
+  for (const item of stored) onAttachmentStatus?.(attachmentKey(item), "sending");
+  try {
+    const response = await sendStoredAttachments({ uploadIds: stored.map((item) => item.uploadId), idempotencyKey });
+    let results = response.results;
+    const resultedUploadIds = new Set(results.map((result) => result.uploadId));
+    for (const item of stored) {
+      if (!resultedUploadIds.has(item.uploadId)) results = [...results, { uploadId: item.uploadId, status: "failed" }];
+    }
+    for (const result of results) {
+      onAttachmentStatus?.(result.uploadId, attachmentSendStatusOf(result.status));
+    }
+    return results;
+  } catch {
+    for (const item of stored) onAttachmentStatus?.(attachmentKey(item), "failed");
+    return stored.map((item) => ({ uploadId: item.uploadId, status: "failed" }));
+  }
+}
+async function retryStoredAttachments(params) {
+  const { queue, uploadIds, idempotencyKey, sendStoredAttachments, onAttachmentStatus } = params;
+  const targetIds = new Set(uploadIds);
+  const targets = queue.filter(
+    (item) => item.kind === "stored" && targetIds.has(item.uploadId)
+  );
+  if (targets.length === 0) return { remainingQueue: queue, sentAttachmentKeys: [] };
+  const results = await sendStoredBatch(targets, idempotencyKey, sendStoredAttachments, onAttachmentStatus);
+  const sentAttachmentKeys = results.filter((result) => result.status === "sent").map((result) => result.uploadId);
+  return { remainingQueue: applySendResults(queue, results), sentAttachmentKeys };
+}
+function resolveRetryOutcome(params) {
+  const { conversationIdAtRetry, currentConversationId, sentAttachmentKeys, queue } = params;
+  if (conversationIdAtRetry !== currentConversationId) return void 0;
+  const sentKeys = new Set(sentAttachmentKeys);
+  return queue.filter((item) => !sentKeys.has(attachmentKey(item)));
+}
+function excludeRetryingItems(queue, retryingKeys) {
+  if (retryingKeys.size === 0) return queue;
+  return queue.filter((item) => !retryingKeys.has(attachmentKey(item)));
+}
+async function sendQueuedMessage(params) {
+  const { text, queue, idempotencyKey, sendText, sendStoredAttachments, sendLocalAttachments, onAttachmentStatus } = params;
+  if (text.trim()) {
+    const textSent = await sendText(text);
+    if (!textSent) return { textSent: false, remainingQueue: queue, sentAttachmentKeys: [] };
+  }
+  const { attachments } = orderOutgoingItems(text, queue);
+  const stored = attachments.filter((item) => item.kind === "stored");
+  const local = attachments.filter(
+    (item) => item.kind === "local"
+  );
+  const results = stored.length > 0 && sendStoredAttachments ? await sendStoredBatch(stored, idempotencyKey, sendStoredAttachments, onAttachmentStatus) : [];
+  let remainingQueue = applySendResults(queue, results);
+  const sentAttachmentKeys = results.filter((result) => result.status === "sent").map((result) => result.uploadId);
+  if (local.length > 0 && sendLocalAttachments) {
+    for (const item of local) onAttachmentStatus?.(attachmentKey(item), "sending");
+    try {
+      await sendLocalAttachments(local.map((item) => item.file));
+      for (const item of local) onAttachmentStatus?.(attachmentKey(item), "sent");
+      const sentKeys = new Set(local.map((item) => attachmentKey(item)));
+      remainingQueue = remainingQueue.filter((item) => item.kind !== "local" || !sentKeys.has(attachmentKey(item)));
+      sentAttachmentKeys.push(...sentKeys);
+    } catch {
+      for (const item of local) onAttachmentStatus?.(attachmentKey(item), "failed");
+    }
+  }
+  return { textSent: true, remainingQueue, sentAttachmentKeys };
+}
+
+// src/quickReplies/QuickRepliesWorkspace.tsx
+import { useEffect as useEffect13, useId as useId2, useRef as useRef11, useState as useState18 } from "react";
+
+// src/quickReplies/useQuickRepliesWorkspace.ts
+import { useCallback as useCallback10, useEffect as useEffect12, useState as useState17 } from "react";
+
+// src/quickReplies/quickReplyAttachmentUpload.ts
+function validateAttachmentFiles(files, currentCount, limits) {
+  const accepted = [];
+  const rejected = [];
+  let count = currentCount;
+  for (const file of files) {
+    if (!canAddAttachments(count, 1)) {
+      rejected.push({ file, reason: "limit" });
+      continue;
+    }
+    const maxSize = resolveMaxAttachmentSizeBytes(file.type, limits);
+    if (file.size > maxSize) {
+      rejected.push({ file, reason: "size" });
+      continue;
+    }
+    accepted.push(file);
+    count += 1;
+  }
+  return { accepted, rejected };
+}
+function moveAttachment(list, index, direction) {
+  const target = index + direction;
+  if (index < 0 || index >= list.length || target < 0 || target >= list.length) return list;
+  const next = [...list];
+  const [item] = next.splice(index, 1);
+  next.splice(target, 0, item);
+  return next;
+}
+
+// src/quickReplies/useQuickReplyAttachmentUploads.ts
+import { useCallback as useCallback9, useEffect as useEffect11, useRef as useRef9, useState as useState16 } from "react";
+
+// src/quickReplies/createUploadQueue.ts
+function createUploadQueue(maxConcurrent) {
+  const pending = [];
+  const runners = /* @__PURE__ */ new Map();
+  const controllers = /* @__PURE__ */ new Map();
+  let activeCount = 0;
+  function pump() {
+    while (activeCount < maxConcurrent && pending.length > 0) {
+      const id = pending.shift();
+      const run = runners.get(id);
+      runners.delete(id);
+      if (!run) continue;
+      const controller = new AbortController();
+      controllers.set(id, controller);
+      activeCount += 1;
+      void run(controller.signal).finally(() => {
+        controllers.delete(id);
+        activeCount -= 1;
+        pump();
+      });
+    }
+  }
+  function enqueue(id, run) {
+    if (controllers.has(id)) return;
+    runners.set(id, run);
+    if (!pending.includes(id)) pending.push(id);
+    pump();
+  }
+  function abort(id) {
+    const controller = controllers.get(id);
+    if (controller) {
+      controller.abort();
+      return;
+    }
+    const index = pending.indexOf(id);
+    if (index >= 0) pending.splice(index, 1);
+    runners.delete(id);
+  }
+  function abortAll() {
+    for (const controller of controllers.values()) controller.abort();
+    pending.length = 0;
+    runners.clear();
+  }
+  return { enqueue, abort, abortAll };
+}
+
+// src/quickReplies/useQuickReplyAttachmentUploads.ts
+function useQuickReplyAttachmentUploads({
+  upload,
   labels,
-  expiredCount,
-  sending,
-  onClose,
-  onSend
+  attachmentSizeLimits,
+  attachmentsCount,
+  onUploaded
 }) {
-  const context = useConversations();
-  if (!context) {
-    throw new Error("BulkTemplateModal requires an ancestor <ConversationsProvider>");
+  const [pendingUploads, setPendingUploads] = useState16([]);
+  const [attachmentRejections, setAttachmentRejections] = useState16([]);
+  const uploadQueueRef = useRef9(createUploadQueue(3));
+  const isMountedRef = useRef9(true);
+  useEffect11(
+    () => () => {
+      isMountedRef.current = false;
+      uploadQueueRef.current.abortAll();
+    },
+    []
+  );
+  const abortAllUploads = useCallback9(() => {
+    uploadQueueRef.current.abortAll();
+    setPendingUploads([]);
+  }, []);
+  const dismissAttachmentRejections = useCallback9(() => setAttachmentRejections([]), []);
+  const cancelAttachmentUpload = useCallback9((localId) => {
+    uploadQueueRef.current.abort(localId);
+    setPendingUploads((current) => current.filter((item) => item.localId !== localId));
+  }, []);
+  const updatePendingUpload = useCallback9((localId, patch) => {
+    setPendingUploads((current) => current.map((item) => item.localId === localId ? { ...item, ...patch } : item));
+  }, []);
+  const uploadOneFile = useCallback9(
+    (localId, file) => {
+      if (!upload) return;
+      uploadQueueRef.current.enqueue(localId, async (signal) => {
+        try {
+          const attachment = await upload(file, {
+            onProgress: (fraction) => {
+              if (isMountedRef.current) updatePendingUpload(localId, { progress: fraction });
+            },
+            signal
+          });
+          if (!isMountedRef.current) return;
+          onUploaded(attachment);
+          setPendingUploads((current) => current.filter((item) => item.localId !== localId));
+        } catch (caught) {
+          if (signal.aborted || !isMountedRef.current) return;
+          updatePendingUpload(localId, {
+            status: "error",
+            error: caught instanceof Error ? caught.message : labels.saveError
+          });
+        }
+      });
+    },
+    [upload, updatePendingUpload, onUploaded, labels.saveError]
+  );
+  const retryAttachmentUpload = useCallback9(
+    (localId) => {
+      const item = pendingUploads.find((pending) => pending.localId === localId);
+      if (!item) return;
+      updatePendingUpload(localId, { status: "uploading", progress: 0, error: void 0 });
+      uploadOneFile(localId, item.file);
+    },
+    [pendingUploads, updatePendingUpload, uploadOneFile]
+  );
+  const addAttachmentFiles = useCallback9(
+    (files) => {
+      if (!upload) return;
+      const currentCount = attachmentsCount + pendingUploads.length;
+      const { accepted, rejected } = validateAttachmentFiles(Array.from(files), currentCount, attachmentSizeLimits);
+      setAttachmentRejections(rejected);
+      if (accepted.length === 0) return;
+      const newItems = accepted.map((file) => ({
+        localId: `${file.name}-${file.size}-${file.lastModified}-${Math.random().toString(36).slice(2)}`,
+        file,
+        status: "uploading",
+        progress: 0
+      }));
+      setPendingUploads((current) => [...current, ...newItems]);
+      for (const item of newItems) uploadOneFile(item.localId, item.file);
+    },
+    [upload, attachmentsCount, pendingUploads.length, uploadOneFile, attachmentSizeLimits]
+  );
+  return {
+    pendingUploads,
+    attachmentRejections,
+    addAttachmentFiles,
+    retryAttachmentUpload,
+    cancelAttachmentUpload,
+    dismissAttachmentRejections,
+    abortAllUploads
+  };
+}
+
+// src/quickReplies/useQuickRepliesWorkspace.ts
+var TITLE_MAX_LENGTH = 40;
+var BODY_MAX_LENGTH = 1e3;
+var SHORTCUT_PATTERN = /^[a-z0-9-]{1,20}$/;
+var MAX_ERROR_ENVELOPE_DEPTH = 3;
+function apiErrorEnvelopeOf(error, depth = 0) {
+  if (depth >= MAX_ERROR_ENVELOPE_DEPTH) return void 0;
+  if (!error || typeof error !== "object") return void 0;
+  const candidate = error;
+  if ("code" in candidate || "details" in candidate) return candidate;
+  const nested = candidate.error ?? candidate.response?.data ?? candidate.body;
+  if (nested && typeof nested === "object") return apiErrorEnvelopeOf(nested, depth + 1);
+  return void 0;
+}
+function fieldErrorsOf(error) {
+  const envelope = apiErrorEnvelopeOf(error);
+  if (!envelope) return {};
+  const details = envelope.details;
+  if (!Array.isArray(details)) return {};
+  const result = {};
+  for (const detail of details) {
+    if (!detail || typeof detail !== "object") continue;
+    const field = detail.field;
+    const message = detail.message;
+    if (typeof field === "string" && typeof message === "string" && isFormField(field)) {
+      result[field] = message;
+    }
   }
-  const { api } = context;
-  const [templates, setTemplates] = useState16([]);
-  const [search, setSearch] = useState16("");
-  const [selected, setSelected] = useState16("");
-  useEffect11(() => {
-    let active = true;
-    void api.listTemplates?.().then((loaded) => {
-      if (active) setTemplates(loaded);
-    }).catch(() => {
-    });
-    return () => {
-      active = false;
+  return result;
+}
+function isFormField(value) {
+  return value === "title" || value === "shortcut" || value === "body";
+}
+function errorCodeOf(error) {
+  const code = apiErrorEnvelopeOf(error)?.code;
+  return typeof code === "string" ? code : void 0;
+}
+function validateQuickReplyInput(input, labels) {
+  const errors = {};
+  if (!input.title.trim() || input.title.length > TITLE_MAX_LENGTH) errors.title = labels.fieldTitleInvalid;
+  if (!SHORTCUT_PATTERN.test(input.shortcut)) errors.shortcut = labels.fieldShortcutInvalid;
+  if (!input.body.trim() || input.body.length > BODY_MAX_LENGTH) errors.body = labels.fieldBodyInvalid;
+  return errors;
+}
+async function submitQuickReply({
+  api,
+  editing,
+  labels
+}) {
+  const input = {
+    title: editing.title.trim(),
+    shortcut: editing.shortcut.trim(),
+    body: editing.body,
+    // Só manda a lista quando o host oferece a porta de upload — ausente, `attachmentUploadIds`
+    // some do payload e o backend não mexe nos anexos já gravados (contrato do tipo).
+    ...api.uploadQuickReplyAttachment ? { attachmentUploadIds: editing.attachments.map((attachment) => attachment.uploadId) } : {}
+  };
+  const validationErrors = validateQuickReplyInput(input, labels);
+  if (Object.keys(validationErrors).length > 0) return { outcome: "invalid", fieldErrors: validationErrors };
+  const editingId = editing.id;
+  if (editingId === null && !api.createQuickReply) {
+    return { outcome: "rejected", fieldErrors: {}, formError: labels.saveUnavailable };
+  }
+  if (editingId !== null && !api.updateQuickReply) {
+    return { outcome: "rejected", fieldErrors: {}, formError: labels.saveUnavailable };
+  }
+  const save = editingId === null ? api.createQuickReply : (input2) => api.updateQuickReply(editingId, input2);
+  try {
+    const quickReply = await save(input);
+    if (!quickReply) return { outcome: "invalid", fieldErrors: {} };
+    return { outcome: "saved", quickReply };
+  } catch (caught) {
+    const detailErrors = fieldErrorsOf(caught);
+    const code = errorCodeOf(caught);
+    const shortcutMessage = detailErrors.shortcut ?? (code === "QUICK_REPLY_SHORTCUT_TAKEN" ? labels.shortcutTaken : void 0);
+    if (shortcutMessage || Object.keys(detailErrors).length > 0) {
+      return {
+        outcome: "rejected",
+        fieldErrors: { ...detailErrors, ...shortcutMessage ? { shortcut: shortcutMessage } : {} }
+      };
+    }
+    return {
+      outcome: "rejected",
+      fieldErrors: {},
+      formError: labels.saveError
     };
-  }, [api]);
-  const filtered = useMemo4(() => {
-    const term = search.trim().toLowerCase();
+  }
+}
+function insertAtCursor(text, start, end, marker) {
+  return { text: text.slice(0, start) + marker + text.slice(end), caret: start + marker.length };
+}
+function useQuickRepliesWorkspace({
+  api,
+  labels,
+  attachmentSizeLimits
+}) {
+  const [quickReplies, setQuickReplies] = useState17([]);
+  const [isLoading, setIsLoading] = useState17(false);
+  const [loadError, setLoadError] = useState17(void 0);
+  const [search, setSearch] = useState17("");
+  const [editing, setEditing] = useState17(void 0);
+  const [fieldErrors, setFieldErrors] = useState17({});
+  const [isSaving, setIsSaving] = useState17(false);
+  const [saveError, setSaveError] = useState17(void 0);
+  const [deletingId, setDeletingId] = useState17(void 0);
+  const uploadAttachment = useCallback10((attachment) => {
+    setEditing((current) => current ? { ...current, attachments: [...current.attachments, attachment] } : current);
+  }, []);
+  const {
+    pendingUploads,
+    attachmentRejections,
+    addAttachmentFiles,
+    retryAttachmentUpload,
+    cancelAttachmentUpload,
+    dismissAttachmentRejections,
+    abortAllUploads
+  } = useQuickReplyAttachmentUploads({
+    ...api.uploadQuickReplyAttachment ? { upload: api.uploadQuickReplyAttachment } : {},
+    labels,
+    ...attachmentSizeLimits ? { attachmentSizeLimits } : {},
+    attachmentsCount: editing?.attachments.length ?? 0,
+    onUploaded: uploadAttachment
+  });
+  useEffect12(() => {
+    if (!api.listQuickReplies) return;
+    let cancelled = false;
+    setIsLoading(true);
+    setLoadError(void 0);
+    api.listQuickReplies().then((result) => {
+      if (!cancelled) setQuickReplies(result);
+    }).catch((caught) => {
+      if (!cancelled) setLoadError(caught instanceof Error ? caught.message : labels.failure);
+    }).finally(() => {
+      if (!cancelled) setIsLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [api.listQuickReplies]);
+  const filtered = filterQuickReplies({ quickReplies, search });
+  const startCreate = useCallback10(() => {
+    abortAllUploads();
+    dismissAttachmentRejections();
+    setEditing({ id: null, title: "", shortcut: "", body: "", attachments: [] });
+    setFieldErrors({});
+    setSaveError(void 0);
+  }, [abortAllUploads, dismissAttachmentRejections]);
+  const startEdit = useCallback10(
+    (quickReply) => {
+      abortAllUploads();
+      dismissAttachmentRejections();
+      setEditing({
+        id: quickReply.id,
+        title: quickReply.title,
+        shortcut: quickReply.shortcut,
+        body: quickReply.body,
+        attachments: quickReply.attachments ?? []
+      });
+      setFieldErrors({});
+      setSaveError(void 0);
+    },
+    [abortAllUploads, dismissAttachmentRejections]
+  );
+  const cancelEdit = useCallback10(() => {
+    abortAllUploads();
+    dismissAttachmentRejections();
+    setEditing(void 0);
+    setFieldErrors({});
+    setSaveError(void 0);
+  }, [abortAllUploads, dismissAttachmentRejections]);
+  const updateField = useCallback10((field, value) => {
+    setEditing((current) => current ? { ...current, [field]: value } : current);
+    setFieldErrors((current) => {
+      if (!(field in current)) return current;
+      const next = { ...current };
+      delete next[field];
+      return next;
+    });
+  }, []);
+  const submit = useCallback10(async () => {
+    if (!editing || pendingUploads.length > 0) return;
+    setIsSaving(true);
+    setSaveError(void 0);
+    setFieldErrors({});
+    const result = await submitQuickReply({ api, editing, labels });
+    setIsSaving(false);
+    if (result.outcome === "saved") {
+      setQuickReplies(
+        (current) => editing.id === null ? [result.quickReply, ...current] : current.map((item) => item.id === result.quickReply.id ? result.quickReply : item)
+      );
+      setEditing(void 0);
+      return;
+    }
+    setFieldErrors(result.fieldErrors);
+    if (result.outcome === "rejected") setSaveError(result.formError);
+  }, [editing, api, labels, pendingUploads.length]);
+  const remove = useCallback10(
+    async (id) => {
+      if (!api.deleteQuickReply) return;
+      setDeletingId(id);
+      try {
+        await api.deleteQuickReply(id);
+        setQuickReplies((current) => current.filter((item) => item.id !== id));
+      } finally {
+        setDeletingId(void 0);
+      }
+    },
+    [api]
+  );
+  const removeAttachment = useCallback10((uploadId) => {
+    setEditing(
+      (current) => current ? { ...current, attachments: current.attachments.filter((attachment) => attachment.uploadId !== uploadId) } : current
+    );
+  }, []);
+  const moveAttachmentAt = useCallback10((index, direction) => {
+    setEditing(
+      (current) => current ? { ...current, attachments: moveAttachment(current.attachments, index, direction) } : current
+    );
+  }, []);
+  return {
+    quickReplies,
+    filtered,
+    isLoading,
+    loadError,
+    search,
+    setSearch,
+    readOnly: !api.createQuickReply,
+    canEdit: Boolean(api.updateQuickReply),
+    canDelete: Boolean(api.deleteQuickReply),
+    editing,
+    startCreate,
+    startEdit,
+    cancelEdit,
+    updateField,
+    fieldErrors,
+    isSaving,
+    saveError,
+    submit,
+    remove,
+    deletingId,
+    hasAttachmentsCapability: Boolean(api.uploadQuickReplyAttachment),
+    pendingUploads,
+    addAttachmentFiles,
+    retryAttachmentUpload,
+    cancelAttachmentUpload,
+    removeAttachment,
+    moveAttachmentAt,
+    attachmentRejections,
+    dismissAttachmentRejections
+  };
+}
+
+// src/quickReplies/AttachmentsFormSection.tsx
+import { useRef as useRef10 } from "react";
+import { Paperclip as Paperclip2, X as X4 } from "lucide-react";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+function AttachmentsFormSection({
+  labels: text,
+  attachments,
+  pendingUploads,
+  attachmentRejections,
+  onAddFiles,
+  onRetryUpload,
+  onCancelUpload,
+  onRemoveAttachment,
+  onMoveAttachment,
+  onDismissRejections
+}) {
+  const attachmentFileInputRef = useRef10(null);
+  return /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx25("span", { className: "block text-sm font-medium", children: text.attachmentsTitle }),
+    attachments.length === 0 && pendingUploads.length === 0 ? /* @__PURE__ */ jsx25("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: text.attachmentsEmpty }) : /* @__PURE__ */ jsxs23("ul", { className: "space-y-1", children: [
+      attachments.map((attachment, index) => /* @__PURE__ */ jsxs23(
+        "li",
+        {
+          className: "flex items-center gap-2 rounded-md border border-gray-200 px-2 py-1.5 text-xs dark:border-gray-700",
+          children: [
+            /* @__PURE__ */ jsx25(Paperclip2, { "aria-hidden": "true", className: "h-3.5 w-3.5 flex-none text-gray-400" }),
+            /* @__PURE__ */ jsx25("span", { className: "min-w-0 flex-1 truncate", children: attachment.filename }),
+            /* @__PURE__ */ jsx25("span", { className: "flex-none text-gray-400", children: formatFileSize(attachment.sizeBytes) }),
+            /* @__PURE__ */ jsx25(
+              "button",
+              {
+                type: "button",
+                disabled: index === 0,
+                "aria-label": text.attachmentMoveUp,
+                onClick: () => onMoveAttachment(index, -1),
+                className: "flex-none disabled:opacity-30",
+                children: "\u2191"
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              "button",
+              {
+                type: "button",
+                disabled: index === attachments.length - 1,
+                "aria-label": text.attachmentMoveDown,
+                onClick: () => onMoveAttachment(index, 1),
+                className: "flex-none disabled:opacity-30",
+                children: "\u2193"
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              "button",
+              {
+                type: "button",
+                "aria-label": text.attachmentRemove,
+                onClick: () => onRemoveAttachment(attachment.uploadId),
+                className: "flex-none text-red-600 dark:text-red-400",
+                children: /* @__PURE__ */ jsx25(X4, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+              }
+            )
+          ]
+        },
+        attachment.uploadId
+      )),
+      pendingUploads.map((pending) => /* @__PURE__ */ jsxs23(
+        "li",
+        {
+          className: "flex items-center gap-2 rounded-md border border-gray-200 px-2 py-1.5 text-xs dark:border-gray-700",
+          "aria-busy": pending.status === "uploading",
+          "aria-live": "polite",
+          children: [
+            /* @__PURE__ */ jsx25(Paperclip2, { "aria-hidden": "true", className: "h-3.5 w-3.5 flex-none text-gray-400" }),
+            /* @__PURE__ */ jsx25("span", { className: "min-w-0 flex-1 truncate", children: pending.file.name }),
+            pending.status === "uploading" ? /* @__PURE__ */ jsx25("span", { className: "flex-none text-gray-500 dark:text-gray-400", children: text.attachmentUploading(Math.round(pending.progress * 100)) }) : /* @__PURE__ */ jsxs23(Fragment7, { children: [
+              /* @__PURE__ */ jsx25("span", { role: "alert", className: "flex-none text-red-600 dark:text-red-400", children: pending.error }),
+              /* @__PURE__ */ jsx25(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onRetryUpload(pending.localId),
+                  className: "flex-none font-medium text-blue-600 hover:underline dark:text-blue-400",
+                  children: text.attachmentRetry
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx25(
+              "button",
+              {
+                type: "button",
+                "aria-label": text.attachmentCancel,
+                onClick: () => onCancelUpload(pending.localId),
+                className: "flex-none text-gray-400",
+                children: /* @__PURE__ */ jsx25(X4, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+              }
+            )
+          ]
+        },
+        pending.localId
+      ))
+    ] }),
+    attachmentRejections.length > 0 ? /* @__PURE__ */ jsxs23("div", { role: "alert", className: "space-y-0.5 text-xs text-red-600 dark:text-red-400", children: [
+      attachmentRejections.map((rejection, index) => /* @__PURE__ */ jsx25("p", { children: rejection.reason === "limit" ? text.attachmentLimitReached : text.attachmentTooLarge(rejection.file.name) }, index)),
+      /* @__PURE__ */ jsx25("button", { type: "button", onClick: onDismissRejections, className: "hover:underline", children: text.cancel })
+    ] }) : null,
+    /* @__PURE__ */ jsx25(
+      "input",
+      {
+        ref: attachmentFileInputRef,
+        type: "file",
+        multiple: true,
+        hidden: true,
+        onChange: (event) => {
+          if (event.target.files) onAddFiles(event.target.files);
+          event.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx25(
+      "button",
+      {
+        type: "button",
+        onClick: () => attachmentFileInputRef.current?.click(),
+        className: "text-xs font-medium text-blue-600 hover:underline dark:text-blue-400",
+        children: text.attachmentsAdd
+      }
+    )
+  ] });
+}
+
+// src/quickReplies/QuickRepliesWorkspace.tsx
+import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+var TABLE_SKELETON_ROWS = 3;
+function QuickRepliesWorkspace({
+  api,
+  variables,
+  labels,
+  className,
+  attachmentSizeLimits
+}) {
+  const text = { ...DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS, ...labels };
+  const bodyFieldRef = useRef11(null);
+  const formId = useId2();
+  const titleFieldId = `${formId}-title`;
+  const shortcutFieldId = `${formId}-shortcut`;
+  const bodyFieldId = `${formId}-body`;
+  const [confirmingDeleteId, setConfirmingDeleteId] = useState18(null);
+  const deleteButtonRefs = useRef11({});
+  const confirmButtonRef = useRef11(null);
+  useEffect13(() => {
+    if (confirmingDeleteId) confirmButtonRef.current?.focus();
+  }, [confirmingDeleteId]);
+  const cancelDeleteConfirm = (id) => {
+    setConfirmingDeleteId(null);
+    deleteButtonRefs.current[id]?.focus();
+  };
+  const handleDeleteConfirmKeyDown = (id) => (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      cancelDeleteConfirm(id);
+    }
+  };
+  const {
+    quickReplies,
+    filtered,
+    isLoading,
+    loadError,
+    search,
+    setSearch,
+    readOnly,
+    canEdit,
+    canDelete,
+    editing,
+    startCreate,
+    startEdit,
+    cancelEdit,
+    updateField,
+    fieldErrors,
+    isSaving,
+    saveError,
+    submit,
+    remove,
+    deletingId,
+    hasAttachmentsCapability,
+    pendingUploads,
+    addAttachmentFiles,
+    retryAttachmentUpload,
+    cancelAttachmentUpload,
+    removeAttachment,
+    moveAttachmentAt,
+    attachmentRejections,
+    dismissAttachmentRejections
+  } = useQuickRepliesWorkspace({ api, labels: text, ...attachmentSizeLimits ? { attachmentSizeLimits } : {} });
+  const hasPendingUploads = pendingUploads.length > 0;
+  const insertVariableAtCursor = (marker) => {
+    const field = bodyFieldRef.current;
+    if (!field || !editing) return;
+    const { text: nextBody, caret } = insertAtCursor(editing.body, field.selectionStart, field.selectionEnd, marker);
+    updateField("body", nextBody);
+    requestAnimationFrame(() => {
+      field.focus();
+      field.setSelectionRange(caret, caret);
+    });
+  };
+  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs24("header", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsx26("h2", { className: "text-lg font-semibold", children: text.title }),
+      /* @__PURE__ */ jsx26("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: text.subtitle(quickReplies.length) })
+    ] }),
+    readOnly ? /* @__PURE__ */ jsx26("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: text.readOnlyNotice }) : null,
+    /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx26(
+        "input",
+        {
+          type: "search",
+          value: search,
+          onChange: (event) => setSearch(event.target.value),
+          placeholder: text.searchPlaceholder,
+          "aria-label": text.searchPlaceholder,
+          className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm dark:border-gray-700 dark:bg-gray-900 sm:w-64"
+        }
+      ),
+      !readOnly ? /* @__PURE__ */ jsx26(
+        "button",
+        {
+          type: "button",
+          onClick: startCreate,
+          className: "cv-header-action ml-auto inline-flex items-center gap-1",
+          children: text.create
+        }
+      ) : null
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx26("span", { className: "sr-only", "aria-live": "polite", children: text.loading }) : null,
+    loadError ? /* @__PURE__ */ jsx26("p", { role: "alert", className: "text-sm text-red-600 dark:text-red-400", children: loadError || text.failure }) : null,
+    editing ? /* @__PURE__ */ jsxs24(
+      "form",
+      {
+        className: "space-y-3 rounded-lg border border-gray-200 p-4 dark:border-gray-700",
+        onSubmit: (event) => {
+          event.preventDefault();
+          void submit();
+        },
+        children: [
+          /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx26("label", { className: "block text-sm font-medium", htmlFor: titleFieldId, children: text.fieldTitle }),
+            /* @__PURE__ */ jsx26(
+              "input",
+              {
+                id: titleFieldId,
+                type: "text",
+                maxLength: 40,
+                value: editing.title,
+                onChange: (event) => updateField("title", event.target.value),
+                "aria-invalid": Boolean(fieldErrors.title),
+                "aria-describedby": fieldErrors.title ? `${titleFieldId}-error` : void 0,
+                className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm dark:border-gray-700 dark:bg-gray-900"
+              }
+            ),
+            fieldErrors.title ? /* @__PURE__ */ jsx26("p", { id: `${titleFieldId}-error`, role: "alert", className: "text-xs text-red-600 dark:text-red-400", children: fieldErrors.title }) : null
+          ] }),
+          /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx26("label", { className: "block text-sm font-medium", htmlFor: shortcutFieldId, children: text.fieldShortcut }),
+            /* @__PURE__ */ jsx26(
+              "input",
+              {
+                id: shortcutFieldId,
+                type: "text",
+                maxLength: 20,
+                value: editing.shortcut,
+                onChange: (event) => updateField("shortcut", event.target.value),
+                "aria-invalid": Boolean(fieldErrors.shortcut),
+                "aria-describedby": fieldErrors.shortcut ? `${shortcutFieldId}-error` : `${shortcutFieldId}-hint`,
+                className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm font-mono dark:border-gray-700 dark:bg-gray-900"
+              }
+            ),
+            fieldErrors.shortcut ? /* @__PURE__ */ jsx26("p", { id: `${shortcutFieldId}-error`, role: "alert", className: "text-xs text-red-600 dark:text-red-400", children: fieldErrors.shortcut }) : /* @__PURE__ */ jsx26("p", { id: `${shortcutFieldId}-hint`, className: "text-xs text-gray-400", children: text.fieldShortcutHint })
+          ] }),
+          /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx26("label", { className: "block text-sm font-medium", htmlFor: bodyFieldId, children: text.fieldBody }),
+            /* @__PURE__ */ jsx26(
+              "textarea",
+              {
+                id: bodyFieldId,
+                ref: bodyFieldRef,
+                maxLength: 1e3,
+                rows: 4,
+                value: editing.body,
+                onChange: (event) => updateField("body", event.target.value),
+                "aria-invalid": Boolean(fieldErrors.body),
+                "aria-describedby": fieldErrors.body ? `${bodyFieldId}-error` : void 0,
+                className: "w-full resize-none rounded-md border border-gray-300 px-3 py-2 text-sm dark:border-gray-700 dark:bg-gray-900"
+              }
+            ),
+            fieldErrors.body ? /* @__PURE__ */ jsx26("p", { id: `${bodyFieldId}-error`, role: "alert", className: "text-xs text-red-600 dark:text-red-400", children: fieldErrors.body }) : null,
+            variables && variables.length > 0 ? /* @__PURE__ */ jsx26("div", { className: "flex flex-wrap gap-1 pt-1", children: variables.map((variable) => /* @__PURE__ */ jsx26(
+              "button",
+              {
+                type: "button",
+                onClick: () => insertVariableAtCursor(variable.marker),
+                "aria-label": `${text.insertVariable}: ${variable.label}`,
+                className: "rounded-full border border-gray-200 px-2 py-0.5 text-xs text-gray-600 hover:bg-gray-100 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-gray-800",
+                children: variable.label
+              },
+              variable.id
+            )) }) : null
+          ] }),
+          hasAttachmentsCapability ? /* @__PURE__ */ jsx26(
+            AttachmentsFormSection,
+            {
+              labels: text,
+              attachments: editing.attachments,
+              pendingUploads,
+              attachmentRejections,
+              onAddFiles: addAttachmentFiles,
+              onRetryUpload: retryAttachmentUpload,
+              onCancelUpload: cancelAttachmentUpload,
+              onRemoveAttachment: removeAttachment,
+              onMoveAttachment: moveAttachmentAt,
+              onDismissRejections: dismissAttachmentRejections
+            }
+          ) : null,
+          saveError ? /* @__PURE__ */ jsx26("p", { role: "alert", className: "text-sm text-red-600 dark:text-red-400", children: saveError }) : null,
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx26(
+              "button",
+              {
+                type: "submit",
+                disabled: isSaving || hasPendingUploads,
+                "aria-busy": isSaving,
+                title: hasPendingUploads ? text.saveBlockedUploading : void 0,
+                className: "cv-header-action inline-flex items-center gap-1 disabled:opacity-40",
+                children: isSaving ? text.saving : hasPendingUploads ? text.saveBlockedUploading : text.save
+              }
+            ),
+            /* @__PURE__ */ jsx26("button", { type: "button", onClick: cancelEdit, className: "text-sm text-gray-500 hover:underline", children: text.cancel })
+          ] })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsx26("div", { className: "cv-table-card", children: /* @__PURE__ */ jsxs24("table", { className: "cv-table", children: [
+      /* @__PURE__ */ jsx26("thead", { children: /* @__PURE__ */ jsxs24("tr", { children: [
+        /* @__PURE__ */ jsx26("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: text.columnTitle }),
+        /* @__PURE__ */ jsx26("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: text.columnShortcut }),
+        /* @__PURE__ */ jsx26("th", { scope: "col", className: "hidden px-3 py-2 text-left text-xs font-medium sm:table-cell", children: text.columnBody }),
+        !readOnly ? /* @__PURE__ */ jsx26("th", { scope: "col", className: "px-3 py-2 text-left text-xs font-medium", children: text.columnActions }) : null
+      ] }) }),
+      /* @__PURE__ */ jsxs24("tbody", { children: [
+        isLoading ? Array.from({ length: TABLE_SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsxs24("tr", { "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx26("td", { className: "px-3 py-3", children: /* @__PURE__ */ jsx26("span", { className: "cv-skeleton-line cv-skeleton-line--title block" }) }),
+          /* @__PURE__ */ jsx26("td", { className: "px-3 py-3", children: /* @__PURE__ */ jsx26("span", { className: "cv-skeleton-line cv-skeleton-line--shortcut block" }) }),
+          /* @__PURE__ */ jsx26("td", { className: "hidden px-3 py-3 sm:table-cell", children: /* @__PURE__ */ jsx26("span", { className: "cv-skeleton-line cv-skeleton-line--body block" }) }),
+          !readOnly ? /* @__PURE__ */ jsx26("td", { className: "px-3 py-3" }) : null
+        ] }, index)) : filtered.length === 0 ? /* @__PURE__ */ jsx26("tr", { children: /* @__PURE__ */ jsx26("td", { colSpan: 4, className: "px-3 py-4 text-center text-sm text-gray-500 dark:text-gray-400", children: search.trim() ? text.noResults : text.empty }) }) : null,
+        !isLoading && filtered.map((quickReply) => /* @__PURE__ */ jsxs24("tr", { className: cn(deletingId === quickReply.id ? "cv-row-departing" : void 0), children: [
+          /* @__PURE__ */ jsx26("td", { className: "px-3 py-2 font-medium", children: quickReply.title }),
+          /* @__PURE__ */ jsxs24("td", { className: "px-3 py-2 font-mono text-xs text-gray-500", children: [
+            "/",
+            quickReply.shortcut
+          ] }),
+          /* @__PURE__ */ jsx26("td", { className: "hidden max-w-sm truncate px-3 py-2 text-gray-500 sm:table-cell", children: quickReply.body }),
+          !readOnly ? /* @__PURE__ */ jsxs24("td", { className: "flex gap-2 px-3 py-2", children: [
+            canEdit ? /* @__PURE__ */ jsx26(
+              "button",
+              {
+                type: "button",
+                onClick: () => startEdit(quickReply),
+                className: "text-xs text-blue-600 hover:underline dark:text-blue-400",
+                children: text.edit
+              }
+            ) : null,
+            canDelete ? confirmingDeleteId === quickReply.id ? (
+              // Linha de confirmação inline em vez de `window.confirm`: trava a aba
+              // inteira e não segue os tokens visuais do pacote (`web.md` §14).
+              /* @__PURE__ */ jsxs24(
+                "span",
+                {
+                  role: "group",
+                  "aria-label": text.removeConfirm(quickReply.title),
+                  onKeyDown: handleDeleteConfirmKeyDown(quickReply.id),
+                  className: "flex items-center gap-2 text-xs",
+                  children: [
+                    text.removeConfirm(quickReply.title),
+                    /* @__PURE__ */ jsx26(
+                      "button",
+                      {
+                        ref: confirmButtonRef,
+                        type: "button",
+                        onClick: () => {
+                          setConfirmingDeleteId(null);
+                          void remove(quickReply.id);
+                        },
+                        className: "font-medium text-red-600 hover:underline dark:text-red-400",
+                        children: text.remove
+                      }
+                    ),
+                    /* @__PURE__ */ jsx26(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => cancelDeleteConfirm(quickReply.id),
+                        className: "text-gray-500 hover:underline dark:text-gray-400",
+                        children: text.cancel
+                      }
+                    )
+                  ]
+                }
+              )
+            ) : /* @__PURE__ */ jsx26(
+              "button",
+              {
+                ref: (node) => {
+                  deleteButtonRefs.current[quickReply.id] = node;
+                },
+                type: "button",
+                disabled: deletingId === quickReply.id,
+                "aria-busy": deletingId === quickReply.id,
+                onClick: () => setConfirmingDeleteId(quickReply.id),
+                className: "text-xs text-red-600 hover:underline disabled:opacity-50 dark:text-red-400",
+                children: deletingId === quickReply.id ? text.deleting : text.remove
+              }
+            ) : null
+          ] }) : null
+        ] }, quickReply.id))
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/workspace/ConversationsWorkspace.tsx
+import { useEffect as useEffect19, useMemo as useMemo6, useState as useState25 } from "react";
+import { Check as Check2, CheckCheck, FlaskConical, Hourglass as Hourglass2, Mail as Mail2, MessagesSquare } from "lucide-react";
+
+// src/workspace/BulkTemplateModal.tsx
+import { useEffect as useEffect14, useMemo as useMemo4, useState as useState19 } from "react";
+import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+function BulkTemplateModal({
+  labels,
+  expiredCount,
+  sending,
+  onClose,
+  onSend
+}) {
+  const context = useConversations();
+  if (!context) {
+    throw new Error("BulkTemplateModal requires an ancestor <ConversationsProvider>");
+  }
+  const { api } = context;
+  const [templates, setTemplates] = useState19([]);
+  const [search, setSearch] = useState19("");
+  const [selected, setSelected] = useState19("");
+  useEffect14(() => {
+    let active = true;
+    void api.listTemplates?.().then((loaded) => {
+      if (active) setTemplates(loaded);
+    }).catch(() => {
+    });
+    return () => {
+      active = false;
+    };
+  }, [api]);
+  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__ */ jsx25("div", { className: "cv-workspace-modal", role: "dialog", "aria-modal": "true", "aria-label": labels.templateModalTitle, children: /* @__PURE__ */ jsxs23("div", { className: "cv-workspace-modal__box", children: [
-    /* @__PURE__ */ jsxs23("header", { className: "cv-workspace-modal__header", children: [
-      /* @__PURE__ */ jsxs23("div", { children: [
-        /* @__PURE__ */ jsx25("h3", { children: labels.templateModalTitle }),
-        /* @__PURE__ */ jsx25("p", { children: labels.templateModalAvailable(templates.length) })
+  return /* @__PURE__ */ jsx27("div", { className: "cv-workspace-modal", role: "dialog", "aria-modal": "true", "aria-label": labels.templateModalTitle, children: /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-modal__box", children: [
+    /* @__PURE__ */ jsxs25("header", { className: "cv-workspace-modal__header", children: [
+      /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsx27("h3", { children: labels.templateModalTitle }),
+        /* @__PURE__ */ jsx27("p", { children: labels.templateModalAvailable(templates.length) })
       ] }),
-      /* @__PURE__ */ jsx25("button", { "data-cv-tooltip": labels.templateModalCancel, type: "button", onClick: onClose, "aria-label": labels.templateModalCancel, children: "\u2715" })
+      /* @__PURE__ */ jsx27("button", { "data-cv-tooltip": labels.templateModalCancel, type: "button", onClick: onClose, "aria-label": labels.templateModalCancel, children: "\u2715" })
     ] }),
-    /* @__PURE__ */ jsx25("div", { className: "cv-workspace-modal__search", children: /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27("div", { className: "cv-workspace-modal__search", children: /* @__PURE__ */ jsx27(
       "input",
       {
         type: "search",
@@ -4043,9 +5241,9 @@ function BulkTemplateModal({
         autoFocus: true
       }
     ) }),
-    /* @__PURE__ */ jsxs23("div", { className: "cv-workspace-modal__list", children: [
-      filtered.length === 0 ? /* @__PURE__ */ jsx25("p", { className: "cv-workspace-empty", children: labels.templateModalEmpty }) : null,
-      filtered.map((template) => /* @__PURE__ */ jsxs23(
+    /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-modal__list", children: [
+      filtered.length === 0 ? /* @__PURE__ */ jsx27("p", { className: "cv-workspace-empty", children: labels.templateModalEmpty }) : null,
+      filtered.map((template) => /* @__PURE__ */ jsxs25(
         "button",
         {
           "data-cv-tooltip": template.name,
@@ -4055,8 +5253,8 @@ function BulkTemplateModal({
           "aria-pressed": template.name === selected,
           className: `cv-workspace-modal__item${template.name === selected ? " cv-workspace-modal__item--on" : ""}`,
           children: [
-            /* @__PURE__ */ jsx25("span", { className: "cv-workspace-modal__item-name", children: template.name }),
-            /* @__PURE__ */ jsxs23("span", { className: "cv-workspace-modal__item-meta", children: [
+            /* @__PURE__ */ jsx27("span", { className: "cv-workspace-modal__item-name", children: template.name }),
+            /* @__PURE__ */ jsxs25("span", { className: "cv-workspace-modal__item-meta", children: [
               template.language,
               template.category ? ` \xB7 ${template.category.toLowerCase()}` : ""
             ] })
@@ -4065,10 +5263,10 @@ function BulkTemplateModal({
         template.name
       ))
     ] }),
-    expiredCount === 0 ? /* @__PURE__ */ jsx25("p", { className: "cv-workspace-modal__warning", children: labels.templateModalNoneExpired }) : null,
-    /* @__PURE__ */ jsxs23("footer", { className: "cv-workspace-modal__footer", children: [
-      /* @__PURE__ */ jsx25("button", { "data-cv-tooltip": labels.templateModalCancel, "aria-label": labels.templateModalCancel, type: "button", onClick: onClose, children: labels.templateModalCancel }),
-      /* @__PURE__ */ jsx25(
+    expiredCount === 0 ? /* @__PURE__ */ jsx27("p", { className: "cv-workspace-modal__warning", children: labels.templateModalNoneExpired }) : null,
+    /* @__PURE__ */ jsxs25("footer", { className: "cv-workspace-modal__footer", children: [
+      /* @__PURE__ */ jsx27("button", { "data-cv-tooltip": labels.templateModalCancel, "aria-label": labels.templateModalCancel, type: "button", onClick: onClose, children: labels.templateModalCancel }),
+      /* @__PURE__ */ jsx27(
         "button",
         {
           "data-cv-tooltip": sending ? labels.templateModalSending : labels.templateModalSend(expiredCount),
@@ -4084,8 +5282,395 @@ function BulkTemplateModal({
 }
 
 // src/workspace/ConversationPane.tsx
-import { useEffect as useEffect12, useRef as useRef9, useState as useState17 } from "react";
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { useCallback as useCallback13, useEffect as useEffect17, useRef as useRef15, useState as useState23 } from "react";
+
+// src/quickReplies/resolveConversationVariables.ts
+var MARKER_PATTERN = /^\{\{\s*([\w.]+)\s*\}\}$/;
+function variableNameOf(variable) {
+  return MARKER_PATTERN.exec(variable.marker)?.[1] ?? variable.id;
+}
+function resolveConversationVariables({
+  conversationVariables,
+  quickReplyVariables,
+  composerVariables
+}) {
+  if (!conversationVariables) return { quickReplyVariables, composerVariables };
+  const known = conversationVariables.filter((variable) => variable.value !== "");
+  return {
+    quickReplyVariables: Object.fromEntries(known.map((variable) => [variableNameOf(variable), variable.value])),
+    composerVariables: known.map(({ id, label, value }) => ({ id, label, value }))
+  };
+}
+
+// src/workspace/QueuedAttachmentsList.tsx
+import { useEffect as useEffect15, useRef as useRef12, useState as useState20 } from "react";
+import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+function nameOf(item) {
+  return item.kind === "local" ? item.file.name : item.filename;
+}
+function mimeTypeOf(item) {
+  return item.kind === "local" ? item.file.type : item.mimeType;
+}
+function sizeOf(item) {
+  return item.kind === "local" ? item.file.size : item.sizeBytes;
+}
+function AttachmentThumbnail({
+  item,
+  getThumbnailUrl
+}) {
+  const isImage = mimeTypeOf(item).startsWith("image/");
+  const [url, setUrl] = useState20(item.kind === "local" ? void 0 : item.previewUrl);
+  const localFile = item.kind === "local" ? item.file : void 0;
+  const uploadId = item.kind === "stored" ? item.uploadId : void 0;
+  useEffect15(() => {
+    if (!isImage || !localFile) return;
+    const objectUrl = URL.createObjectURL(localFile);
+    setUrl(objectUrl);
+    return () => URL.revokeObjectURL(objectUrl);
+  }, [isImage, localFile]);
+  useEffect15(() => {
+    if (!isImage || !uploadId || !getThumbnailUrl) return;
+    let cancelled = false;
+    getThumbnailUrl(uploadId).then((resolved) => {
+      if (!cancelled) setUrl(resolved);
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [isImage, uploadId, getThumbnailUrl]);
+  if (!isImage) return null;
+  return /* @__PURE__ */ jsx28("span", { className: "cv-attachment-item__thumbnail", "aria-hidden": "true", children: url ? /* @__PURE__ */ jsx28("img", { src: url, alt: "" }) : null });
+}
+function departedItemsOf(previouslyRendered, items) {
+  const currentKeys = new Set(items.map(attachmentKey));
+  return previouslyRendered.filter((item) => !currentKeys.has(attachmentKey(item)));
+}
+function useDepartingItems(items) {
+  const [rendered, setRendered] = useState20(items);
+  const [departingKeys, setDepartingKeys] = useState20(/* @__PURE__ */ new Set());
+  const renderedRef = useRef12(rendered);
+  renderedRef.current = rendered;
+  useEffect15(() => {
+    const removedItems = departedItemsOf(renderedRef.current, items);
+    if (removedItems.length === 0) {
+      setRendered(items);
+      return;
+    }
+    setDepartingKeys(new Set(removedItems.map(attachmentKey)));
+    const reduceMotion = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+    const delay = reduceMotion ? 0 : 220;
+    const timer = setTimeout(() => {
+      setRendered(items);
+      setDepartingKeys(/* @__PURE__ */ new Set());
+    }, delay);
+    return () => clearTimeout(timer);
+  }, [items]);
+  return { rendered: departingKeys.size > 0 ? [...rendered] : items, departingKeys };
+}
+function QueuedAttachmentsList({
+  items,
+  statusOf: statusOf2,
+  onRemove,
+  onRetry,
+  retryingKeys,
+  getThumbnailUrl,
+  labels,
+  busy
+}) {
+  const { rendered, departingKeys } = useDepartingItems(items);
+  if (rendered.length === 0) return null;
+  const statusLabelOf = (status) => {
+    if (status === "sending") return labels.sending;
+    if (status === "sent") return labels.sent;
+    if (status === "failed") return labels.failed;
+    if (status === "skipped") return labels.skipped;
+    return labels.waiting;
+  };
+  return /* @__PURE__ */ jsx28("ul", { className: "cv-workspace-attachments", "aria-busy": busy, "aria-live": "polite", children: rendered.map((item) => {
+    const key = attachmentKey(item);
+    const status = statusOf2(key);
+    const isDeparting = departingKeys.has(key);
+    return /* @__PURE__ */ jsxs26(
+      "li",
+      {
+        className: `cv-attachment-item cv-attachment-item--${status}${isDeparting ? " cv-attachment-item--departing" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx28(AttachmentThumbnail, { item, getThumbnailUrl }),
+          /* @__PURE__ */ jsxs26("span", { className: "cv-attachment-item__info", children: [
+            /* @__PURE__ */ jsx28("span", { className: "cv-attachment-item__name", children: nameOf(item) }),
+            /* @__PURE__ */ jsxs26("span", { className: "cv-attachment-item__meta", children: [
+              formatFileSize(sizeOf(item)),
+              " \xB7 ",
+              statusLabelOf(status)
+            ] })
+          ] }),
+          (status === "failed" || status === "skipped") && onRetry ? /* @__PURE__ */ jsx28(
+            "button",
+            {
+              type: "button",
+              className: "cv-attachment-item__retry",
+              disabled: busy || (retryingKeys?.has(key) ?? false),
+              "aria-busy": retryingKeys?.has(key) ?? false,
+              onClick: () => onRetry(item),
+              children: labels.retry
+            }
+          ) : null,
+          /* @__PURE__ */ jsx28(
+            "button",
+            {
+              "data-cv-tooltip": labels.remove,
+              type: "button",
+              "aria-label": labels.remove,
+              disabled: status === "sending",
+              onClick: () => onRemove(item),
+              children: "\u2715"
+            }
+          )
+        ]
+      },
+      key
+    );
+  }) });
+}
+
+// src/workspace/useComposerQueue.ts
+import { useCallback as useCallback12, useEffect as useEffect16, useRef as useRef14, useState as useState22 } from "react";
+
+// src/workspace/useComposerAttachmentRetry.ts
+import { useCallback as useCallback11, useRef as useRef13, useState as useState21 } from "react";
+function useComposerAttachmentRetry(params) {
+  const {
+    conversationId,
+    currentConversationIdRef,
+    queue,
+    setQueue,
+    setAttachmentStatus,
+    setSendFailure,
+    api,
+    onSendAttachments,
+    labels,
+    sendInFlightRef
+  } = params;
+  const retryIdempotencyKeyRef = useRef13(void 0);
+  const retryingKeysRef = useRef13(/* @__PURE__ */ new Set());
+  const [retryingKeys, setRetryingKeys] = useState21(/* @__PURE__ */ new Set());
+  function markRetrying(key) {
+    retryingKeysRef.current.add(key);
+    setRetryingKeys(new Set(retryingKeysRef.current));
+  }
+  function unmarkRetrying(key) {
+    retryingKeysRef.current.delete(key);
+    setRetryingKeys(new Set(retryingKeysRef.current));
+  }
+  async function retryLocalAttachment(item) {
+    if (!onSendAttachments) return;
+    const key = attachmentKey(item);
+    const conversationIdAtRetry = conversationId;
+    const isSameConversation = () => currentConversationIdRef.current === conversationIdAtRetry;
+    setAttachmentStatus((current) => ({ ...current, [key]: "sending" }));
+    try {
+      await onSendAttachments([item.file], "");
+      if (!isSameConversation()) return;
+      setAttachmentStatus((current) => ({ ...current, [key]: "sent" }));
+      setQueue((current) => current.filter((queued) => attachmentKey(queued) !== key));
+    } catch (error) {
+      if (!isSameConversation()) return;
+      setAttachmentStatus((current) => ({ ...current, [key]: "failed" }));
+      setSendFailure(error instanceof Error ? error.message : labels.attachFailure);
+    }
+  }
+  async function retryStoredAttachment(item) {
+    const sendStoredAttachmentsApi = api.sendStoredAttachments;
+    if (!sendStoredAttachmentsApi) return;
+    const conversationIdAtRetry = conversationId;
+    const isSameConversation = () => currentConversationIdRef.current === conversationIdAtRetry;
+    const uploadIds = [item.uploadId];
+    const idempotencyState = resolveIdempotencyKey(retryIdempotencyKeyRef.current, uploadIds);
+    retryIdempotencyKeyRef.current = idempotencyState;
+    try {
+      const result = await retryStoredAttachments({
+        queue,
+        uploadIds,
+        idempotencyKey: idempotencyState.key,
+        sendStoredAttachments: (uploadParams) => sendStoredAttachmentsApi({ conversationId: conversationIdAtRetry, ...uploadParams }),
+        onAttachmentStatus: (statusKey, status) => {
+          if (isSameConversation()) setAttachmentStatus((current) => ({ ...current, [statusKey]: status }));
+        }
+      });
+      setQueue(
+        (current) => resolveRetryOutcome({
+          conversationIdAtRetry,
+          currentConversationId: currentConversationIdRef.current,
+          sentAttachmentKeys: result.sentAttachmentKeys,
+          queue: current
+        }) ?? current
+      );
+    } catch (error) {
+      if (isSameConversation()) setSendFailure(error instanceof Error ? error.message : labels.attachFailure);
+    }
+  }
+  function retryQueuedAttachment(item) {
+    if (sendInFlightRef.current) return;
+    const key = attachmentKey(item);
+    if (retryingKeysRef.current.has(key)) return;
+    markRetrying(key);
+    const release = () => unmarkRetrying(key);
+    if (item.kind === "local") {
+      void retryLocalAttachment(item).finally(release);
+      return;
+    }
+    void retryStoredAttachment(item).finally(release);
+  }
+  const resetRetryState = useCallback11(() => {
+    retryIdempotencyKeyRef.current = void 0;
+    retryingKeysRef.current.clear();
+    setRetryingKeys(/* @__PURE__ */ new Set());
+  }, []);
+  return { retryQueuedAttachment, resetRetryState, retryingKeys };
+}
+
+// src/workspace/useComposerQueue.ts
+function useComposerQueue(params) {
+  const { conversationId, draft, setDraft, api, labels, onSendAttachments, refetch, setSendFailure } = params;
+  const [queue, setQueue] = useState22([]);
+  const [attachmentStatus, setAttachmentStatus] = useState22({});
+  const [isSendingDraft, setIsSendingDraft] = useState22(false);
+  const sendInFlightRef = useRef14(false);
+  const idempotencyKeyRef = useRef14(void 0);
+  const currentConversationIdRef = useRef14(conversationId);
+  const { retryQueuedAttachment, resetRetryState, retryingKeys } = useComposerAttachmentRetry({
+    conversationId,
+    currentConversationIdRef,
+    queue,
+    setQueue,
+    setAttachmentStatus,
+    setSendFailure,
+    api,
+    labels,
+    sendInFlightRef,
+    ...onSendAttachments ? { onSendAttachments } : {}
+  });
+  useEffect16(() => {
+    currentConversationIdRef.current = conversationId;
+    setQueue([]);
+    setAttachmentStatus({});
+    idempotencyKeyRef.current = void 0;
+    sendInFlightRef.current = false;
+    setIsSendingDraft(false);
+    resetRetryState();
+  }, [conversationId, resetRetryState]);
+  const enqueueAttachments = useCallback12((items) => {
+    if (items.length === 0) return;
+    setQueue((current) => [...current, ...items]);
+  }, []);
+  const removeQueuedAttachment = useCallback12((item) => {
+    setQueue((current) => current.filter((queued) => attachmentKey(queued) !== attachmentKey(item)));
+  }, []);
+  async function runSend(action, fallback) {
+    setSendFailure(void 0);
+    try {
+      await action();
+      await refetch();
+      return true;
+    } catch (error) {
+      setSendFailure(error instanceof Error ? error.message : fallback);
+      return false;
+    }
+  }
+  async function sendLocalOnlyAttachments(isSameConversation) {
+    if (!onSendAttachments) return;
+    const files = excludeRetryingItems(queue, retryingKeys).filter((item) => item.kind === "local").map((item) => item.file);
+    try {
+      const didSend = await runSend(() => onSendAttachments(files, draft), labels.attachFailure);
+      if (!isSameConversation()) return;
+      if (didSend) {
+        setQueue((current) => current.filter((item) => retryingKeys.has(attachmentKey(item))));
+        setAttachmentStatus(
+          (current) => Object.fromEntries(Object.entries(current).filter(([key]) => retryingKeys.has(key)))
+        );
+        idempotencyKeyRef.current = void 0;
+        setDraft("");
+      }
+    } finally {
+      if (isSameConversation()) {
+        sendInFlightRef.current = false;
+        setIsSendingDraft(false);
+      }
+    }
+  }
+  async function sendQueuedDraft(isSameConversation) {
+    const sendStoredAttachmentsApi = api.sendStoredAttachments;
+    const sendableQueue = excludeRetryingItems(queue, retryingKeys);
+    const storedUploadIds = sendableQueue.filter((item) => item.kind === "stored").map((item) => item.uploadId);
+    const idempotencyState = resolveIdempotencyKey(idempotencyKeyRef.current, storedUploadIds);
+    idempotencyKeyRef.current = idempotencyState;
+    try {
+      const result = await sendQueuedMessage({
+        text: draft,
+        queue: sendableQueue,
+        idempotencyKey: idempotencyState.key,
+        sendText: (text) => runSend(() => api.sendMessage(conversationId, text), labels.sendFailure),
+        ...sendStoredAttachmentsApi ? {
+          sendStoredAttachments: (uploadParams) => sendStoredAttachmentsApi({ conversationId, ...uploadParams })
+        } : {},
+        ...onSendAttachments ? { sendLocalAttachments: (files) => onSendAttachments(files, "") } : {},
+        onAttachmentStatus: (key, status) => {
+          if (isSameConversation()) setAttachmentStatus((current) => ({ ...current, [key]: status }));
+        }
+      });
+      if (!isSameConversation()) return;
+      if (!result.textSent) return;
+      const sentKeys = new Set(result.sentAttachmentKeys);
+      let queueEmptyAfterSend = false;
+      setQueue((current) => {
+        const next = current.filter((item) => !sentKeys.has(attachmentKey(item)));
+        queueEmptyAfterSend = next.length === 0;
+        return next;
+      });
+      if (queueEmptyAfterSend) {
+        idempotencyKeyRef.current = void 0;
+        setAttachmentStatus({});
+      }
+      if (draft.trim()) setDraft("");
+      await refetch();
+    } catch (error) {
+      if (isSameConversation()) setSendFailure(error instanceof Error ? error.message : labels.attachFailure);
+    } finally {
+      if (isSameConversation()) {
+        sendInFlightRef.current = false;
+        setIsSendingDraft(false);
+      }
+    }
+  }
+  async function handleRichSend() {
+    if (sendInFlightRef.current) return;
+    if (!draft.trim() && queue.length === 0) return;
+    sendInFlightRef.current = true;
+    setIsSendingDraft(true);
+    setSendFailure(void 0);
+    const conversationIdAtSend = conversationId;
+    const isSameConversation = () => currentConversationIdRef.current === conversationIdAtSend;
+    const hasStoredItems = queue.some((item) => item.kind === "stored");
+    if (onSendAttachments && queue.length > 0 && !hasStoredItems) {
+      await sendLocalOnlyAttachments(isSameConversation);
+      return;
+    }
+    await sendQueuedDraft(isSameConversation);
+  }
+  return {
+    queue,
+    enqueueAttachments,
+    attachmentStatus,
+    isSendingDraft,
+    handleRichSend,
+    removeQueuedAttachment,
+    retryQueuedAttachment,
+    retryingKeys
+  };
+}
+
+// src/workspace/ConversationPane.tsx
+import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function ConversationPane({
   conversation,
   now,
@@ -4108,6 +5693,7 @@ function ConversationPane({
   onAttach,
   composer = "simple",
   composerVariablesFor,
+  conversationVariablesFor,
   onSendAttachments,
   onRecordAudio
 }) {
@@ -4118,17 +5704,44 @@ function ConversationPane({
   const { api } = context;
   const { messages, refetch } = useConversationMessages(conversation.id);
   const { context: conversationContext } = useConversationContext(conversation.id);
-  const [documentsOpen, setDocumentsOpen] = useState17(false);
-  const [sendFailure, setSendFailure] = useState17(void 0);
-  const [selectedMessageIds, setSelectedMessageIds] = useState17(/* @__PURE__ */ new Set());
-  const [draft, setDraft] = useState17(initialComposerText ?? "");
-  const [queuedFiles, setQueuedFiles] = useState17([]);
-  const [isSendingDraft, setIsSendingDraft] = useState17(false);
-  const sendInFlightRef = useRef9(false);
-  useEffect12(() => {
+  const [documentsOpen, setDocumentsOpen] = useState23(false);
+  const [sendFailure, setSendFailure] = useState23(void 0);
+  const [selectedMessageIds, setSelectedMessageIds] = useState23(/* @__PURE__ */ new Set());
+  const [draft, setDraft] = useState23(initialComposerText ?? "");
+  const {
+    queue,
+    enqueueAttachments,
+    attachmentStatus,
+    isSendingDraft,
+    handleRichSend,
+    removeQueuedAttachment,
+    retryQueuedAttachment,
+    retryingKeys
+  } = useComposerQueue({
+    conversationId: conversation.id,
+    draft,
+    setDraft,
+    api,
+    labels: { sendFailure: labels.sendFailure, attachFailure: labels.attachFailure },
+    ...onSendAttachments ? { onSendAttachments } : {},
+    refetch,
+    setSendFailure
+  });
+  const thumbnailUrlCacheRef = useRef15(/* @__PURE__ */ new Map());
+  const getQueuedAttachmentThumbnailUrl = useCallback13(
+    (uploadId) => {
+      const cached = thumbnailUrlCacheRef.current.get(uploadId);
+      if (cached) return cached;
+      const pending = api.getDocumentUrl(uploadId, "inline");
+      thumbnailUrlCacheRef.current.set(uploadId, pending);
+      pending.catch(() => thumbnailUrlCacheRef.current.delete(uploadId));
+      return pending;
+    },
+    [api]
+  );
+  useEffect17(() => {
     setSelectedMessageIds(/* @__PURE__ */ new Set());
     setDraft(initialComposerText ?? "");
-    setQueuedFiles([]);
   }, [conversation.id, initialComposerText]);
   function toggleMessageSelected(messageId) {
     setSelectedMessageIds((current) => {
@@ -4170,28 +5783,6 @@ function ConversationPane({
     if (conversation.mode !== "human" && onTakeover) await onTakeover();
     await runSend(() => api.sendTemplate(conversation.id, {}), labels.sendFailure);
   }
-  async function handleRichSend() {
-    if (sendInFlightRef.current) return;
-    sendInFlightRef.current = true;
-    setIsSendingDraft(true);
-    try {
-      if (onSendAttachments && queuedFiles.length > 0) {
-        const files = queuedFiles;
-        const caption = draft;
-        const didSend = await runSend(() => onSendAttachments(files, caption), labels.attachFailure);
-        if (didSend) {
-          setQueuedFiles([]);
-          setDraft("");
-        }
-        return;
-      }
-      if (!draft.trim()) return;
-      if (await handleSend(draft)) setDraft("");
-    } finally {
-      sendInFlightRef.current = false;
-      setIsSendingDraft(false);
-    }
-  }
   async function handleAttach(file) {
     if (!onAttach) return;
     await runSend(() => onAttach(file), labels.attachFailure);
@@ -4207,15 +5798,33 @@ function ConversationPane({
     );
   }
   const contextEntries = contextEntriesOf?.(conversationContext);
-  const composerVariables = composerVariablesFor?.(conversation, conversationContext);
+  const { quickReplyVariables, composerVariables } = resolveConversationVariables({
+    conversationVariables: conversationVariablesFor?.(conversation, conversationContext),
+    quickReplyVariables: quickReplyVariablesFor?.(conversation, conversationContext),
+    composerVariables: composerVariablesFor?.(conversation, conversationContext)
+  });
   const richQuickReplies = quickReplies?.map((reply) => ({
     id: reply.key,
     label: reply.label,
-    text: typeof reply.text === "string" ? applyQuickReplyVariables(reply.text, quickReplyVariablesFor?.(conversation, conversationContext) ?? {}) : reply.text(quickReplyVariablesFor?.(conversation, conversationContext) ?? {})
+    text: typeof reply.text === "string" ? applyQuickReplyVariables(reply.text, quickReplyVariables ?? {}) : reply.text(quickReplyVariables ?? {})
   }));
+  const savedQuickReplies = api.listQuickReplies ? {
+    // Arrow em vez de repassar o método direto: `api.listQuickReplies` solto perde o `this` do
+    // objeto que o implementa, e um cliente HTTP real costuma depender dele internamente.
+    listQuickReplies: (params) => api.listQuickReplies(params),
+    conversationId: conversation.id,
+    variables: quickReplyVariables,
+    hasAttachmentsCapability: Boolean(api.sendStoredAttachments),
+    // Empurra os anexos da mensagem escolhida como itens guardados (QR-32) — sem a porta, a
+    // linha do picker já avisou e o texto entra sozinho, sem silenciosamente perder o anexo.
+    onSelect: (quickReply) => {
+      const attachments = queuedAttachmentsFromQuickReply(quickReply, Boolean(api.sendStoredAttachments));
+      enqueueAttachments(attachments);
+    }
+  } : void 0;
   const botOwnsConversation = Boolean(requireTakeoverToReply) && conversation.mode !== "human";
-  return /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-pane", children: [
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs27("div", { className: "cv-workspace-pane", children: [
+    /* @__PURE__ */ jsx29(
       ConversationHeader,
       {
         conversation,
@@ -4230,10 +5839,10 @@ function ConversationPane({
         ...extraUtilities ? { extraUtilities } : {}
       }
     ),
-    contextEntries && contextEntries.length > 0 || flowLabel ? /* @__PURE__ */ jsx26(ConversationContextPanel, { entries: contextEntries ?? [], ...flowLabel ? { flowLabel } : {} }) : null,
-    /* @__PURE__ */ jsx26(ConversationDocumentsPanel, { conversationId: conversation.id, open: documentsOpen }),
+    contextEntries && contextEntries.length > 0 || flowLabel ? /* @__PURE__ */ jsx29(ConversationContextPanel, { entries: contextEntries ?? [], ...flowLabel ? { flowLabel } : {} }) : null,
+    /* @__PURE__ */ jsx29(ConversationDocumentsPanel, { conversationId: conversation.id, open: documentsOpen }),
     renderAboveTranscript?.(conversation, conversationContext),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx29(
       ConversationWallpaper,
       {
         ref: scroll.containerRef,
@@ -4242,9 +5851,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__ */ jsxs24("div", { children: [
-            startsNewDay ? /* @__PURE__ */ jsx26(DateDivider, { iso: message.timestamp }) : null,
-            /* @__PURE__ */ jsx26(
+          return /* @__PURE__ */ jsxs27("div", { children: [
+            startsNewDay ? /* @__PURE__ */ jsx29(DateDivider, { iso: message.timestamp }) : null,
+            /* @__PURE__ */ jsx29(
               MessageBubble,
               {
                 message,
@@ -4261,39 +5870,57 @@ function ConversationPane({
         })
       }
     ),
-    messageSelection && selectedMessageIds.size > 0 ? /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-selection", children: [
-      /* @__PURE__ */ jsx26("span", { children: labels.messagesSelected(selectedMessageIds.size) }),
-      /* @__PURE__ */ jsxs24("div", { className: "cv-workspace-selection__actions", children: [
-        /* @__PURE__ */ jsx26("button", { "data-cv-tooltip": labels.bulkClear, "aria-label": labels.bulkClear, type: "button", onClick: () => setSelectedMessageIds(/* @__PURE__ */ new Set()), children: labels.bulkClear }),
-        /* @__PURE__ */ jsx26("button", { "data-cv-tooltip": labels.copySelected, "aria-label": labels.copySelected, type: "button", onClick: copySelectedMessages, children: labels.copySelected })
+    messageSelection && selectedMessageIds.size > 0 ? /* @__PURE__ */ jsxs27("div", { className: "cv-workspace-selection", children: [
+      /* @__PURE__ */ jsx29("span", { children: labels.messagesSelected(selectedMessageIds.size) }),
+      /* @__PURE__ */ jsxs27("div", { className: "cv-workspace-selection__actions", children: [
+        /* @__PURE__ */ jsx29(
+          "button",
+          {
+            "data-cv-tooltip": labels.bulkClear,
+            "aria-label": labels.bulkClear,
+            type: "button",
+            onClick: () => setSelectedMessageIds(/* @__PURE__ */ new Set()),
+            children: labels.bulkClear
+          }
+        ),
+        /* @__PURE__ */ jsx29(
+          "button",
+          {
+            "data-cv-tooltip": labels.copySelected,
+            "aria-label": labels.copySelected,
+            type: "button",
+            onClick: copySelectedMessages,
+            children: labels.copySelected
+          }
+        )
       ] })
     ] }) : null,
-    sendFailure ? /* @__PURE__ */ jsx26("p", { role: "alert", className: "cv-workspace-alert", children: sendFailure }) : null,
-    blocked ? /* @__PURE__ */ jsx26(
-      WindowExpiredNotice,
-      {
-        disabled: busy,
-        onSendTemplate: () => void handleSendTemplate()
-      }
-    ) : botOwnsConversation ? (
+    sendFailure ? /* @__PURE__ */ jsx29("p", { role: "alert", className: "cv-workspace-alert", children: sendFailure }) : null,
+    blocked ? /* @__PURE__ */ jsx29(WindowExpiredNotice, { disabled: busy, onSendTemplate: () => void handleSendTemplate() }) : botOwnsConversation ? (
       // Responder com a conversa no bot atropelaria o fluxo automático no meio de uma pergunta.
-      /* @__PURE__ */ jsx26("p", { className: "cv-workspace-notice", children: labels.takeoverToReply })
-    ) : composer === "rich" ? /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx29("p", { className: "cv-workspace-notice", children: labels.takeoverToReply })
+    ) : composer === "rich" ? /* @__PURE__ */ jsx29(
       RichMessageComposer,
       {
         value: draft,
         onChange: setDraft,
         onSend: () => void handleRichSend(),
-        ...onSendAttachments ? { onAttachFiles: (files) => setQueuedFiles((current) => [...current, ...Array.from(files)]) } : onAttach ? {
+        ...onSendAttachments ? {
+          onAttachFiles: (files) => enqueueAttachments(
+            Array.from(files).map(
+              (file) => ({ kind: "local", localId: crypto.randomUUID(), file })
+            )
+          )
+        } : onAttach ? {
           onAttachFiles: (files) => {
             for (const file of Array.from(files)) void handleAttach(file);
           }
         } : {},
         placeholder: labels.composerPlaceholder,
         isSending: busy || isSendingDraft,
-        hasQueuedAttachments: queuedFiles.length > 0,
+        hasQueuedAttachments: queue.length > 0,
         ...onRecordAudio ? {
-          idleAction: /* @__PURE__ */ jsx26(
+          idleAction: /* @__PURE__ */ jsx29(
             AudioRecorderButton,
             {
               onRecorded: (file) => void runSend(() => onRecordAudio(file), labels.recordFailure),
@@ -4301,25 +5928,34 @@ function ConversationPane({
             }
           )
         } : {},
-        ...queuedFiles.length > 0 ? {
-          attachmentsPreview: /* @__PURE__ */ jsx26("ul", { className: "cv-workspace-attachments", children: queuedFiles.map((file, index) => /* @__PURE__ */ jsxs24("li", { children: [
-            /* @__PURE__ */ jsx26("span", { children: file.name }),
-            /* @__PURE__ */ jsx26(
-              "button",
-              {
-                "data-cv-tooltip": labels.attachmentRemove,
-                type: "button",
-                "aria-label": labels.attachmentRemove,
-                onClick: () => setQueuedFiles((current) => current.filter((_, position) => position !== index)),
-                children: "\u2715"
+        ...queue.length > 0 ? {
+          attachmentsPreview: /* @__PURE__ */ jsx29(
+            QueuedAttachmentsList,
+            {
+              items: queue,
+              statusOf: (key) => attachmentStatus[key] ?? "waiting",
+              onRemove: removeQueuedAttachment,
+              onRetry: retryQueuedAttachment,
+              retryingKeys,
+              getThumbnailUrl: getQueuedAttachmentThumbnailUrl,
+              busy: isSendingDraft,
+              labels: {
+                remove: labels.attachmentRemove,
+                waiting: labels.attachmentWaiting,
+                sending: labels.attachmentSending,
+                sent: labels.attachmentSent,
+                failed: labels.attachmentFailed,
+                skipped: labels.attachmentSkipped,
+                retry: labels.attachmentRetry
               }
-            )
-          ] }, `${file.name}-${index}`)) })
+            }
+          )
         } : {},
         ...richQuickReplies ? { quickReplies: [...richQuickReplies] } : {},
-        ...composerVariables ? { variables: [...composerVariables] } : {}
+        ...composerVariables ? { variables: [...composerVariables] } : {},
+        ...savedQuickReplies ? { savedQuickReplies } : {}
       }
-    ) : /* @__PURE__ */ jsx26(
+    ) : /* @__PURE__ */ jsx29(
       MessageComposer,
       {
         value: draft,
@@ -4328,14 +5964,15 @@ function ConversationPane({
         ...onAttach ? { onAttach: (file) => void handleAttach(file) } : {},
         placeholder: labels.composerPlaceholder,
         ...quickReplies ? { quickReplies } : {},
-        ...quickReplyVariablesFor ? { quickReplyVariables: quickReplyVariablesFor(conversation, conversationContext) } : {}
+        ...quickReplyVariables ? { quickReplyVariables } : {},
+        ...savedQuickReplies ? { savedQuickReplies } : {}
       }
     )
   ] });
 }
 
 // src/workspace/ConversationsInboxList.tsx
-import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
 function ConversationsInboxList({
   inbox,
   labels,
@@ -4346,13 +5983,13 @@ function ConversationsInboxList({
   onSendTemplateToSelected
 }) {
   const hasSelection = inbox.selectedIds.size > 0;
-  return /* @__PURE__ */ jsxs25("aside", { className, children: [
-    hasSelection ? /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-bulk", children: [
-      /* @__PURE__ */ jsx27("span", { className: "cv-workspace-bulk__count", children: labels.bulkSelected(inbox.selectedIds.size) }),
-      /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-bulk__actions", children: [
-        /* @__PURE__ */ jsx27("button", { "data-cv-tooltip": labels.bulkClear, "aria-label": labels.bulkClear, type: "button", onClick: inbox.clearBulkSelection, children: labels.bulkClear }),
-        onSendTemplateToSelected ? /* @__PURE__ */ jsx27("button", { "data-cv-tooltip": labels.bulkTemplate, "aria-label": labels.bulkTemplate, type: "button", onClick: onSendTemplateToSelected, disabled: inbox.busy, children: labels.bulkTemplate }) : null,
-        inbox.canFinalize ? /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs28("aside", { className, children: [
+    hasSelection ? /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-bulk", children: [
+      /* @__PURE__ */ jsx30("span", { className: "cv-workspace-bulk__count", children: labels.bulkSelected(inbox.selectedIds.size) }),
+      /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-bulk__actions", children: [
+        /* @__PURE__ */ jsx30("button", { "data-cv-tooltip": labels.bulkClear, "aria-label": labels.bulkClear, type: "button", onClick: inbox.clearBulkSelection, children: labels.bulkClear }),
+        onSendTemplateToSelected ? /* @__PURE__ */ jsx30("button", { "data-cv-tooltip": labels.bulkTemplate, "aria-label": labels.bulkTemplate, type: "button", onClick: onSendTemplateToSelected, disabled: inbox.busy, children: labels.bulkTemplate }) : null,
+        inbox.canFinalize ? /* @__PURE__ */ jsx30(
           "button",
           {
             "data-cv-tooltip": labels.bulkFinalize,
@@ -4370,8 +6007,8 @@ function ConversationsInboxList({
         renderBulkActions?.(inbox)
       ] })
     ] }) : null,
-    /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-filters", children: [
-      /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-filters", children: [
+      /* @__PURE__ */ jsx30(
         "input",
         {
           type: "search",
@@ -4381,9 +6018,9 @@ function ConversationsInboxList({
           className: "cv-workspace-search"
         }
       ),
-      /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-chips", children: [
-        /* @__PURE__ */ jsx27("span", { className: "cv-workspace-chips__legend", children: labels.windowLegend }),
-        WINDOW_FILTERS.map((filter) => /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-chips", children: [
+        /* @__PURE__ */ jsx30("span", { className: "cv-workspace-chips__legend", children: labels.windowLegend }),
+        WINDOW_FILTERS.map((filter) => /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
@@ -4401,9 +6038,9 @@ function ConversationsInboxList({
           filter.value
         ))
       ] }),
-      inbox.channelFilters.length > 0 ? /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-chips", children: [
-        /* @__PURE__ */ jsx27("span", { className: "cv-workspace-chips__legend", children: labels.channelLegend }),
-        inbox.channelFilters.map((filter) => /* @__PURE__ */ jsxs25(
+      inbox.channelFilters.length > 0 ? /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-chips", children: [
+        /* @__PURE__ */ jsx30("span", { className: "cv-workspace-chips__legend", children: labels.channelLegend }),
+        inbox.channelFilters.map((filter) => /* @__PURE__ */ jsxs28(
           "button",
           {
             "data-cv-tooltip": filter.label,
@@ -4413,7 +6050,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__ */ jsx27(ChannelIcon, { channel: filter.value }),
+              filter.value === CHANNEL_FILTER_ALL ? null : /* @__PURE__ */ jsx30(ChannelIcon, { channel: filter.value }),
               filter.label
             ]
           },
@@ -4421,14 +6058,14 @@ function ConversationsInboxList({
         ))
       ] }) : null,
       renderFilters?.(inbox),
-      /* @__PURE__ */ jsxs25("label", { className: "cv-workspace-selectall", children: [
-        /* @__PURE__ */ jsx27("input", { type: "checkbox", checked: inbox.allOnPageSelected, onChange: inbox.toggleSelectAllOnPage }),
+      /* @__PURE__ */ jsxs28("label", { className: "cv-workspace-selectall", children: [
+        /* @__PURE__ */ jsx30("input", { type: "checkbox", checked: inbox.allOnPageSelected, onChange: inbox.toggleSelectAllOnPage }),
         labels.selectAll
       ] })
     ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-rows", children: [
+    /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-rows", children: [
       inbox.pageConversations.map(
-        (conversation) => renderRow ? /* @__PURE__ */ jsx27("div", { children: renderRow(conversation) }, conversation.id) : /* @__PURE__ */ jsx27(
+        (conversation) => renderRow ? /* @__PURE__ */ jsx30("div", { children: renderRow(conversation) }, conversation.id) : /* @__PURE__ */ jsx30(
           ConversationRow,
           {
             conversation,
@@ -4443,13 +6080,13 @@ function ConversationsInboxList({
           conversation.id
         )
       ),
-      !inbox.loading && inbox.filteredCount === 0 ? /* @__PURE__ */ jsx27("p", { className: "cv-workspace-empty", children: labels.emptyList }) : null
+      !inbox.loading && inbox.filteredCount === 0 ? /* @__PURE__ */ jsx30("p", { className: "cv-workspace-empty", children: labels.emptyList }) : null
     ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-pager", children: [
-      /* @__PURE__ */ jsx27("span", { children: labels.rangeOf(inbox.firstOnPage, inbox.lastOnPage, inbox.filteredCount) }),
-      /* @__PURE__ */ jsxs25("div", { className: "cv-workspace-pager__buttons", children: [
-        /* @__PURE__ */ jsx27("button", { type: "button", onClick: () => inbox.goToPage(1), disabled: inbox.page === 1, "aria-label": PAGINATION_LABELS.first, "data-cv-tooltip": PAGINATION_LABELS.first, children: "\xAB" }),
-        /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-pager", children: [
+      /* @__PURE__ */ jsx30("span", { children: labels.rangeOf(inbox.firstOnPage, inbox.lastOnPage, inbox.filteredCount) }),
+      /* @__PURE__ */ jsxs28("div", { className: "cv-workspace-pager__buttons", children: [
+        /* @__PURE__ */ jsx30("button", { type: "button", onClick: () => inbox.goToPage(1), disabled: inbox.page === 1, "aria-label": PAGINATION_LABELS.first, "data-cv-tooltip": PAGINATION_LABELS.first, children: "\xAB" }),
+        /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
@@ -4460,8 +6097,8 @@ function ConversationsInboxList({
             children: "\u2039"
           }
         ),
-        /* @__PURE__ */ jsx27("span", { children: labels.pageOf(inbox.page, inbox.pageCount) }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx30("span", { children: labels.pageOf(inbox.page, inbox.pageCount) }),
+        /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
@@ -4472,7 +6109,7 @@ function ConversationsInboxList({
             children: "\u203A"
           }
         ),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
@@ -4521,6 +6158,12 @@ var DEFAULT_CONVERSATIONS_WORKSPACE_LABELS = {
   composerPlaceholder: "Responder como atendente\u2026",
   attachFailure: "Falha ao enviar o arquivo.",
   attachmentRemove: "Remover anexo",
+  attachmentWaiting: "Aguardando",
+  attachmentSending: "Enviando\u2026",
+  attachmentSent: "Enviado \u2713",
+  attachmentFailed: "Falhou",
+  attachmentSkipped: "N\xE3o enviado \u2014 aguardando o anterior",
+  attachmentRetry: "Tentar de novo",
   recordFailure: "Falha ao gravar o \xE1udio.",
   sendFailure: "Falha ao enviar a mensagem.",
   takeoverToReply: "Assuma o atendimento para responder diretamente ao cliente.",
@@ -4530,7 +6173,7 @@ var DEFAULT_CONVERSATIONS_WORKSPACE_LABELS = {
 };
 
 // src/workspace/useConversationsInbox.ts
-import { useCallback as useCallback9, useEffect as useEffect13, useMemo as useMemo5, useRef as useRef10, useState as useState18 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect18, useMemo as useMemo5, useRef as useRef16, useState as useState24 } from "react";
 var CONVERSATIONS_PER_PAGE = 50;
 function defaultDescribeFailure(error) {
   const status = error.status;
@@ -4548,14 +6191,14 @@ function useConversationsInbox(params = {}) {
   const perPage = params.perPage ?? CONVERSATIONS_PER_PAGE;
   const markReadOnOpen = params.markReadOnOpen ?? true;
   const describeFailure = params.describeFailure ?? defaultDescribeFailure;
-  const [waitingOnly, setWaitingOnly] = useState18(false);
-  const [windowFilter, setWindowFilter] = useState18(CONVERSATION_WINDOW.ALL);
-  const [channelFilter, setChannelFilter] = useState18(CHANNEL_FILTER_ALL);
-  const [search, setSearch] = useState18("");
-  const [page, setPage] = useState18(1);
-  const [selectedId, setSelectedId] = useState18(void 0);
-  const [selectedIds, setSelectedIds] = useState18(/* @__PURE__ */ new Set());
-  const [busy, setBusy] = useState18(false);
+  const [waitingOnly, setWaitingOnly] = useState24(false);
+  const [windowFilter, setWindowFilter] = useState24(CONVERSATION_WINDOW.ALL);
+  const [channelFilter, setChannelFilter] = useState24(CHANNEL_FILTER_ALL);
+  const [search, setSearch] = useState24("");
+  const [page, setPage] = useState24(1);
+  const [selectedId, setSelectedId] = useState24(void 0);
+  const [selectedIds, setSelectedIds] = useState24(/* @__PURE__ */ new Set());
+  const [busy, setBusy] = useState24(false);
   const { conversations, total, loading, error, refetch } = useConversationList({
     ...waitingOnly ? { waitingHuman: true } : {},
     ...search ? { search } : {},
@@ -4563,7 +6206,7 @@ function useConversationsInbox(params = {}) {
     ...params.serverPaginated ? { page, limit: perPage } : {}
   });
   useGlobalRealtime(
-    useCallback9(() => {
+    useCallback14(() => {
       void refetch();
     }, [refetch])
   );
@@ -4580,16 +6223,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);
-  useEffect13(() => {
+  useEffect18(() => {
     setPage(1);
   }, [search, waitingOnly, windowFilter, channelFilter]);
-  useEffect13(() => {
+  useEffect18(() => {
     if (selectedId && !conversations.some((conversation) => conversation.id === selectedId)) {
       setSelectedId(void 0);
     }
   }, [conversations, selectedId]);
-  const lastMarkReadAttempt = useRef10(void 0);
-  useEffect13(() => {
+  const lastMarkReadAttempt = useRef16(void 0);
+  useEffect18(() => {
     if (!markReadOnOpen || !selectedId) return;
     const opened = conversations.find((conversation) => conversation.id === selectedId);
     if (!opened || opened.unread === 0) return;
@@ -4599,7 +6242,7 @@ function useConversationsInbox(params = {}) {
     void api.markRead(selectedId).then(() => refetch()).catch(() => {
     });
   }, [markReadOnOpen, selectedId, conversations, refetch, api]);
-  const toggleSelected = useCallback9((conversationId) => {
+  const toggleSelected = useCallback14((conversationId) => {
     setSelectedIds((current) => {
       const next = new Set(current);
       if (next.has(conversationId)) next.delete(conversationId);
@@ -4609,7 +6252,7 @@ function useConversationsInbox(params = {}) {
   }, []);
   const pageIds = pageConversations.map((conversation) => conversation.id);
   const allOnPageSelected = pageIds.length > 0 && pageIds.every((id) => selectedIds.has(id));
-  const toggleSelectAllOnPage = useCallback9(() => {
+  const toggleSelectAllOnPage = useCallback14(() => {
     setSelectedIds((current) => {
       const next = new Set(current);
       if (allOnPageSelected) pageIds.forEach((id) => next.delete(id));
@@ -4617,7 +6260,7 @@ function useConversationsInbox(params = {}) {
       return next;
     });
   }, [allOnPageSelected, pageIds]);
-  const runOnSelection = useCallback9(
+  const runOnSelection = useCallback14(
     async (action) => {
       setBusy(true);
       try {
@@ -4630,7 +6273,7 @@ function useConversationsInbox(params = {}) {
     },
     [selectedIds, refetch]
   );
-  const runConversationAction = useCallback9(
+  const runConversationAction = useCallback14(
     async (action, conversationId) => {
       if (!action) return;
       setBusy(true);
@@ -4712,7 +6355,7 @@ function useConversationsInbox(params = {}) {
 }
 
 // src/workspace/ConversationsWorkspace.tsx
-import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
 function ConversationsWorkspace({
   labels: labelsOverride,
   filters,
@@ -4731,6 +6374,7 @@ function ConversationsWorkspace({
   initialComposerText,
   composer,
   composerVariablesFor,
+  conversationVariablesFor,
   onSendAttachments,
   onRecordAudio,
   contextEntriesOf,
@@ -4752,10 +6396,10 @@ function ConversationsWorkspace({
     ...markReadOnOpen === void 0 ? {} : { markReadOnOpen },
     ...serverPaginated ? { serverPaginated } : {}
   });
-  const [simulatorOpen, setSimulatorOpen] = useState19(false);
-  const [templateModalOpen, setTemplateModalOpen] = useState19(false);
-  const [openedFromLink, setOpenedFromLink] = useState19(void 0);
-  useEffect14(() => {
+  const [simulatorOpen, setSimulatorOpen] = useState25(false);
+  const [templateModalOpen, setTemplateModalOpen] = useState25(false);
+  const [openedFromLink, setOpenedFromLink] = useState25(void 0);
+  useEffect19(() => {
     const link = initialConversationId ?? initialWhatsappNumber;
     if (!link || openedFromLink === link) return;
     const target = inbox.conversations.find(
@@ -4787,50 +6431,50 @@ function ConversationsWorkspace({
       ...fromProduct,
       {
         key: "simulator",
-        icon: simulator?.icon ?? /* @__PURE__ */ jsx28(FlaskConical, { size: ICON_SIZE_ACTION }),
+        icon: simulator?.icon ?? /* @__PURE__ */ jsx31(FlaskConical, { size: ICON_SIZE_ACTION }),
         label: simulator?.label ?? "Simular cliente",
         active: simulatorOpen,
         run: () => setSimulatorOpen((open) => !open)
       }
     ];
   }, [selected, extraUtilitiesFor, simulatorEnabled, simulator, simulatorOpen]);
-  return /* @__PURE__ */ jsxs26("div", { className: `cv-workspace${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx28(TooltipLayer, {}),
-    /* @__PURE__ */ jsxs26("header", { className: "cv-workspace-header", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "cv-workspace-header__titles", children: [
-        /* @__PURE__ */ jsx28("h1", { children: labels.title }),
-        /* @__PURE__ */ jsxs26("p", { children: [
-          /* @__PURE__ */ jsxs26("span", { "data-cv-tooltip": labels.conversations, className: "cv-stat", children: [
-            /* @__PURE__ */ jsx28(MessagesSquare, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
+  return /* @__PURE__ */ jsxs29("div", { className: `cv-workspace${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx31(TooltipLayer, {}),
+    /* @__PURE__ */ jsxs29("header", { className: "cv-workspace-header", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-header__titles", children: [
+        /* @__PURE__ */ jsx31("h1", { children: labels.title }),
+        /* @__PURE__ */ jsxs29("p", { children: [
+          /* @__PURE__ */ jsxs29("span", { "data-cv-tooltip": labels.conversations, className: "cv-stat", children: [
+            /* @__PURE__ */ jsx31(MessagesSquare, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
             " ",
             inbox.totalCount,
-            /* @__PURE__ */ jsxs26("span", { className: "cv-only-wide", children: [
+            /* @__PURE__ */ jsxs29("span", { className: "cv-only-wide", children: [
               " ",
               labels.conversations
             ] })
           ] }),
-          /* @__PURE__ */ jsxs26("span", { "data-cv-tooltip": labels.waiting, className: "cv-stat cv-workspace-header__waiting", children: [
-            /* @__PURE__ */ jsx28(Hourglass2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs29("span", { "data-cv-tooltip": labels.waiting, className: "cv-stat cv-workspace-header__waiting", children: [
+            /* @__PURE__ */ jsx31(Hourglass2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
             " ",
             inbox.waitingCount,
-            /* @__PURE__ */ jsxs26("span", { className: "cv-only-wide", children: [
+            /* @__PURE__ */ jsxs29("span", { className: "cv-only-wide", children: [
               " ",
               labels.waiting
             ] })
           ] }),
-          /* @__PURE__ */ jsxs26("span", { "data-cv-tooltip": labels.unread, className: "cv-stat", children: [
-            /* @__PURE__ */ jsx28(Mail2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs29("span", { "data-cv-tooltip": labels.unread, className: "cv-stat", children: [
+            /* @__PURE__ */ jsx31(Mail2, { size: ICON_SIZE_INLINE, "aria-hidden": "true" }),
             " ",
             inbox.unreadCount,
-            /* @__PURE__ */ jsxs26("span", { className: "cv-only-wide", children: [
+            /* @__PURE__ */ jsxs29("span", { className: "cv-only-wide", children: [
               " ",
               labels.unread
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "cv-workspace-header__actions", children: [
-        /* @__PURE__ */ jsxs26(
+      /* @__PURE__ */ jsxs29("div", { className: "cv-workspace-header__actions", children: [
+        /* @__PURE__ */ jsxs29(
           "button",
           {
             type: "button",
@@ -4840,12 +6484,12 @@ function ConversationsWorkspace({
             "aria-label": labels.waitingOnly,
             className: inbox.waitingOnly ? "cv-workspace-toggle cv-workspace-toggle--on" : "cv-workspace-toggle",
             children: [
-              /* @__PURE__ */ jsx28(Hourglass2, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx28("span", { className: "cv-only-wide", children: labels.waitingOnly })
+              /* @__PURE__ */ jsx31(Hourglass2, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx31("span", { className: "cv-only-wide", children: labels.waitingOnly })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs29(
           "button",
           {
             type: "button",
@@ -4855,9 +6499,9 @@ function ConversationsWorkspace({
             "aria-label": labels.markSelectedAsRead,
             className: "cv-workspace-toggle",
             children: [
-              /* @__PURE__ */ jsx28(Check2, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx28("span", { className: "cv-only-wide", children: labels.markSelectedAsRead }),
-              inbox.selectedIds.size > 0 ? /* @__PURE__ */ jsxs26("span", { children: [
+              /* @__PURE__ */ jsx31(Check2, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx31("span", { className: "cv-only-wide", children: labels.markSelectedAsRead }),
+              inbox.selectedIds.size > 0 ? /* @__PURE__ */ jsxs29("span", { children: [
                 "(",
                 inbox.selectedIds.size,
                 ")"
@@ -4865,7 +6509,7 @@ function ConversationsWorkspace({
             ]
           }
         ),
-        inbox.canMarkAllRead && inbox.unreadCount > 0 ? /* @__PURE__ */ jsxs26(
+        inbox.canMarkAllRead && inbox.unreadCount > 0 ? /* @__PURE__ */ jsxs29(
           "button",
           {
             type: "button",
@@ -4875,28 +6519,28 @@ function ConversationsWorkspace({
             "aria-label": labels.markAllAsRead,
             className: "cv-workspace-toggle",
             children: [
-              /* @__PURE__ */ jsx28(CheckCheck, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx28("span", { className: "cv-only-wide", children: labels.markAllAsRead })
+              /* @__PURE__ */ jsx31(CheckCheck, { size: ICON_SIZE_ACTION, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx31("span", { className: "cv-only-wide", children: labels.markAllAsRead })
             ]
           }
         ) : null,
         renderHeaderActions?.(inbox)
       ] })
     ] }),
-    inbox.loadFailure ? /* @__PURE__ */ jsxs26("p", { role: "alert", className: "cv-workspace-failure", children: [
+    inbox.loadFailure ? /* @__PURE__ */ jsxs29("p", { role: "alert", className: "cv-workspace-failure", children: [
       inbox.loadFailure,
-      signInHref ? /* @__PURE__ */ jsxs26(Fragment7, { children: [
+      signInHref ? /* @__PURE__ */ jsxs29(Fragment8, { children: [
         " ",
-        /* @__PURE__ */ jsx28("a", { href: signInHref, className: "cv-workspace-failure__link", children: labels.signIn })
+        /* @__PURE__ */ jsx31("a", { href: signInHref, className: "cv-workspace-failure__link", children: labels.signIn })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs26(
+    /* @__PURE__ */ jsxs29(
       "div",
       {
         className: `cv-workspace-grid${showSimulator ? " cv-workspace-grid--with-simulator" : ""}`,
         "data-detail": selected ? "open" : "closed",
         children: [
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx31(
             ConversationsInboxList,
             {
               inbox,
@@ -4908,7 +6552,7 @@ function ConversationsWorkspace({
               ...onSendTemplateToSelected ? { onSendTemplateToSelected: () => onSendTemplateToSelected(inbox) } : inbox.canListTemplates ? { onSendTemplateToSelected: () => setTemplateModalOpen(true) } : {}
             }
           ),
-          /* @__PURE__ */ jsx28("section", { className: "cv-workspace-detail", children: selected ? /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx31("section", { className: "cv-workspace-detail", children: selected ? /* @__PURE__ */ jsx31(
             ConversationPane,
             {
               conversation: selected,
@@ -4925,6 +6569,7 @@ function ConversationsWorkspace({
               ...initialComposerText ? { initialComposerText } : {},
               ...composer ? { composer } : {},
               ...composerVariablesFor ? { composerVariablesFor } : {},
+              ...conversationVariablesFor ? { conversationVariablesFor } : {},
               ...onSendAttachments ? {
                 onSendAttachments: (files, caption) => onSendAttachments(selected, files, caption)
               } : {},
@@ -4937,14 +6582,14 @@ function ConversationsWorkspace({
               ...renderAboveTranscript ? { renderAboveTranscript } : {},
               ...onAttach ? { onAttach: (file) => onAttach(selected, file) } : {}
             }
-          ) : /* @__PURE__ */ jsx28("p", { className: "cv-workspace-empty", children: labels.emptyDetail }) }),
+          ) : /* @__PURE__ */ jsx31("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__ */ jsx28("div", { className: "cv-workspace-simulator", children: simulator?.render ? simulator.render({ conversationId: selected.id, channel, close: () => setSimulatorOpen(false) }) : simulatorClient && conversations ? (
+            /* @__PURE__ */ jsx31("div", { className: "cv-workspace-simulator", children: simulator?.render ? simulator.render({ conversationId: selected.id, channel, close: () => setSimulatorOpen(false) }) : simulatorClient && conversations ? (
               // `key` pela conversa: trocar de contato sem remontar deixaria o transcript e o campo
               // de texto do contato anterior na tela.
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx31(
                 ConversationSimulatorPanel,
                 {
                   client: simulatorClient,
@@ -4965,7 +6610,7 @@ function ConversationsWorkspace({
         ]
       }
     ),
-    templateModalOpen ? /* @__PURE__ */ jsx28(
+    templateModalOpen ? /* @__PURE__ */ jsx31(
       BulkTemplateModal,
       {
         labels,
@@ -5018,8 +6663,11 @@ export {
   DEFAULT_EMOJI_PICKER_LABELS,
   DEFAULT_INTERACTIVE_MESSAGE_LABELS,
   DEFAULT_LIGHTBOX_LABELS,
+  DEFAULT_MAX_ATTACHMENT_SIZE_BYTES,
   DEFAULT_MAX_RECORDING_MILLISECONDS,
   DEFAULT_MESSAGE_COMPOSER_LABELS,
+  DEFAULT_QUICK_REPLIES_PICKER_LABELS,
+  DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS,
   DEFAULT_RICH_COMPOSER_TOOLTIPS,
   DEFAULT_TEMPLATES_SETTINGS_LABELS,
   DEFAULT_WHATSAPP_MESSAGE_EDITOR_LABELS,
@@ -5045,6 +6693,10 @@ export {
   MessagesWorkspace,
   MultiSelectFilter,
   NARROW_MAX_WIDTH_PX,
+  QUICK_REPLY_ATTACHMENT_LIMIT,
+  QueuedAttachmentsList,
+  QuickRepliesPicker,
+  QuickRepliesWorkspace,
   REOPEN_MECHANISM,
   REPLY_LATENCY,
   REPLY_LATENCY_CRITICAL_HOURS,
@@ -5075,19 +6727,24 @@ export {
   contactFlag,
   createMediaUrlResolver,
   downloadTextFile,
+  filterQuickReplies,
   formatContactHandle,
   formatDateTime,
   formatFileSize,
   formatPhone,
   formatStalledFor,
   formatTimestamp,
+  highlightMatch,
   htmlToWA,
   isReplyOverdue,
   isSameDay,
   isWindowBlocking,
+  normalizeForSearch,
   parseWhatsAppFormatting,
   phoneInitials,
+  queuedAttachmentsFromQuickReply,
   replyLatencyOf,
+  resolveMaxAttachmentSizeBytes,
   resolveQuickReply,
   searchEmojis,
   toast,