@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/accounts/use-account-actions.js

@@ -0,0 +1,42 @@
+"use client";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { platformAdminApi } from "@withpotter/lib/admin-api";
+import { seedOwnerSession } from "./owner-session";
+function useAccountActions() {
+  const queryClient = useQueryClient();
+  const invalidate = () => queryClient.invalidateQueries({ queryKey: ["platform-admin", "accounts"] });
+  const setStatus = useMutation({
+    mutationFn: (v) => platformAdminApi.setAccountStatus(v.id, v.status),
+    onSuccess: invalidate
+  });
+  const verify = useMutation({
+    mutationFn: (id) => platformAdminApi.verifyAccount(id),
+    onSuccess: invalidate
+  });
+  const impersonateMutation = useMutation({
+    mutationFn: async (v) => {
+      await platformAdminApi.impersonateAccount(v.id);
+      await seedOwnerSession();
+    },
+    // The API sets the owner's session cookie on this origin, so the merchant
+    // dashboard opens here, in the tab reserved at click time.
+    onSuccess: (_data, { tab }) => {
+      const url = `${window.location.origin}/dashboard`;
+      if (tab && !tab.closed) tab.location.href = url;
+      else window.open(url, "_blank", "noopener");
+    },
+    onError: (_error, { tab }) => tab?.close()
+  });
+  const impersonate = {
+    ...impersonateMutation,
+    /** Call inside the click. Pass `tab` when the click had to await first. */
+    mutate: (id, tab = window.open("", "_blank")) => impersonateMutation.mutate({ id, tab }),
+    /** Reserve the tab synchronously, before any await in a click handler. */
+    reserveTab: () => window.open("", "_blank")
+  };
+  return { setStatus, verify, impersonate };
+}
+export {
+  useAccountActions
+};
+//# sourceMappingURL=use-account-actions.js.map

package/dist/admin/accounts/use-account-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/use-account-actions.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { platformAdminApi } from '@withpotter/lib/admin-api';\nimport { seedOwnerSession } from './owner-session';\n\n/** Verify, suspend/restore and impersonate, refreshing account lists after. */\nexport function useAccountActions() {\n  const queryClient = useQueryClient();\n  const invalidate = () =>\n    queryClient.invalidateQueries({ queryKey: ['platform-admin', 'accounts'] });\n\n  const setStatus = useMutation({\n    mutationFn: (v: { id: string; status: string }) =>\n      platformAdminApi.setAccountStatus(v.id, v.status),\n    onSuccess: invalidate,\n  });\n\n  const verify = useMutation({\n    mutationFn: (id: string) => platformAdminApi.verifyAccount(id),\n    onSuccess: invalidate,\n  });\n\n  const impersonateMutation = useMutation({\n    mutationFn: async (v: { id: string; tab: Window | null }) => {\n      await platformAdminApi.impersonateAccount(v.id);\n      await seedOwnerSession();\n    },\n    // The API sets the owner's session cookie on this origin, so the merchant\n    // dashboard opens here, in the tab reserved at click time.\n    onSuccess: (_data, { tab }) => {\n      const url = `${window.location.origin}/dashboard`;\n\n      if (tab && !tab.closed) tab.location.href = url;\n      else window.open(url, '_blank', 'noopener');\n    },\n    onError: (_error, { tab }) => tab?.close(),\n  });\n\n  /**\n   * Opens the tab synchronously, inside the click, so the browser treats it as\n   * user-initiated; a tab opened after the request returns is a pop-up and\n   * lands on about:blank or gets blocked.\n   */\n  const impersonate = {\n    ...impersonateMutation,\n    /** Call inside the click. Pass `tab` when the click had to await first. */\n    mutate: (id: string, tab: Window | null = window.open('', '_blank')) =>\n      impersonateMutation.mutate({ id, tab }),\n    /** Reserve the tab synchronously, before any await in a click handler. */\n    reserveTab: () => window.open('', '_blank'),\n  };\n\n  return { setStatus, verify, impersonate };\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAG1B,SAAS,oBAAoB;AAClC,QAAM,cAAc,eAAe;AACnC,QAAM,aAAa,MACjB,YAAY,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,UAAU,EAAE,CAAC;AAE5E,QAAM,YAAY,YAAY;AAAA,IAC5B,YAAY,CAAC,MACX,iBAAiB,iBAAiB,EAAE,IAAI,EAAE,MAAM;AAAA,IAClD,WAAW;AAAA,EACb,CAAC;AAED,QAAM,SAAS,YAAY;AAAA,IACzB,YAAY,CAAC,OAAe,iBAAiB,cAAc,EAAE;AAAA,IAC7D,WAAW;AAAA,EACb,CAAC;AAED,QAAM,sBAAsB,YAAY;AAAA,IACtC,YAAY,OAAO,MAA0C;AAC3D,YAAM,iBAAiB,mBAAmB,EAAE,EAAE;AAC9C,YAAM,iBAAiB;AAAA,IACzB;AAAA;AAAA;AAAA,IAGA,WAAW,CAAC,OAAO,EAAE,IAAI,MAAM;AAC7B,YAAM,MAAM,GAAG,OAAO,SAAS,MAAM;AAErC,UAAI,OAAO,CAAC,IAAI,OAAQ,KAAI,SAAS,OAAO;AAAA,UACvC,QAAO,KAAK,KAAK,UAAU,UAAU;AAAA,IAC5C;AAAA,IACA,SAAS,CAAC,QAAQ,EAAE,IAAI,MAAM,KAAK,MAAM;AAAA,EAC3C,CAAC;AAOD,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA;AAAA,IAEH,QAAQ,CAAC,IAAY,MAAqB,OAAO,KAAK,IAAI,QAAQ,MAChE,oBAAoB,OAAO,EAAE,IAAI,IAAI,CAAC;AAAA;AAAA,IAExC,YAAY,MAAM,OAAO,KAAK,IAAI,QAAQ;AAAA,EAC5C;AAEA,SAAO,EAAE,WAAW,QAAQ,YAAY;AAC1C;","names":[]}

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

@@ -0,0 +1,37 @@
+"use client";
+import { useQueries } from "@tanstack/react-query";
+import { platformAdminApi } from "@withpotter/lib/admin-api";
+const MAX_WORKSPACES = 6;
+const live = (w) => w.status !== "deleted" && w.memberStatus !== "removed";
+const byAccount = (entry, accountId, isOwner) => entry.actorAccountId ? entry.actorAccountId === accountId : isOwner && entry.byOwner === true;
+function useAccountActivity(accountId, workspaces) {
+  const active = (workspaces ?? []).filter(live);
+  const targets = active.slice(0, MAX_WORKSPACES);
+  const results = useQueries({
+    queries: targets.map((w) => ({
+      queryKey: ["platform-admin", "tenant", w.tenantId, {}],
+      queryFn: () => platformAdminApi.tenant(w.tenantId, {}),
+      enabled: Boolean(accountId),
+      staleTime: 6e4
+    }))
+  });
+  const entries = results.flatMap((result, index) => {
+    const w = targets[index];
+    const isOwner = w.role === "owner";
+    return (result.data?.activity ?? []).filter((entry) => byAccount(entry, accountId ?? "", isOwner)).map((entry) => ({
+      ...entry,
+      workspace: { id: w.tenantId, name: w.businessName }
+    }));
+  }).sort((a, b) => b.at.localeCompare(a.at));
+  return {
+    entries,
+    isLoading: results.some((r) => r.isLoading),
+    /** Workspaces left out of the timeline, said out loud in the UI. */
+    skipped: active.length - targets.length
+  };
+}
+export {
+  MAX_WORKSPACES,
+  useAccountActivity
+};
+//# sourceMappingURL=use-account-activity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/use-account-activity.ts"],"sourcesContent":["'use client';\n\nimport { useQueries } from '@tanstack/react-query';\nimport { platformAdminApi } from '@withpotter/lib/admin-api';\nimport type { AccountTenantRow } from '@withpotter/lib/admin-account-types';\nimport type { TenantActivityEntry } from '@withpotter/lib/admin-tenant-setup-types';\n\n/** Workspaces read for activity; an account rarely has more. */\nexport const MAX_WORKSPACES = 6;\n\nexport interface AccountActivityEntry extends TenantActivityEntry {\n  workspace: { id: string; name: string };\n}\n\nconst live = (w: AccountTenantRow) =>\n  w.status !== 'deleted' && w.memberStatus !== 'removed';\n\n/** Did this account do it? By id when the API says, else by owner flag. */\nconst byAccount = (\n  entry: TenantActivityEntry,\n  accountId: string,\n  isOwner: boolean,\n) =>\n  entry.actorAccountId\n    ? entry.actorAccountId === accountId\n    : isOwner && entry.byOwner === true;\n\n/**\n * What this person has been doing, newest first, across every workspace\n * they belong to. Reuses each workspace's detail (same cache as the tenant\n * page), so opening the tenant afterwards is instant.\n */\nexport function useAccountActivity(\n  accountId: string | null,\n  workspaces: AccountTenantRow[] | undefined,\n) {\n  const active = (workspaces ?? []).filter(live);\n  const targets = active.slice(0, MAX_WORKSPACES);\n  const results = useQueries({\n    queries: targets.map((w) => ({\n      queryKey: ['platform-admin', 'tenant', w.tenantId, {}],\n      queryFn: () => platformAdminApi.tenant(w.tenantId, {}),\n      enabled: Boolean(accountId),\n      staleTime: 60_000,\n    })),\n  });\n\n  const entries: AccountActivityEntry[] = results\n    .flatMap((result, index) => {\n      const w = targets[index];\n      const isOwner = w.role === 'owner';\n\n      return (result.data?.activity ?? [])\n        .filter((entry) => byAccount(entry, accountId ?? '', isOwner))\n        .map((entry) => ({\n          ...entry,\n          workspace: { id: w.tenantId, name: w.businessName },\n        }));\n    })\n    .sort((a, b) => b.at.localeCompare(a.at));\n\n  return {\n    entries,\n    isLoading: results.some((r) => r.isLoading),\n    /** Workspaces left out of the timeline, said out loud in the UI. */\n    skipped: active.length - targets.length,\n  };\n}\n"],"mappings":";AAEA,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAK1B,MAAM,iBAAiB;AAM9B,MAAM,OAAO,CAAC,MACZ,EAAE,WAAW,aAAa,EAAE,iBAAiB;AAG/C,MAAM,YAAY,CAChB,OACA,WACA,YAEA,MAAM,iBACF,MAAM,mBAAmB,YACzB,WAAW,MAAM,YAAY;AAO5B,SAAS,mBACd,WACA,YACA;AACA,QAAM,UAAU,cAAc,CAAC,GAAG,OAAO,IAAI;AAC7C,QAAM,UAAU,OAAO,MAAM,GAAG,cAAc;AAC9C,QAAM,UAAU,WAAW;AAAA,IACzB,SAAS,QAAQ,IAAI,CAAC,OAAO;AAAA,MAC3B,UAAU,CAAC,kBAAkB,UAAU,EAAE,UAAU,CAAC,CAAC;AAAA,MACrD,SAAS,MAAM,iBAAiB,OAAO,EAAE,UAAU,CAAC,CAAC;AAAA,MACrD,SAAS,QAAQ,SAAS;AAAA,MAC1B,WAAW;AAAA,IACb,EAAE;AAAA,EACJ,CAAC;AAED,QAAM,UAAkC,QACrC,QAAQ,CAAC,QAAQ,UAAU;AAC1B,UAAM,IAAI,QAAQ,KAAK;AACvB,UAAM,UAAU,EAAE,SAAS;AAE3B,YAAQ,OAAO,MAAM,YAAY,CAAC,GAC/B,OAAO,CAAC,UAAU,UAAU,OAAO,aAAa,IAAI,OAAO,CAAC,EAC5D,IAAI,CAAC,WAAW;AAAA,MACf,GAAG;AAAA,MACH,WAAW,EAAE,IAAI,EAAE,UAAU,MAAM,EAAE,aAAa;AAAA,IACpD,EAAE;AAAA,EACN,CAAC,EACA,KAAK,CAAC,GAAG,MAAM,EAAE,GAAG,cAAc,EAAE,EAAE,CAAC;AAE1C,SAAO;AAAA,IACL;AAAA,IACA,WAAW,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS;AAAA;AAAA,IAE1C,SAAS,OAAO,SAAS,QAAQ;AAAA,EACnC;AACF;","names":[]}

package/dist/admin/admins/access-dialog.js

@@ -0,0 +1,130 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMutation } from "@tanstack/react-query";
+import { Button, FormDialog, useToast } from "@withpotter/ui-kit";
+import {
+  platformAdminApi
+} from "@withpotter/lib/admin-api";
+import { PermissionPicker, toggleIn } from "../roles/permission-picker";
+import { RoleChoices } from "./role-choices";
+import styles from "./admins.module.css";
+const FORM_ID = "admin-access-form";
+function AccessDialog({
+  edit,
+  catalog,
+  roles,
+  onClose,
+  onSaved
+}) {
+  const [last, setLast] = useState(edit);
+  const [opens, setOpens] = useState(0);
+  const [wasOpen, setWasOpen] = useState(false);
+  if (edit && edit !== last) setLast(edit);
+  if (Boolean(edit) !== wasOpen) {
+    setWasOpen(Boolean(edit));
+    if (edit) setOpens((n) => n + 1);
+  }
+  const shown = edit ?? last;
+  if (!shown) return null;
+  return /* @__PURE__ */ jsx(
+    AccessForm,
+    {
+      open: edit !== null,
+      edit: shown,
+      catalog,
+      roles,
+      onClose,
+      onSaved
+    },
+    `${opens}-${shown.admin.id}-${shown.kind}`
+  );
+}
+function AccessForm({
+  open,
+  edit: { admin: a, kind },
+  catalog,
+  roles,
+  onClose,
+  onSaved
+}) {
+  const { toast } = useToast();
+  const [draft, setDraft] = useState(
+    () => kind === "roles" ? (a.roleIds ?? []).filter((id) => roles.some((r) => r.id === id)) : a.permissions ?? []
+  );
+  const save = useMutation({
+    mutationFn: () => kind === "roles" ? platformAdminApi.setAdminRoles(a.id, draft) : platformAdminApi.setAdminPermissions(a.id, draft),
+    onSuccess: () => {
+      toast({ title: `Access updated for ${a.name ?? a.email}` });
+      onSaved();
+      onClose();
+    },
+    onError: (error) => toast({
+      title: "Access was not updated",
+      description: error.message,
+      variant: "destructive"
+    })
+  });
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open,
+      size: kind === "roles" ? "md" : "lg",
+      title: kind === "roles" ? "Roles" : "Direct permissions",
+      description: a.email,
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("span", { className: styles.footNote, children: [
+          draft.length,
+          " 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: save.isPending,
+              loading: save.isPending,
+              children: "Save"
+            }
+          )
+        ] })
+      ] }),
+      children: /* @__PURE__ */ jsx(
+        "form",
+        {
+          id: FORM_ID,
+          onSubmit: (e) => {
+            e.preventDefault();
+            if (!save.isPending) save.mutate();
+          },
+          children: kind === "roles" ? /* @__PURE__ */ jsx(
+            RoleChoices,
+            {
+              legend: "Their access is the union of every role ticked here.",
+              roles,
+              value: draft,
+              onToggle: (id) => setDraft(toggleIn(id)),
+              emptyLabel: "No roles available."
+            }
+          ) : /* @__PURE__ */ jsx(
+            PermissionPicker,
+            {
+              legend: "Granted on top of their roles",
+              keys: catalog,
+              value: draft,
+              onToggle: (key) => setDraft(toggleIn(key)),
+              onSet: setDraft
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  AccessDialog
+};
+//# sourceMappingURL=access-dialog.js.map

package/dist/admin/admins/access-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/admins/access-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation } from '@tanstack/react-query';\nimport { Button, FormDialog, useToast } from '@withpotter/ui-kit';\nimport {\n  platformAdminApi,\n  type AdminRow as Admin,\n  type RoleRow,\n} from '@withpotter/lib/admin-api';\nimport { PermissionPicker, toggleIn } from '../roles/permission-picker';\nimport { RoleChoices } from './role-choices';\nimport styles from './admins.module.css';\n\nexport type AccessEdit = { admin: Admin; kind: 'roles' | 'permissions' };\nconst FORM_ID = 'admin-access-form';\n\n/** Change one admin's roles or direct permissions. */\nexport function AccessDialog({\n  edit,\n  catalog,\n  roles,\n  onClose,\n  onSaved,\n}: {\n  edit: AccessEdit | null;\n  catalog: string[];\n  roles: RoleRow[];\n  onClose: () => void;\n  onSaved: () => void;\n}) {\n  // Count each opening so a cancelled edit never reappears on the next open.\n  const [last, setLast] = useState(edit);\n  const [opens, setOpens] = useState(0);\n  const [wasOpen, setWasOpen] = useState(false);\n  if (edit && edit !== last) setLast(edit);\n  if (Boolean(edit) !== wasOpen) {\n    setWasOpen(Boolean(edit));\n    if (edit) setOpens((n) => n + 1);\n  }\n  const shown = edit ?? last;\n  if (!shown) return null;\n  return (\n    <AccessForm\n      key={`${opens}-${shown.admin.id}-${shown.kind}`}\n      open={edit !== null}\n      edit={shown}\n      catalog={catalog}\n      roles={roles}\n      onClose={onClose}\n      onSaved={onSaved}\n    />\n  );\n}\n\nfunction AccessForm({\n  open,\n  edit: { admin: a, kind },\n  catalog,\n  roles,\n  onClose,\n  onSaved,\n}: {\n  open: boolean;\n  edit: AccessEdit;\n  catalog: string[];\n  roles: RoleRow[];\n  onClose: () => void;\n  onSaved: () => void;\n}) {\n  const { toast } = useToast();\n  // Deleted roles linger in an admin's roleIds (the API keeps them); drop\n  // them so the count is honest and Save does not send dead ids back.\n  const [draft, setDraft] = useState<string[]>(() =>\n    kind === 'roles'\n      ? (a.roleIds ?? []).filter((id) => roles.some((r) => r.id === id))\n      : (a.permissions ?? []),\n  );\n  const save = useMutation({\n    mutationFn: () =>\n      kind === 'roles'\n        ? platformAdminApi.setAdminRoles(a.id, draft)\n        : platformAdminApi.setAdminPermissions(a.id, draft),\n    onSuccess: () => {\n      toast({ title: `Access updated for ${a.name ?? a.email}` });\n      onSaved();\n      onClose();\n    },\n    onError: (error) =>\n      toast({\n        title: 'Access was not updated',\n        description: error.message,\n        variant: 'destructive',\n      }),\n  });\n\n  return (\n    <FormDialog\n      open={open}\n      size={kind === 'roles' ? 'md' : 'lg'}\n      title={kind === 'roles' ? 'Roles' : 'Direct permissions'}\n      description={a.email}\n      onClose={onClose}\n      footer={\n        <>\n          <span className={styles.footNote}>{draft.length} selected</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={save.isPending}\n              loading={save.isPending}\n            >\n              Save\n            </Button>\n          </div>\n        </>\n      }\n    >\n      <form\n        id={FORM_ID}\n        onSubmit={(e) => {\n          e.preventDefault();\n          if (!save.isPending) save.mutate();\n        }}\n      >\n        {kind === 'roles' ? (\n          <RoleChoices\n            legend=\"Their access is the union of every role ticked here.\"\n            roles={roles}\n            value={draft}\n            onToggle={(id) => setDraft(toggleIn(id))}\n            emptyLabel=\"No roles available.\"\n          />\n        ) : (\n          <PermissionPicker\n            legend=\"Granted on top of their roles\"\n            keys={catalog}\n            value={draft}\n            onToggle={(key) => setDraft(toggleIn(key))}\n            onSet={setDraft}\n          />\n        )}\n      </form>\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/admins/admin-row.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OverflowItem, OverflowMenu, TableRow } from "@withpotter/ui-kit";
+import { EntityAvatar } from "../_fx";
+import { StatusPill } from "../audit/status-pill";
+import { When } from "../audit/when";
+import { MoreChip } from "../roles/more-chip";
+import styles from "./admins.module.css";
+const ADMIN_COLUMNS = 6;
+function AdminRow({
+  a,
+  roles,
+  actions
+}) {
+  const assigned = roles.filter((r) => (a.roleIds ?? []).includes(r.id));
+  const suspended = a.status === "suspended";
+  const superadmin = a.role === "superadmin";
+  const label = a.name ?? a.email;
+  return /* @__PURE__ */ jsxs(
+    TableRow,
+    {
+      onClick: superadmin ? void 0 : () => actions.onAccess("roles"),
+      children: [
+        /* @__PURE__ */ jsx("td", { className: styles.who, 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("span", { className: styles.name, title: label, children: label }),
+            a.name && /* @__PURE__ */ jsx("span", { className: styles.email, title: a.email, children: a.email })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("td", { className: superadmin ? styles.level : styles.muted, children: superadmin ? "Superadmin" : "Admin" }),
+        /* @__PURE__ */ jsx("td", { children: superadmin ? /* @__PURE__ */ jsx("span", { className: styles.muted, children: "Everything" }) : /* @__PURE__ */ jsxs("div", { className: styles.access, children: [
+          assigned.length > 0 && /* @__PURE__ */ jsx("span", { className: styles.roles, children: assigned.slice(0, 2).map((r) => r.name).join(", ") }),
+          /* @__PURE__ */ jsx(
+            MoreChip,
+            {
+              items: assigned.slice(2).map((r) => r.name),
+              title: "More roles"
+            }
+          ),
+          a.permissions.length > 0 && /* @__PURE__ */ jsxs("span", { className: styles.direct, children: [
+            "+",
+            a.permissions.length,
+            " direct"
+          ] }),
+          assigned.length === 0 && a.permissions.length === 0 && /* @__PURE__ */ jsx("span", { className: styles.muted, children: "No access yet" })
+        ] }) }),
+        /* @__PURE__ */ jsxs("td", { className: styles.pill, children: [
+          /* @__PURE__ */ jsx(StatusPill, { status: a.status }),
+          a.mustChangePassword && !suspended && /* @__PURE__ */ jsx("span", { className: styles.subtle, children: "Awaiting first sign-in" })
+        ] }),
+        /* @__PURE__ */ jsx("td", { className: styles.pill, children: a.lastLoginAt ? /* @__PURE__ */ jsx(When, { iso: a.lastLoginAt, className: styles.when }) : /* @__PURE__ */ jsx("span", { className: styles.muted, children: "Never" }) }),
+        /* @__PURE__ */ jsx("td", { className: styles.menuCell, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(OverflowMenu, { label: `Actions for ${label}`, children: [
+          !superadmin && /* @__PURE__ */ jsx(OverflowItem, { onClick: () => actions.onAccess("roles"), children: "Roles" }),
+          !superadmin && /* @__PURE__ */ jsx(OverflowItem, { onClick: () => actions.onAccess("permissions"), children: "Permissions" }),
+          /* @__PURE__ */ jsx(OverflowItem, { onClick: actions.onResetPassword, children: "Reset password" }),
+          /* @__PURE__ */ jsx(
+            OverflowItem,
+            {
+              onClick: actions.onToggleStatus,
+              destructive: !suspended,
+              children: suspended ? "Restore" : "Suspend"
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  ADMIN_COLUMNS,
+  AdminRow
+};
+//# sourceMappingURL=admin-row.js.map

package/dist/admin/admins/admin-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/admins/admin-row.tsx"],"sourcesContent":["'use client';\n\nimport { OverflowItem, OverflowMenu, TableRow } from '@withpotter/ui-kit';\nimport type { AdminRow as Admin, RoleRow } from '@withpotter/lib/admin-api';\nimport { EntityAvatar } from '../_fx';\nimport { StatusPill } from '../audit/status-pill';\nimport { When } from '../audit/when';\nimport { MoreChip } from '../roles/more-chip';\nimport styles from './admins.module.css';\n\nexport const ADMIN_COLUMNS = 6;\n\nexport interface AdminActions {\n  onAccess: (kind: 'roles' | 'permissions') => void;\n  onToggleStatus: () => void;\n  onResetPassword: () => void;\n}\n\n/** One admin: who, level, access, status, last sign-in and the ••• menu. */\nexport function AdminRow({\n  a,\n  roles,\n  actions,\n}: {\n  a: Admin;\n  roles: RoleRow[];\n  actions: AdminActions;\n}) {\n  const assigned = roles.filter((r) => (a.roleIds ?? []).includes(r.id));\n  const suspended = a.status === 'suspended';\n  const superadmin = a.role === 'superadmin';\n  const label = a.name ?? a.email;\n\n  return (\n    <TableRow\n      onClick={superadmin ? undefined : () => actions.onAccess('roles')}\n    >\n      <td className={styles.who}>\n        <span className={styles.identity}>\n          <EntityAvatar name={label} size={32} round />\n          <span className={styles.identityText}>\n            <span className={styles.name} title={label}>\n              {label}\n            </span>\n            {a.name && (\n              <span className={styles.email} title={a.email}>\n                {a.email}\n              </span>\n            )}\n          </span>\n        </span>\n      </td>\n      <td className={superadmin ? styles.level : styles.muted}>\n        {superadmin ? 'Superadmin' : 'Admin'}\n      </td>\n      <td>\n        {superadmin ? (\n          <span className={styles.muted}>Everything</span>\n        ) : (\n          <div className={styles.access}>\n            {assigned.length > 0 && (\n              <span className={styles.roles}>\n                {assigned\n                  .slice(0, 2)\n                  .map((r) => r.name)\n                  .join(', ')}\n              </span>\n            )}\n            <MoreChip\n              items={assigned.slice(2).map((r) => r.name)}\n              title=\"More roles\"\n            />\n            {a.permissions.length > 0 && (\n              <span className={styles.direct}>\n                +{a.permissions.length} direct\n              </span>\n            )}\n            {assigned.length === 0 && a.permissions.length === 0 && (\n              <span className={styles.muted}>No access yet</span>\n            )}\n          </div>\n        )}\n      </td>\n      <td className={styles.pill}>\n        <StatusPill status={a.status} />\n        {a.mustChangePassword && !suspended && (\n          <span className={styles.subtle}>Awaiting first sign-in</span>\n        )}\n      </td>\n      <td className={styles.pill}>\n        {a.lastLoginAt ? (\n          <When iso={a.lastLoginAt} className={styles.when} />\n        ) : (\n          <span className={styles.muted}>Never</span>\n        )}\n      </td>\n      <td className={styles.menuCell} onClick={(e) => e.stopPropagation()}>\n        <OverflowMenu label={`Actions for ${label}`}>\n          {!superadmin && (\n            <OverflowItem onClick={() => actions.onAccess('roles')}>\n              Roles\n            </OverflowItem>\n          )}\n          {!superadmin && (\n            <OverflowItem onClick={() => actions.onAccess('permissions')}>\n              Permissions\n            </OverflowItem>\n          )}\n          <OverflowItem onClick={actions.onResetPassword}>\n            Reset password\n          </OverflowItem>\n          <OverflowItem\n            onClick={actions.onToggleStatus}\n            destructive={!suspended}\n          >\n            {suspended ? 'Restore' : 'Suspend'}\n          </OverflowItem>\n        </OverflowMenu>\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/admins/admins-activity.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { AdmLoading } from "../_ui";
+import { EmptyBlock } from "../audit/empty-block";
+import { LoadFailed } from "../audit/load-failed";
+import { captionOf, useAnalytics } from "./admins-analytics";
+import { RecentActivity } from "./recent-activity";
+function AdminsActivity({ range }) {
+  const { data, isLoading, isError, refetch } = useAnalytics(range);
+  if (isError) {
+    return /* @__PURE__ */ jsx(
+      LoadFailed,
+      {
+        message: "Recent admin activity could not be loaded.",
+        onRetry: () => void refetch()
+      }
+    );
+  }
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading activity\u2026" });
+  if (data.recentActivity.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyBlock, { message: "No admin activity in this period." });
+  }
+  return /* @__PURE__ */ jsx(RecentActivity, { items: data.recentActivity, caption: captionOf(range) });
+}
+export {
+  AdminsActivity
+};
+//# sourceMappingURL=admins-activity.js.map

package/dist/admin/admins/admins-activity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/admins/admins-activity.tsx"],"sourcesContent":["'use client';\n\nimport { AdmLoading, type DateRange } from '../_ui';\nimport { EmptyBlock } from '../audit/empty-block';\nimport { LoadFailed } from '../audit/load-failed';\nimport { captionOf, useAnalytics } from './admins-analytics';\nimport { RecentActivity } from './recent-activity';\n\n/** Recent activity tab: the latest admin actions in the period. */\nexport function AdminsActivity({ range }: { range: DateRange }) {\n  const { data, isLoading, isError, refetch } = useAnalytics(range);\n\n  if (isError) {\n    return (\n      <LoadFailed\n        message=\"Recent admin activity could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  }\n  if (isLoading || !data) return <AdmLoading label=\"Loading activity…\" />;\n  if (data.recentActivity.length === 0) {\n    return <EmptyBlock message=\"No admin activity in this period.\" />;\n  }\n\n  return (\n    <RecentActivity items={data.recentActivity} caption={captionOf(range)} />\n  );\n}\n"],"mappings":";AAcM;AAZN,SAAS,kBAAkC;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,WAAW,oBAAoB;AACxC,SAAS,sBAAsB;AAGxB,SAAS,eAAe,EAAE,MAAM,GAAyB;AAC9D,QAAM,EAAE,MAAM,WAAW,SAAS,QAAQ,IAAI,aAAa,KAAK;AAEhE,MAAI,SAAS;AACX,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM,KAAK,QAAQ;AAAA;AAAA,IAC9B;AAAA,EAEJ;AACA,MAAI,aAAa,CAAC,KAAM,QAAO,oBAAC,cAAW,OAAM,0BAAoB;AACrE,MAAI,KAAK,eAAe,WAAW,GAAG;AACpC,WAAO,oBAAC,cAAW,SAAQ,qCAAoC;AAAA,EACjE;AAEA,SACE,oBAAC,kBAAe,OAAO,KAAK,gBAAgB,SAAS,UAAU,KAAK,GAAG;AAE3E;","names":[]}

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

@@ -0,0 +1,116 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { usePlatformAdminsAnalytics } from "../hooks";
+import {
+  DonutChart,
+  Panel,
+  AdmLoading,
+  ROLE_COLORS,
+  STATUS_FALLBACK,
+  periodPhrase
+} from "../_ui";
+import { BarList } from "../audit/bar-list";
+import { LoadFailed } from "../audit/load-failed";
+import { statusFill } from "../audit/status-fill";
+import { ActivityChart } from "../audit/activity-chart";
+import audit from "../audit/audit.module.css";
+import { AdminsKpis } from "./admins-kpis";
+import { prettyAction } from "./recent-activity";
+const byValue = (a, b) => b.value - a.value;
+const captionOf = (range) => {
+  const span = periodPhrase(range);
+  return `${span[0].toUpperCase()}${span.slice(1)}`;
+};
+function useAnalytics(range) {
+  return usePlatformAdminsAnalytics({
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+}
+function AdminsAnalytics({ range }) {
+  const { data, isLoading, isError, refetch } = useAnalytics(range);
+  const roleSlices = useMemo(
+    () => (data?.roleBreakdown ?? []).filter((r) => r.count > 0).map((r) => ({
+      label: r.role === "superadmin" ? "Superadmin" : "Admin",
+      value: r.count,
+      color: ROLE_COLORS[r.role] ?? STATUS_FALLBACK
+    })).sort(byValue),
+    [data]
+  );
+  const statusSlices = useMemo(
+    () => (data?.statusBreakdown ?? []).filter((s) => s.count > 0).map((s) => ({
+      label: s.status === "active" ? "Active" : "Suspended",
+      value: s.count,
+      color: statusFill(s.status)
+    })).sort(byValue),
+    [data]
+  );
+  if (isError) {
+    return /* @__PURE__ */ jsx(
+      LoadFailed,
+      {
+        message: "Admin analytics could not be loaded.",
+        onRetry: () => void refetch()
+      }
+    );
+  }
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading analytics\u2026" });
+  const caption = captionOf(range);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AdminsKpis, { data, period: periodPhrase(range) }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-8", children: /* @__PURE__ */ jsx(Panel, { title: "Audit activity", caption, children: /* @__PURE__ */ jsx(
+        ActivityChart,
+        {
+          data: data.activitySeries,
+          label: "actions",
+          emptyLabel: "No admin activity in this window"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: `adm-span-4 ${audit.alignStart}`, children: /* @__PURE__ */ jsx(
+        Panel,
+        {
+          title: "Most frequent actions",
+          caption,
+          height: "var(--adm-panel-h)",
+          children: /* @__PURE__ */ jsx(
+            BarList,
+            {
+              rows: data.topActions.map((a) => ({
+                key: a.action,
+                label: prettyAction(a.action),
+                count: a.count
+              })),
+              empty: "No admin actions in this window."
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(Panel, { title: "Admins by role", children: /* @__PURE__ */ jsx(
+        DonutChart,
+        {
+          data: roleSlices,
+          centerLabel: "admins",
+          emptyLabel: "No admins yet"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(Panel, { title: "Admins by status", children: /* @__PURE__ */ jsx(
+        DonutChart,
+        {
+          data: statusSlices,
+          centerLabel: "admins",
+          emptyLabel: "No admins yet"
+        }
+      ) }) })
+    ] })
+  ] });
+}
+export {
+  AdminsAnalytics,
+  captionOf,
+  useAnalytics
+};
+//# sourceMappingURL=admins-analytics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/admins/admins-analytics.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { usePlatformAdminsAnalytics } from '../hooks';\nimport {\n  DonutChart,\n  Panel,\n  AdmLoading,\n  ROLE_COLORS,\n  STATUS_FALLBACK,\n  periodPhrase,\n  type DateRange,\n  type DonutSlice,\n} from '../_ui';\nimport { BarList } from '../audit/bar-list';\nimport { LoadFailed } from '../audit/load-failed';\nimport { statusFill } from '../audit/status-fill';\nimport { ActivityChart } from '../audit/activity-chart';\nimport audit from '../audit/audit.module.css';\nimport { AdminsKpis } from './admins-kpis';\nimport { prettyAction } from './recent-activity';\n\nconst byValue = (a: DonutSlice, b: DonutSlice) => b.value - a.value;\nexport const captionOf = (range: DateRange) => {\n  const span = periodPhrase(range);\n  return `${span[0].toUpperCase()}${span.slice(1)}`;\n};\n\n/** The period's admin analytics; shared by the Overview and Activity tabs. */\nexport function useAnalytics(range: DateRange) {\n  return usePlatformAdminsAnalytics({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n}\n\n/** Overview tab: headline figures, activity, frequent actions, the mix. */\nexport function AdminsAnalytics({ range }: { range: DateRange }) {\n  const { data, isLoading, isError, refetch } = useAnalytics(range);\n\n  const roleSlices: DonutSlice[] = useMemo(\n    () =>\n      (data?.roleBreakdown ?? [])\n        .filter((r) => r.count > 0)\n        .map((r) => ({\n          label: r.role === 'superadmin' ? 'Superadmin' : 'Admin',\n          value: r.count,\n          color: ROLE_COLORS[r.role] ?? STATUS_FALLBACK,\n        }))\n        .sort(byValue),\n    [data],\n  );\n\n  const statusSlices: DonutSlice[] = useMemo(\n    () =>\n      (data?.statusBreakdown ?? [])\n        .filter((s) => s.count > 0)\n        .map((s) => ({\n          label: s.status === 'active' ? 'Active' : 'Suspended',\n          value: s.count,\n          color: statusFill(s.status),\n        }))\n        .sort(byValue),\n    [data],\n  );\n\n  if (isError) {\n    return (\n      <LoadFailed\n        message=\"Admin analytics could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  }\n  if (isLoading || !data) return <AdmLoading label=\"Loading analytics…\" />;\n\n  const caption = captionOf(range);\n\n  return (\n    <>\n      <AdminsKpis data={data} period={periodPhrase(range)} />\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-8\">\n          <Panel title=\"Audit activity\" caption={caption}>\n            <ActivityChart\n              data={data.activitySeries}\n              label=\"actions\"\n              emptyLabel=\"No admin activity in this window\"\n            />\n          </Panel>\n        </div>\n        <div className={`adm-span-4 ${audit.alignStart}`}>\n          <Panel\n            title=\"Most frequent actions\"\n            caption={caption}\n            height=\"var(--adm-panel-h)\"\n          >\n            <BarList\n              rows={data.topActions.map((a) => ({\n                key: a.action,\n                label: prettyAction(a.action),\n                count: a.count,\n              }))}\n              empty=\"No admin actions 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=\"Admins by role\">\n            <DonutChart\n              data={roleSlices}\n              centerLabel=\"admins\"\n              emptyLabel=\"No admins yet\"\n            />\n          </Panel>\n        </div>\n        <div className=\"adm-span-6\">\n          <Panel title=\"Admins by status\">\n            <DonutChart\n              data={statusSlices}\n              centerLabel=\"admins\"\n              emptyLabel=\"No admins yet\"\n            />\n          </Panel>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,77 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CountUp, Reveal } from "../_fx";
+import { StatCard } from "../_ui";
+import kpi from "../audit/kpi-brand.module.css";
+const fmt = (n) => new Intl.NumberFormat("en-US").format(n);
+function AdminsKpis({
+  data,
+  period
+}) {
+  const t = data.totals;
+  const head = [
+    {
+      label: "Total admins",
+      value: t.admins,
+      sub: `${fmt(t.active)} active \xB7 ${fmt(t.suspended)} suspended`
+    },
+    {
+      label: "Superadmins",
+      value: t.superadmins,
+      sub: `of ${fmt(t.admins)} admins`
+    },
+    {
+      label: "Signed in",
+      value: t.activeInRange,
+      sub: `signed in \xB7 ${period}`
+    },
+    {
+      label: "Actions",
+      value: t.actionsInRange,
+      sub: `audit events \xB7 ${period}`
+    }
+  ];
+  const chase = [
+    {
+      label: "Suspended",
+      value: t.suspended,
+      sub: "cannot sign in until restored"
+    },
+    {
+      label: "Never signed in",
+      value: t.neverLoggedIn,
+      sub: "invited, pending first login"
+    }
+  ];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("section", { "aria-label": "Admin indicators", className: `adm-grid ${kpi.kpis}`, children: head.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,
+        spark: k.label === "Actions" ? data.activitySeries.map((p) => p.count) : void 0,
+        sparkColor: "var(--brand-500)"
+      }
+    ) }, k.label)) }),
+    /* @__PURE__ */ jsx(
+      "section",
+      {
+        "aria-label": "Admins to follow up",
+        className: `adm-grid ${kpi.kpis}`,
+        children: chase.map((k, i) => /* @__PURE__ */ jsx(Reveal, { index: 4 + i, className: "adm-span-6", children: /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            label: k.label,
+            value: /* @__PURE__ */ jsx(CountUp, { value: k.value }),
+            sub: k.sub
+          }
+        ) }, k.label))
+      }
+    )
+  ] });
+}
+export {
+  AdminsKpis
+};
+//# sourceMappingURL=admins-kpis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/admins/admins-kpis.tsx"],"sourcesContent":["'use client';\n\nimport type { AdminsAnalytics } from '@withpotter/lib/admin-api';\nimport { CountUp, Reveal } from '../_fx';\nimport { StatCard } from '../_ui';\nimport kpi from '../audit/kpi-brand.module.css';\n\nconst fmt = (n: number) => new Intl.NumberFormat('en-US').format(n);\n\ntype Kpi = { label: string; value: number; sub: string };\n\n/**\n * Four headline cards, then who to chase (suspended, never signed in) on the\n * same StatCard surface. Each sub-line states its own scope, so no two cards\n * seem to disagree: the roster today versus sign-ins in the period.\n */\nexport function AdminsKpis({\n  data,\n  period,\n}: {\n  data: AdminsAnalytics;\n  /** The window in words: \"last 30 days\". */\n  period: string;\n}) {\n  const t = data.totals;\n  const head: Kpi[] = [\n    {\n      label: 'Total admins',\n      value: t.admins,\n      sub: `${fmt(t.active)} active · ${fmt(t.suspended)} suspended`,\n    },\n    {\n      label: 'Superadmins',\n      value: t.superadmins,\n      sub: `of ${fmt(t.admins)} admins`,\n    },\n    {\n      label: 'Signed in',\n      value: t.activeInRange,\n      sub: `signed in · ${period}`,\n    },\n    {\n      label: 'Actions',\n      value: t.actionsInRange,\n      sub: `audit events · ${period}`,\n    },\n  ];\n  const chase: Kpi[] = [\n    {\n      label: 'Suspended',\n      value: t.suspended,\n      sub: 'cannot sign in until restored',\n    },\n    {\n      label: 'Never signed in',\n      value: t.neverLoggedIn,\n      sub: 'invited, pending first login',\n    },\n  ];\n\n  return (\n    <>\n      <section aria-label=\"Admin indicators\" className={`adm-grid ${kpi.kpis}`}>\n        {head.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              spark={\n                k.label === 'Actions'\n                  ? data.activitySeries.map((p) => p.count)\n                  : undefined\n              }\n              sparkColor=\"var(--brand-500)\"\n            />\n          </Reveal>\n        ))}\n      </section>\n\n      <section\n        aria-label=\"Admins to follow up\"\n        className={`adm-grid ${kpi.kpis}`}\n      >\n        {chase.map((k, i) => (\n          <Reveal key={k.label} index={4 + i} className=\"adm-span-6\">\n            <StatCard\n              label={k.label}\n              value={<CountUp value={k.value} />}\n              sub={k.sub}\n            />\n          </Reveal>\n        ))}\n      </section>\n    </>\n  );\n}\n"],"mappings":";AA6DI,mBAMiB,KANjB;AA1DJ,SAAS,SAAS,cAAc;AAChC,SAAS,gBAAgB;AACzB,OAAO,SAAS;AAEhB,MAAM,MAAM,CAAC,MAAc,IAAI,KAAK,aAAa,OAAO,EAAE,OAAO,CAAC;AAS3D,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAIG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,OAAc;AAAA,IAClB;AAAA,MACE,OAAO;AAAA,MACP,OAAO,EAAE;AAAA,MACT,KAAK,GAAG,IAAI,EAAE,MAAM,CAAC,gBAAa,IAAI,EAAE,SAAS,CAAC;AAAA,IACpD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,EAAE;AAAA,MACT,KAAK,MAAM,IAAI,EAAE,MAAM,CAAC;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,EAAE;AAAA,MACT,KAAK,kBAAe,MAAM;AAAA,IAC5B;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,EAAE;AAAA,MACT,KAAK,qBAAkB,MAAM;AAAA,IAC/B;AAAA,EACF;AACA,QAAM,QAAe;AAAA,IACnB;AAAA,MACE,OAAO;AAAA,MACP,OAAO,EAAE;AAAA,MACT,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,EAAE;AAAA,MACT,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SACE,iCACE;AAAA,wBAAC,aAAQ,cAAW,oBAAmB,WAAW,YAAY,IAAI,IAAI,IACnE,eAAK,IAAI,CAAC,GAAG,MACZ,oBAAC,UAAqB,OAAO,GAAG,WAAU,cACxC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE;AAAA,QACT,OAAO,oBAAC,WAAQ,OAAO,EAAE,OAAO;AAAA,QAChC,KAAK,EAAE;AAAA,QACP,OACE,EAAE,UAAU,YACR,KAAK,eAAe,IAAI,CAAC,MAAM,EAAE,KAAK,IACtC;AAAA,QAEN,YAAW;AAAA;AAAA,IACb,KAXW,EAAE,KAYf,CACD,GACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAW,YAAY,IAAI,IAAI;AAAA,QAE9B,gBAAM,IAAI,CAAC,GAAG,MACb,oBAAC,UAAqB,OAAO,IAAI,GAAG,WAAU,cAC5C;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE;AAAA,YACT,OAAO,oBAAC,WAAQ,OAAO,EAAE,OAAO;AAAA,YAChC,KAAK,EAAE;AAAA;AAAA,QACT,KALW,EAAE,KAMf,CACD;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}