@eveshipfit/ui-ingame 1.2.0 → 1.4.0

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import './style.css';
 import { c } from "react/compiler-runtime";
-import { useEffect, useId, useRef, useState } from "react";
+import { createContext, useContext, 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, useFighterTubeUsage, useFighterTubes, useFit, useFitHistory, useFitPrice, 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",
@@ -226,20 +226,21 @@ function TreeList(t0) {
 	return t1;
 }
 function TreeGroup(t0) {
-	const $ = c(31);
-	const { label, typeId, icon, description, defaultOpen: t1, after, children } = t0;
+	const $ = c(34);
+	const { label, typeId, icon, description, defaultOpen: t1, after, onDragStart, onDragEnd, children } = t0;
 	const [open, setOpen] = useState(t1 === void 0 ? false : t1);
 	const descriptionId = useId();
 	const t2 = description !== void 0 ? descriptionId : void 0;
-	let t3;
+	const t3 = onDragStart !== void 0 || void 0;
+	let t4;
 	if ($[0] !== open) {
-		t3 = () => setOpen(!open);
+		t4 = () => setOpen(!open);
 		$[0] = open;
-		$[1] = t3;
-	} else t3 = $[1];
-	let t4;
+		$[1] = t4;
+	} else t4 = $[1];
+	let t5;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx("svg", {
+		t5 = /* @__PURE__ */ jsx("svg", {
 			className: TreeList_module_default.chevron,
 			viewBox: "0 0 12 12",
 			"aria-hidden": true,
@@ -248,37 +249,37 @@ function TreeGroup(t0) {
 				fill: "currentColor"
 			})
 		});
-		$[2] = t4;
-	} else t4 = $[2];
-	let t5;
+		$[2] = t5;
+	} else t5 = $[2];
+	let t6;
 	if ($[3] !== typeId) {
-		t5 = typeId !== void 0 && /* @__PURE__ */ jsx(RowIcon, { typeId });
+		t6 = typeId !== void 0 && /* @__PURE__ */ jsx(RowIcon, { typeId });
 		$[3] = typeId;
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
+		$[4] = t6;
+	} else t6 = $[4];
+	let t7;
 	if ($[5] !== icon) {
-		t6 = icon !== void 0 && /* @__PURE__ */ jsx("img", {
+		t7 = icon !== void 0 && /* @__PURE__ */ jsx("img", {
 			className: TreeList_module_default.smallIcon,
 			src: icon,
 			alt: "",
 			draggable: false
 		});
 		$[5] = icon;
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
+		$[6] = t7;
+	} else t7 = $[6];
+	let t8;
 	if ($[7] !== label) {
-		t7 = /* @__PURE__ */ jsx("span", {
+		t8 = /* @__PURE__ */ jsx("span", {
 			className: TreeList_module_default.label,
 			children: label
 		});
 		$[7] = label;
-		$[8] = t7;
-	} else t7 = $[8];
-	let t8;
+		$[8] = t8;
+	} else t8 = $[8];
+	let t9;
 	if ($[9] !== description || $[10] !== descriptionId) {
-		t8 = description !== void 0 && /* @__PURE__ */ jsx("span", {
+		t9 = description !== void 0 && /* @__PURE__ */ jsx("span", {
 			id: descriptionId,
 			className: TreeList_module_default.label,
 			"aria-hidden": true,
@@ -286,69 +287,75 @@ function TreeGroup(t0) {
 		});
 		$[9] = description;
 		$[10] = descriptionId;
-		$[11] = t8;
-	} else t8 = $[11];
-	let t9;
-	if ($[12] !== t7 || $[13] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("span", {
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] !== t8 || $[13] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("span", {
 			className: TreeList_module_default.text,
-			children: [t7, t8]
+			children: [t8, t9]
 		});
-		$[12] = t7;
-		$[13] = t8;
-		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] !== open || $[16] !== t2 || $[17] !== t3 || $[18] !== t5 || $[19] !== t6 || $[20] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("button", {
+		$[12] = t8;
+		$[13] = t9;
+		$[14] = t10;
+	} else t10 = $[14];
+	let t11;
+	if ($[15] !== onDragEnd || $[16] !== onDragStart || $[17] !== open || $[18] !== t10 || $[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t6 || $[23] !== t7) {
+		t11 = /* @__PURE__ */ jsxs("button", {
 			type: "button",
 			className: TreeList_module_default.row,
 			"aria-expanded": open,
 			"aria-describedby": t2,
-			onClick: t3,
+			draggable: t3,
+			onClick: t4,
+			onDragStart,
+			onDragEnd,
 			children: [
-				t4,
 				t5,
 				t6,
-				t9
+				t7,
+				t10
 			]
 		});
-		$[15] = open;
-		$[16] = t2;
-		$[17] = t3;
-		$[18] = t5;
-		$[19] = t6;
-		$[20] = t9;
-		$[21] = t10;
-	} else t10 = $[21];
-	let t11;
-	if ($[22] !== after || $[23] !== t10) {
-		t11 = /* @__PURE__ */ jsxs("div", {
-			className: TreeList_module_default.head,
-			children: [t10, after]
-		});
-		$[22] = after;
-		$[23] = t10;
+		$[15] = onDragEnd;
+		$[16] = onDragStart;
+		$[17] = open;
+		$[18] = t10;
+		$[19] = t2;
+		$[20] = t3;
+		$[21] = t4;
+		$[22] = t6;
+		$[23] = t7;
 		$[24] = t11;
 	} else t11 = $[24];
 	let t12;
-	if ($[25] !== children || $[26] !== open) {
-		t12 = open && /* @__PURE__ */ jsx("ul", {
-			className: TreeList_module_default.group,
-			children: children()
+	if ($[25] !== after || $[26] !== t11) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: TreeList_module_default.head,
+			children: [t11, after]
 		});
-		$[25] = children;
-		$[26] = open;
+		$[25] = after;
+		$[26] = t11;
 		$[27] = t12;
 	} else t12 = $[27];
 	let t13;
-	if ($[28] !== t11 || $[29] !== t12) {
-		t13 = /* @__PURE__ */ jsxs("li", { children: [t11, t12] });
-		$[28] = t11;
-		$[29] = t12;
+	if ($[28] !== children || $[29] !== open) {
+		t13 = open && /* @__PURE__ */ jsx("ul", {
+			className: TreeList_module_default.group,
+			children: children()
+		});
+		$[28] = children;
+		$[29] = open;
 		$[30] = t13;
 	} else t13 = $[30];
-	return t13;
+	let t14;
+	if ($[31] !== t12 || $[32] !== t13) {
+		t14 = /* @__PURE__ */ jsxs("li", { children: [t12, t13] });
+		$[31] = t12;
+		$[32] = t13;
+		$[33] = t14;
+	} else t14 = $[33];
+	return t14;
 }
 /** Activates on double click, as EVE's own lists do; single clicks are for selecting text and dragging. */
 function TreeLeaf(t0) {
@@ -457,6 +464,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 +495,16 @@ const textures = {
 	statistics: "eveicon/system_icons/list_view_16px",
 	cargo: "windowicons/ships",
 	"drone-bay": "windowicons/dronebay",
+	"fighter-bay": "classes/shipui/fighters/iconfighterbay",
+	"fighter-light": "classes/carrierbay/iconfighterlight",
+	"fighter-support": "classes/carrierbay/iconfightermedium",
+	"fighter-heavy": "classes/carrierbay/iconfighterheavy",
+	"fighter-role-interceptor": "classes/shipui/fighters/roleicon_interceptor",
+	"fighter-role-attack": "classes/shipui/fighters/roleicon_general",
+	"fighter-role-support": "classes/shipui/fighters/roleicon_support",
+	"fighter-role-heavy-attack": "classes/shipui/fighters/roleicon_anticapital",
+	"fighter-role-bomber": "classes/shipui/fighters/roleicon_bomber",
+	"ammo-hold": "windowicons/itemhangar",
 	"arrow-left": "shared/triangleleft",
 	"arrow-right": "shared/triangleright",
 	"arrow-down": "shared/triangledown",
@@ -517,7 +535,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 +813,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 +869,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 +1125,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 +1220,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 +1339,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 +1347,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 +1371,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 +1379,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 +1389,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 +1493,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 +1570,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 +2120,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,281 +2134,42 @@ 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();
-	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;
+/** 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 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) => {
-			if (!available || drop === void 0) return false;
+		t1 = (drop) => {
+			if (!available || drop === void 0 || drop.type === "hull") 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;
@@ -2371,37 +2185,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 +2215,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 +2230,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 +2279,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 === "item" ? "move" : "copy";
 }
 /** Whether a fitted item can move to this slot. */
 function movesTo(fit, ref, rack, index) {
@@ -2562,6 +2368,254 @@ 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$4);
+		$[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$4(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) => {
+			if (item === void 0) return false;
+			if (item.type === "item") return fit.items[item.ref] !== void 0;
+			return item.type === "hull" || fits;
+		};
+		$[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 if (dragging.type === "hull") store.replace({
+				ship: { type_id: dragging.typeId },
+				items: []
+			});
+			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 +2623,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 +2653,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) {
@@ -2611,61 +2854,650 @@ function AttributeTooltip(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;
+	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",
+	"kind": "gVdevq_kind",
+	"kinds": "gVdevq_kinds",
+	"list": "gVdevq_list",
+	"middle": "gVdevq_middle",
+	"name": "gVdevq_name",
+	"none": "gVdevq_none",
+	"panel": "gVdevq_panel",
+	"quantity": "gVdevq_quantity",
+	"remove": "gVdevq_remove",
+	"removeAll": "gVdevq_removeAll",
+	"row": "gVdevq_row",
+	"selection": "gVdevq_selection",
+	"steps": "gVdevq_steps",
+	"times": "gVdevq_times",
+	"tubes": "gVdevq_tubes"
+};
+//#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 ../fitting/src/rules/fighters.ts
+const fighterKinds = [
+	"light",
+	"support",
+	"heavy"
+];
+const kindAttributes = {
+	light: {
+		ship: "fighterSquadronIsLight",
+		structure: "fighterSquadronIsStandupLight"
+	},
+	support: {
+		ship: "fighterSquadronIsSupport",
+		structure: "fighterSquadronIsStandupSupport"
+	},
+	heavy: {
+		ship: "fighterSquadronIsHeavy",
+		structure: "fighterSquadronIsStandupHeavy"
+	}
+};
+/** Which tubes a fighter squadron takes; `undefined` for what is not a fighter. */
+function fighterKind(sde, type) {
+	return fighterKinds.find((kind) => baseValue(sde, type, kindAttributes[kind].ship) || baseValue(sde, type, kindAttributes[kind].structure));
+}
+/** Whether a fighter is launched from a structure. */
+function isStandupFighter(sde, type) {
+	return fighterKinds.some((kind) => Boolean(baseValue(sde, type, kindAttributes[kind].structure)));
+}
+/** How many fighters make a full squadron. */
+function squadronSize(sde, type) {
+	return baseValue(sde, type, "fighterSquadronMaxSize") ?? 1;
+}
+/** Whether a squadron of `type` can be launched from tube `index`, in place of what is there. */
+function tubeTakes(sde, fit, stats, type, index) {
+	const kind = fighterKind(sde, type);
+	if (kind === void 0 || isStandupFighter(sde, type) !== stats.structure) return false;
+	if (index < 0 || index >= stats.fighterTubes.all.total) return false;
+	const replaced = tubeRef(fit, index);
+	const replacedType = replaced === void 0 ? void 0 : sde.type(fit.items[replaced].type_id);
+	const freed = replacedType !== void 0 && fighterKind(sde, replacedType) === kind ? 1 : 0;
+	const { used, total } = stats.fighterTubes[kind];
+	return used - freed < total;
+}
+function tubeRef(fit, index) {
+	const ref = fit.items.findIndex((item) => item.slot.type === "fighter_tube" && item.slot.index === index);
+	return ref === -1 ? void 0 : ref;
+}
+//#endregion
+//#region src/primitives/FighterTube/FighterTube.module.css
+var FighterTube_module_default = {
+	"empty": "Wlg6ma_empty",
+	"label": "Wlg6ma_label",
+	"number": "Wlg6ma_number",
+	"picture": "Wlg6ma_picture",
+	"remove": "Wlg6ma_remove",
+	"resize": "Wlg6ma_resize",
+	"ring": "Wlg6ma_ring",
+	"role": "Wlg6ma_role",
+	"squadron": "Wlg6ma_squadron",
+	"tube": "Wlg6ma_tube"
+};
+//#endregion
+//#region src/primitives/FighterTube/FighterTube.tsx
+/** EVE's tube of the fighter bay, empty or with a squadron in it. */
+function FighterTube(t0) {
+	const $ = c(54);
+	let className;
+	let index;
+	let onRemove;
+	let onResize;
+	let props;
+	let role;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let typeId;
+	let typeName;
+	if ($[0] !== t0) {
+		({index, typeId, typeName, quantity: t1, size: t2, role, available: t3, preview: t4, onRemove, onResize, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = index;
+		$[3] = onRemove;
+		$[4] = onResize;
+		$[5] = props;
+		$[6] = role;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = typeId;
+		$[12] = typeName;
+	} else {
+		className = $[1];
+		index = $[2];
+		onRemove = $[3];
+		onResize = $[4];
+		props = $[5];
+		role = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		t3 = $[9];
+		t4 = $[10];
+		typeId = $[11];
+		typeName = $[12];
+	}
+	const quantity = t1 === void 0 ? 0 : t1;
+	const size = t2 === void 0 ? 0 : t2;
+	const available = t3 === void 0 ? true : t3;
+	const preview = t4 === void 0 ? false : t4;
+	const images = useImages();
+	const launched = typeId !== void 0;
+	const actions = launched && !preview;
+	let t5;
+	if ($[13] !== images) {
+		t5 = (name) => `url(${images.uiTexture(name)})`;
+		$[13] = images;
+		$[14] = t5;
+	} else t5 = $[14];
+	const texture = t5;
+	let t6;
+	if ($[15] !== className) {
+		t6 = [FighterTube_module_default.tube, className].filter(Boolean);
+		$[15] = className;
+		$[16] = t6;
+	} else t6 = $[16];
+	const t7 = t6.join(" ");
+	const t8 = texture("classes/carrierbay/simulatetube3");
+	const t9 = texture("classes/shipui/fighters/squadnumberflag");
+	let t10;
+	if ($[17] !== t8 || $[18] !== t9) {
+		t10 = {
+			"--tube": t8,
+			"--flag": t9
+		};
+		$[17] = t8;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	const t11 = t10;
+	const t12 = `Tube ${index + 1}${typeName === void 0 ? "" : `, ${typeName}`}`;
+	const t13 = launched ? "launched" : available ? "open" : "unavailable";
+	const t14 = preview || void 0;
+	const t15 = index + 1;
+	let t16;
+	if ($[20] !== t15) {
+		t16 = /* @__PURE__ */ jsx("span", {
+			className: FighterTube_module_default.number,
+			children: t15
+		});
+		$[20] = t15;
+		$[21] = t16;
+	} else t16 = $[21];
+	let t17;
+	if ($[22] !== launched || $[23] !== quantity || $[24] !== role || $[25] !== size || $[26] !== texture || $[27] !== typeId) {
+		t17 = launched ? /* @__PURE__ */ jsxs("span", {
+			className: FighterTube_module_default.squadron,
+			style: {
+				"--underlay": texture("classes/shipui/fighters/fighteritemunderlay"),
+				"--overlay": texture("classes/shipui/fighters/fighteritemoverlay")
+			},
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: FighterTube_module_default.picture,
+					children: /* @__PURE__ */ jsx(TypeIcon, {
+						typeId,
+						size: 64,
+						marker: false
+					})
+				}),
+				/* @__PURE__ */ jsx(SquadronRing, {
+					quantity,
+					size
+				}),
+				role && /* @__PURE__ */ jsx("span", {
+					className: FighterTube_module_default.role,
+					children: /* @__PURE__ */ jsx(Icon, { name: role })
+				})
+			]
+		}) : /* @__PURE__ */ jsx("span", {
+			className: FighterTube_module_default.empty,
+			style: { "--texture": texture("classes/shipui/fighters/fighteritemempty_up") }
+		});
+		$[22] = launched;
+		$[23] = quantity;
+		$[24] = role;
+		$[25] = size;
+		$[26] = texture;
+		$[27] = typeId;
+		$[28] = t17;
+	} else t17 = $[28];
+	let t18;
+	if ($[29] !== available || $[30] !== launched) {
+		t18 = available && /* @__PURE__ */ jsx("span", {
+			className: FighterTube_module_default.label,
+			children: launched ? "Simulated" : "Open"
+		});
+		$[29] = available;
+		$[30] = launched;
+		$[31] = t18;
+	} else t18 = $[31];
+	let t19;
+	if ($[32] !== actions || $[33] !== onResize || $[34] !== quantity || $[35] !== size || $[36] !== typeName) {
+		t19 = actions && onResize && /* @__PURE__ */ jsxs("span", {
+			className: FighterTube_module_default.resize,
+			children: [/* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": `One fewer ${typeName}`,
+				onClick: () => onResize(quantity - 1),
+				children: "−"
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": `One more ${typeName}`,
+				disabled: quantity >= size,
+				onClick: () => onResize(quantity + 1),
+				children: "+"
+			})]
+		});
+		$[32] = actions;
+		$[33] = onResize;
+		$[34] = quantity;
+		$[35] = size;
+		$[36] = typeName;
+		$[37] = t19;
+	} else t19 = $[37];
+	let t20;
+	if ($[38] !== actions || $[39] !== onRemove || $[40] !== typeName) {
+		t20 = actions && onRemove && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: FighterTube_module_default.remove,
+			"aria-label": `Remove ${typeName}`,
+			onClick: onRemove,
+			children: /* @__PURE__ */ jsx(Icon, { name: "close" })
+		});
+		$[38] = actions;
+		$[39] = onRemove;
+		$[40] = typeName;
+		$[41] = t20;
+	} else t20 = $[41];
+	let t21;
+	if ($[42] !== props || $[43] !== t11 || $[44] !== t12 || $[45] !== t13 || $[46] !== t14 || $[47] !== t16 || $[48] !== t17 || $[49] !== t18 || $[50] !== t19 || $[51] !== t20 || $[52] !== t7) {
+		t21 = /* @__PURE__ */ jsxs("div", {
+			...props,
+			className: t7,
+			style: t11,
+			role: "group",
+			"aria-label": t12,
+			"data-state": t13,
+			"data-preview": t14,
+			children: [
+				t16,
+				t17,
+				t18,
+				t19,
+				t20
+			]
+		});
+		$[42] = props;
+		$[43] = t11;
+		$[44] = t12;
+		$[45] = t13;
+		$[46] = t14;
+		$[47] = t16;
+		$[48] = t17;
+		$[49] = t18;
+		$[50] = t19;
+		$[51] = t20;
+		$[52] = t7;
+		$[53] = t21;
+	} else t21 = $[53];
+	return t21;
+}
+const RING_RADIUS = 30.5;
+const RING_FROM = 225;
+const RING_SWEEP = 270;
+const RING_GAP = 4;
+/** One arc per fighter of a full squadron, lit for those in it. */
+function SquadronRing(t0) {
+	const $ = c(12);
+	const { quantity, size } = t0;
+	const step = RING_SWEEP / Math.max(size, 1);
+	const t1 = `${quantity} of ${size}`;
+	let t2;
+	if ($[0] !== quantity || $[1] !== size || $[2] !== step) {
+		let t3;
+		if ($[4] !== quantity || $[5] !== step) {
+			t3 = (_, index) => {
+				const from = RING_FROM - index * step - RING_GAP / 2;
+				const to = from - step + RING_GAP;
+				return /* @__PURE__ */ jsx("path", {
+					d: arc(from, to),
+					"data-lit": index < quantity || void 0
+				}, index);
+			};
+			$[4] = quantity;
+			$[5] = step;
+			$[6] = t3;
+		} else t3 = $[6];
+		t2 = Array.from({ length: size }, t3);
+		$[0] = quantity;
+		$[1] = size;
+		$[2] = step;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[7] !== quantity || $[8] !== size || $[9] !== t1 || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx("svg", {
+			className: FighterTube_module_default.ring,
+			viewBox: "-43 -43 86 86",
+			role: "meter",
+			"aria-label": "Fighters",
+			"aria-valuemin": 0,
+			"aria-valuemax": size,
+			"aria-valuenow": quantity,
+			"aria-valuetext": t1,
+			children: t2
+		});
+		$[7] = quantity;
+		$[8] = size;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+}
+/** Clockwise from `from` to `to`, in degrees counter-clockwise from the right. */
+function arc(from, to) {
+	const point = (angle) => {
+		const radians = angle * Math.PI / 180;
+		return `${(RING_RADIUS * Math.cos(radians)).toFixed(2)} ${(-30.5 * Math.sin(radians)).toFixed(2)}`;
+	};
+	return `M ${point(from)} A ${RING_RADIUS} ${RING_RADIUS} 0 0 1 ${point(to)}`;
+}
+//#endregion
+//#region src/components/FittingWindow/FighterTubes.tsx
+/** EVE draws five, those the ship does not have faded. */
+const FIGHTER_TUBES = 5;
+const kinds = [
+	{
+		kind: "light",
+		icon: "fighter-light",
+		label: "Light Fighters"
+	},
+	{
+		kind: "support",
+		icon: "fighter-support",
+		label: "Support Fighters"
+	},
+	{
+		kind: "heavy",
+		icon: "fighter-heavy",
+		label: "Heavy Fighters"
+	}
+];
+/** By `fighterSquadronRole`. */
+const roles = {
+	1: "fighter-role-interceptor",
+	2: "fighter-role-attack",
+	3: "fighter-role-support",
+	4: "fighter-role-heavy-attack",
+	5: "fighter-role-bomber"
+};
+/** The squadrons launched by kind, and EVE's row of fighter tubes. */
+function FighterTubes() {
+	const $ = c(10);
+	const tubes = useFighterTubes();
+	const usage = useFighterTubeUsage();
+	let t0;
+	if ($[0] !== usage) {
+		t0 = kinds.filter((t1) => {
+			const { kind } = t1;
+			return usage[kind].total > 0;
+		}).map((t2) => {
+			const { kind: kind_0, icon, label } = t2;
+			return /* @__PURE__ */ jsx(Tooltip, {
+				label,
+				children: /* @__PURE__ */ jsxs("span", {
+					className: BayContents_module_default.kind,
+					"aria-label": `${label}: ${usage[kind_0].used} of ${usage[kind_0].total}`,
+					children: [
+						/* @__PURE__ */ jsx(Icon, { name: icon }),
+						":",
+						usage[kind_0].used,
+						"/",
+						usage[kind_0].total
+					]
+				})
+			}, kind_0);
+		});
+		$[0] = usage;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t0) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: BayContents_module_default.kinds,
+			children: t0
+		});
+		$[2] = t0;
 		$[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
+	let t2;
+	if ($[4] !== tubes || $[5] !== usage) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: BayContents_module_default.tubes,
+			role: "group",
+			"aria-label": "Fighter Tubes",
+			children: Array.from({ length: Math.max(FIGHTER_TUBES, tubes.length) }, (_, index) => /* @__PURE__ */ jsx(LaunchTube, {
+				index,
+				content: tubes[index],
+				available: index < usage.all.total
+			}, index))
 		});
-		$[4] = t2;
-		$[5] = title;
-		$[6] = t3;
-	} else t3 = $[6];
+		$[4] = tubes;
+		$[5] = usage;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== t1 || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t2] });
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
 	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"
-};
+function LaunchTube(t0) {
+	const $ = c(51);
+	const { index, content, available } = t0;
+	const store = useFitStore();
+	const sde = useSde();
+	const { fit, stats } = useSnapshot();
+	const canFit = useCanFit();
+	const { dragging, end } = useDrag();
+	const { show, clear } = usePreview();
+	const item = content?.item;
+	const type = useType(item?.type_id);
+	const ref = content?.ref;
+	let t1;
+	if ($[0] !== available || $[1] !== canFit || $[2] !== dragging || $[3] !== fit || $[4] !== index || $[5] !== sde || $[6] !== stats) {
+		const dropped = dragging?.type === "type" ? sde.type(dragging.typeId) : void 0;
+		t1 = available && dropped !== void 0 && canFit(dropped) && tubeTakes(sde, fit, stats, dropped, index) ? dropped : void 0;
+		$[0] = available;
+		$[1] = canFit;
+		$[2] = dragging;
+		$[3] = fit;
+		$[4] = index;
+		$[5] = sde;
+		$[6] = stats;
+		$[7] = t1;
+	} else t1 = $[7];
+	const taken = t1;
+	let t2;
+	if ($[8] !== index) {
+		t2 = {
+			type: "fighter_tube",
+			index
+		};
+		$[8] = index;
+		$[9] = t2;
+	} else t2 = $[9];
+	const slot = t2;
+	const target = `fighter-tube-${index}`;
+	const role = type && baseValue(sde, type, "fighterSquadronRole");
+	const t3 = content?.preview;
+	const t4 = item?.type_id;
+	const t5 = type?.name;
+	const t6 = item?.quantity ?? 1;
+	let t7;
+	if ($[10] !== sde || $[11] !== type) {
+		t7 = type && squadronSize(sde, type);
+		$[10] = sde;
+		$[11] = type;
+		$[12] = t7;
+	} else t7 = $[12];
+	const t8 = role === void 0 ? void 0 : roles[role];
+	let t9;
+	if ($[13] !== ref || $[14] !== store) {
+		t9 = ref === void 0 ? void 0 : () => store.remove(ref);
+		$[13] = ref;
+		$[14] = store;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== ref || $[17] !== store) {
+		t10 = ref === void 0 ? void 0 : (quantity) => store.setSquadronSize(ref, quantity);
+		$[16] = ref;
+		$[17] = store;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== show || $[20] !== slot || $[21] !== taken || $[22] !== target) {
+		t11 = () => {
+			if (taken) show((draft) => void draft.fit(taken.id, slot), target);
+		};
+		$[19] = show;
+		$[20] = slot;
+		$[21] = taken;
+		$[22] = target;
+		$[23] = t11;
+	} else t11 = $[23];
+	let t12;
+	if ($[24] !== clear || $[25] !== target) {
+		t12 = (event) => {
+			if (event.currentTarget.contains(event.relatedTarget)) return;
+			clear(target);
+		};
+		$[24] = clear;
+		$[25] = target;
+		$[26] = t12;
+	} else t12 = $[26];
+	let t13;
+	if ($[27] !== taken) {
+		t13 = (event_0) => {
+			if (!taken) return;
+			event_0.preventDefault();
+			event_0.dataTransfer.dropEffect = "copy";
+		};
+		$[27] = taken;
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] !== clear || $[30] !== end || $[31] !== slot || $[32] !== store || $[33] !== taken || $[34] !== target) {
+		t14 = (event_1) => {
+			if (!taken) return;
+			event_1.preventDefault();
+			clear(target);
+			store.fit(taken.id, slot);
+			end();
+		};
+		$[29] = clear;
+		$[30] = end;
+		$[31] = slot;
+		$[32] = store;
+		$[33] = taken;
+		$[34] = target;
+		$[35] = t14;
+	} else t14 = $[35];
+	let t15;
+	if ($[36] !== available || $[37] !== index || $[38] !== t10 || $[39] !== t11 || $[40] !== t12 || $[41] !== t13 || $[42] !== t14 || $[43] !== t3 || $[44] !== t4 || $[45] !== t5 || $[46] !== t6 || $[47] !== t7 || $[48] !== t8 || $[49] !== t9) {
+		t15 = /* @__PURE__ */ jsx(FighterTube, {
+			index,
+			available,
+			preview: t3,
+			typeId: t4,
+			typeName: t5,
+			quantity: t6,
+			size: t7,
+			role: t8,
+			onRemove: t9,
+			onResize: t10,
+			onDragEnter: t11,
+			onDragLeave: t12,
+			onDragOver: t13,
+			onDrop: t14
+		});
+		$[36] = available;
+		$[37] = index;
+		$[38] = t10;
+		$[39] = t11;
+		$[40] = t12;
+		$[41] = t13;
+		$[42] = t14;
+		$[43] = t3;
+		$[44] = t4;
+		$[45] = t5;
+		$[46] = t6;
+		$[47] = t7;
+		$[48] = t8;
+		$[49] = t9;
+		$[50] = t15;
+	} else t15 = $[50];
+	return t15;
+}
 //#endregion
 //#region src/components/FittingWindow/BayContents.tsx
 const emptyText = {
 	cargo: "No Cargo Items Simulated",
-	droneBay: "No Drones Simulated"
+	droneBay: "No Drones Simulated",
+	fighterBay: "No Fighters Simulated in Fighter Bay"
 };
-/** EVE's list of what is in a bay, as a popover anchored to `--bay-anchor`. */
+/** EVE's list of what is in a bay, as a popover anchored to `--bay-anchor`; the fighter bay's has its tubes above. */
 function BayContents(t0) {
-	const $ = c(26);
+	const $ = c(39);
 	const { id, bay, label } = t0;
 	const store = useFitStore();
 	const contents = useBayContents(bay);
 	const panel = useRef(null);
 	const drones = bay === "droneBay";
-	const { stats } = useSnapshot();
+	const fighters = bay === "fighterBay";
+	const { fit, stats } = useSnapshot();
 	let t1;
 	if ($[0] !== stats.character) {
 		t1 = stats.character.get("maxActiveDrones") ?? 0;
@@ -2673,27 +3505,51 @@ function BayContents(t0) {
 		$[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", {
+	let t2;
+	if ($[2] !== contents || $[3] !== fighters || $[4] !== fit) {
+		const launched = fighters ? fit.items.flatMap(_temp$5) : [];
+		t2 = [...contents.flatMap(_temp2$3), ...launched];
+		$[2] = contents;
+		$[3] = fighters;
+		$[4] = fit;
+		$[5] = t2;
+	} else t2 = $[5];
+	const all = t2;
+	if (!fighters && contents.length === 0) {
+		const t3 = emptyText[bay];
+		let t4;
+		if ($[6] !== id || $[7] !== t3) {
+			t4 = /* @__PURE__ */ jsx("div", {
 				id,
 				className: BayContents_module_default.panel,
 				popover: "auto",
 				"data-empty": true,
-				children: t2
+				children: t3
 			});
-			$[2] = id;
-			$[3] = t2;
-			$[4] = t3;
-		} else t3 = $[4];
-		return t3;
+			$[6] = id;
+			$[7] = t3;
+			$[8] = t4;
+		} else t4 = $[8];
+		return t4;
 	}
-	const t2 = drones || void 0;
 	let t3;
-	if ($[5] !== drones || $[6] !== maxActive || $[7] !== stats.ship) {
-		t3 = drones && /* @__PURE__ */ jsxs("div", {
+	if ($[9] !== drones || $[10] !== fighters || $[11] !== store) {
+		t3 = (typeId, quantity) => {
+			if (drones) store.setDroneQuantity(typeId, quantity);
+			else if (fighters) store.setFighterBayQuantity(typeId, quantity);
+			else store.setCargoQuantity(typeId, quantity);
+		};
+		$[9] = drones;
+		$[10] = fighters;
+		$[11] = store;
+		$[12] = t3;
+	} else t3 = $[12];
+	const setQuantity = t3;
+	const t4 = drones || void 0;
+	const t5 = fighters || void 0;
+	let t6;
+	if ($[13] !== drones || $[14] !== maxActive || $[15] !== stats.ship) {
+		t6 = drones && /* @__PURE__ */ jsxs("div", {
 			className: BayContents_module_default.activeDrones,
 			children: [
 				"Active drones: ",
@@ -2702,112 +3558,125 @@ function BayContents(t0) {
 				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", {
+		$[13] = drones;
+		$[14] = maxActive;
+		$[15] = stats.ship;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== fighters) {
+		t7 = fighters && /* @__PURE__ */ jsx(FighterTubes, {});
+		$[17] = fighters;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== bay || $[20] !== contents || $[21] !== drones || $[22] !== fighters || $[23] !== label || $[24] !== maxActive || $[25] !== setQuantity || $[26] !== store) {
+		t8 = contents.length === 0 ? /* @__PURE__ */ jsx("div", {
+			className: BayContents_module_default.none,
+			children: emptyText[bay]
+		}) : /* @__PURE__ */ jsx("ul", {
 			className: BayContents_module_default.list,
 			"aria-label": label,
-			children: t4
+			children: contents.map((content) => {
+				const { type, quantity: quantity_0, refs: refs_0 } = content;
+				return /* @__PURE__ */ jsxs("li", {
+					className: BayContents_module_default.row,
+					children: [
+						/* @__PURE__ */ jsx(Quantity, {
+							name: type.name,
+							value: quantity_0,
+							onChange: (value) => setQuantity(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_0);
+								if (next !== null) next.querySelector(`.${BayContents_module_default.remove}`)?.focus();
+								else if (!fighters) panel.current?.hidePopover();
+							},
+							children: /* @__PURE__ */ jsx(Icon, { name: "close" })
+						})
+					]
+				}, type.id);
+			})
 		});
-		$[14] = label;
-		$[15] = t4;
-		$[16] = t5;
-	} else t5 = $[16];
-	let t6;
-	if ($[17] !== contents || $[18] !== store) {
-		t6 = /* @__PURE__ */ jsx("button", {
+		$[19] = bay;
+		$[20] = contents;
+		$[21] = drones;
+		$[22] = fighters;
+		$[23] = label;
+		$[24] = maxActive;
+		$[25] = setQuantity;
+		$[26] = store;
+		$[27] = t8;
+	} else t8 = $[27];
+	let t9;
+	if ($[28] !== all || $[29] !== store) {
+		t9 = all.length > 0 && /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: BayContents_module_default.removeAll,
 			onClick: () => {
-				store.remove(...contents.flatMap(_temp$4));
+				store.remove(...all);
 				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", {
+		$[28] = all;
+		$[29] = store;
+		$[30] = t9;
+	} else t9 = $[30];
+	let t10;
+	if ($[31] !== id || $[32] !== t4 || $[33] !== t5 || $[34] !== t6 || $[35] !== t7 || $[36] !== t8 || $[37] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
 			ref: panel,
 			id,
 			className: BayContents_module_default.panel,
 			popover: "auto",
-			"data-drones": t2,
+			"data-drones": t4,
+			"data-fighters": t5,
 			children: [
-				t3,
-				t5,
-				t6
+				t6,
+				t7,
+				t8,
+				t9
 			]
 		});
-		$[20] = id;
-		$[21] = t2;
-		$[22] = t3;
-		$[23] = t5;
-		$[24] = t6;
-		$[25] = t7;
-	} else t7 = $[25];
-	return t7;
+		$[31] = id;
+		$[32] = t4;
+		$[33] = t5;
+		$[34] = t6;
+		$[35] = t7;
+		$[36] = t8;
+		$[37] = t9;
+		$[38] = t10;
+	} else t10 = $[38];
+	return t10;
 }
 /** One box per drone the character can launch. */
-function _temp$4(t0) {
-	const { refs: refs_0 } = t0;
-	return refs_0;
+function _temp2$3(t0) {
+	const { refs } = t0;
+	return refs;
+}
+function _temp$5(item, ref) {
+	return item.slot.type === "fighter_tube" ? [ref] : [];
 }
 function DroneSelection(t0) {
 	const $ = c(16);
@@ -3044,6 +3913,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 +3930,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",
@@ -3073,6 +3946,13 @@ var FittingWindow_module_default = {
 	"window": "L9t91q_window"
 };
 //#endregion
+//#region src/components/FittingWindow/manageFighters.ts
+/** Opens the fighter bay of the `FittingWindow` around it. */
+const ManageFightersContext = createContext(void 0);
+function useManageFighters() {
+	return useContext(ManageFightersContext);
+}
+//#endregion
 //#region src/components/FittingWindow/violations.ts
 const byRule = {
 	skill: "skill",
@@ -3122,15 +4002,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(51);
 	const { label: t1, browser, statistics } = t0;
 	const label = t1 === void 0 ? "Fitting Window" : t1;
 	const [browserOpen, setBrowserOpen] = useState(true);
@@ -3139,11 +4093,22 @@ function FittingWindow(t0) {
 	const statisticsId = useId();
 	const browserShown = browser !== void 0 && browserOpen;
 	const statisticsShown = statistics !== void 0 && statisticsOpen;
-	const t2 = browserShown || void 0;
-	const t3 = statisticsShown || void 0;
-	let t4;
-	if ($[0] !== browser || $[1] !== browserId || $[2] !== browserShown) {
-		t4 = browser !== void 0 && /* @__PURE__ */ jsx("div", {
+	const { stats } = useSnapshot();
+	const { structure } = stats;
+	const fighters = structure || stats.fighterBay.total > 0;
+	const fighterBay = useId();
+	let t2;
+	if ($[0] !== fighterBay || $[1] !== fighters) {
+		t2 = fighters ? () => popover(fighterBay)?.showPopover() : void 0;
+		$[0] = fighterBay;
+		$[1] = fighters;
+		$[2] = t2;
+	} else t2 = $[2];
+	const t3 = browserShown || void 0;
+	const t4 = statisticsShown || void 0;
+	let t5;
+	if ($[3] !== browser || $[4] !== browserId || $[5] !== browserShown) {
+		t5 = browser !== void 0 && /* @__PURE__ */ jsx("div", {
 			id: browserId,
 			className: FittingWindow_module_default.browser,
 			inert: !browserShown,
@@ -3152,32 +4117,32 @@ function FittingWindow(t0) {
 				children: browser
 			})
 		});
-		$[0] = browser;
-		$[1] = browserId;
-		$[2] = browserShown;
-		$[3] = t4;
-	} else t4 = $[3];
-	let t5;
+		$[3] = browser;
+		$[4] = browserId;
+		$[5] = browserShown;
+		$[6] = t5;
+	} else t5 = $[6];
 	let t6;
 	let t7;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx("div", {
+	let t8;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx("div", {
 			className: FittingWindow_module_default.wheel,
 			children: /* @__PURE__ */ jsx(FittingWheel, {})
 		});
-		t6 = /* @__PURE__ */ jsx(FitName, {});
-		t7 = /* @__PURE__ */ jsx(Violations, {});
-		$[4] = t5;
-		$[5] = t6;
-		$[6] = t7;
+		t7 = /* @__PURE__ */ jsx(FitName, {});
+		t8 = /* @__PURE__ */ jsx(Violations, {});
+		$[7] = t6;
+		$[8] = t7;
+		$[9] = t8;
 	} else {
-		t5 = $[4];
-		t6 = $[5];
-		t7 = $[6];
+		t6 = $[7];
+		t7 = $[8];
+		t8 = $[9];
 	}
-	let t8;
-	if ($[7] !== browser || $[8] !== browserId || $[9] !== browserShown) {
-		t8 = browser !== void 0 && /* @__PURE__ */ jsx("div", {
+	let t9;
+	if ($[10] !== browser || $[11] !== browserId || $[12] !== browserShown) {
+		t9 = browser !== void 0 && /* @__PURE__ */ jsx("div", {
 			className: FittingWindow_module_default.tools,
 			children: /* @__PURE__ */ jsx(Tooltip, {
 				label: "Item Browser",
@@ -3192,14 +4157,14 @@ function FittingWindow(t0) {
 				})
 			})
 		});
-		$[7] = browser;
-		$[8] = browserId;
-		$[9] = browserShown;
-		$[10] = t8;
-	} else t8 = $[10];
-	let t9;
-	if ($[11] !== statistics || $[12] !== statisticsId || $[13] !== statisticsShown) {
-		t9 = statistics !== void 0 && /* @__PURE__ */ jsx("div", {
+		$[10] = browser;
+		$[11] = browserId;
+		$[12] = browserShown;
+		$[13] = t9;
+	} else t9 = $[13];
+	let t10;
+	if ($[14] !== statistics || $[15] !== statisticsId || $[16] !== statisticsShown) {
+		t10 = statistics !== void 0 && /* @__PURE__ */ jsx("div", {
 			className: FittingWindow_module_default.panels,
 			children: /* @__PURE__ */ jsx(Tooltip, {
 				label: "Statistics",
@@ -3214,38 +4179,70 @@ function FittingWindow(t0) {
 				})
 			})
 		});
-		$[11] = statistics;
-		$[12] = statisticsId;
-		$[13] = statisticsShown;
-		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsxs("div", {
+		$[14] = statistics;
+		$[15] = statisticsId;
+		$[16] = statisticsShown;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== structure) {
+		t11 = structure ? /* @__PURE__ */ jsx(Bay, {
+			bay: "cargo",
+			icon: "ammo-hold",
+			label: "Ammo Hold",
+			unlimited: true
+		}) : /* @__PURE__ */ jsx(Bay, {
+			bay: "cargo",
+			icon: "cargo",
+			label: "Cargo Hold"
+		});
+		$[18] = structure;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== fighterBay || $[21] !== fighters) {
+		t12 = fighters ? /* @__PURE__ */ jsx(Bay, {
+			id: fighterBay,
+			bay: "fighterBay",
+			icon: "fighter-bay",
+			label: "Fighter Bay"
+		}) : /* @__PURE__ */ jsx(Bay, {
+			bay: "droneBay",
+			icon: "drone-bay",
+			label: "Drone Bay"
+		});
+		$[20] = fighterBay;
+		$[21] = fighters;
+		$[22] = t12;
+	} else t12 = $[22];
+	let t13;
+	if ($[23] !== t11 || $[24] !== t12) {
+		t13 = /* @__PURE__ */ jsxs("div", {
 			className: FittingWindow_module_default.bays,
-			children: [/* @__PURE__ */ jsx(Bay, {
-				bay: "cargo",
-				icon: "cargo",
-				label: "Cargo Hold"
-			}), /* @__PURE__ */ jsx(Bay, {
-				bay: "droneBay",
-				icon: "drone-bay",
-				label: "Drone Bay"
-			})]
+			children: [t11, t12]
 		});
-		$[15] = t10;
-	} else t10 = $[15];
-	let t11;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsx("div", {
+		$[23] = t11;
+		$[24] = t12;
+		$[25] = t13;
+	} else t13 = $[25];
+	let t14;
+	if ($[26] !== structure) {
+		t14 = structure && /* @__PURE__ */ jsx(ServiceRack, {});
+		$[26] = structure;
+		$[27] = t14;
+	} else t14 = $[27];
+	let t15;
+	if ($[28] !== structure) {
+		t15 = /* @__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", {
+		$[28] = structure;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = /* @__PURE__ */ jsxs("div", {
 			className: FittingWindow_module_default.resources,
 			children: [/* @__PURE__ */ jsx(Resource, {
 				title: "CPU",
@@ -3257,30 +4254,34 @@ function FittingWindow(t0) {
 				output: "powerOutput"
 			})]
 		});
-		$[17] = t12;
-	} else t12 = $[17];
-	let t13;
-	if ($[18] !== t8 || $[19] !== t9) {
-		t13 = /* @__PURE__ */ jsxs("div", {
+		$[30] = t16;
+	} else t16 = $[30];
+	let t17;
+	if ($[31] !== t10 || $[32] !== t13 || $[33] !== t14 || $[34] !== t15 || $[35] !== t9) {
+		t17 = /* @__PURE__ */ jsxs("div", {
 			className: FittingWindow_module_default.frame,
 			children: [
-				t5,
 				t6,
 				t7,
 				t8,
 				t9,
 				t10,
-				t11,
-				t12
+				t13,
+				t14,
+				t15,
+				t16
 			]
 		});
-		$[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", {
+		$[31] = t10;
+		$[32] = t13;
+		$[33] = t14;
+		$[34] = t15;
+		$[35] = t9;
+		$[36] = t17;
+	} else t17 = $[36];
+	let t18;
+	if ($[37] !== statistics || $[38] !== statisticsId || $[39] !== statisticsShown) {
+		t18 = statistics !== void 0 && /* @__PURE__ */ jsx("div", {
 			id: statisticsId,
 			className: FittingWindow_module_default.statistics,
 			inert: !statisticsShown,
@@ -3289,33 +4290,47 @@ 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", {
+		$[37] = statistics;
+		$[38] = statisticsId;
+		$[39] = statisticsShown;
+		$[40] = t18;
+	} else t18 = $[40];
+	let t19;
+	if ($[41] !== label || $[42] !== t17 || $[43] !== t18 || $[44] !== t3 || $[45] !== t4 || $[46] !== t5) {
+		t19 = /* @__PURE__ */ jsxs("section", {
 			className: FittingWindow_module_default.window,
 			"aria-label": label,
-			"data-browser": t2,
-			"data-statistics": t3,
+			"data-browser": t3,
+			"data-statistics": t4,
 			children: [
-				t4,
-				t13,
-				t14
+				t5,
+				t17,
+				t18
 			]
 		});
-		$[25] = label;
-		$[26] = t13;
-		$[27] = t14;
-		$[28] = t2;
-		$[29] = t3;
-		$[30] = t4;
-		$[31] = t15;
-	} else t15 = $[31];
-	return t15;
+		$[41] = label;
+		$[42] = t17;
+		$[43] = t18;
+		$[44] = t3;
+		$[45] = t4;
+		$[46] = t5;
+		$[47] = t19;
+	} else t19 = $[47];
+	let t20;
+	if ($[48] !== t19 || $[49] !== t2) {
+		t20 = /* @__PURE__ */ jsx(ManageFightersContext, {
+			value: t2,
+			children: t19
+		});
+		$[48] = t19;
+		$[49] = t2;
+		$[50] = t20;
+	} else t20 = $[50];
+	return t20;
+}
+function popover(id) {
+	const element = document.getElementById(id);
+	return element?.matches(":popover-open") ? null : element;
 }
 function FitName() {
 	const $ = c(4);
@@ -3362,64 +4377,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,152 +4542,199 @@ function NotImplementedButton(t0) {
 	return t4;
 }
 function Bay(t0) {
-	const $ = c(36);
-	const { bay, icon, label } = t0;
+	const $ = c(26);
+	const { bay, icon, label, unlimited: t1, id: givenId } = t0;
+	const unlimited = t1 === void 0 ? false : t1;
 	const { used, total } = useBayUsage(bay);
-	const id = useId();
-	const drop = useBayDrop(bay);
-	let t1;
+	const ownId = useId();
+	const id = givenId ?? ownId;
+	let t2;
 	if ($[0] !== id) {
-		let t2;
-		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-			t2 = /[^\w-]/g;
-			$[2] = t2;
-		} else t2 = $[2];
-		t1 = id.replace(t2, "");
+		t2 = () => popover(id)?.showPopover();
 		$[0] = id;
-		$[1] = t1;
-	} else t1 = $[1];
-	const t2 = `--bay-${t1}`;
+		$[1] = t2;
+	} else t2 = $[1];
+	const drop = useBayDrop(bay, t2);
 	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;
+	if ($[2] !== id) {
+		let t4;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t4 = /[^\w-]/g;
+			$[4] = t4;
+		} else t4 = $[4];
+		t3 = id.replace(t4, "");
+		$[2] = id;
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = `--bay-${t3}`;
+	let t5;
+	if ($[5] !== t4) {
+		t5 = { "--bay-anchor": t4 };
+		$[5] = t4;
+		$[6] = t5;
+	} else t5 = $[6];
+	const t6 = t5;
+	const t7 = !unlimited && used > total || void 0;
+	let t8;
+	if ($[7] !== drop || $[8] !== icon || $[9] !== id || $[10] !== label || $[11] !== t7 || $[12] !== total || $[13] !== used) {
+		t8 = /* @__PURE__ */ jsx(BayButton, {
+			icon,
+			used,
+			total,
+			"aria-label": label,
+			popoverTarget: id,
+			"data-over": t7,
+			...drop
+		});
+		$[7] = drop;
+		$[8] = icon;
+		$[9] = id;
+		$[10] = label;
+		$[11] = t7;
+		$[12] = total;
+		$[13] = used;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== label || $[16] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Tooltip, {
+			label,
+			children: t8
+		});
+		$[15] = label;
+		$[16] = t8;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== bay || $[19] !== id || $[20] !== label) {
+		t10 = /* @__PURE__ */ jsx(BayContents, {
+			id,
+			bay,
+			label
+		});
+		$[18] = bay;
+		$[19] = id;
+		$[20] = label;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== t10 || $[23] !== t6 || $[24] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: FittingWindow_module_default.bayAnchor,
+			style: t6,
+			children: [t9, t10]
+		});
+		$[22] = t10;
+		$[23] = t6;
+		$[24] = t9;
+		$[25] = t11;
+	} else t11 = $[25];
+	return t11;
+}
+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,
+			...props,
 			children: [
+				t1,
+				t3,
+				t4,
 				t6,
-				t8,
-				t9,
-				t11,
-				t12
+				t7
 			]
 		});
-		$[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]
-		});
-		$[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" },
-	droneBay: { type: "drone_bay" }
+	droneBay: { type: "drone_bay" },
+	fighterBay: { type: "fighter_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);
+/**
+* Puts a type dragged onto a bay in it: anything in the cargo, drones in the
+* drone bay, fighters in the fighter bay; `open` shows the fighter tubes to drop on.
+*/
+function useBayDrop(bay, open) {
+	const $ = c(32);
 	const store = useFitStore();
 	const sde = useSde();
 	const placement = usePlacement();
@@ -3613,52 +4744,57 @@ function useBayDrop(bay) {
 	const slot = baySlots[bay];
 	let t0;
 	let type;
-	if ($[0] !== bay || $[1] !== canFit || $[2] !== dragging || $[3] !== placement || $[4] !== sde) {
+	if ($[0] !== bay || $[1] !== canFit || $[2] !== dragging || $[3] !== placement || $[4] !== sde || $[5] !== slot) {
 		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));
+		t0 = type !== void 0 && (bay === "cargo" ? placement(type) !== void 0 : placement(type)?.type === slot.type && canFit(type));
 		$[0] = bay;
 		$[1] = canFit;
 		$[2] = dragging;
 		$[3] = placement;
 		$[4] = sde;
-		$[5] = t0;
-		$[6] = type;
+		$[5] = slot;
+		$[6] = t0;
+		$[7] = type;
 	} else {
-		t0 = $[5];
-		type = $[6];
+		t0 = $[6];
+		type = $[7];
 	}
 	const taken = t0 ? type : void 0;
 	const target = `bay-${bay}`;
 	let t1;
-	if ($[7] !== show || $[8] !== slot || $[9] !== taken || $[10] !== target) {
+	if ($[8] !== bay || $[9] !== open || $[10] !== show || $[11] !== slot || $[12] !== taken || $[13] !== target) {
 		t1 = () => {
-			if (taken) show((draft) => void draft.fit(taken.id, slot), target);
+			if (!taken) return;
+			show((draft) => void draft.fit(taken.id, slot), target);
+			if (bay === "fighterBay") open();
 		};
-		$[7] = show;
-		$[8] = slot;
-		$[9] = taken;
-		$[10] = target;
-		$[11] = t1;
-	} else t1 = $[11];
+		$[8] = bay;
+		$[9] = open;
+		$[10] = show;
+		$[11] = slot;
+		$[12] = taken;
+		$[13] = target;
+		$[14] = t1;
+	} else t1 = $[14];
 	let t2;
-	if ($[12] !== clear || $[13] !== target) {
+	if ($[15] !== clear || $[16] !== target) {
 		t2 = () => clear(target);
-		$[12] = clear;
-		$[13] = target;
-		$[14] = t2;
-	} else t2 = $[14];
+		$[15] = clear;
+		$[16] = target;
+		$[17] = t2;
+	} else t2 = $[17];
 	let t3;
-	if ($[15] !== taken) {
+	if ($[18] !== taken) {
 		t3 = (event) => {
 			if (!taken) return;
 			event.preventDefault();
 			event.dataTransfer.dropEffect = "copy";
 		};
-		$[15] = taken;
-		$[16] = t3;
-	} else t3 = $[16];
+		$[18] = taken;
+		$[19] = t3;
+	} else t3 = $[19];
 	let t4;
-	if ($[17] !== clear || $[18] !== end || $[19] !== slot || $[20] !== store || $[21] !== taken || $[22] !== target) {
+	if ($[20] !== clear || $[21] !== end || $[22] !== slot || $[23] !== store || $[24] !== taken || $[25] !== target) {
 		t4 = (event_0) => {
 			if (!taken) return;
 			event_0.preventDefault();
@@ -3666,28 +4802,28 @@ function useBayDrop(bay) {
 			store.fit(taken.id, slot);
 			end();
 		};
-		$[17] = clear;
-		$[18] = end;
-		$[19] = slot;
-		$[20] = store;
-		$[21] = taken;
-		$[22] = target;
-		$[23] = t4;
-	} else t4 = $[23];
+		$[20] = clear;
+		$[21] = end;
+		$[22] = slot;
+		$[23] = store;
+		$[24] = taken;
+		$[25] = target;
+		$[26] = t4;
+	} else t4 = $[26];
 	let t5;
-	if ($[24] !== t1 || $[25] !== t2 || $[26] !== t3 || $[27] !== t4) {
+	if ($[27] !== t1 || $[28] !== t2 || $[29] !== t3 || $[30] !== t4) {
 		t5 = {
 			onDragEnter: t1,
 			onDragLeave: t2,
 			onDragOver: t3,
 			onDrop: t4
 		};
-		$[24] = t1;
-		$[25] = t2;
-		$[26] = t3;
-		$[27] = t4;
-		$[28] = t5;
-	} else t5 = $[28];
+		$[27] = t1;
+		$[28] = t2;
+		$[29] = t3;
+		$[30] = t4;
+		$[31] = t5;
+	} else t5 = $[31];
 	return t5;
 }
 function Resource(t0) {
@@ -3771,23 +4907,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
@@ -4424,12 +5604,13 @@ 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(61);
+	const $ = c(65);
 	const currentShipId = useFit().ship.type_id;
 	const images = useImages();
 	const store = useFitStore();
 	const missingSkills = useMissingSkills();
 	const { fits } = useLocalFits();
+	const { start, end } = useDrag();
 	const [search, setSearch] = useState("");
 	const [browserFits, setBrowserFits] = useState(false);
 	const [currentHull, setCurrentHull] = useState(false);
@@ -4602,9 +5783,9 @@ function HullsAndFits() {
 		$[40] = t15;
 	} else t15 = $[40];
 	let t16;
-	if ($[41] !== fitsByHull || $[42] !== groups || $[43] !== images || $[44] !== shownFits || $[45] !== simulate || $[46] !== store) {
+	if ($[41] !== end || $[42] !== fitsByHull || $[43] !== groups || $[44] !== images || $[45] !== shownFits || $[46] !== simulate || $[47] !== start || $[48] !== store) {
 		let t17;
-		if ($[48] !== fitsByHull || $[49] !== images || $[50] !== shownFits || $[51] !== simulate || $[52] !== store) {
+		if ($[50] !== end || $[51] !== fitsByHull || $[52] !== images || $[53] !== shownFits || $[54] !== simulate || $[55] !== start || $[56] !== store) {
 			t17 = (t18) => {
 				const { group, races } = t18;
 				return /* @__PURE__ */ jsx(TreeGroup, {
@@ -4634,6 +5815,15 @@ function HullsAndFits() {
 									description: shown_0.length > 0 ? /* @__PURE__ */ jsx(Counts, { browserFits: fitsByHull.get(ship_1.id)?.length ?? 0 }) : void 0,
 									typeId: ship_1.id,
 									after: simulateShip,
+									onDragStart: (event) => {
+										event.dataTransfer.effectAllowed = "copy";
+										event.dataTransfer.setData("text/plain", ship_1.name);
+										start({
+											type: "hull",
+											typeId: ship_1.id
+										});
+									},
+									onDragEnd: end,
 									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,
@@ -4648,24 +5838,28 @@ function HullsAndFits() {
 					})
 				}, group.id);
 			};
-			$[48] = fitsByHull;
-			$[49] = images;
-			$[50] = shownFits;
-			$[51] = simulate;
-			$[52] = store;
-			$[53] = t17;
-		} else t17 = $[53];
+			$[50] = end;
+			$[51] = fitsByHull;
+			$[52] = images;
+			$[53] = shownFits;
+			$[54] = simulate;
+			$[55] = start;
+			$[56] = store;
+			$[57] = t17;
+		} else t17 = $[57];
 		t16 = groups.map(t17);
-		$[41] = fitsByHull;
-		$[42] = groups;
-		$[43] = images;
-		$[44] = shownFits;
-		$[45] = simulate;
-		$[46] = store;
-		$[47] = t16;
-	} else t16 = $[47];
+		$[41] = end;
+		$[42] = fitsByHull;
+		$[43] = groups;
+		$[44] = images;
+		$[45] = shownFits;
+		$[46] = simulate;
+		$[47] = start;
+		$[48] = store;
+		$[49] = t16;
+	} else t16 = $[49];
 	let t17;
-	if ($[54] !== collapses || $[55] !== t16) {
+	if ($[58] !== collapses || $[59] !== t16) {
 		t17 = /* @__PURE__ */ jsx("div", {
 			className: ItemBrowser_module_default.tree,
 			children: /* @__PURE__ */ jsx(TreeList, {
@@ -4673,22 +5867,22 @@ function HullsAndFits() {
 				children: t16
 			}, collapses)
 		});
-		$[54] = collapses;
-		$[55] = t16;
-		$[56] = t17;
-	} else t17 = $[56];
+		$[58] = collapses;
+		$[59] = t16;
+		$[60] = t17;
+	} else t17 = $[60];
 	let t18;
-	if ($[57] !== t15 || $[58] !== t17 || $[59] !== t7) {
+	if ($[61] !== t15 || $[62] !== t17 || $[63] !== t7) {
 		t18 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t7,
 			t15,
 			t17
 		] });
-		$[57] = t15;
-		$[58] = t17;
-		$[59] = t7;
-		$[60] = t18;
-	} else t18 = $[60];
+		$[61] = t15;
+		$[62] = t17;
+		$[63] = t7;
+		$[64] = t18;
+	} else t18 = $[64];
 	return t18;
 }
 function _temp$3(saved) {
@@ -5166,8 +6360,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,13 +6395,28 @@ 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() {
 	const $ = c(37);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = { format: _temp$1 };
+		t0 = {
+			rounding: "down",
+			format: _temp$1
+		};
 		$[0] = t0;
 	} else t0 = $[0];
 	const depletesIn = useAttribute("capacitorDepletesIn", t0);
@@ -5215,6 +6426,7 @@ function CapacitorStats() {
 			decimals: 1,
 			fixed: true,
 			grouping: false,
+			rounding: "down",
 			format: unit(" GJ")
 		};
 		$[1] = t1;
@@ -5222,7 +6434,10 @@ function CapacitorStats() {
 	const capacity = useAttribute("capacitorCapacity", t1);
 	let t2;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = { format: _temp2 };
+		t2 = {
+			rounding: "down",
+			format: _temp2
+		};
 		$[2] = t2;
 	} else t2 = $[2];
 	const rechargeTime = useAttribute("rechargeRate", t2);
@@ -5420,6 +6635,7 @@ function RepairRate() {
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = {
 			decimals: 0,
+			rounding: "down",
 			format: unit(" hp/s")
 		};
 		$[0] = t0;
@@ -5572,7 +6788,10 @@ function Resistance(t0) {
 	const { layer, damage } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = { decimals: 0 };
+		t1 = {
+			decimals: 0,
+			rounding: "up"
+		};
 		$[0] = t1;
 	} else t1 = $[0];
 	const resonance = useAttribute(resonances[layer][damage], t1);
@@ -5602,158 +6821,208 @@ 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 = {
 			decimals: 0,
+			rounding: "down",
 			format: unit(" ehp")
 		};
 		$[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,
+			rounding: "down",
+			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,
+			rounding: "down"
+		};
+		$[2] = t2;
+	} else t2 = $[2];
+	const shieldRecharge = useAttribute("shieldRechargeRate", t2);
 	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
+			decimals: 0,
+			rounding: "down",
+			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,
+			rounding: "down",
+			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,40 +7161,149 @@ function DroneStats() {
 	return t12;
 }
 //#endregion
-//#region src/components/ShipStatistics/FitPrice.tsx
-function FitPrice(t0) {
-	const $ = c(5);
-	const { price } = t0;
-	const t1 = price / 1e6;
+//#region src/components/ShipStatistics/FighterStats.tsx
+function FighterStats() {
+	const $ = c(12);
+	const sde = useSde();
+	const { fit } = useShownSnapshot();
+	const manage = useManageFighters();
+	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) >= squadronSize(sde, type)) 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 ($[0] !== t1) {
-		t2 = formatNumber(t1, {
-			decimals: 1,
-			fixed: true
+	if ($[4] !== t0 || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsxs("span", {
+			className: ShipStatistics_module_default.lines,
+			children: [t0, t1]
 		});
-		$[0] = t1;
-		$[1] = t2;
-	} else t2 = $[1];
+		$[4] = t0;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
 	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Icon, { name: "price" });
-		$[2] = t3;
-	} else t3 = $[2];
+	if ($[7] !== manage) {
+		t3 = manage ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ShipStatistics_module_default.manage,
+			onClick: manage,
+			children: "Manage"
+		}) : /* @__PURE__ */ jsx(Tooltip, {
+			label: "Manage (only in the fitting window)",
+			children: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: ShipStatistics_module_default.manage,
+				"aria-disabled": true,
+				children: "Manage"
+			})
+		});
+		$[7] = manage;
+		$[8] = t3;
+	} else t3 = $[8];
 	let t4;
-	if ($[3] !== t2) {
-		t4 = /* @__PURE__ */ jsxs("div", {
+	if ($[9] !== t2 || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsx(StatsSection, {
+			title: "Fighters",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: ShipStatistics_module_default.fighters,
+				children: [t2, t3]
+			})
+		});
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
+}
+//#endregion
+//#region src/components/ShipStatistics/FitPrice.tsx
+function FitPrice(t0) {
+	const $ = c(5);
+	const { price, change } = t0;
+	let t1;
+	if ($[0] !== price) {
+		t1 = price !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+			formatNumber(price / 1e6, {
+				decimals: 1,
+				fixed: true
+			}),
+			"M ISK",
+			/* @__PURE__ */ jsx(Icon, { name: "price" })
+		] });
+		$[0] = price;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== change || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
 			className: ShipStatistics_module_default.price,
+			"data-change": change,
 			role: "group",
 			"aria-label": "Estimated Price",
-			children: [
-				t2,
-				"M ISK",
-				t3
-			]
+			children: t1
 		});
-		$[3] = t2;
-		$[4] = t4;
-	} else t4 = $[4];
+		$[2] = change;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+}
+//#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
@@ -6192,6 +7570,7 @@ function TargetingStats() {
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
 			decimals: 0,
+			rounding: "down",
 			format: unit(" mm")
 		};
 		$[1] = t1;
@@ -6210,6 +7589,7 @@ function TargetingStats() {
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = {
 			decimals: 0,
+			rounding: "up",
 			format: unit("x")
 		};
 		$[3] = t3;
@@ -6324,41 +7704,69 @@ 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(14);
 	const { label: t1 } = t0;
 	const label = t1 === void 0 ? "Statistics" : t1;
+	const { stats } = useSnapshot();
+	const price = useFitPrice();
 	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] !== stats.fighterBay || $[5] !== stats.structure) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: ShipStatistics_module_default.sections,
+			children: [
+				t2,
+				t3,
+				t4,
+				t5,
+				stats.structure ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FighterStats, {}), /* @__PURE__ */ jsx(FuelStats, {})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NavigationStats, {}), stats.fighterBay.total > 0 ? /* @__PURE__ */ jsx(FighterStats, {}) : /* @__PURE__ */ jsx(DroneStats, {})] })
+			]
+		});
+		$[4] = stats.fighterBay;
+		$[5] = stats.structure;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== price.change || $[8] !== price.value) {
+		t7 = /* @__PURE__ */ jsx(FitPrice, {
+			price: price.value,
+			change: price.change
+		});
+		$[7] = price.change;
+		$[8] = price.value;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== label || $[11] !== t6 || $[12] !== t7) {
+		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;
+		$[10] = label;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	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 };