@withpotter/pages-admin 0.13.0-next.74 → 0.13.0-next.77

package/dist/admin/_shell/nav-fold.js

@@ -5,7 +5,7 @@ const FOLDABLE_GROUPS = /* @__PURE__ */ new Set([
   "Platform"
 ]);
 const foldsGroup = (label, rows, collapsed) => label !== null && FOLDABLE_GROUPS.has(label) && rows > 1 && !collapsed;
-const isGroupOpen = (choice, label, containsActive) => choice === void 0 ? containsActive : choice === label;
+const isGroupOpen = (choices, label, containsActive) => choices[label] ?? containsActive;
 export {
   FOLDABLE_GROUPS,
   foldsGroup,

package/dist/admin/_shell/nav-fold.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/_shell/nav-fold.ts"],"sourcesContent":["/**\n * Which sidebar groups fold, and which one is open. Pure, so it is tested\n * without a browser. The merchant rail's hubs follow the same rules.\n */\n\n/** The group the admin opened: one, none, or no choice yet (`undefined`). */\nexport type GroupChoice = string | null | undefined;\n\n/** The groups that fold; every other group keeps its plain heading. */\nexport const FOLDABLE_GROUPS: ReadonlySet<string> = new Set([\n  'Workspaces',\n  'Operations',\n  'Inbox',\n  'Platform',\n]);\n\n/**\n * A group folds only when it is one of those, has more than one row to hide,\n * and the rail is wide: the icon-only rail has no headings to press.\n */\nexport const foldsGroup = (\n  label: string | null,\n  rows: number,\n  collapsed: boolean,\n): label is string =>\n  label !== null && FOLDABLE_GROUPS.has(label) && rows > 1 && !collapsed;\n\n/**\n * With no choice yet the group that owns the current page is open, so the page\n * you are on always has a lit row. Once a group is chosen it is the only one\n * open: opening a second closes the first, and choosing none closes them all.\n */\nexport const isGroupOpen = (\n  choice: GroupChoice,\n  label: string,\n  containsActive: boolean,\n) => (choice === undefined ? containsActive : choice === label);\n"],"mappings":"AASO,MAAM,kBAAuC,oBAAI,IAAI;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAMM,MAAM,aAAa,CACxB,OACA,MACA,cAEA,UAAU,QAAQ,gBAAgB,IAAI,KAAK,KAAK,OAAO,KAAK,CAAC;AAOxD,MAAM,cAAc,CACzB,QACA,OACA,mBACI,WAAW,SAAY,iBAAiB,WAAW;","names":[]}
+{"version":3,"sources":["../../../src/admin/_shell/nav-fold.ts"],"sourcesContent":["/**\n * Which sidebar groups fold, and which one is open. Pure, so it is tested\n * without a browser. The merchant rail's hubs follow the same rules.\n */\n\n/**\n * The groups the admin opened or closed by hand, by label. A group not listed\n * has no choice yet, and each group is chosen on its own.\n */\nexport type GroupChoices = Record<string, boolean>;\n\n/** The groups that fold; every other group keeps its plain heading. */\nexport const FOLDABLE_GROUPS: ReadonlySet<string> = new Set([\n  'Workspaces',\n  'Operations',\n  'Inbox',\n  'Platform',\n]);\n\n/**\n * A group folds only when it is one of those, has more than one row to hide,\n * and the rail is wide: the icon-only rail has no headings to press.\n */\nexport const foldsGroup = (\n  label: string | null,\n  rows: number,\n  collapsed: boolean,\n): label is string =>\n  label !== null && FOLDABLE_GROUPS.has(label) && rows > 1 && !collapsed;\n\n/**\n * A group the admin chose is as they left it, whatever the others are doing.\n * With no choice yet it is open when it owns the current page, so the page\n * you are on always has a lit row.\n */\nexport const isGroupOpen = (\n  choices: GroupChoices,\n  label: string,\n  containsActive: boolean,\n) => choices[label] ?? containsActive;\n"],"mappings":"AAYO,MAAM,kBAAuC,oBAAI,IAAI;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAMM,MAAM,aAAa,CACxB,OACA,MACA,cAEA,UAAU,QAAQ,gBAAgB,IAAI,KAAK,KAAK,OAAO,KAAK,CAAC;AAOxD,MAAM,cAAc,CACzB,SACA,OACA,mBACG,QAAQ,KAAK,KAAK;","names":[]}

package/dist/admin/_shell/nav-group.js

@@ -12,7 +12,7 @@ function NavGroupView({
   pathname,
   collapsed,
   canSupport,
-  choice,
+  choices,
   onToggle
 }) {
   const reduced = useReducedMotion();
@@ -33,7 +33,7 @@ function NavGroupView({
       label && /* @__PURE__ */ jsx("div", { className: styles.groupLabel, children: label }),
       rows
     ] });
-  const open = isGroupOpen(choice, label, containsActive);
+  const open = isGroupOpen(choices, label, containsActive);
   return /* @__PURE__ */ jsxs("div", { className: styles.group, children: [
     /* @__PURE__ */ jsxs(
       "button",

package/dist/admin/_shell/nav-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/_shell/nav-group.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { eases } from '@withpotter/lib/motion';\nimport type { NavGroup } from './nav-config';\nimport { isActive } from './nav-filter';\nimport { foldsGroup, isGroupOpen, type GroupChoice } from './nav-fold';\nimport { NavRow } from './nav-row';\nimport styles from './sidebar.module.css';\n\n/**\n * One sidebar group. With a heading and more than one row, the heading is a\n * button that opens and closes the rows, and only one group is open at a time.\n * The group holding the current page is open until another is chosen, and the\n * icon-only rail shows every row.\n */\nexport function NavGroupView({\n  group,\n  pathname,\n  collapsed,\n  canSupport,\n  choice,\n  onToggle,\n}: {\n  group: NavGroup;\n  pathname: string;\n  collapsed: boolean;\n  canSupport: boolean;\n  choice: GroupChoice;\n  onToggle: (label: string, next: boolean) => void;\n}) {\n  const reduced = useReducedMotion();\n  const { label, items } = group;\n  const containsActive = items.some((item) => isActive(item, pathname));\n\n  const rows = items.map((item) => (\n    <NavRow\n      key={item.href}\n      item={item}\n      active={isActive(item, pathname)}\n      collapsed={collapsed}\n      canSupport={canSupport}\n    />\n  ));\n\n  if (!foldsGroup(label, items.length, collapsed))\n    return (\n      <div className={styles.group}>\n        {label && <div className={styles.groupLabel}>{label}</div>}\n        {rows}\n      </div>\n    );\n\n  const open = isGroupOpen(choice, label, containsActive);\n\n  return (\n    <div className={styles.group}>\n      <button\n        type=\"button\"\n        className={`${styles.groupLabel} ${styles.groupToggle}`}\n        aria-expanded={open}\n        onClick={() => onToggle(label, !open)}\n      >\n        <span>{label}</span>\n        <ChevronDown size={14} className={styles.groupChevron} aria-hidden />\n      </button>\n      {/* The rows grow and collapse rather than blink, as the merchant rail's\n          hubs do: height so the groups below move with them, opacity finishing\n          early on the way in. Clipped, or the rows spill past the closing box. */}\n      <AnimatePresence initial={false}>\n        {open && (\n          <motion.div\n            className={styles.groupRows}\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={\n              reduced\n                ? { duration: 0 }\n                : {\n                    height: { duration: 0.24, ease: eases.settle },\n                    opacity: { duration: 0.16, ease: eases.out },\n                  }\n            }\n            style={{ overflow: 'hidden' }}\n          >\n            {rows}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n"],"mappings":";AAqCI,cAWE,YAXF;AAnCJ,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB,QAAQ,wBAAwB;AAC1D,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,YAAY,mBAAqC;AAC1D,SAAS,cAAc;AACvB,OAAO,YAAY;AAQZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,UAAU,iBAAiB;AACjC,QAAM,EAAE,OAAO,MAAM,IAAI;AACzB,QAAM,iBAAiB,MAAM,KAAK,CAAC,SAAS,SAAS,MAAM,QAAQ,CAAC;AAEpE,QAAM,OAAO,MAAM,IAAI,CAAC,SACtB;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA,QAAQ,SAAS,MAAM,QAAQ;AAAA,MAC/B;AAAA,MACA;AAAA;AAAA,IAJK,KAAK;AAAA,EAKZ,CACD;AAED,MAAI,CAAC,WAAW,OAAO,MAAM,QAAQ,SAAS;AAC5C,WACE,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,eAAS,oBAAC,SAAI,WAAW,OAAO,YAAa,iBAAM;AAAA,MACnD;AAAA,OACH;AAGJ,QAAM,OAAO,YAAY,QAAQ,OAAO,cAAc;AAEtD,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,GAAG,OAAO,UAAU,IAAI,OAAO,WAAW;AAAA,QACrD,iBAAe;AAAA,QACf,SAAS,MAAM,SAAS,OAAO,CAAC,IAAI;AAAA,QAEpC;AAAA,8BAAC,UAAM,iBAAM;AAAA,UACb,oBAAC,eAAY,MAAM,IAAI,WAAW,OAAO,cAAc,eAAW,MAAC;AAAA;AAAA;AAAA,IACrE;AAAA,IAIA,oBAAC,mBAAgB,SAAS,OACvB,kBACC;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE;AAAA,QACjC,SAAS,EAAE,QAAQ,QAAQ,SAAS,EAAE;AAAA,QACtC,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAE;AAAA,QAC9B,YACE,UACI,EAAE,UAAU,EAAE,IACd;AAAA,UACE,QAAQ,EAAE,UAAU,MAAM,MAAM,MAAM,OAAO;AAAA,UAC7C,SAAS,EAAE,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA,QAC7C;AAAA,QAEN,OAAO,EAAE,UAAU,SAAS;AAAA,QAE3B;AAAA;AAAA,IACH,GAEJ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/_shell/nav-group.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { eases } from '@withpotter/lib/motion';\nimport type { NavGroup } from './nav-config';\nimport { isActive } from './nav-filter';\nimport { foldsGroup, isGroupOpen, type GroupChoices } from './nav-fold';\nimport { NavRow } from './nav-row';\nimport styles from './sidebar.module.css';\n\n/**\n * One sidebar group. With a heading and more than one row, the heading is a\n * button that opens and closes the rows, on its own: no other group moves.\n * The group holding the current page starts open, and the icon-only rail shows\n * every row.\n */\nexport function NavGroupView({\n  group,\n  pathname,\n  collapsed,\n  canSupport,\n  choices,\n  onToggle,\n}: {\n  group: NavGroup;\n  pathname: string;\n  collapsed: boolean;\n  canSupport: boolean;\n  choices: GroupChoices;\n  onToggle: (label: string, next: boolean) => void;\n}) {\n  const reduced = useReducedMotion();\n  const { label, items } = group;\n  const containsActive = items.some((item) => isActive(item, pathname));\n\n  const rows = items.map((item) => (\n    <NavRow\n      key={item.href}\n      item={item}\n      active={isActive(item, pathname)}\n      collapsed={collapsed}\n      canSupport={canSupport}\n    />\n  ));\n\n  if (!foldsGroup(label, items.length, collapsed))\n    return (\n      <div className={styles.group}>\n        {label && <div className={styles.groupLabel}>{label}</div>}\n        {rows}\n      </div>\n    );\n\n  const open = isGroupOpen(choices, label, containsActive);\n\n  return (\n    <div className={styles.group}>\n      <button\n        type=\"button\"\n        className={`${styles.groupLabel} ${styles.groupToggle}`}\n        aria-expanded={open}\n        onClick={() => onToggle(label, !open)}\n      >\n        <span>{label}</span>\n        <ChevronDown size={14} className={styles.groupChevron} aria-hidden />\n      </button>\n      {/* The rows grow and collapse rather than blink, as the merchant rail's\n          hubs do: height so the groups below move with them, opacity finishing\n          early on the way in. Clipped, or the rows spill past the closing box. */}\n      <AnimatePresence initial={false}>\n        {open && (\n          <motion.div\n            className={styles.groupRows}\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={\n              reduced\n                ? { duration: 0 }\n                : {\n                    height: { duration: 0.24, ease: eases.settle },\n                    opacity: { duration: 0.16, ease: eases.out },\n                  }\n            }\n            style={{ overflow: 'hidden' }}\n          >\n            {rows}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n"],"mappings":";AAqCI,cAWE,YAXF;AAnCJ,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB,QAAQ,wBAAwB;AAC1D,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,YAAY,mBAAsC;AAC3D,SAAS,cAAc;AACvB,OAAO,YAAY;AAQZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,UAAU,iBAAiB;AACjC,QAAM,EAAE,OAAO,MAAM,IAAI;AACzB,QAAM,iBAAiB,MAAM,KAAK,CAAC,SAAS,SAAS,MAAM,QAAQ,CAAC;AAEpE,QAAM,OAAO,MAAM,IAAI,CAAC,SACtB;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA,QAAQ,SAAS,MAAM,QAAQ;AAAA,MAC/B;AAAA,MACA;AAAA;AAAA,IAJK,KAAK;AAAA,EAKZ,CACD;AAED,MAAI,CAAC,WAAW,OAAO,MAAM,QAAQ,SAAS;AAC5C,WACE,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,eAAS,oBAAC,SAAI,WAAW,OAAO,YAAa,iBAAM;AAAA,MACnD;AAAA,OACH;AAGJ,QAAM,OAAO,YAAY,SAAS,OAAO,cAAc;AAEvD,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,GAAG,OAAO,UAAU,IAAI,OAAO,WAAW;AAAA,QACrD,iBAAe;AAAA,QACf,SAAS,MAAM,SAAS,OAAO,CAAC,IAAI;AAAA,QAEpC;AAAA,8BAAC,UAAM,iBAAM;AAAA,UACb,oBAAC,eAAY,MAAM,IAAI,WAAW,OAAO,cAAc,eAAW,MAAC;AAAA;AAAA;AAAA,IACrE;AAAA,IAIA,oBAAC,mBAAgB,SAAS,OACvB,kBACC;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE;AAAA,QACjC,SAAS,EAAE,QAAQ,QAAQ,SAAS,EAAE;AAAA,QACtC,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAE;AAAA,QAC9B,YACE,UACI,EAAE,UAAU,EAAE,IACd;AAAA,UACE,QAAQ,EAAE,UAAU,MAAM,MAAM,MAAM,OAAO;AAAA,UAC7C,SAAS,EAAE,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA,QAC7C;AAAA,QAEN,OAAO,EAAE,UAAU,SAAS;AAAA,QAE3B;AAAA;AAAA,IACH,GAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_shell/sidebar.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isActive } from "./nav-filter";
 import { NavGroupView } from "./nav-group";
-import { useOpenGroup } from "./use-open-group";
+import { useOpenGroups } from "./use-open-groups";
 import { SidebarFooter } from "./sidebar-footer";
 import { useFluidHover } from "./use-fluid-hover";
 import { UserMenu } from "./user-menu";
@@ -18,12 +18,15 @@ function Sidebar({
   onSearch
 }) {
   const hover = useFluidHover();
-  const { choice, setGroupOpen } = useOpenGroup(pathname);
   const settings = groups.flatMap((group) => group.items).find((item) => item.href === FOOT_HREF);
   const navGroups = groups.map((group) => ({
     ...group,
     items: group.items.filter((item) => item.href !== FOOT_HREF)
   })).filter((group) => group.items.length);
+  const activeGroup = navGroups.find(
+    (group) => group.items.some((item) => isActive(item, pathname))
+  )?.label ?? null;
+  const { choices, setGroupOpen } = useOpenGroups(pathname, activeGroup);
   return /* @__PURE__ */ jsxs("aside", { className: styles.sidebar, "data-collapsed": collapsed, children: [
     /* @__PURE__ */ jsx(UserMenu, { email, role, collapsed }),
     /* @__PURE__ */ jsxs(
@@ -53,7 +56,7 @@ function Sidebar({
               pathname,
               collapsed,
               canSupport,
-              choice,
+              choices,
               onToggle: setGroupOpen
             },
             group.label ?? index

package/dist/admin/_shell/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/_shell/sidebar.tsx"],"sourcesContent":["'use client';\n\nimport type { NavGroup } from './nav-config';\nimport { isActive } from './nav-filter';\nimport { NavGroupView } from './nav-group';\nimport { useOpenGroup } from './use-open-group';\nimport { SidebarFooter } from './sidebar-footer';\nimport { useFluidHover } from './use-fluid-hover';\nimport { UserMenu } from './user-menu';\nimport styles from './sidebar.module.css';\n\n/** Settings lives in the pinned foot, beside the theme switch. */\nconst FOOT_HREF = '/admin/settings';\n\nexport function Sidebar({\n  groups,\n  pathname,\n  canSupport,\n  collapsed,\n  email,\n  role,\n  onSearch,\n}: {\n  groups: NavGroup[];\n  pathname: string;\n  canSupport: boolean;\n  collapsed: boolean;\n  email: string;\n  role: string;\n  onSearch: () => void;\n}) {\n  const hover = useFluidHover();\n  const { choice, setGroupOpen } = useOpenGroup(pathname);\n  const settings = groups\n    .flatMap((group) => group.items)\n    .find((item) => item.href === FOOT_HREF);\n  const navGroups = groups\n    .map((group) => ({\n      ...group,\n      items: group.items.filter((item) => item.href !== FOOT_HREF),\n    }))\n    .filter((group) => group.items.length);\n\n  return (\n    <aside className={styles.sidebar} data-collapsed={collapsed}>\n      <UserMenu email={email} role={role} collapsed={collapsed} />\n\n      <nav\n        className={styles.nav}\n        aria-label=\"Admin\"\n        onPointerMove={hover.onPointerMove}\n        onPointerLeave={hover.onPointerLeave}\n      >\n        <span\n          aria-hidden\n          className={styles.glide}\n          data-visible={Boolean(hover.rect)}\n          style={\n            hover.rect\n              ? {\n                  transform: `translateY(${hover.rect.top}px)`,\n                  height: hover.rect.height,\n                }\n              : undefined\n          }\n        />\n        {navGroups.map((group, index) => (\n          <NavGroupView\n            key={group.label ?? index}\n            group={group}\n            pathname={pathname}\n            collapsed={collapsed}\n            canSupport={canSupport}\n            choice={choice}\n            onToggle={setGroupOpen}\n          />\n        ))}\n      </nav>\n\n      <SidebarFooter\n        collapsed={collapsed}\n        showSettings={Boolean(settings)}\n        settingsActive={settings ? isActive(settings, pathname) : false}\n        onSearch={onSearch}\n      />\n    </aside>\n  );\n}\n"],"mappings":";AA6CM,cAEA,YAFA;AA1CN,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,OAAO,YAAY;AAGnB,MAAM,YAAY;AAEX,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,QAAQ,cAAc;AAC5B,QAAM,EAAE,QAAQ,aAAa,IAAI,aAAa,QAAQ;AACtD,QAAM,WAAW,OACd,QAAQ,CAAC,UAAU,MAAM,KAAK,EAC9B,KAAK,CAAC,SAAS,KAAK,SAAS,SAAS;AACzC,QAAM,YAAY,OACf,IAAI,CAAC,WAAW;AAAA,IACf,GAAG;AAAA,IACH,OAAO,MAAM,MAAM,OAAO,CAAC,SAAS,KAAK,SAAS,SAAS;AAAA,EAC7D,EAAE,EACD,OAAO,CAAC,UAAU,MAAM,MAAM,MAAM;AAEvC,SACE,qBAAC,WAAM,WAAW,OAAO,SAAS,kBAAgB,WAChD;AAAA,wBAAC,YAAS,OAAc,MAAY,WAAsB;AAAA,IAE1D;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,cAAW;AAAA,QACX,eAAe,MAAM;AAAA,QACrB,gBAAgB,MAAM;AAAA,QAEtB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAW,OAAO;AAAA,cAClB,gBAAc,QAAQ,MAAM,IAAI;AAAA,cAChC,OACE,MAAM,OACF;AAAA,gBACE,WAAW,cAAc,MAAM,KAAK,GAAG;AAAA,gBACvC,QAAQ,MAAM,KAAK;AAAA,cACrB,IACA;AAAA;AAAA,UAER;AAAA,UACC,UAAU,IAAI,CAAC,OAAO,UACrB;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,UAAU;AAAA;AAAA,YANL,MAAM,SAAS;AAAA,UAOtB,CACD;AAAA;AAAA;AAAA,IACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc,QAAQ,QAAQ;AAAA,QAC9B,gBAAgB,WAAW,SAAS,UAAU,QAAQ,IAAI;AAAA,QAC1D;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/_shell/sidebar.tsx"],"sourcesContent":["'use client';\n\nimport type { NavGroup } from './nav-config';\nimport { isActive } from './nav-filter';\nimport { NavGroupView } from './nav-group';\nimport { useOpenGroups } from './use-open-groups';\nimport { SidebarFooter } from './sidebar-footer';\nimport { useFluidHover } from './use-fluid-hover';\nimport { UserMenu } from './user-menu';\nimport styles from './sidebar.module.css';\n\n/** Settings lives in the pinned foot, beside the theme switch. */\nconst FOOT_HREF = '/admin/settings';\n\nexport function Sidebar({\n  groups,\n  pathname,\n  canSupport,\n  collapsed,\n  email,\n  role,\n  onSearch,\n}: {\n  groups: NavGroup[];\n  pathname: string;\n  canSupport: boolean;\n  collapsed: boolean;\n  email: string;\n  role: string;\n  onSearch: () => void;\n}) {\n  const hover = useFluidHover();\n  const settings = groups\n    .flatMap((group) => group.items)\n    .find((item) => item.href === FOOT_HREF);\n  const navGroups = groups\n    .map((group) => ({\n      ...group,\n      items: group.items.filter((item) => item.href !== FOOT_HREF),\n    }))\n    .filter((group) => group.items.length);\n  const activeGroup =\n    navGroups.find((group) =>\n      group.items.some((item) => isActive(item, pathname)),\n    )?.label ?? null;\n  const { choices, setGroupOpen } = useOpenGroups(pathname, activeGroup);\n\n  return (\n    <aside className={styles.sidebar} data-collapsed={collapsed}>\n      <UserMenu email={email} role={role} collapsed={collapsed} />\n\n      <nav\n        className={styles.nav}\n        aria-label=\"Admin\"\n        onPointerMove={hover.onPointerMove}\n        onPointerLeave={hover.onPointerLeave}\n      >\n        <span\n          aria-hidden\n          className={styles.glide}\n          data-visible={Boolean(hover.rect)}\n          style={\n            hover.rect\n              ? {\n                  transform: `translateY(${hover.rect.top}px)`,\n                  height: hover.rect.height,\n                }\n              : undefined\n          }\n        />\n        {navGroups.map((group, index) => (\n          <NavGroupView\n            key={group.label ?? index}\n            group={group}\n            pathname={pathname}\n            collapsed={collapsed}\n            canSupport={canSupport}\n            choices={choices}\n            onToggle={setGroupOpen}\n          />\n        ))}\n      </nav>\n\n      <SidebarFooter\n        collapsed={collapsed}\n        showSettings={Boolean(settings)}\n        settingsActive={settings ? isActive(settings, pathname) : false}\n        onSearch={onSearch}\n      />\n    </aside>\n  );\n}\n"],"mappings":";AAiDM,cAEA,YAFA;AA9CN,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,OAAO,YAAY;AAGnB,MAAM,YAAY;AAEX,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,QAAQ,cAAc;AAC5B,QAAM,WAAW,OACd,QAAQ,CAAC,UAAU,MAAM,KAAK,EAC9B,KAAK,CAAC,SAAS,KAAK,SAAS,SAAS;AACzC,QAAM,YAAY,OACf,IAAI,CAAC,WAAW;AAAA,IACf,GAAG;AAAA,IACH,OAAO,MAAM,MAAM,OAAO,CAAC,SAAS,KAAK,SAAS,SAAS;AAAA,EAC7D,EAAE,EACD,OAAO,CAAC,UAAU,MAAM,MAAM,MAAM;AACvC,QAAM,cACJ,UAAU;AAAA,IAAK,CAAC,UACd,MAAM,MAAM,KAAK,CAAC,SAAS,SAAS,MAAM,QAAQ,CAAC;AAAA,EACrD,GAAG,SAAS;AACd,QAAM,EAAE,SAAS,aAAa,IAAI,cAAc,UAAU,WAAW;AAErE,SACE,qBAAC,WAAM,WAAW,OAAO,SAAS,kBAAgB,WAChD;AAAA,wBAAC,YAAS,OAAc,MAAY,WAAsB;AAAA,IAE1D;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,cAAW;AAAA,QACX,eAAe,MAAM;AAAA,QACrB,gBAAgB,MAAM;AAAA,QAEtB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAW,OAAO;AAAA,cAClB,gBAAc,QAAQ,MAAM,IAAI;AAAA,cAChC,OACE,MAAM,OACF;AAAA,gBACE,WAAW,cAAc,MAAM,KAAK,GAAG;AAAA,gBACvC,QAAQ,MAAM,KAAK;AAAA,cACrB,IACA;AAAA;AAAA,UAER;AAAA,UACC,UAAU,IAAI,CAAC,OAAO,UACrB;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,UAAU;AAAA;AAAA,YANL,MAAM,SAAS;AAAA,UAOtB,CACD;AAAA;AAAA;AAAA,IACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc,QAAQ,QAAQ;AAAA,QAC9B,gBAAgB,WAAW,SAAS,UAAU,QAAQ,IAAI;AAAA,QAC1D;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_shell/use-open-groups.js

@@ -0,0 +1,20 @@
+"use client";
+import { useState } from "react";
+function useOpenGroups(pathname, activeGroup) {
+  const [choices, setChoices] = useState({});
+  const setGroupOpen = (label, next) => setChoices((current) => ({ ...current, [label]: next }));
+  const [choiceRoute, setChoiceRoute] = useState(pathname);
+  if (choiceRoute !== pathname) {
+    setChoiceRoute(pathname);
+    if (activeGroup && activeGroup in choices) {
+      const next = { ...choices };
+      delete next[activeGroup];
+      setChoices(next);
+    }
+  }
+  return { choices, setGroupOpen };
+}
+export {
+  useOpenGroups
+};
+//# sourceMappingURL=use-open-groups.js.map

package/dist/admin/_shell/use-open-groups.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_shell/use-open-groups.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport type { GroupChoices } from './nav-fold';\n\n/**\n * Which sidebar groups the admin has opened or closed by hand, each on its\n * own: pressing one never moves another. `activeGroup` is the group holding the\n * current page, or null.\n */\nexport function useOpenGroups(pathname: string, activeGroup: string | null) {\n  const [choices, setChoices] = useState<GroupChoices>({});\n  const setGroupOpen = (label: string, next: boolean) =>\n    setChoices((current) => ({ ...current, [label]: next }));\n  // Arriving on a page retires the choice for its own group only, or a group\n  // closed by hand would hide the row you just landed on. The other groups\n  // stay as they were. Adjusted during render, not in an effect, so no stale\n  // frame paints first.\n  const [choiceRoute, setChoiceRoute] = useState(pathname);\n\n  if (choiceRoute !== pathname) {\n    setChoiceRoute(pathname);\n\n    if (activeGroup && activeGroup in choices) {\n      const next = { ...choices };\n\n      delete next[activeGroup];\n      setChoices(next);\n    }\n  }\n\n  return { choices, setGroupOpen };\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AAQlB,SAAS,cAAc,UAAkB,aAA4B;AAC1E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAuB,CAAC,CAAC;AACvD,QAAM,eAAe,CAAC,OAAe,SACnC,WAAW,CAAC,aAAa,EAAE,GAAG,SAAS,CAAC,KAAK,GAAG,KAAK,EAAE;AAKzD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,QAAQ;AAEvD,MAAI,gBAAgB,UAAU;AAC5B,mBAAe,QAAQ;AAEvB,QAAI,eAAe,eAAe,SAAS;AACzC,YAAM,OAAO,EAAE,GAAG,QAAQ;AAE1B,aAAO,KAAK,WAAW;AACvB,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,SAAO,EAAE,SAAS,aAAa;AACjC;","names":[]}

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

@@ -7,6 +7,9 @@ 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, STAGE_LABELS, 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";
@@ -56,11 +59,11 @@ function AccountPanel({
             label: account.emailVerified ? "Email verified" : "Email unverified"
           }
         ),
-        account.mfaEnabled !== void 0 && /* @__PURE__ */ jsx(
+        account.stage && /* @__PURE__ */ jsx(
           StatusPill,
           {
-            status: account.mfaEnabled ? "active" : "deleted",
-            label: account.mfaEnabled ? "2FA on" : "2FA off"
+            status: account.stage === "active" ? "active" : "pending",
+            label: STAGE_LABELS[account.stage]
           }
         ),
         account.authProvider && /* @__PURE__ */ jsx("span", { className: styles.muted, children: account.authProvider })
@@ -106,6 +109,13 @@ function AccountPanel({
           (action, i) => action.isError && /* @__PURE__ */ jsx(Banner, { tone: "error", title: "That didn\u2019t work", children: action.error.message }, i)
         ),
         /* @__PURE__ */ jsx(AccountVitals, { account, workspaces: liveWorkspaces }),
+        account.stage && /* @__PURE__ */ jsxs("p", { className: styles.stopped, children: [
+          /* @__PURE__ */ jsxs("span", { className: styles.stoppedLabel, children: [
+            "Where this account stopped",
+            /* @__PURE__ */ jsx(Hint, { label: ACTIVE_HINT })
+          ] }),
+          /* @__PURE__ */ jsx("span", { children: stoppedAt(account) ?? "Active" })
+        ] }),
         /* @__PURE__ */ jsx(
           Section,
           {
@@ -123,7 +133,8 @@ function AccountPanel({
           }
         ),
         /* @__PURE__ */ jsx(Section, { title: "Workspaces", index: 1, count: liveWorkspaces, children: /* @__PURE__ */ jsx(Workspaces, { accountId: account.id }) }),
-        /* @__PURE__ */ jsx(Section, { title: "Account ID", index: 2, children: /* @__PURE__ */ jsx(CopyText, { value: account.id }) })
+        /* @__PURE__ */ jsx(Section, { title: "Sessions", index: 2, children: /* @__PURE__ */ jsx(AccountSessions, { accountId: account.id }) }),
+        /* @__PURE__ */ jsx(Section, { title: "Account ID", index: 3, 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 { 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":[]}
+{"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 { ACTIVE_HINT, STAGE_LABELS, stoppedAt } 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  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.stage && (\n              <StatusPill\n                status={account.stage === 'active' ? 'active' : 'pending'}\n                label={STAGE_LABELS[account.stage]}\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          {account.stage && (\n            <p className={styles.stopped}>\n              <span className={styles.stoppedLabel}>\n                Where this account stopped\n                <Hint label={ACTIVE_HINT} />\n              </span>\n              <span>{stoppedAt(account) ?? 'Active'}</span>\n            </p>\n          )}\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=\"Sessions\" index={2}>\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":"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","names":[]}

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

@@ -138,3 +138,24 @@
   line-height: 16px;
   color: var(--text-tertiary);
 }
+
+.stopped {
+  display: grid;
+  gap: 4px;
+  margin: 0;
+  padding: 12px 16px;
+  border-radius: var(--adm-card-radius);
+  border: 1px solid var(--adm-line);
+  background: var(--bg-base);
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  color: var(--text-primary);
+}
+
+.stoppedLabel {
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+  color: var(--text-tertiary);
+}

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

@@ -11,6 +11,7 @@ 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 } from "./account-stage";
 import { useAccountActions } from "./use-account-actions";
 import { useModuleOn } from "../_shell/modules-context";
 import list from "../_ui/list-card.module.css";
@@ -76,11 +77,19 @@ 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: a.stage === "active" ? "active" : "pending",
+        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: a.lastLoginAt ? /* @__PURE__ */ jsx(When, { iso: a.lastLoginAt, className: styles.when }) : "Never" }),
+    visible.has("lastLogin") && /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: day(a.lastLoginAt) ?? "Never" }),
     visible.has("joined") && /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: day(a.createdAt) }),
-    visible.has("mfa") && /* @__PURE__ */ jsx("td", { className: list.nowrap, children: a.mfaEnabled ? "Yes" : "No" }),
+    visible.has("firstSale") && /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: day(a.firstSaleAt) ?? "None yet" }),
     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 { 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":[]}
+{"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 } 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={a.stage === 'active' ? 'active' : 'pending'}\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":[]}

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

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, EmptyNote } from "@withpotter/ui-kit";
+import { AdmLoading } from "../_ui";
+import { useAccountSessions } from "../hooks";
+import styles from "./account-sessions.module.css";
+const ENDED = {
+  active: "Active now",
+  revoked: "Signed out",
+  expired: "Expired"
+};
+const when = (iso) => iso ? new Date(iso).toLocaleString(void 0, {
+  dateStyle: "medium",
+  timeStyle: "short"
+}) : null;
+function deviceOf(s) {
+  return s.name || s.kind || s.userAgent || "Unknown device";
+}
+function AccountSessions({ accountId }) {
+  const { data, isLoading, isError, refetch } = useAccountSessions(accountId);
+  if (isLoading) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading sessions\u2026", size: "sm" });
+  if (isError) {
+    return /* @__PURE__ */ jsxs(EmptyNote, { children: [
+      "We could not load their sessions just now.",
+      " ",
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => void refetch(), children: "Try again" })
+    ] });
+  }
+  if (!data?.length) {
+    return /* @__PURE__ */ jsx(EmptyNote, { children: "No sign-ins recorded for this person yet." });
+  }
+  const ordered = [...data].sort(
+    (a, b) => b.startedAt.localeCompare(a.startedAt)
+  );
+  return /* @__PURE__ */ jsx("ul", { className: styles.list, children: ordered.map((s) => /* @__PURE__ */ jsxs("li", { className: styles.item, children: [
+    /* @__PURE__ */ jsxs("span", { className: styles.top, children: [
+      /* @__PURE__ */ jsx("span", { className: styles.device, title: s.userAgent ?? void 0, children: deviceOf(s) }),
+      /* @__PURE__ */ jsx("span", { className: styles.how, "data-live": s.endedHow === "active", children: ENDED[s.endedHow] })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: styles.meta, children: [s.ipAddress, s.location].filter(Boolean).join(" \xB7 ") || "No address recorded" }),
+    /* @__PURE__ */ jsxs("span", { className: styles.meta, children: [
+      "Started ",
+      when(s.startedAt),
+      s.endedAt && ` \xB7 Ended ${when(s.endedAt)}`
+    ] })
+  ] }, s.id)) });
+}
+export {
+  AccountSessions
+};
+//# sourceMappingURL=account-sessions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-sessions.tsx"],"sourcesContent":["'use client';\n\nimport { Button, EmptyNote } from '@withpotter/ui-kit';\nimport type { AccountSession } from '@withpotter/lib/admin-api';\nimport { AdmLoading } from '../_ui';\nimport { useAccountSessions } from '../hooks';\nimport styles from './account-sessions.module.css';\n\nconst ENDED: Record<AccountSession['endedHow'], string> = {\n  active: 'Active now',\n  revoked: 'Signed out',\n  expired: 'Expired',\n};\n\nconst when = (iso: string | null) =>\n  iso\n    ? new Date(iso).toLocaleString(undefined, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      })\n    : null;\n\n/** A short device name from the session, falling back to the raw agent. */\nfunction deviceOf(s: AccountSession): string {\n  return s.name || s.kind || s.userAgent || 'Unknown device';\n}\n\n/** Where and when this person signed in, newest first. */\nexport function AccountSessions({ accountId }: { accountId: string }) {\n  const { data, isLoading, isError, refetch } = useAccountSessions(accountId);\n\n  if (isLoading) return <AdmLoading label=\"Loading sessions…\" size=\"sm\" />;\n\n  if (isError) {\n    return (\n      <EmptyNote>\n        We could not load their sessions just now.{' '}\n        <Button variant=\"ghost\" size=\"sm\" onClick={() => void refetch()}>\n          Try again\n        </Button>\n      </EmptyNote>\n    );\n  }\n\n  if (!data?.length) {\n    return <EmptyNote>No sign-ins recorded for this person yet.</EmptyNote>;\n  }\n\n  const ordered = [...data].sort((a: AccountSession, b: AccountSession) =>\n    b.startedAt.localeCompare(a.startedAt),\n  );\n\n  return (\n    <ul className={styles.list}>\n      {ordered.map((s: AccountSession) => (\n        <li key={s.id} className={styles.item}>\n          <span className={styles.top}>\n            <span className={styles.device} title={s.userAgent ?? undefined}>\n              {deviceOf(s)}\n            </span>\n            <span className={styles.how} data-live={s.endedHow === 'active'}>\n              {ENDED[s.endedHow]}\n            </span>\n          </span>\n          <span className={styles.meta}>\n            {[s.ipAddress, s.location].filter(Boolean).join(' · ') ||\n              'No address recorded'}\n          </span>\n          <span className={styles.meta}>\n            Started {when(s.startedAt)}\n            {s.endedAt && ` · Ended ${when(s.endedAt)}`}\n          </span>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":";AA+BwB,cAIlB,YAJkB;AA7BxB,SAAS,QAAQ,iBAAiB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AACnC,OAAO,YAAY;AAEnB,MAAM,QAAoD;AAAA,EACxD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AACX;AAEA,MAAM,OAAO,CAAC,QACZ,MACI,IAAI,KAAK,GAAG,EAAE,eAAe,QAAW;AAAA,EACtC,WAAW;AAAA,EACX,WAAW;AACb,CAAC,IACD;AAGN,SAAS,SAAS,GAA2B;AAC3C,SAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa;AAC5C;AAGO,SAAS,gBAAgB,EAAE,UAAU,GAA0B;AACpE,QAAM,EAAE,MAAM,WAAW,SAAS,QAAQ,IAAI,mBAAmB,SAAS;AAE1E,MAAI,UAAW,QAAO,oBAAC,cAAW,OAAM,0BAAoB,MAAK,MAAK;AAEtE,MAAI,SAAS;AACX,WACE,qBAAC,aAAU;AAAA;AAAA,MACkC;AAAA,MAC3C,oBAAC,UAAO,SAAQ,SAAQ,MAAK,MAAK,SAAS,MAAM,KAAK,QAAQ,GAAG,uBAEjE;AAAA,OACF;AAAA,EAEJ;AAEA,MAAI,CAAC,MAAM,QAAQ;AACjB,WAAO,oBAAC,aAAU,uDAAyC;AAAA,EAC7D;AAEA,QAAM,UAAU,CAAC,GAAG,IAAI,EAAE;AAAA,IAAK,CAAC,GAAmB,MACjD,EAAE,UAAU,cAAc,EAAE,SAAS;AAAA,EACvC;AAEA,SACE,oBAAC,QAAG,WAAW,OAAO,MACnB,kBAAQ,IAAI,CAAC,MACZ,qBAAC,QAAc,WAAW,OAAO,MAC/B;AAAA,yBAAC,UAAK,WAAW,OAAO,KACtB;AAAA,0BAAC,UAAK,WAAW,OAAO,QAAQ,OAAO,EAAE,aAAa,QACnD,mBAAS,CAAC,GACb;AAAA,MACA,oBAAC,UAAK,WAAW,OAAO,KAAK,aAAW,EAAE,aAAa,UACpD,gBAAM,EAAE,QAAQ,GACnB;AAAA,OACF;AAAA,IACA,oBAAC,UAAK,WAAW,OAAO,MACrB,WAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,QAAK,KACnD,uBACJ;AAAA,IACA,qBAAC,UAAK,WAAW,OAAO,MAAM;AAAA;AAAA,MACnB,KAAK,EAAE,SAAS;AAAA,MACxB,EAAE,WAAW,eAAY,KAAK,EAAE,OAAO,CAAC;AAAA,OAC3C;AAAA,OAhBO,EAAE,EAiBX,CACD,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,53 @@
+.list {
+  display: grid;
+  gap: 8px;
+  max-height: 320px;
+  margin: 0;
+  padding: 0;
+  overflow-y: auto;
+  list-style: none;
+}
+
+.item {
+  display: grid;
+  gap: 2px;
+  padding: 12px 16px;
+  border-radius: var(--adm-card-radius);
+  border: 1px solid var(--adm-line);
+  background: var(--bg-base);
+}
+
+.top {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.device {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  color: var(--text-primary);
+}
+
+.how {
+  flex-shrink: 0;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--text-tertiary);
+}
+
+.how[data-live='true'] {
+  color: var(--success);
+}
+
+.meta {
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--text-tertiary);
+}

package/dist/admin/accounts/account-stage-filter.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { FilterSelect } from "../_ui";
+import { STAGE_LABELS, STAGE_ORDER } from "./account-stage";
+const OPTIONS = [
+  { value: "", label: "All stages" },
+  ...STAGE_ORDER.map((s) => ({
+    value: s,
+    label: STAGE_LABELS[s]
+  }))
+];
+function AccountStageFilter({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(
+    FilterSelect,
+    {
+      label: "Stage",
+      value,
+      onChange: (v) => onChange(v),
+      options: OPTIONS
+    }
+  );
+}
+export {
+  AccountStageFilter
+};
+//# sourceMappingURL=account-stage-filter.js.map

package/dist/admin/accounts/account-stage-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-stage-filter.tsx"],"sourcesContent":["'use client';\n\nimport type { AccountStage } from '@withpotter/lib/admin-api';\nimport { FilterSelect } from '../_ui';\nimport { STAGE_LABELS, STAGE_ORDER } from './account-stage';\n\nconst OPTIONS = [\n  { value: '', label: 'All stages' },\n  ...STAGE_ORDER.map((s: AccountStage) => ({\n    value: s,\n    label: STAGE_LABELS[s],\n  })),\n];\n\n/** Narrow the accounts list to everyone who stopped at one stage. */\nexport function AccountStageFilter({\n  value,\n  onChange,\n}: {\n  value: AccountStage | '';\n  onChange: (value: AccountStage | '') => void;\n}) {\n  return (\n    <FilterSelect\n      label=\"Stage\"\n      value={value}\n      onChange={(v: string) => onChange(v as AccountStage | '')}\n      options={OPTIONS}\n    />\n  );\n}\n"],"mappings":";AAuBI;AApBJ,SAAS,oBAAoB;AAC7B,SAAS,cAAc,mBAAmB;AAE1C,MAAM,UAAU;AAAA,EACd,EAAE,OAAO,IAAI,OAAO,aAAa;AAAA,EACjC,GAAG,YAAY,IAAI,CAAC,OAAqB;AAAA,IACvC,OAAO;AAAA,IACP,OAAO,aAAa,CAAC;AAAA,EACvB,EAAE;AACJ;AAGO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA,UAAU,CAAC,MAAc,SAAS,CAAsB;AAAA,MACxD,SAAS;AAAA;AAAA,EACX;AAEJ;","names":[]}

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

@@ -0,0 +1,47 @@
+const STAGE_LABELS = {
+  signed_up: "Signed up",
+  verified: "Email verified",
+  onboarding: "Onboarding",
+  kyc_approved: "KYC approved",
+  active: "Active"
+};
+const STAGE_ORDER = [
+  "signed_up",
+  "verified",
+  "onboarding",
+  "kyc_approved",
+  "active"
+];
+const KYC_LABELS = {
+  NOT_STARTED: "Not started",
+  CHECKING: "Checking",
+  WAITING_REVIEW: "In review",
+  NEEDS_MORE: "Needs more",
+  APPROVED: "Approved",
+  DENIED: "Denied"
+};
+const ACTIVE_HINT = "Active means the email is verified, KYC or KYB is approved, and at least one sale was paid.";
+function kycLabel(status) {
+  if (!status) return null;
+  return KYC_LABELS[status] ?? status;
+}
+function stoppedAt(a) {
+  if (a.stage === void 0 && a.emailVerified === void 0) return null;
+  if (a.stage === "active") return null;
+  if (a.emailVerified === false) return "Verify their email";
+  if (a.workspaceCount === 0) return "Add a business";
+  if (a.kycStatus !== "APPROVED") {
+    return a.kycStatus === "DENIED" ? "Finish KYC or KYB (denied)" : "Finish KYC or KYB";
+  }
+  if (!a.firstSaleAt) return "Make a first sale";
+  return null;
+}
+export {
+  ACTIVE_HINT,
+  KYC_LABELS,
+  STAGE_LABELS,
+  STAGE_ORDER,
+  kycLabel,
+  stoppedAt
+};
+//# sourceMappingURL=account-stage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-stage.ts"],"sourcesContent":["import type {\n  AccountKycStatus,\n  AccountRow,\n  AccountStage,\n} from '@withpotter/lib/admin-api';\n\nexport const STAGE_LABELS: Record<AccountStage, string> = {\n  signed_up: 'Signed up',\n  verified: 'Email verified',\n  onboarding: 'Onboarding',\n  kyc_approved: 'KYC approved',\n  active: 'Active',\n};\n\nexport const STAGE_ORDER: AccountStage[] = [\n  'signed_up',\n  'verified',\n  'onboarding',\n  'kyc_approved',\n  'active',\n];\n\nexport const KYC_LABELS: Record<AccountKycStatus, string> = {\n  NOT_STARTED: 'Not started',\n  CHECKING: 'Checking',\n  WAITING_REVIEW: 'In review',\n  NEEDS_MORE: 'Needs more',\n  APPROVED: 'Approved',\n  DENIED: 'Denied',\n};\n\n/** What \"active\" means, said once for every place that needs it. */\nexport const ACTIVE_HINT =\n  'Active means the email is verified, KYC or KYB is approved, and at least one sale was paid.';\n\n/** Plain words for a KYC or KYB status; the raw value for unknown ones. */\nexport function kycLabel(status: string | null | undefined): string | null {\n  if (!status) return null;\n\n  return KYC_LABELS[status as AccountKycStatus] ?? status;\n}\n\ntype Progress = Pick<\n  AccountRow,\n  'emailVerified' | 'workspaceCount' | 'kycStatus' | 'firstSaleAt' | 'stage'\n>;\n\n/**\n * The first step this account has not done, from the fields the list sends.\n * Returns null when every step is done (or when nothing is known yet).\n */\nexport function stoppedAt(a: Partial<Progress>): string | null {\n  if (a.stage === undefined && a.emailVerified === undefined) return null;\n  if (a.stage === 'active') return null;\n  if (a.emailVerified === false) return 'Verify their email';\n  if (a.workspaceCount === 0) return 'Add a business';\n  if (a.kycStatus !== 'APPROVED') {\n    return a.kycStatus === 'DENIED'\n      ? 'Finish KYC or KYB (denied)'\n      : 'Finish KYC or KYB';\n  }\n  if (!a.firstSaleAt) return 'Make a first sale';\n\n  return null;\n}\n"],"mappings":"AAMO,MAAM,eAA6C;AAAA,EACxD,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AACV;AAEO,MAAM,cAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,aAA+C;AAAA,EAC1D,aAAa;AAAA,EACb,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AACV;AAGO,MAAM,cACX;AAGK,SAAS,SAAS,QAAkD;AACzE,MAAI,CAAC,OAAQ,QAAO;AAEpB,SAAO,WAAW,MAA0B,KAAK;AACnD;AAWO,SAAS,UAAU,GAAqC;AAC7D,MAAI,EAAE,UAAU,UAAa,EAAE,kBAAkB,OAAW,QAAO;AACnE,MAAI,EAAE,UAAU,SAAU,QAAO;AACjC,MAAI,EAAE,kBAAkB,MAAO,QAAO;AACtC,MAAI,EAAE,mBAAmB,EAAG,QAAO;AACnC,MAAI,EAAE,cAAc,YAAY;AAC9B,WAAO,EAAE,cAAc,WACnB,+BACA;AAAA,EACN;AACA,MAAI,CAAC,EAAE,YAAa,QAAO;AAE3B,SAAO;AACT;","names":[]}