@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1,64 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { EmptyNote } from "@withpotter/ui-kit";
+import { AdmLoading } from "../_ui";
+import { relativeTime } from "./relative-time";
+import {
+  MAX_WORKSPACES as MAX_SHOWN
+} from "./use-account-activity";
+import styles from "./account-activity.module.css";
+function AccountActivity({
+  entries,
+  isLoading,
+  skipped = 0
+}) {
+  if (isLoading && !entries.length) {
+    return /* @__PURE__ */ jsx(AdmLoading, { label: "Reading activity\u2026", size: "sm" });
+  }
+  if (!entries.length) {
+    return /* @__PURE__ */ jsx(EmptyNote, { children: "Nothing this person did shows in their workspaces yet." });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    skipped > 0 && /* @__PURE__ */ jsxs("p", { className: styles.note, children: [
+      "Showing their first ",
+      MAX_SHOWN,
+      " workspaces; ",
+      skipped,
+      " more not read."
+    ] }),
+    /* @__PURE__ */ jsx("ol", { className: styles.timeline, children: entries.map((entry) => /* @__PURE__ */ jsxs("li", { className: styles.item, children: [
+      /* @__PURE__ */ jsx("span", { className: styles.dot, "aria-hidden": true }),
+      /* @__PURE__ */ jsxs("div", { className: styles.line, children: [
+        /* @__PURE__ */ jsx("span", { className: styles.summary, children: entry.summary }),
+        /* @__PURE__ */ jsx(
+          "time",
+          {
+            className: styles.time,
+            dateTime: entry.at,
+            title: new Date(entry.at).toLocaleString(),
+            children: relativeTime(entry.at)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: styles.context, children: [
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `/admin/tenants/${entry.workspace.id}`,
+            className: styles.workspace,
+            children: entry.workspace.name
+          }
+        ),
+        entry.target && /* @__PURE__ */ jsxs("span", { children: [
+          "\xB7 ",
+          entry.target
+        ] })
+      ] })
+    ] }, `${entry.workspace.id}-${entry.id}`)) })
+  ] });
+}
+export {
+  AccountActivity
+};
+//# sourceMappingURL=account-activity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-activity.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { EmptyNote } from '@withpotter/ui-kit';\nimport { AdmLoading } from '../_ui';\nimport { relativeTime } from './relative-time';\nimport {\n  MAX_WORKSPACES as MAX_SHOWN,\n  type AccountActivityEntry,\n} from './use-account-activity';\nimport styles from './account-activity.module.css';\n\n/** A timeline of what this person did, in which workspace, and when. */\nexport function AccountActivity({\n  entries,\n  isLoading,\n  skipped = 0,\n}: {\n  entries: AccountActivityEntry[];\n  isLoading: boolean;\n  skipped?: number;\n}) {\n  if (isLoading && !entries.length) {\n    return <AdmLoading label=\"Reading activity…\" size=\"sm\" />;\n  }\n\n  if (!entries.length) {\n    return (\n      <EmptyNote>\n        Nothing this person did shows in their workspaces yet.\n      </EmptyNote>\n    );\n  }\n\n  return (\n    <>\n      {skipped > 0 && (\n        <p className={styles.note}>\n          Showing their first {MAX_SHOWN} workspaces; {skipped} more not read.\n        </p>\n      )}\n      <ol className={styles.timeline}>\n        {entries.map((entry) => (\n          <li key={`${entry.workspace.id}-${entry.id}`} className={styles.item}>\n            <span className={styles.dot} aria-hidden />\n            <div className={styles.line}>\n              <span className={styles.summary}>{entry.summary}</span>\n              <time\n                className={styles.time}\n                dateTime={entry.at}\n                title={new Date(entry.at).toLocaleString()}\n              >\n                {relativeTime(entry.at)}\n              </time>\n            </div>\n            <div className={styles.context}>\n              <Link\n                href={`/admin/tenants/${entry.workspace.id}`}\n                className={styles.workspace}\n              >\n                {entry.workspace.name}\n              </Link>\n              {entry.target && <span>· {entry.target}</span>}\n            </div>\n          </li>\n        ))}\n      </ol>\n    </>\n  );\n}\n"],"mappings":";AAuBW,SAYP,UAZO,KAcH,YAdG;AArBX,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B;AAAA,EACE,kBAAkB;AAAA,OAEb;AACP,OAAO,YAAY;AAGZ,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAIG;AACD,MAAI,aAAa,CAAC,QAAQ,QAAQ;AAChC,WAAO,oBAAC,cAAW,OAAM,0BAAoB,MAAK,MAAK;AAAA,EACzD;AAEA,MAAI,CAAC,QAAQ,QAAQ;AACnB,WACE,oBAAC,aAAU,oEAEX;AAAA,EAEJ;AAEA,SACE,iCACG;AAAA,cAAU,KACT,qBAAC,OAAE,WAAW,OAAO,MAAM;AAAA;AAAA,MACJ;AAAA,MAAU;AAAA,MAAc;AAAA,MAAQ;AAAA,OACvD;AAAA,IAEF,oBAAC,QAAG,WAAW,OAAO,UACnB,kBAAQ,IAAI,CAAC,UACZ,qBAAC,QAA6C,WAAW,OAAO,MAC9D;AAAA,0BAAC,UAAK,WAAW,OAAO,KAAK,eAAW,MAAC;AAAA,MACzC,qBAAC,SAAI,WAAW,OAAO,MACrB;AAAA,4BAAC,UAAK,WAAW,OAAO,SAAU,gBAAM,SAAQ;AAAA,QAChD;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,OAAO;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,OAAO,IAAI,KAAK,MAAM,EAAE,EAAE,eAAe;AAAA,YAExC,uBAAa,MAAM,EAAE;AAAA;AAAA,QACxB;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAW,OAAO,SACrB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,kBAAkB,MAAM,UAAU,EAAE;AAAA,YAC1C,WAAW,OAAO;AAAA,YAEjB,gBAAM,UAAU;AAAA;AAAA,QACnB;AAAA,QACC,MAAM,UAAU,qBAAC,UAAK;AAAA;AAAA,UAAG,MAAM;AAAA,WAAO;AAAA,SACzC;AAAA,SApBO,GAAG,MAAM,UAAU,EAAE,IAAI,MAAM,EAAE,EAqB1C,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,83 @@
+/* Activity timeline: fixed height, scrolls inside, never pushes the page. */
+
+.timeline {
+  position: relative;
+  max-height: 340px;
+  margin: 0;
+  padding: 2px 4px 2px 0;
+  overflow-y: auto;
+  list-style: none;
+}
+
+.timeline::before {
+  position: absolute;
+  top: 12px;
+  bottom: 12px;
+  left: 4px;
+  width: 1px;
+  background: var(--border-default);
+  content: '';
+}
+
+.item {
+  position: relative;
+  padding: 8px 0 8px 24px;
+}
+
+.dot {
+  position: absolute;
+  top: 13px;
+  left: 0;
+  width: 9px;
+  height: 9px;
+  border: 2px solid var(--card-bg);
+  border-radius: 999px;
+  background: var(--accent-primary);
+  box-shadow: 0 0 0 1px
+    color-mix(in srgb, var(--accent-primary) 30%, transparent);
+}
+
+.line {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.summary {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text-primary);
+}
+
+.time {
+  font-size: 12px;
+  color: var(--text-tertiary);
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+
+.context {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-top: 2px;
+  font-size: 12px;
+  color: var(--text-tertiary);
+}
+
+.workspace {
+  color: var(--text-secondary);
+  font-weight: 500;
+  text-decoration: none;
+}
+
+.workspace:hover {
+  color: var(--accent-ink, var(--accent-primary));
+}
+
+.note {
+  margin: 0 0 8px;
+  font-size: 12px;
+  color: var(--text-tertiary);
+}

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

@@ -0,0 +1,177 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Banner, Button } from "@withpotter/ui-kit";
+import { Reveal } from "../_fx";
+import { Drawer } from "../_ui";
+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";
+import { useAccountActivity } from "./use-account-activity";
+import { Workspaces } from "./account-workspaces";
+import styles from "./account-panel.module.css";
+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 })
+    ] }),
+    children
+  ] });
+}
+function AccountPanel({
+  account,
+  onClose
+}) {
+  const { setStatus, verify, impersonate } = useAccountActions();
+  const ownerView = useModuleOn("ownerView");
+  const tenants = useAccountTenants(account?.id ?? null);
+  const activity = useAccountActivity(account?.id ?? null, tenants.data);
+  const suspended = account?.status === "suspended";
+  const liveWorkspaces = tenants.data?.filter(
+    (w) => w.status !== "deleted" && w.memberStatus !== "removed"
+  ).length;
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      open: Boolean(account),
+      onClose,
+      width: 560,
+      title: account?.name || account?.email || "Account",
+      subtitle: account?.name ? account.email : void 0,
+      meta: account && /* @__PURE__ */ jsxs(Fragment, { children: [
+        account.status && /* @__PURE__ */ jsx(StatusPill, { status: account.status }),
+        account.emailVerified !== void 0 && /* @__PURE__ */ jsx(
+          StatusPill,
+          {
+            status: account.emailVerified ? "verified" : "unverified",
+            label: account.emailVerified ? "Email verified" : "Email unverified"
+          }
+        ),
+        account.stage && /* @__PURE__ */ jsx(
+          StatusPill,
+          {
+            status: stageStatus(account.stage),
+            label: STAGE_LABELS[account.stage]
+          }
+        ),
+        account.authProvider && /* @__PURE__ */ jsx("span", { className: styles.muted, children: providerLabel(account.authProvider) })
+      ] }),
+      footer: account && /* @__PURE__ */ jsxs(Fragment, { children: [
+        account.status && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: suspended ? "secondary" : "ghostDanger",
+            loading: setStatus.isPending,
+            onClick: () => setStatus.mutate({
+              id: account.id,
+              status: suspended ? "active" : "suspended"
+            }),
+            children: suspended ? "Restore" : "Suspend"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: styles.spacer }),
+        account.emailVerified === false && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "secondary",
+            loading: verify.isPending,
+            onClick: () => verify.mutate(account.id),
+            children: "Verify email"
+          }
+        ),
+        ownerView && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "primary",
+            loading: impersonate.isPending,
+            onClick: () => impersonate.mutate(account.id),
+            children: "View as user"
+          }
+        )
+      ] }),
+      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)
+        ),
+        /* @__PURE__ */ jsx(AccountVitals, { account, workspaces: liveWorkspaces }),
+        /* @__PURE__ */ jsx(
+          Section,
+          {
+            title: "Recent activity",
+            index: 0,
+            count: activity.entries.length,
+            children: /* @__PURE__ */ jsx(
+              AccountActivity,
+              {
+                entries: activity.entries,
+                isLoading: activity.isLoading,
+                skipped: activity.skipped
+              }
+            )
+          }
+        ),
+        /* @__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 }) })
+      ] })
+    }
+  );
+}
+export {
+  AccountPanel
+};
+//# sourceMappingURL=account-panel.js.map

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

@@ -0,0 +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":"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","names":[]}

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

@@ -0,0 +1,213 @@
+.panel {
+  display: grid;
+  gap: 32px;
+}
+
+.spacer {
+  flex: 1;
+}
+
+.vitals {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  overflow: hidden;
+  border-radius: var(--adm-card-radius);
+  border: 1px solid var(--adm-line);
+  background: var(--bg-base);
+}
+
+.vitals[data-count='3'] {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.vital {
+  display: grid;
+  gap: 4px;
+  padding: 16px;
+  box-shadow: inset -1px -1px 0 var(--border-subtle);
+}
+
+.vitalLabel {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 16px;
+  color: var(--text-tertiary);
+}
+
+.vitalValue {
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: -0.01em;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-primary);
+}
+
+.vitalHint {
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--text-tertiary);
+}
+
+.live {
+  width: 6px;
+  height: 6px;
+  flex-shrink: 0;
+  border-radius: 999px;
+  background: var(--success);
+}
+
+.section {
+  display: grid;
+  gap: 12px;
+}
+
+.heading {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+  color: var(--text-primary);
+}
+
+.count {
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 20px;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-secondary);
+}
+
+.workspaces {
+  display: grid;
+  gap: 8px;
+  max-height: 320px;
+  margin: 0;
+  padding: 0;
+  overflow-y: auto;
+  list-style: none;
+}
+
+.workspace {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 16px;
+  border-radius: var(--adm-card-radius);
+  border: 1px solid var(--adm-line);
+  background: var(--bg-base);
+  color: var(--text-primary);
+  text-decoration: none;
+  transition: background var(--adm-fast);
+}
+
+.workspace:hover {
+  background: var(--adm-hover);
+}
+
+.workspaceName {
+  display: grid;
+  flex: 1;
+  gap: 4px;
+  min-width: 0;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.workspaceName > * {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.badges {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 8px;
+  color: var(--text-tertiary);
+}
+
+.muted {
+  font-size: 12px;
+  font-weight: 400;
+  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

@@ -0,0 +1,122 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  OverflowItem,
+  OverflowMenu,
+  TableRow,
+  useConfirm,
+  useToast
+} from "@withpotter/ui-kit";
+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";
+import styles from "./rows.module.css";
+const PROVIDER_LABELS = {
+  local: "Email",
+  google: "Google",
+  github: "GitHub"
+};
+const day = (iso) => iso ? new Date(iso).toLocaleDateString() : null;
+function AccountListRow({
+  a,
+  active,
+  onOpen,
+  visible
+}) {
+  const confirm = useConfirm();
+  const { toast } = useToast();
+  const { setStatus, verify, impersonate } = useAccountActions();
+  const ownerView = useModuleOn("ownerView");
+  const suspended = a.status === "suspended";
+  const label = a.name ?? a.email;
+  const toggleStatus = async () => {
+    const ok = await confirm({
+      title: suspended ? `Restore ${label}?` : `Suspend ${label}?`,
+      description: suspended ? "They can sign in and use their workspaces again." : "They are signed out everywhere and cannot sign in until restored.",
+      confirmLabel: suspended ? "Restore" : "Suspend",
+      tone: suspended ? "default" : "danger"
+    });
+    if (!ok) return;
+    setStatus.mutate(
+      { id: a.id, status: suspended ? "active" : "suspended" },
+      {
+        onSuccess: () => toast({ title: `${label} ${suspended ? "restored" : "suspended"}` }),
+        onError: (e) => toast({
+          title: "The status was not changed",
+          description: e.message,
+          variant: "destructive"
+        })
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(TableRow, { active, onClick: onOpen, children: [
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: styles.identity, children: [
+      /* @__PURE__ */ jsx(EntityAvatar, { name: label, size: 32, round: true }),
+      /* @__PURE__ */ jsxs("span", { className: styles.identityText, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles.nameButton,
+            title: label,
+            "aria-label": `Open ${label}`,
+            onClick: (e) => {
+              e.stopPropagation();
+              onOpen();
+            },
+            children: a.name ?? EMPTY
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: styles.secondary, title: a.email, children: a.email })
+      ] })
+    ] }) }),
+    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("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("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: [
+      /* @__PURE__ */ jsx(OverflowItem, { onClick: onOpen, children: "View account" }),
+      ownerView && /* @__PURE__ */ jsx(OverflowItem, { onClick: () => impersonate.mutate(a.id), children: "View as user" }),
+      !a.emailVerified && /* @__PURE__ */ jsx(
+        OverflowItem,
+        {
+          onClick: () => verify.mutate(a.id, {
+            onSuccess: () => toast({ title: `${a.email} verified` })
+          }),
+          children: "Verify email"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        OverflowItem,
+        {
+          onClick: () => void toggleStatus(),
+          destructive: !suspended,
+          children: suspended ? "Restore" : "Suspend"
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  AccountListRow,
+  PROVIDER_LABELS
+};
+//# sourceMappingURL=account-row.js.map