@gelabs/ovr 0.4.3 → 0.4.4

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

@@ -1,471 +1,14 @@
 "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 { 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, useOvrConfig } from '../chunk-TJSNVTVB.js';
+export { AccountsManager } from '../chunk-LC3S47FM.js';
+import '../chunk-XQTVSNHC.js';
+import '../chunk-M35R6JLA.js';
+import '../chunk-6YFZLXFP.js';
+import '../chunk-K3KIBHJF.js';
+import '../chunk-QZRRFE6E.js';
+import '../chunk-OWCGEEAZ.js';
+import '../chunk-55FQP2DO.js';
+import '../chunk-I4WDVYHX.js';
+import '../chunk-TJSNVTVB.js';
+import '../chunk-SETIN6XP.js';
 import '../chunk-77QBZC7J.js';
-import { hasPermission } from '../chunk-QZRRFE6E.js';
 import '../chunk-BI4EGLPG.js';
-import * as React from 'react';
-import { toast } from 'sonner';
-import { useRouter } from 'next/navigation';
-import { Loader2, UserPlus, KeyRound, Pencil } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var fieldClass = "h-9 w-full 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 disabled:opacity-50 dark:bg-input/30";
-function AccountsManager({
-  users,
-  officers,
-  roles,
-  currentUserId,
-  createAction,
-  editAction,
-  setActiveAction,
-  resetPasswordAction
-}) {
-  const t = useCopy().admin.accountsPage;
-  const { rules } = useOvrConfig();
-  const router = useRouter();
-  const [busyId, setBusyId] = React.useState(null);
-  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(users, 12);
-  const fmtDate = (iso) => new Date(iso).toLocaleDateString(rules.locale, {
-    timeZone: rules.timeZone,
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  });
-  async function toggleActive(u) {
-    setBusyId(u.id);
-    try {
-      const res = await setActiveAction(u.id, !u.active);
-      if (res?.error) {
-        toast.error(res.error);
-        return;
-      }
-      router.refresh();
-    } finally {
-      setBusyId(null);
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-5xl 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(
-        NewAccountDialog,
-        {
-          officers,
-          roles,
-          createAction,
-          onCreated: () => router.refresh()
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: users.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.username }),
-          /* @__PURE__ */ jsx(TableHead, { children: t.role }),
-          /* @__PURE__ */ jsx(TableHead, { children: t.officer }),
-          /* @__PURE__ */ jsx(TableHead, { children: t.status }),
-          /* @__PURE__ */ jsx(TableHead, { children: t.created }),
-          /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t.actions })
-        ] }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: pageItems.map((u) => {
-          const isSelf = u.id === currentUserId;
-          return /* @__PURE__ */ jsxs(TableRow, { children: [
-            /* @__PURE__ */ jsxs(TableCell, { className: "font-medium", children: [
-              u.username,
-              isSelf ? /* @__PURE__ */ jsxs("span", { className: "ml-1.5 text-xs text-muted-foreground", children: [
-                "(",
-                t.you,
-                ")"
-              ] }) : null
-            ] }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: u.roleLabel ?? u.role }) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: u.officerName ?? "\u2014" }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: u.active ? "default" : "outline", children: u.active ? t.active : t.inactive }) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: fmtDate(u.createdAt) }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1.5", children: [
-              /* @__PURE__ */ jsx(
-                EditAccountDialog,
-                {
-                  user: u,
-                  officers,
-                  roles,
-                  editAction,
-                  onSaved: () => router.refresh()
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                ResetPasswordDialog,
-                {
-                  user: u,
-                  resetPasswordAction
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: u.active ? "destructive" : "outline",
-                  size: "sm",
-                  disabled: isSelf || busyId === u.id,
-                  onClick: () => toggleActive(u),
-                  title: isSelf ? "You can't deactivate yourself." : void 0,
-                  children: [
-                    busyId === u.id ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }) : null,
-                    u.active ? t.deactivate : t.activate
-                  ]
-                }
-              )
-            ] }) })
-          ] }, u.id);
-        }) })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Pagination,
-        {
-          page,
-          totalPages,
-          from,
-          to,
-          total,
-          onPage: setPage
-        }
-      )
-    ] }) }) })
-  ] });
-}
-function NewAccountDialog({
-  officers,
-  roles,
-  createAction,
-  onCreated
-}) {
-  const t = useCopy().admin.accountsPage;
-  const defaultRole = roles.find((r) => r.name === "ENFORCER")?.name ?? roles[0]?.name ?? "";
-  const [open, setOpen] = React.useState(false);
-  const [username, setUsername] = React.useState("");
-  const [password, setPassword] = React.useState("");
-  const [role, setRole] = React.useState(defaultRole);
-  const [officerId, setOfficerId] = React.useState("");
-  const [submitting, setSubmitting] = React.useState(false);
-  const selectedRole = roles.find((r) => r.name === role);
-  const showOfficer = hasPermission(selectedRole?.permissions, "tickets:create");
-  function reset() {
-    setUsername("");
-    setPassword("");
-    setRole(defaultRole);
-    setOfficerId("");
-  }
-  async function submit(e) {
-    e.preventDefault();
-    if (!username.trim()) return toast.error(`${t.username} is required.`);
-    if (password.length < 6)
-      return toast.error("Password must be at least 6 characters.");
-    if (!role) return toast.error(`${t.role} is required.`);
-    setSubmitting(true);
-    try {
-      const res = await createAction({
-        username: username.trim(),
-        password,
-        role,
-        officerId: showOfficer && officerId ? officerId : null
-      });
-      if (res?.error) {
-        toast.error(res.error);
-        return;
-      }
-      toast.success(`Account "${username.trim()}" created.`);
-      reset();
-      setOpen(false);
-      onCreated();
-    } finally {
-      setSubmitting(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs(DialogTrigger, { render: /* @__PURE__ */ jsx(Button, { className: "gap-1.5" }), children: [
-      /* @__PURE__ */ jsx(UserPlus, { className: "size-4" }),
-      t.newAccount
-    ] }),
-    /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: t.newAccount }),
-        /* @__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: "acc-username", children: t.username }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "acc-username",
-              value: username,
-              onChange: (e) => setUsername(e.target.value),
-              autoComplete: "off",
-              autoFocus: true
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "acc-password", children: t.password }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "acc-password",
-              type: "password",
-              value: password,
-              onChange: (e) => setPassword(e.target.value),
-              autoComplete: "new-password"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "acc-role", children: t.role }),
-          /* @__PURE__ */ jsx(
-            "select",
-            {
-              id: "acc-role",
-              value: role,
-              onChange: (e) => setRole(e.target.value),
-              className: fieldClass,
-              children: roles.map((r) => /* @__PURE__ */ jsx("option", { value: r.name, children: r.label }, r.name))
-            }
-          )
-        ] }),
-        showOfficer ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "acc-officer", children: t.officer }),
-          /* @__PURE__ */ jsxs(
-            "select",
-            {
-              id: "acc-officer",
-              value: officerId,
-              onChange: (e) => setOfficerId(e.target.value),
-              className: fieldClass,
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t.officerNone }),
-                officers.map((o) => /* @__PURE__ */ jsxs("option", { value: o.id, children: [
-                  o.name,
-                  o.badgeNo ? ` (${o.badgeNo})` : ""
-                ] }, o.id))
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t.officerHint })
-        ] }) : null,
-        /* @__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" }) : /* @__PURE__ */ jsx(UserPlus, { className: "size-4" }),
-            submitting ? t.creating : t.create
-          ] })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function ResetPasswordDialog({
-  user,
-  resetPasswordAction
-}) {
-  const t = useCopy().admin.accountsPage;
-  const [open, setOpen] = React.useState(false);
-  const [password, setPassword] = React.useState("");
-  const [submitting, setSubmitting] = React.useState(false);
-  async function submit(e) {
-    e.preventDefault();
-    if (password.length < 6)
-      return toast.error("Password must be at least 6 characters.");
-    setSubmitting(true);
-    try {
-      const res = await resetPasswordAction(user.id, password);
-      if (res?.error) {
-        toast.error(res.error);
-        return;
-      }
-      toast.success(`Password reset for "${user.username}".`);
-      setPassword("");
-      setOpen(false);
-    } finally {
-      setSubmitting(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs(
-      DialogTrigger,
-      {
-        render: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "gap-1.5" }),
-        children: [
-          /* @__PURE__ */ jsx(KeyRound, { className: "size-3.5" }),
-          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t.resetPassword })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-sm", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: t.resetPassword }),
-        /* @__PURE__ */ jsxs(DialogDescription, { children: [
-          t.resetPassword,
-          " \u2014 ",
-          /* @__PURE__ */ jsx("span", { className: "font-medium", children: user.username })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: `reset-${user.id}`, children: t.newPassword }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: `reset-${user.id}`,
-              type: "password",
-              value: password,
-              onChange: (e) => setPassword(e.target.value),
-              autoComplete: "new-password",
-              autoFocus: true
-            }
-          )
-        ] }),
-        /* @__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 ? t.saving : t.save
-          ] })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function EditAccountDialog({
-  user,
-  officers,
-  roles,
-  editAction,
-  onSaved
-}) {
-  const t = useCopy().admin.accountsPage;
-  const [open, setOpen] = React.useState(false);
-  const [username, setUsername] = React.useState(user.username);
-  const [role, setRole] = React.useState(user.role);
-  const [officerId, setOfficerId] = React.useState(user.officerId ?? "");
-  const [submitting, setSubmitting] = React.useState(false);
-  const selectedRole = roles.find((r) => r.name === role);
-  const showOfficer = hasPermission(selectedRole?.permissions, "tickets:create");
-  async function submit(e) {
-    e.preventDefault();
-    if (!username.trim()) return toast.error(`${t.username} is required.`);
-    setSubmitting(true);
-    try {
-      const res = await editAction(user.id, {
-        username: username.trim(),
-        role,
-        officerId: showOfficer && officerId ? officerId : null
-      });
-      if (res?.error) {
-        toast.error(res.error);
-        return;
-      }
-      toast.success(`${t.editTitle}: ${username.trim()}`);
-      setOpen(false);
-      onSaved();
-    } finally {
-      setSubmitting(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onOpenChange: (o) => {
-        if (o) {
-          setUsername(user.username);
-          setRole(user.role);
-          setOfficerId(user.officerId ?? "");
-        }
-        setOpen(o);
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          DialogTrigger,
-          {
-            render: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "gap-1.5" }),
-            children: [
-              /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" }),
-              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t.edit })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
-          /* @__PURE__ */ jsxs(DialogHeader, { children: [
-            /* @__PURE__ */ jsx(DialogTitle, { children: t.editTitle }),
-            /* @__PURE__ */ jsx(DialogDescription, { children: user.username })
-          ] }),
-          /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: `edit-username-${user.id}`, children: t.username }),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: `edit-username-${user.id}`,
-                  value: username,
-                  onChange: (e) => setUsername(e.target.value),
-                  autoComplete: "off"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: `edit-role-${user.id}`, children: t.role }),
-              /* @__PURE__ */ jsx(
-                "select",
-                {
-                  id: `edit-role-${user.id}`,
-                  value: role,
-                  onChange: (e) => setRole(e.target.value),
-                  className: fieldClass,
-                  children: roles.map((r) => /* @__PURE__ */ jsx("option", { value: r.name, children: r.label }, r.name))
-                }
-              )
-            ] }),
-            showOfficer ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: `edit-officer-${user.id}`, children: t.officer }),
-              /* @__PURE__ */ jsxs(
-                "select",
-                {
-                  id: `edit-officer-${user.id}`,
-                  value: officerId,
-                  onChange: (e) => setOfficerId(e.target.value),
-                  className: fieldClass,
-                  children: [
-                    /* @__PURE__ */ jsx("option", { value: "", children: t.officerNone }),
-                    officers.map((o) => /* @__PURE__ */ jsxs("option", { value: o.id, children: [
-                      o.name,
-                      o.badgeNo ? ` (${o.badgeNo})` : ""
-                    ] }, o.id))
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t.officerHint })
-            ] }) : null,
-            /* @__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" }) : /* @__PURE__ */ jsx(Pencil, { className: "size-4" }),
-                submitting ? t.saving : t.saveChanges
-              ] })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-export { AccountsManager };

package/dist/ui-components-admin/admin-nav.js

@@ -1,95 +1,23 @@
 "use client";
 import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter } from '../chunk-3YKVH4Y7.js';
+import { NotificationBell } from '../chunk-YE3D2DYY.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from '../chunk-V7VQVDWS.js';
+import { useIdentity, cacheCredential } from '../chunk-YGYA7KEG.js';
 import { Label } from '../chunk-XQTVSNHC.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from '../chunk-M35R6JLA.js';
 import { Input } from '../chunk-K3KIBHJF.js';
+import { hasPermission } from '../chunk-QZRRFE6E.js';
 import { Button } from '../chunk-I4WDVYHX.js';
 import { useCopy } from '../chunk-TJSNVTVB.js';
 import { cn } from '../chunk-77QBZC7J.js';
-import { hasPermission } from '../chunk-QZRRFE6E.js';
-import { useIdentity, useNotificationsState, cacheCredential } from '../chunk-YGYA7KEG.js';
 import '../chunk-BI4EGLPG.js';
 import * as React from 'react';
-import Link2 from 'next/link';
+import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { LayoutDashboard, ListChecks, Users, ShieldCheck, BadgeCheck, Gavel, ScrollText, MoreHorizontal, ChevronDown, UserRound, KeyRound, LogOut, Menu, Bell, Loader2 } from 'lucide-react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { LayoutDashboard, ListChecks, Users, ShieldCheck, BadgeCheck, Gavel, ScrollText, MoreHorizontal, ChevronDown, UserRound, KeyRound, LogOut, Menu, Loader2 } from 'lucide-react';
 import { toast } from 'sonner';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var BELL_LIMIT = 6;
-function NotificationBell() {
-  const { items, total, unseen, markSeen } = useNotificationsState();
-  const t = useCopy().admin.notifications;
-  const hasOverdue = items.some((n) => n.type === "overdue");
-  const top = items.slice(0, BELL_LIMIT);
-  return /* @__PURE__ */ jsxs(
-    DropdownMenu,
-    {
-      onOpenChange: (open) => {
-        if (open) markSeen();
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          DropdownMenuTrigger,
-          {
-            render: /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": t.title,
-                className: "relative flex items-center rounded-md px-2 py-1.5 text-sm font-medium text-gov-foreground/80 transition-colors hover:bg-white/10 hover:text-gov-foreground aria-expanded:bg-white/10 aria-expanded:text-gov-foreground"
-              }
-            ),
-            children: [
-              /* @__PURE__ */ jsx(Bell, { className: "size-4 shrink-0" }),
-              unseen ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "absolute -top-0.5 -right-0.5 flex min-w-4 items-center justify-center rounded-full px-1 text-[0.625rem] leading-4 font-semibold text-white",
-                    hasOverdue ? "bg-red-500" : "bg-amber-500"
-                  ),
-                  children: total > 99 ? "99+" : total
-                }
-              ) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "min-w-72", children: [
-          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-sm font-medium", children: t.title }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-3 text-center text-sm text-muted-foreground", children: t.empty }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            top.map((n) => /* @__PURE__ */ jsxs(DropdownMenuItem, { render: /* @__PURE__ */ jsx(Link2, { href: n.href }), children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "mt-1 size-2 shrink-0 rounded-full",
-                    n.type === "overdue" ? "bg-red-500" : "bg-amber-500"
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxs("span", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx("span", { className: "block font-mono text-xs", children: n.ovrTicketNo }),
-                /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
-                  n.type === "overdue" ? t.overdue : t.outstanding,
-                  " \xB7 ",
-                  n.name
-                ] })
-              ] })
-            ] }, n.id)),
-            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsx(DropdownMenuItem, { render: /* @__PURE__ */ jsx(Link2, { href: "/admin/notifications" }), children: /* @__PURE__ */ jsxs("span", { className: "flex-1 text-center text-sm", children: [
-              t.viewAll,
-              total > top.length ? ` (${total})` : ""
-            ] }) })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
 function ChangePasswordDialog({
   open,
   onOpenChange,
@@ -246,7 +174,7 @@ function AdminNav({
     /* @__PURE__ */ jsxs("nav", { className: "hidden items-center gap-0.5 md:flex md:gap-1", children: [
       primary.map((it) => {
         const Icon = it.icon;
-        return /* @__PURE__ */ jsxs(Link2, { href: it.href, className: itemClass(isActive(pathname, it.href)), children: [
+        return /* @__PURE__ */ jsxs(Link, { href: it.href, className: itemClass(isActive(pathname, it.href)), children: [
           /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0" }),
           /* @__PURE__ */ jsx("span", { className: "hidden md:inline", children: it.label })
         ] }, it.href);
@@ -268,7 +196,7 @@ function AdminNav({
           return /* @__PURE__ */ jsxs(
             DropdownMenuItem,
             {
-              render: /* @__PURE__ */ jsx(Link2, { href: it.href }),
+              render: /* @__PURE__ */ jsx(Link, { href: it.href }),
               className: cn(isActive(pathname, it.href) && "bg-accent text-accent-foreground"),
               children: [
                 /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0" }),
@@ -336,7 +264,7 @@ function AdminNav({
             const Icon = it.icon;
             const active = isActive(pathname, it.href);
             return /* @__PURE__ */ jsxs(
-              Link2,
+              Link,
               {
                 href: it.href,
                 onClick: () => setMobileOpen(false),