@withpotter/pages-admin 0.13.0-next.123 → 0.13.0-next.58

package/dist/admin/_ui/page-header.js

@@ -1,33 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as Popover from "@radix-ui/react-popover";
-import { Info } from "lucide-react";
-import styles from "./page-header.module.css";
 import { useInWorkspaceTab } from "./workspace-tab";
-function PageInfo({ title, text }) {
-  return /* @__PURE__ */ jsx("span", { className: `adm-page-desc ${styles.info}`, children: /* @__PURE__ */ jsxs(Popover.Root, { children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: styles.trigger,
-        "aria-label": `About ${title}`,
-        children: /* @__PURE__ */ jsx(Info, { size: 16, "aria-hidden": true })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
-      Popover.Content,
-      {
-        side: "bottom",
-        align: "start",
-        sideOffset: 6,
-        collisionPadding: 16,
-        className: styles.popover,
-        children: text
-      }
-    ) })
-  ] }) });
-}
 function PageHeader({
   title,
   description,
@@ -36,15 +9,15 @@ function PageHeader({
   if (useInWorkspaceTab()) {
     if (!description && !actions) return null;
     return /* @__PURE__ */ jsxs("div", { className: "adm-page-header adm-tab-lead", children: [
-      description && /* @__PURE__ */ jsx(PageInfo, { title, text: description }),
+      description && /* @__PURE__ */ jsx("p", { className: "adm-page-desc", children: description }),
       actions && /* @__PURE__ */ jsx("div", { className: "adm-page-actions", children: actions })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "adm-page-header", children: [
-    /* @__PURE__ */ jsxs("div", { className: "adm-page-lead", children: [
+    /* @__PURE__ */ jsx("div", { className: "adm-page-lead", children: /* @__PURE__ */ jsxs("div", { style: { minWidth: 0 }, children: [
       /* @__PURE__ */ jsx("h1", { className: "adm-page-title", children: title }),
-      description && /* @__PURE__ */ jsx(PageInfo, { title, text: description })
-    ] }),
+      description && /* @__PURE__ */ jsx("p", { className: "adm-page-desc", children: description })
+    ] }) }),
     actions && /* @__PURE__ */ jsx("div", { className: "adm-page-actions", children: actions })
   ] });
 }

package/dist/admin/_ui/page-header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/_ui/page-header.tsx"],"sourcesContent":["'use client';\n\nimport * as Popover from '@radix-ui/react-popover';\nimport { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { Tone } from '../_fx';\nimport styles from './page-header.module.css';\nimport { useInWorkspaceTab } from './workspace-tab';\n\n/**\n * The page's explanation: an info icon with the text in a popover, never a\n * line under the title. It keeps the `adm-page-desc` class as a global hook so\n * an app that draws its own info icon can hide this one with CSS.\n */\nfunction PageInfo({ title, text }: { title: string; text: string }) {\n  return (\n    <span className={`adm-page-desc ${styles.info}`}>\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            className={styles.trigger}\n            aria-label={`About ${title}`}\n          >\n            <Info size={16} aria-hidden />\n          </button>\n        </Popover.Trigger>\n        <Popover.Portal>\n          <Popover.Content\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={6}\n            collisionPadding={16}\n            className={styles.popover}\n          >\n            {text}\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    </span>\n  );\n}\n\n/**\n * Standard page header: title, an info icon for context, actions on the right.\n * No icon: the nav already says where you are. `icon`/`tone` are accepted\n * and ignored so existing callers compile.\n */\nexport function PageHeader({\n  title,\n  description,\n  actions,\n}: {\n  title: string;\n  description?: string;\n  actions?: ReactNode;\n  icon?: LucideIcon;\n  tone?: Tone;\n}) {\n  // Inside a workspace tab the tab is the title: keep the context and actions.\n  if (useInWorkspaceTab()) {\n    if (!description && !actions) return null;\n    return (\n      <div className=\"adm-page-header adm-tab-lead\">\n        {description && <PageInfo title={title} text={description} />}\n        {actions && <div className=\"adm-page-actions\">{actions}</div>}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"adm-page-header\">\n      <div className=\"adm-page-lead\">\n        <h1 className=\"adm-page-title\">{title}</h1>\n        {description && <PageInfo title={title} text={description} />}\n      </div>\n      {actions && <div className=\"adm-page-actions\">{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";AAkBM,SAOM,KAPN;AAhBN,YAAY,aAAa;AACzB,SAAS,YAAY;AAIrB,OAAO,YAAY;AACnB,SAAS,yBAAyB;AAOlC,SAAS,SAAS,EAAE,OAAO,KAAK,GAAoC;AAClE,SACE,oBAAC,UAAK,WAAW,iBAAiB,OAAO,IAAI,IAC3C,+BAAC,QAAQ,MAAR,EACC;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,MACtB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,cAAY,SAAS,KAAK;AAAA,QAE1B,8BAAC,QAAK,MAAM,IAAI,eAAW,MAAC;AAAA;AAAA,IAC9B,GACF;AAAA,IACA,oBAAC,QAAQ,QAAR,EACC;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,WAAW,OAAO;AAAA,QAEjB;AAAA;AAAA,IACH,GACF;AAAA,KACF,GACF;AAEJ;AAOO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAMG;AAED,MAAI,kBAAkB,GAAG;AACvB,QAAI,CAAC,eAAe,CAAC,QAAS,QAAO;AACrC,WACE,qBAAC,SAAI,WAAU,gCACZ;AAAA,qBAAe,oBAAC,YAAS,OAAc,MAAM,aAAa;AAAA,MAC1D,WAAW,oBAAC,SAAI,WAAU,oBAAoB,mBAAQ;AAAA,OACzD;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,mBACb;AAAA,yBAAC,SAAI,WAAU,iBACb;AAAA,0BAAC,QAAG,WAAU,kBAAkB,iBAAM;AAAA,MACrC,eAAe,oBAAC,YAAS,OAAc,MAAM,aAAa;AAAA,OAC7D;AAAA,IACC,WAAW,oBAAC,SAAI,WAAU,oBAAoB,mBAAQ;AAAA,KACzD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/_ui/page-header.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { Tone } from '../_fx';\nimport { useInWorkspaceTab } from './workspace-tab';\n\n/**\n * Standard page header: title, one line of context, actions on the right.\n * No icon: the nav already says where you are. `icon`/`tone` are accepted\n * and ignored so existing callers compile.\n */\nexport function PageHeader({\n  title,\n  description,\n  actions,\n}: {\n  title: string;\n  description?: string;\n  actions?: ReactNode;\n  icon?: LucideIcon;\n  tone?: Tone;\n}) {\n  // Inside a workspace tab the tab is the title: keep the context and actions.\n  if (useInWorkspaceTab()) {\n    if (!description && !actions) return null;\n    return (\n      <div className=\"adm-page-header adm-tab-lead\">\n        {description && <p className=\"adm-page-desc\">{description}</p>}\n        {actions && <div className=\"adm-page-actions\">{actions}</div>}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"adm-page-header\">\n      <div className=\"adm-page-lead\">\n        <div style={{ minWidth: 0 }}>\n          <h1 className=\"adm-page-title\">{title}</h1>\n          {description && <p className=\"adm-page-desc\">{description}</p>}\n        </div>\n      </div>\n      {actions && <div className=\"adm-page-actions\">{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";AA2BM,SACkB,KADlB;AAtBN,SAAS,yBAAyB;AAO3B,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAMG;AAED,MAAI,kBAAkB,GAAG;AACvB,QAAI,CAAC,eAAe,CAAC,QAAS,QAAO;AACrC,WACE,qBAAC,SAAI,WAAU,gCACZ;AAAA,qBAAe,oBAAC,OAAE,WAAU,iBAAiB,uBAAY;AAAA,MACzD,WAAW,oBAAC,SAAI,WAAU,oBAAoB,mBAAQ;AAAA,OACzD;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,mBACb;AAAA,wBAAC,SAAI,WAAU,iBACb,+BAAC,SAAI,OAAO,EAAE,UAAU,EAAE,GACxB;AAAA,0BAAC,QAAG,WAAU,kBAAkB,iBAAM;AAAA,MACrC,eAAe,oBAAC,OAAE,WAAU,iBAAiB,uBAAY;AAAA,OAC5D,GACF;AAAA,IACC,WAAW,oBAAC,SAAI,WAAU,oBAAoB,mBAAQ;AAAA,KACzD;AAEJ;","names":[]}

package/dist/admin/_ui/panel.module.css

@@ -75,7 +75,17 @@
   padding: 0 0 24px;
 }
 
+/* A table's own x-scroll wrapper would capture the sticky header; let the
+   panel body be the one scroller so column headers stay pinned. */
+.body div:has(> table) {
+  overflow: visible;
+}
+
+/* Sticky column headers when a table scrolls inside the card. */
 .body thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
   background: var(--bg-base);
 }
 

package/dist/admin/_ui/stat-card.js

@@ -14,8 +14,7 @@ function StatCard({
   href,
   compact,
   note,
-  alert,
-  accent
+  alert
 }) {
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "adm-stat-head", children: [
@@ -61,15 +60,7 @@ function StatCard({
       }
     );
   }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `adm-stat${compact ? " adm-stat--compact" : ""}`,
-      "data-accent": accent ? "" : void 0,
-      style: accent ? { "--adm-stat-accent": accent } : void 0,
-      children: body
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { className: `adm-stat${compact ? " adm-stat--compact" : ""}`, children: body });
 }
 const isWord = (value) => typeof value === "string" && !/\d/.test(value) && value.length > 10;
 function DeltaPill({ delta }) {

package/dist/admin/_ui/stat-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/_ui/stat-card.tsx"],"sourcesContent":["import type { ComponentType, CSSProperties, ReactNode } from 'react';\nimport Link from 'next/link';\nimport { Skeleton } from './skeleton';\nimport { Sparkline } from './sparkline';\n\nexport interface StatCardDelta {\n  /** Period-over-period change. `null` = no prior baseline to compare against. */\n  pct: number | null;\n  /** When false, an increase is rendered red and a decrease green. Default true. */\n  positiveIsGood?: boolean;\n  /** Optional caption, e.g. \"vs prev 30d\". */\n  caption?: string;\n}\n\n/**\n * KPI stat card: label, value (weight 500), optional sub-line or plain-text\n * delta, and an optional sparkline. No icon chip. Becomes a link with `href`.\n */\nexport function StatCard({\n  label,\n  value,\n  sub,\n  hint,\n  isLoading,\n  delta,\n  spark,\n  sparkColor,\n  href,\n  compact,\n  note,\n  alert,\n  accent,\n}: {\n  label: string;\n  value: ReactNode;\n  sub?: string;\n  /** Accepted for older callers; KPI cards no longer draw an icon chip. */\n  icon?: ComponentType<{ size?: number; color?: string }>;\n  hint?: string;\n  isLoading?: boolean;\n  delta?: StatCardDelta;\n  spark?: number[];\n  sparkColor?: string;\n  href?: string;\n  compact?: boolean;\n  /** Quiet secondary text under the label. */\n  note?: string;\n  /** Paint the value red: a queue that needs someone now. */\n  alert?: boolean;\n  /** A colour key for the card: a bar along its top edge, so it can match a chart slice. */\n  accent?: string;\n}) {\n  const body = (\n    <>\n      <div className=\"adm-stat-head\">\n        {hint ? (\n          <span\n            className=\"adm-stat-label adm-hint\"\n            tabIndex={0}\n            role=\"note\"\n            aria-label={hint}\n          >\n            {label}\n            <span className=\"adm-hint-bubble\" role=\"tooltip\">\n              {hint}\n            </span>\n          </span>\n        ) : (\n          <span className=\"adm-stat-label\" title={label}>\n            {label}\n          </span>\n        )}\n        {note && <span className=\"adm-stat-note\">{note}</span>}\n      </div>\n      {isLoading ? (\n        <Skeleton width={96} height={30} />\n      ) : (\n        <div\n          className={`adm-stat-value${isWord(value) ? ' adm-stat-value--text' : ''}`}\n          data-alert={alert || undefined}\n          title={typeof value === 'string' ? value : undefined}\n        >\n          {value}\n        </div>\n      )}\n      {!isLoading && (delta || sub || (spark && spark.length > 0)) && (\n        <div className=\"adm-stat-foot\">\n          <div className=\"adm-stat-foot-meta\">\n            {delta ? (\n              <DeltaPill delta={delta} />\n            ) : sub ? (\n              <span className=\"adm-stat-sub\" title={sub}>\n                {sub}\n              </span>\n            ) : null}\n            {delta?.caption && (\n              <span className=\"adm-stat-caption\">{delta.caption}</span>\n            )}\n          </div>\n          {spark && spark.length > 0 && (\n            <Sparkline values={spark} color={sparkColor} />\n          )}\n        </div>\n      )}\n    </>\n  );\n\n  if (href) {\n    return (\n      <Link\n        href={href}\n        className={`adm-stat adm-stat-link${\n          compact ? ' adm-stat--compact' : ''\n        }`}\n      >\n        {body}\n      </Link>\n    );\n  }\n  return (\n    <div\n      className={`adm-stat${compact ? ' adm-stat--compact' : ''}`}\n      data-accent={accent ? '' : undefined}\n      style={accent ? ({ '--adm-stat-accent': accent } as CSSProperties) : undefined}\n    >\n      {body}\n    </div>\n  );\n}\n\n/** A label rather than a number: set at body size so it never shouts. */\nconst isWord = (value: ReactNode) =>\n  typeof value === 'string' && !/\\d/.test(value) && value.length > 10;\n\nfunction DeltaPill({ delta }: { delta: StatCardDelta }) {\n  const positiveIsGood = delta.positiveIsGood ?? true;\n  if (delta.pct === null) {\n    return <span className=\"adm-delta adm-delta--flat\">New</span>;\n  }\n  const up = delta.pct > 0;\n  const flat = delta.pct === 0;\n  const good = flat ? false : up === positiveIsGood;\n  const tone = flat ? 'flat' : good ? 'good' : 'bad';\n  // The sign carries the direction in words, so no arrow glyph is needed.\n  const sign = flat ? '' : up ? '+' : '\\u2212';\n  return (\n    <span className={`adm-delta adm-delta--${tone}`}>\n      {sign}\n      {Math.abs(delta.pct)}%\n    </span>\n  );\n}\n"],"mappings":"AAqDI,mBAUQ,KAPF,YAHN;AApDJ,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAenB,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAmBG;AACD,QAAM,OACJ,iCACE;AAAA,yBAAC,SAAI,WAAU,iBACZ;AAAA,aACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAU;AAAA,UACV,MAAK;AAAA,UACL,cAAY;AAAA,UAEX;AAAA;AAAA,YACD,oBAAC,UAAK,WAAU,mBAAkB,MAAK,WACpC,gBACH;AAAA;AAAA;AAAA,MACF,IAEA,oBAAC,UAAK,WAAU,kBAAiB,OAAO,OACrC,iBACH;AAAA,MAED,QAAQ,oBAAC,UAAK,WAAU,iBAAiB,gBAAK;AAAA,OACjD;AAAA,IACC,YACC,oBAAC,YAAS,OAAO,IAAI,QAAQ,IAAI,IAEjC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,iBAAiB,OAAO,KAAK,IAAI,0BAA0B,EAAE;AAAA,QACxE,cAAY,SAAS;AAAA,QACrB,OAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,QAE1C;AAAA;AAAA,IACH;AAAA,IAED,CAAC,cAAc,SAAS,OAAQ,SAAS,MAAM,SAAS,MACvD,qBAAC,SAAI,WAAU,iBACb;AAAA,2BAAC,SAAI,WAAU,sBACZ;AAAA,gBACC,oBAAC,aAAU,OAAc,IACvB,MACF,oBAAC,UAAK,WAAU,gBAAe,OAAO,KACnC,eACH,IACE;AAAA,QACH,OAAO,WACN,oBAAC,UAAK,WAAU,oBAAoB,gBAAM,SAAQ;AAAA,SAEtD;AAAA,MACC,SAAS,MAAM,SAAS,KACvB,oBAAC,aAAU,QAAQ,OAAO,OAAO,YAAY;AAAA,OAEjD;AAAA,KAEJ;AAGF,MAAI,MAAM;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,yBACT,UAAU,uBAAuB,EACnC;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,UAAU,uBAAuB,EAAE;AAAA,MACzD,eAAa,SAAS,KAAK;AAAA,MAC3B,OAAO,SAAU,EAAE,qBAAqB,OAAO,IAAsB;AAAA,MAEpE;AAAA;AAAA,EACH;AAEJ;AAGA,MAAM,SAAS,CAAC,UACd,OAAO,UAAU,YAAY,CAAC,KAAK,KAAK,KAAK,KAAK,MAAM,SAAS;AAEnE,SAAS,UAAU,EAAE,MAAM,GAA6B;AACtD,QAAM,iBAAiB,MAAM,kBAAkB;AAC/C,MAAI,MAAM,QAAQ,MAAM;AACtB,WAAO,oBAAC,UAAK,WAAU,6BAA4B,iBAAG;AAAA,EACxD;AACA,QAAM,KAAK,MAAM,MAAM;AACvB,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,OAAO,OAAO,QAAQ,OAAO;AACnC,QAAM,OAAO,OAAO,SAAS,OAAO,SAAS;AAE7C,QAAM,OAAO,OAAO,KAAK,KAAK,MAAM;AACpC,SACE,qBAAC,UAAK,WAAW,wBAAwB,IAAI,IAC1C;AAAA;AAAA,IACA,KAAK,IAAI,MAAM,GAAG;AAAA,IAAE;AAAA,KACvB;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/_ui/stat-card.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\nimport Link from 'next/link';\nimport { Skeleton } from './skeleton';\nimport { Sparkline } from './sparkline';\n\nexport interface StatCardDelta {\n  /** Period-over-period change. `null` = no prior baseline to compare against. */\n  pct: number | null;\n  /** When false, an increase is rendered red and a decrease green. Default true. */\n  positiveIsGood?: boolean;\n  /** Optional caption, e.g. \"vs prev 30d\". */\n  caption?: string;\n}\n\n/**\n * KPI stat card: label, value (weight 500), optional sub-line or plain-text\n * delta, and an optional sparkline. No icon chip. Becomes a link with `href`.\n */\nexport function StatCard({\n  label,\n  value,\n  sub,\n  hint,\n  isLoading,\n  delta,\n  spark,\n  sparkColor,\n  href,\n  compact,\n  note,\n  alert,\n}: {\n  label: string;\n  value: ReactNode;\n  sub?: string;\n  /** Accepted for older callers; KPI cards no longer draw an icon chip. */\n  icon?: ComponentType<{ size?: number; color?: string }>;\n  hint?: string;\n  isLoading?: boolean;\n  delta?: StatCardDelta;\n  spark?: number[];\n  sparkColor?: string;\n  href?: string;\n  compact?: boolean;\n  /** Quiet secondary text under the label. */\n  note?: string;\n  /** Paint the value red: a queue that needs someone now. */\n  alert?: boolean;\n}) {\n  const body = (\n    <>\n      <div className=\"adm-stat-head\">\n        {hint ? (\n          <span\n            className=\"adm-stat-label adm-hint\"\n            tabIndex={0}\n            role=\"note\"\n            aria-label={hint}\n          >\n            {label}\n            <span className=\"adm-hint-bubble\" role=\"tooltip\">\n              {hint}\n            </span>\n          </span>\n        ) : (\n          <span className=\"adm-stat-label\" title={label}>\n            {label}\n          </span>\n        )}\n        {note && <span className=\"adm-stat-note\">{note}</span>}\n      </div>\n      {isLoading ? (\n        <Skeleton width={96} height={30} />\n      ) : (\n        <div\n          className={`adm-stat-value${isWord(value) ? ' adm-stat-value--text' : ''}`}\n          data-alert={alert || undefined}\n          title={typeof value === 'string' ? value : undefined}\n        >\n          {value}\n        </div>\n      )}\n      {!isLoading && (delta || sub || (spark && spark.length > 0)) && (\n        <div className=\"adm-stat-foot\">\n          <div className=\"adm-stat-foot-meta\">\n            {delta ? (\n              <DeltaPill delta={delta} />\n            ) : sub ? (\n              <span className=\"adm-stat-sub\" title={sub}>\n                {sub}\n              </span>\n            ) : null}\n            {delta?.caption && (\n              <span className=\"adm-stat-caption\">{delta.caption}</span>\n            )}\n          </div>\n          {spark && spark.length > 0 && (\n            <Sparkline values={spark} color={sparkColor} />\n          )}\n        </div>\n      )}\n    </>\n  );\n\n  if (href) {\n    return (\n      <Link\n        href={href}\n        className={`adm-stat adm-stat-link${\n          compact ? ' adm-stat--compact' : ''\n        }`}\n      >\n        {body}\n      </Link>\n    );\n  }\n  return (\n    <div className={`adm-stat${compact ? ' adm-stat--compact' : ''}`}>\n      {body}\n    </div>\n  );\n}\n\n/** A label rather than a number: set at body size so it never shouts. */\nconst isWord = (value: ReactNode) =>\n  typeof value === 'string' && !/\\d/.test(value) && value.length > 10;\n\nfunction DeltaPill({ delta }: { delta: StatCardDelta }) {\n  const positiveIsGood = delta.positiveIsGood ?? true;\n  if (delta.pct === null) {\n    return <span className=\"adm-delta adm-delta--flat\">New</span>;\n  }\n  const up = delta.pct > 0;\n  const flat = delta.pct === 0;\n  const good = flat ? false : up === positiveIsGood;\n  const tone = flat ? 'flat' : good ? 'good' : 'bad';\n  // The sign carries the direction in words, so no arrow glyph is needed.\n  const sign = flat ? '' : up ? '+' : '\\u2212';\n  return (\n    <span className={`adm-delta adm-delta--${tone}`}>\n      {sign}\n      {Math.abs(delta.pct)}%\n    </span>\n  );\n}\n"],"mappings":"AAkDI,mBAUQ,KAPF,YAHN;AAjDJ,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAenB,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAiBG;AACD,QAAM,OACJ,iCACE;AAAA,yBAAC,SAAI,WAAU,iBACZ;AAAA,aACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAU;AAAA,UACV,MAAK;AAAA,UACL,cAAY;AAAA,UAEX;AAAA;AAAA,YACD,oBAAC,UAAK,WAAU,mBAAkB,MAAK,WACpC,gBACH;AAAA;AAAA;AAAA,MACF,IAEA,oBAAC,UAAK,WAAU,kBAAiB,OAAO,OACrC,iBACH;AAAA,MAED,QAAQ,oBAAC,UAAK,WAAU,iBAAiB,gBAAK;AAAA,OACjD;AAAA,IACC,YACC,oBAAC,YAAS,OAAO,IAAI,QAAQ,IAAI,IAEjC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,iBAAiB,OAAO,KAAK,IAAI,0BAA0B,EAAE;AAAA,QACxE,cAAY,SAAS;AAAA,QACrB,OAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,QAE1C;AAAA;AAAA,IACH;AAAA,IAED,CAAC,cAAc,SAAS,OAAQ,SAAS,MAAM,SAAS,MACvD,qBAAC,SAAI,WAAU,iBACb;AAAA,2BAAC,SAAI,WAAU,sBACZ;AAAA,gBACC,oBAAC,aAAU,OAAc,IACvB,MACF,oBAAC,UAAK,WAAU,gBAAe,OAAO,KACnC,eACH,IACE;AAAA,QACH,OAAO,WACN,oBAAC,UAAK,WAAU,oBAAoB,gBAAM,SAAQ;AAAA,SAEtD;AAAA,MACC,SAAS,MAAM,SAAS,KACvB,oBAAC,aAAU,QAAQ,OAAO,OAAO,YAAY;AAAA,OAEjD;AAAA,KAEJ;AAGF,MAAI,MAAM;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,yBACT,UAAU,uBAAuB,EACnC;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,SACE,oBAAC,SAAI,WAAW,WAAW,UAAU,uBAAuB,EAAE,IAC3D,gBACH;AAEJ;AAGA,MAAM,SAAS,CAAC,UACd,OAAO,UAAU,YAAY,CAAC,KAAK,KAAK,KAAK,KAAK,MAAM,SAAS;AAEnE,SAAS,UAAU,EAAE,MAAM,GAA6B;AACtD,QAAM,iBAAiB,MAAM,kBAAkB;AAC/C,MAAI,MAAM,QAAQ,MAAM;AACtB,WAAO,oBAAC,UAAK,WAAU,6BAA4B,iBAAG;AAAA,EACxD;AACA,QAAM,KAAK,MAAM,MAAM;AACvB,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,OAAO,OAAO,QAAQ,OAAO;AACnC,QAAM,OAAO,OAAO,SAAS,OAAO,SAAS;AAE7C,QAAM,OAAO,OAAO,KAAK,KAAK,MAAM;AACpC,SACE,qBAAC,UAAK,WAAW,wBAAwB,IAAI,IAC1C;AAAA;AAAA,IACA,KAAK,IAAI,MAAM,GAAG;AAAA,IAAE;AAAA,KACvB;AAEJ;","names":[]}

package/dist/admin/_ui/trend.js

@@ -20,9 +20,9 @@ function GmvOrdersChart({
         data: gmvTrend,
         compare: compare ? previousGmvTrend : null,
         compareLabel: `Previous ${span}`,
-        label: "Sales",
+        label: "GMV",
         formatValue: money,
-        emptyMessage: "No sales in this period",
+        emptyMessage: "No merchant GMV in this period",
         height: 160
       }
     ),

package/dist/admin/_ui/trend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/_ui/trend.tsx"],"sourcesContent":["'use client';\n\nimport { TimeSeriesChart } from '@withpotter/components/charts';\n\n/** A `{date, N}[]` series reshaped into the `{date, value}` TimeSeriesChart wants. */\nexport function toTrend<K extends string>(\n  series: Array<{ date: string } & Record<K, number>> | undefined,\n  key: K,\n): Array<{ date: string; value: number }> {\n  return (series ?? []).map((p) => ({ date: p.date, value: p[key] }));\n}\n\n/**\n * GMV over orders: the two measures share a window but not a scale, so\n * they're two stacked charts rather than one dual-axis one. Used wherever a\n * page shows both for the same range (Overview, Merchants, Commerce).\n */\nexport function GmvOrdersChart({\n  gmvTrend,\n  ordersTrend,\n  previousGmvTrend,\n  previousOrdersTrend,\n  compare,\n  span,\n  money,\n}: {\n  gmvTrend: Array<{ date: string; value: number }>;\n  ordersTrend: Array<{ date: string; value: number }>;\n  previousGmvTrend: Array<{ date: string; value: number }>;\n  previousOrdersTrend: Array<{ date: string; value: number }>;\n  /** False for \"all time\": there is no earlier period to compare with. */\n  compare: boolean;\n  span: string;\n  money: (value: number) => string;\n}) {\n  return (\n    <>\n      <TimeSeriesChart\n        data={gmvTrend}\n        compare={compare ? previousGmvTrend : null}\n        compareLabel={`Previous ${span}`}\n        label=\"Sales\"\n        formatValue={money}\n        emptyMessage=\"No sales in this period\"\n        height={160}\n      />\n      <div\n        style={{\n          margin: '20px 0 8px',\n          fontSize: 12,\n          fontWeight: 600,\n          color: 'var(--text-tertiary)',\n        }}\n      >\n        Orders\n      </div>\n      <TimeSeriesChart\n        data={ordersTrend}\n        compare={compare ? previousOrdersTrend : null}\n        compareLabel={`Previous ${span}`}\n        label=\"Orders\"\n        emptyMessage=\"No orders in this period\"\n        height={100}\n      />\n    </>\n  );\n}\n"],"mappings":";AAoCI,mBACE,KADF;AAlCJ,SAAS,uBAAuB;AAGzB,SAAS,QACd,QACA,KACwC;AACxC,UAAQ,UAAU,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,EAAE,GAAG,EAAE,EAAE;AACpE;AAOO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,UAAU,mBAAmB;AAAA,QACtC,cAAc,YAAY,IAAI;AAAA,QAC9B,OAAM;AAAA,QACN,aAAa;AAAA,QACb,cAAa;AAAA,QACb,QAAQ;AAAA;AAAA,IACV;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,UAAU,sBAAsB;AAAA,QACzC,cAAc,YAAY,IAAI;AAAA,QAC9B,OAAM;AAAA,QACN,cAAa;AAAA,QACb,QAAQ;AAAA;AAAA,IACV;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/_ui/trend.tsx"],"sourcesContent":["'use client';\n\nimport { TimeSeriesChart } from '@withpotter/components/charts';\n\n/** A `{date, N}[]` series reshaped into the `{date, value}` TimeSeriesChart wants. */\nexport function toTrend<K extends string>(\n  series: Array<{ date: string } & Record<K, number>> | undefined,\n  key: K,\n): Array<{ date: string; value: number }> {\n  return (series ?? []).map((p) => ({ date: p.date, value: p[key] }));\n}\n\n/**\n * GMV over orders: the two measures share a window but not a scale, so\n * they're two stacked charts rather than one dual-axis one. Used wherever a\n * page shows both for the same range (Overview, Merchants, Commerce).\n */\nexport function GmvOrdersChart({\n  gmvTrend,\n  ordersTrend,\n  previousGmvTrend,\n  previousOrdersTrend,\n  compare,\n  span,\n  money,\n}: {\n  gmvTrend: Array<{ date: string; value: number }>;\n  ordersTrend: Array<{ date: string; value: number }>;\n  previousGmvTrend: Array<{ date: string; value: number }>;\n  previousOrdersTrend: Array<{ date: string; value: number }>;\n  /** False for \"all time\": there is no earlier period to compare with. */\n  compare: boolean;\n  span: string;\n  money: (value: number) => string;\n}) {\n  return (\n    <>\n      <TimeSeriesChart\n        data={gmvTrend}\n        compare={compare ? previousGmvTrend : null}\n        compareLabel={`Previous ${span}`}\n        label=\"GMV\"\n        formatValue={money}\n        emptyMessage=\"No merchant GMV in this period\"\n        height={160}\n      />\n      <div\n        style={{\n          margin: '20px 0 8px',\n          fontSize: 12,\n          fontWeight: 600,\n          color: 'var(--text-tertiary)',\n        }}\n      >\n        Orders\n      </div>\n      <TimeSeriesChart\n        data={ordersTrend}\n        compare={compare ? previousOrdersTrend : null}\n        compareLabel={`Previous ${span}`}\n        label=\"Orders\"\n        emptyMessage=\"No orders in this period\"\n        height={100}\n      />\n    </>\n  );\n}\n"],"mappings":";AAoCI,mBACE,KADF;AAlCJ,SAAS,uBAAuB;AAGzB,SAAS,QACd,QACA,KACwC;AACxC,UAAQ,UAAU,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,EAAE,GAAG,EAAE,EAAE;AACpE;AAOO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,UAAU,mBAAmB;AAAA,QACtC,cAAc,YAAY,IAAI;AAAA,QAC9B,OAAM;AAAA,QACN,aAAa;AAAA,QACb,cAAa;AAAA,QACb,QAAQ;AAAA;AAAA,IACV;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,UAAU,sBAAsB;AAAA,QACzC,cAAc,YAAY,IAAI;AAAA,QAC9B,OAAM;AAAA,QACN,cAAa;AAAA,QACb,QAAQ;AAAA;AAAA,IACV;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_ui/workspace-tab.js

@@ -1,20 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-import { motion, useReducedMotion } from "motion/react";
 const NESTED_TAB_PARAM = "view";
 const InWorkspaceTab = createContext(false);
 function WorkspaceTab({ children }) {
-  const calm = useReducedMotion();
-  return /* @__PURE__ */ jsx(InWorkspaceTab.Provider, { value: true, children: /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      initial: calm ? false : { opacity: 0, y: 8 },
-      animate: { opacity: 1, y: 0 },
-      transition: { duration: 0.2, ease: [0, 0, 0.2, 1] },
-      children
-    }
-  ) });
+  return /* @__PURE__ */ jsx(InWorkspaceTab.Provider, { value: true, children });
 }
 const useInWorkspaceTab = () => useContext(InWorkspaceTab);
 export {

package/dist/admin/_ui/workspace-tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/_ui/workspace-tab.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\nimport { motion, useReducedMotion } from 'motion/react';\n\n/** The address parameter tabs inside a workspace tab use, so they never fight the workspace's `?tab=`. */\nexport const NESTED_TAB_PARAM = 'view';\n\nconst InWorkspaceTab = createContext(false);\n\n/**\n * Wraps a page shown as one tab of a workspace (Money, say). Inside it the\n * page's header drops its title, which the tab already shows, and keeps its\n * one line of context and its actions; tabs within the page move to `?view=`.\n */\nexport function WorkspaceTab({ children }: { children: ReactNode }) {\n  const calm = useReducedMotion();\n\n  return (\n    <InWorkspaceTab.Provider value={true}>\n      {/* The first paint of a tab eases up and in (200ms), so opening one reads as arriving, not\n          as the page being replaced. Transform and opacity only, and none of it under reduced motion. */}\n      <motion.div\n        initial={calm ? false : { opacity: 0, y: 8 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.2, ease: [0, 0, 0.2, 1] }}\n      >\n        {children}\n      </motion.div>\n    </InWorkspaceTab.Provider>\n  );\n}\n\nexport const useInWorkspaceTab = () => useContext(InWorkspaceTab);\n"],"mappings":";AAsBM;AApBN,SAAS,eAAe,kBAAkC;AAC1D,SAAS,QAAQ,wBAAwB;AAGlC,MAAM,mBAAmB;AAEhC,MAAM,iBAAiB,cAAc,KAAK;AAOnC,SAAS,aAAa,EAAE,SAAS,GAA4B;AAClE,QAAM,OAAO,iBAAiB;AAE9B,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,MAG9B;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,OAAO,QAAQ,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC3C,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,YAAY,EAAE,UAAU,KAAK,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,EAAE;AAAA,MAEjD;AAAA;AAAA,EACH,GACF;AAEJ;AAEO,MAAM,oBAAoB,MAAM,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/admin/_ui/workspace-tab.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\n/** The address parameter tabs inside a workspace tab use, so they never fight the workspace's `?tab=`. */\nexport const NESTED_TAB_PARAM = 'view';\n\nconst InWorkspaceTab = createContext(false);\n\n/**\n * Wraps a page shown as one tab of a workspace (Money, say). Inside it the\n * page's header drops its title, which the tab already shows, and keeps its\n * one line of context and its actions; tabs within the page move to `?view=`.\n */\nexport function WorkspaceTab({ children }: { children: ReactNode }) {\n  return (\n    <InWorkspaceTab.Provider value={true}>{children}</InWorkspaceTab.Provider>\n  );\n}\n\nexport const useInWorkspaceTab = () => useContext(InWorkspaceTab);\n"],"mappings":";AAgBI;AAdJ,SAAS,eAAe,kBAAkC;AAGnD,MAAM,mBAAmB;AAEhC,MAAM,iBAAiB,cAAc,KAAK;AAOnC,SAAS,aAAa,EAAE,SAAS,GAA4B;AAClE,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,MAAO,UAAS;AAEpD;AAEO,MAAM,oBAAoB,MAAM,WAAW,cAAc;","names":[]}

package/dist/admin/accounts/account-panel.js

@@ -7,16 +7,6 @@ import { StatusPill } from "../audit/status-pill";
 import { useAccountTenants } from "../hooks";
 import { CopyText } from "../tenants/[id]/copy-text";
 import { AccountActivity } from "./account-activity";
-import {
-  ACTIVE_HINT,
-  providerLabel,
-  STAGE_LABELS,
-  stageStatus,
-  stepStates,
-  stoppedAt
-} from "./account-stage";
-import { AccountSessions } from "./account-sessions";
-import { Hint } from "./hint";
 import { AccountVitals } from "./account-vitals";
 import { useAccountActions } from "./use-account-actions";
 import { useModuleOn } from "../_shell/modules-context";
@@ -27,14 +17,12 @@ function Section({
   title,
   index,
   count,
-  hint,
   children
 }) {
   return /* @__PURE__ */ jsxs(Reveal, { as: "section", index, className: styles.section, children: [
     /* @__PURE__ */ jsxs("h3", { className: styles.heading, children: [
       title,
-      count !== void 0 && /* @__PURE__ */ jsx("span", { className: styles.count, children: count }),
-      hint && /* @__PURE__ */ jsx(Hint, { label: hint })
+      count !== void 0 && /* @__PURE__ */ jsx("span", { className: styles.count, children: count })
     ] }),
     children
   ] });
@@ -68,14 +56,14 @@ function AccountPanel({
             label: account.emailVerified ? "Email verified" : "Email unverified"
           }
         ),
-        account.stage && /* @__PURE__ */ jsx(
+        account.mfaEnabled !== void 0 && /* @__PURE__ */ jsx(
           StatusPill,
           {
-            status: stageStatus(account.stage),
-            label: STAGE_LABELS[account.stage]
+            status: account.mfaEnabled ? "active" : "deleted",
+            label: account.mfaEnabled ? "2FA on" : "2FA off"
           }
         ),
-        account.authProvider && /* @__PURE__ */ jsx("span", { className: styles.muted, children: providerLabel(account.authProvider) })
+        account.authProvider && /* @__PURE__ */ jsx("span", { className: styles.muted, children: account.authProvider })
       ] }),
       footer: account && /* @__PURE__ */ jsxs(Fragment, { children: [
         account.status && /* @__PURE__ */ jsx(
@@ -114,27 +102,6 @@ function AccountPanel({
         )
       ] }),
       children: account && /* @__PURE__ */ jsxs("div", { className: styles.panel, children: [
-        account.stage && /* @__PURE__ */ jsxs("div", { className: styles.stopped, children: [
-          /* @__PURE__ */ jsxs("span", { className: styles.stoppedLabel, children: [
-            "Where this account stopped",
-            /* @__PURE__ */ jsx(Hint, { label: ACTIVE_HINT })
-          ] }),
-          /* @__PURE__ */ jsx("ol", { className: styles.steps, children: stepStates(account).map(
-            (step) => /* @__PURE__ */ jsxs(
-              "li",
-              {
-                className: styles.step,
-                "data-state": step.state,
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: styles.stepDot, "aria-hidden": true }),
-                  step.label
-                ]
-              },
-              step.label
-            )
-          ) }),
-          /* @__PURE__ */ jsx("span", { className: styles.stoppedText, children: stoppedAt(account) ?? "Active" })
-        ] }),
         [verify, impersonate, setStatus].map(
           (action, i) => action.isError && /* @__PURE__ */ jsx(Banner, { tone: "error", title: "That didn\u2019t work", children: action.error.message }, i)
         ),
@@ -156,17 +123,7 @@ function AccountPanel({
           }
         ),
         /* @__PURE__ */ jsx(Section, { title: "Workspaces", index: 1, count: liveWorkspaces, children: /* @__PURE__ */ jsx(Workspaces, { accountId: account.id }) }),
-        /* @__PURE__ */ jsx(
-          Section,
-          {
-            title: "Sessions",
-            index: 2,
-            count: account.activeSessions,
-            hint: "The number is devices signed in now.",
-            children: /* @__PURE__ */ jsx(AccountSessions, { accountId: account.id })
-          }
-        ),
-        /* @__PURE__ */ jsx(Section, { title: "Account ID", index: 3, children: /* @__PURE__ */ jsx(CopyText, { value: account.id }) })
+        /* @__PURE__ */ jsx(Section, { title: "Account ID", index: 2, children: /* @__PURE__ */ jsx(CopyText, { value: account.id }) })
       ] })
     }
   );

package/dist/admin/accounts/account-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/accounts/account-panel.tsx"],"sourcesContent":["'use client';\n\nimport { Banner, Button } from '@withpotter/ui-kit';\nimport type { AccountRow } from '@withpotter/lib/admin-api';\nimport { Reveal } from '../_fx';\nimport { Drawer } from '../_ui';\nimport { StatusPill } from '../audit/status-pill';\nimport { useAccountTenants } from '../hooks';\nimport { CopyText } from '../tenants/[id]/copy-text';\nimport { AccountActivity } from './account-activity';\nimport {\n  ACTIVE_HINT,\n  providerLabel,\n  STAGE_LABELS,\n  stageStatus,\n  stepStates,\n  stoppedAt,\n} from './account-stage';\nimport type { StepState } from './account-stage';\nimport { AccountSessions } from './account-sessions';\nimport { Hint } from './hint';\nimport { AccountVitals } from './account-vitals';\nimport { useAccountActions } from './use-account-actions';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useAccountActivity } from './use-account-activity';\nimport { Workspaces } from './account-workspaces';\nimport styles from './account-panel.module.css';\n\n/** Enough to open the panel from anywhere; the table row adds the rest. */\nexport type AccountSummary = Pick<AccountRow, 'id' | 'email' | 'name'> &\n  Partial<AccountRow>;\n\nfunction Section({\n  title,\n  index,\n  count,\n  hint,\n  children,\n}: {\n  title: string;\n  index: number;\n  count?: number;\n  hint?: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <Reveal as=\"section\" index={index} className={styles.section}>\n      <h3 className={styles.heading}>\n        {title}\n        {count !== undefined && <span className={styles.count}>{count}</span>}\n        {hint && <Hint label={hint} />}\n      </h3>\n      {children}\n    </Reveal>\n  );\n}\n\nexport function AccountPanel({\n  account,\n  onClose,\n}: {\n  account: AccountSummary | null;\n  onClose: () => void;\n}) {\n  const { setStatus, verify, impersonate } = useAccountActions();\n  const ownerView = useModuleOn('ownerView');\n  const tenants = useAccountTenants(account?.id ?? null);\n  const activity = useAccountActivity(account?.id ?? null, tenants.data);\n  const suspended = account?.status === 'suspended';\n  const liveWorkspaces = tenants.data?.filter(\n    (w) => w.status !== 'deleted' && w.memberStatus !== 'removed',\n  ).length;\n\n  return (\n    <Drawer\n      open={Boolean(account)}\n      onClose={onClose}\n      width={560}\n      title={account?.name || account?.email || 'Account'}\n      subtitle={account?.name ? account.email : undefined}\n      meta={\n        account && (\n          <>\n            {account.status && <StatusPill status={account.status} />}\n            {account.emailVerified !== undefined && (\n              <StatusPill\n                status={account.emailVerified ? 'verified' : 'unverified'}\n                label={\n                  account.emailVerified ? 'Email verified' : 'Email unverified'\n                }\n              />\n            )}\n            {account.stage && (\n              <StatusPill\n                status={stageStatus(account.stage)}\n                label={STAGE_LABELS[account.stage]}\n              />\n            )}\n            {account.authProvider && (\n              <span className={styles.muted}>\n                {providerLabel(account.authProvider)}\n              </span>\n            )}\n          </>\n        )\n      }\n      footer={\n        account && (\n          <>\n            {account.status && (\n              <Button\n                size=\"sm\"\n                variant={suspended ? 'secondary' : 'ghostDanger'}\n                loading={setStatus.isPending}\n                onClick={() =>\n                  setStatus.mutate({\n                    id: account.id,\n                    status: suspended ? 'active' : 'suspended',\n                  })\n                }\n              >\n                {suspended ? 'Restore' : 'Suspend'}\n              </Button>\n            )}\n            <span className={styles.spacer} />\n            {account.emailVerified === false && (\n              <Button\n                size=\"sm\"\n                variant=\"secondary\"\n                loading={verify.isPending}\n                onClick={() => verify.mutate(account.id)}\n              >\n                Verify email\n              </Button>\n            )}\n            {ownerView && (\n              <Button\n                size=\"sm\"\n                variant=\"primary\"\n                loading={impersonate.isPending}\n                onClick={() => impersonate.mutate(account.id)}\n              >\n                View as user\n              </Button>\n            )}\n          </>\n        )\n      }\n    >\n      {account && (\n        <div className={styles.panel}>\n          {account.stage && (\n            <div className={styles.stopped}>\n              <span className={styles.stoppedLabel}>\n                Where this account stopped\n                <Hint label={ACTIVE_HINT} />\n              </span>\n              <ol className={styles.steps}>\n                {stepStates(account).map(\n                  (step: { label: string; state: StepState }) => (\n                    <li\n                      key={step.label}\n                      className={styles.step}\n                      data-state={step.state}\n                    >\n                      <span className={styles.stepDot} aria-hidden />\n                      {step.label}\n                    </li>\n                  ),\n                )}\n              </ol>\n              <span className={styles.stoppedText}>\n                {stoppedAt(account) ?? 'Active'}\n              </span>\n            </div>\n          )}\n\n          {[verify, impersonate, setStatus].map(\n            (action, i) =>\n              action.isError && (\n                <Banner key={i} tone=\"error\" title=\"That didn’t work\">\n                  {action.error.message}\n                </Banner>\n              ),\n          )}\n\n          <AccountVitals account={account} workspaces={liveWorkspaces} />\n\n          <Section\n            title=\"Recent activity\"\n            index={0}\n            count={activity.entries.length}\n          >\n            <AccountActivity\n              entries={activity.entries}\n              isLoading={activity.isLoading}\n              skipped={activity.skipped}\n            />\n          </Section>\n\n          <Section title=\"Workspaces\" index={1} count={liveWorkspaces}>\n            <Workspaces accountId={account.id} />\n          </Section>\n\n          <Section\n            title=\"Sessions\"\n            index={2}\n            count={account.activeSessions}\n            hint=\"The number is devices signed in now.\"\n          >\n            <AccountSessions accountId={account.id} />\n          </Section>\n\n          <Section title=\"Account ID\" index={3}>\n            <CopyText value={account.id} />\n          </Section>\n        </div>\n      )}\n    </Drawer>\n  );\n}\n"],"mappings":";AA+CM,SAmCI,UAjCsB,KAF1B;AA7CN,SAAS,QAAQ,cAAc;AAE/B,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,uBAAuB;AAChC,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,OAAO,YAAY;AAMnB,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,qBAAC,UAAO,IAAG,WAAU,OAAc,WAAW,OAAO,SACnD;AAAA,yBAAC,QAAG,WAAW,OAAO,SACnB;AAAA;AAAA,MACA,UAAU,UAAa,oBAAC,UAAK,WAAW,OAAO,OAAQ,iBAAM;AAAA,MAC7D,QAAQ,oBAAC,QAAK,OAAO,MAAM;AAAA,OAC9B;AAAA,IACC;AAAA,KACH;AAEJ;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,WAAW,QAAQ,YAAY,IAAI,kBAAkB;AAC7D,QAAM,YAAY,YAAY,WAAW;AACzC,QAAM,UAAU,kBAAkB,SAAS,MAAM,IAAI;AACrD,QAAM,WAAW,mBAAmB,SAAS,MAAM,MAAM,QAAQ,IAAI;AACrE,QAAM,YAAY,SAAS,WAAW;AACtC,QAAM,iBAAiB,QAAQ,MAAM;AAAA,IACnC,CAAC,MAAM,EAAE,WAAW,aAAa,EAAE,iBAAiB;AAAA,EACtD,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,OAAO;AAAA,MACrB;AAAA,MACA,OAAO;AAAA,MACP,OAAO,SAAS,QAAQ,SAAS,SAAS;AAAA,MAC1C,UAAU,SAAS,OAAO,QAAQ,QAAQ;AAAA,MAC1C,MACE,WACE,iCACG;AAAA,gBAAQ,UAAU,oBAAC,cAAW,QAAQ,QAAQ,QAAQ;AAAA,QACtD,QAAQ,kBAAkB,UACzB;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,QAAQ,gBAAgB,aAAa;AAAA,YAC7C,OACE,QAAQ,gBAAgB,mBAAmB;AAAA;AAAA,QAE/C;AAAA,QAED,QAAQ,SACP;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,YAAY,QAAQ,KAAK;AAAA,YACjC,OAAO,aAAa,QAAQ,KAAK;AAAA;AAAA,QACnC;AAAA,QAED,QAAQ,gBACP,oBAAC,UAAK,WAAW,OAAO,OACrB,wBAAc,QAAQ,YAAY,GACrC;AAAA,SAEJ;AAAA,MAGJ,QACE,WACE,iCACG;AAAA,gBAAQ,UACP;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,YAAY,cAAc;AAAA,YACnC,SAAS,UAAU;AAAA,YACnB,SAAS,MACP,UAAU,OAAO;AAAA,cACf,IAAI,QAAQ;AAAA,cACZ,QAAQ,YAAY,WAAW;AAAA,YACjC,CAAC;AAAA,YAGF,sBAAY,YAAY;AAAA;AAAA,QAC3B;AAAA,QAEF,oBAAC,UAAK,WAAW,OAAO,QAAQ;AAAA,QAC/B,QAAQ,kBAAkB,SACzB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,OAAO;AAAA,YAChB,SAAS,MAAM,OAAO,OAAO,QAAQ,EAAE;AAAA,YACxC;AAAA;AAAA,QAED;AAAA,QAED,aACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,YAAY;AAAA,YACrB,SAAS,MAAM,YAAY,OAAO,QAAQ,EAAE;AAAA,YAC7C;AAAA;AAAA,QAED;AAAA,SAEJ;AAAA,MAIH,qBACC,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,gBAAQ,SACP,qBAAC,SAAI,WAAW,OAAO,SACrB;AAAA,+BAAC,UAAK,WAAW,OAAO,cAAc;AAAA;AAAA,YAEpC,oBAAC,QAAK,OAAO,aAAa;AAAA,aAC5B;AAAA,UACA,oBAAC,QAAG,WAAW,OAAO,OACnB,qBAAW,OAAO,EAAE;AAAA,YACnB,CAAC,SACC;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAW,OAAO;AAAA,gBAClB,cAAY,KAAK;AAAA,gBAEjB;AAAA,sCAAC,UAAK,WAAW,OAAO,SAAS,eAAW,MAAC;AAAA,kBAC5C,KAAK;AAAA;AAAA;AAAA,cALD,KAAK;AAAA,YAMZ;AAAA,UAEJ,GACF;AAAA,UACA,oBAAC,UAAK,WAAW,OAAO,aACrB,oBAAU,OAAO,KAAK,UACzB;AAAA,WACF;AAAA,QAGD,CAAC,QAAQ,aAAa,SAAS,EAAE;AAAA,UAChC,CAAC,QAAQ,MACP,OAAO,WACL,oBAAC,UAAe,MAAK,SAAQ,OAAM,yBAChC,iBAAO,MAAM,WADH,CAEb;AAAA,QAEN;AAAA,QAEA,oBAAC,iBAAc,SAAkB,YAAY,gBAAgB;AAAA,QAE7D;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,SAAS,QAAQ;AAAA,YAExB;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,SAAS;AAAA,gBAClB,WAAW,SAAS;AAAA,gBACpB,SAAS,SAAS;AAAA;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,QAEA,oBAAC,WAAQ,OAAM,cAAa,OAAO,GAAG,OAAO,gBAC3C,8BAAC,cAAW,WAAW,QAAQ,IAAI,GACrC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,QAAQ;AAAA,YACf,MAAK;AAAA,YAEL,8BAAC,mBAAgB,WAAW,QAAQ,IAAI;AAAA;AAAA,QAC1C;AAAA,QAEA,oBAAC,WAAQ,OAAM,cAAa,OAAO,GACjC,8BAAC,YAAS,OAAO,QAAQ,IAAI,GAC/B;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/accounts/account-panel.tsx"],"sourcesContent":["'use client';\n\nimport { Banner, Button } from '@withpotter/ui-kit';\nimport type { AccountRow } from '@withpotter/lib/admin-api';\nimport { Reveal } from '../_fx';\nimport { Drawer } from '../_ui';\nimport { StatusPill } from '../audit/status-pill';\nimport { useAccountTenants } from '../hooks';\nimport { CopyText } from '../tenants/[id]/copy-text';\nimport { AccountActivity } from './account-activity';\nimport { AccountVitals } from './account-vitals';\nimport { useAccountActions } from './use-account-actions';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useAccountActivity } from './use-account-activity';\nimport { Workspaces } from './account-workspaces';\nimport styles from './account-panel.module.css';\n\n/** Enough to open the panel from anywhere; the table row adds the rest. */\nexport type AccountSummary = Pick<AccountRow, 'id' | 'email' | 'name'> &\n  Partial<AccountRow>;\n\nfunction Section({\n  title,\n  index,\n  count,\n  children,\n}: {\n  title: string;\n  index: number;\n  count?: number;\n  children: React.ReactNode;\n}) {\n  return (\n    <Reveal as=\"section\" index={index} className={styles.section}>\n      <h3 className={styles.heading}>\n        {title}\n        {count !== undefined && <span className={styles.count}>{count}</span>}\n      </h3>\n      {children}\n    </Reveal>\n  );\n}\n\nexport function AccountPanel({\n  account,\n  onClose,\n}: {\n  account: AccountSummary | null;\n  onClose: () => void;\n}) {\n  const { setStatus, verify, impersonate } = useAccountActions();\n  const ownerView = useModuleOn('ownerView');\n  const tenants = useAccountTenants(account?.id ?? null);\n  const activity = useAccountActivity(account?.id ?? null, tenants.data);\n  const suspended = account?.status === 'suspended';\n  const liveWorkspaces = tenants.data?.filter(\n    (w) => w.status !== 'deleted' && w.memberStatus !== 'removed',\n  ).length;\n\n  return (\n    <Drawer\n      open={Boolean(account)}\n      onClose={onClose}\n      width={560}\n      title={account?.name || account?.email || 'Account'}\n      subtitle={account?.name ? account.email : undefined}\n      meta={\n        account && (\n          <>\n            {account.status && <StatusPill status={account.status} />}\n            {account.emailVerified !== undefined && (\n              <StatusPill\n                status={account.emailVerified ? 'verified' : 'unverified'}\n                label={\n                  account.emailVerified ? 'Email verified' : 'Email unverified'\n                }\n              />\n            )}\n            {account.mfaEnabled !== undefined && (\n              <StatusPill\n                status={account.mfaEnabled ? 'active' : 'deleted'}\n                label={account.mfaEnabled ? '2FA on' : '2FA off'}\n              />\n            )}\n            {account.authProvider && (\n              <span className={styles.muted}>{account.authProvider}</span>\n            )}\n          </>\n        )\n      }\n      footer={\n        account && (\n          <>\n            {account.status && (\n              <Button\n                size=\"sm\"\n                variant={suspended ? 'secondary' : 'ghostDanger'}\n                loading={setStatus.isPending}\n                onClick={() =>\n                  setStatus.mutate({\n                    id: account.id,\n                    status: suspended ? 'active' : 'suspended',\n                  })\n                }\n              >\n                {suspended ? 'Restore' : 'Suspend'}\n              </Button>\n            )}\n            <span className={styles.spacer} />\n            {account.emailVerified === false && (\n              <Button\n                size=\"sm\"\n                variant=\"secondary\"\n                loading={verify.isPending}\n                onClick={() => verify.mutate(account.id)}\n              >\n                Verify email\n              </Button>\n            )}\n            {ownerView && (\n              <Button\n                size=\"sm\"\n                variant=\"primary\"\n                loading={impersonate.isPending}\n                onClick={() => impersonate.mutate(account.id)}\n              >\n                View as user\n              </Button>\n            )}\n          </>\n        )\n      }\n    >\n      {account && (\n        <div className={styles.panel}>\n          {[verify, impersonate, setStatus].map(\n            (action, i) =>\n              action.isError && (\n                <Banner key={i} tone=\"error\" title=\"That didn’t work\">\n                  {action.error.message}\n                </Banner>\n              ),\n          )}\n\n          <AccountVitals account={account} workspaces={liveWorkspaces} />\n\n          <Section\n            title=\"Recent activity\"\n            index={0}\n            count={activity.entries.length}\n          >\n            <AccountActivity\n              entries={activity.entries}\n              isLoading={activity.isLoading}\n              skipped={activity.skipped}\n            />\n          </Section>\n\n          <Section title=\"Workspaces\" index={1} count={liveWorkspaces}>\n            <Workspaces accountId={account.id} />\n          </Section>\n\n          <Section title=\"Account ID\" index={2}>\n            <CopyText value={account.id} />\n          </Section>\n        </div>\n      )}\n    </Drawer>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/accounts/account-panel.module.css

@@ -16,10 +16,6 @@
   background: var(--bg-base);
 }
 
-.vitals[data-count='3'] {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
 .vital {
   display: grid;
   gap: 4px;
@@ -142,72 +138,3 @@
   line-height: 16px;
   color: var(--text-tertiary);
 }
-
-.stopped {
-  display: grid;
-  gap: 12px;
-  padding: 16px;
-  border-radius: var(--adm-card-radius);
-  border: 1px solid var(--adm-line);
-  background: var(--bg-base);
-}
-
-.stoppedLabel {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 16px;
-  color: var(--text-tertiary);
-}
-
-.steps {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 8px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.step {
-  display: grid;
-  gap: 8px;
-  font-size: 12px;
-  line-height: 16px;
-  color: var(--text-tertiary);
-}
-
-.stepDot {
-  width: 8px;
-  height: 8px;
-  border-radius: 999px;
-  box-shadow: inset 0 0 0 1px var(--border-subtle);
-}
-
-.step[data-state='done'] {
-  color: var(--text-secondary);
-}
-
-.step[data-state='done'] .stepDot {
-  background: var(--adm-ok);
-  box-shadow: none;
-}
-
-.step[data-state='current'] {
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.step[data-state='current'] .stepDot {
-  background: var(--adm-wait);
-  box-shadow: none;
-}
-
-.stoppedText {
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 20px;
-  color: var(--text-primary);
-}

package/dist/admin/accounts/account-row.js

@@ -11,7 +11,6 @@ import { EntityAvatar } from "../_fx";
 import { EMPTY } from "../_ui/list-card";
 import { StatusPill } from "../audit/status-pill";
 import { When } from "../audit/when";
-import { kycLabel, STAGE_LABELS, stageStatus } from "./account-stage";
 import { useAccountActions } from "./use-account-actions";
 import { useModuleOn } from "../_shell/modules-context";
 import list from "../_ui/list-card.module.css";
@@ -77,19 +76,11 @@ function AccountListRow({
     ] }) }),
     visible.has("provider") && /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: PROVIDER_LABELS[a.authProvider] ?? (a.authProvider || EMPTY) }),
     /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(StatusPill, { status: a.status }) }),
-    visible.has("kyc") && /* @__PURE__ */ jsx("td", { className: list.nowrap, children: kycLabel(a.kycStatus) ?? /* @__PURE__ */ jsx("span", { className: list.muted, children: EMPTY }) }),
-    visible.has("stage") && /* @__PURE__ */ jsx("td", { className: list.nowrap, children: a.stage ? /* @__PURE__ */ jsx(
-      StatusPill,
-      {
-        status: stageStatus(a.stage),
-        label: STAGE_LABELS[a.stage]
-      }
-    ) : /* @__PURE__ */ jsx("span", { className: list.muted, children: EMPTY }) }),
     visible.has("emailVerified") && /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(StatusPill, { status: a.emailVerified ? "verified" : "unverified" }) }),
     visible.has("workspaces") && /* @__PURE__ */ jsx("td", { className: list.num, children: a.workspaceCount ?? EMPTY }),
-    visible.has("lastLogin") && /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: day(a.lastLoginAt) ?? "Never" }),
+    visible.has("lastLogin") && /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: a.lastLoginAt ? /* @__PURE__ */ jsx(When, { iso: a.lastLoginAt, className: styles.when }) : "Never" }),
     visible.has("joined") && /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: day(a.createdAt) }),
-    visible.has("firstSale") && /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: day(a.firstSaleAt) ?? "None yet" }),
+    visible.has("mfa") && /* @__PURE__ */ jsx("td", { className: list.nowrap, children: a.mfaEnabled ? "Yes" : "No" }),
     visible.has("activeSessions") && /* @__PURE__ */ jsx("td", { className: list.num, children: a.activeSessions ?? EMPTY }),
     visible.has("lastSeen") && /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: a.lastSeenAt ? /* @__PURE__ */ jsx(When, { iso: a.lastSeenAt, className: styles.when }) : "Never" }),
     /* @__PURE__ */ jsx("td", { className: styles.menuCell, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(OverflowMenu, { label: `Actions for ${label}`, children: [

package/dist/admin/accounts/account-row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/accounts/account-row.tsx"],"sourcesContent":["'use client';\n\nimport {\n  OverflowItem,\n  OverflowMenu,\n  TableRow,\n  useConfirm,\n  useToast,\n} from '@withpotter/ui-kit';\nimport type { AccountRow as Account } from '@withpotter/lib/admin-api';\nimport { EntityAvatar } from '../_fx';\nimport { EMPTY } from '../_ui/list-card';\nimport { StatusPill } from '../audit/status-pill';\nimport { When } from '../audit/when';\nimport { kycLabel, STAGE_LABELS, stageStatus } from './account-stage';\nimport { useAccountActions } from './use-account-actions';\nimport { useModuleOn } from '../_shell/modules-context';\nimport list from '../_ui/list-card.module.css';\nimport styles from './rows.module.css';\n\nexport const PROVIDER_LABELS: Record<string, string> = {\n  local: 'Email',\n  google: 'Google',\n  github: 'GitHub',\n};\n\nconst day = (iso?: string | null) =>\n  iso ? new Date(iso).toLocaleDateString() : null;\n\n/** One account: who, how they sign in, status, activity and a ••• menu. */\nexport function AccountListRow({\n  a,\n  active,\n  onOpen,\n  visible,\n}: {\n  a: Account;\n  active: boolean;\n  onOpen: () => void;\n  /** Which optional columns are showing, in the order the header renders them. */\n  visible: Set<string>;\n}) {\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const { setStatus, verify, impersonate } = useAccountActions();\n  const ownerView = useModuleOn('ownerView');\n  const suspended = a.status === 'suspended';\n  const label = a.name ?? a.email;\n\n  const toggleStatus = async () => {\n    const ok = await confirm({\n      title: suspended ? `Restore ${label}?` : `Suspend ${label}?`,\n      description: suspended\n        ? 'They can sign in and use their workspaces again.'\n        : 'They are signed out everywhere and cannot sign in until restored.',\n      confirmLabel: suspended ? 'Restore' : 'Suspend',\n      tone: suspended ? 'default' : 'danger',\n    });\n    if (!ok) return;\n    setStatus.mutate(\n      { id: a.id, status: suspended ? 'active' : 'suspended' },\n      {\n        onSuccess: () =>\n          toast({ title: `${label} ${suspended ? 'restored' : 'suspended'}` }),\n        onError: (e) =>\n          toast({\n            title: 'The status was not changed',\n            description: e.message,\n            variant: 'destructive',\n          }),\n      },\n    );\n  };\n\n  return (\n    <TableRow active={active} onClick={onOpen}>\n      <td>\n        <span className={styles.identity}>\n          <EntityAvatar name={label} size={32} round />\n          <span className={styles.identityText}>\n            <button\n              type=\"button\"\n              className={styles.nameButton}\n              title={label}\n              aria-label={`Open ${label}`}\n              onClick={(e) => {\n                e.stopPropagation();\n                onOpen();\n              }}\n            >\n              {a.name ?? EMPTY}\n            </button>\n            <span className={styles.secondary} title={a.email}>\n              {a.email}\n            </span>\n          </span>\n        </span>\n      </td>\n      {visible.has('provider') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {PROVIDER_LABELS[a.authProvider] ?? (a.authProvider || EMPTY)}\n        </td>\n      )}\n      <td className={list.nowrap}>\n        <StatusPill status={a.status} />\n      </td>\n      {visible.has('kyc') && (\n        <td className={list.nowrap}>\n          {kycLabel(a.kycStatus) ?? <span className={list.muted}>{EMPTY}</span>}\n        </td>\n      )}\n      {visible.has('stage') && (\n        <td className={list.nowrap}>\n          {a.stage ? (\n            <StatusPill\n              status={stageStatus(a.stage)}\n              label={STAGE_LABELS[a.stage]}\n            />\n          ) : (\n            <span className={list.muted}>{EMPTY}</span>\n          )}\n        </td>\n      )}\n      {visible.has('emailVerified') && (\n        <td className={list.nowrap}>\n          <StatusPill status={a.emailVerified ? 'verified' : 'unverified'} />\n        </td>\n      )}\n      {visible.has('workspaces') && (\n        <td className={list.num}>{a.workspaceCount ?? EMPTY}</td>\n      )}\n      {visible.has('lastLogin') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {day(a.lastLoginAt) ?? 'Never'}\n        </td>\n      )}\n      {visible.has('joined') && (\n        <td className={`${list.nowrap} ${list.muted}`}>{day(a.createdAt)}</td>\n      )}\n      {visible.has('firstSale') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {day(a.firstSaleAt) ?? 'None yet'}\n        </td>\n      )}\n      {visible.has('activeSessions') && (\n        <td className={list.num}>{a.activeSessions ?? EMPTY}</td>\n      )}\n      {visible.has('lastSeen') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {a.lastSeenAt ? (\n            <When iso={a.lastSeenAt} className={styles.when} />\n          ) : (\n            'Never'\n          )}\n        </td>\n      )}\n      <td className={styles.menuCell} onClick={(e) => e.stopPropagation()}>\n        <OverflowMenu label={`Actions for ${label}`}>\n          <OverflowItem onClick={onOpen}>View account</OverflowItem>\n          {ownerView && (\n            <OverflowItem onClick={() => impersonate.mutate(a.id)}>\n              View as user\n            </OverflowItem>\n          )}\n          {!a.emailVerified && (\n            <OverflowItem\n              onClick={() =>\n                verify.mutate(a.id, {\n                  onSuccess: () => toast({ title: `${a.email} verified` }),\n                })\n              }\n            >\n              Verify email\n            </OverflowItem>\n          )}\n          <OverflowItem\n            onClick={() => void toggleStatus()}\n            destructive={!suspended}\n          >\n            {suspended ? 'Restore' : 'Suspend'}\n          </OverflowItem>\n        </OverflowMenu>\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/accounts/account-row.tsx"],"sourcesContent":["'use client';\n\nimport {\n  OverflowItem,\n  OverflowMenu,\n  TableRow,\n  useConfirm,\n  useToast,\n} from '@withpotter/ui-kit';\nimport type { AccountRow as Account } from '@withpotter/lib/admin-api';\nimport { EntityAvatar } from '../_fx';\nimport { EMPTY } from '../_ui/list-card';\nimport { StatusPill } from '../audit/status-pill';\nimport { When } from '../audit/when';\nimport { useAccountActions } from './use-account-actions';\nimport { useModuleOn } from '../_shell/modules-context';\nimport list from '../_ui/list-card.module.css';\nimport styles from './rows.module.css';\n\nexport const PROVIDER_LABELS: Record<string, string> = {\n  local: 'Email',\n  google: 'Google',\n  github: 'GitHub',\n};\n\nconst day = (iso?: string | null) =>\n  iso ? new Date(iso).toLocaleDateString() : null;\n\n/** One account: who, how they sign in, status, activity and a ••• menu. */\nexport function AccountListRow({\n  a,\n  active,\n  onOpen,\n  visible,\n}: {\n  a: Account;\n  active: boolean;\n  onOpen: () => void;\n  /** Which optional columns are showing, in the order the header renders them. */\n  visible: Set<string>;\n}) {\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const { setStatus, verify, impersonate } = useAccountActions();\n  const ownerView = useModuleOn('ownerView');\n  const suspended = a.status === 'suspended';\n  const label = a.name ?? a.email;\n\n  const toggleStatus = async () => {\n    const ok = await confirm({\n      title: suspended ? `Restore ${label}?` : `Suspend ${label}?`,\n      description: suspended\n        ? 'They can sign in and use their workspaces again.'\n        : 'They are signed out everywhere and cannot sign in until restored.',\n      confirmLabel: suspended ? 'Restore' : 'Suspend',\n      tone: suspended ? 'default' : 'danger',\n    });\n    if (!ok) return;\n    setStatus.mutate(\n      { id: a.id, status: suspended ? 'active' : 'suspended' },\n      {\n        onSuccess: () =>\n          toast({ title: `${label} ${suspended ? 'restored' : 'suspended'}` }),\n        onError: (e) =>\n          toast({\n            title: 'The status was not changed',\n            description: e.message,\n            variant: 'destructive',\n          }),\n      },\n    );\n  };\n\n  return (\n    <TableRow active={active} onClick={onOpen}>\n      <td>\n        <span className={styles.identity}>\n          <EntityAvatar name={label} size={32} round />\n          <span className={styles.identityText}>\n            <button\n              type=\"button\"\n              className={styles.nameButton}\n              title={label}\n              aria-label={`Open ${label}`}\n              onClick={(e) => {\n                e.stopPropagation();\n                onOpen();\n              }}\n            >\n              {a.name ?? EMPTY}\n            </button>\n            <span className={styles.secondary} title={a.email}>\n              {a.email}\n            </span>\n          </span>\n        </span>\n      </td>\n      {visible.has('provider') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {PROVIDER_LABELS[a.authProvider] ?? (a.authProvider || EMPTY)}\n        </td>\n      )}\n      <td className={list.nowrap}>\n        <StatusPill status={a.status} />\n      </td>\n      {visible.has('emailVerified') && (\n        <td className={list.nowrap}>\n          <StatusPill status={a.emailVerified ? 'verified' : 'unverified'} />\n        </td>\n      )}\n      {visible.has('workspaces') && (\n        <td className={list.num}>{a.workspaceCount ?? EMPTY}</td>\n      )}\n      {visible.has('lastLogin') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {a.lastLoginAt ? (\n            <When iso={a.lastLoginAt} className={styles.when} />\n          ) : (\n            'Never'\n          )}\n        </td>\n      )}\n      {visible.has('joined') && (\n        <td className={`${list.nowrap} ${list.muted}`}>{day(a.createdAt)}</td>\n      )}\n      {visible.has('mfa') && (\n        <td className={list.nowrap}>{a.mfaEnabled ? 'Yes' : 'No'}</td>\n      )}\n      {visible.has('activeSessions') && (\n        <td className={list.num}>{a.activeSessions ?? EMPTY}</td>\n      )}\n      {visible.has('lastSeen') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {a.lastSeenAt ? (\n            <When iso={a.lastSeenAt} className={styles.when} />\n          ) : (\n            'Never'\n          )}\n        </td>\n      )}\n      <td className={styles.menuCell} onClick={(e) => e.stopPropagation()}>\n        <OverflowMenu label={`Actions for ${label}`}>\n          <OverflowItem onClick={onOpen}>View account</OverflowItem>\n          {ownerView && (\n            <OverflowItem onClick={() => impersonate.mutate(a.id)}>\n              View as user\n            </OverflowItem>\n          )}\n          {!a.emailVerified && (\n            <OverflowItem\n              onClick={() =>\n                verify.mutate(a.id, {\n                  onSuccess: () => toast({ title: `${a.email} verified` }),\n                })\n              }\n            >\n              Verify email\n            </OverflowItem>\n          )}\n          <OverflowItem\n            onClick={() => void toggleStatus()}\n            destructive={!suspended}\n          >\n            {suspended ? 'Restore' : 'Suspend'}\n          </OverflowItem>\n        </OverflowMenu>\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/accounts/account-vitals.js

@@ -1,37 +1,35 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { relativeTime, seenWithin } from "./relative-time";
 import styles from "./account-panel.module.css";
-const SEEN_GAP_MS = 5 * 60 * 1e3;
 function AccountVitals({
   account,
   workspaces
 }) {
-  const online = Boolean(seenWithin(account.lastSeenAt, 15 * 60));
-  const laterSeen = account.lastSeenAt && (!account.lastLoginAt || new Date(account.lastSeenAt).getTime() - new Date(account.lastLoginAt).getTime() > SEEN_GAP_MS);
+  const online = seenWithin(account.lastSeenAt, 15 * 60);
   const tiles = [
+    {
+      label: "Last seen",
+      value: relativeTime(account.lastSeenAt ?? account.lastLoginAt),
+      hint: account.activeSessions !== void 0 ? `${account.activeSessions} signed-in device${account.activeSessions === 1 ? "" : "s"}` : void 0,
+      live: Boolean(online)
+    },
     {
       label: "Last login",
       value: relativeTime(account.lastLoginAt),
-      hint: account.lastLoginAt ? new Date(account.lastLoginAt).toLocaleDateString() : void 0,
-      live: online && !laterSeen
+      hint: account.lastLoginAt ? new Date(account.lastLoginAt).toLocaleDateString() : void 0
     },
-    ...laterSeen ? [
-      {
-        label: "Last seen",
-        value: relativeTime(account.lastSeenAt),
-        live: online
-      }
-    ] : [],
     {
       label: "Workspaces",
-      value: workspaces === void 0 ? "\u2026" : String(workspaces)
+      value: workspaces === void 0 ? "\u2026" : String(workspaces),
+      hint: "Active memberships"
     },
     {
       label: "Joined",
-      value: account.createdAt ? new Date(account.createdAt).toLocaleDateString() : "\u2014"
+      value: account.createdAt ? relativeTime(account.createdAt) : "\u2014",
+      hint: account.createdAt ? new Date(account.createdAt).toLocaleDateString() : void 0
     }
   ];
-  return /* @__PURE__ */ jsx("div", { className: styles.vitals, "data-count": tiles.length, children: tiles.map((tile) => /* @__PURE__ */ jsxs("div", { className: styles.vital, children: [
+  return /* @__PURE__ */ jsx("div", { className: styles.vitals, children: tiles.map((tile) => /* @__PURE__ */ jsxs("div", { className: styles.vital, children: [
     /* @__PURE__ */ jsxs("span", { className: styles.vitalLabel, children: [
       tile.live && /* @__PURE__ */ jsx("span", { className: styles.live, "aria-label": "Online" }),
       tile.label

package/dist/admin/accounts/account-vitals.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/accounts/account-vitals.tsx"],"sourcesContent":["import type { AccountRow } from '@withpotter/lib/admin-api';\nimport { relativeTime, seenWithin } from './relative-time';\nimport styles from './account-panel.module.css';\n\n/** Last seen only earns a tile when it is meaningfully after the last login. */\nconst SEEN_GAP_MS = 5 * 60 * 1000;\n\ntype Tile = { label: string; value: string; hint?: string; live?: boolean };\n\n/** Three numbers (a fourth when last seen differs) that say how deeply this person is here. */\nexport function AccountVitals({\n  account,\n  workspaces,\n}: {\n  account: Pick<AccountRow, 'id'> & Partial<AccountRow>;\n  workspaces: number | undefined;\n}) {\n  const online = Boolean(seenWithin(account.lastSeenAt, 15 * 60));\n  const laterSeen =\n    account.lastSeenAt &&\n    (!account.lastLoginAt ||\n      new Date(account.lastSeenAt).getTime() -\n        new Date(account.lastLoginAt).getTime() >\n        SEEN_GAP_MS);\n  const tiles: Tile[] = [\n    {\n      label: 'Last login',\n      value: relativeTime(account.lastLoginAt),\n      hint: account.lastLoginAt\n        ? new Date(account.lastLoginAt).toLocaleDateString()\n        : undefined,\n      live: online && !laterSeen,\n    },\n    ...(laterSeen\n      ? [\n          {\n            label: 'Last seen',\n            value: relativeTime(account.lastSeenAt),\n            live: online,\n          },\n        ]\n      : []),\n    {\n      label: 'Workspaces',\n      value: workspaces === undefined ? '…' : String(workspaces),\n    },\n    {\n      label: 'Joined',\n      value: account.createdAt\n        ? new Date(account.createdAt).toLocaleDateString()\n        : '—',\n    },\n  ];\n\n  return (\n    <div className={styles.vitals} data-count={tiles.length}>\n      {tiles.map((tile: Tile) => (\n        <div key={tile.label} className={styles.vital}>\n          <span className={styles.vitalLabel}>\n            {tile.live && <span className={styles.live} aria-label=\"Online\" />}\n            {tile.label}\n          </span>\n          <span className={styles.vitalValue}>{tile.value}</span>\n          {tile.hint && <span className={styles.vitalHint}>{tile.hint}</span>}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"AA0DU,SACgB,KADhB;AAzDV,SAAS,cAAc,kBAAkB;AACzC,OAAO,YAAY;AAGnB,MAAM,cAAc,IAAI,KAAK;AAKtB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,QAAQ,WAAW,QAAQ,YAAY,KAAK,EAAE,CAAC;AAC9D,QAAM,YACJ,QAAQ,eACP,CAAC,QAAQ,eACR,IAAI,KAAK,QAAQ,UAAU,EAAE,QAAQ,IACnC,IAAI,KAAK,QAAQ,WAAW,EAAE,QAAQ,IACtC;AACN,QAAM,QAAgB;AAAA,IACpB;AAAA,MACE,OAAO;AAAA,MACP,OAAO,aAAa,QAAQ,WAAW;AAAA,MACvC,MAAM,QAAQ,cACV,IAAI,KAAK,QAAQ,WAAW,EAAE,mBAAmB,IACjD;AAAA,MACJ,MAAM,UAAU,CAAC;AAAA,IACnB;AAAA,IACA,GAAI,YACA;AAAA,MACE;AAAA,QACE,OAAO;AAAA,QACP,OAAO,aAAa,QAAQ,UAAU;AAAA,QACtC,MAAM;AAAA,MACR;AAAA,IACF,IACA,CAAC;AAAA,IACL;AAAA,MACE,OAAO;AAAA,MACP,OAAO,eAAe,SAAY,WAAM,OAAO,UAAU;AAAA,IAC3D;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,QAAQ,YACX,IAAI,KAAK,QAAQ,SAAS,EAAE,mBAAmB,IAC/C;AAAA,IACN;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,WAAW,OAAO,QAAQ,cAAY,MAAM,QAC9C,gBAAM,IAAI,CAAC,SACV,qBAAC,SAAqB,WAAW,OAAO,OACtC;AAAA,yBAAC,UAAK,WAAW,OAAO,YACrB;AAAA,WAAK,QAAQ,oBAAC,UAAK,WAAW,OAAO,MAAM,cAAW,UAAS;AAAA,MAC/D,KAAK;AAAA,OACR;AAAA,IACA,oBAAC,UAAK,WAAW,OAAO,YAAa,eAAK,OAAM;AAAA,IAC/C,KAAK,QAAQ,oBAAC,UAAK,WAAW,OAAO,WAAY,eAAK,MAAK;AAAA,OANpD,KAAK,KAOf,CACD,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/accounts/account-vitals.tsx"],"sourcesContent":["import type { AccountRow } from '@withpotter/lib/admin-api';\nimport { relativeTime, seenWithin } from './relative-time';\nimport styles from './account-panel.module.css';\n\n/** Four numbers that say whether this person is here and how deeply. */\nexport function AccountVitals({\n  account,\n  workspaces,\n}: {\n  account: Pick<AccountRow, 'id'> & Partial<AccountRow>;\n  workspaces: number | undefined;\n}) {\n  const online = seenWithin(account.lastSeenAt, 15 * 60);\n  const tiles = [\n    {\n      label: 'Last seen',\n      value: relativeTime(account.lastSeenAt ?? account.lastLoginAt),\n      hint:\n        account.activeSessions !== undefined\n          ? `${account.activeSessions} signed-in device${account.activeSessions === 1 ? '' : 's'}`\n          : undefined,\n      live: Boolean(online),\n    },\n    {\n      label: 'Last login',\n      value: relativeTime(account.lastLoginAt),\n      hint: account.lastLoginAt\n        ? new Date(account.lastLoginAt).toLocaleDateString()\n        : undefined,\n    },\n    {\n      label: 'Workspaces',\n      value: workspaces === undefined ? '…' : String(workspaces),\n      hint: 'Active memberships',\n    },\n    {\n      label: 'Joined',\n      value: account.createdAt ? relativeTime(account.createdAt) : '—',\n      hint: account.createdAt\n        ? new Date(account.createdAt).toLocaleDateString()\n        : undefined,\n    },\n  ];\n\n  return (\n    <div className={styles.vitals}>\n      {tiles.map((tile) => (\n        <div key={tile.label} className={styles.vital}>\n          <span className={styles.vitalLabel}>\n            {tile.live && <span className={styles.live} aria-label=\"Online\" />}\n            {tile.label}\n          </span>\n          <span className={styles.vitalValue}>{tile.value}</span>\n          {tile.hint && <span className={styles.vitalHint}>{tile.hint}</span>}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"AAgDU,SACgB,KADhB;AA/CV,SAAS,cAAc,kBAAkB;AACzC,OAAO,YAAY;AAGZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,WAAW,QAAQ,YAAY,KAAK,EAAE;AACrD,QAAM,QAAQ;AAAA,IACZ;AAAA,MACE,OAAO;AAAA,MACP,OAAO,aAAa,QAAQ,cAAc,QAAQ,WAAW;AAAA,MAC7D,MACE,QAAQ,mBAAmB,SACvB,GAAG,QAAQ,cAAc,oBAAoB,QAAQ,mBAAmB,IAAI,KAAK,GAAG,KACpF;AAAA,MACN,MAAM,QAAQ,MAAM;AAAA,IACtB;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,aAAa,QAAQ,WAAW;AAAA,MACvC,MAAM,QAAQ,cACV,IAAI,KAAK,QAAQ,WAAW,EAAE,mBAAmB,IACjD;AAAA,IACN;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,eAAe,SAAY,WAAM,OAAO,UAAU;AAAA,MACzD,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,QAAQ,YAAY,aAAa,QAAQ,SAAS,IAAI;AAAA,MAC7D,MAAM,QAAQ,YACV,IAAI,KAAK,QAAQ,SAAS,EAAE,mBAAmB,IAC/C;AAAA,IACN;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,WAAW,OAAO,QACpB,gBAAM,IAAI,CAAC,SACV,qBAAC,SAAqB,WAAW,OAAO,OACtC;AAAA,yBAAC,UAAK,WAAW,OAAO,YACrB;AAAA,WAAK,QAAQ,oBAAC,UAAK,WAAW,OAAO,MAAM,cAAW,UAAS;AAAA,MAC/D,KAAK;AAAA,OACR;AAAA,IACA,oBAAC,UAAK,WAAW,OAAO,YAAa,eAAK,OAAM;AAAA,IAC/C,KAAK,QAAQ,oBAAC,UAAK,WAAW,OAAO,WAAY,eAAK,MAAK;AAAA,OANpD,KAAK,KAOf,CACD,GACH;AAEJ;","names":[]}