@levo-so/site-runtime 0.1.113

package/dist/inspector/dom.js

@@ -0,0 +1,224 @@
+//#region src/inspector/dom.ts
+var e = {
+	ring: 99997,
+	overlay: 99998,
+	label: 99999
+}, t = {
+	hover: "#3b82f6",
+	hoverBg: "rgba(59,130,246,0.12)",
+	hoverLabelBg: "#1d4ed8",
+	select: "#16a34a",
+	selectGlow: "rgba(22,163,74,0.18)"
+}, n = (e) => {
+	let t = e?.getAttribute("data-tsd-source");
+	return t ? t.replace(/^\//, "") : null;
+}, r = (e) => Array.from(document.querySelectorAll("[data-tsd-source]")).filter((t) => n(t) === e), i = (e, t) => {
+	let n = r(t).indexOf(e);
+	return n < 0 ? 0 : n;
+}, a = (e, t = 0) => {
+	let n = r(e);
+	return n[t] ?? n[0] ?? null;
+}, o = (e, t) => {
+	let n = (e.getAttribute("data-staged-key") || "").split(/\s+/).filter(Boolean);
+	n.includes(t) || e.setAttribute("data-staged-key", [...n, t].join(" "));
+}, s = (e, t) => {
+	let n = (e.getAttribute("data-staged-key") || "").split(/\s+/).filter((e) => e && e !== t);
+	n.length ? e.setAttribute("data-staged-key", n.join(" ")) : e.removeAttribute("data-staged-key");
+}, c = (e, t) => {
+	let n = Object.entries(t.styles).filter(([e]) => /^-?[a-zA-Z][a-zA-Z0-9-]*$/.test(e)).map(([e, t]) => `${e}:${String(t).replace(/[;{}]/g, "")} !important;`).join("");
+	if (!n) return "";
+	let r = `[data-staged-key~="${CSS.escape(e)}"]{${n}}`, i = t.media?.replace(/[;{}]/g, "").trim();
+	return i ? `@media ${i}{${r}}` : r;
+}, l = (e) => {
+	let t = e.tagName.toLowerCase();
+	return t === "input" ? {
+		checkbox: "Checkbox",
+		radio: "Radio button",
+		submit: "Button",
+		button: "Button",
+		range: "Slider",
+		file: "File upload"
+	}[(e.getAttribute("type") || "text").toLowerCase()] || "Input" : {
+		a: "Link",
+		button: "Button",
+		img: "Image",
+		picture: "Image",
+		svg: "Icon",
+		h1: "Heading",
+		h2: "Heading",
+		h3: "Heading",
+		h4: "Heading",
+		h5: "Heading",
+		h6: "Heading",
+		p: "Text",
+		span: "Text",
+		strong: "Text",
+		em: "Text",
+		ul: "List",
+		ol: "List",
+		li: "List item",
+		nav: "Navigation",
+		header: "Header",
+		footer: "Footer",
+		form: "Form",
+		label: "Label",
+		select: "Dropdown",
+		textarea: "Text field",
+		video: "Video",
+		section: "Section",
+		article: "Article",
+		main: "Section",
+		aside: "Sidebar",
+		div: "Container"
+	}[t] || `${t.charAt(0).toUpperCase()}${t.slice(1)}`;
+}, u = 36, d = (e) => {
+	let t = l(e), n = ((e) => e.replace(/\s+/g, " ").trim())(e.getAttribute("aria-label") || e.getAttribute("alt") || e.getAttribute("title") || e.getAttribute("name") || "");
+	return n ? `${t} · ${n.length > u ? `${n.slice(0, u - 1).trimEnd()}…` : n}` : t;
+}, f = (e) => {
+	let t = [], n = e;
+	for (; n && n.nodeType === 1 && n !== document.body && t.length < 8;) t.unshift(n.tagName.toLowerCase()), n = n.parentElement;
+	return t.join(" > ");
+}, p = () => {
+	let n = document.createElement("div");
+	n.style.cssText = `position:fixed;pointer-events:none;z-index:${e.overlay};background:${t.hoverBg};outline:2px solid ${t.hover};border-radius:2px;display:none`;
+	let r = document.createElement("div");
+	r.style.cssText = `position:fixed;pointer-events:none;z-index:${e.label};background:${t.hoverLabelBg};color:#fff;font:11px/1.6 ui-monospace,monospace;padding:1px 6px;border-radius:4px;display:none;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis`;
+	let i = document.createElement("div");
+	i.style.cssText = `position:fixed;pointer-events:none;z-index:${e.ring};outline:2px solid ${t.select};outline-offset:1px;border-radius:3px;box-shadow:0 0 0 4px ${t.selectGlow};display:none`;
+	let a = document.createElement("div");
+	return a.style.cssText = `position:fixed;pointer-events:none;z-index:${e.label};background:${t.select};color:#fff;font:11px/1.6 ui-monospace,monospace;padding:1px 6px;border-radius:4px;display:none;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis`, {
+		overlay: n,
+		label: r,
+		ring: i,
+		ringLabel: a
+	};
+}, m = (e, t, n) => {
+	let r = n.getBoundingClientRect();
+	e.style.display = "block", e.style.left = `${r.left}px`, e.style.top = `${r.top}px`, e.style.width = `${r.width}px`, e.style.height = `${r.height}px`, t.style.display = "block", t.textContent = d(n), t.style.left = `${Math.max(4, r.left)}px`, t.style.top = `${r.top > 26 ? r.top - 22 : r.bottom + 4}px`;
+}, h = (e) => {
+	let t = (e instanceof Element ? e : null)?.closest("a[href]");
+	if (!t || t.target === "_blank") return null;
+	let n;
+	try {
+		n = new URL(t.href, location.href);
+	} catch {
+		return null;
+	}
+	return n.protocol !== "http:" && n.protocol !== "https:" || n.origin === location.origin ? null : n.href;
+}, g = (e) => {
+	if (!e.childNodes.length) return !1;
+	let t = !1;
+	for (let n of e.childNodes) {
+		if (n.nodeType !== 3) return !1;
+		(n.textContent ?? "").trim() && (t = !0);
+	}
+	return t;
+}, _ = 2e3, v = (e) => {
+	let t = [], r = e;
+	for (; r && r.nodeType === 1 && r !== document.body && t.length < 8;) {
+		let e = n(r);
+		e && t.unshift({
+			tag: r.tagName.toLowerCase(),
+			text: (r.textContent || "").trim().slice(0, 60),
+			source: e
+		}), r = r.parentElement;
+	}
+	return t;
+}, y = (e) => {
+	let t = n(e), a = t ? r(t).length : 1, o = t ? i(e, t) : 0, s = t && g(e) ? (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, _) : void 0, c = b(e);
+	return {
+		tag: e.tagName.toLowerCase(),
+		classes: typeof e.className == "string" ? e.className.trim() : "",
+		text: (e.innerText || "").trim().slice(0, 120),
+		label: d(e),
+		path: f(e),
+		source: t,
+		index: o,
+		occurrences: a,
+		ancestors: v(e),
+		...s === void 0 ? {} : { fullText: s },
+		...c ? { sourceBinding: c } : {}
+	};
+}, b = (e) => {
+	let t = e.closest("[data-levo-source]");
+	if (!t) return;
+	let r = t.getAttribute("data-levo-source") ?? "", a = n(t), o;
+	try {
+		o = JSON.parse(r);
+	} catch {
+		o = void 0;
+	}
+	return {
+		raw: r,
+		element: {
+			source: a ?? "",
+			index: a ? i(t, a) : 0
+		},
+		...o === void 0 ? {} : { config: o }
+	};
+}, x = () => Array.from(document.querySelectorAll("[data-levo-source]")).map((e) => {
+	let t = e.getAttribute("data-levo-source") ?? "", r = n(e), a;
+	try {
+		a = JSON.parse(t);
+	} catch {
+		a = void 0;
+	}
+	return {
+		raw: t,
+		element: {
+			source: r ?? "",
+			index: r ? i(e, r) : 0
+		},
+		tag: e.tagName.toLowerCase(),
+		label: d(e),
+		...a === void 0 ? {} : { config: a }
+	};
+}), S = 14, C = 2e3, w = 100, T = 48, E = new Set([
+	"script",
+	"style",
+	"template",
+	"noscript"
+]), D = (e, t) => t.includes(e) || e.id === "studio-staged" || E.has(e.tagName.toLowerCase()), O = (e) => {
+	let t = !1, r = 0, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+	for (let e of Array.from(document.querySelectorAll("[data-tsd-source]"))) {
+		let t = n(e);
+		if (!t) continue;
+		let r = a.get(t) ?? 0;
+		i.set(e, r), a.set(t, r + 1);
+	}
+	let o = (e) => {
+		for (let t of e.childNodes) {
+			if (t.nodeType !== 3) continue;
+			let e = (t.textContent ?? "").replace(/\s+/g, " ").trim();
+			if (e) return e.length > T ? `${e.slice(0, T).trimEnd()}…` : e;
+		}
+	}, s = (a, c) => {
+		r++;
+		let l = n(a), u = o(a), d = Array.from(a.children).filter((t) => !D(t, e)), f = {
+			tag: a.tagName.toLowerCase(),
+			...l ? {
+				source: l,
+				index: i.get(a) ?? 0
+			} : {},
+			...u === void 0 ? {} : { text: u },
+			...a.classList.contains("hidden") ? { hidden: !0 } : {},
+			childCount: d.length,
+			children: []
+		};
+		if (c >= S) return d.length && (t = !0), f;
+		for (let e of d) {
+			if (f.children.length >= w || r >= C) {
+				t = !0;
+				break;
+			}
+			f.children.push(s(e, c + 1));
+		}
+		return f;
+	};
+	return {
+		tree: s(document.body, 0),
+		truncated: t
+	};
+};
+//#endregion
+export { t as COLOR, o as addStagedKey, O as buildLayersTree, p as createOverlayNodes, c as cssRuleFor, x as enumerateSources, h as externalLinkHref, g as isTextLeaf, a as nodeForSource, r as nodesForSource, m as positionBox, s as removeStagedKey, y as selectedPayload, i as sourceIndex, n as sourceOf };

package/dist/inspector/editorChannel.d.ts

@@ -0,0 +1,7 @@
+import { IPreviewToEditor } from './protocol';
+export type IEditorChannel = ReturnType<typeof createEditorChannel>;
+export declare const createEditorChannel: () => {
+    send: (msg: IPreviewToEditor) => void;
+    acceptOrigin: (e: MessageEvent) => boolean;
+};
+//# sourceMappingURL=editorChannel.d.ts.map

package/dist/inspector/editorChannel.js

@@ -0,0 +1,19 @@
+//#region src/inspector/editorChannel.ts
+var e = () => {
+	let e = null;
+	return {
+		send: (t) => {
+			parent.postMessage({
+				source: "web-chat-preview",
+				...t
+			}, e ?? "*");
+		},
+		acceptOrigin: (t) => {
+			if (e === null) e = t.origin;
+			else if (t.origin !== e) return !1;
+			return !0;
+		}
+	};
+};
+//#endregion
+export { e as createEditorChannel };

package/dist/inspector/historyWatcher.d.ts

@@ -0,0 +1,8 @@
+export type IHistoryWatcher = ReturnType<typeof createHistoryWatcher>;
+export declare const createHistoryWatcher: (deps: {
+    /** Fired AFTER `location.pathname` actually changed (dedup handled here). */
+    onPathChange: () => void;
+}) => {
+    teardown: () => void;
+};
+//# sourceMappingURL=historyWatcher.d.ts.map

package/dist/inspector/historyWatcher.js

@@ -0,0 +1,24 @@
+//#region src/inspector/historyWatcher.ts
+var e = (e) => {
+	let t = location.pathname, n = () => {
+		location.pathname !== t && (t = location.pathname, e.onPathChange());
+	}, r = !1;
+	if (!history.pushState.__inspectorPatched) {
+		let e = history.pushState, t = history.replaceState, i = function(...t) {
+			let r = e.apply(this, t);
+			return n(), r;
+		}, a = function(...e) {
+			let r = t.apply(this, e);
+			return n(), r;
+		};
+		i.__inspectorPatched = !0, i.__orig = e, a.__inspectorPatched = !0, a.__orig = t, history.pushState = i, history.replaceState = a, r = !0;
+	}
+	return window.addEventListener("popstate", n), { teardown: () => {
+		if (window.removeEventListener("popstate", n), r) {
+			let e = history.pushState, t = history.replaceState;
+			e.__inspectorPatched && e.__orig && (history.pushState = e.__orig), t.__inspectorPatched && t.__orig && (history.replaceState = t.__orig);
+		}
+	} };
+};
+//#endregion
+export { e as createHistoryWatcher };

package/dist/inspector/index.d.ts

@@ -0,0 +1,2 @@
+export declare function Inspector(): null;
+//# sourceMappingURL=index.d.ts.map

package/dist/inspector/index.js

@@ -0,0 +1,191 @@
+import { createOverlayNodes as e, externalLinkHref as t, isTextLeaf as n, positionBox as r, selectedPayload as ee, sourceOf as te } from "./dom.js";
+import { createEditorChannel as ne } from "./editorChannel.js";
+import { createHistoryWatcher as re } from "./historyWatcher.js";
+import { createMessageRouter as ie } from "./messageRouter.js";
+import { createOriginalsStash as i } from "./originalsStash.js";
+import { createStagedOverrides as a } from "./stagedOverrides.js";
+import { createTextEditController as ae } from "./textEditController.js";
+import { useEffect as o } from "react";
+//#region src/inspector/index.tsx
+function s() {
+	return o(() => c(), []), null;
+}
+function c() {
+	let o = !1, s = null, c = null, l = !1, u = null, d = i(), f = ne(), { overlay: p, label: m, ring: h, ringLabel: g } = e();
+	document.body.append(p, m, h, g);
+	let _ = [
+		p,
+		m,
+		h,
+		g
+	], v = null, y = (e) => {
+		e && !v ? (v = document.createElement("style"), v.id = "studio-pick-cursor", v.textContent = "*,*::before,*::after{cursor:crosshair !important}", document.head.appendChild(v)) : !e && v && (v.remove(), v = null);
+	}, b = (e) => !e || _.includes(e) || e === document.body || e === document.documentElement, x = (e) => {
+		if (!e || b(e)) return null;
+		let t = te(e) ? e : e.closest("[data-tsd-source]");
+		return !t || b(t) || !n(t) ? null : t;
+	}, S = (e) => r(p, m, e), C = () => {
+		if (c) {
+			if (!c.isConnected) {
+				M();
+				return;
+			}
+			r(h, g, c);
+		}
+	}, w = 0, T = () => {
+		w || !c || l || (w = requestAnimationFrame(() => {
+			w = 0, C();
+		}));
+	}, E = new ResizeObserver(T), D = new MutationObserver((e) => {
+		for (let t of e) {
+			let e = t.target;
+			if (!_.some((t) => t === e) && !(t.type === "attributes" && t.attributeName === "data-staged-key")) {
+				T(), I.scheduleReapply();
+				return;
+			}
+		}
+	}), O = !1, k = () => {
+		O ||= (D.observe(document.documentElement, {
+			attributes: !0,
+			childList: !0,
+			characterData: !0,
+			subtree: !0
+		}), !0);
+	}, A = () => {
+		O &&= (D.disconnect(), !1);
+	}, j = () => {
+		E.disconnect(), c?.isConnected && (E.observe(c), k());
+	}, M = () => {
+		c = null, E.disconnect(), L(), w &&= (cancelAnimationFrame(w), 0), h.style.display = "none", g.style.display = "none";
+	}, N = (e) => S(e), P = () => {
+		p.style.display = "none", m.style.display = "none";
+	}, F = ae({
+		channel: f,
+		originals: d,
+		clearTextHover: () => {
+			u = null, P();
+		}
+	}), I = a({
+		originals: d,
+		editingNode: F.editingNode
+	}), L = () => {
+		c?.isConnected || I.count() ? k() : A();
+	}, R = (e) => {
+		e && l && z(!1), o = !!e, y(o), o || (s = null, p.style.display = "none", m.style.display = "none"), f.send({
+			type: "inspect-state",
+			enabled: o
+		});
+	}, z = (e) => {
+		l = !!e, l ? (o && R(!1), h.style.display = "none", g.style.display = "none") : (F.commitIfEditing(), P(), document.documentElement.style.cursor = "", c && C()), f.send({
+			type: "text-edit-state",
+			enabled: l
+		});
+	}, B = 0, V = 0, H = 0, oe = () => {
+		B = 0;
+		let e = document.elementFromPoint(V, H);
+		if (!b(e)) {
+			if (l) {
+				let t = x(e);
+				if (t && t === F.editingNode()) {
+					u = null, P(), document.documentElement.style.cursor = "";
+					return;
+				}
+				u = t, document.documentElement.style.cursor = t ? "text" : "", t ? N(t) : P();
+				return;
+			}
+			o && (s = e, e && S(e));
+		}
+	}, U = (e) => {
+		!o && !l || (V = e.clientX, H = e.clientY, B ||= requestAnimationFrame(oe));
+	}, W = 0, se = () => {
+		W = 0, o && s && S(s), l && !F.editingNode() && u?.isConnected && N(u), c && !l && C();
+	}, G = () => {
+		W ||= requestAnimationFrame(se);
+	}, K = (e) => {
+		let n = t(e.target);
+		return n ? (e.preventDefault(), e.stopPropagation(), window.open(n, "_blank", "noopener,noreferrer"), !0) : !1;
+	}, q = (e) => {
+		if (l) {
+			let t = x(document.elementFromPoint(e.clientX, e.clientY) || e.target);
+			if (!t || t === F.editingNode()) {
+				K(e);
+				return;
+			}
+			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), F.startEdit(t);
+			return;
+		}
+		if (!o) {
+			K(e);
+			return;
+		}
+		e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
+		let t = s || e.target;
+		if (b(t)) return;
+		let n = t.closest("[data-tsd-source]") || t;
+		c = n, C(), j(), f.send({
+			type: "element-selected",
+			element: ee(n)
+		});
+	}, J = ie({
+		channel: f,
+		originals: d,
+		staged: I,
+		setInspect: R,
+		setTextEdit: z,
+		isInspecting: () => o,
+		isTextEditing: () => l,
+		editingNode: F.editingNode,
+		setSelected: (e) => {
+			c = e, j();
+		},
+		positionSelected: C,
+		clearSelection: M,
+		syncDomObserver: L,
+		positionHover: S,
+		hideTextHover: P,
+		startEditAtEnd: (e) => F.startEdit(e, !0),
+		editableTarget: x,
+		ownNodes: _
+	}), Y = [
+		"mousedown",
+		"mouseup",
+		"dblclick",
+		"auxclick",
+		"pointerdown",
+		"pointerup",
+		"mouseover",
+		"mouseout",
+		"mouseenter",
+		"mouseleave",
+		"pointerover",
+		"pointerout",
+		"pointerenter",
+		"pointerleave",
+		"touchstart",
+		"touchend",
+		"submit"
+	], X = (e) => {
+		o && (e.cancelable && e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
+	}, Z = () => {
+		c && !l && C();
+	}, Q = () => {
+		let e = location.pathname.replace(/\/$/, "") || "/";
+		f.send({
+			type: "route",
+			route: e
+		});
+	}, ce = re({ onPathChange: () => {
+		M(), Q();
+	} }), $ = (e) => {
+		e.key !== "Escape" || F.editingNode() || (l ? z(!1) : o && R(!1));
+	};
+	window.addEventListener("mousemove", U, !0), window.addEventListener("scroll", G, !0), window.addEventListener("resize", Z), window.addEventListener("click", q, !0), window.addEventListener("keydown", $, !0), window.addEventListener("message", J.onMessage);
+	for (let e of Y) window.addEventListener(e, X, !0);
+	return Q(), f.send({ type: "ready" }), () => {
+		window.removeEventListener("mousemove", U, !0), window.removeEventListener("keydown", $, !0), window.removeEventListener("scroll", G, !0), window.removeEventListener("resize", Z), window.removeEventListener("click", q, !0), window.removeEventListener("message", J.onMessage);
+		for (let e of Y) window.removeEventListener(e, X, !0);
+		E.disconnect(), D.disconnect(), w && cancelAnimationFrame(w), B && cancelAnimationFrame(B), W && cancelAnimationFrame(W), I.teardown(), ce.teardown(), F.teardown(), document.documentElement.style.cursor = "", v?.remove(), p.remove(), m.remove(), h.remove(), g.remove();
+	};
+}
+//#endregion
+export { s as Inspector };

package/dist/inspector/messageRouter.d.ts

@@ -0,0 +1,38 @@
+import { IEditorChannel } from './editorChannel';
+import { IOriginalsStash } from './originalsStash';
+import { IStagedOverrides } from './stagedOverrides';
+export interface IMessageRouterContext {
+    channel: IEditorChannel;
+    originals: IOriginalsStash;
+    staged: IStagedOverrides;
+    /** Enter/exit select mode (mutual exclusion + state echo live in the setter). */
+    setInspect: (on: boolean) => void;
+    /** Enter/exit text mode (mutual exclusion + state echo live in the setter). */
+    setTextEdit: (on: boolean) => void;
+    isInspecting: () => boolean;
+    isTextEditing: () => boolean;
+    /** The node currently in contenteditable, or null. */
+    editingNode: () => Element | null;
+    /** Adopt `node` as the persistent selection (ring bookkeeping + observers re-arm). */
+    setSelected: (node: Element) => void;
+    /** Redraw the selection ring (internally drops a disconnected selection). */
+    positionSelected: () => void;
+    /** Drop the persistent selection + its ring. */
+    clearSelection: () => void;
+    /** Re-arbitrate the document-wide MutationObserver (selection OR staged need it). */
+    syncDomObserver: () => void;
+    /** Draw the transient hover outline + label on `el`. */
+    positionHover: (el: Element) => void;
+    /** Hide the transient hover outline + label. */
+    hideTextHover: () => void;
+    /** Begin an in-place text edit on `el`, caret at the end (programmatic start). */
+    startEditAtEnd: (el: Element) => void;
+    /** The nearest editable text-leaf for `el`, or null (mirrors the click-path test). */
+    editableTarget: (el: Element | null) => Element | null;
+    /** The runtime's own overlay artifacts, skipped by the layers snapshot. */
+    ownNodes: readonly Element[];
+}
+export declare const createMessageRouter: (ctx: IMessageRouterContext) => {
+    onMessage: (e: MessageEvent) => void;
+};
+//# sourceMappingURL=messageRouter.d.ts.map

package/dist/inspector/messageRouter.js

@@ -0,0 +1,134 @@
+import { buildLayersTree as e, enumerateSources as t, nodeForSource as n, selectedPayload as r } from "./dom.js";
+//#region src/inspector/messageRouter.ts
+var i = (i) => {
+	let { channel: a, originals: o, staged: s } = i, c = a.send, l = null;
+	return { onMessage: (u) => {
+		let d = u.data;
+		if (!(!d || d.source !== "web-chat") && a.acceptOrigin(u)) {
+			if (d.type === "set-inspect") i.setInspect(d.enabled);
+			else if (d.type === "set-text-edit") i.setTextEdit(d.enabled);
+			else if (d.type === "revert-text") {
+				let e = String(d.element?.source || ""), t = Number.isInteger(d.element?.index) ? d.element.index : 0, r = o.restore(`${e}#${t}`), i = r == null ? null : n(e, t);
+				i && r != null && (i.textContent = r);
+			} else if (d.type === "stage-style") {
+				let e = String(d.stageId || ""), t = String(d.element?.source || ""), n = Number.isInteger(d.element?.index) ? d.element.index : 0, r = d.styles && typeof d.styles == "object" ? d.styles : null;
+				if (!e || /\s/.test(e) || !t || !r) return;
+				let a = {
+					kind: "style",
+					source: t,
+					index: n,
+					styles: r,
+					media: typeof d.media == "string" && d.media.trim() ? d.media : void 0
+				};
+				s.upsert(e, a), i.syncDomObserver(), c({
+					type: "staged-ack",
+					stageId: e
+				});
+			} else if (d.type === "stage-text") {
+				let e = String(d.stageId || ""), t = String(d.element?.source || ""), n = Number.isInteger(d.element?.index) ? d.element.index : 0;
+				if (!e || /\s/.test(e) || !t || typeof d.value != "string") return;
+				let r = {
+					kind: "text",
+					source: t,
+					index: n,
+					value: d.value
+				};
+				s.upsert(e, r), i.syncDomObserver(), c({
+					type: "staged-ack",
+					stageId: e
+				});
+			} else if (d.type === "clear-staged") {
+				if (d.stageId == null) {
+					let e = s.ids();
+					s.clearAll();
+					for (let t of e) c({
+						type: "staged-ack",
+						stageId: t
+					});
+				} else {
+					let e = String(d.stageId);
+					s.clearOne(e), c({
+						type: "staged-ack",
+						stageId: e
+					});
+				}
+				i.syncDomObserver();
+			} else if (d.type === "select-element") {
+				let e = String(d.element?.source || ""), t = Number.isInteger(d.element?.index) ? d.element.index : 0, a = e ? n(e, t) : null;
+				if (!a) {
+					c({
+						type: "select-miss",
+						element: {
+							source: e,
+							index: t
+						}
+					});
+					return;
+				}
+				l = null, i.hideTextHover(), i.setSelected(a), i.isTextEditing() || i.positionSelected(), a.scrollIntoView({
+					block: "center",
+					behavior: "smooth"
+				}), c({
+					type: "element-selected",
+					element: r(a)
+				});
+			} else if (d.type === "edit-element") {
+				let e = String(d.element?.source || ""), t = Number.isInteger(d.element?.index) ? d.element.index : 0, a = e ? n(e, t) : null;
+				if (!a) {
+					c({
+						type: "select-miss",
+						element: {
+							source: e,
+							index: t
+						}
+					});
+					return;
+				}
+				l = null, i.hideTextHover(), i.setSelected(a), a.scrollIntoView({
+					block: "center",
+					behavior: "smooth"
+				}), c({
+					type: "element-selected",
+					element: r(a)
+				}), i.isTextEditing() || i.setTextEdit(!0);
+				let o = i.editableTarget(a);
+				o && i.startEditAtEnd(o);
+			} else if (d.type === "highlight-element") {
+				let e = String(d.element?.source || ""), t = Number.isInteger(d.element?.index) ? d.element.index : 0, r = e ? n(e, t) : null;
+				if (!r) l = null, i.hideTextHover(), c({
+					type: "highlight-miss",
+					element: {
+						source: e,
+						index: t
+					}
+				});
+				else {
+					l = r, i.positionHover(r);
+					let e = r.getBoundingClientRect(), t = window.innerHeight || document.documentElement.clientHeight, n = window.innerWidth || document.documentElement.clientWidth;
+					(e.bottom < 0 || e.top > t || e.right < 0 || e.left > n) && r.scrollIntoView({
+						block: "center",
+						behavior: "smooth"
+					});
+				}
+			} else if (d.type === "clear-highlight") l && (l = null, !i.isInspecting() && !i.editingNode() && i.hideTextHover());
+			else if (d.type === "request-layers") {
+				let { tree: t, truncated: n } = e(i.ownNodes);
+				c({
+					type: "layers-tree",
+					tree: t,
+					truncated: n
+				});
+			} else if (d.type === "request-sources") c({
+				type: "sources-list",
+				sources: t()
+			});
+			else if (d.type === "clear-selection") i.clearSelection();
+			else if (d.type === "navigate") {
+				let e = String(d.route || "/");
+				/^\/(?!\/)[A-Za-z0-9\-._~/?#[\]@!$&'()*+,;=%]*$/.test(e) && location.assign(e);
+			}
+		}
+	} };
+};
+//#endregion
+export { i as createMessageRouter };

package/dist/inspector/originalsStash.d.ts

@@ -0,0 +1,12 @@
+export type IOriginalsStash = ReturnType<typeof createOriginalsStash>;
+export declare const createOriginalsStash: () => {
+    /** Stash unconditionally (edit start) — a fresh edit re-captures the current text. */
+    capture: (key: string, text: string) => void;
+    /** Stash only if absent (staged re-apply) — never overwrite the true original. */
+    captureOnce: (key: string, text: string) => void;
+    /** Peek without consuming — commit keeps the stash for a possible later revert. */
+    get: (key: string) => string | undefined;
+    /** Consume: return the original AND drop it (cancel / clear-staged / revert-text). */
+    restore: (key: string) => string | undefined;
+};
+//# sourceMappingURL=originalsStash.d.ts.map