alexsys-exam-renderer 0.1.0

package/dist/index.js

@@ -0,0 +1,2593 @@
+import { useEffect as e, useMemo as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { DragDropProvider as s, useDraggable as c, useDroppable as l } from "@dnd-kit/react";
+import { CheckCircle2 as u, Eraser as d, Mic as f, PencilRuler as p, RotateCcw as m, Square as h, VolumeX as g, XCircle as _ } from "lucide-react";
+import { Arc as v, Circle as y, Group as b, Layer as x, Line as S, Rect as C, Stage as w, Text as T } from "react-konva";
+import { move as E } from "@dnd-kit/helpers";
+import { useSortable as D } from "@dnd-kit/react/sortable";
+//#region src/exam-session/examScoring.ts
+var O = 1e3, k = 500, A = 70;
+function j(e, t) {
+	let n = e.sections.filter((e) => e.isScored !== !1).map((e) => M(e, t)), r = H(n, (e) => e.correctCount), i = H(n, (e) => e.incorrectCount), a = H(n, (e) => e.unansweredCount), o = i + a, s = H(n, (e) => e.totalUnits), c = U(H(n, (e) => e.maxScore)), l = U(H(n, (e) => e.score));
+	return {
+		correctCount: r,
+		generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+		incorrectCount: i,
+		maxScore: c,
+		notCorrectCount: o,
+		percentage: c > 0 ? U(l / c * 100) : 0,
+		score: l,
+		sections: n,
+		subject: e.subject,
+		title: e.title,
+		totalUnits: s,
+		unansweredCount: a
+	};
+}
+function M(e, t) {
+	let n = e.questions.flatMap((e) => N(e, t)).map((t) => ({
+		...t,
+		sectionId: e.id
+	})), r = Number.parseFloat(e.points) || 0, i = V(n, "correct"), a = V(n, "incorrect"), o = V(n, "unanswered"), s = a + o, c = n.length > 0 ? r / n.length : 0;
+	return {
+		badge: e.badge,
+		correctCount: i,
+		id: e.id,
+		incorrectCount: a,
+		maxScore: r,
+		notCorrectCount: s,
+		score: U(i * c),
+		title: e.title,
+		tone: e.tone,
+		totalUnits: n.length,
+		unansweredCount: o,
+		units: n
+	};
+}
+function N(e, t) {
+	switch (e.type) {
+		case "inline-inputs":
+		case "equation-inputs": return e.items.flatMap((n) => {
+			if (!n.correctAnswer) return [];
+			let r = `${e.id}:${n.id}`;
+			return [P(r, e.id, n.before, n.correctAnswer, t[r])];
+		});
+		case "number-line": return [P(e.id, e.id, e.expression, e.correctAnswer, t[e.id])];
+		case "visual-choice": return te(e.id, e.id, e.grading.pairs, t[e.id]);
+		case "length-estimation": return ne(e, t);
+		case "shape-choice": return te(e.id, e.id, e.grading.pairs, t[e.id]);
+		case "drag-match": return te(e.id, e.id, e.grading?.pairs, t[e.id]);
+		case "drawing-grid": return [L(e, t[e.id])];
+		case "table-response": return I(e, t[e.id]);
+		case "text-input": return e.correctAnswer ? [P(e.id, e.id, e.prompt, e.correctAnswer, t[e.id])] : [];
+		case "sortable-answer": return [];
+		case "label-placement": return re(e.id, e.grading?.targetsByLabelId, t[e.id]);
+		case "audio-recording": return [ee(e, t[e.id])];
+	}
+}
+function ee(e, t) {
+	return t?.kind === "audio-recording" ? z(e.id, e.id, e.expectedAnswer, t.evaluation.isCorrect ? "correct" : "incorrect") : z(e.id, e.id, e.expectedAnswer, "unanswered");
+}
+function P(e, t, n, r, i) {
+	return r ? i?.kind === "handwritten-number" ? i.strokes.length === 0 ? z(e, t, n, "unanswered") : z(e, t, n, i.recognizedValue && le(i.recognizedValue, r) ? "correct" : "incorrect") : i?.kind !== "text" || B(i.value) === "" ? z(e, t, n, "unanswered") : z(e, t, n, le(i.value, r) ? "correct" : "incorrect") : z(e, t, n, "incorrect");
+}
+function te(e, t, n, r) {
+	return n ? Object.entries(n).map(([n, i]) => {
+		let a = r?.kind === "matches" ? r.pairs[n] : void 0, o = a ? a === i ? "correct" : "incorrect" : "unanswered";
+		return z(`${e}:${n}`, t, n, o);
+	}) : [];
+}
+function ne(e, t) {
+	let n = e.items.map((n) => {
+		let r = `${e.id}:squares:${n.id}`;
+		return P(r, e.id, n.label, n.squareLength.toString(), t[r]);
+	}), r = e.items.flatMap((n) => {
+		if (!n.correctColorId) return [];
+		let r = `${e.id}:color:${n.id}`;
+		return [F(r, e.id, n.label, n.correctColorId, t[r])];
+	});
+	return n.concat(r);
+}
+function F(e, t, n, r, i) {
+	return i?.kind !== "choice" || !i.choiceId ? z(e, t, n, "unanswered") : z(e, t, n, i.choiceId === r ? "correct" : "incorrect");
+}
+function I(e, t) {
+	return e.columns.flatMap((n) => {
+		if (typeof n.correctCount != "number") return [];
+		let r = t?.kind === "coin-table" ? t.counts[n.id] : void 0, i = r === void 0 ? "unanswered" : r === n.correctCount ? "correct" : "incorrect";
+		return z(`${e.id}:${n.id}`, e.id, n.title, i);
+	});
+}
+function re(e, t, n) {
+	return t ? Object.entries(t).map(([t, r]) => {
+		let i = n?.kind === "placements" ? n.placements[t]?.targetId : void 0, a = i ? i === r ? "correct" : "incorrect" : "unanswered";
+		return z(`${e}:${t}`, e, t, a);
+	}) : [];
+}
+function L(e, t) {
+	let n = e.grading.expectedSegments, r = t?.kind === "drawing" && ((t.elements?.length ?? 0) > 0 || (t.strokes?.length ?? 0) > 0);
+	if (t?.kind !== "drawing" || !r) return z(e.id, e.id, e.prompt, "unanswered");
+	let i = n.every((n) => ie(t, e, n));
+	return z(e.id, e.id, e.prompt, i ? "correct" : "incorrect");
+}
+function ie(e, t, n) {
+	let r = R(t, n.from), i = R(t, n.to);
+	return !r || !i ? !1 : ae(e).some((e) => oe(e, r, i));
+}
+function ae(e) {
+	let t = e.elements.flatMap((e) => e.type === "line" ? [{
+		end: {
+			x: e.points[2],
+			y: e.points[3]
+		},
+		points: e.points,
+		start: {
+			x: e.points[0],
+			y: e.points[1]
+		}
+	}] : e.type === "freehand" && e.points.length >= 4 ? [{
+		end: {
+			x: e.points[e.points.length - 2],
+			y: e.points[e.points.length - 1]
+		},
+		points: e.points,
+		start: {
+			x: e.points[0],
+			y: e.points[1]
+		}
+	}] : []), n = e.strokes?.flatMap((e) => e.points.length < 4 ? [] : [{
+		end: {
+			x: e.points[e.points.length - 2],
+			y: e.points[e.points.length - 1]
+		},
+		points: e.points,
+		start: {
+			x: e.points[0],
+			y: e.points[1]
+		}
+	}]) ?? [];
+	return t.concat(n);
+}
+function oe(e, t, n) {
+	let r = W(e.start, t) <= A && W(e.end, n) <= A, i = W(e.start, n) <= A && W(e.end, t) <= A;
+	return !r && !i ? !1 : se(e.points, t, n, A);
+}
+function se(e, t, n, r) {
+	for (let i = 0; i < e.length - 1; i += 4) if (ue({
+		x: e[i],
+		y: e[i + 1]
+	}, t, n) > r) return !1;
+	return !0;
+}
+function R(e, t) {
+	if ("pointId" in t) {
+		let n = e.points.find((e) => e.id === t.pointId);
+		return n ? ce(n.x, n.y) : null;
+	}
+	return ce(t.percentX, t.percentY);
+}
+function ce(e, t) {
+	return {
+		x: e / 100 * O,
+		y: t / 100 * k
+	};
+}
+function z(e, t, n, r) {
+	return {
+		id: e,
+		label: n,
+		questionId: t,
+		status: r
+	};
+}
+function le(e, t) {
+	let n = B(e), r = B(t), i = Number(n), a = Number(r);
+	return Number.isFinite(i) && Number.isFinite(a) ? i === a : n === r;
+}
+function B(e) {
+	return e.trim().replace(/[٠-٩]/g, (e) => `${e.charCodeAt(0) - 1632}`).replace(/[۰-۹]/g, (e) => `${e.charCodeAt(0) - 1776}`);
+}
+function V(e, t) {
+	return e.filter((e) => e.status === t).length;
+}
+function H(e, t) {
+	return e.reduce((e, n) => e + t(n), 0);
+}
+function U(e) {
+	return Math.round(e * 100) / 100;
+}
+function W(e, t) {
+	return Math.hypot(e.x - t.x, e.y - t.y);
+}
+function ue(e, t, n) {
+	let r = n.x - t.x, i = n.y - t.y, a = r * r + i * i;
+	if (a === 0) return W(e, t);
+	let o = Math.max(0, Math.min(1, ((e.x - t.x) * r + (e.y - t.y) * i) / a));
+	return W(e, {
+		x: t.x + o * r,
+		y: t.y + o * i
+	});
+}
+//#endregion
+//#region src/exam-session/interactions/CoinTableResponse.tsx
+var de = 0, fe = 12;
+function pe({ columns: e, value: t, onChange: n }) {
+	let r = t?.counts ?? {};
+	function i(e, t) {
+		let i = e.maxCoins ?? fe, a = Math.max(de, Math.min(i, t));
+		n({
+			kind: "coin-table",
+			counts: {
+				...r,
+				[e.id]: a
+			}
+		});
+	}
+	return /* @__PURE__ */ a("div", {
+		className: "response-table",
+		children: e.map((e) => {
+			let t = r[e.id] ?? 0, n = e.maxCoins ?? fe;
+			return /* @__PURE__ */ o("div", {
+				className: "response-column",
+				children: [
+					/* @__PURE__ */ a("h4", { children: e.title }),
+					/* @__PURE__ */ o("div", {
+						className: "coin-table-area",
+						"aria-label": e.answerLabel,
+						children: [/* @__PURE__ */ a("div", {
+							className: "coin-list",
+							"aria-hidden": "true",
+							children: Array.from({ length: t }, (t, n) => /* @__PURE__ */ a("span", {
+								className: "coin-shape",
+								children: "د"
+							}, `${e.id}-coin-${n}`))
+						}), /* @__PURE__ */ o("div", {
+							className: "coin-controls",
+							children: [/* @__PURE__ */ a("button", {
+								className: "coin-action",
+								disabled: t >= n,
+								onClick: () => i(e, t + 1),
+								type: "button",
+								children: "إِضافَةٌ"
+							}), /* @__PURE__ */ a("button", {
+								className: "coin-action coin-action--secondary",
+								disabled: t <= de,
+								onClick: () => i(e, t - 1),
+								type: "button",
+								children: "حَذْفٌ"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ o("label", {
+						className: "coin-count-answer",
+						children: [
+							/* @__PURE__ */ a("span", { children: e.answerLabel }),
+							/* @__PURE__ */ a("input", {
+								"aria-label": e.answerLabel,
+								inputMode: "numeric",
+								onChange: (t) => i(e, Number(t.target.value) || 0),
+								value: t
+							}),
+							/* @__PURE__ */ a("span", { children: "دَراهِمُ" })
+						]
+					})
+				]
+			}, e.id);
+		})
+	});
+}
+//#endregion
+//#region src/exam-session/interactions/DragMatch.tsx
+function me({ items: e, targets: t, value: n, onChange: r }) {
+	let i = n?.pairs ?? {}, c = new Set(Object.values(i));
+	return /* @__PURE__ */ a(s, {
+		onDragEnd: (e) => {
+			if (e.canceled) return;
+			let t = e.operation.source?.id?.toString(), n = e.operation.target?.id?.toString();
+			!t || !n || r({
+				kind: "matches",
+				pairs: {
+					...Object.fromEntries(Object.entries(i).filter(([e, r]) => e !== n && r !== t)),
+					[n]: t
+				}
+			});
+		},
+		children: /* @__PURE__ */ o("div", {
+			className: "drag-match",
+			children: [/* @__PURE__ */ a("div", {
+				className: "drag-match__items",
+				children: e.filter((e) => !c.has(e.id)).map((e) => /* @__PURE__ */ a(he, { item: e }, e.id))
+			}), /* @__PURE__ */ a("div", {
+				className: "drag-match__targets",
+				children: t.map((t) => /* @__PURE__ */ a(ge, {
+					assignedItem: e.find((e) => e.id === i[t.id]),
+					target: t
+				}, t.id))
+			})]
+		})
+	});
+}
+function he({ item: e }) {
+	let { ref: t, isDragging: n } = c({ id: e.id });
+	return /* @__PURE__ */ a("button", {
+		className: n ? "drag-pill drag-pill--dragging" : "drag-pill",
+		ref: t,
+		type: "button",
+		children: e.label
+	});
+}
+function ge({ assignedItem: e, target: t }) {
+	let { ref: n, isDropTarget: r } = l({ id: t.id });
+	return /* @__PURE__ */ o("div", {
+		className: r ? "drop-slot drop-slot--active" : "drop-slot",
+		ref: n,
+		children: [/* @__PURE__ */ a("span", {
+			className: "drop-slot__visual",
+			children: t.label
+		}), e ? /* @__PURE__ */ a(he, { item: e }) : /* @__PURE__ */ a("span", { children: "ضَعِ الإِجابَةَ هُنا" })]
+	});
+}
+//#endregion
+//#region src/exam-session/interactions/HandwrittenNumberAnswer.tsx
+var G = 132, K = 88, _e = 650;
+function q({ ariaLabel: t, value: i, onChange: s, onClear: c, recognizer: l }) {
+	let u = i?.strokes ?? [], f = u.length === 0, p = n(s), [m, h] = r(!1), [g, _] = r(!1), v = !!l?.isAvailable(), y = f || m ? "idle" : i?.recognizedValue === void 0 ? v ? g ? "unrecognized" : "recognizing" : "unavailable" : "recognized";
+	e(() => {
+		p.current = s;
+	}, [s]), e(() => {
+		if (f || m || !i || !l || i.recognizedValue !== void 0 || !v) return;
+		let e = !1, t = window.setTimeout(() => {
+			l.recognize(i).then((t) => {
+				if (!e) {
+					if (t.recognizedValue === void 0) {
+						_(!0);
+						return;
+					}
+					p.current(t);
+				}
+			}).catch(() => {
+				e || _(!0);
+			});
+		}, _e);
+		return () => {
+			e = !0, window.clearTimeout(t);
+		};
+	}, [
+		m,
+		f,
+		v,
+		l,
+		i
+	]);
+	function b(e) {
+		_(!1), s({
+			canvasHeight: K,
+			canvasWidth: G,
+			kind: "handwritten-number",
+			strokes: e
+		});
+	}
+	function E(e) {
+		let t = e.target.getStage()?.getPointerPosition();
+		t && (e.evt.preventDefault(), h(!0), b([...u, {
+			id: `stroke-${Date.now()}-${Math.round(t.x)}-${Math.round(t.y)}`,
+			points: [t.x, t.y],
+			timestamps: [Date.now()]
+		}]));
+	}
+	function D(e) {
+		if (f || !e.evt.buttons && e.evt.pointerType === "mouse") return;
+		let t = e.target.getStage()?.getPointerPosition();
+		t && (e.evt.preventDefault(), b(u.map((e, n) => n === u.length - 1 ? {
+			...e,
+			points: [
+				...e.points,
+				t.x,
+				t.y
+			],
+			timestamps: [...e.timestamps ?? [], Date.now()]
+		} : e)));
+	}
+	function O(e) {
+		e.evt.preventDefault(), h(!1);
+	}
+	function k() {
+		h(!1), b([]), c?.();
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "handwritten-number-answer",
+		"aria-label": t,
+		children: [
+			/* @__PURE__ */ o(w, {
+				className: "handwritten-number-stage",
+				height: K,
+				onPointerCancel: O,
+				onPointerDown: E,
+				onPointerMove: D,
+				onPointerUp: O,
+				role: "img",
+				width: G,
+				children: [/* @__PURE__ */ o(x, {
+					listening: !1,
+					children: [
+						/* @__PURE__ */ a(C, {
+							cornerRadius: 14,
+							fill: "#fff",
+							height: K,
+							stroke: "#cfe3d9",
+							strokeWidth: 2,
+							width: G,
+							x: 0,
+							y: 0
+						}),
+						/* @__PURE__ */ a(S, {
+							dash: [6, 8],
+							points: [
+								16,
+								K - 18,
+								G - 16,
+								K - 18
+							],
+							stroke: "#dbe9e2",
+							strokeWidth: 2
+						}),
+						f ? /* @__PURE__ */ a(T, {
+							align: "center",
+							fill: "#9aaca3",
+							fontFamily: "Arial, sans-serif",
+							fontSize: 15,
+							fontStyle: "bold",
+							height: K,
+							text: "ارسم هنا",
+							verticalAlign: "middle",
+							width: G,
+							x: 0,
+							y: 0
+						}) : null
+					]
+				}), /* @__PURE__ */ a(x, { children: u.map((e) => /* @__PURE__ */ a(S, {
+					globalCompositeOperation: "source-over",
+					lineCap: "round",
+					lineJoin: "round",
+					points: e.points,
+					stroke: "#061013",
+					strokeWidth: 7,
+					tension: .28
+				}, e.id)) })]
+			}),
+			/* @__PURE__ */ a("button", {
+				"aria-label": "مسح الجواب المرسوم",
+				className: "handwritten-number-clear",
+				disabled: f,
+				onClick: k,
+				type: "button",
+				children: /* @__PURE__ */ a(d, { "aria-hidden": "true" })
+			}),
+			y !== "idle" && y !== "unavailable" ? /* @__PURE__ */ a("span", {
+				"aria-live": "polite",
+				className: "handwritten-number-status",
+				"data-state": y,
+				children: ve(y, i?.recognizedValue)
+			}) : null
+		]
+	});
+}
+function ve(e, t) {
+	switch (e) {
+		case "recognizing": return "جارٍ التعرّف على الرقم…";
+		case "recognized": return `تمّ التعرّف: ${t ?? ""}`;
+		case "unrecognized": return "أَعِدْ كتابةَ الرقم بوضوح";
+		case "idle":
+		case "unavailable": return "";
+	}
+}
+//#endregion
+//#region src/exam-session/interactions/ColorPenPicker.tsx
+function ye({ ariaLabel: e, className: t = "", colors: n, disabled: r = !1, onChange: i, selectedColorId: s }) {
+	return /* @__PURE__ */ a("div", {
+		"aria-label": e,
+		className: ["color-pen-picker", t].filter(Boolean).join(" "),
+		role: "group",
+		children: n.map((e) => /* @__PURE__ */ o("button", {
+			"aria-pressed": s === e.id,
+			className: s === e.id ? "color-pen-button color-pen-button--selected" : "color-pen-button",
+			disabled: r,
+			onClick: () => i(e.id),
+			style: { "--pen-color": e.value },
+			type: "button",
+			children: [/* @__PURE__ */ a("span", {
+				className: "color-pen-button__indicator",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ a("span", {
+				className: "color-pen-button__label",
+				children: e.label
+			})]
+		}, e.id))
+	});
+}
+//#endregion
+//#region src/exam-session/interactions/geometryColors.ts
+var J = [
+	{
+		id: "green",
+		label: "أَخْضَرُ",
+		value: "#0b7f45"
+	},
+	{
+		id: "red",
+		label: "أَحْمَرُ",
+		value: "#e34a58"
+	},
+	{
+		id: "blue",
+		label: "أَزْرَقُ",
+		value: "#256fd2"
+	},
+	{
+		id: "black",
+		label: "أَسْوَدُ",
+		value: "#17212b"
+	}
+], be = {
+	black: "#17212b",
+	blue: "#256fd2",
+	green: "#0b7f45",
+	red: "#e34a58"
+};
+function xe(e, t) {
+	return t ? e.find((e) => e.id === t || e.value === t)?.id ?? e[0]?.id ?? "green" : e[0]?.id ?? "green";
+}
+function Se(e, t) {
+	return e.find((e) => e.id === t)?.value ?? e[0]?.value ?? J[0].value;
+}
+function Ce(e) {
+	return e.map((e) => ({
+		id: e.id,
+		label: e.label,
+		value: be[e.id] ?? J[0].value
+	}));
+}
+//#endregion
+//#region src/exam-session/interactions/GeometryCanvas.tsx
+var we = 1e3, Te = 600, Y = 30, Ee = 240, De = 12, Oe = J[0].value, X = "#0a8f55", ke = [
+	{
+		id: "pen",
+		icon: "✎",
+		label: "قَلَمٌ"
+	},
+	{
+		id: "eraser",
+		icon: "⌫",
+		label: "مِمْحاةٌ"
+	},
+	{
+		id: "line",
+		icon: "╱",
+		label: "خَطٌّ"
+	},
+	{
+		id: "ruler",
+		icon: "▰",
+		label: "مِسْطَرَةٌ"
+	},
+	{
+		id: "protractor",
+		icon: "◠",
+		label: "مِنْقَلَةٌ"
+	},
+	{
+		id: "compass",
+		icon: "⌖",
+		label: "بَرْكارٌ"
+	}
+], Ae = /* @__PURE__ */ new Set([
+	"ruler",
+	"protractor",
+	"compass"
+]);
+function je({ actionLabel: e, canvasHeight: t = Te, canvasWidth: i = we, className: s = "", colorOptions: c = J, defaultColor: l, disabled: u = !1, minStageWidth: d = Ee, onChange: f, points: p = [], showColorPalette: m = !0, value: h, variant: g = "question" }) {
+	let _ = c.length > 0 ? c : J, [v, y] = r(null), [b, S] = r([]), [T, E] = r(() => xe(_, l ?? "black")), [D, O] = r(() => Be(h)), [k, A] = r(() => h?.guides ?? ze(i, t)), [j, M] = r(null), [N, ee] = r({
+		height: t,
+		scale: 1,
+		width: i
+	}), [P, te] = r({
+		canRedo: !1,
+		canUndo: !1
+	}), ne = n(null), F = n([Z(D)]), I = n(0), re = n(0), L = n(null);
+	Me(ne, i, t, d, ee);
+	let ie = He(p, i, t), ae = [
+		"geometry-canvas",
+		`geometry-canvas--${g}`,
+		s
+	].filter(Boolean).join(" "), oe = _.some((e) => e.id === T) ? T : xe(_, "black"), se = Se(_, oe), R = Ge(v);
+	function ce(e) {
+		return Ae.has(e) ? !R && b.includes(e) : v === e || b.includes(e);
+	}
+	function z(e) {
+		S((t) => t.includes(e) ? t.filter((t) => t !== e) : t.concat(e));
+	}
+	function le(e) {
+		if (e === "ruler" || e === "protractor") {
+			if (R) {
+				y(null), S((t) => t.includes(e) ? t : t.concat(e));
+				return;
+			}
+			z(e);
+			return;
+		}
+		if (e === "compass") {
+			let e = v !== "compass" || !b.includes("compass");
+			y(e ? "compass" : null), S((t) => {
+				let n = t.filter((e) => e !== "compass");
+				return e ? [...n, "compass"] : n;
+			});
+			return;
+		}
+		y(e);
+	}
+	function B(e) {
+		return re.current += 1, `${e}-${Date.now()}-${re.current}`;
+	}
+	function V(e, t = k) {
+		f({
+			elements: Z(e),
+			guides: t,
+			kind: "drawing",
+			strokes: Ve(e)
+		});
+	}
+	function H() {
+		te({
+			canRedo: I.current < F.current.length - 1,
+			canUndo: I.current > 0
+		});
+	}
+	function U(e, t = k) {
+		let n = Z(e), r = F.current.slice(0, I.current + 1);
+		r.push(n), F.current = r, I.current = r.length - 1, O(n), V(n, t), H();
+	}
+	function W(e) {
+		A(e), V(D, e);
+	}
+	function ue() {
+		if (!P.canUndo || u) return;
+		--I.current;
+		let e = Z(F.current[I.current]);
+		O(e), V(e), H();
+	}
+	function de() {
+		if (!P.canRedo || u) return;
+		I.current += 1;
+		let e = Z(F.current[I.current]);
+		O(e), V(e), H();
+	}
+	function fe() {
+		u || D.length === 0 || U([]);
+	}
+	function pe(e) {
+		let n = e.target.getStage()?.getPointerPosition();
+		return n ? {
+			x: tt(n.x / N.scale, 0, i),
+			y: tt(n.y / N.scale, 0, t)
+		} : null;
+	}
+	function me(e) {
+		if (u || !R && We(e.target)) return;
+		let t = pe(e);
+		if (!t || !v) return;
+		if (v === "eraser") {
+			G(t);
+			return;
+		}
+		let n = Ue(t, ie);
+		if (v === "pen") {
+			L.current = n, M({
+				color: se,
+				id: B("freehand"),
+				points: [n.x, n.y],
+				strokeWidth: 4,
+				type: "freehand"
+			});
+			return;
+		}
+		if (v === "line") {
+			L.current = n, M({
+				color: se,
+				id: B("line"),
+				points: [
+					n.x,
+					n.y,
+					n.x,
+					n.y
+				],
+				strokeWidth: 3,
+				type: "line"
+			});
+			return;
+		}
+		v === "compass" && (L.current = n, M({
+			center: n,
+			color: se,
+			id: B("circle"),
+			radius: 1,
+			strokeWidth: 3,
+			type: "circle"
+		}));
+	}
+	function he(e) {
+		let t = pe(e);
+		if (t) {
+			if (v === "eraser" && !u) {
+				G(t);
+				return;
+			}
+			if (!(!j || !L.current || u)) {
+				if (j.type === "freehand") {
+					M({
+						...j,
+						points: j.points.concat([t.x, t.y])
+					});
+					return;
+				}
+				if (j.type === "line") {
+					let e = Ue(t, ie);
+					M({
+						...j,
+						points: [
+							L.current.x,
+							L.current.y,
+							e.x,
+							e.y
+						]
+					});
+					return;
+				}
+				j.type === "circle" && M({
+					...j,
+					radius: Q(j.center, t)
+				});
+			}
+		}
+	}
+	function ge() {
+		if (!j || u) {
+			L.current = null, M(null);
+			return;
+		}
+		let e = j;
+		if (L.current = null, M(null), qe(e)) {
+			if (e.type === "circle") {
+				let t = {
+					...k,
+					compass: {
+						center: e.center,
+						radius: e.radius
+					}
+				};
+				A(t), U(D.concat(e), t);
+				return;
+			}
+			U(D.concat(e));
+		}
+	}
+	function G(e) {
+		if (D.length === 0) return;
+		let t = Je(D, e);
+		t < 0 || U(D.filter((e, n) => n !== t));
+	}
+	return /* @__PURE__ */ o("div", {
+		className: ae,
+		"data-disabled": u ? "true" : "false",
+		dir: "rtl",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "geometry-toolbar",
+				"aria-label": "أَدَواتُ الوَرَقَةِ المُسَوَّدَةِ",
+				children: ke.map((e) => /* @__PURE__ */ o("button", {
+					"aria-pressed": ce(e.id),
+					className: [
+						"geometry-tool-button",
+						ce(e.id) ? "geometry-tool-button--active" : "",
+						Ae.has(e.id) ? "geometry-tool-button--guide" : ""
+					].filter(Boolean).join(" "),
+					disabled: u,
+					onClick: () => le(e.id),
+					type: "button",
+					children: [/* @__PURE__ */ a("span", {
+						"aria-hidden": "true",
+						children: e.icon
+					}), /* @__PURE__ */ a("span", { children: e.label })]
+				}, e.id))
+			}),
+			m ? /* @__PURE__ */ a(ye, {
+				ariaLabel: "أَلْوانُ الأَقْلامِ",
+				className: "geometry-color-picker",
+				colors: _,
+				disabled: u,
+				onChange: E,
+				selectedColorId: oe
+			}) : null,
+			/* @__PURE__ */ a("div", {
+				className: "geometry-stage-shell",
+				ref: ne,
+				children: /* @__PURE__ */ a(w, {
+					height: N.height,
+					onMouseDown: me,
+					onMouseLeave: ge,
+					onMouseMove: he,
+					onMouseUp: ge,
+					onTouchEnd: ge,
+					onTouchMove: he,
+					onTouchStart: me,
+					width: N.width,
+					children: /* @__PURE__ */ o(x, {
+						scaleX: N.scale,
+						scaleY: N.scale,
+						children: [
+							/* @__PURE__ */ a(C, {
+								fill: "#fff",
+								height: t,
+								stroke: "#bad3c8",
+								strokeWidth: 1,
+								width: i
+							}),
+							/* @__PURE__ */ a(Ne, {
+								canvasHeight: t,
+								canvasWidth: i
+							}),
+							p.map((e, n) => /* @__PURE__ */ a(Pe, {
+								label: n % 2 == 0 ? "1" : "2",
+								x: e.x / 100 * i,
+								y: e.y / 100 * t
+							}, e.id)),
+							D.map((e) => Re(e)),
+							j ? Re(j, !0) : null,
+							b.includes("ruler") ? /* @__PURE__ */ a(Fe, {
+								disabled: u,
+								guide: k.ruler,
+								locked: R,
+								onCommit: (e) => W({
+									...k,
+									ruler: e
+								})
+							}) : null,
+							b.includes("protractor") ? /* @__PURE__ */ a(Ie, {
+								disabled: u,
+								guide: k.protractor,
+								locked: R,
+								onChange: (e) => W({
+									...k,
+									protractor: e
+								})
+							}) : null,
+							b.includes("compass") ? /* @__PURE__ */ a(Le, {
+								disabled: u,
+								guide: k.compass,
+								locked: R,
+								onChange: (e) => W({
+									...k,
+									compass: e
+								})
+							}) : null
+						]
+					})
+				})
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "geometry-actions",
+				children: [
+					e ? /* @__PURE__ */ a("span", { children: e }) : null,
+					/* @__PURE__ */ a("button", {
+						disabled: !P.canUndo || u,
+						onClick: ue,
+						type: "button",
+						children: "تَراجُعٌ"
+					}),
+					/* @__PURE__ */ a("button", {
+						disabled: !P.canRedo || u,
+						onClick: de,
+						type: "button",
+						children: "إِعادَةٌ"
+					}),
+					/* @__PURE__ */ a("button", {
+						disabled: D.length === 0 || u,
+						onClick: fe,
+						type: "button",
+						children: "مَسْحٌ"
+					})
+				]
+			})
+		]
+	});
+}
+function Me(t, n, r, i, a) {
+	e(() => {
+		let e = t.current;
+		if (!e) return;
+		let o = (e) => {
+			let t = Math.min(n, Math.max(1, e > 0 ? e : i)), o = t / n;
+			a({
+				height: r * o,
+				scale: o,
+				width: t
+			});
+		};
+		o(e.clientWidth);
+		let s = new ResizeObserver((e) => {
+			let t = e[0];
+			t && o(t.contentRect.width);
+		});
+		return s.observe(e), () => s.disconnect();
+	}, [
+		r,
+		t,
+		n,
+		i,
+		a
+	]);
+}
+function Ne({ canvasHeight: e, canvasWidth: t }) {
+	let n = Math.floor(t / Y), r = Math.floor(e / Y);
+	return /* @__PURE__ */ o(i, { children: [Array.from({ length: n + 1 }, (t, n) => /* @__PURE__ */ a(S, {
+		points: [
+			n * Y,
+			0,
+			n * Y,
+			e
+		],
+		stroke: "#d2ded8",
+		strokeWidth: 1
+	}, `vertical-${n}`)), Array.from({ length: r + 1 }, (e, n) => /* @__PURE__ */ a(S, {
+		points: [
+			0,
+			n * Y,
+			t,
+			n * Y
+		],
+		stroke: "#d2ded8",
+		strokeWidth: 1
+	}, `horizontal-${n}`))] });
+}
+function Pe({ label: e, x: t, y: n }) {
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(y, {
+		fill: "#e63542",
+		radius: 9,
+		shadowBlur: 8,
+		shadowColor: "rgba(230, 53, 66, 0.28)",
+		stroke: "#fff",
+		strokeWidth: 3,
+		x: t,
+		y: n
+	}), /* @__PURE__ */ a(T, {
+		fill: "#111",
+		fontSize: 18,
+		fontStyle: "bold",
+		text: e,
+		x: t + 11,
+		y: n - 22
+	})] });
+}
+function Fe({ disabled: t, guide: s, locked: c, onCommit: l }) {
+	let [u, d] = r(s), f = n(s);
+	e(() => {
+		f.current = s, d(s);
+	}, [s]);
+	let p = u.length / 2, m = p + 44, h = -p - 44, g = p + 8, _ = -p - 8, v = !t && !c;
+	function x(e) {
+		f.current = e, d(e);
+	}
+	function w(e) {
+		e.cancelBubble = !0;
+		let t = Ke(e);
+		t && (x({
+			...f.current,
+			x: t.x,
+			y: t.y
+		}), e.currentTarget.position({
+			x: 0,
+			y: 0
+		}));
+	}
+	function T(e) {
+		e.cancelBubble = !0, e.currentTarget.position({
+			x: 0,
+			y: 0
+		}), l(f.current);
+	}
+	function E(e, t) {
+		e.cancelBubble = !0;
+		let n = Ke(e);
+		n && (x($e(f.current, n, t)), e.currentTarget.position({
+			x: 0,
+			y: 0
+		}));
+	}
+	function D() {
+		let e = {
+			...f.current,
+			rotation: nt(f.current.rotation + 90)
+		};
+		x(e), l(e);
+	}
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o(b, {
+		listening: v,
+		name: "geometry-guide",
+		onDblClick: D,
+		onDblTap: D,
+		rotation: u.rotation,
+		x: u.x,
+		y: u.y,
+		children: [
+			/* @__PURE__ */ a(C, {
+				cornerRadius: 7,
+				fill: "rgba(14, 173, 100, 0.13)",
+				height: 38,
+				listening: !1,
+				offsetX: u.length / 2,
+				offsetY: 38 / 2,
+				stroke: X,
+				strokeWidth: 2,
+				width: u.length
+			}),
+			/* @__PURE__ */ a(S, {
+				points: [
+					-u.length / 2 + 12,
+					0,
+					u.length / 2 - 12,
+					0
+				],
+				listening: !1,
+				stroke: X,
+				strokeWidth: 2
+			}),
+			Array.from({ length: Math.floor(u.length / 20) + 1 }, (e, t) => {
+				let n = -u.length / 2 + t * 20, r = t % 5 == 0;
+				return /* @__PURE__ */ a(S, {
+					listening: !1,
+					points: [
+						n,
+						19,
+						n,
+						r ? 4 : 10
+					],
+					stroke: X,
+					strokeWidth: r ? 1.5 : 1
+				}, t);
+			}),
+			/* @__PURE__ */ a(S, {
+				dash: [7, 7],
+				listening: !1,
+				opacity: .72,
+				points: [
+					g,
+					0,
+					m,
+					0
+				],
+				stroke: X,
+				strokeWidth: 2
+			}),
+			/* @__PURE__ */ a(S, {
+				dash: [7, 7],
+				listening: !1,
+				opacity: .72,
+				points: [
+					_,
+					0,
+					h,
+					0
+				],
+				stroke: X,
+				strokeWidth: 2
+			}),
+			/* @__PURE__ */ a(b, {
+				draggable: v,
+				name: "geometry-guide",
+				onDblClick: D,
+				onDblTap: D,
+				onDragEnd: T,
+				onDragMove: (e) => E(e, "right"),
+				children: /* @__PURE__ */ a(C, {
+					fill: "rgba(255, 255, 255, 0.01)",
+					height: 106,
+					offsetY: 53,
+					width: m + 24,
+					x: 0
+				})
+			}),
+			/* @__PURE__ */ a(b, {
+				draggable: v,
+				name: "geometry-guide",
+				onDblClick: D,
+				onDblTap: D,
+				onDragEnd: T,
+				onDragMove: (e) => E(e, "left"),
+				children: /* @__PURE__ */ a(C, {
+					fill: "rgba(255, 255, 255, 0.01)",
+					height: 106,
+					offsetY: 53,
+					width: Math.abs(h) + 24,
+					x: h - 24
+				})
+			}),
+			/* @__PURE__ */ a(y, {
+				fill: "#f7fffb",
+				listening: !1,
+				radius: 16,
+				shadowBlur: 10,
+				shadowColor: "rgba(10, 143, 85, 0.35)",
+				stroke: X,
+				strokeWidth: 4,
+				x: m,
+				y: 0
+			}),
+			/* @__PURE__ */ a(y, {
+				fill: "#f7fffb",
+				listening: !1,
+				radius: 16,
+				shadowBlur: 10,
+				shadowColor: "rgba(10, 143, 85, 0.35)",
+				stroke: X,
+				strokeWidth: 4,
+				x: h,
+				y: 0
+			}),
+			/* @__PURE__ */ o(b, {
+				draggable: v,
+				name: "geometry-guide",
+				onDragEnd: T,
+				onDragMove: w,
+				children: [/* @__PURE__ */ a(C, {
+					cornerRadius: 13,
+					fill: "#ffffff",
+					height: 26,
+					offsetX: 35,
+					offsetY: 13,
+					shadowBlur: 8,
+					shadowColor: "rgba(10, 143, 85, 0.2)",
+					stroke: X,
+					strokeWidth: 2,
+					width: 70
+				}), [
+					-14,
+					0,
+					14
+				].map((e) => /* @__PURE__ */ a(S, {
+					lineCap: "round",
+					points: [
+						e,
+						-7,
+						e,
+						7
+					],
+					stroke: X,
+					strokeWidth: 2
+				}, e))]
+			})
+		]
+	}) });
+}
+function Ie({ disabled: e, guide: t, locked: n, onChange: r }) {
+	let s = !e && !n, c = Ze({
+		x: 136,
+		y: 0
+	}, t.rotation, {
+		x: t.x,
+		y: t.y
+	});
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o(b, {
+		draggable: s,
+		listening: s,
+		name: "geometry-guide",
+		onDragMove: (e) => r({
+			...t,
+			x: e.target.x(),
+			y: e.target.y()
+		}),
+		rotation: t.rotation,
+		x: t.x,
+		y: t.y,
+		children: [
+			/* @__PURE__ */ a(v, {
+				angle: 180,
+				fill: "rgba(14, 173, 100, 0.11)",
+				innerRadius: 0,
+				outerRadius: 110,
+				rotation: 180,
+				stroke: X,
+				strokeWidth: 2
+			}),
+			/* @__PURE__ */ a(S, {
+				points: [
+					-110,
+					0,
+					110,
+					0
+				],
+				stroke: X,
+				strokeWidth: 2
+			}),
+			Array.from({ length: 19 }, (e, t) => {
+				let n = t * 10, r = (180 - n) * Math.PI / 180, i = {
+					x: Math.cos(r) * 110,
+					y: -Math.sin(r) * 110
+				}, o = {
+					x: Math.cos(r) * (t % 3 == 0 ? 92 : 100),
+					y: -Math.sin(r) * (t % 3 == 0 ? 92 : 100)
+				};
+				return /* @__PURE__ */ a(S, {
+					points: [
+						o.x,
+						o.y,
+						i.x,
+						i.y
+					],
+					stroke: X,
+					strokeWidth: t % 3 == 0 ? 1.4 : 1
+				}, n);
+			}),
+			[
+				0,
+				90,
+				180
+			].map((e) => {
+				let t = (180 - e) * Math.PI / 180;
+				return /* @__PURE__ */ a(T, {
+					fill: X,
+					fontSize: 12,
+					fontStyle: "bold",
+					text: `${e}`,
+					x: Math.cos(t) * 72 - 10,
+					y: -Math.sin(t) * 72 - 7
+				}, e);
+			})
+		]
+	}), /* @__PURE__ */ a(y, {
+		draggable: s,
+		fill: "#fff",
+		listening: s,
+		name: "geometry-guide",
+		onDragMove: (e) => {
+			let n = e.target.position();
+			r({
+				...t,
+				rotation: Math.atan2(n.y - t.y, n.x - t.x) * 180 / Math.PI
+			});
+		},
+		radius: 10,
+		stroke: X,
+		strokeWidth: 3,
+		x: c.x,
+		y: c.y
+	})] });
+}
+function Le({ disabled: e, guide: t, locked: n, onChange: r }) {
+	let s = !e && !n, c = {
+		x: t.center.x + t.radius,
+		y: t.center.y
+	}, l = {
+		x: t.center.x + t.radius / 2,
+		y: t.center.y - Math.min(90, Math.max(34, t.radius * .68))
+	};
+	return /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a(y, {
+			dash: [8, 8],
+			radius: t.radius,
+			stroke: X,
+			strokeWidth: 2,
+			x: t.center.x,
+			y: t.center.y
+		}),
+		/* @__PURE__ */ a(S, {
+			dash: [8, 8],
+			points: [
+				t.center.x,
+				t.center.y,
+				c.x,
+				c.y
+			],
+			stroke: X,
+			strokeWidth: 2
+		}),
+		/* @__PURE__ */ a(S, {
+			lineCap: "round",
+			lineJoin: "round",
+			points: [
+				t.center.x,
+				t.center.y,
+				l.x,
+				l.y,
+				c.x,
+				c.y
+			],
+			stroke: X,
+			strokeWidth: 4
+		}),
+		/* @__PURE__ */ a(y, {
+			fill: "#fff",
+			radius: 8,
+			stroke: X,
+			strokeWidth: 3,
+			x: l.x,
+			y: l.y
+		}),
+		/* @__PURE__ */ a(y, {
+			draggable: s,
+			fill: "#fff",
+			listening: s,
+			name: "geometry-guide",
+			onDragMove: (e) => r({
+				...t,
+				center: e.target.position()
+			}),
+			radius: 11,
+			stroke: X,
+			strokeWidth: 3,
+			x: t.center.x,
+			y: t.center.y
+		}),
+		/* @__PURE__ */ a(y, {
+			draggable: s,
+			fill: "#fff",
+			listening: s,
+			name: "geometry-guide",
+			onDragMove: (e) => {
+				let n = e.target.position();
+				r({
+					...t,
+					radius: Math.max(14, Q(t.center, n))
+				});
+			},
+			radius: 9,
+			stroke: X,
+			strokeWidth: 3,
+			x: c.x,
+			y: c.y
+		})
+	] });
+}
+function Re(e, t = !1) {
+	let n = t ? .58 : 1;
+	return e.type === "freehand" ? /* @__PURE__ */ a(S, {
+		lineCap: "round",
+		lineJoin: "round",
+		opacity: n,
+		points: e.points,
+		stroke: e.color,
+		strokeWidth: e.strokeWidth,
+		tension: .45
+	}, e.id) : e.type === "line" ? /* @__PURE__ */ a(S, {
+		lineCap: "round",
+		opacity: n,
+		points: e.points,
+		stroke: e.color,
+		strokeWidth: e.strokeWidth
+	}, e.id) : /* @__PURE__ */ a(y, {
+		opacity: n,
+		radius: e.radius,
+		stroke: e.color,
+		strokeWidth: e.strokeWidth,
+		x: e.center.x,
+		y: e.center.y
+	}, e.id);
+}
+function ze(e, t) {
+	return {
+		compass: {
+			center: {
+				x: e / 2,
+				y: t / 2
+			},
+			radius: Math.min(e, t) * .22
+		},
+		protractor: {
+			rotation: 0,
+			x: e / 2,
+			y: t * .72
+		},
+		ruler: {
+			length: Math.min(e - 70, 430),
+			rotation: 0,
+			x: e / 2,
+			y: t / 2
+		}
+	};
+}
+function Be(e) {
+	return e?.elements?.length ? Z(e.elements) : (e?.strokes ?? []).filter((e) => e.tool === "pen" && e.points.length >= 4).map((e) => ({
+		color: Oe,
+		id: e.id,
+		points: e.points.slice(),
+		strokeWidth: 4,
+		type: "freehand"
+	}));
+}
+function Ve(e) {
+	return e.flatMap((e) => e.type === "freehand" ? [{
+		id: e.id,
+		points: e.points.slice(),
+		tool: "pen"
+	}] : e.type === "line" ? [{
+		id: e.id,
+		points: [...e.points],
+		tool: "pen"
+	}] : []);
+}
+function Z(e) {
+	return e.map((e) => e.type === "freehand" ? {
+		...e,
+		points: e.points.slice()
+	} : e.type === "line" ? {
+		...e,
+		points: [
+			e.points[0],
+			e.points[1],
+			e.points[2],
+			e.points[3]
+		]
+	} : {
+		...e,
+		center: { ...e.center }
+	});
+}
+function He(e, t, n) {
+	let r = e.map((e) => ({
+		x: e.x / 100 * t,
+		y: e.y / 100 * n
+	})), i = [];
+	for (let e = 0; e <= t; e += Y) for (let t = 0; t <= n; t += Y) i.push({
+		x: e,
+		y: t
+	});
+	return r.concat(i);
+}
+function Ue(e, t) {
+	let n = e, r = De;
+	return t.forEach((t) => {
+		let i = Q(e, t);
+		i < r && (n = t, r = i);
+	}), n;
+}
+function We(e) {
+	let t = e;
+	for (; t;) {
+		if (t.name().split(" ").includes("geometry-guide")) return !0;
+		t = t.getParent();
+	}
+	return !1;
+}
+function Ge(e) {
+	return e === "pen" || e === "line" || e === "eraser";
+}
+function Ke(e) {
+	let t = e.target.getStage()?.getPointerPosition();
+	if (!t) return null;
+	let n = e.target.getLayer(), r = n?.scaleX() || 1, i = n?.scaleY() || r;
+	return {
+		x: t.x / r,
+		y: t.y / i
+	};
+}
+function qe(e) {
+	return e.type === "freehand" ? e.points.length >= 4 : e.type === "line" ? et(e.points) > 6 : e.radius > 6;
+}
+function Je(e, t) {
+	for (let n = e.length - 1; n >= 0; --n) if (Ye(e[n], t)) return n;
+	return -1;
+}
+function Ye(e, t) {
+	if (e.type === "circle") return Math.abs(Q(e.center, t) - e.radius) <= 14;
+	for (let n = 0; n < e.points.length - 2; n += 2) if (Xe(t, {
+		x1: e.points[n],
+		x2: e.points[n + 2],
+		y1: e.points[n + 1],
+		y2: e.points[n + 3]
+	}) <= 14) return !0;
+	return !1;
+}
+function Xe(e, t) {
+	let n = t.x2 - t.x1, r = t.y2 - t.y1, i = n * n + r * r;
+	if (i === 0) return Q(e, {
+		x: t.x1,
+		y: t.y1
+	});
+	let a = tt(((e.x - t.x1) * n + (e.y - t.y1) * r) / i, 0, 1);
+	return Q(e, {
+		x: t.x1 + a * n,
+		y: t.y1 + a * r
+	});
+}
+function Ze(e, t, n) {
+	let r = t * Math.PI / 180, i = Math.cos(r), a = Math.sin(r);
+	return {
+		x: n.x + e.x * i - e.y * a,
+		y: n.y + e.x * a + e.y * i
+	};
+}
+function Qe(e, t) {
+	return Ze({
+		x: t === "left" ? -e.length / 2 : e.length / 2,
+		y: 0
+	}, e.rotation, {
+		x: e.x,
+		y: e.y
+	});
+}
+function $e(e, t, n) {
+	let r = n === "right" ? "left" : "right", i = Qe(e, r), a = Math.atan2(t.y - i.y, t.x - i.x) * 180 / Math.PI, o = nt(n === "right" ? a : a + 180), s = o * Math.PI / 180, c = e.length / 2, l = r === "left" ? 1 : -1;
+	return {
+		...e,
+		rotation: o,
+		x: i.x + Math.cos(s) * c * l,
+		y: i.y + Math.sin(s) * c * l
+	};
+}
+function et(e) {
+	return Q({
+		x: e[0],
+		y: e[1]
+	}, {
+		x: e[2],
+		y: e[3]
+	});
+}
+function Q(e, t) {
+	return Math.hypot(e.x - t.x, e.y - t.y);
+}
+function tt(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function nt(e) {
+	return (e % 360 + 360) % 360;
+}
+//#endregion
+//#region src/exam-session/interactions/KonvaDrawingGrid.tsx
+function rt({ actionLabel: e, points: t, value: n, onChange: r }) {
+	return /* @__PURE__ */ a(je, {
+		actionLabel: e,
+		onChange: r,
+		points: t,
+		value: n,
+		variant: "question"
+	});
+}
+//#endregion
+//#region src/exam-session/interactions/LabelPlacement.tsx
+function it({ labels: e, targets: t, value: n, onChange: r }) {
+	let i = n?.placements ?? {}, c = new Set(Object.keys(i));
+	return /* @__PURE__ */ a(s, {
+		onDragEnd: (e) => {
+			if (e.canceled) return;
+			let n = e.operation.source?.id?.toString(), a = e.operation.target?.id?.toString(), o = t.find((e) => e.id === a);
+			!n || !o || r({
+				kind: "placements",
+				placements: {
+					...i,
+					[n]: {
+						labelId: n,
+						targetId: o.id,
+						x: o.x,
+						y: o.y
+					}
+				}
+			});
+		},
+		children: /* @__PURE__ */ o("div", {
+			className: "label-placement",
+			children: [/* @__PURE__ */ a("div", {
+				className: "label-placement__bank",
+				children: e.filter((e) => !c.has(e.id)).map((e) => /* @__PURE__ */ a(at, { label: e }, e.id))
+			}), /* @__PURE__ */ a("div", {
+				className: "label-placement__diagram",
+				children: t.map((t) => /* @__PURE__ */ a(ot, {
+					label: e.find((e) => i[e.id]?.targetId === t.id),
+					target: t
+				}, t.id))
+			})]
+		})
+	});
+}
+function at({ label: e }) {
+	let { ref: t, isDragging: n } = c({ id: e.id });
+	return /* @__PURE__ */ a("button", {
+		className: n ? "placement-label placement-label--dragging" : "placement-label",
+		ref: t,
+		type: "button",
+		children: e.label
+	});
+}
+function ot({ label: e, target: t }) {
+	let { ref: n, isDropTarget: r } = l({ id: t.id });
+	return /* @__PURE__ */ o("div", {
+		className: r ? "placement-target placement-target--active" : "placement-target",
+		ref: n,
+		style: {
+			left: `${t.x}%`,
+			top: `${t.y}%`
+		},
+		children: [/* @__PURE__ */ a("span", {
+			"aria-hidden": "true",
+			children: t.label
+		}), e ? /* @__PURE__ */ a(at, { label: e }) : null]
+	});
+}
+//#endregion
+//#region src/exam-session/interactions/NumberLineAnswer.tsx
+function st({ answerId: e, expression: t, value: n, onChange: r, onClear: i, recognizer: s }) {
+	return /* @__PURE__ */ o("div", {
+		className: "number-line-layout",
+		children: [/* @__PURE__ */ a(ct, {}), /* @__PURE__ */ o("div", {
+			className: "compact-answer",
+			children: [/* @__PURE__ */ a("span", { children: t }), /* @__PURE__ */ a(q, {
+				ariaLabel: t,
+				onChange: (t) => r(e, t),
+				onClear: () => i(e),
+				recognizer: s,
+				value: n
+			})]
+		})]
+	});
+}
+function ct() {
+	return /* @__PURE__ */ o("svg", {
+		className: "number-line",
+		viewBox: "0 0 520 86",
+		role: "img",
+		"aria-label": "مُسْتَقِيمٌ عَدَدِيٌّ مِنْ 0 إِلَى 10",
+		children: [/* @__PURE__ */ a("line", {
+			x1: "32",
+			x2: "488",
+			y1: "36",
+			y2: "36"
+		}), Array.from({ length: 11 }, (e, t) => {
+			let n = 32 + t * 45.6;
+			return /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a("line", {
+				x1: n,
+				x2: n,
+				y1: "28",
+				y2: "44"
+			}), /* @__PURE__ */ a("text", {
+				x: n,
+				y: "66",
+				children: t
+			})] }, t);
+		})]
+	});
+}
+//#endregion
+//#region src/voice/evaluateVoiceAiResult.ts
+var lt = {
+	audioConfig: {
+		bitDepth: 16,
+		channels: 1,
+		format: "wav",
+		sampleRate: 16e3
+	},
+	lang: "fr",
+	useModelAi: !0
+};
+function ut(e, t, n) {
+	let r = mt([t, ...n.acceptedPronunciations ?? []]), i = r.map(dt), a = dt(e.transcript), o = i.map((e, t) => ({
+		index: t,
+		similarity: pt(a, e)
+	})).reduce((e, t) => t.similarity > e.similarity ? t : e, {
+		index: -1,
+		similarity: 0
+	}), s = o.index >= 0 ? r[o.index] : null, c = o.similarity === 1, l = ht(n.minimumSimilarity ?? ft(s), 0, 1), u = e.language === n.expectedLanguage, d = a.length > 0, f = d && u && o.similarity >= l, p = d ? u ? f ? "correct" : "incorrect" : "language-mismatch" : "no-speech";
+	return {
+		acceptedPronunciations: r,
+		confidence: e.confidence,
+		confidencePercent: Math.round(ht(e.confidence, 0, 1) * 100),
+		detectedPronunciation: e.transcript,
+		expectedLanguage: n.expectedLanguage,
+		expectedText: t,
+		isCorrect: f,
+		isExactMatch: c,
+		language: e.language,
+		latencyMs: e.latencyMs,
+		matchedPronunciation: f ? s : null,
+		minimumSimilarity: l,
+		modelVersion: e.modelVersion,
+		normalizedDetectedPronunciation: a,
+		normalizedPronunciations: i,
+		similarity: o.similarity,
+		similarityPercent: Math.round(o.similarity * 100),
+		status: p,
+		timestamps: e.timestamps ?? []
+	};
+}
+function dt(e) {
+	return e.toLocaleLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[\u064b-\u065f\u0670]/g, "").replace(/[|]+/g, " ").replace(/[^\p{Letter}\p{Number}\s]/gu, " ").replace(/\s+/g, " ").trim();
+}
+function ft(e) {
+	return (e ? dt(e).length : 0) <= 4 ? 1 : .85;
+}
+function pt(e, t) {
+	let n = Array.from(e), r = Array.from(t), i = Math.max(n.length, r.length);
+	if (i === 0) return 0;
+	let a = Array.from({ length: r.length + 1 }, (e, t) => t);
+	for (let e = 0; e < n.length; e += 1) {
+		let t = [e + 1];
+		for (let i = 0; i < r.length; i += 1) {
+			let o = n[e] === r[i] ? 0 : 1;
+			t.push(Math.min(t[i] + 1, a[i + 1] + 1, a[i] + o));
+		}
+		a.splice(0, a.length, ...t);
+	}
+	return ht(1 - a[r.length] / i, 0, 1);
+}
+function mt(e) {
+	let t = /* @__PURE__ */ new Set();
+	return e.filter((e) => {
+		let n = dt(e);
+		return !n || t.has(n) ? !1 : (t.add(n), !0);
+	});
+}
+function ht(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+//#endregion
+//#region src/exam-session/interactions/PronunciationRecorder.tsx
+function gt({ acceptedPronunciations: i, expectedText: s, imageAlt: c, imageSrc: l, instruction: u, language: d, minimumSimilarity: p, onChange: g, onReset: _, recorder: v, value: y }) {
+	let [b, x] = r("idle"), [S, C] = r(null), [w, T] = r(0), E = n(null), D = n(!1), O = t(() => y ? ut(y.result.modelAiResult, s, {
+		acceptedPronunciations: i,
+		expectedLanguage: d,
+		minimumSimilarity: p
+	}) : null, [
+		i,
+		s,
+		d,
+		p,
+		y
+	]);
+	e(() => {
+		if (b !== "recording") return;
+		let e = window.setInterval(() => {
+			let e = E.current;
+			e !== null && T(Date.now() - e);
+		}, 200);
+		return () => window.clearInterval(e);
+	}, [b]), e(() => () => {
+		D.current && v?.stopRecording().catch(() => void 0);
+	}, [v]);
+	async function k() {
+		if (b !== "recording") {
+			x("checking"), C(null), _();
+			try {
+				if (!v) throw Error("مُسجِّل الصَّوت غَير مُتاحٍ فِي هذا التَّطبِيق.");
+				let e = {
+					...lt,
+					lang: d,
+					maxDuration: 10
+				};
+				if (!(await v.startRecording(e)).started) throw Error("تعذّر بدء التسجيل الصوتي.");
+				D.current = !0, E.current = Date.now(), T(0), x("recording");
+			} catch (e) {
+				D.current = !1, E.current = null, C(bt(e)), x("error");
+			}
+		}
+	}
+	async function A() {
+		if (b === "recording") {
+			x("processing"), C(null);
+			try {
+				if (!v) throw Error("مُسجِّل الصَّوت غَير مُتاحٍ فِي هذا التَّطبِيق.");
+				let e = await v.stopRecording(), t = ut(e.modelAiResult, s, {
+					acceptedPronunciations: i,
+					expectedLanguage: d,
+					minimumSimilarity: p
+				});
+				D.current = !1, E.current = null, T(e.duration), g({
+					evaluation: t,
+					kind: "audio-recording",
+					result: e
+				}), x("idle");
+			} catch (e) {
+				D.current = !1, E.current = null, C(bt(e)), x("error");
+			}
+		}
+	}
+	function j() {
+		C(null), T(0), x("idle"), _();
+	}
+	let M = b === "checking" || b === "processing", N = b === "recording" ? w : y?.result.duration ?? w;
+	return /* @__PURE__ */ o("div", {
+		className: "audio-debug-card",
+		"data-status": b,
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "audio-pronunciation-target",
+				children: [/* @__PURE__ */ a("div", {
+					className: "audio-pronunciation-image-frame",
+					children: /* @__PURE__ */ a("img", {
+						alt: c,
+						src: l
+					})
+				}), /* @__PURE__ */ o("div", {
+					className: "audio-pronunciation-copy",
+					children: [
+						/* @__PURE__ */ o("span", { children: [
+							"اُنْطِقِ الكَلِمَةَ بِـ",
+							yt(d),
+							":"
+						] }),
+						/* @__PURE__ */ a("strong", {
+							dir: d === "ar" ? "rtl" : "ltr",
+							children: s
+						}),
+						/* @__PURE__ */ a("p", { children: u })
+					]
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "audio-debug-card__hero",
+				"aria-live": "polite",
+				children: [/* @__PURE__ */ a("span", {
+					className: "audio-debug-card__icon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ a(f, {})
+				}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("strong", { children: xt(b, !!y) }), /* @__PURE__ */ a("span", { children: vt(N) })] })]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "audio-debug-actions",
+				children: [
+					/* @__PURE__ */ o("button", {
+						className: "audio-debug-button audio-debug-button--record",
+						disabled: b === "recording" || M,
+						onClick: k,
+						type: "button",
+						children: [/* @__PURE__ */ a(f, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: y ? "سَجِّلْ مُحاوَلَةً جَدِيدَةً" : "اِبْدَأِ التَّسْجِيلَ" })]
+					}),
+					/* @__PURE__ */ o("button", {
+						className: "audio-debug-button audio-debug-button--stop",
+						disabled: b !== "recording",
+						onClick: A,
+						type: "button",
+						children: [/* @__PURE__ */ a(h, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: "أَنْهِ التَّسْجِيلَ" })]
+					}),
+					/* @__PURE__ */ o("button", {
+						className: "audio-debug-button audio-debug-button--reset",
+						disabled: b === "recording" || M || !y && !S,
+						onClick: j,
+						type: "button",
+						children: [/* @__PURE__ */ a(m, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: "إِعادَةُ المُحاوَلَةِ" })]
+					})
+				]
+			}),
+			S ? /* @__PURE__ */ a("p", {
+				className: "audio-debug-message",
+				role: "alert",
+				children: S
+			}) : null,
+			y && O ? /* @__PURE__ */ o("section", {
+				className: "audio-pronunciation-feedback",
+				"data-outcome": O.status,
+				"data-testid": "pronunciation-feedback",
+				role: "status",
+				children: [/* @__PURE__ */ o("div", {
+					className: "audio-pronunciation-feedback__headline",
+					children: [/* @__PURE__ */ a(_t, { status: O.status }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("strong", { children: St(O.status) }), /* @__PURE__ */ a("span", { children: Ct(O.status, s) })] })]
+				}), /* @__PURE__ */ o("div", {
+					className: "audio-debug-metadata",
+					children: [
+						/* @__PURE__ */ a($, {
+							label: "ما تَعَرَّفَ عَلَيْهِ النَّمُوذَجُ",
+							value: O.detectedPronunciation || "—"
+						}),
+						/* @__PURE__ */ a($, {
+							label: "نِسْبَةُ التَّطابُقِ",
+							value: `${O.similarityPercent}%`
+						}),
+						/* @__PURE__ */ a($, {
+							label: "ثِقَةُ النَّمُوذَجِ",
+							value: `${O.confidencePercent}%`
+						}),
+						/* @__PURE__ */ a($, {
+							label: "اللُّغَةُ",
+							value: O.language.toUpperCase()
+						}),
+						/* @__PURE__ */ a($, {
+							label: "زَمَنُ التَّحْلِيلِ",
+							value: `${O.latencyMs} ms`
+						}),
+						/* @__PURE__ */ a($, {
+							label: "عَدَدُ الرُّمُوزِ الصَّوْتِيَّةِ",
+							value: O.timestamps.length.toString()
+						})
+					]
+				})]
+			}) : null
+		]
+	});
+}
+function _t({ status: e }) {
+	return a(e === "correct" ? u : e === "no-speech" ? g : _, { "aria-hidden": "true" });
+}
+function $({ label: e, value: t }) {
+	return /* @__PURE__ */ o("span", {
+		className: "audio-debug-meta-card",
+		children: [/* @__PURE__ */ a("small", { children: e }), /* @__PURE__ */ a("strong", {
+			dir: "ltr",
+			children: t
+		})]
+	});
+}
+function vt(e) {
+	let t = Math.max(0, Math.round(e / 1e3)), n = Math.floor(t / 60), r = t % 60;
+	return `${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
+}
+function yt(e) {
+	return e === "fr" ? "الفَرَنْسِيَّةِ" : "العَرَبِيَّةِ";
+}
+function bt(e) {
+	let t = e;
+	return t.code === "MISSING_PERMISSION" ? "يَجِبُ السَّماحُ بِاسْتِعْمالِ المِيكْرُوفُونِ لِتَسْجِيلِ الإِجابَةِ." : t.code === "MODEL_VOCAB_MISMATCH" ? "مَلَفُّ نَمُوذَجِ اللُّغَةِ لا يُطابِقُ قامُوسَهُ. يُرْجى تَصْحِيحُ مَلَفِّ النَّمُوذَجِ." : t.message ? t.message : typeof e == "string" ? e : "حَدَثَ خَطَأٌ أَثْناءَ تَسْجِيلِ الإِجابَةِ الصَّوْتِيَّةِ.";
+}
+function xt(e, t) {
+	return e === "checking" ? "جارِي تَجْهِيزُ المِيكْرُوفُونِ" : e === "recording" ? "جارِي التَّسْجِيلُ... تَكَلَّمِ الآنَ" : e === "processing" ? "جارِي تَحْلِيلُ النُّطْقِ" : e === "error" ? "تَعَذَّرَ تَحْلِيلُ التَّسْجِيلِ" : t ? "اِكْتَمَلَ تَحْلِيلُ الإِجابَةِ" : "المِيكْرُوفُونُ جاهِزٌ";
+}
+function St(e) {
+	return e === "correct" ? "أَحْسَنْتَ! إِجابَةٌ صَحِيحَةٌ" : e === "no-speech" ? "لَمْ نَسْمَعْ كَلِمَةً واضِحَةً" : e === "language-mismatch" ? "اُسْتُعْمِلَ نَمُوذَجُ لُغَةٍ مُخْتَلِفَةٍ" : "حاوِلْ مَرَّةً أُخْرى";
+}
+function Ct(e, t) {
+	return e === "correct" ? `نَطَقْتَ «${t}» بِشَكْلٍ صَحِيحٍ.` : e === "no-speech" ? `قَرِّبْ فَمَكَ مِنَ المِيكْرُوفُونِ وَقُلْ «${t}».` : `اِسْتَمِعْ إِلى نُطْقِ «${t}» ثُمَّ أَعِدِ المُحاوَلَةَ.`;
+}
+//#endregion
+//#region src/exam-session/interactions/SortableAnswer.tsx
+function wt({ answerId: e, items: t, value: n, onChange: r }) {
+	let i = new Map(t.map((e) => [e.id, e])), o = n?.itemIds.length === t.length ? n.itemIds.filter((e) => i.has(e)) : t.map((e) => e.id);
+	return /* @__PURE__ */ a(s, {
+		onDragEnd: (e) => {
+			e.canceled || r({
+				kind: "order",
+				itemIds: E(o, e).map((e) => e.toString())
+			});
+		},
+		children: /* @__PURE__ */ a("div", {
+			className: "sortable-answer",
+			children: o.map((t, n) => {
+				let r = i.get(t);
+				return r ? /* @__PURE__ */ a(Tt, {
+					group: e,
+					index: n,
+					item: r
+				}, r.id) : null;
+			})
+		})
+	});
+}
+function Tt({ group: e, index: t, item: n }) {
+	let { ref: r, isDragging: i, isDropTarget: o } = D({
+		id: n.id,
+		index: t,
+		group: e,
+		type: "sortable-answer"
+	});
+	return /* @__PURE__ */ a("button", {
+		className: [
+			"sortable-token",
+			i ? "sortable-token--dragging" : "",
+			o ? "sortable-token--target" : ""
+		].filter(Boolean).join(" "),
+		ref: r,
+		type: "button",
+		children: n.label
+	});
+}
+//#endregion
+//#region src/exam-session/interactions/TextAnswer.tsx
+function Et({ ariaLabel: e, className: t, inputMode: n = "text", value: r, onChange: i }) {
+	return /* @__PURE__ */ a("input", {
+		"aria-label": e,
+		className: t,
+		inputMode: n,
+		onChange: (e) => i({
+			kind: "text",
+			value: e.target.value
+		}),
+		value: r?.value ?? ""
+	});
+}
+//#endregion
+//#region src/renderer/QuestionRenderer.tsx
+function Dt({ adapters: e, clearAnswer: t, question: n, getAnswer: r, updateAnswer: i }) {
+	return /* @__PURE__ */ o("article", {
+		className: `question-block question-block--${n.type}`,
+		children: [/* @__PURE__ */ a(kt, {
+			number: n.number,
+			prompt: n.prompt
+		}), At(n, r, i, t, e)]
+	});
+}
+function Ot({ adapters: e, clearAnswer: t, section: n, getAnswer: r, updateAnswer: i }) {
+	return /* @__PURE__ */ o("section", {
+		className: `question-section question-section--${n.tone}`,
+		children: [/* @__PURE__ */ o("header", {
+			className: "section-heading",
+			children: [
+				/* @__PURE__ */ o("span", {
+					className: "section-points",
+					children: [/* @__PURE__ */ a("small", { children: "ن" }), n.points]
+				}),
+				/* @__PURE__ */ a("h3", { children: n.title }),
+				/* @__PURE__ */ a("span", {
+					className: "section-badge",
+					children: n.badge
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: "section-body",
+			children: n.questions.map((n) => /* @__PURE__ */ a(Dt, {
+				adapters: e,
+				clearAnswer: t,
+				getAnswer: r,
+				question: n,
+				updateAnswer: i
+			}, n.id))
+		})]
+	});
+}
+function kt({ number: e, prompt: t }) {
+	return /* @__PURE__ */ o("div", {
+		className: "question-prompt",
+		children: [e > 0 ? /* @__PURE__ */ a("span", { children: e }) : null, /* @__PURE__ */ a("strong", { children: t })]
+	});
+}
+function At(e, t, n, r, s) {
+	switch (e.type) {
+		case "inline-inputs": return /* @__PURE__ */ a("div", {
+			className: "inline-equation-grid",
+			children: e.items.map((i) => {
+				let c = `${e.id}:${i.id}`;
+				return /* @__PURE__ */ o("div", {
+					className: "equation-card",
+					children: [
+						/* @__PURE__ */ a("span", { children: i.before }),
+						/* @__PURE__ */ a(q, {
+							ariaLabel: i.before,
+							onChange: (e) => n(c, e),
+							onClear: () => r(c),
+							recognizer: s?.handwritingRecognizer,
+							value: Mt(t(c))
+						}),
+						i.after ? /* @__PURE__ */ a("span", { children: i.after }) : null
+					]
+				}, i.id);
+			})
+		});
+		case "visual-choice": return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(Ut, {
+			choices: e.choices,
+			onChange: (t) => n(e.id, t),
+			value: Pt(t(e.id)),
+			visual: e.visual
+		}), e.inputLabel ? /* @__PURE__ */ o("div", {
+			className: "compact-answer",
+			children: [/* @__PURE__ */ a("span", { children: e.inputLabel }), /* @__PURE__ */ a(q, {
+				ariaLabel: e.inputLabel,
+				onChange: (t) => n(`${e.id}:input`, t),
+				onClear: () => r(`${e.id}:input`),
+				recognizer: s?.handwritingRecognizer,
+				value: Mt(t(`${e.id}:input`))
+			})]
+		}) : null] });
+		case "number-line": return /* @__PURE__ */ a(st, {
+			answerId: e.id,
+			expression: e.expression,
+			onClear: r,
+			onChange: n,
+			recognizer: s?.handwritingRecognizer,
+			value: Mt(t(e.id))
+		});
+		case "equation-inputs": return /* @__PURE__ */ a("div", {
+			className: "stacked-equations",
+			children: e.items.map((i) => {
+				let c = `${e.id}:${i.id}`;
+				return /* @__PURE__ */ o("div", {
+					className: "wide-equation-card",
+					children: [
+						/* @__PURE__ */ a("span", { children: i.before }),
+						/* @__PURE__ */ a(q, {
+							ariaLabel: `${e.prompt} ${i.before}`,
+							onChange: (e) => n(c, e),
+							onClear: () => r(c),
+							recognizer: s?.handwritingRecognizer,
+							value: Mt(t(c))
+						}),
+						i.after ? /* @__PURE__ */ a("span", { children: i.after }) : null
+					]
+				}, i.id);
+			})
+		});
+		case "length-estimation": return /* @__PURE__ */ a(Wt, {
+			answerId: e.id,
+			choices: e.choices,
+			getAnswer: t,
+			items: e.items,
+			updateAnswer: n
+		});
+		case "shape-choice": return /* @__PURE__ */ o("div", {
+			className: "shape-choice-layout",
+			children: [/* @__PURE__ */ a(me, {
+				items: e.choices.map((e) => ({
+					id: `${e.id}-label`,
+					label: e.label
+				})),
+				onChange: (t) => n(e.id, t),
+				targets: e.choices.map((e) => ({
+					id: `${e.id}-target`,
+					label: Bt(e.id)
+				})),
+				value: Pt(t(e.id))
+			}), /* @__PURE__ */ a("div", {
+				className: "shape-row",
+				"aria-hidden": "true",
+				children: e.choices.map((e) => /* @__PURE__ */ a("span", { className: `shape-drawing shape-drawing--${e.id}` }, e.id))
+			})]
+		});
+		case "drawing-grid": return /* @__PURE__ */ a(rt, {
+			actionLabel: e.actionLabel,
+			onChange: (t) => n(e.id, t),
+			points: e.points,
+			value: Lt(t(e.id))
+		});
+		case "table-response": return /* @__PURE__ */ a(pe, {
+			columns: e.columns,
+			onChange: (t) => n(e.id, t),
+			value: Rt(t(e.id))
+		});
+		case "text-input": return e.before && !e.after && e.number === 0 ? /* @__PURE__ */ a("p", {
+			className: "problem-statement",
+			children: e.before
+		}) : /* @__PURE__ */ o("div", {
+			className: "sentence-answer",
+			children: [
+				e.before ? /* @__PURE__ */ a("span", { children: e.before }) : null,
+				/* @__PURE__ */ a(q, {
+					ariaLabel: e.prompt,
+					onChange: (t) => n(e.id, t),
+					onClear: () => r(e.id),
+					recognizer: s?.handwritingRecognizer,
+					value: Mt(t(e.id))
+				}),
+				e.after ? /* @__PURE__ */ a("span", { children: e.after }) : null
+			]
+		});
+		case "drag-match": return /* @__PURE__ */ a(me, {
+			items: e.items,
+			onChange: (t) => n(e.id, t),
+			targets: e.targets,
+			value: Pt(t(e.id))
+		});
+		case "sortable-answer": return /* @__PURE__ */ a(wt, {
+			answerId: e.id,
+			items: e.items,
+			onChange: (t) => n(e.id, t),
+			value: Ft(t(e.id))
+		});
+		case "label-placement": return /* @__PURE__ */ a(it, {
+			labels: e.labels,
+			onChange: (t) => n(e.id, t),
+			targets: e.targets,
+			value: It(t(e.id))
+		});
+		case "audio-recording": return /* @__PURE__ */ a(gt, {
+			acceptedPronunciations: e.acceptedPronunciations,
+			expectedText: e.expectedAnswer,
+			imageAlt: e.imageAlt,
+			imageSrc: e.imageSrc,
+			instruction: e.instruction,
+			language: e.language,
+			minimumSimilarity: e.minimumSimilarity,
+			onChange: (t) => n(e.id, t),
+			onReset: () => r(e.id),
+			recorder: s?.audioRecorder,
+			value: zt(t(e.id))
+		});
+	}
+}
+function jt(e) {
+	return e?.kind === "text" ? e : void 0;
+}
+function Mt(e) {
+	return e?.kind === "handwritten-number" ? e : void 0;
+}
+function Nt(e) {
+	return e?.kind === "choice" ? e : void 0;
+}
+function Pt(e) {
+	return e?.kind === "matches" ? e : void 0;
+}
+function Ft(e) {
+	return e?.kind === "order" ? e : void 0;
+}
+function It(e) {
+	return e?.kind === "placements" ? e : void 0;
+}
+function Lt(e) {
+	return e?.kind === "drawing" ? e : void 0;
+}
+function Rt(e) {
+	return e?.kind === "coin-table" ? e : void 0;
+}
+function zt(e) {
+	return e?.kind === "audio-recording" ? e : void 0;
+}
+function Bt(e) {
+	return e === "triangle" ? "△" : e === "square" ? "□" : e === "rectangle" ? "▭" : e;
+}
+function Vt({ variant: e }) {
+	return e === "counter-rows" ? /* @__PURE__ */ o("div", {
+		className: "visual-panel visual-panel--counters",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ a("div", { children: Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ a("span", { className: "counter-dot" }, `top-${t}`)) }), /* @__PURE__ */ a("div", { children: Array.from({ length: 4 }, (e, t) => /* @__PURE__ */ a("span", { className: "counter-dot counter-dot--crossed" }, `bottom-${t}`)) })]
+	}) : /* @__PURE__ */ o("div", {
+		className: "visual-panel visual-panel--suns",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ a("div", { children: Array.from({ length: 4 }, (e, t) => /* @__PURE__ */ a("span", {
+			className: "sun-icon",
+			children: "☀"
+		}, `sun-${t}`)) }), /* @__PURE__ */ a("div", { children: Array.from({ length: 2 }, (e, t) => /* @__PURE__ */ a("span", {
+			className: "star-outline",
+			children: "✩"
+		}, `star-${t}`)) })]
+	});
+}
+var Ht = "picture";
+function Ut({ choices: t, onChange: i, value: s, visual: c }) {
+	let l = n(null), u = n(null), d = n({}), f = n(null), p = s?.pairs[Ht], [m, h] = r(null), [g, _] = r(null);
+	function v(e, t) {
+		let n = l.current;
+		if (!n) return null;
+		let r = n.getBoundingClientRect();
+		return {
+			x: e - r.left,
+			y: t - r.top
+		};
+	}
+	function y(e) {
+		if (!e) return null;
+		let t = e.getBoundingClientRect();
+		return v(t.left + t.width / 2, t.top + t.height / 2);
+	}
+	e(() => {
+		function e(e) {
+			let t = l.current;
+			if (!t || !e) return null;
+			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
+			return {
+				x: r.left + r.width / 2 - n.left,
+				y: r.top + r.height / 2 - n.top
+			};
+		}
+		function t() {
+			if (!p) {
+				h(null);
+				return;
+			}
+			let t = e(d.current[p]), n = e(u.current);
+			if (!t || !n) {
+				h(null);
+				return;
+			}
+			h({
+				x1: t.x,
+				x2: n.x,
+				y1: t.y,
+				y2: n.y
+			});
+		}
+		let n = window.setTimeout(t, 0), r = () => t();
+		return window.addEventListener("resize", r), () => {
+			window.clearTimeout(n), window.removeEventListener("resize", r);
+		};
+	}, [p]);
+	function b(e, t) {
+		let n = y(t.currentTarget), r = v(t.clientX, t.clientY);
+		!n || !r || (t.preventDefault(), t.currentTarget.setPointerCapture(t.pointerId), f.current = {
+			choiceId: e,
+			origin: "answer",
+			pointerId: t.pointerId
+		}, _({
+			x1: n.x,
+			x2: r.x,
+			y1: n.y,
+			y2: r.y
+		}));
+	}
+	function x(e) {
+		let t = y(u.current), n = v(e.clientX, e.clientY);
+		!t || !n || (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), f.current = {
+			origin: "target",
+			pointerId: e.pointerId
+		}, _({
+			x1: t.x,
+			x2: n.x,
+			y1: t.y,
+			y2: n.y
+		}));
+	}
+	function S(e) {
+		let t = f.current;
+		if (!t || t.pointerId !== e.pointerId) return;
+		let n = v(e.clientX, e.clientY), r = y(t.origin === "answer" && t.choiceId ? d.current[t.choiceId] : u.current);
+		!r || !n || _({
+			x1: r.x,
+			x2: n.x,
+			y1: r.y,
+			y2: n.y
+		});
+	}
+	function C(e) {
+		let t = f.current;
+		if (!(!t || t.pointerId !== e.pointerId)) {
+			if (e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), t.origin === "answer" && t.choiceId && w(u.current, e.clientX, e.clientY) && i({
+				kind: "matches",
+				pairs: { [Ht]: t.choiceId }
+			}), t.origin === "target") {
+				let t = T(e.clientX, e.clientY);
+				t && i({
+					kind: "matches",
+					pairs: { [Ht]: t }
+				});
+			}
+			f.current = null, _(null);
+		}
+	}
+	function w(e, t, n) {
+		if (!e) return !1;
+		let r = e.getBoundingClientRect(), i = r.left + r.width / 2, a = r.top + r.height / 2;
+		return Math.hypot(t - i, n - a) <= Math.max(r.width, r.height) * 1.5;
+	}
+	function T(e, n) {
+		return t.find((t) => w(d.current[t.id], e, n))?.id;
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "visual-line-match",
+		ref: l,
+		children: [
+			/* @__PURE__ */ o("svg", {
+				className: "visual-line-match__lines",
+				"aria-hidden": "true",
+				children: [m ? /* @__PURE__ */ a("line", {
+					className: "visual-line-match__line visual-line-match__line--settled",
+					x1: m.x1,
+					x2: m.x2,
+					y1: m.y1,
+					y2: m.y2
+				}) : null, g ? /* @__PURE__ */ a("line", {
+					className: "visual-line-match__line visual-line-match__line--draft",
+					x1: g.x1,
+					x2: g.x2,
+					y1: g.y1,
+					y2: g.y2
+				}) : null]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "visual-match-picture",
+				children: [/* @__PURE__ */ a(Vt, { variant: c }), /* @__PURE__ */ a("button", {
+					"aria-label": "اربط الصورة بالإجابة",
+					className: p ? "visual-match-point visual-match-point--target visual-match-point--target-active" : "visual-match-point visual-match-point--target",
+					onPointerCancel: C,
+					onPointerDown: x,
+					onPointerMove: S,
+					onPointerUp: C,
+					ref: u,
+					type: "button"
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "visual-line-match__answers",
+				children: t.map((e) => /* @__PURE__ */ o("div", {
+					className: p === e.id ? "visual-match-answer visual-match-answer--matched" : "visual-match-answer",
+					children: [/* @__PURE__ */ a("span", {
+						className: "answer-chip__label answer-chip__label--math",
+						children: e.label
+					}), /* @__PURE__ */ a("button", {
+						"aria-label": `اربط ${e.label} بالصورة`,
+						className: "visual-match-point visual-match-point--answer",
+						onPointerCancel: C,
+						onPointerDown: (t) => b(e.id, t),
+						onPointerMove: S,
+						onPointerUp: C,
+						ref: (t) => {
+							d.current[e.id] = t;
+						},
+						type: "button"
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+function Wt({ answerId: e, choices: t, getAnswer: i, items: s, updateAnswer: c }) {
+	let l = Math.max(...s.map((e) => e.squareLength)) + 2, u = Ce(t), [d, f] = r(null), [p, m] = r(!1), [h, g] = r({}), _ = n(null);
+	function v(e, t, n) {
+		let r = d;
+		r && g((i) => {
+			let a = i[e], o = a?.colorId === r ? a.fill : 0, s = Math.min(1, o + n);
+			return s >= .92 && c(t, {
+				choiceId: r,
+				kind: "choice"
+			}), {
+				...i,
+				[e]: {
+					colorId: r,
+					fill: s
+				}
+			};
+		});
+	}
+	function y(e, t, n) {
+		n.preventDefault(), n.currentTarget.setPointerCapture(n.pointerId), _.current = {
+			colorAnswerId: t,
+			itemId: e,
+			lastClientX: n.clientX
+		}, m(!0), v(e, t, .08);
+	}
+	function b(e, t, n) {
+		let r = _.current;
+		if (!r || r.itemId !== e) return;
+		let i = Math.max(n.currentTarget.getBoundingClientRect().width, 1), a = Math.abs(n.clientX - r.lastClientX) / i;
+		_.current = {
+			colorAnswerId: t,
+			itemId: e,
+			lastClientX: n.clientX
+		}, a > 0 && v(e, t, a * 1.25);
+	}
+	function x(e) {
+		e?.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), _.current = null, m(!1);
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "length-estimation-task",
+		"data-coloring": p ? "true" : "false",
+		onPointerCancel: () => x(),
+		onPointerUp: () => x(),
+		children: [/* @__PURE__ */ a(ye, {
+			ariaLabel: "ألوان الأقلام",
+			className: "length-color-picker",
+			colors: u,
+			onChange: f,
+			selectedColorId: d
+		}), /* @__PURE__ */ a("div", {
+			className: "length-card-row",
+			children: s.map((t) => {
+				let n = `${e}:squares:${t.id}`, r = `${e}:color:${t.id}`, s = Nt(i(r)), d = h[t.id], f = d?.colorId ?? s?.choiceId, p = d?.fill ?? +!!s?.choiceId, m = f ? Se(u, f) : "#9aa3a8", g = `${16 + Math.min(p, 1) * 68}%`;
+				return /* @__PURE__ */ o("div", {
+					className: "length-card",
+					children: [/* @__PURE__ */ a("div", {
+						className: "square-measure-strip",
+						style: { "--measure-squares": l },
+						children: /* @__PURE__ */ a("button", {
+							"aria-label": `تلوين ${t.label}`,
+							className: [
+								"pencil-pencil",
+								"pencil-pencil--paint-target",
+								p > 0 ? "pencil-pencil--colored" : ""
+							].filter(Boolean).join(" "),
+							onKeyDown: (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(t.id, r, .22));
+							},
+							onPointerDown: (e) => {
+								y(t.id, r, e);
+							},
+							onPointerMove: (e) => {
+								b(t.id, r, e);
+							},
+							onPointerUp: x,
+							style: {
+								"--pencil-color": m,
+								"--pencil-fill-end": g,
+								"--pencil-squares": t.squareLength,
+								"--pencil-start-square": 1
+							},
+							type: "button"
+						})
+					}), /* @__PURE__ */ o("label", {
+						className: "length-value-row",
+						children: [
+							/* @__PURE__ */ a("span", { children: t.label }),
+							/* @__PURE__ */ a(Et, {
+								ariaLabel: `طول ${t.label} بالمربعات`,
+								inputMode: "numeric",
+								onChange: (e) => c(n, e),
+								value: jt(i(n))
+							}),
+							/* @__PURE__ */ a("span", { children: "مربعات" })
+						]
+					})]
+				}, t.id);
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/renderer/QuestionPreviewPanel.tsx
+function Gt({ adapters: e, question: t }) {
+	let [n, i] = r({});
+	function o(e, t) {
+		i((n) => ({
+			...n,
+			[e]: t
+		}));
+	}
+	function s(e) {
+		i((t) => {
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}
+	return /* @__PURE__ */ a("div", {
+		className: "exam-renderer-preview",
+		children: /* @__PURE__ */ a(Dt, {
+			adapters: e,
+			clearAnswer: s,
+			getAnswer: (e) => n[e],
+			question: t,
+			updateAnswer: o
+		})
+	});
+}
+//#endregion
+//#region src/exam-session/interactions/DraftSheet.tsx
+function Kt({ disabled: e, onChange: t, value: n }) {
+	let [i, s] = r(!1);
+	return /* @__PURE__ */ a("aside", {
+		className: "draft-sheet",
+		"data-disabled": e ? "true" : "false",
+		"data-open": i ? "true" : "false",
+		dir: "rtl",
+		children: i ? /* @__PURE__ */ o("div", {
+			className: "draft-sheet__panel",
+			"aria-label": "ورقة وساخ",
+			children: [/* @__PURE__ */ o("header", {
+				className: "draft-sheet__header",
+				children: [/* @__PURE__ */ a("strong", { children: "ورقة وساخ" }), /* @__PURE__ */ a("button", {
+					onClick: () => s(!1),
+					type: "button",
+					children: "إِغْلاقٌ"
+				})]
+			}), /* @__PURE__ */ a(je, {
+				actionLabel: "مساحة ورقة وساخ",
+				canvasHeight: 430,
+				disabled: e,
+				onChange: t,
+				value: n,
+				variant: "draft"
+			})]
+		}) : /* @__PURE__ */ o("button", {
+			className: "draft-sheet__toggle",
+			disabled: e,
+			onClick: () => s(!0),
+			type: "button",
+			children: [/* @__PURE__ */ a(p, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: "ورقة وساخ" })]
+		})
+	});
+}
+//#endregion
+//#region src/exam-session/interactions/SingleChoice.tsx
+function qt({ answerId: e, choices: t, value: n, onChange: r }) {
+	return /* @__PURE__ */ a("div", {
+		className: "choice-group",
+		role: "radiogroup",
+		"aria-label": `اِخْتِياراتُ الإِجابَةِ ${e}`,
+		children: t.map((e) => {
+			let t = /[0-9+\-=]/.test(e.label);
+			return /* @__PURE__ */ a("button", {
+				"aria-checked": n?.choiceId === e.id,
+				className: n?.choiceId === e.id ? "answer-chip answer-chip--selected" : "answer-chip",
+				onClick: () => r({
+					kind: "choice",
+					choiceId: e.id
+				}),
+				role: "radio",
+				type: "button",
+				children: /* @__PURE__ */ a("span", {
+					className: t ? "answer-chip__label answer-chip__label--math" : "answer-chip__label",
+					children: e.label
+				})
+			}, e.id);
+		})
+	});
+}
+//#endregion
+export { pe as CoinTableResponse, ye as ColorPenPicker, J as DEFAULT_GEOMETRY_COLORS, lt as DEFAULT_NATIVE_VOICE_AI_CONFIG, Kt as DraftSheet, me as DragMatch, Ot as ExamSectionRenderer, je as GeometryCanvas, q as HandwrittenNumberAnswer, rt as KonvaDrawingGrid, it as LabelPlacement, st as NumberLineAnswer, gt as PronunciationRecorder, Gt as QuestionPreviewPanel, Dt as QuestionRenderer, qt as SingleChoice, wt as SortableAnswer, Et as TextAnswer, j as calculateExamResult, ut as evaluateVoiceAiResult, Se as getColorValue, xe as getDefaultColorId, Ce as mapChoicesToGeometryColors, dt as normalizeVoiceText };