@eveshipfit/ui-ingame 1.3.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, useShownSnapshot, useSlots, useSnapshot, useStats, useType } 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) {
@@ -488,6 +495,15 @@ 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",
@@ -2153,7 +2169,7 @@ function useFittingSlot(rack, index, content, available) {
 	let t1;
 	if ($[4] !== available || $[5] !== charges || $[6] !== fit || $[7] !== index || $[8] !== placement || $[9] !== rack || $[10] !== ref || $[11] !== sde) {
 		t1 = (drop) => {
-			if (!available || drop === void 0) return false;
+			if (!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;
@@ -2344,7 +2360,7 @@ function useFittingSlot(rack, index, content, available) {
 }
 function allowDrop(event, dragging) {
 	event.preventDefault();
-	event.dataTransfer.dropEffect = dragging.type === "type" ? "copy" : "move";
+	event.dataTransfer.dropEffect = dragging.type === "item" ? "move" : "copy";
 }
 /** Whether a fitted item can move to this slot. */
 function movesTo(fit, ref, rack, index) {
@@ -2388,7 +2404,7 @@ function FittingWheel(t0) {
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = /* @__PURE__ */ jsx(FittingCentre, {});
 		t4 = markedRacks.map(_temp$6);
-		t5 = racks.map(_temp2$3);
+		t5 = racks.map(_temp2$4);
 		$[2] = t3;
 		$[3] = t4;
 		$[4] = t5;
@@ -2456,7 +2472,7 @@ function FittingWheel(t0) {
 	} else t10 = $[14];
 	return t10;
 }
-function _temp2$3(rack_0) {
+function _temp2$4(rack_0) {
 	return /* @__PURE__ */ jsx(FittingRack, { rack: rack_0 }, rack_0);
 }
 function _temp$6(rack) {
@@ -2500,7 +2516,11 @@ function FittingCentre() {
 	const fits = t0;
 	let t1;
 	if ($[3] !== fit || $[4] !== fits) {
-		t1 = (item) => item !== void 0 && (item.type === "type" ? fits : fit.items[item.ref] !== void 0);
+		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;
@@ -2539,6 +2559,10 @@ function FittingCentre() {
 			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();
 		};
@@ -2858,9 +2882,12 @@ var BayContents_module_default = {
 	"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",
@@ -2868,23 +2895,609 @@ var BayContents_module_default = {
 	"row": "gVdevq_row",
 	"selection": "gVdevq_selection",
 	"steps": "gVdevq_steps",
-	"times": "gVdevq_times"
+	"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];
+	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] = 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;
+}
+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;
@@ -2892,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: ",
@@ -2921,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$5));
+				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$5(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);
@@ -3296,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",
@@ -3427,7 +4084,7 @@ const oneDecimal = new Intl.NumberFormat("en-US", {
 const SERVICE_SLOTS = 8;
 /** EVE's fitting window around the `FittingWheel`. */
 function FittingWindow(t0) {
-	const $ = c(38);
+	const $ = c(51);
 	const { label: t1, browser, statistics } = t0;
 	const label = t1 === void 0 ? "Fitting Window" : t1;
 	const [browserOpen, setBrowserOpen] = useState(true);
@@ -3436,12 +4093,22 @@ function FittingWindow(t0) {
 	const statisticsId = useId();
 	const browserShown = browser !== void 0 && browserOpen;
 	const statisticsShown = statistics !== void 0 && statisticsOpen;
-	const { structure } = useSnapshot().stats;
-	const t2 = browserShown || void 0;
-	const t3 = statisticsShown || void 0;
-	let t4;
-	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,
@@ -3450,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",
@@ -3490,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",
@@ -3512,51 +4179,70 @@ function FittingWindow(t0) {
 				})
 			})
 		});
-		$[11] = statistics;
-		$[12] = statisticsId;
-		$[13] = statisticsShown;
-		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
+		$[14] = statistics;
+		$[15] = statisticsId;
+		$[16] = statisticsShown;
+		$[17] = t10;
+	} else t10 = $[17];
 	let t11;
-	if ($[15] !== structure) {
-		t10 = /* @__PURE__ */ jsx("div", {
-			className: FittingWindow_module_default.bays,
-			children: structure ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Bay, {
-				bay: "cargo",
-				icon: "ammo-hold",
-				label: "Ammo Hold",
-				unlimited: true
-			}), /* @__PURE__ */ jsx(FighterBay, {})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Bay, {
-				bay: "cargo",
-				icon: "cargo",
-				label: "Cargo Hold"
-			}), /* @__PURE__ */ jsx(Bay, {
-				bay: "droneBay",
-				icon: "drone-bay",
-				label: "Drone Bay"
-			})] })
-		});
-		t11 = structure && /* @__PURE__ */ jsx(ServiceRack, {});
-		$[15] = structure;
-		$[16] = t10;
-		$[17] = t11;
-	} else {
-		t10 = $[16];
-		t11 = $[17];
-	}
-	let t12;
 	if ($[18] !== structure) {
-		t12 = /* @__PURE__ */ jsx("div", {
-			className: FittingWindow_module_default.history,
-			children: /* @__PURE__ */ jsx(SimulationHistory, { tooltipTitle: 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] = t12;
-	} else t12 = $[19];
+		$[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 ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[23] !== t11 || $[24] !== t12) {
 		t13 = /* @__PURE__ */ jsxs("div", {
+			className: FittingWindow_module_default.bays,
+			children: [t11, t12]
+		});
+		$[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, { tooltipTitle: structure })
+		});
+		$[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",
@@ -3568,34 +4254,34 @@ function FittingWindow(t0) {
 				output: "powerOutput"
 			})]
 		});
-		$[20] = t13;
-	} else t13 = $[20];
-	let t14;
-	if ($[21] !== t10 || $[22] !== t11 || $[23] !== t12 || $[24] !== t8 || $[25] !== t9) {
-		t14 = /* @__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
+				t13,
+				t14,
+				t15,
+				t16
 			]
 		});
-		$[21] = t10;
-		$[22] = t11;
-		$[23] = t12;
-		$[24] = t8;
-		$[25] = t9;
-		$[26] = t14;
-	} else t14 = $[26];
-	let t15;
-	if ($[27] !== statistics || $[28] !== statisticsId || $[29] !== statisticsShown) {
-		t15 = statistics !== void 0 && /* @__PURE__ */ jsx("div", {
+		$[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,
@@ -3604,33 +4290,47 @@ function FittingWindow(t0) {
 				children: statistics
 			})
 		});
-		$[27] = statistics;
-		$[28] = statisticsId;
-		$[29] = statisticsShown;
-		$[30] = t15;
-	} else t15 = $[30];
-	let t16;
-	if ($[31] !== label || $[32] !== t14 || $[33] !== t15 || $[34] !== t2 || $[35] !== t3 || $[36] !== t4) {
-		t16 = /* @__PURE__ */ jsxs("section", {
+		$[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,
-				t14,
-				t15
+				t5,
+				t17,
+				t18
 			]
 		});
-		$[31] = label;
-		$[32] = t14;
-		$[33] = t15;
-		$[34] = t2;
-		$[35] = t3;
-		$[36] = t4;
-		$[37] = t16;
-	} else t16 = $[37];
-	return t16;
+		$[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);
@@ -3842,111 +4542,94 @@ function NotImplementedButton(t0) {
 	return t4;
 }
 function Bay(t0) {
-	const $ = c(24);
-	const { bay, icon, label, unlimited: t1 } = 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);
+	const ownId = useId();
+	const id = givenId ?? ownId;
 	let t2;
 	if ($[0] !== id) {
-		let t3;
-		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-			t3 = /[^\w-]/g;
-			$[2] = t3;
-		} else t3 = $[2];
-		t2 = id.replace(t3, "");
+		t2 = () => popover(id)?.showPopover();
 		$[0] = id;
 		$[1] = t2;
 	} else t2 = $[1];
-	const t3 = `--bay-${t2}`;
-	let t4;
-	if ($[3] !== t3) {
-		t4 = { "--bay-anchor": t3 };
+	const drop = useBayDrop(bay, t2);
+	let t3;
+	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;
-		$[4] = t4;
-	} else t4 = $[4];
-	const t5 = t4;
-	const t6 = !unlimited && used > total || void 0;
-	let t7;
-	if ($[5] !== drop || $[6] !== icon || $[7] !== id || $[8] !== label || $[9] !== t6 || $[10] !== total || $[11] !== used) {
-		t7 = /* @__PURE__ */ jsx(BayButton, {
+	} 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": t6,
+			"data-over": t7,
 			...drop
 		});
-		$[5] = drop;
-		$[6] = icon;
-		$[7] = id;
-		$[8] = label;
-		$[9] = t6;
-		$[10] = total;
-		$[11] = used;
-		$[12] = t7;
-	} else t7 = $[12];
-	let t8;
-	if ($[13] !== label || $[14] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Tooltip, {
+		$[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: t7
+			children: t8
 		});
-		$[13] = label;
-		$[14] = t7;
-		$[15] = t8;
-	} else t8 = $[15];
-	let t9;
-	if ($[16] !== bay || $[17] !== id || $[18] !== label) {
-		t9 = /* @__PURE__ */ jsx(BayContents, {
+		$[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
 		});
-		$[16] = bay;
-		$[17] = id;
-		$[18] = label;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== t5 || $[21] !== t8 || $[22] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("div", {
+		$[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: t5,
-			children: [t8, t9]
-		});
-		$[20] = t5;
-		$[21] = t8;
-		$[22] = t9;
-		$[23] = t10;
-	} else t10 = $[23];
-	return t10;
-}
-function FighterBay() {
-	const $ = c(4);
-	const { used, total } = useBayUsage("fighterBay");
-	const t0 = used > total || void 0;
-	let t1;
-	if ($[0] !== t0 || $[1] !== total || $[2] !== used) {
-		t1 = /* @__PURE__ */ jsx(Tooltip, {
-			label: "Fighter Bay (not implemented yet)",
-			children: /* @__PURE__ */ jsx(BayButton, {
-				icon: "drone-bay",
-				used,
-				total,
-				"aria-label": "Fighter Bay",
-				"aria-disabled": true,
-				"data-over": t0
-			})
+			style: t6,
+			children: [t9, t10]
 		});
-		$[0] = t0;
-		$[1] = total;
-		$[2] = used;
-		$[3] = t1;
-	} else t1 = $[3];
-	return t1;
+		$[22] = t10;
+		$[23] = t6;
+		$[24] = t9;
+		$[25] = t11;
+	} else t11 = $[25];
+	return t11;
 }
 function BayButton(t0) {
 	const $ = c(22);
@@ -4043,11 +4726,15 @@ function BayButton(t0) {
 }
 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();
@@ -4057,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();
@@ -4110,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) {
@@ -4912,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);
@@ -5090,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, {
@@ -5122,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,
@@ -5136,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, {
@@ -5161,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) {
@@ -5707,7 +6413,10 @@ 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);
@@ -5717,6 +6426,7 @@ function CapacitorStats() {
 			decimals: 1,
 			fixed: true,
 			grouping: false,
+			rounding: "down",
 			format: unit(" GJ")
 		};
 		$[1] = t1;
@@ -5724,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);
@@ -5922,6 +6635,7 @@ function RepairRate() {
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = {
 			decimals: 0,
+			rounding: "down",
 			format: unit(" hp/s")
 		};
 		$[0] = t0;
@@ -6074,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);
@@ -6110,6 +6827,7 @@ function DefenseStats() {
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = {
 			decimals: 0,
+			rounding: "down",
 			format: unit(" ehp")
 		};
 		$[0] = t0;
@@ -6119,6 +6837,7 @@ function DefenseStats() {
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
 			decimals: 0,
+			rounding: "down",
 			format: hitpoints
 		};
 		$[1] = t1;
@@ -6126,7 +6845,10 @@ function DefenseStats() {
 	const shield = useAttribute("shieldCapacity", t1);
 	let t2;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = { decimals: 0 };
+		t2 = {
+			decimals: 0,
+			rounding: "down"
+		};
 		$[2] = t2;
 	} else t2 = $[2];
 	const shieldRecharge = useAttribute("shieldRechargeRate", t2);
@@ -6134,6 +6856,7 @@ function DefenseStats() {
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = {
 			decimals: 0,
+			rounding: "down",
 			format: hitpoints
 		};
 		$[3] = t3;
@@ -6143,6 +6866,7 @@ function DefenseStats() {
 	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = {
 			decimals: 0,
+			rounding: "down",
 			format: hitpoints
 		};
 		$[4] = t4;
@@ -6437,24 +7161,18 @@ function DroneStats() {
 	return t12;
 }
 //#endregion
-//#region ../fitting/src/rules/attributes.ts
-/** A type's value for an attribute as the SDE has it, before any effect applies. */
-function baseValue(sde, type, name) {
-	const id = sde.attributeId(name);
-	return id === void 0 ? void 0 : type.attributes.get(id);
-}
-//#endregion
 //#region src/components/ShipStatistics/FighterStats.tsx
 function FighterStats() {
-	const $ = c(10);
+	const $ = 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) >= (baseValue(sde, type, "fighterSquadronMaxSize") ?? 1)) full = full + 1;
+		if ((item.quantity ?? 1) >= squadronSize(sde, type)) full = full + 1;
 		else partial = partial + 1;
 	}
 	let t0;
@@ -6480,9 +7198,14 @@ function FighterStats() {
 		$[6] = t2;
 	} else t2 = $[6];
 	let t3;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Tooltip, {
-			label: "Manage (not implemented yet)",
+	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,
@@ -6490,10 +7213,11 @@ function FighterStats() {
 				children: "Manage"
 			})
 		});
-		$[7] = t3;
-	} else t3 = $[7];
+		$[7] = manage;
+		$[8] = t3;
+	} else t3 = $[8];
 	let t4;
-	if ($[8] !== t2) {
+	if ($[9] !== t2 || $[10] !== t3) {
 		t4 = /* @__PURE__ */ jsx(StatsSection, {
 			title: "Fighters",
 			children: /* @__PURE__ */ jsxs("div", {
@@ -6501,47 +7225,44 @@ function FighterStats() {
 				children: [t2, t3]
 			})
 		});
-		$[8] = t2;
-		$[9] = t4;
-	} else t4 = $[9];
+		$[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 } = t0;
-	const t1 = price / 1e6;
+	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 ($[0] !== t1) {
-		t2 = formatNumber(t1, {
-			decimals: 1,
-			fixed: true
-		});
-		$[0] = t1;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Icon, { name: "price" });
-		$[2] = t3;
-	} else t3 = $[2];
-	let t4;
-	if ($[3] !== t2) {
-		t4 = /* @__PURE__ */ jsxs("div", {
+	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];
-	return t4;
+		$[2] = change;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 }
 //#endregion
 //#region src/components/ShipStatistics/FuelStats.tsx
@@ -6849,6 +7570,7 @@ function TargetingStats() {
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
 			decimals: 0,
+			rounding: "down",
 			format: unit(" mm")
 		};
 		$[1] = t1;
@@ -6867,6 +7589,7 @@ function TargetingStats() {
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = {
 			decimals: 0,
+			rounding: "up",
 			format: unit("x")
 		};
 		$[3] = t3;
@@ -6981,10 +7704,11 @@ 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(10);
+	const $ = c(14);
 	const { label: t1 } = t0;
 	const label = t1 === void 0 ? "Statistics" : t1;
-	const { structure } = useSnapshot().stats;
+	const { stats } = useSnapshot();
+	const price = useFitPrice();
 	let t2;
 	let t3;
 	let t4;
@@ -7005,7 +7729,7 @@ function ShipStatistics(t0) {
 		t5 = $[3];
 	}
 	let t6;
-	if ($[4] !== structure) {
+	if ($[4] !== stats.fighterBay || $[5] !== stats.structure) {
 		t6 = /* @__PURE__ */ jsxs("div", {
 			className: ShipStatistics_module_default.sections,
 			children: [
@@ -7013,28 +7737,35 @@ function ShipStatistics(t0) {
 				t3,
 				t4,
 				t5,
-				structure ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FighterStats, {}), /* @__PURE__ */ jsx(FuelStats, {})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NavigationStats, {}), /* @__PURE__ */ jsx(DroneStats, {})] })
+				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] = structure;
-		$[5] = t6;
-	} else t6 = $[5];
+		$[4] = stats.fighterBay;
+		$[5] = stats.structure;
+		$[6] = t6;
+	} else t6 = $[6];
 	let t7;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(FitPrice, { price: 0 });
-		$[6] = t7;
-	} else t7 = $[6];
+	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 ($[7] !== label || $[8] !== t6) {
+	if ($[10] !== label || $[11] !== t6 || $[12] !== t7) {
 		t8 = /* @__PURE__ */ jsxs("section", {
 			className: ShipStatistics_module_default.statistics,
 			"aria-label": label,
 			children: [t6, t7]
 		});
-		$[7] = label;
-		$[8] = t6;
-		$[9] = t8;
-	} else t8 = $[9];
+		$[10] = label;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
 	return t8;
 }
 //#endregion