@burdenoff/microfe-buildmyiq 2026.1029.6 → 2026.1030.1

package/dist/buildmyiq/pages/learning/LessonPlayerPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LessonPlayerPage.d.ts","sourceRoot":"","sources":["../../../../src/buildmyiq/pages/learning/LessonPlayerPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgEhC,eAAO,MAAM,gBAAgB,EAAE,EAuhB9B,CAAC"}
+{"version":3,"file":"LessonPlayerPage.d.ts","sourceRoot":"","sources":["../../../../src/buildmyiq/pages/learning/LessonPlayerPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgEhC,eAAO,MAAM,gBAAgB,EAAE,EAqjB9B,CAAC"}

package/dist/buildmyiq/pages/learning/LessonPlayerPage.js

@@ -9,215 +9,233 @@ import { EmptyState as s } from "../../components/EmptyState.js";
 import { ErrorView as c, LoadingView as l } from "../../components/StateViews.js";
 import { MiniBar as ee } from "../../components/MiniBar.js";
 import { ProgressRing as te } from "../../components/Viz.js";
-import { useBuiCompleteMyEnrollment as ne, useBuiCourse as re, useBuiMyEnrollment as u, useBuiRecordMyLessonProgress as ie } from "../../hooks/useBuildmyiqApi.js";
+import { useBuiCompleteMyEnrollment as ne, useBuiCourse as re, useBuiMyEnrollment as ie, useBuiRecordMyLessonProgress as ae } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
-import { FileLink as ae } from "../../components/FileLink.js";
-import { TutorPanel as oe } from "../../components/TutorPanel.js";
-import { OfflineLessonControl as se } from "../../components/OfflineLessonControl.js";
+import { FileLink as oe } from "../../components/FileLink.js";
+import { TutorPanel as se } from "../../components/TutorPanel.js";
+import { OfflineLessonControl as ce } from "../../components/OfflineLessonControl.js";
 import "../../components/index.js";
-import { useEffect as ce, useMemo as d, useRef as le, useState as f } from "react";
-import { ArrowLeft as ue, BookOpen as de, Check as fe, CheckCircle2 as p, ChevronLeft as pe, ChevronRight as me, FileText as m, HelpCircle as h, ListChecks as he, Loader2 as g, MousePointerClick as _, PenLine as v, PlayCircle as y, Radio as b, Trophy as x } from "lucide-react";
-import { useParams as ge, useSearchParams as _e } from "react-router";
-import { Fragment as ve, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Button as w, GlassCard as T } from "@burdenoff/fe-libs/ui";
+import { useEffect as le, useMemo as u, useRef as ue, useState as d } from "react";
+import { ArrowLeft as de, BookOpen as fe, Check as pe, CheckCircle2 as f, ChevronLeft as me, ChevronRight as he, FileText as p, HelpCircle as m, ListChecks as ge, Loader2 as h, MousePointerClick as g, PenLine as _, PlayCircle as v, Radio as y, Trophy as _e } from "lucide-react";
+import { useParams as ve, useSearchParams as ye } from "react-router";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Button as C, GlassCard as w } from "@burdenoff/fe-libs/ui";
 //#region src/buildmyiq/pages/learning/LessonPlayerPage.tsx
-var E = {
-	ARTICLE: m,
-	VIDEO: y,
-	QUIZ: h,
-	ASSIGNMENT: v,
-	INTERACTIVE: _,
-	LIVE_SESSION: b
-}, D = (e) => [...e].sort((e, t) => e.position - t.position), O = () => {
-	let { enrollmentId: h } = ge(), [_] = _e(), v = _.get("lesson"), { navigateTo: y } = e(), b = t(), O = u(h), k = O.data ?? null, A = k?.courseId, j = re(A), M = j.data ?? null, N = ie(), P = ne(), F = N.mutate, I = le(/* @__PURE__ */ new Set()), [L, R] = f(null), [z, B] = f(!1), V = d(() => {
-		if (!M) return [];
-		let e = /* @__PURE__ */ new Set(), t = D(M.modules ?? []), n = [];
+var T = {
+	ARTICLE: p,
+	VIDEO: v,
+	QUIZ: m,
+	ASSIGNMENT: _,
+	INTERACTIVE: g,
+	LIVE_SESSION: y
+}, E = (e) => [...e].sort((e, t) => e.position - t.position), D = () => {
+	let { enrollmentId: m } = ve(), [g] = ye(), _ = g.get("lesson"), { navigateTo: v } = e(), y = t(), D = ie(m), O = D.data ?? null, k = O?.courseId, A = re(k), j = A.data ?? null, M = ae(), N = ne(), P = M.mutate, F = ue(/* @__PURE__ */ new Set()), [I, L] = d(null), [R, z] = d(!1), [B, V] = d(null), H = u(() => {
+		if (!j) return [];
+		let e = /* @__PURE__ */ new Set(), t = E(j.modules ?? []), n = [];
 		for (let r of t) {
-			let t = D(r.lessons ?? []).filter((t) => e.has(t.id) ? !1 : (e.add(t.id), !0));
+			let t = E(r.lessons ?? []).filter((t) => e.has(t.id) ? !1 : (e.add(t.id), !0));
 			t.length > 0 && n.push({
 				id: r.id,
 				title: r.title,
 				lessons: t
 			});
 		}
-		let r = D(M.lessons ?? []).filter((t) => e.has(t.id) ? !1 : (e.add(t.id), !0));
+		let r = E(j.lessons ?? []).filter((t) => e.has(t.id) ? !1 : (e.add(t.id), !0));
 		return r.length > 0 && n.push({
 			id: "__standalone",
-			title: b("common.lessons", "Lessons"),
+			title: y("common.lessons", "Lessons"),
 			lessons: r
 		}), n;
-	}, [M, b]), H = d(() => V.flatMap((e) => e.lessons), [V]), ye = d(() => new Map(H.map((e) => [e.id, e.title])), [H]), U = d(() => {
+	}, [j, y]), U = u(() => H.flatMap((e) => e.lessons), [H]), be = u(() => new Map(U.map((e) => [e.id, e.title])), [U]), W = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of k?.lessonProgress ?? []) e.set(t.lessonId, t.status);
+		for (let t of O?.lessonProgress ?? []) e.set(t.lessonId, t.status);
 		return e;
-	}, [k]), W = d(() => H.length === 0 ? null : L && H.some((e) => e.id === L) ? L : v && H.some((e) => e.id === v) ? v : H[0].id, [
-		H,
-		L,
-		v
+	}, [O]), G = u(() => U.length === 0 ? null : I && U.some((e) => e.id === I) ? I : _ && U.some((e) => e.id === _) ? _ : U[0].id, [
+		U,
+		I,
+		_
 	]);
-	ce(() => {
-		if (!h || !W) return;
-		let e = U.get(W);
-		e === "COMPLETED" || e === "IN_PROGRESS" || I.current.has(W) || (I.current.add(W), F({
-			enrollmentId: h,
-			lessonId: W,
+	le(() => {
+		if (!m || !G) return;
+		let e = W.get(G);
+		e === "COMPLETED" || e === "IN_PROGRESS" || F.current.has(G) || (F.current.add(G), P({
+			enrollmentId: m,
+			lessonId: G,
 			status: "IN_PROGRESS"
 		}));
 	}, [
-		h,
+		m,
+		G,
 		W,
-		U,
-		F
+		P
 	]);
-	let G = H.findIndex((e) => e.id === W), K = G >= 0 ? H[G] : null, q = (K ? U.get(K.id) : void 0) === "COMPLETED", J = H.filter((e) => U.get(e.id) === "COMPLETED").length, be = H.length > 0 && J === H.length, xe = k?.status === "COMPLETED", Y = (e) => {
-		R(e), B(!1);
-	}, X = (e) => {
-		if (G < 0) return;
-		let t = H[G + e];
-		t && Y(t.id);
-	}, Z = async () => {
-		if (!h || !K) return;
-		await N.mutateAsync({
-			enrollmentId: h,
-			lessonId: K.id,
-			status: "COMPLETED"
-		});
-		let e = H[G + 1];
-		e && R(e.id);
-	}, Se = async () => {
-		h && await P.mutateAsync({ id: h });
+	let K = U.findIndex((e) => e.id === G), q = K >= 0 ? U[K] : null, J = (q ? W.get(q.id) : void 0) === "COMPLETED", Y = U.filter((e) => W.get(e.id) === "COMPLETED").length, xe = U.length > 0 && Y === U.length, Se = O?.status === "COMPLETED", X = (e) => {
+		L(e), z(!1), V(null);
+	}, Z = (e) => {
+		if (K < 0) return;
+		let t = U[K + e];
+		t && X(t.id);
+	}, Ce = async () => {
+		if (!m || !q) return;
+		V(null);
+		try {
+			await M.mutateAsync({
+				enrollmentId: m,
+				lessonId: q.id,
+				status: "COMPLETED"
+			});
+		} catch (e) {
+			V(e instanceof Error && e.message ? e.message : y("buildmyiq.lessonPlayer.markCompleteError", "Could not mark this lesson complete."));
+			return;
+		}
+		let e = U[K + 1];
+		e && L(e.id);
+	}, we = async () => {
+		if (m) {
+			V(null);
+			try {
+				await N.mutateAsync({ id: m });
+			} catch (e) {
+				V(e instanceof Error && e.message ? e.message : y("buildmyiq.lessonPlayer.finishCourseError", "Could not finish this course."));
+			}
+		}
 	};
-	if (!h) return /* @__PURE__ */ S(r, {
-		title: b("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
-		children: /* @__PURE__ */ S(s, {
+	if (!m) return /* @__PURE__ */ x(r, {
+		title: y("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
+		children: /* @__PURE__ */ x(s, {
 			illustration: "empty-data",
-			title: b("buildmyiq.lessonPlayer.noEnrollmentTitle", "No enrollment selected"),
-			description: b("buildmyiq.lessonPlayer.noEnrollmentDescription", "Open a course from My Learning to start the lesson player."),
-			action: /* @__PURE__ */ S(w, {
-				onClick: () => y("learning"),
-				children: b("buildmyiq.lessonPlayer.backToLearning", "Back to My Learning")
+			title: y("buildmyiq.lessonPlayer.noEnrollmentTitle", "No enrollment selected"),
+			description: y("buildmyiq.lessonPlayer.noEnrollmentDescription", "Open a course from My Learning to start the lesson player."),
+			action: /* @__PURE__ */ x(C, {
+				onClick: () => v("learning"),
+				children: y("buildmyiq.lessonPlayer.backToLearning", "Back to My Learning")
 			})
 		})
 	});
-	let Ce = O.isLoading || !!A && j.isLoading, Q = /* @__PURE__ */ C(w, {
+	let Te = D.isLoading || !!k && A.isLoading, Q = /* @__PURE__ */ S(C, {
 		variant: "ghost",
 		size: "sm",
-		onClick: () => y("learning"),
+		onClick: () => v("learning"),
 		children: [
-			/* @__PURE__ */ S(ue, { className: "mr-1 h-4 w-4" }),
+			/* @__PURE__ */ x(de, { className: "mr-1 h-4 w-4" }),
 			" ",
-			b("buildmyiq.nav.learning", "My Learning")
+			y("buildmyiq.nav.learning", "My Learning")
 		]
 	});
-	if (Ce) return /* @__PURE__ */ S(r, {
-		title: b("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
+	if (Te) return /* @__PURE__ */ x(r, {
+		title: y("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
 		actions: Q,
-		children: /* @__PURE__ */ S(l, { label: b("buildmyiq.lessonPlayer.loading", "Loading your lesson…") })
+		children: /* @__PURE__ */ x(l, { label: y("buildmyiq.lessonPlayer.loading", "Loading your lesson…") })
 	});
-	if (O.isError) return /* @__PURE__ */ S(r, {
-		title: b("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
+	if (D.isError) return /* @__PURE__ */ x(r, {
+		title: y("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
 		actions: Q,
-		children: /* @__PURE__ */ S(c, {
-			title: b("buildmyiq.lessonPlayer.enrollmentErrorTitle", "Couldn't load this enrollment"),
-			message: O.error instanceof Error ? O.error.message : void 0,
-			onRetry: () => O.refetch()
+		children: /* @__PURE__ */ x(c, {
+			title: y("buildmyiq.lessonPlayer.enrollmentErrorTitle", "Couldn't load this enrollment"),
+			message: D.error instanceof Error ? D.error.message : void 0,
+			onRetry: () => D.refetch()
 		})
 	});
-	if (!k) return /* @__PURE__ */ S(r, {
-		title: b("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
+	if (!O) return /* @__PURE__ */ x(r, {
+		title: y("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
 		actions: Q,
-		children: /* @__PURE__ */ S(s, {
+		children: /* @__PURE__ */ x(s, {
 			illustration: "empty-data",
-			title: b("buildmyiq.lessonPlayer.enrollmentNotFoundTitle", "Enrollment not found"),
-			description: b("buildmyiq.lessonPlayer.enrollmentNotFoundDescription", "This enrollment may have been removed or is not available to you."),
-			action: /* @__PURE__ */ S(w, {
-				onClick: () => y("learning"),
-				children: b("buildmyiq.lessonPlayer.backToLearning", "Back to My Learning")
+			title: y("buildmyiq.lessonPlayer.enrollmentNotFoundTitle", "Enrollment not found"),
+			description: y("buildmyiq.lessonPlayer.enrollmentNotFoundDescription", "This enrollment may have been removed or is not available to you."),
+			action: /* @__PURE__ */ x(C, {
+				onClick: () => v("learning"),
+				children: y("buildmyiq.lessonPlayer.backToLearning", "Back to My Learning")
 			})
 		})
 	});
-	if (j.isError) return /* @__PURE__ */ S(r, {
-		title: b("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
+	if (A.isError) return /* @__PURE__ */ x(r, {
+		title: y("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
 		actions: Q,
-		children: /* @__PURE__ */ S(c, {
-			title: b("buildmyiq.lessonPlayer.courseErrorTitle", "Couldn't load the course"),
-			message: j.error instanceof Error ? j.error.message : void 0,
-			onRetry: () => j.refetch()
+		children: /* @__PURE__ */ x(c, {
+			title: y("buildmyiq.lessonPlayer.courseErrorTitle", "Couldn't load the course"),
+			message: A.error instanceof Error ? A.error.message : void 0,
+			onRetry: () => A.refetch()
 		})
 	});
-	let $ = Math.round(k.progressPct ?? 0), we = K ? E[K.type] : m;
-	return /* @__PURE__ */ S(r, {
-		title: M?.title ?? b("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
+	let $ = Math.round(O.progressPct ?? 0), Ee = q ? T[q.type] : p;
+	return /* @__PURE__ */ x(r, {
+		title: j?.title ?? y("buildmyiq.lessonPlayer.pageTitle", "Lesson"),
 		actions: Q,
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "flex flex-col gap-5",
 			children: [
-				/* @__PURE__ */ C(T, {
+				/* @__PURE__ */ S(w, {
 					treatment: "glass",
 					glow: $ > 0,
 					className: "flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:gap-5",
 					children: [
-						/* @__PURE__ */ S(te, {
+						/* @__PURE__ */ x(te, {
 							value: $,
 							size: 64,
 							className: "shrink-0"
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ S("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ S("div", {
 								className: "flex flex-wrap items-center gap-2",
-								children: [/* @__PURE__ */ S(o, { status: k.status }), /* @__PURE__ */ S("span", {
+								children: [/* @__PURE__ */ x(o, { status: O.status }), /* @__PURE__ */ x("span", {
 									className: "text-sm text-text-secondary tabular-nums",
-									children: b("buildmyiq.lessonPlayer.progressSummary", "{{completed}} of {{total}} lessons complete", {
-										completed: J,
-										total: H.length
+									children: y("buildmyiq.lessonPlayer.progressSummary", "{{completed}} of {{total}} lessons complete", {
+										completed: Y,
+										total: U.length
 									})
 								})]
-							}), /* @__PURE__ */ S(ee, {
+							}), /* @__PURE__ */ x(ee, {
 								value: $,
 								className: "mt-3"
 							})]
 						}),
-						be && !xe && /* @__PURE__ */ C(w, {
+						xe && !Se && /* @__PURE__ */ S(C, {
 							className: "shrink-0 max-sm:w-full",
-							onClick: Se,
-							disabled: P.isPending,
-							children: [P.isPending ? /* @__PURE__ */ S(g, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ S(x, { className: "mr-1 h-4 w-4" }), b("buildmyiq.lessonPlayer.finishCourse", "Finish course")]
+							onClick: we,
+							disabled: N.isPending,
+							children: [N.isPending ? /* @__PURE__ */ x(h, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ x(_e, { className: "mr-1 h-4 w-4" }), y("buildmyiq.lessonPlayer.finishCourse", "Finish course")]
 						})
 					]
 				}),
-				/* @__PURE__ */ C(w, {
+				B && /* @__PURE__ */ x("p", {
+					role: "alert",
+					className: "text-sm text-status-error-text",
+					children: B
+				}),
+				/* @__PURE__ */ S(C, {
 					variant: "secondary",
 					size: "sm",
 					className: "w-full lg:hidden",
-					onClick: () => B((e) => !e),
-					children: [/* @__PURE__ */ S(he, { className: "mr-1 h-4 w-4" }), z ? b("buildmyiq.lessonPlayer.hideLessons", "Hide lessons") : b("buildmyiq.lessonPlayer.showLessons", "Lessons ({{completed}}/{{total}})", {
-						completed: J,
-						total: H.length
+					onClick: () => z((e) => !e),
+					children: [/* @__PURE__ */ x(ge, { className: "mr-1 h-4 w-4" }), R ? y("buildmyiq.lessonPlayer.hideLessons", "Hide lessons") : y("buildmyiq.lessonPlayer.showLessons", "Lessons ({{completed}}/{{total}})", {
+						completed: Y,
+						total: U.length
 					})]
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex flex-col gap-5 lg:flex-row",
-					children: [/* @__PURE__ */ S("aside", {
-						className: n("lg:block lg:w-80 lg:shrink-0", z ? "block" : "hidden"),
-						children: /* @__PURE__ */ S(T, {
+					children: [/* @__PURE__ */ x("aside", {
+						className: n("lg:block lg:w-80 lg:shrink-0", R ? "block" : "hidden"),
+						children: /* @__PURE__ */ x(w, {
 							treatment: "plain",
 							className: "overflow-hidden p-0 lg:sticky lg:top-4",
-							children: H.length === 0 ? /* @__PURE__ */ S("div", {
+							children: U.length === 0 ? /* @__PURE__ */ x("div", {
 								className: "p-4 text-sm text-text-secondary",
-								children: b("buildmyiq.lessonPlayer.noLessons", "This course has no lessons yet.")
-							}) : /* @__PURE__ */ C(ve, { children: [/* @__PURE__ */ S("nav", {
+								children: y("buildmyiq.lessonPlayer.noLessons", "This course has no lessons yet.")
+							}) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("nav", {
 								className: "max-h-[68vh] overflow-auto p-3",
-								children: V.map((e) => {
-									let t = e.lessons.filter((e) => U.get(e.id) === "COMPLETED").length;
-									return /* @__PURE__ */ C("div", {
+								children: H.map((e) => {
+									let t = e.lessons.filter((e) => W.get(e.id) === "COMPLETED").length;
+									return /* @__PURE__ */ S("div", {
 										className: "mb-4 last:mb-0",
-										children: [/* @__PURE__ */ C("div", {
+										children: [/* @__PURE__ */ S("div", {
 											className: "mb-2 flex items-center justify-between gap-2 px-1",
-											children: [/* @__PURE__ */ S("p", {
+											children: [/* @__PURE__ */ x("p", {
 												className: "min-w-0 truncate text-sm font-semibold text-text-primary",
 												children: e.title
-											}), /* @__PURE__ */ C("span", {
+											}), /* @__PURE__ */ S("span", {
 												className: "shrink-0 text-xs font-medium tabular-nums text-text-secondary",
 												children: [
 													t,
@@ -225,33 +243,33 @@ var E = {
 													e.lessons.length
 												]
 											})]
-										}), /* @__PURE__ */ S("ul", {
+										}), /* @__PURE__ */ x("ul", {
 											className: "flex flex-col",
 											children: e.lessons.map((t, r) => {
-												let o = U.get(t.id) === "COMPLETED", s = t.id === W, c = r === e.lessons.length - 1, l = E[t.type];
-												return /* @__PURE__ */ C("li", {
+												let o = W.get(t.id) === "COMPLETED", s = t.id === G, c = r === e.lessons.length - 1, l = T[t.type];
+												return /* @__PURE__ */ S("li", {
 													className: "flex gap-3",
-													children: [/* @__PURE__ */ C("div", {
+													children: [/* @__PURE__ */ S("div", {
 														className: "flex flex-col items-center pt-1.5",
-														children: [o ? /* @__PURE__ */ S("span", {
+														children: [o ? /* @__PURE__ */ x("span", {
 															className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-status-success-text)]",
-															children: /* @__PURE__ */ S(fe, { className: "h-3.5 w-3.5 text-status-success-bg-subtle" })
-														}) : s ? /* @__PURE__ */ S("span", {
+															children: /* @__PURE__ */ x(pe, { className: "h-3.5 w-3.5 text-status-success-bg-subtle" })
+														}) : s ? /* @__PURE__ */ x("span", {
 															className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] ring-2 ring-[var(--color-accent-teal)]",
-															children: /* @__PURE__ */ S(l, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" })
-														}) : /* @__PURE__ */ S("span", {
+															children: /* @__PURE__ */ x(l, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" })
+														}) : /* @__PURE__ */ x("span", {
 															className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border-seam bg-bg-sunken",
-															children: /* @__PURE__ */ S(l, { className: "h-3.5 w-3.5 text-text-secondary opacity-70" })
-														}), !c && /* @__PURE__ */ S("span", { className: n("my-1 w-px flex-1", o ? "bg-[color-mix(in_srgb,var(--color-status-success-text)_45%,transparent)]" : "bg-border-seam") })]
-													}), /* @__PURE__ */ C("button", {
+															children: /* @__PURE__ */ x(l, { className: "h-3.5 w-3.5 text-text-secondary opacity-70" })
+														}), !c && /* @__PURE__ */ x("span", { className: n("my-1 w-px flex-1", o ? "bg-[color-mix(in_srgb,var(--color-status-success-text)_45%,transparent)]" : "bg-border-seam") })]
+													}), /* @__PURE__ */ S("button", {
 														type: "button",
-														onClick: () => Y(t.id),
+														onClick: () => X(t.id),
 														className: n("mb-1 min-w-0 flex-1 rounded-lg px-3 py-2 text-left transition-colors", s ? "bg-[var(--color-accent-soft)]" : "hover:bg-bg-sunken"),
 														"aria-current": s ? "true" : void 0,
-														children: [/* @__PURE__ */ S("span", {
+														children: [/* @__PURE__ */ x("span", {
 															className: n("block truncate text-sm", s ? "font-medium text-text-primary" : o ? "text-text-secondary" : "text-text-primary"),
 															children: t.title
-														}), /* @__PURE__ */ C("span", {
+														}), /* @__PURE__ */ S("span", {
 															className: "mt-0.5 block truncate text-xs text-text-secondary",
 															children: [a(t.type), t.durationMin > 0 ? ` · ${i(t.durationMin)}` : ""]
 														})]
@@ -261,131 +279,131 @@ var E = {
 										})]
 									}, e.id);
 								})
-							}), A && /* @__PURE__ */ S("div", {
+							}), k && /* @__PURE__ */ x("div", {
 								className: "border-t border-border-seam p-3",
-								children: /* @__PURE__ */ C(w, {
+								children: /* @__PURE__ */ S(C, {
 									variant: "outline",
 									size: "sm",
 									className: "w-full",
-									onClick: () => y(`catalog/${A}`),
+									onClick: () => v(`catalog/${k}`),
 									children: [
-										/* @__PURE__ */ S(de, { className: "mr-1.5 h-4 w-4" }),
+										/* @__PURE__ */ x(fe, { className: "mr-1.5 h-4 w-4" }),
 										" ",
-										b("buildmyiq.lessonPlayer.courseOverview", "Course overview")
+										y("buildmyiq.lessonPlayer.courseOverview", "Course overview")
 									]
 								})
 							})] })
 						})
-					}), /* @__PURE__ */ C("main", {
+					}), /* @__PURE__ */ S("main", {
 						className: "min-w-0 flex-1",
-						children: [K ? /* @__PURE__ */ C(T, {
+						children: [q ? /* @__PURE__ */ S(w, {
 							treatment: "plain",
 							className: "flex flex-col gap-4 p-5 sm:p-7",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex flex-wrap items-center gap-2",
 									children: [
-										/* @__PURE__ */ C("span", {
+										/* @__PURE__ */ S("span", {
 											className: "inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary",
-											children: [/* @__PURE__ */ S(we, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" }), a(K.type)]
+											children: [/* @__PURE__ */ x(Ee, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" }), a(q.type)]
 										}),
-										K.durationMin > 0 && /* @__PURE__ */ S("span", {
+										q.durationMin > 0 && /* @__PURE__ */ x("span", {
 											className: "text-xs text-text-secondary",
-											children: i(K.durationMin)
+											children: i(q.durationMin)
 										}),
-										q && /* @__PURE__ */ C("span", {
+										J && /* @__PURE__ */ S("span", {
 											className: "inline-flex items-center gap-1 text-xs font-medium text-status-success-text",
 											children: [
-												/* @__PURE__ */ S(p, { className: "h-3.5 w-3.5" }),
+												/* @__PURE__ */ x(f, { className: "h-3.5 w-3.5" }),
 												" ",
-												b("buildmyiq.lessonPlayer.completedLabel", "Completed")
+												y("buildmyiq.lessonPlayer.completedLabel", "Completed")
 											]
 										}),
-										/* @__PURE__ */ S(se, { lesson: K }, K.id),
-										/* @__PURE__ */ S("span", {
+										/* @__PURE__ */ x(ce, { lesson: q }, q.id),
+										/* @__PURE__ */ x("span", {
 											className: "ml-auto text-xs tabular-nums text-text-secondary",
-											children: b("buildmyiq.lessonPlayer.lessonPosition", "Lesson {{n}} of {{total}}", {
-												n: G + 1,
-												total: H.length
+											children: y("buildmyiq.lessonPlayer.lessonPosition", "Lesson {{n}} of {{total}}", {
+												n: K + 1,
+												total: U.length
 											})
 										})
 									]
 								}),
-								/* @__PURE__ */ S("h2", {
+								/* @__PURE__ */ x("h2", {
 									className: "text-2xl font-semibold tracking-tight text-text-primary",
-									children: K.title
+									children: q.title
 								}),
-								K.media ? /* @__PURE__ */ C("div", {
+								q.media ? /* @__PURE__ */ S("div", {
 									className: "rounded-xl border border-border-seam bg-bg-sunken p-3",
-									children: [/* @__PURE__ */ S("p", {
+									children: [/* @__PURE__ */ x("p", {
 										className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary",
-										children: b("buildmyiq.lessonPlayer.resources", "Resources")
-									}), /* @__PURE__ */ S(ae, { fileId: K.media.id })]
+										children: y("buildmyiq.lessonPlayer.resources", "Resources")
+									}), /* @__PURE__ */ x(oe, { fileId: q.media.id })]
 								}) : null,
-								K.content ? /* @__PURE__ */ S("p", {
+								q.content ? /* @__PURE__ */ x("p", {
 									className: "max-w-prose whitespace-pre-wrap text-[15px] leading-7 text-text-primary",
-									children: K.content
-								}) : /* @__PURE__ */ S("p", {
+									children: q.content
+								}) : /* @__PURE__ */ x("p", {
 									className: "text-sm text-text-secondary",
-									children: K.media ? b("buildmyiq.lessonPlayer.noContentWithMedia", "This lesson has no written content beyond the attached media.") : b("buildmyiq.lessonPlayer.noContent", "This lesson has no written content")
+									children: q.media ? y("buildmyiq.lessonPlayer.noContentWithMedia", "This lesson has no written content beyond the attached media.") : y("buildmyiq.lessonPlayer.noContent", "This lesson has no written content")
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ S("div", {
 									className: "mt-2 flex flex-col gap-3 border-t border-border-seam pt-5 sm:flex-row sm:items-center sm:justify-between",
 									children: [
-										/* @__PURE__ */ C(w, {
+										/* @__PURE__ */ S(C, {
 											variant: "outline",
 											size: "sm",
 											className: "max-sm:w-full",
-											onClick: () => X(-1),
-											disabled: G <= 0,
+											onClick: () => Z(-1),
+											disabled: K <= 0,
 											children: [
-												/* @__PURE__ */ S(pe, { className: "mr-1 h-4 w-4" }),
+												/* @__PURE__ */ x(me, { className: "mr-1 h-4 w-4" }),
 												" ",
-												b("buildmyiq.lessonPlayer.previous", "Previous")
+												y("buildmyiq.lessonPlayer.previous", "Previous")
 											]
 										}),
-										q ? /* @__PURE__ */ C("span", {
+										J ? /* @__PURE__ */ S("span", {
 											className: "inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text max-sm:w-full",
 											children: [
-												/* @__PURE__ */ S(p, { className: "h-4 w-4" }),
+												/* @__PURE__ */ x(f, { className: "h-4 w-4" }),
 												" ",
-												b("buildmyiq.lessonPlayer.lessonComplete", "Lesson complete")
+												y("buildmyiq.lessonPlayer.lessonComplete", "Lesson complete")
 											]
-										}) : /* @__PURE__ */ C(w, {
+										}) : /* @__PURE__ */ S(C, {
 											size: "lg",
 											className: "max-sm:w-full",
-											onClick: Z,
-											disabled: N.isPending,
-											children: [N.isPending ? /* @__PURE__ */ S(g, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ S(p, { className: "mr-1.5 h-4 w-4" }), N.isPending ? b("buildmyiq.lessonPlayer.markingComplete", "Marking complete…") : b("buildmyiq.lessonPlayer.markComplete", "Mark complete")]
+											onClick: Ce,
+											disabled: M.isPending,
+											children: [M.isPending ? /* @__PURE__ */ x(h, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ x(f, { className: "mr-1.5 h-4 w-4" }), M.isPending ? y("buildmyiq.lessonPlayer.markingComplete", "Marking complete…") : y("buildmyiq.lessonPlayer.markComplete", "Mark complete")]
 										}),
-										/* @__PURE__ */ C(w, {
+										/* @__PURE__ */ S(C, {
 											variant: "outline",
 											size: "sm",
 											className: "max-sm:w-full",
-											onClick: () => X(1),
-											disabled: G >= H.length - 1,
+											onClick: () => Z(1),
+											disabled: K >= U.length - 1,
 											children: [
-												b("buildmyiq.lessonPlayer.next", "Next"),
+												y("buildmyiq.lessonPlayer.next", "Next"),
 												" ",
-												/* @__PURE__ */ S(me, { className: "ml-1 h-4 w-4" })
+												/* @__PURE__ */ x(he, { className: "ml-1 h-4 w-4" })
 											]
 										})
 									]
 								})
 							]
-						}) : /* @__PURE__ */ S(s, {
+						}) : /* @__PURE__ */ x(s, {
 							illustration: "empty-data",
-							title: b("buildmyiq.lessonPlayer.noLessonTitle", "No lesson to show"),
-							description: b("buildmyiq.lessonPlayer.noLessonDescription", "This course doesn't have any lessons yet. Check back once the author adds content.")
-						}), K && A && h && /* @__PURE__ */ S("div", {
+							title: y("buildmyiq.lessonPlayer.noLessonTitle", "No lesson to show"),
+							description: y("buildmyiq.lessonPlayer.noLessonDescription", "This course doesn't have any lessons yet. Check back once the author adds content.")
+						}), q && k && m && /* @__PURE__ */ x("div", {
 							className: "mt-5",
-							children: /* @__PURE__ */ S(oe, {
-								courseId: A,
-								enrollmentId: h,
-								lessonId: K.id,
-								lessonTitle: K.title,
-								lessonTitlesById: ye
-							}, A)
+							children: /* @__PURE__ */ x(se, {
+								courseId: k,
+								enrollmentId: m,
+								lessonId: q.id,
+								lessonTitle: q.title,
+								lessonTitlesById: be
+							}, k)
 						})]
 					})]
 				})
@@ -394,6 +412,6 @@ var E = {
 	});
 };
 //#endregion
-export { O as LessonPlayerPage };
+export { D as LessonPlayerPage };
 
 //# sourceMappingURL=LessonPlayerPage.js.map

package/dist/buildmyiq/pages/learning/LessonPlayerPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LessonPlayerPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/learning/LessonPlayerPage.tsx"],"sourcesContent":["/**\n * LessonPlayerPage — the two-pane lesson player for a single enrollment.\n * @module buildmyiq/pages/learning\n *\n * Left pane: the course's module/lesson tree (from `buiCourse`) rendered as a\n * completion timeline driven by the enrollment's `lessonProgress`. Right pane:\n * the selected lesson (title, type, content text rendered safely, and a\n * `FileLink` for any attached media) with Prev / Mark-complete / Next controls.\n * Opening a lesson records IN_PROGRESS once; \"Mark complete\" records COMPLETED;\n * finishing every lesson transitions the enrollment to COMPLETED. All data is\n * live — no fabrication.\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useParams, useSearchParams } from 'react-router';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  ArrowLeft,\n  BookOpen,\n  Check,\n  CheckCircle2,\n  ChevronLeft,\n  ChevronRight,\n  FileText,\n  HelpCircle,\n  Loader2,\n  ListChecks,\n  MousePointerClick,\n  PenLine,\n  PlayCircle,\n  Radio,\n  Trophy,\n} from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  MiniBar,\n  ProgressRing,\n  LoadingView,\n  ErrorView,\n  EmptyState,\n  FileLink,\n  OfflineLessonControl,\n  TutorPanel,\n} from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport {\n  useBuiMyEnrollment,\n  useBuiCourse,\n  useBuiRecordMyLessonProgress,\n  useBuiCompleteMyEnrollment,\n} from '../../hooks';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { cn } from '../../utils/cn';\nimport { formatDuration, formatEnumLabel } from '../../utils/formatters';\nimport type { BuiLesson, BuiLessonType, BuiModule, BuiProgressStatus } from '../../types';\n\ninterface LessonGroup {\n  id: string;\n  title: string;\n  lessons: BuiLesson[];\n}\n\nconst LESSON_ICON: Record<BuiLessonType, LucideIcon> = {\n  ARTICLE: FileText,\n  VIDEO: PlayCircle,\n  QUIZ: HelpCircle,\n  ASSIGNMENT: PenLine,\n  INTERACTIVE: MousePointerClick,\n  LIVE_SESSION: Radio,\n};\n\nconst sortByPosition = <T extends { position: number }>(items: T[]): T[] =>\n  [...items].sort((a, b) => a.position - b.position);\n\nexport const LessonPlayerPage: FC = () => {\n  const { enrollmentId } = useParams<{ enrollmentId: string }>();\n  // `?lesson=<id>` deep-links straight to one lesson (used by the \"what's next\"\n  // suggestion on My Learning). Purely an INITIAL anchor — once the learner\n  // picks a lesson themselves, their pick wins.\n  const [searchParams] = useSearchParams();\n  const requestedLessonId = searchParams.get('lesson');\n  const { navigateTo } = useBuildmyiq();\n  const tr = useTr();\n\n  const enrollmentQuery = useBuiMyEnrollment(enrollmentId);\n  const enrollment = enrollmentQuery.data ?? null;\n  const courseId = enrollment?.courseId;\n  const courseQuery = useBuiCourse(courseId);\n  const course = courseQuery.data ?? null;\n\n  const recordProgress = useBuiRecordMyLessonProgress();\n  const completeEnrollment = useBuiCompleteMyEnrollment();\n\n  // react-query's mutate is referentially stable across renders, so it can be\n  // used directly in effects without a render-time ref write.\n  const recordMutate = recordProgress.mutate;\n  const autoRecordedRef = useRef<Set<string>>(new Set());\n\n  const [userSelectedId, setUserSelectedId] = useState<string | null>(null);\n  const [showTree, setShowTree] = useState(false);\n\n  // Grouped tree (modules → lessons) plus any standalone lessons, de-duplicated.\n  const groups = useMemo<LessonGroup[]>(() => {\n    if (!course) return [];\n    const seen = new Set<string>();\n    const modules: BuiModule[] = sortByPosition(course.modules ?? []);\n    const result: LessonGroup[] = [];\n    for (const m of modules) {\n      const lessons = sortByPosition(m.lessons ?? []).filter((l) => {\n        if (seen.has(l.id)) return false;\n        seen.add(l.id);\n        return true;\n      });\n      if (lessons.length > 0) result.push({ id: m.id, title: m.title, lessons });\n    }\n    const standalone = sortByPosition(course.lessons ?? []).filter((l) => {\n      if (seen.has(l.id)) return false;\n      seen.add(l.id);\n      return true;\n    });\n    if (standalone.length > 0) {\n      result.push({\n        id: '__standalone',\n        title: tr('common.lessons', 'Lessons'),\n        lessons: standalone,\n      });\n    }\n    return result;\n  }, [course, tr]);\n\n  // Flat, ordered lesson list for prev/next + completion checks.\n  const orderedLessons = useMemo<BuiLesson[]>(() => groups.flatMap((g) => g.lessons), [groups]);\n  // Lesson id → title for this course, so the tutor panel can NAME the lessons\n  // its answers were grounded in instead of showing opaque ids.\n  const lessonTitlesById = useMemo<ReadonlyMap<string, string>>(\n    () => new Map(orderedLessons.map((lesson) => [lesson.id, lesson.title])),\n    [orderedLessons]\n  );\n\n  const progressByLesson = useMemo(() => {\n    const map = new Map<string, BuiProgressStatus>();\n    for (const p of enrollment?.lessonProgress ?? []) map.set(p.lessonId, p.status);\n    return map;\n  }, [enrollment]);\n\n  // Resolve the active lesson as DERIVED state: the user's pick if it still\n  // exists in the course, otherwise the first lesson. Avoids a setState-in-\n  // effect re-anchor loop.\n  const selectedLessonId = useMemo<string | null>(() => {\n    if (orderedLessons.length === 0) return null;\n    if (userSelectedId && orderedLessons.some((l) => l.id === userSelectedId)) {\n      return userSelectedId;\n    }\n    if (requestedLessonId && orderedLessons.some((l) => l.id === requestedLessonId)) {\n      return requestedLessonId;\n    }\n    return orderedLessons[0].id;\n  }, [orderedLessons, userSelectedId, requestedLessonId]);\n\n  // Record IN_PROGRESS once when a not-yet-started lesson is opened.\n  useEffect(() => {\n    if (!enrollmentId || !selectedLessonId) return;\n    const status = progressByLesson.get(selectedLessonId);\n    if (status === 'COMPLETED' || status === 'IN_PROGRESS') return;\n    if (autoRecordedRef.current.has(selectedLessonId)) return;\n    autoRecordedRef.current.add(selectedLessonId);\n    recordMutate({\n      enrollmentId,\n      lessonId: selectedLessonId,\n      status: 'IN_PROGRESS',\n    });\n  }, [enrollmentId, selectedLessonId, progressByLesson, recordMutate]);\n\n  const selectedIndex = orderedLessons.findIndex((l) => l.id === selectedLessonId);\n  const selectedLesson = selectedIndex >= 0 ? orderedLessons[selectedIndex] : null;\n  const selectedStatus = selectedLesson ? progressByLesson.get(selectedLesson.id) : undefined;\n  const isSelectedComplete = selectedStatus === 'COMPLETED';\n\n  const completedCount = orderedLessons.filter(\n    (l) => progressByLesson.get(l.id) === 'COMPLETED'\n  ).length;\n  const allComplete = orderedLessons.length > 0 && completedCount === orderedLessons.length;\n  const alreadyFinished = enrollment?.status === 'COMPLETED';\n\n  const handleSelect = (lessonId: string) => {\n    setUserSelectedId(lessonId);\n    setShowTree(false);\n  };\n\n  const goTo = (offset: number) => {\n    if (selectedIndex < 0) return;\n    const next = orderedLessons[selectedIndex + offset];\n    if (next) handleSelect(next.id);\n  };\n\n  const handleMarkComplete = async () => {\n    if (!enrollmentId || !selectedLesson) return;\n    await recordProgress.mutateAsync({\n      enrollmentId,\n      lessonId: selectedLesson.id,\n      status: 'COMPLETED',\n    });\n    // Advance to the next incomplete lesson for a natural flow.\n    const next = orderedLessons[selectedIndex + 1];\n    if (next) setUserSelectedId(next.id);\n  };\n\n  const handleFinishCourse = async () => {\n    if (!enrollmentId) return;\n    await completeEnrollment.mutateAsync({ id: enrollmentId });\n  };\n\n  // ---- top-level states ----------------------------------------------------\n  if (!enrollmentId) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title={tr('buildmyiq.lessonPlayer.noEnrollmentTitle', 'No enrollment selected')}\n          description={tr(\n            'buildmyiq.lessonPlayer.noEnrollmentDescription',\n            'Open a course from My Learning to start the lesson player.'\n          )}\n          action={\n            <Button onClick={() => navigateTo('learning')}>\n              {tr('buildmyiq.lessonPlayer.backToLearning', 'Back to My Learning')}\n            </Button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const isLoading = enrollmentQuery.isLoading || (Boolean(courseId) && courseQuery.isLoading);\n\n  const backAction = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('learning')}>\n      <ArrowLeft className=\"mr-1 h-4 w-4\" /> {tr('buildmyiq.nav.learning', 'My Learning')}\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')} actions={backAction}>\n        <LoadingView label={tr('buildmyiq.lessonPlayer.loading', 'Loading your lesson…')} />\n      </PageLayout>\n    );\n  }\n\n  if (enrollmentQuery.isError) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')} actions={backAction}>\n        <ErrorView\n          title={tr('buildmyiq.lessonPlayer.enrollmentErrorTitle', \"Couldn't load this enrollment\")}\n          message={\n            enrollmentQuery.error instanceof Error ? enrollmentQuery.error.message : undefined\n          }\n          onRetry={() => enrollmentQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!enrollment) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')} actions={backAction}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title={tr('buildmyiq.lessonPlayer.enrollmentNotFoundTitle', 'Enrollment not found')}\n          description={tr(\n            'buildmyiq.lessonPlayer.enrollmentNotFoundDescription',\n            'This enrollment may have been removed or is not available to you.'\n          )}\n          action={\n            <Button onClick={() => navigateTo('learning')}>\n              {tr('buildmyiq.lessonPlayer.backToLearning', 'Back to My Learning')}\n            </Button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  if (courseQuery.isError) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')} actions={backAction}>\n        <ErrorView\n          title={tr('buildmyiq.lessonPlayer.courseErrorTitle', \"Couldn't load the course\")}\n          message={courseQuery.error instanceof Error ? courseQuery.error.message : undefined}\n          onRetry={() => courseQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const progressPct = Math.round(enrollment.progressPct ?? 0);\n  const SelectedIcon = selectedLesson ? LESSON_ICON[selectedLesson.type] : FileText;\n\n  return (\n    <PageLayout\n      title={course?.title ?? tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')}\n      actions={backAction}\n    >\n      <div className=\"flex flex-col gap-5\">\n        {/* Header progress — ProgressRing hero + completion bar */}\n        <GlassCard\n          treatment=\"glass\"\n          glow={progressPct > 0}\n          className=\"flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:gap-5\"\n        >\n          <ProgressRing value={progressPct} size={64} className=\"shrink-0\" />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <StatusBadge status={enrollment.status} />\n              <span className=\"text-sm text-text-secondary tabular-nums\">\n                {tr(\n                  'buildmyiq.lessonPlayer.progressSummary',\n                  '{{completed}} of {{total}} lessons complete',\n                  { completed: completedCount, total: orderedLessons.length }\n                )}\n              </span>\n            </div>\n            <MiniBar value={progressPct} className=\"mt-3\" />\n          </div>\n          {allComplete && !alreadyFinished && (\n            <Button\n              className=\"shrink-0 max-sm:w-full\"\n              onClick={handleFinishCourse}\n              disabled={completeEnrollment.isPending}\n            >\n              {completeEnrollment.isPending ? (\n                <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n              ) : (\n                <Trophy className=\"mr-1 h-4 w-4\" />\n              )}\n              {tr('buildmyiq.lessonPlayer.finishCourse', 'Finish course')}\n            </Button>\n          )}\n        </GlassCard>\n\n        {/* Mobile tree toggle — collapses the outline into a top sheet */}\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          className=\"w-full lg:hidden\"\n          onClick={() => setShowTree((v) => !v)}\n        >\n          <ListChecks className=\"mr-1 h-4 w-4\" />\n          {showTree\n            ? tr('buildmyiq.lessonPlayer.hideLessons', 'Hide lessons')\n            : tr('buildmyiq.lessonPlayer.showLessons', 'Lessons ({{completed}}/{{total}})', {\n                completed: completedCount,\n                total: orderedLessons.length,\n              })}\n        </Button>\n\n        <div className=\"flex flex-col gap-5 lg:flex-row\">\n          {/* Left: module / lesson completion timeline */}\n          <aside className={cn('lg:block lg:w-80 lg:shrink-0', showTree ? 'block' : 'hidden')}>\n            <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0 lg:sticky lg:top-4\">\n              {orderedLessons.length === 0 ? (\n                <div className=\"p-4 text-sm text-text-secondary\">\n                  {tr('buildmyiq.lessonPlayer.noLessons', 'This course has no lessons yet.')}\n                </div>\n              ) : (\n                <>\n                  <nav className=\"max-h-[68vh] overflow-auto p-3\">\n                    {groups.map((group) => {\n                      const groupDone = group.lessons.filter(\n                        (l) => progressByLesson.get(l.id) === 'COMPLETED'\n                      ).length;\n                      return (\n                        <div key={group.id} className=\"mb-4 last:mb-0\">\n                          <div className=\"mb-2 flex items-center justify-between gap-2 px-1\">\n                            <p className=\"min-w-0 truncate text-sm font-semibold text-text-primary\">\n                              {group.title}\n                            </p>\n                            <span className=\"shrink-0 text-xs font-medium tabular-nums text-text-secondary\">\n                              {groupDone} / {group.lessons.length}\n                            </span>\n                          </div>\n                          <ul className=\"flex flex-col\">\n                            {group.lessons.map((lesson, i) => {\n                              const status = progressByLesson.get(lesson.id);\n                              const done = status === 'COMPLETED';\n                              const active = lesson.id === selectedLessonId;\n                              const isLast = i === group.lessons.length - 1;\n                              const Icon = LESSON_ICON[lesson.type];\n                              return (\n                                <li key={lesson.id} className=\"flex gap-3\">\n                                  {/* Timeline node + connector */}\n                                  <div className=\"flex flex-col items-center pt-1.5\">\n                                    {done ? (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-status-success-text)]\">\n                                        <Check className=\"h-3.5 w-3.5 text-status-success-bg-subtle\" />\n                                      </span>\n                                    ) : active ? (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] ring-2 ring-[var(--color-accent-teal)]\">\n                                        <Icon className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n                                      </span>\n                                    ) : (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border-seam bg-bg-sunken\">\n                                        <Icon className=\"h-3.5 w-3.5 text-text-secondary opacity-70\" />\n                                      </span>\n                                    )}\n                                    {!isLast && (\n                                      <span\n                                        className={cn(\n                                          'my-1 w-px flex-1',\n                                          done\n                                            ? 'bg-[color-mix(in_srgb,var(--color-status-success-text)_45%,transparent)]'\n                                            : 'bg-border-seam'\n                                        )}\n                                      />\n                                    )}\n                                  </div>\n                                  <button\n                                    type=\"button\"\n                                    onClick={() => handleSelect(lesson.id)}\n                                    className={cn(\n                                      'mb-1 min-w-0 flex-1 rounded-lg px-3 py-2 text-left transition-colors',\n                                      active\n                                        ? 'bg-[var(--color-accent-soft)]'\n                                        : 'hover:bg-bg-sunken'\n                                    )}\n                                    aria-current={active ? 'true' : undefined}\n                                  >\n                                    <span\n                                      className={cn(\n                                        'block truncate text-sm',\n                                        active\n                                          ? 'font-medium text-text-primary'\n                                          : done\n                                            ? 'text-text-secondary'\n                                            : 'text-text-primary'\n                                      )}\n                                    >\n                                      {lesson.title}\n                                    </span>\n                                    <span className=\"mt-0.5 block truncate text-xs text-text-secondary\">\n                                      {formatEnumLabel(lesson.type)}\n                                      {lesson.durationMin > 0\n                                        ? ` · ${formatDuration(lesson.durationMin)}`\n                                        : ''}\n                                    </span>\n                                  </button>\n                                </li>\n                              );\n                            })}\n                          </ul>\n                        </div>\n                      );\n                    })}\n                  </nav>\n                  {courseId && (\n                    <div className=\"border-t border-border-seam p-3\">\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        className=\"w-full\"\n                        onClick={() => navigateTo(`catalog/${courseId}`)}\n                      >\n                        <BookOpen className=\"mr-1.5 h-4 w-4\" />{' '}\n                        {tr('buildmyiq.lessonPlayer.courseOverview', 'Course overview')}\n                      </Button>\n                    </div>\n                  )}\n                </>\n              )}\n            </GlassCard>\n          </aside>\n\n          {/* Right: selected lesson */}\n          <main className=\"min-w-0 flex-1\">\n            {!selectedLesson ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                title={tr('buildmyiq.lessonPlayer.noLessonTitle', 'No lesson to show')}\n                description={tr(\n                  'buildmyiq.lessonPlayer.noLessonDescription',\n                  \"This course doesn't have any lessons yet. Check back once the author adds content.\"\n                )}\n              />\n            ) : (\n              <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-7\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary\">\n                    <SelectedIcon className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n                    {formatEnumLabel(selectedLesson.type)}\n                  </span>\n                  {selectedLesson.durationMin > 0 && (\n                    <span className=\"text-xs text-text-secondary\">\n                      {formatDuration(selectedLesson.durationMin)}\n                    </span>\n                  )}\n                  {isSelectedComplete && (\n                    <span className=\"inline-flex items-center gap-1 text-xs font-medium text-status-success-text\">\n                      <CheckCircle2 className=\"h-3.5 w-3.5\" />{' '}\n                      {tr('buildmyiq.lessonPlayer.completedLabel', 'Completed')}\n                    </span>\n                  )}\n                  <OfflineLessonControl key={selectedLesson.id} lesson={selectedLesson} />\n                  <span className=\"ml-auto text-xs tabular-nums text-text-secondary\">\n                    {tr('buildmyiq.lessonPlayer.lessonPosition', 'Lesson {{n}} of {{total}}', {\n                      n: selectedIndex + 1,\n                      total: orderedLessons.length,\n                    })}\n                  </span>\n                </div>\n\n                <h2 className=\"text-2xl font-semibold tracking-tight text-text-primary\">\n                  {selectedLesson.title}\n                </h2>\n\n                {selectedLesson.media ? (\n                  <div className=\"rounded-xl border border-border-seam bg-bg-sunken p-3\">\n                    <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n                      {tr('buildmyiq.lessonPlayer.resources', 'Resources')}\n                    </p>\n                    <FileLink fileId={selectedLesson.media.id} />\n                  </div>\n                ) : null}\n\n                {selectedLesson.content ? (\n                  <p className=\"max-w-prose whitespace-pre-wrap text-[15px] leading-7 text-text-primary\">\n                    {selectedLesson.content}\n                  </p>\n                ) : (\n                  <p className=\"text-sm text-text-secondary\">\n                    {selectedLesson.media\n                      ? tr(\n                          'buildmyiq.lessonPlayer.noContentWithMedia',\n                          'This lesson has no written content beyond the attached media.'\n                        )\n                      : tr(\n                          'buildmyiq.lessonPlayer.noContent',\n                          'This lesson has no written content'\n                        )}\n                  </p>\n                )}\n\n                {/* Actions — Prev · Mark complete · Next */}\n                <div className=\"mt-2 flex flex-col gap-3 border-t border-border-seam pt-5 sm:flex-row sm:items-center sm:justify-between\">\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"max-sm:w-full\"\n                    onClick={() => goTo(-1)}\n                    disabled={selectedIndex <= 0}\n                  >\n                    <ChevronLeft className=\"mr-1 h-4 w-4\" />{' '}\n                    {tr('buildmyiq.lessonPlayer.previous', 'Previous')}\n                  </Button>\n\n                  {isSelectedComplete ? (\n                    <span className=\"inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text max-sm:w-full\">\n                      <CheckCircle2 className=\"h-4 w-4\" />{' '}\n                      {tr('buildmyiq.lessonPlayer.lessonComplete', 'Lesson complete')}\n                    </span>\n                  ) : (\n                    <Button\n                      size=\"lg\"\n                      className=\"max-sm:w-full\"\n                      onClick={handleMarkComplete}\n                      disabled={recordProgress.isPending}\n                    >\n                      {recordProgress.isPending ? (\n                        <Loader2 className=\"mr-1.5 h-4 w-4 animate-spin\" />\n                      ) : (\n                        <CheckCircle2 className=\"mr-1.5 h-4 w-4\" />\n                      )}\n                      {recordProgress.isPending\n                        ? tr('buildmyiq.lessonPlayer.markingComplete', 'Marking complete…')\n                        : tr('buildmyiq.lessonPlayer.markComplete', 'Mark complete')}\n                    </Button>\n                  )}\n\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"max-sm:w-full\"\n                    onClick={() => goTo(1)}\n                    disabled={selectedIndex >= orderedLessons.length - 1}\n                  >\n                    {tr('buildmyiq.lessonPlayer.next', 'Next')}{' '}\n                    <ChevronRight className=\"ml-1 h-4 w-4\" />\n                  </Button>\n                </div>\n              </GlassCard>\n            )}\n\n            {selectedLesson && courseId && enrollmentId && (\n              <div className=\"mt-5\">\n                {/* Course changes reset local state; lesson navigation keeps the course conversation. */}\n                <TutorPanel\n                  key={courseId}\n                  courseId={courseId}\n                  enrollmentId={enrollmentId}\n                  lessonId={selectedLesson.id}\n                  lessonTitle={selectedLesson.title}\n                  lessonTitlesById={lessonTitlesById}\n                />\n              </div>\n            )}\n          </main>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LessonPlayerPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/learning/LessonPlayerPage.tsx"],"sourcesContent":["/**\n * LessonPlayerPage — the two-pane lesson player for a single enrollment.\n * @module buildmyiq/pages/learning\n *\n * Left pane: the course's module/lesson tree (from `buiCourse`) rendered as a\n * completion timeline driven by the enrollment's `lessonProgress`. Right pane:\n * the selected lesson (title, type, content text rendered safely, and a\n * `FileLink` for any attached media) with Prev / Mark-complete / Next controls.\n * Opening a lesson records IN_PROGRESS once; \"Mark complete\" records COMPLETED;\n * finishing every lesson transitions the enrollment to COMPLETED. All data is\n * live — no fabrication.\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useParams, useSearchParams } from 'react-router';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  ArrowLeft,\n  BookOpen,\n  Check,\n  CheckCircle2,\n  ChevronLeft,\n  ChevronRight,\n  FileText,\n  HelpCircle,\n  Loader2,\n  ListChecks,\n  MousePointerClick,\n  PenLine,\n  PlayCircle,\n  Radio,\n  Trophy,\n} from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  MiniBar,\n  ProgressRing,\n  LoadingView,\n  ErrorView,\n  EmptyState,\n  FileLink,\n  OfflineLessonControl,\n  TutorPanel,\n} from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport {\n  useBuiMyEnrollment,\n  useBuiCourse,\n  useBuiRecordMyLessonProgress,\n  useBuiCompleteMyEnrollment,\n} from '../../hooks';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { cn } from '../../utils/cn';\nimport { formatDuration, formatEnumLabel } from '../../utils/formatters';\nimport type { BuiLesson, BuiLessonType, BuiModule, BuiProgressStatus } from '../../types';\n\ninterface LessonGroup {\n  id: string;\n  title: string;\n  lessons: BuiLesson[];\n}\n\nconst LESSON_ICON: Record<BuiLessonType, LucideIcon> = {\n  ARTICLE: FileText,\n  VIDEO: PlayCircle,\n  QUIZ: HelpCircle,\n  ASSIGNMENT: PenLine,\n  INTERACTIVE: MousePointerClick,\n  LIVE_SESSION: Radio,\n};\n\nconst sortByPosition = <T extends { position: number }>(items: T[]): T[] =>\n  [...items].sort((a, b) => a.position - b.position);\n\nexport const LessonPlayerPage: FC = () => {\n  const { enrollmentId } = useParams<{ enrollmentId: string }>();\n  // `?lesson=<id>` deep-links straight to one lesson (used by the \"what's next\"\n  // suggestion on My Learning). Purely an INITIAL anchor — once the learner\n  // picks a lesson themselves, their pick wins.\n  const [searchParams] = useSearchParams();\n  const requestedLessonId = searchParams.get('lesson');\n  const { navigateTo } = useBuildmyiq();\n  const tr = useTr();\n\n  const enrollmentQuery = useBuiMyEnrollment(enrollmentId);\n  const enrollment = enrollmentQuery.data ?? null;\n  const courseId = enrollment?.courseId;\n  const courseQuery = useBuiCourse(courseId);\n  const course = courseQuery.data ?? null;\n\n  const recordProgress = useBuiRecordMyLessonProgress();\n  const completeEnrollment = useBuiCompleteMyEnrollment();\n\n  // react-query's mutate is referentially stable across renders, so it can be\n  // used directly in effects without a render-time ref write.\n  const recordMutate = recordProgress.mutate;\n  const autoRecordedRef = useRef<Set<string>>(new Set());\n\n  const [userSelectedId, setUserSelectedId] = useState<string | null>(null);\n  const [showTree, setShowTree] = useState(false);\n  // Error from the last \"Mark complete\" / \"Finish course\" attempt. Without it a\n  // rejected mutation surfaced only as an unhandled promise rejection and the\n  // button silently did nothing.\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  // Grouped tree (modules → lessons) plus any standalone lessons, de-duplicated.\n  const groups = useMemo<LessonGroup[]>(() => {\n    if (!course) return [];\n    const seen = new Set<string>();\n    const modules: BuiModule[] = sortByPosition(course.modules ?? []);\n    const result: LessonGroup[] = [];\n    for (const m of modules) {\n      const lessons = sortByPosition(m.lessons ?? []).filter((l) => {\n        if (seen.has(l.id)) return false;\n        seen.add(l.id);\n        return true;\n      });\n      if (lessons.length > 0) result.push({ id: m.id, title: m.title, lessons });\n    }\n    const standalone = sortByPosition(course.lessons ?? []).filter((l) => {\n      if (seen.has(l.id)) return false;\n      seen.add(l.id);\n      return true;\n    });\n    if (standalone.length > 0) {\n      result.push({\n        id: '__standalone',\n        title: tr('common.lessons', 'Lessons'),\n        lessons: standalone,\n      });\n    }\n    return result;\n  }, [course, tr]);\n\n  // Flat, ordered lesson list for prev/next + completion checks.\n  const orderedLessons = useMemo<BuiLesson[]>(() => groups.flatMap((g) => g.lessons), [groups]);\n  // Lesson id → title for this course, so the tutor panel can NAME the lessons\n  // its answers were grounded in instead of showing opaque ids.\n  const lessonTitlesById = useMemo<ReadonlyMap<string, string>>(\n    () => new Map(orderedLessons.map((lesson) => [lesson.id, lesson.title])),\n    [orderedLessons]\n  );\n\n  const progressByLesson = useMemo(() => {\n    const map = new Map<string, BuiProgressStatus>();\n    for (const p of enrollment?.lessonProgress ?? []) map.set(p.lessonId, p.status);\n    return map;\n  }, [enrollment]);\n\n  // Resolve the active lesson as DERIVED state: the user's pick if it still\n  // exists in the course, otherwise the first lesson. Avoids a setState-in-\n  // effect re-anchor loop.\n  const selectedLessonId = useMemo<string | null>(() => {\n    if (orderedLessons.length === 0) return null;\n    if (userSelectedId && orderedLessons.some((l) => l.id === userSelectedId)) {\n      return userSelectedId;\n    }\n    if (requestedLessonId && orderedLessons.some((l) => l.id === requestedLessonId)) {\n      return requestedLessonId;\n    }\n    return orderedLessons[0].id;\n  }, [orderedLessons, userSelectedId, requestedLessonId]);\n\n  // Record IN_PROGRESS once when a not-yet-started lesson is opened.\n  useEffect(() => {\n    if (!enrollmentId || !selectedLessonId) return;\n    const status = progressByLesson.get(selectedLessonId);\n    if (status === 'COMPLETED' || status === 'IN_PROGRESS') return;\n    if (autoRecordedRef.current.has(selectedLessonId)) return;\n    autoRecordedRef.current.add(selectedLessonId);\n    recordMutate({\n      enrollmentId,\n      lessonId: selectedLessonId,\n      status: 'IN_PROGRESS',\n    });\n  }, [enrollmentId, selectedLessonId, progressByLesson, recordMutate]);\n\n  const selectedIndex = orderedLessons.findIndex((l) => l.id === selectedLessonId);\n  const selectedLesson = selectedIndex >= 0 ? orderedLessons[selectedIndex] : null;\n  const selectedStatus = selectedLesson ? progressByLesson.get(selectedLesson.id) : undefined;\n  const isSelectedComplete = selectedStatus === 'COMPLETED';\n\n  const completedCount = orderedLessons.filter(\n    (l) => progressByLesson.get(l.id) === 'COMPLETED'\n  ).length;\n  const allComplete = orderedLessons.length > 0 && completedCount === orderedLessons.length;\n  const alreadyFinished = enrollment?.status === 'COMPLETED';\n\n  const handleSelect = (lessonId: string) => {\n    setUserSelectedId(lessonId);\n    setShowTree(false);\n    setActionError(null);\n  };\n\n  const goTo = (offset: number) => {\n    if (selectedIndex < 0) return;\n    const next = orderedLessons[selectedIndex + offset];\n    if (next) handleSelect(next.id);\n  };\n\n  const handleMarkComplete = async () => {\n    if (!enrollmentId || !selectedLesson) return;\n    setActionError(null);\n    try {\n      await recordProgress.mutateAsync({\n        enrollmentId,\n        lessonId: selectedLesson.id,\n        status: 'COMPLETED',\n      });\n    } catch (err) {\n      setActionError(\n        err instanceof Error && err.message\n          ? err.message\n          : tr('buildmyiq.lessonPlayer.markCompleteError', 'Could not mark this lesson complete.')\n      );\n      return;\n    }\n    // Advance to the next incomplete lesson for a natural flow.\n    const next = orderedLessons[selectedIndex + 1];\n    if (next) setUserSelectedId(next.id);\n  };\n\n  const handleFinishCourse = async () => {\n    if (!enrollmentId) return;\n    setActionError(null);\n    try {\n      await completeEnrollment.mutateAsync({ id: enrollmentId });\n    } catch (err) {\n      setActionError(\n        err instanceof Error && err.message\n          ? err.message\n          : tr('buildmyiq.lessonPlayer.finishCourseError', 'Could not finish this course.')\n      );\n    }\n  };\n\n  // ---- top-level states ----------------------------------------------------\n  if (!enrollmentId) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title={tr('buildmyiq.lessonPlayer.noEnrollmentTitle', 'No enrollment selected')}\n          description={tr(\n            'buildmyiq.lessonPlayer.noEnrollmentDescription',\n            'Open a course from My Learning to start the lesson player.'\n          )}\n          action={\n            <Button onClick={() => navigateTo('learning')}>\n              {tr('buildmyiq.lessonPlayer.backToLearning', 'Back to My Learning')}\n            </Button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const isLoading = enrollmentQuery.isLoading || (Boolean(courseId) && courseQuery.isLoading);\n\n  const backAction = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('learning')}>\n      <ArrowLeft className=\"mr-1 h-4 w-4\" /> {tr('buildmyiq.nav.learning', 'My Learning')}\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')} actions={backAction}>\n        <LoadingView label={tr('buildmyiq.lessonPlayer.loading', 'Loading your lesson…')} />\n      </PageLayout>\n    );\n  }\n\n  if (enrollmentQuery.isError) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')} actions={backAction}>\n        <ErrorView\n          title={tr('buildmyiq.lessonPlayer.enrollmentErrorTitle', \"Couldn't load this enrollment\")}\n          message={\n            enrollmentQuery.error instanceof Error ? enrollmentQuery.error.message : undefined\n          }\n          onRetry={() => enrollmentQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!enrollment) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')} actions={backAction}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title={tr('buildmyiq.lessonPlayer.enrollmentNotFoundTitle', 'Enrollment not found')}\n          description={tr(\n            'buildmyiq.lessonPlayer.enrollmentNotFoundDescription',\n            'This enrollment may have been removed or is not available to you.'\n          )}\n          action={\n            <Button onClick={() => navigateTo('learning')}>\n              {tr('buildmyiq.lessonPlayer.backToLearning', 'Back to My Learning')}\n            </Button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  if (courseQuery.isError) {\n    return (\n      <PageLayout title={tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')} actions={backAction}>\n        <ErrorView\n          title={tr('buildmyiq.lessonPlayer.courseErrorTitle', \"Couldn't load the course\")}\n          message={courseQuery.error instanceof Error ? courseQuery.error.message : undefined}\n          onRetry={() => courseQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const progressPct = Math.round(enrollment.progressPct ?? 0);\n  const SelectedIcon = selectedLesson ? LESSON_ICON[selectedLesson.type] : FileText;\n\n  return (\n    <PageLayout\n      title={course?.title ?? tr('buildmyiq.lessonPlayer.pageTitle', 'Lesson')}\n      actions={backAction}\n    >\n      <div className=\"flex flex-col gap-5\">\n        {/* Header progress — ProgressRing hero + completion bar */}\n        <GlassCard\n          treatment=\"glass\"\n          glow={progressPct > 0}\n          className=\"flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:gap-5\"\n        >\n          <ProgressRing value={progressPct} size={64} className=\"shrink-0\" />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <StatusBadge status={enrollment.status} />\n              <span className=\"text-sm text-text-secondary tabular-nums\">\n                {tr(\n                  'buildmyiq.lessonPlayer.progressSummary',\n                  '{{completed}} of {{total}} lessons complete',\n                  { completed: completedCount, total: orderedLessons.length }\n                )}\n              </span>\n            </div>\n            <MiniBar value={progressPct} className=\"mt-3\" />\n          </div>\n          {allComplete && !alreadyFinished && (\n            <Button\n              className=\"shrink-0 max-sm:w-full\"\n              onClick={handleFinishCourse}\n              disabled={completeEnrollment.isPending}\n            >\n              {completeEnrollment.isPending ? (\n                <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n              ) : (\n                <Trophy className=\"mr-1 h-4 w-4\" />\n              )}\n              {tr('buildmyiq.lessonPlayer.finishCourse', 'Finish course')}\n            </Button>\n          )}\n        </GlassCard>\n\n        {actionError && (\n          <p role=\"alert\" className=\"text-sm text-status-error-text\">\n            {actionError}\n          </p>\n        )}\n\n        {/* Mobile tree toggle — collapses the outline into a top sheet */}\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          className=\"w-full lg:hidden\"\n          onClick={() => setShowTree((v) => !v)}\n        >\n          <ListChecks className=\"mr-1 h-4 w-4\" />\n          {showTree\n            ? tr('buildmyiq.lessonPlayer.hideLessons', 'Hide lessons')\n            : tr('buildmyiq.lessonPlayer.showLessons', 'Lessons ({{completed}}/{{total}})', {\n                completed: completedCount,\n                total: orderedLessons.length,\n              })}\n        </Button>\n\n        <div className=\"flex flex-col gap-5 lg:flex-row\">\n          {/* Left: module / lesson completion timeline */}\n          <aside className={cn('lg:block lg:w-80 lg:shrink-0', showTree ? 'block' : 'hidden')}>\n            <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0 lg:sticky lg:top-4\">\n              {orderedLessons.length === 0 ? (\n                <div className=\"p-4 text-sm text-text-secondary\">\n                  {tr('buildmyiq.lessonPlayer.noLessons', 'This course has no lessons yet.')}\n                </div>\n              ) : (\n                <>\n                  <nav className=\"max-h-[68vh] overflow-auto p-3\">\n                    {groups.map((group) => {\n                      const groupDone = group.lessons.filter(\n                        (l) => progressByLesson.get(l.id) === 'COMPLETED'\n                      ).length;\n                      return (\n                        <div key={group.id} className=\"mb-4 last:mb-0\">\n                          <div className=\"mb-2 flex items-center justify-between gap-2 px-1\">\n                            <p className=\"min-w-0 truncate text-sm font-semibold text-text-primary\">\n                              {group.title}\n                            </p>\n                            <span className=\"shrink-0 text-xs font-medium tabular-nums text-text-secondary\">\n                              {groupDone} / {group.lessons.length}\n                            </span>\n                          </div>\n                          <ul className=\"flex flex-col\">\n                            {group.lessons.map((lesson, i) => {\n                              const status = progressByLesson.get(lesson.id);\n                              const done = status === 'COMPLETED';\n                              const active = lesson.id === selectedLessonId;\n                              const isLast = i === group.lessons.length - 1;\n                              const Icon = LESSON_ICON[lesson.type];\n                              return (\n                                <li key={lesson.id} className=\"flex gap-3\">\n                                  {/* Timeline node + connector */}\n                                  <div className=\"flex flex-col items-center pt-1.5\">\n                                    {done ? (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-status-success-text)]\">\n                                        <Check className=\"h-3.5 w-3.5 text-status-success-bg-subtle\" />\n                                      </span>\n                                    ) : active ? (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] ring-2 ring-[var(--color-accent-teal)]\">\n                                        <Icon className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n                                      </span>\n                                    ) : (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border-seam bg-bg-sunken\">\n                                        <Icon className=\"h-3.5 w-3.5 text-text-secondary opacity-70\" />\n                                      </span>\n                                    )}\n                                    {!isLast && (\n                                      <span\n                                        className={cn(\n                                          'my-1 w-px flex-1',\n                                          done\n                                            ? 'bg-[color-mix(in_srgb,var(--color-status-success-text)_45%,transparent)]'\n                                            : 'bg-border-seam'\n                                        )}\n                                      />\n                                    )}\n                                  </div>\n                                  <button\n                                    type=\"button\"\n                                    onClick={() => handleSelect(lesson.id)}\n                                    className={cn(\n                                      'mb-1 min-w-0 flex-1 rounded-lg px-3 py-2 text-left transition-colors',\n                                      active\n                                        ? 'bg-[var(--color-accent-soft)]'\n                                        : 'hover:bg-bg-sunken'\n                                    )}\n                                    aria-current={active ? 'true' : undefined}\n                                  >\n                                    <span\n                                      className={cn(\n                                        'block truncate text-sm',\n                                        active\n                                          ? 'font-medium text-text-primary'\n                                          : done\n                                            ? 'text-text-secondary'\n                                            : 'text-text-primary'\n                                      )}\n                                    >\n                                      {lesson.title}\n                                    </span>\n                                    <span className=\"mt-0.5 block truncate text-xs text-text-secondary\">\n                                      {formatEnumLabel(lesson.type)}\n                                      {lesson.durationMin > 0\n                                        ? ` · ${formatDuration(lesson.durationMin)}`\n                                        : ''}\n                                    </span>\n                                  </button>\n                                </li>\n                              );\n                            })}\n                          </ul>\n                        </div>\n                      );\n                    })}\n                  </nav>\n                  {courseId && (\n                    <div className=\"border-t border-border-seam p-3\">\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        className=\"w-full\"\n                        onClick={() => navigateTo(`catalog/${courseId}`)}\n                      >\n                        <BookOpen className=\"mr-1.5 h-4 w-4\" />{' '}\n                        {tr('buildmyiq.lessonPlayer.courseOverview', 'Course overview')}\n                      </Button>\n                    </div>\n                  )}\n                </>\n              )}\n            </GlassCard>\n          </aside>\n\n          {/* Right: selected lesson */}\n          <main className=\"min-w-0 flex-1\">\n            {!selectedLesson ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                title={tr('buildmyiq.lessonPlayer.noLessonTitle', 'No lesson to show')}\n                description={tr(\n                  'buildmyiq.lessonPlayer.noLessonDescription',\n                  \"This course doesn't have any lessons yet. Check back once the author adds content.\"\n                )}\n              />\n            ) : (\n              <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-7\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary\">\n                    <SelectedIcon className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n                    {formatEnumLabel(selectedLesson.type)}\n                  </span>\n                  {selectedLesson.durationMin > 0 && (\n                    <span className=\"text-xs text-text-secondary\">\n                      {formatDuration(selectedLesson.durationMin)}\n                    </span>\n                  )}\n                  {isSelectedComplete && (\n                    <span className=\"inline-flex items-center gap-1 text-xs font-medium text-status-success-text\">\n                      <CheckCircle2 className=\"h-3.5 w-3.5\" />{' '}\n                      {tr('buildmyiq.lessonPlayer.completedLabel', 'Completed')}\n                    </span>\n                  )}\n                  <OfflineLessonControl key={selectedLesson.id} lesson={selectedLesson} />\n                  <span className=\"ml-auto text-xs tabular-nums text-text-secondary\">\n                    {tr('buildmyiq.lessonPlayer.lessonPosition', 'Lesson {{n}} of {{total}}', {\n                      n: selectedIndex + 1,\n                      total: orderedLessons.length,\n                    })}\n                  </span>\n                </div>\n\n                <h2 className=\"text-2xl font-semibold tracking-tight text-text-primary\">\n                  {selectedLesson.title}\n                </h2>\n\n                {selectedLesson.media ? (\n                  <div className=\"rounded-xl border border-border-seam bg-bg-sunken p-3\">\n                    <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n                      {tr('buildmyiq.lessonPlayer.resources', 'Resources')}\n                    </p>\n                    <FileLink fileId={selectedLesson.media.id} />\n                  </div>\n                ) : null}\n\n                {selectedLesson.content ? (\n                  <p className=\"max-w-prose whitespace-pre-wrap text-[15px] leading-7 text-text-primary\">\n                    {selectedLesson.content}\n                  </p>\n                ) : (\n                  <p className=\"text-sm text-text-secondary\">\n                    {selectedLesson.media\n                      ? tr(\n                          'buildmyiq.lessonPlayer.noContentWithMedia',\n                          'This lesson has no written content beyond the attached media.'\n                        )\n                      : tr(\n                          'buildmyiq.lessonPlayer.noContent',\n                          'This lesson has no written content'\n                        )}\n                  </p>\n                )}\n\n                {/* Actions — Prev · Mark complete · Next */}\n                <div className=\"mt-2 flex flex-col gap-3 border-t border-border-seam pt-5 sm:flex-row sm:items-center sm:justify-between\">\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"max-sm:w-full\"\n                    onClick={() => goTo(-1)}\n                    disabled={selectedIndex <= 0}\n                  >\n                    <ChevronLeft className=\"mr-1 h-4 w-4\" />{' '}\n                    {tr('buildmyiq.lessonPlayer.previous', 'Previous')}\n                  </Button>\n\n                  {isSelectedComplete ? (\n                    <span className=\"inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text max-sm:w-full\">\n                      <CheckCircle2 className=\"h-4 w-4\" />{' '}\n                      {tr('buildmyiq.lessonPlayer.lessonComplete', 'Lesson complete')}\n                    </span>\n                  ) : (\n                    <Button\n                      size=\"lg\"\n                      className=\"max-sm:w-full\"\n                      onClick={handleMarkComplete}\n                      disabled={recordProgress.isPending}\n                    >\n                      {recordProgress.isPending ? (\n                        <Loader2 className=\"mr-1.5 h-4 w-4 animate-spin\" />\n                      ) : (\n                        <CheckCircle2 className=\"mr-1.5 h-4 w-4\" />\n                      )}\n                      {recordProgress.isPending\n                        ? tr('buildmyiq.lessonPlayer.markingComplete', 'Marking complete…')\n                        : tr('buildmyiq.lessonPlayer.markComplete', 'Mark complete')}\n                    </Button>\n                  )}\n\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"max-sm:w-full\"\n                    onClick={() => goTo(1)}\n                    disabled={selectedIndex >= orderedLessons.length - 1}\n                  >\n                    {tr('buildmyiq.lessonPlayer.next', 'Next')}{' '}\n                    <ChevronRight className=\"ml-1 h-4 w-4\" />\n                  </Button>\n                </div>\n              </GlassCard>\n            )}\n\n            {selectedLesson && courseId && enrollmentId && (\n              <div className=\"mt-5\">\n                {/* Course changes reset local state; lesson navigation keeps the course conversation. */}\n                <TutorPanel\n                  key={courseId}\n                  courseId={courseId}\n                  enrollmentId={enrollmentId}\n                  lessonId={selectedLesson.id}\n                  lessonTitle={selectedLesson.title}\n                  lessonTitlesById={lessonTitlesById}\n                />\n              </div>\n            )}\n          </main>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiEA,IAAM,IAAiD;CACrD,SAAS;CACT,OAAO;CACP,MAAM;CACN,YAAY;CACZ,aAAa;CACb,cAAc;AAChB,GAEM,KAAkD,MACtD,CAAC,GAAG,CAAK,EAAE,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,GAEtC,UAA6B;CACxC,IAAM,EAAE,oBAAiB,GAAoC,GAIvD,CAAC,KAAgB,GAAgB,GACjC,IAAoB,EAAa,IAAI,QAAQ,GAC7C,EAAE,kBAAe,EAAa,GAC9B,IAAK,EAAM,GAEX,IAAkB,GAAmB,CAAY,GACjD,IAAa,EAAgB,QAAQ,MACrC,IAAW,GAAY,UACvB,IAAc,GAAa,CAAQ,GACnC,IAAS,EAAY,QAAQ,MAE7B,IAAiB,GAA6B,GAC9C,IAAqB,GAA2B,GAIhD,IAAe,EAAe,QAC9B,IAAkB,mBAAoB,IAAI,IAAI,CAAC,GAE/C,CAAC,GAAgB,KAAqB,EAAwB,IAAI,GAClE,CAAC,GAAU,KAAe,EAAS,EAAK,GAIxC,CAAC,GAAa,KAAkB,EAAwB,IAAI,GAG5D,IAAS,QAA6B;EAC1C,IAAI,CAAC,GAAQ,OAAO,CAAC;EACrB,IAAM,oBAAO,IAAI,IAAY,GACvB,IAAuB,EAAe,EAAO,WAAW,CAAC,CAAC,GAC1D,IAAwB,CAAC;EAC/B,KAAK,IAAM,KAAK,GAAS;GACvB,IAAM,IAAU,EAAe,EAAE,WAAW,CAAC,CAAC,EAAE,QAAQ,MAClD,EAAK,IAAI,EAAE,EAAE,IAAU,MAC3B,EAAK,IAAI,EAAE,EAAE,GACN,GACR;GACD,AAAI,EAAQ,SAAS,KAAG,EAAO,KAAK;IAAE,IAAI,EAAE;IAAI,OAAO,EAAE;IAAO;GAAQ,CAAC;EAC3E;EACA,IAAM,IAAa,EAAe,EAAO,WAAW,CAAC,CAAC,EAAE,QAAQ,MAC1D,EAAK,IAAI,EAAE,EAAE,IAAU,MAC3B,EAAK,IAAI,EAAE,EAAE,GACN,GACR;EAQD,OAPI,EAAW,SAAS,KACtB,EAAO,KAAK;GACV,IAAI;GACJ,OAAO,EAAG,kBAAkB,SAAS;GACrC,SAAS;EACX,CAAC,GAEI;CACT,GAAG,CAAC,GAAQ,CAAE,CAAC,GAGT,IAAiB,QAA2B,EAAO,SAAS,MAAM,EAAE,OAAO,GAAG,CAAC,CAAM,CAAC,GAGtF,KAAmB,QACjB,IAAI,IAAI,EAAe,KAAK,MAAW,CAAC,EAAO,IAAI,EAAO,KAAK,CAAC,CAAC,GACvE,CAAC,CAAc,CACjB,GAEM,IAAmB,QAAc;EACrC,IAAM,oBAAM,IAAI,IAA+B;EAC/C,KAAK,IAAM,KAAK,GAAY,kBAAkB,CAAC,GAAG,EAAI,IAAI,EAAE,UAAU,EAAE,MAAM;EAC9E,OAAO;CACT,GAAG,CAAC,CAAU,CAAC,GAKT,IAAmB,QACnB,EAAe,WAAW,IAAU,OACpC,KAAkB,EAAe,MAAM,MAAM,EAAE,OAAO,CAAc,IAC/D,IAEL,KAAqB,EAAe,MAAM,MAAM,EAAE,OAAO,CAAiB,IACrE,IAEF,EAAe,GAAG,IACxB;EAAC;EAAgB;EAAgB;CAAiB,CAAC;CAGtD,SAAgB;EACd,IAAI,CAAC,KAAgB,CAAC,GAAkB;EACxC,IAAM,IAAS,EAAiB,IAAI,CAAgB;EAChD,MAAW,eAAe,MAAW,iBACrC,EAAgB,QAAQ,IAAI,CAAgB,MAChD,EAAgB,QAAQ,IAAI,CAAgB,GAC5C,EAAa;GACX;GACA,UAAU;GACV,QAAQ;EACV,CAAC;CACH,GAAG;EAAC;EAAc;EAAkB;EAAkB;CAAY,CAAC;CAEnE,IAAM,IAAgB,EAAe,WAAW,MAAM,EAAE,OAAO,CAAgB,GACzE,IAAiB,KAAiB,IAAI,EAAe,KAAiB,MAEtE,KADiB,IAAiB,EAAiB,IAAI,EAAe,EAAE,IAAI,KAAA,OACpC,aAExC,IAAiB,EAAe,QACnC,MAAM,EAAiB,IAAI,EAAE,EAAE,MAAM,WACxC,EAAE,QACI,KAAc,EAAe,SAAS,KAAK,MAAmB,EAAe,QAC7E,KAAkB,GAAY,WAAW,aAEzC,KAAgB,MAAqB;EAGzC,AAFA,EAAkB,CAAQ,GAC1B,EAAY,EAAK,GACjB,EAAe,IAAI;CACrB,GAEM,KAAQ,MAAmB;EAC/B,IAAI,IAAgB,GAAG;EACvB,IAAM,IAAO,EAAe,IAAgB;EAC5C,AAAI,KAAM,EAAa,EAAK,EAAE;CAChC,GAEM,KAAqB,YAAY;EACrC,IAAI,CAAC,KAAgB,CAAC,GAAgB;EACtC,EAAe,IAAI;EACnB,IAAI;GACF,MAAM,EAAe,YAAY;IAC/B;IACA,UAAU,EAAe;IACzB,QAAQ;GACV,CAAC;EACH,SAAS,GAAK;GACZ,EACE,aAAe,SAAS,EAAI,UACxB,EAAI,UACJ,EAAG,4CAA4C,sCAAsC,CAC3F;GACA;EACF;EAEA,IAAM,IAAO,EAAe,IAAgB;EAC5C,AAAI,KAAM,EAAkB,EAAK,EAAE;CACrC,GAEM,KAAqB,YAAY;EAChC,OACL;KAAe,IAAI;GACnB,IAAI;IACF,MAAM,EAAmB,YAAY,EAAE,IAAI,EAAa,CAAC;GAC3D,SAAS,GAAK;IACZ,EACE,aAAe,SAAS,EAAI,UACxB,EAAI,UACJ,EAAG,4CAA4C,+BAA+B,CACpF;GACF;EATmB;CAUrB;CAGA,IAAI,CAAC,GACH,OACE,kBAAC,GAAD;EAAY,OAAO,EAAG,oCAAoC,QAAQ;YAChE,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAG,4CAA4C,wBAAwB;GAC9E,aAAa,EACX,kDACA,4DACF;GACA,QACE,kBAAC,GAAD;IAAQ,eAAe,EAAW,UAAU;cACzC,EAAG,yCAAyC,qBAAqB;GAC5D,CAAA;EAEX,CAAA;CACS,CAAA;CAIhB,IAAM,KAAY,EAAgB,aAAc,EAAQ,KAAa,EAAY,WAE3E,IACJ,kBAAC,GAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAK,eAAe,EAAW,UAAU;YAAtE;GACE,kBAAC,IAAD,EAAW,WAAU,eAAgB,CAAA;GAAC;GAAE,EAAG,0BAA0B,aAAa;EAC5E;;CAGV,IAAI,IACF,OACE,kBAAC,GAAD;EAAY,OAAO,EAAG,oCAAoC,QAAQ;EAAG,SAAS;YAC5E,kBAAC,GAAD,EAAa,OAAO,EAAG,kCAAkC,sBAAsB,EAAI,CAAA;CACzE,CAAA;CAIhB,IAAI,EAAgB,SAClB,OACE,kBAAC,GAAD;EAAY,OAAO,EAAG,oCAAoC,QAAQ;EAAG,SAAS;YAC5E,kBAAC,GAAD;GACE,OAAO,EAAG,+CAA+C,+BAA+B;GACxF,SACE,EAAgB,iBAAiB,QAAQ,EAAgB,MAAM,UAAU,KAAA;GAE3E,eAAe,EAAgB,QAAQ;EACxC,CAAA;CACS,CAAA;CAIhB,IAAI,CAAC,GACH,OACE,kBAAC,GAAD;EAAY,OAAO,EAAG,oCAAoC,QAAQ;EAAG,SAAS;YAC5E,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAG,kDAAkD,sBAAsB;GAClF,aAAa,EACX,wDACA,mEACF;GACA,QACE,kBAAC,GAAD;IAAQ,eAAe,EAAW,UAAU;cACzC,EAAG,yCAAyC,qBAAqB;GAC5D,CAAA;EAEX,CAAA;CACS,CAAA;CAIhB,IAAI,EAAY,SACd,OACE,kBAAC,GAAD;EAAY,OAAO,EAAG,oCAAoC,QAAQ;EAAG,SAAS;YAC5E,kBAAC,GAAD;GACE,OAAO,EAAG,2CAA2C,0BAA0B;GAC/E,SAAS,EAAY,iBAAiB,QAAQ,EAAY,MAAM,UAAU,KAAA;GAC1E,eAAe,EAAY,QAAQ;EACpC,CAAA;CACS,CAAA;CAIhB,IAAM,IAAc,KAAK,MAAM,EAAW,eAAe,CAAC,GACpD,KAAe,IAAiB,EAAY,EAAe,QAAQ;CAEzE,OACE,kBAAC,GAAD;EACE,OAAO,GAAQ,SAAS,EAAG,oCAAoC,QAAQ;EACvE,SAAS;YAET,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,GAAD;KACE,WAAU;KACV,MAAM,IAAc;KACpB,WAAU;eAHZ;MAKE,kBAAC,IAAD;OAAc,OAAO;OAAa,MAAM;OAAI,WAAU;MAAY,CAAA;MAClE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAa,QAAQ,EAAW,OAAS,CAAA,GACzC,kBAAC,QAAD;SAAM,WAAU;mBACb,EACC,0CACA,+CACA;UAAE,WAAW;UAAgB,OAAO,EAAe;SAAO,CAC5D;QACI,CAAA,CACH;WACL,kBAAC,IAAD;QAAS,OAAO;QAAa,WAAU;OAAQ,CAAA,CAC5C;;MACJ,MAAe,CAAC,MACf,kBAAC,GAAD;OACE,WAAU;OACV,SAAS;OACT,UAAU,EAAmB;iBAH/B,CAKG,EAAmB,YAClB,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA,IAEhD,kBAAC,IAAD,EAAQ,WAAU,eAAgB,CAAA,GAEnC,EAAG,uCAAuC,eAAe,CACpD;;KAED;;IAEV,KACC,kBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;eACvB;IACA,CAAA;IAIL,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,eAAe,GAAa,MAAM,CAAC,CAAC;eAJtC,CAME,kBAAC,IAAD,EAAY,WAAU,eAAgB,CAAA,GACrC,IACG,EAAG,sCAAsC,cAAc,IACvD,EAAG,sCAAsC,qCAAqC;MAC5E,WAAW;MACX,OAAO,EAAe;KACxB,CAAC,CACC;;IAER,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,SAAD;MAAO,WAAW,EAAG,gCAAgC,IAAW,UAAU,QAAQ;gBAChF,kBAAC,GAAD;OAAW,WAAU;OAAQ,WAAU;iBACpC,EAAe,WAAW,IACzB,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAG,oCAAoC,iCAAiC;OACtE,CAAA,IAEL,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAO,KAAK,MAAU;SACrB,IAAM,IAAY,EAAM,QAAQ,QAC7B,MAAM,EAAiB,IAAI,EAAE,EAAE,MAAM,WACxC,EAAE;SACF,OACE,kBAAC,OAAD;UAAoB,WAAU;oBAA9B,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAM;WACN,CAAA,GACH,kBAAC,QAAD;YAAM,WAAU;sBAAhB;aACG;aAAU;aAAI,EAAM,QAAQ;YACzB;aACH;cACL,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAM,QAAQ,KAAK,GAAQ,MAAM;YAEhC,IAAM,IADS,EAAiB,IAAI,EAAO,EAC9B,MAAW,aAClB,IAAS,EAAO,OAAO,GACvB,IAAS,MAAM,EAAM,QAAQ,SAAS,GACtC,IAAO,EAAY,EAAO;YAChC,OACE,kBAAC,MAAD;aAAoB,WAAU;uBAA9B,CAEE,kBAAC,OAAD;cAAK,WAAU;wBAAf,CACG,IACC,kBAAC,QAAD;eAAM,WAAU;yBACd,kBAAC,IAAD,EAAO,WAAU,4CAA6C,CAAA;cAC1D,CAAA,IACJ,IACF,kBAAC,QAAD;eAAM,WAAU;yBACd,kBAAC,GAAD,EAAM,WAAU,8CAA+C,CAAA;cAC3D,CAAA,IAEN,kBAAC,QAAD;eAAM,WAAU;yBACd,kBAAC,GAAD,EAAM,WAAU,6CAA8C,CAAA;cAC1D,CAAA,GAEP,CAAC,KACA,kBAAC,QAAD,EACE,WAAW,EACT,oBACA,IACI,6EACA,gBACN,EACD,CAAA,CAEA;iBACL,kBAAC,UAAD;cACE,MAAK;cACL,eAAe,EAAa,EAAO,EAAE;cACrC,WAAW,EACT,wEACA,IACI,kCACA,oBACN;cACA,gBAAc,IAAS,SAAS,KAAA;wBATlC,CAWE,kBAAC,QAAD;eACE,WAAW,EACT,0BACA,IACI,kCACA,IACE,wBACA,mBACR;yBAEC,EAAO;cACJ,CAAA,GACN,kBAAC,QAAD;eAAM,WAAU;yBAAhB,CACG,EAAgB,EAAO,IAAI,GAC3B,EAAO,cAAc,IAClB,MAAM,EAAe,EAAO,WAAW,MACvC,EACA;gBACA;eACN;eAzDK,EAAO,EAyDZ;WAER,CAAC;UACC,CAAA,CACD;YA9EK,EAAM,EA8EX;QAET,CAAC;OACE,CAAA,GACJ,KACC,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,EAAW,WAAW,GAAU;mBAJjD;UAME,kBAAC,IAAD,EAAU,WAAU,iBAAkB,CAAA;UAAE;UACvC,EAAG,yCAAyC,iBAAiB;SACxD;;OACL,CAAA,CAEP,EAAA,CAAA;MAEK,CAAA;KACN,CAAA,GAGP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACI,IAUA,kBAAC,GAAD;OAAW,WAAU;OAAQ,WAAU;iBAAvC;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,IAAD,EAAc,WAAU,8CAA+C,CAAA,GACtE,EAAgB,EAAe,IAAI,CAChC;;UACL,EAAe,cAAc,KAC5B,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAe,EAAe,WAAW;UACtC,CAAA;UAEP,KACC,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YACE,kBAAC,GAAD,EAAc,WAAU,cAAe,CAAA;YAAE;YACxC,EAAG,yCAAyC,WAAW;WACpD;;UAER,kBAAC,IAAD,EAA8C,QAAQ,EAAiB,GAA5C,EAAe,EAA6B;UACvE,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAG,yCAAyC,6BAA6B;YACxE,GAAG,IAAgB;YACnB,OAAO,EAAe;WACxB,CAAC;UACG,CAAA;SACH;;QAEL,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAe;QACd,CAAA;QAEH,EAAe,QACd,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAG,oCAAoC,WAAW;SAClD,CAAA,GACH,kBAAC,IAAD,EAAU,QAAQ,EAAe,MAAM,GAAK,CAAA,CACzC;aACH;QAEH,EAAe,UACd,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAe;QACf,CAAA,IAEH,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAe,QACZ,EACE,6CACA,+DACF,IACA,EACE,oCACA,oCACF;QACH,CAAA;QAIL,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD;WACE,SAAQ;WACR,MAAK;WACL,WAAU;WACV,eAAe,EAAK,EAAE;WACtB,UAAU,KAAiB;qBAL7B;YAOE,kBAAC,IAAD,EAAa,WAAU,eAAgB,CAAA;YAAE;YACxC,EAAG,mCAAmC,UAAU;WAC3C;;UAEP,IACC,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YACE,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;YAAE;YACpC,EAAG,yCAAyC,iBAAiB;WAC1D;eAEN,kBAAC,GAAD;WACE,MAAK;WACL,WAAU;WACV,SAAS;WACT,UAAU,EAAe;qBAJ3B,CAMG,EAAe,YACd,kBAAC,GAAD,EAAS,WAAU,8BAA+B,CAAA,IAElD,kBAAC,GAAD,EAAc,WAAU,iBAAkB,CAAA,GAE3C,EAAe,YACZ,EAAG,0CAA0C,mBAAmB,IAChE,EAAG,uCAAuC,eAAe,CACvD;;UAGV,kBAAC,GAAD;WACE,SAAQ;WACR,MAAK;WACL,WAAU;WACV,eAAe,EAAK,CAAC;WACrB,UAAU,KAAiB,EAAe,SAAS;qBALrD;YAOG,EAAG,+BAA+B,MAAM;YAAG;YAC5C,kBAAC,IAAD,EAAc,WAAU,eAAgB,CAAA;WAClC;;SACL;;OACI;WAjHX,kBAAC,GAAD;OACE,cAAa;OACb,OAAO,EAAG,wCAAwC,mBAAmB;OACrE,aAAa,EACX,8CACA,oFACF;MACD,CAAA,GA6GF,KAAkB,KAAY,KAC7B,kBAAC,OAAD;OAAK,WAAU;iBAEb,kBAAC,IAAD;QAEY;QACI;QACd,UAAU,EAAe;QACzB,aAAa,EAAe;QACV;OACnB,GANM,CAMN;MACE,CAAA,CAEH;OACH;;GACF;;CACK,CAAA;AAEhB"}

package/dist/stories/CourseCard.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CourseCard } from '../buildmyiq/pages/_shared/CourseCard';
+declare const meta: Meta<typeof CourseCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Catalog: Story;
+export declare const Authoring: Story;
+export declare const SparseCourse: Story;
+//# sourceMappingURL=CourseCard.stories.d.ts.map

package/dist/stories/CourseCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseCard.stories.d.ts","sourceRoot":"","sources":["../../src/stories/CourseCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAGnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC"}

package/dist/stories/EmptyState.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../src/stories/EmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAMjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}
+{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../src/stories/EmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAMjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}

package/dist/stories/FilterTabs.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+type EnrollmentFilter = 'ALL' | 'IN_PROGRESS' | 'COMPLETED';
+interface StatefulFilterTabsProps {
+    initial: EnrollmentFilter;
+    onChange: (value: EnrollmentFilter) => void;
+}
+/** FilterTabs is controlled; this wrapper owns the state like a real page does. */
+declare function StatefulFilterTabs({ initial, onChange }: StatefulFilterTabsProps): import("react").JSX.Element;
+declare const meta: Meta<typeof StatefulFilterTabs>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SwitchFilter: Story;
+//# sourceMappingURL=FilterTabs.stories.d.ts.map

package/dist/stories/FilterTabs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/FilterTabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,KAAK,gBAAgB,GAAG,KAAK,GAAG,aAAa,GAAG,WAAW,CAAC;AAQ5D,UAAU,uBAAuB;IAC/B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7C;AAED,mFAAmF;AACnF,iBAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAYzE;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC"}

package/dist/stories/MetricsCard.stories.d.ts

@@ -6,4 +6,5 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithTrend: Story;
 export declare const Featured: Story;
+export declare const WithPill: Story;
 //# sourceMappingURL=MetricsCard.stories.d.ts.map

package/dist/stories/MetricsCard.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsCard.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MetricsCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAMlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC"}
+{"version":3,"file":"MetricsCard.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MetricsCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAMlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC"}

package/dist/stories/Pagination.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Pagination } from '../buildmyiq/components/Pagination';
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FirstPage: Story;
+export declare const LastPage: Story;
+export declare const SinglePageHidden: Story;
+//# sourceMappingURL=Pagination.stories.d.ts.map

package/dist/stories/Pagination.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAUjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC"}

package/dist/stories/StateViews.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ErrorView } from '../buildmyiq/components/StateViews';
+declare const meta: Meta<typeof ErrorView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithRetry: Story;
+export declare const DefaultsWithoutRetry: Story;
+//# sourceMappingURL=StateViews.stories.d.ts.map

package/dist/stories/StateViews.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateViews.stories.d.ts","sourceRoot":"","sources":["../../src/stories/StateViews.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAMhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC"}

package/dist/stories/StatusBadge.stories.d.ts

@@ -8,4 +8,5 @@ export declare const InProgress: Story;
 export declare const Completed: Story;
 export declare const Advanced: Story;
 export declare const Technical: Story;
+export declare const UnknownStatusFallsBack: Story;
 //# sourceMappingURL=StatusBadge.stories.d.ts.map

package/dist/stories/StatusBadge.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.stories.d.ts","sourceRoot":"","sources":["../../src/stories/StatusBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAYlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
+{"version":3,"file":"StatusBadge.stories.d.ts","sourceRoot":"","sources":["../../src/stories/StatusBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAYlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAQpC,CAAC"}

package/dist/stories/Tabs.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+type CohortSection = 'members' | 'schedule';
+interface StatefulTabsProps {
+    onChange: (value: CohortSection) => void;
+}
+/** Tabs is presentational; the parent page owns the active section. */
+declare function StatefulTabs({ onChange }: StatefulTabsProps): import("react").JSX.Element;
+declare const meta: Meta<typeof StatefulTabs>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SwitchSection: Story;
+//# sourceMappingURL=Tabs.stories.d.ts.map

package/dist/stories/Tabs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,KAAK,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;AAO5C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,uEAAuE;AACvE,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAepD;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAMnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC"}

package/dist/stories/fixtures/courses.d.ts

@@ -0,0 +1,6 @@
+import { BuiCourse, BuiSkill } from '../../buildmyiq/types';
+export declare const skillFixture: BuiSkill;
+export declare const courseFixture: BuiCourse;
+/** A course with no modules, lessons, skill or duration — the sparse edge case. */
+export declare const sparseCourseFixture: BuiCourse;
+//# sourceMappingURL=courses.d.ts.map

package/dist/stories/fixtures/courses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"courses.d.ts","sourceRoot":"","sources":["../../../src/stories/fixtures/courses.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,SAAS,EAAwB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMvF,eAAO,MAAM,YAAY,EAAE,QAc1B,CAAC;AAuDF,eAAO,MAAM,aAAa,EAAE,SAsB3B,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,mBAAmB,EAAE,SAajC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-buildmyiq",
-  "version": "2026.1029.6",
+  "version": "2026.1030.1",
   "description": "Burdenoff BuildMyIQ Microfrontend — education, learning & development",
   "type": "module",
   "files": [
@@ -40,6 +40,7 @@
     "build-storybook": "storybook build",
     "test": "bun test",
     "test:storybook": "test-storybook",
+    "test:storybook:ci": "bun scripts/test-storybook-static.ts",
     "sanity": "bash scripts/build-limits.sh --gate bash -c 'bun run codegen && bun run lint && bun run format && bun run type:check && bun run build && bun run build-storybook'",
     "schema:pull": "graphql-codegen --project schema-wspace && graphql-codegen --project schema-global",
     "codegen": "graphql-codegen --project wspace && graphql-codegen --project global",