@gelabs/ovr 0.2.2 → 0.4.0

package/dist/ui-components-admin/logs-viewer.js

@@ -0,0 +1,102 @@
+"use client";
+import { Card, CardContent } from '../chunk-SETIN6XP.js';
+import { usePagination, Pagination } from '../chunk-6YFZLXFP.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../chunk-OWCGEEAZ.js';
+import { Badge } from '../chunk-55FQP2DO.js';
+import { Input } from '../chunk-K3KIBHJF.js';
+import '../chunk-I4WDVYHX.js';
+import { useCopy, useOvrConfig } from '../chunk-TJSNVTVB.js';
+import '../chunk-77QBZC7J.js';
+import { ACTIVITY_ACTION_LABELS } from '../chunk-WUNTHINH.js';
+import '../chunk-BI4EGLPG.js';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var fieldClass = "h-9 rounded-lg border border-input bg-transparent px-2.5 text-sm shadow-xs outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 dark:bg-input/30";
+function actionLabel(action) {
+  return ACTIVITY_ACTION_LABELS[action] ?? action;
+}
+function LogsViewer({ entries }) {
+  const t = useCopy().admin.logsPage;
+  const { rules } = useOvrConfig();
+  const [action, setAction] = React.useState("");
+  const [q, setQ] = React.useState("");
+  const fmt = (iso) => new Date(iso).toLocaleString(rules.locale, {
+    timeZone: rules.timeZone,
+    year: "numeric",
+    month: "short",
+    day: "2-digit",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+  const actions = Array.from(new Set(entries.map((e) => e.action)));
+  const query = q.trim().toLowerCase();
+  const filtered = entries.filter((e) => {
+    if (action && e.action !== action) return false;
+    if (query) {
+      const hay = `${e.actorUsername ?? ""} ${e.summary}`.toLowerCase();
+      if (!hay.includes(query)) return false;
+    }
+    return true;
+  });
+  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(filtered, 20, `${action}|${query}`);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-4xl p-4 sm:p-6 lg:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsx("h1", { className: "font-heading text-2xl font-semibold tracking-tight", children: t.title }),
+      /* @__PURE__ */ jsx("p", { className: "max-w-2xl text-sm text-muted-foreground", children: t.subtitle })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: action,
+          onChange: (e) => setAction(e.target.value),
+          className: `${fieldClass} w-auto`,
+          "aria-label": t.action,
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: t.allActions }),
+            actions.map((a) => /* @__PURE__ */ jsx("option", { value: a, children: actionLabel(a) }, a))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: q,
+          onChange: (e) => setQ(e.target.value),
+          placeholder: t.search,
+          className: "h-9 w-auto min-w-56"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: t.empty }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableHead, { children: t.when }),
+          /* @__PURE__ */ jsx(TableHead, { children: t.actor }),
+          /* @__PURE__ */ jsx(TableHead, { children: t.action }),
+          /* @__PURE__ */ jsx(TableHead, { children: t.detail })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: pageItems.map((e) => /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { className: "whitespace-nowrap text-muted-foreground", children: fmt(e.createdAt) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: e.actorUsername ?? t.system }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: actionLabel(e.action) }) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: e.summary })
+        ] }, e.id)) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          page,
+          totalPages,
+          from,
+          to,
+          total,
+          onPage: setPage
+        }
+      )
+    ] }) }) })
+  ] });
+}
+
+export { LogsViewer };

package/dist/ui-components-admin/notifications-list.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function NotificationsList(): React.JSX.Element;
+
+export { NotificationsList };

package/dist/ui-components-admin/notifications-list.js

@@ -0,0 +1,70 @@
+"use client";
+import { Card, CardContent } from '../chunk-SETIN6XP.js';
+import { usePagination, Pagination } from '../chunk-6YFZLXFP.js';
+import { Badge } from '../chunk-55FQP2DO.js';
+import '../chunk-I4WDVYHX.js';
+import { useCopy, useOvrConfig } from '../chunk-TJSNVTVB.js';
+import '../chunk-77QBZC7J.js';
+import { useNotifications } from '../chunk-YGYA7KEG.js';
+import '../chunk-BI4EGLPG.js';
+import Link from 'next/link';
+import { AlertTriangle, Clock } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function NotificationsList() {
+  const items = useNotifications();
+  const t = useCopy().admin.notifications;
+  const { rules } = useOvrConfig();
+  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(items, 20);
+  const fmt = (iso) => new Date(iso).toLocaleString(rules.locale, {
+    timeZone: rules.timeZone,
+    year: "numeric",
+    month: "short",
+    day: "2-digit",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl p-4 sm:p-6 lg:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsx("h1", { className: "font-heading text-2xl font-semibold tracking-tight", children: t.title }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t.subtitle })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
+      items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: t.empty }) : /* @__PURE__ */ jsx("ul", { className: "divide-y", children: pageItems.map((n) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: n.href,
+          className: "flex items-center gap-3 px-4 py-3 transition-colors hover:bg-muted/50",
+          children: [
+            n.type === "overdue" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 shrink-0 text-red-500" }) : /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0 text-amber-500" }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium", children: n.name }),
+              /* @__PURE__ */ jsx("span", { className: "block font-mono text-xs text-muted-foreground", children: n.ovrTicketNo })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: n.type === "overdue" ? "destructive" : "secondary",
+                children: n.type === "overdue" ? t.overdue : t.outstanding
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "hidden whitespace-nowrap text-xs text-muted-foreground sm:block", children: fmt(n.at) })
+          ]
+        }
+      ) }, n.id)) }),
+      /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          page,
+          totalPages,
+          from,
+          to,
+          total,
+          onPage: setPage
+        }
+      )
+    ] }) })
+  ] });
+}
+
+export { NotificationsList };

package/dist/ui-components-admin/officers-manager.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { NewOfficerInput, Officer } from '../types.js';
+
+/**
+ * Apprehending-officers management (GE-025). Add / edit / remove the Officer
+ * records used in the Issue-Ticket dropdown and linked to enforcer accounts.
+ * Server actions are INJECTED by the page (mirrors AccountsManager).
+ */
+
+type CreateOfficerAction = (input: NewOfficerInput) => Promise<{
+    error?: string;
+} | void>;
+type UpdateOfficerAction = (id: string, patch: Partial<NewOfficerInput>) => Promise<{
+    error?: string;
+} | void>;
+type DeleteOfficerAction = (id: string) => Promise<{
+    error?: string;
+} | void>;
+interface OfficersManagerProps {
+    officers: Officer[];
+    createAction: CreateOfficerAction;
+    updateAction: UpdateOfficerAction;
+    deleteAction: DeleteOfficerAction;
+}
+declare function OfficersManager({ officers, createAction, updateAction, deleteAction, }: OfficersManagerProps): React.JSX.Element;
+
+export { type CreateOfficerAction, type DeleteOfficerAction, OfficersManager, type OfficersManagerProps, type UpdateOfficerAction };

package/dist/ui-components-admin/officers-manager.js

@@ -0,0 +1,271 @@
+"use client";
+import { Card, CardContent } from '../chunk-SETIN6XP.js';
+import { usePagination, Pagination } from '../chunk-6YFZLXFP.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../chunk-OWCGEEAZ.js';
+import { Label } from '../chunk-XQTVSNHC.js';
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from '../chunk-M35R6JLA.js';
+import { Input } from '../chunk-K3KIBHJF.js';
+import { Button } from '../chunk-I4WDVYHX.js';
+import { useCopy } from '../chunk-TJSNVTVB.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-BI4EGLPG.js';
+import * as React from 'react';
+import { toast } from 'sonner';
+import { useRouter } from 'next/navigation';
+import { UserPlus, Pencil, Loader2, Trash2 } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function OfficersManager({
+  officers,
+  createAction,
+  updateAction,
+  deleteAction
+}) {
+  const t = useCopy().admin.officersPage;
+  const router = useRouter();
+  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(officers, 12);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-4xl p-4 sm:p-6 lg:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("h1", { className: "font-heading text-2xl font-semibold tracking-tight", children: t.title }),
+        /* @__PURE__ */ jsx("p", { className: "max-w-2xl text-sm text-muted-foreground", children: t.subtitle })
+      ] }),
+      /* @__PURE__ */ jsx(
+        OfficerDialog,
+        {
+          mode: "create",
+          createAction,
+          onDone: () => router.refresh()
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: officers.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: t.empty }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableHead, { children: t.name }),
+          /* @__PURE__ */ jsx(TableHead, { children: t.badge }),
+          /* @__PURE__ */ jsx(TableHead, { children: t.office }),
+          /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t.actions })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: pageItems.map((o) => /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: o.name }),
+          /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: o.badgeNo ?? "\u2014" }),
+          /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: o.office }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1.5", children: [
+            /* @__PURE__ */ jsx(
+              OfficerDialog,
+              {
+                mode: "edit",
+                officer: o,
+                updateAction,
+                onDone: () => router.refresh()
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DeleteOfficerButton,
+              {
+                officer: o,
+                deleteAction,
+                onDone: () => router.refresh()
+              }
+            )
+          ] }) })
+        ] }, o.id)) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          page,
+          totalPages,
+          from,
+          to,
+          total,
+          onPage: setPage
+        }
+      )
+    ] }) }) })
+  ] });
+}
+function OfficerDialog({
+  mode,
+  officer,
+  createAction,
+  updateAction,
+  onDone
+}) {
+  const t = useCopy().admin.officersPage;
+  const [open, setOpen] = React.useState(false);
+  const [name, setName] = React.useState(officer?.name ?? "");
+  const [badgeNo, setBadgeNo] = React.useState(officer?.badgeNo ?? "");
+  const [office, setOffice] = React.useState(officer?.office ?? "");
+  const [submitting, setSubmitting] = React.useState(false);
+  function resetTo(o) {
+    setName(o?.name ?? "");
+    setBadgeNo(o?.badgeNo ?? "");
+    setOffice(o?.office ?? "");
+  }
+  async function submit(e) {
+    e.preventDefault();
+    if (!name.trim()) return toast.error(`${t.name} is required.`);
+    if (!office.trim()) return toast.error(`${t.office} is required.`);
+    setSubmitting(true);
+    try {
+      const input = {
+        name: name.trim(),
+        badgeNo: badgeNo.trim() || void 0,
+        office: office.trim()
+      };
+      const res = mode === "create" ? await createAction?.(input) : await updateAction?.(officer.id, input);
+      if (res?.error) {
+        toast.error(res.error);
+        return;
+      }
+      toast.success(
+        `${mode === "create" ? t.create : t.editTitle}: ${name.trim()}`
+      );
+      setOpen(false);
+      onDone();
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onOpenChange: (o) => {
+        if (o) resetTo(officer);
+        setOpen(o);
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          DialogTrigger,
+          {
+            render: mode === "create" ? /* @__PURE__ */ jsx(Button, { className: "gap-1.5" }) : /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "gap-1.5" }),
+            children: [
+              mode === "create" ? /* @__PURE__ */ jsx(UserPlus, { className: "size-4" }) : /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx("span", { className: mode === "create" ? "" : "hidden sm:inline", children: mode === "create" ? t.newOfficer : t.edit })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: mode === "create" ? t.newOfficer : t.editTitle }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: t.subtitle })
+          ] }),
+          /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "off-name", children: t.name }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "off-name",
+                  value: name,
+                  onChange: (e) => setName(e.target.value),
+                  placeholder: t.namePlaceholder,
+                  autoComplete: "off",
+                  autoFocus: true
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "off-badge", children: t.badge }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "off-badge",
+                    value: badgeNo,
+                    onChange: (e) => setBadgeNo(e.target.value),
+                    placeholder: t.badgePlaceholder,
+                    autoComplete: "off"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "off-office", children: t.office }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "off-office",
+                    value: office,
+                    onChange: (e) => setOffice(e.target.value),
+                    placeholder: t.officePlaceholder,
+                    autoComplete: "off"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsx(DialogClose, { render: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline" }), children: t.cancel }),
+              /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: submitting, className: "gap-1.5", children: [
+                submitting ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : null,
+                submitting ? mode === "create" ? t.creating : t.saving : mode === "create" ? t.create : t.save
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function DeleteOfficerButton({
+  officer,
+  deleteAction,
+  onDone
+}) {
+  const t = useCopy().admin.officersPage;
+  const [deleting, setDeleting] = React.useState(false);
+  async function remove() {
+    setDeleting(true);
+    try {
+      const res = await deleteAction(officer.id);
+      if (res?.error) {
+        toast.error(res.error);
+        return;
+      }
+      toast.success(`${t.delete}: ${officer.name}`);
+      onDone();
+    } finally {
+      setDeleting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(Dialog, { children: [
+    /* @__PURE__ */ jsxs(
+      DialogTrigger,
+      {
+        render: /* @__PURE__ */ jsx(Button, { variant: "destructive", size: "sm", className: "gap-1.5" }),
+        children: [
+          /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t.delete })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-sm", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: t.deleteConfirmTitle }),
+        /* @__PURE__ */ jsxs(DialogDescription, { children: [
+          officer.name,
+          " \u2014 ",
+          t.deleteConfirmBody
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(DialogClose, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: t.cancel }),
+        /* @__PURE__ */ jsxs(
+          DialogClose,
+          {
+            render: /* @__PURE__ */ jsx(Button, { variant: "destructive", className: "gap-2", disabled: deleting }),
+            onClick: remove,
+            children: [
+              /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),
+              t.delete
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+export { OfficersManager };

package/dist/ui-components-admin/roles-manager.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { Permission, RoleDef } from '../types.js';
+
+/**
+ * Roles & permissions editor (GE-013, custom roles). Each role is a COMPACT card
+ * (name + a one-line permission summary); the permission checklist lives in a
+ * MODAL opened by "Edit permissions". Super admins create custom roles + delete
+ * unused ones. SUPER_ADMIN's management permissions are locked on (anti-lockout)
+ * here AND re-asserted server-side.
+ */
+
+type CreateRoleAction = (input: {
+    label: string;
+    permissions: Permission[];
+}) => Promise<{
+    error?: string;
+} | void>;
+type UpdateRoleAction = (name: string, patch: {
+    label?: string;
+    permissions?: Permission[];
+}) => Promise<{
+    error?: string;
+} | void>;
+type DeleteRoleAction = (name: string) => Promise<{
+    error?: string;
+} | void>;
+interface RolesManagerProps {
+    roles: RoleDef[];
+    /** username count per role name — shown as "N in use" + blocks delete. */
+    usage?: Record<string, number>;
+    createAction: CreateRoleAction;
+    updateAction: UpdateRoleAction;
+    deleteAction: DeleteRoleAction;
+}
+declare function RolesManager({ roles, usage, createAction, updateAction, deleteAction, }: RolesManagerProps): React.JSX.Element;
+
+export { type CreateRoleAction, type DeleteRoleAction, RolesManager, type RolesManagerProps, type UpdateRoleAction };