@fayz-ai/admin 0.62.0 → 0.65.2

package/dist/ConnectedModulesSettings-A2VJ5BMJ.js

@@ -0,0 +1,563 @@
+import { useModuleCatalog, buildCategories, appLabelFor, applyRailPreset, labelFor } from './chunk-DRCV643L.js';
+import { useAppConfig, clearAppConfigSnapshot, MODULE_FAMILIES, moduleFamilyOf, UPCOMING_MODULE_INFO } from './chunk-G5HNA5QK.js';
+import { useSettingsUnitScope, UnitScopePicker } from './chunk-2H46WDG5.js';
+import { useOfferedPlugins, useAppPreset } from './chunk-AWM4AMBS.js';
+import { useAccessOptional } from './chunk-S56FQKPL.js';
+import { toast } from './chunk-3OUD4XBK.js';
+import { packageFor, COMING_SOON_MODULES, moduleFitsTrades, TRADE_BY_APP, PRICE_BOOK, includedIn } from './chunk-6CQFGMEO.js';
+import './chunk-SGAFPNMA.js';
+import './chunk-TL42NKTH.js';
+import { useUnitStore, useAppConfigStore } from './chunk-5D5QLMOQ.js';
+import './chunk-UQ2NTFQC.js';
+import { getSupabaseClientOptional } from './chunk-KJELMULA.js';
+import { cn } from './chunk-JRZJBMOY.js';
+import { useOrganizationStore } from './chunk-YKPPCV2Z.js';
+import { navigateTo } from './chunk-QD7BMUDF.js';
+import * as React3 from 'react';
+import { invalidateAppConfig, usePluginRuntime, unitDisabledModules, tl } from '@fayz-ai/core';
+import { Plus, Puzzle, Building2, Crown, Lock, Settings, Home, ChevronRight, Search, ChevronDown } from 'lucide-react';
+import { PageHeaderActions, Button, getLucideIcon, Card, CardHeader, CardTitle, Badge, Switch, CardContent, Separator, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, Input } from '@fayz-ai/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function modulePriceLabel(plugin, facet, pkg) {
+  const key = facet ? `${plugin}.${facet}` : plugin;
+  const entry = PRICE_BOOK[key];
+  if (!entry) return void 0;
+  if (includedIn(pkg, key)) return tl(`Included in ${pkg.name}`, `Inclu\xEDdo no ${pkg.name}`);
+  const price = `R$ ${entry.price.toLocaleString("pt-BR")}`;
+  return entry.per === "unit" ? tl(`${price} per unit`, `${price} por unidade`) : tl(`${price} a month, whole group`, `${price}/m\xEAs, grupo todo`);
+}
+function moduleSettingsHref(tabs, plugin, facet) {
+  const own = tabs.filter((t) => t.pluginId === plugin);
+  const tab = facet ? own.find((t) => t.requiresFacet === facet) ?? own.find((t) => t.id === `${plugin}-${facet}`) : own.find((t) => t.id === plugin) ?? own.find((t) => !t.requiresFacet && !t.parent) ?? own[0];
+  return tab ? `/settings/${tab.id}` : void 0;
+}
+
+// src/components/settings/module-scope.ts
+function accountTrades(apps) {
+  const out = /* @__PURE__ */ new Set();
+  for (const app of apps) {
+    if (app.house) continue;
+    const trade = TRADE_BY_APP[app.id] ?? app.vertical_id;
+    if (trade) out.add(trade);
+  }
+  return [...out];
+}
+function splitAccountModules(rows, opts) {
+  const has = [];
+  const usedByOthers = [];
+  for (const row of rows) {
+    if (!row.plugin.isActive) continue;
+    if (row.plugin.activationReason === "dependency") {
+      usedByOthers.push({ row, by: row.neededBy });
+      continue;
+    }
+    const inTrade = opts.trades.length === 0 || moduleFitsTrades(row.plugin.id, opts.trades) || opts.chosen.has(row.plugin.id);
+    if (inTrade) has.push(row);
+  }
+  return { has, usedByOthers };
+}
+function UpcomingModuleRow({ moduleKey }) {
+  const entry = PRICE_BOOK[moduleKey];
+  const info = UPCOMING_MODULE_INFO[moduleKey];
+  if (!entry) return null;
+  const price = modulePriceLabel(moduleKey.includes(".") ? moduleKey.split(".")[0] : moduleKey, moduleKey.includes(".") ? moduleKey.split(".")[1] : void 0);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded-card border border-dashed bg-muted/20 p-4 sm:flex-row sm:items-start sm:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-center gap-2 font-medium", children: [
+        tl(...entry.label),
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: tl("Coming soon", "Em breve") })
+      ] }),
+      info && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-muted-foreground", children: tl(...info.line) }),
+      info?.v1 && /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [
+        tl("From V1", "Vem do V1"),
+        ": ",
+        info.v1
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: price ?? tl("Price coming soon", "Pre\xE7o em breve") })
+  ] });
+}
+function pluginScreens(plugin) {
+  return plugin.navigation?.length ? plugin.navigation.map((n) => n.label) : (plugin.routes ?? []).map((r) => r.path).filter((p) => !p.endsWith("/*"));
+}
+function buildRows(plugins, hidden, permits) {
+  const visible = plugins.filter((p) => !hidden.has(p.id) && p.scope !== "core");
+  const hosted = new Set(visible.filter((p) => p.hostPluginId).map((p) => p.id));
+  return visible.filter((plugin) => !hosted.has(plugin.id)).map((plugin) => ({
+    plugin,
+    // O que o plugin oferece de menu. Um módulo sem entrada própria (o app
+    // desenhou o rail) cai nas rotas, que é o que some de verdade.
+    screens: pluginScreens(plugin),
+    neededBy: visible.filter((other) => other.isActive && other.id !== plugin.id && (other.dependencies ?? []).includes(plugin.id)).map((other) => other.name),
+    permitted: permits ? permits(plugin.id) : true,
+    addons: visible.filter((candidate) => candidate.hostPluginId === plugin.id).map((addon) => ({
+      plugin: addon,
+      screens: pluginScreens(addon),
+      permitted: permits ? permits(addon.id) : true
+    })).sort((a, b) => a.plugin.name.localeCompare(b.plugin.name))
+  })).sort((a, b) => a.plugin.name.localeCompare(b.plugin.name));
+}
+function ModuleCard({
+  row,
+  onToggle,
+  busy,
+  appLabel,
+  unit,
+  price,
+  facetPrice,
+  settingsHref,
+  onOpenSettings
+}) {
+  const { plugin, screens, neededBy, permitted, addons } = row;
+  const Icon = getLucideIcon(plugin.icon) ?? Puzzle;
+  const blocked = !permitted && !plugin.isActive;
+  const locked = plugin.isActive && neededBy.length > 0;
+  const facets = (plugin.facets ?? []).filter((f) => !f.includedWithPlugin);
+  const facetState = plugin.config?.facets ?? {};
+  const offHere = !!unit?.disabled.has(plugin.id);
+  const moduleOn = unit ? !offHere : plugin.isActive;
+  const href = settingsHref?.();
+  const cog = (target, label) => target && onOpenSettings ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      type: "button",
+      onClick: () => onOpenSettings(target),
+      "aria-label": `Configurar ${label}`,
+      title: `Configurar ${label}`,
+      className: "font-normal whitespace-normal flex h-11 w-11 shrink-0 items-center justify-center rounded-button text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" })
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(Card, { className: cn(blocked && "opacity-60", unit && offHere && "border-dashed"), children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex-row items-start justify-between gap-4 space-y-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 h-5 w-5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: plugin.name }),
+            appLabel ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0 font-normal", children: appLabel }) : null
+          ] }),
+          plugin.description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: plugin.description }) : null,
+          price || unit ? /* @__PURE__ */ jsxs("p", { className: "mt-1.5 flex flex-wrap items-center gap-x-3 gap-y-1 text-sm", children: [
+            price ? /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: price }) : null,
+            unit ? /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-1", offHere ? "text-foreground" : "text-muted-foreground"), children: [
+              /* @__PURE__ */ jsx(Building2, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+              offHere ? `Desligado em ${unit.unitName}` : "Herdado da rede"
+            ] }) : null
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+        cog(href, plugin.name),
+        blocked ? /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "shrink-0 gap-1", children: [
+          /* @__PURE__ */ jsx(Crown, { className: "h-3 w-3" }),
+          " No plano maior"
+        ] }) : /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: moduleOn,
+            disabled: busy || !unit && locked,
+            "aria-label": `${moduleOn ? "Desligar" : "Ligar"} ${plugin.name}${unit ? ` em ${unit.unitName}` : ""}`,
+            onCheckedChange: (next) => void (unit ? unit.onToggle : onToggle)(plugin.id, next ? "active" : "disabled")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3 pt-0", children: [
+      screens.length > 0 ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        plugin.isActive ? "Some do menu se desligar: " : "Aparece no menu: ",
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: screens.slice(0, 5).join(" \xB7 ") }),
+        screens.length > 5 ? ` e mais ${screens.length - 5}` : ""
+      ] }) : null,
+      locked && !unit ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Lock, { className: "h-3.5 w-3.5 shrink-0" }),
+        neededBy.join(", "),
+        " ",
+        neededBy.length > 1 ? "dependem" : "depende",
+        " deste m\xF3dulo. Desligue",
+        " ",
+        neededBy.length > 1 ? "esses" : "esse",
+        " primeiro."
+      ] }) : null,
+      plugin.isActive && moduleOn && facets.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: facets.map((facet) => {
+          const accountOn = facetState[facet.id] === true;
+          if (unit && !accountOn) return null;
+          const facetOn = unit ? !unit.disabled.has(`${plugin.id}.${facet.id}`) : accountOn;
+          const fPrice = facetPrice?.(facet.id);
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+                facet.label,
+                fPrice ? /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs tabular-nums text-muted-foreground", children: [
+                  "+ ",
+                  fPrice
+                ] }) : null
+              ] }),
+              facet.description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: facet.description }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+              facetOn ? cog(settingsHref?.(facet.id), facet.label) : null,
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  checked: facetOn,
+                  disabled: busy,
+                  "aria-label": `${facetOn ? "Desligar" : "Ligar"} ${facet.label}${unit ? ` em ${unit.unitName}` : ""}`,
+                  onCheckedChange: (next) => void (unit ? unit.onToggle : onToggle)(plugin.id, next ? "active" : "disabled", facet.id)
+                }
+              )
+            ] })
+          ] }, facet.id);
+        }) })
+      ] }) : null,
+      plugin.isActive && !unit && addons.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsx("div", { className: "space-y-3", children: addons.map((addon) => {
+          const addonBlocked = !addon.permitted && !addon.plugin.isActive;
+          return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between gap-4", addonBlocked && "opacity-60"), children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm", children: addon.plugin.name }),
+              addon.plugin.description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: addon.plugin.description }) : addon.screens.length > 0 ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                "Adiciona ao menu: ",
+                addon.screens.join(" \xB7 ")
+              ] }) : null
+            ] }),
+            addonBlocked ? /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "shrink-0 gap-1", children: [
+              /* @__PURE__ */ jsx(Crown, { className: "h-3 w-3" }),
+              " No plano maior"
+            ] }) : /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: addon.plugin.isActive,
+                disabled: busy,
+                "aria-label": `${addon.plugin.isActive ? "Desligar" : "Ligar"} ${addon.plugin.name}`,
+                onCheckedChange: (next) => void onToggle(addon.plugin.id, next ? "active" : "disabled")
+              }
+            )
+          ] }, addon.plugin.id);
+        }) })
+      ] }) : null
+    ] })
+  ] });
+}
+function AddModulesPanel({
+  open,
+  onOpenChange,
+  categories,
+  onToggle,
+  busy
+}) {
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs(ModalContent, { size: "2xl", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: "Adicionar m\xF3dulo" }),
+      /* @__PURE__ */ jsx(ModalDescription, { children: "O que o produto oferece, por ramo de neg\xF3cio. Ligar um m\xF3dulo p\xF5e as telas dele no menu." })
+    ] }),
+    /* @__PURE__ */ jsx(ModuleCatalogSections, { categories, onToggle, busy })
+  ] }) });
+}
+function ModuleCatalogSections({
+  categories,
+  onToggle,
+  busy
+}) {
+  const [query, setQuery] = React3.useState("");
+  const total = categories.reduce((n, c) => n + c.rows.length, 0);
+  const searchable = total > 6;
+  const filtered = React3.useMemo(() => filterCategories(categories, query), [categories, query]);
+  if (categories.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "py-8 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Nada a adicionar" }),
+      /* @__PURE__ */ jsx("p", { className: "mx-auto mt-1 max-w-sm text-sm text-muted-foreground", children: "Esta conta j\xE1 tem ligado tudo o que o produto oferece para ela." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    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: "Buscar m\xF3dulo",
+          className: "rounded-lg border-border bg-background pl-9"
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsx("div", { className: "-mx-1 max-h-[55vh] space-y-3 overflow-y-auto px-1", children: filtered.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "py-8 text-center text-sm text-muted-foreground", children: [
+      'Nenhum m\xF3dulo com "',
+      query,
+      '".'
+    ] }) : filtered.map((category) => /* @__PURE__ */ jsx(
+      CategorySection,
+      {
+        category,
+        forceOpen: query.trim().length > 0,
+        onToggle,
+        busy
+      },
+      category.id
+    )) })
+  ] });
+}
+function CategorySection({
+  category,
+  forceOpen,
+  onToggle,
+  busy
+}) {
+  const [open, setOpen] = React3.useState(category.mine);
+  const expanded = open || forceOpen;
+  const Chevron = expanded ? ChevronDown : ChevronRight;
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: () => setOpen(!expanded),
+        "aria-expanded": expanded,
+        className: "flex w-full items-center gap-2 rounded-button py-1.5 text-left transition-colors hover:bg-muted/40 justify-start whitespace-normal text-[length:inherit] font-normal",
+        children: [
+          /* @__PURE__ */ jsx(Chevron, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: category.label }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            "(",
+            category.rows.length,
+            ")"
+          ] })
+        ]
+      }
+    ),
+    expanded ? /* @__PURE__ */ jsx("div", { className: "space-y-3 pt-2", children: category.rows.map((row) => /* @__PURE__ */ jsx(ModuleCard, { row, onToggle, busy }, row.plugin.id)) }) : null
+  ] });
+}
+function filterCategories(categories, query) {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return categories;
+  const matches = (row) => `${row.plugin.name} ${row.plugin.description ?? ""}`.toLowerCase().includes(needle);
+  return categories.map((category) => ({ ...category, rows: category.rows.filter(matches) })).filter((category) => category.rows.length > 0);
+}
+function ModulesPreview() {
+  const runtime = usePluginRuntime();
+  const preset = useAppPreset();
+  const rows = React3.useMemo(() => {
+    const flat = runtime.navigation.filter((entry) => entry.section !== "settings").map((entry) => toRailRow(entry, preset.labels));
+    return applyRailPreset(flat, preset.rail, preset.hide, preset.whole);
+  }, [runtime.navigation, preset.rail, preset.hide, preset.whole, preset.labels]);
+  return /* @__PURE__ */ jsxs("div", { className: "sticky top-4 overflow-hidden rounded-2xl border border-sidebar-border bg-sidebar p-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-2 px-2 text-xs font-medium text-sidebar-muted", children: "Pr\xE9via do menu" }),
+    rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-6 text-center text-xs text-sidebar-muted", children: "Nenhum m\xF3dulo ligado ainda." }) : /* @__PURE__ */ jsx("nav", { className: "space-y-0.5", children: rows.map((row) => /* @__PURE__ */ jsx(PreviewRow, { row }, row.id)) })
+  ] });
+}
+function toRailRow(entry, labels) {
+  return {
+    id: entry.id ?? entry.route,
+    label: labelFor(labels, entry.route, entry.label),
+    route: entry.route,
+    icon: entry.icon ?? "Circle",
+    section: entry.section,
+    pluginId: entry.pluginId
+  };
+}
+function PreviewRow({ row, depth = 0 }) {
+  const Icon = depth === 0 ? getLucideIcon(row.icon) ?? Home : null;
+  const hasChildren = !!row.children?.length;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-2 rounded-lg px-2 py-1.5 text-sm text-sidebar-foreground/80",
+          depth === 0 && "hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground"
+        ),
+        style: depth > 0 ? { paddingLeft: 12 + depth * 16 } : void 0,
+        children: [
+          Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0" }) : null,
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: row.label }),
+          hasChildren ? /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-sidebar-muted" }) : null
+        ]
+      }
+    ),
+    row.children?.map((child) => /* @__PURE__ */ jsx(PreviewRow, { row: child, depth: depth + 1 }, child.id))
+  ] });
+}
+function ModulesSettings({ hidden = [], onToggle, permits, busy, catalog = [], onUnitToggle }) {
+  const runtime = usePluginRuntime();
+  const scope = useSettingsUnitScope();
+  const unitId = onUnitToggle ? scope.unitId : null;
+  const unitName = useUnitStore((s) => s.units.find((u) => u.id === unitId)?.name);
+  const config = useAppConfigStore((s) => s.config);
+  const unit = React3.useMemo(() => unitId && onUnitToggle ? {
+    unitName: unitName ?? "esta unidade",
+    disabled: unitDisabledModules(config, unitId),
+    onToggle: (plugin, status, facet) => onUnitToggle(unitId, plugin, status, facet)
+  } : void 0, [unitId, unitName, config, onUnitToggle]);
+  const settingsHref = (plugin) => (facet) => moduleSettingsHref(runtime.settingsTabs, plugin, facet);
+  const offered = useOfferedPlugins();
+  const [adding, setAdding] = React3.useState(false);
+  const rows = React3.useMemo(() => {
+    const known = catalog.length ? new Set(catalog.flatMap((app) => app.modules)) : new Set(offered);
+    const inCatalogue = known.size ? runtime.plugins.filter((p) => known.has(p.id) || p.isActive) : runtime.plugins;
+    return buildRows(inCatalogue, new Set(hidden), permits);
+  }, [runtime.plugins, hidden, permits, offered, catalog]);
+  const trades = React3.useMemo(() => accountTrades(config.apps ?? []), [config.apps]);
+  const pkg = React3.useMemo(
+    () => packageFor({ trades, modules: rows.filter((r) => r.plugin.isActive).map((r) => r.plugin.id) }),
+    [trades, rows]
+  );
+  const chosen = React3.useMemo(() => new Set(config.plugins.filter((p) => !p.facet && p.status === "active" && ["manual", "plan", "trial", "agent"].includes(p.source)).map((p) => p.plugin)), [config.plugins]);
+  const { has: on, usedByOthers } = React3.useMemo(
+    () => splitAccountModules(rows, { trades, chosen }),
+    [rows, trades, chosen]
+  );
+  const upcoming = React3.useMemo(
+    () => unit ? [] : COMING_SOON_MODULES.filter((k) => trades.length === 0 || moduleFitsTrades(k, trades)),
+    [unit, trades]
+  );
+  const families = MODULE_FAMILIES.map((f) => ({
+    family: f,
+    rows: on.filter((r) => moduleFamilyOf(r.plugin.id) === f.id),
+    upcoming: upcoming.filter((k) => moduleFamilyOf(k) === f.id)
+  })).filter((g) => g.rows.length > 0 || g.upcoming.length > 0);
+  const off = React3.useMemo(() => rows.filter((r) => !r.plugin.isActive), [rows]);
+  const categories = React3.useMemo(() => buildCategories(catalog, off), [catalog, off]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+    onUnitToggle && /* @__PURE__ */ jsx(UnitScopePicker, {}),
+    !unit && /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsxs(Button, { size: "sm", className: "shrink-0 gap-1.5", onClick: () => setAdding(true), children: [
+      /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+      " Adicionar"
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-8 lg:grid-cols-[minmax(0,1fr)_260px]", children: [
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("h3", { className: "text-sm font-medium", children: [
+            unit ? `Em ${unit.unitName}` : "Ligados",
+            " (",
+            unit ? on.filter((r) => !unit.disabled.has(r.plugin.id)).length : on.length,
+            unit ? ` de ${on.length}` : "",
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: unit ? `Cada unidade herda o que a rede tem. Desligar aqui vale s\xF3 para ${unit.unitName}: a tela mostra o aviso em vez de abrir, e as outras unidades continuam.` : "O que esta conta usa hoje. Desligar tira as telas do menu; os dados continuam onde est\xE3o." })
+        ] }),
+        on.length === 0 ? /* @__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: "Nenhum m\xF3dulo ligado" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: 'Abra o cat\xE1logo em "Adicionar" para escolher o que esta conta vai usar.' })
+        ] }) : families.map(({ family, rows: familyRows, upcoming: soon }) => /* @__PURE__ */ jsxs("div", { className: "space-y-3 pt-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-1", children: [
+            /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: tl(...family.label) }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tl(...family.line) })
+          ] }),
+          familyRows.map((row) => /* @__PURE__ */ jsx(
+            ModuleCard,
+            {
+              row,
+              onToggle,
+              busy,
+              appLabel: appLabelFor(catalog, row.plugin.id),
+              unit,
+              price: modulePriceLabel(row.plugin.id, void 0, pkg),
+              facetPrice: (facet) => modulePriceLabel(row.plugin.id, facet, pkg),
+              settingsHref: settingsHref(row.plugin.id),
+              onOpenSettings: navigateTo
+            },
+            row.plugin.id
+          )),
+          soon.map((k) => /* @__PURE__ */ jsx(UpcomingModuleRow, { moduleKey: k }, k))
+        ] }, family.id)),
+        usedByOthers.length > 0 && /* @__PURE__ */ jsxs("p", { className: "px-1 text-xs text-muted-foreground", children: [
+          "Tamb\xE9m rodam, sem custo, porque outro m\xF3dulo precisa:",
+          " ",
+          usedByOthers.map(({ row, by }) => `${row.plugin.name}${by.length ? ` (usado por ${by.join(", ")})` : ""}`).join(" \xB7 "),
+          "."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(ModulesPreview, {})
+    ] }),
+    /* @__PURE__ */ jsx(
+      AddModulesPanel,
+      {
+        open: adding,
+        onOpenChange: setAdding,
+        categories,
+        onToggle,
+        busy
+      }
+    )
+  ] });
+}
+var SHELL_PLUGINS = ["admin", "dashboard", "notifications", "tasks"];
+function ConnectedModulesSettings({ hidden = SHELL_PLUGINS }) {
+  const { refresh } = useAppConfig();
+  const access = useAccessOptional();
+  const catalog = useModuleCatalog();
+  const tenantId = useOrganizationStore((s) => s.currentOrg?.id ?? null);
+  const [busy, setBusy] = React3.useState(false);
+  const onToggle = React3.useCallback(
+    async (plugin, status, facet) => {
+      const supabase = getSupabaseClientOptional();
+      if (!supabase) return;
+      setBusy(true);
+      try {
+        const { error } = await supabase.rpc("tenant_plugin_set", {
+          p_plugin: plugin,
+          p_status: status,
+          p_facet: facet ?? ""
+        });
+        if (error) throw error;
+        if (tenantId) {
+          invalidateAppConfig(tenantId);
+          clearAppConfigSnapshot(tenantId);
+        }
+        await refresh();
+        toast.success(status === "active" ? "M\xF3dulo ligado" : "M\xF3dulo desligado");
+      } catch (err) {
+        toast.error("N\xE3o foi poss\xEDvel mudar o m\xF3dulo", { description: err?.hint ?? err?.message });
+      } finally {
+        setBusy(false);
+      }
+    },
+    [refresh, tenantId]
+  );
+  const onUnitToggle = React3.useCallback(
+    async (unitId, plugin, status, facet) => {
+      const supabase = getSupabaseClientOptional();
+      if (!supabase) return;
+      setBusy(true);
+      try {
+        const { error } = await supabase.rpc("unit_plugin_set", {
+          p_unit: unitId,
+          p_plugin: plugin,
+          p_facet: facet ?? "",
+          p_status: status
+        });
+        if (error) throw error;
+        if (tenantId) {
+          invalidateAppConfig(tenantId);
+          clearAppConfigSnapshot(tenantId);
+        }
+        await refresh();
+        toast.success(status === "active" ? "Volta a valer o da rede nesta unidade" : "Desligado nesta unidade");
+      } catch (err) {
+        toast.error("N\xE3o foi poss\xEDvel mudar a unidade", { description: err?.hint ?? err?.message });
+      } finally {
+        setBusy(false);
+      }
+    },
+    [refresh, tenantId]
+  );
+  const permits = React3.useCallback(
+    (plugin) => access ? access.can(plugin, "read").allowed || access.entitled(plugin) : true,
+    [access]
+  );
+  return /* @__PURE__ */ jsx(ModulesSettings, { hidden, onToggle, onUnitToggle, permits, busy, catalog });
+}
+
+export { ConnectedModulesSettings };
+//# sourceMappingURL=ConnectedModulesSettings-A2VJ5BMJ.js.map
+//# sourceMappingURL=ConnectedModulesSettings-A2VJ5BMJ.js.map