@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/admins/role-choices.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox, EmptyNote } from "@withpotter/ui-kit";
+import styles from "./admins.module.css";
+function RoleChoices({
+  legend,
+  roles,
+  value,
+  onToggle,
+  emptyLabel
+}) {
+  return /* @__PURE__ */ jsxs("fieldset", { className: styles.choices, children: [
+    /* @__PURE__ */ jsx("legend", { className: styles.choicesLegend, children: legend }),
+    roles.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: emptyLabel }) : /* @__PURE__ */ jsx("div", { className: styles.choiceList, children: roles.map((r) => /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        checked: value.includes(r.id),
+        onChange: () => onToggle(r.id),
+        label: r.name
+      },
+      r.id
+    )) })
+  ] });
+}
+export {
+  RoleChoices
+};
+//# sourceMappingURL=role-choices.js.map

package/dist/admin/admins/role-choices.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/admins/role-choices.tsx"],"sourcesContent":["import { Checkbox, EmptyNote } from '@withpotter/ui-kit';\nimport type { RoleRow } from '@withpotter/lib/admin-api';\nimport styles from './admins.module.css';\n\n/** Role checkboxes in a labelled group. */\nexport function RoleChoices({\n  legend,\n  roles,\n  value,\n  onToggle,\n  emptyLabel,\n}: {\n  legend: string;\n  roles: RoleRow[];\n  value: readonly string[];\n  onToggle: (id: string) => void;\n  emptyLabel: string;\n}) {\n  return (\n    <fieldset className={styles.choices}>\n      <legend className={styles.choicesLegend}>{legend}</legend>\n      {roles.length === 0 ? (\n        <EmptyNote>{emptyLabel}</EmptyNote>\n      ) : (\n        <div className={styles.choiceList}>\n          {roles.map((r) => (\n            <Checkbox\n              key={r.id}\n              checked={value.includes(r.id)}\n              onChange={() => onToggle(r.id)}\n              label={r.name}\n            />\n          ))}\n        </div>\n      )}\n    </fieldset>\n  );\n}\n"],"mappings":"AAmBI,SACE,KADF;AAnBJ,SAAS,UAAU,iBAAiB;AAEpC,OAAO,YAAY;AAGZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,qBAAC,cAAS,WAAW,OAAO,SAC1B;AAAA,wBAAC,YAAO,WAAW,OAAO,eAAgB,kBAAO;AAAA,IAChD,MAAM,WAAW,IAChB,oBAAC,aAAW,sBAAW,IAEvB,oBAAC,SAAI,WAAW,OAAO,YACpB,gBAAM,IAAI,CAAC,MACV;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MAAM,SAAS,EAAE,EAAE;AAAA,QAC5B,UAAU,MAAM,SAAS,EAAE,EAAE;AAAA,QAC7B,OAAO,EAAE;AAAA;AAAA,MAHJ,EAAE;AAAA,IAIT,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/admins/secret-field.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Check, Copy, Eye, EyeOff } from "lucide-react";
+import { Button, Input, Tooltip } from "@withpotter/ui-kit";
+import styles from "./admins.module.css";
+function SecretField({
+  value,
+  label
+}) {
+  const [shown, setShown] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const copy = async () => {
+    await navigator.clipboard.writeText(value);
+    setCopied(true);
+    window.setTimeout(() => setCopied(false), 1600);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: styles.secret, children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        label,
+        type: shown ? "text" : "password",
+        value,
+        readOnly: true,
+        autoComplete: "off",
+        className: "font-mono",
+        onFocus: (e) => e.currentTarget.select()
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: styles.secretActions, children: [
+      /* @__PURE__ */ jsx(Tooltip, { label: shown ? "Hide password" : "Show password", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "icon",
+          "aria-label": shown ? "Hide password" : "Show password",
+          "aria-pressed": shown,
+          onClick: () => setShown((v) => !v),
+          children: shown ? /* @__PURE__ */ jsx(EyeOff, { "aria-hidden": true }) : /* @__PURE__ */ jsx(Eye, { "aria-hidden": true })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          onClick: () => void copy(),
+          icon: copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": true }) : /* @__PURE__ */ jsx(Copy, { "aria-hidden": true }),
+          children: copied ? "Copied" : "Copy"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  SecretField
+};
+//# sourceMappingURL=secret-field.js.map

package/dist/admin/admins/secret-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/admins/secret-field.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Check, Copy, Eye, EyeOff } from 'lucide-react';\nimport { Button, Input, Tooltip } from '@withpotter/ui-kit';\nimport styles from './admins.module.css';\n\n/** A one-time secret: masked until revealed, copyable either way. */\nexport function SecretField({\n  value,\n  label,\n}: {\n  value: string;\n  label: string;\n}) {\n  const [shown, setShown] = useState(false);\n  const [copied, setCopied] = useState(false);\n\n  const copy = async () => {\n    await navigator.clipboard.writeText(value);\n    setCopied(true);\n    window.setTimeout(() => setCopied(false), 1600);\n  };\n\n  return (\n    <div className={styles.secret}>\n      <Input\n        label={label}\n        type={shown ? 'text' : 'password'}\n        value={value}\n        readOnly\n        autoComplete=\"off\"\n        className=\"font-mono\"\n        onFocus={(e) => e.currentTarget.select()}\n      />\n      <div className={styles.secretActions}>\n        <Tooltip label={shown ? 'Hide password' : 'Show password'}>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"icon\"\n            aria-label={shown ? 'Hide password' : 'Show password'}\n            aria-pressed={shown}\n            onClick={() => setShown((v) => !v)}\n          >\n            {shown ? <EyeOff aria-hidden /> : <Eye aria-hidden />}\n          </Button>\n        </Tooltip>\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={() => void copy()}\n          icon={copied ? <Check aria-hidden /> : <Copy aria-hidden />}\n        >\n          {copied ? 'Copied' : 'Copy'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA0BM,cASA,YATA;AAxBN,SAAS,gBAAgB;AACzB,SAAS,OAAO,MAAM,KAAK,cAAc;AACzC,SAAS,QAAQ,OAAO,eAAe;AACvC,OAAO,YAAY;AAGZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,OAAO,YAAY;AACvB,UAAM,UAAU,UAAU,UAAU,KAAK;AACzC,cAAU,IAAI;AACd,WAAO,WAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,EAChD;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,QACrB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,QAAQ,SAAS;AAAA,QACvB;AAAA,QACA,UAAQ;AAAA,QACR,cAAa;AAAA,QACb,WAAU;AAAA,QACV,SAAS,CAAC,MAAM,EAAE,cAAc,OAAO;AAAA;AAAA,IACzC;AAAA,IACA,qBAAC,SAAI,WAAW,OAAO,eACrB;AAAA,0BAAC,WAAQ,OAAO,QAAQ,kBAAkB,iBACxC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,QAAQ,kBAAkB;AAAA,UACtC,gBAAc;AAAA,UACd,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;AAAA,UAEhC,kBAAQ,oBAAC,UAAO,eAAW,MAAC,IAAK,oBAAC,OAAI,eAAW,MAAC;AAAA;AAAA,MACrD,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS,MAAM,KAAK,KAAK;AAAA,UACzB,MAAM,SAAS,oBAAC,SAAM,eAAW,MAAC,IAAK,oBAAC,QAAK,eAAW,MAAC;AAAA,UAExD,mBAAS,WAAW;AAAA;AAAA,MACvB;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/admins/temp-password-dialog.js

@@ -0,0 +1,39 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Banner, Button, FormDialog } from "@withpotter/ui-kit";
+import { SecretField } from "./secret-field";
+import styles from "./admins.module.css";
+function TempPasswordDialog({
+  temp,
+  onClose
+}) {
+  const [last, setLast] = useState(temp);
+  if (temp && temp !== last) setLast(temp);
+  const shown = temp ?? last;
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open: temp !== null,
+      title: shown?.reason === "reset" ? "Password reset" : "Admin invited",
+      description: shown?.email,
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", {}),
+        /* @__PURE__ */ jsx(Button, { onClick: onClose, children: "Done" })
+      ] }),
+      children: shown && /* @__PURE__ */ jsxs("div", { className: styles.tempBody, children: [
+        /* @__PURE__ */ jsx(SecretField, { label: "Temporary password", value: shown.tempPassword }),
+        /* @__PURE__ */ jsxs(Banner, { tone: "warning", title: "Shown once", children: [
+          "Share it with ",
+          shown.email,
+          " over a secure channel. They will be asked to choose a new password when they first sign in."
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  TempPasswordDialog
+};
+//# sourceMappingURL=temp-password-dialog.js.map

package/dist/admin/admins/temp-password-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/admins/temp-password-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Banner, Button, FormDialog } from '@withpotter/ui-kit';\nimport { SecretField } from './secret-field';\nimport styles from './admins.module.css';\n\nexport interface TempPassword {\n  email: string;\n  tempPassword: string;\n  /** Why it was issued: a new invite or a reset. */\n  reason: 'invite' | 'reset';\n}\n\n/** Shows a temporary password once. Closing it is the only way to dismiss. */\nexport function TempPasswordDialog({\n  temp,\n  onClose,\n}: {\n  temp: TempPassword | null;\n  onClose: () => void;\n}) {\n  const [last, setLast] = useState(temp);\n  if (temp && temp !== last) setLast(temp);\n  const shown = temp ?? last;\n\n  return (\n    <FormDialog\n      open={temp !== null}\n      title={shown?.reason === 'reset' ? 'Password reset' : 'Admin invited'}\n      description={shown?.email}\n      onClose={onClose}\n      footer={\n        <>\n          <span />\n          <Button onClick={onClose}>Done</Button>\n        </>\n      }\n    >\n      {shown && (\n        <div className={styles.tempBody}>\n          <SecretField label=\"Temporary password\" value={shown.tempPassword} />\n          <Banner tone=\"warning\" title=\"Shown once\">\n            Share it with {shown.email} over a secure channel. They will be\n            asked to choose a new password when they first sign in.\n          </Banner>\n        </div>\n      )}\n    </FormDialog>\n  );\n}\n"],"mappings":";AAiCQ,mBACE,KADF;AA/BR,SAAS,gBAAgB;AACzB,SAAS,QAAQ,QAAQ,kBAAkB;AAC3C,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AAUZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,IAAI;AACrC,MAAI,QAAQ,SAAS,KAAM,SAAQ,IAAI;AACvC,QAAM,QAAQ,QAAQ;AAEtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,SAAS;AAAA,MACf,OAAO,OAAO,WAAW,UAAU,mBAAmB;AAAA,MACtD,aAAa,OAAO;AAAA,MACpB;AAAA,MACA,QACE,iCACE;AAAA,4BAAC,UAAK;AAAA,QACN,oBAAC,UAAO,SAAS,SAAS,kBAAI;AAAA,SAChC;AAAA,MAGD,mBACC,qBAAC,SAAI,WAAW,OAAO,UACrB;AAAA,4BAAC,eAAY,OAAM,sBAAqB,OAAO,MAAM,cAAc;AAAA,QACnE,qBAAC,UAAO,MAAK,WAAU,OAAM,cAAa;AAAA;AAAA,UACzB,MAAM;AAAA,UAAM;AAAA,WAE7B;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/admin/admins/use-admin-actions.js

@@ -0,0 +1,57 @@
+"use client";
+import { useState } from "react";
+import { useMutation } from "@tanstack/react-query";
+import { useConfirm, useToast } from "@withpotter/ui-kit";
+import { platformAdminApi } from "@withpotter/lib/admin-api";
+function useAdminActions(invalidate) {
+  const confirm = useConfirm();
+  const { toast } = useToast();
+  const [temp, setTemp] = useState(null);
+  const failed = (title) => (error) => toast({ title, description: error.message, variant: "destructive" });
+  const setStatus = useMutation({
+    mutationFn: (a) => platformAdminApi.setAdminStatus(
+      a.id,
+      a.status === "suspended" ? "active" : "suspended"
+    ),
+    onSuccess: (_, a) => {
+      toast({
+        title: `${a.email} ${a.status === "suspended" ? "restored" : "suspended"}`
+      });
+      invalidate();
+    },
+    onError: failed("The status was not changed")
+  });
+  const resetPassword = useMutation({
+    mutationFn: (a) => platformAdminApi.resetAdminPassword(a.id),
+    onSuccess: (r, a) => setTemp({
+      email: a.email,
+      tempPassword: r.tempPassword,
+      reason: "reset"
+    }),
+    onError: failed("The password was not reset")
+  });
+  const toggleStatus = async (a) => {
+    const restoring = a.status === "suspended";
+    const ok = await confirm({
+      title: restoring ? `Restore ${a.email}?` : `Suspend ${a.email}?`,
+      description: restoring ? "They can sign in again with the access they had before." : "They are signed out and cannot sign in until restored. Their roles are kept.",
+      confirmLabel: restoring ? "Restore" : "Suspend",
+      tone: restoring ? "default" : "danger"
+    });
+    if (ok) setStatus.mutate(a);
+  };
+  const reset = async (a) => {
+    const ok = await confirm({
+      title: `Reset password for ${a.email}?`,
+      description: "Their current password stops working now. You will see a temporary one to share with them.",
+      confirmLabel: "Reset password",
+      tone: "danger"
+    });
+    if (ok) resetPassword.mutate(a);
+  };
+  return { temp, setTemp, toggleStatus, reset };
+}
+export {
+  useAdminActions
+};
+//# sourceMappingURL=use-admin-actions.js.map

package/dist/admin/admins/use-admin-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/admins/use-admin-actions.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation } from '@tanstack/react-query';\nimport { useConfirm, useToast } from '@withpotter/ui-kit';\nimport { platformAdminApi, type AdminRow as Admin } from '@withpotter/lib/admin-api';\nimport type { TempPassword } from './temp-password-dialog';\n\n/** Suspend/restore and reset password, each behind a confirm with a toast. */\nexport function useAdminActions(invalidate: () => void) {\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const [temp, setTemp] = useState<TempPassword | null>(null);\n  const failed = (title: string) => (error: Error) =>\n    toast({ title, description: error.message, variant: 'destructive' });\n\n  const setStatus = useMutation({\n    mutationFn: (a: Admin) =>\n      platformAdminApi.setAdminStatus(\n        a.id,\n        a.status === 'suspended' ? 'active' : 'suspended',\n      ),\n    onSuccess: (_, a) => {\n      toast({\n        title: `${a.email} ${a.status === 'suspended' ? 'restored' : 'suspended'}`,\n      });\n      invalidate();\n    },\n    onError: failed('The status was not changed'),\n  });\n  const resetPassword = useMutation({\n    mutationFn: (a: Admin) => platformAdminApi.resetAdminPassword(a.id),\n    onSuccess: (r, a) =>\n      setTemp({\n        email: a.email,\n        tempPassword: r.tempPassword,\n        reason: 'reset',\n      }),\n    onError: failed('The password was not reset'),\n  });\n\n  const toggleStatus = async (a: Admin) => {\n    const restoring = a.status === 'suspended';\n    const ok = await confirm({\n      title: restoring ? `Restore ${a.email}?` : `Suspend ${a.email}?`,\n      description: restoring\n        ? 'They can sign in again with the access they had before.'\n        : 'They are signed out and cannot sign in until restored. Their roles are kept.',\n      confirmLabel: restoring ? 'Restore' : 'Suspend',\n      tone: restoring ? 'default' : 'danger',\n    });\n    if (ok) setStatus.mutate(a);\n  };\n\n  const reset = async (a: Admin) => {\n    const ok = await confirm({\n      title: `Reset password for ${a.email}?`,\n      description:\n        'Their current password stops working now. You will see a temporary one to share with them.',\n      confirmLabel: 'Reset password',\n      tone: 'danger',\n    });\n    if (ok) resetPassword.mutate(a);\n  };\n\n  return { temp, setTemp, toggleStatus, reset };\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,YAAY,gBAAgB;AACrC,SAAS,wBAAgD;AAIlD,SAAS,gBAAgB,YAAwB;AACtD,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,CAAC,MAAM,OAAO,IAAI,SAA8B,IAAI;AAC1D,QAAM,SAAS,CAAC,UAAkB,CAAC,UACjC,MAAM,EAAE,OAAO,aAAa,MAAM,SAAS,SAAS,cAAc,CAAC;AAErE,QAAM,YAAY,YAAY;AAAA,IAC5B,YAAY,CAAC,MACX,iBAAiB;AAAA,MACf,EAAE;AAAA,MACF,EAAE,WAAW,cAAc,WAAW;AAAA,IACxC;AAAA,IACF,WAAW,CAAC,GAAG,MAAM;AACnB,YAAM;AAAA,QACJ,OAAO,GAAG,EAAE,KAAK,IAAI,EAAE,WAAW,cAAc,aAAa,WAAW;AAAA,MAC1E,CAAC;AACD,iBAAW;AAAA,IACb;AAAA,IACA,SAAS,OAAO,4BAA4B;AAAA,EAC9C,CAAC;AACD,QAAM,gBAAgB,YAAY;AAAA,IAChC,YAAY,CAAC,MAAa,iBAAiB,mBAAmB,EAAE,EAAE;AAAA,IAClE,WAAW,CAAC,GAAG,MACb,QAAQ;AAAA,MACN,OAAO,EAAE;AAAA,MACT,cAAc,EAAE;AAAA,MAChB,QAAQ;AAAA,IACV,CAAC;AAAA,IACH,SAAS,OAAO,4BAA4B;AAAA,EAC9C,CAAC;AAED,QAAM,eAAe,OAAO,MAAa;AACvC,UAAM,YAAY,EAAE,WAAW;AAC/B,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO,YAAY,WAAW,EAAE,KAAK,MAAM,WAAW,EAAE,KAAK;AAAA,MAC7D,aAAa,YACT,4DACA;AAAA,MACJ,cAAc,YAAY,YAAY;AAAA,MACtC,MAAM,YAAY,YAAY;AAAA,IAChC,CAAC;AACD,QAAI,GAAI,WAAU,OAAO,CAAC;AAAA,EAC5B;AAEA,QAAM,QAAQ,OAAO,MAAa;AAChC,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO,sBAAsB,EAAE,KAAK;AAAA,MACpC,aACE;AAAA,MACF,cAAc;AAAA,MACd,MAAM;AAAA,IACR,CAAC;AACD,QAAI,GAAI,eAAc,OAAO,CAAC;AAAA,EAChC;AAEA,SAAO,EAAE,MAAM,SAAS,cAAc,MAAM;AAC9C;","names":[]}

package/dist/admin/audit/action-meta.js

@@ -0,0 +1,26 @@
+const META = {
+  "account.status.update": { tone: "risk" },
+  "account.email.force_verify": { tone: "brand" },
+  "account.impersonate": { tone: "inbox" },
+  "admin.invite": { tone: "platform" },
+  "admin.roles.update": { tone: "platform" },
+  "admin.permissions.update": { tone: "platform" },
+  "admin.status.update": { tone: "risk" },
+  "admin.password.changed": { tone: "ops" },
+  "admin.login.success": { tone: "brand" },
+  "admin.login.failed": { tone: "risk" },
+  "role.create": { tone: "platform" },
+  "role.update": { tone: "platform" },
+  "role.delete": { tone: "risk" },
+  "tenant.status.update": { tone: "brand" }
+};
+function actionMeta(action) {
+  if (META[action]) return META[action];
+  if (/delete|remove|fail|suspend/.test(action)) return { tone: "risk" };
+  if (/verify|approve/.test(action)) return { tone: "brand" };
+  return { tone: "platform" };
+}
+export {
+  actionMeta
+};
+//# sourceMappingURL=action-meta.js.map

package/dist/admin/audit/action-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/audit/action-meta.ts"],"sourcesContent":["import type { Tone } from '../_fx';\n\nexport interface ActionMeta {\n  tone: Tone;\n}\n\n/**\n * The tone of each audit action, in Box brand tones only: risk (red) for\n * access going wrong or being removed, platform for admin housekeeping,\n * brand blues for sign-ins, merchants and people. Never green. No icons.\n */\nconst META: Record<string, ActionMeta> = {\n  'account.status.update': { tone: 'risk' },\n  'account.email.force_verify': { tone: 'brand' },\n  'account.impersonate': { tone: 'inbox' },\n  'admin.invite': { tone: 'platform' },\n  'admin.roles.update': { tone: 'platform' },\n  'admin.permissions.update': { tone: 'platform' },\n  'admin.status.update': { tone: 'risk' },\n  'admin.password.changed': { tone: 'ops' },\n  'admin.login.success': { tone: 'brand' },\n  'admin.login.failed': { tone: 'risk' },\n  'role.create': { tone: 'platform' },\n  'role.update': { tone: 'platform' },\n  'role.delete': { tone: 'risk' },\n  'tenant.status.update': { tone: 'brand' },\n};\n\n/** Tone for an action; unknown actions fall back by verb. */\nexport function actionMeta(action: string): ActionMeta {\n  if (META[action]) return META[action];\n  if (/delete|remove|fail|suspend/.test(action)) return { tone: 'risk' };\n  if (/verify|approve/.test(action)) return { tone: 'brand' };\n  return { tone: 'platform' };\n}\n"],"mappings":"AAWA,MAAM,OAAmC;AAAA,EACvC,yBAAyB,EAAE,MAAM,OAAO;AAAA,EACxC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,EAC9C,uBAAuB,EAAE,MAAM,QAAQ;AAAA,EACvC,gBAAgB,EAAE,MAAM,WAAW;AAAA,EACnC,sBAAsB,EAAE,MAAM,WAAW;AAAA,EACzC,4BAA4B,EAAE,MAAM,WAAW;AAAA,EAC/C,uBAAuB,EAAE,MAAM,OAAO;AAAA,EACtC,0BAA0B,EAAE,MAAM,MAAM;AAAA,EACxC,uBAAuB,EAAE,MAAM,QAAQ;AAAA,EACvC,sBAAsB,EAAE,MAAM,OAAO;AAAA,EACrC,eAAe,EAAE,MAAM,WAAW;AAAA,EAClC,eAAe,EAAE,MAAM,WAAW;AAAA,EAClC,eAAe,EAAE,MAAM,OAAO;AAAA,EAC9B,wBAAwB,EAAE,MAAM,QAAQ;AAC1C;AAGO,SAAS,WAAW,QAA4B;AACrD,MAAI,KAAK,MAAM,EAAG,QAAO,KAAK,MAAM;AACpC,MAAI,6BAA6B,KAAK,MAAM,EAAG,QAAO,EAAE,MAAM,OAAO;AACrE,MAAI,iBAAiB,KAAK,MAAM,EAAG,QAAO,EAAE,MAAM,QAAQ;AAC1D,SAAO,EAAE,MAAM,WAAW;AAC5B;","names":[]}

package/dist/admin/audit/activity-chart.js

@@ -0,0 +1,117 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from "react";
+import styles from "./activity-chart.module.css";
+const PAD_L = 40;
+const PAD_R = 8;
+const PAD_T = 12;
+const PAD_B = 28;
+const LABEL_W = 64;
+const integer = new Intl.NumberFormat("en-US");
+const day = (s) => {
+  const d = new Date(s);
+  return Number.isNaN(d.getTime()) ? s : d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+};
+function niceMax(max) {
+  if (max <= 4) return 4;
+  const mag = 10 ** Math.floor(Math.log10(max / 4));
+  const step = [1, 2, 2.5, 5, 10].find((s) => s * mag * 4 >= max) ?? 10;
+  return step * mag * 4;
+}
+function ActivityChart({
+  data,
+  label,
+  emptyLabel,
+  height = 240
+}) {
+  const wrap = useRef(null);
+  const [width, setWidth] = useState(640);
+  useLayoutEffect(() => {
+    const el = wrap.current;
+    if (!el) return;
+    const ro = new ResizeObserver(([e]) => {
+      if (e.contentRect.width > 0) setWidth(e.contentRect.width);
+    });
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const total = data.reduce((sum, d) => sum + d.count, 0);
+  if (data.length === 0 || total === 0) {
+    return /* @__PURE__ */ jsx("p", { className: styles.empty, children: emptyLabel });
+  }
+  const top = niceMax(Math.max(...data.map((d) => d.count)));
+  const innerW = Math.max(width - PAD_L - PAD_R, 1);
+  const innerH = height - PAD_T - PAD_B;
+  const slot = innerW / data.length;
+  const barW = Math.max(Math.min(slot * 0.7, 28), 2);
+  const every = Math.max(1, Math.ceil(data.length / (innerW / LABEL_W)));
+  const ticks = [0, 1, 2, 3, 4].map((i) => top / 4 * i);
+  const y = (v) => PAD_T + innerH - v / top * innerH;
+  const peak = data.reduce((a, b) => b.count > a.count ? b : a);
+  return /* @__PURE__ */ jsx("div", { ref: wrap, className: styles.wrap, children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width,
+      height,
+      role: "img",
+      "aria-label": `${integer.format(total)} ${label} in ${data.length} days; busiest ${day(peak.date)} with ${integer.format(peak.count)}.`,
+      children: [
+        ticks.map((t) => /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx(
+            "line",
+            {
+              className: t === 0 ? styles.base : styles.grid,
+              x1: PAD_L,
+              x2: width - PAD_R,
+              y1: y(t),
+              y2: y(t)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "text",
+            {
+              className: styles.axis,
+              x: PAD_L - 8,
+              y: y(t),
+              textAnchor: "end",
+              dominantBaseline: "middle",
+              children: integer.format(t)
+            }
+          )
+        ] }, t)),
+        data.map((d, i) => {
+          const cx = PAD_L + slot * i + slot / 2;
+          const h = Math.max(PAD_T + innerH - y(d.count), d.count ? 2 : 0);
+          return /* @__PURE__ */ jsxs("g", { children: [
+            /* @__PURE__ */ jsx(
+              "rect",
+              {
+                className: styles.bar,
+                x: cx - barW / 2,
+                y: PAD_T + innerH - h,
+                width: barW,
+                height: h,
+                rx: Math.min(3, barW / 2),
+                children: /* @__PURE__ */ jsx("title", { children: `${day(d.date)}: ${integer.format(d.count)} ${label}` })
+              }
+            ),
+            i % every === 0 && /* @__PURE__ */ jsx(
+              "text",
+              {
+                className: styles.axis,
+                x: cx,
+                y: height - 8,
+                textAnchor: "middle",
+                children: day(d.date)
+              }
+            )
+          ] }, d.date);
+        })
+      ]
+    }
+  ) });
+}
+export {
+  ActivityChart
+};
+//# sourceMappingURL=activity-chart.js.map

package/dist/admin/audit/activity-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/audit/activity-chart.tsx"],"sourcesContent":["'use client';\n\nimport { useLayoutEffect, useRef, useState } from 'react';\nimport styles from './activity-chart.module.css';\n\nconst PAD_L = 40;\nconst PAD_R = 8;\nconst PAD_T = 12;\nconst PAD_B = 28;\n/** Room one date label needs before the next one may sit beside it. */\nconst LABEL_W = 64;\n\nconst integer = new Intl.NumberFormat('en-US');\nconst day = (s: string) => {\n  const d = new Date(s);\n  return Number.isNaN(d.getTime())\n    ? s\n    : d.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });\n};\n\n/** A round ceiling with four even steps: 0, ¼, ½, ¾, max. */\nfunction niceMax(max: number) {\n  if (max <= 4) return 4;\n  const mag = 10 ** Math.floor(Math.log10(max / 4));\n  const step = [1, 2, 2.5, 5, 10].find((s) => s * mag * 4 >= max) ?? 10;\n  return step * mag * 4;\n}\n\n/**\n * Events per day as brand columns. Four gridlines and as many date labels\n * as the width holds, so the axes read at a glance at any card size.\n */\nexport function ActivityChart({\n  data,\n  label,\n  emptyLabel,\n  height = 240,\n}: {\n  data: Array<{ date: string; count: number }>;\n  /** What one unit is, for the hover and screen-reader text: \"actions\". */\n  label: string;\n  emptyLabel: string;\n  height?: number;\n}) {\n  const wrap = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(640);\n\n  useLayoutEffect(() => {\n    const el = wrap.current;\n    if (!el) return;\n    const ro = new ResizeObserver(([e]) => {\n      if (e.contentRect.width > 0) setWidth(e.contentRect.width);\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  const total = data.reduce((sum, d) => sum + d.count, 0);\n  if (data.length === 0 || total === 0) {\n    return <p className={styles.empty}>{emptyLabel}</p>;\n  }\n\n  const top = niceMax(Math.max(...data.map((d) => d.count)));\n  const innerW = Math.max(width - PAD_L - PAD_R, 1);\n  const innerH = height - PAD_T - PAD_B;\n  const slot = innerW / data.length;\n  const barW = Math.max(Math.min(slot * 0.7, 28), 2);\n  const every = Math.max(1, Math.ceil(data.length / (innerW / LABEL_W)));\n  const ticks = [0, 1, 2, 3, 4].map((i) => (top / 4) * i);\n  const y = (v: number) => PAD_T + innerH - (v / top) * innerH;\n  const peak = data.reduce((a, b) => (b.count > a.count ? b : a));\n\n  return (\n    <div ref={wrap} className={styles.wrap}>\n      <svg\n        width={width}\n        height={height}\n        role=\"img\"\n        aria-label={`${integer.format(total)} ${label} in ${data.length} days; busiest ${day(peak.date)} with ${integer.format(peak.count)}.`}\n      >\n        {ticks.map((t) => (\n          <g key={t}>\n            <line\n              className={t === 0 ? styles.base : styles.grid}\n              x1={PAD_L}\n              x2={width - PAD_R}\n              y1={y(t)}\n              y2={y(t)}\n            />\n            <text\n              className={styles.axis}\n              x={PAD_L - 8}\n              y={y(t)}\n              textAnchor=\"end\"\n              dominantBaseline=\"middle\"\n            >\n              {integer.format(t)}\n            </text>\n          </g>\n        ))}\n        {data.map((d, i) => {\n          const cx = PAD_L + slot * i + slot / 2;\n          const h = Math.max(PAD_T + innerH - y(d.count), d.count ? 2 : 0);\n          return (\n            <g key={d.date}>\n              <rect\n                className={styles.bar}\n                x={cx - barW / 2}\n                y={PAD_T + innerH - h}\n                width={barW}\n                height={h}\n                rx={Math.min(3, barW / 2)}\n              >\n                <title>{`${day(d.date)}: ${integer.format(d.count)} ${label}`}</title>\n              </rect>\n              {i % every === 0 && (\n                <text\n                  className={styles.axis}\n                  x={cx}\n                  y={height - 8}\n                  textAnchor=\"middle\"\n                >\n                  {day(d.date)}\n                </text>\n              )}\n            </g>\n          );\n        })}\n      </svg>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/audit/activity-chart.module.css

@@ -0,0 +1,44 @@
+/* Daily activity columns in the brand blue, on quiet gridlines. */
+.wrap {
+  width: 100%;
+  min-width: 0;
+}
+
+.wrap svg {
+  display: block;
+}
+
+.grid {
+  stroke: var(--border-default);
+  stroke-dasharray: 3 4;
+  opacity: 0.6;
+}
+
+.base {
+  stroke: var(--border-default);
+}
+
+.axis {
+  fill: var(--text-tertiary);
+  font-size: 11px;
+  font-variant-numeric: tabular-nums;
+}
+
+.bar {
+  fill: var(--brand-500);
+  transition: fill var(--adm-fast);
+}
+
+.bar:hover {
+  fill: var(--brand-700);
+}
+
+.empty {
+  display: grid;
+  place-items: center;
+  min-height: 160px;
+  margin: 0;
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--text-tertiary);
+}

package/dist/admin/audit/audit-analytics.js

@@ -0,0 +1,146 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { CountUp, Reveal } from "../_fx";
+import { usePlatformAuditAnalytics } from "../hooks";
+import {
+  StatCard,
+  DonutChart,
+  Panel,
+  AdmLoading,
+  categoryColor,
+  periodPhrase
+} from "../_ui";
+import { prettyAction } from "./format";
+import { BarList } from "./bar-list";
+import { LoadFailed } from "./load-failed";
+import { ActivityChart } from "./activity-chart";
+import kpi from "./kpi-brand.module.css";
+import styles from "./audit.module.css";
+const slices = (rows) => [...rows].sort((a, b) => b.value - a.value).map((r, i) => ({ ...r, color: categoryColor(i) }));
+function AuditAnalytics({ range }) {
+  const { data, isLoading, isError, refetch } = usePlatformAuditAnalytics({
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+  const actionSlices = useMemo(
+    () => slices(
+      (data?.actionBreakdown ?? []).map((a) => ({
+        label: prettyAction(a.action),
+        value: a.count
+      }))
+    ),
+    [data]
+  );
+  const targetSlices = useMemo(
+    () => slices(
+      (data?.targetBreakdown ?? []).map((t) => ({
+        label: t.targetType,
+        value: t.count
+      }))
+    ),
+    [data]
+  );
+  if (isError) {
+    return /* @__PURE__ */ jsx(
+      LoadFailed,
+      {
+        message: "Audit analytics could not be loaded.",
+        onRetry: () => void refetch()
+      }
+    );
+  }
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading analytics\u2026" });
+  const span = periodPhrase(range);
+  const caption = `${span[0].toUpperCase()}${span.slice(1)}`;
+  const topAction = data.totals.topAction ? prettyAction(data.totals.topAction) : "\u2013";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("section", { "aria-label": "Audit indicators", className: `adm-grid ${kpi.kpis}`, children: [
+      /* @__PURE__ */ jsx(Reveal, { index: 0, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Actions",
+          value: /* @__PURE__ */ jsx(CountUp, { value: data.totals.actions }),
+          sub: "audit events",
+          spark: data.actionSeries.map((p) => p.count)
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Active admins",
+          value: /* @__PURE__ */ jsx(CountUp, { value: data.totals.activeAdmins }),
+          sub: "took an action"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Action types",
+          value: /* @__PURE__ */ jsx(CountUp, { value: data.totals.actionTypes }),
+          sub: "distinct events"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 3, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Top action",
+          value: /* @__PURE__ */ jsx("span", { className: styles.kpiWord, title: topAction, children: topAction }),
+          sub: "most frequent"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-8", children: /* @__PURE__ */ jsx(Panel, { title: "Actions over time", caption, children: /* @__PURE__ */ jsx(
+        ActivityChart,
+        {
+          data: data.actionSeries,
+          label: "actions",
+          emptyLabel: "No audit activity in this window"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(
+        Panel,
+        {
+          title: "Most active admins",
+          count: data.adminBreakdown.length,
+          caption,
+          height: "var(--adm-panel-h)",
+          children: /* @__PURE__ */ jsx(
+            BarList,
+            {
+              rows: data.adminBreakdown.map((a) => ({
+                key: a.adminEmail,
+                label: a.adminEmail,
+                count: a.count
+              })),
+              empty: "No admin took an action in this window."
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(Panel, { title: "By action", caption, children: /* @__PURE__ */ jsx(
+        DonutChart,
+        {
+          data: actionSlices,
+          centerLabel: "actions",
+          emptyLabel: "No actions in this window"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(Panel, { title: "By target", caption, children: /* @__PURE__ */ jsx(
+        DonutChart,
+        {
+          data: targetSlices,
+          centerLabel: "actions",
+          emptyLabel: "No targets in this window"
+        }
+      ) }) })
+    ] })
+  ] });
+}
+export {
+  AuditAnalytics
+};
+//# sourceMappingURL=audit-analytics.js.map

package/dist/admin/audit/audit-analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/audit/audit-analytics.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { CountUp, Reveal } from '../_fx';\nimport { usePlatformAuditAnalytics } from '../hooks';\nimport {\n  StatCard,\n  DonutChart,\n  Panel,\n  AdmLoading,\n  categoryColor,\n  periodPhrase,\n  type DateRange,\n  type DonutSlice,\n} from '../_ui';\nimport { prettyAction } from './format';\nimport { BarList } from './bar-list';\nimport { LoadFailed } from './load-failed';\nimport { ActivityChart } from './activity-chart';\nimport kpi from './kpi-brand.module.css';\nimport styles from './audit.module.css';\n\n/** Largest first, coloured in that order, so the donut reads clockwise. */\nconst slices = (rows: Array<{ label: string; value: number }>): DonutSlice[] =>\n  [...rows]\n    .sort((a, b) => b.value - a.value)\n    .map((r, i) => ({ ...r, color: categoryColor(i) }));\n\nexport function AuditAnalytics({ range }: { range: DateRange }) {\n  const { data, isLoading, isError, refetch } = usePlatformAuditAnalytics({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  const actionSlices = useMemo(\n    () =>\n      slices(\n        (data?.actionBreakdown ?? []).map((a) => ({\n          label: prettyAction(a.action),\n          value: a.count,\n        })),\n      ),\n    [data],\n  );\n\n  const targetSlices = useMemo(\n    () =>\n      slices(\n        (data?.targetBreakdown ?? []).map((t) => ({\n          label: t.targetType,\n          value: t.count,\n        })),\n      ),\n    [data],\n  );\n\n  if (isError) {\n    return (\n      <LoadFailed\n        message=\"Audit analytics could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  }\n  if (isLoading || !data) return <AdmLoading label=\"Loading analytics…\" />;\n\n  const span = periodPhrase(range);\n  const caption = `${span[0].toUpperCase()}${span.slice(1)}`;\n  // A label, never a figure: set at body size, not the 30px figure size.\n  const topAction = data.totals.topAction\n    ? prettyAction(data.totals.topAction)\n    : '–';\n\n  return (\n    <>\n      <section aria-label=\"Audit indicators\" className={`adm-grid ${kpi.kpis}`}>\n        <Reveal index={0} className=\"adm-span-3\">\n          <StatCard\n            label=\"Actions\"\n            value={<CountUp value={data.totals.actions} />}\n            sub=\"audit events\"\n            spark={data.actionSeries.map((p) => p.count)}\n          />\n        </Reveal>\n        <Reveal index={1} className=\"adm-span-3\">\n          <StatCard\n            label=\"Active admins\"\n            value={<CountUp value={data.totals.activeAdmins} />}\n            sub=\"took an action\"\n          />\n        </Reveal>\n        <Reveal index={2} className=\"adm-span-3\">\n          <StatCard\n            label=\"Action types\"\n            value={<CountUp value={data.totals.actionTypes} />}\n            sub=\"distinct events\"\n          />\n        </Reveal>\n        <Reveal index={3} className=\"adm-span-3\">\n          <StatCard\n            label=\"Top action\"\n            value={\n              <span className={styles.kpiWord} title={topAction}>\n                {topAction}\n              </span>\n            }\n            sub=\"most frequent\"\n          />\n        </Reveal>\n      </section>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-8\">\n          <Panel title=\"Actions over time\" caption={caption}>\n            <ActivityChart\n              data={data.actionSeries}\n              label=\"actions\"\n              emptyLabel=\"No audit activity in this window\"\n            />\n          </Panel>\n        </div>\n        <div className=\"adm-span-4\">\n          <Panel\n            title=\"Most active admins\"\n            count={data.adminBreakdown.length}\n            caption={caption}\n            height=\"var(--adm-panel-h)\"\n          >\n            <BarList\n              rows={data.adminBreakdown.map((a) => ({\n                key: a.adminEmail,\n                label: a.adminEmail,\n                count: a.count,\n              }))}\n              empty=\"No admin took an action in this window.\"\n            />\n          </Panel>\n        </div>\n      </div>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-6\">\n          <Panel title=\"By action\" caption={caption}>\n            <DonutChart\n              data={actionSlices}\n              centerLabel=\"actions\"\n              emptyLabel=\"No actions in this window\"\n            />\n          </Panel>\n        </div>\n        <div className=\"adm-span-6\">\n          <Panel title=\"By target\" caption={caption}>\n            <DonutChart\n              data={targetSlices}\n              centerLabel=\"actions\"\n              emptyLabel=\"No targets in this window\"\n            />\n          </Panel>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}