@fayz-ai/admin 0.61.0 → 0.63.0

package/dist/chunk-U6ZCO2PS.js

@@ -0,0 +1,2964 @@
+import { RightRailPage } from './chunk-JFIU6NQP.js';
+import { SettingsGroup, TextRow, MultiSelectRow, SelectRow, ToggleRow } from './chunk-ENHCVGXZ.js';
+import { useRightRailStore, useRightRailHosted, useRightRailDrill, PageActions } from './chunk-PQ47MLTH.js';
+import { useTranslation } from './chunk-YUHCC7JY.js';
+import { toast } from './chunk-3OUD4XBK.js';
+import { SDK_INTEGRATIONS, knownClientMark, ConnectorMark } from './chunk-WPFZCYZL.js';
+import { useChatStore } from './chunk-KLO7DKXX.js';
+import { useTenantOptional } from './chunk-5D5QLMOQ.js';
+import { getFayzSupabaseClientOptional } from './chunk-KJELMULA.js';
+import React6 from 'react';
+import { createFayzAgentClient } from '@fayz-ai/sdk/agent';
+import { Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Skeleton, Badge, ConfirmDialog, Tabs, TabsList, TabsTrigger, TabsContent, SheetBody, Input, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, PageHeaderActions, toast as toast$1 } from '@fayz-ai/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Sparkles, RefreshCw, ArrowDownLeft, ArrowUpRight, ChevronRight, Loader2, ArrowDownToLine, ArrowUpFromLine, CheckCircle2, XCircle, AlertTriangle, Power, Plug, ChevronLeft, Search, Plus, Clock, Database, Radio, Zap, ExternalLink, Save, Info, ShieldAlert } from 'lucide-react';
+import { isConnectorCategory, connectorSubscribesTo, eventKeyMatches, connectorSettings, usePluginRuntimeOptional, getActiveTenantId, connectorPlanes, connectorPermissions, connectorEntities, preferredPlane, connectorDirection, groupedPermissions, invocationPlane, missingRequiredSettings, connectionKey, isSettingSet, listConnections } from '@fayz-ai/core';
+import { create } from 'zustand';
+import { getConnectorCredentialSink, ConnectorOAuthStarterMissingError } from '@fayz-ai/sdk';
+
+function env(key) {
+  const value = import.meta.env[key];
+  return typeof value === "string" && value.trim() ? value.trim() : void 0;
+}
+function resolveFayzApiBaseUrl(override) {
+  return override ?? env("VITE_FAYZ_API_BASE_URL");
+}
+function resolveFayzAgentConnection(override) {
+  if (override === false) return null;
+  const projectId = override?.projectId ?? env("VITE_FAYZ_PROJECT_ID");
+  const apiBaseUrl = override?.apiBaseUrl ?? env("VITE_FAYZ_API_BASE_URL");
+  const publishableKey = override?.publishableKey ?? env("VITE_FAYZ_AGENT_KEY");
+  if (!projectId || !apiBaseUrl || !publishableKey) return null;
+  return { projectId, apiBaseUrl, publishableKey };
+}
+function describeFayzAgentGap(override) {
+  if (override === false) return null;
+  const missing = [];
+  if (!(override?.projectId ?? env("VITE_FAYZ_PROJECT_ID"))) missing.push("VITE_FAYZ_PROJECT_ID");
+  if (!(override?.apiBaseUrl ?? env("VITE_FAYZ_API_BASE_URL"))) missing.push("VITE_FAYZ_API_BASE_URL");
+  if (!(override?.publishableKey ?? env("VITE_FAYZ_AGENT_KEY"))) missing.push("VITE_FAYZ_AGENT_KEY");
+  return missing.length ? { missing } : null;
+}
+var cached = null;
+function getFayzAgentClient(connection) {
+  const key = `${connection.apiBaseUrl}|${connection.projectId}|${connection.publishableKey}`;
+  if (cached?.key === key) return cached.client;
+  const client = createFayzAgentClient({
+    baseUrl: connection.apiBaseUrl,
+    projectId: connection.projectId,
+    publishableKey: connection.publishableKey
+  });
+  cached = { key, client };
+  return client;
+}
+function ConnectConsentPage({ appName, logo }) {
+  const [state, setState] = React6.useState({ status: "loading" });
+  const [tenantId, setTenantId] = React6.useState("");
+  const request = React6.useMemo(
+    () => new URLSearchParams(window.location.search).get("request") ?? "",
+    []
+  );
+  const connection = React6.useMemo(() => resolveFayzAgentConnection(), []);
+  const product = appName ?? document.title ?? "este app";
+  const authorizedFetch = React6.useCallback(
+    async (path, init) => {
+      if (!connection) throw new Error("Este app n\xE3o est\xE1 ligado a um projeto Fayz.");
+      const supabase = getFayzSupabaseClientOptional();
+      const session = (await supabase?.auth.getSession())?.data.session;
+      if (!session?.access_token) {
+        const back = encodeURIComponent(window.location.pathname + window.location.search);
+        window.location.href = `/login?redirect=${back}`;
+        throw new Error("redirecting");
+      }
+      return fetch(
+        `${connection.apiBaseUrl}/public/projects/${connection.projectId}/agents/oauth${path}`,
+        {
+          ...init,
+          headers: {
+            ...init?.headers ?? {},
+            Authorization: `Bearer ${session.access_token}`,
+            "Content-Type": "application/json"
+          }
+        }
+      );
+    },
+    [connection]
+  );
+  React6.useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      if (!request) {
+        setState({ status: "error", message: "Link de autoriza\xE7\xE3o inv\xE1lido ou incompleto." });
+        return;
+      }
+      try {
+        const response = await authorizedFetch(`/consent/request?request=${encodeURIComponent(request)}`);
+        const body = await response.json();
+        if (cancelled) return;
+        if (!response.ok) {
+          setState({ status: "error", message: body.message ?? "N\xE3o foi poss\xEDvel ler o pedido." });
+          return;
+        }
+        setState({ status: "ready", payload: body });
+        if (body.organizations.length === 1) setTenantId(body.organizations[0].tenantId);
+      } catch (error) {
+        if (cancelled || error.message === "redirecting") return;
+        setState({ status: "error", message: error.message });
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [request, authorizedFetch]);
+  async function approve() {
+    if (!tenantId) return;
+    const previous = state;
+    setState({ status: "approving" });
+    try {
+      const response = await authorizedFetch("/consent", {
+        method: "POST",
+        body: JSON.stringify({ request, tenantId })
+      });
+      const body = await response.json();
+      if (!response.ok || !body.redirectTo) {
+        setState({ status: "error", message: body.message ?? "N\xE3o foi poss\xEDvel autorizar." });
+        return;
+      }
+      window.location.href = body.redirectTo;
+    } catch (error) {
+      if (error.message === "redirecting") return;
+      setState(previous);
+    }
+  }
+  function cancel() {
+    window.history.length > 1 ? window.history.back() : window.location.href = "/";
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen items-center justify-center bg-sidebar p-4", children: /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-md rounded-2xl border border-border/50 bg-card p-8 shadow-2xl", children: [
+    state.status === "loading" && /* @__PURE__ */ jsx(ConsentSkeleton, {}),
+    state.status === "error" && /* @__PURE__ */ jsxs("div", { className: "py-6 text-center", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-foreground", children: "N\xE3o deu para autorizar" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: state.message }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: cancel,
+          className: "mt-6 rounded-button border border-border px-4 py-2 text-sm font-medium hover:bg-muted",
+          children: "Voltar"
+        }
+      )
+    ] }),
+    (state.status === "ready" || state.status === "approving") && /* @__PURE__ */ jsx(
+      ConsentBody,
+      {
+        payload: state.status === "ready" ? state.payload : void 0,
+        product,
+        logo,
+        tenantId,
+        onTenantChange: setTenantId,
+        onApprove: approve,
+        onCancel: cancel,
+        busy: state.status === "approving"
+      }
+    )
+  ] }) });
+}
+function ConsentBody({
+  payload,
+  product,
+  logo,
+  tenantId,
+  onTenantChange,
+  onApprove,
+  onCancel,
+  busy
+}) {
+  if (!payload) return /* @__PURE__ */ jsx(ConsentSkeleton, {});
+  const { client, access, organizations } = payload;
+  const org = organizations.find((o) => o.tenantId === tenantId);
+  const mark = client.logoUri ?? knownClientMark(client.website, client.identityVerified === true, client.name);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-center gap-3", children: [
+      /* @__PURE__ */ jsx(MarkBadge, { fallback: client.name, children: mark ? /* @__PURE__ */ jsx("img", { src: mark, alt: "", className: "h-full w-full object-cover" }) : null }),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u21C4" }),
+      /* @__PURE__ */ jsx(MarkBadge, { fallback: product, children: logo })
+    ] }),
+    /* @__PURE__ */ jsxs("h1", { className: "text-center text-xl font-semibold text-foreground", children: [
+      client.name,
+      " quer acessar seus dados"
+    ] }),
+    /* @__PURE__ */ jsxs("dl", { className: "mt-6 divide-y divide-border overflow-hidden rounded-xl border border-border text-sm", children: [
+      /* @__PURE__ */ jsx(
+        Row,
+        {
+          label: "Aplicativo",
+          value: /* @__PURE__ */ jsxs("span", { children: [
+            client.name,
+            client.identityVerified !== true && // Not an alarm — most CLI clients register themselves and are
+            // perfectly legitimate. But the user is about to hand over an
+            // organization's data, and "this name is self-declared" is a
+            // fact they are entitled to before deciding.
+            /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "nome informado pelo pr\xF3prio aplicativo" })
+          ] })
+        }
+      ),
+      client.website && /* @__PURE__ */ jsx(
+        Row,
+        {
+          label: "Site",
+          value: /* @__PURE__ */ jsx("a", { href: client.website, target: "_blank", rel: "noreferrer noopener", className: "text-primary hover:underline", children: client.website })
+        }
+      ),
+      /* @__PURE__ */ jsx(Row, { label: "Retorna para", value: /* @__PURE__ */ jsx("span", { className: "break-all font-mono text-xs", children: client.redirectUri }) }),
+      /* @__PURE__ */ jsx(
+        Row,
+        {
+          label: "Acesso",
+          value: /* @__PURE__ */ jsxs("span", { children: [
+            access.readOnly ? "Somente leitura" : "Leitura e escrita",
+            /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: access.summary })
+          ] })
+        }
+      )
+    ] }),
+    access.entities && access.entities.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mt-4 space-y-2 rounded-lg border border-border bg-muted/30 p-3", children: access.entities.map((entity) => {
+      const writes = entity.operations.some((operation) => operation !== "read");
+      return /* @__PURE__ */ jsxs("li", { className: "text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: entity.label }),
+        /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: writes ? "ler e escrever" : "somente ler" }),
+        /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: entity.reason })
+      ] }, entity.label);
+    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-5", children: [
+      /* @__PURE__ */ jsx("label", { className: "mb-1.5 block text-sm font-medium text-foreground", children: "Organiza\xE7\xE3o que est\xE1 liberando" }),
+      organizations.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-border bg-muted/40 p-3 text-sm text-muted-foreground", children: "Sua conta n\xE3o pertence a nenhuma organiza\xE7\xE3o neste app, ent\xE3o n\xE3o h\xE1 dados para liberar." }) : organizations.length === 1 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-muted/40 px-3 py-2.5 text-sm", children: [
+        organizations[0].name,
+        organizations[0].role && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs text-muted-foreground", children: [
+          "(",
+          organizations[0].role,
+          ")"
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(Select, { value: tenantId || void 0, onValueChange: onTenantChange, children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: "h-auto rounded-lg border-border py-2.5 shadow-none", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Escolha uma organiza\xE7\xE3o\u2026" }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: organizations.map((o) => /* @__PURE__ */ jsxs(SelectItem, { value: o.tenantId, children: [
+          o.name,
+          o.role ? ` (${o.role})` : ""
+        ] }, o.tenantId)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-5 text-xs leading-relaxed text-muted-foreground", children: [
+      "Ao aprovar, ",
+      client.name,
+      " poder\xE1 ler os dados",
+      org ? ` de ${org.name}` : " da organiza\xE7\xE3o escolhida",
+      " at\xE9 voc\xEA desconectar. Voc\xEA pode desfazer isso a qualquer momento em ",
+      /* @__PURE__ */ jsx("strong", { children: "Configura\xE7\xF5es \u2192 Conectores" }),
+      "."
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: onCancel,
+          disabled: busy,
+          className: "rounded-button border border-border px-4 py-2 text-sm font-medium hover:bg-muted disabled:opacity-50",
+          children: "Cancelar"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: onApprove,
+          disabled: busy || !tenantId,
+          className: "rounded-lg bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 disabled:opacity-50",
+          children: busy ? "Aprovando\u2026" : "Aprovar"
+        }
+      )
+    ] })
+  ] });
+}
+function ConsentSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { "aria-hidden": true, children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-center gap-3", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-xl" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-xl" })
+    ] }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mx-auto h-6 w-64" }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6 divide-y divide-border overflow-hidden rounded-xl border border-border", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4 px-4 py-3", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 shrink-0" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" })
+    ] }, i)) }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mt-5 h-4 w-52" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-11 w-full rounded-lg" }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24 rounded-lg" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24 rounded-lg" })
+    ] })
+  ] });
+}
+function MarkBadge({
+  children,
+  fallback
+}) {
+  if (children) {
+    return (
+      // The node is the app's own, sized for wherever it normally lives (the
+      // sidebar rail sizes it too, via cloneElement). It is stretched to the
+      // badge here rather than by changing the component, which would follow it
+      // everywhere else it is used.
+      /* @__PURE__ */ jsx("div", { className: "h-12 w-12 shrink-0 overflow-hidden rounded-xl [&>*]:h-full [&>*]:w-full [&_img]:h-full [&_img]:w-full [&_img]:rounded-xl [&_img]:object-cover [&_svg]:h-full [&_svg]:w-full", children })
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-border bg-muted text-lg font-semibold", children: fallback.slice(0, 1).toUpperCase() });
+}
+function Row({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-4 px-4 py-3", children: [
+    /* @__PURE__ */ jsx("dt", { className: "w-28 shrink-0 text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: "min-w-0 flex-1 text-foreground", children: value })
+  ] });
+}
+var CATEGORY_LABELS = {
+  database: "Dados",
+  payments: "Pagamentos",
+  banking: "Banco",
+  erp: "ERP",
+  logistics: "Log\xEDstica",
+  marketplace: "Marketplace",
+  ecommerce: "Loja",
+  crm: "CRM",
+  courses: "Cursos",
+  scheduling: "Agenda",
+  messaging: "Mensagens",
+  analytics: "An\xE1lise",
+  local: "Presen\xE7a local",
+  ai: "IA",
+  automation: "Automa\xE7\xE3o"
+};
+function categoryLabel(category) {
+  return category && isConnectorCategory(category) ? CATEGORY_LABELS[category] : void 0;
+}
+var CATEGORY_ORDER = [
+  "payments",
+  "banking",
+  "erp",
+  "marketplace",
+  "ecommerce",
+  "logistics",
+  "crm",
+  "messaging",
+  "scheduling",
+  "courses",
+  "analytics",
+  "local",
+  "ai",
+  "automation",
+  "database"
+];
+function shelveByCategory(items) {
+  const byCategory = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = item.category ?? "_other";
+    const bucket = byCategory.get(key);
+    if (bucket) bucket.push(item);
+    else byCategory.set(key, [item]);
+  }
+  const shelves = [];
+  for (const category of CATEGORY_ORDER) {
+    const bucket = byCategory.get(category);
+    if (!bucket) continue;
+    shelves.push({ key: category, label: categoryLabel(category) || "", items: bucket });
+    byCategory.delete(category);
+  }
+  for (const [key, bucket] of byCategory) {
+    shelves.push({ key, label: key === "_other" ? "" : categoryLabel(key) || "", items: bucket });
+  }
+  return shelves;
+}
+function groupConnectors(connectors) {
+  const granted = connectors.filter((c) => c.granted);
+  const reached = connectors.filter((c) => !c.granted);
+  const byCategory = /* @__PURE__ */ new Map();
+  for (const connector of reached) {
+    const key = connector.category && isConnectorCategory(connector.category) ? connector.category : "_other";
+    const bucket = byCategory.get(key);
+    if (bucket) bucket.push(connector);
+    else byCategory.set(key, [connector]);
+  }
+  const groups = [];
+  if (granted.length > 0) {
+    groups.push({ key: "granted", label: "Conectados a voc\xEA", connectors: granted });
+  }
+  for (const category of CATEGORY_ORDER) {
+    const bucket = byCategory.get(category);
+    if (bucket) groups.push({ key: category, label: CATEGORY_LABELS[category], connectors: bucket });
+  }
+  const other = byCategory.get("_other");
+  if (other) groups.push({ key: "other", label: "Outros", connectors: other });
+  return groups;
+}
+function connectorSlug(def) {
+  return def.catalogSlug ?? def.id;
+}
+var MARK_BY_SLUG = /* @__PURE__ */ new Map();
+for (const row of SDK_INTEGRATIONS) {
+  if (row.logoUrl && !MARK_BY_SLUG.has(row.slug)) MARK_BY_SLUG.set(row.slug, row.logoUrl);
+}
+function fromInstalled(entry, catalog) {
+  const def = entry.definition;
+  const planes = connectorPlanes(def);
+  return {
+    id: def.id,
+    slug: connectorSlug(def),
+    name: def.name,
+    // The catalogue's copy wins: it is served in the user's locale, while a
+    // definition carries whatever language its plugin author wrote it in.
+    description: catalog?.description ?? def.description,
+    direction: connectorDirection(def),
+    planes,
+    activePlane: entry.connected ? entry.plane ?? preferredPlane(def) : void 0,
+    state: entry.connected ? entry.needsSetup ? "needs_setup" : "connected" : "ready",
+    missingSettings: entry.needsSetup ? entry.missingSettings : void 0,
+    hostPluginId: def.hostPluginId,
+    category: def.category ?? catalog?.category,
+    icon: def.icon,
+    logoUrl: def.logoUrl ?? catalog?.logoUrl ?? catalog?.iconUrl ?? MARK_BY_SLUG.get(connectorSlug(def)),
+    // Derived, never read off the field: a connector that declares permissions
+    // does not also keep a parallel list of names for this to pick between.
+    entities: orUndefined(connectorEntities(def)),
+    permissions: orUndefined(connectorPermissions(def)),
+    agentTools: def.agentTools,
+    detail: entry.detail,
+    issues: orUndefined(entry.issues ?? []),
+    docsUrl: def.docsUrl,
+    definition: def
+  };
+}
+function fromGrant(grant) {
+  const tools = grant.capabilities?.tools ?? [];
+  return {
+    id: grant.id,
+    slug: grant.kind || grant.id,
+    name: grant.clientName,
+    description: grant.description ?? void 0,
+    direction: grant.direction,
+    granted: true,
+    planes: ["agentic"],
+    activePlane: "agentic",
+    state: "connected",
+    logoUrl: grant.clientLogoUri,
+    agentTools: tools.map((name) => ({ name })),
+    entityCount: grant.capabilities?.entities,
+    builtIn: grant.builtIn,
+    revocable: grant.revocable,
+    readOnly: grant.readOnly,
+    scopes: grant.scopes,
+    grantedByMe: grant.grantedByMe,
+    identityVerified: grant.identityVerified,
+    clientWebsite: grant.clientWebsite,
+    createdAt: grant.createdAt,
+    lastUsedAt: grant.lastUsedAt,
+    agentConfig: grant.config
+  };
+}
+function buildConnectorList(input) {
+  const catalogBySlug = new Map((input.catalog ?? []).map((c) => [c.slug, c]));
+  const built = (input.installed ?? []).map((entry) => ({
+    entry,
+    row: fromInstalled(entry, catalogBySlug.get(connectorSlug(entry.definition)))
+  }));
+  const perSlug = /* @__PURE__ */ new Map();
+  for (const { row } of built) perSlug.set(row.slug, (perSlug.get(row.slug) ?? 0) + 1);
+  const installed = built.map(
+    ({ entry, row }) => (perSlug.get(row.slug) ?? 0) > 1 && entry.definition.description ? { ...row, description: entry.definition.description } : row
+  );
+  const grants = (input.grants ?? []).map(fromGrant);
+  return sortConnectors([...grants, ...installed]);
+}
+var STATE_RANK = { needs_setup: 0, connected: 1, ready: 2 };
+function sortConnectors(list) {
+  return [...list].sort((a, b) => {
+    const byState = STATE_RANK[a.state] - STATE_RANK[b.state];
+    if (byState !== 0) return byState;
+    return a.name.localeCompare(b.name);
+  });
+}
+function connectorSubscriptions(connector) {
+  if (!isLive(connector.state)) return [];
+  return declaredSubscriptions(connector.definition);
+}
+function isLive(state) {
+  return state === "connected" || state === "needs_setup";
+}
+function orUndefined(list) {
+  return list.length > 0 ? list : void 0;
+}
+function declaredSubscriptions(def) {
+  const automations = def?.managedAutomations ?? [];
+  const out = [];
+  for (const pattern of connectorSubscribesTo(def)) {
+    const covered = automations.filter((a) => eventKeyMatches(pattern, a.eventKey));
+    if (covered.length === 0) out.push({ key: pattern });
+    else for (const a of covered) out.push({ key: a.eventKey, label: a.label });
+  }
+  return out.filter((s, i) => out.findIndex((x) => x.key === s.key) === i);
+}
+function connectorMoments(connector) {
+  return {
+    calls: connector.definition?.invokedAt ?? [],
+    events: declaredSubscriptions(connector.definition)
+  };
+}
+function addableConnectors(list) {
+  return list.filter((c) => c.definition != null || c.direction === "outbound");
+}
+function inCategories(list, categories) {
+  if (!categories?.length) return list;
+  const scope = new Set(categories);
+  return list.filter((item) => !!item.category && scope.has(item.category));
+}
+function shelfIntegrations(input) {
+  const here = new Set(input.present.map((c) => c.slug));
+  const modules = new Set(input.installedModules ?? []);
+  const catalogBySlug = new Map((input.catalog ?? []).map((c) => [c.slug, c]));
+  const bySlug = /* @__PURE__ */ new Map();
+  for (const row of input.map ?? SDK_INTEGRATIONS) {
+    if (here.has(row.slug)) continue;
+    const installed = modules.has(row.moduleId) && modules.has(row.declaredBy.pluginId);
+    const catalog = catalogBySlug.get(row.slug);
+    const candidate = {
+      id: row.slug,
+      slug: row.slug,
+      name: row.name,
+      description: row.description,
+      category: row.category,
+      icon: row.icon,
+      logoUrl: row.logoUrl ?? catalog?.logoUrl ?? catalog?.iconUrl,
+      planes: row.planes,
+      direction: row.direction,
+      moduleId: row.moduleId,
+      moduleInstalled: installed,
+      status: row.status
+    };
+    const previous = bySlug.get(row.slug);
+    if (!previous || rank(candidate) < rank(previous)) bySlug.set(row.slug, candidate);
+  }
+  return [...bySlug.values()].sort(
+    (a, b) => a.moduleId.localeCompare(b.moduleId) || a.name.localeCompare(b.name)
+  );
+}
+function rank(row) {
+  return (row.moduleInstalled ? 0 : 2) + (row.status === "available" ? 0 : 1);
+}
+function comingSoonHere(list) {
+  return list.filter((row) => row.moduleInstalled);
+}
+function withAnotherModule(list) {
+  return list.filter((row) => !row.moduleInstalled);
+}
+function filterAvailable(list, query = "") {
+  const q = query.trim().toLowerCase();
+  if (!q) return list;
+  return list.filter((c) => `${c.name} ${c.slug} ${c.description ?? ""}`.toLowerCase().includes(q));
+}
+function filterConnectors(list, filter, query = "") {
+  const q = query.trim().toLowerCase();
+  return list.filter((c) => {
+    if (q && !`${c.name} ${c.slug} ${c.description ?? ""}`.toLowerCase().includes(q)) return false;
+    switch (filter) {
+      case "connected":
+        return isLive(c.state);
+      case "agentic":
+        return c.planes.includes("agentic");
+      case "sync":
+        return c.planes.includes("sync");
+      case "inbound":
+        return c.direction === "inbound";
+      case "outbound":
+        return c.direction === "outbound";
+      default:
+        return true;
+    }
+  });
+}
+function connectorRoute(connector) {
+  return connector.hostPluginId ? `/settings/${connector.hostPluginId}/_integrations` : "/settings/connectors";
+}
+function PlaneBadge({ plane, active }) {
+  const { t } = useTranslation();
+  const Icon = plane === "agentic" ? Sparkles : RefreshCw;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] " + (active ? plane === "agentic" ? "bg-primary/10 text-primary" : "bg-muted text-foreground" : "border border-border text-muted-foreground"),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3" }),
+        t(`connectors.plane.${plane}`)
+      ]
+    }
+  );
+}
+function DirectionBadge({ direction }) {
+  const { t } = useTranslation();
+  const Icon = direction === "inbound" ? ArrowDownLeft : ArrowUpRight;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3" }),
+    t(`connectors.direction.${direction}`)
+  ] });
+}
+var STATE_VARIANT = {
+  connected: "success",
+  needs_setup: "warning",
+  ready: "outline"
+};
+function StateChip({ state, className }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(Badge, { variant: STATE_VARIANT[state], className, children: t(`connectors.state.${state}`) });
+}
+function ConnectorRow({
+  connector,
+  onOpen
+}) {
+  const { t } = useTranslation();
+  const category = categoryLabel(connector.category);
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      onClick: () => onOpen(connector),
+      className: "flex w-full items-start gap-4 p-4 text-left transition-colors hover:bg-muted/40 justify-start whitespace-normal text-[length:inherit] font-normal rounded-none",
+      children: [
+        /* @__PURE__ */ jsx(ConnectorMark, { connector }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: connector.name }),
+            connector.builtIn && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[11px] font-medium text-primary", children: t("connectors.builtIn") }),
+            connector.activePlane && /* @__PURE__ */ jsx(PlaneBadge, { plane: connector.activePlane, active: true }),
+            category && /* @__PURE__ */ jsx("span", { className: "rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground", children: category })
+          ] }),
+          connector.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-1 text-xs text-muted-foreground", children: connector.description }),
+          isLive(connector.state) && !connector.description && connector.detail && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: connector.detail })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-2 pt-1", children: [
+          /* @__PURE__ */ jsx(StateChip, { state: connector.state }),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
+        ] })
+      ]
+    }
+  ) });
+}
+var CredentialSinkMissingError = class extends Error {
+  constructor() {
+    super("No connector credential sink configured");
+    this.name = "CredentialSinkMissingError";
+  }
+};
+function isSecretField(field) {
+  return field.type === "password" || field.secret === true;
+}
+function needsCredentialSink(definition) {
+  return (definition.fields ?? []).some(isSecretField);
+}
+function splitConnectorValues(fields, values) {
+  const safe = {};
+  const secrets = {};
+  for (const field of fields ?? []) {
+    const value = values[field.key];
+    if (value === void 0) continue;
+    (isSecretField(field) ? secrets : safe)[field.key] = value;
+  }
+  return { safe, secrets };
+}
+async function probeConnection(input) {
+  const { safe } = splitConnectorValues(input.definition.fields, input.values);
+  return input.definition.testConnection(safe);
+}
+async function submitConnection(input) {
+  const { safe, secrets } = splitConnectorValues(input.definition.fields, input.values);
+  if (Object.keys(secrets).length > 0) {
+    const sink = input.sink === void 0 ? getConnectorCredentialSink() : input.sink;
+    if (!sink) throw new CredentialSinkMissingError();
+    await sink.store({
+      connectorId: input.definition.id,
+      tenantId: input.tenantId,
+      authKind: input.definition.authKind,
+      secrets
+    });
+  }
+  await input.definition.saveConnection?.(safe);
+}
+function DisclosureRow({
+  name,
+  chips,
+  detail
+}) {
+  const line = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "code",
+      {
+        className: "font-mono text-[11.5px] text-foreground" + (detail ? " underline decoration-dotted decoration-foreground/40 underline-offset-4" : ""),
+        children: name
+      }
+    ),
+    chips
+  ] });
+  if (!detail) return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5 py-1", children: line });
+  return /* @__PURE__ */ jsxs("details", { className: "group", children: [
+    /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer list-none flex-wrap items-center gap-1.5 py-1 hover:bg-foreground/5", children: [
+      line,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground transition-transform group-open:rotate-90" })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mb-1 pl-1 text-xs leading-relaxed text-foreground/80", children: detail })
+  ] });
+}
+function DisclosureNote({ label, children }) {
+  return /* @__PURE__ */ jsxs("details", { className: "group", children: [
+    /* @__PURE__ */ jsxs("summary", { className: "flex w-fit cursor-pointer list-none items-center gap-1 text-[11px] font-medium text-muted-foreground hover:text-foreground", children: [
+      /* @__PURE__ */ jsx(Info, { className: "h-3.5 w-3.5" }),
+      label,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 transition-transform group-open:rotate-90" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-1 border-l-2 border-border pl-2 text-[11px] leading-relaxed text-foreground/70", children })
+  ] });
+}
+function ConnectorPermissions({ connector }) {
+  const { t } = useTranslation();
+  const { data, events } = groupedPermissions(connector.definition ?? connector);
+  const { calls, events: subscriptions } = connectorMoments(connector);
+  const declared = new Set(events.map((permission) => permission.resource));
+  const extraEvents = subscriptions.filter((subscription) => !declared.has(subscription.key));
+  const empty = data.length === 0 && events.length === 0 && extraEvents.length === 0 && calls.length === 0;
+  if (empty && !connector.definition) return null;
+  return (
+    // Filled, not outlined: on a white drawer an outlined box of grey type is a
+    // wall with a line around it. The fill is the one step 2's card carries, so
+    // step 1 reads as a panel and not as leftover page.
+    /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-muted/40", children: [
+      /* @__PURE__ */ jsx("p", { className: "border-b border-border bg-muted/60 px-3 py-2 text-sm font-semibold text-foreground", children: t("connectors.permissions.title") }),
+      empty ? /* @__PURE__ */ jsx("p", { className: "p-3 text-xs text-foreground/80", children: t("connectors.permissions.undeclared") }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-3", children: [
+        data.length > 0 && /* @__PURE__ */ jsx(Group, { icon: /* @__PURE__ */ jsx(Database, { className: "h-3.5 w-3.5 text-foreground/60" }), title: t("connectors.permissions.data"), children: data.map((permission) => /* @__PURE__ */ jsx(PermissionRow, { permission }, `data:${permission.resource}`)) }),
+        (events.length > 0 || extraEvents.length > 0) && /* @__PURE__ */ jsxs(
+          Group,
+          {
+            icon: /* @__PURE__ */ jsx(Radio, { className: "h-3.5 w-3.5 text-foreground/60" }),
+            title: t("connectors.permissions.events"),
+            children: [
+              events.map((permission) => /* @__PURE__ */ jsx(PermissionRow, { permission }, `event:${permission.resource}`)),
+              extraEvents.map((subscription) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                DisclosureRow,
+                {
+                  name: subscription.key,
+                  detail: subscription.label,
+                  chips: /* @__PURE__ */ jsx(ActionChip, { action: "listen" })
+                }
+              ) }, `sub:${subscription.key}`))
+            ]
+          }
+        ),
+        calls.length > 0 && /* @__PURE__ */ jsx(
+          Group,
+          {
+            icon: /* @__PURE__ */ jsx(Zap, { className: "h-3.5 w-3.5 text-foreground/60" }),
+            title: t("connectors.moments.calls"),
+            children: calls.map((moment) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              DisclosureRow,
+              {
+                name: moment.key,
+                detail: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  moment.label,
+                  moment.touches && moment.touches.length > 0 && /* @__PURE__ */ jsxs("span", { className: "mt-0.5 block", children: [
+                    t("connectors.moments.touches"),
+                    ":",
+                    " ",
+                    /* @__PURE__ */ jsx("span", { className: "font-mono", children: moment.touches.join(", ") })
+                  ] })
+                ] }),
+                chips: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Chip, { children: t(`connectors.plane.${invocationPlane(moment)}`) }),
+                  moment.trigger && /* @__PURE__ */ jsx(Chip, { children: t(`connectors.trigger.${moment.trigger}`) })
+                ] })
+              }
+            ) }, `call:${moment.key}`))
+          }
+        ),
+        /* @__PURE__ */ jsxs(DisclosureNote, { label: t("connectors.permissions.noteLabel"), children: [
+          /* @__PURE__ */ jsx("p", { children: t("connectors.permissions.notEnforced") }),
+          calls.length > 0 && /* @__PURE__ */ jsx("p", { className: "mt-1", children: t("connectors.moments.callsHint") }),
+          (events.length > 0 || extraEvents.length > 0) && /* @__PURE__ */ jsx("p", { className: "mt-1", children: t("connectors.moments.eventsHint") })
+        ] })
+      ] })
+    ] })
+  );
+}
+function Group({ icon, title, children }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-xs font-semibold text-foreground", children: [
+      icon,
+      title
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "mt-1 divide-y divide-border/60", children })
+  ] });
+}
+function PermissionRow({ permission }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    DisclosureRow,
+    {
+      name: permission.resource,
+      detail: permission.reason,
+      chips: /* @__PURE__ */ jsxs(Fragment, { children: [
+        permission.actions.map((action) => /* @__PURE__ */ jsx(ActionChip, { action }, action)),
+        permission.sensitive && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border border-warning/40 bg-warning/10 px-1.5 py-px text-[10px] font-medium text-warning", children: [
+          /* @__PURE__ */ jsx(ShieldAlert, { className: "h-2.5 w-2.5" }),
+          t("connectors.permissions.sensitive")
+        ] })
+      ] })
+    }
+  ) });
+}
+function ActionChip({ action }) {
+  const { t } = useTranslation();
+  const mutating = action === "write" || action === "emit";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "rounded-full px-1.5 py-px text-[10px] " + (mutating ? "border border-destructive/40 bg-destructive/5 font-medium text-destructive" : "border border-border bg-background font-medium text-foreground/70"),
+      children: t(`connectors.permissions.action.${action}`)
+    }
+  );
+}
+function Chip({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "rounded-full border border-border bg-background px-1.5 py-px text-[10px] font-medium text-foreground/70", children });
+}
+function ConnectorSyncActions({
+  actions,
+  onRan
+}) {
+  const [running, setRunning] = React6.useState(null);
+  const [open, setOpen] = React6.useState(null);
+  const [pending, setPending] = React6.useState(null);
+  const [hidden, setHidden] = React6.useState(() => /* @__PURE__ */ new Set());
+  const [queued, setQueued] = React6.useState({});
+  const [nonce, setNonce] = React6.useState(0);
+  const [expanded, setExpanded] = React6.useState(false);
+  const [resolved, setResolved] = React6.useState(false);
+  React6.useEffect(() => {
+    let cancelled = false;
+    setResolved(false);
+    void Promise.all(
+      actions.map(async (action) => {
+        const show = action.available ? await Promise.resolve(action.available()).catch(() => true) : true;
+        const waiting = action.pending ? await Promise.resolve(action.pending()).catch(() => null) : null;
+        return { key: action.key, show, waiting };
+      })
+    ).then((rows) => {
+      if (cancelled) return;
+      setHidden(new Set(rows.filter((r) => !r.show).map((r) => r.key)));
+      setQueued(Object.fromEntries(rows.map((r) => [r.key, r.waiting])));
+      setResolved(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [actions, nonce]);
+  async function perform(action) {
+    setRunning(action.key);
+    try {
+      const outcome = await action.run();
+      const message = (typeof outcome === "string" ? outcome : outcome?.message) || `${action.label} \u2014 conclu\xEDdo`;
+      const status = typeof outcome === "object" && outcome ? outcome.status ?? "success" : "success";
+      if (status === "error") toast$1.error(message);
+      else if (status === "partial") toast$1.warning(message);
+      else toast$1.success(message);
+      setNonce((n) => n + 1);
+      onRan?.();
+    } catch (error) {
+      toast$1.error(error?.message ?? `${action.label} n\xE3o foi conclu\xEDdo`);
+      setNonce((n) => n + 1);
+      onRan?.();
+    } finally {
+      setRunning(null);
+    }
+  }
+  const visible = actions.filter((a) => !hidden.has(a.key));
+  if (open?.Component) {
+    const Screen = open.Component;
+    return /* @__PURE__ */ jsx(Screen, { onClose: () => setOpen(null), onRan });
+  }
+  if (!resolved || visible.length === 0) return null;
+  function start(action) {
+    if (action.Component) {
+      setOpen(action);
+      return;
+    }
+    if (action.confirm) {
+      setPending(action);
+      return;
+    }
+    void perform(action);
+  }
+  const primary = visible.find((a) => a.primary) ?? visible[0];
+  const rest = visible.filter((a) => a !== primary);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(
+      ActionRow,
+      {
+        action: primary,
+        busy: running === primary.key,
+        blocked: running !== null,
+        pending: queued[primary.key] ?? null,
+        onStart: start,
+        emphasis: true
+      }
+    ),
+    rest.length > 0 && /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-border", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => setExpanded(!expanded),
+          className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-muted/40 justify-start whitespace-normal text-[length:inherit] font-normal rounded-none",
+          "aria-expanded": expanded,
+          children: [
+            /* @__PURE__ */ jsx(ChevronRight, { className: `h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform ${expanded ? "rotate-90" : ""}` }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: "Outras a\xE7\xF5es" }),
+            /* @__PURE__ */ jsx("span", { className: "ml-auto text-[11px] text-muted-foreground", children: rest.length })
+          ]
+        }
+      ),
+      expanded && /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border border-t border-border", children: rest.map((action) => /* @__PURE__ */ jsx("li", { className: "px-3 py-2.5", children: /* @__PURE__ */ jsx(
+        ActionRow,
+        {
+          action,
+          busy: running === action.key,
+          blocked: running !== null,
+          pending: queued[action.key] ?? null,
+          onStart: start
+        }
+      ) }, action.key)) })
+    ] }),
+    pending?.confirm && /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: true,
+        title: pending.confirm.title,
+        description: pending.confirm.body,
+        confirmLabel: pending.confirm.cta,
+        onCancel: () => setPending(null),
+        onConfirm: () => {
+          const action = pending;
+          setPending(null);
+          void perform(action);
+        }
+      }
+    )
+  ] });
+}
+function ActionRow({
+  action,
+  busy,
+  blocked,
+  pending,
+  onStart,
+  emphasis = false
+}) {
+  const inbound = action.direction === "inbound";
+  const Icon = inbound ? ArrowDownToLine : ArrowUpFromLine;
+  const done = pending === 0;
+  if (emphasis) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs(Button, { size: "sm", disabled: blocked, onClick: () => onStart(action), children: [
+        busy ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
+        busy ? "Sincronizando\u2026" : action.label
+      ] }),
+      action.description && /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: action.description })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-sm font-medium", children: [
+        done ? /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5 shrink-0 text-success", "aria-hidden": true }) : /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: `h-3.5 w-3.5 shrink-0 ${inbound ? "text-info" : "text-muted-foreground"}`,
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: done ? "text-muted-foreground" : void 0, children: action.label }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: inbound ? "(traz dados para c\xE1)" : "(envia dados daqui)" }),
+        pending !== null && pending > 0 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1.5 text-[11px] tabular-nums text-muted-foreground", children: pending })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs leading-relaxed text-muted-foreground", children: done ? "Tudo enviado \u2014 nada pendente." : action.description })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "shrink-0",
+        disabled: blocked || done,
+        onClick: () => onStart(action),
+        children: [
+          busy && /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+          busy ? "Executando\u2026" : done ? "Em dia" : inbound ? "Trazer" : "Enviar"
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/connect/when.ts
+function formatDate(iso) {
+  return new Date(iso).toLocaleDateString(void 0, { day: "2-digit", month: "short", year: "numeric" });
+}
+function formatDateTime(iso) {
+  return new Date(iso).toLocaleString();
+}
+function formatRelative(iso, t) {
+  const diff = Date.now() - new Date(iso).getTime();
+  const minutes = Math.round(diff / 6e4);
+  if (minutes < 1) return t("connectors.when.now");
+  if (minutes < 60) return t("connectors.when.minutes", { count: minutes });
+  const hours = Math.round(minutes / 60);
+  if (hours < 24) return t("connectors.when.hours", { count: hours });
+  const days = Math.round(hours / 24);
+  if (days < 30) return t("connectors.when.days", { count: days });
+  return formatDate(iso);
+}
+function useConnectorRuns(connector) {
+  const listRuns = connector.definition?.listRuns;
+  const [runs, setRuns] = React6.useState([]);
+  const [loading, setLoading] = React6.useState(!!listRuns);
+  const [nonce, setNonce] = React6.useState(0);
+  React6.useEffect(() => {
+    if (!listRuns) {
+      setRuns([]);
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    void listRuns({ limit: 20 }).then((rows) => {
+      if (!cancelled) setRuns(rows);
+    }).catch(() => {
+      if (!cancelled) setRuns([]);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [connector.id, listRuns, nonce]);
+  return {
+    runs,
+    loading,
+    reload: React6.useCallback(() => setNonce((n) => n + 1), []),
+    failing: isFailing(runs)
+  };
+}
+function isFailing(runs) {
+  return runs[0]?.status === "error";
+}
+function hasRunHistory(connector) {
+  const def = connector.definition;
+  return !!def && (!!def.listRuns || !!def.RunActions || !!def.syncActions?.length);
+}
+var RUN_ICON = {
+  success: { Icon: CheckCircle2, className: "text-success" },
+  partial: { Icon: AlertTriangle, className: "text-warning" },
+  error: { Icon: XCircle, className: "text-destructive" },
+  running: { Icon: Loader2, className: "text-muted-foreground animate-spin" }
+};
+function ConnectorRuns({
+  connector,
+  state
+}) {
+  const { t } = useTranslation();
+  const def = connector.definition;
+  const { runs, loading, reload } = state;
+  const firstLoad = def?.firstLoad;
+  const backfilling = !!firstLoad && runs.some((r) => r.status === "running");
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    def?.syncActions?.length ? /* @__PURE__ */ jsx(ConnectorSyncActions, { actions: def.syncActions, onRan: reload }) : null,
+    def?.RunActions && /* @__PURE__ */ jsx(def.RunActions, { onRan: reload }),
+    backfilling && /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "mt-px h-3.5 w-3.5 shrink-0 animate-spin" }),
+      /* @__PURE__ */ jsx("span", { children: t("connectors.runs.backfilling") })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("p", { className: "flex justify-center py-6", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : runs.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 rounded-lg border border-dashed border-border p-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: t("connectors.runs.empty") }),
+      firstLoad && /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: t("connectors.runs.emptyFirstLoad", { count: firstLoad.sampleSize }) })
+    ] }) : /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border overflow-hidden rounded-lg border border-border", children: runs.map((run, index) => /* @__PURE__ */ jsx(
+      RunRow,
+      {
+        run,
+        providerName: connector.name,
+        explainFailure: index === 0
+      },
+      run.id ?? `${run.startedAt}-${index}`
+    )) })
+  ] });
+}
+function RunRow({
+  run,
+  providerName,
+  explainFailure
+}) {
+  const { t } = useTranslation();
+  const { Icon, className } = RUN_ICON[run.status] ?? RUN_ICON.success;
+  const inbound = run.direction === "inbound";
+  const DirectionIcon = inbound ? ArrowDownToLine : ArrowUpFromLine;
+  const failed = run.status === "error";
+  return /* @__PURE__ */ jsxs("li", { className: "px-3 py-2.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Icon, { className: `h-3.5 w-3.5 shrink-0 ${className}`, "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(`connectors.runs.status.${run.status}`) }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "text-xs tabular-nums text-muted-foreground",
+          title: run.startedAt ? formatDateTime(run.startedAt) : void 0,
+          children: run.startedAt ? formatRelative(run.startedAt, t) : "\u2014"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground/70", children: [
+        "\xB7 ",
+        t(`connectors.trigger.${run.triggerKind}`)
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "ml-auto flex shrink-0 items-center gap-1 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(DirectionIcon, { className: "h-3 w-3", "aria-hidden": true }),
+        t(inbound ? "connectors.runs.from" : "connectors.runs.to", { name: providerName })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mt-0.5 pl-5 text-xs leading-relaxed text-foreground", children: runLine(run, t) }),
+    failed && run.error && /* @__PURE__ */ jsx(RunFailure, { run }),
+    failed && explainFailure && /* @__PURE__ */ jsx("p", { className: "mt-0.5 pl-5 text-[11px] leading-relaxed text-muted-foreground", children: t("connectors.runs.failedHint") })
+  ] });
+}
+function RunFailure({ run }) {
+  const { t } = useTranslation();
+  const facts = callFacts(run, t);
+  const extra = extraStats(run);
+  return /* @__PURE__ */ jsxs("details", { className: "group mt-1 ml-5 rounded-md border border-border bg-muted/40", children: [
+    /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer list-none items-start gap-1.5 px-2 py-1.5 text-xs leading-relaxed text-muted-foreground hover:text-foreground", children: [
+      /* @__PURE__ */ jsx(XCircle, { className: "mt-px h-3.5 w-3.5 shrink-0 text-destructive/70", "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 line-clamp-2 group-open:line-clamp-none", children: run.error }),
+      /* @__PURE__ */ jsx(
+        ChevronRight,
+        {
+          className: "mt-px h-3.5 w-3.5 shrink-0 transition-transform group-open:rotate-90",
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("connectors.runs.seeDetails") })
+    ] }),
+    facts.length > 0 && /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5 border-t border-border px-2 py-2 text-[11px] leading-relaxed", children: facts.map(([label, value]) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+      /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx("dd", { className: "min-w-0 break-words font-mono text-foreground/80", children: value })
+    ] }, label)) }),
+    extra && /* @__PURE__ */ jsxs("div", { className: "border-t border-border px-2 py-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("connectors.runs.detail.raw") }),
+      /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-40 overflow-auto whitespace-pre-wrap break-words text-[11px] leading-relaxed text-foreground/70", children: extra })
+    ] })
+  ] });
+}
+function callFacts(run, t) {
+  const facts = [];
+  if (run.stream) facts.push([t("connectors.runs.detail.stream"), run.stream]);
+  if (run.startedAt) facts.push([t("connectors.runs.detail.started"), formatDateTime(run.startedAt)]);
+  if (run.finishedAt) facts.push([t("connectors.runs.detail.finished"), formatDateTime(run.finishedAt)]);
+  const took = elapsed(run, t);
+  if (took) facts.push([t("connectors.runs.detail.duration"), took]);
+  const attempt = run.stats?.attempt;
+  if (typeof attempt === "number") facts.push([t("connectors.runs.detail.attempt"), String(attempt)]);
+  if (run.id) facts.push([t("connectors.runs.detail.runId"), run.id]);
+  return facts;
+}
+function elapsed(run, t) {
+  if (!run.startedAt || !run.finishedAt) return null;
+  const ms = new Date(run.finishedAt).getTime() - new Date(run.startedAt).getTime();
+  if (!Number.isFinite(ms) || ms < 0) return null;
+  const seconds = Math.round(ms / 1e3);
+  if (seconds < 90) return t("connectors.runs.detail.seconds", { count: seconds });
+  return t("connectors.runs.detail.minutes", { count: Math.round(seconds / 60) });
+}
+function extraStats(run) {
+  const stats = run.stats ?? {};
+  const rest = Object.fromEntries(Object.entries(stats).filter(([key]) => key !== "attempt"));
+  if (Object.keys(rest).length === 0) return null;
+  try {
+    return JSON.stringify(rest, null, 2);
+  } catch {
+    return null;
+  }
+}
+function runLine(run, t) {
+  if (run.message) return run.message;
+  const fetched = run.fetched ?? 0;
+  const written = run.written ?? 0;
+  if (fetched > 0 || written > 0) return t("connectors.runs.counts", { written, fetched });
+  if (run.status === "running") return t("connectors.runs.status.running");
+  return t("connectors.runs.nothingToDo");
+}
+function ConnectorSettingsPanel({
+  connector,
+  onSaved,
+  bare
+}) {
+  const { t } = useTranslation();
+  const def = connector.definition;
+  const settings = def ? connectorSettings(def) : [];
+  const [values, setValues] = React6.useState(
+    () => initialValues(settings, {})
+  );
+  const [loaded, setLoaded] = React6.useState(false);
+  const [saving, setSaving] = React6.useState(false);
+  const [dirty, setDirty] = React6.useState(false);
+  React6.useEffect(() => {
+    if (settings.length === 0 || !def?.getSettings) return;
+    let cancelled = false;
+    setLoaded(false);
+    void def.getSettings().catch(() => ({})).then((stored) => {
+      if (cancelled) return;
+      setValues(initialValues(settings, stored));
+      setDirty(false);
+      setLoaded(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [connector.id, settings.length]);
+  if (settings.length === 0 || !def?.saveSettings) return null;
+  const invalid = settings.filter((s) => !matchesPattern(s, values[s.key]));
+  missingRequiredSettings(settings, values);
+  function set(key, value) {
+    setValues((current) => ({ ...current, [key]: value }));
+    setDirty(true);
+  }
+  async function save() {
+    setSaving(true);
+    try {
+      await def.saveSettings(values);
+      setDirty(false);
+      toast.success(t("connectors.settings.saved"));
+      onSaved?.();
+    } catch (e) {
+      toast.error(e?.message ?? t("common.error"));
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(
+      SettingsGroup,
+      {
+        title: bare ? void 0 : t("connectors.settings.title"),
+        description: bare ? void 0 : t("connectors.settings.subtitle"),
+        children: settings.map((setting) => /* @__PURE__ */ jsx(
+          SettingRow,
+          {
+            setting,
+            value: values[setting.key],
+            disabled: !loaded,
+            onChange: set
+          },
+          setting.key
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxs(Button, { size: "sm", disabled: saving || !loaded || !dirty || invalid.length > 0, onClick: () => void save(), children: [
+      saving ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Save, { className: "h-3.5 w-3.5" }),
+      t("connectors.settings.save")
+    ] })
+  ] });
+}
+function SettingRow({
+  setting,
+  value,
+  disabled,
+  onChange
+}) {
+  const { t } = useTranslation();
+  const description = [setting.description, setting.requiredToOperate ? t("connectors.settings.required") : null].filter(Boolean).join(" ");
+  switch (setting.type) {
+    case "toggle":
+      return /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          label: setting.label,
+          description: description || void 0,
+          checked: value === true,
+          disabled,
+          onChange: (next) => onChange(setting.key, next)
+        }
+      );
+    case "select":
+      return /* @__PURE__ */ jsx(
+        SelectRow,
+        {
+          label: setting.label,
+          description: description || void 0,
+          value: typeof value === "string" ? value : "",
+          options: setting.options ?? [],
+          disabled,
+          onChange: (next) => onChange(setting.key, next)
+        }
+      );
+    case "multi-select":
+      return /* @__PURE__ */ jsx(
+        MultiSelectRow,
+        {
+          label: setting.label,
+          description: description || void 0,
+          value: Array.isArray(value) ? value : [],
+          options: setting.options ?? [],
+          disabled,
+          onChange: (next) => onChange(setting.key, next)
+        }
+      );
+    default: {
+      const text = typeof value === "string" ? value : "";
+      const bad = !matchesPattern(setting, text);
+      return /* @__PURE__ */ jsx(
+        TextRow,
+        {
+          label: setting.label,
+          description: description || void 0,
+          value: text,
+          placeholder: setting.placeholder,
+          hint: setting.patternHint,
+          invalid: bad,
+          disabled,
+          onChange: (next) => onChange(setting.key, next)
+        }
+      );
+    }
+  }
+}
+function matchesPattern(setting, value) {
+  if (!setting.pattern || setting.type !== "text") return true;
+  if (!isSettingSet(value)) return true;
+  try {
+    return new RegExp(setting.pattern).test(String(value).trim());
+  } catch {
+    return true;
+  }
+}
+function initialValues(settings, stored) {
+  const out = {};
+  for (const setting of settings) {
+    const value = stored[setting.key];
+    if (isSettingSet(value) || typeof value === "boolean") {
+      out[setting.key] = value;
+    } else if (setting.defaultValue !== void 0) {
+      out[setting.key] = setting.defaultValue;
+    } else {
+      out[setting.key] = setting.type === "multi-select" ? [] : setting.type === "toggle" ? false : "";
+    }
+  }
+  return out;
+}
+function Step({
+  n,
+  title,
+  children,
+  muted
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: muted ? "opacity-60" : void 0, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-muted text-[11px] font-semibold text-muted-foreground", children: n }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: title })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-2 pl-7", children })
+  ] });
+}
+function PlanePicker({
+  planes,
+  value,
+  onChange
+}) {
+  const { t } = useTranslation();
+  if (planes.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-dashed border-border p-3 text-xs text-muted-foreground", children: t("connectors.plane.undecided") });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: planes.map((plane) => {
+    const Icon = plane === "agentic" ? Sparkles : RefreshCw;
+    const selected = value === plane;
+    const only = planes.length === 1;
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        disabled: only,
+        onClick: () => onChange?.(plane),
+        className: "rounded-lg border p-3 text-left transition-colors inline-block whitespace-normal text-[length:inherit] font-normal" + (selected ? "border-primary bg-primary/5" : "border-border hover:bg-muted/40") + (only ? " cursor-default" : ""),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
+            /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
+            t(`connectors.plane.${plane}`),
+            plane === "agentic" && !only && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-1.5 py-px text-[10px] font-normal text-primary", children: t("connectors.plane.recommended") })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "mt-1 block text-xs text-muted-foreground", children: t(`connectors.plane.${plane}.desc`) })
+        ]
+      },
+      plane
+    );
+  }) });
+}
+function ConnectorHeading({ connector }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx(ConnectorMark, { connector }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "min-w-0 font-semibold leading-tight text-foreground", children: connector.name }),
+        /* @__PURE__ */ jsx(StateChip, { state: connector.state, className: "shrink-0" })
+      ] }),
+      connector.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: connector.description })
+    ] })
+  ] });
+}
+function Section({ title, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsx("h4", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60", children: title }),
+    children
+  ] });
+}
+function hasOperatingSettings(connector) {
+  const def = connector.definition;
+  if (!def) return false;
+  return connectorSettings(def).length > 0 || (def.fields ?? []).length > 0 || !!def.ExtraPanel || !!def.setPlane;
+}
+function missingSettingLabels(connector) {
+  const def = connector.definition;
+  if (!def || !connector.missingSettings?.length) return [];
+  const declared = new Map(connectorSettings(def).map((s) => [s.key, s.label]));
+  return connector.missingSettings.map((key) => declared.get(key) ?? key);
+}
+function DocsLink({ connector }) {
+  const { t } = useTranslation();
+  if (!connector.docsUrl) return null;
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: connector.docsUrl,
+      target: "_blank",
+      rel: "noreferrer",
+      className: "inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground",
+      children: [
+        /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" }),
+        " ",
+        t("connectors.docs")
+      ]
+    }
+  );
+}
+function ConnectorJourney({
+  connector,
+  onChanged,
+  onRevoke
+}) {
+  return isLive(connector.state) ? /* @__PURE__ */ jsx(ConnectorHome, { connector, onChanged, onRevoke }) : /* @__PURE__ */ jsx(ConnectorInstall, { connector, onChanged });
+}
+function ConnectorInstall({
+  connector,
+  onChanged
+}) {
+  const { t } = useTranslation();
+  const def = connector.definition;
+  const [plane, setPlane] = React6.useState(
+    connector.planes.includes("agentic") ? "agentic" : connector.planes[0]
+  );
+  const [values, setValues] = React6.useState({});
+  const secrets = React6.useRef({});
+  const [busy, setBusy] = React6.useState(null);
+  React6.useEffect(() => {
+    setValues({});
+    secrets.current = {};
+    setBusy(null);
+    setPlane(connector.planes.includes("agentic") ? "agentic" : connector.planes[0]);
+  }, [connector.id]);
+  const run = useRunner(setBusy, onChanged);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(Step, { n: 1, title: t("connectors.journey.what"), children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Capabilities, { connector }),
+      /* @__PURE__ */ jsx(ConnectorPermissions, { connector })
+    ] }) }),
+    /* @__PURE__ */ jsx(Step, { n: 2, title: t("connectors.journey.how"), children: /* @__PURE__ */ jsx(PlanePicker, { planes: connector.planes, value: plane, onChange: setPlane }) }),
+    /* @__PURE__ */ jsx(Step, { n: 3, title: t("connectors.journey.connectAccount"), children: def ? /* @__PURE__ */ jsx(
+      ConnectPanel,
+      {
+        connector,
+        values,
+        setValues,
+        secrets,
+        busy,
+        run
+      }
+    ) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("connectors.authorize.elsewhere") }) }),
+    /* @__PURE__ */ jsxs("p", { className: "rounded-lg border border-dashed border-border p-3 text-xs text-muted-foreground", children: [
+      t(plane === "agentic" ? "connectors.after.willAgentic" : "connectors.after.willSync"),
+      hasOperatingSettings(connector) ? ` ${t("connectors.after.settingsLater")}` : ""
+    ] }),
+    /* @__PURE__ */ jsx(DocsLink, { connector })
+  ] });
+}
+function ConnectorHome({
+  connector,
+  onChanged,
+  onRevoke
+}) {
+  const { t } = useTranslation();
+  const def = connector.definition;
+  const needsSetup = connector.state === "needs_setup";
+  const settingsAvailable = hasOperatingSettings(connector);
+  const runsAvailable = hasRunHistory(connector);
+  const [tab, setTab] = React6.useState(
+    needsSetup && settingsAvailable ? "settings" : "overview"
+  );
+  const [busy, setBusy] = React6.useState(null);
+  const run = useRunner(setBusy, onChanged);
+  const [values, setValues] = React6.useState({});
+  const secrets = React6.useRef({});
+  const runs = useConnectorRuns(connector);
+  React6.useEffect(() => {
+    setTab(needsSetup && settingsAvailable ? "settings" : "overview");
+    setBusy(null);
+    setValues({});
+    secrets.current = {};
+  }, [connector.id]);
+  const missing = missingSettingLabels(connector);
+  if (!def) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+      /* @__PURE__ */ jsx(GrantFacts, { connector }),
+      /* @__PURE__ */ jsx(Section, { title: t("connectors.overview.reaches"), children: /* @__PURE__ */ jsx(Capabilities, { connector }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t border-border pt-3", children: [
+        /* @__PURE__ */ jsx(DocsLink, { connector }),
+        /* @__PURE__ */ jsx(GrantRevoke, { connector, onRevoke })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs(Tabs, { value: tab, onValueChange: (next) => setTab(next), children: [
+    /* @__PURE__ */ jsxs(TabsList, { children: [
+      /* @__PURE__ */ jsx(TabsTrigger, { value: "overview", children: t("connectors.tab.overview") }),
+      def.OperatePanel && /* @__PURE__ */ jsx(TabsTrigger, { value: "operate", children: def.operateLabel ?? t("connectors.tab.operate") }),
+      runsAvailable && /* @__PURE__ */ jsxs(TabsTrigger, { value: "runs", children: [
+        t("connectors.tab.runs"),
+        runs.failing && /* @__PURE__ */ jsx("span", { className: "ml-1.5 h-1.5 w-1.5 rounded-full bg-destructive", "aria-hidden": true })
+      ] }),
+      settingsAvailable && /* @__PURE__ */ jsxs(TabsTrigger, { value: "settings", children: [
+        t("connectors.tab.settings"),
+        needsSetup && /* @__PURE__ */ jsx("span", { className: "ml-1.5 h-1.5 w-1.5 rounded-full bg-warning", "aria-hidden": true })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(TabsContent, { value: "overview", className: "space-y-5 pt-4", children: [
+      /* @__PURE__ */ jsx(ConnectionReport, { connector }),
+      /* @__PURE__ */ jsx(Section, { title: t("connectors.overview.resolves"), children: /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: t(`connectors.plane.${connector.activePlane ?? connector.planes[0] ?? "sync"}.desc`) }) }),
+      def.howItSyncs && def.howItSyncs.length > 0 && /* @__PURE__ */ jsx(Section, { title: t("connectors.overview.whenItSyncs"), children: /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: def.howItSyncs.map((line, index) => /* @__PURE__ */ jsxs("li", { className: "flex gap-1.5 text-xs leading-relaxed text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xB7" }),
+        /* @__PURE__ */ jsx("span", { children: line })
+      ] }, index)) }) }),
+      /* @__PURE__ */ jsx(Section, { title: t("connectors.overview.reaches"), children: /* @__PURE__ */ jsx(Capabilities, { connector }) }),
+      /* @__PURE__ */ jsx(ConnectorPermissions, { connector }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t border-border pt-3", children: [
+        /* @__PURE__ */ jsx(DocsLink, { connector }),
+        def.disconnect && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              disabled: busy === "off",
+              onClick: () => run("off", () => def.disconnect(), t("connectors.disconnect")),
+              className: "flex items-center gap-1.5 text-xs text-destructive transition-colors hover:text-destructive/80 disabled:opacity-50 font-normal",
+              children: [
+                busy === "off" ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Power, { className: "h-3.5 w-3.5" }),
+                t("connectors.disconnect")
+              ]
+            }
+          ),
+          def.disconnectNote && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-relaxed text-muted-foreground", children: def.disconnectNote })
+        ] })
+      ] })
+    ] }),
+    def.OperatePanel && /* @__PURE__ */ jsx(TabsContent, { value: "operate", className: "pt-4", children: /* @__PURE__ */ jsx(def.OperatePanel, {}) }),
+    runsAvailable && /* @__PURE__ */ jsx(TabsContent, { value: "runs", className: "pt-4", children: /* @__PURE__ */ jsx(ConnectorRuns, { connector, state: runs }) }),
+    settingsAvailable && /* @__PURE__ */ jsxs(TabsContent, { value: "settings", className: "space-y-5 pt-4", children: [
+      needsSetup && missing.length > 0 && /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-1.5 text-xs text-warning", children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-px h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { children: t("connectors.missingNamed", { list: missing.join(", ") }) })
+      ] }),
+      (def.fields ?? []).length > 0 && /* @__PURE__ */ jsx(Section, { title: t("connectors.credentials.section"), children: /* @__PURE__ */ jsx(
+        ConnectPanel,
+        {
+          connector,
+          values,
+          setValues,
+          secrets,
+          busy,
+          run
+        }
+      ) }),
+      /* @__PURE__ */ jsx(ConnectorSettingsPanel, { connector, onSaved: onChanged, bare: true }),
+      def.setPlane && connector.planes.length > 1 && /* @__PURE__ */ jsx(Section, { title: t("connectors.overview.resolves"), children: /* @__PURE__ */ jsx(
+        PlanePicker,
+        {
+          planes: connector.planes,
+          value: connector.activePlane,
+          onChange: (next) => run("plane", () => def.setPlane(next), t("connectors.plane.switched"))
+        }
+      ) }),
+      def.ExtraPanel && /* @__PURE__ */ jsx(Section, { title: t("connectors.overview.provider", { name: connector.name }), children: /* @__PURE__ */ jsx(def.ExtraPanel, {}) })
+    ] })
+  ] }) });
+}
+function useRunner(setBusy, onChanged) {
+  const { t } = useTranslation();
+  return React6.useCallback(
+    async (kind, fn, okMessage) => {
+      setBusy(kind);
+      try {
+        await fn();
+        if (okMessage) toast.success(okMessage);
+        onChanged?.();
+      } catch (e) {
+        toast.error(
+          e instanceof CredentialSinkMissingError ? t("connectors.credentials.noSink") : e instanceof ConnectorOAuthStarterMissingError ? t("connectors.oauth.noStarter") : e?.message ?? t("common.error")
+        );
+      } finally {
+        setBusy(null);
+      }
+    },
+    [onChanged, t]
+  );
+}
+function ConnectorDetail({
+  connector,
+  open,
+  onOpenChange,
+  onChanged,
+  onRevoke
+}) {
+  if (!connector) return null;
+  return /* @__PURE__ */ jsxs(
+    RightRailPage,
+    {
+      title: connector.name,
+      open,
+      onClose: () => onOpenChange(false),
+      width: "max-w-lg",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "shrink-0 px-5 pt-4", children: /* @__PURE__ */ jsx(ConnectorHeading, { connector }) }),
+        /* @__PURE__ */ jsx(SheetBody, { children: /* @__PURE__ */ jsx(ConnectorJourney, { connector, onChanged, onRevoke }) })
+      ]
+    }
+  );
+}
+function ConnectionReport({ connector }) {
+  const issues = connector.issues ?? [];
+  if (issues.length > 0) {
+    return /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: issues.map((issue) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-1.5 text-xs leading-relaxed text-warning", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-px h-3.5 w-3.5 shrink-0" }),
+      /* @__PURE__ */ jsx("span", { children: issue })
+    ] }, issue)) });
+  }
+  if (!connector.detail) return null;
+  return /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: connector.detail });
+}
+function Note({ children }) {
+  return /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2 rounded-lg border border-dashed border-border p-3 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Info, { className: "mt-px h-3.5 w-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx("span", { children })
+  ] });
+}
+function Capabilities({ connector }) {
+  const { t } = useTranslation();
+  const entityCount = connector.entityCount ?? connector.entities?.length;
+  const tools = connector.agentTools ?? [];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-xs text-muted-foreground", children: [
+    connector.direction === "inbound" && /* @__PURE__ */ jsxs("p", { children: [
+      connector.readOnly ? t("connectors.readOnly") : t("connectors.readWrite"),
+      typeof entityCount === "number" && entityCount > 0 ? ` \xB7 ${t("connectors.entitiesCount", { count: entityCount })}` : "",
+      connector.agentConfig?.model ? ` \xB7 ${connector.agentConfig.model}` : ""
+    ] }),
+    connector.direction === "outbound" && !connector.permissions?.length && connector.entities?.length ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: connector.entities.map((entity) => /* @__PURE__ */ jsx("span", { className: "rounded-full border border-border px-2 py-0.5 text-[11px]", children: entityLabel(t, entity) }, entity)) }) : null,
+    tools.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-1", children: t("connectors.tools") }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: tools.map((tool) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          title: tool.description,
+          className: "rounded border border-border px-1.5 py-0.5 font-mono text-[10px]",
+          children: tool.name
+        },
+        tool.name
+      )) })
+    ] }),
+    connector.scopes && connector.scopes.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: connector.scopes.map((s) => /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[10px]", children: s }, s)) }),
+    tools.length === 0 && !connector.entities?.length && !connector.scopes?.length && typeof entityCount !== "number" && connector.direction !== "inbound" && /* @__PURE__ */ jsx("p", { children: t("connectors.capabilitiesUnknown") })
+  ] });
+}
+function entityLabel(t, entity) {
+  const key = `connectors.entity.${entity}`;
+  const translated = t(key);
+  return translated && translated !== key ? translated : entity;
+}
+function ProviderInstallStep({ connector }) {
+  const { t } = useTranslation();
+  const install = connector.providerInstall;
+  if (!install) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(Note, { children: t("connectors.authorize.installFirst", { name: connector.name }) }),
+    /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsxs("a", { href: install.url, target: "_blank", rel: "noreferrer", children: [
+      /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }),
+      t("connectors.authorize.installAt", { name: connector.name })
+    ] }) })
+  ] });
+}
+function ConnectPanel({
+  connector,
+  values,
+  setValues,
+  secrets,
+  busy,
+  run
+}) {
+  const { t } = useTranslation();
+  const def = connector.definition;
+  const tenantId = useTenantOptional()?.org?.id;
+  const needsSink = needsCredentialSink(def);
+  const sinkMissing = needsSink && !getConnectorCredentialSink();
+  const secretFieldCount = (def.fields ?? []).filter(isSecretField).length;
+  const hasStoredCredential = connector.state === "connected" || connector.state === "needs_setup";
+  const [formKey, setFormKey] = React6.useState(0);
+  const fields = def.fields ?? [];
+  const oauthDoor = def.authKind === "oauth" ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(Note, { children: t(fields.length > 0 ? "connectors.authorize.oauthOrKey" : "connectors.authorize.oauthOnly") }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        disabled: busy === "oauth" || !def.startOAuth,
+        onClick: () => run("oauth", async () => {
+          const url = await def.startOAuth(window.location.href, { tenantId });
+          window.location.href = url;
+        }),
+        children: [
+          busy === "oauth" ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Plug, { className: "h-4 w-4" }),
+          `${t("connectors.connect")} ${def.name}`
+        ]
+      }
+    )
+  ] }) : null;
+  if (oauthDoor && fields.length === 0) return oauthDoor;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    oauthDoor,
+    /* @__PURE__ */ jsx(ProviderInstallStep, { connector: def }),
+    needsSink && /* @__PURE__ */ jsx(Note, { children: sinkMissing ? t("connectors.credentials.noSink") : t("connectors.credentials.held") }),
+    needsSink && !sinkMissing && secretFieldCount > 1 && hasStoredCredential && /* @__PURE__ */ jsx(Note, { children: t("connectors.credentials.replaces") }),
+    fields.length === 0 && !def.providerInstall && !oauthDoor && /* @__PURE__ */ jsx(Note, { children: t("connectors.authorize.nothingToFill") }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: fields.map(
+      (f) => isSecretField(f) ? /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: f.label }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: f.type,
+            defaultValue: "",
+            onChange: (e) => {
+              secrets.current[f.key] = e.target.value;
+            },
+            placeholder: f.placeholder,
+            autoComplete: "off",
+            className: "mt-1"
+          }
+        )
+      ] }, `${f.key}:${formKey}`) : /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: f.label }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: f.type,
+            value: values[f.key] ?? "",
+            onChange: (e) => setValues((v) => ({ ...v, [f.key]: e.target.value })),
+            placeholder: f.placeholder,
+            className: "mt-1"
+          }
+        )
+      ] }, f.key)
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      def.testConnection && !needsSink && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: busy === "test",
+          onClick: () => run("test", async () => {
+            const res = await probeConnection({ definition: def, values });
+            if (!res.ok) throw new Error(res.message ?? t("common.error"));
+            toast.success(res.message ?? t("connectors.connected"));
+          }),
+          children: [
+            busy === "test" ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Plug, { className: "h-3.5 w-3.5" }),
+            t("connectors.test")
+          ]
+        }
+      ),
+      def.saveConnection && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          disabled: busy === "save" || sinkMissing,
+          onClick: () => run("save", async () => {
+            try {
+              await submitConnection({
+                definition: def,
+                values: { ...values, ...secrets.current },
+                tenantId
+              });
+            } finally {
+              secrets.current = {};
+              setFormKey((k) => k + 1);
+            }
+          }, t("connectors.save")),
+          children: [
+            busy === "save" ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5" }),
+            fields.length === 0 ? `${t("connectors.connect")} ${def.name}` : t("connectors.save")
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function DisconnectAction({
+  onDisconnect,
+  busy
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      type: "button",
+      disabled: busy,
+      onClick: onDisconnect,
+      className: "flex items-center gap-1.5 text-xs text-destructive transition-colors hover:text-destructive/80 disabled:opacity-50 font-normal",
+      children: [
+        busy ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Power, { className: "h-3.5 w-3.5" }),
+        t("connectors.disconnect")
+      ]
+    }
+  );
+}
+function GrantFacts({ connector }) {
+  const { t } = useTranslation();
+  const facts = [
+    connector.createdAt ? t("connectors.connectedOn", { date: formatDate(connector.createdAt) }) : null,
+    connector.lastUsedAt ? t("connectors.lastUsed", { when: formatRelative(connector.lastUsedAt, t) }) : t("connectors.neverUsed"),
+    connector.grantedByMe === false ? t("connectors.grantedByOther") : null
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: facts.join(" \xB7 ") });
+}
+function GrantRevoke({
+  connector,
+  onRevoke
+}) {
+  const { t } = useTranslation();
+  const [revoking, setRevoking] = React6.useState(false);
+  if (connector.revocable === false) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("connectors.partOfApp") });
+  }
+  return /* @__PURE__ */ jsx(
+    DisconnectAction,
+    {
+      busy: revoking,
+      onDisconnect: async () => {
+        setRevoking(true);
+        try {
+          await onRevoke?.(connector);
+        } finally {
+          setRevoking(false);
+        }
+      }
+    }
+  );
+}
+function toInstalled(definition, status) {
+  return {
+    definition,
+    connected: status.connected,
+    detail: status.detail,
+    issues: status.issues,
+    plane: status.plane,
+    needsSetup: status.needsSetup,
+    missingSettings: status.missingSettings
+  };
+}
+var connectionsFlight = null;
+var statusFlights = /* @__PURE__ */ new Map();
+function loadConnections(tenantId, ids, client) {
+  const flight = connectionsFlight;
+  if (flight && flight.tenantId === tenantId && ids.every((id) => flight.ids.has(id))) return flight.promise;
+  const promise = listConnections(ids, { tenantId, client }).catch(() => /* @__PURE__ */ new Map());
+  const entry = { tenantId, ids: new Set(ids), promise };
+  connectionsFlight = entry;
+  void promise.finally(() => {
+    if (connectionsFlight === entry) connectionsFlight = null;
+  });
+  return promise;
+}
+function batchable(definition) {
+  return typeof definition.statusFromConnection === "function";
+}
+function loadStatus(definition, tenantId) {
+  const key = `${tenantId ?? ""} ${definition.id}`;
+  let flight = statusFlights.get(key);
+  if (!flight) {
+    flight = definition.getStatus().then((status) => toInstalled(definition, status)).catch(() => ({ definition, connected: false }));
+    statusFlights.set(key, flight);
+    void flight.finally(() => statusFlights.delete(key));
+  }
+  return flight;
+}
+function loadConnectorStatuses(definitions, tenantId, options = {}) {
+  const batched = tenantId ? definitions.filter(batchable) : [];
+  const shared = batched.length > 0 ? loadConnections(tenantId, batched.map((d) => d.id), options.client) : null;
+  return Promise.all(
+    definitions.map(async (definition) => {
+      if (!shared || !batchable(definition)) return loadStatus(definition, tenantId);
+      const rows = await shared;
+      try {
+        return toInstalled(
+          definition,
+          definition.statusFromConnection(
+            rows.get(connectionKey(definition.id, definition.instanceKey ?? "")) ?? null
+          )
+        );
+      } catch {
+        return { definition, connected: false };
+      }
+    })
+  );
+}
+
+// src/components/connect/useConnectors.ts
+var catalogPromise = null;
+function loadCatalog() {
+  if (catalogPromise) return catalogPromise;
+  const connection = resolveFayzAgentConnection();
+  if (!connection) return Promise.resolve([]);
+  catalogPromise = fetch(`${connection.apiBaseUrl}/connectors?locale=pt-BR`).then(async (response) => {
+    if (!response.ok) throw new Error(`catalog HTTP ${response.status}`);
+    const body = await response.json();
+    return Array.isArray(body) ? body : body.connectors ?? [];
+  }).catch(() => {
+    catalogPromise = null;
+    return [];
+  });
+  return catalogPromise;
+}
+function useConnectorCatalog() {
+  const [catalog, setCatalog] = React6.useState(null);
+  React6.useEffect(() => {
+    let cancelled = false;
+    void loadCatalog().then((list) => {
+      if (!cancelled) setCatalog(list);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return catalog;
+}
+var GRANTS_TTL_MS = 3e4;
+var grantsCache = /* @__PURE__ */ new Map();
+function invalidateGrants() {
+  grantsCache.clear();
+}
+var _revision = 0;
+var _revisionListeners = /* @__PURE__ */ new Set();
+function refreshConnectors() {
+  invalidateGrants();
+  _revision += 1;
+  _revisionListeners.forEach((listener) => listener());
+}
+function useConnectorsRevision() {
+  return React6.useSyncExternalStore(
+    (listener) => {
+      _revisionListeners.add(listener);
+      return () => _revisionListeners.delete(listener);
+    },
+    () => _revision,
+    () => _revision
+  );
+}
+function loadGrants(key, fetcher) {
+  const hit = grantsCache.get(key);
+  if (hit && Date.now() - hit.at < GRANTS_TTL_MS) return hit.promise;
+  const promise = fetcher();
+  promise.catch(() => grantsCache.delete(key));
+  grantsCache.set(key, { at: Date.now(), promise });
+  return promise;
+}
+function useInstalledModuleIds() {
+  const runtime = usePluginRuntimeOptional();
+  return React6.useMemo(() => (runtime?.plugins ?? []).map((p) => p.id), [runtime]);
+}
+function useInstalledDefinitions(hostPluginId) {
+  const runtime = usePluginRuntimeOptional();
+  return React6.useMemo(() => {
+    const byHost = runtime?.connectorsByHost;
+    if (!byHost) return [];
+    if (hostPluginId) return byHost.get(hostPluginId) ?? [];
+    return [...byHost.values()].flat();
+  }, [runtime, hostPluginId]);
+}
+function useConnectors(options = {}) {
+  const { hostPluginId, includeGrants = true, includeCatalog = true } = options;
+  const definitions = useInstalledDefinitions(hostPluginId);
+  const catalog = useConnectorCatalog();
+  const tenant = useTenantOptional();
+  const tenantId = tenant?.org?.id;
+  const connection = React6.useMemo(() => resolveFayzAgentConnection(), []);
+  const [installed, setInstalled] = React6.useState(null);
+  const [grants, setGrants] = React6.useState(null);
+  const [error, setError] = React6.useState(null);
+  const nonce = useConnectorsRevision();
+  const call = React6.useCallback(
+    async (path, init) => {
+      if (!connection) throw new Error("Este app n\xE3o est\xE1 ligado a um projeto Fayz.");
+      const supabase = getFayzSupabaseClientOptional();
+      const session = (await supabase?.auth.getSession())?.data.session;
+      if (!session?.access_token) throw new Error("Sess\xE3o expirada \u2014 entre de novo.");
+      return fetch(
+        `${connection.apiBaseUrl}/public/projects/${connection.projectId}/agents/connections${path}`,
+        {
+          ...init,
+          headers: {
+            ...init?.headers ?? {},
+            Authorization: `Bearer ${session.access_token}`,
+            "Content-Type": "application/json"
+          }
+        }
+      );
+    },
+    [connection]
+  );
+  React6.useEffect(() => {
+    let cancelled = false;
+    void loadConnectorStatuses(definitions, tenantId).then((list) => {
+      if (!cancelled) setInstalled(list);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [definitions, tenantId, nonce]);
+  React6.useEffect(() => {
+    if (!includeGrants || !connection || !tenantId) {
+      setGrants(includeGrants ? null : []);
+      return;
+    }
+    let cancelled = false;
+    void loadGrants(`${connection.projectId}:${tenantId}`, async () => {
+      const response = await call(`?tenantId=${encodeURIComponent(tenantId)}`);
+      const body = await response.json();
+      if (!response.ok) throw new Error(body.message ?? "N\xE3o foi poss\xEDvel carregar as conex\xF5es.");
+      return body.connections ?? [];
+    }).then((list) => {
+      if (cancelled) return;
+      setGrants(list);
+      setError(null);
+    }).catch((e) => {
+      if (cancelled) return;
+      setError(e.message);
+      setGrants([]);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [call, tenantId, includeGrants, connection, nonce]);
+  const revokeGrant = React6.useCallback(
+    async (connector) => {
+      if (!tenantId) throw new Error("Nenhuma conta selecionada.");
+      const response = await call(`/${connector.id}?tenantId=${encodeURIComponent(tenantId)}`, { method: "DELETE" });
+      if (!response.ok) {
+        const body = await response.json().catch(() => ({}));
+        throw new Error(body.message ?? "N\xE3o foi poss\xEDvel desconectar.");
+      }
+      invalidateGrants();
+      setGrants((current) => (current ?? []).filter((g) => g.id !== connector.id));
+    },
+    [call, tenantId]
+  );
+  const waitingGrants = includeGrants && !!connection && !!tenantId && grants === null;
+  const connectors = React6.useMemo(() => {
+    if (installed === null || waitingGrants) return null;
+    return buildConnectorList({
+      installed,
+      grants: includeGrants ? grants ?? [] : [],
+      catalog: includeCatalog ? catalog ?? [] : []
+    });
+  }, [installed, grants, catalog, includeGrants, includeCatalog, waitingGrants]);
+  return {
+    connectors,
+    error,
+    reload: refreshConnectors,
+    revokeGrant,
+    agentAvailable: !!connection,
+    tenantReady: !!tenantId
+  };
+}
+var useConnectorsSurface = create((set) => ({
+  selected: null,
+  pending: false,
+  select: (selected) => set({ selected }),
+  open: (selected) => set({ selected, pending: true }),
+  consume: () => set({ pending: false })
+}));
+function openConnectorsPanel(connector) {
+  useConnectorsSurface.getState().open(connector?.id ?? null);
+  useRightRailStore.getState().openPanel("chat");
+  useChatStore.getState().setOpen(true);
+}
+function useConnectorsPanelAvailable() {
+  return useRightRailStore((s) => s.mounted && s.panels.some((p) => p.id === "chat"));
+}
+function ConnectorsPanel({ onClose }) {
+  const { t } = useTranslation();
+  const { connectors, reload, revokeGrant, agentAvailable, tenantReady } = useConnectors();
+  const selectedId = useConnectorsSurface((s) => s.selected);
+  const select = useConnectorsSurface((s) => s.select);
+  const [query, setQuery] = React6.useState("");
+  const [failure, setFailure] = React6.useState(null);
+  const [revoking, setRevoking] = React6.useState(null);
+  const selected = React6.useMemo(
+    () => (connectors ?? []).find((c) => c.id === selectedId) ?? null,
+    [connectors, selectedId]
+  );
+  const filtered = React6.useMemo(
+    () => filterConnectors(connectors ?? [], "outbound", query),
+    [connectors, query]
+  );
+  const hosted = useRightRailHosted();
+  useRightRailDrill(
+    hosted ? {
+      title: selected?.name ?? t("settings.connectors"),
+      back: onClose
+    } : null
+  );
+  const closeRef = React6.useRef(onClose);
+  closeRef.current = onClose;
+  React6.useEffect(() => {
+    if (hosted && !selectedId) closeRef.current();
+  }, [hosted, selectedId]);
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
+    !hosted && /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 flex items-center justify-between gap-2 border-b border-border/40 bg-card/95 px-3 py-2 backdrop-blur", children: [
+      selected ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => select(null),
+          className: "inline-flex min-w-0 items-center gap-1 rounded-md px-1 py-0.5 text-[11px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground justify-start whitespace-normal font-normal",
+          children: [
+            /* @__PURE__ */ jsx(ChevronLeft, { className: "h-3.5 w-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: t("settings.connectors") })
+          ]
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold text-foreground", children: t("settings.connectors") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: onClose,
+          className: "rounded-md px-1.5 py-0.5 text-[11px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground font-normal",
+          children: t("common.done")
+        }
+      )
+    ] }),
+    !agentAvailable || !tenantReady ? /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-muted-foreground", children: t(agentAvailable ? "connectors.noOrgBody" : "connectors.noProjectBody") }) : selected ? /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-3", children: [
+      /* @__PURE__ */ jsx(ConnectorHeading, { connector: selected }),
+      failure && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: failure }),
+      /* @__PURE__ */ jsx(
+        ConnectorJourney,
+        {
+          connector: selected,
+          onChanged: reload,
+          onRevoke: (connector) => setRevoking(connector)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ConfirmDialog,
+        {
+          open: !!revoking,
+          title: t("connectors.revoke"),
+          description: revoking ? t("connectors.revokeConfirm", { name: revoking.name }) : void 0,
+          variant: "destructive",
+          confirmLabel: t("connectors.revoke"),
+          onConfirm: async () => {
+            const connector = revoking;
+            setRevoking(null);
+            if (!connector) return;
+            try {
+              await revokeGrant(connector);
+              select(null);
+            } catch (e) {
+              setFailure(e.message);
+            }
+          },
+          onCancel: () => setRevoking(null)
+        }
+      )
+    ] }) : hosted ? (
+      // Requested but not resolved yet — holding the slot, not offering the
+      // catalogue as a consolation.
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-3", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 shrink-0 rounded-lg" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-28" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-40" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full rounded-xl" })
+      ] })
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "p-3 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            placeholder: t("connectors.search"),
+            className: "h-8 rounded-lg border-border pl-8 pr-2.5 text-[13px]"
+          }
+        )
+      ] }) }),
+      connectors === null ? /* @__PURE__ */ jsx("div", { className: "space-y-3 p-3", "aria-hidden": true, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 shrink-0 rounded-lg" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-28" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-40" })
+        ] })
+      ] }, i)) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Section2, { title: t("connectors.groupMine"), items: filtered, onSelect: (c) => select(c.id) }),
+        filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-muted-foreground", children: t("connectors.emptyBody") })
+      ] })
+    ] })
+  ] });
+}
+function Section2({
+  title,
+  items,
+  onSelect
+}) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "pb-2", children: [
+    /* @__PURE__ */ jsx("h3", { className: "px-3 pb-1 pt-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/50", children: title }),
+    /* @__PURE__ */ jsx("ul", { children: items.map((c) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        onClick: () => onSelect(c),
+        className: "flex w-full items-center gap-2.5 px-3 py-1.5 text-left transition-colors hover:bg-muted/50 justify-start whitespace-normal text-[length:inherit] font-normal rounded-none",
+        children: [
+          /* @__PURE__ */ jsx(ConnectorMark, { connector: c, size: "sm" }),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "block truncate text-[13px] font-medium text-foreground", children: c.name }),
+            /* @__PURE__ */ jsx("span", { className: "mt-0.5 block", children: /* @__PURE__ */ jsx(StateChip, { state: c.state }) })
+          ] })
+        ]
+      }
+    ) }, c.id)) })
+  ] });
+}
+function AddConnectorPanel({
+  open,
+  onOpenChange,
+  connectors,
+  categories,
+  onSelect
+}) {
+  const { t } = useTranslation();
+  const [query, setQuery] = React6.useState("");
+  const modules = useInstalledModuleIds();
+  const catalog = useConnectorCatalog();
+  const scoped = !!categories?.length;
+  const addable = React6.useMemo(
+    () => inCategories(addableConnectors(connectors ?? []), categories),
+    [connectors, categories]
+  );
+  const shelf = React6.useMemo(() => {
+    if (connectors === null) return [];
+    return inCategories(
+      shelfIntegrations({ present: connectors, installedModules: modules, catalog: catalog ?? [] }),
+      categories
+    );
+  }, [connectors, modules, catalog, categories]);
+  const filtered = React6.useMemo(() => filterConnectors(addable, "all", query), [addable, query]);
+  const filteredShelf = React6.useMemo(() => filterAvailable(shelf, query), [shelf, query]);
+  const soon = React6.useMemo(() => comingSoonHere(filteredShelf), [filteredShelf]);
+  const elsewhere = React6.useMemo(() => withAnotherModule(filteredShelf), [filteredShelf]);
+  const searchable = addable.length + shelf.length > 6;
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs(ModalContent, { size: "2xl", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: t("connectors.add") }),
+      /* @__PURE__ */ jsx(ModalDescription, { children: t(scoped ? "connectors.addSubtitleScoped" : "connectors.addSubtitle") })
+    ] }),
+    searchable && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: query,
+          onChange: (e) => setQuery(e.target.value),
+          placeholder: t("connectors.search"),
+          className: "rounded-lg border-border bg-background pl-9"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "-mx-1 max-h-[55vh] overflow-y-auto px-1", children: [
+      connectors === null && /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", "aria-hidden": true, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 py-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 shrink-0 rounded-lg" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-56" })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-lg" })
+      ] }, i)) }),
+      connectors !== null && filtered.length === 0 && filteredShelf.length === 0 && /* @__PURE__ */ jsxs("div", { className: "py-8 text-center", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(query ? "connectors.noneFoundTitle" : "connectors.addEmptyTitle") }),
+        /* @__PURE__ */ jsx("p", { className: "mx-auto mt-1 max-w-sm text-sm text-muted-foreground", children: query ? t("connectors.noneFound", { query }) : t("connectors.addEmptyBody") })
+      ] }),
+      filtered.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        filteredShelf.length > 0 && /* @__PURE__ */ jsx(SectionHeading, { children: t("connectors.sectionInstalled") }),
+        /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children: filtered.map((c) => /* @__PURE__ */ jsx(CatalogRow, { connector: c, onSelect }, c.id)) })
+      ] }),
+      /* @__PURE__ */ jsx(ComingSoonSection, { integrations: soon }),
+      /* @__PURE__ */ jsx(AvailableSection, { connectors: elsewhere })
+    ] }),
+    connectors !== null && /* @__PURE__ */ jsx(AskForMore, { onAsked: () => onOpenChange(false) })
+  ] }) });
+}
+function AskForMore({ onAsked }) {
+  const { t } = useTranslation();
+  const available = useConnectorsPanelAvailable();
+  const setDraft = useChatStore((s) => s.setDraft);
+  const setOpen = useChatStore((s) => s.setOpen);
+  const openPanel = useRightRailStore((s) => s.openPanel);
+  if (!available) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t border-border pt-3 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("span", { children: t("connectors.askMore") }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        onClick: () => {
+          setDraft(t("connectors.askMoreDraft"));
+          openPanel("chat");
+          setOpen(true);
+          onAsked();
+        },
+        className: "inline-flex items-center gap-1.5 rounded-lg border border-border px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-muted/50 text-[length:inherit]",
+        children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5" }),
+          t("connectors.askMoreCta")
+        ]
+      }
+    )
+  ] });
+}
+function CatalogRow({
+  connector,
+  onSelect
+}) {
+  const category = categoryLabel(connector.category);
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      onClick: () => onSelect(connector),
+      className: "flex w-full items-center gap-3 py-3 text-left transition-colors hover:bg-muted/40 justify-start whitespace-normal text-[length:inherit] font-normal rounded-none",
+      children: [
+        /* @__PURE__ */ jsx(ConnectorMark, { connector, size: "sm" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: connector.name }),
+            category && /* @__PURE__ */ jsx("span", { className: "rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground", children: category }),
+            connector.planes.map((p) => /* @__PURE__ */ jsx(PlaneBadge, { plane: p, active: connector.activePlane === p }, p))
+          ] }),
+          connector.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-1 text-xs text-muted-foreground", children: connector.description })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(StateChip, { state: connector.state }) })
+      ]
+    }
+  ) });
+}
+function SectionHeading({ children }) {
+  return /* @__PURE__ */ jsx("h3", { className: "mt-4 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground first:mt-0 first:pt-0", children });
+}
+function ComingSoonSection({ integrations }) {
+  const { t } = useTranslation();
+  if (integrations.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(SectionHeading, { children: t("connectors.sectionSoon") }),
+    /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs text-muted-foreground", children: t("connectors.soonBody") }),
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children: integrations.map((row) => /* @__PURE__ */ jsx(ShelfRow, { integration: row, note: t("connectors.soonNote") }, row.id)) })
+  ] });
+}
+function AvailableSection({ connectors }) {
+  const { t } = useTranslation();
+  if (connectors.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(SectionHeading, { children: t("connectors.sectionOtherModule") }),
+    /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs text-muted-foreground", children: t("connectors.otherModuleBody") }),
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children: connectors.map((c) => /* @__PURE__ */ jsx(
+      ShelfRow,
+      {
+        integration: c,
+        note: t("connectors.requiresModule", { module: moduleLabel(t, c.moduleId) })
+      },
+      c.id
+    )) })
+  ] });
+}
+function ShelfRow({ integration, note }) {
+  const { t } = useTranslation();
+  const category = categoryLabel(integration.category);
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 py-3", children: [
+    /* @__PURE__ */ jsx(ConnectorMark, { connector: integration, size: "sm" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: integration.name }),
+        category && /* @__PURE__ */ jsx("span", { className: "rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground", children: category }),
+        integration.status === "soon" && !integration.moduleInstalled && /* @__PURE__ */ jsx("span", { className: "rounded-full border border-dashed border-border px-2 py-0.5 text-[11px] text-muted-foreground", children: t("connectors.soonChip") })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: note })
+    ] })
+  ] });
+}
+function moduleLabel(t, moduleId) {
+  const key = `modules.${moduleId}`;
+  const label = t(key);
+  return label === key ? moduleId : label;
+}
+function AddConnectorButton({ onClick }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      onClick,
+      className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90",
+      children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+        t("connectors.add")
+      ]
+    }
+  );
+}
+function ConnectorsTab() {
+  const { t } = useTranslation();
+  const { connectors, error, reload, revokeGrant, tenantReady } = useConnectors();
+  const [adding, setAdding] = React6.useState(false);
+  const [selected, setSelected] = React6.useState(null);
+  const [filter, setFilter] = React6.useState("all");
+  const [failure, setFailure] = React6.useState(null);
+  const [revoking, setRevoking] = React6.useState(null);
+  const assistantAvailable = useConnectorsPanelAvailable();
+  const openJourney = React6.useCallback(
+    (connector) => {
+      if (assistantAvailable) openConnectorsPanel(connector);
+      else setSelected(connector);
+    },
+    [assistantAvailable]
+  );
+  const visible = React6.useMemo(() => filterConnectors(connectors ?? [], filter), [connectors, filter]);
+  const groups = React6.useMemo(() => groupConnectors(visible), [visible]);
+  React6.useEffect(() => {
+    if (!selected || !connectors) return;
+    const fresh = connectors.find((c) => c.id === selected.id);
+    if (fresh && fresh !== selected) setSelected(fresh);
+    if (!fresh) setSelected(null);
+  }, [connectors]);
+  if (!tenantReady) {
+    return /* @__PURE__ */ jsx(Empty, { title: t("connectors.noOrg"), body: t("connectors.noOrgBody") });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(
+      PageActions,
+      {
+        actions: [{ id: "add-connector", label: t("connectors.add"), icon: Plus, intent: "primary", onSelect: () => setAdding(true) }]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      AddConnectorPanel,
+      {
+        open: adding,
+        onOpenChange: setAdding,
+        connectors,
+        onSelect: (connector) => {
+          setAdding(false);
+          openJourney(connector);
+        }
+      }
+    ),
+    (error || failure) && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/30 bg-destructive/10 p-3 text-sm text-destructive", children: failure ?? error }),
+    (connectors?.length ?? 0) > 4 && /* @__PURE__ */ jsx(Filters, { value: filter, onChange: setFilter }),
+    connectors === null && /* @__PURE__ */ jsx(ConnectionsSkeleton, {}),
+    connectors !== null && visible.length === 0 && /* @__PURE__ */ jsx(Empty, { title: t("connectors.emptyTitle"), body: t("connectors.emptyBody") }),
+    visible.length > 0 && /* @__PURE__ */ jsx("ul", { className: "fayz-glass-surface divide-y divide-border overflow-hidden rounded-card border bg-card text-card-foreground shadow-sm", children: groups.map((group) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+      groups.length > 1 && /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: "bg-muted/30 px-4 py-1.5 text-[0.7rem] font-medium uppercase tracking-wider text-muted-foreground",
+          role: "presentation",
+          children: group.label
+        }
+      ),
+      group.connectors.map((c) => /* @__PURE__ */ jsx(ConnectorRow, { connector: c, onOpen: openJourney }, c.id))
+    ] }, group.key)) }),
+    /* @__PURE__ */ jsx(
+      ConnectorDetail,
+      {
+        connector: selected,
+        open: !!selected,
+        onOpenChange: (open) => !open && setSelected(null),
+        onChanged: reload,
+        onRevoke: (connector) => setRevoking(connector)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: !!revoking,
+        title: t("connectors.revoke"),
+        description: revoking ? t("connectors.revokeConfirm", { name: revoking.name }) : void 0,
+        variant: "destructive",
+        confirmLabel: t("connectors.revoke"),
+        onConfirm: async () => {
+          const connector = revoking;
+          setRevoking(null);
+          if (!connector) return;
+          try {
+            await revokeGrant(connector);
+            setSelected(null);
+          } catch (e) {
+            setFailure(e.message);
+          }
+        },
+        onCancel: () => setRevoking(null)
+      }
+    )
+  ] });
+}
+var FILTERS = ["all", "connected", "agentic", "sync"];
+function Filters({ value, onChange }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: FILTERS.map((f) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      onClick: () => onChange(f),
+      className: "rounded-full px-3 py-1 text-xs font-medium transition-colors " + (f === value ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/70"),
+      children: t(`connectors.filter.${f}`)
+    },
+    f
+  )) });
+}
+function ConnectionsSkeleton() {
+  return /* @__PURE__ */ jsx("ul", { className: "fayz-glass-surface divide-y divide-border overflow-hidden rounded-card border bg-card text-card-foreground shadow-sm", "aria-hidden": true, children: [0, 1].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-4 p-4", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 shrink-0 rounded-lg" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2 py-0.5", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-64" })
+    ] }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-28 shrink-0 rounded-lg" })
+  ] }, i)) });
+}
+function Empty({ title, body }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-dashed border-border p-8 text-center", children: [
+    /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: body })
+  ] });
+}
+var CONNECTOR_PARAM = "fayzConnector";
+var STATUS_PARAM = "fayzConnectorStatus";
+var LEGACY_PARAMS = {
+  googleCalendar: "google-calendar"
+};
+var OAUTH_FAILURE_REASONS = [
+  "config_missing",
+  "invalid_state",
+  "expired_state",
+  "not_a_member",
+  "provider_denied",
+  "missing_code",
+  "token_exchange_failed",
+  "token_incomplete",
+  "store_failed",
+  "unexpected"
+];
+var REASON_SET = new Set(OAUTH_FAILURE_REASONS);
+function readConnectorOAuthReturn(search) {
+  let params;
+  try {
+    params = new URLSearchParams(search);
+  } catch {
+    return null;
+  }
+  const generic = params.get(CONNECTOR_PARAM);
+  if (generic) {
+    const status = params.get(STATUS_PARAM);
+    if (status !== "connected" && status !== "error") return null;
+    const raw = params.get(`${CONNECTOR_PARAM}Message`) ?? "";
+    return {
+      connectorId: generic,
+      status,
+      reason: REASON_SET.has(raw) ? raw : void 0
+    };
+  }
+  for (const [param, connectorId] of Object.entries(LEGACY_PARAMS)) {
+    const status = params.get(param);
+    if (status !== "connected" && status !== "error") continue;
+    return { connectorId, status, message: params.get(`${param}Message`) ?? void 0 };
+  }
+  return null;
+}
+function oauthReturnParams() {
+  const keys = [CONNECTOR_PARAM, STATUS_PARAM, `${CONNECTOR_PARAM}Message`];
+  for (const param of Object.keys(LEGACY_PARAMS)) keys.push(param, `${param}Message`);
+  return keys;
+}
+function urlWithoutOAuthReturn(href) {
+  const url = new URL(href);
+  for (const key of oauthReturnParams()) url.searchParams.delete(key);
+  return url.toString();
+}
+function oauthFailureMessage(t, result) {
+  if (result.reason) {
+    const key = `connectors.oauth.error.${result.reason}`;
+    const translated = t(key);
+    if (translated && translated !== key) return translated;
+  }
+  return result.message || t("connectors.oauth.failed");
+}
+function useConnectorOAuthReturn() {
+  const { t } = useTranslation();
+  const runtime = usePluginRuntimeOptional();
+  React6.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const result = readConnectorOAuthReturn(window.location.search);
+    if (!result) return;
+    window.history.replaceState(null, "", urlWithoutOAuthReturn(window.location.href));
+    if (result.status === "connected") {
+      toast.success(t("connectors.oauth.returned"));
+      void completeConnection(runtime, result.connectorId);
+    } else {
+      toast.error(oauthFailureMessage(t, result));
+    }
+    openConnectorsPanel({ id: result.connectorId });
+  }, []);
+}
+async function completeConnection(runtime, connectorId) {
+  const definitions = [...runtime?.connectorsByHost?.values() ?? []].flat();
+  const definition = definitions.find((d) => d.id === connectorId);
+  if (!definition?.saveConnection) return;
+  try {
+    await definition.saveConnection({});
+  } finally {
+    refreshConnectors();
+  }
+}
+var ICON = {
+  delivered: { Icon: CheckCircle2, className: "text-success", label: "Enviado" },
+  pending: { Icon: Clock, className: "text-muted-foreground", label: "Na fila" },
+  failed: { Icon: XCircle, className: "text-destructive", label: "N\xE3o foi" }
+};
+function ConnectorDeliveries({
+  load,
+  providerName,
+  limit = 10
+}) {
+  const { t } = useTranslation();
+  const [rows, setRows] = React6.useState(null);
+  React6.useEffect(() => {
+    let cancelled = false;
+    void load({ limit }).then((r) => {
+      if (!cancelled) setRows(r);
+    }).catch(() => {
+      if (!cancelled) setRows([]);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [load, limit]);
+  if (rows === null) {
+    return /* @__PURE__ */ jsx("p", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) });
+  }
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsxs("p", { className: "rounded-lg border border-dashed border-border p-3 text-xs text-muted-foreground", children: [
+      "Nada foi enviado ainda para o ",
+      providerName,
+      "."
+    ] });
+  }
+  return /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border overflow-hidden rounded-lg border border-border", children: rows.map((row, index) => {
+    const { Icon, className, label } = ICON[row.status] ?? ICON.pending;
+    return /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsx(Icon, { className: `mt-0.5 h-3.5 w-3.5 shrink-0 ${className}`, "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium", children: [
+          row.subject,
+          row.externalId && /* @__PURE__ */ jsxs("span", { className: "ml-1.5 font-normal text-muted-foreground", children: [
+            "\u2192 ",
+            providerName,
+            " #",
+            row.externalId
+          ] })
+        ] }),
+        row.detail && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-relaxed text-muted-foreground", children: row.detail })
+      ] }),
+      row.at && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] tabular-nums text-muted-foreground", children: formatRelative(row.at, t) })
+    ] }, row.subjectId ?? `${row.subject}-${index}`);
+  }) });
+}
+async function loadConnectorIndex(input) {
+  const [installed, catalog] = await Promise.all([
+    loadConnectorStatuses(input.definitions, input.tenantId ?? getActiveTenantId()),
+    loadCatalog()
+  ]);
+  const connectors = buildConnectorList({ installed, catalog });
+  const shelf = shelfIntegrations({
+    present: connectors,
+    installedModules: input.installedModules,
+    catalog
+  });
+  return { connectors, shelf };
+}
+
+// src/components/connect/connector-search.ts
+var STATE_RANK2 = {
+  needs_setup: 0,
+  connected: 1,
+  ready: 2,
+  soon: 3,
+  needs_module: 4
+};
+var NEED_CATEGORIES = {
+  payments: [
+    "pagamento",
+    "pagamentos",
+    "pagar",
+    "pagto",
+    "receber",
+    "recebimento",
+    "recebe",
+    "cobranca",
+    "cobrar",
+    "checkout",
+    "pix",
+    "cartao",
+    "credito",
+    "debito",
+    "boleto",
+    "parcelado",
+    "parcelamento",
+    "gateway",
+    "payment",
+    "payments",
+    "pay",
+    "card",
+    "billing"
+  ],
+  logistics: [
+    "frete",
+    "fretes",
+    "entrega",
+    "entregas",
+    "envio",
+    "envios",
+    "transportadora",
+    "correios",
+    "logistica",
+    "rastreio",
+    "shipping",
+    "delivery",
+    "logistics"
+  ],
+  erp: ["nota", "notas", "fiscal", "nfe", "nfse", "nfce", "danfe", "erp", "faturamento", "invoice"],
+  banking: ["banco", "bancaria", "bancario", "conta", "extrato", "conciliacao", "openbanking", "banking"],
+  crm: ["crm", "lead", "leads", "funil", "pipeline", "prospect"],
+  scheduling: ["agenda", "agendamento", "calendario", "calendar", "scheduling", "horario"],
+  messaging: ["whatsapp", "mensagem", "mensagens", "sms", "messaging", "zap"],
+  marketplace: ["marketplace", "marketplaces"],
+  ecommerce: ["loja", "ecommerce", "carrinho", "vitrine", "storefront"],
+  analytics: ["analytics", "analise", "metricas", "metrica", "dados"],
+  local: ["mapa", "mapas", "local", "maps"],
+  ai: ["inteligencia"],
+  automation: ["automacao", "automacoes", "webhook", "automation", "zapier"],
+  courses: ["curso", "cursos", "aluno", "alunos"],
+  database: ["database"]
+};
+var STOPWORDS = /* @__PURE__ */ new Set([
+  "que",
+  "com",
+  "para",
+  "pra",
+  "por",
+  "uma",
+  "uns",
+  "umas",
+  "dos",
+  "das",
+  "nos",
+  "nas",
+  "quero",
+  "queria",
+  "gostaria",
+  "preciso",
+  "precisa",
+  "tivesse",
+  "tem",
+  "ter",
+  "tenho",
+  "como",
+  "onde",
+  "qual",
+  "quais",
+  "sobre",
+  "meu",
+  "minha",
+  "meus",
+  "minhas",
+  "aqui",
+  "the",
+  "and",
+  "for",
+  "with",
+  "want",
+  "need",
+  "have",
+  "can",
+  "app",
+  "usar",
+  "fazer",
+  "integrar",
+  "integracao",
+  "integracoes",
+  "conectar",
+  "conexao",
+  "ligar",
+  "instalar"
+]);
+function fold(value) {
+  return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+}
+function parseConnectorQuery(query) {
+  const raw = fold(query);
+  const terms = raw.split(/[^a-z0-9]+/).filter((term) => term.length >= 3 && !STOPWORDS.has(term));
+  const categories = /* @__PURE__ */ new Set();
+  for (const [category, words] of Object.entries(NEED_CATEGORIES)) {
+    if (words.some((word) => terms.includes(word))) categories.add(category);
+  }
+  if (raw.includes("nota fiscal")) categories.add("erp");
+  return { raw, terms, categories };
+}
+function score(row, query) {
+  if (!query.raw) return 0;
+  const name = fold(row.name);
+  const slug = fold(row.slug);
+  const description = fold(row.description ?? "");
+  const category = row.category ?? "";
+  const categoryWord = fold(CATEGORY_LABELS[category] ?? category);
+  let total = 0;
+  if (name === query.raw || slug === query.raw) total += 120;
+  else if (query.raw.includes(name) || name.includes(query.raw)) total += 80;
+  else if (query.terms.some((term) => term === name || term === slug)) total += 70;
+  else if (query.terms.some((term) => term.length >= 4 && (name.includes(term) || slug.includes(term)))) total += 50;
+  if (category && query.categories.has(category)) total += 45;
+  if (categoryWord && query.terms.includes(categoryWord)) total += 30;
+  if (description && query.terms.some((term) => description.includes(term))) total += 25;
+  return total;
+}
+function fromConnector(connector) {
+  return {
+    slug: connector.slug,
+    id: connector.id,
+    name: connector.name,
+    description: connector.description,
+    category: connector.category,
+    icon: connector.icon,
+    logoUrl: connector.logoUrl,
+    state: connector.state,
+    moduleId: connector.hostPluginId,
+    planes: connector.planes,
+    // The one place a path is built, and it is the screen's own helper.
+    route: connectorRoute(connector),
+    score: 0
+  };
+}
+function fromShelf(row) {
+  return {
+    slug: row.slug,
+    name: row.name,
+    description: row.description,
+    category: row.category,
+    icon: row.icon,
+    logoUrl: row.logoUrl,
+    // Same split the panel renders: `moduleInstalled` is what tells "em breve"
+    // from "requer outro módulo", not `status`.
+    state: row.moduleInstalled ? "soon" : "needs_module",
+    moduleId: row.moduleId,
+    planes: row.planes,
+    score: 0
+  };
+}
+function searchConnectors(input) {
+  const query = parseConnectorQuery(input.query);
+  if (!query.raw) return [];
+  const rows = [
+    ...input.connectors.map(fromConnector),
+    ...input.shelf.map(fromShelf)
+  ];
+  return rows.map((row) => ({ ...row, score: score(row, query) })).filter((row) => row.score > 0).sort(
+    (a, b) => b.score - a.score || STATE_RANK2[a.state] - STATE_RANK2[b.state] || a.name.localeCompare(b.name)
+  ).slice(0, input.limit ?? 4);
+}
+function isConnectorState(state) {
+  switch (state) {
+    case "connected":
+    case "needs_setup":
+    case "ready":
+      return true;
+    case "soon":
+    case "needs_module":
+      return false;
+  }
+}
+function hasDestination(suggestion) {
+  return isConnectorState(suggestion.state);
+}
+
+export { AddConnectorButton, AddConnectorPanel, CATEGORY_LABELS, CATEGORY_ORDER, ConnectConsentPage, ConnectorDeliveries, ConnectorDetail, ConnectorHeading, ConnectorJourney, ConnectorRow, ConnectorRuns, ConnectorSyncActions, ConnectorsPanel, ConnectorsTab, CredentialSinkMissingError, DirectionBadge, OAUTH_FAILURE_REASONS, PlaneBadge, StateChip, buildConnectorList, categoryLabel, connectorRoute, connectorSubscriptions, describeFayzAgentGap, filterConnectors, getFayzAgentClient, hasDestination, hasOperatingSettings, hasRunHistory, inCategories, isConnectorState, isSecretField, loadConnectorIndex, needsCredentialSink, oauthFailureMessage, openConnectorsPanel, probeConnection, readConnectorOAuthReturn, resolveFayzAgentConnection, resolveFayzApiBaseUrl, searchConnectors, shelveByCategory, sortConnectors, splitConnectorValues, submitConnection, urlWithoutOAuthReturn, useConnectorCatalog, useConnectorOAuthReturn, useConnectorRuns, useConnectors, useConnectorsPanelAvailable, useConnectorsSurface };
+//# sourceMappingURL=chunk-U6ZCO2PS.js.map
+//# sourceMappingURL=chunk-U6ZCO2PS.js.map