@codeflip/embed 0.0.0-stage → 0.1.1

package/dist/codeflip.js

@@ -0,0 +1,2502 @@
+// ../trace/src/index.ts
+var e = {
+	c: {
+		manualMemory: !0,
+		dynamic: !1,
+		nullWord: "NULL"
+	},
+	cpp: {
+		manualMemory: !0,
+		dynamic: !1,
+		nullWord: "NULL"
+	},
+	java: {
+		manualMemory: !1,
+		dynamic: !1,
+		nullWord: "null"
+	},
+	python: {
+		manualMemory: !1,
+		dynamic: !0,
+		nullWord: "None"
+	},
+	javascript: {
+		manualMemory: !1,
+		dynamic: !0,
+		nullWord: "null"
+	},
+	typescript: {
+		manualMemory: !1,
+		dynamic: !0,
+		nullWord: "null"
+	}
+}, t = /* @__PURE__ */ new WeakMap();
+function n(e, n) {
+	let r = t.get(e);
+	if (!r) {
+		r = [];
+		let n = { ...e.files };
+		for (let t of e.steps) {
+			if (t.files) {
+				n = { ...n };
+				for (let [e, r] of Object.entries(t.files)) r === null ? delete n[e] : n[e] = r;
+			}
+			r.push(n);
+		}
+		t.set(e, r);
+	}
+	return r[Math.min(Math.max(n, 0), r.length - 1)] ?? { ...e.files };
+}
+function r(e, t) {
+	if (t <= 0) return 0;
+	let n = e.indexOf("\n", t - 1);
+	return n < 0 ? e.length : n + 1;
+}
+// ../renderer/src/animate.ts
+var i = "cubic-bezier(0.16, 1, 0.3, 1)", a = 220, o = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+function s(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e.querySelectorAll("[data-cf-anim]")) t.set(n.dataset.cfAnim, {
+		rect: n.getBoundingClientRect(),
+		el: n
+	});
+	return t;
+}
+function c(e, t, n) {
+	for (let e of n.querySelectorAll(".cf-exit")) e.remove();
+	let r = s(e);
+	for (let [e, { rect: n, el: a }] of r) {
+		let r = t.get(e)?.rect;
+		if (!r) {
+			a.classList.contains("cf-frame") && a.animate([{
+				opacity: 0,
+				transform: "translateY(-8px)"
+			}, {
+				opacity: 1,
+				transform: "none"
+			}], {
+				duration: 320,
+				easing: i
+			});
+			continue;
+		}
+		let o = r.left - n.left, s = r.top - n.top, c = Math.abs(r.height - n.height) > .5 || Math.abs(r.width - n.width) > .5;
+		if (Math.abs(o) < .5 && Math.abs(s) < .5 && !c) continue;
+		let l = a.style.overflow;
+		a.style.overflow = "clip";
+		let u = (c ? [...a.children].filter((e) => e instanceof HTMLElement) : []).map((e) => {
+			let t = {
+				width: e.style.width,
+				minWidth: e.style.minWidth,
+				boxSizing: e.style.boxSizing
+			}, n = `${e.getBoundingClientRect().width}px`;
+			return Object.assign(e.style, {
+				width: n,
+				minWidth: n,
+				boxSizing: "border-box"
+			}), () => Object.assign(e.style, t);
+		}), d = a.animate([{
+			transform: `translate(${o}px, ${s}px)`,
+			height: `${r.height}px`,
+			width: `${r.width}px`
+		}, {
+			transform: "none",
+			height: `${n.height}px`,
+			width: `${n.width}px`
+		}], {
+			duration: 320,
+			easing: i
+		}), f = () => {
+			a.style.overflow = l;
+			for (let e of u) e();
+		};
+		d.onfinish = f, d.oncancel = f;
+	}
+	let o = n.getBoundingClientRect();
+	for (let [e, { rect: s, el: c }] of t) {
+		if (r.has(e)) continue;
+		let t = c.cloneNode(!0);
+		for (let e of [t, ...t.querySelectorAll("*")]) e.removeAttribute("data-cf-key"), e.removeAttribute("data-cf-ptr"), e.removeAttribute("data-cf-anim"), e.removeAttribute("id");
+		t.classList.add("cf-exit"), t.setAttribute("aria-hidden", "true"), Object.assign(t.style, {
+			position: "absolute",
+			left: `${s.left - o.left + n.scrollLeft}px`,
+			top: `${s.top - o.top + n.scrollTop}px`,
+			width: `${s.width}px`,
+			height: `${s.height}px`,
+			margin: "0",
+			pointerEvents: "none",
+			overflow: "clip",
+			animation: "none"
+		}), n.append(t), t.animate([{
+			opacity: 1,
+			transform: "none"
+		}, {
+			opacity: 0,
+			transform: "scale(0.96)"
+		}], {
+			duration: a,
+			easing: i,
+			fill: "forwards"
+		}).finished.then(() => t.remove(), () => t.remove());
+	}
+}
+function l(e, t, n) {
+	let r = !1, i = performance.now() + e, a = () => {
+		if (!r) {
+			if (performance.now() >= i) return n();
+			t(), requestAnimationFrame(a);
+		}
+	};
+	return requestAnimationFrame(a), () => r = !0;
+}
+// ../renderer/src/arrows.ts
+var u = "http://www.w3.org/2000/svg", d = 14, f = 8, p = 14, m = 6, h = 8, g = (e) => e.classList.contains("cf-cell") && !!e.previousElementSibling;
+function _(e, t, n) {
+	let r = e.closest(".cf-heap-row"), i = e.closest(".cf-object");
+	if (!r || !i) return null;
+	if (g(e)) return r.getBoundingClientRect();
+	let a = i.getBoundingClientRect();
+	return [...r.children].some((e) => {
+		if (e === i) return !1;
+		let r = e.getBoundingClientRect();
+		return r.right + n > t && r.left < a.left;
+	}) ? r.getBoundingClientRect() : null;
+}
+function v(e, t, n, r) {
+	let i = e.getRootNode(), a = e.getBoundingClientRect(), o = e.scrollLeft - a.left, s = e.scrollTop - a.top;
+	t.setAttribute("width", String(e.scrollWidth)), t.setAttribute("height", String(e.scrollHeight)), t.replaceChildren();
+	let c = document.createElementNS(u, "defs");
+	c.innerHTML = "<marker id=\"cf-head\" viewBox=\"0 0 10 10\" refX=\"10\" refY=\"5\" markerWidth=\"10\" markerHeight=\"10\" markerUnits=\"userSpaceOnUse\" orient=\"auto\"><path d=\"M0 0.5L10 5L0 9.5z\" fill=\"var(--cf-arrow)\"/></marker><marker id=\"cf-head-danger\" viewBox=\"0 0 10 10\" refX=\"10\" refY=\"5\" markerWidth=\"10\" markerHeight=\"10\" markerUnits=\"userSpaceOnUse\" orient=\"auto\"><path d=\"M0 0.5L10 5L0 9.5z\" fill=\"var(--cf-danger)\"/></marker>", t.append(c);
+	let l = /* @__PURE__ */ new Map();
+	for (let t of e.querySelectorAll("[data-cf-ptr]")) {
+		let e = t.dataset.cfPtr, r = i.querySelector(`[data-cf-key="${CSS.escape(e)}"]`) ?? i.querySelector(`[data-cf-key="${CSS.escape(e.replace(/:\d+$/, ""))}"]`);
+		if (!r) continue;
+		let a = t.getBoundingClientRect(), c = (t.closest(".cf-frames") ?? t.closest(".cf-object"))?.getBoundingClientRect(), u = {
+			sx: a.left + a.width / 2 + o,
+			sy: a.top + a.height / 2 + s,
+			exitX: (c ? c.right : a.right) + o,
+			target: r,
+			changed: n.has(t.closest("[data-cf-key]")?.getAttribute("data-cf-key") ?? ""),
+			dangling: e.startsWith("ghost:"),
+			weak: t.classList.contains("cf-weak")
+		}, d = t.closest(".cf-cell"), f = d?.closest(".cf-object:not(.cf-literal)");
+		d && f && (u.cell = {
+			x: u.sx,
+			y: u.sy,
+			bottom: f.getBoundingClientRect().bottom + s
+		});
+		let p = l.get(r) ?? [];
+		p.push(u), l.set(r, p);
+	}
+	let v = [...l.values()].flat().filter((e) => e.cell), y = /* @__PURE__ */ new Map();
+	for (let e of v) y.set(e.cell.bottom, [...y.get(e.cell.bottom) ?? [], e]);
+	for (let e of y.values()) e.sort((e, t) => t.cell.x - e.cell.x), e.forEach((e, t) => {
+		let n = e.cell.bottom + 8 + t * m;
+		e.cell.next = n, e.sy = n;
+	});
+	let b = /* @__PURE__ */ new Map();
+	for (let [e, t] of l) for (let n of t) {
+		if (n.exitX >= e.getBoundingClientRect().left + o) continue;
+		let t = _(e, n.exitX, o);
+		if (!t) continue;
+		let r = e.closest(".cf-heap-row"), i = b.get(r) ?? {
+			below: [],
+			above: []
+		};
+		(n.sy < t.top + s && !g(e) ? i.above : i.below).push(n), b.set(r, i);
+	}
+	for (let { below: e, above: t } of b.values()) e.sort((e, t) => e.sy - t.sy).forEach((t, n) => t.lane = {
+		side: "below",
+		index: n,
+		count: e.length
+	}), t.sort((e, t) => t.sy - e.sy).forEach((e, n) => e.lane = {
+		side: "above",
+		index: n,
+		count: t.length
+	});
+	for (let [e, n] of l) {
+		let i = e.getBoundingClientRect(), a = i.top + s;
+		n.sort((e, t) => e.sy - t.sy);
+		let c = Math.max(0, i.height - 28), l = n.length > 1 ? Math.min(f, c / (n.length - 1)) : 0;
+		n.forEach((c, _) => {
+			let v = a + Math.min(d + _ * l, i.height / 2 + _ * l), y;
+			if (c.lane) {
+				let t = e.closest(".cf-heap-row").getBoundingClientRect(), r = c.lane.side === "below", a = c.lane.index, l = t.left + o, u = c.exitX < l ? Math.max(c.exitX + 6, l - 8 - (c.lane.count - 1 - a) * m) : c.exitX + 8 + a * m, d = r ? t.bottom + s + 7 + a * m : t.top + s - 7 - a * m, p = (e.closest(".cf-object") ?? e).getBoundingClientRect(), v = g(e), b = v ? i.left + o + i.width / 2 + (_ - (n.length - 1) / 2) * f : Math.min(p.left + o + 18 + _ * f, p.right + o - 10), x = v ? i.bottom + s + 1 : (r ? p.bottom : p.top) + s + (r ? 1 : -1), S = r ? -1 : 1, C = Math.min(h, Math.abs(d - c.sy) / 2), w = d < c.sy ? -1 : 1;
+				y = `M${c.sx} ${c.sy} H${u - C} Q${u} ${c.sy} ${u} ${c.sy + w * C} V${d - w * C} Q${u} ${d} ${u + C} ${d} H${b - h} Q${b} ${d} ${b} ${d + S * h} V${x}`;
+			} else if (i.left + o >= c.exitX + 16) {
+				let e = i.left + o - 1, t = c.exitX + 6, n = e - Math.min(p, e - c.exitX - 8), r = Math.max(16, (n - t) / 2);
+				y = `M${c.sx} ${c.sy} H${t} C${t + r} ${c.sy} ${n - r} ${v} ${n} ${v} H${e}`;
+			} else if (e.classList.contains("cf-cell") && e.nextElementSibling) {
+				let t = c.sy > i.bottom + s, r = t ? i.bottom + s + 5 : i.top + s - 5, a = i.left + o + i.width / 2 + (_ - (n.length - 1) / 2) * f, l = Math.max(c.exitX, (e.parentElement ?? e).getBoundingClientRect().right + o + p) + 28 + _ * 8, u = t ? -1 : 1;
+				y = `M${c.sx} ${c.sy} H${c.exitX} C${l} ${c.sy} ${l} ${r} ${l - 28} ${r} H${a + 4} Q${a} ${r} ${a} ${r + u * 4} V${t ? i.bottom + s + 1 : i.top + s - 1}`;
+			} else {
+				let t = (e.matches(".cf-grid th") ? e.parentElement : e).getBoundingClientRect().right + o + 1, n = t + p, r = Math.max(c.exitX, n) + 28 + _ * 8;
+				y = `M${c.sx} ${c.sy} H${c.exitX} C${r} ${c.sy} ${r} ${v} ${n} ${v} H${t}`;
+			}
+			if (c.cell) {
+				let { x: e, y: t, next: n } = c.cell;
+				if (i.top + s > n && !c.lane) {
+					let r = i.left + o + 18 + _ * f, a = r >= e ? 1 : -1, c = Math.min(h, Math.abs(r - e) / 2);
+					y = Math.abs(r - e) < 2 ? `M${e} ${t} V${i.top + s - 1}` : `M${e} ${t} V${n - c} Q${e} ${n} ${e + a * c} ${n} H${r - a * c} Q${r} ${n} ${r} ${n + c} V${i.top + s - 1}`;
+				} else y = `M${e} ${t} V${n}${y.replace(/^M\S+ \S+/, "")}`;
+			}
+			let b = document.createElementNS(u, "path");
+			b.setAttribute("d", y), c.changed && !c.dangling && !c.weak && b.setAttribute("pathLength", "1");
+			let x = c.changed && r !== void 0 ? `${Math.min(0, r - performance.now())}ms` : "";
+			b.style.animationDelay = x;
+			let S = c.changed ? r === void 0 ? " cf-arrow-pending" : " cf-arrow-new" : "";
+			b.setAttribute("class", `cf-arrow${S}${c.dangling ? " cf-arrow-dangling" : c.weak ? " cf-arrow-weak" : ""}`);
+			let C = c.dangling ? "url(#cf-head-danger)" : "url(#cf-head)";
+			if (c.changed) {
+				let e = document.createElementNS(u, "path");
+				e.setAttribute("d", y), e.setAttribute("class", `cf-arrow-head${S}`), e.setAttribute("marker-end", C), e.style.animationDelay = x, t.append(b, e);
+			} else b.setAttribute("marker-end", C), t.append(b);
+		});
+	}
+}
+// ../renderer/src/describe/words.ts
+var y = (e) => /^[aeiou]/i.test(e) || /^[AEFHILMNORSX](?:[A-Z\d]|$)/.test(e) ? "an" : "a", b = (e) => `${y(e)} ${e}`, x = (e) => e.length <= 1 ? e[0] ?? "" : `${e.slice(0, -1).join(", ")} and ${e.at(-1)}`, S = (e) => e.replace(/^the /, "The "), C = (t) => e[t].nullWord, w = (e) => e.k === "ptr" && e.type.endsWith("&"), T = (e) => e === "python", E = (e) => e === "javascript" || e === "typescript", D = (e) => e === "java", O = (t) => e[t].dynamic, ee = (t) => e[t].manualMemory, k = (e) => ee(e) ? "->" : ".";
+// ../renderer/src/describe/values.ts
+function te(e, t) {
+	let n = (t, n) => !("truncated" in e && e.truncated) && t.length <= n && t.every((e) => e.k === "prim");
+	if (e.k === "array" && n(e.items, 6)) {
+		let n = e.items.map((e) => F(e, t)).join(", ");
+		return e.type === "Set" ? `{${n}}` : `[${n}]`;
+	}
+	return e.k === "map" && n(e.entries.flatMap((e) => [e.key, e.value]), 8) ? `{${e.entries.map((e) => `${F(e.key, t)} => ${F(e.value, t)}`).join(", ")}}` : e.k === "record" && e.type !== "function" && e.type !== "class" && n(e.fields.map((e) => e.value), 3) ? `{${e.fields.map((e) => `${e.name}: ${F(e.value, t)}`).join(", ")}}` : null;
+}
+function A(e, t) {
+	if (E(t)) return te(e, t);
+	if (e.k === "array" && !e.truncated && e.items.length <= 6 && e.items.every((e) => e.k === "prim")) {
+		let n = e.items.map((e) => F(e, t));
+		return e.type === "tuple" ? n.length === 1 ? `(${n[0]},)` : `(${n.join(", ")})` : e.type === "set" || e.type === "frozenset" ? n.length ? `{${n.join(", ")}}` : `${e.type}()` : `[${n.join(", ")}]`;
+	}
+	return e.k === "map" && !e.truncated && e.entries.length <= 4 && e.entries.every((e) => e.key.k === "prim" && e.value.k === "prim") ? `{${e.entries.map((e) => `${F(e.key, t)}: ${F(e.value, t)}`).join(", ")}}` : null;
+}
+var ne = /^(?:const )?(?:vector|map|set|multimap|multiset|unordered_(?:multi)?(?:map|set)|deque|list|forward_list|stack|queue|priority_queue)<.*>$/, j = (e, t) => t === "cpp" && ne.test(e);
+function re(e, t, n) {
+	let r = e.match(/^(?:const )?(stack|queue|priority_queue)</)?.[1];
+	if (!r || t.k !== "array" || t.items.length === 0) return "";
+	let i = r === "stack" ? t.items.at(-1) : t.items[0];
+	return ` (${r === "queue" ? "front" : "top"}: ${F(i, n)})`;
+}
+var M = (e) => e.replace(/ \(\d+ owners?\)$/, "");
+function N(e, t, n, r = !1) {
+	if (e.k === "array" && e.items.length === 0 || e.k === "map" && e.entries.length === 0) return r ? "{}" : "empty";
+	if (e.k !== "array") return F(e, t);
+	let i = e.items.map((e) => {
+		if (e.k === "prim") return e.text;
+		let i = e.k === "ptr" && e.target.kind === "heap" && j(e.type, t) ? e.target : void 0, a = i && !r ? n.heap.find((e) => e.id === i.id) : void 0;
+		return a ? N(a.value, t, n, !0) : null;
+	});
+	if (e.items.length <= 6 && !e.truncated && i.every((e) => e !== null)) return `{${i.join(", ")}}`;
+	let a = e.items.length;
+	return `${b(e.type)} with ${a}${e.truncated ? "+" : ""} ${a === 1 ? "item" : "items"}`;
+}
+function P(e) {
+	if (e.k !== "array" || !/char\[/.test(e.type)) return null;
+	let t = "";
+	for (let n of e.items) {
+		if (n.k !== "prim") return null;
+		if (n.text === "'\\0'") return t;
+		let e = n.text.match(/^'(.*)'$/);
+		if (!e) return null;
+		t += e[1];
+	}
+	return null;
+}
+function F(e, t = "c") {
+	switch (e.k) {
+		case "prim": return e.text;
+		case "uninit": return "uninitialized";
+		case "ptr": switch (e.target.kind) {
+			case "null": return C(t);
+			case "string": return `the string literal "${e.target.text}"`;
+			case "heap": return O(t) ? b(e.type) : D(t) ? `${b(e.type.replace(/<.*>$/, ""))} object` : `${b(e.type.replace(/\s*[*&]+$/, "") || "value")} on the heap`;
+			case "stack":
+			case "global": return `${e.target.name}`;
+			case "dangling": return "freed memory (dangling)";
+			default: return "an invalid address";
+		}
+		case "array": {
+			if (O(t)) return A(e, t) ?? `${b(e.type)} of ${e.items.length}${e.truncated ? "+" : ""} items`;
+			let n = P(e);
+			if (n !== null) return `"${n}"`;
+			if (e.items.length <= 6 && e.items.every((e) => e.k === "prim")) {
+				let n = e.items.map((e) => F(e, t)).join(", ");
+				return D(t) && !e.type.endsWith("]") ? `[${n}]` : `{${n}}`;
+			}
+			return `${e.type} with ${e.items.length}${e.truncated ? "+" : ""} ${e.items.length === 1 ? "item" : "items"}`;
+		}
+		case "record": return e.fields.length <= 3 && e.fields.every((e) => e.value.k === "prim") ? T(t) ? `${e.type}(${e.fields.map((e) => `${e.name}=${F(e.value, t)}`).join(", ")})` : `{${e.fields.map((e) => `${e.name}: ${F(e.value, t)}`).join(", ")}}` : e.type;
+		case "map": return O(t) ? A(e, t) ?? `${b(e.type)} of ${e.entries.length} ${E(t) ? "entries" : "items"}` : t === "cpp" && e.entries.length <= 6 && e.entries.every((e) => e.key.k === "prim" && e.value.k === "prim") ? `{${e.entries.map((e) => `${F(e.key, t)}: ${F(e.value, t)}`).join(", ")}}` : `${e.type} with ${e.entries.length} entries`;
+		case "opaque": return e.text;
+	}
+}
+function I(e) {
+	switch (e.k) {
+		case "prim":
+		case "opaque": return `${e.k}:${e.text}`;
+		case "uninit": return "uninit";
+		case "ptr": {
+			let t = e.target;
+			return t.kind === "null" ? "ptr:null" : t.kind === "string" ? `ptr:str:${t.text}` : `ptr:${e.address}`;
+		}
+		case "array": return `[${e.items.map(I).join(",")}]`;
+		case "record": return `{${e.fields.map((e) => `${e.name}=${I(e.value)}`).join(",")}}`;
+		case "map": return `{${e.entries.map((e) => `${I(e.key)}:${I(e.value)}`).join(",")}}`;
+	}
+}
+function L(e, t, n) {
+	if (e.k === "ptr" && e.target.kind === "heap") {
+		let r = e.target.id, i = t.heap.find((e) => e.id === r);
+		return O(n) ? ie(i, n) : i && j(e.type, n) ? N(i.value, n, t, !0) : R(i, i?.type ?? "value");
+	}
+	return F(e, n);
+}
+function ie(e, t) {
+	let n = e && A(e.value, t);
+	return n ? `the ${e.type} ${n}` : e?.value.k === "record" ? R(e, e.type) : e ? F(e.value, t) : "an object";
+}
+function R(e, t) {
+	t = M(t);
+	let n = e?.value.k === "record" ? e.value.fields.find((e) => e.value.k === "prim") : void 0;
+	return n ? `the ${t} with ${n.name} ${n.value.k === "prim" ? n.value.text : ""}` : /^(function|class) /.test(t) ? `the ${t}` : b(t);
+}
+// ../renderer/src/describe/names.ts
+function ae(e, t = "c", n = "") {
+	let r = k(t), i = /* @__PURE__ */ new Map(), a = new Map(e.heap.map((e) => [e.id, e])), o = [], s = (e, t) => {
+		if (e.k === "ptr" && e.target.kind === "heap" && !i.has(e.target.id)) {
+			let n = a.get(e.target.id);
+			if (!n) return;
+			i.set(n.id, {
+				label: t,
+				viaRecord: n.value.k === "record"
+			}), o.push({
+				id: n.id,
+				label: t
+			});
+		}
+	}, c = (e) => !!n && RegExp(`\\b${e.name.replace(/\$/g, "\\$")}\\b`).test(n);
+	for (let t of [...e.frames].reverse()) for (let e of [...t.locals.filter(c), ...t.locals.filter((e) => !c(e))]) s(e.value, e.name);
+	for (let t of e.globals) s(t.value, t.name);
+	for (; o.length;) {
+		let { id: e, label: n } = o.shift(), i = a.get(e);
+		if (!(n.split(r === "." ? /\.|\[/ : /->|\[/).length > 4)) {
+			if (i.value.k === "record") for (let e of i.value.fields) s(e.value, `${n}${r}${e.name}`);
+			if (i.value.k === "array" && i.value.items.forEach((e, t) => s(e, `${n}[${t}]`)), i.value.k === "map" && T(t)) for (let e of i.value.entries) s(e.value, `${n}[${F(e.key, t)}]`);
+		}
+	}
+	return i;
+}
+function oe(e, t, n) {
+	let r = (e) => n === e || n.startsWith(`${e}.`) || n.startsWith(`${e}[`);
+	for (let [n, i] of [...e.frames].reverse().entries()) {
+		let e = i.locals.filter((e) => e.value.k === "ptr" && e.value.target.kind === "heap" && e.value.target.id === t && !r(e.name)).map((e) => n === 0 ? e.name : `${V(i.name, "java")}'s ${e.name}`);
+		if (e.length) return e;
+	}
+	return [];
+}
+var z = (e) => {
+	let t = e?.locals.find((e) => e.name === "this")?.value;
+	return t?.k === "ptr" && t.target.kind === "heap" ? t.target.id : void 0;
+};
+function se(e, t, n = []) {
+	let [r, i] = [e.at(-2), e.at(-1)];
+	if (E(t) && r && i && B(i.name, t) && /\bsuper\s*\(/.test(n[r.line - 1] ?? "")) return B(r.name, t);
+	if (!D(t) || !r || !i || !B(i.name, t)) return;
+	let a = z(i);
+	return a && z(r) === a ? B(r.name, t) : void 0;
+}
+function ce(e, t, n, r) {
+	let i = ae(e, r), a = (e) => e.k === "ptr" && e.target.kind === "heap" && e.target.id === t;
+	for (let t of e.heap) {
+		let e = i.get(t.id)?.label;
+		if (!(!e || e === n || e.startsWith(`${n}[`) || e.startsWith(`${n}${k(r)}`))) {
+			if (t.value.k === "array") {
+				let n = t.value.items.findIndex(a);
+				if (n >= 0) return `${e}[${n}]`;
+			} else if (t.value.k === "record") {
+				let n = t.value.fields.find((e) => a(e.value));
+				if (n) return `${e}${k(r)}${n.name}`;
+			}
+		}
+	}
+}
+function le(e, t) {
+	return [...e.frames.at(-1)?.locals ?? [], ...e.globals].filter((e) => e.value.k === "ptr" && e.value.target.kind === "heap" && e.value.target.id === t).map((e) => e.name);
+}
+var B = (e, t = "c") => T(t) ? e.match(/^(\w+)\.__init__$/)?.[1] : E(t) ? e.match(/^([\w$]+)\.constructor$/)?.[1] : e.match(/(?:^|::)(\w+)::\1$/)?.[1] ?? e.match(/(\w+)\.<init>$/)?.[1], V = (e, t = "c") => {
+	let n = B(e, t);
+	return n ? T(t) ? e : `the ${n} constructor` : (D(t) || E(t)) && /^[\w$.]+\.[\w$]+$/.test(e) ? e.split(".").pop() : e.includes("::") ? e.split("::").pop() : e;
+};
+function ue(e, t) {
+	if (!e.name.startsWith("lambda in ")) return null;
+	for (let n = e.line; n > 0 && n > e.line - 10; n--) {
+		let e = t[n - 1] ?? "";
+		if (!e.includes("->")) continue;
+		let r = [...e.matchAll(/\.\s*(\w+)\s*\(\s*(?:\([^()]*\)|[\w$]+)\s*->/g)].map((e) => e[1]);
+		return r.length === 1 ? {
+			name: `the lambda passed to ${r[0]}`,
+			passedTo: r[0]
+		} : { name: `the lambda on line ${n}` };
+	}
+	return { name: "the lambda" };
+}
+var H = (e, t, n) => (D(t) ? ue(e, n)?.name : void 0) ?? V(e.name, t), U = "the main program";
+function de(e, t, n = "c", r = []) {
+	let i = D(n) ? ue(e.frames.at(-1), r)?.passedTo : void 0;
+	if (i) return i;
+	let a = e.frames.at(-2)?.name;
+	return a ? a === t ? `the ${V(t, n)} call that called it` : V(a, n) : O(n) ? U : "its caller";
+}
+// ../renderer/src/describe/diff.ts
+var fe = (e) => e.k === "uninit" || e.k === "array" && e.items.every(fe) || e.k === "record" && e.fields.every((e) => fe(e.value));
+function pe(e, t, n, r, i, a, o) {
+	let s = [];
+	i.forEach((i, a) => W(`${e}.${i.name}`, `${t}${n}${i.name}`, r[a]?.value, i.value, s, o));
+	let c = s.filter((e) => {
+		let r = e.label.slice(t.length + n.length).split(/[.[>-]/)[0];
+		return RegExp(`(?:\\.|->)\\s*${r}\\b`).test(o);
+	});
+	if (s.length < 2 || c.length !== 1) return void a.push(...s);
+	let [l] = c;
+	a.push({
+		...l,
+		shares: s.filter((e) => e !== l).map((e) => ({
+			label: e.label,
+			value: e.after
+		}))
+	});
+}
+function W(e, t, n, r, i, a = "") {
+	if (n && I(n) === I(r)) return;
+	let o = !n || n.k === "uninit";
+	if (r.k === "array" && n?.k === "array" && n.items.length === r.items.length) {
+		let o = [];
+		r.items.forEach((r, i) => W(`${e}[${i}]`, `${t}[${i}]`, n.items[i], r, o, a));
+		let s = n.items.every((e) => e.k === "uninit");
+		o.length > 2 || s && o.length > 1 || P(r) !== null && o.length > 1 ? i.push({
+			path: e,
+			label: t,
+			before: n,
+			after: r,
+			whole: !0
+		}) : i.push(...o);
+	} else if (r.k === "record" && n?.k === "record" && n.fields.length === r.fields.length) {
+		if (r.union) return pe(e, t, ".", n.fields, r.fields, i, a);
+		r.fields.forEach((r, o) => W(`${e}.${r.name}`, `${t}.${r.name}`, n.fields[o]?.value, r.value, i, a));
+	} else o && fe(r) || i.push({
+		path: e,
+		label: t,
+		before: o ? void 0 : n,
+		after: r,
+		whole: r.k === "array" || r.k === "record"
+	});
+}
+function me(e, t, n, r) {
+	if (n.k !== "map" || r.k !== "map") return null;
+	let i = new Map(n.entries.map((e) => [I(e.key), e.value]));
+	return n.entries.some((e) => !r.entries.some((t) => I(t.key) === I(e.key))) ? null : r.entries.flatMap((n) => {
+		let r = i.get(I(n.key));
+		return r && I(r) === I(n.value) ? [] : [{
+			path: e,
+			label: `${t}[${F(n.key, "cpp")}]`,
+			before: r,
+			after: n.value
+		}];
+	});
+}
+function he(e, t, n = "c", r = "") {
+	if (!e) return [];
+	let i = [], a = new Map(e.frames.map((e) => [e.id, e]));
+	for (let n of t.globals) {
+		let t = e.globals.find((e) => e.name === n.name);
+		W(`global:${n.name}`, n.name, t?.value, n.value, i, r);
+	}
+	for (let e of t.frames) {
+		let t = a.get(e.id);
+		if (t) for (let n of e.locals) {
+			let a = t.locals.find((e) => e.name === n.name);
+			W(`var:${e.id}:${n.name}`, n.name, a?.value, n.value, i, r);
+		}
+	}
+	let o = ae(t, n, r);
+	for (let a of t.heap) {
+		let t = e.heap.find((e) => e.id === a.id);
+		if (!t) continue;
+		let s = o.get(a.id), c = s ? s.label : `the ${a.type}`, l = [];
+		if (a.value.k === "record" && t.value.k === "record" && a.value.union && a.value.fields.length === t.value.fields.length) pe(`heap:${a.id}`, c, k(n), t.value.fields, a.value.fields, l, r);
+		else if (a.value.k === "record" && t.value.k === "record") a.value.fields.forEach((e, i) => W(`heap:${a.id}.${e.name}`, `${c}${k(n)}${e.name}`, t.value.fields[i]?.value, e.value, l, r));
+		else if (a.value.k === "array" && t.value.k === "array") W(`heap:${a.id}`, c, t.value, a.value, l);
+		else if (j(a.type, n)) {
+			let e = me(`heap:${a.id}`, c, t.value, a.value);
+			e ? l.push(...e) : I(t.value) !== I(a.value) && l.push({
+				path: `heap:${a.id}`,
+				label: c,
+				before: t.value,
+				after: a.value,
+				whole: !0
+			});
+		} else W(`heap:${a.id}`, s && ee(n) ? `*${c}` : c, t.value, a.value, l);
+		i.push(...l);
+	}
+	return i.filter((e) => !G(e, t));
+}
+function G(e, t) {
+	let n = e.before, r = e.after;
+	if (n?.k !== "opaque" || r.k !== "ptr" || r.target.kind !== "heap") return !1;
+	let i = r.target.id;
+	return t.heap.some((e) => e.id === i && e.type === n.text);
+}
+function ge(e) {
+	let { before: t, after: n } = e;
+	if (n.k === "array" && t?.k === "array" && n.items.length > t.items.length && t.items.every((e, t) => I(e) === I(n.items[t]))) return n.items.slice(t.items.length).map((n, r) => `${e.path}[${t.items.length + r}]`);
+	if (n.k === "map" && t?.k === "map") {
+		let r = new Map(t.entries.map((e) => [I(e.key), I(e.value)])), i = n.entries.filter((e) => r.get(I(e.key)) !== I(e.value)).map((t) => `${e.path}{${I(t.key)}}`);
+		return i.length ? i : null;
+	}
+	return null;
+}
+function _e(e, t) {
+	let n = /* @__PURE__ */ new Set();
+	for (let r of he(e, t)) {
+		let e = r.path.match(/^(var:[^:]+:[^.[]+|global:[^.[]+|heap:[^.[]+)/)?.[1], t = ge(r);
+		if (t) {
+			for (let e of t) n.add(e);
+			e && n.add(`${e}~`);
+			continue;
+		}
+		n.add(r.path);
+		let i = r.path.match(/^(var:[^:]+:[^.[]+|global:[^.[]+|heap:[^.[]+)/)?.[1];
+		i && i === r.path && n.add(i), i && n.add(`${i}~`);
+	}
+	return n;
+}
+// ../renderer/src/describe/source.ts
+var K = /\bcatch\s*\(/;
+function ve(e, t, n = "c") {
+	let r = e[t - 1] ?? "";
+	if (T(n)) {
+		let n = r.match(/^(\s*)(if|elif|while|for)\s+(.+):\s*(?:#.*)?$/);
+		if (!n) return null;
+		let i = n[2] === "for" ? n[3].match(/^.+?\s+in\s+(.+)$/)?.[1] : void 0;
+		if (n[2] === "for" && !i) return null;
+		let a = n[1].length, o = t;
+		for (let n = t + 1; n <= e.length; n++) {
+			let t = e[n - 1] ?? "";
+			if (t.trim() && !/^\s*#/.test(t)) {
+				if ((t.match(/^\s*/)?.[0].length ?? 0) <= a) break;
+				o = n;
+			}
+		}
+		return o === t ? null : i ? {
+			kind: "for",
+			condition: "",
+			body: [t + 1, o],
+			range: i.trim()
+		} : {
+			kind: n[2] === "while" ? "while" : "if",
+			condition: n[3].trim(),
+			body: [t + 1, o]
+		};
+	}
+	let i = r.match(/^\s*(?:\}\s*else\s+)?(if|while|for)\s*\(/);
+	if (!i) return null;
+	let a = 0, o = r.indexOf("(", i.index + i[0].length - 1), s = o + 1;
+	for (; o < r.length; o++) if (r[o] === "(") a++;
+	else if (r[o] === ")" && --a === 0) break;
+	if (a !== 0) return null;
+	let c = r.slice(s, o).trim(), l;
+	if (i[1] === "for" && !c.includes(";")) {
+		let e = E(n) ? /^(?:(?:const|let|var)\s+)?.+?\s+(?:of|in)\s+(.+)$/ : /^.*?[^:]:(?!:)\s*(.+)$/;
+		l = c.match(e)?.[1]?.trim(), c = "";
+	} else i[1] === "for" && (c = (c.split(";")[1] ?? "").trim());
+	let u = r.slice(o + 1).trim(), d;
+	if (u.startsWith("{")) {
+		let n = 0, r = t;
+		for (let i = t; i <= e.length; i++) {
+			let a = i === t ? u : e[i - 1] ?? "";
+			for (let e of a) n += e === "{" ? 1 : e === "}" ? -1 : 0;
+			if (n <= 0) {
+				r = i;
+				break;
+			}
+		}
+		d = [t + 1, Math.max(t, r - 1)];
+	} else d = u && u !== "{" ? [t, t] : [t + 1, t + 1];
+	return {
+		kind: i[1],
+		condition: c,
+		body: d,
+		...l ? { range: l } : {}
+	};
+}
+function ye(e, t) {
+	let n = 0;
+	for (let r = t - 1; r >= 1; r--) {
+		let t = (e[r - 1] ?? "").replace(/\/\/.*$/, "");
+		for (let i = t.length - 1; i >= 0; i--) if (t[i] === "}") n++;
+		else if (t[i] === "{" && n-- === 0) {
+			let i = /\bswitch\s*\(/.test(t) ? "switch" : /\b(?:for|while)\s*\(|\bdo\b/.test(t) ? "loop" : null;
+			if (!i) {
+				n = 0;
+				continue;
+			}
+			let a = 0;
+			for (let t = r; t <= e.length; t++) {
+				for (let n of e[t - 1] ?? "") a += n === "{" ? 1 : n === "}" ? -1 : 0;
+				if (a <= 0) return {
+					kind: i,
+					start: r,
+					end: t
+				};
+			}
+			return {
+				kind: i,
+				start: r,
+				end: e.length
+			};
+		}
+	}
+	return null;
+}
+var be = /^\s*(?:async\s+)?for\b/;
+function xe(e, t, n, r = "c") {
+	let i = ve(e, t.line, r), a = r === "cpp" || D(r) || O(r) ? i?.range : void 0;
+	if (!i || !i.condition && !a) return "";
+	let [o, s] = i.body, c = o === t.line, l = D(r) && c && i.kind === "if" && /\)\s*break\s*;\s*(?:\/\/.*)?$/.test(e[t.line - 1] ?? "") ? ye(e, t.line) : null, u;
+	if (l) return u = n.line < l.start || n.line > l.end, `${i.condition} is ${u ? "true" : "false"}, ${u ? `so break leaves the ${l.kind}` : "so its body is skipped"}`;
+	if (c) {
+		if (n.event === "return" && !/\breturn\b/.test(e[t.line - 1] ?? "")) return "";
+		if (n.event === "return") u = !0;
+		else if (n.line !== t.line) u = i.kind === "if" && (he(t, n, r).length > 0 || n.stdoutLength > t.stdoutLength);
+		else if (i.kind === "if" && !O(r) && n.col !== void 0 && t.col !== void 0 && n.col > t.col) u = !0;
+		else return "";
+	} else u = n.line >= o && n.line <= s;
+	if (a && O(r)) return u ? "" : `the loop has gone through every item in ${a}, so it ends`;
+	if (a) return u ? "" : `the loop has been through every element of ${a}, so it ends`;
+	if (T(r) && i.kind === "while" && /^(True|1)$/.test(i.condition)) return u ? `while ${i.condition} keeps looping until something breaks out of it` : "";
+	if (E(r) && i.kind === "while" && i.condition === "true") return u ? "while (true) keeps looping until something breaks out of it" : "";
+	let d = i.kind === "if" ? u ? "so its body runs" : "so its body is skipped" : u ? "so the loop runs" : "so the loop ends";
+	return `${i.condition} is ${u ? "true" : "false"}, ${d}`;
+}
+function Se(e, t, n) {
+	let r = e.match(/^([A-Za-z_]\w*)((?:\s*(?:->|\.)\s*[A-Za-z_]\w*|\s*\[[^\]]*\])*)$/);
+	if (!r) return;
+	let i = (e) => [...t.locals, ...n.globals].find((t) => t.name === e)?.value, a = i(r[1]), o = (e) => {
+		if (e?.k !== "ptr" || e.target.kind !== "heap") return;
+		let t = e.target.id;
+		return n.heap.find((e) => e.id === t)?.value;
+	};
+	for (let [, e, t, n] of r[2].matchAll(/\s*(->|\.|\[)\s*([A-Za-z_]\w*)?([^\]]*)\]?/g)) if ((e === "->" || e === "." && a?.k === "ptr") && (a = o(a)), e === "->" || e === ".") a = a?.k === "record" ? a.fields.find((e) => e.name === t)?.value : void 0;
+	else {
+		let e = `${t ?? ""}${n ?? ""}`.trim(), r = /^\d+$/.test(e) ? Number(e) : Number(((e) => e?.k === "prim" ? e.text : NaN)(i(e))), s = a?.k === "array" ? a : o(a);
+		a = s?.k === "array" && Number.isInteger(r) ? s.items[r] : void 0;
+	}
+	return a;
+}
+// ../renderer/src/describe/cpp.ts
+var q = /^(?:const )?(unique|shared)_ptr</, Ce = /^(?:const )?weak_ptr</;
+function J(e, t) {
+	return [...e.frames.flatMap((e) => e.locals), ...e.globals].filter((e) => q.test(e.type) && e.value.k === "ptr" && e.value.target.kind === "heap" && e.value.target.id === t);
+}
+function we(e, t, n, r) {
+	if (r === "cpp" && Ce.test(e.after.type)) return Te(e, t);
+	let i = r === "cpp" ? e.after.type.match(q)?.[1] : void 0;
+	if (!i || e.after.k !== "ptr") return null;
+	let a = e.after.target;
+	if (a.kind === "null") {
+		let n = e.before?.k === "ptr" && e.before.target.kind === "heap" ? e.before.target.id : void 0, r = n ? t.heap.find((e) => e.id === n) : void 0, a = n && i === "shared" ? J(t, n).map((e) => e.name) : [], o = r && a.length ? ` (${x(a)} ${a.length > 1 ? "still own" : "still owns"} the ${M(r.type)})` : "";
+		return `${e.label} is now empty${o}`;
+	}
+	if (a.kind !== "heap") return null;
+	let o = t.heap.find((e) => e.id === a.id), s = M(o?.type ?? "object");
+	if (!n.heap.some((e) => e.id === a.id)) return `${e.label} now owns a new ${s}`;
+	let c = o?.value.k === "record" ? R({
+		...o,
+		type: s
+	}, s) : `the ${s}`, l = J(n, a.id).find((n) => n.name !== e.label && !J(t, a.id).some((e) => e.name === n.name));
+	if (i === "unique" || l) return `${e.label} now owns ${c}${l ? ` (moved from ${l.name})` : ""}`;
+	let u = J(t, a.id).filter((t) => t.name !== e.label).map((e) => e.name), d = u.length + 1;
+	return `${e.label} now shares the ${s}${u.length ? ` with ${x(u)}` : ""} (${d} owners)`;
+}
+function Te(e, t) {
+	let n = e.after;
+	if (n.k === "opaque" && n.text === "expired") return `${e.label} has expired`;
+	if (n.k !== "ptr") return null;
+	if (n.target.kind === "null") return `${e.label} is now empty`;
+	if (n.target.kind !== "heap") return null;
+	let r = n.target.id, i = J(t, r).map((e) => e.name), a = M(t.heap.find((e) => e.id === r)?.type ?? "object");
+	return `${e.label} now watches the ${a} without owning it${i.length ? ` (${x(i)} ${i.length > 1 ? "own" : "owns"} it)` : ""}`;
+}
+function Ee(e, t, n) {
+	if (!t || !e.path.startsWith("var:")) return null;
+	let r = e.path.split(":")[2]?.split(/[.[]/)[0];
+	for (let e of t.locals) {
+		if (e.value.k !== "ptr" || e.value.target.kind !== "stack" || e.value.target.name !== r) continue;
+		let t = e.name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+		if (RegExp(`\\*\\s*${t}\\b|\\b${t}\\s*(->|\\[)`).test(n) && e.name !== r) return e.name;
+	}
+	return null;
+}
+function De(e) {
+	let t = e.type.replace(/^std::/, "");
+	return /^std::/.test(e.type) && e.what !== void 0 ? `${b(t)} with the message ${e.what}` : e.what === void 0 ? b(t) : `the ${t} ${e.what}`;
+}
+var Oe = /^\s*}\s*;?\s*(?:\/\/.*)?$/;
+function Y(e, t, n, r) {
+	let i = e.thrown, a = [i.rethrown ? `Line ${i.line} rethrows the ${i.type.replace(/^std::/, "")} it caught, so it goes on looking for another catch.` : `Line ${i.line} throws ${De(i)}.`];
+	return a.push(X(e, t, n, r, "it")), a.join(" ");
+}
+function X(e, t, n, r, i) {
+	let a = t.frames.filter((t) => !e.frames.some((e) => e.id === t.id)).reverse().map((e) => V(e.name, r)), o = e.frames.at(-1), s = o ? V(o.name, r) : "", c = n[e.line - 1] ?? "", l = a.length ? `${x(a)} ${a.length > 1 ? "stop" : "stops"} without returning, and ` : "", u = a.length ? ` in ${s}` : "";
+	return K.test(c) ? a.length ? `${l}the catch on line ${e.line}${u} catches ${i}.` : `The rest of the try block is skipped, and the catch on line ${e.line} catches ${i}.` : Oe.test(c) ? `${l}${l ? "on" : "On"} its way out, C++ cleans up at line ${e.line}${u}: objects in the blocks it leaves are destroyed.` : o && /~/.test(o.name) ? `On the way out, C++ runs ${V(o.name, r)} to clean up.` : `${l}${l ? "the" : "The"} program carries on at line ${e.line}${u}.`;
+}
+function ke(e, t, n) {
+	let r = e.steps[t], i = e.steps[t - 1];
+	if (r.event !== "step" || r.thrown) return;
+	let a = i.event !== "return" && i.frames.some((e) => !r.frames.some((t) => t.id === e.id)), o = r.line !== i.line && K.test(n[r.line - 1] ?? "");
+	if (a || o) for (let r = t - 1; r > 0; r--) {
+		let i = e.steps[r];
+		if (i.thrown) return i.thrown;
+		if (r < t - 1 && K.test(n[i.line - 1] ?? "") && i.line !== e.steps[r - 1].line) return;
+	}
+}
+// ../renderer/src/describe/java.ts
+function Ae(e, t, n, r = "") {
+	let i = e.after;
+	if (i.k === "opaque" && e.before?.k === "opaque" && i.text.endsWith(" (used)") && !e.before.text.endsWith(" (used)")) return `${e.label} is used up: a stream can be used only once`;
+	if (i.k !== "ptr") return null;
+	if (i.target.kind === "null") return `${e.label} is now null: it doesn't refer to any object`;
+	if (i.target.kind !== "heap") return null;
+	let a = i.target.id, o = t.heap.find((e) => e.id === a), s = o?.type ?? "object";
+	if (!n.heap.some((e) => e.id === a)) return je(e.label, s, r) ?? Me(e.label, o) ?? `${e.label} now refers to a new ${s}`;
+	let c = oe(t, a, e.label);
+	if (c.length) return `${e.label} now refers to the same ${s} as ${x(c)}`;
+	let l = ce(t, a, e.label, "java");
+	return l ? `${e.label} now refers to the same ${s} as ${l}` : `${e.label} now refers to ${R(o, s)}`;
+}
+function je(e, t, n) {
+	let r = t.match(/\.(KeySet|Values|EntrySet|SubList)$/)?.[1];
+	if (!r) return null;
+	let i = n.match(/([\w.]+?)\s*\.\s*(?:keySet|values|entrySet|subList|navigableKeySet)\s*\(/)?.[1], a = {
+		KeySet: "keys",
+		Values: "values",
+		EntrySet: "entries",
+		SubList: "part"
+	}[r];
+	return `${e} now refers to ${i ? `${r === "SubList" ? "part" : `the ${a}`} of ${i}` : `${r === "SubList" ? "part" : `the ${a}`} of another collection`}, a live view: a change to either shows in both`;
+}
+function Me(e, t) {
+	return !t || !/^(Int|Long|Double)?Stream$/.test(t.type) || t.value.k !== "opaque" ? null : `${e} now refers to a new ${t.type} (${t.value.text}). Nothing has run yet: a stream does its work when an operation like collect or forEach asks it for elements`;
+}
+function Ne(e, t) {
+	let n = e.path.match(/^heap:([^.[]+)/)?.[1];
+	if (!n) return "";
+	let r = oe(t, n, e.label)[0];
+	if (!r) return "";
+	let i = e.label.match(/^[\w$]+/)?.[0] ?? e.label, a = t.heap.find((e) => e.id === n)?.type ?? "object";
+	return e.after.k === "prim" ? ` (${r} refers to the same ${a}, so ${r.replace(/^.*'s /, "")}${e.label.slice(i.length)} is ${e.after.text} too)` : ` (${r} refers to the same ${a}, so it sees the change too)`;
+}
+function Pe(e, t, n) {
+	let r = e.after;
+	if (r.k !== "array" || r.type.endsWith("]") || !r.items.some((e) => e.k === "ptr" && e.target.kind === "heap")) return null;
+	let i = r.items.length, a = `${e.label} now has ${i}${r.truncated ? "+" : ""} ${i === 1 ? "item" : "items"}`, o = t.frames.at(-1), s = (e) => {
+		if (e.k !== "ptr" || e.target.kind !== "heap") return F(e, "java");
+		let r = e.target.id, i = t.heap.find((e) => e.id === r), a = i?.type ?? "object";
+		if (!n.heap.some((e) => e.id === r)) return `a new ${a}`;
+		let s = o?.locals.find((e) => e.value.k === "ptr" && e.value.target.kind === "heap" && e.value.target.id === r)?.name;
+		return s ? `the same ${a} as ${s}` : R(i, a);
+	};
+	return i <= 3 && !r.truncated ? `${a}: ${x(r.items.map(s))}` : (e.before?.k === "array" ? e.before.items.length : -1) === i - 1 ? `${a}; the last one is ${s(r.items.at(-1))}` : a;
+}
+function Fe(e, t, n, r) {
+	let i = e.after;
+	if (!t || i.k !== "prim" || !/^(int|long|short|byte)$/.test(i.type)) return "";
+	let a = e.label.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o = r.match(RegExp(`(?:^|[\\s(])${a}\\s*=\\s*([\\w.]+)\\s*/\\s*([\\w.]+)\\s*;`));
+	if (!o) return "";
+	let s = (e) => {
+		if (/^\d+$/.test(e)) return Number(e);
+		let r = Se(e, t, n);
+		return r?.k === "prim" && /^-?\d+$/.test(r.text) ? Number(r.text) : NaN;
+	}, [c, l] = [s(o[1]), s(o[2])];
+	if (!Number.isFinite(c) || !Number.isFinite(l) || l === 0 || c % l === 0) return "";
+	let u = Math.abs(c / l) % 1;
+	return ` (int division drops the ${u.toFixed(3).replace(/0+$/, "").slice(1)}${Number(u.toFixed(3)) === u ? "" : "…"})`;
+}
+function Ie(e, t) {
+	return e.length > 3 ? `set up ${e.length} static fields` : `set the static ${e.length === 1 ? "field" : "fields"} ${x(e.map((e) => {
+		let n = e.value;
+		if (n.k !== "ptr" || n.target.kind !== "heap") return `${e.name} to ${F(n, "java")}`;
+		let r = n.target.id;
+		return `${e.name} to a new ${t.heap.find((e) => e.id === r)?.type ?? "object"}`;
+	}))}`;
+}
+function Le(e, t, n) {
+	let r = e[t.line - 1] ?? "", i = r.match(/^\s*switch\s*\((.+)\)\s*\{?\s*$/);
+	if (i) {
+		for (let r = n.line; r > t.line; r--) {
+			let t = e[r - 1] ?? "", n = t.match(/^\s*case\s+(.+?)\s*(?:->|:(?!:))/)?.[1];
+			if (n) return `switch (${i[1]}) matched case ${n}`;
+			if (/^\s*default\s*(?:->|:)/.test(t)) return `switch (${i[1]}) matched no case, so it runs default`;
+		}
+		return n.line > t.line ? `switch (${i[1]}) matched no case, so nothing in it runs` : "";
+	}
+	if (/^\s*(?:[^/]*[;:{}]\s*)?break\s*;\s*(?:\/\/.*)?$/.test(r) && !ve(e, t.line, "java")) {
+		let n = ye(e, t.line);
+		if (n) return `break leaves the ${n.kind}`;
+	}
+	return /^\s*}\s*(?:\/\/.*)?$/.test(r) && n.line < t.line && ye(e, t.line)?.kind === "loop" ? `the loop body ends here, so it goes back to line ${n.line}` : "";
+}
+// ../renderer/src/describe/python.ts
+var Re = (e) => e.match(/^(?:function|class) ([\w<>]+)/)?.[1], ze = (e, t) => e.k === "record" ? e.fields.filter((e) => e.value.k !== "opaque").map((e) => `${e.name} = ${F(e.value, t)}`) : [];
+function Be(e, t, n, r = "python") {
+	if (Re(e.type) !== t) return null;
+	let i = ze(e.value, r);
+	if (e.type.startsWith("class ")) return `it defined the ${e.type}${i.length ? `, with ${x(i)}` : ""}`;
+	let a = n.frames.at(-1)?.name;
+	return `it defined the ${e.type}${i.length ? `, which remembers ${x(i)}${a ? ` from ${a}` : ""}` : ""}`;
+}
+function Ve(e, t, n) {
+	let r = [...e.frames.at(-2)?.locals ?? [], ...e.globals];
+	for (let i of r) {
+		if (i.value.k !== "ptr" || i.value.target.kind !== "heap") continue;
+		let r = i.value.target.id, a = e.heap.find((e) => e.id === r);
+		if (a && Re(a.type) === t.name && RegExp(`\\b${i.name.replace(/\$/g, "\\$")}\\s*\\(`).test(n)) return {
+			via: i.name === t.name ? void 0 : i.name,
+			obj: a
+		};
+	}
+	return null;
+}
+function He(e, t) {
+	return T(t) ? /(?:^|\.)(\w+)\.__del__$/.exec(e)?.[1] : void 0;
+}
+var Ue = /^\s*except\b/;
+function We(e, t, n) {
+	let r = e.message, [, i = r, a] = r.match(/^([\w.]+)(?::\s*([\s\S]*))?$/) ?? [], o = a ? ` (${a})` : "", s = `the except on line ${e.line}`;
+	if (t.frames.at(-1)?.id === e.frames.at(-1)?.id && t.message === r && Ue.test(n[t.line - 1] ?? "")) return `The except on line ${t.line} doesn't catch ${y(i)} ${i}, so Python tries ${s}.`;
+	let c = t.frames.length > e.frames.length ? t.frames.at(-1) : void 0;
+	return c ? `${c.name} raised ${i}${o} on line ${t.line}, so Python left ${c.name} and jumped to ${s}.` : `Line ${t.line} raised ${i}${o}, so Python jumped to ${s}.`;
+}
+function Ge(e, t, n) {
+	let r = (e[t.line - 1] ?? "").replace(/#.*$/, "").trim();
+	if (r === "break") return ["break leaves the loop"];
+	if (r === "continue") return ["continue skips the rest of the loop body and goes back to the top of the loop"];
+	let i = n.frames.at(-1);
+	if (t.frames.at(-1)?.id !== i?.id) return [];
+	let a = i ?? {
+		id: "",
+		name: "",
+		line: 0,
+		locals: []
+	}, o = r.match(/^for\s+([A-Za-z_]\w*)\s+in\s+(.+):$/), s = o && Se(o[1], a, n);
+	if (o && s) return [`${o[1]} takes the next item in ${o[2]}, which is ${L(s, n, "python")} again`];
+	let c = r.match(/^([A-Za-z_]\w*(?:\.[A-Za-z_]\w*|\[[^\]]*\])*)\s*(?:[-+*/%&|^@]|\/\/|\*\*|<<|>>)?=(?!=)/)?.[1], l = c && Se(c, a, n);
+	return l ? l.k === "ptr" && l.target.kind === "heap" ? [`${c} still refers to ${L(l, n, "python")}`] : [`${c} is still ${F(l, "python")}`] : [];
+}
+// ../renderer/src/describe/phrases.ts
+function Ke(e, t, n, r) {
+	let i = new Map(t.entries.map((e) => [I(e.key), e])), a = new Set(n.entries.map((e) => I(e.key))), o = [];
+	for (let t of n.entries) {
+		let n = i.get(I(t.key));
+		n ? I(n.value) !== I(t.value) && o.push(`${e} now maps ${F(t.key, r)} to ${F(t.value, r)} (it was ${F(n.value, r)})`) : o.push(`${e} now maps ${F(t.key, r)} to ${F(t.value, r)}`);
+	}
+	for (let n of t.entries) a.has(I(n.key)) || o.push(`${F(n.key, r)} was removed from ${e}`);
+	let s = n.entries.length;
+	return o.length && o.length <= 2 ? x(o) : `${e} now has ${s} ${s === 1 ? "entry" : "entries"}`;
+}
+function qe(e) {
+	let t = e.after;
+	if (t.k !== "prim" || t.type !== "null" && t.type !== "undefined") return null;
+	let n = e.before?.k === "ptr" && e.before.target.kind === "heap";
+	return t.type === "null" ? `${e.label} is now null${n ? ": it doesn't refer to any object now" : ""}` : e.before ? `${e.label} changed from ${F(e.before, "javascript")} to undefined` : `${e.label} is now undefined (it has no value yet)`;
+}
+function Je(e) {
+	let t = e.after, n = e.before;
+	if (t.k !== "opaque" || t.type !== "file") return null;
+	let r = (e) => e.k === "opaque" ? e.text.replace(/ \((?:closed|open for [^)]*)\)$/, "") : "";
+	return n?.k === "opaque" && n.type === "file" && r(n) === r(t) && t.text.endsWith("(closed)") ? `${e.label} is now closed` : `${e.label} is now the file ${t.text}`;
+}
+var Ye = " (fine to compare against, but there's no element there to read)";
+function Xe(e, t, n, r, i = "") {
+	if (e.shares?.length) {
+		let { shares: a, ...o } = e, s = a.length === 1, c = new Intl.ListFormat("en").format(a.map((e) => e.label)), l = new Intl.ListFormat("en").format(a.map((e) => F(e.value, r)));
+		return `${Xe(o, t, n, r, i)} (${c} ${s ? "uses" : "use"} the same memory, so ${s ? "it now reads" : "they now read"} ${l})`;
+	}
+	let a = e.after, o = Je(e);
+	if (o) return o;
+	let s = E(r) ? qe(e) : null;
+	if (s) return s;
+	if (O(r)) {
+		if (a.k === "ptr" && a.target.kind === "heap") {
+			let i = a.target.id, o = t.heap.find((e) => e.id === i), s = o?.type ?? "object", c = o && Be(o, e.label, n, r);
+			if (c && !n.heap.some((e) => e.id === i)) return c;
+			if ([...n.globals, ...n.frames.flatMap((e) => e.locals)].some((e) => e.value.k === "opaque" && e.value.text === s)) return `${e.label} now refers to the ${s}`;
+			if (!n.heap.some((e) => e.id === i)) {
+				if (o?.value.k === "array" && !o.value.items.length || o?.value.k === "map" && !o.value.entries.length) return `${e.label} now refers to a new empty ${s}`;
+				let t = o && A(o.value, r);
+				return `${e.label} now refers to a new ${s}${t ? ` ${t}` : ""}`;
+			}
+			let l = le(t, i).find((t) => t !== e.label);
+			return l ? `${e.label} now refers to the same ${s} as ${l}` : `${e.label} now refers to ${ie(o, r)}`;
+		}
+		if (a.k === "opaque" && !e.before && /^(function|class) /.test(a.text)) return `it defined the ${a.text}`;
+		if (a.k === "opaque" && a.type === "generator") {
+			let t = a.text.match(/^generator (\w+)/)?.[1] ?? "it";
+			return `${e.label} ${e.before ? "now" : "is now"} ${b(a.text)} (none of ${t}'s code has run yet: it starts when asked for its first value)`;
+		}
+	}
+	let c = D(r) ? Ae(e, t, n, i) ?? Pe(e, t, n) : null;
+	if (c) return c;
+	let l = we(e, t, n, r);
+	if (l) return l;
+	if (a.k === "map" && e.before?.k === "map") return Ke(e.label, e.before, a, r);
+	if (a.k === "ptr" && a.target.kind !== "null") {
+		let i = w(a) ? "refers to" : "points to", o = a.target;
+		if (o.kind === "heap") {
+			let s = t.heap.find((e) => e.id === o.id);
+			if (s && j(a.type, r)) return `${e.label} is now ${N(s.value, r, t)}${re(a.type, s.value, r)}`;
+			if (s && (j(s.type, r) || o.offset > 0) && s.value.k === "array" && s.value.items.length > 0) {
+				let n = ae(t).get(s.id)?.label, r = Math.floor(o.offset / (s.size / s.value.items.length));
+				if (n && n !== e.label && r < s.value.items.length) return `${e.label} now ${i} ${n}[${r}]`;
+				if (r === s.value.items.length) return `${e.label} now points just past the end of ${n && n !== e.label ? n : `the ${s.type}`}${Ye}`;
+			}
+			let c = !n.heap.some((e) => e.id === o.id), l = s?.type ?? "value";
+			if (s?.exception && c) return `${e.label} now ${i} the ${l} that was thrown`;
+			if (c) return `${e.label} now ${i} a new ${l}`;
+			let u = le(t, o.id).find((t) => t !== e.label) ?? ce(t, o.id, e.label, r);
+			return u && o.offset === 0 ? `${e.label} now ${i} the same ${M(l)} as ${u}` : `${e.label} now ${i} ${R(s, l)}`;
+		}
+		if ((o.kind === "stack" || o.kind === "global") && o.offset > 0) {
+			let n = (o.kind === "stack" ? t.frames.find((e) => e.id === o.frame)?.locals : t.globals)?.find((e) => e.name === o.name)?.value;
+			if (n?.k === "array" && n.items.length > 0) {
+				let t = o.size ? Math.floor(o.offset / (o.size / n.items.length)) : -1;
+				if (t >= 0 && t < n.items.length) return `${e.label} now ${i} ${o.name}[${t}]`;
+				if (t === n.items.length) return `${e.label} now points just past the end of ${o.name}${Ye}`;
+			}
+		}
+		return `${e.label} now ${i} ${F(a, r)}`;
+	}
+	return e.whole && r === "cpp" && (a.k === "array" || a.k === "map") ? `${e.label} is now ${N(a, r, t)}${re(a.type, a, r)}` : e.whole && a.k === "array" || !e.before ? `${e.label} is now ${F(a, r)}` : `${e.label} changed from ${F(e.before, r)} to ${F(a, r)}`;
+}
+function Ze(e, t, n, r, i, a = "python") {
+	let o = e.path.slice(5).split(/[.[]/)[0], s = t.heap.find((e) => e.id === o && e.type.startsWith("function ")), c = e.path.slice(`heap:${o}.`.length);
+	if (s && /^\w+$/.test(c)) {
+		let r = le(t, o)[0], i = Re(s.type) ?? (r ? `the function ${r} refers to` : "the function");
+		return `${Xe({
+			...e,
+			label: c
+		}, t, n, a)} (${i} keeps it in its function object, so it lasts between calls)`;
+	}
+	let l = le(t, o), u = e.label.match(/^[A-Za-z_$][\w$]*/)?.[0] ?? "";
+	if (l.length < 2 || !l.includes(u)) return Xe(e, t, n, a);
+	let d = l.find((e) => RegExp(`\\b${e}\\b`).test(r)) ?? u, f = d + e.label.slice(u.length), p = t.heap.find((e) => e.id === o)?.type ?? "object", m = [d, ...l.filter((e) => e !== d)], h = Xe({
+		...e,
+		label: f
+	}, t, n, a);
+	return i.has(o) ? h : (i.add(o), `${h} (${x(m)} ${m.length === 2 ? "both" : "all"} refer to this ${p})`);
+}
+// ../renderer/src/describe/js.ts
+var Qe = /\bcatch\b/;
+function $e(e, t) {
+	let n = e.message, [, r = n, i] = n.match(/^([\w$.]+)(?::\s*([\s\S]*))?$/) ?? [], a = i ? ` ("${i}")` : "", o = `the catch on line ${e.line}`, s = t.frames.length > e.frames.length ? t.frames.at(-1) : void 0, c = s && V(s.name, "javascript");
+	return c ? `${c} threw ${r}${a} on line ${t.line}, so JavaScript left ${c} and jumped to ${o}.` : `Line ${t.line} threw ${r}${a}, so JavaScript jumped to ${o}.`;
+}
+function et(e, t, n) {
+	let r = (e[t.line - 1] ?? "").replace(/\/\/.*$/, "").trim().replace(/;$/, "");
+	if (r === "continue") return ["continue skips the rest of the loop body and goes back to the top of the loop"];
+	let i = r.match(/\.(then|catch|finally)\s*\(/)?.[1];
+	if (i) return [`the callback given to .${i} waits for the Promise to settle, and then runs as a queued job`];
+	if (/\bsetTimeout\s*\(/.test(r)) return ["setTimeout starts a timer: its callback runs once the timer is due and the code running now has finished"];
+	if (/\bsetInterval\s*\(/.test(r)) return ["setInterval starts a repeating timer: its callback runs each time the timer is due"];
+	if (/\bqueueMicrotask\s*\(/.test(r)) return ["the function given to queueMicrotask runs as a queued job once the code running now has finished"];
+	let a = n.frames.at(-1);
+	if (t.frames.at(-1)?.id !== a?.id) return [];
+	let o = r.match(/^(?:(?:let|var)\s+)?([A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\[[^\]]*\])*)\s*(?:[-+*/%&|^]|\*\*|<<|>>>?)?=(?![=>])/)?.[1], s = o && Se(o, a ?? {
+		id: "",
+		name: "",
+		line: 0,
+		locals: []
+	}, n);
+	return s ? s.k === "ptr" && s.target.kind === "heap" ? [`${o} still refers to ${L(s, n, "javascript")}`] : [`${o} is still ${F(s, "javascript")}`] : [];
+}
+function tt(e, t) {
+	let n = e.path.match(/^heap:([^.[]+)\.(state|value|reason)$/);
+	return n && t.heap.find((e) => e.id === n[1])?.type === "Promise" ? n[2] : void 0;
+}
+function nt(e, t) {
+	let n = t.heap.find((t) => t.id === e);
+	if (n?.type !== "Promise" || n.value.k !== "record") return;
+	let r = n.value.fields.find((e) => e.name === "state")?.value, i = n.value.fields.find((e) => e.name === "value" || e.name === "reason")?.value;
+	return {
+		state: r?.k === "opaque" ? r.text : "pending",
+		...i ? { value: i } : {}
+	};
+}
+var rt = (e) => e?.k === "ptr" && e.target.kind === "heap" ? e.target.id : void 0;
+function it(e, t, n) {
+	let r = e ? ae(t, "javascript").get(e)?.label : void 0;
+	return r ? /^[\w$]+$/.test(r) ? `the Promise ${r}` : r : n;
+}
+function at(e, t, n) {
+	let r = t ? ` with ${L(t, n, "javascript")}` : "";
+	return e === "rejected" ? `was rejected${r}` : `resolved${r}`;
+}
+function ot(e, t) {
+	let n = e.path.match(/^heap:([^.[]+)/)[1], r = e.label.replace(/\.state$/, ""), i = /^[\w$]+$/.test(r) ? `the Promise ${r}` : r, a = nt(n, t);
+	return `${i} ${at(a?.state, a?.value, t)}`;
+}
+function st(e, t) {
+	let n = e.frames.at(-2);
+	return n ? `${V(n.name, t)} carries on` : e.queued ? "JavaScript moves on to whatever is queued next" : "the main program carries on";
+}
+function ct(e, t, n) {
+	let r = V(t.name, n), i = t.awaiting, a = rt(i), o = nt(a, e), s = st(e, n);
+	return o?.state === "pending" ? `${r} is waiting for ${it(a, e, "a Promise")} to settle, so it pauses here and ${s} meanwhile.` : o ? `${r} awaits ${it(a, e, "a Promise")} that has already ${o.state === "rejected" ? "been rejected" : "resolved"}. It still pauses until the code running now is done, so ${s} first.` : `${r} awaits ${i ? L(i, e, n) : "undefined"}, which isn't a Promise. It still pauses until the code running now is done, so ${s} first.`;
+}
+function lt(e, t) {
+	for (let n = t; n >= 0 && e.steps[n].queued; n--) if (e.steps[n].job) return e.steps[n].job;
+}
+function ut(e, t, n, r) {
+	let i = e.steps[t], a = V(n.name, r), o = lt(e, t), s = n.returnValue ? L(n.returnValue, i, r) : "undefined";
+	if (o?.kind === "then" || o?.kind === "catch") {
+		let e = nt(rt(n.returnValue), i) ? "follows the Promise it returns" : `resolves with ${s}`;
+		return `${a} is finishing and returns ${s}, so the Promise that .${o.kind} made ${e}.`;
+	}
+	return o?.kind === "finally" ? `${a} is finishing. What it returns is not used: the Promise that .finally made settles the same way as the one before it.` : `${a} is finishing, so JavaScript moves on to whatever is queued next.`;
+}
+function dt(e, t, n, r, i) {
+	let a = [];
+	for (let n of t.locals) W(`var:${t.id}:${n.name}`, n.name, e.locals.find((e) => e.name === n.name)?.value, n.value, a);
+	return a.slice(0, 3).map((e) => Xe(e, n, r, i));
+}
+function ft(e, t, n, r) {
+	let i = e.job, a = e.frames.at(-1), o = a ? V(a.name, n) : "the callback", s = at(i.state, i.value, e), c = (a?.locals ?? []).filter((e) => e.name !== "this" && e.value.k !== "uninit").map((t) => `${t.name} = ${L(t.value, e, n)}`), l = c.length && e.event !== "await" ? ` with ${x(c)}` : "", u = t.queued ? "" : "The main program's own code is done, so JavaScript runs the jobs waiting in its queues. ", d = i.time === void 0 ? "" : ` (the program's clock is now at ${i.time} ms)`;
+	switch (i.kind) {
+		case "await": {
+			let c = a && (t.paused?.find((e) => e.id === a.id) ?? t.frames.find((e) => e.id === a.id)), l = c ? ` on line ${c.line}` : "";
+			if (i.state === "rejected") return `${u}The Promise ${o} was waiting for ${s}, so the await${l} throws that inside ${o}${e.event === "step" && e.message ? `, and JavaScript jumps to the catch on line ${e.line}` : ""}.`;
+			let d = [...c && a ? dt(c, a, e, t, n) : [], ...r];
+			return `${u}The Promise ${o} was waiting for ${s}, so ${o} carries on after the await${l}${d.length ? `: ${x(d)}` : ""}.`;
+		}
+		case "then":
+		case "catch":
+		case "finally": {
+			let t = it(rt(i.promise), e, "The Promise"), n = i.kind === "then" && i.state === "rejected" ? "the rejection callback given to .then" : `the .${i.kind} callback`;
+			return `${u}${t.charAt(0).toUpperCase()}${t.slice(1)} ${s}, so ${n} runs${l}.`;
+		}
+		case "thenable": return `${u}A Promise was resolved with an object that has a then method of its own, so JavaScript calls ${o} to get its value.`;
+		case "microtask": return `${u}The function queued with queueMicrotask runs now.`;
+		case "timer": return `${u}The ${i.delay} ms timer is due${d}, so its callback runs${l}.`;
+		case "interval": return `${u}The interval set for every ${i.delay} ms is due${d}, so its callback runs${l}.`;
+	}
+}
+function pt(e, t, n, r) {
+	let i = e.steps[t], a = e.steps[t - 1], o = e.language, s = i.frames.at(-1), c = [], l = e.stdout.slice(a.stdoutLength, i.stdoutLength).trimEnd(), u = `"${l.length > 60 ? `${l.slice(0, 57)}…` : l}"`;
+	if (a.event === "step" || a.event === "resume") {
+		let e = r.length ? r : et(n, a, i);
+		c.push(`${e.length ? `Line ${a.line} ran: ${x(e)}.` : `Line ${a.line} ran.`}${l ? ` It printed ${u}.` : ""}`), c.push(ft(i, a, o, []));
+	} else l && c.push(`Meanwhile, built-in callbacks (such as console.log given to .then) printed ${u}.`), i.job.kind === "await" ? c.push(ft(i, a, o, r)) : (r.length && c.push(`${x(r).replace(/^./, (e) => e.toUpperCase())}.`), c.push(ft(i, a, o, [])));
+	return s && i.event === "await" ? c.push("It reaches another await, so it pauses again.") : s && i.event === "return" && c.push(s.async ? "It finishes straight away." : "It has nothing to run, so it returns straight away."), c;
+}
+function mt(e) {
+	let t = (e.paused ?? []).filter((e) => e.async).map((e) => e.name), n = t.length ? ` ${x(t)} never carried on: the Promise ${t.length > 1 ? "they were" : "it was"} waiting for never settled.` : "";
+	return `${e.queued ? " Nothing is left in the queues, so the program has finished." : " The program has finished."}${n}`;
+}
+// ../renderer/src/describe/calls.ts
+function ht(e, t, n, r) {
+	let i = e.steps[t], a = e.steps[t - 1], o = e.language, s = i.frames.at(-1), c = a.frames.at(-1), l = s.locals.find((e) => e.name === (T(o) ? "self" : "this")), u = ee(o) ? void 0 : ae(a, o), d = (e) => u && e.k === "ptr" && e.target.kind === "heap" ? u.get(e.target.id)?.label : void 0, f = s.locals.filter((e) => e.value.k !== "uninit" && e !== l).map((e) => {
+		let t = d(e.value);
+		if (!t || D(o) && t !== e.name && t.match(/^[\w$]+/)?.[0] === e.name) return `${e.name} = ${L(e.value, i, o)}`;
+		t === e.name && (t = c ? `${V(c.name, o)}'s ${t}` : `the main program's ${t}`);
+		let n = e.value.k === "ptr" && e.value.target.kind === "heap" ? e.value.target.id : "", r = i.heap.find((e) => e.id === n), a = r && D(o) && r.value.k === "array" && r.value.items.length <= 6 && r.value.items.every((e) => e.k === "prim");
+		if (r && Re(r.type) === t) return `${e.name} = the ${r.type}`;
+		let s = r && (a ? F(r.value, o) : A(r.value, o));
+		return s ? `${e.name} = ${s} (the same ${r.type} as ${t})` : `${e.name} = the same ${r?.type ?? "object"} as ${t}`;
+	}), p = f.length ? ` with ${x(f)}` : "", m = B(s.name, o), h = a.paused?.find((e) => e.id === s.id), g = be.test(n[a.line - 1] ?? "") ? `The for loop on line ${a.line}` : `Line ${a.line}`, _ = a.frames.some((e) => e.name === s.name) ? " again" : "", v = se(i.frames, o, n), y = E(o) ? s.locals.filter((e) => e.value.k === "opaque" && /^function (resolve|reject)$/.test(e.value.text)).map((e) => e.name) : [];
+	if (h && s.closing) return `${vt(n[a.line - 1] ?? "", a.line, s.name)}: it stops where it paused on line ${h.line}, running only its cleanup code.`;
+	if (h) return `${g} asks ${s.name} for its next value, so ${s.name} carries on from line ${h.line}, where it paused.`;
+	if (s.generator) return `${g} asks ${s.name} for its first value, so ${s.name} starts running${p}.`;
+	if (y.length && /\bnew\s+Promise\b/.test(n[a.line - 1] ?? "")) {
+		let e = s.name === "(anonymous)" ? "the function given to it" : V(s.name, o);
+		return `Line ${a.line} makes a new Promise, which calls ${e} straight away with ${x(y)}: calling ${y.length > 1 ? "one of them" : "it"} later settles the Promise.`;
+	}
+	if (m && v) {
+		let e = /\bthis\s*\(/.test(n[a.line - 1] ?? "") ? "this" : "super", t = s.locals.filter((e) => e.value.k !== "uninit" && e !== l).map((e) => L(e.value, i, o)), r = e === "super" ? `the ${m} part of this ${v}` : `this ${v}`;
+		return `Line ${a.line} ran: the ${v} constructor calls ${e}(${t.join(", ")}), so the ${m} constructor runs${p} to set up ${r}.`;
+	}
+	if (He(s.name, o) && e.steps.slice(0, t).some((e) => e.event === "return" && !e.frames.length)) {
+		let e = a.globals.filter((e) => !i.globals.some((t) => t.name === e.name)).map((e) => e.name), t = e.length && e.length <= 4 ? ` (${x(e)})` : "", n = e.length ? `, so Python removes the program's names${t}` : ", so Python cleans up what is left", r = `nothing refers to the ${He(s.name, o)} any more, so Python runs its __del__ before deleting it`;
+		return e.length ? `The program has finished${n}. Now ${r}.` : `The program has finished${n}: ${r}.`;
+	}
+	if (He(s.name, o)) {
+		let e = /^\s*del\s+([\w.]+)\s*$/.exec(n[a.line - 1] ?? "")?.[1], t = r.length ? x(r) : e ? `it removed the name ${e}` : "", i = `nothing refers to the ${He(s.name, o)} any more, so Python runs its __del__ before deleting it`;
+		return t ? `Line ${a.line} ran: ${t}. Now ${i}.` : `Line ${a.line} ran: ${i}.`;
+	}
+	if (m && T(o)) return `Line ${a.line} ran: it is making a new ${m}, so ${s.name} runs to set it up${p}.`;
+	if (m) return `Line ${a.line} ran: it is making a new ${m}, so the ${m} constructor runs${p}.`;
+	if (O(o) && (s.captured?.length || Ve(i, s, n[a.line - 1] ?? "")?.via)) {
+		let e = Ve(i, s, n[a.line - 1] ?? ""), t = e?.via ? `${e.via} (the ${e.obj.type})` : s.name, r = e && s.captured?.length ? ze(e.obj.value, o) : [], c = r.length ? ` ${s.name} remembers ${x(r)} in its function object from earlier.` : "";
+		return `Line ${a.line} ran and called ${t}${_}${p}.${c}`;
+	}
+	if (l && l.value.k === "ptr") {
+		let e = l.value.target.kind === "stack" ? l.value.target.name : d(l.value) ?? L(l.value, i, o);
+		return `Line ${a.line} ran and called ${V(s.name, o)} on ${e}${p}.`;
+	}
+	return `Line ${a.line} ran and called ${H(s, o, n)}${_}${p}.`;
+}
+function gt(e, t, n, r) {
+	let i = e.steps[t], a = e.steps[t - 1], o = e.language, s = i.frames.at(-1), c = a.frames.at(-1), l = a.frames.length === i.frames.length ? xe(n, a, i, o) : "", u = [...r, ...l ? [l] : []], d = e.stdout.slice(a.stdoutLength, i.stdoutLength).trimEnd(), f = d ? `It printed "${d.length > 60 ? `${d.slice(0, 57)}…` : d}". ` : "", p = a.frames.at(-1)?.id === s.id ? a.line : i.line, m = u.length ? `Line ${p} ran: ${x(u)}. ${f}` : f ? `Line ${p} ran. ${f}` : "";
+	if (i.event === "yield") {
+		let r = s.yielded ? ` ${L(s.yielded, i, o)}` : "";
+		return `${m}${s.name} yields${r} to ${yt(e, t, n)} and pauses, keeping its variables until it is asked for the next value.`;
+	}
+	if (i.event === "await") return `${a.event === "await" && c && c.id !== s.id ? `${V(c.name, o)} paused and handed back a pending Promise. ` : ""}${m}${ct(i, s, o)}`;
+	if (s.closing) return `${m}${s.name} has finished cleaning up, so it is closed.`;
+	if (s.generator) return `${m}${s.name} has no more values to give, so it finishes.`;
+	if (s.async && E(o)) {
+		let e = s.returnValue ? L(s.returnValue, i, o) : "undefined", t = nt(rt(s.returnValue), i) ? "follows the Promise it returns" : `resolves with ${e}`;
+		return `${m}${V(s.name, o)} is finishing, so the Promise it handed back ${t}.`;
+	}
+	if (E(o) && i.queued && i.frames.length === 1) return `${m}${ut(e, t, s, o)}`;
+	if (i.frames.length === 1 && D(o)) return `${m}${V(s.name, o)} is finishing, so the program ends.`;
+	if (i.frames.length === 1 && !O(o)) {
+		let e = i.heap.filter((e) => !j(e.type, o) && !J(i, e.id).length).length, t = e ? ` ${e} ${e === 1 ? "block" : "blocks"} on the heap ${e === 1 ? "was" : "were"} never freed.` : "", n = s.returnValue ? ` ${L(s.returnValue, i, o)}` : "";
+		return `${m}${V(s.name, o)} is returning${n}: the program is finishing${n.trim() === "0" ? " (0 means success)" : ""}.${t}`;
+	}
+	let h = B(s.name, o), g = se(i.frames, o, n);
+	if (h && g) return `${m}The ${h} constructor finished setting up the ${h} part of this ${g}.`;
+	if (h && T(o)) return `${m}${s.name} finished setting up the new ${h}.`;
+	let _ = He(s.name, o);
+	if (_) return `${m}${s.name} is done, so Python deletes the ${_}.`;
+	if (h) return `${m}The ${h} constructor finished setting up the new ${E(o) ? h : "object"}.`;
+	let v = s.returnValue ? ` ${L(s.returnValue, i, o)}` : "", y = bt(e, t, n);
+	return y && s.returnValue && !((e) => e.k === "opaque" && /^(function|class) /.test(e.text) || e.k === "ptr" && e.target.kind === "heap" && !!i.heap.find((t) => t.id === e.target.id)?.type.startsWith("function"))(s.returnValue) ? `${m}${S(H(s, o, n))} is finishing: ${y.expr} is ${y.values}, so it returns${v} to ${de(i, s.name, o, n)}.` : `${m}${S(H(s, o, n))} is finishing and returning${v} to ${de(i, s.name, o, n)}.`;
+}
+function _t(e, t, n, r) {
+	let i = e.steps[t], a = e.steps[t - 1], o = e.language, s = i.frames.at(-1), c = a.frames.at(-1), l = c.returnValue ? ` ${L(c.returnValue, a, o)}` : "", u = i.event === "resume" ? i.line : i.resumedLine, d = r.length ? `, and ${x(r)}` : "", f = e.stdout.slice(a.stdoutLength, i.stdoutLength).trimEnd(), p = f ? ` It printed "${f.length > 60 ? `${f.slice(0, 57)}…` : f}".` : "", m = B(c.name, o), h = c.yielded ? ` ${L(c.yielded, a, o)}` : "", g = be.test(n[u - 1] ?? "") ? ", so the for loop ends" : "", _ = E(o) && m && s && /\bsuper\s*\(/.test(n[u - 1] ?? "") ? B(s.name, o) : void 0, v = nt(rt(c.returnValue), a) ? "follows the Promise it returned" : `resolves with${l || " undefined"}`, y = a.event === "await" ? `${V(c.name, o)} paused at its await, so the call handed back a Promise that is still pending` : `${V(c.name, o)} finished, so the Promise it handed back ${v}`, b = _ ? `the ${m} part of this ${_} is set up` : m ? `the new ${m} is ready` : a.event === "yield" ? `${c.name} yielded${h}` : c.async ? y : c.closing ? `${c.name} is closed` : He(c.name, o) ? `the ${He(c.name, o)} is deleted` : c.generator ? `${c.name} has no more values${g}` : `${H(c, o, n)} returned${l}`;
+	return `Back in ${s ? H(s, o, n) : U} on line ${u}: ${b}${d}.${p}`;
+}
+function vt(e, t, n) {
+	return /\.close\s*\(/.test(e) ? `Line ${t} closes ${n}` : /^\s*break\b/.test(e) ? `Line ${t} leaves the for loop early, so ${n} is closed` : /^\s*return\b/.test(e) ? `Line ${t} leaves the for loop by returning, so ${n} is closed` : `Nothing uses ${n} any more, so Python closes it`;
+}
+function yt(e, t, n) {
+	let r = e.steps[t], i = r.frames.length - 2, a = [];
+	for (; i >= 0 && /\byield\s*\*/.test(n[r.frames[i].line - 1] ?? ""); i--) a.push(`${r.frames[i].name}'s yield*`);
+	let o = a.length ? ` (through ${x(a)})` : "", s = i >= 0 ? r.frames[i] : void 0, c = e.steps[t + 1], l = s ? s.line : c && (c.resumedLine ?? (c.event === "resume" ? c.line : void 0));
+	if (l !== void 0 && be.test(n[l - 1] ?? "")) return `the for loop on line ${l}${o}`;
+	let u = r.frames.at(-1).name, d = e.language;
+	return s ? `${s.name === u ? `the ${V(u, d)} call that called it` : V(s.name, d)}${o}` : `${O(d) ? U : "its caller"}${o}`;
+}
+function bt(e, t, n) {
+	let r = e.steps[t], i = r.frames.at(-1), a = n[r.line - 1] ?? "", o = e.language === "python" ? /\breturn\s+(.+?)\s*(?:#.*)?$/ : E(e.language) ? /\breturn\s+([^;]+?)\s*(?:;|\/\/|$)/ : /\breturn\s+([^;]+);/, s = a.match(o)?.[1]?.trim();
+	if (!i || !s) return null;
+	let c = [];
+	for (let n = t; n > 0; n--) {
+		let t = e.steps[n];
+		if (!t.frames.some((e) => e.id === i.id)) break;
+		let a = t.frames.at(-1)?.id === i.id;
+		if (a && t.line !== r.line) break;
+		let o = e.steps[n - 1], s = o.frames.at(-1);
+		a && o.frames.length > t.frames.length && s?.returnValue && c.unshift(s.returnValue);
+	}
+	let l = [], u = 0, d = "";
+	for (let e = 0; e < s.length;) {
+		let t = /^[A-Za-z_]\w*\s*\(/.exec(s.slice(e)), n = s[e - 1] ?? " ";
+		if (t && !/[\w.>]/.test(n) && !/^(sizeof)\b/.test(t[0])) {
+			let n = 0, r = e + t[0].length - 1;
+			for (; r < s.length; r++) if (s[r] === "(") n++;
+			else if (s[r] === ")" && --n === 0) break;
+			let i = c[u++];
+			if (i?.k !== "prim") return null;
+			l.push(i.text), d += `\u0000${l.length - 1}\u0000`, e = r + 1;
+		} else d += s[e++];
+	}
+	if (u !== c.length || !/[-+*/%<>=!&|^?]/.test(d.replace(/->/g, ""))) return null;
+	let f = 0, p = d.replace(/\b[A-Za-z_]\w*(?:\s*(?:->|\.)\s*[A-Za-z_]\w*|\s*\[[^\]]*\])*/g, (e) => {
+		let t = Se(e, i, r);
+		return t?.k === "prim" ? (f++, t.text) : e;
+	}).replace(/\u0000(\d+)\u0000/g, (e, t) => l[Number(t)]);
+	return f + u === 0 || p === s || (e.language === "cpp" || E(e.language)) && /[.>]\s*[A-Za-z_]\w*\s*\(/.test(p) ? null : {
+		expr: s,
+		values: p
+	};
+}
+// ../renderer/src/describe/errors.ts
+var xt = (e) => e.match(/\d[\d,]*/)?.[0] ?? "many", St = (e, t) => e.replace(t, "");
+function Ct(e, t, n) {
+	let r = e.message ?? "the program crashed", i = e.frames.at(-1), a = `Line ${e.line}`;
+	switch (e.stopped) {
+		case "steps":
+		case "timeout": return `Paused after ${xt(r)} steps: line ${e.line} may be in a loop that never ends. Check that the loop's condition can become false.`;
+		case "jobs": return `Paused after ${xt(r)} timer and Promise callbacks: something keeps queuing more work, such as a setInterval that is never cleared. Call clearInterval to stop an interval.`;
+		case "stackOverflow": {
+			let e = r.match(/\((\S+) was called/)?.[1] ?? i?.name ?? "a function";
+			return T(n) ? `${e} kept calling itself and never returned, so Python stopped it with a RecursionError. Recursion needs a base case that stops it.` : E(n) ? `${V(e, n)} kept calling itself and never returned, so JavaScript stopped it with a RangeError. Recursion needs a base case that stops it.` : D(n) ? `${i ? V(i.name, n) : "A method"} kept calling itself and never returned. Recursion needs a base case that stops it; Java would throw a StackOverflowError.` : `${i?.name ?? "a function"} kept calling itself and never returned. Recursion needs a base case that stops it; a real program would crash with a stack overflow.`;
+		}
+		case "nullDeref": {
+			let r = t[e.line - 1] ?? "", o = (i?.locals ?? []).filter((e) => e.value.k === "ptr" && e.value.target.kind === "null" && RegExp(`\\b${e.name}\\b`).test(r))[0]?.name;
+			return o ? `${a} tried to use the memory ${o} points to, but ${o} is ${C(n)} (it points nowhere). A real program would crash here with a segmentation fault.` : `${a} used a ${C(n)} pointer (one that points nowhere). A real program would crash here with a segmentation fault.`;
+		}
+		case "memoryFault": return `${a} accessed memory it doesn't own (outside an array, or freed). A real program might crash here.`;
+		case "unsupported": {
+			let e = St(r, /^Unsupported [\w ]+: /);
+			return D(n) ? `${a} uses ${e}, which CodeFlip can't run yet. Try writing that part with basic Java (loops, arrays, ArrayList, HashMap).` : `${a} uses ${e}, which CodeFlip can't run yet.`;
+		}
+		case "unhandledRejection": return `A Promise was rejected with ${St(r, /^Uncaught \(in promise\) /)} and nothing handled it (no .catch, and no try/catch around an await of it), so the program stopped.`;
+		case "uncaught": return T(n) ? Et(e, r) : E(n) ? Ot(e, r) : D(n) ? wt(e, t) ?? `Stopped on line ${e.line}: ${r}.` : `${a} threw ${St(r, /^Uncaught exception: (?:std::)?/)} and nothing caught it, so the program stopped (C++ calls std::terminate).`;
+	}
+	return `Stopped on line ${e.line}: ${r}.`;
+}
+function wt(e, t) {
+	let n = (e.message ?? "").match(/^Exception in thread "main" ([\w.$]+)(?::\s*(.*))?/);
+	if (!n) return null;
+	let r = n[1].split(".").pop(), i = n[2]?.trim() ?? "", a = t[e.line - 1] ?? "", o = `Line ${e.line}`, s = `so Java threw ${y(r)} ${r} and the program stopped`;
+	if (r === "NullPointerException") {
+		let e = i.match(/because "([^"]+)" is null/)?.[1];
+		return e ? `${o} used ${e}, but ${e} is null (it doesn't refer to any object), ${s}.` : `${o} used a variable that is null (it doesn't refer to any object), ${s}.`;
+	}
+	let c = i.match(/^Index (-?\d+) out of bounds for length (\d+)/);
+	if (c) {
+		let [, e, t] = c, n = r.startsWith("Array") ? "array" : r.startsWith("String") ? "string" : "list", i = Number(t) === 0 ? "it is empty" : `its indexes go from 0 to ${Number(t) - 1}`;
+		return `${o} used index ${e}, but the ${n} has ${t} ${Number(t) === 1 ? "element" : "elements"}, so ${i}. Java threw ${y(r)} ${r}.`;
+	}
+	return r === "ArithmeticException" && /by zero/.test(i) ? `${o} divided by zero, ${s}.` : r === "NoSuchElementException" && /\.next\w*\s*\(/.test(a) ? `${o} asked the Scanner for more input, but there was none left, ${s}. Add input under Edit code → Program input.` : r === "InputMismatchException" ? `${o} asked the Scanner for a number, but the next input wasn't one, ${s}.` : `${o} threw ${y(r)} ${r}${i ? ` ("${i}")` : ""} and nothing caught it, so the program stopped.`;
+}
+var Tt = [
+	[/^ZeroDivisionError/, "Dividing by zero isn't allowed."],
+	[/^NameError/, "Python doesn't know that name yet: it may be misspelled, or used before a line assigns it."],
+	[/^IndexError/, "The index is past the end (indexes start at 0, so the last one is len - 1)."],
+	[/^KeyError/, "That key isn't in the dictionary."]
+];
+function Et(e, t) {
+	if (/^EOFError/.test(t) && e.inputEnded) return `Line ${e.line} called input(), but there was no input left to read, so Python raised EOFError. Add input under Edit code → Program input.`;
+	let n = Tt.find(([e]) => e.test(t))?.[1], [, r, i] = t.match(/^([\w.]+): ([\s\S]*)$/) ?? [
+		"",
+		t,
+		""
+	], a = i ? `: ${i}${/[.?!]$/.test(i) ? "" : "."}` : ".";
+	return `Line ${e.line} raised ${r}, so the program stopped${a}${n ? ` ${n}` : ""}`;
+}
+var Dt = [
+	[/^ReferenceError: .* is not defined/, "JavaScript doesn't know that name: it may be misspelled, or used without being declared with let, const or var."],
+	[/^ReferenceError: Cannot access/, "A variable declared with let or const can't be used until the line that declares it has run."],
+	[/^TypeError: Cannot (?:read|set) properties of (undefined|null)/, "The value before the dot (or [ ]) is $1, so it has no properties."],
+	[/^TypeError: .* is not a function/, "Only a function can be called with ( )."],
+	[/^TypeError: Assignment to constant variable/, "A const variable can't be given a new value. Declare it with let if it needs to change."]
+];
+function Ot(e, t) {
+	let n = `Line ${e.line}`, r = t.match(/^Uncaught ([\s\S]*)$/)?.[1];
+	if (r) return `${n} threw ${r} and nothing caught it, so the program stopped.`;
+	let i = Dt.map(([e, n]) => t.match(e) && n.replace("$1", t.match(e)[1] ?? "")).find(Boolean), [, a, o] = t.match(/^([\w$.]+): ([\s\S]*)$/) ?? [
+		"",
+		t,
+		""
+	], s = o ? `: ${o}${/[.?!]$/.test(o) ? "" : "."}` : ".";
+	return `${n} threw ${y(a)} ${a}, so the program stopped${s}${i ? ` ${i}` : ""}`;
+}
+// ../renderer/src/describe/files.ts
+var kt = [
+	/No such file or directory: '([^']+)'/,
+	/([^\s"]+) \(No such file or directory\)/,
+	/NoSuchFileException\W+(\S+)/
+];
+function At(e, t, r) {
+	let i = e.steps[t], a = (e) => `Add ${e} under Edit code → Files.`;
+	if (i.event === "exception") {
+		for (let e of kt) {
+			let t = (i.message ?? "").match(e)?.[1];
+			if (t) return a(t);
+		}
+		return "";
+	}
+	let o = e.steps[t - 1], s = o && (r[o.line - 1] ?? "").match(/(\w+)\s*=\s*fopen\s*\(\s*"([^"]+)"\s*,\s*"r/);
+	if (!s || n(e, t)[s[2]] !== void 0) return "";
+	let c = [...i.frames.at(-1)?.locals ?? [], ...i.globals].find((e) => e.name === s[1])?.value;
+	return c?.k === "ptr" && c.target.kind === "null" ? `fopen couldn't find ${s[2]}, so it returned NULL. ${a(s[2])}` : "";
+}
+function jt(e, t) {
+	let r = e.steps[t]?.files;
+	if (!r || t === 0) return [];
+	let i = n(e, t - 1);
+	return Object.entries(r).flatMap(([e, t]) => {
+		let n = i[e];
+		return t === null ? n === void 0 ? [] : [{
+			name: e,
+			kind: "deleted",
+			added: ""
+		}] : n === void 0 ? [{
+			name: e,
+			kind: "created",
+			added: t
+		}] : n === t ? [] : t.startsWith(n) ? [{
+			name: e,
+			kind: "appended",
+			added: t.slice(n.length)
+		}] : [{
+			name: e,
+			kind: "rewritten",
+			added: t
+		}];
+	});
+}
+function Mt(e) {
+	let t = e.split("\n").length - +!!e.endsWith("\n");
+	return t === 1 && !e.endsWith("\n") && e.length <= 40 ? `"${e}"` : t === 1 ? "1 line" : `${t} lines`;
+}
+function Nt(e, t) {
+	let r = e.steps[t];
+	if (!r || t === 0 || !r.files && !r.fileEvents) return "";
+	let i = n(e, t - 1), a = [], o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+	for (let e of r.fileEvents ?? []) e.op === "open" ? o.set(e.file, e.mode ?? "r") : s.set(e.file, (s.get(e.file) ?? 0) + (e.lines ?? NaN));
+	for (let [e, t] of o) {
+		let n = i[e] === void 0;
+		t === "r" ? a.push(`It opened ${e} for reading.`) : t === "w" ? a.push(n ? `It opened ${e} for writing, creating it.` : `It opened ${e} for writing, which empties it.`) : a.push(n ? `It opened ${e} for adding to its end, creating it.` : `It opened ${e} for adding to its end.`);
+	}
+	for (let [e, t] of s) a.push(Number.isNaN(t) || t === 0 ? `It read from ${e}.` : `It read ${t === 1 ? "1 line" : `${t} lines`} from ${e}.`);
+	for (let n of jt(e, t)) o.has(n.name) && o.get(n.name) !== "r" && n.added === "" || (n.kind === "deleted" ? a.push(`It deleted ${n.name}.`) : n.kind === "created" ? a.push(n.added ? `It created ${n.name} and wrote ${Mt(n.added)} to it.` : `It created ${n.name}, empty.`) : n.kind === "appended" ? a.push(`It wrote ${Mt(n.added)} to ${n.name}.`) : a.push(n.added ? `It wrote ${n.name} anew: it now holds ${Mt(n.added)}.` : `${n.name} is now empty.`));
+	return a.length ? `${a.join(" ")} ` : "";
+}
+// ../renderer/src/describe/heap.ts
+var Pt = (e, t, n) => [...e.frames.flatMap((e) => e.locals), ...e.globals].some((e) => e.name === t && e.value.k === "ptr" && e.value.target.kind === "heap" && e.value.target.id === n);
+function Ft(e, t, n, r) {
+	let i = [], a = r === "cpp" ? ae(e) : void 0;
+	if (a) {
+		let n = (e) => [...e.frames.flatMap((e) => e.locals.map((t) => [`${e.id}:${t.name}`, t])), ...e.globals.map((e) => [e.name, e])], o = new Map(n(e));
+		for (let [s, c] of n(t)) {
+			let n = o.get(s)?.value;
+			if (c.value.k !== "ptr" || c.value.target.kind !== "dangling" || n?.k !== "ptr" || n.target.kind !== "heap" || n.address !== c.value.address) continue;
+			let l = n.target.id, u = e.heap.find((e) => e.id === l);
+			if (!u || !j(u.type, r) || !t.heap.some((e) => e.id === l)) continue;
+			let d = a.get(l)?.label ?? `the ${u.type}`;
+			i.push(`${d} moved its elements to new memory as it grew, so ${c.name} is now dangling (it still holds the old address)`);
+		}
+	}
+	for (let o of O(r) ? [] : e.heap) {
+		if (t.heap.some((e) => e.id === o.id)) continue;
+		if (D(r)) {
+			n.some((e) => e.before?.k === "ptr" && e.before.target.kind === "heap" && e.before.target.id === o.id) && i.push(`nothing refers to ${o.value.k === "record" ? R(o, o.type) : `the ${o.type}`} any more, so Java cleans it up`);
+			continue;
+		}
+		if (j(o.type, r)) {
+			let n = e.frames.find((e) => e.locals.some((e) => e.value.k === "ptr" && e.value.target.kind === "heap" && e.value.target.id === o.id));
+			if (n && !t.frames.some((e) => e.id === n.id)) continue;
+			let r = a?.get(o.id)?.label;
+			r ? /^\w+$/.test(r) ? i.push(`${r} went out of scope, so it was destroyed and its memory freed`) : i.push(`${r} was destroyed with it, freeing its memory`) : i.push(`${b(o.type)} was destroyed and its memory freed`);
+			continue;
+		}
+		if (r === "cpp" && J(e, o.id).length) {
+			let n = [...t.frames.flatMap((e) => e.locals), ...t.globals].filter((t) => t.value.k === "ptr" && t.value.target.kind === "dangling" && Pt(e, t.name, o.id)).map((e) => e.name), r = n.length ? `, leaving ${x(n)} dangling` : "";
+			i.push(`nothing owns the ${M(o.type)} any more, so it was deleted${r}`);
+			continue;
+		}
+		if (o.exception) {
+			i.push(`the catch block is done, so the ${o.type} that was thrown is destroyed`);
+			continue;
+		}
+		let s = [...t.frames.flatMap((e) => e.locals), ...t.globals].filter((e) => e.value.k === "ptr" && e.value.target.kind === "dangling" && e.value.target.id === o.id).map((e) => e.name);
+		i.push(s.length ? `the ${o.type} was freed: ${x(s)} still ${s.length > 1 ? "hold" : "holds"} its address, but that memory is no longer yours, so ${x(s)} ${s.length > 1 ? "are" : "is"} now dangling` : `the ${o.type} on the heap was freed`);
+	}
+	for (let n of t.heap) {
+		let t = e.heap.find((e) => e.id === n.id);
+		n.unreachable && t && !t.unreachable && i.push(`the old ${n.type} is leaked (nothing points to it any more)`);
+	}
+	return i;
+}
+// ../renderer/src/describe/index.ts
+function It(e, t, n = []) {
+	let r = e.steps[t];
+	if (!r) return "";
+	if (e.awaitingInput && t === e.steps.length - 1) {
+		let i = Lt(e, t, n), a = e.stdout.slice(r.stdoutLength).trim(), o = a ? `printed "${a.length > 60 ? `${a.slice(0, 57)}…` : a}" and ` : "";
+		return `${i ? `${i} ` : ""}${Nt(e, t)}Line ${r.line} ${o}is waiting for input: type a line in the box under Output and press Enter.`;
+	}
+	let i = Nt(e, t).trimEnd();
+	return [
+		Lt(e, t, n),
+		i,
+		At(e, t, n)
+	].filter(Boolean).join(" ").trim();
+}
+function Lt(e, t, n) {
+	let i = e.steps[t], a = t > 0 ? e.steps[t - 1] : void 0, o = e.language, s = i.frames.at(-1);
+	if (i.event === "exception" || i.event === "limit") return Ct(i, n, o);
+	if (a && i.thrown) return Y(i, a, n, o);
+	let c = a && o === "cpp" ? ke(e, t, n) : void 0;
+	if (a && c) {
+		let e = c.type.replace(/^std::/, "");
+		return X(i, a, n, o, c.what !== void 0 && !/^std::/.test(c.type) ? `the ${e} ${c.what}` : `the ${e}`);
+	}
+	if (!a) return `The program starts.${D(o) && i.globals.length ? ` Before main started, Java ${Ie(i.globals, i)}.` : ""} Next it will run line ${i.line}${s ? ` in ${V(s.name, o)}` : ""}.`;
+	let l = [], u = i.event === "resume" || i.resumedLine !== void 0, d = n[(i.event === "resume" ? i.line : i.resumedLine ?? a.line) - 1] ?? "", f = D(o) ? i.globals.filter((e) => !a.globals.some((t) => t.name === e.name)) : [], p = he(a, i, o, d).filter((e) => !f.some((t) => e.path === `global:${t.name}`) && !(E(o) && /^var:[^:]+:this$/.test(e.path))), m = u ? i.frames.at(-1) : a.frames.at(-1), h = (() => {
+		let e = a.frames.at(-1), t = (T(o) && e && B(e.name, o) ? e.locals.find((e) => e.name === "self")?.value : void 0) ?? e?.returnValue;
+		if (u && t?.k === "ptr" && t.target.kind === "heap") return t.target.id;
+		let n = e?.locals.find((e) => e.name === "this")?.value;
+		if (u && (D(o) || E(o)) && B(e.name, o) && n?.k === "ptr" && n.target.kind === "heap") return n.target.id;
+	})(), g = /* @__PURE__ */ new Set();
+	if (E(o)) {
+		let e = rt(i.job?.promise);
+		for (let t = p.length - 1; t >= 0; t--) e && p[t].path.startsWith(`heap:${e}.`) && p.splice(t, 1);
+		let t = p.filter((e) => tt(e, i) === "state").map((e) => e.path.replace(/\.state$/, ""));
+		for (let e = p.length - 1; e >= 0; e--) {
+			let n = tt(p[e], i);
+			(n === "value" || n === "reason") && t.includes(p[e].path.replace(/\.\w+$/, "")) && p.splice(e, 1);
+		}
+	}
+	let _ = p.slice(0, 3).map((e) => {
+		if (E(o) && tt(e, i) === "state") return ot(e, i);
+		let t = Ee(e, m, d);
+		if (h && e.after.k === "ptr" && e.after.target.kind === "heap" && e.after.target.id === h) return j(e.after.type, o) ? `${e.label} now holds it` : `${e.label} now ${w(e.after) || !ee(o) ? "refers" : "points"} to it`;
+		if (O(o) && e.path.startsWith("heap:")) return Ze(e, i, a, d, g, o);
+		let n = D(o) ? Fe(e, m, a, d) + Ne(e, i) : "";
+		return Xe(e, i, a, o, d) + (t ? ` (through ${t})` : "") + n;
+	});
+	p.length > 3 && _.push(`${p.length - 3} more values changed`), _.push(...Ft(a, i, p, o));
+	let v = a.frames.at(-1);
+	if ((i.event === "return" || i.event === "yield" || i.event === "await") && s && !(E(o) && i.job)) return gt(e, t, n, _);
+	let y = O(o) && i.event === "return" && !s ? E(o) ? mt(i) : " The program has finished." : "";
+	if ((i.event === "resume" || i.resumedLine !== void 0) && (s || O(o)) && v) return `${_t(e, t, n, _)}${y}`;
+	if (E(o) && i.job) l.push(...pt(e, t, n, _));
+	else if (s && i.frames.length > a.frames.length && !a.frames.some((e) => e.id === s.id)) l.push(ht(e, t, n, _));
+	else if (T(o) && i.event === "step" && i.message && Ue.test(n[i.line - 1] ?? "")) l.push(We(i, a, n));
+	else if (E(o) && i.event === "step" && i.message && Qe.test(n[i.line - 1] ?? "")) l.push($e(i, a));
+	else if (D(o) && i.event === "step" && K.test(n[i.line - 1] ?? "")) {
+		let e = a.frames[i.frames.length];
+		l.push(e && !i.frames.some((t) => t.id === e.id) ? `${V(e.name, o)} threw an exception on line ${e.line}, so Java left ${V(e.name, o)} and jumped to the catch on line ${i.line}.` : `Line ${a.line} threw an exception, so Java jumped to the catch on line ${i.line}.`);
+	} else {
+		let e = D(o) || E(o), t = !e || v?.id === s?.id ? xe(n, a, i, o) || (e ? Le(n, a, i) : "") : "", r = [..._, ...t ? [t] : []];
+		T(o) && !r.length && r.push(...Ge(n, a, i)), E(o) && !r.length && !(i.queued && a.event === "return") && r.push(...et(n, a, i));
+		let c = T(o) ? Ue : E(o) ? Qe : null, u = c && a.message && c.test(n[a.line - 1] ?? "") ? a.message.match(/^[\w.$]+/)?.[0] : void 0, d = D(o) && K.test(n[a.line - 1] ?? "") ? "caught the exception" : u ? `caught the ${u}` : "ran";
+		(!E(o) || s || !i.queued || a.event !== "return" || _.length) && l.push(r.length ? `Line ${a.line} ${d}: ${x(r)}.` : `Line ${a.line} ${d}.`);
+	}
+	if (f.length) {
+		let e = f[0].name.split(".")[0];
+		l.push(`Using ${e} for the first time, Java ${Ie(f, i).replace("the static", "its static")}.`);
+	}
+	let b = e.stdin ?? "", S = b.slice(a.stdinConsumed ?? 0, i.stdinConsumed ?? 0).trim(), C = e.stdout.slice(a.stdoutLength, i.stdoutLength);
+	if (D(o)) {
+		let e = b.slice(r(b, a.stdinConsumed ?? 0), r(b, i.stdinConsumed ?? 0)).replace(/\n?$/, "\n"), t = e.length > 1 ? C.indexOf(e) : -1;
+		t >= 0 && (C = C.slice(0, t) + C.slice(t + e.length));
+	}
+	let k = C.trimEnd();
+	O(o) && S && k.endsWith(S) && (k = k.slice(0, -S.length).trimEnd());
+	let te = k && `"${k.length > 60 ? `${k.slice(0, 57)}…` : k}"`, A = O(o) && S && l.length === 1 ? l[0].match(/^(Line \d+ ran)(?:: (.*))?\.$/) : null;
+	if (A) {
+		let e = `${te ? `printed ${te} and ` : ""}read "${S}" from the input`;
+		l[0] = `${A[1]}: it ${e}${A[2] ? `, so ${A[2]}` : ""}.`;
+	} else k && !(E(o) && i.job) && l.push(`It printed ${te}.`), S && l.push(`It read "${S}" from the input.`);
+	if (i.inputEnded && !a.inputEnded) {
+		let e = n[a.line - 1] ?? "", t = (i.frames.at(-1)?.locals ?? []).filter((t) => t.value.k === "uninit" && RegExp(`&\\s*${t.name}\\b`).test(e)).map((e) => e.name), r = t.length ? `, so ${x(t)} ${t.length > 1 ? "were" : "was"} not set` : "";
+		S ? t.length && l.push(`Then the input ran out${r}.`) : l.push(`It tried to read input, but there was none${r}. Add input under Edit code → Program input.`);
+	}
+	return (l.join(" ") + y).trim();
+}
+// ../renderer/src/hide.ts
+var Rt = /(?:#|\/\/)\s*(?:codeflip|pythontutor)_hide\s*:\s*([^\n]*)/g;
+function zt(e) {
+	let t = [];
+	for (let n of e.matchAll(Rt)) for (let e of n[1].split(/[,\s]+/)) e && t.push(e);
+	return t;
+}
+var Bt = (e) => {
+	let t = e.map((e) => RegExp(`^${e.replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*").replace(/\?/g, ".")}$`));
+	return (e) => t.some((t) => t.test(e));
+};
+function Z(e, t) {
+	if (e.k === "ptr" && e.target.kind === "heap") t.push(e.target.id);
+	else if (e.k === "array") for (let n of e.items) Z(n, t);
+	else if (e.k === "record") for (let n of e.fields) Z(n.value, t);
+	else if (e.k === "map") for (let n of e.entries) Z(n.key, t), Z(n.value, t);
+}
+function Vt(t, n) {
+	if (!n.length) return t;
+	let r = Bt(n), i = (e) => e.filter((e) => !r(e.name)), a = (e) => ({
+		...e,
+		locals: i(e.locals)
+	}), o = !e[t.language].manualMemory, s = t.steps.map((e) => {
+		let t = e.frames.map(a), n = e.paused?.map(a), r = i(e.globals), s = e.heap;
+		if (o) {
+			let i = new Map(e.heap.map((e) => [e.id, e])), a = [];
+			for (let e of [...t, ...n ?? []]) {
+				for (let t of e.locals) Z(t.value, a);
+				e.returnValue && Z(e.returnValue, a), e.yielded && Z(e.yielded, a), e.awaiting && Z(e.awaiting, a);
+			}
+			e.job?.promise && Z(e.job.promise, a), e.job?.value && Z(e.job.value, a);
+			for (let e of r) Z(e.value, a);
+			let o = /* @__PURE__ */ new Set();
+			for (; a.length;) {
+				let e = a.pop(), t = i.get(e);
+				t && !o.has(e) && (o.add(e), Z(t.value, a));
+			}
+			s = e.heap.filter((e) => o.has(e.id));
+		}
+		return {
+			...e,
+			frames: t,
+			globals: r,
+			heap: s,
+			...n ? { paused: n } : {}
+		};
+	});
+	return {
+		...t,
+		steps: s
+	};
+}
+// ../renderer/src/highlight.ts
+var Ht = new Set("auto break case catch char class const continue default delete do double else enum extern false final float for function if import int let long new null nullptr private protected public return short signed sizeof static struct switch this throw true try typedef union unsigned var void volatile while bool boolean byte string String extends implements interface package super instanceof template typename namespace using std const_cast include define".split(" ")), Ut = new Set("False None True and as assert async await break class continue def del elif else except finally for from global if import in is lambda nonlocal not or pass raise return try while with yield".split(" ")), Wt = new Set("break case catch class const continue debugger default delete do else export extends false finally for function if import in instanceof let new null of return static super switch this throw true try typeof undefined var void while with yield async await get set".split(" ")), Gt = /* @__PURE__ */ new Set([...Wt, ..."type interface enum implements private protected public readonly abstract declare namespace as is keyof infer satisfies any unknown never number string boolean bigint symbol object".split(" ")]), Kt = /(\/\/.*$|\/\*[\s\S]*?\*\/)|("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|`(?:\\.|[^`\\])*`)|(^\s*#\s*\w+)|\b(\d+(?:\.\d+)?[fFlLuU]*|0x[\da-fA-F]+)\b|\b([A-Za-z_]\w*)\b/gm, qt = /(#.*$)|((?:\b[rRbBfFuU]{1,2})?(?:"""[\s\S]*?"""|'''[\s\S]*?'''|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'))|()\b(\d[\d_]*(?:\.\d*)?(?:[eE][-+]?\d+)?j?|0[xXoObB][\da-fA-F_]+)\b|\b([A-Za-z_]\w*)\b/gm, Jt = (e) => e.replace(/[&<>]/g, (e) => e === "&" ? "&amp;" : e === "<" ? "&lt;" : "&gt;");
+function Yt(e, t = "c") {
+	let n = t === "python", r = t === "javascript" || t === "typescript", i = n ? Ut : t === "typescript" ? Gt : r ? Wt : Ht, a = "", o = 0;
+	for (let t of e.matchAll(n ? qt : Kt)) {
+		let [n, s, c, l, u, d] = t, f = s ? "comment" : c ? "string" : !r && l ? "pre" : u ? "number" : d && i.has(d) ? "keyword" : null;
+		a += Jt(e.slice(o, t.index)), a += f ? `<span class="cf-tok-${f}">${Jt(n)}</span>` : Jt(n), o = t.index + n.length;
+	}
+	return a + Jt(e.slice(o));
+}
+// ../renderer/src/grid.ts
+var Xt = 16, Zt = (e) => e.k !== "array" && e.k !== "record" && e.k !== "map", Qt = (e, t) => e === "python" && (t.type === "set" || t.type === "frozenset") || (e === "javascript" || e === "typescript") && t.type === "Set";
+function $t(e) {
+	let t = /* @__PURE__ */ new Map(), n = (e) => {
+		e.k === "ptr" && e.target.kind === "heap" ? t.set(e.target.id, (t.get(e.target.id) ?? 0) + 1) : e.k === "array" ? e.items.forEach(n) : e.k === "record" ? e.fields.forEach((e) => n(e.value)) : e.k === "map" && e.entries.forEach((e) => (n(e.key), n(e.value)));
+	};
+	return e.heap.forEach((e) => n(e.value)), t;
+}
+function en(t, n, r, i, a) {
+	if (n.k !== "array" || n.truncated || n.items.length === 0 || Qt(t.lang, n)) return null;
+	let o = [], s = !e[t.lang].manualMemory;
+	for (let [e, c] of n.items.entries()) {
+		let n;
+		if (c.k === "array" && !s) {
+			if (n = {
+				items: c.items,
+				...i ? { key: `${i}:${e}` } : {},
+				...a ? {
+					path: `${a}[${e}]`,
+					slot: `${a}[${e}]`
+				} : {}
+			}, c.truncated) return null;
+		} else if (c.k === "ptr" && c.target.kind === "heap" && s && r) {
+			let r = c.target.id, i = t.heap.get(r)?.value;
+			if (i?.k !== "array" || i.truncated || Qt(t.lang, i) || t.refs.get(r) !== 1) return null;
+			n = {
+				items: i.items,
+				key: `heap:${r}`,
+				path: `heap:${r}`,
+				...a ? { slot: `${a}[${e}]` } : {}
+			};
+		} else return null;
+		if (n.items.length > Xt || !n.items.every(Zt)) return null;
+		o.push(n);
+	}
+	return o.some((e) => e.items.length) ? o : null;
+}
+function tn(e, t) {
+	let n = /* @__PURE__ */ new Set();
+	for (let r of t.heap) for (let t of en(e, r.value, !0) ?? []) t.key?.startsWith("heap:") && n.add(t.key.slice(5));
+	return n;
+}
+function nn(e, t) {
+	let n = {
+		lang: t,
+		heap: new Map(e.heap.map((e) => [e.id, e])),
+		refs: $t(e)
+	}, r = (e) => en(n, e, !1) !== null || e.k === "record" && e.fields.some((e) => r(e.value));
+	return e.heap.some((e) => en(n, e.value, !0) !== null || r(e.value)) || [...e.frames, ...e.paused ?? []].some((e) => e.locals.some((e) => r(e.value))) || e.globals.some((e) => r(e.value));
+}
+// ../renderer/src/layout.ts
+var rn = (e) => Number(e.match(/\d+/)?.[0] ?? 2 ** 53 - 1);
+function Q(e, t = []) {
+	return e.k === "ptr" && e.target.kind === "heap" ? t.push(e.target.id) : e.k === "array" ? e.items.forEach((e) => Q(e, t)) : e.k === "record" ? e.fields.forEach((e) => Q(e.value, t)) : e.k === "map" && e.entries.forEach((e) => (Q(e.key, t), Q(e.value, t))), t;
+}
+function an(e) {
+	let t = [];
+	return e.map((n, r) => {
+		let i = e[r - 1], a = new Set(n.heap.map((e) => e.id)), o = new Set((i?.heap ?? []).filter((e) => !a.has(e.id)).map((e) => e.id));
+		t = t.map((e) => e.filter((e) => a.has(e) || o.has(e))).filter((e) => e.length > 0);
+		let s = new Map(n.heap.map((e) => [e.id, e])), c = new Map((i?.heap ?? []).map((e) => [e.id, e])), l = (e, t) => {
+			let n = c.get(e);
+			return !!n && !Q(n.value).includes(t);
+		}, u = new Set(t.flat());
+		for (let e of [...n.heap].sort((e, t) => rn(e.id) - rn(t.id))) {
+			if (u.has(e.id)) continue;
+			let n = !1;
+			for (let r of t) {
+				let t = r.findIndex((t) => {
+					let n = s.get(t);
+					return n?.value.k === "record" && Q(n.value).includes(e.id);
+				});
+				if (t >= 0) {
+					r.splice(t + 1, 0, e.id), n = !0;
+					break;
+				}
+			}
+			if (n ||= on(t, s, e.id), !n && e.value.k === "record") {
+				let r = Q(e.value), i = t.find((e) => r.includes(e[0]));
+				i && (i.unshift(e.id), n = !0);
+			}
+			n || t.push([e.id]), u.add(e.id);
+		}
+		for (let e = !0; e;) {
+			e = !1;
+			for (let n of t.filter((e) => e.length === 1)) {
+				let r = n[0], i = s.get(r);
+				if (i?.value.k !== "record") continue;
+				let a = t.find((e) => e !== n && Q(i.value).includes(e[0])), o = t.find((e) => {
+					let t = s.get(e.at(-1));
+					return e !== n && t?.value.k === "record" && Q(t.value).includes(r);
+				});
+				if (a) a.unshift(r);
+				else if (o) o.push(r);
+				else continue;
+				t = t.filter((e) => e !== n), e = !0;
+				break;
+			}
+			for (let n of t.filter((e) => e.length === 1)) {
+				let r = n[0];
+				if ((t[t.indexOf(n) - 1] ?? []).some((e) => {
+					let t = s.get(e);
+					return t?.value.k === "array" && Q(t.value).includes(r);
+				})) continue;
+				let i = t.filter((e) => e !== n);
+				if (on(i, s, r, (e) => l(e, r))) {
+					t = i, e = !0;
+					break;
+				}
+			}
+		}
+		return t.map((e) => [...e]);
+	});
+}
+function on(e, t, n, r = () => !0) {
+	let i = (e) => {
+		let i = t.get(e);
+		return r(e) && i?.value.k === "array" && Q(i.value).includes(n);
+	}, a = e.findIndex((e) => e.some(i));
+	if (a < 0) return !1;
+	let o = e[a].find(i), s = Q(t.get(o).value), c = (e) => e !== o && s.includes(e), l = e[a + 1];
+	l?.length && l.every(c) || (l = [], e.splice(a + 1, 0, l));
+	let u = l.findIndex((e) => s.indexOf(e) > s.indexOf(n));
+	return l.splice(u < 0 ? l.length : u, 0, n), !0;
+}
+// ../renderer/src/icons.ts
+var sn = (e) => `<svg viewBox="0 0 20 20" width="20" height="20" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${e}</svg>`, cn = {
+	first: sn("<path d=\"M5 4v12\"/><path d=\"M15 5l-6 5 6 5\"/>"),
+	back: sn("<path d=\"M12.5 5l-5 5 5 5\"/>"),
+	next: sn("<path d=\"M7.5 5l5 5-5 5\"/>"),
+	last: sn("<path d=\"M15 4v12\"/><path d=\"M5 5l6 5-6 5\"/>"),
+	focusLine: "<svg viewBox=\"0 0 20 14\" width=\"20\" height=\"14\" aria-hidden=\"true\"><path d=\"M1 5h10V1l8 6-8 6V9H1z\" fill=\"currentColor\"/></svg>",
+	nextLine: "<svg viewBox=\"0 0 20 14\" width=\"20\" height=\"14\" aria-hidden=\"true\"><path d=\"M1.75 5.75h10V2.5l6 4.5-6 4.5V8.25h-10z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/></svg>",
+	broken: sn("<path d=\"M4 10h4\"/><path d=\"M12 10h4\"/><path d=\"M9 6l2 8\"/>")
+}, ln = (e) => {
+	let t = e.match(/(?:^|::)(\w+)::\1$/)?.[1] ?? e.match(/(\w+)\.<init>$/)?.[1];
+	return t ? `${t} constructor` : e;
+};
+function un(e, t, n) {
+	if (e?.k !== "array" || e.items.length === 0 || !n || t <= 0) return;
+	let r = Math.floor(t / (n / e.items.length));
+	return r < e.items.length ? r : r === e.items.length ? "end" : void 0;
+}
+var dn = 12, fn = 3, pn = 6;
+function $(e, t, n, r) {
+	let i = e.createElement(t);
+	return n && (i.className = n), r !== void 0 && (i.textContent = r), i;
+}
+function mn(e, t) {
+	return $(e, "span", "cf-sr", t);
+}
+function hn(e, t, n) {
+	switch (e.kind) {
+		case "heap": {
+			let n = t.heap.get(e.id), r = un(n?.value, e.offset, n?.size);
+			return r === void 0 ? `heap:${e.id}` : `heap:${e.id}:${r}`;
+		}
+		case "stack":
+		case "global": {
+			let n = e.kind === "stack" ? `var:${e.frame}:${e.name}` : `global:${e.name}`, r = un(t.vars.get(n), e.offset, e.size);
+			return r === void 0 ? n : `${n}:${r}`;
+		}
+		case "string": return `lit:${n}`;
+		case "dangling": return e.id && t.ghosts.has(e.id) ? `ghost:${e.id}` : null;
+		default: return null;
+	}
+}
+function gn(t, n, r, i) {
+	let { doc: a } = t;
+	switch (n.k) {
+		case "prim": return $(a, "span", "cf-val", n.text);
+		case "uninit": {
+			let n = $(a, "span", "cf-val cf-uninit", "?");
+			return n.title = e[t.lang].dynamic ? "Not set yet: the line that gives it a value hasn't run" : "Not initialized yet: this memory still holds leftover data", n.append(mn(a, " (uninitialized)")), n;
+		}
+		case "opaque": return $(a, "span", "cf-val cf-opaque", n.text);
+		case "ptr": {
+			let r = n.target;
+			if (r.kind === "null") return $(a, "span", "cf-val cf-null", e[t.lang].nullWord);
+			if (r.kind === "dangling" || r.kind === "invalid") {
+				let e = $(a, "span", "cf-val cf-bad"), i = t.quiet ? void 0 : hn(r, t, n.address);
+				if (i || (e.innerHTML = cn.broken), e.append(r.kind === "dangling" ? "dangling" : "invalid"), i) {
+					let t = $(a, "span", "cf-dot cf-dot-dangling");
+					t.dataset.cfPtr = i, e.append(t);
+				}
+				return e.title = r.kind === "dangling" ? "Still holds the address of memory that was freed; using it is a bug" : "Points to an address that isn't valid", e;
+			}
+			r.kind === "string" && !t.quiet && t.literals.set(n.address, r.text);
+			let i = t.quiet ? void 0 : hn(r, t, n.address), o = n.type.endsWith("&"), s = $(a, "span", "cf-ptr"), c = t.lang === "cpp" && /^(?:const )?weak_ptr</.test(n.type), l = $(a, "span", o ? "cf-dot cf-ref" : c ? "cf-dot cf-weak" : "cf-dot");
+			o && (l.title = "A reference: another name for an existing variable"), c && (l.title = "A weak_ptr: it can reach the object without owning it"), t.quiet && (l.title = `When this call finished, it ${o ? "referred" : "pointed"} to ${F(n, t.lang)}`), i && (l.dataset.cfPtr = i);
+			let u = t.lang === "java" && r.kind === "heap" ? t.heap.get(r.id) : void 0, d = F(u ? {
+				...n,
+				type: u.type
+			} : n, t.lang), f = o || !e[t.lang].manualMemory ? "refers to" : "points to", p = r.kind === "stack" || r.kind === "global" ? un(t.vars.get(r.kind === "stack" ? `var:${r.frame}:${r.name}` : `global:${r.name}`), r.offset, r.size) : void 0, m = r.kind === "heap" ? t.heap.get(r.id) : void 0, h = r.kind === "heap" && m && un(m.value, r.offset, m.size) === "end" ? `points just past the end of the ${m.type} on the heap` : p === "end" ? `points just past the end of ${d}` : p === void 0 ? `${f} ${d}` : `${f} ${d}[${p}]`;
+			return s.append(l, mn(a, h)), s;
+		}
+		case "array": {
+			let e = t.grid && !(r && t.pastEnd.has(r)) ? en(t.grid, n, !1, r, i) : null;
+			if (e) return _n(t, e);
+			let o = $(a, "div", "cf-array");
+			o.setAttribute("role", "list");
+			let s = t.lang === "python" && (n.type === "set" || n.type === "frozenset") || (t.lang === "javascript" || t.lang === "typescript") && n.type === "Set";
+			if (n.items.forEach((e, n) => {
+				let c = i ? `${i}[${n}]` : void 0, l = c !== void 0 && (t.changed.has(c) || t.changed.has(`${c}~`)), u = $(a, "div", l ? "cf-cell cf-changed-cell" : "cf-cell");
+				u.setAttribute("role", "listitem"), r && (u.dataset.cfKey = `${r}:${n}`), s || u.append($(a, "span", "cf-index", String(n))), u.append(gn(t, e, void 0, c)), l && u.append(mn(a, " (changed this step)")), o.append(u);
+			}), r && !n.truncated && t.pastEnd.has(r)) {
+				let e = $(a, "div", "cf-cell cf-cell-end");
+				e.setAttribute("role", "listitem"), e.dataset.cfKey = `${r}:end`, e.title = "Just past the last element: a pointer can stop here, but there's nothing to read", e.append($(a, "span", "cf-index", String(n.items.length)), mn(a, "end of the array")), o.append(e);
+			}
+			return n.truncated && o.append($(a, "div", "cf-cell cf-more", "…")), n.items.length === 0 && o.append($(a, "span", "cf-empty", "empty")), o;
+		}
+		case "record": {
+			let e = vn(t, n.fields.map((e) => [
+				e.name,
+				e.value,
+				i ? `${i}.${e.name}` : void 0
+			]), n.union ? "cf-record cf-union" : "cf-record");
+			if (n.union) {
+				let t = $(a, "caption", "cf-union-note", "shared memory");
+				t.title = "A union: its members share the same bytes, so writing one changes what the others read", e.prepend(t);
+			}
+			return e;
+		}
+		case "map": return vn(t, n.entries.map((e) => [
+			F(e.key, t.lang),
+			e.value,
+			i ? `${i}{${I(e.key)}}` : void 0
+		]), "cf-record cf-map");
+	}
+}
+function _n(e, t) {
+	let { doc: n } = e, r = $(n, "table", "cf-grid"), i = $(n, "tr");
+	i.append($(n, "td", "cf-grid-corner"));
+	let a = Math.max(...t.map((e) => e.items.length));
+	for (let e = 0; e < a; e++) {
+		let t = $(n, "th", "cf-index", String(e));
+		t.scope = "col", i.append(t);
+	}
+	let o = $(n, "thead");
+	o.append(i);
+	let s = $(n, "tbody");
+	return t.forEach((t, r) => {
+		let i = $(n, "tr"), a = t.slot !== void 0 && e.changed.has(t.slot), o = $(n, "th", a ? "cf-index cf-changed-cell" : "cf-index", String(r));
+		o.scope = "row", t.key && (o.dataset.cfKey = t.key), i.append(o), t.items.forEach((r, o) => {
+			let s = t.path === void 0 ? void 0 : `${t.path}[${o}]`, c = a || s !== void 0 && (e.changed.has(s) || e.changed.has(`${s}~`)), l = $(n, "td", c ? "cf-changed-cell" : void 0);
+			t.key && (l.dataset.cfKey = `${t.key}:${o}`), l.append(gn(e, r, void 0, s)), c && l.append(mn(n, " (changed this step)")), i.append(l);
+		}), t.items.length || i.append($(n, "td", "cf-grid-none", "empty")), s.append(i);
+	}), r.append(o, s), r;
+}
+function vn(e, t, n) {
+	let r = $(e.doc, "table", n);
+	for (let [n, i, a] of t) {
+		let t = $(e.doc, "tr"), o = $(e.doc, "th", void 0, n);
+		o.scope = "row";
+		let s = a !== void 0 && e.changed.has(a), c = $(e.doc, "td", s ? "cf-changed-cell" : void 0);
+		c.append(gn(e, i, void 0, a)), s && c.append(mn(e.doc, " (changed this step)")), t.append(o, c), r.append(t);
+	}
+	if (t.length === 0) {
+		let t = $(e.doc, "tr");
+		t.append($(e.doc, "td", "cf-empty", "empty")), r.append(t);
+	}
+	return r;
+}
+function yn(t, n, r) {
+	let i = $(t.doc, "table", "cf-vars");
+	for (let a of n) {
+		let n = r(a), o = $(t.doc, "tr"), s = t.changed.has(n);
+		s && (o.className = "cf-changed");
+		let c = $(t.doc, "th");
+		c.scope = "row", c.append($(t.doc, "span", "cf-name", a.name)), !e[t.lang].dynamic && a.type && c.append($(t.doc, "span", "cf-type", a.type));
+		let l = $(t.doc, "td");
+		l.dataset.cfKey = n, l.append(gn(t, a.value, n, s ? void 0 : n)), s && l.append(mn(t.doc, " (changed this step)")), o.append(c, l), i.append(o);
+	}
+	return i;
+}
+function bn(e, t, n, r = !1, i = !1) {
+	let a = t.returnValue || t.yielded || t.awaiting, o = r ? " cf-finished" : i ? " cf-paused" : `${n ? " cf-current" : ""}${a ? " cf-returning" : ""}`, s = $(e.doc, "section", `cf-frame${o}`), c = t.async ? `waiting at line ${t.line}` : `paused at line ${t.line}`;
+	s.setAttribute("aria-label", `${t.name} frame${r ? ", finished" : i ? `, ${c}` : ""}`), s.dataset.cfAnim = `frame:${t.id}`;
+	let l = $(e.doc, "h4", "cf-frame-name", ln(t.name));
+	if (r) {
+		let t = $(e.doc, "span", "cf-tag cf-tag-freed", "finished");
+		t.title = "This call already returned; its variables no longer exist. Shown as they were when it returned.", l.append(t);
+	} else if (i) {
+		let n = $(e.doc, "span", "cf-tag cf-tag-paused", c);
+		n.title = t.async ? "This async function is paused at await until the Promise it waits for settles. Its variables keep their values meanwhile." : "This generator handed back a value and is waiting to be asked for the next one. Its variables keep their values meanwhile.", l.append(n);
+	}
+	if (s.append(l), t.captured?.length) {
+		let n = t.captured.join(", ");
+		s.append($(e.doc, "p", "cf-empty cf-frame-hint", `Also uses ${n} from its function object.`));
+	} else !t.locals.length && !a && s.append($(e.doc, "p", "cf-empty cf-frame-hint", "Variables appear here as their lines run."));
+	if (t.locals.length || a) {
+		let n = [...t.locals];
+		t.returnValue && n.push({
+			name: "Return value",
+			type: "",
+			value: t.returnValue
+		}), t.yielded && n.push({
+			name: "Yielded",
+			type: "",
+			value: t.yielded
+		}), t.awaiting && n.push({
+			name: "Waiting for",
+			type: "",
+			value: t.awaiting
+		}), s.append(yn(r ? {
+			...e,
+			quiet: !0
+		} : e, n, (e) => `var:${t.id}:${e.name}`));
+	}
+	return s;
+}
+var xn = (e) => Number(e.match(/\d+/)?.[0] ?? 2 ** 53 - 1);
+function Sn(e, t, n) {
+	let { doc: r } = e, i = ["cf-object"];
+	n.freed ? i.push("cf-freed") : n.isNew ? i.push("cf-new") : e.changed.has(`heap:${t.id}`) && i.push("cf-changed"), t.unreachable && !n.freed && i.push("cf-leaked"), n.newlyLeaked && i.push("cf-just-leaked");
+	let a = $(r, "section", i.join(" "));
+	a.dataset.cfKey = n.freed ? `ghost:${t.id}` : `heap:${t.id}`, a.dataset.cfAnim = `heap:${t.id}`;
+	let o = n.freed ? ", freed this step" : n.isNew ? ", created this step" : t.unreachable ? ", leaked" : "";
+	a.setAttribute("aria-label", `${t.type}${o}`);
+	let s = $(r, "h4", "cf-object-type");
+	if (s.append($(r, "span", "cf-object-name", t.type)), n.freed) {
+		let e = $(r, "span", "cf-tag cf-tag-freed", "freed");
+		e.title = "This memory was just given back with free/delete; it disappears on the next step", s.append(e);
+	} else if (n.isNew) {
+		let e = $(r, "span", "cf-tag cf-tag-new", "new");
+		e.title = "Created on this step", s.append(e);
+	}
+	if (t.unreachable && !n.freed) {
+		let e = $(r, "span", "cf-badge", "leaked");
+		e.title = "Nothing points to this memory any more, and it was never freed", s.append(e);
+	}
+	if (a.append(s), /^(function|class) /.test(t.type) && t.value.k === "record" && !t.value.fields.length) return a;
+	let c = n.freed ? void 0 : `heap:${t.id}`, l = e.grid && !(c && e.pastEnd.has(c)) ? en(e.grid, t.value, !0, c, c) : null;
+	return a.append(l ? _n(e, l) : gn(e, t.value, c, c)), a;
+}
+function Cn(e, t, n) {
+	let { doc: r } = e, i = $(r, "section", "cf-object cf-literal");
+	i.dataset.cfKey = `lit:${t}`, i.dataset.cfAnim = `lit:${t}`, i.setAttribute("aria-label", `string literal "${n}", read-only`);
+	let a = $(r, "h4", "cf-object-type");
+	a.append($(r, "span", "cf-object-name", "string literal"));
+	let o = $(r, "span", "cf-tag cf-tag-freed", "read-only");
+	o.title = "Text written in the program itself; it can't be changed", a.append(o);
+	let s = {
+		k: "array",
+		type: `char[${n.length + 1}]`,
+		items: [...[...n].map((e) => ({
+			k: "prim",
+			type: "char",
+			text: `'${e}'`
+		})), {
+			k: "prim",
+			type: "char",
+			text: "'\\0'"
+		}]
+	};
+	return i.append(a, gn(e, s)), i;
+}
+function wn(t, n, r, i, a, o = {}) {
+	let s = a && !e[r].dynamic ? a.heap.filter((e) => !n.heap.some((t) => t.id === e.id)) : [], c = {
+		doc: t,
+		lang: r,
+		changed: i,
+		heap: new Map(n.heap.map((e) => [e.id, e])),
+		ghosts: new Set(s.map((e) => e.id)),
+		literals: /* @__PURE__ */ new Map(),
+		vars: new Map([...n.frames.flatMap((e) => e.locals.map((t) => [`var:${e.id}:${t.name}`, t.value])), ...n.globals.map((e) => [`global:${e.name}`, e.value])]),
+		pastEnd: /* @__PURE__ */ new Set()
+	};
+	if (o.grids !== !1 && (c.grid = {
+		lang: r,
+		heap: c.heap,
+		refs: $t(n)
+	}), !e[r].dynamic) {
+		let e = (t) => {
+			if (t.k === "ptr") {
+				let e = hn(t.target, c, t.address);
+				e?.endsWith(":end") && c.pastEnd.add(e.slice(0, -4));
+			} else t.k === "array" ? t.items.forEach(e) : t.k === "record" && t.fields.forEach((t) => e(t.value));
+		};
+		for (let t of c.vars.values()) e(t);
+		for (let t of n.heap) e(t.value);
+	}
+	let l = $(t, "div", "cf-frames"), u = $(t, "div", "cf-static"), d = e[r].dynamic;
+	if (n.globals.length || d) {
+		let e = $(t, "section", "cf-frame cf-globals"), i = new Set(n.globals.map((e) => e.name.split(".")[0])), a = r === "java" ? i.size === 1 ? `Static fields of ${[...i][0]}` : "Static fields" : void 0, o = d ? "Global frame" : a ?? "Global variables";
+		e.setAttribute("aria-label", o), e.dataset.cfAnim = "frame:globals", e.append($(t, "h4", "cf-frame-name", o)), n.globals.length ? e.append(yn(c, n.globals, (e) => `global:${e.name}`)) : e.append($(t, "p", "cf-empty cf-frame-hint", "Variables appear here as their lines run.")), d ? l.append(e) : u.append(e);
+	}
+	let f = new Map(n.frames.map((e) => [e.id, e])), p = o.finished, m = p ? p.order.map((e) => f.get(e) ?? p.frames.get(e)).filter((e) => !!e) : n.frames, h = n.frames.at(-1), g = m.length, _ = !o.showAllFrames && g > dn;
+	m.forEach((e, n) => {
+		if (_ && n >= fn && n < g - pn) {
+			if (n === fn) {
+				let e = g - fn - pn, n = new Set(m.slice(fn, g - pn).map((e) => e.name)), r = $(t, "div", "cf-frames-more");
+				r.append($(t, "span", void 0, `${e} more calls to ${[...n].join(", ")}`));
+				let i = $(t, "button", "cf-link", "Show all");
+				i.type = "button", i.dataset.action = "show-frames", r.append(i), l.append(r);
+			}
+		} else l.append(bn(c, e, e === h, !f.has(e.id)));
+	});
+	for (let e of n.paused ?? []) l.append(bn(c, e, !1, !1, !0));
+	let v = new Map((a?.heap ?? []).map((e) => [e.id, e])), y = c.grid ? tn(c.grid, n) : /* @__PURE__ */ new Set(), b = new Map([...n.heap.filter((e) => !y.has(e.id)).map((e) => [e.id, {
+		h: e,
+		freed: !1
+	}]), ...s.map((e) => [e.id, {
+		h: e,
+		freed: !0
+	}])]), x = o.layout ? o.layout.map((e) => e.filter((e) => b.has(e))).filter((e) => e.length) : [...b.keys()].sort((e, t) => xn(e) - xn(t)).map((e) => [e]), S = new Set(x.flat());
+	for (let e of b.keys()) S.has(e) || x.push([e]);
+	let C = $(t, "div", "cf-objects");
+	for (let e of x) {
+		let n = $(t, "div", "cf-heap-row");
+		for (let t of e) {
+			let { h: e, freed: r } = b.get(t), i = v.get(e.id);
+			n.append(Sn(c, e, {
+				isNew: !!a && !i && !r,
+				freed: r,
+				newlyLeaked: !!e.unreachable && !!i && !i.unreachable
+			}));
+		}
+		C.append(n);
+	}
+	if (c.literals.size) {
+		let e = $(t, "div", "cf-heap-row");
+		for (let [t, n] of c.literals) e.append(Cn(c, t, n));
+		u.append(e);
+	}
+	let w = u.childElementCount > 0;
+	if (w) {
+		let n = e[r].manualMemory;
+		l.prepend($(t, "h3", "cf-subhead", n ? "Static memory (globals and string literals)" : r === "java" ? "Static fields" : "Globals"), u, $(t, "h3", "cf-subhead", n ? "Stack" : "Frames"));
+	}
+	return b.size === 0 && C.append($(t, "p", "cf-empty", e[r].manualMemory ? "Nothing on the heap" : "No objects")), {
+		frames: l,
+		objects: C,
+		hasStatic: w
+	};
+}
+// ../renderer/src/styles.ts
+var Tn = "\n:host {\n  --cf-bg: #ffffff;\n  --cf-fg: #1f2933;\n  --cf-muted: #52606d;\n  --cf-line: #e4e7eb;\n  --cf-line-strong: #cbd2d9;\n  --cf-accent: #2f6fde;\n  --cf-accent-ink: #1d4fb8;\n  --cf-accent-soft: #e8f0fe;\n  /* Text selection: clearly stronger than the next-line wash so the two never blend. */\n  --cf-selection: #b3cbf5;\n  --cf-frame-bg: #f5f7fa;\n  --cf-object-bg: #fffaeb;\n  --cf-object-line: #ecdcaa;\n  --cf-arrow: var(--cf-accent);\n  --cf-danger: #b42318;\n  --cf-danger-soft: #fef3f2;\n  --cf-changed: #fff4c2;\n  --cf-changed-line: #b7791f;\n  --cf-radius: 8px;\n  --cf-font: \"Atkinson Hyperlegible Next\", system-ui, -apple-system, \"Segoe UI\", sans-serif;\n  --cf-font-code: \"Atkinson Hyperlegible Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n  --cf-tok-keyword: #7c3aed;\n  --cf-tok-string: #0f7b3e;\n  --cf-tok-number: #b45309;\n  --cf-tok-comment: #5f6b7a;\n  --cf-tok-pre: #a21caf;\n  display: block;\n  color: var(--cf-fg);\n  background: var(--cf-bg);\n  font: 15px/1.5 var(--cf-font);\n  container: cf-root / inline-size;\n}\n* { box-sizing: border-box; scrollbar-width: thin; scrollbar-color: var(--cf-line-strong) transparent; }\n::selection { background: var(--cf-selection); color: var(--cf-fg); }\n:focus-visible { outline: 2px solid var(--cf-accent); outline-offset: 2px; border-radius: 4px; }\n.cf-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }\n\n/* Layout: one page scroll. On wide screens the code column is pinned while the\n   memory diagram flows with the page, so only a long program scrolls inside its\n   own panel. */\n/* The diagram can take room from the code (which wraps) down to 300px of\n   code, so a linked list stays on one row: --cf-diagram-min is its widest\n   row, measured once per program (visualizer.ts), so nothing shifts while\n   stepping. */\n.cf-root { display: grid; grid-template-columns: minmax(300px, 4fr) minmax(min(var(--cf-diagram-min, 0px), calc(100% - 332px)), 7fr);\n  gap: 32px; padding: 24px 24px 16px; align-items: start; }\n.cf-left, .cf-right { min-width: 0; }\n.cf-left { position: sticky; top: 16px; max-height: calc(100vh - 32px); display: flex; flex-direction: column; }\n/* The code, legend and caption share a header (pinned on phones, below); in\n   the side column it is transparent, and the caption sits under the controls. */\n.cf-head { display: contents; }\n.cf-left > *, .cf-head > * { flex: none; }\n.cf-left .cf-code { flex: 0 1 auto; min-height: 160px; }\n.cf-left > .cf-controls { order: 1; }\n.cf-head > .cf-caption { order: 2; }\n.cf-left > .cf-input, .cf-left > .cf-files { order: 3; }\n/* Output heads the diagram column: what it printed, then the memory. */\n.cf-right > .cf-output { margin: 0 0 24px; }\n.cf-right { container: cf-memory / inline-size; }\n@container cf-root (max-width: 820px) {\n  .cf-root { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 16px; }\n  .cf-left { position: static; max-height: none; }\n  .cf-left .cf-code { max-height: 50vh; }\n}\n/* Phones: code and caption, memory, then output, with the step controls\n   pinned to the bottom. On a tall enough screen the code and caption are\n   pinned to the top too, and each step scrolls what changed into the space\n   between, so the line, what it did, and the diagram share one screen. */\n@container cf-root (max-width: 560px) {\n  .cf-root { display: flex; flex-direction: column; align-items: stretch; gap: 20px; }\n  .cf-left, .cf-right { display: contents; }\n  /* Code; \"Show all code\" and the legend on one line; the caption. */\n  .cf-root .cf-head { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px 16px; order: 1; }\n  .cf-root .cf-code { grid-column: 1 / -1; min-height: 0; max-height: calc(5 * 26px + 20px); }\n  .cf-root .cf-code.cf-expanded { max-height: none; }\n  .cf-root .cf-code-toggle { display: block; padding: 0; }\n  .cf-root .cf-legend { margin: 0; flex-wrap: wrap; gap: 4px 16px; justify-content: flex-end; }\n  .cf-root .cf-caption { grid-column: 1 / -1; margin: 4px 0 0; }\n  .cf-root .cf-memory { order: 4; grid-template-columns: minmax(0, 1fr); gap: 24px; }\n  .cf-root .cf-key, .cf-root .cf-toggle { order: 4; margin-top: -12px; }\n  .cf-root .cf-input { order: 5; margin-top: 0; }\n  .cf-root .cf-output, .cf-root .cf-files { order: 5; margin: 0; }\n  .cf-root .cf-controls { order: 6; position: sticky; bottom: 0; z-index: 3; margin: 0 -16px -16px; padding: 12px 16px;\n    background: var(--cf-bg); border-top: 1px solid var(--cf-line); box-shadow: 0 -4px 12px rgb(31 41 51 / 0.06); }\n  @media (min-height: 600px) {\n    .cf-root .cf-head { position: sticky; top: 0; z-index: 3; margin: -16px -16px 0; padding: 12px 16px;\n      background: var(--cf-bg); border-bottom: 1px solid var(--cf-line); box-shadow: 0 4px 12px rgb(31 41 51 / 0.06); }\n    .cf-root .cf-code { max-height: calc(4 * 26px + 20px); }\n    /* All the code: too tall to pin. */\n    .cf-root .cf-head:has(.cf-expanded) { position: static; box-shadow: none; }\n  }\n}\nh3 { margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--cf-muted); letter-spacing: 0.02em; }\n\n/* Code */\n.cf-code { border: 1px solid var(--cf-line); border-radius: var(--cf-radius); overflow: auto; background: var(--cf-bg); }\n.cf-code ol { list-style: none; margin: 0; padding: 10px 0; font: 14px/26px var(--cf-font-code); }\n.cf-code li { display: grid; grid-template-columns: 28px 36px minmax(0, 1fr); align-items: start; padding-right: 16px; }\n/* Line numbers double as breakpoint toggles. */\n.cf-lineno { grid-column: 2; grid-row: 1; justify-self: end; margin-right: 6px; min-width: 24px; height: 22px; margin-top: 2px; padding: 0 4px;\n  border: 0; border-radius: 999px; background: none; color: var(--cf-muted); font: inherit; line-height: 22px; text-align: right;\n  font-variant-numeric: tabular-nums; cursor: pointer; }\n.cf-lineno:hover { background: var(--cf-danger-soft); color: var(--cf-danger); }\n.cf-bp .cf-lineno { background: var(--cf-danger); color: #fff; text-align: center; }\n.cf-legend .cf-l-bp .cf-link { padding: 0; font-size: 13px; }\n.cf-bp-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--cf-danger); display: inline-block; }\n.cf-code .cf-marker { grid-column: 1; grid-row: 1; display: flex; justify-content: center; align-items: center; height: 26px; color: var(--cf-accent); }\n/* Long lines wrap; continuation lines stay aligned under the code, not the gutter. */\n.cf-code code { grid-column: 3; grid-row: 1; font: inherit; white-space: pre-wrap; overflow-wrap: anywhere;\n  padding-left: var(--cf-hang, 2ch); text-indent: calc(-1 * var(--cf-hang, 2ch)); }\n.cf-code .cf-focus { background: var(--cf-accent-soft); }\n.cf-code .cf-next .cf-marker { color: var(--cf-muted); }\n.cf-code .cf-crash { background: var(--cf-danger-soft); }\n.cf-code .cf-crash .cf-marker { color: var(--cf-danger); }\n/* The host shows the code (live mode's editor): the panel and its toggle go. */\n.cf-codeless .cf-code, .cf-codeless .cf-code-toggle { display: none !important; }\n.cf-tok-keyword { color: var(--cf-tok-keyword); }\n.cf-tok-string { color: var(--cf-tok-string); }\n.cf-tok-number { color: var(--cf-tok-number); }\n.cf-tok-comment { color: var(--cf-tok-comment); font-style: italic; }\n.cf-tok-pre { color: var(--cf-tok-pre); }\n.cf-legend { display: flex; gap: 20px; margin: 10px 2px 0; font-size: 13px; color: var(--cf-muted); }\n.cf-legend span { display: inline-flex; align-items: center; gap: 6px; }\n.cf-legend .cf-l-focus { color: var(--cf-accent); }\n.cf-legend .cf-l-focus.cf-l-crash { color: var(--cf-danger); }\n.cf-legend [hidden] { display: none; }\n\n/* Controls */\n.cf-controls { display: grid; grid-template-columns: auto 1fr; gap: 12px 16px; align-items: center; margin-top: 20px; }\n.cf-buttons { display: flex; gap: 6px; }\n.cf-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 40px; min-width: 40px; padding: 0 10px;\n  border: 1px solid var(--cf-line-strong); border-radius: var(--cf-radius); background: var(--cf-bg); color: var(--cf-fg);\n  font: 600 15px var(--cf-font); cursor: pointer; transition: background-color 120ms ease-out, border-color 120ms ease-out; }\n.cf-btn:hover:not(:disabled) { background: var(--cf-frame-bg); border-color: var(--cf-muted); }\n.cf-btn:disabled { color: var(--cf-line-strong); cursor: default; }\n.cf-btn.cf-primary { background: var(--cf-accent); border-color: var(--cf-accent); color: #fff; padding: 0 16px 0 14px; }\n.cf-btn.cf-primary:hover:not(:disabled) { background: var(--cf-accent-ink); border-color: var(--cf-accent-ink); }\n.cf-btn.cf-primary:disabled { background: var(--cf-line); border-color: var(--cf-line); color: var(--cf-muted); }\n.cf-count { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; justify-self: end; }\n.cf-slider { grid-column: 1 / -1; width: 100%; accent-color: var(--cf-accent); height: 24px; margin: 0; }\n\n/* Input: read part in ink with an underline, unread part muted. */\n.cf-input { margin-top: 24px; }\n.cf-input[hidden] { display: none; }\n.cf-output[hidden] { display: none; }\n.cf-input pre { margin: 0; padding: 10px 12px; border: 1px solid var(--cf-line); border-radius: var(--cf-radius); font: 14px/1.5 var(--cf-font-code); white-space: pre-wrap; background: var(--cf-frame-bg); }\n.cf-in-read { color: var(--cf-fg); text-decoration: underline; text-decoration-color: var(--cf-accent); text-underline-offset: 4px; text-decoration-thickness: 2px; }\n.cf-in-rest { color: var(--cf-muted); }\n\n/* Output */\n.cf-output { margin-top: 24px; }\n.cf-output pre { margin: 0; min-height: 64px; max-height: 160px; overflow: auto; padding: 10px 12px; border: 1px solid var(--cf-line);\n  border-radius: var(--cf-radius); font: 14px/1.5 var(--cf-font-code); white-space: pre-wrap; background: var(--cf-frame-bg); }\n.cf-output pre:empty::before { content: \"Nothing printed yet\"; color: var(--cf-muted); font-family: var(--cf-font); }\n/* Files: each file's text at this step; what this step wrote is underlined, like input read. */\n.cf-files { margin-top: 24px; }\n.cf-files[hidden] { display: none; }\n.cf-files-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }\n.cf-files-head h3 { overflow-wrap: anywhere; }\n.cf-files-head .cf-link { padding: 0; font-size: 13px; }\n/* A tab per file; a dot marks one this step changed. */\n.cf-file-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: -1px; }\n.cf-file-tabs[hidden] { display: none; }\n.cf-file-tab { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 10px; border: 1px solid var(--cf-line);\n  border-bottom: 0; border-radius: var(--cf-radius) var(--cf-radius) 0 0; background: var(--cf-bg); color: var(--cf-muted);\n  font: 600 13px var(--cf-font-code); cursor: pointer; }\n.cf-file-tab[aria-selected=\"true\"] { background: var(--cf-frame-bg); color: var(--cf-fg); }\n.cf-file-tab.cf-file-changed::after { content: \"\"; width: 7px; height: 7px; border-radius: 50%; background: var(--cf-accent); }\n.cf-file-tabs:not([hidden]) + .cf-file-text { border-top-left-radius: 0; }\n.cf-files pre { margin: 0; max-height: 160px; overflow: auto; padding: 10px 12px; border: 1px solid var(--cf-line); border-radius: var(--cf-radius);\n  font: 14px/1.5 var(--cf-font-code); white-space: pre-wrap; background: var(--cf-frame-bg); }\n.cf-files pre:empty::before { content: \"Empty\"; color: var(--cf-muted); font-family: var(--cf-font); }\n.cf-files mark { background: none; color: var(--cf-fg); text-decoration: underline; text-decoration-color: var(--cf-accent); text-underline-offset: 4px; text-decoration-thickness: 2px; }\n/* The program is waiting for a line of input: type it like at a terminal. */\n.cf-prompt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 8px; }\n.cf-prompt[hidden] { display: none; }\n.cf-prompt-input { flex: 1 1 160px; min-width: 0; height: 40px; padding: 0 12px; border: 2px solid var(--cf-accent); border-radius: var(--cf-radius);\n  font: 14px var(--cf-font-code); color: inherit; background: var(--cf-bg); }\n.cf-prompt-input:focus-visible { outline: 2px solid var(--cf-accent); outline-offset: 2px; }\n\n/* Caption */\n/* Sits right under the step controls: you read what happened where you clicked,\n   and its length never moves the diagram. At least two lines are reserved,\n   or the longest caption in the trace (measured in visualizer.ts), so\n   nothing around it jumps. */\n.cf-caption { margin: 16px 0 0; padding: 12px 16px; border-radius: var(--cf-radius); background: var(--cf-accent-soft); font-size: 16px;\n  min-height: max(calc(3em + 24px), var(--cf-caption-min, 0px)); }\n.cf-caption.cf-error { background: var(--cf-danger-soft); color: var(--cf-danger); font-weight: 600; }\n\n/* Memory */\n/* The diagram never scrolls on its own: values wrap to the space they have, and\n   Frames/Objects stack when the diagram itself (not the page) gets narrow. */\n.cf-memory { position: relative; display: grid; grid-template-columns: fit-content(62%) minmax(180px, 1fr); gap: 40px; align-items: start; padding: 2px 24px 8px 2px; }\n@container cf-memory (max-width: 600px) { .cf-memory { grid-template-columns: minmax(0, 1fr); gap: 24px; } }\n.cf-arrows { position: absolute; left: 0; top: 0; pointer-events: none; overflow: visible; }\n.cf-arrow { fill: none; stroke: var(--cf-arrow); stroke-width: 2; }\n.cf-frames, .cf-objects { display: flex; flex-direction: column; gap: 16px; min-width: 0; }\n/* Room between heap rows for arrows that run beside a row (see arrows.ts). */\n.cf-objects { gap: 24px; }\n/* Heap rows: linked structures run left to right along their pointers. */\n.cf-heap-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px 20px; }\n.cf-subhead { margin: 8px 0 -8px; }\n.cf-subhead:first-child { margin-top: 0; }\n.cf-static { display: flex; flex-direction: column; gap: 16px; }\n.cf-measure { position: absolute; left: -10000px; top: 0; width: max-content; visibility: hidden; pointer-events: none; }\n/* Unstretched, so a table's name column measures the names alone. */\n.cf-measure .cf-vars { width: auto; }\n.cf-measure .cf-heap-row { flex-wrap: nowrap; width: max-content; }\n/* Cumulative mode: finished calls stay, quiet and clearly over. */\n.cf-frame.cf-finished { background: var(--cf-bg); border-style: dashed; border-color: var(--cf-line-strong); }\n.cf-frame.cf-finished .cf-frame-name { color: var(--cf-muted); }\n.cf-frame.cf-finished td { color: var(--cf-muted); }\n.cf-frame.cf-finished .cf-dot:not(.cf-ref) { background: var(--cf-muted); }\n.cf-frame.cf-finished .cf-dot.cf-ref { box-shadow: inset 0 0 0 2px var(--cf-muted); }\n.cf-toggle { display: inline-flex; align-items: center; gap: 8px; margin: 14px 2px 0; font-size: 14px; color: var(--cf-muted); cursor: pointer; }\n.cf-toggle[hidden] { display: none; }\n.cf-toggle input { width: 16px; height: 16px; margin: 0; accent-color: var(--cf-accent); }\n.cf-key { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 12px 2px 0; font-size: 13px; color: var(--cf-muted); }\n.cf-key[hidden], .cf-key [hidden] { display: none; }\n.cf-key > span { display: inline-flex; align-items: center; gap: 6px; }\n.cf-key .cf-dot-dangling { margin-left: 0; }\n/* The hint wraps to the frame; it never makes the Stack column wider. */\n.cf-frame-hint { font-size: 13px; contain: inline-size; }\n.cf-frames-more { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border: 1px dashed var(--cf-line-strong); border-radius: var(--cf-radius); color: var(--cf-muted); font-size: 14px; }\n.cf-link { border: 0; background: none; padding: 4px 0; color: var(--cf-accent-ink); font: 600 14px var(--cf-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }\n.cf-code-toggle { display: none; }\n.cf-frame { background: var(--cf-frame-bg); border: 1px solid var(--cf-line); border-radius: var(--cf-radius); padding: 10px 12px 12px; }\n.cf-frame.cf-current { border-color: var(--cf-accent); box-shadow: 0 1px 3px rgb(31 41 51 / 0.08), 0 0 0 1px var(--cf-accent); }\n.cf-frame.cf-returning { border-style: dashed; }\n/* A paused generator: off the call stack, quieter, but its variables are live. */\n.cf-frame.cf-paused { background: var(--cf-bg); border-style: dashed; border-color: var(--cf-line-strong); }\n.cf-frame.cf-paused .cf-frame-name { color: var(--cf-muted); }\n.cf-tag-paused { color: var(--cf-muted); background: var(--cf-frame-bg); border: 1px solid var(--cf-line-strong); }\n.cf-frame-name, .cf-object-type { margin: 0 0 8px; font-size: 15px; font-weight: 700; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }\n.cf-tag, .cf-badge { white-space: nowrap; }\n.cf-object-type { font-size: 13px; color: var(--cf-muted); }\n.cf-object-type:last-child { margin-bottom: 0; }\n.cf-vars, .cf-record { border-collapse: collapse; width: 100%; }\n.cf-vars th, .cf-record th { text-align: right; font-weight: 400; padding: 5px 10px 5px 0; vertical-align: middle; white-space: nowrap; }\n.cf-record th { font-family: var(--cf-font-code); font-size: 14px; }\n/* One name-column width for every frame (measured in visualizer.ts). */\n.cf-vars > tr > th, .cf-vars > tbody > tr > th { box-sizing: border-box; width: var(--cf-names-width, auto); }\n.cf-vars td, .cf-record td { background: var(--cf-bg); border: 1px solid var(--cf-line); padding: 5px 10px; min-width: 56px; font-family: var(--cf-font-code); font-size: 14px; }\n/* Changed this step: outlined and bold, with the fill only as reinforcement. */\n.cf-vars tr.cf-changed td { background: var(--cf-changed); outline: 2px solid var(--cf-changed-line); outline-offset: -2px; }\n.cf-vars tr.cf-changed td .cf-val { font-weight: 700; }\n.cf-name { display: block; font-family: var(--cf-font-code); font-size: 14px; }\n.cf-type { display: block; font-size: 12px; color: var(--cf-muted); }\n.cf-object { background: var(--cf-object-bg); border: 1px solid var(--cf-object-line); border-radius: var(--cf-radius); padding: 8px 8px 8px; width: max-content; max-width: 100%; }\n.cf-object.cf-changed { outline: 2px solid var(--cf-changed-line); outline-offset: 2px; }\n.cf-object.cf-leaked { border-style: dashed; border-color: var(--cf-danger); }\n.cf-object .cf-record td { background: var(--cf-bg); min-width: 44px; }\n.cf-object .cf-record th { padding-right: 8px; }\n/* Created / freed this step. The text tag is the cue; motion only reinforces it. */\n.cf-tag { font-size: 12px; font-weight: 700; border-radius: 999px; padding: 0 8px; }\n.cf-tag-new { color: var(--cf-accent-ink); background: var(--cf-accent-soft); }\n.cf-tag-freed { color: var(--cf-muted); background: var(--cf-frame-bg); border: 1px solid var(--cf-line-strong); }\n.cf-object.cf-new { outline: 2px solid var(--cf-accent); outline-offset: 2px; }\n/* Freed: a dashed, uncoloured ghost. Text stays at full contrast (no opacity). */\n.cf-object.cf-freed { background: var(--cf-bg); border-style: dashed; border-color: var(--cf-line-strong); }\n.cf-object.cf-freed .cf-val, .cf-object.cf-freed td, .cf-object.cf-freed .cf-cell { color: var(--cf-muted); background: var(--cf-bg); }\n.cf-object.cf-freed .cf-object-name { text-decoration: line-through; text-decoration-color: var(--cf-muted); }\n.cf-badge { font-size: 12px; font-weight: 700; color: var(--cf-danger); border: 1px solid currentColor; border-radius: 999px; padding: 0 8px; }\n/* An array stays on one row while it fits. A long one wraps, with a gap\n   between rows and every cell keeping its index, so the rows read as one\n   sequence rather than a 2-D grid. Nothing scrolls sideways. */\n.cf-array { display: flex; flex-wrap: wrap; row-gap: 8px; max-width: 100%; padding: 1px 0 0 1px; }\n.cf-cell { display: flex; flex-direction: column; align-items: center; min-width: 40px; border: 1px solid var(--cf-line-strong); margin: -1px 0 0 -1px; background: var(--cf-bg); padding: 0 6px 4px; }\n.cf-cell .cf-val { overflow-wrap: normal; white-space: nowrap; }\n.cf-cell-end { border-style: dashed; border-color: var(--cf-line); background: transparent; min-height: 2.6em; }\n/* An array of arrays as a grid: numbered rows under each other. Declared\n   after .cf-vars td so a grid inside a variable keeps its own cells. */\n.cf-union-note { caption-side: top; text-align: left; white-space: nowrap; font-size: 12px; color: var(--cf-muted); padding: 0 0 2px; font-family: var(--cf-font); }\n.cf-grid { border-collapse: collapse; margin: 1px 0 0 1px; }\n.cf-grid td { background: var(--cf-bg); border: 1px solid var(--cf-line-strong); padding: 2px 8px; min-width: 40px; text-align: center; font-family: var(--cf-font-code); font-size: 14px; }\n.cf-grid th.cf-index { font-weight: 400; padding: 0 6px 2px; text-align: center; }\n.cf-grid tbody th.cf-index { text-align: right; padding: 0 6px 0 0; }\n.cf-grid td.cf-grid-corner { border: none; background: transparent; min-width: 0; padding: 0; }\n.cf-grid td.cf-grid-none { border: none; background: transparent; color: var(--cf-muted); font-family: var(--cf-font); text-align: left; }\n.cf-index { font-size: 12px; color: var(--cf-muted); font-family: var(--cf-font); }\n.cf-val { font-family: var(--cf-font-code); }\n/* Only text values may wrap; numbers and identifiers never break mid-value. */\n.cf-str, .cf-opaque { overflow-wrap: anywhere; }\n.cf-uninit { color: var(--cf-muted); text-decoration: underline dotted; text-underline-offset: 3px; }\n.cf-null { color: var(--cf-muted); }\n.cf-str { color: var(--cf-tok-string); }\n.cf-bad { display: inline-flex; align-items: center; gap: 4px; color: var(--cf-danger); font-family: var(--cf-font); font-weight: 700; font-size: 13px; }\n.cf-ptr { display: inline-flex; align-items: center; min-height: 18px; }\n.cf-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--cf-arrow); display: inline-block; }\n/* A reference is an alias: hollow dot. A dangling pointer: brick dot. */\n.cf-dot.cf-ref { background: var(--cf-bg); box-shadow: inset 0 0 0 2px var(--cf-arrow); }\n.cf-dot.cf-dot-dangling { background: var(--cf-danger); margin-left: 6px; }\n.cf-arrow-dangling { stroke: var(--cf-danger); stroke-dasharray: 5 4; }\n/* A weak_ptr: a dashed arrow in the usual colour (it can reach the object, but doesn't own it). */\n.cf-arrow-weak { stroke-dasharray: 6 4; }\n.cf-key .cf-dash { width: 22px; height: 0; border-top: 2px dashed var(--cf-arrow); display: inline-block; }\n/* A changed pointer waits, head included, until the boxes stop moving. */\n.cf-arrow-pending { visibility: hidden; }\n.cf-arrow-head { fill: none; stroke: none; }\n.cf-literal { background: var(--cf-frame-bg); border-color: var(--cf-line-strong); }\n/* Only the element that changed is outlined, not the whole array or struct. */\n.cf-changed-cell { background: var(--cf-changed) !important; outline: 2px solid var(--cf-changed-line); outline-offset: -2px; }\n.cf-changed-cell .cf-val { font-weight: 700; }\n.cf-empty { color: var(--cf-muted); font-size: 14px; margin: 0; }\n\n@media (prefers-reduced-motion: no-preference) {\n  .cf-changed td, .cf-object.cf-changed { transition: background-color 600ms cubic-bezier(0.16, 1, 0.3, 1); }\n  /* pathLength=\"1\" on every arrow, so the dash covers arrows of any length. */\n  .cf-arrow-new { stroke-dasharray: 1; stroke-dashoffset: 1; animation: cf-draw 420ms cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n  @keyframes cf-draw { to { stroke-dashoffset: 0; } }\n  /* The head lands with the line: the draw is front-loaded, nearly done by 40%. */\n  .cf-arrow-head.cf-arrow-new { stroke-dasharray: none; animation: cf-head-in 420ms linear both; }\n  /* Dashed arrows can't draw in with a dash: they fade in with their heads. */\n  .cf-arrow-weak.cf-arrow-new { stroke-dasharray: 6 4; stroke-dashoffset: 0; animation: cf-head-in 420ms linear both; }\n  @keyframes cf-head-in { 0%, 38% { opacity: 0; } 55% { opacity: 1; } }\n  /* A new object grows in from its slot; the arrow then draws to it. */\n  .cf-object.cf-new { animation: cf-appear 360ms cubic-bezier(0.16, 1, 0.3, 1) both; }\n  @keyframes cf-appear { from { opacity: 0; transform: translateY(-6px) scale(0.96); outline-color: transparent; } }\n  /* A freed object fades back and shrinks slightly: it is going away. */\n  .cf-object.cf-freed { animation: cf-release 420ms cubic-bezier(0.16, 1, 0.3, 1) both; }\n  @keyframes cf-release { from { background: var(--cf-object-bg); border-color: var(--cf-object-line); transform: scale(1.02); } }\n  /* The leaked badge pops in on the step the last pointer left. */\n  .cf-just-leaked .cf-badge { animation: cf-pop 360ms cubic-bezier(0.16, 1, 0.3, 1) both; }\n  @keyframes cf-pop { from { transform: scale(0.6); opacity: 0; } }\n}\n", En = /(?:#|\/\/)\s*break\s*$/, Dn = (e) => e.split("\n").flatMap((e, t) => En.test(e) ? [t + 1] : []), On = (e) => e.event === "exception" || e.event === "limit", kn = `
+<div class="cf-root">
+  <div class="cf-left">
+    <div class="cf-head">
+      <div class="cf-code" role="region" aria-label="Program code" tabindex="0"><ol></ol></div>
+      <button class="cf-link cf-code-toggle" type="button" data-action="toggle-code">Show all code</button>
+      <div class="cf-legend">
+        <span class="cf-l-focus">${cn.focusLine} <span class="cf-l-focus-text">line that just ran</span></span>
+        <span class="cf-l-next">${cn.nextLine} next line to run</span>
+        <span class="cf-l-bp" hidden><span class="cf-bp-dot"></span> breakpoint: Next and Back stop here <button class="cf-link" type="button" data-action="clear-breakpoints">Clear</button></span>
+      </div>
+      <p class="cf-caption" aria-live="polite"></p>
+    </div>
+    <div class="cf-controls" role="group" aria-label="Step through the program">
+      <div class="cf-buttons">
+        <button class="cf-btn" data-go="first" aria-label="First step" title="First step (Home)">${cn.first}</button>
+        <button class="cf-btn" data-go="back" aria-label="Previous step" title="Previous step (←)">${cn.back}</button>
+        <button class="cf-btn cf-primary" data-go="next" title="Next step (→)">Next ${cn.next}</button>
+        <button class="cf-btn" data-go="last" aria-label="Last step" title="Last step (End)">${cn.last}</button>
+      </div>
+      <span class="cf-count" aria-hidden="true"></span>
+      <input class="cf-slider" type="range" min="0" value="0" aria-label="Step">
+    </div>
+    <div class="cf-input" hidden>
+      <h3 id="cf-in-label">Input</h3>
+      <pre aria-labelledby="cf-in-label"><span class="cf-in-read"></span><span class="cf-in-rest"></span></pre>
+    </div>
+    <div class="cf-files" hidden>
+      <div class="cf-files-head">
+        <h3 id="cf-files-label">Files</h3>
+        <button class="cf-link" type="button" data-action="copy-file">Copy</button>
+      </div>
+      <div class="cf-file-tabs" role="tablist" aria-labelledby="cf-files-label"></div>
+      <pre class="cf-file-text" role="tabpanel" tabindex="0"></pre>
+    </div>
+  </div>
+  <div class="cf-right">
+    <div class="cf-output"><h3 id="cf-out-label">Output</h3><pre aria-labelledby="cf-out-label"></pre>
+      <form class="cf-prompt" hidden>
+        <input type="text" class="cf-prompt-input" aria-label="Input for the program" autocomplete="off" spellcheck="false">
+        <button class="cf-btn cf-primary" type="submit">Enter</button>
+        <button class="cf-link" type="button" data-action="end-input" title="Let the program find that there is no more input (end of file)">No more input</button>
+      </form>
+    </div>
+    <div class="cf-memory">
+      <div><h3 class="cf-frames-title">Frames</h3><div class="cf-frames-slot"></div></div>
+      <div><h3 class="cf-objects-title">Objects</h3><div class="cf-objects-slot"></div></div>
+      <svg class="cf-arrows" aria-hidden="true"></svg>
+    </div>
+    <label class="cf-toggle" hidden><input type="checkbox" data-action="cumulative"> Keep finished calls on screen</label>
+    <label class="cf-toggle" hidden><input type="checkbox" data-action="grids"> Draw 2D arrays as grids</label>
+    <p class="cf-key" aria-hidden="true">
+      <span class="cf-k-ptr"><span class="cf-dot"></span> pointer: holds an address</span>
+      <span class="cf-k-ref"><span class="cf-dot cf-ref"></span> reference: another name for an existing variable</span>
+      <span class="cf-k-dangling"><span class="cf-dot cf-dot-dangling"></span> dangling: still holds the address of freed memory</span>
+      <span class="cf-k-weak"><span class="cf-dash"></span> weak_ptr: can reach the object, but doesn't own it</span>
+    </p>
+  </div>
+</div>`;
+function An(t, r) {
+	let a = t.shadowRoot ?? t.attachShadow({ mode: "open" }), u = document.createElement("style");
+	u.textContent = Tn, a.replaceChildren(u), a.append(document.createRange().createContextualFragment(kn));
+	let d = (e) => a.querySelector(e), f = d(".cf-code ol"), p = d(".cf-slider"), m = d(".cf-count"), h = d(".cf-output pre"), g = d(".cf-prompt"), _ = d(".cf-prompt-input"), y = d(".cf-input"), b = d(".cf-in-read"), x = d(".cf-in-rest"), S = d(".cf-files"), C = d(".cf-file-tabs"), w = d(".cf-file-text"), T = d("[data-action=copy-file]"), E, D = d(".cf-caption"), O = d(".cf-l-focus-text"), ee = d(".cf-l-next"), k = d(".cf-memory"), te = d(".cf-frames-slot"), A = d(".cf-objects-slot"), ne = d(".cf-arrows"), j = d(".cf-key"), re = d("[data-action=cumulative]"), M = d("[data-action=grids]"), N = Object.fromEntries([...a.querySelectorAll("[data-go]")].map((e) => [e.dataset.go, e])), P = Vt(r.trace, zt(r.source)), F = an(P.steps), I = !1, L = !!r.cumulative;
+	re.checked = L;
+	let ie = () => P.steps.some((e, t) => t > 0 && e.frames.length < P.steps[t - 1].frames.length), R = r.grids !== !1;
+	M.checked = R;
+	let ae = () => {
+		re.parentElement.hidden = !ie(), M.parentElement.hidden = !P.steps.some((e) => nn(e, P.language));
+	}, oe = (e) => {
+		let t = [], n = /* @__PURE__ */ new Map();
+		for (let r = 0; r <= e; r++) for (let e of P.steps[r].frames) n.has(e.id) || t.push(e.id), n.set(e.id, e);
+		for (let t of [...P.steps[e].frames, ...P.steps[e].paused ?? []]) n.delete(t.id);
+		return {
+			frames: n,
+			order: t
+		};
+	}, z = d(".cf-code"), se = d(".cf-root");
+	se.classList.toggle("cf-codeless", r.showCode === !1);
+	let ce = d(".cf-frames-title"), le = d(".cf-objects-title"), B = () => {
+		let t = e[P.language].manualMemory;
+		ce.textContent = t ? "Stack" : "Frames", le.textContent = t ? "Heap" : "Objects";
+	};
+	B();
+	let V = (e, t = !1) => {
+		if (!(e instanceof HTMLElement)) return;
+		let n = e.getBoundingClientRect().top - z.getBoundingClientRect().top + z.scrollTop, r = n + e.offsetHeight, i = z.clientHeight;
+		t ? z.scrollTop = n - (i - e.offsetHeight) / 2 : n < z.scrollTop ? z.scrollTop = n - 8 : r > z.scrollTop + i && (z.scrollTop = r - i + 8);
+	}, ue = () => {
+		let e = z.clientHeight > 0 && z.clientHeight < 200 && !z.classList.contains("cf-expanded");
+		V(f.querySelector("li.cf-next"), e), V(f.querySelector("li.cf-focus"), e);
+	}, H = new ResizeObserver(() => ue());
+	H.observe(z), H.observe(f);
+	let U = 0, de = /* @__PURE__ */ new Set(), fe = !1, pe = d(".cf-head"), W = d(".cf-controls"), me = () => {
+		if (getComputedStyle(pe).position !== "sticky") return;
+		let e = k.querySelector(".cf-changed-cell, .cf-changed, .cf-object.cf-new");
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = pe.getBoundingClientRect().bottom + 12, r = W.getBoundingClientRect().top - 12, i = t.top < n ? t.top - n : t.bottom > r ? Math.min(t.bottom - r, t.top - n) : 0;
+		Math.abs(i) > 1 && window.scrollBy({
+			top: i,
+			behavior: o() ? "auto" : "smooth"
+		});
+	}, he = [], G = new Set(r.breakpoints ?? []), ge = d(".cf-l-bp"), K = () => {
+		[...f.children].forEach((e, t) => {
+			let n = G.has(t + 1);
+			e.classList.toggle("cf-bp", n), e.querySelector(".cf-lineno")?.setAttribute("aria-pressed", String(n));
+		}), ge.hidden = G.size === 0, N.next.title = G.size ? "Next breakpoint (→; Shift+→ for one step)" : "Next step (→)", N.back.title = G.size ? "Previous breakpoint (←; Shift+← for one step)" : "Previous step (←)";
+	}, ve = (e, t = !1) => {
+		if (t || !G.size) return U + e;
+		for (let t = U + e; t >= 0 && t < P.steps.length; t += e) {
+			let e = P.steps[t];
+			if (e.event === "step" && G.has(e.line)) return t;
+		}
+		return e > 0 ? P.steps.length - 1 : 0;
+	}, ye = (e) => {
+		he = e.split("\n");
+		let t = e.replace(/\n$/, "").split("\n").length;
+		G = new Set([...G].filter((e) => e <= t));
+		for (let t of Dn(e)) G.add(t);
+		f.replaceChildren(...e.replace(/\n$/, "").split("\n").map((e, t) => {
+			let n = document.createElement("li");
+			n.innerHTML = `<span class="cf-marker"></span><button class="cf-lineno" type="button" tabindex="-1" aria-pressed="false" aria-label="Breakpoint on line ${t + 1}" title="Click to stop here when stepping">${t + 1}</button><code>${Yt(e, P.language) || " "}</code>`;
+			let r = (e.match(/^[ \t]*/)?.[0] ?? "").replace(/\t/g, "    ").length;
+			return n.style.setProperty("--cf-hang", `${r + 2}ch`), n;
+		})), K();
+	}, be, xe = () => v(k, ne, de, be), Se = () => {}, q = 0, Ce = 0, J = 0, we = () => {
+		let e = document.createElement("div");
+		e.className = "cf-measure", e.style.setProperty("--cf-names-width", "auto"), k.firstElementChild.append(e);
+		let t = P.steps.length, n = Math.max(1, Math.ceil(t / 300)), r = document.createElement("div");
+		r.className = "cf-measure", k.firstElementChild.append(r);
+		let i = 0;
+		J = 0;
+		for (let a = 0; a < t; a += n) {
+			let t = P.steps[a], { frames: n, objects: o } = wn(document, t, P.language, /* @__PURE__ */ new Set(), P.steps[a - 1], {
+				layout: F[a],
+				showAllFrames: I,
+				grids: R,
+				...L ? { finished: oe(a) } : {}
+			});
+			e.replaceChildren(n), i = Math.max(i, e.getBoundingClientRect().width);
+			for (let t of e.querySelectorAll(".cf-vars > tr > th, .cf-vars > tbody > tr > th")) Ce = Math.max(Ce, t.getBoundingClientRect().width);
+			r.replaceChildren(o);
+			for (let e of r.querySelectorAll(".cf-heap-row")) {
+				let t = [...e.children].filter((e) => e instanceof HTMLElement && e.offsetParent !== null);
+				if (t.length < 2) continue;
+				let n = parseFloat(getComputedStyle(e).columnGap) || 0, r = t.reduce((e, t) => e + Math.min(360, t.getBoundingClientRect().width), n * (t.length - 1));
+				J = Math.max(J, r);
+			}
+		}
+		e.remove(), r.remove(), q = i;
+	}, Te = () => {
+		let e = te.parentElement;
+		q || (Ce = 0, we()), e.style.minWidth = `min(${Math.ceil(q)}px, 62cqi)`, e.style.setProperty("--cf-names-width", `${Math.ceil(Ce)}px`);
+		let t = getComputedStyle(k), n = (parseFloat(t.columnGap) || 0) + (parseFloat(t.paddingLeft) || 0) + (parseFloat(t.paddingRight) || 0);
+		se.style.setProperty("--cf-diagram-min", J ? `${Math.ceil(q + J + n)}px` : "0px");
+	}, Ee = 0, De = () => {
+		let e = D.getBoundingClientRect().width;
+		if (!e || Math.abs(e - Ee) < 1) return;
+		Ee = e;
+		let t = P.steps.map((e, t) => ({
+			text: It(P, t, he),
+			error: On(e)
+		})).sort((e, t) => t.text.length - e.text.length).slice(0, 8), n = document.createElement("p");
+		n.setAttribute("aria-hidden", "true"), n.style.cssText = `position: absolute; visibility: hidden; pointer-events: none; min-height: 0; width: ${e}px`, D.after(n);
+		let r = 0;
+		for (let { text: e, error: i } of t) n.className = i ? "cf-caption cf-error" : "cf-caption", n.textContent = e, r = Math.max(r, n.getBoundingClientRect().height);
+		let i = getComputedStyle(n), a = 4 * parseFloat(i.lineHeight) + parseFloat(i.paddingTop) + parseFloat(i.paddingBottom);
+		n.remove(), D.style.setProperty("--cf-caption-min", r ? `${Math.ceil(Math.min(r, a || r))}px` : "0px");
+	}, Oe = new ResizeObserver(() => De());
+	Oe.observe(D);
+	let Y = () => {
+		let e = P.steps[U], t = P.steps.length;
+		if (!e) return;
+		let n = P.steps[U - 1], a = (e) => f.querySelector(`li.${e} .cf-marker svg`)?.getBoundingClientRect().top, u = !o(), v = {
+			"cf-focus": a("cf-focus"),
+			"cf-next": a("cf-next")
+		};
+		for (let e of f.querySelectorAll("li.cf-focus, li.cf-next")) e.classList.remove("cf-focus", "cf-next", "cf-crash"), e.removeAttribute("aria-current"), e.querySelector(".cf-marker").innerHTML = "";
+		let S = (e, t, n) => {
+			let r = f.children[e - 1];
+			if (r) return r.classList.add(...t), r.querySelector(".cf-marker").innerHTML = n, r;
+		}, C = On(e), w = e.event === "return" && !!n && n.frames.at(-1)?.id !== e.frames.at(-1)?.id, T = C ? e.line : n ? e.event === "resume" || w ? e.line : e.resumedLine ?? n.line : null, E = !C && e.line !== T ? e.line : null;
+		if (E !== null && S(E, ["cf-next"], cn.nextLine), r.onLines?.({
+			focus: T,
+			next: E,
+			crashed: C
+		}), ((T === null ? void 0 : S(T, C ? ["cf-focus", "cf-crash"] : ["cf-focus"], cn.focusLine)) ?? f.querySelector("li.cf-next"))?.setAttribute("aria-current", "step"), O.textContent = e.event === "limit" ? "line where it was stopped" : C ? "line that crashed" : "line that just ran", O.parentElement.classList.toggle("cf-l-crash", C), O.parentElement.hidden = T === null, ee.hidden = !f.querySelector("li.cf-next"), ue(), u) for (let [e, t] of Object.entries(v)) {
+			let n = f.querySelector(`li.${e} .cf-marker svg`);
+			if (t === void 0 || !n) continue;
+			let r = t - n.getBoundingClientRect().top;
+			Math.abs(r) > .5 && n.animate([{ transform: `translateY(${r}px)` }, { transform: "none" }], {
+				duration: 240,
+				easing: i
+			});
+		}
+		let ne = z.clientHeight > 0 && z.clientHeight < 200 && !z.classList.contains("cf-expanded"), re = f.querySelector("li.cf-next");
+		if (ne && re) {
+			let e = re.getBoundingClientRect().top - z.getBoundingClientRect().top;
+			e >= 0 && e + re.offsetHeight <= z.clientHeight || (ee.hidden = !0);
+		}
+		let M = k.isConnected && !o() && te.childElementCount > 0, ie = M ? s(k) : null;
+		de = _e(n, e);
+		let { frames: ae, objects: se, hasStatic: le } = wn(document, e, P.language, de, n, {
+			layout: F[U],
+			showAllFrames: I,
+			grids: R,
+			...L ? { finished: oe(U) } : {}
+		});
+		te.replaceChildren(ae), A.replaceChildren(se), ce.hidden = le;
+		let B = !!k.querySelector(".cf-dot.cf-ref"), V = !!k.querySelector(".cf-dot-dangling"), H = !!k.querySelector(".cf-dot.cf-weak");
+		d(".cf-k-ptr").hidden = !B, d(".cf-k-ref").hidden = !B, d(".cf-k-dangling").hidden = !V, d(".cf-k-weak").hidden = !H, j.hidden = !B && !V && !H, Te(), fe && me(), fe = !0;
+		let pe = It(P, U, he);
+		M && D.textContent !== pe && D.animate([{ opacity: .35 }, { opacity: 1 }], {
+			duration: 200,
+			easing: "ease-out"
+		}), D.textContent = pe, D.classList.toggle("cf-error", C);
+		let W = !!P.awaitingInput && U === t - 1;
+		h.textContent = W ? P.stdout : P.stdout.slice(0, e.stdoutLength), r.hideEmptyOutput && (h.parentElement.hidden = !h.textContent);
+		let G = W && !!r.onInput;
+		if (g.hidden === G) {
+			g.hidden = !G;
+			for (let e of g.elements) e.disabled = !1;
+			G && _.focus({ preventScroll: !0 });
+		}
+		let ge = P.stdin ?? "";
+		y.hidden = !ge && !P.steps.some((e) => e.inputEnded);
+		let K = e.stdinConsumed ?? 0;
+		b.textContent = ge.slice(0, K), x.textContent = ge.slice(K), b.title = "Already read by the program", x.title = "Not read yet", ge || (x.textContent = "(no input given)"), h.scrollTop = h.scrollHeight, Ae(), p.max = String(t - 1), p.value = String(U), p.setAttribute("aria-valuetext", `Step ${U + 1} of ${t}, line ${e.line}`), m.textContent = `Step ${U + 1} of ${t}`, N.first.disabled = N.back.disabled = U === 0, N.next.disabled = N.last.disabled = U === t - 1, Se(), ie ? (c(k, ie, k), be = void 0, Se = l(320, xe, () => {
+			be = performance.now(), xe();
+		})) : (be = performance.now(), requestAnimationFrame(xe)), r.onStep?.(U);
+	}, X = (e) => {
+		let t = Math.max(0, Math.min(P.steps.length - 1, e));
+		if (t === U && f.children.length) return Y();
+		U = t, Y();
+	}, ke = (e) => {
+		let t = e.target.closest("[data-action]")?.dataset.action;
+		if (t === "cumulative") return L = re.checked, q = 0, r.onCumulative?.(L), Y();
+		if (t === "grids") return R = M.checked, q = 0, r.onGrids?.(R), Y();
+		if (t === "show-frames") return I = !0, q = 0, Y();
+		if (t === "end-input") {
+			Me(null);
+			return;
+		}
+		if (t === "copy-file") {
+			let e = w.textContent ?? "", t = (e) => {
+				T.textContent = e, setTimeout(() => T.textContent = "Copy", 1500);
+			}, n = () => {
+				getSelection()?.selectAllChildren(w), t("Press Ctrl+C");
+			};
+			navigator.clipboard ? navigator.clipboard.writeText(e).then(() => t("Copied"), n) : n();
+			return;
+		}
+		let n = e.target.closest(".cf-file-tab");
+		if (n) return je(n.dataset.file);
+		if (t === "clear-breakpoints") {
+			G.clear(), K(), r.onBreakpoints?.([]);
+			return;
+		}
+		let i = e.target.closest(".cf-lineno");
+		if (i) {
+			let e = Number(i.textContent);
+			G.delete(e) || G.add(e), K(), r.onBreakpoints?.([...G].sort((e, t) => e - t));
+			return;
+		}
+		if (t === "toggle-code") {
+			let t = z.classList.toggle("cf-expanded");
+			e.target.textContent = t ? "Show less code" : "Show all code";
+			return;
+		}
+		let a = e.target.closest("[data-go]")?.dataset.go;
+		a === "first" ? X(0) : a === "back" ? X(ve(-1, e.shiftKey)) : a === "next" ? X(ve(1, e.shiftKey)) : a === "last" && X(P.steps.length - 1);
+	};
+	function Ae(e = !0) {
+		let t = Object.keys(P.files ?? {}).length > 0 || P.steps.some((e) => e.files);
+		if (S.hidden = !t, !t) return;
+		let r = n(P, U), i = Object.keys(r), a = new Map(jt(P, U).map((e) => [e.name, e])), o = [...a.keys(), ...(P.steps[U]?.fileEvents ?? []).map((e) => e.file)].filter((e) => e in r);
+		e && o.length && (E = o[0]), E && E in r || (E = i[0]), C.replaceChildren(...i.map((e) => {
+			let t = document.createElement("button");
+			t.type = "button", t.className = "cf-file-tab", t.setAttribute("role", "tab"), t.dataset.file = e, t.textContent = e;
+			let n = e === E;
+			return t.setAttribute("aria-selected", String(n)), t.tabIndex = n ? 0 : -1, a.has(e) && (t.classList.add("cf-file-changed"), t.title = "Changed on this step"), t;
+		})), C.hidden = i.length < 2 && !a.size;
+		let s = E;
+		w.setAttribute("aria-label", s ?? ""), T.setAttribute("aria-label", `Copy ${s}`);
+		let c = s ? r[s] : "", l = s && a.get(s)?.added || "";
+		if (w.replaceChildren(c.slice(0, c.length - l.length)), l) {
+			let e = document.createElement("mark");
+			e.textContent = l, e.title = "Written on this step", w.append(e);
+		}
+		d("#cf-files-label").textContent = i.length === 1 && C.hidden ? `File: ${i[0]}` : "Files";
+	}
+	let je = (e, t = !1) => {
+		E = e, Ae(!1), t && C.querySelector(`[data-file="${CSS.escape(e)}"]`)?.focus();
+	}, Me = (e) => {
+		if (!(g.hidden || _.disabled)) {
+			for (let e of g.elements) e.disabled = !0;
+			r.onInput?.(e);
+		}
+	}, Ne = (e) => {
+		e.preventDefault(), Me(_.value), _.value = "";
+	}, Pe = (e) => {
+		if (e.target === p || e.target === _ || e.altKey || e.ctrlKey || e.metaKey) return;
+		let t = e.target.closest?.(".cf-file-tab");
+		if (t && [
+			"ArrowLeft",
+			"ArrowRight",
+			"Home",
+			"End"
+		].includes(e.key)) {
+			let n = [...C.querySelectorAll(".cf-file-tab")], r = n.indexOf(t), i = e.key === "Home" ? 0 : e.key === "End" ? n.length - 1 : (r + (e.key === "ArrowRight" ? 1 : -1) + n.length) % n.length;
+			e.preventDefault(), je(n[i].dataset.file, !0);
+			return;
+		}
+		let n = {
+			ArrowRight: () => X(ve(1, e.shiftKey)),
+			ArrowLeft: () => X(ve(-1, e.shiftKey)),
+			Home: () => X(0),
+			End: () => X(P.steps.length - 1)
+		}[e.key];
+		n && (e.preventDefault(), n());
+	};
+	a.addEventListener("click", ke), a.addEventListener("keydown", Pe), p.addEventListener("input", () => X(Number(p.value))), g.addEventListener("submit", Ne), k.addEventListener("scroll", xe, { passive: !0 });
+	let Fe = new ResizeObserver(() => {
+		!q && k.offsetParent && Te(), requestAnimationFrame(xe);
+	});
+	return Fe.observe(k), document.fonts?.ready.then(() => {
+		Ee = 0, De(), q = 0, Te(), xe();
+	}), ye(r.source), ae(), U = Math.max(0, Math.min(P.steps.length - 1, r.step ?? 0)), Y(), {
+		get step() {
+			return U;
+		},
+		get length() {
+			return P.steps.length;
+		},
+		go: X,
+		setBreakpoints(e) {
+			G = new Set(e), K();
+		},
+		setCumulative(e) {
+			L = re.checked = e, q = 0, Y();
+		},
+		setGrids(e) {
+			R = M.checked = e, q = 0, Y();
+		},
+		setTrace(e, t, n = 0) {
+			P = Vt(e, zt(t)), q = 0, F = an(e.steps), I = !1, B(), ae(), ye(t), Ee = 0, De(), U = Math.max(0, Math.min(e.steps.length - 1, n)), g.hidden = !0, Y();
+		},
+		destroy() {
+			Se(), Fe.disconnect(), H.disconnect(), Oe.disconnect(), a.removeEventListener("click", ke), a.removeEventListener("keydown", Pe), g.removeEventListener("submit", Ne), a.replaceChildren();
+		}
+	};
+}
+// ../renderer/src/compile-errors.ts
+var jn = {};
+for (let [e, t] of Object.entries({
+	"stdio.h": "printf scanf puts putchar getchar gets fgets fopen fclose fprintf sprintf snprintf sscanf perror",
+	"stdlib.h": "malloc calloc realloc free exit atoi atof atol strtol rand srand abs qsort",
+	"string.h": "strlen strcpy strncpy strcmp strncmp strcat strncat strchr strstr strdup memcpy memmove memset memcmp",
+	"math.h": "sqrt pow fabs floor ceil round sin cos tan log log10 exp fmod",
+	"ctype.h": "isdigit isalpha isalnum isspace isupper islower toupper tolower",
+	"stdbool.h": "bool true false",
+	"stddef.h": "NULL size_t",
+	"time.h": "time clock",
+	"assert.h": "assert"
+})) for (let n of t.split(" ")) jn[n] = e;
+new Set("ArrayList List LinkedList HashMap Map TreeMap HashSet Set TreeSet Scanner Arrays Collections Random Stack Queue Deque ArrayDeque Iterator".split(" "));
+// src/index.ts
+var Mn = (() => {
+	try {
+		let e = new URL(import.meta.url);
+		return e.pathname.endsWith("/codeflip.js") ? e.origin : "https://codeflip.dev";
+	} catch {
+		return "https://codeflip.dev";
+	}
+})(), Nn = "\n:host { display: block; }\n:host([hidden]) { display: none; }\niframe { display: block; width: 100%; height: 480px; border: 1px solid #e4e7eb; border-radius: 8px; background: #fff; }\n.error { margin: 0; padding: 12px 16px; border-radius: 8px; background: #fef3f2; color: #b42318; font: 600 15px/1.5 system-ui, sans-serif; }\n", Pn = class extends HTMLElement {
+	static observedAttributes = [
+		"lang",
+		"stdin",
+		"files",
+		"cumulative",
+		"grid",
+		"example",
+		"link",
+		"breakpoints",
+		"host",
+		"trace-src"
+	];
+	#e = null;
+	#t = null;
+	#n = 0;
+	#r = !1;
+	#i = (e) => this.#m(e);
+	#a = !1;
+	#o = new MutationObserver(() => this.#c());
+	get step() {
+		return this.#t?.step ?? this.#n;
+	}
+	set step(e) {
+		this.#n = e, this.#t ? this.#t.go(e) : this.#e?.contentWindow?.postMessage({
+			type: "code-flip:go",
+			step: e
+		}, "*");
+	}
+	#s() {
+		return (this.getAttribute("breakpoints") ?? "").split(/[,\s]+/).map(Number).filter((e) => Number.isInteger(e) && e > 0);
+	}
+	get source() {
+		return In(this.querySelector("script[type='text/plain']")?.textContent ?? this.textContent ?? "");
+	}
+	connectedCallback() {
+		this.#r = !0, this.#n = this.getAttribute("step") === "end" ? Infinity : Math.max(0, (Number(this.getAttribute("step")) || 1) - 1), window.addEventListener("message", this.#i), this.#o.observe(this, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => this.#c(), { once: !0 }) : this.#c();
+	}
+	disconnectedCallback() {
+		this.#r = !1, this.#o.disconnect(), window.removeEventListener("message", this.#i), this.#t?.destroy(), this.#t = null, this.#e = null;
+	}
+	attributeChangedCallback() {
+		this.#r && this.#c();
+	}
+	#c() {
+		this.#a || (this.#a = !0, queueMicrotask(() => {
+			this.#a = !1, this.#r && document.readyState !== "loading" && this.#u();
+		}));
+	}
+	#l() {
+		let e = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		return e.replaceChildren(Object.assign(document.createElement("style"), { textContent: Nn })), e;
+	}
+	#u() {
+		this.#t?.destroy(), this.#t = null;
+		let e = this.getAttribute("trace-src");
+		e ? this.#f(e) : this.#d();
+	}
+	#d() {
+		let e = (this.getAttribute("host") ?? Mn).replace(/\/$/, ""), t = new URLSearchParams(), n = this.getAttribute("example"), r = this.getAttribute("link");
+		r || n ? n && !r && t.set("example", n) : (t.set("code", this.source), t.set("lang", this.getAttribute("lang") ?? "c"));
+		let i = this.getAttribute("stdin");
+		i && t.set("stdin", i);
+		let a = this.getAttribute("files");
+		a !== null && (Fn(a) ? t.set("files", a) : console.warn("<code-flip>: files must be a JSON object of file name to text, like files='{\"in.txt\": \"1 2\\n\"}'")), this.#n && t.set("step", this.#n === Infinity ? "end" : String(this.#n + 1)), this.hasAttribute("cumulative") && this.getAttribute("cumulative") !== "false" && t.set("cumulative", "1"), this.getAttribute("grid") === "false" && t.set("grid", "0"), this.#s().length && t.set("bp", this.#s().join(","));
+		let o = document.createElement("iframe");
+		o.src = r ? `${e}/embed/${encodeURIComponent(r)}#${t}` : `${e}/embed#${t}`, o.title = this.getAttribute("title") ?? "Step-by-step visualization of a program", o.loading = "lazy", this.#e = o, this.#l().append(o);
+	}
+	async #f(e) {
+		let t = this.#l(), n;
+		try {
+			let t = await fetch(e);
+			if (!t.ok) throw Error(`${t.status}`);
+			n = await t.json();
+		} catch {
+			return this.#p(t, `Couldn't load the trace from ${e}.`);
+		}
+		let r = document.createElement("div");
+		t.append(r), this.#t = An(r, {
+			trace: n,
+			source: this.source,
+			step: this.#n,
+			cumulative: this.hasAttribute("cumulative") && this.getAttribute("cumulative") !== "false",
+			grids: this.getAttribute("grid") !== "false",
+			breakpoints: this.#s(),
+			onStep: (e) => this.#h("code-flip-step", {
+				step: e,
+				steps: n.steps.length
+			})
+		}), this.#h("code-flip-ready", { steps: n.steps.length });
+	}
+	#p(e, t) {
+		e.append(Object.assign(document.createElement("p"), {
+			className: "error",
+			textContent: t
+		})), this.#h("code-flip-error", { message: t });
+	}
+	#m(e) {
+		if (!this.#e || e.source !== this.#e.contentWindow) return;
+		let t = e.data;
+		t?.type === "code-flip:resize" && typeof t.height == "number" ? this.#e.style.height = `${t.height + 2}px` : t?.type === "code-flip:ready" ? this.#h("code-flip-ready", { steps: t.steps }) : t?.type === "code-flip:step" ? (this.#n = t.step ?? 0, this.#h("code-flip-step", {
+			step: t.step,
+			steps: t.steps
+		})) : t?.type === "code-flip:error" && this.#h("code-flip-error", { message: t.message });
+	}
+	#h(e, t) {
+		this.dispatchEvent(new CustomEvent(e, {
+			detail: t,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+};
+function Fn(e) {
+	try {
+		let t = JSON.parse(e);
+		return typeof t == "object" && !!t && !Array.isArray(t) && Object.values(t).every((e) => typeof e == "string");
+	} catch {
+		return !1;
+	}
+}
+function In(e) {
+	let t = e.replace(/^\s*\n/, "").replace(/\s+$/, "").split("\n"), n = Math.min(...t.filter((e) => e.trim()).map((e) => e.match(/^[ \t]*/)[0].length));
+	return `${t.map((e) => e.slice(Number.isFinite(n) ? n : 0)).join("\n")}\n`;
+}
+function Ln(e = "code-flip") {
+	customElements.get(e) || customElements.define(e, class extends Pn {});
+}
+// src/define.ts
+Ln();
+export { Pn as CodeFlipElement, Ln as defineCodeFlip };