@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/roles/role-dialog.js

@@ -0,0 +1,162 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMutation } from "@tanstack/react-query";
+import { Button, FormDialog, Input, useToast } from "@withpotter/ui-kit";
+import { platformAdminApi } from "@withpotter/lib/admin-api";
+import { PermissionPicker, toggleIn } from "./permission-picker";
+import styles from "./roles.module.css";
+const COPY = {
+  create: { title: "Create role", action: "Create role" },
+  edit: { title: "Edit role", action: "Save changes" },
+  duplicate: { title: "Duplicate role", action: "Create copy" }
+};
+const FORM_ID = "role-dialog-form";
+function RoleDialog({
+  mode,
+  catalog,
+  onClose,
+  onSaved
+}) {
+  const [shown, setShown] = useState(mode);
+  const [opens, setOpens] = useState(0);
+  const [wasOpen, setWasOpen] = useState(false);
+  if (mode && mode !== shown) setShown(mode);
+  if (Boolean(mode) !== wasOpen) {
+    setWasOpen(Boolean(mode));
+    if (mode) setOpens((n) => n + 1);
+  }
+  const active = mode ?? shown;
+  if (!active) return null;
+  return /* @__PURE__ */ jsx(
+    RoleForm,
+    {
+      open: mode !== null,
+      mode: active,
+      catalog,
+      onClose,
+      onSaved
+    },
+    `${opens}-${active.kind}-${"role" in active ? active.role.id : ""}`
+  );
+}
+function RoleForm({
+  open,
+  mode,
+  catalog,
+  onClose,
+  onSaved
+}) {
+  const { toast } = useToast();
+  const source = mode.kind === "create" ? null : mode.role;
+  const [name, setName] = useState(
+    !source ? "" : mode.kind === "duplicate" ? `${source.name} (copy)` : source.name
+  );
+  const [description, setDescription] = useState(source?.description ?? "");
+  const [perms, setPerms] = useState(source?.permissions ?? []);
+  const lockedName = mode.kind === "edit" && mode.role.isSystem;
+  const save = useMutation({
+    mutationFn: async () => mode.kind === "edit" ? platformAdminApi.updateRole(mode.role.id, {
+      ...lockedName ? {} : { name: name.trim(), description: description.trim() },
+      permissions: perms
+    }) : platformAdminApi.createRole(
+      name.trim(),
+      perms,
+      description.trim() || void 0
+    ),
+    onSuccess: () => {
+      toast({
+        title: mode.kind === "edit" ? `${name} updated` : `${name.trim()} created`
+      });
+      onSaved();
+      onClose();
+    },
+    onError: (error) => toast({
+      title: "The role was not saved",
+      description: error.message,
+      variant: "destructive"
+    })
+  });
+  const canSave = name.trim().length > 0 && !save.isPending;
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open,
+      size: "lg",
+      title: COPY[mode.kind].title,
+      description: mode.kind === "edit" ? `Changes apply to every admin holding ${mode.role.name}.` : "Bundle permissions you can grant in one step.",
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("span", { className: styles.footNote, children: [
+          perms.length,
+          " permission",
+          perms.length === 1 ? "" : "s",
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles.footActions, children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              form: FORM_ID,
+              disabled: !canSave,
+              loading: save.isPending,
+              children: COPY[mode.kind].action
+            }
+          )
+        ] })
+      ] }),
+      children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          id: FORM_ID,
+          className: styles.dialogBody,
+          onSubmit: (e) => {
+            e.preventDefault();
+            if (canSave) save.mutate();
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: styles.dialogFields, children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  label: "Role name",
+                  placeholder: "e.g. Support",
+                  value: name,
+                  disabled: lockedName,
+                  onChange: (e) => setName(e.target.value),
+                  autoFocus: !lockedName
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  label: "Description (optional)",
+                  placeholder: "What this role is for",
+                  value: description,
+                  disabled: lockedName,
+                  onChange: (e) => setDescription(e.target.value)
+                }
+              )
+            ] }),
+            lockedName && /* @__PURE__ */ jsx("p", { className: styles.note, children: "Built-in roles keep their name. You can still change what they grant." }),
+            /* @__PURE__ */ jsx(
+              PermissionPicker,
+              {
+                keys: catalog,
+                value: perms,
+                onToggle: (key) => setPerms(toggleIn(key)),
+                onSet: setPerms
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  RoleDialog
+};
+//# sourceMappingURL=role-dialog.js.map

package/dist/admin/roles/role-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/roles/role-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation } from '@tanstack/react-query';\nimport { Button, FormDialog, Input, useToast } from '@withpotter/ui-kit';\nimport { platformAdminApi, type RoleRow as Role } from '@withpotter/lib/admin-api';\nimport { PermissionPicker, toggleIn } from './permission-picker';\nimport styles from './roles.module.css';\n\nexport type RoleDialogMode =\n  | { kind: 'create' }\n  | { kind: 'edit'; role: Role }\n  | { kind: 'duplicate'; role: Role };\n\nconst COPY = {\n  create: { title: 'Create role', action: 'Create role' },\n  edit: { title: 'Edit role', action: 'Save changes' },\n  duplicate: { title: 'Duplicate role', action: 'Create copy' },\n} as const;\n\nconst FORM_ID = 'role-dialog-form';\n\n/** Create, edit or duplicate a role: name, purpose and grouped permissions. */\nexport function RoleDialog({\n  mode,\n  catalog,\n  onClose,\n  onSaved,\n}: {\n  mode: RoleDialogMode | null;\n  catalog: readonly string[];\n  onClose: () => void;\n  onSaved: () => void;\n}) {\n  // Keep the last mode while the dialog animates out, and count each opening\n  // so the form remounts fresh — a reopened Create must not show the last\n  // role's name, nor a cancelled edit come back.\n  const [shown, setShown] = useState(mode);\n  const [opens, setOpens] = useState(0);\n  const [wasOpen, setWasOpen] = useState(false);\n  if (mode && mode !== shown) setShown(mode);\n  if (Boolean(mode) !== wasOpen) {\n    setWasOpen(Boolean(mode));\n    if (mode) setOpens((n) => n + 1);\n  }\n  const active = mode ?? shown;\n\n  if (!active) return null;\n  return (\n    <RoleForm\n      key={`${opens}-${active.kind}-${'role' in active ? active.role.id : ''}`}\n      open={mode !== null}\n      mode={active}\n      catalog={catalog}\n      onClose={onClose}\n      onSaved={onSaved}\n    />\n  );\n}\n\nfunction RoleForm({\n  open,\n  mode,\n  catalog,\n  onClose,\n  onSaved,\n}: {\n  open: boolean;\n  mode: RoleDialogMode;\n  catalog: readonly string[];\n  onClose: () => void;\n  onSaved: () => void;\n}) {\n  const { toast } = useToast();\n  const source = mode.kind === 'create' ? null : mode.role;\n  const [name, setName] = useState(\n    !source\n      ? ''\n      : mode.kind === 'duplicate'\n        ? `${source.name} (copy)`\n        : source.name,\n  );\n  const [description, setDescription] = useState(source?.description ?? '');\n  const [perms, setPerms] = useState<string[]>(source?.permissions ?? []);\n  const lockedName = mode.kind === 'edit' && mode.role.isSystem;\n\n  const save = useMutation({\n    mutationFn: async (): Promise<unknown> =>\n      mode.kind === 'edit'\n        ? platformAdminApi.updateRole(mode.role.id, {\n            ...(lockedName\n              ? {}\n              : { name: name.trim(), description: description.trim() }),\n            permissions: perms,\n          })\n        : platformAdminApi.createRole(\n            name.trim(),\n            perms,\n            description.trim() || undefined,\n          ),\n    onSuccess: () => {\n      toast({\n        title:\n          mode.kind === 'edit' ? `${name} updated` : `${name.trim()} created`,\n      });\n      onSaved();\n      onClose();\n    },\n    onError: (error) =>\n      toast({\n        title: 'The role was not saved',\n        description: error.message,\n        variant: 'destructive',\n      }),\n  });\n  const canSave = name.trim().length > 0 && !save.isPending;\n\n  return (\n    <FormDialog\n      open={open}\n      size=\"lg\"\n      title={COPY[mode.kind].title}\n      description={\n        mode.kind === 'edit'\n          ? `Changes apply to every admin holding ${mode.role.name}.`\n          : 'Bundle permissions you can grant in one step.'\n      }\n      onClose={onClose}\n      footer={\n        <>\n          <span className={styles.footNote}>\n            {perms.length} permission{perms.length === 1 ? '' : 's'} selected\n          </span>\n          <div className={styles.footActions}>\n            <Button type=\"button\" variant=\"secondary\" onClick={onClose}>\n              Cancel\n            </Button>\n            <Button\n              type=\"submit\"\n              form={FORM_ID}\n              disabled={!canSave}\n              loading={save.isPending}\n            >\n              {COPY[mode.kind].action}\n            </Button>\n          </div>\n        </>\n      }\n    >\n      <form\n        id={FORM_ID}\n        className={styles.dialogBody}\n        onSubmit={(e) => {\n          e.preventDefault();\n          if (canSave) save.mutate();\n        }}\n      >\n        <div className={styles.dialogFields}>\n          <Input\n            label=\"Role name\"\n            placeholder=\"e.g. Support\"\n            value={name}\n            disabled={lockedName}\n            onChange={(e) => setName(e.target.value)}\n            autoFocus={!lockedName}\n          />\n          <Input\n            label=\"Description (optional)\"\n            placeholder=\"What this role is for\"\n            value={description}\n            disabled={lockedName}\n            onChange={(e) => setDescription(e.target.value)}\n          />\n        </div>\n        {lockedName && (\n          <p className={styles.note}>\n            Built-in roles keep their name. You can still change what they\n            grant.\n          </p>\n        )}\n        <PermissionPicker\n          keys={catalog}\n          value={perms}\n          onToggle={(key) => setPerms(toggleIn(key))}\n          onSet={setPerms}\n        />\n      </form>\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/roles/role-row.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OverflowItem, OverflowMenu, TableRow, Tooltip } from "@withpotter/ui-kit";
+import { MoreChip } from "./more-chip";
+import { permissionLabel } from "./permissions";
+import styles from "./roles.module.css";
+const ROLE_COLUMNS = 5;
+const SHOWN = 3;
+const adminCount = (n) => `${n} admin${n === 1 ? "" : "s"}`;
+function PermissionChips({ keys }) {
+  if (keys.length === 0) return /* @__PURE__ */ jsx("span", { className: styles.muted, children: "\u2013" });
+  const shown = keys.slice(0, SHOWN).map(permissionLabel).join(", ");
+  return /* @__PURE__ */ jsxs("div", { className: styles.badges, children: [
+    /* @__PURE__ */ jsx("span", { className: styles.badge, title: shown, children: shown }),
+    /* @__PURE__ */ jsx(
+      MoreChip,
+      {
+        items: keys.slice(SHOWN).map(permissionLabel),
+        title: "More permissions"
+      }
+    )
+  ] });
+}
+function RoleRow({
+  r,
+  onEdit,
+  onDuplicate,
+  onDelete
+}) {
+  return /* @__PURE__ */ jsxs(TableRow, { onClick: onEdit, children: [
+    /* @__PURE__ */ jsx("td", { className: styles.roleCell, children: /* @__PURE__ */ jsx("div", { className: styles.roleIdentity, children: /* @__PURE__ */ jsxs("div", { className: styles.roleText, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.roleName, title: r.name, children: r.name }),
+      r.description && /* @__PURE__ */ jsx(Tooltip, { label: r.description, children: /* @__PURE__ */ jsx("span", { className: styles.roleDesc, tabIndex: 0, children: r.description }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(PermissionChips, { keys: r.permissions ?? [] }) }),
+    /* @__PURE__ */ jsx("td", { className: `${styles.nowrap} ${r.isSystem ? styles.muted : ""}`, children: r.isSystem ? "Built-in" : "Custom" }),
+    /* @__PURE__ */ jsx("td", { className: styles.num, children: r.assignedCount > 0 ? adminCount(r.assignedCount) : /* @__PURE__ */ jsx("span", { className: styles.muted, children: "Unused" }) }),
+    /* @__PURE__ */ jsx("td", { className: styles.menuCell, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(OverflowMenu, { label: `Actions for ${r.name}`, children: [
+      /* @__PURE__ */ jsx(OverflowItem, { onClick: onEdit, children: "Edit" }),
+      /* @__PURE__ */ jsx(OverflowItem, { onClick: onDuplicate, children: "Duplicate" }),
+      r.isSystem ? /* @__PURE__ */ jsx(Tooltip, { label: "Built-in roles can\u2019t be deleted. Duplicate it to make a version you can change freely.", children: /* @__PURE__ */ jsx("span", { className: styles.lockedItem, tabIndex: 0, children: /* @__PURE__ */ jsx(OverflowItem, { onClick: () => {
+      }, disabled: true, children: "Delete" }) }) }) : /* @__PURE__ */ jsx(OverflowItem, { onClick: onDelete, destructive: true, children: "Delete" })
+    ] }) })
+  ] });
+}
+export {
+  ROLE_COLUMNS,
+  RoleRow,
+  adminCount
+};
+//# sourceMappingURL=role-row.js.map

package/dist/admin/roles/role-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/roles/role-row.tsx"],"sourcesContent":["'use client';\n\nimport { OverflowItem, OverflowMenu, TableRow, Tooltip } from '@withpotter/ui-kit';\nimport type { RoleRow as Role } from '@withpotter/lib/admin-api';\nimport { MoreChip } from './more-chip';\nimport { permissionLabel } from './permissions';\nimport styles from './roles.module.css';\n\nexport const ROLE_COLUMNS = 5;\nconst SHOWN = 3;\n\nexport const adminCount = (n: number) => `${n} admin${n === 1 ? '' : 's'}`;\n\n/** Three permissions as plain text, then \"+N\" that opens the rest. */\nfunction PermissionChips({ keys }: { keys: string[] }) {\n  if (keys.length === 0) return <span className={styles.muted}>–</span>;\n  const shown = keys.slice(0, SHOWN).map(permissionLabel).join(', ');\n  return (\n    <div className={styles.badges}>\n      <span className={styles.badge} title={shown}>\n        {shown}\n      </span>\n      <MoreChip\n        items={keys.slice(SHOWN).map(permissionLabel)}\n        title=\"More permissions\"\n      />\n    </div>\n  );\n}\n\n/** One role: name, permissions, type, holders and its ••• menu. */\nexport function RoleRow({\n  r,\n  onEdit,\n  onDuplicate,\n  onDelete,\n}: {\n  r: Role;\n  onEdit: () => void;\n  onDuplicate: () => void;\n  onDelete: () => void;\n}) {\n  return (\n    <TableRow onClick={onEdit}>\n      <td className={styles.roleCell}>\n        <div className={styles.roleIdentity}>\n          <div className={styles.roleText}>\n            <div className={styles.roleName} title={r.name}>\n              {r.name}\n            </div>\n            {r.description && (\n              <Tooltip label={r.description}>\n                <span className={styles.roleDesc} tabIndex={0}>\n                  {r.description}\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        </div>\n      </td>\n      <td>\n        <PermissionChips keys={r.permissions ?? []} />\n      </td>\n      <td className={`${styles.nowrap} ${r.isSystem ? styles.muted : ''}`}>\n        {r.isSystem ? 'Built-in' : 'Custom'}\n      </td>\n      <td className={styles.num}>\n        {r.assignedCount > 0 ? (\n          adminCount(r.assignedCount)\n        ) : (\n          <span className={styles.muted}>Unused</span>\n        )}\n      </td>\n      <td className={styles.menuCell} onClick={(e) => e.stopPropagation()}>\n        <OverflowMenu label={`Actions for ${r.name}`}>\n          <OverflowItem onClick={onEdit}>Edit</OverflowItem>\n          <OverflowItem onClick={onDuplicate}>Duplicate</OverflowItem>\n          {r.isSystem ? (\n            <Tooltip label=\"Built-in roles can’t be deleted. Duplicate it to make a version you can change freely.\">\n              <span className={styles.lockedItem} tabIndex={0}>\n                <OverflowItem onClick={() => {}} disabled>\n                  Delete\n                </OverflowItem>\n              </span>\n            </Tooltip>\n          ) : (\n            <OverflowItem onClick={onDelete} destructive>\n              Delete\n            </OverflowItem>\n          )}\n        </OverflowMenu>\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":";AAegC,cAG5B,YAH4B;AAbhC,SAAS,cAAc,cAAc,UAAU,eAAe;AAE9D,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,OAAO,YAAY;AAEZ,MAAM,eAAe;AAC5B,MAAM,QAAQ;AAEP,MAAM,aAAa,CAAC,MAAc,GAAG,CAAC,SAAS,MAAM,IAAI,KAAK,GAAG;AAGxE,SAAS,gBAAgB,EAAE,KAAK,GAAuB;AACrD,MAAI,KAAK,WAAW,EAAG,QAAO,oBAAC,UAAK,WAAW,OAAO,OAAO,oBAAC;AAC9D,QAAM,QAAQ,KAAK,MAAM,GAAG,KAAK,EAAE,IAAI,eAAe,EAAE,KAAK,IAAI;AACjE,SACE,qBAAC,SAAI,WAAW,OAAO,QACrB;AAAA,wBAAC,UAAK,WAAW,OAAO,OAAO,OAAO,OACnC,iBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,KAAK,MAAM,KAAK,EAAE,IAAI,eAAe;AAAA,QAC5C,OAAM;AAAA;AAAA,IACR;AAAA,KACF;AAEJ;AAGO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,qBAAC,YAAS,SAAS,QACjB;AAAA,wBAAC,QAAG,WAAW,OAAO,UACpB,8BAAC,SAAI,WAAW,OAAO,cACrB,+BAAC,SAAI,WAAW,OAAO,UACrB;AAAA,0BAAC,SAAI,WAAW,OAAO,UAAU,OAAO,EAAE,MACvC,YAAE,MACL;AAAA,MACC,EAAE,eACD,oBAAC,WAAQ,OAAO,EAAE,aAChB,8BAAC,UAAK,WAAW,OAAO,UAAU,UAAU,GACzC,YAAE,aACL,GACF;AAAA,OAEJ,GACF,GACF;AAAA,IACA,oBAAC,QACC,8BAAC,mBAAgB,MAAM,EAAE,eAAe,CAAC,GAAG,GAC9C;AAAA,IACA,oBAAC,QAAG,WAAW,GAAG,OAAO,MAAM,IAAI,EAAE,WAAW,OAAO,QAAQ,EAAE,IAC9D,YAAE,WAAW,aAAa,UAC7B;AAAA,IACA,oBAAC,QAAG,WAAW,OAAO,KACnB,YAAE,gBAAgB,IACjB,WAAW,EAAE,aAAa,IAE1B,oBAAC,UAAK,WAAW,OAAO,OAAO,oBAAM,GAEzC;AAAA,IACA,oBAAC,QAAG,WAAW,OAAO,UAAU,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAChE,+BAAC,gBAAa,OAAO,eAAe,EAAE,IAAI,IACxC;AAAA,0BAAC,gBAAa,SAAS,QAAQ,kBAAI;AAAA,MACnC,oBAAC,gBAAa,SAAS,aAAa,uBAAS;AAAA,MAC5C,EAAE,WACD,oBAAC,WAAQ,OAAM,+FACb,8BAAC,UAAK,WAAW,OAAO,YAAY,UAAU,GAC5C,8BAAC,gBAAa,SAAS,MAAM;AAAA,MAAC,GAAG,UAAQ,MAAC,oBAE1C,GACF,GACF,IAEA,oBAAC,gBAAa,SAAS,UAAU,aAAW,MAAC,oBAE7C;AAAA,OAEJ,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/roles/roles-kpis.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { CountUp, Reveal } from "../_fx";
+import { StatCard } from "../_ui";
+function RolesKpis({
+  roles,
+  permissions,
+  isLoading
+}) {
+  const custom = roles.filter((r) => !r.isSystem).length;
+  const kpis = [
+    {
+      label: "Total roles",
+      value: roles.length,
+      sub: `${custom} custom \xB7 ${roles.length - custom} built-in`
+    },
+    {
+      label: "In use",
+      value: roles.filter((r) => r.assignedCount > 0).length,
+      sub: "assigned to an admin"
+    },
+    {
+      label: "Custom roles",
+      value: custom,
+      sub: "editable and deletable"
+    },
+    {
+      label: "Permissions",
+      value: permissions,
+      sub: "available to grant"
+    }
+  ];
+  return /* @__PURE__ */ jsx("section", { "aria-label": "Role indicators", className: "adm-grid", children: kpis.map((k, i) => /* @__PURE__ */ jsx(Reveal, { index: i, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+    StatCard,
+    {
+      label: k.label,
+      value: /* @__PURE__ */ jsx(CountUp, { value: k.value }),
+      sub: k.sub,
+      isLoading
+    }
+  ) }, k.label)) });
+}
+export {
+  RolesKpis
+};
+//# sourceMappingURL=roles-kpis.js.map

package/dist/admin/roles/roles-kpis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/roles/roles-kpis.tsx"],"sourcesContent":["import type { RoleRow as Role } from '@withpotter/lib/admin-api';\nimport { CountUp, Reveal } from '../_fx';\nimport { StatCard } from '../_ui';\n\n/** Four counts: roles, roles in use, custom roles, permissions on offer. */\nexport function RolesKpis({\n  roles,\n  permissions,\n  isLoading,\n}: {\n  roles: Role[];\n  permissions: number;\n  isLoading: boolean;\n}) {\n  const custom = roles.filter((r) => !r.isSystem).length;\n  const kpis = [\n    {\n      label: 'Total roles',\n      value: roles.length,\n      sub: `${custom} custom · ${roles.length - custom} built-in`,\n    },\n    {\n      label: 'In use',\n      value: roles.filter((r) => r.assignedCount > 0).length,\n      sub: 'assigned to an admin',\n    },\n    {\n      label: 'Custom roles',\n      value: custom,\n      sub: 'editable and deletable',\n    },\n    {\n      label: 'Permissions',\n      value: permissions,\n      sub: 'available to grant',\n    },\n  ];\n\n  return (\n    <section aria-label=\"Role indicators\" className=\"adm-grid\">\n      {kpis.map((k, i) => (\n        <Reveal key={k.label} index={i} className=\"adm-span-3\">\n          <StatCard\n            label={k.label}\n            value={<CountUp value={k.value} />}\n            sub={k.sub}\n            isLoading={isLoading}\n          />\n        </Reveal>\n      ))}\n    </section>\n  );\n}\n"],"mappings":"AA4CmB;AA3CnB,SAAS,SAAS,cAAc;AAChC,SAAS,gBAAgB;AAGlB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,MAAM,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE;AAChD,QAAM,OAAO;AAAA,IACX;AAAA,MACE,OAAO;AAAA,MACP,OAAO,MAAM;AAAA,MACb,KAAK,GAAG,MAAM,gBAAa,MAAM,SAAS,MAAM;AAAA,IAClD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,MAAM,OAAO,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAAE;AAAA,MAChD,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SACE,oBAAC,aAAQ,cAAW,mBAAkB,WAAU,YAC7C,eAAK,IAAI,CAAC,GAAG,MACZ,oBAAC,UAAqB,OAAO,GAAG,WAAU,cACxC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE;AAAA,MACT,OAAO,oBAAC,WAAQ,OAAO,EAAE,OAAO;AAAA,MAChC,KAAK,EAAE;AAAA,MACP;AAAA;AAAA,EACF,KANW,EAAE,KAOf,CACD,GACH;AAEJ;","names":[]}

package/dist/admin/roles/roles.module.css

@@ -0,0 +1,141 @@
+/* Roles: the role table and the create/edit dialog's grouped picker. */
+
+/* ---- Dialog body ---- */
+.dialogBody {
+  display: grid;
+  gap: 24px;
+}
+
+.dialogFields {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
+  gap: 12px;
+}
+
+.footNote {
+  font-size: 13px;
+  line-height: 20px;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-secondary);
+}
+
+.footActions {
+  display: flex;
+  gap: 8px;
+}
+
+@media (max-width: 719px) {
+  .dialogFields {
+    grid-template-columns: 1fr;
+  }
+}
+
+.note {
+  margin: 0;
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--text-tertiary);
+}
+
+/* ---- Page: never wider than the content column ---- */
+.page {
+  min-width: 0;
+  max-width: 100%;
+}
+
+/* ---- Role table: fixed columns, so long chips cannot push it wide ---- */
+.colRole {
+  width: 32%;
+}
+
+.colType,
+.colHeld {
+  width: 112px;
+}
+
+.colMenu {
+  width: 56px;
+}
+
+.roleCell {
+  overflow: hidden;
+}
+
+.roleIdentity {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+}
+
+.roleText {
+  display: grid;
+  min-width: 0;
+}
+
+.roleName {
+  overflow: hidden;
+  font-weight: 500;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-primary);
+}
+
+.roleDesc {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  border-radius: 4px;
+  font-size: 13px;
+  line-height: 20px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-tertiary);
+}
+
+.badges {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.badge {
+  flex-shrink: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-secondary);
+}
+
+.muted {
+  color: var(--text-tertiary);
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+.num {
+  text-align: right;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-secondary);
+}
+
+.menuCell {
+  width: 56px;
+  text-align: right;
+}
+
+.menuCell > div {
+  display: inline-flex;
+}
+
+.lockedItem {
+  display: block;
+  cursor: not-allowed;
+}

package/dist/admin/sales/activity-log-tab.js

@@ -0,0 +1,154 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { OverflowItem, OverflowMenu, TableRow, Th } from "@withpotter/ui-kit";
+import { toCsv } from "@withpotter/lib/csv";
+import {
+  FilterSelect,
+  Filters,
+  customRange,
+  rangeFromKey
+} from "../_ui";
+import { ListCard, ListPager } from "../_ui/list-card";
+import list from "../_ui/list-card.module.css";
+import { activityLine } from "./pipeline/lead-timeline";
+import { LeadDrawer } from "./pipeline/lead-drawer";
+import { CONTACT_TYPES } from "./stage-meta";
+import { useSalesActivities, useSalesOwners } from "./use-sales";
+const PAGE = 50;
+const when = (iso) => new Date(iso).toLocaleString("en-GB", {
+  dateStyle: "medium",
+  timeStyle: "short"
+});
+const TYPES = [
+  { value: "", label: "Everything" },
+  ...Object.entries(CONTACT_TYPES).map(([value, label]) => ({ value, label })),
+  { value: "stage_change", label: "Stage change" }
+];
+function download(rows) {
+  const body = rows.map((r) => [
+    when(r.occurredAt),
+    r.businessName,
+    r.adminName ?? (r.adminId ? "Admin" : "Automatic"),
+    activityLine(r),
+    r.body ?? ""
+  ]);
+  const url = URL.createObjectURL(
+    new Blob([toCsv([["When", "Lead", "Who", "What", "Note"], ...body])], {
+      type: "text/csv"
+    })
+  );
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = "sales-activity.csv";
+  a.click();
+  URL.revokeObjectURL(url);
+}
+function ActivityLogTab({
+  period
+}) {
+  const range = useMemo(
+    () => period.rangeKey === "custom" ? customRange(period.customStart, period.customEnd) : rangeFromKey(period.rangeKey),
+    [period.rangeKey, period.customStart, period.customEnd]
+  );
+  const [admin, setAdmin] = useState("");
+  const [type, setType] = useState("");
+  const filterKey = `${range.startDate}|${range.endDate}|${admin}|${type}`;
+  const [paging, setPaging] = useState({ key: filterKey, page: 1 });
+  const page = paging.key === filterKey ? paging.page : 1;
+  const setPage = (next) => setPaging({ key: filterKey, page: next });
+  const [open, setOpen] = useState(null);
+  const { data: owners = [] } = useSalesOwners();
+  const { data, isLoading, isError, refetch } = useSalesActivities({
+    from: range.startDate ?? "2020-01-01T00:00:00.000Z",
+    to: range.endDate,
+    admin: admin || void 0,
+    type: type || void 0,
+    page,
+    pageSize: PAGE
+  });
+  const pick = (set) => (v) => set(v);
+  const reps = [
+    { value: "", label: "Everyone" },
+    { value: "box", label: "Automatic" },
+    ...owners.map((o) => ({ value: o.id, label: o.name ?? o.email }))
+  ];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ListCard,
+      {
+        title: "Activity log",
+        count: data?.total,
+        columns: 5,
+        minWidth: 860,
+        isLoading,
+        isError,
+        onRetry: () => void refetch(),
+        errorTitle: "Failed to load the activity log.",
+        isEmpty: data?.rows.length === 0,
+        emptyTitle: "No sales activity in this period",
+        controls: /* @__PURE__ */ jsxs(Filters, { label: "Filter activity", children: [
+          /* @__PURE__ */ jsx(
+            FilterSelect,
+            {
+              label: "Who",
+              value: admin,
+              onChange: pick(setAdmin),
+              options: reps,
+              allValue: "",
+              placeholder: "Everyone"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterSelect,
+            {
+              label: "What",
+              value: type,
+              onChange: pick(setType),
+              options: TYPES,
+              allValue: "",
+              placeholder: "Everything"
+            }
+          ),
+          /* @__PURE__ */ jsx(OverflowMenu, { label: "Export", children: /* @__PURE__ */ jsx(
+            OverflowItem,
+            {
+              onClick: () => download(data?.rows ?? []),
+              disabled: !data?.rows.length,
+              children: "Export this page as CSV"
+            }
+          ) })
+        ] }),
+        head: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(Th, { children: "When" }),
+          /* @__PURE__ */ jsx(Th, { children: "Lead" }),
+          /* @__PURE__ */ jsx(Th, { children: "Who" }),
+          /* @__PURE__ */ jsx(Th, { children: "What" }),
+          /* @__PURE__ */ jsx(Th, { children: "Note" })
+        ] }),
+        footer: /* @__PURE__ */ jsx(
+          ListPager,
+          {
+            page,
+            totalPages: data ? Math.max(1, Math.ceil(data.total / PAGE)) : 1,
+            total: data?.total,
+            noun: "entries",
+            onPage: setPage
+          }
+        ),
+        children: data?.rows.map((r) => /* @__PURE__ */ jsxs(TableRow, { onClick: () => setOpen(r.leadId), children: [
+          /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: when(r.occurredAt) }),
+          /* @__PURE__ */ jsx("td", { className: list.nowrap, children: r.businessName }),
+          /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: r.adminName ?? (r.adminId ? "Admin" : "Automatic") }),
+          /* @__PURE__ */ jsx("td", { className: list.nowrap, children: activityLine(r) }),
+          /* @__PURE__ */ jsx("td", { className: `${list.clip} ${list.muted}`, children: r.body ?? "\u2013" })
+        ] }, r.id))
+      }
+    ),
+    /* @__PURE__ */ jsx(LeadDrawer, { leadId: open, onClose: () => setOpen(null) })
+  ] });
+}
+export {
+  ActivityLogTab
+};
+//# sourceMappingURL=activity-log-tab.js.map

package/dist/admin/sales/activity-log-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/activity-log-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, useState } from 'react';\nimport { OverflowItem, OverflowMenu, TableRow, Th } from '@withpotter/ui-kit';\nimport { toCsv } from '@withpotter/lib/csv';\nimport type { FeedEntry } from '@withpotter/lib/admin-sales-api';\nimport {\n  FilterSelect,\n  Filters,\n  customRange,\n  rangeFromKey,\n  type usePersistedDateRange,\n} from '../_ui';\nimport { ListCard, ListPager } from '../_ui/list-card';\nimport list from '../_ui/list-card.module.css';\nimport { activityLine } from './pipeline/lead-timeline';\nimport { LeadDrawer } from './pipeline/lead-drawer';\nimport { CONTACT_TYPES } from './stage-meta';\nimport { useSalesActivities, useSalesOwners } from './use-sales';\n\nconst PAGE = 50;\nconst when = (iso: string) =>\n  new Date(iso).toLocaleString('en-GB', {\n    dateStyle: 'medium',\n    timeStyle: 'short',\n  });\nconst TYPES = [\n  { value: '', label: 'Everything' },\n  ...Object.entries(CONTACT_TYPES).map(([value, label]) => ({ value, label })),\n  { value: 'stage_change', label: 'Stage change' },\n];\n\nfunction download(rows: FeedEntry[]) {\n  const body = rows.map((r) => [\n    when(r.occurredAt),\n    r.businessName,\n    r.adminName ?? (r.adminId ? 'Admin' : 'Automatic'),\n    activityLine(r),\n    r.body ?? '',\n  ]);\n  const url = URL.createObjectURL(\n    new Blob([toCsv([['When', 'Lead', 'Who', 'What', 'Note'], ...body])], {\n      type: 'text/csv',\n    }),\n  );\n  const a = document.createElement('a');\n\n  a.href = url;\n  a.download = 'sales-activity.csv';\n  a.click();\n  URL.revokeObjectURL(url);\n}\n\n/**\n * The sales log: every call, message, meeting, note and stage change across\n * all leads, newest first, with who did it. Nothing in it can be edited.\n */\nexport function ActivityLogTab({\n  period,\n}: {\n  period: ReturnType<typeof usePersistedDateRange>;\n}) {\n  const range = useMemo(\n    () =>\n      period.rangeKey === 'custom'\n        ? customRange(period.customStart, period.customEnd)\n        : rangeFromKey(period.rangeKey),\n    [period.rangeKey, period.customStart, period.customEnd],\n  );\n  const [admin, setAdmin] = useState('');\n  const [type, setType] = useState('');\n  // The page belongs to one set of filters: a new period or filter starts\n  // again at page 1 instead of landing past the end of a shorter list.\n  const filterKey = `${range.startDate}|${range.endDate}|${admin}|${type}`;\n  const [paging, setPaging] = useState({ key: filterKey, page: 1 });\n  const page = paging.key === filterKey ? paging.page : 1;\n  const setPage = (next: number) => setPaging({ key: filterKey, page: next });\n  const [open, setOpen] = useState<string | null>(null);\n  const { data: owners = [] } = useSalesOwners();\n  const { data, isLoading, isError, refetch } = useSalesActivities({\n    from: range.startDate ?? '2020-01-01T00:00:00.000Z',\n    to: range.endDate,\n    admin: admin || undefined,\n    type: type || undefined,\n    page,\n    pageSize: PAGE,\n  });\n  const pick = (set: (v: string) => void) => (v: string) => set(v);\n  const reps = [\n    { value: '', label: 'Everyone' },\n    { value: 'box', label: 'Automatic' },\n    ...owners.map((o) => ({ value: o.id, label: o.name ?? o.email })),\n  ];\n\n  return (\n    <>\n      <ListCard\n        title=\"Activity log\"\n        count={data?.total}\n        columns={5}\n        minWidth={860}\n        isLoading={isLoading}\n        isError={isError}\n        onRetry={() => void refetch()}\n        errorTitle=\"Failed to load the activity log.\"\n        isEmpty={data?.rows.length === 0}\n        emptyTitle=\"No sales activity in this period\"\n        controls={\n          <Filters label=\"Filter activity\">\n            <FilterSelect\n              label=\"Who\"\n              value={admin}\n              onChange={pick(setAdmin)}\n              options={reps}\n              allValue=\"\"\n              placeholder=\"Everyone\"\n            />\n            <FilterSelect\n              label=\"What\"\n              value={type}\n              onChange={pick(setType)}\n              options={TYPES}\n              allValue=\"\"\n              placeholder=\"Everything\"\n            />\n            <OverflowMenu label=\"Export\">\n              <OverflowItem\n                onClick={() => download(data?.rows ?? [])}\n                disabled={!data?.rows.length}\n              >\n                Export this page as CSV\n              </OverflowItem>\n            </OverflowMenu>\n          </Filters>\n        }\n        head={\n          <tr>\n            <Th>When</Th>\n            <Th>Lead</Th>\n            <Th>Who</Th>\n            <Th>What</Th>\n            <Th>Note</Th>\n          </tr>\n        }\n        footer={\n          <ListPager\n            page={page}\n            totalPages={data ? Math.max(1, Math.ceil(data.total / PAGE)) : 1}\n            total={data?.total}\n            noun=\"entries\"\n            onPage={setPage}\n          />\n        }\n      >\n        {data?.rows.map((r) => (\n          <TableRow key={r.id} onClick={() => setOpen(r.leadId)}>\n            <td className={`${list.nowrap} ${list.muted}`}>\n              {when(r.occurredAt)}\n            </td>\n            <td className={list.nowrap}>{r.businessName}</td>\n            <td className={`${list.nowrap} ${list.muted}`}>\n              {r.adminName ?? (r.adminId ? 'Admin' : 'Automatic')}\n            </td>\n            <td className={list.nowrap}>{activityLine(r)}</td>\n            <td className={`${list.clip} ${list.muted}`}>{r.body ?? '–'}</td>\n          </TableRow>\n        ))}\n      </ListCard>\n      <LeadDrawer leadId={open} onClose={() => setOpen(null)} />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/sales/bucket.js

@@ -0,0 +1,29 @@
+function bucketStart(date, grain) {
+  const day = /* @__PURE__ */ new Date(`${date.slice(0, 10)}T00:00:00Z`);
+  if (grain === "monthly") {
+    return Date.UTC(day.getUTCFullYear(), day.getUTCMonth(), 1);
+  }
+  if (grain === "weekly") {
+    const back = (day.getUTCDay() + 6) % 7;
+    return day.getTime() - back * 864e5;
+  }
+  return day.getTime();
+}
+function bucketSeries(series, grain) {
+  const keys = Object.keys(series);
+  const buckets = /* @__PURE__ */ new Map();
+  for (const key of keys) {
+    for (const point of series[key] ?? []) {
+      const t = bucketStart(point.date, grain);
+      const values = buckets.get(t) ?? Object.fromEntries(keys.map((k) => [k, 0]));
+      values[key] = (values[key] ?? 0) + point.count;
+      buckets.set(t, values);
+    }
+  }
+  return [...buckets.entries()].sort(([a], [b]) => a - b).map(([t, values]) => ({ t, values }));
+}
+export {
+  bucketSeries,
+  bucketStart
+};
+//# sourceMappingURL=bucket.js.map

package/dist/admin/sales/bucket.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/bucket.ts"],"sourcesContent":["export type Grain = 'daily' | 'weekly' | 'monthly';\n\n/** The UTC day a `YYYY-MM-DD` date falls in, moved to its bucket's start. */\nexport function bucketStart(date: string, grain: Grain): number {\n  const day = new Date(`${date.slice(0, 10)}T00:00:00Z`);\n\n  if (grain === 'monthly') {\n    return Date.UTC(day.getUTCFullYear(), day.getUTCMonth(), 1);\n  }\n  if (grain === 'weekly') {\n    // Weeks start on Monday: Sunday (0) steps back six days, Monday none.\n    const back = (day.getUTCDay() + 6) % 7;\n\n    return day.getTime() - back * 86_400_000;\n  }\n\n  return day.getTime();\n}\n\n/**\n * Several daily count series as one set of points, summed into the chosen\n * grain. A bucket any series reaches appears once, with a zero for each\n * series that has nothing in it, so every line spans the same axis.\n */\nexport function bucketSeries(\n  series: Record<string, Array<{ date: string; count: number }> | undefined>,\n  grain: Grain,\n): Array<{ t: number; values: Record<string, number> }> {\n  const keys = Object.keys(series);\n  const buckets = new Map<number, Record<string, number>>();\n\n  for (const key of keys) {\n    for (const point of series[key] ?? []) {\n      const t = bucketStart(point.date, grain);\n      const values =\n        buckets.get(t) ?? Object.fromEntries(keys.map((k) => [k, 0]));\n\n      values[key] = (values[key] ?? 0) + point.count;\n      buckets.set(t, values);\n    }\n  }\n\n  return [...buckets.entries()]\n    .sort(([a], [b]) => a - b)\n    .map(([t, values]) => ({ t, values }));\n}\n"],"mappings":"AAGO,SAAS,YAAY,MAAc,OAAsB;AAC9D,QAAM,MAAM,oBAAI,KAAK,GAAG,KAAK,MAAM,GAAG,EAAE,CAAC,YAAY;AAErD,MAAI,UAAU,WAAW;AACvB,WAAO,KAAK,IAAI,IAAI,eAAe,GAAG,IAAI,YAAY,GAAG,CAAC;AAAA,EAC5D;AACA,MAAI,UAAU,UAAU;AAEtB,UAAM,QAAQ,IAAI,UAAU,IAAI,KAAK;AAErC,WAAO,IAAI,QAAQ,IAAI,OAAO;AAAA,EAChC;AAEA,SAAO,IAAI,QAAQ;AACrB;AAOO,SAAS,aACd,QACA,OACsD;AACtD,QAAM,OAAO,OAAO,KAAK,MAAM;AAC/B,QAAM,UAAU,oBAAI,IAAoC;AAExD,aAAW,OAAO,MAAM;AACtB,eAAW,SAAS,OAAO,GAAG,KAAK,CAAC,GAAG;AACrC,YAAM,IAAI,YAAY,MAAM,MAAM,KAAK;AACvC,YAAM,SACJ,QAAQ,IAAI,CAAC,KAAK,OAAO,YAAY,KAAK,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9D,aAAO,GAAG,KAAK,OAAO,GAAG,KAAK,KAAK,MAAM;AACzC,cAAQ,IAAI,GAAG,MAAM;AAAA,IACvB;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,QAAQ,QAAQ,CAAC,EACzB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,EACxB,IAAI,CAAC,CAAC,GAAG,MAAM,OAAO,EAAE,GAAG,OAAO,EAAE;AACzC;","names":[]}