@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/accounts/accounts-table.js

@@ -0,0 +1,266 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, OverflowItem, OverflowMenu, Th } from "@withpotter/ui-kit";
+import { toCsv } from "@withpotter/lib/csv";
+import {
+  platformAdminApi
+} from "@withpotter/lib/admin-api";
+import {
+  ColumnPicker,
+  FilterDates,
+  FilterSearch,
+  Filters
+} from "../_ui";
+import { usePlatformAccounts } from "../hooks";
+import { AccountPanel } from "./account-panel";
+import { ListCard, ListPager } from "../_ui/list-card";
+import { ACTIVE_HINT, kycLabel, STAGE_LABELS } from "./account-stage";
+import { AccountStageFilter } from "./account-stage-filter";
+import { Hint } from "./hint";
+import { AccountListRow, PROVIDER_LABELS } from "./account-row";
+import { PROVIDER_LABELS as PROVIDER_LABELS2 } from "./account-row";
+const OPTIONAL_COLUMNS = [
+  { key: "provider", label: "Provider" },
+  { key: "kyc", label: "KYC / KYB" },
+  { key: "stage", label: "Stage" },
+  { key: "emailVerified", label: "Email verified" },
+  { key: "workspaces", label: "Workspaces" },
+  { key: "lastLogin", label: "Last login" },
+  { key: "joined", label: "Joined" },
+  { key: "firstSale", label: "First sale" },
+  { key: "activeSessions", label: "Active sessions" },
+  { key: "lastSeen", label: "Last seen" }
+];
+const DEFAULT_VISIBLE = [
+  "provider",
+  "kyc",
+  "stage",
+  "emailVerified",
+  "workspaces",
+  "lastLogin",
+  "joined"
+];
+const COLUMNS_KEY = "adm-accounts-columns";
+function readVisibleColumns() {
+  if (typeof window === "undefined") return new Set(DEFAULT_VISIBLE);
+  try {
+    const raw = window.localStorage.getItem(COLUMNS_KEY);
+    return raw ? new Set(raw.split(",").filter(Boolean)) : new Set(DEFAULT_VISIBLE);
+  } catch {
+    return new Set(DEFAULT_VISIBLE);
+  }
+}
+function writeVisibleColumns(cols) {
+  try {
+    window.localStorage.setItem(COLUMNS_KEY, [...cols].join(","));
+  } catch {
+  }
+}
+const day = (iso) => iso ? new Date(iso).toLocaleDateString() : "";
+function toCsvRow(a, visible) {
+  const cells = [a.name ?? "", a.email];
+  if (visible.has("provider")) {
+    cells.push(PROVIDER_LABELS[a.authProvider] ?? a.authProvider);
+  }
+  cells.push(a.status);
+  if (visible.has("kyc")) cells.push(kycLabel(a.kycStatus) ?? "");
+  if (visible.has("stage")) cells.push(a.stage ? STAGE_LABELS[a.stage] : "");
+  if (visible.has("emailVerified")) {
+    cells.push(a.emailVerified ? "Verified" : "Unverified");
+  }
+  if (visible.has("workspaces")) cells.push(String(a.workspaceCount ?? 0));
+  if (visible.has("lastLogin")) cells.push(day(a.lastLoginAt) || "Never");
+  if (visible.has("joined")) cells.push(day(a.createdAt));
+  if (visible.has("firstSale")) cells.push(day(a.firstSaleAt) || "None yet");
+  if (visible.has("activeSessions")) cells.push(String(a.activeSessions ?? 0));
+  if (visible.has("lastSeen")) cells.push(day(a.lastSeenAt) || "Never");
+  return cells;
+}
+function AccountsTable({
+  selected,
+  onSelect
+}) {
+  const [search, setSearch] = useState("");
+  const [joinedFrom, setJoinedFrom] = useState("");
+  const [joinedTo, setJoinedTo] = useState("");
+  const [stage, setStage] = useState("");
+  const [page, setPage] = useState(1);
+  const [visible, setVisible] = useState(readVisibleColumns);
+  const [exporting, setExporting] = useState(false);
+  const { data, isLoading, isError, refetch } = usePlatformAccounts({
+    page,
+    pageSize: 20,
+    search: search || void 0,
+    joinedFrom: joinedFrom || void 0,
+    joinedTo: joinedTo || void 0,
+    stage: stage || void 0
+  });
+  const current = data?.rows.find((row) => row.id === selected?.id) ?? selected;
+  const totalPages = data ? Math.max(1, Math.ceil(data.total / data.pageSize)) : 1;
+  const filter = (set) => (v) => {
+    set(v);
+    setPage(1);
+  };
+  const changeColumns = (next) => {
+    setVisible(next);
+    writeVisibleColumns(next);
+  };
+  const exportCsv = async () => {
+    setExporting(true);
+    try {
+      const page2 = await platformAdminApi.accounts({
+        pageSize: 5e3,
+        search: search || void 0,
+        joinedFrom: joinedFrom || void 0,
+        joinedTo: joinedTo || void 0,
+        stage: stage || void 0
+      });
+      const header = ["Name", "Email"];
+      if (visible.has("provider")) header.push("Provider");
+      header.push("Status");
+      if (visible.has("kyc")) header.push("KYC / KYB");
+      if (visible.has("stage")) header.push("Stage");
+      if (visible.has("emailVerified")) header.push("Email verified");
+      if (visible.has("workspaces")) header.push("Workspaces");
+      if (visible.has("lastLogin")) header.push("Last login");
+      if (visible.has("joined")) header.push("Joined");
+      if (visible.has("firstSale")) header.push("First sale");
+      if (visible.has("activeSessions")) header.push("Active sessions");
+      if (visible.has("lastSeen")) header.push("Last seen");
+      const rows = [header, ...page2.rows.map((a2) => toCsvRow(a2, visible))];
+      const url = URL.createObjectURL(
+        new Blob([toCsv(rows)], { type: "text/csv" })
+      );
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = "accounts.csv";
+      a.click();
+      URL.revokeObjectURL(url);
+    } finally {
+      setExporting(false);
+    }
+  };
+  const columns = 3 + visible.size;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ListCard,
+      {
+        title: "All accounts",
+        count: data?.total,
+        columns,
+        minWidth: 880,
+        isLoading,
+        isError,
+        onRetry: () => void refetch(),
+        errorTitle: "Failed to load accounts.",
+        isEmpty: data?.rows.length === 0,
+        emptyTitle: "No accounts match these filters.",
+        controls: /* @__PURE__ */ jsxs(Filters, { label: "Filter accounts", children: [
+          /* @__PURE__ */ jsx(
+            FilterSearch,
+            {
+              value: search,
+              onChange: filter(setSearch),
+              placeholder: "Search by email or name\u2026"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AccountStageFilter,
+            {
+              value: stage,
+              onChange: (v) => {
+                setStage(v);
+                setPage(1);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterDates,
+            {
+              label: "Joined",
+              fromLabel: "Joined from",
+              toLabel: "Joined to",
+              from: joinedFrom,
+              to: joinedTo,
+              onFrom: filter(setJoinedFrom),
+              onTo: filter(setJoinedTo)
+            }
+          ),
+          (joinedFrom || joinedTo) && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              onClick: () => {
+                setJoinedFrom("");
+                setJoinedTo("");
+                setPage(1);
+              },
+              children: "Clear"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ColumnPicker,
+            {
+              options: OPTIONAL_COLUMNS,
+              visible,
+              onChange: changeColumns
+            }
+          ),
+          /* @__PURE__ */ jsx(OverflowMenu, { label: "Export", children: /* @__PURE__ */ jsx(
+            OverflowItem,
+            {
+              onClick: () => void exportCsv(),
+              disabled: exporting || !data?.total,
+              children: exporting ? "Exporting\u2026" : "Export CSV"
+            }
+          ) })
+        ] }),
+        head: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(Th, { children: "Account" }),
+          visible.has("provider") && /* @__PURE__ */ jsx(Th, { children: "Provider" }),
+          /* @__PURE__ */ jsx(Th, { children: "Status" }),
+          visible.has("kyc") && /* @__PURE__ */ jsx(Th, { children: "KYC / KYB" }),
+          visible.has("stage") && /* @__PURE__ */ jsxs(Th, { children: [
+            "Stage",
+            /* @__PURE__ */ jsx(Hint, { label: ACTIVE_HINT })
+          ] }),
+          visible.has("emailVerified") && /* @__PURE__ */ jsx(Th, { children: "Email" }),
+          visible.has("workspaces") && /* @__PURE__ */ jsx(Th, { align: "right", children: "Workspaces" }),
+          visible.has("lastLogin") && /* @__PURE__ */ jsx(Th, { children: "Last login" }),
+          visible.has("joined") && /* @__PURE__ */ jsx(Th, { children: "Joined" }),
+          visible.has("firstSale") && /* @__PURE__ */ jsx(Th, { children: "First sale" }),
+          visible.has("activeSessions") && /* @__PURE__ */ jsx(Th, { align: "right", children: "Sessions" }),
+          visible.has("lastSeen") && /* @__PURE__ */ jsx(Th, { children: "Last seen" }),
+          /* @__PURE__ */ jsx(Th, { align: "right", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
+        ] }),
+        footer: /* @__PURE__ */ jsx(
+          ListPager,
+          {
+            page,
+            totalPages,
+            total: data?.total,
+            noun: "accounts",
+            onPage: setPage
+          }
+        ),
+        children: data?.rows.map((a) => /* @__PURE__ */ jsx(
+          AccountListRow,
+          {
+            a,
+            active: a.id === selected?.id,
+            onOpen: () => onSelect(a),
+            visible
+          },
+          a.id
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(AccountPanel, { account: current, onClose: () => onSelect(null) })
+  ] });
+}
+export {
+  AccountsTable,
+  PROVIDER_LABELS2 as PROVIDER_LABELS
+};
+//# sourceMappingURL=accounts-table.js.map

package/dist/admin/accounts/accounts-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/accounts-table.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button, OverflowItem, OverflowMenu, Th } from '@withpotter/ui-kit';\nimport { toCsv } from '@withpotter/lib/csv';\nimport {\n  platformAdminApi,\n  type AccountRow,\n  type AccountStage,\n} from '@withpotter/lib/admin-api';\nimport {\n  ColumnPicker,\n  FilterDates,\n  FilterSearch,\n  Filters,\n  type ColumnOption,\n} from '../_ui';\nimport { usePlatformAccounts } from '../hooks';\nimport { AccountPanel, type AccountSummary } from './account-panel';\nimport { ListCard, ListPager } from '../_ui/list-card';\nimport { ACTIVE_HINT, kycLabel, STAGE_LABELS } from './account-stage';\nimport { AccountStageFilter } from './account-stage-filter';\nimport { Hint } from './hint';\nimport { AccountListRow, PROVIDER_LABELS } from './account-row';\n\nexport { PROVIDER_LABELS } from './account-row';\n\nconst OPTIONAL_COLUMNS: ColumnOption[] = [\n  { key: 'provider', label: 'Provider' },\n  { key: 'kyc', label: 'KYC / KYB' },\n  { key: 'stage', label: 'Stage' },\n  { key: 'emailVerified', label: 'Email verified' },\n  { key: 'workspaces', label: 'Workspaces' },\n  { key: 'lastLogin', label: 'Last login' },\n  { key: 'joined', label: 'Joined' },\n  { key: 'firstSale', label: 'First sale' },\n  { key: 'activeSessions', label: 'Active sessions' },\n  { key: 'lastSeen', label: 'Last seen' },\n];\nconst DEFAULT_VISIBLE = [\n  'provider',\n  'kyc',\n  'stage',\n  'emailVerified',\n  'workspaces',\n  'lastLogin',\n  'joined',\n];\nconst COLUMNS_KEY = 'adm-accounts-columns';\n\nfunction readVisibleColumns(): Set<string> {\n  if (typeof window === 'undefined') return new Set(DEFAULT_VISIBLE);\n  try {\n    const raw = window.localStorage.getItem(COLUMNS_KEY);\n    return raw\n      ? new Set(raw.split(',').filter(Boolean))\n      : new Set(DEFAULT_VISIBLE);\n  } catch {\n    return new Set(DEFAULT_VISIBLE);\n  }\n}\n\nfunction writeVisibleColumns(cols: Set<string>): void {\n  try {\n    window.localStorage.setItem(COLUMNS_KEY, [...cols].join(','));\n  } catch {\n    /* storage unavailable (private mode / quota) — non-fatal */\n  }\n}\n\nconst day = (iso?: string | null) =>\n  iso ? new Date(iso).toLocaleDateString() : '';\n\n/** One row's values, in the same column order the table renders. */\nfunction toCsvRow(a: AccountRow, visible: Set<string>): string[] {\n  const cells: string[] = [a.name ?? '', a.email];\n  if (visible.has('provider')) {\n    cells.push(PROVIDER_LABELS[a.authProvider] ?? a.authProvider);\n  }\n  cells.push(a.status);\n  if (visible.has('kyc')) cells.push(kycLabel(a.kycStatus) ?? '');\n  if (visible.has('stage')) cells.push(a.stage ? STAGE_LABELS[a.stage] : '');\n  if (visible.has('emailVerified')) {\n    cells.push(a.emailVerified ? 'Verified' : 'Unverified');\n  }\n  if (visible.has('workspaces')) cells.push(String(a.workspaceCount ?? 0));\n  if (visible.has('lastLogin')) cells.push(day(a.lastLoginAt) || 'Never');\n  if (visible.has('joined')) cells.push(day(a.createdAt));\n  if (visible.has('firstSale')) cells.push(day(a.firstSaleAt) || 'None yet');\n  if (visible.has('activeSessions')) cells.push(String(a.activeSessions ?? 0));\n  if (visible.has('lastSeen')) cells.push(day(a.lastSeenAt) || 'Never');\n  return cells;\n}\n\n/** Every account, searchable and filterable by stage and join date. */\nexport function AccountsTable({\n  selected,\n  onSelect,\n}: {\n  selected: AccountSummary | null;\n  onSelect: (account: AccountSummary | null) => void;\n}) {\n  const [search, setSearch] = useState('');\n  const [joinedFrom, setJoinedFrom] = useState('');\n  const [joinedTo, setJoinedTo] = useState('');\n  const [stage, setStage] = useState<AccountStage | ''>('');\n  const [page, setPage] = useState(1);\n  const [visible, setVisible] = useState<Set<string>>(readVisibleColumns);\n  const [exporting, setExporting] = useState(false);\n  const { data, isLoading, isError, refetch } = usePlatformAccounts({\n    page,\n    pageSize: 20,\n    search: search || undefined,\n    joinedFrom: joinedFrom || undefined,\n    joinedTo: joinedTo || undefined,\n    stage: stage || undefined,\n  });\n  // Show the freshest copy of the selected account after an action refetches.\n  const current = data?.rows.find((row) => row.id === selected?.id) ?? selected;\n  const totalPages = data\n    ? Math.max(1, Math.ceil(data.total / data.pageSize))\n    : 1;\n  const filter = (set: (v: string) => void) => (v: string) => {\n    set(v);\n    setPage(1);\n  };\n\n  const changeColumns = (next: Set<string>) => {\n    setVisible(next);\n    writeVisibleColumns(next);\n  };\n\n  // Every account matching the current search/join-date filter, not just\n  // this page — a export of \"what I'm looking at\" that stops at 20 rows\n  // because of pagination would just be confusing.\n  const exportCsv = async () => {\n    setExporting(true);\n    try {\n      const page = await platformAdminApi.accounts({\n        pageSize: 5000,\n        search: search || undefined,\n        joinedFrom: joinedFrom || undefined,\n        joinedTo: joinedTo || undefined,\n        stage: stage || undefined,\n      });\n      const header = ['Name', 'Email'];\n      if (visible.has('provider')) header.push('Provider');\n      header.push('Status');\n      if (visible.has('kyc')) header.push('KYC / KYB');\n      if (visible.has('stage')) header.push('Stage');\n      if (visible.has('emailVerified')) header.push('Email verified');\n      if (visible.has('workspaces')) header.push('Workspaces');\n      if (visible.has('lastLogin')) header.push('Last login');\n      if (visible.has('joined')) header.push('Joined');\n      if (visible.has('firstSale')) header.push('First sale');\n      if (visible.has('activeSessions')) header.push('Active sessions');\n      if (visible.has('lastSeen')) header.push('Last seen');\n      const rows = [header, ...page.rows.map((a) => toCsvRow(a, visible))];\n      const url = URL.createObjectURL(\n        new Blob([toCsv(rows)], { type: 'text/csv' }),\n      );\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = 'accounts.csv';\n      a.click();\n      URL.revokeObjectURL(url);\n    } finally {\n      setExporting(false);\n    }\n  };\n\n  const columns = 3 + visible.size; // Account + Status + Actions, plus optional\n\n  return (\n    <>\n      <ListCard\n        title=\"All accounts\"\n        count={data?.total}\n        columns={columns}\n        minWidth={880}\n        isLoading={isLoading}\n        isError={isError}\n        onRetry={() => void refetch()}\n        errorTitle=\"Failed to load accounts.\"\n        isEmpty={data?.rows.length === 0}\n        emptyTitle=\"No accounts match these filters.\"\n        controls={\n          <Filters label=\"Filter accounts\">\n            <FilterSearch\n              value={search}\n              onChange={filter(setSearch)}\n              placeholder=\"Search by email or name…\"\n            />\n            <AccountStageFilter\n              value={stage}\n              onChange={(v: AccountStage | '') => {\n                setStage(v);\n                setPage(1);\n              }}\n            />\n            <FilterDates\n              label=\"Joined\"\n              fromLabel=\"Joined from\"\n              toLabel=\"Joined to\"\n              from={joinedFrom}\n              to={joinedTo}\n              onFrom={filter(setJoinedFrom)}\n              onTo={filter(setJoinedTo)}\n            />\n            {(joinedFrom || joinedTo) && (\n              <Button\n                variant=\"ghost\"\n                onClick={() => {\n                  setJoinedFrom('');\n                  setJoinedTo('');\n                  setPage(1);\n                }}\n              >\n                Clear\n              </Button>\n            )}\n            <ColumnPicker\n              options={OPTIONAL_COLUMNS}\n              visible={visible}\n              onChange={changeColumns}\n            />\n            <OverflowMenu label=\"Export\">\n              <OverflowItem\n                onClick={() => void exportCsv()}\n                disabled={exporting || !data?.total}\n              >\n                {exporting ? 'Exporting…' : 'Export CSV'}\n              </OverflowItem>\n            </OverflowMenu>\n          </Filters>\n        }\n        head={\n          <tr>\n            <Th>Account</Th>\n            {visible.has('provider') && <Th>Provider</Th>}\n            <Th>Status</Th>\n            {visible.has('kyc') && <Th>KYC / KYB</Th>}\n            {visible.has('stage') && (\n              <Th>\n                Stage\n                <Hint label={ACTIVE_HINT} />\n              </Th>\n            )}\n            {visible.has('emailVerified') && <Th>Email</Th>}\n            {visible.has('workspaces') && <Th align=\"right\">Workspaces</Th>}\n            {visible.has('lastLogin') && <Th>Last login</Th>}\n            {visible.has('joined') && <Th>Joined</Th>}\n            {visible.has('firstSale') && <Th>First sale</Th>}\n            {visible.has('activeSessions') && <Th align=\"right\">Sessions</Th>}\n            {visible.has('lastSeen') && <Th>Last seen</Th>}\n            <Th align=\"right\">\n              <span className=\"sr-only\">Actions</span>\n            </Th>\n          </tr>\n        }\n        footer={\n          <ListPager\n            page={page}\n            totalPages={totalPages}\n            total={data?.total}\n            noun=\"accounts\"\n            onPage={setPage}\n          />\n        }\n      >\n        {data?.rows.map((a) => (\n          <AccountListRow\n            key={a.id}\n            a={a}\n            active={a.id === selected?.id}\n            onOpen={() => onSelect(a)}\n            visible={visible}\n          />\n        ))}\n      </ListCard>\n      <AccountPanel account={current} onClose={() => onSelect(null)} />\n    </>\n  );\n}\n"],"mappings":";AA8KI,mBAcQ,KADF,YAbN;AA5KJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,cAAc,cAAc,UAAU;AACvD,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,2BAA2B;AACpC,SAAS,oBAAyC;AAClD,SAAS,UAAU,iBAAiB;AACpC,SAAS,aAAa,UAAU,oBAAoB;AACpD,SAAS,0BAA0B;AACnC,SAAS,YAAY;AACrB,SAAS,gBAAgB,uBAAuB;AAEhD,SAAS,mBAAAA,wBAAuB;AAEhC,MAAM,mBAAmC;AAAA,EACvC,EAAE,KAAK,YAAY,OAAO,WAAW;AAAA,EACrC,EAAE,KAAK,OAAO,OAAO,YAAY;AAAA,EACjC,EAAE,KAAK,SAAS,OAAO,QAAQ;AAAA,EAC/B,EAAE,KAAK,iBAAiB,OAAO,iBAAiB;AAAA,EAChD,EAAE,KAAK,cAAc,OAAO,aAAa;AAAA,EACzC,EAAE,KAAK,aAAa,OAAO,aAAa;AAAA,EACxC,EAAE,KAAK,UAAU,OAAO,SAAS;AAAA,EACjC,EAAE,KAAK,aAAa,OAAO,aAAa;AAAA,EACxC,EAAE,KAAK,kBAAkB,OAAO,kBAAkB;AAAA,EAClD,EAAE,KAAK,YAAY,OAAO,YAAY;AACxC;AACA,MAAM,kBAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,MAAM,cAAc;AAEpB,SAAS,qBAAkC;AACzC,MAAI,OAAO,WAAW,YAAa,QAAO,IAAI,IAAI,eAAe;AACjE,MAAI;AACF,UAAM,MAAM,OAAO,aAAa,QAAQ,WAAW;AACnD,WAAO,MACH,IAAI,IAAI,IAAI,MAAM,GAAG,EAAE,OAAO,OAAO,CAAC,IACtC,IAAI,IAAI,eAAe;AAAA,EAC7B,QAAQ;AACN,WAAO,IAAI,IAAI,eAAe;AAAA,EAChC;AACF;AAEA,SAAS,oBAAoB,MAAyB;AACpD,MAAI;AACF,WAAO,aAAa,QAAQ,aAAa,CAAC,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC;AAAA,EAC9D,QAAQ;AAAA,EAER;AACF;AAEA,MAAM,MAAM,CAAC,QACX,MAAM,IAAI,KAAK,GAAG,EAAE,mBAAmB,IAAI;AAG7C,SAAS,SAAS,GAAe,SAAgC;AAC/D,QAAM,QAAkB,CAAC,EAAE,QAAQ,IAAI,EAAE,KAAK;AAC9C,MAAI,QAAQ,IAAI,UAAU,GAAG;AAC3B,UAAM,KAAK,gBAAgB,EAAE,YAAY,KAAK,EAAE,YAAY;AAAA,EAC9D;AACA,QAAM,KAAK,EAAE,MAAM;AACnB,MAAI,QAAQ,IAAI,KAAK,EAAG,OAAM,KAAK,SAAS,EAAE,SAAS,KAAK,EAAE;AAC9D,MAAI,QAAQ,IAAI,OAAO,EAAG,OAAM,KAAK,EAAE,QAAQ,aAAa,EAAE,KAAK,IAAI,EAAE;AACzE,MAAI,QAAQ,IAAI,eAAe,GAAG;AAChC,UAAM,KAAK,EAAE,gBAAgB,aAAa,YAAY;AAAA,EACxD;AACA,MAAI,QAAQ,IAAI,YAAY,EAAG,OAAM,KAAK,OAAO,EAAE,kBAAkB,CAAC,CAAC;AACvE,MAAI,QAAQ,IAAI,WAAW,EAAG,OAAM,KAAK,IAAI,EAAE,WAAW,KAAK,OAAO;AACtE,MAAI,QAAQ,IAAI,QAAQ,EAAG,OAAM,KAAK,IAAI,EAAE,SAAS,CAAC;AACtD,MAAI,QAAQ,IAAI,WAAW,EAAG,OAAM,KAAK,IAAI,EAAE,WAAW,KAAK,UAAU;AACzE,MAAI,QAAQ,IAAI,gBAAgB,EAAG,OAAM,KAAK,OAAO,EAAE,kBAAkB,CAAC,CAAC;AAC3E,MAAI,QAAQ,IAAI,UAAU,EAAG,OAAM,KAAK,IAAI,EAAE,UAAU,KAAK,OAAO;AACpE,SAAO;AACT;AAGO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA4B,EAAE;AACxD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAsB,kBAAkB;AACtE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,MAAM,WAAW,SAAS,QAAQ,IAAI,oBAAoB;AAAA,IAChE;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,UAAU;AAAA,IAClB,YAAY,cAAc;AAAA,IAC1B,UAAU,YAAY;AAAA,IACtB,OAAO,SAAS;AAAA,EAClB,CAAC;AAED,QAAM,UAAU,MAAM,KAAK,KAAK,CAAC,QAAQ,IAAI,OAAO,UAAU,EAAE,KAAK;AACrE,QAAM,aAAa,OACf,KAAK,IAAI,GAAG,KAAK,KAAK,KAAK,QAAQ,KAAK,QAAQ,CAAC,IACjD;AACJ,QAAM,SAAS,CAAC,QAA6B,CAAC,MAAc;AAC1D,QAAI,CAAC;AACL,YAAQ,CAAC;AAAA,EACX;AAEA,QAAM,gBAAgB,CAAC,SAAsB;AAC3C,eAAW,IAAI;AACf,wBAAoB,IAAI;AAAA,EAC1B;AAKA,QAAM,YAAY,YAAY;AAC5B,iBAAa,IAAI;AACjB,QAAI;AACF,YAAMC,QAAO,MAAM,iBAAiB,SAAS;AAAA,QAC3C,UAAU;AAAA,QACV,QAAQ,UAAU;AAAA,QAClB,YAAY,cAAc;AAAA,QAC1B,UAAU,YAAY;AAAA,QACtB,OAAO,SAAS;AAAA,MAClB,CAAC;AACD,YAAM,SAAS,CAAC,QAAQ,OAAO;AAC/B,UAAI,QAAQ,IAAI,UAAU,EAAG,QAAO,KAAK,UAAU;AACnD,aAAO,KAAK,QAAQ;AACpB,UAAI,QAAQ,IAAI,KAAK,EAAG,QAAO,KAAK,WAAW;AAC/C,UAAI,QAAQ,IAAI,OAAO,EAAG,QAAO,KAAK,OAAO;AAC7C,UAAI,QAAQ,IAAI,eAAe,EAAG,QAAO,KAAK,gBAAgB;AAC9D,UAAI,QAAQ,IAAI,YAAY,EAAG,QAAO,KAAK,YAAY;AACvD,UAAI,QAAQ,IAAI,WAAW,EAAG,QAAO,KAAK,YAAY;AACtD,UAAI,QAAQ,IAAI,QAAQ,EAAG,QAAO,KAAK,QAAQ;AAC/C,UAAI,QAAQ,IAAI,WAAW,EAAG,QAAO,KAAK,YAAY;AACtD,UAAI,QAAQ,IAAI,gBAAgB,EAAG,QAAO,KAAK,iBAAiB;AAChE,UAAI,QAAQ,IAAI,UAAU,EAAG,QAAO,KAAK,WAAW;AACpD,YAAM,OAAO,CAAC,QAAQ,GAAGA,MAAK,KAAK,IAAI,CAACC,OAAM,SAASA,IAAG,OAAO,CAAC,CAAC;AACnE,YAAM,MAAM,IAAI;AAAA,QACd,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,MAAM,WAAW,CAAC;AAAA,MAC9C;AACA,YAAM,IAAI,SAAS,cAAc,GAAG;AACpC,QAAE,OAAO;AACT,QAAE,WAAW;AACb,QAAE,MAAM;AACR,UAAI,gBAAgB,GAAG;AAAA,IACzB,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,UAAU,IAAI,QAAQ;AAE5B,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,SAAS,MAAM,KAAK,QAAQ;AAAA,QAC5B,YAAW;AAAA,QACX,SAAS,MAAM,KAAK,WAAW;AAAA,QAC/B,YAAW;AAAA,QACX,UACE,qBAAC,WAAQ,OAAM,mBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU,OAAO,SAAS;AAAA,cAC1B,aAAY;AAAA;AAAA,UACd;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU,CAAC,MAAyB;AAClC,yBAAS,CAAC;AACV,wBAAQ,CAAC;AAAA,cACX;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,QAAQ,OAAO,aAAa;AAAA,cAC5B,MAAM,OAAO,WAAW;AAAA;AAAA,UAC1B;AAAA,WACE,cAAc,aACd;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAAS,MAAM;AACb,8BAAc,EAAE;AAChB,4BAAY,EAAE;AACd,wBAAQ,CAAC;AAAA,cACX;AAAA,cACD;AAAA;AAAA,UAED;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT;AAAA,cACA,UAAU;AAAA;AAAA,UACZ;AAAA,UACA,oBAAC,gBAAa,OAAM,UAClB;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM,KAAK,UAAU;AAAA,cAC9B,UAAU,aAAa,CAAC,MAAM;AAAA,cAE7B,sBAAY,oBAAe;AAAA;AAAA,UAC9B,GACF;AAAA,WACF;AAAA,QAEF,MACE,qBAAC,QACC;AAAA,8BAAC,MAAG,qBAAO;AAAA,UACV,QAAQ,IAAI,UAAU,KAAK,oBAAC,MAAG,sBAAQ;AAAA,UACxC,oBAAC,MAAG,oBAAM;AAAA,UACT,QAAQ,IAAI,KAAK,KAAK,oBAAC,MAAG,uBAAS;AAAA,UACnC,QAAQ,IAAI,OAAO,KAClB,qBAAC,MAAG;AAAA;AAAA,YAEF,oBAAC,QAAK,OAAO,aAAa;AAAA,aAC5B;AAAA,UAED,QAAQ,IAAI,eAAe,KAAK,oBAAC,MAAG,mBAAK;AAAA,UACzC,QAAQ,IAAI,YAAY,KAAK,oBAAC,MAAG,OAAM,SAAQ,wBAAU;AAAA,UACzD,QAAQ,IAAI,WAAW,KAAK,oBAAC,MAAG,wBAAU;AAAA,UAC1C,QAAQ,IAAI,QAAQ,KAAK,oBAAC,MAAG,oBAAM;AAAA,UACnC,QAAQ,IAAI,WAAW,KAAK,oBAAC,MAAG,wBAAU;AAAA,UAC1C,QAAQ,IAAI,gBAAgB,KAAK,oBAAC,MAAG,OAAM,SAAQ,sBAAQ;AAAA,UAC3D,QAAQ,IAAI,UAAU,KAAK,oBAAC,MAAG,uBAAS;AAAA,UACzC,oBAAC,MAAG,OAAM,SACR,8BAAC,UAAK,WAAU,WAAU,qBAAO,GACnC;AAAA,WACF;AAAA,QAEF,QACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,OAAO,MAAM;AAAA,YACb,MAAK;AAAA,YACL,QAAQ;AAAA;AAAA,QACV;AAAA,QAGD,gBAAM,KAAK,IAAI,CAAC,MACf;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,QAAQ,EAAE,OAAO,UAAU;AAAA,YAC3B,QAAQ,MAAM,SAAS,CAAC;AAAA,YACxB;AAAA;AAAA,UAJK,EAAE;AAAA,QAKT,CACD;AAAA;AAAA,IACH;AAAA,IACA,oBAAC,gBAAa,SAAS,SAAS,SAAS,MAAM,SAAS,IAAI,GAAG;AAAA,KACjE;AAEJ;","names":["PROVIDER_LABELS","page","a"]}

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

@@ -0,0 +1,85 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { ADMIN_NAME } from "../_shell/admin-brand";
+import {
+  PageHeader,
+  PageTabs,
+  PeriodSelector,
+  customRange,
+  periodPhrase,
+  rangeFromKey,
+  usePersistedDateRange,
+  useTabParam
+} from "../_ui";
+import { usePlatformAccountsAnalytics } from "../hooks";
+import { AccountPanel } from "./account-panel";
+import { AccountsAnalytics } from "./accounts-analytics";
+import { AccountsTable } from "./accounts-table";
+const TABS = [
+  { id: "overview", label: "Overview" },
+  { id: "all", label: "All accounts" }
+];
+const KEYS = TABS.map((t) => t.id);
+function AccountsWorkspace() {
+  const [tab, setTab] = useTabParam(KEYS);
+  const [selected, setSelected] = useState(null);
+  const {
+    rangeKey,
+    setRangeKey,
+    customStart,
+    customEnd,
+    onCustomChange,
+    compare
+  } = usePersistedDateRange();
+  const range = useMemo(
+    () => rangeKey === "custom" ? customRange(customStart, customEnd) : rangeFromKey(rangeKey),
+    [rangeKey, customStart, customEnd]
+  );
+  const analytics = usePlatformAccountsAnalytics({
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+  const span = periodPhrase(range);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: "User accounts",
+        description: `Everyone who signs in to ${ADMIN_NAME}, across all workspaces.`,
+        actions: tab === "overview" && /* @__PURE__ */ jsx("div", { className: "adm-toolbar", children: /* @__PURE__ */ jsx(
+          PeriodSelector,
+          {
+            value: rangeKey,
+            onChange: setRangeKey,
+            customStart,
+            customEnd,
+            onCustomChange
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsx(PageTabs, { tabs: TABS, active: tab, onChange: setTab }),
+    tab === "overview" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        AccountsAnalytics,
+        {
+          data: analytics.data,
+          isLoading: analytics.isLoading,
+          isError: analytics.isError,
+          onRetry: () => void analytics.refetch(),
+          caption: `${span[0].toUpperCase()}${span.slice(1)}`,
+          span,
+          compare,
+          onSelectAccount: setSelected
+        }
+      ),
+      /* @__PURE__ */ jsx(AccountPanel, { account: selected, onClose: () => setSelected(null) })
+    ] }),
+    tab === "all" && /* @__PURE__ */ jsx(AccountsTable, { selected, onSelect: setSelected })
+  ] });
+}
+export {
+  AccountsWorkspace
+};
+//# sourceMappingURL=accounts-workspace.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/accounts-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, useState } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport {\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  periodPhrase,\n  rangeFromKey,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { usePlatformAccountsAnalytics } from '../hooks';\nimport { AccountPanel, type AccountSummary } from './account-panel';\nimport { AccountsAnalytics } from './accounts-analytics';\nimport { AccountsTable } from './accounts-table';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'all', label: 'All accounts' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** People: the period's picture on Overview, every account on its own tab. */\nexport function AccountsWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const [selected, setSelected] = useState<AccountSummary | null>(null);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n    compare,\n  } = usePersistedDateRange();\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n  const analytics = usePlatformAccountsAnalytics({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  const span = periodPhrase(range);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"User accounts\"\n        description={`Everyone who signs in to ${ADMIN_NAME}, across all workspaces.`}\n        actions={\n          tab === 'overview' && (\n            <div className=\"adm-toolbar\">\n              <PeriodSelector\n                value={rangeKey}\n                onChange={setRangeKey}\n                customStart={customStart}\n                customEnd={customEnd}\n                onCustomChange={onCustomChange}\n              />\n            </div>\n          )\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n\n      {tab === 'overview' && (\n        <>\n          <AccountsAnalytics\n            data={analytics.data}\n            isLoading={analytics.isLoading}\n            isError={analytics.isError}\n            onRetry={() => void analytics.refetch()}\n            caption={`${span[0].toUpperCase()}${span.slice(1)}`}\n            span={span}\n            compare={compare}\n            onSelectAccount={setSelected}\n          />\n          <AccountPanel account={selected} onClose={() => setSelected(null)} />\n        </>\n      )}\n\n      {tab === 'all' && (\n        <AccountsTable selected={selected} onSelect={setSelected} />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA2Dc,SAcN,UAdM,KAcN,YAdM;AAzDd,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oCAAoC;AAC7C,SAAS,oBAAyC;AAClD,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAE9B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,OAAO,OAAO,eAAe;AACrC;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAG1B,SAAS,oBAAoB;AAClC,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAgC,IAAI;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAC1B,QAAM,QAAQ;AAAA,IACZ,MACE,aAAa,WACT,YAAY,aAAa,SAAS,IAClC,aAAa,QAAQ;AAAA,IAC3B,CAAC,UAAU,aAAa,SAAS;AAAA,EACnC;AACA,QAAM,YAAY,6BAA6B;AAAA,IAC7C,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AACD,QAAM,OAAO,aAAa,KAAK;AAE/B,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAa,4BAA4B,UAAU;AAAA,QACnD,SACE,QAAQ,cACN,oBAAC,SAAI,WAAU,eACb;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA,IAGN;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IAEpD,QAAQ,cACP,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,UAAU;AAAA,UAChB,WAAW,UAAU;AAAA,UACrB,SAAS,UAAU;AAAA,UACnB,SAAS,MAAM,KAAK,UAAU,QAAQ;AAAA,UACtC,SAAS,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AAAA,UACjD;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA;AAAA,MACnB;AAAA,MACA,oBAAC,gBAAa,SAAS,UAAU,SAAS,MAAM,YAAY,IAAI,GAAG;AAAA,OACrE;AAAA,IAGD,QAAQ,SACP,oBAAC,iBAAc,UAAoB,UAAU,aAAa;AAAA,KAE9D;AAEJ;","names":[]}

package/dist/admin/accounts/hint.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Info } from "lucide-react";
+import { Tooltip } from "@withpotter/ui-kit";
+import styles from "./rows.module.css";
+function Hint({ label }) {
+  return /* @__PURE__ */ jsx(Tooltip, { label, children: /* @__PURE__ */ jsx("button", { type: "button", className: styles.hint, "aria-label": label, children: /* @__PURE__ */ jsx(Info, { size: 13, "aria-hidden": true }) }) });
+}
+export {
+  Hint
+};
+//# sourceMappingURL=hint.js.map

package/dist/admin/accounts/hint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/hint.tsx"],"sourcesContent":["'use client';\n\nimport { Info } from 'lucide-react';\nimport { Tooltip } from '@withpotter/ui-kit';\nimport styles from './rows.module.css';\n\n/** A small info icon that explains a term on hover or focus. */\nexport function Hint({ label }: { label: string }) {\n  return (\n    <Tooltip label={label}>\n      <button type=\"button\" className={styles.hint} aria-label={label}>\n        <Info size={13} aria-hidden />\n      </button>\n    </Tooltip>\n  );\n}\n"],"mappings":";AAWQ;AATR,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,OAAO,YAAY;AAGZ,SAAS,KAAK,EAAE,MAAM,GAAsB;AACjD,SACE,oBAAC,WAAQ,OACP,8BAAC,YAAO,MAAK,UAAS,WAAW,OAAO,MAAM,cAAY,OACxD,8BAAC,QAAK,MAAM,IAAI,eAAW,MAAC,GAC9B,GACF;AAEJ;","names":[]}

package/dist/admin/accounts/owner-session.js

@@ -0,0 +1,30 @@
+import { apiFetch } from "@withpotter/lib/api";
+const SESSION_KEYS = [
+  "pb_token",
+  "pb_user",
+  "pb_account_id",
+  "userEmail",
+  "organizationId",
+  "currentWorkspace",
+  "pb_current_tenant",
+  "tenant",
+  "pb_workspaces_cache"
+];
+async function seedOwnerSession() {
+  const owner = await apiFetch("/accounts/me");
+  clearOwnerSession();
+  localStorage.setItem("pb_account_id", owner.id);
+  localStorage.setItem("pb_user", JSON.stringify(owner));
+  localStorage.setItem("userEmail", owner.email);
+}
+function clearOwnerSession() {
+  try {
+    SESSION_KEYS.forEach((key) => localStorage.removeItem(key));
+  } catch {
+  }
+}
+export {
+  clearOwnerSession,
+  seedOwnerSession
+};
+//# sourceMappingURL=owner-session.js.map

package/dist/admin/accounts/owner-session.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/owner-session.ts"],"sourcesContent":["import { apiFetch } from '@withpotter/lib/api';\n\n/**\n * Hand the merchant dashboard the owner's session after \"View as owner\".\n *\n * The API's impersonation sets the owner's session as an httpOnly cookie on\n * this origin, which every merchant API call already authenticates with. The\n * merchant app, though, decides whether anyone is signed in from the cached\n * account (`pb_user`); finding nothing, it sent the tab to /login and the Admin\n * host bounced it home. So we read the owner through the cookie and seed that.\n */\nconst SESSION_KEYS = [\n  'pb_token',\n  'pb_user',\n  'pb_account_id',\n  'userEmail',\n  'organizationId',\n  'currentWorkspace',\n  'pb_current_tenant',\n  'tenant',\n  'pb_workspaces_cache',\n];\n\ninterface OwnerAccount {\n  id: string;\n  email: string;\n  [key: string]: unknown;\n}\n\nexport async function seedOwnerSession(): Promise<void> {\n  const owner = await apiFetch<OwnerAccount>('/accounts/me');\n\n  clearOwnerSession();\n  localStorage.setItem('pb_account_id', owner.id);\n  localStorage.setItem('pb_user', JSON.stringify(owner));\n  localStorage.setItem('userEmail', owner.email);\n}\n\n/** Drops any merchant session cached in this browser (and its workspace). */\nexport function clearOwnerSession(): void {\n  try {\n    SESSION_KEYS.forEach((key) => localStorage.removeItem(key));\n  } catch {\n    // Storage blocked: nothing cached to clear.\n  }\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AAWzB,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQA,eAAsB,mBAAkC;AACtD,QAAM,QAAQ,MAAM,SAAuB,cAAc;AAEzD,oBAAkB;AAClB,eAAa,QAAQ,iBAAiB,MAAM,EAAE;AAC9C,eAAa,QAAQ,WAAW,KAAK,UAAU,KAAK,CAAC;AACrD,eAAa,QAAQ,aAAa,MAAM,KAAK;AAC/C;AAGO,SAAS,oBAA0B;AACxC,MAAI;AACF,iBAAa,QAAQ,CAAC,QAAQ,aAAa,WAAW,GAAG,CAAC;AAAA,EAC5D,QAAQ;AAAA,EAER;AACF;","names":[]}

package/dist/admin/accounts/page.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { AccountsWorkspace } from "./accounts-workspace";
+function AdminAccountsPage() {
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(AccountsWorkspace, {}) });
+}
+export {
+  AdminAccountsPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/admin/accounts/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport { AccountsWorkspace } from './accounts-workspace';\n\n/** The tabs read `?tab=`, so the workspace waits on the search params. */\nexport default function AdminAccountsPage() {\n  return (\n    <Suspense>\n      <AccountsWorkspace />\n    </Suspense>\n  );\n}\n"],"mappings":";AASM;AAPN,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAGnB,SAAR,oBAAqC;AAC1C,SACE,oBAAC,YACC,8BAAC,qBAAkB,GACrB;AAEJ;","names":[]}

package/dist/admin/accounts/relative-time.js

@@ -0,0 +1,28 @@
+const UNITS = [
+  ["year", 31536e3],
+  ["month", 2592e3],
+  ["week", 604800],
+  ["day", 86400],
+  ["hour", 3600],
+  ["minute", 60]
+];
+const format = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+function relativeTime(iso, now = Date.now()) {
+  if (!iso) return "Never";
+  const seconds = Math.round((new Date(iso).getTime() - now) / 1e3);
+  for (const [unit, size] of UNITS) {
+    if (Math.abs(seconds) >= size) {
+      return format.format(Math.round(seconds / size), unit);
+    }
+  }
+  return "just now";
+}
+function seenWithin(iso, seconds) {
+  if (!iso) return false;
+  return Date.now() - new Date(iso).getTime() < seconds * 1e3;
+}
+export {
+  relativeTime,
+  seenWithin
+};
+//# sourceMappingURL=relative-time.js.map

package/dist/admin/accounts/relative-time.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/relative-time.ts"],"sourcesContent":["const UNITS: Array<[Intl.RelativeTimeFormatUnit, number]> = [\n  ['year', 31_536_000],\n  ['month', 2_592_000],\n  ['week', 604_800],\n  ['day', 86_400],\n  ['hour', 3_600],\n  ['minute', 60],\n];\n\nconst format = new Intl.RelativeTimeFormat('en', { numeric: 'auto' });\n\n/** \"3 hours ago\", \"yesterday\", \"just now\". */\nexport function relativeTime(iso: string | null | undefined, now = Date.now()) {\n  if (!iso) return 'Never';\n\n  const seconds = Math.round((new Date(iso).getTime() - now) / 1000);\n\n  for (const [unit, size] of UNITS) {\n    if (Math.abs(seconds) >= size) {\n      return format.format(Math.round(seconds / size), unit);\n    }\n  }\n\n  return 'just now';\n}\n\n/** True when `iso` is within the last `seconds`. */\nexport function seenWithin(iso: string | null | undefined, seconds: number) {\n  if (!iso) return false;\n\n  return Date.now() - new Date(iso).getTime() < seconds * 1000;\n}\n"],"mappings":"AAAA,MAAM,QAAsD;AAAA,EAC1D,CAAC,QAAQ,OAAU;AAAA,EACnB,CAAC,SAAS,MAAS;AAAA,EACnB,CAAC,QAAQ,MAAO;AAAA,EAChB,CAAC,OAAO,KAAM;AAAA,EACd,CAAC,QAAQ,IAAK;AAAA,EACd,CAAC,UAAU,EAAE;AACf;AAEA,MAAM,SAAS,IAAI,KAAK,mBAAmB,MAAM,EAAE,SAAS,OAAO,CAAC;AAG7D,SAAS,aAAa,KAAgC,MAAM,KAAK,IAAI,GAAG;AAC7E,MAAI,CAAC,IAAK,QAAO;AAEjB,QAAM,UAAU,KAAK,OAAO,IAAI,KAAK,GAAG,EAAE,QAAQ,IAAI,OAAO,GAAI;AAEjE,aAAW,CAAC,MAAM,IAAI,KAAK,OAAO;AAChC,QAAI,KAAK,IAAI,OAAO,KAAK,MAAM;AAC7B,aAAO,OAAO,OAAO,KAAK,MAAM,UAAU,IAAI,GAAG,IAAI;AAAA,IACvD;AAAA,EACF;AAEA,SAAO;AACT;AAGO,SAAS,WAAW,KAAgC,SAAiB;AAC1E,MAAI,CAAC,IAAK,QAAO;AAEjB,SAAO,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,EAAE,QAAQ,IAAI,UAAU;AAC1D;","names":[]}

package/dist/admin/accounts/rows.module.css

@@ -0,0 +1,84 @@
+/* Shared list-row pieces for the Accounts and Tenants tables. */
+
+.identity {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+  max-width: 280px;
+}
+
+.identityText {
+  display: grid;
+  min-width: 0;
+}
+
+.primary,
+.secondary {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.primary {
+  font-weight: 500;
+  color: var(--text-primary);
+}
+
+.secondary {
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--text-tertiary);
+}
+
+.nameButton {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  background: none;
+  font: inherit;
+  font-weight: 500;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-primary);
+  cursor: pointer;
+}
+
+.nameButton:hover {
+  color: var(--accent-ink, var(--accent-primary));
+}
+
+.menuCell {
+  width: 56px;
+  text-align: right;
+}
+
+.menuCell > div {
+  display: inline-flex;
+}
+
+.when {
+  border-radius: 4px;
+  font-variant-numeric: tabular-nums;
+  cursor: default;
+}
+
+.hint {
+  display: inline-flex;
+  align-items: center;
+  margin-left: 4px;
+  padding: 0;
+  border: 0;
+  background: none;
+  vertical-align: middle;
+  color: var(--text-tertiary);
+  cursor: help;
+}
+
+.hint:hover,
+.hint:focus-visible {
+  color: var(--text-primary);
+}

package/dist/admin/accounts/top-accounts.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TableShell, TableRow, Th } from "@withpotter/ui-kit";
+import { Panel } from "../_ui";
+import rows from "./rows.module.css";
+import styles from "../_ui/list-card.module.css";
+const fmt = (n) => new Intl.NumberFormat("en-US").format(n);
+function TopAccounts({
+  accounts,
+  onSelect
+}) {
+  const open = (a) => onSelect({ id: a.id, email: a.email, name: a.name });
+  return /* @__PURE__ */ jsx(
+    Panel,
+    {
+      title: "Top accounts by workspaces",
+      count: accounts.length || void 0,
+      flush: true,
+      children: accounts.length ? /* @__PURE__ */ jsx("div", { className: styles.fill, children: /* @__PURE__ */ jsx(
+        TableShell,
+        {
+          bare: true,
+          minWidth: 280,
+          density: "compact",
+          head: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx(Th, { children: "Account" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "Workspaces" })
+          ] }),
+          children: accounts.map((a) => /* @__PURE__ */ jsxs(TableRow, { onClick: () => open(a), children: [
+            /* @__PURE__ */ jsx("td", { className: "max-w-0", children: /* @__PURE__ */ jsx("span", { className: rows.identity, children: /* @__PURE__ */ jsxs("span", { className: rows.identityText, children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: rows.nameButton,
+                  title: a.email,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    open(a);
+                  },
+                  children: a.name ?? a.email
+                }
+              ),
+              a.name && /* @__PURE__ */ jsx("span", { className: rows.secondary, title: a.email, children: a.email })
+            ] }) }) }),
+            /* @__PURE__ */ jsx("td", { className: styles.num, children: fmt(a.workspaces) })
+          ] }, a.id))
+        }
+      ) }) : /* @__PURE__ */ jsx("p", { className: `adm-caption ${styles.note}`, children: "No account holds a workspace yet." })
+    }
+  );
+}
+export {
+  TopAccounts
+};
+//# sourceMappingURL=top-accounts.js.map

package/dist/admin/accounts/top-accounts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/top-accounts.tsx"],"sourcesContent":["'use client';\n\nimport { TableShell, TableRow, Th } from '@withpotter/ui-kit';\nimport type { AccountsAnalytics } from '@withpotter/lib/admin-api';\nimport { Panel } from '../_ui';\nimport rows from './rows.module.css';\nimport type { AccountSummary } from './account-panel';\nimport styles from '../_ui/list-card.module.css';\n\nconst fmt = (n: number) => new Intl.NumberFormat('en-US').format(n);\n\n/** Accounts holding the most workspaces; click one to open its panel. */\nexport function TopAccounts({\n  accounts,\n  onSelect,\n}: {\n  accounts: AccountsAnalytics['topAccounts'];\n  onSelect: (account: AccountSummary) => void;\n}) {\n  const open = (a: AccountsAnalytics['topAccounts'][number]) =>\n    onSelect({ id: a.id, email: a.email, name: a.name });\n\n  return (\n    <Panel\n      title=\"Top accounts by workspaces\"\n      count={accounts.length || undefined}\n      flush\n    >\n      {accounts.length ? (\n        <div className={styles.fill}>\n          <TableShell\n            bare\n            minWidth={280}\n            density=\"compact\"\n            head={\n              <tr>\n                <Th>Account</Th>\n                <Th align=\"right\">Workspaces</Th>\n              </tr>\n            }\n          >\n            {accounts.map((a) => (\n              <TableRow key={a.id} onClick={() => open(a)}>\n                <td className=\"max-w-0\">\n                  <span className={rows.identity}>\n                    <span className={rows.identityText}>\n                      <button\n                        type=\"button\"\n                        className={rows.nameButton}\n                        title={a.email}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          open(a);\n                        }}\n                      >\n                        {a.name ?? a.email}\n                      </button>\n                      {a.name && (\n                        <span className={rows.secondary} title={a.email}>\n                          {a.email}\n                        </span>\n                      )}\n                    </span>\n                  </span>\n                </td>\n                <td className={styles.num}>{fmt(a.workspaces)}</td>\n              </TableRow>\n            ))}\n          </TableShell>\n        </div>\n      ) : (\n        <p className={`adm-caption ${styles.note}`}>\n          No account holds a workspace yet.\n        </p>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":";AAmCc,SACE,KADF;AAjCd,SAAS,YAAY,UAAU,UAAU;AAEzC,SAAS,aAAa;AACtB,OAAO,UAAU;AAEjB,OAAO,YAAY;AAEnB,MAAM,MAAM,CAAC,MAAc,IAAI,KAAK,aAAa,OAAO,EAAE,OAAO,CAAC;AAG3D,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,CAAC,MACZ,SAAS,EAAE,IAAI,EAAE,IAAI,OAAO,EAAE,OAAO,MAAM,EAAE,KAAK,CAAC;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,SAAS,UAAU;AAAA,MAC1B,OAAK;AAAA,MAEJ,mBAAS,SACR,oBAAC,SAAI,WAAW,OAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,UAAU;AAAA,UACV,SAAQ;AAAA,UACR,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,qBAAO;AAAA,YACX,oBAAC,MAAG,OAAM,SAAQ,wBAAU;AAAA,aAC9B;AAAA,UAGD,mBAAS,IAAI,CAAC,MACb,qBAAC,YAAoB,SAAS,MAAM,KAAK,CAAC,GACxC;AAAA,gCAAC,QAAG,WAAU,WACZ,8BAAC,UAAK,WAAW,KAAK,UACpB,+BAAC,UAAK,WAAW,KAAK,cACpB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAW,KAAK;AAAA,kBAChB,OAAO,EAAE;AAAA,kBACT,SAAS,CAAC,MAAM;AACd,sBAAE,gBAAgB;AAClB,yBAAK,CAAC;AAAA,kBACR;AAAA,kBAEC,YAAE,QAAQ,EAAE;AAAA;AAAA,cACf;AAAA,cACC,EAAE,QACD,oBAAC,UAAK,WAAW,KAAK,WAAW,OAAO,EAAE,OACvC,YAAE,OACL;AAAA,eAEJ,GACF,GACF;AAAA,YACA,oBAAC,QAAG,WAAW,OAAO,KAAM,cAAI,EAAE,UAAU,GAAE;AAAA,eAvBjC,EAAE,EAwBjB,CACD;AAAA;AAAA,MACH,GACF,IAEA,oBAAC,OAAE,WAAW,eAAe,OAAO,IAAI,IAAI,+CAE5C;AAAA;AAAA,EAEJ;AAEJ;","names":[]}