@mathscan/geometry-engine 0.1.0

package/dist/react-BEcdx1f6.js

@@ -0,0 +1,1851 @@
+import { I as e, O as t, R as n, k as r } from "./geometryState.schema-D0ixyGYE.js";
+import { c as i, d as a, s as o } from "./goals-C3ZwbEh_.js";
+import { $ as s, C as c, E as l, H as u, I as d, N as f, O as p, P as m, Q as h, V as g, a as _, at as v, b as y, c as b, ct as x, d as S, f as C, g as w, h as T, i as E, it as D, j as O, k, l as A, m as j, n as M, nt as ee, o as N, ot as P, p as te, r as ne, st as re, t as ie, u as ae, v as F, x as oe, y as se } from "./studentStore-CEKTtMCh.js";
+import { c as ce, o as le, r as ue, s as de, t as fe, u as pe } from "./geometryAttemptStatus-5L_q6-9l.js";
+import { useEffect as I, useLayoutEffect as L, useMemo as me, useRef as R, useState as z, useSyncExternalStore as he } from "react";
+import { Arc as ge, Circle as B, Ellipse as _e, Group as V, Layer as ve, Line as H, Rect as U, Stage as ye, Text as W } from "react-konva";
+import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
+//#region src/geometry/entityCapabilities.ts
+var be = {
+	implicit: {
+		rendered: !1,
+		selectable: !1,
+		snapTarget: !0
+	},
+	explicit: {
+		rendered: !0,
+		selectable: !0,
+		snapTarget: !0
+	}
+};
+function xe(e) {
+	return be[e];
+}
+//#endregion
+//#region src/renderer/deriveRenderableGeometry.ts
+function Se(e) {
+	let t = o(e.exercise), n = t.points, r = /* @__PURE__ */ new Map(), i = [];
+	for (let [t, a] of Object.entries(e.exercise.entities)) {
+		if (a.kind !== "point") {
+			i.push({
+				id: t,
+				definition: a
+			});
+			continue;
+		}
+		let e = n.get(t);
+		e && r.set(t, e);
+	}
+	return we(r, i, t);
+}
+function Ce(e, t) {
+	let n = a(e, t);
+	return we(n.points, [...i(e, t).values()], n);
+}
+function we(e, t, n) {
+	let r = (e) => xe(n.presentationOf(e).role);
+	return {
+		points: e,
+		objects: t,
+		capabilitiesOf: r,
+		labelOf: (e) => {
+			let t = n.presentationOf(e);
+			return t.role === "explicit" ? t.label : void 0;
+		},
+		isSnapTarget: (e) => r(e).snapTarget
+	};
+}
+//#endregion
+//#region src/renderer/useConnectionPreview.ts
+var Te = {
+	gestureFrom: null,
+	pointer: null,
+	snap: null
+};
+function Ee({ points: e, viewport: t, canvas: n, pendingObjectType: r, pendingFirstPointId: i, connect: a, pick: o, objects: c = [], isSnapTarget: l, canCreatePoints: u = !1, preserveCreatedPointOrigins: d = !0 }) {
+	let f = R(null), p = R(null), m = R(null), [g, _] = z(Te), y = r === "segment" || r === "line", b = v(t, n), S = re(32, b), C = {
+		points: e,
+		objects: c,
+		viewport: t,
+		isSnapTarget: l
+	}, w = g.snap?.kind === "point" ? g.snap.targetIds[0] ?? null : null;
+	function T() {
+		let e = f.current;
+		_(e ? {
+			gestureFrom: e.fromPoint,
+			pointer: e.pointer,
+			snap: m.current
+		} : {
+			gestureFrom: null,
+			pointer: p.current,
+			snap: m.current
+		});
+	}
+	function E(e) {
+		return x(e, t, n, b);
+	}
+	function O(t) {
+		return e.has(t) && (!l || l(t));
+	}
+	function k(e, t) {
+		return h(E(e), C, {
+			tolerance: S,
+			exclude: t?.kind === "existing" ? [t.id] : [],
+			kinds: u ? [
+				"point",
+				"intersection",
+				"onObject"
+			] : ["point"]
+		});
+	}
+	let A = (() => {
+		let a = g.gestureFrom ?? (i ? e.get(i) ?? null : null), { pointer: o } = g;
+		if (!y || !a || !o) return null;
+		let s = g.snap ? P(g.snap.position, t, n) : o;
+		if (r !== "line") {
+			let e = P(a, t, n);
+			return [
+				e.x,
+				e.y,
+				s.x,
+				s.y
+			];
+		}
+		let c = D(a, E(s), t);
+		if (!c) return null;
+		let l = P(c[0], t, n), u = P(c[1], t, n);
+		return [
+			l.x,
+			l.y,
+			u.x,
+			u.y
+		];
+	})();
+	function j(t, n) {
+		if (f.current = null, p.current = null, m.current = null, !y) return;
+		if (i) {
+			let n = {
+				kind: "existing",
+				id: i
+			};
+			f.current = {
+				from: n,
+				fromPoint: e.get(i) ?? E(t),
+				completing: !0,
+				pointer: t
+			}, m.current = k(t, n), T();
+			return;
+		}
+		let r = n && O(n) ? n : null, a = E(t), o = null;
+		if (!r && (!u || (o = h(a, C, {
+			tolerance: S,
+			kinds: [
+				"point",
+				"intersection",
+				"onObject"
+			]
+		}), o?.kind === "point" && (r = o.targetIds[0] ?? null, !r || !O(r))))) return;
+		if (r) {
+			f.current = {
+				from: {
+					kind: "existing",
+					id: r
+				},
+				fromPoint: e.get(r),
+				completing: !1,
+				pointer: null
+			};
+			return;
+		}
+		let c = o?.position ?? a, l = o && d ? s({
+			position: c,
+			snap: o
+		}) : null;
+		f.current = {
+			from: {
+				kind: "create",
+				origin: l ?? {
+					kind: "point",
+					at: c
+				}
+			},
+			fromPoint: c,
+			completing: !1,
+			pointer: null
+		};
+	}
+	function M(e) {
+		let t = f.current;
+		t && (m.current = k(e, t.from), f.current = {
+			...t,
+			pointer: e
+		}, T());
+	}
+	function ee(e) {
+		if (!f.current) {
+			if (!y || !i || !e) {
+				if (!p.current && !m.current) return;
+				p.current = null, m.current = null, T();
+				return;
+			}
+			p.current = e, m.current = k(e, {
+				kind: "existing",
+				id: i
+			}), T();
+		}
+	}
+	function N(e, t, n) {
+		let r = e ? {
+			kind: "existing",
+			id: e
+		} : u ? {
+			kind: "create",
+			origin: {
+				kind: "point",
+				at: t
+			}
+		} : null;
+		if (!n) return r;
+		if (n.kind === "point") {
+			let e = n.targetIds[0];
+			return e ? {
+				kind: "existing",
+				id: e
+			} : r;
+		}
+		if (!u) return r;
+		if (!d) return {
+			kind: "create",
+			origin: {
+				kind: "point",
+				at: n.position
+			}
+		};
+		let i = s({
+			position: n.position,
+			snap: n
+		});
+		return i ? {
+			kind: "create",
+			origin: i
+		} : r;
+	}
+	function te(e, t, n) {
+		let r = f.current;
+		if (f.current = null, m.current = null, T(), !r || !y) return !1;
+		let i = t && O(t) ? t : null;
+		if (!n) {
+			let t = r.completing ? i ?? ne(e) : r.from.kind === "existing" ? r.from.id : null;
+			return t ? (o(t), !0) : !1;
+		}
+		let s = N(i, E(e), k(e, r.from));
+		return s && a(r.from, s), !0;
+	}
+	function ne(e) {
+		let t = h(E(e), C, {
+			tolerance: S,
+			kinds: ["point"]
+		}), n = t?.kind === "point" ? t.targetIds[0] : void 0;
+		return n && O(n) ? n : null;
+	}
+	function ie() {
+		!f.current && !p.current && !m.current || (f.current = null, p.current = null, m.current = null, T());
+	}
+	return {
+		connecting: y,
+		previewPoints: A,
+		snapTargetId: y ? w : null,
+		snapPreview: y && g.snap && g.snap.kind !== "point" ? g.snap : null,
+		press: j,
+		drag: M,
+		hover: ee,
+		release: te,
+		cancel: ie
+	};
+}
+//#endregion
+//#region src/renderer/usePlacementSnap.ts
+function De({ points: e, objects: t, viewport: n, canvas: r, showGrid: i, isSnapTarget: a, active: o }) {
+	let [s, c] = z(null), l = v(n, r), u = {
+		points: e,
+		objects: t,
+		viewport: n,
+		showGrid: i,
+		isSnapTarget: a
+	}, d = { tolerance: re(24, l) };
+	function f(e) {
+		if (!o) {
+			s && c(null);
+			return;
+		}
+		c(h(x(e, n, r, l), u, d));
+	}
+	function p(e) {
+		let t = e.target.getStage()?.getPointerPosition();
+		t ? f(t) : !o && s && c(null);
+	}
+	function m() {
+		s && c(null);
+	}
+	function g(e) {
+		let t = x(e, n, r, l);
+		if (!o) return {
+			position: t,
+			snap: null
+		};
+		let i = h(t, u, d);
+		return {
+			position: i?.position ?? t,
+			snap: i
+		};
+	}
+	return {
+		snap: o ? s : null,
+		trackAt: f,
+		trackPointer: p,
+		clearPointer: m,
+		resolvePlacement: g
+	};
+}
+//#endregion
+//#region src/renderer/gesturePolicy.ts
+function Oe(e, t, n) {
+	let r = n.width > 0 && t.width / n.width || 1, i = n.height > 0 && t.height / n.height || 1;
+	return {
+		x: (e.x - t.left) / r,
+		y: (e.y - t.top) / i
+	};
+}
+function ke(e) {
+	return e === "touch" ? 8 : 4;
+}
+function Ae(e, t, n) {
+	return {
+		pointerId: e,
+		pointerType: t,
+		origin: n,
+		maxDisplacement: 0,
+		dragging: !1
+	};
+}
+function je(e, t) {
+	let n = Math.hypot(t.x - e.origin.x, t.y - e.origin.y), r = Math.max(e.maxDisplacement, n);
+	return {
+		...e,
+		maxDisplacement: r,
+		dragging: e.dragging || r >= ke(e.pointerType)
+	};
+}
+function Me(e) {
+	return e.isPrimary ? e.pointerType !== "mouse" || e.button === 0 : !1;
+}
+var Ne = {
+	touchAction: "none",
+	userSelect: "none",
+	WebkitUserSelect: "none"
+};
+function Pe(e, t) {
+	return e.x >= 0 && e.y >= 0 && e.x <= t.width && e.y <= t.height;
+}
+var Fe = "geometry-point-", Ie = "geometry-object-";
+function Le(e) {
+	return `${Fe}${e}`;
+}
+function Re(e) {
+	return `${Ie}${e}`;
+}
+function ze(e) {
+	return e.startsWith(Fe) ? {
+		kind: "point",
+		id: e.slice(15)
+	} : e.startsWith(Ie) ? {
+		kind: "object",
+		id: e.slice(16)
+	} : null;
+}
+//#endregion
+//#region src/renderer/usePointerGestures.ts
+function Be(e, t, n, r) {
+	let i = R({
+		handlers: r,
+		canvas: t,
+		store: n
+	});
+	L(() => {
+		i.current = {
+			handlers: r,
+			canvas: t,
+			store: n
+		};
+	});
+	let a = R(null), o = R(() => {}), s = R(n);
+	I(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = t.container();
+		function r(e) {
+			let n = t.content;
+			return Oe({
+				x: e.clientX,
+				y: e.clientY
+			}, n.getBoundingClientRect(), {
+				width: n.clientWidth,
+				height: n.clientHeight
+			});
+		}
+		function s(e) {
+			return {
+				x: e.clientX,
+				y: e.clientY
+			};
+		}
+		let c = /* @__PURE__ */ new Map();
+		function l(e) {
+			let n = t.getIntersection(e);
+			if (!n) return { kind: "stage" };
+			let r = ze(n.id());
+			return r?.kind === "point" && !i.current.handlers.pointOnScreen(r.id) ? { kind: "foreign" } : r ?? { kind: "foreign" };
+		}
+		function u(e) {
+			let t = l(e);
+			return t.kind === "point" ? t.id : null;
+		}
+		function d(e) {
+			if (a.current === e && (a.current = null), e.captured) try {
+				n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId);
+			} catch {}
+		}
+		function f(e) {
+			let t = a.current;
+			t && d(t);
+			let { handlers: n } = i.current;
+			n.connection.cancel(), n.placement.clearPointer(), t ? (t.role === "point" && t.dragging && t.dragFrom && t.handlers.endPointDrag(t.target.id), t.handlers.abandonConstruction()) : e !== "store-replaced" && n.abandonConstruction(), e === "escape" && n.tool && n.disarmTool();
+		}
+		o.current = f;
+		function p(e) {
+			return i.current.store !== e.store || (e.store.getState().interactionEpoch ?? 0) !== e.epoch;
+		}
+		function m(e) {
+			let t = a.current;
+			return !t || t.pointerId !== e.pointerId ? null : p(t) ? (f("invalidated"), null) : t;
+		}
+		function h(e) {
+			if (a.current || !Me(e) || c.size > 1) return;
+			let t = r(e), o = l(t);
+			if (o.kind === "foreign") return;
+			let { handlers: u, store: d } = i.current, f = u.tool === "segment" || u.tool === "line" ? "connect" : o.kind, p = f === "point" && o.kind === "point" && u.canDragPoint(o.id) ? u.pointOnScreen(o.id) : null, m = !1;
+			try {
+				n.setPointerCapture(e.pointerId), m = !0;
+			} catch {}
+			a.current = {
+				...Ae(e.pointerId, e.pointerType, s(e)),
+				store: d,
+				epoch: d.getState().interactionEpoch ?? 0,
+				handlers: u,
+				stageOrigin: t,
+				target: o,
+				role: f,
+				dragFrom: p,
+				captured: m
+			}, f === "connect" ? u.connection.press(t, o.kind === "point" ? o.id : null) : u.tool === "point" && f === "stage" && u.placement.trackAt(t);
+		}
+		function g(e) {
+			if (e.isPrimary) for (let [t, n] of c) n === e.pointerType && t !== e.pointerId && c.delete(t);
+			c.set(e.pointerId, e.pointerType);
+			let t = a.current;
+			t && t.pointerId !== e.pointerId && f("second-pointer");
+		}
+		function _(e) {
+			c.delete(e.pointerId);
+		}
+		function v(e) {
+			e.buttons === 0 && c.delete(e.pointerId);
+			let t = m(e);
+			if (!t) return;
+			let n = r(e), o = {
+				...t,
+				...je(t, s(e))
+			};
+			if (a.current = o, !o.dragging) return;
+			let { handlers: l } = i.current;
+			o.role === "connect" ? l.connection.drag(n) : o.role === "point" && o.dragFrom ? l.dragPoint(o.target.id, {
+				x: o.dragFrom.x + n.x - o.stageOrigin.x,
+				y: o.dragFrom.y + n.y - o.stageOrigin.y
+			}) : o.role === "stage" && !t.dragging && l.placement.clearPointer();
+		}
+		function y(e) {
+			let t = m(e);
+			if (!t) return;
+			let n = r(e);
+			if (!Pe(n, i.current.canvas)) {
+				f("outside-release");
+				return;
+			}
+			let { dragging: a } = je(t, s(e));
+			d(t);
+			let { handlers: o } = i.current, { target: c } = t;
+			switch (t.role) {
+				case "connect":
+					!o.connection.release(n, u(n), a) && !a && c.kind === "stage" && o.tapStage(n);
+					break;
+				case "point":
+					a ? t.dragFrom && o.endPointDrag(c.id) : o.tapPoint(c.id);
+					break;
+				case "object":
+					a || o.tapObject(c.id);
+					break;
+				case "stage": a || o.tapStage(n);
+			}
+			e.pointerType !== "mouse" && e.pointerType !== "pen" && o.placement.clearPointer();
+		}
+		function b(e) {
+			m(e) && f("pointercancel");
+		}
+		function x(e) {
+			let t = a.current;
+			t?.captured && t.pointerId === e.pointerId && f("lost-capture");
+		}
+		function S(e) {
+			if (a.current || e.pointerType === "touch") return;
+			let t = r(e), { handlers: n } = i.current;
+			n.connection.hover(t), n.tool === "point" && n.placement.trackAt(t);
+		}
+		function C() {
+			if (a.current) return;
+			let { handlers: e } = i.current;
+			e.connection.hover(null), e.placement.clearPointer();
+		}
+		function w() {
+			c.clear(), f("blur");
+		}
+		function T() {
+			document.visibilityState === "hidden" && (c.clear(), f("hidden"));
+		}
+		function E(e) {
+			e.key === "Escape" && (!a.current && !i.current.handlers.tool || f("escape"));
+		}
+		let D = [];
+		function O(e, t, n, r = !1) {
+			let i = n;
+			e.addEventListener(t, i, r), D.push(() => e.removeEventListener(t, i, r));
+		}
+		return O(n, "pointerdown", h), O(n, "pointermove", S), O(n, "pointerleave", C), O(n, "lostpointercapture", x), O(window, "pointerdown", g, !0), O(window, "pointerup", _, !0), O(window, "pointercancel", _, !0), O(window, "pointermove", v), O(window, "pointerup", y), O(window, "pointercancel", b), O(window, "blur", w), O(window, "keydown", E), O(document, "visibilitychange", T), () => {
+			for (let e of D) e();
+			f("unmount"), o.current = () => {};
+		};
+	}, [e]), I(() => {
+		s.current !== n && (s.current = n, o.current("store-replaced"));
+		let e = n.getState().interactionEpoch ?? 0;
+		return n.subscribe((t) => {
+			let n = t.interactionEpoch ?? 0;
+			n !== e && (e = n, o.current("invalidated"));
+		});
+	}, [n]), I(() => {
+		a.current && o.current("resize");
+	}, [t.width, t.height]);
+}
+//#endregion
+//#region src/renderer/shapes/SnapMarker.tsx
+var Ve = "#786af5", He = {
+	point: "point",
+	intersection: "intersection",
+	grid: "grid",
+	onObject: "on object"
+};
+function Ue({ snap: e, viewport: t, canvas: n }) {
+	let r = P(e.position, t, n);
+	return /* @__PURE__ */ q(G, { children: [
+		/* @__PURE__ */ K(B, {
+			x: r.x,
+			y: r.y,
+			radius: 12,
+			stroke: Ve,
+			strokeWidth: 2,
+			dash: [4, 3],
+			listening: !1
+		}),
+		/* @__PURE__ */ K(B, {
+			x: r.x,
+			y: r.y,
+			radius: 3.5,
+			fill: Ve,
+			listening: !1
+		}),
+		/* @__PURE__ */ K(W, {
+			x: r.x + 15,
+			y: r.y + 8,
+			text: He[e.kind],
+			fontSize: 13,
+			fontStyle: "bold",
+			fill: Ve,
+			listening: !1
+		})
+	] });
+}
+//#endregion
+//#region src/renderer/shapes/PointShape.tsx
+var We = 22;
+function J({ id: e, position: t, viewport: n, canvas: r, selected: i = !1, connectable: a = !1, snapTarget: o = !1, label: s, color: c = "#24304a", feedbackRingColor: l, feedbackRingDashed: u = !1 }) {
+	let d = P(t, n, r), f = o || i ? 13 : a ? 10 : 9;
+	return /* @__PURE__ */ q(G, { children: [
+		l && /* @__PURE__ */ K(B, {
+			x: d.x,
+			y: d.y,
+			radius: 15,
+			stroke: l,
+			strokeWidth: 4,
+			dash: u ? [7, 5] : void 0,
+			listening: !1
+		}),
+		o && /* @__PURE__ */ K(B, {
+			x: d.x,
+			y: d.y,
+			radius: 20,
+			fill: "#786af526",
+			stroke: "#786af5",
+			strokeWidth: 2,
+			shadowColor: "#786af5",
+			shadowBlur: 18,
+			listening: !1
+		}),
+		/* @__PURE__ */ K(B, {
+			id: Le(e),
+			x: d.x,
+			y: d.y,
+			radius: f,
+			fill: o || i ? "#6d5dfc" : c,
+			stroke: a && !i && !o ? "#a69df8" : "#fff",
+			strokeWidth: 3,
+			hitStrokeWidth: 2 * (We - f),
+			shadowColor: "#24304a",
+			shadowBlur: i ? 12 : 4
+		}),
+		/* @__PURE__ */ K(W, {
+			x: d.x + 13,
+			y: d.y - 23,
+			text: s ?? e,
+			fontSize: 18,
+			fontStyle: "bold",
+			fill: c,
+			listening: !1
+		})
+	] });
+}
+//#endregion
+//#region src/renderer/shapes/StrokedLine.tsx
+var Ge = 44;
+function Ke({ id: e, a: t, b: n, color: r, strokeWidth: i, dashed: a, selected: o, opacity: s, listening: c }) {
+	return /* @__PURE__ */ K(H, {
+		id: Re(e),
+		points: [
+			t.x,
+			t.y,
+			n.x,
+			n.y
+		],
+		stroke: r,
+		strokeWidth: o ? i + 3 : i,
+		lineCap: "round",
+		dash: a ? [10, 6] : void 0,
+		hitStrokeWidth: Ge,
+		opacity: s,
+		listening: c
+	});
+}
+//#endregion
+//#region src/renderer/shapes/SegmentShape.tsx
+function qe({ id: e, from: t, to: n, viewport: r, canvas: i, color: a = "#6d5dfc", strokeWidth: o = 5, dashed: s = !1, selected: c = !1, opacity: l = 1, listening: u = !0 }) {
+	let d = P(t, r, i), f = P(n, r, i);
+	return /* @__PURE__ */ K(Ke, {
+		id: e,
+		a: d,
+		b: f,
+		color: a,
+		strokeWidth: o,
+		dashed: s,
+		selected: c,
+		opacity: l,
+		listening: u
+	});
+}
+//#endregion
+//#region src/renderer/shapes/LineShape.tsx
+function Je({ id: e, through: t, viewport: n, canvas: r, color: i = "#6d5dfc", strokeWidth: a = 4, dashed: o = !1, selected: s = !1, opacity: c = 1, listening: l = !0 }) {
+	let u = D(t[0], t[1], n);
+	if (!u) return null;
+	let d = P(u[0], n, r), f = P(u[1], n, r);
+	return /* @__PURE__ */ K(Ke, {
+		id: e,
+		a: d,
+		b: f,
+		color: i,
+		strokeWidth: a,
+		dashed: o,
+		selected: s,
+		opacity: c,
+		listening: l
+	});
+}
+//#endregion
+//#region src/renderer/shapes/CircleShape.tsx
+var Ye = 44;
+function Xe({ id: e, center: t, radius: n, viewport: r, canvas: i, color: a = "#6d5dfc", strokeWidth: o = 4, dashed: s = !1, selected: c = !1, opacity: l = 1, listening: u = !0 }) {
+	let d = v(r, i), f = P(t, r, i, d);
+	return /* @__PURE__ */ K(_e, {
+		id: Re(e),
+		x: f.x,
+		y: f.y,
+		radiusX: n * d.scaleX,
+		radiusY: n * d.scaleY,
+		stroke: a,
+		strokeWidth: c ? o + 3 : o,
+		dash: s ? [10, 6] : void 0,
+		hitStrokeWidth: Ye,
+		opacity: l,
+		listening: u
+	});
+}
+//#endregion
+//#region src/renderer/shapes/EntityLabel.tsx
+var Ze = {
+	point: () => null,
+	segment: (e) => et(e.from, e.to),
+	line: (e, t) => {
+		let n = D(e.through[0], e.through[1], t);
+		return n ? et(n[0], n[1]) : null;
+	},
+	circle: (e) => ({
+		x: e.center.x,
+		y: e.center.y + e.radius
+	})
+};
+function Qe(e, t) {
+	let n = Ze[e.shape];
+	return n(e, t);
+}
+function $e({ text: e, descriptor: t, viewport: n, canvas: r, color: i = "#24304a", opacity: a = 1 }) {
+	let o = Qe(t, n);
+	if (!o) return null;
+	let s = P(o, n, r);
+	return /* @__PURE__ */ K(W, {
+		x: s.x + 10,
+		y: s.y - 24,
+		text: e,
+		fontSize: 18,
+		fontStyle: "bold",
+		fill: i,
+		opacity: a,
+		listening: !1
+	});
+}
+function et(e, t) {
+	return {
+		x: (e.x + t.x) / 2,
+		y: (e.y + t.y) / 2
+	};
+}
+//#endregion
+//#region src/renderer/shapes/EntityShape.tsx
+var tt = {
+	point: () => null,
+	segment: (e, t) => /* @__PURE__ */ K(qe, {
+		...t,
+		from: e.from,
+		to: e.to
+	}),
+	line: (e, t) => /* @__PURE__ */ K(Je, {
+		...t,
+		through: [e.through[0], e.through[1]]
+	}),
+	circle: (e, t) => /* @__PURE__ */ K(Xe, {
+		...t,
+		center: e.center,
+		radius: e.radius
+	})
+};
+function nt({ descriptor: e, label: t, ...n }) {
+	let r = tt[e.shape], i = r(e, n);
+	return !i || t === void 0 ? i : /* @__PURE__ */ q(G, { children: [i, /* @__PURE__ */ K($e, {
+		text: t,
+		descriptor: e,
+		viewport: n.viewport,
+		canvas: n.canvas,
+		color: n.color,
+		opacity: n.opacity
+	})] });
+}
+//#endregion
+//#region src/renderer/GeometryGrid.tsx
+function rt({ viewport: e, canvas: t, visible: n }) {
+	let [r, i, a, o] = e, s = v(e, t), c = P({
+		x: r,
+		y: o
+	}, e, t, s), l = P({
+		x: a,
+		y: i
+	}, e, t, s), { x: u, y: d } = ee(e), f = [], p = [];
+	if (n) {
+		for (let n = Math.ceil(r / u) * u; n <= a; n += u) {
+			let r = P({
+				x: n,
+				y: 0
+			}, e, t, s);
+			f.push(/* @__PURE__ */ K(H, {
+				points: [
+					r.x,
+					c.y,
+					r.x,
+					l.y
+				],
+				stroke: "#e6e9f2",
+				strokeWidth: 1,
+				listening: !1
+			}, `grid-x-${n}`));
+		}
+		for (let n = Math.ceil(i / d) * d; n <= o; n += d) {
+			let r = P({
+				x: 0,
+				y: n
+			}, e, t, s);
+			p.push(/* @__PURE__ */ K(H, {
+				points: [
+					c.x,
+					r.y,
+					l.x,
+					r.y
+				],
+				stroke: "#e6e9f2",
+				strokeWidth: 1,
+				listening: !1
+			}, `grid-y-${n}`));
+		}
+	}
+	return /* @__PURE__ */ q(G, { children: [
+		f,
+		p,
+		/* @__PURE__ */ K(U, {
+			x: c.x + .5,
+			y: c.y + .5,
+			width: Math.max(0, l.x - c.x - 1),
+			height: Math.max(0, l.y - c.y - 1),
+			stroke: "#cfd5e3",
+			strokeWidth: 1,
+			listening: !1
+		})
+	] });
+}
+//#endregion
+//#region src/renderer/GeometryInstruments.tsx
+var Y = "#5b6b82", it = "rgba(211, 225, 242, 0.58)", X = "#6558e8";
+function at(e, t) {
+	return e === "ruler" ? {
+		x: t.width * .5,
+		y: t.height * .72,
+		rotation: 0,
+		flipped: !1
+	} : e === "setSquare" ? {
+		x: t.width * .32,
+		y: t.height * .46,
+		rotation: 0,
+		flipped: !1
+	} : {
+		x: t.width * .68,
+		y: t.height * .46,
+		rotation: 0,
+		flipped: !1
+	};
+}
+function ot() {
+	let e = Array.from({ length: 21 }, (e, t) => t);
+	return /* @__PURE__ */ q(V, {
+		listening: !1,
+		children: [
+			/* @__PURE__ */ K(U, {
+				x: -150,
+				y: -30,
+				width: 300,
+				height: 60,
+				cornerRadius: 5,
+				fill: it,
+				stroke: Y,
+				strokeWidth: 2
+			}),
+			e.map((e) => {
+				let t = -140 + e * 14, n = e % 2 == 0;
+				return /* @__PURE__ */ K(H, {
+					points: [
+						t,
+						-29,
+						t,
+						-29 + (n ? 17 : 10)
+					],
+					stroke: Y,
+					strokeWidth: n ? 1.5 : 1
+				}, e);
+			}),
+			e.filter((e) => e % 2 == 0).map((e) => /* @__PURE__ */ K(W, {
+				x: -145 + e * 14,
+				y: -8,
+				width: 20,
+				align: "center",
+				text: String(e / 2),
+				fontSize: 10,
+				fill: Y
+			}, `label-${e}`))
+		]
+	});
+}
+function st() {
+	return /* @__PURE__ */ q(V, {
+		listening: !1,
+		children: [
+			/* @__PURE__ */ K(H, {
+				points: [
+					-105,
+					70,
+					105,
+					70,
+					-105,
+					-75
+				],
+				closed: !0,
+				fill: it,
+				stroke: Y,
+				strokeWidth: 2,
+				lineJoin: "round"
+			}),
+			/* @__PURE__ */ K(H, {
+				points: [
+					-72,
+					48,
+					48,
+					48,
+					-72,
+					-34
+				],
+				closed: !0,
+				fill: "#fbfcff",
+				stroke: Y,
+				strokeWidth: 1.5,
+				lineJoin: "round"
+			}),
+			Array.from({ length: 11 }, (e, t) => /* @__PURE__ */ K(H, {
+				points: [
+					-91 + t * 18,
+					70,
+					-91 + t * 18,
+					t % 5 == 0 ? 54 : 60
+				],
+				stroke: Y,
+				strokeWidth: 1
+			}, t))
+		]
+	});
+}
+function ct() {
+	let e = Array.from({ length: 37 }, (e, t) => t * 5);
+	return /* @__PURE__ */ q(V, {
+		listening: !1,
+		children: [
+			/* @__PURE__ */ K(ge, {
+				x: 0,
+				y: 0,
+				innerRadius: 38,
+				outerRadius: 112,
+				angle: 180,
+				rotation: 180,
+				fill: it,
+				stroke: Y,
+				strokeWidth: 2
+			}),
+			/* @__PURE__ */ K(H, {
+				points: [
+					-112,
+					0,
+					112,
+					0
+				],
+				stroke: Y,
+				strokeWidth: 2
+			}),
+			e.map((e) => {
+				let t = Math.PI * e / 180, n = e % 10 == 0, r = n ? 94 : 100;
+				return /* @__PURE__ */ K(H, {
+					points: [
+						Math.cos(Math.PI - t) * 108,
+						-Math.sin(t) * 108,
+						Math.cos(Math.PI - t) * r,
+						-Math.sin(t) * r
+					],
+					stroke: Y,
+					strokeWidth: n ? 1.4 : .8
+				}, e);
+			}),
+			/* @__PURE__ */ K(B, {
+				x: 0,
+				y: 0,
+				radius: 3,
+				fill: Y
+			})
+		]
+	});
+}
+function lt({ tool: e }) {
+	return K(e === "ruler" ? ot : e === "setSquare" ? st : ct, {});
+}
+function ut(e, t, n) {
+	let r = n * Math.PI / 180;
+	return {
+		x: e * Math.cos(r) - t * Math.sin(r),
+		y: e * Math.sin(r) + t * Math.cos(r)
+	};
+}
+function dt(e, t) {
+	let n = e === "ruler" ? {
+		x: 0,
+		y: 19
+	} : e === "setSquare" ? {
+		x: -42,
+		y: 24
+	} : {
+		x: 0,
+		y: -20
+	};
+	return {
+		x: t ? -n.x : n.x,
+		y: n.y
+	};
+}
+function ft({ tools: e, canvas: t }) {
+	let [n, r] = z(() => Object.fromEntries(e.map((e) => [e, at(e, t)]))), [i, a] = z(null), o = i && e.includes(i) ? i : null;
+	function s(e, n) {
+		r((r) => ({
+			...r,
+			[e]: {
+				...r[e] ?? at(e, t),
+				...n
+			}
+		}));
+	}
+	return /* @__PURE__ */ K(G, { children: e.map((e) => {
+		let r = n[e] ?? at(e, t), i = o === e, c = dt(e, r.flipped), l = ut(c.x, c.y, r.rotation), u = {
+			x: r.x + l.x,
+			y: r.y + l.y
+		}, d = ut(0, -105, r.rotation), f = ut(0, e === "setSquare" ? 96 : e === "ruler" ? 50 : 48, r.rotation);
+		return /* @__PURE__ */ q(V, { children: [
+			/* @__PURE__ */ K(V, {
+				x: r.x,
+				y: r.y,
+				rotation: r.rotation,
+				scaleX: r.flipped ? -1 : 1,
+				listening: !1,
+				children: /* @__PURE__ */ K(lt, { tool: e })
+			}),
+			i && /* @__PURE__ */ q(G, { children: [
+				/* @__PURE__ */ K(H, {
+					points: [
+						r.x,
+						r.y,
+						r.x + d.x,
+						r.y + d.y
+					],
+					stroke: X,
+					strokeWidth: 1.5,
+					dash: [4, 4],
+					listening: !1
+				}),
+				/* @__PURE__ */ K(B, {
+					x: r.x + d.x,
+					y: r.y + d.y,
+					radius: 11,
+					fill: "#fff",
+					stroke: X,
+					strokeWidth: 2.5,
+					draggable: !0,
+					onDragMove: (t) => {
+						let n = t.target.x() - r.x, i = t.target.y() - r.y;
+						s(e, { rotation: Math.atan2(i, n) * 180 / Math.PI + 90 });
+					},
+					onMouseDown: (e) => {
+						e.cancelBubble = !0;
+					},
+					onTouchStart: (e) => {
+						e.cancelBubble = !0;
+					}
+				}),
+				/* @__PURE__ */ K(W, {
+					x: r.x + d.x - 8,
+					y: r.y + d.y - 8,
+					width: 16,
+					height: 16,
+					text: "↻",
+					align: "center",
+					verticalAlign: "middle",
+					fontSize: 14,
+					fontStyle: "bold",
+					fill: X,
+					listening: !1
+				}),
+				/* @__PURE__ */ K(U, {
+					x: r.x + f.x - 29,
+					y: r.y + f.y - 11,
+					width: 58,
+					height: 22,
+					cornerRadius: 11,
+					fill: "#fff",
+					stroke: X,
+					strokeWidth: 1.5,
+					onClick: (t) => {
+						t.cancelBubble = !0, s(e, { flipped: !r.flipped });
+					},
+					onTap: (t) => {
+						t.cancelBubble = !0, s(e, { flipped: !r.flipped });
+					}
+				}),
+				/* @__PURE__ */ K(W, {
+					x: r.x + f.x - 27,
+					y: r.y + f.y - 7,
+					width: 54,
+					height: 14,
+					text: "⇄  Flip",
+					align: "center",
+					verticalAlign: "middle",
+					fontSize: 10,
+					fontStyle: "600",
+					fill: X,
+					listening: !1
+				})
+			] }),
+			/* @__PURE__ */ K(B, {
+				id: `geometry-instrument-${e}-move-handle`,
+				x: u.x,
+				y: u.y,
+				radius: i ? 8 : 12,
+				fill: i ? "rgba(255, 255, 255, 0.94)" : "rgba(255, 255, 255, 0.01)",
+				stroke: X,
+				strokeWidth: i ? 1.5 : 0,
+				shadowColor: "#24304a",
+				shadowBlur: i ? 2 : 0,
+				draggable: !0,
+				dragBoundFunc: (e) => ({
+					x: Math.max(22, Math.min(t.width - 22, e.x)),
+					y: Math.max(22, Math.min(t.height - 22, e.y))
+				}),
+				onDragStart: () => a(e),
+				onDragMove: (t) => s(e, {
+					x: t.target.x() - l.x,
+					y: t.target.y() - l.y
+				}),
+				onMouseEnter: (e) => {
+					let t = e.target.getStage();
+					t && (t.container().style.cursor = "grab");
+				},
+				onMouseLeave: (e) => {
+					let t = e.target.getStage();
+					t && (t.container().style.cursor = "default");
+				},
+				onClick: (t) => {
+					t.cancelBubble = !0, a(e);
+				},
+				onTap: (t) => {
+					t.cancelBubble = !0, a(e);
+				}
+			}),
+			i ? /* @__PURE__ */ K(W, {
+				x: u.x - 6,
+				y: u.y - 5,
+				width: 12,
+				height: 10,
+				text: "✣",
+				align: "center",
+				verticalAlign: "middle",
+				fontSize: 9,
+				fontStyle: "bold",
+				fill: X,
+				listening: !1
+			}) : /* @__PURE__ */ K(B, {
+				x: u.x,
+				y: u.y,
+				radius: 2.5,
+				fill: Y,
+				opacity: .65,
+				listening: !1
+			})
+		] }, e);
+	}) });
+}
+//#endregion
+//#region src/store/useStoreState.ts
+function Z(e) {
+	return he((t) => e.subscribe(t), () => e.getState());
+}
+//#endregion
+//#region src/renderer/GeometryCanvas.tsx
+function pt({ store: t, size: r, onExerciseChange: i, onGivenSelect: a, highlightedGivenIds: o = [], goalPreviews: h = [] }) {
+	let _ = Z(t), { points: v, objects: y, capabilitiesOf: b, labelOf: S, isSnapTarget: C } = Se(_), { viewport: w } = _.exercise, T = R(null), E = Ee({
+		points: v,
+		viewport: w,
+		canvas: r,
+		pendingObjectType: _.pendingObjectType,
+		pendingFirstPointId: _.pendingFirstPointId,
+		connect: (e, n) => {
+			(_.pendingObjectType === "segment" || _.pendingObjectType === "line") && k(t, {
+				tool: _.pendingObjectType,
+				from: e,
+				to: n
+			});
+		},
+		pick: (e) => {
+			m(t, e), a?.(e);
+		},
+		objects: y,
+		isSnapTarget: C,
+		canCreatePoints: !0,
+		preserveCreatedPointOrigins: !1
+	}), { connecting: D, previewPoints: A, snapTargetId: j } = E, M = De({
+		points: v,
+		objects: y,
+		viewport: w,
+		canvas: r,
+		showGrid: !!_.exercise.showGrid,
+		isSnapTarget: C,
+		active: _.pendingObjectType === "point"
+	});
+	I(() => {
+		if (i) return t.subscribe((e) => i(e.exercise));
+	}, [t, i]);
+	function ee(e) {
+		if (_.pendingObjectType !== "point") {
+			g(t, null);
+			return;
+		}
+		let n = M.resolvePlacement(e);
+		if (n.snap?.kind === "point") {
+			let e = n.snap.targetIds[0];
+			e && d(t, e);
+			return;
+		}
+		let r = s(n);
+		r && c(t, r, "at" in r);
+	}
+	function N(e) {
+		g(t, e), a?.(e);
+	}
+	return Be(T, r, t, {
+		tool: _.pendingObjectType,
+		connection: E,
+		placement: M,
+		pointOnScreen: (e) => {
+			let t = v.get(e);
+			return t ? P(t, w, r) : null;
+		},
+		canDragPoint: (e) => O(_, e),
+		dragPoint: (e, n) => f(t, e, x(n, w, r)),
+		endPointDrag: () => p(t),
+		tapPoint: (e) => {
+			b(e).selectable && N(e);
+		},
+		tapObject: N,
+		tapStage: ee,
+		abandonConstruction: () => l(t),
+		disarmTool: () => u(t, null)
+	}), /* @__PURE__ */ K(ye, {
+		ref: T,
+		width: r.width,
+		height: r.height,
+		style: {
+			...Ne,
+			cursor: _.pendingObjectType === "point" || D ? "crosshair" : "default"
+		},
+		children: /* @__PURE__ */ q(ve, { children: [
+			/* @__PURE__ */ K(U, {
+				width: r.width,
+				height: r.height,
+				fill: "#fbfcff",
+				listening: !1
+			}),
+			/* @__PURE__ */ K(rt, {
+				viewport: w,
+				canvas: r,
+				visible: !!_.exercise.showGrid
+			}),
+			A && /* @__PURE__ */ K(H, {
+				points: A,
+				stroke: "#786af5",
+				strokeWidth: 3,
+				dash: [9, 6],
+				lineCap: "round",
+				listening: !1
+			}),
+			y.map(({ id: t, definition: i }) => {
+				let a = b(t);
+				if (!a.rendered) return null;
+				let s = e(i, v);
+				return s ? /* @__PURE__ */ K(nt, {
+					id: t,
+					descriptor: n(s),
+					viewport: w,
+					canvas: r,
+					label: S(t),
+					selected: t === _.selectedGivenId || o.includes(t),
+					listening: a.selectable && !_.pendingObjectType
+				}, t) : null;
+			}),
+			h.map((e) => e.shape ? e.shape.type === "segment" ? /* @__PURE__ */ K(qe, {
+				id: `goal-preview-${e.id}`,
+				from: e.shape.from,
+				to: e.shape.to,
+				viewport: w,
+				canvas: r,
+				color: "#f59e0b",
+				strokeWidth: 4,
+				dashed: !0,
+				opacity: .72,
+				listening: !1
+			}, `goal-preview-${e.id}`) : e.shape.type === "point" ? /* @__PURE__ */ K(J, {
+				id: `goal-preview-${e.id}`,
+				position: e.shape.at,
+				viewport: w,
+				canvas: r,
+				color: "#f59e0b"
+			}, `goal-preview-${e.id}`) : /* @__PURE__ */ K(Je, {
+				id: `goal-preview-${e.id}`,
+				through: e.shape.through,
+				viewport: w,
+				canvas: r,
+				color: "#f59e0b",
+				strokeWidth: 3,
+				dashed: !0,
+				opacity: .72,
+				listening: !1
+			}, `goal-preview-${e.id}`) : null),
+			[...v].map(([e, t]) => {
+				let n = b(e);
+				return n.rendered ? /* @__PURE__ */ K(J, {
+					id: e,
+					position: t,
+					viewport: w,
+					canvas: r,
+					label: S(e) ?? e,
+					selected: e === _.pendingFirstPointId || e === _.selectedGivenId || o.includes(e),
+					connectable: D && n.snapTarget,
+					snapTarget: e === j
+				}, e) : null;
+			}),
+			M.snap && /* @__PURE__ */ K(Ue, {
+				snap: M.snap,
+				viewport: w,
+				canvas: r
+			}),
+			/* @__PURE__ */ K(ft, {
+				tools: _.exercise.tools,
+				canvas: r
+			})
+		] })
+	});
+}
+//#endregion
+//#region src/renderer/entityDisplayName.ts
+var mt = /^student-(.+)-(\d+)$/;
+function Q(e, t, n) {
+	if (t) return t;
+	if (n === "given") return e;
+	let r = mt.exec(e);
+	return !r?.[1] || !r[2] ? e : r[1] === "point" ? `P${r[2]}` : `${r[1]} ${r[2]}`;
+}
+//#endregion
+//#region src/renderer/StudentGeometryCanvas.tsx
+var ht = "#1683ff", gt = "#159a68", _t = "#d64555";
+function vt(e) {
+	return e === "correct" ? gt : e === "incorrect" ? _t : void 0;
+}
+function yt({ store: r, size: i, validationFeedback: a = null, focusedGoalId: o = null }) {
+	let c = Z(r), { exercise: l, geometry: u } = c, { points: d, objects: f, capabilitiesOf: p, labelOf: m, isSnapTarget: h } = Ce(l, u), g = ce(a, u, o), v = R(null), y = Ee({
+		points: d,
+		viewport: l.viewport,
+		canvas: i,
+		pendingObjectType: c.pendingObjectType,
+		pendingFirstPointId: c.pendingFirstPointId,
+		connect: (e, t) => {
+			(c.pendingObjectType === "segment" || c.pendingObjectType === "line") && N(r, {
+				tool: c.pendingObjectType,
+				from: e,
+				to: t
+			});
+		},
+		pick: (e) => S(r, e),
+		objects: f,
+		isSnapTarget: h,
+		canCreatePoints: !0
+	}), { connecting: w, previewPoints: T, snapTargetId: E, snapPreview: D } = y, O = De({
+		points: d,
+		objects: f,
+		viewport: l.viewport,
+		canvas: i,
+		showGrid: !!l.showGrid,
+		isSnapTarget: h,
+		active: c.pendingObjectType === "point"
+	});
+	function k(e) {
+		if (c.selectedObjectId && F(r, null), c.pendingObjectType !== "point") return;
+		let t = O.resolvePlacement(e);
+		if (t.snap?.kind === "point") {
+			let e = t.snap.targetIds[0];
+			e && C(r, e);
+			return;
+		}
+		let n = s(t);
+		n && ie(r, n, !0);
+	}
+	return Be(v, i, r, {
+		tool: c.pendingObjectType,
+		connection: y,
+		placement: O,
+		pointOnScreen: (e) => {
+			let t = d.get(e);
+			return t ? P(t, l.viewport, i) : null;
+		},
+		canDragPoint: (e) => A(c, e),
+		dragPoint: (e, t) => ae(r, e, x(t, l.viewport, i)),
+		endPointDrag: () => _(r),
+		tapPoint: (e) => {
+			let t = p(e).selectable && b(c, e);
+			F(r, t ? e : null);
+		},
+		tapObject: (e) => F(r, e),
+		tapStage: k,
+		abandonConstruction: () => M(r),
+		disarmTool: () => se(r, null)
+	}), /* @__PURE__ */ K(ye, {
+		ref: v,
+		width: i.width,
+		height: i.height,
+		style: Ne,
+		children: /* @__PURE__ */ q(ve, { children: [
+			/* @__PURE__ */ K(U, {
+				width: i.width,
+				height: i.height,
+				fill: "#fbfcff",
+				listening: !1
+			}),
+			/* @__PURE__ */ K(rt, {
+				viewport: l.viewport,
+				canvas: i,
+				visible: !!l.showGrid
+			}),
+			T && /* @__PURE__ */ K(H, {
+				points: T,
+				stroke: "#786af5",
+				strokeWidth: 3,
+				dash: [9, 6],
+				lineCap: "round",
+				listening: !1
+			}),
+			f.map(({ id: r, definition: a }) => {
+				let o = Object.prototype.hasOwnProperty.call(u.entities, r), s = p(r);
+				if (!s.rendered) return null;
+				let f = t(g.constructions, r), h = vt(f), _ = e(a, d);
+				if (!_) return null;
+				let v = s.selectable && o;
+				return /* @__PURE__ */ K(nt, {
+					id: r,
+					descriptor: n(_),
+					viewport: l.viewport,
+					canvas: i,
+					label: m(r),
+					color: o ? h ?? ht : void 0,
+					dashed: f === "incorrect",
+					selected: v && r === c.selectedObjectId,
+					listening: v && !c.pendingObjectType
+				}, r);
+			}),
+			[...d].map(([e, n]) => {
+				let r = p(e);
+				if (!r.rendered) return null;
+				let a = Object.prototype.hasOwnProperty.call(l.entities, e), o = !a, s = t(g.points, e), u = vt(s);
+				return /* @__PURE__ */ K(J, {
+					id: e,
+					position: n,
+					viewport: l.viewport,
+					canvas: i,
+					label: Q(e, m(e), a ? "given" : "student"),
+					color: o ? u ?? ht : void 0,
+					feedbackRingColor: u,
+					feedbackRingDashed: s === "incorrect",
+					selected: e === c.pendingFirstPointId || e === c.selectedObjectId,
+					connectable: w && r.snapTarget,
+					snapTarget: e === E
+				}, e);
+			}),
+			(O.snap ?? D) && /* @__PURE__ */ K(Ue, {
+				snap: O.snap ?? D,
+				viewport: l.viewport,
+				canvas: i
+			}),
+			/* @__PURE__ */ K(ft, {
+				tools: l.tools,
+				canvas: i
+			})
+		] })
+	});
+}
+//#endregion
+//#region src/renderer/deriveSemanticScene.ts
+function bt(e, n = null, r = null) {
+	let { exercise: i, geometry: o } = e, s = a(i, o), c = ce(n, o, r), l = wt(s), u = St(s, s.entityIds, {
+		nameOf: l,
+		selectedId: e.selectedObjectId,
+		isSelectable: (e, t) => t && !s.isGiven(e),
+		statusOf: (e, n) => t(n === "point" ? c.points : c.constructions, e) ?? null
+	});
+	return {
+		toolLine: Et(e.pendingObjectType),
+		pendingLine: Dt(e.pendingObjectType, e.pendingFirstPointId, l),
+		answerLine: Ot(n),
+		entities: u,
+		selectedId: e.selectedObjectId
+	};
+}
+function xt(e) {
+	let t = o(e.exercise), n = wt(t), r = St(t, Object.keys(e.exercise.entities), {
+		nameOf: n,
+		selectedId: e.selectedGivenId,
+		isSelectable: (e, t) => t,
+		statusOf: () => null
+	});
+	return {
+		toolLine: Et(e.pendingObjectType),
+		pendingLine: Dt(e.pendingObjectType, e.pendingFirstPointId, n),
+		answerLine: null,
+		entities: r,
+		selectedId: e.selectedGivenId
+	};
+}
+function St(e, t, n) {
+	let i = [];
+	for (let a of t) {
+		let t = e.presentationOf(a);
+		if (!xe(t.role).rendered) continue;
+		let o = e.definitionOf(a), s = e.kindOf(a);
+		if (!o || !s) continue;
+		let c = e.isGiven(a) ? "given" : "student", l = Q(a, t.label, c), u = r(o, n.nameOf), d = e.resolvedOf(a) !== void 0, f = n.statusOf(a, s);
+		i.push({
+			id: a,
+			kind: s,
+			owner: c,
+			name: l,
+			description: u,
+			placed: d,
+			selected: a === n.selectedId,
+			selectable: n.isSelectable(a, xe(t.role).selectable),
+			status: f,
+			text: Ct(l, u, d, f)
+		});
+	}
+	return i;
+}
+function Ct(e, t, n, r) {
+	return `${e}: ${t}${`${n ? "" : ", not on screen"}${r ? `, ${r}` : ""}`}`;
+}
+function wt(e) {
+	return (t) => Q(t, Tt(e, t), e.isGiven(t) ? "given" : "student");
+}
+function Tt(e, t) {
+	let n = e.presentationOf(t);
+	return n.role === "explicit" ? n.label : void 0;
+}
+function Et(e) {
+	return `Tool: ${e ?? "none"}`;
+}
+function Dt(e, t, n) {
+	return !e || !t ? "Building: nothing" : `Building: ${e} from ${n(t)}`;
+}
+function Ot(e) {
+	return e ? `Answer: ${e.result.goals.filter((e) => e.status === "correct").length} of ${e.result.goals.length} goals correct` : "Answer: not checked";
+}
+function kt(e, t) {
+	if (!e) return null;
+	let n = new Map(e.entities.map((e) => [e.id, e])), r = new Map(t.entities.map((e) => [e.id, e])), i = t.entities.filter((e) => !n.has(e.id)), a = e.entities.filter((e) => !r.has(e.id)), o = [];
+	return i.length === 1 && i[0] ? o.push(`Added ${i[0].text}`) : i.length > 1 && o.push(`Added ${i.length} objects`), a.length === 1 && a[0] ? o.push(`Removed ${a[0].text}`) : a.length > 1 && o.push(`Removed ${a.length} objects`), t.answerLine && t.answerLine !== e.answerLine && o.push(t.answerLine), o.length === 0 && t.toolLine !== e.toolLine && o.push(t.toolLine), o.length ? `${o.join(". ")}.` : null;
+}
+//#endregion
+//#region src/renderer/GeometryCompanion.tsx
+function At({ scene: e, onSelect: t, label: n = "Figure contents", className: r }) {
+	let i = Nt(e);
+	return /* @__PURE__ */ q("section", {
+		"aria-label": n,
+		className: r,
+		children: [
+			/* @__PURE__ */ K("p", { children: e.toolLine }),
+			/* @__PURE__ */ K("p", { children: e.pendingLine }),
+			/* @__PURE__ */ q("ul", {
+				"aria-label": "Figure objects",
+				children: [e.entities.length === 0 && /* @__PURE__ */ K("li", { children: "Nothing has been drawn yet." }), e.entities.map((e) => e.selectable ? /* @__PURE__ */ K("li", { children: /* @__PURE__ */ K("button", {
+					type: "button",
+					"aria-pressed": e.selected,
+					onClick: () => t(e.selected ? null : e.id),
+					children: e.text
+				}) }, e.id) : /* @__PURE__ */ K("li", { children: e.text }, e.id))]
+			}),
+			e.answerLine !== null && /* @__PURE__ */ K("p", { children: e.answerLine }),
+			/* @__PURE__ */ K("div", {
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: /* @__PURE__ */ K("span", { children: i.message }, i.tick)
+			})
+		]
+	});
+}
+function jt({ store: e, validationFeedback: t = null, focusedGoalId: n = null, label: r, className: i }) {
+	let a = bt(Z(e), t, n);
+	return /* @__PURE__ */ K(At, {
+		scene: a,
+		onSelect: (t) => F(e, t),
+		label: r,
+		className: i
+	});
+}
+function Mt({ store: e, label: t, className: n }) {
+	let r = xt(Z(e));
+	return /* @__PURE__ */ K(At, {
+		scene: r,
+		onSelect: (t) => g(e, t),
+		label: t,
+		className: n
+	});
+}
+function Nt(e) {
+	let t = R(null), [n, r] = z({
+		message: "",
+		tick: 0
+	});
+	return I(() => {
+		let n = kt(t.current, e);
+		t.current = e, n !== null && r((e) => ({
+			message: n,
+			tick: e.tick + 1
+		}));
+	}, [e]), n;
+}
+//#endregion
+//#region src/renderer/studentExerciseSession.ts
+function Pt(e, t) {
+	let n = ue(e);
+	if (!n.success) return {
+		success: !1,
+		issues: n.errors.map((e) => ({
+			source: "exercise",
+			...e
+		}))
+	};
+	let r = t == null ? {
+		success: !0,
+		data: fe()
+	} : pe(t, n.data);
+	return r.success ? {
+		success: !0,
+		exercise: n.data,
+		attempt: r.data,
+		exerciseFingerprint: de(n.data),
+		attemptFingerprint: le(r.data)
+	} : {
+		success: !1,
+		issues: r.errors.map((e) => ({
+			source: "value",
+			...e
+		}))
+	};
+}
+function Ft(e, t) {
+	let n = pe(t, e);
+	return n.success ? le(n.data) : null;
+}
+function It(e) {
+	return {
+		store: ne(e.exercise, e.attempt),
+		exercise: e.exerciseFingerprint,
+		value: e.attemptFingerprint
+	};
+}
+function Lt(e, t) {
+	if (t.exerciseFingerprint !== e.exercise) {
+		e.exercise = t.exerciseFingerprint, e.value = t.attemptFingerprint, T(e.store, t.exercise, t.attempt);
+		return;
+	}
+	if (t.attemptFingerprint === e.value) return;
+	e.value = t.attemptFingerprint;
+	let { exercise: n, geometry: r } = e.store.getState();
+	Ft(n, r) !== t.attemptFingerprint && j(e.store, t.attempt);
+}
+function Rt(e, t) {
+	return e.subscribe((e, n) => {
+		let r = e.lastAttemptChange;
+		r && r !== n.lastAttemptChange && t().onChange(JSON.parse(JSON.stringify(e.geometry)), {
+			action: r.action,
+			entityIds: [...r.entityIds]
+		});
+		let i = e.constructionNotice;
+		i && i !== n.constructionNotice && t().onNotice?.(i);
+	});
+}
+function zt(e, t, n) {
+	return !e?.success || e.fingerprints.exercise !== de(t) ? null : e.fingerprints.attempt === Ft(t, n) ? e.data : null;
+}
+//#endregion
+//#region src/renderer/Toolbar.tsx
+var Bt = [
+	"point",
+	"segment",
+	"line"
+], Vt = {
+	minWidth: 44,
+	minHeight: 44
+};
+function Ht({ selected: e, onSelect: t, available: n = Bt }) {
+	return /* @__PURE__ */ K("div", {
+		role: "toolbar",
+		"aria-label": "Geometry tools",
+		children: n.map((n) => /* @__PURE__ */ K("button", {
+			type: "button",
+			"aria-pressed": e === n,
+			style: Vt,
+			onClick: () => t(e === n ? null : n),
+			children: n
+		}, n))
+	});
+}
+//#endregion
+//#region src/renderer/StudentGeometryExercise.tsx
+var $ = {
+	minWidth: 44,
+	minHeight: 44
+}, Ut = {
+	border: 0,
+	margin: 0,
+	padding: 0,
+	minWidth: 0
+};
+function Wt(e) {
+	let { exercise: t, value: n, readOnly: r = !1, validationFeedback: i = null, focusedGoalId: a = null, controls: o, className: s } = e, c = Pt(t, n), [l, u] = z(null), d = R(e), f = R(null);
+	return !l && c.success && u(It(c)), L(() => {
+		d.current = e;
+	}), L(() => {
+		l && c.success && Lt(l, c);
+	}, [c, l]), L(() => l ? Rt(l.store, () => d.current) : void 0, [l]), L(() => {
+		l && y(l.store, r);
+	}, [l, r]), L(() => {
+		let e = c.success ? null : JSON.stringify(c.issues);
+		!c.success && e !== f.current && d.current.onError?.(c.issues), f.current = e;
+	}, [c]), c.success ? l ? /* @__PURE__ */ K(Gt, {
+		store: l.store,
+		validationFeedback: i,
+		focusedGoalId: a,
+		controls: o,
+		className: s
+	}) : null : /* @__PURE__ */ K("div", {
+		className: s,
+		role: "alert",
+		children: "This exercise cannot be displayed."
+	});
+}
+function Gt({ store: e, validationFeedback: n, focusedGoalId: r, controls: i, className: a }) {
+	let o = Z(e), { exercise: s, geometry: c, selectedObjectId: l, constructionNotice: u } = o, d = me(() => zt(n, s, c), [
+		n,
+		s,
+		c
+	]), f = d ? r : null, p = R(null), [m, h] = z({
+		width: 0,
+		height: 0
+	}), [g, _, v, y] = s.viewport;
+	L(() => {
+		let e = p.current;
+		if (!e) return;
+		let t = ({ width: e, height: t }) => {
+			let n = {
+				width: Math.floor(e),
+				height: Math.floor(t)
+			};
+			h((e) => e.width === n.width && e.height === n.height ? e : n);
+		};
+		t(e.getBoundingClientRect());
+		let n = new ResizeObserver(([e]) => e && t(e.contentRect));
+		return n.observe(e), () => n.disconnect();
+	}, []);
+	let b = (e) => i?.[e] !== !1, x = u && `This construction already exists: ${Q(u.entityId, t(c.presentation, u.entityId)?.label, "student")}`;
+	return /* @__PURE__ */ q("div", {
+		className: a,
+		children: [
+			/* @__PURE__ */ q("fieldset", {
+				disabled: o.readOnly,
+				style: Ut,
+				children: [
+					b("toolbar") && /* @__PURE__ */ K(Ht, {
+						selected: o.pendingObjectType,
+						available: s.allowedObjects,
+						onSelect: (t) => se(e, t)
+					}),
+					b("history") && /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K("button", {
+						type: "button",
+						style: $,
+						disabled: !o.past.length,
+						onClick: () => oe(e),
+						children: "Undo"
+					}), /* @__PURE__ */ K("button", {
+						type: "button",
+						style: $,
+						disabled: !o.future.length,
+						onClick: () => te(e),
+						children: "Redo"
+					})] }),
+					b("delete") && /* @__PURE__ */ K("button", {
+						type: "button",
+						style: $,
+						disabled: !l,
+						onClick: () => l && E(e, l),
+						children: "Delete"
+					}),
+					b("reset") && /* @__PURE__ */ K("button", {
+						type: "button",
+						style: $,
+						onClick: () => w(e),
+						children: "Reset"
+					})
+				]
+			}),
+			/* @__PURE__ */ K("div", {
+				ref: p,
+				style: {
+					position: "relative",
+					width: "100%",
+					aspectRatio: `${v - g} / ${y - _}`
+				},
+				children: m.width > 0 && m.height > 0 && /* @__PURE__ */ K("div", {
+					style: {
+						position: "absolute",
+						inset: 0
+					},
+					children: /* @__PURE__ */ K(yt, {
+						store: e,
+						size: m,
+						validationFeedback: d,
+						focusedGoalId: f
+					})
+				})
+			}),
+			/* @__PURE__ */ K("p", {
+				role: "status",
+				children: x
+			}),
+			/* @__PURE__ */ K(jt, {
+				store: e,
+				validationFeedback: d,
+				focusedGoalId: f
+			})
+		]
+	});
+}
+//#endregion
+export { Ce as C, Se as S, Je as _, Mt as a, Ue as b, xt as c, pt as d, Z as f, Xe as g, nt as h, jt as i, yt as l, rt as m, Ht as n, kt as o, ft as p, At as r, bt as s, Wt as t, Q as u, qe as v, De as x, J as y };
+
+//# sourceMappingURL=react-BEcdx1f6.js.map