@fayz-ai/plugin-conversations 0.13.1 → 0.14.1

package/dist/components/InboxWatcher.d.ts

@@ -0,0 +1,11 @@
+export declare function InboxWatcher({ label, route, section, position }: {
+    /** O rótulo da entrada de menu que recebe a conta. */
+    label: string;
+    route?: string;
+    /** Onde a entrada original vive. A contribuição tem de cair no MESMO lugar,
+     *  senão ela não substitui a entrada — acrescenta uma segunda, com a conta,
+     *  ao lado da que já lá está. */
+    section?: string;
+    position?: number;
+}): null;
+//# sourceMappingURL=InboxWatcher.d.ts.map

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

@@ -0,0 +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"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAuBzD,MAAM,WAAW,0BAA0B;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAA;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IAEpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oFAAoF;IACpF,aAAa,CAAC,EAAE,YAAY,CAAA;IAC5B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AA2BD,wBAAgB,yBAAyB,CAAC,OAAO,CAAC,EAAE,0BAA0B,GAAG,cAAc,CA4P9F;AAED,YAAY,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACzD,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACxG,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,+BAA+B,EAAE,KAAK,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC3F,OAAO,EACL,mCAAmC,EACnC,KAAK,2BAA2B,GACjC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,eAAe,EACf,0BAA0B,EAC1B,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,4BAA4B,GAClC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,oCAAoC,CAAA;AAM3C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvH,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAuBzD,MAAM,WAAW,0BAA0B;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAA;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IAEpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oFAAoF;IACpF,aAAa,CAAC,EAAE,YAAY,CAAA;IAC5B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AA2BD,wBAAgB,yBAAyB,CAAC,OAAO,CAAC,EAAE,0BAA0B,GAAG,cAAc,CA+Q9F;AAED,YAAY,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACzD,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACxG,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,+BAA+B,EAAE,KAAK,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC3F,OAAO,EACL,mCAAmC,EACnC,KAAK,2BAA2B,GACjC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,eAAe,EACf,0BAA0B,EAC1B,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,4BAA4B,GAClC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,oCAAoC,CAAA;AAM3C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvH,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/index.js

@@ -1,11 +1,11 @@
-import * as React9 from 'react';
-import React9__default, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import * as React10 from 'react';
+import React10__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, Inbox, ChevronLeft, Archive, PanelRight, X, User, MapPin, Tag, StickyNote, Link2, MoreVertical, CheckCheck, Snowflake, Sun, Flame, Building2 } from 'lucide-react';
 import { toast, Button, Input, defineKpiWidget, defineTableWidget, PageHeaderActions, cn, Badge, 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';
+import { SettingsGroup, PluginSettingsPanel, useNavContribution, PermissionGate, useLimitGuard, RightRailPage, ContactPicker, invalidateLimit } from '@fayz-ai/admin';
 import { useStore } from 'zustand';
-import { SettingsGroup, PluginSettingsPanel, PermissionGate, useLimitGuard, RightRailPage, ContactPicker, invalidateLimit } from '@fayz-ai/admin';
 import { createStore } from 'zustand/vanilla';
 
 // src/index.ts
@@ -211,12 +211,12 @@ function Bar({ c }) {
   ] });
 }
 function CampaignsView() {
-  const [rows, setRows] = React9__default.useState(null);
-  const [templates, setTemplates] = React9__default.useState([]);
-  const [providers, setProviders] = React9__default.useState([]);
-  const [running, setRunning] = React9__default.useState(null);
-  const stop = React9__default.useRef(false);
-  const load = React9__default.useCallback(async () => {
+  const [rows, setRows] = React10__default.useState(null);
+  const [templates, setTemplates] = React10__default.useState([]);
+  const [providers, setProviders] = React10__default.useState([]);
+  const [running, setRunning] = React10__default.useState(null);
+  const stop = React10__default.useRef(false);
+  const load = React10__default.useCallback(async () => {
     try {
       const [c, t, p] = await Promise.all([
         campaignsApi.list(),
@@ -231,7 +231,7 @@ function CampaignsView() {
       setRows([]);
     }
   }, []);
-  React9__default.useEffect(() => {
+  React10__default.useEffect(() => {
     void load();
   }, [load]);
   const active = providers.find((p) => p.isActive);
@@ -376,6 +376,101 @@ function CampaignsView() {
     ] })
   ] });
 }
+
+// src/data/tables.ts
+var T = {
+  conversations: "plg_conversations",
+  messages: "plg_conversation_messages",
+  channels: "plg_conversations_channels"
+};
+
+// src/types.ts
+var CHANNEL_LABELS = {
+  sms: "SMS",
+  whatsapp: "WhatsApp",
+  instagram: "Instagram",
+  email: "Email",
+  webchat: "Web Chat"
+};
+function isWaitingOnUs(conversation) {
+  if (conversation.status !== "open") return false;
+  if (conversation.lastMessageDirection) return conversation.lastMessageDirection === "inbound";
+  return conversation.unreadCount > 0;
+}
+
+// src/components/InboxWatcher.tsx
+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 {
+  }
+}
+function InboxWatcher({ label, route = "/conversations", section = "main", position = 1 }) {
+  const [naoLidas, setNaoLidas] = React10.useState(0);
+  const podeTocar = React10.useRef(false);
+  React10.useEffect(() => {
+    const liberar = () => {
+      podeTocar.current = true;
+    };
+    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(() => {
+    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]);
+  useNavContribution("conversations:unread", naoLidas > 0 ? [{ id: "conversations", label, route, badge: naoLidas, badgeTone: "destructive", section, position }] : []);
+  return null;
+}
 var STATUS_UI = {
   approved: { icon: CheckCircle2, cls: "text-success", label: "aprovado" },
   submitted: { icon: Clock, cls: "text-warning", label: "em an\xE1lise" },
@@ -390,14 +485,14 @@ function slots(body) {
   return found.size;
 }
 function TemplatesView() {
-  const [mine, setMine] = React9__default.useState(null);
-  const [theirs, setTheirs] = React9__default.useState([]);
-  const [providers, setProviders] = React9__default.useState([]);
-  const [busy, setBusy] = React9__default.useState(null);
-  const [draft, setDraft] = React9__default.useState({ name: "", body: "", variables: "" });
+  const [mine, setMine] = React10__default.useState(null);
+  const [theirs, setTheirs] = React10__default.useState([]);
+  const [providers, setProviders] = React10__default.useState([]);
+  const [busy, setBusy] = React10__default.useState(null);
+  const [draft, setDraft] = React10__default.useState({ name: "", body: "", variables: "" });
   const active = providers.find((p) => p.isActive);
   const supportsTemplates = active?.capabilities?.templates !== false;
-  const load = React9__default.useCallback(async () => {
+  const load = React10__default.useCallback(async () => {
     try {
       const [m, p] = await Promise.all([campaignsApi.templates(), providersApi.list()]);
       setMine(m);
@@ -407,7 +502,7 @@ function TemplatesView() {
       setMine([]);
     }
   }, []);
-  React9__default.useEffect(() => {
+  React10__default.useEffect(() => {
     void load();
   }, [load]);
   const sync = async () => {
@@ -598,8 +693,8 @@ function TemplatesView() {
 var DEFAULT_CONVERSATIONS_CONFIG = {
   contactKind: "contact"
 };
-var StoreContext = React9__default.createContext(null);
-var ConfigContext = React9__default.createContext(DEFAULT_CONVERSATIONS_CONFIG);
+var StoreContext = React10__default.createContext(null);
+var ConfigContext = React10__default.createContext(DEFAULT_CONVERSATIONS_CONFIG);
 function ConversationsContextProvider({
   store: store2,
   config = DEFAULT_CONVERSATIONS_CONFIG,
@@ -608,29 +703,13 @@ function ConversationsContextProvider({
   return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store2, children: /* @__PURE__ */ jsx(ConfigContext.Provider, { value: config, children }) });
 }
 function useConversationsStore(selector) {
-  const store2 = React9__default.useContext(StoreContext);
+  const store2 = React10__default.useContext(StoreContext);
   if (!store2) throw new Error("useConversationsStore must be used within ConversationsPage");
   return useStore(store2, selector);
 }
 function useConversationsConfig() {
-  return React9__default.useContext(ConfigContext);
-}
-
-// src/types.ts
-var CHANNEL_LABELS = {
-  sms: "SMS",
-  whatsapp: "WhatsApp",
-  instagram: "Instagram",
-  email: "Email",
-  webchat: "Web Chat"
-};
-function isWaitingOnUs(conversation) {
-  if (conversation.status !== "open") return false;
-  if (conversation.lastMessageDirection) return conversation.lastMessageDirection === "inbound";
-  return conversation.unreadCount > 0;
+  return React10__default.useContext(ConfigContext);
 }
-
-// src/lib/channel.ts
 var CHANNEL_ICON = {
   sms: Phone,
   whatsapp: MessageSquare,
@@ -646,10 +725,10 @@ var CHANNEL_ACCENT = {
   webchat: { color: "#f59e0b", badge: "bg-[#f59e0b]/12 text-[#b45309] dark:text-[#fcd34d]" }
 };
 function useMediaQuery(query) {
-  const [matches, setMatches] = React9__default.useState(
+  const [matches, setMatches] = React10__default.useState(
     () => typeof window !== "undefined" && window.matchMedia(query).matches
   );
-  React9__default.useEffect(() => {
+  React10__default.useEffect(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia(query);
     const onChange = () => setMatches(mql.matches);
@@ -780,7 +859,7 @@ function ConversationList({ className }) {
       ] }),
       conversations.map((c) => {
         const active = c.id === selectedId;
-        const unread = c.unreadCount > 0;
+        const unread = isWaitingOnUs(c);
         return /* @__PURE__ */ jsxs(
           "button",
           {
@@ -813,7 +892,7 @@ function ConversationList({ className }) {
                 ] }),
                 /* @__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-primary px-1.5 text-[10px] font-semibold text-primary-foreground", children: c.unreadCount })
+                  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" })
                 ] })
               ] })
             ]
@@ -825,9 +904,9 @@ function ConversationList({ className }) {
   ] });
 }
 function useSendWindow(conversationId) {
-  const [row, setRow] = React9__default.useState(null);
-  const [providers, setProviders] = React9__default.useState(null);
-  React9__default.useEffect(() => {
+  const [row, setRow] = React10__default.useState(null);
+  const [providers, setProviders] = React10__default.useState(null);
+  React10__default.useEffect(() => {
     let alive = true;
     providersApi.list().then((p) => {
       if (alive) setProviders(p);
@@ -838,7 +917,7 @@ function useSendWindow(conversationId) {
       alive = false;
     };
   }, []);
-  React9__default.useEffect(() => {
+  React10__default.useEffect(() => {
     let alive = true;
     if (!conversationId) {
       setRow(null);
@@ -859,7 +938,7 @@ function useSendWindow(conversationId) {
     };
   }, [conversationId]);
   const provider = (providers ?? []).find((p) => p.isActive);
-  const mode = React9__default.useMemo(() => {
+  const mode = React10__default.useMemo(() => {
     if (!provider) return { kind: "blocked", reason: "no_provider" };
     if (!provider.capabilities?.requires_template) {
       return { kind: "free", until: null, minutesLeft: null };
@@ -934,10 +1013,10 @@ function DeliveryMark({ m }) {
   ] });
 }
 function MessageMenu({ m }) {
-  const [open, setOpen] = React9__default.useState(false);
-  const [detail, setDetail] = React9__default.useState(null);
-  const [loading, setLoading] = React9__default.useState(false);
-  const [err, setErr] = React9__default.useState(null);
+  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);
   async function load() {
     setOpen(true);
     if (!m.providerMessageId) return;
@@ -1028,14 +1107,14 @@ function buildRows(messages) {
 function MessageThread({ selected, onTogglePanel, panelOpen, onBack, className }) {
   const t = useTranslation();
   const { messages, sending, send, setStatus, refreshMessages } = useConversationsStore((s) => s);
-  const [draft, setDraft] = React9__default.useState("");
+  const [draft, setDraft] = React10__default.useState("");
   const win = useSendWindow(selected.id);
   const canType = win.mode.kind === "free";
-  const threadRef = React9__default.useRef(null);
-  React9__default.useEffect(() => {
+  const threadRef = React10__default.useRef(null);
+  React10__default.useEffect(() => {
     threadRef.current?.scrollTo({ top: threadRef.current.scrollHeight, behavior: "smooth" });
   }, [messages.length, selected.id]);
-  React9__default.useEffect(() => {
+  React10__default.useEffect(() => {
     if (!selected.id) return;
     let timer = null;
     const start = () => {
@@ -1064,7 +1143,7 @@ function MessageThread({ selected, onTogglePanel, panelOpen, onBack, className }
     await send(body);
   }
   const accent = CHANNEL_ACCENT[selected.channel];
-  const rows = React9__default.useMemo(() => buildRows(messages), [messages]);
+  const rows = React10__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: [
@@ -1176,8 +1255,8 @@ var TEMP = {
   cold: { icon: Snowflake, cls: "bg-info-soft text-info-soft-foreground", label: "Frio" }
 };
 function LeadCard({ personId, handle }) {
-  const [lead, setLead] = React9__default.useState(void 0);
-  React9__default.useEffect(() => {
+  const [lead, setLead] = React10__default.useState(void 0);
+  React10__default.useEffect(() => {
     let alive = true;
     const sb = getSupabaseClientOptional();
     const tenantId = getActiveTenantId();
@@ -1340,14 +1419,14 @@ function NewConversationPanel({
   const create = useConversationsStore((s) => s.create);
   const config = useConversationsConfig();
   const guardConversations = useLimitGuard("conversations_month");
-  const [channel, setChannel] = React9__default.useState("whatsapp");
-  const [contact, setContact] = React9__default.useState(null);
-  const [typedHandle, setTypedHandle] = React9__default.useState("");
-  const [creatingContact, setCreatingContact] = React9__default.useState(false);
-  const [firstMessage, setFirstMessage] = React9__default.useState("");
-  const [submitting, setSubmitting] = React9__default.useState(false);
-  const [pickerKey, setPickerKey] = React9__default.useState(0);
-  React9__default.useEffect(() => {
+  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(() => {
     if (open) {
       setChannel("whatsapp");
       setContact(null);
@@ -1465,10 +1544,10 @@ function InboxView() {
   const t = useTranslation();
   const { conversations, selectedId, deselect } = useConversationsStore((s) => s);
   const isWidePanel = useMediaQuery("(min-width: 1280px)");
-  const [panelOpen, setPanelOpen] = React9__default.useState(false);
-  const [newOpen, setNewOpen] = React9__default.useState(false);
+  const [panelOpen, setPanelOpen] = React10__default.useState(false);
+  const [newOpen, setNewOpen] = React10__default.useState(false);
   const selected = conversations.find((c) => c.id === selectedId) ?? null;
-  React9__default.useEffect(() => {
+  React10__default.useEffect(() => {
     setPanelOpen(isWidePanel);
   }, [isWidePanel]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1541,7 +1620,7 @@ function requestedContact() {
   }
 }
 function ConversationsPage({ store: store2, config }) {
-  React9__default.useEffect(() => {
+  React10__default.useEffect(() => {
     const wanted = requestedContact();
     if (!wanted) {
       void store2.getState().load();
@@ -1828,15 +1907,6 @@ function createMockConversationsProvider(config) {
     }
   };
 }
-
-// src/data/tables.ts
-var T = {
-  conversations: "plg_conversations",
-  messages: "plg_conversation_messages",
-  channels: "plg_conversations_channels"
-};
-
-// src/data/supabase.ts
 function mapConversation(r) {
   return {
     id: String(r.id),
@@ -2596,22 +2666,22 @@ function NumberRow({ n }) {
   ] });
 }
 function WhatsAppProviders() {
-  const [rows, setRows] = React9__default.useState(null);
-  const [draft, setDraft] = React9__default.useState({});
-  const [busy, setBusy] = React9__default.useState(null);
-  const [numbers, setNumbers] = React9__default.useState({});
-  const [qr, setQr] = React9__default.useState(null);
-  const load = React9__default.useCallback(async () => {
+  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 () => {
     try {
       setRows(await providersApi.list());
     } catch {
       setRows([]);
     }
   }, []);
-  React9__default.useEffect(() => {
+  React10__default.useEffect(() => {
     void load();
   }, [load]);
-  const byId = React9__default.useMemo(
+  const byId = React10__default.useMemo(
     () => Object.fromEntries((rows ?? []).map((r) => [r.provider, r])),
     [rows]
   );
@@ -2846,9 +2916,9 @@ function ChannelRow({ account }) {
 }
 function ConversationsGeneralSettings() {
   const t = useTranslation();
-  const [channels, setChannels] = React9.useState(null);
-  const [failed, setFailed] = React9.useState(false);
-  React9.useEffect(() => {
+  const [channels, setChannels] = React10.useState(null);
+  const [failed, setFailed] = React10.useState(false);
+  React10.useEffect(() => {
     let cancelled = false;
     listMessagingChannels().then((rows) => {
       if (!cancelled) setChannels(rows);
@@ -4803,13 +4873,140 @@ BEGIN
     ON public.plg_crm_activities (tenant_id, lead_id, activity_type, completed_at DESC);
 END $$;
 `;
+var MIGRATION_006_A_CAIXA_AVISA_QUE_CHEGOU = `-- ---------------------------------------------------------------------------
+-- 006_a_caixa_avisa_que_chegou.sql
+--
+-- \u2500\u2500 o sil\xEAncio, e de onde ele vinha \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 caixa recebia mensagens e ningu\xE9m era avisado. Sem som, sem contagem no
+-- menu, sem destaque na lista \u2014 e a suspeita natural \xE9 que falta a tela que
+-- avisa. N\xE3o faltava: o evento nunca sa\xEDa do banco.
+--
+-- \`plg_conversation_messages\` e \`plg_conversations\` n\xE3o estavam em
+-- \`supabase_realtime\`. A publica\xE7\xE3o existe (\`puballtables = false\`, ou seja,
+-- cada tabela entra nomeada) e nenhuma das duas fora nomeada. Qualquer cliente
+-- que assinasse \`postgres_changes\` sobre elas ficaria subscrito para sempre a
+-- um canal por onde nada passa \u2014 e subscrever com sucesso a um canal mudo \xE9 o
+-- modo de falhar mais convincente que h\xE1: o c\xF3digo parece certo, o console
+-- fica limpo, e nada acontece.
+--
+-- \u2500\u2500 as duas, e n\xE3o s\xF3 as mensagens \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 mensagem \xE9 o que dispara o alerta; a CONVERSA \xE9 o que carrega o estado que
+-- a lista pinta (\`status\`, \`unread_count\`, \`last_message_direction\`). Publicar
+-- s\xF3 a primeira daria o som sem o badge parar de mentir depois de algu\xE9m ler.
+--
+-- \u2500\u2500 o RLS continua a valer \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
+--
+-- Publicar n\xE3o abre nada: o Realtime do Supabase aplica as pol\xEDticas da tabela
+-- por assinante, e quem n\xE3o pode ler a linha n\xE3o a recebe. O que a publica\xE7\xE3o
+-- decide \xE9 se o evento EXISTE, n\xE3o quem o v\xEA.
+--
+-- \u2500\u2500 idempotente, e silenciosa onde n\xE3o se aplica \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- \`ALTER PUBLICATION ... ADD TABLE\` rebenta se a tabela j\xE1 l\xE1 est\xE1, e a
+-- publica\xE7\xE3o \`supabase_realtime\` s\xF3 existe num Postgres da Supabase. As duas
+-- condi\xE7\xF5es s\xE3o verificadas antes, porque esta migration tamb\xE9m roda no banco
+-- de teste, que n\xE3o tem nenhuma delas.
+-- ---------------------------------------------------------------------------
+
+DO $$
+DECLARE
+  t text;
+  v_n integer := 0;
+BEGIN
+  IF NOT EXISTS (SELECT 1 FROM pg_publication WHERE pubname = 'supabase_realtime') THEN
+    RAISE NOTICE 'conversations/006: sem publica\xE7\xE3o supabase_realtime \u2014 nada a fazer';
+    RETURN;
+  END IF;
+
+  FOREACH t IN ARRAY ARRAY['plg_conversation_messages', 'plg_conversations'] LOOP
+    CONTINUE WHEN to_regclass('public.' || t) IS NULL;
+    CONTINUE WHEN EXISTS (
+      SELECT 1 FROM pg_publication_tables
+       WHERE pubname = 'supabase_realtime' AND schemaname = 'public' AND tablename = t);
+    EXECUTE format('ALTER PUBLICATION supabase_realtime ADD TABLE public.%I', t);
+    v_n := v_n + 1;
+  END LOOP;
+
+  RAISE NOTICE 'conversations/006: % tabela(s) publicada(s) no realtime', v_n;
+END $$;
+
+-- \`REPLICA IDENTITY FULL\` na conversa: sem ela o UPDATE chega com a chave
+-- prim\xE1ria e mais nada, e a tela n\xE3o consegue saber que \`unread_count\` mudou \u2014
+-- que \xE9 exatamente o UPDATE que interessa aqui. Na tabela de mensagens n\xE3o \xE9
+-- preciso: o que importa \xE9 o INSERT, e esse vem inteiro de qualquer forma.
+DO $$
+BEGIN
+  IF to_regclass('public.plg_conversations') IS NOT NULL THEN
+    ALTER TABLE public.plg_conversations REPLICA IDENTITY FULL;
+  END IF;
+END $$;
+
+-- \u2500\u2500 e a conta de n\xE3o lidas, que ningu\xE9m mantinha \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\` estava em ZERO nas oito conversas do cluster, incluindo as
+-- quatro cuja \xFAltima mensagem \xE9 de entrada. N\xE3o era um zero verdadeiro: n\xE3o h\xE1
+-- (n\xE3o havia) nada que a incremente. A coluna existe desde a baseline, a tela
+-- da lista decide o destaque por ela (\`unreadCount > 0\`) e a RPC de marcar como
+-- lida zera-a \u2014 s\xF3 faltava o lado que soma.
+--
+-- Por isso \`isWaitingOnUs\` recorre a \`lastMessageDirection\` quando a conta \xE9
+-- zero: foi escrita j\xE1 sabendo que a conta n\xE3o era de fiar. Esta migration
+-- torna-a de fiar, e a recorr\xEAncia volta a ser o que devia ser \u2014 uma rede, e
+-- n\xE3o o caminho normal.
+--
+-- S\xF3 o que CHEGA conta. Somar o que n\xF3s enviamos faria a caixa dizer que h\xE1
+-- doze por ler logo depois de algu\xE9m responder doze vezes.
+CREATE OR REPLACE FUNCTION public.plg_conversations_bump_unread() RETURNS trigger
+    LANGUAGE plpgsql SECURITY DEFINER SET search_path TO ''
+    AS $$
+BEGIN
+  IF NEW.direction IS DISTINCT FROM 'inbound' THEN RETURN NULL; END IF;
+  UPDATE public.plg_conversations
+     SET unread_count = coalesce(unread_count, 0) + 1
+   WHERE id = NEW.conversation_id;
+  RETURN NULL;
+END $$;
+
+REVOKE ALL ON FUNCTION public.plg_conversations_bump_unread() FROM PUBLIC;
+GRANT EXECUTE ON FUNCTION public.plg_conversations_bump_unread() TO authenticated, service_role;
+
+COMMENT ON FUNCTION public.plg_conversations_bump_unread() IS
+  'Soma uma n\xE3o lida por mensagem que CHEGA. A coluna existia e era zerada ao ler, mas nada a incrementava (006).';
+
+-- AFTER, como o irm\xE3o que carimba a dire\xE7\xE3o: falhar a contar n\xE3o pode recusar
+-- uma mensagem que o provedor j\xE1 entregou.
+DROP TRIGGER IF EXISTS plg_conversation_messages_bump_unread ON public.plg_conversation_messages;
+CREATE TRIGGER plg_conversation_messages_bump_unread
+  AFTER INSERT ON public.plg_conversation_messages
+  FOR EACH ROW EXECUTE FUNCTION public.plg_conversations_bump_unread();
+
+-- O retroativo, e o que ele pode e n\xE3o pode saber.
+--
+-- N\xE3o h\xE1 coluna de "lido at\xE9 quando" nesta tabela \u2014 \`markRead\` zera a conta e
+-- mais nada. Ent\xE3o n\xE3o d\xE1 para reconstituir quantas mensagens ficaram por ler:
+-- o que d\xE1 para saber \xE9 que a conversa EST\xC1 \xE0 espera, porque a \xFAltima mensagem
+-- dela \xE9 de entrada.
+--
+-- Nesse caso a conta vira 1. Um n\xFAmero inventado seria pior que um n\xFAmero
+-- modesto: 1 diz "h\xE1 algo aqui", que \xE9 verdade e \xE9 o que faz a linha destacar;
+-- dizer "7" alegaria uma precis\xE3o que esta tabela nunca guardou. A partir de
+-- agora o gatilho conta de verdade.
+UPDATE public.plg_conversations
+   SET unread_count = 1
+ WHERE last_message_direction = 'inbound'
+   AND status = 'open'
+   AND coalesce(unread_count, 0) = 0;
+`;
 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 },
   { id: "002_a_casa_escolhe_por_onde_o_whatsapp_sai", sql: MIGRATION_002_A_CASA_ESCOLHE_POR_ONDE_O_WHATSAPP_SAI },
   { id: "003_a_campanha_sai_no_ritmo_que_o_numero_aguenta", sql: MIGRATION_003_A_CAMPANHA_SAI_NO_RITMO_QUE_O_NUMERO_AGUENTA },
   { 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: "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 }
 ];
 
 // src/index.ts
@@ -4843,11 +5040,11 @@ function createConversationsPlugin(options) {
     contactEntityDef: options?.contactEntityDef
   };
   const dashboardWidgets = createConversationsDashboardWidgets({ store: store2, config });
-  const PageComponent = () => React9__default.createElement(ConversationsPage, { store: store2, config });
+  const PageComponent = () => React10__default.createElement(ConversationsPage, { store: store2, config });
   PageComponent.displayName = "ConversationsPage";
-  const CampaignsPageComponent = () => React9__default.createElement(CampaignsView);
+  const CampaignsPageComponent = () => React10__default.createElement(CampaignsView);
   CampaignsPageComponent.displayName = "ConversationsCampaignsPage";
-  const TemplatesPageComponent = () => React9__default.createElement(TemplatesView);
+  const TemplatesPageComponent = () => React10__default.createElement(TemplatesView);
   TemplatesPageComponent.displayName = "ConversationsTemplatesPage";
   return {
     id: "conversations",
@@ -4914,7 +5111,26 @@ function createConversationsPlugin(options) {
         permission: { feature: "conversations", action: "read" }
       }
     ],
-    widgets: [],
+    widgets: [
+      {
+        id: "conversations-inbox-watcher",
+        // `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.
+        zone: "shell.topbar.end",
+        component: (() => {
+          const W = () => React10__default.createElement(InboxWatcher, {
+            label: options?.navLabel ?? "Conversations",
+            section: options?.navSection ?? "main",
+            position: options?.navPosition ?? 1
+          });
+          W.displayName = "InboxWatcher";
+          return W;
+        })(),
+        order: -20
+      }
+    ],
     dashboardWidgets,
     events: [
       { name: "conversations.message.received", description: "An inbound message arrived on any channel" },