@withpotter/pages-admin 0.13.0-next.124 → 0.13.0-next.59

package/dist/admin/revenue/revenue-kpis.js

@@ -1,11 +1,9 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ADMIN_NAME } from "../_shell/admin-brand";
 import { CountUp, Reveal, TONE } from "../_fx";
 import { MoneyLines, StatCard, rowFor } from "../_ui";
 const integer = new Intl.NumberFormat("en-US");
 function RevenueKpis({
-  part,
-  extra,
   data,
   money,
   money2,
@@ -14,116 +12,57 @@ function RevenueKpis({
   gmvSpark
 }) {
   const { recurring } = data;
-  const tracked = recurring.tracked !== false;
-  const notTracked = "Not set up yet";
-  const noSource = "The plan payments are not connected yet";
   const gmv = rowFor(data.gmvByCurrency, focus);
   const lifetimeShare = gmv && gmv.lifetime > 0 ? `${Math.round(gmv.inRange / gmv.lifetime * 100)}% of lifetime` : void 0;
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      "aria-label": part === "olive" ? "What Olive earns" : "What merchants sold",
-      className: "adm-grid",
-      children: [
-        part === "olive" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Reveal, { index: 0, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-            StatCard,
-            {
-              label: "Plan income collected",
-              value: tracked && recurring.collected !== void 0 ? /* @__PURE__ */ jsx(CountUp, { value: recurring.collected, format: money2 }) : notTracked,
-              hint: `Plan payments that actually went through in this window, in ${data.currency || "NGN"}. The monthly figure beside it is what is expected, this is what came in.`,
-              sub: tracked ? "In this window" : noSource
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-            StatCard,
-            {
-              label: "Plan income each month",
-              value: tracked ? /* @__PURE__ */ jsx(CountUp, { value: recurring.mrr, format: money }) : notTracked,
-              hint: `What merchants on a paid plan are expected to pay ${ADMIN_NAME} every month, in ${data.currency || "NGN"}. Free plans, trials and pauses are not counted.`,
-              sub: tracked ? `${integer.format(recurring.payingMerchants ?? recurring.activeSubscriptions)} ${(recurring.payingMerchants ?? recurring.activeSubscriptions) === 1 ? "merchant" : "merchants"} paying` : noSource
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-            StatCard,
-            {
-              label: "Plan income over a year",
-              value: tracked ? /* @__PURE__ */ jsx(CountUp, { value: recurring.arr, format: money }) : notTracked,
-              hint: "What plan income adds up to over a year if nothing changes: the monthly figure times 12.",
-              sub: tracked ? "Each month times 12" : noSource
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-            StatCard,
-            {
-              label: "Average per paying merchant",
-              value: tracked ? /* @__PURE__ */ jsx(CountUp, { value: recurring.arpa, format: money2 }) : notTracked,
-              hint: "What one paying merchant pays in a month, on average.",
-              sub: tracked ? "Each month" : noSource
-            }
-          ) })
-        ] }),
-        part === "merchant" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Reveal, { index: 3, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-            StatCard,
-            {
-              label: "Merchant sales",
-              value: /* @__PURE__ */ jsx(
-                MoneyLines,
-                {
-                  rows: data.gmvByCurrency,
-                  currency,
-                  amount: (g) => g.inRange,
-                  empty: "No sales yet"
-                }
-              ),
-              href: "/admin/tenants",
-              sub: lifetimeShare,
-              hint: `Everything merchants sold through ${ADMIN_NAME}. This is the merchants' money, not ${ADMIN_NAME}'s own income. One line per currency; currencies are never added together. (GMV)`,
-              spark: focus ? gmvSpark : void 0,
-              sparkColor: TONE.money.fg
-            }
-          ) }),
-          extra,
-          data.merchantWalletsByCurrency && /* @__PURE__ */ jsx(Reveal, { index: 4, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-            StatCard,
-            {
-              label: "In merchants' wallets",
-              value: /* @__PURE__ */ jsx(
-                MoneyLines,
-                {
-                  rows: data.merchantWalletsByCurrency,
-                  currency,
-                  amount: (r) => r.amount,
-                  decimals: 2,
-                  empty: "Nothing held"
-                }
-              ),
-              hint: "What merchants hold in their wallets right now: pending, available, held back and on its way to a bank, added together. A balance today, so it does not follow the dates above.",
-              sub: "Right now"
-            }
-          ) }),
-          data.merchantPayoutsByCurrency && /* @__PURE__ */ jsx(Reveal, { index: 5, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-            StatCard,
-            {
-              label: "Merchants sent out",
-              value: /* @__PURE__ */ jsx(
-                MoneyLines,
-                {
-                  rows: data.merchantPayoutsByCurrency,
-                  currency,
-                  amount: (r) => r.amount,
-                  decimals: 2,
-                  empty: "Nothing sent out"
-                }
-              ),
-              hint: "What merchants withdrew to their bank accounts in this window. Payouts the bank sent back are taken off."
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Revenue indicators", className: "adm-grid", children: [
+    /* @__PURE__ */ jsx(Reveal, { index: 0, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Monthly recurring revenue (MRR)",
+        value: /* @__PURE__ */ jsx(CountUp, { value: recurring.mrr, format: money }),
+        hint: `Monthly recurring revenue from active merchant billing subscriptions, in ${data.currency || "USD"}. Yearly plans are divided by 12.`,
+        sub: `${integer.format(recurring.activeSubscriptions)} paying`
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Annual recurring revenue (ARR)",
+        value: /* @__PURE__ */ jsx(CountUp, { value: recurring.arr, format: money }),
+        hint: "Annual recurring revenue: what the monthly recurring revenue adds up to over a year if nothing changes (MRR \xD7 12).",
+        sub: "MRR \xD7 12"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Average revenue per account (ARPA)",
+        value: /* @__PURE__ */ jsx(CountUp, { value: recurring.arpa, format: money2 }),
+        hint: "What the average paying merchant pays each month: monthly recurring revenue divided by the number of paying merchants.",
+        sub: "Per paying account"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Reveal, { index: 3, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Merchant sales (GMV)",
+        value: /* @__PURE__ */ jsx(
+          MoneyLines,
+          {
+            rows: data.gmvByCurrency,
+            currency,
+            amount: (g) => g.inRange,
+            empty: "No sales yet"
+          }
+        ),
+        href: "/admin/tenants",
+        sub: lifetimeShare,
+        hint: `The merchant sales ${ADMIN_NAME}'s recurring revenue sits on, not ${ADMIN_NAME}'s own income (that's MRR). One line per currency; currencies are never added together or converted.`,
+        spark: focus ? gmvSpark : void 0,
+        sparkColor: TONE.money.fg
+      }
+    ) })
+  ] });
 }
 export {
   RevenueKpis

package/dist/admin/revenue/revenue-kpis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/revenue-kpis.tsx"],"sourcesContent":["import { ADMIN_NAME } from '../_shell/admin-brand';\nimport type { ReactNode } from 'react';\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { CountUp, Reveal, TONE } from '../_fx';\nimport { MoneyLines, StatCard, rowFor } from '../_ui';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/**\n * The headline figures, in two groups that are never added together: what\n * merchants sold (`merchant`), and what Olive itself earns from plans (`olive`).\n */\nexport function RevenueKpis({\n  part,\n  extra,\n  data,\n  money,\n  money2,\n  currency,\n  focus,\n  gmvSpark,\n}: {\n  part: 'merchant' | 'olive';\n  /** More cards for the merchant group, in the same row. */\n  extra?: ReactNode;\n  data: PlatformRevenue;\n  /** Formats recurring revenue, in the currency the API names for it. */\n  money: (value: number) => string;\n  money2: (value: number) => string;\n  /** The currency filter's choice; empty shows a line per currency. */\n  currency: string;\n  /** The one currency the share and sparkline follow, or null. */\n  focus: string | null;\n  gmvSpark: number[];\n}) {\n  const { recurring } = data;\n  // Without the plan payments connected the API sends 0s; say so rather than show a zero.\n  const tracked = recurring.tracked !== false;\n  const notTracked = 'Not set up yet';\n  const noSource = 'The plan payments are not connected yet';\n  const gmv = rowFor(data.gmvByCurrency, focus);\n  const lifetimeShare =\n    gmv && gmv.lifetime > 0\n      ? `${Math.round((gmv.inRange / gmv.lifetime) * 100)}% of lifetime`\n      : undefined;\n\n  return (\n    <section\n      aria-label={part === 'olive' ? 'What Olive earns' : 'What merchants sold'}\n      className=\"adm-grid\"\n    >\n      {part === 'olive' && (\n        <>\n      <Reveal index={0} className=\"adm-span-3\">\n        <StatCard\n          label=\"Plan income collected\"\n          value={\n            tracked && recurring.collected !== undefined ? (\n              <CountUp value={recurring.collected} format={money2} />\n            ) : (\n              notTracked\n            )\n          }\n          hint={`Plan payments that actually went through in this window, in ${data.currency || 'NGN'}. The monthly figure beside it is what is expected, this is what came in.`}\n          sub={tracked ? 'In this window' : noSource}\n        />\n      </Reveal>\n      <Reveal index={1} className=\"adm-span-3\">\n        <StatCard\n          label=\"Plan income each month\"\n          value={\n            tracked ? (\n              <CountUp value={recurring.mrr} format={money} />\n            ) : (\n              notTracked\n            )\n          }\n          hint={`What merchants on a paid plan are expected to pay ${ADMIN_NAME} every month, in ${data.currency || 'NGN'}. Free plans, trials and pauses are not counted.`}\n          sub={\n            tracked\n              ? `${integer.format(recurring.payingMerchants ?? recurring.activeSubscriptions)} ${(recurring.payingMerchants ?? recurring.activeSubscriptions) === 1 ? 'merchant' : 'merchants'} paying`\n              : noSource\n          }\n        />\n      </Reveal>\n      <Reveal index={1} className=\"adm-span-3\">\n        <StatCard\n          label=\"Plan income over a year\"\n          value={\n            tracked ? (\n              <CountUp value={recurring.arr} format={money} />\n            ) : (\n              notTracked\n            )\n          }\n          hint=\"What plan income adds up to over a year if nothing changes: the monthly figure times 12.\"\n          sub={tracked ? 'Each month times 12' : noSource}\n        />\n      </Reveal>\n      <Reveal index={2} className=\"adm-span-3\">\n        <StatCard\n          label=\"Average per paying merchant\"\n          value={\n            tracked ? (\n              <CountUp value={recurring.arpa} format={money2} />\n            ) : (\n              notTracked\n            )\n          }\n          hint=\"What one paying merchant pays in a month, on average.\"\n          sub={tracked ? 'Each month' : noSource}\n        />\n      </Reveal>\n        </>\n      )}\n      {part === 'merchant' && (\n        <>\n      <Reveal index={3} className=\"adm-span-3\">\n        <StatCard\n          label=\"Merchant sales\"\n          value={\n            <MoneyLines\n              rows={data.gmvByCurrency}\n              currency={currency}\n              amount={(g) => g.inRange}\n              empty=\"No sales yet\"\n            />\n          }\n          href=\"/admin/tenants\"\n          sub={lifetimeShare}\n          hint={`Everything merchants sold through ${ADMIN_NAME}. This is the merchants' money, not ${ADMIN_NAME}'s own income. One line per currency; currencies are never added together. (GMV)`}\n          spark={focus ? gmvSpark : undefined}\n          sparkColor={TONE.money.fg}\n        />\n      </Reveal>\n          {extra}\n          {data.merchantWalletsByCurrency && (\n            <Reveal index={4} className=\"adm-span-3\">\n              <StatCard\n                label=\"In merchants' wallets\"\n                value={\n                  <MoneyLines\n                    rows={data.merchantWalletsByCurrency}\n                    currency={currency}\n                    amount={(r) => r.amount}\n                    decimals={2}\n                    empty=\"Nothing held\"\n                  />\n                }\n                hint=\"What merchants hold in their wallets right now: pending, available, held back and on its way to a bank, added together. A balance today, so it does not follow the dates above.\"\n                sub=\"Right now\"\n              />\n            </Reveal>\n          )}\n          {data.merchantPayoutsByCurrency && (\n            <Reveal index={5} className=\"adm-span-3\">\n              <StatCard\n                label=\"Merchants sent out\"\n                value={\n                  <MoneyLines\n                    rows={data.merchantPayoutsByCurrency}\n                    currency={currency}\n                    amount={(r) => r.amount}\n                    decimals={2}\n                    empty=\"Nothing sent out\"\n                  />\n                }\n                hint=\"What merchants withdrew to their bank accounts in this window. Payouts the bank sent back are taken off.\"\n              />\n            </Reveal>\n          )}\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/revenue-kpis.tsx"],"sourcesContent":["import { ADMIN_NAME } from '../_shell/admin-brand';\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { CountUp, Reveal, TONE } from '../_fx';\nimport { MoneyLines, StatCard, rowFor } from '../_ui';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** The four headline figures: recurring revenue first, then merchant GMV. */\nexport function RevenueKpis({\n  data,\n  money,\n  money2,\n  currency,\n  focus,\n  gmvSpark,\n}: {\n  data: PlatformRevenue;\n  /** Formats recurring revenue, in the currency the API names for it. */\n  money: (value: number) => string;\n  money2: (value: number) => string;\n  /** The currency filter's choice; empty shows a line per currency. */\n  currency: string;\n  /** The one currency the share and sparkline follow, or null. */\n  focus: string | null;\n  gmvSpark: number[];\n}) {\n  const { recurring } = data;\n  const gmv = rowFor(data.gmvByCurrency, focus);\n  const lifetimeShare =\n    gmv && gmv.lifetime > 0\n      ? `${Math.round((gmv.inRange / gmv.lifetime) * 100)}% of lifetime`\n      : undefined;\n\n  return (\n    <section aria-label=\"Revenue indicators\" className=\"adm-grid\">\n      <Reveal index={0} className=\"adm-span-3\">\n        <StatCard\n          label=\"Monthly recurring revenue (MRR)\"\n          value={<CountUp value={recurring.mrr} format={money} />}\n          hint={`Monthly recurring revenue from active merchant billing subscriptions, in ${data.currency || 'USD'}. Yearly plans are divided by 12.`}\n          sub={`${integer.format(recurring.activeSubscriptions)} paying`}\n        />\n      </Reveal>\n      <Reveal index={1} className=\"adm-span-3\">\n        <StatCard\n          label=\"Annual recurring revenue (ARR)\"\n          value={<CountUp value={recurring.arr} format={money} />}\n          hint=\"Annual recurring revenue: what the monthly recurring revenue adds up to over a year if nothing changes (MRR × 12).\"\n          sub=\"MRR × 12\"\n        />\n      </Reveal>\n      <Reveal index={2} className=\"adm-span-3\">\n        <StatCard\n          label=\"Average revenue per account (ARPA)\"\n          value={<CountUp value={recurring.arpa} format={money2} />}\n          hint=\"What the average paying merchant pays each month: monthly recurring revenue divided by the number of paying merchants.\"\n          sub=\"Per paying account\"\n        />\n      </Reveal>\n      <Reveal index={3} className=\"adm-span-3\">\n        <StatCard\n          label=\"Merchant sales (GMV)\"\n          value={\n            <MoneyLines\n              rows={data.gmvByCurrency}\n              currency={currency}\n              amount={(g) => g.inRange}\n              empty=\"No sales yet\"\n            />\n          }\n          href=\"/admin/tenants\"\n          sub={lifetimeShare}\n          hint={`The merchant sales ${ADMIN_NAME}'s recurring revenue sits on, not ${ADMIN_NAME}'s own income (that's MRR). One line per currency; currencies are never added together or converted.`}\n          spark={focus ? gmvSpark : undefined}\n          sparkColor={TONE.money.fg}\n        />\n      </Reveal>\n    </section>\n  );\n}\n"],"mappings":"AAkCI,SAIa,KAJb;AAlCJ,SAAS,kBAAkB;AAE3B,SAAS,SAAS,QAAQ,YAAY;AACtC,SAAS,YAAY,UAAU,cAAc;AAE7C,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAUG;AACD,QAAM,EAAE,UAAU,IAAI;AACtB,QAAM,MAAM,OAAO,KAAK,eAAe,KAAK;AAC5C,QAAM,gBACJ,OAAO,IAAI,WAAW,IAClB,GAAG,KAAK,MAAO,IAAI,UAAU,IAAI,WAAY,GAAG,CAAC,kBACjD;AAEN,SACE,qBAAC,aAAQ,cAAW,sBAAqB,WAAU,YACjD;AAAA,wBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,oBAAC,WAAQ,OAAO,UAAU,KAAK,QAAQ,OAAO;AAAA,QACrD,MAAM,4EAA4E,KAAK,YAAY,KAAK;AAAA,QACxG,KAAK,GAAG,QAAQ,OAAO,UAAU,mBAAmB,CAAC;AAAA;AAAA,IACvD,GACF;AAAA,IACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,oBAAC,WAAQ,OAAO,UAAU,KAAK,QAAQ,OAAO;AAAA,QACrD,MAAK;AAAA,QACL,KAAI;AAAA;AAAA,IACN,GACF;AAAA,IACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,oBAAC,WAAQ,OAAO,UAAU,MAAM,QAAQ,QAAQ;AAAA,QACvD,MAAK;AAAA,QACL,KAAI;AAAA;AAAA,IACN,GACF;AAAA,IACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,KAAK;AAAA,YACX;AAAA,YACA,QAAQ,CAAC,MAAM,EAAE;AAAA,YACjB,OAAM;AAAA;AAAA,QACR;AAAA,QAEF,MAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM,sBAAsB,UAAU,qCAAqC,UAAU;AAAA,QACrF,OAAO,QAAQ,WAAW;AAAA,QAC1B,YAAY,KAAK,MAAM;AAAA;AAAA,IACzB,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/revenue/revenue-overview.js

@@ -1,65 +1,63 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { EarningsSummary } from "./earnings/earnings-summary";
-import { EarningsTable } from "./earnings/earnings-table";
+import { useMemo } from "react";
+import { TimeSeriesChart } from "@withpotter/components/charts";
+import { PICK_CURRENCY, Panel, moneyIn, rowFor, toTrend } from "../_ui";
+import { Tinted } from "../audit/tinted";
 import { HealthPanel } from "./health-panel";
 import { PlanMixPanel } from "./plan-mix-panel";
-import { planLines } from "./plan-lines";
-import { PlansPanel } from "./plans-panel";
 import { RevenueKpis } from "./revenue-kpis";
-import ledgerStyles from "./ledger.module.css";
+import { SubscriptionsPanel } from "./subscriptions-panel";
+import { TopTenantsPanel } from "./top-tenants-panel";
+import styles from "./revenue.module.css";
 function RevenueOverview({
-  startDate,
-  endDate,
   data,
   health,
   money,
   money2,
   currency,
   focus,
+  period,
   span,
-  recurringCaption,
-  plans
+  recurringCaption
 }) {
-  const recurringTracked = data.recurring.tracked !== false;
+  const gmv = rowFor(data.gmvByCurrency, focus);
+  const gmvSeries = useMemo(() => toTrend(gmv?.series, "gmv"), [gmv]);
+  const gmvCaption = focus ? `${period} \xB7 ${focus}` : period;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      EarningsSummary,
-      {
-        startDate,
-        endDate,
-        currency,
-        recurring: data.recurring,
-        span
-      }
-    ),
-    /* @__PURE__ */ jsx("h2", { className: ledgerStyles.sectionTitle, children: "Plan income" }),
-    /* @__PURE__ */ jsxs("p", { className: ledgerStyles.sectionNote, children: [
-      "What merchants pay Olive for their plans, each month and over a year.",
-      recurringTracked ? "" : " Plan income is not set up on this box yet."
-    ] }),
     /* @__PURE__ */ jsx(
       RevenueKpis,
       {
-        part: "olive",
         data,
         money,
         money2,
         currency,
         focus,
-        gmvSpark: []
+        gmvSpark: gmvSeries.map((p) => p.value)
       }
     ),
-    recurringTracked && /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
-      /* @__PURE__ */ jsx("div", { className: plans ? "adm-span-12" : "adm-span-7", children: /* @__PURE__ */ jsx(HealthPanel, { health, money, caption: recurringCaption }) }),
-      /* @__PURE__ */ jsx("div", { className: plans ? "adm-span-12" : "adm-span-5", children: plans ? /* @__PURE__ */ jsx(
-        PlansPanel,
-        {
-          lines: planLines(plans.plans, plans.currencies, data.recurring.planBreakdown),
-          money,
-          caption: recurringCaption
-        }
-      ) : /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "adm-grid", children: /* @__PURE__ */ jsx("div", { className: "adm-span-12", children: /* @__PURE__ */ jsx(
+      Panel,
+      {
+        title: "GMV trend",
+        caption: gmvCaption,
+        height: "calc(var(--adm-panel-h) + 32px)",
+        children: focus ? /* @__PURE__ */ jsx("div", { className: styles.flatChart, children: /* @__PURE__ */ jsx(Tinted, { tone: "money", children: /* @__PURE__ */ jsx(
+          TimeSeriesChart,
+          {
+            data: gmvSeries,
+            compare: null,
+            compareLabel: `Previous ${span}`,
+            formatValue: moneyIn(focus),
+            emptyMessage: `No paid ${focus} orders in this window yet`,
+            height: 240
+          }
+        ) }) }) : /* @__PURE__ */ jsx("p", { className: styles.empty, children: PICK_CURRENCY })
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-7", children: /* @__PURE__ */ jsx(HealthPanel, { health, money, caption: recurringCaption }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-5", children: /* @__PURE__ */ jsx(
         PlanMixPanel,
         {
           planBreakdown: data.recurring.planBreakdown,
@@ -68,8 +66,17 @@ function RevenueOverview({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx("h2", { className: ledgerStyles.sectionTitle, children: "Every earning" }),
-    /* @__PURE__ */ jsx(EarningsTable, { startDate, endDate })
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-8", children: /* @__PURE__ */ jsx(
+        TopTenantsPanel,
+        {
+          tenants: gmv?.topTenants ?? [],
+          lifetime: gmv?.lifetime ?? 0,
+          focus
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(SubscriptionsPanel, { recurring: data.recurring, span }) })
+    ] })
   ] });
 }
 export {

package/dist/admin/revenue/revenue-overview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/revenue-overview.tsx"],"sourcesContent":["'use client';\n\nimport type { PlatformCockpit, PlatformRevenue } from '@withpotter/lib/admin-api';\nimport type { PlanList } from '@withpotter/lib/pricing-plans-types';\nimport { EarningsSummary } from './earnings/earnings-summary';\nimport { EarningsTable } from './earnings/earnings-table';\nimport { HealthPanel } from './health-panel';\nimport { PlanMixPanel } from './plan-mix-panel';\nimport { planLines } from './plan-lines';\nimport { PlansPanel } from './plans-panel';\nimport { RevenueKpis } from './revenue-kpis';\nimport ledgerStyles from './ledger.module.css';\n\n/**\n * Money Olive earns: one page, no sub-tabs, read top to bottom. What Olive made and kept (cards, pies, graphs, the\n * merchants it came from), then Olive's own plan income, then every earning in a table. It is Olive's money only: what\n * customers pay merchants lives on the Merchant payments tab, and the plan subscriptions on the Subscriptions tab.\n */\nexport function RevenueOverview({\n  startDate,\n  endDate,\n  data,\n  health,\n  money,\n  money2,\n  currency,\n  focus,\n  span,\n  recurringCaption,\n  plans,\n}: {\n  /** The window, for the earnings views, which read their own data. */\n  startDate?: string;\n  endDate?: string;\n  data: PlatformRevenue;\n  health: PlatformCockpit['health'] | undefined;\n  /** Formats recurring revenue, in the currency the API names for it. */\n  money: (value: number) => string;\n  money2: (value: number) => string;\n  /** The currency filter's choice; empty follows the billing currency. */\n  currency: string;\n  /** The one currency the plan figures show, or null. */\n  focus: string | null;\n  span: string;\n  recurringCaption: string;\n  /** Every plan created, from Pricing. Absent while it loads or when it cannot be read. */\n  plans?: PlanList;\n}) {\n  const recurringTracked = data.recurring.tracked !== false;\n\n  return (\n    <>\n      <EarningsSummary\n        startDate={startDate}\n        endDate={endDate}\n        currency={currency}\n        recurring={data.recurring}\n        span={span}\n      />\n\n      <h2 className={ledgerStyles.sectionTitle}>Plan income</h2>\n      <p className={ledgerStyles.sectionNote}>\n        What merchants pay Olive for their plans, each month and over a year.\n        {recurringTracked ? '' : ' Plan income is not set up on this box yet.'}\n      </p>\n      <RevenueKpis\n        part=\"olive\"\n        data={data}\n        money={money}\n        money2={money2}\n        currency={currency}\n        focus={focus}\n        gmvSpark={[]}\n      />\n\n      {recurringTracked && (\n        <div className=\"adm-grid\">\n          <div className={plans ? 'adm-span-12' : 'adm-span-7'}>\n            <HealthPanel health={health} money={money} caption={recurringCaption} />\n          </div>\n          {/* The Plans table has five columns, so it gets a full row; the older plan mix keeps its narrow slot. */}\n          <div className={plans ? 'adm-span-12' : 'adm-span-5'}>\n            {plans ? (\n              <PlansPanel\n                lines={planLines(plans.plans, plans.currencies, data.recurring.planBreakdown)}\n                money={money}\n                caption={recurringCaption}\n              />\n            ) : (\n              <PlanMixPanel\n                planBreakdown={data.recurring.planBreakdown}\n                money={money}\n                caption={recurringCaption}\n              />\n            )}\n          </div>\n        </div>\n      )}\n\n      <h2 className={ledgerStyles.sectionTitle}>Every earning</h2>\n      <EarningsTable startDate={startDate} endDate={endDate} />\n    </>\n  );\n}\n"],"mappings":";AAmDI,mBACE,KASA,YAVF;AA/CJ,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,OAAO,kBAAkB;AAOlB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAiBG;AACD,QAAM,mBAAmB,KAAK,UAAU,YAAY;AAEpD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,KAAK;AAAA,QAChB;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,QAAG,WAAW,aAAa,cAAc,yBAAW;AAAA,IACrD,qBAAC,OAAE,WAAW,aAAa,aAAa;AAAA;AAAA,MAErC,mBAAmB,KAAK;AAAA,OAC3B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC;AAAA;AAAA,IACb;AAAA,IAEC,oBACC,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,SAAI,WAAW,QAAQ,gBAAgB,cACtC,8BAAC,eAAY,QAAgB,OAAc,SAAS,kBAAkB,GACxE;AAAA,MAEA,oBAAC,SAAI,WAAW,QAAQ,gBAAgB,cACrC,kBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,MAAM,OAAO,MAAM,YAAY,KAAK,UAAU,aAAa;AAAA,UAC5E;AAAA,UACA,SAAS;AAAA;AAAA,MACX,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,eAAe,KAAK,UAAU;AAAA,UAC9B;AAAA,UACA,SAAS;AAAA;AAAA,MACX,GAEJ;AAAA,OACF;AAAA,IAGF,oBAAC,QAAG,WAAW,aAAa,cAAc,2BAAa;AAAA,IACvD,oBAAC,iBAAc,WAAsB,SAAkB;AAAA,KACzD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/revenue-overview.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { TimeSeriesChart } from '@withpotter/components/charts';\nimport type { PlatformCockpit, PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { PICK_CURRENCY, Panel, moneyIn, rowFor, toTrend } from '../_ui';\nimport { Tinted } from '../audit/tinted';\nimport { HealthPanel } from './health-panel';\nimport { PlanMixPanel } from './plan-mix-panel';\nimport { RevenueKpis } from './revenue-kpis';\nimport { SubscriptionsPanel } from './subscriptions-panel';\nimport { TopTenantsPanel } from './top-tenants-panel';\nimport styles from './revenue.module.css';\n\n/**\n * Overview tab: the four headline figures, then the GMV trend as the one\n * full-width primary chart, then revenue health, plan mix, top merchants\n * and subscriptions beneath it. Merchant GMV is per currency: the chart and\n * the leaderboard follow one currency (`focus`), never a mix.\n */\nexport function RevenueOverview({\n  data,\n  health,\n  money,\n  money2,\n  currency,\n  focus,\n  period,\n  span,\n  recurringCaption,\n}: {\n  data: PlatformRevenue;\n  health: PlatformCockpit['health'] | undefined;\n  /** Formats recurring revenue, in the currency the API names for it. */\n  money: (value: number) => string;\n  money2: (value: number) => string;\n  /** The currency filter's choice; empty shows a line per currency. */\n  currency: string;\n  /** The one currency the chart and leaderboard show, or null. */\n  focus: string | null;\n  period: string;\n  span: string;\n  recurringCaption: string;\n}) {\n  const gmv = rowFor(data.gmvByCurrency, focus);\n  const gmvSeries = useMemo(() => toTrend(gmv?.series, 'gmv'), [gmv]);\n  const gmvCaption = focus ? `${period} · ${focus}` : period;\n\n  return (\n    <>\n      <RevenueKpis\n        data={data}\n        money={money}\n        money2={money2}\n        currency={currency}\n        focus={focus}\n        gmvSpark={gmvSeries.map((p) => p.value)}\n      />\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-12\">\n          <Panel\n            title=\"GMV trend\"\n            caption={gmvCaption}\n            height=\"calc(var(--adm-panel-h) + 32px)\"\n          >\n            {focus ? (\n              <div className={styles.flatChart}>\n                <Tinted tone=\"money\">\n                  <TimeSeriesChart\n                    data={gmvSeries}\n                    compare={null}\n                    compareLabel={`Previous ${span}`}\n                    formatValue={moneyIn(focus)}\n                    emptyMessage={`No paid ${focus} orders in this window yet`}\n                    height={240}\n                  />\n                </Tinted>\n              </div>\n            ) : (\n              <p className={styles.empty}>{PICK_CURRENCY}</p>\n            )}\n          </Panel>\n        </div>\n      </div>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-7\">\n          <HealthPanel health={health} money={money} caption={recurringCaption} />\n        </div>\n        <div className=\"adm-span-5\">\n          <PlanMixPanel\n            planBreakdown={data.recurring.planBreakdown}\n            money={money}\n            caption={recurringCaption}\n          />\n        </div>\n      </div>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-8\">\n          <TopTenantsPanel\n            tenants={gmv?.topTenants ?? []}\n            lifetime={gmv?.lifetime ?? 0}\n            focus={focus}\n          />\n        </div>\n        <div className=\"adm-span-4\">\n          <SubscriptionsPanel recurring={data.recurring} span={span} />\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAiDI,mBACE,KAoCA,YArCF;AA/CJ,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAEhC,SAAS,eAAe,OAAO,SAAS,QAAQ,eAAe;AAC/D,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,OAAO,YAAY;AAQZ,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAaG;AACD,QAAM,MAAM,OAAO,KAAK,eAAe,KAAK;AAC5C,QAAM,YAAY,QAAQ,MAAM,QAAQ,KAAK,QAAQ,KAAK,GAAG,CAAC,GAAG,CAAC;AAClE,QAAM,aAAa,QAAQ,GAAG,MAAM,SAAM,KAAK,KAAK;AAEpD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,UAAU,IAAI,CAAC,MAAM,EAAE,KAAK;AAAA;AAAA,IACxC;AAAA,IAEA,oBAAC,SAAI,WAAU,YACb,8BAAC,SAAI,WAAU,eACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,QACT,QAAO;AAAA,QAEN,kBACC,oBAAC,SAAI,WAAW,OAAO,WACrB,8BAAC,UAAO,MAAK,SACX;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAS;AAAA,YACT,cAAc,YAAY,IAAI;AAAA,YAC9B,aAAa,QAAQ,KAAK;AAAA,YAC1B,cAAc,WAAW,KAAK;AAAA,YAC9B,QAAQ;AAAA;AAAA,QACV,GACF,GACF,IAEA,oBAAC,OAAE,WAAW,OAAO,OAAQ,yBAAc;AAAA;AAAA,IAE/C,GACF,GACF;AAAA,IAEA,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,SAAI,WAAU,cACb,8BAAC,eAAY,QAAgB,OAAc,SAAS,kBAAkB,GACxE;AAAA,MACA,oBAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,eAAe,KAAK,UAAU;AAAA,UAC9B;AAAA,UACA,SAAS;AAAA;AAAA,MACX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,KAAK,cAAc,CAAC;AAAA,UAC7B,UAAU,KAAK,YAAY;AAAA,UAC3B;AAAA;AAAA,MACF,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,cACb,8BAAC,sBAAmB,WAAW,KAAK,WAAW,MAAY,GAC7D;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/revenue/revenue-retention.js

@@ -1,7 +1,6 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { EmptyBlock } from "../audit/empty-block";
-import ledgerStyles from "./ledger.module.css";
 import { CohortPanel } from "./cohort-panel";
 import { QualityPanel } from "./quality-panel";
 function RevenueRetention({
@@ -11,22 +10,19 @@ function RevenueRetention({
   caption
 }) {
   if (!quality) {
-    return /* @__PURE__ */ jsx(EmptyBlock, { message: "Retention shows here once there is enough history to compare." });
+    return /* @__PURE__ */ jsx(EmptyBlock, { message: "Retention appears once there is enough billing history." });
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("p", { className: ledgerStyles.lede, children: "This shows how well Olive keeps the income it earns, and whether the merchants it signs up carry on selling." }),
-    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
-      /* @__PURE__ */ jsx("div", { className: "adm-span-5", children: /* @__PURE__ */ jsx(
-        QualityPanel,
-        {
-          quality,
-          money,
-          currency,
-          caption
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { className: "adm-span-7", children: /* @__PURE__ */ jsx(CohortPanel, { cohorts: quality.cohorts }) })
-    ] })
+  return /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+    /* @__PURE__ */ jsx("div", { className: "adm-span-5", children: /* @__PURE__ */ jsx(
+      QualityPanel,
+      {
+        quality,
+        money,
+        currency,
+        caption
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "adm-span-7", children: /* @__PURE__ */ jsx(CohortPanel, { cohorts: quality.cohorts }) })
   ] });
 }
 export {

package/dist/admin/revenue/revenue-retention.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/revenue-retention.tsx"],"sourcesContent":["'use client';\n\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EmptyBlock } from '../audit/empty-block';\nimport ledgerStyles from './ledger.module.css';\nimport { CohortPanel } from './cohort-panel';\nimport { QualityPanel } from './quality-panel';\n\n/** Retention tab: revenue quality beside logo cohort retention. */\nexport function RevenueRetention({\n  quality,\n  money,\n  currency,\n  caption,\n}: {\n  quality: PlatformRevenue['quality'];\n  money: (value: number) => string;\n  /** The currency filter's choice; empty shows a line per currency. */\n  currency: string;\n  caption: string;\n}) {\n  if (!quality) {\n    return (\n      <EmptyBlock message=\"Retention shows here once there is enough history to compare.\" />\n    );\n  }\n\n  return (\n    <>\n      <p className={ledgerStyles.lede}>\n        This shows how well Olive keeps the income it earns, and whether the merchants it signs up carry on selling.\n      </p>\n      <div className=\"adm-grid\">\n      <div className=\"adm-span-5\">\n        <QualityPanel\n          quality={quality}\n          money={money}\n          currency={currency}\n          caption={caption}\n        />\n      </div>\n      <div className=\"adm-span-7\">\n        <CohortPanel cohorts={quality.cohorts} />\n      </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAuBM,SAKF,UALE,KASA,YATA;AApBN,SAAS,kBAAkB;AAC3B,OAAO,kBAAkB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAGtB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,MAAI,CAAC,SAAS;AACZ,WACE,oBAAC,cAAW,SAAQ,iEAAgE;AAAA,EAExF;AAEA,SACE,iCACE;AAAA,wBAAC,OAAE,WAAW,aAAa,MAAM,0HAEjC;AAAA,IACA,qBAAC,SAAI,WAAU,YACf;AAAA,0BAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,cACb,8BAAC,eAAY,SAAS,QAAQ,SAAS,GACzC;AAAA,OACA;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/revenue-retention.tsx"],"sourcesContent":["'use client';\n\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EmptyBlock } from '../audit/empty-block';\nimport { CohortPanel } from './cohort-panel';\nimport { QualityPanel } from './quality-panel';\n\n/** Retention tab: revenue quality beside logo cohort retention. */\nexport function RevenueRetention({\n  quality,\n  money,\n  currency,\n  caption,\n}: {\n  quality: PlatformRevenue['quality'];\n  money: (value: number) => string;\n  /** The currency filter's choice; empty shows a line per currency. */\n  currency: string;\n  caption: string;\n}) {\n  if (!quality) {\n    return (\n      <EmptyBlock message=\"Retention appears once there is enough billing history.\" />\n    );\n  }\n\n  return (\n    <div className=\"adm-grid\">\n      <div className=\"adm-span-5\">\n        <QualityPanel\n          quality={quality}\n          money={money}\n          currency={currency}\n          caption={caption}\n        />\n      </div>\n      <div className=\"adm-span-7\">\n        <CohortPanel cohorts={quality.cohorts} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAsBM,cAKF,YALE;AAnBN,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAGtB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,MAAI,CAAC,SAAS;AACZ,WACE,oBAAC,cAAW,SAAQ,2DAA0D;AAAA,EAElF;AAEA,SACE,qBAAC,SAAI,WAAU,YACb;AAAA,wBAAC,SAAI,WAAU,cACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,IACA,oBAAC,SAAI,WAAU,cACb,8BAAC,eAAY,SAAS,QAAQ,SAAS,GACzC;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/revenue/revenue-workspace.js

@@ -2,11 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { ADMIN_NAME } from "../_shell/admin-brand";
-import {
-  useMerchantPayments,
-  usePlatformCockpit,
-  usePlatformRevenue
-} from "../hooks";
+import { usePlatformCockpit, usePlatformRevenue } from "../hooks";
 import { LoadFailed } from "../audit/load-failed";
 import {
   AdmLoading,
@@ -23,16 +19,10 @@ import {
   usePersistedDateRange,
   useTabParam
 } from "../_ui";
-import { MerchantPaymentsView } from "./merchant-payments-view";
-import { usePlanList } from "../pricing/use-plans";
 import { RevenueOverview } from "./revenue-overview";
 import { RevenueRetention } from "./revenue-retention";
-import { SubscriptionsView } from "./subscriptions-view";
-import { SummaryDownload } from "./summary-download";
 const TABS = [
-  { id: "overview", label: "Money Olive earns" },
-  { id: "merchants", label: "Merchant payments" },
-  { id: "subscriptions", label: "Subscriptions" },
+  { id: "overview", label: "Overview" },
   { id: "retention", label: "Retention" }
 ];
 const KEYS = TABS.map((t) => t.id);
@@ -54,19 +44,13 @@ function RevenueWorkspace() {
     startDate: range.startDate,
     endDate: range.endDate
   });
-  const plans = usePlanList();
   const cockpit = usePlatformCockpit({
     startDate: range.startDate,
     endDate: range.endDate
   });
-  const ledger = useMerchantPayments({
-    startDate: range.startDate,
-    endDate: range.endDate,
-    limit: 1
-  });
   const currencies = useMemo(() => data?.currencies ?? [], [data]);
   const focus = focusCurrency(currencies, currency);
-  const recurringCurrency = data?.currency || "NGN";
+  const recurringCurrency = data?.currency || "USD";
   const money = useMemo(() => moneyIn(recurringCurrency), [recurringCurrency]);
   const money2 = useMemo(
     () => moneyIn(recurringCurrency, 2),
@@ -85,24 +69,6 @@ function RevenueWorkspace() {
     );
   } else if (isLoading || !data) {
     body = /* @__PURE__ */ jsx(AdmLoading, { label: "Loading revenue metrics\u2026" });
-  } else if (tab === "merchants") {
-    body = /* @__PURE__ */ jsx(
-      MerchantPaymentsView,
-      {
-        startDate: range.startDate,
-        endDate: range.endDate,
-        currency
-      }
-    );
-  } else if (tab === "subscriptions") {
-    body = /* @__PURE__ */ jsx(
-      SubscriptionsView,
-      {
-        startDate: range.startDate,
-        endDate: range.endDate,
-        revenue: data
-      }
-    );
   } else if (tab === "retention") {
     body = /* @__PURE__ */ jsx(
       RevenueRetention,
@@ -117,17 +83,15 @@ function RevenueWorkspace() {
     body = /* @__PURE__ */ jsx(
       RevenueOverview,
       {
-        startDate: range.startDate,
-        endDate: range.endDate,
         data,
         health: cockpit.data?.health,
         money,
         money2,
         currency,
         focus,
+        period,
         span,
-        recurringCaption: `${period} \xB7 ${recurringCurrency}`,
-        plans: plans.data
+        recurringCaption: `${period} \xB7 ${recurringCurrency}`
       }
     );
   }
@@ -136,19 +100,8 @@ function RevenueWorkspace() {
       PageHeader,
       {
         title: "Revenue",
-        description: `How money flows through ${ADMIN_NAME}: what it earns, where it comes from, what it costs and what is left.`,
+        description: `Every revenue on ${ADMIN_NAME} is reported here: its subscription income each month and year, and the merchant sales (GMV) it is based on.`,
         actions: /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
-          tab === "overview" ? /* @__PURE__ */ jsx(
-            SummaryDownload,
-            {
-              ledger: ledger.data,
-              revenue: data,
-              currency: focus ?? "NGN",
-              startDate: range.startDate,
-              endDate: range.endDate,
-              period
-            }
-          ) : null,
           /* @__PURE__ */ jsx(
             CurrencyFilter,
             {

package/dist/admin/revenue/revenue-workspace.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/revenue-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport {\n  useMerchantPayments,\n  usePlatformCockpit,\n  usePlatformRevenue,\n} from '../hooks';\nimport { LoadFailed } from '../audit/load-failed';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  focusCurrency,\n  moneyIn,\n  periodPhrase,\n  rangeFromKey,\n  useCurrencyParam,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { MerchantPaymentsView } from './merchant-payments-view';\nimport { usePlanList } from '../pricing/use-plans';\nimport { RevenueOverview } from './revenue-overview';\nimport { RevenueRetention } from './revenue-retention';\nimport { SubscriptionsView } from './subscriptions-view';\nimport { SummaryDownload } from './summary-download';\n\nconst TABS = [\n  { id: 'overview', label: 'Money Olive earns' },\n  { id: 'merchants', label: 'Merchant payments' },\n  { id: 'subscriptions', label: 'Subscriptions' },\n  { id: 'retention', label: 'Retention' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/**\n * Revenue: the whole picture on Overview, what customers paid merchants on\n * Merchant payments, what merchants pay Olive on Subscriptions, and revenue\n * quality and cohorts on Retention.\n */\nexport function RevenueWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n  } = usePersistedDateRange();\n  // Merchant GMV comes back once per currency; `?currency=` narrows it.\n  const [currency, setCurrency] = useCurrencyParam();\n\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n\n  const { data, isLoading, isError, refetch } = usePlatformRevenue({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  // Revenue health (MRR movement, logo churn, concentration) is computed as\n  // part of the cockpit, not the revenue endpoint — fetched here too rather\n  // than duplicating that aggregation.\n  const plans = usePlanList();\n  const cockpit = usePlatformCockpit({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  // The same totals the Merchant payments tab reads, one row only, for the summary download.\n  const ledger = useMerchantPayments({\n    startDate: range.startDate,\n    endDate: range.endDate,\n    limit: 1,\n  });\n\n  const currencies = useMemo(() => data?.currencies ?? [], [data]);\n  const focus = focusCurrency(currencies, currency);\n  // Recurring revenue is the platform's own billing, in the currency the API\n  // names for it (`currency`), shown as it comes, never converted.\n  const recurringCurrency = data?.currency || 'NGN';\n  const money = useMemo(() => moneyIn(recurringCurrency), [recurringCurrency]);\n  const money2 = useMemo(\n    () => moneyIn(recurringCurrency, 2),\n    [recurringCurrency],\n  );\n\n  const span = periodPhrase(range);\n  const period = `${span[0].toUpperCase()}${span.slice(1)}`;\n\n  let body;\n  if (isError) {\n    body = (\n      <LoadFailed\n        message=\"Revenue for this period could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  } else if (isLoading || !data) {\n    body = <AdmLoading label=\"Loading revenue metrics…\" />;\n  } else if (tab === 'merchants') {\n    body = (\n      <MerchantPaymentsView\n        startDate={range.startDate}\n        endDate={range.endDate}\n        currency={currency}\n      />\n    );\n  } else if (tab === 'subscriptions') {\n    body = (\n      <SubscriptionsView\n        startDate={range.startDate}\n        endDate={range.endDate}\n        revenue={data}\n      />\n    );\n  } else if (tab === 'retention') {\n    body = (\n      <RevenueRetention\n        quality={data.quality}\n        money={money}\n        currency={currency}\n        caption={currency ? `${period} · ${currency}` : period}\n      />\n    );\n  } else {\n    body = (\n      <RevenueOverview\n        startDate={range.startDate}\n        endDate={range.endDate}\n        data={data}\n        health={cockpit.data?.health}\n        money={money}\n        money2={money2}\n        currency={currency}\n        focus={focus}\n        span={span}\n        recurringCaption={`${period} · ${recurringCurrency}`}\n        plans={plans.data}\n      />\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Revenue\"\n        description={`How money flows through ${ADMIN_NAME}: what it earns, where it comes from, what it costs and what is left.`}\n        actions={\n          <div className=\"adm-toolbar\">\n            {tab === 'overview' ? (\n              <SummaryDownload\n                ledger={ledger.data}\n                revenue={data}\n                currency={focus ?? 'NGN'}\n                startDate={range.startDate}\n                endDate={range.endDate}\n                period={period}\n              />\n            ) : null}\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            <PeriodSelector\n              value={rangeKey}\n              onChange={setRangeKey}\n              customStart={customStart}\n              customEnd={customEnd}\n              onCustomChange={onCustomChange}\n            />\n          </div>\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {body}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/revenue-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport { usePlatformCockpit, usePlatformRevenue } from '../hooks';\nimport { LoadFailed } from '../audit/load-failed';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  focusCurrency,\n  moneyIn,\n  periodPhrase,\n  rangeFromKey,\n  useCurrencyParam,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { RevenueOverview } from './revenue-overview';\nimport { RevenueRetention } from './revenue-retention';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'retention', label: 'Retention' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** Revenue: headline money on Overview, revenue quality and cohorts on Retention. */\nexport function RevenueWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n  } = usePersistedDateRange();\n  // Merchant GMV comes back once per currency; `?currency=` narrows it.\n  const [currency, setCurrency] = useCurrencyParam();\n\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n\n  const { data, isLoading, isError, refetch } = usePlatformRevenue({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  // Revenue health (MRR movement, logo churn, concentration) is computed as\n  // part of the cockpit, not the revenue endpoint — fetched here too rather\n  // than duplicating that aggregation.\n  const cockpit = usePlatformCockpit({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  const currencies = useMemo(() => data?.currencies ?? [], [data]);\n  const focus = focusCurrency(currencies, currency);\n  // Recurring revenue is the platform's own billing, in the currency the API\n  // names for it (`currency`), shown as it comes, never converted.\n  const recurringCurrency = data?.currency || 'USD';\n  const money = useMemo(() => moneyIn(recurringCurrency), [recurringCurrency]);\n  const money2 = useMemo(\n    () => moneyIn(recurringCurrency, 2),\n    [recurringCurrency],\n  );\n\n  const span = periodPhrase(range);\n  const period = `${span[0].toUpperCase()}${span.slice(1)}`;\n\n  let body;\n  if (isError) {\n    body = (\n      <LoadFailed\n        message=\"Revenue for this period could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  } else if (isLoading || !data) {\n    body = <AdmLoading label=\"Loading revenue metrics…\" />;\n  } else if (tab === 'retention') {\n    body = (\n      <RevenueRetention\n        quality={data.quality}\n        money={money}\n        currency={currency}\n        caption={currency ? `${period} · ${currency}` : period}\n      />\n    );\n  } else {\n    body = (\n      <RevenueOverview\n        data={data}\n        health={cockpit.data?.health}\n        money={money}\n        money2={money2}\n        currency={currency}\n        focus={focus}\n        period={period}\n        span={span}\n        recurringCaption={`${period} · ${recurringCurrency}`}\n      />\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Revenue\"\n        description={`Every revenue on ${ADMIN_NAME} is reported here: its subscription income each month and year, and the merchant sales (GMV) it is based on.`}\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            <PeriodSelector\n              value={rangeKey}\n              onChange={setRangeKey}\n              customStart={customStart}\n              customEnd={customEnd}\n              onCustomChange={onCustomChange}\n            />\n          </div>\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {body}\n    </div>\n  );\n}\n"],"mappings":";AAiFM,cAsCI,YAtCJ;AA/EN,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,0BAA0B;AACvD,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAEjC,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,aAAa,OAAO,YAAY;AACxC;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAG1B,SAAS,mBAAmB;AACjC,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAE1B,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AAEjD,QAAM,QAAQ;AAAA,IACZ,MACE,aAAa,WACT,YAAY,aAAa,SAAS,IAClC,aAAa,QAAQ;AAAA,IAC3B,CAAC,UAAU,aAAa,SAAS;AAAA,EACnC;AAEA,QAAM,EAAE,MAAM,WAAW,SAAS,QAAQ,IAAI,mBAAmB;AAAA,IAC/D,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AAID,QAAM,UAAU,mBAAmB;AAAA,IACjC,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AAED,QAAM,aAAa,QAAQ,MAAM,MAAM,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;AAC/D,QAAM,QAAQ,cAAc,YAAY,QAAQ;AAGhD,QAAM,oBAAoB,MAAM,YAAY;AAC5C,QAAM,QAAQ,QAAQ,MAAM,QAAQ,iBAAiB,GAAG,CAAC,iBAAiB,CAAC;AAC3E,QAAM,SAAS;AAAA,IACb,MAAM,QAAQ,mBAAmB,CAAC;AAAA,IAClC,CAAC,iBAAiB;AAAA,EACpB;AAEA,QAAM,OAAO,aAAa,KAAK;AAC/B,QAAM,SAAS,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AAEvD,MAAI;AACJ,MAAI,SAAS;AACX,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM,KAAK,QAAQ;AAAA;AAAA,IAC9B;AAAA,EAEJ,WAAW,aAAa,CAAC,MAAM;AAC7B,WAAO,oBAAC,cAAW,OAAM,iCAA2B;AAAA,EACtD,WAAW,QAAQ,aAAa;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,KAAK;AAAA,QACd;AAAA,QACA;AAAA,QACA,SAAS,WAAW,GAAG,MAAM,SAAM,QAAQ,KAAK;AAAA;AAAA,IAClD;AAAA,EAEJ,OAAO;AACL,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,QAAQ,QAAQ,MAAM;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,kBAAkB,GAAG,MAAM,SAAM,iBAAiB;AAAA;AAAA,IACpD;AAAA,EAEJ;AAEA,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAa,oBAAoB,UAAU;AAAA,QAC3C,SACE,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,WACF;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IACpD;AAAA,KACH;AAEJ;","names":[]}