dirk-cfx-react 1.1.90 → 1.1.92

package/dist/index.cjs

@@ -4,6 +4,7 @@ var core = require('@mantine/core');
 var jsxRuntime = require('react/jsx-runtime');
 var React4 = require('react');
 var zustand = require('zustand');
+var zod = require('zod');
 var axios = require('axios');
 var reactFontawesome = require('@fortawesome/react-fontawesome');
 var framerMotion = require('framer-motion');
@@ -28,7 +29,6 @@ var leaflet = require('leaflet');
 require('leaflet/dist/leaflet.css');
 var reactLeaflet = require('react-leaflet');
 var reactLeafletComponentMarker = require('@adamscybot/react-leaflet-component-marker');
-var zod = require('zod');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -1270,11 +1270,11 @@ var colorNames = {
   Yellow: { r: 255, g: 255, b: 0 },
   YellowGreen: { r: 154, g: 205, b: 50 }
 };
-function colorWithAlpha(color, alpha18) {
+function colorWithAlpha(color, alpha19) {
   const lowerCasedColor = color.toLowerCase();
   if (colorNames[lowerCasedColor]) {
     const rgb = colorNames[lowerCasedColor];
-    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha18})`;
+    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha19})`;
   }
   if (/^#([A-Fa-f0-9]{6})$/.test(color)) {
     const hex = color.slice(1);
@@ -1282,12 +1282,12 @@ function colorWithAlpha(color, alpha18) {
     const r = bigint >> 16 & 255;
     const g = bigint >> 8 & 255;
     const b = bigint & 255;
-    return `rgba(${r}, ${g}, ${b}, ${alpha18})`;
+    return `rgba(${r}, ${g}, ${b}, ${alpha19})`;
   }
   if (/^rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)$/.test(color)) {
     const result = color.match(/^rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)$/);
     if (result) {
-      return `rgba(${result[1]}, ${result[2]}, ${result[3]}, ${alpha18})`;
+      return `rgba(${result[1]}, ${result[2]}, ${result[3]}, ${alpha19})`;
     }
   }
   return color;
@@ -1321,6 +1321,32 @@ var openLink = (url) => {
     window.invokeNative("openLink", url);
   }
 };
+var DEFAULT_PALETTE = [
+  "#f0f4ff",
+  "#d9e3ff",
+  "#bfcfff",
+  "#a6bbff",
+  "#8ca7ff",
+  "#7393ff",
+  "#5a7fff",
+  "#406bff",
+  "#2547ff",
+  "#0b33ff"
+];
+var ThemeOverrideSchema = zod.z.object({
+  useOverride: zod.z.boolean(),
+  primaryColor: zod.z.string(),
+  primaryShade: zod.z.number(),
+  customTheme: zod.z.array(zod.z.string())
+});
+var defaultThemeOverride = {
+  useOverride: false,
+  primaryColor: "dirk",
+  primaryShade: 5,
+  customTheme: DEFAULT_PALETTE
+};
+
+// src/utils/useSettings.ts
 var useSettings = zustand.create(() => ({
   currency: "$",
   game: "fivem",
@@ -1328,18 +1354,7 @@ var useSettings = zustand.create(() => ({
   primaryShade: 9,
   itemImgPath: "",
   resourceVersion: "dev",
-  customTheme: [
-    "#f0f4ff",
-    "#d9e3ff",
-    "#bfcfff",
-    "#a6bbff",
-    "#8ca7ff",
-    "#7393ff",
-    "#5a7fff",
-    "#406bff",
-    "#2547ff",
-    "#0b33ff"
-  ]
+  customTheme: DEFAULT_PALETTE
 }));
 
 // src/utils/fetchNui.ts
@@ -3751,11 +3766,11 @@ function ConfirmModal({
                     placeholder: confirmText,
                     value: typed,
                     onChange: (e) => setTyped(e.currentTarget.value),
-                    styles: (t3) => ({
+                    styles: (t4) => ({
                       input: {
-                        backgroundColor: core.alpha(t3.colors.dark[7], 0.5),
+                        backgroundColor: core.alpha(t4.colors.dark[7], 0.5),
                         border: `0.1vh solid ${core.alpha(
-                          typed === confirmText ? "#ef4444" : t3.colors.dark[5],
+                          typed === confirmText ? "#ef4444" : t4.colors.dark[5],
                           0.5
                         )}`,
                         color: "rgba(255,255,255,0.85)",
@@ -4433,7 +4448,7 @@ function useAdminState(key, initial) {
   React4.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);
@@ -4672,6 +4687,16 @@ function mergeMantineThemeSafe(base, custom, override) {
     }
   };
 }
+function changedTopLevelSections(changedFields) {
+  if (!changedFields || changedFields.length === 0) return [];
+  const sections = /* @__PURE__ */ new Set();
+  for (const path of changedFields) {
+    if (typeof path !== "string" || path.length === 0) continue;
+    const dot = path.indexOf(".");
+    sections.add(dot === -1 ? path : path.slice(0, dot));
+  }
+  return Array.from(sections);
+}
 var _instance = null;
 function getScriptConfigInstance() {
   if (!_instance) throw new Error("[dirk-cfx-react] createScriptConfig must be called before using ConfigPanel");
@@ -4681,15 +4706,18 @@ function createScriptConfig(defaultValue) {
   const store2 = zustand.create(() => defaultValue);
   let clientVersion = 0;
   const useScriptConfigHooks = () => {
-    useNuiEvent("UPDATE_SCRIPT_CONFIG", (data) => {
-      if (!data) return;
-      if (typeof data.clientVersion === "number") {
-        clientVersion = data.clientVersion;
-      }
-      if (data.config && typeof data.config === "object") {
-        store2.setState((prev) => ({ ...prev, ...data.config }));
+    useNuiEvent(
+      "UPDATE_SCRIPT_CONFIG",
+      (data) => {
+        if (!data) return;
+        if (typeof data.clientVersion === "number") {
+          clientVersion = data.clientVersion;
+        }
+        if (data.config && typeof data.config === "object") {
+          store2.setState((prev) => ({ ...prev, ...data.config }));
+        }
       }
-    });
+    );
   };
   const fetchScriptConfig = async () => {
     try {
@@ -4705,12 +4733,19 @@ function createScriptConfig(defaultValue) {
     }
     return null;
   };
-  const updateScriptConfig = async (newConfig) => {
+  const updateScriptConfig = async (newConfig, changedFields) => {
     store2.setState((prev) => ({ ...prev, ...newConfig }));
-    const response = await fetchNui("UPDATE_SCRIPT_CONFIG", {
-      data: newConfig,
-      expectedVersion: clientVersion
-    });
+    const sections = changedTopLevelSections(changedFields);
+    let payload;
+    if (sections.length > 0) {
+      const current = store2.getState();
+      const delta = {};
+      for (const key of sections) delta[key] = current[key];
+      payload = { data: delta, expectedVersion: clientVersion, sectionReplace: true };
+    } else {
+      payload = { data: newConfig, expectedVersion: clientVersion };
+    }
+    const response = await fetchNui("UPDATE_SCRIPT_CONFIG", payload);
     if (response?.meta?.client_version != null) {
       clientVersion = response.meta.client_version;
     }
@@ -5579,7 +5614,7 @@ function ConfigPanel(props) {
         if (isSaving) return;
         setIsSaving(true);
         try {
-          const result = await updateConfig(form.values);
+          const result = await updateConfig(form.values, form.changedFields);
           if (result?.success) {
             form.reinitialize(cloneConfig(form.values));
             dirkQueryClient.invalidateQueries({ queryKey: ["scriptConfigHistory"] });
@@ -6613,24 +6648,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__ */ jsxRuntime.jsxs(core.Flex, { align: "center", gap: "xs", mt: "xxs", children: [
     /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.07em", c: "rgba(255,255,255,0.2)", children: label2 }),
@@ -6645,10 +6662,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 });
@@ -6855,212 +6872,695 @@ function SwatchTile({
     ) })
   ] });
 }
-
-// src/utils/gtaAnimPostFx.ts
-var GTA_ANIM_POST_FX_GROUP_ORDER = [
-  "Wake Up / Sleep",
-  "Character Switch",
-  "Cinematic Push-In",
-  "Death / Fail",
-  "Heist",
-  "Minigame",
-  "Drug / Trip",
-  "Color Filter / Tint",
-  "Multiplayer",
-  "Misc"
-];
-var GTA_ANIM_POST_FX = [
-  // ── Wake Up / Sleep (community-known; not in altV docs) ────────────────────
-  { name: "ULP_PlayerWakeUp", label: "Player Wake Up", group: "Wake Up / Sleep" },
-  { name: "MinigameEndNeutral", label: "Minigame End \u2014 Neutral", group: "Wake Up / Sleep" },
-  { name: "MinigameEndFranklin", label: "Minigame End \u2014 Franklin", group: "Wake Up / Sleep" },
-  { name: "MinigameEndMichael", label: "Minigame End \u2014 Michael", group: "Wake Up / Sleep" },
-  { name: "MinigameEndTrevor", label: "Minigame End \u2014 Trevor", group: "Wake Up / Sleep" },
-  // ── Character Switch (Franklin / Michael / Trevor / Neutral variants) ─────
-  { name: "SwitchHUDIn", group: "Character Switch" },
-  { name: "SwitchHUDOut", group: "Character Switch" },
-  { name: "SwitchHUDFranklinIn", group: "Character Switch" },
-  { name: "SwitchHUDFranklinOut", group: "Character Switch" },
-  { name: "SwitchHUDMichaelIn", group: "Character Switch" },
-  { name: "SwitchHUDMichaelOut", group: "Character Switch" },
-  { name: "SwitchHUDTrevorIn", group: "Character Switch" },
-  { name: "SwitchHUDTrevorOut", group: "Character Switch" },
-  { name: "SwitchOpenFranklin", group: "Character Switch" },
-  { name: "SwitchOpenFranklinIn", group: "Character Switch" },
-  { name: "SwitchOpenFranklinOut", group: "Character Switch" },
-  { name: "SwitchOpenMichaelIn", group: "Character Switch" },
-  { name: "SwitchOpenMichaelMid", group: "Character Switch" },
-  { name: "SwitchOpenMichaelOut", group: "Character Switch" },
-  { name: "SwitchOpenTrevorIn", group: "Character Switch" },
-  { name: "SwitchOpenTrevorOut", group: "Character Switch" },
-  { name: "SwitchOpenNeutralFIB5", group: "Character Switch" },
-  { name: "SwitchOpenNeutralOutHeist", group: "Character Switch" },
-  { name: "SwitchSceneFranklin", group: "Character Switch" },
-  { name: "SwitchSceneMichael", group: "Character Switch" },
-  { name: "SwitchSceneNeutral", group: "Character Switch" },
-  { name: "SwitchSceneTrevor", group: "Character Switch" },
-  { name: "SwitchShortFranklinIn", group: "Character Switch" },
-  { name: "SwitchShortFranklinMid", group: "Character Switch" },
-  { name: "SwitchShortMichaelIn", group: "Character Switch" },
-  { name: "SwitchShortMichaelMid", group: "Character Switch" },
-  { name: "SwitchShortNeutralIn", group: "Character Switch" },
-  { name: "SwitchShortNeutralMid", group: "Character Switch" },
-  { name: "SwitchShortTrevorIn", group: "Character Switch" },
-  { name: "SwitchShortTrevorMid", group: "Character Switch" },
-  { name: "switch_cam_1", group: "Character Switch" },
-  { name: "switch_cam_2", group: "Character Switch" },
-  // ── Cinematic Push-In (slow zoom intro to a character) ────────────────────
-  { name: "CamPushInFranklin", group: "Cinematic Push-In" },
-  { name: "CamPushInMichael", group: "Cinematic Push-In" },
-  { name: "CamPushInTrevor", group: "Cinematic Push-In" },
-  { name: "CamPushInNeutral", group: "Cinematic Push-In" },
-  { name: "BeastIntroScene", label: "Beast Intro", group: "Cinematic Push-In" },
-  { name: "BeastLaunch", group: "Cinematic Push-In" },
-  { name: "BeastTransition", group: "Cinematic Push-In" },
-  // ── Death / Fail (red tint, slow-mo blur) ─────────────────────────────────
-  { name: "DeathFailNeutralIn", group: "Death / Fail" },
-  { name: "DeathFailFranklinIn", group: "Death / Fail" },
-  { name: "DeathFailMichaelIn", group: "Death / Fail" },
-  { name: "DeathFailTrevorIn", group: "Death / Fail" },
-  { name: "DeathFailMPIn", label: "Death Fail \u2014 MP", group: "Death / Fail" },
-  { name: "DeathFailMPDark", label: "Death Fail \u2014 MP Dark", group: "Death / Fail" },
-  { name: "DeathFailOut", group: "Death / Fail" },
-  { name: "Rampage", group: "Death / Fail" },
-  { name: "RampageOut", group: "Death / Fail" },
-  // ── Heist (celebration / locate / pass) ───────────────────────────────────
-  { name: "HeistCelebEnd", group: "Heist" },
-  { name: "HeistCelebPass", group: "Heist" },
-  { name: "HeistCelebPassBW", label: "Heist Celeb Pass (B/W)", group: "Heist" },
-  { name: "HeistCelebToast", group: "Heist" },
-  { name: "HeistLocate", group: "Heist" },
-  { name: "HeistTripSkipFade", group: "Heist" },
-  // ── Minigame / Menu ───────────────────────────────────────────────────────
-  { name: "MenuMGIn", group: "Minigame" },
-  { name: "MenuMGHeistIn", group: "Minigame" },
-  { name: "MenuMGHeistIntro", group: "Minigame" },
-  { name: "MenuMGHeistOut", group: "Minigame" },
-  { name: "MenuMGHeistTint", group: "Minigame" },
-  { name: "MenuMGSelectionIn", group: "Minigame" },
-  { name: "MenuMGSelectionTint", group: "Minigame" },
-  { name: "MenuMGTournamentIn", group: "Minigame" },
-  { name: "MenuMGTournamentTint", group: "Minigame" },
-  { name: "MinigameTransitionIn", group: "Minigame" },
-  { name: "MinigameTransitionOut", group: "Minigame" },
-  // ── Drug / Trip (psychedelic, blur, distortion) ───────────────────────────
-  { name: "DMT_flight", group: "Drug / Trip" },
-  { name: "DMT_flight_intro", group: "Drug / Trip" },
-  { name: "PeyoteIn", group: "Drug / Trip" },
-  { name: "PeyoteOut", group: "Drug / Trip" },
-  { name: "PeyoteEndIn", group: "Drug / Trip" },
-  { name: "PeyoteEndOut", group: "Drug / Trip" },
-  { name: "DrugsDrivingIn", group: "Drug / Trip" },
-  { name: "DrugsDrivingOut", group: "Drug / Trip" },
-  { name: "DrugsMichaelAliensFight", group: "Drug / Trip" },
-  { name: "DrugsMichaelAliensFightIn", group: "Drug / Trip" },
-  { name: "DrugsMichaelAliensFightOut", group: "Drug / Trip" },
-  { name: "DrugsTrevorClownsFight", group: "Drug / Trip" },
-  { name: "DrugsTrevorClownsFightIn", group: "Drug / Trip" },
-  { name: "DrugsTrevorClownsFightOut", group: "Drug / Trip" },
-  { name: "ChopVision", label: "Chop Vision (dog)", group: "Drug / Trip" },
-  // ── Color Filter / Tint (one-off and biker formation filters) ─────────────
-  { name: "PPFilter", group: "Color Filter / Tint" },
-  { name: "PPFilterOut", group: "Color Filter / Tint" },
-  { name: "PPGreen", group: "Color Filter / Tint" },
-  { name: "PPGreenOut", group: "Color Filter / Tint" },
-  { name: "PPOrange", group: "Color Filter / Tint" },
-  { name: "PPOrangeOut", group: "Color Filter / Tint" },
-  { name: "PPPink", group: "Color Filter / Tint" },
-  { name: "PPPinkOut", group: "Color Filter / Tint" },
-  { name: "PPPurple", group: "Color Filter / Tint" },
-  { name: "PPPurpleOut", group: "Color Filter / Tint" },
-  { name: "BikerFilter", group: "Color Filter / Tint" },
-  { name: "BikerFilterOut", group: "Color Filter / Tint" },
-  { name: "BikerFormation", group: "Color Filter / Tint" },
-  { name: "BikerFormationOut", group: "Color Filter / Tint" },
-  { name: "InchOrange", group: "Color Filter / Tint" },
-  { name: "InchOrangeOut", group: "Color Filter / Tint" },
-  { name: "InchPurple", group: "Color Filter / Tint" },
-  { name: "InchPurpleOut", group: "Color Filter / Tint" },
-  { name: "InchPickup", group: "Color Filter / Tint" },
-  { name: "InchPickupOut", group: "Color Filter / Tint" },
-  { name: "TinyRacerGreen", group: "Color Filter / Tint" },
-  { name: "TinyRacerGreenOut", group: "Color Filter / Tint" },
-  { name: "TinyRacerPink", group: "Color Filter / Tint" },
-  { name: "TinyRacerPinkOut", group: "Color Filter / Tint" },
-  { name: "TinyRacerIntroCam", group: "Color Filter / Tint" },
-  { name: "DeadlineNeon", group: "Color Filter / Tint" },
-  // ── Multiplayer (celeb, killstreak, race, etc.) ───────────────────────────
-  { name: "MP_Celeb_Win", group: "Multiplayer" },
-  { name: "MP_Celeb_Win_Out", group: "Multiplayer" },
-  { name: "MP_Celeb_Lose", group: "Multiplayer" },
-  { name: "MP_Celeb_Lose_Out", group: "Multiplayer" },
-  { name: "MP_Celeb_Preload", group: "Multiplayer" },
-  { name: "MP_Celeb_Preload_Fade", group: "Multiplayer" },
-  { name: "MP_Bull_tost", group: "Multiplayer" },
-  { name: "MP_Bull_tost_Out", group: "Multiplayer" },
-  { name: "MP_Killstreak", group: "Multiplayer" },
-  { name: "MP_Killstreak_Out", group: "Multiplayer" },
-  { name: "MP_Loser_Streak_Out", group: "Multiplayer" },
-  { name: "MP_OrbitalCannon", group: "Multiplayer" },
-  { name: "MP_Powerplay", group: "Multiplayer" },
-  { name: "MP_Powerplay_Out", group: "Multiplayer" },
-  { name: "MP_SmugglerCheckpoint", group: "Multiplayer" },
-  { name: "MP_TransformRaceFlash", group: "Multiplayer" },
-  { name: "MP_WarpCheckpoint", group: "Multiplayer" },
-  { name: "MP_corona_switch", group: "Multiplayer" },
-  { name: "MP_intro_logo", group: "Multiplayer" },
-  { name: "MP_job_load", group: "Multiplayer" },
-  { name: "MP_race_crash", group: "Multiplayer" },
-  // ── Misc (success notifs, special weapons, sniper / pause / explosions) ───
-  { name: "SuccessFranklin", group: "Misc" },
-  { name: "SuccessMichael", group: "Misc" },
-  { name: "SuccessNeutral", group: "Misc" },
-  { name: "SuccessTrevor", group: "Misc" },
-  { name: "FocusIn", group: "Misc" },
-  { name: "FocusOut", group: "Misc" },
-  { name: "CrossLine", group: "Misc" },
-  { name: "CrossLineOut", group: "Misc" },
-  { name: "SniperOverlay", group: "Misc" },
-  { name: "ExplosionJosh3", group: "Misc" },
-  { name: "WeaponUpgrade", group: "Misc" },
-  { name: "Dont_tazeme_bro", label: "Don't Taze Me Bro", group: "Misc" },
-  { name: "LostTimeDay", group: "Misc" },
-  { name: "LostTimeNight", group: "Misc" },
-  { name: "PauseMenuOut", group: "Misc" },
-  { name: "pennedIn", group: "Misc" },
-  { name: "PennedInOut", group: "Misc" },
-  { name: "RaceTurbo", group: "Misc" },
-  { name: "DefaultFlash", group: "Misc" }
-];
-function formatGtaAnimPostFx(name) {
-  const entry = GTA_ANIM_POST_FX.find((fx) => fx.name === name);
-  return entry?.label ?? name;
-}
-function buildGroupedData2(extraNames = []) {
-  const groups = /* @__PURE__ */ new Map();
-  const seen = /* @__PURE__ */ new Set();
-  for (const fx of GTA_ANIM_POST_FX) {
-    if (seen.has(fx.name)) continue;
-    seen.add(fx.name);
-    if (!groups.has(fx.group)) groups.set(fx.group, []);
-    groups.get(fx.group).push(fx);
-  }
-  const data = GTA_ANIM_POST_FX_GROUP_ORDER.flatMap((g) => {
-    const items = groups.get(g);
-    if (!items || items.length === 0) return [];
-    return [
-      {
-        group: g,
-        items: items.map((fx) => ({
-          value: fx.name,
-          label: formatGtaAnimPostFx(fx.name)
-        }))
-      }
-    ];
-  });
-  const knownNames = new Set(GTA_ANIM_POST_FX.map((fx) => fx.name));
-  const customs = extraNames.filter((n) => n && !knownNames.has(n));
-  if (customs.length > 0) {
+function usePlayers(opts = {}) {
+  const {
+    includeOffline = false,
+    search = "",
+    limit = 50,
+    staleTimeMs,
+    refetchIntervalMs
+  } = opts;
+  const query = reactQuery.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 ? reactQuery.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 = core.useMantineTheme();
+  const color = theme2.colors[theme2.primaryColor][5];
+  const [searchInput, setSearchInput] = React4.useState("");
+  const [debouncedSearch, setDebouncedSearch] = React4.useState("");
+  const { players, isFetching, refresh } = usePlayers({
+    includeOffline,
+    search: includeOffline ? debouncedSearch : void 0,
+    limit
+  });
+  const sortedPlayers = React4.useMemo(
+    () => [...players].sort((a, b) => {
+      if (a.online !== b.online) return a.online ? -1 : 1;
+      return a.charName.localeCompare(b.charName);
+    }),
+    [players]
+  );
+  const playerByCitizen = React4.useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const p of sortedPlayers) m.set(p.citizenId, p);
+    return m;
+  }, [sortedPlayers]);
+  const data = React4.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;
+  React4.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__ */ jsxRuntime.jsxs(core.Group, { justify: "space-between", wrap: "nowrap", gap: "xs", style: { width: "100%" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "xs", truncate: true, style: { flex: 1 }, children: formatLabel(p) }),
+      /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { online: p.online, onlineLabel, offlineLabel })
+    ] });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.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__ */ jsxRuntime.jsx(StatusDot, { online: selectedPlayer.online, onlineLabel, offlineLabel }) : void 0,
+      rightSectionWidth: "3.5vh",
+      rightSectionPointerEvents: "all",
+      rightSection: /* @__PURE__ */ jsxRuntime.jsx(
+        core.ActionIcon,
+        {
+          variant: "subtle",
+          size: "sm",
+          onClick: (e) => {
+            e.stopPropagation();
+            refresh();
+          },
+          "aria-label": refreshLabel,
+          title: refreshLabel,
+          style: { marginRight: "0.6vh" },
+          children: isFetching ? /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { size: "1.2vh", color }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { size: "1.4vh", color })
+        }
+      )
+    }
+  );
+}
+function StatusDot({ online, onlineLabel, offlineLabel }) {
+  return /* @__PURE__ */ jsxRuntime.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 COMMON_ACE_GROUPS = ["group.admin", "group.mod", "group.superadmin"];
+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__ */ jsxRuntime.jsxs(core.Flex, { align: "center", gap: "xs", mt: "xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "1.4vh", color: "rgba(255,255,255,0.3)" }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.07em", c: "rgba(255,255,255,0.2)", children: label2 }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, height: "0.05vh", background: "rgba(255,255,255,0.06)" } })
+  ] });
+}
+function EmptyHint({ text }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(core.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,
+  includeOffline = true
+}) {
+  const mantineTheme = core.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] = React4.useState(false);
+  const [addingPlayer, setAddingPlayer] = React4.useState(false);
+  const commitGroup = (name) => {
+    const g = name.trim();
+    if (!g) return;
+    if (!value.groups.includes(g)) set("groups", [...value.groups, g]);
+    setAddingGroup(false);
+  };
+  const setGroup = (index, name) => {
+    const next = [...value.groups];
+    next[index] = name;
+    set("groups", next);
+  };
+  const quickAddGroup = (name) => {
+    if (value.groups.includes(name)) return;
+    set("groups", [...value.groups, name]);
+  };
+  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__ */ jsxRuntime.jsxs(
+    core.Flex,
+    {
+      direction: "column",
+      gap: "xs",
+      p: "sm",
+      style: { flex: 1, minHeight: 0, overflowY: "auto" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AdminPageTitle,
+          {
+            icon: lucideReact.ShieldCheck,
+            title: title || t("Access", "Access"),
+            color
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(core.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 ACE groups and players, in addition to your global dirk_lib admins. Enforcement is server-side."
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { icon: lucideReact.Users, label: t("AccessGroups", "Admin groups (ACE)") }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Flex, { gap: "xs", wrap: "wrap", children: COMMON_ACE_GROUPS.map((g) => {
+          const added = value.groups.includes(g);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            core.Flex,
+            {
+              align: "center",
+              gap: "xxs",
+              onClick: added ? void 0 : () => quickAddGroup(g),
+              role: "button",
+              tabIndex: added ? -1 : 0,
+              "aria-disabled": added,
+              onKeyDown: (e) => {
+                if (added) return;
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  quickAddGroup(g);
+                }
+              },
+              px: "xs",
+              py: "xxs",
+              style: {
+                cursor: added ? "default" : "pointer",
+                opacity: added ? 0.4 : 1,
+                background: core.alpha(color, 0.12),
+                border: `0.1vh solid ${core.alpha(color, 0.4)}`,
+                borderRadius: "0.4vh",
+                transition: "background 0.15s, border-color 0.15s"
+              },
+              onMouseEnter: (e) => {
+                if (added) return;
+                e.currentTarget.style.background = core.alpha(color, 0.22);
+              },
+              onMouseLeave: (e) => {
+                if (added) return;
+                e.currentTarget.style.background = core.alpha(color, 0.12);
+              },
+              children: [
+                !added && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: "1.2vh", color }),
+                /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", lts: "0.04em", c: color, children: g })
+              ]
+            },
+            g
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { direction: "column", gap: "xxs", children: [
+          value.groups.length === 0 && !addingGroup && /* @__PURE__ */ jsxRuntime.jsx(
+            EmptyHint,
+            {
+              text: t("AccessNoGroups", "No ACE groups added. e.g. group.admin")
+            }
+          ),
+          value.groups.map((name, i) => /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { align: "center", gap: "xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              core.TextInput,
+              {
+                value: name,
+                onChange: (e) => setGroup(i, e.currentTarget.value),
+                placeholder: t("AccessGroupPlaceholder", "ACE group or permission, e.g. group.admin"),
+                size: "xs",
+                style: { flex: 1 }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              core.ActionIcon,
+              {
+                variant: "subtle",
+                color: "red",
+                size: "md",
+                onClick: () => removeGroup(i),
+                title: t("Remove", "Remove"),
+                "aria-label": t("Remove", "Remove"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: "1.4vh" })
+              }
+            )
+          ] }, i)),
+          addingGroup && /* @__PURE__ */ jsxRuntime.jsx(
+            AceGroupAddRow,
+            {
+              placeholder: t("AccessGroupPlaceholder", "ACE group or permission, e.g. group.admin"),
+              onCommit: commitGroup,
+              onCancel: () => setAddingGroup(false),
+              removeLabel: t("Remove", "Remove")
+            }
+          )
+        ] }),
+        !addingGroup && /* @__PURE__ */ jsxRuntime.jsx(AddRowButton, { label: t("AccessAddGroup", "Add group"), onClick: () => setAddingGroup(true) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { icon: lucideReact.UserRound, label: t("AccessPlayers", "Players") }),
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { direction: "column", gap: "xxs", children: [
+          value.identifiers.length === 0 && !addingPlayer && /* @__PURE__ */ jsxRuntime.jsx(EmptyHint, { text: t("AccessNoPlayers", "No players added.") }),
+          value.identifiers.map((id, i) => /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { align: "center", gap: "xs", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+              core.ActionIcon,
+              {
+                variant: "subtle",
+                color: "red",
+                size: "md",
+                onClick: () => removeIdentifier(i),
+                title: t("Remove", "Remove"),
+                "aria-label": t("Remove", "Remove"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: "1.4vh" })
+              }
+            )
+          ] }, i)),
+          addingPlayer && /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { align: "center", gap: "xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              PlayerSelect,
+              {
+                value: null,
+                onChange: (p) => commitIdentifier(p?.citizenId ?? ""),
+                includeOffline,
+                placeholder: t("AccessPickPlayer", "Pick a player\u2026"),
+                style: { flex: 1 },
+                size: "xs"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              core.ActionIcon,
+              {
+                variant: "subtle",
+                color: "red",
+                size: "md",
+                onClick: () => setAddingPlayer(false),
+                title: t("Remove", "Remove"),
+                "aria-label": t("Remove", "Remove"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: "1.4vh" })
+              }
+            )
+          ] })
+        ] }),
+        !addingPlayer && /* @__PURE__ */ jsxRuntime.jsx(AddRowButton, { label: t("AccessAddPlayer", "Add player"), onClick: () => setAddingPlayer(true) })
+      ]
+    }
+  );
+}
+function AddRowButton({ label: label2, onClick }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.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__ */ jsxRuntime.jsx(lucideReact.Plus, { size: "1.4vh", color: "rgba(255,255,255,0.4)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: "rgba(255,255,255,0.4)", children: label2 })
+      ]
+    }
+  );
+}
+function AceGroupAddRow({
+  placeholder,
+  onCommit,
+  onCancel,
+  removeLabel
+}) {
+  const [draft, setDraft] = React4.useState("");
+  const commit = () => {
+    if (draft.trim()) onCommit(draft);
+    else onCancel();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { align: "center", gap: "xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.TextInput,
+      {
+        value: draft,
+        onChange: (e) => setDraft(e.currentTarget.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            commit();
+          } else if (e.key === "Escape") {
+            e.preventDefault();
+            onCancel();
+          }
+        },
+        onBlur: commit,
+        placeholder,
+        size: "xs",
+        autoFocus: true,
+        style: { flex: 1 }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.ActionIcon,
+      {
+        variant: "subtle",
+        color: "red",
+        size: "md",
+        onClick: onCancel,
+        title: removeLabel,
+        "aria-label": removeLabel,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: "1.4vh" })
+      }
+    )
+  ] });
+}
+
+// src/utils/gtaAnimPostFx.ts
+var GTA_ANIM_POST_FX_GROUP_ORDER = [
+  "Wake Up / Sleep",
+  "Character Switch",
+  "Cinematic Push-In",
+  "Death / Fail",
+  "Heist",
+  "Minigame",
+  "Drug / Trip",
+  "Color Filter / Tint",
+  "Multiplayer",
+  "Misc"
+];
+var GTA_ANIM_POST_FX = [
+  // ── Wake Up / Sleep (community-known; not in altV docs) ────────────────────
+  { name: "ULP_PlayerWakeUp", label: "Player Wake Up", group: "Wake Up / Sleep" },
+  { name: "MinigameEndNeutral", label: "Minigame End \u2014 Neutral", group: "Wake Up / Sleep" },
+  { name: "MinigameEndFranklin", label: "Minigame End \u2014 Franklin", group: "Wake Up / Sleep" },
+  { name: "MinigameEndMichael", label: "Minigame End \u2014 Michael", group: "Wake Up / Sleep" },
+  { name: "MinigameEndTrevor", label: "Minigame End \u2014 Trevor", group: "Wake Up / Sleep" },
+  // ── Character Switch (Franklin / Michael / Trevor / Neutral variants) ─────
+  { name: "SwitchHUDIn", group: "Character Switch" },
+  { name: "SwitchHUDOut", group: "Character Switch" },
+  { name: "SwitchHUDFranklinIn", group: "Character Switch" },
+  { name: "SwitchHUDFranklinOut", group: "Character Switch" },
+  { name: "SwitchHUDMichaelIn", group: "Character Switch" },
+  { name: "SwitchHUDMichaelOut", group: "Character Switch" },
+  { name: "SwitchHUDTrevorIn", group: "Character Switch" },
+  { name: "SwitchHUDTrevorOut", group: "Character Switch" },
+  { name: "SwitchOpenFranklin", group: "Character Switch" },
+  { name: "SwitchOpenFranklinIn", group: "Character Switch" },
+  { name: "SwitchOpenFranklinOut", group: "Character Switch" },
+  { name: "SwitchOpenMichaelIn", group: "Character Switch" },
+  { name: "SwitchOpenMichaelMid", group: "Character Switch" },
+  { name: "SwitchOpenMichaelOut", group: "Character Switch" },
+  { name: "SwitchOpenTrevorIn", group: "Character Switch" },
+  { name: "SwitchOpenTrevorOut", group: "Character Switch" },
+  { name: "SwitchOpenNeutralFIB5", group: "Character Switch" },
+  { name: "SwitchOpenNeutralOutHeist", group: "Character Switch" },
+  { name: "SwitchSceneFranklin", group: "Character Switch" },
+  { name: "SwitchSceneMichael", group: "Character Switch" },
+  { name: "SwitchSceneNeutral", group: "Character Switch" },
+  { name: "SwitchSceneTrevor", group: "Character Switch" },
+  { name: "SwitchShortFranklinIn", group: "Character Switch" },
+  { name: "SwitchShortFranklinMid", group: "Character Switch" },
+  { name: "SwitchShortMichaelIn", group: "Character Switch" },
+  { name: "SwitchShortMichaelMid", group: "Character Switch" },
+  { name: "SwitchShortNeutralIn", group: "Character Switch" },
+  { name: "SwitchShortNeutralMid", group: "Character Switch" },
+  { name: "SwitchShortTrevorIn", group: "Character Switch" },
+  { name: "SwitchShortTrevorMid", group: "Character Switch" },
+  { name: "switch_cam_1", group: "Character Switch" },
+  { name: "switch_cam_2", group: "Character Switch" },
+  // ── Cinematic Push-In (slow zoom intro to a character) ────────────────────
+  { name: "CamPushInFranklin", group: "Cinematic Push-In" },
+  { name: "CamPushInMichael", group: "Cinematic Push-In" },
+  { name: "CamPushInTrevor", group: "Cinematic Push-In" },
+  { name: "CamPushInNeutral", group: "Cinematic Push-In" },
+  { name: "BeastIntroScene", label: "Beast Intro", group: "Cinematic Push-In" },
+  { name: "BeastLaunch", group: "Cinematic Push-In" },
+  { name: "BeastTransition", group: "Cinematic Push-In" },
+  // ── Death / Fail (red tint, slow-mo blur) ─────────────────────────────────
+  { name: "DeathFailNeutralIn", group: "Death / Fail" },
+  { name: "DeathFailFranklinIn", group: "Death / Fail" },
+  { name: "DeathFailMichaelIn", group: "Death / Fail" },
+  { name: "DeathFailTrevorIn", group: "Death / Fail" },
+  { name: "DeathFailMPIn", label: "Death Fail \u2014 MP", group: "Death / Fail" },
+  { name: "DeathFailMPDark", label: "Death Fail \u2014 MP Dark", group: "Death / Fail" },
+  { name: "DeathFailOut", group: "Death / Fail" },
+  { name: "Rampage", group: "Death / Fail" },
+  { name: "RampageOut", group: "Death / Fail" },
+  // ── Heist (celebration / locate / pass) ───────────────────────────────────
+  { name: "HeistCelebEnd", group: "Heist" },
+  { name: "HeistCelebPass", group: "Heist" },
+  { name: "HeistCelebPassBW", label: "Heist Celeb Pass (B/W)", group: "Heist" },
+  { name: "HeistCelebToast", group: "Heist" },
+  { name: "HeistLocate", group: "Heist" },
+  { name: "HeistTripSkipFade", group: "Heist" },
+  // ── Minigame / Menu ───────────────────────────────────────────────────────
+  { name: "MenuMGIn", group: "Minigame" },
+  { name: "MenuMGHeistIn", group: "Minigame" },
+  { name: "MenuMGHeistIntro", group: "Minigame" },
+  { name: "MenuMGHeistOut", group: "Minigame" },
+  { name: "MenuMGHeistTint", group: "Minigame" },
+  { name: "MenuMGSelectionIn", group: "Minigame" },
+  { name: "MenuMGSelectionTint", group: "Minigame" },
+  { name: "MenuMGTournamentIn", group: "Minigame" },
+  { name: "MenuMGTournamentTint", group: "Minigame" },
+  { name: "MinigameTransitionIn", group: "Minigame" },
+  { name: "MinigameTransitionOut", group: "Minigame" },
+  // ── Drug / Trip (psychedelic, blur, distortion) ───────────────────────────
+  { name: "DMT_flight", group: "Drug / Trip" },
+  { name: "DMT_flight_intro", group: "Drug / Trip" },
+  { name: "PeyoteIn", group: "Drug / Trip" },
+  { name: "PeyoteOut", group: "Drug / Trip" },
+  { name: "PeyoteEndIn", group: "Drug / Trip" },
+  { name: "PeyoteEndOut", group: "Drug / Trip" },
+  { name: "DrugsDrivingIn", group: "Drug / Trip" },
+  { name: "DrugsDrivingOut", group: "Drug / Trip" },
+  { name: "DrugsMichaelAliensFight", group: "Drug / Trip" },
+  { name: "DrugsMichaelAliensFightIn", group: "Drug / Trip" },
+  { name: "DrugsMichaelAliensFightOut", group: "Drug / Trip" },
+  { name: "DrugsTrevorClownsFight", group: "Drug / Trip" },
+  { name: "DrugsTrevorClownsFightIn", group: "Drug / Trip" },
+  { name: "DrugsTrevorClownsFightOut", group: "Drug / Trip" },
+  { name: "ChopVision", label: "Chop Vision (dog)", group: "Drug / Trip" },
+  // ── Color Filter / Tint (one-off and biker formation filters) ─────────────
+  { name: "PPFilter", group: "Color Filter / Tint" },
+  { name: "PPFilterOut", group: "Color Filter / Tint" },
+  { name: "PPGreen", group: "Color Filter / Tint" },
+  { name: "PPGreenOut", group: "Color Filter / Tint" },
+  { name: "PPOrange", group: "Color Filter / Tint" },
+  { name: "PPOrangeOut", group: "Color Filter / Tint" },
+  { name: "PPPink", group: "Color Filter / Tint" },
+  { name: "PPPinkOut", group: "Color Filter / Tint" },
+  { name: "PPPurple", group: "Color Filter / Tint" },
+  { name: "PPPurpleOut", group: "Color Filter / Tint" },
+  { name: "BikerFilter", group: "Color Filter / Tint" },
+  { name: "BikerFilterOut", group: "Color Filter / Tint" },
+  { name: "BikerFormation", group: "Color Filter / Tint" },
+  { name: "BikerFormationOut", group: "Color Filter / Tint" },
+  { name: "InchOrange", group: "Color Filter / Tint" },
+  { name: "InchOrangeOut", group: "Color Filter / Tint" },
+  { name: "InchPurple", group: "Color Filter / Tint" },
+  { name: "InchPurpleOut", group: "Color Filter / Tint" },
+  { name: "InchPickup", group: "Color Filter / Tint" },
+  { name: "InchPickupOut", group: "Color Filter / Tint" },
+  { name: "TinyRacerGreen", group: "Color Filter / Tint" },
+  { name: "TinyRacerGreenOut", group: "Color Filter / Tint" },
+  { name: "TinyRacerPink", group: "Color Filter / Tint" },
+  { name: "TinyRacerPinkOut", group: "Color Filter / Tint" },
+  { name: "TinyRacerIntroCam", group: "Color Filter / Tint" },
+  { name: "DeadlineNeon", group: "Color Filter / Tint" },
+  // ── Multiplayer (celeb, killstreak, race, etc.) ───────────────────────────
+  { name: "MP_Celeb_Win", group: "Multiplayer" },
+  { name: "MP_Celeb_Win_Out", group: "Multiplayer" },
+  { name: "MP_Celeb_Lose", group: "Multiplayer" },
+  { name: "MP_Celeb_Lose_Out", group: "Multiplayer" },
+  { name: "MP_Celeb_Preload", group: "Multiplayer" },
+  { name: "MP_Celeb_Preload_Fade", group: "Multiplayer" },
+  { name: "MP_Bull_tost", group: "Multiplayer" },
+  { name: "MP_Bull_tost_Out", group: "Multiplayer" },
+  { name: "MP_Killstreak", group: "Multiplayer" },
+  { name: "MP_Killstreak_Out", group: "Multiplayer" },
+  { name: "MP_Loser_Streak_Out", group: "Multiplayer" },
+  { name: "MP_OrbitalCannon", group: "Multiplayer" },
+  { name: "MP_Powerplay", group: "Multiplayer" },
+  { name: "MP_Powerplay_Out", group: "Multiplayer" },
+  { name: "MP_SmugglerCheckpoint", group: "Multiplayer" },
+  { name: "MP_TransformRaceFlash", group: "Multiplayer" },
+  { name: "MP_WarpCheckpoint", group: "Multiplayer" },
+  { name: "MP_corona_switch", group: "Multiplayer" },
+  { name: "MP_intro_logo", group: "Multiplayer" },
+  { name: "MP_job_load", group: "Multiplayer" },
+  { name: "MP_race_crash", group: "Multiplayer" },
+  // ── Misc (success notifs, special weapons, sniper / pause / explosions) ───
+  { name: "SuccessFranklin", group: "Misc" },
+  { name: "SuccessMichael", group: "Misc" },
+  { name: "SuccessNeutral", group: "Misc" },
+  { name: "SuccessTrevor", group: "Misc" },
+  { name: "FocusIn", group: "Misc" },
+  { name: "FocusOut", group: "Misc" },
+  { name: "CrossLine", group: "Misc" },
+  { name: "CrossLineOut", group: "Misc" },
+  { name: "SniperOverlay", group: "Misc" },
+  { name: "ExplosionJosh3", group: "Misc" },
+  { name: "WeaponUpgrade", group: "Misc" },
+  { name: "Dont_tazeme_bro", label: "Don't Taze Me Bro", group: "Misc" },
+  { name: "LostTimeDay", group: "Misc" },
+  { name: "LostTimeNight", group: "Misc" },
+  { name: "PauseMenuOut", group: "Misc" },
+  { name: "pennedIn", group: "Misc" },
+  { name: "PennedInOut", group: "Misc" },
+  { name: "RaceTurbo", group: "Misc" },
+  { name: "DefaultFlash", group: "Misc" }
+];
+function formatGtaAnimPostFx(name) {
+  const entry = GTA_ANIM_POST_FX.find((fx) => fx.name === name);
+  return entry?.label ?? name;
+}
+function buildGroupedData2(extraNames = []) {
+  const groups = /* @__PURE__ */ new Map();
+  const seen = /* @__PURE__ */ new Set();
+  for (const fx of GTA_ANIM_POST_FX) {
+    if (seen.has(fx.name)) continue;
+    seen.add(fx.name);
+    if (!groups.has(fx.group)) groups.set(fx.group, []);
+    groups.get(fx.group).push(fx);
+  }
+  const data = GTA_ANIM_POST_FX_GROUP_ORDER.flatMap((g) => {
+    const items = groups.get(g);
+    if (!items || items.length === 0) return [];
+    return [
+      {
+        group: g,
+        items: items.map((fx) => ({
+          value: fx.name,
+          label: formatGtaAnimPostFx(fx.name)
+        }))
+      }
+    ];
+  });
+  const knownNames = new Set(GTA_ANIM_POST_FX.map((fx) => fx.name));
+  const customs = extraNames.filter((n) => n && !knownNames.has(n));
+  if (customs.length > 0) {
     data.push({
       group: "Custom",
       items: customs.map((n) => ({ value: n, label: n }))
@@ -7444,7 +7944,7 @@ function ScenarioSelect({
     }
   );
 }
-var t = (key, fallback) => {
+var t2 = (key, fallback) => {
   const v = locale(key);
   return v === key ? fallback : v;
 };
@@ -7512,7 +8012,7 @@ function DiscordRoleSelect(props) {
     return map;
   }, [roles]);
   if (errorCode === "NotConfigured") {
-    const notConfiguredPlaceholder = t(
+    const notConfiguredPlaceholder = t2(
       "DiscordNotConfigured",
       "Not configured \u2014 set in /dirk_lib"
     );
@@ -7580,9 +8080,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__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { size: "1.2vh" })
     }
   );
@@ -7592,7 +8092,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),
@@ -7604,7 +8104,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")
       }
     );
   }
@@ -7613,7 +8113,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),
@@ -7625,11 +8125,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;
 };
@@ -7650,7 +8150,7 @@ function FrameworkHint({ framework }) {
   const theme2 = core.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__ */ jsxRuntime.jsxs(
     core.Flex,
     {
@@ -7734,9 +8234,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__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { size: "1.2vh" })
     }
   );
@@ -7750,14 +8250,14 @@ function AccountSelect(props) {
     rightSection: refreshButton,
     rightSectionPointerEvents: "all",
     style,
-    nothingFoundMessage: t2("NoAccounts", "No accounts available")
+    nothingFoundMessage: t3("NoAccounts", "No accounts available")
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { direction: "column", gap: "0.3vh", style, children: [
     props.multi ? /* @__PURE__ */ jsxRuntime.jsx(
       core.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,
@@ -7769,7 +8269,7 @@ function AccountSelect(props) {
       core.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,
@@ -8061,175 +8561,6 @@ function WorldPositionGotoButton2({
     }
   ) });
 }
-function usePlayers(opts = {}) {
-  const {
-    includeOffline = false,
-    search = "",
-    limit = 50,
-    staleTimeMs,
-    refetchIntervalMs
-  } = opts;
-  const query = reactQuery.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 ? reactQuery.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 = core.useMantineTheme();
-  const color = theme2.colors[theme2.primaryColor][5];
-  const [searchInput, setSearchInput] = React4.useState("");
-  const [debouncedSearch, setDebouncedSearch] = React4.useState("");
-  const { players, isFetching, refresh } = usePlayers({
-    includeOffline,
-    search: includeOffline ? debouncedSearch : void 0,
-    limit
-  });
-  const sortedPlayers = React4.useMemo(
-    () => [...players].sort((a, b) => {
-      if (a.online !== b.online) return a.online ? -1 : 1;
-      return a.charName.localeCompare(b.charName);
-    }),
-    [players]
-  );
-  const playerByCitizen = React4.useMemo(() => {
-    const m = /* @__PURE__ */ new Map();
-    for (const p of sortedPlayers) m.set(p.citizenId, p);
-    return m;
-  }, [sortedPlayers]);
-  const data = React4.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;
-  React4.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__ */ jsxRuntime.jsxs(core.Group, { justify: "space-between", wrap: "nowrap", gap: "xs", style: { width: "100%" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "xs", truncate: true, style: { flex: 1 }, children: formatLabel(p) }),
-      /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { online: p.online, onlineLabel, offlineLabel })
-    ] });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.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__ */ jsxRuntime.jsx(StatusDot, { online: selectedPlayer.online, onlineLabel, offlineLabel }) : void 0,
-      rightSectionWidth: "3.5vh",
-      rightSectionPointerEvents: "all",
-      rightSection: /* @__PURE__ */ jsxRuntime.jsx(
-        core.ActionIcon,
-        {
-          variant: "subtle",
-          size: "sm",
-          onClick: (e) => {
-            e.stopPropagation();
-            refresh();
-          },
-          "aria-label": refreshLabel,
-          title: refreshLabel,
-          style: { marginRight: "0.6vh" },
-          children: isFetching ? /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { size: "1.2vh", color }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { size: "1.4vh", color })
-        }
-      )
-    }
-  );
-}
-function StatusDot({ online, onlineLabel, offlineLabel }) {
-  return /* @__PURE__ */ jsxRuntime.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 () => {
@@ -8621,6 +8952,7 @@ var Vector4Schema = zod.z.object({
   w: zod.z.number()
 });
 
+exports.AccessOverrideSection = AccessOverrideSection;
 exports.AccountSelect = AccountSelect;
 exports.AdminPageTitle = AdminPageTitle;
 exports.AnimPostFxSelect = AnimPostFxSelect;
@@ -8635,6 +8967,7 @@ exports.ConfirmModal = ConfirmModal;
 exports.ControlMultiSelect = ControlMultiSelect;
 exports.ControlSelect = ControlSelect;
 exports.Counter = Counter;
+exports.DEFAULT_PALETTE = DEFAULT_PALETTE;
 exports.DirkProvider = DirkProvider;
 exports.DiscordRoleSelect = DiscordRoleSelect;
 exports.DoorPickerButton = DoorPickerButton;
@@ -8675,6 +9008,7 @@ exports.SegmentedProgress = SegmentedProgress;
 exports.SelectItem = SelectItem;
 exports.SwitchPanel = SwitchPanel;
 exports.TestBed = TestBed;
+exports.ThemeOverrideSchema = ThemeOverrideSchema;
 exports.ThemeOverrideSection = ThemeOverrideSection;
 exports.Title = Title;
 exports.TornEdgeSVGFilter = TornEdgeSVGFilter;
@@ -8695,6 +9029,7 @@ exports.copyToClipboard = copyToClipboard;
 exports.createFormStore = createFormStore;
 exports.createScriptConfig = createScriptConfig;
 exports.createSkill = createSkill;
+exports.defaultThemeOverride = defaultThemeOverride;
 exports.dirkQueryClient = dirkQueryClient;
 exports.ensureFrameworkGroups = ensureFrameworkGroups;
 exports.extractDefaults = extractDefaults;