dirk-cfx-react 1.1.53 → 1.1.55

package/dist/components/index.js

@@ -1,12 +1,1062 @@
-import { createContext, useRef, useState, useEffect, useContext } from 'react';
-import { create, useStore } from 'zustand';
+import { Flex, Text, Image, TextInput, Select, Box, useMantineTheme, alpha, Progress, RingProgress, Portal, Button, Loader, Group, JsonInput } from '@mantine/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createContext, useContext, useRef, useState, useEffect, useMemo } from 'react';
+import { create, useStore, createStore } from 'zustand';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Flex, Text, Image, useMantineTheme, alpha, Progress, RingProgress, Button } from '@mantine/core';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { motion, AnimatePresence, useMotionValue } from 'framer-motion';
 import clickSoundUrl from '../click_sound-PNCRRTM4.mp3';
 import hoverSoundUrl from '../hover_sound-NBUA222C.mp3';
-import { useClickOutside } from '@mantine/hooks';
+import { X, AlertTriangle, Trash2, Check, Undo2, Redo2, Save, History, XCircle, Code2, RotateCcw, Search, Filter, User, ChevronDown } from 'lucide-react';
+import { QueryClient, QueryClientProvider, useInfiniteQuery } from '@tanstack/react-query';
+
+// src/components/BlipSelect.tsx
+var BLIP_ENTRIES = [
+  [0, "radar_higher", "gif"],
+  [1, "radar_level", "png"],
+  [2, "radar_lower", "gif"],
+  [3, "radar_police_ped", "gif"],
+  [4, "radar_wanted_radius", "png"],
+  [5, "radar_area_blip", "png"],
+  [6, "radar_centre", "png"],
+  [7, "radar_north", "png"],
+  [8, "radar_waypoint", "png"],
+  [9, "radar_radius_blip", "png"],
+  [10, "radar_radius_outline_blip", "png"],
+  [11, "radar_weapon_higher", "gif"],
+  [12, "radar_weapon_lower", "gif"],
+  [13, "radar_higher_ai", "gif"],
+  [14, "radar_lower_ai", "gif"],
+  [15, "radar_police_heli_spin", "gif"],
+  [16, "radar_police_plane_move", "png"],
+  [27, "radar_mp_crew", "png"],
+  [28, "radar_mp_friendlies", "png"],
+  [36, "radar_cable_car", "png"],
+  [37, "radar_activities", "png"],
+  [38, "radar_raceflag", "png"],
+  [40, "radar_safehouse", "png"],
+  [41, "radar_police", "gif"],
+  [42, "radar_police_chase", "gif"],
+  [43, "radar_police_heli", "png"],
+  [44, "radar_bomb_a", "png"],
+  [47, "radar_snitch", "png"],
+  [48, "radar_planning_locations", "png"],
+  [50, "radar_crim_carsteal", "png"],
+  [51, "radar_crim_drugs", "png"],
+  [52, "radar_crim_holdups", "png"],
+  [54, "radar_crim_player", "png"],
+  [56, "radar_cop_patrol", "png"],
+  [57, "radar_cop_player", "png"],
+  [58, "radar_crim_wanted", "png"],
+  [59, "radar_heist", "png"],
+  [60, "radar_police_station", "png"],
+  [61, "radar_hospital", "png"],
+  [62, "radar_assassins_mark", "png"],
+  [63, "radar_elevator", "png"],
+  [64, "radar_helicopter", "png"],
+  [66, "radar_random_character", "png"],
+  [67, "radar_security_van", "png"],
+  [68, "radar_tow_truck", "png"],
+  [70, "radar_illegal_parking", "png"],
+  [71, "radar_barber", "png"],
+  [72, "radar_car_mod_shop", "png"],
+  [73, "radar_clothes_store", "png"],
+  [75, "radar_tattoo", "png"],
+  [76, "radar_armenian_family", "png"],
+  [77, "radar_lester_family", "png"],
+  [78, "radar_michael_family", "png"],
+  [79, "radar_trevor_family", "png"],
+  [80, "radar_jewelry_heist", "png"],
+  [82, "radar_drag_race_finish", "png"],
+  [84, "radar_rampage", "png"],
+  [85, "radar_vinewood_tours", "png"],
+  [86, "radar_lamar_family", "png"],
+  [88, "radar_franklin_family", "png"],
+  [89, "radar_chinese_strand", "png"],
+  [90, "radar_flight_school", "png"],
+  [91, "radar_eye_sky", "png"],
+  [92, "radar_air_hockey", "png"],
+  [93, "radar_bar", "png"],
+  [94, "radar_base_jump", "png"],
+  [95, "radar_basketball", "png"],
+  [96, "radar_biolab_heist", "png"],
+  [99, "radar_cabaret_club", "png"],
+  [100, "radar_car_wash", "png"],
+  [102, "radar_comedy_club", "png"],
+  [103, "radar_darts", "png"],
+  [104, "radar_docks_heist", "png"],
+  [105, "radar_fbi_heist", "png"],
+  [106, "radar_fbi_officers_strand", "png"],
+  [107, "radar_finale_bank_heist", "png"],
+  [108, "radar_financier_strand", "png"],
+  [109, "radar_golf", "png"],
+  [110, "radar_gun_shop", "png"],
+  [111, "radar_internet_cafe", "png"],
+  [112, "radar_michael_family_exile", "png"],
+  [113, "radar_nice_house_heist", "png"],
+  [114, "radar_random_female", "png"],
+  [115, "radar_random_male", "png"],
+  [118, "radar_rural_bank_heist", "png"],
+  [119, "radar_shooting_range", "png"],
+  [120, "radar_solomon_strand", "png"],
+  [121, "radar_strip_club", "png"],
+  [122, "radar_tennis", "png"],
+  [123, "radar_trevor_family_exile", "png"],
+  [124, "radar_michael_trevor_family", "png"],
+  [126, "radar_triathlon", "png"],
+  [127, "radar_off_road_racing", "png"],
+  [128, "radar_gang_cops", "png"],
+  [129, "radar_gang_mexicans", "png"],
+  [130, "radar_gang_bikers", "png"],
+  [133, "radar_snitch_red", "png"],
+  [134, "radar_crim_cuff_keys", "png"],
+  [135, "radar_cinema", "png"],
+  [136, "radar_music_venue", "png"],
+  [137, "radar_police_station_blue", "png"],
+  [138, "radar_airport", "png"],
+  [139, "radar_crim_saved_vehicle", "png"],
+  [140, "radar_weed_stash", "png"],
+  [141, "radar_hunting", "png"],
+  [142, "radar_pool", "png"],
+  [143, "radar_objective_blue", "png"],
+  [144, "radar_objective_green", "png"],
+  [145, "radar_objective_red", "png"],
+  [146, "radar_objective_yellow", "png"],
+  [147, "radar_arms_dealing", "png"],
+  [148, "radar_mp_friend", "png"],
+  [149, "radar_celebrity_theft", "png"],
+  [150, "radar_weapon_assault_rifle", "png"],
+  [151, "radar_weapon_bat", "png"],
+  [152, "radar_weapon_grenade", "png"],
+  [153, "radar_weapon_health", "png"],
+  [154, "radar_weapon_knife", "png"],
+  [155, "radar_weapon_molotov", "png"],
+  [156, "radar_weapon_pistol", "png"],
+  [157, "radar_weapon_rocket", "png"],
+  [158, "radar_weapon_shotgun", "png"],
+  [159, "radar_weapon_smg", "png"],
+  [160, "radar_weapon_sniper", "png"],
+  [161, "radar_mp_noise", "gif"],
+  [162, "radar_poi", "png"],
+  [163, "radar_passive", "png"],
+  [164, "radar_usingmenu", "png"],
+  [171, "radar_gang_cops_partner", "png"],
+  [173, "radar_weapon_minigun", "png"],
+  [175, "radar_weapon_armour", "png"],
+  [176, "radar_property_takeover", "png"],
+  [177, "radar_gang_mexicans_highlight", "png"],
+  [178, "radar_gang_bikers_highlight", "png"],
+  [179, "radar_triathlon_cycling", "png"],
+  [180, "radar_triathlon_swimming", "png"],
+  [181, "radar_property_takeover_bikers", "png"],
+  [182, "radar_property_takeover_cops", "png"],
+  [183, "radar_property_takeover_vagos", "png"],
+  [184, "radar_camera", "png"],
+  [185, "radar_centre_red", "png"],
+  [186, "radar_handcuff_keys_bikers", "png"],
+  [187, "radar_handcuff_keys_vagos", "png"],
+  [188, "radar_handcuffs_closed_bikers", "png"],
+  [189, "radar_handcuffs_closed_vagos", "png"],
+  [192, "radar_camera_badger", "png"],
+  [193, "radar_camera_facade", "png"],
+  [194, "radar_camera_ifruit", "png"],
+  [197, "radar_yoga", "png"],
+  [198, "radar_taxi", "png"],
+  [205, "radar_shrink", "png"],
+  [206, "radar_epsilon", "png"],
+  [207, "radar_financier_strand_grey", "png"],
+  [208, "radar_trevor_family_grey", "png"],
+  [209, "radar_trevor_family_red", "png"],
+  [210, "radar_franklin_family_grey", "png"],
+  [211, "radar_franklin_family_blue", "png"],
+  [212, "radar_franklin_a", "png"],
+  [213, "radar_franklin_b", "png"],
+  [214, "radar_franklin_c", "png"],
+  [225, "radar_gang_vehicle", "png"],
+  [226, "radar_gang_vehicle_bikers", "png"],
+  [227, "radar_gang_vehicle_cops", "png"],
+  [228, "radar_gang_vehicle_vagos", "png"],
+  [229, "radar_guncar", "png"],
+  [230, "radar_driving_bikers", "png"],
+  [231, "radar_driving_cops", "png"],
+  [232, "radar_driving_vagos", "png"],
+  [233, "radar_gang_cops_highlight", "png"],
+  [234, "radar_shield_bikers", "png"],
+  [235, "radar_shield_cops", "png"],
+  [236, "radar_shield_vagos", "png"],
+  [237, "radar_custody_bikers", "png"],
+  [238, "radar_custody_vagos", "png"],
+  [251, "radar_arms_dealing_air", "png"],
+  [252, "radar_playerstate_arrested", "png"],
+  [253, "radar_playerstate_custody", "png"],
+  [254, "radar_playerstate_driving", "png"],
+  [255, "radar_playerstate_keyholder", "png"],
+  [256, "radar_playerstate_partner", "png"],
+  [262, "radar_ztype", "png"],
+  [263, "radar_stinger", "png"],
+  [264, "radar_packer", "png"],
+  [265, "radar_monroe", "png"],
+  [266, "radar_fairground", "png"],
+  [267, "radar_property", "png"],
+  [268, "radar_gang_highlight", "png"],
+  [269, "radar_altruist", "png"],
+  [270, "radar_ai", "png"],
+  [271, "radar_on_mission", "png"],
+  [272, "radar_cash_pickup", "png"],
+  [273, "radar_chop", "png"],
+  [274, "radar_dead", "png"],
+  [275, "radar_territory_locked", "png"],
+  [276, "radar_cash_lost", "png"],
+  [277, "radar_cash_vagos", "png"],
+  [278, "radar_cash_cops", "png"],
+  [279, "radar_hooker", "png"],
+  [280, "radar_friend", "png"],
+  [281, "radar_mission_2to4", "png"],
+  [282, "radar_mission_2to8", "png"],
+  [283, "radar_mission_2to12", "png"],
+  [284, "radar_mission_2to16", "png"],
+  [285, "radar_custody_dropoff", "png"],
+  [286, "radar_onmission_cops", "png"],
+  [287, "radar_onmission_lost", "png"],
+  [288, "radar_onmission_vagos", "png"],
+  [289, "radar_crim_carsteal_cops", "png"],
+  [290, "radar_crim_carsteal_bikers", "png"],
+  [291, "radar_crim_carsteal_vagos", "png"],
+  [292, "radar_band_strand", "png"],
+  [293, "radar_simeon_family", "png"],
+  [294, "radar_mission_1", "png"],
+  [295, "radar_mission_2", "png"],
+  [296, "radar_friend_darts", "png"],
+  [297, "radar_friend_comedyclub", "png"],
+  [298, "radar_friend_cinema", "png"],
+  [299, "radar_friend_tennis", "png"],
+  [300, "radar_friend_stripclub", "png"],
+  [301, "radar_friend_livemusic", "png"],
+  [302, "radar_friend_golf", "png"],
+  [303, "radar_bounty_hit", "png"],
+  [304, "radar_ugc_mission", "png"],
+  [305, "radar_horde", "png"],
+  [306, "radar_cratedrop", "png"],
+  [307, "radar_plane_drop", "png"],
+  [308, "radar_sub", "png"],
+  [309, "radar_race", "png"],
+  [310, "radar_deathmatch", "png"],
+  [311, "radar_arm_wrestling", "png"],
+  [312, "radar_mission_1to2", "png"],
+  [313, "radar_shootingrange_gunshop", "png"],
+  [314, "radar_race_air", "png"],
+  [315, "radar_race_land", "png"],
+  [316, "radar_race_sea", "png"],
+  [317, "radar_tow", "png"],
+  [318, "radar_garbage", "png"],
+  [319, "radar_drill", "png"],
+  [320, "radar_spikes", "png"],
+  [321, "radar_firetruck", "png"],
+  [322, "radar_minigun2", "png"],
+  [323, "radar_bugstar", "png"],
+  [324, "radar_submarine", "png"],
+  [325, "radar_chinook", "png"],
+  [326, "radar_getaway_car", "png"],
+  [327, "radar_mission_bikers_1", "png"],
+  [328, "radar_mission_bikers_1to2", "png"],
+  [329, "radar_mission_bikers_2", "png"],
+  [330, "radar_mission_bikers_2to4", "png"],
+  [331, "radar_mission_bikers_2to8", "png"],
+  [332, "radar_mission_bikers_2to12", "png"],
+  [333, "radar_mission_bikers_2to16", "png"],
+  [334, "radar_mission_cops_1", "png"],
+  [335, "radar_mission_cops_1to2", "png"],
+  [336, "radar_mission_cops_2", "png"],
+  [337, "radar_mission_cops_2to4", "png"],
+  [338, "radar_mission_cops_2to8", "png"],
+  [339, "radar_mission_cops_2to12", "png"],
+  [340, "radar_mission_cops_2to16", "png"],
+  [341, "radar_mission_vagos_1", "png"],
+  [342, "radar_mission_vagos_1to2", "png"],
+  [343, "radar_mission_vagos_2", "png"],
+  [344, "radar_mission_vagos_2to4", "png"],
+  [345, "radar_mission_vagos_2to8", "png"],
+  [346, "radar_mission_vagos_2to12", "png"],
+  [347, "radar_mission_vagos_2to16", "png"],
+  [348, "radar_gang_bike", "png"],
+  [349, "radar_gas_grenade", "png"],
+  [350, "radar_property_for_sale", "png"],
+  [351, "radar_gang_attack_package", "png"],
+  [352, "radar_martin_madrazzo", "png"],
+  [353, "radar_enemy_heli_spin", "gif"],
+  [354, "radar_boost", "png"],
+  [355, "radar_devin", "png"],
+  [356, "radar_dock", "png"],
+  [357, "radar_garage", "png"],
+  [358, "radar_golf_flag", "png"],
+  [359, "radar_hangar", "png"],
+  [360, "radar_helipad", "png"],
+  [361, "radar_jerry_can", "png"],
+  [362, "radar_mask", "png"],
+  [363, "radar_heist_prep", "png"],
+  [364, "radar_incapacitated", "png"],
+  [365, "radar_spawn_point_pickup", "png"],
+  [366, "radar_boilersuit", "png"],
+  [367, "radar_completed", "png"],
+  [368, "radar_rockets", "png"],
+  [369, "radar_garage_for_sale", "png"],
+  [370, "radar_helipad_for_sale", "png"],
+  [371, "radar_dock_for_sale", "png"],
+  [372, "radar_hangar_for_sale", "png"],
+  [373, "radar_placeholder_6", "png"],
+  [374, "radar_business", "png"],
+  [375, "radar_business_for_sale", "png"],
+  [376, "radar_race_bike", "png"],
+  [377, "radar_parachute", "png"],
+  [378, "radar_team_deathmatch", "png"],
+  [379, "radar_race_foot", "png"],
+  [380, "radar_vehicle_deathmatch", "png"],
+  [381, "radar_barry", "png"],
+  [382, "radar_dom", "png"],
+  [383, "radar_maryann", "png"],
+  [384, "radar_cletus", "png"],
+  [385, "radar_josh", "png"],
+  [386, "radar_minute", "png"],
+  [387, "radar_omega", "png"],
+  [388, "radar_tonya", "png"],
+  [389, "radar_paparazzo", "png"],
+  [390, "radar_aim", "png"],
+  [391, "radar_cratedrop_background", "png"],
+  [392, "radar_green_and_net_player1", "png"],
+  [393, "radar_green_and_net_player2", "png"],
+  [394, "radar_green_and_net_player3", "png"],
+  [395, "radar_green_and_friendly", "png"],
+  [396, "radar_net_player1_and_net_player2", "png"],
+  [397, "radar_net_player1_and_net_player3", "png"],
+  [398, "radar_creator", "png"],
+  [399, "radar_creator_direction", "png"],
+  [400, "radar_abigail", "png"],
+  [401, "radar_blimp", "png"],
+  [402, "radar_repair", "png"],
+  [403, "radar_testosterone", "png"],
+  [404, "radar_dinghy", "png"],
+  [405, "radar_fanatic", "png"],
+  [407, "radar_info_icon", "png"],
+  [408, "radar_capture_the_flag", "png"],
+  [409, "radar_last_team_standing", "png"],
+  [410, "radar_boat", "png"],
+  [411, "radar_capture_the_flag_base", "png"],
+  [412, "radar_mp_crew", "png"],
+  [413, "radar_capture_the_flag_outline", "png"],
+  [414, "radar_capture_the_flag_base_nobag", "png"],
+  [415, "radar_weapon_jerrycan", "png"],
+  [416, "radar_rp", "png"],
+  [417, "radar_level_inside", "png"],
+  [418, "radar_bounty_hit_inside", "png"],
+  [419, "radar_capture_the_usaflag", "png"],
+  [420, "radar_capture_the_usaflag_outline", "png"],
+  [421, "radar_tank", "png"],
+  [422, "radar_player_heli", "gif"],
+  [423, "radar_player_plane", "png"],
+  [424, "radar_player_jet", "png"],
+  [425, "radar_centre_stroke", "png"],
+  [426, "radar_player_guncar", "png"],
+  [427, "radar_player_boat", "png"],
+  [428, "radar_mp_heist", "png"],
+  [429, "radar_temp_1", "png"],
+  [430, "radar_temp_2", "png"],
+  [431, "radar_temp_3", "png"],
+  [432, "radar_temp_4", "png"],
+  [433, "radar_temp_5", "png"],
+  [434, "radar_temp_6", "png"],
+  [435, "radar_race_stunt", "png"],
+  [436, "radar_hot_property", "png"],
+  [437, "radar_urbanwarfare_versus", "png"],
+  [438, "radar_king_of_the_castle", "png"],
+  [439, "radar_player_king", "png"],
+  [440, "radar_dead_drop", "png"],
+  [441, "radar_penned_in", "png"],
+  [442, "radar_beast", "png"],
+  [443, "radar_edge_pointer", "png"],
+  [444, "radar_edge_crosstheline", "png"],
+  [445, "radar_mp_lamar", "png"],
+  [446, "radar_bennys", "png"],
+  [447, "radar_corner_number_1", "png"],
+  [448, "radar_corner_number_2", "png"],
+  [449, "radar_corner_number_3", "png"],
+  [450, "radar_corner_number_4", "png"],
+  [451, "radar_corner_number_5", "png"],
+  [452, "radar_corner_number_6", "png"],
+  [453, "radar_corner_number_7", "png"],
+  [454, "radar_corner_number_8", "png"],
+  [455, "radar_yacht", "png"],
+  [456, "radar_finders_keepers", "png"],
+  [457, "radar_assault_package", "png"],
+  [458, "radar_hunt_the_boss", "png"],
+  [459, "radar_sightseer", "png"],
+  [460, "radar_turreted_limo", "png"],
+  [461, "radar_belly_of_the_beast", "png"],
+  [462, "radar_yacht_location", "png"],
+  [463, "radar_pickup_beast", "png"],
+  [464, "radar_pickup_zoned", "png"],
+  [465, "radar_pickup_random", "png"],
+  [466, "radar_pickup_slow_time", "png"],
+  [467, "radar_pickup_swap", "png"],
+  [468, "radar_pickup_thermal", "png"],
+  [469, "radar_pickup_weed", "png"],
+  [470, "radar_weapon_railgun", "png"],
+  [471, "radar_seashark", "png"],
+  [472, "radar_pickup_hidden", "png"],
+  [473, "radar_warehouse", "png"],
+  [474, "radar_warehouse_for_sale", "png"],
+  [475, "radar_office", "png"],
+  [476, "radar_office_for_sale", "png"],
+  [477, "radar_truck", "png"],
+  [478, "radar_contraband", "png"],
+  [479, "radar_trailer", "png"],
+  [480, "radar_vip", "png"],
+  [481, "radar_cargobob", "png"],
+  [482, "radar_area_outline_blip", "png"],
+  [483, "radar_pickup_accelerator", "png"],
+  [484, "radar_pickup_ghost", "png"],
+  [485, "radar_pickup_detonator", "png"],
+  [486, "radar_pickup_bomb", "png"],
+  [487, "radar_pickup_armoured", "png"],
+  [488, "radar_stunt", "png"],
+  [489, "radar_weapon_lives", "png"],
+  [490, "radar_stunt_premium", "png"],
+  [491, "radar_adversary", "png"],
+  [492, "radar_biker_clubhouse", "png"],
+  [493, "radar_biker_caged_in", "png"],
+  [494, "radar_biker_turf_war", "png"],
+  [495, "radar_biker_joust", "png"],
+  [496, "radar_production_weed", "png"],
+  [497, "radar_production_crack", "png"],
+  [498, "radar_production_fake_id", "png"],
+  [499, "radar_production_meth", "png"],
+  [500, "radar_production_money", "png"],
+  [501, "radar_package", "png"],
+  [502, "radar_capture_1", "png"],
+  [503, "radar_capture_2", "png"],
+  [504, "radar_capture_3", "png"],
+  [505, "radar_capture_4", "png"],
+  [506, "radar_capture_5", "png"],
+  [507, "radar_capture_6", "png"],
+  [508, "radar_capture_7", "png"],
+  [509, "radar_capture_8", "png"],
+  [510, "radar_capture_9", "png"],
+  [511, "radar_capture_10", "png"],
+  [512, "radar_quad", "png"],
+  [513, "radar_bus", "png"],
+  [514, "radar_drugs_package", "png"],
+  [515, "radar_pickup_jump", "png"],
+  [516, "radar_adversary_4", "png"],
+  [517, "radar_adversary_8", "png"],
+  [518, "radar_adversary_10", "png"],
+  [519, "radar_adversary_12", "png"],
+  [520, "radar_adversary_16", "png"],
+  [521, "radar_laptop", "png"],
+  [522, "radar_pickup_deadline", "png"],
+  [523, "radar_sports_car", "png"],
+  [524, "radar_warehouse_vehicle", "png"],
+  [525, "radar_reg_papers", "png"],
+  [526, "radar_police_station_dropoff", "png"],
+  [527, "radar_junkyard", "png"],
+  [528, "radar_ex_vech_1", "png"],
+  [529, "radar_ex_vech_2", "png"],
+  [530, "radar_ex_vech_3", "png"],
+  [531, "radar_ex_vech_4", "png"],
+  [532, "radar_ex_vech_5", "png"],
+  [533, "radar_ex_vech_6", "png"],
+  [534, "radar_ex_vech_7", "png"],
+  [535, "radar_target_a", "png"],
+  [536, "radar_target_b", "png"],
+  [537, "radar_target_c", "png"],
+  [538, "radar_target_d", "png"],
+  [539, "radar_target_e", "png"],
+  [540, "radar_target_f", "png"],
+  [541, "radar_target_g", "png"],
+  [542, "radar_target_h", "png"],
+  [543, "radar_jugg", "png"],
+  [544, "radar_pickup_repair", "png"],
+  [545, "radar_steeringwheel", "png"],
+  [546, "radar_trophy", "png"],
+  [547, "radar_pickup_rocket_boost", "png"],
+  [548, "radar_pickup_homing_rocket", "png"],
+  [549, "radar_pickup_machinegun", "png"],
+  [550, "radar_pickup_parachute", "png"],
+  [551, "radar_pickup_time_5", "png"],
+  [552, "radar_pickup_time_10", "png"],
+  [553, "radar_pickup_time_15", "png"],
+  [554, "radar_pickup_time_20", "png"],
+  [555, "radar_pickup_time_30", "png"],
+  [556, "radar_supplies", "png"],
+  [557, "radar_property_bunker", "png"],
+  [558, "radar_gr_wvm_1", "png"],
+  [559, "radar_gr_wvm_2", "png"],
+  [560, "radar_gr_wvm_3", "png"],
+  [561, "radar_gr_wvm_4", "png"],
+  [562, "radar_gr_wvm_5", "png"],
+  [563, "radar_gr_wvm_6", "png"],
+  [564, "radar_gr_covert_ops", "png"],
+  [565, "radar_adversary_bunker", "png"],
+  [566, "radar_gr_moc_upgrade", "png"],
+  [567, "radar_gr_w_upgrade", "png"],
+  [568, "radar_sm_cargo", "png"],
+  [569, "radar_sm_hangar", "png"],
+  [570, "radar_tf_checkpoint", "png"],
+  [571, "radar_race_tf", "png"],
+  [572, "radar_sm_wp1", "png"],
+  [573, "radar_sm_wp2", "png"],
+  [574, "radar_sm_wp3", "png"],
+  [575, "radar_sm_wp4", "png"],
+  [576, "radar_sm_wp5", "png"],
+  [577, "radar_sm_wp6", "png"],
+  [578, "radar_sm_wp7", "png"],
+  [579, "radar_sm_wp8", "png"],
+  [580, "radar_sm_wp9", "png"],
+  [581, "radar_sm_wp10", "png"],
+  [582, "radar_sm_wp11", "png"],
+  [583, "radar_sm_wp12", "png"],
+  [584, "radar_sm_wp13", "png"],
+  [585, "radar_sm_wp14", "png"],
+  [586, "radar_nhp_bag", "png"],
+  [587, "radar_nhp_chest", "png"],
+  [588, "radar_nhp_orbit", "png"],
+  [589, "radar_nhp_veh1", "png"],
+  [590, "radar_nhp_base", "png"],
+  [591, "radar_nhp_overlay", "png"],
+  [592, "radar_nhp_turret", "png"],
+  [593, "radar_nhp_mg_firewall", "png"],
+  [594, "radar_nhp_mg_node", "png"],
+  [595, "radar_nhp_wp1", "png"],
+  [596, "radar_nhp_wp2", "png"],
+  [597, "radar_nhp_wp3", "png"],
+  [598, "radar_nhp_wp4", "png"],
+  [599, "radar_nhp_wp5", "png"],
+  [600, "radar_nhp_wp6", "png"],
+  [601, "radar_nhp_wp7", "png"],
+  [602, "radar_nhp_wp8", "png"],
+  [603, "radar_nhp_wp9", "png"],
+  [604, "radar_nhp_cctv", "png"],
+  [605, "radar_nhp_starterpack", "png"],
+  [606, "radar_nhp_turret_console", "png"],
+  [607, "radar_nhp_mg_mir_rotate", "png"],
+  [608, "radar_nhp_mg_mir_static", "png"],
+  [609, "radar_nhp_mg_proxy", "png"],
+  [610, "radar_acsr_race_target", "png"],
+  [611, "radar_acsr_race_hotring", "png"],
+  [612, "radar_acsr_wp1", "png"],
+  [613, "radar_acsr_wp2", "png"],
+  [614, "radar_bat_club_property", "png"],
+  [615, "radar_bat_cargo", "png"],
+  [616, "radar_bat_truck", "png"],
+  [617, "radar_bat_hack_jewel", "png"],
+  [618, "radar_bat_hack_gold", "png"],
+  [619, "radar_bat_keypad", "png"],
+  [620, "radar_bat_hack_target", "png"],
+  [621, "radar_pickup_dtb_health", "png"],
+  [622, "radar_pickup_dtb_blast_increase", "png"],
+  [623, "radar_pickup_dtb_blast_decrease", "png"],
+  [624, "radar_pickup_dtb_bomb_increase", "png"],
+  [625, "radar_pickup_dtb_bomb_decrease", "png"],
+  [626, "radar_bat_rival_club", "png"],
+  [627, "radar_bat_drone", "png"],
+  [628, "radar_bat_cash_reg", "png"],
+  [629, "radar_cctv", "png"],
+  [630, "radar_bat_assassinate", "png"],
+  [631, "radar_bat_pbus", "png"],
+  [632, "radar_bat_wp1", "png"],
+  [633, "radar_bat_wp2", "png"],
+  [634, "radar_bat_wp3", "png"],
+  [635, "radar_bat_wp4", "png"],
+  [636, "radar_bat_wp5", "png"],
+  [637, "radar_bat_wp6", "png"],
+  [638, "radar_blimp_2", "png"],
+  [639, "radar_oppressor_2", "png"],
+  [640, "radar_bat_wp7", "png"],
+  [641, "radar_arena_series", "png"],
+  [642, "radar_arena_premium", "png"],
+  [643, "radar_arena_workshop", "png"],
+  [644, "radar_race_wars", "png"],
+  [645, "radar_arena_turret", "png"],
+  [646, "radar_arena_rc_car", "png"],
+  [647, "radar_arena_rc_workshop", "png"],
+  [648, "radar_arena_trap_fire", "png"],
+  [649, "radar_arena_trap_flip", "png"],
+  [650, "radar_arena_trap_sea", "png"],
+  [651, "radar_arena_trap_turn", "png"],
+  [652, "radar_arena_trap_pit", "png"],
+  [653, "radar_arena_trap_mine", "png"],
+  [654, "radar_arena_trap_bomb", "png"],
+  [655, "radar_arena_trap_wall", "png"],
+  [656, "radar_arena_trap_brd", "png"],
+  [657, "radar_arena_trap_sbrd", "png"],
+  [658, "radar_arena_bruiser", "png"],
+  [659, "radar_arena_brutus", "png"],
+  [660, "radar_arena_cerberus", "png"],
+  [661, "radar_arena_deathbike", "png"],
+  [662, "radar_arena_dominator", "png"],
+  [663, "radar_arena_impaler", "png"],
+  [664, "radar_arena_imperator", "png"],
+  [665, "radar_arena_issi", "png"],
+  [666, "radar_arena_sasquatch", "png"],
+  [667, "radar_arena_scarab", "png"],
+  [668, "radar_arena_slamvan", "png"],
+  [669, "radar_arena_zr380", "png"],
+  [670, "radar_ap", "png"],
+  [671, "radar_comic_store", "png"],
+  [672, "radar_cop_car", "png"],
+  [673, "radar_rc_time_trials", "png"],
+  [674, "radar_king_of_the_hill", "png"],
+  [675, "radar_king_of_the_hill_teams", "png"],
+  [676, "radar_rucksack", "png"],
+  [677, "radar_shipping_container", "png"],
+  [678, "radar_agatha", "png"],
+  [679, "radar_casino", "png"],
+  [680, "radar_casino_table_games", "png"],
+  [681, "radar_casino_wheel", "png"],
+  [682, "radar_casino_concierge", "png"],
+  [683, "radar_casino_chips", "png"],
+  [684, "radar_casino_horse_racing", "png"],
+  [685, "radar_adversary_featured", "png"],
+  [686, "radar_roulette_1", "png"],
+  [687, "radar_roulette_2", "png"],
+  [688, "radar_roulette_3", "png"],
+  [689, "radar_roulette_4", "png"],
+  [690, "radar_roulette_5", "png"],
+  [691, "radar_roulette_6", "png"],
+  [692, "radar_roulette_7", "png"],
+  [693, "radar_roulette_8", "png"],
+  [694, "radar_roulette_9", "png"],
+  [695, "radar_roulette_10", "png"],
+  [696, "radar_roulette_11", "png"],
+  [697, "radar_roulette_12", "png"],
+  [698, "radar_roulette_13", "png"],
+  [699, "radar_roulette_14", "png"],
+  [700, "radar_roulette_15", "png"],
+  [701, "radar_roulette_16", "png"],
+  [702, "radar_roulette_17", "png"],
+  [703, "radar_roulette_18", "png"],
+  [704, "radar_roulette_19", "png"],
+  [705, "radar_roulette_20", "png"],
+  [706, "radar_roulette_21", "png"],
+  [707, "radar_roulette_22", "png"],
+  [708, "radar_roulette_23", "png"],
+  [709, "radar_roulette_24", "png"],
+  [710, "radar_roulette_25", "png"],
+  [711, "radar_roulette_26", "png"],
+  [712, "radar_roulette_27", "png"],
+  [713, "radar_roulette_28", "png"],
+  [714, "radar_roulette_29", "png"],
+  [715, "radar_roulette_30", "png"],
+  [716, "radar_roulette_31", "png"],
+  [717, "radar_roulette_32", "png"],
+  [718, "radar_roulette_33", "png"],
+  [719, "radar_roulette_34", "png"],
+  [720, "radar_roulette_35", "png"],
+  [721, "radar_roulette_36", "png"],
+  [722, "radar_roulette_0", "png"],
+  [723, "radar_roulette_00", "png"],
+  [724, "radar_limo", "png"],
+  [725, "radar_weapon_alien", "png"],
+  [726, "radar_race_open_wheel", "png"],
+  [727, "radar_rappel", "png"],
+  [728, "radar_swap_car", "png"],
+  [729, "radar_scuba_gear", "png"],
+  [730, "radar_cpanel_1", "png"],
+  [731, "radar_cpanel_2", "png"],
+  [732, "radar_cpanel_3", "png"],
+  [733, "radar_cpanel_4", "png"],
+  [734, "radar_snow_truck", "png"],
+  [735, "radar_buggy_1", "png"],
+  [736, "radar_buggy_2", "png"],
+  [737, "radar_zhaba", "png"],
+  [738, "radar_gerald", "png"],
+  [739, "radar_ron", "png"],
+  [740, "radar_arcade", "png"],
+  [741, "radar_drone_controls", "png"],
+  [742, "radar_rc_tank", "png"],
+  [743, "radar_stairs", "png"],
+  [744, "radar_camera_2", "png"],
+  [745, "radar_winky", "png"],
+  [746, "radar_mini_sub", "png"],
+  [747, "radar_kart_retro", "png"],
+  [748, "radar_kart_modern", "png"],
+  [749, "radar_military_quad", "png"],
+  [750, "radar_military_truck", "png"],
+  [751, "radar_ship_wheel", "png"],
+  [752, "radar_ufo", "png"],
+  [753, "radar_seasparrow2", "png"],
+  [754, "radar_dinghy2", "png"],
+  [755, "radar_patrol_boat", "png"],
+  [756, "radar_retro_sports_car", "png"],
+  [757, "radar_squadee", "png"],
+  [758, "radar_folding_wing_jet", "png"],
+  [759, "radar_valkyrie2", "png"],
+  [760, "radar_sub2", "png"],
+  [761, "radar_bolt_cutters", "png"],
+  [762, "radar_rappel_gear", "png"],
+  [763, "radar_keycard", "png"],
+  [764, "radar_password", "png"],
+  [765, "radar_island_heist_prep", "png"],
+  [766, "radar_island_party", "png"],
+  [767, "radar_control_tower", "png"],
+  [768, "radar_underwater_gate", "png"],
+  [769, "radar_power_switch", "png"],
+  [770, "radar_compound_gate", "png"],
+  [771, "radar_rappel_point", "png"],
+  [772, "radar_keypad", "png"],
+  [773, "radar_sub_controls", "png"],
+  [774, "radar_sub_periscope", "png"],
+  [775, "radar_sub_missile", "png"],
+  [776, "radar_painting", "png"],
+  [777, "radar_car_meet", "png"],
+  [778, "radar_car_test_area", "png"],
+  [779, "radar_auto_shop_property", "png"],
+  [780, "radar_docks_export", "png"],
+  [781, "radar_prize_car", "png"],
+  [782, "radar_test_car", "png"],
+  [783, "radar_car_robbery_board", "png"],
+  [784, "radar_car_robbery_prep", "png"],
+  [785, "radar_street_race_series", "png"],
+  [786, "radar_pursuit_series", "png"],
+  [787, "radar_car_meet_organiser", "png"],
+  [788, "radar_securoserv", "png"],
+  [789, "radar_bounty_collectibles", "png"],
+  [790, "radar_movie_collectibles", "png"],
+  [791, "radar_trailer_ramp", "png"],
+  [792, "radar_race_organiser", "png"],
+  [793, "radar_chalkboard_list", "png"],
+  [794, "radar_export_vehicle", "png"],
+  [795, "radar_train", "png"],
+  [796, "radar_heist_diamond", "png"],
+  [797, "radar_heist_doomsday", "png"],
+  [798, "radar_heist_island", "png"],
+  [799, "radar_slamvan2", "png"],
+  [800, "radar_crusader", "png"],
+  [801, "radar_construction_outfit", "png"],
+  [802, "radar_overlay_jammed", "png"],
+  [803, "radar_heist_island_unavailable", "png"],
+  [804, "radar_heist_diamond_unavailable", "png"],
+  [805, "radar_heist_doomsday_unavailable", "png"],
+  [806, "radar_placeholder_7", "png"],
+  [807, "radar_placeholder_8", "png"],
+  [808, "radar_placeholder_9", "png"],
+  [809, "radar_featured_series", "png"],
+  [810, "radar_vehicle_for_sale", "png"],
+  [811, "radar_van_keys", "png"],
+  [812, "radar_suv_service", "png"],
+  [813, "radar_security_contract", "png"],
+  [814, "radar_safe", "png"],
+  [815, "radar_ped_r", "png"],
+  [816, "radar_ped_e", "png"],
+  [817, "radar_payphone", "png"],
+  [818, "radar_patriot3", "png"],
+  [819, "radar_music_studio", "png"],
+  [820, "radar_jubilee", "png"],
+  [821, "radar_granger2", "png"],
+  [822, "radar_explosive_charge", "png"],
+  [823, "radar_deity", "png"],
+  [824, "radar_d_champion", "png"],
+  [825, "radar_buffalo4", "png"],
+  [826, "radar_agency", "png"],
+  [827, "radar_biker_bar", "png"],
+  [828, "radar_simeon_overlay", "png"],
+  [829, "radar_junk_skydive", "png"],
+  [830, "radar_luxury_car_showroom", "png"],
+  [831, "radar_car_showroom", "png"],
+  [832, "radar_car_showroom_simeon", "png"],
+  [833, "radar_flaming_skull", "png"],
+  [834, "radar_weapon_ammo", "png"],
+  [835, "radar_community_series", "png"],
+  [836, "radar_cayo_series", "png"],
+  [837, "radar_clubhouse_contract", "png"],
+  [838, "radar_agent_ulp", "png"],
+  [839, "radar_acid", "png"],
+  [840, "radar_acid_lab", "png"],
+  [841, "radar_dax_overlay", "png"],
+  [842, "radar_dead_drop_package", "png"],
+  [843, "radar_downtown_cab", "png"],
+  [844, "radar_gun_van", "png"],
+  [845, "radar_stash_house", "png"],
+  [846, "radar_tractor", "png"],
+  [847, "radar_warehouse_juggalo", "png"],
+  [848, "radar_warehouse_juggalo_dax", "png"],
+  [849, "radar_weapon_crowbar", "png"],
+  [850, "radar_duffel_bag", "png"],
+  [851, "radar_oil_tanker", "png"],
+  [852, "radar_acid_lab_tent", "png"],
+  [853, "radar_van_burrito", "png"],
+  [854, "radar_acid_boost", "png"],
+  [855, "radar_ped_gang_leader", "png"],
+  [856, "radar_multistorey_garage", "png"],
+  [857, "radar_seized_asset_sales", "png"],
+  [858, "radar_cayo_attrition", "png"],
+  [859, "radar_bicycle", "png"],
+  [860, "radar_bicycle_trial", "png"],
+  [861, "radar_raiju", "png"],
+  [862, "radar_conada2", "png"],
+  [863, "radar_overlay_ready_for_sell", "png"],
+  [864, "radar_overlay_missing_supplies", "png"],
+  [865, "radar_streamer216", "png"],
+  [866, "radar_signal_jammer", "png"],
+  [867, "radar_salvage_yard", "png"],
+  [868, "radar_robbery_prep_equipment", "png"],
+  [869, "radar_robbery_prep_overlay", "png"],
+  [870, "radar_yusuf", "png"],
+  [871, "radar_vincent", "png"],
+  [872, "radar_vinewood_garage", "png"],
+  [873, "radar_lstb", "png"],
+  [874, "radar_cctv_workstation", "png"],
+  [875, "radar_hacking_device", "png"],
+  [876, "radar_race_drag", "png"],
+  [877, "radar_race_drift", "png"],
+  [878, "radar_casino_prep", "png"],
+  [879, "radar_planning_wall", "png"],
+  [880, "radar_weapon_crate", "png"],
+  [881, "radar_weapon_snowball", "png"],
+  [882, "radar_train_signals_green", "png"],
+  [883, "radar_train_signals_red", "png"],
+  [884, "radar_office_transporter", "png"],
+  [885, "radar_yankton_survival", "png"],
+  [886, "radar_daily_bounty", "png"],
+  [887, "radar_bounty_target", "png"],
+  [888, "radar_filming_schedule", "png"],
+  [889, "radar_pizza_this", "png"],
+  [890, "radar_aircraft_carrier", "png"],
+  [891, "radar_weapon_emp", "png"],
+  [892, "radar_maude_eccles", "png"],
+  [893, "radar_bail_bonds_office", "png"],
+  [894, "radar_weapon_emp_mine", "png"],
+  [895, "radar_zombie_disease", "png"],
+  [896, "radar_zombie_proximity", "png"],
+  [897, "radar_zombie_fire", "png"],
+  [898, "radar_animal_possessed", "png"],
+  [899, "radar_mobile_phone", "png"],
+  [900, "radar_garment_factory", "png"],
+  [901, "radar_garment_factory_for_sale", "png"],
+  [902, "radar_garment_factory_equipment", "png"],
+  [903, "radar_field_hangar", "png"],
+  [904, "radar_field_hangar_for_sale", "png"],
+  [905, "radar_cargobob_ch53", "png"],
+  [906, "radar_chopper_lift_ammo", "png"],
+  [907, "radar_chopper_lift_armor", "png"],
+  [908, "radar_chopper_lift_explosives", "png"],
+  [909, "radar_chopper_lift_upgrade", "png"],
+  [910, "radar_chopper_lift_weapon", "png"],
+  [911, "radar_cargo_ship", "png"],
+  [912, "radar_submarine_missile", "png"],
+  [913, "radar_propeller_engine", "png"],
+  [914, "radar_shark", "png"],
+  [915, "radar_fast_travel", "png"],
+  [916, "radar_plane_duster2", "png"],
+  [917, "radar_plane_titan2", "png"],
+  [918, "radar_collectible", "png"],
+  [919, "radar_field_hangar_discount", "png"],
+  [920, "radar_garment_factory_discount", "png"],
+  [921, "radar_weapon_gusenberg_sweeper", "png"],
+  [922, "radar_weapon_tear_gas", "png"],
+  [923, "radar_dog", "png"],
+  [924, "radar_bobcat_security", "png"],
+  [925, "radar_smoke_shop", "png"],
+  [926, "radar_smoke_shop_for_sale", "png"],
+  [927, "radar_smoke_shop_attention", "png"],
+  [928, "radar_helitours", "png"],
+  [929, "radar_helitours_for_sale", "png"],
+  [930, "radar_helitours_attention", "png"],
+  [931, "radar_car_wash_business", "png"],
+  [932, "radar_car_wash_business_for_sale", "png"],
+  [933, "radar_car_wash_business_attention", "png"],
+  [934, "radar_attention", "png"],
+  [935, "radar_alarm", "png"],
+  [936, "radar_helitours_discount", "png"],
+  [937, "radar_smoke_shop_discount", "png"],
+  [938, "radar_car_wash_business_discount", "png"],
+  [939, "radar_real_estate", "png"],
+  [940, "radar_medical_courier", "png"],
+  [941, "radar_gruppe_sechs", "png"],
+  [942, "radar_fire_station", "png"],
+  [943, "radar_fire_truck", "png"],
+  [944, "radar_alpha_mail", "png"],
+  [945, "radar_ls_meteor", "png"],
+  [946, "radar_four20_survival", "png"],
+  [947, "radar_community_mission_series", "png"],
+  [948, "radar_property_mansion", "png"],
+  [949, "radar_ai_keypad", "png"],
+  [950, "radar_taxi_self_drive", "png"],
+  [951, "radar_train_subway", "png"],
+  [952, "radar_trashbag", "png"],
+  [953, "radar_mission_creator", "png"],
+  [954, "radar_cat", "png"],
+  [955, "radar_mansion_ai_m", "png"],
+  [956, "radar_mansion_ai_f", "png"],
+  [957, "radar_mansion_ai_gang", "png"]
+];
+var BLIP_BASE = "https://docs.fivem.net/blips/";
+function blipUrl(name, ext) {
+  return `${BLIP_BASE}${name}.${ext}`;
+}
+var BLIP_COLORS = [
+  [0, "White", "#FFFFFF"],
+  [1, "Red", "#E54141"],
+  [2, "Green", "#3FA83F"],
+  [3, "Blue", "#5B8CCF"],
+  [4, "White", "#FFFFFF"],
+  [5, "Yellow", "#F0D453"],
+  [6, "Light Red", "#E88888"],
+  [7, "Violet", "#8C5FA8"],
+  [8, "Pink", "#E878C8"],
+  [9, "Light Orange", "#F0A861"],
+  [10, "Light Brown", "#C1A470"],
+  [11, "Light Green", "#94D468"],
+  [12, "Light Blue", "#68C8E8"],
+  [13, "Light Purple", "#B898E8"],
+  [14, "Dark Purple", "#583E8E"],
+  [15, "Cyan", "#48C8B8"],
+  [16, "Light Yellow", "#E8E898"],
+  [17, "Orange", "#E87830"],
+  [18, "Light Blue", "#78A8E8"],
+  [19, "Dark Pink", "#C83878"],
+  [20, "Dark Yellow", "#A0A038"],
+  [21, "Dark Orange", "#B07828"],
+  [22, "Light Gray", "#B0B0B0"],
+  [23, "Light Pink", "#E8A8C0"],
+  [24, "Lemon Green", "#88F068"],
+  [25, "Forest Green", "#388038"],
+  [26, "Electric Blue", "#2060E0"],
+  [27, "Bright Purple", "#9840E0"],
+  [28, "Dark Yellow", "#7C7C28"],
+  [29, "Dark Blue", "#283878"],
+  [30, "Dark Cyan", "#287078"],
+  [31, "Light Brown", "#A08858"],
+  [32, "Light Blue", "#78B0E8"],
+  [33, "Light Yellow", "#E8E868"],
+  [34, "Light Pink", "#F0A0C0"],
+  [35, "Light Red", "#E07868"],
+  [36, "Beige", "#D8C898"],
+  [37, "White", "#FFFFFF"],
+  [38, "Blue", "#4870A0"],
+  [39, "Light Gray", "#909898"],
+  [40, "Dark Gray", "#585858"],
+  [41, "Pink Red", "#E07088"],
+  [42, "Blue", "#5090B8"],
+  [43, "Light Green", "#88C868"],
+  [44, "Light Orange", "#E09048"],
+  [45, "White", "#F0F0F0"],
+  [46, "Gold", "#D8B838"],
+  [47, "Orange", "#E07020"]
+];
+var BLIP_ICON_DATA = BLIP_ENTRIES.map(([id, name]) => ({
+  value: String(id),
+  label: `${id} \u2014 ${name}`
+}));
+var BLIP_COLOR_DATA = BLIP_COLORS.map(([id, label]) => ({
+  value: String(id),
+  label: `${id} \u2014 ${label}`
+}));
+var blipEntryMap = new Map(BLIP_ENTRIES.map(([id, name, ext]) => [String(id), { id, name, ext }]));
+var blipColorMap = new Map(BLIP_COLORS.map(([id, label, hex]) => [String(id), { id, label, hex }]));
+var renderBlipOption = ({ option }) => {
+  const entry = blipEntryMap.get(option.value);
+  if (!entry) return option.label;
+  return /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: blipUrl(entry.name, entry.ext),
+        alt: entry.name,
+        w: 24,
+        h: 24,
+        fit: "contain",
+        style: { imageRendering: "pixelated" }
+      }
+    ),
+    /* @__PURE__ */ jsxs(Text, { size: "xs", truncate: true, children: [
+      entry.id,
+      " \u2014 ",
+      entry.name
+    ] })
+  ] });
+};
+var renderColorOption = ({ option }) => {
+  const entry = blipColorMap.get(option.value);
+  if (!entry) return option.label;
+  return /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        w: 24,
+        h: 24,
+        style: {
+          borderRadius: 4,
+          backgroundColor: entry.hex,
+          border: "1px solid rgba(255,255,255,0.15)",
+          flexShrink: 0
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(Text, { size: "xs", truncate: true, children: [
+      entry.id,
+      " \u2014 ",
+      entry.label
+    ] })
+  ] });
+};
+function BlipIconSelect({ value, onChange, label = "Blip Icon", size = "xs", ...rest }) {
+  const entry = value != null ? blipEntryMap.get(String(value)) : void 0;
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label,
+      size,
+      ...rest,
+      searchable: true,
+      data: BLIP_ICON_DATA,
+      value: value != null ? String(value) : null,
+      onChange: (val) => val != null && onChange(Number(val)),
+      renderOption: renderBlipOption,
+      maxDropdownHeight: 300,
+      nothingFoundMessage: "No results",
+      leftSection: entry ? /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: blipUrl(entry.name, entry.ext),
+          alt: entry.name,
+          w: 18,
+          h: 18,
+          fit: "contain",
+          style: { imageRendering: "pixelated" }
+        }
+      ) : void 0
+    }
+  );
+}
+function BlipColorSelect({ value, onChange, label = "Blip Color", size = "xs", ...rest }) {
+  const entry = value != null ? blipColorMap.get(String(value)) : void 0;
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label,
+      size,
+      ...rest,
+      searchable: true,
+      data: BLIP_COLOR_DATA,
+      value: value != null ? String(value) : null,
+      onChange: (val) => val != null && onChange(Number(val)),
+      renderOption: renderColorOption,
+      maxDropdownHeight: 300,
+      nothingFoundMessage: "No results",
+      leftSection: entry ? /* @__PURE__ */ jsx(
+        Box,
+        {
+          w: 18,
+          h: 18,
+          style: {
+            borderRadius: 4,
+            backgroundColor: entry.hex,
+            border: "1px solid rgba(255,255,255,0.15)",
+            flexShrink: 0
+          }
+        }
+      ) : void 0
+    }
+  );
+}
 
 // src/utils/colorWithAlpha.ts
 var colorNames = {
@@ -153,11 +1203,11 @@ var colorNames = {
   Yellow: { r: 255, g: 255, b: 0 },
   YellowGreen: { r: 154, g: 205, b: 50 }
 };
-function colorWithAlpha(color, alpha5) {
+function colorWithAlpha(color, alpha8) {
   const lowerCasedColor = color.toLowerCase();
   if (colorNames[lowerCasedColor]) {
     const rgb = colorNames[lowerCasedColor];
-    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha5})`;
+    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha8})`;
   }
   if (/^#([A-Fa-f0-9]{6})$/.test(color)) {
     const hex = color.slice(1);
@@ -165,12 +1215,12 @@ function colorWithAlpha(color, alpha5) {
     const r = bigint >> 16 & 255;
     const g = bigint >> 8 & 255;
     const b = bigint & 255;
-    return `rgba(${r}, ${g}, ${b}, ${alpha5})`;
+    return `rgba(${r}, ${g}, ${b}, ${alpha8})`;
   }
   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]}, ${alpha5})`;
+      return `rgba(${result[1]}, ${result[2]}, ${result[3]}, ${alpha8})`;
     }
   }
   return color;
@@ -184,6 +1234,7 @@ var useSettings = create(() => ({
   primaryColor: "dirk",
   primaryShade: 9,
   itemImgPath: "",
+  resourceVersion: "dev",
   customTheme: [
     "#f0f4ff",
     "#d9e3ff",
@@ -207,6 +1258,7 @@ async function fetchNui(eventName, data, mockData) {
     },
     body: JSON.stringify(data)
   };
+  if (isEnvBrowser() && mockData !== void 0) return mockData;
   if (isEnvBrowser() && mockData === void 0) {
     console.warn(
       `[fetchNui] Called fetchNui for event "${eventName}" in browser environment without mockData. Returning empty object.`
@@ -241,6 +1293,299 @@ var locale = localeStore.getState().locale;
 registerInitialFetch("GET_LOCALES", void 0).then((data) => {
   localeStore.setState({ locales: data });
 });
+var useItems = create(() => ({}));
+var useItemsList = (excludeItemNames = []) => {
+  const excludeSet = new Set(excludeItemNames);
+  return Object.values(useItems.getState()).filter((item) => !excludeSet.has(item.name));
+};
+registerInitialFetch("FETCH_ALL_ITEMS", null, {
+  item1: { name: "item1", label: "Item 1", weight: 0.5, image: "item1.png" },
+  item2: { name: "item2", label: "Item 2", weight: 1, image: "item2.png" },
+  item3: { name: "item3", label: "Item 3", weight: 2.5, image: "item3.png" }
+}).then((fetchedItems) => {
+  if (!fetchedItems) return;
+  useItems.setState(fetchedItems);
+});
+
+// src/utils/inputMapper.ts
+var INPUT_MAPPER_PRIMARY_OPTIONS = [
+  "DIGITALBUTTON_AXIS",
+  "GAME_CONTROLLED",
+  "JOYSTICK_AXIS",
+  "JOYSTICK_AXIS_NEGATIVE",
+  "JOYSTICK_AXIS_POSITIVE",
+  "JOYSTICK_BUTTON",
+  "JOYSTICK_IAXIS",
+  "JOYSTICK_POV",
+  "JOYSTICK_POV_AXIS",
+  "KEYBOARD",
+  "MKB_AXIS",
+  "MOUSE_ABSOLUTEAXIS",
+  "MOUSE_BUTTON",
+  "MOUSE_CENTEREDAXIS",
+  "MOUSE_NORMALIZED",
+  "MOUSE_RELATIVEAXIS",
+  "MOUSE_SCALEDAXIS",
+  "MOUSE_WHEEL",
+  "PAD_ANALOGBUTTON",
+  "PAD_AXIS",
+  "PAD_DEBUGBUTTON",
+  "PAD_DIGITALBUTTON",
+  "TOUCHPAD_ABSOLUTE_AXIS",
+  "TOUCHPAD_CENTERED_AXIS"
+];
+var KEYBOARD_KEYS = [
+  "BACK",
+  "TAB",
+  "RETURN",
+  "PAUSE",
+  "CAPITAL",
+  "ESCAPE",
+  "SPACE",
+  "PAGEUP",
+  "PAGEDOWN",
+  "END",
+  "HOME",
+  "LEFT",
+  "UP",
+  "RIGHT",
+  "DOWN",
+  "INSERT",
+  "DELETE",
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  "A",
+  "B",
+  "C",
+  "D",
+  "E",
+  "F",
+  "G",
+  "H",
+  "I",
+  "J",
+  "K",
+  "L",
+  "M",
+  "N",
+  "O",
+  "P",
+  "Q",
+  "R",
+  "S",
+  "T",
+  "U",
+  "V",
+  "W",
+  "X",
+  "Y",
+  "Z",
+  "F1",
+  "F2",
+  "F3",
+  "F4",
+  "F5",
+  "F6",
+  "F7",
+  "F8",
+  "F9",
+  "F10",
+  "F11",
+  "F12",
+  "NUMPAD0",
+  "NUMPAD1",
+  "NUMPAD2",
+  "NUMPAD3",
+  "NUMPAD4",
+  "NUMPAD5",
+  "NUMPAD6",
+  "NUMPAD7",
+  "NUMPAD8",
+  "NUMPAD9",
+  "MULTIPLY",
+  "ADD",
+  "SUBTRACT",
+  "DECIMAL",
+  "DIVIDE",
+  "NUMPADENTER",
+  "LSHIFT",
+  "RSHIFT",
+  "LCONTROL",
+  "RCONTROL",
+  "LMENU",
+  "RMENU",
+  "LWIN",
+  "RWIN",
+  "APPS",
+  "NUMLOCK",
+  "SCROLL",
+  "OEM_1",
+  "SEMICOLON",
+  "EQUALS",
+  "PLUS",
+  "COMMA",
+  "MINUS",
+  "PERIOD",
+  "SLASH",
+  "OEM_2",
+  "OEM_3",
+  "GRAVE",
+  "LBRACKET",
+  "OEM_4",
+  "BACKSLASH",
+  "OEM_5",
+  "RBRACKET",
+  "OEM_6",
+  "APOSTROPHE",
+  "OEM_7",
+  "OEM_102"
+];
+var MOUSE_BUTTON_KEYS = [
+  "MOUSE_LEFT",
+  "MOUSE_RIGHT",
+  "MOUSE_MIDDLE",
+  "MOUSE_EXTRABTN1",
+  "MOUSE_EXTRABTN2",
+  "MOUSE_EXTRABTN3",
+  "MOUSE_EXTRABTN4",
+  "MOUSE_EXTRABTN5",
+  "IOM_WHEEL_UP",
+  "IOM_WHEEL_DOWN"
+];
+var MOUSE_WHEEL_KEYS = ["IOM_WHEEL_UP", "IOM_WHEEL_DOWN"];
+var MOUSE_AXIS_KEYS = [
+  "IOM_AXIS_X",
+  "IOM_AXIS_Y",
+  "IOM_AXIS_WHEEL",
+  "IOM_AXIS_WHEEL_DELTA",
+  "IOM_AXIS_WHEEL_RELATIVE",
+  "IOM_IAXIS_X",
+  "IOM_IAXIS_Y",
+  "IOM_IAXIS_WHEEL",
+  "IOM_IAXIS_WHEEL_DELTA",
+  "IOM_IAXIS_WHEEL_RELATIVE",
+  "IOM_AXIS_X_LEFT",
+  "IOM_AXIS_X_RIGHT",
+  "IOM_AXIS_Y_UP",
+  "IOM_AXIS_Y_DOWN",
+  "BASIC_MOUSE_AXIS_MAX",
+  "MOUSE_AXIS_MAX"
+];
+var PAD_BUTTON_KEYS = [
+  "L1_INDEX",
+  "R1_INDEX",
+  "L2_INDEX",
+  "R2_INDEX",
+  "L3_INDEX",
+  "R3_INDEX",
+  "LUP_INDEX",
+  "LRIGHT_INDEX",
+  "LDOWN_INDEX",
+  "LLEFT_INDEX",
+  "RUP_INDEX",
+  "RRIGHT_INDEX",
+  "RDOWN_INDEX",
+  "RLEFT_INDEX",
+  "SELECT_INDEX",
+  "START_INDEX",
+  "TOUCH_INDEX"
+];
+var PAD_DEBUG_KEYS = [
+  "L1",
+  "R1",
+  "L2",
+  "R2",
+  "L3",
+  "R3",
+  "LUP",
+  "LRIGHT",
+  "LDOWN",
+  "LLEFT",
+  "RUP",
+  "RRIGHT",
+  "RDOWN",
+  "RLEFT",
+  "SELECT",
+  "START",
+  "TOUCH"
+];
+var PAD_AXIS_KEYS = [
+  "IOM_AXIS_LX",
+  "IOM_AXIS_LY",
+  "IOM_AXIS_RX",
+  "IOM_AXIS_RY",
+  "IOM_AXIS_LUP",
+  "IOM_AXIS_LDOWN",
+  "IOM_AXIS_LLEFT",
+  "IOM_AXIS_LRIGHT",
+  "IOM_AXIS_LUR",
+  "IOM_AXIS_LUL",
+  "IOM_AXIS_LDR",
+  "IOM_AXIS_LDL",
+  "IOM_AXIS_RUP",
+  "IOM_AXIS_RDOWN",
+  "IOM_AXIS_RLEFT",
+  "IOM_AXIS_RRIGHT",
+  "IOM_AXIS_RUR",
+  "IOM_AXIS_RUL",
+  "IOM_AXIS_RDR",
+  "IOM_AXIS_RDL",
+  "IOM_AXIS_DPADX",
+  "IOM_AXIS_DPADY",
+  "IOM_AXIS_LY_UP",
+  "IOM_AXIS_LY_DOWN",
+  "IOM_AXIS_LX_LEFT",
+  "IOM_AXIS_LX_RIGHT",
+  "IOM_AXIS_RY_UP",
+  "IOM_AXIS_RY_DOWN",
+  "IOM_AXIS_RX_LEFT",
+  "IOM_AXIS_RX_RIGHT"
+];
+var JOYSTICK_AXIS_KEYS = Array.from({ length: 8 }, (_, i) => `IOM_JOYSTICK_AXIS${i + 1}`);
+var JOYSTICK_BUTTON_KEYS = Array.from({ length: 32 }, (_, i) => `IOM_JOYSTICK_BUTTON${i + 1}`);
+var JOYSTICK_POV_KEYS = Array.from({ length: 4 }, (_, p) => {
+  const idx = p + 1;
+  return [
+    `IOM_POV${idx}_UP`,
+    `IOM_POV${idx}_RIGHT`,
+    `IOM_POV${idx}_DOWN`,
+    `IOM_POV${idx}_LEFT`
+  ];
+}).flat();
+var INPUT_MAPPER_KEYS_BY_PRIMARY = {
+  DIGITALBUTTON_AXIS: [],
+  GAME_CONTROLLED: [],
+  JOYSTICK_AXIS: [...JOYSTICK_AXIS_KEYS],
+  JOYSTICK_AXIS_NEGATIVE: [...JOYSTICK_AXIS_KEYS],
+  JOYSTICK_AXIS_POSITIVE: [...JOYSTICK_AXIS_KEYS],
+  JOYSTICK_BUTTON: [...JOYSTICK_BUTTON_KEYS],
+  JOYSTICK_IAXIS: [...JOYSTICK_AXIS_KEYS],
+  JOYSTICK_POV: [...JOYSTICK_POV_KEYS],
+  JOYSTICK_POV_AXIS: [...JOYSTICK_POV_KEYS],
+  KEYBOARD: [...KEYBOARD_KEYS],
+  MKB_AXIS: [],
+  MOUSE_ABSOLUTEAXIS: [...MOUSE_AXIS_KEYS],
+  MOUSE_BUTTON: [...MOUSE_BUTTON_KEYS],
+  MOUSE_CENTEREDAXIS: [...MOUSE_AXIS_KEYS],
+  MOUSE_NORMALIZED: [...MOUSE_AXIS_KEYS],
+  MOUSE_RELATIVEAXIS: [...MOUSE_AXIS_KEYS],
+  MOUSE_SCALEDAXIS: [...MOUSE_AXIS_KEYS],
+  MOUSE_WHEEL: [...MOUSE_WHEEL_KEYS],
+  PAD_ANALOGBUTTON: [...PAD_BUTTON_KEYS],
+  PAD_AXIS: [...PAD_AXIS_KEYS],
+  PAD_DEBUGBUTTON: [...PAD_DEBUG_KEYS],
+  PAD_DIGITALBUTTON: [...PAD_BUTTON_KEYS],
+  TOUCHPAD_ABSOLUTE_AXIS: [],
+  TOUCHPAD_CENTERED_AXIS: []
+};
 function BorderedIcon(props) {
   const theme = useMantineTheme();
   return /* @__PURE__ */ jsx(
@@ -1181,6 +2526,195 @@ function LevelPanel(props) {
     }
   );
 }
+function Modal({
+  title,
+  icon: Icon,
+  iconColor,
+  description,
+  badge,
+  onClose,
+  width = "52vh",
+  maxHeight = "85vh",
+  height,
+  zIndex = 100,
+  clickOutside = true,
+  children
+}) {
+  const theme = useMantineTheme();
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "rgba(0,0,0,0.65)"
+      },
+      onClick: clickOutside ? onClose : void 0,
+      children: /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          initial: { opacity: 0, scale: 0.96, y: 8 },
+          animate: { opacity: 1, scale: 1, y: 0 },
+          exit: { opacity: 0, scale: 0.96, y: 8 },
+          transition: { duration: 0.18, ease: "easeOut" },
+          onClick: (e) => e.stopPropagation(),
+          style: {
+            background: alpha(theme.colors.dark[9], 0.98),
+            border: `0.1vh solid ${theme.colors.dark[7]}`,
+            borderRadius: theme.radius.sm,
+            width,
+            maxHeight,
+            height,
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden",
+            userSelect: "none"
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                justify: "space-between",
+                align: "center",
+                px: "sm",
+                py: "xs",
+                style: {
+                  borderBottom: `0.1vh solid ${theme.colors.dark[7]}`,
+                  flexShrink: 0
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", children: [
+                    Icon && /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        color: iconColor ?? "rgba(255,255,255,0.6)",
+                        size: "2vh"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        ff: "Akrobat Bold",
+                        size: "sm",
+                        tt: "uppercase",
+                        lts: "0.06em",
+                        c: "rgba(255,255,255,0.85)",
+                        children: title
+                      }
+                    ),
+                    badge && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          background: alpha(badge.color, 0.12),
+                          border: `0.1vh solid ${alpha(badge.color, 0.35)}`,
+                          borderRadius: theme.radius.xs,
+                          padding: `0 ${theme.spacing.xxs}`
+                        },
+                        children: /* @__PURE__ */ jsx(
+                          Text,
+                          {
+                            ff: "Akrobat Bold",
+                            size: "xxs",
+                            tt: "uppercase",
+                            lts: "0.06em",
+                            c: badge.color,
+                            children: badge.label
+                          }
+                        )
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    motion.button,
+                    {
+                      onClick: onClose,
+                      whileHover: { background: alpha(theme.colors.dark[7], 0.5) },
+                      style: {
+                        background: "transparent",
+                        border: "none",
+                        cursor: "pointer",
+                        padding: theme.spacing.xxs,
+                        borderRadius: theme.radius.xs,
+                        display: "flex"
+                      },
+                      children: /* @__PURE__ */ jsx(X, { color: "rgba(255,255,255,0.4)" })
+                    }
+                  )
+                ]
+              }
+            ),
+            description && /* @__PURE__ */ jsx(Flex, { px: "sm", pt: "xs", children: /* @__PURE__ */ jsx(
+              Text,
+              {
+                ff: "Akrobat Regular",
+                size: "xs",
+                c: "rgba(255,255,255,0.65)",
+                style: { lineHeight: 1.5 },
+                children: description
+              }
+            ) }),
+            children
+          ]
+        }
+      )
+    }
+  ) });
+}
+function PromptModal(props) {
+  const theme = useMantineTheme();
+  return /* @__PURE__ */ jsxs(
+    MotionFlex,
+    {
+      gap: "sm",
+      direction: "column",
+      flex: 1,
+      children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "xs",
+            c: "rgba(255, 255, 255, 0.8)",
+            children: props.message
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Flex,
+          {
+            gap: "sm",
+            children: props.buttons.map((button, index) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: button.variant,
+                color: button.color,
+                flex: 0.5,
+                onClick: button.onClick,
+                leftSection: button.icon ? /* @__PURE__ */ jsx(
+                  FontAwesomeIcon,
+                  {
+                    icon: button.icon,
+                    style: {
+                      fontSize: theme.fontSizes.xs
+                    }
+                  }
+                ) : void 0,
+                children: button.text
+              },
+              index
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
 var ModalContext = createContext(null);
 function useModal(selector) {
   const modal = useContext(ModalContext);
@@ -1189,14 +2723,35 @@ function useModal(selector) {
   }
   return useStore(modal, selector);
 }
-function ModalProvider({ children, defaultPage }) {
+function StoreModal() {
+  const active = useModal((state) => state.active);
+  const { hideModal } = useModalActions();
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: active && /* @__PURE__ */ jsx(
+    Modal,
+    {
+      title: active.title,
+      icon: active.icon,
+      iconColor: active.iconColor,
+      description: active.description,
+      badge: active.badge,
+      onClose: hideModal,
+      width: active.width,
+      maxHeight: active.maxHeight,
+      height: active.height,
+      zIndex: active.zIndex,
+      clickOutside: active.clickOutside,
+      children: active.children
+    }
+  ) });
+}
+function ModalProvider({ children }) {
   const storeRef = useRef(
     create(() => ({
       active: null
     }))
   );
   return /* @__PURE__ */ jsxs(ModalContext.Provider, { value: storeRef.current, children: [
-    /* @__PURE__ */ jsx(Modal, {}),
+    /* @__PURE__ */ jsx(StoreModal, {}),
     children
   ] });
 }
@@ -1211,173 +2766,1300 @@ function useModalActions() {
   };
   return { showModal, hideModal };
 }
-function Modal() {
-  const active = useModal((state) => state.active);
-  const { hideModal } = useModalActions();
-  const ref = useClickOutside(() => {
-    if (!active) return;
-    if (active.clickOutside == false) return;
-    if (active) {
-      hideModal();
-    }
-  });
+function ConfirmModal({
+  title,
+  description,
+  confirmLabel = "Delete",
+  confirmText,
+  onConfirm,
+  onClose,
+  zIndex = 200
+}) {
   const theme = useMantineTheme();
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: active && /* @__PURE__ */ jsx(
-    MotionFlex,
+  const [typed, setTyped] = useState("");
+  const canConfirm = !confirmText || typed === confirmText;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    motion.div,
     {
-      h: "100%",
-      w: "100%",
-      bg: "rgba(0, 0, 0, 0.3)",
-      pos: "absolute",
-      style: {
-        zIndex: 2e3,
-        filter: "drop-shadow(0 0 2vh black)"
-      },
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      align: "center",
-      justify: "center",
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "rgba(0,0,0,0.7)"
+      },
+      onClick: onClose,
       children: /* @__PURE__ */ jsxs(
-        MotionFlex,
+        motion.div,
         {
-          pos: "absolute",
-          top: "50%",
-          left: "50%",
-          ref,
-          w: active.width || "40%",
+          initial: { opacity: 0, scale: 0.95, y: 8 },
+          animate: { opacity: 1, scale: 1, y: 0 },
+          exit: { opacity: 0, scale: 0.95, y: 8 },
+          transition: { duration: 0.18, ease: "easeOut" },
+          onClick: (e) => e.stopPropagation(),
           style: {
-            transform: "translate(-50%, -50%)",
-            borderRadius: theme.radius.xs,
-            boxShadow: theme.shadows.xl,
-            zIndex: 2100
+            background: alpha(theme.colors.dark[9], 0.98),
+            border: `0.1vh solid ${alpha("#ef4444", 0.3)}`,
+            borderRadius: theme.radius.sm,
+            width: "44vh",
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden"
           },
-          bg: alpha(theme.colors.dark[9], 0.9),
-          initial: { scale: 0.8, opacity: 0, transform: "translate(-50%, -50%)" },
-          animate: { scale: 1, opacity: 1, transform: "translate(-50%, -50%)" },
-          exit: { scale: 0.8, opacity: 0, transform: "translate(-50%, -50%)" },
-          p: "sm",
-          direction: "column",
-          maw: "70%",
-          gap: "xs",
           children: [
             /* @__PURE__ */ jsxs(
               Flex,
               {
-                direction: "column",
-                w: "100%",
+                justify: "space-between",
+                align: "center",
+                px: "sm",
+                py: "xs",
+                style: {
+                  borderBottom: `0.1vh solid ${alpha("#ef4444", 0.2)}`,
+                  background: alpha("#ef4444", 0.06),
+                  flexShrink: 0
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", children: [
+                    /* @__PURE__ */ jsx(AlertTriangle, { size: "1.8vh", color: "#ef4444" }),
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        ff: "Akrobat Bold",
+                        size: "sm",
+                        tt: "uppercase",
+                        lts: "0.05em",
+                        c: "#ef4444",
+                        children: title
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    motion.button,
+                    {
+                      onClick: onClose,
+                      whileHover: { background: alpha(theme.colors.dark[7], 0.5) },
+                      style: {
+                        background: "transparent",
+                        border: "none",
+                        cursor: "pointer",
+                        padding: theme.spacing.xxs,
+                        borderRadius: theme.radius.xs,
+                        display: "flex"
+                      },
+                      children: /* @__PURE__ */ jsx(X, { color: "rgba(255,255,255,0.4)" })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "sm", p: "sm", children: [
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  ff: "Akrobat Regular",
+                  size: "xs",
+                  c: "rgba(255,255,255,0.65)",
+                  style: { lineHeight: 1.5 },
+                  children: description
+                }
+              ),
+              confirmText && /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "xxs", children: [
+                /* @__PURE__ */ jsxs(
+                  Text,
+                  {
+                    ff: "Akrobat Bold",
+                    size: "xxs",
+                    tt: "uppercase",
+                    lts: "0.07em",
+                    c: "rgba(255,255,255,0.35)",
+                    children: [
+                      "Type",
+                      " ",
+                      /* @__PURE__ */ jsx(Text, { component: "span", ff: "Akrobat Bold", c: "#ef4444", children: confirmText }),
+                      " ",
+                      "to confirm"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    size: "xs",
+                    placeholder: confirmText,
+                    value: typed,
+                    onChange: (e) => setTyped(e.currentTarget.value),
+                    styles: (t) => ({
+                      input: {
+                        backgroundColor: alpha(t.colors.dark[7], 0.5),
+                        border: `0.1vh solid ${alpha(
+                          typed === confirmText ? "#ef4444" : t.colors.dark[5],
+                          0.5
+                        )}`,
+                        color: "rgba(255,255,255,0.85)",
+                        fontFamily: "Akrobat Regular"
+                      }
+                    }),
+                    autoFocus: true
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                justify: "flex-end",
+                gap: "xs",
+                px: "sm",
+                py: "sm",
+                style: {
+                  borderTop: `0.1vh solid ${theme.colors.dark[7]}`,
+                  flexShrink: 0
+                },
                 children: [
                   /* @__PURE__ */ jsxs(
-                    Flex,
+                    motion.button,
                     {
-                      w: "100%",
-                      align: "center",
-                      gap: "xs",
+                      onClick: onClose,
+                      whileHover: { background: alpha(theme.colors.dark[7], 0.5) },
+                      whileTap: { scale: 0.97 },
+                      style: {
+                        background: "transparent",
+                        border: `0.1vh solid ${theme.colors.dark[6]}`,
+                        borderRadius: theme.radius.xs,
+                        padding: "0.5vh 1vh",
+                        cursor: "pointer",
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.4vh"
+                      },
                       children: [
-                        active.icon && /* @__PURE__ */ jsx(
-                          FontAwesomeIcon,
-                          {
-                            icon: active.icon,
-                            style: {
-                              fontSize: theme.fontSizes.xs
-                            }
-                          }
-                        ),
+                        /* @__PURE__ */ jsx(X, { size: "1.4vh", color: "rgba(255,255,255,0.4)" }),
                         /* @__PURE__ */ jsx(
                           Text,
                           {
-                            size: "sm",
-                            children: active.title
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          MotionIcon,
-                          {
-                            icon: "times",
-                            color: "rgba(255, 255, 255, 0.7)",
-                            whileHover: {
-                              scale: 1.1,
-                              filter: "brightness(1.2)"
-                            },
-                            style: {
-                              marginLeft: "auto",
-                              cursor: "pointer",
-                              fontSize: theme.fontSizes.sm
-                            },
-                            onClick: () => {
-                              hideModal();
-                            }
+                            ff: "Akrobat Bold",
+                            size: "xxs",
+                            tt: "uppercase",
+                            lts: "0.05em",
+                            c: "rgba(255,255,255,0.4)",
+                            children: "Cancel"
                           }
                         )
                       ]
                     }
                   ),
-                  active.description && /* @__PURE__ */ jsx(
-                    Text,
+                  /* @__PURE__ */ jsxs(
+                    motion.button,
                     {
-                      size: "xs",
-                      c: "rgba(255, 255, 255, 0.7)",
-                      children: active.description
+                      onClick: () => {
+                        if (canConfirm) {
+                          onConfirm();
+                          onClose();
+                        }
+                      },
+                      whileHover: canConfirm ? {
+                        background: alpha("#ef4444", 0.22),
+                        borderColor: alpha("#ef4444", 0.6)
+                      } : void 0,
+                      whileTap: canConfirm ? { scale: 0.97 } : void 0,
+                      style: {
+                        background: alpha("#ef4444", canConfirm ? 0.14 : 0.05),
+                        border: `0.1vh solid ${alpha(
+                          "#ef4444",
+                          canConfirm ? 0.45 : 0.15
+                        )}`,
+                        borderRadius: theme.radius.xs,
+                        padding: "0.5vh 1vh",
+                        cursor: canConfirm ? "pointer" : "not-allowed",
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.4vh",
+                        opacity: canConfirm ? 1 : 0.45,
+                        transition: "opacity 0.15s"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(Trash2, { size: "1.4vh", color: "#ef4444" }),
+                        /* @__PURE__ */ jsx(
+                          Text,
+                          {
+                            ff: "Akrobat Bold",
+                            size: "xxs",
+                            tt: "uppercase",
+                            lts: "0.05em",
+                            c: "#ef4444",
+                            children: confirmLabel
+                          }
+                        )
+                      ]
                     }
                   )
                 ]
               }
-            ),
-            active.children
+            )
           ]
         }
       )
     }
   ) });
 }
-function PromptModal(props) {
+function getNested(obj, path) {
+  return path.split(".").reduce((acc, key) => acc ? acc[key] : void 0, obj);
+}
+function setNested(obj, path, value) {
+  const keys = path.split(".");
+  const root = Array.isArray(obj) ? [...obj] : { ...obj };
+  let current = root;
+  for (let i = 0; i < keys.length - 1; i++) {
+    const key = keys[i];
+    const nextKey = keys[i + 1];
+    const isIndex = !isNaN(Number(nextKey));
+    const existing = current[key];
+    current[key] = existing != null ? Array.isArray(existing) ? [...existing] : { ...existing } : isIndex ? [] : {};
+    current = current[key];
+  }
+  current[keys[keys.length - 1]] = value;
+  return root;
+}
+function deleteNested(obj, path) {
+  const keys = path.split(".");
+  const newObj = { ...obj };
+  let current = newObj;
+  for (let i = 0; i < keys.length - 1; i++) {
+    const key = keys[i];
+    if (!current[key]) return obj;
+    current[key] = { ...current[key] };
+    current = current[key];
+  }
+  delete current[keys[keys.length - 1]];
+  return newObj;
+}
+function isPlainObject(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) && !(value instanceof Date);
+}
+function collectChangedPaths(values, initial, prefix = "") {
+  if (Object.is(values, initial)) return [];
+  const valuesIsObj = isPlainObject(values);
+  const initialIsObj = isPlainObject(initial);
+  const valuesIsArr = Array.isArray(values);
+  const initialIsArr = Array.isArray(initial);
+  if (valuesIsArr || initialIsArr) {
+    const maxLen = Math.max(values?.length ?? 0, initial?.length ?? 0);
+    const fields = [];
+    for (let i = 0; i < maxLen; i++) {
+      const nextPrefix = prefix ? `${prefix}.${i}` : `${i}`;
+      fields.push(...collectChangedPaths(values?.[i], initial?.[i], nextPrefix));
+    }
+    return fields;
+  }
+  if (valuesIsObj || initialIsObj) {
+    const keys = /* @__PURE__ */ new Set([
+      ...Object.keys(values ?? {}),
+      ...Object.keys(initial ?? {})
+    ]);
+    const fields = [];
+    for (const key of keys) {
+      const nextPrefix = prefix ? `${prefix}.${key}` : key;
+      fields.push(...collectChangedPaths(values?.[key], initial?.[key], nextPrefix));
+    }
+    return fields;
+  }
+  return prefix ? [prefix] : [];
+}
+function computeChangedState(values, initialVals) {
+  const fields = collectChangedPaths(values, initialVals);
+  let partial = {};
+  for (const path of fields) {
+    partial = setNested(partial, path, getNested(values, path));
+  }
+  return { fields, partial };
+}
+function flattenRules(rules, prefix = "") {
+  const result = {};
+  for (const key in rules) {
+    const fullPath = prefix ? `${prefix}.${key}` : key;
+    const val = rules[key];
+    if (typeof val === "function") result[fullPath] = val;
+    else if (typeof val === "object")
+      Object.assign(result, flattenRules(val, fullPath));
+  }
+  return result;
+}
+async function runRule(rule, value, values) {
+  const result = rule(value, values);
+  return result instanceof Promise ? await result : result;
+}
+function createFormStore(initialValues, validationRules, onSubmit) {
+  const flatRules = validationRules ? flattenRules(validationRules) : {};
+  const history = [];
+  const future = [];
+  const changed = /* @__PURE__ */ new Set();
+  return createStore((set, get) => ({
+    initialValues,
+    values: initialValues,
+    errors: {},
+    partialChanged: {},
+    canBack: false,
+    canForward: false,
+    changedFields: [],
+    changedCount: 0,
+    onSubmit,
+    submit: async () => {
+      const state = get();
+      const isValid = await state.validate();
+      if (isValid && state.onSubmit) {
+        state.onSubmit(get());
+      }
+    },
+    getInputProps: (path) => {
+      return {
+        value: getNested(get().values, path) ?? "",
+        error: get().errors[path],
+        onChange: (e) => {
+          get().setValue(path, e.target.value, { validate: true });
+        }
+      };
+    },
+    resetChangeCount: () => {
+      changed.clear();
+      set({ changedFields: [], changedCount: 0, partialChanged: {} });
+    },
+    setInitialValues: (newInitialValues) => set({ initialValues: newInitialValues }),
+    setValue: (path, value, options) => {
+      const state = get();
+      const currentValues = state.values;
+      const newValues = setNested(currentValues, path, value);
+      const oldValue = getNested(state.initialValues, path);
+      const hasChanged = value !== oldValue;
+      history.push(currentValues);
+      future.length = 0;
+      let newPartial = state.partialChanged;
+      if (hasChanged) {
+        changed.add(path);
+        newPartial = setNested(newPartial, path, value);
+      } else {
+        changed.delete(path);
+        newPartial = deleteNested(newPartial, path);
+      }
+      set({
+        values: newValues,
+        partialChanged: newPartial,
+        canBack: history.length > 0,
+        canForward: false,
+        changedFields: Array.from(changed),
+        changedCount: changed.size
+      });
+      if (!options?.validate) return;
+      const rule = flatRules[path];
+      if (!rule) return;
+      Promise.resolve(runRule(rule, value, newValues)).then((error) => {
+        if (error)
+          set((s) => ({ errors: setNested(s.errors, path, error) }));
+        else
+          set((s) => ({ errors: deleteNested(s.errors, path) }));
+      });
+    },
+    setError: (path, message) => set((s) => ({ errors: setNested(s.errors, path, message) })),
+    clearError: (path) => set((s) => ({ errors: deleteNested(s.errors, path) })),
+    validateField: async (path) => {
+      const state = get();
+      const rule = flatRules[path];
+      if (!rule) return true;
+      const value = getNested(state.values, path);
+      const error = await runRule(rule, value, state.values);
+      if (error) {
+        set((s) => ({ errors: setNested(s.errors, path, error) }));
+        return false;
+      }
+      set((s) => ({ errors: deleteNested(s.errors, path) }));
+      return true;
+    },
+    validate: async () => {
+      const state = get();
+      let isValid = true;
+      let newErrors = {};
+      for (const path in flatRules) {
+        const rule = flatRules[path];
+        const value = getNested(state.values, path);
+        const error = await runRule(rule, value, state.values);
+        if (error) {
+          isValid = false;
+          newErrors = setNested(newErrors, path, error);
+        }
+      }
+      set({ errors: newErrors });
+      return isValid;
+    },
+    reset: () => {
+      history.length = 0;
+      future.length = 0;
+      changed.clear();
+      set({
+        values: get().initialValues,
+        errors: {},
+        partialChanged: {},
+        canBack: false,
+        canForward: false,
+        changedFields: [],
+        changedCount: 0
+      });
+    },
+    reinitialize: (newValues) => {
+      history.length = 0;
+      future.length = 0;
+      changed.clear();
+      set({
+        values: newValues,
+        initialValues: newValues,
+        errors: {},
+        partialChanged: {},
+        canBack: false,
+        canForward: false,
+        changedFields: [],
+        changedCount: 0
+      });
+    },
+    back: () => {
+      if (!history.length) return;
+      const prev = history.pop();
+      future.push(get().values);
+      const { fields, partial } = computeChangedState(prev, get().initialValues);
+      set({
+        values: prev,
+        partialChanged: partial,
+        canBack: history.length > 0,
+        canForward: true,
+        changedFields: fields,
+        changedCount: fields.length
+      });
+    },
+    forward: () => {
+      if (!future.length) return;
+      const next = future.pop();
+      history.push(get().values);
+      const { fields, partial } = computeChangedState(next, get().initialValues);
+      set({
+        values: next,
+        partialChanged: partial,
+        canBack: true,
+        canForward: future.length > 0,
+        changedFields: fields,
+        changedCount: fields.length
+      });
+    }
+  }));
+}
+var FormContext = createContext(null);
+function FormProvider({
+  initialValues,
+  validate,
+  onSubmit,
+  children
+}) {
+  const storeRef = useRef(
+    createFormStore(initialValues, validate, onSubmit)
+  );
+  return /* @__PURE__ */ jsx(FormContext.Provider, { value: storeRef.current, children });
+}
+function useForm() {
+  const store = useContext(FormContext);
+  if (!store) {
+    throw new Error("useForm must be used inside <FormProvider>");
+  }
+  const state = useStore(store);
+  const changedFields = useMemo(() => {
+    return collectChangedPaths(state.values, state.initialValues);
+  }, [state.values, state.initialValues]);
+  return { ...state, changedFields, changedCount: changedFields.length };
+}
+function getScriptSettingsInstance() {
+  throw new Error("[dirk-cfx-react] createScriptSettings must be called before using SettingsPanel");
+}
+var settingsPanelQueryClient = new QueryClient({
+  defaultOptions: { queries: { staleTime: 3e4, gcTime: 5 * 6e4 } }
+});
+function NavItemButton({
+  icon: Icon,
+  label,
+  active,
+  onClick
+}) {
   const theme = useMantineTheme();
+  const color = theme.colors[theme.primaryColor][5];
   return /* @__PURE__ */ jsxs(
-    MotionFlex,
+    motion.button,
     {
-      gap: "sm",
-      direction: "column",
-      flex: 1,
+      onClick,
+      whileHover: { background: active ? alpha(color, 0.15) : "rgba(255,255,255,0.04)" },
+      whileTap: { scale: 0.97 },
+      style: {
+        width: "100%",
+        background: active ? alpha(color, 0.12) : "transparent",
+        border: "none",
+        borderLeft: `0.2vh solid ${active ? color : "transparent"}`,
+        borderRadius: `0 ${theme.radius.xs} ${theme.radius.xs} 0`,
+        padding: "0.7vh 1vh",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        gap: "0.7vh",
+        transition: "border-color 0.15s, background 0.15s"
+      },
       children: [
-        /* @__PURE__ */ jsx(
-          Text,
+        /* @__PURE__ */ jsx(Icon, { color: active ? color : "rgba(255,255,255,0.35)" }),
+        /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.06em", c: active ? color : "rgba(255,255,255,0.35)", children: label }),
+        active && /* @__PURE__ */ jsx(
+          motion.div,
           {
-            size: "xs",
-            c: "rgba(255, 255, 255, 0.8)",
-            children: props.message
+            layoutId: "nav-active-dot",
+            style: { marginLeft: "auto", width: "0.4vh", height: "0.4vh", borderRadius: "50%", background: color }
           }
-        ),
+        )
+      ]
+    }
+  );
+}
+function SettingsJsonModal({
+  onClose,
+  schema
+}) {
+  const theme = useMantineTheme();
+  const color = theme.colors[theme.primaryColor][5];
+  const form = useForm();
+  const [json, setJson] = useState(() => JSON.stringify(form.values, null, 2));
+  const [error, setError] = useState(null);
+  const handleSave = () => {
+    try {
+      const parsed = JSON.parse(json);
+      if (schema) {
+        const result = schema.safeParse(parsed);
+        if (!result.success) {
+          setError(result.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join("\n"));
+          return;
+        }
+        const current = form.values;
+        Object.keys(result.data).forEach((key) => {
+          if (JSON.stringify(result.data[key]) !== JSON.stringify(current[key])) {
+            form.setValue(key, result.data[key]);
+          }
+        });
+      } else {
+        const current = form.values;
+        Object.keys(parsed).forEach((key) => {
+          if (JSON.stringify(parsed[key]) !== JSON.stringify(current[key])) {
+            form.setValue(key, parsed[key]);
+          }
+        });
+      }
+      onClose();
+    } catch (e) {
+      setError(e.message);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Modal, { title: "Settings JSON", 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,
+        {
+          value: json,
+          spellCheck: false,
+          onChange: setJson,
+          rows: 22,
+          formatOnBlur: true,
+          validationError: "Invalid JSON",
+          styles: () => ({
+            input: { fontFamily: "monospace", fontSize: "1.3vh", lineHeight: 1.6, resize: "none" }
+          })
+        }
+      ),
+      error && /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "#ef4444", mt: "xxs", children: error })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { justify: "flex-end", gap: "xs", px: "sm", py: "xs", style: { borderTop: `0.1vh solid ${theme.colors.dark[7]}`, flexShrink: 0 }, children: [
+      /* @__PURE__ */ jsxs(
+        motion.button,
+        {
+          onClick: onClose,
+          whileHover: { background: alpha(theme.colors.dark[7], 0.5) },
+          whileTap: { scale: 0.97 },
+          style: { background: "transparent", border: `0.1vh solid ${theme.colors.dark[6]}`, borderRadius: theme.radius.xs, padding: `${theme.spacing.xxs} ${theme.spacing.xs}`, cursor: "pointer", display: "flex", alignItems: "center", gap: theme.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__ */ jsxs(
+        motion.button,
+        {
+          onClick: handleSave,
+          whileHover: { background: alpha(color, 0.25) },
+          whileTap: { scale: 0.97 },
+          style: { background: alpha(color, 0.14), border: `0.1vh solid ${alpha(color, 0.4)}`, borderRadius: theme.radius.xs, padding: `${theme.spacing.xxs} ${theme.spacing.xs}`, cursor: "pointer", display: "flex", alignItems: "center", gap: theme.spacing.xxs },
+          children: [
+            /* @__PURE__ */ jsx(Check, { color }),
+            /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: color, children: "Apply" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function formatValue(value) {
+  if (value === null) return "null";
+  if (value === void 0) return "undefined";
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function formatHistoryDateTime(entry) {
+  if (entry.at_unix) {
+    const date = new Date(entry.at_unix * 1e3);
+    if (!Number.isNaN(date.getTime())) {
+      return date.toLocaleString(void 0, { year: "numeric", month: "short", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" });
+    }
+  }
+  if (entry.at_utc) {
+    const date = new Date(entry.at_utc);
+    if (!Number.isNaN(date.getTime())) {
+      return date.toLocaleString(void 0, { year: "numeric", month: "short", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" });
+    }
+  }
+  return "Unknown time";
+}
+function historyEntryKey(entry, index) {
+  return `${entry.at_unix}-${entry.applied_version}-${index}`;
+}
+function ChangeDetails({ entry }) {
+  const theme = useMantineTheme();
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "0.45vh", p: "0.8vh", style: { border: `0.1vh solid ${alpha(theme.colors.dark[6], 0.8)}`, borderRadius: theme.radius.xs, background: alpha(theme.colors.dark[9], 0.35) }, children: [
+    /* @__PURE__ */ jsxs(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: [
+      "Version ",
+      entry.expected_version ?? "?",
+      " ",
+      "\u2192",
+      " ",
+      entry.applied_version ?? "?"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "minmax(18vh, 22vh) minmax(0, 1fr) minmax(0, 1fr)", gap: "0.1vh", border: `0.1vh solid ${alpha(theme.colors.dark[6], 0.9)}`, borderRadius: theme.radius.xs, overflow: "hidden", background: alpha(theme.colors.dark[6], 0.8) }, children: [
+      /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", px: "0.6vh", py: "0.45vh", style: { background: alpha(theme.colors.dark[8], 0.85) }, children: "Path" }),
+      /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", px: "0.6vh", py: "0.45vh", style: { background: alpha(theme.colors.dark[8], 0.85) }, children: "From" }),
+      /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", px: "0.6vh", py: "0.45vh", style: { background: alpha(theme.colors.dark[8], 0.85) }, children: "To" }),
+      (entry.changes || []).map((change, idx) => {
+        const bg = idx % 2 === 0 ? alpha(theme.colors.dark[9], 0.5) : alpha(theme.colors.dark[8], 0.42);
+        return [
+          /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "#8ad1ff", px: "0.6vh", py: "0.55vh", style: { background: bg, wordBreak: "break-word" }, children: change.path }, `${idx}-p`),
+          /* @__PURE__ */ jsx(Text, { ff: "monospace", size: "xxs", c: "rgba(255,255,255,0.5)", px: "0.6vh", py: "0.55vh", style: { background: bg, wordBreak: "break-word", whiteSpace: "pre-wrap" }, children: formatValue(change.old) }, `${idx}-o`),
+          /* @__PURE__ */ jsx(Text, { ff: "monospace", size: "xxs", c: "rgba(255,255,255,0.78)", px: "0.6vh", py: "0.55vh", style: { background: bg, wordBreak: "break-word", whiteSpace: "pre-wrap" }, children: formatValue(change.new) }, `${idx}-n`)
+        ];
+      })
+    ] })
+  ] });
+}
+function HistoryTableRow({ entry, expanded, onToggle }) {
+  const theme = useMantineTheme();
+  const admin = entry.admin?.name || entry.admin?.identifier || "unknown";
+  const firstPath = entry.changes?.[0]?.path || "-";
+  const changeCount = entry.changes?.length || 0;
+  const versionText = `${entry.expected_version ?? "?"} \u2192 ${entry.applied_version ?? "?"}`;
+  return /* @__PURE__ */ jsx(motion.div, { layout: true, initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.16, ease: "easeOut" }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "0.45vh", children: [
+    /* @__PURE__ */ jsx(
+      motion.button,
+      {
+        onClick: onToggle,
+        whileHover: { scale: 1.002 },
+        whileTap: { scale: 0.997 },
+        transition: { duration: 0.12 },
+        style: { background: expanded ? alpha(theme.colors.dark[7], 0.45) : alpha(theme.colors.dark[8], 0.35), border: `0.1vh solid ${expanded ? alpha(theme.colors[theme.primaryColor][5], 0.35) : alpha(theme.colors.dark[6], 0.75)}`, borderRadius: theme.radius.xs, padding: "0.65vh 0.75vh", cursor: "pointer", textAlign: "left" },
+        children: /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "2.2vh 20vh 12vh 6vh 1fr minmax(16vh, auto)", gap: "0.8vh", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(motion.div, { animate: { rotate: expanded ? 0 : -90 }, transition: { duration: 0.18, ease: "easeOut" }, children: /* @__PURE__ */ jsx(ChevronDown, { size: "1.5vh", color: expanded ? "rgba(255,255,255,0.6)" : "rgba(255,255,255,0.45)" }) }) }),
+          /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.75)", lineClamp: 1, children: formatHistoryDateTime(entry) }),
+          /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.68)", lineClamp: 1, children: admin }),
+          /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.68)", children: changeCount }),
+          /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.58)", lineClamp: 1, children: firstPath }),
+          /* @__PURE__ */ jsx(Text, { ff: "monospace", size: "xxs", c: "rgba(255,255,255,0.68)", children: versionText })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: expanded && /* @__PURE__ */ jsx(motion.div, { initial: { opacity: 0, height: 0, y: -4 }, animate: { opacity: 1, height: "auto", y: 0 }, exit: { opacity: 0, height: 0, y: -4 }, transition: { duration: 0.2, ease: "easeInOut" }, style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx(ChangeDetails, { entry }) }, "details") })
+  ] }) });
+}
+function HistoryTableHeader() {
+  const theme = useMantineTheme();
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "2.2vh 20vh 12vh 6vh 1fr minmax(16vh, auto)", gap: "0.8vh", alignItems: "center", border: `0.1vh solid ${alpha(theme.colors.dark[6], 0.8)}`, borderRadius: theme.radius.xs, background: alpha(theme.colors.dark[8], 0.55), padding: "0.55vh 0.75vh" }, children: [
+    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.35)", children: " " }),
+    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: "Time" }),
+    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: "Admin" }),
+    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: "#" }),
+    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: "First Change" }),
+    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: "Version" })
+  ] });
+}
+function SettingsHistoryModal({
+  onClose
+}) {
+  const { getHistory } = getScriptSettingsInstance();
+  const theme = useMantineTheme();
+  const color = theme.colors[theme.primaryColor][5];
+  const [queryInput, setQueryInput] = useState("");
+  const [pathInput, setPathInput] = useState("");
+  const [adminInput, setAdminInput] = useState("");
+  const [query, setQuery] = useState("");
+  const [path, setPath] = useState("");
+  const [admin, setAdmin] = useState("");
+  const [expandedKey, setExpandedKey] = useState(null);
+  const filters = useMemo(() => ({ query, path, admin }), [query, path, admin]);
+  const historyQuery = useInfiniteQuery({
+    queryKey: ["scriptSettingsHistory", filters],
+    initialPageParam: 0,
+    queryFn: async ({ pageParam }) => {
+      const response = await getHistory({
+        offset: pageParam,
+        limit: 25,
+        query: filters.query || void 0,
+        path: filters.path || void 0,
+        admin: filters.admin || void 0
+      });
+      if (!response?.success || !response.data) {
+        throw new Error(response?._error || "Failed to load settings history");
+      }
+      return response.data;
+    },
+    getNextPageParam: (lastPage) => lastPage.nextOffset
+  });
+  const rows = historyQuery.data?.pages.flatMap((page) => page.items) ?? [];
+  const total = historyQuery.data?.pages[0]?.total ?? 0;
+  const handleListScroll = (e) => {
+    const el = e.currentTarget;
+    if (el.scrollHeight - el.scrollTop - el.clientHeight < 280 && historyQuery.hasNextPage && !historyQuery.isFetchingNextPage) {
+      historyQuery.fetchNextPage();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Modal, { title: "Settings History", 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(theme.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 } }),
+        /* @__PURE__ */ jsx(TextInput, { leftSection: /* @__PURE__ */ jsx(Filter, { size: "1.4vh" }), placeholder: "Path filter (e.g. basic.weightUnit)", value: pathInput, onChange: (e) => setPathInput(e.currentTarget.value), size: "xs", style: { flex: 1 } }),
+        /* @__PURE__ */ jsx(TextInput, { leftSection: /* @__PURE__ */ jsx(User, { size: "1.4vh" }), placeholder: "Admin filter", value: adminInput, onChange: (e) => setAdminInput(e.currentTarget.value), size: "xs", style: { flex: 1 } }),
         /* @__PURE__ */ jsx(
-          Flex,
+          motion.button,
           {
-            gap: "sm",
-            children: props.buttons.map((button, index) => /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: button.variant,
-                color: button.color,
-                flex: 0.5,
-                onClick: button.onClick,
-                leftSection: button.icon ? /* @__PURE__ */ jsx(
-                  FontAwesomeIcon,
-                  {
-                    icon: button.icon,
-                    style: {
-                      fontSize: theme.fontSizes.xs
-                    }
-                  }
-                ) : void 0,
-                children: button.text
-              },
-              index
-            ))
+            onClick: () => {
+              setExpandedKey(null);
+              setQuery(queryInput.trim());
+              setPath(pathInput.trim().toLowerCase());
+              setAdmin(adminInput.trim().toLowerCase());
+            },
+            whileHover: { background: alpha(color, 0.2) },
+            whileTap: { scale: 0.97 },
+            style: { background: alpha(color, 0.12), border: `0.1vh solid ${alpha(color, 0.35)}`, borderRadius: theme.radius.xs, padding: "0.55vh 0.85vh", cursor: "pointer" },
+            children: /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: color, children: "Apply" })
           }
         )
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "xs", p: "sm", style: { flex: 1, minHeight: 0, overflowY: "auto" }, onScroll: handleListScroll, children: [
+        /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: historyQuery.isFetching && !historyQuery.data ? "Loading history..." : `${total} entries` }),
+        /* @__PURE__ */ jsx(HistoryTableHeader, {}),
+        historyQuery.isError && /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", c: "#ef4444", children: historyQuery.error.message }),
+        !historyQuery.isLoading && rows.length === 0 && !historyQuery.isError && /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", c: "rgba(255,255,255,0.45)", children: "No history found for current filters." }),
+        /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: rows.map((entry, index) => {
+          const key = historyEntryKey(entry, index);
+          return /* @__PURE__ */ jsx(HistoryTableRow, { entry, expanded: expandedKey === key, onToggle: () => setExpandedKey(expandedKey === key ? null : key) }, key);
+        }) }),
+        (historyQuery.isFetchingNextPage || historyQuery.isLoading) && /* @__PURE__ */ jsx(Flex, { justify: "center", py: "sm", children: /* @__PURE__ */ jsx(Loader, { size: "sm", color }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { justify: "flex-end", gap: "xs", px: "sm", py: "xs", style: { borderTop: `0.1vh solid ${theme.colors.dark[7]}`, flexShrink: 0 }, children: /* @__PURE__ */ jsxs(
+      motion.button,
+      {
+        onClick: onClose,
+        whileHover: { background: alpha(theme.colors.dark[7], 0.5) },
+        whileTap: { scale: 0.97 },
+        style: { background: "transparent", border: `0.1vh solid ${theme.colors.dark[6]}`, borderRadius: theme.radius.xs, padding: `${theme.spacing.xxs} ${theme.spacing.xs}`, cursor: "pointer", display: "flex", alignItems: "center", gap: theme.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" })
+        ]
+      }
+    ) })
+  ] });
+}
+function SettingsPanelInner({
+  navItems,
+  title,
+  subtitle,
+  children,
+  isSaving,
+  onClose,
+  schema,
+  resetConfirmText,
+  defaultSettings,
+  width,
+  height
+}) {
+  const { updateSettings, getHistory } = getScriptSettingsInstance();
+  const form = useForm();
+  const theme = useMantineTheme();
+  const color = theme.colors[theme.primaryColor][5];
+  const version = useSettings((s) => s.resourceVersion);
+  const [activeTab, setActiveTab] = useState(navItems[0]?.id ?? "");
+  const [jsonOpen, setJsonOpen] = useState(false);
+  const [historyOpen, setHistoryOpen] = useState(false);
+  const [resetOpen, setResetOpen] = useState(false);
+  const [closeConfirmOpen, setCloseConfirmOpen] = useState(false);
+  const changedCount = form.changedCount ?? 0;
+  const isDirty = changedCount > 0;
+  useEffect(() => {
+    function handleKeyDown(e) {
+      if (e.key !== "Escape") return;
+      if (isDirty) {
+        e.preventDefault();
+        setCloseConfirmOpen(true);
+        return;
+      }
+      onClose();
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isDirty, onClose]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { children: jsonOpen && /* @__PURE__ */ jsx(SettingsJsonModal, { onClose: () => setJsonOpen(false), schema }) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: historyOpen && /* @__PURE__ */ jsx(SettingsHistoryModal, { onClose: () => setHistoryOpen(false) }) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: resetOpen && /* @__PURE__ */ jsx(
+      ConfirmModal,
+      {
+        title: "Reset to Defaults",
+        description: "This will permanently reset ALL settings back to their defaults. Every setting you have configured will be overwritten. This cannot be undone.",
+        confirmLabel: "Reset Settings",
+        confirmText: resetConfirmText,
+        onConfirm: () => {
+          updateSettings(defaultSettings).then(() => form.reinitialize(cloneSettings(defaultSettings)));
+          setResetOpen(false);
+        },
+        onClose: () => setResetOpen(false),
+        zIndex: 300
+      }
+    ) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: closeConfirmOpen && /* @__PURE__ */ jsx(
+      ConfirmModal,
+      {
+        title: "Discard Unsaved Changes?",
+        description: "You have unsaved changes. Closing now will discard them.",
+        confirmLabel: "Close Without Saving",
+        onConfirm: () => {
+          setCloseConfirmOpen(false);
+          onClose();
+        },
+        onClose: () => setCloseConfirmOpen(false),
+        zIndex: 300
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      MotionFlex,
+      {
+        pos: "absolute",
+        left: "50%",
+        top: "50%",
+        bg: alpha(theme.colors.dark[9], 0.9),
+        w: width ?? "120vh",
+        h: height ?? "80vh",
+        bdrs: "sm",
+        style: {
+          userSelect: "none",
+          overflow: "hidden",
+          transform: "translate(-50%, -50%)",
+          boxShadow: "0 0 10px rgba(0,0,0,0.5)",
+          border: `0.1vh solid ${theme.colors.dark[7]}`
+        },
+        direction: "row",
+        initial: { scale: 0.3, opacity: 0, transform: "translate(-50%, -50%)" },
+        animate: { scale: 1, opacity: 1, transform: "translate(-50%, -50%)" },
+        exit: { scale: 0.3, opacity: 0, transform: "translate(-50%, -50%)" },
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { width: "18vh", flexShrink: 0, borderRight: `0.1vh solid ${alpha(theme.colors.dark[6], 0.8)}`, background: alpha(theme.colors.dark[8], 0.6), overflow: "hidden" }, children: [
+            /* @__PURE__ */ jsxs(Flex, { align: "baseline", gap: "0.3vh", px: "sm", py: "sm", style: { borderBottom: `0.1vh solid ${alpha(theme.colors.dark[6], 0.5)}`, flexShrink: 0 }, children: [
+              /* @__PURE__ */ jsx(Text, { size: "lg", ff: "Akrobat Bold", tt: "uppercase", children: title }),
+              subtitle && /* @__PURE__ */ jsx(Text, { tt: "uppercase", fw: 600, c: color, children: subtitle })
+            ] }),
+            /* @__PURE__ */ jsxs(Flex, { gap: "xxs", px: "xs", py: "xs", style: { borderBottom: `0.1vh solid ${alpha(theme.colors.dark[6], 0.4)}`, flexShrink: 0 }, children: [
+              /* @__PURE__ */ jsx(
+                motion.button,
+                {
+                  title: "Undo",
+                  onClick: () => form.canBack && form.back(),
+                  disabled: !form.canBack,
+                  whileHover: form.canBack ? { background: "rgba(255,255,255,0.07)" } : void 0,
+                  whileTap: form.canBack ? { scale: 0.97 } : void 0,
+                  style: { flex: 1, aspectRatio: "1 / 1", background: "transparent", border: `0.1vh solid ${alpha(theme.colors.dark[5], form.canBack ? 0.6 : 0.3)}`, borderRadius: theme.radius.xs, cursor: form.canBack ? "pointer" : "default", display: "flex", alignItems: "center", justifyContent: "center", opacity: form.canBack ? 1 : 0.35, transition: "opacity 0.2s" },
+                  children: /* @__PURE__ */ jsx(Undo2, { size: "1.5vh", color: "rgba(255,255,255,0.7)" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                motion.button,
+                {
+                  title: "Redo",
+                  onClick: () => form.canForward && form.forward(),
+                  disabled: !form.canForward,
+                  whileHover: form.canForward ? { background: "rgba(255,255,255,0.07)" } : void 0,
+                  whileTap: form.canForward ? { scale: 0.97 } : void 0,
+                  style: { flex: 1, aspectRatio: "1 / 1", background: "transparent", border: `0.1vh solid ${alpha(theme.colors.dark[5], form.canForward ? 0.6 : 0.3)}`, borderRadius: theme.radius.xs, cursor: form.canForward ? "pointer" : "default", display: "flex", alignItems: "center", justifyContent: "center", opacity: form.canForward ? 1 : 0.35, transition: "opacity 0.2s" },
+                  children: /* @__PURE__ */ jsx(Redo2, { size: "1.5vh", color: "rgba(255,255,255,0.7)" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                motion.button,
+                {
+                  title: isSaving ? "Saving..." : isDirty ? `Save (${changedCount})` : "Save",
+                  onClick: () => isDirty && !isSaving && form.submit(),
+                  disabled: !isDirty || isSaving,
+                  whileHover: isDirty && !isSaving ? { background: alpha(color, 0.25), borderColor: alpha(color, 0.5) } : void 0,
+                  whileTap: isDirty && !isSaving ? { scale: 0.97 } : void 0,
+                  style: { flex: 1, aspectRatio: "1 / 1", background: isDirty ? alpha(color, 0.14) : "transparent", border: `0.1vh solid ${isDirty ? alpha(color, 0.35) : alpha(theme.colors.dark[5], 0.3)}`, borderRadius: theme.radius.xs, cursor: isDirty && !isSaving ? "pointer" : "default", display: "flex", alignItems: "center", justifyContent: "center", opacity: isDirty ? 1 : 0.35, transition: "opacity 0.2s, background 0.15s" },
+                  children: isSaving ? /* @__PURE__ */ jsx(Loader, { size: "1.5vh", color, type: "dots" }) : /* @__PURE__ */ jsx(Save, { color: isDirty ? color : "rgba(255,255,255,0.35)", size: "1.5vh" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                motion.button,
+                {
+                  title: "History",
+                  onClick: () => setHistoryOpen(true),
+                  whileHover: { background: alpha("#22d3ee", 0.16), borderColor: alpha("#22d3ee", 0.5) },
+                  whileTap: { scale: 0.97 },
+                  style: { flex: 1, aspectRatio: "1 / 1", background: alpha("#22d3ee", 0.07), border: `0.1vh solid ${alpha("#22d3ee", 0.25)}`, borderRadius: theme.radius.xs, cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center" },
+                  children: /* @__PURE__ */ jsx(History, { color: "#22d3ee", size: "1.5vh" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "xxs", p: "xs", style: { flex: 1, overflowY: "auto" }, children: navItems.map((item) => /* @__PURE__ */ jsx(NavItemButton, { icon: item.icon, label: item.label, active: activeTab === item.id, onClick: () => setActiveTab(item.id) }, item.id)) }),
+            /* @__PURE__ */ jsxs(Flex, { direction: "column", p: "xs", gap: "xs", style: { borderTop: `0.1vh solid ${alpha(theme.colors.dark[6], 0.5)}`, flexShrink: 0 }, children: [
+              /* @__PURE__ */ jsxs(
+                motion.button,
+                {
+                  onClick: () => isDirty && form.reset(),
+                  disabled: !isDirty,
+                  whileHover: isDirty ? { background: alpha("#f97316", 0.12), borderColor: alpha("#f97316", 0.45) } : void 0,
+                  whileTap: isDirty ? { scale: 0.97 } : void 0,
+                  style: { width: "100%", background: "transparent", border: `0.1vh solid ${isDirty ? alpha("#f97316", 0.35) : alpha(theme.colors.dark[5], 0.3)}`, borderRadius: theme.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("div", { style: { height: "0.05vh", background: "rgba(255,255,255,0.07)", margin: "0.1vh 0" } }),
+              /* @__PURE__ */ jsxs(
+                motion.button,
+                {
+                  onClick: () => setJsonOpen(true),
+                  whileHover: { background: alpha(color, 0.16), borderColor: alpha(color, 0.45) },
+                  whileTap: { scale: 0.97 },
+                  style: { width: "100%", background: alpha(color, 0.07), border: `0.1vh solid ${alpha(color, 0.28)}`, borderRadius: theme.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__ */ jsxs(
+                motion.button,
+                {
+                  onClick: () => setResetOpen(true),
+                  whileHover: { background: alpha("#ef4444", 0.16), borderColor: alpha("#ef4444", 0.5) },
+                  whileTap: { scale: 0.97 },
+                  style: { width: "100%", background: alpha("#ef4444", 0.07), border: `0.1vh solid ${alpha("#ef4444", 0.25)}`, borderRadius: theme.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" })
+                  ]
+                }
+              ),
+              version && /* @__PURE__ */ jsxs(Text, { size: "0.95vh", c: "dimmed", ta: "center", style: { letterSpacing: "0.04em", opacity: 0.8 }, children: [
+                "Version ",
+                version
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0, y: 4 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: -4 },
+              transition: { duration: 0.15 },
+              style: { flex: 1, display: "flex", flexDirection: "column", overflowY: "auto" },
+              children: children(activeTab)
+            },
+            activeTab
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function cloneSettings(value) {
+  return JSON.parse(JSON.stringify(value));
+}
+var defaultOnClose = () => fetchNui("CLOSE_ADMIN_SECTION");
+function SettingsPanel(props) {
+  const { open, onClose = defaultOnClose } = props;
+  const { store, updateSettings, fetchSettings } = getScriptSettingsInstance();
+  const [isSaving, setIsSaving] = useState(false);
+  const [loaded, setLoaded] = useState(false);
+  useEffect(() => {
+    if (!open) {
+      setLoaded(false);
+      return;
+    }
+    let cancelled = false;
+    fetchSettings().then(() => {
+      if (!cancelled) setLoaded(true);
+    }).catch(() => {
+      if (!cancelled) setLoaded(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open]);
+  if (!open || !loaded) return null;
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: settingsPanelQueryClient, children: /* @__PURE__ */ jsx(
+    FormProvider,
+    {
+      initialValues: cloneSettings(store.getState()),
+      onSubmit: async (form) => {
+        if (isSaving) return;
+        setIsSaving(true);
+        try {
+          const result = await updateSettings(form.values);
+          if (result?.success) {
+            form.reinitialize(cloneSettings(form.values));
+            settingsPanelQueryClient.invalidateQueries({ queryKey: ["scriptSettingsHistory"] });
+            return;
+          }
+          form.reinitialize(cloneSettings(store.getState()));
+          if (result?._error) {
+            console.warn(`[SettingsPanel] settings save failed: ${result._error}`);
+          }
+        } finally {
+          setIsSaving(false);
+        }
+      },
+      children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
+        SettingsPanelInner,
+        {
+          ...props,
+          onClose,
+          isSaving
+        }
+      ) })
+    }
+  ) });
+}
+function LazyImage({ src, alt, style }) {
+  const [visible, setVisible] = useState(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    const observer = new IntersectionObserver(([entry]) => {
+      if (entry.isIntersecting) {
+        setVisible(true);
+        observer.disconnect();
+      }
+    });
+    if (ref.current) observer.observe(ref.current);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "4vh", height: "4vh" }, children: visible && /* @__PURE__ */ jsx(Image, { src, alt, fit: "contain", style }) });
+}
+function SelectItem(props) {
+  const invItems = useItems();
+  const formattedItems = useMemo(() => {
+    const seen = /* @__PURE__ */ new Set();
+    return useItemsList(props.excludeItemNames ?? []).filter((item) => {
+      if (seen.has(item.name)) return false;
+      seen.add(item.name);
+      return true;
+    }).map((item) => ({ value: item.name, label: item.label, image: item.image }));
+  }, [invItems, props.excludeItemNames]);
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      maxDropdownHeight: "30vh",
+      label: locale(props.label),
+      size: "xs",
+      flex: 1,
+      style: props.style,
+      limit: 50,
+      value: props.value,
+      onChange: (v) => props.onChange(v),
+      data: formattedItems,
+      allowDeselect: false,
+      searchable: true,
+      leftSectionWidth: "4vh",
+      leftSection: props.value ? /* @__PURE__ */ jsx(
+        Image,
+        {
+          fallbackSrc: "/placeholder.png",
+          src: invItems[props.value]?.image || "",
+          alt: props.value,
+          fit: "contain",
+          maw: "4vh",
+          style: { aspectRatio: "1 / 1" }
+        }
+      ) : null,
+      nothingFoundMessage: locale("NoItemsFound"),
+      renderOption: (item) => /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", w: "100%", children: [
+        /* @__PURE__ */ jsx(
+          LazyImage,
+          {
+            src: invItems[item.option.value]?.image || "",
+            alt: item.option.label,
+            style: { aspectRatio: "1 / 1" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: item.option.label }),
+          /* @__PURE__ */ jsx(Text, { size: "xxs", c: "dimmed", children: item.option.value })
+        ] })
+      ] })
+    }
+  );
+}
+var KeyBindContext = createContext(null);
+function useKeyBindContext() {
+  const ctx = useContext(KeyBindContext);
+  if (!ctx) {
+    throw new Error("FiveMKeyBindInput.* must be used inside <FiveMKeyBindInput>");
+  }
+  return ctx;
+}
+function Root({ value, onChange, children }) {
+  return /* @__PURE__ */ jsx(KeyBindContext.Provider, { value: { value, onChange }, children: /* @__PURE__ */ jsx(Flex, { gap: "xs", style: { flex: 1 }, children }) });
+}
+function Category({ label = "Primary" }) {
+  const { value, onChange } = useKeyBindContext();
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label,
+      size: "xs",
+      style: { flex: 1 },
+      value: value._type,
+      data: [...INPUT_MAPPER_PRIMARY_OPTIONS],
+      onChange: (nextType) => {
+        if (!nextType) return;
+        const keyOptions = INPUT_MAPPER_KEYS_BY_PRIMARY[nextType] ?? [];
+        const hasCurrentKey = keyOptions.includes(value._key);
+        const nextKey = hasCurrentKey ? value._key : keyOptions[0] ?? value._key;
+        onChange({
+          ...value,
+          _type: nextType,
+          _key: nextKey
+        });
+      },
+      searchable: true,
+      allowDeselect: false
+    }
+  );
+}
+function Key({ label = "Key" }) {
+  const { value, onChange } = useKeyBindContext();
+  const keyOptions = INPUT_MAPPER_KEYS_BY_PRIMARY[value._type] ?? [];
+  if (keyOptions.length === 0) {
+    return /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label,
+        size: "xs",
+        style: { flex: 1 },
+        value: value._key,
+        onChange: (e) => onChange({ ...value, _key: e.currentTarget.value }),
+        placeholder: "Type key value"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label,
+      size: "xs",
+      style: { flex: 1 },
+      value: value._key,
+      data: keyOptions,
+      onChange: (nextKey) => {
+        if (!nextKey) return;
+        onChange({ ...value, _key: nextKey });
+      },
+      searchable: true,
+      allowDeselect: false
+    }
+  );
+}
+var FiveMKeyBindInput = Object.assign(Root, {
+  Category,
+  Key
+});
+function AsyncSaveButton({
+  onSave,
+  color,
+  label = "Save Changes",
+  style
+}) {
+  const theme = useMantineTheme();
+  const [state, setState] = useState("idle");
+  const handleClick = async () => {
+    if (state === "pending") return;
+    setState("pending");
+    try {
+      const result = await onSave();
+      setState(result?.success === false ? "error" : "success");
+    } catch {
+      setState("error");
+    }
+    setTimeout(() => setState("idle"), 2e3);
+  };
+  const c = state === "error" ? "#ef4444" : color;
+  return /* @__PURE__ */ jsxs(
+    motion.button,
+    {
+      onClick: handleClick,
+      disabled: state === "pending",
+      whileHover: state === "pending" ? {} : { background: alpha(c, 0.25) },
+      whileTap: state === "pending" ? {} : { scale: 0.98 },
+      style: {
+        background: alpha(c, 0.14),
+        border: `0.1vh solid ${alpha(c, 0.4)}`,
+        borderRadius: theme.radius.xs,
+        padding: `${theme.spacing.xxs} ${theme.spacing.xs}`,
+        cursor: state === "pending" ? "default" : "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: theme.spacing.xxs,
+        transition: "background 0.2s, border-color 0.2s",
+        alignSelf: "flex-end",
+        ...style
+      },
+      children: [
+        state === "pending" ? /* @__PURE__ */ jsx(Loader, { size: "1.4vh", color: c, type: "oval" }) : state === "error" ? /* @__PURE__ */ jsx(X, { size: "1.4vh", color: c }) : /* @__PURE__ */ jsx(Check, { size: "1.4vh", color: c }),
+        /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.06em", c, children: state === "success" ? "Saved!" : state === "error" ? "Failed!" : label })
       ]
     }
   );
 }
+function AdminPageTitle(props) {
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "xs", children: [
+    /* @__PURE__ */ jsx(props.icon, { color: props.color }),
+    /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", tt: "uppercase", lts: "0.1em", size: "sm", c: "rgba(255,255,255,0.6)", children: locale(props.title) })
+  ] });
+}
 
-export { BorderedIcon, Counter, FloatingParticles, InfoBox, InputContainer, LevelBanner, LevelPanel, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, PromptModal, SegmentedControl, SegmentedProgress, Title, useModal, useModalActions, useNavigation, useNavigationStore };
+export { AdminPageTitle, AsyncSaveButton, BlipColorSelect, BlipIconSelect, BorderedIcon, ConfirmModal, Counter, FiveMKeyBindInput, FloatingParticles, InfoBox, InputContainer, LevelBanner, LevelPanel, Modal, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, PromptModal, SegmentedControl, SegmentedProgress, SelectItem, SettingsPanel, Title, useModal, useModalActions, useNavigation, useNavigationStore };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map