alexsys-exam-renderer 0.1.13 → 0.1.15

package/dist/index.js

@@ -64,190 +64,196 @@ function Ce(e, t) {
 }
 function we(e, t, n) {
 	if (e.length < 2 || t.length !== e.length - 1) return null;
-	let r = e.map((e) => je(e, n));
+	let r = e.map((e) => Pe(e, n));
 	if (r.some((e) => e === null)) return null;
 	let i = [], a = [], o = r[0];
 	for (let e = 0; e < t.length; e += 1) {
 		let s = t[e], c = r[e + 1];
 		if (s === "×") {
-			o = Be(o, c, n);
+			o = Ue(o, c, n);
 			continue;
 		}
 		if (s === "÷") {
 			if (c.numerator === 0) return null;
-			o = Ve(o, c, n);
+			o = We(o, c, n);
 			continue;
 		}
 		i.push(o), a.push(s), o = c;
 	}
 	i.push(o);
 	let s = i[0];
-	for (let e = 1; e < i.length; e += 1) s = a[e - 1] === "+" ? Re(s, i[e], n) : ze(s, i[e], n);
-	return Le(s, n);
+	for (let e = 1; e < i.length; e += 1) s = a[e - 1] === "+" ? Ve(s, i[e], n) : He(s, i[e], n);
+	return Be(s, n);
 }
 function Te(e, t) {
-	let n = Me(e), r = Me(t);
+	let n = Fe(e), r = Fe(t);
 	return !n || !r ? !1 : n.numerator * r.denominator === r.numerator * n.denominator;
 }
 function Ee(e) {
-	let t = Pe(e.numerator), n = Pe(e.denominator);
-	return t === null || n === null || n === 0 ? !1 : He(Math.abs(t), Math.abs(n)) === 1;
+	let t = Le(e.numerator), n = Le(e.denominator);
+	return t === null || n === null || n === 0 ? !1 : Ge(Math.abs(t), Math.abs(n)) === 1;
 }
 function De(e) {
-	return e.workSteps?.length ? e.workSteps : e.intermediateResults.map((e) => ({
-		expected: {
-			denominator: e.denominator,
-			numerator: e.numerator
-		},
-		id: e.id,
-		type: "fraction"
+	return e.workSteps?.length ? e.workSteps.map(ke) : e.intermediateResults.map((e) => Oe(e.id, {
+		denominator: e.denominator,
+		numerator: e.numerator
 	}));
 }
-function Oe(e, t) {
-	let n = e.terms.filter((e) => e.kind === "fraction");
+function Oe(e, t = {
+	denominator: "",
+	numerator: ""
+}) {
 	return {
-		denominatorFactors: n.length === 0 ? ["", ""] : n.map((e) => e.denominator),
-		id: t,
-		numeratorFactors: n.length === 0 ? ["", ""] : n.map((e) => e.numerator),
-		type: "product"
+		id: e,
+		fractions: [Me(`${e}:fraction-1`, t)],
+		type: "guided"
 	};
 }
-function ke(e, t) {
-	let n = e.terms[0] ? je(e.terms[0]) : null, r = e.terms[1] ? je(e.terms[1]) : null, i = e.operators[0], a = n && r ? Ue(n.denominator, r.denominator) : 1;
+function ke(e) {
+	return e.type === "guided" ? e : e.type === "product" ? {
+		id: e.id,
+		fractions: [{
+			id: `${e.id}:fraction-1`,
+			numerator: Ne("factors", e.numeratorFactors, `${e.id}:numerator`),
+			denominator: Ne("factors", e.denominatorFactors, `${e.id}:denominator`)
+		}],
+		type: "guided"
+	} : e.type === "sum" ? {
+		id: e.id,
+		operator: e.operator,
+		fractions: [Me(`${e.id}:left`, e.left), Me(`${e.id}:right`, e.right)],
+		type: "guided"
+	} : Oe(e.id, e.expected);
+}
+function Ae(e) {
+	let t = Math.max(e.fractions.length - 1, 0);
+	return Array.from({ length: t }, (t, n) => e.operators?.[n] ?? e.operator ?? "+");
+}
+function je(e) {
+	let t = Math.max(e.cells.length - 1, 0), n = e.mode === "factors" ? "×" : "+";
+	return Array.from({ length: t }, (t, r) => e.operators?.[r] ?? n);
+}
+function Me(e, t) {
 	return {
-		id: t,
-		left: n ? {
-			denominator: String(a),
-			numerator: String(n.numerator * (a / n.denominator))
-		} : {
-			denominator: "",
-			numerator: ""
-		},
-		operator: i === "-" ? "-" : "+",
-		right: r ? {
-			denominator: String(a),
-			numerator: String(r.numerator * (a / r.denominator))
-		} : {
-			denominator: "",
-			numerator: ""
-		},
-		type: "sum"
+		id: e,
+		numerator: Ne("number", [t.numerator], `${e}:numerator`),
+		denominator: Ne("number", [t.denominator], `${e}:denominator`)
 	};
 }
-function Ae(e, t) {
+function Ne(e, t, n) {
 	return {
-		expected: Se(e.terms, e.operators) ?? {
-			denominator: "",
-			numerator: ""
-		},
-		id: t,
-		type: "fraction"
+		mode: e,
+		operators: e === "factors" ? Array.from({ length: Math.max(t.length - 1, 0) }, () => "×") : [],
+		cells: (t.length > 0 ? t : [""]).map((e, t) => ({
+			id: `${n}:${t + 1}`,
+			expectedValue: e
+		}))
 	};
 }
-function je(e, t = !0) {
-	if (e.kind === "fraction") return Me({
+function Pe(e, t = !0) {
+	if (e.kind === "fraction") return Fe({
 		denominator: e.denominator ?? "",
 		numerator: e.numerator ?? ""
 	}, t);
 	if (e.kind === "integer") {
-		let t = Pe(e.value ?? "");
+		let t = Le(e.value ?? "");
 		return t === null ? null : {
 			denominator: 1,
 			numerator: t
 		};
 	}
-	return Ne(e.value ?? "", t);
+	return Ie(e.value ?? "", t);
 }
-function Me(e, t = !0) {
-	let n = Pe(e.numerator), r = Pe(e.denominator);
-	return n === null || r === null || r === 0 ? null : t ? Fe({
+function Fe(e, t = !0) {
+	let n = Le(e.numerator), r = Le(e.denominator);
+	return n === null || r === null || r === 0 ? null : t ? Re({
 		denominator: r,
 		numerator: n
-	}) : Ie({
+	}) : ze({
 		denominator: r,
 		numerator: n
 	});
 }
-function Ne(e, t = !0) {
-	let n = We(e).replace(".", ",");
+function Ie(e, t = !0) {
+	let n = qe(e).replace(".", ",");
 	if (!/^-?\d+(,\d+)?$/.test(n)) return null;
 	let r = n.startsWith("-") ? -1 : 1, [i, a = ""] = (r < 0 ? n.slice(1) : n).split(","), o = 10 ** a.length, s = r * (Number(i) * o + Number(a || "0"));
-	return t ? Fe({
+	return t ? Re({
 		denominator: o,
 		numerator: s
-	}) : Ie({
+	}) : ze({
 		denominator: o,
 		numerator: s
 	});
 }
-function Pe(e) {
-	let t = We(e);
+function Le(e) {
+	let t = qe(e);
 	if (!/^-?\d+$/.test(t)) return null;
 	let n = Number(t);
 	return Number.isSafeInteger(n) ? n : null;
 }
-function Fe(e) {
-	let t = Ie(e), n = He(Math.abs(t.numerator), t.denominator);
+function Re(e) {
+	let t = ze(e), n = Ge(Math.abs(t.numerator), t.denominator);
 	return {
 		denominator: t.denominator / n,
 		numerator: t.numerator / n
 	};
 }
-function Ie(e) {
+function ze(e) {
 	let t = e.denominator < 0 ? -1 : 1, n = e.numerator * t;
 	return {
 		denominator: Math.abs(e.denominator),
 		numerator: n
 	};
 }
-function Le(e, t = !0) {
-	let n = t ? Fe(e) : Ie(e);
+function Be(e, t = !0) {
+	let n = t ? Re(e) : ze(e);
 	return {
 		denominator: String(n.denominator),
 		numerator: String(n.numerator)
 	};
 }
-function Re(e, t, n = !0) {
+function Ve(e, t, n = !0) {
 	if (!n) {
-		let n = Ue(e.denominator, t.denominator);
-		return Ie({
+		let n = Ke(e.denominator, t.denominator);
+		return ze({
 			denominator: n,
 			numerator: e.numerator * (n / e.denominator) + t.numerator * (n / t.denominator)
 		});
 	}
-	return Fe({
+	return Re({
 		denominator: e.denominator * t.denominator,
 		numerator: e.numerator * t.denominator + t.numerator * e.denominator
 	});
 }
-function ze(e, t, n = !0) {
+function He(e, t, n = !0) {
 	if (!n) {
-		let n = Ue(e.denominator, t.denominator);
-		return Ie({
+		let n = Ke(e.denominator, t.denominator);
+		return ze({
 			denominator: n,
 			numerator: e.numerator * (n / e.denominator) - t.numerator * (n / t.denominator)
 		});
 	}
-	return Fe({
+	return Re({
 		denominator: e.denominator * t.denominator,
 		numerator: e.numerator * t.denominator - t.numerator * e.denominator
 	});
 }
-function Be(e, t, n = !0) {
+function Ue(e, t, n = !0) {
 	let r = {
 		denominator: e.denominator * t.denominator,
 		numerator: e.numerator * t.numerator
 	};
-	return n ? Fe(r) : Ie(r);
+	return n ? Re(r) : ze(r);
 }
-function Ve(e, t, n = !0) {
+function We(e, t, n = !0) {
 	let r = {
 		denominator: e.denominator * t.numerator,
 		numerator: e.numerator * t.denominator
 	};
-	return n ? Fe(r) : Ie(r);
+	return n ? Re(r) : ze(r);
 }
-function He(e, t) {
+function Ge(e, t) {
 	let n = Math.abs(e), r = Math.abs(t);
 	for (; r !== 0;) {
 		let e = n % r;
@@ -255,44 +261,44 @@ function He(e, t) {
 	}
 	return n || 1;
 }
-function Ue(e, t) {
-	return e === 0 || t === 0 ? 0 : Math.abs(e * t) / He(e, t);
+function Ke(e, t) {
+	return e === 0 || t === 0 ? 0 : Math.abs(e * t) / Ge(e, t);
 }
-function We(e) {
+function qe(e) {
 	return e.trim().replace(/[٠-٩]/g, (e) => `${e.charCodeAt(0) - 1632}`).replace(/[۰-۹]/g, (e) => `${e.charCodeAt(0) - 1776}`);
 }
 //#endregion
 //#region src/exam-session/primeFactorization.ts
-function Ge(e) {
-	let t = Je(e);
+function Je(e) {
+	let t = Ze(e);
 	if (t === null) return [];
 	let n = [], r = t;
 	for (let e = 2; e * e <= r; e += e === 2 ? 1 : 2) for (; r % e === 0;) n.push(e), r /= e;
 	return r > 1 && n.push(r), n;
 }
-function Ke(e) {
-	return Math.max(Ge(e).length, 1);
+function Ye(e) {
+	return Math.max(Je(e).length, 1);
 }
-function qe(e) {
+function Xe(e) {
 	if (e < 2) return !1;
 	if (e === 2) return !0;
 	if (e % 2 == 0) return !1;
 	for (let t = 3; t * t <= e; t += 2) if (e % t === 0) return !1;
 	return !0;
 }
-function Je(e) {
-	let t = Ye(e);
+function Ze(e) {
+	let t = Qe(e);
 	if (!/^\d+$/.test(t)) return null;
 	let n = Number(t);
 	return Number.isSafeInteger(n) && n >= 2 ? n : null;
 }
-function Ye(e) {
+function Qe(e) {
 	return e.trim().replace(/[٠-٩]/g, (e) => `${e.charCodeAt(0) - 1632}`).replace(/[۰-۹]/g, (e) => `${e.charCodeAt(0) - 1776}`);
 }
 //#endregion
 //#region src/exam-session/operationSolving.ts
-function Xe(e) {
-	return e.items?.length ? e.items : [{
+function $e(e) {
+	return e.items ? e.items : [{
 		correctAnswer: e.correctAnswer,
 		id: "legacy",
 		layout: e.layout,
@@ -303,21 +309,21 @@ function Xe(e) {
 		solutionMode: e.solutionMode
 	}];
 }
-function Ze(e, t) {
+function et(e, t) {
 	return e.items?.length ? `${e.id}:${t.id}` : e.id;
 }
-function Qe(e, t) {
+function tt(e, t) {
 	return {
 		...e,
 		...t,
-		id: Ze(e, t)
+		id: et(e, t)
 	};
 }
 //#endregion
 //#region src/exam-session/examScoring.ts
-var $e = 1e3, et = 600, tt = 70;
-function nt(e, t) {
-	let n = e.sections.filter((e) => e.isScored !== !1).map((e) => rt(e, t)), r = J(n, (e) => e.correctCount), i = J(n, (e) => e.incorrectCount), a = J(n, (e) => e.unansweredCount), o = i + a, s = J(n, (e) => e.totalUnits), c = kt(J(n, (e) => e.maxScore)), l = kt(J(n, (e) => e.score));
+var nt = 1e3, rt = 600, it = 70;
+function at(e, t) {
+	let n = e.sections.filter((e) => e.isScored !== !1).map((e) => ot(e, t)), r = J(n, (e) => e.correctCount), i = J(n, (e) => e.incorrectCount), a = J(n, (e) => e.unansweredCount), o = i + a, s = J(n, (e) => e.totalUnits), c = Mt(J(n, (e) => e.maxScore)), l = Mt(J(n, (e) => e.score));
 	return {
 		attentionLivesLost: 0,
 		attentionLivesRemaining: 5,
@@ -327,7 +333,7 @@ function nt(e, t) {
 		incorrectCount: i,
 		maxScore: c,
 		notCorrectCount: o,
-		percentage: c > 0 ? kt(l / c * 100) : 0,
+		percentage: c > 0 ? Mt(l / c * 100) : 0,
 		score: l,
 		sections: n,
 		subject: e.subject,
@@ -336,14 +342,14 @@ function nt(e, t) {
 		unansweredCount: a
 	};
 }
-function rt(e, t) {
+function ot(e, t) {
 	let n = me(e), r = he(e), i = e.questions.map((e) => ({
 		maxScore: n ? W(e) : 0,
-		units: it(e, t)
+		units: st(e, t)
 	})), a = !n && J(i, (e) => e.units.length) > 0 ? r / J(i, (e) => e.units.length) : 0, o = i.flatMap((t) => {
 		let r = n ? t.units.length > 0 ? t.maxScore / t.units.length : 0 : a;
 		return t.units.map((t) => {
-			let n = kt(t.maxScore ?? r);
+			let n = Mt(t.maxScore ?? r);
 			return {
 				...t,
 				maxScore: n,
@@ -351,7 +357,7 @@ function rt(e, t) {
 				sectionId: e.id
 			};
 		});
-	}), s = Ot(o, "correct"), c = Ot(o, "incorrect"), l = Ot(o, "unanswered"), u = c + l;
+	}), s = jt(o, "correct"), c = jt(o, "incorrect"), l = jt(o, "unanswered"), u = c + l;
 	return {
 		badge: e.badge,
 		correctCount: s,
@@ -359,7 +365,7 @@ function rt(e, t) {
 		incorrectCount: c,
 		maxScore: r,
 		notCorrectCount: u,
-		score: kt(J(o, (e) => e.score)),
+		score: Mt(J(o, (e) => e.score)),
 		title: e.title,
 		tone: e.tone,
 		totalUnits: o.length,
@@ -367,7 +373,7 @@ function rt(e, t) {
 		units: o
 	};
 }
-function it(e, t) {
+function st(e, t) {
 	switch (e.type) {
 		case "inline-inputs":
 		case "equation-inputs": return e.items.flatMap((n) => {
@@ -381,18 +387,18 @@ function it(e, t) {
 			return [K(r, e.id, n.before, n.correctAnswer, t[r])];
 		});
 		case "number-line": return [K(e.id, e.id, e.expression, e.correctAnswer, t[e.id])];
-		case "prime-factorization": return lt(e, t[e.id]);
+		case "prime-factorization": return ft(e, t[e.id]);
 		case "fraction-operations": return e.items.flatMap((n, r) => {
 			let i = `${e.id}:${n.id}`;
-			return De(n).flatMap((n, a) => dt(i, e.id, `${e.prompt} ${r + 1}.${a + 1}`, n, t)).concat(ut(`${i}:result`, e.id, `${e.prompt} ${r + 1}`, n.correctResult, n.requireSimplified, t[`${i}:result`]));
+			return De(n).flatMap((n, a) => mt(i, e.id, `${e.prompt} ${r + 1}.${a + 1}`, n, t)).concat(pt(`${i}:result`, e.id, `${e.prompt} ${r + 1}`, n.correctResult, n.requireSimplified, t[`${i}:result`]));
 		});
 		case "operation-solving": {
 			if (e.items?.length) {
-				let n = Xe(e), r = ct(W(e), n.length);
+				let n = $e(e), r = dt(W(e), n.length);
 				return n.flatMap((n, i) => {
-					let a = Qe(e, n), o = Ze(e, n), s = st(a, r[i] ?? 0);
+					let a = tt(e, n), o = et(e, n), s = ut(a, r[i] ?? 0);
 					return [{
-						...K(o, e.id, ot(a), n.correctAnswer, t[o]),
+						...K(o, e.id, lt(a), n.correctAnswer, t[o]),
 						maxScore: s.resultMaxScore
 					}, ...s.reasoningMaxScore > 0 ? [{
 						id: `${o}:reasoning`,
@@ -403,9 +409,9 @@ function it(e, t) {
 					}] : []];
 				});
 			}
-			let n = st(e);
+			let n = ut(e);
 			return [{
-				...K(e.id, e.id, ot(e), e.correctAnswer, t[e.id]),
+				...K(e.id, e.id, lt(e), e.correctAnswer, t[e.id]),
 				maxScore: n.resultMaxScore
 			}, ...n.reasoningMaxScore > 0 ? [{
 				id: `${e.id}:reasoning`,
@@ -415,49 +421,49 @@ function it(e, t) {
 				status: "unanswered"
 			}] : []];
 		}
-		case "visual-choice": return ft(e.id, e.id, e.grading.pairs, t[e.id]);
-		case "length-estimation": return pt(e, t);
-		case "shape-choice": return ft(e.id, e.id, e.grading.pairs, t[e.id]);
-		case "drag-match": return ft(e.id, e.id, e.grading?.pairs, t[e.id]);
-		case "drawing-grid": return [yt(e, t[e.id])];
-		case "table-response": return ht(e, t[e.id]);
+		case "visual-choice": return ht(e.id, e.id, e.grading.pairs, t[e.id]);
+		case "length-estimation": return gt(e, t);
+		case "shape-choice": return ht(e.id, e.id, e.grading.pairs, t[e.id]);
+		case "drag-match": return ht(e.id, e.id, e.grading?.pairs, t[e.id]);
+		case "drawing-grid": return [St(e, t[e.id])];
+		case "table-response": return vt(e, t[e.id]);
 		case "text-input": return e.correctAnswer ? [K(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" ? gt(e.id, n, t[r]) : n.type === "table" ? _t(e.id, n, t) : n.correctAnswer ? [K(r, e.id, n.prompt, n.correctAnswer, t[r])] : [];
+			return n.type === "coin-table" ? yt(e.id, n, t[r]) : n.type === "table" ? bt(e.id, n, t) : n.correctAnswer ? [K(r, e.id, n.prompt, n.correctAnswer, t[r])] : [];
 		});
 		case "sortable-answer": return [];
-		case "label-placement": return vt(e.id, e.grading?.targetsByLabelId, t[e.id]);
-		case "audio-recording": return [at(e, t[e.id])];
+		case "label-placement": return xt(e.id, e.grading?.targetsByLabelId, t[e.id]);
+		case "audio-recording": return [ct(e, t[e.id])];
 	}
 }
-function at(e, t) {
+function ct(e, t) {
 	return t?.kind === "audio-recording" ? q(e.id, e.id, e.expectedAnswer, t.evaluation.isCorrect ? "correct" : "incorrect") : q(e.id, e.id, e.expectedAnswer, "unanswered");
 }
-function ot(e) {
+function lt(e) {
 	return `${G(e.leftOperand)} ${e.operator} ${G(e.rightOperand)} =`;
 }
-function st(e, t = W(e)) {
+function ut(e, t = W(e)) {
 	let n = t, r = (e.operator === "÷" || e.layout === "equation-card-grid" || e.solutionMode === "full-process") && e.reasoningScore?.enabled ? fe(e.reasoningScore.maxScore) : 0, i = Math.min(Math.max(r, 0), n);
 	return {
 		reasoningMaxScore: i,
 		resultMaxScore: Math.max(n - i, 0)
 	};
 }
-function ct(e, t) {
+function dt(e, t) {
 	if (t <= 0) return [];
-	let n = kt(e / t), r = Array.from({ length: t }, () => n), i = kt(J(r, (e) => e));
-	return r[t - 1] = kt(r[t - 1] + (e - i)), r;
+	let n = Mt(e / t), r = Array.from({ length: t }, () => n), i = Mt(J(r, (e) => e));
+	return r[t - 1] = Mt(r[t - 1] + (e - i)), r;
 }
-function lt(e, t) {
+function ft(e, t) {
 	return e.targets.map((n) => {
-		let r = t?.kind === "prime-factorization" ? t.factorsByTargetId[n.id] ?? [] : [], i = Ge(n.value), a = r.filter((e) => e.strokes.length > 0), o = `${e.id}:${n.id}`, s = `${n.value} =`;
+		let r = t?.kind === "prime-factorization" ? t.factorsByTargetId[n.id] ?? [] : [], i = Je(n.value), a = r.filter((e) => e.strokes.length > 0), o = `${e.id}:${n.id}`, s = `${n.value} =`;
 		if (a.length === 0) return q(o, e.id, s, "unanswered");
-		let c = Je(n.value), l = a.map((e) => e.recognizedValue === void 0 ? null : Je(e.recognizedValue)), u = c !== null && a.length === i.length && l.every((e) => e !== null && qe(e)) && l.reduce((e, t) => e * (t ?? 0), 1) === c;
+		let c = Ze(n.value), l = a.map((e) => e.recognizedValue === void 0 ? null : Ze(e.recognizedValue)), u = c !== null && a.length === i.length && l.every((e) => e !== null && Xe(e)) && l.reduce((e, t) => e * (t ?? 0), 1) === c;
 		return q(o, e.id, s, u ? "correct" : "incorrect");
 	});
 }
-function ut(e, t, n, r, i, a) {
+function pt(e, t, n, r, i, a) {
 	if (a?.kind !== "fraction") return q(e, t, n, "unanswered");
 	let o = a.numerator.strokes.length > 0, s = a.denominator.strokes.length > 0;
 	if (!o && !s) return q(e, t, n, "unanswered");
@@ -469,75 +475,83 @@ function ut(e, t, n, r, i, a) {
 	};
 	return q(e, t, n, Te(u, r) && (!i || Ee(u)) ? "correct" : "incorrect");
 }
-function dt(e, t, n, r, i) {
+function mt(e, t, n, r, i) {
 	let a = `${e}:${r.id}`;
+	if (r.type === "guided") return r.fractions.flatMap((e, r) => {
+		let o = (o, s) => o.cells.map((o, c) => K(`${a}:${e.id}:${s}:${o.id}`, t, `${n} - fraction ${r + 1}, ${s} ${c + 1}`, o.expectedValue, i[`${a}:${e.id}:${s}:${o.id}`])), s = o(e.numerator, "numerator"), c = o(e.denominator, "denominator"), l = s.concat(c);
+		if (e.numerator.mode === "number" && e.denominator.mode === "number") {
+			let i = l.some((e) => e.status === "incorrect") ? "incorrect" : l.some((e) => e.status === "unanswered") ? "unanswered" : "correct";
+			return [q(`${a}:${e.id}`, t, `${n} - fraction ${r + 1}`, i)];
+		}
+		return l;
+	});
 	if (r.type === "product") {
 		let e = r.numeratorFactors.map((e, r) => K(`${a}:numerator:${r}`, t, `${n} - numérateur ${r + 1}`, e, i[`${a}:numerator:${r}`])), o = r.denominatorFactors.map((e, r) => K(`${a}:denominator:${r}`, t, `${n} - dénominateur ${r + 1}`, e, i[`${a}:denominator:${r}`]));
 		return e.concat(o);
 	}
-	return r.type === "sum" ? [ut(`${a}:left`, t, `${n} - fraction 1`, r.left, !1, i[`${a}:left`]), ut(`${a}:right`, t, `${n} - fraction 2`, r.right, !1, i[`${a}:right`])] : [ut(a, t, n, r.expected, !1, i[a])];
+	return r.type === "sum" ? [pt(`${a}:left`, t, `${n} - fraction 1`, r.left, !1, i[`${a}:left`]), pt(`${a}:right`, t, `${n} - fraction 2`, r.right, !1, i[`${a}:right`])] : [pt(a, t, n, r.expected, !1, i[a])];
 }
 function K(e, t, n, r, i) {
-	return r ? i?.kind === "handwritten-number" ? i.strokes.length === 0 ? q(e, t, n, "unanswered") : q(e, t, n, i.recognizedValue && Et(i.recognizedValue, r) ? "correct" : "incorrect") : i?.kind !== "text" || Dt(i.value) === "" ? q(e, t, n, "unanswered") : q(e, t, n, Et(i.value, r) ? "correct" : "incorrect") : q(e, t, n, "incorrect");
+	return r ? i?.kind === "handwritten-number" ? i.strokes.length === 0 ? q(e, t, n, "unanswered") : q(e, t, n, i.recognizedValue && kt(i.recognizedValue, r) ? "correct" : "incorrect") : i?.kind !== "text" || At(i.value) === "" ? q(e, t, n, "unanswered") : q(e, t, n, kt(i.value, r) ? "correct" : "incorrect") : q(e, t, n, "incorrect");
 }
-function ft(e, t, n, r) {
+function ht(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 q(`${e}:${n}`, t, n, o);
 	}) : [];
 }
-function pt(e, t) {
+function gt(e, t) {
 	let n = e.items.map((n) => {
 		let r = `${e.id}:squares:${n.id}`;
 		return K(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 [mt(r, e.id, n.label, n.correctColorId, t[r])];
+		return [_t(r, e.id, n.label, n.correctColorId, t[r])];
 	});
 	return n.concat(r);
 }
-function mt(e, t, n, r, i) {
+function _t(e, t, n, r, i) {
 	return i?.kind !== "choice" || !i.choiceId ? q(e, t, n, "unanswered") : q(e, t, n, i.choiceId === r ? "correct" : "incorrect");
 }
-function ht(e, t) {
+function vt(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 q(`${e.id}:${n.id}`, e.id, n.title, i);
 	});
 }
-function gt(e, t, n) {
+function yt(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 q(`${e}:${t.id}:${r.id}`, e, r.title, a);
 	});
 }
-function _t(e, t, n) {
+function bt(e, t, n) {
 	return t.cells.flatMap((r) => {
 		if (t.hasHeaderRow && r.row === 0 || r.mode === "static" || !r.correctAnswer?.trim()) return [];
 		let i = `${e}:${t.id}:${r.id}`;
 		return [K(i, e, `${t.prompt} ${r.initialText}`.trim(), r.correctAnswer, n[i])];
 	});
 }
-function vt(e, t, n) {
+function xt(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 q(`${e}:${t}`, e, t, a);
 	}) : [];
 }
-function yt(e, t) {
+function St(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 q(e.id, e.id, e.prompt, "unanswered");
-	let i = n.every((n) => bt(t, e, n));
+	let i = n.every((n) => Ct(t, e, n));
 	return q(e.id, e.id, e.prompt, i ? "correct" : "incorrect");
 }
-function bt(e, t, n) {
-	let r = wt(t, n.from), i = wt(t, n.to);
-	return !r || !i ? !1 : xt(e).some((e) => St(e, r, i));
+function Ct(e, t, n) {
+	let r = Dt(t, n.from), i = Dt(t, n.to);
+	return !r || !i ? !1 : wt(e).some((e) => Tt(e, r, i));
 }
-function xt(e) {
+function wt(e) {
 	let t = e.elements.flatMap((e) => e.type === "line" ? [{
 		end: {
 			x: e.points[2],
@@ -571,28 +585,28 @@ function xt(e) {
 	}]) ?? [];
 	return t.concat(n);
 }
-function St(e, t, n) {
-	let r = At(e.start, t) <= tt && At(e.end, n) <= tt, i = At(e.start, n) <= tt && At(e.end, t) <= tt;
-	return !r && !i ? !1 : Ct(e.points, t, n, tt);
+function Tt(e, t, n) {
+	let r = Nt(e.start, t) <= it && Nt(e.end, n) <= it, i = Nt(e.start, n) <= it && Nt(e.end, t) <= it;
+	return !r && !i ? !1 : Et(e.points, t, n, it);
 }
-function Ct(e, t, n, r) {
-	for (let i = 0; i < e.length - 1; i += 4) if (jt({
+function Et(e, t, n, r) {
+	for (let i = 0; i < e.length - 1; i += 4) if (Pt({
 		x: e[i],
 		y: e[i + 1]
 	}, t, n) > r) return !1;
 	return !0;
 }
-function wt(e, t) {
+function Dt(e, t) {
 	if ("pointId" in t) {
 		let n = e.points.find((e) => e.id === t.pointId);
-		return n ? Tt(n.x, n.y) : null;
+		return n ? Ot(n.x, n.y) : null;
 	}
-	return Tt(t.percentX, t.percentY);
+	return Ot(t.percentX, t.percentY);
 }
-function Tt(e, t) {
+function Ot(e, t) {
 	return {
-		x: e / 100 * $e,
-		y: t / 100 * et
+		x: e / 100 * nt,
+		y: t / 100 * rt
 	};
 }
 function q(e, t, n, r) {
@@ -603,41 +617,41 @@ function q(e, t, n, r) {
 		status: r
 	};
 }
-function Et(e, t) {
-	let n = Dt(e), r = Dt(t), i = be(n), a = be(r);
+function kt(e, t) {
+	let n = At(e), r = At(t), i = be(n), a = be(r);
 	return i !== null && a !== null ? i === a : n === r;
 }
-function Dt(e) {
+function At(e) {
 	return e.trim().replace(/[٠-٩]/g, (e) => `${e.charCodeAt(0) - 1632}`).replace(/[۰-۹]/g, (e) => `${e.charCodeAt(0) - 1776}`);
 }
-function Ot(e, t) {
+function jt(e, t) {
 	return e.filter((e) => e.status === t).length;
 }
 function J(e, t) {
 	return e.reduce((e, n) => e + t(n), 0);
 }
-function kt(e) {
+function Mt(e) {
 	return Math.round(e * 100) / 100;
 }
-function At(e, t) {
+function Nt(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
-function jt(e, t, n) {
+function Pt(e, t, n) {
 	let r = n.x - t.x, i = n.y - t.y, a = r * r + i * i;
-	if (a === 0) return At(e, t);
+	if (a === 0) return Nt(e, t);
 	let o = Math.max(0, Math.min(1, ((e.x - t.x) * r + (e.y - t.y) * i) / a));
-	return At(e, {
+	return Nt(e, {
 		x: t.x + o * r,
 		y: t.y + o * i
 	});
 }
 //#endregion
 //#region src/exam-session/interactions/CoinTableResponse.tsx
-var Mt = 0, Nt = 12;
-function Pt({ columns: e, value: t, onChange: n, showCountAnswer: r = !0 }) {
+var Ft = 0, It = 12;
+function Lt({ columns: e, value: t, onChange: n, showCountAnswer: r = !0 }) {
 	let i = t?.counts ?? {};
 	function a(e, t) {
-		let r = e.maxCoins ?? Nt, a = Math.max(Mt, Math.min(r, t));
+		let r = e.maxCoins ?? It, a = Math.max(Ft, Math.min(r, t));
 		n({
 			kind: "coin-table",
 			counts: {
@@ -649,7 +663,7 @@ function Pt({ columns: e, value: t, onChange: n, showCountAnswer: r = !0 }) {
 	return /* @__PURE__ */ s("div", {
 		className: "response-table",
 		children: e.map((e) => {
-			let t = i[e.id] ?? 0, n = e.maxCoins ?? Nt;
+			let t = i[e.id] ?? 0, n = e.maxCoins ?? It;
 			return /* @__PURE__ */ c("div", {
 				className: "response-column",
 				children: [
@@ -674,7 +688,7 @@ function Pt({ columns: e, value: t, onChange: n, showCountAnswer: r = !0 }) {
 								children: "إِضافَةٌ"
 							}), /* @__PURE__ */ s("button", {
 								className: "coin-action coin-action--secondary",
-								disabled: t <= Mt,
+								disabled: t <= Ft,
 								onClick: () => a(e, t - 1),
 								type: "button",
 								children: "حَذْفٌ"
@@ -701,7 +715,7 @@ function Pt({ columns: e, value: t, onChange: n, showCountAnswer: r = !0 }) {
 }
 //#endregion
 //#region src/renderer/shapeCatalog.tsx
-var Ft = {
+var Rt = {
 	circle: m,
 	diamond: h,
 	heart: v,
@@ -711,7 +725,7 @@ var Ft = {
 	square: A,
 	star: j,
 	triangle: P
-}, It = {
+}, zt = {
 	circle: "Cercle",
 	diamond: "Losange",
 	heart: "Coeur",
@@ -721,15 +735,15 @@ var Ft = {
 	square: "Carre",
 	star: "Etoile",
 	triangle: "Triangle"
-}, Lt = Object.keys(It).map((e) => ({
-	label: It[e],
+}, Bt = Object.keys(zt).map((e) => ({
+	label: zt[e],
 	value: e
 }));
-function Rt(e) {
-	return It[e];
+function Vt(e) {
+	return zt[e];
 }
-function zt({ shapeId: e, title: t }) {
-	let n = Ft[e];
+function Ht({ shapeId: e, title: t }) {
+	let n = Rt[e];
 	return /* @__PURE__ */ s("span", {
 		"aria-label": t,
 		role: t ? "img" : void 0,
@@ -739,7 +753,7 @@ function zt({ shapeId: e, title: t }) {
 }
 //#endregion
 //#region src/exam-session/interactions/DragMatch.tsx
-function Bt({ items: e, targets: t, value: n, onChange: r }) {
+function Ut({ items: e, targets: t, value: n, onChange: r }) {
 	let i = n?.pairs ?? {}, a = new Set(Object.values(i));
 	return /* @__PURE__ */ s(l, {
 		onDragEnd: (e) => {
@@ -757,10 +771,10 @@ function Bt({ items: e, targets: t, value: n, onChange: r }) {
 			className: "drag-match",
 			children: [/* @__PURE__ */ s("div", {
 				className: "drag-match__items",
-				children: e.filter((e) => !a.has(e.id)).map((e) => /* @__PURE__ */ s(Vt, { item: e }, e.id))
+				children: e.filter((e) => !a.has(e.id)).map((e) => /* @__PURE__ */ s(Wt, { item: e }, e.id))
 			}), /* @__PURE__ */ s("div", {
 				className: "drag-match__targets",
-				children: t.map((t) => /* @__PURE__ */ s(Ht, {
+				children: t.map((t) => /* @__PURE__ */ s(Gt, {
 					assignedItem: e.find((e) => e.id === i[t.id]),
 					target: t
 				}, t.id))
@@ -768,7 +782,7 @@ function Bt({ items: e, targets: t, value: n, onChange: r }) {
 		})
 	});
 }
-function Vt({ item: e }) {
+function Wt({ item: e }) {
 	let { ref: t, isDragging: n } = u({ id: e.id });
 	return /* @__PURE__ */ s("button", {
 		className: n ? "drag-pill drag-pill--dragging" : "drag-pill",
@@ -777,24 +791,24 @@ function Vt({ item: e }) {
 		children: e.label
 	});
 }
-function Ht({ assignedItem: e, target: t }) {
+function Gt({ assignedItem: e, target: t }) {
 	let { ref: n, isDropTarget: r } = d({ id: t.id });
 	return /* @__PURE__ */ c("div", {
 		className: r ? "drop-slot drop-slot--active" : "drop-slot",
 		ref: n,
 		children: [/* @__PURE__ */ s("span", {
 			className: t.shapeId ? "drop-slot__visual drop-slot__visual--shape" : "drop-slot__visual",
-			children: t.shapeId ? /* @__PURE__ */ s(zt, {
+			children: t.shapeId ? /* @__PURE__ */ s(Ht, {
 				shapeId: t.shapeId,
 				title: t.label
 			}) : t.label
-		}), e ? /* @__PURE__ */ s(Vt, { item: e }) : /* @__PURE__ */ s("span", { children: "ضع الإجابة هنا" })]
+		}), e ? /* @__PURE__ */ s(Wt, { item: e }) : /* @__PURE__ */ s("span", { children: "ضع الإجابة هنا" })]
 	});
 }
 //#endregion
 //#region src/exam-session/interactions/HandwrittenNumberAnswer.tsx
-var Ut = 132, Wt = 88, Gt = 650;
-function Y({ ariaLabel: e, canvasHeight: n = Wt, canvasWidth: r = Ut, onChange: o, onClear: l, recognizer: u, value: d }) {
+var Kt = 132, qt = 88, Jt = 650;
+function Y({ ariaLabel: e, canvasHeight: n = qt, canvasWidth: r = Kt, onChange: o, onClear: l, recognizer: u, value: d }) {
 	let f = d?.strokes ?? [], p = f.length === 0, m = i(o), [h, _] = a(!1), [v, y] = a(!1), b = !!u?.isAvailable(), x = u?.getStatus?.() ?? (b ? "ready" : "unavailable"), S = x === "preparing" || x === "error", C = x === "preparing" ? "preparing-model" : x === "error" ? "model-error" : p || h ? "idle" : d?.recognizedValue === void 0 ? !b || x === "unavailable" ? "unavailable" : v ? "unrecognized" : "recognizing" : "recognized";
 	t(() => {
 		m.current = o;
@@ -812,7 +826,7 @@ function Y({ ariaLabel: e, canvasHeight: n = Wt, canvasWidth: r = Ut, onChange:
 			}).catch(() => {
 				e || y(!0);
 			});
-		}, Gt);
+		}, Jt);
 		return () => {
 			e = !0, window.clearTimeout(t);
 		};
@@ -935,12 +949,12 @@ function Y({ ariaLabel: e, canvasHeight: n = Wt, canvasWidth: r = Ut, onChange:
 				"aria-live": "polite",
 				className: "handwritten-number-status",
 				"data-state": C,
-				children: Kt(C, d?.recognizedValue)
+				children: Yt(C, d?.recognizedValue)
 			})
 		]
 	});
 }
-function Kt(e, t) {
+function Yt(e, t) {
 	switch (e) {
 		case "recognizing": return "جارٍ التعرّف على الرقم…";
 		case "recognized": return `تمّ التعرّف: ${t ?? ""}`;
@@ -953,13 +967,13 @@ function Kt(e, t) {
 }
 //#endregion
 //#region src/exam-session/interactions/HandwrittenFractionAnswer.tsx
-var qt = 104, Jt = 58;
-function Yt({ ariaLabel: e, onChange: t, recognizer: n, value: r }) {
+var Xt = 104, Zt = 58;
+function Qt({ ariaLabel: e, onChange: t, recognizer: n, value: r }) {
 	function i(e, n) {
 		t({
-			denominator: e === "denominator" ? n : r?.denominator ?? Xt(),
+			denominator: e === "denominator" ? n : r?.denominator ?? $t(),
 			kind: "fraction",
-			numerator: e === "numerator" ? n : r?.numerator ?? Xt()
+			numerator: e === "numerator" ? n : r?.numerator ?? $t()
 		});
 	}
 	return /* @__PURE__ */ c("div", {
@@ -969,8 +983,8 @@ function Yt({ ariaLabel: e, onChange: t, recognizer: n, value: r }) {
 		children: [
 			/* @__PURE__ */ s(Y, {
 				ariaLabel: `${e} numerator`,
-				canvasHeight: Jt,
-				canvasWidth: qt,
+				canvasHeight: Zt,
+				canvasWidth: Xt,
 				onChange: (e) => i("numerator", e),
 				recognizer: n,
 				value: r?.numerator
@@ -981,8 +995,8 @@ function Yt({ ariaLabel: e, onChange: t, recognizer: n, value: r }) {
 			}),
 			/* @__PURE__ */ s(Y, {
 				ariaLabel: `${e} denominator`,
-				canvasHeight: Jt,
-				canvasWidth: qt,
+				canvasHeight: Zt,
+				canvasWidth: Xt,
 				onChange: (e) => i("denominator", e),
 				recognizer: n,
 				value: r?.denominator
@@ -990,17 +1004,17 @@ function Yt({ ariaLabel: e, onChange: t, recognizer: n, value: r }) {
 		]
 	});
 }
-function Xt() {
+function $t() {
 	return {
-		canvasHeight: Jt,
-		canvasWidth: qt,
+		canvasHeight: Zt,
+		canvasWidth: Xt,
 		kind: "handwritten-number",
 		strokes: []
 	};
 }
 //#endregion
 //#region src/exam-session/interactions/ColorPenPicker.tsx
-function Zt({ ariaLabel: e, className: t = "", colors: n, disabled: r = !1, onChange: i, selectedColorId: a }) {
+function en({ ariaLabel: e, className: t = "", colors: n, disabled: r = !1, onChange: i, selectedColorId: a }) {
 	return /* @__PURE__ */ s("div", {
 		"aria-label": e,
 		className: ["color-pen-picker", t].filter(Boolean).join(" "),
@@ -1024,7 +1038,7 @@ function Zt({ ariaLabel: e, className: t = "", colors: n, disabled: r = !1, onCh
 }
 //#endregion
 //#region src/exam-session/interactions/geometryColors.ts
-var Qt = [
+var tn = [
 	{
 		id: "green",
 		label: "أَخْضَرُ",
@@ -1045,28 +1059,28 @@ var Qt = [
 		label: "أَسْوَدُ",
 		value: "#17212b"
 	}
-], $t = {
+], nn = {
 	black: "#17212b",
 	blue: "#256fd2",
 	green: "#0b7f45",
 	red: "#e34a58"
 };
-function en(e, t) {
+function rn(e, t) {
 	return t ? e.find((e) => e.id === t || e.value === t)?.id ?? e[0]?.id ?? "green" : e[0]?.id ?? "green";
 }
-function tn(e, t) {
-	return e.find((e) => e.id === t)?.value ?? e[0]?.value ?? Qt[0].value;
+function an(e, t) {
+	return e.find((e) => e.id === t)?.value ?? e[0]?.value ?? tn[0].value;
 }
-function nn(e) {
+function on(e) {
 	return e.map((e) => ({
 		id: e.id,
 		label: e.label,
-		value: $t[e.id] ?? Qt[0].value
+		value: nn[e.id] ?? tn[0].value
 	}));
 }
 //#endregion
 //#region src/exam-session/interactions/GeometryCanvas.tsx
-var rn = 1e3, an = 600, on = 30, sn = 240, cn = 12, ln = Qt[0].value, X = "#0a8f55", un = [
+var sn = 1e3, cn = 600, ln = 30, un = 240, dn = 12, fn = tn[0].value, X = "#0a8f55", pn = [
 	{
 		id: "pen",
 		icon: "✎",
@@ -1097,15 +1111,15 @@ var rn = 1e3, an = 600, on = 30, sn = 240, cn = 12, ln = Qt[0].value, X = "#0a8f
 		icon: "⌖",
 		label: "بَرْكارٌ"
 	}
-], dn = /* @__PURE__ */ new Set([
+], mn = /* @__PURE__ */ new Set([
 	"ruler",
 	"protractor",
 	"compass"
-]), fn = {
+]), hn = {
 	icon: "T",
 	id: "text",
 	label: "Text"
-}, pn = [
+}, gn = [
 	"pen",
 	"eraser",
 	"line",
@@ -1113,23 +1127,23 @@ var rn = 1e3, an = 600, on = 30, sn = 240, cn = 12, ln = Qt[0].value, X = "#0a8f
 	"protractor",
 	"compass"
 ];
-function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWidth: r = rn, className: o = "", colorOptions: l = Qt, defaultColor: u, disabled: d = !1, minStageWidth: f = sn, onChange: p, paper: m = "squared", points: h = [], showColorPalette: g = !0, value: _, variant: v = "question" }) {
-	let y = l.length > 0 ? l : Qt, [b, x] = a(null), [S, C] = a([]), [w, T] = a(() => en(y, u ?? "black")), [E, D] = a(() => wn(_)), [O, ee] = a(() => _?.guides ?? Cn(r, n)), [k, A] = a(null), [j, M] = a(null), [N, P] = a({
+function _n({ actionLabel: e, availableTools: t, canvasHeight: n = cn, canvasWidth: r = sn, className: o = "", colorOptions: l = tn, defaultColor: u, disabled: d = !1, minStageWidth: f = un, onChange: p, paper: m = "squared", points: h = [], showColorPalette: g = !0, value: _, variant: v = "question" }) {
+	let y = l.length > 0 ? l : tn, [b, x] = a(null), [S, C] = a([]), [w, T] = a(() => rn(y, u ?? "black")), [E, D] = a(() => Dn(_)), [O, ee] = a(() => _?.guides ?? En(r, n)), [k, A] = a(null), [j, M] = a(null), [N, P] = a({
 		height: n,
 		scale: 1,
 		width: r
 	}), [te, F] = a({
 		canRedo: !1,
 		canUndo: !1
-	}), I = i(null), ne = i([En(E)]), L = i(0), R = i(0), z = i(null);
-	hn(I, r, n, f, P);
-	let B = Dn(h, r, n), re = [
+	}), I = i(null), ne = i([kn(E)]), L = i(0), R = i(0), z = i(null);
+	vn(I, r, n, f, P);
+	let B = An(h, r, n), re = [
 		"geometry-canvas",
 		`geometry-canvas--${v}`,
 		o
-	].filter(Boolean).join(" "), V = y.some((e) => e.id === w) ? w : en(y, "black"), ae = tn(y, V), se = un.concat(fn).filter((e) => (t ?? pn).includes(e.id)), U = An(b);
+	].filter(Boolean).join(" "), V = y.some((e) => e.id === w) ? w : rn(y, "black"), ae = an(y, V), se = pn.concat(hn).filter((e) => (t ?? gn).includes(e.id)), U = Nn(b);
 	function ce(e) {
-		return dn.has(e) ? !U && S.includes(e) : b === e || S.includes(e);
+		return mn.has(e) ? !U && S.includes(e) : b === e || S.includes(e);
 	}
 	function le(e) {
 		C((t) => t.includes(e) ? t.filter((t) => t !== e) : t.concat(e));
@@ -1158,10 +1172,10 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 	}
 	function fe(e, t = O) {
 		p({
-			elements: En(e),
+			elements: kn(e),
 			guides: t,
 			kind: "drawing",
-			strokes: Tn(e)
+			strokes: On(e)
 		});
 	}
 	function pe() {
@@ -1171,7 +1185,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 		});
 	}
 	function W(e, t = O) {
-		let n = En(e), r = ne.current.slice(0, L.current + 1);
+		let n = kn(e), r = ne.current.slice(0, L.current + 1);
 		r.push(n), ne.current = r, L.current = r.length - 1, D(n), fe(n, t), pe();
 	}
 	function me(e) {
@@ -1180,13 +1194,13 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 	function he() {
 		if (!te.canUndo || d) return;
 		--L.current;
-		let e = En(ne.current[L.current]);
+		let e = kn(ne.current[L.current]);
 		D(e), fe(e), pe();
 	}
 	function ge() {
 		if (!te.canRedo || d) return;
 		L.current += 1;
-		let e = En(ne.current[L.current]);
+		let e = kn(ne.current[L.current]);
 		D(e), fe(e), pe();
 	}
 	function _e() {
@@ -1195,19 +1209,19 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 	function ve(e) {
 		let t = e.target.getStage()?.getPointerPosition();
 		return t ? {
-			x: Vn(t.x / N.scale, 0, r),
-			y: Vn(t.y / N.scale, 0, n)
+			x: Wn(t.x / N.scale, 0, r),
+			y: Wn(t.y / N.scale, 0, n)
 		} : null;
 	}
 	function ye(e) {
-		if (d || !U && kn(e.target)) return;
+		if (d || !U && Mn(e.target)) return;
 		let t = ve(e);
 		if (!t || !b) return;
 		if (b === "eraser") {
 			xe(t);
 			return;
 		}
-		let n = On(t, B);
+		let n = jn(t, B);
 		if (b === "text") {
 			M({
 				color: ae,
@@ -1267,7 +1281,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 					return;
 				}
 				if (k.type === "line") {
-					let e = On(t, B);
+					let e = jn(t, B);
 					A({
 						...k,
 						points: [
@@ -1281,7 +1295,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 				}
 				k.type === "circle" && A({
 					...k,
-					radius: Bn(k.center, t)
+					radius: Un(k.center, t)
 				});
 			}
 		}
@@ -1292,7 +1306,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 			return;
 		}
 		let e = k;
-		if (z.current = null, A(null), Mn(e)) {
+		if (z.current = null, A(null), Fn(e)) {
 			if (e.type === "circle") {
 				let t = {
 					...O,
@@ -1309,7 +1323,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 	}
 	function xe(e) {
 		if (E.length === 0) return;
-		let t = Nn(E, e);
+		let t = In(E, e);
 		t < 0 || W(E.filter((e, n) => n !== t));
 	}
 	function Se() {
@@ -1341,7 +1355,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 					className: [
 						"geometry-tool-button",
 						ce(e.id) ? "geometry-tool-button--active" : "",
-						dn.has(e.id) ? "geometry-tool-button--guide" : ""
+						mn.has(e.id) ? "geometry-tool-button--guide" : ""
 					].filter(Boolean).join(" "),
 					disabled: d,
 					onClick: () => ue(e.id),
@@ -1352,7 +1366,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 					}), /* @__PURE__ */ s("span", { children: e.label })]
 				}, e.id))
 			}),
-			g ? /* @__PURE__ */ s(Zt, {
+			g ? /* @__PURE__ */ s(en, {
 				ariaLabel: "أَلْوانُ الأَقْلامِ",
 				className: "geometry-color-picker",
 				colors: y,
@@ -1384,19 +1398,19 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 								strokeWidth: 1,
 								width: r
 							}),
-							/* @__PURE__ */ s(gn, {
+							/* @__PURE__ */ s(yn, {
 								canvasHeight: n,
 								canvasWidth: r,
 								paper: m
 							}),
-							h.map((e, t) => e.hidden ? null : /* @__PURE__ */ s(_n, {
-								label: vn(e, t),
+							h.map((e, t) => e.hidden ? null : /* @__PURE__ */ s(bn, {
+								label: xn(e, t),
 								x: e.x / 100 * r,
 								y: e.y / 100 * n
 							}, e.id)),
-							E.map((e) => Sn(e)),
-							k ? Sn(k, !0) : null,
-							S.includes("ruler") ? /* @__PURE__ */ s(yn, {
+							E.map((e) => Tn(e)),
+							k ? Tn(k, !0) : null,
+							S.includes("ruler") ? /* @__PURE__ */ s(Sn, {
 								disabled: d,
 								guide: O.ruler,
 								locked: U,
@@ -1405,7 +1419,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 									ruler: e
 								})
 							}, `${O.ruler.x}:${O.ruler.y}:${O.ruler.length}:${O.ruler.rotation}`) : null,
-							S.includes("protractor") ? /* @__PURE__ */ s(bn, {
+							S.includes("protractor") ? /* @__PURE__ */ s(Cn, {
 								disabled: d,
 								guide: O.protractor,
 								locked: U,
@@ -1414,7 +1428,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 									protractor: e
 								})
 							}) : null,
-							S.includes("compass") ? /* @__PURE__ */ s(xn, {
+							S.includes("compass") ? /* @__PURE__ */ s(wn, {
 								disabled: d,
 								guide: O.compass,
 								locked: U,
@@ -1474,7 +1488,7 @@ function mn({ actionLabel: e, availableTools: t, canvasHeight: n = an, canvasWid
 		]
 	});
 }
-function hn(e, n, r, i, a) {
+function vn(e, n, r, i, a) {
 	t(() => {
 		let t = e.current;
 		if (!t) return;
@@ -1500,7 +1514,7 @@ function hn(e, n, r, i, a) {
 		a
 	]);
 }
-function gn({ canvasHeight: e, canvasWidth: t, paper: n }) {
+function yn({ canvasHeight: e, canvasWidth: t, paper: n }) {
 	if (n === "blank") return null;
 	if (n === "ruled") {
 		let n = Math.floor(e / 46);
@@ -1515,12 +1529,12 @@ function gn({ canvasHeight: e, canvasWidth: t, paper: n }) {
 			strokeWidth: 1.4
 		}, `ruled-${n}`)) });
 	}
-	let r = Math.floor(t / on), i = Math.floor(e / on);
+	let r = Math.floor(t / ln), i = Math.floor(e / ln);
 	return /* @__PURE__ */ c(o, { children: [Array.from({ length: r + 1 }, (t, n) => /* @__PURE__ */ s(V, {
 		points: [
-			n * on,
+			n * ln,
 			0,
-			n * on,
+			n * ln,
 			e
 		],
 		stroke: "#d2ded8",
@@ -1528,15 +1542,15 @@ function gn({ canvasHeight: e, canvasWidth: t, paper: n }) {
 	}, `vertical-${n}`)), Array.from({ length: i + 1 }, (e, n) => /* @__PURE__ */ s(V, {
 		points: [
 			0,
-			n * on,
+			n * ln,
 			t,
-			n * on
+			n * ln
 		],
 		stroke: "#d2ded8",
 		strokeWidth: 1
 	}, `horizontal-${n}`))] });
 }
-function _n({ label: e, x: t, y: n }) {
+function bn({ label: e, x: t, y: n }) {
 	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(R, {
 		fill: "#e63542",
 		radius: 4.75,
@@ -1555,18 +1569,18 @@ function _n({ label: e, x: t, y: n }) {
 		y: n - 18
 	})] });
 }
-function vn(e, t) {
+function xn(e, t) {
 	let n = e.label?.trim();
 	return n && n.length > 0 ? n : String(t + 1);
 }
-function yn({ disabled: e, guide: t, locked: n, onCommit: r }) {
+function Sn({ disabled: e, guide: t, locked: n, onCommit: r }) {
 	let [l, u] = a(t), d = i(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 y(e) {
 		e.cancelBubble = !0;
-		let t = jn(e);
+		let t = Pn(e);
 		t && (v({
 			...d.current,
 			x: t.x,
@@ -1584,8 +1598,8 @@ function yn({ disabled: e, guide: t, locked: n, onCommit: r }) {
 	}
 	function x(e, t) {
 		e.cancelBubble = !0;
-		let n = jn(e);
-		n && (v(Rn(d.current, n, t)), e.currentTarget.position({
+		let n = Pn(e);
+		n && (v(Vn(d.current, n, t)), e.currentTarget.position({
 			x: 0,
 			y: 0
 		}));
@@ -1593,7 +1607,7 @@ function yn({ disabled: e, guide: t, locked: n, onCommit: r }) {
 	function S() {
 		let e = {
 			...d.current,
-			rotation: Hn(d.current.rotation + 90)
+			rotation: Gn(d.current.rotation + 90)
 		};
 		v(e), r(e);
 	}
@@ -1755,8 +1769,8 @@ function yn({ disabled: e, guide: t, locked: n, onCommit: r }) {
 		]
 	}) });
 }
-function bn({ disabled: e, guide: t, locked: n, onChange: r }) {
-	let i = !e && !n, a = In({
+function Cn({ disabled: e, guide: t, locked: n, onChange: r }) {
+	let i = !e && !n, a = zn({
 		x: 136,
 		y: 0
 	}, t.rotation, {
@@ -1849,7 +1863,7 @@ function bn({ disabled: e, guide: t, locked: n, onChange: r }) {
 		y: a.y
 	})] });
 }
-function xn({ disabled: e, guide: t, locked: n, onChange: r }) {
+function wn({ disabled: e, guide: t, locked: n, onChange: r }) {
 	let i = !e && !n, a = {
 		x: t.center.x + t.radius,
 		y: t.center.y
@@ -1923,7 +1937,7 @@ function xn({ disabled: e, guide: t, locked: n, onChange: r }) {
 				let n = e.target.position();
 				r({
 					...t,
-					radius: Math.max(14, Bn(t.center, n))
+					radius: Math.max(14, Un(t.center, n))
 				});
 			},
 			radius: 9,
@@ -1934,7 +1948,7 @@ function xn({ disabled: e, guide: t, locked: n, onChange: r }) {
 		})
 	] });
 }
-function Sn(e, t = !1) {
+function Tn(e, t = !1) {
 	let n = t ? .58 : 1;
 	return e.type === "freehand" ? /* @__PURE__ */ s(V, {
 		lineCap: "round",
@@ -1968,7 +1982,7 @@ function Sn(e, t = !1) {
 		y: e.center.y
 	}, e.id);
 }
-function Cn(e, t) {
+function En(e, t) {
 	return {
 		compass: {
 			center: {
@@ -1990,16 +2004,16 @@ function Cn(e, t) {
 		}
 	};
 }
-function wn(e) {
-	return e?.elements?.length ? En(e.elements) : (e?.strokes ?? []).filter((e) => e.tool === "pen" && e.points.length >= 4).map((e) => ({
-		color: ln,
+function Dn(e) {
+	return e?.elements?.length ? kn(e.elements) : (e?.strokes ?? []).filter((e) => e.tool === "pen" && e.points.length >= 4).map((e) => ({
+		color: fn,
 		id: e.id,
 		points: e.points.slice(),
 		strokeWidth: 4,
 		type: "freehand"
 	}));
 }
-function Tn(e) {
+function On(e) {
 	return e.flatMap((e) => e.type === "freehand" ? [{
 		id: e.id,
 		points: e.points.slice(),
@@ -2010,7 +2024,7 @@ function Tn(e) {
 		tool: "pen"
 	}] : []);
 }
-function En(e) {
+function kn(e) {
 	return e.map((e) => e.type === "freehand" ? {
 		...e,
 		points: e.points.slice()
@@ -2027,25 +2041,25 @@ function En(e) {
 		center: { ...e.center }
 	});
 }
-function Dn(e, t, n) {
+function An(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 += on) for (let t = 0; t <= n; t += on) i.push({
+	for (let e = 0; e <= t; e += ln) for (let t = 0; t <= n; t += ln) i.push({
 		x: e,
 		y: t
 	});
 	return r.concat(i);
 }
-function On(e, t) {
-	let n = e, r = cn;
+function jn(e, t) {
+	let n = e, r = dn;
 	return t.forEach((t) => {
-		let i = Bn(e, t);
+		let i = Un(e, t);
 		i < r && (n = t, r = i);
 	}), n;
 }
-function kn(e) {
+function Mn(e) {
 	let t = e;
 	for (; t;) {
 		if (t.name().split(" ").includes("geometry-guide")) return !0;
@@ -2053,10 +2067,10 @@ function kn(e) {
 	}
 	return !1;
 }
-function An(e) {
+function Nn(e) {
 	return e === "pen" || e === "line" || e === "eraser";
 }
-function jn(e) {
+function Pn(e) {
 	let t = e.target.getStage()?.getPointerPosition();
 	if (!t) return null;
 	let n = e.target.getLayer(), r = n?.scaleX() || 1, i = n?.scaleY() || r;
@@ -2065,20 +2079,20 @@ function jn(e) {
 		y: t.y / i
 	};
 }
-function Mn(e) {
-	return e.type === "freehand" ? e.points.length >= 4 : e.type === "line" ? zn(e.points) > 6 : e.type === "text" ? e.text.trim().length > 0 : e.radius > 6;
+function Fn(e) {
+	return e.type === "freehand" ? e.points.length >= 4 : e.type === "line" ? Hn(e.points) > 6 : e.type === "text" ? e.text.trim().length > 0 : e.radius > 6;
 }
-function Nn(e, t) {
-	for (let n = e.length - 1; n >= 0; --n) if (Pn(e[n], t)) return n;
+function In(e, t) {
+	for (let n = e.length - 1; n >= 0; --n) if (Ln(e[n], t)) return n;
 	return -1;
 }
-function Pn(e, t) {
-	if (e.type === "circle") return Math.abs(Bn(e.center, t) - e.radius) <= 14;
+function Ln(e, t) {
+	if (e.type === "circle") return Math.abs(Un(e.center, t) - e.radius) <= 14;
 	if (e.type === "text") {
 		let n = Math.max(56, e.text.length * e.fontSize * .58), r = e.fontSize * 1.5;
 		return t.x >= e.x - 12 && t.x <= e.x + n + 12 && t.y >= e.y - 12 && t.y <= e.y + r + 12;
 	}
-	for (let n = 0; n < e.points.length - 2; n += 2) if (Fn(t, {
+	for (let n = 0; n < e.points.length - 2; n += 2) if (Rn(t, {
 		x1: e.points[n],
 		x2: e.points[n + 2],
 		y1: e.points[n + 1],
@@ -2086,27 +2100,27 @@ function Pn(e, t) {
 	}) <= 14) return !0;
 	return !1;
 }
-function Fn(e, t) {
+function Rn(e, t) {
 	let n = t.x2 - t.x1, r = t.y2 - t.y1, i = n * n + r * r;
-	if (i === 0) return Bn(e, {
+	if (i === 0) return Un(e, {
 		x: t.x1,
 		y: t.y1
 	});
-	let a = Vn(((e.x - t.x1) * n + (e.y - t.y1) * r) / i, 0, 1);
-	return Bn(e, {
+	let a = Wn(((e.x - t.x1) * n + (e.y - t.y1) * r) / i, 0, 1);
+	return Un(e, {
 		x: t.x1 + a * n,
 		y: t.y1 + a * r
 	});
 }
-function In(e, t, n) {
+function zn(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 Ln(e, t) {
-	return In({
+function Bn(e, t) {
+	return zn({
 		x: t === "left" ? -e.length / 2 : e.length / 2,
 		y: 0
 	}, e.rotation, {
@@ -2114,8 +2128,8 @@ function Ln(e, t) {
 		y: e.y
 	});
 }
-function Rn(e, t, n) {
-	let r = n === "right" ? "left" : "right", i = Ln(e, r), a = Math.atan2(t.y - i.y, t.x - i.x) * 180 / Math.PI, o = Hn(n === "right" ? a : a + 180), s = o * Math.PI / 180, c = e.length / 2, l = r === "left" ? 1 : -1;
+function Vn(e, t, n) {
+	let r = n === "right" ? "left" : "right", i = Bn(e, r), a = Math.atan2(t.y - i.y, t.x - i.x) * 180 / Math.PI, o = Gn(n === "right" ? a : a + 180), s = o * Math.PI / 180, c = e.length / 2, l = r === "left" ? 1 : -1;
 	return {
 		...e,
 		rotation: o,
@@ -2123,8 +2137,8 @@ function Rn(e, t, n) {
 		y: i.y + Math.sin(s) * c * l
 	};
 }
-function zn(e) {
-	return Bn({
+function Hn(e) {
+	return Un({
 		x: e[0],
 		y: e[1]
 	}, {
@@ -2132,19 +2146,19 @@ function zn(e) {
 		y: e[3]
 	});
 }
-function Bn(e, t) {
+function Un(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
-function Vn(e, t, n) {
+function Wn(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function Hn(e) {
+function Gn(e) {
 	return (e % 360 + 360) % 360;
 }
 //#endregion
 //#region src/exam-session/interactions/KonvaDrawingGrid.tsx
-function Un({ points: e, value: t, onChange: n }) {
-	return /* @__PURE__ */ s(mn, {
+function Kn({ points: e, value: t, onChange: n }) {
+	return /* @__PURE__ */ s(_n, {
 		onChange: n,
 		points: e,
 		value: t,
@@ -2153,7 +2167,7 @@ function Un({ points: e, value: t, onChange: n }) {
 }
 //#endregion
 //#region src/exam-session/interactions/LabelPlacement.tsx
-function Wn({ labels: e, targets: t, value: n, onChange: r }) {
+function qn({ labels: e, targets: t, value: n, onChange: r }) {
 	let i = n?.placements ?? {}, a = new Set(Object.keys(i));
 	return /* @__PURE__ */ s(l, {
 		onDragEnd: (e) => {
@@ -2176,10 +2190,10 @@ function Wn({ labels: e, targets: t, value: n, onChange: r }) {
 			className: "label-placement",
 			children: [/* @__PURE__ */ s("div", {
 				className: "label-placement__bank",
-				children: e.filter((e) => !a.has(e.id)).map((e) => /* @__PURE__ */ s(Gn, { label: e }, e.id))
+				children: e.filter((e) => !a.has(e.id)).map((e) => /* @__PURE__ */ s(Jn, { label: e }, e.id))
 			}), /* @__PURE__ */ s("div", {
 				className: "label-placement__diagram",
-				children: t.map((t) => /* @__PURE__ */ s(Kn, {
+				children: t.map((t) => /* @__PURE__ */ s(Yn, {
 					label: e.find((e) => i[e.id]?.targetId === t.id),
 					target: t
 				}, t.id))
@@ -2187,7 +2201,7 @@ function Wn({ labels: e, targets: t, value: n, onChange: r }) {
 		})
 	});
 }
-function Gn({ label: e }) {
+function Jn({ label: e }) {
 	let { ref: t, isDragging: n } = u({ id: e.id });
 	return /* @__PURE__ */ s("button", {
 		className: n ? "placement-label placement-label--dragging" : "placement-label",
@@ -2196,7 +2210,7 @@ function Gn({ label: e }) {
 		children: e.label
 	});
 }
-function Kn({ label: e, target: t }) {
+function Yn({ label: e, target: t }) {
 	let { ref: n, isDropTarget: r } = d({ id: t.id });
 	return /* @__PURE__ */ c("div", {
 		className: r ? "placement-target placement-target--active" : "placement-target",
@@ -2208,15 +2222,15 @@ function Kn({ label: e, target: t }) {
 		children: [/* @__PURE__ */ s("span", {
 			"aria-hidden": "true",
 			children: t.label
-		}), e ? /* @__PURE__ */ s(Gn, { label: e }) : null]
+		}), e ? /* @__PURE__ */ s(Jn, { label: e }) : null]
 	});
 }
 //#endregion
 //#region src/exam-session/interactions/NumberLineAnswer.tsx
-function qn({ answerId: e, expression: t, value: n, onChange: r, onClear: i, recognizer: a }) {
+function Xn({ answerId: e, expression: t, value: n, onChange: r, onClear: i, recognizer: a }) {
 	return /* @__PURE__ */ c("div", {
 		className: "number-line-layout",
-		children: [/* @__PURE__ */ s(Jn, {}), /* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ s(Zn, {}), /* @__PURE__ */ c("div", {
 			className: "compact-answer",
 			children: [/* @__PURE__ */ s("span", { children: t }), /* @__PURE__ */ s(Y, {
 				ariaLabel: t,
@@ -2228,7 +2242,7 @@ function qn({ answerId: e, expression: t, value: n, onChange: r, onClear: i, rec
 		})]
 	});
 }
-function Jn() {
+function Zn() {
 	return /* @__PURE__ */ c("svg", {
 		className: "number-line",
 		viewBox: "0 0 520 86",
@@ -2256,26 +2270,60 @@ function Jn() {
 }
 //#endregion
 //#region src/exam-session/interactions/OperationWorkArea.tsx
-var Z = 900, Yn = 300, Xn = 510, Zn = 960, Qn = 260, $n = .15, er = 1.45, tr = 1;
-function nr({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onChange: l, onClear: u, operation: d = "+", placeholder: f = "اكتب خطوات العملية هنا", value: p }) {
-	let m = r === "operation-worksheet" || r === "division-worksheet" || r === "division-workspace" ? Xn : r === "reasoning-workspace" ? Zn : Yn, h = r === "reasoning-workspace", _ = i(null), [v, y] = a(() => sr(p)), b = i(v), S = i(!1), w = i(null), [T, E] = a(tr), [D, O] = a({
-		height: m,
+var Z = 900, Qn = 300, $n = 510, er = 620, tr = 260, nr = 700, rr = .15, ir = 1.45, ar = 1;
+function or({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onChange: l, onClear: u, operation: d = "+", placeholder: f = "اكتب خطوات العملية هنا", recognizer: p, value: m }) {
+	let h = r === "operation-worksheet" || r === "division-worksheet" || r === "division-workspace" ? $n : r === "reasoning-workspace" ? er : Qn, _ = r === "reasoning-workspace", v = i(null), [y, b] = a(() => dr(m)), S = i(y), w = i(!1), T = i(null), [E, D] = a(ar), [O, ee] = a({
+		height: h,
 		scale: 1,
 		width: Z
-	}), ee = v.length === 0;
+	}), k = y.length === 0;
+	t(() => {
+		if (w.current) return;
+		let e = dr(m);
+		S.current = e, b(e);
+	}, [m]), t(() => () => {
+		T.current !== null && window.cancelAnimationFrame(T.current);
+	}, []);
+	let A = !!p?.isAvailable(), j = p?.getStatus?.() ?? (A ? "ready" : "unavailable");
 	t(() => {
-		if (S.current) return;
-		let e = sr(p);
-		b.current = e, y(e);
-	}, [p]), t(() => () => {
-		w.current !== null && window.cancelAnimationFrame(w.current);
-	}, []), t(() => {
-		let e = _.current;
+		if (k || !p || !A || j !== "ready" || m?.recognizedText !== void 0) return;
+		let e = !1, t = window.setTimeout(() => {
+			if (w.current) return;
+			let t = fr(S.current);
+			t.length !== 0 && p.recognize({
+				canvasHeight: h,
+				canvasWidth: Z,
+				kind: "handwritten-number",
+				strokes: t
+			}).then((t) => {
+				if (e) return;
+				let n = t.recognizedValue ?? t.recognitionCandidates?.[0];
+				n === void 0 || n === "" || l({
+					elements: S.current,
+					kind: "drawing",
+					recognizedText: n
+				});
+			}).catch(() => void 0);
+		}, nr);
+		return () => {
+			e = !0, window.clearTimeout(t);
+		};
+	}, [
+		h,
+		y,
+		k,
+		l,
+		A,
+		j,
+		p,
+		m?.recognizedText
+	]), t(() => {
+		let e = v.current;
 		if (!e) return;
 		function t() {
-			let t = Math.max(Qn, Math.min(Z, e?.clientWidth ?? Z)) * (h ? T : 1), n = t / Z;
-			O({
-				height: m * n,
+			let t = Math.max(tr, Math.min(Z, e?.clientWidth ?? Z)) * (_ ? E : 1), n = t / Z;
+			ee({
+				height: h * n,
 				scale: n,
 				width: t
 			});
@@ -2284,51 +2332,51 @@ function nr({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onCha
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, [
-		m,
 		h,
-		T
+		_,
+		E
 	]);
-	function k(e) {
+	function M(e) {
 		l({
 			elements: e,
 			kind: "drawing"
 		});
 	}
-	function A(e) {
-		b.current = e, w.current === null && (w.current = window.requestAnimationFrame(() => {
-			w.current = null, y(b.current);
+	function N(e) {
+		S.current = e, T.current === null && (T.current = window.requestAnimationFrame(() => {
+			T.current = null, b(S.current);
 		}));
 	}
-	function j(e = b.current) {
-		w.current !== null && (window.cancelAnimationFrame(w.current), w.current = null), b.current = e, y(e);
+	function P(e = S.current) {
+		T.current !== null && (window.cancelAnimationFrame(T.current), T.current = null), S.current = e, b(e);
 	}
-	function M(e) {
+	function te(e) {
 		let t = e?.getPointerPosition();
 		return t ? {
-			x: t.x / D.scale,
-			y: t.y / D.scale
+			x: t.x / O.scale,
+			y: t.y / O.scale
 		} : null;
 	}
-	function N(e) {
+	function I(e) {
 		e.evt.preventDefault();
-		let t = M(e.target.getStage());
+		let t = te(e.target.getStage());
 		if (!t) return;
-		let n = [...b.current, {
+		let n = [...S.current, {
 			color: "#061013",
 			id: `operation-stroke-${Date.now()}-${Math.round(t.x)}-${Math.round(t.y)}`,
 			points: [t.x, t.y],
 			strokeWidth: 8,
 			type: "freehand"
 		}];
-		S.current = !0, j(n), k(n);
+		w.current = !0, P(n), M(n);
 	}
-	function P(e) {
-		if (!S.current || !b.current.length || !e.evt.buttons && e.evt.pointerType === "mouse") return;
+	function ne(e) {
+		if (!w.current || !S.current.length || !e.evt.buttons && e.evt.pointerType === "mouse") return;
 		e.evt.preventDefault();
-		let t = M(e.target.getStage());
+		let t = te(e.target.getStage());
 		if (!t) return;
-		let n = b.current, r = n[n.length - 1], i = r.points[r.points.length - 2], a = r.points[r.points.length - 1];
-		Math.hypot(t.x - i, t.y - a) < .75 || A(n.map((e, r) => r === n.length - 1 ? {
+		let n = S.current, r = n[n.length - 1], i = r.points[r.points.length - 2], a = r.points[r.points.length - 1];
+		Math.hypot(t.x - i, t.y - a) < .75 || N(n.map((e, r) => r === n.length - 1 ? {
 			...e,
 			points: [
 				...e.points,
@@ -2337,60 +2385,60 @@ function nr({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onCha
 			]
 		} : e));
 	}
-	function te(e) {
-		e.evt.preventDefault(), S.current && (S.current = !1, j(), k(b.current));
+	function L(e) {
+		e.evt.preventDefault(), w.current && (w.current = !1, P(), M(S.current));
 	}
-	function I() {
-		S.current = !1, j([]), k([]), u?.();
+	function R() {
+		w.current = !1, P([]), M([]), u?.();
 	}
-	function ne() {
-		if (!b.current.length) return;
-		S.current = !1;
-		let e = b.current.slice(0, -1);
-		j(e), k(e);
+	function z() {
+		if (!S.current.length) return;
+		w.current = !1;
+		let e = S.current.slice(0, -1);
+		P(e), M(e);
 	}
-	let L = v.length > 0, R = T < er, z = T > tr;
+	let B = y.length > 0, re = E < ir, ae = E > ar;
 	return /* @__PURE__ */ c("div", {
 		"aria-label": e,
 		className: ["operation-work-area", r === "operation-worksheet" ? "operation-work-area--operation-worksheet" : r === "reasoning-workspace" ? "operation-work-area--reasoning-workspace" : r === "division-worksheet" || r === "division-workspace" ? "operation-work-area--division-worksheet" : ""].filter(Boolean).join(" "),
-		ref: _,
+		ref: v,
 		children: [/* @__PURE__ */ s(oe, {
 			className: ["operation-work-area__stage", r === "operation-worksheet" ? "operation-work-area__stage--operation-worksheet" : r === "reasoning-workspace" ? "operation-work-area__stage--reasoning-workspace" : r === "division-worksheet" || r === "division-workspace" ? "operation-work-area__stage--division-worksheet" : ""].filter(Boolean).join(" "),
-			height: D.height,
-			onPointerCancel: te,
-			onPointerDown: N,
-			onPointerMove: P,
-			onPointerUp: te,
+			height: O.height,
+			onPointerCancel: L,
+			onPointerDown: I,
+			onPointerMove: ne,
+			onPointerUp: L,
 			role: "img",
-			width: D.width,
+			width: O.width,
 			children: /* @__PURE__ */ c(ie, {
-				scaleX: D.scale,
-				scaleY: D.scale,
+				scaleX: O.scale,
+				scaleY: O.scale,
 				children: [
 					/* @__PURE__ */ s(H, {
 						cornerRadius: 22,
 						fill: "#fff",
-						height: m,
+						height: h,
 						stroke: "#cfe3d9",
 						strokeWidth: 2,
 						width: Z,
 						x: 0,
 						y: 0
 					}),
-					r === "division-worksheet" ? /* @__PURE__ */ s(ar, {
+					r === "division-worksheet" ? /* @__PURE__ */ s(lr, {
 						dividend: n?.dividend,
 						divisor: n?.divisor,
-						height: m,
+						height: h,
 						width: Z
-					}) : r === "division-workspace" ? /* @__PURE__ */ s(or, {
-						height: m,
+					}) : r === "division-workspace" ? /* @__PURE__ */ s(ur, {
+						height: h,
 						width: Z
-					}) : r === "operation-worksheet" ? /* @__PURE__ */ s(rr, {
-						height: m,
+					}) : r === "operation-worksheet" ? /* @__PURE__ */ s(sr, {
+						height: h,
 						operation: d,
 						width: Z
-					}) : r === "reasoning-workspace" ? /* @__PURE__ */ s(ir, {
-						height: m,
+					}) : r === "reasoning-workspace" ? /* @__PURE__ */ s(cr, {
+						height: h,
 						width: Z
 					}) : r === "squared" ? /* @__PURE__ */ c(o, { children: [Array.from({ length: 13 }, (e, t) => /* @__PURE__ */ s(V, {
 						points: [
@@ -2406,7 +2454,7 @@ function nr({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onCha
 							t * 75,
 							0,
 							t * 75,
-							Yn
+							Qn
 						],
 						stroke: "#4e68ff",
 						strokeWidth: 1.5
@@ -2421,20 +2469,20 @@ function nr({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onCha
 						stroke: "#edf3ef",
 						strokeWidth: 2
 					}, `line-${t}`)),
-					ee && f ? /* @__PURE__ */ s(U, {
+					k && f ? /* @__PURE__ */ s(U, {
 						align: "center",
 						fill: "#8fa39a",
 						fontFamily: "Arial, sans-serif",
 						fontSize: 24,
 						fontStyle: "bold",
-						height: m,
+						height: h,
 						text: f,
 						verticalAlign: "middle",
 						width: Z,
 						x: 0,
 						y: 0
 					}) : null,
-					v.map((e) => /* @__PURE__ */ s(V, {
+					y.map((e) => /* @__PURE__ */ s(V, {
 						globalCompositeOperation: "source-over",
 						lineCap: "round",
 						lineJoin: "round",
@@ -2453,18 +2501,18 @@ function nr({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onCha
 				/* @__PURE__ */ s("button", {
 					"aria-label": "Annuler le dernier trait",
 					className: "operation-work-area__control",
-					disabled: !L,
-					onClick: ne,
+					disabled: !B,
+					onClick: z,
 					title: "Annuler le dernier trait",
 					type: "button",
 					children: /* @__PURE__ */ s(F, { "aria-hidden": "true" })
 				}),
-				h ? /* @__PURE__ */ c(o, { children: [
+				_ ? /* @__PURE__ */ c(o, { children: [
 					/* @__PURE__ */ s("button", {
 						"aria-label": "Reduire l espace de raisonnement",
 						className: "operation-work-area__control",
-						disabled: !z,
-						onClick: () => E((e) => Math.max(tr, e - $n)),
+						disabled: !ae,
+						onClick: () => D((e) => Math.max(ar, e - rr)),
 						title: "Reduire l espace",
 						type: "button",
 						children: /* @__PURE__ */ s(C, { "aria-hidden": "true" })
@@ -2472,13 +2520,13 @@ function nr({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onCha
 					/* @__PURE__ */ c("output", {
 						className: "operation-work-area__zoom",
 						"aria-label": "Taille de l espace",
-						children: [Math.round(T * 100), "%"]
+						children: [Math.round(E * 100), "%"]
 					}),
 					/* @__PURE__ */ s("button", {
 						"aria-label": "Agrandir l espace de raisonnement",
 						className: "operation-work-area__control",
-						disabled: !R,
-						onClick: () => E((e) => Math.min(er, e + $n)),
+						disabled: !re,
+						onClick: () => D((e) => Math.min(ir, e + rr)),
 						title: "Agrandir l espace",
 						type: "button",
 						children: /* @__PURE__ */ s(x, { "aria-hidden": "true" })
@@ -2487,8 +2535,8 @@ function nr({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onCha
 				/* @__PURE__ */ s("button", {
 					"aria-label": "Effacer l espace de travail",
 					className: "operation-work-area__clear",
-					disabled: ee,
-					onClick: I,
+					disabled: k,
+					onClick: R,
 					title: "Effacer l espace",
 					type: "button",
 					children: /* @__PURE__ */ s(g, { "aria-hidden": "true" })
@@ -2497,7 +2545,7 @@ function nr({ ariaLabel: e, divisionOperands: n, gridVariant: r = "ruled", onCha
 		})]
 	});
 }
-function rr({ height: e, operation: t, width: n }) {
+function sr({ height: e, operation: t, width: n }) {
 	let r = n - 166 - 94;
 	return /* @__PURE__ */ c(o, { children: [
 		Array.from({ length: Math.floor(e / 24) + 1 }, (e, t) => /* @__PURE__ */ s(V, {
@@ -2576,7 +2624,7 @@ function rr({ height: e, operation: t, width: n }) {
 		})
 	] });
 }
-function ir({ height: e, width: t }) {
+function cr({ height: e, width: t }) {
 	return /* @__PURE__ */ c(o, { children: [Array.from({ length: Math.floor(e / 42) + 1 }, (e, n) => /* @__PURE__ */ s(V, {
 		points: [
 			28,
@@ -2597,10 +2645,10 @@ function ir({ height: e, width: t }) {
 		strokeWidth: 2
 	})] });
 }
-function ar({ dividend: e, divisor: t, height: n, width: r }) {
+function lr({ dividend: e, divisor: t, height: n, width: r }) {
 	let i = r - 588 - 70;
 	return /* @__PURE__ */ c(o, { children: [
-		/* @__PURE__ */ s(or, {
+		/* @__PURE__ */ s(ur, {
 			height: n,
 			width: r
 		}),
@@ -2685,7 +2733,7 @@ function ar({ dividend: e, divisor: t, height: n, width: r }) {
 		})
 	] });
 }
-function or({ height: e, width: t }) {
+function ur({ height: e, width: t }) {
 	return /* @__PURE__ */ c(o, { children: [Array.from({ length: Math.floor(e / 24) + 1 }, (e, n) => /* @__PURE__ */ s(V, {
 		points: [
 			0,
@@ -2706,13 +2754,19 @@ function or({ height: e, width: t }) {
 		strokeWidth: 1.5
 	}, `division-x-${n}`))] });
 }
-function sr(e) {
+function dr(e) {
 	return e?.elements?.filter((e) => e.type === "freehand") ?? [];
 }
+function fr(e) {
+	return e.filter((e) => e.points.length >= 2).map((e) => ({
+		id: e.id,
+		points: e.points
+	}));
+}
 //#endregion
 //#region src/exam-session/interactions/PrimeFactorizationAnswer.tsx
-var cr = 104;
-function lr({ onChange: e, recognizer: t, targets: n, value: r }) {
+var pr = 104;
+function mr({ onChange: e, recognizer: t, targets: n, value: r }) {
 	function i(t, n) {
 		e({
 			factorsByTargetId: {
@@ -2726,7 +2780,7 @@ function lr({ onChange: e, recognizer: t, targets: n, value: r }) {
 		className: "prime-factorization",
 		dir: "ltr",
 		children: n.map((e) => {
-			let n = ur(r?.factorsByTargetId[e.id], e.value);
+			let n = hr(r?.factorsByTargetId[e.id], e.value);
 			return /* @__PURE__ */ s("section", {
 				className: "prime-factorization__target",
 				children: /* @__PURE__ */ c("div", {
@@ -2740,7 +2794,7 @@ function lr({ onChange: e, recognizer: t, targets: n, value: r }) {
 								children: "×"
 							}) : null, /* @__PURE__ */ s(Y, {
 								ariaLabel: `عامل أولي للعدد ${e.value || "المطلوب"}`,
-								canvasWidth: cr,
+								canvasWidth: pr,
 								onChange: (t) => {
 									let r = [...n];
 									r[a] = t, i(e.id, r);
@@ -2755,22 +2809,22 @@ function lr({ onChange: e, recognizer: t, targets: n, value: r }) {
 		})
 	});
 }
-function ur(e, t) {
-	let n = Ke(t), r = [...e ?? []].slice(0, n);
-	for (; r.length < n;) r.push(dr());
+function hr(e, t) {
+	let n = Ye(t), r = [...e ?? []].slice(0, n);
+	for (; r.length < n;) r.push(gr());
 	return r;
 }
-function dr() {
+function gr() {
 	return {
 		canvasHeight: 88,
-		canvasWidth: cr,
+		canvasWidth: pr,
 		kind: "handwritten-number",
 		strokes: []
 	};
 }
 //#endregion
 //#region src/exam-session/interactions/ProblemSheetShape.tsx
-var fr = [
+var _r = [
 	{
 		id: "basic",
 		label: "Formes",
@@ -2812,7 +2866,7 @@ var fr = [
 			"arc"
 		]
 	}
-], pr = {
+], vr = {
 	arc: "Arc",
 	"arrow-down": "Flèche vers le bas",
 	"arrow-left": "Flèche vers la gauche",
@@ -2837,13 +2891,13 @@ var fr = [
 	triangle: "Triangle",
 	wedge: "Secteur"
 };
-function mr(e) {
-	return pr[e];
+function yr(e) {
+	return vr[e];
 }
-function hr(e) {
+function br(e) {
 	return e === "circle";
 }
-function gr({ element: e, hitStrokeWidth: t }) {
+function xr({ element: e, hitStrokeWidth: t }) {
 	let n = e.fill ?? "#e8f1ff", r = e.stroke ?? "#0f172a", i = e.strokeWidth ?? 3, a = Math.max(1, e.width), l = Math.max(1, e.height), u = Math.min(a, l) / 2, d = {
 		fill: n,
 		stroke: r,
@@ -2900,7 +2954,7 @@ function gr({ element: e, hitStrokeWidth: t }) {
 		scaleY: l / 2,
 		x: a / 2,
 		y: l / 2
-	}) : e.shape === "diamond" ? /* @__PURE__ */ s(_r, {
+	}) : e.shape === "diamond" ? /* @__PURE__ */ s(Sr, {
 		...d,
 		points: [
 			a / 2,
@@ -2912,7 +2966,7 @@ function gr({ element: e, hitStrokeWidth: t }) {
 			0,
 			l / 2
 		]
-	}) : e.shape === "parallelogram" ? /* @__PURE__ */ s(_r, {
+	}) : e.shape === "parallelogram" ? /* @__PURE__ */ s(Sr, {
 		...d,
 		points: [
 			a * .22,
@@ -2924,7 +2978,7 @@ function gr({ element: e, hitStrokeWidth: t }) {
 			0,
 			l
 		]
-	}) : e.shape === "trapezoid" ? /* @__PURE__ */ s(_r, {
+	}) : e.shape === "trapezoid" ? /* @__PURE__ */ s(Sr, {
 		...d,
 		points: [
 			a * .18,
@@ -2936,10 +2990,10 @@ function gr({ element: e, hitStrokeWidth: t }) {
 			0,
 			l
 		]
-	}) : e.shape === "arrow-right" || e.shape === "arrow-left" || e.shape === "arrow-up" || e.shape === "arrow-down" ? /* @__PURE__ */ s(_r, {
+	}) : e.shape === "arrow-right" || e.shape === "arrow-left" || e.shape === "arrow-up" || e.shape === "arrow-down" ? /* @__PURE__ */ s(Sr, {
 		...d,
-		points: vr(e.shape, a, l)
-	}) : e.shape === "chevron" ? /* @__PURE__ */ s(_r, {
+		points: Cr(e.shape, a, l)
+	}) : e.shape === "chevron" ? /* @__PURE__ */ s(Sr, {
 		...d,
 		points: [
 			0,
@@ -3018,7 +3072,7 @@ function gr({ element: e, hitStrokeWidth: t }) {
 		cornerRadius: Math.min(22, u / 2),
 		height: l * .76,
 		width: a
-	}), /* @__PURE__ */ s(_r, {
+	}), /* @__PURE__ */ s(Sr, {
 		...d,
 		points: [
 			a * .2,
@@ -3045,7 +3099,7 @@ function gr({ element: e, hitStrokeWidth: t }) {
 		y: l / 2
 	});
 }
-function _r({ points: e, ...t }) {
+function Sr({ points: e, ...t }) {
 	return /* @__PURE__ */ s(V, {
 		...t,
 		closed: !0,
@@ -3053,7 +3107,7 @@ function _r({ points: e, ...t }) {
 		points: e
 	});
 }
-function vr(e, t, n) {
+function Cr(e, t, n) {
 	return {
 		"arrow-right": [
 			0,
@@ -3123,8 +3177,8 @@ function vr(e, t, n) {
 }
 //#endregion
 //#region src/exam-session/interactions/problemSheetCanvas.tsx
-var Q = 1e3, yr = 40;
-function br(e) {
+var Q = 1e3, wr = 40;
+function Tr(e) {
 	switch (e) {
 		case "blue": return "#eef7ff";
 		case "green": return "#f0fbf5";
@@ -3132,10 +3186,10 @@ function br(e) {
 		default: return "#ffffff";
 	}
 }
-function xr({ height: e, paper: t }) {
+function Er({ height: e, paper: t }) {
 	if (t === "blank") return null;
 	let n = [];
-	for (let r = 0; r <= e; r += yr) n.push(/* @__PURE__ */ s(V, {
+	for (let r = 0; r <= e; r += wr) n.push(/* @__PURE__ */ s(V, {
 		points: [
 			0,
 			r,
@@ -3145,7 +3199,7 @@ function xr({ height: e, paper: t }) {
 		stroke: t === "ruled" ? "#9fc0e9" : "#bad5f0",
 		strokeWidth: t === "ruled" ? 1.4 : 1
 	}, `h-${r}`));
-	if (t === "squared") for (let t = 0; t <= Q; t += yr) n.push(/* @__PURE__ */ s(V, {
+	if (t === "squared") for (let t = 0; t <= Q; t += wr) n.push(/* @__PURE__ */ s(V, {
 		points: [
 			t,
 			0,
@@ -3157,8 +3211,8 @@ function xr({ height: e, paper: t }) {
 	}, `v-${t}`));
 	return /* @__PURE__ */ s(o, { children: n });
 }
-function Sr({ element: e }) {
-	return e.type === "image" ? /* @__PURE__ */ s(Cr, { element: e }) : e.type === "drawing" ? /* @__PURE__ */ s(V, {
+function Dr({ element: e }) {
+	return e.type === "image" ? /* @__PURE__ */ s(Or, { element: e }) : e.type === "drawing" ? /* @__PURE__ */ s(V, {
 		lineCap: "round",
 		lineJoin: "round",
 		points: e.points,
@@ -3179,13 +3233,13 @@ function Sr({ element: e }) {
 		rotation: e.rotation ?? 0,
 		x: e.x,
 		y: e.y,
-		children: /* @__PURE__ */ s(gr, { element: e })
+		children: /* @__PURE__ */ s(xr, { element: e })
 	});
 }
-function Cr({ element: e }) {
-	let t = wr(e.source);
+function Or({ element: e }) {
+	let t = kr(e.source);
 	return t ? /* @__PURE__ */ s(re, {
-		crop: Tr(t, e.crop),
+		crop: Ar(t, e.crop),
 		height: e.height,
 		image: t,
 		rotation: e.rotation ?? 0,
@@ -3194,7 +3248,7 @@ function Cr({ element: e }) {
 		y: e.y
 	}) : null;
 }
-function wr(e) {
+function kr(e) {
 	let [n, r] = a(null);
 	return t(() => {
 		let t = !0, n = new Image();
@@ -3207,7 +3261,7 @@ function wr(e) {
 		};
 	}, [e]), n;
 }
-function Tr(e, t) {
+function Ar(e, t) {
 	if (t) return {
 		height: Math.max(1, e.naturalHeight * t.height),
 		width: Math.max(1, e.naturalWidth * t.width),
@@ -3215,7 +3269,7 @@ function Tr(e, t) {
 		y: e.naturalHeight * t.y
 	};
 }
-function Er({ element: e }) {
+function jr({ element: e }) {
 	return e.type === "freehand" ? /* @__PURE__ */ s(V, {
 		lineCap: "round",
 		lineJoin: "round",
@@ -3244,7 +3298,7 @@ function Er({ element: e }) {
 		y: e.center.y
 	});
 }
-function Dr(e) {
+function Mr(e) {
 	return e?.elements?.length ? e.elements : (e?.strokes ?? []).map((e) => ({
 		color: "#111827",
 		id: e.id,
@@ -3255,9 +3309,9 @@ function Dr(e) {
 }
 //#endregion
 //#region src/exam-session/interactions/ProblemSheet.tsx
-var Or = 460;
-function kr({ className: e, config: t, height: r }) {
-	let o = i(null), [l, u] = a(Q), d = Ar(r ?? t?.height);
+var Nr = 460;
+function Pr({ className: e, config: t, height: r }) {
+	let o = i(null), [l, u] = a(Q), d = Fr(r ?? t?.height);
 	if (n(() => {
 		let e = o.current;
 		if (!e) return;
@@ -3266,7 +3320,7 @@ function kr({ className: e, config: t, height: r }) {
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, []), !t?.enabled) return null;
-	let f = Math.min(Q, l), p = f / Q, m = Dr(t.content), h = ["problem-sheet", e].filter(Boolean).join(" "), g = t.title?.trim();
+	let f = Math.min(Q, l), p = f / Q, m = Mr(t.content), h = ["problem-sheet", e].filter(Boolean).join(" "), g = t.title?.trim();
 	return /* @__PURE__ */ c("section", {
 		className: h,
 		dir: "rtl",
@@ -3285,28 +3339,28 @@ function kr({ className: e, config: t, height: r }) {
 					scaleY: p,
 					children: [
 						/* @__PURE__ */ s(H, {
-							fill: br(t.background),
+							fill: Tr(t.background),
 							height: d,
 							width: Q
 						}),
-						/* @__PURE__ */ s(xr, {
+						/* @__PURE__ */ s(Er, {
 							height: d,
 							paper: t.paper ?? "squared"
 						}),
-						t.elements?.map((e) => /* @__PURE__ */ s(Sr, { element: e }, e.id)),
-						m.map((e) => /* @__PURE__ */ s(Er, { element: e }, e.id))
+						t.elements?.map((e) => /* @__PURE__ */ s(Dr, { element: e }, e.id)),
+						m.map((e) => /* @__PURE__ */ s(jr, { element: e }, e.id))
 					]
 				})
 			})
 		})]
 	});
 }
-function Ar(e) {
-	return Number.isFinite(e) ? Math.min(900, Math.max(220, Math.round(e ?? Or))) : Or;
+function Fr(e) {
+	return Number.isFinite(e) ? Math.min(900, Math.max(220, Math.round(e ?? Nr))) : Nr;
 }
 //#endregion
 //#region src/voice/evaluateVoiceAiResult.ts
-var jr = {
+var Ir = {
 	audioConfig: {
 		bitDepth: 16,
 		channels: 1,
@@ -3316,18 +3370,18 @@ var jr = {
 	lang: "fr",
 	useModelAi: !0
 };
-function Mr(e, t, n) {
-	let r = Ir([t, ...n.acceptedPronunciations ?? []]), i = r.map(Nr), a = Nr(e.transcript), o = i.map((e, t) => ({
+function Lr(e, t, n) {
+	let r = Vr([t, ...n.acceptedPronunciations ?? []]), i = r.map(Rr), a = Rr(e.transcript), o = i.map((e, t) => ({
 		index: t,
-		similarity: Fr(a, e)
+		similarity: Br(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 = Lr(n.minimumSimilarity ?? Pr(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 = Hr(n.minimumSimilarity ?? zr(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(Lr(e.confidence, 0, 1) * 100),
+		confidencePercent: Math.round(Hr(e.confidence, 0, 1) * 100),
 		detectedPronunciation: e.transcript,
 		expectedLanguage: n.expectedLanguage,
 		expectedText: t,
@@ -3346,13 +3400,13 @@ function Mr(e, t, n) {
 		timestamps: e.timestamps ?? []
 	};
 }
-function Nr(e) {
+function Rr(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 Pr(e) {
-	return (e ? Nr(e).length : 0) <= 4 ? 1 : .85;
+function zr(e) {
+	return (e ? Rr(e).length : 0) <= 4 ? 1 : .85;
 }
-function Fr(e, t) {
+function Br(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);
@@ -3364,22 +3418,22 @@ function Fr(e, t) {
 		}
 		a.splice(0, a.length, ...t);
 	}
-	return Lr(1 - a[r.length] / i, 0, 1);
+	return Hr(1 - a[r.length] / i, 0, 1);
 }
-function Ir(e) {
+function Vr(e) {
 	let t = /* @__PURE__ */ new Set();
 	return e.filter((e) => {
-		let n = Nr(e);
+		let n = Rr(e);
 		return !n || t.has(n) ? !1 : (t.add(n), !0);
 	});
 }
-function Lr(e, t, n) {
+function Hr(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
 //#endregion
 //#region src/exam-session/interactions/PronunciationRecorder.tsx
-function Rr({ acceptedPronunciations: e, expectedText: n, imageAlt: o, imageSrc: l, instruction: u, language: d, minimumSimilarity: f, onChange: p, onReset: m, recorder: h, value: g }) {
-	let [_, v] = a("idle"), [y, b] = a(null), [x, C] = a(0), w = i(null), T = i(!1), E = r(() => g ? Mr(g.result.modelAiResult, n, {
+function Ur({ acceptedPronunciations: e, expectedText: n, imageAlt: o, imageSrc: l, instruction: u, language: d, minimumSimilarity: f, onChange: p, onReset: m, recorder: h, value: g }) {
+	let [_, v] = a("idle"), [y, b] = a(null), [x, C] = a(0), w = i(null), T = i(!1), E = r(() => g ? Lr(g.result.modelAiResult, n, {
 		acceptedPronunciations: e,
 		expectedLanguage: d,
 		minimumSimilarity: f
@@ -3406,14 +3460,14 @@ function Rr({ acceptedPronunciations: e, expectedText: n, imageAlt: o, imageSrc:
 			try {
 				if (!h) throw Error("مُسجِّل الصَّوت غَير مُتاحٍ فِي هذا التَّطبِيق.");
 				let e = {
-					...jr,
+					...Ir,
 					lang: d,
 					maxDuration: 10
 				};
 				if (!(await h.startRecording(e)).started) throw Error("تعذّر بدء التسجيل الصوتي.");
 				T.current = !0, w.current = Date.now(), C(0), v("recording");
 			} catch (e) {
-				T.current = !1, w.current = null, b(Ur(e)), v("error");
+				T.current = !1, w.current = null, b(Jr(e)), v("error");
 			}
 		}
 	}
@@ -3422,7 +3476,7 @@ function Rr({ acceptedPronunciations: e, expectedText: n, imageAlt: o, imageSrc:
 			v("processing"), b(null);
 			try {
 				if (!h) throw Error("مُسجِّل الصَّوت غَير مُتاحٍ فِي هذا التَّطبِيق.");
-				let t = await h.stopRecording(), r = Mr(t.modelAiResult, n, {
+				let t = await h.stopRecording(), r = Lr(t.modelAiResult, n, {
 					acceptedPronunciations: e,
 					expectedLanguage: d,
 					minimumSimilarity: f
@@ -3433,7 +3487,7 @@ function Rr({ acceptedPronunciations: e, expectedText: n, imageAlt: o, imageSrc:
 					result: t
 				}), v("idle");
 			} catch (e) {
-				T.current = !1, w.current = null, b(Ur(e)), v("error");
+				T.current = !1, w.current = null, b(Jr(e)), v("error");
 			}
 		}
 	}
@@ -3458,7 +3512,7 @@ function Rr({ acceptedPronunciations: e, expectedText: n, imageAlt: o, imageSrc:
 					children: [
 						/* @__PURE__ */ c("span", { children: [
 							"اُنْطِقِ الكَلِمَةَ بِـ",
-							Hr(d),
+							qr(d),
 							":"
 						] }),
 						/* @__PURE__ */ s("strong", {
@@ -3476,7 +3530,7 @@ function Rr({ acceptedPronunciations: e, expectedText: n, imageAlt: o, imageSrc:
 					className: "audio-debug-card__icon",
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ s(S, {})
-				}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("strong", { children: Wr(_, !!g) }), /* @__PURE__ */ s("span", { children: Vr(M) })] })]
+				}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("strong", { children: Yr(_, !!g) }), /* @__PURE__ */ s("span", { children: Kr(M) })] })]
 			}),
 			/* @__PURE__ */ c("div", {
 				className: "audio-debug-actions",
@@ -3516,31 +3570,31 @@ function Rr({ acceptedPronunciations: e, expectedText: n, imageAlt: o, imageSrc:
 				role: "status",
 				children: [/* @__PURE__ */ c("div", {
 					className: "audio-pronunciation-feedback__headline",
-					children: [/* @__PURE__ */ s(zr, { status: E.status }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("strong", { children: Gr(E.status) }), /* @__PURE__ */ s("span", { children: Kr(E.status, n) })] })]
+					children: [/* @__PURE__ */ s(Wr, { status: E.status }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("strong", { children: Xr(E.status) }), /* @__PURE__ */ s("span", { children: Zr(E.status, n) })] })]
 				}), /* @__PURE__ */ c("div", {
 					className: "audio-debug-metadata",
 					children: [
-						/* @__PURE__ */ s(Br, {
+						/* @__PURE__ */ s(Gr, {
 							label: "ما تَعَرَّفَ عَلَيْهِ النَّمُوذَجُ",
 							value: E.detectedPronunciation || "—"
 						}),
-						/* @__PURE__ */ s(Br, {
+						/* @__PURE__ */ s(Gr, {
 							label: "نِسْبَةُ التَّطابُقِ",
 							value: `${E.similarityPercent}%`
 						}),
-						/* @__PURE__ */ s(Br, {
+						/* @__PURE__ */ s(Gr, {
 							label: "ثِقَةُ النَّمُوذَجِ",
 							value: `${E.confidencePercent}%`
 						}),
-						/* @__PURE__ */ s(Br, {
+						/* @__PURE__ */ s(Gr, {
 							label: "اللُّغَةُ",
 							value: E.language.toUpperCase()
 						}),
-						/* @__PURE__ */ s(Br, {
+						/* @__PURE__ */ s(Gr, {
 							label: "زَمَنُ التَّحْلِيلِ",
 							value: `${E.latencyMs} ms`
 						}),
-						/* @__PURE__ */ s(Br, {
+						/* @__PURE__ */ s(Gr, {
 							label: "عَدَدُ الرُّمُوزِ الصَّوْتِيَّةِ",
 							value: E.timestamps.length.toString()
 						})
@@ -3550,10 +3604,10 @@ function Rr({ acceptedPronunciations: e, expectedText: n, imageAlt: o, imageSrc:
 		]
 	});
 }
-function zr({ status: e }) {
+function Wr({ status: e }) {
 	return s(e === "correct" ? p : e === "no-speech" ? I : ne, { "aria-hidden": "true" });
 }
-function Br({ label: e, value: t }) {
+function Gr({ label: e, value: t }) {
 	return /* @__PURE__ */ c("span", {
 		className: "audio-debug-meta-card",
 		children: [/* @__PURE__ */ s("small", { children: e }), /* @__PURE__ */ s("strong", {
@@ -3562,29 +3616,29 @@ function Br({ label: e, value: t }) {
 		})]
 	});
 }
-function Vr(e) {
+function Kr(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 Hr(e) {
+function qr(e) {
 	return e === "fr" ? "الفَرَنْسِيَّةِ" : "العَرَبِيَّةِ";
 }
-function Ur(e) {
+function Jr(e) {
 	let t = e;
 	return t.code === "MISSING_PERMISSION" ? "يَجِبُ السَّماحُ بِاسْتِعْمالِ المِيكْرُوفُونِ لِتَسْجِيلِ الإِجابَةِ." : t.code === "MODEL_VOCAB_MISMATCH" ? "مَلَفُّ نَمُوذَجِ اللُّغَةِ لا يُطابِقُ قامُوسَهُ. يُرْجى تَصْحِيحُ مَلَفِّ النَّمُوذَجِ." : t.message ? t.message : typeof e == "string" ? e : "حَدَثَ خَطَأٌ أَثْناءَ تَسْجِيلِ الإِجابَةِ الصَّوْتِيَّةِ.";
 }
-function Wr(e, t) {
+function Yr(e, t) {
 	return e === "checking" ? "جارِي تَجْهِيزُ المِيكْرُوفُونِ" : e === "recording" ? "جارِي التَّسْجِيلُ... تَكَلَّمِ الآنَ" : e === "processing" ? "جارِي تَحْلِيلُ النُّطْقِ" : e === "error" ? "تَعَذَّرَ تَحْلِيلُ التَّسْجِيلِ" : t ? "اِكْتَمَلَ تَحْلِيلُ الإِجابَةِ" : "المِيكْرُوفُونُ جاهِزٌ";
 }
-function Gr(e) {
+function Xr(e) {
 	return e === "correct" ? "أَحْسَنْتَ! إِجابَةٌ صَحِيحَةٌ" : e === "no-speech" ? "لَمْ نَسْمَعْ كَلِمَةً واضِحَةً" : e === "language-mismatch" ? "اُسْتُعْمِلَ نَمُوذَجُ لُغَةٍ مُخْتَلِفَةٍ" : "حاوِلْ مَرَّةً أُخْرى";
 }
-function Kr(e, t) {
+function Zr(e, t) {
 	return e === "correct" ? `نَطَقْتَ «${t}» بِشَكْلٍ صَحِيحٍ.` : e === "no-speech" ? `قَرِّبْ فَمَكَ مِنَ المِيكْرُوفُونِ وَقُلْ «${t}».` : `اِسْتَمِعْ إِلى نُطْقِ «${t}» ثُمَّ أَعِدِ المُحاوَلَةَ.`;
 }
 //#endregion
 //#region src/exam-session/interactions/SortableAnswer.tsx
-function qr({ answerId: e, items: t, value: n, onChange: r }) {
+function Qr({ 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__ */ s(l, {
 		onDragEnd: (e) => {
@@ -3597,7 +3651,7 @@ function qr({ answerId: e, items: t, value: n, onChange: r }) {
 			className: "sortable-answer",
 			children: a.map((t, n) => {
 				let r = i.get(t);
-				return r ? /* @__PURE__ */ s(Jr, {
+				return r ? /* @__PURE__ */ s($r, {
 					group: e,
 					index: n,
 					item: r
@@ -3606,7 +3660,7 @@ function qr({ answerId: e, items: t, value: n, onChange: r }) {
 		})
 	});
 }
-function Jr({ group: e, index: t, item: n }) {
+function $r({ group: e, index: t, item: n }) {
 	let { ref: r, isDragging: i, isDropTarget: a } = de({
 		id: n.id,
 		index: t,
@@ -3626,7 +3680,7 @@ function Jr({ group: e, index: t, item: n }) {
 }
 //#endregion
 //#region src/exam-session/interactions/TextAnswer.tsx
-function Yr({ ariaLabel: e, className: t, inputMode: n = "text", value: r, onChange: i }) {
+function ei({ ariaLabel: e, className: t, inputMode: n = "text", value: r, onChange: i }) {
 	return /* @__PURE__ */ s("input", {
 		"aria-label": e,
 		className: t,
@@ -3640,7 +3694,7 @@ function Yr({ ariaLabel: e, className: t, inputMode: n = "text", value: r, onCha
 }
 //#endregion
 //#region src/renderer/visualScene.tsx
-var Xr = {
+var ti = {
 	apple: f,
 	circle: m,
 	flower: _,
@@ -3650,7 +3704,7 @@ var Xr = {
 	star: j,
 	sun: M,
 	triangle: P
-}, Zr = {
+}, ni = {
 	blue: "#4d89d9",
 	gray: "#8c97a0",
 	green: "#1f9d63",
@@ -3658,7 +3712,7 @@ var Xr = {
 	purple: "#8a63d2",
 	red: "#eb5b5b",
 	yellow: "#f2c641"
-}, Qr = {
+}, ri = {
 	"counter-rows": { rows: [{
 		color: "yellow",
 		count: 5,
@@ -3685,7 +3739,7 @@ var Xr = {
 		id: "star-row",
 		state: "plain"
 	}] }
-}, $r = [
+}, ii = [
 	{
 		label: "Cercle",
 		value: "circle"
@@ -3722,7 +3776,7 @@ var Xr = {
 		label: "Hexagone",
 		value: "hexagon"
 	}
-], ei = [
+], ai = [
 	{
 		label: "Jaune",
 		value: "yellow"
@@ -3751,20 +3805,20 @@ var Xr = {
 		label: "Gris",
 		value: "gray"
 	}
-], ti = [{
+], oi = [{
 	label: "Normal",
 	value: "plain"
 }, {
 	label: "Barre",
 	value: "crossed"
 }];
-function ni(e) {
-	return { rows: Qr[e].rows.map((e) => ({ ...e })) };
+function si(e) {
+	return { rows: ri[e].rows.map((e) => ({ ...e })) };
 }
-function ri(e) {
-	return Zr[e];
+function ci(e) {
+	return ni[e];
 }
-function ii({ scene: e }) {
+function li({ scene: e }) {
 	return /* @__PURE__ */ s("div", {
 		className: "visual-panel visual-panel--custom",
 		"aria-hidden": "true",
@@ -3772,7 +3826,7 @@ function ii({ scene: e }) {
 			className: "visual-scene",
 			children: e.rows.map((e) => /* @__PURE__ */ s("div", {
 				className: "visual-scene-row",
-				children: Array.from({ length: Math.max(1, Math.floor(e.count) || 1) }, (t, n) => /* @__PURE__ */ s(ai, {
+				children: Array.from({ length: Math.max(1, Math.floor(e.count) || 1) }, (t, n) => /* @__PURE__ */ s(ui, {
 					color: e.color,
 					icon: e.icon,
 					state: e.state
@@ -3781,31 +3835,31 @@ function ii({ scene: e }) {
 		})
 	});
 }
-function ai({ color: e, icon: t, state: n }) {
-	let r = Xr[t];
+function ui({ color: e, icon: t, state: n }) {
+	let r = ti[t];
 	return /* @__PURE__ */ s("span", {
 		className: n === "crossed" ? "visual-scene-icon visual-scene-icon--crossed" : "visual-scene-icon",
-		style: { color: ri(e) },
+		style: { color: ci(e) },
 		children: /* @__PURE__ */ s(r, { "aria-hidden": "true" })
 	});
 }
 //#endregion
 //#region src/renderer/contentDirection.ts
-var oi = /[\u0590-\u08ff\ufb1d-\ufdff\ufe70-\ufeff]/, si = /[A-Za-z\u00c0-\u024f]/;
-function ci(e) {
+var di = /[\u0590-\u08ff\ufb1d-\ufdff\ufe70-\ufeff]/, fi = /[A-Za-z\u00c0-\u024f]/;
+function pi(e) {
 	return e === "rtl" || e === "ltr" || e === "auto" ? e : "auto";
 }
-function li(e) {
-	let t = ci(e.contentDirection);
-	return t === "auto" ? ui(di(e)) ?? "ltr" : t;
+function mi(e) {
+	let t = pi(e.contentDirection);
+	return t === "auto" ? hi(gi(e)) ?? "ltr" : t;
 }
-function ui(e) {
+function hi(e) {
 	for (let t of e) for (let e of t) {
-		if (oi.test(e)) return "rtl";
-		if (si.test(e)) return "ltr";
+		if (di.test(e)) return "rtl";
+		if (fi.test(e)) return "ltr";
 	}
 }
-function di(e) {
+function gi(e) {
 	let t = [e.prompt];
 	switch (e.type) {
 		case "inline-inputs":
@@ -3843,19 +3897,19 @@ function di(e) {
 }
 //#endregion
 //#region src/renderer/QuestionRenderer.tsx
-function fi({ adapters: e, clearAnswer: t, question: n, getAnswer: r, updateAnswer: i }) {
-	let a = li(n);
+function _i({ adapters: e, clearAnswer: t, question: n, getAnswer: r, updateAnswer: i }) {
+	let a = mi(n);
 	return /* @__PURE__ */ c("article", {
 		className: `question-block question-block--${n.type} question-block--${a}`,
 		dir: a,
 		lang: a === "rtl" ? "ar" : "fr",
-		children: [/* @__PURE__ */ s(mi, {
+		children: [/* @__PURE__ */ s(yi, {
 			number: n.number,
 			prompt: n.prompt
-		}), hi(n, r, i, t, e)]
+		}), bi(n, r, i, t, e)]
 	});
 }
-function pi({ adapters: e, clearAnswer: t, section: n, getAnswer: r, readOnly: i = !1, updateAnswer: a }) {
+function vi({ adapters: e, clearAnswer: t, section: n, getAnswer: r, readOnly: i = !1, updateAnswer: a }) {
 	return /* @__PURE__ */ c("section", {
 		"aria-readonly": i,
 		className: `question-section question-section--${n.tone}`,
@@ -3876,7 +3930,7 @@ function pi({ adapters: e, clearAnswer: t, section: n, getAnswer: r, readOnly: i
 		}), /* @__PURE__ */ s("div", {
 			className: "section-body",
 			inert: i,
-			children: n.questions.map((n) => /* @__PURE__ */ s(fi, {
+			children: n.questions.map((n) => /* @__PURE__ */ s(_i, {
 				adapters: e,
 				clearAnswer: t,
 				getAnswer: r,
@@ -3886,17 +3940,17 @@ function pi({ adapters: e, clearAnswer: t, section: n, getAnswer: r, readOnly: i
 		})]
 	});
 }
-function mi({ number: e, prompt: t }) {
+function yi({ number: e, prompt: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: "question-prompt",
 		children: [e > 0 ? /* @__PURE__ */ s("span", { children: e }) : null, /* @__PURE__ */ s("strong", { children: t })]
 	});
 }
-function hi(e, t, n, r, i) {
+function bi(e, t, n, r, i) {
 	switch (e.type) {
 		case "inline-inputs": return /* @__PURE__ */ s("div", {
 			className: "inline-equation-grid",
-			children: e.items.map((a) => gi({
+			children: e.items.map((a) => xi({
 				adapters: i,
 				className: "equation-card",
 				clearAnswer: r,
@@ -3906,11 +3960,11 @@ function hi(e, t, n, r, i) {
 				updateAnswer: n
 			}))
 		});
-		case "visual-choice": return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(qi, {
+		case "visual-choice": return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(ea, {
 			choices: e.choices,
 			onChange: (t) => n(e.id, t),
 			scene: e.scene,
-			value: Si(t(e.id)),
+			value: Di(t(e.id)),
 			visual: e.visual
 		}), e.inputLabel ? /* @__PURE__ */ c("div", {
 			className: "compact-answer",
@@ -3919,27 +3973,27 @@ function hi(e, t, n, r, i) {
 				onChange: (t) => n(`${e.id}:input`, t),
 				onClear: () => r(`${e.id}:input`),
 				recognizer: i?.handwritingRecognizer,
-				value: vi(t(`${e.id}:input`))
+				value: Ci(t(`${e.id}:input`))
 			})]
 		}) : null] });
-		case "number-line": return /* @__PURE__ */ s(qn, {
+		case "number-line": return /* @__PURE__ */ s(Xn, {
 			answerId: e.id,
 			expression: e.expression,
 			onClear: r,
 			onChange: n,
 			recognizer: i?.handwritingRecognizer,
-			value: vi(t(e.id))
+			value: Ci(t(e.id))
 		});
-		case "prime-factorization": return /* @__PURE__ */ s(lr, {
+		case "prime-factorization": return /* @__PURE__ */ s(mr, {
 			onChange: (t) => n(e.id, t),
 			recognizer: i?.handwritingRecognizer,
 			targets: e.targets,
-			value: yi(t(e.id))
+			value: wi(t(e.id))
 		});
 		case "fraction-operations": return /* @__PURE__ */ s("div", {
 			className: "fraction-operations",
 			"data-count": e.items.length,
-			children: e.items.map((r) => /* @__PURE__ */ s(zi, {
+			children: e.items.map((r) => /* @__PURE__ */ s(Wi, {
 				adapters: i,
 				getAnswer: t,
 				item: r,
@@ -3949,18 +4003,18 @@ function hi(e, t, n, r, i) {
 		});
 		case "operation-solving": return /* @__PURE__ */ s("div", {
 			className: "operation-solving-list",
-			children: Xe(e).map((a, o) => {
-				let l = Qe(e, a), u = ki(l);
+			children: $e(e).map((a, o) => {
+				let l = tt(e, a), u = Pi(l);
 				return /* @__PURE__ */ c("section", {
 					className: [
 						"operation-solving",
 						`operation-solving--${l.solutionMode}`,
 						`operation-solving--${u}`
 					].join(" "),
-					children: [Xe(e).length > 1 ? /* @__PURE__ */ s("span", {
+					children: [$e(e).length > 1 ? /* @__PURE__ */ s("span", {
 						className: "operation-solving__index",
 						children: o + 1
-					}) : null, s(u === "equation-card-grid" ? Mi : Ai, {
+					}) : null, s(u === "equation-card-grid" ? Li : Fi, {
 						adapters: i,
 						clearAnswer: r,
 						getAnswer: t,
@@ -3972,7 +4026,7 @@ function hi(e, t, n, r, i) {
 		});
 		case "equation-inputs": return /* @__PURE__ */ s("div", {
 			className: "stacked-equations",
-			children: e.items.map((a) => gi({
+			children: e.items.map((a) => xi({
 				adapters: i,
 				ariaPrefix: e.prompt,
 				className: "wide-equation-card",
@@ -3983,7 +4037,7 @@ function hi(e, t, n, r, i) {
 				updateAnswer: n
 			}))
 		});
-		case "length-estimation": return /* @__PURE__ */ s(Ji, {
+		case "length-estimation": return /* @__PURE__ */ s(ta, {
 			answerId: e.id,
 			choices: e.choices,
 			getAnswer: t,
@@ -3992,7 +4046,7 @@ function hi(e, t, n, r, i) {
 		});
 		case "shape-choice": return /* @__PURE__ */ c("div", {
 			className: "shape-choice-layout",
-			children: [/* @__PURE__ */ s(Bt, {
+			children: [/* @__PURE__ */ s(Ut, {
 				items: e.choices.map((e) => ({
 					id: `${e.id}-label`,
 					label: e.label
@@ -4000,24 +4054,24 @@ function hi(e, t, n, r, i) {
 				onChange: (t) => n(e.id, t),
 				targets: e.choices.map((e) => ({
 					id: `${e.id}-target`,
-					label: Gi(e.id)
+					label: Qi(e.id)
 				})),
-				value: Si(t(e.id))
+				value: Di(t(e.id))
 			}), /* @__PURE__ */ s("div", {
 				className: "shape-row",
 				"aria-hidden": "true",
 				children: e.choices.map((e) => /* @__PURE__ */ s("span", { className: `shape-drawing shape-drawing--${e.id}` }, e.id))
 			})]
 		});
-		case "drawing-grid": return /* @__PURE__ */ s(Un, {
+		case "drawing-grid": return /* @__PURE__ */ s(Kn, {
 			onChange: (t) => n(e.id, t),
 			points: e.points,
-			value: Ti(t(e.id))
+			value: Ai(t(e.id))
 		});
-		case "table-response": return /* @__PURE__ */ s(Pt, {
+		case "table-response": return /* @__PURE__ */ s(Lt, {
 			columns: e.columns,
 			onChange: (t) => n(e.id, t),
-			value: Ei(t(e.id))
+			value: ji(t(e.id))
 		});
 		case "text-input": return e.before && !e.after && e.number === 0 ? /* @__PURE__ */ s("p", {
 			className: "problem-statement",
@@ -4031,7 +4085,7 @@ function hi(e, t, n, r, i) {
 					onChange: (t) => n(e.id, t),
 					onClear: () => r(e.id),
 					recognizer: i?.handwritingRecognizer,
-					value: vi(t(e.id))
+					value: Ci(t(e.id))
 				}),
 				e.after ? /* @__PURE__ */ s("span", { children: e.after }) : null
 			]
@@ -4045,10 +4099,10 @@ function hi(e, t, n, r, i) {
 						className: "problem-statement word-problem__situation",
 						children: e.situation
 					}),
-					/* @__PURE__ */ s(kr, { config: a }),
+					/* @__PURE__ */ s(Pr, { config: a }),
 					/* @__PURE__ */ s("div", {
 						className: "word-problem__parts",
-						children: e.parts.map((a, o) => /* @__PURE__ */ s(Ui, {
+						children: e.parts.map((a, o) => /* @__PURE__ */ s(Xi, {
 							adapters: i,
 							clearAnswer: r,
 							getAnswer: t,
@@ -4061,25 +4115,25 @@ function hi(e, t, n, r, i) {
 				]
 			});
 		}
-		case "drag-match": return /* @__PURE__ */ s(Bt, {
+		case "drag-match": return /* @__PURE__ */ s(Ut, {
 			items: e.items,
 			onChange: (t) => n(e.id, t),
 			targets: e.targets,
-			value: Si(t(e.id))
+			value: Di(t(e.id))
 		});
-		case "sortable-answer": return /* @__PURE__ */ s(qr, {
+		case "sortable-answer": return /* @__PURE__ */ s(Qr, {
 			answerId: e.id,
 			items: e.items,
 			onChange: (t) => n(e.id, t),
-			value: Ci(t(e.id))
+			value: Oi(t(e.id))
 		});
-		case "label-placement": return /* @__PURE__ */ s(Wn, {
+		case "label-placement": return /* @__PURE__ */ s(qn, {
 			labels: e.labels,
 			onChange: (t) => n(e.id, t),
 			targets: e.targets,
-			value: wi(t(e.id))
+			value: ki(t(e.id))
 		});
-		case "audio-recording": return /* @__PURE__ */ s(Rr, {
+		case "audio-recording": return /* @__PURE__ */ s(Ur, {
 			acceptedPronunciations: e.acceptedPronunciations,
 			expectedText: e.expectedAnswer,
 			imageAlt: e.imageAlt,
@@ -4090,11 +4144,11 @@ function hi(e, t, n, r, i) {
 			onChange: (t) => n(e.id, t),
 			onReset: () => r(e.id),
 			recorder: i?.audioRecorder,
-			value: Di(t(e.id))
+			value: Mi(t(e.id))
 		});
 	}
 }
-function gi({ adapters: t, ariaPrefix: n, className: r, clearAnswer: i, getAnswer: a, item: o, questionId: l, updateAnswer: u }) {
+function xi({ adapters: t, ariaPrefix: n, className: r, clearAnswer: i, getAnswer: a, item: o, questionId: l, updateAnswer: u }) {
 	if (o.answers?.length) return /* @__PURE__ */ c("div", {
 		className: r,
 		children: [o.answers.map((r) => {
@@ -4104,7 +4158,7 @@ function gi({ adapters: t, ariaPrefix: n, className: r, clearAnswer: i, getAnswe
 				onChange: (e) => u(d, e),
 				onClear: () => i(d),
 				recognizer: t?.handwritingRecognizer,
-				value: vi(a(d))
+				value: Ci(a(d))
 			})] }, r.id);
 		}), o.after ? /* @__PURE__ */ s("span", { children: o.after }) : null]
 	}, o.id);
@@ -4122,57 +4176,57 @@ function gi({ adapters: t, ariaPrefix: n, className: r, clearAnswer: i, getAnswe
 				onChange: (e) => u(d, e),
 				onClear: () => i(d),
 				recognizer: t?.handwritingRecognizer,
-				value: vi(a(d))
+				value: Ci(a(d))
 			}),
 			o.after ? /* @__PURE__ */ s("span", { children: o.after }) : null
 		]
 	}, o.id);
 }
-function _i(e) {
+function Si(e) {
 	return e?.kind === "text" ? e : void 0;
 }
-function vi(e) {
+function Ci(e) {
 	return e?.kind === "handwritten-number" ? e : void 0;
 }
-function yi(e) {
+function wi(e) {
 	return e?.kind === "prime-factorization" ? e : void 0;
 }
-function bi(e) {
+function Ti(e) {
 	return e?.kind === "fraction" ? e : void 0;
 }
-function xi(e) {
+function Ei(e) {
 	return e?.kind === "choice" ? e : void 0;
 }
-function Si(e) {
+function Di(e) {
 	return e?.kind === "matches" ? e : void 0;
 }
-function Ci(e) {
+function Oi(e) {
 	return e?.kind === "order" ? e : void 0;
 }
-function wi(e) {
+function ki(e) {
 	return e?.kind === "placements" ? e : void 0;
 }
-function Ti(e) {
+function Ai(e) {
 	return e?.kind === "drawing" ? e : void 0;
 }
-function Ei(e) {
+function ji(e) {
 	return e?.kind === "coin-table" ? e : void 0;
 }
-function Di(e) {
+function Mi(e) {
 	return e?.kind === "audio-recording" ? e : void 0;
 }
-function Oi(e) {
+function Ni(e) {
 	return `${G(e.leftOperand)} ${e.operator} ${G(e.rightOperand)} =`;
 }
-function ki(e) {
+function Pi(e) {
 	return e.operator === "÷" || e.layout === "equation-card-grid" || e.solutionMode === "full-process" ? "equation-card-grid" : "vertical-operation";
 }
-function Ai({ adapters: e, clearAnswer: t, getAnswer: n, question: r, updateAnswer: i }) {
-	let a = Pi([
+function Fi({ adapters: e, clearAnswer: t, getAnswer: n, question: r, updateAnswer: i }) {
+	let a = zi([
 		G(r.leftOperand),
 		G(r.rightOperand),
 		G(r.correctAnswer)
-	]), o = a.columns, l = Fi(G(r.leftOperand), a, o), u = Fi(G(r.rightOperand), a, o), d = Ri(r, o);
+	]), o = a.columns, l = Bi(G(r.leftOperand), a, o), u = Bi(G(r.rightOperand), a, o), d = Ui(r, o);
 	return /* @__PURE__ */ c("div", {
 		className: "vertical-operation vertical-operation--with-operands",
 		style: { "--operation-columns": o },
@@ -4201,7 +4255,7 @@ function Ai({ adapters: e, clearAnswer: t, getAnswer: n, question: r, updateAnsw
 				className: "vertical-operation__rule",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ s(ji, {
+			/* @__PURE__ */ s(Ii, {
 				adapters: e,
 				canvasWidth: d,
 				className: "vertical-operation__answer-lane",
@@ -4213,7 +4267,7 @@ function Ai({ adapters: e, clearAnswer: t, getAnswer: n, question: r, updateAnsw
 		]
 	});
 }
-function ji({ adapters: e, canvasWidth: t, className: n = "operation-solving__final-answer", clearAnswer: r, getAnswer: i, question: a, updateAnswer: o }) {
+function Ii({ adapters: e, canvasWidth: t, className: n = "operation-solving__final-answer", clearAnswer: r, getAnswer: i, question: a, updateAnswer: o }) {
 	return /* @__PURE__ */ c("div", {
 		className: n,
 		children: [/* @__PURE__ */ s("span", {
@@ -4225,44 +4279,45 @@ function ji({ adapters: e, canvasWidth: t, className: n = "operation-solving__fi
 			onChange: (e) => o(a.id, e),
 			onClear: () => r(a.id),
 			recognizer: e?.handwritingRecognizer,
-			value: vi(i(a.id))
+			value: Ci(i(a.id))
 		})]
 	});
 }
-function Mi({ adapters: e, clearAnswer: t, getAnswer: n, question: r, updateAnswer: i }) {
-	let a = Oi(r);
+function Li({ adapters: e, clearAnswer: t, getAnswer: n, question: r, updateAnswer: i }) {
+	let a = Ni(r);
 	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
 		className: "operation-solving__response-row",
 		children: [/* @__PURE__ */ s("div", {
 			className: "operation-solving__equation-card",
 			children: /* @__PURE__ */ s("span", {
-				"data-size": Ni(a),
+				"data-size": Ri(a),
 				children: a
 			})
-		}), /* @__PURE__ */ s(ji, {
+		}), /* @__PURE__ */ s(Ii, {
 			adapters: e,
-			canvasWidth: 260,
+			canvasWidth: 180,
 			clearAnswer: t,
 			getAnswer: n,
 			question: r,
 			updateAnswer: i
 		})]
-	}), /* @__PURE__ */ s(nr, {
+	}), /* @__PURE__ */ s(or, {
 		ariaLabel: "مساحة التفكير وإنجاز العملية",
 		gridVariant: "reasoning-workspace",
 		onChange: (e) => i(`${r.id}:work`, e),
 		onClear: () => t(`${r.id}:work`),
 		operation: r.operator,
 		placeholder: "",
-		value: Ti(n(`${r.id}:work`))
+		recognizer: e?.handwritingRecognizer,
+		value: Ai(n(`${r.id}:work`))
 	})] });
 }
-function Ni(e) {
+function Ri(e) {
 	let t = e.replace(/\s/g, "").length;
 	return t <= 8 ? "short" : t <= 12 ? "medium" : "long";
 }
-function Pi(e) {
-	let t = e.map(Li), n = t.some((e) => e.separator.length > 0), r = Math.max(...t.map((e) => e.whole.length), 1), i = n ? Math.max(...t.map((e) => e.fraction.length), 0) : 0;
+function zi(e) {
+	let t = e.map(Hi), n = t.some((e) => e.separator.length > 0), r = Math.max(...t.map((e) => e.whole.length), 1), i = n ? Math.max(...t.map((e) => e.fraction.length), 0) : 0;
 	return {
 		columns: Math.max(n ? r + 1 + i : r, 2),
 		fractionColumns: i,
@@ -4270,8 +4325,8 @@ function Pi(e) {
 		wholeColumns: r
 	};
 }
-function Fi(e, t, n = t.columns) {
-	let r = Li(e), i = Math.max(0, t.wholeColumns - r.whole.length), a = t.hasDecimal ? [
+function Bi(e, t, n = t.columns) {
+	let r = Hi(e), i = Math.max(0, t.wholeColumns - r.whole.length), a = t.hasDecimal ? [
 		...Array.from({ length: i }, () => ""),
 		...Array.from(r.whole),
 		r.separator,
@@ -4280,11 +4335,11 @@ function Fi(e, t, n = t.columns) {
 	] : [...Array.from({ length: i }, () => ""), ...Array.from(r.whole)];
 	return [...Array.from({ length: Math.max(0, n - a.length) }, () => ""), ...a];
 }
-function Ii(e) {
+function Vi(e) {
 	let t = G(e).trim();
 	return t.length > 0 ? Array.from(t) : [""];
 }
-function Li(e) {
+function Hi(e) {
 	let t = G(e).trim(), n = t.indexOf(",");
 	return n < 0 ? {
 		fraction: "",
@@ -4296,11 +4351,11 @@ function Li(e) {
 		whole: t.slice(0, n)
 	};
 }
-function Ri(e, t) {
-	let n = Ii(e.correctAnswer).length;
+function Ui(e, t) {
+	let n = Vi(e.correctAnswer).length;
 	return Math.min(640, Math.max(220, Math.max(t, n, 2) * 102));
 }
-function zi({ adapters: t, getAnswer: n, item: r, questionId: i, updateAnswer: a }) {
+function Wi({ adapters: t, getAnswer: n, item: r, questionId: i, updateAnswer: a }) {
 	let o = `${i}:${r.id}`, l = De(r);
 	return /* @__PURE__ */ c("div", {
 		className: "fraction-operation-card",
@@ -4310,14 +4365,14 @@ function zi({ adapters: t, getAnswer: n, item: r, questionId: i, updateAnswer: a
 			children: r.terms.map((t, n) => /* @__PURE__ */ c(e, { children: [n > 0 ? /* @__PURE__ */ s("span", {
 				className: "fraction-operation-card__operator",
 				children: r.operators[n - 1] ?? "+"
-			}) : null, /* @__PURE__ */ s(Hi, { term: t })] }, t.id))
+			}) : null, /* @__PURE__ */ s(Yi, { term: t })] }, t.id))
 		}), /* @__PURE__ */ c("div", {
 			className: "fraction-operation-card__answers",
 			children: [
 				l.map((r) => /* @__PURE__ */ c(e, { children: [/* @__PURE__ */ s("span", {
 					className: "fraction-operation-card__equals",
 					children: "="
-				}), /* @__PURE__ */ s(Bi, {
+				}), /* @__PURE__ */ s(Gi, {
 					adapters: t,
 					answerPrefix: o,
 					getAnswer: n,
@@ -4328,80 +4383,146 @@ function zi({ adapters: t, getAnswer: n, item: r, questionId: i, updateAnswer: a
 					className: "fraction-operation-card__equals",
 					children: "="
 				}),
-				/* @__PURE__ */ s(Yt, {
+				/* @__PURE__ */ s(Qt, {
 					ariaLabel: "اكتب النتيجة النهائية",
 					onChange: (e) => a(`${o}:result`, e),
 					recognizer: t?.handwritingRecognizer,
-					value: bi(n(`${o}:result`))
+					value: Ti(n(`${o}:result`))
 				})
 			]
 		})]
 	});
 }
-function Bi({ adapters: e, answerPrefix: t, getAnswer: n, step: r, updateAnswer: i }) {
-	let a = `${t}:${r.id}`;
-	if (r.type === "product") return /* @__PURE__ */ c("div", {
+function Gi({ adapters: t, answerPrefix: n, getAnswer: r, step: i, updateAnswer: a }) {
+	let o = `${n}:${i.id}`;
+	if (i.type === "guided") {
+		let n = Ae(i);
+		return /* @__PURE__ */ s("div", {
+			"aria-label": "Write the guided fraction step",
+			className: "fraction-guided-answer",
+			dir: "ltr",
+			children: i.fractions.map((i, l) => /* @__PURE__ */ c(e, { children: [l > 0 ? /* @__PURE__ */ s("span", {
+				"aria-hidden": "true",
+				className: "fraction-operation-card__operator",
+				children: n[l - 1] ?? "+"
+			}) : null, /* @__PURE__ */ s(Ki, {
+				adapters: t,
+				answerPrefix: `${o}:${i.id}`,
+				fraction: i,
+				getAnswer: r,
+				updateAnswer: a
+			})] }, i.id))
+		});
+	}
+	if (i.type === "product") return /* @__PURE__ */ c("div", {
 		"aria-label": "اكتب جداء البسط والمقام",
 		className: "fraction-product-answer",
 		dir: "ltr",
 		children: [
-			/* @__PURE__ */ s(Vi, {
-				adapters: e,
-				answerPrefix: `${a}:numerator`,
-				getAnswer: n,
+			/* @__PURE__ */ s(Ji, {
+				adapters: t,
+				answerPrefix: `${o}:numerator`,
+				getAnswer: r,
 				label: "بسط",
-				updateAnswer: i,
-				values: r.numeratorFactors
+				updateAnswer: a,
+				values: i.numeratorFactors
 			}),
 			/* @__PURE__ */ s("span", {
 				"aria-hidden": "true",
 				className: "fraction-product-answer__bar"
 			}),
-			/* @__PURE__ */ s(Vi, {
-				adapters: e,
-				answerPrefix: `${a}:denominator`,
-				getAnswer: n,
+			/* @__PURE__ */ s(Ji, {
+				adapters: t,
+				answerPrefix: `${o}:denominator`,
+				getAnswer: r,
 				label: "مقام",
-				updateAnswer: i,
-				values: r.denominatorFactors
+				updateAnswer: a,
+				values: i.denominatorFactors
 			})
 		]
 	});
-	if (r.type === "sum") {
-		let t = `${a}:left`, o = `${a}:right`;
+	if (i.type === "sum") {
+		let e = `${o}:left`, n = `${o}:right`;
 		return /* @__PURE__ */ c("div", {
 			"aria-label": "اكتب الكسور المتكافئة",
 			className: "fraction-sum-answer",
 			dir: "ltr",
 			children: [
-				/* @__PURE__ */ s(Yt, {
+				/* @__PURE__ */ s(Qt, {
 					ariaLabel: "الكسر الأول",
-					onChange: (e) => i(t, e),
-					recognizer: e?.handwritingRecognizer,
-					value: bi(n(t))
+					onChange: (t) => a(e, t),
+					recognizer: t?.handwritingRecognizer,
+					value: Ti(r(e))
 				}),
 				/* @__PURE__ */ s("span", {
 					"aria-hidden": "true",
 					className: "fraction-operation-card__operator",
-					children: r.operator
+					children: i.operator
 				}),
-				/* @__PURE__ */ s(Yt, {
+				/* @__PURE__ */ s(Qt, {
 					ariaLabel: "الكسر الثاني",
-					onChange: (e) => i(o, e),
-					recognizer: e?.handwritingRecognizer,
-					value: bi(n(o))
+					onChange: (e) => a(n, e),
+					recognizer: t?.handwritingRecognizer,
+					value: Ti(r(n))
 				})
 			]
 		});
 	}
-	return /* @__PURE__ */ s(Yt, {
+	return /* @__PURE__ */ s(Qt, {
 		ariaLabel: "اكتب النتيجة الوسيطة",
-		onChange: (e) => i(a, e),
-		recognizer: e?.handwritingRecognizer,
-		value: bi(n(a))
+		onChange: (e) => a(o, e),
+		recognizer: t?.handwritingRecognizer,
+		value: Ti(r(o))
+	});
+}
+function Ki({ adapters: e, answerPrefix: t, fraction: n, getAnswer: r, updateAnswer: i }) {
+	return /* @__PURE__ */ c("span", {
+		className: "fraction-guided-answer__fraction",
+		children: [
+			/* @__PURE__ */ s(qi, {
+				adapters: e,
+				answerPrefix: `${t}:numerator`,
+				getAnswer: r,
+				label: "Numerator",
+				lane: n.numerator,
+				updateAnswer: i
+			}),
+			/* @__PURE__ */ s("i", {
+				"aria-hidden": "true",
+				className: "fraction-guided-answer__bar"
+			}),
+			/* @__PURE__ */ s(qi, {
+				adapters: e,
+				answerPrefix: `${t}:denominator`,
+				getAnswer: r,
+				label: "Denominator",
+				lane: n.denominator,
+				updateAnswer: i
+			})
+		]
 	});
 }
-function Vi({ adapters: t, answerPrefix: n, getAnswer: r, label: i, updateAnswer: a, values: o }) {
+function qi({ adapters: t, answerPrefix: n, getAnswer: r, label: i, lane: a, updateAnswer: o }) {
+	let l = je(a);
+	return /* @__PURE__ */ s("span", {
+		className: "fraction-guided-answer__lane",
+		children: a.cells.map((a, u) => {
+			let d = `${n}:${a.id}`;
+			return /* @__PURE__ */ c(e, { children: [u > 0 ? /* @__PURE__ */ s("b", {
+				"aria-hidden": "true",
+				children: l[u - 1] ?? "×"
+			}) : null, /* @__PURE__ */ s(Y, {
+				ariaLabel: `${i} ${u + 1}`,
+				canvasHeight: 48,
+				canvasWidth: 68,
+				onChange: (e) => o(d, e),
+				recognizer: t?.handwritingRecognizer,
+				value: Ci(r(d))
+			})] }, a.id);
+		})
+	});
+}
+function Ji({ adapters: t, answerPrefix: n, getAnswer: r, label: i, updateAnswer: a, values: o }) {
 	return /* @__PURE__ */ s("div", {
 		className: "fraction-product-answer__row",
 		children: o.map((o, l) => {
@@ -4415,12 +4536,12 @@ function Vi({ adapters: t, answerPrefix: n, getAnswer: r, label: i, updateAnswer
 				canvasWidth: 68,
 				onChange: (e) => a(u, e),
 				recognizer: t?.handwritingRecognizer,
-				value: vi(r(u))
+				value: Ci(r(u))
 			})] }, u);
 		})
 	});
 }
-function Hi({ term: e }) {
+function Yi({ term: e }) {
 	return e.kind === "fraction" ? /* @__PURE__ */ c("span", {
 		className: "fraction-display",
 		"aria-label": `${e.numerator ?? ""} sur ${e.denominator ?? ""}`,
@@ -4434,21 +4555,21 @@ function Hi({ term: e }) {
 		children: e.value || "…"
 	});
 }
-function Ui({ adapters: e, clearAnswer: t, getAnswer: n, parentQuestionId: r, part: i, partNumber: a, updateAnswer: o }) {
+function Xi({ adapters: e, clearAnswer: t, getAnswer: n, parentQuestionId: r, part: i, partNumber: a, updateAnswer: o }) {
 	let l = `${r}:${i.id}`;
 	return /* @__PURE__ */ c("section", {
 		className: "word-problem-part",
 		children: [/* @__PURE__ */ c("div", {
 			className: "word-problem-part__prompt",
 			children: [/* @__PURE__ */ s("span", { children: a }), /* @__PURE__ */ s("strong", { children: i.prompt })]
-		}), i.type === "coin-table" ? /* @__PURE__ */ s(Pt, {
+		}), i.type === "coin-table" ? /* @__PURE__ */ s(Lt, {
 			columns: i.columns,
 			onChange: (e) => o(l, e),
 			showCountAnswer: !1,
-			value: Ei(n(l))
+			value: ji(n(l))
 		}) : i.type === "table" ? /* @__PURE__ */ s("div", {
 			className: "word-problem-table",
-			style: Wi(i),
+			style: Zi(i),
 			children: i.cells.map((e) => {
 				let t = `${l}:${e.id}`, r = i.hasHeaderRow && e.row === 0, a = !r && e.mode !== "static";
 				return /* @__PURE__ */ c("div", {
@@ -4461,11 +4582,11 @@ function Ui({ adapters: e, clearAnswer: t, getAnswer: n, parentQuestionId: r, pa
 						gridColumn: e.column + 1,
 						gridRow: e.row + 1
 					},
-					children: [(r || e.mode !== "student") && e.initialText ? /* @__PURE__ */ s("span", { children: e.initialText }) : null, a ? /* @__PURE__ */ s(Yr, {
+					children: [(r || e.mode !== "student") && e.initialText ? /* @__PURE__ */ s("span", { children: e.initialText }) : null, a ? /* @__PURE__ */ s(ei, {
 						ariaLabel: `${i.prompt} ${e.row + 1}-${e.column + 1}`,
 						className: "word-problem-table__answer",
 						onChange: (e) => o(t, e),
-						value: _i(n(t))
+						value: Si(n(t))
 					}) : null]
 				}, e.id);
 			})
@@ -4478,26 +4599,26 @@ function Ui({ adapters: e, clearAnswer: t, getAnswer: n, parentQuestionId: r, pa
 					onChange: (e) => o(l, e),
 					onClear: () => t(l),
 					recognizer: e?.handwritingRecognizer,
-					value: vi(n(l))
+					value: Ci(n(l))
 				}),
 				i.after ? /* @__PURE__ */ s("span", { children: i.after }) : null
 			]
 		})]
 	});
 }
-function Wi(e) {
+function Zi(e) {
 	let t = Array.from({ length: e.columnCount }, (t, n) => Math.max(1, e.columnWidths[n] ?? 1)), n = Array.from({ length: e.rowCount }, (t, n) => Math.max(44, e.rowHeights[n] ?? 64));
 	return {
 		gridTemplateColumns: t.map((e) => `minmax(78px, ${e}fr)`).join(" "),
 		gridTemplateRows: n.map((e) => `${e}px`).join(" ")
 	};
 }
-function Gi(e) {
+function Qi(e) {
 	return e === "triangle" ? "△" : e === "square" ? "□" : e === "rectangle" ? "▭" : e;
 }
-var Ki = "picture";
-function qi({ choices: e, onChange: n, scene: r, value: o, visual: l }) {
-	let u = i(null), d = i(null), f = i(null), p = i({}), m = i(null), h = o?.pairs[Ki], [g, _] = a(null), [v, y] = a(null);
+var $i = "picture";
+function ea({ choices: e, onChange: n, scene: r, value: o, visual: l }) {
+	let u = i(null), d = i(null), f = i(null), p = i({}), m = i(null), h = o?.pairs[$i], [g, _] = a(null), [v, y] = a(null);
 	function b(e, t) {
 		let n = d.current;
 		if (n) {
@@ -4572,7 +4693,7 @@ function qi({ choices: e, onChange: n, scene: r, value: o, visual: l }) {
 		let r = E(e.clientX, e.clientY);
 		r && n({
 			kind: "matches",
-			pairs: { [Ki]: r }
+			pairs: { [$i]: r }
 		}), m.current = null, y(null);
 	}
 	function T(e, t, n) {
@@ -4607,7 +4728,7 @@ function qi({ choices: e, onChange: n, scene: r, value: o, visual: l }) {
 			}),
 			/* @__PURE__ */ c("div", {
 				className: "visual-match-picture",
-				children: [/* @__PURE__ */ s(ii, { scene: r ?? ni(l) }), /* @__PURE__ */ s("button", {
+				children: [/* @__PURE__ */ s(li, { scene: r ?? si(l) }), /* @__PURE__ */ s("button", {
 					"aria-label": "اربط الصورة بالإجابة",
 					className: h ? "visual-match-point visual-match-point--target visual-match-point--target-active" : "visual-match-point visual-match-point--target",
 					onPointerCancel: w,
@@ -4639,8 +4760,8 @@ function qi({ choices: e, onChange: n, scene: r, value: o, visual: l }) {
 		]
 	});
 }
-function Ji({ answerId: e, choices: t, getAnswer: n, items: r, updateAnswer: o }) {
-	let l = Math.max(...r.map((e) => e.squareLength)) + 2, u = nn(t), [d, f] = a(null), [p, m] = a(!1), [h, g] = a({}), _ = i(null);
+function ta({ answerId: e, choices: t, getAnswer: n, items: r, updateAnswer: o }) {
+	let l = Math.max(...r.map((e) => e.squareLength)) + 2, u = on(t), [d, f] = a(null), [p, m] = a(!1), [h, g] = a({}), _ = i(null);
 	function v(e, t, n) {
 		let r = d;
 		r && g((i) => {
@@ -4682,7 +4803,7 @@ function Ji({ answerId: e, choices: t, getAnswer: n, items: r, updateAnswer: o }
 		"data-coloring": p ? "true" : "false",
 		onPointerCancel: () => x(),
 		onPointerUp: () => x(),
-		children: [/* @__PURE__ */ s(Zt, {
+		children: [/* @__PURE__ */ s(en, {
 			ariaLabel: "ألوان الأقلام",
 			className: "length-color-picker",
 			colors: u,
@@ -4691,7 +4812,7 @@ function Ji({ answerId: e, choices: t, getAnswer: n, items: r, updateAnswer: o }
 		}), /* @__PURE__ */ s("div", {
 			className: "length-card-row",
 			children: r.map((t) => {
-				let r = `${e}:squares:${t.id}`, i = `${e}:color:${t.id}`, a = xi(n(i)), d = h[t.id], f = d?.colorId ?? a?.choiceId, p = d?.fill ?? +!!a?.choiceId, m = f ? tn(u, f) : "#9aa3a8", g = `${16 + Math.min(p, 1) * 68}%`;
+				let r = `${e}:squares:${t.id}`, i = `${e}:color:${t.id}`, a = Ei(n(i)), d = h[t.id], f = d?.colorId ?? a?.choiceId, p = d?.fill ?? +!!a?.choiceId, m = f ? an(u, f) : "#9aa3a8", g = `${16 + Math.min(p, 1) * 68}%`;
 				return /* @__PURE__ */ c("div", {
 					className: "length-card",
 					children: [/* @__PURE__ */ s("div", {
@@ -4726,11 +4847,11 @@ function Ji({ answerId: e, choices: t, getAnswer: n, items: r, updateAnswer: o }
 						className: "length-value-row",
 						children: [
 							/* @__PURE__ */ s("span", { children: t.label }),
-							/* @__PURE__ */ s(Yr, {
+							/* @__PURE__ */ s(ei, {
 								ariaLabel: `طول ${t.label} بالمربعات`,
 								inputMode: "numeric",
 								onChange: (e) => o(r, e),
-								value: _i(n(r))
+								value: Si(n(r))
 							}),
 							/* @__PURE__ */ s("span", { children: "مربعات" })
 						]
@@ -4742,7 +4863,7 @@ function Ji({ answerId: e, choices: t, getAnswer: n, items: r, updateAnswer: o }
 }
 //#endregion
 //#region src/renderer/QuestionPreviewPanel.tsx
-function Yi({ adapters: e, answers: t, onAnswersChange: n, question: r }) {
+function na({ adapters: e, answers: t, onAnswersChange: n, question: r }) {
 	let [i, o] = a({}), c = t ?? i;
 	function l(e) {
 		if (t !== void 0) {
@@ -4765,7 +4886,7 @@ function Yi({ adapters: e, answers: t, onAnswersChange: n, question: r }) {
 	}
 	return /* @__PURE__ */ s("div", {
 		className: "exam-renderer-preview",
-		children: /* @__PURE__ */ s(fi, {
+		children: /* @__PURE__ */ s(_i, {
 			adapters: e,
 			clearAnswer: d,
 			getAnswer: (e) => c[e],
@@ -4776,7 +4897,7 @@ function Yi({ adapters: e, answers: t, onAnswersChange: n, question: r }) {
 }
 //#endregion
 //#region src/renderer/PrintableExamDocument.tsx
-var Xi = {
+var ra = {
 	ariaLabel: "معلومات المؤسسة",
 	logoAlt: "شعار المملكة المغربية",
 	logoSrc: "/logo/morocco-logo.png",
@@ -4787,39 +4908,39 @@ var Xi = {
 		"المديرية الإقليمية"
 	]
 };
-function Zi({ exam: e, locale: t = "fr", variant: n }) {
-	let r = Fa(t), i = ia(e);
+function ia({ exam: e, locale: t = "fr", variant: n }) {
+	let r = Ua(t), i = da(e);
 	return /* @__PURE__ */ c("article", {
 		className: `printable-exam printable-exam--${n}`,
-		dir: Pa(t) ? "rtl" : "ltr",
+		dir: Ha(t) ? "rtl" : "ltr",
 		children: [/* @__PURE__ */ c("div", {
 			className: "printable-exam__top",
 			children: [/* @__PURE__ */ c("header", {
 				className: "printable-exam__header",
 				children: [/* @__PURE__ */ c("div", {
 					className: "printable-exam__title-row",
-					children: [/* @__PURE__ */ s(ra, { totalPoints: i }), /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("h1", { children: e.title }) })]
+					children: [/* @__PURE__ */ s(ua, { totalPoints: i }), /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("h1", { children: e.title }) })]
 				}), /* @__PURE__ */ c("div", {
 					className: "printable-exam__meta",
 					children: [
-						/* @__PURE__ */ s(na, {
+						/* @__PURE__ */ s(la, {
 							label: r.duration,
 							value: e.timer
 						}),
-						/* @__PURE__ */ s(na, {
+						/* @__PURE__ */ s(la, {
 							label: r.level,
 							value: e.level
 						}),
-						/* @__PURE__ */ s(na, {
-							label: Pa(t) ? "المادة" : r.subject ?? "Matiere",
+						/* @__PURE__ */ s(la, {
+							label: Ha(t) ? "المادة" : r.subject ?? "Matiere",
 							value: e.subject
 						})
 					]
 				})]
-			}), /* @__PURE__ */ s(Qi, {})]
+			}), /* @__PURE__ */ s(aa, {})]
 		}), /* @__PURE__ */ s("div", {
 			className: "printable-exam__sections",
-			children: e.sections.map((e) => /* @__PURE__ */ s($i, {
+			children: e.sections.map((e) => /* @__PURE__ */ s(oa, {
 				locale: t,
 				section: e,
 				variant: n
@@ -4827,24 +4948,24 @@ function Zi({ exam: e, locale: t = "fr", variant: n }) {
 		})]
 	});
 }
-function Qi() {
+function aa() {
 	return /* @__PURE__ */ c("section", {
-		"aria-label": Xi.ariaLabel,
+		"aria-label": ra.ariaLabel,
 		className: "printable-institution-header",
 		dir: "rtl",
 		children: [
 			/* @__PURE__ */ s("img", {
-				alt: Xi.logoAlt,
+				alt: ra.logoAlt,
 				className: "printable-institution-header__logo",
-				src: Xi.logoSrc
+				src: ra.logoSrc
 			}),
-			/* @__PURE__ */ s("h1", { children: Xi.title }),
-			Xi.lines.map((e) => /* @__PURE__ */ s("p", { children: e }, e))
+			/* @__PURE__ */ s("h1", { children: ra.title }),
+			ra.lines.map((e) => /* @__PURE__ */ s("p", { children: e }, e))
 		]
 	});
 }
-function $i({ locale: e = "fr", section: t, variant: n }) {
-	let r = Fa(e);
+function oa({ locale: e = "fr", section: t, variant: n }) {
+	let r = Ua(e);
 	return /* @__PURE__ */ c("section", {
 		className: `printable-section printable-section--${t.tone}`,
 		"data-variant": n,
@@ -4866,7 +4987,7 @@ function $i({ locale: e = "fr", section: t, variant: n }) {
 			]
 		}), /* @__PURE__ */ s("div", {
 			className: "printable-section__body",
-			children: t.questions.map((t) => /* @__PURE__ */ s(ea, {
+			children: t.questions.map((t) => /* @__PURE__ */ s(sa, {
 				locale: e,
 				question: t,
 				variant: n
@@ -4874,8 +4995,8 @@ function $i({ locale: e = "fr", section: t, variant: n }) {
 		})]
 	});
 }
-function ea({ locale: e = "fr", question: t, variant: n }) {
-	let r = Fa(e), i = li(t), a = W(t), o = a > 0 ? pe(a) : "";
+function sa({ locale: e = "fr", question: t, variant: n }) {
+	let r = Ua(e), i = mi(t), a = W(t), o = a > 0 ? pe(a) : "";
 	return /* @__PURE__ */ c("article", {
 		className: `printable-question printable-question--${t.type} printable-question--${i}`,
 		dir: i,
@@ -4900,25 +5021,25 @@ function ea({ locale: e = "fr", question: t, variant: n }) {
 					}) : null
 				]
 			})
-		}), ta(t, n, r, e)]
+		}), ca(t, n, r, e)]
 	});
 }
-function ta(t, n, r, i) {
+function ca(t, n, r, i) {
 	switch (t.type) {
 		case "inline-inputs":
 		case "equation-inputs": return /* @__PURE__ */ s("div", {
 			className: "printable-equation-grid",
 			children: t.items.map((e) => /* @__PURE__ */ s("div", {
 				className: "printable-equation-card",
-				children: /* @__PURE__ */ s(Ma, { item: e })
+				children: /* @__PURE__ */ s(Ba, { item: e })
 			}, e.id))
 		});
 		case "number-line": return /* @__PURE__ */ c("div", {
 			className: "printable-number-line-layout",
 			children: [/* @__PURE__ */ c("div", {
 				className: "printable-number-line-expression",
-				children: [/* @__PURE__ */ s("span", { children: t.expression }), /* @__PURE__ */ s(Na, {})]
-			}), /* @__PURE__ */ s(Da, {})]
+				children: [/* @__PURE__ */ s("span", { children: t.expression }), /* @__PURE__ */ s(Va, {})]
+			}), /* @__PURE__ */ s(Fa, {})]
 		});
 		case "prime-factorization": return /* @__PURE__ */ s("div", {
 			className: "printable-prime-factorization",
@@ -4927,7 +5048,7 @@ function ta(t, n, r, i) {
 				className: "printable-prime-factorization__target",
 				children: [/* @__PURE__ */ c("strong", { children: [t.value || "…", " ="] }), /* @__PURE__ */ s("div", {
 					className: "printable-prime-factorization__factors",
-					children: Array.from({ length: Ke(t.value) }, (n, r) => /* @__PURE__ */ c(e, { children: [r > 0 ? /* @__PURE__ */ s("span", {
+					children: Array.from({ length: Ye(t.value) }, (n, r) => /* @__PURE__ */ c(e, { children: [r > 0 ? /* @__PURE__ */ s("span", {
 						"aria-hidden": "true",
 						children: "×"
 					}) : null, /* @__PURE__ */ s($, {})] }, `${t.id}-${r}`))
@@ -4937,23 +5058,23 @@ function ta(t, n, r, i) {
 		case "fraction-operations": return /* @__PURE__ */ s("div", {
 			className: "printable-fraction-operations",
 			dir: "ltr",
-			children: t.items.map((e) => /* @__PURE__ */ s(la, { item: e }, e.id))
+			children: t.items.map((e) => /* @__PURE__ */ s(ga, { item: e }, e.id))
 		});
 		case "operation-solving": {
 			if (t.items?.length) return /* @__PURE__ */ s("div", {
 				className: "printable-operation-solving-list",
-				children: Xe(t).map((e, a) => {
+				children: $e(t).map((e, a) => {
 					let o = {
-						...Qe(t, e),
+						...tt(t, e),
 						items: void 0
 					};
 					return /* @__PURE__ */ c("div", {
 						className: "printable-operation-solving-list__item",
-						children: [/* @__PURE__ */ c("span", { children: [a + 1, "."] }), ta(o, n, r, i)]
+						children: [/* @__PURE__ */ c("span", { children: [a + 1, "."] }), ca(o, n, r, i)]
 					}, e.id);
 				})
 			});
-			let e = sa(t);
+			let e = ma(t);
 			return /* @__PURE__ */ c("div", {
 				className: [
 					"printable-operation-solving",
@@ -4962,8 +5083,8 @@ function ta(t, n, r, i) {
 				].join(" "),
 				children: [e === "equation-card-grid" ? /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
 					className: "printable-operation-solving__equation",
-					children: /* @__PURE__ */ s(oa, { question: t })
-				}) }) : null, t.operator === "÷" ? /* @__PURE__ */ s(ma, {}) : /* @__PURE__ */ s(ca, {
+					children: /* @__PURE__ */ s(pa, { question: t })
+				}) }) : null, t.operator === "÷" ? /* @__PURE__ */ s(Sa, {}) : /* @__PURE__ */ s(ha, {
 					question: t,
 					showOperands: e === "vertical-operation"
 				})]
@@ -4971,9 +5092,9 @@ function ta(t, n, r, i) {
 		}
 		case "visual-choice": return /* @__PURE__ */ c("div", {
 			className: "printable-visual-match",
-			children: [/* @__PURE__ */ s(ba, {
+			children: [/* @__PURE__ */ s(Oa, {
 				choices: t.choices,
-				scene: t.scene ?? ni(t.visual)
+				scene: t.scene ?? si(t.visual)
 			}), t.inputLabel ? /* @__PURE__ */ c("div", {
 				className: "printable-inline-answer",
 				children: [/* @__PURE__ */ s("span", { children: t.inputLabel }), /* @__PURE__ */ s($, {})]
@@ -4983,9 +5104,9 @@ function ta(t, n, r, i) {
 			className: "printable-length-task",
 			children: /* @__PURE__ */ s("div", {
 				className: "printable-length-list",
-				children: t.items.map((e) => /* @__PURE__ */ s(Oa, {
+				children: t.items.map((e) => /* @__PURE__ */ s(Ia, {
 					item: e,
-					squareUnit: Pa(i) ? "مربعات" : "carres",
+					squareUnit: Ha(i) ? "مربعات" : "carres",
 					variant: n
 				}, e.id))
 			})
@@ -4997,7 +5118,7 @@ function ta(t, n, r, i) {
 					className: "printable-shape-bank",
 					children: t.choices.map((e) => /* @__PURE__ */ s("div", {
 						className: "printable-shape-card",
-						children: /* @__PURE__ */ s(zt, { shapeId: e.id })
+						children: /* @__PURE__ */ s(Ht, { shapeId: e.id })
 					}, e.id))
 				}),
 				/* @__PURE__ */ s("div", {
@@ -5007,12 +5128,12 @@ function ta(t, n, r, i) {
 						children: [/* @__PURE__ */ c("span", { children: [t + 1, "."] }), /* @__PURE__ */ s("strong", { children: e.label })]
 					}, e.id))
 				}),
-				/* @__PURE__ */ s(aa, { label: r.dragArea })
+				/* @__PURE__ */ s(fa, { label: r.dragArea })
 			]
 		});
 		case "drawing-grid": return /* @__PURE__ */ s("div", {
 			className: "printable-drawing-block",
-			children: /* @__PURE__ */ s(Ea, { points: t.points })
+			children: /* @__PURE__ */ s(Pa, { points: t.points })
 		});
 		case "table-response": return /* @__PURE__ */ s("div", {
 			className: "printable-table-response",
@@ -5048,10 +5169,10 @@ function ta(t, n, r, i) {
 						className: "printable-statement printable-word-problem__situation",
 						children: t.situation
 					}),
-					e?.enabled ? /* @__PURE__ */ s(Aa, { config: e }) : null,
+					e?.enabled ? /* @__PURE__ */ s(Ra, { config: e }) : null,
 					/* @__PURE__ */ s("div", {
 						className: "printable-word-problem__parts",
-						children: t.parts.map((e, t) => /* @__PURE__ */ s(ka, {
+						children: t.parts.map((e, t) => /* @__PURE__ */ s(La, {
 							part: e,
 							partNumber: t + 1
 						}, e.id))
@@ -5059,7 +5180,7 @@ function ta(t, n, r, i) {
 				]
 			});
 		}
-		case "drag-match": return /* @__PURE__ */ s(Sa, {
+		case "drag-match": return /* @__PURE__ */ s(Aa, {
 			items: t.items,
 			targets: t.targets
 		});
@@ -5082,7 +5203,7 @@ function ta(t, n, r, i) {
 		case "label-placement": return /* @__PURE__ */ c("div", {
 			className: "printable-label-placement",
 			children: [
-				/* @__PURE__ */ s(Ta, { targets: t.targets }),
+				/* @__PURE__ */ s(Na, { targets: t.targets }),
 				/* @__PURE__ */ s("div", {
 					className: "printable-placement-labels",
 					children: t.labels.map((e) => /* @__PURE__ */ s("span", {
@@ -5090,7 +5211,7 @@ function ta(t, n, r, i) {
 						children: /* @__PURE__ */ s("strong", { children: e.label })
 					}, e.id))
 				}),
-				/* @__PURE__ */ s(aa, { label: r.placeLabels })
+				/* @__PURE__ */ s(fa, { label: r.placeLabels })
 			]
 		});
 		case "audio-recording": return /* @__PURE__ */ c("div", {
@@ -5115,49 +5236,49 @@ function ta(t, n, r, i) {
 		});
 	}
 }
-function na({ label: e, value: t }) {
+function la({ label: e, value: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: "printable-meta-pill",
 		children: [/* @__PURE__ */ s("span", { children: e }), /* @__PURE__ */ s("strong", { children: t })]
 	});
 }
-function ra({ totalPoints: e }) {
+function ua({ totalPoints: e }) {
 	return /* @__PURE__ */ s("div", {
 		className: "printable-note-box",
 		children: /* @__PURE__ */ c("strong", { children: [/* @__PURE__ */ s("i", { "aria-hidden": "true" }), /* @__PURE__ */ c("b", { children: ["/ ", e] })] })
 	});
 }
-function ia(e) {
+function da(e) {
 	let t = e.sections.filter((e) => e.isScored !== !1).map((e) => he(e)).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 aa({ label: e }) {
+function fa({ label: e }) {
 	return /* @__PURE__ */ c("div", {
 		className: "printable-hint-line",
 		children: [/* @__PURE__ */ s("span", { children: e }), /* @__PURE__ */ s($, {})]
 	});
 }
-function oa({ question: e }) {
+function pa({ question: e }) {
 	return /* @__PURE__ */ c(o, { children: [
 		/* @__PURE__ */ s("span", { children: G(e.leftOperand) }),
-		/* @__PURE__ */ s(ha, {
+		/* @__PURE__ */ s(Ca, {
 			className: "printable-operation-solving__symbol",
 			operator: e.operator
 		}),
 		/* @__PURE__ */ c("span", { children: [G(e.rightOperand), " ="] })
 	] });
 }
-function sa(e) {
+function ma(e) {
 	return e.operator === "÷" || e.layout === "equation-card-grid" || e.solutionMode === "full-process" ? "equation-card-grid" : "vertical-operation";
 }
-function ca({ question: e, showOperands: t }) {
-	let n = _a([
+function ha({ question: e, showOperands: t }) {
+	let n = Ta([
 		G(e.leftOperand),
 		G(e.rightOperand),
 		G(e.correctAnswer)
-	]), r = n.columns, i = Math.max(r, 5), a = Math.max(r, ga(G(e.correctAnswer)).length, 2), o = va(G(e.leftOperand), n, i), l = va(G(e.rightOperand), n, i);
+	]), r = n.columns, i = Math.max(r, 5), a = Math.max(r, wa(G(e.correctAnswer)).length, 2), o = Ea(G(e.leftOperand), n, i), l = Ea(G(e.rightOperand), n, i);
 	return /* @__PURE__ */ c("div", {
 		className: ["printable-vertical-operation", t ? "printable-vertical-operation--with-operands" : "printable-vertical-operation--blank-operands"].filter(Boolean).join(" "),
 		style: {
@@ -5177,7 +5298,7 @@ function ca({ question: e, showOperands: t }) {
 			}),
 			/* @__PURE__ */ c("div", {
 				className: "printable-vertical-operation__row",
-				children: [/* @__PURE__ */ s(ha, {
+				children: [/* @__PURE__ */ s(Ca, {
 					className: "printable-vertical-operation__operator",
 					operator: e.operator
 				}), l.map((e, n) => /* @__PURE__ */ s("span", {
@@ -5196,49 +5317,71 @@ function ca({ question: e, showOperands: t }) {
 		]
 	});
 }
-function la({ item: t }) {
+function ga({ item: t }) {
 	let n = De(t);
 	return /* @__PURE__ */ c("div", {
 		className: "printable-fraction-operation",
 		children: [/* @__PURE__ */ s("div", {
 			className: "printable-fraction-operation__expression",
-			children: t.terms.map((n, r) => /* @__PURE__ */ c(e, { children: [r > 0 ? /* @__PURE__ */ s("span", { children: t.operators[r - 1] ?? "+" }) : null, /* @__PURE__ */ s(fa, { term: n })] }, n.id))
+			children: t.terms.map((n, r) => /* @__PURE__ */ c(e, { children: [r > 0 ? /* @__PURE__ */ s("span", { children: t.operators[r - 1] ?? "+" }) : null, /* @__PURE__ */ s(ba, { term: n })] }, n.id))
 		}), /* @__PURE__ */ c("div", {
 			className: "printable-fraction-operation__answers",
 			children: [
-				n.map((t) => /* @__PURE__ */ c(e, { children: [/* @__PURE__ */ s("span", { children: "=" }), /* @__PURE__ */ s(ua, { step: t })] }, t.id)),
+				n.map((t) => /* @__PURE__ */ c(e, { children: [/* @__PURE__ */ s("span", { children: "=" }), /* @__PURE__ */ s(_a, { step: t })] }, t.id)),
 				/* @__PURE__ */ s("span", { children: "=" }),
-				/* @__PURE__ */ s(pa, {})
+				/* @__PURE__ */ s(xa, {})
 			]
 		})]
 	});
 }
-function ua({ step: e }) {
-	return e.type === "product" ? /* @__PURE__ */ c("span", {
+function _a({ step: t }) {
+	if (t.type === "guided") {
+		let n = Ae(t);
+		return /* @__PURE__ */ s("span", {
+			className: "printable-fraction-guided-step",
+			"aria-hidden": "true",
+			children: t.fractions.map((t, r) => /* @__PURE__ */ c(e, { children: [r > 0 ? /* @__PURE__ */ s("strong", { children: n[r - 1] ?? "+" }) : null, /* @__PURE__ */ c("span", {
+				className: "printable-fraction-guided-step__fraction",
+				children: [
+					/* @__PURE__ */ s(va, { lane: t.numerator }),
+					/* @__PURE__ */ s("i", {}),
+					/* @__PURE__ */ s(va, { lane: t.denominator })
+				]
+			})] }, t.id))
+		});
+	}
+	return t.type === "product" ? /* @__PURE__ */ c("span", {
 		className: "printable-fraction-product",
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ s(da, { count: e.numeratorFactors.length }),
+			/* @__PURE__ */ s(ya, { count: t.numeratorFactors.length }),
 			/* @__PURE__ */ s("i", {}),
-			/* @__PURE__ */ s(da, { count: e.denominatorFactors.length })
+			/* @__PURE__ */ s(ya, { count: t.denominatorFactors.length })
 		]
-	}) : e.type === "sum" ? /* @__PURE__ */ c("span", {
+	}) : t.type === "sum" ? /* @__PURE__ */ c("span", {
 		className: "printable-fraction-sum",
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ s(pa, {}),
-			/* @__PURE__ */ s("strong", { children: e.operator }),
-			/* @__PURE__ */ s(pa, {})
+			/* @__PURE__ */ s(xa, {}),
+			/* @__PURE__ */ s("strong", { children: t.operator }),
+			/* @__PURE__ */ s(xa, {})
 		]
-	}) : /* @__PURE__ */ s(pa, {});
+	}) : /* @__PURE__ */ s(xa, {});
 }
-function da({ count: t }) {
+function va({ lane: t }) {
+	let n = je(t);
+	return /* @__PURE__ */ s("span", {
+		className: "printable-fraction-guided-step__lane",
+		children: t.cells.map((t, r) => /* @__PURE__ */ c(e, { children: [r > 0 ? /* @__PURE__ */ s("b", { children: n[r - 1] ?? "×" }) : null, /* @__PURE__ */ s($, {})] }, t.id))
+	});
+}
+function ya({ count: t }) {
 	return /* @__PURE__ */ s("span", {
 		className: "printable-fraction-product__row",
 		children: Array.from({ length: Math.max(t, 1) }, (t, n) => /* @__PURE__ */ c(e, { children: [n > 0 ? /* @__PURE__ */ s("b", { children: "×" }) : null, /* @__PURE__ */ s($, {})] }, n))
 	});
 }
-function fa({ term: e }) {
+function ba({ term: e }) {
 	return e.kind === "fraction" ? /* @__PURE__ */ c("span", {
 		className: "printable-fraction-value",
 		children: [
@@ -5248,7 +5391,7 @@ function fa({ term: e }) {
 		]
 	}) : /* @__PURE__ */ s("span", { children: e.value || "…" });
 }
-function pa() {
+function xa() {
 	return /* @__PURE__ */ c("span", {
 		className: "printable-fraction-blank",
 		"aria-hidden": "true",
@@ -5259,10 +5402,10 @@ function pa() {
 		]
 	});
 }
-function ma() {
+function Sa() {
 	return /* @__PURE__ */ s("div", { className: "printable-division-operation" });
 }
-function ha({ className: e, operator: t }) {
+function Ca({ className: e, operator: t }) {
 	let n = t.trim();
 	return /* @__PURE__ */ c("span", {
 		"aria-hidden": "true",
@@ -5274,12 +5417,12 @@ function ha({ className: e, operator: t }) {
 		]
 	});
 }
-function ga(e) {
+function wa(e) {
 	let t = G(e).trim();
 	return t.length > 0 ? Array.from(t) : [""];
 }
-function _a(e) {
-	let t = e.map(ya), n = t.some((e) => e.separator.length > 0), r = Math.max(...t.map((e) => e.whole.length), 1), i = n ? Math.max(...t.map((e) => e.fraction.length), 0) : 0;
+function Ta(e) {
+	let t = e.map(Da), n = t.some((e) => e.separator.length > 0), r = Math.max(...t.map((e) => e.whole.length), 1), i = n ? Math.max(...t.map((e) => e.fraction.length), 0) : 0;
 	return {
 		columns: Math.max(n ? r + 1 + i : r, 2),
 		fractionColumns: i,
@@ -5287,8 +5430,8 @@ function _a(e) {
 		wholeColumns: r
 	};
 }
-function va(e, t, n = t.columns) {
-	let r = ya(e), i = Math.max(0, t.wholeColumns - r.whole.length), a = t.hasDecimal ? [
+function Ea(e, t, n = t.columns) {
+	let r = Da(e), i = Math.max(0, t.wholeColumns - r.whole.length), a = t.hasDecimal ? [
 		...Array.from({ length: i }, () => ""),
 		...Array.from(r.whole),
 		r.separator,
@@ -5297,7 +5440,7 @@ function va(e, t, n = t.columns) {
 	] : [...Array.from({ length: i }, () => ""), ...Array.from(r.whole)];
 	return [...Array.from({ length: Math.max(0, n - a.length) }, () => ""), ...a];
 }
-function ya(e) {
+function Da(e) {
 	let t = G(e).trim(), n = t.indexOf(",");
 	return n < 0 ? {
 		fraction: "",
@@ -5309,25 +5452,25 @@ function ya(e) {
 		whole: t.slice(0, n)
 	};
 }
-function ba({ choices: e, scene: t }) {
+function Oa({ choices: e, scene: t }) {
 	return /* @__PURE__ */ s("div", {
 		className: "printable-visual-match__preview",
 		children: /* @__PURE__ */ c("div", {
 			className: "visual-line-match printable-visual-line-match",
 			children: [/* @__PURE__ */ c("div", {
 				className: "visual-match-picture printable-visual-match-picture",
-				children: [/* @__PURE__ */ s(ii, { scene: t }), /* @__PURE__ */ s("span", {
+				children: [/* @__PURE__ */ s(li, { scene: t }), /* @__PURE__ */ s("span", {
 					"aria-hidden": "true",
 					className: "visual-match-point visual-match-point--target printable-match-point printable-match-point--target"
 				})]
 			}), /* @__PURE__ */ s("div", {
 				className: "visual-line-match__answers printable-visual-line-match__answers",
-				children: e.map((e) => /* @__PURE__ */ s(xa, { choice: e }, e.id))
+				children: e.map((e) => /* @__PURE__ */ s(ka, { choice: e }, e.id))
 			})]
 		})
 	});
 }
-function xa({ choice: e }) {
+function ka({ choice: e }) {
 	return /* @__PURE__ */ c("div", {
 		className: "visual-match-answer printable-visual-match-answer",
 		children: [/* @__PURE__ */ s("span", {
@@ -5339,25 +5482,25 @@ function xa({ choice: e }) {
 		})]
 	});
 }
-function Sa({ items: e, targets: t }) {
+function Aa({ items: e, targets: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: "printable-drag-match-board",
 		children: [/* @__PURE__ */ s("div", {
 			className: "printable-drag-match-row printable-drag-match-row--answers",
-			children: e.map((e, t) => /* @__PURE__ */ s(wa, {
+			children: e.map((e, t) => /* @__PURE__ */ s(Ma, {
 				index: t,
 				item: e
 			}, e.id))
 		}), /* @__PURE__ */ s("div", {
 			className: "printable-drag-match-row printable-drag-match-row--targets",
-			children: t.map((e, t) => /* @__PURE__ */ s(Ca, {
+			children: t.map((e, t) => /* @__PURE__ */ s(ja, {
 				index: t,
 				target: e
 			}, e.id))
 		})]
 	});
 }
-function Ca({ index: e, target: t }) {
+function ja({ index: e, target: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: "printable-drag-match-card printable-drag-match-card--target",
 		children: [/* @__PURE__ */ s("span", {
@@ -5365,11 +5508,11 @@ function Ca({ index: e, target: t }) {
 			children: String.fromCharCode(65 + e)
 		}), /* @__PURE__ */ s("div", {
 			className: "printable-drag-match-content",
-			children: t.shapeId ? /* @__PURE__ */ s(zt, { shapeId: t.shapeId }) : /* @__PURE__ */ s("strong", { children: t.label })
+			children: t.shapeId ? /* @__PURE__ */ s(Ht, { shapeId: t.shapeId }) : /* @__PURE__ */ s("strong", { children: t.label })
 		})]
 	});
 }
-function wa({ index: e, item: t }) {
+function Ma({ index: e, item: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: "printable-drag-match-card printable-drag-match-card--answer",
 		children: [/* @__PURE__ */ s("div", {
@@ -5381,7 +5524,7 @@ function wa({ index: e, item: t }) {
 		})]
 	});
 }
-function Ta({ targets: e }) {
+function Na({ targets: e }) {
 	return /* @__PURE__ */ s("div", {
 		className: "printable-placement-board",
 		children: e.map((e, t) => /* @__PURE__ */ s("div", {
@@ -5394,7 +5537,7 @@ function Ta({ targets: e }) {
 		}, e.id))
 	});
 }
-function Ea({ points: e }) {
+function Pa({ points: e }) {
 	return /* @__PURE__ */ c("svg", {
 		className: "printable-drawing-grid",
 		viewBox: "0 0 1000 420",
@@ -5425,7 +5568,7 @@ function Ea({ points: e }) {
 		]
 	});
 }
-function Da() {
+function Fa() {
 	return /* @__PURE__ */ c("svg", {
 		className: "printable-number-line",
 		viewBox: "0 0 420 90",
@@ -5449,7 +5592,7 @@ function Da() {
 		}, t))]
 	});
 }
-function Oa({ item: e, squareUnit: t, variant: n }) {
+function Ia({ item: e, squareUnit: t, variant: n }) {
 	return /* @__PURE__ */ c("div", {
 		className: "length-card printable-length-card",
 		children: [/* @__PURE__ */ s("div", {
@@ -5478,13 +5621,13 @@ function Oa({ item: e, squareUnit: t, variant: n }) {
 			className: "length-value-row printable-length-value-row",
 			children: [
 				/* @__PURE__ */ s("span", { children: e.label }),
-				/* @__PURE__ */ s(Na, {}),
+				/* @__PURE__ */ s(Va, {}),
 				/* @__PURE__ */ s("span", { children: t })
 			]
 		})]
 	});
 }
-function ka({ part: e, partNumber: t }) {
+function La({ part: e, partNumber: t }) {
 	return /* @__PURE__ */ c("section", {
 		className: "printable-word-problem__part",
 		children: [/* @__PURE__ */ c("div", {
@@ -5498,7 +5641,7 @@ function ka({ part: e, partNumber: t }) {
 			}, e.id))
 		}) : e.type === "table" ? /* @__PURE__ */ s("div", {
 			className: "printable-word-problem-table",
-			style: ja(e),
+			style: za(e),
 			children: e.cells.map((t) => {
 				let n = e.hasHeaderRow && t.row === 0, r = !n && t.mode !== "static";
 				return /* @__PURE__ */ c("div", {
@@ -5527,23 +5670,23 @@ function ka({ part: e, partNumber: t }) {
 		})]
 	});
 }
-function Aa({ config: e }) {
-	return /* @__PURE__ */ s(kr, {
+function Ra({ config: e }) {
+	return /* @__PURE__ */ s(Pr, {
 		className: "printable-problem-sheet",
 		config: e
 	});
 }
-function ja(e) {
+function za(e) {
 	let t = Array.from({ length: e.columnCount }, (t, n) => Math.max(1, e.columnWidths[n] ?? 1)), n = Array.from({ length: e.rowCount }, (t, n) => Math.max(26, Math.round((e.rowHeights[n] ?? 64) * .58)));
 	return {
 		gridTemplateColumns: t.map((e) => `minmax(18mm, ${e}fr)`).join(" "),
 		gridTemplateRows: n.map((e) => `${e}px`).join(" ")
 	};
 }
-function Ma({ item: t }) {
-	return t.answers?.length ? /* @__PURE__ */ c(o, { children: [t.answers.map((t) => /* @__PURE__ */ c(e, { children: [t.before ? /* @__PURE__ */ s("span", { children: t.before }) : null, /* @__PURE__ */ s(Na, {})] }, t.id)), t.after ? /* @__PURE__ */ s("span", { children: t.after }) : null] }) : t.correctAnswer ? /* @__PURE__ */ c(o, { children: [
+function Ba({ item: t }) {
+	return t.answers?.length ? /* @__PURE__ */ c(o, { children: [t.answers.map((t) => /* @__PURE__ */ c(e, { children: [t.before ? /* @__PURE__ */ s("span", { children: t.before }) : null, /* @__PURE__ */ s(Va, {})] }, t.id)), t.after ? /* @__PURE__ */ s("span", { children: t.after }) : null] }) : t.correctAnswer ? /* @__PURE__ */ c(o, { children: [
 		/* @__PURE__ */ s("span", { children: t.before }),
-		/* @__PURE__ */ s(Na, {}),
+		/* @__PURE__ */ s(Va, {}),
 		t.after ? /* @__PURE__ */ s("span", { children: t.after }) : null
 	] }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", { children: t.before }), t.after ? /* @__PURE__ */ s("span", { children: t.after }) : null] });
 }
@@ -5553,17 +5696,17 @@ function $() {
 		"aria-hidden": "true"
 	});
 }
-function Na() {
+function Va() {
 	return /* @__PURE__ */ s("span", {
 		className: "printable-blank-box",
 		"aria-hidden": "true"
 	});
 }
-function Pa(e) {
+function Ha(e) {
 	return e.startsWith("ar");
 }
-function Fa(e) {
-	return Pa(e) ? {
+function Ua(e) {
+	return Ha(e) ? {
 		answerArea: "مساحة الجواب",
 		countShort: "عدد",
 		dragArea: "اربط أو اكتب الجواب",
@@ -5600,7 +5743,7 @@ function Fa(e) {
 }
 //#endregion
 //#region src/exam-session/interactions/DraftSheet.tsx
-function Ia({ disabled: e, onChange: t, value: n }) {
+function Wa({ disabled: e, onChange: t, value: n }) {
 	let [r, i] = a(!1);
 	return /* @__PURE__ */ s("aside", {
 		className: "draft-sheet",
@@ -5617,7 +5760,7 @@ function Ia({ disabled: e, onChange: t, value: n }) {
 					type: "button",
 					children: "إِغْلاقٌ"
 				})]
-			}), /* @__PURE__ */ s(mn, {
+			}), /* @__PURE__ */ s(_n, {
 				actionLabel: "مساحة ورقة وساخ",
 				canvasHeight: 430,
 				disabled: e,
@@ -5636,7 +5779,7 @@ function Ia({ disabled: e, onChange: t, value: n }) {
 }
 //#endregion
 //#region src/exam-session/interactions/ProblemSheetComposer.tsx
-var La = 460, Ra = [
+var Ga = 460, Ka = [
 	"#0f172a",
 	"#0b5ed7",
 	"#18c7c9",
@@ -5644,7 +5787,7 @@ var La = 460, Ra = [
 	"#f59e0b",
 	"#ef4444",
 	"#7c3aed"
-], za = {
+], qa = {
 	delete: "Supprimer l’élément",
 	eraser: "Gomme",
 	fillColor: "Remplissage",
@@ -5670,11 +5813,11 @@ var La = 460, Ra = [
 	textColor: "Couleur du texte",
 	textPlaceholder: "Écrivez le texte à placer sur la feuille"
 };
-function Ba({ config: e, labels: t, onChange: l }) {
+function Ja({ config: e, labels: t, onChange: l }) {
 	let u = r(() => ({
-		...za,
+		...qa,
 		...t
-	}), [t]), d = i(null), f = i(null), [p, m] = a(Q), [h, _] = a("select"), [v, y] = a(!1), [x, S] = a(null), [C, E] = a(""), [D, O] = a(Ra[0]), [ee, A] = a(4), [j, M] = a(null), P = ro(e.height), F = e.elements ?? [], I = F.find((e) => e.id === x);
+	}), [t]), d = i(null), f = i(null), [p, m] = a(Q), [h, _] = a("select"), [v, y] = a(!1), [x, S] = a(null), [C, E] = a(""), [D, O] = a(Ka[0]), [ee, A] = a(4), [j, M] = a(null), P = fo(e.height), F = e.elements ?? [], I = F.find((e) => e.id === x);
 	n(() => {
 		let e = d.current;
 		if (!e) return;
@@ -5697,10 +5840,10 @@ function Ba({ config: e, labels: t, onChange: l }) {
 		} : n));
 	}
 	function B(e) {
-		let t = to(e), n = {
+		let t = lo(e), n = {
 			fill: "#e8f1ff",
 			height: t.height,
-			id: $a(e),
+			id: so(e),
 			rotation: 0,
 			shape: e,
 			stroke: "#0f172a",
@@ -5708,13 +5851,13 @@ function Ba({ config: e, labels: t, onChange: l }) {
 			type: "shape",
 			width: t.width,
 			x: 140,
-			y: eo(F.length, P)
+			y: co(F.length, P)
 		};
 		R(F.concat(n)), S(n.id), _("select"), y(!1);
 	}
 	async function re(e) {
 		if (!e || !e.type.startsWith("image/")) return;
-		let { height: t, source: n, width: r } = await ao(e), i = Math.min(320, Math.max(140, r)), a = {
+		let { height: t, source: n, width: r } = await mo(e), i = Math.min(320, Math.max(140, r)), a = {
 			crop: {
 				height: 1,
 				width: 1,
@@ -5722,18 +5865,18 @@ function Ba({ config: e, labels: t, onChange: l }) {
 				y: 0
 			},
 			height: Math.min(300, Math.max(90, Math.round(t / r * i))),
-			id: $a("image"),
+			id: so("image"),
 			rotation: 0,
 			source: n,
 			type: "image",
 			width: i,
 			x: 140,
-			y: eo(F.length, P)
+			y: co(F.length, P)
 		};
 		R(F.concat(a)), S(a.id), _("select");
 	}
 	function V(e, t) {
-		let n = io({
+		let n = po({
 			height: 1,
 			width: 1,
 			x: 0,
@@ -5753,13 +5896,13 @@ function Ba({ config: e, labels: t, onChange: l }) {
 		}
 		if (E(e), h !== "text" || !e) return;
 		let t = {
-			color: Ra[0],
+			color: Ka[0],
 			fontSize: 28,
-			id: $a("text"),
+			id: so("text"),
 			text: e,
 			type: "text",
 			x: 120,
-			y: eo(F.length, P)
+			y: co(F.length, P)
 		};
 		R(F.concat(t)), S(t.id), _("select");
 	}
@@ -5769,8 +5912,8 @@ function Ba({ config: e, labels: t, onChange: l }) {
 	function ce(e) {
 		let t = e.target.getStage()?.getPointerPosition();
 		return t ? {
-			x: no(t.x / L, 0, Q),
-			y: no(t.y / L, 0, P)
+			x: uo(t.x / L, 0, Q),
+			y: uo(t.y / L, 0, P)
 		} : null;
 	}
 	function le(e) {
@@ -5782,7 +5925,7 @@ function Ba({ config: e, labels: t, onChange: l }) {
 		let t = ce(e);
 		t && (S(null), M({
 			color: D,
-			id: $a("drawing"),
+			id: so("drawing"),
 			points: [0, 0],
 			strokeWidth: ee,
 			type: "drawing",
@@ -5824,7 +5967,7 @@ function Ba({ config: e, labels: t, onChange: l }) {
 	function pe(e) {
 		let t = ce(e);
 		if (t) {
-			for (let e = F.length - 1; e >= 0; --e) if (Za(F[e], t)) {
+			for (let e = F.length - 1; e >= 0; --e) if (ao(F[e], t)) {
 				R(F.filter((t, n) => n !== e)), S(null);
 				return;
 			}
@@ -5838,13 +5981,13 @@ function Ba({ config: e, labels: t, onChange: l }) {
 				className: "problem-sheet-composer__toolbar",
 				role: "toolbar",
 				children: [
-					/* @__PURE__ */ s(Va, {
+					/* @__PURE__ */ s(Ya, {
 						active: h === "select",
 						label: u.move,
 						onClick: () => _("select"),
 						children: /* @__PURE__ */ s(w, { "aria-hidden": "true" })
 					}),
-					/* @__PURE__ */ s(Va, {
+					/* @__PURE__ */ s(Ya, {
 						active: h === "text",
 						label: u.text,
 						onClick: ae,
@@ -5852,7 +5995,7 @@ function Ba({ config: e, labels: t, onChange: l }) {
 					}),
 					/* @__PURE__ */ c("div", {
 						className: "problem-sheet-composer__shape-menu",
-						children: [/* @__PURE__ */ s(Va, {
+						children: [/* @__PURE__ */ s(Ya, {
 							active: v,
 							label: u.shapeLibrary,
 							onClick: () => y((e) => !e),
@@ -5861,40 +6004,40 @@ function Ba({ config: e, labels: t, onChange: l }) {
 							"aria-label": u.shapeLibrary,
 							className: "problem-sheet-composer__shape-picker",
 							role: "menu",
-							children: fr.map((e) => /* @__PURE__ */ c("section", {
+							children: _r.map((e) => /* @__PURE__ */ c("section", {
 								className: "problem-sheet-composer__shape-group",
 								children: [/* @__PURE__ */ s("span", { children: e.label }), /* @__PURE__ */ s("div", { children: e.shapes.map((e) => {
-									let t = u.shapes[e] ?? mr(e);
+									let t = u.shapes[e] ?? yr(e);
 									return /* @__PURE__ */ c("button", {
 										"aria-label": t,
 										onClick: () => B(e),
 										title: t,
 										type: "button",
-										children: [/* @__PURE__ */ s(Ha, { shape: e }), /* @__PURE__ */ s("span", { children: t })]
+										children: [/* @__PURE__ */ s(Xa, { shape: e }), /* @__PURE__ */ s("span", { children: t })]
 									}, e);
 								}) })]
 							}, e.id))
 						}) : null]
 					}),
-					/* @__PURE__ */ s(Va, {
+					/* @__PURE__ */ s(Ya, {
 						label: u.image,
 						onClick: () => f.current?.click(),
 						children: /* @__PURE__ */ s(b, { "aria-hidden": "true" })
 					}),
-					/* @__PURE__ */ s(Va, {
+					/* @__PURE__ */ s(Ya, {
 						active: h === "pen",
 						label: u.pen,
 						onClick: () => _((e) => e === "pen" ? "select" : "pen"),
 						children: /* @__PURE__ */ s(T, { "aria-hidden": "true" })
 					}),
-					/* @__PURE__ */ s(Va, {
+					/* @__PURE__ */ s(Ya, {
 						active: h === "eraser",
 						label: u.eraser,
 						onClick: () => _((e) => e === "eraser" ? "select" : "eraser"),
 						children: /* @__PURE__ */ s(g, { "aria-hidden": "true" })
 					}),
 					/* @__PURE__ */ s("span", { className: "problem-sheet-composer__toolbar-divider" }),
-					/* @__PURE__ */ s(Va, {
+					/* @__PURE__ */ s(Ya, {
 						disabled: !I,
 						label: u.delete,
 						onClick: U,
@@ -5913,11 +6056,11 @@ function Ba({ config: e, labels: t, onChange: l }) {
 						rows: 3,
 						value: I?.type === "text" ? I.text : C
 					})]
-				}), I?.type === "text" ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(Ua, {
+				}), I?.type === "text" ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(Za, {
 					label: u.textColor,
 					onSelect: (e) => z(I.id, { color: e }),
-					value: I.color ?? Ra[0]
-				}), /* @__PURE__ */ s(Wa, {
+					value: I.color ?? Ka[0]
+				}), /* @__PURE__ */ s(Qa, {
 					label: u.fontSize,
 					max: 72,
 					min: 12,
@@ -5928,38 +6071,38 @@ function Ba({ config: e, labels: t, onChange: l }) {
 			I?.type === "shape" ? /* @__PURE__ */ c("div", {
 				className: "problem-sheet-composer__inspector problem-sheet-composer__inspector--shape",
 				children: [
-					/* @__PURE__ */ s(Ua, {
+					/* @__PURE__ */ s(Za, {
 						label: u.fillColor,
 						onSelect: (e) => z(I.id, { fill: e }),
 						value: I.fill ?? "#e8f1ff"
 					}),
-					/* @__PURE__ */ s(Ua, {
+					/* @__PURE__ */ s(Za, {
 						label: u.strokeColor,
 						onSelect: (e) => z(I.id, { stroke: e }),
-						value: I.stroke ?? Ra[0]
+						value: I.stroke ?? Ka[0]
 					}),
-					/* @__PURE__ */ s(Wa, {
+					/* @__PURE__ */ s(Qa, {
 						label: u.strokeWidth,
 						max: 12,
 						min: 1,
 						onChange: (e) => z(I.id, { strokeWidth: e }),
 						value: I.strokeWidth ?? 3
 					}),
-					/* @__PURE__ */ s(Wa, {
+					/* @__PURE__ */ s(Qa, {
 						label: I.shape === "line" ? u.lineLength : u.shapeWidth,
 						max: 500,
 						min: 40,
-						onChange: (e) => z(I.id, hr(I.shape) ? {
+						onChange: (e) => z(I.id, br(I.shape) ? {
 							height: e,
 							width: e
 						} : { width: e }),
 						value: I.width
 					}),
-					/* @__PURE__ */ s(Wa, {
+					/* @__PURE__ */ s(Qa, {
 						label: I.shape === "line" ? u.lineSlope : u.shapeHeight,
 						max: I.shape === "line" ? 300 : 500,
 						min: I.shape === "line" ? -300 : 40,
-						onChange: (e) => z(I.id, hr(I.shape) ? {
+						onChange: (e) => z(I.id, br(I.shape) ? {
 							height: e,
 							width: e
 						} : { height: e }),
@@ -5970,28 +6113,28 @@ function Ba({ config: e, labels: t, onChange: l }) {
 			I?.type === "image" ? /* @__PURE__ */ c("div", {
 				className: "problem-sheet-composer__inspector problem-sheet-composer__inspector--image",
 				children: [
-					/* @__PURE__ */ s(Wa, {
+					/* @__PURE__ */ s(Qa, {
 						label: u.cropX,
 						max: 100,
 						min: 0,
 						onChange: (e) => V(I, { x: e / 100 }),
 						value: (I.crop?.x ?? 0) * 100
 					}),
-					/* @__PURE__ */ s(Wa, {
+					/* @__PURE__ */ s(Qa, {
 						label: u.cropY,
 						max: 100,
 						min: 0,
 						onChange: (e) => V(I, { y: e / 100 }),
 						value: (I.crop?.y ?? 0) * 100
 					}),
-					/* @__PURE__ */ s(Wa, {
+					/* @__PURE__ */ s(Qa, {
 						label: u.cropWidth,
 						max: 100,
 						min: 5,
 						onChange: (e) => V(I, { width: e / 100 }),
 						value: (I.crop?.width ?? 1) * 100
 					}),
-					/* @__PURE__ */ s(Wa, {
+					/* @__PURE__ */ s(Qa, {
 						label: u.cropHeight,
 						max: 100,
 						min: 5,
@@ -6002,11 +6145,11 @@ function Ba({ config: e, labels: t, onChange: l }) {
 			}) : null,
 			h === "pen" ? /* @__PURE__ */ c("div", {
 				className: "problem-sheet-composer__inspector problem-sheet-composer__inspector--pen",
-				children: [/* @__PURE__ */ s(Ua, {
+				children: [/* @__PURE__ */ s(Za, {
 					label: u.penColor,
 					onSelect: O,
 					value: D
-				}), /* @__PURE__ */ s(Wa, {
+				}), /* @__PURE__ */ s(Qa, {
 					label: u.penWidth,
 					max: 12,
 					min: 1,
@@ -6040,15 +6183,15 @@ function Ba({ config: e, labels: t, onChange: l }) {
 						scaleY: L,
 						children: [
 							/* @__PURE__ */ s(H, {
-								fill: br(e.background),
+								fill: Tr(e.background),
 								height: P,
 								width: Q
 							}),
-							/* @__PURE__ */ s(xr, {
+							/* @__PURE__ */ s(Er, {
 								height: P,
 								paper: e.paper ?? "squared"
 							}),
-							F.map((e) => /* @__PURE__ */ s(Ga, {
+							F.map((e) => /* @__PURE__ */ s($a, {
 								draggable: h === "select",
 								element: e,
 								onDragEnd: (t) => z(e.id, {
@@ -6061,7 +6204,7 @@ function Ba({ config: e, labels: t, onChange: l }) {
 								onShapeTransform: (e, t) => z(e.id, t),
 								selected: e.id === x
 							}, e.id)),
-							j ? /* @__PURE__ */ s(Ja, { element: j }) : null
+							j ? /* @__PURE__ */ s(no, { element: j }) : null
 						]
 					})
 				})]
@@ -6069,7 +6212,7 @@ function Ba({ config: e, labels: t, onChange: l }) {
 		]
 	});
 }
-function Va({ active: e = !1, children: t, disabled: n = !1, label: r, onClick: i }) {
+function Ya({ active: e = !1, children: t, disabled: n = !1, label: r, onClick: i }) {
 	return /* @__PURE__ */ s("button", {
 		"aria-label": r,
 		className: e ? "problem-sheet-composer__tool problem-sheet-composer__tool--active" : "problem-sheet-composer__tool",
@@ -6080,18 +6223,18 @@ function Va({ active: e = !1, children: t, disabled: n = !1, label: r, onClick:
 		children: t
 	});
 }
-function Ha({ shape: e }) {
+function Xa({ shape: e }) {
 	return /* @__PURE__ */ s("span", {
 		"aria-hidden": "true",
 		className: `problem-sheet-composer__shape-preview problem-sheet-composer__shape-preview--${e}`
 	});
 }
-function Ua({ label: e, onSelect: t, value: n }) {
+function Za({ label: e, onSelect: t, value: n }) {
 	return /* @__PURE__ */ c("div", {
 		className: "problem-sheet-composer__color-control",
 		children: [/* @__PURE__ */ s("span", { children: e }), /* @__PURE__ */ c("div", {
 			className: "problem-sheet-composer__swatches",
-			children: [Ra.map((r) => /* @__PURE__ */ s("button", {
+			children: [Ka.map((r) => /* @__PURE__ */ s("button", {
 				"aria-label": `${e}: ${r}`,
 				className: n.toLowerCase() === r ? "is-selected" : "",
 				onClick: () => t(r),
@@ -6106,7 +6249,7 @@ function Ua({ label: e, onSelect: t, value: n }) {
 		})]
 	});
 }
-function Wa({ label: e, max: t, min: n, onChange: r, value: i }) {
+function Qa({ label: e, max: t, min: n, onChange: r, value: i }) {
 	return /* @__PURE__ */ c("label", {
 		className: "problem-sheet-composer__range-control",
 		children: [/* @__PURE__ */ c("span", { children: [
@@ -6122,8 +6265,8 @@ function Wa({ label: e, max: t, min: n, onChange: r, value: i }) {
 		})]
 	});
 }
-function Ga({ draggable: e, element: n, onDragEnd: r, onImageTransform: a, onLineEndpointChange: l, onShapeTransform: u, onSelect: d, selected: f }) {
-	let p = Xa(n), m = i(null), h = i(null), g = n.type === "image" || n.type === "shape" && n.shape !== "line", _ = f && g;
+function $a({ draggable: e, element: n, onDragEnd: r, onImageTransform: a, onLineEndpointChange: l, onShapeTransform: u, onSelect: d, selected: f }) {
+	let p = io(n), m = i(null), h = i(null), g = n.type === "image" || n.type === "shape" && n.shape !== "line", _ = f && g;
 	t(() => {
 		!_ || !m.current || !h.current || (h.current.nodes([m.current]), h.current.getLayer()?.batchDraw());
 	}, [n.id, _]);
@@ -6159,20 +6302,20 @@ function Ga({ draggable: e, element: n, onDragEnd: r, onImageTransform: a, onLin
 		y: n.y,
 		children: [
 			n.type === "text" ? /* @__PURE__ */ s(U, {
-				fill: n.color ?? Ra[0],
+				fill: n.color ?? Ka[0],
 				fontFamily: "Arial, sans-serif",
 				fontSize: n.fontSize ?? 28,
 				text: n.text,
 				width: 320
-			}) : n.type === "drawing" ? /* @__PURE__ */ s(Ja, { element: {
+			}) : n.type === "drawing" ? /* @__PURE__ */ s(no, { element: {
 				...n,
 				x: 0,
 				y: 0
-			} }) : n.type === "image" ? /* @__PURE__ */ s(Ka, { element: {
+			} }) : n.type === "image" ? /* @__PURE__ */ s(eo, { element: {
 				...n,
 				x: 0,
 				y: 0
-			} }) : /* @__PURE__ */ s(Ya, { element: n }),
+			} }) : /* @__PURE__ */ s(ro, { element: n }),
 			f && n.type !== "image" && !g ? /* @__PURE__ */ s(H, {
 				dash: [8, 5],
 				height: p.height + 14,
@@ -6183,7 +6326,7 @@ function Ga({ draggable: e, element: n, onDragEnd: r, onImageTransform: a, onLin
 				x: p.x - 7,
 				y: p.y - 7
 			}) : null,
-			f && n.type === "shape" && n.shape === "line" ? /* @__PURE__ */ s(qa, {
+			f && n.type === "shape" && n.shape === "line" ? /* @__PURE__ */ s(to, {
 				element: n,
 				onChange: l
 			}) : null
@@ -6206,17 +6349,17 @@ function Ga({ draggable: e, element: n, onDragEnd: r, onImageTransform: a, onLin
 			"middle-left"
 		],
 		flipEnabled: !1,
-		keepRatio: n.type === "shape" && hr(n.shape),
+		keepRatio: n.type === "shape" && br(n.shape),
 		onTransformEnd: v,
 		ref: h,
 		rotateEnabled: !0,
 		rotateLineVisible: !0
 	}) : null] });
 }
-function Ka({ element: e }) {
-	let t = wr(e.source);
+function eo({ element: e }) {
+	let t = kr(e.source);
 	return t ? /* @__PURE__ */ s(re, {
-		crop: Tr(t, e.crop),
+		crop: Ar(t, e.crop),
 		height: e.height,
 		image: t,
 		width: e.width,
@@ -6224,7 +6367,7 @@ function Ka({ element: e }) {
 		y: e.y
 	}) : null;
 }
-function qa({ element: e, onChange: t }) {
+function to({ element: e, onChange: t }) {
 	function n(n, r) {
 		r.cancelBubble = !0, t(e, n, r.target.x(), r.target.y());
 	}
@@ -6255,25 +6398,25 @@ function qa({ element: e, onChange: t }) {
 		y: e.height
 	})] });
 }
-function Ja({ element: e }) {
+function no({ element: e }) {
 	return /* @__PURE__ */ s(V, {
 		lineCap: "round",
 		lineJoin: "round",
 		points: e.points,
-		stroke: e.color ?? Ra[0],
+		stroke: e.color ?? Ka[0],
 		strokeWidth: e.strokeWidth ?? 4,
 		tension: .38,
 		x: e.x,
 		y: e.y
 	});
 }
-function Ya({ element: e }) {
-	return /* @__PURE__ */ s(gr, {
+function ro({ element: e }) {
+	return /* @__PURE__ */ s(xr, {
 		element: e,
 		hitStrokeWidth: 32
 	});
 }
-function Xa(e) {
+function io(e) {
 	if (e.type === "text") return {
 		height: (e.fontSize ?? 28) * 1.5,
 		width: 320,
@@ -6311,12 +6454,12 @@ function Xa(e) {
 		y: a
 	};
 }
-function Za(e, t) {
+function ao(e, t) {
 	if (e.type === "text") {
 		let n = (e.fontSize ?? 28) * 1.5;
 		return t.x >= e.x - 12 && t.x <= e.x + 332 && t.y >= e.y - 12 && t.y <= e.y + n + 12;
 	}
-	if (e.type === "shape") return e.shape === "line" ? Qa(t, {
+	if (e.type === "shape") return e.shape === "line" ? oo(t, {
 		x: e.x,
 		y: e.y
 	}, {
@@ -6324,7 +6467,7 @@ function Za(e, t) {
 		y: e.y + e.height
 	}) <= 16 : t.x >= e.x - 12 && t.x <= e.x + e.width + 12 && t.y >= e.y - 12 && t.y <= e.y + e.height + 12;
 	if (e.type === "image") return t.x >= e.x - 12 && t.x <= e.x + e.width + 12 && t.y >= e.y - 12 && t.y <= e.y + e.height + 12;
-	for (let n = 0; n < e.points.length - 2; n += 2) if (Qa(t, {
+	for (let n = 0; n < e.points.length - 2; n += 2) if (oo(t, {
 		x: e.x + e.points[n],
 		y: e.y + e.points[n + 1]
 	}, {
@@ -6333,19 +6476,19 @@ function Za(e, t) {
 	}) <= 16) return !0;
 	return !1;
 }
-function Qa(e, t, n) {
+function oo(e, t, n) {
 	let r = n.x - t.x, i = n.y - t.y, a = r * r + i * i;
 	if (a === 0) return Math.hypot(e.x - t.x, e.y - t.y);
-	let o = no(((e.x - t.x) * r + (e.y - t.y) * i) / a, 0, 1), s = t.x + o * r, c = t.y + o * i;
+	let o = uo(((e.x - t.x) * r + (e.y - t.y) * i) / a, 0, 1), s = t.x + o * r, c = t.y + o * i;
 	return Math.hypot(e.x - s, e.y - c);
 }
-function $a(e) {
+function so(e) {
 	return `${e}-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
 }
-function eo(e, t) {
+function co(e, t) {
 	return Math.min(t - 140, 80 + e % 5 * 70);
 }
-function to(e) {
+function lo(e) {
 	return e === "line" ? {
 		height: 0,
 		width: 210
@@ -6363,22 +6506,22 @@ function to(e) {
 		width: 180
 	};
 }
-function no(e, t, n) {
+function uo(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function ro(e) {
-	return Number.isFinite(e) ? Math.min(900, Math.max(220, Math.round(e ?? La))) : La;
+function fo(e) {
+	return Number.isFinite(e) ? Math.min(900, Math.max(220, Math.round(e ?? Ga))) : Ga;
 }
-function io(e) {
-	let t = no(e.width, .05, 1), n = no(e.height, .05, 1);
+function po(e) {
+	let t = uo(e.width, .05, 1), n = uo(e.height, .05, 1);
 	return {
 		height: n,
 		width: t,
-		x: no(e.x, 0, 1 - t),
-		y: no(e.y, 0, 1 - n)
+		x: uo(e.x, 0, 1 - t),
+		y: uo(e.y, 0, 1 - n)
 	};
 }
-async function ao(e) {
+async function mo(e) {
 	let t = await new Promise((t, n) => {
 		let r = new FileReader();
 		r.onerror = () => n(/* @__PURE__ */ Error("Unable to read image file.")), r.onload = () => t(String(r.result)), r.readAsDataURL(e);
@@ -6396,7 +6539,7 @@ async function ao(e) {
 }
 //#endregion
 //#region src/exam-session/interactions/SingleChoice.tsx
-function oo({ answerId: e, choices: t, value: n, onChange: r }) {
+function ho({ answerId: e, choices: t, value: n, onChange: r }) {
 	return /* @__PURE__ */ s("div", {
 		className: "choice-group",
 		role: "radiogroup",
@@ -6421,4 +6564,4 @@ function oo({ answerId: e, choices: t, value: n, onChange: r }) {
 	});
 }
 //#endregion
-export { Pt as CoinTableResponse, Zt as ColorPenPicker, Qt as DEFAULT_GEOMETRY_COLORS, jr as DEFAULT_NATIVE_VOICE_AI_CONFIG, Ia as DraftSheet, Bt as DragMatch, pi as ExamSectionRenderer, mn as GeometryCanvas, Yt as HandwrittenFractionAnswer, Y as HandwrittenNumberAnswer, Un as KonvaDrawingGrid, Wn as LabelPlacement, qn as NumberLineAnswer, fr as OFFICE_SHAPE_GROUPS, nr as OperationWorkArea, lr as PrimeFactorizationAnswer, Zi as PrintableExamDocument, ea as PrintableQuestionRenderer, $i as PrintableSectionRenderer, kr as ProblemSheet, Ba as ProblemSheetComposer, gr as ProblemSheetShapeNode, Rr as PronunciationRecorder, Yi as QuestionPreviewPanel, fi as QuestionRenderer, zt as ShapeGlyph, oo as SingleChoice, qr as SortableAnswer, Yr as TextAnswer, ii as VisualSceneGraphic, Te as areEquivalentFractions, nt as calculateExamResult, Oe as createSuggestedFractionProductStep, Ae as createSuggestedFractionResultStep, ke as createSuggestedFractionSumStep, ni as createVisualSceneFromVariant, Se as evaluateFractionExpression, Ce as evaluateFractionExpressionUnreduced, Mr as evaluateVoiceAiResult, Lt as examShapeOptions, xe as formatOperationDecimal, pe as formatScoreValue, tn as getColorValue, en as getDefaultColorId, Rt as getExamShapeLabel, De as getFractionWorkSteps, Ze as getOperationAnswerId, Xe as getOperationSolvingItems, Ke as getPrimeFactorSlotCount, Ge as getPrimeFactors, mr as getProblemSheetShapeLabel, W as getQuestionMaxScore, he as getSectionMaxScore, ge as getSectionMaxScoreLabel, ri as getVisualSceneColorValue, qe as isPrimeNumber, hr as isProblemSheetSquareShape, Ee as isSimplifiedFraction, nn as mapChoicesToGeometryColors, G as normalizeOperationDecimal, ci as normalizeQuestionContentDirection, Nr as normalizeVoiceText, be as parseOperationDecimal, Je as parsePositiveWholeNumber, fe as parseScoreValue, li as resolveQuestionContentDirection, me as sectionHasQuestionScores, Qe as toOperationSolvingQuestion, ei as visualSceneColorOptions, $r as visualSceneIconOptions, ti as visualSceneStateOptions, _e as withDerivedSectionScore };
+export { Lt as CoinTableResponse, en as ColorPenPicker, tn as DEFAULT_GEOMETRY_COLORS, Ir as DEFAULT_NATIVE_VOICE_AI_CONFIG, Wa as DraftSheet, Ut as DragMatch, vi as ExamSectionRenderer, _n as GeometryCanvas, Qt as HandwrittenFractionAnswer, Y as HandwrittenNumberAnswer, Kn as KonvaDrawingGrid, qn as LabelPlacement, Xn as NumberLineAnswer, _r as OFFICE_SHAPE_GROUPS, or as OperationWorkArea, mr as PrimeFactorizationAnswer, ia as PrintableExamDocument, sa as PrintableQuestionRenderer, oa as PrintableSectionRenderer, Pr as ProblemSheet, Ja as ProblemSheetComposer, xr as ProblemSheetShapeNode, Ur as PronunciationRecorder, na as QuestionPreviewPanel, _i as QuestionRenderer, Ht as ShapeGlyph, ho as SingleChoice, Qr as SortableAnswer, ei as TextAnswer, li as VisualSceneGraphic, Te as areEquivalentFractions, at as calculateExamResult, Oe as createFractionGuidedWorkStep, si as createVisualSceneFromVariant, Se as evaluateFractionExpression, Ce as evaluateFractionExpressionUnreduced, Lr as evaluateVoiceAiResult, Bt as examShapeOptions, xe as formatOperationDecimal, pe as formatScoreValue, an as getColorValue, rn as getDefaultColorId, Vt as getExamShapeLabel, je as getFractionGuidedLaneOperators, Ae as getFractionGuidedStepOperators, De as getFractionWorkSteps, et as getOperationAnswerId, $e as getOperationSolvingItems, Ye as getPrimeFactorSlotCount, Je as getPrimeFactors, yr as getProblemSheetShapeLabel, W as getQuestionMaxScore, he as getSectionMaxScore, ge as getSectionMaxScoreLabel, ci as getVisualSceneColorValue, Xe as isPrimeNumber, br as isProblemSheetSquareShape, Ee as isSimplifiedFraction, on as mapChoicesToGeometryColors, ke as normalizeFractionWorkStep, G as normalizeOperationDecimal, pi as normalizeQuestionContentDirection, Rr as normalizeVoiceText, be as parseOperationDecimal, Ze as parsePositiveWholeNumber, fe as parseScoreValue, mi as resolveQuestionContentDirection, me as sectionHasQuestionScores, tt as toOperationSolvingQuestion, ai as visualSceneColorOptions, ii as visualSceneIconOptions, oi as visualSceneStateOptions, _e as withDerivedSectionScore };