mudlet-map-editor 0.5.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();
@@ -104,7 +105,7 @@ function O(e) {
 //#endregion
 //#region node_modules/vite-plugin-node-polyfills/shims/buffer/dist/index.js
 var k = {}, A = {};
-A.byteLength = R, A.toByteArray = B, A.fromByteArray = ee;
+A.byteLength = R, A.toByteArray = z, A.fromByteArray = te;
 for (var j = [], M = [], N = typeof Uint8Array < "u" ? Uint8Array : Array, P = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", F = 0, I = P.length; F < I; ++F) j[F] = P[F], M[P.charCodeAt(F)] = F;
 M[45] = 62, M[95] = 63;
 function L(e) {
@@ -119,27 +120,27 @@ function R(e) {
 	var t = L(e), n = t[0], r = t[1];
 	return (n + r) * 3 / 4 - r;
 }
-function z(e, t, n) {
+function ee(e, t, n) {
 	return (t + n) * 3 / 4 - n;
 }
-function B(e) {
-	var t, n = L(e), r = n[0], i = n[1], a = new N(z(e, r, i)), o = 0, s = i > 0 ? r - 4 : r, c;
+function z(e) {
+	var t, n = L(e), r = n[0], i = n[1], a = new N(ee(e, r, i)), o = 0, s = i > 0 ? r - 4 : r, c;
 	for (c = 0; c < s; c += 4) t = M[e.charCodeAt(c)] << 18 | M[e.charCodeAt(c + 1)] << 12 | M[e.charCodeAt(c + 2)] << 6 | M[e.charCodeAt(c + 3)], a[o++] = t >> 16 & 255, a[o++] = t >> 8 & 255, a[o++] = t & 255;
 	return i === 2 && (t = M[e.charCodeAt(c)] << 2 | M[e.charCodeAt(c + 1)] >> 4, a[o++] = t & 255), i === 1 && (t = M[e.charCodeAt(c)] << 10 | M[e.charCodeAt(c + 1)] << 4 | M[e.charCodeAt(c + 2)] >> 2, a[o++] = t >> 8 & 255, a[o++] = t & 255), a;
 }
-function V(e) {
+function B(e) {
 	return j[e >> 18 & 63] + j[e >> 12 & 63] + j[e >> 6 & 63] + j[e & 63];
 }
-function H(e, t, n) {
-	for (var r, i = [], a = t; a < n; a += 3) r = (e[a] << 16 & 16711680) + (e[a + 1] << 8 & 65280) + (e[a + 2] & 255), i.push(V(r));
+function V(e, t, n) {
+	for (var r, i = [], a = t; a < n; a += 3) r = (e[a] << 16 & 16711680) + (e[a + 1] << 8 & 65280) + (e[a + 2] & 255), i.push(B(r));
 	return i.join("");
 }
-function ee(e) {
-	for (var t, n = e.length, r = n % 3, i = [], a = 16383, o = 0, s = n - r; o < s; o += a) i.push(H(e, o, o + a > s ? s : o + a));
+function te(e) {
+	for (var t, n = e.length, r = n % 3, i = [], a = 16383, o = 0, s = n - r; o < s; o += a) i.push(V(e, o, o + a > s ? s : o + a));
 	return r === 1 ? (t = e[n - 1], i.push(j[t >> 2] + j[t << 4 & 63] + "==")) : r === 2 && (t = (e[n - 2] << 8) + e[n - 1], i.push(j[t >> 10] + j[t >> 4 & 63] + j[t << 2 & 63] + "=")), i.join("");
 }
-var te = {};
-te.read = function(e, t, n, r, i) {
+var ne = {};
+ne.read = function(e, t, n, r, i) {
 	var a, o, s = i * 8 - r - 1, c = (1 << s) - 1, l = c >> 1, u = -7, d = n ? i - 1 : 0, f = n ? -1 : 1, p = e[t + d];
 	for (d += f, a = p & (1 << -u) - 1, p >>= -u, u += s; u > 0; a = a * 256 + e[t + d], d += f, u -= 8);
 	for (o = a & (1 << -u) - 1, a >>= -u, u += r; u > 0; o = o * 256 + e[t + d], d += f, u -= 8);
@@ -147,13 +148,13 @@ te.read = function(e, t, n, r, i) {
 	else if (a === c) return o ? NaN : (p ? -1 : 1) * Infinity;
 	else o += 2 ** r, a -= l;
 	return (p ? -1 : 1) * o * 2 ** (a - r);
-}, te.write = function(e, t, n, r, i, a) {
+}, ne.write = function(e, t, n, r, i, a) {
 	var o, s, c, l = a * 8 - i - 1, u = (1 << l) - 1, d = u >> 1, f = i === 23 ? 2 ** -24 - 2 ** -77 : 0, p = r ? 0 : a - 1, m = r ? 1 : -1, h = +(t < 0 || t === 0 && 1 / t < 0);
 	for (t = Math.abs(t), isNaN(t) || t === Infinity ? (s = +!!isNaN(t), o = u) : (o = Math.floor(Math.log(t) / Math.LN2), t * (c = 2 ** -o) < 1 && (o--, c *= 2), o + d >= 1 ? t += f / c : t += f * 2 ** (1 - d), t * c >= 2 && (o++, c /= 2), o + d >= u ? (s = 0, o = u) : o + d >= 1 ? (s = (t * c - 1) * 2 ** i, o += d) : (s = t * 2 ** (d - 1) * 2 ** i, o = 0)); i >= 8; e[n + p] = s & 255, p += m, s /= 256, i -= 8);
 	for (o = o << i | s, l += i; l > 0; e[n + p] = o & 255, p += m, o /= 256, l -= 8);
 	e[n + p - m] |= h * 128;
 }, (function(e) {
-	let t = A, n = te, r = typeof Symbol == "function" && typeof Symbol.for == "function" ? Symbol.for("nodejs.util.inspect.custom") : null;
+	let t = A, n = ne, r = typeof Symbol == "function" && typeof Symbol.for == "function" ? Symbol.for("nodejs.util.inspect.custom") : null;
 	e.Buffer = u, e.SlowBuffer = x, e.INSPECT_MAX_BYTES = 50;
 	let i = 2147483647;
 	e.kMaxLength = i;
@@ -335,7 +336,7 @@ te.read = function(e, t, n, r, i) {
 		let r = !1;
 		if ((t === void 0 || t < 0) && (t = 0), t > this.length || ((n === void 0 || n > this.length) && (n = this.length), n <= 0) || (n >>>= 0, t >>>= 0, n <= t)) return "";
 		for (e ||= "utf8";;) switch (e) {
-			case "hex": return z(this, t, n);
+			case "hex": return ee(this, t, n);
 			case "utf8":
 			case "utf-8": return P(this, t, n);
 			case "ascii": return L(this, t, n);
@@ -345,7 +346,7 @@ te.read = function(e, t, n, r, i) {
 			case "ucs2":
 			case "ucs-2":
 			case "utf16le":
-			case "utf-16le": return B(this, t, n);
+			case "utf-16le": return z(this, t, n);
 			default:
 				if (r) throw TypeError("Unknown encoding: " + e);
 				e = (e + "").toLowerCase(), r = !0;
@@ -541,14 +542,14 @@ te.read = function(e, t, n, r, i) {
 		for (let i = t; i < n; ++i) r += String.fromCharCode(e[i]);
 		return r;
 	}
-	function z(e, t, n) {
+	function ee(e, t, n) {
 		let r = e.length;
 		(!t || t < 0) && (t = 0), (!n || n < 0 || n > r) && (n = r);
 		let i = "";
 		for (let r = t; r < n; ++r) i += _e[e[r]];
 		return i;
 	}
-	function B(e, t, n) {
+	function z(e, t, n) {
 		let r = e.slice(t, n), i = "";
 		for (let e = 0; e < r.length - 1; e += 2) i += String.fromCharCode(r[e] + r[e + 1] * 256);
 		return i;
@@ -559,30 +560,30 @@ te.read = function(e, t, n, r, i) {
 		let r = this.subarray(e, t);
 		return Object.setPrototypeOf(r, u.prototype), r;
 	};
-	function V(e, t, n) {
+	function B(e, t, n) {
 		if (e % 1 != 0 || e < 0) throw RangeError("offset is not uint");
 		if (e + t > n) throw RangeError("Trying to access beyond buffer length");
 	}
 	u.prototype.readUintLE = u.prototype.readUIntLE = function(e, t, n) {
-		e >>>= 0, t >>>= 0, n || V(e, t, this.length);
+		e >>>= 0, t >>>= 0, n || B(e, t, this.length);
 		let r = this[e], i = 1, a = 0;
 		for (; ++a < t && (i *= 256);) r += this[e + a] * i;
 		return r;
 	}, u.prototype.readUintBE = u.prototype.readUIntBE = function(e, t, n) {
-		e >>>= 0, t >>>= 0, n || V(e, t, this.length);
+		e >>>= 0, t >>>= 0, n || B(e, t, this.length);
 		let r = this[e + --t], i = 1;
 		for (; t > 0 && (i *= 256);) r += this[e + --t] * i;
 		return r;
 	}, u.prototype.readUint8 = u.prototype.readUInt8 = function(e, t) {
-		return e >>>= 0, t || V(e, 1, this.length), this[e];
+		return e >>>= 0, t || B(e, 1, this.length), this[e];
 	}, u.prototype.readUint16LE = u.prototype.readUInt16LE = function(e, t) {
-		return e >>>= 0, t || V(e, 2, this.length), this[e] | this[e + 1] << 8;
+		return e >>>= 0, t || B(e, 2, this.length), this[e] | this[e + 1] << 8;
 	}, u.prototype.readUint16BE = u.prototype.readUInt16BE = function(e, t) {
-		return e >>>= 0, t || V(e, 2, this.length), this[e] << 8 | this[e + 1];
+		return e >>>= 0, t || B(e, 2, this.length), this[e] << 8 | this[e + 1];
 	}, u.prototype.readUint32LE = u.prototype.readUInt32LE = function(e, t) {
-		return e >>>= 0, t || V(e, 4, this.length), (this[e] | this[e + 1] << 8 | this[e + 2] << 16) + this[e + 3] * 16777216;
+		return e >>>= 0, t || B(e, 4, this.length), (this[e] | this[e + 1] << 8 | this[e + 2] << 16) + this[e + 3] * 16777216;
 	}, u.prototype.readUint32BE = u.prototype.readUInt32BE = function(e, t) {
-		return e >>>= 0, t || V(e, 4, this.length), this[e] * 16777216 + (this[e + 1] << 16 | this[e + 2] << 8 | this[e + 3]);
+		return e >>>= 0, t || B(e, 4, this.length), this[e] * 16777216 + (this[e + 1] << 16 | this[e + 2] << 8 | this[e + 3]);
 	}, u.prototype.readBigUInt64LE = ve(function(e) {
 		e >>>= 0, ce(e, "offset");
 		let t = this[e], n = this[e + 7];
@@ -596,29 +597,29 @@ te.read = function(e, t, n, r, i) {
 		let r = t * 2 ** 24 + this[++e] * 2 ** 16 + this[++e] * 2 ** 8 + this[++e], i = this[++e] * 2 ** 24 + this[++e] * 2 ** 16 + this[++e] * 2 ** 8 + n;
 		return (BigInt(r) << BigInt(32)) + BigInt(i);
 	}), u.prototype.readIntLE = function(e, t, n) {
-		e >>>= 0, t >>>= 0, n || V(e, t, this.length);
+		e >>>= 0, t >>>= 0, n || B(e, t, this.length);
 		let r = this[e], i = 1, a = 0;
 		for (; ++a < t && (i *= 256);) r += this[e + a] * i;
 		return i *= 128, r >= i && (r -= 2 ** (8 * t)), r;
 	}, u.prototype.readIntBE = function(e, t, n) {
-		e >>>= 0, t >>>= 0, n || V(e, t, this.length);
+		e >>>= 0, t >>>= 0, n || B(e, t, this.length);
 		let r = t, i = 1, a = this[e + --r];
 		for (; r > 0 && (i *= 256);) a += this[e + --r] * i;
 		return i *= 128, a >= i && (a -= 2 ** (8 * t)), a;
 	}, u.prototype.readInt8 = function(e, t) {
-		return e >>>= 0, t || V(e, 1, this.length), this[e] & 128 ? (255 - this[e] + 1) * -1 : this[e];
+		return e >>>= 0, t || B(e, 1, this.length), this[e] & 128 ? (255 - this[e] + 1) * -1 : this[e];
 	}, u.prototype.readInt16LE = function(e, t) {
-		e >>>= 0, t || V(e, 2, this.length);
+		e >>>= 0, t || B(e, 2, this.length);
 		let n = this[e] | this[e + 1] << 8;
 		return n & 32768 ? n | 4294901760 : n;
 	}, u.prototype.readInt16BE = function(e, t) {
-		e >>>= 0, t || V(e, 2, this.length);
+		e >>>= 0, t || B(e, 2, this.length);
 		let n = this[e + 1] | this[e] << 8;
 		return n & 32768 ? n | 4294901760 : n;
 	}, u.prototype.readInt32LE = function(e, t) {
-		return e >>>= 0, t || V(e, 4, this.length), this[e] | this[e + 1] << 8 | this[e + 2] << 16 | this[e + 3] << 24;
+		return e >>>= 0, t || B(e, 4, this.length), this[e] | this[e + 1] << 8 | this[e + 2] << 16 | this[e + 3] << 24;
 	}, u.prototype.readInt32BE = function(e, t) {
-		return e >>>= 0, t || V(e, 4, this.length), this[e] << 24 | this[e + 1] << 16 | this[e + 2] << 8 | this[e + 3];
+		return e >>>= 0, t || B(e, 4, this.length), this[e] << 24 | this[e + 1] << 16 | this[e + 2] << 8 | this[e + 3];
 	}, u.prototype.readBigInt64LE = ve(function(e) {
 		e >>>= 0, ce(e, "offset");
 		let t = this[e], n = this[e + 7];
@@ -632,15 +633,15 @@ te.read = function(e, t, n, r, i) {
 		let r = (t << 24) + this[++e] * 2 ** 16 + this[++e] * 2 ** 8 + this[++e];
 		return (BigInt(r) << BigInt(32)) + BigInt(this[++e] * 2 ** 24 + this[++e] * 2 ** 16 + this[++e] * 2 ** 8 + n);
 	}), u.prototype.readFloatLE = function(e, t) {
-		return e >>>= 0, t || V(e, 4, this.length), n.read(this, e, !0, 23, 4);
+		return e >>>= 0, t || B(e, 4, this.length), n.read(this, e, !0, 23, 4);
 	}, u.prototype.readFloatBE = function(e, t) {
-		return e >>>= 0, t || V(e, 4, this.length), n.read(this, e, !1, 23, 4);
+		return e >>>= 0, t || B(e, 4, this.length), n.read(this, e, !1, 23, 4);
 	}, u.prototype.readDoubleLE = function(e, t) {
-		return e >>>= 0, t || V(e, 8, this.length), n.read(this, e, !0, 52, 8);
+		return e >>>= 0, t || B(e, 8, this.length), n.read(this, e, !0, 52, 8);
 	}, u.prototype.readDoubleBE = function(e, t) {
-		return e >>>= 0, t || V(e, 8, this.length), n.read(this, e, !1, 52, 8);
+		return e >>>= 0, t || B(e, 8, this.length), n.read(this, e, !1, 52, 8);
 	};
-	function H(e, t, n, r, i, a) {
+	function V(e, t, n, r, i, a) {
 		if (!u.isBuffer(e)) throw TypeError("\"buffer\" argument must be a Buffer instance");
 		if (t > i || t < a) throw RangeError("\"value\" argument is out of bounds");
 		if (n + r > e.length) throw RangeError("Index out of range");
@@ -648,7 +649,7 @@ te.read = function(e, t, n, r, i) {
 	u.prototype.writeUintLE = u.prototype.writeUIntLE = function(e, t, n, r) {
 		if (e = +e, t >>>= 0, n >>>= 0, !r) {
 			let r = 2 ** (8 * n) - 1;
-			H(this, e, t, n, r, 0);
+			V(this, e, t, n, r, 0);
 		}
 		let i = 1, a = 0;
 		for (this[t] = e & 255; ++a < n && (i *= 256);) this[t + a] = e / i & 255;
@@ -656,30 +657,30 @@ te.read = function(e, t, n, r, i) {
 	}, u.prototype.writeUintBE = u.prototype.writeUIntBE = function(e, t, n, r) {
 		if (e = +e, t >>>= 0, n >>>= 0, !r) {
 			let r = 2 ** (8 * n) - 1;
-			H(this, e, t, n, r, 0);
+			V(this, e, t, n, r, 0);
 		}
 		let i = n - 1, a = 1;
 		for (this[t + i] = e & 255; --i >= 0 && (a *= 256);) this[t + i] = e / a & 255;
 		return t + n;
 	}, u.prototype.writeUint8 = u.prototype.writeUInt8 = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 1, 255, 0), this[t] = e & 255, t + 1;
+		return e = +e, t >>>= 0, n || V(this, e, t, 1, 255, 0), this[t] = e & 255, t + 1;
 	}, u.prototype.writeUint16LE = u.prototype.writeUInt16LE = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 2, 65535, 0), this[t] = e & 255, this[t + 1] = e >>> 8, t + 2;
+		return e = +e, t >>>= 0, n || V(this, e, t, 2, 65535, 0), this[t] = e & 255, this[t + 1] = e >>> 8, t + 2;
 	}, u.prototype.writeUint16BE = u.prototype.writeUInt16BE = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 2, 65535, 0), this[t] = e >>> 8, this[t + 1] = e & 255, t + 2;
+		return e = +e, t >>>= 0, n || V(this, e, t, 2, 65535, 0), this[t] = e >>> 8, this[t + 1] = e & 255, t + 2;
 	}, u.prototype.writeUint32LE = u.prototype.writeUInt32LE = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 4, 4294967295, 0), this[t + 3] = e >>> 24, this[t + 2] = e >>> 16, this[t + 1] = e >>> 8, this[t] = e & 255, t + 4;
+		return e = +e, t >>>= 0, n || V(this, e, t, 4, 4294967295, 0), this[t + 3] = e >>> 24, this[t + 2] = e >>> 16, this[t + 1] = e >>> 8, this[t] = e & 255, t + 4;
 	}, u.prototype.writeUint32BE = u.prototype.writeUInt32BE = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 4, 4294967295, 0), this[t] = e >>> 24, this[t + 1] = e >>> 16, this[t + 2] = e >>> 8, this[t + 3] = e & 255, t + 4;
+		return e = +e, t >>>= 0, n || V(this, e, t, 4, 4294967295, 0), this[t] = e >>> 24, this[t + 1] = e >>> 16, this[t + 2] = e >>> 8, this[t + 3] = e & 255, t + 4;
 	};
-	function ee(e, t, n, r, i) {
+	function te(e, t, n, r, i) {
 		se(t, r, i, e, n, 7);
 		let a = Number(t & BigInt(4294967295));
 		e[n++] = a, a >>= 8, e[n++] = a, a >>= 8, e[n++] = a, a >>= 8, e[n++] = a;
 		let o = Number(t >> BigInt(32) & BigInt(4294967295));
 		return e[n++] = o, o >>= 8, e[n++] = o, o >>= 8, e[n++] = o, o >>= 8, e[n++] = o, n;
 	}
-	function ne(e, t, n, r, i) {
+	function re(e, t, n, r, i) {
 		se(t, r, i, e, n, 7);
 		let a = Number(t & BigInt(4294967295));
 		e[n + 7] = a, a >>= 8, e[n + 6] = a, a >>= 8, e[n + 5] = a, a >>= 8, e[n + 4] = a;
@@ -687,13 +688,13 @@ te.read = function(e, t, n, r, i) {
 		return e[n + 3] = o, o >>= 8, e[n + 2] = o, o >>= 8, e[n + 1] = o, o >>= 8, e[n] = o, n + 8;
 	}
 	u.prototype.writeBigUInt64LE = ve(function(e, t = 0) {
-		return ee(this, e, t, BigInt(0), BigInt("0xffffffffffffffff"));
+		return te(this, e, t, BigInt(0), BigInt("0xffffffffffffffff"));
 	}), u.prototype.writeBigUInt64BE = ve(function(e, t = 0) {
-		return ne(this, e, t, BigInt(0), BigInt("0xffffffffffffffff"));
+		return re(this, e, t, BigInt(0), BigInt("0xffffffffffffffff"));
 	}), u.prototype.writeIntLE = function(e, t, n, r) {
 		if (e = +e, t >>>= 0, !r) {
 			let r = 2 ** (8 * n - 1);
-			H(this, e, t, n, r - 1, -r);
+			V(this, e, t, n, r - 1, -r);
 		}
 		let i = 0, a = 1, o = 0;
 		for (this[t] = e & 255; ++i < n && (a *= 256);) e < 0 && o === 0 && this[t + i - 1] !== 0 && (o = 1), this[t + i] = (e / a >> 0) - o & 255;
@@ -701,44 +702,44 @@ te.read = function(e, t, n, r, i) {
 	}, u.prototype.writeIntBE = function(e, t, n, r) {
 		if (e = +e, t >>>= 0, !r) {
 			let r = 2 ** (8 * n - 1);
-			H(this, e, t, n, r - 1, -r);
+			V(this, e, t, n, r - 1, -r);
 		}
 		let i = n - 1, a = 1, o = 0;
 		for (this[t + i] = e & 255; --i >= 0 && (a *= 256);) e < 0 && o === 0 && this[t + i + 1] !== 0 && (o = 1), this[t + i] = (e / a >> 0) - o & 255;
 		return t + n;
 	}, u.prototype.writeInt8 = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 1, 127, -128), e < 0 && (e = 255 + e + 1), this[t] = e & 255, t + 1;
+		return e = +e, t >>>= 0, n || V(this, e, t, 1, 127, -128), e < 0 && (e = 255 + e + 1), this[t] = e & 255, t + 1;
 	}, u.prototype.writeInt16LE = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 2, 32767, -32768), this[t] = e & 255, this[t + 1] = e >>> 8, t + 2;
+		return e = +e, t >>>= 0, n || V(this, e, t, 2, 32767, -32768), this[t] = e & 255, this[t + 1] = e >>> 8, t + 2;
 	}, u.prototype.writeInt16BE = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 2, 32767, -32768), this[t] = e >>> 8, this[t + 1] = e & 255, t + 2;
+		return e = +e, t >>>= 0, n || V(this, e, t, 2, 32767, -32768), this[t] = e >>> 8, this[t + 1] = e & 255, t + 2;
 	}, u.prototype.writeInt32LE = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 4, 2147483647, -2147483648), this[t] = e & 255, this[t + 1] = e >>> 8, this[t + 2] = e >>> 16, this[t + 3] = e >>> 24, t + 4;
+		return e = +e, t >>>= 0, n || V(this, e, t, 4, 2147483647, -2147483648), this[t] = e & 255, this[t + 1] = e >>> 8, this[t + 2] = e >>> 16, this[t + 3] = e >>> 24, t + 4;
 	}, u.prototype.writeInt32BE = function(e, t, n) {
-		return e = +e, t >>>= 0, n || H(this, e, t, 4, 2147483647, -2147483648), e < 0 && (e = 4294967295 + e + 1), this[t] = e >>> 24, this[t + 1] = e >>> 16, this[t + 2] = e >>> 8, this[t + 3] = e & 255, t + 4;
+		return e = +e, t >>>= 0, n || V(this, e, t, 4, 2147483647, -2147483648), e < 0 && (e = 4294967295 + e + 1), this[t] = e >>> 24, this[t + 1] = e >>> 16, this[t + 2] = e >>> 8, this[t + 3] = e & 255, t + 4;
 	}, u.prototype.writeBigInt64LE = ve(function(e, t = 0) {
-		return ee(this, e, t, -BigInt("0x8000000000000000"), BigInt("0x7fffffffffffffff"));
+		return te(this, e, t, -BigInt("0x8000000000000000"), BigInt("0x7fffffffffffffff"));
 	}), u.prototype.writeBigInt64BE = ve(function(e, t = 0) {
-		return ne(this, e, t, -BigInt("0x8000000000000000"), BigInt("0x7fffffffffffffff"));
+		return re(this, e, t, -BigInt("0x8000000000000000"), BigInt("0x7fffffffffffffff"));
 	});
-	function re(e, t, n, r, i, a) {
+	function ie(e, t, n, r, i, a) {
 		if (n + r > e.length || n < 0) throw RangeError("Index out of range");
 	}
-	function U(e, t, r, i, a) {
-		return t = +t, r >>>= 0, a || re(e, t, r, 4), n.write(e, t, r, i, 23, 4), r + 4;
+	function H(e, t, r, i, a) {
+		return t = +t, r >>>= 0, a || ie(e, t, r, 4), n.write(e, t, r, i, 23, 4), r + 4;
 	}
 	u.prototype.writeFloatLE = function(e, t, n) {
-		return U(this, e, t, !0, n);
+		return H(this, e, t, !0, n);
 	}, u.prototype.writeFloatBE = function(e, t, n) {
-		return U(this, e, t, !1, n);
+		return H(this, e, t, !1, n);
 	};
-	function W(e, t, r, i, a) {
-		return t = +t, r >>>= 0, a || re(e, t, r, 8), n.write(e, t, r, i, 52, 8), r + 8;
+	function U(e, t, r, i, a) {
+		return t = +t, r >>>= 0, a || ie(e, t, r, 8), n.write(e, t, r, i, 52, 8), r + 8;
 	}
 	u.prototype.writeDoubleLE = function(e, t, n) {
-		return W(this, e, t, !0, n);
+		return U(this, e, t, !0, n);
 	}, u.prototype.writeDoubleBE = function(e, t, n) {
-		return W(this, e, t, !1, n);
+		return U(this, e, t, !1, n);
 	}, u.prototype.copy = function(e, t, n, r) {
 		if (!u.isBuffer(e)) throw TypeError("argument should be a Buffer");
 		if (n ||= 0, !r && r !== 0 && (r = this.length), t >= e.length && (t = e.length), t ||= 0, r > 0 && r < n && (r = n), r === n || e.length === 0 || this.length === 0) return 0;
@@ -769,9 +770,9 @@ te.read = function(e, t, n, r, i) {
 		}
 		return this;
 	};
-	let G = {};
-	function ie(e, t, n) {
-		G[e] = class extends n {
+	let W = {};
+	function G(e, t, n) {
+		W[e] = class extends n {
 			constructor() {
 				super(), Object.defineProperty(this, "message", {
 					value: t.apply(this, arguments),
@@ -795,11 +796,11 @@ te.read = function(e, t, n, r, i) {
 			}
 		};
 	}
-	ie("ERR_BUFFER_OUT_OF_BOUNDS", function(e) {
+	G("ERR_BUFFER_OUT_OF_BOUNDS", function(e) {
 		return e ? `${e} is outside of buffer bounds` : "Attempt to access memory outside buffer bounds";
-	}, RangeError), ie("ERR_INVALID_ARG_TYPE", function(e, t) {
+	}, RangeError), G("ERR_INVALID_ARG_TYPE", function(e, t) {
 		return `The "${e}" argument must be of type number. Received type ${typeof t}`;
-	}, TypeError), ie("ERR_OUT_OF_RANGE", function(e, t, n) {
+	}, TypeError), G("ERR_OUT_OF_RANGE", function(e, t, n) {
 		let r = `The value of "${e}" is out of range.`, i = n;
 		return Number.isInteger(n) && Math.abs(n) > 2 ** 32 ? i = ae(String(n)) : typeof n == "bigint" && (i = String(n), (n > BigInt(2) ** BigInt(32) || n < -(BigInt(2) ** BigInt(32))) && (i = ae(i)), i += "n"), r += ` It must be ${t}. Received ${i}`, r;
 	}, RangeError);
@@ -814,15 +815,15 @@ te.read = function(e, t, n, r, i) {
 	function se(e, t, n, r, i, a) {
 		if (e > n || e < t) {
 			let r = typeof t == "bigint" ? "n" : "", i;
-			throw i = a > 3 ? t === 0 || t === BigInt(0) ? `>= 0${r} and < 2${r} ** ${(a + 1) * 8}${r}` : `>= -(2${r} ** ${(a + 1) * 8 - 1}${r}) and < 2 ** ${(a + 1) * 8 - 1}${r}` : `>= ${t}${r} and <= ${n}${r}`, new G.ERR_OUT_OF_RANGE("value", i, e);
+			throw i = a > 3 ? t === 0 || t === BigInt(0) ? `>= 0${r} and < 2${r} ** ${(a + 1) * 8}${r}` : `>= -(2${r} ** ${(a + 1) * 8 - 1}${r}) and < 2 ** ${(a + 1) * 8 - 1}${r}` : `>= ${t}${r} and <= ${n}${r}`, new W.ERR_OUT_OF_RANGE("value", i, e);
 		}
 		oe(r, i, a);
 	}
 	function ce(e, t) {
-		if (typeof e != "number") throw new G.ERR_INVALID_ARG_TYPE(t, "number", e);
+		if (typeof e != "number") throw new W.ERR_INVALID_ARG_TYPE(t, "number", e);
 	}
 	function le(e, t, n) {
-		throw Math.floor(e) === e ? t < 0 ? new G.ERR_BUFFER_OUT_OF_BOUNDS() : new G.ERR_OUT_OF_RANGE(n || "offset", `>= ${+!!n} and <= ${t}`, e) : (ce(e, n), new G.ERR_OUT_OF_RANGE(n || "offset", "an integer", e));
+		throw Math.floor(e) === e ? t < 0 ? new W.ERR_BUFFER_OUT_OF_BOUNDS() : new W.ERR_OUT_OF_RANGE(n || "offset", `>= ${+!!n} and <= ${t}`, e) : (ce(e, n), new W.ERR_OUT_OF_RANGE(n || "offset", "an integer", e));
 	}
 	let ue = /[^+/0-9A-Za-z-_]/g;
 	function de(e) {
@@ -907,20 +908,20 @@ te.read = function(e, t, n, r, i) {
 		throw Error("BigInt not supported");
 	}
 })(k), k.Buffer, k.Blob, k.BlobOptions;
-var ne = k.Buffer;
+var re = k.Buffer;
 k.File, k.FileOptions, k.INSPECT_MAX_BYTES, k.SlowBuffer, k.TranscodeEncoding, k.atob, k.btoa, k.constants, k.isAscii, k.isUtf8, k.kMaxLength, k.kStringMaxLength, k.resolveObjectURL, k.transcode;
 //#endregion
 //#region src/mapIO.ts
-function re(e) {
-	return o(ne.from(e));
+function ie(e) {
+	return o(re.from(e));
 }
-function U(e) {
+function H(e) {
 	return new Uint8Array(c(e));
 }
-function W(e) {
+function U(e) {
 	return s(e);
 }
-function G() {
+function W() {
 	return {
 		version: 20,
 		rooms: {},
@@ -970,7 +971,7 @@ function G() {
 }
 //#endregion
 //#region src/editor/loadFile.ts
-async function ie(e, t) {
+async function G(e, t) {
 	try {
 		D.setState({ status: "Fetching…" });
 		let n = await fetch(e);
@@ -988,7 +989,7 @@ async function ie(e, t) {
 		}
 		let s = new Uint8Array(o), c = 0;
 		for (let e of a) s.set(e, c), c += e.length;
-		let l = e.split("/").pop()?.split("?")[0] || "map.dat", u = re(s.buffer), d = Number(Object.keys(u.areaNames)[0] ?? -1), f = Number.isNaN(d) ? null : d;
+		let l = e.split("/").pop()?.split("?")[0] || "map.dat", u = ie(s.buffer), d = Number(Object.keys(u.areaNames)[0] ?? -1), f = Number.isNaN(d) ? null : d;
 		D.setState({
 			map: u,
 			loaded: { fileName: l },
@@ -1010,7 +1011,7 @@ async function ie(e, t) {
 async function ae(e) {
 	try {
 		D.setState({ status: `Reading ${e.name}…` });
-		let t = re(await e.arrayBuffer()), n = Number(Object.keys(t.areaNames)[0] ?? -1), r = Number.isNaN(n) ? null : n;
+		let t = ie(await e.arrayBuffer()), n = Number(Object.keys(t.areaNames)[0] ?? -1), r = Number.isNaN(n) ? null : n;
 		D.setState({
 			map: t,
 			loaded: { fileName: e.name },
@@ -1306,7 +1307,7 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 		l,
 		h,
 		P
-	]), L = r(null), [R, z] = i(""), B = () => {
+	]), L = r(null), [R, ee] = i(""), z = () => {
 		let e = parseInt(R, 10);
 		if (Number.isNaN(e)) return;
 		let t = D.getState();
@@ -1328,9 +1329,9 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 				ids: [e]
 			},
 			pending: null
-		}), D.bumpStructure(), z("");
-	}, V = () => {
-		let e = G();
+		}), D.bumpStructure(), ee("");
+	}, B = () => {
+		let e = W();
 		D.setState({
 			map: e,
 			loaded: { fileName: "new-map.dat" },
@@ -1345,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();
-	}, H = ae;
+	}, V = ae;
 	return /* @__PURE__ */ f("div", {
 		className: "toolbar",
 		children: [/* @__PURE__ */ f("div", {
@@ -1360,7 +1361,7 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 				/* @__PURE__ */ d("button", {
 					type: "button",
 					title: "New Map",
-					onClick: V,
+					onClick: B,
 					children: /* @__PURE__ */ f("svg", {
 						width: "16",
 						height: "16",
@@ -1428,7 +1429,7 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 						style: { display: "none" },
 						onChange: (e) => {
 							let t = e.target.files?.[0];
-							t && H(t), e.target.value = "";
+							t && V(t), e.target.value = "";
 						}
 					})]
 				}),
@@ -1483,7 +1484,7 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 					onClick: () => {
 						let e = D.getState();
 						if (!(!e.map || !e.loaded)) try {
-							let t = U(e.map), n = t.buffer.slice(t.byteOffset, t.byteOffset + t.byteLength), r = new Blob([n], { type: "application/octet-stream" }), i = URL.createObjectURL(r), a = document.createElement("a");
+							let t = H(e.map), n = t.buffer.slice(t.byteOffset, t.byteOffset + t.byteLength), r = new Blob([n], { type: "application/octet-stream" }), i = URL.createObjectURL(r), a = document.createElement("a");
 							a.href = i, a.download = e.loaded.fileName.replace(/\.dat$/i, "") + "-edited.dat", document.body.appendChild(a), a.click(), a.remove(), URL.revokeObjectURL(i), D.setState((e) => ({
 								savedUndoLength: e.undo.length,
 								status: `Saved ${a.download}`
@@ -1594,15 +1595,15 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 								min: 1,
 								placeholder: "ID",
 								value: R,
-								onChange: (e) => z(e.target.value),
+								onChange: (e) => ee(e.target.value),
 								onKeyDown: (e) => {
-									e.key === "Enter" && B();
+									e.key === "Enter" && z();
 								}
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
 								className: "toolbar-goto-btn",
-								onClick: B,
+								onClick: z,
 								disabled: R === "",
 								children: "Go"
 							})
@@ -1623,25 +1624,9 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 						className: "tool-btn",
 						title: "Search rooms and labels (Ctrl+F)",
 						onClick: s,
-						children: [/* @__PURE__ */ f("svg", {
-							width: "13",
-							height: "13",
-							viewBox: "0 0 16 16",
-							fill: "none",
-							"aria-hidden": "true",
-							style: { flexShrink: 0 },
-							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"
-							})]
+						children: [/* @__PURE__ */ d("span", {
+							className: "tool-key",
+							children: "^F"
 						}), /* @__PURE__ */ d("span", { children: "Search" })]
 					})
 				] }),
@@ -1778,7 +1763,7 @@ function ue({ title: e = "Mudlet Map Editor", onHelpClick: t, onLoadFromUrl: a,
 //#region src/components/UrlLoadModal.tsx
 function de({ onClose: e, initialUrl: n }) {
 	let [r, a] = i(n ?? ""), [o, s] = i(!1), [c, l] = i(null), u = async (t = r.trim()) => {
-		t && (a(t), s(!0), l(0), await ie(t, l), s(!1), l(null), D.getState().map && e());
+		t && (a(t), s(!0), l(0), await G(t, l), s(!1), l(null), D.getState().map && e());
 	};
 	return t(() => {
 		n && u(n);
@@ -2714,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();
@@ -2730,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,
@@ -2745,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,
@@ -2760,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 [];
@@ -2795,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);
@@ -2821,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",
@@ -2870,7 +2855,7 @@ function Ne({ id: e, name: t, className: n }) {
 		]
 	});
 }
-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", {
@@ -2879,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", {
@@ -2889,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: {
@@ -2904,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(""));
@@ -2971,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,
@@ -2990,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",
@@ -3062,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,
@@ -3161,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({
@@ -3233,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,
@@ -3250,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",
@@ -3271,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,
@@ -3292,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,
@@ -3397,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%",
@@ -3422,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}`;
@@ -3464,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,
@@ -3475,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);
 		}
@@ -3502,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),
@@ -3518,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),
@@ -3535,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();
@@ -3577,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: {
@@ -3605,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;
@@ -3633,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",
@@ -3642,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: [
@@ -3693,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({
@@ -3732,7 +3717,7 @@ function Ye({ sceneRef: e }) {
 							/* @__PURE__ */ d("button", {
 								type: "button",
 								className: "warning-go-btn",
-								onClick: () => qe(e),
+								onClick: () => Ke(e),
 								children: "Go"
 							})
 						]
@@ -3759,7 +3744,7 @@ function Ye({ sceneRef: e }) {
 							/* @__PURE__ */ d("button", {
 								type: "button",
 								className: "warning-go-btn",
-								onClick: () => Je(e),
+								onClick: () => qe(e),
 								children: "Go"
 							})
 						]
@@ -3771,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",
@@ -3813,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
 				}),
@@ -3848,7 +3833,7 @@ function Xe({ selection: e, map: t, sceneRef: n }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ d(Ne, {
+				/* @__PURE__ */ d(Me, {
 					id: e.toId,
 					name: i?.name
 				})
@@ -3864,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
@@ -3881,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);
@@ -3896,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);
@@ -3911,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];
@@ -3920,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,
@@ -3940,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,
@@ -3992,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) {
@@ -4001,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,
@@ -4058,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;
@@ -4077,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]);
@@ -4111,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,
@@ -4126,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
@@ -4142,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;
@@ -4160,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,
@@ -4183,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
@@ -4193,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) {
@@ -4225,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",
@@ -4235,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: {
@@ -4245,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({
@@ -4256,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({
@@ -4299,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,
@@ -4310,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({
@@ -4331,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);
@@ -4402,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,
@@ -4416,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,
@@ -4431,15 +4416,15 @@ var gt = .15, _t = {
 	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);
@@ -4458,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) {
@@ -4537,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 && !r.shiftHeld && 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);
@@ -4639,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,
@@ -4649,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,
@@ -4657,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",
@@ -4677,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",
@@ -4694,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;
 	},
@@ -4724,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 = [];
@@ -4735,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];
@@ -4775,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);
@@ -4810,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: {
@@ -4823,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();
@@ -4832,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);
@@ -4861,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,
@@ -4893,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 ? {
@@ -4942,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",
@@ -4969,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) {
@@ -4993,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,
@@ -5018,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 ? {
@@ -5040,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,
@@ -5052,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
@@ -5090,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);
@@ -5128,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."
@@ -5170,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":
@@ -5231,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,
@@ -5257,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();
@@ -5273,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,
@@ -5323,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;
@@ -5345,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();
@@ -5377,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({
@@ -5416,7 +5409,7 @@ var It = {
 		}
 	}
 };
-function Lt(e) {
+function It(e) {
 	switch (e.kind) {
 		case "room": return {
 			kind: "room",
@@ -5440,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}`;
@@ -5448,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);
@@ -5463,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
@@ -5486,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;
@@ -5521,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",
@@ -5552,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", {
@@ -5613,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."
@@ -5634,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,
@@ -5745,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
 					})]
@@ -5755,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
 					})]
@@ -5793,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", {
@@ -5898,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;
@@ -5936,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();
 			}
@@ -5966,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 ? ne.from(t, "base64") : ne.alloc(0);
+	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);
@@ -6075,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",
@@ -6088,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();
@@ -6119,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,
@@ -6136,7 +6129,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			...r,
 			text: E.current
 		};
-		De([{
+		X([{
 			kind: "setLabelText",
 			areaId: e.areaId,
 			id: e.id,
@@ -6154,7 +6147,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			...r,
 			size: [i, a]
 		};
-		De([{
+		X([{
 			kind: "setLabelSize",
 			areaId: e.areaId,
 			id: e.id,
@@ -6171,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 = {
@@ -6179,7 +6172,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			fgColor: t,
 			bgColor: r
 		};
-		De([{
+		X([{
 			kind: "setLabelColors",
 			areaId: e.areaId,
 			id: e.id,
@@ -6199,7 +6192,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			from: i.noScaling,
 			to: t
 		}, r), r.refresh(), D.bumpData());
-	}, z = (t) => {
+	}, ee = (t) => {
 		let r = n.current;
 		if (!r) return;
 		let i = r.reader.getLabelSnapshot(e.areaId, e.id);
@@ -6210,7 +6203,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			from: i.showOnTop,
 			to: t
 		}, r), r.refresh(), D.bumpData());
-	}, B = (t) => {
+	}, z = (t) => {
 		let r = n.current;
 		if (!r) return;
 		let i = r.reader.getLabelSnapshot(e.areaId, e.id);
@@ -6219,7 +6212,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			...i.font,
 			...t
 		};
-		De([{
+		X([{
 			kind: "setLabelFont",
 			areaId: e.areaId,
 			id: e.id,
@@ -6229,32 +6222,32 @@ function Qt({ selection: e, sceneRef: n }) {
 			...i,
 			font: a
 		})], r), r.refresh(), D.bumpData();
-	}, V = () => {
+	}, B = () => {
 		M.current ||= { color: s.outlineColor };
-	}, H = (t) => {
+	}, 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,
 			from: i.color,
 			to: t
 		}, ...N(o)], r), r.refresh(), D.bumpData();
-	}, ee = () => {
+	}, te = () => {
 		let t = n.current;
 		if (!t) return;
 		let r = t.reader.getLabelSnapshot(e.areaId, e.id);
 		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;) {
@@ -6266,13 +6259,13 @@ function Qt({ selection: e, sceneRef: n }) {
 				`"${u.family}", sans-serif`
 			].filter(Boolean).join(" "), Math.max(...l.map((e) => i.measureText(e).width)) <= s ? (m = e, f = e + 1) : p = e - 1;
 		}
-		m !== r.font.size && B({ size: m });
-	}, te = () => {
+		m !== r.font.size && z({ size: m });
+	}, ne = () => {
 		let t = n.current;
 		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,
@@ -6280,7 +6273,7 @@ function Qt({ selection: e, sceneRef: n }) {
 			from: r.pixMap,
 			to: i
 		}, t), t.refresh(), D.bumpData());
-	}, ne = () => {
+	}, re = () => {
 		let t = document.createElement("input");
 		t.type = "file", t.accept = "image/*", t.onchange = () => {
 			let r = t.files?.[0];
@@ -6293,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,
@@ -6320,13 +6313,13 @@ function Qt({ selection: e, sceneRef: n }) {
 				}, r.src = t;
 			}, i.readAsDataURL(r);
 		}, t.click();
-	}, re = () => {
+	}, ie = () => {
 		let t = n.current;
 		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,
@@ -6339,14 +6332,14 @@ function Qt({ selection: e, sceneRef: n }) {
 			from: r.pixMap,
 			to: i
 		}], t), t.refresh(), D.setState({ labelAspectRatioLocked: !1 }), D.bumpData();
-	}, U = !!s.imageSrc, W = Le(s.fgColor), G = Le(s.bgColor), ie = 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(ie), oe = (e) => ({
+	}, ae = Ie(G), oe = (e) => ({
 		flex: 1,
 		padding: "4px 0",
 		fontSize: 12,
@@ -6381,18 +6374,18 @@ function Qt({ selection: e, sceneRef: n }) {
 					overflow: "hidden"
 				},
 				children: [/* @__PURE__ */ d("button", {
-					style: oe(!U),
+					style: oe(!H),
 					onClick: () => {
-						U && re();
+						H && ie();
 					},
 					children: "Text"
 				}), /* @__PURE__ */ d("button", {
 					style: {
-						...oe(U),
+						...oe(H),
 						borderLeft: "1px solid var(--border, #444)"
 					},
 					onClick: () => {
-						U || ne();
+						H || re();
 					},
 					children: "Image"
 				})]
@@ -6400,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",
@@ -6418,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",
@@ -6447,17 +6440,17 @@ function Qt({ selection: e, sceneRef: n }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ d(Pe, {
+			/* @__PURE__ */ d(Ne, {
 				checked: s.showOnTop,
-				onChange: z,
+				onChange: ee,
 				description: "Show on top (foreground)"
 			}),
-			/* @__PURE__ */ d(Pe, {
+			/* @__PURE__ */ d(Ne, {
 				checked: !s.noScaling,
 				onChange: (e) => R(!e),
 				description: "Scale with zoom"
 			}),
-			U && /* @__PURE__ */ d(X, {
+			H && /* @__PURE__ */ d(Z, {
 				label: "Image",
 				children: /* @__PURE__ */ f("div", {
 					style: {
@@ -6475,14 +6468,14 @@ function Qt({ selection: e, sceneRef: n }) {
 							borderRadius: 3
 						}
 					}), /* @__PURE__ */ d("button", {
-						onClick: ne,
+						onClick: re,
 						style: { alignSelf: "flex-start" },
 						children: "Replace image..."
 					})]
 				})
 			}),
-			!U && /* @__PURE__ */ f(u, { children: [
-				/* @__PURE__ */ d(X, {
+			!H && /* @__PURE__ */ f(u, { children: [
+				/* @__PURE__ */ d(Z, {
 					label: "Text",
 					children: /* @__PURE__ */ d("textarea", {
 						value: c,
@@ -6502,30 +6495,30 @@ 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: W,
+							defaultValue: U,
 							onMouseDown: I,
-							onBlur: (e) => L(Re(e.target.value), s.bgColor)
-						}, `fg-${e.id}-${W}`)
-					}), /* @__PURE__ */ d(X, {
+							onBlur: (e) => L(Le(e.target.value), s.bgColor)
+						}, `fg-${e.id}-${U}`)
+					}), /* @__PURE__ */ d(Z, {
 						label: "BG color",
 						as: "div",
 						children: /* @__PURE__ */ d("input", {
 							type: "color",
-							defaultValue: G,
+							defaultValue: W,
 							onMouseDown: I,
 							onBlur: (e) => L(s.fgColor, {
-								...Re(e.target.value),
+								...Le(e.target.value),
 								alpha: s.bgColor.alpha
 							})
-						}, `bg-${e.id}-${G}`)
+						}, `bg-${e.id}-${W}`)
 					})]
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "BG alpha",
 					children: /* @__PURE__ */ f("div", {
 						style: {
@@ -6562,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) => B({ family: e })
+						onChange: (e) => z({ family: e })
 					})
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Size",
 					children: /* @__PURE__ */ f("div", {
 						style: {
@@ -6587,14 +6580,14 @@ function Qt({ selection: e, sceneRef: n }) {
 								defaultValue: s.font.size,
 								onBlur: (e) => {
 									let t = parseInt(e.target.value, 10);
-									t > 0 && B({ size: t });
+									t > 0 && z({ size: t });
 								},
 								onKeyDown: (e) => e.key === "Enter" && e.target.blur(),
 								style: { width: 60 }
 							}, `font-size-${e.id}-${s.font.size}`),
 							/* @__PURE__ */ d("button", {
 								title: "Auto-fit font size to fill label area",
-								onClick: ee,
+								onClick: te,
 								style: {
 									height: 24,
 									padding: "0 6px",
@@ -6635,7 +6628,7 @@ function Qt({ selection: e, sceneRef: n }) {
 									]
 								].map(([e, t, n]) => /* @__PURE__ */ d("button", {
 									title: t,
-									onClick: () => B({ [t]: !s.font[t] }),
+									onClick: () => z({ [t]: !s.font[t] }),
 									style: {
 										width: 24,
 										height: 24,
@@ -6654,20 +6647,20 @@ function Qt({ selection: e, sceneRef: n }) {
 						]
 					})
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Outline color",
 					as: "div",
 					children: /* @__PURE__ */ d("input", {
 						type: "color",
 						defaultValue: ae,
-						onMouseDown: V,
-						onBlur: (e) => H({
-							...ie,
-							...Re(e.target.value)
+						onMouseDown: B,
+						onBlur: (e) => V({
+							...G,
+							...Le(e.target.value)
 						})
 					}, `outline-${e.id}-${ae}`)
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Outline alpha",
 					children: /* @__PURE__ */ f("div", {
 						style: {
@@ -6683,19 +6676,19 @@ function Qt({ selection: e, sceneRef: n }) {
 							step: 1,
 							value: y,
 							style: { flex: 1 },
-							onPointerDown: V,
+							onPointerDown: B,
 							onChange: (e) => b(parseInt(e.target.value, 10)),
 							onPointerUp: (e) => {
 								let t = parseInt(e.target.value, 10);
-								H(t === 0 ? void 0 : {
-									...ie,
+								V(t === 0 ? void 0 : {
+									...G,
 									alpha: t
 								});
 							},
 							onBlur: (e) => {
 								let t = parseInt(e.target.value, 10);
-								H(t === 0 ? void 0 : {
-									...ie,
+								V(t === 0 ? void 0 : {
+									...G,
 									alpha: t
 								});
 							}
@@ -6710,7 +6703,7 @@ function Qt({ selection: e, sceneRef: n }) {
 						})]
 					})
 				}),
-				/* @__PURE__ */ d(X, {
+				/* @__PURE__ */ d(Z, {
 					label: "Pixmap",
 					children: /* @__PURE__ */ f("div", {
 						style: {
@@ -6731,7 +6724,7 @@ function Qt({ selection: e, sceneRef: n }) {
 							className: "hint",
 							children: "No pixmap stored"
 						}), /* @__PURE__ */ d("button", {
-							onClick: te,
+							onClick: ne,
 							style: { alignSelf: "flex-start" },
 							children: "Regenerate pixmap"
 						})]
@@ -6743,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) => {
@@ -6818,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",
@@ -6841,7 +6834,7 @@ function en() {
 		})]
 	});
 }
-function tn({ locked: e }) {
+function en({ locked: e }) {
 	return /* @__PURE__ */ f("svg", {
 		width: "10",
 		height: "12",
@@ -6878,7 +6871,7 @@ function tn({ locked: e }) {
 		]
 	});
 }
-function nn() {
+function tn() {
 	return /* @__PURE__ */ f("svg", {
 		width: "12",
 		height: "8",
@@ -6911,7 +6904,7 @@ function nn() {
 		]
 	});
 }
-function rn() {
+function nn() {
 	return /* @__PURE__ */ f("svg", {
 		width: "11",
 		height: "11",
@@ -6932,7 +6925,7 @@ function rn() {
 		})]
 	});
 }
-function an() {
+function rn() {
 	return /* @__PURE__ */ f("svg", {
 		width: "10",
 		height: "10",
@@ -6988,7 +6981,7 @@ function an() {
 }
 //#endregion
 //#region src/components/RoomPanel.tsx
-var on = [
+var an = [
 	"north",
 	"northeast",
 	"east",
@@ -7001,7 +6994,7 @@ var on = [
 	"down",
 	"in",
 	"out"
-], sn = [
+], on = [
 	[
 		"northwest",
 		"north",
@@ -7017,7 +7010,7 @@ var on = [
 		"south",
 		"southeast"
 	]
-], cn = [[
+], sn = [[
 	"up",
 	null,
 	"down"
@@ -7025,7 +7018,7 @@ var on = [
 	"in",
 	null,
 	"out"
-]], ln = {
+]], cn = {
 	north: "N",
 	northeast: "NE",
 	east: "E",
@@ -7038,29 +7031,29 @@ 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 = [] }) {
-	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, z] = i(!1), [B, V] = i(!1), H = r(k);
-	H.current = k, t(() => (pt((e) => H.current(String(e))), () => pt(null)), []);
-	let ee = r(m);
-	ee.current = m;
-	let te = r(g);
-	te.current = g;
-	let ne = r(v);
-	ne.current = v, t(() => {
+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(() => (ft((e) => V.current(String(e))), () => ft(null)), []);
+	let te = r(m);
+	te.current = m;
+	let ne = r(g);
+	ne.current = g;
+	let re = r(v);
+	re.current = v, t(() => {
 		let e = a, t = l;
 		return () => {
-			let n = !1, r = ne.current;
+			let n = !1, r = re.current;
 			r !== e.symbol && (Y({
 				kind: "setRoomField",
 				id: t,
@@ -7068,7 +7061,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 				from: e.symbol,
 				to: r
 			}, s.current), n = !0);
-			let i = ee.current;
+			let i = te.current;
 			i !== e.name && (Y({
 				kind: "setRoomField",
 				id: t,
@@ -7076,7 +7069,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 				from: e.name,
 				to: i
 			}, s.current), n = !0);
-			let a = Number(te.current);
+			let a = Number(ne.current);
 			!Number.isNaN(a) && a !== e.weight && (Y({
 				kind: "setRoomField",
 				id: t,
@@ -7086,11 +7079,11 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			}, s.current), n = !0), n && (s.current?.refresh(), D.bumpData());
 		};
 	}, [a]), t(() => {
-		h(a.name ?? ""), _(String(a.weight ?? 1)), y(a.symbol ?? ""), x(a.userData?.["system.fallback_symbol_color"] ?? null), C(!1), T(""), k(""), j({}), N(null), V(!1);
+		h(a.name ?? ""), _(String(a.weight ?? 1)), y(a.symbol ?? ""), x(a.userData?.["system.fallback_symbol_color"] ?? null), C(!1), T(""), k(""), j({}), N(null), B(!1);
 		let e = D.getState().pending;
 		(e?.kind === "pickExit" || e?.kind === "pickSpecialExit") && D.setState({ pending: null });
 	}, [a]);
-	let re = (e, t) => {
+	let ie = (e, t) => {
 		let n = a[e], r = t;
 		if (e === "weight" || e === "environment") {
 			let e = Number(t);
@@ -7104,7 +7097,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			from: n,
 			to: r
 		}, s.current), s.current?.refresh(), D.bumpData(), D.setState({ status: `Updated ${e} on room ${l}` }));
-	}, U = (e) => {
+	}, H = (e) => {
 		e !== a.environment && (Y({
 			kind: "setRoomField",
 			id: l,
@@ -7112,7 +7105,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			from: a.environment,
 			to: e
 		}, s.current), s.current?.refresh(), D.bumpData(), D.setState({ status: `Room ${l} environment → ${e}` }));
-	}, W = (e) => {
+	}, U = (e) => {
 		let t = "system.fallback_symbol_color", n = a.userData?.[t] ?? null, r = e;
 		n !== r && (Y({
 			kind: "setUserDataEntry",
@@ -7121,7 +7114,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			from: n,
 			to: r
 		}, s.current), s.current?.refresh(), D.bumpData());
-	}, G = (e, t) => {
+	}, W = (e, t) => {
 		if (!o.rooms[t]) return;
 		let n = a[e];
 		Y({
@@ -7132,7 +7125,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			previous: n,
 			reverse: null
 		}, s.current), s.current?.refresh(), D.bumpData(), D.setState({ status: `Exit ${e} → room ${t} added.` });
-	}, ie = (e, t, n) => {
+	}, G = (e, t, n) => {
 		Y({
 			kind: "setDoor",
 			roomId: l,
@@ -7179,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,
@@ -7260,8 +7253,8 @@ 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];
-		if (B && f) {
+		} : null, u = Le(P), d = null, f = _e[i];
+		if (z && f) {
 			let e = a?.[f];
 			if (e !== void 0 && e !== -1) {
 				let t = o.rooms[e], r = me[f];
@@ -7318,7 +7311,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 			} });
 			return;
 		}
-		F("#ffffff"), L(1), z(!1), V(!1), N(e);
+		F("#ffffff"), L(1), ee(!1), B(!1), N(e);
 	}, be = (e) => /* @__PURE__ */ f("div", {
 		className: "cl-form cl-form-inline",
 		children: [
@@ -7373,7 +7366,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 				}), /* @__PURE__ */ d("input", {
 					type: "checkbox",
 					checked: R,
-					onChange: (e) => z(e.target.checked)
+					onChange: (e) => ee(e.target.checked)
 				})]
 			}),
 			/* @__PURE__ */ f("div", {
@@ -7384,8 +7377,8 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 					children: "Both ways"
 				}), /* @__PURE__ */ d("input", {
 					type: "checkbox",
-					checked: B,
-					onChange: (e) => V(e.target.checked)
+					checked: z,
+					onChange: (e) => B(e.target.checked)
 				})]
 			}),
 			/* @__PURE__ */ f("div", {
@@ -7415,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: [
@@ -7455,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"
 						}),
@@ -7476,7 +7469,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 								})),
 								onBlur: (n) => {
 									let r = parseInt(n.target.value, 10);
-									isNaN(r) || (G(t, r), j((t) => ({
+									isNaN(r) || (W(t, r), j((t) => ({
 										...t,
 										[e]: ""
 									})));
@@ -7493,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, {})
 							})]
 						})
 					]
@@ -7503,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 ? () => ie(t, u, (u + 1) % 4) : void 0,
-							children: /* @__PURE__ */ d(en, {})
+							onClick: c ? () => G(t, u, (u + 1) % 4) : void 0,
+							children: /* @__PURE__ */ d($t, {})
 						}),
 						/* @__PURE__ */ d("button", {
 							type: "button",
@@ -7515,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,
@@ -7561,16 +7554,16 @@ 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,
 					onChange: (e) => h(e.target.value),
-					onBlur: () => re("name", m),
+					onBlur: () => ie("name", m),
 					onKeyDown: (e) => {
 						e.key === "Enter" && e.target.blur();
 					}
@@ -7597,16 +7590,16 @@ 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,
-								onSelect: U,
+								onSelect: H,
 								onClose: () => C(!1)
 							})
 						]
 					})]
-				}), /* @__PURE__ */ d(X, {
+				}), /* @__PURE__ */ d(Z, {
 					label: "Symbol",
 					children: /* @__PURE__ */ f("div", {
 						className: "symbol-row",
@@ -7615,7 +7608,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 								value: v,
 								maxLength: 4,
 								onChange: (e) => y(e.target.value),
-								onBlur: () => re("symbol", v)
+								onBlur: () => ie("symbol", v)
 							}),
 							/* @__PURE__ */ d("input", {
 								type: "color",
@@ -7624,7 +7617,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 								title: "Symbol color (stored in userData as system.fallback_symbol_color)",
 								onChange: (e) => x(e.target.value),
 								onBlur: () => {
-									b !== null && W(b);
+									b !== null && U(b);
 								}
 							}),
 							/* @__PURE__ */ d("button", {
@@ -7633,7 +7626,7 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 								style: { visibility: b === null ? "hidden" : "visible" },
 								title: "Clear symbol color",
 								onClick: () => {
-									x(null), W(null);
+									x(null), U(null);
 								},
 								children: "×"
 							})
@@ -7644,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",
@@ -7657,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",
@@ -7665,16 +7658,16 @@ function fn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 						value: g,
 						title: "Room weight",
 						onChange: (e) => _(e.target.value),
-						onBlur: () => re("weight", g),
+						onBlur: () => ie("weight", g),
 						onKeyDown: (e) => e.key === "Enter" && e.target.blur()
 					}, `${l}-w`)]
 				}, t) : xe(e))
 			}),
 			/* @__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",
@@ -7711,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"
 								})
@@ -7721,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,
@@ -7778,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", {
@@ -7835,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({
@@ -7852,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"
@@ -7874,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
 	});
@@ -7892,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({
@@ -7962,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", {
@@ -7986,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
 		})]
@@ -7995,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
@@ -8006,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
@@ -8034,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,
@@ -8050,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) {
@@ -8066,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,
@@ -8108,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,
@@ -8117,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,
@@ -8127,10 +8120,10 @@ 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") {
@@ -8141,7 +8134,7 @@ function hn({ sceneRef: e }) {
 				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,
@@ -8173,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"
 		})
 	});
@@ -8296,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,
@@ -8314,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,
@@ -8339,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({
@@ -8369,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,
@@ -8405,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));
@@ -8420,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",
@@ -8430,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))
@@ -8484,7 +8477,7 @@ function hn({ sceneRef: e }) {
 				}), /* @__PURE__ */ d("button", {
 					type: "button",
 					className: "context-menu-btn primary",
-					onClick: x,
+					onClick: S,
 					children: "Move"
 				})]
 			})
@@ -8498,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);
 	});
 }
@@ -8535,7 +8555,7 @@ function yn(e) {
 	return t;
 }
 async function bn(e, t, n, r, i, a) {
-	let o = U(t), s = o.buffer.slice(o.byteOffset, o.byteOffset + o.byteLength), c = a ?? crypto.randomUUID(), l = {
+	let o = H(t), s = o.buffer.slice(o.byteOffset, o.byteOffset + o.byteLength), c = a ?? crypto.randomUUID(), l = {
 		id: c,
 		fileName: e,
 		mapBytes: s,
@@ -8547,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);
@@ -8558,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 = () => {
@@ -8569,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);
@@ -8580,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);
@@ -8589,7 +8609,7 @@ async function Cn(e) {
 	});
 }
 function wn(e) {
-	let t = re(e.mapBytes);
+	let t = ie(e.mapBytes);
 	if (Object.keys(e.imageSrcs).length > 0) for (let n of Object.values(t.labels)) for (let t of n) {
 		let n = e.imageSrcs[String(t.id)];
 		n && (t.imageSrc = n);
@@ -8782,46 +8802,46 @@ function An({ sceneRef: e }) {
 		};
 		return window.addEventListener("editor:swatchRoomPicked", e), () => window.removeEventListener("editor:swatchRoomPicked", e);
 	}, []);
-	let z = (t) => {
+	let ee = (t) => {
 		let n = e.current?.reader;
 		return n ? n.getColorValue(t) : "rgb(114,1,0)";
-	}, B = (e, t, n) => {
+	}, z = (e, t, n) => {
 		let r = t === void 0 ? o : t, i = n === void 0 ? s : n;
 		D.setState({
 			swatchSets: e,
 			activeSwatchSetId: r,
 			activeSwatchId: i
 		}), w(e, r, i);
-	}, V = () => {
+	}, B = () => {
 		let e = v.trim() || "New Set", t = crypto.randomUUID();
-		B([...n, {
+		z([...n, {
 			id: t,
 			name: e,
 			swatches: []
 		}], t, null), y(""), _(!1);
-	}, H = (e) => {
-		R && B(n.map((t) => t.id === R.id ? {
+	}, V = (e) => {
+		R && z(n.map((t) => t.id === R.id ? {
 			...t,
 			name: e
 		} : t));
-	}, ee = () => {
+	}, te = () => {
 		if (!R || n.length <= 1 || !window.confirm(`Delete set "${R.name}"?`)) return;
 		let e = n.filter((e) => e.id !== R.id);
-		B(e, e[0]?.id ?? null, null);
-	}, te = (e) => {
+		z(e, e[0]?.id ?? null, null);
+	}, ne = (e) => {
 		D.setState({
 			activeSwatchSetId: e,
 			activeSwatchId: null
 		}), w(n, e, null);
-	}, ne = (e) => {
-		D.setState({ activeSwatchId: e }), w(n, o, e);
 	}, re = (e) => {
+		D.setState({ activeSwatchId: e }), w(n, o, e);
+	}, ie = (e) => {
 		E(e.id), A(e.name), M(e.symbol), P(e.environment), I(!1);
-	}, U = () => {
+	}, H = () => {
 		E("new"), A(""), M(""), P(-1), I(!1);
-	}, W = () => {
+	}, U = () => {
 		E(null), I(!1);
-	}, G = () => {
+	}, W = () => {
 		if (!R || !T) return;
 		let e = k.trim() || "Swatch", t = j.slice(0, 4);
 		if (T === "new") {
@@ -8831,11 +8851,11 @@ function An({ sceneRef: e }) {
 				symbol: t,
 				environment: N
 			};
-			B(n.map((e) => e.id === R.id ? {
+			z(n.map((e) => e.id === R.id ? {
 				...e,
 				swatches: [...e.swatches, i]
 			} : e), o, r);
-		} else B(n.map((n) => n.id === R.id ? {
+		} else z(n.map((n) => n.id === R.id ? {
 			...n,
 			swatches: n.swatches.map((n) => n.id === T ? {
 				...n,
@@ -8845,8 +8865,8 @@ function An({ sceneRef: e }) {
 			} : n)
 		} : n));
 		E(null), I(!1);
-	}, ie = (e) => {
-		R && B(n.map((t) => t.id === R.id ? {
+	}, G = (e) => {
+		R && z(n.map((t) => t.id === R.id ? {
 			...t,
 			swatches: t.swatches.filter((t) => t.id !== e)
 		} : t), void 0, s === e ? null : void 0);
@@ -8889,7 +8909,7 @@ function An({ sceneRef: e }) {
 						value: S,
 						onChange: (e) => C(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && (H(S), x(!1)), e.key === "Escape" && x(!1);
+							e.key === "Enter" && (V(S), x(!1)), e.key === "Escape" && x(!1);
 						},
 						autoFocus: !0
 					}),
@@ -8897,7 +8917,7 @@ function An({ sceneRef: e }) {
 						type: "button",
 						className: "swatch-icon-btn",
 						onClick: () => {
-							H(S), x(!1);
+							V(S), x(!1);
 						},
 						children: "✓"
 					}),
@@ -8910,7 +8930,7 @@ function An({ sceneRef: e }) {
 				] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("select", {
 					className: "swatch-set-select",
 					value: R?.id ?? "",
-					onChange: (e) => te(e.target.value),
+					onChange: (e) => ne(e.target.value),
 					children: L.map((e) => /* @__PURE__ */ d("option", {
 						value: e.id,
 						children: e.name
@@ -8928,7 +8948,7 @@ function An({ sceneRef: e }) {
 					className: "swatch-icon-btn swatch-icon-btn-danger",
 					title: "Delete set",
 					disabled: n.length <= 1,
-					onClick: ee,
+					onClick: te,
 					children: "🗑"
 				})] })] }), g ? /* @__PURE__ */ f(u, { children: [
 					/* @__PURE__ */ d("input", {
@@ -8937,14 +8957,14 @@ function An({ sceneRef: e }) {
 						value: v,
 						onChange: (e) => y(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && V(), e.key === "Escape" && (_(!1), y(""));
+							e.key === "Enter" && B(), e.key === "Escape" && (_(!1), y(""));
 						},
 						autoFocus: !0
 					}),
 					/* @__PURE__ */ d("button", {
 						type: "button",
 						className: "swatch-icon-btn",
-						onClick: V,
+						onClick: B,
 						children: "✓"
 					}),
 					/* @__PURE__ */ d("button", {
@@ -8967,12 +8987,12 @@ function An({ sceneRef: e }) {
 				className: "swatch-grid",
 				children: [R.swatches.map((e) => /* @__PURE__ */ f("div", {
 					className: `swatch-chip${s === e.id ? " active" : ""}${T === e.id ? " editing" : ""}`,
-					onClick: () => ne(e.id),
+					onClick: () => re(e.id),
 					title: `${e.name} · env ${e.environment}${e.symbol ? ` · "${e.symbol}"` : ""}`,
 					children: [
 						/* @__PURE__ */ d("span", {
 							className: "swatch-chip-env",
-							style: { background: z(e.environment) }
+							style: { background: ee(e.environment) }
 						}),
 						e.symbol && /* @__PURE__ */ d("span", {
 							className: "swatch-chip-symbol",
@@ -8987,7 +9007,7 @@ function An({ sceneRef: e }) {
 							className: "swatch-chip-edit",
 							title: "Edit",
 							onClick: (t) => {
-								t.stopPropagation(), re(e);
+								t.stopPropagation(), ie(e);
 							},
 							children: "✏"
 						}), /* @__PURE__ */ d("button", {
@@ -8995,7 +9015,7 @@ function An({ sceneRef: e }) {
 							className: "swatch-chip-del",
 							title: "Delete",
 							onClick: (t) => {
-								t.stopPropagation(), ie(e.id);
+								t.stopPropagation(), G(e.id);
 							},
 							children: "×"
 						})] })
@@ -9004,7 +9024,7 @@ function An({ sceneRef: e }) {
 					type: "button",
 					className: "swatch-add-btn",
 					title: "Add swatch",
-					onClick: U,
+					onClick: H,
 					children: "+"
 				})]
 			}),
@@ -9025,7 +9045,7 @@ function An({ sceneRef: e }) {
 						value: k,
 						onChange: (e) => A(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && G(), e.key === "Escape" && W();
+							e.key === "Enter" && W(), e.key === "Escape" && U();
 						},
 						autoFocus: !0
 					}),
@@ -9036,7 +9056,7 @@ function An({ sceneRef: e }) {
 						value: j,
 						onChange: (e) => M(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && G(), e.key === "Escape" && W();
+							e.key === "Enter" && W(), e.key === "Escape" && U();
 						}
 					}),
 					/* @__PURE__ */ f("div", {
@@ -9044,14 +9064,14 @@ function An({ sceneRef: e }) {
 						children: [/* @__PURE__ */ d("button", {
 							type: "button",
 							className: "swatch-env-btn",
-							style: { background: z(N) },
+							style: { background: ee(N) },
 							title: `Env ${N === -1 ? "none" : N} — click to change`,
 							onClick: () => I((e) => !e),
 							children: /* @__PURE__ */ d("span", {
 								className: "swatch-env-id",
 								children: N === -1 ? "−" : N
 							})
-						}), F && c && /* @__PURE__ */ d($t, {
+						}), F && c && /* @__PURE__ */ d(Qt, {
 							map: c,
 							sceneRef: e,
 							currentEnvId: N,
@@ -9072,14 +9092,14 @@ function An({ sceneRef: e }) {
 						type: "button",
 						className: "swatch-edit-ok",
 						title: "Save",
-						onClick: G,
+						onClick: W,
 						children: "✓"
 					}),
 					/* @__PURE__ */ d("button", {
 						type: "button",
 						className: "swatch-edit-cancel",
 						title: "Cancel",
-						onClick: W,
+						onClick: U,
 						children: "✕"
 					})
 				]
@@ -9334,15 +9354,173 @@ function Mn({ onClose: e }) {
 	});
 }
 //#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 Nn = {
+var Pn = {
 	1: "solid line",
 	2: "dash line",
 	3: "dot line",
 	4: "dash dot line",
 	5: "dash dot dot line"
 };
-function Pn(e, t) {
+function Fn(e, t) {
 	let n = {
 		id: e,
 		__raw: t
@@ -9431,7 +9609,7 @@ function Pn(e, t) {
 							g: 255,
 							b: 255
 						},
-						style: Nn[t.customLinesStyle?.[r]] ?? "solid line",
+						style: Pn[t.customLinesStyle?.[r]] ?? "solid line",
 						arrow: t.customLinesArrow?.[r] ?? !1
 					}
 				};
@@ -9442,7 +9620,7 @@ function Pn(e, t) {
 		configurable: !0
 	}), n;
 }
-function Fn(e) {
+function In(e) {
 	let t = {
 		north: "south",
 		south: "north",
@@ -9508,7 +9686,7 @@ function Fn(e) {
 	}
 	return r;
 }
-function In(e) {
+function Ln(e) {
 	if (!e || e.length === 0) return "";
 	if (typeof e == "string") return e.includes(",") ? e.split(",")[1] : e;
 	try {
@@ -9517,10 +9695,10 @@ function In(e) {
 		return "";
 	}
 }
-function Ln(e) {
-	e.pixMapBase64 === void 0 && (e.pixMapBase64 = In(e.pixMap));
+function Rn(e) {
+	e.pixMapBase64 === void 0 && (e.pixMapBase64 = Ln(e.pixMap));
 }
-function Rn(e, t) {
+function zn(e, t) {
 	let n = e.id;
 	if (!e.font) {
 		let r = t[`system.labelFont_${n}`];
@@ -9550,7 +9728,7 @@ function Rn(e, t) {
 		});
 	}
 }
-function zn(e, t) {
+function Bn(e, t) {
 	let n = e.id, r = e.font;
 	if (r?.family) {
 		let e = r.bold ? 75 : 50;
@@ -9561,7 +9739,7 @@ function zn(e, t) {
 		t[`system.labelOutlineColor_${n}`] = `${r}|${i}|${a}|${o}`;
 	} else t[`system.labelOutlineColor_${n}`] = "0|0|0|0";
 }
-function Bn(e) {
+function Vn(e) {
 	return {
 		id: e.id,
 		pos: [...e.pos],
@@ -9577,7 +9755,7 @@ function Bn(e) {
 		imageSrc: e.imageSrc
 	};
 }
-var Vn = class {
+var Hn = class {
 	constructor(e, t) {
 		this.rooms = e, this.labels = t;
 	}
@@ -9607,7 +9785,7 @@ var Vn = class {
 	setLabels(e) {
 		this.labels = e;
 	}
-}, Hn = class {
+}, Un = class {
 	planes = {};
 	exits = /* @__PURE__ */ new Map();
 	version = 0;
@@ -9675,19 +9853,19 @@ var Vn = class {
 		let t = {};
 		for (let [n, r] of Object.entries(e)) {
 			let e = Number(n);
-			t[e] = new Vn(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 = Fn(this.rooms);
+		this.exits = In(this.rooms);
 	}
 };
-function Un(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 Wn = {
+var Gn = {
 	rgb: [
 		114,
 		1,
@@ -9700,17 +9878,17 @@ var Wn = {
 		225
 	],
 	symbolColorValue: "rgb(225,225,225)"
-}, Gn = class {
+}, Kn = class {
 	rooms = {};
 	areas = {};
 	colors = {};
 	constructor(e) {
 		this.raw = e;
-		let { colors: t } = W(e);
+		let { colors: t } = U(e);
 		for (let e of t) this.colors[e.envId] = {
 			rgb: e.colors,
 			rgbValue: `rgb(${e.colors.join(",")})`,
-			symbolColor: Un(e.colors) > .41 ? [
+			symbolColor: Wn(e.colors) > .41 ? [
 				25,
 				25,
 				25
@@ -9719,19 +9897,19 @@ var Wn = {
 				255,
 				255
 			],
-			symbolColorValue: Un(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 = Pn(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) Ln(e), Rn(e, o);
-			this.areas[r] = new Hn(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) {
@@ -9788,10 +9966,10 @@ var Wn = {
 		return !1;
 	}
 	getColorValue(e) {
-		return this.colors[e]?.rgbValue ?? Wn.rgbValue;
+		return this.colors[e]?.rgbValue ?? Gn.rgbValue;
 	}
 	getSymbolColor(e, t) {
-		let n = this.colors[e] ?? Wn, 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) {
@@ -9825,7 +10003,7 @@ var Wn = {
 		this.raw.rooms[e] = t;
 		let n = this.raw.areas[t.area];
 		n && !n.rooms.includes(e) && n.rooms.push(e);
-		let r = Pn(e, t);
+		let r = Fn(e, t);
 		this.rooms[e] = r, this.areas[t.area]?.addRoomLive(r);
 	}
 	setSpecialExit(e, t, n) {
@@ -9921,7 +10099,7 @@ var Wn = {
 			isZone: !1,
 			zoneAreaRef: -1,
 			userData: {}
-		}, this.raw.areaNames[e] = t, this.areas[e] = new Hn(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];
@@ -9949,11 +10127,11 @@ var Wn = {
 	}
 	setCustomEnvColor(e, t) {
 		t === null ? delete this.raw.mCustomEnvColors[e] : this.raw.mCustomEnvColors[e] = t;
-		let { colors: n } = W(this.raw);
+		let { colors: n } = U(this.raw);
 		for (let e of n) this.colors[e.envId] = {
 			rgb: e.colors,
 			rgbValue: `rgb(${e.colors.join(",")})`,
-			symbolColor: Un(e.colors) > .41 ? [
+			symbolColor: Wn(e.colors) > .41 ? [
 				25,
 				25,
 				25
@@ -9962,17 +10140,17 @@ var Wn = {
 				255,
 				255
 			],
-			symbolColorValue: Un(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 ? Bn(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,
@@ -9981,7 +10159,7 @@ var Wn = {
 			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,
@@ -9990,7 +10168,7 @@ var Wn = {
 		};
 		this.raw.labels[e].push(r);
 		let i = this.raw.areas[e]?.userData;
-		i && zn(r, i), this.syncRendererLabels(e);
+		i && Bn(r, i), this.syncRendererLabels(e);
 	}
 	removeLabel(e, t) {
 		if (!this.raw.labels[e]) return;
@@ -10012,7 +10190,7 @@ var Wn = {
 	}
 	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);
@@ -10023,14 +10201,14 @@ var Wn = {
 		if (!r) return;
 		r.font = { ...n };
 		let i = this.raw.areas[e]?.userData;
-		i && zn(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 && zn(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);
@@ -10061,10 +10239,10 @@ var Wn = {
 	restoreAreaWithRooms(e, t, n, r) {
 		let i = [];
 		for (let { id: e, room: t } of n) {
-			let n = Pn(e, t);
+			let n = Fn(e, t);
 			this.rooms[e] = n, i.push(n);
 		}
-		this.areas[e] = new Hn(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());
@@ -10103,7 +10281,7 @@ var Wn = {
 		}
 		for (let e of this.getAreas()) n.has(e.getAreaId()) || e.rebuildExits();
 	}
-}, Kn = class {
+}, qn = class {
 	rects = /* @__PURE__ */ new Map();
 	layer;
 	unsubscribe;
@@ -10147,7 +10325,7 @@ var Wn = {
 		}
 		this.layer.batchDraw();
 	}
-}, qn = "#ffcc00", Jn = .9, Yn = .3, Xn = .2, Zn = class {
+}, Jn = "#ffcc00", Yn = .9, Xn = .3, Zn = .2, Qn = class {
 	roomRect;
 	linkGroup;
 	layer;
@@ -10158,7 +10336,7 @@ var Wn = {
 	}
 	attach(e) {
 		this.layer = e, this.roomRect = new h.Rect({
-			stroke: qn,
+			stroke: Jn,
 			strokeWidth: .06,
 			listening: !1,
 			visible: !1,
@@ -10206,23 +10384,23 @@ var Wn = {
 			}
 			for (let t of e.data.lines) this.linkGroup.add(new h.Line({
 				points: [...t.points],
-				stroke: qn,
+				stroke: Jn,
 				strokeWidth: r,
 				dash: t.dash ? [...t.dash] : void 0,
 				listening: !1,
 				lineCap: "round",
-				opacity: Jn
+				opacity: Yn
 			}));
 			for (let t of e.data.arrows) this.linkGroup.add(new h.Arrow({
 				points: [...t.points],
-				stroke: qn,
-				fill: qn,
+				stroke: Jn,
+				fill: Jn,
 				strokeWidth: r,
 				dash: t.dash ? [...t.dash] : void 0,
 				pointerLength: t.pointerLength,
 				pointerWidth: t.pointerWidth,
 				listening: !1,
-				opacity: Jn
+				opacity: Yn
 			}));
 			this.linkGroup.visible(!0);
 		} else if (t.kind === "customLine") {
@@ -10233,33 +10411,33 @@ var Wn = {
 			}
 			let i = e.hasArrow && e.points.length >= 4 ? new h.Arrow({
 				points: [...e.points],
-				stroke: qn,
-				fill: qn,
+				stroke: Jn,
+				fill: Jn,
 				strokeWidth: r,
 				dash: e.dash ? [...e.dash] : void 0,
-				pointerLength: Yn,
-				pointerWidth: Xn,
+				pointerLength: Xn,
+				pointerWidth: Zn,
 				listening: !1,
 				lineCap: "round",
 				lineJoin: "round",
-				opacity: Jn
+				opacity: Yn
 			}) : new h.Line({
 				points: [...e.points],
-				stroke: qn,
+				stroke: Jn,
 				strokeWidth: r,
 				dash: e.dash ? [...e.dash] : void 0,
 				listening: !1,
 				lineCap: "round",
 				lineJoin: "round",
-				opacity: Jn
+				opacity: Yn
 			});
 			this.linkGroup.add(i), this.linkGroup.visible(!0);
 		}
 		this.layer.batchDraw();
 	}
-}, Qn = .6;
-function $n(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
 	};
@@ -10268,7 +10446,7 @@ function $n(e) {
 		oy: 0
 	};
 }
-var er = class {
+var tr = class {
 	line;
 	dirLabel;
 	layer;
@@ -10315,14 +10493,14 @@ var er = class {
 		}
 		let r = n.getRenderRoom(t.sourceId);
 		if (!r) return;
-		let i = t.hoverTargetId == null ? null : n.getRenderRoom(t.hoverTargetId), a = (n.settings.roomSize ?? Qn) / 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 } = $n(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 } = $n(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 = "";
@@ -10343,7 +10521,7 @@ var er = 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();
 	}
-}, tr = class {
+}, nr = class {
 	rect;
 	layer;
 	unsubscribe;
@@ -10379,7 +10557,7 @@ var er = class {
 		}
 		this.rect.x(t.x), this.rect.y(t.y), this.rect.visible(!0), this.layer.batchDraw();
 	}
-}, nr = class {
+}, rr = class {
 	source;
 	target;
 	layer;
@@ -10403,7 +10581,7 @@ var er = 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)",
@@ -10420,7 +10598,7 @@ var er = 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");
 		}
@@ -10457,7 +10635,7 @@ var er = class {
 		}
 		this.layer.batchDraw();
 	}
-}, rr = "rgba(255, 220, 60, 0.9)", ir = .55, ar = class {
+}, ir = "rgba(255, 220, 60, 0.9)", ar = .55, or = class {
 	group;
 	layer;
 	unsubscribe;
@@ -10530,14 +10708,14 @@ var er = class {
 		if (o) {
 			let t = this.resolveTargetRoom(e, o.roomId, o.exitName);
 			if (t) {
-				let { x: e, y: n } = t, r = ir, i = new h.Line({
+				let { x: e, y: n } = t, r = ar, i = new h.Line({
 					points: [
 						e - r,
 						n,
 						e + r,
 						n
 					],
-					stroke: rr,
+					stroke: ir,
 					strokeWidth: a,
 					listening: !1,
 					lineCap: "round"
@@ -10548,7 +10726,7 @@ var er = class {
 						e,
 						n + r
 					],
-					stroke: rr,
+					stroke: ir,
 					strokeWidth: a,
 					listening: !1,
 					lineCap: "round"
@@ -10578,11 +10756,11 @@ var er = class {
 			y: c.y
 		};
 	}
-}, or = "#00e5ff", sr = {
-	shadowColor: or,
+}, sr = "#00e5ff", cr = {
+	shadowColor: sr,
 	shadowBlur: 4,
 	shadowOpacity: .8
-}, cr = .3, lr = .2, ur = class {
+}, lr = .3, ur = .2, dr = class {
 	group;
 	layer;
 	unsubscribe;
@@ -10620,22 +10798,22 @@ var er = class {
 			}
 			for (let t of e.data.lines) this.group.add(new h.Line({
 				points: [...t.points],
-				stroke: or,
+				stroke: sr,
 				strokeWidth: .08,
 				dash: t.dash ? [...t.dash] : void 0,
 				listening: !1,
-				...sr
+				...cr
 			}));
 			for (let t of e.data.arrows) this.group.add(new h.Arrow({
 				points: [...t.points],
-				stroke: or,
-				fill: or,
+				stroke: sr,
+				fill: sr,
 				strokeWidth: .08,
 				dash: t.dash ? [...t.dash] : void 0,
 				pointerLength: t.pointerLength,
 				pointerWidth: t.pointerWidth,
 				listening: !1,
-				...sr
+				...cr
 			}));
 			this.group.visible(!0), this.layer.batchDraw();
 			return;
@@ -10648,28 +10826,28 @@ var er = class {
 			}
 			let r = e.hasArrow && e.points.length >= 4 ? new h.Arrow({
 				points: [...e.points],
-				stroke: or,
-				fill: or,
+				stroke: sr,
+				fill: sr,
 				strokeWidth: .08,
 				dash: e.dash ? [...e.dash] : void 0,
-				pointerLength: cr,
-				pointerWidth: lr,
+				pointerLength: lr,
+				pointerWidth: ur,
 				listening: !1,
-				...sr
+				...cr
 			}) : new h.Line({
 				points: [...e.points],
-				stroke: or,
+				stroke: sr,
 				strokeWidth: .08,
 				dash: e.dash ? [...e.dash] : void 0,
 				listening: !1,
-				...sr
+				...cr
 			});
 			this.group.add(r), this.group.add(new h.Circle({
 				x: e.points[0],
 				y: e.points[1],
 				radius: .1,
 				fill: "#1a2030",
-				stroke: or,
+				stroke: sr,
 				strokeWidth: .04,
 				listening: !1
 			}));
@@ -10680,8 +10858,8 @@ var er = class {
 					x: e.points[t],
 					y: e.points[t + 1],
 					radius: r ? .14 : .1,
-					fill: r ? "#ffffff" : or,
-					stroke: r ? or : "#ffffff",
+					fill: r ? "#ffffff" : sr,
+					stroke: r ? sr : "#ffffff",
 					strokeWidth: r ? .06 : .04,
 					listening: !1
 				}));
@@ -10694,13 +10872,13 @@ var er = class {
 };
 //#endregion
 //#region src/editor/effects/GridOverlayEffect.ts
-function dr(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 fr = class {
+var pr = class {
 	gridShape;
 	axisShape;
 	labelShape;
@@ -10732,7 +10910,7 @@ var fr = class {
 		}), this.axisShape = new h.Shape({
 			listening: !1,
 			visible: !1,
-			stroke: dr(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;
@@ -10746,7 +10924,7 @@ var fr = class {
 			text: "(0,0)",
 			fontSize: this.gridSize,
 			fontFamily: "monospace",
-			fill: dr(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) {
@@ -10760,7 +10938,7 @@ var fr = 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());
 	}
-}, pr = class {
+}, mr = class {
 	rect;
 	layer;
 	unsubscribe;
@@ -10794,7 +10972,7 @@ var fr = class {
 };
 //#endregion
 //#region src/editor/effects/LabelHaloEffect.ts
-function mr(e, t, n, r) {
+function hr(e, t, n, r) {
 	return [
 		{
 			id: "nw",
@@ -10838,7 +11016,7 @@ function mr(e, t, n, r) {
 		}
 	];
 }
-var hr = class {
+var gr = class {
 	selRect;
 	hoverRect;
 	previewRect;
@@ -10928,7 +11106,7 @@ var hr = 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 = mr(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);
@@ -10947,13 +11125,170 @@ var hr = 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 gr(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 {}
@@ -10971,7 +11306,7 @@ function gr(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) {
@@ -10979,7 +11314,7 @@ function gr(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();
@@ -10989,14 +11324,14 @@ function gr(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) => {
@@ -11008,7 +11343,7 @@ function gr(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);
@@ -11016,17 +11351,17 @@ function gr(e) {
 }
 //#endregion
 //#region src/editor/scene.ts
-function _r(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 Gn(e), i = new p(r, n, t), a = { current: null }, o = new pr(), s = new Kn(n.roomSize, a), c = new Zn(n.roomSize, a), l = new er(a), u = new tr(n.roomSize), d = new nr(n.roomSize, a), f = new ar(a), h = new ur(a, n.roomSize), g = new hr(a), _ = new fr(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,
@@ -11036,36 +11371,36 @@ function _r(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 = gr({
+	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 vr = {
+var Sr = {
 	top: 104,
 	right: 464,
 	bottom: 24,
 	left: 24
-}, yr = {
+}, Cr = {
 	1: "select",
 	2: "connect",
 	3: "unlink",
@@ -11074,7 +11409,7 @@ var vr = {
 	6: "delete",
 	7: "pan",
 	8: "paint"
-}, br = {
+}, wr = {
 	ArrowLeft: {
 		dx: -1,
 		dy: 0
@@ -11092,43 +11427,43 @@ var vr = {
 		dy: -1
 	}
 };
-function xr({ 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(!1), [M, N] = i(() => new URLSearchParams(window.location.search).get("map")), P = n(() => a.flatMap((e) => e.swatchSets?.() ?? []), [a]), F = n(() => a.flatMap((e) => e.sidebarTabs?.() ?? []), [a]), I = 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: P });
-	}, [P]), t(() => {
+		D.setState({ pluginSwatchSets: F });
+	}, [F]), t(() => {
 		a.length !== 0 && (async () => {
 			for (let e of a) await e.onAppReady?.();
 		})();
 	}, []);
-	let L = r(l);
+	let R = r(l);
 	t(() => {
-		let e = L.current;
-		if (L.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 = _r(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, vr), () => {
+		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, vr);
+		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 = () => {
@@ -11138,12 +11473,12 @@ function xr({ 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",
@@ -11153,12 +11488,12 @@ function xr({ 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;
@@ -11168,7 +11503,7 @@ function xr({ 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";
@@ -11183,7 +11518,7 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					return;
 				}
 				if ((t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "f") {
-					t.preventDefault(), j((e) => !e);
+					t.preventDefault(), M((e) => !e);
 					return;
 				}
 				if ((t.ctrlKey || t.metaKey) && !t.shiftKey && t.key.toLowerCase() === "z") {
@@ -11196,12 +11531,12 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 				}
 				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."
@@ -11209,7 +11544,7 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					return;
 				}
 				if (t.key === "Delete" || t.key === "Backspace") {
-					R();
+					ee();
 					return;
 				}
 				if (t.key === "g" || t.key === "G") {
@@ -11217,13 +11552,13 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					return;
 				}
 				if (t.key === "f" || t.key === "F") {
-					c.current?.renderer.fitArea(vr);
+					c.current?.renderer.fitArea(Sr);
 					return;
 				}
-				if (yr[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: yr[t.key],
+					e.pending?.kind === "customLine" && c.current && (Ot(e.pending, c.current), D.bumpData()), D.setState({
+						activeTool: Cr[t.key],
 						pending: null
 					});
 					return;
@@ -11239,14 +11574,14 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					} });
 					return;
 				}
-				if (br[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 = br[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]
@@ -11265,7 +11600,7 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					}
 					if (e.selection.kind !== "room") return;
 					t.preventDefault();
-					let n = (t.shiftKey ? 5 : 1) * e.gridStep, r = br[t.key], i = r.dx * n, a = r.dy * n, o = [];
+					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;
@@ -11273,7 +11608,7 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 							x: n.x,
 							y: n.y,
 							z: n.z
-						}, s = Ae(e.map, t, i, a);
+						}, 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,
@@ -11303,7 +11638,7 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 			}
 		};
 		window.addEventListener("keydown", r), window.addEventListener("keyup", t), window.addEventListener("blur", n);
-		let i = () => c.current?.renderer.fitArea(vr);
+		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);
 		};
@@ -11319,7 +11654,7 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 			window.removeEventListener("dragover", e), window.removeEventListener("drop", t);
 		};
 	}, []);
-	let R = () => {
+	let ee = () => {
 		let e = D.getState();
 		if (!e.map) return;
 		let t = e.selection;
@@ -11327,7 +11662,7 @@ function xr({ 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({
@@ -11350,7 +11685,7 @@ function xr({ 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,
@@ -11465,14 +11800,14 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 			}
 		}
 	}, z = () => {
-		let { changed: e, structural: t } = Oe(c.current);
+		let { changed: e, structural: t } = De(c.current);
 		e && (c.current?.refresh(), t ? D.bumpStructure() : D.bumpData(), D.setState({ status: "Undone" }));
 	}, B = () => {
-		let { changed: e, structural: t } = ke(c.current);
+		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",
@@ -11481,32 +11816,40 @@ function xr({ 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: () => j((e) => !e)
+						onSearchClick: () => M((e) => !e)
 					}),
-					/* @__PURE__ */ d(mn, {
+					/* @__PURE__ */ d(pn, {
 						sceneRef: c,
-						extraTabs: F,
-						pluginRoomSections: I
+						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)),
-			A && p && /* @__PURE__ */ d(Mn, { onClose: () => j(!1) }),
-			w && /* @__PURE__ */ d(le, { onClose: () => T(!1) }),
-			(E || M) && /* @__PURE__ */ d(de, {
-				initialUrl: M ?? 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), N(null);
+					A(!1), P(null);
 				}
 			})
 		]
@@ -11514,9 +11857,9 @@ function xr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 }
 //#endregion
 //#region src/editor/mapBytes.ts
-function Sr() {
+function Er() {
 	let { map: e } = D.getState();
-	return e ? U(e) : null;
+	return e ? H(e) : null;
 }
 //#endregion
-export { xr as App, Sr as getMapBytes, ie 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 };