alexsys-exam-renderer 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,21 +1,22 @@
-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";
+import { Fragment as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { DragDropProvider as c, useDraggable as l, useDroppable as u } from "@dnd-kit/react";
+import { Apple as d, CheckCircle2 as f, Circle as p, Diamond as m, Eraser as h, Flower2 as g, Heart as _, Hexagon as v, Mic as y, PencilRuler as b, Pentagon as x, RectangleHorizontal as S, RotateCcw as ee, Square as C, Star as w, Sun as T, Triangle as E, VolumeX as D, XCircle as O } from "lucide-react";
+import { Arc as k, Circle as A, Group as j, Layer as te, Line as M, Rect as N, Stage as ne, Text as P } from "react-konva";
+import { move as F } from "@dnd-kit/helpers";
+import { useSortable as I } 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));
+var re = 1e3, L = 600, R = 70;
+function ie(e, t) {
+	let n = e.sections.filter((e) => e.isScored !== !1).map((e) => ae(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 = Ce(H(n, (e) => e.maxScore)), l = Ce(H(n, (e) => e.score));
 	return {
+		attentionWarningCount: 0,
 		correctCount: r,
 		generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
 		incorrectCount: i,
 		maxScore: c,
 		notCorrectCount: o,
-		percentage: c > 0 ? U(l / c * 100) : 0,
+		percentage: c > 0 ? Ce(l / c * 100) : 0,
 		score: l,
 		sections: n,
 		subject: e.subject,
@@ -24,11 +25,11 @@ function j(e, t) {
 		unansweredCount: a
 	};
 }
-function M(e, t) {
-	let n = e.questions.flatMap((e) => N(e, t)).map((t) => ({
+function ae(e, t) {
+	let n = e.questions.flatMap((e) => oe(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;
+	})), r = Number.parseFloat(e.points) || 0, i = Se(n, "correct"), a = Se(n, "incorrect"), o = Se(n, "unanswered"), s = a + o, c = n.length > 0 ? r / n.length : 0;
 	return {
 		badge: e.badge,
 		correctCount: i,
@@ -36,7 +37,7 @@ function M(e, t) {
 		incorrectCount: a,
 		maxScore: r,
 		notCorrectCount: s,
-		score: U(i * c),
+		score: Ce(i * c),
 		title: e.title,
 		tone: e.tone,
 		totalUnits: n.length,
@@ -44,77 +45,93 @@ function M(e, t) {
 		units: n
 	};
 }
-function N(e, t) {
+function oe(e, t) {
 	switch (e.type) {
 		case "inline-inputs":
 		case "equation-inputs": return e.items.flatMap((n) => {
+			if (n.answers?.length) return n.answers.flatMap((r) => {
+				if (!r.correctAnswer) return [];
+				let i = `${e.id}:${n.id}:${r.id}`;
+				return [B(i, e.id, r.before, r.correctAnswer, t[i])];
+			});
 			if (!n.correctAnswer) return [];
 			let r = `${e.id}:${n.id}`;
-			return [P(r, e.id, n.before, n.correctAnswer, t[r])];
+			return [B(r, e.id, n.before, n.correctAnswer, t[r])];
+		});
+		case "number-line": return [B(e.id, e.id, e.expression, e.correctAnswer, t[e.id])];
+		case "visual-choice": return se(e.id, e.id, e.grading.pairs, t[e.id]);
+		case "length-estimation": return ce(e, t);
+		case "shape-choice": return se(e.id, e.id, e.grading.pairs, t[e.id]);
+		case "drag-match": return se(e.id, e.id, e.grading?.pairs, t[e.id]);
+		case "drawing-grid": return [pe(e, t[e.id])];
+		case "table-response": return ue(e, t[e.id]);
+		case "text-input": return e.correctAnswer ? [B(e.id, e.id, e.prompt, e.correctAnswer, t[e.id])] : [];
+		case "word-problem": return e.parts.flatMap((n) => {
+			let r = `${e.id}:${n.id}`;
+			return n.type === "coin-table" ? de(e.id, n, t[r]) : n.correctAnswer ? [B(r, e.id, n.prompt, 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])];
+		case "label-placement": return fe(e.id, e.grading?.targetsByLabelId, t[e.id]);
+		case "audio-recording": return [z(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 z(e, t) {
+	return t?.kind === "audio-recording" ? V(e.id, e.id, e.expectedAnswer, t.evaluation.isCorrect ? "correct" : "incorrect") : V(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 B(e, t, n, r, i) {
+	return r ? i?.kind === "handwritten-number" ? i.strokes.length === 0 ? V(e, t, n, "unanswered") : V(e, t, n, i.recognizedValue && be(i.recognizedValue, r) ? "correct" : "incorrect") : i?.kind !== "text" || xe(i.value) === "" ? V(e, t, n, "unanswered") : V(e, t, n, be(i.value, r) ? "correct" : "incorrect") : V(e, t, n, "incorrect");
 }
-function te(e, t, n, r) {
+function se(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);
+		return V(`${e}:${n}`, t, n, o);
 	}) : [];
 }
-function ne(e, t) {
+function ce(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]);
+		return B(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 [le(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 le(e, t, n, r, i) {
+	return i?.kind !== "choice" || !i.choiceId ? V(e, t, n, "unanswered") : V(e, t, n, i.choiceId === r ? "correct" : "incorrect");
 }
-function I(e, t) {
+function ue(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);
+		return V(`${e.id}:${n.id}`, e.id, n.title, i);
+	});
+}
+function de(e, t, n) {
+	return t.columns.flatMap((r) => {
+		if (typeof r.correctCount != "number") return [];
+		let i = n?.kind === "coin-table" ? n.counts[r.id] : void 0, a = i === void 0 ? "unanswered" : i === r.correctCount ? "correct" : "incorrect";
+		return V(`${e}:${t.id}:${r.id}`, e, r.title, a);
 	});
 }
-function re(e, t, n) {
+function fe(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);
+		return V(`${e}:${t}`, e, t, a);
 	}) : [];
 }
-function L(e, t) {
+function pe(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");
+	if (t?.kind !== "drawing" || !r) return V(e.id, e.id, e.prompt, "unanswered");
+	let i = n.every((n) => me(t, e, n));
+	return V(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 me(e, t, n) {
+	let r = ve(t, n.from), i = ve(t, n.to);
+	return !r || !i ? !1 : he(e).some((e) => ge(e, r, i));
 }
-function ae(e) {
+function he(e) {
 	let t = e.elements.flatMap((e) => e.type === "line" ? [{
 		end: {
 			x: e.points[2],
@@ -148,31 +165,31 @@ function ae(e) {
 	}]) ?? [];
 	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 ge(e, t, n) {
+	let r = U(e.start, t) <= R && U(e.end, n) <= R, i = U(e.start, n) <= R && U(e.end, t) <= R;
+	return !r && !i ? !1 : _e(e.points, t, n, R);
 }
-function se(e, t, n, r) {
-	for (let i = 0; i < e.length - 1; i += 4) if (ue({
+function _e(e, t, n, r) {
+	for (let i = 0; i < e.length - 1; i += 4) if (we({
 		x: e[i],
 		y: e[i + 1]
 	}, t, n) > r) return !1;
 	return !0;
 }
-function R(e, t) {
+function ve(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 n ? ye(n.x, n.y) : null;
 	}
-	return ce(t.percentX, t.percentY);
+	return ye(t.percentX, t.percentY);
 }
-function ce(e, t) {
+function ye(e, t) {
 	return {
-		x: e / 100 * O,
-		y: t / 100 * k
+		x: e / 100 * re,
+		y: t / 100 * L
 	};
 }
-function z(e, t, n, r) {
+function V(e, t, n, r) {
 	return {
 		id: e,
 		label: n,
@@ -180,41 +197,41 @@ function z(e, t, n, r) {
 		status: r
 	};
 }
-function le(e, t) {
-	let n = B(e), r = B(t), i = Number(n), a = Number(r);
+function be(e, t) {
+	let n = xe(e), r = xe(t), i = Number(n), a = Number(r);
 	return Number.isFinite(i) && Number.isFinite(a) ? i === a : n === r;
 }
-function B(e) {
+function xe(e) {
 	return e.trim().replace(/[٠-٩]/g, (e) => `${e.charCodeAt(0) - 1632}`).replace(/[۰-۹]/g, (e) => `${e.charCodeAt(0) - 1776}`);
 }
-function V(e, t) {
+function Se(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) {
+function Ce(e) {
 	return Math.round(e * 100) / 100;
 }
-function W(e, t) {
+function U(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
-function ue(e, t, n) {
+function we(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);
+	if (a === 0) return U(e, t);
 	let o = Math.max(0, Math.min(1, ((e.x - t.x) * r + (e.y - t.y) * i) / a));
-	return W(e, {
+	return U(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 }) {
+var Te = 0, Ee = 12;
+function De({ 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));
+		let i = e.maxCoins ?? Ee, a = Math.max(Te, Math.min(i, t));
 		n({
 			kind: "coin-table",
 			counts: {
@@ -223,52 +240,52 @@ function pe({ columns: e, value: t, onChange: n }) {
 			}
 		});
 	}
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "response-table",
 		children: e.map((e) => {
-			let t = r[e.id] ?? 0, n = e.maxCoins ?? fe;
-			return /* @__PURE__ */ o("div", {
+			let t = r[e.id] ?? 0, n = e.maxCoins ?? Ee;
+			return /* @__PURE__ */ s("div", {
 				className: "response-column",
 				children: [
-					/* @__PURE__ */ a("h4", { children: e.title }),
-					/* @__PURE__ */ o("div", {
+					/* @__PURE__ */ o("h4", { children: e.title }),
+					/* @__PURE__ */ s("div", {
 						className: "coin-table-area",
 						"aria-label": e.answerLabel,
-						children: [/* @__PURE__ */ a("div", {
+						children: [/* @__PURE__ */ o("div", {
 							className: "coin-list",
 							"aria-hidden": "true",
-							children: Array.from({ length: t }, (t, n) => /* @__PURE__ */ a("span", {
+							children: Array.from({ length: t }, (t, n) => /* @__PURE__ */ o("span", {
 								className: "coin-shape",
 								children: "د"
 							}, `${e.id}-coin-${n}`))
-						}), /* @__PURE__ */ o("div", {
+						}), /* @__PURE__ */ s("div", {
 							className: "coin-controls",
-							children: [/* @__PURE__ */ a("button", {
+							children: [/* @__PURE__ */ o("button", {
 								className: "coin-action",
 								disabled: t >= n,
 								onClick: () => i(e, t + 1),
 								type: "button",
 								children: "إِضافَةٌ"
-							}), /* @__PURE__ */ a("button", {
+							}), /* @__PURE__ */ o("button", {
 								className: "coin-action coin-action--secondary",
-								disabled: t <= de,
+								disabled: t <= Te,
 								onClick: () => i(e, t - 1),
 								type: "button",
 								children: "حَذْفٌ"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "coin-count-answer",
 						children: [
-							/* @__PURE__ */ a("span", { children: e.answerLabel }),
-							/* @__PURE__ */ a("input", {
+							/* @__PURE__ */ o("span", { children: e.answerLabel }),
+							/* @__PURE__ */ o("input", {
 								"aria-label": e.answerLabel,
 								inputMode: "numeric",
 								onChange: (t) => i(e, Number(t.target.value) || 0),
 								value: t
 							}),
-							/* @__PURE__ */ a("span", { children: "دَراهِمُ" })
+							/* @__PURE__ */ o("span", { children: "دَراهِمُ" })
 						]
 					})
 				]
@@ -277,10 +294,48 @@ function pe({ columns: e, value: t, onChange: n }) {
 	});
 }
 //#endregion
+//#region src/renderer/shapeCatalog.tsx
+var Oe = {
+	circle: p,
+	diamond: m,
+	heart: _,
+	hexagon: v,
+	pentagon: x,
+	rectangle: S,
+	square: C,
+	star: w,
+	triangle: E
+}, ke = {
+	circle: "Cercle",
+	diamond: "Losange",
+	heart: "Coeur",
+	hexagon: "Hexagone",
+	pentagon: "Pentagone",
+	rectangle: "Rectangle",
+	square: "Carre",
+	star: "Etoile",
+	triangle: "Triangle"
+}, Ae = Object.keys(ke).map((e) => ({
+	label: ke[e],
+	value: e
+}));
+function je(e) {
+	return ke[e];
+}
+function Me({ shapeId: e, title: t }) {
+	let n = Oe[e];
+	return /* @__PURE__ */ o("span", {
+		"aria-label": t,
+		role: t ? "img" : void 0,
+		title: t,
+		children: /* @__PURE__ */ o(n, { "aria-hidden": t ? void 0 : !0 })
+	});
+}
+//#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, {
+function Ne({ items: e, targets: t, value: n, onChange: r }) {
+	let i = n?.pairs ?? {}, a = new Set(Object.values(i));
+	return /* @__PURE__ */ o(c, {
 		onDragEnd: (e) => {
 			if (e.canceled) return;
 			let t = e.operation.source?.id?.toString(), n = e.operation.target?.id?.toString();
@@ -292,14 +347,14 @@ function me({ items: e, targets: t, value: n, onChange: r }) {
 				}
 			});
 		},
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "drag-match",
-			children: [/* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ o("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", {
+				children: e.filter((e) => !a.has(e.id)).map((e) => /* @__PURE__ */ o(Pe, { item: e }, e.id))
+			}), /* @__PURE__ */ o("div", {
 				className: "drag-match__targets",
-				children: t.map((t) => /* @__PURE__ */ a(ge, {
+				children: t.map((t) => /* @__PURE__ */ o(Fe, {
 					assignedItem: e.find((e) => e.id === i[t.id]),
 					target: t
 				}, t.id))
@@ -307,78 +362,83 @@ function me({ items: e, targets: t, value: n, onChange: r }) {
 		})
 	});
 }
-function he({ item: e }) {
-	let { ref: t, isDragging: n } = c({ id: e.id });
-	return /* @__PURE__ */ a("button", {
+function Pe({ item: e }) {
+	let { ref: t, isDragging: n } = l({ id: e.id });
+	return /* @__PURE__ */ o("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", {
+function Fe({ assignedItem: e, target: t }) {
+	let { ref: n, isDropTarget: r } = u({ id: t.id });
+	return /* @__PURE__ */ s("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: "ضَعِ الإِجابَةَ هُنا" })]
+		children: [/* @__PURE__ */ o("span", {
+			className: t.shapeId ? "drop-slot__visual drop-slot__visual--shape" : "drop-slot__visual",
+			children: t.shapeId ? /* @__PURE__ */ o(Me, {
+				shapeId: t.shapeId,
+				title: t.label
+			}) : t.label
+		}), e ? /* @__PURE__ */ o(Pe, { item: e }) : /* @__PURE__ */ o("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;
+var Ie = 132, W = 88, Le = 650;
+function G({ ariaLabel: e, onChange: n, onClear: a, recognizer: c, value: l }) {
+	let u = l?.strokes ?? [], d = u.length === 0, f = r(n), [p, m] = i(!1), [g, _] = i(!1), v = !!c?.isAvailable(), y = c?.getStatus?.() ?? (v ? "ready" : "unavailable"), b = y === "preparing" || y === "error", x = y === "preparing" ? "preparing-model" : y === "error" ? "model-error" : d || p ? "idle" : l?.recognizedValue === void 0 ? !v || y === "unavailable" ? "unavailable" : g ? "unrecognized" : "recognizing" : "recognized";
+	t(() => {
+		f.current = n;
+	}, [n]), t(() => {
+		if (d || p || !l || !c || l.recognizedValue !== void 0 || !v || y !== "ready") return;
 		let e = !1, t = window.setTimeout(() => {
-			l.recognize(i).then((t) => {
+			c.recognize(l).then((t) => {
 				if (!e) {
 					if (t.recognizedValue === void 0) {
 						_(!0);
 						return;
 					}
-					p.current(t);
+					f.current(t);
 				}
 			}).catch(() => {
 				e || _(!0);
 			});
-		}, _e);
+		}, Le);
 		return () => {
 			e = !0, window.clearTimeout(t);
 		};
 	}, [
-		m,
-		f,
+		p,
+		d,
+		y,
 		v,
-		l,
-		i
+		c,
+		l
 	]);
-	function b(e) {
-		_(!1), s({
-			canvasHeight: K,
-			canvasWidth: G,
+	function S(e) {
+		_(!1), n({
+			canvasHeight: W,
+			canvasWidth: Ie,
 			kind: "handwritten-number",
 			strokes: e
 		});
 	}
-	function E(e) {
+	function ee(e) {
+		if (b) return;
 		let t = e.target.getStage()?.getPointerPosition();
-		t && (e.evt.preventDefault(), h(!0), b([...u, {
+		t && (e.evt.preventDefault(), m(!0), S([...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;
+	function C(e) {
+		if (b || d || !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 ? {
+		t && (e.evt.preventDefault(), S(u.map((e, n) => n === u.length - 1 ? {
 			...e,
 			points: [
 				...e.points,
@@ -388,64 +448,66 @@ function q({ ariaLabel: t, value: i, onChange: s, onClear: c, recognizer: l }) {
 			timestamps: [...e.timestamps ?? [], Date.now()]
 		} : e)));
 	}
-	function O(e) {
-		e.evt.preventDefault(), h(!1);
+	function w(e) {
+		b || (e.evt.preventDefault(), m(!1));
 	}
-	function k() {
-		h(!1), b([]), c?.();
+	function T() {
+		m(!1), S([]), a?.();
 	}
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ s("div", {
+		"aria-disabled": b,
+		"aria-label": e,
 		className: "handwritten-number-answer",
-		"aria-label": t,
+		"data-model-state": y,
 		children: [
-			/* @__PURE__ */ o(w, {
+			/* @__PURE__ */ s(ne, {
 				className: "handwritten-number-stage",
-				height: K,
-				onPointerCancel: O,
-				onPointerDown: E,
-				onPointerMove: D,
-				onPointerUp: O,
+				height: W,
+				onPointerCancel: w,
+				onPointerDown: ee,
+				onPointerMove: C,
+				onPointerUp: w,
 				role: "img",
-				width: G,
-				children: [/* @__PURE__ */ o(x, {
+				width: Ie,
+				children: [/* @__PURE__ */ s(te, {
 					listening: !1,
 					children: [
-						/* @__PURE__ */ a(C, {
+						/* @__PURE__ */ o(N, {
 							cornerRadius: 14,
 							fill: "#fff",
-							height: K,
+							height: W,
 							stroke: "#cfe3d9",
 							strokeWidth: 2,
-							width: G,
+							width: Ie,
 							x: 0,
 							y: 0
 						}),
-						/* @__PURE__ */ a(S, {
+						/* @__PURE__ */ o(M, {
 							dash: [6, 8],
 							points: [
 								16,
-								K - 18,
-								G - 16,
-								K - 18
+								W - 18,
+								Ie - 16,
+								W - 18
 							],
 							stroke: "#dbe9e2",
 							strokeWidth: 2
 						}),
-						f ? /* @__PURE__ */ a(T, {
+						d ? /* @__PURE__ */ o(P, {
 							align: "center",
 							fill: "#9aaca3",
 							fontFamily: "Arial, sans-serif",
 							fontSize: 15,
 							fontStyle: "bold",
-							height: K,
+							height: W,
 							text: "ارسم هنا",
 							verticalAlign: "middle",
-							width: G,
+							width: Ie,
 							x: 0,
 							y: 0
 						}) : null
 					]
-				}), /* @__PURE__ */ a(x, { children: u.map((e) => /* @__PURE__ */ a(S, {
+				}), /* @__PURE__ */ o(te, { children: u.map((e) => /* @__PURE__ */ o(M, {
 					globalCompositeOperation: "source-over",
 					lineCap: "round",
 					lineJoin: "round",
@@ -455,50 +517,52 @@ function q({ ariaLabel: t, value: i, onChange: s, onClear: c, recognizer: l }) {
 					tension: .28
 				}, e.id)) })]
 			}),
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ o("button", {
 				"aria-label": "مسح الجواب المرسوم",
 				className: "handwritten-number-clear",
-				disabled: f,
-				onClick: k,
+				disabled: d || b,
+				onClick: T,
 				type: "button",
-				children: /* @__PURE__ */ a(d, { "aria-hidden": "true" })
+				children: /* @__PURE__ */ o(h, { "aria-hidden": "true" })
 			}),
-			y !== "idle" && y !== "unavailable" ? /* @__PURE__ */ a("span", {
+			x !== "idle" && x !== "unavailable" ? /* @__PURE__ */ o("span", {
 				"aria-live": "polite",
 				className: "handwritten-number-status",
-				"data-state": y,
-				children: ve(y, i?.recognizedValue)
+				"data-state": x,
+				children: Re(x, l?.recognizedValue)
 			}) : null
 		]
 	});
 }
-function ve(e, t) {
+function Re(e, t) {
 	switch (e) {
 		case "recognizing": return "جارٍ التعرّف على الرقم…";
 		case "recognized": return `تمّ التعرّف: ${t ?? ""}`;
 		case "unrecognized": return "أَعِدْ كتابةَ الرقم بوضوح";
+		case "preparing-model": return "جارٍ تجهيز نموذج الأرقام…";
+		case "model-error": 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", {
+function ze({ ariaLabel: e, className: t = "", colors: n, disabled: r = !1, onChange: i, selectedColorId: a }) {
+	return /* @__PURE__ */ o("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",
+		children: n.map((e) => /* @__PURE__ */ s("button", {
+			"aria-pressed": a === e.id,
+			className: a === 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", {
+			children: [/* @__PURE__ */ o("span", {
 				className: "color-pen-button__indicator",
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ a("span", {
+			}), /* @__PURE__ */ o("span", {
 				className: "color-pen-button__label",
 				children: e.label
 			})]
@@ -507,7 +571,7 @@ function ye({ ariaLabel: e, className: t = "", colors: n, disabled: r = !1, onCh
 }
 //#endregion
 //#region src/exam-session/interactions/geometryColors.ts
-var J = [
+var K = [
 	{
 		id: "green",
 		label: "أَخْضَرُ",
@@ -528,28 +592,28 @@ var J = [
 		label: "أَسْوَدُ",
 		value: "#17212b"
 	}
-], be = {
+], Be = {
 	black: "#17212b",
 	blue: "#256fd2",
 	green: "#0b7f45",
 	red: "#e34a58"
 };
-function xe(e, t) {
+function Ve(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 He(e, t) {
+	return e.find((e) => e.id === t)?.value ?? e[0]?.value ?? K[0].value;
 }
-function Ce(e) {
+function Ue(e) {
 	return e.map((e) => ({
 		id: e.id,
 		label: e.label,
-		value: be[e.id] ?? J[0].value
+		value: Be[e.id] ?? K[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 = [
+var We = 1e3, Ge = 600, q = 30, Ke = 240, qe = 12, Je = K[0].value, J = "#0a8f55", Ye = [
 	{
 		id: "pen",
 		icon: "✎",
@@ -580,44 +644,44 @@ var we = 1e3, Te = 600, Y = 30, Ee = 240, De = 12, Oe = J[0].value, X = "#0a8f55
 		icon: "⌖",
 		label: "بَرْكارٌ"
 	}
-], Ae = /* @__PURE__ */ new Set([
+], Xe = /* @__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({
+function Ze({ actionLabel: e, canvasHeight: t = Ge, canvasWidth: n = We, className: a = "", colorOptions: c = K, defaultColor: l, disabled: u = !1, minStageWidth: d = Ke, onChange: f, points: p = [], showColorPalette: m = !0, value: h, variant: g = "question" }) {
+	let _ = c.length > 0 ? c : K, [v, y] = i(null), [b, x] = i([]), [S, ee] = i(() => Ve(_, l ?? "black")), [C, w] = i(() => st(h)), [T, E] = i(() => h?.guides ?? ot(n, t)), [D, O] = i(null), [k, A] = i({
 		height: t,
 		scale: 1,
-		width: i
-	}), [P, te] = r({
+		width: n
+	}), [j, M] = i({
 		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 = [
+	}), P = r(null), F = r([Y(C)]), I = r(0), re = r(0), L = r(null);
+	Qe(P, n, t, d, A);
+	let R = lt(p, n, t), ie = [
 		"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);
+		a
+	].filter(Boolean).join(" "), ae = _.some((e) => e.id === S) ? S : Ve(_, "black"), oe = He(_, ae), z = ft(v);
+	function B(e) {
+		return Xe.has(e) ? !z && 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 se(e) {
+		x((t) => t.includes(e) ? t.filter((t) => t !== e) : t.concat(e));
 	}
-	function le(e) {
+	function ce(e) {
 		if (e === "ruler" || e === "protractor") {
-			if (R) {
-				y(null), S((t) => t.includes(e) ? t : t.concat(e));
+			if (z) {
+				y(null), x((t) => t.includes(e) ? t : t.concat(e));
 				return;
 			}
-			z(e);
+			se(e);
 			return;
 		}
 		if (e === "compass") {
 			let e = v !== "compass" || !b.includes("compass");
-			y(e ? "compass" : null), S((t) => {
+			y(e ? "compass" : null), x((t) => {
 				let n = t.filter((e) => e !== "compass");
 				return e ? [...n, "compass"] : n;
 			});
@@ -625,65 +689,65 @@ function je({ actionLabel: e, canvasHeight: t = Te, canvasWidth: i = we, classNa
 		}
 		y(e);
 	}
-	function B(e) {
+	function le(e) {
 		return re.current += 1, `${e}-${Date.now()}-${re.current}`;
 	}
-	function V(e, t = k) {
+	function ue(e, t = T) {
 		f({
-			elements: Z(e),
+			elements: Y(e),
 			guides: t,
 			kind: "drawing",
-			strokes: Ve(e)
+			strokes: ct(e)
 		});
 	}
-	function H() {
-		te({
+	function de() {
+		M({
 			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 fe(e, t = T) {
+		let n = Y(e), r = F.current.slice(0, I.current + 1);
+		r.push(n), F.current = r, I.current = r.length - 1, w(n), ue(n, t), de();
 	}
-	function W(e) {
-		A(e), V(D, e);
+	function pe(e) {
+		E(e), ue(C, e);
 	}
-	function ue() {
-		if (!P.canUndo || u) return;
+	function me() {
+		if (!j.canUndo || u) return;
 		--I.current;
-		let e = Z(F.current[I.current]);
-		O(e), V(e), H();
+		let e = Y(F.current[I.current]);
+		w(e), ue(e), de();
 	}
-	function de() {
-		if (!P.canRedo || u) return;
+	function he() {
+		if (!j.canRedo || u) return;
 		I.current += 1;
-		let e = Z(F.current[I.current]);
-		O(e), V(e), H();
+		let e = Y(F.current[I.current]);
+		w(e), ue(e), de();
 	}
-	function fe() {
-		u || D.length === 0 || U([]);
+	function ge() {
+		u || C.length === 0 || fe([]);
 	}
-	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)
+	function _e(e) {
+		let r = e.target.getStage()?.getPointerPosition();
+		return r ? {
+			x: St(r.x / k.scale, 0, n),
+			y: St(r.y / k.scale, 0, t)
 		} : null;
 	}
-	function me(e) {
-		if (u || !R && We(e.target)) return;
-		let t = pe(e);
+	function ve(e) {
+		if (u || !z && dt(e.target)) return;
+		let t = _e(e);
 		if (!t || !v) return;
 		if (v === "eraser") {
-			G(t);
+			be(t);
 			return;
 		}
-		let n = Ue(t, ie);
+		let n = ut(t, R);
 		if (v === "pen") {
-			L.current = n, M({
-				color: se,
-				id: B("freehand"),
+			L.current = n, O({
+				color: oe,
+				id: le("freehand"),
 				points: [n.x, n.y],
 				strokeWidth: 4,
 				type: "freehand"
@@ -691,9 +755,9 @@ function je({ actionLabel: e, canvasHeight: t = Te, canvasWidth: i = we, classNa
 			return;
 		}
 		if (v === "line") {
-			L.current = n, M({
-				color: se,
-				id: B("line"),
+			L.current = n, O({
+				color: oe,
+				id: le("line"),
 				points: [
 					n.x,
 					n.y,
@@ -705,34 +769,34 @@ function je({ actionLabel: e, canvasHeight: t = Te, canvasWidth: i = we, classNa
 			});
 			return;
 		}
-		v === "compass" && (L.current = n, M({
+		v === "compass" && (L.current = n, O({
 			center: n,
-			color: se,
-			id: B("circle"),
+			color: oe,
+			id: le("circle"),
 			radius: 1,
 			strokeWidth: 3,
 			type: "circle"
 		}));
 	}
-	function he(e) {
-		let t = pe(e);
+	function ye(e) {
+		let t = _e(e);
 		if (t) {
 			if (v === "eraser" && !u) {
-				G(t);
+				be(t);
 				return;
 			}
-			if (!(!j || !L.current || u)) {
-				if (j.type === "freehand") {
-					M({
-						...j,
-						points: j.points.concat([t.x, t.y])
+			if (!(!D || !L.current || u)) {
+				if (D.type === "freehand") {
+					O({
+						...D,
+						points: D.points.concat([t.x, t.y])
 					});
 					return;
 				}
-				if (j.type === "line") {
-					let e = Ue(t, ie);
-					M({
-						...j,
+				if (D.type === "line") {
+					let e = ut(t, R);
+					O({
+						...D,
 						points: [
 							L.current.x,
 							L.current.y,
@@ -742,130 +806,130 @@ function je({ actionLabel: e, canvasHeight: t = Te, canvasWidth: i = we, classNa
 					});
 					return;
 				}
-				j.type === "circle" && M({
-					...j,
-					radius: Q(j.center, t)
+				D.type === "circle" && O({
+					...D,
+					radius: X(D.center, t)
 				});
 			}
 		}
 	}
-	function ge() {
-		if (!j || u) {
-			L.current = null, M(null);
+	function V() {
+		if (!D || u) {
+			L.current = null, O(null);
 			return;
 		}
-		let e = j;
-		if (L.current = null, M(null), qe(e)) {
+		let e = D;
+		if (L.current = null, O(null), mt(e)) {
 			if (e.type === "circle") {
 				let t = {
-					...k,
+					...T,
 					compass: {
 						center: e.center,
 						radius: e.radius
 					}
 				};
-				A(t), U(D.concat(e), t);
+				E(t), fe(C.concat(e), t);
 				return;
 			}
-			U(D.concat(e));
+			fe(C.concat(e));
 		}
 	}
-	function G(e) {
-		if (D.length === 0) return;
-		let t = Je(D, e);
-		t < 0 || U(D.filter((e, n) => n !== t));
+	function be(e) {
+		if (C.length === 0) return;
+		let t = ht(C, e);
+		t < 0 || fe(C.filter((e, n) => n !== t));
 	}
-	return /* @__PURE__ */ o("div", {
-		className: ae,
+	return /* @__PURE__ */ s("div", {
+		className: ie,
 		"data-disabled": u ? "true" : "false",
 		dir: "rtl",
 		children: [
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "geometry-toolbar",
 				"aria-label": "أَدَواتُ الوَرَقَةِ المُسَوَّدَةِ",
-				children: ke.map((e) => /* @__PURE__ */ o("button", {
-					"aria-pressed": ce(e.id),
+				children: Ye.map((e) => /* @__PURE__ */ s("button", {
+					"aria-pressed": B(e.id),
 					className: [
 						"geometry-tool-button",
-						ce(e.id) ? "geometry-tool-button--active" : "",
-						Ae.has(e.id) ? "geometry-tool-button--guide" : ""
+						B(e.id) ? "geometry-tool-button--active" : "",
+						Xe.has(e.id) ? "geometry-tool-button--guide" : ""
 					].filter(Boolean).join(" "),
 					disabled: u,
-					onClick: () => le(e.id),
+					onClick: () => ce(e.id),
 					type: "button",
-					children: [/* @__PURE__ */ a("span", {
+					children: [/* @__PURE__ */ o("span", {
 						"aria-hidden": "true",
 						children: e.icon
-					}), /* @__PURE__ */ a("span", { children: e.label })]
+					}), /* @__PURE__ */ o("span", { children: e.label })]
 				}, e.id))
 			}),
-			m ? /* @__PURE__ */ a(ye, {
+			m ? /* @__PURE__ */ o(ze, {
 				ariaLabel: "أَلْوانُ الأَقْلامِ",
 				className: "geometry-color-picker",
 				colors: _,
 				disabled: u,
-				onChange: E,
-				selectedColorId: oe
+				onChange: ee,
+				selectedColorId: ae
 			}) : null,
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("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,
+				ref: P,
+				children: /* @__PURE__ */ o(ne, {
+					height: k.height,
+					onMouseDown: ve,
+					onMouseLeave: V,
+					onMouseMove: ye,
+					onMouseUp: V,
+					onTouchEnd: V,
+					onTouchMove: ye,
+					onTouchStart: ve,
+					width: k.width,
+					children: /* @__PURE__ */ s(te, {
+						scaleX: k.scale,
+						scaleY: k.scale,
 						children: [
-							/* @__PURE__ */ a(C, {
+							/* @__PURE__ */ o(N, {
 								fill: "#fff",
 								height: t,
 								stroke: "#bad3c8",
 								strokeWidth: 1,
-								width: i
+								width: n
 							}),
-							/* @__PURE__ */ a(Ne, {
+							/* @__PURE__ */ o($e, {
 								canvasHeight: t,
-								canvasWidth: i
+								canvasWidth: n
 							}),
-							p.map((e, n) => /* @__PURE__ */ a(Pe, {
-								label: n % 2 == 0 ? "1" : "2",
-								x: e.x / 100 * i,
+							p.map((e, r) => e.hidden ? null : /* @__PURE__ */ o(et, {
+								label: tt(e, r),
+								x: e.x / 100 * n,
 								y: e.y / 100 * t
 							}, e.id)),
-							D.map((e) => Re(e)),
-							j ? Re(j, !0) : null,
-							b.includes("ruler") ? /* @__PURE__ */ a(Fe, {
+							C.map((e) => at(e)),
+							D ? at(D, !0) : null,
+							b.includes("ruler") ? /* @__PURE__ */ o(nt, {
 								disabled: u,
-								guide: k.ruler,
-								locked: R,
-								onCommit: (e) => W({
-									...k,
+								guide: T.ruler,
+								locked: z,
+								onCommit: (e) => pe({
+									...T,
 									ruler: e
 								})
-							}) : null,
-							b.includes("protractor") ? /* @__PURE__ */ a(Ie, {
+							}, `${T.ruler.x}:${T.ruler.y}:${T.ruler.length}:${T.ruler.rotation}`) : null,
+							b.includes("protractor") ? /* @__PURE__ */ o(rt, {
 								disabled: u,
-								guide: k.protractor,
-								locked: R,
-								onChange: (e) => W({
-									...k,
+								guide: T.protractor,
+								locked: z,
+								onChange: (e) => pe({
+									...T,
 									protractor: e
 								})
 							}) : null,
-							b.includes("compass") ? /* @__PURE__ */ a(Le, {
+							b.includes("compass") ? /* @__PURE__ */ o(it, {
 								disabled: u,
-								guide: k.compass,
-								locked: R,
-								onChange: (e) => W({
-									...k,
+								guide: T.compass,
+								locked: z,
+								onChange: (e) => pe({
+									...T,
 									compass: e
 								})
 							}) : null
@@ -873,25 +937,25 @@ function je({ actionLabel: e, canvasHeight: t = Te, canvasWidth: i = we, classNa
 					})
 				})
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "geometry-actions",
 				children: [
-					e ? /* @__PURE__ */ a("span", { children: e }) : null,
-					/* @__PURE__ */ a("button", {
-						disabled: !P.canUndo || u,
-						onClick: ue,
+					e ? /* @__PURE__ */ o("span", { children: e }) : null,
+					/* @__PURE__ */ o("button", {
+						disabled: !j.canUndo || u,
+						onClick: me,
 						type: "button",
 						children: "تَراجُعٌ"
 					}),
-					/* @__PURE__ */ a("button", {
-						disabled: !P.canRedo || u,
-						onClick: de,
+					/* @__PURE__ */ o("button", {
+						disabled: !j.canRedo || u,
+						onClick: he,
 						type: "button",
 						children: "إِعادَةٌ"
 					}),
-					/* @__PURE__ */ a("button", {
-						disabled: D.length === 0 || u,
-						onClick: fe,
+					/* @__PURE__ */ o("button", {
+						disabled: C.length === 0 || u,
+						onClick: ge,
 						type: "button",
 						children: "مَسْحٌ"
 					})
@@ -900,10 +964,10 @@ function je({ actionLabel: e, canvasHeight: t = Te, canvasWidth: i = we, classNa
 		]
 	});
 }
-function Me(t, n, r, i, a) {
-	e(() => {
-		let e = t.current;
-		if (!e) return;
+function Qe(e, n, r, i, a) {
+	t(() => {
+		let t = e.current;
+		if (!t) return;
 		let o = (e) => {
 			let t = Math.min(n, Math.max(1, e > 0 ? e : i)), o = t / n;
 			a({
@@ -912,75 +976,75 @@ function Me(t, n, r, i, a) {
 				width: t
 			});
 		};
-		o(e.clientWidth);
+		o(t.clientWidth);
 		let s = new ResizeObserver((e) => {
 			let t = e[0];
 			t && o(t.contentRect.width);
 		});
-		return s.observe(e), () => s.disconnect();
+		return s.observe(t), () => s.disconnect();
 	}, [
 		r,
-		t,
+		e,
 		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, {
+function $e({ canvasHeight: e, canvasWidth: t }) {
+	let n = Math.floor(t / q), r = Math.floor(e / q);
+	return /* @__PURE__ */ s(a, { children: [Array.from({ length: n + 1 }, (t, n) => /* @__PURE__ */ o(M, {
 		points: [
-			n * Y,
+			n * q,
 			0,
-			n * Y,
+			n * q,
 			e
 		],
 		stroke: "#d2ded8",
 		strokeWidth: 1
-	}, `vertical-${n}`)), Array.from({ length: r + 1 }, (e, n) => /* @__PURE__ */ a(S, {
+	}, `vertical-${n}`)), Array.from({ length: r + 1 }, (e, n) => /* @__PURE__ */ o(M, {
 		points: [
 			0,
-			n * Y,
+			n * q,
 			t,
-			n * Y
+			n * q
 		],
 		stroke: "#d2ded8",
 		strokeWidth: 1
 	}, `horizontal-${n}`))] });
 }
-function Pe({ label: e, x: t, y: n }) {
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(y, {
+function et({ label: e, x: t, y: n }) {
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(A, {
 		fill: "#e63542",
-		radius: 9,
-		shadowBlur: 8,
+		radius: 4.75,
+		shadowBlur: 5,
 		shadowColor: "rgba(230, 53, 66, 0.28)",
 		stroke: "#fff",
-		strokeWidth: 3,
+		strokeWidth: 1.7,
 		x: t,
 		y: n
-	}), /* @__PURE__ */ a(T, {
+	}), /* @__PURE__ */ o(P, {
 		fill: "#111",
-		fontSize: 18,
+		fontSize: 14,
 		fontStyle: "bold",
 		text: e,
-		x: t + 11,
-		y: n - 22
+		x: t + 8,
+		y: n - 18
 	})] });
 }
-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 tt(e, t) {
+	let n = e.label?.trim();
+	return n && n.length > 0 ? n : String(t + 1);
+}
+function nt({ disabled: e, guide: t, locked: n, onCommit: c }) {
+	let [l, u] = i(t), d = r(t), f = l.length / 2, p = f + 44, m = -f - 44, h = f + 8, g = -f - 8, _ = !e && !n;
+	function v(e) {
+		d.current = e, u(e);
 	}
-	function w(e) {
+	function y(e) {
 		e.cancelBubble = !0;
-		let t = Ke(e);
-		t && (x({
-			...f.current,
+		let t = pt(e);
+		t && (v({
+			...d.current,
 			x: t.x,
 			y: t.y
 		}), e.currentTarget.position({
@@ -988,61 +1052,61 @@ function Fe({ disabled: t, guide: s, locked: c, onCommit: l }) {
 			y: 0
 		}));
 	}
-	function T(e) {
+	function b(e) {
 		e.cancelBubble = !0, e.currentTarget.position({
 			x: 0,
 			y: 0
-		}), l(f.current);
+		}), c(d.current);
 	}
-	function E(e, t) {
+	function x(e, t) {
 		e.cancelBubble = !0;
-		let n = Ke(e);
-		n && (x($e(f.current, n, t)), e.currentTarget.position({
+		let n = pt(e);
+		n && (v(bt(d.current, n, t)), e.currentTarget.position({
 			x: 0,
 			y: 0
 		}));
 	}
-	function D() {
+	function S() {
 		let e = {
-			...f.current,
-			rotation: nt(f.current.rotation + 90)
+			...d.current,
+			rotation: Ct(d.current.rotation + 90)
 		};
-		x(e), l(e);
+		v(e), c(e);
 	}
-	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o(b, {
-		listening: v,
+	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s(j, {
+		listening: _,
 		name: "geometry-guide",
-		onDblClick: D,
-		onDblTap: D,
-		rotation: u.rotation,
-		x: u.x,
-		y: u.y,
+		onDblClick: S,
+		onDblTap: S,
+		rotation: l.rotation,
+		x: l.x,
+		y: l.y,
 		children: [
-			/* @__PURE__ */ a(C, {
+			/* @__PURE__ */ o(N, {
 				cornerRadius: 7,
 				fill: "rgba(14, 173, 100, 0.13)",
 				height: 38,
 				listening: !1,
-				offsetX: u.length / 2,
+				offsetX: l.length / 2,
 				offsetY: 38 / 2,
-				stroke: X,
+				stroke: J,
 				strokeWidth: 2,
-				width: u.length
+				width: l.length
 			}),
-			/* @__PURE__ */ a(S, {
+			/* @__PURE__ */ o(M, {
 				points: [
-					-u.length / 2 + 12,
+					-l.length / 2 + 12,
 					0,
-					u.length / 2 - 12,
+					l.length / 2 - 12,
 					0
 				],
 				listening: !1,
-				stroke: X,
+				stroke: J,
 				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, {
+			Array.from({ length: Math.floor(l.length / 20) + 1 }, (e, t) => {
+				let n = -l.length / 2 + t * 20, r = t % 5 == 0;
+				return /* @__PURE__ */ o(M, {
 					listening: !1,
 					points: [
 						n,
@@ -1050,94 +1114,94 @@ function Fe({ disabled: t, guide: s, locked: c, onCommit: l }) {
 						n,
 						r ? 4 : 10
 					],
-					stroke: X,
+					stroke: J,
 					strokeWidth: r ? 1.5 : 1
 				}, t);
 			}),
-			/* @__PURE__ */ a(S, {
+			/* @__PURE__ */ o(M, {
 				dash: [7, 7],
 				listening: !1,
 				opacity: .72,
 				points: [
-					g,
+					h,
 					0,
-					m,
+					p,
 					0
 				],
-				stroke: X,
+				stroke: J,
 				strokeWidth: 2
 			}),
-			/* @__PURE__ */ a(S, {
+			/* @__PURE__ */ o(M, {
 				dash: [7, 7],
 				listening: !1,
 				opacity: .72,
 				points: [
-					_,
+					g,
 					0,
-					h,
+					m,
 					0
 				],
-				stroke: X,
+				stroke: J,
 				strokeWidth: 2
 			}),
-			/* @__PURE__ */ a(b, {
-				draggable: v,
+			/* @__PURE__ */ o(j, {
+				draggable: _,
 				name: "geometry-guide",
-				onDblClick: D,
-				onDblTap: D,
-				onDragEnd: T,
-				onDragMove: (e) => E(e, "right"),
-				children: /* @__PURE__ */ a(C, {
+				onDblClick: S,
+				onDblTap: S,
+				onDragEnd: b,
+				onDragMove: (e) => x(e, "right"),
+				children: /* @__PURE__ */ o(N, {
 					fill: "rgba(255, 255, 255, 0.01)",
 					height: 106,
 					offsetY: 53,
-					width: m + 24,
+					width: p + 24,
 					x: 0
 				})
 			}),
-			/* @__PURE__ */ a(b, {
-				draggable: v,
+			/* @__PURE__ */ o(j, {
+				draggable: _,
 				name: "geometry-guide",
-				onDblClick: D,
-				onDblTap: D,
-				onDragEnd: T,
-				onDragMove: (e) => E(e, "left"),
-				children: /* @__PURE__ */ a(C, {
+				onDblClick: S,
+				onDblTap: S,
+				onDragEnd: b,
+				onDragMove: (e) => x(e, "left"),
+				children: /* @__PURE__ */ o(N, {
 					fill: "rgba(255, 255, 255, 0.01)",
 					height: 106,
 					offsetY: 53,
-					width: Math.abs(h) + 24,
-					x: h - 24
+					width: Math.abs(m) + 24,
+					x: m - 24
 				})
 			}),
-			/* @__PURE__ */ a(y, {
+			/* @__PURE__ */ o(A, {
 				fill: "#f7fffb",
 				listening: !1,
 				radius: 16,
 				shadowBlur: 10,
 				shadowColor: "rgba(10, 143, 85, 0.35)",
-				stroke: X,
+				stroke: J,
 				strokeWidth: 4,
-				x: m,
+				x: p,
 				y: 0
 			}),
-			/* @__PURE__ */ a(y, {
+			/* @__PURE__ */ o(A, {
 				fill: "#f7fffb",
 				listening: !1,
 				radius: 16,
 				shadowBlur: 10,
 				shadowColor: "rgba(10, 143, 85, 0.35)",
-				stroke: X,
+				stroke: J,
 				strokeWidth: 4,
-				x: h,
+				x: m,
 				y: 0
 			}),
-			/* @__PURE__ */ o(b, {
-				draggable: v,
+			/* @__PURE__ */ s(j, {
+				draggable: _,
 				name: "geometry-guide",
-				onDragEnd: T,
-				onDragMove: w,
-				children: [/* @__PURE__ */ a(C, {
+				onDragEnd: b,
+				onDragMove: y,
+				children: [/* @__PURE__ */ o(N, {
 					cornerRadius: 13,
 					fill: "#ffffff",
 					height: 26,
@@ -1145,14 +1209,14 @@ function Fe({ disabled: t, guide: s, locked: c, onCommit: l }) {
 					offsetY: 13,
 					shadowBlur: 8,
 					shadowColor: "rgba(10, 143, 85, 0.2)",
-					stroke: X,
+					stroke: J,
 					strokeWidth: 2,
 					width: 70
 				}), [
 					-14,
 					0,
 					14
-				].map((e) => /* @__PURE__ */ a(S, {
+				].map((e) => /* @__PURE__ */ o(M, {
 					lineCap: "round",
 					points: [
 						e,
@@ -1160,24 +1224,24 @@ function Fe({ disabled: t, guide: s, locked: c, onCommit: l }) {
 						e,
 						7
 					],
-					stroke: X,
+					stroke: J,
 					strokeWidth: 2
 				}, e))]
 			})
 		]
 	}) });
 }
-function Ie({ disabled: e, guide: t, locked: n, onChange: r }) {
-	let s = !e && !n, c = Ze({
+function rt({ disabled: e, guide: t, locked: n, onChange: r }) {
+	let i = !e && !n, c = vt({
 		x: 136,
 		y: 0
 	}, t.rotation, {
 		x: t.x,
 		y: t.y
 	});
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o(b, {
-		draggable: s,
-		listening: s,
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s(j, {
+		draggable: i,
+		listening: i,
 		name: "geometry-guide",
 		onDragMove: (e) => r({
 			...t,
@@ -1188,41 +1252,41 @@ function Ie({ disabled: e, guide: t, locked: n, onChange: r }) {
 		x: t.x,
 		y: t.y,
 		children: [
-			/* @__PURE__ */ a(v, {
+			/* @__PURE__ */ o(k, {
 				angle: 180,
 				fill: "rgba(14, 173, 100, 0.11)",
 				innerRadius: 0,
 				outerRadius: 110,
 				rotation: 180,
-				stroke: X,
+				stroke: J,
 				strokeWidth: 2
 			}),
-			/* @__PURE__ */ a(S, {
+			/* @__PURE__ */ o(M, {
 				points: [
 					-110,
 					0,
 					110,
 					0
 				],
-				stroke: X,
+				stroke: J,
 				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 = {
+				}, a = {
 					x: Math.cos(r) * (t % 3 == 0 ? 92 : 100),
 					y: -Math.sin(r) * (t % 3 == 0 ? 92 : 100)
 				};
-				return /* @__PURE__ */ a(S, {
+				return /* @__PURE__ */ o(M, {
 					points: [
-						o.x,
-						o.y,
+						a.x,
+						a.y,
 						i.x,
 						i.y
 					],
-					stroke: X,
+					stroke: J,
 					strokeWidth: t % 3 == 0 ? 1.4 : 1
 				}, n);
 			}),
@@ -1232,8 +1296,8 @@ function Ie({ disabled: e, guide: t, locked: n, onChange: r }) {
 				180
 			].map((e) => {
 				let t = (180 - e) * Math.PI / 180;
-				return /* @__PURE__ */ a(T, {
-					fill: X,
+				return /* @__PURE__ */ o(P, {
+					fill: J,
 					fontSize: 12,
 					fontStyle: "bold",
 					text: `${e}`,
@@ -1242,10 +1306,10 @@ function Ie({ disabled: e, guide: t, locked: n, onChange: r }) {
 				}, e);
 			})
 		]
-	}), /* @__PURE__ */ a(y, {
-		draggable: s,
+	}), /* @__PURE__ */ o(A, {
+		draggable: i,
 		fill: "#fff",
-		listening: s,
+		listening: i,
 		name: "geometry-guide",
 		onDragMove: (e) => {
 			let n = e.target.position();
@@ -1255,30 +1319,30 @@ function Ie({ disabled: e, guide: t, locked: n, onChange: r }) {
 			});
 		},
 		radius: 10,
-		stroke: X,
+		stroke: J,
 		strokeWidth: 3,
 		x: c.x,
 		y: c.y
 	})] });
 }
-function Le({ disabled: e, guide: t, locked: n, onChange: r }) {
-	let s = !e && !n, c = {
+function it({ disabled: e, guide: t, locked: n, onChange: r }) {
+	let i = !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, {
+	return /* @__PURE__ */ s(a, { children: [
+		/* @__PURE__ */ o(A, {
 			dash: [8, 8],
 			radius: t.radius,
-			stroke: X,
+			stroke: J,
 			strokeWidth: 2,
 			x: t.center.x,
 			y: t.center.y
 		}),
-		/* @__PURE__ */ a(S, {
+		/* @__PURE__ */ o(M, {
 			dash: [8, 8],
 			points: [
 				t.center.x,
@@ -1286,10 +1350,10 @@ function Le({ disabled: e, guide: t, locked: n, onChange: r }) {
 				c.x,
 				c.y
 			],
-			stroke: X,
+			stroke: J,
 			strokeWidth: 2
 		}),
-		/* @__PURE__ */ a(S, {
+		/* @__PURE__ */ o(M, {
 			lineCap: "round",
 			lineJoin: "round",
 			points: [
@@ -1300,55 +1364,55 @@ function Le({ disabled: e, guide: t, locked: n, onChange: r }) {
 				c.x,
 				c.y
 			],
-			stroke: X,
+			stroke: J,
 			strokeWidth: 4
 		}),
-		/* @__PURE__ */ a(y, {
+		/* @__PURE__ */ o(A, {
 			fill: "#fff",
 			radius: 8,
-			stroke: X,
+			stroke: J,
 			strokeWidth: 3,
 			x: l.x,
 			y: l.y
 		}),
-		/* @__PURE__ */ a(y, {
-			draggable: s,
+		/* @__PURE__ */ o(A, {
+			draggable: i,
 			fill: "#fff",
-			listening: s,
+			listening: i,
 			name: "geometry-guide",
 			onDragMove: (e) => r({
 				...t,
 				center: e.target.position()
 			}),
 			radius: 11,
-			stroke: X,
+			stroke: J,
 			strokeWidth: 3,
 			x: t.center.x,
 			y: t.center.y
 		}),
-		/* @__PURE__ */ a(y, {
-			draggable: s,
+		/* @__PURE__ */ o(A, {
+			draggable: i,
 			fill: "#fff",
-			listening: s,
+			listening: i,
 			name: "geometry-guide",
 			onDragMove: (e) => {
 				let n = e.target.position();
 				r({
 					...t,
-					radius: Math.max(14, Q(t.center, n))
+					radius: Math.max(14, X(t.center, n))
 				});
 			},
 			radius: 9,
-			stroke: X,
+			stroke: J,
 			strokeWidth: 3,
 			x: c.x,
 			y: c.y
 		})
 	] });
 }
-function Re(e, t = !1) {
+function at(e, t = !1) {
 	let n = t ? .58 : 1;
-	return e.type === "freehand" ? /* @__PURE__ */ a(S, {
+	return e.type === "freehand" ? /* @__PURE__ */ o(M, {
 		lineCap: "round",
 		lineJoin: "round",
 		opacity: n,
@@ -1356,13 +1420,13 @@ function Re(e, t = !1) {
 		stroke: e.color,
 		strokeWidth: e.strokeWidth,
 		tension: .45
-	}, e.id) : e.type === "line" ? /* @__PURE__ */ a(S, {
+	}, e.id) : e.type === "line" ? /* @__PURE__ */ o(M, {
 		lineCap: "round",
 		opacity: n,
 		points: e.points,
 		stroke: e.color,
 		strokeWidth: e.strokeWidth
-	}, e.id) : /* @__PURE__ */ a(y, {
+	}, e.id) : /* @__PURE__ */ o(A, {
 		opacity: n,
 		radius: e.radius,
 		stroke: e.color,
@@ -1371,7 +1435,7 @@ function Re(e, t = !1) {
 		y: e.center.y
 	}, e.id);
 }
-function ze(e, t) {
+function ot(e, t) {
 	return {
 		compass: {
 			center: {
@@ -1393,16 +1457,16 @@ function ze(e, t) {
 		}
 	};
 }
-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,
+function st(e) {
+	return e?.elements?.length ? Y(e.elements) : (e?.strokes ?? []).filter((e) => e.tool === "pen" && e.points.length >= 4).map((e) => ({
+		color: Je,
 		id: e.id,
 		points: e.points.slice(),
 		strokeWidth: 4,
 		type: "freehand"
 	}));
 }
-function Ve(e) {
+function ct(e) {
 	return e.flatMap((e) => e.type === "freehand" ? [{
 		id: e.id,
 		points: e.points.slice(),
@@ -1413,7 +1477,7 @@ function Ve(e) {
 		tool: "pen"
 	}] : []);
 }
-function Z(e) {
+function Y(e) {
 	return e.map((e) => e.type === "freehand" ? {
 		...e,
 		points: e.points.slice()
@@ -1430,25 +1494,25 @@ function Z(e) {
 		center: { ...e.center }
 	});
 }
-function He(e, t, n) {
+function lt(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({
+	for (let e = 0; e <= t; e += q) for (let t = 0; t <= n; t += q) i.push({
 		x: e,
 		y: t
 	});
 	return r.concat(i);
 }
-function Ue(e, t) {
-	let n = e, r = De;
+function ut(e, t) {
+	let n = e, r = qe;
 	return t.forEach((t) => {
-		let i = Q(e, t);
+		let i = X(e, t);
 		i < r && (n = t, r = i);
 	}), n;
 }
-function We(e) {
+function dt(e) {
 	let t = e;
 	for (; t;) {
 		if (t.name().split(" ").includes("geometry-guide")) return !0;
@@ -1456,10 +1520,10 @@ function We(e) {
 	}
 	return !1;
 }
-function Ge(e) {
+function ft(e) {
 	return e === "pen" || e === "line" || e === "eraser";
 }
-function Ke(e) {
+function pt(e) {
 	let t = e.target.getStage()?.getPointerPosition();
 	if (!t) return null;
 	let n = e.target.getLayer(), r = n?.scaleX() || 1, i = n?.scaleY() || r;
@@ -1468,16 +1532,16 @@ function Ke(e) {
 		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 mt(e) {
+	return e.type === "freehand" ? e.points.length >= 4 : e.type === "line" ? xt(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;
+function ht(e, t) {
+	for (let n = e.length - 1; n >= 0; --n) if (gt(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, {
+function gt(e, t) {
+	if (e.type === "circle") return Math.abs(X(e.center, t) - e.radius) <= 14;
+	for (let n = 0; n < e.points.length - 2; n += 2) if (_t(t, {
 		x1: e.points[n],
 		x2: e.points[n + 2],
 		y1: e.points[n + 1],
@@ -1485,27 +1549,27 @@ function Ye(e, t) {
 	}) <= 14) return !0;
 	return !1;
 }
-function Xe(e, t) {
+function _t(e, t) {
 	let n = t.x2 - t.x1, r = t.y2 - t.y1, i = n * n + r * r;
-	if (i === 0) return Q(e, {
+	if (i === 0) return X(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, {
+	let a = St(((e.x - t.x1) * n + (e.y - t.y1) * r) / i, 0, 1);
+	return X(e, {
 		x: t.x1 + a * n,
 		y: t.y1 + a * r
 	});
 }
-function Ze(e, t, n) {
+function vt(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({
+function yt(e, t) {
+	return vt({
 		x: t === "left" ? -e.length / 2 : e.length / 2,
 		y: 0
 	}, e.rotation, {
@@ -1513,8 +1577,8 @@ function Qe(e, t) {
 		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;
+function bt(e, t, n) {
+	let r = n === "right" ? "left" : "right", i = yt(e, r), a = Math.atan2(t.y - i.y, t.x - i.x) * 180 / Math.PI, o = Ct(n === "right" ? a : a + 180), s = o * Math.PI / 180, c = e.length / 2, l = r === "left" ? 1 : -1;
 	return {
 		...e,
 		rotation: o,
@@ -1522,8 +1586,8 @@ function $e(e, t, n) {
 		y: i.y + Math.sin(s) * c * l
 	};
 }
-function et(e) {
-	return Q({
+function xt(e) {
+	return X({
 		x: e[0],
 		y: e[1]
 	}, {
@@ -1531,31 +1595,30 @@ function et(e) {
 		y: e[3]
 	});
 }
-function Q(e, t) {
+function X(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
-function tt(e, t, n) {
+function St(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function nt(e) {
+function Ct(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,
+function wt({ points: e, value: t, onChange: n }) {
+	return /* @__PURE__ */ o(Ze, {
+		onChange: n,
+		points: e,
+		value: t,
 		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, {
+function Tt({ labels: e, targets: t, value: n, onChange: r }) {
+	let i = n?.placements ?? {}, a = new Set(Object.keys(i));
+	return /* @__PURE__ */ o(c, {
 		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);
@@ -1572,14 +1635,14 @@ function it({ labels: e, targets: t, value: n, onChange: r }) {
 				}
 			});
 		},
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "label-placement",
-			children: [/* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ o("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", {
+				children: e.filter((e) => !a.has(e.id)).map((e) => /* @__PURE__ */ o(Et, { label: e }, e.id))
+			}), /* @__PURE__ */ o("div", {
 				className: "label-placement__diagram",
-				children: t.map((t) => /* @__PURE__ */ a(ot, {
+				children: t.map((t) => /* @__PURE__ */ o(Dt, {
 					label: e.find((e) => i[e.id]?.targetId === t.id),
 					target: t
 				}, t.id))
@@ -1587,66 +1650,66 @@ function it({ labels: e, targets: t, value: n, onChange: r }) {
 		})
 	});
 }
-function at({ label: e }) {
-	let { ref: t, isDragging: n } = c({ id: e.id });
-	return /* @__PURE__ */ a("button", {
+function Et({ label: e }) {
+	let { ref: t, isDragging: n } = l({ id: e.id });
+	return /* @__PURE__ */ o("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", {
+function Dt({ label: e, target: t }) {
+	let { ref: n, isDropTarget: r } = u({ id: t.id });
+	return /* @__PURE__ */ s("div", {
 		className: r ? "placement-target placement-target--active" : "placement-target",
 		ref: n,
 		style: {
 			left: `${t.x}%`,
 			top: `${t.y}%`
 		},
-		children: [/* @__PURE__ */ a("span", {
+		children: [/* @__PURE__ */ o("span", {
 			"aria-hidden": "true",
 			children: t.label
-		}), e ? /* @__PURE__ */ a(at, { label: e }) : null]
+		}), e ? /* @__PURE__ */ o(Et, { 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", {
+function Ot({ answerId: e, expression: t, value: n, onChange: r, onClear: i, recognizer: a }) {
+	return /* @__PURE__ */ s("div", {
 		className: "number-line-layout",
-		children: [/* @__PURE__ */ a(ct, {}), /* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ o(kt, {}), /* @__PURE__ */ s("div", {
 			className: "compact-answer",
-			children: [/* @__PURE__ */ a("span", { children: t }), /* @__PURE__ */ a(q, {
+			children: [/* @__PURE__ */ o("span", { children: t }), /* @__PURE__ */ o(G, {
 				ariaLabel: t,
 				onChange: (t) => r(e, t),
 				onClear: () => i(e),
-				recognizer: s,
+				recognizer: a,
 				value: n
 			})]
 		})]
 	});
 }
-function ct() {
-	return /* @__PURE__ */ o("svg", {
+function kt() {
+	return /* @__PURE__ */ s("svg", {
 		className: "number-line",
 		viewBox: "0 0 520 86",
 		role: "img",
 		"aria-label": "مُسْتَقِيمٌ عَدَدِيٌّ مِنْ 0 إِلَى 10",
-		children: [/* @__PURE__ */ a("line", {
+		children: [/* @__PURE__ */ o("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", {
+			return /* @__PURE__ */ s("g", { children: [/* @__PURE__ */ o("line", {
 				x1: n,
 				x2: n,
 				y1: "28",
 				y2: "44"
-			}), /* @__PURE__ */ a("text", {
+			}), /* @__PURE__ */ o("text", {
 				x: n,
 				y: "66",
 				children: t
@@ -1656,7 +1719,7 @@ function ct() {
 }
 //#endregion
 //#region src/voice/evaluateVoiceAiResult.ts
-var lt = {
+var At = {
 	audioConfig: {
 		bitDepth: 16,
 		channels: 1,
@@ -1666,18 +1729,18 @@ var lt = {
 	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) => ({
+function jt(e, t, n) {
+	let r = Ft([t, ...n.acceptedPronunciations ?? []]), i = r.map(Mt), a = Mt(e.transcript), o = i.map((e, t) => ({
 		index: t,
-		similarity: pt(a, e)
+		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";
+	}), s = o.index >= 0 ? r[o.index] : null, c = o.similarity === 1, l = It(n.minimumSimilarity ?? Nt(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),
+		confidencePercent: Math.round(It(e.confidence, 0, 1) * 100),
 		detectedPronunciation: e.transcript,
 		expectedLanguage: n.expectedLanguage,
 		expectedText: t,
@@ -1696,13 +1759,13 @@ function ut(e, t, n) {
 		timestamps: e.timestamps ?? []
 	};
 }
-function dt(e) {
+function Mt(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 Nt(e) {
+	return (e ? Mt(e).length : 0) <= 4 ? 1 : .85;
 }
-function pt(e, t) {
+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);
@@ -1714,185 +1777,185 @@ function pt(e, t) {
 		}
 		a.splice(0, a.length, ...t);
 	}
-	return ht(1 - a[r.length] / i, 0, 1);
+	return It(1 - a[r.length] / i, 0, 1);
 }
-function mt(e) {
+function Ft(e) {
 	let t = /* @__PURE__ */ new Set();
 	return e.filter((e) => {
-		let n = dt(e);
+		let n = Mt(e);
 		return !n || t.has(n) ? !1 : (t.add(n), !0);
 	});
 }
-function ht(e, t, n) {
+function It(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,
+function Lt({ acceptedPronunciations: e, expectedText: a, imageAlt: c, imageSrc: l, instruction: u, language: d, minimumSimilarity: f, onChange: p, onReset: m, recorder: h, value: g }) {
+	let [_, v] = i("idle"), [b, x] = i(null), [S, w] = i(0), T = r(null), E = r(!1), D = n(() => g ? jt(g.result.modelAiResult, a, {
+		acceptedPronunciations: e,
 		expectedLanguage: d,
-		minimumSimilarity: p
+		minimumSimilarity: f
 	}) : null, [
-		i,
-		s,
+		e,
+		a,
 		d,
-		p,
-		y
+		f,
+		g
 	]);
-	e(() => {
-		if (b !== "recording") return;
+	t(() => {
+		if (_ !== "recording") return;
 		let e = window.setInterval(() => {
-			let e = E.current;
-			e !== null && T(Date.now() - e);
+			let e = T.current;
+			e !== null && w(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), _();
+	}, [_]), t(() => () => {
+		E.current && h?.stopRecording().catch(() => void 0);
+	}, [h]);
+	async function O() {
+		if (_ !== "recording") {
+			v("checking"), x(null), m();
 			try {
-				if (!v) throw Error("مُسجِّل الصَّوت غَير مُتاحٍ فِي هذا التَّطبِيق.");
+				if (!h) throw Error("مُسجِّل الصَّوت غَير مُتاحٍ فِي هذا التَّطبِيق.");
 				let e = {
-					...lt,
+					...At,
 					lang: d,
 					maxDuration: 10
 				};
-				if (!(await v.startRecording(e)).started) throw Error("تعذّر بدء التسجيل الصوتي.");
-				D.current = !0, E.current = Date.now(), T(0), x("recording");
+				if (!(await h.startRecording(e)).started) throw Error("تعذّر بدء التسجيل الصوتي.");
+				E.current = !0, T.current = Date.now(), w(0), v("recording");
 			} catch (e) {
-				D.current = !1, E.current = null, C(bt(e)), x("error");
+				E.current = !1, T.current = null, x(Vt(e)), v("error");
 			}
 		}
 	}
-	async function A() {
-		if (b === "recording") {
-			x("processing"), C(null);
+	async function k() {
+		if (_ === "recording") {
+			v("processing"), x(null);
 			try {
-				if (!v) throw Error("مُسجِّل الصَّوت غَير مُتاحٍ فِي هذا التَّطبِيق.");
-				let e = await v.stopRecording(), t = ut(e.modelAiResult, s, {
-					acceptedPronunciations: i,
+				if (!h) throw Error("مُسجِّل الصَّوت غَير مُتاحٍ فِي هذا التَّطبِيق.");
+				let t = await h.stopRecording(), n = jt(t.modelAiResult, a, {
+					acceptedPronunciations: e,
 					expectedLanguage: d,
-					minimumSimilarity: p
+					minimumSimilarity: f
 				});
-				D.current = !1, E.current = null, T(e.duration), g({
-					evaluation: t,
+				E.current = !1, T.current = null, w(t.duration), p({
+					evaluation: n,
 					kind: "audio-recording",
-					result: e
-				}), x("idle");
+					result: t
+				}), v("idle");
 			} catch (e) {
-				D.current = !1, E.current = null, C(bt(e)), x("error");
+				E.current = !1, T.current = null, x(Vt(e)), v("error");
 			}
 		}
 	}
-	function j() {
-		C(null), T(0), x("idle"), _();
+	function A() {
+		x(null), w(0), v("idle"), m();
 	}
-	let M = b === "checking" || b === "processing", N = b === "recording" ? w : y?.result.duration ?? w;
-	return /* @__PURE__ */ o("div", {
+	let j = _ === "checking" || _ === "processing", te = _ === "recording" ? S : g?.result.duration ?? S;
+	return /* @__PURE__ */ s("div", {
 		className: "audio-debug-card",
-		"data-status": b,
+		"data-status": _,
 		children: [
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "audio-pronunciation-target",
-				children: [/* @__PURE__ */ a("div", {
+				children: [/* @__PURE__ */ o("div", {
 					className: "audio-pronunciation-image-frame",
-					children: /* @__PURE__ */ a("img", {
+					children: /* @__PURE__ */ o("img", {
 						alt: c,
 						src: l
 					})
-				}), /* @__PURE__ */ o("div", {
+				}), /* @__PURE__ */ s("div", {
 					className: "audio-pronunciation-copy",
 					children: [
-						/* @__PURE__ */ o("span", { children: [
+						/* @__PURE__ */ s("span", { children: [
 							"اُنْطِقِ الكَلِمَةَ بِـ",
-							yt(d),
+							Bt(d),
 							":"
 						] }),
-						/* @__PURE__ */ a("strong", {
+						/* @__PURE__ */ o("strong", {
 							dir: d === "ar" ? "rtl" : "ltr",
-							children: s
+							children: a
 						}),
-						/* @__PURE__ */ a("p", { children: u })
+						/* @__PURE__ */ o("p", { children: u })
 					]
 				})]
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "audio-debug-card__hero",
 				"aria-live": "polite",
-				children: [/* @__PURE__ */ a("span", {
+				children: [/* @__PURE__ */ o("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) })] })]
+					children: /* @__PURE__ */ o(y, {})
+				}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("strong", { children: Ht(_, !!g) }), /* @__PURE__ */ o("span", { children: zt(te) })] })]
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "audio-debug-actions",
 				children: [
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ s("button", {
 						className: "audio-debug-button audio-debug-button--record",
-						disabled: b === "recording" || M,
-						onClick: k,
+						disabled: _ === "recording" || j,
+						onClick: O,
 						type: "button",
-						children: [/* @__PURE__ */ a(f, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: y ? "سَجِّلْ مُحاوَلَةً جَدِيدَةً" : "اِبْدَأِ التَّسْجِيلَ" })]
+						children: [/* @__PURE__ */ o(y, { "aria-hidden": "true" }), /* @__PURE__ */ o("span", { children: g ? "سَجِّلْ مُحاوَلَةً جَدِيدَةً" : "اِبْدَأِ التَّسْجِيلَ" })]
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ s("button", {
 						className: "audio-debug-button audio-debug-button--stop",
-						disabled: b !== "recording",
-						onClick: A,
+						disabled: _ !== "recording",
+						onClick: k,
 						type: "button",
-						children: [/* @__PURE__ */ a(h, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: "أَنْهِ التَّسْجِيلَ" })]
+						children: [/* @__PURE__ */ o(C, { "aria-hidden": "true" }), /* @__PURE__ */ o("span", { children: "أَنْهِ التَّسْجِيلَ" })]
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ s("button", {
 						className: "audio-debug-button audio-debug-button--reset",
-						disabled: b === "recording" || M || !y && !S,
-						onClick: j,
+						disabled: _ === "recording" || j || !g && !b,
+						onClick: A,
 						type: "button",
-						children: [/* @__PURE__ */ a(m, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: "إِعادَةُ المُحاوَلَةِ" })]
+						children: [/* @__PURE__ */ o(ee, { "aria-hidden": "true" }), /* @__PURE__ */ o("span", { children: "إِعادَةُ المُحاوَلَةِ" })]
 					})
 				]
 			}),
-			S ? /* @__PURE__ */ a("p", {
+			b ? /* @__PURE__ */ o("p", {
 				className: "audio-debug-message",
 				role: "alert",
-				children: S
+				children: b
 			}) : null,
-			y && O ? /* @__PURE__ */ o("section", {
+			g && D ? /* @__PURE__ */ s("section", {
 				className: "audio-pronunciation-feedback",
-				"data-outcome": O.status,
+				"data-outcome": D.status,
 				"data-testid": "pronunciation-feedback",
 				role: "status",
-				children: [/* @__PURE__ */ o("div", {
+				children: [/* @__PURE__ */ s("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", {
+					children: [/* @__PURE__ */ o(Rt, { status: D.status }), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("strong", { children: Ut(D.status) }), /* @__PURE__ */ o("span", { children: Wt(D.status, a) })] })]
+				}), /* @__PURE__ */ s("div", {
 					className: "audio-debug-metadata",
 					children: [
-						/* @__PURE__ */ a($, {
+						/* @__PURE__ */ o(Z, {
 							label: "ما تَعَرَّفَ عَلَيْهِ النَّمُوذَجُ",
-							value: O.detectedPronunciation || "—"
+							value: D.detectedPronunciation || "—"
 						}),
-						/* @__PURE__ */ a($, {
+						/* @__PURE__ */ o(Z, {
 							label: "نِسْبَةُ التَّطابُقِ",
-							value: `${O.similarityPercent}%`
+							value: `${D.similarityPercent}%`
 						}),
-						/* @__PURE__ */ a($, {
+						/* @__PURE__ */ o(Z, {
 							label: "ثِقَةُ النَّمُوذَجِ",
-							value: `${O.confidencePercent}%`
+							value: `${D.confidencePercent}%`
 						}),
-						/* @__PURE__ */ a($, {
+						/* @__PURE__ */ o(Z, {
 							label: "اللُّغَةُ",
-							value: O.language.toUpperCase()
+							value: D.language.toUpperCase()
 						}),
-						/* @__PURE__ */ a($, {
+						/* @__PURE__ */ o(Z, {
 							label: "زَمَنُ التَّحْلِيلِ",
-							value: `${O.latencyMs} ms`
+							value: `${D.latencyMs} ms`
 						}),
-						/* @__PURE__ */ a($, {
+						/* @__PURE__ */ o(Z, {
 							label: "عَدَدُ الرُّمُوزِ الصَّوْتِيَّةِ",
-							value: O.timestamps.length.toString()
+							value: D.timestamps.length.toString()
 						})
 					]
 				})]
@@ -1900,54 +1963,54 @@ function gt({ acceptedPronunciations: i, expectedText: s, imageAlt: c, imageSrc:
 		]
 	});
 }
-function _t({ status: e }) {
-	return a(e === "correct" ? u : e === "no-speech" ? g : _, { "aria-hidden": "true" });
+function Rt({ status: e }) {
+	return o(e === "correct" ? f : e === "no-speech" ? D : O, { "aria-hidden": "true" });
 }
-function $({ label: e, value: t }) {
-	return /* @__PURE__ */ o("span", {
+function Z({ label: e, value: t }) {
+	return /* @__PURE__ */ s("span", {
 		className: "audio-debug-meta-card",
-		children: [/* @__PURE__ */ a("small", { children: e }), /* @__PURE__ */ a("strong", {
+		children: [/* @__PURE__ */ o("small", { children: e }), /* @__PURE__ */ o("strong", {
 			dir: "ltr",
 			children: t
 		})]
 	});
 }
-function vt(e) {
+function zt(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) {
+function Bt(e) {
 	return e === "fr" ? "الفَرَنْسِيَّةِ" : "العَرَبِيَّةِ";
 }
-function bt(e) {
+function Vt(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) {
+function Ht(e, t) {
 	return e === "checking" ? "جارِي تَجْهِيزُ المِيكْرُوفُونِ" : e === "recording" ? "جارِي التَّسْجِيلُ... تَكَلَّمِ الآنَ" : e === "processing" ? "جارِي تَحْلِيلُ النُّطْقِ" : e === "error" ? "تَعَذَّرَ تَحْلِيلُ التَّسْجِيلِ" : t ? "اِكْتَمَلَ تَحْلِيلُ الإِجابَةِ" : "المِيكْرُوفُونُ جاهِزٌ";
 }
-function St(e) {
+function Ut(e) {
 	return e === "correct" ? "أَحْسَنْتَ! إِجابَةٌ صَحِيحَةٌ" : e === "no-speech" ? "لَمْ نَسْمَعْ كَلِمَةً واضِحَةً" : e === "language-mismatch" ? "اُسْتُعْمِلَ نَمُوذَجُ لُغَةٍ مُخْتَلِفَةٍ" : "حاوِلْ مَرَّةً أُخْرى";
 }
-function Ct(e, t) {
+function Wt(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, {
+function Gt({ answerId: e, items: t, value: n, onChange: r }) {
+	let i = new Map(t.map((e) => [e.id, e])), a = n?.itemIds.length === t.length ? n.itemIds.filter((e) => i.has(e)) : t.map((e) => e.id);
+	return /* @__PURE__ */ o(c, {
 		onDragEnd: (e) => {
 			e.canceled || r({
 				kind: "order",
-				itemIds: E(o, e).map((e) => e.toString())
+				itemIds: F(a, e).map((e) => e.toString())
 			});
 		},
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ o("div", {
 			className: "sortable-answer",
-			children: o.map((t, n) => {
+			children: a.map((t, n) => {
 				let r = i.get(t);
-				return r ? /* @__PURE__ */ a(Tt, {
+				return r ? /* @__PURE__ */ o(Kt, {
 					group: e,
 					index: n,
 					item: r
@@ -1956,18 +2019,18 @@ function wt({ answerId: e, items: t, value: n, onChange: r }) {
 		})
 	});
 }
-function Tt({ group: e, index: t, item: n }) {
-	let { ref: r, isDragging: i, isDropTarget: o } = D({
+function Kt({ group: e, index: t, item: n }) {
+	let { ref: r, isDragging: i, isDropTarget: a } = I({
 		id: n.id,
 		index: t,
 		group: e,
 		type: "sortable-answer"
 	});
-	return /* @__PURE__ */ a("button", {
+	return /* @__PURE__ */ o("button", {
 		className: [
 			"sortable-token",
 			i ? "sortable-token--dragging" : "",
-			o ? "sortable-token--target" : ""
+			a ? "sortable-token--target" : ""
 		].filter(Boolean).join(" "),
 		ref: r,
 		type: "button",
@@ -1976,8 +2039,8 @@ function Tt({ group: e, index: t, item: n }) {
 }
 //#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", {
+function qt({ ariaLabel: e, className: t, inputMode: n = "text", value: r, onChange: i }) {
+	return /* @__PURE__ */ o("input", {
 		"aria-label": e,
 		className: t,
 		inputMode: n,
@@ -1989,35 +2052,186 @@ function Et({ ariaLabel: e, className: t, inputMode: n = "text", value: r, onCha
 	});
 }
 //#endregion
+//#region src/renderer/visualScene.tsx
+var Jt = {
+	apple: d,
+	circle: p,
+	flower: g,
+	heart: _,
+	hexagon: v,
+	square: C,
+	star: w,
+	sun: T,
+	triangle: E
+}, Yt = {
+	blue: "#4d89d9",
+	gray: "#8c97a0",
+	green: "#1f9d63",
+	orange: "#f39b2b",
+	purple: "#8a63d2",
+	red: "#eb5b5b",
+	yellow: "#f2c641"
+}, Xt = {
+	"counter-rows": { rows: [{
+		color: "yellow",
+		count: 5,
+		icon: "circle",
+		id: "counter-top",
+		state: "plain"
+	}, {
+		color: "yellow",
+		count: 4,
+		icon: "circle",
+		id: "counter-bottom",
+		state: "crossed"
+	}] },
+	"sun-stars": { rows: [{
+		color: "yellow",
+		count: 4,
+		icon: "sun",
+		id: "sun-row",
+		state: "plain"
+	}, {
+		color: "gray",
+		count: 2,
+		icon: "star",
+		id: "star-row",
+		state: "plain"
+	}] }
+}, Zt = [
+	{
+		label: "Cercle",
+		value: "circle"
+	},
+	{
+		label: "Etoile",
+		value: "star"
+	},
+	{
+		label: "Soleil",
+		value: "sun"
+	},
+	{
+		label: "Pomme",
+		value: "apple"
+	},
+	{
+		label: "Triangle",
+		value: "triangle"
+	},
+	{
+		label: "Carre",
+		value: "square"
+	},
+	{
+		label: "Coeur",
+		value: "heart"
+	},
+	{
+		label: "Fleur",
+		value: "flower"
+	},
+	{
+		label: "Hexagone",
+		value: "hexagon"
+	}
+], Qt = [
+	{
+		label: "Jaune",
+		value: "yellow"
+	},
+	{
+		label: "Bleu",
+		value: "blue"
+	},
+	{
+		label: "Vert",
+		value: "green"
+	},
+	{
+		label: "Rouge",
+		value: "red"
+	},
+	{
+		label: "Orange",
+		value: "orange"
+	},
+	{
+		label: "Violet",
+		value: "purple"
+	},
+	{
+		label: "Gris",
+		value: "gray"
+	}
+], $t = [{
+	label: "Normal",
+	value: "plain"
+}, {
+	label: "Barre",
+	value: "crossed"
+}];
+function en(e) {
+	return { rows: Xt[e].rows.map((e) => ({ ...e })) };
+}
+function tn(e) {
+	return Yt[e];
+}
+function nn({ scene: e }) {
+	return /* @__PURE__ */ o("div", {
+		className: "visual-panel visual-panel--custom",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ o("div", {
+			className: "visual-scene",
+			children: e.rows.map((e) => /* @__PURE__ */ o("div", {
+				className: "visual-scene-row",
+				children: Array.from({ length: Math.max(1, Math.floor(e.count) || 1) }, (t, n) => /* @__PURE__ */ o(rn, {
+					color: e.color,
+					icon: e.icon,
+					state: e.state
+				}, `${e.id}-${n}`))
+			}, e.id))
+		})
+	});
+}
+function rn({ color: e, icon: t, state: n }) {
+	let r = Jt[t];
+	return /* @__PURE__ */ o("span", {
+		className: n === "crossed" ? "visual-scene-icon visual-scene-icon--crossed" : "visual-scene-icon",
+		style: { color: tn(e) },
+		children: /* @__PURE__ */ o(r, { "aria-hidden": "true" })
+	});
+}
+//#endregion
 //#region src/renderer/QuestionRenderer.tsx
-function Dt({ adapters: e, clearAnswer: t, question: n, getAnswer: r, updateAnswer: i }) {
-	return /* @__PURE__ */ o("article", {
+function an({ adapters: e, clearAnswer: t, question: n, getAnswer: r, updateAnswer: i }) {
+	return /* @__PURE__ */ s("article", {
 		className: `question-block question-block--${n.type}`,
-		children: [/* @__PURE__ */ a(kt, {
+		children: [/* @__PURE__ */ o(sn, {
 			number: n.number,
 			prompt: n.prompt
-		}), At(n, r, i, t, e)]
+		}), cn(n, r, i, t, e)]
 	});
 }
-function Ot({ adapters: e, clearAnswer: t, section: n, getAnswer: r, updateAnswer: i }) {
-	return /* @__PURE__ */ o("section", {
+function on({ adapters: e, clearAnswer: t, section: n, getAnswer: r, updateAnswer: i }) {
+	return /* @__PURE__ */ s("section", {
 		className: `question-section question-section--${n.tone}`,
-		children: [/* @__PURE__ */ o("header", {
+		children: [/* @__PURE__ */ s("header", {
 			className: "section-heading",
 			children: [
-				/* @__PURE__ */ o("span", {
+				/* @__PURE__ */ s("span", {
 					className: "section-points",
-					children: [/* @__PURE__ */ a("small", { children: "ن" }), n.points]
+					children: [/* @__PURE__ */ o("small", { children: "ن" }), n.points]
 				}),
-				/* @__PURE__ */ a("h3", { children: n.title }),
-				/* @__PURE__ */ a("span", {
+				/* @__PURE__ */ o("h3", { children: n.title }),
+				/* @__PURE__ */ o("span", {
 					className: "section-badge",
 					children: n.badge
 				})
 			]
-		}), /* @__PURE__ */ a("div", {
+		}), /* @__PURE__ */ o("div", {
 			className: "section-body",
-			children: n.questions.map((n) => /* @__PURE__ */ a(Dt, {
+			children: n.questions.map((n) => /* @__PURE__ */ o(an, {
 				adapters: e,
 				clearAnswer: t,
 				getAnswer: r,
@@ -2027,87 +2241,73 @@ function Ot({ adapters: e, clearAnswer: t, section: n, getAnswer: r, updateAnswe
 		})]
 	});
 }
-function kt({ number: e, prompt: t }) {
-	return /* @__PURE__ */ o("div", {
+function sn({ number: e, prompt: t }) {
+	return /* @__PURE__ */ s("div", {
 		className: "question-prompt",
-		children: [e > 0 ? /* @__PURE__ */ a("span", { children: e }) : null, /* @__PURE__ */ a("strong", { children: t })]
+		children: [e > 0 ? /* @__PURE__ */ o("span", { children: e }) : null, /* @__PURE__ */ o("strong", { children: t })]
 	});
 }
-function At(e, t, n, r, s) {
+function cn(e, t, n, r, i) {
 	switch (e.type) {
-		case "inline-inputs": return /* @__PURE__ */ a("div", {
+		case "inline-inputs": return /* @__PURE__ */ o("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);
-			})
+			children: e.items.map((a) => ln({
+				adapters: i,
+				className: "equation-card",
+				clearAnswer: r,
+				getAnswer: t,
+				item: a,
+				questionId: e.id,
+				updateAnswer: n
+			}))
 		});
-		case "visual-choice": return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(Ut, {
+		case "visual-choice": return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(xn, {
 			choices: e.choices,
 			onChange: (t) => n(e.id, t),
-			value: Pt(t(e.id)),
+			scene: e.scene,
+			value: fn(t(e.id)),
 			visual: e.visual
-		}), e.inputLabel ? /* @__PURE__ */ o("div", {
+		}), e.inputLabel ? /* @__PURE__ */ s("div", {
 			className: "compact-answer",
-			children: [/* @__PURE__ */ a("span", { children: e.inputLabel }), /* @__PURE__ */ a(q, {
+			children: [/* @__PURE__ */ o("span", { children: e.inputLabel }), /* @__PURE__ */ o(G, {
 				ariaLabel: e.inputLabel,
 				onChange: (t) => n(`${e.id}:input`, t),
 				onClear: () => r(`${e.id}:input`),
-				recognizer: s?.handwritingRecognizer,
-				value: Mt(t(`${e.id}:input`))
+				recognizer: i?.handwritingRecognizer,
+				value: Q(t(`${e.id}:input`))
 			})]
 		}) : null] });
-		case "number-line": return /* @__PURE__ */ a(st, {
+		case "number-line": return /* @__PURE__ */ o(Ot, {
 			answerId: e.id,
 			expression: e.expression,
 			onClear: r,
 			onChange: n,
-			recognizer: s?.handwritingRecognizer,
-			value: Mt(t(e.id))
+			recognizer: i?.handwritingRecognizer,
+			value: Q(t(e.id))
 		});
-		case "equation-inputs": return /* @__PURE__ */ a("div", {
+		case "equation-inputs": return /* @__PURE__ */ o("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);
-			})
+			children: e.items.map((a) => ln({
+				adapters: i,
+				ariaPrefix: e.prompt,
+				className: "wide-equation-card",
+				clearAnswer: r,
+				getAnswer: t,
+				item: a,
+				questionId: e.id,
+				updateAnswer: n
+			}))
 		});
-		case "length-estimation": return /* @__PURE__ */ a(Wt, {
+		case "length-estimation": return /* @__PURE__ */ o(Sn, {
 			answerId: e.id,
 			choices: e.choices,
 			getAnswer: t,
 			items: e.items,
 			updateAnswer: n
 		});
-		case "shape-choice": return /* @__PURE__ */ o("div", {
+		case "shape-choice": return /* @__PURE__ */ s("div", {
 			className: "shape-choice-layout",
-			children: [/* @__PURE__ */ a(me, {
+			children: [/* @__PURE__ */ o(Ne, {
 				items: e.choices.map((e) => ({
 					id: `${e.id}-label`,
 					label: e.label
@@ -2115,62 +2315,79 @@ function At(e, t, n, r, s) {
 				onChange: (t) => n(e.id, t),
 				targets: e.choices.map((e) => ({
 					id: `${e.id}-target`,
-					label: Bt(e.id)
+					label: yn(e.id)
 				})),
-				value: Pt(t(e.id))
-			}), /* @__PURE__ */ a("div", {
+				value: fn(t(e.id))
+			}), /* @__PURE__ */ o("div", {
 				className: "shape-row",
 				"aria-hidden": "true",
-				children: e.choices.map((e) => /* @__PURE__ */ a("span", { className: `shape-drawing shape-drawing--${e.id}` }, e.id))
+				children: e.choices.map((e) => /* @__PURE__ */ o("span", { className: `shape-drawing shape-drawing--${e.id}` }, e.id))
 			})]
 		});
-		case "drawing-grid": return /* @__PURE__ */ a(rt, {
-			actionLabel: e.actionLabel,
+		case "drawing-grid": return /* @__PURE__ */ o(wt, {
 			onChange: (t) => n(e.id, t),
 			points: e.points,
-			value: Lt(t(e.id))
+			value: hn(t(e.id))
 		});
-		case "table-response": return /* @__PURE__ */ a(pe, {
+		case "table-response": return /* @__PURE__ */ o(De, {
 			columns: e.columns,
 			onChange: (t) => n(e.id, t),
-			value: Rt(t(e.id))
+			value: gn(t(e.id))
 		});
-		case "text-input": return e.before && !e.after && e.number === 0 ? /* @__PURE__ */ a("p", {
+		case "text-input": return e.before && !e.after && e.number === 0 ? /* @__PURE__ */ o("p", {
 			className: "problem-statement",
 			children: e.before
-		}) : /* @__PURE__ */ o("div", {
+		}) : /* @__PURE__ */ s("div", {
 			className: "sentence-answer",
 			children: [
-				e.before ? /* @__PURE__ */ a("span", { children: e.before }) : null,
-				/* @__PURE__ */ a(q, {
+				e.before ? /* @__PURE__ */ o("span", { children: e.before }) : null,
+				/* @__PURE__ */ o(G, {
 					ariaLabel: e.prompt,
 					onChange: (t) => n(e.id, t),
 					onClear: () => r(e.id),
-					recognizer: s?.handwritingRecognizer,
-					value: Mt(t(e.id))
+					recognizer: i?.handwritingRecognizer,
+					value: Q(t(e.id))
 				}),
-				e.after ? /* @__PURE__ */ a("span", { children: e.after }) : null
+				e.after ? /* @__PURE__ */ o("span", { children: e.after }) : null
 			]
 		});
-		case "drag-match": return /* @__PURE__ */ a(me, {
+		case "word-problem": return /* @__PURE__ */ s("div", {
+			className: "word-problem",
+			children: [/* @__PURE__ */ o("p", {
+				className: "problem-statement word-problem__situation",
+				children: e.situation
+			}), /* @__PURE__ */ o("div", {
+				className: "word-problem__parts",
+				children: e.parts.map((a, s) => /* @__PURE__ */ o(vn, {
+					adapters: i,
+					clearAnswer: r,
+					getAnswer: t,
+					part: a,
+					parentQuestionId: e.id,
+					partNumber: s + 1,
+					updateAnswer: n
+				}, a.id))
+			})]
+		});
+		case "drag-match": return /* @__PURE__ */ o(Ne, {
 			items: e.items,
 			onChange: (t) => n(e.id, t),
 			targets: e.targets,
-			value: Pt(t(e.id))
+			value: fn(t(e.id))
 		});
-		case "sortable-answer": return /* @__PURE__ */ a(wt, {
+		case "sortable-answer": return /* @__PURE__ */ o(Gt, {
 			answerId: e.id,
 			items: e.items,
 			onChange: (t) => n(e.id, t),
-			value: Ft(t(e.id))
+			value: pn(t(e.id))
 		});
-		case "label-placement": return /* @__PURE__ */ a(it, {
+		case "label-placement": return /* @__PURE__ */ o(Tt, {
 			labels: e.labels,
 			onChange: (t) => n(e.id, t),
 			targets: e.targets,
-			value: It(t(e.id))
+			value: mn(t(e.id))
 		});
-		case "audio-recording": return /* @__PURE__ */ a(gt, {
+		case "audio-recording": return /* @__PURE__ */ o(Lt, {
 			acceptedPronunciations: e.acceptedPronunciations,
 			expectedText: e.expectedAnswer,
 			imageAlt: e.imageAlt,
@@ -2180,137 +2397,166 @@ function At(e, t, n, r, s) {
 			minimumSimilarity: e.minimumSimilarity,
 			onChange: (t) => n(e.id, t),
 			onReset: () => r(e.id),
-			recorder: s?.audioRecorder,
-			value: zt(t(e.id))
+			recorder: i?.audioRecorder,
+			value: _n(t(e.id))
 		});
 	}
 }
-function jt(e) {
+function ln({ adapters: t, ariaPrefix: n, className: r, clearAnswer: i, getAnswer: a, item: c, questionId: l, updateAnswer: u }) {
+	if (c.answers?.length) return /* @__PURE__ */ s("div", {
+		className: r,
+		children: [c.answers.map((r) => {
+			let d = `${l}:${c.id}:${r.id}`, f = [n, r.before].filter(Boolean).join(" ");
+			return /* @__PURE__ */ s(e, { children: [r.before ? /* @__PURE__ */ o("span", { children: r.before }) : null, /* @__PURE__ */ o(G, {
+				ariaLabel: f,
+				onChange: (e) => u(d, e),
+				onClear: () => i(d),
+				recognizer: t?.handwritingRecognizer,
+				value: Q(a(d))
+			})] }, r.id);
+		}), c.after ? /* @__PURE__ */ o("span", { children: c.after }) : null]
+	}, c.id);
+	if (!c.correctAnswer) return /* @__PURE__ */ s("div", {
+		className: r,
+		children: [/* @__PURE__ */ o("span", { children: c.before }), c.after ? /* @__PURE__ */ o("span", { children: c.after }) : null]
+	}, c.id);
+	let d = `${l}:${c.id}`;
+	return /* @__PURE__ */ s("div", {
+		className: r,
+		children: [
+			/* @__PURE__ */ o("span", { children: c.before }),
+			/* @__PURE__ */ o(G, {
+				ariaLabel: [n, c.before].filter(Boolean).join(" "),
+				onChange: (e) => u(d, e),
+				onClear: () => i(d),
+				recognizer: t?.handwritingRecognizer,
+				value: Q(a(d))
+			}),
+			c.after ? /* @__PURE__ */ o("span", { children: c.after }) : null
+		]
+	}, c.id);
+}
+function un(e) {
 	return e?.kind === "text" ? e : void 0;
 }
-function Mt(e) {
+function Q(e) {
 	return e?.kind === "handwritten-number" ? e : void 0;
 }
-function Nt(e) {
+function dn(e) {
 	return e?.kind === "choice" ? e : void 0;
 }
-function Pt(e) {
+function fn(e) {
 	return e?.kind === "matches" ? e : void 0;
 }
-function Ft(e) {
+function pn(e) {
 	return e?.kind === "order" ? e : void 0;
 }
-function It(e) {
+function mn(e) {
 	return e?.kind === "placements" ? e : void 0;
 }
-function Lt(e) {
+function hn(e) {
 	return e?.kind === "drawing" ? e : void 0;
 }
-function Rt(e) {
+function gn(e) {
 	return e?.kind === "coin-table" ? e : void 0;
 }
-function zt(e) {
+function _n(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}`)) })]
+function vn({ adapters: e, clearAnswer: t, getAnswer: n, parentQuestionId: r, part: i, partNumber: a, updateAnswer: c }) {
+	let l = `${r}:${i.id}`;
+	return /* @__PURE__ */ s("section", {
+		className: "word-problem-part",
+		children: [/* @__PURE__ */ s("div", {
+			className: "word-problem-part__prompt",
+			children: [/* @__PURE__ */ o("span", { children: a }), /* @__PURE__ */ o("strong", { children: i.prompt })]
+		}), i.type === "coin-table" ? /* @__PURE__ */ o(De, {
+			columns: i.columns,
+			onChange: (e) => c(l, e),
+			value: gn(n(l))
+		}) : /* @__PURE__ */ s("div", {
+			className: "sentence-answer word-problem-part__sentence",
+			children: [
+				i.before ? /* @__PURE__ */ o("span", { children: i.before }) : null,
+				/* @__PURE__ */ o(G, {
+					ariaLabel: i.prompt,
+					onChange: (e) => c(l, e),
+					onClear: () => t(l),
+					recognizer: e?.handwritingRecognizer,
+					value: Q(n(l))
+				}),
+				i.after ? /* @__PURE__ */ o("span", { children: i.after }) : null
+			]
+		})]
 	});
 }
-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();
+function yn(e) {
+	return e === "triangle" ? "△" : e === "square" ? "□" : e === "rectangle" ? "▭" : e;
+}
+var bn = "picture";
+function xn({ choices: e, onChange: n, scene: a, value: c, visual: l }) {
+	let u = r(null), d = r(null), f = r(null), p = r({}), m = r(null), h = c?.pairs[bn], [g, _] = i(null), [v, y] = i(null);
+	function b(e, t) {
+		let n = d.current;
+		if (n) {
+			let r = n.createSVGPoint(), i = n.getScreenCTM();
+			if (r.x = e, r.y = t, i) return r.matrixTransform(i.inverse());
+		}
+		let r = u.current;
+		if (!r) return null;
+		let i = r.getBoundingClientRect();
 		return {
-			x: e - r.left,
-			y: t - r.top
+			x: e - i.left,
+			y: t - i.top
 		};
 	}
-	function y(e) {
+	function x(e) {
 		if (!e) return null;
 		let t = e.getBoundingClientRect();
-		return v(t.left + t.width / 2, t.top + t.height / 2);
+		return b(t.left + t.width / 2, t.top + t.height / 2);
 	}
-	e(() => {
+	t(() => {
 		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
-			};
+			if (!e) return null;
+			let t = e.getBoundingClientRect();
+			return b(t.left + t.width / 2, t.top + t.height / 2);
 		}
 		function t() {
-			if (!p) {
-				h(null);
+			if (!h) {
+				_(null);
 				return;
 			}
-			let t = e(d.current[p]), n = e(u.current);
+			let t = e(p.current[h]), n = e(f.current);
 			if (!t || !n) {
-				h(null);
+				_(null);
 				return;
 			}
-			h({
-				x1: t.x,
-				x2: n.x,
-				y1: t.y,
-				y2: n.y
+			_({
+				x1: n.x,
+				x2: t.x,
+				y1: n.y,
+				y2: t.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
-		}, _({
+	}, [h]);
+	function S(e) {
+		let t = x(f.current), n = b(e.clientX, e.clientY);
+		!t || !n || (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), m.current = { pointerId: e.pointerId }, y({
 			x1: t.x,
 			x2: n.x,
 			y1: t.y,
 			y2: n.y
 		}));
 	}
-	function S(e) {
-		let t = f.current;
+	function ee(e) {
+		let t = m.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 || _({
+		let n = b(e.clientX, e.clientY), r = x(f.current);
+		!r || !n || y({
 			x1: r.x,
 			x2: n.x,
 			y1: r.y,
@@ -2318,80 +2564,72 @@ function Ut({ choices: t, onChange: i, value: s, visual: c }) {
 		});
 	}
 	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);
-		}
+		let t = m.current;
+		if (!t || t.pointerId !== e.pointerId) return;
+		e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId);
+		let r = T(e.clientX, e.clientY);
+		r && n({
+			kind: "matches",
+			pairs: { [bn]: r }
+		}), m.current = null, y(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;
+		return Math.hypot(t - i, n - a) <= Math.max(42, Math.max(r.width, r.height) * 2.4);
 	}
-	function T(e, n) {
-		return t.find((t) => w(d.current[t.id], e, n))?.id;
+	function T(t, n) {
+		return e.find((e) => w(p.current[e.id], t, n))?.id;
 	}
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ s("div", {
 		className: "visual-line-match",
-		ref: l,
+		ref: u,
 		children: [
-			/* @__PURE__ */ o("svg", {
+			/* @__PURE__ */ s("svg", {
 				className: "visual-line-match__lines",
 				"aria-hidden": "true",
-				children: [m ? /* @__PURE__ */ a("line", {
+				ref: d,
+				children: [g ? /* @__PURE__ */ o("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, v ? /* @__PURE__ */ o("line", {
+					className: "visual-line-match__line visual-line-match__line--draft",
+					x1: v.x1,
+					x2: v.x2,
+					y1: v.y1,
+					y2: v.y2
 				}) : null]
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "visual-match-picture",
-				children: [/* @__PURE__ */ a(Vt, { variant: c }), /* @__PURE__ */ a("button", {
+				children: [/* @__PURE__ */ o(nn, { scene: a ?? en(l) }), /* @__PURE__ */ o("button", {
 					"aria-label": "اربط الصورة بالإجابة",
-					className: p ? "visual-match-point visual-match-point--target visual-match-point--target-active" : "visual-match-point visual-match-point--target",
+					className: h ? "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,
+					onPointerDown: S,
+					onPointerMove: ee,
 					onPointerUp: C,
-					ref: u,
+					ref: f,
 					type: "button"
 				})]
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("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", {
+				children: e.map((e) => /* @__PURE__ */ s("div", {
+					className: h === e.id ? "visual-match-answer visual-match-answer--matched" : "visual-match-answer",
+					children: [/* @__PURE__ */ o("span", {
 						className: "answer-chip__label answer-chip__label--math",
 						children: e.label
-					}), /* @__PURE__ */ a("button", {
+					}), /* @__PURE__ */ o("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;
+							p.current[e.id] = t;
 						},
+						tabIndex: -1,
 						type: "button"
 					})]
 				}, e.id))
@@ -2399,8 +2637,8 @@ function Ut({ choices: t, onChange: i, value: s, visual: c }) {
 		]
 	});
 }
-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 Sn({ answerId: e, choices: t, getAnswer: n, items: a, updateAnswer: c }) {
+	let l = Math.max(...a.map((e) => e.squareLength)) + 2, u = Ue(t), [d, f] = i(null), [p, m] = i(!1), [h, g] = i({}), _ = r(null);
 	function v(e, t, n) {
 		let r = d;
 		r && g((i) => {
@@ -2437,27 +2675,27 @@ function Wt({ answerId: e, choices: t, getAnswer: i, items: s, updateAnswer: c }
 	function x(e) {
 		e?.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), _.current = null, m(!1);
 	}
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ s("div", {
 		className: "length-estimation-task",
 		"data-coloring": p ? "true" : "false",
 		onPointerCancel: () => x(),
 		onPointerUp: () => x(),
-		children: [/* @__PURE__ */ a(ye, {
+		children: [/* @__PURE__ */ o(ze, {
 			ariaLabel: "ألوان الأقلام",
 			className: "length-color-picker",
 			colors: u,
 			onChange: f,
 			selectedColorId: d
-		}), /* @__PURE__ */ a("div", {
+		}), /* @__PURE__ */ o("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", {
+			children: a.map((t) => {
+				let r = `${e}:squares:${t.id}`, i = `${e}:color:${t.id}`, a = dn(n(i)), d = h[t.id], f = d?.colorId ?? a?.choiceId, p = d?.fill ?? +!!a?.choiceId, m = f ? He(u, f) : "#9aa3a8", g = `${16 + Math.min(p, 1) * 68}%`;
+				return /* @__PURE__ */ s("div", {
 					className: "length-card",
-					children: [/* @__PURE__ */ a("div", {
+					children: [/* @__PURE__ */ o("div", {
 						className: "square-measure-strip",
 						style: { "--measure-squares": l },
-						children: /* @__PURE__ */ a("button", {
+						children: /* @__PURE__ */ o("button", {
 							"aria-label": `تلوين ${t.label}`,
 							className: [
 								"pencil-pencil",
@@ -2465,13 +2703,13 @@ function Wt({ answerId: e, choices: t, getAnswer: i, items: s, updateAnswer: c }
 								p > 0 ? "pencil-pencil--colored" : ""
 							].filter(Boolean).join(" "),
 							onKeyDown: (e) => {
-								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(t.id, r, .22));
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(t.id, i, .22));
 							},
 							onPointerDown: (e) => {
-								y(t.id, r, e);
+								y(t.id, i, e);
 							},
 							onPointerMove: (e) => {
-								b(t.id, r, e);
+								b(t.id, i, e);
 							},
 							onPointerUp: x,
 							style: {
@@ -2482,17 +2720,17 @@ function Wt({ answerId: e, choices: t, getAnswer: i, items: s, updateAnswer: c }
 							},
 							type: "button"
 						})
-					}), /* @__PURE__ */ o("label", {
+					}), /* @__PURE__ */ s("label", {
 						className: "length-value-row",
 						children: [
-							/* @__PURE__ */ a("span", { children: t.label }),
-							/* @__PURE__ */ a(Et, {
+							/* @__PURE__ */ o("span", { children: t.label }),
+							/* @__PURE__ */ o(qt, {
 								ariaLabel: `طول ${t.label} بالمربعات`,
 								inputMode: "numeric",
-								onChange: (e) => c(n, e),
-								value: jt(i(n))
+								onChange: (e) => c(r, e),
+								value: un(n(r))
 							}),
-							/* @__PURE__ */ a("span", { children: "مربعات" })
+							/* @__PURE__ */ o("span", { children: "مربعات" })
 						]
 					})]
 				}, t.id);
@@ -2502,51 +2740,644 @@ function Wt({ answerId: e, choices: t, getAnswer: i, items: s, updateAnswer: c }
 }
 //#endregion
 //#region src/renderer/QuestionPreviewPanel.tsx
-function Gt({ adapters: e, question: t }) {
-	let [n, i] = r({});
-	function o(e, t) {
-		i((n) => ({
+function Cn({ adapters: e, answers: t, onAnswersChange: n, question: r }) {
+	let [a, s] = i({}), c = t ?? a;
+	function l(e) {
+		if (t !== void 0) {
+			n?.(e(t));
+			return;
+		}
+		s(e);
+	}
+	function u(e, t) {
+		l((n) => ({
 			...n,
 			[e]: t
 		}));
 	}
-	function s(e) {
-		i((t) => {
+	function d(e) {
+		l((t) => {
 			let n = { ...t };
 			return delete n[e], n;
 		});
 	}
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "exam-renderer-preview",
-		children: /* @__PURE__ */ a(Dt, {
+		children: /* @__PURE__ */ o(an, {
 			adapters: e,
-			clearAnswer: s,
-			getAnswer: (e) => n[e],
-			question: t,
-			updateAnswer: o
+			clearAnswer: d,
+			getAnswer: (e) => c[e],
+			question: r,
+			updateAnswer: u
 		})
 	});
 }
 //#endregion
+//#region src/renderer/PrintableExamDocument.tsx
+var wn = {
+	ariaLabel: "معلومات المؤسسة",
+	logoAlt: "شعار المملكة المغربية",
+	logoSrc: "/logo/morocco-logo.png",
+	title: "المملكة المغربية",
+	lines: [
+		"وزارة التربية الوطنية والتعليم الأولي والرياضة",
+		"الأكاديمية الجهوية للتربية والتكوين لجهة طنجة تطوان الحسيمة",
+		"المديرية الإقليمية"
+	]
+};
+function Tn({ exam: e, locale: t = "fr", variant: n }) {
+	let r = qn(t), i = Mn(e);
+	return /* @__PURE__ */ s("article", {
+		className: `printable-exam printable-exam--${n}`,
+		dir: Kn(t) ? "rtl" : "ltr",
+		children: [/* @__PURE__ */ s("div", {
+			className: "printable-exam__top",
+			children: [/* @__PURE__ */ o(En, {}), /* @__PURE__ */ s("header", {
+				className: "printable-exam__header",
+				children: [/* @__PURE__ */ s("div", {
+					className: "printable-exam__title-row",
+					children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("span", {
+						className: "printable-exam__eyebrow",
+						children: e.subject
+					}), /* @__PURE__ */ o("h1", { children: e.title })] }), /* @__PURE__ */ o(jn, {
+						noteLabel: r.obtainedNote,
+						totalPoints: i
+					})]
+				}), /* @__PURE__ */ s("div", {
+					className: "printable-exam__meta",
+					children: [
+						/* @__PURE__ */ o(An, {
+							label: r.duration,
+							value: e.timer
+						}),
+						/* @__PURE__ */ o(An, {
+							label: r.level,
+							value: e.level
+						}),
+						/* @__PURE__ */ o(An, {
+							label: Kn(t) ? "المادة" : r.subject ?? "Matiere",
+							value: e.subject
+						})
+					]
+				})]
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "printable-exam__sections",
+			children: e.sections.map((e) => /* @__PURE__ */ o(Dn, {
+				locale: t,
+				section: e,
+				variant: n
+			}, e.id))
+		})]
+	});
+}
+function En() {
+	return /* @__PURE__ */ s("section", {
+		"aria-label": wn.ariaLabel,
+		className: "printable-institution-header",
+		dir: "rtl",
+		children: [
+			/* @__PURE__ */ o("img", {
+				alt: wn.logoAlt,
+				className: "printable-institution-header__logo",
+				src: wn.logoSrc
+			}),
+			/* @__PURE__ */ o("h1", { children: wn.title }),
+			wn.lines.map((e) => /* @__PURE__ */ o("p", { children: e }, e))
+		]
+	});
+}
+function Dn({ locale: e = "fr", section: t, variant: n }) {
+	let r = qn(e);
+	return /* @__PURE__ */ s("section", {
+		className: `printable-section printable-section--${t.tone}`,
+		"data-variant": n,
+		children: [/* @__PURE__ */ s("header", {
+			className: "printable-section__header",
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: "printable-section__score",
+					children: [/* @__PURE__ */ o("span", {
+						className: "printable-section__points",
+						children: t.points
+					}), /* @__PURE__ */ s("span", {
+						className: "printable-section__obtained",
+						children: [/* @__PURE__ */ o("small", { children: r.obtainedNote }), /* @__PURE__ */ s("strong", { children: [/* @__PURE__ */ o("i", { "aria-hidden": "true" }), /* @__PURE__ */ s("b", { children: ["/ ", t.points] })] })]
+					})]
+				}),
+				/* @__PURE__ */ o("h2", { children: t.title }),
+				/* @__PURE__ */ o("span", {
+					className: "printable-section__badge",
+					children: t.badge
+				})
+			]
+		}), /* @__PURE__ */ o("div", {
+			className: "printable-section__body",
+			children: t.questions.map((t) => /* @__PURE__ */ o(On, {
+				locale: e,
+				question: t,
+				variant: n
+			}, t.id))
+		})]
+	});
+}
+function On({ locale: e = "fr", question: t, variant: n }) {
+	let r = qn(e);
+	return /* @__PURE__ */ s("article", {
+		className: `printable-question printable-question--${t.type}`,
+		children: [/* @__PURE__ */ s("div", {
+			className: "printable-question__prompt",
+			children: [t.number > 0 ? /* @__PURE__ */ o("span", {
+				className: "printable-question__number",
+				children: t.number
+			}) : null, /* @__PURE__ */ o("strong", { children: t.prompt })]
+		}), kn(t, n, r, e)]
+	});
+}
+function kn(e, t, n, r) {
+	switch (e.type) {
+		case "inline-inputs":
+		case "equation-inputs": return /* @__PURE__ */ o("div", {
+			className: "printable-equation-grid",
+			children: e.items.map((e) => /* @__PURE__ */ o("div", {
+				className: "printable-equation-card",
+				children: /* @__PURE__ */ o(Wn, { item: e })
+			}, e.id))
+		});
+		case "number-line": return /* @__PURE__ */ s("div", {
+			className: "printable-number-line-layout",
+			children: [/* @__PURE__ */ s("div", {
+				className: "printable-number-line-expression",
+				children: [/* @__PURE__ */ o("span", { children: e.expression }), /* @__PURE__ */ o(Gn, {})]
+			}), /* @__PURE__ */ o(Vn, {})]
+		});
+		case "visual-choice": return /* @__PURE__ */ s("div", {
+			className: "printable-visual-match",
+			children: [/* @__PURE__ */ o(Pn, {
+				choices: e.choices,
+				scene: e.scene ?? en(e.visual)
+			}), e.inputLabel ? /* @__PURE__ */ s("div", {
+				className: "printable-inline-answer",
+				children: [/* @__PURE__ */ o("span", { children: e.inputLabel }), /* @__PURE__ */ o($, {})]
+			}) : null]
+		});
+		case "length-estimation": return /* @__PURE__ */ o("div", {
+			className: "printable-length-task",
+			children: /* @__PURE__ */ o("div", {
+				className: "printable-length-list",
+				children: e.items.map((e) => /* @__PURE__ */ o(Hn, {
+					item: e,
+					squareUnit: Kn(r) ? "مربعات" : "carres",
+					variant: t
+				}, e.id))
+			})
+		});
+		case "shape-choice": return /* @__PURE__ */ s("div", {
+			className: "printable-shape-match",
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "printable-shape-bank",
+					children: e.choices.map((e) => /* @__PURE__ */ o("div", {
+						className: "printable-shape-card",
+						children: /* @__PURE__ */ o(Me, { shapeId: e.id })
+					}, e.id))
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "printable-shape-labels",
+					children: e.choices.map((e, t) => /* @__PURE__ */ s("div", {
+						className: "printable-choice-chip",
+						children: [/* @__PURE__ */ s("span", { children: [t + 1, "."] }), /* @__PURE__ */ o("strong", { children: e.label })]
+					}, e.id))
+				}),
+				/* @__PURE__ */ o(Nn, { label: n.dragArea })
+			]
+		});
+		case "drawing-grid": return /* @__PURE__ */ o("div", {
+			className: "printable-drawing-block",
+			children: /* @__PURE__ */ o(Bn, { points: e.points })
+		});
+		case "table-response": return /* @__PURE__ */ o("div", {
+			className: "printable-table-response",
+			children: e.columns.map((e) => /* @__PURE__ */ s("div", {
+				className: "printable-table-column",
+				children: [
+					/* @__PURE__ */ o("strong", { children: e.title }),
+					/* @__PURE__ */ o("div", { className: "printable-table-area" }),
+					/* @__PURE__ */ s("div", {
+						className: "printable-inline-answer",
+						children: [/* @__PURE__ */ o("span", { children: e.answerLabel }), /* @__PURE__ */ o($, {})]
+					})
+				]
+			}, e.id))
+		});
+		case "text-input": return e.before && !e.after && e.number === 0 ? /* @__PURE__ */ o("p", {
+			className: "printable-statement",
+			children: e.before
+		}) : /* @__PURE__ */ s("div", {
+			className: "printable-inline-answer printable-inline-answer--sentence",
+			children: [
+				e.before ? /* @__PURE__ */ o("span", { children: e.before }) : null,
+				/* @__PURE__ */ o($, {}),
+				e.after ? /* @__PURE__ */ o("span", { children: e.after }) : null
+			]
+		});
+		case "word-problem": return /* @__PURE__ */ s("div", {
+			className: "printable-word-problem",
+			children: [/* @__PURE__ */ o("p", {
+				className: "printable-statement printable-word-problem__situation",
+				children: e.situation
+			}), /* @__PURE__ */ o("div", {
+				className: "printable-word-problem__parts",
+				children: e.parts.map((e, t) => /* @__PURE__ */ o(Un, {
+					part: e,
+					partNumber: t + 1
+				}, e.id))
+			})]
+		});
+		case "drag-match": return /* @__PURE__ */ o(In, {
+			items: e.items,
+			targets: e.targets
+		});
+		case "sortable-answer": return /* @__PURE__ */ s("div", {
+			className: "printable-sortable",
+			children: [/* @__PURE__ */ o("div", {
+				className: "printable-sortable__bank",
+				children: e.items.map((e) => /* @__PURE__ */ o("span", {
+					className: "printable-choice-chip",
+					children: /* @__PURE__ */ o("strong", { children: e.label })
+				}, e.id))
+			}), /* @__PURE__ */ s("div", {
+				className: "printable-sortable__slots",
+				children: [/* @__PURE__ */ o("strong", { children: n.sortOrder }), e.items.map((e, t) => /* @__PURE__ */ s("div", {
+					className: "printable-sortable__slot",
+					children: [/* @__PURE__ */ s("span", { children: [t + 1, "."] }), /* @__PURE__ */ o($, {})]
+				}, e.id))]
+			})]
+		});
+		case "label-placement": return /* @__PURE__ */ s("div", {
+			className: "printable-label-placement",
+			children: [
+				/* @__PURE__ */ o(zn, { targets: e.targets }),
+				/* @__PURE__ */ o("div", {
+					className: "printable-placement-labels",
+					children: e.labels.map((e) => /* @__PURE__ */ o("span", {
+						className: "printable-choice-chip",
+						children: /* @__PURE__ */ o("strong", { children: e.label })
+					}, e.id))
+				}),
+				/* @__PURE__ */ o(Nn, { label: n.placeLabels })
+			]
+		});
+		case "audio-recording": return /* @__PURE__ */ s("div", {
+			className: "printable-audio-card",
+			children: [/* @__PURE__ */ o("div", {
+				className: "printable-audio-card__image",
+				children: /* @__PURE__ */ o("img", {
+					alt: e.imageAlt,
+					src: e.imageSrc
+				})
+			}), /* @__PURE__ */ s("div", {
+				className: "printable-audio-card__copy",
+				children: [
+					/* @__PURE__ */ o("span", { children: n.oralAnswer }),
+					/* @__PURE__ */ o("strong", {
+						dir: e.language === "ar" ? "rtl" : "ltr",
+						children: e.expectedAnswer
+					}),
+					/* @__PURE__ */ o("p", { children: e.instruction })
+				]
+			})]
+		});
+	}
+}
+function An({ label: e, value: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: "printable-meta-pill",
+		children: [/* @__PURE__ */ o("span", { children: e }), /* @__PURE__ */ o("strong", { children: t })]
+	});
+}
+function jn({ noteLabel: e, totalPoints: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: "printable-note-box",
+		children: [/* @__PURE__ */ o("span", { children: e }), /* @__PURE__ */ s("strong", { children: [/* @__PURE__ */ o("i", { "aria-hidden": "true" }), /* @__PURE__ */ s("b", { children: ["/ ", t] })] })]
+	});
+}
+function Mn(e) {
+	let t = e.sections.filter((e) => e.isScored !== !1).map((e) => Number.parseFloat(e.points.replace(",", "."))).filter((e) => Number.isFinite(e));
+	if (t.length === 0) return "";
+	let n = t.reduce((e, t) => e + t, 0);
+	return String(Number.isInteger(n) ? n : Number(n.toFixed(2)));
+}
+function Nn({ label: e }) {
+	return /* @__PURE__ */ s("div", {
+		className: "printable-hint-line",
+		children: [/* @__PURE__ */ o("span", { children: e }), /* @__PURE__ */ o($, {})]
+	});
+}
+function Pn({ choices: e, scene: t }) {
+	return /* @__PURE__ */ o("div", {
+		className: "printable-visual-match__preview",
+		children: /* @__PURE__ */ s("div", {
+			className: "visual-line-match printable-visual-line-match",
+			children: [/* @__PURE__ */ s("div", {
+				className: "visual-match-picture printable-visual-match-picture",
+				children: [/* @__PURE__ */ o(nn, { scene: t }), /* @__PURE__ */ o("span", {
+					"aria-hidden": "true",
+					className: "visual-match-point visual-match-point--target printable-match-point printable-match-point--target"
+				})]
+			}), /* @__PURE__ */ o("div", {
+				className: "visual-line-match__answers printable-visual-line-match__answers",
+				children: e.map((e) => /* @__PURE__ */ o(Fn, { choice: e }, e.id))
+			})]
+		})
+	});
+}
+function Fn({ choice: e }) {
+	return /* @__PURE__ */ s("div", {
+		className: "visual-match-answer printable-visual-match-answer",
+		children: [/* @__PURE__ */ o("span", {
+			"aria-hidden": "true",
+			className: "visual-match-point visual-match-point--answer printable-match-point printable-match-point--choice"
+		}), /* @__PURE__ */ o("div", {
+			className: "printable-choice-chip printable-choice-chip--visual",
+			children: /* @__PURE__ */ o("strong", { children: e.label })
+		})]
+	});
+}
+function In({ items: e, targets: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: "printable-drag-match-board",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "printable-drag-match-column printable-drag-match-column--targets",
+				children: t.map((e, t) => /* @__PURE__ */ o(Ln, {
+					index: t,
+					target: e
+				}, e.id))
+			}),
+			/* @__PURE__ */ o("div", {
+				"aria-hidden": "true",
+				className: "printable-drag-match-lane",
+				children: Array.from({ length: Math.max(e.length, t.length) }).map((e, t) => /* @__PURE__ */ o("span", { className: "printable-drag-match-guide" }, t))
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "printable-drag-match-column printable-drag-match-column--answers",
+				children: e.map((e, t) => /* @__PURE__ */ o(Rn, {
+					index: t,
+					item: e
+				}, e.id))
+			})
+		]
+	});
+}
+function Ln({ index: e, target: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: "printable-drag-match-card printable-drag-match-card--target",
+		children: [
+			/* @__PURE__ */ o("span", {
+				className: "printable-drag-match-index",
+				children: String.fromCharCode(65 + e)
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "printable-drag-match-content",
+				children: t.shapeId ? /* @__PURE__ */ o(Me, { shapeId: t.shapeId }) : /* @__PURE__ */ o("strong", { children: t.label })
+			}),
+			/* @__PURE__ */ o("span", {
+				"aria-hidden": "true",
+				className: "printable-match-point printable-drag-match-dot printable-drag-match-dot--target"
+			})
+		]
+	});
+}
+function Rn({ index: e, item: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: "printable-drag-match-card printable-drag-match-card--answer",
+		children: [
+			/* @__PURE__ */ o("span", {
+				"aria-hidden": "true",
+				className: "printable-match-point printable-drag-match-dot printable-drag-match-dot--answer"
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "printable-drag-match-content",
+				children: /* @__PURE__ */ o("strong", { children: t.label })
+			}),
+			/* @__PURE__ */ o("span", {
+				className: "printable-drag-match-index",
+				children: e + 1
+			})
+		]
+	});
+}
+function zn({ targets: e }) {
+	return /* @__PURE__ */ o("div", {
+		className: "printable-placement-board",
+		children: e.map((e, t) => /* @__PURE__ */ o("div", {
+			className: "printable-placement-target",
+			style: {
+				left: `${e.x}%`,
+				top: `${e.y}%`
+			},
+			children: /* @__PURE__ */ o("span", { children: e.label || String(t + 1) })
+		}, e.id))
+	});
+}
+function Bn({ points: e }) {
+	return /* @__PURE__ */ s("svg", {
+		className: "printable-drawing-grid",
+		viewBox: "0 0 1000 420",
+		children: [
+			Array.from({ length: 34 }, (e, t) => /* @__PURE__ */ o("line", {
+				className: "printable-drawing-grid__line",
+				x1: t * 30,
+				x2: t * 30,
+				y1: "0",
+				y2: 420
+			}, `vx-${t}`)),
+			Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ o("line", {
+				className: "printable-drawing-grid__line",
+				x1: "0",
+				x2: "1000",
+				y1: t * 30,
+				y2: t * 30
+			}, `hy-${t}`)),
+			e.map((e, t) => e.hidden ? null : /* @__PURE__ */ s("g", {
+				className: "printable-drawing-grid__point",
+				transform: `translate(${e.x / 100 * 1e3} ${e.y / 100 * 420})`,
+				children: [/* @__PURE__ */ o("circle", { r: "6" }), /* @__PURE__ */ o("text", {
+					x: "12",
+					y: "-10",
+					children: e.label?.trim() || String(t + 1)
+				})]
+			}, e.id))
+		]
+	});
+}
+function Vn() {
+	return /* @__PURE__ */ s("svg", {
+		className: "printable-number-line",
+		viewBox: "0 0 420 90",
+		children: [/* @__PURE__ */ o("line", {
+			x1: "20",
+			x2: "400",
+			y1: "35",
+			y2: "35"
+		}), Array.from({ length: 11 }, (e, t) => /* @__PURE__ */ s("g", {
+			transform: `translate(${20 + t * 38} 0)`,
+			children: [/* @__PURE__ */ o("line", {
+				x1: "0",
+				x2: "0",
+				y1: "24",
+				y2: "46"
+			}), /* @__PURE__ */ o("text", {
+				x: "0",
+				y: "70",
+				children: t
+			})]
+		}, t))]
+	});
+}
+function Hn({ item: e, squareUnit: t, variant: n }) {
+	return /* @__PURE__ */ s("div", {
+		className: "length-card printable-length-card",
+		children: [/* @__PURE__ */ o("div", {
+			className: "square-measure-strip printable-square-measure-strip",
+			style: { "--measure-squares": e.squareLength + 2 },
+			children: /* @__PURE__ */ s("span", {
+				"aria-hidden": "true",
+				className: "printable-length-pencil",
+				"data-variant": n,
+				style: {
+					"--pencil-squares": e.squareLength,
+					"--pencil-start-square": 1
+				},
+				children: [
+					/* @__PURE__ */ o("span", {
+						className: "printable-length-pencil__tip",
+						children: /* @__PURE__ */ o("span", { className: "printable-length-pencil__lead" })
+					}),
+					/* @__PURE__ */ o("span", { className: "printable-length-pencil__body" }),
+					/* @__PURE__ */ o("span", { className: "printable-length-pencil__ferrule" }),
+					/* @__PURE__ */ o("span", { className: "printable-length-pencil__eraser" }),
+					/* @__PURE__ */ o("span", { className: "printable-length-pencil__shine" })
+				]
+			})
+		}), /* @__PURE__ */ s("div", {
+			className: "length-value-row printable-length-value-row",
+			children: [
+				/* @__PURE__ */ o("span", { children: e.label }),
+				/* @__PURE__ */ o(Gn, {}),
+				/* @__PURE__ */ o("span", { children: t })
+			]
+		})]
+	});
+}
+function Un({ part: e, partNumber: t }) {
+	return /* @__PURE__ */ s("section", {
+		className: "printable-word-problem__part",
+		children: [/* @__PURE__ */ s("div", {
+			className: "printable-word-problem__part-prompt",
+			children: [/* @__PURE__ */ o("span", { children: t }), /* @__PURE__ */ o("strong", { children: e.prompt })]
+		}), e.type === "coin-table" ? /* @__PURE__ */ o("div", {
+			className: "printable-table-response printable-word-problem__table",
+			children: e.columns.map((e) => /* @__PURE__ */ s("div", {
+				className: "printable-table-column",
+				children: [
+					/* @__PURE__ */ o("strong", { children: e.title }),
+					/* @__PURE__ */ o("div", { className: "printable-table-area" }),
+					/* @__PURE__ */ s("div", {
+						className: "printable-inline-answer",
+						children: [/* @__PURE__ */ o("span", { children: e.answerLabel }), /* @__PURE__ */ o($, {})]
+					})
+				]
+			}, e.id))
+		}) : /* @__PURE__ */ s("div", {
+			className: "printable-inline-answer printable-inline-answer--sentence",
+			children: [
+				e.before ? /* @__PURE__ */ o("span", { children: e.before }) : null,
+				/* @__PURE__ */ o($, {}),
+				e.after ? /* @__PURE__ */ o("span", { children: e.after }) : null
+			]
+		})]
+	});
+}
+function Wn({ item: t }) {
+	return t.answers?.length ? /* @__PURE__ */ s(a, { children: [t.answers.map((t) => /* @__PURE__ */ s(e, { children: [t.before ? /* @__PURE__ */ o("span", { children: t.before }) : null, /* @__PURE__ */ o(Gn, {})] }, t.id)), t.after ? /* @__PURE__ */ o("span", { children: t.after }) : null] }) : t.correctAnswer ? /* @__PURE__ */ s(a, { children: [
+		/* @__PURE__ */ o("span", { children: t.before }),
+		/* @__PURE__ */ o(Gn, {}),
+		t.after ? /* @__PURE__ */ o("span", { children: t.after }) : null
+	] }) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", { children: t.before }), t.after ? /* @__PURE__ */ o("span", { children: t.after }) : null] });
+}
+function $() {
+	return /* @__PURE__ */ o("span", {
+		className: "printable-blank-line",
+		"aria-hidden": "true"
+	});
+}
+function Gn() {
+	return /* @__PURE__ */ o("span", {
+		className: "printable-blank-box",
+		"aria-hidden": "true"
+	});
+}
+function Kn(e) {
+	return e.startsWith("ar");
+}
+function qn(e) {
+	return Kn(e) ? {
+		answerArea: "مساحة الجواب",
+		countShort: "عدد",
+		dragArea: "اربط أو اكتب الجواب",
+		duration: "المدة",
+		level: "المستوى",
+		model: "النموذج",
+		obtainedNote: "النقطة المحصل عليها",
+		oralAnswer: "الإجابة الشفوية",
+		phase: "المرحلة",
+		placeLabels: "ضع التسميات في أماكنها",
+		sortOrder: "رتب العناصر",
+		totalPoints: "المجموع",
+		traceArea: "مساحة الرسم",
+		targets: "الأهداف",
+		writeAnswer: "اكتب الجواب"
+	} : {
+		answerArea: "Zone de reponse",
+		countShort: "Nb.",
+		dragArea: "Relier ou ecrire la reponse",
+		duration: "Duree",
+		level: "Niveau",
+		model: "Modele",
+		obtainedNote: "Note obtenue",
+		oralAnswer: "Reponse orale",
+		phase: "Phase",
+		placeLabels: "Placer les etiquettes",
+		sortOrder: "Classer les elements",
+		subject: "Matiere",
+		totalPoints: "Total",
+		traceArea: "Zone de trace",
+		targets: "Cibles",
+		writeAnswer: "Ecrire la reponse"
+	};
+}
+//#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", {
+function Jn({ disabled: e, onChange: t, value: n }) {
+	let [r, a] = i(!1);
+	return /* @__PURE__ */ o("aside", {
 		className: "draft-sheet",
 		"data-disabled": e ? "true" : "false",
-		"data-open": i ? "true" : "false",
+		"data-open": r ? "true" : "false",
 		dir: "rtl",
-		children: i ? /* @__PURE__ */ o("div", {
+		children: r ? /* @__PURE__ */ s("div", {
 			className: "draft-sheet__panel",
 			"aria-label": "ورقة وساخ",
-			children: [/* @__PURE__ */ o("header", {
+			children: [/* @__PURE__ */ s("header", {
 				className: "draft-sheet__header",
-				children: [/* @__PURE__ */ a("strong", { children: "ورقة وساخ" }), /* @__PURE__ */ a("button", {
-					onClick: () => s(!1),
+				children: [/* @__PURE__ */ o("strong", { children: "ورقة وساخ" }), /* @__PURE__ */ o("button", {
+					onClick: () => a(!1),
 					type: "button",
 					children: "إِغْلاقٌ"
 				})]
-			}), /* @__PURE__ */ a(je, {
+			}), /* @__PURE__ */ o(Ze, {
 				actionLabel: "مساحة ورقة وساخ",
 				canvasHeight: 430,
 				disabled: e,
@@ -2554,25 +3385,25 @@ function Kt({ disabled: e, onChange: t, value: n }) {
 				value: n,
 				variant: "draft"
 			})]
-		}) : /* @__PURE__ */ o("button", {
+		}) : /* @__PURE__ */ s("button", {
 			className: "draft-sheet__toggle",
 			disabled: e,
-			onClick: () => s(!0),
+			onClick: () => a(!0),
 			type: "button",
-			children: [/* @__PURE__ */ a(p, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: "ورقة وساخ" })]
+			children: [/* @__PURE__ */ o(b, { "aria-hidden": "true" }), /* @__PURE__ */ o("span", { children: "ورقة وساخ" })]
 		})
 	});
 }
 //#endregion
 //#region src/exam-session/interactions/SingleChoice.tsx
-function qt({ answerId: e, choices: t, value: n, onChange: r }) {
-	return /* @__PURE__ */ a("div", {
+function Yn({ answerId: e, choices: t, value: n, onChange: r }) {
+	return /* @__PURE__ */ o("div", {
 		className: "choice-group",
 		role: "radiogroup",
 		"aria-label": `اِخْتِياراتُ الإِجابَةِ ${e}`,
 		children: t.map((e) => {
 			let t = /[0-9+\-=]/.test(e.label);
-			return /* @__PURE__ */ a("button", {
+			return /* @__PURE__ */ o("button", {
 				"aria-checked": n?.choiceId === e.id,
 				className: n?.choiceId === e.id ? "answer-chip answer-chip--selected" : "answer-chip",
 				onClick: () => r({
@@ -2581,7 +3412,7 @@ function qt({ answerId: e, choices: t, value: n, onChange: r }) {
 				}),
 				role: "radio",
 				type: "button",
-				children: /* @__PURE__ */ a("span", {
+				children: /* @__PURE__ */ o("span", {
 					className: t ? "answer-chip__label answer-chip__label--math" : "answer-chip__label",
 					children: e.label
 				})
@@ -2590,4 +3421,4 @@ function qt({ answerId: e, choices: t, value: n, onChange: r }) {
 	});
 }
 //#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 };
+export { De as CoinTableResponse, ze as ColorPenPicker, K as DEFAULT_GEOMETRY_COLORS, At as DEFAULT_NATIVE_VOICE_AI_CONFIG, Jn as DraftSheet, Ne as DragMatch, on as ExamSectionRenderer, Ze as GeometryCanvas, G as HandwrittenNumberAnswer, wt as KonvaDrawingGrid, Tt as LabelPlacement, Ot as NumberLineAnswer, Tn as PrintableExamDocument, On as PrintableQuestionRenderer, Dn as PrintableSectionRenderer, Lt as PronunciationRecorder, Cn as QuestionPreviewPanel, an as QuestionRenderer, Me as ShapeGlyph, Yn as SingleChoice, Gt as SortableAnswer, qt as TextAnswer, nn as VisualSceneGraphic, ie as calculateExamResult, en as createVisualSceneFromVariant, jt as evaluateVoiceAiResult, Ae as examShapeOptions, He as getColorValue, Ve as getDefaultColorId, je as getExamShapeLabel, tn as getVisualSceneColorValue, Ue as mapChoicesToGeometryColors, Mt as normalizeVoiceText, Qt as visualSceneColorOptions, Zt as visualSceneIconOptions, $t as visualSceneStateOptions };