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

package/dist/admin/revenue/subscriptions-panel.js

@@ -8,49 +8,49 @@ function SubscriptionsPanel({
 }) {
   const rows = [
     {
-      label: "Payment missed",
+      label: "Past due",
       status: "past_due",
-      note: "Their last payment failed, so they may leave",
+      note: "Payment failed, at risk of churning",
       value: integer.format(recurring.pastDueSubscriptions),
       tone: recurring.pastDueSubscriptions > 0 ? "danger" : "default"
     },
     {
-      label: "Set to end",
+      label: "Non-renewing",
       status: "non_renewing",
-      note: "Will not renew when the paid period ends",
+      note: "Set to cancel at period end",
       value: integer.format(recurring.nonRenewingSubscriptions),
       tone: recurring.nonRenewingSubscriptions > 0 ? "danger" : "default"
     },
     {
       label: "Active",
       status: "active",
-      note: "Paying for their plan",
+      note: "Paying on a live billing cycle",
       value: integer.format(recurring.activeSubscriptions)
     },
     {
-      label: "On a trial",
+      label: "Trialing",
       status: "trialing",
-      note: "Trying a plan, not yet paying",
+      note: "In trial, not yet billed",
       value: integer.format(recurring.trialingSubscriptions)
     },
     {
-      label: "Joined this period",
-      note: `Started paying in ${span}`,
+      label: "New this period",
+      note: `Started in ${span}`,
       value: integer.format(recurring.newInRange)
     },
     {
-      label: "Left this period",
-      note: `Stopped paying in ${span}`,
+      label: "Churned this period",
+      note: `Cancelled in ${span}`,
       value: integer.format(recurring.churnedInRange),
       tone: recurring.churnedInRange > 0 ? "danger" : "default"
     },
     {
-      label: "Cancelled in total",
-      note: "Since the start",
+      label: "Cancelled",
+      note: "Lifetime total",
       value: integer.format(recurring.cancelledSubscriptions)
     }
   ];
-  return /* @__PURE__ */ jsx(Panel, { title: "Plan subscriptions", caption: "Right now", height: "var(--adm-panel-h)", children: /* @__PURE__ */ jsx(FigureList, { rows }) });
+  return /* @__PURE__ */ jsx(Panel, { title: "Subscriptions", caption: "Today", height: "var(--adm-panel-h)", children: /* @__PURE__ */ jsx(FigureList, { rows }) });
 }
 export {
   SubscriptionsPanel

package/dist/admin/revenue/subscriptions-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/subscriptions-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { Panel } from '../_ui';\nimport { FigureList, type Figure } from './figure-list';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** Where the subscription base stands, and what started in the window. */\nexport function SubscriptionsPanel({\n  recurring,\n  span,\n}: {\n  recurring: PlatformRevenue['recurring'];\n  span: string;\n}) {\n  const rows: Figure[] = [\n    {\n      label: 'Payment missed',\n      status: 'past_due',\n      note: 'Their last payment failed, so they may leave',\n      value: integer.format(recurring.pastDueSubscriptions),\n      tone: recurring.pastDueSubscriptions > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Set to end',\n      status: 'non_renewing',\n      note: 'Will not renew when the paid period ends',\n      value: integer.format(recurring.nonRenewingSubscriptions),\n      tone: recurring.nonRenewingSubscriptions > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Active',\n      status: 'active',\n      note: 'Paying for their plan',\n      value: integer.format(recurring.activeSubscriptions),\n    },\n    {\n      label: 'On a trial',\n      status: 'trialing',\n      note: 'Trying a plan, not yet paying',\n      value: integer.format(recurring.trialingSubscriptions),\n    },\n    {\n      label: 'Joined this period',\n      note: `Started paying in ${span}`,\n      value: integer.format(recurring.newInRange),\n    },\n    {\n      label: 'Left this period',\n      note: `Stopped paying in ${span}`,\n      value: integer.format(recurring.churnedInRange),\n      tone: recurring.churnedInRange > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Cancelled in total',\n      note: 'Since the start',\n      value: integer.format(recurring.cancelledSubscriptions),\n    },\n  ];\n\n  return (\n    <Panel title=\"Plan subscriptions\" caption=\"Right now\" height=\"var(--adm-panel-h)\">\n      <FigureList rows={rows} />\n    </Panel>\n  );\n}\n"],"mappings":"AA6DM;AA5DN,SAAS,aAAa;AACtB,SAAS,kBAA+B;AAExC,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,oBAAoB;AAAA,MACpD,MAAM,UAAU,uBAAuB,IAAI,WAAW;AAAA,IACxD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,wBAAwB;AAAA,MACxD,MAAM,UAAU,2BAA2B,IAAI,WAAW;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,mBAAmB;AAAA,IACrD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,qBAAqB;AAAA,IACvD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM,qBAAqB,IAAI;AAAA,MAC/B,OAAO,QAAQ,OAAO,UAAU,UAAU;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM,qBAAqB,IAAI;AAAA,MAC/B,OAAO,QAAQ,OAAO,UAAU,cAAc;AAAA,MAC9C,MAAM,UAAU,iBAAiB,IAAI,WAAW;AAAA,IAClD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,sBAAsB;AAAA,IACxD;AAAA,EACF;AAEA,SACE,oBAAC,SAAM,OAAM,sBAAqB,SAAQ,aAAY,QAAO,sBAC3D,8BAAC,cAAW,MAAY,GAC1B;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/subscriptions-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { Panel } from '../_ui';\nimport { FigureList, type Figure } from './figure-list';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** Where the subscription base stands, and what started in the window. */\nexport function SubscriptionsPanel({\n  recurring,\n  span,\n}: {\n  recurring: PlatformRevenue['recurring'];\n  span: string;\n}) {\n  const rows: Figure[] = [\n    {\n      label: 'Past due',\n      status: 'past_due',\n      note: 'Payment failed, at risk of churning',\n      value: integer.format(recurring.pastDueSubscriptions),\n      tone: recurring.pastDueSubscriptions > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Non-renewing',\n      status: 'non_renewing',\n      note: 'Set to cancel at period end',\n      value: integer.format(recurring.nonRenewingSubscriptions),\n      tone: recurring.nonRenewingSubscriptions > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Active',\n      status: 'active',\n      note: 'Paying on a live billing cycle',\n      value: integer.format(recurring.activeSubscriptions),\n    },\n    {\n      label: 'Trialing',\n      status: 'trialing',\n      note: 'In trial, not yet billed',\n      value: integer.format(recurring.trialingSubscriptions),\n    },\n    {\n      label: 'New this period',\n      note: `Started in ${span}`,\n      value: integer.format(recurring.newInRange),\n    },\n    {\n      label: 'Churned this period',\n      note: `Cancelled in ${span}`,\n      value: integer.format(recurring.churnedInRange),\n      tone: recurring.churnedInRange > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Cancelled',\n      note: 'Lifetime total',\n      value: integer.format(recurring.cancelledSubscriptions),\n    },\n  ];\n\n  return (\n    <Panel title=\"Subscriptions\" caption=\"Today\" height=\"var(--adm-panel-h)\">\n      <FigureList rows={rows} />\n    </Panel>\n  );\n}\n"],"mappings":"AA6DM;AA5DN,SAAS,aAAa;AACtB,SAAS,kBAA+B;AAExC,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,oBAAoB;AAAA,MACpD,MAAM,UAAU,uBAAuB,IAAI,WAAW;AAAA,IACxD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,wBAAwB;AAAA,MACxD,MAAM,UAAU,2BAA2B,IAAI,WAAW;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,mBAAmB;AAAA,IACrD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,qBAAqB;AAAA,IACvD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM,cAAc,IAAI;AAAA,MACxB,OAAO,QAAQ,OAAO,UAAU,UAAU;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM,gBAAgB,IAAI;AAAA,MAC1B,OAAO,QAAQ,OAAO,UAAU,cAAc;AAAA,MAC9C,MAAM,UAAU,iBAAiB,IAAI,WAAW;AAAA,IAClD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,sBAAsB;AAAA,IACxD;AAAA,EACF;AAEA,SACE,oBAAC,SAAM,OAAM,iBAAgB,SAAQ,SAAQ,QAAO,sBAClD,8BAAC,cAAW,MAAY,GAC1B;AAEJ;","names":[]}

package/dist/admin/revenue/top-tenants-panel.js

@@ -17,7 +17,7 @@ function TopTenantsPanel({
   return /* @__PURE__ */ jsx(
     Panel,
     {
-      title: "Biggest merchants by sales",
+      title: "Top merchants by GMV",
       count: tenants.length || void 0,
       caption: focus ?? void 0,
       action: /* @__PURE__ */ jsx(Link, { href: "/admin/tenants", children: "View all" }),
@@ -31,9 +31,9 @@ function TopTenantsPanel({
           head: /* @__PURE__ */ jsxs("tr", { children: [
             /* @__PURE__ */ jsx(Th, { children: "Merchant" }),
             /* @__PURE__ */ jsx(Th, { align: "right", children: "Orders" }),
-            /* @__PURE__ */ jsx(Th, { align: "right", children: "Average order" }),
-            /* @__PURE__ */ jsx(Th, { align: "right", children: "Sales" }),
-            /* @__PURE__ */ jsx(Th, { align: "right", children: "Share of sales" })
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "AOV" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "GMV" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "% of GMV" })
           ] }),
           children: tenants.map((t) => {
             const aov = t.orders > 0 ? t.gmv / t.orders : 0;

package/dist/admin/revenue/top-tenants-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/top-tenants-panel.tsx"],"sourcesContent":["import Link from 'next/link';\nimport { useRouter } from 'next/navigation';\nimport { EmptyNote, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EntityAvatar } from '../_fx';\nimport { PICK_CURRENCY, Panel, moneyIn } from '../_ui';\nimport { logoOf } from '../tenants/tenants-logo';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/**\n * Merchants ranked by GMV within one currency, with order count, AOV and\n * share of that currency's lifetime GMV.\n */\nexport function TopTenantsPanel({\n  tenants,\n  lifetime,\n  focus,\n}: {\n  tenants: PlatformRevenue['gmv']['topTenants'];\n  /** Lifetime GMV in `focus`, the base for each share. */\n  lifetime: number;\n  /** The one currency ranked, or null when there are several and none is chosen. */\n  focus: string | null;\n}) {\n  const router = useRouter();\n  const money = moneyIn(focus ?? '');\n\n  return (\n    <Panel\n      title=\"Biggest merchants by sales\"\n      count={tenants.length || undefined}\n      caption={focus ?? undefined}\n      action={<Link href=\"/admin/tenants\">View all</Link>}\n      flush\n    >\n      {tenants.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          {focus ? `No ${focus} merchant revenue recorded yet.` : PICK_CURRENCY}\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={520}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Merchant</Th>\n              <Th align=\"right\">Orders</Th>\n              <Th align=\"right\">Average order</Th>\n              <Th align=\"right\">Sales</Th>\n              <Th align=\"right\">Share of sales</Th>\n            </tr>\n          }\n        >\n          {tenants.map((t) => {\n            const aov = t.orders > 0 ? t.gmv / t.orders : 0;\n            const share = lifetime > 0 ? (t.gmv / lifetime) * 100 : 0;\n            const logo = logoOf(t);\n            return (\n              <TableRow\n                key={t.id}\n                onClick={() => router.push(`/admin/tenants/${t.id}`)}\n              >\n                <td className={styles.name}>\n                  <span className={styles.tenant}>\n                    {logo && (\n                      <EntityAvatar\n                        name={t.businessName}\n                        src={logo}\n                        size={28}\n                      />\n                    )}\n                    <span className={styles.tenantText}>\n                      <Link\n                        href={`/admin/tenants/${t.id}`}\n                        title={t.businessName}\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        {t.businessName}\n                      </Link>\n                      {t.slug && (\n                        <span className={styles.slug} title={t.slug}>\n                          {t.slug}\n                        </span>\n                      )}\n                    </span>\n                  </span>\n                </td>\n                <td className={styles.num}>{integer.format(t.orders)}</td>\n                <td className={styles.num}>{money(aov)}</td>\n                <td className={styles.numStrong}>{money(t.gmv)}</td>\n                <td className={styles.num}>\n                  <span className={styles.share}>\n                    <span className={styles.shareTrack} aria-hidden>\n                      <span\n                        className={styles.shareFill}\n                        style={{ width: `${Math.min(share, 100)}%` }}\n                      />\n                    </span>\n                    {share.toFixed(1)}%\n                  </span>\n                </td>\n              </TableRow>\n            );\n          })}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/top-tenants-panel.tsx"],"sourcesContent":["import Link from 'next/link';\nimport { useRouter } from 'next/navigation';\nimport { EmptyNote, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EntityAvatar } from '../_fx';\nimport { PICK_CURRENCY, Panel, moneyIn } from '../_ui';\nimport { logoOf } from '../tenants/tenants-logo';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/**\n * Merchants ranked by GMV within one currency, with order count, AOV and\n * share of that currency's lifetime GMV.\n */\nexport function TopTenantsPanel({\n  tenants,\n  lifetime,\n  focus,\n}: {\n  tenants: PlatformRevenue['gmv']['topTenants'];\n  /** Lifetime GMV in `focus`, the base for each share. */\n  lifetime: number;\n  /** The one currency ranked, or null when there are several and none is chosen. */\n  focus: string | null;\n}) {\n  const router = useRouter();\n  const money = moneyIn(focus ?? '');\n\n  return (\n    <Panel\n      title=\"Top merchants by GMV\"\n      count={tenants.length || undefined}\n      caption={focus ?? undefined}\n      action={<Link href=\"/admin/tenants\">View all</Link>}\n      flush\n    >\n      {tenants.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          {focus ? `No ${focus} merchant revenue recorded yet.` : PICK_CURRENCY}\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={520}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Merchant</Th>\n              <Th align=\"right\">Orders</Th>\n              <Th align=\"right\">AOV</Th>\n              <Th align=\"right\">GMV</Th>\n              <Th align=\"right\">% of GMV</Th>\n            </tr>\n          }\n        >\n          {tenants.map((t) => {\n            const aov = t.orders > 0 ? t.gmv / t.orders : 0;\n            const share = lifetime > 0 ? (t.gmv / lifetime) * 100 : 0;\n            const logo = logoOf(t);\n            return (\n              <TableRow\n                key={t.id}\n                onClick={() => router.push(`/admin/tenants/${t.id}`)}\n              >\n                <td className={styles.name}>\n                  <span className={styles.tenant}>\n                    {logo && (\n                      <EntityAvatar\n                        name={t.businessName}\n                        src={logo}\n                        size={28}\n                      />\n                    )}\n                    <span className={styles.tenantText}>\n                      <Link\n                        href={`/admin/tenants/${t.id}`}\n                        title={t.businessName}\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        {t.businessName}\n                      </Link>\n                      {t.slug && (\n                        <span className={styles.slug} title={t.slug}>\n                          {t.slug}\n                        </span>\n                      )}\n                    </span>\n                  </span>\n                </td>\n                <td className={styles.num}>{integer.format(t.orders)}</td>\n                <td className={styles.num}>{money(aov)}</td>\n                <td className={styles.numStrong}>{money(t.gmv)}</td>\n                <td className={styles.num}>\n                  <span className={styles.share}>\n                    <span className={styles.shareTrack} aria-hidden>\n                      <span\n                        className={styles.shareFill}\n                        style={{ width: `${Math.min(share, 100)}%` }}\n                      />\n                    </span>\n                    {share.toFixed(1)}%\n                  </span>\n                </td>\n              </TableRow>\n            );\n          })}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/settings/account-tab.js

@@ -2,17 +2,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "next/navigation";
-import { Button } from "@withpotter/ui-kit";
+import { Button, useConfirm, useToast } from "@withpotter/ui-kit";
 import { SUPPORT_INBOX_EMAIL } from "@withpotter/lib/support-inbox";
 import { useAdminSession } from "../hooks";
+import { settingsStore } from "../_settings";
 import { useModuleOn } from "../_shell/modules-context";
 import { signOutAdmin } from "../_shell/sign-out";
 import { ChangePasswordDialog } from "./change-password-dialog";
 import { ProfileCard } from "./profile-card";
 import { SettingRow, SettingsCard } from "./setting-row";
+import { SystemStatusCard } from "./system-status-card";
 import styles from "./settings.module.css";
 function AccountTab() {
   const router = useRouter();
+  const confirm = useConfirm();
+  const { toast } = useToast();
   const { data: session } = useAdminSession();
   const [changing, setChanging] = useState(false);
   const [leaving, setLeaving] = useState(false);
@@ -22,6 +26,17 @@ function AccountTab() {
     await signOutAdmin();
     router.replace("/admin/login");
   };
+  const reset = async () => {
+    const ok = await confirm({
+      title: "Reset settings on this device?",
+      description: "Density, accessibility, notification and shortcut choices go back to their defaults. Your account is not affected.",
+      confirmLabel: "Reset settings",
+      tone: "danger"
+    });
+    if (!ok) return;
+    settingsStore.reset();
+    toast({ title: "Settings reset on this device" });
+  };
   return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
     session && /* @__PURE__ */ jsx(ProfileCard, { session }),
     /* @__PURE__ */ jsxs(SettingsCard, { title: "Security", children: [
@@ -42,6 +57,14 @@ function AccountTab() {
         }
       )
     ] }),
+    /* @__PURE__ */ jsx(SettingsCard, { title: "This device", children: /* @__PURE__ */ jsx(
+      SettingRow,
+      {
+        label: "Reset all settings on this device",
+        description: "Every preference on this page returns to its default.",
+        children: /* @__PURE__ */ jsx(Button, { variant: "danger", onClick: reset, children: "Reset" })
+      }
+    ) }),
     supportOn && /* @__PURE__ */ jsx(SettingsCard, { title: "Support inbox", children: /* @__PURE__ */ jsx(
       SettingRow,
       {
@@ -50,6 +73,7 @@ function AccountTab() {
         children: /* @__PURE__ */ jsx("span", { className: styles.value, title: SUPPORT_INBOX_EMAIL, children: SUPPORT_INBOX_EMAIL })
       }
     ) }),
+    /* @__PURE__ */ jsx(SystemStatusCard, {}),
     changing && /* @__PURE__ */ jsx(ChangePasswordDialog, { onClose: () => setChanging(false) })
   ] });
 }

package/dist/admin/settings/account-tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/settings/account-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { Button } from '@withpotter/ui-kit';\nimport { SUPPORT_INBOX_EMAIL } from '@withpotter/lib/support-inbox';\nimport { useAdminSession } from '../hooks';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { signOutAdmin } from '../_shell/sign-out';\nimport { ChangePasswordDialog } from './change-password-dialog';\nimport { ProfileCard } from './profile-card';\nimport { SettingRow, SettingsCard } from './setting-row';\nimport styles from './settings.module.css';\n\n/**\n * Who you are and how you sign in. The support inbox\n * address shows only where this box serves Support.\n */\nexport function AccountTab() {\n  const router = useRouter();\n  const { data: session } = useAdminSession();\n  const [changing, setChanging] = useState(false);\n  const [leaving, setLeaving] = useState(false);\n  const supportOn = useModuleOn('support');\n\n  const signOut = async () => {\n    setLeaving(true);\n    await signOutAdmin();\n    router.replace('/admin/login');\n  };\n\n  return (\n    <div className={styles.stack}>\n      {session && <ProfileCard session={session} />}\n      <SettingsCard title=\"Security\">\n        <SettingRow\n          label=\"Password\"\n          description=\"At least 12 characters. You stay signed in here.\"\n        >\n          <Button variant=\"secondary\" onClick={() => setChanging(true)}>\n            Change password\n          </Button>\n        </SettingRow>\n        <SettingRow\n          label=\"Sign out\"\n          description=\"Also ends any View as owner session.\"\n        >\n          <Button variant=\"secondary\" loading={leaving} onClick={signOut}>\n            Sign out\n          </Button>\n        </SettingRow>\n      </SettingsCard>\n      {supportOn && (\n        <SettingsCard title=\"Support inbox\">\n          <SettingRow\n            label=\"Inbound address\"\n            description=\"Merchants write here; each email opens a case in Support.\"\n          >\n            <span className={styles.value} title={SUPPORT_INBOX_EMAIL}>\n              {SUPPORT_INBOX_EMAIL}\n            </span>\n          </SettingRow>\n        </SettingsCard>\n      )}\n      {changing && <ChangePasswordDialog onClose={() => setChanging(false)} />}\n    </div>\n  );\n}\n"],"mappings":";AAiCkB,cACZ,YADY;AA/BlB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,YAAY,oBAAoB;AACzC,OAAO,YAAY;AAMZ,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,QAAQ,IAAI,gBAAgB;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,YAAY,YAAY,SAAS;AAEvC,QAAM,UAAU,YAAY;AAC1B,eAAW,IAAI;AACf,UAAM,aAAa;AACnB,WAAO,QAAQ,cAAc;AAAA,EAC/B;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,eAAW,oBAAC,eAAY,SAAkB;AAAA,IAC3C,qBAAC,gBAAa,OAAM,YAClB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,YAAY,IAAI,GAAG,6BAE9D;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,SAAS,SAAS,sBAEhE;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACC,aACC,oBAAC,gBAAa,OAAM,iBAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QAEZ,8BAAC,UAAK,WAAW,OAAO,OAAO,OAAO,qBACnC,+BACH;AAAA;AAAA,IACF,GACF;AAAA,IAED,YAAY,oBAAC,wBAAqB,SAAS,MAAM,YAAY,KAAK,GAAG;AAAA,KACxE;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/settings/account-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { Button, useConfirm, useToast } from '@withpotter/ui-kit';\nimport { SUPPORT_INBOX_EMAIL } from '@withpotter/lib/support-inbox';\nimport { useAdminSession } from '../hooks';\nimport { settingsStore } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { signOutAdmin } from '../_shell/sign-out';\nimport { ChangePasswordDialog } from './change-password-dialog';\nimport { ProfileCard } from './profile-card';\nimport { SettingRow, SettingsCard } from './setting-row';\nimport { SystemStatusCard } from './system-status-card';\nimport styles from './settings.module.css';\n\n/**\n * Who you are, how you sign in, and the box's own health. The support inbox\n * address shows only where this box serves Support.\n */\nexport function AccountTab() {\n  const router = useRouter();\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const { data: session } = useAdminSession();\n  const [changing, setChanging] = useState(false);\n  const [leaving, setLeaving] = useState(false);\n  const supportOn = useModuleOn('support');\n\n  const signOut = async () => {\n    setLeaving(true);\n    await signOutAdmin();\n    router.replace('/admin/login');\n  };\n\n  const reset = async () => {\n    const ok = await confirm({\n      title: 'Reset settings on this device?',\n      description:\n        'Density, accessibility, notification and shortcut choices go back to their defaults. Your account is not affected.',\n      confirmLabel: 'Reset settings',\n      tone: 'danger',\n    });\n    if (!ok) return;\n    settingsStore.reset();\n    toast({ title: 'Settings reset on this device' });\n  };\n\n  return (\n    <div className={styles.stack}>\n      {session && <ProfileCard session={session} />}\n      <SettingsCard title=\"Security\">\n        <SettingRow\n          label=\"Password\"\n          description=\"At least 12 characters. You stay signed in here.\"\n        >\n          <Button variant=\"secondary\" onClick={() => setChanging(true)}>\n            Change password\n          </Button>\n        </SettingRow>\n        <SettingRow\n          label=\"Sign out\"\n          description=\"Also ends any View as owner session.\"\n        >\n          <Button variant=\"secondary\" loading={leaving} onClick={signOut}>\n            Sign out\n          </Button>\n        </SettingRow>\n      </SettingsCard>\n      <SettingsCard title=\"This device\">\n        <SettingRow\n          label=\"Reset all settings on this device\"\n          description=\"Every preference on this page returns to its default.\"\n        >\n          <Button variant=\"danger\" onClick={reset}>\n            Reset\n          </Button>\n        </SettingRow>\n      </SettingsCard>\n      {supportOn && (\n        <SettingsCard title=\"Support inbox\">\n          <SettingRow\n            label=\"Inbound address\"\n            description=\"Merchants write here; each email opens a case in Support.\"\n          >\n            <span className={styles.value} title={SUPPORT_INBOX_EMAIL}>\n              {SUPPORT_INBOX_EMAIL}\n            </span>\n          </SettingRow>\n        </SettingsCard>\n      )}\n      <SystemStatusCard />\n      {changing && <ChangePasswordDialog onClose={() => setChanging(false)} />}\n    </div>\n  );\n}\n"],"mappings":";AAkDkB,cACZ,YADY;AAhDlB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,YAAY,gBAAgB;AAC7C,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,YAAY,oBAAoB;AACzC,SAAS,wBAAwB;AACjC,OAAO,YAAY;AAMZ,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU;AACzB,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,EAAE,MAAM,QAAQ,IAAI,gBAAgB;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,YAAY,YAAY,SAAS;AAEvC,QAAM,UAAU,YAAY;AAC1B,eAAW,IAAI;AACf,UAAM,aAAa;AACnB,WAAO,QAAQ,cAAc;AAAA,EAC/B;AAEA,QAAM,QAAQ,YAAY;AACxB,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO;AAAA,MACP,aACE;AAAA,MACF,cAAc;AAAA,MACd,MAAM;AAAA,IACR,CAAC;AACD,QAAI,CAAC,GAAI;AACT,kBAAc,MAAM;AACpB,UAAM,EAAE,OAAO,gCAAgC,CAAC;AAAA,EAClD;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,eAAW,oBAAC,eAAY,SAAkB;AAAA,IAC3C,qBAAC,gBAAa,OAAM,YAClB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,YAAY,IAAI,GAAG,6BAE9D;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,SAAS,SAAS,sBAEhE;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACA,oBAAC,gBAAa,OAAM,eAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QAEZ,8BAAC,UAAO,SAAQ,UAAS,SAAS,OAAO,mBAEzC;AAAA;AAAA,IACF,GACF;AAAA,IACC,aACC,oBAAC,gBAAa,OAAM,iBAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QAEZ,8BAAC,UAAK,WAAW,OAAO,OAAO,OAAO,qBACnC,+BACH;AAAA;AAAA,IACF,GACF;AAAA,IAEF,oBAAC,oBAAiB;AAAA,IACjB,YAAY,oBAAC,wBAAqB,SAAS,MAAM,YAAY,KAAK,GAAG;AAAA,KACxE;AAEJ;","names":[]}

package/dist/admin/settings/general-tab.js

@@ -17,8 +17,8 @@ const THEMES = [
 const START_OPTIONS = [
   { value: "overview", label: "Overview" },
   { value: "support", label: "Support" },
-  { value: "merchants", label: "Workspaces" },
-  { value: "people", label: "User accounts" }
+  { value: "merchants", label: "Merchants" },
+  { value: "people", label: "People" }
 ];
 function GeneralTab() {
   const settings = useSettings();

package/dist/admin/settings/general-tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/settings/general-tab.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from '@withpotter/ui-kit';\nimport { useTheme } from '@withpotter/lib/theme-context';\nimport { RANGE_OPTIONS, usePersistedDateRange, type RangeKey } from '../_ui';\nimport { useSettings, type AdminSettings } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useSidebarCollapsed, sidebarStore } from '../_shell/use-shell-prefs';\nimport { Segmented, SettingRow, SettingsCard } from './setting-row';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\ntype Theme = 'system' | 'light' | 'dark';\n\nconst THEMES = [\n  { value: 'system' as Theme, label: 'System' },\n  { value: 'light' as Theme, label: 'Light' },\n  { value: 'dark' as Theme, label: 'Dark' },\n];\n\nconst START_OPTIONS: Array<{\n  value: AdminSettings['startPage'];\n  label: string;\n}> = [\n  { value: 'overview', label: 'Overview' },\n  { value: 'support', label: 'Support' },\n  { value: 'merchants', label: 'Workspaces' },\n  { value: 'people', label: 'User accounts' },\n];\n\n/**\n * Look, layout and the views every page opens with. No display currency on a\n * box: money is shown per currency and never converted, so there is nothing\n * to pick. Support is a start page only where this box serves Support.\n */\nexport function GeneralTab() {\n  const settings = useSettings();\n  const { update, saved } = useSave();\n  const { theme, setTheme } = useTheme();\n  const { rangeKey, setRangeKey } = usePersistedDateRange();\n  const collapsed = useSidebarCollapsed();\n  const supportOn = useModuleOn('support');\n  const startOptions = START_OPTIONS.filter(\n    (o) => supportOn || o.value !== 'support'\n  );\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard title=\"Appearance\">\n        <SettingRow\n          label=\"Theme\"\n          description=\"System follows your computer's light or dark setting.\"\n        >\n          <Segmented\n            label=\"Theme\"\n            value={theme}\n            options={THEMES}\n            onChange={(next) => {\n              setTheme(next);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Density\"\n          description=\"Compact fits more rows and cards on screen.\"\n        >\n          <Segmented\n            label=\"Density\"\n            value={settings.density}\n            options={[\n              { value: 'comfortable', label: 'Comfortable' },\n              { value: 'compact', label: 'Compact' },\n            ]}\n            onChange={(density) => update({ density })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Sidebar\"\n          description=\"Collapsed shows icons only. You can also toggle it from the sidebar.\"\n        >\n          <Segmented\n            label=\"Sidebar\"\n            value={collapsed ? 'collapsed' : 'expanded'}\n            options={[\n              { value: 'expanded', label: 'Expanded' },\n              { value: 'collapsed', label: 'Collapsed' },\n            ]}\n            onChange={(next) => {\n              sidebarStore.set(next === 'collapsed');\n              saved();\n            }}\n          />\n        </SettingRow>\n      </SettingsCard>\n\n      <SettingsCard title=\"Defaults\" description=\"What pages open with.\">\n        <SettingRow\n          label=\"Default period\"\n          description=\"The date range reports and charts start on.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Default period\"\n            value={rangeKey}\n            options={RANGE_OPTIONS.map((o) => ({\n              value: o.key,\n              label: o.label,\n            }))}\n            onChange={(key) => {\n              setRangeKey(key as RangeKey);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Start page\"\n          description=\"Where the console opens when you sign in or reload on Overview.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Start page\"\n            value={settings.startPage}\n            options={startOptions}\n            onChange={(value) =>\n              update({ startPage: value as AdminSettings['startPage'] })\n            }\n          />\n        </SettingRow>\n      </SettingsCard>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/settings/general-tab.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from '@withpotter/ui-kit';\nimport { useTheme } from '@withpotter/lib/theme-context';\nimport { RANGE_OPTIONS, usePersistedDateRange, type RangeKey } from '../_ui';\nimport { useSettings, type AdminSettings } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useSidebarCollapsed, sidebarStore } from '../_shell/use-shell-prefs';\nimport { Segmented, SettingRow, SettingsCard } from './setting-row';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\ntype Theme = 'system' | 'light' | 'dark';\n\nconst THEMES = [\n  { value: 'system' as Theme, label: 'System' },\n  { value: 'light' as Theme, label: 'Light' },\n  { value: 'dark' as Theme, label: 'Dark' },\n];\n\nconst START_OPTIONS: Array<{\n  value: AdminSettings['startPage'];\n  label: string;\n}> = [\n  { value: 'overview', label: 'Overview' },\n  { value: 'support', label: 'Support' },\n  { value: 'merchants', label: 'Merchants' },\n  { value: 'people', label: 'People' },\n];\n\n/**\n * Look, layout and the views every page opens with. No display currency on a\n * box: money is shown per currency and never converted, so there is nothing\n * to pick. Support is a start page only where this box serves Support.\n */\nexport function GeneralTab() {\n  const settings = useSettings();\n  const { update, saved } = useSave();\n  const { theme, setTheme } = useTheme();\n  const { rangeKey, setRangeKey } = usePersistedDateRange();\n  const collapsed = useSidebarCollapsed();\n  const supportOn = useModuleOn('support');\n  const startOptions = START_OPTIONS.filter(\n    (o) => supportOn || o.value !== 'support'\n  );\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard title=\"Appearance\">\n        <SettingRow\n          label=\"Theme\"\n          description=\"System follows your computer's light or dark setting.\"\n        >\n          <Segmented\n            label=\"Theme\"\n            value={theme}\n            options={THEMES}\n            onChange={(next) => {\n              setTheme(next);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Density\"\n          description=\"Compact fits more rows and cards on screen.\"\n        >\n          <Segmented\n            label=\"Density\"\n            value={settings.density}\n            options={[\n              { value: 'comfortable', label: 'Comfortable' },\n              { value: 'compact', label: 'Compact' },\n            ]}\n            onChange={(density) => update({ density })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Sidebar\"\n          description=\"Collapsed shows icons only. You can also toggle it from the sidebar.\"\n        >\n          <Segmented\n            label=\"Sidebar\"\n            value={collapsed ? 'collapsed' : 'expanded'}\n            options={[\n              { value: 'expanded', label: 'Expanded' },\n              { value: 'collapsed', label: 'Collapsed' },\n            ]}\n            onChange={(next) => {\n              sidebarStore.set(next === 'collapsed');\n              saved();\n            }}\n          />\n        </SettingRow>\n      </SettingsCard>\n\n      <SettingsCard title=\"Defaults\" description=\"What pages open with.\">\n        <SettingRow\n          label=\"Default period\"\n          description=\"The date range reports and charts start on.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Default period\"\n            value={rangeKey}\n            options={RANGE_OPTIONS.map((o) => ({\n              value: o.key,\n              label: o.label,\n            }))}\n            onChange={(key) => {\n              setRangeKey(key as RangeKey);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Start page\"\n          description=\"Where the console opens when you sign in or reload on Overview.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Start page\"\n            value={settings.startPage}\n            options={startOptions}\n            onChange={(value) =>\n              update({ startPage: value as AdminSettings['startPage'] })\n            }\n          />\n        </SettingRow>\n      </SettingsCard>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/settings/system-status-card.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { adminReadinessApi } from "@withpotter/lib/admin-readiness-api";
+import { overallOf, SystemStatusPanel } from "../_shell/system-status-panel";
+import { SettingsCard } from "./setting-row";
+function SystemStatusCard() {
+  const query = useQuery({
+    queryKey: ["platform-admin", "readiness"],
+    queryFn: adminReadinessApi.readiness,
+    staleTime: 6e4,
+    retry: 1
+  });
+  return /* @__PURE__ */ jsx(SettingsCard, { title: "System status", children: /* @__PURE__ */ jsx(
+    SystemStatusPanel,
+    {
+      data: query.data,
+      overall: overallOf(query.data, query.isError),
+      isLoading: query.isLoading,
+      isError: query.isError,
+      isFetching: query.isFetching,
+      checkedAt: query.dataUpdatedAt,
+      onRefresh: () => void query.refetch()
+    }
+  ) });
+}
+export {
+  SystemStatusCard
+};
+//# sourceMappingURL=system-status-card.js.map

package/dist/admin/settings/system-status-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/system-status-card.tsx"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { adminReadinessApi } from '@withpotter/lib/admin-readiness-api';\nimport { overallOf, SystemStatusPanel } from '../_shell/system-status-panel';\nimport { SettingsCard } from './setting-row';\n\n/** The deployment's integration checks, each with its state. */\nexport function SystemStatusCard() {\n  const query = useQuery({\n    queryKey: ['platform-admin', 'readiness'],\n    queryFn: adminReadinessApi.readiness,\n    staleTime: 60_000,\n    retry: 1,\n  });\n\n  return (\n    <SettingsCard title=\"System status\">\n      <SystemStatusPanel\n        data={query.data}\n        overall={overallOf(query.data, query.isError)}\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isFetching={query.isFetching}\n        checkedAt={query.dataUpdatedAt}\n        onRefresh={() => void query.refetch()}\n      />\n    </SettingsCard>\n  );\n}\n"],"mappings":";AAkBM;AAhBN,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,WAAW,yBAAyB;AAC7C,SAAS,oBAAoB;AAGtB,SAAS,mBAAmB;AACjC,QAAM,QAAQ,SAAS;AAAA,IACrB,UAAU,CAAC,kBAAkB,WAAW;AAAA,IACxC,SAAS,kBAAkB;AAAA,IAC3B,WAAW;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AAED,SACE,oBAAC,gBAAa,OAAM,iBAClB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,MAAM;AAAA,MACZ,SAAS,UAAU,MAAM,MAAM,MAAM,OAAO;AAAA,MAC5C,WAAW,MAAM;AAAA,MACjB,SAAS,MAAM;AAAA,MACf,YAAY,MAAM;AAAA,MAClB,WAAW,MAAM;AAAA,MACjB,WAAW,MAAM,KAAK,MAAM,QAAQ;AAAA;AAAA,EACtC,GACF;AAEJ;","names":[]}

package/dist/admin/support/queue-card.module.css

@@ -75,8 +75,11 @@
   outline-offset: -2px;
 }
 
-/* Column header with a hairline, not a shadow. */
+/* Sticky column header with a hairline, not a shadow. */
 .scroll thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
   background: var(--bg-base);
   box-shadow: inset 0 -1px 0 var(--border-subtle);
   white-space: nowrap;

package/dist/admin/tenants/[id]/commerce/format.js

@@ -3,8 +3,7 @@ function moneyIn(currency, decimals = 0) {
     try {
       return new Intl.NumberFormat("en-US", {
         style: "currency",
-        currencyDisplay: "narrowSymbol",
-        currency: currency || "NGN",
+        currency: currency || "USD",
         maximumFractionDigits: decimals
       }).format(n);
     } catch {

package/dist/admin/tenants/[id]/commerce/format.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/commerce/format.ts"],"sourcesContent":["import type { TenantProduct } from '@withpotter/lib/admin-api';\n\n/** Amounts in the merchant's own currency, whole units for headlines. */\nexport function moneyIn(currency: string, decimals = 0) {\n  return (n: number) => {\n    try {\n      return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currencyDisplay: 'narrowSymbol',\n        currency: currency || 'NGN',\n        maximumFractionDigits: decimals,\n      }).format(n);\n    } catch {\n      return `${currency} ${Math.round(n).toLocaleString()}`;\n    }\n  };\n}\n\nexport type Money = (n: number) => string;\n\n/** 1.2k / 3.4m, for figures in tight tiles. */\nexport const compact = (n: number) =>\n  new Intl.NumberFormat('en-US', {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n  }).format(n);\n\nexport const shortDate = (iso: string) =>\n  new Intl.DateTimeFormat('en', { month: 'short', day: 'numeric' }).format(\n    new Date(iso),\n  );\n\n/** Sentence-case a machine word: \"checked_in\" → \"Checked in\". */\nexport const humanize = (s: string) => {\n  const t = s.replace(/[_-]+/g, ' ').trim();\n  return t ? t[0].toUpperCase() + t.slice(1) : '–';\n};\n\nexport type PillTone =\n  'success' | 'pending' | 'failed' | 'processing' | 'neutral';\n\nconst TONE_OF: Record<string, PillTone> = {\n  completed: 'success',\n  paid: 'success',\n  success: 'success',\n  settled: 'success',\n  fulfilled: 'success',\n  delivered: 'success',\n  collected: 'success',\n  pending: 'pending',\n  unpaid: 'pending',\n  awaiting_confirmation: 'pending',\n  authorized: 'pending',\n  unfulfilled: 'pending',\n  partial: 'pending',\n  confirmed: 'processing',\n  processing: 'processing',\n  checked_in: 'processing',\n  ready: 'processing',\n  failed: 'failed',\n  reversed: 'failed',\n  expired: 'failed',\n  cancelled: 'neutral',\n  refunded: 'neutral',\n  partially_refunded: 'neutral',\n};\n\nexport const toneOf = (status: string): PillTone =>\n  TONE_OF[status?.toLowerCase()] ?? 'neutral';\n\nexport type StockState = {\n  label: string;\n  tone: PillTone;\n  available: number | null;\n};\n\n/** What a shelf looks like for one item, from the counts the API sends. */\nexport function stockOf(p: TenantProduct): StockState {\n  if (!p.trackInventory || p.quantity == null)\n    return { label: 'Not tracked', tone: 'neutral', available: null };\n\n  const available = p.quantity - (p.reserved ?? 0);\n\n  if (available <= 0)\n    return { label: 'Out of stock', tone: 'failed', available };\n\n  if (p.lowStockThreshold != null && available <= p.lowStockThreshold)\n    return { label: `Low · ${available}`, tone: 'pending', available };\n\n  return {\n    label: `In stock · ${compact(available)}`,\n    tone: 'success',\n    available,\n  };\n}\n"],"mappings":"AAGO,SAAS,QAAQ,UAAkB,WAAW,GAAG;AACtD,SAAO,CAAC,MAAc;AACpB,QAAI;AACF,aAAO,IAAI,KAAK,aAAa,SAAS;AAAA,QACpC,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,UAAU,YAAY;AAAA,QACtB,uBAAuB;AAAA,MACzB,CAAC,EAAE,OAAO,CAAC;AAAA,IACb,QAAQ;AACN,aAAO,GAAG,QAAQ,IAAI,KAAK,MAAM,CAAC,EAAE,eAAe,CAAC;AAAA,IACtD;AAAA,EACF;AACF;AAKO,MAAM,UAAU,CAAC,MACtB,IAAI,KAAK,aAAa,SAAS;AAAA,EAC7B,UAAU;AAAA,EACV,uBAAuB;AACzB,CAAC,EAAE,OAAO,CAAC;AAEN,MAAM,YAAY,CAAC,QACxB,IAAI,KAAK,eAAe,MAAM,EAAE,OAAO,SAAS,KAAK,UAAU,CAAC,EAAE;AAAA,EAChE,IAAI,KAAK,GAAG;AACd;AAGK,MAAM,WAAW,CAAC,MAAc;AACrC,QAAM,IAAI,EAAE,QAAQ,UAAU,GAAG,EAAE,KAAK;AACxC,SAAO,IAAI,EAAE,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,IAAI;AAC/C;AAKA,MAAM,UAAoC;AAAA,EACxC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,oBAAoB;AACtB;AAEO,MAAM,SAAS,CAAC,WACrB,QAAQ,QAAQ,YAAY,CAAC,KAAK;AAS7B,SAAS,QAAQ,GAA8B;AACpD,MAAI,CAAC,EAAE,kBAAkB,EAAE,YAAY;AACrC,WAAO,EAAE,OAAO,eAAe,MAAM,WAAW,WAAW,KAAK;AAElE,QAAM,YAAY,EAAE,YAAY,EAAE,YAAY;AAE9C,MAAI,aAAa;AACf,WAAO,EAAE,OAAO,gBAAgB,MAAM,UAAU,UAAU;AAE5D,MAAI,EAAE,qBAAqB,QAAQ,aAAa,EAAE;AAChD,WAAO,EAAE,OAAO,YAAS,SAAS,IAAI,MAAM,WAAW,UAAU;AAEnE,SAAO;AAAA,IACL,OAAO,iBAAc,QAAQ,SAAS,CAAC;AAAA,IACvC,MAAM;AAAA,IACN;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/commerce/format.ts"],"sourcesContent":["import type { TenantProduct } from '@withpotter/lib/admin-api';\n\n/** Amounts in the merchant's own currency, whole units for headlines. */\nexport function moneyIn(currency: string, decimals = 0) {\n  return (n: number) => {\n    try {\n      return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: currency || 'USD',\n        maximumFractionDigits: decimals,\n      }).format(n);\n    } catch {\n      return `${currency} ${Math.round(n).toLocaleString()}`;\n    }\n  };\n}\n\nexport type Money = (n: number) => string;\n\n/** 1.2k / 3.4m, for figures in tight tiles. */\nexport const compact = (n: number) =>\n  new Intl.NumberFormat('en-US', {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n  }).format(n);\n\nexport const shortDate = (iso: string) =>\n  new Intl.DateTimeFormat('en', { month: 'short', day: 'numeric' }).format(\n    new Date(iso),\n  );\n\n/** Sentence-case a machine word: \"checked_in\" → \"Checked in\". */\nexport const humanize = (s: string) => {\n  const t = s.replace(/[_-]+/g, ' ').trim();\n  return t ? t[0].toUpperCase() + t.slice(1) : '–';\n};\n\nexport type PillTone =\n  'success' | 'pending' | 'failed' | 'processing' | 'neutral';\n\nconst TONE_OF: Record<string, PillTone> = {\n  completed: 'success',\n  paid: 'success',\n  success: 'success',\n  settled: 'success',\n  fulfilled: 'success',\n  delivered: 'success',\n  collected: 'success',\n  pending: 'pending',\n  unpaid: 'pending',\n  awaiting_confirmation: 'pending',\n  authorized: 'pending',\n  unfulfilled: 'pending',\n  partial: 'pending',\n  confirmed: 'processing',\n  processing: 'processing',\n  checked_in: 'processing',\n  ready: 'processing',\n  failed: 'failed',\n  reversed: 'failed',\n  expired: 'failed',\n  cancelled: 'neutral',\n  refunded: 'neutral',\n  partially_refunded: 'neutral',\n};\n\nexport const toneOf = (status: string): PillTone =>\n  TONE_OF[status?.toLowerCase()] ?? 'neutral';\n\nexport type StockState = {\n  label: string;\n  tone: PillTone;\n  available: number | null;\n};\n\n/** What a shelf looks like for one item, from the counts the API sends. */\nexport function stockOf(p: TenantProduct): StockState {\n  if (!p.trackInventory || p.quantity == null)\n    return { label: 'Not tracked', tone: 'neutral', available: null };\n\n  const available = p.quantity - (p.reserved ?? 0);\n\n  if (available <= 0)\n    return { label: 'Out of stock', tone: 'failed', available };\n\n  if (p.lowStockThreshold != null && available <= p.lowStockThreshold)\n    return { label: `Low · ${available}`, tone: 'pending', available };\n\n  return {\n    label: `In stock · ${compact(available)}`,\n    tone: 'success',\n    available,\n  };\n}\n"],"mappings":"AAGO,SAAS,QAAQ,UAAkB,WAAW,GAAG;AACtD,SAAO,CAAC,MAAc;AACpB,QAAI;AACF,aAAO,IAAI,KAAK,aAAa,SAAS;AAAA,QACpC,OAAO;AAAA,QACP,UAAU,YAAY;AAAA,QACtB,uBAAuB;AAAA,MACzB,CAAC,EAAE,OAAO,CAAC;AAAA,IACb,QAAQ;AACN,aAAO,GAAG,QAAQ,IAAI,KAAK,MAAM,CAAC,EAAE,eAAe,CAAC;AAAA,IACtD;AAAA,EACF;AACF;AAKO,MAAM,UAAU,CAAC,MACtB,IAAI,KAAK,aAAa,SAAS;AAAA,EAC7B,UAAU;AAAA,EACV,uBAAuB;AACzB,CAAC,EAAE,OAAO,CAAC;AAEN,MAAM,YAAY,CAAC,QACxB,IAAI,KAAK,eAAe,MAAM,EAAE,OAAO,SAAS,KAAK,UAAU,CAAC,EAAE;AAAA,EAChE,IAAI,KAAK,GAAG;AACd;AAGK,MAAM,WAAW,CAAC,MAAc;AACrC,QAAM,IAAI,EAAE,QAAQ,UAAU,GAAG,EAAE,KAAK;AACxC,SAAO,IAAI,EAAE,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,IAAI;AAC/C;AAKA,MAAM,UAAoC;AAAA,EACxC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,oBAAoB;AACtB;AAEO,MAAM,SAAS,CAAC,WACrB,QAAQ,QAAQ,YAAY,CAAC,KAAK;AAS7B,SAAS,QAAQ,GAA8B;AACpD,MAAI,CAAC,EAAE,kBAAkB,EAAE,YAAY;AACrC,WAAO,EAAE,OAAO,eAAe,MAAM,WAAW,WAAW,KAAK;AAElE,QAAM,YAAY,EAAE,YAAY,EAAE,YAAY;AAE9C,MAAI,aAAa;AACf,WAAO,EAAE,OAAO,gBAAgB,MAAM,UAAU,UAAU;AAE5D,MAAI,EAAE,qBAAqB,QAAQ,aAAa,EAAE;AAChD,WAAO,EAAE,OAAO,YAAS,SAAS,IAAI,MAAM,WAAW,UAAU;AAEnE,SAAO;AAAA,IACL,OAAO,iBAAc,QAAQ,SAAS,CAAC;AAAA,IACvC,MAAM;AAAA,IACN;AAAA,EACF;AACF;","names":[]}

package/dist/admin/tenants/[id]/commerce/recent-orders.js

@@ -39,7 +39,7 @@ function RecentOrders({
                 /* @__PURE__ */ jsx(Th, { children: "Customer" }),
                 /* @__PURE__ */ jsx(Th, { align: "right", children: "Total" }),
                 /* @__PURE__ */ jsx(Th, { children: "Payment" }),
-                /* @__PURE__ */ jsx(Th, { children: "Fulfilment" }),
+                /* @__PURE__ */ jsx(Th, { children: "Status" }),
                 /* @__PURE__ */ jsx(Th, { align: "right", children: "Placed" })
               ] }),
               children: loading ? Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx("tr", { "aria-hidden": true, children: /* @__PURE__ */ jsx("td", { colSpan: 6, children: /* @__PURE__ */ jsx(Skeleton, { height: 20 }) }) }, i)) : orders.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 6, className: styles.emptyCell, children: "No orders yet. They show here as soon as a customer checks out." }) }) : orders.map((o) => /* @__PURE__ */ jsxs(

package/dist/admin/tenants/[id]/commerce/recent-orders.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/commerce/recent-orders.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport type {\n  DashboardStats,\n  TenantActivityOrder,\n  Transaction,\n} from '@withpotter/lib/admin-api';\nimport { TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport { Panel, Skeleton } from '../../../_ui';\nimport { moneyIn, shortDate } from './format';\nimport { OrderDrawer } from './order-drawer';\nimport { OrderPipeline } from './order-pipeline';\nimport { StatusPill } from './status-pill';\nimport styles from './orders.module.css';\n\n/** The order pipeline over the latest orders; a row opens the order. */\nexport function RecentOrders({\n  orders,\n  stats,\n  transactions,\n  loading,\n  statsLoading,\n  currency,\n}: {\n  orders: TenantActivityOrder[];\n  stats: DashboardStats['orderStats'] | undefined;\n  transactions: Transaction[];\n  loading: boolean;\n  statsLoading: boolean;\n  currency: string;\n}) {\n  const [open, setOpen] = useState<TenantActivityOrder | null>(null);\n\n  return (\n    <>\n      <Panel\n        title=\"Orders\"\n        count={stats?.total}\n        caption={stats ? `${stats.today.toLocaleString()} today` : undefined}\n        height=\"calc(var(--adm-panel-h) + 120px)\"\n        flush\n      >\n        <OrderPipeline stats={stats} loading={statsLoading} />\n        <TableShell\n          bare\n          minWidth={640}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Order</Th>\n              <Th>Customer</Th>\n              <Th align=\"right\">Total</Th>\n              <Th>Payment</Th>\n              <Th>Fulfilment</Th>\n              <Th align=\"right\">Placed</Th>\n            </tr>\n          }\n        >\n          {loading ? (\n            Array.from({ length: 5 }, (_, i) => (\n              <tr key={i} aria-hidden>\n                <td colSpan={6}>\n                  <Skeleton height={20} />\n                </td>\n              </tr>\n            ))\n          ) : orders.length === 0 ? (\n            <tr>\n              <td colSpan={6} className={styles.emptyCell}>\n                No orders yet. They show here as soon as a customer checks out.\n              </td>\n            </tr>\n          ) : (\n            orders.map((o) => (\n              <TableRow\n                key={o.id}\n                active={open?.id === o.id}\n                onClick={() => setOpen(o)}\n              >\n                <td className={styles.mono} title={o.orderNumber}>\n                  {/* The row opens on click; this is its keyboard way in. */}\n                  <button\n                    type=\"button\"\n                    className={styles.orderLink}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      setOpen(o);\n                    }}\n                  >\n                    {o.orderNumber}\n                  </button>\n                </td>\n                <td>\n                  <span\n                    className={styles.truncate}\n                    title={o.customerName || o.customerEmail}\n                  >\n                    {o.customerName || o.customerEmail}\n                  </span>\n                </td>\n                <td className={styles.num}>\n                  {moneyIn(o.currency || currency, 2)(o.total)}\n                </td>\n                <td>\n                  <StatusPill status={o.paymentStatus} />\n                </td>\n                <td>\n                  <StatusPill status={o.status} />\n                </td>\n                <td className={styles.num}>{shortDate(o.createdAt)}</td>\n              </TableRow>\n            ))\n          )}\n        </TableShell>\n      </Panel>\n      <OrderDrawer\n        order={open}\n        transactions={transactions}\n        currency={currency}\n        onClose={() => setOpen(null)}\n      />\n    </>\n  );\n}\n"],"mappings":";AAmCI,mBAQI,KAMI,YAdR;AAjCJ,SAAS,gBAAgB;AAMzB,SAAS,UAAU,YAAY,UAAU;AACzC,SAAS,OAAO,gBAAgB;AAChC,SAAS,SAAS,iBAAiB;AACnC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,OAAO,YAAY;AAGZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAqC,IAAI;AAEjE,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,SAAS,QAAQ,GAAG,MAAM,MAAM,eAAe,CAAC,WAAW;AAAA,QAC3D,QAAO;AAAA,QACP,OAAK;AAAA,QAEL;AAAA,8BAAC,iBAAc,OAAc,SAAS,cAAc;AAAA,UACpD;AAAA,YAAC;AAAA;AAAA,cACC,MAAI;AAAA,cACJ,UAAU;AAAA,cACV,SAAQ;AAAA,cACR,MACE,qBAAC,QACC;AAAA,oCAAC,MAAG,mBAAK;AAAA,gBACT,oBAAC,MAAG,sBAAQ;AAAA,gBACZ,oBAAC,MAAG,OAAM,SAAQ,mBAAK;AAAA,gBACvB,oBAAC,MAAG,qBAAO;AAAA,gBACX,oBAAC,MAAG,wBAAU;AAAA,gBACd,oBAAC,MAAG,OAAM,SAAQ,oBAAM;AAAA,iBAC1B;AAAA,cAGD,oBACC,MAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC5B,oBAAC,QAAW,eAAW,MACrB,8BAAC,QAAG,SAAS,GACX,8BAAC,YAAS,QAAQ,IAAI,GACxB,KAHO,CAIT,CACD,IACC,OAAO,WAAW,IACpB,oBAAC,QACC,8BAAC,QAAG,SAAS,GAAG,WAAW,OAAO,WAAW,6EAE7C,GACF,IAEA,OAAO,IAAI,CAAC,MACV;AAAA,gBAAC;AAAA;AAAA,kBAEC,QAAQ,MAAM,OAAO,EAAE;AAAA,kBACvB,SAAS,MAAM,QAAQ,CAAC;AAAA,kBAExB;AAAA,wCAAC,QAAG,WAAW,OAAO,MAAM,OAAO,EAAE,aAEnC;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,WAAW,OAAO;AAAA,wBAClB,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AAClB,kCAAQ,CAAC;AAAA,wBACX;AAAA,wBAEC,YAAE;AAAA;AAAA,oBACL,GACF;AAAA,oBACA,oBAAC,QACC;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,OAAO;AAAA,wBAClB,OAAO,EAAE,gBAAgB,EAAE;AAAA,wBAE1B,YAAE,gBAAgB,EAAE;AAAA;AAAA,oBACvB,GACF;AAAA,oBACA,oBAAC,QAAG,WAAW,OAAO,KACnB,kBAAQ,EAAE,YAAY,UAAU,CAAC,EAAE,EAAE,KAAK,GAC7C;AAAA,oBACA,oBAAC,QACC,8BAAC,cAAW,QAAQ,EAAE,eAAe,GACvC;AAAA,oBACA,oBAAC,QACC,8BAAC,cAAW,QAAQ,EAAE,QAAQ,GAChC;AAAA,oBACA,oBAAC,QAAG,WAAW,OAAO,KAAM,oBAAU,EAAE,SAAS,GAAE;AAAA;AAAA;AAAA,gBAlC9C,EAAE;AAAA,cAmCT,CACD;AAAA;AAAA,UAEL;AAAA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,SAAS,MAAM,QAAQ,IAAI;AAAA;AAAA,IAC7B;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/commerce/recent-orders.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport type {\n  DashboardStats,\n  TenantActivityOrder,\n  Transaction,\n} from '@withpotter/lib/admin-api';\nimport { TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport { Panel, Skeleton } from '../../../_ui';\nimport { moneyIn, shortDate } from './format';\nimport { OrderDrawer } from './order-drawer';\nimport { OrderPipeline } from './order-pipeline';\nimport { StatusPill } from './status-pill';\nimport styles from './orders.module.css';\n\n/** The order pipeline over the latest orders; a row opens the order. */\nexport function RecentOrders({\n  orders,\n  stats,\n  transactions,\n  loading,\n  statsLoading,\n  currency,\n}: {\n  orders: TenantActivityOrder[];\n  stats: DashboardStats['orderStats'] | undefined;\n  transactions: Transaction[];\n  loading: boolean;\n  statsLoading: boolean;\n  currency: string;\n}) {\n  const [open, setOpen] = useState<TenantActivityOrder | null>(null);\n\n  return (\n    <>\n      <Panel\n        title=\"Orders\"\n        count={stats?.total}\n        caption={stats ? `${stats.today.toLocaleString()} today` : undefined}\n        height=\"calc(var(--adm-panel-h) + 120px)\"\n        flush\n      >\n        <OrderPipeline stats={stats} loading={statsLoading} />\n        <TableShell\n          bare\n          minWidth={640}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Order</Th>\n              <Th>Customer</Th>\n              <Th align=\"right\">Total</Th>\n              <Th>Payment</Th>\n              <Th>Status</Th>\n              <Th align=\"right\">Placed</Th>\n            </tr>\n          }\n        >\n          {loading ? (\n            Array.from({ length: 5 }, (_, i) => (\n              <tr key={i} aria-hidden>\n                <td colSpan={6}>\n                  <Skeleton height={20} />\n                </td>\n              </tr>\n            ))\n          ) : orders.length === 0 ? (\n            <tr>\n              <td colSpan={6} className={styles.emptyCell}>\n                No orders yet. They show here as soon as a customer checks out.\n              </td>\n            </tr>\n          ) : (\n            orders.map((o) => (\n              <TableRow\n                key={o.id}\n                active={open?.id === o.id}\n                onClick={() => setOpen(o)}\n              >\n                <td className={styles.mono} title={o.orderNumber}>\n                  {/* The row opens on click; this is its keyboard way in. */}\n                  <button\n                    type=\"button\"\n                    className={styles.orderLink}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      setOpen(o);\n                    }}\n                  >\n                    {o.orderNumber}\n                  </button>\n                </td>\n                <td>\n                  <span\n                    className={styles.truncate}\n                    title={o.customerName || o.customerEmail}\n                  >\n                    {o.customerName || o.customerEmail}\n                  </span>\n                </td>\n                <td className={styles.num}>\n                  {moneyIn(o.currency || currency, 2)(o.total)}\n                </td>\n                <td>\n                  <StatusPill status={o.paymentStatus} />\n                </td>\n                <td>\n                  <StatusPill status={o.status} />\n                </td>\n                <td className={styles.num}>{shortDate(o.createdAt)}</td>\n              </TableRow>\n            ))\n          )}\n        </TableShell>\n      </Panel>\n      <OrderDrawer\n        order={open}\n        transactions={transactions}\n        currency={currency}\n        onClose={() => setOpen(null)}\n      />\n    </>\n  );\n}\n"],"mappings":";AAmCI,mBAQI,KAMI,YAdR;AAjCJ,SAAS,gBAAgB;AAMzB,SAAS,UAAU,YAAY,UAAU;AACzC,SAAS,OAAO,gBAAgB;AAChC,SAAS,SAAS,iBAAiB;AACnC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,OAAO,YAAY;AAGZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAqC,IAAI;AAEjE,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,SAAS,QAAQ,GAAG,MAAM,MAAM,eAAe,CAAC,WAAW;AAAA,QAC3D,QAAO;AAAA,QACP,OAAK;AAAA,QAEL;AAAA,8BAAC,iBAAc,OAAc,SAAS,cAAc;AAAA,UACpD;AAAA,YAAC;AAAA;AAAA,cACC,MAAI;AAAA,cACJ,UAAU;AAAA,cACV,SAAQ;AAAA,cACR,MACE,qBAAC,QACC;AAAA,oCAAC,MAAG,mBAAK;AAAA,gBACT,oBAAC,MAAG,sBAAQ;AAAA,gBACZ,oBAAC,MAAG,OAAM,SAAQ,mBAAK;AAAA,gBACvB,oBAAC,MAAG,qBAAO;AAAA,gBACX,oBAAC,MAAG,oBAAM;AAAA,gBACV,oBAAC,MAAG,OAAM,SAAQ,oBAAM;AAAA,iBAC1B;AAAA,cAGD,oBACC,MAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC5B,oBAAC,QAAW,eAAW,MACrB,8BAAC,QAAG,SAAS,GACX,8BAAC,YAAS,QAAQ,IAAI,GACxB,KAHO,CAIT,CACD,IACC,OAAO,WAAW,IACpB,oBAAC,QACC,8BAAC,QAAG,SAAS,GAAG,WAAW,OAAO,WAAW,6EAE7C,GACF,IAEA,OAAO,IAAI,CAAC,MACV;AAAA,gBAAC;AAAA;AAAA,kBAEC,QAAQ,MAAM,OAAO,EAAE;AAAA,kBACvB,SAAS,MAAM,QAAQ,CAAC;AAAA,kBAExB;AAAA,wCAAC,QAAG,WAAW,OAAO,MAAM,OAAO,EAAE,aAEnC;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,WAAW,OAAO;AAAA,wBAClB,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AAClB,kCAAQ,CAAC;AAAA,wBACX;AAAA,wBAEC,YAAE;AAAA;AAAA,oBACL,GACF;AAAA,oBACA,oBAAC,QACC;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,OAAO;AAAA,wBAClB,OAAO,EAAE,gBAAgB,EAAE;AAAA,wBAE1B,YAAE,gBAAgB,EAAE;AAAA;AAAA,oBACvB,GACF;AAAA,oBACA,oBAAC,QAAG,WAAW,OAAO,KACnB,kBAAQ,EAAE,YAAY,UAAU,CAAC,EAAE,EAAE,KAAK,GAC7C;AAAA,oBACA,oBAAC,QACC,8BAAC,cAAW,QAAQ,EAAE,eAAe,GACvC;AAAA,oBACA,oBAAC,QACC,8BAAC,cAAW,QAAQ,EAAE,QAAQ,GAChC;AAAA,oBACA,oBAAC,QAAG,WAAW,OAAO,KAAM,oBAAU,EAAE,SAAS,GAAE;AAAA;AAAA;AAAA,gBAlC9C,EAAE;AAAA,cAmCT,CACD;AAAA;AAAA,UAEL;AAAA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,SAAS,MAAM,QAAQ,IAAI;AAAA;AAAA,IAC7B;AAAA,KACF;AAEJ;","names":[]}

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

@@ -14,7 +14,6 @@ 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";
@@ -62,7 +61,6 @@ function moneyCur(n, currency) {
   try {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
-      currencyDisplay: "narrowSymbol",
       currency,
       maximumFractionDigits: 0
     }).format(n);
@@ -70,10 +68,6 @@ function moneyCur(n, currency) {
     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);
 }
@@ -159,11 +153,6 @@ function TenantDetailPage({
     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),
@@ -180,8 +169,7 @@ function TenantDetailPage({
     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 currency = data.currency ?? "USD";
   const currencyControl = /* @__PURE__ */ jsx(
     CurrencyFilter,
     {
@@ -189,7 +177,7 @@ function TenantDetailPage({
       onChange: setShown,
       currencies: currenciesIn(
         data.currencies,
-        view.wallet?.balances.map((b) => b.currency),
+        data.wallet?.balances.map((b) => b.currency),
         data.recentOrders.map((o) => o.currency)
       )
     }
@@ -220,8 +208,7 @@ function TenantDetailPage({
     tab === "overview" && /* @__PURE__ */ jsx(
       TenantOverview,
       {
-        data: view,
-        walletNote,
+        data,
         periodLabel: periodPhrase(range),
         periodControl,
         recentOrders: /* @__PURE__ */ jsx(
@@ -278,14 +265,7 @@ function TenantDetailPage({
           ]
         }
       ),
-      group === "wallet" && current !== "money" && /* @__PURE__ */ jsx(
-        TenantWalletCard,
-        {
-          data: view,
-          currency: shown,
-          walletNote
-        }
-      ),
+      group === "wallet" && current !== "money" && /* @__PURE__ */ jsx(TenantWalletCard, { data, currency: shown }),
       current === "money" && /* @__PURE__ */ jsx(
         MerchantLedger,
         {
@@ -1570,17 +1550,15 @@ function InvoicesTab({ id }) {
   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),
+      value: moneyCur(s?.totalRevenue ?? 0, "USD"),
       hint: "Total amount collected from invoices that have been paid."
     },
     {
       label: "Outstanding",
-      value: invoiceMoney(s?.totalOutstanding ?? 0),
+      value: moneyCur(s?.totalOutstanding ?? 0, "USD"),
       hint: "Amount still owed across sent and overdue invoices that have not been paid."
     },
     {
@@ -1776,7 +1754,7 @@ function DiscountsTab({ id }) {
       /* @__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__ */ jsx("td", { style: tableStyles.cell, children: d.discountType === "percentage" ? `${d.value}%` : moneyCur(d.value, "USD") }),
         /* @__PURE__ */ jsxs("td", { style: tableStyles.cellMuted, children: [
           num(d.usageCount),
           d.usageLimit ? ` / ${num(d.usageLimit)}` : ""
@@ -1801,7 +1779,7 @@ function SettlementsTab({ id, range }) {
   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 cur = sum.currency || "USD";
   const banks = data.bankAccounts ?? [];
   const rows = data.settlements ?? [];
   const statItems = [
@@ -1891,7 +1869,7 @@ function SubscriptionsTab({ id }) {
   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 mrrCurrency = rows[0]?.currency || "USD";
   const statItems = [
     {
       label: "Active",
@@ -2240,7 +2218,6 @@ function ActivityTable({
       /* @__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" })
     ] }) }),
@@ -2249,10 +2226,7 @@ function ActivityTable({
         "#",
         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: o.customerName ?? o.customerEmail }),
       /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: moneyCur(o.total, o.currency) }),
       /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(
         Badge,
@@ -2261,7 +2235,6 @@ function ActivityTable({
           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,
         {