@eveshipfit/ui-ingame 1.15.0 → 2.0.1

package/dist/index.mjs

@@ -2,7 +2,7 @@ import './style.css';
 import { c } from "react/compiler-runtime";
 import { Activity, Fragment, createContext, useContext, useDeferredValue, useEffect, useEffectEvent, useId, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { UNIFORM, canSaveFits, formatAttribute, formatClock, formatDuration, formatNumber, useAttribute, useAttributeTooltip, useBayContents, useBayUsage, useBoosters, useBrowse, useCanFit, useCharacters, useChargeSearch, useChargeTree, useChargedModules, useCharges, useDamageProfiles, useDrag, useDroneRoom, useEngine, useFighterTubeUsage, useFighterTubes, useFit, useFitHistory, useFitPrice, useFitSaving, useFitStore, useHardpoints, useHasRoom, useHullRefuses, useHullTree, useImages, useImplantSearch, useImplantTree, useImplants, useInfo, useLocalFits, useMissingSkills, useModes, useModuleSearch, useModuleTree, useMutate, usePersonalFits, usePlacement, usePreview, useRackUsage, useRefusal, useSde, useShowInfo, useShownSnapshot, useSlots, useSnapshot, useStats, useType, useTypeBonuses, useTypePrice } from "@eveshipfit/react-hooks";
+import { UNIFORM, canSaveFits, formatAttribute, formatClock, formatDuration, formatNumber, useAttribute, useAttributeTooltip, useBayContents, useBayUsage, useBoosters, useBrowse, useCanFit, useCharacters, useChargeSearch, useChargeTree, useChargedModules, useCharges, useDamageProfiles, useDrag, useDroneRoom, useEngine, useFighterTubeUsage, useFighterTubes, useFit, useFitHistory, useFitPrice, useFitSaving, useFitStore, useHardpoints, useHasFit, useHasRoom, useHullRefuses, useHullTree, useImages, useImplantSearch, useImplantTree, useImplants, useInfo, useLocalFits, useMissingSkills, useModes, useModuleSearch, useModuleTree, useMutate, usePersonalFits, usePlacement, usePreview, useRackUsage, useRefusal, useSde, useShowInfo, useShownSnapshot, useSlots, useSnapshot, useSnapshotIfAny, useStats, useType, useTypeBonuses, useTypePrice } from "@eveshipfit/react-hooks";
 import { baseValue, canMutate, clampToRange, mutaplasmidsOf, mutatedDronesOf, mutationRanges, mutationRollOf, parseItemLink, parseMutationText, rollFits, rollMutation, squadronSize, tubeTakes, withMutaplasmid } from "@eveshipfit/fitting";
 // src/primitives/Dialog/Dialog.module.css
 var Dialog_module_default = {
@@ -6763,8 +6763,8 @@ function Variations(t0) {
 		$[5] = t5;
 	} else t5 = $[5];
 	useEffect(t4, t5);
-	const fit = useFit();
-	const module = typeof ref === "number" ? fit.items[ref] : void 0;
+	const fit = useSnapshotIfAny()?.fit;
+	const module = typeof ref === "number" ? fit?.items[ref] : void 0;
 	const charges = useCharges(fitted?.charge ? module?.type_id : void 0);
 	let t6;
 	if ($[6] !== anchor || $[7] !== charges || $[8] !== fitted || $[9] !== hold || $[10] !== preview || $[11] !== ref || $[12] !== refuse || $[13] !== refuses || $[14] !== release || $[15] !== show || $[16] !== store) {
@@ -10003,8 +10003,9 @@ const oneDecimal = new Intl.NumberFormat("en-US", {
 /** EVE draws eight, those the structure does not have as a faint outline. */
 const SERVICE_SLOTS = 8;
 /** EVE's fitting window around the `FittingWheel`. */
-function FittingWindow({ label = "Fitting Window", browser, statistics: givenStatistics, preview = false, placeholder }) {
-	const statistics = placeholder === void 0 ? givenStatistics : void 0;
+function FittingWindow({ label = "Fitting Window", browser, statistics: givenStatistics, preview = false, placeholder = "Pick a hull to start." }) {
+	const hasFit = useHasFit();
+	const statistics = hasFit ? givenStatistics : void 0;
 	const [browserOpen, setBrowserOpen] = useState(true);
 	const { request } = useBrowse();
 	const [browsed, setBrowsed] = useState(request);
@@ -10017,131 +10018,250 @@ function FittingWindow({ label = "Fitting Window", browser, statistics: givenSta
 	const statisticsId = useId();
 	const browserShown = browser !== void 0 && browserOpen;
 	const statisticsShown = statistics !== void 0 && statisticsOpen;
-	const { stats } = useShownSnapshot();
-	const { structure } = stats;
-	const fighters = structure || stats.fighterBay.total > 0;
 	const fighterBay = useId();
-	return /* @__PURE__ */ jsx(ManageFightersContext, {
-		value: fighters && !preview ? () => popover(fighterBay)?.showPopover() : void 0,
-		children: /* @__PURE__ */ jsxs("section", {
-			className: FittingWindow_module_default.window,
-			"aria-label": label,
-			"data-browser": browserShown || void 0,
-			"data-statistics": statisticsShown || void 0,
-			children: [
-				!preview && /* @__PURE__ */ jsx(ItemInfo, {}),
-				!preview && /* @__PURE__ */ jsx(Mutate, {}),
-				browser !== void 0 && /* @__PURE__ */ jsx("div", {
-					id: browserId,
-					className: FittingWindow_module_default.browser,
-					inert: !browserShown,
-					children: /* @__PURE__ */ jsx("div", {
-						className: FittingWindow_module_default.slide,
-						children: browser
-					})
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: FittingWindow_module_default.frame,
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: FittingWindow_module_default.wheel,
-							children: placeholder === void 0 ? /* @__PURE__ */ jsx(FittingWheel, {
-								readOnly: preview,
-								credit: preview
-							}) : /* @__PURE__ */ jsx(Wheel, {
-								label: "Fitting",
-								children: /* @__PURE__ */ jsx(Placeholder, { text: placeholder })
-							})
-						}),
-						preview && placeholder === void 0 && /* @__PURE__ */ jsx(PreviewName, {}),
-						!preview && placeholder === void 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FitName, {}), /* @__PURE__ */ jsx(Violations, {})] }),
-						!preview && browser !== void 0 && /* @__PURE__ */ jsx("div", {
-							className: FittingWindow_module_default.tools,
-							children: /* @__PURE__ */ jsx(Tooltip, {
-								label: "Item Browser",
-								children: /* @__PURE__ */ jsx("button", {
-									type: "button",
-									className: FittingWindow_module_default.tool,
-									"aria-label": "Item Browser",
-									"aria-expanded": browserShown,
-									"aria-controls": browserId,
-									onClick: () => setBrowserOpen(!browserShown),
-									children: /* @__PURE__ */ jsx(Icon, { name: "hardware" })
-								})
-							})
-						}),
-						!preview && statistics !== void 0 && /* @__PURE__ */ jsx("div", {
-							className: FittingWindow_module_default.panels,
-							children: /* @__PURE__ */ jsx(Tooltip, {
-								label: "Statistics",
-								children: /* @__PURE__ */ jsx("button", {
-									type: "button",
-									className: FittingWindow_module_default.tool,
-									"aria-label": "Statistics",
-									"aria-expanded": statisticsShown,
-									"aria-controls": statisticsId,
-									onClick: () => setStatisticsOpen(!statisticsShown),
-									children: /* @__PURE__ */ jsx(Icon, { name: "statistics" })
-								})
+	return /* @__PURE__ */ jsxs("section", {
+		className: FittingWindow_module_default.window,
+		"aria-label": label,
+		"data-browser": browserShown || void 0,
+		"data-statistics": statisticsShown || void 0,
+		children: [
+			!preview && /* @__PURE__ */ jsx(ItemInfo, {}),
+			!preview && /* @__PURE__ */ jsx(Mutate, {}),
+			browser !== void 0 && /* @__PURE__ */ jsx("div", {
+				id: browserId,
+				className: FittingWindow_module_default.browser,
+				inert: !browserShown,
+				children: /* @__PURE__ */ jsx("div", {
+					className: FittingWindow_module_default.slide,
+					children: browser
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: FittingWindow_module_default.frame,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: FittingWindow_module_default.wheel,
+						children: hasFit ? /* @__PURE__ */ jsx(FittingWheel, {
+							readOnly: preview,
+							credit: preview
+						}) : /* @__PURE__ */ jsx(Wheel, {
+							label: "Fitting",
+							children: /* @__PURE__ */ jsx(Placeholder, { text: placeholder })
+						})
+					}),
+					hasFit && preview && /* @__PURE__ */ jsx(PreviewName, {}),
+					hasFit && !preview && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FitName, {}), /* @__PURE__ */ jsx(Violations, {})] }),
+					!preview && browser !== void 0 && /* @__PURE__ */ jsx("div", {
+						className: FittingWindow_module_default.tools,
+						children: /* @__PURE__ */ jsx(Tooltip, {
+							label: "Item Browser",
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: FittingWindow_module_default.tool,
+								"aria-label": "Item Browser",
+								"aria-expanded": browserShown,
+								"aria-controls": browserId,
+								onClick: () => setBrowserOpen(!browserShown),
+								children: /* @__PURE__ */ jsx(Icon, { name: "hardware" })
 							})
-						}),
-						placeholder === void 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: FittingWindow_module_default.bays,
-								children: [structure ? /* @__PURE__ */ jsx(Bay, {
-									bay: "cargo",
-									icon: "ammo-hold",
-									label: "Ammo Hold",
-									unlimited: true,
-									readOnly: preview
-								}) : /* @__PURE__ */ jsx(Bay, {
-									bay: "cargo",
-									icon: "cargo",
-									label: "Cargo Hold",
-									readOnly: preview
-								}), fighters ? /* @__PURE__ */ jsx(Bay, {
-									id: fighterBay,
-									bay: "fighterBay",
-									icon: "fighter-bay",
-									label: "Fighter Bay",
-									readOnly: preview
-								}) : /* @__PURE__ */ jsx(Bay, {
-									bay: "droneBay",
-									icon: "drone-bay",
-									label: "Drone Bay",
-									readOnly: preview
-								})]
-							}),
-							structure && /* @__PURE__ */ jsx(ServiceRack, { readOnly: preview }),
-							!preview && /* @__PURE__ */ jsx("div", {
-								className: FittingWindow_module_default.history,
-								children: /* @__PURE__ */ jsx(SimulationHistory, {})
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: FittingWindow_module_default.resources,
-								children: [/* @__PURE__ */ jsx(Resource, {
-									title: "CPU",
-									free: "cpuFree",
-									output: "cpuOutput"
-								}), /* @__PURE__ */ jsx(Resource, {
-									title: "Power Grid",
-									free: "powerFree",
-									output: "powerOutput"
-								})]
+						})
+					}),
+					!preview && statistics !== void 0 && /* @__PURE__ */ jsx("div", {
+						className: FittingWindow_module_default.panels,
+						children: /* @__PURE__ */ jsx(Tooltip, {
+							label: "Statistics",
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: FittingWindow_module_default.tool,
+								"aria-label": "Statistics",
+								"aria-expanded": statisticsShown,
+								"aria-controls": statisticsId,
+								onClick: () => setStatisticsOpen(!statisticsShown),
+								children: /* @__PURE__ */ jsx(Icon, { name: "statistics" })
 							})
-						] })
-					]
-				}),
-				statistics !== void 0 && /* @__PURE__ */ jsx("div", {
-					id: statisticsId,
-					className: FittingWindow_module_default.statistics,
-					inert: !statisticsShown,
-					children: /* @__PURE__ */ jsx("div", {
-						className: FittingWindow_module_default.slide,
+						})
+					}),
+					hasFit && /* @__PURE__ */ jsx(FitBays, {
+						fighterBay,
+						readOnly: preview
+					})
+				]
+			}),
+			statistics !== void 0 && /* @__PURE__ */ jsx("div", {
+				id: statisticsId,
+				className: FittingWindow_module_default.statistics,
+				inert: !statisticsShown,
+				children: /* @__PURE__ */ jsx("div", {
+					className: FittingWindow_module_default.slide,
+					children: /* @__PURE__ */ jsx(ManageFighters, {
+						fighterBay,
+						readOnly: preview,
 						children: statistics
 					})
 				})
-			]
+			})
+		]
+	});
+}
+function useFighters() {
+	const $ = c(3);
+	const { stats } = useShownSnapshot();
+	const t0 = stats.structure || stats.fighterBay.total > 0;
+	let t1;
+	if ($[0] !== stats.structure || $[1] !== t0) {
+		t1 = {
+			structure: stats.structure,
+			fighters: t0
+		};
+		$[0] = stats.structure;
+		$[1] = t0;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+function ManageFighters(t0) {
+	const $ = c(7);
+	const { fighterBay, readOnly, children } = t0;
+	const { fighters } = useFighters();
+	let t1;
+	if ($[0] !== fighterBay || $[1] !== fighters || $[2] !== readOnly) {
+		t1 = fighters && !readOnly ? () => popover(fighterBay)?.showPopover() : void 0;
+		$[0] = fighterBay;
+		$[1] = fighters;
+		$[2] = readOnly;
+		$[3] = t1;
+	} else t1 = $[3];
+	const manage = t1;
+	let t2;
+	if ($[4] !== children || $[5] !== manage) {
+		t2 = /* @__PURE__ */ jsx(ManageFightersContext, {
+			value: manage,
+			children
+		});
+		$[4] = children;
+		$[5] = manage;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
+}
+function FitBays(t0) {
+	const $ = c(20);
+	const { fighterBay, readOnly } = t0;
+	const { structure, fighters } = useFighters();
+	let t1;
+	if ($[0] !== readOnly || $[1] !== structure) {
+		t1 = structure ? /* @__PURE__ */ jsx(Bay, {
+			bay: "cargo",
+			icon: "ammo-hold",
+			label: "Ammo Hold",
+			unlimited: true,
+			readOnly
+		}) : /* @__PURE__ */ jsx(Bay, {
+			bay: "cargo",
+			icon: "cargo",
+			label: "Cargo Hold",
+			readOnly
+		});
+		$[0] = readOnly;
+		$[1] = structure;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== fighterBay || $[4] !== fighters || $[5] !== readOnly) {
+		t2 = fighters ? /* @__PURE__ */ jsx(Bay, {
+			id: fighterBay,
+			bay: "fighterBay",
+			icon: "fighter-bay",
+			label: "Fighter Bay",
+			readOnly
+		}) : /* @__PURE__ */ jsx(Bay, {
+			bay: "droneBay",
+			icon: "drone-bay",
+			label: "Drone Bay",
+			readOnly
+		});
+		$[3] = fighterBay;
+		$[4] = fighters;
+		$[5] = readOnly;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== t1 || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: FittingWindow_module_default.bays,
+			children: [t1, t2]
+		});
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== readOnly || $[11] !== structure) {
+		t4 = structure && /* @__PURE__ */ jsx(ServiceRack, { readOnly });
+		$[10] = readOnly;
+		$[11] = structure;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== readOnly) {
+		t5 = !readOnly && /* @__PURE__ */ jsx("div", {
+			className: FittingWindow_module_default.history,
+			children: /* @__PURE__ */ jsx(SimulationHistory, {})
+		});
+		$[13] = readOnly;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: FittingWindow_module_default.resources,
+			children: [/* @__PURE__ */ jsx(Resource, {
+				title: "CPU",
+				free: "cpuFree",
+				output: "cpuOutput"
+			}), /* @__PURE__ */ jsx(Resource, {
+				title: "Power Grid",
+				free: "powerFree",
+				output: "powerOutput"
+			})]
+		});
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== t3 || $[17] !== t4 || $[18] !== t5) {
+		t7 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			t3,
+			t4,
+			t5,
+			t6
+		] });
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t7;
+	} else t7 = $[19];
+	return t7;
+}
+/** An empty `FittingWindow` while the fit loads; it needs only images. */
+function FittingWindowLoading({ label = "Fitting Window", text, browser = false, statistics = false }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: FittingWindow_module_default.window,
+		"aria-label": label,
+		"aria-busy": true,
+		"data-browser": browser || void 0,
+		"data-statistics": statistics || void 0,
+		children: /* @__PURE__ */ jsx("div", {
+			className: FittingWindow_module_default.frame,
+			children: /* @__PURE__ */ jsx("div", {
+				className: FittingWindow_module_default.wheel,
+				children: /* @__PURE__ */ jsx(Wheel, {
+					label: "Fitting",
+					children: /* @__PURE__ */ jsx("div", {
+						className: FittingWindow_module_default.placeholder,
+						children: /* @__PURE__ */ jsx("p", { children: text })
+					})
+				})
+			})
 		})
 	});
 }
@@ -11063,9 +11183,10 @@ const folders = {
 	}
 };
 /** Previews a type on hover, fits it on double click, drags it to the wheel, shows its info and its menu; render `overlays` once. */
-function useTypeActions(noHullSelected) {
+function useTypeActions() {
 	const $ = c(57);
 	const store = useFitStore();
+	const noHullSelected = !useHasFit();
 	const sde = useSde();
 	const refuses = useHullRefuses();
 	const hasRoom = useHasRoom();
@@ -11532,124 +11653,123 @@ function SearchResults(t0) {
 }
 // src/components/ItemBrowser/Charges.tsx
 /** The Charges tab of the `ItemBrowser`: every charge by market group, or only those a fitted module loads. */
-function Charges(t0) {
+function Charges() {
 	const $ = c(48);
-	const { noHullSelected } = t0;
 	const sde = useSde();
-	const { actions, clear, overlays } = useTypeActions(noHullSelected);
+	const { actions, clear, overlays } = useTypeActions();
 	const modules = useChargedModules();
 	const [picked, setPicked] = useState();
 	const [search, setSearch] = useState("");
 	const [collapses, setCollapses] = useState(0);
-	let t1;
+	let t0;
 	if ($[0] !== modules || $[1] !== picked) {
-		t1 = modules.some((module) => module.id === picked) ? picked : void 0;
+		t0 = modules.some((module) => module.id === picked) ? picked : void 0;
 		$[0] = modules;
 		$[1] = picked;
-		$[2] = t1;
-	} else t1 = $[2];
-	const selected = t1;
-	let t2;
+		$[2] = t0;
+	} else t0 = $[2];
+	const selected = t0;
+	let t1;
 	if ($[3] !== search) {
-		t2 = search.trim().toLowerCase();
+		t1 = search.trim().toLowerCase();
 		$[3] = search;
-		$[4] = t2;
-	} else t2 = $[4];
-	const query = t2;
-	let t3;
+		$[4] = t1;
+	} else t1 = $[4];
+	const query = t1;
+	let t2;
 	if ($[5] !== query || $[6] !== selected) {
-		t3 = selected === void 0 && query !== "" ? (type) => type.name.toLowerCase().includes(query) : void 0;
+		t2 = selected === void 0 && query !== "" ? (type) => type.name.toLowerCase().includes(query) : void 0;
 		$[5] = query;
 		$[6] = selected;
-		$[7] = t3;
-	} else t3 = $[7];
-	const matches = t3;
+		$[7] = t2;
+	} else t2 = $[7];
+	const matches = t2;
 	const groups = useChargeTree();
 	const found = useChargeSearch(matches);
 	const charges = useCharges(selected);
-	let t4;
+	let t3;
 	if ($[8] !== charges || $[9] !== query || $[10] !== sde) {
-		let t5;
+		let t4;
 		if ($[12] !== query) {
-			t5 = (type_0) => type_0.name.toLowerCase().includes(query);
+			t4 = (type_0) => type_0.name.toLowerCase().includes(query);
 			$[12] = query;
-			$[13] = t5;
-		} else t5 = $[13];
-		t4 = sde.sortByMeta(charges.filter(t5));
+			$[13] = t4;
+		} else t4 = $[13];
+		t3 = sde.sortByMeta(charges.filter(t4));
 		$[8] = charges;
 		$[9] = query;
 		$[10] = sde;
-		$[11] = t4;
-	} else t4 = $[11];
-	const loadable = t4;
-	let t5;
+		$[11] = t3;
+	} else t3 = $[11];
+	const loadable = t3;
+	let t4;
 	if ($[14] !== found || $[15] !== loadable || $[16] !== matches || $[17] !== selected) {
-		t5 = selected === void 0 ? matches !== void 0 && found.length === 0 : countLeaves(loadable) === 0;
+		t4 = selected === void 0 ? matches !== void 0 && found.length === 0 : countLeaves(loadable) === 0;
 		$[14] = found;
 		$[15] = loadable;
 		$[16] = matches;
 		$[17] = selected;
-		$[18] = t5;
-	} else t5 = $[18];
-	const empty = t5;
-	let t6;
+		$[18] = t4;
+	} else t4 = $[18];
+	const empty = t4;
+	let t5;
 	if ($[19] !== clear) {
-		t6 = (value) => {
+		t5 = (value) => {
 			clear();
 			setSearch(value);
 		};
 		$[19] = clear;
-		$[20] = t6;
-	} else t6 = $[20];
-	let t7;
+		$[20] = t5;
+	} else t5 = $[20];
+	let t6;
 	if ($[21] !== collapses) {
-		t7 = () => setCollapses(collapses + 1);
+		t6 = () => setCollapses(collapses + 1);
 		$[21] = collapses;
-		$[22] = t7;
-	} else t7 = $[22];
-	let t8;
-	if ($[23] !== search || $[24] !== t6 || $[25] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Search, {
+		$[22] = t6;
+	} else t6 = $[22];
+	let t7;
+	if ($[23] !== search || $[24] !== t5 || $[25] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Search, {
 			value: search,
-			onChange: t6,
-			onCollapse: t7
+			onChange: t5,
+			onCollapse: t6
 		});
 		$[23] = search;
-		$[24] = t6;
-		$[25] = t7;
-		$[26] = t8;
-	} else t8 = $[26];
-	let t9;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+	} else t7 = $[26];
+	let t8;
 	if ($[27] !== modules || $[28] !== selected) {
-		let t10;
+		let t9;
 		if ($[30] !== selected) {
-			t10 = (module_0) => /* @__PURE__ */ jsx(FilterToggle, {
+			t9 = (module_0) => /* @__PURE__ */ jsx(FilterToggle, {
 				typeId: module_0.id,
 				label: module_0.name,
 				pressed: selected === module_0.id,
 				onPressedChange: (pressed) => setPicked(pressed ? module_0.id : void 0)
 			}, module_0.id);
 			$[30] = selected;
-			$[31] = t10;
-		} else t10 = $[31];
-		t9 = modules.map(t10);
+			$[31] = t9;
+		} else t9 = $[31];
+		t8 = modules.map(t9);
 		$[27] = modules;
 		$[28] = selected;
-		$[29] = t9;
-	} else t9 = $[29];
-	let t10;
-	if ($[32] !== t9) {
-		t10 = /* @__PURE__ */ jsx("fieldset", {
+		$[29] = t8;
+	} else t8 = $[29];
+	let t9;
+	if ($[32] !== t8) {
+		t9 = /* @__PURE__ */ jsx("fieldset", {
 			className: ItemBrowser_module_default.filters,
 			"aria-label": "Filters",
-			children: t9
+			children: t8
 		});
-		$[32] = t9;
-		$[33] = t10;
-	} else t10 = $[33];
-	let t11;
+		$[32] = t8;
+		$[33] = t9;
+	} else t9 = $[33];
+	let t10;
 	if ($[34] !== actions || $[35] !== collapses || $[36] !== empty || $[37] !== found || $[38] !== groups || $[39] !== loadable || $[40] !== matches || $[41] !== selected) {
-		t11 = /* @__PURE__ */ jsx("div", {
+		t10 = /* @__PURE__ */ jsx("div", {
 			className: ItemBrowser_module_default.tree,
 			children: empty ? /* @__PURE__ */ jsx("p", {
 				className: ItemBrowser_module_default.empty,
@@ -11677,23 +11797,23 @@ function Charges(t0) {
 		$[39] = loadable;
 		$[40] = matches;
 		$[41] = selected;
-		$[42] = t11;
-	} else t11 = $[42];
-	let t12;
-	if ($[43] !== overlays || $[44] !== t10 || $[45] !== t11 || $[46] !== t8) {
-		t12 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			t8,
+		$[42] = t10;
+	} else t10 = $[42];
+	let t11;
+	if ($[43] !== overlays || $[44] !== t10 || $[45] !== t7 || $[46] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			t7,
+			t9,
 			t10,
-			t11,
 			overlays
 		] });
 		$[43] = overlays;
 		$[44] = t10;
-		$[45] = t11;
-		$[46] = t8;
-		$[47] = t12;
-	} else t12 = $[47];
-	return t12;
+		$[45] = t7;
+		$[46] = t9;
+		$[47] = t11;
+	} else t11 = $[47];
+	return t11;
 }
 // src/components/ItemBrowser/saveFit.tsx
 const MAX_ESI_NAME = 50;
@@ -12197,11 +12317,11 @@ function _temp2$4(event_0) {
 // src/components/ItemBrowser/FitActions.tsx
 /** The buttons under the `ItemBrowser`: save the fit in the browser, import one, or copy it out. */
 function FitActions(t0) {
-	const $ = c(56);
-	const { noHullSelected, pasteToOpen } = t0;
+	const $ = c(55);
+	const { pasteToOpen } = t0;
 	const engine = useEngine();
-	const fit = useFit();
 	const store = useFitStore();
+	const noHullSelected = !useHasFit();
 	const menu = useId();
 	const [saved, flashSaved] = useFlash();
 	const [copied, flashCopied] = useFlash();
@@ -12210,10 +12330,10 @@ function FitActions(t0) {
 	const saver = useSaveFit();
 	const [savedTo, setSavedTo] = useState("");
 	let t1;
-	if ($[0] !== fit || $[1] !== flashSaved || $[2] !== saver || $[3] !== store) {
+	if ($[0] !== flashSaved || $[1] !== saver || $[2] !== store) {
 		t1 = () => {
 			const where = saver.target?.name ?? "browser";
-			saver.save(fit, {
+			saver.save(store.getSnapshot().fit, {
 				onStart: (named) => store.setName(named.name ?? ""),
 				onSaved: () => {
 					setSavedTo(where);
@@ -12221,16 +12341,15 @@ function FitActions(t0) {
 				}
 			});
 		};
-		$[0] = fit;
-		$[1] = flashSaved;
-		$[2] = saver;
-		$[3] = store;
-		$[4] = t1;
-	} else t1 = $[4];
+		$[0] = flashSaved;
+		$[1] = saver;
+		$[2] = store;
+		$[3] = t1;
+	} else t1 = $[3];
 	const saveCurrent = t1;
 	let t2;
 	let t3;
-	if ($[5] !== engine || $[6] !== noHullSelected || $[7] !== pasteToOpen || $[8] !== store) {
+	if ($[4] !== engine || $[5] !== noHullSelected || $[6] !== pasteToOpen || $[7] !== store) {
 		t2 = () => {
 			if (!pasteToOpen) return;
 			const onPaste = (event) => {
@@ -12276,32 +12395,32 @@ function FitActions(t0) {
 			pasteToOpen,
 			noHullSelected
 		];
-		$[5] = engine;
-		$[6] = noHullSelected;
-		$[7] = pasteToOpen;
-		$[8] = store;
-		$[9] = t2;
-		$[10] = t3;
+		$[4] = engine;
+		$[5] = noHullSelected;
+		$[6] = pasteToOpen;
+		$[7] = store;
+		$[8] = t2;
+		$[9] = t3;
 	} else {
-		t2 = $[9];
-		t3 = $[10];
+		t2 = $[8];
+		t3 = $[9];
 	}
 	useEffect(t2, t3);
 	let t4;
-	if ($[11] !== copyFit || $[12] !== fit || $[13] !== flashCopied || $[14] !== menu) {
+	if ($[10] !== copyFit || $[11] !== flashCopied || $[12] !== menu || $[13] !== store) {
 		t4 = (format) => {
 			document.getElementById(menu)?.hidePopover();
-			copyFit(fit, format, flashCopied);
+			copyFit(store.getSnapshot().fit, format, flashCopied);
 		};
-		$[11] = copyFit;
-		$[12] = fit;
-		$[13] = flashCopied;
-		$[14] = menu;
-		$[15] = t4;
-	} else t4 = $[15];
+		$[10] = copyFit;
+		$[11] = flashCopied;
+		$[12] = menu;
+		$[13] = store;
+		$[14] = t4;
+	} else t4 = $[14];
 	const copy = t4;
 	let t5;
-	if ($[16] !== noHullSelected || $[17] !== saveCurrent || $[18] !== saved || $[19] !== savedTo || $[20] !== saver) {
+	if ($[15] !== noHullSelected || $[16] !== saveCurrent || $[17] !== saved || $[18] !== savedTo || $[19] !== saver) {
 		t5 = saver.characters === void 0 ? /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: ItemBrowser_module_default.action,
@@ -12314,33 +12433,33 @@ function FitActions(t0) {
 			disabled: noHullSelected,
 			onSave: saveCurrent
 		});
-		$[16] = noHullSelected;
-		$[17] = saveCurrent;
-		$[18] = saved;
-		$[19] = savedTo;
-		$[20] = saver;
-		$[21] = t5;
-	} else t5 = $[21];
+		$[15] = noHullSelected;
+		$[16] = saveCurrent;
+		$[17] = saved;
+		$[18] = savedTo;
+		$[19] = saver;
+		$[20] = t5;
+	} else t5 = $[20];
 	let t6;
-	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
 		t6 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: ItemBrowser_module_default.action,
 			onClick: () => setImporting({ text: "" }),
 			children: "Import…"
 		});
-		$[22] = t6;
-	} else t6 = $[22];
+		$[21] = t6;
+	} else t6 = $[21];
 	const t7 = copied ? "Copied" : "Copy";
 	const t8 = copied ? "checkmark" : "export";
 	let t9;
-	if ($[23] !== t8) {
+	if ($[22] !== t8) {
 		t9 = /* @__PURE__ */ jsx(Icon, { name: t8 });
-		$[23] = t8;
-		$[24] = t9;
-	} else t9 = $[24];
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
 	let t10;
-	if ($[25] !== menu || $[26] !== noHullSelected || $[27] !== t9) {
+	if ($[24] !== menu || $[25] !== noHullSelected || $[26] !== t9) {
 		t10 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: `${ItemBrowser_module_default.action} ${ItemBrowser_module_default.copy}`,
@@ -12349,13 +12468,13 @@ function FitActions(t0) {
 			disabled: noHullSelected,
 			children: t9
 		});
-		$[25] = menu;
-		$[26] = noHullSelected;
-		$[27] = t9;
-		$[28] = t10;
-	} else t10 = $[28];
+		$[24] = menu;
+		$[25] = noHullSelected;
+		$[26] = t9;
+		$[27] = t10;
+	} else t10 = $[27];
 	let t11;
-	if ($[29] !== t10 || $[30] !== t7) {
+	if ($[28] !== t10 || $[29] !== t7) {
 		t11 = /* @__PURE__ */ jsx("span", {
 			className: ItemBrowser_module_default.copyAnchor,
 			children: /* @__PURE__ */ jsx(Tooltip, {
@@ -12363,34 +12482,34 @@ function FitActions(t0) {
 				children: t10
 			})
 		});
-		$[29] = t10;
-		$[30] = t7;
-		$[31] = t11;
-	} else t11 = $[31];
+		$[28] = t10;
+		$[29] = t7;
+		$[30] = t11;
+	} else t11 = $[30];
 	let t12;
-	if ($[32] !== copy) {
+	if ($[31] !== copy) {
 		t12 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			role: "menuitem",
 			onClick: () => copy("eft"),
 			children: "Copy as EFT"
 		});
-		$[32] = copy;
-		$[33] = t12;
-	} else t12 = $[33];
+		$[31] = copy;
+		$[32] = t12;
+	} else t12 = $[32];
 	let t13;
-	if ($[34] !== copy) {
+	if ($[33] !== copy) {
 		t13 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			role: "menuitem",
 			onClick: () => copy("esf"),
 			children: "Copy as esf/1"
 		});
-		$[34] = copy;
-		$[35] = t13;
-	} else t13 = $[35];
+		$[33] = copy;
+		$[34] = t13;
+	} else t13 = $[34];
 	let t14;
-	if ($[36] !== menu || $[37] !== t12 || $[38] !== t13) {
+	if ($[35] !== menu || $[36] !== t12 || $[37] !== t13) {
 		t14 = /* @__PURE__ */ jsxs("div", {
 			id: menu,
 			className: ItemBrowser_module_default.menu,
@@ -12398,51 +12517,51 @@ function FitActions(t0) {
 			role: "menu",
 			children: [t12, t13]
 		});
-		$[36] = menu;
-		$[37] = t12;
-		$[38] = t13;
-		$[39] = t14;
-	} else t14 = $[39];
+		$[35] = menu;
+		$[36] = t12;
+		$[37] = t13;
+		$[38] = t14;
+	} else t14 = $[38];
 	const t15 = importing !== void 0;
 	let t16;
-	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[39] === Symbol.for("react.memo_cache_sentinel")) {
 		t16 = () => setImporting(void 0);
-		$[40] = t16;
-	} else t16 = $[40];
+		$[39] = t16;
+	} else t16 = $[39];
 	let t17;
-	if ($[41] !== importing) {
+	if ($[40] !== importing) {
 		t17 = importing ?? { text: "" };
-		$[41] = importing;
-		$[42] = t17;
-	} else t17 = $[42];
+		$[40] = importing;
+		$[41] = t17;
+	} else t17 = $[41];
 	let t18;
-	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
 		t18 = () => setImporting(void 0);
-		$[43] = t18;
-	} else t18 = $[43];
+		$[42] = t18;
+	} else t18 = $[42];
 	let t19;
-	if ($[44] !== t17) {
+	if ($[43] !== t17) {
 		t19 = /* @__PURE__ */ jsx(ImportForm, {
 			draft: t17,
 			onDone: t18
 		});
-		$[44] = t17;
-		$[45] = t19;
-	} else t19 = $[45];
+		$[43] = t17;
+		$[44] = t19;
+	} else t19 = $[44];
 	let t20;
-	if ($[46] !== t15 || $[47] !== t19) {
+	if ($[45] !== t15 || $[46] !== t19) {
 		t20 = /* @__PURE__ */ jsx(Dialog, {
 			open: t15,
 			title: "Import Fit",
 			onClose: t16,
 			children: t19
 		});
-		$[46] = t15;
-		$[47] = t19;
-		$[48] = t20;
-	} else t20 = $[48];
+		$[45] = t15;
+		$[46] = t19;
+		$[47] = t20;
+	} else t20 = $[47];
 	let t21;
-	if ($[49] !== copyDialog || $[50] !== saver.dialog || $[51] !== t11 || $[52] !== t14 || $[53] !== t20 || $[54] !== t5) {
+	if ($[48] !== copyDialog || $[49] !== saver.dialog || $[50] !== t11 || $[51] !== t14 || $[52] !== t20 || $[53] !== t5) {
 		t21 = /* @__PURE__ */ jsxs("div", {
 			className: ItemBrowser_module_default.actions,
 			children: [
@@ -12455,14 +12574,14 @@ function FitActions(t0) {
 				saver.dialog
 			]
 		});
-		$[49] = copyDialog;
-		$[50] = saver.dialog;
-		$[51] = t11;
-		$[52] = t14;
-		$[53] = t20;
-		$[54] = t5;
-		$[55] = t21;
-	} else t21 = $[55];
+		$[48] = copyDialog;
+		$[49] = saver.dialog;
+		$[50] = t11;
+		$[51] = t14;
+		$[52] = t20;
+		$[53] = t5;
+		$[54] = t21;
+	} else t21 = $[54];
 	return t21;
 }
 function SaveSplit(t0) {
@@ -12856,10 +12975,10 @@ async function fitMutated(engine, store, typeId, itemId) {
 const noFits = [];
 const SHIPS_MARKET_GROUP_ID = 4;
 /** The Hulls & Fits tab of the `ItemBrowser`: EVE's hulls by group and race, with the fits saved for each. */
-function HullsAndFits(t0) {
+function HullsAndFits() {
 	const $ = c(115);
-	const { noHullSelected } = t0;
-	const fitShipId = useFit().ship.type_id;
+	const fitShipId = useSnapshotIfAny()?.fit.ship.type_id;
+	const noHullSelected = fitShipId === void 0;
 	const images = useImages();
 	const store = useFitStore();
 	const missingSkills = useMissingSkills();
@@ -12878,56 +12997,56 @@ function HullsAndFits(t0) {
 	const [currentHull, setCurrentHull] = useState(false);
 	const [flyable, setFlyable] = useState(false);
 	const [collapses, setCollapses] = useState(0);
-	let t1;
+	let t0;
 	if ($[0] !== search) {
-		t1 = search.trim().toLowerCase();
+		t0 = search.trim().toLowerCase();
 		$[0] = search;
-		$[1] = t1;
-	} else t1 = $[1];
-	const query = t1;
+		$[1] = t0;
+	} else t0 = $[1];
+	const query = t0;
 	const anySource = browserFits || personalFits;
 	const currentShipId = currentHull && !noHullSelected ? fitShipId : void 0;
-	let t2;
+	let t1;
 	if ($[2] !== query) {
-		t2 = (name) => (name ?? "").toLowerCase().includes(query);
+		t1 = (name) => (name ?? "").toLowerCase().includes(query);
 		$[2] = query;
-		$[3] = t2;
-	} else t2 = $[3];
-	const matches = t2;
-	let t3;
+		$[3] = t1;
+	} else t1 = $[3];
+	const matches = t1;
+	let t2;
 	if ($[4] !== anySource || $[5] !== browserFits || $[6] !== fits || $[7] !== personal.fits || $[8] !== personalFits) {
 		const listed = [...!anySource || browserFits ? fits.map(_temp$4) : [], ...!anySource || personalFits ? personal.fits.map(_temp2$2) : []].toSorted(_temp3);
-		t3 = Map.groupBy(listed, _temp4);
+		t2 = Map.groupBy(listed, _temp4);
 		$[4] = anySource;
 		$[5] = browserFits;
 		$[6] = fits;
 		$[7] = personal.fits;
 		$[8] = personalFits;
-		$[9] = t3;
-	} else t3 = $[9];
-	const fitsByHull = t3;
-	let t4;
+		$[9] = t2;
+	} else t2 = $[9];
+	const fitsByHull = t2;
+	let t3;
 	if ($[10] !== fits) {
-		t4 = Map.groupBy(fits, _temp5);
+		t3 = Map.groupBy(fits, _temp5);
 		$[10] = fits;
-		$[11] = t4;
-	} else t4 = $[11];
-	let t5;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
 	if ($[12] !== personal.fits) {
-		t5 = Map.groupBy(personal.fits, _temp6);
+		t4 = Map.groupBy(personal.fits, _temp6);
 		$[12] = personal.fits;
-		$[13] = t5;
-	} else t5 = $[13];
-	let t6;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
 	if ($[14] !== fitsByHull || $[15] !== flyable || $[16] !== matches || $[17] !== missingSkills) {
-		t6 = (ship) => {
+		t5 = (ship) => {
 			const saved = fitsByHull.get(ship.id) ?? noFits;
-			const kept = flyable ? saved.filter((t7) => {
-				const { fit: fit_4 } = t7;
+			const kept = flyable ? saved.filter((t6) => {
+				const { fit: fit_4 } = t6;
 				return missingSkills(fit_4).length === 0;
 			}) : saved;
-			return matches(ship.name) ? kept : kept.filter((t8) => {
-				const { fit: fit_5 } = t8;
+			return matches(ship.name) ? kept : kept.filter((t7) => {
+				const { fit: fit_5 } = t7;
 				return matches(fit_5.name);
 			});
 		};
@@ -12935,30 +13054,30 @@ function HullsAndFits(t0) {
 		$[15] = flyable;
 		$[16] = matches;
 		$[17] = missingSkills;
-		$[18] = t6;
-	} else t6 = $[18];
-	let t7;
-	if ($[19] !== t4 || $[20] !== t5 || $[21] !== t6) {
-		t7 = {
-			browserByHull: t4,
-			personalByHull: t5,
-			shownFits: t6
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== t3 || $[20] !== t4 || $[21] !== t5) {
+		t6 = {
+			browserByHull: t3,
+			personalByHull: t4,
+			shownFits: t5
 		};
-		$[19] = t4;
-		$[20] = t5;
-		$[21] = t6;
-		$[22] = t7;
-	} else t7 = $[22];
-	const { browserByHull, personalByHull, shownFits } = t7;
-	let t8;
+		$[19] = t3;
+		$[20] = t4;
+		$[21] = t5;
+		$[22] = t6;
+	} else t6 = $[22];
+	const { browserByHull, personalByHull, shownFits } = t6;
+	let t7;
 	bb0: {
 		if (query === "" && !currentHull && !anySource && !flyable) {
-			t8 = void 0;
+			t7 = void 0;
 			break bb0;
 		}
-		let t9;
+		let t8;
 		if ($[23] !== anySource || $[24] !== currentHull || $[25] !== currentShipId || $[26] !== flyable || $[27] !== missingSkills || $[28] !== query || $[29] !== shownFits) {
-			t9 = (ship_0) => {
+			t8 = (ship_0) => {
 				if (currentShipId !== void 0 && ship_0.id !== currentShipId) return false;
 				if (flyable && missingSkills([ship_0.id]).length > 0) return false;
 				const shown = shownFits(ship_0);
@@ -12972,24 +13091,24 @@ function HullsAndFits(t0) {
 			$[27] = missingSkills;
 			$[28] = query;
 			$[29] = shownFits;
-			$[30] = t9;
-		} else t9 = $[30];
-		t8 = t9;
+			$[30] = t8;
+		} else t8 = $[30];
+		t7 = t8;
 	}
-	const groups = useHullTree(t8);
-	let t9;
+	const groups = useHullTree(t7);
+	let t8;
 	if ($[31] !== store) {
-		t9 = (shipTypeId) => store.replace({
+		t8 = (shipTypeId) => store.replace({
 			ship: { type_id: shipTypeId },
 			items: []
 		});
 		$[31] = store;
-		$[32] = t9;
-	} else t9 = $[32];
-	const simulate = t9;
-	let t10;
+		$[32] = t8;
+	} else t8 = $[32];
+	const simulate = t8;
+	let t9;
 	if ($[33] !== open || $[34] !== showInfo || $[35] !== simulate) {
-		t10 = (event, ship_1) => {
+		t9 = (event, ship_1) => {
 			const anchor = event.currentTarget;
 			open(event, [
 				{
@@ -13010,13 +13129,13 @@ function HullsAndFits(t0) {
 		$[33] = open;
 		$[34] = showInfo;
 		$[35] = simulate;
-		$[36] = t10;
-	} else t10 = $[36];
-	const hullMenu = t10;
-	let t11;
+		$[36] = t9;
+	} else t9 = $[36];
+	const hullMenu = t9;
+	let t10;
 	if ($[37] !== copy || $[38] !== open || $[39] !== personal.remove || $[40] !== saveFit || $[41] !== saveTarget || $[42] !== store) {
-		t11 = (event_0, t12) => {
-			const { fit: fit_6, kind } = t12;
+		t10 = (event_0, t11) => {
+			const { fit: fit_6, kind } = t11;
 			open(event_0, [
 				{
 					label: "Simulate Fitting",
@@ -13051,75 +13170,75 @@ function HullsAndFits(t0) {
 		$[40] = saveFit;
 		$[41] = saveTarget;
 		$[42] = store;
-		$[43] = t11;
-	} else t11 = $[43];
-	const fitMenu = t11;
-	let t12;
+		$[43] = t10;
+	} else t10 = $[43];
+	const fitMenu = t10;
+	let t11;
 	if ($[44] !== collapses) {
-		t12 = () => setCollapses(collapses + 1);
+		t11 = () => setCollapses(collapses + 1);
 		$[44] = collapses;
-		$[45] = t12;
-	} else t12 = $[45];
-	let t13;
-	if ($[46] !== search || $[47] !== t12) {
-		t13 = /* @__PURE__ */ jsx(Search, {
+		$[45] = t11;
+	} else t11 = $[45];
+	let t12;
+	if ($[46] !== search || $[47] !== t11) {
+		t12 = /* @__PURE__ */ jsx(Search, {
 			value: search,
 			onChange: setSearch,
-			onCollapse: t12
+			onCollapse: t11
 		});
 		$[46] = search;
-		$[47] = t12;
-		$[48] = t13;
-	} else t13 = $[48];
-	let t14;
+		$[47] = t11;
+		$[48] = t12;
+	} else t12 = $[48];
+	let t13;
 	if ($[49] !== browserFits) {
-		t14 = /* @__PURE__ */ jsx(FilterToggle, {
+		t13 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-browser",
 			label: "Browser Fittings",
 			pressed: browserFits,
 			onPressedChange: setBrowserFits
 		});
 		$[49] = browserFits;
-		$[50] = t14;
-	} else t14 = $[50];
-	let t15;
+		$[50] = t13;
+	} else t13 = $[50];
+	let t14;
 	if ($[51] !== personalFits) {
-		t15 = /* @__PURE__ */ jsx(FilterToggle, {
+		t14 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-personal",
 			label: "Personal Fittings",
 			pressed: personalFits,
 			onPressedChange: setPersonalFits
 		});
 		$[51] = personalFits;
-		$[52] = t15;
-	} else t15 = $[52];
+		$[52] = t14;
+	} else t14 = $[52];
+	let t15;
 	let t16;
 	let t17;
-	let t18;
 	if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(FilterToggle, {
+		t15 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-corporation",
 			label: "Corporation Fittings"
 		});
-		t17 = /* @__PURE__ */ jsx(FilterToggle, {
+		t16 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-alliance",
 			label: "Alliance Fittings"
 		});
-		t18 = /* @__PURE__ */ jsx(FilterToggle, {
+		t17 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-community",
 			label: "Community Fittings"
 		});
-		$[53] = t16;
-		$[54] = t17;
-		$[55] = t18;
+		$[53] = t15;
+		$[54] = t16;
+		$[55] = t17;
 	} else {
-		t16 = $[53];
-		t17 = $[54];
-		t18 = $[55];
+		t15 = $[53];
+		t16 = $[54];
+		t17 = $[55];
 	}
-	let t19;
+	let t18;
 	if ($[56] !== currentHull || $[57] !== noHullSelected) {
-		t19 = /* @__PURE__ */ jsx(FilterToggle, {
+		t18 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "current-hull",
 			label: "Current Hull",
 			pressed: currentHull,
@@ -13128,43 +13247,43 @@ function HullsAndFits(t0) {
 		});
 		$[56] = currentHull;
 		$[57] = noHullSelected;
-		$[58] = t19;
-	} else t19 = $[58];
-	let t20;
+		$[58] = t18;
+	} else t18 = $[58];
+	let t19;
 	if ($[59] !== flyable) {
-		t20 = /* @__PURE__ */ jsx(FilterToggle, {
+		t19 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "skills",
 			label: "Skills",
 			pressed: flyable,
 			onPressedChange: setFlyable
 		});
 		$[59] = flyable;
-		$[60] = t20;
-	} else t20 = $[60];
-	let t21;
-	if ($[61] !== t14 || $[62] !== t15 || $[63] !== t19 || $[64] !== t20) {
-		t21 = /* @__PURE__ */ jsxs("fieldset", {
+		$[60] = t19;
+	} else t19 = $[60];
+	let t20;
+	if ($[61] !== t13 || $[62] !== t14 || $[63] !== t18 || $[64] !== t19) {
+		t20 = /* @__PURE__ */ jsxs("fieldset", {
 			className: ItemBrowser_module_default.filters,
 			"aria-label": "Filters",
 			children: [
+				t13,
 				t14,
 				t15,
 				t16,
 				t17,
 				t18,
-				t19,
-				t20
+				t19
 			]
 		});
-		$[61] = t14;
-		$[62] = t15;
-		$[63] = t19;
-		$[64] = t20;
-		$[65] = t21;
-	} else t21 = $[65];
-	let t22;
+		$[61] = t13;
+		$[62] = t14;
+		$[63] = t18;
+		$[64] = t19;
+		$[65] = t20;
+	} else t20 = $[65];
+	let t21;
 	if ($[66] !== groups.length || $[67] !== personal.character || $[68] !== personalFits) {
-		t22 = personalFits && personal.character?.canReadFits !== true ? /* @__PURE__ */ jsx("p", {
+		t21 = personalFits && personal.character?.canReadFits !== true ? /* @__PURE__ */ jsx("p", {
 			className: ItemBrowser_module_default.empty,
 			children: personal.character === void 0 ? "Log in or pick a character with the Character button" : "Log in again with the Character button to see fittings"
 		}) : groups.length === 0 ? /* @__PURE__ */ jsx("p", {
@@ -13174,18 +13293,18 @@ function HullsAndFits(t0) {
 		$[66] = groups.length;
 		$[67] = personal.character;
 		$[68] = personalFits;
-		$[69] = t22;
-	} else t22 = $[69];
-	let t23;
+		$[69] = t21;
+	} else t21 = $[69];
+	let t22;
 	if ($[70] !== browserByHull || $[71] !== collapses || $[72] !== end || $[73] !== fitMenu || $[74] !== groups || $[75] !== hullMenu || $[76] !== images || $[77] !== personalByHull || $[78] !== shownFits || $[79] !== simulate || $[80] !== start || $[81] !== store) {
-		t23 = groups.length > 0 && /* @__PURE__ */ jsx(TreeList, {
+		t22 = groups.length > 0 && /* @__PURE__ */ jsx(TreeList, {
 			label: "Hulls",
-			children: groups.map((t24) => {
-				const { group, races } = t24;
+			children: groups.map((t23) => {
+				const { group, races } = t23;
 				return /* @__PURE__ */ jsx(TreeGroup, {
 					label: group.name,
-					children: () => races.map((t25) => {
-						const { race, factionId, ships } = t25;
+					children: () => races.map((t24) => {
+						const { race, factionId, ships } = t24;
 						return /* @__PURE__ */ jsx(TreeGroup, {
 							label: `${raceName(race)} [${ships.length}]`,
 							icon: factionId === void 0 ? images.marketGroupIcon(SHIPS_MARKET_GROUP_ID) : images.factionIcon(factionId),
@@ -13255,55 +13374,55 @@ function HullsAndFits(t0) {
 		$[79] = simulate;
 		$[80] = start;
 		$[81] = store;
-		$[82] = t23;
-	} else t23 = $[82];
-	let t24;
-	if ($[83] !== t22 || $[84] !== t23) {
-		t24 = /* @__PURE__ */ jsxs("div", {
+		$[82] = t22;
+	} else t22 = $[82];
+	let t23;
+	if ($[83] !== t21 || $[84] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("div", {
 			className: ItemBrowser_module_default.tree,
-			children: [t22, t23]
+			children: [t21, t22]
 		});
-		$[83] = t22;
-		$[84] = t23;
-		$[85] = t24;
-	} else t24 = $[85];
-	const t25 = deleting !== void 0;
-	let t26;
+		$[83] = t21;
+		$[84] = t22;
+		$[85] = t23;
+	} else t23 = $[85];
+	const t24 = deleting !== void 0;
+	let t25;
 	if ($[86] === Symbol.for("react.memo_cache_sentinel")) {
-		t26 = () => setDeleting(void 0);
-		$[86] = t26;
-	} else t26 = $[86];
-	const t27 = deleting?.fit.name || "Unnamed";
-	const t28 = deleting?.kind === "fits-personal" ? `${personal.character?.name} in EVE` : "this browser";
-	let t29;
-	if ($[87] !== t27 || $[88] !== t28) {
-		t29 = /* @__PURE__ */ jsxs("p", { children: [
+		t25 = () => setDeleting(void 0);
+		$[86] = t25;
+	} else t25 = $[86];
+	const t26 = deleting?.fit.name || "Unnamed";
+	const t27 = deleting?.kind === "fits-personal" ? `${personal.character?.name} in EVE` : "this browser";
+	let t28;
+	if ($[87] !== t26 || $[88] !== t27) {
+		t28 = /* @__PURE__ */ jsxs("p", { children: [
 			"Delete the fit \"",
-			t27,
+			t26,
 			"\" from",
 			" ",
-			t28,
+			t27,
 			"?"
 		] });
-		$[87] = t27;
-		$[88] = t28;
-		$[89] = t29;
-	} else t29 = $[89];
-	let t30;
+		$[87] = t26;
+		$[88] = t27;
+		$[89] = t28;
+	} else t28 = $[89];
+	let t29;
 	if ($[90] === Symbol.for("react.memo_cache_sentinel")) {
-		t30 = /* @__PURE__ */ jsx("button", {
+		t29 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: ItemBrowser_module_default.action,
 			onClick: () => setDeleting(void 0),
 			children: "Cancel"
 		});
-		$[90] = t30;
-	} else t30 = $[90];
-	let t31;
+		$[90] = t29;
+	} else t29 = $[90];
+	let t30;
 	if ($[91] !== deleting || $[92] !== personal || $[93] !== remove) {
-		t31 = /* @__PURE__ */ jsxs("div", {
+		t30 = /* @__PURE__ */ jsxs("div", {
 			className: ItemBrowser_module_default.dialogButtons,
-			children: [t30, /* @__PURE__ */ jsx("button", {
+			children: [t29, /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: ItemBrowser_module_default.action,
 				onClick: () => {
@@ -13320,45 +13439,45 @@ function HullsAndFits(t0) {
 		$[91] = deleting;
 		$[92] = personal;
 		$[93] = remove;
-		$[94] = t31;
-	} else t31 = $[94];
-	let t32;
-	if ($[95] !== t29 || $[96] !== t31) {
-		t32 = /* @__PURE__ */ jsxs("div", {
+		$[94] = t30;
+	} else t30 = $[94];
+	let t31;
+	if ($[95] !== t28 || $[96] !== t30) {
+		t31 = /* @__PURE__ */ jsxs("div", {
 			className: ItemBrowser_module_default.confirm,
-			children: [t29, t31]
+			children: [t28, t30]
 		});
-		$[95] = t29;
-		$[96] = t31;
-		$[97] = t32;
-	} else t32 = $[97];
-	let t33;
-	if ($[98] !== t25 || $[99] !== t32) {
-		t33 = /* @__PURE__ */ jsx(Dialog, {
-			open: t25,
+		$[95] = t28;
+		$[96] = t30;
+		$[97] = t31;
+	} else t31 = $[97];
+	let t32;
+	if ($[98] !== t24 || $[99] !== t31) {
+		t32 = /* @__PURE__ */ jsx(Dialog, {
+			open: t24,
 			title: "Delete Fitting?",
-			onClose: t26,
-			children: t32
+			onClose: t25,
+			children: t31
 		});
-		$[98] = t25;
-		$[99] = t32;
-		$[100] = t33;
-	} else t33 = $[100];
-	let t34;
+		$[98] = t24;
+		$[99] = t31;
+		$[100] = t32;
+	} else t32 = $[100];
+	let t33;
 	if ($[101] === Symbol.for("react.memo_cache_sentinel")) {
-		t34 = () => setDeleteFailed(false);
-		$[101] = t34;
-	} else t34 = $[101];
-	let t35;
+		t33 = () => setDeleteFailed(false);
+		$[101] = t33;
+	} else t33 = $[101];
+	let t34;
 	if ($[102] === Symbol.for("react.memo_cache_sentinel")) {
-		t35 = /* @__PURE__ */ jsx("p", { children: "EVE did not delete this fit. Please try again." });
-		$[102] = t35;
-	} else t35 = $[102];
-	let t36;
+		t34 = /* @__PURE__ */ jsx("p", { children: "EVE did not delete this fit. Please try again." });
+		$[102] = t34;
+	} else t34 = $[102];
+	let t35;
 	if ($[103] === Symbol.for("react.memo_cache_sentinel")) {
-		t36 = /* @__PURE__ */ jsxs("div", {
+		t35 = /* @__PURE__ */ jsxs("div", {
 			className: ItemBrowser_module_default.confirm,
-			children: [t35, /* @__PURE__ */ jsx("div", {
+			children: [t34, /* @__PURE__ */ jsx("div", {
 				className: ItemBrowser_module_default.dialogButtons,
 				children: /* @__PURE__ */ jsx("button", {
 					type: "button",
@@ -13368,42 +13487,42 @@ function HullsAndFits(t0) {
 				})
 			})]
 		});
-		$[103] = t36;
-	} else t36 = $[103];
-	let t37;
+		$[103] = t35;
+	} else t35 = $[103];
+	let t36;
 	if ($[104] !== deleteFailed) {
-		t37 = /* @__PURE__ */ jsx(Dialog, {
+		t36 = /* @__PURE__ */ jsx(Dialog, {
 			open: deleteFailed,
 			title: "Delete Fitting",
-			onClose: t34,
-			children: t36
+			onClose: t33,
+			children: t35
 		});
 		$[104] = deleteFailed;
-		$[105] = t37;
-	} else t37 = $[105];
-	let t38;
-	if ($[106] !== copyDialog || $[107] !== menu || $[108] !== saveDialog || $[109] !== t13 || $[110] !== t21 || $[111] !== t24 || $[112] !== t33 || $[113] !== t37) {
-		t38 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			t13,
-			t21,
-			t24,
+		$[105] = t36;
+	} else t36 = $[105];
+	let t37;
+	if ($[106] !== copyDialog || $[107] !== menu || $[108] !== saveDialog || $[109] !== t12 || $[110] !== t20 || $[111] !== t23 || $[112] !== t32 || $[113] !== t36) {
+		t37 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			t12,
+			t20,
+			t23,
 			menu,
 			copyDialog,
 			saveDialog,
-			t33,
-			t37
+			t32,
+			t36
 		] });
 		$[106] = copyDialog;
 		$[107] = menu;
 		$[108] = saveDialog;
-		$[109] = t13;
-		$[110] = t21;
-		$[111] = t24;
-		$[112] = t33;
-		$[113] = t37;
-		$[114] = t38;
-	} else t38 = $[114];
-	return t38;
+		$[109] = t12;
+		$[110] = t20;
+		$[111] = t23;
+		$[112] = t32;
+		$[113] = t36;
+		$[114] = t37;
+	} else t37 = $[114];
+	return t37;
 }
 function _temp6(fit_3) {
 	return fit_3.ship.type_id;
@@ -13602,8 +13721,8 @@ const kindLabels = {
 /** The Implants tab of the `ItemBrowser`: implants and boosters by market group or by slot. */
 function Implants(t0) {
 	const $ = c(61);
-	const { noHullSelected } = t0;
-	const { actions, clear, overlays } = useTypeActions(noHullSelected);
+	const { handled } = t0;
+	const { actions, clear, overlays } = useTypeActions();
 	const placement = usePlacement();
 	const missingSkills = useMissingSkills();
 	const [search, setSearch] = useState("");
@@ -13613,7 +13732,7 @@ function Implants(t0) {
 	const [collapses, setCollapses] = useState(0);
 	const [opened, setOpened] = useState();
 	const { request } = useBrowse();
-	const [browsed, setBrowsed] = useState(request);
+	const [browsed, setBrowsed] = useState(handled);
 	if (request !== browsed) {
 		setBrowsed(request);
 		const target = request?.target;
@@ -14012,12 +14131,14 @@ const slotFilters = [
 /** The Modules tab of the `ItemBrowser`: what goes on a ship, by market group. */
 function Modules(t0) {
 	const $ = c(52);
-	const { noHullSelected } = t0;
-	const { actions, clear, overlays } = useTypeActions(noHullSelected);
+	const { handled } = t0;
+	const { actions, clear, overlays } = useTypeActions();
 	const placement = usePlacement();
 	const canFit = useCanFit();
 	const missingSkills = useMissingSkills();
-	const services = useSnapshot().stats.slots.service.total > 0;
+	const snapshot = useSnapshotIfAny();
+	const noHullSelected = snapshot === void 0;
+	const services = (snapshot?.stats.slots.service.total ?? 0) > 0;
 	let t1;
 	if ($[0] !== services) {
 		t1 = (t2) => {
@@ -14034,7 +14155,7 @@ function Modules(t0) {
 	const [flyable, setFlyable] = useState(false);
 	const [collapses, setCollapses] = useState(0);
 	const { request } = useBrowse();
-	const [browsed, setBrowsed] = useState(request);
+	const [browsed, setBrowsed] = useState(handled);
 	if (request !== browsed) {
 		setBrowsed(request);
 		const target = request?.target;
@@ -14254,37 +14375,41 @@ function _temp$2() {
 	return /* @__PURE__ */ new Set();
 }
 // src/components/ItemBrowser/ItemBrowser.tsx
+const NO_TABS = /* @__PURE__ */ new Set();
 /** EVE's browser of hulls and fits, modules, charges, and implants, left of the fitting wheel. */
-function ItemBrowser({ label = "Item Browser", noHullSelected = false, pasteToOpen = false }) {
+function ItemBrowser({ label = "Item Browser", pasteToOpen = false }) {
 	const [tab, setTab] = useState("hulls");
+	const [opened, setOpened] = useState(() => /* @__PURE__ */ new Set([tab]));
+	if (!opened.has(tab)) setOpened(/* @__PURE__ */ new Set([...opened, tab]));
+	const rendered = useDeferredValue(opened, NO_TABS);
 	const { request } = useBrowse();
 	const [browsed, setBrowsed] = useState(request);
+	const [handled] = useState(request);
 	if (request !== browsed) {
 		setBrowsed(request);
 		if (request !== void 0) setTab(typeof request.target === "string" ? "modules" : "implants");
 	}
 	const id = useId();
-	const ready = useDeferredValue(true, false);
 	const tabs = [
 		{
 			tab: "hulls",
 			label: "Hulls & Fits",
-			panel: /* @__PURE__ */ jsx(HullsAndFits, { noHullSelected })
+			panel: /* @__PURE__ */ jsx(HullsAndFits, {})
 		},
 		{
 			tab: "modules",
 			label: "Modules",
-			panel: /* @__PURE__ */ jsx(Modules, { noHullSelected })
+			panel: /* @__PURE__ */ jsx(Modules, { handled })
 		},
 		{
 			tab: "charges",
 			label: "Charges",
-			panel: /* @__PURE__ */ jsx(Charges, { noHullSelected })
+			panel: /* @__PURE__ */ jsx(Charges, {})
 		},
 		{
 			tab: "implants",
 			label: "Implants",
-			panel: /* @__PURE__ */ jsx(Implants, { noHullSelected })
+			panel: /* @__PURE__ */ jsx(Implants, { handled })
 		}
 	];
 	return /* @__PURE__ */ jsxs("section", {
@@ -14325,7 +14450,7 @@ function ItemBrowser({ label = "Item Browser", noHullSelected = false, pasteToOp
 						search.focus();
 					}
 				},
-				children: ready ? /* @__PURE__ */ jsx(Activity, {
+				children: rendered.has(each_0.tab) ? /* @__PURE__ */ jsx(Activity, {
 					mode: tab === each_0.tab ? "visible" : "hidden",
 					children: each_0.panel
 				}) : /* @__PURE__ */ jsx("p", {
@@ -14333,10 +14458,7 @@ function ItemBrowser({ label = "Item Browser", noHullSelected = false, pasteToOp
 					children: "Loading…"
 				})
 			}, each_0.tab)),
-			/* @__PURE__ */ jsx(FitActions, {
-				noHullSelected,
-				pasteToOpen
-			})
+			/* @__PURE__ */ jsx(FitActions, { pasteToOpen })
 		]
 	});
 }
@@ -16288,4 +16410,4 @@ function ShipStatistics({ label = "Statistics" }) {
 		})]
 	});
 }
-export { CapacitorRing, CapacitorStats, DefenseStats, Dialog, DroneStats, FilterToggle, FitPrice, FittingWheel, FittingWindow, HistoryBar, Icon, ItemBrowser, NavigationStats, OffenseStats, RepairRate, ResistanceBar, Resistances, ShipStatistics, Stat, StatsSection, TargetingStats, Tooltip, TooltipText, TreeGroup, TreeLeaf, TreeList, TypeIcon, Wheel, WheelGauge, WheelHardpoints, WheelHull, WheelLink, WheelRackMarker, WheelSlot, iconNames, rackSize, slotAngle };
+export { CapacitorRing, CapacitorStats, DefenseStats, Dialog, DroneStats, FilterToggle, FitPrice, FittingWheel, FittingWindow, FittingWindowLoading, HistoryBar, Icon, ItemBrowser, NavigationStats, OffenseStats, RepairRate, ResistanceBar, Resistances, ShipStatistics, Stat, StatsSection, TargetingStats, Tooltip, TooltipText, TreeGroup, TreeLeaf, TreeList, TypeIcon, Wheel, WheelGauge, WheelHardpoints, WheelHull, WheelLink, WheelRackMarker, WheelSlot, iconNames, rackSize, slotAngle };