@fayz-ai/plugin-notifications 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,4 +1,9 @@
-import { registerTranslations } from '@fayz-ai/core';
+import React2 from 'react';
+import { registerTranslations, getActiveTenantId, useTranslation, getSupabaseClientOptional } from '@fayz-ai/core';
+import { createSafeDataProvider, useModuleNavigation, createViewRouter, usePermissionOptional, PageActions } from '@fayz-ai/admin';
+import { ModulePage, SubpageHeader, Button, Switch, ConfirmDialog, toast, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, Input, ModalFooter } from '@fayz-ai/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Plus, MessageSquare, Pencil, Trash2, Clock, CheckCircle2, AlertTriangle, Ban, Loader2 } from 'lucide-react';
 
 // src/index.ts
 
@@ -9,7 +14,61 @@ var en = {
   "notifications.queue": "Queue",
   "notifications.preferences": "Preferences",
   "notifications.blocked": "Blocked",
-  "notifications.abandoned": "Abandoned"
+  "notifications.abandoned": "Abandoned",
+  "notifications.page.title": "Communication",
+  "notifications.page.subtitle": "What the house sends on its own \u2014 and what never arrived.",
+  "notifications.templates.title": "Templates",
+  "notifications.templates.subtitle": "The texts that go out automatically. The same template can exist on several channels.",
+  "notifications.templates.new": "New template",
+  "notifications.templates.newTitle": "New template",
+  "notifications.templates.editTitle": "Edit template",
+  "notifications.templates.editorDescription": "The key is the contract: it is what a send asks for. The wording changes; the key does not.",
+  "notifications.templates.key": "Key",
+  "notifications.templates.channel": "Channel",
+  "notifications.templates.purpose": "Type",
+  "notifications.templates.subject": "Subject",
+  "notifications.templates.body": "Body",
+  "notifications.templates.bodyPlaceholder": "Hi {{name}}! \u2026",
+  "notifications.templates.active": "Active",
+  "notifications.templates.varsHint": "Use {{name}} to slot in data from the send.",
+  "notifications.templates.varsFound": "Fields used: {{vars}}",
+  "notifications.templates.keyRequired": "The template needs a key.",
+  "notifications.templates.bodyRequired": "The template needs a body.",
+  "notifications.templates.saveFailed": "Could not save the template.",
+  "notifications.templates.emptyTitle": "No templates yet.",
+  "notifications.templates.emptyHint": "Without a template there is nothing to send: the engine has a queue, retries and error records, but nothing to write in the message.",
+  "notifications.templates.deleteTitle": "Delete template",
+  "notifications.templates.deleteDescription": '"{{key}}" stops existing. Sends asking for this key will find nothing.',
+  "notifications.history.title": "Send history",
+  "notifications.history.subtitle": "What went out, what failed, and why.",
+  "notifications.history.total": "Messages",
+  "notifications.history.sent": "Sent",
+  "notifications.history.failed": "Failed",
+  "notifications.history.blocked": "Blocked",
+  "notifications.history.topReason": "{{count}} messages did not arrive for the SAME reason: {{reason}}.",
+  "notifications.history.allChannels": "All channels",
+  "notifications.history.allStatuses": "All statuses",
+  "notifications.history.when": "Date/Time",
+  "notifications.history.template": "Template",
+  "notifications.history.who": "Who",
+  "notifications.history.channel": "Channel",
+  "notifications.history.status": "Status",
+  "notifications.history.reason": "Reason",
+  "notifications.history.attempts": "{{n}} attempts",
+  "notifications.history.empty": "No sends in this period.",
+  "notifications.channel.whatsapp": "WhatsApp",
+  "notifications.channel.email": "Email",
+  "notifications.channel.sms": "SMS",
+  "notifications.channel.push": "Push",
+  "notifications.channel.in_app": "In app",
+  "notifications.status.sent": "Sent",
+  "notifications.status.failed": "Failed",
+  "notifications.status.blocked": "Blocked",
+  "notifications.status.pending": "Queued",
+  "notifications.status.abandoned": "Gave up",
+  "notifications.status.cancelled": "Cancelled",
+  "notifications.purpose.transactional": "Notice",
+  "notifications.purpose.marketing": "Marketing"
 };
 
 // src/locales/pt-BR.ts
@@ -19,7 +78,61 @@ var ptBR = {
   "notifications.queue": "Fila",
   "notifications.preferences": "Prefer\xEAncias",
   "notifications.blocked": "Bloqueadas",
-  "notifications.abandoned": "Abandonadas"
+  "notifications.abandoned": "Abandonadas",
+  "notifications.page.title": "Comunica\xE7\xE3o",
+  "notifications.page.subtitle": "O que a casa envia sozinha \u2014 e o que n\xE3o chegou.",
+  "notifications.templates.title": "Modelos",
+  "notifications.templates.subtitle": "Os textos que saem automaticamente. O mesmo modelo pode existir em v\xE1rios canais.",
+  "notifications.templates.new": "Novo modelo",
+  "notifications.templates.newTitle": "Novo modelo",
+  "notifications.templates.editTitle": "Editar modelo",
+  "notifications.templates.editorDescription": "A chave \xE9 o contrato: \xE9 por ela que o disparo pede este modelo. O nome do texto muda; a chave n\xE3o.",
+  "notifications.templates.key": "Chave",
+  "notifications.templates.channel": "Canal",
+  "notifications.templates.purpose": "Tipo",
+  "notifications.templates.subject": "Assunto",
+  "notifications.templates.body": "Texto",
+  "notifications.templates.bodyPlaceholder": "Oi {{nome}}! \u2026",
+  "notifications.templates.active": "Ativo",
+  "notifications.templates.varsHint": "Use {{nome}} para encaixar dados do envio.",
+  "notifications.templates.varsFound": "Campos usados: {{vars}}",
+  "notifications.templates.keyRequired": "O modelo precisa de uma chave.",
+  "notifications.templates.bodyRequired": "O modelo precisa de um texto.",
+  "notifications.templates.saveFailed": "N\xE3o foi poss\xEDvel salvar o modelo.",
+  "notifications.templates.emptyTitle": "Nenhum modelo.",
+  "notifications.templates.emptyHint": "Sem modelo n\xE3o h\xE1 o que enviar: o motor tem fila, tentativa e registro de erro, mas nada para escrever na mensagem.",
+  "notifications.templates.deleteTitle": "Excluir modelo",
+  "notifications.templates.deleteDescription": '"{{key}}" deixa de existir. Disparos que pedirem esta chave n\xE3o v\xE3o encontrar nada.',
+  "notifications.history.title": "Hist\xF3rico de envios",
+  "notifications.history.subtitle": "O que saiu, o que falhou e por qu\xEA.",
+  "notifications.history.total": "Disparos",
+  "notifications.history.sent": "Enviados",
+  "notifications.history.failed": "Falhas",
+  "notifications.history.blocked": "Bloqueados",
+  "notifications.history.topReason": "{{count}} mensagens n\xE3o chegaram pelo MESMO motivo: {{reason}}.",
+  "notifications.history.allChannels": "Todos os canais",
+  "notifications.history.allStatuses": "Todos os status",
+  "notifications.history.when": "Data/Hora",
+  "notifications.history.template": "Modelo",
+  "notifications.history.who": "Quem",
+  "notifications.history.channel": "Canal",
+  "notifications.history.status": "Status",
+  "notifications.history.reason": "Motivo",
+  "notifications.history.attempts": "{{n}} tentativas",
+  "notifications.history.empty": "Nenhum envio no per\xEDodo.",
+  "notifications.channel.whatsapp": "WhatsApp",
+  "notifications.channel.email": "E-mail",
+  "notifications.channel.sms": "SMS",
+  "notifications.channel.push": "Push",
+  "notifications.channel.in_app": "No app",
+  "notifications.status.sent": "Enviado",
+  "notifications.status.failed": "Falhou",
+  "notifications.status.blocked": "Bloqueado",
+  "notifications.status.pending": "Na fila",
+  "notifications.status.abandoned": "Desistiu",
+  "notifications.status.cancelled": "Cancelado",
+  "notifications.purpose.transactional": "Aviso",
+  "notifications.purpose.marketing": "Divulga\xE7\xE3o"
 };
 
 // src/locales/index.ts
@@ -1077,13 +1190,858 @@ EXCEPTION WHEN insufficient_privilege OR undefined_object THEN
 --$stmt$;
 END $dp$;
 `;
+var MIGRATION_001_O_HISTORICO_DIZ_POR_QUE_NAO_CHEGOU = `-- 001_o_historico_diz_por_que_nao_chegou.sql
+--
+-- "Meus lembretes n\xE3o est\xE3o chegando" \xE9 a pergunta que o V1 responde e o V2
+-- n\xE3o. L\xE1 existe uma tela de Hist\xF3rico de Disparos com tr\xEAs totais e uma
+-- coluna que, nas linhas de falha, traz o MOTIVO em vez do texto enviado. Na
+-- verifica\xE7\xE3o do guia: 500 disparos, 390 enviados, **110 falhas** \u2014 todas pelo
+-- mesmo motivo, template n\xE3o aprovado pela Meta. Sem essa tela, ningu\xE9m teria
+-- descoberto isso; a queixa continuaria sendo "o sistema n\xE3o avisa o cliente".
+--
+-- Aqui o motor j\xE1 registrava tudo o que a resposta pede \u2014 \`last_error\`,
+-- \`blocked_reason\`, \`attempts\`, e a \`error\` de cada tentativa de entrega. O que
+-- n\xE3o existia era **uma leitura por mensagem**: a \xFAnica view do plugin
+-- (\`v_notification_queue\`) \xE9 agregada, boa para saber se a fila est\xE1 saud\xE1vel
+-- e in\xFAtil para saber por que a Maria n\xE3o recebeu.
+--
+-- E CORRIGE UM DEFEITO DO V1 DE PROP\xD3SITO. L\xE1, toda linha de falha mostra
+-- \`Cliente #null\` \u2014 o registro perde a refer\xEAncia de quem era, ent\xE3o a tela
+-- diz que 110 pessoas ficaram sem aviso e n\xE3o diz QUAIS. Aqui o nome vem por
+-- jun\xE7\xE3o com \`people\`: uma lista de falhas que n\xE3o nomeia ningu\xE9m n\xE3o permite
+-- ligar para ningu\xE9m, e ligar \xE9 a \xFAnica coisa \xFAtil a fazer com ela.
+--
+-- MOTIVO TEM PRECED\xCANCIA, E A ORDEM IMPORTA: \`blocked_reason\` primeiro. Uma
+-- mensagem bloqueada (o destinat\xE1rio optou por n\xE3o receber, est\xE1 em hor\xE1rio de
+-- sil\xEAncio, n\xE3o h\xE1 canal) nunca chegou a ser tentada, e mostrar o erro da
+-- \xFAltima tentativa ali diria que o envio falhou quando ele nem come\xE7ou.
+
+CREATE OR REPLACE VIEW public.v_notification_history WITH (security_invoker='true') AS
+SELECT
+  q.id,
+  q.tenant_id,
+  q.unit_id,
+  q.template_key,
+  q.channel,
+  q.status,
+  q.purpose,
+  q.locale,
+  q.scheduled_for,
+  q.created_at,
+  q.attempts,
+  q.max_attempts,
+  q.person_id,
+  -- O que o V1 perde. Sem nome, a lista de falhas \xE9 um n\xFAmero.
+  p.name  AS person_name,
+  p.phone AS person_phone,
+  p.email AS person_email,
+  q.subject,
+  q.body,
+  -- Bloqueado antes de tentar vem primeiro: o erro da \xFAltima tentativa ali
+  -- diria que o envio falhou quando ele nem chegou a come\xE7ar.
+  coalesce(q.blocked_reason, q.last_error, d.error) AS reason,
+  d.provider,
+  d.provider_ref,
+  d.delivered_at,
+  d.failed_at
+FROM public.plg_notifications_queue q
+LEFT JOIN public.people p ON p.id = q.person_id
+-- A \xDALTIMA tentativa, n\xE3o todas: uma mensagem com cinco tentativas viraria
+-- cinco linhas no hist\xF3rico, e o lojista conta cinco falhas onde houve uma
+-- mensagem.
+LEFT JOIN LATERAL (
+  SELECT x.error, x.provider, x.provider_ref, x.delivered_at, x.failed_at
+    FROM public.plg_notifications_deliveries x
+   WHERE x.queue_id = q.id
+   ORDER BY x.created_at DESC
+   LIMIT 1
+) d ON true;
+
+COMMENT ON VIEW public.v_notification_history IS
+  'Uma linha por mensagem, com o MOTIVO de n\xE3o ter chegado e o NOME de quem ficou sem \u2014 o V1 mostra "Cliente #null" em toda linha de falha (notifications/001).';
+
+GRANT SELECT ON public.v_notification_history TO authenticated;
+GRANT SELECT ON public.v_notification_history TO service_role;
+
+-- \u2500\u2500 os tr\xEAs totais do topo \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 V1 mostra Total / Enviados / Falhas. Aqui s\xE3o quatro, porque BLOQUEADO n\xE3o
+-- \xE9 FALHA: a mensagem que n\xE3o saiu porque a pessoa pediu para n\xE3o receber \xE9 o
+-- sistema funcionando, e som\xE1-la \xE0s falhas faria o lojista ca\xE7ar um defeito que
+-- n\xE3o existe.
+CREATE OR REPLACE FUNCTION public.notifications_history_summary(p_days integer DEFAULT 30)
+RETURNS jsonb
+  LANGUAGE plpgsql
+  SECURITY DEFINER
+  STABLE
+  SET search_path TO ''
+AS $$
+DECLARE
+  v_tenant uuid := app.current_tenant_id();
+  v_out jsonb;
+BEGIN
+  IF v_tenant IS NULL THEN
+    RAISE EXCEPTION 'notifications_history_summary: sem tenant na sess\xE3o' USING ERRCODE = '42501';
+  END IF;
+  IF NOT app.has_permission('notifications.read', NULL::uuid) THEN
+    RAISE EXCEPTION 'notifications_history_summary: exige notifications.read' USING ERRCODE = '42501';
+  END IF;
+
+  SELECT jsonb_build_object(
+    'total',   count(*),
+    'sent',    count(*) FILTER (WHERE h.status = 'sent'),
+    'failed',  count(*) FILTER (WHERE h.status IN ('failed', 'abandoned')),
+    'blocked', count(*) FILTER (WHERE h.status = 'blocked'),
+    'pending', count(*) FILTER (WHERE h.status = 'pending'),
+    'days',    p_days,
+    -- O motivo mais comum, e quantas vezes. \xC9 o que transforma "110 falhas" em
+    -- "110 falhas pela MESMA raz\xE3o" \u2014 que \xE9 a diferen\xE7a entre um problema e
+    -- cento e dez.
+    'topReason', (
+      SELECT jsonb_build_object('reason', r.reason, 'count', r.n)
+        FROM (
+          SELECT coalesce(x.reason, '\u2014') AS reason, count(*) AS n
+            FROM public.v_notification_history x
+           WHERE x.tenant_id = v_tenant
+             AND x.status IN ('failed', 'abandoned', 'blocked')
+             AND x.created_at >= now() - make_interval(days => p_days)
+           GROUP BY 1 ORDER BY n DESC LIMIT 1
+        ) r)
+  ) INTO v_out
+  FROM public.v_notification_history h
+  WHERE h.tenant_id = v_tenant
+    AND h.created_at >= now() - make_interval(days => p_days);
+
+  RETURN v_out;
+END $$;
+
+COMMENT ON FUNCTION public.notifications_history_summary(integer) IS
+  'Total, enviados, falhas, bloqueados e o motivo mais comum. Bloqueado N\xC3O conta como falha \u2014 \xE9 o sistema funcionando (notifications/001).';
+
+REVOKE ALL ON FUNCTION public.notifications_history_summary(integer) FROM PUBLIC, anon;
+GRANT EXECUTE ON FUNCTION public.notifications_history_summary(integer) TO authenticated;
+GRANT EXECUTE ON FUNCTION public.notifications_history_summary(integer) TO service_role;
+`;
 var MIGRATIONS = [
-  { id: "000_baseline", sql: MIGRATION_000_BASELINE }
+  { id: "000_baseline", sql: MIGRATION_000_BASELINE },
+  { id: "001_o_historico_diz_por_que_nao_chegou", sql: MIGRATION_001_O_HISTORICO_DIZ_POR_QUE_NAO_CHEGOU }
+];
+
+// src/data/tables.ts
+var T = {
+  templates: "plg_notifications_templates",
+  history: "v_notification_history"
+};
+
+// src/data/supabase.ts
+function client() {
+  const c = getSupabaseClientOptional();
+  if (!c) throw new Error("Supabase client not initialised");
+  return c;
+}
+function toTemplate(r) {
+  return {
+    id: r.id,
+    key: r.key,
+    channel: r.channel,
+    locale: r.locale ?? "pt-BR",
+    purpose: r.purpose ?? "transactional",
+    subject: r.subject ?? void 0,
+    body: r.body ?? "",
+    variables: Array.isArray(r.variables) ? r.variables : [],
+    isDefault: r.is_default === true,
+    isActive: r.is_active !== false,
+    tenantId: r.tenant_id,
+    updatedAt: r.updated_at ?? r.created_at
+  };
+}
+function createSupabaseNotificationsProvider() {
+  return {
+    async getTemplates() {
+      const pub = client();
+      const tenantId = getActiveTenantId();
+      if (!tenantId) return [];
+      const { data } = await pub.from(T.templates).select("*").eq("tenant_id", tenantId).order("key").order("channel");
+      return (data ?? []).map(toTemplate);
+    },
+    async saveTemplate(input) {
+      const pub = client();
+      const tenantId = getActiveTenantId();
+      if (!tenantId) throw new Error("Sem tenant ativo.");
+      const row = {
+        tenant_id: tenantId,
+        key: input.key.trim(),
+        channel: input.channel,
+        locale: input.locale ?? "pt-BR",
+        purpose: input.purpose ?? "transactional",
+        subject: input.subject?.trim() || null,
+        body: input.body,
+        variables: input.variables ?? []
+      };
+      if (input.isActive !== void 0) row.is_active = input.isActive;
+      if (input.id) {
+        const { data: data2, error: error2 } = await pub.from(T.templates).update(row).eq("id", input.id).select("*").single();
+        if (error2) throw new Error(error2.message);
+        return toTemplate(data2);
+      }
+      const { data, error } = await pub.from(T.templates).insert(row).select("*").single();
+      if (error) throw new Error(error.message);
+      return toTemplate(data);
+    },
+    async deleteTemplate(id) {
+      const pub = client();
+      const { error } = await pub.from(T.templates).delete().eq("id", id);
+      if (error) throw new Error(error.message);
+    },
+    async getHistory(query) {
+      const pub = client();
+      const tenantId = getActiveTenantId();
+      if (!tenantId) return [];
+      let qb = pub.from(T.history).select("*").eq("tenant_id", tenantId);
+      if (query?.channel) qb = qb.eq("channel", query.channel);
+      if (query?.status) qb = qb.eq("status", query.status);
+      if (query?.days) {
+        qb = qb.gte("created_at", new Date(Date.now() - query.days * 864e5).toISOString());
+      }
+      const { data } = await qb.order("created_at", { ascending: false }).limit(query?.limit ?? 200);
+      return (data ?? []).map((r) => ({
+        id: r.id,
+        templateKey: r.template_key,
+        channel: r.channel,
+        status: r.status,
+        purpose: r.purpose ?? "transactional",
+        scheduledFor: r.scheduled_for ?? void 0,
+        createdAt: r.created_at,
+        attempts: Number(r.attempts ?? 0),
+        maxAttempts: Number(r.max_attempts ?? 0),
+        personId: r.person_id ?? void 0,
+        personName: r.person_name ?? void 0,
+        personPhone: r.person_phone ?? void 0,
+        subject: r.subject ?? void 0,
+        body: r.body ?? void 0,
+        reason: r.reason ?? void 0,
+        provider: r.provider ?? void 0,
+        deliveredAt: r.delivered_at ?? void 0,
+        failedAt: r.failed_at ?? void 0
+      }));
+    },
+    async getHistorySummary(days = 30) {
+      const pub = client();
+      const { data, error } = await pub.rpc("notifications_history_summary", { p_days: days });
+      if (error) throw new Error(error.message);
+      const d = data ?? {};
+      return {
+        total: Number(d.total ?? 0),
+        sent: Number(d.sent ?? 0),
+        failed: Number(d.failed ?? 0),
+        blocked: Number(d.blocked ?? 0),
+        pending: Number(d.pending ?? 0),
+        days: Number(d.days ?? days),
+        topReason: d.topReason?.reason ? { reason: String(d.topReason.reason), count: Number(d.topReason.count ?? 0) } : void 0
+      };
+    }
+  };
+}
+
+// src/data/mock.ts
+var seq = 1;
+var uid = () => `mock-${seq++}`;
+var ago = (h) => new Date(Date.now() - h * 36e5).toISOString();
+var templates = [
+  {
+    id: uid(),
+    key: "order_completed",
+    channel: "whatsapp",
+    locale: "pt-BR",
+    purpose: "transactional",
+    body: "Oi {{nome}}! Seu pedido saiu. Obrigado pela prefer\xEAncia.",
+    variables: ["nome"],
+    isDefault: true,
+    isActive: true,
+    tenantId: "mock",
+    updatedAt: ago(72)
+  },
+  {
+    id: uid(),
+    key: "order_completed",
+    channel: "email",
+    locale: "pt-BR",
+    purpose: "transactional",
+    subject: "Seu pedido saiu",
+    body: "Oi {{nome}}, seu pedido saiu.",
+    variables: ["nome"],
+    isDefault: false,
+    isActive: true,
+    tenantId: "mock",
+    updatedAt: ago(72)
+  },
+  {
+    id: uid(),
+    key: "birthday",
+    channel: "whatsapp",
+    locale: "pt-BR",
+    purpose: "marketing",
+    body: "Feliz anivers\xE1rio, {{nome}}! Passa aqui que tem mimo.",
+    variables: ["nome"],
+    isDefault: true,
+    isActive: false,
+    tenantId: "mock",
+    updatedAt: ago(400)
+  }
+];
+var history = [
+  {
+    id: uid(),
+    templateKey: "order_completed",
+    channel: "whatsapp",
+    status: "sent",
+    purpose: "transactional",
+    createdAt: ago(2),
+    attempts: 1,
+    maxAttempts: 5,
+    personName: "Maria Silva",
+    personPhone: "(11) 99999-0001",
+    provider: "tyxter",
+    deliveredAt: ago(2)
+  },
+  {
+    id: uid(),
+    templateKey: "order_completed",
+    channel: "whatsapp",
+    status: "failed",
+    purpose: "transactional",
+    createdAt: ago(3),
+    attempts: 5,
+    maxAttempts: 5,
+    personName: "Jo\xE3o Pereira",
+    personPhone: "(11) 99999-0002",
+    reason: "template n\xE3o aprovado pelo provedor",
+    failedAt: ago(3)
+  },
+  {
+    id: uid(),
+    templateKey: "order_completed",
+    channel: "whatsapp",
+    status: "failed",
+    purpose: "transactional",
+    createdAt: ago(5),
+    attempts: 5,
+    maxAttempts: 5,
+    personName: "Ana Costa",
+    personPhone: "(11) 99999-0003",
+    reason: "template n\xE3o aprovado pelo provedor",
+    failedAt: ago(5)
+  },
+  {
+    id: uid(),
+    templateKey: "birthday",
+    channel: "whatsapp",
+    status: "blocked",
+    purpose: "marketing",
+    createdAt: ago(20),
+    attempts: 0,
+    maxAttempts: 5,
+    personName: "Carlos Dias",
+    reason: "destinat\xE1rio optou por n\xE3o receber marketing"
+  },
+  {
+    id: uid(),
+    templateKey: "order_completed",
+    channel: "email",
+    status: "pending",
+    purpose: "transactional",
+    createdAt: ago(1),
+    attempts: 0,
+    maxAttempts: 5,
+    personName: "Beatriz Lima"
+  }
 ];
+function createMockNotificationsProvider() {
+  return {
+    async getTemplates() {
+      return [...templates];
+    },
+    async saveTemplate(input) {
+      if (input.id) {
+        const found = templates.find((t) => t.id === input.id);
+        if (!found) throw new Error("Modelo n\xE3o encontrado.");
+        Object.assign(found, {
+          key: input.key.trim(),
+          channel: input.channel,
+          locale: input.locale ?? found.locale,
+          purpose: input.purpose ?? found.purpose,
+          subject: input.subject,
+          body: input.body,
+          variables: input.variables ?? found.variables,
+          isActive: input.isActive ?? found.isActive,
+          updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        return found;
+      }
+      const created = {
+        id: uid(),
+        key: input.key.trim(),
+        channel: input.channel,
+        locale: input.locale ?? "pt-BR",
+        purpose: input.purpose ?? "transactional",
+        subject: input.subject,
+        body: input.body,
+        variables: input.variables ?? [],
+        isDefault: false,
+        isActive: input.isActive ?? true,
+        tenantId: "mock",
+        updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      templates.push(created);
+      return created;
+    },
+    async deleteTemplate(id) {
+      const i = templates.findIndex((t) => t.id === id);
+      if (i >= 0) templates.splice(i, 1);
+    },
+    async getHistory(query) {
+      return history.filter((h) => !query?.channel || h.channel === query.channel).filter((h) => !query?.status || h.status === query.status).slice(0, query?.limit ?? 200);
+    },
+    async getHistorySummary(days = 30) {
+      const reasons = /* @__PURE__ */ new Map();
+      for (const h of history) {
+        if (h.reason) reasons.set(h.reason, (reasons.get(h.reason) ?? 0) + 1);
+      }
+      const top = [...reasons.entries()].sort((a, b) => b[1] - a[1])[0];
+      return {
+        total: history.length,
+        sent: history.filter((h) => h.status === "sent").length,
+        failed: history.filter((h) => h.status === "failed" || h.status === "abandoned").length,
+        blocked: history.filter((h) => h.status === "blocked").length,
+        pending: history.filter((h) => h.status === "pending").length,
+        days,
+        topReason: top ? { reason: top[0], count: top[1] } : void 0
+      };
+    }
+  };
+}
+var Ctx = React2.createContext(null);
+function NotificationsContextProvider({ provider, children }) {
+  return /* @__PURE__ */ jsx(Ctx.Provider, { value: provider, children });
+}
+function useNotificationsProvider() {
+  const v = React2.useContext(Ctx);
+  if (!v) throw new Error("useNotificationsProvider fora do NotificationsContextProvider");
+  return v;
+}
+
+// src/types.ts
+var MESSAGE_CHANNELS = ["whatsapp", "email", "sms", "push", "in_app"];
+function extractVariables(body, subject) {
+  const found = /* @__PURE__ */ new Set();
+  for (const text of [body, subject ?? ""]) {
+    for (const m of text.matchAll(/\{\{\s*([a-z0-9_]+)\s*\}\}/gi)) found.add(m[1].toLowerCase());
+  }
+  return [...found].sort();
+}
+function TemplateEditorDialog({ open, template, provider, onClose, onSaved }) {
+  const t = useTranslation();
+  const [key, setKey] = React2.useState("");
+  const [channel, setChannel] = React2.useState("whatsapp");
+  const [purpose, setPurpose] = React2.useState("transactional");
+  const [subject, setSubject] = React2.useState("");
+  const [body, setBody] = React2.useState("");
+  const [isActive, setIsActive] = React2.useState(true);
+  const [saving, setSaving] = React2.useState(false);
+  const [error, setError] = React2.useState(null);
+  React2.useEffect(() => {
+    if (!open) return;
+    setKey(template?.key ?? "");
+    setChannel(template?.channel ?? "whatsapp");
+    setPurpose(template?.purpose ?? "transactional");
+    setSubject(template?.subject ?? "");
+    setBody(template?.body ?? "");
+    setIsActive(template?.isActive ?? true);
+    setError(null);
+  }, [open, template]);
+  const variables = extractVariables(body, subject);
+  const needsSubject = channel === "email";
+  async function save() {
+    if (!key.trim()) {
+      setError(t("notifications.templates.keyRequired"));
+      return;
+    }
+    if (!body.trim()) {
+      setError(t("notifications.templates.bodyRequired"));
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      await provider.saveTemplate({
+        id: template?.id,
+        key: key.trim(),
+        channel,
+        purpose,
+        subject: needsSubject ? subject.trim() : void 0,
+        body,
+        variables,
+        isActive
+      });
+      onSaved();
+      onClose();
+    } catch (e) {
+      setError(e?.message ?? t("notifications.templates.saveFailed"));
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (v) => {
+    if (!v) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { className: "sm:max-w-xl", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: template ? t("notifications.templates.editTitle") : t("notifications.templates.newTitle") }),
+      /* @__PURE__ */ jsx(ModalDescription, { children: t("notifications.templates.editorDescription") })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "sm:col-span-1", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium", children: t("notifications.templates.key") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: key,
+              disabled: Boolean(template),
+              onChange: (e) => setKey(e.target.value),
+              placeholder: "order_completed"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium", children: t("notifications.templates.channel") }),
+          /* @__PURE__ */ jsxs(Select, { value: channel, onValueChange: (v) => setChannel(v), children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: MESSAGE_CHANNELS.map((c) => /* @__PURE__ */ jsx(SelectItem, { value: c, children: t(`notifications.channel.${c}`) }, c)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium", children: t("notifications.templates.purpose") }),
+          /* @__PURE__ */ jsxs(Select, { value: purpose, onValueChange: (v) => setPurpose(v), children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "transactional", children: t("notifications.purpose.transactional") }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "marketing", children: t("notifications.purpose.marketing") })
+            ] })
+          ] })
+        ] })
+      ] }),
+      needsSubject && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium", children: t("notifications.templates.subject") }),
+        /* @__PURE__ */ jsx(Input, { value: subject, onChange: (e) => setSubject(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium", children: t("notifications.templates.body") }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            className: "min-h-[120px] w-full rounded-md border bg-background px-3 py-2 text-sm",
+            value: body,
+            onChange: (e) => setBody(e.target.value),
+            placeholder: t("notifications.templates.bodyPlaceholder")
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-[10px] text-muted-foreground", children: variables.length > 0 ? t("notifications.templates.varsFound", { vars: variables.map((v) => `{{${v}}}`).join(" ") }) : t("notifications.templates.varsHint") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Switch, { checked: isActive, onCheckedChange: setIsActive }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs", children: t("notifications.templates.active") })
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, children: t("common.cancel") }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => void save(), disabled: saving, children: [
+        saving && /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+        t("common.save")
+      ] })
+    ] })
+  ] }) });
+}
+function TemplatesView() {
+  const t = useTranslation();
+  const provider = useNotificationsProvider();
+  const can = usePermissionOptional();
+  const canEdit = can("notifications", "edit");
+  const canDelete = can("notifications", "delete");
+  const [templates2, setTemplates] = React2.useState(null);
+  const [editing, setEditing] = React2.useState(void 0);
+  const [removing, setRemoving] = React2.useState(null);
+  const load = React2.useCallback(async () => {
+    setTemplates(await provider.getTemplates().catch(() => []));
+  }, [provider]);
+  React2.useEffect(() => {
+    void load();
+  }, [load]);
+  const groups = React2.useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const tpl of templates2 ?? []) {
+      const list = m.get(tpl.key) ?? [];
+      list.push(tpl);
+      m.set(tpl.key, list);
+    }
+    return [...m.entries()].sort((a, b) => a[0].localeCompare(b[0]));
+  }, [templates2]);
+  async function toggleActive(tpl, next) {
+    try {
+      await provider.saveTemplate({
+        id: tpl.id,
+        key: tpl.key,
+        channel: tpl.channel,
+        locale: tpl.locale,
+        purpose: tpl.purpose,
+        subject: tpl.subject,
+        body: tpl.body,
+        variables: tpl.variables,
+        isActive: next
+      });
+      await load();
+    } catch (e) {
+      toast.error(e?.message ?? t("notifications.templates.saveFailed"));
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title: t("notifications.templates.title"),
+        subtitle: t("notifications.templates.subtitle"),
+        actions: /* @__PURE__ */ jsx(PageActions, { actions: [{
+          id: "new-template",
+          label: t("notifications.templates.new"),
+          icon: Plus,
+          intent: "primary",
+          permission: { feature: "notifications", action: "create" },
+          onSelect: () => setEditing(null)
+        }] })
+      }
+    ),
+    templates2 === null ? /* @__PURE__ */ jsx("div", { className: "rounded-card border bg-card px-6 py-10 text-center text-sm text-muted-foreground", children: t("common.loading") }) : groups.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-dashed bg-card px-6 py-10 text-center", children: [
+      /* @__PURE__ */ jsx(MessageSquare, { className: "mx-auto mb-3 h-8 w-8 text-muted-foreground/50" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("notifications.templates.emptyTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "mx-auto mt-1 max-w-md text-xs text-muted-foreground", children: t("notifications.templates.emptyHint") }),
+      /* @__PURE__ */ jsxs(Button, { className: "mt-4", size: "sm", onClick: () => setEditing(null), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+        " ",
+        t("notifications.templates.new")
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", "data-testid": "template-list", children: groups.map(([key, list]) => /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card p-4 shadow-sm", "data-testid": "template-group", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: key }),
+        /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground", children: t(`notifications.purpose.${list[0].purpose}`) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-2", children: list.map((tpl) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", "data-testid": "template-row", children: [
+        /* @__PURE__ */ jsx("span", { className: "w-24 shrink-0 text-xs font-medium", children: t(`notifications.channel.${tpl.channel}`) }),
+        /* @__PURE__ */ jsxs("p", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: [
+          tpl.subject ? `${tpl.subject} \u2014 ` : "",
+          tpl.body
+        ] }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: tpl.isActive,
+            disabled: !canEdit,
+            onCheckedChange: (v) => void toggleActive(tpl, v)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8",
+            disabled: !canEdit,
+            onClick: () => setEditing(tpl),
+            children: /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8",
+            disabled: !canDelete,
+            onClick: () => setRemoving(tpl),
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }, tpl.id)) })
+    ] }, key)) }),
+    /* @__PURE__ */ jsx(
+      TemplateEditorDialog,
+      {
+        open: editing !== void 0,
+        template: editing ?? null,
+        provider,
+        onClose: () => setEditing(void 0),
+        onSaved: () => void load()
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: removing !== null,
+        onCancel: () => setRemoving(null),
+        title: t("notifications.templates.deleteTitle"),
+        description: t("notifications.templates.deleteDescription", { key: removing?.key ?? "" }),
+        confirmLabel: t("common.delete"),
+        variant: "destructive",
+        onConfirm: () => {
+          const tpl = removing;
+          setRemoving(null);
+          if (tpl) provider.deleteTemplate(tpl.id).then(load).catch((e) => toast.error(e?.message));
+        }
+      }
+    )
+  ] });
+}
+var STATUS_TONE = {
+  sent: "text-success",
+  failed: "text-destructive",
+  abandoned: "text-destructive",
+  blocked: "text-warning",
+  pending: "text-muted-foreground",
+  cancelled: "text-muted-foreground"
+};
+function Total({ icon: Icon, label, value, tone }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card p-4 shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Icon, { className: `h-3.5 w-3.5 ${tone}` }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: label })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: `mt-1 text-2xl font-semibold ${tone}`, children: value })
+  ] });
+}
+function HistoryView() {
+  const t = useTranslation();
+  const provider = useNotificationsProvider();
+  const [rows, setRows] = React2.useState(null);
+  const [summary, setSummary] = React2.useState(null);
+  const [channel, setChannel] = React2.useState("all");
+  const [status, setStatus] = React2.useState("all");
+  React2.useEffect(() => {
+    let alive = true;
+    const q = { channel: channel === "all" ? void 0 : channel, status: status === "all" ? void 0 : status, days: 30 };
+    provider.getHistory(q).then((r) => {
+      if (alive) setRows(r);
+    }).catch(() => {
+      if (alive) setRows([]);
+    });
+    provider.getHistorySummary(30).then((s) => {
+      if (alive) setSummary(s);
+    }).catch(() => {
+      if (alive) setSummary(null);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [provider, channel, status]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(SubpageHeader, { title: t("notifications.history.title"), subtitle: t("notifications.history.subtitle") }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-4", "data-testid": "history-totals", children: [
+      /* @__PURE__ */ jsx(Total, { icon: Clock, label: t("notifications.history.total"), value: summary?.total ?? 0, tone: "text-foreground" }),
+      /* @__PURE__ */ jsx(Total, { icon: CheckCircle2, label: t("notifications.history.sent"), value: summary?.sent ?? 0, tone: "text-success" }),
+      /* @__PURE__ */ jsx(Total, { icon: AlertTriangle, label: t("notifications.history.failed"), value: summary?.failed ?? 0, tone: "text-destructive" }),
+      /* @__PURE__ */ jsx(Total, { icon: Ban, label: t("notifications.history.blocked"), value: summary?.blocked ?? 0, tone: "text-warning" })
+    ] }),
+    summary?.topReason && summary.topReason.count > 1 && /* @__PURE__ */ jsx("p", { className: "rounded-lg bg-warning/5 px-3 py-2 text-xs text-foreground", "data-testid": "top-reason", children: t("notifications.history.topReason", {
+      count: String(summary.topReason.count),
+      reason: summary.topReason.reason
+    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsxs(Select, { value: channel, onValueChange: (v) => setChannel(v), children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[170px] text-xs", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: "all", children: t("notifications.history.allChannels") }),
+          MESSAGE_CHANNELS.map((c) => /* @__PURE__ */ jsx(SelectItem, { value: c, children: t(`notifications.channel.${c}`) }, c))
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Select, { value: status, onValueChange: (v) => setStatus(v), children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[170px] text-xs", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: "all", children: t("notifications.history.allStatuses") }),
+          ["sent", "failed", "blocked", "pending", "abandoned"].map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s, children: t(`notifications.status.${s}`) }, s))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-card border bg-card", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx("thead", { className: "border-b bg-muted/30 text-left text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: t("notifications.history.when") }),
+        /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: t("notifications.history.template") }),
+        /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: t("notifications.history.who") }),
+        /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: t("notifications.history.channel") }),
+        /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: t("notifications.history.status") }),
+        /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: t("notifications.history.reason") })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { "data-testid": "history-rows", children: rows === null ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 6, className: "px-3 py-8 text-center text-xs text-muted-foreground", children: t("common.loading") }) }) : rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 6, className: "px-3 py-8 text-center text-xs text-muted-foreground", children: t("notifications.history.empty") }) }) : rows.map((r) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-b-0", children: [
+        /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-3 py-2 text-xs text-muted-foreground", children: new Date(r.createdAt).toLocaleString("pt-BR") }),
+        /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-xs", children: r.templateKey }),
+        /* @__PURE__ */ jsxs("td", { className: "px-3 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs", children: r.personName ?? "\u2014" }),
+          r.personPhone && /* @__PURE__ */ jsx("span", { className: "ml-2 text-[10px] text-muted-foreground", children: r.personPhone })
+        ] }),
+        /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-xs", children: t(`notifications.channel.${r.channel}`) }),
+        /* @__PURE__ */ jsxs("td", { className: `px-3 py-2 text-xs font-medium ${STATUS_TONE[r.status] ?? ""}`, children: [
+          t(`notifications.status.${r.status}`),
+          r.attempts > 1 && /* @__PURE__ */ jsx("span", { className: "ml-1 text-[10px] text-muted-foreground", children: t("notifications.history.attempts", { n: String(r.attempts) }) })
+        ] }),
+        /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-xs text-muted-foreground", children: r.reason ?? "\u2014" })
+      ] }, r.id)) })
+    ] }) })
+  ] });
+}
+function NotificationsPage({ provider }) {
+  const t = useTranslation();
+  const { view, direction, navigate } = useModuleNavigation("/communication", {
+    templates: 0,
+    history: 0
+  }, "templates");
+  const nav = [
+    {
+      id: "templates",
+      label: t("notifications.templates.title"),
+      icon: "MessageSquare",
+      active: view === "templates",
+      onClick: () => navigate("templates")
+    },
+    {
+      id: "history",
+      label: t("notifications.history.title"),
+      icon: "History",
+      active: view === "history",
+      onClick: () => navigate("history")
+    }
+  ];
+  const renderView = createViewRouter([
+    { id: "templates", render: () => /* @__PURE__ */ jsx(TemplatesView, {}) },
+    { id: "history", render: () => /* @__PURE__ */ jsx(HistoryView, {}) }
+  ], "templates");
+  return /* @__PURE__ */ jsx(NotificationsContextProvider, { provider, children: /* @__PURE__ */ jsx(
+    ModulePage,
+    {
+      title: t("notifications.page.title"),
+      subtitle: t("notifications.page.subtitle"),
+      nav,
+      viewKey: view,
+      direction,
+      children: renderView(view)
+    }
+  ) });
+}
 
 // src/index.ts
 function createNotificationsPlugin(options) {
   registerTranslations(notificationsLocales);
+  const provider = options?.dataProvider ?? createSafeDataProvider(
+    () => createSupabaseNotificationsProvider(),
+    () => createMockNotificationsProvider()
+  );
+  const PageComponent = () => React2.createElement(NotificationsPage, { provider });
   return {
     id: "notifications",
     defaultAgentRole: "operations",
@@ -1092,14 +2050,25 @@ function createNotificationsPlugin(options) {
     version: "1.0.0",
     scope: options?.scope ?? "universal",
     verticalId: options?.verticalId,
-    defaultEnabled: false,
+    defaultEnabled: options?.defaultEnabled ?? false,
     dependencies: [],
-    // No screen yet, and that is the whole shape of this plugin: everything it
-    // does is reachable from SQL and from the subscriptions below. An admin
-    // surface is a follow-up — shipping the engine without one is deliberate,
-    // because a form that cannot send is what this phase exists to stop.
-    navigation: [],
-    routes: [],
+    // A rota é `/communication` e não `/notifications`: o que mora aqui é a
+    // régua com que a casa fala com o cliente, e "notificação" no rail leria
+    // como o sininho do canto da tela.
+    navigation: [
+      {
+        section: "main",
+        position: options?.navPosition ?? 6,
+        label: options?.navLabel ?? "Comunica\xE7\xE3o",
+        route: "/communication",
+        icon: "Send",
+        permission: { feature: "notifications", action: "read" }
+      }
+    ],
+    routes: [
+      { path: "/communication", component: PageComponent, permission: { feature: "notifications", action: "read" } },
+      { path: "/communication/*", component: PageComponent, permission: { feature: "notifications", action: "read" } }
+    ],
     // A notification only ANNOUNCES — it writes nothing another module owns — so
     // by the phase's ownership rule it reacts to events rather than being called.
     subscribesTo: [