mudlet-map-editor 0.4.0 → 0.6.0

package/dist-lib/index.js

@@ -76,7 +76,8 @@ var T = C(), E = {
 	activeSwatchSetId: T.activeSwatchSetId,
 	activeSwatchId: T.activeSwatchId,
 	swatchPaletteOpen: !1,
-	sessionId: null
+	sessionId: null,
+	spreadShrink: null
 }, D = new class {
 	state = E;
 	listeners = /* @__PURE__ */ new Set();
@@ -1136,7 +1137,7 @@ var se = [
 	{
 		id: "select",
 		label: "Select",
-		hint: "Click a room to select. Drag to move (snaps to grid). Arrow keys nudge.",
+		hint: "Click to select · Shift+click/drag to add · Ctrl+click/drag to toggle · drag to move (snaps to grid) · arrow keys nudge · MMB or Space to pan.",
 		key: "1"
 	},
 	{
@@ -1198,6 +1199,10 @@ var se = [
 		keys: ["F"],
 		desc: "Fit area to view"
 	},
+	{
+		keys: [`${g}+F`],
+		desc: "Open / close search (rooms, labels)"
+	},
 	{
 		keys: [`${g}+A`],
 		desc: "Select all rooms on current level"
@@ -1290,20 +1295,20 @@ function le({ onClose: e }) {
 }
 //#endregion
 //#region src/components/Toolbar.tsx
-function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a, onSave: o }) {
-	let s = O((e) => e.activeTool), c = O((e) => e.map), l = c != null, p = O((e) => e.loaded), m = O((e) => e.currentAreaId), h = O((e) => e.currentZ), _ = O((e) => e.snapToGrid), v = O((e) => e.status), y = O((e) => e.pending), b = O((e) => e.undo.length), x = O((e) => e.redo.length), C = O((e) => e.savedUndoLength), w = O((e) => e.swatchPaletteOpen), T = O((e) => e.activeSwatchId), E = O((e) => e.activeSwatchSetId), k = O((e) => e.swatchSets), A = O((e) => e.pluginSwatchSets), j = [...k, ...A].find((e) => e.id === E)?.swatches.find((e) => e.id === T) ?? null, M = b !== C, N = O((e) => e.structureVersion), P = n(() => c ? Object.entries(c.areaNames).map(([e, t]) => ({
+function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a, onSave: o, onSearchClick: s }) {
+	let c = O((e) => e.activeTool), l = O((e) => e.map), p = l != null, m = O((e) => e.loaded), h = O((e) => e.currentAreaId), _ = O((e) => e.currentZ), v = O((e) => e.snapToGrid), y = O((e) => e.status), b = O((e) => e.pending), x = O((e) => e.undo.length), C = O((e) => e.redo.length), w = O((e) => e.savedUndoLength), T = O((e) => e.swatchPaletteOpen), E = O((e) => e.activeSwatchId), k = O((e) => e.activeSwatchSetId), A = O((e) => e.swatchSets), j = O((e) => e.pluginSwatchSets), M = [...A, ...j].find((e) => e.id === k)?.swatches.find((e) => e.id === E) ?? null, N = x !== w, P = O((e) => e.structureVersion), F = n(() => l ? Object.entries(l.areaNames).map(([e, t]) => ({
 		id: Number(e),
 		name: t
-	})).sort((e, t) => e.name.localeCompare(t.name)) : [], [c, N]), F = n(() => {
-		if (!c || m == null) return [0];
-		let e = c.areas[m];
+	})).sort((e, t) => e.name.localeCompare(t.name)) : [], [l, P]), I = n(() => {
+		if (!l || h == null) return [0];
+		let e = l.areas[h];
 		return e?.zLevels?.length ? [...e.zLevels].sort((e, t) => e - t) : [0];
 	}, [
-		c,
-		m,
-		N
-	]), I = r(null), [L, R] = i(""), ee = () => {
-		let e = parseInt(L, 10);
+		l,
+		h,
+		P
+	]), L = r(null), [R, ee] = i(""), z = () => {
+		let e = parseInt(R, 10);
 		if (Number.isNaN(e)) return;
 		let t = D.getState();
 		if (!t.map) return;
@@ -1324,8 +1329,8 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 				ids: [e]
 			},
 			pending: null
-		}), D.bumpStructure(), R("");
-	}, z = () => {
+		}), D.bumpStructure(), ee("");
+	}, B = () => {
 		let e = W();
 		D.setState({
 			map: e,
@@ -1341,7 +1346,7 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 			status: "New map created · 0 rooms · 1 area",
 			sessionId: null
 		}), D.bumpStructure();
-	}, B = ae;
+	}, V = ae;
 	return /* @__PURE__ */ f("div", {
 		className: "toolbar",
 		children: [/* @__PURE__ */ f("div", {
@@ -1356,7 +1361,7 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 				/* @__PURE__ */ d("button", {
 					type: "button",
 					title: "New Map",
-					onClick: z,
+					onClick: B,
 					children: /* @__PURE__ */ f("svg", {
 						width: "16",
 						height: "16",
@@ -1418,13 +1423,13 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 							})
 						]
 					}), /* @__PURE__ */ d("input", {
-						ref: I,
+						ref: L,
 						type: "file",
 						accept: ".dat",
 						style: { display: "none" },
 						onChange: (e) => {
 							let t = e.target.files?.[0];
-							t && B(t), e.target.value = "";
+							t && V(t), e.target.value = "";
 						}
 					})]
 				}),
@@ -1488,10 +1493,10 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 							D.setState({ status: `Save failed: ${e.message}` }), console.error(e);
 						}
 					},
-					disabled: !l,
+					disabled: !p,
 					style: {
 						position: "relative",
-						...M ? { color: "#ffd080" } : {}
+						...N ? { color: "#ffd080" } : {}
 					},
 					children: [/* @__PURE__ */ f("svg", {
 						width: "16",
@@ -1526,7 +1531,7 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 								fill: "none"
 							})
 						]
-					}), M && /* @__PURE__ */ d("span", {
+					}), N && /* @__PURE__ */ d("span", {
 						style: {
 							position: "absolute",
 							top: 6,
@@ -1538,12 +1543,12 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 						children: "*"
 					})]
 				}),
-				l && /* @__PURE__ */ f(u, { children: [
+				p && /* @__PURE__ */ f(u, { children: [
 					/* @__PURE__ */ d("div", { className: "toolbar-sep" }),
 					/* @__PURE__ */ d(oe, {
 						label: "Area",
-						value: m,
-						options: P.map((e) => ({
+						value: h,
+						options: F.map((e) => ({
 							value: e.id,
 							label: `${e.name} (#${e.id})`
 						})),
@@ -1560,8 +1565,8 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 					}),
 					/* @__PURE__ */ d(oe, {
 						label: "Level",
-						value: h,
-						options: F.map((e) => ({
+						value: _,
+						options: I.map((e) => ({
 							value: e,
 							label: String(e)
 						})),
@@ -1589,17 +1594,17 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 								type: "number",
 								min: 1,
 								placeholder: "ID",
-								value: L,
-								onChange: (e) => R(e.target.value),
+								value: R,
+								onChange: (e) => ee(e.target.value),
 								onKeyDown: (e) => {
-									e.key === "Enter" && ee();
+									e.key === "Enter" && z();
 								}
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
 								className: "toolbar-goto-btn",
-								onClick: ee,
-								disabled: L === "",
+								onClick: z,
+								disabled: R === "",
 								children: "Go"
 							})
 						]
@@ -1613,20 +1618,30 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 							className: "tool-key",
 							children: "F"
 						}), /* @__PURE__ */ d("span", { children: "Fit" })]
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						className: "tool-btn",
+						title: "Search rooms and labels (Ctrl+F)",
+						onClick: s,
+						children: [/* @__PURE__ */ d("span", {
+							className: "tool-key",
+							children: "^F"
+						}), /* @__PURE__ */ d("span", { children: "Search" })]
 					})
 				] }),
 				/* @__PURE__ */ f("span", {
 					className: "status",
-					children: [p && /* @__PURE__ */ f("span", {
+					children: [m && /* @__PURE__ */ f("span", {
 						className: "status-file",
 						children: [
 							"[",
-							p.fileName,
+							m.fileName,
 							"]"
 						]
 					}), /* @__PURE__ */ d("span", {
 						className: "status-action",
-						children: v
+						children: y
 					})]
 				}),
 				/* @__PURE__ */ d("button", {
@@ -1637,14 +1652,14 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 					children: "?"
 				})
 			]
-		}), l && /* @__PURE__ */ f("div", {
+		}), p && /* @__PURE__ */ f("div", {
 			className: "toolbar-row toolbar-row-tools",
 			children: [
 				/* @__PURE__ */ d("div", {
 					className: "tool-group",
 					children: se.map((e) => /* @__PURE__ */ f("button", {
 						type: "button",
-						className: `tool-btn${s === e.id ? " active" : ""}`,
+						className: `tool-btn${c === e.id ? " active" : ""}`,
 						title: `${e.label} (${e.key}) — ${e.hint}`,
 						onClick: () => {
 							D.setState({
@@ -1662,24 +1677,24 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 				/* @__PURE__ */ d("button", {
 					type: "button",
 					title: "Undo (Ctrl+Z)",
-					disabled: b === 0,
+					disabled: x === 0,
 					onClick: () => window.dispatchEvent(new CustomEvent("editor:undo")),
 					children: "↶ Undo"
 				}),
 				/* @__PURE__ */ d("button", {
 					type: "button",
 					title: "Redo (Ctrl+Shift+Z)",
-					disabled: x === 0,
+					disabled: C === 0,
 					onClick: () => window.dispatchEvent(new CustomEvent("editor:redo")),
 					children: "↷ Redo"
 				}),
 				/* @__PURE__ */ d("div", { className: "toolbar-sep" }),
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: `tool-btn toolbar-snap-btn${_ ? " active" : ""}`,
+					className: `tool-btn toolbar-snap-btn${v ? " active" : ""}`,
 					title: "Snap to grid (G)",
 					onClick: () => {
-						S({ snapToGrid: !_ }), D.setState({ snapToGrid: !_ });
+						S({ snapToGrid: !v }), D.setState({ snapToGrid: !v });
 					},
 					children: [/* @__PURE__ */ d("span", {
 						className: "tool-key",
@@ -1688,54 +1703,54 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 				}),
 				/* @__PURE__ */ d("button", {
 					type: "button",
-					className: `tool-btn${w ? " active" : ""}`,
+					className: `tool-btn${T ? " active" : ""}`,
 					title: "Room swatches palette",
-					onClick: () => D.setState({ swatchPaletteOpen: !w }),
-					children: j ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+					onClick: () => D.setState({ swatchPaletteOpen: !T }),
+					children: M ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
 						className: "tool-key",
 						children: "8↴"
-					}), /* @__PURE__ */ d("span", { children: j.name })] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+					}), /* @__PURE__ */ d("span", { children: M.name })] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
 						className: "tool-key",
 						children: "8↴"
 					}), /* @__PURE__ */ d("span", { children: "Swatches" })] })
 				}),
-				!y && s === "paint" && /* @__PURE__ */ d("span", {
+				!b && c === "paint" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
-					children: j ? `Painting "${j.name}" (env ${j.environment}${j.symbol ? `, symbol "${j.symbol}"` : ""}) · click or drag rooms` : "No swatch selected — open Swatches palette and pick one"
+					children: M ? `Painting "${M.name}" (env ${M.environment}${M.symbol ? `, symbol "${M.symbol}"` : ""}) · click or drag rooms` : "No swatch selected — open Swatches palette and pick one"
 				}),
-				y?.kind === "marquee" && /* @__PURE__ */ d("span", {
+				b?.kind === "marquee" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
 					children: "Hold Ctrl to toggle selection"
 				}),
-				y?.kind === "connect" && /* @__PURE__ */ d("span", {
+				b?.kind === "connect" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
 					children: "Pick target · Shift = one-way · Esc cancels"
 				}),
-				y?.kind === "customLine" && /* @__PURE__ */ d("span", {
+				b?.kind === "customLine" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
 					children: "Click to add waypoints · right-click or Enter to finish · Esc cancels"
 				}),
-				!y && s === "select" && /* @__PURE__ */ d("span", {
+				!b && c === "select" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
-					children: "Hold Space to pan"
+					children: "Click to select · Shift+click/drag to add · Ctrl+click/drag to toggle · drag selected rooms to move · MMB or Space to pan"
 				}),
-				!y && s === "unlink" && /* @__PURE__ */ d("span", {
+				!b && c === "unlink" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
 					children: "Click a room to remove all its exits · click an exit or custom line to remove just that one"
 				}),
-				!y && s === "addRoom" && /* @__PURE__ */ d("span", {
+				!b && c === "addRoom" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
 					children: `Click an empty grid cell to place a room · ${g}+click to place without selecting`
 				}),
-				!y && s === "addLabel" && /* @__PURE__ */ d("span", {
+				!b && c === "addLabel" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
 					children: "Click to place a label · select to move/edit · Delete to remove"
 				}),
-				y?.kind === "paint" && /* @__PURE__ */ d("span", {
+				b?.kind === "paint" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
 					children: "Drag to paint multiple rooms · release to commit"
 				}),
-				y?.kind === "pickSwatch" && /* @__PURE__ */ d("span", {
+				b?.kind === "pickSwatch" && /* @__PURE__ */ d("span", {
 					className: "toolbar-pending-hint",
 					style: { color: "#ffd080" },
 					children: "Click a room to copy its symbol & environment · Esc to cancel"
@@ -2684,7 +2699,7 @@ function Y(e, t) {
 		redo: []
 	})), r;
 }
-function De(e, t) {
+function X(e, t) {
 	if (e.length === 0) return !1;
 	if (e.length === 1) return Y(e[0], t);
 	let n = D.getState();
@@ -2700,7 +2715,7 @@ function De(e, t) {
 		redo: []
 	})), r;
 }
-function Oe(e) {
+function De(e) {
 	let t = D.getState();
 	if (!t.map || t.undo.length === 0) return {
 		changed: !1,
@@ -2715,7 +2730,7 @@ function Oe(e) {
 		structural: r
 	};
 }
-function ke(e) {
+function Oe(e) {
 	let t = D.getState();
 	if (!t.map || t.redo.length === 0) return {
 		changed: !1,
@@ -2730,7 +2745,7 @@ function ke(e) {
 		structural: r
 	};
 }
-function Ae(e, t, n, r) {
+function ke(e, t, n, r) {
 	if (n === 0 && r === 0) return [];
 	let i = e.rooms[t];
 	if (!i) return [];
@@ -2765,14 +2780,14 @@ function Ae(e, t, n, r) {
 	}
 	return a;
 }
-function je(e, t) {
+function Ae(e, t) {
 	return Ce(e, t).map((t) => ({
 		roomId: t.roomId,
 		dir: t.dir,
 		was: J(e.rooms[t.roomId], t.dir)
 	}));
 }
-function Me(e, t) {
+function je(e, t) {
 	let n = new Set(t), r = new Map(t.map((e) => [e, []]));
 	for (let t of Object.keys(e.rooms)) {
 		let i = Number(t);
@@ -2791,7 +2806,7 @@ function Me(e, t) {
 }
 //#endregion
 //#region src/components/panelShared.tsx
-function Ne({ id: e, name: t, className: n }) {
+function Me({ id: e, name: t, className: n }) {
 	return /* @__PURE__ */ f("button", {
 		type: "button",
 		className: n ?? "exit-target",
@@ -2836,11 +2851,11 @@ function Ne({ id: e, name: t, className: n }) {
 		children: [
 			"#",
 			e,
-			t ? ` · ${t}` : ""
+			t && String(e) !== t ? ` · ${t}` : ""
 		]
 	});
 }
-function X({ label: e, children: t, as: n = "label" }) {
+function Z({ label: e, children: t, as: n = "label" }) {
 	return /* @__PURE__ */ f(n, {
 		className: "field",
 		children: [/* @__PURE__ */ d("span", {
@@ -2849,7 +2864,7 @@ function X({ label: e, children: t, as: n = "label" }) {
 		}), t]
 	});
 }
-function Pe({ checked: e, onChange: t, description: n }) {
+function Ne({ checked: e, onChange: t, description: n }) {
 	return /* @__PURE__ */ f("label", {
 		className: "field checkbox-field",
 		children: [/* @__PURE__ */ d("input", {
@@ -2859,7 +2874,7 @@ function Pe({ checked: e, onChange: t, description: n }) {
 		}), /* @__PURE__ */ d("span", { children: n })]
 	});
 }
-function Fe({ activeTool: e }) {
+function Pe({ activeTool: e }) {
 	return /* @__PURE__ */ d("p", {
 		className: "hint-tool",
 		children: {
@@ -2874,7 +2889,7 @@ function Fe({ activeTool: e }) {
 		}[e] ?? ""
 	});
 }
-function Ie({ data: e, onCommit: t }) {
+function Fe({ data: e, onCommit: t }) {
 	let [n, r] = i(""), [a, o] = i(""), s = () => {
 		let e = n.trim();
 		e && (t(e, null, a), r(""), o(""));
@@ -2941,14 +2956,14 @@ function Ie({ data: e, onCommit: t }) {
 		]
 	});
 }
-function Le(e) {
+function Ie(e) {
 	return "#" + [
 		e.r,
 		e.g,
 		e.b
 	].map((e) => e.toString(16).padStart(2, "0")).join("");
 }
-function Re(e) {
+function Le(e) {
 	return {
 		spec: 1,
 		alpha: 255,
@@ -2960,7 +2975,7 @@ function Re(e) {
 }
 //#endregion
 //#region src/components/AreaManagerModal.tsx
-function ze({ sceneRef: e }) {
+function Re({ sceneRef: e }) {
 	let t = O((e) => e.map), [n, r] = i(""), [a, o] = i(null), [s, c] = i(""), [l, u] = i(null), [p, m] = i(null);
 	if (!t) return /* @__PURE__ */ d("div", {
 		className: "modal-empty",
@@ -3032,7 +3047,7 @@ function ze({ sceneRef: e }) {
 	}, y = () => {
 		if (!l || l.moveTarget === "") return;
 		let t = Number(l.moveTarget);
-		De([{
+		X([{
 			kind: "moveRoomsToArea",
 			roomIds: [...l.rooms],
 			fromAreaId: l.id,
@@ -3131,7 +3146,7 @@ function ze({ sceneRef: e }) {
 				}),
 				p === n && /* @__PURE__ */ d("div", {
 					className: "area-ud-section",
-					children: /* @__PURE__ */ d(Ie, {
+					children: /* @__PURE__ */ d(Fe, {
 						data: t.areas[n]?.userData ?? {},
 						onCommit: (t, r, i) => {
 							Y({
@@ -3203,14 +3218,14 @@ function ze({ sceneRef: e }) {
 }
 //#endregion
 //#region src/components/EnvManagerModal.tsx
-function Be(e) {
+function ze(e) {
 	return "#" + [
 		e.r,
 		e.g,
 		e.b
 	].map((e) => e.toString(16).padStart(2, "0")).join("");
 }
-function Ve(e) {
+function Be(e) {
 	return {
 		spec: 1,
 		alpha: 255,
@@ -3220,7 +3235,7 @@ function Ve(e) {
 		pad: 0
 	};
 }
-function He({ sceneRef: e }) {
+function Ve({ sceneRef: e }) {
 	let t = O((e) => e.map), n = O((e) => e.dataVersion), [r, a] = i(""), [o, s] = i(null), [c, l] = i(!1), [u, p] = i(""), [m, h] = i("#888888");
 	if (!t) return /* @__PURE__ */ d("div", {
 		className: "modal-empty",
@@ -3241,7 +3256,7 @@ function He({ sceneRef: e }) {
 	}, S = () => {
 		s(null), p(String(x())), l(!0);
 	}, C = (n, r) => {
-		let i = Ve(r);
+		let i = Be(r);
 		Y({
 			kind: "setCustomEnvColor",
 			envId: n,
@@ -3262,7 +3277,7 @@ function He({ sceneRef: e }) {
 			D.setState({ status: "Env IDs 1–256 are reserved. Use 257 or higher." });
 			return;
 		}
-		let r = Ve(m);
+		let r = Be(m);
 		Y({
 			kind: "setCustomEnvColor",
 			envId: n,
@@ -3367,7 +3382,7 @@ function He({ sceneRef: e }) {
 					}),
 					/* @__PURE__ */ d("input", {
 						type: "color",
-						value: Be(t.mCustomEnvColors[y.envId]),
+						value: ze(t.mCustomEnvColors[y.envId]),
 						onChange: (e) => C(y.envId, e.target.value),
 						style: {
 							width: "100%",
@@ -3392,7 +3407,7 @@ function He({ sceneRef: e }) {
 }
 //#endregion
 //#region src/components/panels/HistoryPanel.tsx
-function Ue(e) {
+function He(e) {
 	switch (e.kind) {
 		case "moveRoom": return `Move room #${e.id}`;
 		case "addRoom": return `Add room #${e.id}`;
@@ -3434,10 +3449,10 @@ function Ue(e) {
 		case "setLabelNoScaling": return `${e.to ? "Disable" : "Enable"} zoom scaling on label #${e.id}`;
 		case "setLabelShowOnTop": return `Set label #${e.id} ${e.to ? "foreground" : "background"}`;
 		case "resizeLabel": return `Resize label #${e.id}`;
-		case "batch": return Ue(e.cmds[0]);
+		case "batch": return He(e.cmds[0]);
 	}
 }
-function We({ cmd: e, className: t, onClick: n, title: r }) {
+function Ue({ cmd: e, className: t, onClick: n, title: r }) {
 	return /* @__PURE__ */ f("button", {
 		type: "button",
 		className: t,
@@ -3445,23 +3460,23 @@ function We({ cmd: e, className: t, onClick: n, title: r }) {
 		title: r,
 		children: [/* @__PURE__ */ d("span", {
 			className: "history-label",
-			children: Ue(e)
+			children: He(e)
 		}), e.kind === "batch" && e.cmds.slice(1).map((e, t) => /* @__PURE__ */ d("span", {
 			className: "history-sub",
-			children: Ue(e)
+			children: He(e)
 		}, t))]
 	});
 }
-function Ge({ sceneRef: e }) {
+function We({ sceneRef: e }) {
 	let t = O((e) => e.undo), n = O((e) => e.redo), r = (t, n) => {
 		let r = e.current, i = !1;
 		for (let e = 0; e < t; e++) {
-			let e = Oe(r);
+			let e = De(r);
 			if (!e.changed) break;
 			e.structural && (i = !0);
 		}
 		for (let e = 0; e < n; e++) {
-			let e = ke(r);
+			let e = Oe(r);
 			if (!e.changed) break;
 			e.structural && (i = !0);
 		}
@@ -3472,7 +3487,7 @@ function Ge({ sceneRef: e }) {
 		children: /* @__PURE__ */ f("div", {
 			className: "history-list",
 			children: [
-				n.map((e, t) => /* @__PURE__ */ d(We, {
+				n.map((e, t) => /* @__PURE__ */ d(Ue, {
 					cmd: e,
 					className: "history-item history-undone",
 					onClick: () => r(0, n.length - t),
@@ -3488,7 +3503,7 @@ function Ge({ sceneRef: e }) {
 						children: "Current state"
 					})]
 				}),
-				i.map((e, t) => /* @__PURE__ */ d(We, {
+				i.map((e, t) => /* @__PURE__ */ d(Ue, {
 					cmd: e,
 					className: "history-item history-done",
 					onClick: () => r(t + 1, 0),
@@ -3505,7 +3520,7 @@ function Ge({ sceneRef: e }) {
 }
 //#endregion
 //#region src/components/panels/MapPanel.tsx
-function Ke(e, t) {
+function Ge(e, t) {
 	let n = [], r = e.current?.reader;
 	if (r) for (let e of r.getAreas()) {
 		let t = e.getAreaId(), r = e.getAreaName();
@@ -3547,7 +3562,7 @@ function Ke(e, t) {
 	}
 	return n;
 }
-function qe(e) {
+function Ke(e) {
 	let t = D.getState(), n = e.areaId !== t.currentAreaId, r = e.z !== t.currentZ, i = e.x, a = -e.y;
 	n || r ? (D.setState({
 		selection: {
@@ -3575,7 +3590,7 @@ function qe(e) {
 		sidebarTab: "selection"
 	});
 }
-function Je(e) {
+function qe(e) {
 	let t = D.getState(), n = t.map?.rooms[e.roomId];
 	if (!n) return;
 	let r = n.area !== t.currentAreaId, i = n.z !== t.currentZ;
@@ -3603,7 +3618,7 @@ function Je(e) {
 		sidebarTab: "selection"
 	});
 }
-function Ye({ sceneRef: e }) {
+function Je({ sceneRef: e }) {
 	let t = O((e) => e.map);
 	if (O((e) => e.structureVersion), O((e) => e.dataVersion), !t) return /* @__PURE__ */ f("div", {
 		className: "panel-content",
@@ -3612,7 +3627,7 @@ function Ye({ sceneRef: e }) {
 			children: "Drag a .dat file in or load from toolbar."
 		})]
 	});
-	let n = Object.keys(t.rooms).length, r = Object.keys(t.areas).length, i = Object.keys(t.mCustomEnvColors).length, a = Ke(e, t);
+	let n = Object.keys(t.rooms).length, r = Object.keys(t.areas).length, i = Object.keys(t.mCustomEnvColors).length, a = Ge(e, t);
 	return /* @__PURE__ */ f("div", {
 		className: "panel-content",
 		children: [
@@ -3663,7 +3678,7 @@ function Ye({ sceneRef: e }) {
 				]
 			}),
 			/* @__PURE__ */ d("h4", { children: "User Data" }),
-			/* @__PURE__ */ d(Ie, {
+			/* @__PURE__ */ d(Fe, {
 				data: t.mUserData ?? {},
 				onCommit: (t, n, r) => {
 					Y({
@@ -3702,7 +3717,7 @@ function Ye({ sceneRef: e }) {
 							/* @__PURE__ */ d("button", {
 								type: "button",
 								className: "warning-go-btn",
-								onClick: () => qe(e),
+								onClick: () => Ke(e),
 								children: "Go"
 							})
 						]
@@ -3729,7 +3744,7 @@ function Ye({ sceneRef: e }) {
 							/* @__PURE__ */ d("button", {
 								type: "button",
 								className: "warning-go-btn",
-								onClick: () => Je(e),
+								onClick: () => qe(e),
 								children: "Go"
 							})
 						]
@@ -3741,7 +3756,7 @@ function Ye({ sceneRef: e }) {
 }
 //#endregion
 //#region src/components/panels/ExitPanel.tsx
-function Xe({ selection: e, map: t, sceneRef: n }) {
+function Ye({ selection: e, map: t, sceneRef: n }) {
 	let r = t.rooms[e.fromId], i = t.rooms[e.toId], a = {
 		north: "south",
 		south: "north",
@@ -3783,7 +3798,7 @@ function Xe({ selection: e, map: t, sceneRef: n }) {
 		/* @__PURE__ */ f("div", {
 			className: "exit-flow",
 			children: [
-				/* @__PURE__ */ d(Ne, {
+				/* @__PURE__ */ d(Me, {
 					id: e.fromId,
 					name: r?.name
 				}),
@@ -3818,7 +3833,7 @@ function Xe({ selection: e, map: t, sceneRef: n }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ d(Ne, {
+				/* @__PURE__ */ d(Me, {
 					id: e.toId,
 					name: i?.name
 				})
@@ -3834,10 +3849,10 @@ function Xe({ selection: e, map: t, sceneRef: n }) {
 }
 //#endregion
 //#region src/editor/coords.ts
-function Ze(e, t) {
+function Xe(e, t) {
 	return Math.round(e / t) * t;
 }
-function Qe(e, t, n, r) {
+function Ze(e, t, n, r) {
 	let i = t.getBoundingClientRect(), a = e.backend.viewport.clientToMapPoint(n, r, {
 		left: i.left,
 		top: i.top
@@ -3851,7 +3866,7 @@ function Qe(e, t, n, r) {
 }
 //#endregion
 //#region src/editor/hitTest.ts
-function $e(e, t, n, r, i) {
+function Qe(e, t, n, r, i) {
 	let a = i.getArea(e);
 	if (!a) return null;
 	let o = a.getPlane(t);
@@ -3866,7 +3881,7 @@ function $e(e, t, n, r, i) {
 	}
 	return c;
 }
-function et(e, t, n, r, i) {
+function $e(e, t, n, r, i) {
 	let a = i.getArea(e);
 	if (!a) return [];
 	let o = a.getPlane(t);
@@ -3881,7 +3896,7 @@ function et(e, t, n, r, i) {
 	}
 	return c;
 }
-function tt(e, t, n, r, i, a, o, s) {
+function et(e, t, n, r, i, a, o, s) {
 	let c = [], l = e.backend.culling?.findRoomAtMapPoint?.(i, a);
 	if (l) {
 		let e = t.rooms[l.id];
@@ -3890,19 +3905,19 @@ function tt(e, t, n, r, i, a, o, s) {
 			id: Number(i)
 		});
 	}
-	let u = et(n, r, i, a, s);
+	let u = $e(n, r, i, a, s);
 	for (let e = u.length - 1; e >= 0; e--) c.push({
 		kind: "label",
 		id: u[e].id,
 		areaId: u[e].areaId
 	});
-	let d = lt(e, i, a, o);
+	let d = ct(e, i, a, o);
 	d && c.push({
 		kind: "customLine",
 		roomId: d.roomId,
 		exitName: d.exitName
 	});
-	let f = ct(e, i, a, o);
+	let f = st(e, i, a, o);
 	return f && c.push({
 		kind: "exit",
 		fromId: f.fromId,
@@ -3910,7 +3925,7 @@ function tt(e, t, n, r, i, a, o, s) {
 		dir: f.dir
 	}), c;
 }
-function nt(e, t, n, r) {
+function tt(e, t, n, r) {
 	let i = .05, a = e.x - i, o = e.y - i, s = e.w + i * 2, c = e.h + i * 2, l = Math.max(.15, r), u = [
 		[
 			a,
@@ -3962,7 +3977,7 @@ function nt(e, t, n, r) {
 	}
 	return d?.handle ?? null;
 }
-function rt(e, t, n, r, i) {
+function nt(e, t, n, r, i) {
 	let a = e.areas[t];
 	if (!a) return null;
 	for (let t of a.rooms) {
@@ -3971,22 +3986,22 @@ function rt(e, t, n, r, i) {
 	}
 	return null;
 }
-function it(e, t, n, r, i, a) {
+function rt(e, t, n, r, i, a) {
 	let o = i - n, s = a - r, c = o * o + s * s;
 	if (c < 1e-9) return Math.hypot(e - n, t - r);
 	let l = ((e - n) * o + (t - r) * s) / c;
 	return l = Math.max(0, Math.min(1, l)), Math.hypot(e - (n + l * o), t - (r + l * s));
 }
-function at(e, t, n) {
+function it(e, t, n) {
 	if (e.length < 4) return Infinity;
 	let r = Infinity;
 	for (let i = 0; i + 3 < e.length; i += 2) {
-		let a = it(t, n, e[i], e[i + 1], e[i + 2], e[i + 3]);
+		let a = rt(t, n, e[i], e[i + 1], e[i + 2], e[i + 3]);
 		a < r && (r = a);
 	}
 	return r;
 }
-var ot = [
+var at = [
 	[
 		0,
 		-1,
@@ -4028,18 +4043,18 @@ var ot = [
 		"northwest"
 	]
 ];
-function st(e, t, n) {
+function ot(e, t, n) {
 	let r = e.x - t.x, i = e.y - t.y;
 	if (r === 0 && i === 0) return "east";
 	let a = (Math.atan2(i, r) * 180 / Math.PI + 360) % 360;
 	return a < 22.5 || a >= 337.5 ? "east" : a < 67.5 ? "southeast" : a < 112.5 ? "south" : a < 157.5 ? "southwest" : a < 202.5 ? "west" : a < 247.5 ? "northwest" : a < 292.5 ? "north" : "northeast";
 }
-function ct(e, t, n, r) {
+function st(e, t, n, r) {
 	let i = r * .35, a = e.getDrawnExits(), o = null;
 	for (let e of a) {
 		let r = Infinity, a = !0;
 		for (let i of e.data.lines) {
-			let e = at(i.points, t, n);
+			let e = it(i.points, t, n);
 			if (e < r) {
 				r = e;
 				let o = Math.hypot(t - i.points[0], n - i.points[1]), s = i.points.length - 2;
@@ -4047,7 +4062,7 @@ function ct(e, t, n, r) {
 			}
 		}
 		for (let i of e.data.arrows) {
-			let o = at(i.points, t, n);
+			let o = it(i.points, t, n);
 			if (o < r) {
 				r = o;
 				let s = Math.hypot(t - i.points[0], n - i.points[1]), c = i.points.length - 2, l = Math.hypot(t - i.points[c], n - i.points[c + 1]);
@@ -4081,10 +4096,10 @@ function ct(e, t, n, r) {
 		dir: o.bDir
 	} : null : null;
 }
-function lt(e, t, n, r) {
+function ct(e, t, n, r) {
 	let i = r * .5, a = null;
 	for (let r of e.getDrawnSpecialExits()) {
-		let e = at(r.points, t, n);
+		let e = it(r.points, t, n);
 		e < i && (a === null || e < a.dist) && (a = {
 			roomId: r.roomId,
 			exitName: r.exitName,
@@ -4096,13 +4111,13 @@ function lt(e, t, n, r) {
 		exitName: a.exitName
 	} : null;
 }
-function ut(e, t, n, r, i, a) {
+function lt(e, t, n, r, i, a) {
 	let o = a * .5;
 	for (let a of e.getDrawnSpecialExits()) {
 		if (a.roomId !== t || a.exitName !== n) continue;
 		let e = null;
 		for (let t = 0; t + 3 < a.points.length; t += 2) {
-			let n = it(r, i, a.points[t], a.points[t + 1], a.points[t + 2], a.points[t + 3]);
+			let n = rt(r, i, a.points[t], a.points[t + 1], a.points[t + 2], a.points[t + 3]);
 			n < o && (e === null || n < e.dist) && (e = {
 				segIdx: t / 2,
 				dist: n
@@ -4112,7 +4127,7 @@ function ut(e, t, n, r, i, a) {
 	}
 	return null;
 }
-function dt(e, t, n, r, i, a) {
+function ut(e, t, n, r, i, a) {
 	let o = a * .45;
 	for (let a of e.getDrawnSpecialExits()) {
 		if (a.roomId !== t || a.exitName !== n) continue;
@@ -4130,21 +4145,21 @@ function dt(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/editor/tools.ts
-var ft = null;
-function pt(e) {
-	ft = e;
+var dt = null;
+function ft(e) {
+	dt = e;
 }
-function Z(e, t) {
-	return Qe(e.renderer, e.container, t.clientX, t.clientY);
+function Q(e, t) {
+	return Ze(e.renderer, e.container, t.clientX, t.clientY);
 }
-function mt(e, t) {
-	let n = Z(e, t), r = D.getState();
+function pt(e, t) {
+	let n = Q(e, t), r = D.getState();
 	return r.snapToGrid ? {
-		x: Ze(n.x, r.gridStep),
-		y: Ze(n.y, r.gridStep)
+		x: Xe(n.x, r.gridStep),
+		y: Xe(n.y, r.gridStep)
 	} : n;
 }
-function ht() {
+function mt() {
 	let e = D.getState();
 	return !e.map || e.currentAreaId == null ? null : {
 		map: e.map,
@@ -4153,8 +4168,8 @@ function ht() {
 		state: e
 	};
 }
-function Q(e, t) {
-	if (!ht()) return null;
+function $(e, t) {
+	if (!mt()) return null;
 	let n = e.container.getBoundingClientRect(), r = e.renderer.backend.viewport.clientToMapPoint(t.clientX, t.clientY, {
 		left: n.left,
 		top: n.top
@@ -4163,14 +4178,14 @@ function Q(e, t) {
 	let i = e.renderer.backend.culling?.findRoomAtMapPoint?.(r.x, r.y);
 	return i ? e.scene.getRenderRoom(i.id) ?? null : null;
 }
-var gt = .15, _t = {
+var ht = .15, gt = {
 	id: "select",
 	cursor: "default",
 	onPointerDown(e, t) {
 		if (e.button !== 0) return !1;
 		let n = D.getState();
 		if (n.contextMenu && D.setState({ contextMenu: null }), n.pending?.kind === "pickExit") {
-			let r = Q(t, e);
+			let r = $(t, e);
 			if (r && n.map) {
 				let { fromId: e, dir: i } = n.pending, a = n.map.rooms[e];
 				if (a) {
@@ -4195,8 +4210,8 @@ var gt = .15, _t = {
 			return !0;
 		}
 		if (n.pending?.kind === "pickSpecialExit") {
-			let r = Q(t, e), i = n.pending.fromId;
-			return r && ft && ft(r.id), D.setState({
+			let r = $(t, e), i = n.pending.fromId;
+			return r && dt && dt(r.id), D.setState({
 				pending: null,
 				selection: {
 					kind: "room",
@@ -4205,7 +4220,7 @@ var gt = .15, _t = {
 			}), !0;
 		}
 		if (n.pending?.kind === "pickSwatch") {
-			let r = Q(t, e);
+			let r = $(t, e);
 			if (r && n.map) {
 				let e = n.map.rooms[r.id];
 				e && window.dispatchEvent(new CustomEvent("editor:swatchRoomPicked", { detail: {
@@ -4215,9 +4230,9 @@ var gt = .15, _t = {
 			}
 			return D.setState({ pending: null }), !0;
 		}
-		let r = Z(t, e), i = ht();
+		let r = Q(t, e), i = mt();
 		if (e.altKey) {
-			let e = i ? tt(t.renderer, i.map, i.areaId, i.z, r.x, r.y, t.settings.roomSize, t.scene.reader) : [];
+			let e = i ? et(t.renderer, i.map, i.areaId, i.z, r.x, r.y, t.settings.roomSize, t.scene.reader) : [];
 			if (e.length > 0) {
 				let t = Math.round(r.x), i = Math.round(r.y), a = n.hitCycle, o = a && a.x === t && a.y === i ? (a.index + 1) % e.length : 0, s = e[o];
 				D.setState({
@@ -4226,15 +4241,15 @@ var gt = .15, _t = {
 						y: i,
 						index: o
 					},
-					selection: Lt(s),
+					selection: It(s),
 					sidebarTab: "selection",
-					status: `Selected ${Rt(s)} (${o + 1}/${e.length})`
+					status: `Selected ${Lt(s)} (${o + 1}/${e.length})`
 				});
 			}
 			return !0;
 		}
 		if (D.setState({ hitCycle: null }), n.selection?.kind === "customLine" && i) {
-			let i = dt(t.renderer, n.selection.roomId, n.selection.exitName, r.x, r.y, t.settings.roomSize);
+			let i = ut(t.renderer, n.selection.roomId, n.selection.exitName, r.x, r.y, t.settings.roomSize);
 			if (i !== null) {
 				let r = n.map?.rooms[n.selection.roomId], a = r?.customLines?.[n.selection.exitName] ? [...r.customLines[n.selection.exitName]] : [];
 				return D.setState({
@@ -4269,7 +4284,7 @@ var gt = .15, _t = {
 					}), c = t.renderer.backend.viewport.clientToMapPoint(8, 0, {
 						left: o.left,
 						top: o.top
-					}), l = s && c ? Math.abs(c.x - s.x) : .25, u = nt(n, r.x, r.y, l);
+					}), l = s && c ? Math.abs(c.x - s.x) : .25, u = tt(n, r.x, r.y, l);
 					if (u) return D.setState({ pending: {
 						kind: "labelResize",
 						labelId: i.id,
@@ -4280,7 +4295,7 @@ var gt = .15, _t = {
 					} }), t.container.setPointerCapture(e.pointerId), !0;
 				}
 			}
-			let a = $e(i.areaId, i.z, r.x, r.y, t.scene.reader);
+			let a = Qe(i.areaId, i.z, r.x, r.y, t.scene.reader);
 			if (a) {
 				let n = t.scene.reader.getLabelSnapshot(a.areaId, a.id), i = n ? n.pos[0] : 0, o = n ? -n.pos[1] : 0;
 				return D.setState({
@@ -4301,7 +4316,7 @@ var gt = .15, _t = {
 				}), t.container.setPointerCapture(e.pointerId), !0;
 			}
 		}
-		let a = Q(t, e);
+		let a = $(t, e);
 		if (a && n.selection?.kind === "room") {
 			let e = a, r = n.selection.ids.find((n) => {
 				let r = t.scene.getRenderRoom(n);
@@ -4312,6 +4327,13 @@ var gt = .15, _t = {
 		if (a) {
 			let i = n.map?.rooms[a.id];
 			if (!i) return !0;
+			if (e.shiftKey) {
+				let e = n.selection?.kind === "room" ? n.selection.ids : [];
+				return e.includes(a.id) || D.setState({ selection: {
+					kind: "room",
+					ids: [...e, a.id]
+				} }), !0;
+			}
 			if (e.ctrlKey || e.metaKey) {
 				let e = n.selection?.kind === "room" ? n.selection.ids : [], t = e.indexOf(a.id) >= 0 ? e.filter((e) => e !== a.id) : [...e, a.id];
 				return D.setState({ selection: t.length === 0 ? null : {
@@ -4365,13 +4387,13 @@ var gt = .15, _t = {
 			}), t.container.setPointerCapture(e.pointerId), !0;
 		}
 		if (i) {
-			let e = lt(t.renderer, r.x, r.y, t.settings.roomSize);
+			let e = ct(t.renderer, r.x, r.y, t.settings.roomSize);
 			if (e) return D.setState({ selection: {
 				kind: "customLine",
 				roomId: e.roomId,
 				exitName: e.exitName
 			} }), !0;
-			let n = ct(t.renderer, r.x, r.y, t.settings.roomSize);
+			let n = st(t.renderer, r.x, r.y, t.settings.roomSize);
 			if (n) return D.setState({ selection: {
 				kind: "exit",
 				fromId: n.fromId,
@@ -4379,7 +4401,7 @@ var gt = .15, _t = {
 				dir: n.dir
 			} }), !0;
 		}
-		let o = Z(t, e);
+		let o = Q(t, e);
 		return D.setState({ pending: {
 			kind: "marquee",
 			startX: o.x,
@@ -4387,25 +4409,30 @@ var gt = .15, _t = {
 			currentX: o.x,
 			currentY: o.y,
 			ctrlHeld: e.ctrlKey || e.metaKey,
+			shiftHeld: e.shiftKey,
 			preExistingIds: n.selection?.kind === "room" ? n.selection.ids : []
 		} }), t.container.setPointerCapture(e.pointerId), !0;
 	},
 	onPointerMove(e, t) {
 		let n = D.getState();
 		if (n.pending?.kind === "customLinePoint") {
-			let r = mt(t, e);
+			let r = pt(t, e);
 			return t.scene.reader.setCustomLinePoint(n.pending.roomId, n.pending.exitName, n.pending.pointIndex, r.x, r.y), t.refresh(), D.bumpData(), !0;
 		}
 		if (n.pending?.kind === "marquee") {
-			let r = Z(t, e), i = {
+			let r = Q(t, e), i = {
 				...n.pending,
 				currentX: r.x,
 				currentY: r.y
-			}, a = vt(Math.min(i.startX, r.x), Math.max(i.startX, r.x), Math.min(i.startY, r.y), Math.max(i.startY, r.y)), o;
+			}, a = _t(Math.min(i.startX, r.x), Math.max(i.startX, r.x), Math.min(i.startY, r.y), Math.max(i.startY, r.y)), o;
 			if (i.ctrlHeld) {
 				let e = new Set(i.preExistingIds);
 				for (let t of a) e.has(t) ? e.delete(t) : e.add(t);
 				o = [...e];
+			} else if (i.shiftHeld) {
+				let e = new Set(i.preExistingIds);
+				for (let t of a) e.add(t);
+				o = [...e];
 			} else o = a;
 			return D.setState({
 				pending: i,
@@ -4416,28 +4443,28 @@ var gt = .15, _t = {
 			}), !0;
 		}
 		if (n.pending?.kind === "labelDrag") {
-			let r = Z(t, e), i = {
+			let r = Q(t, e), i = {
 				x: r.x - n.pending.offsetX,
 				y: r.y - n.pending.offsetY
 			}, a = n.snapToGrid ? {
-				x: Ze(i.x, n.gridStep),
-				y: Ze(i.y, n.gridStep)
+				x: Xe(i.x, n.gridStep),
+				y: Xe(i.y, n.gridStep)
 			} : i, o = t.scene.reader.getLabelSnapshot(n.pending.areaId, n.pending.labelId), s = o ? a.x - o.pos[0] : 1, c = o ? a.y - -o.pos[1] : 1;
 			return (s !== 0 || c !== 0) && (t.scene.reader.moveLabel(n.pending.areaId, n.pending.labelId, a.x, a.y), t.refresh(), D.bumpData()), !0;
 		}
 		if (n.pending?.kind === "labelResize") {
-			let r = Z(t, e), i = n.pending, a = n.labelAspectRatioLocked && i.originSize[1] > 0 ? i.originSize[0] / i.originSize[1] : void 0, o = jt(i.handle, i.originPos[0], -i.originPos[1], i.originSize[0], i.originSize[1], r.x, r.y, a), s = t.scene.reader.getLabelSnapshot(i.areaId, i.labelId);
+			let r = Q(t, e), i = n.pending, a = n.labelAspectRatioLocked && i.originSize[1] > 0 ? i.originSize[0] / i.originSize[1] : void 0, o = At(i.handle, i.originPos[0], -i.originPos[1], i.originSize[0], i.originSize[1], r.x, r.y, a), s = t.scene.reader.getLabelSnapshot(i.areaId, i.labelId);
 			return (!s || o.x !== s.pos[0] || o.y !== -s.pos[1] || o.w !== s.size[0] || o.h !== s.size[1]) && (t.scene.reader.moveLabel(i.areaId, i.labelId, o.x, o.y), t.scene.reader.setLabelSize(i.areaId, i.labelId, o.w, o.h), t.scene.refresh()), !0;
 		}
-		if (n.pending?.kind !== "drag") return zt(t, e), !1;
+		if (n.pending?.kind !== "drag") return Rt(t, e), !1;
 		let r = t.scene.getRenderRoom(n.pending.roomId);
 		if (!r) return !0;
-		let i = Z(t, e), a = {
+		let i = Q(t, e), a = {
 			x: i.x - n.pending.offsetX,
 			y: i.y - n.pending.offsetY
 		}, o = n.snapToGrid ? {
-			x: Ze(a.x, n.gridStep),
-			y: Ze(a.y, n.gridStep)
+			x: Xe(a.x, n.gridStep),
+			y: Xe(a.y, n.gridStep)
 		} : a, s = o.x - r.x, c = o.y - r.y;
 		if (s !== 0 || c !== 0) {
 			if (t.scene.reader.moveRoom(n.pending.roomId, o.x, o.y, r.z), n.pending.multiOrigins) for (let { id: e } of n.pending.multiOrigins) {
@@ -4495,7 +4522,7 @@ var gt = .15, _t = {
 				t.container.releasePointerCapture(e.pointerId);
 			} catch {}
 			let r = n.pending, i = Math.abs(r.currentX - r.startX), a = Math.abs(r.currentY - r.startY);
-			return i <= gt && a <= gt && !r.ctrlHeld && D.setState({ selection: null }), D.setState({ pending: null }), !0;
+			return i <= ht && a <= ht && !r.ctrlHeld && !r.shiftHeld && D.setState({ selection: null }), D.setState({ pending: null }), !0;
 		}
 		if (n.pending?.kind === "labelDrag" && n.map) {
 			let e = n.pending, r = t.scene.reader.getLabelSnapshot(e.areaId, e.labelId);
@@ -4597,9 +4624,17 @@ var gt = .15, _t = {
 	onContextMenu(e, t) {
 		let n = D.getState();
 		if (!n.map) return !1;
-		let r = Z(t, e), i = ht();
+		if (n.spreadShrink) {
+			let r = $(t, e);
+			if (r) return D.setState({ spreadShrink: {
+				...n.spreadShrink,
+				centerMode: "anchor",
+				anchorRoomId: r.id
+			} }), !0;
+		}
+		let r = Q(t, e), i = mt();
 		if (i) {
-			let n = tt(t.renderer, i.map, i.areaId, i.z, r.x, r.y, t.settings.roomSize, t.scene.reader).filter((e) => e.kind !== "exit" && e.kind !== "customLine");
+			let n = et(t.renderer, i.map, i.areaId, i.z, r.x, r.y, t.settings.roomSize, t.scene.reader).filter((e) => e.kind !== "exit" && e.kind !== "customLine");
 			if (n.length > 1) return D.setState({ contextMenu: {
 				kind: "disambiguate",
 				hits: n,
@@ -4607,7 +4642,7 @@ var gt = .15, _t = {
 				screenY: e.clientY
 			} }), !0;
 		}
-		let a = Q(t, e);
+		let a = $(t, e);
 		if (a) return D.setState({ contextMenu: {
 			kind: "room",
 			roomId: a.id,
@@ -4615,7 +4650,7 @@ var gt = .15, _t = {
 			screenY: e.clientY
 		} }), !0;
 		if (i) {
-			let n = $e(i.areaId, i.z, r.x, r.y, t.scene.reader);
+			let n = Qe(i.areaId, i.z, r.x, r.y, t.scene.reader);
 			if (n) return D.setState({
 				selection: {
 					kind: "label",
@@ -4635,7 +4670,7 @@ var gt = .15, _t = {
 		if (n.selection?.kind !== "customLine") return !1;
 		let o = n.selection, s = n.map.rooms[o.roomId], c = s?.customLines?.[o.exitName];
 		if (!s || !c) return !1;
-		let l = dt(t.renderer, o.roomId, o.exitName, r.x, r.y, t.settings.roomSize);
+		let l = ut(t.renderer, o.roomId, o.exitName, r.x, r.y, t.settings.roomSize);
 		if (l !== null) return D.setState({
 			selection: {
 				kind: "customLine",
@@ -4652,10 +4687,10 @@ var gt = .15, _t = {
 				screenY: e.clientY
 			}
 		}), !0;
-		let u = ut(t.renderer, o.roomId, o.exitName, r.x, r.y, t.settings.roomSize);
+		let u = lt(t.renderer, o.roomId, o.exitName, r.x, r.y, t.settings.roomSize);
 		if (u !== null) {
-			let n = mt(t, e);
-			return yt(t, o.roomId, o.exitName, u.insertIndex, n.x, n.y), !0;
+			let n = pt(t, e);
+			return vt(t, o.roomId, o.exitName, u.insertIndex, n.x, n.y), !0;
 		}
 		return !1;
 	},
@@ -4682,7 +4717,7 @@ var gt = .15, _t = {
 		D.setState({ pending: null });
 	}
 };
-function vt(e, t, n, r) {
+function _t(e, t, n, r) {
 	let i = D.getState();
 	if (!i.map || i.currentAreaId == null) return [];
 	let a = [];
@@ -4693,7 +4728,7 @@ function vt(e, t, n, r) {
 	}
 	return a;
 }
-function yt(e, t, n, r, i, a) {
+function vt(e, t, n, r, i, a) {
 	let o = D.getState();
 	if (!o.map) return;
 	let s = o.map.rooms[t], c = s?.customLines?.[n];
@@ -4733,17 +4768,17 @@ function yt(e, t, n, r, i, a) {
 		status: `Added waypoint to '${n}' on room ${t}`
 	});
 }
-var bt = {
+var yt = {
 	id: "connect",
 	cursor: "crosshair",
 	onPointerDown(e, t) {
 		if (e.button !== 0) return !1;
-		let n = Q(t, e);
+		let n = $(t, e);
 		if (!n) return D.getState().pending?.kind === "connect" && D.setState({
 			pending: null,
 			status: "Connect cancelled."
 		}), !0;
-		let r = Z(t, e), i = st(r, {
+		let r = Q(t, e), i = ot(r, {
 			x: n.x,
 			y: n.y
 		}, t.settings.roomSize);
@@ -4768,10 +4803,10 @@ var bt = {
 		return !0;
 	},
 	onPointerMove(e, t) {
-		let n = D.getState(), r = Z(t, e), i = Q(t, e), a = i ? i.id : null;
+		let n = D.getState(), r = Q(t, e), i = $(t, e), a = i ? i.id : null;
 		if (n.pending?.kind === "connect") {
 			let e = null;
-			return i && i.id !== n.pending.sourceId && (e = st(r, {
+			return i && i.id !== n.pending.sourceId && (e = ot(r, {
 				x: i.x,
 				y: i.y
 			}, t.settings.roomSize)), D.setState({ pending: {
@@ -4781,7 +4816,7 @@ var bt = {
 				targetDir: e
 			} }), !0;
 		}
-		return zt(t, e), !1;
+		return Rt(t, e), !1;
 	},
 	onPointerUp(e, t) {
 		let n = D.getState();
@@ -4790,13 +4825,13 @@ var bt = {
 		try {
 			t.container.releasePointerCapture(e.pointerId);
 		} catch {}
-		return r.hoverTargetId != null && r.hoverTargetId !== r.sourceId ? xt(t, r.sourceId, r.hoverTargetId, r.sourceDir, r.targetDir, e.shiftKey) : D.setState({ status: "Connect cancelled." }), D.setState({ pending: null }), !0;
+		return r.hoverTargetId != null && r.hoverTargetId !== r.sourceId ? bt(t, r.sourceId, r.hoverTargetId, r.sourceDir, r.targetDir, e.shiftKey) : D.setState({ status: "Connect cancelled." }), D.setState({ pending: null }), !0;
 	},
 	onCancel() {
 		D.setState({ pending: null });
 	}
 };
-function xt(e, t, n, r, i, a) {
+function bt(e, t, n, r, i, a) {
 	let o = e.scene.getRenderRoom(t), s = e.scene.getRenderRoom(n);
 	if (!o || !s) return;
 	let c = r ?? Se(o.x, o.y, s.x, s.y);
@@ -4819,16 +4854,16 @@ function xt(e, t, n, r, i, a) {
 	let g = h ? `Connected ${t}.${c} ↔ ${n}.${f}` : `Connected ${t}.${c} → ${n}`;
 	D.setState({ status: g });
 }
-var St = {
+var xt = {
 	id: "unlink",
 	cursor: "crosshair",
 	onPointerDown(e, t) {
 		if (e.button !== 0) return !1;
-		let n = ht();
+		let n = mt();
 		if (!n) return !1;
-		let r = Z(t, e), i = Q(t, e), a = t.settings.roomSize / 2;
+		let r = Q(t, e), i = $(t, e), a = t.settings.roomSize / 2;
 		if (!(i && Math.abs(r.x - i.x) <= a && Math.abs(r.y - i.y) <= a)) {
-			let e = lt(t.renderer, r.x, r.y, t.settings.roomSize);
+			let e = ct(t.renderer, r.x, r.y, t.settings.roomSize);
 			if (e) {
 				let r = n.map.rooms[e.roomId], i = r?.customLines?.[e.exitName] ?? [], a = r?.customLinesColor?.[e.exitName] ?? {
 					spec: 1,
@@ -4851,7 +4886,7 @@ var St = {
 				let c = D.getState();
 				return c.selection?.kind === "customLine" && c.selection.roomId === e.roomId && c.selection.exitName === e.exitName && D.setState({ selection: null }), D.setState({ status: `Removed custom line '${e.exitName}' from room ${e.roomId}` }), !0;
 			}
-			let i = ct(t.renderer, r.x, r.y, t.settings.roomSize);
+			let i = st(t.renderer, r.x, r.y, t.settings.roomSize);
 			if (i) {
 				if (!n.map.rooms[i.fromId]) return !0;
 				let e = me[i.dir], r = n.map.rooms[i.toId], a = r && we(e) && J(r, e) === i.fromId ? {
@@ -4900,17 +4935,17 @@ var St = {
 		}, t.scene), t.refresh(), D.bumpData(), D.setState({ status: `Removed all exits from room ${i.id}` }), !0);
 	},
 	onPointerMove(e, t) {
-		zt(t, e);
+		Rt(t, e);
 	}
-}, Ct = {
+}, St = {
 	id: "addRoom",
 	cursor: "crosshair",
 	onPointerDown(e, t) {
 		if (e.button !== 0) return !1;
-		let n = ht();
+		let n = mt();
 		if (!n) return !1;
-		let { x: r, y: i } = mt(t, e), a = r, o = -i;
-		if (rt(n.map, n.areaId, a, o, n.z)) return D.setState({ status: "Cell is already occupied." }), !0;
+		let { x: r, y: i } = pt(t, e), a = r, o = -i;
+		if (nt(n.map, n.areaId, a, o, n.z)) return D.setState({ status: "Cell is already occupied." }), !0;
 		let s = be(n.map);
 		return Y({
 			kind: "addRoom",
@@ -4927,17 +4962,17 @@ var St = {
 		}), !0;
 	},
 	onPointerMove(e, t) {
-		let n = mt(t, e);
-		D.setState({ snapCursor: n }), zt(t, e);
+		let n = pt(t, e);
+		D.setState({ snapCursor: n }), Rt(t, e);
 	}
-}, wt = {
+}, Ct = {
 	id: "delete",
 	cursor: "not-allowed",
 	onPointerDown(e, t) {
 		if (e.button !== 0) return !1;
-		let n = ht();
+		let n = mt();
 		if (!n) return !1;
-		let r = Z(t, e), i = $e(n.areaId, n.z, r.x, r.y, t.scene.reader);
+		let r = Q(t, e), i = Qe(n.areaId, n.z, r.x, r.y, t.scene.reader);
 		if (i) {
 			let e = t.scene.reader.getLabelSnapshot(i.areaId, i.id);
 			if (e) {
@@ -4951,9 +4986,9 @@ var St = {
 			}
 			return !0;
 		}
-		let a = Q(t, e), o = t.settings.roomSize / 2;
+		let a = $(t, e), o = t.settings.roomSize / 2;
 		if (!(a && Math.abs(r.x - a.x) <= o && Math.abs(r.y - a.y) <= o)) {
-			let e = lt(t.renderer, r.x, r.y, t.settings.roomSize);
+			let e = ct(t.renderer, r.x, r.y, t.settings.roomSize);
 			if (e) {
 				let r = n.map.rooms[e.roomId], i = r?.customLines?.[e.exitName] ?? [], a = r?.customLinesColor?.[e.exitName] ?? {
 					spec: 1,
@@ -4976,7 +5011,7 @@ var St = {
 				let c = D.getState();
 				return c.selection?.kind === "customLine" && c.selection.roomId === e.roomId && c.selection.exitName === e.exitName && D.setState({ selection: null }), D.setState({ status: `Removed custom line '${e.exitName}' from room ${e.roomId}` }), !0;
 			}
-			let i = ct(t.renderer, r.x, r.y, t.settings.roomSize);
+			let i = st(t.renderer, r.x, r.y, t.settings.roomSize);
 			if (i) {
 				if (!n.map.rooms[i.fromId]) return !0;
 				let e = me[i.dir], r = n.map.rooms[i.toId], a = r && we(e) && J(r, e) === i.fromId ? {
@@ -4998,7 +5033,7 @@ var St = {
 		if (!a) return D.setState({ status: "No exit, custom line, or room under cursor." }), !0;
 		let s = n.map.rooms[a.id];
 		if (!s) return !0;
-		let c = { ...s }, l = je(n.map, a.id);
+		let c = { ...s }, l = Ae(n.map, a.id);
 		Y({
 			kind: "deleteRoom",
 			id: a.id,
@@ -5010,37 +5045,37 @@ var St = {
 		return u.selection?.kind === "room" && u.selection.ids.includes(a.id) && D.setState({ selection: null }), D.setState({ status: `Deleted room ${a.id}` }), !0;
 	},
 	onPointerMove(e, t) {
-		zt(t, e);
+		Rt(t, e);
 	}
-}, Tt = !1, Et = {
+}, wt = !1, Tt = {
 	id: "pan",
 	cursor: "grab",
 	onPointerDown(e, t) {
-		return e.button !== 0 || e.pointerType !== "mouse" ? !1 : (t.renderer.backend.viewport.startDrag(e.clientX, e.clientY), Tt = !0, !0);
+		return e.button !== 0 || e.pointerType !== "mouse" ? !1 : (t.renderer.backend.viewport.startDrag(e.clientX, e.clientY), wt = !0, !0);
 	},
 	onPointerMove(e, t) {
 		if (e.pointerType === "mouse") {
-			if (!Tt) {
+			if (!wt) {
 				if (e.buttons === 0) return;
-				t.renderer.backend.viewport.startDrag(e.clientX, e.clientY), Tt = !0;
+				t.renderer.backend.viewport.startDrag(e.clientX, e.clientY), wt = !0;
 			}
 			return t.renderer.backend.viewport.updateDrag(e.clientX, e.clientY), t.refresh(), !0;
 		}
 	},
 	onPointerUp(e, t) {
-		return Tt ? (t.renderer.backend.viewport.endDrag(), Tt = !1, !0) : !1;
+		return wt ? (t.renderer.backend.viewport.endDrag(), wt = !1, !0) : !1;
 	},
 	onCancel(e) {
-		Tt &&= (e.renderer.backend.viewport.endDrag(), !1);
+		wt &&= (e.renderer.backend.viewport.endDrag(), !1);
 	}
-}, Dt = {
+}, Et = {
 	id: "customLine",
 	cursor: "crosshair",
 	onPointerDown(e, t) {
 		let n = D.getState();
 		if (!n.pending || n.pending.kind !== "customLine" || e.button !== 0) return !1;
-		let r = mt(t, e), i = [...n.pending.points, [r.x, r.y]];
-		return Ot(n.pending, i, t), D.setState({ pending: {
+		let r = pt(t, e), i = [...n.pending.points, [r.x, r.y]];
+		return Dt(n.pending, i, t), D.setState({ pending: {
 			...n.pending,
 			points: i,
 			cursor: r
@@ -5048,31 +5083,31 @@ var St = {
 	},
 	onContextMenu(e, t) {
 		let n = D.getState();
-		return n.pending?.kind === "customLine" ? (At(n.pending, t), !0) : !1;
+		return n.pending?.kind === "customLine" ? (kt(n.pending, t), !0) : !1;
 	},
 	onPointerMove(e, t) {
-		let n = D.getState(), r = mt(t, e);
+		let n = D.getState(), r = pt(t, e);
 		return n.pending?.kind === "customLine" ? (D.setState({ pending: {
 			...n.pending,
 			cursor: r
-		} }), !0) : (zt(t, e), !1);
+		} }), !0) : (Rt(t, e), !1);
 	},
 	onPointerUp() {
 		return !1;
 	},
 	onCancel(e) {
 		let t = D.getState();
-		t.pending?.kind === "customLine" && e && kt(t.pending, e.scene), D.setState({
+		t.pending?.kind === "customLine" && e && Ot(t.pending, e.scene), D.setState({
 			pending: null,
 			status: "Custom line cancelled."
 		}), D.bumpData();
 	}
 };
-function Ot(e, t, n) {
+function Dt(e, t, n) {
 	let r = t.slice(1).map(([e, t]) => [e, -t]);
 	n.scene.reader.setCustomLine(e.roomId, e.exitName, r, e.color, e.style, e.arrow), n.refresh();
 }
-function kt(e, t) {
+function Ot(e, t) {
 	if (e.previousSnapshot) {
 		let n = e.previousSnapshot;
 		t.reader.setCustomLine(e.roomId, e.exitName, n.points, n.color, n.style, n.arrow);
@@ -5086,10 +5121,10 @@ function kt(e, t) {
 	}
 	t.refresh();
 }
-function At(e, t) {
+function kt(e, t) {
 	if (!D.getState().map) return;
 	if (e.points.length < 2) {
-		t && kt(e, t.scene), D.setState({
+		t && Ot(e, t.scene), D.setState({
 			pending: null,
 			activeTool: "select",
 			status: "Need at least 1 waypoint — cancelled."
@@ -5128,7 +5163,7 @@ function At(e, t) {
 		status: `Custom line '${e.exitName}' saved on room ${e.roomId}`
 	});
 }
-function jt(e, t, n, r, i, a, o, s) {
+function At(e, t, n, r, i, a, o, s) {
 	let c = t, l = t + r, u = n, d = n + i;
 	switch (e) {
 		case "nw":
@@ -5189,19 +5224,19 @@ function jt(e, t, n, r, i, a, o, s) {
 		h
 	};
 }
-function Mt(e) {
+function jt(e) {
 	let t = 0;
 	for (let n of Object.values(e.labels ?? {})) for (let e of n) e.id > t && (t = e.id);
 	return t + 1;
 }
-var Nt = {
+var Mt = {
 	id: "addLabel",
 	cursor: "crosshair",
 	onPointerDown(e, t) {
 		if (e.button !== 0) return !1;
-		let n = ht();
+		let n = mt();
 		if (!n) return !1;
-		let r = mt(t, e);
+		let r = pt(t, e);
 		return D.setState({ pending: {
 			kind: "labelRect",
 			areaId: n.areaId,
@@ -5215,15 +5250,15 @@ var Nt = {
 	onPointerMove(e, t) {
 		let n = D.getState();
 		if (n.pending?.kind === "labelRect") {
-			let r = Z(t, e);
+			let r = Q(t, e);
 			return D.setState({ pending: {
 				...n.pending,
 				currentX: r.x,
 				currentY: r.y
 			} }), !0;
 		}
-		let r = mt(t, e);
-		D.setState({ snapCursor: r }), zt(t, e);
+		let r = pt(t, e);
+		D.setState({ snapCursor: r }), Rt(t, e);
 	},
 	onPointerUp(e, t) {
 		let n = D.getState();
@@ -5231,9 +5266,9 @@ var Nt = {
 		try {
 			t.container.releasePointerCapture(e.pointerId);
 		} catch {}
-		let r = n.pending, i = ht();
+		let r = n.pending, i = mt();
 		if (!i) return D.setState({ pending: null }), !0;
-		let a = Math.abs(r.currentX - r.startX), o = Math.abs(r.currentY - r.startY), s = a < .5 ? 4 : a, c = o < .5 ? 1 : o, l = a < .5 ? r.startX : Math.min(r.startX, r.currentX), u = o < .5 ? r.startY : Math.min(r.startY, r.currentY), d = Mt(i.map), f = {
+		let a = Math.abs(r.currentX - r.startX), o = Math.abs(r.currentY - r.startY), s = a < .5 ? 4 : a, c = o < .5 ? 1 : o, l = a < .5 ? r.startX : Math.min(r.startX, r.currentX), u = o < .5 ? r.startY : Math.min(r.startY, r.currentY), d = jt(i.map), f = {
 			id: d,
 			pos: [
 				l,
@@ -5281,13 +5316,13 @@ var Nt = {
 		D.setState({ pending: null });
 	}
 };
-function Pt(e) {
+function Nt(e) {
 	return !e.activeSwatchSetId || !e.activeSwatchId ? null : [...e.swatchSets, ...e.pluginSwatchSets].find((t) => t.id === e.activeSwatchSetId)?.swatches.find((t) => t.id === e.activeSwatchId) ?? null;
 }
-function Ft(e, t, n) {
+function Pt(e, t, n) {
 	let r = D.getState();
 	if (r.pending?.kind !== "paint") return;
-	let i = Q(e, t);
+	let i = $(e, t);
 	if (!i || r.pending.painted.some((e) => e.id === i.id)) return;
 	let a = r.map?.rooms[i.id];
 	if (!a) return;
@@ -5303,31 +5338,31 @@ function Ft(e, t, n) {
 		painted: c
 	} });
 }
-var It = {
-	select: _t,
-	connect: bt,
-	unlink: St,
-	addRoom: Ct,
-	delete: wt,
-	pan: Et,
-	customLine: Dt,
-	addLabel: Nt,
+var Ft = {
+	select: gt,
+	connect: yt,
+	unlink: xt,
+	addRoom: St,
+	delete: Ct,
+	pan: Tt,
+	customLine: Et,
+	addLabel: Mt,
 	paint: {
 		id: "paint",
 		cursor: "cell",
 		onPointerDown(e, t) {
 			if (e.button !== 0) return !1;
-			let n = Pt(D.getState());
+			let n = Nt(D.getState());
 			return n ? (D.setState({ pending: {
 				kind: "paint",
 				painted: []
-			} }), t.container.setPointerCapture(e.pointerId), Ft(t, e, n), !0) : (D.setState({ status: "No swatch selected — open the Swatches palette first." }), !0);
+			} }), t.container.setPointerCapture(e.pointerId), Pt(t, e, n), !0) : (D.setState({ status: "No swatch selected — open the Swatches palette first." }), !0);
 		},
 		onPointerMove(e, t) {
 			let n = D.getState();
-			if (n.pending?.kind !== "paint") return zt(t, e), !1;
-			let r = Pt(n);
-			return r && Ft(t, e, r), !0;
+			if (n.pending?.kind !== "paint") return Rt(t, e), !1;
+			let r = Nt(n);
+			return r && Pt(t, e, r), !0;
 		},
 		onPointerUp(e, t) {
 			let n = D.getState();
@@ -5335,7 +5370,7 @@ var It = {
 			try {
 				t.container.releasePointerCapture(e.pointerId);
 			} catch {}
-			let r = n.pending.painted, i = Pt(n);
+			let r = n.pending.painted, i = Nt(n);
 			if (r.length > 0 && i) {
 				let e = [];
 				for (let { id: t, prevSymbol: n, prevEnv: a } of r) n !== i.symbol && e.push({
@@ -5374,7 +5409,7 @@ var It = {
 		}
 	}
 };
-function Lt(e) {
+function It(e) {
 	switch (e.kind) {
 		case "room": return {
 			kind: "room",
@@ -5398,7 +5433,7 @@ function Lt(e) {
 		};
 	}
 }
-function Rt(e) {
+function Lt(e) {
 	switch (e.kind) {
 		case "room": return `room ${e.id}`;
 		case "label": return `label ${e.id}`;
@@ -5406,12 +5441,12 @@ function Rt(e) {
 		case "exit": return `exit ${e.dir} (${e.fromId}→${e.toId})`;
 	}
 }
-function zt(e, t) {
-	let n = ht();
+function Rt(e, t) {
+	let n = mt();
 	if (!n) return;
-	let r = Z(e, t), i = Q(e, t), a = null;
+	let r = Q(e, t), i = $(e, t), a = null;
 	if (i) {
-		let t = st(r, {
+		let t = ot(r, {
 			x: i.x,
 			y: i.y
 		}, e.settings.roomSize);
@@ -5421,21 +5456,21 @@ function zt(e, t) {
 			handleDir: t
 		};
 	} else {
-		let t = $e(n.areaId, n.z, r.x, r.y, e.scene.reader);
+		let t = Qe(n.areaId, n.z, r.x, r.y, e.scene.reader);
 		if (t) a = {
 			kind: "label",
 			id: t.id,
 			areaId: t.areaId
 		};
 		else {
-			let t = lt(e.renderer, r.x, r.y, e.settings.roomSize);
+			let t = ct(e.renderer, r.x, r.y, e.settings.roomSize);
 			if (t) a = {
 				kind: "customLine",
 				roomId: t.roomId,
 				exitName: t.exitName
 			};
 			else {
-				let t = ct(e.renderer, r.x, r.y, e.settings.roomSize);
+				let t = st(e.renderer, r.x, r.y, e.settings.roomSize);
 				t && (a = {
 					kind: "exit",
 					...t
@@ -5444,18 +5479,18 @@ function zt(e, t) {
 		}
 	}
 	let o = D.getState().hover;
-	Bt(o, a) || D.setState({ hover: a });
+	zt(o, a) || D.setState({ hover: a });
 }
-function Bt(e, t) {
+function zt(e, t) {
 	return e === t ? !0 : !e || !t || e.kind !== t.kind ? !1 : e.kind === "room" && t.kind === "room" ? e.id === t.id && e.handleDir === t.handleDir : e.kind === "exit" && t.kind === "exit" ? e.fromId === t.fromId && e.toId === t.toId && e.dir === t.dir : e.kind === "customLine" && t.kind === "customLine" ? e.roomId === t.roomId && e.exitName === t.exitName : e.kind === "label" && t.kind === "label" ? e.id === t.id && e.areaId === t.areaId : !1;
 }
 //#endregion
 //#region src/components/panels/CustomLinePanel.tsx
-function Vt({ pending: e, sceneRef: t }) {
+function Bt({ pending: e, sceneRef: t }) {
 	let n = (t) => D.setState({ pending: {
 		...e,
 		...t
-	} }), r = Le(e.color), i = (r) => {
+	} }), r = Ie(e.color), i = (r) => {
 		n(r);
 		let i = t.current;
 		if (!i) return;
@@ -5479,7 +5514,7 @@ function Vt({ pending: e, sceneRef: t }) {
 						"Click to add waypoints · right-click or Enter to finish · Esc cancels."
 					]
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Exit Name",
 					children: /* @__PURE__ */ d("span", {
 						className: "readonly",
@@ -5510,7 +5545,7 @@ function Vt({ pending: e, sceneRef: t }) {
 					}), /* @__PURE__ */ d("input", {
 						type: "color",
 						value: r,
-						onChange: (e) => i({ color: Re(e.target.value) })
+						onChange: (e) => i({ color: Le(e.target.value) })
 					})]
 				}),
 				/* @__PURE__ */ f("div", {
@@ -5571,14 +5606,14 @@ function Vt({ pending: e, sceneRef: t }) {
 					},
 					children: [/* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: () => At(e),
+						onClick: () => kt(e),
 						disabled: e.points.length < 2,
 						style: { flex: 1 },
 						children: "Finish"
 					}), /* @__PURE__ */ d("button", {
 						type: "button",
 						onClick: () => {
-							t.current && kt(e, t.current), D.setState({
+							t.current && Ot(e, t.current), D.setState({
 								pending: null,
 								activeTool: "select",
 								status: "Custom line cancelled."
@@ -5592,8 +5627,8 @@ function Vt({ pending: e, sceneRef: t }) {
 		})
 	});
 }
-function Ht({ selection: e, map: t, sceneRef: n }) {
-	let r = t.rooms[e.roomId], a = r?.customLines?.[e.exitName], o = r?.customLinesColor?.[e.exitName], s = r?.customLinesStyle?.[e.exitName] ?? 1, c = r?.customLinesArrow?.[e.exitName] ?? !1, l = r?.mSpecialExits?.[e.exitName], p = J(r, he[e.exitName] ?? e.exitName), m = l ?? (p != null && p > 0 ? p : void 0), h = m == null ? null : t.rooms[m], [g, _] = i(o ? Le(o) : "#ffffff"), [v, y] = i(s), [b, x] = i(c), [S, C] = i(null);
+function Vt({ selection: e, map: t, sceneRef: n }) {
+	let r = t.rooms[e.roomId], a = r?.customLines?.[e.exitName], o = r?.customLinesColor?.[e.exitName], s = r?.customLinesStyle?.[e.exitName] ?? 1, c = r?.customLinesArrow?.[e.exitName] ?? !1, l = r?.mSpecialExits?.[e.exitName], p = J(r, he[e.exitName] ?? e.exitName), m = l ?? (p != null && p > 0 ? p : void 0), h = m == null ? null : t.rooms[m], [g, _] = i(o ? Ie(o) : "#ffffff"), [v, y] = i(s), [b, x] = i(c), [S, C] = i(null);
 	if (!r || !a) return /* @__PURE__ */ d("h3", { children: "Custom line not found" });
 	let w = (e) => ({
 		points: a,
@@ -5703,7 +5738,7 @@ function Ht({ selection: e, map: t, sceneRef: n }) {
 					children: [/* @__PURE__ */ d("span", {
 						className: "label",
 						children: h == null ? "Room" : "From"
-					}), /* @__PURE__ */ d(Ne, {
+					}), /* @__PURE__ */ d(Me, {
 						id: e.roomId,
 						name: r.name
 					})]
@@ -5713,7 +5748,7 @@ function Ht({ selection: e, map: t, sceneRef: n }) {
 					children: [/* @__PURE__ */ d("span", {
 						className: "label",
 						children: "To"
-					}), /* @__PURE__ */ d(Ne, {
+					}), /* @__PURE__ */ d(Me, {
 						id: m,
 						name: h.name
 					})]
@@ -5751,7 +5786,7 @@ function Ht({ selection: e, map: t, sceneRef: n }) {
 						type: "color",
 						value: g,
 						onChange: (e) => _(e.target.value),
-						onBlur: (e) => E({ color: Re(e.target.value) })
+						onBlur: (e) => E({ color: Le(e.target.value) })
 					})]
 				}),
 				/* @__PURE__ */ f("div", {
@@ -5856,7 +5891,7 @@ function Ht({ selection: e, map: t, sceneRef: n }) {
 				width: "100%"
 			},
 			onClick: () => {
-				let t = D.getState().gridStep, r = a.map(([e, n]) => [Ze(e, t), -Ze(-n, t)]);
+				let t = D.getState().gridStep, r = a.map(([e, n]) => [Xe(e, t), -Xe(-n, t)]);
 				if (!r.some((e, t) => e[0] !== a[t][0] || e[1] !== a[t][1])) {
 					D.setState({ status: `Custom line '${e.exitName}' already on grid.` });
 					return;
@@ -5894,28 +5929,28 @@ function Ht({ selection: e, map: t, sceneRef: n }) {
 }
 //#endregion
 //#region src/editor/labelPixmap.ts
-var Ut = 64;
-function Wt(e) {
+var Ht = 64;
+function Ut(e) {
 	return `rgba(${e.r},${e.g},${e.b},${(e.alpha / 255).toFixed(3)})`;
 }
-function Gt(e) {
+function Wt(e) {
 	let t = document.createElement("canvas"), n = t.getContext("2d");
 	if (!n) return "";
-	let r = Math.max(1, Math.round(e.size[0] * Ut)), i = Math.max(1, Math.round(e.size[1] * Ut)), a = window.devicePixelRatio || 1;
-	if (t.width = r * a, t.height = i * a, n.scale(a, a), n.fillStyle = Wt(e.bgColor), n.fillRect(0, 0, r, i), !e.text) return t.toDataURL("image/png");
+	let r = Math.max(1, Math.round(e.size[0] * Ht)), i = Math.max(1, Math.round(e.size[1] * Ht)), a = window.devicePixelRatio || 1;
+	if (t.width = r * a, t.height = i * a, n.scale(a, a), n.fillStyle = Ut(e.bgColor), n.fillRect(0, 0, r, i), !e.text) return t.toDataURL("image/png");
 	let { font: o } = e;
 	n.font = [
 		o.italic ? "italic" : "",
 		o.bold ? "bold" : "",
 		`${o.size}px`,
 		`"${o.family}", sans-serif`
-	].filter(Boolean).join(" "), n.fillStyle = Wt(e.fgColor), n.textBaseline = "middle", n.textAlign = "center";
+	].filter(Boolean).join(" "), n.fillStyle = Ut(e.fgColor), n.textBaseline = "middle", n.textAlign = "center";
 	let s = e.text.split("\n"), c = o.size * 1.25, l = (i - s.length * c) / 2 + c / 2, u = r / 2;
 	for (let t = 0; t < s.length; t++) {
 		let i = l + t * c;
-		if (e.outlineColor && e.outlineColor.alpha > 0 && (n.strokeStyle = Wt(e.outlineColor), n.lineWidth = Math.max(1, o.size / 12), n.lineJoin = "round", n.strokeText(s[t], u, i, r)), n.fillText(s[t], u, i, r), o.underline || o.strikeout) {
+		if (e.outlineColor && e.outlineColor.alpha > 0 && (n.strokeStyle = Ut(e.outlineColor), n.lineWidth = Math.max(1, o.size / 12), n.lineJoin = "round", n.strokeText(s[t], u, i, r)), n.fillText(s[t], u, i, r), o.underline || o.strikeout) {
 			let r = n.measureText(s[t]).width, a = u - r / 2, c = u + r / 2;
-			if (n.strokeStyle = Wt(e.fgColor), n.lineWidth = Math.max(1, o.size / 14), o.underline) {
+			if (n.strokeStyle = Ut(e.fgColor), n.lineWidth = Math.max(1, o.size / 14), o.underline) {
 				let e = i + o.size * .6;
 				n.beginPath(), n.moveTo(a, e), n.lineTo(c, e), n.stroke();
 			}
@@ -5924,13 +5959,13 @@ function Gt(e) {
 	}
 	return t.toDataURL("image/png");
 }
-function Kt(e) {
+function Gt(e) {
 	let t = e.includes(",") ? e.split(",")[1] : e;
 	return t ? re.from(t, "base64") : re.alloc(0);
 }
 //#endregion
 //#region src/components/FontPicker.tsx
-function qt({ value: e, options: n, onChange: a }) {
+function Kt({ value: e, options: n, onChange: a }) {
 	let [o, s] = i(!1), [c, p] = i(""), [m, h] = i(-1), [g, _] = i({}), v = r(null), y = r(null), b = r(null), x = c.trim() ? n.filter((e) => e.toLowerCase().includes(c.toLowerCase())) : n;
 	t(() => {
 		let t = x.findIndex((t) => t === e);
@@ -6033,7 +6068,7 @@ function qt({ value: e, options: n, onChange: a }) {
 }
 //#endregion
 //#region src/components/panels/LabelPanel.tsx
-var Jt = [
+var qt = [
 	"Arial",
 	"Arial Black",
 	"Comic Sans MS",
@@ -6046,9 +6081,9 @@ var Jt = [
 	"Times New Roman",
 	"Trebuchet MS",
 	"Verdana"
-], Yt = (e, t) => e.r === t.r && e.g === t.g && e.b === t.b && e.alpha === t.alpha, Xt = (e, t) => e === void 0 && t === void 0 ? !0 : e === void 0 || t === void 0 ? !1 : Yt(e, t), Zt = 64;
-function Qt({ selection: e, sceneRef: n }) {
-	let a = O((e) => e.dataVersion), o = O((e) => e.labelAspectRatioLocked), s = n.current?.reader.getLabelSnapshot(e.areaId, e.id), [c, l] = i(s?.text ?? ""), [p, m] = i(String(s?.size[0] ?? 4)), [h, g] = i(String(s?.size[1] ?? 1)), [_, v] = i(s?.bgColor.alpha ?? 255), [y, b] = i(s?.outlineColor?.alpha ?? 0), [x, S] = i(Jt);
+], Jt = (e, t) => e.r === t.r && e.g === t.g && e.b === t.b && e.alpha === t.alpha, Yt = (e, t) => e === void 0 && t === void 0 ? !0 : e === void 0 || t === void 0 ? !1 : Jt(e, t), Xt = 64;
+function Zt({ selection: e, sceneRef: n }) {
+	let a = O((e) => e.dataVersion), o = O((e) => e.labelAspectRatioLocked), s = n.current?.reader.getLabelSnapshot(e.areaId, e.id), [c, l] = i(s?.text ?? ""), [p, m] = i(String(s?.size[0] ?? 4)), [h, g] = i(String(s?.size[1] ?? 1)), [_, v] = i(s?.bgColor.alpha ?? 255), [y, b] = i(s?.outlineColor?.alpha ?? 0), [x, S] = i(qt);
 	t(() => {
 		"queryLocalFonts" in window && window.queryLocalFonts?.().then((e) => {
 			let t = [...new Set(e.map((e) => e.family))].sort();
@@ -6077,7 +6112,7 @@ function Qt({ selection: e, sceneRef: n }) {
 		})
 	});
 	let N = (t) => {
-		let n = Gt(t);
+		let n = Wt(t);
 		return n === t.pixMap ? [] : [{
 			kind: "setLabelPixmap",
 			areaId: e.areaId,
@@ -6094,7 +6129,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			...r,
 			text: E.current
 		};
-		De([{
+		X([{
 			kind: "setLabelText",
 			areaId: e.areaId,
 			id: e.id,
@@ -6112,7 +6147,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			...r,
 			size: [i, a]
 		};
-		De([{
+		X([{
 			kind: "setLabelSize",
 			areaId: e.areaId,
 			id: e.id,
@@ -6129,7 +6164,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			fg: s.fgColor,
 			bg: s.bgColor
 		};
-		if (j.current = null, !i || Yt(a.fg, t) && Yt(a.bg, r)) return;
+		if (j.current = null, !i || Jt(a.fg, t) && Jt(a.bg, r)) return;
 		let o = i.reader.getLabelSnapshot(e.areaId, e.id);
 		if (!o) return;
 		let c = {
@@ -6137,7 +6172,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			fgColor: t,
 			bgColor: r
 		};
-		De([{
+		X([{
 			kind: "setLabelColors",
 			areaId: e.areaId,
 			id: e.id,
@@ -6177,7 +6212,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			...i.font,
 			...t
 		};
-		De([{
+		X([{
 			kind: "setLabelFont",
 			areaId: e.areaId,
 			id: e.id,
@@ -6191,14 +6226,14 @@ function Qt({ selection: e, sceneRef: n }) {
 		M.current ||= { color: s.outlineColor };
 	}, V = (t) => {
 		let r = n.current, i = M.current ?? { color: s.outlineColor };
-		if (M.current = null, !r || Xt(i.color, t)) return;
+		if (M.current = null, !r || Yt(i.color, t)) return;
 		let a = r.reader.getLabelSnapshot(e.areaId, e.id);
 		if (!a) return;
 		let o = {
 			...a,
 			outlineColor: t
 		};
-		De([{
+		X([{
 			kind: "setLabelOutlineColor",
 			areaId: e.areaId,
 			id: e.id,
@@ -6212,7 +6247,7 @@ function Qt({ selection: e, sceneRef: n }) {
 		if (!r || !r.text) return;
 		let i = document.createElement("canvas").getContext("2d");
 		if (!i) return;
-		let a = Math.max(1, Math.round(r.size[0] * Zt)), o = Math.max(1, Math.round(r.size[1] * Zt)), s = a - 16, c = o - 16;
+		let a = Math.max(1, Math.round(r.size[0] * Xt)), o = Math.max(1, Math.round(r.size[1] * Xt)), s = a - 16, c = o - 16;
 		if (s <= 0 || c <= 0) return;
 		let l = r.text.split("\n"), { font: u } = r, d = Math.floor(c / (l.length * 1.25)), f = 1, p = d, m = 1;
 		for (; f <= p;) {
@@ -6230,7 +6265,7 @@ function Qt({ selection: e, sceneRef: n }) {
 		if (!t) return;
 		let r = t.reader.getLabelSnapshot(e.areaId, e.id);
 		if (!r) return;
-		let i = Gt(r);
+		let i = Wt(r);
 		i !== r.pixMap && (Y({
 			kind: "setLabelPixmap",
 			areaId: e.areaId,
@@ -6251,8 +6286,8 @@ function Qt({ selection: e, sceneRef: n }) {
 					if (!i) return;
 					let a = i.reader.getLabelSnapshot(e.areaId, e.id);
 					if (!a) return;
-					let o = Math.max(.1, Math.round(r.naturalWidth / Zt * 100) / 100), s = Math.max(.1, Math.round(r.naturalHeight / Zt * 100) / 100);
-					De([
+					let o = Math.max(.1, Math.round(r.naturalWidth / Xt * 100) / 100), s = Math.max(.1, Math.round(r.naturalHeight / Xt * 100) / 100);
+					X([
 						{
 							kind: "setLabelImageSrc",
 							areaId: e.areaId,
@@ -6283,8 +6318,8 @@ function Qt({ selection: e, sceneRef: n }) {
 		if (!t) return;
 		let r = t.reader.getLabelSnapshot(e.areaId, e.id);
 		if (!r || !r.imageSrc) return;
-		let i = Gt(r);
-		De([{
+		let i = Wt(r);
+		X([{
 			kind: "setLabelImageSrc",
 			areaId: e.areaId,
 			id: e.id,
@@ -6297,14 +6332,14 @@ function Qt({ selection: e, sceneRef: n }) {
 			from: r.pixMap,
 			to: i
 		}], t), t.refresh(), D.setState({ labelAspectRatioLocked: !1 }), D.bumpData();
-	}, H = !!s.imageSrc, U = Le(s.fgColor), W = Le(s.bgColor), G = s.outlineColor ?? {
+	}, H = !!s.imageSrc, U = Ie(s.fgColor), W = Ie(s.bgColor), G = s.outlineColor ?? {
 		spec: 1,
 		r: 0,
 		g: 0,
 		b: 0,
 		alpha: 0,
 		pad: 0
-	}, ae = Le(G), oe = (e) => ({
+	}, ae = Ie(G), oe = (e) => ({
 		flex: 1,
 		padding: "4px 0",
 		fontSize: 12,
@@ -6358,7 +6393,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			/* @__PURE__ */ f("div", {
 				className: "field-row",
 				children: [
-					/* @__PURE__ */ d(X, {
+					/* @__PURE__ */ d(Z, {
 						label: "Width",
 						children: /* @__PURE__ */ d("input", {
 							type: "number",
@@ -6376,7 +6411,7 @@ function Qt({ selection: e, sceneRef: n }) {
 							style: { width: 70 }
 						})
 					}),
-					/* @__PURE__ */ d(X, {
+					/* @__PURE__ */ d(Z, {
 						label: "Height",
 						children: /* @__PURE__ */ d("input", {
 							type: "number",
@@ -6405,17 +6440,17 @@ function Qt({ selection: e, sceneRef: n }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ d(Pe, {
+			/* @__PURE__ */ d(Ne, {
 				checked: s.showOnTop,
 				onChange: ee,
 				description: "Show on top (foreground)"
 			}),
-			/* @__PURE__ */ d(Pe, {
+			/* @__PURE__ */ d(Ne, {
 				checked: !s.noScaling,
 				onChange: (e) => R(!e),
 				description: "Scale with zoom"
 			}),
-			H && /* @__PURE__ */ d(X, {
+			H && /* @__PURE__ */ d(Z, {
 				label: "Image",
 				children: /* @__PURE__ */ f("div", {
 					style: {
@@ -6440,7 +6475,7 @@ function Qt({ selection: e, sceneRef: n }) {
 				})
 			}),
 			!H && /* @__PURE__ */ f(u, { children: [
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Text",
 					children: /* @__PURE__ */ d("textarea", {
 						value: c,
@@ -6460,16 +6495,16 @@ function Qt({ selection: e, sceneRef: n }) {
 						display: "flex",
 						gap: 8
 					},
-					children: [/* @__PURE__ */ d(X, {
+					children: [/* @__PURE__ */ d(Z, {
 						label: "Text color",
 						as: "div",
 						children: /* @__PURE__ */ d("input", {
 							type: "color",
 							defaultValue: U,
 							onMouseDown: I,
-							onBlur: (e) => L(Re(e.target.value), s.bgColor)
+							onBlur: (e) => L(Le(e.target.value), s.bgColor)
 						}, `fg-${e.id}-${U}`)
-					}), /* @__PURE__ */ d(X, {
+					}), /* @__PURE__ */ d(Z, {
 						label: "BG color",
 						as: "div",
 						children: /* @__PURE__ */ d("input", {
@@ -6477,13 +6512,13 @@ function Qt({ selection: e, sceneRef: n }) {
 							defaultValue: W,
 							onMouseDown: I,
 							onBlur: (e) => L(s.fgColor, {
-								...Re(e.target.value),
+								...Le(e.target.value),
 								alpha: s.bgColor.alpha
 							})
 						}, `bg-${e.id}-${W}`)
 					})]
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "BG alpha",
 					children: /* @__PURE__ */ f("div", {
 						style: {
@@ -6520,16 +6555,16 @@ function Qt({ selection: e, sceneRef: n }) {
 						})]
 					})
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Font",
 					as: "div",
-					children: /* @__PURE__ */ d(qt, {
+					children: /* @__PURE__ */ d(Kt, {
 						value: s.font.family,
 						options: x,
 						onChange: (e) => z({ family: e })
 					})
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Size",
 					children: /* @__PURE__ */ f("div", {
 						style: {
@@ -6612,7 +6647,7 @@ function Qt({ selection: e, sceneRef: n }) {
 						]
 					})
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Outline color",
 					as: "div",
 					children: /* @__PURE__ */ d("input", {
@@ -6621,11 +6656,11 @@ function Qt({ selection: e, sceneRef: n }) {
 						onMouseDown: B,
 						onBlur: (e) => V({
 							...G,
-							...Re(e.target.value)
+							...Le(e.target.value)
 						})
 					}, `outline-${e.id}-${ae}`)
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Outline alpha",
 					children: /* @__PURE__ */ f("div", {
 						style: {
@@ -6668,7 +6703,7 @@ function Qt({ selection: e, sceneRef: n }) {
 						})]
 					})
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Pixmap",
 					children: /* @__PURE__ */ f("div", {
 						style: {
@@ -6701,7 +6736,7 @@ function Qt({ selection: e, sceneRef: n }) {
 }
 //#endregion
 //#region src/components/EnvPicker.tsx
-function $t({ map: e, sceneRef: n, currentEnvId: a, onSelect: o, onClose: s }) {
+function Qt({ map: e, sceneRef: n, currentEnvId: a, onSelect: o, onClose: s }) {
 	let c = r(null), [l, u] = i("");
 	t(() => {
 		let e = (e) => {
@@ -6776,7 +6811,7 @@ function $t({ map: e, sceneRef: n, currentEnvId: a, onSelect: o, onClose: s }) {
 }
 //#endregion
 //#region src/components/icons.tsx
-function en() {
+function $t() {
 	return /* @__PURE__ */ f("svg", {
 		width: "10",
 		height: "12",
@@ -6799,7 +6834,7 @@ function en() {
 		})]
 	});
 }
-function tn({ locked: e }) {
+function en({ locked: e }) {
 	return /* @__PURE__ */ f("svg", {
 		width: "10",
 		height: "12",
@@ -6836,7 +6871,7 @@ function tn({ locked: e }) {
 		]
 	});
 }
-function nn() {
+function tn() {
 	return /* @__PURE__ */ f("svg", {
 		width: "12",
 		height: "8",
@@ -6869,7 +6904,7 @@ function nn() {
 		]
 	});
 }
-function rn() {
+function nn() {
 	return /* @__PURE__ */ f("svg", {
 		width: "11",
 		height: "11",
@@ -6890,7 +6925,7 @@ function rn() {
 		})]
 	});
 }
-function an() {
+function rn() {
 	return /* @__PURE__ */ f("svg", {
 		width: "10",
 		height: "10",
@@ -6946,7 +6981,7 @@ function an() {
 }
 //#endregion
 //#region src/components/RoomPanel.tsx
-var on = [
+var an = [
 	"north",
 	"northeast",
 	"east",
@@ -6959,7 +6994,7 @@ var on = [
 	"down",
 	"in",
 	"out"
-], sn = [
+], on = [
 	[
 		"northwest",
 		"north",
@@ -6975,7 +7010,7 @@ var on = [
 		"south",
 		"southeast"
 	]
-], cn = [[
+], sn = [[
 	"up",
 	null,
 	"down"
@@ -6983,7 +7018,7 @@ var on = [
 	"in",
 	null,
 	"out"
-]], ln = {
+]], cn = {
 	north: "N",
 	northeast: "NE",
 	east: "E",
@@ -6996,20 +7031,20 @@ var on = [
 	down: "Dn",
 	in: "In",
 	out: "Out"
-}, un = [
+}, ln = [
 	"No door (click to set)",
 	"Open door",
 	"Closed door",
 	"Locked door"
-], dn = [
+], un = [
 	"",
 	"door-open",
 	"door-closed",
 	"door-locked"
 ];
-function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = [] }) {
+function dn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = [] }) {
 	let l = n.ids[0], p = O((e) => e.pending), [m, h] = i(a.name ?? ""), [g, _] = i(String(a.weight ?? 1)), [v, y] = i(a.symbol ?? ""), [b, x] = i(a.userData?.["system.fallback_symbol_color"] ?? null), [S, C] = i(!1), [w, T] = i(""), [E, k] = i(""), [A, j] = i({}), [M, N] = i(null), [P, F] = i("#ffffff"), [I, L] = i(1), [R, ee] = i(!1), [z, B] = i(!1), V = r(k);
-	V.current = k, t(() => (pt((e) => V.current(String(e))), () => pt(null)), []);
+	V.current = k, t(() => (ft((e) => V.current(String(e))), () => ft(null)), []);
 	let te = r(m);
 	te.current = m;
 	let ne = r(g);
@@ -7137,7 +7172,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			roomId: l,
 			dir: e,
 			stub: !0
-		}, s.current) : De([{
+		}, s.current) : X([{
 			kind: "removeExit",
 			fromId: l,
 			dir: e,
@@ -7218,7 +7253,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			},
 			style: a.customLinesStyle?.[i] ?? 1,
 			arrow: a.customLinesArrow?.[i] ?? !1
-		} : null, u = Re(P), d = null, f = _e[i];
+		} : null, u = Le(P), d = null, f = _e[i];
 		if (z && f) {
 			let e = a?.[f];
 			if (e !== void 0 && e !== -1) {
@@ -7373,7 +7408,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 					className: "cc-header",
 					children: [/* @__PURE__ */ d("span", {
 						className: "cc-label",
-						children: ln[e]
+						children: cn[e]
 					}), /* @__PURE__ */ f("span", {
 						className: "cc-header-btn-slot",
 						children: [
@@ -7413,7 +7448,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 				/* @__PURE__ */ f("div", {
 					className: "cc-middle",
 					children: [
-						r && /* @__PURE__ */ d(Ne, {
+						r && /* @__PURE__ */ d(Me, {
 							id: n,
 							className: "cc-target"
 						}),
@@ -7451,7 +7486,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 									fromId: l,
 									dir: t
 								} }),
-								children: /* @__PURE__ */ d(an, {})
+								children: /* @__PURE__ */ d(rn, {})
 							})]
 						})
 					]
@@ -7461,11 +7496,11 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 					children: [
 						/* @__PURE__ */ d("button", {
 							type: "button",
-							className: `cc-door-btn ${dn[u]}${c ? "" : " cc-dim"}`,
-							title: c ? un[u] : void 0,
+							className: `cc-door-btn ${un[u]}${c ? "" : " cc-dim"}`,
+							title: c ? ln[u] : void 0,
 							disabled: !c,
 							onClick: c ? () => G(t, u, (u + 1) % 4) : void 0,
-							children: /* @__PURE__ */ d(en, {})
+							children: /* @__PURE__ */ d($t, {})
 						}),
 						/* @__PURE__ */ d("button", {
 							type: "button",
@@ -7473,11 +7508,11 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 							title: c ? h ? "Locked — click to unlock" : "Unlocked — click to lock" : void 0,
 							disabled: !c,
 							onClick: c ? () => oe(t, h) : void 0,
-							children: /* @__PURE__ */ d(tn, { locked: h })
+							children: /* @__PURE__ */ d(en, { locked: h })
 						}),
 						/* @__PURE__ */ f("span", {
 							className: `cc-weight-wrap${c ? "" : " cc-dim"}`,
-							children: [/* @__PURE__ */ d(nn, {}), /* @__PURE__ */ d("input", {
+							children: [/* @__PURE__ */ d(tn, {}), /* @__PURE__ */ d("input", {
 								type: "number",
 								className: "cc-weight",
 								min: 1,
@@ -7519,11 +7554,11 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 							let e = s.current;
 							e && (e.renderer.backend.viewport.panToMapPoint(a.x, -a.y), e.refresh());
 						},
-						children: /* @__PURE__ */ d(rn, {})
+						children: /* @__PURE__ */ d(nn, {})
 					})]
 				})]
 			}),
-			/* @__PURE__ */ d(X, {
+			/* @__PURE__ */ d(Z, {
 				label: "Name",
 				children: /* @__PURE__ */ d("input", {
 					value: m,
@@ -7555,7 +7590,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 								className: "env-id-label",
 								children: ["#", a.environment]
 							}),
-							S && /* @__PURE__ */ d($t, {
+							S && /* @__PURE__ */ d(Qt, {
 								map: o,
 								sceneRef: s,
 								currentEnvId: a.environment,
@@ -7564,7 +7599,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 							})
 						]
 					})]
-				}), /* @__PURE__ */ d(X, {
+				}), /* @__PURE__ */ d(Z, {
 					label: "Symbol",
 					children: /* @__PURE__ */ f("div", {
 						className: "symbol-row",
@@ -7602,7 +7637,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			/* @__PURE__ */ d("h4", { children: "Exits" }),
 			/* @__PURE__ */ d("div", {
 				className: "compass-rose",
-				children: sn.flat().map((e, t) => e === null ? /* @__PURE__ */ f("div", {
+				children: on.flat().map((e, t) => e === null ? /* @__PURE__ */ f("div", {
 					className: "compass-cell compass-center",
 					children: [/* @__PURE__ */ d("button", {
 						type: "button",
@@ -7615,7 +7650,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 								lock: !a.isLocked
 							}, s.current), s.current?.refresh(), D.bumpData();
 						},
-						children: /* @__PURE__ */ d(tn, { locked: a.isLocked })
+						children: /* @__PURE__ */ d(en, { locked: a.isLocked })
 					}), /* @__PURE__ */ d("input", {
 						type: "number",
 						className: "cc-room-weight",
@@ -7630,9 +7665,9 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			}),
 			/* @__PURE__ */ d("div", {
 				className: "compass-extra",
-				children: cn.flat().map((e, t) => e === null ? /* @__PURE__ */ d("div", { className: "compass-vert-spacer" }, t) : xe(e))
+				children: sn.flat().map((e, t) => e === null ? /* @__PURE__ */ d("div", { className: "compass-vert-spacer" }, t) : xe(e))
 			}),
-			M !== null && on.includes(M) && be(M),
+			M !== null && an.includes(M) && be(M),
 			/* @__PURE__ */ d("h4", { children: "Special Exits" }),
 			/* @__PURE__ */ f("div", {
 				className: "special-exits-list",
@@ -7669,7 +7704,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 							}),
 							/* @__PURE__ */ d("div", {
 								className: "cc-middle",
-								children: /* @__PURE__ */ d(Ne, {
+								children: /* @__PURE__ */ d(Me, {
 									id: n,
 									className: "cc-target"
 								})
@@ -7679,14 +7714,14 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 								children: [
 									/* @__PURE__ */ d("button", {
 										type: "button",
-										className: `cc-door-btn ${dn[r]}`,
-										title: un[r],
+										className: `cc-door-btn ${un[r]}`,
+										title: ln[r],
 										onClick: () => de(t, r, (r + 1) % 4),
-										children: /* @__PURE__ */ d(en, {})
+										children: /* @__PURE__ */ d($t, {})
 									}),
 									/* @__PURE__ */ f("span", {
 										className: "cc-weight-wrap",
-										children: [/* @__PURE__ */ d(nn, {}), /* @__PURE__ */ d("input", {
+										children: [/* @__PURE__ */ d(tn, {}), /* @__PURE__ */ d("input", {
 											type: "number",
 											className: "cc-weight",
 											min: 1,
@@ -7736,7 +7771,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 										fromId: l
 									} });
 								},
-								children: /* @__PURE__ */ d(an, {})
+								children: /* @__PURE__ */ d(rn, {})
 							})]
 						}),
 						/* @__PURE__ */ d("button", {
@@ -7793,7 +7828,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 				sceneRef: s
 			}) }, t.id)),
 			/* @__PURE__ */ d("h4", { children: "User Data" }),
-			/* @__PURE__ */ d(Ie, {
+			/* @__PURE__ */ d(Fe, {
 				data: a.userData,
 				onCommit: (e, t, n) => {
 					Y({
@@ -7810,7 +7845,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 }
 //#endregion
 //#region src/components/SidePanel.tsx
-var pn = [
+var fn = [
 	{
 		id: "selection",
 		label: "Sel"
@@ -7832,11 +7867,11 @@ var pn = [
 		label: "Map"
 	}
 ];
-function mn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
+function pn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 	let r = O((e) => e.selection), i = O((e) => e.map), a = O((e) => e.activeTool), o = O((e) => e.pending), s = O((e) => e.sidebarTab), c = O((e) => e.panelCollapsed), l = O((e) => e.undo.length);
 	O((e) => e.dataVersion);
 	let u = i ? Object.keys(i.mCustomEnvColors).length : 0, p = i ? Object.keys(i.areaNames).length : 0;
-	if (a === "customLine" && o?.kind === "customLine") return /* @__PURE__ */ d(Vt, {
+	if (a === "customLine" && o?.kind === "customLine") return /* @__PURE__ */ d(Bt, {
 		pending: o,
 		sceneRef: e
 	});
@@ -7850,7 +7885,7 @@ function mn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 			children: "◀"
 		}), /* @__PURE__ */ d("div", {
 			className: "side-panel-tabs side-panel-tabs--vert",
-			children: [...pn, ...t].map((e) => /* @__PURE__ */ d("button", {
+			children: [...fn, ...t].map((e) => /* @__PURE__ */ d("button", {
 				type: "button",
 				className: `side-panel-tab${s === e.id ? " active" : ""}`,
 				onClick: () => D.setState({
@@ -7920,19 +7955,19 @@ function mn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 	});
 	if (s === "areas") return /* @__PURE__ */ f("div", {
 		className: "side-panel",
-		children: [m, /* @__PURE__ */ d(ze, { sceneRef: e })]
+		children: [m, /* @__PURE__ */ d(Re, { sceneRef: e })]
 	});
 	if (s === "envs") return /* @__PURE__ */ f("div", {
 		className: "side-panel",
-		children: [m, /* @__PURE__ */ d(He, { sceneRef: e })]
+		children: [m, /* @__PURE__ */ d(Ve, { sceneRef: e })]
 	});
 	if (s === "history") return /* @__PURE__ */ f("div", {
 		className: "side-panel",
-		children: [m, /* @__PURE__ */ d(Ge, { sceneRef: e })]
+		children: [m, /* @__PURE__ */ d(We, { sceneRef: e })]
 	});
 	if (s === "map") return /* @__PURE__ */ f("div", {
 		className: "side-panel",
-		children: [m, /* @__PURE__ */ d(Ye, { sceneRef: e })]
+		children: [m, /* @__PURE__ */ d(Je, { sceneRef: e })]
 	});
 	let h = t.find((e) => e.id === s);
 	if (h) return /* @__PURE__ */ f("div", {
@@ -7944,7 +7979,7 @@ function mn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 	});
 	if (r?.kind === "label") return /* @__PURE__ */ f("div", {
 		className: "side-panel",
-		children: [m, /* @__PURE__ */ d(Qt, {
+		children: [m, /* @__PURE__ */ d(Zt, {
 			selection: r,
 			sceneRef: e
 		})]
@@ -7953,7 +7988,7 @@ function mn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 		className: "side-panel",
 		children: [m, /* @__PURE__ */ d("div", {
 			className: "panel-content",
-			children: /* @__PURE__ */ d(Xe, {
+			children: /* @__PURE__ */ d(Ye, {
 				selection: r,
 				map: i,
 				sceneRef: e
@@ -7964,7 +7999,7 @@ function mn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 		className: "side-panel",
 		children: [m, /* @__PURE__ */ d("div", {
 			className: "panel-content",
-			children: /* @__PURE__ */ d(Ht, {
+			children: /* @__PURE__ */ d(Vt, {
 				selection: r,
 				map: i,
 				sceneRef: e
@@ -7977,7 +8012,7 @@ function mn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 			className: "panel-content",
 			children: [/* @__PURE__ */ f("h3", { children: [r.ids.length, " rooms selected"] }), /* @__PURE__ */ d("p", {
 				className: "hint",
-				children: "Drag to move all. Delete to remove all. Ctrl+click to toggle rooms. Ctrl+A selects all."
+				children: "Drag to move all. Delete to remove all. Shift+click/drag to add more. Ctrl+click/drag to toggle. Ctrl+A selects all."
 			})]
 		})]
 	});
@@ -7992,12 +8027,12 @@ function mn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 					className: "hint",
 					children: "Select a room with the Select tool to edit its properties."
 				}),
-				/* @__PURE__ */ d(Fe, { activeTool: a })
+				/* @__PURE__ */ d(Pe, { activeTool: a })
 			]
 		})]
 	}) : /* @__PURE__ */ f("div", {
 		className: "side-panel",
-		children: [m, /* @__PURE__ */ d(fn, {
+		children: [m, /* @__PURE__ */ d(dn, {
 			selection: r,
 			room: g,
 			map: i,
@@ -8008,7 +8043,7 @@ function mn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 }
 //#endregion
 //#region src/components/ContextMenu.tsx
-function hn({ sceneRef: e }) {
+function mn({ sceneRef: e }) {
 	let n = O((e) => e.contextMenu), a = r(null), [o, s] = i(null), [c, l] = i(null);
 	if (t(() => {
 		if (!n) {
@@ -8024,12 +8059,12 @@ function hn({ sceneRef: e }) {
 			window.removeEventListener("keydown", t), window.removeEventListener("mousedown", r, !0);
 		};
 	}, [n]), !n) return null;
-	let u = () => D.setState({ contextMenu: null }), p = () => {
+	let p = () => D.setState({ contextMenu: null }), m = () => {
 		if (n.kind !== "customLinePoint") return;
 		let t = D.getState();
-		if (!t.map) return u();
+		if (!t.map) return p();
 		let r = t.map.rooms[n.roomId], i = r?.customLines?.[n.exitName];
-		if (!r || !i || n.pointIndex < 0 || n.pointIndex >= i.length) return u();
+		if (!r || !i || n.pointIndex < 0 || n.pointIndex >= i.length) return p();
 		let a = r.customLinesColor?.[n.exitName] ?? {
 			spec: 1,
 			alpha: 255,
@@ -8066,7 +8101,7 @@ function hn({ sceneRef: e }) {
 	if (n.kind === "disambiguate") {
 		let t = D.getState(), r = (e) => {
 			e.kind === "room" ? D.setState({
-				selection: Lt(e),
+				selection: It(e),
 				contextMenu: {
 					kind: "room",
 					roomId: e.id,
@@ -8075,7 +8110,7 @@ function hn({ sceneRef: e }) {
 				},
 				sidebarTab: "selection"
 			}) : e.kind === "label" ? D.setState({
-				selection: Lt(e),
+				selection: It(e),
 				contextMenu: {
 					kind: "label",
 					areaId: e.areaId,
@@ -8085,21 +8120,21 @@ function hn({ sceneRef: e }) {
 				},
 				sidebarTab: "selection"
 			}) : D.setState({
-				selection: Lt(e),
+				selection: It(e),
 				contextMenu: null,
 				sidebarTab: "selection",
-				status: `Selected ${Rt(e)}`
+				status: `Selected ${Lt(e)}`
 			});
 		}, i = (n) => {
 			if (n.kind === "room") {
 				let e = t.map?.rooms[n.id]?.name;
-				return e ? `Room ${n.id}: ${e}` : `Room ${n.id}`;
+				return e && String(n.id) !== e ? `Room ${n.id}: ${e}` : `Room ${n.id}`;
 			}
 			if (n.kind === "label") {
 				let t = (e.current?.reader.getLabelSnapshot(n.areaId, n.id))?.text?.trim();
 				return t ? `Label: "${t.length > 24 ? t.slice(0, 24) + "…" : t}"` : `Label ${n.id}`;
 			}
-			return Rt(n);
+			return Lt(n);
 		};
 		return /* @__PURE__ */ f("div", {
 			ref: a,
@@ -8131,7 +8166,7 @@ function hn({ sceneRef: e }) {
 		children: /* @__PURE__ */ d("button", {
 			type: "button",
 			className: "context-menu-item danger",
-			onClick: p,
+			onClick: m,
 			children: "Delete waypoint"
 		})
 	});
@@ -8254,7 +8289,7 @@ function hn({ sceneRef: e }) {
 					type: "button",
 					className: "context-menu-item danger",
 					onClick: () => {
-						if (!t) return u();
+						if (!t) return p();
 						Y({
 							kind: "deleteLabel",
 							areaId: n.areaId,
@@ -8272,19 +8307,19 @@ function hn({ sceneRef: e }) {
 		});
 	}
 	if (n.kind !== "room") return null;
-	let m = D.getState(), h = m.map?.rooms[n.roomId], g = m.map?.areaNames ?? {}, _ = m.selection, v = _?.kind === "room" && _.ids.length > 1 && _.ids.includes(n.roomId) ? _.ids : null, y = () => {
-		h && s({
-			areaId: h.area,
-			x: String(h.x),
-			y: String(h.y),
-			z: String(h.z)
+	let h = D.getState(), g = h.map?.rooms[n.roomId], _ = h.map?.areaNames ?? {}, v = h.selection, y = v?.kind === "room" && v.ids.length > 1 && v.ids.includes(n.roomId) ? v.ids : null, b = () => {
+		g && s({
+			areaId: g.area,
+			x: String(g.x),
+			y: String(g.y),
+			z: String(g.z)
 		});
-	}, b = () => {
+	}, x = () => {
 		let t = D.getState();
-		if (!t.map) return u();
+		if (!t.map) return p();
 		let r = t.map.rooms[n.roomId];
-		if (!r) return u();
-		let i = { ...r }, a = je(t.map, n.roomId);
+		if (!r) return p();
+		let i = { ...r }, a = Ae(t.map, n.roomId);
 		Y({
 			kind: "deleteRoom",
 			id: n.roomId,
@@ -8297,21 +8332,21 @@ function hn({ sceneRef: e }) {
 			status: `Deleted room ${n.roomId}`,
 			contextMenu: null
 		});
-	}, x = () => {
-		if (!o || !h || !m.map) return;
+	}, S = () => {
+		if (!o || !g || !h.map) return;
 		let t = parseInt(o.x, 10), r = parseInt(o.y, 10), i = parseInt(o.z, 10);
 		if (isNaN(t) || isNaN(r) || isNaN(i)) return;
 		let a = [];
-		if (v) {
-			let e = t - h.x, n = r - h.y, s = i - h.z;
-			o.areaId !== h.area && a.push({
+		if (y) {
+			let e = t - g.x, n = r - g.y, s = i - g.z;
+			o.areaId !== g.area && a.push({
 				kind: "moveRoomsToArea",
-				roomIds: v,
-				fromAreaId: h.area,
+				roomIds: y,
+				fromAreaId: g.area,
 				toAreaId: o.areaId
 			});
-			for (let t of v) {
-				let r = m.map.rooms[t];
+			for (let t of y) {
+				let r = h.map.rooms[t];
 				if (!r) continue;
 				let i = r.x + e, o = r.y + n, c = r.z + s;
 				(i !== r.x || o !== r.y || c !== r.z) && a.push({
@@ -8327,33 +8362,33 @@ function hn({ sceneRef: e }) {
 						y: o,
 						z: c
 					}
-				}), a.push(...Ae(m.map, t, e, n));
+				}), a.push(...ke(h.map, t, e, n));
 			}
 		} else {
-			o.areaId !== h.area && a.push({
+			o.areaId !== g.area && a.push({
 				kind: "moveRoomsToArea",
 				roomIds: [n.roomId],
-				fromAreaId: h.area,
+				fromAreaId: g.area,
 				toAreaId: o.areaId
 			});
-			let e = t - h.x, s = r - h.y;
-			(t !== h.x || r !== h.y || i !== h.z) && a.push({
+			let e = t - g.x, s = r - g.y;
+			(t !== g.x || r !== g.y || i !== g.z) && a.push({
 				kind: "moveRoom",
 				id: n.roomId,
 				from: {
-					x: h.x,
-					y: h.y,
-					z: h.z
+					x: g.x,
+					y: g.y,
+					z: g.z
 				},
 				to: {
 					x: t,
 					y: r,
 					z: i
 				}
-			}), a.push(...Ae(m.map, n.roomId, e, s));
+			}), a.push(...ke(h.map, n.roomId, e, s));
 		}
-		a.length > 0 && (De(a, e.current), e.current?.refresh(), D.bumpStructure(), D.setState({ status: v ? `Moved ${v.length} rooms to area ${o.areaId} (${t}, ${r}, ${i})` : `Moved room ${n.roomId} to area ${o.areaId} (${t}, ${r}, ${i})` }));
-		let s = o.areaId !== (m.currentAreaId ?? h.area), c = i !== m.currentZ;
+		a.length > 0 && (X(a, e.current), e.current?.refresh(), D.bumpStructure(), D.setState({ status: y ? `Moved ${y.length} rooms to area ${o.areaId} (${t}, ${r}, ${i})` : `Moved room ${n.roomId} to area ${o.areaId} (${t}, ${r}, ${i})` }));
+		let s = o.areaId !== (h.currentAreaId ?? g.area), c = i !== h.currentZ;
 		D.setState({
 			contextMenu: null,
 			currentAreaId: o.areaId,
@@ -8363,7 +8398,7 @@ function hn({ sceneRef: e }) {
 				mapY: -r
 			} : null
 		});
-	}, S = Object.entries(g).map(([e, t]) => ({
+	}, C = Object.entries(_).map(([e, t]) => ({
 		id: Number(e),
 		name: t
 	})).sort((e, t) => e.name.localeCompare(t.name));
@@ -8378,7 +8413,7 @@ function hn({ sceneRef: e }) {
 		children: [
 			/* @__PURE__ */ d("div", {
 				className: "context-menu-title",
-				children: v ? `Move ${v.length} rooms to` : `Move room ${n.roomId} to`
+				children: y ? `Move ${y.length} rooms to` : `Move room ${n.roomId} to`
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "context-menu-field",
@@ -8388,7 +8423,7 @@ function hn({ sceneRef: e }) {
 						...t,
 						areaId: Number(e.target.value)
 					}),
-					children: S.map(({ id: e, name: t }) => /* @__PURE__ */ d("option", {
+					children: C.map(({ id: e, name: t }) => /* @__PURE__ */ d("option", {
 						value: e,
 						children: t
 					}, e))
@@ -8442,7 +8477,7 @@ function hn({ sceneRef: e }) {
 				}), /* @__PURE__ */ d("button", {
 					type: "button",
 					className: "context-menu-btn primary",
-					onClick: x,
+					onClick: S,
 					children: "Move"
 				})]
 			})
@@ -8456,34 +8491,61 @@ function hn({ sceneRef: e }) {
 		},
 		onContextMenu: (e) => e.preventDefault(),
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				className: "context-menu-title",
-				children: ["Room ", n.roomId]
+				children: y ? `${y.length} rooms` : `Room ${n.roomId}`
 			}),
 			/* @__PURE__ */ d("button", {
 				type: "button",
 				className: "context-menu-item",
-				onClick: y,
+				onClick: b,
 				children: "Move to…"
 			}),
+			y && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("button", {
+				type: "button",
+				className: "context-menu-item",
+				onClick: () => D.setState({
+					spreadShrink: {
+						mode: "spread",
+						factor: 2,
+						centerMode: "centroid",
+						anchorRoomId: null
+					},
+					contextMenu: null
+				}),
+				children: "Spread…"
+			}), /* @__PURE__ */ d("button", {
+				type: "button",
+				className: "context-menu-item",
+				onClick: () => D.setState({
+					spreadShrink: {
+						mode: "shrink",
+						factor: .5,
+						centerMode: "centroid",
+						anchorRoomId: null
+					},
+					contextMenu: null
+				}),
+				children: "Shrink…"
+			})] }),
 			/* @__PURE__ */ d("button", {
 				type: "button",
 				className: "context-menu-item danger",
-				onClick: b,
-				children: "Delete room"
+				onClick: x,
+				children: y ? `Delete ${y.length} rooms` : "Delete room"
 			})
 		]
 	});
 }
 //#endregion
 //#region src/editor/session.ts
-var gn = "mudlet-map-editor", $ = "sessions", _n = 2;
+var hn = "mudlet-map-editor", gn = "sessions", _n = 2;
 function vn() {
 	return new Promise((e, t) => {
-		let n = indexedDB.open(gn, _n);
+		let n = indexedDB.open(hn, _n);
 		n.onupgradeneeded = (e) => {
 			let t = n.result;
-			e.oldVersion < 2 && t.objectStoreNames.contains($) && t.deleteObjectStore($), t.createObjectStore($, { keyPath: "id" });
+			e.oldVersion < 2 && t.objectStoreNames.contains(gn) && t.deleteObjectStore(gn), t.createObjectStore(gn, { keyPath: "id" });
 		}, n.onsuccess = () => e(n.result), n.onerror = () => t(n.error);
 	});
 }
@@ -8505,8 +8567,8 @@ async function bn(e, t, n, r, i, a) {
 		roomCount: Object.keys(t.rooms).length
 	}, u = await vn();
 	return new Promise((e, t) => {
-		let n = u.transaction($, "readwrite");
-		n.objectStore($).put(l), n.oncomplete = () => {
+		let n = u.transaction(gn, "readwrite");
+		n.objectStore(gn).put(l), n.oncomplete = () => {
 			u.close(), e(c);
 		}, n.onerror = () => {
 			u.close(), t(n.error);
@@ -8516,7 +8578,7 @@ async function bn(e, t, n, r, i, a) {
 async function xn() {
 	let e = await vn();
 	return new Promise((t, n) => {
-		let r = e.transaction($, "readonly").objectStore($).getAll();
+		let r = e.transaction(gn, "readonly").objectStore(gn).getAll();
 		r.onsuccess = () => {
 			e.close(), t(r.result.sort((e, t) => t.savedAt - e.savedAt));
 		}, r.onerror = () => {
@@ -8527,8 +8589,8 @@ async function xn() {
 async function Sn() {
 	let e = await vn();
 	return new Promise((t, n) => {
-		let r = e.transaction($, "readwrite");
-		r.objectStore($).clear(), r.oncomplete = () => {
+		let r = e.transaction(gn, "readwrite");
+		r.objectStore(gn).clear(), r.oncomplete = () => {
 			e.close(), t();
 		}, r.onerror = () => {
 			e.close(), n(r.error);
@@ -8538,8 +8600,8 @@ async function Sn() {
 async function Cn(e) {
 	let t = await vn();
 	return new Promise((n, r) => {
-		let i = t.transaction($, "readwrite");
-		i.objectStore($).delete(e), i.oncomplete = () => {
+		let i = t.transaction(gn, "readwrite");
+		i.objectStore(gn).delete(e), i.oncomplete = () => {
 			t.close(), n();
 		}, i.onerror = () => {
 			t.close(), r(i.error);
@@ -9009,7 +9071,7 @@ function An({ sceneRef: e }) {
 								className: "swatch-env-id",
 								children: N === -1 ? "−" : N
 							})
-						}), F && c && /* @__PURE__ */ d($t, {
+						}), F && c && /* @__PURE__ */ d(Qt, {
 							map: c,
 							sceneRef: e,
 							currentEnvId: N,
@@ -9050,15 +9112,415 @@ function An({ sceneRef: e }) {
 	});
 }
 //#endregion
+//#region src/components/SearchPanel.tsx
+function jn(e, t = 40) {
+	return e.length > t ? e.slice(0, t) + "…" : e;
+}
+function Mn({ onClose: e }) {
+	let a = O((e) => e.map), [o, s] = i(""), [c, l] = i("rooms"), [p, m] = i(0), h = r(null), g = r(null);
+	t(() => {
+		h.current?.focus();
+	}, []);
+	let _ = n(() => {
+		if (!a || o.trim().length === 0) return [];
+		let e = o.trim().toLowerCase();
+		if (c === "rooms") {
+			let t = [];
+			for (let [n, r] of Object.entries(a.rooms)) {
+				if (!r) continue;
+				let i = Number(n), o = null;
+				if (r.name?.toLowerCase().includes(e)) o = "name";
+				else if (n.includes(e)) o = "id";
+				else if (r.userData) {
+					for (let [t, n] of Object.entries(r.userData)) if (t.toLowerCase().includes(e) || String(n).toLowerCase().includes(e)) {
+						o = `${t}: ${jn(String(n))}`;
+						break;
+					}
+				}
+				if (o !== null && (t.push({
+					kind: "room",
+					id: i,
+					name: r.name ?? "",
+					areaId: r.area,
+					areaName: a.areaNames[r.area] ?? `Area ${r.area}`,
+					x: r.x,
+					y: r.y,
+					z: r.z,
+					matchReason: o
+				}), t.length >= 100)) break;
+			}
+			return t;
+		} else {
+			let t = [];
+			for (let [n, r] of Object.entries(a.labels)) {
+				if (!r) continue;
+				let i = Number(n);
+				for (let n of r) if (!(!n || !n.text?.toLowerCase().includes(e)) && (t.push({
+					kind: "label",
+					id: n.id,
+					text: n.text,
+					areaId: i,
+					areaName: a.areaNames[i] ?? `Area ${i}`,
+					x: n.pos[0],
+					y: n.pos[1],
+					z: n.pos[2]
+				}), t.length >= 100)) break;
+				if (t.length >= 100) break;
+			}
+			return t;
+		}
+	}, [
+		a,
+		o,
+		c
+	]);
+	t(() => {
+		m(0);
+	}, [_]);
+	let v = (e) => {
+		let t = D.getState(), n = t.currentAreaId === e.areaId && t.currentZ === e.z;
+		e.kind === "room" ? n ? D.setState({
+			selection: {
+				kind: "room",
+				ids: [e.id]
+			},
+			panRequest: {
+				mapX: e.x,
+				mapY: -e.y
+			}
+		}) : (D.setState({
+			currentAreaId: e.areaId,
+			currentZ: e.z,
+			navigateTo: {
+				mapX: e.x,
+				mapY: -e.y
+			},
+			selection: {
+				kind: "room",
+				ids: [e.id]
+			},
+			pending: null
+		}), D.bumpStructure()) : n ? D.setState({
+			selection: {
+				kind: "label",
+				id: e.id,
+				areaId: e.areaId
+			},
+			panRequest: {
+				mapX: e.x,
+				mapY: -e.y
+			}
+		}) : (D.setState({
+			currentAreaId: e.areaId,
+			currentZ: e.z,
+			navigateTo: {
+				mapX: e.x,
+				mapY: -e.y
+			},
+			selection: {
+				kind: "label",
+				id: e.id,
+				areaId: e.areaId
+			},
+			pending: null
+		}), D.bumpStructure());
+	}, y = (t) => {
+		if (t.key === "Escape") {
+			e();
+			return;
+		}
+		if (t.key === "Tab") {
+			t.preventDefault(), b(c === "rooms" ? "labels" : "rooms");
+			return;
+		}
+		t.key === "ArrowDown" ? (t.preventDefault(), m((e) => Math.min(e + 1, _.length - 1))) : t.key === "ArrowUp" ? (t.preventDefault(), m((e) => Math.max(e - 1, 0))) : t.key === "Enter" && _.length > 0 && (t.preventDefault(), v(_[p]));
+	};
+	t(() => {
+		(g.current?.children[p])?.scrollIntoView({ block: "nearest" });
+	}, [p]);
+	let b = (e) => {
+		l(e), s(""), h.current?.focus();
+	};
+	return /* @__PURE__ */ f("div", {
+		className: "search-panel",
+		onKeyDown: y,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "search-panel-header",
+				children: [/* @__PURE__ */ f("div", {
+					className: "search-panel-tabs",
+					children: [/* @__PURE__ */ d("button", {
+						type: "button",
+						className: `search-tab${c === "rooms" ? " active" : ""}`,
+						onClick: () => b("rooms"),
+						children: "Rooms"
+					}), /* @__PURE__ */ d("button", {
+						type: "button",
+						className: `search-tab${c === "labels" ? " active" : ""}`,
+						onClick: () => b("labels"),
+						children: "Labels"
+					})]
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					className: "modal-close",
+					onClick: e,
+					title: "Close (Esc)",
+					children: "✕"
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "search-panel-input-wrap",
+				children: [
+					/* @__PURE__ */ f("svg", {
+						className: "search-panel-icon",
+						width: "14",
+						height: "14",
+						viewBox: "0 0 16 16",
+						fill: "none",
+						"aria-hidden": "true",
+						children: [/* @__PURE__ */ d("circle", {
+							cx: "6.5",
+							cy: "6.5",
+							r: "4.5",
+							stroke: "currentColor",
+							strokeWidth: "1.4"
+						}), /* @__PURE__ */ d("path", {
+							d: "M10.5 10.5L14 14",
+							stroke: "currentColor",
+							strokeWidth: "1.4",
+							strokeLinecap: "round"
+						})]
+					}),
+					/* @__PURE__ */ d("input", {
+						ref: h,
+						className: "search-panel-input",
+						type: "text",
+						placeholder: c === "rooms" ? "name, ID, or user data… (Tab to switch)" : "label text… (Tab to switch)",
+						value: o,
+						onChange: (e) => s(e.target.value)
+					}),
+					o && /* @__PURE__ */ d("button", {
+						type: "button",
+						className: "search-panel-clear",
+						onClick: () => {
+							s(""), h.current?.focus();
+						},
+						title: "Clear",
+						children: "✕"
+					})
+				]
+			}),
+			o.trim().length > 0 && /* @__PURE__ */ f("ul", {
+				className: "search-panel-results",
+				ref: g,
+				children: [_.length === 0 ? /* @__PURE__ */ d("li", {
+					className: "search-panel-empty",
+					children: "No matches"
+				}) : _.map((e, t) => /* @__PURE__ */ d("li", {
+					className: `search-panel-result${t === p ? " selected" : ""}`,
+					onClick: () => v(e),
+					onMouseEnter: () => m(t),
+					children: e.kind === "room" ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
+						className: "search-result-row",
+						children: [/* @__PURE__ */ d("span", {
+							className: "search-result-name",
+							children: e.name || /* @__PURE__ */ d("em", { children: "unnamed" })
+						}), /* @__PURE__ */ f("span", {
+							className: "search-result-meta",
+							children: [
+								"#",
+								e.id,
+								" · ",
+								e.areaName,
+								e.z === 0 ? "" : ` · z${e.z}`
+							]
+						})]
+					}), /* @__PURE__ */ d("div", {
+						className: "search-result-reason",
+						children: e.matchReason
+					})] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+						className: "search-result-name",
+						children: e.text || /* @__PURE__ */ d("em", { children: "empty label" })
+					}), /* @__PURE__ */ f("span", {
+						className: "search-result-meta",
+						children: [e.areaName, e.z === 0 ? "" : ` · z${e.z}`]
+					})] })
+				}, e.kind === "room" ? `room-${e.id}` : `label-${e.areaId}-${e.id}`)), _.length === 100 && /* @__PURE__ */ d("li", {
+					className: "search-panel-more",
+					children: "Showing first 100 results — refine your query"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/SpreadShrinkPopup.tsx
+function Nn({ sceneRef: e }) {
+	let n = O((e) => e.spreadShrink), i = O((e) => e.selection), a = r(null);
+	if (t(() => {
+		if (!n) return;
+		let e = () => D.setState({ spreadShrink: null }), t = (t) => {
+			t.key === "Escape" && e();
+		}, r = (t) => {
+			t.button === 0 && a.current && !a.current.contains(t.target) && e();
+		};
+		return window.addEventListener("keydown", t), window.addEventListener("mousedown", r, !0), () => {
+			window.removeEventListener("keydown", t), window.removeEventListener("mousedown", r, !0);
+		};
+	}, [n]), !n || !i || i.kind !== "room") return null;
+	let { mode: o, factor: s, centerMode: c, anchorRoomId: l } = n, p = (e) => {
+		D.setState({ spreadShrink: {
+			...n,
+			mode: e,
+			factor: e === "spread" ? 2 : .5
+		} });
+	}, m = (e) => {
+		D.setState({ spreadShrink: {
+			...n,
+			centerMode: e,
+			anchorRoomId: null
+		} });
+	}, h = (e) => {
+		let t = parseFloat(e);
+		!isNaN(t) && t > 0 && D.setState({ spreadShrink: {
+			...n,
+			factor: t
+		} });
+	};
+	return /* @__PURE__ */ f("div", {
+		ref: a,
+		className: "spread-shrink-popup",
+		onContextMenu: (e) => e.preventDefault(),
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "spread-shrink-title",
+				children: [
+					o === "spread" ? "Spread" : "Shrink",
+					" ",
+					i.ids.length,
+					" rooms"
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "spread-shrink-mode",
+				children: [/* @__PURE__ */ d("button", {
+					type: "button",
+					className: `spread-shrink-tab${o === "spread" ? " active" : ""}`,
+					onClick: () => p("spread"),
+					children: "Spread"
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					className: `spread-shrink-tab${o === "shrink" ? " active" : ""}`,
+					onClick: () => p("shrink"),
+					children: "Shrink"
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "spread-shrink-mode",
+				children: [/* @__PURE__ */ d("button", {
+					type: "button",
+					className: `spread-shrink-tab${c === "centroid" ? " active" : ""}`,
+					onClick: () => m("centroid"),
+					children: "Centroid"
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					className: `spread-shrink-tab${c === "anchor" ? " active" : ""}`,
+					onClick: () => m("anchor"),
+					children: "Anchor"
+				})]
+			}),
+			c === "anchor" && /* @__PURE__ */ d("div", {
+				className: "spread-shrink-anchor",
+				children: l === null ? /* @__PURE__ */ d("span", {
+					className: "spread-shrink-anchor-hint",
+					children: "Right-click a room to set anchor"
+				}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("span", { children: ["Anchor: room ", l] }), /* @__PURE__ */ d("button", {
+					type: "button",
+					className: "spread-shrink-anchor-clear",
+					onClick: () => m("anchor"),
+					children: "×"
+				})] })
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "spread-shrink-field",
+				children: [/* @__PURE__ */ d("label", { children: "Scale factor" }), /* @__PURE__ */ d("input", {
+					type: "number",
+					min: "0.01",
+					max: "10",
+					step: "0.1",
+					value: s,
+					onChange: (e) => h(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "spread-shrink-actions",
+				children: [/* @__PURE__ */ d("button", {
+					type: "button",
+					className: "context-menu-btn",
+					onClick: () => D.setState({ spreadShrink: null }),
+					children: "Cancel"
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					className: "context-menu-btn primary",
+					onClick: () => {
+						let t = D.getState(), n = t.selection, r = e.current;
+						if (!n || n.kind !== "room" || !r || !t.map) return;
+						let i = [];
+						for (let e of n.ids) {
+							let n = r.getRenderRoom(e);
+							!n || n.z !== t.currentZ || n.area !== t.currentAreaId || i.push({
+								id: e,
+								rx: n.x,
+								ry: n.y
+							});
+						}
+						if (i.length < 2) {
+							D.setState({ spreadShrink: null });
+							return;
+						}
+						let a = t.spreadShrink, c, l;
+						if (a.centerMode === "anchor" && a.anchorRoomId !== null) {
+							let e = r.getRenderRoom(a.anchorRoomId);
+							c = e ? e.x : i.reduce((e, t) => e + t.rx, 0) / i.length, l = e ? e.y : i.reduce((e, t) => e + t.ry, 0) / i.length;
+						} else c = i.reduce((e, t) => e + t.rx, 0) / i.length, l = i.reduce((e, t) => e + t.ry, 0) / i.length;
+						let u = t.snapToGrid ? (e) => Math.round(e / t.gridStep) * t.gridStep : Math.round, d = [];
+						for (let { id: e, rx: n, ry: r } of i) {
+							let i = u(c + (n - c) * s), a = u(l + (r - l) * s), o = t.map.rooms[e];
+							if (!o) continue;
+							let f = i, p = -a;
+							f === o.x && p === o.y || (d.push({
+								kind: "moveRoom",
+								id: e,
+								from: {
+									x: o.x,
+									y: o.y,
+									z: o.z
+								},
+								to: {
+									x: f,
+									y: p,
+									z: o.z
+								}
+							}), d.push(...ke(t.map, e, f - o.x, p - o.y)));
+						}
+						d.length > 0 && (X(d, r), r.refresh(), D.bumpStructure(), D.setState({ status: `${o === "spread" ? "Spread" : "Shrunk"} ${i.length} rooms (×${s.toFixed(2)})` })), D.setState({ spreadShrink: null });
+					},
+					children: "Apply"
+				})]
+			})
+		]
+	});
+}
+//#endregion
 //#region src/editor/reader/EditorMapReader.ts
-var jn = {
+var Pn = {
 	1: "solid line",
 	2: "dash line",
 	3: "dot line",
 	4: "dash dot line",
 	5: "dash dot dot line"
 };
-function Mn(e, t) {
+function Fn(e, t) {
 	let n = {
 		id: e,
 		__raw: t
@@ -9147,7 +9609,7 @@ function Mn(e, t) {
 							g: 255,
 							b: 255
 						},
-						style: jn[t.customLinesStyle?.[r]] ?? "solid line",
+						style: Pn[t.customLinesStyle?.[r]] ?? "solid line",
 						arrow: t.customLinesArrow?.[r] ?? !1
 					}
 				};
@@ -9158,7 +9620,7 @@ function Mn(e, t) {
 		configurable: !0
 	}), n;
 }
-function Nn(e) {
+function In(e) {
 	let t = {
 		north: "south",
 		south: "north",
@@ -9224,7 +9686,7 @@ function Nn(e) {
 	}
 	return r;
 }
-function Pn(e) {
+function Ln(e) {
 	if (!e || e.length === 0) return "";
 	if (typeof e == "string") return e.includes(",") ? e.split(",")[1] : e;
 	try {
@@ -9233,10 +9695,10 @@ function Pn(e) {
 		return "";
 	}
 }
-function Fn(e) {
-	e.pixMapBase64 === void 0 && (e.pixMapBase64 = Pn(e.pixMap));
+function Rn(e) {
+	e.pixMapBase64 === void 0 && (e.pixMapBase64 = Ln(e.pixMap));
 }
-function In(e, t) {
+function zn(e, t) {
 	let n = e.id;
 	if (!e.font) {
 		let r = t[`system.labelFont_${n}`];
@@ -9266,7 +9728,7 @@ function In(e, t) {
 		});
 	}
 }
-function Ln(e, t) {
+function Bn(e, t) {
 	let n = e.id, r = e.font;
 	if (r?.family) {
 		let e = r.bold ? 75 : 50;
@@ -9277,7 +9739,7 @@ function Ln(e, t) {
 		t[`system.labelOutlineColor_${n}`] = `${r}|${i}|${a}|${o}`;
 	} else t[`system.labelOutlineColor_${n}`] = "0|0|0|0";
 }
-function Rn(e) {
+function Vn(e) {
 	return {
 		id: e.id,
 		pos: [...e.pos],
@@ -9293,7 +9755,7 @@ function Rn(e) {
 		imageSrc: e.imageSrc
 	};
 }
-var zn = class {
+var Hn = class {
 	constructor(e, t) {
 		this.rooms = e, this.labels = t;
 	}
@@ -9323,7 +9785,7 @@ var zn = class {
 	setLabels(e) {
 		this.labels = e;
 	}
-}, Bn = class {
+}, Un = class {
 	planes = {};
 	exits = /* @__PURE__ */ new Map();
 	version = 0;
@@ -9391,19 +9853,19 @@ var zn = class {
 		let t = {};
 		for (let [n, r] of Object.entries(e)) {
 			let e = Number(n);
-			t[e] = new zn(r, this.labels.filter((t) => t.Z === e));
+			t[e] = new Hn(r, this.labels.filter((t) => t.Z === e));
 		}
 		this.planes = t;
 	}
 	rebuildExits() {
-		this.exits = Nn(this.rooms);
+		this.exits = In(this.rooms);
 	}
 };
-function Vn(e) {
+function Wn(e) {
 	let t = e[0] / 255, n = e[1] / 255, r = e[2] / 255;
 	return (Math.max(t, n, r) + Math.min(t, n, r)) / 2;
 }
-var Hn = {
+var Gn = {
 	rgb: [
 		114,
 		1,
@@ -9416,7 +9878,7 @@ var Hn = {
 		225
 	],
 	symbolColorValue: "rgb(225,225,225)"
-}, Un = class {
+}, Kn = class {
 	rooms = {};
 	areas = {};
 	colors = {};
@@ -9426,7 +9888,7 @@ var Hn = {
 		for (let e of t) this.colors[e.envId] = {
 			rgb: e.colors,
 			rgbValue: `rgb(${e.colors.join(",")})`,
-			symbolColor: Vn(e.colors) > .41 ? [
+			symbolColor: Wn(e.colors) > .41 ? [
 				25,
 				25,
 				25
@@ -9435,19 +9897,19 @@ var Hn = {
 				255,
 				255
 			],
-			symbolColorValue: Vn(e.colors) > .41 ? "rgb(25,25,25)" : "rgb(225,255,255)"
+			symbolColorValue: Wn(e.colors) > .41 ? "rgb(25,25,25)" : "rgb(225,255,255)"
 		};
 		for (let [t, n] of Object.entries(e.areas)) {
 			let r = Number(t), i = [];
 			for (let t of n.rooms) {
 				let n = e.rooms[t];
 				if (!n) continue;
-				let r = Mn(t, n);
+				let r = Fn(t, n);
 				this.rooms[t] = r, i.push(r);
 			}
 			let a = e.labels?.[r] ?? [], o = e.areas[r]?.userData ?? {};
-			for (let e of a) Fn(e), In(e, o);
-			this.areas[r] = new Bn(r, e.areaNames[r] ?? `Area ${r}`, i, a.map((e) => this.toRendererLabel(e, r)));
+			for (let e of a) Rn(e), zn(e, o);
+			this.areas[r] = new Un(r, e.areaNames[r] ?? `Area ${r}`, i, a.map((e) => this.toRendererLabel(e, r)));
 		}
 	}
 	toRendererLabel(e, t) {
@@ -9504,10 +9966,10 @@ var Hn = {
 		return !1;
 	}
 	getColorValue(e) {
-		return this.colors[e]?.rgbValue ?? Hn.rgbValue;
+		return this.colors[e]?.rgbValue ?? Gn.rgbValue;
 	}
 	getSymbolColor(e, t) {
-		let n = this.colors[e] ?? Hn, r = Math.min(Math.max(t ?? 1, 0), 1), i = n.symbolColor.join(",");
+		let n = this.colors[e] ?? Gn, r = Math.min(Math.max(t ?? 1, 0), 1), i = n.symbolColor.join(",");
 		return r === 1 ? `rgba(${i})` : `rgba(${i}, ${r})`;
 	}
 	moveRoom(e, t, n, r) {
@@ -9541,7 +10003,7 @@ var Hn = {
 		this.raw.rooms[e] = t;
 		let n = this.raw.areas[t.area];
 		n && !n.rooms.includes(e) && n.rooms.push(e);
-		let r = Mn(e, t);
+		let r = Fn(e, t);
 		this.rooms[e] = r, this.areas[t.area]?.addRoomLive(r);
 	}
 	setSpecialExit(e, t, n) {
@@ -9637,7 +10099,7 @@ var Hn = {
 			isZone: !1,
 			zoneAreaRef: -1,
 			userData: {}
-		}, this.raw.areaNames[e] = t, this.areas[e] = new Bn(e, t, [], []);
+		}, this.raw.areaNames[e] = t, this.areas[e] = new Un(e, t, [], []);
 	}
 	removeArea(e) {
 		delete this.raw.areas[e], delete this.raw.areaNames[e], delete this.areas[e];
@@ -9669,7 +10131,7 @@ var Hn = {
 		for (let e of n) this.colors[e.envId] = {
 			rgb: e.colors,
 			rgbValue: `rgb(${e.colors.join(",")})`,
-			symbolColor: Vn(e.colors) > .41 ? [
+			symbolColor: Wn(e.colors) > .41 ? [
 				25,
 				25,
 				25
@@ -9678,17 +10140,17 @@ var Hn = {
 				255,
 				255
 			],
-			symbolColorValue: Vn(e.colors) > .41 ? "rgb(25,25,25)" : "rgb(225,255,255)"
+			symbolColorValue: Wn(e.colors) > .41 ? "rgb(25,25,25)" : "rgb(225,255,255)"
 		};
 		t === null && delete this.colors[e];
 	}
 	getLabelSnapshot(e, t) {
 		let n = this.raw.labels[e]?.find((e) => e.id === t);
-		return n ? Rn(n) : null;
+		return n ? Vn(n) : null;
 	}
 	addLabel(e, t) {
 		this.raw.labels[e] || (this.raw.labels[e] = []);
-		let n = t.pixMap || Gt(t), r = {
+		let n = t.pixMap || Wt(t), r = {
 			id: t.id,
 			labelId: t.id,
 			areaId: e,
@@ -9697,7 +10159,7 @@ var Hn = {
 			text: t.text,
 			fgColor: { ...t.fgColor },
 			bgColor: { ...t.bgColor },
-			pixMap: Kt(n),
+			pixMap: Gt(n),
 			pixMapBase64: n.includes(",") ? n.split(",")[1] : n,
 			noScaling: t.noScaling,
 			showOnTop: t.showOnTop,
@@ -9706,7 +10168,7 @@ var Hn = {
 		};
 		this.raw.labels[e].push(r);
 		let i = this.raw.areas[e]?.userData;
-		i && Ln(r, i), this.syncRendererLabels(e);
+		i && Bn(r, i), this.syncRendererLabels(e);
 	}
 	removeLabel(e, t) {
 		if (!this.raw.labels[e]) return;
@@ -9728,7 +10190,7 @@ var Hn = {
 	}
 	setLabelPixmap(e, t, n) {
 		let r = this.raw.labels[e]?.find((e) => e.id === t);
-		r && (r.pixMap = Kt(n), r.pixMapBase64 = n.includes(",") ? n.split(",")[1] : n, this.syncRendererLabels(e));
+		r && (r.pixMap = Gt(n), r.pixMapBase64 = n.includes(",") ? n.split(",")[1] : n, this.syncRendererLabels(e));
 	}
 	setLabelImageSrc(e, t, n) {
 		let r = this.raw.labels[e]?.find((e) => e.id === t);
@@ -9739,14 +10201,14 @@ var Hn = {
 		if (!r) return;
 		r.font = { ...n };
 		let i = this.raw.areas[e]?.userData;
-		i && Ln(r, i), this.syncRendererLabels(e);
+		i && Bn(r, i), this.syncRendererLabels(e);
 	}
 	setLabelOutlineColor(e, t, n) {
 		let r = this.raw.labels[e]?.find((e) => e.id === t);
 		if (!r) return;
 		r.outlineColor = n ? { ...n } : void 0;
 		let i = this.raw.areas[e]?.userData;
-		i && Ln(r, i), this.syncRendererLabels(e);
+		i && Bn(r, i), this.syncRendererLabels(e);
 	}
 	setLabelNoScaling(e, t, n) {
 		let r = this.raw.labels[e]?.find((e) => e.id === t);
@@ -9777,10 +10239,10 @@ var Hn = {
 	restoreAreaWithRooms(e, t, n, r) {
 		let i = [];
 		for (let { id: e, room: t } of n) {
-			let n = Mn(e, t);
+			let n = Fn(e, t);
 			this.rooms[e] = n, i.push(n);
 		}
-		this.areas[e] = new Bn(e, t, i, []);
+		this.areas[e] = new Un(e, t, i, []);
 		for (let e of r) {
 			let t = this.areas[e];
 			t && (t.rebuildExits(), t.markDirty());
@@ -9819,7 +10281,7 @@ var Hn = {
 		}
 		for (let e of this.getAreas()) n.has(e.getAreaId()) || e.rebuildExits();
 	}
-}, Wn = class {
+}, qn = class {
 	rects = /* @__PURE__ */ new Map();
 	layer;
 	unsubscribe;
@@ -9863,7 +10325,7 @@ var Hn = {
 		}
 		this.layer.batchDraw();
 	}
-}, Gn = "#ffcc00", Kn = .9, qn = .3, Jn = .2, Yn = class {
+}, Jn = "#ffcc00", Yn = .9, Xn = .3, Zn = .2, Qn = class {
 	roomRect;
 	linkGroup;
 	layer;
@@ -9874,7 +10336,7 @@ var Hn = {
 	}
 	attach(e) {
 		this.layer = e, this.roomRect = new h.Rect({
-			stroke: Gn,
+			stroke: Jn,
 			strokeWidth: .06,
 			listening: !1,
 			visible: !1,
@@ -9922,23 +10384,23 @@ var Hn = {
 			}
 			for (let t of e.data.lines) this.linkGroup.add(new h.Line({
 				points: [...t.points],
-				stroke: Gn,
+				stroke: Jn,
 				strokeWidth: r,
 				dash: t.dash ? [...t.dash] : void 0,
 				listening: !1,
 				lineCap: "round",
-				opacity: Kn
+				opacity: Yn
 			}));
 			for (let t of e.data.arrows) this.linkGroup.add(new h.Arrow({
 				points: [...t.points],
-				stroke: Gn,
-				fill: Gn,
+				stroke: Jn,
+				fill: Jn,
 				strokeWidth: r,
 				dash: t.dash ? [...t.dash] : void 0,
 				pointerLength: t.pointerLength,
 				pointerWidth: t.pointerWidth,
 				listening: !1,
-				opacity: Kn
+				opacity: Yn
 			}));
 			this.linkGroup.visible(!0);
 		} else if (t.kind === "customLine") {
@@ -9949,33 +10411,33 @@ var Hn = {
 			}
 			let i = e.hasArrow && e.points.length >= 4 ? new h.Arrow({
 				points: [...e.points],
-				stroke: Gn,
-				fill: Gn,
+				stroke: Jn,
+				fill: Jn,
 				strokeWidth: r,
 				dash: e.dash ? [...e.dash] : void 0,
-				pointerLength: qn,
-				pointerWidth: Jn,
+				pointerLength: Xn,
+				pointerWidth: Zn,
 				listening: !1,
 				lineCap: "round",
 				lineJoin: "round",
-				opacity: Kn
+				opacity: Yn
 			}) : new h.Line({
 				points: [...e.points],
-				stroke: Gn,
+				stroke: Jn,
 				strokeWidth: r,
 				dash: e.dash ? [...e.dash] : void 0,
 				listening: !1,
 				lineCap: "round",
 				lineJoin: "round",
-				opacity: Kn
+				opacity: Yn
 			});
 			this.linkGroup.add(i), this.linkGroup.visible(!0);
 		}
 		this.layer.batchDraw();
 	}
-}, Xn = .6;
-function Zn(e) {
-	for (let [t, n, r] of ot) if (r === e) return {
+}, $n = .6;
+function er(e) {
+	for (let [t, n, r] of at) if (r === e) return {
 		ox: t,
 		oy: n
 	};
@@ -9984,7 +10446,7 @@ function Zn(e) {
 		oy: 0
 	};
 }
-var Qn = class {
+var tr = class {
 	line;
 	dirLabel;
 	layer;
@@ -10031,14 +10493,14 @@ var Qn = class {
 		}
 		let r = n.getRenderRoom(t.sourceId);
 		if (!r) return;
-		let i = t.hoverTargetId == null ? null : n.getRenderRoom(t.hoverTargetId), a = (n.settings.roomSize ?? Xn) / 2, o = r.x, s = r.y;
+		let i = t.hoverTargetId == null ? null : n.getRenderRoom(t.hoverTargetId), a = (n.settings.roomSize ?? $n) / 2, o = r.x, s = r.y;
 		if (t.sourceDir) {
-			let { ox: e, oy: n } = Zn(t.sourceDir);
+			let { ox: e, oy: n } = er(t.sourceDir);
 			o = r.x + e * a, s = r.y + n * a;
 		}
 		let c, l;
 		if (i && t.targetDir) {
-			let { ox: e, oy: n } = Zn(t.targetDir);
+			let { ox: e, oy: n } = er(t.targetDir);
 			c = i.x + e * a, l = i.y + n * a;
 		} else i ? (c = i.x, l = i.y) : (c = t.cursorMap?.x ?? r.x, l = t.cursorMap?.y ?? r.y);
 		let u = !0, d = "";
@@ -10059,7 +10521,7 @@ var Qn = class {
 			l
 		]), this.line.stroke(f), this.line.fill(f), this.line.visible(!0), d ? (this.dirLabel.text(d), this.dirLabel.fill(f), this.dirLabel.x((o + c) / 2 + .2), this.dirLabel.y((s + l) / 2 + .2), this.dirLabel.visible(!0)) : this.dirLabel.visible(!1), this.layer.batchDraw();
 	}
-}, $n = class {
+}, nr = class {
 	rect;
 	layer;
 	unsubscribe;
@@ -10095,7 +10557,7 @@ var Qn = class {
 		}
 		this.rect.x(t.x), this.rect.y(t.y), this.rect.visible(!0), this.layer.batchDraw();
 	}
-}, er = class {
+}, rr = class {
 	source;
 	target;
 	layer;
@@ -10119,7 +10581,7 @@ var Qn = class {
 			listening: !1,
 			visible: !1
 		}), t = /* @__PURE__ */ new Map();
-		for (let [, , n] of ot) {
+		for (let [, , n] of at) {
 			let r = new h.Circle({
 				radius: this.roomSize * .12,
 				fill: "rgba(143, 184, 255, 0.85)",
@@ -10136,7 +10598,7 @@ var Qn = class {
 	}
 	placeHandles(e, t, n, r) {
 		let i = this.roomSize / 2, a = r === "drag-source" || r === "drag-target" ? "#7fff9f" : "#ffd27f", o = r === "drag-source" || r === "drag-target" ? "#ffffff" : "#cfe1ff";
-		for (let [r, s, c] of ot) {
+		for (let [r, s, c] of at) {
 			let l = e.handles.get(c);
 			l.x(t.x + r * i), l.y(t.y + s * i), l.fill(c === n ? a : "rgba(143, 184, 255, 0.85)"), l.stroke(c === n ? o : "#cfe1ff");
 		}
@@ -10173,7 +10635,7 @@ var Qn = class {
 		}
 		this.layer.batchDraw();
 	}
-}, tr = "rgba(255, 220, 60, 0.9)", nr = .55, rr = class {
+}, ir = "rgba(255, 220, 60, 0.9)", ar = .55, or = class {
 	group;
 	layer;
 	unsubscribe;
@@ -10246,14 +10708,14 @@ var Qn = class {
 		if (o) {
 			let t = this.resolveTargetRoom(e, o.roomId, o.exitName);
 			if (t) {
-				let { x: e, y: n } = t, r = nr, i = new h.Line({
+				let { x: e, y: n } = t, r = ar, i = new h.Line({
 					points: [
 						e - r,
 						n,
 						e + r,
 						n
 					],
-					stroke: tr,
+					stroke: ir,
 					strokeWidth: a,
 					listening: !1,
 					lineCap: "round"
@@ -10264,7 +10726,7 @@ var Qn = class {
 						e,
 						n + r
 					],
-					stroke: tr,
+					stroke: ir,
 					strokeWidth: a,
 					listening: !1,
 					lineCap: "round"
@@ -10294,11 +10756,11 @@ var Qn = class {
 			y: c.y
 		};
 	}
-}, ir = "#00e5ff", ar = {
-	shadowColor: ir,
+}, sr = "#00e5ff", cr = {
+	shadowColor: sr,
 	shadowBlur: 4,
 	shadowOpacity: .8
-}, or = .3, sr = .2, cr = class {
+}, lr = .3, ur = .2, dr = class {
 	group;
 	layer;
 	unsubscribe;
@@ -10336,22 +10798,22 @@ var Qn = class {
 			}
 			for (let t of e.data.lines) this.group.add(new h.Line({
 				points: [...t.points],
-				stroke: ir,
+				stroke: sr,
 				strokeWidth: .08,
 				dash: t.dash ? [...t.dash] : void 0,
 				listening: !1,
-				...ar
+				...cr
 			}));
 			for (let t of e.data.arrows) this.group.add(new h.Arrow({
 				points: [...t.points],
-				stroke: ir,
-				fill: ir,
+				stroke: sr,
+				fill: sr,
 				strokeWidth: .08,
 				dash: t.dash ? [...t.dash] : void 0,
 				pointerLength: t.pointerLength,
 				pointerWidth: t.pointerWidth,
 				listening: !1,
-				...ar
+				...cr
 			}));
 			this.group.visible(!0), this.layer.batchDraw();
 			return;
@@ -10364,28 +10826,28 @@ var Qn = class {
 			}
 			let r = e.hasArrow && e.points.length >= 4 ? new h.Arrow({
 				points: [...e.points],
-				stroke: ir,
-				fill: ir,
+				stroke: sr,
+				fill: sr,
 				strokeWidth: .08,
 				dash: e.dash ? [...e.dash] : void 0,
-				pointerLength: or,
-				pointerWidth: sr,
+				pointerLength: lr,
+				pointerWidth: ur,
 				listening: !1,
-				...ar
+				...cr
 			}) : new h.Line({
 				points: [...e.points],
-				stroke: ir,
+				stroke: sr,
 				strokeWidth: .08,
 				dash: e.dash ? [...e.dash] : void 0,
 				listening: !1,
-				...ar
+				...cr
 			});
 			this.group.add(r), this.group.add(new h.Circle({
 				x: e.points[0],
 				y: e.points[1],
 				radius: .1,
 				fill: "#1a2030",
-				stroke: ir,
+				stroke: sr,
 				strokeWidth: .04,
 				listening: !1
 			}));
@@ -10396,8 +10858,8 @@ var Qn = class {
 					x: e.points[t],
 					y: e.points[t + 1],
 					radius: r ? .14 : .1,
-					fill: r ? "#ffffff" : ir,
-					stroke: r ? ir : "#ffffff",
+					fill: r ? "#ffffff" : sr,
+					stroke: r ? sr : "#ffffff",
 					strokeWidth: r ? .06 : .04,
 					listening: !1
 				}));
@@ -10410,13 +10872,13 @@ var Qn = class {
 };
 //#endregion
 //#region src/editor/effects/GridOverlayEffect.ts
-function lr(e, t) {
+function fr(e, t) {
 	let n = e.match(/rgba?\(\s*(\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\s*\)/);
 	if (!n) return e;
 	let r = n[4] === void 0 ? 1 : parseFloat(n[4]);
 	return `rgba(${n[1]}, ${n[2]}, ${n[3]}, ${Math.min(1, r * t)})`;
 }
-var ur = class {
+var pr = class {
 	gridShape;
 	axisShape;
 	labelShape;
@@ -10448,7 +10910,7 @@ var ur = class {
 		}), this.axisShape = new h.Shape({
 			listening: !1,
 			visible: !1,
-			stroke: lr(this.gridColor, 2),
+			stroke: fr(this.gridColor, 2),
 			strokeWidth: this.gridLineWidth * 2,
 			sceneFunc: (e, t) => {
 				let { minX: n, maxX: r, minY: i, maxY: a } = this.bounds;
@@ -10462,7 +10924,7 @@ var ur = class {
 			text: "(0,0)",
 			fontSize: this.gridSize,
 			fontFamily: "monospace",
-			fill: lr(this.gridColor, 2)
+			fill: fr(this.gridColor, 2)
 		}), e.add(this.gridShape), e.add(this.axisShape), e.add(this.labelShape), this.unsubscribe = D.subscribe(() => this.syncVisibility());
 	}
 	updateViewport(e, t, n) {
@@ -10476,7 +10938,7 @@ var ur = class {
 		let e = this.getIsEmpty();
 		e && (this.bounds = this.getViewportBounds()), this.gridShape.visible() !== e && (this.gridShape.visible(e), this.axisShape.visible(e), this.labelShape.visible(e), this.layer.batchDraw());
 	}
-}, dr = class {
+}, mr = class {
 	rect;
 	layer;
 	unsubscribe;
@@ -10510,7 +10972,7 @@ var ur = class {
 };
 //#endregion
 //#region src/editor/effects/LabelHaloEffect.ts
-function fr(e, t, n, r) {
+function hr(e, t, n, r) {
 	return [
 		{
 			id: "nw",
@@ -10554,7 +11016,7 @@ function fr(e, t, n, r) {
 		}
 	];
 }
-var pr = class {
+var gr = class {
 	selRect;
 	hoverRect;
 	previewRect;
@@ -10644,7 +11106,7 @@ var pr = class {
 			for (let e of this.handles) e.visible(!1);
 			return;
 		}
-		let t = .05, n = e.x - t, r = e.y - t, i = e.w + t * 2, a = e.h + t * 2, o = this.handleSize, s = fr(n, r, i, a);
+		let t = .05, n = e.x - t, r = e.y - t, i = e.w + t * 2, a = e.h + t * 2, o = this.handleSize, s = hr(n, r, i, a);
 		for (let e = 0; e < this.handles.length; e++) {
 			let t = this.handles[e], n = s[e];
 			t.x(n.x - o / 2), t.y(n.y - o / 2), t.width(o), t.height(o), t.visible(!0);
@@ -10663,13 +11125,170 @@ var pr = class {
 		} else this.previewRect.visible(!1);
 		this.layer.batchDraw();
 	}
+}, _r = class {
+	hLine;
+	vLine;
+	dot;
+	layer;
+	unsubscribe;
+	constructor(e) {
+		this.sceneRef = e;
+	}
+	attach(e) {
+		this.layer = e;
+		let t = {
+			stroke: "rgba(0, 229, 255, 0.7)",
+			strokeWidth: .05,
+			listening: !1,
+			visible: !1
+		};
+		this.hLine = new h.Line({
+			...t,
+			points: [
+				0,
+				0,
+				0,
+				0
+			]
+		}), this.vLine = new h.Line({
+			...t,
+			points: [
+				0,
+				0,
+				0,
+				0
+			]
+		}), this.dot = new h.Circle({
+			radius: .07,
+			fill: "rgba(0, 229, 255, 0.6)",
+			listening: !1,
+			visible: !1
+		}), e.add(this.hLine), e.add(this.vLine), e.add(this.dot), this.unsubscribe = D.subscribe((e) => this.sync(e)), this.sync(D.getState());
+	}
+	updateViewport(e, t, n) {
+		let r = Math.max(.02, 1.5 / t);
+		this.hLine?.strokeWidth(r), this.vLine?.strokeWidth(r), this.layer?.batchDraw();
+	}
+	syncPositions() {
+		this.sync(D.getState());
+	}
+	destroy() {
+		this.unsubscribe?.(), this.hLine?.destroy(), this.vLine?.destroy(), this.dot?.destroy();
+	}
+	sync(e) {
+		if (!this.layer) return;
+		let t = e.selection, n = this.sceneRef.current, r = () => {
+			this.hLine?.visible(!1), this.vLine?.visible(!1), this.dot?.visible(!1), this.layer.batchDraw();
+		};
+		if (!t || t.kind !== "room" || t.ids.length < 2 || !n) return r();
+		let { spreadShrink: i } = e, a, o;
+		if (i?.centerMode === "anchor" && i.anchorRoomId !== null) {
+			let e = n.getRenderRoom(i.anchorRoomId);
+			if (!e) return r();
+			a = e.x, o = e.y;
+		} else {
+			let i = [];
+			for (let r of t.ids) {
+				let t = n.getRenderRoom(r);
+				!t || t.z !== e.currentZ || t.area !== e.currentAreaId || i.push({
+					x: t.x,
+					y: t.y
+				});
+			}
+			if (i.length < 2) return r();
+			a = i.reduce((e, t) => e + t.x, 0) / i.length, o = i.reduce((e, t) => e + t.y, 0) / i.length;
+		}
+		let s = .3;
+		this.hLine.points([
+			a - s,
+			o,
+			a + s,
+			o
+		]), this.hLine.visible(!0), this.vLine.points([
+			a,
+			o - s,
+			a,
+			o + s
+		]), this.vLine.visible(!0), this.dot.x(a), this.dot.y(o), this.dot.visible(!0), this.layer.batchDraw();
+	}
+};
+//#endregion
+//#region src/editor/effects/GhostRoomsEffect.ts
+function vr(e, t) {
+	let n = e.match(/\d+/g);
+	return !n || n.length < 3 ? `rgba(128, 128, 128, ${t})` : `rgba(${n[0]}, ${n[1]}, ${n[2]}, ${t})`;
+}
+var yr = class {
+	rects = /* @__PURE__ */ new Map();
+	layer;
+	unsubscribe;
+	strokeWidth = .06;
+	dash = [.2, .15];
+	constructor(e, t) {
+		this.roomSize = e, this.sceneRef = t;
+	}
+	attach(e) {
+		this.layer = e, this.unsubscribe = D.subscribe((e) => this.sync(e)), this.sync(D.getState());
+	}
+	updateViewport(e, t, n) {
+		this.strokeWidth = Math.max(.03, 2 / t), this.dash = [Math.max(.1, 6 / t), Math.max(.08, 5 / t)], this.rects.forEach((e) => {
+			e.strokeWidth(this.strokeWidth), e.dash([...this.dash]);
+		}), this.layer?.batchDraw();
+	}
+	syncPositions() {
+		this.sync(D.getState());
+	}
+	destroy() {
+		this.unsubscribe?.(), this.rects.forEach((e) => e.destroy()), this.rects.clear();
+	}
+	computePositions(e) {
+		let t = /* @__PURE__ */ new Map(), { selection: n, spreadShrink: r, currentAreaId: i, currentZ: a } = e, o = this.sceneRef.current;
+		if (!r || !n || n.kind !== "room" || !o) return t;
+		let s = [];
+		for (let e of n.ids) {
+			let t = o.getRenderRoom(e);
+			!t || t.z !== a || t.area !== i || s.push({
+				id: e,
+				x: t.x,
+				y: t.y
+			});
+		}
+		if (s.length < 2) return t;
+		let c, l;
+		if (r.centerMode === "anchor" && r.anchorRoomId !== null) {
+			let e = o.getRenderRoom(r.anchorRoomId);
+			c = e ? e.x : s.reduce((e, t) => e + t.x, 0) / s.length, l = e ? e.y : s.reduce((e, t) => e + t.y, 0) / s.length;
+		} else c = s.reduce((e, t) => e + t.x, 0) / s.length, l = s.reduce((e, t) => e + t.y, 0) / s.length;
+		let { factor: u } = r, d = e.snapToGrid ? (t) => Math.round(t / e.gridStep) * e.gridStep : (e) => e;
+		for (let { id: e, x: n, y: r } of s) t.set(e, {
+			x: d(c + (n - c) * u),
+			y: d(l + (r - l) * u)
+		});
+		return t;
+	}
+	sync(e) {
+		if (!this.layer) return;
+		let t = this.sceneRef.current, n = this.computePositions(e);
+		for (let [e, t] of this.rects) n.has(e) || (t.destroy(), this.rects.delete(e));
+		let r = .05, i = this.roomSize + r * 2;
+		for (let [e, a] of n) {
+			let n = t?.getRenderRoom(e), o = t?.reader.getColorValue(n?.env ?? 1) ?? "rgb(128,128,128)", s = vr(o, .2), c = vr(o, .65), l = this.rects.get(e);
+			l || (l = new h.Rect({
+				strokeWidth: this.strokeWidth,
+				dash: [...this.dash],
+				cornerRadius: .04,
+				listening: !1
+			}), this.layer.add(l), this.rects.set(e, l)), l.fill(s), l.stroke(c), l.x(a.x - this.roomSize / 2 - r), l.y(a.y - this.roomSize / 2 - r), l.width(i), l.height(i);
+		}
+		this.layer.batchDraw();
+	}
 };
 //#endregion
 //#region src/editor/pointerController.ts
-function mr(e) {
+function br(e) {
 	let { container: t } = e, n = null, r = null, i = D.getState().spaceHeld, a = D.subscribe((r) => {
 		if (!i && r.spaceHeld && n !== null) {
-			It[r.activeTool].onCancel?.(e);
+			Ft[r.activeTool].onCancel?.(e);
 			try {
 				t.releasePointerCapture(n);
 			} catch {}
@@ -10687,7 +11306,7 @@ function mr(e) {
 			e.renderer.backend.viewport.startDrag(i.clientX - n.left, i.clientY - n.top), r = i.pointerId, t.setPointerCapture(i.pointerId), o(i);
 			return;
 		}
-		let a = D.getState().pending?.kind, l = It[a === "pickSwatch" || a === "pickExit" || a === "pickSpecialExit" ? "select" : s()];
+		let a = D.getState().pending?.kind, l = Ft[a === "pickSwatch" || a === "pickExit" || a === "pickSpecialExit" ? "select" : s()];
 		!l.onPointerDown || !c(i) || l.onPointerDown(i, e) && (n = i.pointerId, o(i));
 	}, u = (i) => {
 		if (r === i.pointerId) {
@@ -10695,7 +11314,7 @@ function mr(e) {
 			e.renderer.backend.viewport.updateDrag(i.clientX - n.left, i.clientY - n.top), e.refresh(), o(i);
 			return;
 		}
-		(It[s()].onPointerMove?.(i, e) || n === i.pointerId) && o(i);
+		(Ft[s()].onPointerMove?.(i, e) || n === i.pointerId) && o(i);
 	}, d = (i) => {
 		if (r === i.pointerId) {
 			e.renderer.backend.viewport.endDrag();
@@ -10705,14 +11324,14 @@ function mr(e) {
 			r = null, o(i);
 			return;
 		}
-		let a = It[s()].onPointerUp?.(i, e), c = n === i.pointerId;
+		let a = Ft[s()].onPointerUp?.(i, e), c = n === i.pointerId;
 		c && (n = null), (a || c) && o(i);
 	}, f = (t) => {
 		if (r === t.pointerId) {
 			e.renderer.backend.viewport.endDrag(), r = null;
 			return;
 		}
-		It[s()].onCancel?.(e), n === t.pointerId && (n = null, o(t));
+		Ft[s()].onCancel?.(e), n === t.pointerId && (n = null, o(t));
 	}, p = () => {
 		D.getState().hover && D.setState({ hover: null });
 	}, m = (e) => {
@@ -10724,7 +11343,7 @@ function mr(e) {
 	}, h = (e) => {
 		e.button !== 1 && (e.button === 0 || e.button === 2) && s() !== "pan" && o(e);
 	}, g = (t) => {
-		t.preventDefault(), It[s()].onContextMenu?.(t, e);
+		t.preventDefault(), Ft[s()].onContextMenu?.(t, e);
 	}, _ = { capture: !0 };
 	return t.addEventListener("pointerdown", l, _), t.addEventListener("pointermove", u, _), t.addEventListener("pointerup", d, _), t.addEventListener("pointercancel", f, _), t.addEventListener("pointerleave", p), t.addEventListener("mousedown", m, _), t.addEventListener("mouseup", h, _), t.addEventListener("contextmenu", g), () => {
 		a(), t.removeEventListener("pointerdown", l, _), t.removeEventListener("pointermove", u, _), t.removeEventListener("pointerup", d, _), t.removeEventListener("pointercancel", f, _), t.removeEventListener("pointerleave", p), t.removeEventListener("mousedown", m, _), t.removeEventListener("mouseup", h, _), t.removeEventListener("contextmenu", g);
@@ -10732,17 +11351,17 @@ function mr(e) {
 }
 //#endregion
 //#region src/editor/scene.ts
-function hr(e, t) {
+function xr(e, t) {
 	let n = m();
 	n.gridEnabled = !0, n.highlightCurrentRoom = !1, n.areaName = !1, n.labelRenderMode = "image", t.dataset.editorCursor = "true";
-	let r = new Un(e), i = new p(r, n, t), a = { current: null }, o = new dr(), s = new Wn(n.roomSize, a), c = new Yn(n.roomSize, a), l = new Qn(a), u = new $n(n.roomSize), d = new er(n.roomSize, a), f = new rr(a), h = new cr(a, n.roomSize), g = new pr(a), _ = new ur(n.gridColor, n.gridLineWidth, n.gridSize, () => {
+	let r = new Kn(e), i = new p(r, n, t), a = { current: null }, o = new mr(), s = new qn(n.roomSize, a), c = new Qn(n.roomSize, a), l = new tr(a), u = new nr(n.roomSize), d = new rr(n.roomSize, a), f = new or(a), h = new dr(a, n.roomSize), g = new gr(a), _ = new _r(a), v = new yr(n.roomSize, a), y = new pr(n.gridColor, n.gridLineWidth, n.gridSize, () => {
 		let e = D.getState();
 		if (e.currentAreaId == null) return !1;
 		let t = r.getArea(e.currentAreaId);
 		return t ? t.getRooms().every((t) => t.z !== e.currentZ) : !1;
 	}, () => i.backend.viewport.getViewportBounds());
-	i.addLiveEffect("editor.marquee", o), i.addLiveEffect("editor.selection", s), i.addLiveEffect("editor.hover", c), i.addLiveEffect("editor.rubberband", l), i.addLiveEffect("editor.snap", u), i.addLiveEffect("editor.connectHandles", d), i.addLiveEffect("editor.customLinePreview", f), i.addLiveEffect("editor.selectedLink", h), i.addLiveEffect("editor.labelHalo", g), i.addLiveEffect("editor.gridOverlay", _);
-	let v = {
+	i.addLiveEffect("editor.marquee", o), i.addLiveEffect("editor.selection", s), i.addLiveEffect("editor.hover", c), i.addLiveEffect("editor.rubberband", l), i.addLiveEffect("editor.snap", u), i.addLiveEffect("editor.connectHandles", d), i.addLiveEffect("editor.customLinePreview", f), i.addLiveEffect("editor.selectedLink", h), i.addLiveEffect("editor.labelHalo", g), i.addLiveEffect("editor.selectionCenter", _), i.addLiveEffect("editor.ghostRooms", v), i.addLiveEffect("editor.gridOverlay", y);
+	let b = {
 		renderer: i,
 		reader: r,
 		settings: n,
@@ -10752,36 +11371,36 @@ function hr(e, t) {
 		setArea(e, t, n) {
 			i.drawArea(e, t);
 			let a = r.getArea(e);
-			!a || a.getRooms().every((e) => e.z !== t) ? i.backend.viewport.panToMapPoint(0, 0) : i.fitArea(n), _.syncVisibility();
+			!a || a.getRooms().every((e) => e.z !== t) ? i.backend.viewport.panToMapPoint(0, 0) : i.fitArea(n), y.syncVisibility();
 		},
 		setAreaAt(e, t, n, r) {
-			i.drawArea(e, t), i.backend.viewport.panToMapPoint(n, r), _.syncVisibility();
+			i.drawArea(e, t), i.backend.viewport.panToMapPoint(n, r), y.syncVisibility();
 		},
 		refresh() {
-			i.refresh(), s.syncPositions(), g.syncPositions();
+			i.refresh(), s.syncPositions(), g.syncPositions(), _.syncPositions(), v.syncPositions();
 		},
 		destroy() {
-			delete t.dataset.editorCursor, y(), i.removeLiveEffect("editor.selection"), i.removeLiveEffect("editor.hover"), i.removeLiveEffect("editor.rubberband"), i.removeLiveEffect("editor.snap"), i.removeLiveEffect("editor.connectHandles"), o.destroy(), i.removeLiveEffect("editor.marquee"), s.destroy(), c.destroy(), l.destroy(), u.destroy(), d.destroy(), f.destroy(), i.removeLiveEffect("editor.customLinePreview"), h.destroy(), i.removeLiveEffect("editor.selectedLink"), g.destroy(), i.removeLiveEffect("editor.labelHalo"), _.destroy(), i.removeLiveEffect("editor.gridOverlay"), i.destroy();
+			delete t.dataset.editorCursor, x(), i.removeLiveEffect("editor.selection"), i.removeLiveEffect("editor.hover"), i.removeLiveEffect("editor.rubberband"), i.removeLiveEffect("editor.snap"), i.removeLiveEffect("editor.connectHandles"), o.destroy(), i.removeLiveEffect("editor.marquee"), s.destroy(), c.destroy(), l.destroy(), u.destroy(), d.destroy(), f.destroy(), i.removeLiveEffect("editor.customLinePreview"), h.destroy(), i.removeLiveEffect("editor.selectedLink"), g.destroy(), i.removeLiveEffect("editor.labelHalo"), _.destroy(), i.removeLiveEffect("editor.selectionCenter"), v.destroy(), i.removeLiveEffect("editor.ghostRooms"), y.destroy(), i.removeLiveEffect("editor.gridOverlay"), i.destroy();
 		}
 	};
-	a.current = v;
-	let y = mr({
+	a.current = b;
+	let x = br({
 		renderer: i,
 		container: t,
 		settings: n,
 		refresh: () => i.refresh(),
-		scene: v
+		scene: b
 	});
-	return v;
+	return b;
 }
 //#endregion
 //#region src/App.tsx
-var gr = {
+var Sr = {
 	top: 104,
 	right: 464,
 	bottom: 24,
 	left: 24
-}, _r = {
+}, Cr = {
 	1: "select",
 	2: "connect",
 	3: "unlink",
@@ -10790,7 +11409,7 @@ var gr = {
 	6: "delete",
 	7: "pan",
 	8: "paint"
-}, vr = {
+}, wr = {
 	ArrowLeft: {
 		dx: -1,
 		dy: 0
@@ -10808,43 +11427,43 @@ var gr = {
 		dy: -1
 	}
 };
-function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
-	let s = r(null), c = r(null), l = O((e) => e.map), u = O((e) => e.swatchPaletteOpen), p = l != null, m = O((e) => e.currentAreaId), h = O((e) => e.currentZ), g = O((e) => e.activeTool), _ = O((e) => e.pending), v = O((e) => e.hover), y = O((e) => e.spaceHeld), b = O((e) => e.panelCollapsed), x = O((e) => e.dataVersion), C = O((e) => e.panRequest), [w, T] = i(!1), [E, k] = i(!1), [A, j] = i(() => new URLSearchParams(window.location.search).get("map")), M = n(() => a.flatMap((e) => e.swatchSets?.() ?? []), [a]), N = n(() => a.flatMap((e) => e.sidebarTabs?.() ?? []), [a]), P = n(() => a.flatMap((e) => e.roomPanelSections?.() ?? []), [a]);
+function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
+	let s = r(null), c = r(null), l = O((e) => e.map), p = O((e) => e.swatchPaletteOpen), m = l != null, h = O((e) => e.currentAreaId), g = O((e) => e.currentZ), _ = O((e) => e.activeTool), v = O((e) => e.pending), y = O((e) => e.hover), b = O((e) => e.spaceHeld), x = O((e) => e.panelCollapsed), C = O((e) => e.dataVersion), w = O((e) => e.panRequest), [T, E] = i(!1), [k, A] = i(!1), [j, M] = i(!1), [N, P] = i(() => new URLSearchParams(window.location.search).get("map")), F = n(() => a.flatMap((e) => e.swatchSets?.() ?? []), [a]), I = n(() => a.flatMap((e) => e.sidebarTabs?.() ?? []), [a]), L = n(() => a.flatMap((e) => e.roomPanelSections?.() ?? []), [a]);
 	t(() => {
-		D.setState({ pluginSwatchSets: M });
-	}, [M]), t(() => {
+		D.setState({ pluginSwatchSets: F });
+	}, [F]), t(() => {
 		a.length !== 0 && (async () => {
 			for (let e of a) await e.onAppReady?.();
 		})();
 	}, []);
-	let F = r(l);
+	let R = r(l);
 	t(() => {
-		let e = F.current;
-		if (F.current = l, l && l !== e) for (let e of a) e.onMapOpened?.(l);
+		let e = R.current;
+		if (R.current = l, l && l !== e) for (let e of a) e.onMapOpened?.(l);
 		else if (e && !l) for (let e of a) e.onMapClosed?.();
 	}, [l]), t(() => {
 		if (!l || !s.current) return;
-		let e = hr(l, s.current);
+		let e = xr(l, s.current);
 		c.current = e;
 		let { currentAreaId: t, currentZ: n } = D.getState();
-		return t != null && e.setArea(t, n, gr), () => {
+		return t != null && e.setArea(t, n, Sr), () => {
 			e.destroy(), c.current = null;
 		};
 	}, [l]), t(() => {
 		let e = c.current;
-		if (!e || !p || m == null) return;
+		if (!e || !m || h == null) return;
 		let t = D.getState().navigateTo;
-		t ? (D.setState({ navigateTo: null }), e.setAreaAt(m, h, t.mapX, t.mapY)) : e.setArea(m, h, gr);
+		t ? (D.setState({ navigateTo: null }), e.setAreaAt(h, g, t.mapX, t.mapY)) : e.setArea(h, g, Sr);
 	}, [
-		m,
 		h,
-		p
+		g,
+		m
 	]), t(() => {
-		!C || !c.current || (D.setState({ panRequest: null }), c.current.renderer.backend.viewport.panToMapPoint(C.mapX, C.mapY), c.current.refresh());
-	}, [C]), t(() => {
+		!w || !c.current || (D.setState({ panRequest: null }), c.current.renderer.backend.viewport.panToMapPoint(w.mapX, w.mapY), c.current.refresh());
+	}, [w]), t(() => {
 		let e = s.current;
 		if (!e) return;
-		if (y) {
+		if (b) {
 			let t = () => {
 				e.style.cursor = "grabbing";
 			}, n = () => {
@@ -10854,12 +11473,12 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 				e.removeEventListener("pointerdown", t), e.removeEventListener("pointerup", n), e.removeEventListener("pointercancel", n);
 			};
 		}
-		if (_?.kind === "pickExit" || _?.kind === "pickSpecialExit" || _?.kind === "pickSwatch") {
+		if (v?.kind === "pickExit" || v?.kind === "pickSpecialExit" || v?.kind === "pickSwatch") {
 			e.style.cursor = "crosshair";
 			return;
 		}
 		let t = {
-			select: v ? "pointer" : "default",
+			select: y ? "pointer" : "default",
 			connect: "crosshair",
 			unlink: "crosshair",
 			addRoom: "crosshair",
@@ -10869,12 +11488,12 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 			addLabel: "crosshair",
 			paint: "cell"
 		};
-		e.style.cursor = t[g];
+		e.style.cursor = t[_];
 	}, [
-		g,
-		v,
+		_,
 		y,
-		_
+		b,
+		v
 	]), t(() => {
 		let { map: e, loaded: t, undo: n, currentAreaId: r, currentZ: i, sessionId: a } = D.getState();
 		if (!e || !t) return;
@@ -10884,7 +11503,7 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 			}).catch(console.error);
 		}, 1500);
 		return () => clearTimeout(o);
-	}, [x]), t(() => {
+	}, [C]), t(() => {
 		let e = (e) => {
 			let t = e?.tagName;
 			return t === "INPUT" || t === "TEXTAREA" || t === "SELECT";
@@ -10898,22 +11517,26 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					t.preventDefault(), D.getState().spaceHeld || D.setState({ spaceHeld: !0 });
 					return;
 				}
+				if ((t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "f") {
+					t.preventDefault(), M((e) => !e);
+					return;
+				}
 				if ((t.ctrlKey || t.metaKey) && !t.shiftKey && t.key.toLowerCase() === "z") {
-					t.preventDefault(), L();
+					t.preventDefault(), z();
 					return;
 				}
 				if ((t.ctrlKey || t.metaKey) && (t.shiftKey && t.key.toLowerCase() === "z" || t.key.toLowerCase() === "y")) {
-					t.preventDefault(), R();
+					t.preventDefault(), B();
 					return;
 				}
 				if (t.key === "Enter") {
 					let e = D.getState();
-					e.pending?.kind === "customLine" && At(e.pending);
+					e.pending?.kind === "customLine" && kt(e.pending);
 					return;
 				}
 				if (t.key === "Escape") {
 					let e = D.getState();
-					e.pending ? (e.pending.kind === "customLine" && c.current && kt(e.pending, c.current), D.setState({
+					e.pending ? (e.pending.kind === "customLine" && c.current && Ot(e.pending, c.current), D.setState({
 						pending: null,
 						activeTool: e.pending.kind === "customLine" ? "select" : e.activeTool,
 						status: "Cancelled."
@@ -10921,7 +11544,7 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					return;
 				}
 				if (t.key === "Delete" || t.key === "Backspace") {
-					I();
+					ee();
 					return;
 				}
 				if (t.key === "g" || t.key === "G") {
@@ -10929,13 +11552,13 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					return;
 				}
 				if (t.key === "f" || t.key === "F") {
-					c.current?.renderer.fitArea(gr);
+					c.current?.renderer.fitArea(Sr);
 					return;
 				}
-				if (_r[t.key]) {
+				if (Cr[t.key]) {
 					let e = D.getState();
-					e.pending?.kind === "customLine" && c.current && (kt(e.pending, c.current), D.bumpData()), D.setState({
-						activeTool: _r[t.key],
+					e.pending?.kind === "customLine" && c.current && (Ot(e.pending, c.current), D.bumpData()), D.setState({
+						activeTool: Cr[t.key],
 						pending: null
 					});
 					return;
@@ -10951,14 +11574,14 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					} });
 					return;
 				}
-				if (vr[t.key]) {
+				if (wr[t.key]) {
 					let e = D.getState();
 					if (e.activeTool !== "select" || !e.selection || !e.map) return;
 					if (e.selection.kind === "label") {
 						let { id: n, areaId: r } = e.selection, i = c.current?.reader.getLabelSnapshot(r, n);
 						if (!i) return;
 						t.preventDefault();
-						let a = (t.shiftKey ? 5 : 1) * e.gridStep, o = vr[t.key], s = o.dx * a, l = o.dy * a, u = [...i.pos], d = [
+						let a = (t.shiftKey ? 5 : 1) * e.gridStep, o = wr[t.key], s = o.dx * a, l = o.dy * a, u = [...i.pos], d = [
 							i.pos[0] + s,
 							i.pos[1] + l,
 							i.pos[2]
@@ -10975,42 +11598,49 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 						})), c.current?.refresh(), D.bumpData(), D.setState({ status: `Moved label ${n}` });
 						return;
 					}
-					if (e.selection.kind !== "room" || e.selection.ids.length !== 1) return;
-					let n = e.selection.ids[0], r = e.map.rooms[n];
-					if (!r) return;
+					if (e.selection.kind !== "room") return;
 					t.preventDefault();
-					let i = (t.shiftKey ? 5 : 1) * e.gridStep, a = vr[t.key], o = a.dx * i, s = a.dy * i, l = {
-						x: r.x,
-						y: r.y,
-						z: r.z
-					}, u = Ae(e.map, n, o, s);
-					c.current?.reader.moveRoom(n, r.x + o, -(r.y + s), r.z);
-					let d = {
-						x: r.x,
-						y: r.y,
-						z: r.z
-					};
-					for (let e of u) e.kind === "setCustomLine" && c.current?.reader.setCustomLine(e.roomId, e.exitName, e.data.points, e.data.color, e.data.style, e.data.arrow);
-					let f = {
-						kind: "moveRoom",
-						id: n,
-						from: l,
-						to: d
-					}, p = u.length > 0 ? {
+					let n = (t.shiftKey ? 5 : 1) * e.gridStep, r = wr[t.key], i = r.dx * n, a = r.dy * n, o = [];
+					for (let t of e.selection.ids) {
+						let n = e.map.rooms[t];
+						if (!n) continue;
+						let r = {
+							x: n.x,
+							y: n.y,
+							z: n.z
+						}, s = ke(e.map, t, i, a);
+						c.current?.reader.moveRoom(t, n.x + i, -(n.y + a), n.z);
+						let l = {
+							x: n.x,
+							y: n.y,
+							z: n.z
+						};
+						for (let e of s) e.kind === "setCustomLine" && c.current?.reader.setCustomLine(e.roomId, e.exitName, e.data.points, e.data.color, e.data.style, e.data.arrow);
+						o.push({
+							kind: "moveRoom",
+							id: t,
+							from: r,
+							to: l
+						}, ...s);
+					}
+					if (o.length === 0) return;
+					let s = o.length === 1 ? o[0] : {
 						kind: "batch",
-						cmds: [f, ...u]
-					} : f;
+						cmds: o
+					};
 					D.setState((e) => ({
-						undo: [...e.undo, p],
+						undo: [...e.undo, s],
 						redo: []
-					})), c.current?.refresh(), D.bumpData(), D.setState({ status: `Moved room ${n} → (${r.x}, ${r.y}, ${r.z})` });
+					})), c.current?.refresh(), D.bumpData();
+					let { ids: l } = e.selection;
+					D.setState({ status: l.length === 1 ? `Moved room ${l[0]} → (${e.map.rooms[l[0]]?.x}, ${e.map.rooms[l[0]]?.y}, ${e.map.rooms[l[0]]?.z})` : `Moved ${l.length} rooms` });
 				}
 			}
 		};
 		window.addEventListener("keydown", r), window.addEventListener("keyup", t), window.addEventListener("blur", n);
-		let i = () => c.current?.renderer.fitArea(gr);
-		return window.addEventListener("editor:undo", L), window.addEventListener("editor:redo", R), window.addEventListener("editor:fit", i), () => {
-			window.removeEventListener("keydown", r), window.removeEventListener("keyup", t), window.removeEventListener("blur", n), window.removeEventListener("editor:undo", L), window.removeEventListener("editor:redo", R), window.removeEventListener("editor:fit", i);
+		let i = () => c.current?.renderer.fitArea(Sr);
+		return window.addEventListener("editor:undo", z), window.addEventListener("editor:redo", B), window.addEventListener("editor:fit", i), () => {
+			window.removeEventListener("keydown", r), window.removeEventListener("keyup", t), window.removeEventListener("blur", n), window.removeEventListener("editor:undo", z), window.removeEventListener("editor:redo", B), window.removeEventListener("editor:fit", i);
 		};
 	}, []), t(() => {
 		let e = (e) => {
@@ -11024,7 +11654,7 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 			window.removeEventListener("dragover", e), window.removeEventListener("drop", t);
 		};
 	}, []);
-	let I = () => {
+	let ee = () => {
 		let e = D.getState();
 		if (!e.map) return;
 		let t = e.selection;
@@ -11032,7 +11662,7 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 			if (t.kind === "room") {
 				if (e.currentAreaId == null) return;
 				if (t.ids.length > 1) {
-					let n = Me(e.map, t.ids), r = [];
+					let n = je(e.map, t.ids), r = [];
 					for (let i of t.ids) {
 						let t = e.map.rooms[i];
 						t && r.push({
@@ -11055,7 +11685,7 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 				}
 				let n = t.ids[0], r = e.map.rooms[n];
 				if (!r) return;
-				let i = { ...r }, a = je(e.map, n);
+				let i = { ...r }, a = Ae(e.map, n);
 				Y({
 					kind: "deleteRoom",
 					id: n,
@@ -11169,15 +11799,15 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 				return;
 			}
 		}
-	}, L = () => {
-		let { changed: e, structural: t } = Oe(c.current);
+	}, z = () => {
+		let { changed: e, structural: t } = De(c.current);
 		e && (c.current?.refresh(), t ? D.bumpStructure() : D.bumpData(), D.setState({ status: "Undone" }));
-	}, R = () => {
-		let { changed: e, structural: t } = ke(c.current);
+	}, B = () => {
+		let { changed: e, structural: t } = Oe(c.current);
 		e && (c.current?.refresh(), t ? D.bumpStructure() : D.bumpData(), D.setState({ status: "Redone" }));
 	};
 	return /* @__PURE__ */ f("div", {
-		className: `app${b ? " panel-collapsed" : ""}`,
+		className: `app${x ? " panel-collapsed" : ""}`,
 		children: [
 			/* @__PURE__ */ f("div", {
 				className: "map-viewport",
@@ -11186,30 +11816,40 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 						ref: s,
 						className: "map-container"
 					}),
-					!p && /* @__PURE__ */ d(kn, {}),
+					!m && /* @__PURE__ */ d(kn, {}),
 					/* @__PURE__ */ d(ue, {
 						title: o,
-						onHelpClick: () => T(!0),
-						onLoadFromUrl: () => k(!0),
+						onHelpClick: () => E(!0),
+						onLoadFromUrl: () => A(!0),
 						onSave: (e) => {
 							for (let t of a) t.onMapSave?.(e);
-						}
+						},
+						onSearchClick: () => M((e) => !e)
 					}),
-					/* @__PURE__ */ d(mn, {
+					/* @__PURE__ */ d(pn, {
 						sceneRef: c,
-						extraTabs: N,
-						pluginRoomSections: P
+						extraTabs: I,
+						pluginRoomSections: L
 					})
 				]
 			}),
-			/* @__PURE__ */ d(hn, { sceneRef: c }),
-			u && /* @__PURE__ */ d(An, { sceneRef: c }),
+			/* @__PURE__ */ d(mn, { sceneRef: c }),
+			p && /* @__PURE__ */ d(An, { sceneRef: c }),
 			a.map((t, n) => /* @__PURE__ */ d(e, { children: t.renderOverlay?.() }, n)),
-			w && /* @__PURE__ */ d(le, { onClose: () => T(!1) }),
-			(E || A) && /* @__PURE__ */ d(de, {
-				initialUrl: A ?? void 0,
+			j && m && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
+				style: {
+					position: "fixed",
+					inset: 0,
+					zIndex: 399
+				},
+				onMouseDown: () => M(!1)
+			}), /* @__PURE__ */ d(Mn, { onClose: () => M(!1) })] }),
+			/* @__PURE__ */ d(Nn, { sceneRef: c }),
+			T && /* @__PURE__ */ d(le, { onClose: () => E(!1) }),
+			(k || N) && /* @__PURE__ */ d(de, {
+				initialUrl: N ?? void 0,
 				onClose: () => {
-					k(!1), j(null);
+					A(!1), P(null);
 				}
 			})
 		]
@@ -11217,9 +11857,9 @@ function yr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 }
 //#endregion
 //#region src/editor/mapBytes.ts
-function br() {
+function Er() {
 	let { map: e } = D.getState();
 	return e ? H(e) : null;
 }
 //#endregion
-export { yr as App, br as getMapBytes, G as loadUrlIntoStore, Y as pushCommand, D as store, O as useEditorState };
+export { Tr as App, Er as getMapBytes, G as loadUrlIntoStore, Y as pushCommand, D as store, O as useEditorState };