@fayz-ai/plugin-conversations 0.16.1 → 0.17.1

package/dist/components/InboxWatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxWatcher.d.ts","sourceRoot":"","sources":["../../src/components/InboxWatcher.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAwB,EAAE,OAAgB,EAAE,QAAY,EAAE,EAAE;IAChG,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;qCAEiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,QA8DA"}
+{"version":3,"file":"InboxWatcher.d.ts","sourceRoot":"","sources":["../../src/components/InboxWatcher.tsx"],"names":[],"mappings":"AAkGA,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAwB,EAAE,OAAgB,EAAE,QAAY,EAAE,EAAE;IAChG,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;qCAEiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,QAiFA"}

package/dist/data/supabase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"supabase.d.ts","sourceRoot":"","sources":["../../src/data/supabase.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAwBpD,MAAM,WAAW,2BAA2B;IAC1C,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA6CD,wBAAgB,mCAAmC,CACjD,MAAM,CAAC,EAAE,2BAA2B,GACnC,qBAAqB,CAmRvB"}
+{"version":3,"file":"supabase.d.ts","sourceRoot":"","sources":["../../src/data/supabase.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAwBpD,MAAM,WAAW,2BAA2B;IAC1C,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA8CD,wBAAgB,mCAAmC,CACjD,MAAM,CAAC,EAAE,2BAA2B,GACnC,qBAAqB,CAuRvB"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as React11 from 'react';
 import React11__default, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { Loader2, MessageSquare, AlertTriangle, Pause, Play, Send, RefreshCw, Plus, Clock, CheckCircle2, Check, ShieldCheck, ShieldAlert, QrCode, Zap, ExternalLink, SquarePen, Globe, Mail, Instagram, Phone, Search, User, Inbox, ChevronLeft, Archive, PanelRight, X, MapPin, Tag, StickyNote, Link2, MoreVertical, CheckCheck, Snowflake, Sun, Flame, Building2 } from 'lucide-react';
+import { Loader2, MessageSquare, AlertTriangle, Pause, Play, Send, RefreshCw, Plus, Clock, CheckCircle2, Check, ShieldCheck, ShieldAlert, QrCode, Zap, ExternalLink, SquarePen, Globe, Mail, Instagram, Phone, Search, User, Inbox, CheckCheck, ChevronLeft, Archive, PanelRight, X, MapPin, Tag, StickyNote, Link2, MoreVertical, Snowflake, Sun, Flame, Building2 } from 'lucide-react';
 import { toast, Button, Input, defineKpiWidget, defineTableWidget, PageHeaderActions, cn, Badge, FilterChip, Skeleton, KpiCard, TableWidget } from '@fayz-ai/ui';
 import { createConnectionStore, connectionRuns, connectionStatus, getActiveTenantId, getSupabaseClientOptional, useActiveTenantId, registerTranslations, useTranslation, countByTenant, CONNECTOR_RUNTIME_TOKEN_HEADER, connectorRuntimeToken, errorMessage } from '@fayz-ai/core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -386,6 +386,37 @@ var T = {
   messages: "plg_conversation_messages",
   channels: "plg_conversations_channels"
 };
+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/types.ts
 var CHANNEL_LABELS = {
@@ -397,6 +428,7 @@ var CHANNEL_LABELS = {
 };
 function isWaitingOnUs(conversation) {
   if (conversation.status !== "open") return false;
+  if (conversation.acknowledgedAt && conversation.lastMessageAt && conversation.acknowledgedAt >= conversation.lastMessageAt) return false;
   if (conversation.lastMessageDirection) return conversation.lastMessageDirection === "inbound";
   return conversation.unreadCount > 0;
 }
@@ -426,12 +458,39 @@ function tocar() {
   } 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", section = "main", position = 1 }) {
+  const tenantId = useActiveTenantId();
   const [naoLidas, setNaoLidas] = React11.useState(0);
   const podeTocar = React11.useRef(false);
   React11.useEffect(() => {
     const liberar = () => {
       podeTocar.current = true;
+      void pedirPermissao();
     };
     for (const ev of ["pointerdown", "keydown", "touchstart"]) {
       window.addEventListener(ev, liberar, { once: true, passive: true });
@@ -456,21 +515,23 @@ function InboxWatcher({ label, route = "/conversations", section = "main", posit
     void contar();
   }, [contar]);
   React11.useEffect(() => {
-    const supabase = getSupabaseClientOptional();
-    if (!supabase?.channel) return;
-    const canal = supabase.channel("conversas:entrada").on(
-      "postgres_changes",
-      { event: "INSERT", schema: "public", table: T.messages },
-      (payload) => {
-        if (payload?.new?.direction !== "inbound") return;
-        void contar();
-        if (podeTocar.current) tocar();
-      }
-    ).subscribe();
-    return () => {
-      void supabase.removeChannel?.(canal);
-    };
-  }, [contar]);
+    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]);
   useNavContribution("conversations:unread", naoLidas > 0 ? [{ id: "conversations", label, route, badge: naoLidas, badgeTone: "destructive", section, position }] : []);
   return null;
 }
@@ -815,6 +876,7 @@ function ConversationList({ className }) {
     search,
     loading,
     select,
+    markRead,
     setChannelFilter,
     setLeadOwnerFilter,
     setSearch
@@ -885,48 +947,69 @@ function ConversationList({ className }) {
       conversations.map((c) => {
         const active = c.id === selectedId;
         const unread = isWaitingOnUs(c);
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            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",
-              // Um TOM da cor de marca, e não `bg-accent`.
-              //
-              // `bg-accent` resolve para quase preto neste tema, e a linha da
-              // conversa aberta ficava escura sobre escura. Trocar junto o
-              // `text-accent-foreground` deixava legível, mas pintava de
-              // preto a única linha que se está a ler — chamava mais atenção
-              // que a conversa.
-              //
-              // `bg-primary/10` é um véu: o texto continua com as cores dele,
-              // a seleção se lê como seleção e não como bloco, e funciona nos
-              // dois temas porque não presume nada sobre o fundo.
-              active ? "bg-primary/10" : "hover:bg-muted/50"
-            ),
-            children: [
-              /* @__PURE__ */ jsx(Avatar, { name: c.contactName, accent: c.accent, channel: c.channel }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ jsx("span", { className: cn("truncate text-sm text-foreground", unread ? "font-semibold" : "font-medium"), children: c.contactName }),
-                  /* @__PURE__ */ jsx("span", { className: cn("shrink-0 text-[11px]", unread ? "font-semibold text-primary" : "text-muted-foreground"), children: relativeTime(c.lastMessageAt) })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(ChannelBadge, { channel: c.channel }),
-                  c.status !== "open" && /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground/70", children: t(`conversations.status.${c.status}`) }),
-                  c.leadOwnerName && /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-0.5 rounded-full bg-muted px-1.5 text-[10px] text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx(User, { className: "h-2.5 w-2.5" }),
-                    c.leadOwnerName.split(" ")[0]
+        return (
+          // `div` em volta e não um botão dentro de outro: HTML não permite
+          // aninhar, e o navegador resolve isso silenciosamente movendo o
+          // interno para fora — a linha inteira deixa de ser clicável e
+          // ninguém entende por quê.
+          /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                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",
+                  // Um TOM da cor de marca, e não `bg-accent`.
+                  //
+                  // `bg-accent` resolve para quase preto neste tema, e a linha da
+                  // conversa aberta ficava escura sobre escura. Trocar junto o
+                  // `text-accent-foreground` deixava legível, mas pintava de
+                  // preto a única linha que se está a ler — chamava mais atenção
+                  // que a conversa.
+                  //
+                  // `bg-primary/10` é um véu: o texto continua com as cores dele,
+                  // a seleção se lê como seleção e não como bloco, e funciona nos
+                  // dois temas porque não presume nada sobre o fundo.
+                  active ? "bg-primary/10" : "hover:bg-muted/50"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Avatar, { name: c.contactName, accent: c.accent, channel: c.channel }),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                      /* @__PURE__ */ jsx("span", { className: cn("truncate text-sm text-foreground", unread ? "font-semibold" : "font-medium"), children: c.contactName }),
+                      /* @__PURE__ */ jsx("span", { className: cn("shrink-0 text-[11px]", unread ? "font-semibold text-primary" : "text-muted-foreground"), children: relativeTime(c.lastMessageAt) })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx(ChannelBadge, { channel: c.channel }),
+                      c.status !== "open" && /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground/70", children: t(`conversations.status.${c.status}`) }),
+                      c.leadOwnerName && /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-0.5 rounded-full bg-muted px-1.5 text-[10px] text-muted-foreground", children: [
+                        /* @__PURE__ */ jsx(User, { className: "h-2.5 w-2.5" }),
+                        c.leadOwnerName.split(" ")[0]
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center justify-between gap-2", children: [
+                      /* @__PURE__ */ jsx("span", { className: cn("truncate text-xs", unread ? "text-foreground" : "text-muted-foreground"), children: c.lastMessagePreview }),
+                      unread && /* @__PURE__ */ jsx("span", { className: "flex h-[18px] min-w-[18px] shrink-0 items-center justify-center rounded-full bg-destructive px-1.5 text-[10px] font-semibold text-destructive-foreground", children: c.unreadCount > 0 ? c.unreadCount : "\xB7" })
+                    ] })
                   ] })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ jsx("span", { className: cn("truncate text-xs", unread ? "text-foreground" : "text-muted-foreground"), children: c.lastMessagePreview }),
-                  unread && /* @__PURE__ */ jsx("span", { className: "flex h-[18px] min-w-[18px] shrink-0 items-center justify-center rounded-full bg-destructive px-1.5 text-[10px] font-semibold text-destructive-foreground", children: c.unreadCount > 0 ? c.unreadCount : "\xB7" })
-                ] })
-              ] })
-            ]
-          },
-          c.id
+                ]
+              }
+            ),
+            unread && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                title: t("conversations.markRead"),
+                "aria-label": t("conversations.markRead"),
+                onClick: (e) => {
+                  e.stopPropagation();
+                  void markRead(c.id);
+                },
+                className: "absolute right-2 top-2 hidden rounded-full p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground group-hover:block",
+                children: /* @__PURE__ */ jsx(CheckCheck, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] }, c.id)
         );
       })
     ] })
@@ -1573,9 +1656,27 @@ function NewConversationPanel({
     }
   );
 }
+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 = React11.useRef(selectedId);
+  abertoRef.current = selectedId;
+  React11.useEffect(() => {
+    if (!tenantId) return;
+    return assinarChegada(tenantId, ({ conversationId }) => {
+      void load();
+      if (conversationId && conversationId === abertoRef.current) {
+        void refreshMessages();
+      }
+    });
+  }, [tenantId, load, refreshMessages]);
+}
 function InboxView() {
   const t = useTranslation();
   const { conversations, selectedId, deselect } = useConversationsStore((s) => s);
+  useCaixaAoVivo();
   const isWidePanel = useMediaQuery("(min-width: 1280px)");
   const [panelOpen, setPanelOpen] = React11__default.useState(false);
   const [newOpen, setNewOpen] = React11__default.useState(false);
@@ -1954,6 +2055,7 @@ function mapConversation(r) {
     // which is the mistake this one was not going to repeat).
     lastMessageDirection: r.last_message_direction ?? void 0,
     unreadCount: Number(r.unread_count ?? 0),
+    acknowledgedAt: r.acknowledged_at ?? null,
     status: r.status ?? "open",
     assignedTo: r.assigned_to ?? void 0,
     // Presentes só quando a leitura veio da view. Na escrita (que volta da
@@ -2156,7 +2258,11 @@ function createSupabaseConversationsProvider(config) {
     },
     async markRead(conversationId) {
       const { error } = await client4().from(T.conversations).update({
-        unread_count: 0
+        unread_count: 0,
+        // O instante é o que tira a bolinha. `unread_count` sozinho não
+        // tirava — a fila olha a DIREÇÃO da última mensagem, e ela continua
+        // sendo de entrada por mais que alguém leia.
+        acknowledged_at: (/* @__PURE__ */ new Date()).toISOString()
       }).eq("id", conversationId);
       if (error) throw error;
     },
@@ -2199,13 +2305,22 @@ function createConversationsStore(provider) {
       set({ conversations, loading: false, selectedId });
       if (selectedId) await get().select(selectedId);
     },
+    /** Dar por vista sem abrir — o caso do "ok, obrigado" que não pede resposta. */
+    async markRead(id) {
+      await provider.markRead(id);
+      const agora = (/* @__PURE__ */ new Date()).toISOString();
+      set((s) => ({
+        conversations: s.conversations.map((c) => c.id === id ? { ...c, unreadCount: 0, acknowledgedAt: agora } : c)
+      }));
+    },
     async select(id) {
       set({ selectedId: id });
       const messages = await provider.getMessages(id);
       set({ messages });
       await provider.markRead(id);
+      const agora = (/* @__PURE__ */ new Date()).toISOString();
       set((s) => ({
-        conversations: s.conversations.map((c) => c.id === id ? { ...c, unreadCount: 0 } : c)
+        conversations: s.conversations.map((c) => c.id === id ? { ...c, unreadCount: 0, acknowledgedAt: agora } : c)
       }));
     },
     /** Relê as mensagens da conversa aberta, sem tocar em mais nada.
@@ -2324,6 +2439,7 @@ function createConversationsStore(provider) {
 
 // src/locales/en.ts
 var en = {
+  "conversations.markRead": "Mark as read",
   "conversations.title": "Conversations",
   "conversations.subtitle": "Unified inbox across every channel",
   // Conversation list
@@ -2419,6 +2535,7 @@ var en = {
 
 // src/locales/pt-BR.ts
 var ptBR = {
+  "conversations.markRead": "Marcar como lida",
   "conversations.title": "Conversas",
   "conversations.subtitle": "Caixa de entrada unificada de todos os canais",
   // Lista de conversas
@@ -5115,6 +5232,257 @@ CREATE OR REPLACE VIEW public.v_conversations WITH (security_invoker = true) AS
 COMMENT ON VIEW public.v_conversations IS
   'A conversa com o DONO DO LEAD junto \u2014 diferente de \`assigned_to\`, que \xE9 quem atende a conversa. Derivado de \`v_leads\` para n\xE3o virar uma segunda verdade que envelhece (007).';
 `;
+var MIGRATION_008_DAR_POR_VISTA_E_UMA_DECISAO = `-- ---------------------------------------------------------------------------
+-- 008_dar_por_vista_e_uma_decisao.sql
+--
+-- \u2500\u2500 o buraco \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- A bolinha vermelha da caixa n\xE3o \xE9 "n\xE3o lido": \xE9 \`isWaitingOnUs\`, que olha a
+-- DIRE\xC7\xC3O da \xFAltima mensagem. Se a \xFAltima \xE9 de entrada, a conversa espera
+-- resposta \u2014 e continua esperando por mais que algu\xE9m abra e leia.
+--
+-- Isso est\xE1 certo enquanto a pergunta \xE9 "o que falta responder". Mas deixa sem
+-- sa\xEDda o caso comum: a pessoa leu, decidiu que n\xE3o cabe resposta ("ok",
+-- "obrigado", um \xE1udio que j\xE1 foi tratado por telefone) e n\xE3o tem como tirar a
+-- conversa da fila. \`unread_count = 0\` n\xE3o resolve, porque n\xE3o \xE9 ele que
+-- acende a bolinha.
+--
+-- \u2500\u2500 por que um instante, e n\xE3o um booleano \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- \`lida boolean\` exigiria algu\xE9m lembrar de apag\xE1-la quando chegasse mensagem
+-- nova \u2014 e o dia em que esquecessem, a conversa sumiria da fila com o cliente
+-- esperando. \xC9 o pior defeito poss\xEDvel numa caixa de entrada: silencioso, e do
+-- lado de perder trabalho.
+--
+-- Um INSTANTE se compara com \`last_message_at\` e se invalida sozinho: deu por
+-- vista \xE0s 14h, chegou mensagem \xE0s 15h, a conversa volta \xE0 fila sem ningu\xE9m
+-- fazer nada. A regra \xE9 uma compara\xE7\xE3o, n\xE3o um estado a manter.
+--
+-- \u2500\u2500 o que N\xC3O muda \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- \`unread_count\` continua onde est\xE1. Ele conta mensagens e serve ao contador
+-- do menu; esta coluna responde outra pergunta ("algu\xE9m j\xE1 decidiu sobre
+-- isto?"). Colapsar as duas faria a contagem do menu mentir no dia em que
+-- algu\xE9m desse por vista sem ler.
+--
+-- Idempotente e replay-safe.
+-- ---------------------------------------------------------------------------
+
+ALTER TABLE public.plg_conversations
+  ADD COLUMN IF NOT EXISTS acknowledged_at timestamptz;
+
+COMMENT ON COLUMN public.plg_conversations.acknowledged_at IS
+  'Quando algu\xE9m deu a conversa por vista. Vale enquanto for POSTERIOR a \`last_message_at\` \u2014 mensagem nova devolve a conversa \xE0 fila sozinha (008).';
+
+-- A fila \xE9 lida por \`last_message_at\` e por esta coluna juntas.
+CREATE INDEX IF NOT EXISTS plg_conversations_fila_idx
+  ON public.plg_conversations (tenant_id, status, last_message_at DESC)
+  WHERE status = 'open';
+`;
+var MIGRATION_009_A_MENSAGEM_INTEIRA_ATRAVESSA_O_REALTIME = `-- ---------------------------------------------------------------------------
+-- 009_a_mensagem_inteira_atravessa_o_realtime.sql
+--
+-- \u2500\u2500 o buraco \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- O vigia da caixa assinava \`plg_conversation_messages\`, recebia \`SUBSCRIBED\`
+-- do servidor, e nunca recebia um \xFAnico evento. Nenhum erro, nenhum aviso: a
+-- assinatura dizia que estava tudo bem e n\xE3o chegava nada.
+--
+-- A causa \xE9 a combina\xE7\xE3o de duas coisas que, sozinhas, est\xE3o certas:
+--
+--   1. a tabela tem RLS ligada, como toda tabela desta base;
+--   2. a tabela estava com \`REPLICA IDENTITY\` no padr\xE3o \u2014 s\xF3 a chave prim\xE1ria.
+--
+-- O Realtime do Supabase aplica a POL\xCDTICA DE LEITURA do usu\xE1rio a cada evento
+-- antes de entreg\xE1-lo. Para isso ele precisa da linha inteira: a pol\xEDtica fala
+-- de \`tenant_id\`, e \`tenant_id\` n\xE3o \xE9 a chave prim\xE1ria. Com s\xF3 a PK no WAL, n\xE3o
+-- h\xE1 o que avaliar \u2014 e o evento \xE9 descartado sem ru\xEDdo.
+--
+-- \`plg_conversations\` j\xE1 estava \`FULL\` (006). A tabela de MENSAGENS ficou de
+-- fora daquela migration, e \xE9 justamente ela que o vigia escuta.
+--
+-- \u2500\u2500 por que isso \xE9 caro e ainda assim certo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- \`FULL\` faz o WAL carregar a linha inteira em cada UPDATE e DELETE, n\xE3o s\xF3 as
+-- colunas mudadas. Numa tabela de mensagens isso \xE9 peso real.
+--
+-- A alternativa \u2014 desligar a RLS para o Realtime enxergar \u2014 trocaria um custo
+-- de disco por um vazamento: as mensagens de uma casa chegariam ao navegador
+-- de outra. Entre pagar WAL e vazar conversa, paga-se o WAL.
+--
+-- Idempotente e replay-safe.
+-- ---------------------------------------------------------------------------
+
+ALTER TABLE public.plg_conversation_messages REPLICA IDENTITY FULL;
+
+-- Garante a publica\xE7\xE3o tamb\xE9m \u2014 uma tabela com identidade cheia e fora da
+-- publica\xE7\xE3o continua sem emitir nada, e o sintoma seria id\xEAntico.
+DO $$
+BEGIN
+  IF NOT EXISTS (
+    SELECT 1 FROM pg_publication_tables
+     WHERE pubname = 'supabase_realtime'
+       AND schemaname = 'public'
+       AND tablename = 'plg_conversation_messages'
+  ) THEN
+    EXECUTE 'ALTER PUBLICATION supabase_realtime ADD TABLE public.plg_conversation_messages';
+  END IF;
+END $$;
+`;
+var MIGRATION_010_A_CHEGADA_E_ANUNCIADA_POR_CONTA = `-- ---------------------------------------------------------------------------
+-- 010_a_chegada_e_anunciada_por_conta.sql
+--
+-- \u2500\u2500 por que \`postgres_changes\` nunca funcionou aqui \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- O vigia assinava a TABELA de mensagens e recebia \`SUBSCRIBED\` do servidor.
+-- Nenhum evento chegava. Nenhum erro, nenhum aviso \u2014 a assinatura dizia que
+-- estava tudo bem.
+--
+-- O Realtime aplica a pol\xEDtica de leitura a cada evento antes de entreg\xE1-lo. A
+-- pol\xEDtica desta base resolve o tenant por, nesta ordem:
+--
+--   \u2460 a claim \`tenant_id\` do JWT
+--   \u2461 o CABE\xC7ALHO da requisi\xE7\xE3o (\`app.requested_tenant()\`)
+--   \u2462 a filia\xE7\xE3o \xFAnica, quando a pessoa s\xF3 tem uma
+--
+-- O Realtime manda o JWT e N\xC3O manda cabe\xE7alho. E o JWT desta casa n\xE3o carrega
+-- \`tenant_id\` \u2014 a conta ativa \xE9 escolhida por cabe\xE7alho, porque a mesma pessoa
+-- atende sete contas. Sobra \u2462, que devolve nulo para quem tem mais de uma.
+--
+-- Resultado: a pol\xEDtica recusa, o evento \xE9 descartado em sil\xEAncio, e o defeito
+-- parece "o realtime n\xE3o funciona" quando na verdade \xE9 "o realtime n\xE3o sabe em
+-- que conta voc\xEA est\xE1".
+--
+-- \u2500\u2500 a sa\xEDda: anunciar, em vez de espiar a tabela \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- Broadcast n\xE3o passa pela RLS da tabela: o servidor entrega a quem est\xE1 no
+-- T\xD3PICO. Ent\xE3o o t\xF3pico carrega a conta no nome \u2014 \`conversas:<tenant>\` \u2014 e
+-- quem escuta j\xE1 teve de saber em que conta est\xE1 para montar o nome.
+--
+-- Isso inverte a depend\xEAncia de forma saud\xE1vel: em vez de o banco adivinhar o
+-- contexto do navegador, o navegador declara o contexto que j\xE1 tem.
+--
+-- \u2500\u2500 o que vai no an\xFAncio \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- O M\xCDNIMO para decidir: id da conversa, canal, e um trecho. N\xE3o a mensagem
+-- inteira \u2014 um broadcast \xE9 entregue a todos do t\xF3pico, e mandar o corpo
+-- completo por ali seria espalhar conversa por um caminho que n\xE3o \xE9 o que
+-- guarda conversa. Quem quiser o texto l\xEA a tabela, com RLS, como sempre.
+--
+-- Idempotente e replay-safe.
+-- ---------------------------------------------------------------------------
+
+CREATE OR REPLACE FUNCTION public.plg_conversations_anunciar_chegada()
+RETURNS trigger
+LANGUAGE plpgsql
+SECURITY DEFINER
+SET search_path = ''
+AS $$
+DECLARE
+  v_nome text;
+BEGIN
+  -- S\xF3 o que CHEGA. A resposta que o operador manda tamb\xE9m \xE9 um INSERT, e
+  -- anunci\xE1-la faria o sistema apitar para quem acabou de digitar.
+  IF NEW.direction IS DISTINCT FROM 'inbound' THEN
+    RETURN NEW;
+  END IF;
+
+  SELECT c.contact_name INTO v_nome
+    FROM public.plg_conversations c
+   WHERE c.id = NEW.conversation_id;
+
+  PERFORM realtime.send(
+    jsonb_build_object(
+      'conversationId', NEW.conversation_id,
+      'channel',        NEW.channel,
+      'contactName',    coalesce(v_nome, ''),
+      -- Um trecho, n\xE3o o corpo: o suficiente para a notifica\xE7\xE3o do sistema
+      -- dizer do que se trata sem espalhar a conversa pelo broadcast.
+      'preview',        left(coalesce(NEW.body, ''), 120),
+      'at',             NEW.at
+    ),
+    'inbound',
+    'conversas:' || NEW.tenant_id::text,
+    -- Privado: exige que quem assina esteja autenticado. P\xFAblico deixaria
+    -- qualquer um com o nome do t\xF3pico ouvir a chegada.
+    true
+  );
+  RETURN NEW;
+END $$;
+
+REVOKE ALL ON FUNCTION public.plg_conversations_anunciar_chegada() FROM public, anon, authenticated;
+
+DROP TRIGGER IF EXISTS plg_conversations_anunciar_chegada ON public.plg_conversation_messages;
+CREATE TRIGGER plg_conversations_anunciar_chegada
+  AFTER INSERT ON public.plg_conversation_messages
+  FOR EACH ROW EXECUTE FUNCTION public.plg_conversations_anunciar_chegada();
+
+COMMENT ON FUNCTION public.plg_conversations_anunciar_chegada() IS
+  'Anuncia a chegada no t\xF3pico \`conversas:<tenant>\`. Broadcast e n\xE3o \`postgres_changes\` porque a RLS da tabela resolve o tenant por cabe\xE7alho, e o Realtime n\xE3o manda cabe\xE7alho (010).';
+`;
+var MIGRATION_011_O_ANUNCIO_E_UMA_CAMPAINHA_NAO_UM_RECADO = `-- ---------------------------------------------------------------------------
+-- 011_o_anuncio_e_uma_campainha_nao_um_recado.sql
+--
+-- \u2500\u2500 por que a 010 n\xE3o podia ficar como estava \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- A 010 anunciava num t\xF3pico PRIVADO e mandava, no an\xFAncio, o nome do contato e
+-- um trecho da mensagem. T\xF3pico privado exige pol\xEDtica em \`realtime.messages\` \u2014
+-- e essa tabela \xE9 do Supabase, dona \`supabase_realtime_admin\`, um papel que
+-- esta conex\xE3o n\xE3o pode assumir:
+--
+--   ERROR: 42501: permission denied to set role "supabase_realtime_admin"
+--
+-- Sem a pol\xEDtica, o servidor recusa a assinatura e nada chega. Com o t\xF3pico
+-- p\xFAblico, qualquer um que soubesse o nome do t\xF3pico leria o trecho da
+-- conversa \u2014 o que n\xE3o se faz.
+--
+-- \u2500\u2500 a sa\xEDda: separar o AVISO do CONTE\xDADO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- O an\xFAncio passa a ser uma campainha: diz que chegou algo e em que conversa,
+-- e mais nada. Nome e texto o navegador busca pela via de sempre \u2014 a tabela,
+-- com RLS, onde o cabe\xE7alho da conta existe e a pol\xEDtica funciona.
+--
+-- O t\xF3pico continua carregando o uuid da conta no nome, que \xE9 o que separa uma
+-- casa da outra. Ele n\xE3o \xE9 adivinh\xE1vel, e mesmo que fosse, o que se ouviria \xE9
+-- "chegou mensagem", sem nome nem texto. O sigilo fica onde sempre esteve: na
+-- leitura da tabela.
+--
+-- \xC9 uma troca deliberada de superf\xEDcie: em vez de tentar proteger um caminho
+-- novo, n\xE3o se p\xF5e nada sens\xEDvel nele.
+--
+-- Idempotente e replay-safe.
+-- ---------------------------------------------------------------------------
+
+CREATE OR REPLACE FUNCTION public.plg_conversations_anunciar_chegada()
+RETURNS trigger
+LANGUAGE plpgsql
+SECURITY DEFINER
+SET search_path = ''
+AS $$
+BEGIN
+  -- S\xF3 o que CHEGA. A resposta que o operador manda tamb\xE9m \xE9 um INSERT, e
+  -- anunci\xE1-la faria o sistema apitar para quem acabou de digitar.
+  IF NEW.direction IS DISTINCT FROM 'inbound' THEN
+    RETURN NEW;
+  END IF;
+
+  PERFORM realtime.send(
+    -- S\xD3 o id da conversa. Nem nome, nem trecho, nem corpo: quem ouve vai
+    -- buscar isso na tabela, com a pol\xEDtica de leitura no meio do caminho.
+    -- Um uuid sozinho n\xE3o conta nada a quem n\xE3o pode ler a conversa.
+    jsonb_build_object('conversationId', NEW.conversation_id),
+    'inbound',
+    'conversas:' || NEW.tenant_id::text,
+    -- P\xDABLICO, e por isso o payload \xE9 vazio de conte\xFAdo. Privado exigiria uma
+    -- pol\xEDtica numa tabela que n\xE3o \xE9 nossa.
+    false
+  );
+  RETURN NEW;
+END $$;
+
+COMMENT ON FUNCTION public.plg_conversations_anunciar_chegada() IS
+  'Toca a campainha no t\xF3pico \`conversas:<tenant>\` \u2014 s\xF3 o id da conversa. O conte\xFAdo \xE9 lido da tabela, com RLS (011).';
+`;
 var MIGRATIONS = [
   { id: "000_baseline", sql: MIGRATION_000_BASELINE },
   { id: "001_a_caixa_sabe_quem_falou_por_ultimo", sql: MIGRATION_001_A_CAIXA_SABE_QUEM_FALOU_POR_ULTIMO },
@@ -5123,7 +5491,11 @@ var MIGRATIONS = [
   { id: "004_a_tela_sabe_se_pode_falar_antes_de_deixar_escrever", sql: MIGRATION_004_A_TELA_SABE_SE_PODE_FALAR_ANTES_DE_DEIXAR_ESCREVER },
   { id: "005_a_conversa_conta_ao_funil_que_houve_contato", sql: MIGRATION_005_A_CONVERSA_CONTA_AO_FUNIL_QUE_HOUVE_CONTATO },
   { id: "006_a_caixa_avisa_que_chegou", sql: MIGRATION_006_A_CAIXA_AVISA_QUE_CHEGOU },
-  { id: "007_a_conversa_diz_de_quem_e_o_lead", sql: MIGRATION_007_A_CONVERSA_DIZ_DE_QUEM_E_O_LEAD }
+  { id: "007_a_conversa_diz_de_quem_e_o_lead", sql: MIGRATION_007_A_CONVERSA_DIZ_DE_QUEM_E_O_LEAD },
+  { id: "008_dar_por_vista_e_uma_decisao", sql: MIGRATION_008_DAR_POR_VISTA_E_UMA_DECISAO },
+  { id: "009_a_mensagem_inteira_atravessa_o_realtime", sql: MIGRATION_009_A_MENSAGEM_INTEIRA_ATRAVESSA_O_REALTIME },
+  { id: "010_a_chegada_e_anunciada_por_conta", sql: MIGRATION_010_A_CHEGADA_E_ANUNCIADA_POR_CONTA },
+  { id: "011_o_anuncio_e_uma_campainha_nao_um_recado", sql: MIGRATION_011_O_ANUNCIO_E_UMA_CAMPAINHA_NAO_UM_RECADO }
 ];
 
 // src/index.ts