@eveshipfit/ui-ingame 1.13.0 → 1.14.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 { 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$24
 		});
 		$[0] = className;
 		$[1] = label;
@@ -987,7 +987,7 @@ function SlotPress(t0) {
 	} else t1 = $[3];
 	return t1;
 }
-function _temp$23(event) {
+function _temp$24(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$23);
 		};
 		t1 = [src];
 		$[0] = src;
@@ -1423,7 +1423,7 @@ function useDecoded(src) {
 	} else t2 = $[5];
 	return t2;
 }
-function _temp$22() {}
+function _temp$23() {}
 function WheelGauge(t0) {
 	const $ = c(15);
 	const { resource, used, total, valueText } = t0;
@@ -1898,7 +1898,7 @@ function Menu(t0) {
 			role: "menu",
 			tabIndex: -1,
 			onToggle: t4,
-			onKeyDown: _temp$21,
+			onKeyDown: _temp$22,
 			onClick: stopped,
 			onDoubleClick: stopped,
 			onPointerDown: stopped,
@@ -1908,6 +1908,7 @@ function Menu(t0) {
 				type: "button",
 				role: "menuitem",
 				tabIndex: -1,
+				disabled: entry.disabled,
 				onClick: () => select(entry),
 				onPointerMove: _temp3$6,
 				children: [/* @__PURE__ */ jsx("span", {
@@ -1929,12 +1930,12 @@ function _temp2$11(event_1) {
 	event_1.preventDefault();
 	event_1.stopPropagation();
 }
-function _temp$21(event_0) {
+function _temp$22(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$21);
 			if (shown.length === 0) {
 				t4 = null;
 				break bb0;
@@ -2882,7 +2883,7 @@ function _temp2$10(strength) {
 		strength.displayName
 	] }, strength.name);
 }
-function _temp$20(t0) {
+function _temp$21(t0) {
 	const { value } = t0;
 	return value;
 }
@@ -2929,14 +2930,14 @@ function Cloak(t0) {
 			itemRef,
 			name: "maxVelocityModifier",
 			decimals: 0,
-			format: _temp$19
+			format: _temp$20
 		});
 		$[0] = itemRef;
 		$[1] = t1;
 	} else t1 = $[1];
 	return t1;
 }
-function _temp$19(value, format) {
+function _temp$20(value, format) {
 	return percent$1((value - 1) * 100, format);
 }
 // src/components/FittingWheel/ModuleLines/CommandBonus.tsx
@@ -3683,9 +3684,9 @@ function Resistance$1(t0) {
 /** The resistances a module gives, for every layer. */
 function _temp2$9(t0) {
 	const { resistances } = t0;
-	return resistances.some(_temp$18);
+	return resistances.some(_temp$19);
 }
-function _temp$18(t0) {
+function _temp$19(t0) {
 	const { value } = t0;
 	return value !== 1;
 }
@@ -3892,7 +3893,7 @@ function ResistanceBonus(t0) {
 				t3,
 				t4,
 				t5
-			].filter(_temp$17);
+			].filter(_temp$18);
 			const [first] = bonuses;
 			if (first === void 0) {
 				t6 = null;
@@ -3942,7 +3943,7 @@ function _temp2$8(t0) {
 		text
 	}, name);
 }
-function _temp$17(bonus) {
+function _temp$18(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$17
 		});
 		$[0] = itemRef;
 		$[1] = t1;
 	} else t1 = $[1];
 	return t1;
 }
-function _temp$16(value, format) {
+function _temp$17(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$16
 		};
 		$[0] = props.itemRef;
 		$[1] = t0;
@@ -4181,7 +4182,7 @@ function StasisWebifier(props) {
 	} else t3 = $[8];
 	return t3;
 }
-function _temp$15(value, format) {
+function _temp$16(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$15);
 		$[0] = implants;
 		$[1] = readOnly;
 		$[2] = t1;
@@ -5266,7 +5267,7 @@ function FittingAugmentations(t0) {
 	} else t5 = $[15];
 	return t5;
 }
-function _temp$14(slot) {
+function _temp$15(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,7 +5719,7 @@ function FittingCentre() {
 					})
 				},
 				"separator",
-				fit.items.some(_temp$13) && {
+				fit.items.some(_temp$14) && {
 					label: "Strip Fitting",
 					onSelect: () => store.remove(...store.getSnapshot().fit.items.flatMap(_temp2$7))
 				}
@@ -5803,7 +5816,7 @@ function FittingCentre() {
 function _temp2$7(item_0, ref) {
 	return keptOnStrip.has(item_0.slot.type) ? [] : [ref];
 }
-function _temp$13(item_1) {
+function _temp$14(item_1) {
 	return !keptOnStrip.has(item_1.slot.type);
 }
 const copiedRacks = [
@@ -6103,6 +6116,195 @@ 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",
+	"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/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$13
+		});
+		$[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$13(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) {
@@ -6735,6 +6937,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",
@@ -7160,119 +7365,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;
-		$[5] = sde;
+	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$10);
+		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$10(_, 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 +7766,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 +7912,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 +8186,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 +8212,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 +8262,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 +8346,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 +8357,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;
@@ -7968,7 +8435,7 @@ function ShipBonuses(t0) {
 				title: "Misc bonus:",
 				bonuses: bonuses?.misc ?? []
 			}
-		].filter(_temp$10);
+		].filter(_temp$9);
 		let t2;
 		if ($[6] !== sde || $[7] !== typeId) {
 			t2 = sde.type(typeId)?.name;
@@ -8004,7 +8471,7 @@ function ShipBonuses(t0) {
 	} else t1 = $[5];
 	return t1;
 }
-function _temp$10(section) {
+function _temp$9(section) {
 	return section.bonuses.length > 0;
 }
 function formatBonus(sde, bonus) {
@@ -8103,8 +8570,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 +8619,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 +8682,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 = {
@@ -8446,7 +8921,7 @@ function FighterTooltip(t0) {
 	} else t7 = $[10];
 	let t8;
 	if ($[11] !== itemRef || $[12] !== quantity || $[13] !== type?.fighterAbilities) {
-		t8 = type?.fighterAbilities.filter(_temp$9).map((ability) => /* @__PURE__ */ jsx(AbilityLines, {
+		t8 = type?.fighterAbilities.filter(_temp$8).map((ability) => /* @__PURE__ */ jsx(AbilityLines, {
 			itemRef,
 			ability,
 			quantity
@@ -8504,7 +8979,7 @@ function FighterTooltip(t0) {
 	} else t12 = $[26];
 	return t12;
 }
-function _temp$9(t0) {
+function _temp$8(t0) {
 	const { slot } = t0;
 	return slot !== 1;
 }
@@ -8856,10 +9331,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";
@@ -8874,7 +9352,7 @@ function BayContents(t0) {
 	const maxActive = t1;
 	let t2;
 	if ($[2] !== contents || $[3] !== fighters || $[4] !== fit) {
-		const launched = fighters ? fit.items.flatMap(_temp$8) : [];
+		const launched = fighters ? fit.items.flatMap(_temp$7) : [];
 		t2 = [...contents.flatMap(_temp2$5), ...launched];
 		$[2] = contents;
 		$[3] = fighters;
@@ -8901,8 +9379,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 +9393,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 +9430,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,99 +9523,114 @@ 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) {
 	const { refs } = t0;
 	return refs;
 }
-function _temp$8(item, ref) {
+function _temp$7(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";
+	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 +10283,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;
@@ -9792,7 +10294,7 @@ function FitName() {
 			defaultValue: fit.name,
 			placeholder: ship?.name,
 			ref: input,
-			onFocus: _temp$7,
+			onFocus: _temp$6,
 			onBlur: (event_1) => rename(event_1.currentTarget.value),
 			onKeyDown: (event_2) => {
 				if (event_2.key === "Escape") event_2.currentTarget.value = fit.name ?? "";
@@ -9835,7 +10337,7 @@ function FitName() {
 	} else t10 = $[27];
 	return t10;
 }
-function _temp$7(event_0) {
+function _temp$6(event_0) {
 	return event_0.currentTarget.select();
 }
 function PreviewName() {
@@ -9988,41 +10490,55 @@ function _temp2$4(rule) {
 		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 +10969,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 +11192,7 @@ function useTypeActions(noHullSelected) {
 							if (slot !== void 0) showMutate(slot, {
 								element: anchor,
 								side: "right"
-							});
+							}, type_1.id);
 						}
 					}
 				]);
@@ -11202,102 +11686,7 @@ 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);
-	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));
-		};
-		$[0] = engine;
-		$[1] = t0;
-	} else t0 = $[1];
-	const copy = t0;
-	const t1 = refused !== void 0;
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = () => setRefused(void 0);
-		$[2] = t2;
-	} else t2 = $[2];
-	const t3 = refused ?? "";
-	let t4;
-	if ($[3] !== t3) {
-		t4 = /* @__PURE__ */ jsx(CopyForm, { text: t3 });
-		$[3] = t3;
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] !== t1 || $[6] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Dialog, {
-			open: t1,
-			title: "Copy Fit",
-			onClose: t2,
-			children: t4
-		});
-		$[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."
-		});
-		$[0] = id;
-		$[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];
-	let t3;
-	if ($[5] !== t1 || $[6] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("div", {
-			className: ItemBrowser_module_default.form,
-			children: [t1, t2]
-		});
-		$[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);
@@ -11943,45 +12332,11 @@ function ImportForm(t0) {
 	} else t14 = $[32];
 	return t14;
 }
+/** Fits a mutated item from the game in the first free slot of its rack, rolled as it is. */
 function _temp3$1() {}
 function _temp2$3() {
 	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");