@fayz-ai/admin 0.47.0 → 0.49.0

package/dist/chunk-F346TYKO.js

@@ -0,0 +1,1448 @@
+import { useTranslation } from './chunk-YUHCC7JY.js';
+import { PRICING_PLANS, useBillingStore, useTrial, effectivePlan, pricingForPlans, quote, aiCreditsFor, planFit, EXTRA_SEAT_PRICE, PRICING_SCENARIOS, packageFor, perUnitModules, moduleFitsTrades, billableModules, useAiUsage, PRICE_BOOK, SCENARIO_VERTICAL_LABELS, TRADE_BY_APP, activeModuleKeys, EXTRA_AI_CREDITS, includedIn, UPSELL_KEY } from './chunk-OEY3V6J3.js';
+import { useAppConfigStore, resolveAppId, activePluginIds, hasPlugin, useOrgAdapterOptional, useUnitStore } from './chunk-ZMP52ZHM.js';
+import { usePermissionsStore } from './chunk-UQ2NTFQC.js';
+import { cn, useOrganizationStore, getSupabaseClientOptional } from './chunk-GZWX4ZIK.js';
+import * as React from 'react';
+import { useMemo, useCallback, useLayoutEffect, useEffect } from 'react';
+import { Sparkles, Check, Crown, Minus, Building2, Users, Blocks, TrendingDown, Calculator, RotateCcw, ChevronDown, AlertCircle, AlertTriangle, ArrowUpRight } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { DataTable, toast, Card, CardContent, Button, Skeleton, ConfirmDialog, Badge, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, getLucideIcon, Switch, SheetFooter, ChoiceSelect, Input } from '@fayz-ai/ui';
+import { tl, invalidateCount, usePluginRuntimeOptional, getAllEntities, countByTenant, invalidateAppConfig, errorMessage, toTenantPluginBindings, fetchAppConfig, formatCurrency } from '@fayz-ai/core';
+import { useAuthStore } from '@fayz-ai/auth';
+import { mergeLimitDeclarations, isEntitledByPlan, resolveAccess, resolveLimit } from '@fayz-ai/core/access';
+import { create } from 'zustand';
+
+function parsePlanFeature(feature) {
+  return feature.startsWith("*") ? { label: feature.slice(1).trim(), highlighted: true } : { label: feature, highlighted: false };
+}
+function PlanFeatureItem({ feature, className, iconClassName }) {
+  const { label, highlighted } = parsePlanFeature(feature);
+  return /* @__PURE__ */ jsxs("li", { className: cn(
+    "flex items-start gap-2",
+    className,
+    highlighted && "-mx-1.5 rounded-md bg-violet-50 px-1.5 py-1 font-medium text-violet-700 dark:bg-violet-950/60 dark:text-violet-200"
+  ), children: [
+    highlighted ? /* @__PURE__ */ jsx(Sparkles, { className: cn("mt-0.5 shrink-0 text-violet-600 dark:text-violet-300", iconClassName), "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Check, { className: cn("mt-0.5 shrink-0 text-primary", iconClassName), "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { children: label })
+  ] });
+}
+var CORE_LIMIT_DECLARATIONS = [
+  { key: "users", label: "Users", table: "v_team_members" },
+  { key: "locations", label: "Companies", table: "v_units" }
+];
+function entityDerivedLimitDeclarations(entities) {
+  const out = [];
+  for (const e of entities) {
+    const def = e.entityDef;
+    if (def?.limitKey && def.data?.table) {
+      out.push({
+        key: def.limitKey,
+        label: e.labelPlural,
+        table: def.data.table,
+        kindFilter: def.data.archetypeKind
+      });
+    }
+  }
+  return out;
+}
+var registry = /* @__PURE__ */ new Map();
+function setLimitRegistry(declarations) {
+  const next = /* @__PURE__ */ new Map();
+  for (const decl of declarations) next.set(decl.key, decl);
+  registry = next;
+}
+function getLimitDeclaration(key) {
+  return registry.get(key);
+}
+var listeners = /* @__PURE__ */ new Map();
+function subscribeLimit(key, cb) {
+  let set = listeners.get(key);
+  if (!set) {
+    set = /* @__PURE__ */ new Set();
+    listeners.set(key, set);
+  }
+  set.add(cb);
+  return () => {
+    set?.delete(cb);
+    if (set && set.size === 0) listeners.delete(key);
+  };
+}
+function invalidateLimit(key) {
+  const decl = registry.get(key);
+  if (decl) invalidateCount(decl.table);
+  listeners.get(key)?.forEach((cb) => cb());
+}
+var useUpgradeModalStore = create((set) => ({
+  current: null,
+  open: (payload) => set({ current: payload }),
+  close: () => set({ current: null })
+}));
+var AccessContext = React.createContext(null);
+function AccessProvider({ children, limitDeclarations, trialPlanId }) {
+  const user = useAuthStore((s) => s.user);
+  const org = useOrganizationStore((s) => s.currentOrg);
+  const profile = usePermissionsStore((s) => s.currentProfile);
+  const plans = useBillingStore((s) => s.plans);
+  const runtime = usePluginRuntimeOptional();
+  const pluginLimits = runtime?.pluginLimits;
+  React.useEffect(() => {
+    setLimitRegistry(
+      mergeLimitDeclarations(
+        CORE_LIMIT_DECLARATIONS,
+        entityDerivedLimitDeclarations(getAllEntities()),
+        pluginLimits,
+        limitDeclarations
+      )
+    );
+  }, [pluginLimits, limitDeclarations]);
+  const trial = useTrial();
+  const plan = React.useMemo(
+    () => effectivePlan(org, plans, trial, trialPlanId),
+    [plans, org?.plan, trial.status, trialPlanId]
+  );
+  const session = React.useMemo(
+    () => ({ user, org, profile, plan }),
+    [user, org, profile, plan]
+  );
+  const value = React.useMemo(
+    () => ({
+      session,
+      can: (feature, action) => resolveAccess(session, feature, action),
+      entitled: (feature) => isEntitledByPlan(session.plan, feature)
+    }),
+    [session]
+  );
+  return /* @__PURE__ */ jsx(AccessContext.Provider, { value, children });
+}
+AccessProvider.displayName = "AccessProvider";
+var ALLOW_ALL = {
+  can: () => ({ allowed: true }),
+  entitled: () => true
+};
+function useAccess() {
+  const ctx = React.useContext(AccessContext);
+  if (!ctx) throw new Error("useAccess must be used inside <AccessProvider>");
+  return { can: ctx.can, entitled: ctx.entitled };
+}
+function useAccessOptional() {
+  const ctx = React.useContext(AccessContext);
+  return ctx ? { can: ctx.can, entitled: ctx.entitled } : ALLOW_ALL;
+}
+function useAccessSession() {
+  return React.useContext(AccessContext)?.session ?? null;
+}
+function resolveCap(plan, key) {
+  return plan?.entitlements?.limits?.[key];
+}
+function useLimit(key) {
+  const session = useAccessSession();
+  const tenantId = session?.org?.id;
+  const cap = resolveCap(session?.plan ?? null, key);
+  const declaration = getLimitDeclaration(key);
+  const unlimited = !declaration || cap === void 0 || cap === -1;
+  const [used, setUsed] = React.useState(0);
+  const [loading, setLoading] = React.useState(!unlimited);
+  const [version, setVersion] = React.useState(0);
+  const refresh = React.useCallback(() => setVersion((v) => v + 1), []);
+  React.useEffect(() => subscribeLimit(key, refresh), [key, refresh]);
+  React.useEffect(() => {
+    if (unlimited || !declaration || !tenantId) {
+      setUsed(0);
+      setLoading(false);
+      return;
+    }
+    let active = true;
+    setLoading(true);
+    countByTenant(declaration.table, {
+      kind: declaration.kindFilter,
+      period: declaration.period,
+      tenantId,
+      fresh: version > 0
+    }).then((n) => {
+      if (active) {
+        setUsed(n);
+        setLoading(false);
+      }
+    }).catch(() => {
+      if (active) setLoading(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [unlimited, declaration, tenantId, version]);
+  const bounds = resolveLimit({ cap, hasDeclaration: Boolean(declaration), used });
+  return { key, ...bounds, loading, refresh };
+}
+function useLimitGuard(key) {
+  const session = useAccessSession();
+  const tenantId = session?.org?.id;
+  const plan = session?.plan ?? null;
+  const openModal = useUpgradeModalStore((s) => s.open);
+  return React.useCallback(
+    async (n = 1) => {
+      const cap = resolveCap(plan, key);
+      const declaration = getLimitDeclaration(key);
+      if (!declaration || cap === void 0 || cap === -1 || !tenantId) return "ok";
+      const used = await countByTenant(declaration.table, {
+        kind: declaration.kindFilter,
+        period: declaration.period,
+        tenantId,
+        fresh: true
+      });
+      if (used + n > cap) {
+        openModal({ limitKey: key });
+        return "blocked";
+      }
+      return "ok";
+    },
+    [key, plan, tenantId, openModal]
+  );
+}
+
+// src/components/billing/access-contract.ts
+function getPlanEntitlements(plan) {
+  return plan?.entitlements;
+}
+function featureDisplayName(label) {
+  if (!label) return "";
+  return label.replace(/\s*\([^)]*\)\s*$/, "").trim() || label.trim();
+}
+var CURRENCY_BY_REGION = {
+  BR: "BRL",
+  PT: "EUR",
+  ES: "EUR",
+  FR: "EUR",
+  DE: "EUR",
+  IT: "EUR",
+  NL: "EUR",
+  IE: "EUR",
+  GB: "GBP",
+  US: "USD",
+  CA: "CAD",
+  AU: "AUD",
+  MX: "MXN",
+  AR: "ARS",
+  CL: "CLP",
+  CO: "COP"
+};
+function resolvePlanCurrency(planCurrency, locale) {
+  if (planCurrency) return planCurrency;
+  const region = locale?.split(/[-_]/)[1]?.toUpperCase();
+  return region && CURRENCY_BY_REGION[region] || "USD";
+}
+function useAppPreset() {
+  const apps = useAppConfigStore((s) => s.config.apps);
+  return useMemo(() => {
+    const own = (apps ?? []).find((a) => !a.house);
+    return own?.preset ?? {};
+  }, [apps]);
+}
+function useOfferedPlugins() {
+  const apps = useAppConfigStore((s) => s.config.apps);
+  return useMemo(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const app of apps ?? []) {
+      if (app.house) continue;
+      for (const id of app.preset?.modules ?? []) ids.add(id);
+    }
+    return [...ids];
+  }, [apps]);
+}
+function useTenantLedIdentity(hasTenantBrand) {
+  return hasTenantBrand || resolveAppId() === null;
+}
+function usePresetLabel(route, fallback) {
+  const preset = useAppPreset();
+  return (route ? preset.labels?.[route] : void 0) ?? fallback;
+}
+function useAppTheme() {
+  const apps = useAppConfigStore((s) => s.config.apps);
+  return useMemo(() => {
+    const own = (apps ?? []).find((a) => !a.house);
+    return own?.theme ?? null;
+  }, [apps]);
+}
+var num = (n) => n.toLocaleString("pt-BR");
+var money = (n) => formatCurrency(n, "BRL");
+var FEATURE_LABELS = {
+  assistant: ["Assistant", "Assistente"],
+  atendeai: ["AtendeAI (WhatsApp)", "AtendeAI (WhatsApp)"],
+  scribe: ["AI scribe", "Escriba (IA)"]
+};
+function AiUsageSection({ included, planName, upgrade }) {
+  const state = useAiUsage(included);
+  const checkout = useBillingStore((s) => s.checkout);
+  const [pack, setPack] = React.useState(null);
+  const buy = async (p) => {
+    if (checkout) {
+      try {
+        await checkout(`ai-credits-${p.credits}`);
+      } catch {
+        toast.error(tl("Could not start the purchase.", "N\xE3o foi poss\xEDvel iniciar a compra."));
+      }
+      return;
+    }
+    setPack(p);
+  };
+  return /* @__PURE__ */ jsxs("section", { "aria-labelledby": "ai-usage-title", className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("h2", { id: "ai-usage-title", className: "flex items-center gap-2 text-lg font-semibold", children: [
+        /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4 text-violet-600 dark:text-violet-300", "aria-hidden": true }),
+        tl("AI usage this period", "Uso de IA neste per\xEDodo")
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        planName ? `${planName} \xB7 ` : "",
+        num(included),
+        " ",
+        tl("credits/mo included", "cr\xE9ditos/m\xEAs inclu\xEDdos")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4 p-5", children: [
+      state.status === "loading" && /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full" }),
+      state.status === "not-metered" && /* @__PURE__ */ jsx(EmptyState, { text: tl(
+        "Usage starts counting once the assistant is used this period. Your plan includes these credits every month.",
+        "O consumo come\xE7a a contar quando o assistente for usado neste per\xEDodo. O seu plano inclui estes cr\xE9ditos todo m\xEAs."
+      ) }),
+      state.status === "empty" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Meter, { s: state.summary }),
+        /* @__PURE__ */ jsx(EmptyState, { text: tl("No credits spent yet this period.", "Nenhum cr\xE9dito usado neste per\xEDodo ainda.") })
+      ] }),
+      state.status === "ok" && /* @__PURE__ */ jsx(Usage, { s: state.summary, upgrade, onBuy: buy })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: pack !== null,
+        onConfirm: () => setPack(null),
+        onCancel: () => setPack(null),
+        title: pack ? tl(`${num(pack.credits)} extra credits for ${money(pack.price)}`, `${num(pack.credits)} cr\xE9ditos extras por ${money(pack.price)}`) : "",
+        description: tl(
+          "Buying credits online is not available for this account yet. Ask support to add the pack \u2014 it is charged on the next invoice.",
+          "A compra de cr\xE9ditos online ainda n\xE3o est\xE1 dispon\xEDvel nesta conta. Pe\xE7a o pacote ao suporte \u2014 ele entra na pr\xF3xima fatura."
+        ),
+        confirmLabel: tl("Got it", "Entendi"),
+        cancelLabel: tl("Cancel", "Cancelar")
+      }
+    )
+  ] });
+}
+function EmptyState({ text }) {
+  return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: text });
+}
+function Meter({ s }) {
+  const pct = Math.round(s.ratio * 100);
+  const scale = Math.max(s.included, s.used, s.projected, 1);
+  const at = (n) => `${Math.min(100, n / scale * 100)}%`;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1", children: [
+      /* @__PURE__ */ jsxs("p", { className: "tabular-nums", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold", children: num(s.used) }),
+        /* @__PURE__ */ jsxs("span", { className: "text-base text-muted-foreground", children: [
+          " ",
+          tl("of", "de"),
+          " ",
+          num(s.included),
+          " ",
+          tl("credits", "cr\xE9ditos")
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: cn("ml-2 text-base font-semibold", s.over ? "text-amber-700 dark:text-amber-300" : "text-violet-700 dark:text-violet-300"), children: [
+          "\xB7 ",
+          pct,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground tabular-nums", children: [
+        s.daysLeft,
+        " ",
+        tl(s.daysLeft === 1 ? "day left" : "days left", s.daysLeft === 1 ? "dia para fechar" : "dias para fechar")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": s.included,
+        "aria-valuenow": s.used,
+        "aria-valuetext": tl(`${num(s.used)} of ${num(s.included)} credits`, `${num(s.used)} de ${num(s.included)} cr\xE9ditos`),
+        "aria-label": tl("AI credits used", "Cr\xE9ditos de IA usados"),
+        className: "relative h-4 w-full rounded-full bg-muted",
+        children: [
+          s.projected > s.used && /* @__PURE__ */ jsx("div", { className: cn("absolute inset-y-0 left-0 rounded-full", s.projectedOver ? "bg-amber-200 dark:bg-amber-900/70" : "bg-violet-200 dark:bg-violet-900/70"), style: { width: at(s.projected) } }),
+          /* @__PURE__ */ jsx("div", { className: cn("absolute inset-y-0 left-0 rounded-full", s.over ? "bg-amber-500" : "bg-violet-600 dark:bg-violet-400"), style: { width: at(s.used) } }),
+          scale > s.included && /* @__PURE__ */ jsx("div", { className: "absolute -inset-y-1 w-0.5 rounded bg-foreground/70", style: { left: at(s.included) }, title: tl("Plan allowance", "Inclu\xEDdo no plano") })
+        ]
+      }
+    ),
+    s.projected > 0 && /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("h-2.5 w-2.5 rounded-full", s.over ? "bg-amber-500" : "bg-violet-600 dark:bg-violet-400") }),
+        tl("Used", "Usado")
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("h-2.5 w-2.5 rounded-full", s.projectedOver ? "bg-amber-200 dark:bg-amber-900" : "bg-violet-200 dark:bg-violet-900") }),
+        tl(`At this pace: ${num(s.projected)}`, `Neste ritmo: ${num(s.projected)}`)
+      ] }),
+      scale > s.included && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "h-3 w-0.5 bg-foreground/70" }),
+        tl("Included", "Inclu\xEDdo no plano")
+      ] })
+    ] })
+  ] });
+}
+function Usage({ s, upgrade, onBuy }) {
+  const short = s.over || s.projectedOver;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Meter, { s }),
+    s.over ? /* @__PURE__ */ jsxs("p", { role: "status", className: "flex items-start gap-2 rounded-input border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-900 dark:border-amber-800 dark:bg-amber-950/50 dark:text-amber-100", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0", "aria-hidden": true }),
+      tl(`You went ${num(s.overBy)} credits over the plan's allowance.`, `Voc\xEA passou ${num(s.overBy)} cr\xE9ditos do que o plano inclui.`)
+    ] }) : s.projectedOver ? /* @__PURE__ */ jsx("p", { className: "text-sm tabular-nums text-amber-800 dark:text-amber-200", children: tl(`At this pace you will reach ${num(s.projected)} credits \u2014 over the allowance before the period ends.`, `Neste ritmo voc\xEA chega a ${num(s.projected)} cr\xE9ditos \u2014 acima do que o plano inclui antes de o per\xEDodo fechar.`) }) : null,
+    (s.byUser.length > 0 || s.byFeature.length > 0) && /* @__PURE__ */ jsxs("details", { className: "group", children: [
+      /* @__PURE__ */ jsxs("summary", { className: "flex min-h-11 cursor-pointer list-none items-center gap-1.5 text-sm font-medium text-muted-foreground hover:text-foreground", children: [
+        /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 transition-transform group-open:rotate-180", "aria-hidden": true }),
+        tl("Who uses it and where", "Quem usa e onde")
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 pt-2 sm:grid-cols-2", children: [
+        s.byUser.length > 0 && /* @__PURE__ */ jsx(Breakdown, { title: tl("Who uses it most", "Quem mais usa"), rows: s.byUser.slice(0, 5).map((u) => [u.name, u.credits]), total: s.used }),
+        s.byFeature.length > 0 && /* @__PURE__ */ jsx(Breakdown, { title: tl("Where it goes", "Onde vai"), rows: s.byFeature.map((f) => [FEATURE_LABELS[f.feature] ? tl(...FEATURE_LABELS[f.feature]) : f.feature, f.credits]), total: s.used })
+      ] })
+    ] }),
+    short && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-t pt-4 sm:flex-row sm:flex-wrap sm:items-center", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: tl("Buy extra credits", "Comprar cr\xE9ditos extras") }),
+      EXTRA_AI_CREDITS.map((p) => /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "h-11", onClick: () => onBuy(p), children: [
+        "+",
+        num(p.credits),
+        " \xB7 ",
+        money(p.price)
+      ] }, p.credits)),
+      upgrade && /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "h-11", onClick: upgrade.onChoose, disabled: !upgrade.onChoose, children: [
+        /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-4 w-4" }),
+        tl(`More with ${upgrade.name} (${num(upgrade.credits)}/mo)`, `Aumentar com o plano ${upgrade.name} (${num(upgrade.credits)}/m\xEAs)`)
+      ] })
+    ] })
+  ] });
+}
+function Breakdown({ title, rows, total }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-1.5 text-sm", children: rows.map(([label, credits]) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", title: label, children: label }),
+      /* @__PURE__ */ jsxs("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: [
+        num(credits),
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "text-xs", children: [
+          "(",
+          total ? Math.round(credits / total * 100) : 0,
+          "%)"
+        ] })
+      ] })
+    ] }, label)) })
+  ] });
+}
+var MODULE_FAMILIES = [
+  {
+    id: "sales",
+    label: ["Sales & floor", "Vendas e sal\xE3o"],
+    line: ["Selling at the counter, the table and online.", "Vender no balc\xE3o, na mesa e online."],
+    plugins: ["orders", "tables", "menu", "reservations", "shop", "payments", "sites", "marketplaces"]
+  },
+  {
+    id: "stock",
+    label: ["Stock & production", "Estoque e produ\xE7\xE3o"],
+    line: ["What comes in, what is made, what goes out.", "O que entra, o que se produz, o que sai."],
+    plugins: ["inventory", "production", "kitchen"]
+  },
+  {
+    id: "care",
+    label: ["Attendance & schedule", "Atendimento e agenda"],
+    line: ["Bookings, records and the service itself.", "Agendamento, prontu\xE1rio e o atendimento em si."],
+    plugins: ["agenda", "clinical", "forms", "custom_forms", "scribe", "courses", "tiss", "pet"]
+  },
+  {
+    id: "finance",
+    label: ["Finance & tax", "Financeiro e fiscal"],
+    line: ["Cash, bills, banks and invoices.", "Caixa, contas, bancos e nota fiscal."],
+    plugins: ["financial", "fiscal-br", "banking-br", "openbanking"]
+  },
+  {
+    id: "clients",
+    label: ["Clients & marketing", "Clientes e marketing"],
+    line: ["Who your clients are and how you talk to them.", "Quem s\xE3o seus clientes e como voc\xEA fala com eles."],
+    plugins: ["crm", "conversations", "marketing", "automations", "reputation"]
+  },
+  {
+    id: "team",
+    label: ["Team", "Equipe"],
+    line: ["Shifts, time clock and tasks.", "Escala, ponto e tarefas."],
+    plugins: ["workforce", "tasks"]
+  },
+  {
+    id: "base",
+    label: ["Platform", "Base do sistema"],
+    line: ["Registries, reports and what every account has.", "Cadastros, relat\xF3rios e o que toda conta tem."],
+    plugins: ["registry", "reports", "dashboard", "notifications", "analytics"]
+  }
+];
+var FAMILY_OF = new Map(MODULE_FAMILIES.flatMap((f) => f.plugins.map((p) => [p, f.id])));
+function moduleFamilyOf(key) {
+  return FAMILY_OF.get(key) ?? FAMILY_OF.get(key.split(".")[0]) ?? "base";
+}
+var UPCOMING_MODULE_INFO = {
+  tiss: { line: ["Bill health plans in the TISS standard, guide by guide.", "Fature conv\xEAnios no padr\xE3o TISS, guia por guia."] },
+  "pet.grooming": { line: ["Booked by pet, priced by size and coat, from drop-off to pick-up.", "Marcado pelo pet, pre\xE7o por porte e pelagem, do recebido ao entregue."], v1: "ThePet \xB7 /pet/servicos" },
+  "pet.vet": { line: ["Vet records, vaccines and returns per pet.", "Prontu\xE1rio, vacinas e retornos de cada pet."], v1: "ThePet" },
+  "pet.lodging": { line: ["Hotel and daycare stays with check-in and daily log.", "Hospedagem e creche com entrada, sa\xEDda e di\xE1rio."], v1: "ThePet" },
+  "pet.packages": { line: ["Weekly bath plans and pick-up & drop-off.", "Planos de banho semanais e leva-e-traz."], v1: "ThePet \xB7 /pet/planos, /pet/leva-e-traz" },
+  marketplaces: { line: ["Sell the same catalog on Mercado Livre, Shopee and Amazon.", "Venda o mesmo cat\xE1logo no Mercado Livre, Shopee e Amazon."] }
+};
+var money2 = (n) => formatCurrency(n, "BRL");
+var split = (key) => {
+  const dot = key.indexOf(".");
+  return dot < 0 ? { plugin: key, facet: "" } : { plugin: key.slice(0, dot), facet: key.slice(dot + 1) };
+};
+function priceLabel(key, pkg) {
+  const e = PRICE_BOOK[key];
+  if (includedIn(pkg, key)) return tl(`Included in ${pkg.name}`, `Inclu\xEDdo no ${pkg.name}`);
+  return `${money2(e.price)} ${e.per === "unit" ? tl("per unit", "por unidade") : tl("/mo", "/m\xEAs")}`;
+}
+function PlanCheckoutSheet({ plan, pricing, size, trades, currentTotal, onCancel, onConfirm }) {
+  const runtime = usePluginRuntimeOptional();
+  const initial = React.useMemo(
+    () => new Set(billableModules([...size.modules, ...(size.unitModules ?? []).flatMap((u) => u.modules)]).concat([...size.modules, ...(size.unitModules ?? []).flatMap((u) => u.modules)].filter((k) => PRICE_BOOK[k]))),
+    [size]
+  );
+  const [selected, setSelected] = React.useState(initial);
+  const [busy, setBusy] = React.useState(false);
+  React.useEffect(() => {
+    if (plan) setSelected(new Set(initial));
+  }, [plan, initial]);
+  const offer = React.useMemo(() => {
+    const plugins = runtime?.plugins ?? [];
+    return Object.keys(PRICE_BOOK).filter((key) => {
+      if (PRICE_BOOK[key].comingSoon) return false;
+      if (trades.length && !moduleFitsTrades(key, trades) && !initial.has(key)) return false;
+      const { plugin, facet } = split(key);
+      const manifest = plugins.find((p) => p.id === plugin);
+      if (!manifest) return false;
+      return !facet || !!manifest.facets?.some((f) => f.id === facet && !f.includedWithPlugin);
+    });
+  }, [runtime?.plugins, trades, initial]);
+  const toggle = (key) => setSelected((cur) => {
+    const next = new Set(cur);
+    const { plugin, facet } = split(key);
+    if (next.has(key)) {
+      next.delete(key);
+      if (!facet) {
+        for (const k of [...next]) if (k.startsWith(`${plugin}.`)) next.delete(k);
+      }
+    } else {
+      next.add(key);
+      if (facet) next.add(plugin);
+    }
+    return next;
+  });
+  const pkg = React.useMemo(() => packageFor({ package: size.package, trades, modules: [...selected] }), [size.package, trades, selected]);
+  const nextSize = React.useMemo(() => {
+    const keys = [...selected];
+    const perUnit = perUnitModules(keys, pkg);
+    return {
+      ...size,
+      trades,
+      modules: keys,
+      unitModules: (size.unitModules ?? []).map((u) => ({ ...u, modules: perUnit }))
+    };
+  }, [selected, size, pkg, trades]);
+  const q = pricing ? quote(nextSize, pricing) : null;
+  const total = q?.total ?? plan?.price ?? 0;
+  const fit = plan ? planFit(plan, nextSize) : { fits: true };
+  const units = nextSize.unitModules?.length || nextSize.units;
+  const delta = currentTotal !== void 0 ? total - currentTotal : void 0;
+  const changes = [
+    ...[...selected].filter((k) => !initial.has(k)).map((k) => ({ ...split(k), status: "active" })),
+    ...[...initial].filter((k) => !selected.has(k) && offer.includes(k)).map((k) => ({ ...split(k), status: "disabled" }))
+  ];
+  const families = MODULE_FAMILIES.map((f) => ({ family: f, keys: offer.filter((k) => !k.includes(".") && moduleFamilyOf(k) === f.id) })).filter((g) => g.keys.length > 0);
+  const confirm = async () => {
+    if (!plan) return;
+    setBusy(true);
+    try {
+      await onConfirm(plan, changes);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Sheet, { open: !!plan, onOpenChange: (open) => {
+    if (!open && !busy) onCancel();
+  }, children: /* @__PURE__ */ jsxs(SheetContent, { width: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs(SheetHeader, { children: [
+      /* @__PURE__ */ jsx(SheetTitle, { children: plan ? tl(`Switch to ${plan.name}`, `Mudar para ${plan.name}`) : "" }),
+      /* @__PURE__ */ jsx(SheetDescription, { children: tl(
+        "Choose the modules this account will run on the plan. What is on today comes checked; the price follows each switch.",
+        "Escolha os m\xF3dulos que a conta vai usar no plano. O que j\xE1 est\xE1 ligado vem marcado; o pre\xE7o acompanha cada escolha."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(SheetBody, { className: "space-y-6", children: families.map(({ family, keys }) => /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: tl(...family.label) }),
+      /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-card border", children: keys.map((key) => {
+        const manifest = runtime?.plugins.find((p) => p.id === key);
+        const Icon = manifest?.icon ? getLucideIcon(manifest.icon) : void 0;
+        const on = selected.has(key);
+        const parts = offer.filter((k) => k.startsWith(`${key}.`));
+        return /* @__PURE__ */ jsxs("li", { className: "space-y-2 px-4 py-3", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-3", children: [
+            Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true }) : /* @__PURE__ */ jsx("span", { className: "w-4" }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium", children: manifest?.name ?? tl(...PRICE_BOOK[key].label) }),
+              /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground tabular-nums", children: priceLabel(key, pkg) })
+            ] }),
+            /* @__PURE__ */ jsx(Switch, { checked: on, onCheckedChange: () => toggle(key), "aria-label": tl(...PRICE_BOOK[key].label) })
+          ] }),
+          parts.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-2 border-l pl-4 ml-2", children: parts.map((part) => {
+            const ai = part === UPSELL_KEY;
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-3", children: [
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("span", { className: cn("block text-sm", ai && "font-medium text-violet-700 dark:text-violet-300"), children: tl(...PRICE_BOOK[part].label) }),
+                /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground tabular-nums", children: [
+                  "+ ",
+                  priceLabel(part, pkg)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(Switch, { checked: selected.has(part), onCheckedChange: () => toggle(part), "aria-label": tl(...PRICE_BOOK[part].label) })
+            ] }) }, part);
+          }) })
+        ] }, key);
+      }) })
+    ] }, family.id)) }),
+    /* @__PURE__ */ jsxs(SheetFooter, { className: "flex-col items-stretch gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0", children: fit.fits ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-xl font-bold tabular-nums", children: [
+          total > 0 ? money2(total) : tl("Free", "Gr\xE1tis"),
+          total > 0 && /* @__PURE__ */ jsx("span", { className: "text-sm font-normal text-muted-foreground", children: tl("/mo", "/m\xEAs") })
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground tabular-nums", children: [
+          units > 1 && total > 0 ? `\u2248 ${money2(total / units)} ${tl("per unit", "por unidade")} \xB7 ` : "",
+          delta !== void 0 && Math.abs(delta) >= 0.01 ? delta > 0 ? tl(`+${money2(delta)} vs today`, `+${money2(delta)} em rela\xE7\xE3o a hoje`) : tl(`${money2(-delta)} less than today`, `${money2(-delta)} a menos que hoje`) : tl("Same as today", "Igual a hoje")
+        ] })
+      ] }) : /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "mt-0.5 h-4 w-4 shrink-0", "aria-hidden": true }),
+        fit.limit === "locations" ? tl(`This plan takes up to ${fit.max} units; you have ${fit.have}.`, `Este plano vai at\xE9 ${fit.max} unidades; voc\xEA tem ${fit.have}.`) : tl(`This plan takes up to ${fit.max} users; you have ${fit.have}.`, `Este plano vai at\xE9 ${fit.max} usu\xE1rios; voc\xEA tem ${fit.have}.`)
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "h-11", onClick: onCancel, disabled: busy, children: tl("Cancel", "Cancelar") }),
+        /* @__PURE__ */ jsxs(Button, { className: "h-11", onClick: () => void confirm(), disabled: busy || !fit.fits, children: [
+          /* @__PURE__ */ jsx(Check, { className: "h-4 w-4", "aria-hidden": true }),
+          busy ? tl("Saving\u2026", "Salvando\u2026") : tl("Confirm", "Confirmar"),
+          changes.length > 0 && !busy ? ` \xB7 ${changes.length} ${tl(changes.length === 1 ? "change" : "changes", changes.length === 1 ? "mudan\xE7a" : "mudan\xE7as")}` : ""
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+var money3 = (n) => formatCurrency(n, "BRL");
+var MINE = "mine";
+var FEATURES_SHOWN = 5;
+function useRealOperation() {
+  const units = useUnitStore((s) => s.units);
+  const members = useOrganizationStore((s) => s.members);
+  const orgId = useOrganizationStore((s) => s.currentOrg?.id);
+  const adapter = useOrgAdapterOptional();
+  const runtime = usePluginRuntimeOptional();
+  const [fetchedMembers, setFetchedMembers] = React.useState(null);
+  React.useEffect(() => {
+    if (members.length > 0 || !adapter || !orgId) return;
+    let alive = true;
+    adapter.listMembers(orgId).then((list2) => {
+      if (alive) setFetchedMembers(list2.length);
+    }).catch(() => {
+    });
+    return () => {
+      alive = false;
+    };
+  }, [members.length, adapter, orgId]);
+  const apps = useAppConfigStore((s) => s.config.apps);
+  const offered = useOfferedPlugins();
+  const trades = React.useMemo(
+    () => [...new Set((apps ?? []).filter((a) => !a.house).map((a) => TRADE_BY_APP[a.id]).filter(Boolean))],
+    [apps]
+  );
+  const modules = React.useMemo(
+    () => activeModuleKeys(runtime?.plugins ?? [], { trades, offered }),
+    [runtime?.plugins, trades, offered]
+  );
+  const active = units.filter((u) => u.isActive !== false && u.kind !== "region");
+  const list = active.length ? active.map((u) => ({ id: u.id, name: u.name })) : [{ id: "main", name: tl("Main unit", "Unidade principal") }];
+  const perUnit = perUnitModules(modules, packageFor({ trades, modules }));
+  return {
+    units: list.length,
+    users: Math.max(1, members.length || fetchedMembers || 1),
+    modules,
+    unitModules: list.map((u) => ({ ...u, modules: perUnit })),
+    trades
+  };
+}
+function useOperation() {
+  const real = useRealOperation();
+  const [scenario, setScenarioState] = React.useState(MINE);
+  const [users, setUsers] = React.useState(null);
+  const [footprints, setFootprints] = React.useState(null);
+  const example = PRICING_SCENARIOS.find((x) => x.id === scenario);
+  const base = example ? example.size : real;
+  const trades = example ? [example.vertical] : real.trades;
+  const allBase = [...base.modules, ...(base.unitModules ?? []).flatMap((u) => u.modules)];
+  const pkg = packageFor({ trades, modules: allBase });
+  const available = perUnitModules(allBase, pkg).filter((k, i, all) => all.indexOf(k) === i && (!trades.length || moduleFitsTrades(k, trades)));
+  const baseUnits = base.unitModules?.length ? [...base.unitModules] : Array.from({ length: base.units }, (_, i) => ({ id: `u${i + 1}`, name: `${tl("Unit", "Unidade")} ${i + 1}`, modules: available }));
+  const units = footprints ?? baseUnits;
+  const size = { units: units.length, users: users ?? base.users, modules: base.modules, unitModules: units, trades, package: pkg.id };
+  const reset = () => {
+    setUsers(null);
+    setFootprints(null);
+  };
+  return {
+    size,
+    units,
+    available,
+    trades,
+    scenario,
+    simulated: scenario !== MINE || users !== null || footprints !== null,
+    pkg,
+    paidModules: billableModules([...size.modules, ...units.flatMap((u) => u.modules)], pkg).filter((k, i, all) => all.indexOf(k) === i).length,
+    setScenario: (id) => {
+      setScenarioState(id);
+      reset();
+    },
+    setUsers,
+    reset: () => {
+      setScenarioState(MINE);
+      reset();
+    },
+    setUnitCount: (n) => {
+      const next = units.slice(0, n);
+      while (next.length < n) next.push({ id: `extra-${next.length + 1}`, name: `${tl("Unit", "Unidade")} ${next.length + 1}`, modules: units[0]?.modules ?? available });
+      setFootprints(next);
+    },
+    toggle: (unitId, key) => setFootprints(units.map((u) => u.id !== unitId ? u : {
+      ...u,
+      modules: u.modules.includes(key) ? u.modules.filter((m) => m !== key && !m.startsWith(`${key}.`)) : [...u.modules, key, ...key.includes(".") ? [key.slice(0, key.indexOf("."))] : []].filter((m, i, all) => all.indexOf(m) === i)
+    }))
+  };
+}
+var AI_FEATURE = /assistente de ia|ai assistant/i;
+var MODEL_PLANS = PRICING_PLANS.filter((p) => p.id !== "a-la-carte").map((p) => ({
+  id: p.id,
+  name: tl(...p.name),
+  price: p.platformFee,
+  currency: "BRL",
+  interval: "month",
+  features: [],
+  pricing: { platformFee: p.platformFee, seatsPerUnit: p.seatsPerUnit, discount: p.discount }
+}));
+function Stat({ icon, children }) {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: icon }),
+    /* @__PURE__ */ jsx("span", { className: "tabular-nums text-foreground", children })
+  ] });
+}
+function fitReason(fit) {
+  if (fit.fits) return null;
+  const one = fit.max === 1;
+  return fit.limit === "locations" ? tl(`Up to ${fit.max} ${one ? "unit" : "units"} \u2014 you have ${fit.have}`, `At\xE9 ${fit.max} ${one ? "unidade" : "unidades"} \u2014 voc\xEA tem ${fit.have}`) : tl(`Up to ${fit.max} ${one ? "user" : "users"} \u2014 you have ${fit.have}`, `At\xE9 ${fit.max} ${one ? "usu\xE1rio" : "usu\xE1rios"} \u2014 voc\xEA tem ${fit.have}`);
+}
+function PlanCard({ p, units, recommended, current, onChoose, onDetails }) {
+  const [allFeatures, setAllFeatures] = React.useState(false);
+  const reason = fitReason(p.fit);
+  const all = [
+    `*${tl(`AI assistant \u2014 ${p.aiCredits.toLocaleString("pt-BR")} credits/mo`, `Assistente de IA \u2014 ${p.aiCredits.toLocaleString("pt-BR")} cr\xE9ditos/m\xEAs`)}`,
+    ...p.plan.features.filter((f) => !AI_FEATURE.test(parsePlanFeature(f).label))
+  ];
+  const features = allFeatures ? all : all.slice(0, FEATURES_SHOWN);
+  const hidden = all.length - features.length;
+  return (
+    // On a phone the recommended plan comes first; wide screens keep the price ladder.
+    /* @__PURE__ */ jsxs(Card, { className: cn("relative flex flex-col", recommended && "order-first border-primary shadow-md md:order-none", !p.fit.fits && "bg-muted/30"), children: [
+      (recommended || p.plan.highlighted && p.fit.fits) && /* @__PURE__ */ jsx("div", { className: "absolute -top-3 left-5", children: /* @__PURE__ */ jsx(Badge, { className: cn(recommended ? "border-transparent bg-primary text-primary-foreground" : "bg-secondary text-secondary-foreground"), children: recommended ? tl("Recommended for you", "Recomendado para voc\xEA") : tl("Most popular", "Mais popular") }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-1 flex-col gap-4 p-5 pt-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: p.plan.name }),
+            current && /* @__PURE__ */ jsx(Badge, { variant: "outline", children: tl("Your plan", "Seu plano") })
+          ] }),
+          p.plan.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: p.plan.description })
+        ] }),
+        reason ? /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-input border border-dashed px-3 py-2.5 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(AlertCircle, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: tl("Too small for you", "N\xE3o comporta a sua opera\xE7\xE3o") }),
+            /* @__PURE__ */ jsx("br", {}),
+            reason
+          ] })
+        ] }) : /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("p", { className: "flex min-w-0 flex-wrap items-baseline gap-x-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold tabular-nums 2xl:text-3xl", children: p.total > 0 ? money3(p.total) : tl("Free", "Gr\xE1tis") }),
+            p.total > 0 && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: tl("/mo", "/m\xEAs") })
+          ] }),
+          p.total > 0 && units > 1 && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground tabular-nums", children: [
+            "\u2248 ",
+            money3(p.total / units),
+            " ",
+            tl("per unit", "por unidade")
+          ] })
+        ] }),
+        features.length > 0 && /* @__PURE__ */ jsxs("ul", { className: "flex-1 space-y-2 text-sm", children: [
+          features.map((f) => /* @__PURE__ */ jsx(PlanFeatureItem, { feature: f, iconClassName: "h-4 w-4" }, f)),
+          hidden > 0 && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Button, { variant: "bare", size: "bare", type: "button", className: "font-normal whitespace-normal text-sm font-medium text-primary underline-offset-2 hover:underline", onClick: () => setAllFeatures(true), children: [
+            "+ ",
+            hidden,
+            " ",
+            tl("more", hidden === 1 ? "recurso" : "recursos")
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-auto space-y-2", children: [
+          p.quote && p.fit.fits && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              onClick: onDetails,
+              className: "font-normal whitespace-normal flex w-full items-center justify-center gap-1.5 py-1 text-sm text-muted-foreground underline-offset-2 hover:text-foreground hover:underline",
+              children: [
+                /* @__PURE__ */ jsx(Calculator, { className: "h-3.5 w-3.5" }),
+                tl("How we got here", "Como chegamos neste valor")
+              ]
+            }
+          ),
+          current ? /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full", disabled: true, children: tl("Current plan", "Plano atual") }) : onChoose ? /* @__PURE__ */ jsx(Button, { className: "w-full", variant: recommended ? "default" : "outline", disabled: !p.fit.fits, onClick: onChoose, children: tl(`Switch to ${p.plan.name}`, `Mudar para ${p.plan.name}`) }) : null
+        ] })
+      ] })
+    ] })
+  );
+}
+function NumberField({ icon, label, value, onChange }) {
+  return /* @__PURE__ */ jsxs("label", { className: "flex h-11 items-center gap-2 rounded-input border bg-background px-3 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: icon }),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "number",
+        min: 1,
+        inputMode: "numeric",
+        wrapperClassName: "w-14",
+        className: "h-auto border-0 bg-transparent p-0 text-right font-medium tabular-nums shadow-none focus-visible:ring-0 focus-visible:ring-offset-0",
+        value,
+        onChange: (e) => onChange(Math.max(1, Number(e.target.value) || 1))
+      }
+    )
+  ] });
+}
+function UnitCards({ op, quoteFor }) {
+  if (op.available.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: op.units.map((u) => /* @__PURE__ */ jsx(UnitCard, { op, unit: u, amount: quoteFor?.lines.find((l) => l.key === `unit:${u.id}`)?.amount ?? 0 }, u.id)) });
+}
+function UnitCard({ op, unit, amount }) {
+  const [adding, setAdding] = React.useState(false);
+  const on = op.available.filter((k) => unit.modules.includes(k));
+  const off = op.available.filter((k) => !unit.modules.includes(k));
+  const chip = (key, active) => /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      type: "button",
+      "aria-pressed": active,
+      onClick: () => op.toggle(unit.id, key),
+      title: active ? tl("Take out of this unit", "Tirar desta unidade") : tl("Add to this unit", "P\xF4r nesta unidade"),
+      className: cn(
+        "min-h-8 rounded-full border px-2.5 py-1 text-xs transition-colors",
+        active ? "border-primary/40 bg-primary/10 text-foreground hover:bg-primary/20" : "border-dashed text-muted-foreground hover:text-foreground"
+      ),
+      children: [
+        active ? "" : "+ ",
+        tl(...PRICE_BOOK[key].label)
+      ]
+    },
+    key
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-card border border-t-4 border-t-primary bg-card p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "min-w-0 font-semibold", children: unit.name }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: money3(amount) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+      on.map((k) => chip(k, true)),
+      off.length > 0 && !adding && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => setAdding(true),
+          className: "font-normal whitespace-normal min-h-8 rounded-full px-2.5 py-1 text-xs font-medium text-primary underline-offset-2 hover:underline",
+          children: [
+            "+ ",
+            off.length,
+            " ",
+            tl(off.length === 1 ? "module" : "modules", off.length === 1 ? "m\xF3dulo" : "m\xF3dulos")
+          ]
+        }
+      ),
+      adding && off.map((k) => chip(k, false))
+    ] })
+  ] });
+}
+function Breakdown2({ q }) {
+  return /* @__PURE__ */ jsxs("ul", { className: "divide-y rounded-card border text-sm", children: [
+    q.lines.map((line) => /* @__PURE__ */ jsxs("li", { className: "flex items-start justify-between gap-4 px-4 py-2.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium", children: line.label }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: line.detail })
+      ] }),
+      line.kind === "credits" ? /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium text-violet-700 dark:text-violet-200", children: tl("Included", "Inclu\xEDdo") }) : /* @__PURE__ */ jsx("span", { className: cn("shrink-0 tabular-nums", line.amount < 0 && "text-emerald-700 dark:text-emerald-400"), children: money3(line.amount) })
+    ] }, line.key)),
+    /* @__PURE__ */ jsxs("li", { className: "flex justify-between gap-4 bg-muted/40 px-4 py-3 font-semibold", children: [
+      /* @__PURE__ */ jsx("span", { children: tl("Total per month", "Total por m\xEAs") }),
+      /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money3(q.total) })
+    ] })
+  ] });
+}
+function DetailsSheet({ open, onOpenChange, op, priced, planId, setPlanId }) {
+  const withMath = priced.filter((p) => p.quote);
+  const scenarioInfo = PRICING_SCENARIOS.find((x) => x.id === op.scenario);
+  const shown = withMath.find((p) => p.plan.id === planId) ?? withMath[0];
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(SheetContent, { width: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs(SheetHeader, { children: [
+      /* @__PURE__ */ jsx(SheetTitle, { children: tl("How we price", "Como calculamos") }),
+      /* @__PURE__ */ jsx(SheetDescription, { children: tl(
+        "Each unit pays for what it runs; the one that runs most pays in full, the others 85% (65% from the 6th). Group-wide modules are paid once.",
+        "Cada unidade paga o que usa; a que mais usa paga cheio, as outras 85% (65% a partir da 6\xAA). O que serve o grupo todo \xE9 pago uma vez."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(SheetBody, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: tl("1. Your operation", "1. Sua opera\xE7\xE3o") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            ChoiceSelect,
+            {
+              "aria-label": tl("Operation", "Opera\xE7\xE3o"),
+              className: "h-11 w-full sm:w-72",
+              value: op.scenario,
+              onChange: (v) => op.setScenario(v ?? MINE),
+              options: [
+                { value: MINE, label: tl("My operation", "Minha opera\xE7\xE3o") },
+                // Grouped by trade, so a salon compares itself with salons.
+                ...Object.keys(SCENARIO_VERTICAL_LABELS).flatMap((v) => PRICING_SCENARIOS.filter((x) => x.vertical === v).map((x) => ({
+                  value: x.id,
+                  label: `${tl(...SCENARIO_VERTICAL_LABELS[v])} \xB7 ${tl(...x.name)}`
+                })))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(NumberField, { icon: /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4" }), label: tl("Units", "Unidades"), value: op.units.length, onChange: op.setUnitCount }),
+          /* @__PURE__ */ jsx(NumberField, { icon: /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }), label: tl("Users", "Usu\xE1rios"), value: op.size.users, onChange: op.setUsers })
+        ] }),
+        scenarioInfo?.assumptions?.length ? /* @__PURE__ */ jsxs("div", { className: "rounded-input border border-dashed bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: tl("Assumptions", "Premissas") }),
+          /* @__PURE__ */ jsx("ul", { className: "mt-1 list-disc space-y-0.5 pl-4", children: scenarioInfo.assumptions.map((a) => /* @__PURE__ */ jsx("li", { children: a }, a)) })
+        ] }) : null,
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tl("Tap a module to take it out of a unit or put it back. The plan cards follow.", "Toque num m\xF3dulo para tirar ou p\xF4r em uma unidade. Os cart\xF5es dos planos acompanham.") }),
+        /* @__PURE__ */ jsx(UnitCards, { op, quoteFor: shown?.quote ?? null })
+      ] }),
+      shown?.quote && /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: tl("2. The math, per plan", "2. A conta, por plano") }),
+        withMath.length > 1 && // Plan · value, one line each: a tab strip of names alone made the
+        // reader open each plan to learn what it costs.
+        /* @__PURE__ */ jsx("div", { role: "radiogroup", "aria-label": tl("Plan", "Plano"), className: cn("grid gap-2", withMath.length >= 3 ? "sm:grid-cols-3" : "sm:grid-cols-2"), children: withMath.map((p) => {
+          const on = p.plan.id === shown.plan.id;
+          const seats = p.pricing?.seatsPerUnit;
+          const units = op.units.length;
+          return /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              role: "radio",
+              "aria-checked": on,
+              onClick: () => setPlanId(p.plan.id),
+              className: cn(
+                "min-h-11 rounded-card border px-3 py-2.5 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                on ? "border-primary bg-primary/5" : "hover:bg-muted/40"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex items-baseline justify-between gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: p.plan.name }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tabular-nums", children: money3(p.total) })
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "mt-0.5 block text-[11px] leading-snug text-muted-foreground", children: [
+                  units > 1 ? `\u2248 ${money3(p.total / units)} ${tl("per unit", "por unidade")} \xB7 ` : "",
+                  seats === null || seats === void 0 ? tl("Unlimited users", "Usu\xE1rios ilimitados") : tl(`${seats} users per unit`, `${seats} usu\xE1rios por unidade`),
+                  ` \xB7 ${p.aiCredits.toLocaleString("pt-BR")} ${tl("AI credits", "cr\xE9ditos de IA")}`
+                ] })
+              ]
+            },
+            p.plan.id
+          );
+        }) }),
+        /* @__PURE__ */ jsx(Breakdown2, { q: shown.quote })
+      ] })
+    ] })
+  ] }) });
+}
+function PricingOverview({ plans, currentPlanId, onChoose, onConfirm, compare }) {
+  const op = useOperation();
+  const sources = plans?.length ? plans : MODEL_PLANS;
+  const [detailsOpen, setDetailsOpen] = React.useState(false);
+  const [detailsPlan, setDetailsPlan] = React.useState();
+  const [compareOpen, setCompareOpen] = React.useState(false);
+  const [checkout, setCheckout] = React.useState(null);
+  const choose = onConfirm ? (plan) => setCheckout(plan) : onChoose;
+  const priced = React.useMemo(() => {
+    const pricings = pricingForPlans(sources);
+    return sources.map((plan, i) => {
+      const pricing = pricings[i] ?? null;
+      const q = pricing ? quote(op.size, pricing) : null;
+      return { plan, pricing, quote: q, total: q?.total ?? plan.price, fit: planFit(plan, op.size), aiCredits: aiCreditsFor(plan, pricing) };
+    });
+  }, [sources, JSON.stringify(op.size)]);
+  const fitting = priced.filter((p) => p.fit.fits);
+  const recommended = fitting.reduce((best, p) => !best || p.total < best.total ? p : best, void 0);
+  const current = priced.find((p) => p.plan.id === currentPlanId);
+  const saving = op.scenario === MINE && current && recommended && current.fit.fits && recommended.plan.id !== current.plan.id ? current.total - recommended.total : 0;
+  const openDetails = (planId) => {
+    setDetailsPlan(planId ?? current?.plan.id ?? recommended?.plan.id);
+    setDetailsOpen(true);
+  };
+  const cols = priced.length >= 4 ? "lg:grid-cols-4" : priced.length === 3 ? "lg:grid-cols-3" : "lg:grid-cols-2";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-5 p-5 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: op.simulated ? tl("Simulation", "Simula\xE7\xE3o") : current ? tl("Your plan", "Seu plano") : tl("Your operation", "Sua opera\xE7\xE3o") }),
+        current && !op.simulated ? /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: current.plan.name }),
+          /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold tabular-nums", children: current.total > 0 ? money3(current.total) : tl("Free", "Gr\xE1tis") }),
+          current.total > 0 && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: tl("/mo for your operation", "/m\xEAs para a sua opera\xE7\xE3o") })
+        ] }) : recommended ? /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: tl("From", "A partir de") }),
+          /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold tabular-nums", children: money3(recommended.total) }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+            tl("/mo on", "/m\xEAs no"),
+            " ",
+            recommended.plan.name
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 pt-1", children: [
+          /* @__PURE__ */ jsxs(Stat, { icon: /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4" }), children: [
+            op.units.length,
+            " ",
+            tl(op.units.length === 1 ? "unit" : "units", op.units.length === 1 ? "unidade" : "unidades")
+          ] }),
+          /* @__PURE__ */ jsxs(Stat, { icon: /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }), children: [
+            op.size.users,
+            " ",
+            tl(op.size.users === 1 ? "user" : "users", op.size.users === 1 ? "usu\xE1rio" : "usu\xE1rios")
+          ] }),
+          /* @__PURE__ */ jsxs(Stat, { icon: /* @__PURE__ */ jsx(Blocks, { className: "h-4 w-4" }), children: [
+            op.pkg.name,
+            " + ",
+            op.paidModules,
+            " ",
+            tl(op.paidModules === 1 ? "extra" : "extras", op.paidModules === 1 ? "extra" : "extras")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "pt-1 text-xs text-muted-foreground", children: tl(
+          `What sets your price: the modules each unit runs (the next units pay less), what serves the whole group, and the plan fee. Logins beyond the plan: R$ ${EXTRA_SEAT_PRICE} each.`,
+          `O que define o seu pre\xE7o: os m\xF3dulos de cada unidade (as seguintes pagam menos), o que serve o grupo todo e a plataforma do plano. Login al\xE9m do inclu\xEDdo: R$ ${EXTRA_SEAT_PRICE} cada.`
+        ) }),
+        saving > 0.5 && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 pt-1 text-sm font-medium text-emerald-700 dark:text-emerald-400", children: [
+          /* @__PURE__ */ jsx(TrendingDown, { className: "h-4 w-4", "aria-hidden": true }),
+          tl(
+            `On ${recommended.plan.name} you would pay ${money3(saving)} less a month.`,
+            `No ${recommended.plan.name} voc\xEA pagaria ${money3(saving)} a menos por m\xEAs.`
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col gap-2 sm:flex-row md:flex-col", children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "h-11", onClick: () => openDetails(), children: [
+          /* @__PURE__ */ jsx(Calculator, { className: "h-4 w-4" }),
+          tl("See the details", "Ver detalhes do c\xE1lculo")
+        ] }),
+        op.simulated && /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "h-11", onClick: op.reset, children: [
+          /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4" }),
+          tl("Back to my numbers", "Voltar aos meus n\xFAmeros")
+        ] })
+      ] })
+    ] }) }),
+    current && op.scenario === MINE && (() => {
+      const next = priced.find((p) => p.aiCredits > current.aiCredits && p.plan.id !== current.plan.id && p.fit.fits);
+      return /* @__PURE__ */ jsx(
+        AiUsageSection,
+        {
+          included: current.aiCredits,
+          planName: current.plan.name,
+          upgrade: next ? { name: next.plan.name, credits: next.aiCredits, onChoose: choose && plans?.length ? () => choose(next.plan) : void 0 } : void 0
+        }
+      );
+    })(),
+    /* @__PURE__ */ jsx("div", { className: cn("grid items-stretch gap-5 md:grid-cols-2", cols), children: priced.map((p) => /* @__PURE__ */ jsx(
+      PlanCard,
+      {
+        p,
+        units: op.units.length,
+        recommended: p.plan.id === recommended?.plan.id,
+        current: op.scenario === MINE && p.plan.id === currentPlanId,
+        onChoose: choose && plans?.length && op.scenario === MINE ? () => choose(p.plan) : void 0,
+        onDetails: () => openDetails(p.plan.id)
+      },
+      p.plan.id
+    )) }),
+    compare && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "h-11 px-2", "aria-expanded": compareOpen, onClick: () => setCompareOpen((o) => !o), children: [
+        /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-4 w-4 transition-transform", compareOpen && "rotate-180") }),
+        compareOpen ? tl("Hide the comparison", "Ocultar compara\xE7\xE3o") : tl("Compare what each plan includes", "Comparar o que cada plano inclui")
+      ] }),
+      compareOpen && compare
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tl(
+      "Not included: equipment, digital certificates, internet and the providers' own fees (invoicing, iFood, acquirers). Setup and migration are free.",
+      "N\xE3o inclu\xEDdo: equipamentos, certificado digital, internet e as taxas dos pr\xF3prios provedores (emiss\xE3o fiscal, iFood, adquirentes). Implanta\xE7\xE3o e migra\xE7\xE3o sem custo."
+    ) }),
+    /* @__PURE__ */ jsx(
+      PlanCheckoutSheet,
+      {
+        plan: checkout,
+        pricing: checkout ? priced.find((p) => p.plan.id === checkout.id)?.pricing ?? null : null,
+        size: op.size,
+        trades: op.trades,
+        currentTotal: op.scenario === MINE ? current?.total : void 0,
+        onCancel: () => setCheckout(null),
+        onConfirm: async (plan, changes) => {
+          await onConfirm(plan, changes);
+          setCheckout(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(DetailsSheet, { open: detailsOpen, onOpenChange: setDetailsOpen, op, priced, planId: detailsPlan, setPlanId: setDetailsPlan })
+  ] });
+}
+
+// src/app/app-config-cache.ts
+var STORAGE_KEY = "fayz:app-config";
+var VERSION = 1;
+var APP_CONFIG_TTL_MS = 5 * 60 * 1e3;
+var MAX_AGE_MS = 24 * 60 * 60 * 1e3;
+var MAX_BYTES = 256 * 1024;
+function storage() {
+  try {
+    return globalThis.localStorage ?? null;
+  } catch {
+    return null;
+  }
+}
+var keyFor = (tenantId) => `${STORAGE_KEY}:${tenantId}`;
+function readAppConfigSnapshot(tenantId) {
+  const store = storage();
+  if (!store) return null;
+  try {
+    const raw = store.getItem(keyFor(tenantId));
+    if (!raw) return null;
+    const snap = JSON.parse(raw);
+    if (snap.version !== VERSION || snap.tenantId !== tenantId) return null;
+    const age = Date.now() - snap.savedAt;
+    if (age > MAX_AGE_MS) {
+      store.removeItem(keyFor(tenantId));
+      return null;
+    }
+    return { config: snap.config, stale: age > APP_CONFIG_TTL_MS };
+  } catch {
+    return null;
+  }
+}
+function writeAppConfigSnapshot(tenantId, config) {
+  const store = storage();
+  if (!store) return;
+  try {
+    const payload = JSON.stringify({ version: VERSION, tenantId, savedAt: Date.now(), config });
+    if (payload.length > MAX_BYTES) return;
+    store.setItem(keyFor(tenantId), payload);
+  } catch {
+  }
+}
+function clearAppConfigSnapshot(tenantId) {
+  const store = storage();
+  if (!store) return;
+  try {
+    if (tenantId) {
+      store.removeItem(keyFor(tenantId));
+      return;
+    }
+    for (let i = store.length - 1; i >= 0; i -= 1) {
+      const key = store.key(i);
+      if (key?.startsWith(`${STORAGE_KEY}:`)) store.removeItem(key);
+    }
+  } catch {
+  }
+}
+var CONFIG_POLL_MS = 6e4;
+var EMPTY = { tenant_id: null, plugins: [], apps: [], nav: [], permissions: [] };
+async function loadFor(tenantId, force = false) {
+  const supabase = getSupabaseClientOptional();
+  if (!supabase) return { ...EMPTY, tenant_id: tenantId };
+  return fetchAppConfig(supabase, { tenantId: tenantId ?? void 0, force });
+}
+function useAppConfig(options) {
+  const enabled = options?.enabled !== false;
+  const currentOrg = useOrganizationStore((state) => state.currentOrg);
+  const tenantId = currentOrg?.id ?? null;
+  const config = useAppConfigStore((state) => state.config);
+  const configTenantId = useAppConfigStore((state) => state.tenantId);
+  const beginTenant = useAppConfigStore((state) => state.beginTenant);
+  const initializing = useAppConfigStore((state) => state.initializing);
+  const stale = useAppConfigStore((state) => state.stale);
+  const error = useAppConfigStore((state) => state.error);
+  const setConfig = useAppConfigStore((state) => state.setConfig);
+  const setStale = useAppConfigStore((state) => state.setStale);
+  const setError = useAppConfigStore((state) => state.setError);
+  const reset = useAppConfigStore((state) => state.reset);
+  const refresh = useCallback(async () => {
+    setStale(true);
+    try {
+      if (tenantId) {
+        invalidateAppConfig(tenantId);
+        clearAppConfigSnapshot(tenantId);
+      }
+      const next = await loadFor(tenantId, true);
+      if (tenantId) writeAppConfigSnapshot(tenantId, next);
+      setConfig(next, tenantId);
+    } catch (err) {
+      setError(errorMessage(err));
+    } finally {
+      setStale(false);
+    }
+  }, [tenantId, setConfig, setError, setStale]);
+  useLayoutEffect(() => {
+    if (!enabled) return;
+    if (configTenantId !== tenantId) beginTenant(tenantId);
+  }, [enabled, tenantId, configTenantId, beginTenant]);
+  useLayoutEffect(() => {
+    if (!enabled || !tenantId) return;
+    const snap = readAppConfigSnapshot(tenantId);
+    if (!snap) return;
+    setConfig(snap.config, tenantId);
+    if (snap.stale) setStale(true);
+  }, [enabled, tenantId, setConfig, setStale]);
+  useEffect(() => {
+    if (!enabled) {
+      reset();
+      return;
+    }
+    let cancelled = false;
+    void (async () => {
+      try {
+        const next = await loadFor(tenantId);
+        if (cancelled) return;
+        if (tenantId) writeAppConfigSnapshot(tenantId, next);
+        setConfig(next, tenantId);
+        setStale(false);
+      } catch (err) {
+        if (!cancelled) setError(errorMessage(err));
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled, tenantId, setConfig, setError, setStale, reset]);
+  useEffect(() => {
+    if (!enabled || !tenantId) return;
+    const supabase = getSupabaseClientOptional();
+    if (!supabase) return;
+    let cancelled = false;
+    let seen = null;
+    const poll = async () => {
+      try {
+        const { data, error: error2 } = await supabase.rpc("tenant_config_version");
+        if (cancelled || error2 || !data) return;
+        const stamp = String(data);
+        if (seen === null) {
+          seen = stamp;
+          return;
+        }
+        if (stamp !== seen) {
+          seen = stamp;
+          invalidateAppConfig(tenantId);
+          const next = await loadFor(tenantId, true);
+          writeAppConfigSnapshot(tenantId, next);
+          setConfig(next, tenantId);
+        }
+      } catch {
+      }
+    };
+    const timer = setInterval(() => void poll(), CONFIG_POLL_MS);
+    void poll();
+    return () => {
+      cancelled = true;
+      clearInterval(timer);
+    };
+  }, [enabled, tenantId, setConfig]);
+  const activePlugins = useMemo(() => activePluginIds(config), [config]);
+  const bindings = useMemo(() => toTenantPluginBindings(config), [config]);
+  const has = useCallback(
+    (plugin, facet) => hasPlugin(config, plugin, facet),
+    [config]
+  );
+  const ready = !tenantId || configTenantId === tenantId && !initializing;
+  return { config, initializing, ready, stale, error, activePlugins, has, bindings, refresh };
+}
+function SubscriptionPage({ className }) {
+  const { t } = useTranslation();
+  const tr = (key, fallback) => {
+    const v = t(key);
+    return !v || v === key ? fallback : v;
+  };
+  const plans = useBillingStore((s) => s.plans);
+  const checkout = useBillingStore((s) => s.checkout);
+  const adapter = useOrgAdapterOptional();
+  const setCurrentOrg = useOrganizationStore((s) => s.setCurrentOrg);
+  const currentOrg = useOrganizationStore((s) => s.currentOrg);
+  const currentPlanId = currentOrg?.plan || "free";
+  const { refresh: refreshAppConfig } = useAppConfig();
+  const allFeatures = React.useMemo(() => {
+    const seen = /* @__PURE__ */ new Set();
+    const out = [];
+    for (const plan of plans) {
+      for (const f of plan.features) {
+        if (!seen.has(f)) {
+          seen.add(f);
+          out.push(f);
+        }
+      }
+    }
+    return out;
+  }, [plans]);
+  const featureCatalog = usePermissionsStore((s) => s.features);
+  const entitlementsMatrix = React.useMemo(() => {
+    const hasAny = plans.some((p) => getPlanEntitlements(p));
+    if (!hasAny) return null;
+    const featureIds = [];
+    const featureSeen = /* @__PURE__ */ new Set();
+    const limitKeys = [];
+    const limitSeen = /* @__PURE__ */ new Set();
+    for (const plan of plans) {
+      const ent = getPlanEntitlements(plan);
+      for (const id of Object.keys(ent?.features ?? {})) {
+        if (!featureSeen.has(id)) {
+          featureSeen.add(id);
+          featureIds.push(id);
+        }
+      }
+      for (const key of Object.keys(ent?.limits ?? {})) {
+        if (!limitSeen.has(key)) {
+          limitSeen.add(key);
+          limitKeys.push(key);
+        }
+      }
+    }
+    if (featureIds.length === 0 && limitKeys.length === 0) return null;
+    const labelForFeature = (id) => featureCatalog.find((f) => f.id === id)?.label ?? id;
+    const labelForLimit = (key) => {
+      const v = t(`limit.label.${key}`);
+      return !v || v === `limit.label.${key}` ? key : v;
+    };
+    return { featureIds, limitKeys, labelForFeature, labelForLimit };
+  }, [plans, featureCatalog, t]);
+  async function applyChange(plan) {
+    try {
+      if (checkout) {
+        await checkout(plan.id);
+        return true;
+      }
+      if (adapter && currentOrg) {
+        const updated = await adapter.updateOrg(currentOrg.id, { plan: plan.id });
+        setCurrentOrg(updated);
+      } else if (currentOrg) {
+        setCurrentOrg({ ...currentOrg, plan: plan.id });
+      }
+      toast.success(
+        tr("billing.planChanged", "Plan updated").replace("{{plan}}", plan.name)
+      );
+      return true;
+    } catch {
+      toast.error(tr("billing.planChangeFailed", "Couldn't change your plan. Please try again."));
+      return false;
+    }
+  }
+  const featureMark = (on) => on ? /* @__PURE__ */ jsx(Check, { className: "mx-auto h-4 w-4 text-primary" }) : /* @__PURE__ */ jsx(Minus, { className: "mx-auto h-4 w-4 text-muted-foreground/40" });
+  const limitText = (cap) => cap === void 0 ? "\u2014" : cap < 0 ? tr("billing.unlimited", "Unlimited") : tr("billing.upTo", "Up to {count}").replace("{count}", String(cap)).replace("{{count}}", String(cap));
+  const matrixRows = (entitlementsMatrix ? [
+    ...entitlementsMatrix.featureIds.map((id) => ({
+      id: `f:${id}`,
+      label: entitlementsMatrix.labelForFeature(id),
+      cell: (plan) => featureMark(getPlanEntitlements(plan)?.features?.[id] !== false)
+    })),
+    ...entitlementsMatrix.limitKeys.map((key) => ({
+      id: `l:${key}`,
+      label: entitlementsMatrix.labelForLimit(key),
+      cell: (plan) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: limitText(getPlanEntitlements(plan)?.limits?.[key]) })
+    }))
+  ] : allFeatures.map((feature) => ({
+    id: feature,
+    label: parsePlanFeature(feature).label,
+    cell: (plan) => featureMark(plan.features.includes(feature))
+  }))).map((row, i) => ({ ...row, odd: i % 2 === 1 }));
+  const matrixColumns = [
+    { id: "feature", header: tr("billing.features", "Features"), cell: ({ row }) => row.original.label },
+    ...plans.map((plan) => ({
+      id: plan.id,
+      header: () => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        plan.price > 0 && /* @__PURE__ */ jsx(Crown, { className: "h-3.5 w-3.5 text-amber-500" }),
+        plan.name
+      ] }),
+      meta: { className: "text-center" },
+      cell: ({ row }) => row.original.cell(plan)
+    }))
+  ];
+  const compare = entitlementsMatrix || allFeatures.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsx(DataTable, { variant: "flat", columns: matrixColumns, data: matrixRows, rowClassName: (r) => r.odd ? "bg-muted/20" : void 0 }) }) : null;
+  if (plans.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: className ?? "mx-auto max-w-5xl", children: /* @__PURE__ */ jsx(PricingOverview, {}) });
+  }
+  async function applyPlanWithModules(plan, changes) {
+    const supabase = getSupabaseClientOptional();
+    const failed = [];
+    const setModules = async () => {
+      if (!supabase) return;
+      for (const c of changes) {
+        const { error } = await supabase.rpc("tenant_plugin_set", { p_plugin: c.plugin, p_status: c.status, p_facet: c.facet });
+        if (error) failed.push(c.facet ? `${c.plugin}.${c.facet}` : c.plugin);
+      }
+    };
+    if (checkout) await setModules();
+    if (plan.id !== currentPlanId && !await applyChange(plan)) return;
+    if (!checkout) await setModules();
+    if (currentOrg?.id) {
+      invalidateAppConfig(currentOrg.id);
+      clearAppConfigSnapshot(currentOrg.id);
+    }
+    await refreshAppConfig();
+    if (failed.length) {
+      toast.error(tr("billing.modulesNotChanged", "Some modules were not changed"), { description: failed.join(", ") });
+    } else if (changes.length) {
+      toast.success(tr("billing.modulesChanged", "Modules updated"));
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: className ?? "mx-auto max-w-5xl space-y-8", children: /* @__PURE__ */ jsx(
+    PricingOverview,
+    {
+      plans,
+      currentPlanId,
+      onConfirm: applyPlanWithModules,
+      compare
+    }
+  ) });
+}
+
+export { AccessProvider, CORE_LIMIT_DECLARATIONS, MODULE_FAMILIES, PlanFeatureItem, SubscriptionPage, UPCOMING_MODULE_INFO, clearAppConfigSnapshot, entityDerivedLimitDeclarations, featureDisplayName, getLimitDeclaration, getPlanEntitlements, invalidateLimit, moduleFamilyOf, resolvePlanCurrency, useAccess, useAccessOptional, useAppConfig, useAppPreset, useAppTheme, useLimit, useLimitGuard, useOfferedPlugins, usePresetLabel, useTenantLedIdentity, useUpgradeModalStore };
+//# sourceMappingURL=chunk-F346TYKO.js.map
+//# sourceMappingURL=chunk-F346TYKO.js.map