@veploy/ploychat 0.1.2 → 0.1.3

package/dist/index.js

@@ -46,7 +46,7 @@ function createPloyClient(config = {}) {
     });
   }
   const live = !!(config.apiBase && config.workspaceId && config.getToken);
-  return { apiFetch, supabase, live };
+  return { apiFetch, supabase, live, agentName: config.agentName || null };
 }
 
 // src/lib/context.jsx
@@ -56,7 +56,7 @@ function PloyConfigProvider({ config, children }) {
   const value = useMemo(() => {
     const client = createPloyClient(config);
     return { config, client };
-  }, [config.apiBase, config.workspaceId, config.getToken, config.supabase, config.supabaseUrl, config.supabaseAnonKey]);
+  }, [config.apiBase, config.workspaceId, config.getToken, config.supabase, config.supabaseUrl, config.supabaseAnonKey, config.agentName]);
   return /* @__PURE__ */ jsx(PloyContext.Provider, { value, children });
 }
 function usePloy() {
@@ -100,18 +100,21 @@ function relTime(iso) {
   if (h < 24) return `${h}h`;
   return `${Math.floor(h / 24)}d`;
 }
-function nowHHMM() {
+function nowHHMM2() {
   const d = /* @__PURE__ */ new Date();
   return `${pad(d.getHours())}:${pad(d.getMinutes())}`;
 }
 var STATUS_MAP = { open: "open", pending: "in_progress", resolved: "resolved", snoozed: "waiting" };
 function mapConversation(c) {
   const contact = c.contact || {};
-  const name = contact.name || contact.push_name || contact.phone_e164 || contact.external_id || "Contato";
+  const isGroup = String(contact.external_id || "").endsWith("@g.us");
+  const name = contact.name || (isGroup ? "Grupo" : contact.push_name || contact.phone_e164 || contact.external_id || "Contato");
   return {
     id: c.id,
     name,
-    phone: contact.phone_e164 || "",
+    isGroup,
+    phone: isGroup ? "" : contact.phone_e164 || "",
+    avatar: contact.profile_pic_url || null,
     avatarColor: colorFor(c.id),
     preview: c.last_message_preview || "",
     waitFor: relTime(c.last_message_at),
@@ -119,12 +122,17 @@ function mapConversation(c) {
     sla: "ok",
     priority: c.priority || "normal",
     status: STATUS_MAP[c.status] || "open",
-    ticket: c.property_ref ? `REF ${c.property_ref}` : `#${String(c.id).slice(0, 4)}`,
+    // só mostra "ticket" quando há REF real de imóvel; senão nada (o #id era ruído)
+    ticket: c.property_ref ? `REF ${c.property_ref}` : null,
     starred: false,
+    aiSummary: c.ai_summary || "",
+    // resumo IA persistido (tarja)
+    aiSummaryCount: c.ai_summary_msg_count || 0,
     _raw: c
   };
 }
 function mapMessage(m) {
+  var _a, _b;
   const ts = m.sent_at || m.created_at;
   if (m.kind === "note") {
     return { id: m.id, side: "note", kind: "text", text: m.text || "", time: timeOf(ts), day: dayOf(ts), author: m.author_name, _raw: m };
@@ -144,8 +152,11 @@ function mapMessage(m) {
     // 'in' | 'out'
     kind,
     text,
+    // em grupos, quem enviou (participante) — vem do pushName no payload bruto
+    author: m.direction === "in" ? ((_a = m.raw) == null ? void 0 : _a.pushName) || ((_b = m.raw) == null ? void 0 : _b.push_name) || "" : "",
     caption: m.caption || "",
     meta: m.media_mime || "",
+    filename: m.media_filename || "",
     mediaUrl: m.media_url || "",
     time: timeOf(ts),
     day: dayOf(ts),
@@ -161,14 +172,21 @@ function useInbox() {
   const [conversations2, setConversations] = useState([]);
   const [activeId, setActiveId] = useState(null);
   const [messages, setMessages] = useState([]);
+  const [messagesLoading, setMessagesLoading] = useState(false);
   const [channels, setChannels] = useState([]);
+  const [channelsLoaded, setChannelsLoaded] = useState(false);
   const [agents, setAgents] = useState([]);
   const [me, setMe] = useState(null);
+  const [canDelete, setCanDelete] = useState(false);
+  const [scope, setScope] = useState("all");
+  const [draftConv, setDraftConv] = useState(null);
   const [tenantId, setTenantId] = useState(null);
+  const [typingConvId, setTypingConvId] = useState(null);
   const [loading, setLoading] = useState(live);
   const [error, setError] = useState(null);
   const activeIdRef = useRef(null);
   activeIdRef.current = activeId;
+  const typingTimerRef = useRef(null);
   const api = client.apiFetch;
   useEffect(() => {
     if (!live) return;
@@ -176,6 +194,8 @@ function useInbox() {
       var _a;
       if ((_a = m == null ? void 0 : m.user) == null ? void 0 : _a.id) setMe(m.user.id);
       if (m == null ? void 0 : m.tenant_id) setTenantId(m.tenant_id);
+      setCanDelete(!!(m == null ? void 0 : m.can_delete));
+      if (m == null ? void 0 : m.inbox_scope) setScope(m.inbox_scope);
     }).catch(() => {
     });
   }, [live, api]);
@@ -195,13 +215,28 @@ function useInbox() {
       setLoading(false);
     }
   }, [live, api]);
-  const loadMessages = useCallback(async (convId) => {
+  const msgCacheRef = useRef({});
+  const loadMessages = useCallback(async (convId, opts = {}) => {
     if (!live || !convId) return;
+    if (!opts.silent) {
+      const cached = msgCacheRef.current[convId];
+      if (cached) {
+        setMessages(cached);
+        setMessagesLoading(false);
+      } else {
+        setMessages([]);
+        setMessagesLoading(true);
+      }
+    }
     try {
       const res = await api(`/v1/conversations/${convId}/messages?limit=50`);
-      setMessages(((res == null ? void 0 : res.messages) || []).slice().reverse().map(mapMessage));
+      const mapped = ((res == null ? void 0 : res.messages) || []).slice().reverse().map(mapMessage);
+      msgCacheRef.current[convId] = mapped;
+      if (activeIdRef.current === convId) setMessages(mapped);
     } catch (e) {
       setError(e.message);
+    } finally {
+      if (activeIdRef.current === convId) setMessagesLoading(false);
     }
   }, [live, api]);
   const loadChannels = useCallback(async () => {
@@ -212,6 +247,8 @@ function useInbox() {
       return l;
     } catch {
       return [];
+    } finally {
+      setChannelsLoaded(true);
     }
   }, [live, api]);
   const loadAgents = useCallback(async () => {
@@ -232,6 +269,9 @@ function useInbox() {
   useEffect(() => {
     loadMessages(activeId);
   }, [activeId, loadMessages]);
+  useEffect(() => {
+    if (draftConv && conversations2.some((c) => c.id === draftConv.id)) setDraftConv(null);
+  }, [conversations2, draftConv]);
   const markRead = useCallback(async (convId) => {
     if (!live || !convId) return;
     setConversations((cs) => cs.map((c) => c.id === convId ? { ...c, unread: 0 } : c));
@@ -252,12 +292,13 @@ function useInbox() {
   const send = useCallback(async (text, isNote = false) => {
     const t = (text || "").trim();
     if (!t || !live || !activeIdRef.current) return;
-    const tmpId = `tmp${Date.now()}`;
-    setMessages((ms) => [...ms, isNote ? { id: tmpId, side: "note", kind: "text", text: t, time: nowHHMM() } : { id: tmpId, side: "out", kind: "text", text: t, time: nowHHMM(), status: "pending" }]);
+    const cid = typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : null;
+    const tmpId = cid || `tmp${Date.now()}`;
+    setMessages((ms) => [...ms, isNote ? { id: tmpId, side: "note", kind: "text", text: t, time: nowHHMM2() } : { id: tmpId, side: "out", kind: "text", text: t, time: nowHHMM2(), status: "pending" }]);
     try {
       const saved = await api(`/v1/conversations/${activeIdRef.current}/messages`, {
         method: "POST",
-        body: isNote ? { text: t, note: true } : { text: t }
+        body: isNote ? { text: t, note: true, client_id: cid || void 0 } : { text: t, author_name: client.agentName || void 0, client_id: cid || void 0 }
       });
       setMessages((ms) => ms.map((m) => m.id === tmpId ? mapMessage(saved) : m));
     } catch {
@@ -266,12 +307,13 @@ function useInbox() {
   }, [live, api]);
   const sendMedia = useCallback(async ({ data, mime, kind, filename, previewUrl, caption }) => {
     if (!live || !activeIdRef.current || !data) return;
-    const tmpId = `tmp${Date.now()}`;
-    setMessages((ms) => [...ms, { id: tmpId, side: "out", kind, mediaUrl: previewUrl || "", caption: caption || "", meta: filename || mime || "", time: nowHHMM(), status: "pending" }]);
+    const cid = typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : null;
+    const tmpId = cid || `tmp${Date.now()}`;
+    setMessages((ms) => [...ms, { id: tmpId, side: "out", kind, mediaUrl: previewUrl || "", caption: caption || "", filename: filename || "", meta: mime || "", time: nowHHMM2(), status: "pending" }]);
     try {
       const saved = await api(`/v1/conversations/${activeIdRef.current}/messages`, {
         method: "POST",
-        body: { media: { data, mime, kind, filename }, caption }
+        body: { media: { data, mime, kind, filename }, caption, author_name: client.agentName || void 0, client_id: cid || void 0 }
       });
       const mapped = mapMessage(saved);
       setMessages((ms) => ms.map((m) => m.id === tmpId ? { ...mapped, mediaUrl: mapped.mediaUrl || previewUrl || "" } : m));
@@ -279,6 +321,43 @@ function useInbox() {
       setMessages((ms) => ms.map((m) => m.id === tmpId ? { ...m, status: "failed" } : m));
     }
   }, [live, api]);
+  const deleteMessage = useCallback(async (messageId) => {
+    if (!live || !messageId || !activeIdRef.current) return;
+    const convId = activeIdRef.current;
+    setMessages((ms) => ms.filter((m) => m.id !== messageId));
+    try {
+      await api(`/v1/conversations/${convId}/messages/${messageId}`, { method: "DELETE" });
+    } catch (e) {
+      setError(e.message);
+      loadMessages(convId);
+    }
+  }, [live, api, loadMessages]);
+  const setTyping = useCallback((convId, state) => {
+    if (!live || !convId) return;
+    api(`/v1/conversations/${convId}/typing`, { method: "POST", body: { state } }).catch(() => {
+    });
+  }, [live, api]);
+  const createConversation = useCallback(async (phone, text) => {
+    if (!live) return null;
+    const conv = await api("/v1/conversations", {
+      method: "POST",
+      body: { phone, text: text || void 0, author_name: client.agentName || void 0 }
+    });
+    const mapped = mapConversation(conv);
+    if (conv == null ? void 0 : conv.last_message_at) {
+      setDraftConv(null);
+      await loadConversations();
+    } else {
+      setDraftConv(mapped);
+    }
+    if (mapped == null ? void 0 : mapped.id) setActiveId(mapped.id);
+    return conv;
+  }, [live, api, loadConversations]);
+  const summarize = useCallback(async (convId) => {
+    if (!live || !convId) return "";
+    const r = await api(`/v1/ai/conversations/${convId}/summary`, { method: "POST" });
+    return (r == null ? void 0 : r.summary) || "";
+  }, [live, api]);
   const createChannel = useCallback((displayName) => api("/v1/channels", { method: "POST", body: { display_name: displayName } }), [api]);
   const connect = useCallback((id) => api(`/v1/channels/${id}/connect`, { method: "POST" }), [api]);
   const channelStatus = useCallback((id) => api(`/v1/channels/${id}/status`), [api]);
@@ -287,17 +366,26 @@ function useInbox() {
     const sb = client.supabase;
     if (!sb) return;
     const ch = sb.channel(`inbox:${tenantId}`).on("broadcast", { event: "message.created" }, ({ payload }) => {
-      if ((payload == null ? void 0 : payload.conversation_id) === activeIdRef.current) {
-        setMessages((ms) => ms.some((m) => m.id === payload.id) ? ms : [...ms, mapMessage(payload)]);
-      }
+      if ((payload == null ? void 0 : payload.conversation_id) === activeIdRef.current) loadMessages(activeIdRef.current, { silent: true });
       loadConversations();
     }).on("broadcast", { event: "message.updated" }, ({ payload }) => {
       setMessages((ms) => ms.map((m) => m.id === (payload == null ? void 0 : payload.id) ? { ...m, status: payload.status || m.status } : m));
-    }).on("broadcast", { event: "conversation.updated" }, () => loadConversations()).on("broadcast", { event: "channel.updated" }, () => loadChannels()).subscribe();
+    }).on("broadcast", { event: "conversation.updated" }, () => loadConversations()).on("broadcast", { event: "channel.updated" }, () => loadChannels()).on("broadcast", { event: "message.deleted" }, ({ payload }) => {
+      setMessages((ms) => ms.filter((m) => m.id !== (payload == null ? void 0 : payload.id)));
+    }).on("broadcast", { event: "presence.update" }, ({ payload }) => {
+      if ((payload == null ? void 0 : payload.state) === "composing") {
+        setTypingConvId(payload.conversation_id);
+        clearTimeout(typingTimerRef.current);
+        typingTimerRef.current = setTimeout(() => setTypingConvId(null), 6e3);
+      } else {
+        setTypingConvId((cur) => cur === (payload == null ? void 0 : payload.conversation_id) ? null : cur);
+      }
+    }).subscribe();
     return () => {
       sb.removeChannel(ch);
+      clearTimeout(typingTimerRef.current);
     };
-  }, [live, tenantId, client, loadConversations, loadChannels]);
+  }, [live, tenantId, client, loadConversations, loadChannels, loadMessages]);
   return {
     live,
     loading,
@@ -306,6 +394,9 @@ function useInbox() {
     activeId,
     setActiveId,
     messages,
+    messagesLoading,
+    scope,
+    draftConv,
     send,
     sendMedia,
     markRead,
@@ -314,10 +405,17 @@ function useInbox() {
     agents,
     loadAgents,
     channels,
+    channelsLoaded,
     loadChannels,
     createChannel,
+    createConversation,
     connect,
-    channelStatus
+    channelStatus,
+    setTyping,
+    typingConvId,
+    deleteMessage,
+    canDelete,
+    summarize
   };
 }
 
@@ -517,6 +615,7 @@ function TransferModal({ inbox, conversationId, currentAssignee, onClose }) {
 
 // src/components/App.jsx
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var REGEN_EVERY = 3;
 var Icon = ({ d, className = "w-4 h-4", stroke = 1.8, fill = "none" }) => /* @__PURE__ */ jsx5("svg", { viewBox: "0 0 24 24", className, fill, stroke: "currentColor", strokeWidth: stroke, strokeLinecap: "round", strokeLinejoin: "round", children: d });
 var I = {
   inbox: /* @__PURE__ */ jsx5(Icon, { d: /* @__PURE__ */ jsxs3(Fragment, { children: [
@@ -745,14 +844,29 @@ var I = {
     /* @__PURE__ */ jsx5("path", { d: "M14 21h.01" }),
     /* @__PURE__ */ jsx5("path", { d: "M21 21v-3.5" }),
     /* @__PURE__ */ jsx5("path", { d: "M17.5 21h.01" })
+  ] }) }),
+  back: /* @__PURE__ */ jsx5(Icon, { d: /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx5("path", { d: "M19 12H5" }),
+    /* @__PURE__ */ jsx5("path", { d: "M12 19l-7-7 7-7" })
+  ] }) }),
+  trash: /* @__PURE__ */ jsx5(Icon, { d: /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx5("polyline", { points: "3 6 5 6 21 6" }),
+    /* @__PURE__ */ jsx5("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+  ] }) }),
+  sparkle: /* @__PURE__ */ jsx5(Icon, { d: /* @__PURE__ */ jsx5("path", { d: "M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9L12 3Z" }) }),
+  warn: /* @__PURE__ */ jsx5(Icon, { d: /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx5("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }),
+    /* @__PURE__ */ jsx5("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ jsx5("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
   ] }) })
 };
-var Avatar = ({ name, size = "md", color = "bg-violet-500", online }) => {
-  const sizes = { sm: "w-7 h-7 text-[11px]", md: "w-9 h-9 text-xs", lg: "w-11 h-11 text-sm", xl: "w-14 h-14 text-base" };
-  const initials = name.split(" ").map((p) => p[0]).slice(0, 2).join("").toUpperCase();
+var Avatar = ({ name = "", src, size = "md", color = "bg-violet-500", online, dot }) => {
+  const sizes = { xs: "w-5 h-5 text-[9px]", sm: "w-7 h-7 text-[11px]", md: "w-9 h-9 text-xs", lg: "w-11 h-11 text-sm", xl: "w-14 h-14 text-base" };
+  const initials = (name || "").split(" ").filter(Boolean).map((p) => p[0]).slice(0, 2).join("").toUpperCase() || "?";
+  const dotColor = dot || (online ? "bg-emerald-500" : null);
   return /* @__PURE__ */ jsxs3("div", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsx5("div", { className: `${sizes[size]} ${color} rounded-full text-white font-semibold inline-flex items-center justify-center select-none shrink-0`, children: initials }),
-    online && /* @__PURE__ */ jsx5("span", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 rounded-full bg-emerald-500 ring-2 ring-white" })
+    src ? /* @__PURE__ */ jsx5("img", { src, alt: name, className: `${sizes[size]} rounded-full object-cover select-none shrink-0` }) : /* @__PURE__ */ jsx5("div", { className: `${sizes[size]} ${color} rounded-full text-white font-semibold inline-flex items-center justify-center select-none shrink-0`, children: initials }),
+    dotColor && /* @__PURE__ */ jsx5("span", { className: `absolute bottom-0 right-0 w-2.5 h-2.5 rounded-full ${dotColor} ring-2 ring-white` })
   ] });
 };
 var Pill = ({ children, tone = "slate" }) => {
@@ -878,15 +992,12 @@ var quickReplies = [
   { id: "q3", label: "Agendar visita", text: "Posso j\xE1 agendar a visita pra voc\xEA. Qual o melhor dia e hor\xE1rio essa semana?" },
   { id: "q4", label: "Documentos", text: "Pra avan\xE7ar com a proposta, vou precisar de RG, CPF, comprovante de renda e resid\xEAncia. Pode me enviar por aqui mesmo." }
 ];
-var statusInfo = {
-  open: { tone: "sky", label: "Aberto" },
-  in_progress: { tone: "amber", label: "Em atendimento" },
-  waiting: { tone: "violet", label: "Aguardando cliente" },
-  resolved: { tone: "emerald", label: "Resolvido" }
-};
-function App() {
+function App({ onBack, agent, onUnreadChange }) {
   var _a;
   const inbox = useInbox();
+  const [available, setAvailable] = useState4(true);
+  const typingSentRef = useRef3(0);
+  const typingStopRef = useRef3(null);
   const live = inbox.live;
   const [mockActiveId, setMockActiveId] = useState4("c1");
   const activeId = live ? inbox.activeId : mockActiveId;
@@ -894,6 +1005,16 @@ function App() {
   const [connectOpen, setConnectOpen] = useState4(false);
   const [transferOpen, setTransferOpen] = useState4(false);
   const [emojiOpen, setEmojiOpen] = useState4(false);
+  const emojiRef = useRef3(null);
+  const [mediaPreview, setMediaPreview] = useState4(null);
+  const [selectMode, setSelectMode] = useState4(false);
+  const [selectedMsgs, setSelectedMsgs] = useState4(() => /* @__PURE__ */ new Set());
+  const [confirmDelete, setConfirmDelete] = useState4(false);
+  const [newConv, setNewConv] = useState4(null);
+  const [aiSummary, setAiSummary] = useState4(null);
+  const [convSummary, setConvSummary] = useState4(null);
+  const curConvRef = useRef3(null);
+  const summarizingRef = useRef3(null);
   const [filterOpen, setFilterOpen] = useState4(false);
   const [unreadOnly, setUnreadOnly] = useState4(false);
   const [mineOnly, setMineOnly] = useState4(false);
@@ -902,7 +1023,7 @@ function App() {
   const [composeMode, setComposeMode] = useState4("reply");
   const [text, setText] = useState4("");
   const [filter, setFilter] = useState4("all");
-  const [detailsOpen, setDetailsOpen] = useState4(true);
+  const [detailsOpen, setDetailsOpen] = useState4(false);
   const [quickOpen, setQuickOpen] = useState4(false);
   const [searchOpen, setSearchOpen] = useState4(false);
   const [searchQuery, setSearchQuery] = useState4("");
@@ -974,27 +1095,91 @@ function App() {
     setEmojiOpen(false);
     (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
   };
-  const sendMediaFile = async (file, kind) => {
+  const enterSelect = (id) => {
+    setSelectMode(true);
+    setSelectedMsgs(/* @__PURE__ */ new Set([id]));
+  };
+  const toggleSelect = (id) => setSelectedMsgs((s) => {
+    const n = new Set(s);
+    n.has(id) ? n.delete(id) : n.add(id);
+    if (n.size === 0) setSelectMode(false);
+    return n;
+  });
+  const exitSelect = () => {
+    setSelectMode(false);
+    setSelectedMsgs(/* @__PURE__ */ new Set());
+  };
+  const doDeleteSelected = async () => {
+    const ids = [...selectedMsgs];
+    setConfirmDelete(false);
+    exitSelect();
+    await Promise.all(ids.map((id) => inbox.deleteMessage(id)));
+  };
+  const handleSummarize = async () => {
+    if (!active) return;
+    setAiSummary({ loading: true });
+    try {
+      const s = await inbox.summarize(active.id);
+      setAiSummary({ text: s });
+    } catch (e) {
+      setAiSummary({ error: e.message || "Falha ao gerar o resumo" });
+    }
+  };
+  const submitNewConv = async () => {
+    const phone = ((newConv == null ? void 0 : newConv.phone) || "").trim();
+    if (!phone) return;
+    setNewConv((c) => ({ ...c, busy: true, error: "" }));
+    try {
+      await inbox.createConversation(phone, newConv.text);
+      setNewConv(null);
+    } catch (e) {
+      setNewConv((c) => ({ ...c, busy: false, error: e.message || "Falha ao iniciar conversa" }));
+    }
+  };
+  useEffect4(() => {
+    if (!emojiOpen) return;
+    const onDoc = (e) => {
+      if (emojiRef.current && !emojiRef.current.contains(e.target)) setEmojiOpen(false);
+    };
+    document.addEventListener("mousedown", onDoc);
+    return () => document.removeEventListener("mousedown", onDoc);
+  }, [emojiOpen]);
+  useEffect4(() => {
+    setSelectMode(false);
+    setSelectedMsgs(/* @__PURE__ */ new Set());
+  }, [activeId]);
+  useEffect4(() => {
+    if (typeof onUnreadChange !== "function") return;
+    onUnreadChange((convList || []).reduce((s, c) => s + (c.unread || 0), 0));
+  }, [convList, onUnreadChange]);
+  const openMediaPreview = (file, kind) => {
     if (!file) return;
-    const previewUrl = URL.createObjectURL(file);
-    const data = await fileToDataUrl(file);
+    setMediaPreview({ file, kind, previewUrl: URL.createObjectURL(file), caption: "" });
+  };
+  const confirmMediaSend = async () => {
+    var _a2;
+    const p = mediaPreview;
+    if (!p) return;
+    setMediaPreview(null);
+    const data = await fileToDataUrl(p.file);
+    const caption = ((_a2 = p.caption) == null ? void 0 : _a2.trim()) || void 0;
     if (live) {
-      inbox.sendMedia({ data, mime: file.type, kind, filename: file.name, previewUrl });
+      inbox.sendMedia({ data, mime: p.file.type, kind: p.kind, filename: p.file.name, previewUrl: p.previewUrl, caption });
     } else {
-      setMessages((ms) => [...ms, { id: `m${Date.now()}`, side: "out", kind, mediaUrl: previewUrl, meta: file.name, time: formatNow(), status: "sent" }]);
+      setMessages((ms) => [...ms, { id: `m${Date.now()}`, side: "out", kind: p.kind, mediaUrl: p.previewUrl, filename: p.file.name, caption: caption || "", time: nowHHMM(), status: "sent" }]);
     }
   };
-  const onPickImage = async (e) => {
+  const onPickImage = (e) => {
     var _a2;
     const f = (_a2 = e.target.files) == null ? void 0 : _a2[0];
     e.target.value = "";
-    await sendMediaFile(f, "image");
+    openMediaPreview(f, "image");
   };
-  const onPickFile = async (e) => {
+  const onPickFile = (e) => {
     var _a2;
     const f = (_a2 = e.target.files) == null ? void 0 : _a2[0];
     e.target.value = "";
-    await sendMediaFile(f, "document");
+    openMediaPreview(f, "document");
   };
   const startRecording = async () => {
     try {
@@ -1113,19 +1298,50 @@ function App() {
   };
   const nextMatch = () => searchMatches.length && setSearchIndex((i) => (i + 1) % searchMatches.length);
   const prevMatch = () => searchMatches.length && setSearchIndex((i) => (i - 1 + searchMatches.length) % searchMatches.length);
-  const active = convList.find((c) => c.id === activeId);
+  const active = convList.find((c) => c.id === activeId) || (inbox.draftConv && inbox.draftConv.id === activeId ? inbox.draftConv : null);
+  useEffect4(() => {
+    curConvRef.current = activeId;
+    if (!live || !active || threadMessages.length === 0) {
+      setConvSummary(null);
+      return;
+    }
+    const convId = activeId;
+    const saved = active.aiSummary || "";
+    const savedCount = active.aiSummaryCount || 0;
+    const count = threadMessages.length;
+    setConvSummary({ convId, text: saved });
+    const stale = !saved || count - savedCount >= REGEN_EVERY;
+    if (!stale || summarizingRef.current === convId) return;
+    summarizingRef.current = convId;
+    setConvSummary({ convId, loading: true, text: saved });
+    inbox.summarize(convId).then((text2) => {
+      summarizingRef.current = null;
+      if (curConvRef.current !== convId || !text2) return;
+      setConvSummary({ convId, text: text2 });
+      inbox.loadConversations();
+    }).catch((e) => {
+      summarizingRef.current = null;
+      if (curConvRef.current === convId) setConvSummary({ convId, text: saved, error: e.message });
+    });
+  }, [activeId, threadMessages.length, live, active == null ? void 0 : active.aiSummary, active == null ? void 0 : active.aiSummaryCount]);
   useEffect4(() => {
     if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
   }, [activeId, threadMessages.length]);
   const counts = useMemo2(() => ({
-    open: convList.filter((c) => c.status !== "resolved" && c.status !== "waiting").length,
-    pending: convList.filter((c) => c.status === "waiting").length,
-    all: convList.length
-  }), [convList]);
+    all: convList.length,
+    unread: convList.filter((c) => c.unread > 0).length,
+    mine: convList.filter((c) => {
+      var _a2;
+      return ((_a2 = c._raw) == null ? void 0 : _a2.assignee_user_id) && c._raw.assignee_user_id === inbox.me;
+    }).length
+  }), [convList, inbox.me]);
   const filtered = useMemo2(() => {
     let list = convList;
-    if (filter === "pending") list = list.filter((c) => c.status === "waiting");
-    else if (filter !== "all") list = list.filter((c) => c.status !== "resolved" && c.status !== "waiting");
+    if (filter === "unread") list = list.filter((c) => c.unread > 0);
+    else if (filter === "mine") list = list.filter((c) => {
+      var _a2;
+      return ((_a2 = c._raw) == null ? void 0 : _a2.assignee_user_id) && c._raw.assignee_user_id === inbox.me;
+    });
     if (unreadOnly) list = list.filter((c) => c.unread > 0);
     if (mineOnly) list = list.filter((c) => {
       var _a2;
@@ -1133,55 +1349,100 @@ function App() {
     });
     return list;
   }, [filter, convList, unreadOnly, mineOnly, inbox.me]);
-  return /* @__PURE__ */ jsxs3("div", { className: "h-full w-full bg-slate-100 flex text-slate-900", children: [
-    /* @__PURE__ */ jsxs3("main", { className: "flex-1 flex overflow-hidden", children: [
+  const channelList = inbox.channels || [];
+  const isConnected = channelList.some((c) => c.status === "connected");
+  const hasChannel = channelList.length > 0;
+  const channelsReady = inbox.channelsLoaded;
+  const needsReconnect = live && channelsReady && hasChannel && !isConnected;
+  const needsConnect = live && channelsReady && !hasChannel;
+  const agentOf = (id) => id ? (inbox.agents || []).find((a) => a.user_id === id) : null;
+  const notifyTyping = () => {
+    if (!live || !activeId || composeMode !== "reply") return;
+    const now = Date.now();
+    if (now - typingSentRef.current > 2500) {
+      typingSentRef.current = now;
+      inbox.setTyping(activeId, "composing");
+    }
+    clearTimeout(typingStopRef.current);
+    typingStopRef.current = setTimeout(() => {
+      inbox.setTyping(activeId, "paused");
+      typingSentRef.current = 0;
+    }, 3e3);
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "h-full w-full bg-slate-100 flex flex-col text-slate-900", children: [
+    needsReconnect && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 px-4 py-2 bg-amber-50 border-b border-amber-200 text-amber-800 text-[13px] shrink-0", children: [
+      /* @__PURE__ */ jsx5("span", { className: "shrink-0", children: I.warn }),
+      /* @__PURE__ */ jsx5("span", { className: "min-w-0", children: "WhatsApp desconectado. Reconecte o n\xFAmero para continuar recebendo mensagens." }),
+      /* @__PURE__ */ jsx5(
+        "button",
+        {
+          onClick: () => setConnectOpen(true),
+          className: "ml-auto shrink-0 font-medium bg-amber-500 hover:bg-amber-600 text-white px-3 py-1 rounded-lg",
+          children: "Reconectar"
+        }
+      )
+    ] }),
+    needsConnect && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 px-4 py-2 bg-emerald-50 border-b border-emerald-200 text-emerald-800 text-[13px] shrink-0", children: [
+      /* @__PURE__ */ jsx5("span", { className: "min-w-0", children: "Conecte um n\xFAmero de WhatsApp para come\xE7ar a atender." }),
+      /* @__PURE__ */ jsx5(
+        "button",
+        {
+          onClick: () => setConnectOpen(true),
+          className: "ml-auto shrink-0 font-medium bg-emerald-600 hover:bg-emerald-700 text-white px-3 py-1 rounded-lg",
+          children: "Conectar"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3("main", { className: "flex-1 flex overflow-hidden min-h-0", children: [
       /* @__PURE__ */ jsxs3("section", { style: { width: listWidth }, className: "relative bg-white border-r border-slate-200 flex flex-col shrink-0", children: [
         /* @__PURE__ */ jsxs3("header", { className: "px-4 pt-4 pb-3 border-b border-slate-100", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-3", children: [
-            /* @__PURE__ */ jsx5("h1", { className: "font-semibold text-[15px]", children: "Caixa de entrada" }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1", children: [
-              live && /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-3 gap-2", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+              onBack && /* @__PURE__ */ jsx5(
                 "button",
                 {
-                  onClick: () => setConnectOpen(true),
-                  title: "Conectar WhatsApp",
-                  className: "p-1.5 rounded-md hover:bg-emerald-50 text-emerald-600",
-                  children: I.qrcode
+                  onClick: onBack,
+                  title: "Voltar",
+                  className: "-ml-1.5 p-1.5 rounded-md text-slate-500 hover:bg-slate-100 shrink-0",
+                  children: I.back
                 }
               ),
-              /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx5(
-                  "button",
-                  {
-                    onClick: () => setFilterOpen((v) => !v),
-                    title: "Filtros",
-                    className: `p-1.5 rounded-md ${unreadOnly || mineOnly ? "bg-slate-900 text-white" : "hover:bg-slate-100 text-slate-500"}`,
-                    children: I.filter
-                  }
-                ),
-                filterOpen && /* @__PURE__ */ jsxs3("div", { className: "absolute right-0 top-[calc(100%+6px)] z-20 w-52 bg-white border border-slate-200 rounded-xl shadow-lg py-1.5 text-[13px]", children: [
-                  /* @__PURE__ */ jsxs3("label", { className: "flex items-center gap-2 px-3 py-1.5 hover:bg-slate-50 cursor-pointer", children: [
-                    /* @__PURE__ */ jsx5("input", { type: "checkbox", checked: unreadOnly, onChange: (e) => setUnreadOnly(e.target.checked) }),
-                    " S\xF3 n\xE3o lidas"
-                  ] }),
-                  live && /* @__PURE__ */ jsxs3("label", { className: "flex items-center gap-2 px-3 py-1.5 hover:bg-slate-50 cursor-pointer", children: [
-                    /* @__PURE__ */ jsx5("input", { type: "checkbox", checked: mineOnly, onChange: (e) => setMineOnly(e.target.checked) }),
-                    " Atribu\xEDdas a mim"
-                  ] }),
-                  (unreadOnly || mineOnly) && /* @__PURE__ */ jsx5(
-                    "button",
-                    {
-                      onClick: () => {
-                        setUnreadOnly(false);
-                        setMineOnly(false);
-                      },
-                      className: "w-full text-left px-3 py-1.5 text-slate-500 hover:bg-slate-50 border-t border-slate-100 mt-1",
-                      children: "Limpar filtros"
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx5("button", { className: "p-1.5 rounded-md text-slate-300 cursor-not-allowed", title: "Ordenar (em breve)", children: I.sort })
+              /* @__PURE__ */ jsx5("h1", { className: "font-semibold text-[15px] truncate", children: "Caixa de entrada" }),
+              live && /* @__PURE__ */ jsxs3(
+                "button",
+                {
+                  onClick: () => setAvailable((v) => !v),
+                  title: `${(agent == null ? void 0 : agent.name) || "Voc\xEA"} \u2014 ${available ? "Dispon\xEDvel (clique para pausar)" : "Pausado (clique para voltar a atender)"}`,
+                  className: "shrink-0 inline-flex items-center gap-1.5 pl-0.5 pr-2 py-0.5 rounded-full hover:bg-slate-100 transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsx5(Avatar, { name: (agent == null ? void 0 : agent.name) || "Voc\xEA", src: agent == null ? void 0 : agent.avatar, size: "xs", dot: available ? "bg-emerald-500" : "bg-slate-400" }),
+                    /* @__PURE__ */ jsx5("span", { className: "text-[11.5px] font-medium text-slate-600 truncate max-w-[84px]", children: (agent == null ? void 0 : agent.name) || "Voc\xEA" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1 shrink-0", children: [
+              live && isConnected && /* @__PURE__ */ jsx5(
+                "button",
+                {
+                  onClick: () => setNewConv({ phone: "", text: "", busy: false, error: "" }),
+                  title: "Nova conversa",
+                  className: "p-1.5 rounded-md text-slate-500 hover:bg-slate-100 hover:text-slate-900",
+                  children: I.plus
+                }
+              ),
+              live && channelsReady && !isConnected && /* @__PURE__ */ jsxs3(
+                "button",
+                {
+                  onClick: () => setConnectOpen(true),
+                  title: needsReconnect ? "WhatsApp desconectado \u2014 reconectar" : "Conectar WhatsApp",
+                  className: "relative p-1.5 rounded-md hover:bg-emerald-50 text-emerald-600",
+                  children: [
+                    I.qrcode,
+                    needsReconnect && /* @__PURE__ */ jsx5("span", { className: "absolute -top-1 -right-1 w-3.5 h-3.5 rounded-full bg-amber-500 text-white text-[9px] font-bold inline-flex items-center justify-center ring-2 ring-white", children: "!" })
+                  ]
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
@@ -1190,8 +1451,8 @@ function App() {
           ] }),
           /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-2 mt-3 text-[12px]", children: [
             ["all", "Todas", counts.all],
-            ["pending", "Pendentes", counts.pending],
-            ["open", "Abertas", counts.open]
+            ["unread", "N\xE3o lidas", counts.unread],
+            ["mine", "Minhas", counts.mine]
           ].map(([k, l, n]) => /* @__PURE__ */ jsxs3(
             "button",
             {
@@ -1206,17 +1467,22 @@ function App() {
             k
           )) })
         ] }),
-        /* @__PURE__ */ jsx5("div", { className: "flex-1 overflow-y-auto", children: filtered.map((c) => /* @__PURE__ */ jsx5(ConversationItem, { c, active: c.id === activeId, onClick: () => {
-          setActiveId(c.id);
-          if (live) inbox.markRead(c.id);
-        } }, c.id)) }),
-        /* @__PURE__ */ jsxs3("footer", { className: "border-t border-slate-100 px-3 py-2 flex items-center justify-between text-[11px] text-slate-500", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx5("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" }),
-            "Dispon\xEDvel para atender"
-          ] }),
-          /* @__PURE__ */ jsx5("button", { className: "hover:text-slate-700", children: "Pausar" })
-        ] }),
+        /* @__PURE__ */ jsx5("div", { className: "flex-1 overflow-y-auto", children: live && inbox.loading && filtered.length === 0 ? [...Array(7)].map((_, i) => /* @__PURE__ */ jsx5(ConversationSkeleton, {}, i)) : filtered.map((c) => {
+          var _a2;
+          return /* @__PURE__ */ jsx5(
+            ConversationItem,
+            {
+              c,
+              active: c.id === activeId,
+              assignee: inbox.scope === "all" ? agentOf((_a2 = c._raw) == null ? void 0 : _a2.assignee_user_id) : null,
+              onClick: () => {
+                setActiveId(c.id);
+                if (live) inbox.markRead(c.id);
+              }
+            },
+            c.id
+          );
+        }) }),
         /* @__PURE__ */ jsx5(
           "div",
           {
@@ -1226,8 +1492,43 @@ function App() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs3("section", { className: "flex-1 flex flex-col bg-slate-50 min-w-0", children: [
-        active && /* @__PURE__ */ jsx5(ChatHeader, { c: active, onToggleDetails: () => setDetailsOpen((v) => !v), detailsOpen, onOpenSearch: openSearch, onTransfer: () => setTransferOpen(true) }),
+      /* @__PURE__ */ jsx5("section", { className: "flex-1 flex flex-col bg-slate-50 min-w-0", children: active ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsx5(ChatHeader, { c: active, onToggleDetails: () => setDetailsOpen((v) => !v), detailsOpen, onOpenSearch: openSearch, onTransfer: () => setTransferOpen(true), typing: live && inbox.typingConvId === (active == null ? void 0 : active.id), onSummarize: live ? handleSummarize : null }),
+        selectMode && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 px-5 py-2.5 bg-slate-900 text-white", children: [
+          /* @__PURE__ */ jsx5("button", { onClick: exitSelect, title: "Cancelar", className: "p-1 rounded hover:bg-white/10", children: I.x }),
+          /* @__PURE__ */ jsxs3("span", { className: "text-[14px] font-medium flex-1", children: [
+            selectedMsgs.size,
+            " selecionada",
+            selectedMsgs.size === 1 ? "" : "s"
+          ] }),
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              onClick: () => selectedMsgs.size && setConfirmDelete(true),
+              disabled: !selectedMsgs.size,
+              title: "Apagar selecionadas",
+              className: "p-1.5 rounded-md hover:bg-white/10 disabled:opacity-40",
+              children: I.trash
+            }
+          )
+        ] }),
+        !selectMode && convSummary && (convSummary.text || convSummary.loading) && /* @__PURE__ */ jsxs3(
+          "button",
+          {
+            onClick: () => convSummary.text && setAiSummary({ text: convSummary.text }),
+            title: "Ver resumo completo",
+            className: "w-full text-left flex items-start gap-2 px-5 py-2 bg-violet-50 border-b border-violet-100 hover:bg-violet-100/70 transition-colors",
+            children: [
+              /* @__PURE__ */ jsx5("span", { className: "text-violet-500 shrink-0 mt-0.5", children: I.sparkle }),
+              convSummary.loading && !convSummary.text ? /* @__PURE__ */ jsx5("span", { className: "text-[12.5px] text-violet-400 animate-pulse", children: "Resumindo a conversa\u2026" }) : /* @__PURE__ */ jsxs3("span", { className: "text-[12.5px] text-violet-900 leading-snug line-clamp-2 flex-1", children: [
+                /* @__PURE__ */ jsx5("strong", { className: "font-semibold text-violet-700", children: "Resumo:" }),
+                " ",
+                convSummary.text
+              ] }),
+              convSummary.loading && convSummary.text && /* @__PURE__ */ jsx5("span", { className: "text-[11px] text-violet-400 shrink-0", children: "atualizando\u2026" })
+            ]
+          }
+        ),
         searchOpen && /* @__PURE__ */ jsx5(
           SearchBar,
           {
@@ -1240,24 +1541,27 @@ function App() {
             onClose: closeSearch
           }
         ),
-        /* @__PURE__ */ jsxs3("div", { ref: scrollRef, className: "flex-1 overflow-y-auto px-6 py-5 space-y-1", children: [
-          /* @__PURE__ */ jsx5(DayDivider, { label: "Hoje" }),
+        /* @__PURE__ */ jsxs3("div", { ref: scrollRef, className: "flex-1 overflow-y-auto px-8 py-6 space-y-1.5", children: [
+          live && inbox.messagesLoading && threadMessages.length === 0 && /* @__PURE__ */ jsx5("div", { className: "space-y-3 py-2", children: [["in", "w-40"], ["in", "w-56"], ["out", "w-48"], ["in", "w-32"], ["out", "w-60"], ["out", "w-36"]].map(([side, w], i) => /* @__PURE__ */ jsx5("div", { className: `flex ${side === "out" ? "justify-end" : "justify-start"}`, children: /* @__PURE__ */ jsx5("div", { className: `h-9 ${w} max-w-[70%] rounded-2xl animate-pulse ${side === "out" ? "bg-emerald-200/70" : "bg-slate-200"}` }) }, i)) }),
+          threadMessages.length > 0 && /* @__PURE__ */ jsx5(DayDivider, { label: "Hoje" }),
           threadMessages.map((m, i) => /* @__PURE__ */ jsx5(
             Message,
             {
               m,
               prev: threadMessages[i - 1],
               searchQuery: searchOpen ? searchQuery : "",
-              isCurrentMatch: m.id === currentMatchId
+              isCurrentMatch: m.id === currentMatchId,
+              isGroup: !!(active == null ? void 0 : active.isGroup),
+              selectable: live && inbox.canDelete,
+              selectMode,
+              selected: selectedMsgs.has(m.id),
+              onEnterSelect: () => enterSelect(m.id),
+              onToggleSelect: () => toggleSelect(m.id)
             },
             m.id
-          )),
-          /* @__PURE__ */ jsx5("div", { className: "text-center mt-4", children: /* @__PURE__ */ jsxs3("span", { className: "text-[11px] text-slate-400 inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx5(Avatar, { name: (active == null ? void 0 : active.name) || "", size: "sm", color: active == null ? void 0 : active.avatarColor }),
-            " Conversa criada por voc\xEA \xB7 agora"
-          ] }) })
+          ))
         ] }),
-        /* @__PURE__ */ jsx5("div", { className: "px-6 pb-5", children: /* @__PURE__ */ jsxs3("div", { className: "bg-white border border-slate-200 rounded-2xl shadow-soft", children: [
+        /* @__PURE__ */ jsx5("div", { className: "px-8 pb-6", children: /* @__PURE__ */ jsxs3("div", { className: "bg-white border border-slate-200 rounded-2xl shadow-soft", children: [
           /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1 px-3 pt-2 text-[12px]", children: [
             [
               ["reply", "Mensagem"],
@@ -1298,14 +1602,17 @@ function App() {
               ref: textareaRef,
               rows: 3,
               value: text,
-              onChange: (e) => setText(e.target.value),
+              onChange: (e) => {
+                setText(e.target.value);
+                notifyTyping();
+              },
               onKeyDown: (e) => {
                 if (e.key === "Enter" && !e.shiftKey) {
                   e.preventDefault();
                   handleSend();
                 }
               },
-              placeholder: composeMode === "note" ? "Adicione uma nota interna \u2014 vis\xEDvel s\xF3 para o time\u2026" : "Digite uma mensagem para Samir\u2026",
+              placeholder: composeMode === "note" ? "Adicione uma nota interna \u2014 vis\xEDvel s\xF3 para o time\u2026" : "Digite uma mensagem\u2026",
               className: `w-full text-[14px] resize-none bg-transparent outline-none placeholder:text-slate-400 ${composeMode === "note" ? "text-yellow-900 placeholder:text-yellow-600" : ""}`
             }
           ) }),
@@ -1321,7 +1628,7 @@ function App() {
                 /* @__PURE__ */ jsx5("span", { className: "opacity-90", children: I.send })
               ] })
             ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-              /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "relative", ref: emojiRef, children: [
                 /* @__PURE__ */ jsx5(
                   "button",
                   {
@@ -1367,21 +1674,125 @@ function App() {
             /* @__PURE__ */ jsx5("input", { ref: fileInputRef, type: "file", className: "hidden", onChange: onPickFile })
           ] })
         ] }) })
-      ] }),
+      ] }) : /* @__PURE__ */ jsx5(EmptyConversation, {}) }),
       detailsOpen && active && /* @__PURE__ */ jsx5(DetailsPanel, { c: active, onClose: () => setDetailsOpen(false) })
     ] }),
     connectOpen && /* @__PURE__ */ jsx5(ConnectChannel, { inbox, onClose: () => setConnectOpen(false) }),
-    transferOpen && active && /* @__PURE__ */ jsx5(TransferModal, { inbox, conversationId: active.id, currentAssignee: (_a = active._raw) == null ? void 0 : _a.assignee_user_id, onClose: () => setTransferOpen(false) })
+    transferOpen && active && /* @__PURE__ */ jsx5(TransferModal, { inbox, conversationId: active.id, currentAssignee: (_a = active._raw) == null ? void 0 : _a.assignee_user_id, onClose: () => setTransferOpen(false) }),
+    mediaPreview && /* @__PURE__ */ jsx5("div", { className: "fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4", onClick: () => setMediaPreview(null), children: /* @__PURE__ */ jsxs3("div", { className: "bg-white rounded-2xl shadow-xl w-[420px] max-w-full p-4", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-3", children: [
+        /* @__PURE__ */ jsxs3("h3", { className: "font-semibold text-[15px]", children: [
+          "Enviar ",
+          mediaPreview.kind === "image" ? "imagem" : "arquivo"
+        ] }),
+        /* @__PURE__ */ jsx5("button", { onClick: () => setMediaPreview(null), className: "text-slate-400 hover:text-slate-700 text-xl leading-none", children: "\xD7" })
+      ] }),
+      mediaPreview.kind === "image" ? /* @__PURE__ */ jsx5("img", { src: mediaPreview.previewUrl, alt: "", className: "w-full max-h-72 object-contain rounded-lg bg-slate-50" }) : /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 bg-slate-50 rounded-lg p-3", children: [
+        /* @__PURE__ */ jsx5("span", { className: "text-slate-500", children: I.file }),
+        /* @__PURE__ */ jsx5("span", { className: "text-[13px] truncate flex-1", children: mediaPreview.file.name })
+      ] }),
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          autoFocus: true,
+          value: mediaPreview.caption,
+          onChange: (e) => setMediaPreview((p) => ({ ...p, caption: e.target.value })),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") confirmMediaSend();
+            if (e.key === "Escape") setMediaPreview(null);
+          },
+          placeholder: "Legenda (opcional)\u2026",
+          className: "w-full mt-3 px-3 py-2 text-[14px] rounded-lg border border-slate-200 outline-none focus:border-slate-300"
+        }
+      ),
+      /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-2 mt-3", children: [
+        /* @__PURE__ */ jsx5("button", { onClick: () => setMediaPreview(null), className: "text-[13px] px-3 py-1.5 rounded-lg text-slate-600 hover:bg-slate-100", children: "Cancelar" }),
+        /* @__PURE__ */ jsxs3("button", { onClick: confirmMediaSend, className: "text-[13px] font-medium bg-emerald-600 hover:bg-emerald-700 text-white px-4 py-1.5 rounded-lg inline-flex items-center gap-1.5", children: [
+          "Enviar ",
+          /* @__PURE__ */ jsx5("span", { className: "opacity-90", children: I.send })
+        ] })
+      ] })
+    ] }) }),
+    confirmDelete && /* @__PURE__ */ jsx5("div", { className: "fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4", onClick: () => setConfirmDelete(false), children: /* @__PURE__ */ jsxs3("div", { className: "bg-white rounded-2xl shadow-xl w-[360px] max-w-full p-5", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs3("h3", { className: "font-semibold text-[16px] text-slate-900", children: [
+        "Apagar ",
+        selectedMsgs.size,
+        " ",
+        selectedMsgs.size === 1 ? "mensagem" : "mensagens",
+        "?"
+      ] }),
+      /* @__PURE__ */ jsx5("p", { className: "text-[13px] text-slate-500 mt-1 mb-4", children: "Ser\xE1 removida para todos no WhatsApp e do seu inbox. N\xE3o d\xE1 pra desfazer." }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx5("button", { onClick: () => setConfirmDelete(false), className: "text-[13px] px-3.5 py-2 rounded-lg text-slate-600 hover:bg-slate-100", children: "Cancelar" }),
+        /* @__PURE__ */ jsx5("button", { onClick: doDeleteSelected, className: "text-[13px] font-medium bg-rose-600 hover:bg-rose-700 text-white px-4 py-2 rounded-lg", children: "Apagar" })
+      ] })
+    ] }) }),
+    newConv && /* @__PURE__ */ jsx5("div", { className: "fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4", onClick: () => !newConv.busy && setNewConv(null), children: /* @__PURE__ */ jsxs3("div", { className: "bg-white rounded-2xl shadow-xl w-[400px] max-w-full p-5", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-3", children: [
+        /* @__PURE__ */ jsx5("h3", { className: "font-semibold text-[15px]", children: "Nova conversa" }),
+        /* @__PURE__ */ jsx5("button", { onClick: () => setNewConv(null), className: "text-slate-400 hover:text-slate-700 text-xl leading-none", children: "\xD7" })
+      ] }),
+      newConv.error && /* @__PURE__ */ jsx5("div", { className: "text-[12px] text-rose-600 mb-2 break-words", children: newConv.error }),
+      /* @__PURE__ */ jsx5("label", { className: "block text-[12px] text-slate-500 mb-1", children: "N\xFAmero (DDD + n\xFAmero; o DDI 55 \xE9 adicionado automaticamente)" }),
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          autoFocus: true,
+          value: newConv.phone,
+          onChange: (e) => setNewConv((c) => ({ ...c, phone: e.target.value })),
+          placeholder: "11 99999-9999",
+          className: "w-full px-3 py-2 text-[14px] rounded-lg border border-slate-200 outline-none focus:border-slate-300"
+        }
+      ),
+      /* @__PURE__ */ jsx5("label", { className: "block text-[12px] text-slate-500 mt-3 mb-1", children: "Primeira mensagem (opcional)" }),
+      /* @__PURE__ */ jsx5(
+        "textarea",
+        {
+          rows: 3,
+          value: newConv.text,
+          onChange: (e) => setNewConv((c) => ({ ...c, text: e.target.value })),
+          placeholder: "Ol\xE1! ...",
+          className: "w-full px-3 py-2 text-[14px] rounded-lg border border-slate-200 outline-none focus:border-slate-300 resize-none"
+        }
+      ),
+      /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-2 mt-4", children: [
+        /* @__PURE__ */ jsx5("button", { onClick: () => setNewConv(null), disabled: newConv.busy, className: "text-[13px] px-3.5 py-2 rounded-lg text-slate-600 hover:bg-slate-100", children: "Cancelar" }),
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: submitNewConv,
+            disabled: newConv.busy || !newConv.phone.trim(),
+            className: "text-[13px] font-medium bg-emerald-600 hover:bg-emerald-700 disabled:opacity-50 text-white px-4 py-2 rounded-lg",
+            children: newConv.busy ? "Iniciando\u2026" : "Iniciar"
+          }
+        )
+      ] })
+    ] }) }),
+    aiSummary && /* @__PURE__ */ jsx5("div", { className: "fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4", onClick: () => setAiSummary(null), children: /* @__PURE__ */ jsxs3("div", { className: "bg-white rounded-2xl shadow-xl w-[440px] max-w-full p-5", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-3", children: [
+        /* @__PURE__ */ jsxs3("h3", { className: "font-semibold text-[15px] inline-flex items-center gap-1.5 text-violet-700", children: [
+          I.sparkle,
+          " Resumo da conversa"
+        ] }),
+        /* @__PURE__ */ jsx5("button", { onClick: () => setAiSummary(null), className: "text-slate-400 hover:text-slate-700 text-xl leading-none", children: "\xD7" })
+      ] }),
+      aiSummary.loading && /* @__PURE__ */ jsx5("div", { className: "py-8 flex items-center justify-center text-violet-300", children: /* @__PURE__ */ jsxs3("svg", { className: "animate-spin w-6 h-6", viewBox: "0 0 24 24", fill: "none", children: [
+        /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", opacity: "0.25" }),
+        /* @__PURE__ */ jsx5("path", { d: "M22 12a10 10 0 0 1-10 10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
+      ] }) }),
+      aiSummary.error && /* @__PURE__ */ jsx5("div", { className: "text-[13px] text-rose-600", children: aiSummary.error }),
+      aiSummary.text != null && !aiSummary.loading && /* @__PURE__ */ jsx5("div", { className: "text-[13.5px] text-slate-700 whitespace-pre-wrap leading-relaxed max-h-80 overflow-y-auto", children: aiSummary.text })
+    ] }) })
   ] });
 }
-function ConversationItem({ c, active, onClick }) {
+function ConversationItem({ c, active, onClick, assignee }) {
   return /* @__PURE__ */ jsxs3(
     "button",
     {
       onClick,
       className: `w-full text-left px-3 py-3 border-l-2 transition-colors flex gap-3 ${active ? "bg-slate-50 border-emerald-500" : "border-transparent hover:bg-slate-50"}`,
       children: [
-        /* @__PURE__ */ jsx5(Avatar, { name: c.name, color: c.avatarColor }),
+        /* @__PURE__ */ jsx5(Avatar, { name: c.name, src: c.avatar, color: c.avatarColor }),
         /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 min-w-0", children: [
@@ -1391,16 +1802,26 @@ function ConversationItem({ c, active, onClick }) {
             /* @__PURE__ */ jsx5("span", { className: `text-[11px] shrink-0 ${c.unread ? "text-emerald-600 font-semibold" : "text-slate-400"}`, children: c.waitFor })
           ] }),
           /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-2 mt-0.5", children: [
-            /* @__PURE__ */ jsx5("p", { className: `text-[12.5px] truncate ${c.unread ? "text-slate-700" : "text-slate-500"}`, children: c.preview }),
+            /* @__PURE__ */ jsx5("p", { className: `text-[12.5px] truncate ${c.unread ? "text-slate-700" : "text-slate-500"} ${c.preview ? "" : "italic text-slate-400"}`, children: c.preview || "Sem mensagens" }),
             c.unread > 0 && /* @__PURE__ */ jsx5("span", { className: "shrink-0 min-w-[18px] h-[18px] px-1.5 rounded-full bg-emerald-500 text-white text-[10px] font-bold inline-flex items-center justify-center", children: c.unread })
           ] }),
-          /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-1.5 mt-1.5", children: /* @__PURE__ */ jsx5(Pill, { tone: "slate", children: c.ticket }) })
-        ] })
+          c.ticket && /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-1.5 mt-1.5", children: /* @__PURE__ */ jsx5(Pill, { tone: "slate", children: c.ticket }) })
+        ] }),
+        assignee && /* @__PURE__ */ jsx5("span", { className: "self-center shrink-0", title: `Respons\xE1vel: ${assignee.name}`, children: /* @__PURE__ */ jsx5(Avatar, { name: assignee.name, src: assignee.avatar, size: "xs" }) })
       ]
     }
   );
 }
-function ChatHeader({ c, onToggleDetails, detailsOpen, onOpenSearch, onTransfer }) {
+function ConversationSkeleton() {
+  return /* @__PURE__ */ jsxs3("div", { className: "px-3 py-3 flex gap-3 items-center", children: [
+    /* @__PURE__ */ jsx5("div", { className: "w-9 h-9 rounded-full bg-slate-200 animate-pulse shrink-0" }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0 space-y-2", children: [
+      /* @__PURE__ */ jsx5("div", { className: "h-3 w-1/3 rounded bg-slate-200 animate-pulse" }),
+      /* @__PURE__ */ jsx5("div", { className: "h-2.5 w-2/3 rounded bg-slate-100 animate-pulse" })
+    ] })
+  ] });
+}
+function ChatHeader({ c, onToggleDetails, detailsOpen, onOpenSearch, onTransfer, typing, onSummarize }) {
   const [menuOpen, setMenuOpen] = useState4(false);
   const menuRef = useRef3(null);
   useEffect4(() => {
@@ -1412,40 +1833,25 @@ function ChatHeader({ c, onToggleDetails, detailsOpen, onOpenSearch, onTransfer
     return () => document.removeEventListener("mousedown", onDoc);
   }, [menuOpen]);
   return /* @__PURE__ */ jsxs3("header", { className: "bg-white border-b border-slate-200 px-5 py-3 flex items-center gap-3 min-w-0", children: [
-    /* @__PURE__ */ jsx5(Avatar, { name: c.name, color: c.avatarColor, size: "lg", online: true }),
+    /* @__PURE__ */ jsx5(Avatar, { name: c.name, src: c.avatar, color: c.avatarColor, size: "lg" }),
     /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
       /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-2 min-w-0", children: /* @__PURE__ */ jsx5("h2", { className: "font-semibold text-[15px] truncate", children: c.name }) }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-[12px] text-slate-500 mt-0.5 min-w-0", children: [
-        /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1 shrink-0", children: [
-          I.phone,
-          " ",
-          c.phone
-        ] }),
-        /* @__PURE__ */ jsx5("span", { className: "hidden lg:inline text-slate-300 shrink-0", children: "\xB7" }),
-        /* @__PURE__ */ jsxs3("span", { className: "hidden lg:inline-flex items-center gap-1 shrink-0", children: [
-          I.tag,
-          " ",
-          c.ticket
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "hidden 2xl:flex items-center gap-4 text-[12px] pr-3 border-r border-slate-200 shrink-0", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-end leading-tight", children: [
-        /* @__PURE__ */ jsx5("span", { className: "text-[9.5px] uppercase tracking-wide text-slate-400", children: "SLA" }),
-        /* @__PURE__ */ jsx5("span", { className: "font-semibold text-amber-600 tabular-nums", children: "02:14" })
-      ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-end leading-tight", children: [
-        /* @__PURE__ */ jsx5("span", { className: "text-[9.5px] uppercase tracking-wide text-slate-400", children: "1\xAA resposta" }),
-        /* @__PURE__ */ jsx5("span", { className: "font-semibold text-emerald-600 tabular-nums", children: "00:48" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs3("button", { className: "shrink-0 text-[12.5px] font-medium bg-emerald-600 hover:bg-emerald-700 text-white px-3 py-1.5 rounded-lg inline-flex items-center gap-1.5", children: [
-      I.check,
-      " ",
-      /* @__PURE__ */ jsx5("span", { className: "hidden lg:inline", children: "Resolver" })
+      /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-2 text-[12px] mt-0.5 min-w-0", children: typing ? /* @__PURE__ */ jsx5("span", { className: "text-emerald-600 font-medium", children: "digitando\u2026" }) : c.phone ? /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1 shrink-0 text-slate-500", children: [
+        I.phone,
+        " ",
+        c.phone
+      ] }) : null })
     ] }),
-    /* @__PURE__ */ jsx5("div", { className: "w-px h-6 bg-slate-200 shrink-0" }),
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-0.5 shrink-0", children: [
+      onSummarize && /* @__PURE__ */ jsx5(
+        "button",
+        {
+          onClick: onSummarize,
+          title: "Resumo IA da conversa",
+          className: "p-1.5 rounded-md text-violet-500 hover:bg-violet-50",
+          children: I.sparkle
+        }
+      ),
       /* @__PURE__ */ jsx5(
         "button",
         {
@@ -1466,22 +1872,14 @@ function ChatHeader({ c, onToggleDetails, detailsOpen, onOpenSearch, onTransfer
           }
         ),
         menuOpen && /* @__PURE__ */ jsxs3("div", { className: "absolute right-0 top-[calc(100%+6px)] z-20 w-56 bg-white border border-slate-200 rounded-xl shadow-lg py-1.5 text-[13px]", children: [
-          /* @__PURE__ */ jsx5(MenuItem, { icon: I.phone, label: "Ligar", onClick: () => setMenuOpen(false) }),
           /* @__PURE__ */ jsx5(MenuItem, { icon: I.forward, label: "Transferir", onClick: () => {
             setMenuOpen(false);
             onTransfer == null ? void 0 : onTransfer();
           } }),
-          /* @__PURE__ */ jsx5(MenuItem, { icon: I.userPlus, label: "Adicionar participantes", onClick: () => setMenuOpen(false) }),
-          /* @__PURE__ */ jsx5("div", { className: "my-1 h-px bg-slate-100" }),
           /* @__PURE__ */ jsx5(MenuItem, { icon: I.search, label: "Procurar na conversa", onClick: () => {
             setMenuOpen(false);
             onOpenSearch == null ? void 0 : onOpenSearch();
-          } }),
-          /* @__PURE__ */ jsx5(MenuItem, { icon: I.star, label: "Marcar com estrela", onClick: () => setMenuOpen(false) }),
-          /* @__PURE__ */ jsx5(MenuItem, { icon: I.tag, label: "Editar tags", onClick: () => setMenuOpen(false) }),
-          /* @__PURE__ */ jsx5(MenuItem, { icon: I.link, label: "Copiar link da conversa", onClick: () => setMenuOpen(false) }),
-          /* @__PURE__ */ jsx5("div", { className: "my-1 h-px bg-slate-100" }),
-          /* @__PURE__ */ jsx5(MenuItem, { icon: I.x, label: "Encerrar sem resolver", tone: "danger", onClick: () => setMenuOpen(false) })
+          } })
         ] })
       ] })
     ] })
@@ -1589,13 +1987,31 @@ function highlightText(text, query, isCurrent) {
 function DayDivider({ label }) {
   return /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center my-3", children: /* @__PURE__ */ jsx5("span", { className: "text-[11px] font-medium text-slate-600 bg-white border border-slate-200 rounded-full px-2.5 py-0.5 shadow-soft", children: label }) });
 }
+function EmptyConversation() {
+  return /* @__PURE__ */ jsxs3("div", { className: "flex-1 flex flex-col items-center justify-center text-center px-8 select-none", children: [
+    /* @__PURE__ */ jsx5("div", { className: "w-20 h-20 rounded-full bg-slate-100 flex items-center justify-center text-slate-300 mb-5", children: /* @__PURE__ */ jsx5(
+      Icon,
+      {
+        d: /* @__PURE__ */ jsx5("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5Z" }),
+        className: "w-9 h-9"
+      }
+    ) }),
+    /* @__PURE__ */ jsx5("h3", { className: "text-[15px] font-semibold text-slate-700", children: "Nenhuma conversa aberta" }),
+    /* @__PURE__ */ jsx5("p", { className: "text-[13px] text-slate-400 mt-1 max-w-xs leading-relaxed", children: "Selecione uma conversa na lista ao lado para ver as mensagens e responder." })
+  ] });
+}
 function Ticks({ status }) {
-  if (status === "sent") return /* @__PURE__ */ jsx5("span", { className: "text-slate-400", children: "\u2713" });
-  if (status === "delivered") return /* @__PURE__ */ jsx5("span", { className: "text-slate-400", children: "\u2713\u2713" });
-  if (status === "read") return /* @__PURE__ */ jsx5("span", { className: "text-sky-500", children: "\u2713\u2713" });
+  if (status === "pending" || !status) return /* @__PURE__ */ jsxs3("svg", { className: "inline w-3 h-3 opacity-70", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx5("path", { d: "M12 7.5V12l3 1.5" })
+  ] });
+  if (status === "failed") return /* @__PURE__ */ jsx5("span", { className: "text-rose-200 font-bold", title: "Falha ao enviar", children: "!" });
+  if (status === "sent") return /* @__PURE__ */ jsx5("span", { className: "text-emerald-100/80", children: "\u2713" });
+  if (status === "delivered") return /* @__PURE__ */ jsx5("span", { className: "text-emerald-100/80", style: { letterSpacing: "-0.18em" }, children: "\u2713\u2713" });
+  if (status === "read") return /* @__PURE__ */ jsx5("span", { className: "text-sky-300", style: { letterSpacing: "-0.18em" }, children: "\u2713\u2713" });
   return null;
 }
-function Message({ m, searchQuery = "", isCurrentMatch = false }) {
+function Message({ m, searchQuery = "", isCurrentMatch = false, isGroup, selectable, selectMode, selected, onEnterSelect, onToggleSelect }) {
   if (m.side === "system") {
     return /* @__PURE__ */ jsx5("div", { className: "flex justify-center my-2", children: /* @__PURE__ */ jsxs3("span", { className: "text-[11px] text-slate-500 bg-slate-100 rounded-full px-2.5 py-0.5", children: [
       m.text,
@@ -1617,58 +2033,73 @@ function Message({ m, searchQuery = "", isCurrentMatch = false }) {
     ] }) });
   }
   const isOut = m.side === "out";
-  return /* @__PURE__ */ jsxs3("div", { className: `flex ${isOut ? "justify-end" : "justify-start"} group`, children: [
-    !isOut && /* @__PURE__ */ jsx5(Avatar, { name: "Samir Patel", color: "bg-violet-500", size: "sm" }),
-    /* @__PURE__ */ jsxs3("div", { className: `mx-2 max-w-[68%] ${isOut ? "order-first" : ""}`, children: [
-      /* @__PURE__ */ jsxs3("div", { className: `relative px-3.5 py-2.5 rounded-2xl shadow-soft ${isOut ? "bg-emerald-600 text-white rounded-tr-sm" : "bg-white border border-slate-200 text-slate-800 rounded-tl-sm"} ${isCurrentMatch ? "ring-2 ring-amber-400" : ""}`, children: [
-        m.kind === "text" && /* @__PURE__ */ jsx5("p", { className: "text-[13.5px] leading-relaxed whitespace-pre-wrap", children: highlightText(m.text, searchQuery, isCurrentMatch) }),
-        m.kind === "image" && /* @__PURE__ */ jsxs3("div", { className: "-mx-1 -mt-1", children: [
-          m.mediaUrl ? /* @__PURE__ */ jsx5("a", { href: m.mediaUrl, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx5("img", { src: m.mediaUrl, alt: m.caption || "imagem", className: "w-64 max-h-72 object-cover rounded-lg" }) }) : /* @__PURE__ */ jsx5("div", { className: "w-64 h-40 rounded-lg bg-gradient-to-br from-slate-200 to-slate-300 flex items-center justify-center text-slate-500", children: I.image }),
-          m.caption && /* @__PURE__ */ jsx5("p", { className: "text-[13px] mt-2", children: highlightText(m.caption, searchQuery, isCurrentMatch) })
-        ] }),
-        m.kind === "video" && /* @__PURE__ */ jsxs3("div", { className: "-mx-1 -mt-1", children: [
-          m.mediaUrl ? /* @__PURE__ */ jsx5("video", { src: m.mediaUrl, controls: true, className: "w-64 rounded-lg" }) : /* @__PURE__ */ jsx5("div", { className: "w-64 h-40 rounded-lg bg-slate-200 flex items-center justify-center text-slate-500", children: "\u{1F3A5}" }),
-          m.caption && /* @__PURE__ */ jsx5("p", { className: "text-[13px] mt-2", children: highlightText(m.caption, searchQuery, isCurrentMatch) })
-        ] }),
-        m.kind === "document" && /* @__PURE__ */ jsxs3(
-          "a",
-          {
-            href: m.mediaUrl || "#",
-            target: "_blank",
-            rel: "noreferrer",
-            className: `flex items-center gap-2.5 min-w-[200px] rounded-lg px-2 py-1.5 ${isOut ? "bg-emerald-700/40" : "bg-slate-100"}`,
-            children: [
-              /* @__PURE__ */ jsx5("span", { className: isOut ? "text-emerald-100" : "text-slate-500", children: I.file }),
-              /* @__PURE__ */ jsx5("span", { className: "text-[13px] truncate flex-1", children: m.meta || m.caption || "arquivo" })
-            ]
-          }
-        ),
-        m.kind === "audio" && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 min-w-[220px]", children: [
-          /* @__PURE__ */ jsx5("button", { className: `w-9 h-9 rounded-full inline-flex items-center justify-center ${isOut ? "bg-emerald-700" : "bg-slate-100 text-slate-700"}`, children: "\u25B6" }),
-          /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx5("div", { className: `h-1 rounded-full ${isOut ? "bg-emerald-700" : "bg-slate-200"} relative overflow-hidden`, children: /* @__PURE__ */ jsx5("div", { className: `h-full w-2/5 ${isOut ? "bg-white" : "bg-emerald-500"}` }) }),
-            /* @__PURE__ */ jsx5("div", { className: `text-[11px] mt-1 ${isOut ? "text-emerald-100" : "text-slate-500"}`, children: m.duration })
-          ] }),
-          /* @__PURE__ */ jsx5("span", { className: isOut ? "text-emerald-100" : "text-slate-400", children: I.mic })
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-1 justify-end mt-1 text-[10.5px] ${isOut ? "text-emerald-100" : "text-slate-400"}`, children: [
-          m.author && !isOut === false && /* @__PURE__ */ jsx5("span", { className: "mr-1", children: m.author }),
-          /* @__PURE__ */ jsx5("span", { children: m.time }),
-          isOut && /* @__PURE__ */ jsx5(Ticks, { status: m.status })
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: `flex items-center gap-2 group ${selectMode ? "cursor-pointer -mx-2 px-2 py-0.5 rounded-lg" : ""} ${selected ? "bg-emerald-50" : ""}`,
+      onClick: selectMode ? onToggleSelect : void 0,
+      children: [
+        selectMode && /* @__PURE__ */ jsx5("span", { className: `shrink-0 w-5 h-5 rounded-full border-2 flex items-center justify-center ${selected ? "bg-emerald-500 border-emerald-500 text-white" : "border-slate-300 bg-white"}`, children: selected && /* @__PURE__ */ jsx5("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx5("polyline", { points: "20 6 9 17 4 12" }) }) }),
+        /* @__PURE__ */ jsxs3("div", { className: `flex-1 min-w-0 flex ${isOut ? "justify-end" : "justify-start"} items-center`, children: [
+          /* @__PURE__ */ jsx5("div", { className: "max-w-[70%]", children: /* @__PURE__ */ jsxs3("div", { className: `relative px-3.5 py-2.5 rounded-2xl shadow-soft ${isOut ? "bg-emerald-600 text-white rounded-tr-sm" : "bg-white border border-slate-200 text-slate-800 rounded-tl-sm"} ${isCurrentMatch ? "ring-2 ring-amber-400" : ""}`, children: [
+            !isOut && isGroup && m.author && /* @__PURE__ */ jsx5("div", { className: "text-[11.5px] font-semibold text-emerald-700 mb-0.5", children: m.author }),
+            m.kind === "text" && /* @__PURE__ */ jsx5("p", { className: "text-[13.5px] leading-relaxed whitespace-pre-wrap", children: highlightText(m.text, searchQuery, isCurrentMatch) }),
+            m.kind === "image" && /* @__PURE__ */ jsxs3("div", { className: "-mx-1 -mt-1", children: [
+              m.mediaUrl ? /* @__PURE__ */ jsx5("a", { href: m.mediaUrl, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx5("img", { src: m.mediaUrl, alt: m.caption || "imagem", className: "w-64 max-h-72 object-cover rounded-lg" }) }) : /* @__PURE__ */ jsx5("div", { className: "w-64 h-40 rounded-lg bg-gradient-to-br from-slate-200 to-slate-300 flex items-center justify-center text-slate-500", children: I.image }),
+              m.caption && /* @__PURE__ */ jsx5("p", { className: "text-[13px] mt-2", children: highlightText(m.caption, searchQuery, isCurrentMatch) })
+            ] }),
+            m.kind === "video" && /* @__PURE__ */ jsxs3("div", { className: "-mx-1 -mt-1", children: [
+              m.mediaUrl ? /* @__PURE__ */ jsx5("video", { src: m.mediaUrl, controls: true, className: "w-64 rounded-lg" }) : /* @__PURE__ */ jsx5("div", { className: "w-64 h-40 rounded-lg bg-slate-200 flex items-center justify-center text-slate-500", children: "\u{1F3A5}" }),
+              m.caption && /* @__PURE__ */ jsx5("p", { className: "text-[13px] mt-2", children: highlightText(m.caption, searchQuery, isCurrentMatch) })
+            ] }),
+            m.kind === "document" && /* @__PURE__ */ jsxs3(
+              "a",
+              {
+                href: m.mediaUrl || "#",
+                target: "_blank",
+                rel: "noreferrer",
+                className: `flex items-center gap-2.5 min-w-[200px] rounded-lg px-2 py-1.5 ${isOut ? "bg-emerald-700/40" : "bg-slate-100"}`,
+                children: [
+                  /* @__PURE__ */ jsx5("span", { className: isOut ? "text-emerald-100" : "text-slate-500", children: I.file }),
+                  /* @__PURE__ */ jsx5("span", { className: "text-[13px] truncate flex-1", children: m.filename || m.caption || "Documento" })
+                ]
+              }
+            ),
+            m.kind === "audio" && (m.mediaUrl ? (
+              // player real (quando a mídia estiver armazenada — R2)
+              /* @__PURE__ */ jsx5("audio", { src: m.mediaUrl, controls: true, className: "w-60 max-w-full" })
+            ) : (
+              // sem mídia guardada ainda: chip honesto, sem player falso
+              /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-2 min-w-[140px] ${isOut ? "text-emerald-50" : "text-slate-600"}`, children: [
+                /* @__PURE__ */ jsx5("span", { className: isOut ? "text-emerald-100" : "text-slate-500", children: I.mic }),
+                /* @__PURE__ */ jsxs3("span", { className: "text-[13px]", children: [
+                  "\xC1udio",
+                  m.caption ? ` \xB7 ${m.caption}` : ""
+                ] })
+              ] })
+            )),
+            /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-1 justify-end mt-1 text-[10.5px] ${isOut ? "text-emerald-100" : "text-slate-400"}`, children: [
+              m.author && !isOut === false && /* @__PURE__ */ jsx5("span", { className: "mr-1", children: m.author }),
+              /* @__PURE__ */ jsx5("span", { children: m.time }),
+              isOut && /* @__PURE__ */ jsx5(Ticks, { status: m.status })
+            ] })
+          ] }) }),
+          !selectMode && selectable && /* @__PURE__ */ jsx5(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onEnterSelect();
+              },
+              title: "Selecionar mensagem",
+              className: "opacity-0 group-hover:opacity-100 transition-opacity self-center mx-1 p-1 rounded-md text-slate-400 hover:text-slate-700 hover:bg-slate-100 shrink-0",
+              children: I.check
+            }
+          )
         ] })
-      ] }),
-      /* @__PURE__ */ jsxs3("div", { className: `flex gap-1 mt-1 opacity-0 group-hover:opacity-100 transition-opacity ${isOut ? "justify-end" : "justify-start"}`, children: [
-        /* @__PURE__ */ jsx5(HoverBtn, { icon: I.reply }),
-        /* @__PURE__ */ jsx5(HoverBtn, { icon: I.forward }),
-        /* @__PURE__ */ jsx5(HoverBtn, { icon: I.emoji }),
-        /* @__PURE__ */ jsx5(HoverBtn, { icon: I.more })
-      ] })
-    ] }),
-    isOut && /* @__PURE__ */ jsx5(Avatar, { name: m.author || "Maria Eduarda", color: m.author === "Alissa Mendes" ? "bg-sky-500" : "bg-amber-500", size: "sm" })
-  ] });
-}
-function HoverBtn({ icon }) {
-  return /* @__PURE__ */ jsx5("button", { className: "p-1 rounded-md text-slate-400 bg-white border border-slate-200 hover:text-slate-700 shadow-soft", children: icon });
+      ]
+    }
+  );
 }
 function fmtSecs(s) {
   const m = Math.floor(s / 60);
@@ -1773,354 +2204,27 @@ function DetailsPanel({ c, onClose }) {
     ] })
   ] });
 }
-function Section({ title, action, children, defaultOpen = true }) {
-  const [open, setOpen] = useState4(defaultOpen);
-  return /* @__PURE__ */ jsxs3("div", { className: "border-b border-slate-100", children: [
-    /* @__PURE__ */ jsxs3("button", { onClick: () => setOpen((v) => !v), className: "w-full px-4 pt-4 pb-2 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx5("span", { className: "text-[11px] font-semibold uppercase tracking-wider text-slate-500", children: title }),
-      /* @__PURE__ */ jsx5("span", { className: `text-slate-400 transition-transform ${open ? "" : "-rotate-90"}`, children: I.chevDown })
-    ] }),
-    open && /* @__PURE__ */ jsxs3("div", { className: "px-4 pb-4 space-y-2.5", children: [
-      children,
-      action
-    ] })
-  ] });
-}
-function Row({ label, children }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-3 text-[12.5px]", children: [
-    /* @__PURE__ */ jsx5("span", { className: "w-28 shrink-0 text-slate-500 pt-0.5", children: label }),
-    /* @__PURE__ */ jsx5("div", { className: "flex-1 min-w-0 text-slate-800", children })
-  ] });
-}
-var PROPERTY_CATALOG = [
-  { id: "856235", title: "Apto 80m\xB2 \xB7 Jardins \xB7 2 dorm" },
-  { id: "856301", title: "Apto 65m\xB2 \xB7 Vila Mariana \xB7 2 dorm" },
-  { id: "857188", title: "Cobertura 120m\xB2 \xB7 Itaim \xB7 3 dorm" },
-  { id: "854902", title: "Casa 180m\xB2 \xB7 Alto de Pinheiros \xB7 4 dorm" },
-  { id: "855417", title: "Studio 35m\xB2 \xB7 Pinheiros \xB7 1 dorm" },
-  { id: "858033", title: "Apto 95m\xB2 \xB7 Moema \xB7 3 dorm" },
-  { id: "858720", title: "Apto 110m\xB2 \xB7 Perdizes \xB7 3 dorm" }
-];
-function PropertyLinker() {
-  const [linked, setLinked] = useState4([PROPERTY_CATALOG[0], PROPERTY_CATALOG[5]]);
-  const [query, setQuery] = useState4("");
-  const [adding, setAdding] = useState4(false);
-  const inputRef = useRef3(null);
-  const wrapRef = useRef3(null);
-  useEffect4(() => {
-    var _a;
-    if (adding) (_a = inputRef.current) == null ? void 0 : _a.focus();
-  }, [adding]);
-  useEffect4(() => {
-    if (!adding) return;
-    const onDoc = (e) => {
-      if (wrapRef.current && !wrapRef.current.contains(e.target)) closeAdd();
-    };
-    document.addEventListener("mousedown", onDoc);
-    return () => document.removeEventListener("mousedown", onDoc);
-  }, [adding]);
-  const suggestions = useMemo2(() => {
-    const q = query.trim().toLowerCase();
-    const linkedIds = new Set(linked.map((p) => p.id));
-    return PROPERTY_CATALOG.filter(
-      (p) => !linkedIds.has(p.id) && (q === "" || p.id.toLowerCase().includes(q) || p.title.toLowerCase().includes(q))
-    ).slice(0, 5);
-  }, [query, linked]);
-  const closeAdd = () => {
-    setAdding(false);
-    setQuery("");
-  };
-  const addProperty = (p) => {
-    setLinked((l) => [...l, p]);
-    closeAdd();
-  };
-  const removeProperty = (id) => setLinked((l) => l.filter((p) => p.id !== id));
-  return /* @__PURE__ */ jsxs3("div", { ref: wrapRef, className: "w-full", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1", children: [
-      linked.map((p) => /* @__PURE__ */ jsxs3("div", { className: "group inline-flex items-center gap-0.5 text-[13px] leading-tight", children: [
-        /* @__PURE__ */ jsxs3(
-          "a",
-          {
-            href: "#",
-            title: p.title,
-            className: "text-slate-700 underline underline-offset-2 hover:text-emerald-700 inline-flex items-center gap-1 tabular-nums",
-            children: [
-              p.id,
-              /* @__PURE__ */ jsx5("span", { className: "text-slate-400 group-hover:text-emerald-600", children: I.external })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "button",
-          {
-            onClick: () => removeProperty(p.id),
-            title: "Desvincular",
-            className: "opacity-0 group-hover:opacity-100 p-0.5 text-slate-400 hover:text-rose-500 transition-opacity",
-            children: /* @__PURE__ */ jsxs3("svg", { width: "11", height: "11", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2.5", fill: "none", strokeLinecap: "round", children: [
-              /* @__PURE__ */ jsx5("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
-              /* @__PURE__ */ jsx5("line", { x1: "6", y1: "18", x2: "18", y2: "6" })
-            ] })
-          }
-        )
-      ] }, p.id)),
-      !adding && /* @__PURE__ */ jsx5(
-        "button",
-        {
-          onClick: () => setAdding(true),
-          title: "Vincular im\xF3vel",
-          className: "text-[11px] text-slate-500 hover:text-slate-800 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded-full border border-dashed border-slate-300 hover:border-slate-400 hover:bg-slate-50",
-          children: "+ im\xF3vel"
-        }
-      )
-    ] }),
-    adding && /* @__PURE__ */ jsxs3("div", { className: "relative mt-2", children: [
-      /* @__PURE__ */ jsx5("span", { className: "absolute left-2 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none", children: I.search }),
-      /* @__PURE__ */ jsx5(
-        "input",
-        {
-          ref: inputRef,
-          value: query,
-          onChange: (e) => setQuery(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Escape") closeAdd();
-          },
-          placeholder: "C\xF3digo ou bairro\u2026",
-          className: "w-full pl-7 pr-2 py-1.5 text-[12px] rounded-lg bg-white border border-slate-300 outline-none focus:border-slate-400 placeholder:text-slate-400"
-        }
-      ),
-      suggestions.length > 0 && /* @__PURE__ */ jsx5("div", { className: "absolute top-full left-0 right-0 mt-1 z-30 bg-white border border-slate-200 rounded-lg shadow-lg overflow-hidden", children: suggestions.map((p) => /* @__PURE__ */ jsxs3(
-        "button",
-        {
-          onClick: () => addProperty(p),
-          className: "w-full text-left px-2.5 py-1.5 hover:bg-slate-50 flex items-center gap-2 border-b border-slate-100 last:border-b-0",
-          children: [
-            /* @__PURE__ */ jsx5("span", { className: "text-[12.5px] font-mono font-semibold text-slate-700 tabular-nums", children: p.id }),
-            /* @__PURE__ */ jsx5("span", { className: "text-slate-300", children: "\xB7" }),
-            /* @__PURE__ */ jsx5("span", { className: "text-[11.5px] text-slate-500 truncate flex-1 min-w-0", children: p.title }),
-            /* @__PURE__ */ jsx5("span", { className: "text-slate-300 shrink-0", children: I.plus })
-          ]
-        },
-        p.id
-      )) }),
-      query.trim() && suggestions.length === 0 && /* @__PURE__ */ jsxs3("div", { className: "absolute top-full left-0 right-0 mt-1 z-30 bg-white border border-slate-200 rounded-lg shadow-lg px-3 py-2 text-[12px] text-slate-500", children: [
-        'Nenhum im\xF3vel encontrado para "',
-        query.trim(),
-        '".'
-      ] })
-    ] })
-  ] });
-}
-function ActionRow({ icon, label, children, onClick }) {
-  const [open, setOpen] = useState4(false);
-  const hasSubmenu = !!children;
-  const handle = () => hasSubmenu ? setOpen((v) => !v) : onClick == null ? void 0 : onClick();
-  return /* @__PURE__ */ jsxs3("div", { children: [
-    /* @__PURE__ */ jsxs3(
-      "button",
-      {
-        onClick: handle,
-        className: "w-full flex items-center gap-2 text-[13px] text-slate-700 hover:bg-slate-50 -mx-1 px-1 py-1 rounded-md",
-        children: [
-          /* @__PURE__ */ jsx5("span", { className: "text-slate-500", children: icon }),
-          /* @__PURE__ */ jsx5("span", { className: "flex-1 text-left", children: label }),
-          /* @__PURE__ */ jsx5("span", { className: `text-slate-400 transition-transform ${hasSubmenu && open ? "rotate-90" : ""}`, children: hasSubmenu ? I.chevRight : I.plus })
-        ]
-      }
-    ),
-    hasSubmenu && open && /* @__PURE__ */ jsx5("div", { className: "ml-7 mt-0.5 mb-1 border-l border-slate-200 pl-3 space-y-0.5", children })
-  ] });
-}
-function SubAction({ label, onClick }) {
-  return /* @__PURE__ */ jsx5(
-    "button",
-    {
-      onClick,
-      className: "w-full text-left text-[12.5px] text-slate-600 hover:text-slate-900 hover:bg-slate-50 -mx-1 px-1.5 py-1 rounded-md",
-      children: label
-    }
-  );
-}
 function DetailsTab({ c }) {
-  const palette = ["sky", "rose", "violet", "emerald", "amber", "slate"];
-  const [tags, setTags] = useState4([
-    { label: "Comprador", tone: "sky" },
-    { label: "Quente", tone: "rose" },
-    { label: "Apto 2-3 dorm", tone: "violet" },
-    { label: "Zona Sul", tone: "emerald" },
-    { label: "At\xE9 R$ 900k", tone: "amber" }
-  ]);
-  const [expanded, setExpanded] = useState4(false);
-  const [adding, setAdding] = useState4(false);
-  const [newTag, setNewTag] = useState4("");
-  const tagInputRef = useRef3(null);
-  useEffect4(() => {
-    var _a;
-    if (adding) (_a = tagInputRef.current) == null ? void 0 : _a.focus();
-  }, [adding]);
-  const VISIBLE = 3;
-  const shownTags = expanded ? tags : tags.slice(0, VISIBLE);
-  const hiddenCount = Math.max(0, tags.length - VISIBLE);
-  const addTag = () => {
-    const v = newTag.trim();
-    if (v) setTags((t) => [...t, { label: v, tone: palette[t.length % palette.length] }]);
-    setNewTag("");
-    setAdding(false);
-  };
-  const removeTag = (i) => setTags((t) => t.filter((_, idx) => idx !== i));
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsxs3("div", { className: "px-4 pt-4 pb-3 flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx5(Avatar, { name: c.name, color: c.avatarColor, size: "xl", online: true }),
-      /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx5("div", { className: "font-semibold truncate", children: c.name }),
-        /* @__PURE__ */ jsx5("div", { className: "text-[12px] text-slate-500 truncate", children: c.phone }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap gap-1 mt-1.5", children: [
-          shownTags.map((t, i) => /* @__PURE__ */ jsxs3(Pill, { tone: t.tone, children: [
-            t.label,
-            /* @__PURE__ */ jsx5(
-              "button",
-              {
-                onClick: () => removeTag(i),
-                title: "Remover",
-                className: "ml-0.5 -mr-0.5 opacity-60 hover:opacity-100",
-                children: /* @__PURE__ */ jsxs3("svg", { width: "10", height: "10", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "3", fill: "none", strokeLinecap: "round", children: [
-                  /* @__PURE__ */ jsx5("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
-                  /* @__PURE__ */ jsx5("line", { x1: "6", y1: "18", x2: "18", y2: "6" })
-                ] })
-              }
-            )
-          ] }, `${t.label}-${i}`)),
-          !expanded && hiddenCount > 0 && /* @__PURE__ */ jsxs3(
-            "button",
-            {
-              onClick: () => setExpanded(true),
-              className: "text-[11px] text-slate-500 hover:text-slate-800 px-1.5 py-0.5 rounded-full hover:bg-slate-100 self-center",
-              children: [
-                "+",
-                hiddenCount
-              ]
-            }
-          ),
-          expanded && tags.length > VISIBLE && /* @__PURE__ */ jsx5(
-            "button",
-            {
-              onClick: () => setExpanded(false),
-              className: "text-[11px] text-slate-500 hover:text-slate-800 px-1.5 py-0.5 rounded-full hover:bg-slate-100 self-center",
-              children: "mostrar menos"
-            }
-          ),
-          adding ? /* @__PURE__ */ jsx5(
-            "input",
-            {
-              ref: tagInputRef,
-              value: newTag,
-              onChange: (e) => setNewTag(e.target.value),
-              onBlur: addTag,
-              onKeyDown: (e) => {
-                if (e.key === "Enter") {
-                  e.preventDefault();
-                  addTag();
-                }
-                if (e.key === "Escape") {
-                  setNewTag("");
-                  setAdding(false);
-                }
-              },
-              placeholder: "nova tag\u2026",
-              className: "text-[11px] px-2 py-0.5 rounded-full bg-white border border-slate-300 outline-none focus:border-slate-500 w-24"
-            }
-          ) : /* @__PURE__ */ jsx5(
-            "button",
-            {
-              onClick: () => {
-                setExpanded(true);
-                setAdding(true);
-              },
-              title: "Adicionar tag",
-              className: "text-[11px] text-slate-500 hover:text-slate-800 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded-full border border-dashed border-slate-300 hover:border-slate-400 hover:bg-slate-50",
-              children: "+ tag"
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs3(Section, { title: "Atribui\xE7\xE3o", children: [
-      /* @__PURE__ */ jsx5(Row, { label: "Atendente", children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx5(Avatar, { name: "Maria Eduarda", size: "sm", color: "bg-amber-500" }),
-        " Maria Eduarda"
-      ] }) }),
-      /* @__PURE__ */ jsx5(Row, { label: "Departamento", children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx5("span", { className: "w-5 h-5 rounded-md bg-rose-500 text-white text-[10px] flex items-center justify-center font-bold", children: "CO" }),
-        "Comercial"
-      ] }) }),
-      /* @__PURE__ */ jsx5(Row, { label: "Origem", children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1.5 text-emerald-700", children: [
-        I.whatsapp,
-        " WhatsApp Business"
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs3(Section, { title: "Ticket", children: [
-      /* @__PURE__ */ jsx5(Row, { label: "Tipo", children: /* @__PURE__ */ jsx5(Pill, { tone: "rose", children: "\u{1F3E0} Interesse em compra" }) }),
-      /* @__PURE__ */ jsx5(Row, { label: "Status", children: /* @__PURE__ */ jsx5(Pill, { tone: statusInfo[c.status].tone, children: statusInfo[c.status].label }) }),
-      /* @__PURE__ */ jsx5(Row, { label: "Prioridade", children: /* @__PURE__ */ jsx5(Pill, { tone: c.priority === "urgent" ? "rose" : c.priority === "high" ? "amber" : "slate", children: "Alta" }) }),
-      /* @__PURE__ */ jsx5(Row, { label: "Im\xF3veis", children: /* @__PURE__ */ jsx5(PropertyLinker, {}) }),
-      /* @__PURE__ */ jsx5(Row, { label: "Aberto", children: "h\xE1 18 min" })
-    ] }),
-    /* @__PURE__ */ jsxs3(Section, { title: "A\xE7\xF5es", children: [
-      /* @__PURE__ */ jsxs3(ActionRow, { icon: I.userPlus, label: "Adicionar cliente", children: [
-        /* @__PURE__ */ jsx5(SubAction, { label: "Propriet\xE1rio" }),
-        /* @__PURE__ */ jsx5(SubAction, { label: "Cliente" })
-      ] }),
-      /* @__PURE__ */ jsx5(ActionRow, { icon: I.checkCircle, label: "Criar tarefa" }),
-      /* @__PURE__ */ jsx5(ActionRow, { icon: I.calendar, label: "Agendar visita" }),
-      /* @__PURE__ */ jsx5(ActionRow, { icon: I.file, label: "Enviar documentos" })
+  return /* @__PURE__ */ jsx5(Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "px-4 pt-4 pb-3 flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx5(Avatar, { name: c.name, src: c.avatar, color: c.avatarColor, size: "xl" }),
+    /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx5("div", { className: "font-semibold truncate", children: c.name }),
+      c.phone && /* @__PURE__ */ jsx5("div", { className: "text-[12px] text-slate-500 truncate", children: c.phone })
     ] })
+  ] }) });
+}
+function EmptyTab({ icon, title, hint }) {
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center justify-center text-center px-8 py-16 select-none", children: [
+    /* @__PURE__ */ jsx5("div", { className: "w-12 h-12 rounded-full bg-slate-100 flex items-center justify-center text-slate-300 mb-3", children: icon }),
+    /* @__PURE__ */ jsx5("p", { className: "text-[13px] font-medium text-slate-600", children: title }),
+    hint && /* @__PURE__ */ jsx5("p", { className: "text-[12px] text-slate-400 mt-1 max-w-[220px]", children: hint })
   ] });
 }
 function NotesTab() {
-  return /* @__PURE__ */ jsxs3("div", { className: "p-4 space-y-3", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "bg-yellow-50 border border-yellow-200 rounded-xl p-3", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-1.5", children: [
-        /* @__PURE__ */ jsxs3("span", { className: "text-[11.5px] font-semibold text-yellow-800 inline-flex items-center gap-1", children: [
-          I.pin,
-          " Maria Eduarda"
-        ] }),
-        /* @__PURE__ */ jsx5("span", { className: "text-[11px] text-yellow-700", children: "h\xE1 11 min" })
-      ] }),
-      /* @__PURE__ */ jsx5("p", { className: "text-[13px] text-yellow-900", children: "Cliente Gold \u2014 perfil quente, decis\xE3o r\xE1pida. J\xE1 visitou conosco em fev/26 (ticket #7892), gostou da regi\xE3o mas o im\xF3vel estava acima do or\xE7amento." })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "bg-yellow-50 border border-yellow-200 rounded-xl p-3", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-1.5", children: [
-        /* @__PURE__ */ jsxs3("span", { className: "text-[11.5px] font-semibold text-yellow-800 inline-flex items-center gap-1", children: [
-          I.pin,
-          " Alissa Mendes"
-        ] }),
-        /* @__PURE__ */ jsx5("span", { className: "text-[11px] text-yellow-700", children: "h\xE1 4 min" })
-      ] }),
-      /* @__PURE__ */ jsx5("p", { className: "text-[13px] text-yellow-900", children: "Confirmei com os propriet\xE1rios \u2014 Vila Mariana e Moema liberados pra visita amanh\xE3 das 10h \xE0s 17h." })
-    ] }),
-    /* @__PURE__ */ jsxs3("button", { className: "w-full text-[12.5px] py-2 rounded-lg border border-dashed border-slate-300 text-slate-500 hover:bg-slate-50 inline-flex items-center justify-center gap-1", children: [
-      I.plus,
-      " Nova nota"
-    ] })
-  ] });
+  return /* @__PURE__ */ jsx5(EmptyTab, { icon: I.pin, title: "Nenhuma nota ainda", hint: "Use \u201CNota interna\u201D no compositor do chat para registrar algo vis\xEDvel s\xF3 para o time." });
 }
 function HistoryTab() {
-  const items = [
-    { t: "Ticket #7892 \u2014 Visita apto Itaim", s: "Sem proposta", when: "fev/26", tone: "slate" },
-    { t: "Ticket #7541 \u2014 Interesse em cobertura", s: "Resolvido", when: "jan/26", tone: "emerald" },
-    { t: "Ticket #7233 \u2014 Pedido de matr\xEDcula", s: "Resolvido", when: "dez/25", tone: "emerald" },
-    { t: "Ticket #6890 \u2014 Primeira simula\xE7\xE3o", s: "Resolvido", when: "out/25", tone: "emerald" }
-  ];
-  return /* @__PURE__ */ jsx5("div", { className: "p-4 space-y-2", children: items.map((it, i) => /* @__PURE__ */ jsxs3("button", { className: "w-full text-left bg-white border border-slate-200 hover:border-slate-300 rounded-xl p-3 flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx5("span", { className: "w-8 h-8 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center", children: I.chat }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx5("p", { className: "text-[13px] font-medium truncate", children: it.t }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 mt-1", children: [
-        /* @__PURE__ */ jsx5(Pill, { tone: it.tone, children: it.s }),
-        /* @__PURE__ */ jsx5("span", { className: "text-[11.5px] text-slate-500", children: it.when })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx5("span", { className: "text-slate-400 mt-1", children: I.chevRight })
-  ] }, i)) });
+  return /* @__PURE__ */ jsx5(EmptyTab, { icon: I.chat, title: "Sem hist\xF3rico", hint: "Atendimentos anteriores deste contato aparecer\xE3o aqui." });
 }
 
 // src/PloyChat.jsx
@@ -2132,11 +2236,14 @@ function PloyChat({
   supabase,
   supabaseUrl,
   supabaseAnonKey,
-  className
+  className,
+  onBack,
+  agent,
+  onUnreadChange
 }) {
-  const config = { apiBase, workspaceId, getToken, supabase, supabaseUrl, supabaseAnonKey };
+  const config = { apiBase, workspaceId, getToken, supabase, supabaseUrl, supabaseAnonKey, agentName: agent == null ? void 0 : agent.name };
   const rootClass = ["ploychat-root", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx6(PloyConfigProvider, { config, children: /* @__PURE__ */ jsx6("div", { className: rootClass, style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx6(App, {}) }) });
+  return /* @__PURE__ */ jsx6(PloyConfigProvider, { config, children: /* @__PURE__ */ jsx6("div", { className: rootClass, style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsx6(App, { onBack, agent, onUnreadChange }) }) });
 }
 var PloyChat_default = PloyChat;
 export {