@eveshipfit/ui-ingame 1.13.0 → 1.15.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import './style.css';
 import { c } from "react/compiler-runtime";
-import { Activity, Fragment, createContext, useContext, useDeferredValue, useEffect, useEffectEvent, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Activity, Fragment, createContext, useContext, useDeferredValue, useEffect, useEffectEvent, useId, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { UNIFORM, formatAttribute, formatClock, formatDuration, formatNumber, useAttribute, useAttributeTooltip, useBayContents, useBayUsage, useBoosters, useBrowse, useCanFit, useChargeSearch, useChargeTree, useChargedModules, useCharges, useDamageProfiles, useDrag, useDroneRoom, useEngine, useFighterTubeUsage, useFighterTubes, useFit, useFitHistory, useFitPrice, useFitStore, useHardpoints, useHasRoom, useHullRefuses, useHullTree, useImages, useImplantSearch, useImplantTree, useImplants, useInfo, useLocalFits, useMissingSkills, useModes, useModuleSearch, useModuleTree, useMutate, usePersonalFits, usePlacement, usePreview, useRackUsage, useRefusal, useSde, useShowInfo, useShownSnapshot, useSlots, useSnapshot, useStats, useType, useTypeBonuses, useTypePrice } from "@eveshipfit/react-hooks";
-import { baseValue, canMutate, mutaplasmidsOf, mutationRanges, mutationRollOf, parseItemLink, parseMutationText, rollFits, rollMutation, squadronSize, tubeTakes } from "@eveshipfit/fitting";
+import { UNIFORM, canSaveFits, formatAttribute, formatClock, formatDuration, formatNumber, useAttribute, useAttributeTooltip, useBayContents, useBayUsage, useBoosters, useBrowse, useCanFit, useCharacters, useChargeSearch, useChargeTree, useChargedModules, useCharges, useDamageProfiles, useDrag, useDroneRoom, useEngine, useFighterTubeUsage, useFighterTubes, useFit, useFitHistory, useFitPrice, useFitSaving, useFitStore, useHardpoints, useHasRoom, useHullRefuses, useHullTree, useImages, useImplantSearch, useImplantTree, useImplants, useInfo, useLocalFits, useMissingSkills, useModes, useModuleSearch, useModuleTree, useMutate, usePersonalFits, usePlacement, usePreview, useRackUsage, useRefusal, useSde, useShowInfo, useShownSnapshot, useSlots, useSnapshot, useStats, useType, useTypeBonuses, useTypePrice } from "@eveshipfit/react-hooks";
+import { baseValue, canMutate, clampToRange, mutaplasmidsOf, mutatedDronesOf, mutationRanges, mutationRollOf, parseItemLink, parseMutationText, rollFits, rollMutation, squadronSize, tubeTakes, withMutaplasmid } from "@eveshipfit/fitting";
 // src/primitives/Dialog/Dialog.module.css
 var Dialog_module_default = {
 	"close": "kwi1cG_close",
@@ -978,7 +978,7 @@ function SlotPress(t0) {
 			className,
 			"aria-label": label,
 			onClick: onPress,
-			onKeyDown: _temp$23
+			onKeyDown: _temp$25
 		});
 		$[0] = className;
 		$[1] = label;
@@ -987,7 +987,7 @@ function SlotPress(t0) {
 	} else t1 = $[3];
 	return t1;
 }
-function _temp$23(event) {
+function _temp$25(event) {
 	if (event.key !== "Enter" && event.key !== " ") return;
 	event.preventDefault();
 	event.currentTarget.dispatchEvent(new MouseEvent("click", {
@@ -1403,7 +1403,7 @@ function useDecoded(src) {
 			image.decode().then(() => {
 				decoded.add(src);
 				setReady(src);
-			}, _temp$22);
+			}, _temp$24);
 		};
 		t1 = [src];
 		$[0] = src;
@@ -1423,7 +1423,7 @@ function useDecoded(src) {
 	} else t2 = $[5];
 	return t2;
 }
-function _temp$22() {}
+function _temp$24() {}
 function WheelGauge(t0) {
 	const $ = c(15);
 	const { resource, used, total, valueText } = t0;
@@ -1898,18 +1898,19 @@ function Menu(t0) {
 			role: "menu",
 			tabIndex: -1,
 			onToggle: t4,
-			onKeyDown: _temp$21,
+			onKeyDown: _temp$23,
 			onClick: stopped,
 			onDoubleClick: stopped,
 			onPointerDown: stopped,
 			onMouseDown: stopped,
-			onContextMenu: _temp2$11,
+			onContextMenu: _temp2$12,
 			children: opened.entries.map((entry, index) => entry === "separator" ? /* @__PURE__ */ jsx("hr", { className: ContextMenu_module_default.separator }, index) : /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				role: "menuitem",
 				tabIndex: -1,
+				disabled: entry.disabled,
 				onClick: () => select(entry),
-				onPointerMove: _temp3$6,
+				onPointerMove: _temp3$5,
 				children: [/* @__PURE__ */ jsx("span", {
 					className: ContextMenu_module_default.icon,
 					children: entry.icon && /* @__PURE__ */ jsx(Icon, { name: entry.icon })
@@ -1922,19 +1923,19 @@ function Menu(t0) {
 	} else t3 = $[7];
 	return t3;
 }
-function _temp3$6(event_2) {
+function _temp3$5(event_2) {
 	return event_2.currentTarget.focus();
 }
-function _temp2$11(event_1) {
+function _temp2$12(event_1) {
 	event_1.preventDefault();
 	event_1.stopPropagation();
 }
-function _temp$21(event_0) {
+function _temp$23(event_0) {
 	event_0.stopPropagation();
 	walk(event_0);
 }
 function walk(event) {
-	const items = [...event.currentTarget.querySelectorAll("[role=menuitem]")];
+	const items = [...event.currentTarget.querySelectorAll("[role=menuitem]:enabled")];
 	const index = items.indexOf(document.activeElement);
 	let next;
 	switch (event.key) {
@@ -2827,7 +2828,7 @@ function SensorStrengths(t0) {
 	if ($[0] !== strengths) {
 		t4 = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			const shown = strengths.filter(_temp$20);
+			const shown = strengths.filter(_temp$22);
 			if (shown.length === 0) {
 				t4 = null;
 				break bb0;
@@ -2835,7 +2836,7 @@ function SensorStrengths(t0) {
 			T0 = Attribute;
 			t3 = "ECMResistance";
 			t1 = ModuleTooltip_module_default.block;
-			t2 = shown.map(_temp2$10);
+			t2 = shown.map(_temp2$11);
 		}
 		$[0] = strengths;
 		$[1] = T0;
@@ -2875,14 +2876,14 @@ function SensorStrengths(t0) {
 	return t6;
 }
 /** The four ECM jammer strengths, like "5.8 Gravimetric ECM Jammer Strength". */
-function _temp2$10(strength) {
+function _temp2$11(strength) {
 	return /* @__PURE__ */ jsxs("span", { children: [
 		strength.text,
 		" ",
 		strength.displayName
 	] }, strength.name);
 }
-function _temp$20(t0) {
+function _temp$22(t0) {
 	const { value } = t0;
 	return value;
 }
@@ -2929,14 +2930,14 @@ function Cloak(t0) {
 			itemRef,
 			name: "maxVelocityModifier",
 			decimals: 0,
-			format: _temp$19
+			format: _temp$21
 		});
 		$[0] = itemRef;
 		$[1] = t1;
 	} else t1 = $[1];
 	return t1;
 }
-function _temp$19(value, format) {
+function _temp$21(value, format) {
 	return percent$1((value - 1) * 100, format);
 }
 // src/components/FittingWheel/ModuleLines/CommandBonus.tsx
@@ -3670,7 +3671,7 @@ function Resistance$1(t0) {
 	const t1 = useLayers(itemRef);
 	let t2;
 	if ($[0] !== t1) {
-		const layers = t1.filter(_temp2$9);
+		const layers = t1.filter(_temp2$10);
 		t2 = layers.map((layer) => /* @__PURE__ */ jsx(Layer, {
 			...layer,
 			withIcon: layers.length > 1
@@ -3681,11 +3682,11 @@ function Resistance$1(t0) {
 	return t2;
 }
 /** The resistances a module gives, for every layer. */
-function _temp2$9(t0) {
+function _temp2$10(t0) {
 	const { resistances } = t0;
-	return resistances.some(_temp$18);
+	return resistances.some(_temp$20);
 }
-function _temp$18(t0) {
+function _temp$20(t0) {
 	const { value } = t0;
 	return value !== 1;
 }
@@ -3695,13 +3696,13 @@ function DamageControl(t0) {
 	const t1 = useLayers(itemRef);
 	let t2;
 	if ($[0] !== t1) {
-		t2 = t1.map(_temp3$5);
+		t2 = t1.map(_temp3$4);
 		$[0] = t1;
 		$[1] = t2;
 	} else t2 = $[1];
 	return t2;
 }
-function _temp3$5(layer) {
+function _temp3$4(layer) {
 	return /* @__PURE__ */ jsx(Layer, {
 		...layer,
 		withIcon: true
@@ -3892,7 +3893,7 @@ function ResistanceBonus(t0) {
 				t3,
 				t4,
 				t5
-			].filter(_temp$17);
+			].filter(_temp$19);
 			const [first] = bonuses;
 			if (first === void 0) {
 				t6 = null;
@@ -3927,7 +3928,7 @@ function ResistanceBonus(t0) {
 			className: ModuleTooltip_module_default.block,
 			children: ["Resistance Bonus:", /* @__PURE__ */ jsx("span", {
 				className: ModuleTooltip_module_default.bonuses,
-				children: bonuses.map(_temp2$8)
+				children: bonuses.map(_temp2$9)
 			})]
 		});
 		$[7] = bonuses;
@@ -3935,14 +3936,14 @@ function ResistanceBonus(t0) {
 	} else t7 = $[8];
 	return t7;
 }
-function _temp2$8(t0) {
+function _temp2$9(t0) {
 	const { name, text } = t0;
 	return /* @__PURE__ */ jsx(Bonus, {
 		name,
 		text
 	}, name);
 }
-function _temp$17(bonus) {
+function _temp$19(bonus) {
 	return bonus.value;
 }
 // src/components/FittingWheel/ModuleLines/SensorBooster.tsx
@@ -4043,14 +4044,14 @@ function SignatureSuppressor(t0) {
 			itemRef,
 			name: "signatureSuppressorSignatureRadiusBonusPassive",
 			decimals: 0,
-			format: _temp$16
+			format: _temp$18
 		});
 		$[0] = itemRef;
 		$[1] = t1;
 	} else t1 = $[1];
 	return t1;
 }
-function _temp$16(value, format) {
+function _temp$18(value, format) {
 	return percent$1((1 - value) * 100, format);
 }
 // src/components/FittingWheel/ModuleLines/Smartbomb.tsx
@@ -4151,7 +4152,7 @@ function StasisWebifier(props) {
 		t0 = {
 			of: props.itemRef,
 			decimals: 0,
-			format: _temp$15
+			format: _temp$17
 		};
 		$[0] = props.itemRef;
 		$[1] = t0;
@@ -4181,7 +4182,7 @@ function StasisWebifier(props) {
 	} else t3 = $[8];
 	return t3;
 }
-function _temp$15(value, format) {
+function _temp$17(value, format) {
 	return percent$1(-value, format);
 }
 // src/components/FittingWheel/ModuleLines/TrackingComputer.tsx
@@ -5211,7 +5212,7 @@ function FittingAugmentations(t0) {
 	const boosters = useBoosters();
 	let t1;
 	if ($[0] !== implants || $[1] !== readOnly) {
-		t1 = !readOnly || implants.some(_temp$14);
+		t1 = !readOnly || implants.some(_temp$16);
 		$[0] = implants;
 		$[1] = readOnly;
 		$[2] = t1;
@@ -5266,7 +5267,7 @@ function FittingAugmentations(t0) {
 	} else t5 = $[15];
 	return t5;
 }
-function _temp$14(slot) {
+function _temp$16(slot) {
 	return slot.item !== void 0;
 }
 function FittingAugmentation(t0) {
@@ -5540,6 +5541,21 @@ function FittingAugmentation(t0) {
 	} else t20 = $[82];
 	return t20;
 }
+// src/components/FittingWheel/fitLink.ts
+/** The eveship.fit link that opens the current fit. */
+function useFitLink() {
+	const $ = c(3);
+	const engine = useEngine();
+	const fit = useFit();
+	let t0;
+	if ($[0] !== engine || $[1] !== fit) {
+		t0 = engine.saveLink(fit);
+		$[0] = engine;
+		$[1] = fit;
+		$[2] = t0;
+	} else t0 = $[2];
+	return `https://eveship.fit/?fit=${t0}`;
+}
 // src/components/FittingWheel/FittingWheel.module.css
 var FittingWheel_module_default = { "centre": "GK_wGG_centre" };
 // src/components/FittingWheel/FittingWheel.tsx
@@ -5605,11 +5621,8 @@ function onEveShipFit() {
 	return location.hostname === "eveship.fit" || location.hostname.endsWith(".eveship.fit");
 }
 function EveShipFitLink({ text = "open on eveship.fit" }) {
-	const engine = useEngine();
-	const fit = useFit();
-	const href = useMemo(() => `https://eveship.fit/?fit=${engine.saveLink(fit)}`, [engine, fit]);
 	return /* @__PURE__ */ jsx(WheelLink, {
-		href,
+		href: useFitLink(),
 		text
 	});
 }
@@ -5706,9 +5719,9 @@ function FittingCentre() {
 					})
 				},
 				"separator",
-				fit.items.some(_temp$13) && {
+				fit.items.some(_temp$15) && {
 					label: "Strip Fitting",
-					onSelect: () => store.remove(...store.getSnapshot().fit.items.flatMap(_temp2$7))
+					onSelect: () => store.remove(...store.getSnapshot().fit.items.flatMap(_temp2$8))
 				}
 			]);
 		};
@@ -5800,10 +5813,10 @@ function FittingCentre() {
 	} else t8 = $[43];
 	return t8;
 }
-function _temp2$7(item_0, ref) {
+function _temp2$8(item_0, ref) {
 	return keptOnStrip.has(item_0.slot.type) ? [] : [ref];
 }
-function _temp$13(item_1) {
+function _temp$15(item_1) {
 	return !keptOnStrip.has(item_1.slot.type);
 }
 const copiedRacks = [
@@ -5917,7 +5930,7 @@ function FittingModes(t0) {
 	if (modes.length === 0) return null;
 	let t1;
 	if ($[0] !== modes) {
-		t1 = modes.map(_temp3$4);
+		t1 = modes.map(_temp3$3);
 		$[0] = modes;
 		$[1] = t1;
 	} else t1 = $[1];
@@ -5942,7 +5955,7 @@ function FittingModes(t0) {
 	} else t3 = $[8];
 	return t3;
 }
-function _temp3$4(t0) {
+function _temp3$3(t0) {
 	const { id, name } = t0;
 	return {
 		typeId: id,
@@ -6103,6 +6116,204 @@ function ServiceSlot({ typeId, typeName, state = "online", available = true, pre
 		})]
 	});
 }
+// 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",
+	"menuRule": "xFSZwa_menuRule",
+	"panel": "xFSZwa_panel",
+	"saveAnchor": "xFSZwa_saveAnchor",
+	"saveArrow": "xFSZwa_saveArrow",
+	"saveMain": "xFSZwa_saveMain",
+	"saveMenu": "xFSZwa_saveMenu",
+	"saveName": "xFSZwa_saveName",
+	"saveNote": "xFSZwa_saveNote",
+	"saveUpgrade": "xFSZwa_saveUpgrade",
+	"search": "xFSZwa_search",
+	"simulate": "xFSZwa_simulate",
+	"tab": "xFSZwa_tab",
+	"tabs": "xFSZwa_tabs",
+	"tick": "xFSZwa_tick",
+	"tree": "xFSZwa_tree",
+	"unseen": "xFSZwa_unseen",
+	"views": "xFSZwa_views"
+};
+// src/components/ItemBrowser/copyFit.tsx
+const FLASH_MS = 2e3;
+/** Copies a fit to the clipboard, or shows it in `dialog` when the browser refuses; render `dialog` once. */
+function useCopyFit() {
+	const $ = c(6);
+	const engine = useEngine();
+	const { copy, dialog } = useCopyText("Copy Fit", "fit", 12);
+	let t0;
+	if ($[0] !== copy || $[1] !== engine) {
+		t0 = (fit, format, onCopied) => copy(engine.saveText(fit, format), onCopied);
+		$[0] = copy;
+		$[1] = engine;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== dialog || $[4] !== t0) {
+		t1 = {
+			copy: t0,
+			dialog
+		};
+		$[3] = dialog;
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+/** Copies text to the clipboard, or shows it in `dialog` when the browser refuses; render `dialog` once. */
+function useCopyText(title, what, rows) {
+	const $ = c(10);
+	const [refused, setRefused] = useState();
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = (text, onCopied) => {
+			Promise.resolve().then(() => navigator.clipboard.writeText(text)).then(onCopied, () => setRefused(text));
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const copy = t0;
+	const t1 = refused !== void 0;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => setRefused(void 0);
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = refused ?? "";
+	let t4;
+	if ($[2] !== rows || $[3] !== t3 || $[4] !== what) {
+		t4 = /* @__PURE__ */ jsx(CopyForm, {
+			text: t3,
+			what,
+			rows
+		});
+		$[2] = rows;
+		$[3] = t3;
+		$[4] = what;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== t1 || $[7] !== t4 || $[8] !== title) {
+		t5 = {
+			copy,
+			dialog: /* @__PURE__ */ jsx(Dialog, {
+				open: t1,
+				title,
+				onClose: t2,
+				children: t4
+			})
+		};
+		$[6] = t1;
+		$[7] = t4;
+		$[8] = title;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
+}
+/** `true` for a moment after calling the returned function. */
+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] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => setShown(Date.now());
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== t2) {
+		t4 = [t2, t3];
+		$[4] = t2;
+		$[5] = t4;
+	} else t4 = $[5];
+	return t4;
+}
+function CopyForm(t0) {
+	const $ = c(10);
+	const { text, what, rows } = t0;
+	const id = useId();
+	let t1;
+	if ($[0] !== id || $[1] !== what) {
+		t1 = /* @__PURE__ */ jsxs("label", {
+			htmlFor: id,
+			children: [
+				"The browser blocked the clipboard. Copy the ",
+				what,
+				" from here."
+			]
+		});
+		$[0] = id;
+		$[1] = what;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== id || $[4] !== rows || $[5] !== text) {
+		t2 = /* @__PURE__ */ jsx("textarea", {
+			id,
+			rows,
+			readOnly: true,
+			value: text,
+			onFocus: _temp$14
+		});
+		$[3] = id;
+		$[4] = rows;
+		$[5] = text;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== t1 || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.form,
+			children: [t1, t2]
+		});
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+}
+function _temp$14(event) {
+	return event.currentTarget.select();
+}
 // src/components/ItemInfo/anchoredCard.ts
 /** Opens a popover card next to `anchor`; closes it when the anchor goes away or the page scrolls under it. */
 function useAnchoredCard(anchor, onClose) {
@@ -6596,7 +6807,7 @@ function Variations(t0) {
 	const swapper = t6;
 	let t7;
 	if ($[18] !== anchor || $[19] !== sde || $[20] !== show || $[21] !== swapper || $[22] !== target.typeId || $[23] !== variations) {
-		const groups = Map.groupBy(variations, _temp$12);
+		const groups = Map.groupBy(variations, _temp$13);
 		t7 = /* @__PURE__ */ jsx("ul", {
 			className: ItemInfo_module_default.list,
 			children: [...groups].map((t8) => {
@@ -6629,7 +6840,7 @@ function Variations(t0) {
 	} else t7 = $[24];
 	return t7;
 }
-function _temp$12(type_0) {
+function _temp$13(type_0) {
 	return type_0.metaGroupId;
 }
 function Variation(t0) {
@@ -6735,6 +6946,9 @@ var Mutate_module_default = {
 	"chartRoll": "yNZdnG_chartRoll",
 	"chartRow": "yNZdnG_chartRow",
 	"chartTitle": "yNZdnG_chartTitle",
+	"chip": "yNZdnG_chip",
+	"chipBar": "yNZdnG_chipBar",
+	"chips": "yNZdnG_chips",
 	"dice": "yNZdnG_dice",
 	"error": "yNZdnG_error",
 	"field": "yNZdnG_field",
@@ -6908,7 +7122,7 @@ function MutaplasmidPicker(t0) {
 				tabIndex: -1,
 				"data-active": mutaplasmid_0.id === active || void 0,
 				onFocus: () => setActive(mutaplasmid_0.id),
-				onPointerMove: _temp$11,
+				onPointerMove: _temp$12,
 				onClick: () => choose(mutaplasmid_0.id),
 				children: names[index_0]
 			}, mutaplasmid_0.id))
@@ -6933,7 +7147,7 @@ function MutaplasmidPicker(t0) {
 	} else t15 = $[24];
 	return t15;
 }
-function _temp$11(event_2) {
+function _temp$12(event_2) {
 	return event_2.currentTarget.focus();
 }
 /** Each stat's range under one mutaplasmid, the widest one's behind it, and the roll. */
@@ -6956,7 +7170,7 @@ function RangeChart(t0) {
 		if ($[7] !== rangesOf) {
 			t3 = (t4) => {
 				const { id } = t4;
-				return rangesOf(id).flatMap(_temp2$6);
+				return rangesOf(id).flatMap(_temp2$7);
 			};
 			$[7] = rangesOf;
 			$[8] = t3;
@@ -6987,7 +7201,7 @@ function RangeChart(t0) {
 	let t7;
 	if ($[12] !== at || $[13] !== mutaplasmids || $[14] !== names || $[15] !== rangesOf || $[16] !== roll.attributes || $[17] !== sde || $[18] !== shown) {
 		const widest = mutaplasmids.at(-1)?.id ?? shown;
-		const behind = new Map(rangesOf(widest).map(_temp3$3));
+		const behind = new Map(rangesOf(widest).map(_temp3$2));
 		let t8;
 		if ($[23] !== mutaplasmids || $[24] !== names) {
 			t8 = (mutaplasmidId) => names[mutaplasmids.findIndex((t9) => {
@@ -7133,10 +7347,10 @@ function RangeChart(t0) {
 	} else t14 = $[48];
 	return t14;
 }
-function _temp3$3(range_0) {
+function _temp3$2(range_0) {
 	return [range_0.attributeId, range_0];
 }
-function _temp2$6(range) {
+function _temp2$7(range) {
 	return [ratio(range, range.min), ratio(range, range.max)];
 }
 function percent(value) {
@@ -7160,119 +7374,382 @@ function span(at, from, to) {
 function upIsGood(range) {
 	return range.highIsGood === range.base >= 0;
 }
-/** The names without the words they all end in, like "Large Shield Extender Mutaplasmid". */
+/** The names without the words they all have, like "Large Shield Extender Mutaplasmid". */
 function shortNames(names) {
 	const words = names.map((name) => name.split(" "));
-	let shared = 0;
-	while (words.every((name) => name.length > shared + 1) && words.every((name) => name.at(-1 - shared) === words[0].at(-1 - shared))) shared++;
-	if (names.length === 1) shared = words[0].at(-1) === "Mutaplasmid" ? 1 : 0;
-	return words.map((name) => name.slice(0, name.length - shared).join(" "));
+	if (words.length === 1) return [words[0].filter((word) => word !== "Mutaplasmid").join(" ")];
+	const shared = words[0].filter((word) => words.every((name) => name.includes(word)));
+	const short = words.map((name) => name.filter((word) => !shared.includes(word)).join(" "));
+	return short.every((name) => name !== "") ? short : [...names];
 }
 // src/components/Mutate/Mutate.tsx
 const PREVIEW_TARGET = "mutate";
-/** The window to roll a fitted module's mutation in, next to what asked for it. */
+/** The window to roll a fitted module's or the drones' mutation in, next to what asked for it. */
 function Mutate() {
-	const $ = c(20);
+	const $ = c(9);
 	const { shown, close } = useMutate();
-	const fit = useFit();
-	const sde = useSde();
+	if (shown === void 0) return null;
+	if (shown.slot.type === "drone_bay") {
+		let t0;
+		if ($[0] !== close || $[1] !== shown) {
+			t0 = /* @__PURE__ */ jsx(MutateDrones, {
+				shown,
+				onClose: close
+			}, shown.base);
+			$[0] = close;
+			$[1] = shown;
+			$[2] = t0;
+		} else t0 = $[2];
+		return t0;
+	}
+	const t0 = shown.slot.type;
+	let t1;
+	if ($[3] !== shown.slot) {
+		t1 = slotIndex(shown.slot);
+		$[3] = shown.slot;
+		$[4] = t1;
+	} else t1 = $[4];
+	const t2 = `${t0} ${t1}`;
+	let t3;
+	if ($[5] !== close || $[6] !== shown || $[7] !== t2) {
+		t3 = /* @__PURE__ */ jsx(MutateModule, {
+			shown,
+			onClose: close
+		}, t2);
+		$[5] = close;
+		$[6] = shown;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+function useCloseWhenGone(gone, onClose) {
+	const $ = c(5);
+	const closeWhenGone = useEffectEvent(onClose);
 	let t0;
-	if ($[0] !== fit || $[1] !== shown) {
-		t0 = shown === void 0 ? -1 : refIn(fit, shown.slot);
-		$[0] = fit;
-		$[1] = shown;
+	if ($[0] !== closeWhenGone || $[1] !== gone) {
+		t0 = () => {
+			if (gone) closeWhenGone();
+		};
+		$[0] = closeWhenGone;
+		$[1] = gone;
 		$[2] = t0;
 	} else t0 = $[2];
-	const ref = t0;
+	let t1;
+	if ($[3] !== gone) {
+		t1 = [gone];
+		$[3] = gone;
+		$[4] = t1;
+	} else t1 = $[4];
+	useEffect(t0, t1);
+}
+function MutateModule(t0) {
+	const $ = c(12);
+	const { shown, onClose } = t0;
+	const fit = useFit();
+	const sde = useSde();
+	const ref = refIn(fit, shown.slot);
 	const item = fit.items[ref];
 	let t1;
-	if ($[3] !== item || $[4] !== sde) {
+	if ($[0] !== item || $[1] !== sde) {
 		t1 = item && mutationRollOf(sde, item);
-		$[3] = item;
-		$[4] = sde;
-		$[5] = t1;
-	} else t1 = $[5];
+		$[0] = item;
+		$[1] = sde;
+		$[2] = t1;
+	} else t1 = $[2];
 	const roll = t1;
-	const gone = shown !== void 0 && roll === void 0;
-	const closeWhenGone = useEffectEvent(close);
+	useCloseWhenGone(roll === void 0, onClose);
+	if (item === void 0 || roll === void 0) return null;
 	let t2;
-	if ($[6] !== closeWhenGone || $[7] !== gone) {
-		t2 = () => {
-			if (gone) closeWhenGone();
+	if ($[3] !== sde || $[4] !== shown.slot) {
+		t2 = (store, change) => {
+			const current = store.getSnapshot().fit;
+			const target = refIn(current, shown.slot);
+			const before = current.items[target] && mutationRollOf(sde, current.items[target]);
+			if (before !== void 0) store.setMutation(target, change(before));
 		};
-		$[6] = closeWhenGone;
-		$[7] = gone;
-		$[8] = t2;
-	} else t2 = $[8];
+		$[3] = sde;
+		$[4] = shown.slot;
+		$[5] = t2;
+	} else t2 = $[5];
 	let t3;
-	if ($[9] !== gone) {
-		t3 = [gone];
-		$[9] = gone;
-		$[10] = t3;
-	} else t3 = $[10];
-	useEffect(t2, t3);
-	if (shown === void 0 || item === void 0 || roll === void 0) return null;
-	const t4 = shown.slot.type;
-	let t5;
-	if ($[11] !== shown.slot) {
-		t5 = slotIndex(shown.slot);
-		$[11] = shown.slot;
-		$[12] = t5;
-	} else t5 = $[12];
-	const t6 = `${t4} ${t5}`;
-	let t7;
-	if ($[13] !== close || $[14] !== item.type_id || $[15] !== ref || $[16] !== roll || $[17] !== shown || $[18] !== t6) {
-		t7 = /* @__PURE__ */ jsx(MutateCard, {
+	if ($[6] !== item.type_id || $[7] !== onClose || $[8] !== roll || $[9] !== shown || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx(MutateCard, {
 			shown,
-			itemRef: ref,
 			typeId: item.type_id,
 			roll,
-			onClose: close
-		}, t6);
-		$[13] = close;
-		$[14] = item.type_id;
-		$[15] = ref;
-		$[16] = roll;
-		$[17] = shown;
-		$[18] = t6;
-		$[19] = t7;
-	} else t7 = $[19];
-	return t7;
+			apply: t2,
+			onClose
+		});
+		$[6] = item.type_id;
+		$[7] = onClose;
+		$[8] = roll;
+		$[9] = shown;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
 }
-function MutateCard(t0) {
-	const $ = c(42);
-	const { shown: t1, itemRef: ref, typeId, roll: fitted, onClose } = t0;
-	const { slot, anchor } = t1;
+function MutateDrones(t0) {
+	const $ = c(9);
+	const { shown, onClose } = t0;
+	const fit = useFit();
 	const sde = useSde();
-	const store = useFitStore();
-	const preview = usePreview();
-	const { card, style } = useAnchoredCard(anchor, onClose);
-	const { open: openMenu, menu } = useContextMenu();
-	const tabId = useId();
-	const [tab, setTab] = useState("attributes");
-	const [chosen, setChosen] = useState();
-	const [dragged, setDragged] = useState();
-	let t2;
-	if ($[0] !== fitted.base || $[1] !== sde) {
-		t2 = mutaplasmidsOf(sde, fitted.base);
-		$[0] = fitted.base;
+	let t1;
+	if ($[0] !== fit || $[1] !== sde || $[2] !== shown.base) {
+		t1 = shown.base === void 0 ? void 0 : mutatedDronesOf(sde, fit, shown.base);
+		$[0] = fit;
 		$[1] = sde;
-		$[2] = t2;
-	} else t2 = $[2];
-	const mutaplasmids = t2;
+		$[2] = shown.base;
+		$[3] = t1;
+	} else t1 = $[3];
+	const drones = t1;
+	useCloseWhenGone(drones === void 0, onClose);
+	if (drones === void 0) return null;
+	const t2 = fit.items[drones.refs[0]];
 	let t3;
-	if ($[3] !== chosen || $[4] !== fitted || $[5] !== sde) {
-		t3 = chosen !== void 0 && rollFits(sde, {
-			...fitted,
-			mutaplasmid: chosen
-		}) ? chosen : fitted.mutaplasmid;
-		$[3] = chosen;
-		$[4] = fitted;
+	if ($[4] !== drones || $[5] !== onClose || $[6] !== shown || $[7] !== t2.type_id) {
+		t3 = /* @__PURE__ */ jsx(DronesCard, {
+			shown,
+			typeId: t2.type_id,
+			drones,
+			onClose
+		});
+		$[4] = drones;
+		$[5] = onClose;
+		$[6] = shown;
+		$[7] = t2.type_id;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+/** The mutate window for the drones of a row; what is changed goes for the selected ones. */
+function DronesCard(t0) {
+	const $ = c(27);
+	const { shown, typeId, drones: t1, onClose } = t0;
+	const { rolls, active } = t1;
+	const sde = useSde();
+	const store = useFitStore();
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ new Set();
+		$[0] = t2;
+	} else t2 = $[0];
+	const [unselected, setUnselected] = useState(t2);
+	const base = rolls[0].base;
+	let T0;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	if ($[1] !== active || $[2] !== base || $[3] !== rolls || $[4] !== sde || $[5] !== shown || $[6] !== store || $[7] !== typeId || $[8] !== unselected) {
+		const all = rolls.map(_temp$11);
+		let t9;
+		if ($[16] !== unselected) {
+			t9 = (index_0) => !unselected.has(index_0);
+			$[16] = unselected;
+			$[17] = t9;
+		} else t9 = $[17];
+		const picked = all.filter(t9);
+		const selected = picked.length > 0 ? picked : all;
+		const select = (index_1, adding) => {
+			const only = selected.length === 1 && selected[0] === index_1;
+			if (adding) {
+				if (!only) setUnselected(new Set(all.filter((other) => selected.includes(other) === (other === index_1))));
+			} else setUnselected(new Set(only ? [] : all.filter((other_0) => other_0 !== index_1)));
+		};
+		T0 = MutateCard;
+		t3 = shown;
+		t4 = typeId;
+		t5 = rolls[selected[0]];
+		t6 = rolls.length > 1 ? {
+			disabled: selected.length > 1,
+			set: (roll) => store.setMutatedDrones(base, rolls.map(() => roll))
+		} : void 0;
+		t7 = (target, change) => target.setMutatedDrones(base, (mutatedDronesOf(sde, target.getSnapshot().fit, base)?.rolls ?? []).map((roll_0, index_2) => selected.includes(index_2) ? change(roll_0) : roll_0));
+		t8 = rolls.length > 1 && /* @__PURE__ */ jsx("div", {
+			className: Mutate_module_default.chips,
+			children: rolls.map((roll_1, index_3) => /* @__PURE__ */ jsx(DroneChip, {
+				index: index_3,
+				roll: roll_1,
+				selected: selected.includes(index_3),
+				launched: index_3 < active,
+				onSelect: (adding_0) => select(index_3, adding_0)
+			}, index_3))
+		});
+		$[1] = active;
+		$[2] = base;
+		$[3] = rolls;
+		$[4] = sde;
+		$[5] = shown;
+		$[6] = store;
+		$[7] = typeId;
+		$[8] = unselected;
+		$[9] = T0;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+		$[14] = t7;
+		$[15] = t8;
+	} else {
+		T0 = $[9];
+		t3 = $[10];
+		t4 = $[11];
+		t5 = $[12];
+		t6 = $[13];
+		t7 = $[14];
+		t8 = $[15];
+	}
+	let t9;
+	if ($[18] !== T0 || $[19] !== onClose || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t8) {
+		t9 = /* @__PURE__ */ jsx(T0, {
+			shown: t3,
+			typeId: t4,
+			roll: t5,
+			setAll: t6,
+			apply: t7,
+			above: t8,
+			onClose
+		});
+		$[18] = T0;
+		$[19] = onClose;
+		$[20] = t3;
+		$[21] = t4;
+		$[22] = t5;
+		$[23] = t6;
+		$[24] = t7;
+		$[25] = t8;
+		$[26] = t9;
+	} else t9 = $[26];
+	return t9;
+}
+function _temp$11(_, index) {
+	return index;
+}
+/** One drone of a row, with how it rolled the stat that matters most. */
+function DroneChip(t0) {
+	const $ = c(20);
+	const { index, roll, selected, launched, onSelect } = t0;
+	const sde = useSde();
+	let t1;
+	if ($[0] !== roll.base || $[1] !== roll.mutaplasmid || $[2] !== sde) {
+		const ranges = mutationRanges(sde, roll.base, roll.mutaplasmid);
+		t1 = ranges.find((t2) => {
+			const { attributeId } = t2;
+			return attributeId === sde.attributeId("damageMultiplier");
+		}) ?? ranges[0];
+		$[0] = roll.base;
+		$[1] = roll.mutaplasmid;
+		$[2] = sde;
+		$[3] = t1;
+	} else t1 = $[3];
+	const range = t1;
+	const value = range && (roll.attributes[range.attributeId] ?? range.base);
+	const change = range && value !== void 0 && range.base !== 0 ? value / range.base - 1 : 0;
+	const width = range && value !== void 0 && range.max > range.min ? (value - range.min) / (range.max - range.min) : 0;
+	const t2 = Math.abs(change) * 100;
+	let t3;
+	if ($[4] !== t2) {
+		t3 = formatNumber(t2, { decimals: 1 });
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	const percent = t3;
+	const better = change > 0 === (range?.highIsGood ?? true);
+	const t4 = launched || void 0;
+	let t5;
+	if ($[6] !== onSelect) {
+		t5 = (event) => onSelect(event.ctrlKey || event.metaKey || event.shiftKey);
+		$[6] = onSelect;
+		$[7] = t5;
+	} else t5 = $[7];
+	const t6 = index + 1;
+	const t7 = Number(percent) === 0 ? void 0 : better ? "better" : "worse";
+	const t8 = Number(percent) === 0 ? "0%" : `${change > 0 ? "+" : "-"}${percent}%`;
+	let t9;
+	if ($[8] !== t7 || $[9] !== t8) {
+		t9 = /* @__PURE__ */ jsx("span", {
+			className: Mutate_module_default.change,
+			"data-change": t7,
+			children: t8
+		});
+		$[8] = t7;
+		$[9] = t8;
+		$[10] = t9;
+	} else t9 = $[10];
+	const t10 = `${width * 100}%`;
+	let t11;
+	if ($[11] !== t10) {
+		t11 = /* @__PURE__ */ jsx("span", {
+			className: Mutate_module_default.chipBar,
+			children: /* @__PURE__ */ jsx("span", { style: { width: t10 } })
+		});
+		$[11] = t10;
+		$[12] = t11;
+	} else t11 = $[12];
+	let t12;
+	if ($[13] !== selected || $[14] !== t11 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6 || $[18] !== t9) {
+		t12 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: Mutate_module_default.chip,
+			"aria-pressed": selected,
+			"data-launched": t4,
+			title: "Click for only this drone, Ctrl+click to add or remove it",
+			onClick: t5,
+			children: [
+				"Drone ",
+				t6,
+				t9,
+				t11
+			]
+		});
+		$[13] = selected;
+		$[14] = t11;
+		$[15] = t4;
+		$[16] = t5;
+		$[17] = t6;
+		$[18] = t9;
+		$[19] = t12;
+	} else t12 = $[19];
+	return t12;
+}
+function MutateCard(t0) {
+	const $ = c(42);
+	const { shown: t1, typeId, roll: fitted, setAll, apply, above, onClose } = t0;
+	const { slot, anchor } = t1;
+	const sde = useSde();
+	const store = useFitStore();
+	const preview = usePreview();
+	const { card, style } = useAnchoredCard(anchor, onClose);
+	const { open: openMenu, menu } = useContextMenu();
+	const tabId = useId();
+	const [tab, setTab] = useState("attributes");
+	const [chosen, setChosen] = useState();
+	const [dragged, setDragged] = useState();
+	let t2;
+	if ($[0] !== fitted.base || $[1] !== sde) {
+		t2 = mutaplasmidsOf(sde, fitted.base);
+		$[0] = fitted.base;
+		$[1] = sde;
+		$[2] = t2;
+	} else t2 = $[2];
+	const mutaplasmids = t2;
+	let t3;
+	if ($[3] !== chosen || $[4] !== fitted || $[5] !== sde) {
+		t3 = chosen !== void 0 && rollFits(sde, {
+			...fitted,
+			mutaplasmid: chosen
+		}) ? chosen : fitted.mutaplasmid;
+		$[3] = chosen;
+		$[4] = fitted;
 		$[5] = sde;
 		$[6] = t3;
 	} else t3 = $[6];
 	const mutaplasmid = t3;
-	const roll = dragged ?? {
+	const roll = dragged?.roll ?? {
 		...fitted,
 		mutaplasmid
 	};
@@ -7298,57 +7775,54 @@ function MutateCard(t0) {
 	} else t6 = $[11];
 	useEffect(t5, t6);
 	let t7;
-	if ($[12] !== preview || $[13] !== ref || $[14] !== store) {
-		t7 = (next) => {
+	if ($[12] !== apply || $[13] !== preview || $[14] !== store) {
+		t7 = (change, picked) => {
 			preview.clear(PREVIEW_TARGET);
 			setDragged(void 0);
-			setChosen(next.mutaplasmid);
-			store.setMutation(ref, next);
+			setChosen(picked);
+			apply(store, change);
 		};
-		$[12] = preview;
-		$[13] = ref;
+		$[12] = apply;
+		$[13] = preview;
 		$[14] = store;
 		$[15] = t7;
 	} else t7 = $[15];
 	const commit = t7;
+	const setValue = (range, value) => {
+		const clamped = clampToRange(value, range);
+		const change_0 = (before) => ({
+			...before,
+			mutaplasmid,
+			attributes: {
+				...before.attributes,
+				[range.attributeId]: clamped
+			}
+		});
+		setDragged({
+			roll: change_0(roll),
+			change: change_0
+		});
+		preview.show((draft) => apply(draft, change_0), PREVIEW_TARGET);
+	};
 	let t8;
-	if ($[16] !== preview || $[17] !== ref) {
-		t8 = (next_0) => {
-			setDragged(next_0);
-			preview.show((draft) => draft.setMutation(ref, next_0), PREVIEW_TARGET);
+	if ($[16] !== commit || $[17] !== dragged) {
+		t8 = () => {
+			if (dragged !== void 0) commit(dragged.change, dragged.roll.mutaplasmid);
 		};
-		$[16] = preview;
-		$[17] = ref;
+		$[16] = commit;
+		$[17] = dragged;
 		$[18] = t8;
 	} else t8 = $[18];
-	const drag = t8;
-	const setValue = (range, value) => drag({
-		...roll,
-		attributes: {
-			...roll.attributes,
-			[range.attributeId]: clamp(value, range)
-		}
-	});
+	const finish = t8;
+	const reroll = (kind) => commit(() => rollMutation(sde, roll.base, roll.mutaplasmid, kind), roll.mutaplasmid);
 	let t9;
-	if ($[19] !== commit || $[20] !== dragged) {
-		t9 = () => {
-			if (dragged !== void 0) commit(dragged);
-		};
+	if ($[19] !== commit || $[20] !== sde) {
+		t9 = (picked_0) => commit((before_0) => withMutaplasmid(sde, before_0, picked_0), picked_0);
 		$[19] = commit;
-		$[20] = dragged;
+		$[20] = sde;
 		$[21] = t9;
 	} else t9 = $[21];
-	const finish = t9;
-	const reroll = (kind) => commit(rollMutation(sde, roll.base, roll.mutaplasmid, kind));
-	const choose = (picked) => {
-		const attributes = {};
-		for (const range_0 of mutationRanges(sde, roll.base, picked)) attributes[range_0.attributeId] = clamp(roll.attributes[range_0.attributeId] ?? range_0.base, range_0);
-		commit({
-			base: roll.base,
-			mutaplasmid: picked,
-			attributes
-		});
-	};
+	const choose = t9;
 	let t10;
 	if ($[22] !== onClose) {
 		t10 = (event) => {
@@ -7447,30 +7921,39 @@ function MutateCard(t0) {
 					className: Mutate_module_default.more,
 					"aria-label": "More Rolls",
 					"aria-haspopup": "menu",
-					onClick: (event_0) => openMenu(event_0, [{
-						label: "Best Roll",
-						onSelect: () => reroll("best")
-					}, {
-						label: "Worst Roll",
-						onSelect: () => reroll("worst")
-					}]),
+					onClick: (event_0) => openMenu(event_0, [
+						{
+							label: "Best Roll",
+							onSelect: () => reroll("best")
+						},
+						{
+							label: "Worst Roll",
+							onSelect: () => reroll("worst")
+						},
+						setAll && {
+							label: "Set All Drones to Selected",
+							disabled: setAll.disabled,
+							onSelect: () => setAll.set(roll)
+						}
+					]),
 					children: "▾"
 				})]
 			})]
 		}),
 		menu,
+		above,
 		/* @__PURE__ */ jsx("div", {
 			className: Mutate_module_default.stats,
-			children: ranges.map((range_1) => /* @__PURE__ */ jsx(Stat$1, {
-				range: range_1,
-				value: roll.attributes[range_1.attributeId] ?? range_1.base,
-				onChange: (value_0) => setValue(range_1, value_0),
+			children: ranges.map((range_0) => /* @__PURE__ */ jsx(Stat$1, {
+				range: range_0,
+				value: roll.attributes[range_0.attributeId] ?? range_0.base,
+				onChange: (value_0) => setValue(range_0, value_0),
 				onFinish: finish
-			}, range_1.attributeId))
+			}, range_0.attributeId))
 		})
 	] }) : /* @__PURE__ */ jsx(Import, {
-		slot,
 		current: fitted,
+		apply: (next) => apply(store, () => next),
 		onFound: (found) => {
 			setChosen(found.mutaplasmid);
 			setTab("attributes");
@@ -7712,12 +8195,11 @@ function Stat$1(t0) {
 	} else t22 = $[48];
 	return t22;
 }
-/** Rolls this module like one pasted from Pyfa, or one in game looked up by its link or IDs. */
+/** Rolls this module or drone like one pasted from Pyfa, or one in game looked up by its link or IDs. */
 function Import(t0) {
 	const $ = c(39);
-	const { slot, current, onFound } = t0;
+	const { current, apply: applyRoll, onFound } = t0;
 	const engine = useEngine();
-	const store = useFitStore();
 	const sde = useSde();
 	const fieldId = useId();
 	const [text, setText] = useState("");
@@ -7739,24 +8221,21 @@ function Import(t0) {
 	} else t2 = $[5];
 	const ids = t2;
 	let t3;
-	if ($[6] !== onFound || $[7] !== sde || $[8] !== slot || $[9] !== store) {
+	if ($[6] !== applyRoll || $[7] !== current.base || $[8] !== onFound || $[9] !== sde) {
 		t3 = (roll) => {
-			const { fit } = store.getSnapshot();
-			const ref = refIn(fit, slot);
-			const base = fit.items[ref]?.mutation?.base;
-			if (base !== roll.base) {
-				const name = (typeId) => typeId === void 0 ? "module" : sde.type(typeId)?.name;
-				setStatus({ error: `That is a ${name(roll.base)}, not a ${name(base)}` });
+			if (current.base !== roll.base) {
+				const name = (typeId) => sde.type(typeId)?.name;
+				setStatus({ error: `That is a ${name(roll.base)}, not a ${name(current.base)}` });
 				return;
 			}
-			store.setMutation(ref, roll);
+			applyRoll(roll);
 			setStatus(void 0);
 			onFound(roll);
 		};
-		$[6] = onFound;
-		$[7] = sde;
-		$[8] = slot;
-		$[9] = store;
+		$[6] = applyRoll;
+		$[7] = current.base;
+		$[8] = onFound;
+		$[9] = sde;
 		$[10] = t3;
 	} else t3 = $[10];
 	const apply = t3;
@@ -7792,7 +8271,7 @@ function Import(t0) {
 		$[16] = lookUp;
 		$[17] = t5;
 	} else t5 = $[17];
-	const t6 = engine.esi === void 0 ? "Paste the module from Pyfa." : "Paste the module from Pyfa or its item link from EVE, or type its type ID and item ID.";
+	const t6 = engine.esi === void 0 ? "Paste the item from Pyfa." : "Paste the item from Pyfa or its item link from EVE, or type its type ID and item ID.";
 	let t7;
 	if ($[18] !== fieldId || $[19] !== t6) {
 		t7 = /* @__PURE__ */ jsx("label", {
@@ -7876,7 +8355,7 @@ function Import(t0) {
 	} else t14 = $[38];
 	return t14;
 }
-/** A roll as Pyfa copies a mutated module. */
+/** A roll as Pyfa copies a mutated module or drone. */
 function pyfaText(sde, roll) {
 	const values = Object.entries(roll.attributes).map(([id, value]) => `${sde.attribute(Number(id))?.name ?? id} ${Number(value.toFixed(4))}`).join(", ");
 	return `${sde.type(roll.base)?.name ?? roll.base}\n${sde.type(roll.mutaplasmid)?.name ?? roll.mutaplasmid}\n${values}`;
@@ -7887,9 +8366,6 @@ function refIn(fit, slot) {
 function slotIndex(slot) {
 	return "index" in slot ? slot.index : void 0;
 }
-function clamp(value, range) {
-	return Math.min(range.max, Math.max(range.min, value));
-}
 function Dice() {
 	const $ = c(1);
 	let t0;
@@ -8103,8 +8579,8 @@ var BayContents_module_default = {
 // src/components/FittingWindow/DroneTooltip.tsx
 /** What EVE shows when hovering a drone in the drone bay. */
 function DroneTooltip(t0) {
-	const $ = c(32);
-	const { itemRef, typeId } = t0;
+	const $ = c(35);
+	const { itemRef, typeId, mutatedFrom } = t0;
 	const sde = useSde();
 	const type = useType(typeId);
 	const effectId = type?.defaultEffectId;
@@ -8152,55 +8628,61 @@ function DroneTooltip(t0) {
 		$[9] = t5;
 	} else t5 = $[9];
 	let t6;
-	if ($[10] !== effectId || $[11] !== itemRef) {
-		t6 = effectId !== void 0 && /* @__PURE__ */ jsx(EffectRange, {
+	if ($[10] !== mutatedFrom) {
+		t6 = mutatedFrom !== void 0 && /* @__PURE__ */ jsx(MutatedFrom, { typeId: mutatedFrom });
+		$[10] = mutatedFrom;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== effectId || $[13] !== itemRef) {
+		t7 = effectId !== void 0 && /* @__PURE__ */ jsx(EffectRange, {
 			itemRef,
 			effectId
 		});
-		$[10] = effectId;
-		$[11] = itemRef;
-		$[12] = t6;
-	} else t6 = $[12];
-	let t7;
-	if ($[13] !== dps.text) {
-		t7 = /* @__PURE__ */ jsxs(Attribute, {
-			name: "damageMultiplier",
-			children: ["Damage Per Second ", dps.text]
-		});
-		$[13] = dps.text;
+		$[12] = effectId;
+		$[13] = itemRef;
 		$[14] = t7;
 	} else t7 = $[14];
 	let t8;
-	if ($[15] !== itemRef) {
-		t8 = /* @__PURE__ */ jsx(DamageTypes, { itemRef });
-		$[15] = itemRef;
+	if ($[15] !== dps.text) {
+		t8 = /* @__PURE__ */ jsxs(Attribute, {
+			name: "damageMultiplier",
+			children: ["Damage Per Second ", dps.text]
+		});
+		$[15] = dps.text;
 		$[16] = t8;
 	} else t8 = $[16];
 	let t9;
-	if ($[17] !== itemRef || $[18] !== mining) {
-		t9 = mining && /* @__PURE__ */ jsx(MiningAmount, { itemRef });
+	if ($[17] !== itemRef) {
+		t9 = /* @__PURE__ */ jsx(DamageTypes, { itemRef });
 		$[17] = itemRef;
-		$[18] = mining;
-		$[19] = t9;
-	} else t9 = $[19];
+		$[18] = t9;
+	} else t9 = $[18];
 	let t10;
-	if ($[20] !== itemRef) {
-		t10 = /* @__PURE__ */ jsx(Tracking, { itemRef });
-		$[20] = itemRef;
+	if ($[19] !== itemRef || $[20] !== mining) {
+		t10 = mining && /* @__PURE__ */ jsx(MiningAmount, { itemRef });
+		$[19] = itemRef;
+		$[20] = mining;
 		$[21] = t10;
 	} else t10 = $[21];
 	let t11;
-	if ($[22] !== bandwidth.text) {
-		t11 = /* @__PURE__ */ jsxs(Attribute, {
-			name: "droneBandwidthUsed",
-			children: ["Bandwidth Needed ", bandwidth.text]
-		});
-		$[22] = bandwidth.text;
+	if ($[22] !== itemRef) {
+		t11 = /* @__PURE__ */ jsx(Tracking, { itemRef });
+		$[22] = itemRef;
 		$[23] = t11;
 	} else t11 = $[23];
 	let t12;
-	if ($[24] !== t10 || $[25] !== t11 || $[26] !== t5 || $[27] !== t6 || $[28] !== t7 || $[29] !== t8 || $[30] !== t9) {
-		t12 = /* @__PURE__ */ jsxs("span", {
+	if ($[24] !== bandwidth.text) {
+		t12 = /* @__PURE__ */ jsxs(Attribute, {
+			name: "droneBandwidthUsed",
+			children: ["Bandwidth Needed ", bandwidth.text]
+		});
+		$[24] = bandwidth.text;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] !== t10 || $[27] !== t11 || $[28] !== t12 || $[29] !== t5 || $[30] !== t6 || $[31] !== t7 || $[32] !== t8 || $[33] !== t9) {
+		t13 = /* @__PURE__ */ jsxs("span", {
 			className: ModuleTooltip_module_default.tooltip,
 			children: [
 				t5,
@@ -8209,19 +8691,21 @@ function DroneTooltip(t0) {
 				t8,
 				t9,
 				t10,
-				t11
+				t11,
+				t12
 			]
 		});
-		$[24] = t10;
-		$[25] = t11;
-		$[26] = t5;
-		$[27] = t6;
-		$[28] = t7;
-		$[29] = t8;
-		$[30] = t9;
-		$[31] = t12;
-	} else t12 = $[31];
-	return t12;
+		$[26] = t10;
+		$[27] = t11;
+		$[28] = t12;
+		$[29] = t5;
+		$[30] = t6;
+		$[31] = t7;
+		$[32] = t8;
+		$[33] = t9;
+		$[34] = t13;
+	} else t13 = $[34];
+	return t13;
 }
 // src/primitives/FighterTube/FighterTube.module.css
 var FighterTube_module_default = {
@@ -8856,10 +9340,13 @@ const emptyText = {
 };
 /** EVE's list of what is in a bay, as a popover anchored to `--bay-anchor`; the fighter bay's has its tubes above. */
 function BayContents(t0) {
-	const $ = c(42);
+	const $ = c(34);
 	const { id, bay, label } = t0;
 	const store = useFitStore();
+	const sde = useSde();
 	const { start, end } = useDrag();
+	const { show: showMutate } = useMutate();
+	const { open, menu } = useContextMenu();
 	const contents = useBayContents(bay);
 	const panel = useRef(null);
 	const drones = bay === "droneBay";
@@ -8875,7 +9362,7 @@ function BayContents(t0) {
 	let t2;
 	if ($[2] !== contents || $[3] !== fighters || $[4] !== fit) {
 		const launched = fighters ? fit.items.flatMap(_temp$8) : [];
-		t2 = [...contents.flatMap(_temp2$5), ...launched];
+		t2 = [...contents.flatMap(_temp2$6), ...launched];
 		$[2] = contents;
 		$[3] = fighters;
 		$[4] = fit;
@@ -8901,8 +9388,11 @@ function BayContents(t0) {
 	}
 	let t3;
 	if ($[9] !== drones || $[10] !== fighters || $[11] !== store) {
-		t3 = (typeId, quantity) => {
-			if (drones) store.setDroneQuantity(typeId, quantity);
+		t3 = (t4, quantity) => {
+			const { type: t5, mutatedFrom } = t4;
+			const { id: typeId } = t5;
+			if (mutatedFrom) store.setMutatedDroneQuantity(mutatedFrom.id, quantity);
+			else if (drones) store.setDroneQuantity(typeId, quantity);
 			else if (fighters) store.setFighterBayQuantity(typeId, quantity);
 			else store.setCargoQuantity(typeId, quantity);
 		};
@@ -8912,11 +9402,32 @@ function BayContents(t0) {
 		$[12] = t3;
 	} else t3 = $[12];
 	const setQuantity = t3;
-	const t4 = drones || void 0;
-	const t5 = fighters || void 0;
-	let t6;
+	const openMenu = (event, t4) => {
+		const { type, mutatedFrom: mutatedFrom_0, refs: refs_0 } = t4;
+		const unmutated = mutatedFrom_0 ?? type;
+		if (!canMutate(sde, unmutated) || mutatedFrom_0 && !mutatedDronesOf(sde, fit, mutatedFrom_0.id)) return;
+		const mutate = () => {
+			if (!mutatedFrom_0) store.setDronesMutation(refs_0, rollMutation(sde, type.id, mutaplasmidsOf(sde, type.id)[0].id, "base"));
+			showMutate({ type: "drone_bay" }, {
+				element: panel.current.parentElement,
+				side: "right"
+			}, unmutated.id);
+		};
+		open(event, [{
+			label: mutatedFrom_0 ? "Edit Mutation" : "Mutate",
+			onSelect: mutate
+		}, mutatedFrom_0 && {
+			label: "Remove Mutation",
+			onSelect: () => store.setDronesMutation(refs_0, void 0)
+		}]);
+	};
+	const t5 = BayContents_module_default;
+	const t6 = "auto";
+	const t7 = drones || void 0;
+	const t8 = fighters || void 0;
+	let t9;
 	if ($[13] !== drones || $[14] !== maxActive || $[15] !== stats.ship) {
-		t6 = drones && /* @__PURE__ */ jsxs("div", {
+		t9 = drones && /* @__PURE__ */ jsxs("div", {
 			className: BayContents_module_default.activeDrones,
 			children: [
 				"Active drones: ",
@@ -8928,102 +9439,91 @@ function BayContents(t0) {
 		$[13] = drones;
 		$[14] = maxActive;
 		$[15] = stats.ship;
-		$[16] = t6;
-	} else t6 = $[16];
-	let t7;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
 	if ($[17] !== fighters) {
-		t7 = fighters && /* @__PURE__ */ jsx(FighterTubes, {});
+		t10 = fighters && /* @__PURE__ */ jsx(FighterTubes, {});
 		$[17] = fighters;
-		$[18] = t7;
-	} else t7 = $[18];
-	let t8;
-	if ($[19] !== bay || $[20] !== contents || $[21] !== drones || $[22] !== end || $[23] !== fighters || $[24] !== fit || $[25] !== label || $[26] !== maxActive || $[27] !== setQuantity || $[28] !== start || $[29] !== store) {
-		t8 = contents.length === 0 ? /* @__PURE__ */ jsx("div", {
-			className: BayContents_module_default.none,
-			children: emptyText[bay]
-		}) : /* @__PURE__ */ jsx("ul", {
-			className: BayContents_module_default.list,
-			"aria-label": label,
-			children: contents.map((content) => {
-				const { type, quantity: quantity_0, refs: refs_0 } = content;
-				const drag = {
-					draggable: true,
-					onDragStart: (event) => {
-						const icon = event.currentTarget.closest("li").querySelector(`.${BayContents_module_default.icon}`);
-						event.dataTransfer.setDragImage(icon, 0, 0);
-						event.dataTransfer.effectAllowed = "copy";
-						event.dataTransfer.setData("text/plain", type.name);
-						start({
-							type: "type",
-							typeId: type.id
-						});
-					},
-					onDragEnd: end
-				};
-				const shown = refs_0.find((ref_0) => fit.items[ref_0]?.state === "active") ?? refs_0[0];
-				return /* @__PURE__ */ jsxs("li", {
-					className: BayContents_module_default.row,
-					children: [
-						/* @__PURE__ */ jsx(Quantity, {
-							name: type.name,
-							value: quantity_0,
-							onChange: (value) => setQuantity(type.id, value)
-						}),
-						/* @__PURE__ */ jsx(Tooltip, {
-							label: drones ? /* @__PURE__ */ jsx(DroneTooltip, {
-								itemRef: shown,
-								typeId: type.id
-							}) : void 0,
-							children: /* @__PURE__ */ jsx("span", {
-								className: BayContents_module_default.icon,
-								...drag,
-								children: /* @__PURE__ */ jsx(TypeIcon, { typeId: type.id })
-							})
-						}),
-						/* @__PURE__ */ jsxs("span", {
-							className: BayContents_module_default.middle,
+		$[18] = t10;
+	} else t10 = $[18];
+	const t11 = contents.length === 0 ? /* @__PURE__ */ jsx("div", {
+		className: BayContents_module_default.none,
+		children: emptyText[bay]
+	}) : /* @__PURE__ */ jsx("ul", {
+		className: BayContents_module_default.list,
+		"aria-label": label,
+		children: contents.map((content) => {
+			const { type: type_0, quantity: quantity_0, refs: refs_1, key, mutatedFrom: mutatedFrom_1 } = content;
+			const drag = {
+				draggable: mutatedFrom_1 === void 0,
+				onDragStart: (event_0) => {
+					const icon = event_0.currentTarget.closest("li").querySelector(`.${BayContents_module_default.icon}`);
+					event_0.dataTransfer.setDragImage(icon, 0, 0);
+					event_0.dataTransfer.effectAllowed = "copy";
+					event_0.dataTransfer.setData("text/plain", type_0.name);
+					start({
+						type: "type",
+						typeId: type_0.id
+					});
+				},
+				onDragEnd: end
+			};
+			const shown = refs_1.find((ref_0) => fit.items[ref_0]?.state === "active") ?? refs_1[0];
+			const name = mutatedFrom_1 ? `Mutated ${mutatedFrom_1.name}` : type_0.name;
+			return /* @__PURE__ */ jsxs("li", {
+				className: BayContents_module_default.row,
+				onContextMenu: drones ? (event_1) => openMenu(event_1, content) : void 0,
+				children: [
+					/* @__PURE__ */ jsx(Quantity, {
+						name,
+						value: quantity_0,
+						onChange: (value) => setQuantity(content, value)
+					}),
+					/* @__PURE__ */ jsx(Tooltip, {
+						label: drones ? /* @__PURE__ */ jsx(DroneTooltip, {
+							itemRef: shown,
+							typeId: type_0.id,
+							mutatedFrom: mutatedFrom_1?.id
+						}) : void 0,
+						children: /* @__PURE__ */ jsx("span", {
+							className: BayContents_module_default.icon,
 							...drag,
-							children: [/* @__PURE__ */ jsx("span", {
-								className: BayContents_module_default.name,
-								children: type.name
-							}), drones && /* @__PURE__ */ jsx(DroneSelection, {
-								content,
-								max: maxActive
-							})]
-						}),
-						/* @__PURE__ */ jsx("button", {
-							type: "button",
-							className: BayContents_module_default.remove,
-							"aria-label": `Remove ${type.name}`,
-							onClick: (event_0) => {
-								const row = event_0.currentTarget.closest("li");
-								const next = row.nextElementSibling ?? row.previousElementSibling;
-								store.remove(...refs_0);
-								if (next !== null) next.querySelector(`.${BayContents_module_default.remove}`)?.focus();
-								else if (!fighters) panel.current?.hidePopover();
-							},
-							children: /* @__PURE__ */ jsx(Icon, { name: "close" })
+							children: /* @__PURE__ */ jsx(TypeIcon, { typeId: type_0.id })
 						})
-					]
-				}, type.id);
-			})
-		});
-		$[19] = bay;
-		$[20] = contents;
-		$[21] = drones;
-		$[22] = end;
-		$[23] = fighters;
-		$[24] = fit;
-		$[25] = label;
-		$[26] = maxActive;
-		$[27] = setQuantity;
-		$[28] = start;
-		$[29] = store;
-		$[30] = t8;
-	} else t8 = $[30];
-	let t9;
-	if ($[31] !== all || $[32] !== store) {
-		t9 = all.length > 0 && /* @__PURE__ */ jsx("button", {
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: BayContents_module_default.middle,
+						...drag,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: BayContents_module_default.name,
+							"data-mutated": mutatedFrom_1 !== void 0 || void 0,
+							children: name
+						}), drones && /* @__PURE__ */ jsx(DroneSelection, {
+							content,
+							max: maxActive
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: BayContents_module_default.remove,
+						"aria-label": `Remove ${name}`,
+						onClick: (event_2) => {
+							const row = event_2.currentTarget.closest("li");
+							const next = row.nextElementSibling ?? row.previousElementSibling;
+							store.remove(...refs_1);
+							if (next !== null) next.querySelector(`.${BayContents_module_default.remove}`)?.focus();
+							else if (!fighters) panel.current?.hidePopover();
+						},
+						children: /* @__PURE__ */ jsx(Icon, { name: "close" })
+					})
+				]
+			}, key);
+		})
+	});
+	let t12;
+	if ($[19] !== all || $[20] !== panel || $[21] !== store) {
+		t12 = all.length > 0 && /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: BayContents_module_default.removeAll,
 			onClick: () => {
@@ -9032,39 +9532,44 @@ function BayContents(t0) {
 			},
 			children: "Remove All"
 		});
-		$[31] = all;
-		$[32] = store;
-		$[33] = t9;
-	} else t9 = $[33];
-	let t10;
-	if ($[34] !== id || $[35] !== t4 || $[36] !== t5 || $[37] !== t6 || $[38] !== t7 || $[39] !== t8 || $[40] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("div", {
+		$[19] = all;
+		$[20] = panel;
+		$[21] = store;
+		$[22] = t12;
+	} else t12 = $[22];
+	let t13;
+	if ($[23] !== id || $[24] !== menu || $[25] !== panel || $[26] !== t10 || $[27] !== t11 || $[28] !== t12 || $[29] !== t5.panel || $[30] !== t7 || $[31] !== t8 || $[32] !== t9) {
+		t13 = /* @__PURE__ */ jsxs("div", {
 			ref: panel,
 			id,
-			className: BayContents_module_default.panel,
-			popover: "auto",
-			"data-drones": t4,
-			"data-fighters": t5,
+			className: t5.panel,
+			popover: t6,
+			"data-drones": t7,
+			"data-fighters": t8,
 			children: [
-				t6,
-				t7,
-				t8,
-				t9
+				t9,
+				t10,
+				menu,
+				t11,
+				t12
 			]
 		});
-		$[34] = id;
-		$[35] = t4;
-		$[36] = t5;
-		$[37] = t6;
-		$[38] = t7;
-		$[39] = t8;
-		$[40] = t9;
-		$[41] = t10;
-	} else t10 = $[41];
-	return t10;
+		$[23] = id;
+		$[24] = menu;
+		$[25] = panel;
+		$[26] = t10;
+		$[27] = t11;
+		$[28] = t12;
+		$[29] = t5.panel;
+		$[30] = t7;
+		$[31] = t8;
+		$[32] = t9;
+		$[33] = t13;
+	} else t13 = $[33];
+	return t13;
 }
 /** One box per drone the character can launch. */
-function _temp2$5(t0) {
+function _temp2$6(t0) {
 	const { refs } = t0;
 	return refs;
 }
@@ -9072,59 +9577,69 @@ function _temp$8(item, ref) {
 	return item.slot.type === "fighter_tube" ? [ref] : [];
 }
 function DroneSelection(t0) {
-	const $ = c(16);
+	const $ = c(18);
 	const { content: t1, max } = t0;
-	const { type, quantity, active } = t1;
+	const { type, quantity, active, mutatedFrom } = t1;
 	const store = useFitStore();
-	const room = useDroneRoom(type);
-	const t2 = `Active ${type.name}`;
-	let t3;
-	if ($[0] !== active || $[1] !== max || $[2] !== quantity || $[3] !== room || $[4] !== store || $[5] !== type.id) {
-		let t4;
-		if ($[7] !== active || $[8] !== quantity || $[9] !== room || $[10] !== store || $[11] !== type.id) {
-			t4 = (_, index) => {
-				const count = index + 1;
-				const state = count <= active ? "active" : count > quantity ? "none" : count <= active + room ? "open" : "over";
-				return /* @__PURE__ */ jsx("button", {
-					type: "button",
+	const room = useDroneRoom(mutatedFrom ?? type);
+	let t2;
+	if ($[0] !== mutatedFrom || $[1] !== store || $[2] !== type) {
+		t2 = (count) => {
+			if (mutatedFrom) store.setActiveMutatedDrones(mutatedFrom.id, count);
+			else store.setActiveDrones(type.id, count);
+		};
+		$[0] = mutatedFrom;
+		$[1] = store;
+		$[2] = type;
+		$[3] = t2;
+	} else t2 = $[3];
+	const select = t2;
+	const t3 = `Active ${mutatedFrom ? `Mutated ${mutatedFrom.name}` : type.name}`;
+	let t4;
+	if ($[4] !== active || $[5] !== max || $[6] !== quantity || $[7] !== room || $[8] !== select) {
+		let t5;
+		if ($[10] !== active || $[11] !== quantity || $[12] !== room || $[13] !== select) {
+			t5 = (_, index) => {
+				const count_0 = index + 1;
+				const state = count_0 <= active ? "active" : count_0 > quantity ? "none" : count_0 <= active + room ? "open" : "over";
+				return /* @__PURE__ */ jsx("button", {
+					type: "button",
 					className: BayContents_module_default.box,
-					"aria-label": `${count} active`,
-					"aria-pressed": count === active,
+					"aria-label": `${count_0} active`,
+					"aria-pressed": count_0 === active,
 					"data-state": state,
 					disabled: state === "over" || state === "none",
-					onClick: () => store.setActiveDrones(type.id, count === active ? count - 1 : count),
-					children: count <= active && "×"
-				}, count);
+					onClick: () => select(count_0 === active ? count_0 - 1 : count_0),
+					children: count_0 <= active && "×"
+				}, count_0);
 			};
-			$[7] = active;
-			$[8] = quantity;
-			$[9] = room;
-			$[10] = store;
-			$[11] = type.id;
-			$[12] = t4;
-		} else t4 = $[12];
-		t3 = Array.from({ length: Math.max(max, active) }, t4);
-		$[0] = active;
-		$[1] = max;
-		$[2] = quantity;
-		$[3] = room;
-		$[4] = store;
-		$[5] = type.id;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[13] !== t2 || $[14] !== t3) {
-		t4 = /* @__PURE__ */ jsxs("span", {
+			$[10] = active;
+			$[11] = quantity;
+			$[12] = room;
+			$[13] = select;
+			$[14] = t5;
+		} else t5 = $[14];
+		t4 = Array.from({ length: Math.max(max, active) }, t5);
+		$[4] = active;
+		$[5] = max;
+		$[6] = quantity;
+		$[7] = room;
+		$[8] = select;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[15] !== t3 || $[16] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("span", {
 			className: BayContents_module_default.selection,
 			role: "group",
-			"aria-label": t2,
-			children: ["Selected:", t3]
+			"aria-label": t3,
+			children: ["Selected:", t4]
 		});
-		$[13] = t2;
-		$[14] = t3;
-		$[15] = t4;
-	} else t4 = $[15];
-	return t4;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	return t5;
 }
 /** EVE's count of a row, which turns into a spinner on hover and focus. */
 function Quantity(t0) {
@@ -9777,11 +10292,7 @@ function FitName() {
 	} else t7 = $[16];
 	let t8;
 	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(NotImplementedButton, {
-			className: FittingWindow_module_default.icon,
-			icon: "link",
-			label: "Link Fit"
-		});
+		t8 = /* @__PURE__ */ jsx(LinkFitButton, {});
 		$[17] = t8;
 	} else t8 = $[17];
 	let t9;
@@ -9907,7 +10418,7 @@ function Violations() {
 			group: t2
 		};
 		const linesOf = (kind) => {
-			const violations = kind === "skill" ? missingSkills(stats.violations).map(_temp2$4) : stats.violations.filter((t5) => {
+			const violations = kind === "skill" ? missingSkills(stats.violations).map(_temp2$5) : stats.violations.filter((t5) => {
 				const { rule: rule_0 } = t5;
 				return violationKind(rule_0) === kind;
 			});
@@ -9930,7 +10441,7 @@ function Violations() {
 							className: FittingWindow_module_default.alertTitle,
 							children: title
 						}),
-						description: lines.map(_temp3$2)
+						description: lines.map(_temp3$1)
 					})
 				}),
 				children: /* @__PURE__ */ jsxs("span", {
@@ -9976,53 +10487,67 @@ function Violations() {
 	} else t5 = $[16];
 	return t5;
 }
-function _temp3$2(line) {
+function _temp3$1(line) {
 	return /* @__PURE__ */ jsx("span", {
 		className: FittingWindow_module_default.alertLine,
 		children: line
 	}, line);
 }
-function _temp2$4(rule) {
+function _temp2$5(rule) {
 	return {
 		target: { type: "ship" },
 		rule
 	};
 }
-function NotImplementedButton(t0) {
-	const $ = c(9);
-	const { className, icon, label } = t0;
-	const t1 = `${label} (not implemented yet)`;
+function LinkFitButton() {
+	const $ = c(13);
+	const link = useFitLink();
+	const { copy, dialog } = useCopyText("Link Fit", "link", 4);
+	const [copied, flashCopied] = useFlash();
+	const t0 = copied ? "Link copied" : "Link Fit";
+	let t1;
+	if ($[0] !== copy || $[1] !== flashCopied || $[2] !== link) {
+		t1 = () => copy(link, flashCopied);
+		$[0] = copy;
+		$[1] = flashCopied;
+		$[2] = link;
+		$[3] = t1;
+	} else t1 = $[3];
 	let t2;
-	if ($[0] !== icon) {
-		t2 = /* @__PURE__ */ jsx(Icon, { name: icon });
-		$[0] = icon;
-		$[1] = t2;
-	} else t2 = $[1];
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Icon, { name: "link" });
+		$[4] = t2;
+	} else t2 = $[4];
 	let t3;
-	if ($[2] !== className || $[3] !== label || $[4] !== t2) {
+	if ($[5] !== t1) {
 		t3 = /* @__PURE__ */ jsx("button", {
 			type: "button",
-			className,
-			"aria-label": label,
-			"aria-disabled": true,
+			className: FittingWindow_module_default.icon,
+			"aria-label": "Link Fit",
+			onClick: t1,
 			children: t2
 		});
-		$[2] = className;
-		$[3] = label;
-		$[4] = t2;
-		$[5] = t3;
-	} else t3 = $[5];
+		$[5] = t1;
+		$[6] = t3;
+	} else t3 = $[6];
 	let t4;
-	if ($[6] !== t1 || $[7] !== t3) {
+	if ($[7] !== t0 || $[8] !== t3) {
 		t4 = /* @__PURE__ */ jsx(Tooltip, {
-			label: t1,
+			label: t0,
 			children: t3
 		});
-		$[6] = t1;
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
+		$[7] = t0;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== dialog || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t4, dialog] });
+		$[10] = dialog;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 }
 function Bay({ bay, icon, label, unlimited = false, id: givenId, readOnly = false }) {
 	const { used, total } = useBayUsage(bay);
@@ -10453,38 +10978,6 @@ function SimulationHistory() {
 	} else t1 = $[9];
 	return t1;
 }
-// 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",
-	"tab": "xFSZwa_tab",
-	"tabs": "xFSZwa_tabs",
-	"tree": "xFSZwa_tree",
-	"unseen": "xFSZwa_unseen",
-	"views": "xFSZwa_views"
-};
 // src/components/ItemBrowser/Search.tsx
 /** The search field above a list of the `ItemBrowser`, after a button that collapses every group. */
 function Search(t0) {
@@ -10708,7 +11201,7 @@ function useTypeActions(noHullSelected) {
 							if (slot !== void 0) showMutate(slot, {
 								element: anchor,
 								side: "right"
-							});
+							}, type_1.id);
 						}
 					}
 				]);
@@ -11202,147 +11695,543 @@ function Charges(t0) {
 	} else t12 = $[47];
 	return t12;
 }
-// src/components/ItemBrowser/copyFit.tsx
-/** Copies a fit to the clipboard, or shows it in `dialog` when the browser refuses; render `dialog` once. */
-function useCopyFit() {
-	const $ = c(11);
+// src/components/ItemBrowser/saveFit.tsx
+const MAX_ESI_NAME = 50;
+/** Saves a fit to where saves go, asking what it needs first; render `dialog` once. */
+function useSaveFit() {
+	const $ = c(68);
 	const engine = useEngine();
-	const [refused, setRefused] = useState();
 	let t0;
 	if ($[0] !== engine) {
-		t0 = (fit, format, onCopied) => {
-			const text = engine.saveText(fit, format);
-			Promise.resolve().then(() => navigator.clipboard.writeText(text)).then(onCopied, () => setRefused(text));
-		};
+		t0 = (typeId) => engine.sde.type(typeId)?.name ?? String(typeId);
 		$[0] = engine;
 		$[1] = t0;
 	} else t0 = $[1];
-	const copy = t0;
-	const t1 = refused !== void 0;
+	const typeName = t0;
+	const { characters, target, fits, pick, save: saveToTarget } = useFitSaving();
+	const [asking, setAsking] = useState();
+	const [notice, setNotice] = useState();
+	const [saving, setSaving] = useState(false);
+	let t1;
+	if ($[2] !== saveToTarget || $[3] !== target) {
+		t1 = (t2, t3) => {
+			const { fit, onStart, onSaved } = t2;
+			const replace = t3 === void 0 ? false : t3;
+			setAsking(void 0);
+			onStart?.(fit);
+			if (target === void 0) {
+				saveToTarget(fit);
+				onSaved?.();
+				return;
+			}
+			setSaving(true);
+			saveToTarget(fit, replace).then(() => onSaved?.(), (error) => {
+				console.error(error);
+				setNotice("EVE did not save this fit. Please try again.");
+			}).finally(() => setSaving(false));
+		};
+		$[2] = saveToTarget;
+		$[3] = target;
+		$[4] = t1;
+	} else t1 = $[4];
+	const finish = t1;
 	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = () => setRefused(void 0);
-		$[2] = t2;
-	} else t2 = $[2];
-	const t3 = refused ?? "";
+	if ($[5] !== engine || $[6] !== finish || $[7] !== fits || $[8] !== target) {
+		t2 = (job) => {
+			const existing = fits.find((one) => one.ship.type_id === job.fit.ship.type_id && one.name === job.fit.name);
+			if (existing === void 0) return finish(job);
+			if (target === void 0) {
+				if (JSON.stringify(existing) === JSON.stringify(job.fit)) return finish(job);
+			} else if (JSON.stringify(engine.saveEsiFitting(existing)) === JSON.stringify(engine.saveEsiFitting(job.fit))) {
+				setAsking(void 0);
+				job.onStart?.(job.fit);
+				job.onSaved?.();
+				return;
+			}
+			setAsking({
+				kind: "replace",
+				job
+			});
+		};
+		$[5] = engine;
+		$[6] = finish;
+		$[7] = fits;
+		$[8] = target;
+		$[9] = t2;
+	} else t2 = $[9];
+	const askReplace = t2;
+	let t3;
+	if ($[10] !== askReplace || $[11] !== target || $[12] !== typeName) {
+		t3 = (job_0) => {
+			const modules = target === void 0 ? [] : job_0.fit.items.flatMap((t4) => {
+				const { type_id, mutation } = t4;
+				return mutation === void 0 ? [] : [`${typeName(type_id)} → ${typeName(mutation.base)}`];
+			});
+			if (modules.length > 0) setAsking({
+				kind: "mutated",
+				job: job_0,
+				modules
+			});
+			else askReplace(job_0);
+		};
+		$[10] = askReplace;
+		$[11] = target;
+		$[12] = typeName;
+		$[13] = t3;
+	} else t3 = $[13];
+	const askMutated = t3;
 	let t4;
-	if ($[3] !== t3) {
-		t4 = /* @__PURE__ */ jsx(CopyForm, { text: t3 });
-		$[3] = t3;
-		$[4] = t4;
-	} else t4 = $[4];
+	if ($[14] !== askMutated || $[15] !== engine || $[16] !== saving || $[17] !== target) {
+		t4 = (fit_0, callbacks) => {
+			if (saving) return;
+			if (target !== void 0 && engine.saveEsiFitting(fit_0).items.length === 0) {
+				setNotice("EVE can't save an empty hull. Fit a module first.");
+				return;
+			}
+			const job_1 = {
+				fit: fit_0,
+				...callbacks
+			};
+			if (!fit_0.name || target !== void 0 && fit_0.name.length > MAX_ESI_NAME) setAsking({
+				kind: "name",
+				job: job_1
+			});
+			else askMutated(job_1);
+		};
+		$[14] = askMutated;
+		$[15] = engine;
+		$[16] = saving;
+		$[17] = target;
+		$[18] = t4;
+	} else t4 = $[18];
+	const save = t4;
 	let t5;
-	if ($[5] !== t1 || $[6] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Dialog, {
-			open: t1,
-			title: "Copy Fit",
-			onClose: t2,
-			children: t4
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => setAsking(void 0);
+		$[19] = t5;
+	} else t5 = $[19];
+	const close = t5;
+	const name = asking?.job.fit.name;
+	const t6 = asking?.kind === "name";
+	let t7;
+	if ($[20] !== askMutated || $[21] !== asking || $[22] !== target) {
+		t7 = asking?.kind === "name" && /* @__PURE__ */ jsx(NameForm, {
+			fit: asking.job.fit,
+			maxLength: target === void 0 ? void 0 : MAX_ESI_NAME,
+			onCancel: close,
+			onSave: (named) => askMutated({
+				...asking.job,
+				fit: named
+			})
 		});
-		$[5] = t1;
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== copy || $[9] !== t5) {
-		t6 = {
-			copy,
-			dialog: t5
-		};
-		$[8] = copy;
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
-	return t6;
-}
-function CopyForm(t0) {
-	const $ = c(8);
-	const { text } = t0;
-	const id = useId();
-	let t1;
-	if ($[0] !== id) {
-		t1 = /* @__PURE__ */ jsx("label", {
-			htmlFor: id,
-			children: "The browser blocked the clipboard. Copy the fit from here."
+		$[20] = askMutated;
+		$[21] = asking;
+		$[22] = target;
+		$[23] = t7;
+	} else t7 = $[23];
+	let t8;
+	if ($[24] !== t6 || $[25] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Dialog, {
+			open: t6,
+			title: "Save Fit",
+			onClose: close,
+			children: t7
 		});
-		$[0] = id;
+		$[24] = t6;
+		$[25] = t7;
+		$[26] = t8;
+	} else t8 = $[26];
+	const t9 = asking?.kind === "mutated";
+	const t10 = asking?.kind === "mutated" ? asking.modules : void 0;
+	let t11;
+	if ($[27] !== askReplace || $[28] !== asking) {
+		t11 = () => asking && askReplace(asking.job);
+		$[27] = askReplace;
+		$[28] = asking;
+		$[29] = t11;
+	} else t11 = $[29];
+	let t12;
+	if ($[30] !== t10 || $[31] !== t11) {
+		t12 = /* @__PURE__ */ jsx(Confirm, {
+			text: "EVE can't store mutated modules. These will be saved as their normal modules:",
+			list: t10,
+			action: "Save anyway",
+			onCancel: close,
+			onConfirm: t11
+		});
+		$[30] = t10;
+		$[31] = t11;
+		$[32] = t12;
+	} else t12 = $[32];
+	let t13;
+	if ($[33] !== t12 || $[34] !== t9) {
+		t13 = /* @__PURE__ */ jsx(Dialog, {
+			open: t9,
+			title: "Save to EVE?",
+			onClose: close,
+			children: t12
+		});
+		$[33] = t12;
+		$[34] = t9;
+		$[35] = t13;
+	} else t13 = $[35];
+	const t14 = asking?.kind === "replace";
+	const t15 = target === void 0 ? "Overwrite Fit?" : "Replace Fit?";
+	const t16 = target === void 0 ? `A fit named "${name}" is already saved for this hull. Overwrite it?` : `${target.name} already has a fit named "${name}" for this hull. Replace it?`;
+	const t17 = target === void 0 ? "Overwrite" : "Replace";
+	let t18;
+	if ($[36] !== asking || $[37] !== finish) {
+		t18 = () => asking && finish(asking.job, true);
+		$[36] = asking;
+		$[37] = finish;
+		$[38] = t18;
+	} else t18 = $[38];
+	let t19;
+	if ($[39] !== t16 || $[40] !== t17 || $[41] !== t18) {
+		t19 = /* @__PURE__ */ jsx(Confirm, {
+			text: t16,
+			action: t17,
+			onCancel: close,
+			onConfirm: t18
+		});
+		$[39] = t16;
+		$[40] = t17;
+		$[41] = t18;
+		$[42] = t19;
+	} else t19 = $[42];
+	let t20;
+	if ($[43] !== t14 || $[44] !== t15 || $[45] !== t19) {
+		t20 = /* @__PURE__ */ jsx(Dialog, {
+			open: t14,
+			title: t15,
+			onClose: close,
+			children: t19
+		});
+		$[43] = t14;
+		$[44] = t15;
+		$[45] = t19;
+		$[46] = t20;
+	} else t20 = $[46];
+	const t21 = notice !== void 0;
+	let t22;
+	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+		t22 = () => setNotice(void 0);
+		$[47] = t22;
+	} else t22 = $[47];
+	let t23;
+	if ($[48] !== notice) {
+		t23 = /* @__PURE__ */ jsx("p", { children: notice });
+		$[48] = notice;
+		$[49] = t23;
+	} else t23 = $[49];
+	let t24;
+	if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ jsx("div", {
+			className: ItemBrowser_module_default.dialogButtons,
+			children: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: ItemBrowser_module_default.action,
+				onClick: () => setNotice(void 0),
+				children: "Close"
+			})
+		});
+		$[50] = t24;
+	} else t24 = $[50];
+	let t25;
+	if ($[51] !== t23) {
+		t25 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.confirm,
+			children: [t23, t24]
+		});
+		$[51] = t23;
+		$[52] = t25;
+	} else t25 = $[52];
+	let t26;
+	if ($[53] !== t21 || $[54] !== t25) {
+		t26 = /* @__PURE__ */ jsx(Dialog, {
+			open: t21,
+			title: "Save to EVE",
+			onClose: t22,
+			children: t25
+		});
+		$[53] = t21;
+		$[54] = t25;
+		$[55] = t26;
+	} else t26 = $[55];
+	let t27;
+	if ($[56] !== t13 || $[57] !== t20 || $[58] !== t26 || $[59] !== t8) {
+		t27 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			t8,
+			t13,
+			t20,
+			t26
+		] });
+		$[56] = t13;
+		$[57] = t20;
+		$[58] = t26;
+		$[59] = t8;
+		$[60] = t27;
+	} else t27 = $[60];
+	let t28;
+	if ($[61] !== characters || $[62] !== pick || $[63] !== save || $[64] !== saving || $[65] !== t27 || $[66] !== target) {
+		t28 = {
+			characters,
+			target,
+			pick,
+			save,
+			saving,
+			dialog: t27
+		};
+		$[61] = characters;
+		$[62] = pick;
+		$[63] = save;
+		$[64] = saving;
+		$[65] = t27;
+		$[66] = target;
+		$[67] = t28;
+	} else t28 = $[67];
+	return t28;
+}
+function Confirm(t0) {
+	const $ = c(16);
+	const { text, list, action, onCancel, onConfirm } = t0;
+	let t1;
+	if ($[0] !== text) {
+		t1 = /* @__PURE__ */ jsx("p", { children: text });
+		$[0] = text;
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] !== id || $[3] !== text) {
-		t2 = /* @__PURE__ */ jsx("textarea", {
-			id,
-			rows: 12,
-			readOnly: true,
-			value: text,
-			onFocus: _temp$6
-		});
-		$[2] = id;
-		$[3] = text;
-		$[4] = t2;
-	} else t2 = $[4];
+	if ($[2] !== list) {
+		t2 = list !== void 0 && /* @__PURE__ */ jsx("ul", { children: list.map(_temp$6) });
+		$[2] = list;
+		$[3] = t2;
+	} else t2 = $[3];
 	let t3;
-	if ($[5] !== t1 || $[6] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("div", {
-			className: ItemBrowser_module_default.form,
-			children: [t1, t2]
+	if ($[4] !== onCancel) {
+		t3 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ItemBrowser_module_default.action,
+			onClick: onCancel,
+			children: "Cancel"
 		});
-		$[5] = t1;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	return t3;
-}
-function _temp$6(event) {
-	return event.currentTarget.select();
-}
-// 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(t0) {
-	const $ = c(80);
-	const { noHullSelected, pasteToOpen } = t0;
-	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();
-	const [naming, setNaming] = useState(false);
-	const [overwriting, setOverwriting] = useState();
-	const { copy: copyFit, dialog: copyDialog } = useCopyFit();
+		$[4] = onCancel;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== action || $[7] !== onConfirm) {
+		t4 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ItemBrowser_module_default.action,
+			onClick: onConfirm,
+			children: action
+		});
+		$[6] = action;
+		$[7] = onConfirm;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t3 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.dialogButtons,
+			children: [t3, t4]
+		});
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t1 || $[13] !== t2 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.confirm,
+			children: [
+				t1,
+				t2,
+				t5
+			]
+		});
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
+}
+function _temp$6(line, index) {
+	return /* @__PURE__ */ jsx("li", { children: line }, index);
+}
+function NameForm(t0) {
+	const $ = c(32);
+	const { fit, maxLength, onCancel, onSave } = t0;
+	const engine = useEngine();
+	const id = useId();
 	let t1;
-	if ($[0] !== flashSaved || $[1] !== save || $[2] !== store) {
-		t1 = (named) => {
-			setOverwriting(void 0);
-			store.setName(named.name ?? "");
-			save(named);
-			flashSaved();
-		};
-		$[0] = flashSaved;
-		$[1] = save;
-		$[2] = store;
+	if ($[0] !== engine || $[1] !== fit.name || $[2] !== fit.ship) {
+		t1 = () => fit.name || (engine.sde.type(fit.ship.type_id)?.name ?? "");
+		$[0] = engine;
+		$[1] = fit.name;
+		$[2] = fit.ship;
 		$[3] = t1;
 	} else t1 = $[3];
-	const saveNow = t1;
+	const [name, setName] = useState(t1);
 	let t2;
-	if ($[4] !== fits || $[5] !== saveNow) {
-		t2 = (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] = t2;
-	} else t2 = $[6];
-	const trySave = t2;
+	if ($[4] !== name) {
+		t2 = name.trim();
+		$[4] = name;
+		$[5] = t2;
+	} else t2 = $[5];
+	const trimmed = t2;
+	const tooLong = maxLength !== void 0 && trimmed.length > maxLength;
 	let t3;
+	if ($[6] !== fit || $[7] !== onSave || $[8] !== trimmed) {
+		t3 = (event) => {
+			event.preventDefault();
+			onSave({
+				...fit,
+				name: trimmed
+			});
+		};
+		$[6] = fit;
+		$[7] = onSave;
+		$[8] = trimmed;
+		$[9] = t3;
+	} else t3 = $[9];
 	let t4;
-	if ($[7] !== engine || $[8] !== noHullSelected || $[9] !== pasteToOpen || $[10] !== store) {
-		t3 = () => {
+	if ($[10] !== id) {
+		t4 = /* @__PURE__ */ jsx("label", {
+			htmlFor: id,
+			children: "Name this fit."
+		});
+		$[10] = id;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (event_1) => setName(event_1.target.value);
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== id || $[14] !== name) {
+		t6 = /* @__PURE__ */ jsx("input", {
+			id,
+			value: name,
+			onFocus: _temp2$4,
+			onChange: t5
+		});
+		$[13] = id;
+		$[14] = name;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== maxLength || $[17] !== tooLong) {
+		t7 = tooLong && /* @__PURE__ */ jsxs("p", {
+			className: ItemBrowser_module_default.importError,
+			role: "alert",
+			children: [
+				"EVE allows ",
+				maxLength,
+				" characters at most."
+			]
+		});
+		$[16] = maxLength;
+		$[17] = tooLong;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== onCancel) {
+		t8 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ItemBrowser_module_default.action,
+			onClick: onCancel,
+			children: "Cancel"
+		});
+		$[19] = onCancel;
+		$[20] = t8;
+	} else t8 = $[20];
+	const t9 = trimmed === "" || tooLong;
+	let t10;
+	if ($[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx("button", {
+			type: "submit",
+			className: ItemBrowser_module_default.action,
+			disabled: t9,
+			children: "Save"
+		});
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== t10 || $[24] !== t8) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.dialogButtons,
+			children: [t8, t10]
+		});
+		$[23] = t10;
+		$[24] = t8;
+		$[25] = t11;
+	} else t11 = $[25];
+	let t12;
+	if ($[26] !== t11 || $[27] !== t3 || $[28] !== t4 || $[29] !== t6 || $[30] !== t7) {
+		t12 = /* @__PURE__ */ jsxs("form", {
+			className: ItemBrowser_module_default.form,
+			onSubmit: t3,
+			children: [
+				t4,
+				t6,
+				t7,
+				t11
+			]
+		});
+		$[26] = t11;
+		$[27] = t3;
+		$[28] = t4;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = t12;
+	} else t12 = $[31];
+	return t12;
+}
+function _temp2$4(event_0) {
+	return event_0.currentTarget.select();
+}
+// src/components/ItemBrowser/FitActions.tsx
+/** The buttons under the `ItemBrowser`: save the fit in the browser, import one, or copy it out. */
+function FitActions(t0) {
+	const $ = c(56);
+	const { noHullSelected, pasteToOpen } = t0;
+	const engine = useEngine();
+	const fit = useFit();
+	const store = useFitStore();
+	const menu = useId();
+	const [saved, flashSaved] = useFlash();
+	const [copied, flashCopied] = useFlash();
+	const [importing, setImporting] = useState();
+	const { copy: copyFit, dialog: copyDialog } = useCopyFit();
+	const saver = useSaveFit();
+	const [savedTo, setSavedTo] = useState("");
+	let t1;
+	if ($[0] !== fit || $[1] !== flashSaved || $[2] !== saver || $[3] !== store) {
+		t1 = () => {
+			const where = saver.target?.name ?? "browser";
+			saver.save(fit, {
+				onStart: (named) => store.setName(named.name ?? ""),
+				onSaved: () => {
+					setSavedTo(where);
+					flashSaved();
+				}
+			});
+		};
+		$[0] = fit;
+		$[1] = flashSaved;
+		$[2] = saver;
+		$[3] = store;
+		$[4] = t1;
+	} else t1 = $[4];
+	const saveCurrent = t1;
+	let t2;
+	let t3;
+	if ($[5] !== engine || $[6] !== noHullSelected || $[7] !== pasteToOpen || $[8] !== store) {
+		t2 = () => {
 			if (!pasteToOpen) return;
 			const onPaste = (event) => {
 				if (event.defaultPrevented) return;
@@ -11370,8 +12259,8 @@ function FitActions(t0) {
 				}
 				try {
 					store.replace(engine.loadText(text, store.character));
-				} catch (t5) {
-					const failure_0 = t5;
+				} catch (t4) {
+					const failure_0 = t4;
 					setImporting({
 						text,
 						error: failure_0 instanceof Error ? failure_0.message : String(failure_0)
@@ -11381,416 +12270,427 @@ function FitActions(t0) {
 			document.addEventListener("paste", onPaste);
 			return () => document.removeEventListener("paste", onPaste);
 		};
-		t4 = [
+		t3 = [
 			engine,
 			store,
 			pasteToOpen,
 			noHullSelected
 		];
-		$[7] = engine;
-		$[8] = noHullSelected;
-		$[9] = pasteToOpen;
-		$[10] = store;
-		$[11] = t3;
-		$[12] = t4;
+		$[5] = engine;
+		$[6] = noHullSelected;
+		$[7] = pasteToOpen;
+		$[8] = store;
+		$[9] = t2;
+		$[10] = t3;
 	} else {
-		t3 = $[11];
-		t4 = $[12];
+		t2 = $[9];
+		t3 = $[10];
 	}
-	useEffect(t3, t4);
-	let t5;
-	if ($[13] !== copyFit || $[14] !== fit || $[15] !== flashCopied || $[16] !== menu) {
-		t5 = (format) => {
+	useEffect(t2, t3);
+	let t4;
+	if ($[11] !== copyFit || $[12] !== fit || $[13] !== flashCopied || $[14] !== menu) {
+		t4 = (format) => {
 			document.getElementById(menu)?.hidePopover();
 			copyFit(fit, format, flashCopied);
 		};
-		$[13] = copyFit;
-		$[14] = fit;
-		$[15] = flashCopied;
-		$[16] = menu;
-		$[17] = t5;
-	} else t5 = $[17];
-	const copy = t5;
-	let t6;
-	if ($[18] !== fit || $[19] !== trySave) {
-		t6 = () => fit.name ? trySave(fit) : setNaming(true);
-		$[18] = fit;
-		$[19] = trySave;
-		$[20] = t6;
-	} else t6 = $[20];
-	const t7 = saved ? "Saved" : "Save";
-	let t8;
-	if ($[21] !== noHullSelected || $[22] !== t6 || $[23] !== t7) {
-		t8 = /* @__PURE__ */ jsx("button", {
+		$[11] = copyFit;
+		$[12] = fit;
+		$[13] = flashCopied;
+		$[14] = menu;
+		$[15] = t4;
+	} else t4 = $[15];
+	const copy = t4;
+	let t5;
+	if ($[16] !== noHullSelected || $[17] !== saveCurrent || $[18] !== saved || $[19] !== savedTo || $[20] !== saver) {
+		t5 = saver.characters === void 0 ? /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: ItemBrowser_module_default.action,
 			disabled: noHullSelected,
-			onClick: t6,
-			children: t7
+			onClick: saveCurrent,
+			children: saved ? "Saved" : "Save"
+		}) : /* @__PURE__ */ jsx(SaveSplit, {
+			saver,
+			savedTo: saved ? savedTo : void 0,
+			disabled: noHullSelected,
+			onSave: saveCurrent
 		});
-		$[21] = noHullSelected;
-		$[22] = t6;
-		$[23] = t7;
-		$[24] = t8;
-	} else t8 = $[24];
-	let t9;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx("button", {
+		$[16] = noHullSelected;
+		$[17] = saveCurrent;
+		$[18] = saved;
+		$[19] = savedTo;
+		$[20] = saver;
+		$[21] = t5;
+	} else t5 = $[21];
+	let t6;
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: ItemBrowser_module_default.action,
 			onClick: () => setImporting({ text: "" }),
 			children: "Import…"
 		});
-		$[25] = t9;
-	} else t9 = $[25];
-	const t10 = copied ? "Copied" : "Copy";
-	const t11 = copied ? "checkmark" : "export";
-	let t12;
-	if ($[26] !== t11) {
-		t12 = /* @__PURE__ */ jsx(Icon, { name: t11 });
-		$[26] = t11;
-		$[27] = t12;
-	} else t12 = $[27];
-	let t13;
-	if ($[28] !== menu || $[29] !== noHullSelected || $[30] !== t12) {
-		t13 = /* @__PURE__ */ jsx("button", {
+		$[22] = t6;
+	} else t6 = $[22];
+	const t7 = copied ? "Copied" : "Copy";
+	const t8 = copied ? "checkmark" : "export";
+	let t9;
+	if ($[23] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Icon, { name: t8 });
+		$[23] = t8;
+		$[24] = t9;
+	} else t9 = $[24];
+	let t10;
+	if ($[25] !== menu || $[26] !== noHullSelected || $[27] !== t9) {
+		t10 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: `${ItemBrowser_module_default.action} ${ItemBrowser_module_default.copy}`,
 			"aria-label": "Copy",
 			popoverTarget: menu,
 			disabled: noHullSelected,
-			children: t12
+			children: t9
 		});
-		$[28] = menu;
-		$[29] = noHullSelected;
-		$[30] = t12;
-		$[31] = t13;
-	} else t13 = $[31];
-	let t14;
-	if ($[32] !== t10 || $[33] !== t13) {
-		t14 = /* @__PURE__ */ jsx("span", {
+		$[25] = menu;
+		$[26] = noHullSelected;
+		$[27] = t9;
+		$[28] = t10;
+	} else t10 = $[28];
+	let t11;
+	if ($[29] !== t10 || $[30] !== t7) {
+		t11 = /* @__PURE__ */ jsx("span", {
 			className: ItemBrowser_module_default.copyAnchor,
 			children: /* @__PURE__ */ jsx(Tooltip, {
-				label: t10,
-				children: t13
+				label: t7,
+				children: t10
 			})
 		});
-		$[32] = t10;
-		$[33] = t13;
-		$[34] = t14;
-	} else t14 = $[34];
-	let t15;
-	if ($[35] !== copy) {
-		t15 = /* @__PURE__ */ jsx("button", {
+		$[29] = t10;
+		$[30] = t7;
+		$[31] = t11;
+	} else t11 = $[31];
+	let t12;
+	if ($[32] !== copy) {
+		t12 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			role: "menuitem",
 			onClick: () => copy("eft"),
 			children: "Copy as EFT"
 		});
-		$[35] = copy;
-		$[36] = t15;
-	} else t15 = $[36];
-	let t16;
-	if ($[37] !== copy) {
-		t16 = /* @__PURE__ */ jsx("button", {
+		$[32] = copy;
+		$[33] = t12;
+	} else t12 = $[33];
+	let t13;
+	if ($[34] !== copy) {
+		t13 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			role: "menuitem",
 			onClick: () => copy("esf"),
 			children: "Copy as esf/1"
 		});
-		$[37] = copy;
-		$[38] = t16;
-	} else t16 = $[38];
-	let t17;
-	if ($[39] !== menu || $[40] !== t15 || $[41] !== t16) {
-		t17 = /* @__PURE__ */ jsxs("div", {
+		$[34] = copy;
+		$[35] = t13;
+	} else t13 = $[35];
+	let t14;
+	if ($[36] !== menu || $[37] !== t12 || $[38] !== t13) {
+		t14 = /* @__PURE__ */ jsxs("div", {
 			id: menu,
 			className: ItemBrowser_module_default.menu,
 			popover: "auto",
 			role: "menu",
-			children: [t15, t16]
+			children: [t12, t13]
 		});
-		$[39] = menu;
-		$[40] = t15;
-		$[41] = t16;
+		$[36] = menu;
+		$[37] = t12;
+		$[38] = t13;
+		$[39] = t14;
+	} else t14 = $[39];
+	const t15 = importing !== void 0;
+	let t16;
+	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = () => setImporting(void 0);
+		$[40] = t16;
+	} else t16 = $[40];
+	let t17;
+	if ($[41] !== importing) {
+		t17 = importing ?? { text: "" };
+		$[41] = importing;
 		$[42] = t17;
 	} else t17 = $[42];
 	let t18;
 	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = () => setNaming(false);
+		t18 = () => setImporting(void 0);
 		$[43] = t18;
 	} else t18 = $[43];
 	let t19;
-	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = () => setNaming(false);
-		$[44] = t19;
-	} else t19 = $[44];
-	let t20;
-	if ($[45] !== trySave) {
-		t20 = /* @__PURE__ */ jsx(NameForm, {
-			onCancel: t19,
-			onSave: (named_1) => {
-				setNaming(false);
-				trySave(named_1);
-			}
-		});
-		$[45] = trySave;
-		$[46] = t20;
-	} else t20 = $[46];
-	let t21;
-	if ($[47] !== naming || $[48] !== t20) {
-		t21 = /* @__PURE__ */ jsx(Dialog, {
-			open: naming,
-			title: "Save Fit",
-			onClose: t18,
-			children: t20
-		});
-		$[47] = naming;
-		$[48] = t20;
-		$[49] = t21;
-	} else t21 = $[49];
-	const t22 = overwriting !== void 0;
-	let t23;
-	if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
-		t23 = () => setOverwriting(void 0);
-		$[50] = t23;
-	} else t23 = $[50];
-	const t24 = overwriting?.name;
-	let t25;
-	if ($[51] !== t24) {
-		t25 = /* @__PURE__ */ jsxs("p", { children: [
-			"A fit named \"",
-			t24,
-			"\" is already saved for this hull. Overwrite it?"
-		] });
-		$[51] = t24;
-		$[52] = t25;
-	} else t25 = $[52];
-	let t26;
-	if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
-		t26 = /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: ItemBrowser_module_default.action,
-			onClick: () => setOverwriting(void 0),
-			children: "Cancel"
+	if ($[44] !== t17) {
+		t19 = /* @__PURE__ */ jsx(ImportForm, {
+			draft: t17,
+			onDone: t18
 		});
-		$[53] = t26;
-	} else t26 = $[53];
-	let t27;
-	if ($[54] !== overwriting || $[55] !== saveNow) {
-		t27 = /* @__PURE__ */ jsxs("div", {
-			className: ItemBrowser_module_default.dialogButtons,
-			children: [t26, /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: ItemBrowser_module_default.action,
-				onClick: () => overwriting && saveNow(overwriting),
-				children: "Overwrite"
-			})]
-		});
-		$[54] = overwriting;
-		$[55] = saveNow;
-		$[56] = t27;
-	} else t27 = $[56];
-	let t28;
-	if ($[57] !== t25 || $[58] !== t27) {
-		t28 = /* @__PURE__ */ jsxs("div", {
-			className: ItemBrowser_module_default.confirm,
-			children: [t25, t27]
-		});
-		$[57] = t25;
-		$[58] = t27;
-		$[59] = t28;
-	} else t28 = $[59];
-	let t29;
-	if ($[60] !== t22 || $[61] !== t28) {
-		t29 = /* @__PURE__ */ jsx(Dialog, {
-			open: t22,
-			title: "Overwrite Fit?",
-			onClose: t23,
-			children: t28
-		});
-		$[60] = t22;
-		$[61] = t28;
-		$[62] = t29;
-	} else t29 = $[62];
-	const t30 = importing !== void 0;
-	let t31;
-	if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
-		t31 = () => setImporting(void 0);
-		$[63] = t31;
-	} else t31 = $[63];
-	let t32;
-	if ($[64] !== importing) {
-		t32 = importing ?? { text: "" };
-		$[64] = importing;
-		$[65] = t32;
-	} else t32 = $[65];
-	let t33;
-	if ($[66] === Symbol.for("react.memo_cache_sentinel")) {
-		t33 = () => setImporting(void 0);
-		$[66] = t33;
-	} else t33 = $[66];
-	let t34;
-	if ($[67] !== t32) {
-		t34 = /* @__PURE__ */ jsx(ImportForm, {
-			draft: t32,
-			onDone: t33
-		});
-		$[67] = t32;
-		$[68] = t34;
-	} else t34 = $[68];
-	let t35;
-	if ($[69] !== t30 || $[70] !== t34) {
-		t35 = /* @__PURE__ */ jsx(Dialog, {
-			open: t30,
+		$[44] = t17;
+		$[45] = t19;
+	} else t19 = $[45];
+	let t20;
+	if ($[46] !== t15 || $[47] !== t19) {
+		t20 = /* @__PURE__ */ jsx(Dialog, {
+			open: t15,
 			title: "Import Fit",
-			onClose: t31,
-			children: t34
+			onClose: t16,
+			children: t19
 		});
-		$[69] = t30;
-		$[70] = t34;
-		$[71] = t35;
-	} else t35 = $[71];
-	let t36;
-	if ($[72] !== copyDialog || $[73] !== t14 || $[74] !== t17 || $[75] !== t21 || $[76] !== t29 || $[77] !== t35 || $[78] !== t8) {
-		t36 = /* @__PURE__ */ jsxs("div", {
+		$[46] = t15;
+		$[47] = t19;
+		$[48] = t20;
+	} else t20 = $[48];
+	let t21;
+	if ($[49] !== copyDialog || $[50] !== saver.dialog || $[51] !== t11 || $[52] !== t14 || $[53] !== t20 || $[54] !== t5) {
+		t21 = /* @__PURE__ */ jsxs("div", {
 			className: ItemBrowser_module_default.actions,
 			children: [
-				t8,
-				t9,
+				t5,
+				t6,
+				t11,
 				t14,
-				t17,
-				t21,
-				t29,
-				t35,
-				copyDialog
+				t20,
+				copyDialog,
+				saver.dialog
 			]
 		});
-		$[72] = copyDialog;
-		$[73] = t14;
-		$[74] = t17;
-		$[75] = t21;
-		$[76] = t29;
-		$[77] = t35;
-		$[78] = t8;
-		$[79] = t36;
-	} else t36 = $[79];
-	return t36;
+		$[49] = copyDialog;
+		$[50] = saver.dialog;
+		$[51] = t11;
+		$[52] = t14;
+		$[53] = t20;
+		$[54] = t5;
+		$[55] = t21;
+	} else t21 = $[55];
+	return t21;
 }
-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);
+function SaveSplit(t0) {
+	const $ = c(53);
+	const { saver: t1, savedTo, disabled, onSave } = t0;
+	const { characters, target, pick, saving } = t1;
+	const menu = useId();
+	const { current, login } = useCharacters();
+	const where = target?.name ?? "browser";
 	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];
+	if ($[0] !== menu) {
+		t2 = () => document.getElementById(menu)?.hidePopover();
+		$[0] = menu;
+		$[1] = t2;
+	} else t2 = $[1];
+	const close = t2;
 	let t3;
-	if ($[7] !== id) {
-		t3 = /* @__PURE__ */ jsx("label", {
-			htmlFor: id,
-			children: "Name this fit."
-		});
-		$[7] = id;
-		$[8] = t3;
-	} else t3 = $[8];
+	if ($[2] !== close || $[3] !== pick) {
+		t3 = (owner) => {
+			pick(owner);
+			close();
+		};
+		$[2] = close;
+		$[3] = pick;
+		$[4] = t3;
+	} else t3 = $[4];
+	const choose = t3;
 	let t4;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = (event_1) => setName(event_1.target.value);
-		$[9] = t4;
-	} else t4 = $[9];
+	if ($[5] !== close || $[6] !== login) {
+		t4 = (canSave) => {
+			close();
+			login?.(canSave);
+		};
+		$[5] = close;
+		$[6] = login;
+		$[7] = t4;
+	} else t4 = $[7];
+	const logIn = t4;
 	let t5;
-	if ($[10] !== id || $[11] !== name) {
-		t5 = /* @__PURE__ */ jsx("input", {
-			id,
-			value: name,
-			onFocus: _temp$5,
-			onChange: t4
-		});
-		$[10] = id;
-		$[11] = name;
+	if ($[8] !== choose || $[9] !== current || $[10] !== logIn || $[11] !== target?.id) {
+		t5 = (character) => {
+			const writable = canSaveFits(character);
+			return /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				role: writable ? "menuitemradio" : "menuitem",
+				"aria-checked": writable ? character.id === target?.id : void 0,
+				"data-off": !writable || void 0,
+				onClick: writable ? () => choose(character.id) : () => logIn(character.status !== "expired" || character.canWriteFits),
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: ItemBrowser_module_default.tick,
+						children: character.id === target?.id && "✓"
+					}),
+					/* @__PURE__ */ jsx(Icon, { name: "fits-personal" }),
+					/* @__PURE__ */ jsx("span", {
+						className: ItemBrowser_module_default.saveName,
+						children: character.name
+					}),
+					!writable && /* @__PURE__ */ jsx("span", {
+						className: ItemBrowser_module_default.saveUpgrade,
+						children: character.status === "expired" ? "Log in again" : "Allow saving"
+					}),
+					writable && String(character.id) === current && /* @__PURE__ */ jsx("span", {
+						className: ItemBrowser_module_default.saveNote,
+						children: "flying now"
+					})
+				]
+			}, character.id);
+		};
+		$[8] = choose;
+		$[9] = current;
+		$[10] = logIn;
+		$[11] = target?.id;
 		$[12] = t5;
 	} else t5 = $[12];
-	let t6;
-	if ($[13] !== onCancel) {
-		t6 = /* @__PURE__ */ jsx("button", {
+	const row = t5;
+	const t6 = saving || void 0;
+	const t7 = target === void 0 ? "fits-browser" : "fits-personal";
+	let t8;
+	if ($[13] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Icon, { name: t7 });
+		$[13] = t7;
+		$[14] = t8;
+	} else t8 = $[14];
+	const t9 = savedTo === void 0 ? `Save to ${where}` : `Saved to ${savedTo} ✓`;
+	let t10;
+	if ($[15] !== t9) {
+		t10 = /* @__PURE__ */ jsx("span", {
+			className: ItemBrowser_module_default.saveName,
+			children: t9
+		});
+		$[15] = t9;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== disabled || $[18] !== onSave || $[19] !== t10 || $[20] !== t6 || $[21] !== t8) {
+		t11 = /* @__PURE__ */ jsxs("button", {
 			type: "button",
-			className: ItemBrowser_module_default.action,
-			onClick: onCancel,
-			children: "Cancel"
+			className: `${ItemBrowser_module_default.action} ${ItemBrowser_module_default.saveMain}`,
+			disabled,
+			"aria-disabled": t6,
+			onClick: onSave,
+			children: [t8, t10]
+		});
+		$[17] = disabled;
+		$[18] = onSave;
+		$[19] = t10;
+		$[20] = t6;
+		$[21] = t8;
+		$[22] = t11;
+	} else t11 = $[22];
+	let t12;
+	if ($[23] !== menu) {
+		t12 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: `${ItemBrowser_module_default.action} ${ItemBrowser_module_default.saveArrow}`,
+			"aria-label": "Where to save",
+			popoverTarget: menu
 		});
-		$[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"
+		$[23] = menu;
+		$[24] = t12;
+	} else t12 = $[24];
+	let t13;
+	if ($[25] !== t11 || $[26] !== t12) {
+		t13 = /* @__PURE__ */ jsxs("span", {
+			className: ItemBrowser_module_default.saveAnchor,
+			children: [t11, t12]
 		});
-		$[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]
+		$[25] = t11;
+		$[26] = t12;
+		$[27] = t13;
+	} else t13 = $[27];
+	const t14 = target === void 0;
+	let t15;
+	if ($[28] !== choose) {
+		t15 = () => choose("browser");
+		$[28] = choose;
+		$[29] = t15;
+	} else t15 = $[29];
+	const t16 = target === void 0 && "✓";
+	let t17;
+	if ($[30] !== t16) {
+		t17 = /* @__PURE__ */ jsx("span", {
+			className: ItemBrowser_module_default.tick,
+			children: t16
 		});
-		$[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,
+		$[30] = t16;
+		$[31] = t17;
+	} else t17 = $[31];
+	let t18;
+	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = /* @__PURE__ */ jsx(Icon, { name: "fits-browser" });
+		$[32] = t18;
+	} else t18 = $[32];
+	let t19;
+	if ($[33] !== t14 || $[34] !== t15 || $[35] !== t17) {
+		t19 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			role: "menuitemradio",
+			"aria-checked": t14,
+			onClick: t15,
 			children: [
-				t3,
-				t5,
-				t10
+				t17,
+				t18,
+				"This browser"
 			]
 		});
-		$[22] = t10;
-		$[23] = t2;
-		$[24] = t3;
-		$[25] = t5;
-		$[26] = t11;
-	} else t11 = $[26];
-	return t11;
-}
-function _temp$5(event_0) {
-	return event_0.currentTarget.select();
+		$[33] = t14;
+		$[34] = t15;
+		$[35] = t17;
+		$[36] = t19;
+	} else t19 = $[36];
+	let t20;
+	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = /* @__PURE__ */ jsx("hr", { className: ItemBrowser_module_default.menuRule });
+		$[37] = t20;
+	} else t20 = $[37];
+	let t21;
+	if ($[38] !== characters || $[39] !== row) {
+		t21 = characters?.map(row);
+		$[38] = characters;
+		$[39] = row;
+		$[40] = t21;
+	} else t21 = $[40];
+	let t22;
+	if ($[41] !== characters?.length || $[42] !== logIn || $[43] !== login) {
+		t22 = characters?.length === 0 && login && /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			role: "menuitem",
+			onClick: () => logIn(true),
+			children: [/* @__PURE__ */ jsx("span", { className: ItemBrowser_module_default.tick }), /* @__PURE__ */ jsx("span", {
+				className: ItemBrowser_module_default.saveUpgrade,
+				children: "Log in and allow saving"
+			})]
+		});
+		$[41] = characters?.length;
+		$[42] = logIn;
+		$[43] = login;
+		$[44] = t22;
+	} else t22 = $[44];
+	let t23;
+	if ($[45] !== menu || $[46] !== t19 || $[47] !== t21 || $[48] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("div", {
+			id: menu,
+			className: `${ItemBrowser_module_default.menu} ${ItemBrowser_module_default.saveMenu}`,
+			popover: "auto",
+			role: "menu",
+			children: [
+				t19,
+				t20,
+				t21,
+				t22
+			]
+		});
+		$[45] = menu;
+		$[46] = t19;
+		$[47] = t21;
+		$[48] = t22;
+		$[49] = t23;
+	} else t23 = $[49];
+	let t24;
+	if ($[50] !== t13 || $[51] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t13, t23] });
+		$[50] = t13;
+		$[51] = t23;
+		$[52] = t24;
+	} else t24 = $[52];
+	return t24;
 }
 function ImportForm(t0) {
 	const $ = c(33);
@@ -11805,7 +12705,7 @@ function ImportForm(t0) {
 	if ($[0] !== draft.text) {
 		t1 = () => {
 			if (draft.text !== "") return;
-			Promise.resolve().then(_temp2$3).then((clipboard) => setText((typed) => typed || clipboard), _temp3$1);
+			Promise.resolve().then(_temp$5).then((clipboard) => setText((typed) => typed || clipboard), _temp2$3);
 		};
 		t2 = [draft.text];
 		$[0] = draft.text;
@@ -11943,45 +12843,11 @@ function ImportForm(t0) {
 	} else t14 = $[32];
 	return t14;
 }
-function _temp3$1() {}
-function _temp2$3() {
+/** Fits a mutated item from the game in the first free slot of its rack, rolled as it is. */
+function _temp2$3() {}
+function _temp$5() {
 	return navigator.clipboard.readText();
 }
-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] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => setShown(Date.now());
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== t2) {
-		t4 = [t2, t3];
-		$[4] = t2;
-		$[5] = t4;
-	} else t4 = $[5];
-	return t4;
-}
-/** Fits a mutated item from the game in the first free slot of its rack, rolled as it is. */
 async function fitMutated(engine, store, typeId, itemId) {
 	const roll = await engine.loadMutation(typeId, itemId);
 	if (store.fitMutated(roll) === void 0) throw new Error("This item does not fit on the ship");
@@ -11991,7 +12857,7 @@ 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(t0) {
-	const $ = c(103);
+	const $ = c(115);
 	const { noHullSelected } = t0;
 	const fitShipId = useFit().ship.type_id;
 	const images = useImages();
@@ -12001,7 +12867,9 @@ function HullsAndFits(t0) {
 	const { show: showInfo } = useShowInfo();
 	const { open, menu } = useContextMenu();
 	const { copy, dialog: copyDialog } = useCopyFit();
+	const { target: saveTarget, save: saveFit, dialog: saveDialog } = useSaveFit();
 	const [deleting, setDeleting] = useState();
+	const [deleteFailed, setDeleteFailed] = useState(false);
 	const personal = usePersonalFits();
 	const { start, end } = useDrag();
 	const [search, setSearch] = useState("");
@@ -12146,7 +13014,7 @@ function HullsAndFits(t0) {
 	} else t10 = $[36];
 	const hullMenu = t10;
 	let t11;
-	if ($[37] !== copy || $[38] !== open || $[39] !== store) {
+	if ($[37] !== copy || $[38] !== open || $[39] !== personal.remove || $[40] !== saveFit || $[41] !== saveTarget || $[42] !== store) {
 		t11 = (event_0, t12) => {
 			const { fit: fit_6, kind } = t12;
 			open(event_0, [
@@ -12155,6 +13023,10 @@ function HullsAndFits(t0) {
 					onSelect: () => store.replace(fit_6)
 				},
 				"separator",
+				kind === "fits-browser" && saveTarget !== void 0 && {
+					label: `Save to ${saveTarget.name}`,
+					onSelect: () => saveFit(fit_6)
+				},
 				{
 					label: "Copy as EFT",
 					onSelect: () => copy(fit_6, "eft")
@@ -12164,61 +13036,67 @@ function HullsAndFits(t0) {
 					onSelect: () => copy(fit_6, "esf")
 				},
 				"separator",
-				kind === "fits-browser" && {
+				(kind === "fits-browser" || personal.remove !== void 0) && {
 					label: "Delete Fitting",
-					onSelect: () => setDeleting(fit_6)
+					onSelect: () => setDeleting({
+						fit: fit_6,
+						kind
+					})
 				}
 			]);
 		};
 		$[37] = copy;
 		$[38] = open;
-		$[39] = store;
-		$[40] = t11;
-	} else t11 = $[40];
+		$[39] = personal.remove;
+		$[40] = saveFit;
+		$[41] = saveTarget;
+		$[42] = store;
+		$[43] = t11;
+	} else t11 = $[43];
 	const fitMenu = t11;
 	let t12;
-	if ($[41] !== collapses) {
+	if ($[44] !== collapses) {
 		t12 = () => setCollapses(collapses + 1);
-		$[41] = collapses;
-		$[42] = t12;
-	} else t12 = $[42];
+		$[44] = collapses;
+		$[45] = t12;
+	} else t12 = $[45];
 	let t13;
-	if ($[43] !== search || $[44] !== t12) {
+	if ($[46] !== search || $[47] !== t12) {
 		t13 = /* @__PURE__ */ jsx(Search, {
 			value: search,
 			onChange: setSearch,
 			onCollapse: t12
 		});
-		$[43] = search;
-		$[44] = t12;
-		$[45] = t13;
-	} else t13 = $[45];
+		$[46] = search;
+		$[47] = t12;
+		$[48] = t13;
+	} else t13 = $[48];
 	let t14;
-	if ($[46] !== browserFits) {
+	if ($[49] !== browserFits) {
 		t14 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-browser",
 			label: "Browser Fittings",
 			pressed: browserFits,
 			onPressedChange: setBrowserFits
 		});
-		$[46] = browserFits;
-		$[47] = t14;
-	} else t14 = $[47];
+		$[49] = browserFits;
+		$[50] = t14;
+	} else t14 = $[50];
 	let t15;
-	if ($[48] !== personalFits) {
+	if ($[51] !== personalFits) {
 		t15 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-personal",
 			label: "Personal Fittings",
 			pressed: personalFits,
 			onPressedChange: setPersonalFits
 		});
-		$[48] = personalFits;
-		$[49] = t15;
-	} else t15 = $[49];
+		$[51] = personalFits;
+		$[52] = t15;
+	} else t15 = $[52];
 	let t16;
 	let t17;
 	let t18;
-	if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
 		t16 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "fits-corporation",
 			label: "Corporation Fittings"
@@ -12231,16 +13109,16 @@ function HullsAndFits(t0) {
 			icon: "fits-community",
 			label: "Community Fittings"
 		});
-		$[50] = t16;
-		$[51] = t17;
-		$[52] = t18;
+		$[53] = t16;
+		$[54] = t17;
+		$[55] = t18;
 	} else {
-		t16 = $[50];
-		t17 = $[51];
-		t18 = $[52];
+		t16 = $[53];
+		t17 = $[54];
+		t18 = $[55];
 	}
 	let t19;
-	if ($[53] !== currentHull || $[54] !== noHullSelected) {
+	if ($[56] !== currentHull || $[57] !== noHullSelected) {
 		t19 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "current-hull",
 			label: "Current Hull",
@@ -12248,23 +13126,23 @@ function HullsAndFits(t0) {
 			disabled: noHullSelected,
 			onPressedChange: setCurrentHull
 		});
-		$[53] = currentHull;
-		$[54] = noHullSelected;
-		$[55] = t19;
-	} else t19 = $[55];
+		$[56] = currentHull;
+		$[57] = noHullSelected;
+		$[58] = t19;
+	} else t19 = $[58];
 	let t20;
-	if ($[56] !== flyable) {
+	if ($[59] !== flyable) {
 		t20 = /* @__PURE__ */ jsx(FilterToggle, {
 			icon: "skills",
 			label: "Skills",
 			pressed: flyable,
 			onPressedChange: setFlyable
 		});
-		$[56] = flyable;
-		$[57] = t20;
-	} else t20 = $[57];
+		$[59] = flyable;
+		$[60] = t20;
+	} else t20 = $[60];
 	let t21;
-	if ($[58] !== t14 || $[59] !== t15 || $[60] !== t19 || $[61] !== t20) {
+	if ($[61] !== t14 || $[62] !== t15 || $[63] !== t19 || $[64] !== t20) {
 		t21 = /* @__PURE__ */ jsxs("fieldset", {
 			className: ItemBrowser_module_default.filters,
 			"aria-label": "Filters",
@@ -12278,14 +13156,14 @@ function HullsAndFits(t0) {
 				t20
 			]
 		});
-		$[58] = t14;
-		$[59] = t15;
-		$[60] = t19;
-		$[61] = t20;
-		$[62] = t21;
-	} else t21 = $[62];
+		$[61] = t14;
+		$[62] = t15;
+		$[63] = t19;
+		$[64] = t20;
+		$[65] = t21;
+	} else t21 = $[65];
 	let t22;
-	if ($[63] !== groups.length || $[64] !== personal.character || $[65] !== personalFits) {
+	if ($[66] !== groups.length || $[67] !== personal.character || $[68] !== personalFits) {
 		t22 = personalFits && personal.character?.canReadFits !== true ? /* @__PURE__ */ jsx("p", {
 			className: ItemBrowser_module_default.empty,
 			children: personal.character === void 0 ? "Log in or pick a character with the Character button" : "Log in again with the Character button to see fittings"
@@ -12293,13 +13171,13 @@ function HullsAndFits(t0) {
 			className: ItemBrowser_module_default.empty,
 			children: "No hulls found"
 		}) : null;
-		$[63] = groups.length;
-		$[64] = personal.character;
-		$[65] = personalFits;
-		$[66] = t22;
-	} else t22 = $[66];
+		$[66] = groups.length;
+		$[67] = personal.character;
+		$[68] = personalFits;
+		$[69] = t22;
+	} else t22 = $[69];
 	let t23;
-	if ($[67] !== browserByHull || $[68] !== collapses || $[69] !== end || $[70] !== fitMenu || $[71] !== groups || $[72] !== hullMenu || $[73] !== images || $[74] !== personalByHull || $[75] !== shownFits || $[76] !== simulate || $[77] !== start || $[78] !== store) {
+	if ($[70] !== browserByHull || $[71] !== collapses || $[72] !== end || $[73] !== fitMenu || $[74] !== groups || $[75] !== hullMenu || $[76] !== images || $[77] !== personalByHull || $[78] !== shownFits || $[79] !== simulate || $[80] !== start || $[81] !== store) {
 		t23 = groups.length > 0 && /* @__PURE__ */ jsx(TreeList, {
 			label: "Hulls",
 			children: groups.map((t24) => {
@@ -12365,116 +13243,167 @@ function HullsAndFits(t0) {
 				}, group.id);
 			})
 		}, collapses);
-		$[67] = browserByHull;
-		$[68] = collapses;
-		$[69] = end;
-		$[70] = fitMenu;
-		$[71] = groups;
-		$[72] = hullMenu;
-		$[73] = images;
-		$[74] = personalByHull;
-		$[75] = shownFits;
-		$[76] = simulate;
-		$[77] = start;
-		$[78] = store;
-		$[79] = t23;
-	} else t23 = $[79];
+		$[70] = browserByHull;
+		$[71] = collapses;
+		$[72] = end;
+		$[73] = fitMenu;
+		$[74] = groups;
+		$[75] = hullMenu;
+		$[76] = images;
+		$[77] = personalByHull;
+		$[78] = shownFits;
+		$[79] = simulate;
+		$[80] = start;
+		$[81] = store;
+		$[82] = t23;
+	} else t23 = $[82];
 	let t24;
-	if ($[80] !== t22 || $[81] !== t23) {
+	if ($[83] !== t22 || $[84] !== t23) {
 		t24 = /* @__PURE__ */ jsxs("div", {
 			className: ItemBrowser_module_default.tree,
 			children: [t22, t23]
 		});
-		$[80] = t22;
-		$[81] = t23;
-		$[82] = t24;
-	} else t24 = $[82];
+		$[83] = t22;
+		$[84] = t23;
+		$[85] = t24;
+	} else t24 = $[85];
 	const t25 = deleting !== void 0;
 	let t26;
-	if ($[83] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[86] === Symbol.for("react.memo_cache_sentinel")) {
 		t26 = () => setDeleting(void 0);
-		$[83] = t26;
-	} else t26 = $[83];
-	const t27 = deleting?.name || "Unnamed";
-	let t28;
-	if ($[84] !== t27) {
-		t28 = /* @__PURE__ */ jsxs("p", { children: [
+		$[86] = t26;
+	} else t26 = $[86];
+	const t27 = deleting?.fit.name || "Unnamed";
+	const t28 = deleting?.kind === "fits-personal" ? `${personal.character?.name} in EVE` : "this browser";
+	let t29;
+	if ($[87] !== t27 || $[88] !== t28) {
+		t29 = /* @__PURE__ */ jsxs("p", { children: [
 			"Delete the fit \"",
 			t27,
-			"\" from this browser?"
+			"\" from",
+			" ",
+			t28,
+			"?"
 		] });
-		$[84] = t27;
-		$[85] = t28;
-	} else t28 = $[85];
-	let t29;
-	if ($[86] === Symbol.for("react.memo_cache_sentinel")) {
-		t29 = /* @__PURE__ */ jsx("button", {
+		$[87] = t27;
+		$[88] = t28;
+		$[89] = t29;
+	} else t29 = $[89];
+	let t30;
+	if ($[90] === Symbol.for("react.memo_cache_sentinel")) {
+		t30 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: ItemBrowser_module_default.action,
 			onClick: () => setDeleting(void 0),
 			children: "Cancel"
 		});
-		$[86] = t29;
-	} else t29 = $[86];
-	let t30;
-	if ($[87] !== deleting || $[88] !== remove) {
-		t30 = /* @__PURE__ */ jsxs("div", {
+		$[90] = t30;
+	} else t30 = $[90];
+	let t31;
+	if ($[91] !== deleting || $[92] !== personal || $[93] !== remove) {
+		t31 = /* @__PURE__ */ jsxs("div", {
 			className: ItemBrowser_module_default.dialogButtons,
-			children: [t29, /* @__PURE__ */ jsx("button", {
+			children: [t30, /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: ItemBrowser_module_default.action,
 				onClick: () => {
-					if (deleting) remove(deleting);
+					if (deleting?.kind === "fits-browser") remove(deleting.fit);
+					else if (deleting) personal.remove?.(deleting.fit).catch((error) => {
+						console.error(error);
+						setDeleteFailed(true);
+					});
 					setDeleting(void 0);
 				},
 				children: "Delete"
 			})]
 		});
-		$[87] = deleting;
-		$[88] = remove;
-		$[89] = t30;
-	} else t30 = $[89];
-	let t31;
-	if ($[90] !== t28 || $[91] !== t30) {
-		t31 = /* @__PURE__ */ jsxs("div", {
+		$[91] = deleting;
+		$[92] = personal;
+		$[93] = remove;
+		$[94] = t31;
+	} else t31 = $[94];
+	let t32;
+	if ($[95] !== t29 || $[96] !== t31) {
+		t32 = /* @__PURE__ */ jsxs("div", {
 			className: ItemBrowser_module_default.confirm,
-			children: [t28, t30]
+			children: [t29, t31]
 		});
-		$[90] = t28;
-		$[91] = t30;
-		$[92] = t31;
-	} else t31 = $[92];
-	let t32;
-	if ($[93] !== t25 || $[94] !== t31) {
-		t32 = /* @__PURE__ */ jsx(Dialog, {
+		$[95] = t29;
+		$[96] = t31;
+		$[97] = t32;
+	} else t32 = $[97];
+	let t33;
+	if ($[98] !== t25 || $[99] !== t32) {
+		t33 = /* @__PURE__ */ jsx(Dialog, {
 			open: t25,
 			title: "Delete Fitting?",
 			onClose: t26,
-			children: t31
+			children: t32
 		});
-		$[93] = t25;
-		$[94] = t31;
-		$[95] = t32;
-	} else t32 = $[95];
-	let t33;
-	if ($[96] !== copyDialog || $[97] !== menu || $[98] !== t13 || $[99] !== t21 || $[100] !== t24 || $[101] !== t32) {
-		t33 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		$[98] = t25;
+		$[99] = t32;
+		$[100] = t33;
+	} else t33 = $[100];
+	let t34;
+	if ($[101] === Symbol.for("react.memo_cache_sentinel")) {
+		t34 = () => setDeleteFailed(false);
+		$[101] = t34;
+	} else t34 = $[101];
+	let t35;
+	if ($[102] === Symbol.for("react.memo_cache_sentinel")) {
+		t35 = /* @__PURE__ */ jsx("p", { children: "EVE did not delete this fit. Please try again." });
+		$[102] = t35;
+	} else t35 = $[102];
+	let t36;
+	if ($[103] === Symbol.for("react.memo_cache_sentinel")) {
+		t36 = /* @__PURE__ */ jsxs("div", {
+			className: ItemBrowser_module_default.confirm,
+			children: [t35, /* @__PURE__ */ jsx("div", {
+				className: ItemBrowser_module_default.dialogButtons,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: ItemBrowser_module_default.action,
+					onClick: () => setDeleteFailed(false),
+					children: "Close"
+				})
+			})]
+		});
+		$[103] = t36;
+	} else t36 = $[103];
+	let t37;
+	if ($[104] !== deleteFailed) {
+		t37 = /* @__PURE__ */ jsx(Dialog, {
+			open: deleteFailed,
+			title: "Delete Fitting",
+			onClose: t34,
+			children: t36
+		});
+		$[104] = deleteFailed;
+		$[105] = t37;
+	} else t37 = $[105];
+	let t38;
+	if ($[106] !== copyDialog || $[107] !== menu || $[108] !== saveDialog || $[109] !== t13 || $[110] !== t21 || $[111] !== t24 || $[112] !== t33 || $[113] !== t37) {
+		t38 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			t13,
 			t21,
 			t24,
 			menu,
 			copyDialog,
-			t32
+			saveDialog,
+			t33,
+			t37
 		] });
-		$[96] = copyDialog;
-		$[97] = menu;
-		$[98] = t13;
-		$[99] = t21;
-		$[100] = t24;
-		$[101] = t32;
-		$[102] = t33;
-	} else t33 = $[102];
-	return t33;
+		$[106] = copyDialog;
+		$[107] = menu;
+		$[108] = saveDialog;
+		$[109] = t13;
+		$[110] = t21;
+		$[111] = t24;
+		$[112] = t33;
+		$[113] = t37;
+		$[114] = t38;
+	} else t38 = $[114];
+	return t38;
 }
 function _temp6(fit_3) {
 	return fit_3.ship.type_id;