@eveshipfit/ui-ingame 1.1.0 → 1.3.0

package/dist/index.mjs

@@ -2,7 +2,7 @@ import './style.css';
 import { c } from "react/compiler-runtime";
 import { useEffect, useId, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { formatClock, formatDuration, formatNumber, useAttribute, useAttributeTooltip, useBayUsage, useCanFit, useChargeTree, useChargedModules, useCharges, useDrag, useFit, useFitHistory, useFitStore, useHardpoints, useHullTree, useImages, useLocalFits, useMissingSkills, useModuleTree, usePlacement, usePreview, useRackUsage, useSde, useSlots, useType, useViolations } from "@eveshipfit/react-hooks";
+import { formatClock, formatDuration, formatNumber, useAttribute, useAttributeTooltip, useBayContents, useBayUsage, useCanFit, useChargeSearch, useChargeTree, useChargedModules, useCharges, useDrag, useDroneRoom, useFit, useFitHistory, useFitStore, useHardpoints, useHullTree, useImages, useLocalFits, useMissingSkills, useModuleSearch, useModuleTree, usePlacement, usePreview, useRackUsage, useSde, useShownSnapshot, useSlots, useSnapshot, useStats, useType } from "@eveshipfit/react-hooks";
 //#region src/primitives/Dialog/Dialog.module.css
 var Dialog_module_default = {
 	"close": "kwi1cG_close",
@@ -457,6 +457,7 @@ const textures = {
 	"slot-low": "classes/fitting/filtericonlowslot",
 	"slot-rig": "classes/fitting/filtericonrigslot",
 	"slot-subsystem": "windowicons/subsystems",
+	"slot-service": "classes/fitting/stationserviceslot",
 	"module-unfit": "icons/38_16_200",
 	"module-power": "icons/38_16_207",
 	"module-info": "icons/38_16_208",
@@ -465,6 +466,7 @@ const textures = {
 	collapse: "eveicon/system_icons/collapse_16px",
 	checkmark: "eveicon/system_icons/checkmark_16px",
 	close: "eveicon/system_icons/close_16px",
+	folder: "eveicon/system_icons/folder_16px",
 	"fits-browser": "windowicons/browser",
 	"fits-personal": "windowicons/member",
 	"fits-corporation": "windowicons/corporation",
@@ -486,6 +488,7 @@ const textures = {
 	statistics: "eveicon/system_icons/list_view_16px",
 	cargo: "windowicons/ships",
 	"drone-bay": "windowicons/dronebay",
+	"ammo-hold": "windowicons/itemhangar",
 	"arrow-left": "shared/triangleleft",
 	"arrow-right": "shared/triangleright",
 	"arrow-down": "shared/triangledown",
@@ -516,7 +519,8 @@ const textures = {
 	"stat-warp-speed": "classes/fitting/statsicons/warpspeed",
 	"stat-align-time": "classes/fitting/statsicons/aligntime",
 	"stat-drone-bandwidth": "classes/fitting/statsicons/bandwidth",
-	"stat-drone-control-range": "classes/fitting/statsicons/controlrange"
+	"stat-drone-control-range": "classes/fitting/statsicons/controlrange",
+	"stat-fuel": "classes/fitting/statsicons/fuel"
 };
 const iconNames = Object.keys(textures);
 function Icon(t0) {
@@ -615,7 +619,10 @@ function Tooltip(t0) {
 	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = () => show(true);
 		t9 = () => show(false);
-		t10 = (event) => show(event.target.matches(":focus-visible"));
+		t10 = (event) => {
+			const target = event.target;
+			setTimeout(() => show(target.matches(":focus-visible")));
+		};
 		t11 = () => show(false);
 		t12 = (event_0) => {
 			if (event_0.key === "Escape") show(false);
@@ -790,51 +797,53 @@ var HistoryBar_module_default = {
 //#region src/primitives/HistoryBar/HistoryBar.tsx
 /** EVE's Simulation History. */
 function HistoryBar(t0) {
-	const $ = c(28);
-	const { label, length, position, onGoTo } = t0;
-	let t1;
-	if ($[0] !== label) {
-		t1 = /* @__PURE__ */ jsx("span", {
+	const $ = c(33);
+	const { label, length, position, onGoTo, tooltipTitle: t1 } = t0;
+	const tooltipTitle = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[0] !== label || $[1] !== tooltipTitle) {
+		t2 = !tooltipTitle && /* @__PURE__ */ jsx("span", {
 			className: HistoryBar_module_default.title,
 			"aria-hidden": true,
 			children: label
 		});
 		$[0] = label;
-		$[1] = t1;
-	} else t1 = $[1];
-	const t2 = position <= 0;
-	let t3;
-	if ($[2] !== onGoTo || $[3] !== position) {
-		t3 = () => onGoTo(position - 1);
-		$[2] = onGoTo;
-		$[3] = position;
-		$[4] = t3;
-	} else t3 = $[4];
+		$[1] = tooltipTitle;
+		$[2] = t2;
+	} else t2 = $[2];
+	const t3 = position <= 0;
 	let t4;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(Icon, {
-			name: "arrow-left",
-			size: 10
-		});
+	if ($[3] !== onGoTo || $[4] !== position) {
+		t4 = () => onGoTo(position - 1);
+		$[3] = onGoTo;
+		$[4] = position;
 		$[5] = t4;
 	} else t4 = $[5];
 	let t5;
-	if ($[6] !== t2 || $[7] !== t3) {
-		t5 = /* @__PURE__ */ jsx("button", {
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Icon, {
+			name: "arrow-left",
+			size: 10
+		});
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== t3 || $[8] !== t4) {
+		t6 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: HistoryBar_module_default.arrow,
 			"aria-label": "Back",
-			disabled: t2,
-			onClick: t3,
-			children: t4
+			disabled: t3,
+			onClick: t4,
+			children: t5
 		});
-		$[6] = t2;
 		$[7] = t3;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== length || $[10] !== onGoTo || $[11] !== position) {
-		t6 = /* @__PURE__ */ jsx("div", {
+		$[8] = t4;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== length || $[11] !== onGoTo || $[12] !== position) {
+		t7 = /* @__PURE__ */ jsx("div", {
 			className: HistoryBar_module_default.entries,
 			children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx("button", {
 				type: "button",
@@ -844,69 +853,81 @@ function HistoryBar(t0) {
 				onClick: () => onGoTo(index)
 			}, index))
 		});
-		$[9] = length;
-		$[10] = onGoTo;
-		$[11] = position;
-		$[12] = t6;
-	} else t6 = $[12];
-	const t7 = position >= length - 1;
-	let t8;
-	if ($[13] !== onGoTo || $[14] !== position) {
-		t8 = () => onGoTo(position + 1);
-		$[13] = onGoTo;
-		$[14] = position;
-		$[15] = t8;
-	} else t8 = $[15];
+		$[10] = length;
+		$[11] = onGoTo;
+		$[12] = position;
+		$[13] = t7;
+	} else t7 = $[13];
+	const t8 = position >= length - 1;
 	let t9;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx(Icon, {
-			name: "arrow-right",
-			size: 10
-		});
+	if ($[14] !== onGoTo || $[15] !== position) {
+		t9 = () => onGoTo(position + 1);
+		$[14] = onGoTo;
+		$[15] = position;
 		$[16] = t9;
 	} else t9 = $[16];
 	let t10;
-	if ($[17] !== t7 || $[18] !== t8) {
-		t10 = /* @__PURE__ */ jsx("button", {
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Icon, {
+			name: "arrow-right",
+			size: 10
+		});
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== t8 || $[19] !== t9) {
+		t11 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: HistoryBar_module_default.arrow,
 			"aria-label": "Forward",
-			disabled: t7,
-			onClick: t8,
-			children: t9
+			disabled: t8,
+			onClick: t9,
+			children: t10
 		});
-		$[17] = t7;
 		$[18] = t8;
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== t10 || $[21] !== t5 || $[22] !== t6) {
-		t11 = /* @__PURE__ */ jsxs("div", {
+		$[19] = t9;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== t11 || $[22] !== t6 || $[23] !== t7) {
+		t12 = /* @__PURE__ */ jsxs("div", {
 			className: HistoryBar_module_default.row,
 			children: [
-				t5,
 				t6,
-				t10
+				t7,
+				t11
 			]
 		});
-		$[20] = t10;
-		$[21] = t5;
+		$[21] = t11;
 		$[22] = t6;
-		$[23] = t11;
-	} else t11 = $[23];
-	let t12;
-	if ($[24] !== label || $[25] !== t1 || $[26] !== t11) {
-		t12 = /* @__PURE__ */ jsxs("fieldset", {
+		$[23] = t7;
+		$[24] = t12;
+	} else t12 = $[24];
+	let t13;
+	if ($[25] !== label || $[26] !== t12 || $[27] !== t2) {
+		t13 = /* @__PURE__ */ jsxs("fieldset", {
 			className: HistoryBar_module_default.history,
 			"aria-label": label,
-			children: [t1, t11]
+			children: [t2, t12]
 		});
-		$[24] = label;
-		$[25] = t1;
-		$[26] = t11;
-		$[27] = t12;
-	} else t12 = $[27];
-	return t12;
+		$[25] = label;
+		$[26] = t12;
+		$[27] = t2;
+		$[28] = t13;
+	} else t13 = $[28];
+	const bar = t13;
+	let t14;
+	if ($[29] !== bar || $[30] !== label || $[31] !== tooltipTitle) {
+		t14 = tooltipTitle ? /* @__PURE__ */ jsx(Tooltip, {
+			label,
+			children: bar
+		}) : bar;
+		$[29] = bar;
+		$[30] = label;
+		$[31] = tooltipTitle;
+		$[32] = t14;
+	} else t14 = $[32];
+	return t14;
 }
 //#endregion
 //#region src/primitives/Wheel/layout.ts
@@ -1088,6 +1109,94 @@ function WheelRackMarker(t0) {
 	return t3;
 }
 //#endregion
+//#region src/primitives/SlotAction/SlotAction.module.css
+var SlotAction_module_default = { "button": "ld11eq_button" };
+//#endregion
+//#region src/primitives/SlotAction/SlotAction.tsx
+/** One of the buttons EVE shows over a hovered slot. */
+function SlotAction(t0) {
+	const $ = c(9);
+	const { icon, label, onPress } = t0;
+	let t1;
+	if ($[0] !== icon) {
+		t1 = /* @__PURE__ */ jsx(Icon, { name: icon });
+		$[0] = icon;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== label || $[3] !== onPress || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: SlotAction_module_default.button,
+			"aria-label": label,
+			onClick: onPress,
+			children: t1
+		});
+		$[2] = label;
+		$[3] = onPress;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== label || $[7] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Tooltip, {
+			label,
+			children: t2
+		});
+		$[6] = label;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+function SlotInfo() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(Tooltip, {
+			label: "Show Info (not implemented yet)",
+			children: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: SlotAction_module_default.button,
+				"aria-label": "Show Info",
+				"aria-disabled": true,
+				children: /* @__PURE__ */ jsx(Icon, { name: "module-info" })
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+/** Makes the whole slot a button, named `label`. */
+function SlotPress(t0) {
+	const $ = c(4);
+	const { className, label, onPress } = t0;
+	let t1;
+	if ($[0] !== className || $[1] !== label || $[2] !== onPress) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			role: "button",
+			tabIndex: 0,
+			className,
+			"aria-label": label,
+			onClick: onPress,
+			onKeyDown: _temp$8
+		});
+		$[0] = className;
+		$[1] = label;
+		$[2] = onPress;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function _temp$8(event) {
+	if (event.key !== "Enter" && event.key !== " ") return;
+	event.preventDefault();
+	event.currentTarget.dispatchEvent(new MouseEvent("click", {
+		bubbles: true,
+		shiftKey: event.shiftKey
+	}));
+}
+//#endregion
 //#region src/primitives/Wheel/WheelSlot.module.css
 var WheelSlot_module_default = {
 	"action": "T6VD6G_action",
@@ -1095,7 +1204,6 @@ var WheelSlot_module_default = {
 	"ammo": "T6VD6G_ammo",
 	"body": "T6VD6G_body",
 	"bridge": "T6VD6G_bridge",
-	"button": "T6VD6G_button",
 	"empty": "T6VD6G_empty",
 	"fill": "T6VD6G_fill",
 	"frame": "T6VD6G_frame",
@@ -1215,7 +1323,7 @@ function WheelSlot(t0) {
 			if (chargeTypeId !== void 0) {
 				row.push(onRemoveCharge && {
 					key: "charge",
-					node: /* @__PURE__ */ jsx(Action, {
+					node: /* @__PURE__ */ jsx(SlotAction, {
 						icon: "module-unfit",
 						label: "Remove Charge",
 						onPress: onRemoveCharge
@@ -1223,7 +1331,7 @@ function WheelSlot(t0) {
 				});
 				let t8;
 				if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-					t8 = /* @__PURE__ */ jsx(ShowInfo, {});
+					t8 = /* @__PURE__ */ jsx(SlotInfo, {});
 					$[34] = t8;
 				} else t8 = $[34];
 				row.push({
@@ -1247,7 +1355,7 @@ function WheelSlot(t0) {
 			}
 			row.push(onUnfit && {
 				key: "unfit",
-				node: /* @__PURE__ */ jsx(Action, {
+				node: /* @__PURE__ */ jsx(SlotAction, {
 					icon: "module-unfit",
 					label: "Unfit Module",
 					onPress: onUnfit
@@ -1255,7 +1363,7 @@ function WheelSlot(t0) {
 			});
 			let t8;
 			if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-				t8 = /* @__PURE__ */ jsx(ShowInfo, {});
+				t8 = /* @__PURE__ */ jsx(SlotInfo, {});
 				$[35] = t8;
 			} else t8 = $[35];
 			row.push({
@@ -1265,14 +1373,14 @@ function WheelSlot(t0) {
 			const power = state === "offline" ? "Put Online" : "Put Offline";
 			row.push(onTogglePower && {
 				key: "power",
-				node: /* @__PURE__ */ jsx(Action, {
+				node: /* @__PURE__ */ jsx(SlotAction, {
 					icon: "module-power",
 					label: power,
 					onPress: onTogglePower
 				})
 			});
 		}
-		t7 = row.findLastIndex(_temp$5);
+		t7 = row.findLastIndex(_temp$7);
 		$[23] = chargeTypeId;
 		$[24] = fitted;
 		$[25] = onRemoveCharge;
@@ -1369,13 +1477,10 @@ function WheelSlot(t0) {
 	} else t19 = $[57];
 	let t20;
 	if ($[58] !== label || $[59] !== onPress) {
-		t20 = onPress && /* @__PURE__ */ jsx("div", {
-			role: "button",
-			tabIndex: 0,
+		t20 = onPress && /* @__PURE__ */ jsx(SlotPress, {
 			className: WheelSlot_module_default.press,
-			"aria-label": label,
-			onClick: onPress,
-			onKeyDown: _temp2$2
+			label,
+			onPress
 		});
 		$[58] = label;
 		$[59] = onPress;
@@ -1449,70 +1554,9 @@ function WheelSlot(t0) {
 	} else t23 = $[83];
 	return t23;
 }
-function _temp2$2(event) {
-	if (event.key !== "Enter" && event.key !== " ") return;
-	event.preventDefault();
-	event.currentTarget.dispatchEvent(new MouseEvent("click", {
-		bubbles: true,
-		shiftKey: event.shiftKey
-	}));
-}
-function _temp$5(action) {
+function _temp$7(action) {
 	return action !== void 0;
 }
-function Action(t0) {
-	const $ = c(9);
-	const { icon, label, onPress } = t0;
-	let t1;
-	if ($[0] !== icon) {
-		t1 = /* @__PURE__ */ jsx(Icon, { name: icon });
-		$[0] = icon;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== label || $[3] !== onPress || $[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: WheelSlot_module_default.button,
-			"aria-label": label,
-			onClick: onPress,
-			children: t1
-		});
-		$[2] = label;
-		$[3] = onPress;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== label || $[7] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Tooltip, {
-			label,
-			children: t2
-		});
-		$[6] = label;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
-	return t3;
-}
-function ShowInfo() {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Tooltip, {
-			label: "Show Info (not implemented yet)",
-			children: /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: WheelSlot_module_default.button,
-				"aria-label": "Show Info",
-				"aria-disabled": true,
-				children: /* @__PURE__ */ jsx(Icon, { name: "module-info" })
-			})
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
-}
 function frameTexture(fitted, preview, state, activatable) {
 	if (!fitted) return "classes/fitting/moduleframe";
 	if (preview) return "classes/fitting/moduleframedots";
@@ -1918,11 +1962,14 @@ function StatsSection(t0) {
 }
 //#endregion
 //#region src/primitives/ResistanceBar/ResistanceBar.module.css
-var ResistanceBar_module_default = { "bar": "QyA-_q_bar" };
+var ResistanceBar_module_default = {
+	"bar": "QyA-_q_bar",
+	"text": "QyA-_q_text"
+};
 //#endregion
 //#region src/primitives/ResistanceBar/ResistanceBar.tsx
 function ResistanceBar(t0) {
-	const $ = c(11);
+	const $ = c(13);
 	const { damage, label, resistance, children } = t0;
 	let t1;
 	if ($[0] !== resistance) {
@@ -1932,8 +1979,17 @@ function ResistanceBar(t0) {
 	} else t1 = $[1];
 	const t2 = t1;
 	let t3;
-	if ($[2] !== children || $[3] !== damage || $[4] !== label || $[5] !== resistance || $[6] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
+	if ($[2] !== children) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: ResistanceBar_module_default.text,
+			children
+		});
+		$[2] = children;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== damage || $[5] !== label || $[6] !== resistance || $[7] !== t2 || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: ResistanceBar_module_default.bar,
 			role: "meter",
 			"aria-label": label,
@@ -1942,26 +1998,26 @@ function ResistanceBar(t0) {
 			"aria-valuenow": resistance,
 			"data-damage": damage,
 			style: t2,
-			children
+			children: t3
 		});
-		$[2] = children;
-		$[3] = damage;
-		$[4] = label;
-		$[5] = resistance;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] !== label || $[9] !== t3) {
-		t4 = /* @__PURE__ */ jsx(Tooltip, {
+		$[4] = damage;
+		$[5] = label;
+		$[6] = resistance;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== label || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Tooltip, {
 			label,
-			children: t3
+			children: t4
 		});
-		$[8] = label;
-		$[9] = t3;
-		$[10] = t4;
-	} else t4 = $[10];
-	return t4;
+		$[10] = label;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 }
 //#endregion
 //#region src/primitives/CapacitorRing/CapacitorRing.module.css
@@ -2048,9 +2104,6 @@ function CapacitorRing(t0) {
 	return t8;
 }
 //#endregion
-//#region src/components/FittingWheel/FittingWheel.module.css
-var FittingWheel_module_default = { "centre": "GK_wGG_centre" };
-//#endregion
 //#region src/components/FittingWheel/states.ts
 const states = [
 	"offline",
@@ -2065,7 +2118,245 @@ function nextState(state, max, back = false) {
 	return allowed[(allowed.indexOf(state) + step) % allowed.length];
 }
 //#endregion
-//#region src/components/FittingWheel/FittingWheel.tsx
+//#region src/components/FittingWheel/fittingSlot.ts
+/** EVE does not let rigs and subsystems be put offline. */
+const switchedRacks = [
+	"high",
+	"medium",
+	"low",
+	"service"
+];
+/** What a slot of the fit shows, and what clicking, dragging and dropping on it does. */
+function useFittingSlot(rack, index, content, available) {
+	const $ = c(75);
+	const store = useFitStore();
+	const sde = useSde();
+	const fit = useFit();
+	const placement = usePlacement();
+	const { show, clear } = usePreview();
+	const { dragging, start, end } = useDrag();
+	const item = content?.item;
+	const stats = content?.stats;
+	const type = useType(item?.type_id);
+	const charges = useCharges(item?.type_id);
+	const ref = content?.ref;
+	let t0;
+	if ($[0] !== rack || $[1] !== ref || $[2] !== stats) {
+		t0 = ref !== void 0 && stats !== void 0 && switchedRacks.includes(rack);
+		$[0] = rack;
+		$[1] = ref;
+		$[2] = stats;
+		$[3] = t0;
+	} else t0 = $[3];
+	const switchable = t0;
+	const target = `${rack}-${index}`;
+	let t1;
+	if ($[4] !== available || $[5] !== charges || $[6] !== fit || $[7] !== index || $[8] !== placement || $[9] !== rack || $[10] !== ref || $[11] !== sde) {
+		t1 = (drop) => {
+			if (!available || drop === void 0) return false;
+			if (drop.type === "item") return movesTo(fit, drop.ref, rack, index);
+			const dropped = sde.type(drop.typeId);
+			if (dropped === void 0) return false;
+			const place = placement(dropped);
+			if (place?.type === "charge") return ref !== void 0 && charges.includes(dropped);
+			return place?.type === rack && (place.type !== "subsystem" || place.index === index);
+		};
+		$[4] = available;
+		$[5] = charges;
+		$[6] = fit;
+		$[7] = index;
+		$[8] = placement;
+		$[9] = rack;
+		$[10] = ref;
+		$[11] = sde;
+		$[12] = t1;
+	} else t1 = $[12];
+	const takes = t1;
+	const t2 = content?.preview;
+	const t3 = item?.type_id;
+	const t4 = type?.name;
+	const t5 = item?.charge?.type_id;
+	const t6 = charges.length > 0;
+	const t7 = stats?.state;
+	const t8 = stats?.maxState === "active" || stats?.maxState === "overload";
+	const t9 = type && stats && `${type.name}, ${stats.state}`;
+	let t10;
+	if ($[13] !== ref || $[14] !== stats || $[15] !== store || $[16] !== switchable) {
+		t10 = switchable ? (event) => store.setState(ref, nextState(stats.state, stats.maxState, event.shiftKey)) : void 0;
+		$[13] = ref;
+		$[14] = stats;
+		$[15] = store;
+		$[16] = switchable;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== ref || $[19] !== start || $[20] !== type?.name) {
+		t11 = ref === void 0 ? void 0 : (event_0) => {
+			event_0.dataTransfer.effectAllowed = "move";
+			event_0.dataTransfer.setData("text/plain", type?.name ?? "");
+			start({
+				type: "item",
+				ref
+			});
+		};
+		$[18] = ref;
+		$[19] = start;
+		$[20] = type?.name;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== dragging || $[23] !== index || $[24] !== rack || $[25] !== show || $[26] !== takes || $[27] !== target) {
+		t12 = () => {
+			if (!takes(dragging)) return;
+			const slot = {
+				type: rack,
+				index
+			};
+			if (dragging.type === "type") {
+				const { typeId } = dragging;
+				show((draft) => void draft.fit(typeId, slot), target);
+			} else {
+				const { ref: moved } = dragging;
+				show((draft_0) => draft_0.move(moved, slot), target);
+			}
+		};
+		$[22] = dragging;
+		$[23] = index;
+		$[24] = rack;
+		$[25] = show;
+		$[26] = takes;
+		$[27] = target;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== clear || $[30] !== target) {
+		t13 = (event_1) => {
+			if (event_1.currentTarget.contains(event_1.relatedTarget)) return;
+			clear(target);
+		};
+		$[29] = clear;
+		$[30] = target;
+		$[31] = t13;
+	} else t13 = $[31];
+	let t14;
+	if ($[32] !== dragging || $[33] !== takes) {
+		t14 = (event_2) => {
+			if (takes(dragging)) allowDrop(event_2, dragging);
+		};
+		$[32] = dragging;
+		$[33] = takes;
+		$[34] = t14;
+	} else t14 = $[34];
+	let t15;
+	if ($[35] !== clear || $[36] !== dragging || $[37] !== end || $[38] !== index || $[39] !== rack || $[40] !== store || $[41] !== takes || $[42] !== target) {
+		t15 = (event_3) => {
+			if (!takes(dragging)) return;
+			event_3.preventDefault();
+			clear(target);
+			if (dragging.type === "type") store.fit(dragging.typeId, {
+				type: rack,
+				index
+			});
+			else store.move(dragging.ref, {
+				type: rack,
+				index
+			});
+			end();
+		};
+		$[35] = clear;
+		$[36] = dragging;
+		$[37] = end;
+		$[38] = index;
+		$[39] = rack;
+		$[40] = store;
+		$[41] = takes;
+		$[42] = target;
+		$[43] = t15;
+	} else t15 = $[43];
+	let t16;
+	if ($[44] !== ref || $[45] !== store) {
+		t16 = ref === void 0 ? void 0 : () => store.remove(ref);
+		$[44] = ref;
+		$[45] = store;
+		$[46] = t16;
+	} else t16 = $[46];
+	let t17;
+	if ($[47] !== ref || $[48] !== store) {
+		t17 = ref === void 0 ? void 0 : () => store.setCharge(ref, void 0);
+		$[47] = ref;
+		$[48] = store;
+		$[49] = t17;
+	} else t17 = $[49];
+	let t18;
+	if ($[50] !== ref || $[51] !== stats || $[52] !== store || $[53] !== switchable) {
+		t18 = switchable && stats.maxState !== "offline" ? () => store.setState(ref, stats.state === "offline" ? "online" : "offline") : void 0;
+		$[50] = ref;
+		$[51] = stats;
+		$[52] = store;
+		$[53] = switchable;
+		$[54] = t18;
+	} else t18 = $[54];
+	let t19;
+	if ($[55] !== available || $[56] !== end || $[57] !== t10 || $[58] !== t11 || $[59] !== t12 || $[60] !== t13 || $[61] !== t14 || $[62] !== t15 || $[63] !== t16 || $[64] !== t17 || $[65] !== t18 || $[66] !== t2 || $[67] !== t3 || $[68] !== t4 || $[69] !== t5 || $[70] !== t6 || $[71] !== t7 || $[72] !== t8 || $[73] !== t9) {
+		t19 = {
+			available,
+			preview: t2,
+			typeId: t3,
+			typeName: t4,
+			chargeTypeId: t5,
+			chargeable: t6,
+			state: t7,
+			activatable: t8,
+			label: t9,
+			onPress: t10,
+			onDragStart: t11,
+			onDragEnd: end,
+			onDragEnter: t12,
+			onDragLeave: t13,
+			onDragOver: t14,
+			onDrop: t15,
+			onUnfit: t16,
+			onRemoveCharge: t17,
+			onTogglePower: t18
+		};
+		$[55] = available;
+		$[56] = end;
+		$[57] = t10;
+		$[58] = t11;
+		$[59] = t12;
+		$[60] = t13;
+		$[61] = t14;
+		$[62] = t15;
+		$[63] = t16;
+		$[64] = t17;
+		$[65] = t18;
+		$[66] = t2;
+		$[67] = t3;
+		$[68] = t4;
+		$[69] = t5;
+		$[70] = t6;
+		$[71] = t7;
+		$[72] = t8;
+		$[73] = t9;
+		$[74] = t19;
+	} else t19 = $[74];
+	return t19;
+}
+function allowDrop(event, dragging) {
+	event.preventDefault();
+	event.dataTransfer.dropEffect = dragging.type === "type" ? "copy" : "move";
+}
+/** Whether a fitted item can move to this slot. */
+function movesTo(fit, ref, rack, index) {
+	const item = fit.items[ref];
+	if (item === void 0 || rack === "subsystem" || item.slot.type !== rack) return false;
+	return "index" in item.slot && item.slot.index !== index;
+}
+//#endregion
+//#region src/components/FittingWheel/FittingWheel.module.css
+var FittingWheel_module_default = { "centre": "GK_wGG_centre" };
+//#endregion
+//#region src/components/FittingWheel/FittingWheel.tsx
 const markedRacks = [
 	"high",
 	"medium",
@@ -2078,476 +2369,235 @@ const racks = [
 	"rig",
 	"subsystem"
 ];
-/** EVE does not let rigs and subsystems be put offline. */
-const switchedRacks = [
-	"high",
-	"medium",
-	"low"
-];
 /** The fitting wheel of the fit in the surrounding `EveShipFitProvider`. */
 function FittingWheel(t0) {
-	const $ = c(26);
+	const $ = c(15);
 	const { label: t1 } = t0;
 	const label = t1 === void 0 ? "Fitting" : t1;
 	const ship = useFit().ship.type_id;
 	const { turret, launcher } = useHardpoints();
-	const { show, clear } = usePreview();
-	const previewing = useRef(void 0);
 	let t2;
-	if ($[0] !== show) {
-		t2 = (target, edit) => {
-			previewing.current = target;
-			show(edit);
-		};
-		$[0] = show;
+	if ($[0] !== ship) {
+		t2 = /* @__PURE__ */ jsx(WheelHull, { typeId: ship });
+		$[0] = ship;
 		$[1] = t2;
 	} else t2 = $[1];
 	let t3;
-	if ($[2] !== clear) {
-		t3 = (target_0) => {
-			if (previewing.current !== target_0) return;
-			previewing.current = void 0;
-			clear();
-		};
-		$[2] = clear;
-		$[3] = t3;
-	} else t3 = $[3];
 	let t4;
-	if ($[4] !== t2 || $[5] !== t3) {
-		t4 = {
-			show: t2,
-			hide: t3
-		};
-		$[4] = t2;
-		$[5] = t3;
-		$[6] = t4;
-	} else t4 = $[6];
-	const dropPreview = t4;
 	let t5;
-	if ($[7] !== ship) {
-		t5 = /* @__PURE__ */ jsx(WheelHull, { typeId: ship });
-		$[7] = ship;
-		$[8] = t5;
-	} else t5 = $[8];
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(FittingCentre, {});
+		t4 = markedRacks.map(_temp$6);
+		t5 = racks.map(_temp2$3);
+		$[2] = t3;
+		$[3] = t4;
+		$[4] = t5;
+	} else {
+		t3 = $[2];
+		t4 = $[3];
+		t5 = $[4];
+	}
 	let t6;
-	if ($[9] !== dropPreview) {
-		t6 = /* @__PURE__ */ jsx(FittingCentre, { dropPreview });
-		$[9] = dropPreview;
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = markedRacks.map(_temp$4);
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== dropPreview) {
-		t8 = racks.map((rack_0) => /* @__PURE__ */ jsx(FittingRack, {
-			rack: rack_0,
-			dropPreview
-		}, rack_0));
-		$[12] = dropPreview;
-		$[13] = t8;
-	} else t8 = $[13];
-	let t9;
-	if ($[14] !== launcher || $[15] !== turret) {
-		t9 = /* @__PURE__ */ jsx(WheelHardpoints, {
+	if ($[5] !== launcher || $[6] !== turret) {
+		t6 = /* @__PURE__ */ jsx(WheelHardpoints, {
 			turrets: turret,
 			launchers: launcher
 		});
-		$[14] = launcher;
-		$[15] = turret;
-		$[16] = t9;
-	} else t9 = $[16];
-	let t10;
-	let t11;
-	let t12;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx(FittingGauge, {
+		$[5] = launcher;
+		$[6] = turret;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	let t8;
+	let t9;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(FittingGauge, {
 			resource: "cpu",
 			load: "cpuLoad",
 			output: "cpuOutput"
 		});
-		t11 = /* @__PURE__ */ jsx(FittingGauge, {
+		t8 = /* @__PURE__ */ jsx(FittingGauge, {
 			resource: "powergrid",
 			load: "powerLoad",
 			output: "powerOutput"
 		});
-		t12 = /* @__PURE__ */ jsx(FittingGauge, {
+		t9 = /* @__PURE__ */ jsx(FittingGauge, {
 			resource: "calibration",
 			load: "upgradeLoad",
 			output: "upgradeCapacity"
 		});
-		$[17] = t10;
-		$[18] = t11;
-		$[19] = t12;
+		$[8] = t7;
+		$[9] = t8;
+		$[10] = t9;
 	} else {
-		t10 = $[17];
-		t11 = $[18];
-		t12 = $[19];
+		t7 = $[8];
+		t8 = $[9];
+		t9 = $[10];
 	}
-	let t13;
-	if ($[20] !== label || $[21] !== t5 || $[22] !== t6 || $[23] !== t8 || $[24] !== t9) {
-		t13 = /* @__PURE__ */ jsxs(Wheel, {
+	let t10;
+	if ($[11] !== label || $[12] !== t2 || $[13] !== t6) {
+		t10 = /* @__PURE__ */ jsxs(Wheel, {
 			label,
 			children: [
+				t2,
+				t3,
+				t4,
 				t5,
 				t6,
 				t7,
 				t8,
-				t9,
-				t10,
-				t11,
-				t12
+				t9
 			]
 		});
-		$[20] = label;
-		$[21] = t5;
-		$[22] = t6;
-		$[23] = t8;
-		$[24] = t9;
-		$[25] = t13;
-	} else t13 = $[25];
-	return t13;
+		$[11] = label;
+		$[12] = t2;
+		$[13] = t6;
+		$[14] = t10;
+	} else t10 = $[14];
+	return t10;
+}
+function _temp2$3(rack_0) {
+	return /* @__PURE__ */ jsx(FittingRack, { rack: rack_0 }, rack_0);
 }
-/** What a drop would do, shown while dragging over a target. */
-function _temp$4(rack) {
+function _temp$6(rack) {
 	return /* @__PURE__ */ jsx(WheelRackMarker, { rack }, rack);
 }
 function FittingRack(t0) {
-	const $ = c(5);
-	const { rack, dropPreview } = t0;
+	const $ = c(4);
+	const { rack } = t0;
 	const slots = useSlots(rack);
 	const { total } = useRackUsage(rack);
 	let t1;
-	if ($[0] !== dropPreview || $[1] !== rack || $[2] !== slots || $[3] !== total) {
+	if ($[0] !== rack || $[1] !== slots || $[2] !== total) {
 		const shown = markedRacks.includes(rack) ? rackSize(rack) : Math.min(slots.length, rackSize(rack));
 		t1 = Array.from({ length: shown }, (_, index) => /* @__PURE__ */ jsx(FittingSlot, {
 			rack,
 			index,
 			content: slots[index],
-			available: index < total,
-			dropPreview
+			available: index < total
 		}, index));
-		$[0] = dropPreview;
-		$[1] = rack;
-		$[2] = slots;
-		$[3] = total;
-		$[4] = t1;
-	} else t1 = $[4];
+		$[0] = rack;
+		$[1] = slots;
+		$[2] = total;
+		$[3] = t1;
+	} else t1 = $[3];
 	return t1;
 }
 /** Fits a type dropped in the middle of the wheel, and unfits a fitted item. */
-function FittingCentre(t0) {
-	const $ = c(21);
-	const { dropPreview } = t0;
+function FittingCentre() {
+	const $ = c(25);
 	const store = useFitStore();
 	const fit = useFit();
+	const { show, clear } = usePreview();
 	const { dragging, end } = useDrag();
+	let t0;
+	if ($[0] !== dragging || $[1] !== store) {
+		t0 = dragging?.type === "type" && placesSomewhere(store, dragging.typeId);
+		$[0] = dragging;
+		$[1] = store;
+		$[2] = t0;
+	} else t0 = $[2];
+	const fits = t0;
 	let t1;
-	if ($[0] !== fit) {
-		t1 = (item) => item !== void 0 && (item.type === "type" || fit.items[item.ref] !== void 0);
-		$[0] = fit;
-		$[1] = t1;
-	} else t1 = $[1];
+	if ($[3] !== fit || $[4] !== fits) {
+		t1 = (item) => item !== void 0 && (item.type === "type" ? fits : fit.items[item.ref] !== void 0);
+		$[3] = fit;
+		$[4] = fits;
+		$[5] = t1;
+	} else t1 = $[5];
 	const takes = t1;
 	let t2;
-	if ($[2] !== dragging || $[3] !== dropPreview) {
+	if ($[6] !== dragging || $[7] !== show) {
 		t2 = () => {
 			if (dragging?.type !== "type") return;
 			const { typeId } = dragging;
-			dropPreview.show("centre", (draft) => void draft.fit(typeId));
+			show((draft) => void draft.fit(typeId), "centre");
 		};
-		$[2] = dragging;
-		$[3] = dropPreview;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[6] = dragging;
+		$[7] = show;
+		$[8] = t2;
+	} else t2 = $[8];
 	let t3;
-	if ($[5] !== dropPreview) {
-		t3 = () => dropPreview.hide("centre");
-		$[5] = dropPreview;
-		$[6] = t3;
-	} else t3 = $[6];
+	if ($[9] !== clear) {
+		t3 = () => clear("centre");
+		$[9] = clear;
+		$[10] = t3;
+	} else t3 = $[10];
 	let t4;
-	if ($[7] !== dragging || $[8] !== takes) {
+	if ($[11] !== dragging || $[12] !== takes) {
 		t4 = (event) => {
 			if (takes(dragging)) allowDrop(event, dragging);
 		};
-		$[7] = dragging;
-		$[8] = takes;
-		$[9] = t4;
-	} else t4 = $[9];
+		$[11] = dragging;
+		$[12] = takes;
+		$[13] = t4;
+	} else t4 = $[13];
 	let t5;
-	if ($[10] !== dragging || $[11] !== dropPreview || $[12] !== end || $[13] !== store || $[14] !== takes) {
+	if ($[14] !== clear || $[15] !== dragging || $[16] !== end || $[17] !== store || $[18] !== takes) {
 		t5 = (event_0) => {
 			if (!takes(dragging)) return;
 			event_0.preventDefault();
-			dropPreview.hide("centre");
+			clear("centre");
 			if (dragging.type === "type") store.fit(dragging.typeId);
 			else store.remove(dragging.ref);
 			end();
 		};
-		$[10] = dragging;
-		$[11] = dropPreview;
-		$[12] = end;
-		$[13] = store;
-		$[14] = takes;
-		$[15] = t5;
-	} else t5 = $[15];
+		$[14] = clear;
+		$[15] = dragging;
+		$[16] = end;
+		$[17] = store;
+		$[18] = takes;
+		$[19] = t5;
+	} else t5 = $[19];
 	let t6;
-	if ($[16] !== t2 || $[17] !== t3 || $[18] !== t4 || $[19] !== t5) {
+	if ($[20] !== t2 || $[21] !== t3 || $[22] !== t4 || $[23] !== t5) {
 		t6 = /* @__PURE__ */ jsx("div", {
 			className: FittingWheel_module_default.centre,
 			"data-centre": true,
 			onDragEnter: t2,
 			onDragLeave: t3,
-			onDragOver: t4,
-			onDrop: t5
-		});
-		$[16] = t2;
-		$[17] = t3;
-		$[18] = t4;
-		$[19] = t5;
-		$[20] = t6;
-	} else t6 = $[20];
-	return t6;
-}
-function FittingSlot(t0) {
-	const $ = c(80);
-	const { rack, index, content, available, dropPreview } = t0;
-	const store = useFitStore();
-	const sde = useSde();
-	const fit = useFit();
-	const placement = usePlacement();
-	const { dragging, start, end } = useDrag();
-	const item = content?.item;
-	const stats = content?.stats;
-	const type = useType(item?.type_id);
-	const charges = useCharges(item?.type_id);
-	const ref = content?.ref;
-	let t1;
-	if ($[0] !== rack || $[1] !== ref || $[2] !== stats) {
-		t1 = ref !== void 0 && stats !== void 0 && switchedRacks.includes(rack);
-		$[0] = rack;
-		$[1] = ref;
-		$[2] = stats;
-		$[3] = t1;
-	} else t1 = $[3];
-	const switchable = t1;
-	const target = `${rack}-${index}`;
-	let t2;
-	if ($[4] !== available || $[5] !== charges || $[6] !== fit || $[7] !== index || $[8] !== placement || $[9] !== rack || $[10] !== ref || $[11] !== sde) {
-		t2 = (drop) => {
-			if (!available || drop === void 0) return false;
-			if (drop.type === "item") return movesTo(fit, drop.ref, rack, index);
-			const dropped = sde.type(drop.typeId);
-			if (dropped === void 0) return false;
-			const place = placement(dropped);
-			if (place?.type === "charge") return ref !== void 0 && charges.includes(dropped);
-			return place?.type === rack && (place.type !== "subsystem" || place.index === index);
-		};
-		$[4] = available;
-		$[5] = charges;
-		$[6] = fit;
-		$[7] = index;
-		$[8] = placement;
-		$[9] = rack;
-		$[10] = ref;
-		$[11] = sde;
-		$[12] = t2;
-	} else t2 = $[12];
-	const takes = t2;
-	let t3;
-	if ($[13] !== ref || $[14] !== stats || $[15] !== store || $[16] !== switchable) {
-		t3 = switchable ? (event) => store.setState(ref, nextState(stats.state, stats.maxState, event.shiftKey)) : void 0;
-		$[13] = ref;
-		$[14] = stats;
-		$[15] = store;
-		$[16] = switchable;
-		$[17] = t3;
-	} else t3 = $[17];
-	const onPress = t3;
-	let t4;
-	if ($[18] !== index || $[19] !== rack) {
-		t4 = slotAngle(rack, index);
-		$[18] = index;
-		$[19] = rack;
-		$[20] = t4;
-	} else t4 = $[20];
-	const t5 = content?.preview;
-	const t6 = item?.type_id;
-	const t7 = type?.name;
-	const t8 = item?.charge?.type_id;
-	const t9 = charges.length > 0;
-	const t10 = stats?.state;
-	const t11 = stats?.maxState === "active" || stats?.maxState === "overload";
-	const t12 = type && stats && `${type.name}, ${stats.state}`;
-	let t13;
-	if ($[21] !== ref || $[22] !== start || $[23] !== type?.name) {
-		t13 = ref === void 0 ? void 0 : (event_0) => {
-			event_0.dataTransfer.effectAllowed = "move";
-			event_0.dataTransfer.setData("text/plain", type?.name ?? "");
-			start({
-				type: "item",
-				ref
-			});
-		};
-		$[21] = ref;
-		$[22] = start;
-		$[23] = type?.name;
-		$[24] = t13;
-	} else t13 = $[24];
-	let t14;
-	if ($[25] !== dragging || $[26] !== dropPreview || $[27] !== index || $[28] !== rack || $[29] !== takes || $[30] !== target) {
-		t14 = () => {
-			if (!takes(dragging)) return;
-			const slot = {
-				type: rack,
-				index
-			};
-			if (dragging.type === "type") {
-				const { typeId } = dragging;
-				dropPreview.show(target, (draft) => void draft.fit(typeId, slot));
-			} else {
-				const { ref: moved } = dragging;
-				dropPreview.show(target, (draft_0) => draft_0.move(moved, slot));
-			}
-		};
-		$[25] = dragging;
-		$[26] = dropPreview;
-		$[27] = index;
-		$[28] = rack;
-		$[29] = takes;
-		$[30] = target;
-		$[31] = t14;
-	} else t14 = $[31];
-	let t15;
-	if ($[32] !== dropPreview || $[33] !== target) {
-		t15 = (event_1) => {
-			if (event_1.currentTarget.contains(event_1.relatedTarget)) return;
-			dropPreview.hide(target);
-		};
-		$[32] = dropPreview;
-		$[33] = target;
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== dragging || $[36] !== takes) {
-		t16 = (event_2) => {
-			if (takes(dragging)) allowDrop(event_2, dragging);
-		};
-		$[35] = dragging;
-		$[36] = takes;
-		$[37] = t16;
-	} else t16 = $[37];
-	let t17;
-	if ($[38] !== dragging || $[39] !== dropPreview || $[40] !== end || $[41] !== index || $[42] !== rack || $[43] !== store || $[44] !== takes || $[45] !== target) {
-		t17 = (event_3) => {
-			if (!takes(dragging)) return;
-			event_3.preventDefault();
-			dropPreview.hide(target);
-			if (dragging.type === "type") store.fit(dragging.typeId, {
-				type: rack,
-				index
-			});
-			else store.move(dragging.ref, {
-				type: rack,
-				index
-			});
-			end();
-		};
-		$[38] = dragging;
-		$[39] = dropPreview;
-		$[40] = end;
-		$[41] = index;
-		$[42] = rack;
-		$[43] = store;
-		$[44] = takes;
-		$[45] = target;
-		$[46] = t17;
-	} else t17 = $[46];
-	let t18;
-	if ($[47] !== ref || $[48] !== store) {
-		t18 = ref === void 0 ? void 0 : () => store.remove(ref);
-		$[47] = ref;
-		$[48] = store;
-		$[49] = t18;
-	} else t18 = $[49];
-	let t19;
-	if ($[50] !== ref || $[51] !== store) {
-		t19 = ref === void 0 ? void 0 : () => store.setCharge(ref, void 0);
-		$[50] = ref;
-		$[51] = store;
-		$[52] = t19;
-	} else t19 = $[52];
-	let t20;
-	if ($[53] !== ref || $[54] !== stats || $[55] !== store || $[56] !== switchable) {
-		t20 = switchable && stats.maxState !== "offline" ? () => store.setState(ref, stats.state === "offline" ? "online" : "offline") : void 0;
-		$[53] = ref;
-		$[54] = stats;
-		$[55] = store;
-		$[56] = switchable;
-		$[57] = t20;
-	} else t20 = $[57];
-	let t21;
-	if ($[58] !== available || $[59] !== end || $[60] !== onPress || $[61] !== rack || $[62] !== t10 || $[63] !== t11 || $[64] !== t12 || $[65] !== t13 || $[66] !== t14 || $[67] !== t15 || $[68] !== t16 || $[69] !== t17 || $[70] !== t18 || $[71] !== t19 || $[72] !== t20 || $[73] !== t4 || $[74] !== t5 || $[75] !== t6 || $[76] !== t7 || $[77] !== t8 || $[78] !== t9) {
-		t21 = /* @__PURE__ */ jsx(WheelSlot, {
-			rack,
-			angle: t4,
-			available,
-			preview: t5,
-			typeId: t6,
-			typeName: t7,
-			chargeTypeId: t8,
-			chargeable: t9,
-			state: t10,
-			activatable: t11,
-			label: t12,
-			onPress,
-			onDragStart: t13,
-			onDragEnd: end,
-			onDragEnter: t14,
-			onDragLeave: t15,
-			onDragOver: t16,
-			onDrop: t17,
-			onUnfit: t18,
-			onRemoveCharge: t19,
-			onTogglePower: t20
-		});
-		$[58] = available;
-		$[59] = end;
-		$[60] = onPress;
-		$[61] = rack;
-		$[62] = t10;
-		$[63] = t11;
-		$[64] = t12;
-		$[65] = t13;
-		$[66] = t14;
-		$[67] = t15;
-		$[68] = t16;
-		$[69] = t17;
-		$[70] = t18;
-		$[71] = t19;
-		$[72] = t20;
-		$[73] = t4;
-		$[74] = t5;
-		$[75] = t6;
-		$[76] = t7;
-		$[77] = t8;
-		$[78] = t9;
-		$[79] = t21;
-	} else t21 = $[79];
-	return t21;
+			onDragOver: t4,
+			onDrop: t5
+		});
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t4;
+		$[23] = t5;
+		$[24] = t6;
+	} else t6 = $[24];
+	return t6;
 }
-/** Whether a fitted item can move to this slot. */
-function movesTo(fit, ref, rack, index) {
-	const item = fit.items[ref];
-	if (item === void 0 || rack === "subsystem" || item.slot.type !== rack) return false;
-	return "index" in item.slot && item.slot.index !== index;
+function FittingSlot(t0) {
+	const $ = c(7);
+	const { rack, index, content, available } = t0;
+	const slot = useFittingSlot(rack, index, content, available);
+	let t1;
+	if ($[0] !== index || $[1] !== rack) {
+		t1 = slotAngle(rack, index);
+		$[0] = index;
+		$[1] = rack;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== rack || $[4] !== slot || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(WheelSlot, {
+			rack,
+			angle: t1,
+			...slot
+		});
+		$[3] = rack;
+		$[4] = slot;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 }
-function allowDrop(event, dragging) {
-	event.preventDefault();
-	event.dataTransfer.dropEffect = dragging.type === "type" ? "copy" : "move";
+function placesSomewhere(store, typeId) {
+	let placed = false;
+	store.preview((draft) => {
+		placed = draft.fit(typeId) !== void 0;
+	});
+	return placed;
 }
 function FittingGauge(t0) {
 	const $ = c(7);
@@ -2579,9 +2629,645 @@ function FittingGauge(t0) {
 	return t4;
 }
 //#endregion
+//#region src/primitives/ServiceSlot/ServiceSlot.module.css
+var ServiceSlot_module_default = {
+	"action": "R9jwpW_action",
+	"actions": "R9jwpW_actions",
+	"body": "R9jwpW_body",
+	"empty": "R9jwpW_empty",
+	"icon": "R9jwpW_icon",
+	"press": "R9jwpW_press",
+	"slot": "R9jwpW_slot"
+};
+//#endregion
+//#region src/primitives/ServiceSlot/ServiceSlot.tsx
+/** EVE's square slot of a structure service module, below the wheel. */
+function ServiceSlot(t0) {
+	const $ = c(48);
+	let className;
+	let label;
+	let onDragEnd;
+	let onDragStart;
+	let onPress;
+	let onTogglePower;
+	let onUnfit;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let typeId;
+	let typeName;
+	if ($[0] !== t0) {
+		({typeId, typeName, state: t1, available: t2, preview: t3, onPress, onDragStart, onDragEnd, label, onUnfit, onTogglePower, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = label;
+		$[3] = onDragEnd;
+		$[4] = onDragStart;
+		$[5] = onPress;
+		$[6] = onTogglePower;
+		$[7] = onUnfit;
+		$[8] = props;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = typeId;
+		$[13] = typeName;
+	} else {
+		className = $[1];
+		label = $[2];
+		onDragEnd = $[3];
+		onDragStart = $[4];
+		onPress = $[5];
+		onTogglePower = $[6];
+		onUnfit = $[7];
+		props = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		t3 = $[11];
+		typeId = $[12];
+		typeName = $[13];
+	}
+	const state = t1 === void 0 ? "online" : t1;
+	const available = t2 === void 0 ? true : t2;
+	const preview = t3 === void 0 ? false : t3;
+	const images = useImages();
+	const fitted = typeId !== void 0;
+	const frame = fitted && !preview ? "classes/fitting/slotpassive_structure" : "classes/fitting/stationserviceslotframe";
+	const actions = fitted && !preview;
+	let t4;
+	if ($[14] !== className) {
+		t4 = [ServiceSlot_module_default.slot, className].filter(Boolean);
+		$[14] = className;
+		$[15] = t4;
+	} else t4 = $[15];
+	const t5 = t4.join(" ");
+	const t6 = fitted ? state : available ? "empty" : "unavailable";
+	const t7 = preview || void 0;
+	let t8;
+	if ($[16] !== frame || $[17] !== images) {
+		t8 = images.uiTexture(frame);
+		$[16] = frame;
+		$[17] = images;
+		$[18] = t8;
+	} else t8 = $[18];
+	const t9 = `url(${t8})`;
+	let t10;
+	if ($[19] !== t9) {
+		t10 = { "--texture": t9 };
+		$[19] = t9;
+		$[20] = t10;
+	} else t10 = $[20];
+	const t11 = t10;
+	const t12 = onDragStart !== void 0 || void 0;
+	let t13;
+	if ($[21] !== available || $[22] !== fitted || $[23] !== typeId) {
+		t13 = fitted ? /* @__PURE__ */ jsx("span", {
+			className: ServiceSlot_module_default.icon,
+			children: /* @__PURE__ */ jsx(TypeIcon, {
+				typeId,
+				size: 64,
+				marker: false
+			})
+		}) : available && /* @__PURE__ */ jsx("span", {
+			className: ServiceSlot_module_default.empty,
+			children: /* @__PURE__ */ jsx(Icon, { name: "slot-service" })
+		});
+		$[21] = available;
+		$[22] = fitted;
+		$[23] = typeId;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== label || $[26] !== onPress) {
+		t14 = onPress && /* @__PURE__ */ jsx(SlotPress, {
+			className: ServiceSlot_module_default.press,
+			label,
+			onPress
+		});
+		$[25] = label;
+		$[26] = onPress;
+		$[27] = t14;
+	} else t14 = $[27];
+	let t15;
+	if ($[28] !== onDragEnd || $[29] !== onDragStart || $[30] !== t11 || $[31] !== t12 || $[32] !== t13 || $[33] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			className: ServiceSlot_module_default.body,
+			style: t11,
+			draggable: t12,
+			onDragStart,
+			onDragEnd,
+			children: [t13, t14]
+		});
+		$[28] = onDragEnd;
+		$[29] = onDragStart;
+		$[30] = t11;
+		$[31] = t12;
+		$[32] = t13;
+		$[33] = t14;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== actions || $[36] !== onTogglePower || $[37] !== onUnfit || $[38] !== state || $[39] !== typeName) {
+		t16 = actions && /* @__PURE__ */ jsxs("fieldset", {
+			className: ServiceSlot_module_default.actions,
+			"aria-label": typeName,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: ServiceSlot_module_default.action,
+					children: onUnfit && /* @__PURE__ */ jsx(SlotAction, {
+						icon: "module-unfit",
+						label: "Unfit Module",
+						onPress: onUnfit
+					})
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: ServiceSlot_module_default.action,
+					children: /* @__PURE__ */ jsx(SlotInfo, {})
+				}),
+				onTogglePower && /* @__PURE__ */ jsx("span", {
+					className: ServiceSlot_module_default.action,
+					children: /* @__PURE__ */ jsx(SlotAction, {
+						icon: "module-power",
+						label: state === "offline" ? "Put Online" : "Put Offline",
+						onPress: onTogglePower
+					})
+				})
+			]
+		});
+		$[35] = actions;
+		$[36] = onTogglePower;
+		$[37] = onUnfit;
+		$[38] = state;
+		$[39] = typeName;
+		$[40] = t16;
+	} else t16 = $[40];
+	let t17;
+	if ($[41] !== props || $[42] !== t15 || $[43] !== t16 || $[44] !== t5 || $[45] !== t6 || $[46] !== t7) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			...props,
+			className: t5,
+			"data-state": t6,
+			"data-preview": t7,
+			children: [t15, t16]
+		});
+		$[41] = props;
+		$[42] = t15;
+		$[43] = t16;
+		$[44] = t5;
+		$[45] = t6;
+		$[46] = t7;
+		$[47] = t17;
+	} else t17 = $[47];
+	return t17;
+}
+//#endregion
+//#region src/components/ShipStatistics/AttributeTooltip.tsx
+/** What EVE shows when hovering the attribute; its name, for one without. */
+function AttributeTooltip(t0) {
+	const $ = c(7);
+	const { attribute } = t0;
+	const sde = useSde();
+	const tooltip = useAttributeTooltip(attribute);
+	let t1;
+	if ($[0] !== attribute || $[1] !== sde || $[2] !== tooltip?.title) {
+		t1 = tooltip?.title ?? sde.attribute(sde.attributeId(attribute) ?? 0)?.displayName ?? attribute;
+		$[0] = attribute;
+		$[1] = sde;
+		$[2] = tooltip?.title;
+		$[3] = t1;
+	} else t1 = $[3];
+	const title = t1;
+	const t2 = tooltip?.description;
+	let t3;
+	if ($[4] !== t2 || $[5] !== title) {
+		t3 = /* @__PURE__ */ jsx(TooltipText, {
+			title,
+			description: t2
+		});
+		$[4] = t2;
+		$[5] = title;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
+}
+//#endregion
+//#region src/components/FittingWindow/BayContents.module.css
+var BayContents_module_default = {
+	"activeDrones": "gVdevq_activeDrones",
+	"box": "gVdevq_box",
+	"count": "gVdevq_count",
+	"icon": "gVdevq_icon",
+	"list": "gVdevq_list",
+	"middle": "gVdevq_middle",
+	"name": "gVdevq_name",
+	"panel": "gVdevq_panel",
+	"quantity": "gVdevq_quantity",
+	"remove": "gVdevq_remove",
+	"removeAll": "gVdevq_removeAll",
+	"row": "gVdevq_row",
+	"selection": "gVdevq_selection",
+	"steps": "gVdevq_steps",
+	"times": "gVdevq_times"
+};
+//#endregion
+//#region src/components/FittingWindow/BayContents.tsx
+const emptyText = {
+	cargo: "No Cargo Items Simulated",
+	droneBay: "No Drones Simulated"
+};
+/** EVE's list of what is in a bay, as a popover anchored to `--bay-anchor`. */
+function BayContents(t0) {
+	const $ = c(26);
+	const { id, bay, label } = t0;
+	const store = useFitStore();
+	const contents = useBayContents(bay);
+	const panel = useRef(null);
+	const drones = bay === "droneBay";
+	const { stats } = useSnapshot();
+	let t1;
+	if ($[0] !== stats.character) {
+		t1 = stats.character.get("maxActiveDrones") ?? 0;
+		$[0] = stats.character;
+		$[1] = t1;
+	} else t1 = $[1];
+	const maxActive = t1;
+	if (contents.length === 0) {
+		const t2 = emptyText[bay];
+		let t3;
+		if ($[2] !== id || $[3] !== t2) {
+			t3 = /* @__PURE__ */ jsx("div", {
+				id,
+				className: BayContents_module_default.panel,
+				popover: "auto",
+				"data-empty": true,
+				children: t2
+			});
+			$[2] = id;
+			$[3] = t2;
+			$[4] = t3;
+		} else t3 = $[4];
+		return t3;
+	}
+	const t2 = drones || void 0;
+	let t3;
+	if ($[5] !== drones || $[6] !== maxActive || $[7] !== stats.ship) {
+		t3 = drones && /* @__PURE__ */ jsxs("div", {
+			className: BayContents_module_default.activeDrones,
+			children: [
+				"Active drones: ",
+				stats.ship.get("droneActive") ?? 0,
+				" / ",
+				maxActive
+			]
+		});
+		$[5] = drones;
+		$[6] = maxActive;
+		$[7] = stats.ship;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== contents || $[10] !== drones || $[11] !== maxActive || $[12] !== store) {
+		t4 = contents.map((content) => {
+			const { type, quantity, refs } = content;
+			return /* @__PURE__ */ jsxs("li", {
+				className: BayContents_module_default.row,
+				children: [
+					/* @__PURE__ */ jsx(Quantity, {
+						name: type.name,
+						value: quantity,
+						onChange: (value) => drones ? store.setDroneQuantity(type.id, value) : store.setCargoQuantity(type.id, value)
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: BayContents_module_default.icon,
+						children: /* @__PURE__ */ jsx(TypeIcon, { typeId: type.id })
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: BayContents_module_default.middle,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: BayContents_module_default.name,
+							children: type.name
+						}), drones && /* @__PURE__ */ jsx(DroneSelection, {
+							content,
+							max: maxActive
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: BayContents_module_default.remove,
+						"aria-label": `Remove ${type.name}`,
+						onClick: (event) => {
+							const row = event.currentTarget.closest("li");
+							const next = row.nextElementSibling ?? row.previousElementSibling;
+							store.remove(...refs);
+							if (next === null) panel.current?.hidePopover();
+							else next.querySelector(`.${BayContents_module_default.remove}`)?.focus();
+						},
+						children: /* @__PURE__ */ jsx(Icon, { name: "close" })
+					})
+				]
+			}, type.id);
+		});
+		$[9] = contents;
+		$[10] = drones;
+		$[11] = maxActive;
+		$[12] = store;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== label || $[15] !== t4) {
+		t5 = /* @__PURE__ */ jsx("ul", {
+			className: BayContents_module_default.list,
+			"aria-label": label,
+			children: t4
+		});
+		$[14] = label;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== contents || $[18] !== store) {
+		t6 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: BayContents_module_default.removeAll,
+			onClick: () => {
+				store.remove(...contents.flatMap(_temp$5));
+				panel.current?.hidePopover();
+			},
+			children: "Remove All"
+		});
+		$[17] = contents;
+		$[18] = store;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== id || $[21] !== t2 || $[22] !== t3 || $[23] !== t5 || $[24] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			ref: panel,
+			id,
+			className: BayContents_module_default.panel,
+			popover: "auto",
+			"data-drones": t2,
+			children: [
+				t3,
+				t5,
+				t6
+			]
+		});
+		$[20] = id;
+		$[21] = t2;
+		$[22] = t3;
+		$[23] = t5;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	return t7;
+}
+/** One box per drone the character can launch. */
+function _temp$5(t0) {
+	const { refs: refs_0 } = t0;
+	return refs_0;
+}
+function DroneSelection(t0) {
+	const $ = c(16);
+	const { content: t1, max } = t0;
+	const { type, quantity, active } = t1;
+	const store = useFitStore();
+	const room = useDroneRoom(type);
+	const t2 = `Active ${type.name}`;
+	let t3;
+	if ($[0] !== active || $[1] !== max || $[2] !== quantity || $[3] !== room || $[4] !== store || $[5] !== type.id) {
+		let t4;
+		if ($[7] !== active || $[8] !== quantity || $[9] !== room || $[10] !== store || $[11] !== type.id) {
+			t4 = (_, index) => {
+				const count = index + 1;
+				const state = count <= active ? "active" : count > quantity ? "none" : count <= active + room ? "open" : "over";
+				return /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: BayContents_module_default.box,
+					"aria-label": `${count} active`,
+					"aria-pressed": count === active,
+					"data-state": state,
+					disabled: state === "over" || state === "none",
+					onClick: () => store.setActiveDrones(type.id, count === active ? count - 1 : count),
+					children: count <= active && "×"
+				}, count);
+			};
+			$[7] = active;
+			$[8] = quantity;
+			$[9] = room;
+			$[10] = store;
+			$[11] = type.id;
+			$[12] = t4;
+		} else t4 = $[12];
+		t3 = Array.from({ length: Math.max(max, active) }, t4);
+		$[0] = active;
+		$[1] = max;
+		$[2] = quantity;
+		$[3] = room;
+		$[4] = store;
+		$[5] = type.id;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[13] !== t2 || $[14] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("span", {
+			className: BayContents_module_default.selection,
+			role: "group",
+			"aria-label": t2,
+			children: ["Selected:", t3]
+		});
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	return t4;
+}
+/** EVE's count of a row, which turns into a spinner on hover and focus. */
+function Quantity(t0) {
+	const $ = c(43);
+	const { name, value, onChange } = t0;
+	const [draft, setDraft] = useState();
+	const cancelled = useRef(false);
+	let t1;
+	if ($[0] !== draft || $[1] !== value) {
+		t1 = draft !== void 0 && /^\d+$/.test(draft) ? Number(draft) : value;
+		$[0] = draft;
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	const current = t1;
+	const shown = draft ?? String(value);
+	let t2;
+	if ($[3] !== onChange || $[4] !== value) {
+		t2 = (next) => {
+			setDraft(void 0);
+			if (Number.isSafeInteger(next) && next >= 1 && next !== value) onChange(next);
+		};
+		$[3] = onChange;
+		$[4] = value;
+		$[5] = t2;
+	} else t2 = $[5];
+	const set = t2;
+	let t3;
+	if ($[6] !== current || $[7] !== set) {
+		t3 = (event) => {
+			if (event.key === "Enter") set(current);
+			if (event.key === "Escape") {
+				cancelled.current = true;
+				setDraft(void 0);
+			}
+			if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+				event.preventDefault();
+				set(current + (event.key === "ArrowUp" ? 1 : -1));
+			}
+		};
+		$[6] = current;
+		$[7] = set;
+		$[8] = t3;
+	} else t3 = $[8];
+	const onKeyDown = t3;
+	const t4 = `${Math.max(1, shown.length)}ch`;
+	let t5;
+	if ($[9] !== t4) {
+		t5 = { width: t4 };
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	const t6 = `Number of ${name}`;
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (event_0) => {
+			cancelled.current = false;
+			setDraft(event_0.target.value);
+		};
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== current || $[13] !== draft || $[14] !== set) {
+		t8 = () => {
+			if (draft !== void 0 && !cancelled.current) set(current);
+			else setDraft(void 0);
+		};
+		$[12] = current;
+		$[13] = draft;
+		$[14] = set;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== onKeyDown || $[17] !== shown || $[18] !== t5 || $[19] !== t6 || $[20] !== t8) {
+		t9 = /* @__PURE__ */ jsx("input", {
+			type: "number",
+			className: BayContents_module_default.count,
+			style: t5,
+			"aria-label": t6,
+			min: 1,
+			value: shown,
+			onChange: t7,
+			onKeyDown,
+			onBlur: t8
+		});
+		$[16] = onKeyDown;
+		$[17] = shown;
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx("span", {
+			className: BayContents_module_default.times,
+			children: "x"
+		});
+		$[22] = t10;
+	} else t10 = $[22];
+	const t11 = `One more ${name}`;
+	let t12;
+	if ($[23] !== current || $[24] !== set) {
+		t12 = () => set(current + 1);
+		$[23] = current;
+		$[24] = set;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsx(Icon, { name: "arrow-up" });
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] !== t11 || $[28] !== t12) {
+		t14 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			tabIndex: -1,
+			"aria-label": t11,
+			onClick: t12,
+			children: t13
+		});
+		$[27] = t11;
+		$[28] = t12;
+		$[29] = t14;
+	} else t14 = $[29];
+	const t15 = `One fewer ${name}`;
+	let t16;
+	if ($[30] !== current || $[31] !== set) {
+		t16 = () => set(current - 1);
+		$[30] = current;
+		$[31] = set;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(Icon, { name: "arrow-down" });
+		$[33] = t17;
+	} else t17 = $[33];
+	let t18;
+	if ($[34] !== t15 || $[35] !== t16) {
+		t18 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			tabIndex: -1,
+			"aria-label": t15,
+			onClick: t16,
+			children: t17
+		});
+		$[34] = t15;
+		$[35] = t16;
+		$[36] = t18;
+	} else t18 = $[36];
+	let t19;
+	if ($[37] !== t14 || $[38] !== t18) {
+		t19 = /* @__PURE__ */ jsxs("span", {
+			className: BayContents_module_default.steps,
+			children: [t14, t18]
+		});
+		$[37] = t14;
+		$[38] = t18;
+		$[39] = t19;
+	} else t19 = $[39];
+	let t20;
+	if ($[40] !== t19 || $[41] !== t9) {
+		t20 = /* @__PURE__ */ jsxs("span", {
+			className: BayContents_module_default.quantity,
+			children: [
+				t9,
+				t10,
+				t19
+			]
+		});
+		$[40] = t19;
+		$[41] = t9;
+		$[42] = t20;
+	} else t20 = $[42];
+	return t20;
+}
+//#endregion
 //#region src/components/FittingWindow/FittingWindow.module.css
 var FittingWindow_module_default = {
+	"alert": "L9t91q_alert",
+	"alertLine": "L9t91q_alertLine",
+	"alertTitle": "L9t91q_alertTitle",
 	"bay": "L9t91q_bay",
+	"bayAnchor": "L9t91q_bayAnchor",
 	"bays": "L9t91q_bays",
 	"browser": "L9t91q_browser",
 	"count": "L9t91q_count",
@@ -2594,6 +3280,7 @@ var FittingWindow_module_default = {
 	"panels": "L9t91q_panels",
 	"resource": "L9t91q_resource",
 	"resources": "L9t91q_resources",
+	"services": "L9t91q_services",
 	"slash": "L9t91q_slash",
 	"slide": "L9t91q_slide",
 	"statistics": "L9t91q_statistics",
@@ -2658,15 +3345,89 @@ function countViolations(violations) {
 	counts.skill = skills.size;
 	return counts;
 }
+const resourceTexts = {
+	cpu: "CPU overloaded",
+	powergrid: "Powergrid overloaded",
+	calibration: "Calibration overloaded",
+	cargo_bay: "Cargo hold overloaded",
+	drone_bay: "Drone bay overloaded",
+	drone_bandwidth: "Drone bandwidth overloaded",
+	fighter_bay: "Fighter bay overloaded",
+	launched_drones: "Too many drones launched",
+	fighter_tubes: "Too many fighters launched",
+	light_fighter_tubes: "Too many light fighters launched",
+	support_fighter_tubes: "Too many support fighters launched",
+	heavy_fighter_tubes: "Too many heavy fighters launched"
+};
+const rackItems = {
+	high: "high slot modules",
+	medium: "medium slot modules",
+	low: "low slot modules",
+	rig: "rigs",
+	subsystem: "subsystems",
+	service: "service modules",
+	turret: "turrets",
+	launcher: "launchers"
+};
+const slotNames = {
+	high: "a high slot",
+	medium: "a medium slot",
+	low: "a low slot",
+	rig: "a rig slot",
+	subsystem: "a subsystem slot",
+	service: "a service slot",
+	turret: "a turret hardpoint",
+	launcher: "a launcher hardpoint"
+};
+const romanLevels = [
+	"I",
+	"II",
+	"III",
+	"IV",
+	"V"
+];
+/** What is wrong, or the skill that is missing. */
+function violationText({ target, rule }, fit, names) {
+	const item = target.type === "ship" ? void 0 : fit.items[target.index];
+	const module = item ? names.type(item.type_id) : "";
+	const charge = item?.charge ? names.type(item.charge.type_id) : "";
+	const subject = target.type === "charge" ? charge : module;
+	switch (rule.type) {
+		case "resource": return rule.resource === "charge_capacity" ? `${charge}: too big for ${module}` : resourceTexts[rule.resource];
+		case "slots": return `Too many ${rackItems[rule.slot]}`;
+		case "skill": return `${names.type(rule.type_id)} ${romanLevels[rule.required - 1]}`;
+		case "wrong_slot": return `${subject}: goes in ${slotNames[rule.expected]}`;
+		case "slot_taken": return `${subject}: slot already taken`;
+		case "wrong_slot_index": return `${subject}: goes in ${item?.slot.type} slot ${rule.expected}`;
+		case "subsystem_taken": return `${subject}: another subsystem covers the same part of the ship`;
+		case "rig_size": return `${subject}: rig size does not match the ship`;
+		case "ship_restricted": return `${subject}: cannot be fitted to this ship`;
+		case "capital_item": return `${subject}: needs a capital ship`;
+		case "structure_item": return `${subject}: only fits on a structure`;
+		case "ship_item": return `${subject}: does not fit on a structure`;
+		case "max_group": return `${subject}: only ${rule.allowed} ${names.group(rule.group_id)} can be ${rule.limit}`;
+		case "max_type": return `${subject}: only ${rule.allowed} can be fitted`;
+		case "charge_group": return `${charge}: cannot be loaded in ${module}`;
+		case "charge_size": return `${charge}: wrong size for ${module}`;
+	}
+}
+/** Each missing skill once, at the highest level asked for. */
+function missingSkills(violations) {
+	const skills = /* @__PURE__ */ new Map();
+	for (const { rule } of violations) if (rule.type === "skill" && rule.required > (skills.get(rule.type_id)?.required ?? 0)) skills.set(rule.type_id, rule);
+	return [...skills.values()];
+}
 //#endregion
 //#region src/components/FittingWindow/FittingWindow.tsx
 const oneDecimal = new Intl.NumberFormat("en-US", {
 	minimumFractionDigits: 1,
 	maximumFractionDigits: 1
 });
+/** 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(t0) {
-	const $ = c(32);
+	const $ = c(38);
 	const { label: t1, browser, statistics } = t0;
 	const label = t1 === void 0 ? "Fitting Window" : t1;
 	const [browserOpen, setBrowserOpen] = useState(true);
@@ -2675,6 +3436,7 @@ function FittingWindow(t0) {
 	const statisticsId = useId();
 	const browserShown = browser !== void 0 && browserOpen;
 	const statisticsShown = statistics !== void 0 && statisticsOpen;
+	const { structure } = useSnapshot().stats;
 	const t2 = browserShown || void 0;
 	const t3 = statisticsShown || void 0;
 	let t4;
@@ -2756,10 +3518,16 @@ function FittingWindow(t0) {
 		$[14] = t9;
 	} else t9 = $[14];
 	let t10;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsxs("div", {
+	let t11;
+	if ($[15] !== structure) {
+		t10 = /* @__PURE__ */ jsx("div", {
 			className: FittingWindow_module_default.bays,
-			children: [/* @__PURE__ */ jsx(Bay, {
+			children: structure ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Bay, {
+				bay: "cargo",
+				icon: "ammo-hold",
+				label: "Ammo Hold",
+				unlimited: true
+			}), /* @__PURE__ */ jsx(FighterBay, {})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Bay, {
 				bay: "cargo",
 				icon: "cargo",
 				label: "Cargo Hold"
@@ -2767,21 +3535,28 @@ function FittingWindow(t0) {
 				bay: "droneBay",
 				icon: "drone-bay",
 				label: "Drone Bay"
-			})]
+			})] })
 		});
-		$[15] = t10;
-	} else t10 = $[15];
-	let t11;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsx("div", {
+		t11 = structure && /* @__PURE__ */ jsx(ServiceRack, {});
+		$[15] = structure;
+		$[16] = t10;
+		$[17] = t11;
+	} else {
+		t10 = $[16];
+		t11 = $[17];
+	}
+	let t12;
+	if ($[18] !== structure) {
+		t12 = /* @__PURE__ */ jsx("div", {
 			className: FittingWindow_module_default.history,
-			children: /* @__PURE__ */ jsx(SimulationHistory, {})
+			children: /* @__PURE__ */ jsx(SimulationHistory, { tooltipTitle: structure })
 		});
-		$[16] = t11;
-	} else t11 = $[16];
-	let t12;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsxs("div", {
+		$[18] = structure;
+		$[19] = t12;
+	} else t12 = $[19];
+	let t13;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsxs("div", {
 			className: FittingWindow_module_default.resources,
 			children: [/* @__PURE__ */ jsx(Resource, {
 				title: "CPU",
@@ -2793,11 +3568,11 @@ function FittingWindow(t0) {
 				output: "powerOutput"
 			})]
 		});
-		$[17] = t12;
-	} else t12 = $[17];
-	let t13;
-	if ($[18] !== t8 || $[19] !== t9) {
-		t13 = /* @__PURE__ */ jsxs("div", {
+		$[20] = t13;
+	} else t13 = $[20];
+	let t14;
+	if ($[21] !== t10 || $[22] !== t11 || $[23] !== t12 || $[24] !== t8 || $[25] !== t9) {
+		t14 = /* @__PURE__ */ jsxs("div", {
 			className: FittingWindow_module_default.frame,
 			children: [
 				t5,
@@ -2807,16 +3582,20 @@ function FittingWindow(t0) {
 				t9,
 				t10,
 				t11,
-				t12
+				t12,
+				t13
 			]
 		});
-		$[18] = t8;
-		$[19] = t9;
-		$[20] = t13;
-	} else t13 = $[20];
-	let t14;
-	if ($[21] !== statistics || $[22] !== statisticsId || $[23] !== statisticsShown) {
-		t14 = statistics !== void 0 && /* @__PURE__ */ jsx("div", {
+		$[21] = t10;
+		$[22] = t11;
+		$[23] = t12;
+		$[24] = t8;
+		$[25] = t9;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== statistics || $[28] !== statisticsId || $[29] !== statisticsShown) {
+		t15 = statistics !== void 0 && /* @__PURE__ */ jsx("div", {
 			id: statisticsId,
 			className: FittingWindow_module_default.statistics,
 			inert: !statisticsShown,
@@ -2825,33 +3604,33 @@ function FittingWindow(t0) {
 				children: statistics
 			})
 		});
-		$[21] = statistics;
-		$[22] = statisticsId;
-		$[23] = statisticsShown;
-		$[24] = t14;
-	} else t14 = $[24];
-	let t15;
-	if ($[25] !== label || $[26] !== t13 || $[27] !== t14 || $[28] !== t2 || $[29] !== t3 || $[30] !== t4) {
-		t15 = /* @__PURE__ */ jsxs("section", {
+		$[27] = statistics;
+		$[28] = statisticsId;
+		$[29] = statisticsShown;
+		$[30] = t15;
+	} else t15 = $[30];
+	let t16;
+	if ($[31] !== label || $[32] !== t14 || $[33] !== t15 || $[34] !== t2 || $[35] !== t3 || $[36] !== t4) {
+		t16 = /* @__PURE__ */ jsxs("section", {
 			className: FittingWindow_module_default.window,
 			"aria-label": label,
 			"data-browser": t2,
 			"data-statistics": t3,
 			children: [
 				t4,
-				t13,
-				t14
+				t14,
+				t15
 			]
 		});
-		$[25] = label;
-		$[26] = t13;
-		$[27] = t14;
-		$[28] = t2;
-		$[29] = t3;
-		$[30] = t4;
-		$[31] = t15;
-	} else t15 = $[31];
-	return t15;
+		$[31] = label;
+		$[32] = t14;
+		$[33] = t15;
+		$[34] = t2;
+		$[35] = t3;
+		$[36] = t4;
+		$[37] = t16;
+	} else t16 = $[37];
+	return t16;
 }
 function FitName() {
 	const $ = c(4);
@@ -2898,64 +3677,133 @@ function FitName() {
 const violationKinds = [
 	{
 		kind: "error",
-		label: "Fitting Errors"
+		label: "Fitting Errors",
+		title: "Fitting Alert"
 	},
 	{
 		kind: "skill",
-		label: "Missing Skills"
+		label: "Missing Skills",
+		title: "Missing Skills"
 	},
 	{
 		kind: "notice",
-		label: "Fitting Warnings"
+		label: "Fitting Warnings",
+		title: "Fitting Warning"
 	}
 ];
 function Violations() {
-	const $ = c(7);
+	const $ = c(17);
 	const images = useImages();
-	const t0 = useViolations();
+	const sde = useSde();
+	const { fit, stats } = useShownSnapshot();
+	let t0;
+	if ($[0] !== stats.violations) {
+		t0 = countViolations(stats.violations);
+		$[0] = stats.violations;
+		$[1] = t0;
+	} else t0 = $[1];
+	const counts = t0;
+	const descriptionId = useId();
 	let t1;
-	if ($[0] !== t0) {
-		t1 = countViolations(t0);
-		$[0] = t0;
-		$[1] = t1;
-	} else t1 = $[1];
-	const counts = t1;
 	let t2;
-	if ($[2] !== counts || $[3] !== images) {
-		t2 = violationKinds.map((t3) => {
-			const { kind, label } = t3;
-			const shown = counts[kind];
+	if ($[2] !== sde) {
+		t1 = (id) => sde.type(id)?.name ?? `#${id}`;
+		t2 = (id_0) => sde.group(id_0)?.name ?? `#${id_0}`;
+		$[2] = sde;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	let t3;
+	let t4;
+	if ($[5] !== counts || $[6] !== descriptionId || $[7] !== fit || $[8] !== images || $[9] !== stats.violations || $[10] !== t1 || $[11] !== t2) {
+		const names = {
+			type: t1,
+			group: t2
+		};
+		const linesOf = (kind) => {
+			const violations = kind === "skill" ? missingSkills(stats.violations).map(_temp$4) : stats.violations.filter((t5) => {
+				const { rule: rule_0 } = t5;
+				return violationKind(rule_0) === kind;
+			});
+			return [...new Set(violations.map((violation) => violationText(violation, fit, names)))];
+		};
+		t3 = FittingWindow_module_default.violations;
+		t4 = violationKinds.map((t6) => {
+			const { kind: kind_0, label, title } = t6;
+			const shown = counts[kind_0];
 			if (shown === 0) return null;
-			const texture = images.uiTexture(kind === "skill" ? "classes/fitting/warningskills" : "classes/fitting/warninggroup");
+			const lines = linesOf(kind_0);
+			const textureStyle = { "--texture": `url(${images.uiTexture(kind_0 === "skill" ? "classes/fitting/warningskills" : "classes/fitting/warninggroup")})` };
 			return /* @__PURE__ */ jsx(Tooltip, {
-				label: `${label}: ${shown}`,
-				children: /* @__PURE__ */ jsx("span", {
+				label: /* @__PURE__ */ jsx("span", {
+					className: FittingWindow_module_default.alert,
+					"data-kind": kind_0,
+					style: textureStyle,
+					children: /* @__PURE__ */ jsx(TooltipText, {
+						title: /* @__PURE__ */ jsx("span", {
+							className: FittingWindow_module_default.alertTitle,
+							children: title
+						}),
+						description: lines.map(_temp2$2)
+					})
+				}),
+				children: /* @__PURE__ */ jsxs("span", {
 					className: FittingWindow_module_default.violation,
 					role: "img",
 					"aria-label": `${label}: ${shown}`,
-					"data-kind": kind,
-					style: { "--texture": `url(${texture})` },
-					children: /* @__PURE__ */ jsx("span", {
+					"aria-describedby": `${descriptionId}-${kind_0}`,
+					"data-kind": kind_0,
+					style: textureStyle,
+					children: [/* @__PURE__ */ jsx("span", {
 						className: FittingWindow_module_default.count,
 						children: shown
-					})
+					}), /* @__PURE__ */ jsx("span", {
+						id: `${descriptionId}-${kind_0}`,
+						hidden: true,
+						children: lines.join(", ")
+					})]
 				})
-			}, kind);
-		});
-		$[2] = counts;
-		$[3] = images;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: FittingWindow_module_default.violations,
-			children: t2
+			}, kind_0);
+		});
+		$[5] = counts;
+		$[6] = descriptionId;
+		$[7] = fit;
+		$[8] = images;
+		$[9] = stats.violations;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+	} else {
+		t3 = $[12];
+		t4 = $[13];
+	}
+	let t5;
+	if ($[14] !== t3 || $[15] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: t3,
+			children: t4
 		});
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	return t3;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	return t5;
+}
+function _temp2$2(line) {
+	return /* @__PURE__ */ jsx("span", {
+		className: FittingWindow_module_default.alertLine,
+		children: line
+	}, line);
+}
+function _temp$4(rule) {
+	return {
+		target: { type: "ship" },
+		rule
+	};
 }
 function NotImplementedButton(t0) {
 	const $ = c(9);
@@ -2994,178 +3842,440 @@ function NotImplementedButton(t0) {
 	return t4;
 }
 function Bay(t0) {
-	const $ = c(21);
-	const { bay, icon, label } = t0;
+	const $ = c(24);
+	const { bay, icon, label, unlimited: t1 } = t0;
+	const unlimited = t1 === void 0 ? false : t1;
 	const { used, total } = useBayUsage(bay);
-	const t1 = used > total || void 0;
+	const id = useId();
+	const drop = useBayDrop(bay);
 	let t2;
-	if ($[0] !== icon) {
-		t2 = /* @__PURE__ */ jsx(Icon, { name: icon });
-		$[0] = icon;
+	if ($[0] !== id) {
+		let t3;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /[^\w-]/g;
+			$[2] = t3;
+		} else t3 = $[2];
+		t2 = id.replace(t3, "");
+		$[0] = id;
 		$[1] = t2;
 	} else t2 = $[1];
-	let t3;
-	if ($[2] !== used) {
-		t3 = oneDecimal.format(used);
-		$[2] = used;
-		$[3] = t3;
-	} else t3 = $[3];
+	const t3 = `--bay-${t2}`;
 	let t4;
-	if ($[4] !== t3) {
-		t4 = /* @__PURE__ */ jsx("span", {
+	if ($[3] !== t3) {
+		t4 = { "--bay-anchor": t3 };
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	const t5 = t4;
+	const t6 = !unlimited && used > total || void 0;
+	let t7;
+	if ($[5] !== drop || $[6] !== icon || $[7] !== id || $[8] !== label || $[9] !== t6 || $[10] !== total || $[11] !== used) {
+		t7 = /* @__PURE__ */ jsx(BayButton, {
+			icon,
+			used,
+			total,
+			"aria-label": label,
+			popoverTarget: id,
+			"data-over": t6,
+			...drop
+		});
+		$[5] = drop;
+		$[6] = icon;
+		$[7] = id;
+		$[8] = label;
+		$[9] = t6;
+		$[10] = total;
+		$[11] = used;
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== label || $[14] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Tooltip, {
+			label,
+			children: t7
+		});
+		$[13] = label;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== bay || $[17] !== id || $[18] !== label) {
+		t9 = /* @__PURE__ */ jsx(BayContents, {
+			id,
+			bay,
+			label
+		});
+		$[16] = bay;
+		$[17] = id;
+		$[18] = label;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t5 || $[21] !== t8 || $[22] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: FittingWindow_module_default.bayAnchor,
+			style: t5,
+			children: [t8, t9]
+		});
+		$[20] = t5;
+		$[21] = t8;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	return t10;
+}
+function FighterBay() {
+	const $ = c(4);
+	const { used, total } = useBayUsage("fighterBay");
+	const t0 = used > total || void 0;
+	let t1;
+	if ($[0] !== t0 || $[1] !== total || $[2] !== used) {
+		t1 = /* @__PURE__ */ jsx(Tooltip, {
+			label: "Fighter Bay (not implemented yet)",
+			children: /* @__PURE__ */ jsx(BayButton, {
+				icon: "drone-bay",
+				used,
+				total,
+				"aria-label": "Fighter Bay",
+				"aria-disabled": true,
+				"data-over": t0
+			})
+		});
+		$[0] = t0;
+		$[1] = total;
+		$[2] = used;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function BayButton(t0) {
+	const $ = c(22);
+	let icon;
+	let props;
+	let total;
+	let used;
+	if ($[0] !== t0) {
+		({icon, used, total, ...props} = t0);
+		$[0] = t0;
+		$[1] = icon;
+		$[2] = props;
+		$[3] = total;
+		$[4] = used;
+	} else {
+		icon = $[1];
+		props = $[2];
+		total = $[3];
+		used = $[4];
+	}
+	let t1;
+	if ($[5] !== icon) {
+		t1 = /* @__PURE__ */ jsx(Icon, { name: icon });
+		$[5] = icon;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== used) {
+		t2 = oneDecimal.format(used);
+		$[7] = used;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx("span", {
 			className: FittingWindow_module_default.used,
-			children: t3
+			children: t2
 		});
-		$[4] = t3;
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx("span", {
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx("span", {
 			className: FittingWindow_module_default.slash,
 			children: "/"
 		});
-		$[6] = t5;
-	} else t5 = $[6];
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== total) {
+		t5 = oneDecimal.format(total);
+		$[12] = total;
+		$[13] = t5;
+	} else t5 = $[13];
 	let t6;
-	if ($[7] !== total) {
-		t6 = oneDecimal.format(total);
-		$[7] = total;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== t6) {
-		t7 = /* @__PURE__ */ jsx("span", {
+	if ($[14] !== t5) {
+		t6 = /* @__PURE__ */ jsx("span", {
 			className: FittingWindow_module_default.total,
-			children: t6
+			children: t5
 		});
-		$[9] = t6;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx("span", {
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx("span", {
 			className: FittingWindow_module_default.unit,
 			children: "m3"
 		});
-		$[11] = t8;
-	} else t8 = $[11];
-	let t9;
-	if ($[12] !== label || $[13] !== t1 || $[14] !== t2 || $[15] !== t4 || $[16] !== t7) {
-		t9 = /* @__PURE__ */ jsxs("div", {
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== props || $[18] !== t1 || $[19] !== t3 || $[20] !== t6) {
+		t8 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
 			className: FittingWindow_module_default.bay,
-			role: "group",
-			"aria-label": label,
-			"data-over": t1,
+			...props,
 			children: [
-				t2,
+				t1,
+				t3,
 				t4,
-				t5,
-				t7,
-				t8
+				t6,
+				t7
 			]
 		});
-		$[12] = label;
-		$[13] = t1;
-		$[14] = t2;
-		$[15] = t4;
-		$[16] = t7;
-		$[17] = t9;
-	} else t9 = $[17];
-	let t10;
-	if ($[18] !== label || $[19] !== t9) {
-		t10 = /* @__PURE__ */ jsx(Tooltip, {
-			label,
-			children: t9
-		});
-		$[18] = label;
-		$[19] = t9;
-		$[20] = t10;
-	} else t10 = $[20];
-	return t10;
+		$[17] = props;
+		$[18] = t1;
+		$[19] = t3;
+		$[20] = t6;
+		$[21] = t8;
+	} else t8 = $[21];
+	return t8;
+}
+const baySlots = {
+	cargo: { type: "cargo" },
+	droneBay: { type: "drone_bay" }
+};
+/** Puts a type dragged onto a bay in it: anything in the cargo, drones in the drone bay. */
+function useBayDrop(bay) {
+	const $ = c(29);
+	const store = useFitStore();
+	const sde = useSde();
+	const placement = usePlacement();
+	const canFit = useCanFit();
+	const { dragging, end } = useDrag();
+	const { show, clear } = usePreview();
+	const slot = baySlots[bay];
+	let t0;
+	let type;
+	if ($[0] !== bay || $[1] !== canFit || $[2] !== dragging || $[3] !== placement || $[4] !== sde) {
+		type = dragging?.type === "type" ? sde.type(dragging.typeId) : void 0;
+		t0 = type !== void 0 && (bay === "cargo" ? placement(type) !== void 0 : placement(type)?.type === "drone_bay" && canFit(type));
+		$[0] = bay;
+		$[1] = canFit;
+		$[2] = dragging;
+		$[3] = placement;
+		$[4] = sde;
+		$[5] = t0;
+		$[6] = type;
+	} else {
+		t0 = $[5];
+		type = $[6];
+	}
+	const taken = t0 ? type : void 0;
+	const target = `bay-${bay}`;
+	let t1;
+	if ($[7] !== show || $[8] !== slot || $[9] !== taken || $[10] !== target) {
+		t1 = () => {
+			if (taken) show((draft) => void draft.fit(taken.id, slot), target);
+		};
+		$[7] = show;
+		$[8] = slot;
+		$[9] = taken;
+		$[10] = target;
+		$[11] = t1;
+	} else t1 = $[11];
+	let t2;
+	if ($[12] !== clear || $[13] !== target) {
+		t2 = () => clear(target);
+		$[12] = clear;
+		$[13] = target;
+		$[14] = t2;
+	} else t2 = $[14];
+	let t3;
+	if ($[15] !== taken) {
+		t3 = (event) => {
+			if (!taken) return;
+			event.preventDefault();
+			event.dataTransfer.dropEffect = "copy";
+		};
+		$[15] = taken;
+		$[16] = t3;
+	} else t3 = $[16];
+	let t4;
+	if ($[17] !== clear || $[18] !== end || $[19] !== slot || $[20] !== store || $[21] !== taken || $[22] !== target) {
+		t4 = (event_0) => {
+			if (!taken) return;
+			event_0.preventDefault();
+			clear(target);
+			store.fit(taken.id, slot);
+			end();
+		};
+		$[17] = clear;
+		$[18] = end;
+		$[19] = slot;
+		$[20] = store;
+		$[21] = taken;
+		$[22] = target;
+		$[23] = t4;
+	} else t4 = $[23];
+	let t5;
+	if ($[24] !== t1 || $[25] !== t2 || $[26] !== t3 || $[27] !== t4) {
+		t5 = {
+			onDragEnter: t1,
+			onDragLeave: t2,
+			onDragOver: t3,
+			onDrop: t4
+		};
+		$[24] = t1;
+		$[25] = t2;
+		$[26] = t3;
+		$[27] = t4;
+		$[28] = t5;
+	} else t5 = $[28];
+	return t5;
 }
 function Resource(t0) {
-	const $ = c(16);
+	const $ = c(21);
 	const { title, free, output } = t0;
 	const left = useAttribute(free);
 	const total = useAttribute(output).value ?? 0;
 	const value = left.value ?? 0;
-	const t1 = value < 0 || void 0;
-	const t2 = left.change;
-	let t3;
-	if ($[0] !== title) {
-		t3 = /* @__PURE__ */ jsx("span", {
+	let t1;
+	if ($[0] !== output) {
+		t1 = /* @__PURE__ */ jsx(AttributeTooltip, { attribute: output });
+		$[0] = output;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = value < 0 || void 0;
+	const t3 = left.change;
+	let t4;
+	if ($[2] !== title) {
+		t4 = /* @__PURE__ */ jsx("span", {
 			className: FittingWindow_module_default.title,
 			children: title
 		});
-		$[0] = title;
-		$[1] = t3;
-	} else t3 = $[1];
-	let t4;
-	if ($[2] !== value) {
-		t4 = oneDecimal.format(value);
-		$[2] = value;
+		$[2] = title;
 		$[3] = t4;
 	} else t4 = $[3];
 	let t5;
-	if ($[4] !== t4) {
-		t5 = /* @__PURE__ */ jsx("span", {
-			className: FittingWindow_module_default.free,
-			children: t4
-		});
-		$[4] = t4;
+	if ($[4] !== value) {
+		t5 = oneDecimal.format(value);
+		$[4] = value;
 		$[5] = t5;
 	} else t5 = $[5];
 	let t6;
-	if ($[6] !== total) {
-		t6 = oneDecimal.format(total);
-		$[6] = total;
+	if ($[6] !== t5) {
+		t6 = /* @__PURE__ */ jsx("span", {
+			className: FittingWindow_module_default.free,
+			children: t5
+		});
+		$[6] = t5;
 		$[7] = t6;
 	} else t6 = $[7];
 	let t7;
-	if ($[8] !== t5 || $[9] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("span", { children: [
-			t5,
+	if ($[8] !== total) {
+		t7 = oneDecimal.format(total);
+		$[8] = total;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== t6 || $[11] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("span", { children: [
+			t6,
 			"/",
-			t6
+			t7
 		] });
-		$[8] = t5;
-		$[9] = t6;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== left.change || $[12] !== t1 || $[13] !== t3 || $[14] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("div", {
+		$[10] = t6;
+		$[11] = t7;
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== left.change || $[14] !== t2 || $[15] !== t4 || $[16] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
 			className: FittingWindow_module_default.resource,
-			"data-over": t1,
-			"data-change": t2,
-			children: [t3, t7]
+			"data-over": t2,
+			"data-change": t3,
+			children: [t4, t8]
 		});
-		$[11] = left.change;
-		$[12] = t1;
-		$[13] = t3;
-		$[14] = t7;
-		$[15] = t8;
-	} else t8 = $[15];
-	return t8;
+		$[13] = left.change;
+		$[14] = t2;
+		$[15] = t4;
+		$[16] = t8;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== t1 || $[19] !== t9) {
+		t10 = /* @__PURE__ */ jsx(Tooltip, {
+			label: t1,
+			children: t9
+		});
+		$[18] = t1;
+		$[19] = t9;
+		$[20] = t10;
+	} else t10 = $[20];
+	return t10;
+}
+function ServiceRack() {
+	const $ = c(3);
+	const slots = useSlots("service");
+	const { total } = useRackUsage("service");
+	let t0;
+	if ($[0] !== slots || $[1] !== total) {
+		t0 = /* @__PURE__ */ jsx("div", {
+			className: FittingWindow_module_default.services,
+			role: "group",
+			"aria-label": "Structure Services",
+			children: Array.from({ length: SERVICE_SLOTS }, (_, index) => /* @__PURE__ */ jsx(FittingServiceSlot, {
+				index,
+				available: index < total,
+				content: slots[index]
+			}, index))
+		});
+		$[0] = slots;
+		$[1] = total;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 }
-function SimulationHistory() {
+function FittingServiceSlot(t0) {
 	const $ = c(4);
+	const { index, available, content } = t0;
+	const t1 = useFittingSlot("service", index, content, available);
+	let slot;
+	if ($[0] !== t1) {
+		const { chargeTypeId, chargeable, activatable, onRemoveCharge, ...t2 } = t1;
+		slot = t2;
+		$[0] = t1;
+		$[1] = slot;
+	} else slot = $[1];
+	let t2;
+	if ($[2] !== slot) {
+		t2 = /* @__PURE__ */ jsx(ServiceSlot, { ...slot });
+		$[2] = slot;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+function SimulationHistory(t0) {
+	const $ = c(5);
+	const { tooltipTitle } = t0;
 	const history = useFitHistory();
-	let t0;
-	if ($[0] !== history.goTo || $[1] !== history.length || $[2] !== history.position) {
-		t0 = /* @__PURE__ */ jsx(HistoryBar, {
+	let t1;
+	if ($[0] !== history.goTo || $[1] !== history.length || $[2] !== history.position || $[3] !== tooltipTitle) {
+		t1 = /* @__PURE__ */ jsx(HistoryBar, {
 			label: "Simulation History",
 			length: history.length,
 			position: history.position,
-			onGoTo: history.goTo
+			onGoTo: history.goTo,
+			tooltipTitle
 		});
 		$[0] = history.goTo;
 		$[1] = history.length;
 		$[2] = history.position;
-		$[3] = t0;
-	} else t0 = $[3];
-	return t0;
+		$[3] = tooltipTitle;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
 }
 //#endregion
 //#region src/components/ItemBrowser/ItemBrowser.module.css
@@ -3175,6 +4285,7 @@ var ItemBrowser_module_default = {
 	"count": "xFSZwa_count",
 	"counts": "xFSZwa_counts",
 	"dragImage": "xFSZwa_dragImage",
+	"empty": "xFSZwa_empty",
 	"field": "xFSZwa_field",
 	"filters": "xFSZwa_filters",
 	"flyable": "xFSZwa_flyable",
@@ -3438,8 +4549,8 @@ function TypeLeaf(t0) {
 }
 /** The types, then their faction, officer and deadspace folders. */
 function TypeLeaves(t0) {
-	const $ = c(21);
-	const { sorted, open, actions, icon } = t0;
+	const $ = c(19);
+	const { sorted, actions, icon } = t0;
 	const images = useImages();
 	let t1;
 	if ($[0] !== actions || $[1] !== icon || $[2] !== sorted.types) {
@@ -3461,15 +4572,14 @@ function TypeLeaves(t0) {
 		$[3] = t1;
 	} else t1 = $[3];
 	let t2;
-	if ($[7] !== actions || $[8] !== icon || $[9] !== images || $[10] !== open || $[11] !== sorted.folders) {
+	if ($[7] !== actions || $[8] !== icon || $[9] !== images || $[10] !== sorted.folders) {
 		let t3;
-		if ($[13] !== actions || $[14] !== icon || $[15] !== images || $[16] !== open) {
+		if ($[12] !== actions || $[13] !== icon || $[14] !== images) {
 			t3 = (t4) => {
 				const { folder, types } = t4;
 				return /* @__PURE__ */ jsx(TreeGroup, {
 					label: folders[folder].label,
 					icon: images.metaGroupIcon(folders[folder].metaGroupId),
-					defaultOpen: open,
 					children: () => types.map((type_0) => /* @__PURE__ */ jsx(TypeLeaf, {
 						type: type_0,
 						actions,
@@ -3477,222 +4587,301 @@ function TypeLeaves(t0) {
 					}, type_0.id))
 				}, folder);
 			};
-			$[13] = actions;
-			$[14] = icon;
-			$[15] = images;
-			$[16] = open;
-			$[17] = t3;
-		} else t3 = $[17];
+			$[12] = actions;
+			$[13] = icon;
+			$[14] = images;
+			$[15] = t3;
+		} else t3 = $[15];
 		t2 = sorted.folders.map(t3);
 		$[7] = actions;
 		$[8] = icon;
 		$[9] = images;
-		$[10] = open;
-		$[11] = sorted.folders;
-		$[12] = t2;
-	} else t2 = $[12];
+		$[10] = sorted.folders;
+		$[11] = t2;
+	} else t2 = $[11];
 	let t3;
-	if ($[18] !== t1 || $[19] !== t2) {
+	if ($[16] !== t1 || $[17] !== t2) {
 		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t2] });
-		$[18] = t1;
-		$[19] = t2;
-		$[20] = t3;
-	} else t3 = $[20];
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t3;
+	} else t3 = $[18];
 	return t3;
 }
 function countLeaves(sorted) {
 	return sorted.folders.reduce((count, folder) => count + folder.types.length, sorted.types.length);
 }
+/** A market group's icon, or a folder for one without. */
+function useMarketGroupIcon() {
+	const $ = c(3);
+	const images = useImages();
+	const folder = useIconUrl("folder");
+	let t0;
+	if ($[0] !== folder || $[1] !== images) {
+		t0 = (marketGroupId) => images.marketGroupIcon(marketGroupId) ?? folder;
+		$[0] = folder;
+		$[1] = images;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+/** A market group: its groups, then its types. */
+function TypeGroup(t0) {
+	const $ = c(10);
+	const { node, actions } = t0;
+	const marketGroupIcon = useMarketGroupIcon();
+	const t1 = node.group.name;
+	let t2;
+	if ($[0] !== marketGroupIcon || $[1] !== node.group.id) {
+		t2 = marketGroupIcon(node.group.id);
+		$[0] = marketGroupIcon;
+		$[1] = node.group.id;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== actions || $[4] !== node) {
+		t3 = () => /* @__PURE__ */ jsxs(Fragment, { children: [node.children.map((child) => /* @__PURE__ */ jsx(TypeGroup, {
+			node: child,
+			actions
+		}, child.group.id)), /* @__PURE__ */ jsx(TypeLeaves, {
+			sorted: node,
+			actions
+		})] });
+		$[3] = actions;
+		$[4] = node;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== node.group.name || $[7] !== t2 || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsx(TreeGroup, {
+			label: t1,
+			icon: t2,
+			children: t3
+		});
+		$[6] = node.group.name;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	return t4;
+}
+/** Search results by root market group; a lone root shows only its types. */
+function SearchResults(t0) {
+	const $ = c(8);
+	const { roots, actions } = t0;
+	const [only] = roots;
+	if (roots.length === 1 && only !== void 0) {
+		let t1;
+		if ($[0] !== actions || $[1] !== only) {
+			t1 = /* @__PURE__ */ jsx(TypeLeaves, {
+				sorted: only,
+				actions
+			});
+			$[0] = actions;
+			$[1] = only;
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
+	}
+	let t1;
+	if ($[3] !== actions || $[4] !== roots) {
+		let t2;
+		if ($[6] !== actions) {
+			t2 = (node) => /* @__PURE__ */ jsx(TypeGroup, {
+				node,
+				actions
+			}, node.group.id);
+			$[6] = actions;
+			$[7] = t2;
+		} else t2 = $[7];
+		t1 = roots.map(t2);
+		$[3] = actions;
+		$[4] = roots;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
 //#endregion
 //#region 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() {
-	const $ = c(49);
+	const $ = c(48);
 	const sde = useSde();
 	const { actions, clear, dragImage } = useTypeActions();
 	const modules = useChargedModules();
 	const [picked, setPicked] = useState();
 	const [search, setSearch] = useState("");
+	const [collapses, setCollapses] = useState(0);
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = { times: 0 };
-		$[0] = t0;
-	} else t0 = $[0];
-	const [collapsed, setCollapsed] = useState(t0);
+	if ($[0] !== modules || $[1] !== picked) {
+		t0 = modules.some((module) => module.id === picked) ? picked : void 0;
+		$[0] = modules;
+		$[1] = picked;
+		$[2] = t0;
+	} else t0 = $[2];
+	const selected = t0;
 	let t1;
-	if ($[1] !== modules || $[2] !== picked) {
-		t1 = modules.some((module) => module.id === picked) ? picked : void 0;
-		$[1] = modules;
-		$[2] = picked;
-		$[3] = t1;
-	} else t1 = $[3];
-	const selected = t1;
+	if ($[3] !== search) {
+		t1 = search.trim().toLowerCase();
+		$[3] = search;
+		$[4] = t1;
+	} else t1 = $[4];
+	const query = t1;
 	let t2;
-	if ($[4] !== search) {
-		t2 = search.trim().toLowerCase();
-		$[4] = search;
-		$[5] = t2;
-	} else t2 = $[5];
-	const query = t2;
-	let t3;
-	if ($[6] !== query || $[7] !== selected) {
-		t3 = selected === void 0 && query !== "" ? (type) => type.name.toLowerCase().includes(query) : void 0;
-		$[6] = query;
-		$[7] = selected;
-		$[8] = t3;
-	} else t3 = $[8];
-	const groups = useChargeTree(t3);
+	if ($[5] !== query || $[6] !== selected) {
+		t2 = selected === void 0 && query !== "" ? (type) => type.name.toLowerCase().includes(query) : void 0;
+		$[5] = query;
+		$[6] = selected;
+		$[7] = t2;
+	} else t2 = $[7];
+	const matches = t2;
+	const groups = useChargeTree();
+	const found = useChargeSearch(matches);
 	const charges = useCharges(selected);
+	let t3;
+	if ($[8] !== charges || $[9] !== query || $[10] !== sde) {
+		let t4;
+		if ($[12] !== query) {
+			t4 = (type_0) => type_0.name.toLowerCase().includes(query);
+			$[12] = query;
+			$[13] = t4;
+		} else t4 = $[13];
+		t3 = sde.sortByMeta(charges.filter(t4));
+		$[8] = charges;
+		$[9] = query;
+		$[10] = sde;
+		$[11] = t3;
+	} else t3 = $[11];
+	const loadable = t3;
 	let t4;
-	if ($[9] !== charges || $[10] !== query || $[11] !== sde) {
-		let t5;
-		if ($[13] !== query) {
-			t5 = (type_0) => type_0.name.toLowerCase().includes(query);
-			$[13] = query;
-			$[14] = t5;
-		} else t5 = $[14];
-		t4 = sde.sortByMeta(charges.filter(t5));
-		$[9] = charges;
-		$[10] = query;
-		$[11] = sde;
-		$[12] = t4;
-	} else t4 = $[12];
-	const loadable = t4;
-	let t5;
-	if ($[15] !== groups || $[16] !== loadable || $[17] !== selected) {
-		t5 = selected === void 0 ? countTypes$1(groups) : countLeaves(loadable);
-		$[15] = groups;
-		$[16] = loadable;
+	if ($[14] !== found || $[15] !== loadable || $[16] !== matches || $[17] !== selected) {
+		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 count = t5;
-	const open = query !== "" && query !== collapsed.query && count <= 200;
-	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];
+		$[20] = t5;
+	} else t5 = $[20];
+	let t6;
+	if ($[21] !== collapses) {
+		t6 = () => setCollapses(collapses + 1);
+		$[21] = collapses;
+		$[22] = t6;
+	} else t6 = $[22];
 	let t7;
-	if ($[21] !== collapsed.times || $[22] !== query) {
-		t7 = () => setCollapsed({
-			times: collapsed.times + 1,
-			query
-		});
-		$[21] = collapsed.times;
-		$[22] = query;
-		$[23] = t7;
-	} else t7 = $[23];
-	let t8;
-	if ($[24] !== search || $[25] !== t6 || $[26] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Search, {
+	if ($[23] !== search || $[24] !== t5 || $[25] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Search, {
 			value: search,
-			onChange: t6,
-			onCollapse: t7
+			onChange: t5,
+			onCollapse: t6
 		});
-		$[24] = search;
+		$[23] = search;
+		$[24] = t5;
 		$[25] = t6;
 		$[26] = t7;
-		$[27] = t8;
-	} else t8 = $[27];
-	let t9;
-	if ($[28] !== modules || $[29] !== selected) {
-		let t10;
-		if ($[31] !== selected) {
-			t10 = (module_0) => /* @__PURE__ */ jsx(FilterToggle, {
+	} else t7 = $[26];
+	let t8;
+	if ($[27] !== modules || $[28] !== selected) {
+		let t9;
+		if ($[30] !== selected) {
+			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);
-			$[31] = selected;
-			$[32] = t10;
-		} else t10 = $[32];
-		t9 = modules.map(t10);
-		$[28] = modules;
-		$[29] = selected;
-		$[30] = t9;
-	} else t9 = $[30];
-	let t10;
-	if ($[33] !== t9) {
-		t10 = /* @__PURE__ */ jsx("fieldset", {
+			$[30] = selected;
+			$[31] = t9;
+		} else t9 = $[31];
+		t8 = modules.map(t9);
+		$[27] = modules;
+		$[28] = selected;
+		$[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] = t8;
 		$[33] = t9;
-		$[34] = t10;
-	} else t10 = $[34];
-	const t11 = `${collapsed.times}-${open}-${selected}`;
-	let t12;
-	if ($[35] !== actions || $[36] !== groups || $[37] !== loadable || $[38] !== open || $[39] !== selected) {
-		t12 = selected === void 0 ? groups.map((node) => /* @__PURE__ */ jsx(ChargeGroup, {
-			node,
-			open,
-			actions
-		}, node.group.id)) : /* @__PURE__ */ jsx(TypeLeaves, {
-			sorted: loadable,
-			open,
-			actions,
-			icon: true
-		});
-		$[35] = actions;
-		$[36] = groups;
-		$[37] = loadable;
-		$[38] = open;
-		$[39] = selected;
-		$[40] = t12;
-	} else t12 = $[40];
-	let t13;
-	if ($[41] !== t11 || $[42] !== t12) {
-		t13 = /* @__PURE__ */ jsx("div", {
+	} else t9 = $[33];
+	let t10;
+	if ($[34] !== actions || $[35] !== collapses || $[36] !== empty || $[37] !== found || $[38] !== groups || $[39] !== loadable || $[40] !== matches || $[41] !== selected) {
+		t10 = /* @__PURE__ */ jsx("div", {
 			className: ItemBrowser_module_default.tree,
-			children: /* @__PURE__ */ jsx(TreeList, {
+			children: empty ? /* @__PURE__ */ jsx("p", {
+				className: ItemBrowser_module_default.empty,
+				children: "No charges found"
+			}) : /* @__PURE__ */ jsx(TreeList, {
 				label: "Charges",
-				children: t12
-			}, t11)
-		});
-		$[41] = t11;
-		$[42] = t12;
-		$[43] = t13;
-	} else t13 = $[43];
-	let t14;
-	if ($[44] !== dragImage || $[45] !== t10 || $[46] !== t13 || $[47] !== t8) {
-		t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t8,
+				children: selected !== void 0 ? /* @__PURE__ */ jsx(TypeLeaves, {
+					sorted: loadable,
+					actions,
+					icon: true
+				}) : matches !== void 0 ? /* @__PURE__ */ jsx(SearchResults, {
+					roots: found,
+					actions
+				}) : groups.map((node) => /* @__PURE__ */ jsx(ChargeGroup, {
+					node,
+					actions
+				}, node.group.id))
+			}, `${collapses}-${selected}`)
+		});
+		$[34] = actions;
+		$[35] = collapses;
+		$[36] = empty;
+		$[37] = found;
+		$[38] = groups;
+		$[39] = loadable;
+		$[40] = matches;
+		$[41] = selected;
+		$[42] = t10;
+	} else t10 = $[42];
+	let t11;
+	if ($[43] !== dragImage || $[44] !== t10 || $[45] !== t7 || $[46] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t7,
+			t9,
 			t10,
-			t13,
 			dragImage
 		] });
-		$[44] = dragImage;
-		$[45] = t10;
-		$[46] = t13;
-		$[47] = t8;
-		$[48] = t14;
-	} else t14 = $[48];
-	return t14;
+		$[43] = dragImage;
+		$[44] = t10;
+		$[45] = t7;
+		$[46] = t9;
+		$[47] = t11;
+	} else t11 = $[47];
+	return t11;
 }
 function ChargeGroup(t0) {
-	const $ = c(13);
-	const { node, open, actions } = t0;
-	const images = useImages();
+	const $ = c(11);
+	const { node, actions } = t0;
+	const marketGroupIcon = useMarketGroupIcon();
 	const t1 = node.group.name;
 	let t2;
-	if ($[0] !== images || $[1] !== node.group.id) {
-		t2 = images.marketGroupIcon(node.group.id);
-		$[0] = images;
+	if ($[0] !== marketGroupIcon || $[1] !== node.group.id) {
+		t2 = marketGroupIcon(node.group.id);
+		$[0] = marketGroupIcon;
 		$[1] = node.group.id;
 		$[2] = t2;
 	} else t2 = $[2];
 	let t3;
-	if ($[3] !== actions || $[4] !== node.children || $[5] !== node.types || $[6] !== open) {
+	if ($[3] !== actions || $[4] !== node.children || $[5] !== node.types) {
 		t3 = () => /* @__PURE__ */ jsxs(Fragment, { children: [node.children.map((child) => /* @__PURE__ */ jsx(ChargeGroup, {
 			node: child,
-			open,
 			actions
 		}, child.group.id)), node.types.map((type) => /* @__PURE__ */ jsx(TypeLeaf, {
 			type,
@@ -3700,35 +4889,30 @@ function ChargeGroup(t0) {
 		}, type.id))] });
 		$[3] = actions;
 		$[4] = node.children;
-		$[5] = node.types;
-		$[6] = open;
-		$[7] = t3;
-	} else t3 = $[7];
+		$[5] = node.types;
+		$[6] = t3;
+	} else t3 = $[6];
 	let t4;
-	if ($[8] !== node.group.name || $[9] !== open || $[10] !== t2 || $[11] !== t3) {
+	if ($[7] !== node.group.name || $[8] !== t2 || $[9] !== t3) {
 		t4 = /* @__PURE__ */ jsx(TreeGroup, {
 			label: t1,
 			icon: t2,
-			defaultOpen: open,
 			children: t3
 		});
-		$[8] = node.group.name;
-		$[9] = open;
-		$[10] = t2;
-		$[11] = t3;
-		$[12] = t4;
-	} else t4 = $[12];
+		$[7] = node.group.name;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
 	return t4;
 }
-function countTypes$1(nodes) {
-	return nodes.reduce((count, node) => count + countTypes$1(node.children) + node.types.length, 0);
-}
 //#endregion
 //#region src/components/ItemBrowser/HullsAndFits.tsx
 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() {
-	const $ = c(75);
+	const $ = c(61);
 	const currentShipId = useFit().ship.type_id;
 	const images = useImages();
 	const store = useFitStore();
@@ -3738,233 +4922,186 @@ function HullsAndFits() {
 	const [browserFits, setBrowserFits] = useState(false);
 	const [currentHull, setCurrentHull] = useState(false);
 	const [flyable, setFlyable] = useState(false);
+	const [collapses, setCollapses] = useState(0);
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = {
-			key: 0,
-			open: false
-		};
-		$[0] = t0;
-	} else t0 = $[0];
-	const [tree, setTree] = useState(t0);
+	if ($[0] !== search) {
+		t0 = search.trim().toLowerCase();
+		$[0] = search;
+		$[1] = t0;
+	} else t0 = $[1];
+	const query = t0;
 	let t1;
-	if ($[1] !== search) {
-		t1 = search.trim().toLowerCase();
-		$[1] = search;
-		$[2] = t1;
-	} else t1 = $[2];
-	const query = t1;
-	const narrowed = query !== "" || currentHull;
+	if ($[2] !== query) {
+		t1 = (name) => (name ?? "").toLowerCase().includes(query);
+		$[2] = query;
+		$[3] = t1;
+	} else t1 = $[3];
+	const matches = t1;
 	let t2;
-	if ($[3] !== query) {
-		t2 = (name) => (name ?? "").toLowerCase().includes(query);
-		$[3] = query;
-		$[4] = t2;
-	} else t2 = $[4];
-	const matches = t2;
+	if ($[4] !== fits) {
+		t2 = Map.groupBy(fits, _temp$3);
+		$[4] = fits;
+		$[5] = t2;
+	} else t2 = $[5];
+	const fitsByHull = t2;
 	let t3;
-	if ($[5] !== fits) {
-		t3 = Map.groupBy(fits, _temp$3);
-		$[5] = fits;
-		$[6] = t3;
-	} else t3 = $[6];
-	const fitsByHull = t3;
-	let t4;
-	if ($[7] !== fitsByHull || $[8] !== flyable || $[9] !== matches || $[10] !== missingSkills) {
-		t4 = (ship) => {
+	if ($[6] !== fitsByHull || $[7] !== flyable || $[8] !== matches || $[9] !== missingSkills) {
+		t3 = (ship) => {
 			const saved_0 = fitsByHull.get(ship.id) ?? noFits;
 			const kept = flyable ? saved_0.filter((one) => missingSkills(one).length === 0) : saved_0;
 			return matches(ship.name) ? kept : kept.filter((one_0) => matches(one_0.name));
 		};
-		$[7] = fitsByHull;
-		$[8] = flyable;
-		$[9] = matches;
-		$[10] = missingSkills;
-		$[11] = t4;
-	} else t4 = $[11];
-	const shownFits = t4;
-	let t5;
-	if ($[12] !== browserFits || $[13] !== currentHull || $[14] !== currentShipId || $[15] !== flyable || $[16] !== matches || $[17] !== missingSkills || $[18] !== narrowed || $[19] !== shownFits) {
-		t5 = narrowed || browserFits || flyable ? (ship_0) => {
+		$[6] = fitsByHull;
+		$[7] = flyable;
+		$[8] = matches;
+		$[9] = missingSkills;
+		$[10] = t3;
+	} else t3 = $[10];
+	const shownFits = t3;
+	let t4;
+	if ($[11] !== browserFits || $[12] !== currentHull || $[13] !== currentShipId || $[14] !== flyable || $[15] !== matches || $[16] !== missingSkills || $[17] !== query || $[18] !== shownFits) {
+		t4 = query !== "" || currentHull || browserFits || flyable ? (ship_0) => {
 			if (currentHull && ship_0.id !== currentShipId) return false;
 			if (flyable && missingSkills([ship_0.id]).length > 0) return false;
 			const shown = shownFits(ship_0);
 			if (browserFits && shown.length === 0) return false;
 			return matches(ship_0.name) || shown.length > 0;
 		} : void 0;
-		$[12] = browserFits;
-		$[13] = currentHull;
-		$[14] = currentShipId;
-		$[15] = flyable;
-		$[16] = matches;
-		$[17] = missingSkills;
-		$[18] = narrowed;
-		$[19] = shownFits;
-		$[20] = t5;
-	} else t5 = $[20];
-	const groups = useHullTree(t5);
+		$[11] = browserFits;
+		$[12] = currentHull;
+		$[13] = currentShipId;
+		$[14] = flyable;
+		$[15] = matches;
+		$[16] = missingSkills;
+		$[17] = query;
+		$[18] = shownFits;
+		$[19] = t4;
+	} else t4 = $[19];
+	const groups = useHullTree(t4);
+	let t5;
+	if ($[20] !== store) {
+		t5 = (shipTypeId) => store.replace({
+			ship: { type_id: shipTypeId },
+			items: []
+		});
+		$[20] = store;
+		$[21] = t5;
+	} else t5 = $[21];
+	const simulate = t5;
 	let t6;
-	if ($[21] !== narrowed || $[22] !== tree.key) {
-		t6 = (nextSearch, nextCurrentHull) => {
-			const nextNarrowed = nextSearch.trim() !== "" || nextCurrentHull;
-			if (nextNarrowed !== narrowed) setTree({
-				key: tree.key + 1,
-				open: nextNarrowed
-			});
-			setSearch(nextSearch);
-			setCurrentHull(nextCurrentHull);
-		};
-		$[21] = narrowed;
-		$[22] = tree.key;
+	if ($[22] !== collapses) {
+		t6 = () => setCollapses(collapses + 1);
+		$[22] = collapses;
 		$[23] = t6;
 	} else t6 = $[23];
-	const narrow = t6;
 	let t7;
-	if ($[24] !== store) {
-		t7 = (shipTypeId) => store.replace({
-			ship: { type_id: shipTypeId },
-			items: []
-		});
-		$[24] = store;
-		$[25] = t7;
-	} else t7 = $[25];
-	const simulate = t7;
-	let t8;
-	if ($[26] !== currentHull || $[27] !== narrow) {
-		t8 = (value) => narrow(value, currentHull);
-		$[26] = currentHull;
-		$[27] = narrow;
-		$[28] = t8;
-	} else t8 = $[28];
-	let t9;
-	if ($[29] !== tree.key) {
-		t9 = () => setTree({
-			key: tree.key + 1,
-			open: false
-		});
-		$[29] = tree.key;
-		$[30] = t9;
-	} else t9 = $[30];
-	let t10;
-	if ($[31] !== search || $[32] !== t8 || $[33] !== t9) {
-		t10 = /* @__PURE__ */ jsx(Search, {
+	if ($[24] !== search || $[25] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Search, {
 			value: search,
-			onChange: t8,
-			onCollapse: t9
+			onChange: setSearch,
+			onCollapse: t6
 		});
-		$[31] = search;
-		$[32] = t8;
-		$[33] = t9;
-		$[34] = t10;
-	} else t10 = $[34];
-	let t11;
-	if ($[35] !== browserFits) {
-		t11 = /* @__PURE__ */ jsx(FilterToggle, {
+		$[24] = search;
+		$[25] = t6;
+		$[26] = t7;
+	} else t7 = $[26];
+	let t8;
+	if ($[27] !== browserFits) {
+		t8 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-browser",
 			label: "Browser Fittings",
 			pressed: browserFits,
 			onPressedChange: setBrowserFits
 		});
-		$[35] = browserFits;
-		$[36] = t11;
-	} else t11 = $[36];
+		$[27] = browserFits;
+		$[28] = t8;
+	} else t8 = $[28];
+	let t10;
+	let t11;
 	let t12;
-	let t13;
-	let t14;
-	let t15;
-	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx(FilterToggle, {
+	let t9;
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-personal",
 			label: "Personal Fittings"
 		});
-		t13 = /* @__PURE__ */ jsx(FilterToggle, {
+		t10 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-corporation",
 			label: "Corporation Fittings"
 		});
-		t14 = /* @__PURE__ */ jsx(FilterToggle, {
+		t11 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-alliance",
 			label: "Alliance Fittings"
 		});
-		t15 = /* @__PURE__ */ jsx(FilterToggle, {
+		t12 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-community",
 			label: "Community Fittings"
 		});
-		$[37] = t12;
-		$[38] = t13;
-		$[39] = t14;
-		$[40] = t15;
+		$[29] = t10;
+		$[30] = t11;
+		$[31] = t12;
+		$[32] = t9;
 	} else {
-		t12 = $[37];
-		t13 = $[38];
-		t14 = $[39];
-		t15 = $[40];
+		t10 = $[29];
+		t11 = $[30];
+		t12 = $[31];
+		t9 = $[32];
 	}
-	let t16;
-	if ($[41] !== narrow || $[42] !== search) {
-		t16 = (pressed) => narrow(search, pressed);
-		$[41] = narrow;
-		$[42] = search;
-		$[43] = t16;
-	} else t16 = $[43];
-	let t17;
-	if ($[44] !== currentHull || $[45] !== t16) {
-		t17 = /* @__PURE__ */ jsx(FilterToggle, {
+	let t13;
+	if ($[33] !== currentHull) {
+		t13 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "current-hull",
 			label: "Current Hull",
 			pressed: currentHull,
-			onPressedChange: t16
+			onPressedChange: setCurrentHull
 		});
-		$[44] = currentHull;
-		$[45] = t16;
-		$[46] = t17;
-	} else t17 = $[46];
-	let t18;
-	if ($[47] !== flyable) {
-		t18 = /* @__PURE__ */ jsx(FilterToggle, {
+		$[33] = currentHull;
+		$[34] = t13;
+	} else t13 = $[34];
+	let t14;
+	if ($[35] !== flyable) {
+		t14 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "skills",
 			label: "Skills",
 			pressed: flyable,
 			onPressedChange: setFlyable
 		});
-		$[47] = flyable;
-		$[48] = t18;
-	} else t18 = $[48];
-	let t19;
-	if ($[49] !== t11 || $[50] !== t17 || $[51] !== t18) {
-		t19 = /* @__PURE__ */ jsxs("fieldset", {
+		$[35] = flyable;
+		$[36] = t14;
+	} else t14 = $[36];
+	let t15;
+	if ($[37] !== t13 || $[38] !== t14 || $[39] !== t8) {
+		t15 = /* @__PURE__ */ jsxs("fieldset", {
 			className: ItemBrowser_module_default.filters,
 			"aria-label": "Filters",
 			children: [
+				t8,
+				t9,
+				t10,
 				t11,
 				t12,
 				t13,
-				t14,
-				t15,
-				t17,
-				t18
+				t14
 			]
 		});
-		$[49] = t11;
-		$[50] = t17;
-		$[51] = t18;
-		$[52] = t19;
-	} else t19 = $[52];
-	const t20 = tree.key;
-	let t21;
-	if ($[53] !== fitsByHull || $[54] !== groups || $[55] !== images || $[56] !== shownFits || $[57] !== simulate || $[58] !== store || $[59] !== tree.open) {
-		let t22;
-		if ($[61] !== fitsByHull || $[62] !== images || $[63] !== shownFits || $[64] !== simulate || $[65] !== store || $[66] !== tree.open) {
-			t22 = (t23) => {
-				const { group, races } = t23;
+		$[37] = t13;
+		$[38] = t14;
+		$[39] = t8;
+		$[40] = t15;
+	} else t15 = $[40];
+	let t16;
+	if ($[41] !== fitsByHull || $[42] !== groups || $[43] !== images || $[44] !== shownFits || $[45] !== simulate || $[46] !== store) {
+		let t17;
+		if ($[48] !== fitsByHull || $[49] !== images || $[50] !== shownFits || $[51] !== simulate || $[52] !== store) {
+			t17 = (t18) => {
+				const { group, races } = t18;
 				return /* @__PURE__ */ jsx(TreeGroup, {
 					label: group.name,
-					defaultOpen: tree.open,
-					children: () => races.map((t24) => {
-						const { race, factionId, ships } = t24;
+					children: () => races.map((t19) => {
+						const { race, factionId, ships } = t19;
 						return /* @__PURE__ */ jsx(TreeGroup, {
 							label: `${raceName(race)} [${ships.length}]`,
-							icon: factionId === void 0 ? void 0 : images.factionIcon(factionId),
-							defaultOpen: tree.open,
+							icon: factionId === void 0 ? images.marketGroupIcon(SHIPS_MARKET_GROUP_ID) : images.factionIcon(factionId),
 							children: () => ships.map((ship_1) => {
 								const shown_0 = shownFits(ship_1);
 								const simulateShip = /* @__PURE__ */ jsx(Tooltip, {
@@ -3977,24 +5114,15 @@ function HullsAndFits() {
 										children: /* @__PURE__ */ jsx(Icon, { name: "simulate" })
 									})
 								});
-								if (shown_0.length === 0) return /* @__PURE__ */ jsx(TreeLeaf, {
-									label: /* @__PURE__ */ jsx("span", {
-										className: ItemBrowser_module_default.hull,
-										children: ship_1.name
-									}),
-									typeId: ship_1.id,
-									after: simulateShip
-								}, ship_1.id);
 								return /* @__PURE__ */ jsx(TreeGroup, {
 									label: /* @__PURE__ */ jsx("span", {
 										className: ItemBrowser_module_default.hull,
 										children: ship_1.name
 									}),
-									description: /* @__PURE__ */ jsx(Counts, { browserFits: fitsByHull.get(ship_1.id)?.length ?? 0 }),
+									description: shown_0.length > 0 ? /* @__PURE__ */ jsx(Counts, { browserFits: fitsByHull.get(ship_1.id)?.length ?? 0 }) : void 0,
 									typeId: ship_1.id,
-									defaultOpen: tree.open,
 									after: simulateShip,
-									children: () => shown_0.map((saved_1) => /* @__PURE__ */ jsx(TreeLeaf, {
+									children: () => shown_0.length === 0 ? /* @__PURE__ */ jsx(TreeLeaf, { label: "No Item" }) : shown_0.map((saved_1) => /* @__PURE__ */ jsx(TreeLeaf, {
 										label: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
 											className: ItemBrowser_module_default.kind,
 											children: /* @__PURE__ */ jsx(Icon, { name: "fits-browser" })
@@ -4008,50 +5136,48 @@ function HullsAndFits() {
 					})
 				}, group.id);
 			};
-			$[61] = fitsByHull;
-			$[62] = images;
-			$[63] = shownFits;
-			$[64] = simulate;
-			$[65] = store;
-			$[66] = tree.open;
-			$[67] = t22;
-		} else t22 = $[67];
-		t21 = groups.map(t22);
-		$[53] = fitsByHull;
-		$[54] = groups;
-		$[55] = images;
-		$[56] = shownFits;
-		$[57] = simulate;
-		$[58] = store;
-		$[59] = tree.open;
-		$[60] = t21;
-	} else t21 = $[60];
-	let t22;
-	if ($[68] !== t21 || $[69] !== tree.key) {
-		t22 = /* @__PURE__ */ jsx("div", {
+			$[48] = fitsByHull;
+			$[49] = images;
+			$[50] = shownFits;
+			$[51] = simulate;
+			$[52] = store;
+			$[53] = t17;
+		} else t17 = $[53];
+		t16 = groups.map(t17);
+		$[41] = fitsByHull;
+		$[42] = groups;
+		$[43] = images;
+		$[44] = shownFits;
+		$[45] = simulate;
+		$[46] = store;
+		$[47] = t16;
+	} else t16 = $[47];
+	let t17;
+	if ($[54] !== collapses || $[55] !== t16) {
+		t17 = /* @__PURE__ */ jsx("div", {
 			className: ItemBrowser_module_default.tree,
 			children: /* @__PURE__ */ jsx(TreeList, {
 				label: "Hulls",
-				children: t21
-			}, t20)
+				children: t16
+			}, collapses)
 		});
-		$[68] = t21;
-		$[69] = tree.key;
-		$[70] = t22;
-	} else t22 = $[70];
-	let t23;
-	if ($[71] !== t10 || $[72] !== t19 || $[73] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t10,
-			t19,
-			t22
+		$[54] = collapses;
+		$[55] = t16;
+		$[56] = t17;
+	} else t17 = $[56];
+	let t18;
+	if ($[57] !== t15 || $[58] !== t17 || $[59] !== t7) {
+		t18 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t7,
+			t15,
+			t17
 		] });
-		$[71] = t10;
-		$[72] = t19;
-		$[73] = t22;
-		$[74] = t23;
-	} else t23 = $[74];
-	return t23;
+		$[57] = t15;
+		$[58] = t17;
+		$[59] = t7;
+		$[60] = t18;
+	} else t18 = $[60];
+	return t18;
 }
 function _temp$3(saved) {
 	return saved.ship.type_id;
@@ -4235,7 +5361,7 @@ const slotFilters = [
 ];
 /** The Modules tab of the `ItemBrowser`: what goes on a ship, by market group. */
 function Modules() {
-	const $ = c(51);
+	const $ = c(44);
 	const { actions, clear, dragImage } = useTypeActions();
 	const placement = usePlacement();
 	const canFit = useCanFit();
@@ -4244,32 +5370,27 @@ function Modules() {
 	const [slots, setSlots] = useState(_temp$2);
 	const [hullRestrictions, setHullRestrictions] = useState(false);
 	const [flyable, setFlyable] = useState(false);
+	const [collapses, setCollapses] = useState(0);
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = { times: 0 };
-		$[0] = t0;
-	} else t0 = $[0];
-	const [collapsed, setCollapsed] = useState(t0);
+	if ($[0] !== search) {
+		t0 = search.trim().toLowerCase();
+		$[0] = search;
+		$[1] = t0;
+	} else t0 = $[1];
+	const query = t0;
 	let t1;
-	if ($[1] !== search) {
-		t1 = search.trim().toLowerCase();
-		$[1] = search;
-		$[2] = t1;
-	} else t1 = $[2];
-	const query = t1;
-	let t2;
-	if ($[3] !== slots) {
-		t2 = new Set(slotFilters.filter((t3) => {
-			const { filter } = t3;
+	if ($[2] !== slots) {
+		t1 = new Set(slotFilters.filter((t2) => {
+			const { filter } = t2;
 			return slots.has(filter);
 		}).flatMap(_temp2$1));
-		$[3] = slots;
-		$[4] = t2;
-	} else t2 = $[4];
-	const places = t2;
-	let t3;
-	if ($[5] !== canFit || $[6] !== flyable || $[7] !== hullRestrictions || $[8] !== missingSkills || $[9] !== placement || $[10] !== places || $[11] !== query) {
-		t3 = query !== "" || places.size > 0 || hullRestrictions || flyable ? (type) => {
+		$[2] = slots;
+		$[3] = t1;
+	} else t1 = $[3];
+	const places = t1;
+	let t2;
+	if ($[4] !== canFit || $[5] !== flyable || $[6] !== hullRestrictions || $[7] !== missingSkills || $[8] !== placement || $[9] !== places || $[10] !== query) {
+		t2 = query !== "" || places.size > 0 || hullRestrictions || flyable ? (type) => {
 			if (places.size > 0) {
 				const place = placement(type)?.type;
 				if (place === void 0 || !places.has(place)) return false;
@@ -4278,64 +5399,62 @@ function Modules() {
 			if (flyable && missingSkills([type.id]).length > 0) return false;
 			return type.name.toLowerCase().includes(query);
 		} : void 0;
-		$[5] = canFit;
-		$[6] = flyable;
-		$[7] = hullRestrictions;
-		$[8] = missingSkills;
-		$[9] = placement;
-		$[10] = places;
-		$[11] = query;
-		$[12] = t3;
-	} else t3 = $[12];
-	const groups = useModuleTree(t3);
-	const open = query !== "" && query !== collapsed.query && countTypes(groups) <= 200;
-	let t4;
-	if ($[13] !== slots) {
-		t4 = (filter_0, pressed) => {
+		$[4] = canFit;
+		$[5] = flyable;
+		$[6] = hullRestrictions;
+		$[7] = missingSkills;
+		$[8] = placement;
+		$[9] = places;
+		$[10] = query;
+		$[11] = t2;
+	} else t2 = $[11];
+	const keep = t2;
+	const tree = useModuleTree(query === "" ? keep : void 0);
+	const found = useModuleSearch(query === "" ? void 0 : keep);
+	const groups = query === "" ? tree : found;
+	let t3;
+	if ($[12] !== slots) {
+		t3 = (filter_0, pressed) => {
 			const next = new Set(slots);
 			if (pressed) next.add(filter_0);
 			else next.delete(filter_0);
 			setSlots(next);
 		};
-		$[13] = slots;
-		$[14] = t4;
-	} else t4 = $[14];
-	const toggleSlot = t4;
-	let t5;
-	if ($[15] !== clear) {
-		t5 = (value) => {
+		$[12] = slots;
+		$[13] = t3;
+	} else t3 = $[13];
+	const toggleSlot = t3;
+	let t4;
+	if ($[14] !== clear) {
+		t4 = (value) => {
 			clear();
 			setSearch(value);
 		};
-		$[15] = clear;
-		$[16] = t5;
-	} else t5 = $[16];
+		$[14] = clear;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== collapses) {
+		t5 = () => setCollapses(collapses + 1);
+		$[16] = collapses;
+		$[17] = t5;
+	} else t5 = $[17];
 	let t6;
-	if ($[17] !== collapsed.times || $[18] !== query) {
-		t6 = () => setCollapsed({
-			times: collapsed.times + 1,
-			query
-		});
-		$[17] = collapsed.times;
-		$[18] = query;
-		$[19] = t6;
-	} else t6 = $[19];
-	let t7;
-	if ($[20] !== search || $[21] !== t5 || $[22] !== t6) {
-		t7 = /* @__PURE__ */ jsx(Search, {
+	if ($[18] !== search || $[19] !== t4 || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Search, {
 			value: search,
-			onChange: t5,
-			onCollapse: t6
+			onChange: t4,
+			onCollapse: t5
 		});
-		$[20] = search;
-		$[21] = t5;
-		$[22] = t6;
-		$[23] = t7;
-	} else t7 = $[23];
-	let t8;
-	if ($[24] !== slots || $[25] !== toggleSlot) {
-		t8 = slotFilters.map((t9) => {
-			const { filter: filter_1, icon, label } = t9;
+		$[18] = search;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	let t7;
+	if ($[22] !== slots || $[23] !== toggleSlot) {
+		t7 = slotFilters.map((t8) => {
+			const { filter: filter_1, icon, label } = t8;
 			return /* @__PURE__ */ jsx(FilterToggle, {
 				icon,
 				label,
@@ -4343,158 +5462,102 @@ function Modules() {
 				onPressedChange: (pressed_0) => toggleSlot(filter_1, pressed_0)
 			}, filter_1);
 		});
-		$[24] = slots;
-		$[25] = toggleSlot;
-		$[26] = t8;
-	} else t8 = $[26];
-	let t9;
-	if ($[27] !== hullRestrictions) {
-		t9 = /* @__PURE__ */ jsx(FilterToggle, {
+		$[22] = slots;
+		$[23] = toggleSlot;
+		$[24] = t7;
+	} else t7 = $[24];
+	let t8;
+	if ($[25] !== hullRestrictions) {
+		t8 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "filter-hull-restrictions",
 			label: "Hull Restrictions",
 			pressed: hullRestrictions,
 			onPressedChange: setHullRestrictions
 		});
-		$[27] = hullRestrictions;
-		$[28] = t9;
-	} else t9 = $[28];
-	let t10;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx(FilterToggle, {
+		$[25] = hullRestrictions;
+		$[26] = t8;
+	} else t8 = $[26];
+	let t9;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "filter-resources",
 			label: "Resources"
 		});
-		$[29] = t10;
-	} else t10 = $[29];
-	let t11;
-	if ($[30] !== flyable) {
-		t11 = /* @__PURE__ */ jsx(FilterToggle, {
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
+	if ($[28] !== flyable) {
+		t10 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "skills",
 			label: "Skills",
 			pressed: flyable,
 			onPressedChange: setFlyable
 		});
-		$[30] = flyable;
-		$[31] = t11;
-	} else t11 = $[31];
-	let t12;
-	if ($[32] !== t11 || $[33] !== t8 || $[34] !== t9) {
-		t12 = /* @__PURE__ */ jsxs("fieldset", {
+		$[28] = flyable;
+		$[29] = t10;
+	} else t10 = $[29];
+	let t11;
+	if ($[30] !== t10 || $[31] !== t7 || $[32] !== t8) {
+		t11 = /* @__PURE__ */ jsxs("fieldset", {
 			className: ItemBrowser_module_default.filters,
 			"aria-label": "Filters",
 			children: [
+				t7,
 				t8,
 				t9,
-				t10,
-				t11
+				t10
 			]
 		});
-		$[32] = t11;
-		$[33] = t8;
-		$[34] = t9;
-		$[35] = t12;
-	} else t12 = $[35];
-	const t13 = `${collapsed.times}-${open}`;
-	let t14;
-	if ($[36] !== actions || $[37] !== groups || $[38] !== open) {
-		let t15;
-		if ($[40] !== actions || $[41] !== open) {
-			t15 = (node) => /* @__PURE__ */ jsx(ModuleGroup, {
-				node,
-				open,
-				actions
-			}, node.group.id);
-			$[40] = actions;
-			$[41] = open;
-			$[42] = t15;
-		} else t15 = $[42];
-		t14 = groups.map(t15);
-		$[36] = actions;
-		$[37] = groups;
-		$[38] = open;
-		$[39] = t14;
-	} else t14 = $[39];
-	let t15;
-	if ($[43] !== t13 || $[44] !== t14) {
-		t15 = /* @__PURE__ */ jsx("div", {
+		$[30] = t10;
+		$[31] = t7;
+		$[32] = t8;
+		$[33] = t11;
+	} else t11 = $[33];
+	let t12;
+	if ($[34] !== actions || $[35] !== collapses || $[36] !== groups || $[37] !== query) {
+		t12 = /* @__PURE__ */ jsx("div", {
 			className: ItemBrowser_module_default.tree,
-			children: /* @__PURE__ */ jsx(TreeList, {
+			children: groups.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: ItemBrowser_module_default.empty,
+				children: "No modules found"
+			}) : /* @__PURE__ */ jsx(TreeList, {
 				label: "Modules",
-				children: t14
-			}, t13)
-		});
-		$[43] = t13;
-		$[44] = t14;
-		$[45] = t15;
-	} else t15 = $[45];
-	let t16;
-	if ($[46] !== dragImage || $[47] !== t12 || $[48] !== t15 || $[49] !== t7) {
-		t16 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t7,
-			t12,
-			t15,
-			dragImage
-		] });
-		$[46] = dragImage;
-		$[47] = t12;
-		$[48] = t15;
-		$[49] = t7;
-		$[50] = t16;
-	} else t16 = $[50];
-	return t16;
-}
-function _temp2$1(slot) {
-	return slot.places;
-}
-function _temp$2() {
-	return /* @__PURE__ */ new Set();
-}
-function ModuleGroup(t0) {
-	const $ = c(12);
-	const { node, open, actions } = t0;
-	const images = useImages();
-	const t1 = node.group.name;
-	let t2;
-	if ($[0] !== images || $[1] !== node.group.id) {
-		t2 = images.marketGroupIcon(node.group.id);
-		$[0] = images;
-		$[1] = node.group.id;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== actions || $[4] !== node || $[5] !== open) {
-		t3 = () => /* @__PURE__ */ jsxs(Fragment, { children: [node.children.map((child) => /* @__PURE__ */ jsx(ModuleGroup, {
-			node: child,
-			open,
-			actions
-		}, child.group.id)), /* @__PURE__ */ jsx(TypeLeaves, {
-			sorted: node,
-			open,
-			actions
-		})] });
-		$[3] = actions;
-		$[4] = node;
-		$[5] = open;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== node.group.name || $[8] !== open || $[9] !== t2 || $[10] !== t3) {
-		t4 = /* @__PURE__ */ jsx(TreeGroup, {
-			label: t1,
-			icon: t2,
-			defaultOpen: open,
-			children: t3
+				children: query === "" ? groups.map((node) => /* @__PURE__ */ jsx(TypeGroup, {
+					node,
+					actions
+				}, node.group.id)) : /* @__PURE__ */ jsx(SearchResults, {
+					roots: groups,
+					actions
+				})
+			}, collapses)
 		});
-		$[7] = node.group.name;
-		$[8] = open;
-		$[9] = t2;
-		$[10] = t3;
-		$[11] = t4;
-	} else t4 = $[11];
-	return t4;
+		$[34] = actions;
+		$[35] = collapses;
+		$[36] = groups;
+		$[37] = query;
+		$[38] = t12;
+	} else t12 = $[38];
+	let t13;
+	if ($[39] !== dragImage || $[40] !== t11 || $[41] !== t12 || $[42] !== t6) {
+		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t6,
+			t11,
+			t12,
+			dragImage
+		] });
+		$[39] = dragImage;
+		$[40] = t11;
+		$[41] = t12;
+		$[42] = t6;
+		$[43] = t13;
+	} else t13 = $[43];
+	return t13;
+}
+function _temp2$1(slot) {
+	return slot.places;
 }
-function countTypes(nodes) {
-	return nodes.reduce((count, node) => count + countTypes(node.children) + countLeaves(node), 0);
+function _temp$2() {
+	return /* @__PURE__ */ new Set();
 }
 //#endregion
 //#region src/components/ItemBrowser/ItemBrowser.tsx
@@ -4591,8 +5654,10 @@ var ShipStatistics_module_default = {
 	"bad": "lebA7G_bad",
 	"capacitor": "lebA7G_capacitor",
 	"defense": "lebA7G_defense",
+	"fighters": "lebA7G_fighters",
 	"good": "lebA7G_good",
 	"lines": "lebA7G_lines",
+	"manage": "lebA7G_manage",
 	"menu": "lebA7G_menu",
 	"picker": "lebA7G_picker",
 	"price": "lebA7G_price",
@@ -4619,41 +5684,23 @@ function AttributeText(t0) {
 	return t1;
 }
 //#endregion
-//#region src/components/ShipStatistics/AttributeTooltip.tsx
-/** What EVE shows when hovering the attribute; its name, for one without. */
-function AttributeTooltip(t0) {
-	const $ = c(7);
-	const { attribute } = t0;
-	const sde = useSde();
-	const tooltip = useAttributeTooltip(attribute);
-	let t1;
-	if ($[0] !== attribute || $[1] !== sde || $[2] !== tooltip?.title) {
-		t1 = tooltip?.title ?? sde.attribute(sde.attributeId(attribute) ?? 0)?.displayName ?? attribute;
-		$[0] = attribute;
-		$[1] = sde;
-		$[2] = tooltip?.title;
-		$[3] = t1;
-	} else t1 = $[3];
-	const title = t1;
-	const t2 = tooltip?.description;
-	let t3;
-	if ($[4] !== t2 || $[5] !== title) {
-		t3 = /* @__PURE__ */ jsx(TooltipText, {
-			title,
-			description: t2
-		});
-		$[4] = t2;
-		$[5] = title;
-		$[6] = t3;
-	} else t3 = $[6];
-	return t3;
-}
-//#endregion
 //#region src/components/ShipStatistics/units.ts
 /** For the `format` of `useAttribute`. */
 function unit(suffix, divisor = 1) {
 	return (value, format) => `${formatNumber(value / divisor, format)}${suffix}`;
 }
+/** Like EVE's "0.11B hp": in billions above 100 million, in millions above 100 thousand. */
+function hitpoints(value, format) {
+	const short = {
+		...format,
+		decimals: 2,
+		fixed: true,
+		rounding: "nearest"
+	};
+	if (value > 1e8) return unit("B hp", 1e9)(value, short);
+	if (value > 1e5) return unit("M hp", 1e6)(value, short);
+	return unit(" hp")(value, format);
+}
 //#endregion
 //#region src/components/ShipStatistics/CapacitorStats.tsx
 function CapacitorStats() {
@@ -5057,12 +6104,8 @@ function Resistance(t0) {
 }
 //#endregion
 //#region src/components/ShipStatistics/DefenseStats.tsx
-const hitpoints = {
-	decimals: 0,
-	format: unit(" hp")
-};
 function DefenseStats() {
-	const $ = c(30);
+	const $ = c(42);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = {
@@ -5072,143 +6115,190 @@ function DefenseStats() {
 		$[0] = t0;
 	} else t0 = $[0];
 	const ehp = useAttribute("ehp", t0);
-	const shield = useAttribute("shieldCapacity", hitpoints);
 	let t1;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = { decimals: 0 };
+		t1 = {
+			decimals: 0,
+			format: hitpoints
+		};
 		$[1] = t1;
 	} else t1 = $[1];
-	const shieldRecharge = useAttribute("shieldRechargeRate", t1);
-	const armor = useAttribute("armorHP", hitpoints);
-	const structure = useAttribute("hp", hitpoints);
+	const shield = useAttribute("shieldCapacity", t1);
 	let t2;
-	if ($[2] !== ehp) {
-		t2 = /* @__PURE__ */ jsx(AttributeText, { value: ehp });
-		$[2] = ehp;
-		$[3] = t2;
-	} else t2 = $[3];
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = { decimals: 0 };
+		$[2] = t2;
+	} else t2 = $[2];
+	const shieldRecharge = useAttribute("shieldRechargeRate", t2);
 	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
+			decimals: 0,
+			format: hitpoints
+		};
+		$[3] = t3;
+	} else t3 = $[3];
+	const armor = useAttribute("armorHP", t3);
 	let t4;
 	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(RepairRate, {});
-		t4 = damageTypes.map(_temp);
-		$[4] = t3;
-		$[5] = t4;
-	} else {
-		t3 = $[4];
-		t4 = $[5];
-	}
+		t4 = {
+			decimals: 0,
+			format: hitpoints
+		};
+		$[4] = t4;
+	} else t4 = $[4];
+	const structure = useAttribute("hp", t4);
+	const recharges = !useSnapshot().stats.structure;
 	let t5;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AttributeTooltip, { attribute: "shieldCapacity" }), /* @__PURE__ */ jsx(AttributeTooltip, { attribute: "shieldRechargeRate" })] });
+	if ($[5] !== ehp) {
+		t5 = /* @__PURE__ */ jsx(AttributeText, { value: ehp });
+		$[5] = ehp;
 		$[6] = t5;
 	} else t5 = $[6];
 	let t6;
-	if ($[7] !== shield) {
-		t6 = /* @__PURE__ */ jsx(AttributeText, { value: shield });
-		$[7] = shield;
-		$[8] = t6;
-	} else t6 = $[8];
 	let t7;
-	if ($[9] !== shieldRecharge) {
-		t7 = /* @__PURE__ */ jsx(AttributeText, { value: shieldRecharge });
-		$[9] = shieldRecharge;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== t6 || $[12] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Stat, {
-			icon: "stat-shield-hp",
-			label: "Shield Hitpoints / Recharge Time",
-			tooltip: t5,
-			children: /* @__PURE__ */ jsxs("span", {
-				className: ShipStatistics_module_default.lines,
-				children: [t6, t7]
-			})
-		});
-		$[11] = t6;
-		$[12] = t7;
-		$[13] = t8;
-	} else t8 = $[13];
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(RepairRate, {});
+		t7 = damageTypes.map(_temp);
+		$[7] = t6;
+		$[8] = t7;
+	} else {
+		t6 = $[7];
+		t7 = $[8];
+	}
+	const t8 = recharges ? "Shield Hitpoints / Recharge Time" : "Shield Hitpoints";
 	let t9;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx(Resistances, { layer: "shield" });
-		$[14] = t9;
-	} else t9 = $[14];
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(AttributeTooltip, { attribute: "shieldCapacity" });
+		$[9] = t9;
+	} else t9 = $[9];
 	let t10;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx(AttributeTooltip, { attribute: "armorHP" });
-		$[15] = t10;
-	} else t10 = $[15];
+	if ($[10] !== recharges) {
+		t10 = recharges && /* @__PURE__ */ jsx(AttributeTooltip, { attribute: "shieldRechargeRate" });
+		$[10] = recharges;
+		$[11] = t10;
+	} else t10 = $[11];
 	let t11;
-	if ($[16] !== armor) {
-		t11 = /* @__PURE__ */ jsx(Stat, {
-			icon: "stat-armor-hp",
-			label: "Armor Hitpoints",
-			tooltip: t10,
-			children: /* @__PURE__ */ jsx(AttributeText, { value: armor })
-		});
-		$[16] = armor;
-		$[17] = t11;
-	} else t11 = $[17];
+	if ($[12] !== t10) {
+		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t9, t10] });
+		$[12] = t10;
+		$[13] = t11;
+	} else t11 = $[13];
 	let t12;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx(Resistances, { layer: "armor" });
-		$[18] = t12;
-	} else t12 = $[18];
+	if ($[14] !== shield) {
+		t12 = /* @__PURE__ */ jsx(AttributeText, { value: shield });
+		$[14] = shield;
+		$[15] = t12;
+	} else t12 = $[15];
 	let t13;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = /* @__PURE__ */ jsx(AttributeTooltip, { attribute: "hp" });
-		$[19] = t13;
-	} else t13 = $[19];
+	if ($[16] !== recharges || $[17] !== shieldRecharge) {
+		t13 = recharges && /* @__PURE__ */ jsx(AttributeText, { value: shieldRecharge });
+		$[16] = recharges;
+		$[17] = shieldRecharge;
+		$[18] = t13;
+	} else t13 = $[18];
 	let t14;
-	if ($[20] !== structure) {
-		t14 = /* @__PURE__ */ jsx(Stat, {
-			icon: "stat-structure-hp",
-			label: "Structure Hitpoints",
-			tooltip: t13,
-			children: /* @__PURE__ */ jsx(AttributeText, { value: structure })
+	if ($[19] !== t12 || $[20] !== t13) {
+		t14 = /* @__PURE__ */ jsxs("span", {
+			className: ShipStatistics_module_default.lines,
+			children: [t12, t13]
 		});
-		$[20] = structure;
+		$[19] = t12;
+		$[20] = t13;
 		$[21] = t14;
 	} else t14 = $[21];
 	let t15;
-	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsx(Resistances, { layer: "structure" });
-		$[22] = t15;
-	} else t15 = $[22];
+	if ($[22] !== t11 || $[23] !== t14 || $[24] !== t8) {
+		t15 = /* @__PURE__ */ jsx(Stat, {
+			icon: "stat-shield-hp",
+			label: t8,
+			tooltip: t11,
+			children: t14
+		});
+		$[22] = t11;
+		$[23] = t14;
+		$[24] = t8;
+		$[25] = t15;
+	} else t15 = $[25];
 	let t16;
-	if ($[23] !== t11 || $[24] !== t14 || $[25] !== t8) {
-		t16 = /* @__PURE__ */ jsxs("div", {
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = /* @__PURE__ */ jsx(Resistances, { layer: "shield" });
+		$[26] = t16;
+	} else t16 = $[26];
+	let t17;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(AttributeTooltip, { attribute: "armorHP" });
+		$[27] = t17;
+	} else t17 = $[27];
+	let t18;
+	if ($[28] !== armor) {
+		t18 = /* @__PURE__ */ jsx(Stat, {
+			icon: "stat-armor-hp",
+			label: "Armor Hitpoints",
+			tooltip: t17,
+			children: /* @__PURE__ */ jsx(AttributeText, { value: armor })
+		});
+		$[28] = armor;
+		$[29] = t18;
+	} else t18 = $[29];
+	let t19;
+	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = /* @__PURE__ */ jsx(Resistances, { layer: "armor" });
+		$[30] = t19;
+	} else t19 = $[30];
+	let t20;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = /* @__PURE__ */ jsx(AttributeTooltip, { attribute: "hp" });
+		$[31] = t20;
+	} else t20 = $[31];
+	let t21;
+	if ($[32] !== structure) {
+		t21 = /* @__PURE__ */ jsx(Stat, {
+			icon: "stat-structure-hp",
+			label: "Structure Hitpoints",
+			tooltip: t20,
+			children: /* @__PURE__ */ jsx(AttributeText, { value: structure })
+		});
+		$[32] = structure;
+		$[33] = t21;
+	} else t21 = $[33];
+	let t22;
+	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+		t22 = /* @__PURE__ */ jsx(Resistances, { layer: "structure" });
+		$[34] = t22;
+	} else t22 = $[34];
+	let t23;
+	if ($[35] !== t15 || $[36] !== t18 || $[37] !== t21) {
+		t23 = /* @__PURE__ */ jsxs("div", {
 			className: ShipStatistics_module_default.defense,
 			children: [
-				t3,
-				t4,
-				t8,
-				t9,
-				t11,
-				t12,
-				t14,
-				t15
+				t6,
+				t7,
+				t15,
+				t16,
+				t18,
+				t19,
+				t21,
+				t22
 			]
 		});
-		$[23] = t11;
-		$[24] = t14;
-		$[25] = t8;
-		$[26] = t16;
-	} else t16 = $[26];
-	let t17;
-	if ($[27] !== t16 || $[28] !== t2) {
-		t17 = /* @__PURE__ */ jsx(StatsSection, {
+		$[35] = t15;
+		$[36] = t18;
+		$[37] = t21;
+		$[38] = t23;
+	} else t23 = $[38];
+	let t24;
+	if ($[39] !== t23 || $[40] !== t5) {
+		t24 = /* @__PURE__ */ jsx(StatsSection, {
 			title: "Defense",
-			summary: t2,
-			children: t16
+			summary: t5,
+			children: t23
 		});
-		$[27] = t16;
-		$[28] = t2;
-		$[29] = t17;
-	} else t17 = $[29];
-	return t17;
+		$[39] = t23;
+		$[40] = t5;
+		$[41] = t24;
+	} else t24 = $[41];
+	return t24;
 }
 function _temp(damage) {
 	return /* @__PURE__ */ jsx(Icon, { name: `stat-${damage}-resistance` }, damage);
@@ -5347,6 +6437,76 @@ function DroneStats() {
 	return t12;
 }
 //#endregion
+//#region ../fitting/src/rules/attributes.ts
+/** A type's value for an attribute as the SDE has it, before any effect applies. */
+function baseValue(sde, type, name) {
+	const id = sde.attributeId(name);
+	return id === void 0 ? void 0 : type.attributes.get(id);
+}
+//#endregion
+//#region src/components/ShipStatistics/FighterStats.tsx
+function FighterStats() {
+	const $ = c(10);
+	const sde = useSde();
+	const { fit } = useShownSnapshot();
+	let full = 0;
+	let partial = 0;
+	for (const item of fit.items) {
+		const type = item.slot.type === "fighter_tube" ? sde.type(item.type_id) : void 0;
+		if (type === void 0) continue;
+		if ((item.quantity ?? 1) >= (baseValue(sde, type, "fighterSquadronMaxSize") ?? 1)) full = full + 1;
+		else partial = partial + 1;
+	}
+	let t0;
+	if ($[0] !== full) {
+		t0 = /* @__PURE__ */ jsxs("span", { children: [full, " Full Squadrons"] });
+		$[0] = full;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== partial) {
+		t1 = /* @__PURE__ */ jsxs("span", { children: [partial, " Partial Squadrons"] });
+		$[2] = partial;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t0 || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsxs("span", {
+			className: ShipStatistics_module_default.lines,
+			children: [t0, t1]
+		});
+		$[4] = t0;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Tooltip, {
+			label: "Manage (not implemented yet)",
+			children: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: ShipStatistics_module_default.manage,
+				"aria-disabled": true,
+				children: "Manage"
+			})
+		});
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t2) {
+		t4 = /* @__PURE__ */ jsx(StatsSection, {
+			title: "Fighters",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: ShipStatistics_module_default.fighters,
+				children: [t2, t3]
+			})
+		});
+		$[8] = t2;
+		$[9] = t4;
+	} else t4 = $[9];
+	return t4;
+}
+//#endregion
 //#region src/components/ShipStatistics/FitPrice.tsx
 function FitPrice(t0) {
 	const $ = c(5);
@@ -5384,6 +6544,48 @@ function FitPrice(t0) {
 	return t4;
 }
 //#endregion
+//#region src/components/ShipStatistics/FuelStats.tsx
+function FuelStats() {
+	const $ = c(8);
+	const perDay = useStats().fuel * 24;
+	const before = useSnapshot().stats.fuel * 24;
+	let t0;
+	if ($[0] !== perDay) {
+		t0 = formatNumber(perDay, { decimals: 0 });
+		$[0] = perDay;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = `${t0} units/day`;
+	const t2 = perDay === before ? void 0 : perDay < before ? "better" : "worse";
+	let t3;
+	if ($[2] !== perDay || $[3] !== t1 || $[4] !== t2) {
+		t3 = {
+			value: perDay,
+			text: t1,
+			change: t2
+		};
+		$[2] = perDay;
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	const fuel = t3;
+	let t4;
+	if ($[6] !== fuel) {
+		t4 = /* @__PURE__ */ jsx(StatsSection, {
+			title: "Fuel",
+			children: /* @__PURE__ */ jsx(Stat, {
+				icon: "stat-fuel",
+				label: "Fuel Usage",
+				children: /* @__PURE__ */ jsx(AttributeText, { value: fuel })
+			})
+		});
+		$[6] = fuel;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
+}
+//#endregion
 //#region src/components/ShipStatistics/NavigationStats.tsx
 function NavigationStats() {
 	const $ = c(24);
@@ -5779,41 +6981,61 @@ function TargetingStats() {
 //#region src/components/ShipStatistics/ShipStatistics.tsx
 /** EVE's statistics of the fit, as its fitting window shows them. */
 function ShipStatistics(t0) {
-	const $ = c(4);
+	const $ = c(10);
 	const { label: t1 } = t0;
 	const label = t1 === void 0 ? "Statistics" : t1;
+	const { structure } = useSnapshot().stats;
 	let t2;
 	let t3;
+	let t4;
+	let t5;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsxs("div", {
-			className: ShipStatistics_module_default.sections,
-			children: [
-				/* @__PURE__ */ jsx(CapacitorStats, {}),
-				/* @__PURE__ */ jsx(OffenseStats, {}),
-				/* @__PURE__ */ jsx(DefenseStats, {}),
-				/* @__PURE__ */ jsx(TargetingStats, {}),
-				/* @__PURE__ */ jsx(NavigationStats, {}),
-				/* @__PURE__ */ jsx(DroneStats, {})
-			]
-		});
-		t3 = /* @__PURE__ */ jsx(FitPrice, { price: 0 });
+		t2 = /* @__PURE__ */ jsx(CapacitorStats, {});
+		t3 = /* @__PURE__ */ jsx(OffenseStats, {});
+		t4 = /* @__PURE__ */ jsx(DefenseStats, {});
+		t5 = /* @__PURE__ */ jsx(TargetingStats, {});
 		$[0] = t2;
 		$[1] = t3;
+		$[2] = t4;
+		$[3] = t5;
 	} else {
 		t2 = $[0];
 		t3 = $[1];
+		t4 = $[2];
+		t5 = $[3];
 	}
-	let t4;
-	if ($[2] !== label) {
-		t4 = /* @__PURE__ */ jsxs("section", {
+	let t6;
+	if ($[4] !== structure) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: ShipStatistics_module_default.sections,
+			children: [
+				t2,
+				t3,
+				t4,
+				t5,
+				structure ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FighterStats, {}), /* @__PURE__ */ jsx(FuelStats, {})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NavigationStats, {}), /* @__PURE__ */ jsx(DroneStats, {})] })
+			]
+		});
+		$[4] = structure;
+		$[5] = t6;
+	} else t6 = $[5];
+	let t7;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(FitPrice, { price: 0 });
+		$[6] = t7;
+	} else t7 = $[6];
+	let t8;
+	if ($[7] !== label || $[8] !== t6) {
+		t8 = /* @__PURE__ */ jsxs("section", {
 			className: ShipStatistics_module_default.statistics,
 			"aria-label": label,
-			children: [t2, t3]
+			children: [t6, t7]
 		});
-		$[2] = label;
-		$[3] = t4;
-	} else t4 = $[3];
-	return t4;
+		$[7] = label;
+		$[8] = t6;
+		$[9] = t8;
+	} else t8 = $[9];
+	return t8;
 }
 //#endregion
 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, WheelRackMarker, WheelSlot, iconNames, rackSize, slotAngle };