mudlet-map-editor 0.6.2 → 0.7.0

package/dist-lib/index.js

@@ -7860,8 +7860,266 @@ function dn({ selection: n, room: a, map: o, sceneRef: s, pluginSections: c = []
 	});
 }
 //#endregion
+//#region src/components/MultiRoomPanel.tsx
+function fn(e) {
+	if (e.length === 0) return { same: !1 };
+	let t = e[0];
+	return e.every((e) => e === t) ? {
+		same: !0,
+		value: t
+	} : { same: !1 };
+}
+var pn = "system.fallback_symbol_color";
+function mn({ selection: e, map: t, sceneRef: n }) {
+	let r = e.ids, a = r.map((e) => t.rooms[e]).filter((e) => e != null), o = fn(a.map((e) => e.name ?? "")), s = fn(a.map((e) => e.symbol ?? "")), c = fn(a.map((e) => e.userData?.[pn] ?? null)), l = fn(a.map((e) => e.environment)), u = fn(a.map((e) => e.isLocked ?? !1)), [p, m] = i(!1), [h, g] = i(() => o.same ? o.value : ""), [_, v] = i(!1), [y, b] = i(() => s.same ? s.value : ""), [x, S] = i(!1), [C, w] = i(() => c.same && c.value !== null ? c.value : "#ffffff"), [T, E] = i(!1), [O, k] = i(() => l.same ? l.value : -1), [A, j] = i(!1), [M, N] = i(!1), [P, F] = i(() => u.same ? u.value : !1), I = p || _ || x || T || M, L = () => {
+		let e = [];
+		for (let n of r) {
+			let r = t.rooms[n];
+			if (r) {
+				if (p && h !== r.name && e.push({
+					kind: "setRoomField",
+					id: n,
+					field: "name",
+					from: r.name,
+					to: h
+				}), _ && y !== r.symbol && e.push({
+					kind: "setRoomField",
+					id: n,
+					field: "symbol",
+					from: r.symbol,
+					to: y
+				}), x) {
+					let t = r.userData?.[pn] ?? null, i = C;
+					t !== i && e.push({
+						kind: "setUserDataEntry",
+						roomId: n,
+						key: pn,
+						from: t,
+						to: i
+					});
+				}
+				T && O !== r.environment && e.push({
+					kind: "setRoomField",
+					id: n,
+					field: "environment",
+					from: r.environment,
+					to: O
+				}), M && P !== r.isLocked && e.push({
+					kind: "setRoomLock",
+					id: n,
+					lock: P
+				});
+			}
+		}
+		e.length !== 0 && (Y({
+			kind: "batch",
+			cmds: e
+		}, n.current), n.current?.refresh(), D.bumpData(), D.setState({ status: `Applied bulk edit to ${r.length} rooms` }));
+	}, R = n.current?.reader.getColorValue(O) ?? "rgb(114,1,0)";
+	return /* @__PURE__ */ f("div", {
+		className: "panel-content",
+		children: [
+			/* @__PURE__ */ f("h3", { children: [r.length, " rooms selected"] }),
+			/* @__PURE__ */ d("p", {
+				className: "hint",
+				children: "Drag to move all. Delete to remove all. Shift+click/drag to add more. Ctrl+click/drag to toggle. Ctrl+A selects all."
+			}),
+			/* @__PURE__ */ d("h4", { children: "Bulk Edit" }),
+			/* @__PURE__ */ f("div", {
+				className: "multi-room-fields",
+				children: [
+					/* @__PURE__ */ f("div", {
+						className: "multi-field-row",
+						children: [
+							/* @__PURE__ */ d("input", {
+								type: "checkbox",
+								className: "multi-field-check",
+								checked: p,
+								onChange: (e) => m(e.target.checked),
+								title: "Enable name override"
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "multi-field-label",
+								children: ["Name", !o.same && /* @__PURE__ */ d("span", {
+									className: "multi-field-mixed",
+									title: "Rooms have different values",
+									children: "~"
+								})]
+							}),
+							/* @__PURE__ */ d("input", {
+								className: "multi-field-input",
+								disabled: !p,
+								value: h,
+								onChange: (e) => g(e.target.value),
+								placeholder: o.same ? "" : "mixed"
+							})
+						]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "multi-field-row",
+						children: [
+							/* @__PURE__ */ d("input", {
+								type: "checkbox",
+								className: "multi-field-check",
+								checked: _,
+								onChange: (e) => v(e.target.checked),
+								title: "Enable symbol override"
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "multi-field-label",
+								children: ["Symbol", !s.same && /* @__PURE__ */ d("span", {
+									className: "multi-field-mixed",
+									title: "Rooms have different values",
+									children: "~"
+								})]
+							}),
+							/* @__PURE__ */ d("input", {
+								className: "multi-field-input multi-field-symbol",
+								disabled: !_,
+								value: y,
+								maxLength: 4,
+								onChange: (e) => b(e.target.value),
+								placeholder: s.same ? "" : "mixed"
+							})
+						]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "multi-field-row",
+						children: [
+							/* @__PURE__ */ d("input", {
+								type: "checkbox",
+								className: "multi-field-check",
+								checked: x,
+								onChange: (e) => S(e.target.checked),
+								title: "Enable symbol color override"
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "multi-field-label",
+								children: ["Symbol color", !c.same && /* @__PURE__ */ d("span", {
+									className: "multi-field-mixed",
+									title: "Rooms have different values",
+									children: "~"
+								})]
+							}),
+							/* @__PURE__ */ d("input", {
+								type: "color",
+								className: "symbol-color-input",
+								disabled: !x || C === null,
+								value: C ?? "#ffffff",
+								onChange: (e) => w(e.target.value)
+							}),
+							/* @__PURE__ */ d("button", {
+								type: "button",
+								className: "symbol-color-clear",
+								disabled: !x,
+								title: C === null ? "Restore: set a color instead of clearing" : "Clear: remove symbol color from all rooms",
+								onClick: () => w((e) => e === null ? "#ffffff" : null),
+								children: C === null ? "+" : "×"
+							})
+						]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "multi-field-row",
+						children: [
+							/* @__PURE__ */ d("input", {
+								type: "checkbox",
+								className: "multi-field-check",
+								checked: T,
+								onChange: (e) => E(e.target.checked),
+								title: "Enable environment override"
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "multi-field-label",
+								children: ["Env", !l.same && /* @__PURE__ */ d("span", {
+									className: "multi-field-mixed",
+									title: "Rooms have different values",
+									children: "~"
+								})]
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "env-field-row",
+								style: { position: "relative" },
+								children: [
+									/* @__PURE__ */ d("button", {
+										type: "button",
+										className: "env-pick-btn",
+										style: { background: T ? R : "rgba(80,80,90,0.5)" },
+										disabled: !T,
+										onClick: () => j((e) => !e),
+										title: T ? `Env ${O} — click to change` : "Enable to set"
+									}),
+									/* @__PURE__ */ f("span", {
+										className: "env-id-label",
+										children: ["#", O]
+									}),
+									A && T && /* @__PURE__ */ d(Qt, {
+										map: t,
+										sceneRef: n,
+										currentEnvId: O,
+										onSelect: (e) => k(e),
+										onClose: () => j(!1)
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "multi-field-row",
+						children: [
+							/* @__PURE__ */ d("input", {
+								type: "checkbox",
+								className: "multi-field-check",
+								checked: M,
+								onChange: (e) => N(e.target.checked),
+								title: "Enable lock override"
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "multi-field-label",
+								children: ["Lock", !u.same && /* @__PURE__ */ d("span", {
+									className: "multi-field-mixed",
+									title: "Rooms have different values",
+									children: "~"
+								})]
+							}),
+							/* @__PURE__ */ d("button", {
+								type: "button",
+								className: `multi-lock-btn${P ? " lock-active" : ""}`,
+								disabled: !M,
+								title: P ? "Locked — click to set unlocked" : "Unlocked — click to set locked",
+								onClick: () => F((e) => !e),
+								children: /* @__PURE__ */ d(en, { locked: P })
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "multi-room-actions",
+				children: [/* @__PURE__ */ f("button", {
+					type: "button",
+					className: "multi-room-apply-btn",
+					disabled: !I,
+					onClick: L,
+					children: [
+						"Apply to ",
+						r.length,
+						" rooms"
+					]
+				}), I && /* @__PURE__ */ f("p", {
+					className: "multi-room-warning",
+					children: [
+						"This will overwrite the checked properties on all ",
+						r.length,
+						" selected rooms."
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
 //#region src/components/SidePanel.tsx
-var fn = [
+var hn = [
 	{
 		id: "selection",
 		label: "Sel"
@@ -7883,7 +8141,7 @@ var fn = [
 		label: "Map"
 	}
 ];
-function pn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
+function gn({ 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;
@@ -7901,7 +8159,7 @@ function pn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 			children: "◀"
 		}), /* @__PURE__ */ d("div", {
 			className: "side-panel-tabs side-panel-tabs--vert",
-			children: [...fn, ...t].map((e) => /* @__PURE__ */ d("button", {
+			children: [...hn, ...t].map((e) => /* @__PURE__ */ d("button", {
 				type: "button",
 				className: `side-panel-tab${s === e.id ? " active" : ""}`,
 				onClick: () => D.setState({
@@ -8022,14 +8280,12 @@ function pn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 			})
 		})]
 	});
-	if (r?.kind === "room" && r.ids.length > 1) return /* @__PURE__ */ f("div", {
+	if (r?.kind === "room" && r.ids.length > 1 && i) return /* @__PURE__ */ f("div", {
 		className: "side-panel",
-		children: [m, /* @__PURE__ */ f("div", {
-			className: "panel-content",
-			children: [/* @__PURE__ */ f("h3", { children: [r.ids.length, " rooms selected"] }), /* @__PURE__ */ d("p", {
-				className: "hint",
-				children: "Drag to move all. Delete to remove all. Shift+click/drag to add more. Ctrl+click/drag to toggle. Ctrl+A selects all."
-			})]
+		children: [m, /* @__PURE__ */ d(mn, {
+			selection: r,
+			map: i,
+			sceneRef: e
 		})]
 	});
 	let g = r?.kind === "room" && i ? i.rooms[r.ids[0]] : null;
@@ -8059,7 +8315,7 @@ function pn({ sceneRef: e, extraTabs: t = [], pluginRoomSections: n = [] }) {
 }
 //#endregion
 //#region src/components/ContextMenu.tsx
-function mn({ sceneRef: e }) {
+function _n({ sceneRef: e }) {
 	let n = O((e) => e.contextMenu), a = r(null), [o, s] = i(null), [c, l] = i(null);
 	if (t(() => {
 		if (!n) {
@@ -8576,46 +8832,46 @@ function mn({ sceneRef: e }) {
 }
 //#endregion
 //#region src/editor/session.ts
-var hn = "mudlet-map-editor", gn = "sessions", _n = 2;
-function vn() {
+var vn = "mudlet-map-editor", yn = "sessions", bn = 2;
+function xn() {
 	return new Promise((e, t) => {
-		let n = indexedDB.open(hn, _n);
+		let n = indexedDB.open(vn, bn);
 		n.onupgradeneeded = (e) => {
 			let t = n.result;
-			e.oldVersion < 2 && t.objectStoreNames.contains(gn) && t.deleteObjectStore(gn), t.createObjectStore(gn, { keyPath: "id" });
+			e.oldVersion < 2 && t.objectStoreNames.contains(yn) && t.deleteObjectStore(yn), t.createObjectStore(yn, { keyPath: "id" });
 		}, n.onsuccess = () => e(n.result), n.onerror = () => t(n.error);
 	});
 }
-function yn(e) {
+function Sn(e) {
 	let t = {};
 	for (let n of Object.values(e.labels)) for (let e of n) e.imageSrc && (t[String(e.id)] = e.imageSrc);
 	return t;
 }
-async function bn(e, t, n, r, i, a) {
+async function Cn(e, t, n, r, i, a) {
 	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,
-		imageSrcs: yn(t),
+		imageSrcs: Sn(t),
 		undoStack: n,
 		currentAreaId: r,
 		currentZ: i,
 		savedAt: Date.now(),
 		roomCount: Object.keys(t.rooms).length
-	}, u = await vn();
+	}, u = await xn();
 	return new Promise((e, t) => {
-		let n = u.transaction(gn, "readwrite");
-		n.objectStore(gn).put(l), n.oncomplete = () => {
+		let n = u.transaction(yn, "readwrite");
+		n.objectStore(yn).put(l), n.oncomplete = () => {
 			u.close(), e(c);
 		}, n.onerror = () => {
 			u.close(), t(n.error);
 		};
 	});
 }
-async function xn() {
-	let e = await vn();
+async function wn() {
+	let e = await xn();
 	return new Promise((t, n) => {
-		let r = e.transaction(gn, "readonly").objectStore(gn).getAll();
+		let r = e.transaction(yn, "readonly").objectStore(yn).getAll();
 		r.onsuccess = () => {
 			e.close(), t(r.result.sort((e, t) => t.savedAt - e.savedAt));
 		}, r.onerror = () => {
@@ -8623,29 +8879,29 @@ async function xn() {
 		};
 	});
 }
-async function Sn() {
-	let e = await vn();
+async function Tn() {
+	let e = await xn();
 	return new Promise((t, n) => {
-		let r = e.transaction(gn, "readwrite");
-		r.objectStore(gn).clear(), r.oncomplete = () => {
+		let r = e.transaction(yn, "readwrite");
+		r.objectStore(yn).clear(), r.oncomplete = () => {
 			e.close(), t();
 		}, r.onerror = () => {
 			e.close(), n(r.error);
 		};
 	});
 }
-async function Cn(e) {
-	let t = await vn();
+async function En(e) {
+	let t = await xn();
 	return new Promise((n, r) => {
-		let i = t.transaction(gn, "readwrite");
-		i.objectStore(gn).delete(e), i.oncomplete = () => {
+		let i = t.transaction(yn, "readwrite");
+		i.objectStore(yn).delete(e), i.oncomplete = () => {
 			t.close(), n();
 		}, i.onerror = () => {
 			t.close(), r(i.error);
 		};
 	});
 }
-function wn(e) {
+function Dn(e) {
 	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)];
@@ -8655,10 +8911,10 @@ function wn(e) {
 }
 //#endregion
 //#region src/components/SessionsPanel.tsx
-var Tn = "mudlet-session-autodelete";
-function En() {
+var On = "mudlet-session-autodelete";
+function kn() {
 	try {
-		let e = localStorage.getItem(Tn);
+		let e = localStorage.getItem(On);
 		if (e) return JSON.parse(e);
 	} catch {}
 	return {
@@ -8666,24 +8922,24 @@ function En() {
 		days: 30
 	};
 }
-function Dn(e) {
-	localStorage.setItem(Tn, JSON.stringify(e));
+function An(e) {
+	localStorage.setItem(On, JSON.stringify(e));
 }
-function On(e, t) {
+function jn(e, t) {
 	let n = Date.now() - t * 24 * 60 * 60 * 1e3, r = [];
-	for (let t of e) t.savedAt < n ? Cn(t.id).catch(console.error) : r.push(t);
+	for (let t of e) t.savedAt < n ? En(t.id).catch(console.error) : r.push(t);
 	return r;
 }
-function kn() {
-	let [e, n] = i([]), [r, a] = i(!1), [o, s] = i(En);
+function Mn() {
+	let [e, n] = i([]), [r, a] = i(!1), [o, s] = i(kn);
 	t(() => {
-		let e = En();
-		xn().then((t) => {
-			n(e.enabled ? On(t, e.days) : t), a(!0);
+		let e = kn();
+		wn().then((t) => {
+			n(e.enabled ? jn(t, e.days) : t), a(!0);
 		}).catch(() => a(!0));
 	}, []);
 	let c = (e) => {
-		let t = wn(e);
+		let t = Dn(e);
 		D.setState({
 			map: t,
 			loaded: { fileName: e.fileName },
@@ -8699,21 +8955,21 @@ function kn() {
 			sessionId: e.id
 		}), D.bumpStructure();
 	}, l = (e) => {
-		Cn(e.id).catch(console.error), n((t) => t.filter((t) => t.id !== e.id));
+		En(e.id).catch(console.error), n((t) => t.filter((t) => t.id !== e.id));
 	}, u = () => {
-		Sn().catch(console.error), n([]);
+		Tn().catch(console.error), n([]);
 	}, p = (e) => {
 		let t = {
 			...o,
 			enabled: e
 		};
-		s(t), Dn(t), e && n((e) => On(e, t.days));
+		s(t), An(t), e && n((e) => jn(e, t.days));
 	}, m = (e) => {
 		let t = {
 			...o,
 			days: e
 		};
-		s(t), Dn(t), t.enabled && n((t) => On(t, e));
+		s(t), An(t), t.enabled && n((t) => jn(t, e));
 	};
 	return r ? e.length === 0 ? /* @__PURE__ */ f("div", {
 		className: "empty-state",
@@ -8810,7 +9066,7 @@ function kn() {
 }
 //#endregion
 //#region src/components/SwatchPalette.tsx
-function An({ sceneRef: e }) {
+function Nn({ sceneRef: e }) {
 	let n = O((e) => e.swatchSets), a = O((e) => e.pluginSwatchSets), o = O((e) => e.activeSwatchSetId), s = O((e) => e.activeSwatchId), c = O((e) => e.map), l = O((e) => e.pending?.kind === "pickSwatch"), [p, m] = i({
 		x: 12,
 		y: 120
@@ -9150,10 +9406,10 @@ function An({ sceneRef: e }) {
 }
 //#endregion
 //#region src/components/SearchPanel.tsx
-function jn(e, t = 40) {
+function Pn(e, t = 40) {
 	return e.length > t ? e.slice(0, t) + "…" : e;
 }
-function Mn({ onClose: e }) {
+function Fn({ onClose: e }) {
 	let a = O((e) => e.map), [o, s] = i(""), [c, l] = i("rooms"), [p, m] = i(0), h = r(null), g = r(null);
 	t(() => {
 		h.current?.focus();
@@ -9170,7 +9426,7 @@ function Mn({ onClose: e }) {
 				else if (n.includes(e)) o = "id";
 				else if (r.userData) {
 					for (let [t, n] of Object.entries(r.userData)) if (t.toLowerCase().includes(e) || String(n).toLowerCase().includes(e)) {
-						o = `${t}: ${jn(String(n))}`;
+						o = `${t}: ${Pn(String(n))}`;
 						break;
 					}
 				}
@@ -9392,7 +9648,7 @@ function Mn({ onClose: e }) {
 }
 //#endregion
 //#region src/components/SpreadShrinkPopup.tsx
-function Nn({ sceneRef: e }) {
+function In({ sceneRef: e }) {
 	let n = O((e) => e.spreadShrink), i = O((e) => e.selection), a = r(null);
 	if (t(() => {
 		if (!n) return;
@@ -9550,14 +9806,14 @@ function Nn({ sceneRef: e }) {
 }
 //#endregion
 //#region src/editor/reader/EditorMapReader.ts
-var Pn = {
+var Ln = {
 	1: "solid line",
 	2: "dash line",
 	3: "dot line",
 	4: "dash dot line",
 	5: "dash dot dot line"
 };
-function Fn(e, t) {
+function Rn(e, t) {
 	let n = {
 		id: e,
 		__raw: t
@@ -9646,7 +9902,7 @@ function Fn(e, t) {
 							g: 255,
 							b: 255
 						},
-						style: Pn[t.customLinesStyle?.[r]] ?? "solid line",
+						style: Ln[t.customLinesStyle?.[r]] ?? "solid line",
 						arrow: t.customLinesArrow?.[r] ?? !1
 					}
 				};
@@ -9657,7 +9913,7 @@ function Fn(e, t) {
 		configurable: !0
 	}), n;
 }
-function In(e) {
+function zn(e) {
 	let t = {
 		north: "south",
 		south: "north",
@@ -9723,7 +9979,7 @@ function In(e) {
 	}
 	return r;
 }
-function Ln(e) {
+function Bn(e) {
 	if (!e || e.length === 0) return "";
 	if (typeof e == "string") return e.includes(",") ? e.split(",")[1] : e;
 	try {
@@ -9732,10 +9988,10 @@ function Ln(e) {
 		return "";
 	}
 }
-function Rn(e) {
-	e.pixMapBase64 === void 0 && (e.pixMapBase64 = Ln(e.pixMap));
+function Vn(e) {
+	e.pixMapBase64 === void 0 && (e.pixMapBase64 = Bn(e.pixMap));
 }
-function zn(e, t) {
+function Hn(e, t) {
 	let n = e.id;
 	if (!e.font) {
 		let r = t[`system.labelFont_${n}`];
@@ -9765,7 +10021,7 @@ function zn(e, t) {
 		});
 	}
 }
-function Bn(e, t) {
+function Un(e, t) {
 	let n = e.id, r = e.font;
 	if (r?.family) {
 		let e = r.bold ? 75 : 50;
@@ -9776,7 +10032,7 @@ function Bn(e, t) {
 		t[`system.labelOutlineColor_${n}`] = `${r}|${i}|${a}|${o}`;
 	} else t[`system.labelOutlineColor_${n}`] = "0|0|0|0";
 }
-function Vn(e) {
+function Wn(e) {
 	return {
 		id: e.id,
 		pos: [...e.pos],
@@ -9792,7 +10048,7 @@ function Vn(e) {
 		imageSrc: e.imageSrc
 	};
 }
-var Hn = class {
+var Gn = class {
 	constructor(e, t) {
 		this.rooms = e, this.labels = t;
 	}
@@ -9822,7 +10078,7 @@ var Hn = class {
 	setLabels(e) {
 		this.labels = e;
 	}
-}, Un = class {
+}, Kn = class {
 	planes = {};
 	exits = /* @__PURE__ */ new Map();
 	version = 0;
@@ -9893,19 +10149,19 @@ var Hn = class {
 		let t = {};
 		for (let [n, r] of Object.entries(e)) {
 			let e = Number(n);
-			t[e] = new Hn(r, this.labels.filter((t) => t.Z === e));
+			t[e] = new Gn(r, this.labels.filter((t) => t.Z === e));
 		}
 		this.planes = t;
 	}
 	rebuildExits() {
-		this.exits = In(this.rooms);
+		this.exits = zn(this.rooms);
 	}
 };
-function Wn(e) {
+function qn(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 Gn = {
+var Jn = {
 	rgb: [
 		114,
 		1,
@@ -9918,7 +10174,7 @@ var Gn = {
 		225
 	],
 	symbolColorValue: "rgb(225,225,225)"
-}, Kn = class {
+}, Yn = class {
 	rooms = {};
 	areas = {};
 	colors = {};
@@ -9928,7 +10184,7 @@ var Gn = {
 		for (let e of t) this.colors[e.envId] = {
 			rgb: e.colors,
 			rgbValue: `rgb(${e.colors.join(",")})`,
-			symbolColor: Wn(e.colors) > .41 ? [
+			symbolColor: qn(e.colors) > .41 ? [
 				25,
 				25,
 				25
@@ -9937,19 +10193,19 @@ var Gn = {
 				255,
 				255
 			],
-			symbolColorValue: Wn(e.colors) > .41 ? "rgb(25,25,25)" : "rgb(225,255,255)"
+			symbolColorValue: qn(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 = Fn(t, n);
+				let r = Rn(t, n);
 				this.rooms[t] = r, i.push(r);
 			}
 			let a = e.labels?.[r] ?? [], o = e.areas[r]?.userData ?? {};
-			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)));
+			for (let e of a) Vn(e), Hn(e, o);
+			this.areas[r] = new Kn(r, e.areaNames[r] ?? `Area ${r}`, i, a.map((e) => this.toRendererLabel(e, r)));
 		}
 	}
 	toRendererLabel(e, t) {
@@ -10006,10 +10262,10 @@ var Gn = {
 		return !1;
 	}
 	getColorValue(e) {
-		return this.colors[e]?.rgbValue ?? Gn.rgbValue;
+		return this.colors[e]?.rgbValue ?? Jn.rgbValue;
 	}
 	getSymbolColor(e, t) {
-		let n = this.colors[e] ?? Gn, r = Math.min(Math.max(t ?? 1, 0), 1), i = n.symbolColor.join(",");
+		let n = this.colors[e] ?? Jn, 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) {
@@ -10043,7 +10299,7 @@ var Gn = {
 		this.raw.rooms[e] = t;
 		let n = this.raw.areas[t.area];
 		n && !n.rooms.includes(e) && n.rooms.push(e);
-		let r = Fn(e, t);
+		let r = Rn(e, t);
 		this.rooms[e] = r, this.areas[t.area]?.addRoomLive(r);
 	}
 	addRooms(e) {
@@ -10052,7 +10308,7 @@ var Gn = {
 			this.raw.rooms[n] = r;
 			let e = this.raw.areas[r.area];
 			e && !e.rooms.includes(n) && e.rooms.push(n);
-			let i = Fn(n, r);
+			let i = Rn(n, r);
 			this.rooms[n] = i;
 			let a = t.get(r.area);
 			a || (a = [], t.set(r.area, a)), a.push(i);
@@ -10154,7 +10410,7 @@ var Gn = {
 			isZone: !1,
 			zoneAreaRef: -1,
 			userData: {}
-		}, this.raw.areaNames[e] = t, this.areas[e] = new Un(e, t, [], []);
+		}, this.raw.areaNames[e] = t, this.areas[e] = new Kn(e, t, [], []);
 	}
 	removeArea(e) {
 		delete this.raw.areas[e], delete this.raw.areaNames[e], delete this.areas[e];
@@ -10182,7 +10438,7 @@ var Gn = {
 		for (let e of n) this.colors[e.envId] = {
 			rgb: e.colors,
 			rgbValue: `rgb(${e.colors.join(",")})`,
-			symbolColor: Wn(e.colors) > .41 ? [
+			symbolColor: qn(e.colors) > .41 ? [
 				25,
 				25,
 				25
@@ -10191,13 +10447,13 @@ var Gn = {
 				255,
 				255
 			],
-			symbolColorValue: Wn(e.colors) > .41 ? "rgb(25,25,25)" : "rgb(225,255,255)"
+			symbolColorValue: qn(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 ? Vn(n) : null;
+		return n ? Wn(n) : null;
 	}
 	addLabel(e, t) {
 		this.raw.labels[e] || (this.raw.labels[e] = []);
@@ -10219,7 +10475,7 @@ var Gn = {
 		};
 		this.raw.labels[e].push(r);
 		let i = this.raw.areas[e]?.userData;
-		i && Bn(r, i), this.syncRendererLabels(e);
+		i && Un(r, i), this.syncRendererLabels(e);
 	}
 	removeLabel(e, t) {
 		if (!this.raw.labels[e]) return;
@@ -10252,14 +10508,14 @@ var Gn = {
 		if (!r) return;
 		r.font = { ...n };
 		let i = this.raw.areas[e]?.userData;
-		i && Bn(r, i), this.syncRendererLabels(e);
+		i && Un(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 && Bn(r, i), this.syncRendererLabels(e);
+		i && Un(r, i), this.syncRendererLabels(e);
 	}
 	setLabelNoScaling(e, t, n) {
 		let r = this.raw.labels[e]?.find((e) => e.id === t);
@@ -10290,10 +10546,10 @@ var Gn = {
 	restoreAreaWithRooms(e, t, n, r) {
 		let i = [];
 		for (let { id: e, room: t } of n) {
-			let n = Fn(e, t);
+			let n = Rn(e, t);
 			this.rooms[e] = n, i.push(n);
 		}
-		this.areas[e] = new Un(e, t, i, []);
+		this.areas[e] = new Kn(e, t, i, []);
 		for (let e of r) {
 			let t = this.areas[e];
 			t && (t.rebuildExits(), t.markDirty());
@@ -10332,7 +10588,7 @@ var Gn = {
 		}
 		for (let e of this.getAreas()) n.has(e.getAreaId()) || e.rebuildExits();
 	}
-}, qn = class {
+}, Xn = class {
 	rects = /* @__PURE__ */ new Map();
 	layer;
 	unsubscribe;
@@ -10376,7 +10632,7 @@ var Gn = {
 		}
 		this.layer.batchDraw();
 	}
-}, Jn = "#ffcc00", Yn = .9, Xn = .3, Zn = .2, Qn = class {
+}, Zn = "#ffcc00", Qn = .9, $n = .3, er = .2, tr = class {
 	roomRect;
 	linkGroup;
 	layer;
@@ -10387,7 +10643,7 @@ var Gn = {
 	}
 	attach(e) {
 		this.layer = e, this.roomRect = new h.Rect({
-			stroke: Jn,
+			stroke: Zn,
 			strokeWidth: .06,
 			listening: !1,
 			visible: !1,
@@ -10435,23 +10691,23 @@ var Gn = {
 			}
 			for (let t of e.data.lines) this.linkGroup.add(new h.Line({
 				points: [...t.points],
-				stroke: Jn,
+				stroke: Zn,
 				strokeWidth: r,
 				dash: t.dash ? [...t.dash] : void 0,
 				listening: !1,
 				lineCap: "round",
-				opacity: Yn
+				opacity: Qn
 			}));
 			for (let t of e.data.arrows) this.linkGroup.add(new h.Arrow({
 				points: [...t.points],
-				stroke: Jn,
-				fill: Jn,
+				stroke: Zn,
+				fill: Zn,
 				strokeWidth: r,
 				dash: t.dash ? [...t.dash] : void 0,
 				pointerLength: t.pointerLength,
 				pointerWidth: t.pointerWidth,
 				listening: !1,
-				opacity: Yn
+				opacity: Qn
 			}));
 			this.linkGroup.visible(!0);
 		} else if (t.kind === "customLine") {
@@ -10462,32 +10718,32 @@ var Gn = {
 			}
 			let i = e.hasArrow && e.points.length >= 4 ? new h.Arrow({
 				points: [...e.points],
-				stroke: Jn,
-				fill: Jn,
+				stroke: Zn,
+				fill: Zn,
 				strokeWidth: r,
 				dash: e.dash ? [...e.dash] : void 0,
-				pointerLength: Xn,
-				pointerWidth: Zn,
+				pointerLength: $n,
+				pointerWidth: er,
 				listening: !1,
 				lineCap: "round",
 				lineJoin: "round",
-				opacity: Yn
+				opacity: Qn
 			}) : new h.Line({
 				points: [...e.points],
-				stroke: Jn,
+				stroke: Zn,
 				strokeWidth: r,
 				dash: e.dash ? [...e.dash] : void 0,
 				listening: !1,
 				lineCap: "round",
 				lineJoin: "round",
-				opacity: Yn
+				opacity: Qn
 			});
 			this.linkGroup.add(i), this.linkGroup.visible(!0);
 		}
 		this.layer.batchDraw();
 	}
-}, $n = .6;
-function er(e) {
+}, nr = .6;
+function rr(e) {
 	for (let [t, n, r] of at) if (r === e) return {
 		ox: t,
 		oy: n
@@ -10497,7 +10753,7 @@ function er(e) {
 		oy: 0
 	};
 }
-var tr = class {
+var ir = class {
 	line;
 	dirLabel;
 	layer;
@@ -10544,14 +10800,14 @@ var tr = class {
 		}
 		let r = n.getRenderRoom(t.sourceId);
 		if (!r) return;
-		let i = t.hoverTargetId == null ? null : n.getRenderRoom(t.hoverTargetId), a = (n.settings.roomSize ?? $n) / 2, o = r.x, s = r.y;
+		let i = t.hoverTargetId == null ? null : n.getRenderRoom(t.hoverTargetId), a = (n.settings.roomSize ?? nr) / 2, o = r.x, s = r.y;
 		if (t.sourceDir) {
-			let { ox: e, oy: n } = er(t.sourceDir);
+			let { ox: e, oy: n } = rr(t.sourceDir);
 			o = r.x + e * a, s = r.y + n * a;
 		}
 		let c, l;
 		if (i && t.targetDir) {
-			let { ox: e, oy: n } = er(t.targetDir);
+			let { ox: e, oy: n } = rr(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 = "";
@@ -10572,7 +10828,7 @@ var tr = 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();
 	}
-}, nr = class {
+}, ar = class {
 	rect;
 	layer;
 	unsubscribe;
@@ -10608,7 +10864,7 @@ var tr = class {
 		}
 		this.rect.x(t.x), this.rect.y(t.y), this.rect.visible(!0), this.layer.batchDraw();
 	}
-}, rr = class {
+}, or = class {
 	source;
 	target;
 	layer;
@@ -10686,7 +10942,7 @@ var tr = class {
 		}
 		this.layer.batchDraw();
 	}
-}, ir = "rgba(255, 220, 60, 0.9)", ar = .55, or = class {
+}, sr = "rgba(255, 220, 60, 0.9)", cr = .55, lr = class {
 	group;
 	layer;
 	unsubscribe;
@@ -10759,14 +11015,14 @@ var tr = class {
 		if (o) {
 			let t = this.resolveTargetRoom(e, o.roomId, o.exitName);
 			if (t) {
-				let { x: e, y: n } = t, r = ar, i = new h.Line({
+				let { x: e, y: n } = t, r = cr, i = new h.Line({
 					points: [
 						e - r,
 						n,
 						e + r,
 						n
 					],
-					stroke: ir,
+					stroke: sr,
 					strokeWidth: a,
 					listening: !1,
 					lineCap: "round"
@@ -10777,7 +11033,7 @@ var tr = class {
 						e,
 						n + r
 					],
-					stroke: ir,
+					stroke: sr,
 					strokeWidth: a,
 					listening: !1,
 					lineCap: "round"
@@ -10807,11 +11063,11 @@ var tr = class {
 			y: c.y
 		};
 	}
-}, sr = "#00e5ff", cr = {
-	shadowColor: sr,
+}, ur = "#00e5ff", dr = {
+	shadowColor: ur,
 	shadowBlur: 4,
 	shadowOpacity: .8
-}, lr = .3, ur = .2, dr = class {
+}, fr = .3, pr = .2, mr = class {
 	group;
 	layer;
 	unsubscribe;
@@ -10849,22 +11105,22 @@ var tr = class {
 			}
 			for (let t of e.data.lines) this.group.add(new h.Line({
 				points: [...t.points],
-				stroke: sr,
+				stroke: ur,
 				strokeWidth: .08,
 				dash: t.dash ? [...t.dash] : void 0,
 				listening: !1,
-				...cr
+				...dr
 			}));
 			for (let t of e.data.arrows) this.group.add(new h.Arrow({
 				points: [...t.points],
-				stroke: sr,
-				fill: sr,
+				stroke: ur,
+				fill: ur,
 				strokeWidth: .08,
 				dash: t.dash ? [...t.dash] : void 0,
 				pointerLength: t.pointerLength,
 				pointerWidth: t.pointerWidth,
 				listening: !1,
-				...cr
+				...dr
 			}));
 			this.group.visible(!0), this.layer.batchDraw();
 			return;
@@ -10877,28 +11133,28 @@ var tr = class {
 			}
 			let r = e.hasArrow && e.points.length >= 4 ? new h.Arrow({
 				points: [...e.points],
-				stroke: sr,
-				fill: sr,
+				stroke: ur,
+				fill: ur,
 				strokeWidth: .08,
 				dash: e.dash ? [...e.dash] : void 0,
-				pointerLength: lr,
-				pointerWidth: ur,
+				pointerLength: fr,
+				pointerWidth: pr,
 				listening: !1,
-				...cr
+				...dr
 			}) : new h.Line({
 				points: [...e.points],
-				stroke: sr,
+				stroke: ur,
 				strokeWidth: .08,
 				dash: e.dash ? [...e.dash] : void 0,
 				listening: !1,
-				...cr
+				...dr
 			});
 			this.group.add(r), this.group.add(new h.Circle({
 				x: e.points[0],
 				y: e.points[1],
 				radius: .1,
 				fill: "#1a2030",
-				stroke: sr,
+				stroke: ur,
 				strokeWidth: .04,
 				listening: !1
 			}));
@@ -10909,8 +11165,8 @@ var tr = class {
 					x: e.points[t],
 					y: e.points[t + 1],
 					radius: r ? .14 : .1,
-					fill: r ? "#ffffff" : sr,
-					stroke: r ? sr : "#ffffff",
+					fill: r ? "#ffffff" : ur,
+					stroke: r ? ur : "#ffffff",
 					strokeWidth: r ? .06 : .04,
 					listening: !1
 				}));
@@ -10923,13 +11179,13 @@ var tr = class {
 };
 //#endregion
 //#region src/editor/effects/GridOverlayEffect.ts
-function fr(e, t) {
+function hr(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 pr = class {
+var gr = class {
 	gridShape;
 	axisShape;
 	labelShape;
@@ -10961,7 +11217,7 @@ var pr = class {
 		}), this.axisShape = new h.Shape({
 			listening: !1,
 			visible: !1,
-			stroke: fr(this.gridColor, 2),
+			stroke: hr(this.gridColor, 2),
 			strokeWidth: this.gridLineWidth * 2,
 			sceneFunc: (e, t) => {
 				let { minX: n, maxX: r, minY: i, maxY: a } = this.bounds;
@@ -10975,7 +11231,7 @@ var pr = class {
 			text: "(0,0)",
 			fontSize: this.gridSize,
 			fontFamily: "monospace",
-			fill: fr(this.gridColor, 2)
+			fill: hr(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) {
@@ -10989,7 +11245,7 @@ var pr = 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());
 	}
-}, mr = class {
+}, _r = class {
 	rect;
 	layer;
 	unsubscribe;
@@ -11023,7 +11279,7 @@ var pr = class {
 };
 //#endregion
 //#region src/editor/effects/LabelHaloEffect.ts
-function hr(e, t, n, r) {
+function vr(e, t, n, r) {
 	return [
 		{
 			id: "nw",
@@ -11067,7 +11323,7 @@ function hr(e, t, n, r) {
 		}
 	];
 }
-var gr = class {
+var yr = class {
 	selRect;
 	hoverRect;
 	previewRect;
@@ -11157,7 +11413,7 @@ var gr = 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 = hr(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 = vr(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);
@@ -11176,7 +11432,7 @@ var gr = class {
 		} else this.previewRect.visible(!1);
 		this.layer.batchDraw();
 	}
-}, _r = class {
+}, br = class {
 	hLine;
 	vLine;
 	dot;
@@ -11265,11 +11521,11 @@ var gr = class {
 };
 //#endregion
 //#region src/editor/effects/GhostRoomsEffect.ts
-function vr(e, t) {
+function xr(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 {
+var Sr = class {
 	rects = /* @__PURE__ */ new Map();
 	layer;
 	unsubscribe;
@@ -11323,7 +11579,7 @@ var yr = class {
 		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);
+			let n = t?.getRenderRoom(e), o = t?.reader.getColorValue(n?.env ?? 1) ?? "rgb(128,128,128)", s = xr(o, .2), c = xr(o, .65), l = this.rects.get(e);
 			l || (l = new h.Rect({
 				strokeWidth: this.strokeWidth,
 				dash: [...this.dash],
@@ -11336,7 +11592,7 @@ var yr = class {
 };
 //#endregion
 //#region src/editor/pointerController.ts
-function br(e) {
+function Cr(e) {
 	let { container: t } = e, n = null, r = null, i = D.getState().spaceHeld, a = D.subscribe((r) => {
 		if (!i && r.spaceHeld && n !== null) {
 			Ft[r.activeTool].onCancel?.(e);
@@ -11402,10 +11658,10 @@ function br(e) {
 }
 //#endregion
 //#region src/editor/scene.ts
-function xr(e, t) {
+function wr(e, t) {
 	let n = m();
 	n.gridEnabled = !0, n.highlightCurrentRoom = !1, n.areaName = !1, n.labelRenderMode = "image", t.dataset.editorCursor = "true";
-	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 r = new Yn(e), i = new p(r, n, t), a = { current: null }, o = new _r(), s = new Xn(n.roomSize, a), c = new tr(n.roomSize, a), l = new ir(a), u = new ar(n.roomSize), d = new or(n.roomSize, a), f = new lr(a), h = new mr(a, n.roomSize), g = new yr(a), _ = new br(a), v = new Sr(n.roomSize, a), y = new gr(n.gridColor, n.gridLineWidth, n.gridSize, () => {
 		let e = D.getState();
 		if (e.currentAreaId == null) return !1;
 		let t = r.getArea(e.currentAreaId);
@@ -11435,7 +11691,7 @@ function xr(e, t) {
 		}
 	};
 	a.current = b;
-	let x = br({
+	let x = Cr({
 		renderer: i,
 		container: t,
 		settings: n,
@@ -11446,12 +11702,12 @@ function xr(e, t) {
 }
 //#endregion
 //#region src/App.tsx
-var Sr = {
+var Tr = {
 	top: 104,
 	right: 464,
 	bottom: 24,
 	left: 24
-}, Cr = {
+}, Er = {
 	1: "select",
 	2: "connect",
 	3: "unlink",
@@ -11460,7 +11716,7 @@ var Sr = {
 	6: "delete",
 	7: "pan",
 	8: "paint"
-}, wr = {
+}, Dr = {
 	ArrowLeft: {
 		dx: -1,
 		dy: 0
@@ -11478,7 +11734,7 @@ var Sr = {
 		dy: -1
 	}
 };
-function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
+function Or({ 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: F });
@@ -11494,17 +11750,17 @@ function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 		else if (e && !l) for (let e of a) e.onMapClosed?.();
 	}, [l]), t(() => {
 		if (!l || !s.current) return;
-		let e = xr(l, s.current);
+		let e = wr(l, s.current);
 		c.current = e;
 		let { currentAreaId: t, currentZ: n } = D.getState();
-		return t != null && e.setArea(t, n, Sr), () => {
+		return t != null && e.setArea(t, n, Tr), () => {
 			e.destroy(), c.current = null;
 		};
 	}, [l]), t(() => {
 		let e = c.current;
 		if (!e || !m || h == null) return;
 		let t = D.getState().navigateTo;
-		t ? (D.setState({ navigateTo: null }), e.setAreaAt(h, g, t.mapX, t.mapY)) : e.setArea(h, g, Sr);
+		t ? (D.setState({ navigateTo: null }), e.setAreaAt(h, g, t.mapX, t.mapY)) : e.setArea(h, g, Tr);
 	}, [
 		h,
 		g,
@@ -11549,7 +11805,7 @@ function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 		let { map: e, loaded: t, undo: n, currentAreaId: r, currentZ: i, sessionId: a } = D.getState();
 		if (!e || !t) return;
 		let o = setTimeout(() => {
-			bn(t.fileName, e, n, r, i, a ?? void 0).then((e) => {
+			Cn(t.fileName, e, n, r, i, a ?? void 0).then((e) => {
 				a || D.setState({ sessionId: e });
 			}).catch(console.error);
 		}, 1500);
@@ -11603,13 +11859,13 @@ function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					return;
 				}
 				if (t.key === "f" || t.key === "F") {
-					c.current?.renderer.fitArea(Sr);
+					c.current?.renderer.fitArea(Tr);
 					return;
 				}
-				if (Cr[t.key]) {
+				if (Er[t.key]) {
 					let e = D.getState();
 					e.pending?.kind === "customLine" && c.current && (Ot(e.pending, c.current), D.bumpData()), D.setState({
-						activeTool: Cr[t.key],
+						activeTool: Er[t.key],
 						pending: null
 					});
 					return;
@@ -11625,14 +11881,14 @@ function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					} });
 					return;
 				}
-				if (wr[t.key]) {
+				if (Dr[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 = wr[t.key], s = o.dx * a, l = o.dy * a, u = [...i.pos], d = [
+						let a = (t.shiftKey ? 5 : 1) * e.gridStep, o = Dr[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]
@@ -11651,7 +11907,7 @@ function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					}
 					if (e.selection.kind !== "room") return;
 					t.preventDefault();
-					let n = (t.shiftKey ? 5 : 1) * e.gridStep, r = wr[t.key], i = r.dx * n, a = r.dy * n, o = [];
+					let n = (t.shiftKey ? 5 : 1) * e.gridStep, r = Dr[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;
@@ -11689,7 +11945,7 @@ function Tr({ 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(Sr);
+		let i = () => c.current?.renderer.fitArea(Tr);
 		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);
 		};
@@ -11867,7 +12123,7 @@ function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 						ref: s,
 						className: "map-container"
 					}),
-					!m && /* @__PURE__ */ d(kn, {}),
+					!m && /* @__PURE__ */ d(Mn, {}),
 					/* @__PURE__ */ d(ue, {
 						title: o,
 						onHelpClick: () => E(!0),
@@ -11877,15 +12133,15 @@ function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 						},
 						onSearchClick: () => M((e) => !e)
 					}),
-					/* @__PURE__ */ d(pn, {
+					/* @__PURE__ */ d(gn, {
 						sceneRef: c,
 						extraTabs: I,
 						pluginRoomSections: L
 					})
 				]
 			}),
-			/* @__PURE__ */ d(mn, { sceneRef: c }),
-			p && /* @__PURE__ */ d(An, { sceneRef: c }),
+			/* @__PURE__ */ d(_n, { sceneRef: c }),
+			p && /* @__PURE__ */ d(Nn, { sceneRef: c }),
 			a.map((t, n) => /* @__PURE__ */ d(e, { children: t.renderOverlay?.() }, n)),
 			j && m && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
 				style: {
@@ -11894,8 +12150,8 @@ function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 					zIndex: 399
 				},
 				onMouseDown: () => M(!1)
-			}), /* @__PURE__ */ d(Mn, { onClose: () => M(!1) })] }),
-			/* @__PURE__ */ d(Nn, { sceneRef: c }),
+			}), /* @__PURE__ */ d(Fn, { onClose: () => M(!1) })] }),
+			/* @__PURE__ */ d(In, { sceneRef: c }),
 			T && /* @__PURE__ */ d(le, { onClose: () => E(!1) }),
 			(k || N) && /* @__PURE__ */ d(de, {
 				initialUrl: N ?? void 0,
@@ -11908,9 +12164,9 @@ function Tr({ plugins: a = [], title: o = "Mudlet Map Editor" }) {
 }
 //#endregion
 //#region src/editor/mapBytes.ts
-function Er() {
+function kr() {
 	let { map: e } = D.getState();
 	return e ? H(e) : null;
 }
 //#endregion
-export { Tr as App, Er as getMapBytes, G as loadUrlIntoStore, Y as pushCommand, D as store, O as useEditorState };
+export { Or as App, kr as getMapBytes, G as loadUrlIntoStore, Y as pushCommand, D as store, O as useEditorState };