@eveshipfit/ui-ingame 1.2.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, useBayContents, useBayUsage, useCanFit, useChargeSearch, useChargeTree, useChargedModules, useCharges, useDrag, useDroneRoom, useFit, useFitHistory, useFitStore, useHardpoints, useHullTree, useImages, useLocalFits, useMissingSkills, useModuleSearch, useModuleTree, usePlacement, usePreview, useRackUsage, useSde, useSlots, useSnapshot, 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",
@@ -487,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",
@@ -517,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) {
@@ -794,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",
@@ -848,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
@@ -1092,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",
@@ -1099,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",
@@ -1219,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
@@ -1227,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({
@@ -1251,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
@@ -1259,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({
@@ -1269,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$6);
+		t7 = row.findLastIndex(_temp$7);
 		$[23] = chargeTypeId;
 		$[24] = fitted;
 		$[25] = onRemoveCharge;
@@ -1373,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;
@@ -1453,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$6(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";
@@ -2064,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",
@@ -2081,280 +2118,41 @@ function nextState(state, max, back = false) {
 	return allowed[(allowed.indexOf(state) + step) % allowed.length];
 }
 //#endregion
-//#region src/components/FittingWheel/FittingWheel.tsx
-const markedRacks = [
-	"high",
-	"medium",
-	"low"
-];
-const racks = [
-	"high",
-	"medium",
-	"low",
-	"rig",
-	"subsystem"
-];
+//#region src/components/FittingWheel/fittingSlot.ts
 /** EVE does not let rigs and subsystems be put offline. */
 const switchedRacks = [
 	"high",
 	"medium",
-	"low"
+	"low",
+	"service"
 ];
-/** The fitting wheel of the fit in the surrounding `EveShipFitProvider`. */
-function FittingWheel(t0) {
-	const $ = c(26);
-	const { label: t1 } = t0;
-	const label = t1 === void 0 ? "Fitting" : t1;
-	const ship = useFit().ship.type_id;
-	const { turret, launcher } = useHardpoints();
+/** 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();
-	let t2;
-	if ($[0] !== show) {
-		t2 = (target, edit) => show(edit, target);
-		$[0] = show;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] !== clear) {
-		t3 = (target_0) => clear(target_0);
-		$[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];
-	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$5);
-		$[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, {
-			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, {
-			resource: "cpu",
-			load: "cpuLoad",
-			output: "cpuOutput"
-		});
-		t11 = /* @__PURE__ */ jsx(FittingGauge, {
-			resource: "powergrid",
-			load: "powerLoad",
-			output: "powerOutput"
-		});
-		t12 = /* @__PURE__ */ jsx(FittingGauge, {
-			resource: "calibration",
-			load: "upgradeLoad",
-			output: "upgradeCapacity"
-		});
-		$[17] = t10;
-		$[18] = t11;
-		$[19] = t12;
-	} else {
-		t10 = $[17];
-		t11 = $[18];
-		t12 = $[19];
-	}
-	let t13;
-	if ($[20] !== label || $[21] !== t5 || $[22] !== t6 || $[23] !== t8 || $[24] !== t9) {
-		t13 = /* @__PURE__ */ jsxs(Wheel, {
-			label,
-			children: [
-				t5,
-				t6,
-				t7,
-				t8,
-				t9,
-				t10,
-				t11,
-				t12
-			]
-		});
-		$[20] = label;
-		$[21] = t5;
-		$[22] = t6;
-		$[23] = t8;
-		$[24] = t9;
-		$[25] = t13;
-	} else t13 = $[25];
-	return t13;
-}
-/** What a drop would do, shown while dragging over a target. */
-function _temp$5(rack) {
-	return /* @__PURE__ */ jsx(WheelRackMarker, { rack }, rack);
-}
-function FittingRack(t0) {
-	const $ = c(5);
-	const { rack, dropPreview } = t0;
-	const slots = useSlots(rack);
-	const { total } = useRackUsage(rack);
-	let t1;
-	if ($[0] !== dropPreview || $[1] !== rack || $[2] !== slots || $[3] !== 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
-		}, index));
-		$[0] = dropPreview;
-		$[1] = rack;
-		$[2] = slots;
-		$[3] = total;
-		$[4] = t1;
-	} else t1 = $[4];
-	return t1;
-}
-/** Fits a type dropped in the middle of the wheel, and unfits a fitted item. */
-function FittingCentre(t0) {
-	const $ = c(25);
-	const { dropPreview } = t0;
-	const store = useFitStore();
-	const fit = useFit();
-	const { dragging, end } = useDrag();
-	let t1;
-	if ($[0] !== dragging || $[1] !== store) {
-		t1 = dragging?.type === "type" && placesSomewhere(store, dragging.typeId);
-		$[0] = dragging;
-		$[1] = store;
-		$[2] = t1;
-	} else t1 = $[2];
-	const fits = t1;
-	let t2;
-	if ($[3] !== fit || $[4] !== fits) {
-		t2 = (item) => item !== void 0 && (item.type === "type" ? fits : fit.items[item.ref] !== void 0);
-		$[3] = fit;
-		$[4] = fits;
-		$[5] = t2;
-	} else t2 = $[5];
-	const takes = t2;
-	let t3;
-	if ($[6] !== dragging || $[7] !== dropPreview) {
-		t3 = () => {
-			if (dragging?.type !== "type") return;
-			const { typeId } = dragging;
-			dropPreview.show("centre", (draft) => void draft.fit(typeId));
-		};
-		$[6] = dragging;
-		$[7] = dropPreview;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== dropPreview) {
-		t4 = () => dropPreview.hide("centre");
-		$[9] = dropPreview;
-		$[10] = t4;
-	} else t4 = $[10];
-	let t5;
-	if ($[11] !== dragging || $[12] !== takes) {
-		t5 = (event) => {
-			if (takes(dragging)) allowDrop(event, dragging);
-		};
-		$[11] = dragging;
-		$[12] = takes;
-		$[13] = t5;
-	} else t5 = $[13];
-	let t6;
-	if ($[14] !== dragging || $[15] !== dropPreview || $[16] !== end || $[17] !== store || $[18] !== takes) {
-		t6 = (event_0) => {
-			if (!takes(dragging)) return;
-			event_0.preventDefault();
-			dropPreview.hide("centre");
-			if (dragging.type === "type") store.fit(dragging.typeId);
-			else store.remove(dragging.ref);
-			end();
-		};
-		$[14] = dragging;
-		$[15] = dropPreview;
-		$[16] = end;
-		$[17] = store;
-		$[18] = takes;
-		$[19] = t6;
-	} else t6 = $[19];
-	let t7;
-	if ($[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
-		t7 = /* @__PURE__ */ jsx("div", {
-			className: FittingWheel_module_default.centre,
-			"data-centre": true,
-			onDragEnter: t3,
-			onDragLeave: t4,
-			onDragOver: t5,
-			onDrop: t6
-		});
-		$[20] = t3;
-		$[21] = t4;
-		$[22] = t5;
-		$[23] = t6;
-		$[24] = t7;
-	} else t7 = $[24];
-	return t7;
-}
-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;
+	let t0;
 	if ($[0] !== rack || $[1] !== ref || $[2] !== stats) {
-		t1 = ref !== void 0 && stats !== void 0 && switchedRacks.includes(rack);
+		t0 = ref !== void 0 && stats !== void 0 && switchedRacks.includes(rack);
 		$[0] = rack;
 		$[1] = ref;
 		$[2] = stats;
-		$[3] = t1;
-	} else t1 = $[3];
-	const switchable = t1;
+		$[3] = t0;
+	} else t0 = $[3];
+	const switchable = t0;
 	const target = `${rack}-${index}`;
-	let t2;
+	let t1;
 	if ($[4] !== available || $[5] !== charges || $[6] !== fit || $[7] !== index || $[8] !== placement || $[9] !== rack || $[10] !== ref || $[11] !== sde) {
-		t2 = (drop) => {
+		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);
@@ -2371,37 +2169,29 @@ function FittingSlot(t0) {
 		$[9] = rack;
 		$[10] = ref;
 		$[11] = sde;
-		$[12] = t2;
-	} else t2 = $[12];
-	const takes = t2;
-	let t3;
+		$[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) {
-		t3 = switchable ? (event) => store.setState(ref, nextState(stats.state, stats.maxState, event.shiftKey)) : void 0;
+		t10 = 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) => {
+		$[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({
@@ -2409,14 +2199,14 @@ function FittingSlot(t0) {
 				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 = () => {
+		$[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,
@@ -2424,45 +2214,45 @@ function FittingSlot(t0) {
 			};
 			if (dragging.type === "type") {
 				const { typeId } = dragging;
-				dropPreview.show(target, (draft) => void draft.fit(typeId, slot));
+				show((draft) => void draft.fit(typeId, slot), target);
 			} else {
 				const { ref: moved } = dragging;
-				dropPreview.show(target, (draft_0) => draft_0.move(moved, slot));
+				show((draft_0) => draft_0.move(moved, slot), target);
 			}
 		};
-		$[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) => {
+		$[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;
-			dropPreview.hide(target);
+			clear(target);
 		};
-		$[32] = dropPreview;
-		$[33] = target;
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== dragging || $[36] !== takes) {
-		t16 = (event_2) => {
+		$[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);
 		};
-		$[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) => {
+		$[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();
-			dropPreview.hide(target);
+			clear(target);
 			if (dragging.type === "type") store.fit(dragging.typeId, {
 				type: rack,
 				index
@@ -2473,88 +2263,88 @@ function FittingSlot(t0) {
 			});
 			end();
 		};
-		$[38] = dragging;
-		$[39] = dropPreview;
-		$[40] = end;
-		$[41] = index;
-		$[42] = rack;
-		$[43] = store;
-		$[44] = takes;
-		$[45] = target;
-		$[46] = t17;
-	} else t17 = $[46];
-	let t18;
+		$[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) {
-		t18 = ref === void 0 ? void 0 : () => store.remove(ref);
+		t17 = ref === void 0 ? void 0 : () => store.setCharge(ref, void 0);
 		$[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);
+		$[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] = 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,
+		$[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: t5,
-			typeId: t6,
-			typeName: t7,
-			chargeTypeId: t8,
-			chargeable: t9,
-			state: t10,
-			activatable: t11,
-			label: t12,
-			onPress,
-			onDragStart: t13,
+			preview: t2,
+			typeId: t3,
+			typeName: t4,
+			chargeTypeId: t5,
+			chargeable: t6,
+			state: t7,
+			activatable: t8,
+			label: t9,
+			onPress: t10,
+			onDragStart: t11,
 			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;
+			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) {
@@ -2562,6 +2352,246 @@ function movesTo(fit, ref, rack, index) {
 	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",
+	"low"
+];
+const racks = [
+	"high",
+	"medium",
+	"low",
+	"rig",
+	"subsystem"
+];
+/** The fitting wheel of the fit in the surrounding `EveShipFitProvider`. */
+function FittingWheel(t0) {
+	const $ = c(15);
+	const { label: t1 } = t0;
+	const label = t1 === void 0 ? "Fitting" : t1;
+	const ship = useFit().ship.type_id;
+	const { turret, launcher } = useHardpoints();
+	let t2;
+	if ($[0] !== ship) {
+		t2 = /* @__PURE__ */ jsx(WheelHull, { typeId: ship });
+		$[0] = ship;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	let t4;
+	let t5;
+	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 ($[5] !== launcher || $[6] !== turret) {
+		t6 = /* @__PURE__ */ jsx(WheelHardpoints, {
+			turrets: turret,
+			launchers: launcher
+		});
+		$[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"
+		});
+		t8 = /* @__PURE__ */ jsx(FittingGauge, {
+			resource: "powergrid",
+			load: "powerLoad",
+			output: "powerOutput"
+		});
+		t9 = /* @__PURE__ */ jsx(FittingGauge, {
+			resource: "calibration",
+			load: "upgradeLoad",
+			output: "upgradeCapacity"
+		});
+		$[8] = t7;
+		$[9] = t8;
+		$[10] = t9;
+	} else {
+		t7 = $[8];
+		t8 = $[9];
+		t9 = $[10];
+	}
+	let t10;
+	if ($[11] !== label || $[12] !== t2 || $[13] !== t6) {
+		t10 = /* @__PURE__ */ jsxs(Wheel, {
+			label,
+			children: [
+				t2,
+				t3,
+				t4,
+				t5,
+				t6,
+				t7,
+				t8,
+				t9
+			]
+		});
+		$[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);
+}
+function _temp$6(rack) {
+	return /* @__PURE__ */ jsx(WheelRackMarker, { rack }, rack);
+}
+function FittingRack(t0) {
+	const $ = c(4);
+	const { rack } = t0;
+	const slots = useSlots(rack);
+	const { total } = useRackUsage(rack);
+	let t1;
+	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
+		}, index));
+		$[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() {
+	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 ($[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 ($[6] !== dragging || $[7] !== show) {
+		t2 = () => {
+			if (dragging?.type !== "type") return;
+			const { typeId } = dragging;
+			show((draft) => void draft.fit(typeId), "centre");
+		};
+		$[6] = dragging;
+		$[7] = show;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== clear) {
+		t3 = () => clear("centre");
+		$[9] = clear;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
+	if ($[11] !== dragging || $[12] !== takes) {
+		t4 = (event) => {
+			if (takes(dragging)) allowDrop(event, dragging);
+		};
+		$[11] = dragging;
+		$[12] = takes;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== clear || $[15] !== dragging || $[16] !== end || $[17] !== store || $[18] !== takes) {
+		t5 = (event_0) => {
+			if (!takes(dragging)) return;
+			event_0.preventDefault();
+			clear("centre");
+			if (dragging.type === "type") store.fit(dragging.typeId);
+			else store.remove(dragging.ref);
+			end();
+		};
+		$[14] = clear;
+		$[15] = dragging;
+		$[16] = end;
+		$[17] = store;
+		$[18] = takes;
+		$[19] = t5;
+	} else t5 = $[19];
+	let t6;
+	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
+		});
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t4;
+		$[23] = t5;
+		$[24] = t6;
+	} else t6 = $[24];
+	return t6;
+}
+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 placesSomewhere(store, typeId) {
 	let placed = false;
 	store.preview((draft) => {
@@ -2569,10 +2599,6 @@ function placesSomewhere(store, typeId) {
 	});
 	return placed;
 }
-function allowDrop(event, dragging) {
-	event.preventDefault();
-	event.dataTransfer.dropEffect = dragging.type === "type" ? "copy" : "move";
-}
 function FittingGauge(t0) {
 	const $ = c(7);
 	const { resource, load, output } = t0;
@@ -2603,6 +2629,199 @@ 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) {
@@ -2772,7 +2991,7 @@ function BayContents(t0) {
 			type: "button",
 			className: BayContents_module_default.removeAll,
 			onClick: () => {
-				store.remove(...contents.flatMap(_temp$4));
+				store.remove(...contents.flatMap(_temp$5));
 				panel.current?.hidePopover();
 			},
 			children: "Remove All"
@@ -2805,7 +3024,7 @@ function BayContents(t0) {
 	return t7;
 }
 /** One box per drone the character can launch. */
-function _temp$4(t0) {
+function _temp$5(t0) {
 	const { refs: refs_0 } = t0;
 	return refs_0;
 }
@@ -3044,6 +3263,9 @@ function Quantity(t0) {
 //#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",
@@ -3058,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",
@@ -3122,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);
@@ -3139,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;
@@ -3220,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"
@@ -3231,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", {
-			className: FittingWindow_module_default.history,
-			children: /* @__PURE__ */ jsx(SimulationHistory, {})
-		});
-		$[16] = t11;
-	} else t11 = $[16];
+		t11 = structure && /* @__PURE__ */ jsx(ServiceRack, {});
+		$[15] = structure;
+		$[16] = t10;
+		$[17] = t11;
+	} else {
+		t10 = $[16];
+		t11 = $[17];
+	}
 	let t12;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsxs("div", {
+	if ($[18] !== structure) {
+		t12 = /* @__PURE__ */ jsx("div", {
+			className: FittingWindow_module_default.history,
+			children: /* @__PURE__ */ jsx(SimulationHistory, { tooltipTitle: structure })
+		});
+		$[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",
@@ -3257,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,
@@ -3271,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,
@@ -3289,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);
@@ -3362,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);
@@ -3458,144 +3842,204 @@ function NotImplementedButton(t0) {
 	return t4;
 }
 function Bay(t0) {
-	const $ = c(36);
-	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 id = useId();
 	const drop = useBayDrop(bay);
-	let t1;
+	let t2;
 	if ($[0] !== id) {
-		let t2;
+		let t3;
 		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-			t2 = /[^\w-]/g;
-			$[2] = t2;
-		} else t2 = $[2];
-		t1 = id.replace(t2, "");
+			t3 = /[^\w-]/g;
+			$[2] = t3;
+		} else t3 = $[2];
+		t2 = id.replace(t3, "");
 		$[0] = id;
-		$[1] = t1;
-	} else t1 = $[1];
-	const t2 = `--bay-${t1}`;
-	let t3;
-	if ($[3] !== t2) {
-		t3 = { "--bay-anchor": t2 };
-		$[3] = t2;
-		$[4] = t3;
-	} else t3 = $[4];
-	const t4 = t3;
-	const t5 = used > total || void 0;
-	let t6;
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = `--bay-${t2}`;
+	let t4;
+	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) {
-		t6 = /* @__PURE__ */ jsx(Icon, { name: icon });
+		t1 = /* @__PURE__ */ jsx(Icon, { name: icon });
 		$[5] = icon;
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
 	if ($[7] !== used) {
-		t7 = oneDecimal.format(used);
+		t2 = oneDecimal.format(used);
 		$[7] = used;
-		$[8] = t7;
-	} else t7 = $[8];
-	let t8;
-	if ($[9] !== t7) {
-		t8 = /* @__PURE__ */ jsx("span", {
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx("span", {
 			className: FittingWindow_module_default.used,
-			children: t7
+			children: t2
 		});
-		$[9] = t7;
-		$[10] = t8;
-	} else t8 = $[10];
-	let t9;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
 	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx("span", {
+		t4 = /* @__PURE__ */ jsx("span", {
 			className: FittingWindow_module_default.slash,
 			children: "/"
 		});
-		$[11] = t9;
-	} else t9 = $[11];
-	let t10;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
 	if ($[12] !== total) {
-		t10 = oneDecimal.format(total);
+		t5 = oneDecimal.format(total);
 		$[12] = total;
-		$[13] = t10;
-	} else t10 = $[13];
-	let t11;
-	if ($[14] !== t10) {
-		t11 = /* @__PURE__ */ jsx("span", {
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== t5) {
+		t6 = /* @__PURE__ */ jsx("span", {
 			className: FittingWindow_module_default.total,
-			children: t10
+			children: t5
 		});
-		$[14] = t10;
-		$[15] = t11;
-	} else t11 = $[15];
-	let t12;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
 	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx("span", {
+		t7 = /* @__PURE__ */ jsx("span", {
 			className: FittingWindow_module_default.unit,
 			children: "m3"
 		});
-		$[16] = t12;
-	} else t12 = $[16];
-	let t13;
-	if ($[17] !== drop || $[18] !== id || $[19] !== label || $[20] !== t11 || $[21] !== t5 || $[22] !== t6 || $[23] !== t8) {
-		t13 = /* @__PURE__ */ jsxs("button", {
+		$[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,
-			"aria-label": label,
-			popoverTarget: id,
-			"data-over": t5,
-			...drop,
-			children: [
-				t6,
-				t8,
-				t9,
-				t11,
-				t12
-			]
-		});
-		$[17] = drop;
-		$[18] = id;
-		$[19] = label;
-		$[20] = t11;
-		$[21] = t5;
-		$[22] = t6;
-		$[23] = t8;
-		$[24] = t13;
-	} else t13 = $[24];
-	let t14;
-	if ($[25] !== label || $[26] !== t13) {
-		t14 = /* @__PURE__ */ jsx(Tooltip, {
-			label,
-			children: t13
-		});
-		$[25] = label;
-		$[26] = t13;
-		$[27] = t14;
-	} else t14 = $[27];
-	let t15;
-	if ($[28] !== bay || $[29] !== id || $[30] !== label) {
-		t15 = /* @__PURE__ */ jsx(BayContents, {
-			id,
-			bay,
-			label
-		});
-		$[28] = bay;
-		$[29] = id;
-		$[30] = label;
-		$[31] = t15;
-	} else t15 = $[31];
-	let t16;
-	if ($[32] !== t14 || $[33] !== t15 || $[34] !== t4) {
-		t16 = /* @__PURE__ */ jsxs("div", {
-			className: FittingWindow_module_default.bayAnchor,
-			style: t4,
-			children: [t14, t15]
+			...props,
+			children: [
+				t1,
+				t3,
+				t4,
+				t6,
+				t7
+			]
 		});
-		$[32] = t14;
-		$[33] = t15;
-		$[34] = t4;
-		$[35] = t16;
-	} else t16 = $[35];
-	return t16;
+		$[17] = props;
+		$[18] = t1;
+		$[19] = t3;
+		$[20] = t6;
+		$[21] = t8;
+	} else t8 = $[21];
+	return t8;
 }
 const baySlots = {
 	cargo: { type: "cargo" },
@@ -3771,23 +4215,67 @@ function Resource(t0) {
 	} else t10 = $[20];
 	return t10;
 }
-function SimulationHistory() {
+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 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
@@ -5166,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",
@@ -5199,6 +5689,18 @@ function AttributeText(t0) {
 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() {
@@ -5602,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 = {
@@ -5617,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);
@@ -5892,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);
@@ -5929,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);
@@ -6324,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 };