@burdenoff/microfe-buildmyiq 2026.705.10 → 2026.705.12

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

@@ -12,182 +12,249 @@ import "../../hooks/index.js";
 import { FileLink as h } from "../../components/FileLink.js";
 import "../../components/index.js";
 import { useMemo as g, useState as _ } from "react";
-import { ArrowRight as v, Award as y, GraduationCap as b, PlayCircle as x } from "lucide-react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Button as w, GlassCard as T } from "@burdenoff/fe-libs/ui";
+import { ArrowRight as v, Award as y, ClipboardCheck as b, GraduationCap as x, PlayCircle as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Button as T, GlassCard as E } from "@burdenoff/fe-libs/ui";
 //#region src/buildmyiq/pages/learning/MyLearningPage.tsx
-var E = new Set(["ENROLLED", "IN_PROGRESS"]), D = () => {
-	let { currentUser: D, navigateTo: O } = e(), k = D?.id, [A, j] = _("in_progress"), M = p({
-		learnerId: k,
+var D = new Set(["ENROLLED", "IN_PROGRESS"]), O = () => {
+	let { currentUser: O, navigateTo: k } = e(), A = O?.id, [j, M] = _("in_progress"), N = p({
+		learnerId: A,
 		limit: 100,
-		enabled: !!k
-	}), N = f({ limit: 100 }), P = d(void 0, k), F = m({
-		learnerId: k,
+		enabled: !!A
+	}), P = f({ limit: 100 }), F = d(void 0, A), I = m({
+		learnerId: A,
 		limit: 50,
-		enabled: !!k
-	});
-	g(() => [...F.data?.items ?? []].sort((e, t) => (t.submittedAt ?? t.createdAt).localeCompare(e.submittedAt ?? e.createdAt)), [F.data]);
-	let I = g(() => M.data?.items ?? [], [M.data]), L = g(() => N.data?.items ?? [], [N.data]), R = g(() => P.data ?? [], [P.data]), z = g(() => {
+		enabled: !!A
+	}), L = g(() => [...I.data?.items ?? []].sort((e, t) => (t.submittedAt ?? t.createdAt).localeCompare(e.submittedAt ?? e.createdAt)), [I.data]), R = g(() => N.data?.items ?? [], [N.data]), z = g(() => P.data?.items ?? [], [P.data]), B = g(() => F.data ?? [], [F.data]), V = g(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of L) e.set(t.id, t.title);
+		for (let t of z) e.set(t.id, t.title);
 		return e;
-	}, [L]), B = (e) => z.get(e) ?? "Course", V = g(() => I.filter((e) => E.has(e.status)), [I]), H = g(() => I.filter((e) => e.status === "COMPLETED"), [I]), U = g(() => [...A === "in_progress" ? V : A === "completed" ? H : I].sort((e, t) => (t.lastActiveAt ?? t.enrolledAt).localeCompare(e.lastActiveAt ?? e.enrolledAt)), [
-		A,
-		V,
-		H,
-		I
-	]), W = g(() => [...R].sort((e, t) => t.issuedAt.localeCompare(e.issuedAt)), [R]), G = [
+	}, [z]), H = (e) => V.get(e) ?? "Course", U = g(() => R.filter((e) => D.has(e.status)), [R]), W = g(() => R.filter((e) => e.status === "COMPLETED"), [R]), G = g(() => [...j === "in_progress" ? U : j === "completed" ? W : R].sort((e, t) => (t.lastActiveAt ?? t.enrolledAt).localeCompare(e.lastActiveAt ?? e.enrolledAt)), [
+		j,
+		U,
+		W,
+		R
+	]), K = g(() => [...B].sort((e, t) => t.issuedAt.localeCompare(e.issuedAt)), [B]), q = [
 		{
 			value: "in_progress",
 			label: "In progress",
-			count: V.length
+			count: U.length
 		},
 		{
 			value: "completed",
 			label: "Completed",
-			count: H.length
+			count: W.length
 		},
 		{
 			value: "all",
 			label: "All",
-			count: I.length
+			count: R.length
 		}
-	], K = !!k && (M.isLoading || N.isLoading);
-	return /* @__PURE__ */ S(t, {
+	], J = !!A && (N.isLoading || P.isLoading);
+	return /* @__PURE__ */ C(t, {
 		title: "My Learning",
 		description: "Your enrollments, progress and the credentials you've earned.",
 		titleGradient: !0,
 		aurora: !0,
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "flex flex-col gap-6",
-			children: [/* @__PURE__ */ C(c, {
-				title: "Courses",
-				description: "Everything you're enrolled in.",
-				children: [k && I.length > 0 && /* @__PURE__ */ S("div", {
-					className: "mb-4",
-					children: /* @__PURE__ */ S(l, {
-						items: G,
-						value: A,
-						onChange: j
-					})
-				}), k ? K ? /* @__PURE__ */ S(s, { label: "Loading your enrollments…" }) : M.isError ? /* @__PURE__ */ S(o, {
-					title: "Couldn't load your learning",
-					message: M.error instanceof Error ? M.error.message : void 0,
-					onRetry: () => M.refetch()
-				}) : I.length === 0 ? /* @__PURE__ */ S(a, {
-					illustration: "onboarding",
-					title: "You're not enrolled in anything yet",
-					description: "Browse the catalog and enrol in a course to start learning.",
-					action: /* @__PURE__ */ S(w, {
-						onClick: () => O("catalog"),
-						children: "Explore the catalog"
-					})
-				}) : U.length === 0 ? /* @__PURE__ */ S(a, {
-					illustration: "empty-data",
-					title: A === "in_progress" ? "No courses in progress" : A === "completed" ? "No completed courses yet" : "No courses",
-					description: A === "completed" ? "Finish a course to see it here — and earn a certificate." : "Switch tabs or enrol in a new course to keep learning."
-				}) : /* @__PURE__ */ S("div", {
-					className: "flex flex-col gap-3",
-					children: U.map((e) => /* @__PURE__ */ C(T, {
-						treatment: "plain",
-						className: "flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:gap-4",
-						children: [
-							/* @__PURE__ */ S("div", {
-								className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]",
-								children: /* @__PURE__ */ S(x, { className: "h-5 w-5 text-text-primary" })
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "min-w-0 flex-1",
-								children: [
-									/* @__PURE__ */ C("div", {
-										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ S("p", {
-											className: "truncate font-medium text-text-primary",
-											children: B(e.courseId)
-										}), /* @__PURE__ */ S(i, { status: e.status })]
-									}),
-									/* @__PURE__ */ C("div", {
-										className: "mt-2 flex items-center gap-2",
-										children: [/* @__PURE__ */ S(u, {
-											value: e.progressPct,
-											className: "max-w-sm flex-1"
-										}), /* @__PURE__ */ C("span", {
-											className: "shrink-0 text-xs tabular-nums text-text-secondary",
-											children: [Math.round(e.progressPct ?? 0), "%"]
-										})]
-									}),
-									/* @__PURE__ */ S("p", {
-										className: "mt-1 text-xs text-text-secondary",
-										children: e.status === "COMPLETED" && e.completedAt ? `Completed ${r(e.completedAt)}` : `Active ${r(e.lastActiveAt ?? e.enrolledAt)}`
-									})
-								]
-							}),
-							/* @__PURE__ */ C(w, {
-								variant: "secondary",
-								size: "sm",
-								className: "shrink-0 max-sm:w-full",
-								onClick: () => O(`learning/${e.id}`),
-								children: [e.status === "COMPLETED" ? "Review" : "Continue", /* @__PURE__ */ S(v, { className: "ml-1 h-4 w-4" })]
-							})
-						]
-					}, e.id))
-				}) : /* @__PURE__ */ S(a, {
-					illustration: "empty-people",
-					title: "Sign in to see your learning",
-					description: "Your enrollments and progress appear here once you are signed in to the workspace."
-				})]
-			}), /* @__PURE__ */ S(c, {
-				title: "Certificates",
-				description: "Verifiable credentials issued for the courses you've completed.",
-				action: /* @__PURE__ */ C(w, {
-					variant: "ghost",
-					size: "sm",
-					onClick: () => O("certificates"),
-					children: [/* @__PURE__ */ S(b, { className: "mr-1 h-4 w-4" }), " All certificates"]
+			children: [
+				/* @__PURE__ */ w(c, {
+					title: "Courses",
+					description: "Everything you're enrolled in.",
+					children: [A && R.length > 0 && /* @__PURE__ */ C("div", {
+						className: "mb-4",
+						children: /* @__PURE__ */ C(l, {
+							items: q,
+							value: j,
+							onChange: M
+						})
+					}), A ? J ? /* @__PURE__ */ C(s, { label: "Loading your enrollments…" }) : N.isError ? /* @__PURE__ */ C(o, {
+						title: "Couldn't load your learning",
+						message: N.error instanceof Error ? N.error.message : void 0,
+						onRetry: () => N.refetch()
+					}) : R.length === 0 ? /* @__PURE__ */ C(a, {
+						illustration: "onboarding",
+						title: "You're not enrolled in anything yet",
+						description: "Browse the catalog and enrol in a course to start learning.",
+						action: /* @__PURE__ */ C(T, {
+							onClick: () => k("catalog"),
+							children: "Explore the catalog"
+						})
+					}) : G.length === 0 ? /* @__PURE__ */ C(a, {
+						illustration: "empty-data",
+						title: j === "in_progress" ? "No courses in progress" : j === "completed" ? "No completed courses yet" : "No courses",
+						description: j === "completed" ? "Finish a course to see it here — and earn a certificate." : "Switch tabs or enrol in a new course to keep learning."
+					}) : /* @__PURE__ */ C("div", {
+						className: "flex flex-col gap-3",
+						children: G.map((e) => /* @__PURE__ */ w(E, {
+							treatment: "plain",
+							className: "flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:gap-4",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]",
+									children: /* @__PURE__ */ C(S, { className: "h-5 w-5 text-text-primary" })
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "min-w-0 flex-1",
+									children: [
+										/* @__PURE__ */ w("div", {
+											className: "flex flex-wrap items-center gap-2",
+											children: [/* @__PURE__ */ C("p", {
+												className: "truncate font-medium text-text-primary",
+												children: H(e.courseId)
+											}), /* @__PURE__ */ C(i, { status: e.status })]
+										}),
+										/* @__PURE__ */ w("div", {
+											className: "mt-2 flex items-center gap-2",
+											children: [/* @__PURE__ */ C(u, {
+												value: e.progressPct,
+												className: "max-w-sm flex-1"
+											}), /* @__PURE__ */ w("span", {
+												className: "shrink-0 text-xs tabular-nums text-text-secondary",
+												children: [Math.round(e.progressPct ?? 0), "%"]
+											})]
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "mt-1 text-xs text-text-secondary",
+											children: e.status === "COMPLETED" && e.completedAt ? `Completed ${r(e.completedAt)}` : `Active ${r(e.lastActiveAt ?? e.enrolledAt)}`
+										})
+									]
+								}),
+								/* @__PURE__ */ w(T, {
+									variant: "secondary",
+									size: "sm",
+									className: "shrink-0 max-sm:w-full",
+									onClick: () => k(`learning/${e.id}`),
+									children: [e.status === "COMPLETED" ? "Review" : "Continue", /* @__PURE__ */ C(v, { className: "ml-1 h-4 w-4" })]
+								})
+							]
+						}, e.id))
+					}) : /* @__PURE__ */ C(a, {
+						illustration: "empty-people",
+						title: "Sign in to see your learning",
+						description: "Your enrollments and progress appear here once you are signed in to the workspace."
+					})]
 				}),
-				children: k ? P.isLoading ? /* @__PURE__ */ S(s, { label: "Loading your certificates…" }) : P.isError ? /* @__PURE__ */ S(o, {
-					title: "Couldn't load your certificates",
-					message: P.error instanceof Error ? P.error.message : void 0,
-					onRetry: () => P.refetch()
-				}) : W.length === 0 ? /* @__PURE__ */ S(a, {
-					illustration: "empty-data",
-					title: "No certificates yet",
-					description: "Complete a credentialed course to earn a verifiable certificate."
-				}) : /* @__PURE__ */ S("div", {
-					className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
-					children: W.map((e) => /* @__PURE__ */ C(T, {
-						treatment: "plain",
-						className: "flex flex-col gap-3 p-4",
-						children: [
-							/* @__PURE__ */ C("div", {
-								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C(c, {
+					title: "Assessment results",
+					description: "Your submitted assessments, scores and educator feedback.",
+					children: A ? I.isLoading ? /* @__PURE__ */ C(s, { label: "Loading your results…" }) : I.isError ? /* @__PURE__ */ C(o, {
+						title: "Couldn't load your results",
+						message: I.error instanceof Error ? I.error.message : void 0,
+						onRetry: () => I.refetch()
+					}) : L.length === 0 ? /* @__PURE__ */ C(a, {
+						illustration: "empty-data",
+						title: "No assessment results yet",
+						description: "Take a course assessment and your score and feedback will appear here."
+					}) : /* @__PURE__ */ C("div", {
+						className: "flex flex-col gap-3",
+						children: L.map((e) => /* @__PURE__ */ w(E, {
+							treatment: "plain",
+							className: "flex flex-wrap items-center gap-3 p-4",
+							children: [
+								/* @__PURE__ */ C("div", {
 									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]",
-									children: /* @__PURE__ */ S(y, { className: "h-5 w-5 text-text-primary" })
-								}), /* @__PURE__ */ S(i, { status: e.status })]
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ S("p", {
-									className: "truncate font-medium text-text-primary",
-									children: B(e.courseId)
-								}), /* @__PURE__ */ S("p", {
-									className: "mt-0.5 font-mono text-xs text-text-secondary",
-									children: e.serial
-								})]
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "mt-auto flex flex-wrap items-center justify-between gap-2 pt-1 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ C("span", { children: ["Issued ", n(e.issuedAt)] }), e.file ? /* @__PURE__ */ S(h, { fileId: e.file.id }) : null]
-							})
-						]
-					}, e.id))
-				}) : null
-			})]
+									children: /* @__PURE__ */ C(b, { className: "h-5 w-5 text-text-primary" })
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "min-w-0 flex-1",
+									children: [
+										/* @__PURE__ */ w("div", {
+											className: "flex flex-wrap items-center gap-2",
+											children: [
+												/* @__PURE__ */ w("p", {
+													className: "font-medium text-text-primary",
+													children: ["Attempt ", e.attempt]
+												}),
+												/* @__PURE__ */ C(i, { status: e.status }),
+												e.passed != null && /* @__PURE__ */ C("span", {
+													className: `text-xs font-medium ${e.passed ? "text-status-success-text" : "text-status-error-text"}`,
+													children: e.passed ? "Passed" : "Not passed"
+												})
+											]
+										}),
+										e.feedback && /* @__PURE__ */ C("p", {
+											className: "mt-1 text-sm text-text-secondary",
+											children: e.feedback
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "mt-1 text-xs text-text-secondary",
+											children: [
+												"Submitted ",
+												n(e.submittedAt ?? e.createdAt),
+												e.gradedAt ? ` · graded ${n(e.gradedAt)}` : ""
+											]
+										})
+									]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "shrink-0 text-right",
+									children: [/* @__PURE__ */ C("p", {
+										className: "text-lg font-semibold tabular-nums text-text-primary",
+										children: e.score == null ? "—" : `${e.score}%`
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-text-secondary",
+										children: "score"
+									})]
+								})
+							]
+						}, e.id))
+					}) : null
+				}),
+				/* @__PURE__ */ C(c, {
+					title: "Certificates",
+					description: "Verifiable credentials issued for the courses you've completed.",
+					action: /* @__PURE__ */ w(T, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => k("certificates"),
+						children: [/* @__PURE__ */ C(x, { className: "mr-1 h-4 w-4" }), " All certificates"]
+					}),
+					children: A ? F.isLoading ? /* @__PURE__ */ C(s, { label: "Loading your certificates…" }) : F.isError ? /* @__PURE__ */ C(o, {
+						title: "Couldn't load your certificates",
+						message: F.error instanceof Error ? F.error.message : void 0,
+						onRetry: () => F.refetch()
+					}) : K.length === 0 ? /* @__PURE__ */ C(a, {
+						illustration: "empty-data",
+						title: "No certificates yet",
+						description: "Complete a credentialed course to earn a verifiable certificate."
+					}) : /* @__PURE__ */ C("div", {
+						className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
+						children: K.map((e) => /* @__PURE__ */ w(E, {
+							treatment: "plain",
+							className: "flex flex-col gap-3 p-4",
+							children: [
+								/* @__PURE__ */ w("div", {
+									className: "flex items-start justify-between gap-3",
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]",
+										children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-text-primary" })
+									}), /* @__PURE__ */ C(i, { status: e.status })]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ C("p", {
+										className: "truncate font-medium text-text-primary",
+										children: H(e.courseId)
+									}), /* @__PURE__ */ C("p", {
+										className: "mt-0.5 font-mono text-xs text-text-secondary",
+										children: e.serial
+									})]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "mt-auto flex flex-wrap items-center justify-between gap-2 pt-1 text-xs text-text-secondary",
+									children: [/* @__PURE__ */ w("span", { children: ["Issued ", n(e.issuedAt)] }), e.file ? /* @__PURE__ */ C(h, { fileId: e.file.id }) : null]
+								})
+							]
+						}, e.id))
+					}) : null
+				})
+			]
 		})
 	});
 };
 //#endregion
-export { D as MyLearningPage };
+export { O as MyLearningPage };
 
 //# sourceMappingURL=MyLearningPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MyLearningPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/learning/MyLearningPage.tsx"],"sourcesContent":["/**\n * MyLearningPage — the caller's personal learning surface.\n * @module buildmyiq/pages/learning\n *\n * Renders the current learner's real enrollments (`buiListEnrollments` filtered\n * by `learnerId`) grouped by progress, plus the credentials they have earned\n * (`buiListCertificates`). Course titles are resolved from `buiListCourses`\n * (id → title map, falling back to \"Course\"). Every list carries an honest\n * loading / error / empty state — no fabricated rows.\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { GraduationCap, Award, ArrowRight, PlayCircle, ClipboardCheck } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  Tabs,\n  StatusBadge,\n  MiniBar,\n  EmptyState,\n  LoadingView,\n  ErrorView,\n  Section,\n  FileLink,\n} from '../../components';\nimport type { TabItem } from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport {\n  useBuiEnrollments,\n  useBuiCourses,\n  useBuiCertificates,\n  useBuiSubmissions,\n} from '../../hooks';\nimport { formatRelativeTime, formatDate } from '../../utils/formatters';\nimport type { BuiEnrollment, BuiCourse, BuiCertificate } from '../../types';\n\ntype LearningTab = 'in_progress' | 'completed' | 'all';\n\nconst IN_PROGRESS_STATUSES = new Set(['ENROLLED', 'IN_PROGRESS']);\n\nexport const MyLearningPage: FC = () => {\n  const { currentUser, navigateTo } = useBuildmyiq();\n  const learnerId = currentUser?.id;\n\n  const [tab, setTab] = useState<LearningTab>('in_progress');\n\n  const enrollmentsQuery = useBuiEnrollments({\n    learnerId,\n    limit: 100,\n    enabled: Boolean(learnerId),\n  });\n  const coursesQuery = useBuiCourses({ limit: 100 });\n  const certsQuery = useBuiCertificates(undefined, learnerId);\n  const submissionsQuery = useBuiSubmissions({\n    learnerId,\n    limit: 50,\n    enabled: Boolean(learnerId),\n  });\n  const submissions = useMemo(\n    () =>\n      [...(submissionsQuery.data?.items ?? [])].sort((a, b) =>\n        (b.submittedAt ?? b.createdAt).localeCompare(a.submittedAt ?? a.createdAt)\n      ),\n    [submissionsQuery.data]\n  );\n\n  const enrollments: BuiEnrollment[] = useMemo(\n    () => enrollmentsQuery.data?.items ?? [],\n    [enrollmentsQuery.data]\n  );\n  const courses: BuiCourse[] = useMemo(() => coursesQuery.data?.items ?? [], [coursesQuery.data]);\n  const certificates: BuiCertificate[] = useMemo(() => certsQuery.data ?? [], [certsQuery.data]);\n\n  const courseTitleById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const c of courses) map.set(c.id, c.title);\n    return map;\n  }, [courses]);\n\n  const titleFor = (courseId: string): string => courseTitleById.get(courseId) ?? 'Course';\n\n  const inProgress = useMemo(\n    () => enrollments.filter((e) => IN_PROGRESS_STATUSES.has(e.status)),\n    [enrollments]\n  );\n  const completed = useMemo(\n    () => enrollments.filter((e) => e.status === 'COMPLETED'),\n    [enrollments]\n  );\n\n  const visible = useMemo(() => {\n    const rows = tab === 'in_progress' ? inProgress : tab === 'completed' ? completed : enrollments;\n    return [...rows].sort((a, b) =>\n      (b.lastActiveAt ?? b.enrolledAt).localeCompare(a.lastActiveAt ?? a.enrolledAt)\n    );\n  }, [tab, inProgress, completed, enrollments]);\n\n  const sortedCertificates = useMemo(\n    () => [...certificates].sort((a, b) => b.issuedAt.localeCompare(a.issuedAt)),\n    [certificates]\n  );\n\n  const tabs: TabItem<LearningTab>[] = [\n    { value: 'in_progress', label: 'In progress', count: inProgress.length },\n    { value: 'completed', label: 'Completed', count: completed.length },\n    { value: 'all', label: 'All', count: enrollments.length },\n  ];\n\n  const isLoading = Boolean(learnerId) && (enrollmentsQuery.isLoading || coursesQuery.isLoading);\n\n  const renderEnrollments = () => {\n    if (!learnerId) {\n      return (\n        <EmptyState\n          illustration=\"empty-people\"\n          title=\"Sign in to see your learning\"\n          description=\"Your enrollments and progress appear here once you are signed in to the workspace.\"\n        />\n      );\n    }\n    if (isLoading) return <LoadingView label=\"Loading your enrollments…\" />;\n    if (enrollmentsQuery.isError) {\n      return (\n        <ErrorView\n          title=\"Couldn't load your learning\"\n          message={\n            enrollmentsQuery.error instanceof Error ? enrollmentsQuery.error.message : undefined\n          }\n          onRetry={() => enrollmentsQuery.refetch()}\n        />\n      );\n    }\n    if (enrollments.length === 0) {\n      return (\n        <EmptyState\n          illustration=\"onboarding\"\n          title=\"You're not enrolled in anything yet\"\n          description=\"Browse the catalog and enrol in a course to start learning.\"\n          action={<Button onClick={() => navigateTo('catalog')}>Explore the catalog</Button>}\n        />\n      );\n    }\n    if (visible.length === 0) {\n      const label =\n        tab === 'in_progress'\n          ? 'No courses in progress'\n          : tab === 'completed'\n            ? 'No completed courses yet'\n            : 'No courses';\n      return (\n        <EmptyState\n          illustration=\"empty-data\"\n          title={label}\n          description={\n            tab === 'completed'\n              ? 'Finish a course to see it here — and earn a certificate.'\n              : 'Switch tabs or enrol in a new course to keep learning.'\n          }\n        />\n      );\n    }\n    return (\n      <div className=\"flex flex-col gap-3\">\n        {visible.map((e) => (\n          <GlassCard\n            key={e.id}\n            treatment=\"plain\"\n            className=\"flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:gap-4\"\n          >\n            <div className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]\">\n              <PlayCircle className=\"h-5 w-5 text-text-primary\" />\n            </div>\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <p className=\"truncate font-medium text-text-primary\">{titleFor(e.courseId)}</p>\n                <StatusBadge status={e.status} />\n              </div>\n              <div className=\"mt-2 flex items-center gap-2\">\n                <MiniBar value={e.progressPct} className=\"max-w-sm flex-1\" />\n                <span className=\"shrink-0 text-xs tabular-nums text-text-secondary\">\n                  {Math.round(e.progressPct ?? 0)}%\n                </span>\n              </div>\n              <p className=\"mt-1 text-xs text-text-secondary\">\n                {e.status === 'COMPLETED' && e.completedAt\n                  ? `Completed ${formatRelativeTime(e.completedAt)}`\n                  : `Active ${formatRelativeTime(e.lastActiveAt ?? e.enrolledAt)}`}\n              </p>\n            </div>\n            <Button\n              variant=\"secondary\"\n              size=\"sm\"\n              className=\"shrink-0 max-sm:w-full\"\n              onClick={() => navigateTo(`learning/${e.id}`)}\n            >\n              {e.status === 'COMPLETED' ? 'Review' : 'Continue'}\n              <ArrowRight className=\"ml-1 h-4 w-4\" />\n            </Button>\n          </GlassCard>\n        ))}\n      </div>\n    );\n  };\n\n  const renderCertificates = () => {\n    if (!learnerId) return null;\n    if (certsQuery.isLoading) return <LoadingView label=\"Loading your certificates…\" />;\n    if (certsQuery.isError) {\n      return (\n        <ErrorView\n          title=\"Couldn't load your certificates\"\n          message={certsQuery.error instanceof Error ? certsQuery.error.message : undefined}\n          onRetry={() => certsQuery.refetch()}\n        />\n      );\n    }\n    if (sortedCertificates.length === 0) {\n      return (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No certificates yet\"\n          description=\"Complete a credentialed course to earn a verifiable certificate.\"\n        />\n      );\n    }\n    return (\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n        {sortedCertificates.map((cert) => (\n          <GlassCard key={cert.id} treatment=\"plain\" className=\"flex flex-col gap-3 p-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]\">\n                <Award className=\"h-5 w-5 text-text-primary\" />\n              </div>\n              <StatusBadge status={cert.status} />\n            </div>\n            <div className=\"min-w-0\">\n              <p className=\"truncate font-medium text-text-primary\">{titleFor(cert.courseId)}</p>\n              <p className=\"mt-0.5 font-mono text-xs text-text-secondary\">{cert.serial}</p>\n            </div>\n            <div className=\"mt-auto flex flex-wrap items-center justify-between gap-2 pt-1 text-xs text-text-secondary\">\n              <span>Issued {formatDate(cert.issuedAt)}</span>\n              {cert.file ? <FileLink fileId={cert.file.id} /> : null}\n            </div>\n          </GlassCard>\n        ))}\n      </div>\n    );\n  };\n\n  const renderResults = () => {\n    if (!learnerId) return null;\n    if (submissionsQuery.isLoading) return <LoadingView label=\"Loading your results…\" />;\n    if (submissionsQuery.isError)\n      return (\n        <ErrorView\n          title=\"Couldn't load your results\"\n          message={submissionsQuery.error instanceof Error ? submissionsQuery.error.message : undefined}\n          onRetry={() => submissionsQuery.refetch()}\n        />\n      );\n    if (submissions.length === 0)\n      return (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No assessment results yet\"\n          description=\"Take a course assessment and your score and feedback will appear here.\"\n        />\n      );\n    return (\n      <div className=\"flex flex-col gap-3\">\n        {submissions.map((s) => (\n          <GlassCard key={s.id} treatment=\"plain\" className=\"flex flex-wrap items-center gap-3 p-4\">\n            <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]\">\n              <ClipboardCheck className=\"h-5 w-5 text-text-primary\" />\n            </div>\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <p className=\"font-medium text-text-primary\">Attempt {s.attempt}</p>\n                <StatusBadge status={s.status} />\n                {s.passed != null && (\n                  <span\n                    className={`text-xs font-medium ${s.passed ? 'text-status-success-text' : 'text-status-error-text'}`}\n                  >\n                    {s.passed ? 'Passed' : 'Not passed'}\n                  </span>\n                )}\n              </div>\n              {s.feedback && <p className=\"mt-1 text-sm text-text-secondary\">{s.feedback}</p>}\n              <p className=\"mt-1 text-xs text-text-secondary\">\n                Submitted {formatDate(s.submittedAt ?? s.createdAt)}\n                {s.gradedAt ? ` · graded ${formatDate(s.gradedAt)}` : ''}\n              </p>\n            </div>\n            <div className=\"shrink-0 text-right\">\n              <p className=\"text-lg font-semibold tabular-nums text-text-primary\">\n                {s.score != null ? `${s.score}%` : '—'}\n              </p>\n              <p className=\"text-xs text-text-secondary\">score</p>\n            </div>\n          </GlassCard>\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <PageLayout\n      title=\"My Learning\"\n      description=\"Your enrollments, progress and the credentials you've earned.\"\n      titleGradient\n      aurora\n    >\n      <div className=\"flex flex-col gap-6\">\n        <Section title=\"Courses\" description=\"Everything you're enrolled in.\">\n          {learnerId && enrollments.length > 0 && (\n            <div className=\"mb-4\">\n              <Tabs items={tabs} value={tab} onChange={setTab} />\n            </div>\n          )}\n          {renderEnrollments()}\n        </Section>\n\n        <Section\n          title=\"Certificates\"\n          description=\"Verifiable credentials issued for the courses you've completed.\"\n          action={\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('certificates')}>\n              <GraduationCap className=\"mr-1 h-4 w-4\" /> All certificates\n            </Button>\n          }\n        >\n          {renderCertificates()}\n        </Section>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"MyLearningPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/learning/MyLearningPage.tsx"],"sourcesContent":["/**\n * MyLearningPage — the caller's personal learning surface.\n * @module buildmyiq/pages/learning\n *\n * Renders the current learner's real enrollments (`buiListEnrollments` filtered\n * by `learnerId`) grouped by progress, plus the credentials they have earned\n * (`buiListCertificates`). Course titles are resolved from `buiListCourses`\n * (id → title map, falling back to \"Course\"). Every list carries an honest\n * loading / error / empty state — no fabricated rows.\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { GraduationCap, Award, ArrowRight, PlayCircle, ClipboardCheck } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  Tabs,\n  StatusBadge,\n  MiniBar,\n  EmptyState,\n  LoadingView,\n  ErrorView,\n  Section,\n  FileLink,\n} from '../../components';\nimport type { TabItem } from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport {\n  useBuiEnrollments,\n  useBuiCourses,\n  useBuiCertificates,\n  useBuiSubmissions,\n} from '../../hooks';\nimport { formatRelativeTime, formatDate } from '../../utils/formatters';\nimport type { BuiEnrollment, BuiCourse, BuiCertificate } from '../../types';\n\ntype LearningTab = 'in_progress' | 'completed' | 'all';\n\nconst IN_PROGRESS_STATUSES = new Set(['ENROLLED', 'IN_PROGRESS']);\n\nexport const MyLearningPage: FC = () => {\n  const { currentUser, navigateTo } = useBuildmyiq();\n  const learnerId = currentUser?.id;\n\n  const [tab, setTab] = useState<LearningTab>('in_progress');\n\n  const enrollmentsQuery = useBuiEnrollments({\n    learnerId,\n    limit: 100,\n    enabled: Boolean(learnerId),\n  });\n  const coursesQuery = useBuiCourses({ limit: 100 });\n  const certsQuery = useBuiCertificates(undefined, learnerId);\n  const submissionsQuery = useBuiSubmissions({\n    learnerId,\n    limit: 50,\n    enabled: Boolean(learnerId),\n  });\n  const submissions = useMemo(\n    () =>\n      [...(submissionsQuery.data?.items ?? [])].sort((a, b) =>\n        (b.submittedAt ?? b.createdAt).localeCompare(a.submittedAt ?? a.createdAt)\n      ),\n    [submissionsQuery.data]\n  );\n\n  const enrollments: BuiEnrollment[] = useMemo(\n    () => enrollmentsQuery.data?.items ?? [],\n    [enrollmentsQuery.data]\n  );\n  const courses: BuiCourse[] = useMemo(() => coursesQuery.data?.items ?? [], [coursesQuery.data]);\n  const certificates: BuiCertificate[] = useMemo(() => certsQuery.data ?? [], [certsQuery.data]);\n\n  const courseTitleById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const c of courses) map.set(c.id, c.title);\n    return map;\n  }, [courses]);\n\n  const titleFor = (courseId: string): string => courseTitleById.get(courseId) ?? 'Course';\n\n  const inProgress = useMemo(\n    () => enrollments.filter((e) => IN_PROGRESS_STATUSES.has(e.status)),\n    [enrollments]\n  );\n  const completed = useMemo(\n    () => enrollments.filter((e) => e.status === 'COMPLETED'),\n    [enrollments]\n  );\n\n  const visible = useMemo(() => {\n    const rows = tab === 'in_progress' ? inProgress : tab === 'completed' ? completed : enrollments;\n    return [...rows].sort((a, b) =>\n      (b.lastActiveAt ?? b.enrolledAt).localeCompare(a.lastActiveAt ?? a.enrolledAt)\n    );\n  }, [tab, inProgress, completed, enrollments]);\n\n  const sortedCertificates = useMemo(\n    () => [...certificates].sort((a, b) => b.issuedAt.localeCompare(a.issuedAt)),\n    [certificates]\n  );\n\n  const tabs: TabItem<LearningTab>[] = [\n    { value: 'in_progress', label: 'In progress', count: inProgress.length },\n    { value: 'completed', label: 'Completed', count: completed.length },\n    { value: 'all', label: 'All', count: enrollments.length },\n  ];\n\n  const isLoading = Boolean(learnerId) && (enrollmentsQuery.isLoading || coursesQuery.isLoading);\n\n  const renderEnrollments = () => {\n    if (!learnerId) {\n      return (\n        <EmptyState\n          illustration=\"empty-people\"\n          title=\"Sign in to see your learning\"\n          description=\"Your enrollments and progress appear here once you are signed in to the workspace.\"\n        />\n      );\n    }\n    if (isLoading) return <LoadingView label=\"Loading your enrollments…\" />;\n    if (enrollmentsQuery.isError) {\n      return (\n        <ErrorView\n          title=\"Couldn't load your learning\"\n          message={\n            enrollmentsQuery.error instanceof Error ? enrollmentsQuery.error.message : undefined\n          }\n          onRetry={() => enrollmentsQuery.refetch()}\n        />\n      );\n    }\n    if (enrollments.length === 0) {\n      return (\n        <EmptyState\n          illustration=\"onboarding\"\n          title=\"You're not enrolled in anything yet\"\n          description=\"Browse the catalog and enrol in a course to start learning.\"\n          action={<Button onClick={() => navigateTo('catalog')}>Explore the catalog</Button>}\n        />\n      );\n    }\n    if (visible.length === 0) {\n      const label =\n        tab === 'in_progress'\n          ? 'No courses in progress'\n          : tab === 'completed'\n            ? 'No completed courses yet'\n            : 'No courses';\n      return (\n        <EmptyState\n          illustration=\"empty-data\"\n          title={label}\n          description={\n            tab === 'completed'\n              ? 'Finish a course to see it here — and earn a certificate.'\n              : 'Switch tabs or enrol in a new course to keep learning.'\n          }\n        />\n      );\n    }\n    return (\n      <div className=\"flex flex-col gap-3\">\n        {visible.map((e) => (\n          <GlassCard\n            key={e.id}\n            treatment=\"plain\"\n            className=\"flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:gap-4\"\n          >\n            <div className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]\">\n              <PlayCircle className=\"h-5 w-5 text-text-primary\" />\n            </div>\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <p className=\"truncate font-medium text-text-primary\">{titleFor(e.courseId)}</p>\n                <StatusBadge status={e.status} />\n              </div>\n              <div className=\"mt-2 flex items-center gap-2\">\n                <MiniBar value={e.progressPct} className=\"max-w-sm flex-1\" />\n                <span className=\"shrink-0 text-xs tabular-nums text-text-secondary\">\n                  {Math.round(e.progressPct ?? 0)}%\n                </span>\n              </div>\n              <p className=\"mt-1 text-xs text-text-secondary\">\n                {e.status === 'COMPLETED' && e.completedAt\n                  ? `Completed ${formatRelativeTime(e.completedAt)}`\n                  : `Active ${formatRelativeTime(e.lastActiveAt ?? e.enrolledAt)}`}\n              </p>\n            </div>\n            <Button\n              variant=\"secondary\"\n              size=\"sm\"\n              className=\"shrink-0 max-sm:w-full\"\n              onClick={() => navigateTo(`learning/${e.id}`)}\n            >\n              {e.status === 'COMPLETED' ? 'Review' : 'Continue'}\n              <ArrowRight className=\"ml-1 h-4 w-4\" />\n            </Button>\n          </GlassCard>\n        ))}\n      </div>\n    );\n  };\n\n  const renderCertificates = () => {\n    if (!learnerId) return null;\n    if (certsQuery.isLoading) return <LoadingView label=\"Loading your certificates…\" />;\n    if (certsQuery.isError) {\n      return (\n        <ErrorView\n          title=\"Couldn't load your certificates\"\n          message={certsQuery.error instanceof Error ? certsQuery.error.message : undefined}\n          onRetry={() => certsQuery.refetch()}\n        />\n      );\n    }\n    if (sortedCertificates.length === 0) {\n      return (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No certificates yet\"\n          description=\"Complete a credentialed course to earn a verifiable certificate.\"\n        />\n      );\n    }\n    return (\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n        {sortedCertificates.map((cert) => (\n          <GlassCard key={cert.id} treatment=\"plain\" className=\"flex flex-col gap-3 p-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]\">\n                <Award className=\"h-5 w-5 text-text-primary\" />\n              </div>\n              <StatusBadge status={cert.status} />\n            </div>\n            <div className=\"min-w-0\">\n              <p className=\"truncate font-medium text-text-primary\">{titleFor(cert.courseId)}</p>\n              <p className=\"mt-0.5 font-mono text-xs text-text-secondary\">{cert.serial}</p>\n            </div>\n            <div className=\"mt-auto flex flex-wrap items-center justify-between gap-2 pt-1 text-xs text-text-secondary\">\n              <span>Issued {formatDate(cert.issuedAt)}</span>\n              {cert.file ? <FileLink fileId={cert.file.id} /> : null}\n            </div>\n          </GlassCard>\n        ))}\n      </div>\n    );\n  };\n\n  const renderResults = () => {\n    if (!learnerId) return null;\n    if (submissionsQuery.isLoading) return <LoadingView label=\"Loading your results…\" />;\n    if (submissionsQuery.isError)\n      return (\n        <ErrorView\n          title=\"Couldn't load your results\"\n          message={submissionsQuery.error instanceof Error ? submissionsQuery.error.message : undefined}\n          onRetry={() => submissionsQuery.refetch()}\n        />\n      );\n    if (submissions.length === 0)\n      return (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No assessment results yet\"\n          description=\"Take a course assessment and your score and feedback will appear here.\"\n        />\n      );\n    return (\n      <div className=\"flex flex-col gap-3\">\n        {submissions.map((s) => (\n          <GlassCard key={s.id} treatment=\"plain\" className=\"flex flex-wrap items-center gap-3 p-4\">\n            <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]\">\n              <ClipboardCheck className=\"h-5 w-5 text-text-primary\" />\n            </div>\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <p className=\"font-medium text-text-primary\">Attempt {s.attempt}</p>\n                <StatusBadge status={s.status} />\n                {s.passed != null && (\n                  <span\n                    className={`text-xs font-medium ${s.passed ? 'text-status-success-text' : 'text-status-error-text'}`}\n                  >\n                    {s.passed ? 'Passed' : 'Not passed'}\n                  </span>\n                )}\n              </div>\n              {s.feedback && <p className=\"mt-1 text-sm text-text-secondary\">{s.feedback}</p>}\n              <p className=\"mt-1 text-xs text-text-secondary\">\n                Submitted {formatDate(s.submittedAt ?? s.createdAt)}\n                {s.gradedAt ? ` · graded ${formatDate(s.gradedAt)}` : ''}\n              </p>\n            </div>\n            <div className=\"shrink-0 text-right\">\n              <p className=\"text-lg font-semibold tabular-nums text-text-primary\">\n                {s.score != null ? `${s.score}%` : '—'}\n              </p>\n              <p className=\"text-xs text-text-secondary\">score</p>\n            </div>\n          </GlassCard>\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <PageLayout\n      title=\"My Learning\"\n      description=\"Your enrollments, progress and the credentials you've earned.\"\n      titleGradient\n      aurora\n    >\n      <div className=\"flex flex-col gap-6\">\n        <Section title=\"Courses\" description=\"Everything you're enrolled in.\">\n          {learnerId && enrollments.length > 0 && (\n            <div className=\"mb-4\">\n              <Tabs items={tabs} value={tab} onChange={setTab} />\n            </div>\n          )}\n          {renderEnrollments()}\n        </Section>\n\n        <Section\n          title=\"Assessment results\"\n          description=\"Your submitted assessments, scores and educator feedback.\"\n        >\n          {renderResults()}\n        </Section>\n\n        <Section\n          title=\"Certificates\"\n          description=\"Verifiable credentials issued for the courses you've completed.\"\n          action={\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('certificates')}>\n              <GraduationCap className=\"mr-1 h-4 w-4\" /> All certificates\n            </Button>\n          }\n        >\n          {renderCertificates()}\n        </Section>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/buildmyiq/utils/cn.js

@@ -1,5 +1,5 @@
-import e from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { twMerge as t } from "../../node_modules/.bun/tailwind-merge@3.5.0/node_modules/tailwind-merge/dist/bundle-mjs.js";
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { twMerge as t } from "../../node_modules/tailwind-merge/dist/bundle-mjs.js";
 //#region src/buildmyiq/utils/cn.ts
 function n(...n) {
 	return t(e(n));

package/dist/node_modules/{.bun/clsx@2.1.1/node_modules/clsx → clsx}/dist/clsx.js

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+//#region node_modules/clsx/dist/clsx.mjs
 function e(t) {
 	var n, r, i = "";
 	if (typeof t == "string" || typeof t == "number") i += t;

package/dist/node_modules/clsx/dist/clsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx.js","names":[],"sources":["../../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAS,EAAE,GAAE;CAAC,IAAI,GAAE,GAAE,IAAE;AAAG,KAAa,OAAO,KAAjB,YAA8B,OAAO,KAAjB,SAAmB,MAAG;UAAoB,OAAO,KAAjB,SAAmB,KAAG,MAAM,QAAQ,EAAE,EAAC;EAAC,IAAI,IAAE,EAAE;AAAO,OAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,OAAK,IAAE,EAAE,EAAE,GAAG,MAAI,MAAI,KAAG,MAAK,KAAG;OAAQ,MAAI,KAAK,EAAE,GAAE,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,QAAO;;AAAE,SAAgB,IAAM;AAAC,MAAI,IAAI,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,QAAM,IAAE,EAAE,EAAE,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,QAAO"}