@weasel-js/core 1.9.4 → 1.10.1

package/dist/debug/createDebugOverlayLayer.js

@@ -1,35 +1,35 @@
 import { viewToTransform as e } from "../core/viewport/view.js";
 import { worldToScreen as t } from "../core/viewport/viewTransform.js";
-import { textCommandFromRuns as n } from "../features/text/textCommand.js";
-import { rotatePoint as r } from "../interactions/actions/rotate/geometry.js";
-import { DEFAULT_DEBUG_STROKES as i, DEFAULT_DEBUG_THEME as a } from "./defaultTheme.js";
+import { rotatePoint as n } from "../interactions/actions/rotate/geometry.js";
+import { DEFAULT_DEBUG_STROKES as r, DEFAULT_DEBUG_THEME as i } from "./defaultTheme.js";
+import { textCommandFromRuns as a } from "@weasel-js/renderer";
 import { PATH_L as o, PATH_M as s, PATH_Z as c } from "@weasel-js/geom";
 //#region src/debug/createDebugOverlayLayer.ts
-var l = 60;
-function u({ sink: e, config: t }) {
+var l = "debug-overlay", u = 60;
+function d({ sink: e, config: t }) {
 	let n = [];
 	return {
-		id: "debug-overlay",
+		id: l,
 		label: "Debug overlay",
 		space: "screen",
 		alwaysOn: !0,
-		draw: (r, i, a) => (t.fps ? (n.push(typeof performance < "u" ? performance.now() : Date.now()), n.length > l && n.shift()) : n.length > 0 && (n.length = 0), d(e.snapshot(), t, i, a, n))
+		draw: (r, i, a) => (t.fps ? (n.push(typeof performance < "u" ? performance.now() : Date.now()), n.length > u && n.shift()) : n.length > 0 && (n.length = 0), f(e.snapshot(), t, i, a, n))
 	};
 }
-function d(t, n, r, o, s = []) {
+function f(t, n, a, o, s = []) {
 	let c = {
-		...a,
+		...i,
 		...n.theme ?? {}
 	}, l = {
-		...i,
+		...r,
 		...n.strokes ?? {}
-	}, u = t, d = e(r), f = [];
-	return n.viewport && u.viewport && A(f, u.viewport, r, o, c, l), n.hitboxes && _(f, u, r, d, c, l), n.bounds && v(f, u, r, d, c, l), n.handles && y(f, u, d, c, l), n.origins && b(f, u, d, c), n.snap && x(f, u, d, c, l), n.ids && S(f, u, d, c), n.layers && C(f, u, o, c), n.fps && k(f, s, u.frame, c), f;
+	}, u = t, d = e(a), f = [];
+	return n.viewport && u.viewport && j(f, u.viewport, a, o, c, l), n.hitboxes && v(f, u, a, d, c, l), n.bounds && y(f, u, a, d, c, l), n.handles && b(f, u, d, c, l), n.origins && x(f, u, d, c), n.snap && S(f, u, d, c, l), n.ids && C(f, u, d, c), n.layers && w(f, u, o, c), n.fps && A(f, s, u.frame, c), f;
 }
-function f(e, t, n, r = 24) {
-	return p(e, t, n, n, r);
+function p(e, t, n, r = 24) {
+	return m(e, t, n, n, r);
 }
-function p(e, t, n, r, i = 24) {
+function m(e, t, n, r, i = 24) {
 	let a = new Uint8Array(i + 1), l = new Float32Array(i * 2);
 	a[0] = s, l[0] = e + n, l[1] = t;
 	for (let s = 1; s < i; s++) {
@@ -44,7 +44,7 @@ function p(e, t, n, r, i = 24) {
 		fillRule: "nonzero"
 	};
 }
-function m(e, n) {
+function h(e, r) {
 	let i = e.x + e.width / 2, a = e.y + e.height / 2, l = /* @__PURE__ */ new Float32Array(8);
 	return [
 		[e.x, e.y],
@@ -52,7 +52,7 @@ function m(e, n) {
 		[e.x + e.width, e.y + e.height],
 		[e.x, e.y + e.height]
 	].forEach(([o, s], c) => {
-		let u = r(o, s, i, a, e.rotation), [d, f] = t(u.x, u.y, n);
+		let u = n(o, s, i, a, e.rotation), [d, f] = t(u.x, u.y, r);
 		l[c * 2] = d, l[c * 2 + 1] = f;
 	}), {
 		kind: "polygon",
@@ -67,7 +67,7 @@ function m(e, n) {
 		fillRule: "nonzero"
 	};
 }
-function h(e, t, n, r) {
+function g(e, t, n, r) {
 	return {
 		kind: "rect",
 		x: e,
@@ -76,46 +76,46 @@ function h(e, t, n, r) {
 		height: r
 	};
 }
-function g(e, t) {
+function _(e, t) {
 	return {
 		paint: {
-			fill: "solid",
+			kind: "solid",
 			color: t
 		},
 		width: e.width,
 		...e.dash && e.dash.length > 0 ? { dash: [...e.dash] } : {}
 	};
 }
-function _(e, n, r, i, a, l) {
+function v(e, n, r, i, a, l) {
 	let u = {
-		fill: "solid",
+		kind: "solid",
 		color: a.hitboxFill
-	}, d = g(l.hitbox, a.hitboxStroke);
+	}, d = _(l.hitbox, a.hitboxStroke);
 	for (let a of n.hitboxes) if (a.shape.kind === "rect" && a.shape.rotation) {
-		let t = m({
+		let t = h({
 			...a.shape,
 			rotation: a.shape.rotation
 		}, i);
 		e.push({
 			kind: "path",
 			path: t,
-			fill: u,
+			fill: { paint: u },
 			stroke: d
 		});
 	} else if (a.shape.kind === "rect") {
 		let [n, o] = t(a.shape.x, a.shape.y, i), s = a.shape.width * r.scale.x, c = a.shape.height * r.scale.y;
 		e.push({
 			kind: "path",
-			path: h(n, o, s, c),
-			fill: u,
+			path: g(n, o, s, c),
+			fill: { paint: u },
 			stroke: d
 		});
 	} else if (a.shape.kind === "circle") {
 		let [n, o] = t(a.shape.cx, a.shape.cy, i), s = a.shape.r * Math.abs(r.scale.x), c = a.shape.r * Math.abs(r.scale.y);
 		e.push({
 			kind: "path",
-			path: p(n, o, s, c),
-			fill: u,
+			path: m(n, o, s, c),
+			fill: { paint: u },
 			stroke: d
 		});
 	} else if (a.shape.kind === "polygon" && a.shape.points.length > 2) {
@@ -133,24 +133,24 @@ function _(e, n, r, i, a, l) {
 				coords: r,
 				fillRule: "nonzero"
 			},
-			fill: u,
+			fill: { paint: u },
 			stroke: d
 		});
 	}
 }
-function v(e, n, r, i, a, o) {
-	let s = g(o.bounds, a.bounds);
+function y(e, n, r, i, a, o) {
+	let s = _(o.bounds, a.bounds);
 	for (let a of n.bounds) {
 		let [n, o] = t(a.bounds.x, a.bounds.y, i), c = a.bounds.width * r.scale.x, l = a.bounds.height * r.scale.y;
 		e.push({
 			kind: "path",
-			path: h(n, o, c, l),
+			path: g(n, o, c, l),
 			stroke: s
 		});
 	}
 }
-function y(e, n, r, i, a) {
-	let c = g(a.handle, i.handle);
+function b(e, n, r, i, a) {
+	let c = _(a.handle, i.handle);
 	for (let i of n.handles) {
 		let [n, a] = t(i.position.x, i.position.y, r), l = {
 			kind: "polygon",
@@ -184,100 +184,100 @@ function y(e, n, r, i, a) {
 		});
 	}
 }
-function b(e, n, r, i) {
+function x(e, n, r, i) {
 	let a = {
-		fill: "solid",
+		kind: "solid",
 		color: i.origin
 	};
 	for (let i of n.origins) {
 		let [n, o] = t(i.point.x, i.point.y, r);
 		e.push({
 			kind: "path",
-			path: f(n, o, 3),
-			fill: a
+			path: p(n, o, 3),
+			fill: { paint: a }
 		});
 	}
 }
-function x(e, n, r, i, a) {
+function S(e, n, r, i, a) {
 	let o = i.snap;
 	for (let i of n.snap) {
 		let [n, s] = t(i.point.x, i.point.y, r), c = {
 			kind: "path",
-			path: f(n, s, 4),
-			...i.accepted ? { fill: {
-				fill: "solid",
+			path: p(n, s, 4),
+			...i.accepted ? { fill: { paint: {
+				kind: "solid",
 				color: o
-			} } : { stroke: g(a.snap, o) }
+			} } } : { stroke: _(a.snap, o) }
 		};
 		e.push(c);
 	}
 }
-function S(e, r, i, a) {
-	for (let o of r.bounds) {
-		let [r, s] = t(o.bounds.x, o.bounds.y, i);
-		e.push(n(r + 2, s + 11, [{
+function C(e, n, r, i) {
+	for (let o of n.bounds) {
+		let [n, s] = t(o.bounds.x, o.bounds.y, r);
+		e.push(a(n + 2, s + 11, [{
 			text: o.id,
-			fill: {
-				fill: "solid",
-				color: a.idText
-			}
+			fill: { paint: {
+				kind: "solid",
+				color: i.idText
+			} }
 		}], {
 			fontFamily: "ui-monospace, Menlo, monospace",
 			fontSize: 10
 		}));
 	}
 }
-function C(e, t, r, i) {
+function w(e, t, n, r) {
 	if (t.layers.length === 0) return;
-	let a = t.layers.map((e) => `[${e.index}] ${e.id} (${e.space})`), o = 0;
-	for (let e of a) o = Math.max(o, e.length * 6.6);
-	let s = o + 12, c = a.length * 14 + 8, l = r.width - s - 8;
+	let i = t.layers.map((e) => `[${e.index}] ${e.id} (${e.space})`), o = 0;
+	for (let e of i) o = Math.max(o, e.length * 6.6);
+	let s = o + 12, c = i.length * 14 + 8, l = n.width - s - 8;
 	e.push({
 		kind: "path",
-		path: h(l, 8, s, c),
-		fill: {
-			fill: "solid",
-			color: i.layerTextBg
-		}
+		path: g(l, 8, s, c),
+		fill: { paint: {
+			kind: "solid",
+			color: r.layerTextBg
+		} }
 	});
-	for (let t = 0; t < a.length; t++) e.push(n(l + 6, 12 + t * 14, [{
-		text: a[t],
-		fill: {
-			fill: "solid",
-			color: i.layerText
-		}
+	for (let t = 0; t < i.length; t++) e.push(a(l + 6, 12 + t * 14, [{
+		text: i[t],
+		fill: { paint: {
+			kind: "solid",
+			color: r.layerText
+		} }
 	}], {
 		fontFamily: "ui-monospace, Menlo, monospace",
 		fontSize: 11
 	}));
 }
-var w = {
+var T = {
 	fontFamily: "ui-monospace, Menlo, monospace",
 	fontSize: 11
-}, T = 6.6, E = 14;
-function D(e, t, r, i, a, o) {
+}, E = 6.6, D = 14;
+function O(e, t, n, r, i, o) {
 	let s = 0;
 	for (let e of t) s = Math.max(s, e.length);
 	e.push({
 		kind: "path",
-		path: h(r, i, s * T + 12, t.length * E + 8),
-		fill: {
-			fill: "solid",
+		path: g(n, r, s * E + 12, t.length * D + 8),
+		fill: { paint: {
+			kind: "solid",
 			color: o
-		}
+		} }
 	});
-	for (let o = 0; o < t.length; o++) e.push(n(r + 6, i + 4 + o * E, [{
+	for (let o = 0; o < t.length; o++) e.push(a(n + 6, r + 4 + o * D, [{
 		text: t[o],
-		fill: {
-			fill: "solid",
-			color: a
-		}
-	}], w));
+		fill: { paint: {
+			kind: "solid",
+			color: i
+		} }
+	}], T));
 }
-function O(e, t, n) {
+function k(e, t, n) {
 	return e.toFixed(n).padStart(t);
 }
-function k(e, t, n, r) {
+function A(e, t, n, r) {
 	let i = t.length >= 2 ? t[t.length - 1] - t[0] : 0, a = i > 0 ? i / (t.length - 1) : null, o = [[
 		"fps",
 		null,
@@ -305,41 +305,41 @@ function k(e, t, n, r) {
 	}
 	let s = 0;
 	for (let [e] of o) s = Math.max(s, e.length);
-	let c = (e, t, n, r) => `${e.padEnd(s)} ${t.padStart(5)} ${n.padStart(7)} ${r}`, l = o.map(([e, t, n, r]) => c(e, t === null ? "" : String(t), n === null ? "—" : O(n, 7, 2), r));
-	n && l.splice(2, 0, c("", "draws", "cpu", "  ")), D(e, l, 8, 8, r.fpsText, r.fpsTextBg);
+	let c = (e, t, n, r) => `${e.padEnd(s)} ${t.padStart(5)} ${n.padStart(7)} ${r}`, l = o.map(([e, t, n, r]) => c(e, t === null ? "" : String(t), n === null ? "—" : k(n, 7, 2), r));
+	n && l.splice(2, 0, c("", "draws", "cpu", "  ")), O(e, l, 8, 8, r.fpsText, r.fpsTextBg);
 }
-function A(n, r, i, a, o, s) {
-	let c = e(i), l = g(s.viewport, o.viewport), { from: u, to: d } = r, [p, m] = t(u.x, u.y, c);
+function j(n, r, i, a, o, s) {
+	let c = e(i), l = _(s.viewport, o.viewport), { from: u, to: d } = r, [f, m] = t(u.x, u.y, c);
 	if (n.push({
 		kind: "path",
-		path: h(p, m, a.width / u.scale.x * i.scale.x, a.height / u.scale.y * i.scale.y),
+		path: g(f, m, a.width / u.scale.x * i.scale.x, a.height / u.scale.y * i.scale.y),
 		stroke: l
 	}), r.anchor) {
-		let [i, a] = t(r.anchor.x, r.anchor.y, e(u)), [d, p] = t(r.anchor.x, r.anchor.y, c);
+		let [i, a] = t(r.anchor.x, r.anchor.y, e(u)), [d, f] = t(r.anchor.x, r.anchor.y, c);
 		n.push({
 			kind: "path",
-			path: f(i, a, 2.5),
-			fill: {
-				fill: "solid",
+			path: p(i, a, 2.5),
+			fill: { paint: {
+				kind: "solid",
 				color: o.viewport
-			}
-		}), Math.hypot(d - i, p - a) > .5 && n.push({
+			} }
+		}), Math.hypot(d - i, f - a) > .5 && n.push({
 			kind: "path",
-			path: M(i, a, d, p),
+			path: N(i, a, d, f),
 			stroke: l
 		}), n.push({
 			kind: "path",
-			path: f(d, p, 6),
-			stroke: g({ width: s.viewport.width }, o.viewport)
+			path: p(d, f, 6),
+			stroke: _({ width: s.viewport.width }, o.viewport)
 		});
 	}
-	D(n, [r.kind === "pan" ? `pan   Δ ${j((u.x - d.x) * d.scale.x)} ${j((u.y - d.y) * d.scale.y)} px` : `zoom  ×${(d.scale.x / u.scale.x).toFixed(3)}  ${u.scale.x.toFixed(3)} → ${d.scale.x.toFixed(3)}`], 8, a.height - E - 16, o.viewport, o.layerTextBg);
+	O(n, [r.kind === "pan" ? `pan   Δ ${M((u.x - d.x) * d.scale.x)} ${M((u.y - d.y) * d.scale.y)} px` : `zoom  ×${(d.scale.x / u.scale.x).toFixed(3)}  ${u.scale.x.toFixed(3)} → ${d.scale.x.toFixed(3)}`], 8, a.height - D - 16, o.viewport, o.layerTextBg);
 }
-function j(e) {
+function M(e) {
 	let t = Math.abs(e) < .05 ? 0 : e;
 	return `${t >= 0 ? "+" : "-"}${Math.abs(t).toFixed(1)}`.padStart(8);
 }
-function M(e, t, n, r) {
+function N(e, t, n, r) {
 	return {
 		kind: "polygon",
 		commands: new Uint8Array([s, o]),
@@ -353,6 +353,6 @@ function M(e, t, n, r) {
 	};
 }
 //#endregion
-export { d as buildDebugOverlayCommands, u as createDebugOverlayLayer };
+export { l as DEBUG_OVERLAY_ID, f as buildDebugOverlayCommands, d as createDebugOverlayLayer };
 
 //# sourceMappingURL=createDebugOverlayLayer.js.map

package/dist/debug/createDebugOverlayLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"createDebugOverlayLayer.js","names":["rectPath","FPS_WINDOW","createDebugOverlayLayer","fpsHistory","config","buildDebugOverlayCommands","sink","view","dims","theme","DEFAULT_DEBUG_THEME","strokes","DEFAULT_DEBUG_STROKES","s","snapshot","t","viewToTransform","out","emitViewport","emitHitboxes","emitBounds","emitHandles","emitOrigins","emitSnap","emitIds","emitLayersPanel","emitFramePanel","frameTimes","approxCircleScreen","approxEllipseScreen","cx","cy","r","segments","cmds","coords","PATH_M","rx","i","PATH_L","theta","ry","PATH_Z","rotatedRectScreen","x","y","w","rotatePoint","sx","sy","worldToScreen","rectPath$1","h","strokeOf","fill","stroke","path","sw","sh","pts","p","commands","b","horiz","vert","o","color","c","cmd","textCommandFromRuns","lines","l","maxW","line","boxW","boxH","MONO","MONO_CHAR_W","LINE_H","emitTextPanel","maxLen","bg","fixed","v","decimals","width","span","history","interval","rows","frame","labelW","label","count","value","unit","rec","fx","fy","from","ax0","ay0","ax1","ay1","segment","signed","to","x0","y0","x1","y1"],"sources":["../../src/debug/createDebugOverlayLayer.ts"],"sourcesContent":["import type { DrawCommand, PathDrawCommand } from '../renderer';\nimport type { Dims, RenderLayer } from 'core/layers/render';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { rotatePoint } from 'interactions/actions/rotate/geometry';\nimport { PATH_L, PATH_M, PATH_Z, type PolygonPath } from '@weasel-js/geom';\nimport { textCommandFromRuns } from 'features/text/textCommand';\nimport type {\n  DebugConfig,\n  DebugSnapshot,\n  DebugStroke,\n  DebugStrokes,\n  DebugTheme,\n  FrameStats,\n  RecordedViewport,\n} from './types';\nimport { DEFAULT_DEBUG_STROKES, DEFAULT_DEBUG_THEME } from './defaultTheme';\n\n/** What `createDebugOverlayLayer` paints from: a sink to snapshot and the features to draw. */\nexport interface CreateDebugOverlayLayerOpts {\n  sink: { snapshot(): DebugSnapshot };\n  config: DebugConfig;\n}\n\nconst FPS_WINDOW = 60;\n\n/**\n * Screen-space `RenderLayer` that paints the sink's snapshot. Appended at\n * the top of the Canvas's layer stack when `debug` is enabled. World-space\n * coords in the snapshot are projected through `view` here, since the\n * layer itself runs at identity transform.\n */\nexport function createDebugOverlayLayer({\n  sink,\n  config,\n}: CreateDebugOverlayLayerOpts): RenderLayer<unknown> {\n  // Timestamps of the last FPS_WINDOW draws; survives across draws within\n  // one Canvas mount.\n  const fpsHistory: number[] = [];\n  return {\n    id: 'debug-overlay',\n    label: 'Debug overlay',\n    space: 'screen',\n    alwaysOn: true,\n    draw: (_data, view, dims) => {\n      if (config.fps) {\n        fpsHistory.push(typeof performance !== 'undefined' ? performance.now() : Date.now());\n        if (fpsHistory.length > FPS_WINDOW) fpsHistory.shift();\n      } else if (fpsHistory.length > 0) {\n        fpsHistory.length = 0;\n      }\n      return buildDebugOverlayCommands(sink.snapshot(), config, view, dims, fpsHistory);\n    },\n  };\n}\n\n/**\n * The debug overlay's draw commands for one snapshot, in screen space (CSS\n * pixels of a `dims`-sized canvas looking through `view`). What the overlay\n * layer paints each frame, and what `renderDebugSnapshot` rasterizes.\n *\n * `frameTimes` are `performance.now()` stamps of recent paints, oldest first;\n * the frame panel derives its rate from them and shows none without two.\n */\nexport function buildDebugOverlayCommands(\n  snapshot: DebugSnapshot,\n  config: DebugConfig,\n  view: View,\n  dims: Dims,\n  frameTimes: readonly number[] = [],\n): DrawCommand[] {\n  const theme: DebugTheme = { ...DEFAULT_DEBUG_THEME, ...(config.theme ?? {}) };\n  const strokes: DebugStrokes = { ...DEFAULT_DEBUG_STROKES, ...(config.strokes ?? {}) };\n  const s = snapshot;\n  const t = viewToTransform(view);\n  const out: DrawCommand[] = [];\n\n  if (config.viewport && s.viewport) emitViewport(out, s.viewport, view, dims, theme, strokes);\n  if (config.hitboxes) emitHitboxes(out, s, view, t, theme, strokes);\n  if (config.bounds) emitBounds(out, s, view, t, theme, strokes);\n  if (config.handles) emitHandles(out, s, t, theme, strokes);\n  if (config.origins) emitOrigins(out, s, t, theme);\n  if (config.snap) emitSnap(out, s, t, theme, strokes);\n  if (config.ids) emitIds(out, s, t, theme);\n  if (config.layers) emitLayersPanel(out, s, dims, theme);\n  if (config.fps) emitFramePanel(out, frameTimes, s.frame, theme);\n  return out;\n}\n\n// --- emitters (screen-space) ---\n\nfunction approxCircleScreen(cx: number, cy: number, r: number, segments = 24): PolygonPath {\n  return approxEllipseScreen(cx, cy, r, r, segments);\n}\n\nfunction approxEllipseScreen(cx: number, cy: number, rx: number, ry: number, segments = 24): PolygonPath {\n  // Commands: M + (segments-1) L + Z. Coords: (segments) × 2 — pairs for\n  // the moveTo and the (segments-1) lineTos. PATH_Z consumes no coords.\n  const cmds = new Uint8Array(segments + 1);\n  const coords = new Float32Array(segments * 2);\n  cmds[0] = PATH_M;\n  coords[0] = cx + rx;\n  coords[1] = cy;\n  for (let i = 1; i < segments; i++) {\n    cmds[i] = PATH_L;\n    const theta = (i / segments) * Math.PI * 2;\n    coords[i * 2] = cx + rx * Math.cos(theta);\n    coords[i * 2 + 1] = cy + ry * Math.sin(theta);\n  }\n  cmds[segments] = PATH_Z;\n  return { kind: 'polygon', commands: cmds, coords, fillRule: 'nonzero' };\n}\n\n/** A world rect turned `rotation` about its center, as the screen quad it\n *  lands on. */\nfunction rotatedRectScreen(\n  r: { x: number; y: number; width: number; height: number; rotation: number },\n  t: ReturnType<typeof viewToTransform>,\n): PolygonPath {\n  const cx = r.x + r.width / 2, cy = r.y + r.height / 2;\n  const coords = new Float32Array(8);\n  const corners = [[r.x, r.y], [r.x + r.width, r.y], [r.x + r.width, r.y + r.height], [r.x, r.y + r.height]];\n  corners.forEach(([x, y], i) => {\n    const w = rotatePoint(x, y, cx, cy, r.rotation);\n    const [sx, sy] = worldToScreen(w.x, w.y, t);\n    coords[i * 2] = sx;\n    coords[i * 2 + 1] = sy;\n  });\n  return {\n    kind: 'polygon',\n    commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n    coords,\n    fillRule: 'nonzero',\n  };\n}\n\nfunction rectPath(x: number, y: number, w: number, h: number): { kind: 'rect'; x: number; y: number; width: number; height: number } {\n  return { kind: 'rect', x, y, width: w, height: h };\n}\n\n/** A `DebugStroke` + color as the renderer's stroke shape. `dash` is dropped\n *  when empty rather than passed through, so a solid line stays solid. */\nfunction strokeOf(s: DebugStroke, color: string) {\n  return {\n    paint: { fill: 'solid' as const, color },\n    width: s.width,\n    ...(s.dash && s.dash.length > 0 ? { dash: [...s.dash] } : {}),\n  };\n}\n\nfunction emitHitboxes(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  view: View,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const fill = { fill: 'solid' as const, color: theme.hitboxFill };\n  const stroke = strokeOf(strokes.hitbox, theme.hitboxStroke);\n  for (const h of s.hitboxes) {\n    if (h.shape.kind === 'rect' && h.shape.rotation) {\n      const path = rotatedRectScreen({ ...h.shape, rotation: h.shape.rotation }, t);\n      out.push({ kind: 'path', path, fill, stroke });\n    } else if (h.shape.kind === 'rect') {\n      const [sx, sy] = worldToScreen(h.shape.x, h.shape.y, t);\n      const sw = h.shape.width * view.scale.x;\n      const sh = h.shape.height * view.scale.y;\n      out.push({ kind: 'path', path: rectPath(sx, sy, sw, sh), fill, stroke });\n    } else if (h.shape.kind === 'circle') {\n      const [cx, cy] = worldToScreen(h.shape.cx, h.shape.cy, t);\n      const rx = h.shape.r * Math.abs(view.scale.x);\n      const ry = h.shape.r * Math.abs(view.scale.y);\n      out.push({ kind: 'path', path: approxEllipseScreen(cx, cy, rx, ry), fill, stroke });\n    } else if (h.shape.kind === 'polygon' && h.shape.points.length > 2) {\n      const pts = h.shape.points;\n      const coords = new Float32Array(pts.length * 2);\n      pts.forEach((p, i) => {\n        const [sx, sy] = worldToScreen(p.x, p.y, t);\n        coords[i * 2] = sx;\n        coords[i * 2 + 1] = sy;\n      });\n      const commands = new Uint8Array(pts.length + 1).fill(PATH_L);\n      commands[0] = PATH_M;\n      commands[pts.length] = PATH_Z;\n      out.push({ kind: 'path', path: { kind: 'polygon', commands, coords, fillRule: 'nonzero' }, fill, stroke });\n    }\n    // 'path' kind: v1 punt — matches 2D behavior.\n  }\n}\n\nfunction emitBounds(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  view: View,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const stroke = strokeOf(strokes.bounds, theme.bounds);\n  for (const b of s.bounds) {\n    const [sx, sy] = worldToScreen(b.bounds.x, b.bounds.y, t);\n    const sw = b.bounds.width * view.scale.x;\n    const sh = b.bounds.height * view.scale.y;\n    out.push({ kind: 'path', path: rectPath(sx, sy, sw, sh), stroke });\n  }\n}\n\nfunction emitHandles(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const stroke = strokeOf(strokes.handle, theme.handle);\n  for (const h of s.handles) {\n    const [cx, cy] = worldToScreen(h.position.x, h.position.y, t);\n    const horiz: PolygonPath = {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L]),\n      coords: new Float32Array([cx - 4, cy, cx + 4, cy]),\n      fillRule: 'nonzero',\n    };\n    const vert: PolygonPath = {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L]),\n      coords: new Float32Array([cx, cy - 4, cx, cy + 4]),\n      fillRule: 'nonzero',\n    };\n    out.push({ kind: 'path', path: horiz, stroke });\n    out.push({ kind: 'path', path: vert, stroke });\n  }\n}\n\nfunction emitOrigins(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n): void {\n  const fill = { fill: 'solid' as const, color: theme.origin };\n  for (const o of s.origins) {\n    const [cx, cy] = worldToScreen(o.point.x, o.point.y, t);\n    out.push({ kind: 'path', path: approxCircleScreen(cx, cy, 3), fill });\n  }\n}\n\nfunction emitSnap(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const color = theme.snap;\n  for (const c of s.snap) {\n    const [cx, cy] = worldToScreen(c.point.x, c.point.y, t);\n    const cmd: PathDrawCommand = {\n      kind: 'path',\n      path: approxCircleScreen(cx, cy, 4),\n      ...(c.accepted\n        ? { fill: { fill: 'solid' as const, color } }\n        : { stroke: strokeOf(strokes.snap, color) }),\n    };\n    out.push(cmd);\n  }\n}\n\nfunction emitIds(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n): void {\n  // Pulls from the bounds stream — every consumer that records bounds\n  // (selection overlay's handle math, the kit's per-node debug shim) gets\n  // an id label for free.\n  for (const b of s.bounds) {\n    const [sx, sy] = worldToScreen(b.bounds.x, b.bounds.y, t);\n    out.push(textCommandFromRuns(\n      sx + 2,\n      sy + 11,\n      [{ text: b.id, fill: { fill: 'solid', color: theme.idText } }],\n      { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 10 },\n    ));\n  }\n}\n\nfunction emitLayersPanel(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  dims: Dims,\n  theme: DebugTheme,\n): void {\n  if (s.layers.length === 0) return;\n  const lineH = 14;\n  const padX = 6;\n  const padY = 4;\n  const lines = s.layers.map((l) => `[${l.index}] ${l.id} (${l.space})`);\n  // Approximate width: 11px font, monospaced — assume each glyph ≈6.6px.\n  // 2D path uses ctx.measureText; we don't have a ctx here, so fall back\n  // to a character-count estimate. Pixel-level accuracy is not load-bearing\n  // for a debug panel; right-edge anchoring stays correct.\n  const charW = 6.6;\n  let maxW = 0;\n  for (const line of lines) maxW = Math.max(maxW, line.length * charW);\n  const boxW = maxW + padX * 2;\n  const boxH = lines.length * lineH + padY * 2;\n  const x = dims.width - boxW - 8;\n  const y = 8;\n  out.push({\n    kind: 'path',\n    path: rectPath(x, y, boxW, boxH),\n    fill: { fill: 'solid', color: theme.layerTextBg },\n  });\n  for (let i = 0; i < lines.length; i++) {\n    out.push(textCommandFromRuns(\n      x + padX,\n      y + padY + i * lineH,\n      [{ text: lines[i], fill: { fill: 'solid', color: theme.layerText } }],\n      { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 11 },\n    ));\n  }\n}\n\nconst MONO = { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 11 };\nconst MONO_CHAR_W = 6.6;\nconst LINE_H = 14;\n\n/** A dark box holding monospace lines, at `(x, y)`; `y < 0` anchors its bottom\n *  that far above `bottom`. Width is estimated from the character count — there\n *  is no text measurer here, and a debug panel does not need one. */\nfunction emitTextPanel(\n  out: DrawCommand[],\n  lines: readonly string[],\n  x: number,\n  y: number,\n  color: string,\n  bg: string,\n): void {\n  const padX = 6;\n  const padY = 4;\n  let maxLen = 0;\n  for (const l of lines) maxLen = Math.max(maxLen, l.length);\n  out.push({\n    kind: 'path',\n    path: rectPath(x, y, maxLen * MONO_CHAR_W + padX * 2, lines.length * LINE_H + padY * 2),\n    fill: { fill: 'solid', color: bg },\n  });\n  for (let i = 0; i < lines.length; i++) {\n    out.push(textCommandFromRuns(\n      x + padX,\n      y + padY + i * LINE_H,\n      [{ text: lines[i], fill: { fill: 'solid', color } }],\n      MONO,\n    ));\n  }\n}\n\n/** Fixed-width number, right-aligned, `decimals` places: `%{width}.{decimals}f`. */\nfunction fixed(v: number, width: number, decimals: number): string {\n  return v.toFixed(decimals).padStart(width);\n}\n\nfunction emitFramePanel(\n  out: DrawCommand[],\n  history: readonly number[],\n  frame: FrameStats | null,\n  theme: DebugTheme,\n): void {\n  const span = history.length >= 2 ? history[history.length - 1] - history[0] : 0;\n  const interval = span > 0 ? span / (history.length - 1) : null;\n  // Columns: label, draw-call count, value, unit — every row the same width,\n  // so decimals line up down the panel.\n  const rows: [label: string, count: number | null, value: number | null, unit: string][] = [\n    ['fps', null, interval ? 1000 / interval : null, '  '],\n    ['frame', null, interval, 'ms'],\n  ];\n  if (frame) {\n    rows.push(['paint', frame.drawCalls, frame.paintMs, 'ms']);\n    for (const l of frame.layers) rows.push([l.id, l.drawCalls, l.ms, 'ms']);\n  }\n  let labelW = 0;\n  for (const [label] of rows) labelW = Math.max(labelW, label.length);\n  const line = (label: string, count: string, value: string, unit: string) =>\n    `${label.padEnd(labelW)} ${count.padStart(5)} ${value.padStart(7)} ${unit}`;\n  const lines = rows.map(([label, count, value, unit]) =>\n    line(label, count === null ? '' : String(count), value === null ? '—' : fixed(value, 7, 2), unit));\n  if (frame) lines.splice(2, 0, line('', 'draws', 'cpu', '  '));\n  emitTextPanel(out, lines, 8, 8, theme.fpsText, theme.fpsTextBg);\n}\n\nfunction emitViewport(\n  out: DrawCommand[],\n  rec: RecordedViewport,\n  view: View,\n  dims: Dims,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const t = viewToTransform(view);\n  const stroke = strokeOf(strokes.viewport, theme.viewport);\n  // Where the viewport the gesture started from sits in the current camera.\n  const { from, to } = rec;\n  const [fx, fy] = worldToScreen(from.x, from.y, t);\n  out.push({\n    kind: 'path',\n    path: rectPath(fx, fy, (dims.width / from.scale.x) * view.scale.x, (dims.height / from.scale.y) * view.scale.y),\n    stroke,\n  });\n  if (rec.anchor) {\n    const [ax0, ay0] = worldToScreen(rec.anchor.x, rec.anchor.y, viewToTransform(from));\n    const [ax1, ay1] = worldToScreen(rec.anchor.x, rec.anchor.y, t);\n    out.push({ kind: 'path', path: approxCircleScreen(ax0, ay0, 2.5), fill: { fill: 'solid', color: theme.viewport } });\n    if (Math.hypot(ax1 - ax0, ay1 - ay0) > 0.5) {\n      out.push({ kind: 'path', path: segment(ax0, ay0, ax1, ay1), stroke });\n    }\n    out.push({ kind: 'path', path: approxCircleScreen(ax1, ay1, 6), stroke: strokeOf({ width: strokes.viewport.width }, theme.viewport) });\n  }\n  const text = rec.kind === 'pan'\n    ? `pan   Δ ${signed((from.x - to.x) * to.scale.x)} ${signed((from.y - to.y) * to.scale.y)} px`\n    : `zoom  ×${(to.scale.x / from.scale.x).toFixed(3)}  ${from.scale.x.toFixed(3)} → ${to.scale.x.toFixed(3)}`;\n  emitTextPanel(out, [text], 8, dims.height - LINE_H - 16, theme.viewport, theme.layerTextBg);\n}\n\nfunction signed(v: number): string {\n  const r = Math.abs(v) < 0.05 ? 0 : v;\n  return `${r >= 0 ? '+' : '-'}${Math.abs(r).toFixed(1)}`.padStart(8);\n}\n\nfunction segment(x0: number, y0: number, x1: number, y1: number): PolygonPath {\n  return {\n    kind: 'polygon',\n    commands: new Uint8Array([PATH_M, PATH_L]),\n    coords: new Float32Array([x0, y0, x1, y1]),\n    fillRule: 'nonzero',\n  };\n}\n"],"mappings":";;;;;;;AAyBA,IAAMC,IAAa;AAQnB,SAAgBC,EAAwB,EACtC,SACA,aACoD;CAGpD,IAAMC,IAAuB,CAAC;CAC9B,OAAO;EACL,IAAI;EACJ,OAAO;EACP,OAAO;EACP,UAAU;EACV,OAAO,GAAO,GAAM,OACdC,EAAO,OACTD,EAAW,KAAK,OAAO,cAAgB,MAAc,YAAY,IAAI,IAAI,KAAK,IAAI,CAAC,GAC/EA,EAAW,SAASF,KAAYE,EAAW,MAAM,KAC5CA,EAAW,SAAS,MAC7B,EAAW,SAAS,IAEfE,EAA0BC,EAAK,SAAS,GAAGF,GAAQG,GAAMC,GAAML,CAAU;CAEpF;AACF;AAUA,SAAgBE,EACd,GACA,GACA,GACA,GACA,IAAgC,CAAC,GAClB;CACf,IAAMI,IAAoB;EAAE,GAAGC;EAAqB,GAAIN,EAAO,SAAS,CAAC;CAAG,GACtEO,IAAwB;EAAE,GAAGC;EAAuB,GAAIR,EAAO,WAAW,CAAC;CAAG,GAC9ES,IAAIC,GACJC,IAAIC,EAAgBT,CAAI,GACxBU,IAAqB,CAAC;CAW5B,OATIb,EAAO,YAAYS,EAAE,YAAUK,EAAaD,GAAKJ,EAAE,UAAUN,GAAMC,GAAMC,GAAOE,CAAO,GACvFP,EAAO,YAAUe,EAAaF,GAAKJ,GAAGN,GAAMQ,GAAGN,GAAOE,CAAO,GAC7DP,EAAO,UAAQgB,EAAWH,GAAKJ,GAAGN,GAAMQ,GAAGN,GAAOE,CAAO,GACzDP,EAAO,WAASiB,EAAYJ,GAAKJ,GAAGE,GAAGN,GAAOE,CAAO,GACrDP,EAAO,WAASkB,EAAYL,GAAKJ,GAAGE,GAAGN,CAAK,GAC5CL,EAAO,QAAMmB,EAASN,GAAKJ,GAAGE,GAAGN,GAAOE,CAAO,GAC/CP,EAAO,OAAKoB,EAAQP,GAAKJ,GAAGE,GAAGN,CAAK,GACpCL,EAAO,UAAQqB,EAAgBR,GAAKJ,GAAGL,GAAMC,CAAK,GAClDL,EAAO,OAAKsB,EAAeT,GAAKU,GAAYd,EAAE,OAAOJ,CAAK,GACvDQ;AACT;AAIA,SAASW,EAAmB,GAAY,GAAY,GAAW,IAAW,IAAiB;CACzF,OAAOC,EAAoBC,GAAIC,GAAIC,GAAGA,GAAGC,CAAQ;AACnD;AAEA,SAASJ,EAAoB,GAAY,GAAY,GAAY,GAAY,IAAW,IAAiB;CAGvG,IAAMK,IAAO,IAAI,WAAWD,IAAW,CAAC,GAClCE,IAAS,IAAI,aAAaF,IAAW,CAAC;CAG5C,AAFA,EAAK,KAAKG,GACV,EAAO,KAAKN,IAAKO,GACjB,EAAO,KAAKN;CACZ,KAAK,IAAIO,IAAI,GAAGA,IAAIL,GAAU,KAAK;EACjC,EAAKK,KAAKC;EACV,IAAMC,IAASF,IAAIL,IAAY,KAAK,KAAK;EAEzC,AADA,EAAOK,IAAI,KAAKR,IAAKO,IAAK,KAAK,IAAIG,CAAK,GACxC,EAAOF,IAAI,IAAI,KAAKP,IAAKU,IAAK,KAAK,IAAID,CAAK;CAC9C;CAEA,OADA,EAAKP,KAAYS,GACV;EAAE,MAAM;EAAW,UAAUR;EAAM;EAAQ,UAAU;CAAU;AACxE;AAIA,SAASS,EACP,GACA,GACa;CACb,IAAMb,IAAKE,EAAE,IAAIA,EAAE,QAAQ,GAAGD,IAAKC,EAAE,IAAIA,EAAE,SAAS,GAC9CG,oBAAS,IAAI,aAAa,CAAC;CAQjC,OANA;EADiB,CAACH,EAAE,GAAGA,EAAE,CAAC;EAAG,CAACA,EAAE,IAAIA,EAAE,OAAOA,EAAE,CAAC;EAAG,CAACA,EAAE,IAAIA,EAAE,OAAOA,EAAE,IAAIA,EAAE,MAAM;EAAG,CAACA,EAAE,GAAGA,EAAE,IAAIA,EAAE,MAAM;CACxG,CAAA,CAAQ,SAAS,CAACY,GAAGC,IAAI,MAAM;EAC7B,IAAMC,IAAIC,EAAYH,GAAGC,GAAGf,GAAIC,GAAIC,EAAE,QAAQ,GACxC,CAACgB,GAAIC,KAAMC,EAAcJ,EAAE,GAAGA,EAAE,GAAG/B,CAAC;EAE1C,AADA,EAAOuB,IAAI,KAAKU,GAChB,EAAOV,IAAI,IAAI,KAAKW;CACtB,CAAC,GACM;EACL,MAAM;EACN,UAAU,IAAI,WAAW;GAACb;GAAQG;GAAQA;GAAQA;GAAQG;EAAM,CAAC;EACjE;EACA,UAAU;CACZ;AACF;AAEA,SAAS1C,EAAS,GAAW,GAAW,GAAW,GAAkF;CACnI,OAAO;EAAE,MAAM;EAAQ;EAAG;EAAG,OAAO8C;EAAG,QAAQM;CAAE;AACnD;AAIA,SAASC,EAAS,GAAgB,GAAe;CAC/C,OAAO;EACL,OAAO;GAAE,MAAM;GAAkB;EAAM;EACvC,OAAOxC,EAAE;EACT,GAAIA,EAAE,QAAQA,EAAE,KAAK,SAAS,IAAI,EAAE,MAAM,CAAC,GAAGA,EAAE,IAAI,EAAE,IAAI,CAAC;CAC7D;AACF;AAEA,SAASM,EACP,GACA,GACA,GACA,GACA,GACA,GACM;CACN,IAAMmC,IAAO;EAAE,MAAM;EAAkB,OAAO7C,EAAM;CAAW,GACzD8C,IAASF,EAAS1C,EAAQ,QAAQF,EAAM,YAAY;CAC1D,KAAK,IAAM2C,KAAKvC,EAAE,UAChB,IAAIuC,EAAE,MAAM,SAAS,UAAUA,EAAE,MAAM,UAAU;EAC/C,IAAMI,IAAOb,EAAkB;GAAE,GAAGS,EAAE;GAAO,UAAUA,EAAE,MAAM;EAAS,GAAGrC,CAAC;EAC5E,EAAI,KAAK;GAAE,MAAM;GAAQ;GAAM;GAAM;EAAO,CAAC;CAC/C,OAAO,IAAIqC,EAAE,MAAM,SAAS,QAAQ;EAClC,IAAM,CAACJ,GAAIC,KAAMC,EAAcE,EAAE,MAAM,GAAGA,EAAE,MAAM,GAAGrC,CAAC,GAChD0C,IAAKL,EAAE,MAAM,QAAQ7C,EAAK,MAAM,GAChCmD,IAAKN,EAAE,MAAM,SAAS7C,EAAK,MAAM;EACvC,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAMP,EAASgD,GAAIC,GAAIQ,GAAIC,CAAE;GAAG;GAAM;EAAO,CAAC;CACzE,OAAO,IAAIN,EAAE,MAAM,SAAS,UAAU;EACpC,IAAM,CAACtB,GAAIC,KAAMmB,EAAcE,EAAE,MAAM,IAAIA,EAAE,MAAM,IAAIrC,CAAC,GAClDsB,IAAKe,EAAE,MAAM,IAAI,KAAK,IAAI7C,EAAK,MAAM,CAAC,GACtCkC,IAAKW,EAAE,MAAM,IAAI,KAAK,IAAI7C,EAAK,MAAM,CAAC;EAC5C,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAMsB,EAAoBC,GAAIC,GAAIM,GAAII,CAAE;GAAG;GAAM;EAAO,CAAC;CACpF,OAAO,IAAIW,EAAE,MAAM,SAAS,aAAaA,EAAE,MAAM,OAAO,SAAS,GAAG;EAClE,IAAMO,IAAMP,EAAE,MAAM,QACdjB,IAAS,IAAI,aAAawB,EAAI,SAAS,CAAC;EAC9C,EAAI,SAAS,GAAG,MAAM;GACpB,IAAM,CAACX,GAAIC,KAAMC,EAAcU,EAAE,GAAGA,EAAE,GAAG7C,CAAC;GAE1C,AADA,EAAOuB,IAAI,KAAKU,GAChB,EAAOV,IAAI,IAAI,KAAKW;EACtB,CAAC;EACD,IAAMY,IAAW,IAAI,WAAWF,EAAI,SAAS,CAAC,CAAC,CAAC,KAAKpB,CAAM;EAG3D,AAFA,EAAS,KAAKH,GACd,EAASuB,EAAI,UAAUjB,GACvBzB,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAM;IAAE,MAAM;IAAW;IAAU;IAAQ,UAAU;GAAU;GAAG;GAAM;EAAO,CAAC;CAC3G;AAGJ;AAEA,SAASG,EACP,GACA,GACA,GACA,GACA,GACA,GACM;CACN,IAAMmC,IAASF,EAAS1C,EAAQ,QAAQF,EAAM,MAAM;CACpD,KAAK,IAAMqD,KAAKjD,EAAE,QAAQ;EACxB,IAAM,CAACmC,GAAIC,KAAMC,EAAcY,EAAE,OAAO,GAAGA,EAAE,OAAO,GAAG/C,CAAC,GAClD0C,IAAKK,EAAE,OAAO,QAAQvD,EAAK,MAAM,GACjCmD,IAAKI,EAAE,OAAO,SAASvD,EAAK,MAAM;EACxC,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAMP,EAASgD,GAAIC,GAAIQ,GAAIC,CAAE;GAAG;EAAO,CAAC;CACnE;AACF;AAEA,SAASrC,EACP,GACA,GACA,GACA,GACA,GACM;CACN,IAAMkC,IAASF,EAAS1C,EAAQ,QAAQF,EAAM,MAAM;CACpD,KAAK,IAAM2C,KAAKvC,EAAE,SAAS;EACzB,IAAM,CAACiB,GAAIC,KAAMmB,EAAcE,EAAE,SAAS,GAAGA,EAAE,SAAS,GAAGrC,CAAC,GACtDgD,IAAqB;GACzB,MAAM;GACN,UAAU,IAAI,WAAW,CAAC3B,GAAQG,CAAM,CAAC;GACzC,QAAQ,IAAI,aAAa;IAACT,IAAK;IAAGC;IAAID,IAAK;IAAGC;GAAE,CAAC;GACjD,UAAU;EACZ,GACMiC,IAAoB;GACxB,MAAM;GACN,UAAU,IAAI,WAAW,CAAC5B,GAAQG,CAAM,CAAC;GACzC,QAAQ,IAAI,aAAa;IAACT;IAAIC,IAAK;IAAGD;IAAIC,IAAK;GAAC,CAAC;GACjD,UAAU;EACZ;EAEA,AADAd,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAM8C;GAAO;EAAO,CAAC,GAC9C9C,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAM+C;GAAM;EAAO,CAAC;CAC/C;AACF;AAEA,SAAS1C,EACP,GACA,GACA,GACA,GACM;CACN,IAAMgC,IAAO;EAAE,MAAM;EAAkB,OAAO7C,EAAM;CAAO;CAC3D,KAAK,IAAMwD,KAAKpD,EAAE,SAAS;EACzB,IAAM,CAACiB,GAAIC,KAAMmB,EAAce,EAAE,MAAM,GAAGA,EAAE,MAAM,GAAGlD,CAAC;EACtD,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAMa,EAAmBE,GAAIC,GAAI,CAAC;GAAG;EAAK,CAAC;CACtE;AACF;AAEA,SAASR,EACP,GACA,GACA,GACA,GACA,GACM;CACN,IAAM2C,IAAQzD,EAAM;CACpB,KAAK,IAAM0D,KAAKtD,EAAE,MAAM;EACtB,IAAM,CAACiB,GAAIC,KAAMmB,EAAciB,EAAE,MAAM,GAAGA,EAAE,MAAM,GAAGpD,CAAC,GAChDqD,IAAuB;GAC3B,MAAM;GACN,MAAMxC,EAAmBE,GAAIC,GAAI,CAAC;GAClC,GAAIoC,EAAE,WACF,EAAE,MAAM;IAAE,MAAM;IAAkB;GAAM,EAAE,IAC1C,EAAE,QAAQd,EAAS1C,EAAQ,MAAMuD,CAAK,EAAE;EAC9C;EACA,EAAI,KAAKE,CAAG;CACd;AACF;AAEA,SAAS5C,EACP,GACA,GACA,GACA,GACM;CAIN,KAAK,IAAMsC,KAAKjD,EAAE,QAAQ;EACxB,IAAM,CAACmC,GAAIC,KAAMC,EAAcY,EAAE,OAAO,GAAGA,EAAE,OAAO,GAAG/C,CAAC;EACxD,EAAI,KAAKsD,EACPrB,IAAK,GACLC,IAAK,IACL,CAAC;GAAE,MAAMa,EAAE;GAAI,MAAM;IAAE,MAAM;IAAS,OAAOrD,EAAM;GAAO;EAAE,CAAC,GAC7D;GAAE,YAAY;GAAkC,UAAU;EAAG,CAC/D,CAAC;CACH;AACF;AAEA,SAASgB,EACP,GACA,GACA,GACA,GACM;CACN,IAAIZ,EAAE,OAAO,WAAW,GAAG;CAC3B,IAGMyD,IAAQzD,EAAE,OAAO,KAAK,MAAM,IAAI0D,EAAE,MAAM,IAAIA,EAAE,GAAG,IAAIA,EAAE,MAAM,EAAE,GAMjEC,IAAO;CACX,KAAK,IAAMC,KAAQH,GAAO,IAAO,KAAK,IAAIE,GAAMC,EAAK,SAAS,GAAK;CACnE,IAAMC,IAAOF,IAAO,IACdG,IAAOL,EAAM,SAAS,KAAQ,GAC9B1B,IAAIpC,EAAK,QAAQkE,IAAO;CAE9B,EAAI,KAAK;EACP,MAAM;EACN,MAAM1E,EAAS4C,GAAG,GAAG8B,GAAMC,CAAI;EAC/B,MAAM;GAAE,MAAM;GAAS,OAAOlE,EAAM;EAAY;CAClD,CAAC;CACD,KAAK,IAAI6B,IAAI,GAAGA,IAAIgC,EAAM,QAAQ,KAChC,EAAI,KAAKD,EACPzB,IAAI,GACJ,KAAWN,IAAI,IACf,CAAC;EAAE,MAAMgC,EAAMhC;EAAI,MAAM;GAAE,MAAM;GAAS,OAAO7B,EAAM;EAAU;CAAE,CAAC,GACpE;EAAE,YAAY;EAAkC,UAAU;CAAG,CAC/D,CAAC;AAEL;AAEA,IAAMmE,IAAO;CAAE,YAAY;CAAkC,UAAU;AAAG,GACpEC,IAAc,KACdC,IAAS;AAKf,SAASC,EACP,GACA,GACA,GACA,GACA,GACA,GACM;CACN,IAEIC,IAAS;CACb,KAAK,IAAMT,KAAKD,GAAO,IAAS,KAAK,IAAIU,GAAQT,EAAE,MAAM;CACzD,EAAI,KAAK;EACP,MAAM;EACN,MAAMvE,EAAS4C,GAAGC,GAAGmC,IAASH,IAAc,IAAUP,EAAM,SAASQ,IAAS,CAAQ;EACtF,MAAM;GAAE,MAAM;GAAS,OAAOG;EAAG;CACnC,CAAC;CACD,KAAK,IAAI3C,IAAI,GAAGA,IAAIgC,EAAM,QAAQ,KAChC,EAAI,KAAKD,EACPzB,IAAI,GACJC,IAAI,IAAOP,IAAIwC,GACf,CAAC;EAAE,MAAMR,EAAMhC;EAAI,MAAM;GAAE,MAAM;GAAS;EAAM;CAAE,CAAC,GACnDsC,CACF,CAAC;AAEL;AAGA,SAASM,EAAM,GAAW,GAAe,GAA0B;CACjE,OAAOC,EAAE,QAAQC,CAAQ,CAAC,CAAC,SAASC,CAAK;AAC3C;AAEA,SAAS3D,EACP,GACA,GACA,GACA,GACM;CACN,IAAM4D,IAAOC,EAAQ,UAAU,IAAIA,EAAQA,EAAQ,SAAS,KAAKA,EAAQ,KAAK,GACxEC,IAAWF,IAAO,IAAIA,KAAQC,EAAQ,SAAS,KAAK,MAGpDE,IAAoF,CACxF;EAAC;EAAO;EAAMD,IAAW,MAAOA,IAAW;EAAM;CAAI,GACrD;EAAC;EAAS;EAAMA;EAAU;CAAI,CAChC;CACA,IAAIE,GAAO;EACT,EAAK,KAAK;GAAC;GAASA,EAAM;GAAWA,EAAM;GAAS;EAAI,CAAC;EACzD,KAAK,IAAMnB,KAAKmB,EAAM,QAAQ,EAAK,KAAK;GAACnB,EAAE;GAAIA,EAAE;GAAWA,EAAE;GAAI;EAAI,CAAC;CACzE;CACA,IAAIoB,IAAS;CACb,KAAK,IAAM,CAACC,MAAUH,GAAM,IAAS,KAAK,IAAIE,GAAQC,EAAM,MAAM;CAClE,IAAMnB,KAAQ,GAAe,GAAe,GAAe,MACzD,GAAGmB,EAAM,OAAOD,CAAM,EAAE,GAAGE,EAAM,SAAS,CAAC,EAAE,GAAGC,EAAM,SAAS,CAAC,EAAE,GAAGC,KACjEzB,IAAQmB,EAAK,KAAK,CAACG,GAAOC,GAAOC,GAAOC,OAC5CtB,EAAKmB,GAAOC,MAAU,OAAO,KAAK,OAAOA,CAAK,GAAGC,MAAU,OAAO,MAAMZ,EAAMY,GAAO,GAAG,CAAC,GAAGC,CAAI,CAAC;CAEnG,AADIL,KAAOpB,EAAM,OAAO,GAAG,GAAGG,EAAK,IAAI,SAAS,OAAO,IAAI,CAAC,GAC5DM,EAAc9D,GAAKqD,GAAO,GAAG,GAAG7D,EAAM,SAASA,EAAM,SAAS;AAChE;AAEA,SAASS,EACP,GACA,GACA,GACA,GACA,GACA,GACM;CACN,IAAMH,IAAIC,EAAgBT,CAAI,GACxBgD,IAASF,EAAS1C,EAAQ,UAAUF,EAAM,QAAQ,GAElD,EAAE,SAAM,UAAOuF,GACf,CAACC,GAAIC,KAAMhD,EAAciD,EAAK,GAAGA,EAAK,GAAGpF,CAAC;CAMhD,IALAE,EAAI,KAAK;EACP,MAAM;EACN,MAAMjB,EAASiG,GAAIC,GAAK1F,EAAK,QAAQ2F,EAAK,MAAM,IAAK5F,EAAK,MAAM,GAAIC,EAAK,SAAS2F,EAAK,MAAM,IAAK5F,EAAK,MAAM,CAAC;EAC9G;CACF,CAAC,GACGyF,EAAI,QAAQ;EACd,IAAM,CAACI,GAAKC,KAAOnD,EAAc8C,EAAI,OAAO,GAAGA,EAAI,OAAO,GAAGhF,EAAgBmF,CAAI,CAAC,GAC5E,CAACG,GAAKC,KAAOrD,EAAc8C,EAAI,OAAO,GAAGA,EAAI,OAAO,GAAGjF,CAAC;EAK9D,AAJAE,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAMW,EAAmBwE,GAAKC,GAAK,GAAG;GAAG,MAAM;IAAE,MAAM;IAAS,OAAO5F,EAAM;GAAS;EAAE,CAAC,GAC9G,KAAK,MAAM6F,IAAMF,GAAKG,IAAMF,CAAG,IAAI,MACrCpF,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAMuF,EAAQJ,GAAKC,GAAKC,GAAKC,CAAG;GAAG;EAAO,CAAC,GAEtEtF,EAAI,KAAK;GAAE,MAAM;GAAQ,MAAMW,EAAmB0E,GAAKC,GAAK,CAAC;GAAG,QAAQlD,EAAS,EAAE,OAAO1C,EAAQ,SAAS,MAAM,GAAGF,EAAM,QAAQ;EAAE,CAAC;CACvI;CAIA,EAAcQ,GAAK,CAHN+E,EAAI,SAAS,QACtB,WAAWS,GAAQN,EAAK,IAAIO,EAAG,KAAKA,EAAG,MAAM,CAAC,EAAE,GAAGD,GAAQN,EAAK,IAAIO,EAAG,KAAKA,EAAG,MAAM,CAAC,EAAE,OACxF,WAAWA,EAAG,MAAM,IAAIP,EAAK,MAAM,EAAA,CAAG,QAAQ,CAAC,EAAE,IAAIA,EAAK,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAKO,EAAG,MAAM,EAAE,QAAQ,CAAC,GAClF,GAAG,GAAGlG,EAAK,SAASsE,IAAS,IAAIrE,EAAM,UAAUA,EAAM,WAAW;AAC5F;AAEA,SAASgG,EAAO,GAAmB;CACjC,IAAMzE,IAAI,KAAK,IAAImD,CAAC,IAAI,MAAO,IAAIA;CACnC,OAAO,GAAGnD,KAAK,IAAI,MAAM,MAAM,KAAK,IAAIA,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,SAAS,CAAC;AACpE;AAEA,SAASwE,EAAQ,GAAY,GAAY,GAAY,GAAyB;CAC5E,OAAO;EACL,MAAM;EACN,UAAU,IAAI,WAAW,CAACpE,GAAQG,CAAM,CAAC;EACzC,QAAQ,IAAI,aAAa;GAACoE;GAAIC;GAAIC;GAAIC;EAAE,CAAC;EACzC,UAAU;CACZ;AACF"}
+{"version":3,"file":"createDebugOverlayLayer.js","names":["rectPath","DEBUG_OVERLAY_ID","FPS_WINDOW","createDebugOverlayLayer","fpsHistory","config","buildDebugOverlayCommands","sink","view","dims","theme","DEFAULT_DEBUG_THEME","strokes","DEFAULT_DEBUG_STROKES","s","snapshot","t","viewToTransform","out","emitViewport","emitHitboxes","emitBounds","emitHandles","emitOrigins","emitSnap","emitIds","emitLayersPanel","emitFramePanel","frameTimes","approxCircleScreen","approxEllipseScreen","cx","cy","r","segments","cmds","coords","PATH_M","rx","i","PATH_L","theta","ry","PATH_Z","rotatedRectScreen","x","y","w","rotatePoint","sx","sy","worldToScreen","rectPath$1","h","strokeOf","fill","stroke","path","sw","sh","pts","p","commands","b","horiz","vert","o","color","c","cmd","textCommandFromRuns","lines","l","maxW","line","boxW","boxH","MONO","MONO_CHAR_W","LINE_H","emitTextPanel","maxLen","bg","fixed","v","decimals","width","span","history","interval","rows","frame","labelW","label","count","value","unit","rec","fx","fy","from","ax0","ay0","ax1","ay1","segment","signed","to","x0","y0","x1","y1"],"sources":["../../src/debug/createDebugOverlayLayer.ts"],"sourcesContent":["import type { DrawCommand, PathDrawCommand } from '@weasel-js/renderer';\nimport type { Dims, RenderLayer } from 'core/layers/render';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { rotatePoint } from 'interactions/actions/rotate/geometry';\nimport { PATH_L, PATH_M, PATH_Z, type PolygonPath } from '@weasel-js/geom';\nimport { textCommandFromRuns } from '@weasel-js/renderer';\nimport type {\n  DebugConfig,\n  DebugSnapshot,\n  DebugStroke,\n  DebugStrokes,\n  DebugTheme,\n  FrameStats,\n  RecordedViewport,\n} from './types';\nimport { DEFAULT_DEBUG_STROKES, DEFAULT_DEBUG_THEME } from './defaultTheme';\n\n/** What `createDebugOverlayLayer` paints from: a sink to snapshot and the features to draw. */\nexport interface CreateDebugOverlayLayerOpts {\n  sink: { snapshot(): DebugSnapshot };\n  config: DebugConfig;\n}\n\nexport const DEBUG_OVERLAY_ID = 'debug-overlay';\nconst FPS_WINDOW = 60;\n\n/**\n * Screen-space `RenderLayer` that paints the sink's snapshot. Appended at\n * the top of the Canvas's layer stack when `debug` is enabled. World-space\n * coords in the snapshot are projected through `view` here, since the\n * layer itself runs at identity transform.\n */\nexport function createDebugOverlayLayer({\n  sink,\n  config,\n}: CreateDebugOverlayLayerOpts): RenderLayer<unknown> {\n  // Timestamps of the last FPS_WINDOW draws, kept for the life of the layer.\n  const fpsHistory: number[] = [];\n  return {\n    id: DEBUG_OVERLAY_ID,\n    label: 'Debug overlay',\n    space: 'screen',\n    alwaysOn: true,\n    draw: (_data, view, dims) => {\n      if (config.fps) {\n        fpsHistory.push(typeof performance !== 'undefined' ? performance.now() : Date.now());\n        if (fpsHistory.length > FPS_WINDOW) fpsHistory.shift();\n      } else if (fpsHistory.length > 0) {\n        fpsHistory.length = 0;\n      }\n      return buildDebugOverlayCommands(sink.snapshot(), config, view, dims, fpsHistory);\n    },\n  };\n}\n\n/**\n * The debug overlay's draw commands for one snapshot, in screen space (CSS\n * pixels of a `dims`-sized canvas looking through `view`). What the overlay\n * layer paints each frame, and what `renderDebugSnapshot` rasterizes.\n *\n * `frameTimes` are `performance.now()` stamps of recent paints, oldest first;\n * the frame panel derives its rate from them and shows none without two.\n */\nexport function buildDebugOverlayCommands(\n  snapshot: DebugSnapshot,\n  config: DebugConfig,\n  view: View,\n  dims: Dims,\n  frameTimes: readonly number[] = [],\n): DrawCommand[] {\n  const theme: DebugTheme = { ...DEFAULT_DEBUG_THEME, ...(config.theme ?? {}) };\n  const strokes: DebugStrokes = { ...DEFAULT_DEBUG_STROKES, ...(config.strokes ?? {}) };\n  const s = snapshot;\n  const t = viewToTransform(view);\n  const out: DrawCommand[] = [];\n\n  if (config.viewport && s.viewport) emitViewport(out, s.viewport, view, dims, theme, strokes);\n  if (config.hitboxes) emitHitboxes(out, s, view, t, theme, strokes);\n  if (config.bounds) emitBounds(out, s, view, t, theme, strokes);\n  if (config.handles) emitHandles(out, s, t, theme, strokes);\n  if (config.origins) emitOrigins(out, s, t, theme);\n  if (config.snap) emitSnap(out, s, t, theme, strokes);\n  if (config.ids) emitIds(out, s, t, theme);\n  if (config.layers) emitLayersPanel(out, s, dims, theme);\n  if (config.fps) emitFramePanel(out, frameTimes, s.frame, theme);\n  return out;\n}\n\n// --- emitters (screen-space) ---\n\nfunction approxCircleScreen(cx: number, cy: number, r: number, segments = 24): PolygonPath {\n  return approxEllipseScreen(cx, cy, r, r, segments);\n}\n\nfunction approxEllipseScreen(cx: number, cy: number, rx: number, ry: number, segments = 24): PolygonPath {\n  // Commands: M + (segments-1) L + Z. Coords: (segments) × 2 — pairs for\n  // the moveTo and the (segments-1) lineTos. PATH_Z consumes no coords.\n  const cmds = new Uint8Array(segments + 1);\n  const coords = new Float32Array(segments * 2);\n  cmds[0] = PATH_M;\n  coords[0] = cx + rx;\n  coords[1] = cy;\n  for (let i = 1; i < segments; i++) {\n    cmds[i] = PATH_L;\n    const theta = (i / segments) * Math.PI * 2;\n    coords[i * 2] = cx + rx * Math.cos(theta);\n    coords[i * 2 + 1] = cy + ry * Math.sin(theta);\n  }\n  cmds[segments] = PATH_Z;\n  return { kind: 'polygon', commands: cmds, coords, fillRule: 'nonzero' };\n}\n\n/** A world rect turned `rotation` about its center, as the screen quad it\n *  lands on. */\nfunction rotatedRectScreen(\n  r: { x: number; y: number; width: number; height: number; rotation: number },\n  t: ReturnType<typeof viewToTransform>,\n): PolygonPath {\n  const cx = r.x + r.width / 2, cy = r.y + r.height / 2;\n  const coords = new Float32Array(8);\n  const corners = [[r.x, r.y], [r.x + r.width, r.y], [r.x + r.width, r.y + r.height], [r.x, r.y + r.height]];\n  corners.forEach(([x, y], i) => {\n    const w = rotatePoint(x, y, cx, cy, r.rotation);\n    const [sx, sy] = worldToScreen(w.x, w.y, t);\n    coords[i * 2] = sx;\n    coords[i * 2 + 1] = sy;\n  });\n  return {\n    kind: 'polygon',\n    commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n    coords,\n    fillRule: 'nonzero',\n  };\n}\n\nfunction rectPath(x: number, y: number, w: number, h: number): { kind: 'rect'; x: number; y: number; width: number; height: number } {\n  return { kind: 'rect', x, y, width: w, height: h };\n}\n\n/** A `DebugStroke` + color as the renderer's stroke shape. `dash` is dropped\n *  when empty rather than passed through, so a solid line stays solid. */\nfunction strokeOf(s: DebugStroke, color: string) {\n  return {\n    paint: { kind: 'solid' as const, color },\n    width: s.width,\n    ...(s.dash && s.dash.length > 0 ? { dash: [...s.dash] } : {}),\n  };\n}\n\nfunction emitHitboxes(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  view: View,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const fill = { kind: 'solid' as const, color: theme.hitboxFill };\n  const stroke = strokeOf(strokes.hitbox, theme.hitboxStroke);\n  for (const h of s.hitboxes) {\n    if (h.shape.kind === 'rect' && h.shape.rotation) {\n      const path = rotatedRectScreen({ ...h.shape, rotation: h.shape.rotation }, t);\n      out.push({ kind: 'path', path, fill: { paint: fill }, stroke });\n    } else if (h.shape.kind === 'rect') {\n      const [sx, sy] = worldToScreen(h.shape.x, h.shape.y, t);\n      const sw = h.shape.width * view.scale.x;\n      const sh = h.shape.height * view.scale.y;\n      out.push({ kind: 'path', path: rectPath(sx, sy, sw, sh), fill: { paint: fill }, stroke });\n    } else if (h.shape.kind === 'circle') {\n      const [cx, cy] = worldToScreen(h.shape.cx, h.shape.cy, t);\n      const rx = h.shape.r * Math.abs(view.scale.x);\n      const ry = h.shape.r * Math.abs(view.scale.y);\n      out.push({ kind: 'path', path: approxEllipseScreen(cx, cy, rx, ry), fill: { paint: fill }, stroke });\n    } else if (h.shape.kind === 'polygon' && h.shape.points.length > 2) {\n      const pts = h.shape.points;\n      const coords = new Float32Array(pts.length * 2);\n      pts.forEach((p, i) => {\n        const [sx, sy] = worldToScreen(p.x, p.y, t);\n        coords[i * 2] = sx;\n        coords[i * 2 + 1] = sy;\n      });\n      const commands = new Uint8Array(pts.length + 1).fill(PATH_L);\n      commands[0] = PATH_M;\n      commands[pts.length] = PATH_Z;\n      out.push({ kind: 'path', path: { kind: 'polygon', commands, coords, fillRule: 'nonzero' }, fill: { paint: fill }, stroke });\n    }\n    // 'path' kind: v1 punt — matches 2D behavior.\n  }\n}\n\nfunction emitBounds(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  view: View,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const stroke = strokeOf(strokes.bounds, theme.bounds);\n  for (const b of s.bounds) {\n    const [sx, sy] = worldToScreen(b.bounds.x, b.bounds.y, t);\n    const sw = b.bounds.width * view.scale.x;\n    const sh = b.bounds.height * view.scale.y;\n    out.push({ kind: 'path', path: rectPath(sx, sy, sw, sh), stroke });\n  }\n}\n\nfunction emitHandles(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const stroke = strokeOf(strokes.handle, theme.handle);\n  for (const h of s.handles) {\n    const [cx, cy] = worldToScreen(h.position.x, h.position.y, t);\n    const horiz: PolygonPath = {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L]),\n      coords: new Float32Array([cx - 4, cy, cx + 4, cy]),\n      fillRule: 'nonzero',\n    };\n    const vert: PolygonPath = {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L]),\n      coords: new Float32Array([cx, cy - 4, cx, cy + 4]),\n      fillRule: 'nonzero',\n    };\n    out.push({ kind: 'path', path: horiz, stroke });\n    out.push({ kind: 'path', path: vert, stroke });\n  }\n}\n\nfunction emitOrigins(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n): void {\n  const fill = { kind: 'solid' as const, color: theme.origin };\n  for (const o of s.origins) {\n    const [cx, cy] = worldToScreen(o.point.x, o.point.y, t);\n    out.push({ kind: 'path', path: approxCircleScreen(cx, cy, 3), fill: { paint: fill } });\n  }\n}\n\nfunction emitSnap(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const color = theme.snap;\n  for (const c of s.snap) {\n    const [cx, cy] = worldToScreen(c.point.x, c.point.y, t);\n    const cmd: PathDrawCommand = {\n      kind: 'path',\n      path: approxCircleScreen(cx, cy, 4),\n      ...(c.accepted\n        ? { fill: { paint: { kind: 'solid' as const, color } } }\n        : { stroke: strokeOf(strokes.snap, color) }),\n    };\n    out.push(cmd);\n  }\n}\n\nfunction emitIds(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n): void {\n  // Pulls from the bounds stream — every consumer that records bounds\n  // (selection overlay's handle math, the kit's per-node debug shim) gets\n  // an id label for free.\n  for (const b of s.bounds) {\n    const [sx, sy] = worldToScreen(b.bounds.x, b.bounds.y, t);\n    out.push(textCommandFromRuns(\n      sx + 2,\n      sy + 11,\n      [{ text: b.id, fill: { paint: { kind: 'solid', color: theme.idText } } }],\n      { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 10 },\n    ));\n  }\n}\n\nfunction emitLayersPanel(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  dims: Dims,\n  theme: DebugTheme,\n): void {\n  if (s.layers.length === 0) return;\n  const lineH = 14;\n  const padX = 6;\n  const padY = 4;\n  const lines = s.layers.map((l) => `[${l.index}] ${l.id} (${l.space})`);\n  // Approximate width: 11px font, monospaced — assume each glyph ≈6.6px.\n  // 2D path uses ctx.measureText; we don't have a ctx here, so fall back\n  // to a character-count estimate. Pixel-level accuracy is not load-bearing\n  // for a debug panel; right-edge anchoring stays correct.\n  const charW = 6.6;\n  let maxW = 0;\n  for (const line of lines) maxW = Math.max(maxW, line.length * charW);\n  const boxW = maxW + padX * 2;\n  const boxH = lines.length * lineH + padY * 2;\n  const x = dims.width - boxW - 8;\n  const y = 8;\n  out.push({\n    kind: 'path',\n    path: rectPath(x, y, boxW, boxH),\n    fill: { paint: { kind: 'solid', color: theme.layerTextBg } },\n  });\n  for (let i = 0; i < lines.length; i++) {\n    out.push(textCommandFromRuns(\n      x + padX,\n      y + padY + i * lineH,\n      [{ text: lines[i], fill: { paint: { kind: 'solid', color: theme.layerText } } }],\n      { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 11 },\n    ));\n  }\n}\n\nconst MONO = { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 11 };\nconst MONO_CHAR_W = 6.6;\nconst LINE_H = 14;\n\n/** A dark box holding monospace lines, at `(x, y)`; `y < 0` anchors its bottom\n *  that far above `bottom`. Width is estimated from the character count — there\n *  is no text measurer here, and a debug panel does not need one. */\nfunction emitTextPanel(\n  out: DrawCommand[],\n  lines: readonly string[],\n  x: number,\n  y: number,\n  color: string,\n  bg: string,\n): void {\n  const padX = 6;\n  const padY = 4;\n  let maxLen = 0;\n  for (const l of lines) maxLen = Math.max(maxLen, l.length);\n  out.push({\n    kind: 'path',\n    path: rectPath(x, y, maxLen * MONO_CHAR_W + padX * 2, lines.length * LINE_H + padY * 2),\n    fill: { paint: { kind: 'solid', color: bg } },\n  });\n  for (let i = 0; i < lines.length; i++) {\n    out.push(textCommandFromRuns(\n      x + padX,\n      y + padY + i * LINE_H,\n      [{ text: lines[i], fill: { paint: { kind: 'solid', color } } }],\n      MONO,\n    ));\n  }\n}\n\n/** Fixed-width number, right-aligned, `decimals` places: `%{width}.{decimals}f`. */\nfunction fixed(v: number, width: number, decimals: number): string {\n  return v.toFixed(decimals).padStart(width);\n}\n\nfunction emitFramePanel(\n  out: DrawCommand[],\n  history: readonly number[],\n  frame: FrameStats | null,\n  theme: DebugTheme,\n): void {\n  const span = history.length >= 2 ? history[history.length - 1] - history[0] : 0;\n  const interval = span > 0 ? span / (history.length - 1) : null;\n  // Columns: label, draw-call count, value, unit — every row the same width,\n  // so decimals line up down the panel.\n  const rows: [label: string, count: number | null, value: number | null, unit: string][] = [\n    ['fps', null, interval ? 1000 / interval : null, '  '],\n    ['frame', null, interval, 'ms'],\n  ];\n  if (frame) {\n    rows.push(['paint', frame.drawCalls, frame.paintMs, 'ms']);\n    for (const l of frame.layers) rows.push([l.id, l.drawCalls, l.ms, 'ms']);\n  }\n  let labelW = 0;\n  for (const [label] of rows) labelW = Math.max(labelW, label.length);\n  const line = (label: string, count: string, value: string, unit: string) =>\n    `${label.padEnd(labelW)} ${count.padStart(5)} ${value.padStart(7)} ${unit}`;\n  const lines = rows.map(([label, count, value, unit]) =>\n    line(label, count === null ? '' : String(count), value === null ? '—' : fixed(value, 7, 2), unit));\n  if (frame) lines.splice(2, 0, line('', 'draws', 'cpu', '  '));\n  emitTextPanel(out, lines, 8, 8, theme.fpsText, theme.fpsTextBg);\n}\n\nfunction emitViewport(\n  out: DrawCommand[],\n  rec: RecordedViewport,\n  view: View,\n  dims: Dims,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const t = viewToTransform(view);\n  const stroke = strokeOf(strokes.viewport, theme.viewport);\n  // Where the viewport the gesture started from sits in the current camera.\n  const { from, to } = rec;\n  const [fx, fy] = worldToScreen(from.x, from.y, t);\n  out.push({\n    kind: 'path',\n    path: rectPath(fx, fy, (dims.width / from.scale.x) * view.scale.x, (dims.height / from.scale.y) * view.scale.y),\n    stroke,\n  });\n  if (rec.anchor) {\n    const [ax0, ay0] = worldToScreen(rec.anchor.x, rec.anchor.y, viewToTransform(from));\n    const [ax1, ay1] = worldToScreen(rec.anchor.x, rec.anchor.y, t);\n    out.push({ kind: 'path', path: approxCircleScreen(ax0, ay0, 2.5), fill: { paint: { kind: 'solid', color: theme.viewport } } });\n    if (Math.hypot(ax1 - ax0, ay1 - ay0) > 0.5) {\n      out.push({ kind: 'path', path: segment(ax0, ay0, ax1, ay1), stroke });\n    }\n    out.push({ kind: 'path', path: approxCircleScreen(ax1, ay1, 6), stroke: strokeOf({ width: strokes.viewport.width }, theme.viewport) });\n  }\n  const text = rec.kind === 'pan'\n    ? `pan   Δ ${signed((from.x - to.x) * to.scale.x)} ${signed((from.y - to.y) * to.scale.y)} px`\n    : `zoom  ×${(to.scale.x / from.scale.x).toFixed(3)}  ${from.scale.x.toFixed(3)} → ${to.scale.x.toFixed(3)}`;\n  emitTextPanel(out, [text], 8, dims.height - LINE_H - 16, theme.viewport, theme.layerTextBg);\n}\n\nfunction signed(v: number): string {\n  const r = Math.abs(v) < 0.05 ? 0 : v;\n  return `${r >= 0 ? '+' : '-'}${Math.abs(r).toFixed(1)}`.padStart(8);\n}\n\nfunction segment(x0: number, y0: number, x1: number, y1: number): PolygonPath {\n  return {\n    kind: 'polygon',\n    commands: new Uint8Array([PATH_M, PATH_L]),\n    coords: new Float32Array([x0, y0, x1, y1]),\n    fillRule: 'nonzero',\n  };\n}\n"],"mappings":"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"}

package/dist/debug/createDebugSink.js.map

@@ -1 +1 @@
-{"version":3,"file":"createDebugSink.js","names":["createDebugSink","snap","config","anchor","stats"],"sources":["../../src/debug/createDebugSink.ts"],"sourcesContent":["import type {\n  CanvasDebugSink,\n  DebugConfig,\n  DebugSnapshot,\n  HandleKind,\n  HitShape,\n} from './types';\n\n/**\n * Build a sink that stores recorded primitives in arrays keyed by feature.\n * Each `recordX` method checks the matching flag in `config` first — when\n * the feature is off, the call no-ops, so callers can record unconditionally\n * without an extra check.\n *\n * `beginFrame()` clears every per-frame array. `clearSnap()` clears the snap\n * array. Snap, the latest viewport record and the last frame's stats survive\n * across frames.\n *\n * `snapshot()` returns live references — no copy. The overlay layer reads\n * these in the same render frame.\n */\nexport function createDebugSink(config: DebugConfig): CanvasDebugSink {\n  const snap: DebugSnapshot = {\n    hitboxes: [],\n    handles: [],\n    bounds: [],\n    origins: [],\n    snap: [],\n    layers: [],\n    viewport: null,\n    frame: null,\n  };\n  return {\n    recordHitbox(id, kind, shape: HitShape) {\n      if (!config.hitboxes) return;\n      snap.hitboxes.push({ id, kind, shape });\n    },\n    recordHandle(id, position, kind: HandleKind) {\n      if (!config.handles) return;\n      snap.handles.push({ id, position, kind });\n    },\n    recordBounds(id, bounds) {\n      if (!config.bounds) return;\n      snap.bounds.push({ id, bounds });\n    },\n    recordOrigin(id, point) {\n      if (!config.origins) return;\n      snap.origins.push({ id, point });\n    },\n    recordSnapCandidate(point, accepted) {\n      if (!config.snap) return;\n      snap.snap.push({ point, accepted });\n    },\n    recordLayer(id, label, space, index) {\n      if (!config.layers) return;\n      snap.layers.push({ id, label, space, index });\n    },\n    recordViewport(kind, from, to, anchor) {\n      if (!config.viewport) return;\n      snap.viewport = anchor ? { kind, from, to, anchor } : { kind, from, to };\n    },\n    recordFrame(stats) {\n      if (!config.fps) return;\n      snap.frame = stats;\n    },\n    beginFrame() {\n      snap.hitboxes.length = 0;\n      snap.handles.length = 0;\n      snap.bounds.length = 0;\n      snap.origins.length = 0;\n      snap.layers.length = 0;\n    },\n    clearSnap() {\n      snap.snap.length = 0;\n    },\n    snapshot() {\n      return snap;\n    },\n  };\n}\n"],"mappings":";AAqBA,SAAgBA,EAAgB,GAAsC;CACpE,IAAMC,IAAsB;EAC1B,UAAU,CAAC;EACX,SAAS,CAAC;EACV,QAAQ,CAAC;EACT,SAAS,CAAC;EACV,MAAM,CAAC;EACP,QAAQ,CAAC;EACT,UAAU;EACV,OAAO;CACT;CACA,OAAO;EACL,aAAa,GAAI,GAAM,GAAiB;GACtC,AAAKC,EAAO,YACZD,EAAK,SAAS,KAAK;IAAE;IAAI;IAAM;GAAM,CAAC;EACxC;EACA,aAAa,GAAI,GAAU,GAAkB;GAC3C,AAAKC,EAAO,WACZD,EAAK,QAAQ,KAAK;IAAE;IAAI;IAAU;GAAK,CAAC;EAC1C;EACA,aAAa,GAAI,GAAQ;GACvB,AAAKC,EAAO,UACZD,EAAK,OAAO,KAAK;IAAE;IAAI;GAAO,CAAC;EACjC;EACA,aAAa,GAAI,GAAO;GACtB,AAAKC,EAAO,WACZD,EAAK,QAAQ,KAAK;IAAE;IAAI;GAAM,CAAC;EACjC;EACA,oBAAoB,GAAO,GAAU;GACnC,AAAKC,EAAO,QACZD,EAAK,KAAK,KAAK;IAAE;IAAO;GAAS,CAAC;EACpC;EACA,YAAY,GAAI,GAAO,GAAO,GAAO;GACnC,AAAKC,EAAO,UACZD,EAAK,OAAO,KAAK;IAAE;IAAI;IAAO;IAAO;GAAM,CAAC;EAC9C;EACA,eAAe,GAAM,GAAM,GAAI,GAAQ;GACrC,AAAKC,EAAO,aACZ,EAAK,WAAWC,IAAS;IAAE;IAAM;IAAM;IAAI;GAAO,IAAI;IAAE;IAAM;IAAM;GAAG;EACzE;EACA,YAAY,GAAO;GACjB,AAAKD,EAAO,QACZ,EAAK,QAAQE;EACf;EACA,aAAa;GAKX,AAJA,EAAK,SAAS,SAAS,GACvB,EAAK,QAAQ,SAAS,GACtB,EAAK,OAAO,SAAS,GACrB,EAAK,QAAQ,SAAS,GACtB,EAAK,OAAO,SAAS;EACvB;EACA,YAAY;GACV,EAAK,KAAK,SAAS;EACrB;EACA,WAAW;GACT,OAAOH;EACT;CACF;AACF"}
+{"version":3,"file":"createDebugSink.js","names":["createDebugSink","snap","config","anchor","stats"],"sources":["../../src/debug/createDebugSink.ts"],"sourcesContent":["import type {\n  CanvasDebugSink,\n  DebugConfig,\n  DebugSnapshot,\n  HandleKind,\n  HitShape,\n} from './types';\n\n/**\n * Build a sink that stores recorded primitives in arrays keyed by feature.\n * A `recordX` call no-ops when its flag in `config` is off, so callers can\n * record unconditionally.\n *\n * `beginFrame()` clears every per-frame array. Snap, the latest viewport\n * record, and the last frame's stats survive across frames. `snapshot()`\n * returns live references — no copy.\n */\nexport function createDebugSink(config: DebugConfig): CanvasDebugSink {\n  const snap: DebugSnapshot = {\n    hitboxes: [],\n    handles: [],\n    bounds: [],\n    origins: [],\n    snap: [],\n    layers: [],\n    viewport: null,\n    frame: null,\n  };\n  return {\n    recordHitbox(id, kind, shape: HitShape) {\n      if (!config.hitboxes) return;\n      snap.hitboxes.push({ id, kind, shape });\n    },\n    recordHandle(id, position, kind: HandleKind) {\n      if (!config.handles) return;\n      snap.handles.push({ id, position, kind });\n    },\n    recordBounds(id, bounds) {\n      if (!config.bounds) return;\n      snap.bounds.push({ id, bounds });\n    },\n    recordOrigin(id, point) {\n      if (!config.origins) return;\n      snap.origins.push({ id, point });\n    },\n    recordSnapCandidate(point, accepted) {\n      if (!config.snap) return;\n      snap.snap.push({ point, accepted });\n    },\n    recordLayer(id, label, space, index) {\n      if (!config.layers) return;\n      snap.layers.push({ id, label, space, index });\n    },\n    recordViewport(kind, from, to, anchor) {\n      if (!config.viewport) return;\n      snap.viewport = anchor ? { kind, from, to, anchor } : { kind, from, to };\n    },\n    recordFrame(stats) {\n      if (!config.fps) return;\n      snap.frame = stats;\n    },\n    beginFrame() {\n      snap.hitboxes.length = 0;\n      snap.handles.length = 0;\n      snap.bounds.length = 0;\n      snap.origins.length = 0;\n      snap.layers.length = 0;\n    },\n    clearSnap() {\n      snap.snap.length = 0;\n    },\n    snapshot() {\n      return snap;\n    },\n  };\n}\n"],"mappings":";AAiBA,SAAgBA,EAAgB,GAAsC;CACpE,IAAMC,IAAsB;EAC1B,UAAU,CAAC;EACX,SAAS,CAAC;EACV,QAAQ,CAAC;EACT,SAAS,CAAC;EACV,MAAM,CAAC;EACP,QAAQ,CAAC;EACT,UAAU;EACV,OAAO;CACT;CACA,OAAO;EACL,aAAa,GAAI,GAAM,GAAiB;GACtC,AAAKC,EAAO,YACZD,EAAK,SAAS,KAAK;IAAE;IAAI;IAAM;GAAM,CAAC;EACxC;EACA,aAAa,GAAI,GAAU,GAAkB;GAC3C,AAAKC,EAAO,WACZD,EAAK,QAAQ,KAAK;IAAE;IAAI;IAAU;GAAK,CAAC;EAC1C;EACA,aAAa,GAAI,GAAQ;GACvB,AAAKC,EAAO,UACZD,EAAK,OAAO,KAAK;IAAE;IAAI;GAAO,CAAC;EACjC;EACA,aAAa,GAAI,GAAO;GACtB,AAAKC,EAAO,WACZD,EAAK,QAAQ,KAAK;IAAE;IAAI;GAAM,CAAC;EACjC;EACA,oBAAoB,GAAO,GAAU;GACnC,AAAKC,EAAO,QACZD,EAAK,KAAK,KAAK;IAAE;IAAO;GAAS,CAAC;EACpC;EACA,YAAY,GAAI,GAAO,GAAO,GAAO;GACnC,AAAKC,EAAO,UACZD,EAAK,OAAO,KAAK;IAAE;IAAI;IAAO;IAAO;GAAM,CAAC;EAC9C;EACA,eAAe,GAAM,GAAM,GAAI,GAAQ;GACrC,AAAKC,EAAO,aACZ,EAAK,WAAWC,IAAS;IAAE;IAAM;IAAM;IAAI;GAAO,IAAI;IAAE;IAAM;IAAM;GAAG;EACzE;EACA,YAAY,GAAO;GACjB,AAAKD,EAAO,QACZ,EAAK,QAAQE;EACf;EACA,aAAa;GAKX,AAJA,EAAK,SAAS,SAAS,GACvB,EAAK,QAAQ,SAAS,GACtB,EAAK,OAAO,SAAS,GACrB,EAAK,QAAQ,SAAS,GACtB,EAAK,OAAO,SAAS;EACvB;EACA,YAAY;GACV,EAAK,KAAK,SAAS;EACrB;EACA,WAAW;GACT,OAAOH;EACT;CACF;AACF"}

package/dist/debug/frameStats.js.map

@@ -1 +1 @@
-{"version":3,"file":"frameStats.js","names":["frameStatsOf","render","layers","l","i"],"sources":["../../src/debug/frameStats.ts"],"sourcesContent":["import type { LayerDrawSpan } from 'core/layers/render';\nimport type { RenderStats } from '../renderer/WeaselRenderer';\nimport type { FrameStats } from './types';\n\n/** One paint's {@link FrameStats}: each layer's build time from `drawLayers`\n *  joined with its dispatch cost from the renderer, span for span. */\nexport function frameStatsOf(layers: readonly LayerDrawSpan[], render: RenderStats, paintMs: number): FrameStats {\n  return {\n    paintMs,\n    drawCalls: render.drawCalls,\n    layers: layers.map((l, i) => ({\n      id: l.id,\n      drawCalls: render.spans[i]?.drawCalls ?? 0,\n      ms: l.buildMs + (render.spans[i]?.ms ?? 0),\n    })),\n  };\n}\n"],"mappings":";AAMA,SAAgBA,EAAa,GAAkC,GAAqB,GAA6B;CAC/G,OAAO;EACL;EACA,WAAWC,EAAO;EAClB,QAAQC,EAAO,KAAK,GAAG,OAAO;GAC5B,IAAIC,EAAE;GACN,WAAWF,EAAO,MAAMG,EAAE,EAAE,aAAa;GACzC,IAAID,EAAE,WAAWF,EAAO,MAAMG,EAAE,EAAE,MAAM;EAC1C,EAAE;CACJ;AACF"}
+{"version":3,"file":"frameStats.js","names":["frameStatsOf","render","layers","l","i"],"sources":["../../src/debug/frameStats.ts"],"sourcesContent":["import type { LayerDrawSpan } from 'core/layers/render';\nimport type { RenderStats } from '@weasel-js/renderer';\nimport type { FrameStats } from './types';\n\n/** One paint's {@link FrameStats}: each layer's build time from `drawLayers`\n *  joined with its dispatch cost from the renderer, span for span. */\nexport function frameStatsOf(layers: readonly LayerDrawSpan[], render: RenderStats, paintMs: number): FrameStats {\n  return {\n    paintMs,\n    drawCalls: render.drawCalls,\n    layers: layers.map((l, i) => ({\n      id: l.id,\n      drawCalls: render.spans[i]?.drawCalls ?? 0,\n      ms: l.buildMs + (render.spans[i]?.ms ?? 0),\n    })),\n  };\n}\n"],"mappings":";AAMA,SAAgBA,EAAa,GAAkC,GAAqB,GAA6B;CAC/G,OAAO;EACL;EACA,WAAWC,EAAO;EAClB,QAAQC,EAAO,KAAK,GAAG,OAAO;GAC5B,IAAIC,EAAE;GACN,WAAWF,EAAO,MAAMG,EAAE,EAAE,aAAa;GACzC,IAAID,EAAE,WAAWF,EAAO,MAAMG,EAAE,EAAE,MAAM;EAC1C,EAAE;CACJ;AACF"}

package/dist/debug/useDebugSink.js

@@ -0,0 +1,52 @@
+import { DEBUG_OVERLAY_ID as e, createDebugOverlayLayer as t } from "./createDebugOverlayLayer.js";
+import { parseDebugFlags as n } from "./parseDebugFlags.js";
+import { createDebugSink as r } from "./createDebugSink.js";
+import { frameStatsOf as i } from "./frameStats.js";
+import { useCallback as a, useMemo as o } from "react";
+import { useLatest as s } from "@weasel-js/react";
+//#region src/debug/useDebugSink.ts
+var c = {
+	sink: null,
+	overlay: null,
+	frameStats: !1
+};
+function l(e) {
+	let i = e === void 0 ? void 0 : JSON.stringify(e), l = o(() => {
+		let e = i === void 0 ? typeof window > "u" ? null : n(window.location.search) : JSON.parse(i) || null;
+		if (!e) return c;
+		let a = r(e);
+		return {
+			sink: a,
+			overlay: t({
+				sink: a,
+				config: e
+			}),
+			frameStats: e.fps === !0
+		};
+	}, [i]), u = s(l.sink), d = a(() => u.current, [u]);
+	return {
+		...l,
+		getDebug: d
+	};
+}
+function u(t, n, r) {
+	if (!t) return null;
+	t.beginFrame();
+	for (let n = 0; n < r.length; n++) {
+		let i = r[n];
+		i.id !== e && t.recordLayer(i.id, i.label, i.space ?? "world", n);
+	}
+	let a, o = 0;
+	return {
+		time: () => {
+			if (n) return a = [], o = performance.now(), a;
+		},
+		end: (e) => {
+			a && t.recordFrame(i(a, e, performance.now() - o));
+		}
+	};
+}
+//#endregion
+export { u as beginDebugFrame, l as useDebugSink };
+
+//# sourceMappingURL=useDebugSink.js.map

package/dist/debug/useDebugSink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebugSink.js","names":["OFF","useDebugSink","key","debug","state","useMemo","config","parseDebugFlags","sink","createDebugSink","createDebugOverlayLayer","committed","useLatest","getDebug","useCallback","beginDebugFrame","i","layers","layer","DEBUG_OVERLAY_ID","spans","startedAt","frameStats","frameStatsOf","render"],"sources":["../../src/debug/useDebugSink.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { RenderStats } from '@weasel-js/renderer';\nimport type { LayerDrawSpan, RenderLayer } from 'core/layers/render';\nimport type { CanvasDebugSink, DebugConfig } from './types';\nimport { parseDebugFlags } from './parseDebugFlags';\nimport { createDebugSink } from './createDebugSink';\nimport { createDebugOverlayLayer, DEBUG_OVERLAY_ID } from './createDebugOverlayLayer';\nimport { frameStatsOf } from './frameStats';\n\n/** A surface's debug state for one resolved config. */\nexport interface SurfaceDebug {\n  /** Null when debugging is off. */\n  sink: CanvasDebugSink | null;\n  /** The layer that paints the sink, for the top of the surface's stack. */\n  overlay: RenderLayer<unknown> | null;\n  /** Whether a paint should time itself for the frame panel. */\n  frameStats: boolean;\n  /** The sink of the last committed render. Stable. */\n  getDebug: () => CanvasDebugSink | null;\n}\n\nconst OFF = { sink: null, overlay: null, frameStats: false };\n\n/**\n * Resolve a surface's `debug` prop and hold what it turns on. `undefined`\n * reads `?debug=…` from the URL, `false` forces it off, and a config forces it\n * on. Keyed on the config's content, so one written inline keeps its sink, and\n * what the sink and the overlay have accumulated, from render to render.\n */\nexport function useDebugSink(debug: DebugConfig | false | undefined): SurfaceDebug {\n  const key = debug === undefined ? undefined : JSON.stringify(debug);\n  const state = useMemo(() => {\n    const config = key !== undefined\n      ? (JSON.parse(key) as DebugConfig | false) || null\n      : typeof window === 'undefined' ? null : parseDebugFlags(window.location.search);\n    if (!config) return OFF;\n    const sink = createDebugSink(config);\n    return { sink, overlay: createDebugOverlayLayer({ sink, config }), frameStats: config.fps === true };\n  }, [key]);\n  const committed = useLatest(state.sink);\n  const getDebug = useCallback(() => committed.current, [committed]);\n  return { ...state, getDebug };\n}\n\n/** One paint's recording, from {@link beginDebugFrame}. */\nexport interface DebugFrame {\n  /** Start the paint clock. Returns the list `drawLayers` fills, or\n   *  `undefined` when the frame panel is off and nothing is timed. */\n  time(): LayerDrawSpan[] | undefined;\n  /** Record what the timed paint cost. A no-op unless `time` was called. */\n  end(render: RenderStats): void;\n}\n\n/**\n * Open a paint's recording: clear the sink's per-frame records and note the\n * stack about to be drawn, bottom first. Returns `null` with no sink.\n */\nexport function beginDebugFrame(\n  sink: CanvasDebugSink | null,\n  frameStats: boolean,\n  layers: readonly RenderLayer<unknown>[],\n): DebugFrame | null {\n  if (!sink) return null;\n  sink.beginFrame();\n  for (let i = 0; i < layers.length; i++) {\n    const layer = layers[i]!;\n    if (layer.id === DEBUG_OVERLAY_ID) continue;\n    sink.recordLayer(layer.id, layer.label, layer.space ?? 'world', i);\n  }\n  let spans: LayerDrawSpan[] | undefined;\n  let startedAt = 0;\n  return {\n    time: () => {\n      if (!frameStats) return undefined;\n      spans = [];\n      startedAt = performance.now();\n      return spans;\n    },\n    end: (render) => {\n      if (spans) sink.recordFrame(frameStatsOf(spans, render, performance.now() - startedAt));\n    },\n  };\n}\n"],"mappings":";;;;;;;AAsBA,IAAMA,IAAM;CAAE,MAAM;CAAM,SAAS;CAAM,YAAY;AAAM;AAQ3D,SAAgBC,EAAa,GAAsD;CACjF,IAAMC,IAAMC,MAAU,KAAA,IAAY,KAAA,IAAY,KAAK,UAAUA,CAAK,GAC5DC,IAAQC,QAAc;EAC1B,IAAMC,IAASJ,MAAQ,KAAA,IAEnB,OAAO,SAAW,MAAc,OAAOK,EAAgB,OAAO,SAAS,MAAM,IAD5E,KAAK,MAAML,CAAG,KAA6B;EAEhD,IAAI,CAACI,GAAQ,OAAON;EACpB,IAAMQ,IAAOC,EAAgBH,CAAM;EACnC,OAAO;GAAE;GAAM,SAASI,EAAwB;IAAE;IAAM;GAAO,CAAC;GAAG,YAAYJ,EAAO,QAAQ;EAAK;CACrG,GAAG,CAACJ,CAAG,CAAC,GACFS,IAAYC,EAAUR,EAAM,IAAI,GAChCS,IAAWC,QAAkBH,EAAU,SAAS,CAACA,CAAS,CAAC;CACjE,OAAO;EAAE,GAAGP;EAAO;CAAS;AAC9B;AAeA,SAAgBW,EACd,GACA,GACA,GACmB;CACnB,IAAI,CAACP,GAAM,OAAO;CAClB,EAAK,WAAW;CAChB,KAAK,IAAIQ,IAAI,GAAGA,IAAIC,EAAO,QAAQ,KAAK;EACtC,IAAMC,IAAQD,EAAOD;EACrB,AAAIE,EAAM,OAAOC,KACjBX,EAAK,YAAYU,EAAM,IAAIA,EAAM,OAAOA,EAAM,SAAS,SAASF,CAAC;CACnE;CACA,IAAII,GACAC,IAAY;CAChB,OAAO;EACL,YAAY;GACV,IAAKC,GAGL,OAFA,IAAQ,CAAC,GACT,IAAY,YAAY,IAAI,GACrBF;EACT;EACA,MAAM,MAAW;GACf,AAAIA,KAAOZ,EAAK,YAAYe,EAAaH,GAAOI,GAAQ,YAAY,IAAI,IAAIH,CAAS,CAAC;EACxF;CACF;AACF"}

package/dist/features/chrome-caps/buildChromeCtx.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildChromeCtx.js","names":["buildChromeCtx","args"],"sources":["../../../src/features/chrome-caps/buildChromeCtx.ts"],"sourcesContent":["/**\n * Pure assembler for {@link ChromeCtx}.\n *\n * Called once per frame on the rendering side from whichever surface\n * needs to evaluate visibility rules — `composeAffordanceLayer`,\n * `createSelectionOverlayLayer`, the dispatcher overlay layer, etc.\n *\n * Sources are passed as plain getters / values rather than the live\n * objects they come from. This keeps `chrome-caps` from depending on\n * React, the dispatcher's concrete type, or `ChromeState`'s bounds\n * machinery — the same builder works from a test harness, a forge\n * story, or `<SceneCanvas>`.\n */\n\nimport type { NodeId } from '../../core/scene/types';\nimport type { ModifierState } from '../../interactions/gestures/types';\nimport type { View } from '../../core/viewport/view';\nimport type { ChromeCtx } from './types';\n\n/** The pieces of live canvas state a `ChromeCtx` is assembled from. */\nexport interface BuildChromeCtxArgs {\n  focused: boolean;\n  selection: readonly NodeId[];\n  multiActive: boolean;\n  modifiers: ModifierState;\n  action: { kind: string | null; id: string | null };\n  hover: NodeId | null;\n  view: View;\n}\n\n/** Gather the current canvas state into the context that chrome-visibility\n *  rules are evaluated against. Rebuilt per frame. */\nexport function buildChromeCtx(args: BuildChromeCtxArgs): ChromeCtx {\n  return {\n    focused: args.focused,\n    selection: args.selection,\n    multiActive: args.multiActive,\n    modifiers: args.modifiers,\n    action: args.action,\n    hover: args.hover,\n    view: args.view,\n  };\n}\n"],"mappings":";AAgCA,SAAgBA,EAAe,GAAqC;CAClE,OAAO;EACL,SAASC,EAAK;EACd,WAAWA,EAAK;EAChB,aAAaA,EAAK;EAClB,WAAWA,EAAK;EAChB,QAAQA,EAAK;EACb,OAAOA,EAAK;EACZ,MAAMA,EAAK;CACb;AACF"}
+{"version":3,"file":"buildChromeCtx.js","names":["buildChromeCtx","args"],"sources":["../../../src/features/chrome-caps/buildChromeCtx.ts"],"sourcesContent":["/**\n * Pure assembler for {@link ChromeCtx}. Sources are passed as plain values\n * rather than the live objects they come from, which keeps `chrome-caps`\n * from depending on React or the dispatcher's concrete type.\n */\n\nimport type { NodeId } from '../../core/scene/types';\nimport type { ModifierState } from '../../interactions/gestures/types';\nimport type { View } from '../../core/viewport/view';\nimport type { ChromeCtx } from './types';\n\n/** The pieces of live canvas state a `ChromeCtx` is assembled from. */\nexport interface BuildChromeCtxArgs {\n  focused: boolean;\n  selection: readonly NodeId[];\n  multiActive: boolean;\n  modifiers: ModifierState;\n  action: { kind: string | null; id: string | null };\n  hover: NodeId | null;\n  view: View;\n}\n\n/** Gather the current canvas state into the context that chrome-visibility\n *  rules are evaluated against. Rebuilt per frame. */\nexport function buildChromeCtx(args: BuildChromeCtxArgs): ChromeCtx {\n  return {\n    focused: args.focused,\n    selection: args.selection,\n    multiActive: args.multiActive,\n    modifiers: args.modifiers,\n    action: args.action,\n    hover: args.hover,\n    view: args.view,\n  };\n}\n"],"mappings":";AAwBA,SAAgBA,EAAe,GAAqC;CAClE,OAAO;EACL,SAASC,EAAK;EACd,WAAWA,EAAK;EAChB,aAAaA,EAAK;EAClB,WAAWA,EAAK;EAChB,QAAQA,EAAK;EACb,OAAOA,EAAK;EACZ,MAAMA,EAAK;CACb;AACF"}