@eveshipfit/ui-ingame 1.4.0 → 1.5.0

package/dist/index.mjs

@@ -2,7 +2,7 @@ import './style.css';
 import { c } from "react/compiler-runtime";
 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, 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";
+import { formatClock, formatDuration, formatNumber, useAttribute, useAttributeTooltip, useBayContents, useBayUsage, useCanFit, useChargeSearch, useChargeTree, useChargedModules, useCharges, useDrag, useDroneRoom, useEngine, useFighterTubeUsage, useFighterTubes, useFit, useFitHistory, useFitPrice, useFitStore, useHardpoints, useHullTree, useImages, useLocalFits, useMissingSkills, useModes, useModuleSearch, useModuleTree, usePersonalFits, 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",
@@ -13,7 +13,7 @@ var Dialog_module_default = {
 };
 //#endregion
 //#region src/primitives/Dialog/Dialog.tsx
-/** A modal; `onClose` is called when the user closes it, by Escape or the close button. */
+/** A modal that opens on its first field; `onClose` is called when the user closes it, by Escape or the close button. */
 function Dialog(t0) {
 	const $ = c(22);
 	const { open, title, onClose, children } = t0;
@@ -25,7 +25,10 @@ function Dialog(t0) {
 		t1 = () => {
 			const element = dialog.current;
 			if (element === null) return;
-			if (open && !element.open) element.showModal();
+			if (open && !element.open) {
+				element.showModal();
+				element.querySelector("input, textarea")?.focus();
+			}
 			if (!open && element.open) element.close();
 		};
 		t2 = [open];
@@ -357,85 +360,90 @@ function TreeGroup(t0) {
 	} else t14 = $[33];
 	return t14;
 }
-/** Activates on double click, as EVE's own lists do; single clicks are for selecting text and dragging. */
+/** Activates on double click, as EVE's own lists do, unless `activateOnClick` is set. */
 function TreeLeaf(t0) {
-	const $ = c(23);
-	const { label, typeId, title, onActivate, onHover, onDragStart, onDragEnd, after } = t0;
-	const t1 = onDragStart !== void 0;
-	let t2;
+	const $ = c(24);
+	const { label, typeId, title, onActivate, activateOnClick: t1, onHover, onDragStart, onDragEnd, after } = t0;
+	const activateOnClick = t1 === void 0 ? false : t1;
+	const t2 = onDragStart !== void 0;
+	const t3 = activateOnClick ? onActivate : void 0;
+	const t4 = activateOnClick ? void 0 : onActivate;
+	let t5;
 	if ($[0] !== onActivate) {
-		t2 = (event) => {
+		t5 = (event) => {
 			if (event.key === "Enter") onActivate?.();
 		};
 		$[0] = onActivate;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	let t4;
+		$[1] = t5;
+	} else t5 = $[1];
+	let t6;
+	let t7;
 	if ($[2] !== onHover) {
-		t3 = () => onHover?.(true);
-		t4 = () => onHover?.(false);
+		t6 = () => onHover?.(true);
+		t7 = () => onHover?.(false);
 		$[2] = onHover;
-		$[3] = t3;
-		$[4] = t4;
+		$[3] = t6;
+		$[4] = t7;
 	} else {
-		t3 = $[3];
-		t4 = $[4];
+		t6 = $[3];
+		t7 = $[4];
 	}
-	let t5;
+	let t8;
 	if ($[5] !== typeId) {
-		t5 = typeId !== void 0 && /* @__PURE__ */ jsx(RowIcon, { typeId });
+		t8 = typeId !== void 0 && /* @__PURE__ */ jsx(RowIcon, { typeId });
 		$[5] = typeId;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
+		$[6] = t8;
+	} else t8 = $[6];
+	let t9;
 	if ($[7] !== label) {
-		t6 = /* @__PURE__ */ jsx("span", {
+		t9 = /* @__PURE__ */ jsx("span", {
 			className: TreeList_module_default.label,
 			children: label
 		});
 		$[7] = label;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== onActivate || $[10] !== onDragEnd || $[11] !== onDragStart || $[12] !== t1 || $[13] !== t2 || $[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6 || $[18] !== title) {
-		t7 = /* @__PURE__ */ jsxs("div", {
+		$[8] = t9;
+	} else t9 = $[8];
+	let t10;
+	if ($[9] !== onDragEnd || $[10] !== onDragStart || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5 || $[15] !== t6 || $[16] !== t7 || $[17] !== t8 || $[18] !== t9 || $[19] !== title) {
+		t10 = /* @__PURE__ */ jsxs("div", {
 			role: "button",
 			tabIndex: 0,
 			className: TreeList_module_default.row,
 			title,
-			draggable: t1,
-			onDoubleClick: onActivate,
-			onKeyDown: t2,
-			onMouseEnter: t3,
-			onMouseLeave: t4,
+			draggable: t2,
+			onClick: t3,
+			onDoubleClick: t4,
+			onKeyDown: t5,
+			onMouseEnter: t6,
+			onMouseLeave: t7,
 			onDragStart,
 			onDragEnd,
-			children: [t5, t6]
+			children: [t8, t9]
 		});
-		$[9] = onActivate;
-		$[10] = onDragEnd;
-		$[11] = onDragStart;
-		$[12] = t1;
-		$[13] = t2;
-		$[14] = t3;
-		$[15] = t4;
-		$[16] = t5;
-		$[17] = t6;
-		$[18] = title;
-		$[19] = t7;
-	} else t7 = $[19];
-	let t8;
-	if ($[20] !== after || $[21] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("li", {
+		$[9] = onDragEnd;
+		$[10] = onDragStart;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+		$[19] = title;
+		$[20] = t10;
+	} else t10 = $[20];
+	let t11;
+	if ($[21] !== after || $[22] !== t10) {
+		t11 = /* @__PURE__ */ jsxs("li", {
 			className: `${TreeList_module_default.head} ${TreeList_module_default.leaf}`,
-			children: [t7, after]
+			children: [t10, after]
 		});
-		$[20] = after;
-		$[21] = t7;
-		$[22] = t8;
-	} else t8 = $[22];
-	return t8;
+		$[21] = after;
+		$[22] = t10;
+		$[23] = t11;
+	} else t11 = $[23];
+	return t11;
 }
 function RowIcon(t0) {
 	const $ = c(2);
@@ -468,12 +476,16 @@ const textures = {
 	"module-unfit": "icons/38_16_200",
 	"module-power": "icons/38_16_207",
 	"module-info": "icons/38_16_208",
+	"mode-defense": "icons/defence",
+	"mode-sharpshooter": "icons/target",
+	"mode-propulsion": "icons/speed",
 	link: "eveicon/system_icons/link_16px",
 	search: "eveicon/system_icons/search_16px",
 	collapse: "eveicon/system_icons/collapse_16px",
 	checkmark: "eveicon/system_icons/checkmark_16px",
 	close: "eveicon/system_icons/close_16px",
 	folder: "eveicon/system_icons/folder_16px",
+	export: "eveicon/system_icons/export_16px",
 	"fits-browser": "windowicons/browser",
 	"fits-personal": "windowicons/member",
 	"fits-corporation": "windowicons/corporation",
@@ -630,44 +642,45 @@ function Tooltip(t0) {
 	let t10;
 	let t11;
 	let t12;
+	let t13;
 	let t8;
 	let t9;
 	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = () => show(true);
 		t9 = () => show(false);
-		t10 = (event) => {
+		t10 = () => show(true);
+		t11 = (event) => {
 			const target = event.target;
-			setTimeout(() => show(target.matches(":focus-visible")));
+			setTimeout(() => {
+				if (target.matches(":focus-visible")) show(true);
+			});
 		};
-		t11 = () => show(false);
-		t12 = (event_0) => {
+		t12 = () => show(false);
+		t13 = (event_0) => {
 			if (event_0.key === "Escape") show(false);
 		};
 		$[7] = t10;
 		$[8] = t11;
 		$[9] = t12;
-		$[10] = t8;
-		$[11] = t9;
+		$[10] = t13;
+		$[11] = t8;
+		$[12] = t9;
 	} else {
 		t10 = $[7];
 		t11 = $[8];
 		t12 = $[9];
-		t8 = $[10];
-		t9 = $[11];
+		t13 = $[10];
+		t8 = $[11];
+		t9 = $[12];
 	}
-	let t13;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = /* @__PURE__ */ jsx("span", { className: Tooltip_module_default.notch });
-		$[12] = t13;
-	} else t13 = $[12];
 	let t14;
 	if ($[13] !== label) {
-		t14 = /* @__PURE__ */ jsxs("span", {
+		t14 = label !== void 0 && /* @__PURE__ */ jsxs("span", {
 			ref: tooltip,
 			className: Tooltip_module_default.tooltip,
 			popover: "hint",
 			"aria-hidden": true,
-			children: [t13, /* @__PURE__ */ jsx("span", {
+			children: [/* @__PURE__ */ jsx("span", { className: Tooltip_module_default.notch }), /* @__PURE__ */ jsx("span", {
 				className: Tooltip_module_default.label,
 				children: label
 			})]
@@ -683,9 +696,10 @@ function Tooltip(t0) {
 			style: t7,
 			onPointerEnter: t8,
 			onPointerLeave: t9,
-			onFocus: t10,
-			onBlur: t11,
-			onKeyDown: t12,
+			onClick: t10,
+			onFocus: t11,
+			onBlur: t12,
+			onKeyDown: t13,
 			children: [children, t14]
 		});
 		$[15] = children;
@@ -993,63 +1007,66 @@ var Wheel_module_default = {
 //#region src/primitives/Wheel/Wheel.tsx
 /** Square, and as big as EVE's at `--esf-scale`, or as wide as `--esf-wheel-size`. */
 function Wheel(t0) {
-	const $ = c(14);
-	const { label, children } = t0;
+	const $ = c(15);
+	const { label, hideScales: t1, children } = t0;
+	const hideScales = t1 === void 0 ? false : t1;
 	const images = useImages();
-	let t1;
+	let t2;
 	if ($[0] !== images) {
-		t1 = (name) => ({ "--texture": `url(${images.uiTexture(name)})` });
+		t2 = (name) => ({ "--texture": `url(${images.uiTexture(name)})` });
 		$[0] = images;
-		$[1] = t1;
-	} else t1 = $[1];
-	const texture = t1;
-	let t2;
+		$[1] = t2;
+	} else t2 = $[1];
+	const texture = t2;
+	let t3;
 	if ($[2] !== texture) {
-		t2 = /* @__PURE__ */ jsx("div", {
+		t3 = /* @__PURE__ */ jsx("div", {
 			className: Wheel_module_default.rings,
 			style: texture("classes/fitting/fittingbase")
 		});
 		$[2] = texture;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
 	if ($[4] !== texture) {
-		t3 = /* @__PURE__ */ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: Wheel_module_default.edges,
 			style: texture("classes/fitting/fittingbase_dotproduct")
 		});
 		$[4] = texture;
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== texture) {
-		t4 = /* @__PURE__ */ jsx("div", {
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== hideScales || $[7] !== texture) {
+		t5 = !hideScales && /* @__PURE__ */ jsx("div", {
 			className: Wheel_module_default.scales,
+			"data-scales": true,
 			style: texture("classes/fitting/fittingbase_overlay")
 		});
-		$[6] = texture;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== children || $[9] !== label || $[10] !== t2 || $[11] !== t3 || $[12] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("section", {
+		$[6] = hideScales;
+		$[7] = texture;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== children || $[10] !== label || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("section", {
 			className: Wheel_module_default.wheel,
 			"aria-label": label,
 			children: [
-				t2,
 				t3,
+				t4,
 				children,
-				t4
+				t5
 			]
 		});
-		$[8] = children;
-		$[9] = label;
-		$[10] = t2;
+		$[9] = children;
+		$[10] = label;
 		$[11] = t3;
 		$[12] = t4;
 		$[13] = t5;
-	} else t5 = $[13];
-	return t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	return t6;
 }
 /** `angle` in degrees clockwise from the top, as CSS rotations go. */
 function polar(angle, radius) {
@@ -1195,7 +1212,7 @@ function SlotPress(t0) {
 			className,
 			"aria-label": label,
 			onClick: onPress,
-			onKeyDown: _temp$8
+			onKeyDown: _temp$12
 		});
 		$[0] = className;
 		$[1] = label;
@@ -1204,7 +1221,7 @@ function SlotPress(t0) {
 	} else t1 = $[3];
 	return t1;
 }
-function _temp$8(event) {
+function _temp$12(event) {
 	if (event.key !== "Enter" && event.key !== " ") return;
 	event.preventDefault();
 	event.currentTarget.dispatchEvent(new MouseEvent("click", {
@@ -1218,6 +1235,7 @@ var WheelSlot_module_default = {
 	"action": "T6VD6G_action",
 	"actions": "T6VD6G_actions",
 	"ammo": "T6VD6G_ammo",
+	"anchor": "T6VD6G_anchor",
 	"body": "T6VD6G_body",
 	"bridge": "T6VD6G_bridge",
 	"empty": "T6VD6G_empty",
@@ -1250,7 +1268,7 @@ const ammoBars = [
 ];
 const emptyIconScale = { rig: 1.2 };
 function WheelSlot(t0) {
-	const $ = c(84);
+	const $ = c(95);
 	let angle;
 	let chargeTypeId;
 	let className;
@@ -1269,10 +1287,12 @@ function WheelSlot(t0) {
 	let t3;
 	let t4;
 	let t5;
+	let t6;
+	let tooltip;
 	let typeId;
 	let typeName;
 	if ($[0] !== t0) {
-		({rack, angle, typeId, typeName, chargeTypeId, chargeable: t1, state: t2, activatable: t3, available: t4, preview: t5, onPress, onDragStart, onDragEnd, label, onUnfit, onRemoveCharge, onTogglePower, className, style, ...props} = t0);
+		({rack, angle, typeId, typeName, chargeTypeId, chargeable: t1, state: t2, activatable: t3, available: t4, preview: t5, tooltip, onPress, onDragStart, onDragEnd, label, actions: t6, onUnfit, onRemoveCharge, onTogglePower, className, style, ...props} = t0);
 		$[0] = t0;
 		$[1] = angle;
 		$[2] = chargeTypeId;
@@ -1292,8 +1312,10 @@ function WheelSlot(t0) {
 		$[16] = t3;
 		$[17] = t4;
 		$[18] = t5;
-		$[19] = typeId;
-		$[20] = typeName;
+		$[19] = t6;
+		$[20] = tooltip;
+		$[21] = typeId;
+		$[22] = typeName;
 	} else {
 		angle = $[1];
 		chargeTypeId = $[2];
@@ -1313,29 +1335,32 @@ function WheelSlot(t0) {
 		t3 = $[16];
 		t4 = $[17];
 		t5 = $[18];
-		typeId = $[19];
-		typeName = $[20];
+		t6 = $[19];
+		tooltip = $[20];
+		typeId = $[21];
+		typeName = $[22];
 	}
 	const chargeable = t1 === void 0 ? false : t1;
 	const state = t2 === void 0 ? "online" : t2;
 	const activatable = t3 === void 0 ? false : t3;
 	const available = t4 === void 0 ? true : t4;
 	const preview = t5 === void 0 ? false : t5;
+	const showActions = t6 === void 0 ? true : t6;
 	const images = useImages();
-	let t6;
-	if ($[21] !== images) {
-		t6 = (name) => ({ "--texture": `url(${images.uiTexture(name)})` });
-		$[21] = images;
-		$[22] = t6;
-	} else t6 = $[22];
-	const texture = t6;
+	let t7;
+	if ($[23] !== images) {
+		t7 = (name) => ({ "--texture": `url(${images.uiTexture(name)})` });
+		$[23] = images;
+		$[24] = t7;
+	} else t7 = $[24];
+	const texture = t7;
 	const fitted = typeId !== void 0;
 	const iconTypeId = chargeTypeId ?? typeId;
 	let row;
-	let t7;
-	if ($[23] !== chargeTypeId || $[24] !== fitted || $[25] !== onRemoveCharge || $[26] !== onTogglePower || $[27] !== onUnfit || $[28] !== preview || $[29] !== state || $[30] !== typeId || $[31] !== typeName) {
+	let t8;
+	if ($[25] !== chargeTypeId || $[26] !== fitted || $[27] !== onRemoveCharge || $[28] !== onTogglePower || $[29] !== onUnfit || $[30] !== preview || $[31] !== showActions || $[32] !== state || $[33] !== typeId || $[34] !== typeName) {
 		row = [];
-		if (fitted && !preview) {
+		if (fitted && !preview && showActions) {
 			if (chargeTypeId !== void 0) {
 				row.push(onRemoveCharge && {
 					key: "charge",
@@ -1345,14 +1370,14 @@ function WheelSlot(t0) {
 						onPress: onRemoveCharge
 					})
 				});
-				let t8;
-				if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-					t8 = /* @__PURE__ */ jsx(SlotInfo, {});
-					$[34] = t8;
-				} else t8 = $[34];
+				let t9;
+				if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+					t9 = /* @__PURE__ */ jsx(SlotInfo, {});
+					$[37] = t9;
+				} else t9 = $[37];
 				row.push({
 					key: "charge-info",
-					node: t8
+					node: t9
 				});
 				row.push(typeName === void 0 ? void 0 : {
 					key: "module",
@@ -1377,14 +1402,14 @@ function WheelSlot(t0) {
 					onPress: onUnfit
 				})
 			});
-			let t8;
-			if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-				t8 = /* @__PURE__ */ jsx(SlotInfo, {});
-				$[35] = t8;
-			} else t8 = $[35];
+			let t9;
+			if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+				t9 = /* @__PURE__ */ jsx(SlotInfo, {});
+				$[38] = t9;
+			} else t9 = $[38];
 			row.push({
 				key: "info",
-				node: t8
+				node: t9
 			});
 			const power = state === "offline" ? "Put Online" : "Put Offline";
 			row.push(onTogglePower && {
@@ -1396,85 +1421,64 @@ function WheelSlot(t0) {
 				})
 			});
 		}
-		t7 = row.findLastIndex(_temp$7);
-		$[23] = chargeTypeId;
-		$[24] = fitted;
-		$[25] = onRemoveCharge;
-		$[26] = onTogglePower;
-		$[27] = onUnfit;
-		$[28] = preview;
-		$[29] = state;
-		$[30] = typeId;
-		$[31] = typeName;
-		$[32] = row;
-		$[33] = t7;
+		t8 = row.findLastIndex(_temp$11);
+		$[25] = chargeTypeId;
+		$[26] = fitted;
+		$[27] = onRemoveCharge;
+		$[28] = onTogglePower;
+		$[29] = onUnfit;
+		$[30] = preview;
+		$[31] = showActions;
+		$[32] = state;
+		$[33] = typeId;
+		$[34] = typeName;
+		$[35] = row;
+		$[36] = t8;
 	} else {
-		row = $[32];
-		t7 = $[33];
+		row = $[35];
+		t8 = $[36];
 	}
-	const last = t7;
+	const last = t8;
 	const innermost = actions.first - last * actions.step - actions.size / 2;
-	let t8;
-	if ($[36] !== className) {
-		t8 = [WheelSlot_module_default.slot, className].filter(Boolean);
-		$[36] = className;
-		$[37] = t8;
-	} else t8 = $[37];
-	const t9 = t8.join(" ");
-	const t10 = `${angle}deg`;
-	let t11;
-	if ($[38] !== style || $[39] !== t10) {
-		t11 = {
-			...box,
-			"--angle": t10,
-			...style
-		};
-		$[38] = style;
-		$[39] = t10;
-		$[40] = t11;
-	} else t11 = $[40];
-	const t12 = t11;
-	const t13 = fitted ? state : available ? "empty" : "unavailable";
-	const t14 = preview || void 0;
-	const t15 = onDragStart !== void 0 || void 0;
-	let t16;
-	if ($[41] !== fitted || $[42] !== texture) {
-		t16 = fitted && /* @__PURE__ */ jsx("span", {
+	const t9 = onDragStart !== void 0 || void 0;
+	let t10;
+	if ($[39] !== fitted || $[40] !== texture) {
+		t10 = fitted && /* @__PURE__ */ jsx("span", {
 			className: WheelSlot_module_default.fill,
 			style: texture("classes/fitting/moduleslotfill")
 		});
-		$[41] = fitted;
-		$[42] = texture;
-		$[43] = t16;
-	} else t16 = $[43];
-	let t17;
-	if ($[44] !== activatable || $[45] !== fitted || $[46] !== preview || $[47] !== state || $[48] !== texture) {
-		t17 = /* @__PURE__ */ jsx("span", {
+		$[39] = fitted;
+		$[40] = texture;
+		$[41] = t10;
+	} else t10 = $[41];
+	let t11;
+	if ($[42] !== activatable || $[43] !== fitted || $[44] !== preview || $[45] !== state || $[46] !== texture) {
+		t11 = /* @__PURE__ */ jsx("span", {
 			className: WheelSlot_module_default.frame,
 			style: texture(frameTexture(fitted, preview, state, activatable))
 		});
-		$[44] = activatable;
-		$[45] = fitted;
-		$[46] = preview;
-		$[47] = state;
-		$[48] = texture;
-		$[49] = t17;
-	} else t17 = $[49];
-	let t18;
-	if ($[50] !== chargeTypeId || $[51] !== chargeable || $[52] !== fitted) {
-		t18 = fitted && chargeable && ammoBars.map((offset) => /* @__PURE__ */ jsx("span", {
+		$[42] = activatable;
+		$[43] = fitted;
+		$[44] = preview;
+		$[45] = state;
+		$[46] = texture;
+		$[47] = t11;
+	} else t11 = $[47];
+	let t12;
+	if ($[48] !== chargeTypeId || $[49] !== chargeable || $[50] !== fitted) {
+		t12 = fitted && chargeable && ammoBars.map((offset) => /* @__PURE__ */ jsx("span", {
 			className: WheelSlot_module_default.ammo,
 			style: { "--offset": `${offset}deg` },
 			"data-loaded": chargeTypeId !== void 0 || void 0
 		}, offset));
-		$[50] = chargeTypeId;
-		$[51] = chargeable;
-		$[52] = fitted;
-		$[53] = t18;
-	} else t18 = $[53];
-	let t19;
-	if ($[54] !== available || $[55] !== iconTypeId || $[56] !== rack) {
-		t19 = iconTypeId !== void 0 ? /* @__PURE__ */ jsx("span", {
+		$[48] = chargeTypeId;
+		$[49] = chargeable;
+		$[50] = fitted;
+		$[51] = t12;
+	} else t12 = $[51];
+	let t13;
+	if ($[52] !== available || $[53] !== iconTypeId || $[54] !== rack) {
+		t13 = iconTypeId !== void 0 ? /* @__PURE__ */ jsx("span", {
 			className: WheelSlot_module_default.icon,
 			children: /* @__PURE__ */ jsx(TypeIcon, {
 				typeId: iconTypeId,
@@ -1486,50 +1490,99 @@ function WheelSlot(t0) {
 			style: { scale: emptyIconScale[rack] },
 			children: /* @__PURE__ */ jsx(Icon, { name: `slot-${rack}` })
 		});
-		$[54] = available;
-		$[55] = iconTypeId;
-		$[56] = rack;
-		$[57] = t19;
-	} else t19 = $[57];
-	let t20;
-	if ($[58] !== label || $[59] !== onPress) {
-		t20 = onPress && /* @__PURE__ */ jsx(SlotPress, {
+		$[52] = available;
+		$[53] = iconTypeId;
+		$[54] = rack;
+		$[55] = t13;
+	} else t13 = $[55];
+	let t14;
+	if ($[56] !== label || $[57] !== onPress) {
+		t14 = onPress && /* @__PURE__ */ jsx(SlotPress, {
 			className: WheelSlot_module_default.press,
 			label,
 			onPress
 		});
-		$[58] = label;
-		$[59] = onPress;
-		$[60] = t20;
-	} else t20 = $[60];
-	let t21;
-	if ($[61] !== onDragEnd || $[62] !== onDragStart || $[63] !== t15 || $[64] !== t16 || $[65] !== t17 || $[66] !== t18 || $[67] !== t19 || $[68] !== t20) {
-		t21 = /* @__PURE__ */ jsxs("div", {
+		$[56] = label;
+		$[57] = onPress;
+		$[58] = t14;
+	} else t14 = $[58];
+	let t15;
+	if ($[59] !== onDragEnd || $[60] !== onDragStart || $[61] !== t10 || $[62] !== t11 || $[63] !== t12 || $[64] !== t13 || $[65] !== t14 || $[66] !== t9) {
+		t15 = /* @__PURE__ */ jsxs("div", {
 			className: WheelSlot_module_default.body,
-			draggable: t15,
+			draggable: t9,
 			onDragStart,
 			onDragEnd,
 			children: [
-				t16,
-				t17,
-				t18,
-				t19,
-				t20
+				t10,
+				t11,
+				t12,
+				t13,
+				t14
 			]
 		});
-		$[61] = onDragEnd;
-		$[62] = onDragStart;
-		$[63] = t15;
-		$[64] = t16;
-		$[65] = t17;
-		$[66] = t18;
-		$[67] = t19;
-		$[68] = t20;
-		$[69] = t21;
-	} else t21 = $[69];
-	let t22;
-	if ($[70] !== angle || $[71] !== innermost || $[72] !== last || $[73] !== row || $[74] !== typeName) {
-		t22 = last >= 0 && /* @__PURE__ */ jsxs("fieldset", {
+		$[59] = onDragEnd;
+		$[60] = onDragStart;
+		$[61] = t10;
+		$[62] = t11;
+		$[63] = t12;
+		$[64] = t13;
+		$[65] = t14;
+		$[66] = t9;
+		$[67] = t15;
+	} else t15 = $[67];
+	const body = t15;
+	let t16;
+	if ($[68] !== className) {
+		t16 = [WheelSlot_module_default.slot, className].filter(Boolean);
+		$[68] = className;
+		$[69] = t16;
+	} else t16 = $[69];
+	const t17 = t16.join(" ");
+	const t18 = `${angle}deg`;
+	let t19;
+	if ($[70] !== style || $[71] !== t18) {
+		t19 = {
+			...box,
+			"--angle": t18,
+			...style
+		};
+		$[70] = style;
+		$[71] = t18;
+		$[72] = t19;
+	} else t19 = $[72];
+	const t20 = t19;
+	const t21 = fitted ? state : available ? "empty" : "unavailable";
+	const t22 = preview || void 0;
+	let t23;
+	if ($[73] !== angle) {
+		t23 = placeAt(angle, box["--slot-centre"]);
+		$[73] = angle;
+		$[74] = t23;
+	} else t23 = $[74];
+	let t24;
+	if ($[75] !== t23) {
+		t24 = /* @__PURE__ */ jsx("span", {
+			className: WheelSlot_module_default.anchor,
+			style: t23
+		});
+		$[75] = t23;
+		$[76] = t24;
+	} else t24 = $[76];
+	let t25;
+	if ($[77] !== body || $[78] !== t24 || $[79] !== tooltip) {
+		t25 = /* @__PURE__ */ jsxs(Tooltip, {
+			label: tooltip,
+			children: [t24, body]
+		});
+		$[77] = body;
+		$[78] = t24;
+		$[79] = tooltip;
+		$[80] = t25;
+	} else t25 = $[80];
+	let t26;
+	if ($[81] !== angle || $[82] !== innermost || $[83] !== last || $[84] !== row || $[85] !== typeName) {
+		t26 = last >= 0 && /* @__PURE__ */ jsxs("fieldset", {
 			className: WheelSlot_module_default.actions,
 			style: { "--action-size": actions.size },
 			"aria-label": typeName,
@@ -1542,35 +1595,35 @@ function WheelSlot(t0) {
 				children: action_0.node
 			}, action_0.key))]
 		});
-		$[70] = angle;
-		$[71] = innermost;
-		$[72] = last;
-		$[73] = row;
-		$[74] = typeName;
-		$[75] = t22;
-	} else t22 = $[75];
-	let t23;
-	if ($[76] !== props || $[77] !== t12 || $[78] !== t13 || $[79] !== t14 || $[80] !== t21 || $[81] !== t22 || $[82] !== t9) {
-		t23 = /* @__PURE__ */ jsxs("div", {
+		$[81] = angle;
+		$[82] = innermost;
+		$[83] = last;
+		$[84] = row;
+		$[85] = typeName;
+		$[86] = t26;
+	} else t26 = $[86];
+	let t27;
+	if ($[87] !== props || $[88] !== t17 || $[89] !== t20 || $[90] !== t21 || $[91] !== t22 || $[92] !== t25 || $[93] !== t26) {
+		t27 = /* @__PURE__ */ jsxs("div", {
 			...props,
-			className: t9,
-			style: t12,
-			"data-state": t13,
-			"data-preview": t14,
-			children: [t21, t22]
-		});
-		$[76] = props;
-		$[77] = t12;
-		$[78] = t13;
-		$[79] = t14;
-		$[80] = t21;
-		$[81] = t22;
-		$[82] = t9;
-		$[83] = t23;
-	} else t23 = $[83];
-	return t23;
-}
-function _temp$7(action) {
+			className: t17,
+			style: t20,
+			"data-state": t21,
+			"data-preview": t22,
+			children: [t25, t26]
+		});
+		$[87] = props;
+		$[88] = t17;
+		$[89] = t20;
+		$[90] = t21;
+		$[91] = t22;
+		$[92] = t25;
+		$[93] = t26;
+		$[94] = t27;
+	} else t27 = $[94];
+	return t27;
+}
+function _temp$11(action) {
 	return action !== void 0;
 }
 function frameTexture(fitted, preview, state, activatable) {
@@ -1737,19 +1790,56 @@ const gauges = {
 		sweep: 30.5
 	}
 };
+const decoded = /* @__PURE__ */ new Set();
+function useDecoded(src) {
+	const $ = c(6);
+	const [ready, setReady] = useState();
+	let t0;
+	let t1;
+	if ($[0] !== src) {
+		t0 = () => {
+			if (src === void 0 || decoded.has(src)) return;
+			const image = new Image();
+			image.src = src;
+			image.decode().then(() => {
+				decoded.add(src);
+				setReady(src);
+			}, _temp$10);
+		};
+		t1 = [src];
+		$[0] = src;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+	let t2;
+	if ($[3] !== ready || $[4] !== src) {
+		t2 = src !== void 0 && (ready === src || decoded.has(src));
+		$[3] = ready;
+		$[4] = src;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+function _temp$10() {}
 function WheelGauge(t0) {
-	const $ = c(14);
+	const $ = c(15);
 	const { resource, used, total, valueText } = t0;
 	const images = useImages();
 	const { name, turn, from, sweep } = gauges[resource];
-	const to = from - sweep * (total > 0 ? Math.min(used / total, 1) : 0);
 	let t1;
 	if ($[0] !== images) {
 		t1 = images.uiTexture("classes/fitting/fittingbase_gauge");
 		$[0] = images;
 		$[1] = t1;
 	} else t1 = $[1];
-	const t2 = `url(${t1})`;
+	const texture = t1;
+	const ready = useDecoded(texture);
+	const to = from - sweep * (total > 0 ? Math.min(used / total, 1) : 0);
+	const t2 = `url(${texture})`;
 	const t3 = `conic-gradient(transparent ${to}deg, black ${to}deg ${from}deg, transparent ${from}deg)`;
 	let t4;
 	if ($[2] !== t2 || $[3] !== t3 || $[4] !== turn) {
@@ -1765,9 +1855,10 @@ function WheelGauge(t0) {
 	} else t4 = $[5];
 	const t5 = t4;
 	const t6 = used > total || void 0;
-	let t7;
-	if ($[6] !== name || $[7] !== resource || $[8] !== t5 || $[9] !== t6 || $[10] !== total || $[11] !== used || $[12] !== valueText) {
-		t7 = /* @__PURE__ */ jsx("div", {
+	const t7 = !ready || void 0;
+	let t8;
+	if ($[6] !== name || $[7] !== resource || $[8] !== t5 || $[9] !== t6 || $[10] !== t7 || $[11] !== total || $[12] !== used || $[13] !== valueText) {
+		t8 = /* @__PURE__ */ jsx("div", {
 			className: WheelGauge_module_default.gauge,
 			style: t5,
 			role: "meter",
@@ -1777,18 +1868,20 @@ function WheelGauge(t0) {
 			"aria-valuenow": used,
 			"aria-valuetext": valueText,
 			"data-resource": resource,
-			"data-over": t6
+			"data-over": t6,
+			"data-loading": t7
 		});
 		$[6] = name;
 		$[7] = resource;
 		$[8] = t5;
 		$[9] = t6;
-		$[10] = total;
-		$[11] = used;
-		$[12] = valueText;
-		$[13] = t7;
-	} else t7 = $[13];
-	return t7;
+		$[10] = t7;
+		$[11] = total;
+		$[12] = used;
+		$[13] = valueText;
+		$[14] = t8;
+	} else t8 = $[14];
+	return t8;
 }
 //#endregion
 //#region src/primitives/Wheel/WheelHull.module.css
@@ -2120,94 +2213,883 @@ function CapacitorRing(t0) {
 	return t8;
 }
 //#endregion
-//#region src/components/FittingWheel/states.ts
-const states = [
-	"offline",
-	"online",
-	"active",
-	"overload"
-];
-/** The state after `state` among those up to `max`, going round to offline after the last; before it with `back`. */
-function nextState(state, max, back = false) {
-	const allowed = states.slice(0, states.indexOf(max) + 1);
-	const step = back ? allowed.length - 1 : 1;
-	return allowed[(allowed.indexOf(state) + step) % allowed.length];
-}
+//#region src/primitives/Wheel/WheelModes.module.css
+var WheelModes_module_default = {
+	"mode": "_9_b9FW_mode",
+	"modes": "_9_b9FW_modes",
+	"place": "_9_b9FW_place"
+};
 //#endregion
-//#region src/components/FittingWheel/fittingSlot.ts
-/** EVE does not let rigs and subsystems be put offline. */
-const switchedRacks = [
-	"high",
-	"medium",
-	"low",
-	"service"
+//#region src/primitives/Wheel/WheelModes.tsx
+/** Measured from EVE, in the order it shows the modes. */
+const places = [
+	{
+		angle: -99,
+		icon: "mode-defense"
+	},
+	{
+		angle: -109,
+		icon: "mode-sharpshooter"
+	},
+	{
+		angle: -119,
+		icon: "mode-propulsion"
+	}
 ];
-/** What a slot of the fit shows, and what clicking, dragging and dropping on it does. */
-function useFittingSlot(rack, index, content, available) {
-	const $ = c(75);
-	const store = useFitStore();
-	const sde = useSde();
-	const fit = useFit();
-	const placement = usePlacement();
-	const { show, clear } = usePreview();
-	const { dragging, start, end } = useDrag();
-	const item = content?.item;
-	const stats = content?.stats;
-	const type = useType(item?.type_id);
-	const charges = useCharges(item?.type_id);
-	const ref = content?.ref;
-	let t0;
-	if ($[0] !== rack || $[1] !== ref || $[2] !== stats) {
-		t0 = ref !== void 0 && stats !== void 0 && switchedRacks.includes(rack);
-		$[0] = rack;
-		$[1] = ref;
-		$[2] = stats;
-		$[3] = t0;
-	} else t0 = $[3];
-	const switchable = t0;
-	const target = `${rack}-${index}`;
+/** The modes of a ship, like a tactical destroyer's; the active one lit. */
+function WheelModes(t0) {
+	const $ = c(11);
+	const { modes, active, onSelect } = t0;
+	const group = useId();
 	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 || 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;
-			const place = placement(dropped);
-			if (place?.type === "charge") return ref !== void 0 && charges.includes(dropped);
-			return place?.type === rack && (place.type !== "subsystem" || place.index === index);
-		};
-		$[4] = available;
-		$[5] = charges;
-		$[6] = fit;
-		$[7] = index;
-		$[8] = placement;
+	if ($[0] !== active || $[1] !== group || $[2] !== modes || $[3] !== onSelect) {
+		let t2;
+		if ($[5] !== active || $[6] !== group || $[7] !== onSelect) {
+			t2 = (mode, index) => /* @__PURE__ */ jsx("span", {
+				className: WheelModes_module_default.place,
+				style: placeAt(places[index].angle, 242),
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					label: mode.name,
+					children: /* @__PURE__ */ jsxs("label", {
+						className: WheelModes_module_default.mode,
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "radio",
+							name: group,
+							"aria-label": mode.name,
+							checked: mode.typeId === active,
+							disabled: onSelect === void 0,
+							onChange: () => onSelect?.(mode.typeId)
+						}), /* @__PURE__ */ jsx(Icon, {
+							name: places[index].icon,
+							size: 32
+						})]
+					})
+				})
+			}, mode.typeId);
+			$[5] = active;
+			$[6] = group;
+			$[7] = onSelect;
+			$[8] = t2;
+		} else t2 = $[8];
+		t1 = modes.slice(0, places.length).map(t2);
+		$[0] = active;
+		$[1] = group;
+		$[2] = modes;
+		$[3] = onSelect;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[9] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: WheelModes_module_default.modes,
+			role: "radiogroup",
+			"aria-label": "Mode",
+			children: t1
+		});
+		$[9] = t1;
+		$[10] = t2;
+	} else t2 = $[10];
+	return t2;
+}
+//#endregion
+//#region src/components/ShipStatistics/units.ts
+/** For the `format` of `useAttribute`. */
+function unit(suffix, divisor = 1) {
+	return (value, format) => `${formatNumber(value / divisor, format)}${suffix}`;
+}
+/** Like EVE's "0.11B hp": in billions above 100 million, in millions above 100 thousand. */
+function hitpoints(value, format) {
+	const short = {
+		...format,
+		decimals: 2,
+		fixed: true,
+		rounding: "nearest"
+	};
+	if (value > 1e8) return unit("B hp", 1e9)(value, short);
+	if (value > 1e5) return unit("M hp", 1e6)(value, short);
+	return unit(" hp")(value, format);
+}
+//#endregion
+//#region src/components/FittingWheel/ModuleTooltip.module.css
+var ModuleTooltip_module_default = {
+	"block": "_f5iUa_block",
+	"bonus": "_f5iUa_bonus",
+	"bonuses": "_f5iUa_bonuses",
+	"damages": "_f5iUa_damages",
+	"iconless": "_f5iUa_iconless",
+	"line": "_f5iUa_line",
+	"status": "_f5iUa_status",
+	"tooltip": "_f5iUa_tooltip",
+	"type": "_f5iUa_type"
+};
+//#endregion
+//#region src/components/FittingWheel/ModuleLines/Attribute.tsx
+/** A tooltip line with an icon. */
+function Line(t0) {
+	const $ = c(6);
+	const { src, className: t1, children } = t0;
+	const className = t1 === void 0 ? ModuleTooltip_module_default.line : t1;
+	let t2;
+	if ($[0] !== src) {
+		t2 = /* @__PURE__ */ jsx("img", {
+			src,
+			width: 24,
+			height: 24,
+			alt: "",
+			draggable: false
+		});
+		$[0] = src;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== children || $[3] !== className || $[4] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("span", {
+			className,
+			children: [t2, children]
+		});
+		$[2] = children;
+		$[3] = className;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
+}
+/** A tooltip line with the icon of an attribute. */
+function Attribute(t0) {
+	const $ = c(3);
+	const { name, children } = t0;
+	const t1 = useAttributeIcon(name);
+	let t2;
+	if ($[0] !== children || $[1] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Line, {
+			src: t1,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+}
+/** One value in a row of values, with the icon of its attribute. */
+function Bonus(t0) {
+	const $ = c(3);
+	const { name, text } = t0;
+	const t1 = useAttributeIcon(name);
+	let t2;
+	if ($[0] !== t1 || $[1] !== text) {
+		t2 = /* @__PURE__ */ jsx(Line, {
+			src: t1,
+			className: ModuleTooltip_module_default.bonus,
+			children: text
+		});
+		$[0] = t1;
+		$[1] = text;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+}
+function useAttributeIcon(name) {
+	const $ = c(4);
+	const sde = useSde();
+	const images = useImages();
+	let t0;
+	if ($[0] !== images || $[1] !== name || $[2] !== sde) {
+		const id = sde.attributeId(name);
+		t0 = id === void 0 ? void 0 : images.attributeIcon(id);
+		$[0] = images;
+		$[1] = name;
+		$[2] = sde;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+}
+//#endregion
+//#region src/components/FittingWheel/ModuleLines/MaxVelocity.tsx
+function MaxVelocity(t0) {
+	const $ = c(4);
+	const { state } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			decimals: 2,
+			fixed: true,
+			grouping: false,
+			format: unit(" m/s")
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const velocity = useAttribute("maxVelocity", t1);
+	const t2 = state === "active" || state === "overload" ? "with" : "without";
+	let t3;
+	if ($[1] !== t2 || $[2] !== velocity.text) {
+		t3 = /* @__PURE__ */ jsxs(Attribute, {
+			name: "maxVelocity",
+			children: [
+				"Max Velocity ",
+				t2,
+				": ",
+				velocity.text
+			]
+		});
+		$[1] = t2;
+		$[2] = velocity.text;
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+}
+//#endregion
+//#region src/components/FittingWheel/ModuleLines/ResistanceBonus.tsx
+function ResistanceBonus(t0) {
+	const $ = c(13);
+	const { itemRef } = t0;
+	const sde = useSde();
+	const t1 = useBonus("emDamageResistanceBonus", itemRef);
+	const t2 = useBonus("explosiveDamageResistanceBonus", itemRef);
+	const t3 = useBonus("kineticDamageResistanceBonus", itemRef);
+	const t4 = useBonus("thermalDamageResistanceBonus", itemRef);
+	let bonuses;
+	let t5;
+	if ($[0] !== sde || $[1] !== t1 || $[2] !== t2 || $[3] !== t3 || $[4] !== t4) {
+		t5 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			bonuses = [
+				t1,
+				t2,
+				t3,
+				t4
+			].filter(_temp$9);
+			const [first] = bonuses;
+			if (first === void 0) {
+				t5 = null;
+				break bb0;
+			}
+			if (bonuses.length === 1) {
+				const { name, text } = first;
+				const displayName = sde.attribute(sde.attributeId(name) ?? 0)?.displayName;
+				let t6;
+				if ($[7] !== displayName || $[8] !== name || $[9] !== text) {
+					t6 = /* @__PURE__ */ jsxs(Attribute, {
+						name,
+						children: [
+							text,
+							" ",
+							displayName
+						]
+					});
+					$[7] = displayName;
+					$[8] = name;
+					$[9] = text;
+					$[10] = t6;
+				} else t6 = $[10];
+				t5 = t6;
+				break bb0;
+			}
+		}
+		$[0] = sde;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+		$[5] = bonuses;
+		$[6] = t5;
+	} else {
+		bonuses = $[5];
+		t5 = $[6];
+	}
+	if (t5 !== Symbol.for("react.early_return_sentinel")) return t5;
+	let t6;
+	if ($[11] !== bonuses) {
+		t6 = /* @__PURE__ */ jsxs("span", {
+			className: ModuleTooltip_module_default.block,
+			children: ["Resistance Bonus:", /* @__PURE__ */ jsx("span", {
+				className: ModuleTooltip_module_default.bonuses,
+				children: bonuses.map(_temp2$7)
+			})]
+		});
+		$[11] = bonuses;
+		$[12] = t6;
+	} else t6 = $[12];
+	return t6;
+}
+function _temp2$7(t0) {
+	const { name: name_0, text: text_0 } = t0;
+	return /* @__PURE__ */ jsx(Bonus, {
+		name: name_0,
+		text: text_0
+	}, name_0);
+}
+function _temp$9(bonus) {
+	return bonus.value;
+}
+function useBonus(name, itemRef) {
+	const $ = c(7);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = unit("%");
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== itemRef) {
+		t1 = {
+			of: itemRef,
+			decimals: 1,
+			format: t0
+		};
+		$[1] = itemRef;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { value, text } = useAttribute(name, t1);
+	let t2;
+	if ($[3] !== name || $[4] !== text || $[5] !== value) {
+		t2 = {
+			name,
+			value,
+			text
+		};
+		$[3] = name;
+		$[4] = text;
+		$[5] = value;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
+}
+//#endregion
+//#region src/components/FittingWheel/ModuleLines/Turret.tsx
+const meters = unit(" m");
+const hp = unit(" HP");
+function Turret(t0) {
+	const $ = c(34);
+	const { itemRef } = t0;
+	let t1;
+	if ($[0] !== itemRef) {
+		t1 = {
+			of: itemRef,
+			decimals: 0,
+			format: meters
+		};
+		$[0] = itemRef;
+		$[1] = t1;
+	} else t1 = $[1];
+	const optimal = useAttribute("maxRange", t1);
+	let t2;
+	if ($[2] !== optimal.value) {
+		t2 = (value, format) => meters(value + (optimal.value ?? 0), format);
+		$[2] = optimal.value;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== itemRef || $[5] !== t2) {
+		t3 = {
+			of: itemRef,
+			decimals: 0,
+			format: t2
+		};
+		$[4] = itemRef;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	const falloff = useAttribute("falloff", t3);
+	let t4;
+	if ($[7] !== itemRef) {
+		t4 = { of: itemRef };
+		$[7] = itemRef;
+		$[8] = t4;
+	} else t4 = $[8];
+	const spool = useAttribute("damageMultiplierBonusMax", t4).value;
+	let t5;
+	if ($[9] !== spool) {
+		t5 = (value_0, format_0) => spool ? `${formatNumber(value_0 / (1 + spool), format_0)}-${formatNumber(value_0, format_0)}` : formatNumber(value_0, format_0);
+		$[9] = spool;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== itemRef || $[12] !== t5) {
+		t6 = {
+			of: itemRef,
+			decimals: 1,
+			fixed: true,
+			fallback: 0,
+			format: t5
+		};
+		$[11] = itemRef;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	const dps = useAttribute("damagePerSecondWithoutReload", t6);
+	let t7;
+	if ($[14] !== itemRef) {
+		t7 = {
+			of: itemRef,
+			decimals: 2,
+			fixed: true
+		};
+		$[14] = itemRef;
+		$[15] = t7;
+	} else t7 = $[15];
+	const tracking = useAttribute("trackingSpeed", t7);
+	let t8;
+	if ($[16] !== falloff.text) {
+		t8 = /* @__PURE__ */ jsxs("span", { children: ["Falloff range within ", falloff.text] });
+		$[16] = falloff.text;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== optimal.text) {
+		t9 = /* @__PURE__ */ jsxs("span", { children: ["Optimal range within ", optimal.text] });
+		$[18] = optimal.text;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t8 || $[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx(Attribute, {
+			name: "maxRange",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: ModuleTooltip_module_default.block,
+				children: [t8, t9]
+			})
+		});
+		$[20] = t8;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== dps.text) {
+		t11 = /* @__PURE__ */ jsxs(Attribute, {
+			name: "damageMultiplier",
+			children: ["Damage Per Second ", dps.text]
+		});
+		$[23] = dps.text;
+		$[24] = t11;
+	} else t11 = $[24];
+	let t12;
+	if ($[25] !== itemRef) {
+		t12 = /* @__PURE__ */ jsx(DamageCaused, { itemRef });
+		$[25] = itemRef;
+		$[26] = t12;
+	} else t12 = $[26];
+	let t13;
+	if ($[27] !== tracking.text) {
+		t13 = /* @__PURE__ */ jsxs(Attribute, {
+			name: "trackingSpeed",
+			children: ["Turret Tracking: ", tracking.text]
+		});
+		$[27] = tracking.text;
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t10,
+			t11,
+			t12,
+			t13
+		] });
+		$[29] = t10;
+		$[30] = t11;
+		$[31] = t12;
+		$[32] = t13;
+		$[33] = t14;
+	} else t14 = $[33];
+	return t14;
+}
+function DamageCaused(t0) {
+	const $ = c(9);
+	const { itemRef } = t0;
+	const multiplier = useAttribute("damageMultiplier", { of: itemRef }).value ?? 1;
+	const t1 = useDamage("emDamage", itemRef);
+	const t2 = useDamage("thermalDamage", itemRef);
+	const t3 = useDamage("kineticDamage", itemRef);
+	const t4 = useDamage("explosiveDamage", itemRef);
+	let t5;
+	if ($[0] !== t1 || $[1] !== t2 || $[2] !== t3 || $[3] !== t4) {
+		t5 = [
+			t1,
+			t2,
+			t3,
+			t4
+		].filter(_temp$8);
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+		$[3] = t4;
+		$[4] = t5;
+	} else t5 = $[4];
+	const damages = t5;
+	if (damages.length === 0) return null;
+	let t6;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx("span", {
+			className: ModuleTooltip_module_default.iconless,
+			children: "Damage caused"
+		});
+		$[5] = t6;
+	} else t6 = $[5];
+	let t7;
+	if ($[6] !== damages || $[7] !== multiplier) {
+		t7 = /* @__PURE__ */ jsxs(Fragment, { children: [t6, /* @__PURE__ */ jsx("span", {
+			className: ModuleTooltip_module_default.damages,
+			children: damages.map((t8) => {
+				const { name, value: t9 } = t8;
+				return /* @__PURE__ */ jsx(Bonus, {
+					name,
+					text: hp((t9 === void 0 ? 0 : t9) * multiplier, { decimals: 0 })
+				}, name);
+			})
+		})] });
+		$[6] = damages;
+		$[7] = multiplier;
+		$[8] = t7;
+	} else t7 = $[8];
+	return t7;
+}
+function _temp$8(damage) {
+	return damage.value;
+}
+function useDamage(name, itemRef) {
+	const $ = c(5);
+	let t0;
+	if ($[0] !== itemRef) {
+		t0 = {
+			of: itemRef,
+			charge: true
+		};
+		$[0] = itemRef;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = useAttribute(name, t0);
+	let t2;
+	if ($[2] !== name || $[3] !== t1.value) {
+		t2 = {
+			name,
+			value: t1.value
+		};
+		$[2] = name;
+		$[3] = t1.value;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+}
+//#endregion
+//#region src/components/FittingWheel/ModuleLines/index.tsx
+const lines = /* @__PURE__ */ new Map([
+	["moduleBonusMicrowarpdrive", [MaxVelocity]],
+	["moduleBonusAfterburner", [MaxVelocity]],
+	["modifyArmorResonancePostPercent", [ResistanceBonus]],
+	["modifyShieldResonancePostPercent", [ResistanceBonus]],
+	["modifyActiveShieldResonancePostPercent", [ResistanceBonus]],
+	["modifyActiveArmorResonancePostPercent", [ResistanceBonus]],
+	["targetAttack", [Turret]],
+	["projectileFired", [Turret]],
+	["targetDisintegratorAttack", [Turret]]
+]);
+/** Tooltip lines from the effects of a module. */
+function ModuleLines(t0) {
+	const $ = c(11);
+	let props;
+	let typeId;
+	if ($[0] !== t0) {
+		({typeId, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = typeId;
+	} else {
+		props = $[1];
+		typeId = $[2];
+	}
+	const sde = useSde();
+	const type = useType(typeId);
+	let t1;
+	if ($[3] !== sde || $[4] !== type?.effectIds) {
+		t1 = new Set([...type?.effectIds ?? []].flatMap((id) => lines.get(sde.effect(id)?.name ?? "") ?? []));
+		$[3] = sde;
+		$[4] = type?.effectIds;
+		$[5] = t1;
+	} else t1 = $[5];
+	const shown = t1;
+	let t2;
+	if ($[6] !== shown) {
+		t2 = [...shown];
+		$[6] = shown;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== props || $[9] !== t2) {
+		t3 = t2.map((Line, index) => /* @__PURE__ */ jsx(Line, { ...props }, index));
+		$[8] = props;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+//#endregion
+//#region src/components/FittingWheel/ModuleTooltip.tsx
+/** What EVE shows when hovering a fitted module. */
+function ModuleTooltip(t0) {
+	const $ = c(19);
+	const { rack, itemRef, typeId, chargeTypeId, state, maxState } = t0;
+	let t1;
+	if ($[0] !== maxState || $[1] !== rack || $[2] !== state) {
+		t1 = moduleStatus(rack, state, maxState);
+		$[0] = maxState;
+		$[1] = rack;
+		$[2] = state;
+		$[3] = t1;
+	} else t1 = $[3];
+	const status = t1;
+	let t2;
+	if ($[4] !== typeId) {
+		t2 = /* @__PURE__ */ jsx(TypeRow, { typeId });
+		$[4] = typeId;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== chargeTypeId) {
+		t3 = chargeTypeId !== void 0 && /* @__PURE__ */ jsx(TypeRow, { typeId: chargeTypeId });
+		$[6] = chargeTypeId;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== itemRef || $[9] !== state || $[10] !== typeId) {
+		t4 = /* @__PURE__ */ jsx(ModuleLines, {
+			typeId,
+			itemRef,
+			state
+		});
+		$[8] = itemRef;
+		$[9] = state;
+		$[10] = typeId;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== status) {
+		t5 = status && /* @__PURE__ */ jsx("span", {
+			className: ModuleTooltip_module_default.status,
+			"data-tone": status.tone,
+			children: status.text
+		});
+		$[12] = status;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== t2 || $[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("span", {
+			className: ModuleTooltip_module_default.tooltip,
+			children: [
+				t2,
+				t3,
+				t4,
+				t5
+			]
+		});
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+}
+function TypeRow(t0) {
+	const $ = c(5);
+	const { typeId } = t0;
+	const type = useType(typeId);
+	let t1;
+	if ($[0] !== typeId) {
+		t1 = /* @__PURE__ */ jsx(TypeIcon, {
+			typeId,
+			size: 24
+		});
+		$[0] = typeId;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = type?.name;
+	let t3;
+	if ($[2] !== t1 || $[3] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("span", {
+			className: ModuleTooltip_module_default.type,
+			children: [t1, t2]
+		});
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	return t3;
+}
+/** The last line of the tooltip; none for subsystems. */
+function moduleStatus(rack, state, maxState) {
+	if (rack === "subsystem") return void 0;
+	if (rack === "rig") return state === "offline" ? {
+		text: "Inactive Rig",
+		tone: "muted"
+	} : {
+		text: "Active Rig",
+		tone: "normal"
+	};
+	const module = maxState === "online" ? "Passive Module" : "Module";
+	if (state === "offline") return {
+		text: `Offline ${module}`,
+		tone: "muted"
+	};
+	if (state === "overload") return {
+		text: "Overheated Module",
+		tone: "overload"
+	};
+	if (state === "active") return {
+		text: "Active Module",
+		tone: "active"
+	};
+	return {
+		text: `Online ${module}`,
+		tone: "normal"
+	};
+}
+//#endregion
+//#region src/components/FittingWheel/states.ts
+const states = [
+	"offline",
+	"online",
+	"active",
+	"overload"
+];
+/** The state after `state` among those up to `max`, going round to offline after the last; before it with `back`. */
+function nextState(state, max, back = false) {
+	const allowed = states.slice(0, states.indexOf(max) + 1);
+	const step = back ? allowed.length - 1 : 1;
+	return allowed[(allowed.indexOf(state) + step) % allowed.length];
+}
+//#endregion
+//#region src/components/FittingWheel/fittingSlot.tsx
+const switchedRacks = [
+	"high",
+	"medium",
+	"low",
+	"rig",
+	"service"
+];
+/** What a slot of the fit shows, and what clicking, dragging and dropping on it does. */
+function useFittingSlot(rack, index, content, available, t0) {
+	const $ = c(86);
+	const readOnly = t0 === void 0 ? false : t0;
+	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;
+	if ($[0] !== rack || $[1] !== ref || $[2] !== stats) {
+		t1 = ref !== void 0 && stats !== void 0 && switchedRacks.includes(rack);
+		$[0] = rack;
+		$[1] = ref;
+		$[2] = stats;
+		$[3] = t1;
+	} else t1 = $[3];
+	const switchable = t1;
+	const target = `${rack}-${index}`;
+	let t2;
+	if ($[4] !== available || $[5] !== charges || $[6] !== fit || $[7] !== index || $[8] !== placement || $[9] !== rack || $[10] !== ref || $[11] !== sde) {
+		t2 = (drop) => {
+			if (!available || drop === void 0 || 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;
+			const place = placement(dropped);
+			if (place?.type === "charge") return ref !== void 0 && charges.includes(dropped);
+			return place?.type === rack && (place.type !== "subsystem" || place.index === index);
+		};
+		$[4] = available;
+		$[5] = charges;
+		$[6] = fit;
+		$[7] = index;
+		$[8] = placement;
 		$[9] = rack;
 		$[10] = ref;
 		$[11] = sde;
-		$[12] = t1;
-	} else t1 = $[12];
-	const takes = t1;
-	const t2 = content?.preview;
-	const t3 = item?.type_id;
-	const t4 = type?.name;
-	const t5 = item?.charge?.type_id;
-	const t6 = charges.length > 0;
-	const t7 = stats?.state;
-	const t8 = stats?.maxState === "active" || stats?.maxState === "overload";
-	const t9 = type && stats && `${type.name}, ${stats.state}`;
-	let t10;
-	if ($[13] !== ref || $[14] !== stats || $[15] !== store || $[16] !== switchable) {
-		t10 = switchable ? (event) => store.setState(ref, nextState(stats.state, stats.maxState, event.shiftKey)) : void 0;
-		$[13] = ref;
-		$[14] = stats;
-		$[15] = store;
-		$[16] = switchable;
-		$[17] = t10;
-	} else t10 = $[17];
+		$[12] = t2;
+	} else t2 = $[12];
+	const takes = t2;
+	const t3 = content?.preview;
+	const t4 = item?.type_id;
+	const t5 = type?.name;
+	const t6 = item?.charge?.type_id;
+	const t7 = charges.length > 0;
+	const t8 = stats?.state;
+	const t9 = stats?.maxState === "active" || stats?.maxState === "overload";
+	const t10 = type && stats && `${type.name}, ${stats.state}`;
 	let t11;
-	if ($[18] !== ref || $[19] !== start || $[20] !== type?.name) {
-		t11 = ref === void 0 ? void 0 : (event_0) => {
+	if ($[13] !== content || $[14] !== item || $[15] !== rack || $[16] !== ref || $[17] !== stats) {
+		t11 = item && stats && ref !== void 0 && !content.preview ? /* @__PURE__ */ jsx(ModuleTooltip, {
+			rack,
+			itemRef: ref,
+			typeId: item.type_id,
+			chargeTypeId: item.charge?.type_id,
+			state: stats.state,
+			maxState: stats.maxState
+		}) : void 0;
+		$[13] = content;
+		$[14] = item;
+		$[15] = rack;
+		$[16] = ref;
+		$[17] = stats;
+		$[18] = t11;
+	} else t11 = $[18];
+	let t12;
+	if ($[19] !== available || $[20] !== t10 || $[21] !== t11 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5 || $[25] !== t6 || $[26] !== t7 || $[27] !== t8 || $[28] !== t9) {
+		t12 = {
+			available,
+			preview: t3,
+			typeId: t4,
+			typeName: t5,
+			chargeTypeId: t6,
+			chargeable: t7,
+			state: t8,
+			activatable: t9,
+			label: t10,
+			tooltip: t11
+		};
+		$[19] = available;
+		$[20] = t10;
+		$[21] = t11;
+		$[22] = t3;
+		$[23] = t4;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+		$[29] = t12;
+	} else t12 = $[29];
+	const shown = t12;
+	if (readOnly) {
+		let t13;
+		if ($[30] !== shown) {
+			t13 = {
+				...shown,
+				actions: false
+			};
+			$[30] = shown;
+			$[31] = t13;
+		} else t13 = $[31];
+		return t13;
+	}
+	let t13;
+	if ($[32] !== ref || $[33] !== stats || $[34] !== store || $[35] !== switchable) {
+		t13 = switchable ? (event) => store.setState(ref, nextState(stats.state, stats.maxState, event.shiftKey)) : void 0;
+		$[32] = ref;
+		$[33] = stats;
+		$[34] = store;
+		$[35] = switchable;
+		$[36] = t13;
+	} else t13 = $[36];
+	let t14;
+	if ($[37] !== ref || $[38] !== start || $[39] !== type?.name) {
+		t14 = ref === void 0 ? void 0 : (event_0) => {
 			event_0.dataTransfer.effectAllowed = "move";
 			event_0.dataTransfer.setData("text/plain", type?.name ?? "");
 			start({
@@ -2215,14 +3097,14 @@ function useFittingSlot(rack, index, content, available) {
 				ref
 			});
 		};
-		$[18] = ref;
-		$[19] = start;
-		$[20] = type?.name;
-		$[21] = t11;
-	} else t11 = $[21];
-	let t12;
-	if ($[22] !== dragging || $[23] !== index || $[24] !== rack || $[25] !== show || $[26] !== takes || $[27] !== target) {
-		t12 = () => {
+		$[37] = ref;
+		$[38] = start;
+		$[39] = type?.name;
+		$[40] = t14;
+	} else t14 = $[40];
+	let t15;
+	if ($[41] !== dragging || $[42] !== index || $[43] !== rack || $[44] !== show || $[45] !== takes || $[46] !== target) {
+		t15 = () => {
 			if (!takes(dragging)) return;
 			const slot = {
 				type: rack,
@@ -2236,36 +3118,36 @@ function useFittingSlot(rack, index, content, available) {
 				show((draft_0) => draft_0.move(moved, slot), target);
 			}
 		};
-		$[22] = dragging;
-		$[23] = index;
-		$[24] = rack;
-		$[25] = show;
-		$[26] = takes;
-		$[27] = target;
-		$[28] = t12;
-	} else t12 = $[28];
-	let t13;
-	if ($[29] !== clear || $[30] !== target) {
-		t13 = (event_1) => {
+		$[41] = dragging;
+		$[42] = index;
+		$[43] = rack;
+		$[44] = show;
+		$[45] = takes;
+		$[46] = target;
+		$[47] = t15;
+	} else t15 = $[47];
+	let t16;
+	if ($[48] !== clear || $[49] !== target) {
+		t16 = (event_1) => {
 			if (event_1.currentTarget.contains(event_1.relatedTarget)) return;
 			clear(target);
 		};
-		$[29] = clear;
-		$[30] = target;
-		$[31] = t13;
-	} else t13 = $[31];
-	let t14;
-	if ($[32] !== dragging || $[33] !== takes) {
-		t14 = (event_2) => {
+		$[48] = clear;
+		$[49] = target;
+		$[50] = t16;
+	} else t16 = $[50];
+	let t17;
+	if ($[51] !== dragging || $[52] !== takes) {
+		t17 = (event_2) => {
 			if (takes(dragging)) allowDrop(event_2, dragging);
 		};
-		$[32] = dragging;
-		$[33] = takes;
-		$[34] = t14;
-	} else t14 = $[34];
-	let t15;
-	if ($[35] !== clear || $[36] !== dragging || $[37] !== end || $[38] !== index || $[39] !== rack || $[40] !== store || $[41] !== takes || $[42] !== target) {
-		t15 = (event_3) => {
+		$[51] = dragging;
+		$[52] = takes;
+		$[53] = t17;
+	} else t17 = $[53];
+	let t18;
+	if ($[54] !== clear || $[55] !== dragging || $[56] !== end || $[57] !== index || $[58] !== rack || $[59] !== store || $[60] !== takes || $[61] !== target) {
+		t18 = (event_3) => {
 			if (!takes(dragging)) return;
 			event_3.preventDefault();
 			clear(target);
@@ -2279,84 +3161,68 @@ function useFittingSlot(rack, index, content, available) {
 			});
 			end();
 		};
-		$[35] = clear;
-		$[36] = dragging;
-		$[37] = end;
-		$[38] = index;
-		$[39] = rack;
-		$[40] = store;
-		$[41] = takes;
-		$[42] = target;
-		$[43] = t15;
-	} else t15 = $[43];
-	let t16;
-	if ($[44] !== ref || $[45] !== store) {
-		t16 = ref === void 0 ? void 0 : () => store.remove(ref);
-		$[44] = ref;
-		$[45] = store;
-		$[46] = t16;
-	} else t16 = $[46];
-	let t17;
-	if ($[47] !== ref || $[48] !== store) {
-		t17 = ref === void 0 ? void 0 : () => store.setCharge(ref, void 0);
-		$[47] = ref;
-		$[48] = store;
-		$[49] = t17;
-	} else t17 = $[49];
-	let t18;
-	if ($[50] !== ref || $[51] !== stats || $[52] !== store || $[53] !== switchable) {
-		t18 = switchable && stats.maxState !== "offline" ? () => store.setState(ref, stats.state === "offline" ? "online" : "offline") : void 0;
-		$[50] = ref;
-		$[51] = stats;
-		$[52] = store;
-		$[53] = switchable;
-		$[54] = t18;
-	} else t18 = $[54];
+		$[54] = clear;
+		$[55] = dragging;
+		$[56] = end;
+		$[57] = index;
+		$[58] = rack;
+		$[59] = store;
+		$[60] = takes;
+		$[61] = target;
+		$[62] = t18;
+	} else t18 = $[62];
 	let t19;
-	if ($[55] !== available || $[56] !== end || $[57] !== t10 || $[58] !== t11 || $[59] !== t12 || $[60] !== t13 || $[61] !== t14 || $[62] !== t15 || $[63] !== t16 || $[64] !== t17 || $[65] !== t18 || $[66] !== t2 || $[67] !== t3 || $[68] !== t4 || $[69] !== t5 || $[70] !== t6 || $[71] !== t7 || $[72] !== t8 || $[73] !== t9) {
-		t19 = {
-			available,
-			preview: t2,
-			typeId: t3,
-			typeName: t4,
-			chargeTypeId: t5,
-			chargeable: t6,
-			state: t7,
-			activatable: t8,
-			label: t9,
-			onPress: t10,
-			onDragStart: t11,
+	if ($[63] !== ref || $[64] !== store) {
+		t19 = ref === void 0 ? void 0 : () => store.remove(ref);
+		$[63] = ref;
+		$[64] = store;
+		$[65] = t19;
+	} else t19 = $[65];
+	let t20;
+	if ($[66] !== ref || $[67] !== store) {
+		t20 = ref === void 0 ? void 0 : () => store.setCharge(ref, void 0);
+		$[66] = ref;
+		$[67] = store;
+		$[68] = t20;
+	} else t20 = $[68];
+	let t21;
+	if ($[69] !== ref || $[70] !== stats || $[71] !== store || $[72] !== switchable) {
+		t21 = switchable && stats.maxState !== "offline" ? () => store.setState(ref, stats.state === "offline" ? "online" : "offline") : void 0;
+		$[69] = ref;
+		$[70] = stats;
+		$[71] = store;
+		$[72] = switchable;
+		$[73] = t21;
+	} else t21 = $[73];
+	let t22;
+	if ($[74] !== end || $[75] !== shown || $[76] !== t13 || $[77] !== t14 || $[78] !== t15 || $[79] !== t16 || $[80] !== t17 || $[81] !== t18 || $[82] !== t19 || $[83] !== t20 || $[84] !== t21) {
+		t22 = {
+			...shown,
+			onPress: t13,
+			onDragStart: t14,
 			onDragEnd: end,
-			onDragEnter: t12,
-			onDragLeave: t13,
-			onDragOver: t14,
-			onDrop: t15,
-			onUnfit: t16,
-			onRemoveCharge: t17,
-			onTogglePower: t18
+			onDragEnter: t15,
+			onDragLeave: t16,
+			onDragOver: t17,
+			onDrop: t18,
+			onUnfit: t19,
+			onRemoveCharge: t20,
+			onTogglePower: t21
 		};
-		$[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;
+		$[74] = end;
+		$[75] = shown;
+		$[76] = t13;
+		$[77] = t14;
+		$[78] = t15;
+		$[79] = t16;
+		$[80] = t17;
+		$[81] = t18;
+		$[82] = t19;
+		$[83] = t20;
+		$[84] = t21;
+		$[85] = t22;
+	} else t22 = $[85];
+	return t22;
 }
 function allowDrop(event, dragging) {
 	event.preventDefault();
@@ -2387,76 +3253,79 @@ const racks = [
 ];
 /** The fitting wheel of the fit in the surrounding `EveShipFitProvider`. */
 function FittingWheel(t0) {
-	const $ = c(15);
-	const { label: t1 } = t0;
+	const $ = c(21);
+	const { label: t1, readOnly: t2, hideStats: t3 } = t0;
 	const label = t1 === void 0 ? "Fitting" : t1;
+	const readOnly = t2 === void 0 ? false : t2;
+	const hideStats = t3 === void 0 ? false : t3;
 	const ship = useFit().ship.type_id;
 	const { turret, launcher } = useHardpoints();
-	let t2;
+	let t4;
 	if ($[0] !== ship) {
-		t2 = /* @__PURE__ */ jsx(WheelHull, { typeId: ship });
+		t4 = /* @__PURE__ */ jsx(WheelHull, { typeId: ship });
 		$[0] = ship;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	let t4;
+		$[1] = t4;
+	} else t4 = $[1];
 	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];
-	}
+	if ($[2] !== readOnly) {
+		t5 = !readOnly && /* @__PURE__ */ jsx(FittingCentre, {});
+		$[2] = readOnly;
+		$[3] = t5;
+	} else t5 = $[3];
 	let t6;
-	if ($[5] !== launcher || $[6] !== turret) {
-		t6 = /* @__PURE__ */ jsx(WheelHardpoints, {
-			turrets: turret,
-			launchers: launcher
-		});
-		$[5] = launcher;
-		$[6] = turret;
-		$[7] = t6;
-	} else t6 = $[7];
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = markedRacks.map(_temp$7);
+		$[4] = t6;
+	} else t6 = $[4];
 	let t7;
+	if ($[5] !== readOnly) {
+		t7 = racks.map((rack_0) => /* @__PURE__ */ jsx(FittingRack, {
+			rack: rack_0,
+			readOnly
+		}, rack_0));
+		$[5] = readOnly;
+		$[6] = t7;
+	} else t7 = $[6];
 	let t8;
+	if ($[7] !== readOnly) {
+		t8 = /* @__PURE__ */ jsx(FittingModes, { readOnly });
+		$[7] = readOnly;
+		$[8] = t8;
+	} else t8 = $[8];
 	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];
-	}
+	if ($[9] !== hideStats || $[10] !== launcher || $[11] !== turret) {
+		t9 = !hideStats && /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(WheelHardpoints, {
+				turrets: turret,
+				launchers: launcher
+			}),
+			/* @__PURE__ */ jsx(FittingGauge, {
+				resource: "cpu",
+				load: "cpuLoad",
+				output: "cpuOutput"
+			}),
+			/* @__PURE__ */ jsx(FittingGauge, {
+				resource: "powergrid",
+				load: "powerLoad",
+				output: "powerOutput"
+			}),
+			/* @__PURE__ */ jsx(FittingGauge, {
+				resource: "calibration",
+				load: "upgradeLoad",
+				output: "upgradeCapacity"
+			})
+		] });
+		$[9] = hideStats;
+		$[10] = launcher;
+		$[11] = turret;
+		$[12] = t9;
+	} else t9 = $[12];
 	let t10;
-	if ($[11] !== label || $[12] !== t2 || $[13] !== t6) {
+	if ($[13] !== hideStats || $[14] !== label || $[15] !== t4 || $[16] !== t5 || $[17] !== t7 || $[18] !== t8 || $[19] !== t9) {
 		t10 = /* @__PURE__ */ jsxs(Wheel, {
 			label,
+			hideScales: hideStats,
 			children: [
-				t2,
-				t3,
 				t4,
 				t5,
 				t6,
@@ -2465,38 +3334,41 @@ function FittingWheel(t0) {
 				t9
 			]
 		});
-		$[11] = label;
-		$[12] = t2;
-		$[13] = t6;
-		$[14] = t10;
-	} else t10 = $[14];
+		$[13] = hideStats;
+		$[14] = label;
+		$[15] = t4;
+		$[16] = t5;
+		$[17] = t7;
+		$[18] = t8;
+		$[19] = t9;
+		$[20] = t10;
+	} else t10 = $[20];
 	return t10;
 }
-function _temp2$4(rack_0) {
-	return /* @__PURE__ */ jsx(FittingRack, { rack: rack_0 }, rack_0);
-}
-function _temp$6(rack) {
+function _temp$7(rack) {
 	return /* @__PURE__ */ jsx(WheelRackMarker, { rack }, rack);
 }
 function FittingRack(t0) {
-	const $ = c(4);
-	const { rack } = t0;
+	const $ = c(5);
+	const { rack, readOnly } = t0;
 	const slots = useSlots(rack);
 	const { total } = useRackUsage(rack);
 	let t1;
-	if ($[0] !== rack || $[1] !== slots || $[2] !== total) {
+	if ($[0] !== rack || $[1] !== readOnly || $[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
+			available: index < total,
+			readOnly
 		}, index));
 		$[0] = rack;
-		$[1] = slots;
-		$[2] = total;
-		$[3] = t1;
-	} else t1 = $[3];
+		$[1] = readOnly;
+		$[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. */
@@ -2591,10 +3463,51 @@ function FittingCentre() {
 	} else t6 = $[24];
 	return t6;
 }
+function FittingModes(t0) {
+	const $ = c(9);
+	const { readOnly } = t0;
+	const store = useFitStore();
+	const modes = useModes();
+	const active = useFit().ship.mode;
+	if (modes.length === 0) return null;
+	let t1;
+	if ($[0] !== modes) {
+		t1 = modes.map(_temp2$6);
+		$[0] = modes;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== readOnly || $[3] !== store) {
+		t2 = readOnly ? void 0 : (typeId) => store.setMode(typeId);
+		$[2] = readOnly;
+		$[3] = store;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== active || $[6] !== t1 || $[7] !== t2) {
+		t3 = /* @__PURE__ */ jsx(WheelModes, {
+			modes: t1,
+			active,
+			onSelect: t2
+		});
+		$[5] = active;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+function _temp2$6(t0) {
+	const { id, name } = t0;
+	return {
+		typeId: id,
+		name
+	};
+}
 function FittingSlot(t0) {
 	const $ = c(7);
-	const { rack, index, content, available } = t0;
-	const slot = useFittingSlot(rack, index, content, available);
+	const { rack, index, content, available, readOnly } = t0;
+	const slot = useFittingSlot(rack, index, content, available, readOnly);
 	let t1;
 	if ($[0] !== index || $[1] !== rack) {
 		t1 = slotAngle(rack, index);
@@ -3507,8 +4420,8 @@ function BayContents(t0) {
 	const maxActive = t1;
 	let t2;
 	if ($[2] !== contents || $[3] !== fighters || $[4] !== fit) {
-		const launched = fighters ? fit.items.flatMap(_temp$5) : [];
-		t2 = [...contents.flatMap(_temp2$3), ...launched];
+		const launched = fighters ? fit.items.flatMap(_temp$6) : [];
+		t2 = [...contents.flatMap(_temp2$5), ...launched];
 		$[2] = contents;
 		$[3] = fighters;
 		$[4] = fit;
@@ -3671,11 +4584,11 @@ function BayContents(t0) {
 	return t10;
 }
 /** One box per drone the character can launch. */
-function _temp2$3(t0) {
+function _temp2$5(t0) {
 	const { refs } = t0;
 	return refs;
 }
-function _temp$5(item, ref) {
+function _temp$6(item, ref) {
 	return item.slot.type === "fighter_tube" ? [ref] : [];
 }
 function DroneSelection(t0) {
@@ -3922,6 +4835,7 @@ var FittingWindow_module_default = {
 	"browser": "L9t91q_browser",
 	"count": "L9t91q_count",
 	"fitName": "L9t91q_fitName",
+	"fitNameInput": "L9t91q_fitNameInput",
 	"frame": "L9t91q_frame",
 	"free": "L9t91q_free",
 	"history": "L9t91q_history",
@@ -4333,46 +5247,105 @@ function popover(id) {
 	return element?.matches(":popover-open") ? null : element;
 }
 function FitName() {
-	const $ = c(4);
+	const $ = c(13);
 	const fit = useFit();
+	const store = useFitStore();
 	const ship = useType(fit.ship.type_id);
+	const [editing, setEditing] = useState(false);
+	const input = useRef(null);
+	const button = useRef(null);
+	const refocus = useRef(false);
 	let t0;
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(NotImplementedButton, {
+	if ($[0] !== editing) {
+		t0 = () => {
+			if (editing) input.current?.focus();
+			else if (refocus.current) button.current?.focus();
+			refocus.current = false;
+		};
+		t1 = [editing];
+		$[0] = editing;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+	let t2;
+	if ($[3] !== fit.name || $[4] !== store) {
+		t2 = (name) => {
+			setEditing(false);
+			if (name.trim() !== (fit.name ?? "")) store.setName(name.trim());
+		};
+		$[3] = fit.name;
+		$[4] = store;
+		$[5] = t2;
+	} else t2 = $[5];
+	const rename = t2;
+	let t3;
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(NotImplementedButton, {
 			className: FittingWindow_module_default.icon,
 			icon: "module-info",
 			label: "Show Info"
 		});
-		t1 = /* @__PURE__ */ jsx(NotImplementedButton, {
+		t4 = /* @__PURE__ */ jsx(NotImplementedButton, {
 			className: FittingWindow_module_default.icon,
 			icon: "link",
 			label: "Link Fit"
 		});
-		$[0] = t0;
-		$[1] = t1;
+		$[6] = t3;
+		$[7] = t4;
 	} else {
-		t0 = $[0];
-		t1 = $[1];
+		t3 = $[6];
+		t4 = $[7];
 	}
-	const t2 = fit.name || ship?.name;
-	let t3;
-	if ($[2] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("div", {
+	let t5;
+	if ($[8] !== editing || $[9] !== fit.name || $[10] !== rename || $[11] !== ship?.name) {
+		t5 = /* @__PURE__ */ jsxs("div", {
 			className: FittingWindow_module_default.name,
 			children: [
-				t0,
-				t1,
-				/* @__PURE__ */ jsx("span", {
-					className: FittingWindow_module_default.fitName,
-					children: t2
+				t3,
+				t4,
+				editing ? /* @__PURE__ */ jsx("input", {
+					className: FittingWindow_module_default.fitNameInput,
+					"aria-label": "Fit Name",
+					defaultValue: fit.name,
+					placeholder: ship?.name,
+					ref: input,
+					onFocus: _temp$5,
+					onBlur: (event_0) => rename(event_0.currentTarget.value),
+					onKeyDown: (event_1) => {
+						if (event_1.key === "Escape") event_1.currentTarget.value = fit.name ?? "";
+						if (event_1.key !== "Enter" && event_1.key !== "Escape") return;
+						event_1.preventDefault();
+						refocus.current = true;
+						event_1.currentTarget.blur();
+					}
+				}) : /* @__PURE__ */ jsx(Tooltip, {
+					label: "Rename Fit",
+					children: /* @__PURE__ */ jsx("button", {
+						ref: button,
+						type: "button",
+						className: FittingWindow_module_default.fitName,
+						onClick: () => setEditing(true),
+						children: fit.name || ship?.name
+					})
 				})
 			]
 		});
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	return t3;
+		$[8] = editing;
+		$[9] = fit.name;
+		$[10] = rename;
+		$[11] = ship?.name;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
+}
+function _temp$5(event) {
+	return event.currentTarget.select();
 }
 const violationKinds = [
 	{
@@ -4424,7 +5397,7 @@ function Violations() {
 			group: t2
 		};
 		const linesOf = (kind) => {
-			const violations = kind === "skill" ? missingSkills(stats.violations).map(_temp$4) : stats.violations.filter((t5) => {
+			const violations = kind === "skill" ? missingSkills(stats.violations).map(_temp2$4) : stats.violations.filter((t5) => {
 				const { rule: rule_0 } = t5;
 				return violationKind(rule_0) === kind;
 			});
@@ -4447,7 +5420,7 @@ function Violations() {
 							className: FittingWindow_module_default.alertTitle,
 							children: title
 						}),
-						description: lines.map(_temp2$2)
+						description: lines.map(_temp3$1)
 					})
 				}),
 				children: /* @__PURE__ */ jsxs("span", {
@@ -4493,13 +5466,13 @@ function Violations() {
 	} else t5 = $[16];
 	return t5;
 }
-function _temp2$2(line) {
+function _temp3$1(line) {
 	return /* @__PURE__ */ jsx("span", {
 		className: FittingWindow_module_default.alertLine,
 		children: line
 	}, line);
 }
-function _temp$4(rule) {
+function _temp2$4(rule) {
 	return {
 		target: { type: "ship" },
 		rule
@@ -4935,7 +5908,7 @@ function FittingServiceSlot(t0) {
 	const t1 = useFittingSlot("service", index, content, available);
 	let slot;
 	if ($[0] !== t1) {
-		const { chargeTypeId, chargeable, activatable, onRemoveCharge, ...t2 } = t1;
+		const { chargeTypeId, chargeable, activatable, onRemoveCharge, tooltip, ...t2 } = t1;
 		slot = t2;
 		$[0] = t1;
 		$[1] = slot;
@@ -4972,18 +5945,27 @@ function SimulationHistory(t0) {
 //#endregion
 //#region src/components/ItemBrowser/ItemBrowser.module.css
 var ItemBrowser_module_default = {
+	"action": "xFSZwa_action",
+	"actions": "xFSZwa_actions",
 	"browser": "xFSZwa_browser",
 	"collapse": "xFSZwa_collapse",
+	"confirm": "xFSZwa_confirm",
+	"copy": "xFSZwa_copy",
+	"copyAnchor": "xFSZwa_copyAnchor",
 	"count": "xFSZwa_count",
 	"counts": "xFSZwa_counts",
+	"dialogButtons": "xFSZwa_dialogButtons",
 	"dragImage": "xFSZwa_dragImage",
 	"empty": "xFSZwa_empty",
 	"field": "xFSZwa_field",
 	"filters": "xFSZwa_filters",
 	"flyable": "xFSZwa_flyable",
+	"form": "xFSZwa_form",
 	"hull": "xFSZwa_hull",
+	"importError": "xFSZwa_importError",
 	"info": "xFSZwa_info",
 	"kind": "xFSZwa_kind",
+	"menu": "xFSZwa_menu",
 	"panel": "xFSZwa_panel",
 	"search": "xFSZwa_search",
 	"simulate": "xFSZwa_simulate",
@@ -5558,44 +6540,641 @@ function Charges() {
 	} else t11 = $[47];
 	return t11;
 }
-function ChargeGroup(t0) {
-	const $ = c(11);
-	const { node, actions } = t0;
-	const marketGroupIcon = useMarketGroupIcon();
-	const t1 = node.group.name;
-	let t2;
-	if ($[0] !== marketGroupIcon || $[1] !== node.group.id) {
-		t2 = marketGroupIcon(node.group.id);
-		$[0] = marketGroupIcon;
-		$[1] = node.group.id;
-		$[2] = t2;
-	} else t2 = $[2];
+function ChargeGroup(t0) {
+	const $ = c(11);
+	const { node, actions } = t0;
+	const marketGroupIcon = useMarketGroupIcon();
+	const t1 = node.group.name;
+	let t2;
+	if ($[0] !== marketGroupIcon || $[1] !== node.group.id) {
+		t2 = marketGroupIcon(node.group.id);
+		$[0] = marketGroupIcon;
+		$[1] = node.group.id;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== actions || $[4] !== node.children || $[5] !== node.types) {
+		t3 = () => /* @__PURE__ */ jsxs(Fragment, { children: [node.children.map((child) => /* @__PURE__ */ jsx(ChargeGroup, {
+			node: child,
+			actions
+		}, child.group.id)), node.types.map((type) => /* @__PURE__ */ jsx(TypeLeaf, {
+			type,
+			actions
+		}, type.id))] });
+		$[3] = actions;
+		$[4] = node.children;
+		$[5] = node.types;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== node.group.name || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(TreeGroup, {
+			label: t1,
+			icon: t2,
+			children: t3
+		});
+		$[7] = node.group.name;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+//#endregion
+//#region src/components/ItemBrowser/FitActions.tsx
+const FLASH_MS = 2e3;
+/** The buttons under the `ItemBrowser`: save the fit in the browser, import one, or copy it out. */
+function FitActions() {
+	const $ = c(66);
+	const engine = useEngine();
+	const fit = useFit();
+	const store = useFitStore();
+	const { fits, save } = useLocalFits();
+	const menu = useId();
+	const [saved, flashSaved] = useFlash();
+	const [copied, flashCopied] = useFlash();
+	const [importing, setImporting] = useState(false);
+	const [naming, setNaming] = useState(false);
+	const [overwriting, setOverwriting] = useState();
+	let t0;
+	if ($[0] !== flashSaved || $[1] !== save || $[2] !== store) {
+		t0 = (named) => {
+			setOverwriting(void 0);
+			store.setName(named.name ?? "");
+			save(named);
+			flashSaved();
+		};
+		$[0] = flashSaved;
+		$[1] = save;
+		$[2] = store;
+		$[3] = t0;
+	} else t0 = $[3];
+	const saveNow = t0;
+	let t1;
+	if ($[4] !== fits || $[5] !== saveNow) {
+		t1 = (named_0) => {
+			const existing = fits.find((one) => one.ship.type_id === named_0.ship.type_id && one.name === named_0.name);
+			if (existing === void 0 || JSON.stringify(existing) === JSON.stringify(named_0)) saveNow(named_0);
+			else setOverwriting(named_0);
+		};
+		$[4] = fits;
+		$[5] = saveNow;
+		$[6] = t1;
+	} else t1 = $[6];
+	const trySave = t1;
+	let t2;
+	if ($[7] !== engine || $[8] !== fit || $[9] !== flashCopied || $[10] !== menu) {
+		t2 = (format) => {
+			document.getElementById(menu)?.hidePopover();
+			navigator.clipboard.writeText(engine.saveText(fit, format)).then(flashCopied);
+		};
+		$[7] = engine;
+		$[8] = fit;
+		$[9] = flashCopied;
+		$[10] = menu;
+		$[11] = t2;
+	} else t2 = $[11];
+	const copy = t2;
+	let t3;
+	if ($[12] !== fit || $[13] !== trySave) {
+		t3 = () => fit.name ? trySave(fit) : setNaming(true);
+		$[12] = fit;
+		$[13] = trySave;
+		$[14] = t3;
+	} else t3 = $[14];
+	const t4 = saved ? "Saved" : "Save";
+	let t5;
+	if ($[15] !== t3 || $[16] !== t4) {
+		t5 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ItemBrowser_module_default.action,
+			onClick: t3,
+			children: t4
+		});
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ItemBrowser_module_default.action,
+			onClick: () => setImporting(true),
+			children: "Import…"
+		});
+		$[18] = t6;
+	} else t6 = $[18];
+	const t7 = copied ? "Copied" : "Copy";
+	const t8 = copied ? "checkmark" : "export";
+	let t9;
+	if ($[19] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Icon, { name: t8 });
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	let t10;
+	if ($[21] !== menu || $[22] !== t9) {
+		t10 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: `${ItemBrowser_module_default.action} ${ItemBrowser_module_default.copy}`,
+			"aria-label": "Copy",
+			popoverTarget: menu,
+			children: t9
+		});
+		$[21] = menu;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	let t11;
+	if ($[24] !== t10 || $[25] !== t7) {
+		t11 = /* @__PURE__ */ jsx("span", {
+			className: ItemBrowser_module_default.copyAnchor,
+			children: /* @__PURE__ */ jsx(Tooltip, {
+				label: t7,
+				children: t10
+			})
+		});
+		$[24] = t10;
+		$[25] = t7;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== copy) {
+		t12 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			role: "menuitem",
+			onClick: () => copy("eft"),
+			children: "Copy as EFT"
+		});
+		$[27] = copy;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== copy) {
+		t13 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			role: "menuitem",
+			onClick: () => copy("esf"),
+			children: "Copy as esf/1"
+		});
+		$[29] = copy;
+		$[30] = t13;
+	} else t13 = $[30];
+	let t14;
+	if ($[31] !== menu || $[32] !== t12 || $[33] !== t13) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			id: menu,
+			className: ItemBrowser_module_default.menu,
+			popover: "auto",
+			role: "menu",
+			children: [t12, t13]
+		});
+		$[31] = menu;
+		$[32] = t12;
+		$[33] = t13;
+		$[34] = t14;
+	} else t14 = $[34];
+	let t15;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = () => setNaming(false);
+		$[35] = t15;
+	} else t15 = $[35];
+	let t16;
+	if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = () => setNaming(false);
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== trySave) {
+		t17 = /* @__PURE__ */ jsx(NameForm, {
+			onCancel: t16,
+			onSave: (named_1) => {
+				setNaming(false);
+				trySave(named_1);
+			}
+		});
+		$[37] = trySave;
+		$[38] = t17;
+	} else t17 = $[38];
+	let t18;
+	if ($[39] !== naming || $[40] !== t17) {
+		t18 = /* @__PURE__ */ jsx(Dialog, {
+			open: naming,
+			title: "Save Fit",
+			onClose: t15,
+			children: t17
+		});
+		$[39] = naming;
+		$[40] = t17;
+		$[41] = t18;
+	} else t18 = $[41];
+	const t19 = overwriting !== void 0;
+	let t20;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = () => setOverwriting(void 0);
+		$[42] = t20;
+	} else t20 = $[42];
+	const t21 = overwriting?.name;
+	let t22;
+	if ($[43] !== t21) {
+		t22 = /* @__PURE__ */ jsxs("p", { children: [
+			"A fit named \"",
+			t21,
+			"\" is already saved for this hull. Overwrite it?"
+		] });
+		$[43] = t21;
+		$[44] = t22;
+	} else t22 = $[44];
+	let t23;
+	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+		t23 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ItemBrowser_module_default.action,
+			onClick: () => setOverwriting(void 0),
+			children: "Cancel"
+		});
+		$[45] = t23;
+	} else t23 = $[45];
+	let t24;
+	if ($[46] !== overwriting || $[47] !== saveNow) {
+		t24 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.dialogButtons,
+			children: [t23, /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: ItemBrowser_module_default.action,
+				onClick: () => overwriting && saveNow(overwriting),
+				children: "Overwrite"
+			})]
+		});
+		$[46] = overwriting;
+		$[47] = saveNow;
+		$[48] = t24;
+	} else t24 = $[48];
+	let t25;
+	if ($[49] !== t22 || $[50] !== t24) {
+		t25 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.confirm,
+			children: [t22, t24]
+		});
+		$[49] = t22;
+		$[50] = t24;
+		$[51] = t25;
+	} else t25 = $[51];
+	let t26;
+	if ($[52] !== t19 || $[53] !== t25) {
+		t26 = /* @__PURE__ */ jsx(Dialog, {
+			open: t19,
+			title: "Overwrite Fit?",
+			onClose: t20,
+			children: t25
+		});
+		$[52] = t19;
+		$[53] = t25;
+		$[54] = t26;
+	} else t26 = $[54];
+	let t27;
+	if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = () => setImporting(false);
+		$[55] = t27;
+	} else t27 = $[55];
+	let t28;
+	if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+		t28 = /* @__PURE__ */ jsx(ImportForm, { onDone: () => setImporting(false) });
+		$[56] = t28;
+	} else t28 = $[56];
+	let t29;
+	if ($[57] !== importing) {
+		t29 = /* @__PURE__ */ jsx(Dialog, {
+			open: importing,
+			title: "Import Fit",
+			onClose: t27,
+			children: t28
+		});
+		$[57] = importing;
+		$[58] = t29;
+	} else t29 = $[58];
+	let t30;
+	if ($[59] !== t11 || $[60] !== t14 || $[61] !== t18 || $[62] !== t26 || $[63] !== t29 || $[64] !== t5) {
+		t30 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.actions,
+			children: [
+				t5,
+				t6,
+				t11,
+				t14,
+				t18,
+				t26,
+				t29
+			]
+		});
+		$[59] = t11;
+		$[60] = t14;
+		$[61] = t18;
+		$[62] = t26;
+		$[63] = t29;
+		$[64] = t5;
+		$[65] = t30;
+	} else t30 = $[65];
+	return t30;
+}
+function NameForm(t0) {
+	const $ = c(27);
+	const { onCancel, onSave } = t0;
+	const engine = useEngine();
+	const fit = useFit();
+	const id = useId();
+	let t1;
+	if ($[0] !== engine.sde || $[1] !== fit.ship.type_id) {
+		t1 = () => engine.sde.type(fit.ship.type_id)?.name ?? "";
+		$[0] = engine.sde;
+		$[1] = fit.ship.type_id;
+		$[2] = t1;
+	} else t1 = $[2];
+	const [name, setName] = useState(t1);
+	let t2;
+	if ($[3] !== fit || $[4] !== name || $[5] !== onSave) {
+		t2 = (event) => {
+			event.preventDefault();
+			onSave({
+				...fit,
+				name: name.trim()
+			});
+		};
+		$[3] = fit;
+		$[4] = name;
+		$[5] = onSave;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== id) {
+		t3 = /* @__PURE__ */ jsx("label", {
+			htmlFor: id,
+			children: "Name this fit."
+		});
+		$[7] = id;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (event_1) => setName(event_1.target.value);
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== id || $[11] !== name) {
+		t5 = /* @__PURE__ */ jsx("input", {
+			id,
+			value: name,
+			onFocus: _temp$4,
+			onChange: t4
+		});
+		$[10] = id;
+		$[11] = name;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== onCancel) {
+		t6 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ItemBrowser_module_default.action,
+			onClick: onCancel,
+			children: "Cancel"
+		});
+		$[13] = onCancel;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== name) {
+		t7 = name.trim();
+		$[15] = name;
+		$[16] = t7;
+	} else t7 = $[16];
+	const t8 = t7 === "";
+	let t9;
+	if ($[17] !== t8) {
+		t9 = /* @__PURE__ */ jsx("button", {
+			type: "submit",
+			className: ItemBrowser_module_default.action,
+			disabled: t8,
+			children: "Save"
+		});
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== t6 || $[20] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.dialogButtons,
+			children: [t6, t9]
+		});
+		$[19] = t6;
+		$[20] = t9;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== t10 || $[23] !== t2 || $[24] !== t3 || $[25] !== t5) {
+		t11 = /* @__PURE__ */ jsxs("form", {
+			className: ItemBrowser_module_default.form,
+			onSubmit: t2,
+			children: [
+				t3,
+				t5,
+				t10
+			]
+		});
+		$[22] = t10;
+		$[23] = t2;
+		$[24] = t3;
+		$[25] = t5;
+		$[26] = t11;
+	} else t11 = $[26];
+	return t11;
+}
+function _temp$4(event_0) {
+	return event_0.currentTarget.select();
+}
+function ImportForm(t0) {
+	const $ = c(32);
+	const { onDone } = t0;
+	const engine = useEngine();
+	const store = useFitStore();
+	const id = useId();
+	const [text, setText] = useState("");
+	const [error, setError] = useState();
+	let t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => {
+			navigator.clipboard.readText().then((clipboard) => setText((typed) => typed || clipboard), _temp2$3);
+		};
+		t2 = [];
+		$[0] = t1;
+		$[1] = t2;
+	} else {
+		t1 = $[0];
+		t2 = $[1];
+	}
+	useEffect(t1, t2);
+	let t3;
+	if ($[2] !== engine || $[3] !== onDone || $[4] !== store || $[5] !== text) {
+		t3 = () => {
+			try {
+				store.replace(engine.loadText(text, store.character));
+				onDone();
+			} catch (t4) {
+				const failure = t4;
+				setError(failure instanceof Error ? failure.message : String(failure));
+			}
+		};
+		$[2] = engine;
+		$[3] = onDone;
+		$[4] = store;
+		$[5] = text;
+		$[6] = t3;
+	} else t3 = $[6];
+	const load = t3;
+	let t4;
+	if ($[7] !== load) {
+		t4 = (event) => {
+			event.preventDefault();
+			load();
+		};
+		$[7] = load;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== id) {
+		t5 = /* @__PURE__ */ jsx("label", {
+			htmlFor: id,
+			children: "Paste a fit in EFT, DNA or esf/1 format."
+		});
+		$[9] = id;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = (event_0) => {
+			setText(event_0.target.value);
+			setError(void 0);
+		};
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== id || $[13] !== text) {
+		t7 = /* @__PURE__ */ jsx("textarea", {
+			id,
+			rows: 12,
+			placeholder: "[Rifter, My Rifter]\nDamage Control II\n…",
+			value: text,
+			onChange: t6
+		});
+		$[12] = id;
+		$[13] = text;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== error) {
+		t8 = error !== void 0 && /* @__PURE__ */ jsxs("p", {
+			className: ItemBrowser_module_default.importError,
+			role: "alert",
+			children: ["Could not import: ", error]
+		});
+		$[15] = error;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== onDone) {
+		t9 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ItemBrowser_module_default.action,
+			onClick: onDone,
+			children: "Cancel"
+		});
+		$[17] = onDone;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== text) {
+		t10 = text.trim();
+		$[19] = text;
+		$[20] = t10;
+	} else t10 = $[20];
+	const t11 = t10 === "";
+	let t12;
+	if ($[21] !== t11) {
+		t12 = /* @__PURE__ */ jsx("button", {
+			type: "submit",
+			className: ItemBrowser_module_default.action,
+			disabled: t11,
+			children: "Import"
+		});
+		$[21] = t11;
+		$[22] = t12;
+	} else t12 = $[22];
+	let t13;
+	if ($[23] !== t12 || $[24] !== t9) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.dialogButtons,
+			children: [t9, t12]
+		});
+		$[23] = t12;
+		$[24] = t9;
+		$[25] = t13;
+	} else t13 = $[25];
+	let t14;
+	if ($[26] !== t13 || $[27] !== t4 || $[28] !== t5 || $[29] !== t7 || $[30] !== t8) {
+		t14 = /* @__PURE__ */ jsxs("form", {
+			className: ItemBrowser_module_default.form,
+			onSubmit: t4,
+			children: [
+				t5,
+				t7,
+				t8,
+				t13
+			]
+		});
+		$[26] = t13;
+		$[27] = t4;
+		$[28] = t5;
+		$[29] = t7;
+		$[30] = t8;
+		$[31] = t14;
+	} else t14 = $[31];
+	return t14;
+}
+function _temp2$3() {}
+function useFlash() {
+	const $ = c(6);
+	const [shown, setShown] = useState(0);
+	let t0;
+	let t1;
+	if ($[0] !== shown) {
+		t0 = () => {
+			if (shown === 0) return;
+			const timer = setTimeout(() => setShown(0), FLASH_MS);
+			return () => clearTimeout(timer);
+		};
+		t1 = [shown];
+		$[0] = shown;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+	const t2 = shown > 0;
 	let t3;
-	if ($[3] !== actions || $[4] !== node.children || $[5] !== node.types) {
-		t3 = () => /* @__PURE__ */ jsxs(Fragment, { children: [node.children.map((child) => /* @__PURE__ */ jsx(ChargeGroup, {
-			node: child,
-			actions
-		}, child.group.id)), node.types.map((type) => /* @__PURE__ */ jsx(TypeLeaf, {
-			type,
-			actions
-		}, type.id))] });
-		$[3] = actions;
-		$[4] = node.children;
-		$[5] = node.types;
-		$[6] = t3;
-	} else t3 = $[6];
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => setShown(Date.now());
+		$[3] = t3;
+	} else t3 = $[3];
 	let t4;
-	if ($[7] !== node.group.name || $[8] !== t2 || $[9] !== t3) {
-		t4 = /* @__PURE__ */ jsx(TreeGroup, {
-			label: t1,
-			icon: t2,
-			children: t3
-		});
-		$[7] = node.group.name;
-		$[8] = t2;
-		$[9] = t3;
-		$[10] = t4;
-	} else t4 = $[10];
+	if ($[4] !== t2) {
+		t4 = [t2, t3];
+		$[4] = t2;
+		$[5] = t4;
+	} else t4 = $[5];
 	return t4;
 }
 //#endregion
@@ -5604,15 +7183,17 @@ 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(65);
+	const $ = c(62);
 	const currentShipId = useFit().ship.type_id;
 	const images = useImages();
 	const store = useFitStore();
 	const missingSkills = useMissingSkills();
 	const { fits } = useLocalFits();
+	const personal = usePersonalFits();
 	const { start, end } = useDrag();
 	const [search, setSearch] = useState("");
 	const [browserFits, setBrowserFits] = useState(false);
+	const [personalFits, setPersonalFits] = useState(false);
 	const [currentHull, setCurrentHull] = useState(false);
 	const [flyable, setFlyable] = useState(false);
 	const [collapses, setCollapses] = useState(0);
@@ -5630,94 +7211,114 @@ function HullsAndFits() {
 		$[3] = t1;
 	} else t1 = $[3];
 	const matches = t1;
+	const anySource = browserFits || personalFits;
 	let t2;
-	if ($[4] !== fits) {
-		t2 = Map.groupBy(fits, _temp$3);
-		$[4] = fits;
-		$[5] = t2;
-	} else t2 = $[5];
+	if ($[4] !== anySource || $[5] !== browserFits || $[6] !== fits || $[7] !== personal.fits || $[8] !== personalFits) {
+		const listed = [...!anySource || browserFits ? fits.map(_temp$3) : [], ...!anySource || personalFits ? personal.fits.map(_temp2$2) : []];
+		t2 = Map.groupBy(listed, _temp3);
+		$[4] = anySource;
+		$[5] = browserFits;
+		$[6] = fits;
+		$[7] = personal.fits;
+		$[8] = personalFits;
+		$[9] = t2;
+	} else t2 = $[9];
 	const fitsByHull = t2;
+	const browserByHull = Map.groupBy(fits, _temp4);
+	const personalByHull = Map.groupBy(personal.fits, _temp5);
 	let t3;
-	if ($[6] !== fitsByHull || $[7] !== flyable || $[8] !== matches || $[9] !== missingSkills) {
+	if ($[10] !== fitsByHull || $[11] !== flyable || $[12] !== matches || $[13] !== missingSkills) {
 		t3 = (ship) => {
-			const saved_0 = fitsByHull.get(ship.id) ?? noFits;
-			const kept = flyable ? saved_0.filter((one) => missingSkills(one).length === 0) : saved_0;
-			return matches(ship.name) ? kept : kept.filter((one_0) => matches(one_0.name));
+			const saved = fitsByHull.get(ship.id) ?? noFits;
+			const kept = flyable ? saved.filter((t4) => {
+				const { fit: fit_4 } = t4;
+				return missingSkills(fit_4).length === 0;
+			}) : saved;
+			return matches(ship.name) ? kept : kept.filter((t5) => {
+				const { fit: fit_5 } = t5;
+				return matches(fit_5.name);
+			});
 		};
-		$[6] = fitsByHull;
-		$[7] = flyable;
-		$[8] = matches;
-		$[9] = missingSkills;
-		$[10] = t3;
-	} else t3 = $[10];
+		$[10] = fitsByHull;
+		$[11] = flyable;
+		$[12] = matches;
+		$[13] = missingSkills;
+		$[14] = t3;
+	} else t3 = $[14];
 	const shownFits = t3;
 	let t4;
-	if ($[11] !== browserFits || $[12] !== currentHull || $[13] !== currentShipId || $[14] !== flyable || $[15] !== matches || $[16] !== missingSkills || $[17] !== query || $[18] !== shownFits) {
-		t4 = query !== "" || currentHull || browserFits || flyable ? (ship_0) => {
+	if ($[15] !== anySource || $[16] !== currentHull || $[17] !== currentShipId || $[18] !== flyable || $[19] !== matches || $[20] !== missingSkills || $[21] !== query || $[22] !== shownFits) {
+		t4 = query !== "" || currentHull || anySource || flyable ? (ship_0) => {
 			if (currentHull && ship_0.id !== currentShipId) return false;
 			if (flyable && missingSkills([ship_0.id]).length > 0) return false;
 			const shown = shownFits(ship_0);
-			if (browserFits && shown.length === 0) return false;
+			if (anySource && shown.length === 0) return false;
 			return matches(ship_0.name) || shown.length > 0;
 		} : void 0;
-		$[11] = browserFits;
-		$[12] = currentHull;
-		$[13] = currentShipId;
-		$[14] = flyable;
-		$[15] = matches;
-		$[16] = missingSkills;
-		$[17] = query;
-		$[18] = shownFits;
-		$[19] = t4;
-	} else t4 = $[19];
+		$[15] = anySource;
+		$[16] = currentHull;
+		$[17] = currentShipId;
+		$[18] = flyable;
+		$[19] = matches;
+		$[20] = missingSkills;
+		$[21] = query;
+		$[22] = shownFits;
+		$[23] = t4;
+	} else t4 = $[23];
 	const groups = useHullTree(t4);
 	let t5;
-	if ($[20] !== store) {
+	if ($[24] !== store) {
 		t5 = (shipTypeId) => store.replace({
 			ship: { type_id: shipTypeId },
 			items: []
 		});
-		$[20] = store;
-		$[21] = t5;
-	} else t5 = $[21];
+		$[24] = store;
+		$[25] = t5;
+	} else t5 = $[25];
 	const simulate = t5;
 	let t6;
-	if ($[22] !== collapses) {
+	if ($[26] !== collapses) {
 		t6 = () => setCollapses(collapses + 1);
-		$[22] = collapses;
-		$[23] = t6;
-	} else t6 = $[23];
+		$[26] = collapses;
+		$[27] = t6;
+	} else t6 = $[27];
 	let t7;
-	if ($[24] !== search || $[25] !== t6) {
+	if ($[28] !== search || $[29] !== t6) {
 		t7 = /* @__PURE__ */ jsx(Search, {
 			value: search,
 			onChange: setSearch,
 			onCollapse: t6
 		});
-		$[24] = search;
-		$[25] = t6;
-		$[26] = t7;
-	} else t7 = $[26];
+		$[28] = search;
+		$[29] = t6;
+		$[30] = t7;
+	} else t7 = $[30];
 	let t8;
-	if ($[27] !== browserFits) {
+	if ($[31] !== browserFits) {
 		t8 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-browser",
 			label: "Browser Fittings",
 			pressed: browserFits,
 			onPressedChange: setBrowserFits
 		});
-		$[27] = browserFits;
-		$[28] = t8;
-	} else t8 = $[28];
-	let t10;
-	let t11;
-	let t12;
+		$[31] = browserFits;
+		$[32] = t8;
+	} else t8 = $[32];
 	let t9;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[33] !== personalFits) {
 		t9 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-personal",
-			label: "Personal Fittings"
+			label: "Personal Fittings",
+			pressed: personalFits,
+			onPressedChange: setPersonalFits
 		});
+		$[33] = personalFits;
+		$[34] = t9;
+	} else t9 = $[34];
+	let t10;
+	let t11;
+	let t12;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
 		t10 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-corporation",
 			label: "Corporation Fittings"
@@ -5730,40 +7331,38 @@ function HullsAndFits() {
 			icon: "fits-community",
 			label: "Community Fittings"
 		});
-		$[29] = t10;
-		$[30] = t11;
-		$[31] = t12;
-		$[32] = t9;
+		$[35] = t10;
+		$[36] = t11;
+		$[37] = t12;
 	} else {
-		t10 = $[29];
-		t11 = $[30];
-		t12 = $[31];
-		t9 = $[32];
+		t10 = $[35];
+		t11 = $[36];
+		t12 = $[37];
 	}
 	let t13;
-	if ($[33] !== currentHull) {
+	if ($[38] !== currentHull) {
 		t13 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "current-hull",
 			label: "Current Hull",
 			pressed: currentHull,
 			onPressedChange: setCurrentHull
 		});
-		$[33] = currentHull;
-		$[34] = t13;
-	} else t13 = $[34];
+		$[38] = currentHull;
+		$[39] = t13;
+	} else t13 = $[39];
 	let t14;
-	if ($[35] !== flyable) {
+	if ($[40] !== flyable) {
 		t14 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "skills",
 			label: "Skills",
 			pressed: flyable,
 			onPressedChange: setFlyable
 		});
-		$[35] = flyable;
-		$[36] = t14;
-	} else t14 = $[36];
+		$[40] = flyable;
+		$[41] = t14;
+	} else t14 = $[41];
 	let t15;
-	if ($[37] !== t13 || $[38] !== t14 || $[39] !== t8) {
+	if ($[42] !== t13 || $[43] !== t14 || $[44] !== t8 || $[45] !== t9) {
 		t15 = /* @__PURE__ */ jsxs("fieldset", {
 			className: ItemBrowser_module_default.filters,
 			"aria-label": "Filters",
@@ -5777,120 +7376,145 @@ function HullsAndFits() {
 				t14
 			]
 		});
-		$[37] = t13;
-		$[38] = t14;
-		$[39] = t8;
-		$[40] = t15;
-	} else t15 = $[40];
-	let t16;
-	if ($[41] !== end || $[42] !== fitsByHull || $[43] !== groups || $[44] !== images || $[45] !== shownFits || $[46] !== simulate || $[47] !== start || $[48] !== store) {
-		let t17;
-		if ($[50] !== end || $[51] !== fitsByHull || $[52] !== images || $[53] !== shownFits || $[54] !== simulate || $[55] !== start || $[56] !== store) {
-			t17 = (t18) => {
-				const { group, races } = t18;
+		$[42] = t13;
+		$[43] = t14;
+		$[44] = t8;
+		$[45] = t9;
+		$[46] = t15;
+	} else t15 = $[46];
+	const t16 = ItemBrowser_module_default;
+	let t17;
+	if ($[47] !== personal.character || $[48] !== personalFits) {
+		t17 = personalFits && personal.character?.canReadFits !== true && /* @__PURE__ */ jsx("p", {
+			className: ItemBrowser_module_default.empty,
+			children: personal.character === void 0 ? "Pick a logged-in character" : "Log in again to see fittings"
+		});
+		$[47] = personal.character;
+		$[48] = personalFits;
+		$[49] = t17;
+	} else t17 = $[49];
+	const T0 = TreeList;
+	const t18 = "Hulls";
+	const t22 = groups.map((t19) => {
+		const { group, races } = t19;
+		return /* @__PURE__ */ jsx(TreeGroup, {
+			label: group.name,
+			children: () => races.map((t20) => {
+				const { race, factionId, ships } = t20;
 				return /* @__PURE__ */ jsx(TreeGroup, {
-					label: group.name,
-					children: () => races.map((t19) => {
-						const { race, factionId, ships } = t19;
+					label: `${raceName(race)} [${ships.length}]`,
+					icon: factionId === void 0 ? images.marketGroupIcon(SHIPS_MARKET_GROUP_ID) : images.factionIcon(factionId),
+					children: () => ships.map((ship_1) => {
+						const shown_0 = shownFits(ship_1);
+						const simulateShip = /* @__PURE__ */ jsx(Tooltip, {
+							label: "Simulate Ship",
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: ItemBrowser_module_default.simulate,
+								"aria-label": `Simulate ${ship_1.name}`,
+								onClick: () => simulate(ship_1.id),
+								children: /* @__PURE__ */ jsx(Icon, { name: "simulate" })
+							})
+						});
 						return /* @__PURE__ */ jsx(TreeGroup, {
-							label: `${raceName(race)} [${ships.length}]`,
-							icon: factionId === void 0 ? images.marketGroupIcon(SHIPS_MARKET_GROUP_ID) : images.factionIcon(factionId),
-							children: () => ships.map((ship_1) => {
-								const shown_0 = shownFits(ship_1);
-								const simulateShip = /* @__PURE__ */ jsx(Tooltip, {
-									label: "Simulate Ship",
-									children: /* @__PURE__ */ jsx("button", {
-										type: "button",
-										className: ItemBrowser_module_default.simulate,
-										"aria-label": `Simulate ${ship_1.name}`,
-										onClick: () => simulate(ship_1.id),
-										children: /* @__PURE__ */ jsx(Icon, { name: "simulate" })
-									})
+							label: /* @__PURE__ */ jsx("span", {
+								className: ItemBrowser_module_default.hull,
+								children: ship_1.name
+							}),
+							description: shown_0.length > 0 ? /* @__PURE__ */ jsx(Counts, {
+								browserFits: browserByHull.get(ship_1.id)?.length ?? 0,
+								personalFits: personalByHull.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
 								});
-								return /* @__PURE__ */ jsx(TreeGroup, {
-									label: /* @__PURE__ */ jsx("span", {
-										className: ItemBrowser_module_default.hull,
-										children: ship_1.name
-									}),
-									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,
-											children: /* @__PURE__ */ jsx(Icon, { name: "fits-browser" })
-										}), saved_1.name || ship_1.name] }),
-										onActivate: () => store.replace(saved_1),
-										after: /* @__PURE__ */ jsx(Flyable, { fit: saved_1 })
-									}, saved_1.name ?? ""))
-								}, ship_1.id);
+							},
+							onDragEnd: end,
+							children: () => shown_0.length === 0 ? /* @__PURE__ */ jsx(TreeLeaf, { label: "No Item" }) : shown_0.map((t21, index) => {
+								const { fit: fit_6, kind } = t21;
+								return /* @__PURE__ */ jsx(TreeLeaf, {
+									label: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+										className: ItemBrowser_module_default.kind,
+										children: /* @__PURE__ */ jsx(Icon, { name: kind })
+									}), fit_6.name || ship_1.name] }),
+									onActivate: () => store.replace(fit_6),
+									activateOnClick: true,
+									after: /* @__PURE__ */ jsx(Flyable, { fit: fit_6 })
+								}, `${kind}:${fit_6.name ?? ""}:${index}`);
 							})
-						}, race);
+						}, ship_1.id);
 					})
-				}, group.id);
-			};
-			$[50] = end;
-			$[51] = fitsByHull;
-			$[52] = images;
-			$[53] = shownFits;
-			$[54] = simulate;
-			$[55] = start;
-			$[56] = store;
-			$[57] = t17;
-		} else t17 = $[57];
-		t16 = groups.map(t17);
-		$[41] = end;
-		$[42] = fitsByHull;
-		$[43] = groups;
-		$[44] = images;
-		$[45] = shownFits;
-		$[46] = simulate;
-		$[47] = start;
-		$[48] = store;
-		$[49] = t16;
-	} else t16 = $[49];
-	let t17;
-	if ($[58] !== collapses || $[59] !== t16) {
-		t17 = /* @__PURE__ */ jsx("div", {
-			className: ItemBrowser_module_default.tree,
-			children: /* @__PURE__ */ jsx(TreeList, {
-				label: "Hulls",
-				children: t16
-			}, collapses)
-		});
-		$[58] = collapses;
-		$[59] = t16;
-		$[60] = t17;
-	} else t17 = $[60];
-	let t18;
-	if ($[61] !== t15 || $[62] !== t17 || $[63] !== t7) {
-		t18 = /* @__PURE__ */ jsxs(Fragment, { children: [
+				}, race);
+			})
+		}, group.id);
+	});
+	let t23;
+	if ($[50] !== T0 || $[51] !== collapses || $[52] !== t22) {
+		t23 = /* @__PURE__ */ jsx(T0, {
+			label: t18,
+			children: t22
+		}, collapses);
+		$[50] = T0;
+		$[51] = collapses;
+		$[52] = t22;
+		$[53] = t23;
+	} else t23 = $[53];
+	let t24;
+	if ($[54] !== t16.tree || $[55] !== t17 || $[56] !== t23) {
+		t24 = /* @__PURE__ */ jsxs("div", {
+			className: t16.tree,
+			children: [t17, t23]
+		});
+		$[54] = t16.tree;
+		$[55] = t17;
+		$[56] = t23;
+		$[57] = t24;
+	} else t24 = $[57];
+	let t25;
+	if ($[58] !== t15 || $[59] !== t24 || $[60] !== t7) {
+		t25 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t7,
 			t15,
-			t17
+			t24
 		] });
-		$[61] = t15;
-		$[62] = t17;
-		$[63] = t7;
-		$[64] = t18;
-	} else t18 = $[64];
-	return t18;
+		$[58] = t15;
+		$[59] = t24;
+		$[60] = t7;
+		$[61] = t25;
+	} else t25 = $[61];
+	return t25;
+}
+function _temp5(fit_3) {
+	return fit_3.ship.type_id;
+}
+function _temp4(fit_2) {
+	return fit_2.ship.type_id;
+}
+function _temp3(t0) {
+	const { fit: fit_1 } = t0;
+	return fit_1.ship.type_id;
 }
-function _temp$3(saved) {
-	return saved.ship.type_id;
+function _temp2$2(fit_0) {
+	return {
+		fit: fit_0,
+		kind: "fits-personal"
+	};
+}
+function _temp$3(fit) {
+	return {
+		fit,
+		kind: "fits-browser"
+	};
 }
 function Counts(t0) {
-	const $ = c(7);
-	const { browserFits } = t0;
+	const $ = c(10);
+	const { browserFits, personalFits } = t0;
 	let t1;
 	if ($[0] !== browserFits) {
 		t1 = /* @__PURE__ */ jsx(Count, {
@@ -5902,47 +7526,59 @@ function Counts(t0) {
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
+	if ($[2] !== personalFits) {
+		t2 = /* @__PURE__ */ jsx(Count, {
+			icon: "fits-personal",
+			label: "Personal Fittings",
+			count: personalFits
+		});
+		$[2] = personalFits;
+		$[3] = t2;
+	} else t2 = $[3];
 	let t3;
 	let t4;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(Count, {
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Count, {
 			icon: "fits-corporation",
 			label: "Corporation Fittings",
 			count: 0
 		});
-		t3 = /* @__PURE__ */ jsx(Count, {
+		t4 = /* @__PURE__ */ jsx(Count, {
 			icon: "fits-community-small",
 			label: "Community Fittings",
 			count: 0
 		});
-		t4 = /* @__PURE__ */ jsx(Count, {
+		t5 = /* @__PURE__ */ jsx(Count, {
 			icon: "fits-alliance-small",
 			label: "Alliance Fittings",
 			count: 0
 		});
-		$[2] = t2;
-		$[3] = t3;
-		$[4] = t4;
+		$[4] = t3;
+		$[5] = t4;
+		$[6] = t5;
 	} else {
-		t2 = $[2];
-		t3 = $[3];
-		t4 = $[4];
+		t3 = $[4];
+		t4 = $[5];
+		t5 = $[6];
 	}
-	let t5;
-	if ($[5] !== t1) {
-		t5 = /* @__PURE__ */ jsxs("span", {
+	let t6;
+	if ($[7] !== t1 || $[8] !== t2) {
+		t6 = /* @__PURE__ */ jsxs("span", {
 			className: ItemBrowser_module_default.counts,
 			children: [
 				t1,
 				t2,
 				t3,
-				t4
+				t4,
+				t5
 			]
 		});
-		$[5] = t1;
-		$[6] = t5;
-	} else t5 = $[6];
-	return t5;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
 }
 function Count(t0) {
 	const $ = c(8);
@@ -6269,7 +7905,7 @@ function _temp$2() {
 //#region src/components/ItemBrowser/ItemBrowser.tsx
 /** EVE's browser of hulls and fits, modules and charges, left of the fitting wheel. */
 function ItemBrowser(t0) {
-	const $ = c(11);
+	const $ = c(12);
 	const { label: t1 } = t0;
 	const label = t1 === void 0 ? "Item Browser" : t1;
 	const [tab, setTab] = useState("hulls");
@@ -6340,18 +7976,27 @@ function ItemBrowser(t0) {
 		t6 = $[6];
 	}
 	let t7;
-	if ($[7] !== label || $[8] !== t5 || $[9] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("section", {
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(FitActions, {});
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] !== label || $[9] !== t5 || $[10] !== t6) {
+		t8 = /* @__PURE__ */ jsxs("section", {
 			className: ItemBrowser_module_default.browser,
 			"aria-label": label,
-			children: [t5, t6]
+			children: [
+				t5,
+				t6,
+				t7
+			]
 		});
-		$[7] = label;
-		$[8] = t5;
-		$[9] = t6;
-		$[10] = t7;
-	} else t7 = $[10];
-	return t7;
+		$[8] = label;
+		$[9] = t5;
+		$[10] = t6;
+		$[11] = t8;
+	} else t8 = $[11];
+	return t8;
 }
 //#endregion
 //#region src/components/ShipStatistics/ShipStatistics.module.css
@@ -6362,6 +8007,7 @@ var ShipStatistics_module_default = {
 	"defense": "lebA7G_defense",
 	"fighters": "lebA7G_fighters",
 	"good": "lebA7G_good",
+	"limit": "lebA7G_limit",
 	"lines": "lebA7G_lines",
 	"manage": "lebA7G_manage",
 	"menu": "lebA7G_menu",
@@ -6390,24 +8036,6 @@ function AttributeText(t0) {
 	return t1;
 }
 //#endregion
-//#region src/components/ShipStatistics/units.ts
-/** For the `format` of `useAttribute`. */
-function unit(suffix, divisor = 1) {
-	return (value, format) => `${formatNumber(value / divisor, format)}${suffix}`;
-}
-/** Like EVE's "0.11B hp": in billions above 100 million, in millions above 100 thousand. */
-function hitpoints(value, format) {
-	const short = {
-		...format,
-		decimals: 2,
-		fixed: true,
-		rounding: "nearest"
-	};
-	if (value > 1e8) return unit("B hp", 1e9)(value, short);
-	if (value > 1e5) return unit("M hp", 1e6)(value, short);
-	return unit(" hp")(value, format);
-}
-//#endregion
 //#region src/components/ShipStatistics/CapacitorStats.tsx
 function CapacitorStats() {
 	const $ = c(37);
@@ -7030,7 +8658,7 @@ function _temp(damage) {
 //#endregion
 //#region src/components/ShipStatistics/DroneStats.tsx
 function DroneStats() {
-	const $ = c(24);
+	const $ = c(25);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = {
@@ -7072,6 +8700,7 @@ function DroneStats() {
 		$[3] = t3;
 	} else t3 = $[3];
 	const controlRange = useAttribute("droneControlDistance", t3);
+	const over = (bandwidthUsed.value ?? 0) > (bandwidth.value ?? 0);
 	let t4;
 	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = {
@@ -7093,72 +8722,78 @@ function DroneStats() {
 		t6 = /* @__PURE__ */ jsx(AttributeTooltip, { attribute: "droneBandwidth" });
 		$[7] = t6;
 	} else t6 = $[7];
-	let t7;
+	const t7 = over || void 0;
+	let t8;
 	if ($[8] !== bandwidthUsed) {
-		t7 = /* @__PURE__ */ jsx(AttributeText, { value: bandwidthUsed });
+		t8 = /* @__PURE__ */ jsx(AttributeText, { value: bandwidthUsed });
 		$[8] = bandwidthUsed;
-		$[9] = t7;
-	} else t7 = $[9];
-	let t8;
+		$[9] = t8;
+	} else t8 = $[9];
+	let t9;
 	if ($[10] !== bandwidth) {
-		t8 = /* @__PURE__ */ jsx(AttributeText, { value: bandwidth });
+		t9 = /* @__PURE__ */ jsx(AttributeText, { value: bandwidth });
 		$[10] = bandwidth;
-		$[11] = t8;
-	} else t8 = $[11];
-	let t9;
-	if ($[12] !== t7 || $[13] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(Stat, {
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] !== t7 || $[13] !== t8 || $[14] !== t9) {
+		t10 = /* @__PURE__ */ jsx(Stat, {
 			icon: "stat-drone-bandwidth",
 			label: "Drone Bandwidth",
 			tooltip: t6,
-			children: [
-				t7,
-				"/",
-				t8
-			]
+			children: /* @__PURE__ */ jsxs("span", {
+				className: ShipStatistics_module_default.limit,
+				"data-over": t7,
+				children: [
+					t8,
+					"/",
+					t9
+				]
+			})
 		});
 		$[12] = t7;
 		$[13] = t8;
 		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] !== controlRange) {
-		t10 = /* @__PURE__ */ jsx(Stat, {
+		$[15] = t10;
+	} else t10 = $[15];
+	let t11;
+	if ($[16] !== controlRange) {
+		t11 = /* @__PURE__ */ jsx(Stat, {
 			icon: "stat-drone-control-range",
 			label: "Drone Control Range",
 			children: /* @__PURE__ */ jsx(AttributeText, { value: controlRange })
 		});
-		$[15] = controlRange;
-		$[16] = t10;
-	} else t10 = $[16];
-	let t11;
-	if ($[17] !== active) {
-		t11 = /* @__PURE__ */ jsx(Stat, {
+		$[16] = controlRange;
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] !== active) {
+		t12 = /* @__PURE__ */ jsx(Stat, {
 			label: "Active Drones",
 			children: /* @__PURE__ */ jsx(AttributeText, { value: active })
 		});
-		$[17] = active;
-		$[18] = t11;
-	} else t11 = $[18];
-	let t12;
-	if ($[19] !== t10 || $[20] !== t11 || $[21] !== t5 || $[22] !== t9) {
-		t12 = /* @__PURE__ */ jsxs(StatsSection, {
+		$[18] = active;
+		$[19] = t12;
+	} else t12 = $[19];
+	let t13;
+	if ($[20] !== t10 || $[21] !== t11 || $[22] !== t12 || $[23] !== t5) {
+		t13 = /* @__PURE__ */ jsxs(StatsSection, {
 			title: "Drones",
 			summary: t5,
 			columns: 2,
 			children: [
-				t9,
 				t10,
-				t11
+				t11,
+				t12
 			]
 		});
-		$[19] = t10;
-		$[20] = t11;
-		$[21] = t5;
-		$[22] = t9;
-		$[23] = t12;
-	} else t12 = $[23];
-	return t12;
+		$[20] = t10;
+		$[21] = t11;
+		$[22] = t12;
+		$[23] = t5;
+		$[24] = t13;
+	} else t13 = $[24];
+	return t13;
 }
 //#endregion
 //#region src/components/ShipStatistics/FighterStats.tsx