@burdenoff/microfe-buildmyiq 2026.705.13 → 2026.706.10

package/dist/buildmyiq/pages/assessments/TakeAssessmentPage.js

@@ -1,214 +1,259 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { formatDuration as r } from "../../utils/formatters.js";
-import { StatusBadge as i } from "../../components/StatusBadge.js";
-import { EmptyState as a } from "../../components/EmptyState.js";
-import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
+import { formatDuration as r, formatEnumLabel as i } from "../../utils/formatters.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { ErrorView as s, LoadingView as c } from "../../components/StateViews.js";
+import { ProgressRing as l } from "../../components/Viz.js";
 import "../../context/index.js";
-import { useBuiAssessment as c, useBuiEnrollments as l, useBuiSubmitAssessment as u } from "../../hooks/useBuildmyiqApi.js";
+import { useBuiAssessment as u, useBuiEnrollments as d, useBuiSubmitAssessment as f } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import "../../components/index.js";
-import { useMemo as d, useState as f } from "react";
-import { ArrowLeft as p, CheckCircle2 as m, ClipboardCheck as h, Send as g } from "lucide-react";
-import { useParams as _ } from "react-router-dom";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b, GlassCard as x, Input as S, Textarea as C } from "@burdenoff/fe-libs/ui";
+import { useMemo as p, useState as m } from "react";
+import { ArrowLeft as h, CheckCircle2 as g, ClipboardCheck as _, Clock as v, FileText as y, RefreshCw as b, Send as x, Target as S } from "lucide-react";
+import { useParams as C } from "react-router-dom";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Button as E, GlassCard as D, Input as O, Textarea as k } from "@burdenoff/fe-libs/ui";
 //#region src/buildmyiq/pages/assessments/TakeAssessmentPage.tsx
-function w(e) {
+function A(e) {
 	return Array.isArray(e) ? e.map((e) => e && typeof e == "object" && "label" in e ? { label: String(e.label) } : null).filter((e) => e !== null && e.label.length > 0) : [];
 }
-var T = [{ label: "True" }, { label: "False" }], E = () => {
-	let { assessmentId: E } = _(), { currentUser: D, navigateTo: O } = e(), k = c(E), A = k.data ?? null, j = l({
-		learnerId: D?.id,
-		courseId: A?.courseId,
-		enabled: !!(D?.id && A?.courseId)
-	}).data?.items?.[0]?.id, M = u(), [N, P] = f({}), [F, I] = f(null), L = d(() => [...A?.questions ?? []].sort((e, t) => e.position - t.position), [A]), R = (e, t) => {
-		P((n) => ({
+var j = [{ label: "True" }, { label: "False" }], M = ({ icon: e, label: t, value: n }) => /* @__PURE__ */ T("div", {
+	className: "flex items-center gap-3 py-3 first:pt-0 last:pb-0 sm:px-5 sm:py-0 sm:first:pl-0 sm:last:pr-0",
+	children: [/* @__PURE__ */ w("span", {
+		className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-[var(--color-accent-teal)]",
+		children: e
+	}), /* @__PURE__ */ T("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ w("p", {
+			className: "text-xs text-text-secondary",
+			children: t
+		}), /* @__PURE__ */ w("p", {
+			className: "text-sm font-semibold text-text-primary",
+			children: n
+		})]
+	})]
+}), N = () => {
+	let { assessmentId: N } = C(), { currentUser: P, navigateTo: F } = e(), I = u(N), L = I.data ?? null, R = d({
+		learnerId: P?.id,
+		courseId: L?.courseId,
+		enabled: !!(P?.id && L?.courseId)
+	}).data?.items?.[0]?.id, z = f(), [B, V] = m({}), [H, U] = m(null), W = p(() => [...L?.questions ?? []].sort((e, t) => e.position - t.position), [L]), G = (e, t) => {
+		V((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, z = (e, t) => {
-		P((n) => {
+	}, K = (e, t) => {
+		V((n) => {
 			let r = Array.isArray(n[e]) ? n[e] : [];
 			return {
 				...n,
 				[e]: r.includes(t) ? r.filter((e) => e !== t) : [...r, t]
 			};
 		});
-	}, B = L.filter((e) => {
-		let t = N[e.id];
+	}, q = (e) => {
+		let t = B[e.id];
 		return Array.isArray(t) ? t.length > 0 : !!(t && String(t).trim());
-	}).length, V = async () => {
-		E && I((await M.mutateAsync({
-			assessmentId: E,
-			enrollmentId: j,
+	}, J = W.filter(q).length, Y = W.length > 0 ? J / W.length * 100 : 0, X = W.length - J, Z = J === 0 ? "Answer a question to get started." : X === 0 ? "All questions answered — ready to submit." : `${X} question${X === 1 ? "" : "s"} left to answer.`, Q = async () => {
+		N && U((await z.mutateAsync({
+			assessmentId: N,
+			enrollmentId: R,
 			attempt: 1,
-			answers: N
+			answers: B
 		})).id);
-	}, H = A ? /* @__PURE__ */ y(b, {
+	}, $ = L ? /* @__PURE__ */ T(E, {
 		variant: "ghost",
 		size: "sm",
-		onClick: () => O(`catalog/${A.courseId}`),
-		children: [/* @__PURE__ */ v(p, { className: "mr-1 h-4 w-4" }), " Back to course"]
+		onClick: () => F(`catalog/${L.courseId}`),
+		children: [/* @__PURE__ */ w(h, { className: "mr-1 h-4 w-4" }), " Back to course"]
 	}) : void 0;
-	return E ? k.isLoading ? /* @__PURE__ */ v(n, {
+	return N ? I.isLoading ? /* @__PURE__ */ w(n, {
 		title: "Assessment",
-		children: /* @__PURE__ */ v(s, { label: "Loading the assessment…" })
-	}) : k.isError || !A ? /* @__PURE__ */ v(n, {
+		children: /* @__PURE__ */ w(c, { label: "Loading the assessment…" })
+	}) : I.isError || !L ? /* @__PURE__ */ w(n, {
 		title: "Assessment",
-		actions: H,
-		children: /* @__PURE__ */ v(o, {
+		actions: $,
+		children: /* @__PURE__ */ w(s, {
 			title: "Couldn't load this assessment",
-			message: k.error instanceof Error ? k.error.message : void 0,
-			onRetry: () => k.refetch()
+			message: I.error instanceof Error ? I.error.message : void 0,
+			onRetry: () => I.refetch()
 		})
-	}) : A.status === "PUBLISHED" ? F ? /* @__PURE__ */ v(n, {
-		title: A.title,
-		actions: H,
-		children: /* @__PURE__ */ v("div", {
+	}) : L.status === "PUBLISHED" ? H ? /* @__PURE__ */ w(n, {
+		title: L.title,
+		actions: $,
+		children: /* @__PURE__ */ w("div", {
 			className: "mx-auto max-w-lg",
-			children: /* @__PURE__ */ y(x, {
+			children: /* @__PURE__ */ T(D, {
 				treatment: "glass",
 				glow: !0,
 				className: "flex flex-col items-center gap-4 p-8 text-center",
 				children: [
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg-subtle",
-						children: /* @__PURE__ */ v(m, { className: "h-7 w-7 text-status-success-text" })
+						children: /* @__PURE__ */ w(g, { className: "h-7 w-7 text-status-success-text" })
 					}),
-					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Submitted"
-					}), /* @__PURE__ */ y("p", {
+					}), /* @__PURE__ */ T("p", {
 						className: "mt-1 text-sm text-text-secondary",
 						children: [
 							"Your answers for “",
-							A.title,
+							L.title,
 							"” were submitted.",
-							A.isGraded ? " An educator will grade them — you’ll see your score and feedback in My Learning." : " Thanks for completing it."
+							L.isGraded ? " An educator will grade them — you’ll see your score and feedback in My Learning." : " Thanks for completing it."
 						]
 					})] }),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ T("div", {
 						className: "flex flex-wrap justify-center gap-2",
-						children: [/* @__PURE__ */ v(b, {
+						children: [/* @__PURE__ */ w(E, {
 							variant: "secondary",
-							onClick: () => O("learning"),
+							onClick: () => F("learning"),
 							children: "Go to My Learning"
-						}), /* @__PURE__ */ v(b, {
+						}), /* @__PURE__ */ w(E, {
 							variant: "ghost",
-							onClick: () => O(`catalog/${A.courseId}`),
+							onClick: () => F(`catalog/${L.courseId}`),
 							children: "Back to course"
 						})]
 					})
 				]
 			})
 		})
-	}) : /* @__PURE__ */ v(n, {
-		title: A.title,
-		description: A.description ?? void 0,
-		actions: H,
-		children: /* @__PURE__ */ y("div", {
-			className: "mx-auto max-w-3xl",
-			children: [/* @__PURE__ */ y("div", {
-				className: "mb-6 flex flex-wrap items-center gap-3",
-				children: [
-					/* @__PURE__ */ v(i, { status: A.type }),
-					/* @__PURE__ */ y("span", {
-						className: "text-sm text-text-secondary",
-						children: [
-							"Passing score ",
-							A.passingScore,
-							"%"
-						]
-					}),
-					A.timeLimitMin > 0 && /* @__PURE__ */ y("span", {
-						className: "text-sm text-text-secondary",
-						children: ["· ", r(A.timeLimitMin)]
-					}),
-					/* @__PURE__ */ y("span", {
-						className: "text-sm text-text-secondary",
-						children: [
-							"· ",
-							B,
-							"/",
-							L.length,
-							" answered"
-						]
-					})
-				]
-			}), L.length === 0 ? /* @__PURE__ */ v(a, {
-				icon: /* @__PURE__ */ v(h, { className: "h-8 w-8" }),
+	}) : /* @__PURE__ */ w(n, {
+		title: L.title,
+		description: L.description ?? void 0,
+		actions: $,
+		children: /* @__PURE__ */ T("div", {
+			className: "mx-auto max-w-3xl pb-4",
+			children: [/* @__PURE__ */ w(D, {
+				treatment: "glass",
+				className: "mb-6 p-4 sm:px-5",
+				children: /* @__PURE__ */ T("div", {
+					className: "flex flex-col divide-y divide-border-seam sm:flex-row sm:flex-wrap sm:items-center sm:divide-x sm:divide-y-0",
+					children: [
+						/* @__PURE__ */ w(M, {
+							icon: /* @__PURE__ */ w(y, { className: "h-4 w-4" }),
+							label: "Type",
+							value: /* @__PURE__ */ w(a, { status: L.type })
+						}),
+						/* @__PURE__ */ w(M, {
+							icon: /* @__PURE__ */ w(S, { className: "h-4 w-4" }),
+							label: "Passing score",
+							value: `${L.passingScore}%`
+						}),
+						L.timeLimitMin > 0 && /* @__PURE__ */ w(M, {
+							icon: /* @__PURE__ */ w(v, { className: "h-4 w-4" }),
+							label: "Time limit",
+							value: r(L.timeLimitMin)
+						}),
+						L.maxAttempts > 0 && /* @__PURE__ */ w(M, {
+							icon: /* @__PURE__ */ w(b, { className: "h-4 w-4" }),
+							label: "Attempts",
+							value: L.maxAttempts
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "flex items-center gap-3 py-3 sm:ml-auto sm:py-0 sm:pl-5",
+							children: [/* @__PURE__ */ w(l, {
+								value: Y,
+								size: 44,
+								stroke: 5,
+								label: `${J}/${W.length}`
+							}), /* @__PURE__ */ T("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ T("p", {
+									className: "text-sm font-semibold text-text-primary tabular-nums",
+									children: [
+										J,
+										" of ",
+										W.length
+									]
+								}), /* @__PURE__ */ w("p", {
+									className: "text-xs text-text-secondary",
+									children: "answered"
+								})]
+							})]
+						})
+					]
+				})
+			}), W.length === 0 ? /* @__PURE__ */ w(o, {
+				icon: /* @__PURE__ */ w(_, { className: "h-8 w-8" }),
 				title: "No questions yet",
 				description: "This assessment doesn't have any questions to answer."
-			}) : /* @__PURE__ */ y("div", {
+			}) : /* @__PURE__ */ T("div", {
 				className: "flex flex-col gap-4",
 				children: [
-					L.map((e, n) => {
-						let r = e.type === "TRUE_FALSE" ? T : w(e.options), i = N[e.id];
-						return /* @__PURE__ */ v(x, {
-							treatment: "plain",
-							className: "p-5",
-							children: /* @__PURE__ */ y("div", {
-								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ v("span", {
-									className: "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-xs font-semibold text-text-secondary tabular-nums",
-									children: n + 1
-								}), /* @__PURE__ */ y("div", {
+					W.map((e, n) => {
+						let r = e.type === "TRUE_FALSE" ? j : A(e.options), a = B[e.id], o = q(e);
+						return /* @__PURE__ */ w(D, {
+							treatment: o ? "insight" : "plain",
+							className: t("p-5 transition-shadow", o && "ring-1 ring-[var(--color-accent-soft)]"),
+							children: /* @__PURE__ */ T("div", {
+								className: "flex items-start gap-3 sm:gap-4",
+								children: [/* @__PURE__ */ w("span", {
+									className: t("mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm font-semibold tabular-nums transition-colors", o ? "bg-status-success-bg-subtle text-status-success-text" : "bg-[var(--color-accent-soft)] text-text-primary"),
+									children: o ? /* @__PURE__ */ w(g, { className: "h-4 w-4" }) : n + 1
+								}), /* @__PURE__ */ T("div", {
 									className: "min-w-0 flex-1",
 									children: [
-										/* @__PURE__ */ v("p", {
-											className: "font-medium text-text-primary",
-											children: e.prompt
+										/* @__PURE__ */ T("div", {
+											className: "flex flex-wrap items-center gap-2",
+											children: [/* @__PURE__ */ w("span", {
+												className: "rounded-md bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+												children: i(e.type)
+											}), /* @__PURE__ */ T("span", {
+												className: "ml-auto text-xs text-text-secondary tabular-nums",
+												children: [
+													e.points,
+													" ",
+													e.points === 1 ? "point" : "points"
+												]
+											})]
 										}),
-										/* @__PURE__ */ y("p", {
-											className: "mt-0.5 text-xs text-text-secondary",
-											children: [
-												e.points,
-												" ",
-												e.points === 1 ? "point" : "points"
-											]
+										/* @__PURE__ */ w("p", {
+											className: "mt-2.5 font-medium text-text-primary",
+											children: e.prompt
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ T("div", {
 											className: "mt-4",
 											children: [
-												(e.type === "SINGLE_CHOICE" || e.type === "TRUE_FALSE") && /* @__PURE__ */ v("div", {
+												(e.type === "SINGLE_CHOICE" || e.type === "TRUE_FALSE") && /* @__PURE__ */ w("div", {
 													className: "flex flex-col gap-2",
-													children: r.map((n) => /* @__PURE__ */ y("label", {
-														className: t("flex cursor-pointer items-center gap-3 rounded-lg border px-3 py-2 text-sm transition-colors", i === n.label ? "border-accent bg-[var(--color-accent-soft)] text-text-primary" : "border-border-seam text-text-secondary hover:bg-bg-sunken"),
-														children: [/* @__PURE__ */ v("input", {
+													children: r.map((n) => /* @__PURE__ */ T("label", {
+														className: t("flex min-h-[44px] cursor-pointer items-center gap-3 rounded-xl border px-3.5 py-2.5 text-sm transition-colors", a === n.label ? "border-[var(--color-accent-teal)] bg-[var(--color-accent-soft)] text-text-primary" : "border-border-seam text-text-secondary hover:border-border-strong hover:bg-bg-sunken"),
+														children: [/* @__PURE__ */ w("input", {
 															type: "radio",
 															name: e.id,
-															className: "accent-[var(--color-accent-primary)]",
-															checked: i === n.label,
-															onChange: () => R(e.id, n.label)
+															className: "h-4 w-4 accent-[var(--color-accent-teal)]",
+															checked: a === n.label,
+															onChange: () => G(e.id, n.label)
 														}), n.label]
 													}, n.label))
 												}),
-												e.type === "MULTIPLE_CHOICE" && /* @__PURE__ */ v("div", {
+												e.type === "MULTIPLE_CHOICE" && /* @__PURE__ */ w("div", {
 													className: "flex flex-col gap-2",
 													children: r.map((n) => {
-														let r = Array.isArray(i) && i.includes(n.label);
-														return /* @__PURE__ */ y("label", {
-															className: t("flex cursor-pointer items-center gap-3 rounded-lg border px-3 py-2 text-sm transition-colors", r ? "border-accent bg-[var(--color-accent-soft)] text-text-primary" : "border-border-seam text-text-secondary hover:bg-bg-sunken"),
-															children: [/* @__PURE__ */ v("input", {
+														let r = Array.isArray(a) && a.includes(n.label);
+														return /* @__PURE__ */ T("label", {
+															className: t("flex min-h-[44px] cursor-pointer items-center gap-3 rounded-xl border px-3.5 py-2.5 text-sm transition-colors", r ? "border-[var(--color-accent-teal)] bg-[var(--color-accent-soft)] text-text-primary" : "border-border-seam text-text-secondary hover:border-border-strong hover:bg-bg-sunken"),
+															children: [/* @__PURE__ */ w("input", {
 																type: "checkbox",
-																className: "accent-[var(--color-accent-primary)]",
+																className: "h-4 w-4 rounded accent-[var(--color-accent-teal)]",
 																checked: r,
-																onChange: () => z(e.id, n.label)
+																onChange: () => K(e.id, n.label)
 															}), n.label]
 														}, n.label);
 													})
 												}),
-												e.type === "SHORT_ANSWER" && /* @__PURE__ */ v(S, {
-													value: typeof i == "string" ? i : "",
-													onChange: (t) => R(e.id, t.target.value),
-													placeholder: "Your answer"
+												e.type === "SHORT_ANSWER" && /* @__PURE__ */ w(O, {
+													value: typeof a == "string" ? a : "",
+													onChange: (t) => G(e.id, t.target.value),
+													placeholder: "Type your answer here…"
 												}),
-												(e.type === "ESSAY" || e.type === "CODE") && /* @__PURE__ */ v(C, {
+												(e.type === "ESSAY" || e.type === "CODE") && /* @__PURE__ */ w(k, {
 													rows: e.type === "CODE" ? 6 : 4,
-													value: typeof i == "string" ? i : "",
-													onChange: (t) => R(e.id, t.target.value),
+													value: typeof a == "string" ? a : "",
+													onChange: (t) => G(e.id, t.target.value),
 													placeholder: e.type === "CODE" ? "Write your code…" : "Write your answer…",
 													className: e.type === "CODE" ? "font-mono text-sm" : void 0
 												})
@@ -219,46 +264,65 @@ var T = [{ label: "True" }, { label: "False" }], E = () => {
 							})
 						}, e.id);
 					}),
-					M.isError && /* @__PURE__ */ v("p", {
+					z.isError && /* @__PURE__ */ w("p", {
 						className: "text-sm text-status-error-text",
-						children: M.error instanceof Error ? M.error.message : "Could not submit your answers."
+						children: z.error instanceof Error ? z.error.message : "Could not submit your answers."
 					}),
-					/* @__PURE__ */ y("div", {
-						className: "sticky bottom-0 flex items-center justify-between gap-3 border-t border-border-seam bg-bg-surface/90 py-3 backdrop-blur",
-						children: [/* @__PURE__ */ y("span", {
-							className: "text-sm text-text-secondary tabular-nums",
-							children: [
-								B,
-								" of ",
-								L.length,
-								" answered"
-							]
-						}), /* @__PURE__ */ y(b, {
-							onClick: V,
-							disabled: M.isPending || B === 0,
-							children: [/* @__PURE__ */ v(g, { className: "mr-1 h-4 w-4" }), M.isPending ? "Submitting…" : "Submit assessment"]
-						})]
+					/* @__PURE__ */ w("div", {
+						className: "sticky bottom-0 z-10 pt-2",
+						children: /* @__PURE__ */ T("div", {
+							className: "flex flex-col gap-3 rounded-2xl border border-border-seam bg-bg-surface/90 p-4 shadow-elevation-2 backdrop-blur sm:flex-row sm:items-center sm:justify-between",
+							children: [/* @__PURE__ */ T("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ w(l, {
+									value: Y,
+									size: 44,
+									stroke: 5,
+									label: `${J}/${W.length}`
+								}), /* @__PURE__ */ T("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ T("p", {
+										className: "text-sm font-semibold text-text-primary tabular-nums",
+										children: [
+											J,
+											" of ",
+											W.length,
+											" answered"
+										]
+									}), /* @__PURE__ */ w("p", {
+										className: "text-xs text-text-secondary",
+										children: Z
+									})]
+								})]
+							}), /* @__PURE__ */ T(E, {
+								size: "lg",
+								className: "max-sm:w-full",
+								onClick: Q,
+								disabled: z.isPending || J === 0,
+								children: [/* @__PURE__ */ w(x, { className: "mr-1.5 h-4 w-4" }), z.isPending ? "Submitting…" : "Submit assessment"]
+							})]
+						})
 					})
 				]
 			})]
 		})
-	}) : /* @__PURE__ */ v(n, {
-		title: A.title,
-		actions: H,
-		children: /* @__PURE__ */ v(a, {
+	}) : /* @__PURE__ */ w(n, {
+		title: L.title,
+		actions: $,
+		children: /* @__PURE__ */ w(o, {
 			illustration: "empty-data",
 			title: "This assessment isn't open yet",
 			description: "It has to be published by an educator before you can take it."
 		})
-	}) : /* @__PURE__ */ v(n, {
+	}) : /* @__PURE__ */ w(n, {
 		title: "Assessment",
-		children: /* @__PURE__ */ v(a, {
+		children: /* @__PURE__ */ w(o, {
 			illustration: "empty-data",
 			title: "No assessment selected"
 		})
 	});
 };
 //#endregion
-export { E as TakeAssessmentPage };
+export { N as TakeAssessmentPage };
 
 //# sourceMappingURL=TakeAssessmentPage.js.map

package/dist/buildmyiq/pages/assessments/TakeAssessmentPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TakeAssessmentPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/assessments/TakeAssessmentPage.tsx"],"sourcesContent":["/**\n * TakeAssessmentPage — the LEARNER-facing surface to attempt a published\n * assessment and submit answers.\n * @module buildmyiq/pages/assessments\n *\n * Loads the assessment + its questions, collects an answer per question (typed\n * to the question kind), resolves the caller's enrollment for the assessment's\n * course, and submits via `buiSubmitAssessment` ({ assessmentId, enrollmentId?,\n * answers }). Grading is done by an educator in the Grading queue — this page is\n * honest about that (\"submitted, awaiting grading\"). All data is live.\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, CheckCircle2, ClipboardCheck, Send } from 'lucide-react';\nimport { Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  LoadingView,\n  ErrorView,\n  EmptyState,\n} from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport { useBuiAssessment, useBuiEnrollments, useBuiSubmitAssessment } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport { formatDuration } from '../../utils/formatters';\nimport type { BuiQuestion } from '../../types';\n\ninterface Choice {\n  label: string;\n}\n\n/** Narrow the untyped `options` JSON blob to a list of `{ label }` choices. */\nfunction parseChoices(options: unknown): Choice[] {\n  if (!Array.isArray(options)) return [];\n  return options\n    .map((o) => (o && typeof o === 'object' && 'label' in o ? { label: String((o as { label: unknown }).label) } : null))\n    .filter((c): c is Choice => c !== null && c.label.length > 0);\n}\n\ntype AnswerValue = string | string[];\n\nconst TRUE_FALSE_CHOICES: Choice[] = [{ label: 'True' }, { label: 'False' }];\n\nexport const TakeAssessmentPage: FC = () => {\n  const { assessmentId } = useParams<{ assessmentId: string }>();\n  const { currentUser, navigateTo } = useBuildmyiq();\n\n  const assessmentQuery = useBuiAssessment(assessmentId);\n  const assessment = assessmentQuery.data ?? null;\n\n  const enrollmentsQuery = useBuiEnrollments({\n    learnerId: currentUser?.id,\n    courseId: assessment?.courseId,\n    enabled: Boolean(currentUser?.id && assessment?.courseId),\n  });\n  const enrollmentId = enrollmentsQuery.data?.items?.[0]?.id;\n\n  const submit = useBuiSubmitAssessment();\n  const [answers, setAnswers] = useState<Record<string, AnswerValue>>({});\n  const [submittedId, setSubmittedId] = useState<string | null>(null);\n\n  const questions = useMemo<BuiQuestion[]>(\n    () => [...(assessment?.questions ?? [])].sort((a, b) => a.position - b.position),\n    [assessment]\n  );\n\n  const setAnswer = (qid: string, value: AnswerValue): void => {\n    setAnswers((prev) => ({ ...prev, [qid]: value }));\n  };\n\n  const toggleMulti = (qid: string, label: string): void => {\n    setAnswers((prev) => {\n      const cur = Array.isArray(prev[qid]) ? (prev[qid] as string[]) : [];\n      return { ...prev, [qid]: cur.includes(label) ? cur.filter((l) => l !== label) : [...cur, label] };\n    });\n  };\n\n  const answeredCount = questions.filter((q) => {\n    const a = answers[q.id];\n    return Array.isArray(a) ? a.length > 0 : Boolean(a && String(a).trim());\n  }).length;\n\n  const handleSubmit = async (): Promise<void> => {\n    if (!assessmentId) return;\n    const result = await submit.mutateAsync({\n      assessmentId,\n      enrollmentId,\n      attempt: 1,\n      answers,\n    });\n    setSubmittedId(result.id);\n  };\n\n  const backToCourse = assessment\n    ? (\n        <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo(`catalog/${assessment.courseId}`)}>\n          <ArrowLeft className=\"mr-1 h-4 w-4\" /> Back to course\n        </Button>\n      )\n    : undefined;\n\n  if (!assessmentId) {\n    return (\n      <PageLayout title=\"Assessment\">\n        <EmptyState illustration=\"empty-data\" title=\"No assessment selected\" />\n      </PageLayout>\n    );\n  }\n\n  if (assessmentQuery.isLoading) {\n    return (\n      <PageLayout title=\"Assessment\">\n        <LoadingView label=\"Loading the assessment…\" />\n      </PageLayout>\n    );\n  }\n\n  if (assessmentQuery.isError || !assessment) {\n    return (\n      <PageLayout title=\"Assessment\" actions={backToCourse}>\n        <ErrorView\n          title=\"Couldn't load this assessment\"\n          message={assessmentQuery.error instanceof Error ? assessmentQuery.error.message : undefined}\n          onRetry={() => assessmentQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (assessment.status !== 'PUBLISHED') {\n    return (\n      <PageLayout title={assessment.title} actions={backToCourse}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"This assessment isn't open yet\"\n          description=\"It has to be published by an educator before you can take it.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  // Submitted confirmation\n  if (submittedId) {\n    return (\n      <PageLayout title={assessment.title} actions={backToCourse}>\n        <div className=\"mx-auto max-w-lg\">\n          <GlassCard treatment=\"glass\" glow className=\"flex flex-col items-center gap-4 p-8 text-center\">\n            <div className=\"flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg-subtle\">\n              <CheckCircle2 className=\"h-7 w-7 text-status-success-text\" />\n            </div>\n            <div>\n              <h2 className=\"text-lg font-semibold text-text-primary\">Submitted</h2>\n              <p className=\"mt-1 text-sm text-text-secondary\">\n                Your answers for “{assessment.title}” were submitted.\n                {assessment.isGraded\n                  ? ' An educator will grade them — you’ll see your score and feedback in My Learning.'\n                  : ' Thanks for completing it.'}\n              </p>\n            </div>\n            <div className=\"flex flex-wrap justify-center gap-2\">\n              <Button variant=\"secondary\" onClick={() => navigateTo('learning')}>\n                Go to My Learning\n              </Button>\n              <Button variant=\"ghost\" onClick={() => navigateTo(`catalog/${assessment.courseId}`)}>\n                Back to course\n              </Button>\n            </div>\n          </GlassCard>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={assessment.title}\n      description={assessment.description ?? undefined}\n      actions={backToCourse}\n    >\n      <div className=\"mx-auto max-w-3xl\">\n        {/* Meta strip */}\n        <div className=\"mb-6 flex flex-wrap items-center gap-3\">\n          <StatusBadge status={assessment.type} />\n          <span className=\"text-sm text-text-secondary\">Passing score {assessment.passingScore}%</span>\n          {assessment.timeLimitMin > 0 && (\n            <span className=\"text-sm text-text-secondary\">· {formatDuration(assessment.timeLimitMin)}</span>\n          )}\n          <span className=\"text-sm text-text-secondary\">\n            · {answeredCount}/{questions.length} answered\n          </span>\n        </div>\n\n        {questions.length === 0 ? (\n          <EmptyState\n            icon={<ClipboardCheck className=\"h-8 w-8\" />}\n            title=\"No questions yet\"\n            description=\"This assessment doesn't have any questions to answer.\"\n          />\n        ) : (\n          <div className=\"flex flex-col gap-4\">\n            {questions.map((q, idx) => {\n              const choices =\n                q.type === 'TRUE_FALSE' ? TRUE_FALSE_CHOICES : parseChoices(q.options);\n              const answer = answers[q.id];\n              return (\n                <GlassCard key={q.id} treatment=\"plain\" className=\"p-5\">\n                  <div className=\"flex items-start gap-3\">\n                    <span className=\"mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-xs font-semibold text-text-secondary tabular-nums\">\n                      {idx + 1}\n                    </span>\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"font-medium text-text-primary\">{q.prompt}</p>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\n                        {q.points} {q.points === 1 ? 'point' : 'points'}\n                      </p>\n\n                      <div className=\"mt-4\">\n                        {(q.type === 'SINGLE_CHOICE' || q.type === 'TRUE_FALSE') && (\n                          <div className=\"flex flex-col gap-2\">\n                            {choices.map((c) => (\n                              <label\n                                key={c.label}\n                                className={cn(\n                                  'flex cursor-pointer items-center gap-3 rounded-lg border px-3 py-2 text-sm transition-colors',\n                                  answer === c.label\n                                    ? 'border-accent bg-[var(--color-accent-soft)] text-text-primary'\n                                    : 'border-border-seam text-text-secondary hover:bg-bg-sunken'\n                                )}\n                              >\n                                <input\n                                  type=\"radio\"\n                                  name={q.id}\n                                  className=\"accent-[var(--color-accent-primary)]\"\n                                  checked={answer === c.label}\n                                  onChange={() => setAnswer(q.id, c.label)}\n                                />\n                                {c.label}\n                              </label>\n                            ))}\n                          </div>\n                        )}\n\n                        {q.type === 'MULTIPLE_CHOICE' && (\n                          <div className=\"flex flex-col gap-2\">\n                            {choices.map((c) => {\n                              const checked = Array.isArray(answer) && answer.includes(c.label);\n                              return (\n                                <label\n                                  key={c.label}\n                                  className={cn(\n                                    'flex cursor-pointer items-center gap-3 rounded-lg border px-3 py-2 text-sm transition-colors',\n                                    checked\n                                      ? 'border-accent bg-[var(--color-accent-soft)] text-text-primary'\n                                      : 'border-border-seam text-text-secondary hover:bg-bg-sunken'\n                                  )}\n                                >\n                                  <input\n                                    type=\"checkbox\"\n                                    className=\"accent-[var(--color-accent-primary)]\"\n                                    checked={checked}\n                                    onChange={() => toggleMulti(q.id, c.label)}\n                                  />\n                                  {c.label}\n                                </label>\n                              );\n                            })}\n                          </div>\n                        )}\n\n                        {q.type === 'SHORT_ANSWER' && (\n                          <Input\n                            value={typeof answer === 'string' ? answer : ''}\n                            onChange={(e) => setAnswer(q.id, e.target.value)}\n                            placeholder=\"Your answer\"\n                          />\n                        )}\n\n                        {(q.type === 'ESSAY' || q.type === 'CODE') && (\n                          <Textarea\n                            rows={q.type === 'CODE' ? 6 : 4}\n                            value={typeof answer === 'string' ? answer : ''}\n                            onChange={(e) => setAnswer(q.id, e.target.value)}\n                            placeholder={q.type === 'CODE' ? 'Write your code…' : 'Write your answer…'}\n                            className={q.type === 'CODE' ? 'font-mono text-sm' : undefined}\n                          />\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </GlassCard>\n              );\n            })}\n\n            {submit.isError && (\n              <p className=\"text-sm text-status-error-text\">\n                {submit.error instanceof Error ? submit.error.message : 'Could not submit your answers.'}\n              </p>\n            )}\n\n            <div className=\"sticky bottom-0 flex items-center justify-between gap-3 border-t border-border-seam bg-bg-surface/90 py-3 backdrop-blur\">\n              <span className=\"text-sm text-text-secondary tabular-nums\">\n                {answeredCount} of {questions.length} answered\n              </span>\n              <Button onClick={handleSubmit} disabled={submit.isPending || answeredCount === 0}>\n                <Send className=\"mr-1 h-4 w-4\" />\n                {submit.isPending ? 'Submitting…' : 'Submit assessment'}\n              </Button>\n            </div>\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TakeAssessmentPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/assessments/TakeAssessmentPage.tsx"],"sourcesContent":["/**\n * TakeAssessmentPage — the LEARNER-facing surface to attempt a published\n * assessment and submit answers.\n * @module buildmyiq/pages/assessments\n *\n * Loads the assessment + its questions, collects an answer per question (typed\n * to the question kind), resolves the caller's enrollment for the assessment's\n * course, and submits via `buiSubmitAssessment` ({ assessmentId, enrollmentId?,\n * answers }). Grading is done by an educator in the Grading queue — this page is\n * honest about that (\"submitted, awaiting grading\"). All data is live.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  CheckCircle2,\n  ClipboardCheck,\n  Clock,\n  FileText,\n  RefreshCw,\n  Send,\n  Target,\n} from 'lucide-react';\nimport { Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  ProgressRing,\n  LoadingView,\n  ErrorView,\n  EmptyState,\n} from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport { useBuiAssessment, useBuiEnrollments, useBuiSubmitAssessment } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport { formatDuration, formatEnumLabel } from '../../utils/formatters';\nimport type { BuiQuestion } from '../../types';\n\ninterface Choice {\n  label: string;\n}\n\n/** Narrow the untyped `options` JSON blob to a list of `{ label }` choices. */\nfunction parseChoices(options: unknown): Choice[] {\n  if (!Array.isArray(options)) return [];\n  return options\n    .map((o) => (o && typeof o === 'object' && 'label' in o ? { label: String((o as { label: unknown }).label) } : null))\n    .filter((c): c is Choice => c !== null && c.label.length > 0);\n}\n\ntype AnswerValue = string | string[];\n\nconst TRUE_FALSE_CHOICES: Choice[] = [{ label: 'True' }, { label: 'False' }];\n\ninterface MetaCellProps {\n  icon: ReactNode;\n  label: string;\n  value: ReactNode;\n}\n\nconst MetaCell: FC<MetaCellProps> = ({ icon, label, value }) => (\n  <div className=\"flex items-center gap-3 py-3 first:pt-0 last:pb-0 sm:px-5 sm:py-0 sm:first:pl-0 sm:last:pr-0\">\n    <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-[var(--color-accent-teal)]\">\n      {icon}\n    </span>\n    <div className=\"min-w-0\">\n      <p className=\"text-xs text-text-secondary\">{label}</p>\n      <p className=\"text-sm font-semibold text-text-primary\">{value}</p>\n    </div>\n  </div>\n);\n\nexport const TakeAssessmentPage: FC = () => {\n  const { assessmentId } = useParams<{ assessmentId: string }>();\n  const { currentUser, navigateTo } = useBuildmyiq();\n\n  const assessmentQuery = useBuiAssessment(assessmentId);\n  const assessment = assessmentQuery.data ?? null;\n\n  const enrollmentsQuery = useBuiEnrollments({\n    learnerId: currentUser?.id,\n    courseId: assessment?.courseId,\n    enabled: Boolean(currentUser?.id && assessment?.courseId),\n  });\n  const enrollmentId = enrollmentsQuery.data?.items?.[0]?.id;\n\n  const submit = useBuiSubmitAssessment();\n  const [answers, setAnswers] = useState<Record<string, AnswerValue>>({});\n  const [submittedId, setSubmittedId] = useState<string | null>(null);\n\n  const questions = useMemo<BuiQuestion[]>(\n    () => [...(assessment?.questions ?? [])].sort((a, b) => a.position - b.position),\n    [assessment]\n  );\n\n  const setAnswer = (qid: string, value: AnswerValue): void => {\n    setAnswers((prev) => ({ ...prev, [qid]: value }));\n  };\n\n  const toggleMulti = (qid: string, label: string): void => {\n    setAnswers((prev) => {\n      const cur = Array.isArray(prev[qid]) ? (prev[qid] as string[]) : [];\n      return { ...prev, [qid]: cur.includes(label) ? cur.filter((l) => l !== label) : [...cur, label] };\n    });\n  };\n\n  const isAnswered = (q: BuiQuestion): boolean => {\n    const a = answers[q.id];\n    return Array.isArray(a) ? a.length > 0 : Boolean(a && String(a).trim());\n  };\n\n  const answeredCount = questions.filter(isAnswered).length;\n  const answeredPct = questions.length > 0 ? (answeredCount / questions.length) * 100 : 0;\n  const remaining = questions.length - answeredCount;\n  const encouragement =\n    answeredCount === 0\n      ? 'Answer a question to get started.'\n      : remaining === 0\n        ? 'All questions answered — ready to submit.'\n        : `${remaining} question${remaining === 1 ? '' : 's'} left to answer.`;\n\n  const handleSubmit = async (): Promise<void> => {\n    if (!assessmentId) return;\n    const result = await submit.mutateAsync({\n      assessmentId,\n      enrollmentId,\n      attempt: 1,\n      answers,\n    });\n    setSubmittedId(result.id);\n  };\n\n  const backToCourse = assessment\n    ? (\n        <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo(`catalog/${assessment.courseId}`)}>\n          <ArrowLeft className=\"mr-1 h-4 w-4\" /> Back to course\n        </Button>\n      )\n    : undefined;\n\n  if (!assessmentId) {\n    return (\n      <PageLayout title=\"Assessment\">\n        <EmptyState illustration=\"empty-data\" title=\"No assessment selected\" />\n      </PageLayout>\n    );\n  }\n\n  if (assessmentQuery.isLoading) {\n    return (\n      <PageLayout title=\"Assessment\">\n        <LoadingView label=\"Loading the assessment…\" />\n      </PageLayout>\n    );\n  }\n\n  if (assessmentQuery.isError || !assessment) {\n    return (\n      <PageLayout title=\"Assessment\" actions={backToCourse}>\n        <ErrorView\n          title=\"Couldn't load this assessment\"\n          message={assessmentQuery.error instanceof Error ? assessmentQuery.error.message : undefined}\n          onRetry={() => assessmentQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (assessment.status !== 'PUBLISHED') {\n    return (\n      <PageLayout title={assessment.title} actions={backToCourse}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"This assessment isn't open yet\"\n          description=\"It has to be published by an educator before you can take it.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  // Submitted confirmation\n  if (submittedId) {\n    return (\n      <PageLayout title={assessment.title} actions={backToCourse}>\n        <div className=\"mx-auto max-w-lg\">\n          <GlassCard treatment=\"glass\" glow className=\"flex flex-col items-center gap-4 p-8 text-center\">\n            <div className=\"flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg-subtle\">\n              <CheckCircle2 className=\"h-7 w-7 text-status-success-text\" />\n            </div>\n            <div>\n              <h2 className=\"text-lg font-semibold text-text-primary\">Submitted</h2>\n              <p className=\"mt-1 text-sm text-text-secondary\">\n                Your answers for “{assessment.title}” were submitted.\n                {assessment.isGraded\n                  ? ' An educator will grade them — you’ll see your score and feedback in My Learning.'\n                  : ' Thanks for completing it.'}\n              </p>\n            </div>\n            <div className=\"flex flex-wrap justify-center gap-2\">\n              <Button variant=\"secondary\" onClick={() => navigateTo('learning')}>\n                Go to My Learning\n              </Button>\n              <Button variant=\"ghost\" onClick={() => navigateTo(`catalog/${assessment.courseId}`)}>\n                Back to course\n              </Button>\n            </div>\n          </GlassCard>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={assessment.title}\n      description={assessment.description ?? undefined}\n      actions={backToCourse}\n    >\n      <div className=\"mx-auto max-w-3xl pb-4\">\n        {/* Meta strip — type · passing score · time limit · attempts · answered */}\n        <GlassCard treatment=\"glass\" className=\"mb-6 p-4 sm:px-5\">\n          <div className=\"flex flex-col divide-y divide-border-seam sm:flex-row sm:flex-wrap sm:items-center sm:divide-x sm:divide-y-0\">\n            <MetaCell\n              icon={<FileText className=\"h-4 w-4\" />}\n              label=\"Type\"\n              value={<StatusBadge status={assessment.type} />}\n            />\n            <MetaCell\n              icon={<Target className=\"h-4 w-4\" />}\n              label=\"Passing score\"\n              value={`${assessment.passingScore}%`}\n            />\n            {assessment.timeLimitMin > 0 && (\n              <MetaCell\n                icon={<Clock className=\"h-4 w-4\" />}\n                label=\"Time limit\"\n                value={formatDuration(assessment.timeLimitMin)}\n              />\n            )}\n            {assessment.maxAttempts > 0 && (\n              <MetaCell\n                icon={<RefreshCw className=\"h-4 w-4\" />}\n                label=\"Attempts\"\n                value={assessment.maxAttempts}\n              />\n            )}\n            <div className=\"flex items-center gap-3 py-3 sm:ml-auto sm:py-0 sm:pl-5\">\n              <ProgressRing\n                value={answeredPct}\n                size={44}\n                stroke={5}\n                label={`${answeredCount}/${questions.length}`}\n              />\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-semibold text-text-primary tabular-nums\">\n                  {answeredCount} of {questions.length}\n                </p>\n                <p className=\"text-xs text-text-secondary\">answered</p>\n              </div>\n            </div>\n          </div>\n        </GlassCard>\n\n        {questions.length === 0 ? (\n          <EmptyState\n            icon={<ClipboardCheck className=\"h-8 w-8\" />}\n            title=\"No questions yet\"\n            description=\"This assessment doesn't have any questions to answer.\"\n          />\n        ) : (\n          <div className=\"flex flex-col gap-4\">\n            {questions.map((q, idx) => {\n              const choices =\n                q.type === 'TRUE_FALSE' ? TRUE_FALSE_CHOICES : parseChoices(q.options);\n              const answer = answers[q.id];\n              const answered = isAnswered(q);\n              return (\n                <GlassCard\n                  key={q.id}\n                  treatment={answered ? 'insight' : 'plain'}\n                  className={cn(\n                    'p-5 transition-shadow',\n                    answered && 'ring-1 ring-[var(--color-accent-soft)]'\n                  )}\n                >\n                  <div className=\"flex items-start gap-3 sm:gap-4\">\n                    <span\n                      className={cn(\n                        'mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm font-semibold tabular-nums transition-colors',\n                        answered\n                          ? 'bg-status-success-bg-subtle text-status-success-text'\n                          : 'bg-[var(--color-accent-soft)] text-text-primary'\n                      )}\n                    >\n                      {answered ? <CheckCircle2 className=\"h-4 w-4\" /> : idx + 1}\n                    </span>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"flex flex-wrap items-center gap-2\">\n                        <span className=\"rounded-md bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n                          {formatEnumLabel(q.type)}\n                        </span>\n                        <span className=\"ml-auto text-xs text-text-secondary tabular-nums\">\n                          {q.points} {q.points === 1 ? 'point' : 'points'}\n                        </span>\n                      </div>\n                      <p className=\"mt-2.5 font-medium text-text-primary\">{q.prompt}</p>\n\n                      <div className=\"mt-4\">\n                        {(q.type === 'SINGLE_CHOICE' || q.type === 'TRUE_FALSE') && (\n                          <div className=\"flex flex-col gap-2\">\n                            {choices.map((c) => (\n                              <label\n                                key={c.label}\n                                className={cn(\n                                  'flex min-h-[44px] cursor-pointer items-center gap-3 rounded-xl border px-3.5 py-2.5 text-sm transition-colors',\n                                  answer === c.label\n                                    ? 'border-[var(--color-accent-teal)] bg-[var(--color-accent-soft)] text-text-primary'\n                                    : 'border-border-seam text-text-secondary hover:border-border-strong hover:bg-bg-sunken'\n                                )}\n                              >\n                                <input\n                                  type=\"radio\"\n                                  name={q.id}\n                                  className=\"h-4 w-4 accent-[var(--color-accent-teal)]\"\n                                  checked={answer === c.label}\n                                  onChange={() => setAnswer(q.id, c.label)}\n                                />\n                                {c.label}\n                              </label>\n                            ))}\n                          </div>\n                        )}\n\n                        {q.type === 'MULTIPLE_CHOICE' && (\n                          <div className=\"flex flex-col gap-2\">\n                            {choices.map((c) => {\n                              const checked = Array.isArray(answer) && answer.includes(c.label);\n                              return (\n                                <label\n                                  key={c.label}\n                                  className={cn(\n                                    'flex min-h-[44px] cursor-pointer items-center gap-3 rounded-xl border px-3.5 py-2.5 text-sm transition-colors',\n                                    checked\n                                      ? 'border-[var(--color-accent-teal)] bg-[var(--color-accent-soft)] text-text-primary'\n                                      : 'border-border-seam text-text-secondary hover:border-border-strong hover:bg-bg-sunken'\n                                  )}\n                                >\n                                  <input\n                                    type=\"checkbox\"\n                                    className=\"h-4 w-4 rounded accent-[var(--color-accent-teal)]\"\n                                    checked={checked}\n                                    onChange={() => toggleMulti(q.id, c.label)}\n                                  />\n                                  {c.label}\n                                </label>\n                              );\n                            })}\n                          </div>\n                        )}\n\n                        {q.type === 'SHORT_ANSWER' && (\n                          <Input\n                            value={typeof answer === 'string' ? answer : ''}\n                            onChange={(e) => setAnswer(q.id, e.target.value)}\n                            placeholder=\"Type your answer here…\"\n                          />\n                        )}\n\n                        {(q.type === 'ESSAY' || q.type === 'CODE') && (\n                          <Textarea\n                            rows={q.type === 'CODE' ? 6 : 4}\n                            value={typeof answer === 'string' ? answer : ''}\n                            onChange={(e) => setAnswer(q.id, e.target.value)}\n                            placeholder={q.type === 'CODE' ? 'Write your code…' : 'Write your answer…'}\n                            className={q.type === 'CODE' ? 'font-mono text-sm' : undefined}\n                          />\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </GlassCard>\n              );\n            })}\n\n            {submit.isError && (\n              <p className=\"text-sm text-status-error-text\">\n                {submit.error instanceof Error ? submit.error.message : 'Could not submit your answers.'}\n              </p>\n            )}\n\n            {/* Sticky submit bar */}\n            <div className=\"sticky bottom-0 z-10 pt-2\">\n              <div className=\"flex flex-col gap-3 rounded-2xl border border-border-seam bg-bg-surface/90 p-4 shadow-elevation-2 backdrop-blur sm:flex-row sm:items-center sm:justify-between\">\n                <div className=\"flex items-center gap-3\">\n                  <ProgressRing\n                    value={answeredPct}\n                    size={44}\n                    stroke={5}\n                    label={`${answeredCount}/${questions.length}`}\n                  />\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-semibold text-text-primary tabular-nums\">\n                      {answeredCount} of {questions.length} answered\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">{encouragement}</p>\n                  </div>\n                </div>\n                <Button\n                  size=\"lg\"\n                  className=\"max-sm:w-full\"\n                  onClick={handleSubmit}\n                  disabled={submit.isPending || answeredCount === 0}\n                >\n                  <Send className=\"mr-1.5 h-4 w-4\" />\n                  {submit.isPending ? 'Submitting…' : 'Submit assessment'}\n                </Button>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/buildmyiq/pages/authoring/AuthoringPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthoringPage.d.ts","sourceRoot":"","sources":["../../../../src/buildmyiq/pages/authoring/AuthoringPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmLhC,eAAO,MAAM,aAAa,EAAE,EAgH3B,CAAC"}
+{"version":3,"file":"AuthoringPage.d.ts","sourceRoot":"","sources":["../../../../src/buildmyiq/pages/authoring/AuthoringPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmLhC,eAAO,MAAM,aAAa,EAAE,EA0H3B,CAAC"}