@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/tenants/[id]/page.js

@@ -0,0 +1,2308 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { use, useState, useMemo } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { Badge } from "@withpotter/ui-kit";
+import {
+  platformAdminApi
+} from "@withpotter/lib/admin-api";
+import { SubaccountsPanel } from "./subaccounts-panel";
+import { ActivityColumns } from "./tenant-activity-feed";
+import { TenantHeader, tenantTabs } from "./tenant-header";
+import { useAdminModules } from "../../_shell/modules-context";
+import { moduleOn } from "../../_shell/nav-modules";
+import { TenantOverview } from "./tenant-overview";
+import { TenantPeoplePanel } from "./tenant-people-panel";
+import { TenantWalletCard } from "./tenant-wallet-card";
+import { useTenantWallet } from "./use-tenant-wallet";
+import { LedgerCurrencyFilter, MerchantLedger } from "./merchant-ledger";
+import { TenantSupport } from "./tenant-support";
+import { TenantVerification } from "./verification/tenant-verification";
+import { TenantPos } from "./tenant-pos";
+import { MerchantCommerce } from "./commerce";
+import {
+  usePlatformTenant,
+  useTenantAnalytics,
+  useTenantFinance,
+  useTenantTransactions,
+  useTenantCustomers,
+  useTenantProducts,
+  useTenantProductInsights,
+  useTenantCustomerInsights,
+  useTenantInvoices,
+  useTenantLoyalty,
+  useTenantDiscounts,
+  useTenantSettlements,
+  useTenantSubscriptions
+} from "../../hooks";
+import {
+  tableStyles,
+  AdmLoading,
+  Filters,
+  FilterSearch,
+  FilterSelect as AdmFilterSelect,
+  PeriodSelector,
+  customRange,
+  periodPhrase,
+  rangeFromKey,
+  usePersistedDateRange,
+  useTabParam,
+  CurrencyFilter,
+  byCurrency,
+  currenciesIn,
+  useCurrencyParam,
+  MoneyLines,
+  PICK_CURRENCY,
+  focusCurrency,
+  rowFor,
+  shownRows
+} from "../../_ui";
+import { GrowthChart } from "../../growth-chart";
+function moneyCur(n, currency) {
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currencyDisplay: "narrowSymbol",
+      currency,
+      maximumFractionDigits: 0
+    }).format(n);
+  } catch {
+    return `${currency} ${n.toFixed(0)}`;
+  }
+}
+function sharedCurrency(rows) {
+  const codes = new Set(rows.map((r) => r.currency));
+  return codes.size === 1 ? [...codes][0] || null : null;
+}
+function num(n) {
+  return new Intl.NumberFormat("en-US").format(n ?? 0);
+}
+function pct(n) {
+  return `${(n ?? 0).toFixed(1)}%`;
+}
+function duration(seconds) {
+  if (!seconds || seconds < 1) return "0s";
+  const m = Math.floor(seconds / 60);
+  const s = Math.round(seconds % 60);
+  return m > 0 ? `${m}m ${s}s` : `${s}s`;
+}
+function compactDate(s) {
+  if (!s) return "\u2014";
+  const d = new Date(s);
+  if (Number.isNaN(d.getTime())) return "\u2014";
+  return d.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function SegToggle({
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx("div", { role: "group", className: "adm-segments", children: options.map((opt) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "adm-segment",
+      onClick: () => onChange(opt.key),
+      "aria-pressed": opt.key === value,
+      children: opt.label
+    },
+    opt.key
+  )) });
+}
+const SUBTABS = {
+  wallet: [
+    { key: "money", label: "Money health" },
+    { key: "finance", label: "Balances & finance" }
+  ],
+  payments: [
+    { key: "invoices", label: "Invoices" },
+    { key: "subscriptions", label: "Subscriptions" }
+  ],
+  withdrawals: [{ key: "settlements", label: "Payouts & bank accounts" }],
+  commerce: [
+    { key: "commerce", label: "Commerce" },
+    { key: "analytics", label: "Sales" },
+    { key: "customers", label: "Customers" },
+    { key: "products", label: "Products" },
+    { key: "discounts", label: "Discounts" },
+    { key: "loyalty", label: "Loyalty" }
+  ]
+};
+function TenantDetailPage({
+  params
+}) {
+  const { id } = use(params);
+  const modules = useAdminModules();
+  const tabKeys = useMemo(
+    () => tenantTabs(modules).map((t) => t.key),
+    [modules]
+  );
+  const [tab, setTab] = useTabParam(tabKeys);
+  const walletLedger = moduleOn(modules, "wallets");
+  const [sub, setSub] = useState({
+    wallet: walletLedger ? "money" : "finance",
+    payments: "invoices",
+    withdrawals: "settlements",
+    commerce: "commerce"
+  });
+  const { rangeKey, setRangeKey, customStart, customEnd, onCustomChange } = usePersistedDateRange();
+  const range = useMemo(
+    () => rangeKey === "custom" ? customRange(customStart, customEnd) : rangeFromKey(rangeKey),
+    [rangeKey, customStart, customEnd]
+  );
+  const [shown, setShown] = useCurrencyParam();
+  const { data, isLoading, isError } = usePlatformTenant(id, {
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+  const { wallet, walletNote } = useTenantWallet(
+    id,
+    walletLedger,
+    data?.wallet
+  );
+  const queryClient = useQueryClient();
+  const statusMutation = useMutation({
+    mutationFn: (status) => platformAdminApi.setTenantStatus(id, status),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["platform-admin", "tenant", id]
+      });
+      queryClient.invalidateQueries({
+        queryKey: ["platform-admin", "tenants"]
+      });
+    }
+  });
+  if (isError) {
+    return /* @__PURE__ */ jsx("p", { style: { color: "var(--error)" }, children: "Failed to load tenant." });
+  }
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading tenant\u2026" });
+  const view = { ...data, wallet };
+  const currency = data.currency ?? "NGN";
+  const currencyControl = /* @__PURE__ */ jsx(
+    CurrencyFilter,
+    {
+      value: shown,
+      onChange: setShown,
+      currencies: currenciesIn(
+        data.currencies,
+        view.wallet?.balances.map((b) => b.currency),
+        data.recentOrders.map((o) => o.currency)
+      )
+    }
+  );
+  const group = tab in SUBTABS ? tab : null;
+  const current = group ? sub[group] : null;
+  const periodControl = /* @__PURE__ */ jsx(
+    PeriodSelector,
+    {
+      value: rangeKey,
+      onChange: setRangeKey,
+      customStart,
+      customEnd,
+      onCustomChange
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      TenantHeader,
+      {
+        data,
+        tab,
+        onTab: setTab,
+        onStatus: (status) => statusMutation.mutate(status),
+        statusPending: statusMutation.isPending
+      }
+    ),
+    tab === "overview" && /* @__PURE__ */ jsx(
+      TenantOverview,
+      {
+        data: view,
+        walletNote,
+        periodLabel: periodPhrase(range),
+        periodControl,
+        recentOrders: /* @__PURE__ */ jsx(
+          ActivityTable,
+          {
+            orders: byCurrency(data.recentOrders, shown, (o) => o.currency),
+            isLoading: false,
+            empty: shown ? `No recent ${shown} orders.` : void 0
+          }
+        ),
+        onTab: setTab,
+        currency: shown,
+        currencyControl
+      }
+    ),
+    tab === "overview" && /* @__PURE__ */ jsx("div", { id: "tenant-team", style: { marginTop: "var(--adm-gap)" }, children: /* @__PURE__ */ jsx(TenantPeoplePanel, { data }) }),
+    tab === "verification" && /* @__PURE__ */ jsx(TenantVerification, { tenantId: id }),
+    tab === "support" && /* @__PURE__ */ jsx(TenantSupport, { tenantId: id }),
+    tab === "pos" && /* @__PURE__ */ jsx(TenantPos, { tenantId: id }),
+    tab === "audit" && /* @__PURE__ */ jsx(ActivityColumns, { entries: data.activity ?? [] }),
+    group && current && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            justifyContent: "space-between",
+            gap: 12,
+            marginBottom: 16
+          },
+          children: [
+            SUBTABS[group].filter((o) => walletLedger || o.key !== "money").length > 1 ? /* @__PURE__ */ jsx(
+              SegToggle,
+              {
+                value: current,
+                options: SUBTABS[group].filter(
+                  (o) => walletLedger || o.key !== "money"
+                ),
+                onChange: (key) => setSub((s) => ({ ...s, [group]: key }))
+              }
+            ) : /* @__PURE__ */ jsx("span", {}),
+            /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
+              group === "wallet" && current !== "money" && currencyControl,
+              current === "money" ? /* @__PURE__ */ jsx(
+                LedgerCurrencyFilter,
+                {
+                  tenantId: id,
+                  value: shown,
+                  onChange: setShown
+                }
+              ) : periodControl
+            ] })
+          ]
+        }
+      ),
+      group === "wallet" && current !== "money" && /* @__PURE__ */ jsx(
+        TenantWalletCard,
+        {
+          data: view,
+          currency: shown,
+          walletNote
+        }
+      ),
+      current === "money" && /* @__PURE__ */ jsx(
+        MerchantLedger,
+        {
+          tenantId: id,
+          business: data.businessName,
+          currency: shown,
+          onCurrency: setShown
+        }
+      ),
+      current === "settlements" && /* @__PURE__ */ jsx(SettlementsTab, { id, range }),
+      current === "finance" && /* @__PURE__ */ jsx(FinanceTab, { id, range, currency: shown }),
+      current === "commerce" && /* @__PURE__ */ jsx(MerchantCommerce, { tenantId: id, currency, range }),
+      current === "analytics" && /* @__PURE__ */ jsx(AnalyticsTab, { id, range }),
+      current === "customers" && /* @__PURE__ */ jsx(CustomersTab, { id, currency, range }),
+      current === "products" && /* @__PURE__ */ jsx(ProductsTab, { id, currency, range }),
+      current === "discounts" && /* @__PURE__ */ jsx(DiscountsTab, { id }),
+      current === "loyalty" && /* @__PURE__ */ jsx(LoyaltyTab, { id }),
+      current === "invoices" && /* @__PURE__ */ jsx(InvoicesTab, { id }),
+      current === "subscriptions" && /* @__PURE__ */ jsx(SubscriptionsTab, { id })
+    ] })
+  ] });
+}
+function HintLabel({ label, hint }) {
+  if (!hint) return /* @__PURE__ */ jsx(Fragment, { children: label });
+  return /* @__PURE__ */ jsxs("span", { className: "adm-hint", tabIndex: 0, role: "note", "aria-label": hint, children: [
+    label,
+    /* @__PURE__ */ jsx("span", { className: "adm-hint-bubble", role: "tooltip", children: hint })
+  ] });
+}
+function StatsListPanel({ items }) {
+  return /* @__PURE__ */ jsx("div", { className: "adm-panel", style: { padding: "4px 0" }, children: items.map((s, i) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 12,
+        padding: "12px 16px",
+        borderBottom: i < items.length - 1 ? "1px solid var(--border-subtle)" : "none"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 10,
+              fontSize: 13,
+              color: "var(--text-secondary)"
+            },
+            children: /* @__PURE__ */ jsx(HintLabel, { label: s.label, hint: s.hint })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              fontSize: 18,
+              fontWeight: 600,
+              color: "var(--text-primary)"
+            },
+            children: s.value
+          }
+        )
+      ]
+    },
+    s.label
+  )) });
+}
+function SubDataLayout({
+  summary,
+  detail
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "minmax(0, 300px) minmax(0, 1fr)",
+        gap: 16,
+        alignItems: "start"
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: summary }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: detail })
+      ]
+    }
+  );
+}
+function AnalyticsTab({ id, range }) {
+  const { data, isLoading, isError } = useTenantAnalytics(id, {
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+  const [srcTab, setSrcTab] = useState("traffic");
+  const [crTab, setCrTab] = useState("customers");
+  if (isError) {
+    return /* @__PURE__ */ jsx(EmptyPanel, { children: "Failed to load analytics for this tenant." });
+  }
+  if (isLoading || !data) {
+    return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading analytics\u2026" });
+  }
+  const a = data;
+  const series = a.visitorsTimeSeries?.length ? a.visitorsTimeSeries : a.sessionsTimeSeries;
+  const statItems = [
+    {
+      label: "Page views",
+      value: num(a.overview.totalPageViews),
+      hint: "Total number of pages loaded across the storefront in the selected period. One visitor can generate many page views."
+    },
+    {
+      label: "Unique visitors",
+      value: num(a.overview.uniqueVisitors),
+      hint: "Distinct people who visited the storefront, de-duplicated by device. Reloads and repeat visits in the period count once."
+    },
+    {
+      label: "Sessions",
+      value: num(a.overview.totalSessions),
+      hint: "Number of browsing sessions. A session is a continuous visit that ends after ~30 minutes of inactivity."
+    },
+    {
+      label: "Avg session",
+      value: duration(a.overview.averageSessionDuration),
+      hint: "Average time a visitor spends per session. Longer sessions usually indicate more engaged shoppers."
+    },
+    {
+      label: "Bounce rate",
+      value: pct(a.overview.bounceRate),
+      hint: "Share of sessions that left after viewing a single page without interacting. Lower is better."
+    },
+    {
+      label: "Conversion",
+      value: pct(a.sales.conversionRate),
+      hint: "Percentage of sessions that resulted in a completed purchase. The core measure of storefront effectiveness."
+    }
+  ];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "minmax(0, 300px) minmax(0, 1fr)",
+          gap: 16,
+          alignItems: "start"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+            /* @__PURE__ */ jsx(StatsListPanel, { items: statItems }),
+            /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    marginBottom: 12
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "adm-panel-title", style: { marginBottom: 0 }, children: "Channels" }),
+                    /* @__PURE__ */ jsx(
+                      SegToggle,
+                      {
+                        value: srcTab,
+                        onChange: setSrcTab,
+                        options: [
+                          { key: "traffic", label: "Traffic" },
+                          { key: "devices", label: "Devices" }
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              srcTab === "traffic" ? a.trafficSources?.length ? a.trafficSources.map((s) => /* @__PURE__ */ jsx(
+                BarRow,
+                {
+                  label: s.source || "direct",
+                  value: `${num(s.sessions)} \xB7 ${pct(s.percentage)}`,
+                  fraction: s.percentage / 100,
+                  hint: `Sessions arriving via ${s.source || "direct"} \u2014 ${pct(s.percentage)} of all traffic in this window.`
+                },
+                s.source
+              )) : /* @__PURE__ */ jsx(EmptyInline, { children: "No source data." }) : a.devices?.length ? a.devices.map((d) => /* @__PURE__ */ jsx(
+                BarRow,
+                {
+                  label: d.device,
+                  value: `${num(d.sessions)} \xB7 ${pct(d.percentage)}`,
+                  fraction: d.percentage / 100,
+                  hint: `Sessions on ${d.device} devices \u2014 ${pct(d.percentage)} of all traffic in this window.`
+                },
+                d.device
+              )) : /* @__PURE__ */ jsx(EmptyInline, { children: "No device data." })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+              /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Conversion funnel" }),
+              /* @__PURE__ */ jsx(
+                FunnelBar,
+                {
+                  label: "Product views",
+                  value: a.funnel.productViews,
+                  max: a.funnel.productViews,
+                  hint: "Number of times shoppers viewed a product page \u2014 the top of the purchase funnel."
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FunnelBar,
+                {
+                  label: "Add to cart",
+                  value: a.funnel.addToCart,
+                  max: a.funnel.productViews,
+                  rate: a.funnel.viewToCartRate,
+                  hint: "Sessions that added an item to cart. The percentage is the view-to-cart conversion rate."
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FunnelBar,
+                {
+                  label: "Checkout",
+                  value: a.funnel.checkoutStart,
+                  max: a.funnel.productViews,
+                  rate: a.funnel.cartToCheckoutRate,
+                  hint: "Sessions that started checkout. The percentage is the cart-to-checkout conversion rate."
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FunnelBar,
+                {
+                  label: "Purchase",
+                  value: a.funnel.purchase,
+                  max: a.funnel.productViews,
+                  rate: a.funnel.checkoutToPurchaseRate,
+                  hint: "Sessions that completed a purchase. The percentage is the checkout-to-purchase conversion rate.",
+                  last: true
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+            /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+              /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Visitors trend" }),
+              series?.length ? /* @__PURE__ */ jsx(
+                GrowthChart,
+                {
+                  data: series.map((p) => ({ date: p.date, count: p.value }))
+                }
+              ) : /* @__PURE__ */ jsx(EmptyInline, { children: "No traffic recorded in this window." })
+            ] }),
+            /* @__PURE__ */ jsx("div", { children: a.topPages?.length ? /* @__PURE__ */ jsxs("div", { className: "adm-table-card", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "adm-panel-title",
+                  style: { margin: 0, padding: "16px 20px 12px" },
+                  children: "Top pages"
+                }
+              ),
+              /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+                /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+                  /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Page" }),
+                  /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Views" }),
+                  /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Unique visitors" })
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { children: a.topPages.slice(0, 12).map((p) => /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: p.pageUrl || "/" }),
+                  /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: num(p.views) }),
+                  /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: num(p.uniqueVisitors) })
+                ] }, p.pageUrl)) })
+              ] })
+            ] }) : /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+              /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Top pages" }),
+              /* @__PURE__ */ jsx(EmptyInline, { children: "No page views recorded yet." })
+            ] }) }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "grid",
+                  gridTemplateColumns: "1fr 1fr",
+                  gap: 16,
+                  alignItems: "stretch"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+                    /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Orders" }),
+                    /* @__PURE__ */ jsx(KeyRow, { label: "Total", value: num(a.orderStats.total) }),
+                    /* @__PURE__ */ jsx(KeyRow, { label: "Completed", value: num(a.orderStats.completed) }),
+                    /* @__PURE__ */ jsx(KeyRow, { label: "Processing", value: num(a.orderStats.processing) }),
+                    /* @__PURE__ */ jsx(KeyRow, { label: "Pending", value: num(a.orderStats.pending) }),
+                    /* @__PURE__ */ jsx(
+                      KeyRow,
+                      {
+                        label: "Refunded",
+                        value: num(a.orderStats.refunded),
+                        last: true
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "space-between",
+                          marginBottom: 12
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "adm-panel-title", style: { marginBottom: 0 }, children: crTab === "customers" ? "Customers" : "Reviews" }),
+                          /* @__PURE__ */ jsx(
+                            SegToggle,
+                            {
+                              value: crTab,
+                              onChange: setCrTab,
+                              options: [
+                                { key: "customers", label: "Customers" },
+                                { key: "reviews", label: "Reviews" }
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    crTab === "customers" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(
+                        KeyRow,
+                        {
+                          label: "Total",
+                          value: num(a.customerStats.totalCustomers)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        KeyRow,
+                        {
+                          label: "Registered",
+                          value: num(a.customerStats.registered)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        KeyRow,
+                        {
+                          label: "Subscribers",
+                          value: num(a.customerStats.subscribers)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(KeyRow, { label: "Leads", value: num(a.customerStats.leads) }),
+                      /* @__PURE__ */ jsx(
+                        KeyRow,
+                        {
+                          label: "Guests",
+                          value: num(a.customerStats.guests),
+                          last: true
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(
+                        KeyRow,
+                        {
+                          label: "Average rating",
+                          value: `${a.reviewStats.averageRating.toFixed(1)} \u2605`
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        KeyRow,
+                        {
+                          label: "Approved",
+                          value: num(a.reviewStats.totalApproved)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        KeyRow,
+                        {
+                          label: "Pending",
+                          value: num(a.reviewStats.pendingCount)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        KeyRow,
+                        {
+                          label: "Response rate",
+                          value: pct(a.reviewStats.responseRate),
+                          last: true
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    a.clientErrors?.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: 16 }, children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-panel-title", style: { marginBottom: 12 }, children: "Client errors" }),
+      /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+          /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Message" }),
+          /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Page" }),
+          /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Count" }),
+          /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Last seen" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: a.clientErrors.slice(0, 10).map((e, i) => /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: e.message }),
+          /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: e.pageUrl || "/" }),
+          /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: num(e.count) }),
+          /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: new Date(e.lastSeen).toLocaleDateString() })
+        ] }, `${e.pageUrl}-${i}`)) })
+      ] }) })
+    ] })
+  ] });
+}
+function FinanceTab({
+  id,
+  range,
+  currency
+}) {
+  const { data, isLoading, isError } = useTenantFinance(id, {
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+  const [txnSearch, setTxnSearch] = useState("");
+  const [txnType, setTxnType] = useState("");
+  const { data: txns } = useTenantTransactions(id, {
+    limit: 15,
+    search: txnSearch || void 0,
+    type: txnType || void 0
+  });
+  if (isError) {
+    return /* @__PURE__ */ jsx(EmptyPanel, { children: "Failed to load finance data for this tenant." });
+  }
+  if (isLoading || !data) {
+    return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading finance\u2026" });
+  }
+  const f = data;
+  const rows = f.summary.byCurrency;
+  const focus = focusCurrency(f.summary.currencies ?? [], currency);
+  const breakdown = rowFor(f.revenueByType?.byCurrency, focus)?.breakdown;
+  const trend = rowFor(f.chart?.byCurrency, focus)?.data;
+  const shown = shownRows(rows, currency);
+  const count = (pick, all) => rows && currency ? shown.reduce((n, r) => n + pick(r), 0) : all;
+  const lines = (amount) => /* @__PURE__ */ jsx(MoneyLines, { rows, currency, amount });
+  const statItems = [
+    {
+      label: "Total revenue",
+      value: lines((r) => r.totalRevenue),
+      hint: "Gross money collected from all successful transactions in this window, before platform and processing fees."
+    },
+    {
+      label: "Fees",
+      value: lines((r) => r.totalFees),
+      hint: "Total platform and payment-processing fees deducted from gross revenue over this window."
+    },
+    {
+      label: "Net revenue",
+      value: lines((r) => r.netRevenue),
+      hint: "What the tenant actually keeps: total revenue minus all fees. This is the amount eligible for payout."
+    },
+    {
+      label: "Transactions",
+      value: num(count((r) => r.transactionCount, f.summary.transactionCount)),
+      hint: "Count of all payment attempts in this window, including successful, pending, failed and refunded ones."
+    },
+    {
+      label: "Avg value",
+      value: lines((r) => r.averageTransactionValue),
+      hint: "Average amount per successful transaction (total revenue \xF7 successful transactions)."
+    },
+    {
+      label: "Successful",
+      value: num(count((r) => r.successfulCount, f.summary.successfulCount)),
+      hint: "Number of transactions that were fully captured and paid in this window."
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    SubDataLayout,
+    {
+      summary: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(StatsListPanel, { items: statItems }),
+        /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+          /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Transaction status" }),
+          /* @__PURE__ */ jsx(
+            KeyRow,
+            {
+              label: "Successful",
+              value: num(f.summary.successfulCount),
+              hint: "Payments captured in full \u2014 money has been received."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            KeyRow,
+            {
+              label: "Pending",
+              value: num(f.summary.pendingCount),
+              hint: "Payments initiated but not yet confirmed by the processor."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            KeyRow,
+            {
+              label: "Failed",
+              value: num(f.summary.failedCount),
+              hint: "Payment attempts that were declined or errored and collected no money."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            KeyRow,
+            {
+              label: "Refunded",
+              value: num(f.summary.refundedCount),
+              hint: "Previously successful payments that were later returned to the customer.",
+              last: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel-title", children: [
+            "Revenue by type",
+            focus ? ` \xB7 ${focus}` : ""
+          ] }),
+          !focus && f.summary.currencies?.length ? /* @__PURE__ */ jsx(EmptyInline, { children: PICK_CURRENCY }) : breakdown?.length ? breakdown.map((b) => /* @__PURE__ */ jsx(
+            BarRow,
+            {
+              label: b.type,
+              value: `${moneyCur(b.total, focus ?? "")} \xB7 ${pct(b.percentage)}`,
+              fraction: b.percentage / 100,
+              hint: `Revenue from ${b.type} sources \u2014 ${pct(b.percentage)} of total revenue in this window.`
+            },
+            b.type
+          )) : /* @__PURE__ */ jsx(EmptyInline, { children: "No revenue breakdown." })
+        ] })
+      ] }),
+      detail: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel-title", children: [
+            "Revenue trend",
+            focus ? ` \xB7 ${focus}` : ""
+          ] }),
+          !focus && f.summary.currencies?.length ? /* @__PURE__ */ jsx(EmptyInline, { children: PICK_CURRENCY }) : trend?.length ? /* @__PURE__ */ jsx(
+            GrowthChart,
+            {
+              data: trend.map((p) => ({
+                date: p.date,
+                count: p.total
+              }))
+            }
+          ) : /* @__PURE__ */ jsx(EmptyInline, { children: "No revenue in this window." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: 12,
+                marginBottom: 12,
+                flexWrap: "wrap"
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "adm-panel-title", style: { margin: 0 }, children: "Transactions" }),
+                /* @__PURE__ */ jsxs(Filters, { label: "Filter transactions", children: [
+                  /* @__PURE__ */ jsx(
+                    SearchInput,
+                    {
+                      value: txnSearch,
+                      onChange: setTxnSearch,
+                      placeholder: "Search reference / customer\u2026"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    FilterSelect,
+                    {
+                      value: txnType,
+                      onChange: setTxnType,
+                      options: [
+                        { value: "", label: "All sources" },
+                        { value: "order", label: "Order" },
+                        { value: "invoice", label: "Invoice" },
+                        { value: "booking", label: "Booking" },
+                        { value: "membership", label: "Membership" },
+                        { value: "subscription", label: "Subscription" },
+                        { value: "deposit", label: "Deposit" },
+                        { value: "tip", label: "Tip" },
+                        { value: "refund", label: "Refund" },
+                        { value: "payout", label: "Payout" }
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TransactionsTable,
+            {
+              rows: txns?.transactions ?? f.recentTransactions
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function SpenderList({
+  rows,
+  currency
+}) {
+  const max = Math.max(...rows.map((r) => r.totalSpent), 1);
+  return /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+    /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Top spenders" }),
+    rows.length === 0 ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          color: "var(--text-tertiary)",
+          fontSize: 13,
+          padding: "8px 0"
+        },
+        children: "No paying customers yet."
+      }
+    ) : rows.map((r) => /* @__PURE__ */ jsxs("div", { style: { padding: "9px 0" }, children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            gap: 12,
+            fontSize: 13,
+            marginBottom: 6
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontWeight: 500,
+                  whiteSpace: "nowrap",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis"
+                },
+                children: r.name ?? r.email
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: { color: "var(--text-secondary)", whiteSpace: "nowrap" },
+                children: [
+                  moneyCur(r.totalSpent, currency),
+                  " \xB7 ",
+                  num(r.totalOrders),
+                  " orders"
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            height: 6,
+            borderRadius: 4,
+            background: "var(--border-subtle)",
+            overflow: "hidden"
+          },
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                width: `${Math.max(2, r.totalSpent / max * 100)}%`,
+                height: "100%",
+                borderRadius: 4,
+                background: "var(--accent-primary)"
+              }
+            }
+          )
+        }
+      )
+    ] }, r.id))
+  ] });
+}
+function CustomersTab({
+  id,
+  currency,
+  range
+}) {
+  const [search, setSearch] = useState("");
+  const [type, setType] = useState("");
+  const { data, isLoading, isError } = useTenantCustomers(id, {
+    search: search || void 0,
+    type: type || void 0,
+    limit: 50
+  });
+  const { data: insights } = useTenantCustomerInsights(id, {
+    startDate: range.startDate
+  });
+  if (isError) return /* @__PURE__ */ jsx(EmptyPanel, { children: "Failed to load customers." });
+  const rows = data?.members ?? [];
+  const cur = insights?.currency ?? currency;
+  const statItems = insights ? [
+    {
+      label: "Customers",
+      value: num(insights.totalCustomers),
+      hint: "All-time count of customer records for this tenant, including registered, subscribers, leads and guests."
+    },
+    {
+      label: "New \xB7 30 days",
+      value: num(insights.newCustomers30d),
+      hint: "Customers who first appeared in the last 30 days. This is a fixed 30-day metric and does not follow the range selector."
+    },
+    {
+      label: "Paying",
+      value: num(insights.payingCustomers),
+      hint: "Customers who have completed at least one paid order. The rest are leads, subscribers or guests."
+    },
+    {
+      label: "Lifetime value",
+      value: moneyCur(insights.lifetimeValue, cur),
+      hint: "Total amount paying customers have spent over their entire history with this tenant (all-time, not windowed)."
+    },
+    {
+      label: "Avg order value",
+      value: moneyCur(insights.avgOrderValue, cur),
+      hint: "Average amount per paid order across all customers (lifetime spend \xF7 total paid orders)."
+    },
+    {
+      label: "Repeat rate",
+      value: pct(insights.repeatRate),
+      hint: "Share of paying customers who have placed more than one order. Higher means stronger retention."
+    }
+  ] : [];
+  return /* @__PURE__ */ jsx(
+    SubDataLayout,
+    {
+      summary: /* @__PURE__ */ jsxs(Fragment, { children: [
+        insights && /* @__PURE__ */ jsx(StatsListPanel, { items: statItems }),
+        insights && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+            /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Acquisition source" }),
+            insights.bySource.length ? insights.bySource.map((s) => /* @__PURE__ */ jsx(
+              BarRow,
+              {
+                label: s.label,
+                value: num(s.count),
+                fraction: insights.totalCustomers > 0 ? s.count / insights.totalCustomers : 0,
+                hint: `Customers first attributed to ${s.label}. Bar width is this source's share of all customers.`
+              },
+              s.label
+            )) : /* @__PURE__ */ jsx(EmptyInline, { children: "No source data yet." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+            /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Segments" }),
+            insights.byType.length ? insights.byType.map((s) => /* @__PURE__ */ jsx(
+              BarRow,
+              {
+                label: s.label,
+                value: num(s.count),
+                fraction: insights.totalCustomers > 0 ? s.count / insights.totalCustomers : 0,
+                hint: `Number of ${s.label} customers. Bar width is this segment's share of the total customer base.`
+              },
+              s.label
+            )) : /* @__PURE__ */ jsx(EmptyInline, { children: "No segment data yet." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+            /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Retention" }),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Repeat customers",
+                value: num(insights.repeatCustomers),
+                hint: "Customers who have placed more than one paid order."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Dormant \xB7 60d+",
+                value: num(insights.dormantCustomers),
+                hint: "Paying customers with no order in the last 60 days \u2014 candidates for win-back campaigns."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Avg orders / customer",
+                value: insights.avgOrdersPerCustomer.toFixed(1),
+                hint: "Average number of paid orders per paying customer over their lifetime."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Marketing opt-in",
+                value: pct(insights.marketingOptInRate),
+                hint: "Share of customers who consented to marketing communications.",
+                last: true
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      detail: /* @__PURE__ */ jsxs(Fragment, { children: [
+        insights && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+            /* @__PURE__ */ jsxs("div", { className: "adm-panel-title", children: [
+              "New customers \xB7 ",
+              periodPhrase(range)
+            ] }),
+            /* @__PURE__ */ jsx(
+              GrowthChart,
+              {
+                data: insights.signupsSeries,
+                emptyLabel: "No new customers in the selected period"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(SpenderList, { rows: insights.topSpenders, currency: cur })
+        ] }),
+        /* @__PURE__ */ jsx(
+          PanelToolbar,
+          {
+            search,
+            onSearch: setSearch,
+            searchPlaceholder: "Search name / email\u2026",
+            filter: {
+              value: type,
+              onChange: setType,
+              options: [
+                { value: "", label: "All types" },
+                { value: "registered", label: "Registered" },
+                { value: "subscriber", label: "Subscriber" },
+                { value: "lead", label: "Lead" },
+                { value: "guest", label: "Guest" }
+              ]
+            }
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsx(AdmLoading, { label: "Loading customers\u2026" }) : rows.length === 0 ? /* @__PURE__ */ jsx(EmptyPanel, { children: "No customers match this view." }) : /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Customer" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Type" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Status" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Orders" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Spent" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Last order" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: rows.map((c) => /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsxs("td", { style: tableStyles.cell, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 600 }, children: c.name ?? "\u2014" }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    color: "var(--text-tertiary)",
+                    fontSize: 12
+                  },
+                  children: c.email
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx("span", { style: { textTransform: "capitalize" }, children: c.type }) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: c.status === "active" ? "success" : "secondary",
+                children: c.status
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: num(c.totalOrders) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: moneyCur(c.totalSpent, currency) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: c.lastOrderAt ? new Date(c.lastOrderAt).toLocaleDateString() : "\u2014" })
+          ] }, c.id)) })
+        ] }) })
+      ] })
+    }
+  );
+}
+const PRODUCT_TYPE_LABELS = {
+  product: "Products",
+  event: "Events",
+  booking: "Bookings",
+  subscription: "Subscriptions",
+  membership: "Memberships",
+  "digital-file": "Digital files"
+};
+function SellerList({
+  title,
+  rows,
+  currency,
+  emptyLabel
+}) {
+  const max = Math.max(...rows.map((r) => r.units), 1);
+  return /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+    /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: title }),
+    rows.length === 0 ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          color: "var(--text-tertiary)",
+          fontSize: 13,
+          padding: "8px 0"
+        },
+        children: emptyLabel
+      }
+    ) : rows.map((r) => /* @__PURE__ */ jsxs("div", { style: { padding: "9px 0" }, children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            gap: 12,
+            fontSize: 13,
+            marginBottom: 6
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontWeight: 500,
+                  whiteSpace: "nowrap",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis"
+                },
+                children: r.title
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: { color: "var(--text-secondary)", whiteSpace: "nowrap" },
+                children: [
+                  num(r.units),
+                  " sold \xB7 ",
+                  moneyCur(r.revenue, currency)
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            height: 6,
+            borderRadius: 4,
+            background: "var(--border-subtle)",
+            overflow: "hidden"
+          },
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                width: `${Math.max(2, r.units / max * 100)}%`,
+                height: "100%",
+                borderRadius: 4,
+                background: "var(--accent-primary)"
+              }
+            }
+          )
+        }
+      )
+    ] }, r.id))
+  ] });
+}
+function ProductsTab({
+  id,
+  currency,
+  range
+}) {
+  const [search, setSearch] = useState("");
+  const [type, setType] = useState("");
+  const { data, isLoading, isError } = useTenantProducts(id, {
+    search: search || void 0,
+    type: type || void 0
+  });
+  const { data: insights } = useTenantProductInsights(id, {
+    startDate: range.startDate
+  });
+  if (isError) return /* @__PURE__ */ jsx(EmptyPanel, { children: "Failed to load catalog." });
+  const items = data?.items ?? [];
+  const cur = insights?.currency ?? currency;
+  const statItems = insights ? [
+    {
+      label: "Catalog items",
+      value: num(insights.totalProducts),
+      hint: "Total number of products, events, bookings and other sellable items in the catalog."
+    },
+    {
+      label: "Active",
+      value: num(insights.activeProducts),
+      hint: "Items currently published and available for purchase on the storefront."
+    },
+    {
+      label: "Catalog value",
+      value: moneyCur(insights.catalogValue, cur),
+      hint: "Combined list price of every catalog item \u2014 the total retail value on offer, not inventory on hand."
+    },
+    {
+      label: "Inventory value",
+      value: moneyCur(insights.inventoryValue, cur),
+      hint: "Retail value of stock currently on hand (price \xD7 quantity in stock) for trackable items."
+    },
+    {
+      label: "Units sold",
+      value: num(insights.totalUnitsSold),
+      hint: "Total quantity sold across paid orders in the selected period."
+    },
+    {
+      label: "Avg price",
+      value: moneyCur(insights.avgPrice, cur),
+      hint: "Average list price across all catalog items."
+    }
+  ] : [
+    {
+      label: "Catalog items",
+      value: num(data?.stats.total ?? 0),
+      hint: "Total number of items in the catalog."
+    },
+    {
+      label: "Active",
+      value: num(data?.stats.active ?? 0),
+      hint: "Items currently published and available for purchase."
+    },
+    {
+      label: "Featured",
+      value: num(data?.stats.featured ?? 0),
+      hint: "Items flagged as featured and given prominent placement on the storefront."
+    },
+    {
+      label: "Low stock",
+      value: num(data?.stats.lowStock ?? 0),
+      hint: "Items at or below their low-stock threshold and at risk of selling out."
+    },
+    {
+      label: "Out of stock",
+      value: num(data?.stats.outOfStock ?? 0),
+      hint: "Items with zero inventory that cannot currently be purchased."
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    SubDataLayout,
+    {
+      summary: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(StatsListPanel, { items: statItems }),
+        insights && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+            /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Inventory health" }),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Featured",
+                value: num(insights.featuredProducts),
+                hint: "Items flagged as featured for prominent storefront placement."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Low stock",
+                value: num(insights.lowStock),
+                hint: "Items at or below their low-stock threshold and at risk of selling out."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Out of stock",
+                value: num(insights.outOfStock),
+                hint: "Items with zero inventory that cannot currently be purchased."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "At-risk value",
+                value: moneyCur(insights.inventoryAtRiskValue, cur),
+                hint: "Retail value of low- and out-of-stock items \u2014 potential sales at risk from stockouts.",
+                last: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+            /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Category mix" }),
+            insights.categories.length ? insights.categories.map((c) => /* @__PURE__ */ jsx(
+              BarRow,
+              {
+                label: c.category,
+                value: `${num(c.count)} \xB7 ${moneyCur(c.value, cur)}`,
+                fraction: insights.catalogValue > 0 ? c.value / insights.catalogValue : 0,
+                hint: `${num(c.count)} items in ${c.category}. Bar width is this category's share of total catalog value.`
+              },
+              c.category
+            )) : /* @__PURE__ */ jsx(EmptyInline, { children: "No categories yet." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+            /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Featured performance" }),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Featured items",
+                value: num(insights.featuredProducts),
+                hint: "Number of items currently flagged as featured."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Featured units sold",
+                value: num(insights.featuredSellThrough.featuredUnits),
+                hint: "Units sold from featured items in the selected period \u2014 measures whether featuring drives sales."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Non-featured units",
+                value: num(insights.featuredSellThrough.nonFeaturedUnits),
+                hint: "Units sold from items that were not featured, for comparison.",
+                last: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+            /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Catalog snapshot" }),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Catalog sold",
+                value: pct(insights.pctEverSold),
+                hint: "Share of catalog items that have sold at least one unit, ever."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Never sold",
+                value: num(insights.deadStock),
+                hint: "Items that have never recorded a sale \u2014 dead stock to review or retire."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Newest",
+                value: insights.newestProduct?.title ?? "\u2014",
+                hint: "The most recently created catalog item."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              KeyRow,
+              {
+                label: "Last updated",
+                value: compactDate(
+                  insights.lastUpdatedProduct?.updatedAt ?? null
+                ),
+                hint: "When any catalog item was last edited \u2014 a signal of how actively the catalog is maintained.",
+                last: true
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      detail: /* @__PURE__ */ jsxs(Fragment, { children: [
+        insights && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+            /* @__PURE__ */ jsxs("div", { className: "adm-panel-title", children: [
+              "Units sold \xB7 ",
+              periodPhrase(range)
+            ] }),
+            /* @__PURE__ */ jsx(
+              GrowthChart,
+              {
+                data: insights.unitsSeries,
+                emptyLabel: "No sales in the selected period"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
+                gap: 16
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  SellerList,
+                  {
+                    title: "Best sellers",
+                    rows: insights.bestSellers,
+                    currency: cur,
+                    emptyLabel: "No paid sales yet."
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  SellerList,
+                  {
+                    title: "Slowest movers",
+                    rows: insights.worstSellers,
+                    currency: cur,
+                    emptyLabel: "No paid sales yet."
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          PanelToolbar,
+          {
+            search,
+            onSearch: setSearch,
+            searchPlaceholder: "Search title\u2026",
+            filter: {
+              value: type,
+              onChange: setType,
+              options: [
+                { value: "", label: "All types" },
+                { value: "product", label: "Products" },
+                { value: "event", label: "Events" },
+                { value: "booking", label: "Bookings" },
+                { value: "subscription", label: "Subscriptions" },
+                { value: "membership", label: "Memberships" },
+                { value: "digital-file", label: "Digital files" }
+              ]
+            }
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsx(AdmLoading, { label: "Loading catalog\u2026" }) : items.length === 0 ? /* @__PURE__ */ jsx(EmptyPanel, { children: "No catalog items match this view." }) : /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Title" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Type" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Price" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Inventory" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Status" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: items.map((p) => /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsxs("td", { style: tableStyles.cell, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 600 }, children: p.title }),
+              p.category && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    color: "var(--text-tertiary)",
+                    fontSize: 12
+                  },
+                  children: p.category
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: PRODUCT_TYPE_LABELS[p.type] ?? p.type }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: p.price != null ? moneyCur(p.price, p.currency ?? currency) : "\u2014" }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: p.trackInventory ? num((p.quantity ?? 0) - (p.reserved ?? 0)) : "\u221E" }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(Badge, { variant: p.isActive ? "success" : "secondary", children: p.isActive ? "active" : "inactive" }) })
+          ] }, p.id)) })
+        ] }) })
+      ] })
+    }
+  );
+}
+function InvoicesTab({ id }) {
+  const [search, setSearch] = useState("");
+  const [status, setStatus] = useState("");
+  const { data, isLoading, isError } = useTenantInvoices(id, {
+    search: search || void 0,
+    status: status || void 0,
+    limit: 50
+  });
+  if (isError) return /* @__PURE__ */ jsx(EmptyPanel, { children: "Failed to load invoices." });
+  const rows = data?.invoices ?? [];
+  const s = data?.stats;
+  const invoiceCurrency = sharedCurrency(rows) ?? "NGN";
+  const invoiceMoney = (n) => moneyCur(n, invoiceCurrency);
+  const statItems = [
+    {
+      label: "Revenue",
+      value: invoiceMoney(s?.totalRevenue ?? 0),
+      hint: "Total amount collected from invoices that have been paid."
+    },
+    {
+      label: "Outstanding",
+      value: invoiceMoney(s?.totalOutstanding ?? 0),
+      hint: "Amount still owed across sent and overdue invoices that have not been paid."
+    },
+    {
+      label: "Paid",
+      value: num(s?.paid ?? 0),
+      hint: "Number of invoices settled in full."
+    },
+    {
+      label: "Sent",
+      value: num(s?.sent ?? 0),
+      hint: "Invoices issued to customers and awaiting payment."
+    },
+    {
+      label: "Overdue",
+      value: num(s?.overdue ?? 0),
+      hint: "Sent invoices past their due date and still unpaid."
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    SubDataLayout,
+    {
+      summary: /* @__PURE__ */ jsx(StatsListPanel, { items: statItems }),
+      detail: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          PanelToolbar,
+          {
+            search,
+            onSearch: setSearch,
+            searchPlaceholder: "Search invoice / customer\u2026",
+            filter: {
+              value: status,
+              onChange: setStatus,
+              options: [
+                { value: "", label: "All statuses" },
+                { value: "draft", label: "Draft" },
+                { value: "sent", label: "Sent" },
+                { value: "paid", label: "Paid" },
+                { value: "overdue", label: "Overdue" },
+                { value: "cancelled", label: "Cancelled" }
+              ]
+            }
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsx(AdmLoading, { label: "Loading invoices\u2026" }) : rows.length === 0 ? /* @__PURE__ */ jsx(EmptyPanel, { children: "No invoices match this view." }) : /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Invoice" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Customer" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Total" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Due" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Status" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Created" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: rows.map((inv) => /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsxs("td", { style: tableStyles.cell, children: [
+              "#",
+              inv.invoiceNumber
+            ] }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: inv.customerName ?? inv.customerEmail ?? "\u2014" }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: moneyCur(inv.total, inv.currency) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: moneyCur(inv.amountDue, inv.currency) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: inv.status === "paid" ? "success" : inv.status === "overdue" ? "secondary" : "info",
+                children: inv.status
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: new Date(inv.createdAt).toLocaleDateString() })
+          ] }, inv.id)) })
+        ] }) })
+      ] })
+    }
+  );
+}
+function LoyaltyTab({ id }) {
+  const { data, isLoading, isError } = useTenantLoyalty(id);
+  if (isError) return /* @__PURE__ */ jsx(EmptyPanel, { children: "Failed to load loyalty program." });
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading loyalty\u2026" });
+  const { program, stats } = data;
+  const statItems = [
+    {
+      label: "Members",
+      value: num(stats.totalMembers),
+      hint: "Total customers enrolled in the loyalty program."
+    },
+    {
+      label: "Active members",
+      value: num(stats.activeMembers),
+      hint: "Members who have earned or redeemed points recently."
+    },
+    {
+      label: "Points issued",
+      value: num(stats.totalPointsIssued),
+      hint: "All loyalty points ever awarded to members."
+    },
+    {
+      label: "Points redeemed",
+      value: num(stats.totalPointsRedeemed),
+      hint: "Points members have spent on rewards. The difference from issued points is the outstanding liability."
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    SubDataLayout,
+    {
+      summary: /* @__PURE__ */ jsx(StatsListPanel, { items: statItems }),
+      detail: /* @__PURE__ */ jsxs("div", { className: "adm-panel", children: [
+        /* @__PURE__ */ jsx("div", { className: "adm-panel-title", children: "Program" }),
+        program ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            KeyRow,
+            {
+              label: "Name",
+              value: program.name,
+              hint: "The customer-facing name of the loyalty program."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            KeyRow,
+            {
+              label: "Points unit",
+              value: program.pointsName,
+              hint: "What members' points are called (e.g. points, stars, coins)."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            KeyRow,
+            {
+              label: "Earn rate",
+              value: `${program.pointsPerCurrency} pts / unit`,
+              hint: "How many points a member earns per unit of currency spent."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            KeyRow,
+            {
+              label: "Redeem rate",
+              value: `${program.currencyPerPoint} / pt`,
+              hint: "How much each point is worth when redeemed against a purchase."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            KeyRow,
+            {
+              label: "Status",
+              value: program.isActive ? "active" : "inactive",
+              hint: "Whether the program is currently running and accruing points.",
+              last: true
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(EmptyInline, { children: "No loyalty program configured for this tenant." })
+      ] })
+    }
+  );
+}
+function DiscountsTab({ id }) {
+  const [search, setSearch] = useState("");
+  const [status, setStatus] = useState("");
+  const { data, isLoading, isError } = useTenantDiscounts(id, {
+    search: search || void 0,
+    status: status || void 0,
+    limit: 50
+  });
+  if (isError) return /* @__PURE__ */ jsx(EmptyPanel, { children: "Failed to load discounts." });
+  const rows = data?.discounts ?? [];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PanelToolbar,
+      {
+        search,
+        onSearch: setSearch,
+        searchPlaceholder: "Search code / name\u2026",
+        filter: {
+          value: status,
+          onChange: setStatus,
+          options: [
+            { value: "", label: "All statuses" },
+            { value: "active", label: "Active" },
+            { value: "scheduled", label: "Scheduled" },
+            { value: "expired", label: "Expired" },
+            { value: "disabled", label: "Disabled" }
+          ]
+        }
+      }
+    ),
+    isLoading ? /* @__PURE__ */ jsx(AdmLoading, { label: "Loading discounts\u2026" }) : rows.length === 0 ? /* @__PURE__ */ jsx(EmptyPanel, { children: "No discounts match this view." }) : /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+        /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Code" }),
+        /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Name" }),
+        /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Value" }),
+        /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Usage" }),
+        /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Status" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: rows.map((d) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: d.code }),
+        /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: d.name }),
+        /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: d.discountType === "percentage" ? `${d.value}%` : moneyCur(d.value, "NGN") }),
+        /* @__PURE__ */ jsxs("td", { style: tableStyles.cellMuted, children: [
+          num(d.usageCount),
+          d.usageLimit ? ` / ${num(d.usageLimit)}` : ""
+        ] }),
+        /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: d.isExpired ? "secondary" : d.isValid ? "success" : "info",
+            children: d.status
+          }
+        ) })
+      ] }, d.id)) })
+    ] }) })
+  ] });
+}
+function SettlementsTab({ id, range }) {
+  const { data, isLoading, isError } = useTenantSettlements(id, {
+    limit: 25,
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+  if (isError) return /* @__PURE__ */ jsx(EmptyPanel, { children: "Failed to load settlements." });
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading settlements\u2026" });
+  const sum = data.summary;
+  const cur = sum.currency || "NGN";
+  const banks = data.bankAccounts ?? [];
+  const rows = data.settlements ?? [];
+  const statItems = [
+    {
+      label: "Settled",
+      value: moneyCur(sum.totalSettled, cur),
+      hint: "Total amount successfully paid out to the tenant\u2019s bank account in this window."
+    },
+    {
+      label: "Pending",
+      value: moneyCur(sum.totalPending, cur),
+      hint: "Payouts initiated but not yet confirmed as deposited."
+    },
+    {
+      label: "Failed",
+      value: moneyCur(sum.totalFailed, cur),
+      hint: "Payouts that could not be completed \u2014 usually a bank or account issue to investigate."
+    },
+    {
+      label: "Platform fees",
+      value: moneyCur(sum.platformFeesCollected, cur),
+      hint: "Fees Box retained from this tenant\u2019s settlements over the window."
+    },
+    {
+      label: "Payouts",
+      value: num(sum.count),
+      hint: "Number of settlement payouts in this window."
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    SubDataLayout,
+    {
+      summary: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(StatsListPanel, { items: statItems }) }),
+      detail: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(SubaccountsPanel, { banks }),
+        /* @__PURE__ */ jsx("div", { className: "adm-panel-title", style: { marginBottom: 12 }, children: "Settlements" }),
+        rows.length === 0 ? /* @__PURE__ */ jsx(EmptyPanel, { children: "No settlements yet for this tenant." }) : /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Gross" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Fees" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Net" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Destination" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Status" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Settled" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: rows.map((st) => /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: moneyCur(st.grossAmount, st.currency) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: moneyCur(st.paystackFee + st.platformFee, st.currency) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: moneyCur(st.netAmount, st.currency) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: st.bankAccount ? `${st.bankAccount.bankName} \u2022\u2022\u2022\u2022${st.bankAccount.accountNumber.slice(-4)}` : "\u2014" }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: st.status === "completed" || st.status === "success" ? "success" : st.status === "failed" ? "secondary" : "info",
+                children: st.status
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: st.settledAt ? new Date(st.settledAt).toLocaleDateString() : "\u2014" })
+          ] }, st.id)) })
+        ] }) })
+      ] })
+    }
+  );
+}
+function subStatusVariant(status) {
+  switch (status) {
+    case "active":
+      return "success";
+    case "non_renewing":
+      return "info";
+    case "attention":
+      return "warning";
+    default:
+      return "secondary";
+  }
+}
+function subStatusLabel(status) {
+  return status === "non_renewing" ? "non-renewing" : status;
+}
+function SubscriptionsTab({ id }) {
+  const [status, setStatus] = useState("");
+  const { data, isLoading, isError } = useTenantSubscriptions(id, {
+    status: status || void 0,
+    limit: 50
+  });
+  if (isError) return /* @__PURE__ */ jsx(EmptyPanel, { children: "Failed to load subscriptions." });
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading subscriptions\u2026" });
+  const stats = data.stats;
+  const rows = data.subscriptions ?? [];
+  const mrrCurrency = rows[0]?.currency || "NGN";
+  const statItems = [
+    {
+      label: "Active",
+      value: num(stats.totalActive),
+      hint: "Subscriptions currently active and billing on schedule."
+    },
+    {
+      label: "Non-renewing",
+      value: num(stats.totalNonRenewing),
+      hint: "Active subscriptions set to end at the current period \u2014 they will not renew."
+    },
+    {
+      label: "Cancelled",
+      value: num(stats.totalCancelled),
+      hint: "Subscriptions that have been cancelled or have completed their term."
+    },
+    {
+      label: "MRR",
+      value: moneyCur(stats.monthlyRecurringRevenue, mrrCurrency),
+      hint: "Monthly recurring revenue \u2014 active subscription amounts normalised to a monthly value."
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    SubDataLayout,
+    {
+      summary: /* @__PURE__ */ jsx(StatsListPanel, { items: statItems }),
+      detail: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          PanelToolbar,
+          {
+            filter: {
+              value: status,
+              onChange: setStatus,
+              options: [
+                { value: "", label: "All statuses" },
+                { value: "active", label: "Active" },
+                { value: "non_renewing", label: "Non-renewing" },
+                { value: "attention", label: "Attention" },
+                { value: "cancelled", label: "Cancelled" },
+                { value: "completed", label: "Completed" }
+              ]
+            }
+          }
+        ),
+        rows.length === 0 ? /* @__PURE__ */ jsx(EmptyPanel, { children: "No subscriptions match this view." }) : /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Customer" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Plan" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Amount" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Status" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Next payment" }),
+            /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Payments" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: rows.map((s) => /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: s.customer?.name || s.customerEmail }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: s.plan?.name ?? "\u2014" }),
+            /* @__PURE__ */ jsxs("td", { style: tableStyles.cell, children: [
+              moneyCur(s.amount, s.currency),
+              s.plan?.interval ? /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  style: {
+                    color: "var(--text-tertiary)",
+                    fontSize: 12
+                  },
+                  children: [
+                    " ",
+                    "/ ",
+                    s.plan.interval
+                  ]
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(Badge, { variant: subStatusVariant(s.status), children: subStatusLabel(s.status) }) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: compactDate(s.nextPaymentDate ?? s.currentPeriodEnd) }),
+            /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: num(s.paymentsCount) })
+          ] }, s.id)) })
+        ] }) })
+      ] })
+    }
+  );
+}
+function SearchInput({
+  value,
+  onChange,
+  placeholder
+}) {
+  return /* @__PURE__ */ jsx(FilterSearch, { value, onChange, placeholder });
+}
+function FilterSelect({
+  value,
+  onChange,
+  options
+}) {
+  return /* @__PURE__ */ jsx(
+    AdmFilterSelect,
+    {
+      label: "Filter",
+      value,
+      onChange,
+      options
+    }
+  );
+}
+function PanelToolbar({
+  title,
+  search,
+  onSearch,
+  searchPlaceholder,
+  filter
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 12,
+        marginBottom: 12,
+        flexWrap: "wrap"
+      },
+      children: title ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "adm-panel-title", style: { margin: 0 }, children: title }),
+        /* @__PURE__ */ jsxs(Filters, { label: "Filter", children: [
+          onSearch && /* @__PURE__ */ jsx(
+            SearchInput,
+            {
+              value: search ?? "",
+              onChange: onSearch,
+              placeholder: searchPlaceholder
+            }
+          ),
+          filter && /* @__PURE__ */ jsx(
+            FilterSelect,
+            {
+              value: filter.value,
+              onChange: filter.onChange,
+              options: filter.options
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(Filters, { label: "Filter", children: [
+        onSearch && /* @__PURE__ */ jsx(
+          SearchInput,
+          {
+            value: search ?? "",
+            onChange: onSearch,
+            placeholder: searchPlaceholder
+          }
+        ),
+        filter && /* @__PURE__ */ jsx(
+          FilterSelect,
+          {
+            value: filter.value,
+            onChange: filter.onChange,
+            options: filter.options
+          }
+        )
+      ] })
+    }
+  );
+}
+function KeyRow({
+  label,
+  value,
+  hint,
+  last
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "baseline",
+        gap: 16,
+        padding: "10px 0",
+        borderBottom: last ? "none" : "1px solid var(--border-subtle)"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              color: "var(--text-secondary)",
+              fontSize: 13.5,
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ jsx(HintLabel, { label, hint })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              fontWeight: 600,
+              fontSize: 14,
+              textAlign: "right",
+              minWidth: 0
+            },
+            children: value
+          }
+        )
+      ]
+    }
+  );
+}
+function BarRow({
+  label,
+  value,
+  fraction,
+  hint
+}) {
+  const w = Math.max(0, Math.min(1, fraction)) * 100;
+  return /* @__PURE__ */ jsxs("div", { style: { padding: "9px 0" }, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          fontSize: 13,
+          marginBottom: 6
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { textTransform: "capitalize" }, children: /* @__PURE__ */ jsx(HintLabel, { label, hint }) }),
+          /* @__PURE__ */ jsx("span", { style: { color: "var(--text-secondary)" }, children: value })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          height: 6,
+          borderRadius: 4,
+          background: "var(--border-subtle)",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: `${w}%`,
+              height: "100%",
+              borderRadius: 4,
+              background: "var(--accent-primary)"
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+function FunnelBar({
+  label,
+  value,
+  max,
+  rate,
+  hint,
+  last
+}) {
+  const w = max > 0 ? Math.max(2, value / max * 100) : 0;
+  return /* @__PURE__ */ jsxs("div", { style: { padding: last ? "9px 0 0" : "9px 0" }, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          fontSize: 13,
+          marginBottom: 6
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(HintLabel, { label, hint }) }),
+          /* @__PURE__ */ jsxs("span", { style: { color: "var(--text-secondary)" }, children: [
+            num(value),
+            rate !== void 0 ? ` \xB7 ${pct(rate)}` : ""
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          height: 8,
+          borderRadius: 4,
+          background: "var(--border-subtle)",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: `${w}%`,
+              height: "100%",
+              borderRadius: 4,
+              background: "var(--accent-primary)"
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+function EmptyPanel({ children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "adm-panel",
+      style: { color: "var(--text-tertiary)", fontSize: 13 },
+      children
+    }
+  );
+}
+function EmptyInline({ children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        color: "var(--text-tertiary)",
+        fontSize: 13,
+        padding: "24px 0",
+        textAlign: "center"
+      },
+      children
+    }
+  );
+}
+function ActivityTable({
+  orders,
+  isLoading,
+  empty = "No orders yet for this tenant."
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading activity\u2026" });
+  }
+  if (!orders || orders.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyPanel, { children: empty });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Order" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Customer" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Total" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Payment" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Paid by" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Status" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Date" })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: orders.map((o) => /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsxs("td", { style: tableStyles.cell, children: [
+        "#",
+        o.orderNumber
+      ] }),
+      /* @__PURE__ */ jsxs("td", { style: tableStyles.cell, children: [
+        o.customerName ?? o.customerEmail,
+        o.customerName ? /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "var(--text-tertiary)" }, children: [o.customerEmail, o.customerPhone].filter(Boolean).join(" \xB7 ") }) : null
+      ] }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: moneyCur(o.total, o.currency) }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: o.paymentStatus === "paid" ? "success" : "secondary",
+          children: o.paymentStatus
+        }
+      ) }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: o.paymentMethod ?? /* @__PURE__ */ jsx("span", { style: { color: "var(--text-tertiary)" }, children: "Not recorded" }) }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: o.status === "cancelled" || o.status === "refunded" ? "secondary" : "info",
+          children: o.status
+        }
+      ) }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: new Date(o.createdAt).toLocaleDateString() })
+    ] }, o.id)) })
+  ] }) });
+}
+function TransactionsTable({ rows }) {
+  if (!rows || rows.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyPanel, { children: "No transactions yet for this tenant." });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: tableStyles.headRow, children: [
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Reference" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Type" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Customer" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Amount" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Status" }),
+      /* @__PURE__ */ jsx("th", { style: tableStyles.th, children: "Date" })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: rows.map((t) => /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: t.reference }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx("span", { style: { textTransform: "capitalize" }, children: t.type }) }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: t.customer?.name ?? t.customer?.email ?? "\u2014" }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: moneyCur(t.amount, t.currency) }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: t.status === "success" ? "success" : t.status === "failed" || t.status === "refunded" || t.status === "partially_refunded" ? "secondary" : "info",
+          children: t.status
+        }
+      ) }),
+      /* @__PURE__ */ jsx("td", { style: tableStyles.cellMuted, children: new Date(t.createdAt).toLocaleDateString() })
+    ] }, t.id)) })
+  ] }) });
+}
+export {
+  TenantDetailPage as default
+};
+//# sourceMappingURL=page.js.map