@fayz-ai/plugin-conversations 0.22.13 → 0.23.0

package/dist/index.js

@@ -1,54 +1,33 @@
-import * as React10 from 'react';
-import React10__default, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { Loader2, Check, ShieldCheck, ShieldAlert, RefreshCw, QrCode, Zap, ExternalLink, MessageCircle, SquarePen, MessageSquare, Globe, Mail, Instagram, Phone, Search, User, Inbox, CheckCheck, ChevronLeft, Archive, PanelRight, Send, X, MapPin, Tag, StickyNote, Link2, MoreVertical, AlertTriangle, Clock, Snowflake, Sun, Flame, Building2, UserRound, Copy, FileText, Download } from 'lucide-react';
-import { createConnectionStore, connectionRuns, connectionStatus, getActiveTenantId, getSupabaseClientOptional, useActiveTenantId, registerTranslations, describeError, useTranslation, countByTenant, CONNECTOR_RUNTIME_TOKEN_HEADER, connectorRuntimeToken, errorMessage } from '@fayz-ai/core';
-import { SettingsGroup, PluginSettingsPanel, useAdminPath, useWidgetSurface, adminNavigateTo, useRightRailStore, PageActions, useLimitGuard, ContactPicker, invalidateLimit } from '@fayz-ai/admin';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React14 from 'react';
+import React14__default, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { Loader2, Check, ShieldCheck, ShieldAlert, RefreshCw, QrCode, Zap, ExternalLink, Bot, Sparkles, Settings2, MessageCircle, SquarePen, MessageSquare, Globe, Mail, Instagram, Phone, Search, User, Inbox, CheckCheck, ChevronLeft, Archive, PanelRight, Send, X, MapPin, Tag, StickyNote, Link2, CheckCircle2, MoreVertical, AlertTriangle, Clock, Snowflake, Sun, Flame, Building2, UserRound, Copy, FileText, Download } from 'lucide-react';
+import { createConnectionStore, connectionRuns, connectionStatus, tl, getActiveTenantId, getSupabaseClientOptional, useActiveTenantId, registerTranslations, describeError, useTranslation, usePluginRuntimeOptional, countByTenant, CONNECTOR_RUNTIME_TOKEN_HEADER, connectorRuntimeToken, formatCurrency, errorMessage } from '@fayz-ai/core';
+import { defineSettingsTab, SettingsGroup, PluginSettingsPanel, PRICE_BOOK, useRightRailStore, useAdminPath, useRightRailPanel, useWidgetSurface, adminNavigateTo, useConnectors, useConnectorsPanelAvailable, ConnectorMark, StateChip, openConnectorsPanel, ConnectorDetail, PageActions, useLimitGuard, ContactPicker, useRightRailMenu, invalidateLimit } from '@fayz-ai/admin';
+import { Input, Button, toast, defineKpiWidget, defineTableWidget, Card, Badge, ComingSoon, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, PageHeaderActions, cn, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Textarea, ModalFooter, FilterChip, Skeleton, KpiCard, TableWidget } from '@fayz-ai/ui';
 import { useStore } from 'zustand';
-import { Input, Button, toast, defineKpiWidget, defineTableWidget, PageHeaderActions, cn, Badge, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter, FilterChip, Skeleton, KpiCard, TableWidget } from '@fayz-ai/ui';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createStore } from 'zustand/vanilla';
 
 // src/index.ts
-
-// src/data/tables.ts
-var T = {
-  conversations: "plg_conversations",
-  /** A LEITURA da conversa: a mesma linha, com o dono do lead junto. A escrita
-   *  continua na tabela — view com `security_invoker` não aceita INSERT aqui. */
-  conversationsView: "v_conversations",
-  messages: "plg_conversation_messages",
-  channels: "plg_conversations_channels"
+var DEFAULT_CONVERSATIONS_CONFIG = {
+  contactKind: "contact"
 };
-var porConta = /* @__PURE__ */ new Map();
-function assinarChegada(tenantId, ouvinte) {
-  const supabase = getSupabaseClientOptional();
-  if (!supabase?.channel || !tenantId) return () => {
-  };
-  let assinatura = porConta.get(tenantId);
-  if (!assinatura) {
-    const ouvintes = /* @__PURE__ */ new Set();
-    const canal = supabase.channel(`conversas:${tenantId}`).on("broadcast", { event: "inbound" }, (msg2) => {
-      const carga = { conversationId: msg2?.payload?.conversationId };
-      for (const f of [...ouvintes]) {
-        try {
-          f(carga);
-        } catch {
-        }
-      }
-    }).subscribe();
-    assinatura = { canal, ouvintes };
-    porConta.set(tenantId, assinatura);
-  }
-  assinatura.ouvintes.add(ouvinte);
-  return () => {
-    const a = porConta.get(tenantId);
-    if (!a) return;
-    a.ouvintes.delete(ouvinte);
-    if (a.ouvintes.size === 0) {
-      porConta.delete(tenantId);
-      void getSupabaseClientOptional()?.removeChannel?.(a.canal);
-    }
-  };
+var StoreContext = React14__default.createContext(null);
+var ConfigContext = React14__default.createContext(DEFAULT_CONVERSATIONS_CONFIG);
+function ConversationsContextProvider({
+  store: store2,
+  config = DEFAULT_CONVERSATIONS_CONFIG,
+  children
+}) {
+  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store2, children: /* @__PURE__ */ jsx(ConfigContext.Provider, { value: config, children }) });
+}
+function useConversationsStore(selector) {
+  const store2 = React14__default.useContext(StoreContext);
+  if (!store2) throw new Error("useConversationsStore must be used within ConversationsPage");
+  return useStore(store2, selector);
+}
+function useConversationsConfig() {
+  return React14__default.useContext(ConfigContext);
 }
 
 // src/types.ts
@@ -65,144 +44,6 @@ function isWaitingOnUs(conversation) {
   if (conversation.lastMessageDirection) return conversation.lastMessageDirection === "inbound";
   return conversation.unreadCount > 0;
 }
-function tocar() {
-  try {
-    const Ctx = window.AudioContext ?? window.webkitAudioContext;
-    if (!Ctx) return;
-    const ctx = new Ctx();
-    const agora = ctx.currentTime;
-    for (const [freq, atraso] of [[880, 0], [1320, 0.09]]) {
-      const osc = ctx.createOscillator();
-      const vol = ctx.createGain();
-      osc.type = "sine";
-      osc.frequency.value = freq;
-      vol.gain.setValueAtTime(1e-4, agora + atraso);
-      vol.gain.exponentialRampToValueAtTime(0.18, agora + atraso + 0.02);
-      vol.gain.exponentialRampToValueAtTime(1e-4, agora + atraso + 0.28);
-      osc.connect(vol);
-      vol.connect(ctx.destination);
-      osc.start(agora + atraso);
-      osc.stop(agora + atraso + 0.3);
-    }
-    setTimeout(() => void ctx.close().catch(() => {
-    }), 900);
-  } catch {
-  }
-}
-async function pedirPermissao() {
-  if (typeof Notification === "undefined") return false;
-  if (Notification.permission === "granted") return true;
-  if (Notification.permission === "denied") return false;
-  try {
-    return await Notification.requestPermission() === "granted";
-  } catch {
-    return false;
-  }
-}
-function avisarNoSistema(titulo, corpo, tag) {
-  try {
-    if (typeof Notification === "undefined" || Notification.permission !== "granted") return;
-    if (typeof document !== "undefined" && document.visibilityState === "visible") return;
-    const n = new Notification(titulo, { body: corpo, tag, renotify: true });
-    n.onclick = () => {
-      try {
-        window.focus();
-        n.close();
-      } catch {
-      }
-    };
-  } catch {
-  }
-}
-function InboxWatcher({ label, route = "/conversations" }) {
-  const tenantId = useActiveTenantId();
-  const path = useAdminPath();
-  const [naoLidas, setNaoLidas] = React10.useState(0);
-  const podeTocar = React10.useRef(false);
-  React10.useEffect(() => {
-    const liberar = () => {
-      podeTocar.current = true;
-      void pedirPermissao();
-    };
-    for (const ev of ["pointerdown", "keydown", "touchstart"]) {
-      window.addEventListener(ev, liberar, { once: true, passive: true });
-    }
-    return () => {
-      for (const ev of ["pointerdown", "keydown", "touchstart"]) window.removeEventListener(ev, liberar);
-    };
-  }, []);
-  const contar = React10.useCallback(async () => {
-    const supabase = getSupabaseClientOptional();
-    if (!supabase) return;
-    const { data } = await supabase.from(T.conversations).select("id, status, last_message_direction, unread_count").eq("status", "open");
-    if (!data) return;
-    const n = data.filter((r) => isWaitingOnUs({
-      status: r.status,
-      lastMessageDirection: r.last_message_direction ?? void 0,
-      unreadCount: r.unread_count ?? 0
-    })).length;
-    setNaoLidas(n);
-  }, []);
-  React10.useEffect(() => {
-    void contar();
-  }, [contar]);
-  React10.useEffect(() => {
-    if (!tenantId) return;
-    return assinarChegada(tenantId, ({ conversationId }) => {
-      void contar();
-      if (podeTocar.current) tocar();
-      void (async () => {
-        const supabase = getSupabaseClientOptional();
-        let titulo = label;
-        let corpo = "";
-        if (conversationId && supabase) {
-          const { data } = await supabase.from(T.conversations).select("contact_name, last_message_preview").eq("id", conversationId).maybeSingle();
-          titulo = data?.contact_name || label;
-          corpo = String(data?.last_message_preview || "").replace(/\s+/g, " ").slice(0, 140);
-        }
-        avisarNoSistema(titulo, corpo, String(conversationId ?? "inbox"));
-      })();
-    });
-  }, [contar, tenantId, label]);
-  const aberta = path === route || path.startsWith(`${route}/`);
-  const named = useWidgetSurface() === "rail";
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: () => adminNavigateTo(route),
-      "aria-label": naoLidas > 0 ? `${label} (${naoLidas})` : label,
-      title: label,
-      "aria-current": aberta ? "page" : void 0,
-      className: `fz-tap relative inline-flex shrink-0 items-center rounded-button transition-colors hover:bg-accent ${named ? "w-full gap-3 px-2.5 py-2.5" : "justify-center p-2"} ${aberta ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-      children: [
-        /* @__PURE__ */ jsx(MessageCircle, { className: "h-4 w-4 shrink-0" }),
-        named && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: label }),
-        naoLidas > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -right-0.5 -top-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-medium leading-none text-destructive-foreground tabular-nums", children: naoLidas > 9 ? "9+" : naoLidas })
-      ]
-    }
-  );
-}
-var DEFAULT_CONVERSATIONS_CONFIG = {
-  contactKind: "contact"
-};
-var StoreContext = React10__default.createContext(null);
-var ConfigContext = React10__default.createContext(DEFAULT_CONVERSATIONS_CONFIG);
-function ConversationsContextProvider({
-  store: store2,
-  config = DEFAULT_CONVERSATIONS_CONFIG,
-  children
-}) {
-  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store2, children: /* @__PURE__ */ jsx(ConfigContext.Provider, { value: config, children }) });
-}
-function useConversationsStore(selector) {
-  const store2 = React10__default.useContext(StoreContext);
-  if (!store2) throw new Error("useConversationsStore must be used within ConversationsPage");
-  return useStore(store2, selector);
-}
-function useConversationsConfig() {
-  return React10__default.useContext(ConfigContext);
-}
 var CHANNEL_ICON = {
   sms: Phone,
   whatsapp: MessageSquare,
@@ -218,10 +59,10 @@ var CHANNEL_ACCENT = {
   webchat: { color: "#f59e0b", badge: "bg-[#f59e0b]/12 text-[#b45309] dark:text-[#fcd34d]" }
 };
 function useMediaQuery(query) {
-  const [matches, setMatches] = React10__default.useState(
+  const [matches, setMatches] = React14__default.useState(
     () => typeof window !== "undefined" && window.matchMedia(query).matches
   );
-  React10__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia(query);
     const onChange = () => setMatches(mql.matches);
@@ -294,9 +135,106 @@ function dayLabel(iso) {
   if (dayDiff < 7) return d.toLocaleDateString([], { weekday: "long" });
   return d.toLocaleDateString([], { month: "short", day: "numeric", year: now.getFullYear() === d.getFullYear() ? void 0 : "numeric" });
 }
-var FILTERS = ["all", "whatsapp", "sms", "instagram", "email", "webchat"];
+var FN = "conversations-provider";
+function client() {
+  const c = getSupabaseClientOptional();
+  if (!c) throw new Error("Supabase n\xE3o inicializado");
+  return c;
+}
+async function callFn(action, body = {}) {
+  const tenantId = getActiveTenantId();
+  if (!tenantId) throw new Error("Nenhuma casa ativa");
+  const { data, error } = await client().functions.invoke(FN, {
+    body: { tenantId, action, ...body }
+  });
+  if (error) {
+    const detail = await error.context?.json?.().catch(() => null);
+    throw new Error(detail?.message ?? error.message);
+  }
+  if (data?.error) throw new Error(data.message ?? data.error);
+  return data;
+}
+var providersApi = {
+  /** O que está configurado nesta casa. Sem segredo. */
+  async list() {
+    const tenantId = getActiveTenantId();
+    if (!tenantId) return [];
+    const { data, error } = await client().from("v_conversations_providers").select("provider, config, capabilities, is_active, status, status_detail, checked_at, has_credential").eq("tenant_id", tenantId);
+    if (error) throw new Error(error.message);
+    return (data ?? []).map((r) => ({
+      provider: r.provider,
+      config: r.config ?? {},
+      capabilities: r.capabilities ?? {},
+      isActive: Boolean(r.is_active),
+      status: r.status,
+      statusDetail: r.status_detail ?? null,
+      checkedAt: r.checked_at ?? null,
+      hasCredential: Boolean(r.has_credential)
+    }));
+  },
+  /** Guarda config e, quando vier, a chave. Chave ausente é "não mexe": salvar
+   *  a URL do Evolution sem redigitar a chave é o gesto comum. */
+  async save(provider, config, apiKey) {
+    const tenantId = getActiveTenantId();
+    if (!tenantId) throw new Error("Nenhuma casa ativa");
+    const { error } = await client().rpc("conversations_set_provider", {
+      p_tenant: tenantId,
+      p_provider: provider,
+      p_config: config,
+      p_api_key: apiKey && apiKey.trim() ? apiKey.trim() : null
+    });
+    if (error) throw new Error(error.message);
+  },
+  /** A troca. Um ativo por casa, garantido por índice único no banco. */
+  async activate(provider) {
+    const tenantId = getActiveTenantId();
+    if (!tenantId) throw new Error("Nenhuma casa ativa");
+    const { error } = await client().rpc("conversations_activate_provider", {
+      p_tenant: tenantId,
+      p_provider: provider
+    });
+    if (error) throw new Error(error.message);
+  },
+  health: (provider) => callFn("health", { provider }),
+  numbers: (provider) => callFn("numbers", { provider }),
+  /** O QR do Evolution. O Tyxter recusa com `unsupported`. */
+  pair: (provider) => callFn("pair", { provider }),
+  templates: (provider) => callFn("templates", { provider }),
+  createTemplate: (template, provider) => callFn("create_template", { template, provider }),
+  send: (input) => callFn("send", input)
+};
+
+// src/data/channel-connections.ts
+var whatsappCache = null;
+var whatsappConnected = () => {
+  whatsappCache ?? (whatsappCache = providersApi.list().then((rows) => rows.some((r) => r.isActive || r.hasCredential)).catch(() => {
+    whatsappCache = null;
+    return false;
+  }));
+  return whatsappCache;
+};
+function useChannelConnections() {
+  const [whatsapp, setWhatsapp] = React14.useState(void 0);
+  const { connectors } = useConnectors({ hostPluginId: "conversations", includeGrants: false });
+  React14.useEffect(() => {
+    let cancelled = false;
+    void whatsappConnected().then((v) => {
+      if (!cancelled) setWhatsapp(v);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return React14.useMemo(() => {
+    if (whatsapp === void 0) return void 0;
+    const live = (needle) => (connectors ?? []).some((c) => c.state === "connected" && c.slug.toLowerCase().includes(needle));
+    return { whatsapp: whatsapp || live("whatsapp"), email: live("mail"), instagram: live("instagram") };
+  }, [whatsapp, connectors]);
+}
+var FILTERS = ["all", "whatsapp", "instagram", "email"];
 function ConversationList({ className }) {
   const t = useTranslation();
+  const connected = useChannelConnections();
   const {
     conversations,
     selectedId,
@@ -310,7 +248,7 @@ function ConversationList({ className }) {
     setLeadOwnerFilter,
     setSearch
   } = useConversationsStore((s) => s);
-  const donos = React10__default.useMemo(() => {
+  const donos = React14__default.useMemo(() => {
     const vistos = /* @__PURE__ */ new Map();
     for (const c of conversations) {
       if (c.leadOwnerId) vistos.set(c.leadOwnerId, c.leadOwnerName ?? c.leadOwnerId);
@@ -331,18 +269,24 @@ function ConversationList({ className }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: FILTERS.map((id) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => setChannelFilter(id),
-          className: cn(
-            "rounded-full px-2.5 py-1 text-xs font-medium transition-colors",
-            channelFilter === id ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/70"
-          ),
-          children: t(`conversations.filter.${id}`)
-        },
-        id
-      )) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: FILTERS.map((id) => {
+        const off = id !== "all" && connected !== void 0 && !connected[id];
+        return /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            onClick: () => setChannelFilter(id),
+            title: off ? t("conversations.filter.notConnected") : void 0,
+            className: cn(
+              "rounded-full border px-2.5 py-1 text-xs font-medium transition-colors",
+              channelFilter === id ? "border-transparent bg-primary text-primary-foreground" : off ? "border-dashed border-muted-foreground/40 bg-transparent text-muted-foreground hover:bg-muted/50" : "border-transparent bg-muted text-muted-foreground hover:bg-muted/70"
+            ),
+            children: t(`conversations.filter.${id}`)
+          },
+          id
+        );
+      }) }),
       donos.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
         FilterChip,
         {
@@ -383,11 +327,13 @@ function ConversationList({ className }) {
           // ninguém entende por quê.
           /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
             /* @__PURE__ */ jsxs(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "bare",
                 onClick: () => select(c.id),
                 className: cn(
-                  "flex w-full items-start gap-3 border-b border-border/50 px-3 py-3 text-left transition-colors",
+                  "flex w-full items-start justify-start gap-3 rounded-none border-b border-border/50 px-3 py-3 text-left font-normal transition-colors",
                   // Um TOM da cor de marca, e não `bg-accent`.
                   //
                   // `bg-accent` resolve para quase preto neste tema, e a linha da
@@ -425,8 +371,10 @@ function ConversationList({ className }) {
               }
             ),
             unread && /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "bare",
                 type: "button",
                 title: t("conversations.markRead"),
                 "aria-label": t("conversations.markRead"),
@@ -444,78 +392,10 @@ function ConversationList({ className }) {
     ] })
   ] });
 }
-var FN = "conversations-provider";
-function client() {
-  const c = getSupabaseClientOptional();
-  if (!c) throw new Error("Supabase n\xE3o inicializado");
-  return c;
-}
-async function callFn(action, body = {}) {
-  const tenantId = getActiveTenantId();
-  if (!tenantId) throw new Error("Nenhuma casa ativa");
-  const { data, error } = await client().functions.invoke(FN, {
-    body: { tenantId, action, ...body }
-  });
-  if (error) {
-    const detail = await error.context?.json?.().catch(() => null);
-    throw new Error(detail?.message ?? error.message);
-  }
-  if (data?.error) throw new Error(data.message ?? data.error);
-  return data;
-}
-var providersApi = {
-  /** O que está configurado nesta casa. Sem segredo. */
-  async list() {
-    const tenantId = getActiveTenantId();
-    if (!tenantId) return [];
-    const { data, error } = await client().from("v_conversations_providers").select("provider, config, capabilities, is_active, status, status_detail, checked_at, has_credential").eq("tenant_id", tenantId);
-    if (error) throw new Error(error.message);
-    return (data ?? []).map((r) => ({
-      provider: r.provider,
-      config: r.config ?? {},
-      capabilities: r.capabilities ?? {},
-      isActive: Boolean(r.is_active),
-      status: r.status,
-      statusDetail: r.status_detail ?? null,
-      checkedAt: r.checked_at ?? null,
-      hasCredential: Boolean(r.has_credential)
-    }));
-  },
-  /** Guarda config e, quando vier, a chave. Chave ausente é "não mexe": salvar
-   *  a URL do Evolution sem redigitar a chave é o gesto comum. */
-  async save(provider, config, apiKey) {
-    const tenantId = getActiveTenantId();
-    if (!tenantId) throw new Error("Nenhuma casa ativa");
-    const { error } = await client().rpc("conversations_set_provider", {
-      p_tenant: tenantId,
-      p_provider: provider,
-      p_config: config,
-      p_api_key: apiKey && apiKey.trim() ? apiKey.trim() : null
-    });
-    if (error) throw new Error(error.message);
-  },
-  /** A troca. Um ativo por casa, garantido por índice único no banco. */
-  async activate(provider) {
-    const tenantId = getActiveTenantId();
-    if (!tenantId) throw new Error("Nenhuma casa ativa");
-    const { error } = await client().rpc("conversations_activate_provider", {
-      p_tenant: tenantId,
-      p_provider: provider
-    });
-    if (error) throw new Error(error.message);
-  },
-  health: (provider) => callFn("health", { provider }),
-  numbers: (provider) => callFn("numbers", { provider }),
-  /** O QR do Evolution. O Tyxter recusa com `unsupported`. */
-  pair: (provider) => callFn("pair", { provider }),
-  templates: (provider) => callFn("templates", { provider }),
-  createTemplate: (template, provider) => callFn("create_template", { template, provider }),
-  send: (input) => callFn("send", input)
-};
 function useSendWindow(conversationId) {
-  const [row, setRow] = React10__default.useState(null);
-  const [providers, setProviders] = React10__default.useState(null);
-  React10__default.useEffect(() => {
+  const [row, setRow] = React14__default.useState(null);
+  const [providers, setProviders] = React14__default.useState(null);
+  React14__default.useEffect(() => {
     let alive = true;
     providersApi.list().then((p) => {
       if (alive) setProviders(p);
@@ -526,7 +406,7 @@ function useSendWindow(conversationId) {
       alive = false;
     };
   }, []);
-  React10__default.useEffect(() => {
+  React14__default.useEffect(() => {
     let alive = true;
     if (!conversationId) {
       setRow(null);
@@ -547,7 +427,7 @@ function useSendWindow(conversationId) {
     };
   }, [conversationId]);
   const provider = (providers ?? []).find((p) => p.isActive);
-  const mode = React10__default.useMemo(() => {
+  const mode = React14__default.useMemo(() => {
     if (!provider) return { kind: "blocked", reason: "no_provider" };
     if (!provider.capabilities?.requires_template) {
       return { kind: "free", until: null, minutesLeft: null };
@@ -622,10 +502,10 @@ function DeliveryMark({ m }) {
   ] });
 }
 function MessageMenu({ m }) {
-  const [open, setOpen] = React10__default.useState(false);
-  const [detail, setDetail] = React10__default.useState(null);
-  const [loading, setLoading] = React10__default.useState(false);
-  const [err, setErr] = React10__default.useState(null);
+  const [open, setOpen] = React14__default.useState(false);
+  const [detail, setDetail] = React14__default.useState(null);
+  const [loading, setLoading] = React14__default.useState(false);
+  const [err, setErr] = React14__default.useState(null);
   async function load() {
     setOpen(true);
     if (!m.providerMessageId) return;
@@ -650,8 +530,10 @@ function MessageMenu({ m }) {
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         onClick: () => void load(),
         "aria-label": "Detalhes da mensagem",
         className: "opacity-0 transition-opacity group-hover:opacity-60 hover:!opacity-100",
@@ -669,7 +551,7 @@ function MessageMenu({ m }) {
             m.deliveryStatus ? ` \xB7 ${m.deliveryStatus}` : ""
           ] })
         ] }),
-        /* @__PURE__ */ jsx("button", { onClick: () => setOpen(false), "aria-label": "Fechar", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: () => setOpen(false), "aria-label": "Fechar", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "max-h-[60vh] overflow-auto p-4 text-xs", children: [
         /* @__PURE__ */ jsx("p", { className: "mb-1 font-medium text-muted-foreground", children: "Nesta base" }),
@@ -701,9 +583,9 @@ function temArquivo(m) {
   return !!m.mediaPath && COM_ARQUIVO.has(String(m.messageType));
 }
 function useUrlAssinada(m, visivel) {
-  const [url, setUrl] = React10.useState(null);
-  const [erro, setErro] = React10.useState(false);
-  React10.useEffect(() => {
+  const [url, setUrl] = React14.useState(null);
+  const [erro, setErro] = React14.useState(false);
+  React14.useEffect(() => {
     if (!visivel || url || erro || !temArquivo(m)) return;
     let vivo = true;
     (async () => {
@@ -738,10 +620,10 @@ function duracao(seg) {
   return `${m}:${String(s).padStart(2, "0")}`;
 }
 function MediaBubble({ m, outbound }) {
-  const ref = React10.useRef(null);
-  const [visivel, setVisivel] = React10.useState(false);
+  const ref = React14.useRef(null);
+  const [visivel, setVisivel] = React14.useState(false);
   const { url, erro } = useUrlAssinada(m, visivel);
-  React10.useEffect(() => {
+  React14.useEffect(() => {
     const el = ref.current;
     if (!el || typeof IntersectionObserver === "undefined") {
       setVisivel(true);
@@ -825,7 +707,7 @@ function MediaBubble({ m, outbound }) {
   ] });
 }
 function ContactCard({ contacts, outbound }) {
-  const [copied, setCopied] = React10__default.useState(null);
+  const [copied, setCopied] = React14__default.useState(null);
   const copy = (value) => {
     void navigator.clipboard?.writeText(value);
     setCopied(value);
@@ -843,12 +725,14 @@ function ContactCard({ contacts, outbound }) {
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: c.name }),
           c.phones.map((p) => /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => copy(p.display),
               className: cn(
-                "group/phone mt-0.5 flex items-center gap-1.5 text-left text-[13px] tabular-nums",
+                "group/phone mt-0.5 flex items-center justify-start gap-1.5 text-left text-[13px] font-normal tabular-nums",
                 outbound ? "text-white/90 hover:text-white" : "text-muted-foreground hover:text-foreground"
               ),
               children: [
@@ -887,17 +771,17 @@ function buildRows(messages) {
   });
   return rows;
 }
-function MessageThread({ selected, onTogglePanel, panelOpen, onBack, className }) {
+function MessageThread({ selected, onTogglePanel, panelOpen, onBack, backAlways, className }) {
   const t = useTranslation();
   const { messages, sending, send, setStatus, refreshMessages } = useConversationsStore((s) => s);
-  const [draft, setDraft] = React10__default.useState("");
+  const [draft, setDraft] = React14__default.useState("");
   const win = useSendWindow(selected.id);
   const canType = win.mode.kind === "free";
-  const threadRef = React10__default.useRef(null);
-  React10__default.useEffect(() => {
+  const threadRef = React14__default.useRef(null);
+  React14__default.useEffect(() => {
     threadRef.current?.scrollTo({ top: threadRef.current.scrollHeight, behavior: "smooth" });
   }, [messages.length, selected.id]);
-  React10__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (!selected.id) return;
     let timer = null;
     const start = () => {
@@ -926,11 +810,11 @@ function MessageThread({ selected, onTogglePanel, panelOpen, onBack, className }
     await send(body);
   }
   const accent = CHANNEL_ACCENT[selected.channel];
-  const rows = React10__default.useMemo(() => buildRows(messages), [messages]);
+  const rows = React14__default.useMemo(() => buildRows(messages), [messages]);
   return /* @__PURE__ */ jsxs("section", { className: cn("flex min-w-0 flex-1 flex-col bg-muted/20", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-card px-3 py-2.5 md:px-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 md:gap-3", children: [
-        onBack && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "-ml-1 shrink-0 lg:hidden", onClick: onBack, "aria-label": t("conversations.thread.back"), children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" }) }),
+        onBack && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: cn("-ml-1 shrink-0", !backAlways && "lg:hidden"), onClick: onBack, "aria-label": t("conversations.thread.back"), children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" }) }),
         /* @__PURE__ */ jsx(Avatar, { name: selected.contactName, accent: selected.accent, size: "sm", channel: selected.channel }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: selected.contactName }),
@@ -1010,8 +894,8 @@ function MessageThread({ selected, onTogglePanel, panelOpen, onBack, className }
     /* @__PURE__ */ jsxs("div", { className: "border-t border-border bg-card", children: [
       /* @__PURE__ */ jsx(SendWindowBanner, { state: win }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2 px-4 py-3", children: [
-        /* @__PURE__ */ jsx(
-          "textarea",
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+          Textarea,
           {
             value: draft,
             onChange: (e) => setDraft(e.target.value),
@@ -1024,9 +908,9 @@ function MessageThread({ selected, onTogglePanel, panelOpen, onBack, className }
             rows: 1,
             disabled: !canType,
             placeholder: canType ? t("conversations.thread.reply", { channel: CHANNEL_LABELS[selected.channel] }) : win.mode.kind === "blocked" ? "Envio bloqueado" : "Fora da janela \u2014 envie um template",
-            className: "max-h-32 min-h-[40px] flex-1 resize-none rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary disabled:cursor-not-allowed disabled:bg-muted/40 disabled:text-muted-foreground"
+            className: "max-h-32 min-h-[40px] resize-none rounded-md border-border bg-background shadow-none focus:border-primary focus-visible:ring-0 focus-visible:ring-offset-0 disabled:bg-muted/40 disabled:text-muted-foreground disabled:opacity-100"
           }
-        ),
+        ) }),
         /* @__PURE__ */ jsx(Button, { onClick: () => void handleSend(), disabled: !canType || sending || !draft.trim(), "aria-label": t("conversations.thread.send"), children: /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" }) })
       ] })
     ] })
@@ -1038,8 +922,8 @@ var TEMP = {
   cold: { icon: Snowflake, cls: "bg-info-soft text-info-soft-foreground", label: "Frio" }
 };
 function LeadCard({ personId, handle }) {
-  const [lead, setLead] = React10__default.useState(void 0);
-  React10__default.useEffect(() => {
+  const [lead, setLead] = React14__default.useState(void 0);
+  React14__default.useEffect(() => {
     let alive = true;
     const sb = getSupabaseClientOptional();
     const tenantId = getActiveTenantId();
@@ -1206,14 +1090,14 @@ function NewConversationPanel({
   const create = useConversationsStore((s) => s.create);
   const config = useConversationsConfig();
   const guardConversations = useLimitGuard("conversations_month");
-  const [channel, setChannel] = React10__default.useState("whatsapp");
-  const [contact, setContact] = React10__default.useState(null);
-  const [typedHandle, setTypedHandle] = React10__default.useState("");
-  const [creatingContact, setCreatingContact] = React10__default.useState(false);
-  const [firstMessage, setFirstMessage] = React10__default.useState("");
-  const [submitting, setSubmitting] = React10__default.useState(false);
-  const [pickerKey, setPickerKey] = React10__default.useState(0);
-  React10__default.useEffect(() => {
+  const [channel, setChannel] = React14__default.useState("whatsapp");
+  const [contact, setContact] = React14__default.useState(null);
+  const [typedHandle, setTypedHandle] = React14__default.useState("");
+  const [creatingContact, setCreatingContact] = React14__default.useState(false);
+  const [firstMessage, setFirstMessage] = React14__default.useState("");
+  const [submitting, setSubmitting] = React14__default.useState(false);
+  const [pickerKey, setPickerKey] = React14__default.useState(0);
+  React14__default.useEffect(() => {
     if (open) {
       setChannel("whatsapp");
       setContact(null);
@@ -1260,8 +1144,10 @@ function NewConversationPanel({
             const Icon = CHANNEL_ICON[ch];
             const active = channel === ch;
             return /* @__PURE__ */ jsxs(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "bare",
                 type: "button",
                 onClick: () => setChannel(ch),
                 "aria-pressed": active,
@@ -1307,14 +1193,14 @@ function NewConversationPanel({
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { htmlFor: "conv-first-message", className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: t("conversations.new.firstMessage") }),
           /* @__PURE__ */ jsx(
-            "textarea",
+            Textarea,
             {
               id: "conv-first-message",
               value: firstMessage,
               onChange: (e) => setFirstMessage(e.target.value),
               rows: 3,
               placeholder: t("conversations.new.firstMessagePlaceholder"),
-              className: "max-h-40 min-h-[64px] w-full resize-none rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary"
+              className: "max-h-40 min-h-[64px] resize-none rounded-md border-border bg-background shadow-none focus:border-primary focus-visible:ring-0 focus-visible:ring-offset-0"
             }
           )
         ] })
@@ -1323,14 +1209,47 @@ function NewConversationPanel({
     ] })
   ] }) });
 }
+var porConta = /* @__PURE__ */ new Map();
+function assinarChegada(tenantId, ouvinte) {
+  const supabase = getSupabaseClientOptional();
+  if (!supabase?.channel || !tenantId) return () => {
+  };
+  let assinatura = porConta.get(tenantId);
+  if (!assinatura) {
+    const ouvintes = /* @__PURE__ */ new Set();
+    const canal = supabase.channel(`conversas:${tenantId}`).on("broadcast", { event: "inbound" }, (msg2) => {
+      const carga = { conversationId: msg2?.payload?.conversationId };
+      for (const f of [...ouvintes]) {
+        try {
+          f(carga);
+        } catch {
+        }
+      }
+    }).subscribe();
+    assinatura = { canal, ouvintes };
+    porConta.set(tenantId, assinatura);
+  }
+  assinatura.ouvintes.add(ouvinte);
+  return () => {
+    const a = porConta.get(tenantId);
+    if (!a) return;
+    a.ouvintes.delete(ouvinte);
+    if (a.ouvintes.size === 0) {
+      porConta.delete(tenantId);
+      void getSupabaseClientOptional()?.removeChannel?.(a.canal);
+    }
+  };
+}
+
+// src/views/useCaixaAoVivo.ts
 function useCaixaAoVivo() {
   const tenantId = useActiveTenantId();
   const load = useConversationsStore((s) => s.load);
   const refreshMessages = useConversationsStore((s) => s.refreshMessages);
   const selectedId = useConversationsStore((s) => s.selectedId);
-  const abertoRef = React10.useRef(selectedId);
+  const abertoRef = React14.useRef(selectedId);
   abertoRef.current = selectedId;
-  React10.useEffect(() => {
+  React14.useEffect(() => {
     if (!tenantId) return;
     return assinarChegada(tenantId, ({ conversationId }) => {
       void load();
@@ -1340,19 +1259,24 @@ function useCaixaAoVivo() {
     });
   }, [tenantId, load, refreshMessages]);
 }
-function InboxView() {
+function InboxView({ layout = "page", newSignal = 0 } = {}) {
   const t = useTranslation();
+  const dock = layout !== "page";
   const { conversations, selectedId, deselect } = useConversationsStore((s) => s);
   useCaixaAoVivo();
-  const isWidePanel = useMediaQuery("(min-width: 1280px)");
+  const isWideViewport = useMediaQuery("(min-width: 1280px)");
+  const isWidePanel = isWideViewport && !dock;
   const railOpen = useRightRailStore((s) => s.open);
-  const [panelOpen, setPanelOpen] = React10__default.useState(false);
-  const [newOpen, setNewOpen] = React10__default.useState(false);
+  const [panelOpen, setPanelOpen] = React14__default.useState(false);
+  const [newOpen, setNewOpen] = React14__default.useState(false);
   const selected = conversations.find((c) => c.id === selectedId) ?? null;
-  React10__default.useEffect(() => {
+  React14__default.useEffect(() => {
+    if (newSignal > 0) setNewOpen(true);
+  }, [newSignal]);
+  React14__default.useEffect(() => {
     setPanelOpen(isWidePanel && !railOpen);
   }, [isWidePanel, railOpen]);
-  const newActions = React10__default.useMemo(() => [{
+  const newActions = React14__default.useMemo(() => [{
     id: "new-conversation",
     label: t("conversations.list.new"),
     icon: SquarePen,
@@ -1364,10 +1288,14 @@ function InboxView() {
     onSelect: () => setNewOpen(true)
   }], [t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(PageActions, { actions: newActions }) }),
+    !dock && /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(PageActions, { actions: newActions }) }),
     /* @__PURE__ */ jsx(NewConversationPanel, { open: newOpen, onOpenChange: setNewOpen }),
     /* @__PURE__ */ jsxs("div", { className: "relative flex h-full min-h-0 overflow-hidden bg-background", children: [
-      /* @__PURE__ */ jsx(ConversationList, { className: cn(selected ? "hidden lg:flex" : "flex") }),
+      /* @__PURE__ */ jsx(ConversationList, { className: cn(
+        layout === "page" && (selected ? "hidden lg:flex" : "flex"),
+        layout === "dock" && (selected ? "hidden" : "flex lg:w-full border-r-0"),
+        layout === "dock-wide" && "flex lg:w-[300px]"
+      ) }),
       selected ? /* @__PURE__ */ jsx(
         MessageThread,
         {
@@ -1375,17 +1303,20 @@ function InboxView() {
           panelOpen,
           onTogglePanel: () => setPanelOpen((v) => !v),
           onBack: deselect,
+          backAlways: layout === "dock",
           className: "flex"
         }
-      ) : /* @__PURE__ */ jsxs("section", { className: "hidden min-w-0 flex-1 flex-col items-center justify-center bg-muted/20 text-muted-foreground lg:flex", children: [
+      ) : layout === "dock" ? null : /* @__PURE__ */ jsxs("section", { className: cn("min-w-0 flex-1 flex-col items-center justify-center bg-muted/20 text-muted-foreground", dock ? "flex" : "hidden lg:flex"), children: [
         /* @__PURE__ */ jsx(MessageSquare, { className: "h-9 w-9" }),
         /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm", children: t("conversations.empty.select") })
       ] }),
       selected && panelOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
-            className: "absolute inset-0 z-10 bg-black/40 xl:hidden",
+            variant: "bare",
+            size: "bare",
+            className: cn("absolute inset-0 z-10 rounded-none bg-black/40", !dock && "xl:hidden"),
             "aria-label": "Close details",
             onClick: () => setPanelOpen(false)
           }
@@ -1395,13 +1326,229 @@ function InboxView() {
           {
             contact: selected,
             onClose: () => setPanelOpen(false),
-            className: "absolute inset-y-0 right-0 z-20 w-[340px] max-w-[88%] shadow-2xl xl:static xl:z-auto xl:w-[300px] xl:max-w-none xl:shadow-none"
+            className: cn("absolute inset-y-0 right-0 z-20 w-[340px] max-w-[88%] shadow-2xl", !dock && "xl:static xl:z-auto xl:w-[300px] xl:max-w-none xl:shadow-none")
           }
         )
       ] })
     ] })
   ] });
 }
+var CONNECTORS_ROUTE = "/settings/conversations/connectors";
+var SPLIT_AT = 720;
+function ConversationsRailPanel({ store: store2, config }) {
+  const t = useTranslation();
+  const ref = React14.useRef(null);
+  const [width, setWidth] = React14.useState(0);
+  const [newSignal, setNewSignal] = React14.useState(0);
+  const connected = useChannelConnections();
+  const closeRail = useRightRailStore((s) => s.close);
+  const wide = width >= SPLIT_AT;
+  React14.useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const ro = new ResizeObserver(([e]) => setWidth(e.contentRect.width));
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  React14.useEffect(() => {
+    const narrow = (ref.current?.getBoundingClientRect().width ?? 0) < SPLIT_AT;
+    if (narrow) store2.getState().deselect();
+    void store2.getState().load({ autoSelect: !narrow });
+  }, [store2]);
+  const go = (route) => {
+    closeRail();
+    adminNavigateTo(route);
+  };
+  useRightRailMenu([
+    { id: "new", label: t("conversations.list.new"), icon: SquarePen, onSelect: () => setNewSignal((n) => n + 1) },
+    { id: "full", label: tl("Open full screen", "Abrir em tela cheia"), icon: ExternalLink, onSelect: () => go("/conversations") }
+  ]);
+  return /* @__PURE__ */ jsxs("div", { ref, className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(ConversationsContextProvider, { store: store2, config, children: /* @__PURE__ */ jsx(InboxView, { layout: wide ? "dock-wide" : "dock", newSignal }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border p-3", children: connected === void 0 ? /* @__PURE__ */ jsx("div", { className: "h-10", "aria-hidden": true }) : connected.whatsapp ? /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: () => go(CONNECTORS_ROUTE),
+        className: "font-normal whitespace-normal justify-start fz-tap flex h-10 w-full items-center gap-2 rounded-button px-2 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 text-[#25D366]", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: tl("WhatsApp connected", "WhatsApp conectado") }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-primary", children: tl("Manage", "Gerenciar") })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: () => go(CONNECTORS_ROUTE),
+        "data-testid": "inbox-connect-whatsapp",
+        className: "font-normal whitespace-normal fz-tap flex h-11 w-full items-center justify-center gap-2 rounded-button bg-[#25D366] text-sm font-semibold text-white shadow-sm transition-colors hover:bg-[#1EBE5A] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#25D366] focus-visible:ring-offset-2",
+        children: [
+          /* @__PURE__ */ jsx(WhatsAppMark, { className: "h-[18px] w-[18px]" }),
+          tl("Connect WhatsApp", "Conectar WhatsApp")
+        ]
+      }
+    ) })
+  ] });
+}
+function WhatsAppMark({ className }) {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className, "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.96-.94 1.16-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.22 1.36.19 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.5h-.01a9.4 9.4 0 0 1-4.8-1.32l-.34-.2-3.56.93.95-3.47-.22-.36a9.4 9.4 0 0 1-1.44-5.02c0-5.2 4.23-9.43 9.43-9.43 2.52 0 4.89.98 6.67 2.77a9.37 9.37 0 0 1 2.76 6.67c0 5.2-4.23 9.43-9.44 9.43zm8.03-17.46A11.3 11.3 0 0 0 12.05.72C5.79.72.7 5.81.7 12.07c0 2 .52 3.95 1.52 5.67L.6 23.6l6-1.57a11.32 11.32 0 0 0 5.44 1.39h.01c6.26 0 11.35-5.1 11.35-11.35 0-3.03-1.18-5.88-3.32-8.03z" }) });
+}
+
+// src/data/tables.ts
+var T = {
+  conversations: "plg_conversations",
+  /** A LEITURA da conversa: a mesma linha, com o dono do lead junto. A escrita
+   *  continua na tabela — view com `security_invoker` não aceita INSERT aqui. */
+  conversationsView: "v_conversations",
+  messages: "plg_conversation_messages",
+  channels: "plg_conversations_channels"
+};
+function tocar() {
+  try {
+    const Ctx = window.AudioContext ?? window.webkitAudioContext;
+    if (!Ctx) return;
+    const ctx = new Ctx();
+    const agora = ctx.currentTime;
+    for (const [freq, atraso] of [[880, 0], [1320, 0.09]]) {
+      const osc = ctx.createOscillator();
+      const vol = ctx.createGain();
+      osc.type = "sine";
+      osc.frequency.value = freq;
+      vol.gain.setValueAtTime(1e-4, agora + atraso);
+      vol.gain.exponentialRampToValueAtTime(0.18, agora + atraso + 0.02);
+      vol.gain.exponentialRampToValueAtTime(1e-4, agora + atraso + 0.28);
+      osc.connect(vol);
+      vol.connect(ctx.destination);
+      osc.start(agora + atraso);
+      osc.stop(agora + atraso + 0.3);
+    }
+    setTimeout(() => void ctx.close().catch(() => {
+    }), 900);
+  } catch {
+  }
+}
+async function pedirPermissao() {
+  if (typeof Notification === "undefined") return false;
+  if (Notification.permission === "granted") return true;
+  if (Notification.permission === "denied") return false;
+  try {
+    return await Notification.requestPermission() === "granted";
+  } catch {
+    return false;
+  }
+}
+function avisarNoSistema(titulo, corpo, tag) {
+  try {
+    if (typeof Notification === "undefined" || Notification.permission !== "granted") return;
+    if (typeof document !== "undefined" && document.visibilityState === "visible") return;
+    const n = new Notification(titulo, { body: corpo, tag, renotify: true });
+    n.onclick = () => {
+      try {
+        window.focus();
+        n.close();
+      } catch {
+      }
+    };
+  } catch {
+  }
+}
+var RAIL_ID = "conversations";
+function InboxWatcher({ label, route = "/conversations", store: store2, config, inHeader }) {
+  const Panel = React14.useMemo(() => {
+    if (!store2) return null;
+    const C = () => React14.createElement(ConversationsRailPanel, { store: store2, config });
+    C.displayName = "ConversationsRailPanel";
+    return C;
+  }, [store2, config]);
+  const railOpen = useRightRailStore((s) => s.open && s.active === RAIL_ID);
+  const togglePanel = useRightRailStore((s) => s.togglePanel);
+  const tenantId = useActiveTenantId();
+  const path = useAdminPath();
+  const [naoLidas, setNaoLidas] = React14.useState(0);
+  const podeTocar = React14.useRef(false);
+  React14.useEffect(() => {
+    const liberar = () => {
+      podeTocar.current = true;
+      void pedirPermissao();
+    };
+    for (const ev of ["pointerdown", "keydown", "touchstart"]) {
+      window.addEventListener(ev, liberar, { once: true, passive: true });
+    }
+    return () => {
+      for (const ev of ["pointerdown", "keydown", "touchstart"]) window.removeEventListener(ev, liberar);
+    };
+  }, []);
+  const contar = React14.useCallback(async () => {
+    const supabase = getSupabaseClientOptional();
+    if (!supabase) return;
+    const { data } = await supabase.from(T.conversations).select("id, status, last_message_direction, unread_count").eq("status", "open");
+    if (!data) return;
+    const n = data.filter((r) => isWaitingOnUs({
+      status: r.status,
+      lastMessageDirection: r.last_message_direction ?? void 0,
+      unreadCount: r.unread_count ?? 0
+    })).length;
+    setNaoLidas(n);
+  }, []);
+  React14.useEffect(() => {
+    void contar();
+  }, [contar]);
+  React14.useEffect(() => {
+    if (!tenantId) return;
+    return assinarChegada(tenantId, ({ conversationId }) => {
+      void contar();
+      if (podeTocar.current) tocar();
+      void (async () => {
+        const supabase = getSupabaseClientOptional();
+        let titulo = label;
+        let corpo = "";
+        if (conversationId && supabase) {
+          const { data } = await supabase.from(T.conversations).select("contact_name, last_message_preview").eq("id", conversationId).maybeSingle();
+          titulo = data?.contact_name || label;
+          corpo = String(data?.last_message_preview || "").replace(/\s+/g, " ").slice(0, 140);
+        }
+        avisarNoSistema(titulo, corpo, String(conversationId ?? "inbox"));
+      })();
+    });
+  }, [contar, tenantId, label]);
+  useRightRailPanel(React14.useMemo(() => Panel ? {
+    id: RAIL_ID,
+    label,
+    icon: MessageCircle,
+    order: 12,
+    badge: { count: naoLidas, tone: "destructive" },
+    Component: Panel
+  } : null, [Panel, label, naoLidas]));
+  const naPagina = path === route || path.startsWith(`${route}/`);
+  const aberta = naPagina || railOpen;
+  const surface = useWidgetSurface();
+  const named = !inHeader && surface === "rail";
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      type: "button",
+      onClick: () => Panel && !naPagina ? togglePanel(RAIL_ID) : adminNavigateTo(route),
+      "aria-expanded": Panel ? railOpen : void 0,
+      "aria-label": naoLidas > 0 ? `${label} (${naoLidas})` : label,
+      title: label,
+      "aria-current": aberta ? "page" : void 0,
+      className: `fz-tap relative inline-flex shrink-0 items-center rounded-button transition-colors hover:bg-accent ${named ? "w-full gap-3 px-2.5 py-2.5" : "justify-center p-2"} ${aberta ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+      children: [
+        /* @__PURE__ */ jsx(MessageCircle, { className: "h-4 w-4 shrink-0" }),
+        named && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: label }),
+        naoLidas > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -right-0.5 -top-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-medium leading-none text-destructive-foreground tabular-nums", children: naoLidas > 9 ? "9+" : naoLidas })
+      ]
+    }
+  );
+}
 var CHANNELS2 = ["sms", "whatsapp", "instagram", "email", "webchat"];
 function requestedContact() {
   try {
@@ -1421,7 +1568,7 @@ function requestedContact() {
   }
 }
 function ConversationsPage({ store: store2, config }) {
-  React10__default.useEffect(() => {
+  React14__default.useEffect(() => {
     const wanted = requestedContact();
     if (!wanted) {
       void store2.getState().load();
@@ -1439,6 +1586,87 @@ function ConversationsPage({ store: store2, config }) {
   }, []);
   return /* @__PURE__ */ jsx(ConversationsContextProvider, { store: store2, config, children: /* @__PURE__ */ jsx(InboxView, {}) });
 }
+var money = (n) => formatCurrency(n, "BRL");
+var PROMISES = [
+  ["Answers your clients on WhatsApp, day and night", "Responde seus clientes no WhatsApp, de dia e de noite"],
+  ["Books, confirms and takes orders by itself", "Agenda, confirma e anota pedidos sozinho"],
+  ["Hands over to a person when it should", "Passa para uma pessoa quando precisa"],
+  ["Learns your prices, hours and services", "Aprende seus pre\xE7os, hor\xE1rios e servi\xE7os"]
+];
+function AtendeAIPage() {
+  const runtime = usePluginRuntimeOptional();
+  const plugin = runtime?.plugins.find((p) => p.id === "conversations");
+  const on = plugin?.config?.facets?.atendeai === true;
+  const price = PRICE_BOOK["conversations.atendeai"];
+  const go = (hash) => {
+    window.location.hash = hash;
+  };
+  if (!on) {
+    return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl space-y-4", children: [
+      /* @__PURE__ */ jsx(Card, { className: "overflow-hidden border-violet-200 dark:border-violet-900", children: /* @__PURE__ */ jsxs("div", { className: "space-y-5 bg-gradient-to-br from-violet-50 to-transparent p-6 dark:from-violet-950/40", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-violet-100 text-violet-700 dark:bg-violet-900/60 dark:text-violet-200", children: /* @__PURE__ */ jsx(Bot, { className: "h-6 w-6", "aria-hidden": true }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "AtendeAI" }),
+              /* @__PURE__ */ jsxs(Badge, { className: "border-transparent bg-violet-100 text-violet-700 dark:bg-violet-900/60 dark:text-violet-200", children: [
+                /* @__PURE__ */ jsx(Sparkles, { className: "mr-1 h-3 w-3", "aria-hidden": true }),
+                tl("AI", "IA")
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: tl(
+              "An attendant that never sleeps: it talks to your clients on WhatsApp and only calls your team when it matters.",
+              "Um atendente que n\xE3o dorme: conversa com seus clientes no WhatsApp e s\xF3 chama a sua equipe quando importa."
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "grid gap-2 sm:grid-cols-2", children: PROMISES.map(([en2, pt]) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx(Check, { className: "mt-0.5 h-4 w-4 shrink-0 text-violet-600 dark:text-violet-300", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { children: tl(en2, pt) })
+        ] }, pt)) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+          price && /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold tabular-nums", children: money(price.price) }),
+            /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              " ",
+              price.per === "unit" ? tl("per unit / month", "por unidade / m\xEAs") : tl("/ month", "/ m\xEAs")
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { className: "h-11 bg-violet-600 text-white hover:bg-violet-700", onClick: () => go("/settings/modules"), children: [
+            /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4", "aria-hidden": true }),
+            tl("Turn on AtendeAI", "Ligar o AtendeAI")
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tl("Turned on in Settings \u203A Modules; its settings appear right after.", "Liga em Configura\xE7\xF5es \u203A M\xF3dulos; as configura\xE7\xF5es dele aparecem logo em seguida.") })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "h-11", onClick: () => go("/settings/modules"), children: tl("Manage or turn off", "Gerenciar ou desligar") }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "h-11", onClick: () => go("/settings/conversations-atendeai"), children: [
+        /* @__PURE__ */ jsx(Settings2, { className: "h-4 w-4", "aria-hidden": true }),
+        tl("AtendeAI settings", "Configura\xE7\xF5es do AtendeAI")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ComingSoon,
+      {
+        title: tl("AtendeAI operation", "Opera\xE7\xE3o do AtendeAI"),
+        summary: tl(
+          "Follow what the AI is answering, accept or correct its drafts and teach it new answers.",
+          "Acompanhe o que a IA est\xE1 respondendo, aceite ou corrija os rascunhos e ensine respostas novas."
+        ),
+        v1Path: "AtendeAI \u2192 Opera\xE7\xE3o",
+        missing: [
+          tl("The WhatsApp number of each unit connected", "O n\xFAmero de WhatsApp de cada unidade conectado"),
+          tl("The AI answering engine (personality, Q&A, capabilities)", "O motor de respostas da IA (personalidade, perguntas e respostas, capacidades)"),
+          tl("The queue of drafts waiting for acceptance", "A fila de rascunhos esperando aceite")
+        ]
+      }
+    )
+  ] });
+}
 
 // src/data/accents.ts
 var CHANNEL_ACCENT_HEX = {
@@ -1967,14 +2195,14 @@ function createConversationsStore(provider) {
     search: "",
     loading: false,
     sending: false,
-    async load() {
+    async load(opts) {
       set({ loading: true });
       const conversations = await provider.listConversations({
         channel: get().channelFilter,
         leadOwnerId: get().leadOwnerFilter,
         search: get().search || void 0
       });
-      const selectedId = get().selectedId ?? conversations[0]?.id ?? null;
+      const selectedId = get().selectedId ?? (opts?.autoSelect === false ? null : conversations[0]?.id ?? null);
       set({ conversations, loading: false, selectedId });
       if (selectedId) await get().select(selectedId);
     },
@@ -2119,6 +2347,7 @@ var en = {
   "conversations.list.search": "Search conversations",
   "conversations.list.loading": "Loading\u2026",
   "conversations.list.empty": "No conversations",
+  "conversations.filter.notConnected": "Account not connected yet",
   "conversations.list.new": "New conversation",
   // Channel filters
   "conversations.filter.all": "All",
@@ -2215,6 +2444,7 @@ var ptBR = {
   "conversations.list.search": "Buscar conversas",
   "conversations.list.loading": "Carregando\u2026",
   "conversations.list.empty": "Nenhuma conversa",
+  "conversations.filter.notConnected": "Conta ainda n\xE3o conectada",
   "conversations.list.new": "Nova conversa",
   // Filtros de canal
   "conversations.filter.all": "Todas",
@@ -2509,23 +2739,24 @@ function NumberRow({ n }) {
     !n.ready && /* @__PURE__ */ jsx("span", { className: "text-warning", children: "n\xE3o pronto para enviar" })
   ] });
 }
-function WhatsAppProviders() {
-  const [rows, setRows] = React10__default.useState(null);
-  const [draft, setDraft] = React10__default.useState({});
-  const [busy, setBusy] = React10__default.useState(null);
-  const [numbers, setNumbers] = React10__default.useState({});
-  const [qr, setQr] = React10__default.useState(null);
-  const load = React10__default.useCallback(async () => {
+function WhatsAppProviders({ only, onChanged } = {}) {
+  const [rows, setRows] = React14__default.useState(null);
+  const [draft, setDraft] = React14__default.useState({});
+  const [busy, setBusy] = React14__default.useState(null);
+  const [numbers, setNumbers] = React14__default.useState({});
+  const [qr, setQr] = React14__default.useState(null);
+  const load = React14__default.useCallback(async () => {
     try {
       setRows(await providersApi.list());
     } catch {
       setRows([]);
     }
-  }, []);
-  React10__default.useEffect(() => {
+    onChanged?.();
+  }, [onChanged]);
+  React14__default.useEffect(() => {
     void load();
   }, [load]);
-  const byId = React10__default.useMemo(
+  const byId = React14__default.useMemo(
     () => Object.fromEntries((rows ?? []).map((r) => [r.provider, r])),
     [rows]
   );
@@ -2581,99 +2812,178 @@ function WhatsAppProviders() {
     setQr({ provider: p, image: d.qr, code: d.code });
     if (!d.qr && !d.code) toast.error("A inst\xE2ncia n\xE3o devolveu QR \u2014 j\xE1 est\xE1 pareada?");
   });
-  return /* @__PURE__ */ jsxs(
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    rows === null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+      " carregando\u2026"
+    ] }),
+    rows !== null && (only ? [only] : ALL).map((p) => {
+      const row = byId[p];
+      const copy = COPY[p];
+      const active = Boolean(row?.isActive);
+      const caps = row?.capabilities ?? {};
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `rounded-card border p-4 my-2 ${active ? "border-primary bg-primary/[0.03]" : "bg-card"}`,
+          "data-testid": `provider-${p}`,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: copy.name }),
+              active && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary px-2 py-0.5 text-[10px] font-medium text-primary-foreground", children: [
+                /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
+                " valendo agora"
+              ] }),
+              /* @__PURE__ */ jsx(StatusChip, { row }),
+              row?.hasCredential && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(ShieldCheck, { className: "h-3 w-3" }),
+                " chave guardada"
+              ] }),
+              caps.ban_risk === "high" && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] text-warning", children: [
+                /* @__PURE__ */ jsx(ShieldAlert, { className: "h-3 w-3" }),
+                " risco de banimento"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: copy.what }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-2 grid gap-1 sm:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-success-soft-foreground", children: [
+                "\u2713 ",
+                copy.strength
+              ] }),
+              /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-warning", children: [
+                "! ",
+                copy.cost
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "mt-3 grid gap-2 sm:grid-cols-2", children: copy.fields.map((f) => /* @__PURE__ */ jsxs("label", { className: "block", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: f.label }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  className: "mt-0.5 h-8 text-sm",
+                  type: f.secret ? "password" : "text",
+                  autoComplete: "off",
+                  placeholder: f.secret && row?.hasCredential ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (guardada)" : f.placeholder,
+                  value: field(p, f.key),
+                  onChange: (e) => setField(p, f.key, e.target.value)
+                }
+              )
+            ] }, f.key)) }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+              /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", disabled: busy === `save:${p}`, onClick: () => save(p), children: busy === `save:${p}` ? /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : "Guardar" }),
+              /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", disabled: !row?.hasCredential || busy === `test:${p}`, onClick: () => test(p), children: busy === `test:${p}` ? /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(RefreshCw, { className: "mr-1 h-3 w-3" }),
+                " Testar"
+              ] }) }),
+              /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", disabled: !row?.hasCredential || busy === `numbers:${p}`, onClick: () => refreshNumbers(p), children: "N\xFAmeros" }),
+              caps.qr_pairing && /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", disabled: !row?.hasCredential || busy === `qr:${p}`, onClick: () => pair(p), children: [
+                /* @__PURE__ */ jsx(QrCode, { className: "mr-1 h-3 w-3" }),
+                " Parear"
+              ] }),
+              !active && /* @__PURE__ */ jsxs(Button, { size: "sm", disabled: !row?.hasCredential || busy === `on:${p}`, onClick: () => activate(p), children: [
+                /* @__PURE__ */ jsx(Zap, { className: "mr-1 h-3 w-3" }),
+                " Usar este"
+              ] })
+            ] }),
+            numbers[p]?.length ? /* @__PURE__ */ jsx("div", { className: "mt-3 border-t pt-2", children: numbers[p].map((n) => /* @__PURE__ */ jsx(NumberRow, { n }, n.id)) }) : null,
+            qr?.provider === p && /* @__PURE__ */ jsxs("div", { className: "mt-3 border-t pt-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-2", children: "Abra o WhatsApp no celular \u2192 Aparelhos conectados \u2192 Conectar aparelho." }),
+              qr.image && /* @__PURE__ */ jsx("img", { src: qr.image, alt: "QR", className: "h-48 w-48 rounded border bg-white p-2" }),
+              qr.code && /* @__PURE__ */ jsx("p", { className: "mt-2 font-mono text-lg tracking-widest", children: qr.code })
+            ] })
+          ]
+        },
+        p
+      );
+    })
+  ] });
+  return only ? body : /* @__PURE__ */ jsx(
     SettingsGroup,
     {
       title: "WhatsApp \u2014 por onde as mensagens saem",
       description: "Dois caminhos, um valendo de cada vez. Troque quando quiser; a configura\xE7\xE3o do outro fica guardada.",
-      children: [
-        rows === null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
-          " carregando\u2026"
-        ] }),
-        rows !== null && ALL.map((p) => {
-          const row = byId[p];
-          const copy = COPY[p];
-          const active = Boolean(row?.isActive);
-          const caps = row?.capabilities ?? {};
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `rounded-card border p-4 my-2 ${active ? "border-primary bg-primary/[0.03]" : "bg-card"}`,
-              "data-testid": `provider-${p}`,
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: copy.name }),
-                  active && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary px-2 py-0.5 text-[10px] font-medium text-primary-foreground", children: [
-                    /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
-                    " valendo agora"
-                  ] }),
-                  /* @__PURE__ */ jsx(StatusChip, { row }),
-                  row?.hasCredential && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx(ShieldCheck, { className: "h-3 w-3" }),
-                    " chave guardada"
-                  ] }),
-                  caps.ban_risk === "high" && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] text-warning", children: [
-                    /* @__PURE__ */ jsx(ShieldAlert, { className: "h-3 w-3" }),
-                    " risco de banimento"
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: copy.what }),
-                /* @__PURE__ */ jsxs("div", { className: "mt-2 grid gap-1 sm:grid-cols-2", children: [
-                  /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-success-soft-foreground", children: [
-                    "\u2713 ",
-                    copy.strength
-                  ] }),
-                  /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-warning", children: [
-                    "! ",
-                    copy.cost
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "mt-3 grid gap-2 sm:grid-cols-2", children: copy.fields.map((f) => /* @__PURE__ */ jsxs("label", { className: "block", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: f.label }),
-                  /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      className: "mt-0.5 h-8 text-sm",
-                      type: f.secret ? "password" : "text",
-                      autoComplete: "off",
-                      placeholder: f.secret && row?.hasCredential ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (guardada)" : f.placeholder,
-                      value: field(p, f.key),
-                      onChange: (e) => setField(p, f.key, e.target.value)
-                    }
-                  )
-                ] }, f.key)) }),
-                /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
-                  /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", disabled: busy === `save:${p}`, onClick: () => save(p), children: busy === `save:${p}` ? /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : "Guardar" }),
-                  /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", disabled: !row?.hasCredential || busy === `test:${p}`, onClick: () => test(p), children: busy === `test:${p}` ? /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx(RefreshCw, { className: "mr-1 h-3 w-3" }),
-                    " Testar"
-                  ] }) }),
-                  /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", disabled: !row?.hasCredential || busy === `numbers:${p}`, onClick: () => refreshNumbers(p), children: "N\xFAmeros" }),
-                  caps.qr_pairing && /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", disabled: !row?.hasCredential || busy === `qr:${p}`, onClick: () => pair(p), children: [
-                    /* @__PURE__ */ jsx(QrCode, { className: "mr-1 h-3 w-3" }),
-                    " Parear"
-                  ] }),
-                  !active && /* @__PURE__ */ jsxs(Button, { size: "sm", disabled: !row?.hasCredential || busy === `on:${p}`, onClick: () => activate(p), children: [
-                    /* @__PURE__ */ jsx(Zap, { className: "mr-1 h-3 w-3" }),
-                    " Usar este"
-                  ] })
-                ] }),
-                numbers[p]?.length ? /* @__PURE__ */ jsx("div", { className: "mt-3 border-t pt-2", children: numbers[p].map((n) => /* @__PURE__ */ jsx(NumberRow, { n }, n.id)) }) : null,
-                qr?.provider === p && /* @__PURE__ */ jsxs("div", { className: "mt-3 border-t pt-3", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-2", children: "Abra o WhatsApp no celular \u2192 Aparelhos conectados \u2192 Conectar aparelho." }),
-                  qr.image && /* @__PURE__ */ jsx("img", { src: qr.image, alt: "QR", className: "h-48 w-48 rounded border bg-white p-2" }),
-                  qr.code && /* @__PURE__ */ jsx("p", { className: "mt-2 font-mono text-lg tracking-widest", children: qr.code })
-                ] })
-              ]
-            },
-            p
-          );
-        })
-      ]
+      children: body
     }
   );
 }
+var UPCOMING = ["Meta Cloud API", "Z-API", "Twilio"];
+var PROVIDERS = ["tyxter", "evolution"];
+function providerState(row) {
+  if (row?.isActive) return { label: tl("In use", "Valendo agora"), tone: "default" };
+  if (row?.hasCredential) return { label: tl("Connected", "Conectado"), tone: "secondary" };
+  return { label: tl("Not connected", "N\xE3o conectado"), tone: "outline" };
+}
+function WhatsAppConnectorList() {
+  const [rows, setRows] = React14.useState(null);
+  const [open, setOpen] = React14.useState(null);
+  const [hubSelected, setHubSelected] = React14.useState(null);
+  const { connectors } = useConnectors({ hostPluginId: "conversations", includeGrants: false });
+  const panelAvailable = useConnectorsPanelAvailable();
+  const load = React14.useCallback(() => {
+    providersApi.list().then(setRows).catch(() => setRows([]));
+  }, []);
+  React14.useEffect(load, [load]);
+  const others = (connectors ?? []).filter((c) => !PROVIDERS.includes(c.slug));
+  const byId = Object.fromEntries((rows ?? []).map((r) => [r.provider, r]));
+  const tyxterHub = (connectors ?? []).find((c) => c.slug === "tyxter");
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("h3", { className: "px-1 text-sm font-semibold", children: tl("WhatsApp providers", "Provedores de WhatsApp") }),
+    /* @__PURE__ */ jsxs("ul", { className: "divide-y rounded-card border bg-card shadow-sm", children: [
+      PROVIDERS.map((p) => {
+        const row = byId[p];
+        const state = providerState(row);
+        const copy = COPY[p];
+        return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 p-4", children: [
+          p === "tyxter" && tyxterHub ? /* @__PURE__ */ jsx(ConnectorMark, { connector: tyxterHub }) : /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-muted text-xs font-semibold text-muted-foreground", children: copy.name.slice(0, 2) }),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: copy.name }),
+              /* @__PURE__ */ jsx(Badge, { variant: state.tone, className: "font-normal", children: state.label })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: copy.what })
+          ] }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", className: "h-9 shrink-0", onClick: () => setOpen(p), children: row?.hasCredential ? tl("Configure", "Configurar") : tl("Connect", "Conectar") })
+        ] }, p);
+      }),
+      others.map((c) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 p-4", children: [
+        /* @__PURE__ */ jsx(ConnectorMark, { connector: c }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: c.name }),
+            /* @__PURE__ */ jsx(StateChip, { state: c.state })
+          ] }),
+          c.description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: c.description })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            className: "h-9 shrink-0",
+            onClick: () => panelAvailable ? openConnectorsPanel(c) : setHubSelected(c),
+            children: c.state === "connected" ? tl("Configure", "Configurar") : tl("Connect", "Conectar")
+          }
+        )
+      ] }, c.id)),
+      UPCOMING.map((name) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 p-4 opacity-70", children: [
+        /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-muted text-xs font-semibold text-muted-foreground", children: name.slice(0, 2) }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 font-medium", children: name }),
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: tl("Coming soon", "Em breve") })
+      ] }, name))
+    ] }),
+    /* @__PURE__ */ jsx(Sheet, { open: !!open, onOpenChange: (o) => {
+      if (!o) setOpen(null);
+    }, children: /* @__PURE__ */ jsxs(SheetContent, { width: "max-w-xl", children: [
+      /* @__PURE__ */ jsxs(SheetHeader, { children: [
+        /* @__PURE__ */ jsx(SheetTitle, { children: open ? COPY[open].name : "" }),
+        /* @__PURE__ */ jsx(SheetDescription, { children: tl("One provider sends at a time; the other keeps its settings.", "Um provedor envia por vez; o outro guarda a configura\xE7\xE3o.") })
+      ] }),
+      /* @__PURE__ */ jsx(SheetBody, { children: open && /* @__PURE__ */ jsx(WhatsAppProviders, { only: open, onChanged: load }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(ConnectorDetail, { connector: hubSelected, open: !!hubSelected, onOpenChange: (o) => {
+      if (!o) setHubSelected(null);
+    } })
+  ] });
+}
 function mapChannel(r) {
   return {
     id: String(r.id),
@@ -2760,9 +3070,9 @@ function ChannelRow({ account }) {
 }
 function ConversationsGeneralSettings() {
   const t = useTranslation();
-  const [channels, setChannels] = React10.useState(null);
-  const [failed, setFailed] = React10.useState(false);
-  React10.useEffect(() => {
+  const [channels, setChannels] = React14.useState(null);
+  const [failed, setFailed] = React14.useState(false);
+  React14.useEffect(() => {
     let cancelled = false;
     listMessagingChannels().then((rows) => {
       if (!cancelled) setChannels(rows);
@@ -2776,22 +3086,19 @@ function ConversationsGeneralSettings() {
       cancelled = true;
     };
   }, []);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx(WhatsAppProviders, {}),
-    /* @__PURE__ */ jsxs(
-      SettingsGroup,
-      {
-        title: t("conversations.settings.channels"),
-        description: t("conversations.settings.channelsHelp"),
-        children: [
-          channels === null && /* @__PURE__ */ jsx("p", { className: "py-2 text-sm text-muted-foreground", children: t("conversations.list.loading") }),
-          channels !== null && failed && /* @__PURE__ */ jsx("p", { className: "py-2 text-sm text-muted-foreground", children: t("conversations.settings.channelsUnavailable") }),
-          channels !== null && !failed && channels.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-2 text-sm text-muted-foreground", children: t("conversations.settings.channelsEmpty") }),
-          channels?.map((account) => /* @__PURE__ */ jsx(ChannelRow, { account }, account.id))
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs(
+    SettingsGroup,
+    {
+      title: t("conversations.settings.channels"),
+      description: t("conversations.settings.channelsHelp"),
+      children: [
+        channels === null && /* @__PURE__ */ jsx("p", { className: "py-2 text-sm text-muted-foreground", children: t("conversations.list.loading") }),
+        channels !== null && failed && /* @__PURE__ */ jsx("p", { className: "py-2 text-sm text-muted-foreground", children: t("conversations.settings.channelsUnavailable") }),
+        channels !== null && !failed && channels.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-2 text-sm text-muted-foreground", children: t("conversations.settings.channelsEmpty") }),
+        channels?.map((account) => /* @__PURE__ */ jsx(ChannelRow, { account }, account.id))
+      ]
+    }
+  ) });
 }
 ConversationsGeneralSettings.displayName = "ConversationsGeneralSettings";
 function ConversationsSettingsTab() {
@@ -2801,7 +3108,7 @@ function ConversationsSettingsTab() {
     {
       title: t("conversations.settings.title"),
       generalSettings: /* @__PURE__ */ jsx(ConversationsGeneralSettings, {}),
-      hostPluginId: "conversations",
+      customTabs: [{ id: "connectors", label: tl("Connectors", "Conectores"), icon: "Plug", content: /* @__PURE__ */ jsx(WhatsAppConnectorList, {}) }],
       routeBase: "/settings/conversations"
     }
   );
@@ -3045,18 +3352,9 @@ function TyxterPaymentsPanel() {
           className: "inline-block rounded-md border px-3 py-1.5 text-xs font-medium hover:bg-muted",
           children: "Abrir a configura\xE7\xE3o de pagamento \u2192"
         }
-      ) : /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            void connect();
-          },
-          disabled: opening,
-          className: "rounded-md border px-3 py-1.5 text-xs font-medium hover:bg-muted disabled:opacity-50",
-          children: opening ? "Abrindo\u2026" : "Configurar pagamento"
-        }
-      )
+      ) : /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => {
+        void connect();
+      }, disabled: opening, children: opening ? "Abrindo\u2026" : "Configurar pagamento" })
     ] }),
     error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error })
   ] });
@@ -5313,6 +5611,44 @@ var MIGRATIONS = [
   { id: "013_a_midia_fica_conosco", sql: MIGRATION_013_A_MIDIA_FICA_CONOSCO },
   { id: "014_claiming_targets_is_server_only", sql: MIGRATION_014_CLAIMING_TARGETS_IS_SERVER_ONLY }
 ];
+var conversationsV1SettingsTabs = [
+  defineSettingsTab({
+    id: "conversations-atendeai",
+    label: "AtendeAI",
+    icon: "Bot",
+    section: "communication",
+    requiresFacet: "atendeai",
+    pending: true,
+    defaults: {
+      "atendeai.assistant_name": "Assistente",
+      "atendeai.tone": "friendly",
+      "atendeai.ai_disclosure": true,
+      "atendeai.max_messages_per_conversation": 30,
+      "atendeai.escalation_timeout_minutes": 30
+    },
+    sections: [
+      { title: tl("General", "Geral"), fields: [
+        { key: "atendeai.assistant_name", type: "string", label: tl("Assistant name", "Nome do assistente") },
+        { key: "atendeai.ai_disclosure", type: "boolean", label: tl("Say it is an AI", "Avisar que \xE9 uma intelig\xEAncia artificial") }
+      ] },
+      { title: tl("Personality", "Personalidade"), fields: [
+        { key: "atendeai.tone", type: "select", label: tl("Tone", "Tom"), options: [
+          { value: "friendly", label: tl("Friendly", "Amig\xE1vel") },
+          { value: "formal", label: tl("Formal", "Formal") },
+          { value: "casual", label: tl("Casual", "Descontra\xEDdo") }
+        ] },
+        { key: "atendeai.greeting_message", type: "string", label: tl("Greeting", "Mensagem de boas-vindas") },
+        { key: "atendeai.farewell_message", type: "string", label: tl("Farewell", "Mensagem de despedida") },
+        { key: "atendeai.handoff_message", type: "string", label: tl("When handing over to a person", "Ao passar para uma pessoa") },
+        { key: "atendeai.out_of_scope_message", type: "string", label: tl("When the question is out of scope", "Quando a pergunta foge do escopo") }
+      ] },
+      { title: tl("Limits", "Limites"), fields: [
+        { key: "atendeai.max_messages_per_conversation", type: "number", min: 1, max: 200, label: tl("Max AI messages per conversation", "M\xE1ximo de mensagens da IA por conversa") },
+        { key: "atendeai.escalation_timeout_minutes", type: "number", min: 1, max: 1440, label: tl("Minutes before handing over", "Minutos at\xE9 passar para uma pessoa") }
+      ] }
+    ]
+  })
+];
 function client3() {
   const c = getSupabaseClientOptional();
   if (!c) throw new Error("Supabase n\xE3o inicializado");
@@ -5460,7 +5796,7 @@ function createConversationsPlugin(options) {
     contactEntityDef: options?.contactEntityDef
   };
   const dashboardWidgets = createConversationsDashboardWidgets({ store: store2, config });
-  const PageComponent = () => React10__default.createElement(ConversationsPage, { store: store2, config });
+  const PageComponent = () => React14__default.createElement(ConversationsPage, { store: store2, config });
   PageComponent.displayName = "ConversationsPage";
   return {
     id: "conversations",
@@ -5493,8 +5829,17 @@ function createConversationsPlugin(options) {
     // O MAQUINÁRIO FICA: `campaignsApi`, `plg_conversations_campaigns` e o
     // ritmo de disparo continuam, e é por eles que Marketing e Automações
     // mandam mensagem. O que saiu foi a tela solta e o link para ela.
-    navigation: [],
+    // AtendeAI does get a rail line, as in V1: whoever runs the AI follows it
+    // all day. Offered to every account — off, the page is the upsell.
+    navigation: [
+      { section: "main", position: 45, label: "AtendeAI", route: "/atendeai", icon: "Bot", before: ["/analytics", "/reports"], permission: { feature: "conversations", action: "read" } }
+    ],
     routes: [
+      {
+        path: "/atendeai",
+        component: AtendeAIPage,
+        permission: { feature: "conversations", action: "read" }
+      },
       {
         path: "/conversations",
         component: PageComponent,
@@ -5502,25 +5847,25 @@ function createConversationsPlugin(options) {
         permission: { feature: "conversations", action: "read" }
       }
     ],
-    widgets: [
-      {
-        id: "conversations-inbox",
-        // `shell.topbar.end` é a única zona global que o AdminShell renderiza
-        // FORA do switch de rota: navegar não a desmonta. Um vigia montado
-        // dentro da tela de Conversas morreria ao sair dela — que é justamente
-        // quando ele serve para alguma coisa. O botão da caixa é o mesmo
-        // componente: quem conta as não lidas é quem as mostra.
-        zone: "shell.topbar.end",
-        component: (() => {
-          const W = () => React10__default.createElement(InboxWatcher, {
-            label: options?.navLabel ?? "Conversations"
-          });
-          W.displayName = "InboxButton";
-          return W;
-        })(),
-        order: -20
-      }
-    ],
+    // In the shell's header, next to the bell (notifications sit at 100): both
+    // say "something is waiting on you", so they sit side by side. Header
+    // controls render outside the route switch, so the watcher's sound and
+    // count survive navigation.
+    headerControls: [{
+      id: "conversations-inbox",
+      component: (() => {
+        const W = () => React14__default.createElement(InboxWatcher, {
+          label: options?.navLabel ?? "Conversations",
+          store: store2,
+          config,
+          inHeader: true
+        });
+        W.displayName = "InboxButton";
+        return W;
+      })(),
+      // After the cash drawer (90), right before the bell.
+      order: 95
+    }],
     dashboardWidgets,
     events: [
       { name: "conversations.message.received", description: "An inbound message arrived on any channel" },
@@ -5661,7 +6006,11 @@ function createConversationsPlugin(options) {
     // The settings screen exists so the connector below can be REACHED: the
     // Integrations tab is drawn by PluginSettingsPanel, so a plugin with a
     // connector and no settings route ships a connector nobody can open.
+    facets: [
+      { id: "atendeai", label: "AtendeAI", description: "A intelig\xEAncia artificial que responde no WhatsApp." }
+    ],
     settings: [
+      ...conversationsV1SettingsTabs,
       {
         id: "conversations",
         label: "Conversas",