@fayz-ai/plugin-automations 0.10.2 → 0.12.0

package/dist/index.js

@@ -1,154 +1,547 @@
-import React3 from 'react';
-import { startEventLog, getSupabaseClientOptional, getMessageDefaults, usePluginRuntimeOptional, resolveMessages, resolveMessage, renderMessageTemplate, loadEventRuns } from '@fayz-ai/core';
-import { resolveFayzAgentConnection, getFayzSupabaseClientOptional, useConnectors, adminNavigateTo, useOrganizationStore, connectorRoute, ConnectorMark, ConnectorDeliveries } from '@fayz-ai/admin';
+import * as React4 from 'react';
+import React4__default from 'react';
+import { getSupabaseClientOptional, startEventLog, getMessageDefaults, normalizeMessageActions, usePluginRuntimeOptional, resolveMessages, resolveMessage, renderMessageTemplate, loadEventRuns, getActiveTenantId } from '@fayz-ai/core';
+import { resolveFayzAgentConnection, registerRailPage, getFayzSupabaseClientOptional, useConnectors, useAgentSurface, PageActions, askAI, SettingsTabs, adminNavigateTo, RightRailPage, AskAIButton, useOrganizationStore, connectorRoute, ConnectorMark, ConnectorDeliveries } from '@fayz-ai/admin';
 import * as LucideIcons from 'lucide-react';
-import { Zap, MessageSquare, Smartphone, MessageCircle, Mail, ChevronRight, RotateCcw, Clock, Monitor, RefreshCw, History, AlertTriangle, CircleCheck, CircleSlash } from 'lucide-react';
-import { PageTabs, Card, Switch, SubpageHeader, Button, Badge, Hint, HeaderTabs, toast } from '@fayz-ai/ui';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { WandSparkles, Zap, Receipt, Megaphone, MessageSquare, Smartphone, Mail, ChevronRight, RotateCcw, Check, Clock, Monitor, RefreshCw, History, Send, AlertTriangle, CircleCheck, CircleSlash } from 'lucide-react';
+import { PageHeaderActions, PageTabs, Card, WhatsAppIcon, Switch, SubpageHeader, Button, Badge, Hint, HeaderTabs, toast, PhoneField } from '@fayz-ai/ui';
 import { createFayzAutomationsClient, FayzAutomationsError } from '@fayz-ai/sdk/automations';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/index.ts
+var PREFLIGHT_FUNCTION = "tyxter-payment-preflight";
+async function readReadiness() {
+  const supabase = getSupabaseClientOptional();
+  const tenantId = getActiveTenantId();
+  if (!supabase || !tenantId) return null;
+  const { data, error } = await supabase.functions.invoke(PREFLIGHT_FUNCTION, {
+    body: { action: "status", tenantId }
+  });
+  if (error) return null;
+  const payments = data?.payments;
+  return payments ?? null;
+}
+function canOfferPayment(readiness) {
+  return Boolean(readiness?.ready) && readiness?.mode !== null && readiness?.mode !== void 0;
+}
+function usePaymentReadiness() {
+  const [readiness, setReadiness] = React4.useState(null);
+  const [loading, setLoading] = React4.useState(true);
+  React4.useEffect(() => {
+    let cancelled = false;
+    void readReadiness().then((value) => {
+      if (!cancelled) setReadiness(value);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return { readiness, loading };
+}
+var SEND_FUNCTION = "messaging-send";
+function readFunctionError(error, data) {
+  const payload = data ?? null;
+  if (payload?.error) return { ok: false, error: payload.error, message: payload.message };
+  const context = error?.context;
+  if (context?.error) return { ok: false, error: context.error, message: context.message };
+  return { ok: false, error: "send_failed", message: error instanceof Error ? error.message : void 0 };
+}
+async function sendTestMessage(input) {
+  const supabase = getSupabaseClientOptional();
+  const tenantId = getActiveTenantId();
+  if (!supabase || !tenantId) return { ok: false, error: "not_available" };
+  const { data, error } = await supabase.functions.invoke(SEND_FUNCTION, {
+    body: {
+      test: true,
+      tenantId,
+      channel: input.channel,
+      eventKey: input.eventKey,
+      to: input.to,
+      variables: input.variables,
+      subject: { type: "test", id: crypto.randomUUID() },
+      ...input.template ? { template: input.template } : {}
+    }
+  });
+  if (error || data?.error) return readFunctionError(error, data);
+  return { ok: true };
+}
 function useOrganizationStoreLike() {
   return useOrganizationStore((s) => s.currentOrg?.id);
 }
-
-// src/lib/connector-automations.ts
-function connectorAutomationRows(connectors) {
-  const out = [];
-  for (const connector of connectors) {
-    if (connector.state !== "connected") continue;
-    for (const auto of connector.definition?.managedAutomations ?? []) {
-      out.push({
-        connectorId: connector.id,
-        connectorName: connector.name,
-        hostPluginId: connector.hostPluginId,
-        icon: connector.icon,
-        logoUrl: connector.logoUrl,
-        eventKey: auto.eventKey,
-        label: auto.label,
-        optional: auto.optional ?? false,
-        ...connector.definition?.listDeliveries ? { listDeliveries: connector.definition.listDeliveries.bind(connector.definition) } : {}
-      });
-    }
-  }
-  return out;
+function toTemplate(automation) {
+  const eventKey = automation.triggerConfig?.eventKey;
+  if (!eventKey) return null;
+  const action = automation.actions?.[0];
+  return {
+    id: automation.id,
+    tenantId: automation.tenantId ?? "",
+    eventKey,
+    channel: automation.triggerConfig.sourceChannel ?? "email",
+    enabled: automation.enabled,
+    // Empty and absent mean the same — "no customisation", the catalogue default.
+    subject: action?.config?.subject || null,
+    body: action?.config?.body || null,
+    // The automation name belongs to the platform, not a user rename: the
+    // catalogue title still owns the screen.
+    name: null,
+    // The platform's automation action carries a subject and a body and nothing
+    // else, so there is nowhere for a customised button to live yet. NULL, not
+    // [], because the catalogue default is what still applies — an empty list
+    // would read as "this tenant removed the buttons".
+    actions: null,
+    updatedAt: automation.updatedAt
+  };
 }
-function groupConnectorAutomations(rows) {
-  const groups = [];
-  for (const row of rows) {
-    let group = groups.find((g) => g.connectorId === row.connectorId);
-    if (!group) {
-      group = {
-        connectorId: row.connectorId,
-        connectorName: row.connectorName,
-        hostPluginId: row.hostPluginId,
-        icon: row.icon,
-        logoUrl: row.logoUrl,
-        items: []
-      };
-      groups.push(group);
+function catalogDefaultEnabled(eventKey, channel) {
+  const def = getMessageDefaults().find((d) => d.eventKey === eventKey);
+  return def?.defaultEnabled?.[channel] ?? false;
+}
+async function defaultSessionToken() {
+  const session = (await getFayzSupabaseClientOptional()?.auth.getSession())?.data.session;
+  return session?.access_token ?? null;
+}
+function createFayzTemplateStore(connection, deps = {}) {
+  const client = deps.client ?? createFayzAutomationsClient({
+    baseUrl: connection.apiBaseUrl,
+    projectId: connection.projectId,
+    publishableKey: connection.publishableKey
+  });
+  const getSessionToken = deps.getSessionToken ?? defaultSessionToken;
+  const ids = /* @__PURE__ */ new Map();
+  const keyOf = (eventKey, channel) => `${eventKey}:${channel}`;
+  async function refresh(tenantId) {
+    const automations = await client.list({ tenantId });
+    ids.clear();
+    const rows = [];
+    for (const automation of automations) {
+      const row = toTemplate(automation);
+      if (!row) continue;
+      ids.set(keyOf(row.eventKey, row.channel), automation.id);
+      rows.push(row);
     }
-    group.items.push(row);
+    return rows;
   }
-  return groups;
+  const LIST_TTL_MS = 3e4;
+  let cache = null;
+  function invalidate() {
+    cache = null;
+  }
+  function load(tenantId) {
+    if (cache && cache.tenantId === tenantId && Date.now() - cache.at < LIST_TTL_MS) return cache.promise;
+    const promise = refresh(tenantId);
+    promise.catch(() => {
+      if (cache?.promise === promise) cache = null;
+    });
+    cache = { tenantId, at: Date.now(), promise };
+    return promise;
+  }
+  async function requireToken() {
+    const token = await getSessionToken();
+    if (!token) throw new Error("Sess\xE3o expirada \u2014 entre de novo.");
+    return token;
+  }
+  async function resolveId(eventKey, channel, tenantId) {
+    const key = keyOf(eventKey, channel);
+    if (!ids.has(key)) await load(tenantId);
+    return ids.get(key);
+  }
+  return {
+    async list(tenantId) {
+      if (!tenantId) return [];
+      return load(tenantId);
+    },
+    async upsert(input, tenantId) {
+      if (!tenantId) throw new Error("@fayz-ai/plugin-automations: tenantId is required");
+      const appSessionToken = await requireToken();
+      const key = keyOf(input.eventKey, input.channel);
+      let id = await resolveId(input.eventKey, input.channel, tenantId);
+      if (!id) {
+        const action = {};
+        if (input.subject != null) action.subject = input.subject;
+        if (input.body != null) action.body = input.body;
+        try {
+          const created = await client.create({
+            tenantId,
+            appSessionToken,
+            eventKey: input.eventKey,
+            sourceChannel: input.channel,
+            // The platform has no "inherit from catalogue": materialise the default.
+            enabled: input.enabled ?? catalogDefaultEnabled(input.eventKey, input.channel),
+            ...Object.keys(action).length ? { action } : {}
+          });
+          ids.set(key, created.id);
+          invalidate();
+          const row2 = toTemplate(created);
+          if (!row2) throw new Error("@fayz-ai/plugin-automations: platform did not round-trip eventKey");
+          return row2;
+        } catch (err) {
+          if (!(err instanceof FayzAutomationsError) || err.status !== 409) throw err;
+          invalidate();
+          await refresh(tenantId);
+          id = ids.get(key);
+          if (!id) throw err;
+        }
+      }
+      const updated = await client.update({
+        id,
+        tenantId,
+        appSessionToken,
+        // Only what was sent: omitting has to mean "leave it alone", as in the local store.
+        ...typeof input.enabled === "boolean" ? { enabled: input.enabled } : {},
+        ...input.subject !== void 0 || input.body !== void 0 ? {
+          action: {
+            ...input.subject !== void 0 ? { subject: input.subject } : {},
+            ...input.body !== void 0 ? { body: input.body } : {}
+          }
+        } : {}
+      });
+      invalidate();
+      const row = toTemplate(updated);
+      if (!row) throw new Error("@fayz-ai/plugin-automations: platform did not round-trip eventKey");
+      return row;
+    },
+    async reset(eventKey, channel, tenantId) {
+      if (!tenantId) return;
+      const id = await resolveId(eventKey, channel, tenantId);
+      if (!id) return;
+      const appSessionToken = await requireToken();
+      await client.update({ id, tenantId, appSessionToken, action: { subject: null, body: null } });
+      invalidate();
+    }
+  };
 }
-function ConnectorAutomations({ rows }) {
-  if (rows.length === 0) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: groupConnectorAutomations(rows).map((group) => {
-    const href = connectorRoute({ hostPluginId: group.hostPluginId });
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: group.connectorName }),
-      group.items.map((row) => /* @__PURE__ */ jsx(
-        AutomationCard,
-        {
-          row,
-          group,
-          href
-        },
-        `${group.connectorId}:${row.eventKey}`
-      ))
-    ] }, group.connectorId);
-  }) });
+var cachedClient = null;
+function getFayzAutomationsClient(connection) {
+  const key = `${connection.apiBaseUrl}|${connection.projectId}|${connection.publishableKey}`;
+  if (cachedClient?.key === key) return cachedClient.client;
+  const client = createFayzAutomationsClient({
+    baseUrl: connection.apiBaseUrl,
+    projectId: connection.projectId,
+    publishableKey: connection.publishableKey
+  });
+  cachedClient = { key, client };
+  return client;
 }
-function AutomationCard({
-  row,
-  group,
-  href
-}) {
-  const [open, setOpen] = React3.useState(false);
-  return /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
+var STATUS = {
+  sent: { label: "Enviado", hint: "A mensagem saiu.", variant: "success", Icon: CircleCheck },
+  recorded: {
+    label: "Disparou",
+    // Today's honest state: the trigger works, the send doesn't exist yet.
+    hint: "O gatilho disparou e ficou registrado. O envio autom\xE1tico ainda n\xE3o est\xE1 ligado neste ambiente.",
+    variant: "info",
+    Icon: History
+  },
+  skipped: { label: "Ignorado", hint: "O gatilho disparou, mas nada foi enviado \u2014 automa\xE7\xE3o desligada ou sem canal.", variant: "warning", Icon: CircleSlash },
+  failed: { label: "Falhou", hint: "A tentativa de envio quebrou. O erro est\xE1 na linha.", variant: "destructive", Icon: AlertTriangle }
+};
+function when(iso) {
+  const then = new Date(iso).getTime();
+  const diff = Date.now() - then;
+  const min = Math.round(diff / 6e4);
+  if (min < 1) return "agora";
+  if (min < 60) return `h\xE1 ${min} min`;
+  const h = Math.round(min / 60);
+  if (h < 24) return `h\xE1 ${h} h`;
+  return new Date(iso).toLocaleString("pt-BR", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
+}
+function RunRow({ run }) {
+  const [open, setOpen] = React4__default.useState(false);
+  const cfg = STATUS[run.status] ?? STATUS.recorded;
+  const { Icon } = cfg;
+  return /* @__PURE__ */ jsxs("div", { className: "border-b border-border last:border-b-0", children: [
     /* @__PURE__ */ jsxs(
-      "div",
+      "button",
       {
-        role: "button",
-        tabIndex: 0,
-        onClick: () => adminNavigateTo(href),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            adminNavigateTo(href);
-          }
-        },
-        className: "flex cursor-pointer items-start gap-4 p-4 transition-colors hover:bg-muted/30 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        type: "button",
+        onClick: () => setOpen(!open),
+        className: "flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors hover:bg-muted/40",
         children: [
-          /* @__PURE__ */ jsx(
-            ConnectorMark,
-            {
-              connector: {
-                id: group.connectorId,
-                name: group.connectorName,
-                icon: group.icon,
-                logoUrl: group.logoUrl
-              },
-              size: "sm"
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("p", { className: "font-medium", children: row.label }),
-            /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-              "Quando ",
-              /* @__PURE__ */ jsx("code", { className: "font-mono text-xs", children: row.eventKey }),
-              " acontece aqui."
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "shrink-0 pt-0.5 text-right text-xs text-muted-foreground", children: row.optional ? `Opcional \u2014 desligue em ${group.connectorName}` : `Ligada pela integra\xE7\xE3o \xB7 sai ao desconectar ${group.connectorName}` })
+          /* @__PURE__ */ jsx(ChevronRight, { className: `h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-90" : ""}` }),
+          /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(Badge, { variant: cfg.variant, children: cfg.label }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-muted-foreground", children: typeof run.payload.record_name === "string" ? run.payload.record_name : typeof run.payload.customer_name === "string" ? run.payload.customer_name : typeof run.payload.contact_name === "string" ? run.payload.contact_name : run.subjectId ?? "\u2014" }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: when(run.occurredAt) })
         ]
       }
     ),
-    row.listDeliveries && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => setOpen(!open),
-          "aria-expanded": open,
-          className: "flex w-full items-center gap-2 border-t border-border px-4 py-2 text-left transition-colors hover:bg-muted/40",
-          children: [
-            /* @__PURE__ */ jsx(ChevronRight, { className: `h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-90" : ""}` }),
-            /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium", children: [
-              "O que j\xE1 foi para o ",
-              group.connectorName
-            ] })
-          ]
-        }
-      ),
-      open && /* @__PURE__ */ jsx("div", { className: "border-t border-border p-4", children: /* @__PURE__ */ jsx(
-        ConnectorDeliveries,
-        {
-          load: (options) => row.listDeliveries({ ...options, eventKey: row.eventKey }),
-          providerName: group.connectorName
-        }
-      ) })
+    open && /* @__PURE__ */ jsxs("div", { className: "space-y-3 bg-muted/20 px-4 pb-4 pt-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: cfg.hint }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Dados do disparo" }),
+        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-md border border-border bg-card p-3 font-mono text-[11px] leading-relaxed", children: JSON.stringify(run.payload, null, 2) })
+      ] }),
+      run.result && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Resultado" }),
+        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-md border border-border bg-card p-3 font-mono text-[11px] leading-relaxed", children: JSON.stringify(run.result, null, 2) })
+      ] }),
+      run.error && /* @__PURE__ */ jsx("p", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 font-mono text-[11px] text-destructive", children: run.error })
     ] })
   ] });
 }
-var CHANNEL_ICON = {
-  email: Mail,
-  whatsapp: MessageCircle,
-  sms: Smartphone,
-  push: MessageSquare,
-  webchat: MessageSquare
+function RunLog({ eventKey, tenantId, enabled }) {
+  const [runs, setRuns] = React4__default.useState(null);
+  const [loading, setLoading] = React4__default.useState(false);
+  const load = React4__default.useCallback(async () => {
+    setLoading(true);
+    setRuns(await loadEventRuns(eventKey, { tenantId, limit: 20 }));
+    setLoading(false);
+  }, [eventKey, tenantId]);
+  React4__default.useEffect(() => {
+    void load();
+  }, [load]);
+  return /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-2.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Execu\xE7\xF5es recentes" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Cada vez que este gatilho disparou nesta conta." })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => void load(), disabled: loading, children: /* @__PURE__ */ jsx(RefreshCw, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` }) })
+    ] }),
+    runs === null ? /* @__PURE__ */ jsx("div", { className: "space-y-2 p-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "h-8 animate-pulse rounded bg-muted/40" }, i)) }) : runs.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 px-4 py-10 text-center", children: [
+      /* @__PURE__ */ jsx(History, { className: "h-7 w-7 text-muted-foreground/40", strokeWidth: 1.5 }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Nenhum disparo ainda" }),
+      /* @__PURE__ */ jsx("p", { className: "max-w-sm text-xs text-muted-foreground", children: enabled ? "Assim que este evento acontecer, ele aparece aqui \u2014 mesmo antes de existir envio." : "A automa\xE7\xE3o est\xE1 desligada. O gatilho continua sendo registrado aqui quando o evento acontecer." })
+    ] }) : /* @__PURE__ */ jsx("div", { children: runs.map((run) => /* @__PURE__ */ jsx(RunRow, { run }, run.id)) })
+  ] });
+}
+var EXEC_STATUS = {
+  success: { label: "Executada", variant: "success", Icon: CircleCheck },
+  error: { label: "Falhou", variant: "destructive", Icon: AlertTriangle }
+};
+function ExecutionRow({ execution }) {
+  const cfg = EXEC_STATUS[execution.status] ?? { label: execution.status, variant: "info", Icon: History };
+  const { Icon } = cfg;
+  return /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-4 py-2.5 last:border-b-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(Badge, { variant: cfg.variant, children: cfg.label }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-muted-foreground", children: execution.automationName }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: when(execution.executedAt) })
+    ] }),
+    execution.error && /* @__PURE__ */ jsx("p", { className: "ml-6 mt-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 font-mono text-[11px] text-destructive", children: execution.error })
+  ] });
+}
+function FayzRunLog({ connection, eventKey, tenantId, enabled }) {
+  const [executions, setExecutions] = React4__default.useState(null);
+  const [loading, setLoading] = React4__default.useState(false);
+  const load = React4__default.useCallback(async () => {
+    if (!tenantId) return;
+    setLoading(true);
+    try {
+      setExecutions(await getFayzAutomationsClient(connection).listExecutions({ tenantId, eventKey, limit: 20 }));
+    } catch (err) {
+      console.warn("[automations] could not load platform executions", err);
+      setExecutions([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [connection, eventKey, tenantId]);
+  React4__default.useEffect(() => {
+    void load();
+  }, [load]);
+  return /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-2.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Execu\xE7\xF5es recentes" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "O que a plataforma Fayz executou para este gatilho nesta conta." })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => void load(), disabled: loading, children: /* @__PURE__ */ jsx(RefreshCw, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` }) })
+    ] }),
+    executions === null ? /* @__PURE__ */ jsx("div", { className: "space-y-2 p-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "h-8 animate-pulse rounded bg-muted/40" }, i)) }) : executions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 px-4 py-10 text-center", children: [
+      /* @__PURE__ */ jsx(History, { className: "h-7 w-7 text-muted-foreground/40", strokeWidth: 1.5 }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Nenhuma execu\xE7\xE3o ainda" }),
+      /* @__PURE__ */ jsx("p", { className: "max-w-sm text-xs text-muted-foreground", children: enabled ? "Assim que este evento acontecer, a plataforma executa a automa\xE7\xE3o e o resultado aparece aqui." : "A automa\xE7\xE3o est\xE1 desligada \u2014 a plataforma n\xE3o executa nada para este gatilho." })
+    ] }) : /* @__PURE__ */ jsx("div", { children: executions.map((e) => /* @__PURE__ */ jsx(ExecutionRow, { execution: e }, e.id)) })
+  ] });
+}
+
+// src/views/whatsapp-preview-bg.ts
+var WHATSAPP_PREVIEW_BG = "https://assets.fayz.ai/connectors/whatsapp-background.jpg";
+var PROVIDER_TEMPLATES_TABLE = "plg_automations_provider_templates";
+function rowToProviderTemplate(row) {
+  return {
+    id: row.id,
+    tenantId: row.tenant_id ?? null,
+    eventKey: row.event_key,
+    channel: row.channel ?? "whatsapp",
+    provider: row.provider ?? "tyxter",
+    templateName: row.template_name ?? "",
+    status: row.status ?? "draft",
+    rejectionReason: row.rejection_reason || null,
+    updatedAt: row.updated_at ?? row.created_at ?? null
+  };
+}
+async function loadProviderTemplates() {
+  const client = getSupabaseClientOptional();
+  if (!client) return [];
+  try {
+    const { data, error } = await client.from(PROVIDER_TEMPLATES_TABLE).select("*");
+    if (error) throw error;
+    return (data ?? []).map(rowToProviderTemplate);
+  } catch (err) {
+    console.warn("[automations] could not load provider template status", err);
+    return [];
+  }
+}
+function providerTemplateFor(rows, eventKey, channel) {
+  const matching = rows.filter((r) => r.eventKey === eventKey && r.channel === channel);
+  return {
+    own: matching.find((r) => r.tenantId !== null) ?? null,
+    fallback: matching.find((r) => r.tenantId === null) ?? null
+  };
+}
+function providerApprovalFor(rows, eventKey, channel) {
+  if (channel !== "whatsapp") return null;
+  const { own, fallback } = providerTemplateFor(rows, eventKey, channel);
+  const row = own ?? fallback;
+  if (!row) return null;
+  const fallbackApproved = fallback?.status === "approved";
+  switch (row.status) {
+    case "approved":
+      return { tone: "ok", label: "Aprovado pela Meta" };
+    case "rejected":
+      return {
+        tone: fallbackApproved && own ? "waiting" : "error",
+        label: fallbackApproved && own ? "Seu texto foi recusado" : "Recusado pela Meta",
+        detail: row.rejectionReason ? `Motivo: ${row.rejectionReason}` : "A Meta n\xE3o disse o motivo."
+      };
+    case "paused":
+      return {
+        tone: "error",
+        label: "Pausado pela Meta",
+        detail: row.rejectionReason ?? "Costuma ser excesso de marca\xE7\xF5es de spam pelos clientes."
+      };
+    case "disabled":
+      return { tone: "error", label: "Desativado pela Meta", detail: row.rejectionReason ?? void 0 };
+    case "submitted":
+      return {
+        tone: "waiting",
+        label: "Aguardando aprova\xE7\xE3o da Meta",
+        detail: fallbackApproved && own ? "At\xE9 l\xE1 a mensagem sai com o texto padr\xE3o." : "A revis\xE3o costuma levar algumas horas."
+      };
+    default:
+      return { tone: "waiting", label: "Ainda n\xE3o enviado para aprova\xE7\xE3o" };
+  }
+}
+var TONE_VARIANT = {
+  ok: "success",
+  waiting: "warning",
+  error: "destructive"
+};
+function ProviderTemplateBadge({ approval, showDetail }) {
+  if (!approval) return null;
+  if (approval.tone === "ok" && !showDetail) return null;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex flex-wrap items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(Badge, { variant: TONE_VARIANT[approval.tone], children: approval.label }),
+    showDetail && approval.detail && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: approval.detail })
+  ] });
+}
+function useProviderTemplates() {
+  const [rows, setRows] = React4__default.useState([]);
+  React4__default.useEffect(() => {
+    let cancelled = false;
+    void loadProviderTemplates().then((data) => {
+      if (!cancelled) setRows(data);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return rows;
+}
+var ACTION_CATALOG = [
+  { id: "confirm", label: "Confirma", kind: "reply", hint: "O cliente confirma o hor\xE1rio no toque." },
+  { id: "cancel", label: "Cancela", kind: "reply", hint: "O cliente desmarca sem precisar ligar." },
+  { id: "pay", label: "Pagar", kind: "payment", hint: "O cliente recebe o Pix na conversa." }
+];
+function nextActions(current, id, on) {
+  const kept = new Set(current.filter((a) => a.id !== id).map((a) => a.id));
+  if (on) kept.add(id);
+  const labels = new Map(current.map((a) => [a.id, a.label]));
+  return ACTION_CATALOG.filter((a) => kept.has(a.id)).map((a) => ({ id: a.id, label: labels.get(a.id) ?? a.label, kind: a.kind }));
+}
+var TEST_ERROR = {
+  template_not_approved: "O modelo ainda n\xE3o foi aprovado pela Meta \u2014 sincronize os modelos e tente de novo.",
+  no_sender: "Este app ainda n\xE3o tem um n\xFAmero de WhatsApp ativo. Veja Conversas \u2192 Tyxter.",
+  not_connected: "O WhatsApp ainda n\xE3o est\xE1 conectado neste app. Veja Conversas \u2192 Tyxter.",
+  contact_opted_out: "Este contato pediu para n\xE3o receber mensagens.",
+  invalid_recipient: "Esse destino n\xE3o parece v\xE1lido.",
+  not_a_member: "A sua sess\xE3o n\xE3o pertence a este neg\xF3cio.",
+  not_available: "O envio de teste n\xE3o est\xE1 dispon\xEDvel neste ambiente.",
+  email_not_configured: "O envio de e-mail n\xE3o est\xE1 configurado neste app.",
+  template_not_found: "Escreva a mensagem antes de testar.",
+  email_rejected: "O provedor de e-mail recusou a mensagem.",
+  email_credential_rejected: "A chave de e-mail do app foi recusada pelo provedor.",
+  email_rate_limited: "O provedor pediu uma pausa \u2014 tente de novo em instantes."
 };
+function TestSendStrip({ eventKey, channel, placeholders, template }) {
+  const isEmail = channel === "email";
+  const [recipient, setRecipient] = React4__default.useState("");
+  const [sending, setSending] = React4__default.useState(false);
+  const valid = isEmail ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(recipient.trim()) : recipient.replace(/\D/g, "").length >= 10;
+  const send = async () => {
+    setSending(true);
+    try {
+      const variables = Object.fromEntries(placeholders.map((p) => {
+        const key = p.replace(/[{}]/g, "").trim();
+        return [key, SAMPLE[key] ?? key];
+      }));
+      const result = await sendTestMessage({ eventKey, channel, to: recipient.trim(), variables, template });
+      if (result.ok) {
+        toast.success(isEmail ? "Teste enviado \u2014 confira a caixa de entrada desse e-mail" : "Teste enviado \u2014 confira o WhatsApp desse n\xFAmero");
+      } else {
+        toast.error(TEST_ERROR[result.error ?? ""] ?? result.message ?? "N\xE3o foi poss\xEDvel enviar o teste");
+      }
+    } finally {
+      setSending(false);
+    }
+  };
+  return (
+    // Sem moldura própria: o strip vive dentro do Card da aba Testar, e uma
+    // borda aqui era o anel duplicado de sempre.
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-end gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: isEmail ? "E-mail que recebe o teste" : "N\xFAmero que recebe o teste" }),
+        isEmail ? /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "email",
+            value: recipient,
+            onChange: (e) => setRecipient(e.target.value),
+            placeholder: "voce@exemplo.com",
+            disabled: sending,
+            "aria-label": "E-mail que recebe o teste",
+            className: "w-full rounded-input border border-input bg-card px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+          }
+        ) : /* @__PURE__ */ jsx(
+          PhoneField,
+          {
+            value: recipient,
+            onChange: setRecipient,
+            placeholder: "(21) 99999-9999",
+            disabled: sending,
+            "aria-label": "N\xFAmero que recebe o teste"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => void send(), disabled: !valid || sending, children: [
+        /* @__PURE__ */ jsx(Send, { className: "mr-2 h-3.5 w-3.5" }),
+        sending ? "Enviando\u2026" : "Enviar teste"
+      ] })
+    ] })
+  );
+}
+var TABS = [
+  { value: "preview", label: "Pr\xE9via" },
+  { value: "code", label: "C\xF3digo" },
+  // O que já aconteceu. Fica ao lado do texto, e não numa tela à parte, porque
+  // é a mesma pergunta em dois tempos: o que vai sair, e o que saiu.
+  { value: "runs", label: "Execu\xE7\xF5es" }
+];
+var TEST_TAB = { value: "test", label: "Testar" };
 var CHANNEL_LABEL = {
   email: "E-mail",
   whatsapp: "WhatsApp",
@@ -156,440 +549,635 @@ var CHANNEL_LABEL = {
   push: "Push",
   webchat: "Chat"
 };
-var KIND_TABS = [
-  { value: "all", label: "Todos" },
-  { value: "transactional", label: "Transacionais" },
-  { value: "marketing", label: "Marketing" }
-];
-var KIND_HINT = {
-  all: "Tudo que o produto sabe enviar, por qualquer canal.",
-  transactional: "Disparados por uma a\xE7\xE3o da pessoa. N\xE3o precisam de opt-in.",
-  marketing: "Iniciativa da empresa. S\xF3 para quem aceitou receber."
+var CHANNEL_ICON = {
+  email: Mail,
+  whatsapp: WhatsAppIcon,
+  sms: Smartphone,
+  push: MessageSquare,
+  webchat: MessageSquare
 };
-function iconFor(name) {
-  if (!name) return Zap;
-  const icons = LucideIcons;
-  return icons[name] ?? Zap;
-}
-function AutomationsList({ store }) {
+var WRITE_MESSAGE_TOOL = {
+  id: "automations.writeMessage",
+  name: "writeAutomationMessage",
+  description: "Writes the subject and body of the automation message the user has open, into the editor (it does NOT save \u2014 the user does). Use ONLY the placeholders listed in the surface state, spelled exactly, including the braces: an invented one renders as literal text in a message a customer reads. Match the channel: e-mail takes a subject and paragraphs; WhatsApp and SMS take no subject and few lines.",
+  icon: "MessageSquare",
+  mode: "read",
+  execution: { plane: "client" },
+  category: "Automations",
+  parameters: {
+    type: "object",
+    properties: {
+      subject: { type: "string", description: "Subject line. Leave empty for channels that have none." },
+      body: { type: "string", description: "Message body, with placeholders where they belong." }
+    },
+    required: ["body"]
+  }
+};
+var SAMPLE = {
+  store_name: "Sua Loja",
+  company_name: "Sua Empresa",
+  customer_name: "Maria Silva",
+  contact_name: "Maria Silva",
+  lead_name: "Maria Silva",
+  order_number: "1042",
+  order_total: "R$ 189,90",
+  order_items: "1 \xD7 Camiseta Cl\xE1ssica \u2014 R$ 89,90\n2 \xD7 Caneca Esmaltada \u2014 R$ 100,00",
+  tracking_code: "BR123456789BR",
+  cart_url: "https://sualoja.com.br/carrinho",
+  deal_name: "Proposta \u2014 Reforma da fachada",
+  deal_value: "R$ 12.400,00",
+  stage_name: "Negocia\xE7\xE3o",
+  owner_name: "Jo\xE3o Pereira",
+  appointment_date: "12/08/2026",
+  appointment_time: "14:30"
+};
+function AutomationDetailPage({ eventKey, channel, store, backTo = "/automations", embedded, onDone }) {
   const tenantId = useOrganizationStoreLike();
   const runtime = usePluginRuntimeOptional();
-  const [messages, setMessages] = React3.useState(null);
-  const [kind, setKind] = React3.useState("all");
-  const { connectors } = useConnectors({ includeGrants: false, includeCatalog: false });
-  const owned = React3.useMemo(() => connectorAutomationRows(connectors ?? []), [connectors]);
-  const reload = React3.useCallback(async () => {
+  const fayzConnection = React4__default.useMemo(() => resolveFayzAgentConnection(), []);
+  const [message, setMessage] = React4__default.useState(void 0);
+  const [tab, setTab] = React4__default.useState("preview");
+  const [device, setDevice] = React4__default.useState("desktop");
+  const [draft, setDraft] = React4__default.useState(null);
+  const [labelDrafts, setLabelDrafts] = React4__default.useState({});
+  const [saving, setSaving] = React4__default.useState(false);
+  const providerTemplates = useProviderTemplates();
+  const { readiness, loading: readinessLoading } = usePaymentReadiness();
+  const back = React4__default.useCallback(
+    () => onDone ? onDone() : adminNavigateTo(backTo),
+    [onDone, backTo]
+  );
+  const surfaceRef = React4__default.useRef({ message, draft });
+  surfaceRef.current = { message, draft };
+  const agentSurface = React4__default.useMemo(() => ({
+    id: "automations.message",
+    pluginId: "automations",
+    instructions: "The user is editing one automation message. `placeholders` in the surface state are the ONLY variables that resolve \u2014 copy them verbatim, braces included. Call writeAutomationMessage once with the whole text; the editor fills and the user reviews before saving.",
+    describe: () => {
+      const o = surfaceRef.current;
+      if (!o.message) return { title: "Automa\xE7\xE3o" };
+      const current2 = o.draft ?? { subject: o.message.subject, body: o.message.body };
+      return {
+        title: `Automa\xE7\xE3o \u2014 ${o.message.event?.title ?? o.message.event?.name ?? ""}`,
+        state: {
+          event: o.message.event?.name ?? null,
+          channel: o.message.channel,
+          hasSubject: o.message.channel === "email",
+          placeholders: Object.keys(SAMPLE).map((key) => `{{${key}}}`),
+          currentSubject: current2.subject,
+          currentBody: current2.body
+        }
+      };
+    },
+    tools: [{
+      tool: WRITE_MESSAGE_TOOL,
+      execute: (args) => {
+        const o = surfaceRef.current;
+        if (!o.message) return { ok: false, error: "no_message_open" };
+        const current2 = o.draft ?? { subject: o.message.subject, body: o.message.body };
+        const body = String(args.body ?? "").trim();
+        if (!body) return { ok: false, error: "empty_body" };
+        const subject = args.subject === void 0 ? current2.subject : String(args.subject);
+        setDraft({ subject, body });
+        setTab("code");
+        return { ok: true, filled: true, saved: false, note: "Draft filled \u2014 the user still has to press Save." };
+      }
+    }]
+  }), []);
+  useAgentSurface(agentSurface);
+  const reload = React4__default.useCallback(async () => {
+    if (!eventKey || !channel) {
+      setMessage(null);
+      return;
+    }
     let overrides = [];
     try {
       overrides = await store.list(tenantId);
     } catch (err) {
-      console.warn("[automations] could not load template overrides; showing defaults", err);
+      console.warn("[automations] could not load overrides; showing defaults", err);
     }
-    setMessages(resolveMessages(overrides, runtime?.events ?? []));
-  }, [store, tenantId, runtime]);
-  React3.useEffect(() => {
+    const found = resolveMessage(decodeURIComponent(eventKey), channel, overrides, runtime?.events ?? []);
+    setMessage(found);
+    if (found) setDraft({ subject: found.subject, body: found.body });
+  }, [eventKey, channel, store, tenantId, runtime]);
+  React4__default.useEffect(() => {
     void reload();
   }, [reload]);
-  const toggle = async (m, enabled) => {
-    setMessages((prev) => prev?.map((x) => x.event.name === m.event.name && x.channel === m.channel ? { ...x, enabled } : x) ?? null);
-    try {
-      await store.upsert({ eventKey: m.event.name, channel: m.channel, enabled }, tenantId);
-      await reload();
-    } catch (err) {
-      console.warn("[automations] toggle failed", err);
-      toast.error("N\xE3o foi poss\xEDvel salvar");
-      await reload();
+  const header = embedded ? null : /* @__PURE__ */ jsx(
+    SubpageHeader,
+    {
+      title: message === void 0 ? "" : message?.override?.name ?? message?.event.title ?? message?.event.name ?? "Automa\xE7\xE3o",
+      parentLabel: "Automa\xE7\xF5es",
+      onBack: back
     }
-  };
-  const visible = (messages ?? []).filter((m) => kind === "all" || m.kind === kind);
-  const ownedVisible = kind === "all" ? owned : [];
-  const activeCount = (messages ?? []).filter((m) => m.enabled).length + owned.length;
-  const totalCount = (messages?.length ?? 0) + owned.length;
-  const groups = [];
-  for (const m of visible) {
-    let g = groups.find((x) => x.module === m.event.pluginId);
-    if (!g) {
-      g = { module: m.event.pluginId, label: m.event.pluginName, items: [] };
-      groups.push(g);
-    }
-    g.items.push(m);
+  );
+  if (message === void 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      header,
+      /* @__PURE__ */ jsx("div", { className: "h-8 w-64 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx(Card, { className: "h-96 animate-pulse" })
+    ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+  if (!message) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      header,
+      /* @__PURE__ */ jsxs(Card, { className: "flex flex-col items-center gap-2 p-12 text-center", children: [
+        /* @__PURE__ */ jsx(Mail, { className: "h-9 w-9 text-muted-foreground/40", strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("p", { className: "font-semibold", children: "Automa\xE7\xE3o n\xE3o encontrada" }),
+        /* @__PURE__ */ jsxs("p", { className: "max-w-sm text-sm text-muted-foreground", children: [
+          "O evento ",
+          /* @__PURE__ */ jsx("code", { className: "font-mono", children: eventKey }),
+          " n\xE3o est\xE1 no cat\xE1logo \u2014 o m\xF3dulo que o registra pode n\xE3o estar instalado nesta conta."
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", className: "mt-2", onClick: back, children: "Voltar para Automa\xE7\xF5es" })
+      ] })
+    ] });
+  }
+  const event = message.event;
+  const fallback = { subject: message.override ? void 0 : message.subject, body: message.body };
+  const ChannelIcon = CHANNEL_ICON[message.channel] ?? Zap;
+  const isWhatsapp = message.channel === "whatsapp";
+  const current = draft ?? { subject: message.subject, body: message.body };
+  const dirty = current.subject !== message.subject || current.body !== message.body;
+  const hasSubject = message.channel === "email";
+  const patch = async (input) => {
+    setSaving(true);
+    try {
+      await store.upsert(input, tenantId);
+      await reload();
+    } catch (err) {
+      console.warn("[automations] save failed", err);
+      toast.error("N\xE3o foi poss\xEDvel salvar");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const save = () => void patch({
+    eventKey: event.name,
+    channel: message.channel,
+    // Igual ao padrão volta a ser "sem personalização", não uma cópia.
+    subject: current.subject.trim() === (fallback?.subject ?? "") ? null : current.subject.trim() || null,
+    body: current.body.trim() === fallback?.body ? null : current.body.trim() || null
+  });
+  const reset = async () => {
+    setDraft({ subject: fallback?.subject ?? "", body: fallback?.body ?? "" });
+    setSaving(true);
+    try {
+      await store.reset(event.name, message.channel, tenantId);
+      await reload();
+      toast.success("Texto restaurado");
+    } catch (err) {
+      console.warn("[automations] reset failed", err);
+      toast.error("N\xE3o foi poss\xEDvel restaurar");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const previewSubject = renderMessageTemplate(current.subject, SAMPLE);
+  const previewBody = renderMessageTemplate(current.body, SAMPLE);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    header,
+    /* @__PURE__ */ jsxs("div", { className: embedded ? "space-y-3" : "flex flex-wrap items-start gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: embedded ? "flex items-start gap-3" : "contents", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border ${isWhatsapp ? "border-[#25D366]/30 bg-[#25D366]/10 text-[#1faf55]" : "border-border text-muted-foreground"}`,
+            children: /* @__PURE__ */ jsx(ChannelIcon, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: "outline", children: CHANNEL_LABEL[message.channel] }),
+            /* @__PURE__ */ jsx(Badge, { variant: "outline", children: message.kind === "marketing" ? "Marketing" : "Transacional" }),
+            message.customized && /* @__PURE__ */ jsx(Badge, { variant: "info", children: "Personalizado" })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-muted-foreground", children: event.description }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx(
+            ProviderTemplateBadge,
+            {
+              approval: providerApprovalFor(providerTemplates, event.name, message.channel),
+              showDetail: true
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: embedded ? "flex items-center gap-2" : "flex shrink-0 flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            size: "md",
+            checked: message.enabled,
+            onCheckedChange: (next) => void patch({ eventKey: event.name, channel: message.channel, enabled: next }),
+            disabled: saving,
+            label: message.enabled ? "Ativa" : "Inativa"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: embedded ? "ml-auto flex items-center gap-2" : "contents", children: [
+          /* @__PURE__ */ jsx(Hint, { label: "Descarta o texto personalizado e volta ao padr\xE3o do produto.", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: embedded ? "ghost" : "outline",
+              size: embedded ? "icon" : void 0,
+              onClick: () => void reset(),
+              disabled: !message.customized || saving,
+              "aria-label": embedded ? "Restaurar padr\xE3o" : void 0,
+              children: [
+                /* @__PURE__ */ jsx(RotateCcw, { className: embedded ? "h-4 w-4" : "mr-2 h-4 w-4" }),
+                !embedded && "Restaurar padr\xE3o"
+              ]
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx(
+            AskAIButton,
+            {
+              variant: embedded ? "ghost" : "outline",
+              label: embedded ? "" : void 0,
+              hint: "Descreva o tom da mensagem\u2026",
+              intro: {
+                role: "setup",
+                persona: "Redator das automa\xE7\xF5es",
+                pitch: "Diga como esta mensagem deve soar.",
+                description: "Escrevo o assunto e o corpo desta automa\xE7\xE3o usando as vari\xE1veis que ela tem \xE0 disposi\xE7\xE3o. O texto cai no editor ao lado para voc\xEA revisar \u2014 nada \xE9 salvo sem voc\xEA.",
+                suggestions: [
+                  { label: "Mais curta e direta" },
+                  { label: "Mais calorosa, com o nome do cliente" },
+                  { label: "Formal, para um p\xFAblico corporativo" }
+                ]
+              }
+            }
+          ),
+          dirty || saving ? /* @__PURE__ */ jsx(Button, { onClick: save, disabled: saving, children: saving ? "Salvando\u2026" : "Salvar" }) : /* @__PURE__ */ jsxs("span", { className: "inline-flex h-9 items-center gap-1 px-2 text-xs font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+            "Salvo"
+          ] })
+        ] })
+      ] })
+    ] }),
     /* @__PURE__ */ jsx(
-      PageTabs,
+      HeaderTabs,
       {
-        className: "mb-0",
-        tabs: KIND_TABS,
-        value: kind,
-        onChange: setKind,
-        "aria-label": "Automa\xE7\xF5es",
-        actions: messages !== null && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-          activeCount,
-          " de ",
-          totalCount,
-          " automa\xE7\xF5es ativas"
-        ] })
+        tabs: isWhatsapp || message.channel === "email" ? [...TABS, TEST_TAB] : TABS,
+        value: tab,
+        onChange: setTab,
+        "aria-label": "Visualiza\xE7\xE3o"
       }
     ),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: KIND_HINT[kind] }),
-    messages === null ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-40 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsx("div", { className: "mt-2 h-3 w-64 animate-pulse rounded bg-muted" })
-    ] }, i)) }) : groups.length === 0 && ownedVisible.length === 0 ? /* @__PURE__ */ jsxs(Card, { className: "flex flex-col items-center gap-1 p-12 text-center", children: [
-      /* @__PURE__ */ jsx(Zap, { className: "mb-2 h-9 w-9 text-muted-foreground/40", strokeWidth: 1.5 }),
-      /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: "Nenhuma automa\xE7\xE3o nesta aba" }),
-      /* @__PURE__ */ jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: "Os eventos v\xEAm dos m\xF3dulos instalados \u2014 a loja traz os do pedido, o CRM os do funil." })
-    ] }) : groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: group.label }),
-      group.items.map((m) => {
-        const Icon = iconFor(m.event.icon ?? m.event.pluginIcon);
-        const ChannelIcon = CHANNEL_ICON[m.channel];
-        const href = `/automations/${encodeURIComponent(m.event.name)}/${m.channel}`;
-        return /* @__PURE__ */ jsx(
-          Card,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2 border-b border-border pb-4 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(Zap, { className: "h-3.5 w-3.5" }),
+        "Gatilho:",
+        /* @__PURE__ */ jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[11px] text-foreground", children: event.name })
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5" }),
+        event.trigger
+      ] }),
+      hasSubject && current.subject && /* @__PURE__ */ jsxs("span", { className: "min-w-0 truncate", children: [
+        "Assunto: ",
+        current.subject
+      ] })
+    ] }),
+    tab === "runs" ? (
+      // Atrás de um projeto Fayz o histórico verdadeiro é o da plataforma —
+      // é ela quem executa. Fora dele, o coletor local continua valendo.
+      fayzConnection ? /* @__PURE__ */ jsx(FayzRunLog, { connection: fayzConnection, eventKey: event.name, tenantId, enabled: message.enabled }) : /* @__PURE__ */ jsx(RunLog, { eventKey: event.name, tenantId, enabled: message.enabled })
+    ) : tab === "preview" ? /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
+      !embedded && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-2.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Pr\xE9via" }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: ["desktop", "mobile"].map((d) => /* @__PURE__ */ jsx(
+          "button",
           {
-            role: "button",
-            tabIndex: 0,
-            onClick: () => adminNavigateTo(href),
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                adminNavigateTo(href);
-              }
-            },
-            className: "cursor-pointer overflow-hidden transition-colors hover:border-primary/40 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 p-4", children: [
-              /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-border text-muted-foreground", children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }) }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-                  /* @__PURE__ */ jsx("p", { className: "font-medium", children: m.override?.name ?? m.event.title ?? m.event.name }),
-                  /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[11px] text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx(ChannelIcon, { className: "h-3 w-3" }),
-                    CHANNEL_LABEL[m.channel]
-                  ] }),
-                  m.customized && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[11px] text-primary", children: "personalizado" })
-                ] }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: m.event.description }),
-                /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
-                  /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-                    /* @__PURE__ */ jsx(Zap, { className: "h-3 w-3" }),
-                    m.event.trigger
+            type: "button",
+            onClick: () => setDevice(d),
+            "aria-label": d === "desktop" ? "Computador" : "Celular",
+            className: `flex h-7 w-7 items-center justify-center rounded-md transition-colors ${device === d ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/60"}`,
+            children: d === "desktop" ? /* @__PURE__ */ jsx(Monitor, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Smartphone, { className: "h-4 w-4" })
+          },
+          d
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: embedded ? "bg-muted/30 p-4" : "bg-muted/30 p-6", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `mx-auto overflow-hidden rounded-card bg-card shadow-sm transition-[max-width] ${device === "mobile" ? "max-w-[380px]" : hasSubject ? "max-w-[600px]" : "max-w-[420px]"}`,
+            children: hasSubject ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: "flex items-center gap-1.5 border-b border-border bg-muted/40 px-4 py-2.5", children: [
+                /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded-full bg-[#ff5f57]" }),
+                /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded-full bg-[#febc2e]" }),
+                /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded-full bg-[#28c840]" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "px-6 pb-4 pt-5", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-base font-semibold leading-snug", children: previewSubject }),
+                /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-semibold text-primary", children: (SAMPLE.store_name ?? "S").charAt(0) }),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold", children: SAMPLE.store_name }),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "para mim" })
                   ] }),
-                  m.subject && /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
-                    "Assunto: ",
-                    m.subject
-                  ] })
+                  /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: "09:41" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
-                /* @__PURE__ */ jsx(
-                  Switch,
-                  {
-                    checked: m.enabled,
-                    onCheckedChange: (next) => void toggle(m, next),
-                    label: m.enabled ? "Ativo" : "Inativo",
-                    "aria-label": `${m.event.title} \u2014 ${CHANNEL_LABEL[m.channel]}`
-                  }
-                ),
-                /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
-              ] })
-            ] })
-          },
-          `${m.event.name}:${m.channel}`
-        );
-      })
-    ] }, group.module)),
-    messages !== null && /* @__PURE__ */ jsx(ConnectorAutomations, { rows: ownedVisible })
+              /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap border-t border-border px-6 py-5 text-sm leading-relaxed", children: previewBody })
+            ] }) : /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "p-4",
+                style: isWhatsapp ? { backgroundImage: `url(${WHATSAPP_PREVIEW_BG})`, backgroundSize: "cover", backgroundPosition: "center" } : void 0,
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap rounded-2xl rounded-tl-sm bg-[#dcf8c6] px-3 py-2 text-sm leading-relaxed text-[#111b21] shadow-sm", children: previewBody }),
+                  message.actions.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-1 space-y-1", children: message.actions.map((action) => /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "rounded-lg bg-white px-3 py-1.5 text-center text-sm font-medium text-[#1e7fd6] shadow-sm",
+                      children: action.label
+                    },
+                    action.id
+                  )) })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "mt-4 text-center text-xs text-muted-foreground", children: "Dados de exemplo \u2014 nenhum registro real foi usado." })
+      ] })
+    ] }) : tab === "test" ? /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: isWhatsapp ? "Envio real, pelo mesmo caminho da automa\xE7\xE3o \u2014 modelo aprovado, n\xFAmero ativo e entrega de verdade, com os dados de exemplo." : "Envio real, pelo mesmo caminho da automa\xE7\xE3o \u2014 vai o texto que est\xE1 na tela, salvo ou n\xE3o, com os dados de exemplo." }),
+      /* @__PURE__ */ jsx(
+        TestSendStrip,
+        {
+          eventKey: event.name,
+          channel: message.channel,
+          placeholders: message.placeholders,
+          template: message.channel === "email" ? { subject: current.subject, body: current.body } : void 0
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(Card, { className: "space-y-4 p-4", children: [
+      hasSubject && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Assunto" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: current.subject,
+            onChange: (e) => setDraft({ ...current, subject: e.target.value }),
+            className: "w-full rounded-input border border-input bg-card px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Mensagem" }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            rows: 14,
+            value: current.body,
+            onChange: (e) => setDraft({ ...current, body: e.target.value }),
+            className: "w-full rounded-input border border-input bg-card px-3 py-2 font-mono text-xs leading-relaxed focus:outline-none focus:ring-2 focus:ring-ring"
+          }
+        )
+      ] }),
+      message.channel === "whatsapp" && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-xs font-medium text-muted-foreground", children: "Bot\xF5es \u2014 o cliente responde no toque, sem digitar" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: ACTION_CATALOG.map((action) => {
+          const active = message.actions.find((a) => a.id === action.id);
+          const on = Boolean(active);
+          const gated = action.id === "pay" && !canOfferPayment(readiness);
+          const blocked = gated && !readinessLoading;
+          const labelValue = labelDrafts[action.id] ?? active?.label ?? action.label;
+          const commitLabel = () => {
+            const next = labelValue.trim();
+            setLabelDrafts((d) => {
+              const { [action.id]: _, ...rest } = d;
+              return rest;
+            });
+            if (!active || !next || next === active.label) return;
+            void patch({
+              eventKey: event.name,
+              channel: message.channel,
+              actions: message.actions.map((a) => a.id === action.id ? { ...a, label: next } : a)
+            });
+          };
+          return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                size: "md",
+                checked: on,
+                disabled: saving || gated,
+                onCheckedChange: (next) => void patch({
+                  eventKey: event.name,
+                  channel: message.channel,
+                  actions: nextActions(message.actions, action.id, next)
+                }),
+                label: on ? "" : action.label
+              }
+            ),
+            on && // O texto do botão como a cliente vê. 25 caracteres é o
+            // teto da Meta para QUICK_REPLY; mudar o texto de um
+            // modelo já aprovado dispara nova aprovação — a
+            // pastilha de status acima conta essa história.
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: labelValue,
+                maxLength: 25,
+                disabled: saving,
+                "aria-label": `Texto do bot\xE3o ${action.label}`,
+                onChange: (e) => setLabelDrafts((d) => ({ ...d, [action.id]: e.target.value })),
+                onBlur: commitLabel,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") e.target.blur();
+                },
+                className: "w-36 rounded-input border border-input bg-card px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: blocked ? "Para cobrar por aqui, configure a conta de pagamento em Conversas \u2192 Tyxter." : action.hint })
+          ] }, action.id);
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-xs font-medium text-muted-foreground", children: "Campos deste evento \u2014 o envio substitui pelo dado real" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: message.placeholders.map((p) => /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground", children: p }, p)) })
+      ] })
+    ] })
   ] });
 }
-function toTemplate(automation) {
-  const eventKey = automation.triggerConfig?.eventKey;
-  if (!eventKey) return null;
-  const action = automation.actions?.[0];
-  return {
-    id: automation.id,
-    tenantId: automation.tenantId ?? "",
-    eventKey,
-    channel: automation.triggerConfig.sourceChannel ?? "email",
-    enabled: automation.enabled,
-    // Empty and absent mean the same — "no customisation", the catalogue default.
-    subject: action?.config?.subject || null,
-    body: action?.config?.body || null,
-    // The automation name belongs to the platform, not a user rename: the
-    // catalogue title still owns the screen.
-    name: null,
-    updatedAt: automation.updatedAt
-  };
-}
-function catalogDefaultEnabled(eventKey, channel) {
-  const def = getMessageDefaults().find((d) => d.eventKey === eventKey);
-  return def?.defaultEnabled?.[channel] ?? false;
-}
-async function defaultSessionToken() {
-  const session = (await getFayzSupabaseClientOptional()?.auth.getSession())?.data.session;
-  return session?.access_token ?? null;
-}
-function createFayzTemplateStore(connection, deps = {}) {
-  const client = deps.client ?? createFayzAutomationsClient({
-    baseUrl: connection.apiBaseUrl,
-    projectId: connection.projectId,
-    publishableKey: connection.publishableKey
-  });
-  const getSessionToken = deps.getSessionToken ?? defaultSessionToken;
-  const ids = /* @__PURE__ */ new Map();
-  const keyOf = (eventKey, channel) => `${eventKey}:${channel}`;
-  async function refresh(tenantId) {
-    const automations = await client.list({ tenantId });
-    ids.clear();
-    const rows = [];
-    for (const automation of automations) {
-      const row = toTemplate(automation);
-      if (!row) continue;
-      ids.set(keyOf(row.eventKey, row.channel), automation.id);
-      rows.push(row);
+
+// src/lib/connector-automations.ts
+function connectorAutomationRows(connectors) {
+  const out = [];
+  for (const connector of connectors) {
+    if (connector.state !== "connected") continue;
+    for (const auto of connector.definition?.managedAutomations ?? []) {
+      out.push({
+        connectorId: connector.id,
+        connectorName: connector.name,
+        hostPluginId: connector.hostPluginId,
+        icon: connector.icon,
+        logoUrl: connector.logoUrl,
+        eventKey: auto.eventKey,
+        label: auto.label,
+        optional: auto.optional ?? false,
+        ...connector.definition?.listDeliveries ? { listDeliveries: connector.definition.listDeliveries.bind(connector.definition) } : {}
+      });
     }
-    return rows;
   }
-  const LIST_TTL_MS = 3e4;
-  let cache = null;
-  function invalidate() {
-    cache = null;
-  }
-  function load(tenantId) {
-    if (cache && cache.tenantId === tenantId && Date.now() - cache.at < LIST_TTL_MS) return cache.promise;
-    const promise = refresh(tenantId);
-    promise.catch(() => {
-      if (cache?.promise === promise) cache = null;
-    });
-    cache = { tenantId, at: Date.now(), promise };
-    return promise;
-  }
-  async function requireToken() {
-    const token = await getSessionToken();
-    if (!token) throw new Error("Sess\xE3o expirada \u2014 entre de novo.");
-    return token;
-  }
-  async function resolveId(eventKey, channel, tenantId) {
-    const key = keyOf(eventKey, channel);
-    if (!ids.has(key)) await load(tenantId);
-    return ids.get(key);
-  }
-  return {
-    async list(tenantId) {
-      if (!tenantId) return [];
-      return load(tenantId);
-    },
-    async upsert(input, tenantId) {
-      if (!tenantId) throw new Error("@fayz-ai/plugin-automations: tenantId is required");
-      const appSessionToken = await requireToken();
-      const key = keyOf(input.eventKey, input.channel);
-      let id = await resolveId(input.eventKey, input.channel, tenantId);
-      if (!id) {
-        const action = {};
-        if (input.subject != null) action.subject = input.subject;
-        if (input.body != null) action.body = input.body;
-        try {
-          const created = await client.create({
-            tenantId,
-            appSessionToken,
-            eventKey: input.eventKey,
-            sourceChannel: input.channel,
-            // The platform has no "inherit from catalogue": materialise the default.
-            enabled: input.enabled ?? catalogDefaultEnabled(input.eventKey, input.channel),
-            ...Object.keys(action).length ? { action } : {}
-          });
-          ids.set(key, created.id);
-          invalidate();
-          const row2 = toTemplate(created);
-          if (!row2) throw new Error("@fayz-ai/plugin-automations: platform did not round-trip eventKey");
-          return row2;
-        } catch (err) {
-          if (!(err instanceof FayzAutomationsError) || err.status !== 409) throw err;
-          invalidate();
-          await refresh(tenantId);
-          id = ids.get(key);
-          if (!id) throw err;
-        }
-      }
-      const updated = await client.update({
-        id,
-        tenantId,
-        appSessionToken,
-        // Only what was sent: omitting has to mean "leave it alone", as in the local store.
-        ...typeof input.enabled === "boolean" ? { enabled: input.enabled } : {},
-        ...input.subject !== void 0 || input.body !== void 0 ? {
-          action: {
-            ...input.subject !== void 0 ? { subject: input.subject } : {},
-            ...input.body !== void 0 ? { body: input.body } : {}
-          }
-        } : {}
-      });
-      invalidate();
-      const row = toTemplate(updated);
-      if (!row) throw new Error("@fayz-ai/plugin-automations: platform did not round-trip eventKey");
-      return row;
-    },
-    async reset(eventKey, channel, tenantId) {
-      if (!tenantId) return;
-      const id = await resolveId(eventKey, channel, tenantId);
-      if (!id) return;
-      const appSessionToken = await requireToken();
-      await client.update({ id, tenantId, appSessionToken, action: { subject: null, body: null } });
-      invalidate();
+  return out;
+}
+function groupConnectorAutomations(rows) {
+  const groups = [];
+  for (const row of rows) {
+    let group = groups.find((g) => g.connectorId === row.connectorId);
+    if (!group) {
+      group = {
+        connectorId: row.connectorId,
+        connectorName: row.connectorName,
+        hostPluginId: row.hostPluginId,
+        icon: row.icon,
+        logoUrl: row.logoUrl,
+        items: []
+      };
+      groups.push(group);
     }
-  };
-}
-var cachedClient = null;
-function getFayzAutomationsClient(connection) {
-  const key = `${connection.apiBaseUrl}|${connection.projectId}|${connection.publishableKey}`;
-  if (cachedClient?.key === key) return cachedClient.client;
-  const client = createFayzAutomationsClient({
-    baseUrl: connection.apiBaseUrl,
-    projectId: connection.projectId,
-    publishableKey: connection.publishableKey
-  });
-  cachedClient = { key, client };
-  return client;
+    group.items.push(row);
+  }
+  return groups;
 }
-var STATUS = {
-  sent: { label: "Enviado", hint: "A mensagem saiu.", variant: "success", Icon: CircleCheck },
-  recorded: {
-    label: "Disparou",
-    // Today's honest state: the trigger works, the send doesn't exist yet.
-    hint: "O gatilho disparou e ficou registrado. O envio autom\xE1tico ainda n\xE3o est\xE1 ligado neste ambiente.",
-    variant: "info",
-    Icon: History
-  },
-  skipped: { label: "Ignorado", hint: "O gatilho disparou, mas nada foi enviado \u2014 automa\xE7\xE3o desligada ou sem canal.", variant: "warning", Icon: CircleSlash },
-  failed: { label: "Falhou", hint: "A tentativa de envio quebrou. O erro est\xE1 na linha.", variant: "destructive", Icon: AlertTriangle }
-};
-function when(iso) {
-  const then = new Date(iso).getTime();
-  const diff = Date.now() - then;
-  const min = Math.round(diff / 6e4);
-  if (min < 1) return "agora";
-  if (min < 60) return `h\xE1 ${min} min`;
-  const h = Math.round(min / 60);
-  if (h < 24) return `h\xE1 ${h} h`;
-  return new Date(iso).toLocaleString("pt-BR", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
+function ConnectorAutomations({ rows }) {
+  if (rows.length === 0) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: groupConnectorAutomations(rows).map((group) => {
+    const href = connectorRoute({ hostPluginId: group.hostPluginId });
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: group.connectorName }),
+      group.items.map((row) => /* @__PURE__ */ jsx(
+        AutomationCard,
+        {
+          row,
+          group,
+          href
+        },
+        `${group.connectorId}:${row.eventKey}`
+      ))
+    ] }, group.connectorId);
+  }) });
 }
-function RunRow({ run }) {
-  const [open, setOpen] = React3.useState(false);
-  const cfg = STATUS[run.status] ?? STATUS.recorded;
-  const { Icon } = cfg;
-  return /* @__PURE__ */ jsxs("div", { className: "border-b border-border last:border-b-0", children: [
+function AutomationCard({
+  row,
+  group,
+  href
+}) {
+  const [open, setOpen] = React4__default.useState(false);
+  return /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
     /* @__PURE__ */ jsxs(
-      "button",
+      "div",
       {
-        type: "button",
-        onClick: () => setOpen(!open),
-        className: "flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors hover:bg-muted/40",
+        role: "button",
+        tabIndex: 0,
+        onClick: () => adminNavigateTo(href),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            adminNavigateTo(href);
+          }
+        },
+        className: "flex cursor-pointer items-start gap-4 p-4 transition-colors hover:bg-muted/30 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         children: [
-          /* @__PURE__ */ jsx(ChevronRight, { className: `h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-90" : ""}` }),
-          /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx(Badge, { variant: cfg.variant, children: cfg.label }),
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-muted-foreground", children: typeof run.payload.record_name === "string" ? run.payload.record_name : typeof run.payload.customer_name === "string" ? run.payload.customer_name : typeof run.payload.contact_name === "string" ? run.payload.contact_name : run.subjectId ?? "\u2014" }),
-          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: when(run.occurredAt) })
+          /* @__PURE__ */ jsx(
+            ConnectorMark,
+            {
+              connector: {
+                id: group.connectorId,
+                name: group.connectorName,
+                icon: group.icon,
+                logoUrl: group.logoUrl
+              },
+              size: "sm"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium", children: row.label }),
+            /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+              "Quando ",
+              /* @__PURE__ */ jsx("code", { className: "font-mono text-xs", children: row.eventKey }),
+              " acontece aqui."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 pt-0.5 text-right text-xs text-muted-foreground", children: row.optional ? `Opcional \u2014 desligue em ${group.connectorName}` : `Ligada pela integra\xE7\xE3o \xB7 sai ao desconectar ${group.connectorName}` })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs("div", { className: "space-y-3 bg-muted/20 px-4 pb-4 pt-1", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: cfg.hint }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Dados do disparo" }),
-        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-md border border-border bg-card p-3 font-mono text-[11px] leading-relaxed", children: JSON.stringify(run.payload, null, 2) })
-      ] }),
-      run.result && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Resultado" }),
-        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-md border border-border bg-card p-3 font-mono text-[11px] leading-relaxed", children: JSON.stringify(run.result, null, 2) })
-      ] }),
-      run.error && /* @__PURE__ */ jsx("p", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 font-mono text-[11px] text-destructive", children: run.error })
+    row.listDeliveries && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen(!open),
+          "aria-expanded": open,
+          className: "flex w-full items-center gap-2 border-t border-border px-4 py-2 text-left transition-colors hover:bg-muted/40",
+          children: [
+            /* @__PURE__ */ jsx(ChevronRight, { className: `h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-90" : ""}` }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium", children: [
+              "O que j\xE1 foi para o ",
+              group.connectorName
+            ] })
+          ]
+        }
+      ),
+      open && /* @__PURE__ */ jsx("div", { className: "border-t border-border p-4", children: /* @__PURE__ */ jsx(
+        ConnectorDeliveries,
+        {
+          load: (options) => row.listDeliveries({ ...options, eventKey: row.eventKey }),
+          providerName: group.connectorName
+        }
+      ) })
     ] })
   ] });
 }
-function RunLog({ eventKey, tenantId, enabled }) {
-  const [runs, setRuns] = React3.useState(null);
-  const [loading, setLoading] = React3.useState(false);
-  const load = React3.useCallback(async () => {
-    setLoading(true);
-    setRuns(await loadEventRuns(eventKey, { tenantId, limit: 20 }));
-    setLoading(false);
-  }, [eventKey, tenantId]);
-  React3.useEffect(() => {
-    void load();
-  }, [load]);
-  return /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-2.5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Execu\xE7\xF5es recentes" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Cada vez que este gatilho disparou nesta conta." })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => void load(), disabled: loading, children: /* @__PURE__ */ jsx(RefreshCw, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` }) })
-    ] }),
-    runs === null ? /* @__PURE__ */ jsx("div", { className: "space-y-2 p-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "h-8 animate-pulse rounded bg-muted/40" }, i)) }) : runs.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 px-4 py-10 text-center", children: [
-      /* @__PURE__ */ jsx(History, { className: "h-7 w-7 text-muted-foreground/40", strokeWidth: 1.5 }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Nenhum disparo ainda" }),
-      /* @__PURE__ */ jsx("p", { className: "max-w-sm text-xs text-muted-foreground", children: enabled ? "Assim que este evento acontecer, ele aparece aqui \u2014 mesmo antes de existir envio." : "A automa\xE7\xE3o est\xE1 desligada. O gatilho continua sendo registrado aqui quando o evento acontecer." })
-    ] }) : /* @__PURE__ */ jsx("div", { children: runs.map((run) => /* @__PURE__ */ jsx(RunRow, { run }, run.id)) })
-  ] });
-}
-var EXEC_STATUS = {
-  success: { label: "Executada", variant: "success", Icon: CircleCheck },
-  error: { label: "Falhou", variant: "destructive", Icon: AlertTriangle }
+var CONFIGURE_TOOL = {
+  id: "automations.configure",
+  name: "configureAutomation",
+  description: "Turns an automation on or off, and/or rewrites its message. Use the `event` and `channel` values exactly as they appear in the surface state. Placeholders must come from that automation's own list \u2014 an invented one renders as literal text in a message a customer reads. To review several, call once per automation.",
+  icon: "Zap",
+  mode: "persist",
+  execution: { plane: "client" },
+  category: "Automations",
+  parameters: {
+    type: "object",
+    properties: {
+      event: { type: "string", description: "Event key from the surface state." },
+      channel: { type: "string", description: "Channel of that automation (email | whatsapp | sms | in_app)." },
+      enabled: { type: "boolean", description: "Turn it on or off. Omit to leave as is." },
+      subject: { type: "string", description: "New subject. Email only." },
+      body: { type: "string", description: "New message body." }
+    },
+    required: ["event", "channel"]
+  }
+};
+var ASK_AI_ACTION = {
+  label: "Criar com IA",
+  hint: "O que revisar nas automa\xE7\xF5es\u2026",
+  intro: {
+    role: "setup",
+    persona: "Redator das automa\xE7\xF5es",
+    pitch: "Diga o que revisar nas automa\xE7\xF5es.",
+    description: "Vejo todas as automa\xE7\xF5es deste app, quais est\xE3o ligadas e o texto de cada uma. Posso ligar, desligar e reescrever \u2014 em uma ou em v\xE1rias de uma vez. Voc\xEA confirma cada mudan\xE7a.",
+    suggestions: [
+      { label: "Revise as mensagens de pedido no tom da minha marca" },
+      { label: "Ligue as automa\xE7\xF5es de entrega" },
+      { label: "Deixe as mensagens de WhatsApp mais curtas" }
+    ]
+  }
+};
+var CHANNEL_ICON2 = {
+  email: Mail,
+  // The brand glyph, not a generic bubble: in a list of channels, WhatsApp
+  // is recognized by its mark before its label.
+  whatsapp: WhatsAppIcon,
+  sms: Smartphone,
+  push: MessageSquare,
+  webchat: MessageSquare
 };
-function ExecutionRow({ execution }) {
-  const cfg = EXEC_STATUS[execution.status] ?? { label: execution.status, variant: "info", Icon: History };
-  const { Icon } = cfg;
-  return /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-4 py-2.5 last:border-b-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsx(Badge, { variant: cfg.variant, children: cfg.label }),
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-muted-foreground", children: execution.automationName }),
-      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: when(execution.executedAt) })
-    ] }),
-    execution.error && /* @__PURE__ */ jsx("p", { className: "ml-6 mt-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 font-mono text-[11px] text-destructive", children: execution.error })
-  ] });
-}
-function FayzRunLog({ connection, eventKey, tenantId, enabled }) {
-  const [executions, setExecutions] = React3.useState(null);
-  const [loading, setLoading] = React3.useState(false);
-  const load = React3.useCallback(async () => {
-    if (!tenantId) return;
-    setLoading(true);
-    try {
-      setExecutions(await getFayzAutomationsClient(connection).listExecutions({ tenantId, eventKey, limit: 20 }));
-    } catch (err) {
-      console.warn("[automations] could not load platform executions", err);
-      setExecutions([]);
-    } finally {
-      setLoading(false);
-    }
-  }, [connection, eventKey, tenantId]);
-  React3.useEffect(() => {
-    void load();
-  }, [load]);
-  return /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-2.5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Execu\xE7\xF5es recentes" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "O que a plataforma Fayz executou para este gatilho nesta conta." })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => void load(), disabled: loading, children: /* @__PURE__ */ jsx(RefreshCw, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` }) })
-    ] }),
-    executions === null ? /* @__PURE__ */ jsx("div", { className: "space-y-2 p-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "h-8 animate-pulse rounded bg-muted/40" }, i)) }) : executions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 px-4 py-10 text-center", children: [
-      /* @__PURE__ */ jsx(History, { className: "h-7 w-7 text-muted-foreground/40", strokeWidth: 1.5 }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Nenhuma execu\xE7\xE3o ainda" }),
-      /* @__PURE__ */ jsx("p", { className: "max-w-sm text-xs text-muted-foreground", children: enabled ? "Assim que este evento acontecer, a plataforma executa a automa\xE7\xE3o e o resultado aparece aqui." : "A automa\xE7\xE3o est\xE1 desligada \u2014 a plataforma n\xE3o executa nada para este gatilho." })
-    ] }) : /* @__PURE__ */ jsx("div", { children: executions.map((e) => /* @__PURE__ */ jsx(ExecutionRow, { execution: e }, e.id)) })
-  ] });
-}
-var TABS = [
-  { value: "preview", label: "Pr\xE9via" },
-  { value: "code", label: "C\xF3digo" },
-  // O que já aconteceu. Fica ao lado do texto, e não numa tela à parte, porque
-  // é a mesma pergunta em dois tempos: o que vai sair, e o que saiu.
-  { value: "runs", label: "Execu\xE7\xF5es" }
-];
 var CHANNEL_LABEL2 = {
   email: "E-mail",
   whatsapp: "WhatsApp",
@@ -597,239 +1185,287 @@ var CHANNEL_LABEL2 = {
   push: "Push",
   webchat: "Chat"
 };
-var SAMPLE = {
-  store_name: "Sua Loja",
-  company_name: "Sua Empresa",
-  customer_name: "Maria Silva",
-  contact_name: "Maria Silva",
-  lead_name: "Maria Silva",
-  order_number: "1042",
-  order_total: "R$ 189,90",
-  order_items: "1 \xD7 Camiseta Cl\xE1ssica \u2014 R$ 89,90\n2 \xD7 Caneca Esmaltada \u2014 R$ 100,00",
-  tracking_code: "BR123456789BR",
-  cart_url: "https://sualoja.com.br/carrinho",
-  deal_name: "Proposta \u2014 Reforma da fachada",
-  deal_value: "R$ 12.400,00",
-  stage_name: "Negocia\xE7\xE3o",
-  owner_name: "Jo\xE3o Pereira",
-  appointment_date: "12/08/2026",
-  appointment_time: "14:30"
+var KIND_TABS = [
+  { value: "all", label: "Todos", icon: Zap },
+  { value: "transactional", label: "Transacionais", icon: Receipt },
+  { value: "marketing", label: "Marketing", icon: Megaphone }
+];
+var KIND_HINT = {
+  all: "Tudo que o produto sabe enviar, por qualquer canal.",
+  transactional: "Disparados por uma a\xE7\xE3o da pessoa. N\xE3o precisam de opt-in.",
+  marketing: "Iniciativa da empresa. S\xF3 para quem aceitou receber."
 };
-function iconFor2(name) {
+function iconFor(name) {
   if (!name) return Zap;
   const icons = LucideIcons;
   return icons[name] ?? Zap;
 }
-function AutomationDetailPage({ eventKey, channel, store, backTo = "/automations" }) {
-  const tenantId = useOrganizationStoreLike();
-  const runtime = usePluginRuntimeOptional();
-  const fayzConnection = React3.useMemo(() => resolveFayzAgentConnection(), []);
-  const [message, setMessage] = React3.useState(void 0);
-  const [tab, setTab] = React3.useState("preview");
-  const [device, setDevice] = React3.useState("desktop");
-  const [draft, setDraft] = React3.useState(null);
-  const [saving, setSaving] = React3.useState(false);
-  const back = React3.useCallback(() => adminNavigateTo(backTo), [backTo]);
-  const reload = React3.useCallback(async () => {
-    if (!eventKey || !channel) {
-      setMessage(null);
-      return;
-    }
+function readSelection(basePath) {
+  const hash = window.location.hash.slice(1) || "/";
+  if (!hash.startsWith(basePath + "/")) return null;
+  const [eventKey, channel] = hash.slice(basePath.length + 1).split("/");
+  if (!eventKey || !channel) return null;
+  return { eventKey, channel };
+}
+function AutomationsList({ store, variant = "page", basePath = "/automations" }) {
+  const tenantId = useOrganizationStoreLike();
+  const runtime = usePluginRuntimeOptional();
+  const [messages, setMessages] = React4__default.useState(null);
+  const [kind, setKind] = React4__default.useState("all");
+  const { connectors } = useConnectors({ includeGrants: false, includeCatalog: false });
+  const owned = React4__default.useMemo(() => connectorAutomationRows(connectors ?? []), [connectors]);
+  const providerTemplates = useProviderTemplates();
+  const [selected, setSelected] = React4__default.useState(() => readSelection(basePath));
+  React4__default.useEffect(() => {
+    const sync = () => setSelected(readSelection(basePath));
+    sync();
+    window.addEventListener("hashchange", sync);
+    return () => window.removeEventListener("hashchange", sync);
+  }, [basePath]);
+  const reload = React4__default.useCallback(async () => {
     let overrides = [];
     try {
       overrides = await store.list(tenantId);
     } catch (err) {
-      console.warn("[automations] could not load overrides; showing defaults", err);
+      console.warn("[automations] could not load template overrides; showing defaults", err);
     }
-    const found = resolveMessage(decodeURIComponent(eventKey), channel, overrides, runtime?.events ?? []);
-    setMessage(found);
-    if (found) setDraft({ subject: found.subject, body: found.body });
-  }, [eventKey, channel, store, tenantId, runtime]);
-  React3.useEffect(() => {
+    setMessages(resolveMessages(overrides, runtime?.events ?? []));
+  }, [store, tenantId, runtime]);
+  React4__default.useEffect(() => {
     void reload();
   }, [reload]);
-  const header = /* @__PURE__ */ jsx(
-    SubpageHeader,
-    {
-      title: message === void 0 ? "" : message?.override?.name ?? message?.event.title ?? message?.event.name ?? "Automa\xE7\xE3o",
-      parentLabel: "Automa\xE7\xF5es",
-      onBack: back
-    }
-  );
-  if (message === void 0) {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      header,
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-64 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsx(Card, { className: "h-96 animate-pulse" })
-    ] });
-  }
-  if (!message) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      header,
-      /* @__PURE__ */ jsxs(Card, { className: "flex flex-col items-center gap-2 p-12 text-center", children: [
-        /* @__PURE__ */ jsx(Mail, { className: "h-9 w-9 text-muted-foreground/40", strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("p", { className: "font-semibold", children: "Automa\xE7\xE3o n\xE3o encontrada" }),
-        /* @__PURE__ */ jsxs("p", { className: "max-w-sm text-sm text-muted-foreground", children: [
-          "O evento ",
-          /* @__PURE__ */ jsx("code", { className: "font-mono", children: eventKey }),
-          " n\xE3o est\xE1 no cat\xE1logo \u2014 o m\xF3dulo que o registra pode n\xE3o estar instalado nesta conta."
-        ] }),
-        /* @__PURE__ */ jsx(Button, { variant: "outline", className: "mt-2", onClick: back, children: "Voltar para Automa\xE7\xF5es" })
-      ] })
-    ] });
-  }
-  const event = message.event;
-  const fallback = { subject: message.override ? void 0 : message.subject, body: message.body };
-  const Icon = iconFor2(event.icon);
-  const current = draft ?? { subject: message.subject, body: message.body };
-  const dirty = current.subject !== message.subject || current.body !== message.body;
-  const hasSubject = message.channel === "email";
-  const patch = async (input) => {
-    setSaving(true);
+  const surfaceRef = React4__default.useRef({ messages, store, tenantId, reload, basePath });
+  surfaceRef.current = { messages, store, tenantId, reload, basePath };
+  const agentSurface = React4__default.useMemo(() => ({
+    id: "automations.list",
+    pluginId: "automations",
+    instructions: "The user is on the automations list. `automations` in the surface state is the complete set \u2014 use each entry's `event` and `channel` verbatim, and each entry's own `placeholders` when rewriting its text. Call configureAutomation once per automation you change; say afterwards which ones you touched.",
+    describe: () => {
+      const o = surfaceRef.current;
+      return {
+        title: "Automa\xE7\xF5es",
+        state: {
+          automations: (o.messages ?? []).map((m) => ({
+            event: m.event.name,
+            title: m.event.title,
+            channel: m.channel,
+            enabled: m.enabled,
+            customized: Boolean(m.customized),
+            subject: m.subject,
+            body: m.body,
+            // `fields` é o contrato do evento — os mesmos descritores que viram
+            // as merge fields do editor. É de lá que saem os placeholders.
+            placeholders: (m.event.fields ?? []).map((f) => `{{${f.name}}}`)
+          }))
+        }
+      };
+    },
+    tools: [{
+      tool: CONFIGURE_TOOL,
+      execute: async (args) => {
+        const o = surfaceRef.current;
+        const found = (o.messages ?? []).find(
+          (m) => m.event.name === args.event && m.channel === args.channel
+        );
+        if (!found) {
+          return {
+            ok: false,
+            error: "unknown_automation",
+            available: (o.messages ?? []).map((m) => `${m.event.name}/${m.channel}`)
+          };
+        }
+        try {
+          await o.store.upsert({
+            eventKey: found.event.name,
+            channel: found.channel,
+            ...args.enabled === void 0 ? {} : { enabled: Boolean(args.enabled) },
+            ...args.subject === void 0 ? {} : { subject: String(args.subject) },
+            ...args.body === void 0 ? {} : { body: String(args.body) }
+          }, o.tenantId);
+          await o.reload();
+          return {
+            ok: true,
+            event: found.event.name,
+            channel: found.channel,
+            ref: {
+              id: `${found.event.name}/${found.channel}`,
+              label: `${found.event.title ?? found.event.name} \u2014 ${CHANNEL_LABEL2[found.channel] ?? found.channel}`,
+              path: `${o.basePath}/${encodeURIComponent(found.event.name)}/${found.channel}`
+            }
+          };
+        } catch (e) {
+          return { ok: false, error: e instanceof Error ? e.message : String(e) };
+        }
+      }
+    }]
+  }), []);
+  useAgentSurface(agentSurface);
+  const toggle = async (m, enabled) => {
+    setMessages((prev) => prev?.map((x) => x.event.name === m.event.name && x.channel === m.channel ? { ...x, enabled } : x) ?? null);
     try {
-      await store.upsert(input, tenantId);
+      await store.upsert({ eventKey: m.event.name, channel: m.channel, enabled }, tenantId);
       await reload();
     } catch (err) {
-      console.warn("[automations] save failed", err);
+      console.warn("[automations] toggle failed", err);
       toast.error("N\xE3o foi poss\xEDvel salvar");
-    } finally {
-      setSaving(false);
-    }
-  };
-  const save = () => void patch({
-    eventKey: event.name,
-    channel: message.channel,
-    // Igual ao padrão volta a ser "sem personalização", não uma cópia.
-    subject: current.subject.trim() === (fallback?.subject ?? "") ? null : current.subject.trim() || null,
-    body: current.body.trim() === fallback?.body ? null : current.body.trim() || null
-  });
-  const reset = async () => {
-    setDraft({ subject: fallback?.subject ?? "", body: fallback?.body ?? "" });
-    setSaving(true);
-    try {
-      await store.reset(event.name, message.channel, tenantId);
       await reload();
-      toast.success("Texto restaurado");
-    } catch (err) {
-      console.warn("[automations] reset failed", err);
-      toast.error("N\xE3o foi poss\xEDvel restaurar");
-    } finally {
-      setSaving(false);
     }
   };
-  const previewSubject = renderMessageTemplate(current.subject, SAMPLE);
-  const previewBody = renderMessageTemplate(current.body, SAMPLE);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
-    header,
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start gap-3", children: [
-      /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-border text-muted-foreground", children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Badge, { variant: "outline", children: CHANNEL_LABEL2[message.channel] }),
-          /* @__PURE__ */ jsx(Badge, { variant: "outline", children: message.kind === "marketing" ? "Marketing" : "Transacional" }),
-          message.customized && /* @__PURE__ */ jsx(Badge, { variant: "info", children: "Personalizado" })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-muted-foreground", children: event.description })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Hint, { label: "Descarta o texto personalizado e volta ao padr\xE3o do produto.", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => void reset(), disabled: !message.customized || saving, children: [
-          /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }),
-          "Restaurar padr\xE3o"
-        ] }) }) }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            size: "md",
-            checked: message.enabled,
-            onCheckedChange: (next) => void patch({ eventKey: event.name, channel: message.channel, enabled: next }),
-            disabled: saving,
-            label: message.enabled ? "Ativa" : "Inativa"
-          }
-        ),
-        /* @__PURE__ */ jsx(Button, { onClick: save, disabled: !dirty || saving, children: saving ? "Salvando\u2026" : dirty ? "Salvar" : "Salvo" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(HeaderTabs, { tabs: TABS, value: tab, onChange: setTab, "aria-label": "Visualiza\xE7\xE3o" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2 border-b border-border pb-4 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(Zap, { className: "h-3.5 w-3.5" }),
-        "Gatilho:",
-        /* @__PURE__ */ jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[11px] text-foreground", children: event.name })
-      ] }),
-      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5" }),
-        event.trigger
-      ] }),
-      hasSubject && current.subject && /* @__PURE__ */ jsxs("span", { className: "min-w-0 truncate", children: [
-        "Assunto: ",
-        current.subject
-      ] })
-    ] }),
-    tab === "runs" ? (
-      // Atrás de um projeto Fayz o histórico verdadeiro é o da plataforma —
-      // é ela quem executa. Fora dele, o coletor local continua valendo.
-      fayzConnection ? /* @__PURE__ */ jsx(FayzRunLog, { connection: fayzConnection, eventKey: event.name, tenantId, enabled: message.enabled }) : /* @__PURE__ */ jsx(RunLog, { eventKey: event.name, tenantId, enabled: message.enabled })
-    ) : tab === "preview" ? /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-2.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Pr\xE9via" }),
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: ["desktop", "mobile"].map((d) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => setDevice(d),
-            "aria-label": d === "desktop" ? "Computador" : "Celular",
-            className: `flex h-7 w-7 items-center justify-center rounded-md transition-colors ${device === d ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/60"}`,
-            children: d === "desktop" ? /* @__PURE__ */ jsx(Monitor, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Smartphone, { className: "h-4 w-4" })
-          },
-          d
-        )) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "bg-muted/30 p-6", children: [
-        /* @__PURE__ */ jsx(
-          "div",
+  const visible = (messages ?? []).filter((m) => kind === "all" || m.kind === kind);
+  const ownedVisible = kind === "all" ? owned : [];
+  const activeCount = (messages ?? []).filter((m) => m.enabled).length + owned.length;
+  const totalCount = (messages?.length ?? 0) + owned.length;
+  const groups = [];
+  for (const m of visible) {
+    let g = groups.find((x) => x.module === m.event.pluginId);
+    if (!g) {
+      g = { module: m.event.pluginId, label: m.event.pluginName, items: [] };
+      groups.push(g);
+    }
+    g.items.push(m);
+  }
+  const counter = messages !== null && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+    activeCount,
+    " de ",
+    totalCount,
+    " automa\xE7\xF5es ativas"
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    variant !== "panel" ? /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(
+      PageActions,
+      {
+        actions: [{
+          id: "automations-ai",
+          label: ASK_AI_ACTION.label,
+          icon: WandSparkles,
+          intent: "primary",
+          creates: true,
+          onSelect: () => askAI({ hint: ASK_AI_ACTION.hint, intro: ASK_AI_ACTION.intro })
+        }]
+      }
+    ) }) : null,
+    variant === "panel" ? /* @__PURE__ */ jsx(
+      SettingsTabs,
+      {
+        tabs: KIND_TABS.map((t) => ({ id: t.value, label: t.label, IconComp: t.icon })),
+        value: kind,
+        onChange: (id) => setKind(id),
+        "aria-label": "Automa\xE7\xF5es",
+        actions: counter
+      }
+    ) : (
+      /* Mesma faixa das listas e da sub-nav de módulo. */
+      /* @__PURE__ */ jsx(
+        PageTabs,
+        {
+          className: "mb-0",
+          tabs: KIND_TABS.map((t) => ({ value: t.value, label: t.label, icon: t.icon })),
+          value: kind,
+          onChange: setKind,
+          "aria-label": "Automa\xE7\xF5es",
+          actions: counter
+        }
+      )
+    ),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: KIND_HINT[kind] }),
+    messages === null ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-40 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-2 h-3 w-64 animate-pulse rounded bg-muted" })
+    ] }, i)) }) : groups.length === 0 && ownedVisible.length === 0 ? /* @__PURE__ */ jsxs(Card, { className: "flex flex-col items-center gap-1 p-12 text-center", children: [
+      /* @__PURE__ */ jsx(Zap, { className: "mb-2 h-9 w-9 text-muted-foreground/40", strokeWidth: 1.5 }),
+      /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: "Nenhuma automa\xE7\xE3o nesta aba" }),
+      /* @__PURE__ */ jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: "Os eventos v\xEAm dos m\xF3dulos instalados \u2014 a loja traz os do pedido, o CRM os do funil." })
+    ] }) : groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: group.label }),
+      group.items.map((m) => {
+        const Icon = iconFor(m.event.icon ?? m.event.pluginIcon);
+        const ChannelIcon = CHANNEL_ICON2[m.channel];
+        const href = `${basePath}/${encodeURIComponent(m.event.name)}/${m.channel}`;
+        const isOpen = selected != null && decodeURIComponent(selected.eventKey) === m.event.name && selected.channel === m.channel;
+        return /* @__PURE__ */ jsx(
+          Card,
           {
-            className: `mx-auto rounded-lg border border-border bg-card shadow-sm transition-[max-width] ${device === "mobile" ? "max-w-[380px]" : hasSubject ? "max-w-[600px]" : "max-w-[420px]"}`,
-            children: hasSubject ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("div", { className: "border-b border-border px-6 py-4 text-sm font-semibold", children: SAMPLE.store_name }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-1 border-b border-border px-6 py-3", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Assunto" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: previewSubject })
+            role: "button",
+            tabIndex: 0,
+            "aria-current": isOpen || void 0,
+            onClick: () => adminNavigateTo(href),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                adminNavigateTo(href);
+              }
+            },
+            style: isOpen ? { outline: "2px solid hsl(var(--primary) / 0.65)", outlineOffset: "-2px" } : void 0,
+            className: `cursor-pointer overflow-hidden transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ring ${isOpen ? "" : "hover:border-primary/40"}`,
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 p-4", children: [
+              /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-border text-muted-foreground", children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("p", { className: "font-medium", children: m.override?.name ?? m.event.title ?? m.event.name }),
+                  /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[11px] text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx(ChannelIcon, { className: "h-3 w-3" }),
+                    CHANNEL_LABEL2[m.channel]
+                  ] }),
+                  m.customized && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[11px] text-primary", children: "personalizado" }),
+                  /* @__PURE__ */ jsx(
+                    ProviderTemplateBadge,
+                    {
+                      approval: providerApprovalFor(providerTemplates, m.event.name, m.channel)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: m.event.description }),
+                /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(Zap, { className: "h-3 w-3" }),
+                    m.event.trigger
+                  ] }),
+                  m.subject && /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+                    "Assunto: ",
+                    m.subject
+                  ] })
+                ] })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap px-6 py-5 text-sm leading-relaxed", children: previewBody })
-            ] }) : /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap rounded-2xl rounded-tl-sm bg-[#dcf8c6] px-3 py-2 text-sm leading-relaxed text-[#111b21]", children: previewBody }) })
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "mt-4 text-center text-xs text-muted-foreground", children: "Dados de exemplo \u2014 nenhum registro real foi usado." })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs(Card, { className: "space-y-4 p-4", children: [
-      hasSubject && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Assunto" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            value: current.subject,
-            onChange: (e) => setDraft({ ...current, subject: e.target.value }),
-            className: "w-full rounded-input border border-input bg-card px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Mensagem" }),
-        /* @__PURE__ */ jsx(
-          "textarea",
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
+                /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    checked: m.enabled,
+                    onCheckedChange: (next) => void toggle(m, next),
+                    label: m.enabled ? "Ativo" : "Inativo",
+                    "aria-label": `${m.event.title} \u2014 ${CHANNEL_LABEL2[m.channel]}`
+                  }
+                ),
+                /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
+              ] })
+            ] })
+          },
+          `${m.event.name}:${m.channel}`
+        );
+      })
+    ] }, group.module)),
+    messages !== null && /* @__PURE__ */ jsx(ConnectorAutomations, { rows: ownedVisible }),
+    selected && /* @__PURE__ */ jsx(
+      RightRailPage,
+      {
+        title: (messages ?? []).find(
+          (m) => m.event.name === decodeURIComponent(selected.eventKey) && m.channel === selected.channel
+        )?.event.title ?? "Automa\xE7\xE3o",
+        open: true,
+        onClose: () => adminNavigateTo(basePath),
+        width: "max-w-2xl",
+        children: /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsx(
+          AutomationDetailPage,
           {
-            rows: 14,
-            value: current.body,
-            onChange: (e) => setDraft({ ...current, body: e.target.value }),
-            className: "w-full rounded-input border border-input bg-card px-3 py-2 font-mono text-xs leading-relaxed focus:outline-none focus:ring-2 focus:ring-ring"
+            eventKey: selected.eventKey,
+            channel: selected.channel,
+            store,
+            backTo: basePath,
+            embedded: true
           }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-xs font-medium text-muted-foreground", children: "Campos deste evento \u2014 o envio substitui pelo dado real" }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: message.placeholders.map((p) => /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground", children: p }, p)) })
-      ] })
-    ] })
+        ) })
+      }
+    )
   ] });
 }
 var TABLE = "plg_automations_templates";
@@ -848,6 +1484,9 @@ function rowToTemplate(row) {
     subject: row.subject || null,
     body: row.body || null,
     name: row.name || null,
+    // NULL fica NULL pelo mesmo motivo do `enabled`; lista vazia é uma escolha
+    // ("sem botões"), não a ausência de uma.
+    actions: normalizeMessageActions(row.actions),
     updatedAt: row.updated_at ?? row.created_at
   };
 }
@@ -875,6 +1514,7 @@ function createSupabaseTemplateStore() {
       if (input.subject !== void 0) payload.subject = input.subject;
       if (input.body !== void 0) payload.body = input.body;
       if (input.name !== void 0) payload.name = input.name;
+      if (input.actions !== void 0) payload.actions = input.actions;
       const { data, error } = await db().from(TABLE).upsert(payload, { onConflict: "tenant_id,event_key,channel" }).select().single();
       if (error) throw error;
       return rowToTemplate(data);
@@ -894,20 +1534,24 @@ function createAutomationsPlugin(options) {
   const store = options?.store ?? (connection ? createFayzTemplateStore(connection) : createSupabaseTemplateStore());
   startEventLog();
   const inSettings = options?.placement === "settings";
-  const ListPage = () => React3.createElement(AutomationsList, { store });
+  const ListPage = () => React4__default.createElement(AutomationsList, { store });
   ListPage.displayName = "AutomationsList";
-  const DetailPage = (props) => React3.createElement(AutomationDetailPage, {
-    ...props,
+  const SettingsListPage = () => React4__default.createElement(AutomationsList, { store, variant: "panel", basePath: "/settings/automations" });
+  SettingsListPage.displayName = "AutomationsSettings";
+  const RailDetail = ({ params, onClose }) => React4__default.createElement(AutomationDetailPage, {
+    eventKey: params.eventKey,
+    channel: params.channel,
     store,
-    // "Back" must return you through the door you came in: opening the list
-    // inside settings must not drop you on a loose page that app's menu does
-    // not have.
-    backTo: inSettings ? "/settings/automations" : "/automations"
+    backTo: inSettings ? "/settings/automations" : "/automations",
+    embedded: true,
+    onDone: onClose
   });
-  DetailPage.displayName = "AutomationDetail";
+  RailDetail.displayName = "AutomationRailDetail";
+  registerRailPage("automations.detail", RailDetail);
   const READ = { feature: "automations", action: "read" };
   return {
     id: "automations",
+    defaultAgentRole: "setup",
     name: options?.navLabel ?? "Automa\xE7\xF5es",
     icon: "Zap",
     version: "2.0.0",
@@ -929,18 +1573,21 @@ function createAutomationsPlugin(options) {
     ],
     // The SAME list, served inside settings — not a second screen.
     settings: inSettings ? [
-      { id: "automations", label: options?.navLabel ?? "Automa\xE7\xF5es", icon: "Zap", component: ListPage, permission: READ }
+      { id: "automations", label: options?.navLabel ?? "Automa\xE7\xF5es", icon: "Zap", component: SettingsListPage, permission: READ }
     ] : [],
     routes: [
       { path: "/automations", component: ListPage, permission: READ },
-      // One automation's detail. Off-menu: it is a row of the list. Its back
-      // link comes from `backTo`.
-      { path: "/automations/:eventKey/:channel", component: DetailPage, permission: READ }
+      // O detalhe de uma automação é a MESMA tela com a coluna da direita
+      // aberta — a lista continua atrás dela. Por isso o curinga aponta para o
+      // mesmo componente: a shell colapsa '/x' e '/x/*' na mesma chave, então a
+      // página não remonta ao abrir o painel (ver AdminShell.routeKey). Um
+      // segundo componente aqui traria de volta a troca de tela.
+      { path: "/automations/*", component: ListPage, permission: READ }
     ],
     widgets: []
   };
 }
 
-export { createAutomationsPlugin, createFayzTemplateStore, createSupabaseTemplateStore };
+export { PROVIDER_TEMPLATES_TABLE, createAutomationsPlugin, createFayzTemplateStore, createSupabaseTemplateStore, loadProviderTemplates, providerApprovalFor, providerTemplateFor };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map