dirk-cfx-react 1.1.89 → 1.1.91

package/dist/index.js

@@ -2,10 +2,11 @@ import { Flex, Text, Image as Image$1, createTheme, alpha, Box, Stack, Title as
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React4, { createContext, memo, useRef, useEffect, useContext, useState, useCallback, useMemo, useLayoutEffect } from 'react';
 import { create, useStore, createStore } from 'zustand';
+import { z } from 'zod';
 import axios from 'axios';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { motion, AnimatePresence, useMotionValue } from 'framer-motion';
-import { Info, X, AlertTriangle, Trash2, RefreshCw, ChevronDown, Check, Copy, MapPin, Crosshair, EyeOff, Eye, RotateCcw, FlaskConical, ChevronUp, Palette, DoorOpen, Plus, Minus, ArrowLeft, Undo2, Redo2, Save, History, XCircle, Code2, Search, Filter, User } from 'lucide-react';
+import { Info, X, AlertTriangle, Trash2, RefreshCw, ChevronDown, Check, Copy, MapPin, Crosshair, EyeOff, Eye, RotateCcw, FlaskConical, ChevronUp, Palette, ShieldCheck, Users, UserRound, Plus, DoorOpen, Minus, ArrowLeft, Undo2, Redo2, Save, History, XCircle, Code2, Search, Filter, User } from 'lucide-react';
 import clickSoundUrl from './click_sound-PNCRRTM4.mp3';
 import hoverSoundUrl from './hover_sound-NBUA222C.mp3';
 import { notifications } from '@mantine/notifications';
@@ -26,7 +27,6 @@ import { CRS, tileLayer, latLngBounds, latLng } from 'leaflet';
 import 'leaflet/dist/leaflet.css';
 import { MapContainer, useMap } from 'react-leaflet';
 import { Marker } from '@adamscybot/react-leaflet-component-marker';
-import { z } from 'zod';
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -1312,6 +1312,32 @@ var openLink = (url) => {
     window.invokeNative("openLink", url);
   }
 };
+var DEFAULT_PALETTE = [
+  "#f0f4ff",
+  "#d9e3ff",
+  "#bfcfff",
+  "#a6bbff",
+  "#8ca7ff",
+  "#7393ff",
+  "#5a7fff",
+  "#406bff",
+  "#2547ff",
+  "#0b33ff"
+];
+var ThemeOverrideSchema = z.object({
+  useOverride: z.boolean(),
+  primaryColor: z.string(),
+  primaryShade: z.number(),
+  customTheme: z.array(z.string())
+});
+var defaultThemeOverride = {
+  useOverride: false,
+  primaryColor: "dirk",
+  primaryShade: 5,
+  customTheme: DEFAULT_PALETTE
+};
+
+// src/utils/useSettings.ts
 var useSettings = create(() => ({
   currency: "$",
   game: "fivem",
@@ -1319,18 +1345,7 @@ var useSettings = create(() => ({
   primaryShade: 9,
   itemImgPath: "",
   resourceVersion: "dev",
-  customTheme: [
-    "#f0f4ff",
-    "#d9e3ff",
-    "#bfcfff",
-    "#a6bbff",
-    "#8ca7ff",
-    "#7393ff",
-    "#5a7fff",
-    "#406bff",
-    "#2547ff",
-    "#0b33ff"
-  ]
+  customTheme: DEFAULT_PALETTE
 }));
 
 // src/utils/fetchNui.ts
@@ -1414,11 +1429,35 @@ function reportMissingLocale(key) {
   fetchNui("REPORT_MISSING_LOCALE", { key }).catch(() => {
   });
 }
+var PACKAGE_DEFAULTS = {
+  "OccupantsDesc": "Here you can view and manage the occupants of your traphouse. These occupants can be used mainly for selling drugs to the NPCs surrounding your traphouse. However they have other uses to so be careful who you add as an occupant.",
+  "cfgpanel_discard": "Discard",
+  "cfgpanel_manual_edit": "Manual Edit",
+  "cfgpanel_reset_defaults": "Reset Defaults",
+  "cfgpanel_version": "Version",
+  "cfgpanel_back_title": "Back to script list",
+  "cfgpanel_undo": "Undo",
+  "cfgpanel_redo": "Redo",
+  "cfgpanel_save": "Save",
+  "cfgpanel_saving": "Saving...",
+  "cfgpanel_history": "History",
+  "cfgpanel_reset_title": "Reset to Defaults",
+  "cfgpanel_reset_desc": "This will permanently reset ALL config back to the defaults. Every value you have configured will be overwritten. This cannot be undone.",
+  "cfgpanel_reset_confirm": "Reset Config",
+  "cfgpanel_discard_title": "Discard Unsaved Changes?",
+  "cfgpanel_discard_desc_back": "You have unsaved changes. Going back now will discard them.",
+  "cfgpanel_discard_desc_close": "You have unsaved changes. Closing now will discard them.",
+  "cfgpanel_discard_confirm_back": "Go Back Without Saving",
+  "cfgpanel_discard_confirm_close": "Close Without Saving",
+  "cfgpanel_json_title": "Config JSON",
+  "cfgpanel_cancel": "Cancel",
+  "cfgpanel_apply": "Apply",
+  "cfgpanel_history_title": "Config History",
+  "cfgpanel_close": "Close"
+};
 var localeStore = create((set, get) => {
   return {
-    locales: {
-      "OccupantsDesc": "Here you can view and manage the occupants of your traphouse. These occupants can be used mainly for selling drugs to the NPCs surrounding your traphouse. However they have other uses to so be careful who you add as an occupant."
-    },
+    locales: { ...PACKAGE_DEFAULTS },
     locale: (key, ...args) => {
       const exists = get().locales[key];
       if (!exists) reportMissingLocale(key);
@@ -1432,7 +1471,7 @@ var localeStore = create((set, get) => {
 });
 var locale = localeStore.getState().locale;
 registerInitialFetch("GET_LOCALES", void 0).then((data) => {
-  localeStore.setState({ locales: data });
+  localeStore.setState({ locales: { ...PACKAGE_DEFAULTS, ...data } });
 }).catch(() => {
 });
 if (typeof window !== "undefined") {
@@ -1441,7 +1480,7 @@ if (typeof window !== "undefined") {
     if (!msg || msg.action !== "UPDATE_DIRK_LIB_LOCALES") return;
     if (!msg.data || typeof msg.data !== "object") return;
     if (Object.keys(msg.data).length === 0) return;
-    localeStore.setState({ locales: msg.data });
+    localeStore.setState({ locales: { ...PACKAGE_DEFAULTS, ...msg.data } });
   });
 }
 
@@ -3718,11 +3757,11 @@ function ConfirmModal({
                     placeholder: confirmText,
                     value: typed,
                     onChange: (e) => setTyped(e.currentTarget.value),
-                    styles: (t3) => ({
+                    styles: (t4) => ({
                       input: {
-                        backgroundColor: alpha(t3.colors.dark[7], 0.5),
+                        backgroundColor: alpha(t4.colors.dark[7], 0.5),
                         border: `0.1vh solid ${alpha(
-                          typed === confirmText ? "#ef4444" : t3.colors.dark[5],
+                          typed === confirmText ? "#ef4444" : t4.colors.dark[5],
                           0.5
                         )}`,
                         color: "rgba(255,255,255,0.85)",
@@ -4400,7 +4439,7 @@ function useAdminState(key, initial) {
   useEffect(() => {
     const set = listeners.get(key) ?? /* @__PURE__ */ new Set();
     listeners.set(key, set);
-    const handler = () => setTick((t3) => t3 + 1);
+    const handler = () => setTick((t4) => t4 + 1);
     set.add(handler);
     return () => {
       set.delete(handler);
@@ -5012,7 +5051,7 @@ function ConfigJsonModal({
       setError(e.message);
     }
   };
-  return /* @__PURE__ */ jsxs(Modal, { title: "Config JSON", icon: Code2, iconColor: color, onClose, width: "60vh", maxHeight: "80vh", zIndex: 200, children: [
+  return /* @__PURE__ */ jsxs(Modal, { title: locale("cfgpanel_json_title"), icon: Code2, iconColor: color, onClose, width: "60vh", maxHeight: "80vh", zIndex: 200, children: [
     /* @__PURE__ */ jsxs(Box, { flex: 1, p: "0.8vh", style: { overflowY: "auto" }, children: [
       /* @__PURE__ */ jsx(
         JsonInput,
@@ -5040,7 +5079,7 @@ function ConfigJsonModal({
           style: { background: "transparent", border: `0.1vh solid ${theme2.colors.dark[6]}`, borderRadius: theme2.radius.xs, padding: `${theme2.spacing.xxs} ${theme2.spacing.xs}`, cursor: "pointer", display: "flex", alignItems: "center", gap: theme2.spacing.xxs },
           children: [
             /* @__PURE__ */ jsx(X, { color: "rgba(255,255,255,0.4)" }),
-            /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: "rgba(255,255,255,0.4)", children: "Cancel" })
+            /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: "rgba(255,255,255,0.4)", children: locale("cfgpanel_cancel") })
           ]
         }
       ),
@@ -5053,7 +5092,7 @@ function ConfigJsonModal({
           style: { background: alpha(color, 0.14), border: `0.1vh solid ${alpha(color, 0.4)}`, borderRadius: theme2.radius.xs, padding: `${theme2.spacing.xxs} ${theme2.spacing.xs}`, cursor: "pointer", display: "flex", alignItems: "center", gap: theme2.spacing.xxs },
           children: [
             /* @__PURE__ */ jsx(Check, { color }),
-            /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: color, children: "Apply" })
+            /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: color, children: locale("cfgpanel_apply") })
           ]
         }
       )
@@ -5194,7 +5233,7 @@ function ConfigHistoryModal({
       historyQuery.fetchNextPage();
     }
   };
-  return /* @__PURE__ */ jsxs(Modal, { title: "Config History", icon: History, iconColor: color, onClose, width: "88vh", maxHeight: "82vh", zIndex: 260, children: [
+  return /* @__PURE__ */ jsxs(Modal, { title: locale("cfgpanel_history_title"), icon: History, iconColor: color, onClose, width: "88vh", maxHeight: "82vh", zIndex: 260, children: [
     /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { flex: 1, minHeight: 0 }, children: [
       /* @__PURE__ */ jsxs(Flex, { gap: "xs", p: "sm", style: { borderBottom: `0.1vh solid ${alpha(theme2.colors.dark[7], 0.8)}` }, children: [
         /* @__PURE__ */ jsx(TextInput, { leftSection: /* @__PURE__ */ jsx(Search, { size: "1.4vh" }), placeholder: "Search path/admin/value", value: queryInput, onChange: (e) => setQueryInput(e.currentTarget.value), size: "xs", style: { flex: 1 } }),
@@ -5237,7 +5276,7 @@ function ConfigHistoryModal({
         style: { background: "transparent", border: `0.1vh solid ${theme2.colors.dark[6]}`, borderRadius: theme2.radius.xs, padding: `${theme2.spacing.xxs} ${theme2.spacing.xs}`, cursor: "pointer", display: "flex", alignItems: "center", gap: theme2.spacing.xxs },
         children: [
           /* @__PURE__ */ jsx(X, { color: "rgba(255,255,255,0.4)", size: "1.5vh" }),
-          /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: "rgba(255,255,255,0.4)", children: "Close" })
+          /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: "rgba(255,255,255,0.4)", children: locale("cfgpanel_close") })
         ]
       }
     ) })
@@ -5297,9 +5336,9 @@ function ConfigPanelInner({
     /* @__PURE__ */ jsx(AnimatePresence, { children: resetOpen && /* @__PURE__ */ jsx(
       ConfirmModal,
       {
-        title: "Reset to Defaults",
-        description: "This will permanently reset ALL config back to the defaults. Every value you have configured will be overwritten. This cannot be undone.",
-        confirmLabel: "Reset Config",
+        title: locale("cfgpanel_reset_title"),
+        description: locale("cfgpanel_reset_desc"),
+        confirmLabel: locale("cfgpanel_reset_confirm"),
         confirmText: resetConfirmText,
         onConfirm: async () => {
           setResetOpen(false);
@@ -5331,9 +5370,9 @@ function ConfigPanelInner({
     /* @__PURE__ */ jsx(AnimatePresence, { children: pendingAction !== null && /* @__PURE__ */ jsx(
       ConfirmModal,
       {
-        title: "Discard Unsaved Changes?",
-        description: pendingAction === "back" ? "You have unsaved changes. Going back now will discard them." : "You have unsaved changes. Closing now will discard them.",
-        confirmLabel: pendingAction === "back" ? "Go Back Without Saving" : "Close Without Saving",
+        title: locale("cfgpanel_discard_title"),
+        description: pendingAction === "back" ? locale("cfgpanel_discard_desc_back") : locale("cfgpanel_discard_desc_close"),
+        confirmLabel: pendingAction === "back" ? locale("cfgpanel_discard_confirm_back") : locale("cfgpanel_discard_confirm_close"),
         onConfirm: () => {
           const action = pendingAction;
           setPendingAction(null);
@@ -5371,7 +5410,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsx(
                 motion.button,
                 {
-                  title: "Back to script list",
+                  title: locale("cfgpanel_back_title"),
                   onClick: handleBack,
                   whileHover: { background: alpha(color, 0.16), borderColor: alpha(color, 0.45) },
                   whileTap: { scale: 0.95 },
@@ -5399,7 +5438,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsx(
                 motion.button,
                 {
-                  title: "Undo",
+                  title: locale("cfgpanel_undo"),
                   onClick: () => form.canBack && form.back(),
                   disabled: !form.canBack,
                   whileHover: form.canBack ? { background: "rgba(255,255,255,0.07)" } : void 0,
@@ -5411,7 +5450,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsx(
                 motion.button,
                 {
-                  title: "Redo",
+                  title: locale("cfgpanel_redo"),
                   onClick: () => form.canForward && form.forward(),
                   disabled: !form.canForward,
                   whileHover: form.canForward ? { background: "rgba(255,255,255,0.07)" } : void 0,
@@ -5423,7 +5462,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsx(
                 motion.button,
                 {
-                  title: isSaving ? "Saving..." : isDirty ? `Save (${changedCount})` : "Save",
+                  title: isSaving ? locale("cfgpanel_saving") : isDirty ? `${locale("cfgpanel_save")} (${changedCount})` : locale("cfgpanel_save"),
                   onClick: () => isDirty && !isSaving && form.submit(),
                   disabled: !isDirty || isSaving,
                   whileHover: isDirty && !isSaving ? { background: alpha(color, 0.25), borderColor: alpha(color, 0.5) } : void 0,
@@ -5435,7 +5474,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsx(
                 motion.button,
                 {
-                  title: "History",
+                  title: locale("cfgpanel_history"),
                   onClick: () => setHistoryOpen(true),
                   whileHover: { background: alpha("#22d3ee", 0.16), borderColor: alpha("#22d3ee", 0.5) },
                   whileTap: { scale: 0.97 },
@@ -5456,7 +5495,7 @@ function ConfigPanelInner({
                   style: { width: "100%", background: "transparent", border: `0.1vh solid ${isDirty ? alpha("#f97316", 0.35) : alpha(theme2.colors.dark[5], 0.3)}`, borderRadius: theme2.radius.xs, padding: "0.65vh 0.8vh", cursor: isDirty ? "pointer" : "default", display: "flex", alignItems: "center", gap: "0.55vh", opacity: isDirty ? 1 : 0.35, transition: "opacity 0.2s" },
                   children: [
                     /* @__PURE__ */ jsx(XCircle, { color: isDirty ? "#f97316" : "rgba(255,255,255,0.35)", size: "1.6vh" }),
-                    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: isDirty ? "#f97316" : "rgba(255,255,255,0.35)", children: "Discard" })
+                    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: isDirty ? "#f97316" : "rgba(255,255,255,0.35)", children: locale("cfgpanel_discard") })
                   ]
                 }
               ),
@@ -5470,7 +5509,7 @@ function ConfigPanelInner({
                   style: { width: "100%", background: alpha(color, 0.07), border: `0.1vh solid ${alpha(color, 0.28)}`, borderRadius: theme2.radius.xs, padding: "0.65vh 0.8vh", cursor: "pointer", display: "flex", alignItems: "center", gap: "0.55vh" },
                   children: [
                     /* @__PURE__ */ jsx(Code2, { color, size: "1.6vh" }),
-                    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: color, children: "Manual Edit" })
+                    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: color, children: locale("cfgpanel_manual_edit") })
                   ]
                 }
               ),
@@ -5483,12 +5522,13 @@ function ConfigPanelInner({
                   style: { width: "100%", background: alpha("#ef4444", 0.07), border: `0.1vh solid ${alpha("#ef4444", 0.25)}`, borderRadius: theme2.radius.xs, padding: "0.65vh 0.8vh", cursor: "pointer", display: "flex", alignItems: "center", gap: "0.55vh" },
                   children: [
                     /* @__PURE__ */ jsx(RotateCcw, { color: "#ef4444", size: "1.6vh" }),
-                    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: "#ef4444", children: "Reset Defaults" })
+                    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: "#ef4444", children: locale("cfgpanel_reset_defaults") })
                   ]
                 }
               ),
               version && /* @__PURE__ */ jsxs(Text, { size: "0.95vh", c: "dimmed", ta: "center", style: { letterSpacing: "0.04em", opacity: 0.8 }, children: [
-                "Version ",
+                locale("cfgpanel_version"),
+                " ",
                 version
               ] })
             ] })
@@ -6579,24 +6619,6 @@ var MANTINE_COLOR_OPTIONS = [
   "yellow",
   "orange"
 ].map((value) => ({ value, label: value }));
-var DEFAULT_PALETTE = [
-  "#f0f4ff",
-  "#d9e3ff",
-  "#bfcfff",
-  "#a6bbff",
-  "#8ca7ff",
-  "#7393ff",
-  "#5a7fff",
-  "#406bff",
-  "#2547ff",
-  "#0b33ff"
-];
-var DEFAULT_VALUE = {
-  useOverride: false,
-  primaryColor: "dirk",
-  primaryShade: 5,
-  customTheme: DEFAULT_PALETTE
-};
 function GroupLabel({ label: label2 }) {
   return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", mt: "xxs", children: [
     /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.07em", c: "rgba(255,255,255,0.2)", children: label2 }),
@@ -6611,10 +6633,10 @@ function ThemeOverrideSection({
   const color = mantineTheme.colors[mantineTheme.primaryColor][5];
   const raw = useFormField(schemaKey);
   const value = {
-    useOverride: raw?.useOverride ?? DEFAULT_VALUE.useOverride,
-    primaryColor: raw?.primaryColor ?? DEFAULT_VALUE.primaryColor,
-    primaryShade: raw?.primaryShade ?? DEFAULT_VALUE.primaryShade,
-    customTheme: Array.isArray(raw?.customTheme) && raw.customTheme.length === 10 ? raw.customTheme : DEFAULT_VALUE.customTheme
+    useOverride: raw?.useOverride ?? defaultThemeOverride.useOverride,
+    primaryColor: raw?.primaryColor ?? defaultThemeOverride.primaryColor,
+    primaryShade: raw?.primaryShade ?? defaultThemeOverride.primaryShade,
+    customTheme: Array.isArray(raw?.customTheme) && raw.customTheme.length === 10 ? raw.customTheme : defaultThemeOverride.customTheme
   };
   const { setValue } = useFormActions();
   const set = (key, val) => setValue(schemaKey, { ...value, [key]: val });
@@ -6821,6 +6843,403 @@ function SwatchTile({
     ) })
   ] });
 }
+function usePlayers(opts = {}) {
+  const {
+    includeOffline = false,
+    search = "",
+    limit = 50,
+    staleTimeMs,
+    refetchIntervalMs
+  } = opts;
+  const query = useQuery({
+    queryKey: includeOffline ? ["dirk:players", "search", search.trim().toLowerCase(), limit] : ["dirk:players", "online"],
+    queryFn: async () => {
+      const toolId = includeOffline ? "searchPlayers" : "getOnlinePlayers";
+      const payload = includeOffline ? { id: toolId, value: { search: search.trim(), limit } } : { id: toolId };
+      const result = await fetchNui(
+        "ADMIN_TOOL_QUERY",
+        payload,
+        // Browser-dev fallback. Returns a couple of mock players so the
+        // dev shell isn't blank.
+        includeOffline ? [
+          { id: 1, citizenId: "ABC12345", name: "Dev User", charName: "John Doe", online: true },
+          { id: null, citizenId: "DEF67890", name: "", charName: "Jane Offline", online: false }
+        ] : [
+          { id: 1, citizenId: "ABC12345", name: "Dev User", charName: "John Doe", online: true }
+        ]
+      );
+      return Array.isArray(result) ? result : [];
+    },
+    staleTime: staleTimeMs ?? (includeOffline ? 3e4 : 5e3),
+    gcTime: 5 * 6e4,
+    refetchInterval: refetchIntervalMs ?? false,
+    refetchOnWindowFocus: false,
+    placeholderData: includeOffline ? keepPreviousData : void 0
+  });
+  return {
+    players: query.data ?? [],
+    isLoading: query.isLoading,
+    isFetching: query.isFetching,
+    error: query.error ?? null,
+    refresh: () => query.refetch()
+  };
+}
+var DEBOUNCE_MS = 300;
+var ONLINE_COLOR = "#3FA83F";
+var OFFLINE_COLOR = "#E54141";
+function PlayerSelect({
+  value,
+  onChange,
+  includeOffline = false,
+  limit = 50,
+  searchable: searchableProp,
+  placeholder,
+  nothingFoundMessage: nothingFoundMessageProp,
+  loadingLabel = "Loading\u2026",
+  onlineLabel = "Online",
+  offlineLabel = "Offline",
+  refreshLabel = "Refresh player list",
+  ...rest
+}) {
+  const theme2 = useMantineTheme();
+  const color = theme2.colors[theme2.primaryColor][5];
+  const [searchInput, setSearchInput] = useState("");
+  const [debouncedSearch, setDebouncedSearch] = useState("");
+  const { players, isFetching, refresh } = usePlayers({
+    includeOffline,
+    search: includeOffline ? debouncedSearch : void 0,
+    limit
+  });
+  const sortedPlayers = useMemo(
+    () => [...players].sort((a, b) => {
+      if (a.online !== b.online) return a.online ? -1 : 1;
+      return a.charName.localeCompare(b.charName);
+    }),
+    [players]
+  );
+  const playerByCitizen = useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const p of sortedPlayers) m.set(p.citizenId, p);
+    return m;
+  }, [sortedPlayers]);
+  const data = useMemo(() => {
+    const items = sortedPlayers.map((p) => ({
+      value: p.citizenId,
+      label: formatLabel(p)
+    }));
+    if (value && !items.some((i) => i.value === value)) {
+      items.unshift({ value, label: value });
+    }
+    return items;
+  }, [sortedPlayers, value]);
+  const selectedPlayer = value ? playerByCitizen.get(value) ?? null : null;
+  const selectedLabel = selectedPlayer ? formatLabel(selectedPlayer) : null;
+  useEffect(() => {
+    if (!includeOffline) return;
+    if (selectedLabel && searchInput === selectedLabel) return;
+    const t4 = setTimeout(() => setDebouncedSearch(searchInput), DEBOUNCE_MS);
+    return () => clearTimeout(t4);
+  }, [searchInput, includeOffline, selectedLabel]);
+  const renderOption = ({ option }) => {
+    const p = playerByCitizen.get(option.value);
+    if (!p) return option.label;
+    return /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", gap: "xs", style: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, style: { flex: 1 }, children: formatLabel(p) }),
+      /* @__PURE__ */ jsx(StatusDot, { online: p.online, onlineLabel, offlineLabel })
+    ] });
+  };
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      ...rest,
+      data,
+      value: value ?? null,
+      onChange: (v) => {
+        if (!v) return onChange(null);
+        const player = playerByCitizen.get(v) ?? null;
+        onChange(player);
+      },
+      searchable: searchableProp ?? true,
+      searchValue: includeOffline ? searchInput : void 0,
+      onSearchChange: includeOffline ? setSearchInput : void 0,
+      placeholder,
+      nothingFoundMessage: isFetching ? loadingLabel : nothingFoundMessageProp ?? "No players found",
+      maxDropdownHeight: 300,
+      renderOption,
+      leftSection: selectedPlayer ? /* @__PURE__ */ jsx(StatusDot, { online: selectedPlayer.online, onlineLabel, offlineLabel }) : void 0,
+      rightSectionWidth: "3.5vh",
+      rightSectionPointerEvents: "all",
+      rightSection: /* @__PURE__ */ jsx(
+        ActionIcon,
+        {
+          variant: "subtle",
+          size: "sm",
+          onClick: (e) => {
+            e.stopPropagation();
+            refresh();
+          },
+          "aria-label": refreshLabel,
+          title: refreshLabel,
+          style: { marginRight: "0.6vh" },
+          children: isFetching ? /* @__PURE__ */ jsx(Loader, { size: "1.2vh", color }) : /* @__PURE__ */ jsx(RefreshCw, { size: "1.4vh", color })
+        }
+      )
+    }
+  );
+}
+function StatusDot({ online, onlineLabel, offlineLabel }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      title: online ? onlineLabel : offlineLabel,
+      style: {
+        display: "inline-block",
+        width: "0.9vh",
+        height: "0.9vh",
+        borderRadius: "50%",
+        backgroundColor: online ? ONLINE_COLOR : OFFLINE_COLOR,
+        boxShadow: `0 0 0.4vh ${online ? ONLINE_COLOR : OFFLINE_COLOR}`,
+        flexShrink: 0
+      }
+    }
+  );
+}
+function formatLabel(p) {
+  const parts = [p.charName || p.citizenId];
+  if (p.online) {
+    if (p.name) parts.push(p.name);
+    if (p.id != null) parts.push(`#${p.id}`);
+  }
+  return parts.join(" \xB7 ");
+}
+var t = (key, fallback) => {
+  const v = locale(key);
+  return v === key ? fallback : v;
+};
+var DEFAULT_VALUE = {
+  groups: [],
+  identifiers: []
+};
+function SectionLabel({ icon: Icon, label: label2 }) {
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", mt: "xs", children: [
+    /* @__PURE__ */ jsx(Icon, { size: "1.4vh", color: "rgba(255,255,255,0.3)" }),
+    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.07em", c: "rgba(255,255,255,0.2)", children: label2 }),
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, height: "0.05vh", background: "rgba(255,255,255,0.06)" } })
+  ] });
+}
+function EmptyHint({ text }) {
+  return /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.25)", ta: "center", py: "xs", children: text });
+}
+function AccessOverrideSection({
+  schemaKey = "access",
+  title,
+  description: description2,
+  groupType,
+  includeOffline = true
+}) {
+  const mantineTheme = useMantineTheme();
+  const color = mantineTheme.colors[mantineTheme.primaryColor][5];
+  const raw = useFormField(schemaKey);
+  const value = {
+    groups: Array.isArray(raw?.groups) ? raw.groups : DEFAULT_VALUE.groups,
+    identifiers: Array.isArray(raw?.identifiers) ? raw.identifiers : DEFAULT_VALUE.identifiers
+  };
+  const { setValue } = useFormActions();
+  const set = (key, val) => setValue(schemaKey, { ...value, [key]: val });
+  const [addingGroup, setAddingGroup] = useState(false);
+  const [addingPlayer, setAddingPlayer] = useState(false);
+  const commitGroup = (name) => {
+    if (!name) return;
+    set("groups", [...value.groups, name]);
+    setAddingGroup(false);
+  };
+  const setGroup = (index, name) => {
+    const next = [...value.groups];
+    next[index] = name;
+    set("groups", next.filter((g) => g !== ""));
+  };
+  const removeGroup = (index) => set("groups", value.groups.filter((_, i) => i !== index));
+  const commitIdentifier = (id) => {
+    if (!id) return;
+    set("identifiers", [...value.identifiers, id]);
+    setAddingPlayer(false);
+  };
+  const setIdentifier = (index, id) => {
+    const next = [...value.identifiers];
+    next[index] = id;
+    set("identifiers", next.filter((x) => x !== ""));
+  };
+  const removeIdentifier = (index) => set("identifiers", value.identifiers.filter((_, i) => i !== index));
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: "column",
+      gap: "xs",
+      p: "sm",
+      style: { flex: 1, minHeight: 0, overflowY: "auto" },
+      children: [
+        /* @__PURE__ */ jsx(
+          AdminPageTitle,
+          {
+            icon: ShieldCheck,
+            title: title || t("Access", "Access"),
+            color
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.4)", children: description2 || t(
+          "AccessOverrideDesc",
+          "Grant access to this resource's admin panel to specific groups and players, in addition to your global dirk_lib admins. Enforcement is server-side."
+        ) }),
+        /* @__PURE__ */ jsx(SectionLabel, { icon: Users, label: t("AccessGroups", "Groups") }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "xxs", children: [
+          value.groups.length === 0 && !addingGroup && /* @__PURE__ */ jsx(EmptyHint, { text: t("AccessNoGroups", "No groups added.") }),
+          value.groups.map((name, i) => /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", children: [
+            /* @__PURE__ */ jsx(
+              GroupName,
+              {
+                value: name,
+                onChange: (v) => setGroup(i, v),
+                type: groupType,
+                placeholder: t("AccessPickGroup", "Pick a group\u2026"),
+                style: { flex: 1 }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                variant: "subtle",
+                color: "red",
+                size: "md",
+                onClick: () => removeGroup(i),
+                title: t("Remove", "Remove"),
+                "aria-label": t("Remove", "Remove"),
+                children: /* @__PURE__ */ jsx(Trash2, { size: "1.4vh" })
+              }
+            )
+          ] }, i)),
+          addingGroup && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", children: [
+            /* @__PURE__ */ jsx(
+              GroupName,
+              {
+                value: "",
+                onChange: (v) => commitGroup(v),
+                type: groupType,
+                placeholder: t("AccessPickGroup", "Pick a group\u2026"),
+                style: { flex: 1 }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                variant: "subtle",
+                color: "red",
+                size: "md",
+                onClick: () => setAddingGroup(false),
+                title: t("Remove", "Remove"),
+                "aria-label": t("Remove", "Remove"),
+                children: /* @__PURE__ */ jsx(Trash2, { size: "1.4vh" })
+              }
+            )
+          ] })
+        ] }),
+        !addingGroup && /* @__PURE__ */ jsx(AddRowButton, { label: t("AccessAddGroup", "Add group"), onClick: () => setAddingGroup(true) }),
+        /* @__PURE__ */ jsx(SectionLabel, { icon: UserRound, label: t("AccessPlayers", "Players") }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "xxs", children: [
+          value.identifiers.length === 0 && !addingPlayer && /* @__PURE__ */ jsx(EmptyHint, { text: t("AccessNoPlayers", "No players added.") }),
+          value.identifiers.map((id, i) => /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", children: [
+            /* @__PURE__ */ jsx(
+              PlayerSelect,
+              {
+                value: id || null,
+                onChange: (p) => setIdentifier(i, p?.citizenId ?? ""),
+                includeOffline,
+                placeholder: t("AccessPickPlayer", "Pick a player\u2026"),
+                style: { flex: 1 },
+                size: "xs"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                variant: "subtle",
+                color: "red",
+                size: "md",
+                onClick: () => removeIdentifier(i),
+                title: t("Remove", "Remove"),
+                "aria-label": t("Remove", "Remove"),
+                children: /* @__PURE__ */ jsx(Trash2, { size: "1.4vh" })
+              }
+            )
+          ] }, i)),
+          addingPlayer && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", children: [
+            /* @__PURE__ */ jsx(
+              PlayerSelect,
+              {
+                value: null,
+                onChange: (p) => commitIdentifier(p?.citizenId ?? ""),
+                includeOffline,
+                placeholder: t("AccessPickPlayer", "Pick a player\u2026"),
+                style: { flex: 1 },
+                size: "xs"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                variant: "subtle",
+                color: "red",
+                size: "md",
+                onClick: () => setAddingPlayer(false),
+                title: t("Remove", "Remove"),
+                "aria-label": t("Remove", "Remove"),
+                children: /* @__PURE__ */ jsx(Trash2, { size: "1.4vh" })
+              }
+            )
+          ] })
+        ] }),
+        !addingPlayer && /* @__PURE__ */ jsx(AddRowButton, { label: t("AccessAddPlayer", "Add player"), onClick: () => setAddingPlayer(true) })
+      ]
+    }
+  );
+}
+function AddRowButton({ label: label2, onClick }) {
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      justify: "center",
+      gap: "xs",
+      onClick,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      },
+      py: "xs",
+      style: {
+        cursor: "pointer",
+        border: "0.1vh dashed rgba(255,255,255,0.12)",
+        borderRadius: "0.4vh",
+        transition: "background 0.15s, border-color 0.15s"
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.background = "rgba(255,255,255,0.03)";
+        e.currentTarget.style.borderColor = "rgba(255,255,255,0.2)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.background = "transparent";
+        e.currentTarget.style.borderColor = "rgba(255,255,255,0.12)";
+      },
+      children: [
+        /* @__PURE__ */ jsx(Plus, { size: "1.4vh", color: "rgba(255,255,255,0.4)" }),
+        /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: "rgba(255,255,255,0.4)", children: label2 })
+      ]
+    }
+  );
+}
 
 // src/utils/gtaAnimPostFx.ts
 var GTA_ANIM_POST_FX_GROUP_ORDER = [
@@ -7410,7 +7829,7 @@ function ScenarioSelect({
     }
   );
 }
-var t = (key, fallback) => {
+var t2 = (key, fallback) => {
   const v = locale(key);
   return v === key ? fallback : v;
 };
@@ -7478,7 +7897,7 @@ function DiscordRoleSelect(props) {
     return map;
   }, [roles]);
   if (errorCode === "NotConfigured") {
-    const notConfiguredPlaceholder = t(
+    const notConfiguredPlaceholder = t2(
       "DiscordNotConfigured",
       "Not configured \u2014 set in /dirk_lib"
     );
@@ -7546,9 +7965,9 @@ function DiscordRoleSelect(props) {
         e.stopPropagation();
         refresh();
       },
-      title: t("Refresh", "Refresh"),
+      title: t2("Refresh", "Refresh"),
       loading,
-      "aria-label": t("Refresh", "Refresh"),
+      "aria-label": t2("Refresh", "Refresh"),
       children: /* @__PURE__ */ jsx(RefreshCw, { size: "1.2vh" })
     }
   );
@@ -7558,7 +7977,7 @@ function DiscordRoleSelect(props) {
       {
         label: label2,
         size,
-        placeholder: placeholder || t("PickRoles", "Pick roles..."),
+        placeholder: placeholder || t2("PickRoles", "Pick roles..."),
         data,
         value: props.value || [],
         onChange: (ids) => props.onChange(ids),
@@ -7570,7 +7989,7 @@ function DiscordRoleSelect(props) {
         rightSectionPointerEvents: "all",
         style,
         styles,
-        nothingFoundMessage: errorCode ? `${t("Error", "Error")} (${errorCode})` : t("NoRoles", "No roles found")
+        nothingFoundMessage: errorCode ? `${t2("Error", "Error")} (${errorCode})` : t2("NoRoles", "No roles found")
       }
     );
   }
@@ -7579,7 +7998,7 @@ function DiscordRoleSelect(props) {
     {
       label: label2,
       size,
-      placeholder: placeholder || t("PickRole", "Pick a role..."),
+      placeholder: placeholder || t2("PickRole", "Pick a role..."),
       data,
       value: props.value || null,
       onChange: (id) => props.onChange(id),
@@ -7591,11 +8010,11 @@ function DiscordRoleSelect(props) {
       rightSectionPointerEvents: "all",
       style,
       styles,
-      nothingFoundMessage: errorCode ? `${t("Error", "Error")} (${errorCode})` : t("NoRoles", "No roles found")
+      nothingFoundMessage: errorCode ? `${t2("Error", "Error")} (${errorCode})` : t2("NoRoles", "No roles found")
     }
   );
 }
-var t2 = (key, fallback) => {
+var t3 = (key, fallback) => {
   const v = locale(key);
   return v === key ? fallback : v;
 };
@@ -7616,7 +8035,7 @@ function FrameworkHint({ framework }) {
   const theme2 = useMantineTheme();
   if (!framework) return null;
   const hintKey = `AccountFrameworkHint_${framework}`;
-  const text = t2(hintKey, FRAMEWORK_HINTS[framework] || FRAMEWORK_HINTS.unknown);
+  const text = t3(hintKey, FRAMEWORK_HINTS[framework] || FRAMEWORK_HINTS.unknown);
   return /* @__PURE__ */ jsxs(
     Flex,
     {
@@ -7700,9 +8119,9 @@ function AccountSelect(props) {
         e.stopPropagation();
         refresh();
       },
-      title: t2("Refresh", "Refresh"),
+      title: t3("Refresh", "Refresh"),
       loading,
-      "aria-label": t2("Refresh", "Refresh"),
+      "aria-label": t3("Refresh", "Refresh"),
       children: /* @__PURE__ */ jsx(RefreshCw, { size: "1.2vh" })
     }
   );
@@ -7716,14 +8135,14 @@ function AccountSelect(props) {
     rightSection: refreshButton,
     rightSectionPointerEvents: "all",
     style,
-    nothingFoundMessage: t2("NoAccounts", "No accounts available")
+    nothingFoundMessage: t3("NoAccounts", "No accounts available")
   };
   return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "0.3vh", style, children: [
     props.multi ? /* @__PURE__ */ jsx(
       MultiSelect,
       {
         ...sharedSelectProps,
-        placeholder: placeholder || t2("PickAccounts", "Pick accounts (or type custom)..."),
+        placeholder: placeholder || t3("PickAccounts", "Pick accounts (or type custom)..."),
         value: props.value || [],
         onChange: (names) => props.onChange(names),
         renderOption,
@@ -7735,7 +8154,7 @@ function AccountSelect(props) {
       Select,
       {
         ...sharedSelectProps,
-        placeholder: placeholder || t2("PickAccount", "Pick an account..."),
+        placeholder: placeholder || t3("PickAccount", "Pick an account..."),
         value: props.value || null,
         onChange: (name) => props.onChange(name),
         renderOption,
@@ -8027,175 +8446,6 @@ function WorldPositionGotoButton2({
     }
   ) });
 }
-function usePlayers(opts = {}) {
-  const {
-    includeOffline = false,
-    search = "",
-    limit = 50,
-    staleTimeMs,
-    refetchIntervalMs
-  } = opts;
-  const query = useQuery({
-    queryKey: includeOffline ? ["dirk:players", "search", search.trim().toLowerCase(), limit] : ["dirk:players", "online"],
-    queryFn: async () => {
-      const toolId = includeOffline ? "searchPlayers" : "getOnlinePlayers";
-      const payload = includeOffline ? { id: toolId, value: { search: search.trim(), limit } } : { id: toolId };
-      const result = await fetchNui(
-        "ADMIN_TOOL_QUERY",
-        payload,
-        // Browser-dev fallback. Returns a couple of mock players so the
-        // dev shell isn't blank.
-        includeOffline ? [
-          { id: 1, citizenId: "ABC12345", name: "Dev User", charName: "John Doe", online: true },
-          { id: null, citizenId: "DEF67890", name: "", charName: "Jane Offline", online: false }
-        ] : [
-          { id: 1, citizenId: "ABC12345", name: "Dev User", charName: "John Doe", online: true }
-        ]
-      );
-      return Array.isArray(result) ? result : [];
-    },
-    staleTime: staleTimeMs ?? (includeOffline ? 3e4 : 5e3),
-    gcTime: 5 * 6e4,
-    refetchInterval: refetchIntervalMs ?? false,
-    refetchOnWindowFocus: false,
-    placeholderData: includeOffline ? keepPreviousData : void 0
-  });
-  return {
-    players: query.data ?? [],
-    isLoading: query.isLoading,
-    isFetching: query.isFetching,
-    error: query.error ?? null,
-    refresh: () => query.refetch()
-  };
-}
-var DEBOUNCE_MS = 300;
-var ONLINE_COLOR = "#3FA83F";
-var OFFLINE_COLOR = "#E54141";
-function PlayerSelect({
-  value,
-  onChange,
-  includeOffline = false,
-  limit = 50,
-  searchable: searchableProp,
-  placeholder,
-  nothingFoundMessage: nothingFoundMessageProp,
-  loadingLabel = "Loading\u2026",
-  onlineLabel = "Online",
-  offlineLabel = "Offline",
-  refreshLabel = "Refresh player list",
-  ...rest
-}) {
-  const theme2 = useMantineTheme();
-  const color = theme2.colors[theme2.primaryColor][5];
-  const [searchInput, setSearchInput] = useState("");
-  const [debouncedSearch, setDebouncedSearch] = useState("");
-  const { players, isFetching, refresh } = usePlayers({
-    includeOffline,
-    search: includeOffline ? debouncedSearch : void 0,
-    limit
-  });
-  const sortedPlayers = useMemo(
-    () => [...players].sort((a, b) => {
-      if (a.online !== b.online) return a.online ? -1 : 1;
-      return a.charName.localeCompare(b.charName);
-    }),
-    [players]
-  );
-  const playerByCitizen = useMemo(() => {
-    const m = /* @__PURE__ */ new Map();
-    for (const p of sortedPlayers) m.set(p.citizenId, p);
-    return m;
-  }, [sortedPlayers]);
-  const data = useMemo(() => {
-    const items = sortedPlayers.map((p) => ({
-      value: p.citizenId,
-      label: formatLabel(p)
-    }));
-    if (value && !items.some((i) => i.value === value)) {
-      items.unshift({ value, label: value });
-    }
-    return items;
-  }, [sortedPlayers, value]);
-  const selectedPlayer = value ? playerByCitizen.get(value) ?? null : null;
-  const selectedLabel = selectedPlayer ? formatLabel(selectedPlayer) : null;
-  useEffect(() => {
-    if (!includeOffline) return;
-    if (selectedLabel && searchInput === selectedLabel) return;
-    const t3 = setTimeout(() => setDebouncedSearch(searchInput), DEBOUNCE_MS);
-    return () => clearTimeout(t3);
-  }, [searchInput, includeOffline, selectedLabel]);
-  const renderOption = ({ option }) => {
-    const p = playerByCitizen.get(option.value);
-    if (!p) return option.label;
-    return /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", gap: "xs", style: { width: "100%" }, children: [
-      /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, style: { flex: 1 }, children: formatLabel(p) }),
-      /* @__PURE__ */ jsx(StatusDot, { online: p.online, onlineLabel, offlineLabel })
-    ] });
-  };
-  return /* @__PURE__ */ jsx(
-    Select,
-    {
-      ...rest,
-      data,
-      value: value ?? null,
-      onChange: (v) => {
-        if (!v) return onChange(null);
-        const player = playerByCitizen.get(v) ?? null;
-        onChange(player);
-      },
-      searchable: searchableProp ?? true,
-      searchValue: includeOffline ? searchInput : void 0,
-      onSearchChange: includeOffline ? setSearchInput : void 0,
-      placeholder,
-      nothingFoundMessage: isFetching ? loadingLabel : nothingFoundMessageProp ?? "No players found",
-      maxDropdownHeight: 300,
-      renderOption,
-      leftSection: selectedPlayer ? /* @__PURE__ */ jsx(StatusDot, { online: selectedPlayer.online, onlineLabel, offlineLabel }) : void 0,
-      rightSectionWidth: "3.5vh",
-      rightSectionPointerEvents: "all",
-      rightSection: /* @__PURE__ */ jsx(
-        ActionIcon,
-        {
-          variant: "subtle",
-          size: "sm",
-          onClick: (e) => {
-            e.stopPropagation();
-            refresh();
-          },
-          "aria-label": refreshLabel,
-          title: refreshLabel,
-          style: { marginRight: "0.6vh" },
-          children: isFetching ? /* @__PURE__ */ jsx(Loader, { size: "1.2vh", color }) : /* @__PURE__ */ jsx(RefreshCw, { size: "1.4vh", color })
-        }
-      )
-    }
-  );
-}
-function StatusDot({ online, onlineLabel, offlineLabel }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      title: online ? onlineLabel : offlineLabel,
-      style: {
-        display: "inline-block",
-        width: "0.9vh",
-        height: "0.9vh",
-        borderRadius: "50%",
-        backgroundColor: online ? ONLINE_COLOR : OFFLINE_COLOR,
-        boxShadow: `0 0 0.4vh ${online ? ONLINE_COLOR : OFFLINE_COLOR}`,
-        flexShrink: 0
-      }
-    }
-  );
-}
-function formatLabel(p) {
-  const parts = [p.charName || p.citizenId];
-  if (p.online) {
-    if (p.name) parts.push(p.name);
-    if (p.id != null) parts.push(`#${p.id}`);
-  }
-  return parts.join(" \xB7 ");
-}
 function usePickDoor() {
   const begin = useAdminToolStore((s) => s.begin);
   return async () => {
@@ -8587,6 +8837,6 @@ var Vector4Schema = z.object({
   w: z.number()
 });
 
-export { AccountSelect, AdminPageTitle, AnimPostFxSelect, AsyncSaveButton, BlipColorSelect, BlipDisplaySelect, BlipIconSelect, BlipMarker, BorderedIcon, ConfigPanel, ConfirmModal, ControlMultiSelect, ControlSelect, Counter, DirkProvider, DiscordRoleSelect, DoorPickerButton, FiveMKeyBindInput, FloatingParticles, FormProvider, GTA_CONTROLS, GTA_CONTROL_GROUP_ORDER, GroupName, GroupRank, GroupSelect, INPUT_MAPPER_KEYS_BY_PRIMARY, INPUT_MAPPER_PRIMARY_OPTIONS, InfoBox, InputContainer, InstructionPanel, LevelBanner, LevelPanel, Map2 as Map, MapLayer, MissingItemsBanner, Modal, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, PlayerSelect, PositionPicker, PromptModal, ScenarioSelect, SegmentedControl, SegmentedProgress, SelectItem, SwitchPanel, TestBed, ThemeOverrideSection, Title, TornEdgeSVGFilter, Vector2Schema, Vector3Schema, Vector4DeleteButton, Vector4Display, Vector4Schema, WorldPositionGotoButton, WorldPositionPicker, WorldPositionSetButton, ZoomControls, blipUrl, blipUrlForSprite, clearAdminState, colorWithAlpha, copyToClipboard, createFormStore, createScriptConfig, createSkill, dirkQueryClient, ensureFrameworkGroups, extractDefaults, fetchLuaTable, fetchNui, formatGtaControl, gameToMap, getBlipColor, getBlipEntry, getGtaControl, getImageShape, getItemImageUrl, getScriptConfigInstance, initialFetches, internalEvent, isEnvBrowser, isProfanity, latPr100, locale, localeStore, mapCenter, mapToGame, noop, numberToRoman, openLink, registerInitialFetch, registerInitialLuaTableFetch, runFetches, selectAllGroups, splitFAString, updatePresignedURL, uploadImage, useAdminState, useAdminToolStore, useAudio, useAutoFetcher, useForm, useFormActions, useFormError, useFormErrors, useFormField, useFormFields, useFrameworkGroups, useItems, useItemsList, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore, useNuiEvent, usePickDoor, usePlayers, useProfanityStore, useSettings, useTornEdges, useValidModels };
+export { AccessOverrideSection, AccountSelect, AdminPageTitle, AnimPostFxSelect, AsyncSaveButton, BlipColorSelect, BlipDisplaySelect, BlipIconSelect, BlipMarker, BorderedIcon, ConfigPanel, ConfirmModal, ControlMultiSelect, ControlSelect, Counter, DEFAULT_PALETTE, DirkProvider, DiscordRoleSelect, DoorPickerButton, FiveMKeyBindInput, FloatingParticles, FormProvider, GTA_CONTROLS, GTA_CONTROL_GROUP_ORDER, GroupName, GroupRank, GroupSelect, INPUT_MAPPER_KEYS_BY_PRIMARY, INPUT_MAPPER_PRIMARY_OPTIONS, InfoBox, InputContainer, InstructionPanel, LevelBanner, LevelPanel, Map2 as Map, MapLayer, MissingItemsBanner, Modal, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, PlayerSelect, PositionPicker, PromptModal, ScenarioSelect, SegmentedControl, SegmentedProgress, SelectItem, SwitchPanel, TestBed, ThemeOverrideSchema, ThemeOverrideSection, Title, TornEdgeSVGFilter, Vector2Schema, Vector3Schema, Vector4DeleteButton, Vector4Display, Vector4Schema, WorldPositionGotoButton, WorldPositionPicker, WorldPositionSetButton, ZoomControls, blipUrl, blipUrlForSprite, clearAdminState, colorWithAlpha, copyToClipboard, createFormStore, createScriptConfig, createSkill, defaultThemeOverride, dirkQueryClient, ensureFrameworkGroups, extractDefaults, fetchLuaTable, fetchNui, formatGtaControl, gameToMap, getBlipColor, getBlipEntry, getGtaControl, getImageShape, getItemImageUrl, getScriptConfigInstance, initialFetches, internalEvent, isEnvBrowser, isProfanity, latPr100, locale, localeStore, mapCenter, mapToGame, noop, numberToRoman, openLink, registerInitialFetch, registerInitialLuaTableFetch, runFetches, selectAllGroups, splitFAString, updatePresignedURL, uploadImage, useAdminState, useAdminToolStore, useAudio, useAutoFetcher, useForm, useFormActions, useFormError, useFormErrors, useFormField, useFormFields, useFrameworkGroups, useItems, useItemsList, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore, useNuiEvent, usePickDoor, usePlayers, useProfanityStore, useSettings, useTornEdges, useValidModels };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map