@burdenoff/microfe-buildmyiq 2026.705.9 → 2026.705.11

package/dist/buildmyiq/pages/insights/InsightsPage.js

@@ -0,0 +1,242 @@
+import { cn as e } from "../../utils/cn.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { MetricsCard as n } from "../../components/MetricsCard.js";
+import { formatEnumLabel as r, formatPercent as i } from "../../utils/formatters.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { LoadingView as o, Section as s } from "../../components/StateViews.js";
+import { MiniBar as c } from "../../components/MiniBar.js";
+import { useBuiCertificates as l, useBuiCourses as u, useBuiEnrollments as d, useBuiSubmissions as f } from "../../hooks/useBuildmyiqApi.js";
+import "../../hooks/index.js";
+import "../../components/index.js";
+import { useMemo as p } from "react";
+import { Award as m, BookOpen as h, CheckCircle2 as g, GraduationCap as _, TrendingUp as v, Users as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { GlassCard as S } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/insights/InsightsPage.tsx
+var C = [
+	"ENROLLED",
+	"IN_PROGRESS",
+	"COMPLETED",
+	"DROPPED",
+	"EXPIRED"
+], w = ({ rows: e }) => /* @__PURE__ */ b("div", {
+	className: "flex flex-col gap-3",
+	children: e.map((e) => /* @__PURE__ */ x("div", {
+		className: "flex items-center gap-3",
+		children: [
+			/* @__PURE__ */ b("span", {
+				className: "w-28 shrink-0 text-sm text-text-secondary",
+				children: e.label
+			}),
+			/* @__PURE__ */ b(c, {
+				value: e.pct,
+				barClassName: e.tone,
+				className: "flex-1",
+				height: 8
+			}),
+			/* @__PURE__ */ b("span", {
+				className: "w-10 shrink-0 text-right text-sm tabular-nums text-text-primary",
+				children: e.count
+			})
+		]
+	}, e.label))
+}), T = () => {
+	let T = u({ limit: 100 }), E = d({ limit: 100 }), D = f({ limit: 100 }), O = l(), k = p(() => T.data?.items ?? [], [T.data]), A = p(() => E.data?.items ?? [], [E.data]), j = p(() => D.data?.items ?? [], [D.data]), M = O.data ?? [], N = p(() => {
+		let e = k.filter((e) => e.status === "PUBLISHED").length, t = A.filter((e) => e.status === "COMPLETED").length, n = A.length > 0 ? t / A.length * 100 : 0, r = A.length > 0 ? A.reduce((e, t) => e + (t.progressPct ?? 0), 0) / A.length : 0, i = j.filter((e) => e.status === "GRADED"), a = i.filter((e) => e.passed === !0).length, o = i.length > 0 ? a / i.length * 100 : 0, s = new Set(A.map((e) => e.learnerId)).size;
+		return {
+			published: e,
+			completed: t,
+			completionRate: n,
+			avgProgress: r,
+			gradedCount: i.length,
+			passRate: o,
+			activeLearners: s
+		};
+	}, [
+		k,
+		A,
+		j
+	]), P = p(() => {
+		let e = A.length, t = {
+			ENROLLED: "bg-[var(--color-accent-teal)]",
+			IN_PROGRESS: "bg-[var(--color-accent-teal)]",
+			COMPLETED: "bg-[var(--color-status-success-text)]",
+			DROPPED: "bg-[var(--color-status-error-text)]",
+			EXPIRED: "bg-[var(--color-text-tertiary)]"
+		};
+		return C.map((n) => {
+			let i = A.filter((e) => e.status === n).length;
+			return {
+				label: r(n),
+				count: i,
+				pct: e > 0 ? i / e * 100 : 0,
+				tone: t[n] ?? "bg-accent"
+			};
+		}).filter((e) => e.count > 0);
+	}, [A]), F = p(() => {
+		let e = new Map(k.map((e) => [e.id, e.title])), t = /* @__PURE__ */ new Map();
+		for (let e of A) t.set(e.courseId, (t.get(e.courseId) ?? 0) + 1);
+		let n = Math.max(1, ...t.values());
+		return [...t.entries()].map(([t, r]) => ({
+			courseId: t,
+			title: e.get(t) ?? "Course",
+			count: r,
+			pct: r / n * 100
+		})).sort((e, t) => t.count - e.count).slice(0, 6);
+	}, [k, A]), I = T.isLoading || E.isLoading || D.isLoading, L = k.length > 0 || A.length > 0 || j.length > 0 || M.length > 0;
+	return /* @__PURE__ */ b(t, {
+		title: "Insights",
+		description: "Learning analytics across your workspace — completion, engagement and outcomes.",
+		titleGradient: !0,
+		aurora: !0,
+		children: I ? /* @__PURE__ */ b(o, { label: "Crunching your learning data…" }) : L ? /* @__PURE__ */ x("div", {
+			className: "flex flex-col gap-8",
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4",
+					children: [
+						/* @__PURE__ */ b(n, {
+							icon: /* @__PURE__ */ b(h, { className: "h-5 w-5" }),
+							value: N.published,
+							label: "Published courses",
+							featured: !0
+						}),
+						/* @__PURE__ */ b(n, {
+							icon: /* @__PURE__ */ b(y, { className: "h-5 w-5" }),
+							value: N.activeLearners,
+							label: "Active learners"
+						}),
+						/* @__PURE__ */ b(n, {
+							icon: /* @__PURE__ */ b(v, { className: "h-5 w-5" }),
+							value: i(N.completionRate),
+							label: "Completion rate",
+							accent: "success",
+							footer: /* @__PURE__ */ b(c, {
+								value: N.completionRate,
+								barClassName: "bg-[var(--color-status-success-text)]"
+							})
+						}),
+						/* @__PURE__ */ b(n, {
+							icon: /* @__PURE__ */ b(m, { className: "h-5 w-5" }),
+							value: M.length,
+							label: "Certificates issued"
+						})
+					]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [/* @__PURE__ */ b(s, {
+						title: "Enrolment status",
+						description: `${A.length} enrolments`,
+						children: P.length === 0 ? /* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: "No enrolments yet."
+						}) : /* @__PURE__ */ x(S, {
+							treatment: "plain",
+							className: "p-5",
+							children: [/* @__PURE__ */ b(w, { rows: P }), /* @__PURE__ */ x("div", {
+								className: "mt-4 flex items-center gap-2 border-t border-border-seam pt-3",
+								children: [/* @__PURE__ */ b(_, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x("span", {
+									className: "text-sm text-text-secondary",
+									children: [
+										"Average progress",
+										" ",
+										/* @__PURE__ */ b("span", {
+											className: "font-medium text-text-primary",
+											children: i(N.avgProgress)
+										})
+									]
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ b(s, {
+						title: "Assessment outcomes",
+						description: `${j.length} submissions`,
+						children: /* @__PURE__ */ x(S, {
+							treatment: "plain",
+							className: "flex flex-col gap-4 p-5",
+							children: [
+								/* @__PURE__ */ x("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-sm text-text-secondary",
+										children: "Graded"
+									}), /* @__PURE__ */ x("span", {
+										className: "text-sm font-medium tabular-nums text-text-primary",
+										children: [
+											N.gradedCount,
+											"/",
+											j.length
+										]
+									})]
+								}),
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+									className: "mb-1 flex items-center justify-between",
+									children: [/* @__PURE__ */ x("span", {
+										className: "inline-flex items-center gap-1.5 text-sm text-text-secondary",
+										children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 text-status-success-text" }), " Pass rate"]
+									}), /* @__PURE__ */ b("span", {
+										className: "text-sm font-medium tabular-nums text-text-primary",
+										children: i(N.passRate)
+									})]
+								}), /* @__PURE__ */ b(c, {
+									value: N.passRate,
+									barClassName: "bg-[var(--color-status-success-text)]",
+									height: 8
+								})] }),
+								N.gradedCount === 0 && /* @__PURE__ */ b("p", {
+									className: "text-xs text-text-secondary",
+									children: "No submissions have been graded yet — pass rate appears once grading begins."
+								})
+							]
+						})
+					})]
+				}),
+				/* @__PURE__ */ b(s, {
+					title: "Top courses by enrolment",
+					children: F.length === 0 ? /* @__PURE__ */ b("p", {
+						className: "text-sm text-text-secondary",
+						children: "No enrolments yet."
+					}) : /* @__PURE__ */ b(S, {
+						treatment: "plain",
+						className: "p-5",
+						children: /* @__PURE__ */ b("div", {
+							className: "flex flex-col gap-3",
+							children: F.map((t, n) => /* @__PURE__ */ x("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ b("span", {
+										className: e("flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums", n === 0 ? "bg-[var(--color-accent-soft)] text-text-primary" : "bg-bg-sunken text-text-secondary"),
+										children: n + 1
+									}),
+									/* @__PURE__ */ b("span", {
+										className: "w-48 shrink-0 truncate text-sm text-text-primary",
+										children: t.title
+									}),
+									/* @__PURE__ */ b(c, {
+										value: t.pct,
+										barClassName: "bg-[var(--color-accent-teal)]",
+										className: "flex-1",
+										height: 8
+									}),
+									/* @__PURE__ */ b("span", {
+										className: "w-10 shrink-0 text-right text-sm tabular-nums text-text-secondary",
+										children: t.count
+									})
+								]
+							}, t.courseId))
+						})
+					})
+				})
+			]
+		}) : /* @__PURE__ */ b(a, {
+			illustration: "empty-data",
+			title: "No data to analyse yet",
+			description: "Publish courses and enrol learners — insights appear here as activity accrues."
+		})
+	});
+};
+//#endregion
+export { T as InsightsPage };
+
+//# sourceMappingURL=InsightsPage.js.map

package/dist/buildmyiq/pages/insights/InsightsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/insights/InsightsPage.tsx"],"sourcesContent":["/**\n * InsightsPage — educator/admin learning analytics, DERIVED entirely from live\n * `bui*` data (no analytics tables, no fabricated numbers).\n * @module buildmyiq/pages/insights\n *\n * Everything here is computed client-side from real queries:\n *  - courses (total / published / by level)\n *  - enrollments (status split, completion rate, average progress)\n *  - submissions (graded / pass rate)\n *  - certificates issued\n *  - top courses by enrolment\n * When the workspace has no data yet, the page shows honest zero/empty states.\n */\n\nimport type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { BookOpen, GraduationCap, CheckCircle2, Award, TrendingUp, Users } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout, MetricsCard, LoadingView, Section, EmptyState, MiniBar } from '../../components';\nimport {\n  useBuiCourses,\n  useBuiEnrollments,\n  useBuiSubmissions,\n  useBuiCertificates,\n} from '../../hooks';\nimport { formatEnumLabel, formatPercent } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { BuiCourse, BuiEnrollment, BuiSubmission } from '../../types';\n\nconst ENROLLMENT_STATUS_ORDER = ['ENROLLED', 'IN_PROGRESS', 'COMPLETED', 'DROPPED', 'EXPIRED'] as const;\n\ninterface DistRow {\n  label: string;\n  count: number;\n  pct: number;\n  tone: string;\n}\n\nconst DistBars: FC<{ rows: DistRow[] }> = ({ rows }) => (\n  <div className=\"flex flex-col gap-3\">\n    {rows.map((r) => (\n      <div key={r.label} className=\"flex items-center gap-3\">\n        <span className=\"w-28 shrink-0 text-sm text-text-secondary\">{r.label}</span>\n        <MiniBar value={r.pct} barClassName={r.tone} className=\"flex-1\" height={8} />\n        <span className=\"w-10 shrink-0 text-right text-sm tabular-nums text-text-primary\">{r.count}</span>\n      </div>\n    ))}\n  </div>\n);\n\nexport const InsightsPage: FC = () => {\n  const coursesQuery = useBuiCourses({ limit: 100 });\n  const enrollmentsQuery = useBuiEnrollments({ limit: 100 });\n  const submissionsQuery = useBuiSubmissions({ limit: 100 });\n  const certsQuery = useBuiCertificates();\n\n  const courses: BuiCourse[] = useMemo(() => coursesQuery.data?.items ?? [], [coursesQuery.data]);\n  const enrollments: BuiEnrollment[] = useMemo(\n    () => enrollmentsQuery.data?.items ?? [],\n    [enrollmentsQuery.data]\n  );\n  const submissions: BuiSubmission[] = useMemo(\n    () => submissionsQuery.data?.items ?? [],\n    [submissionsQuery.data]\n  );\n  const certificates = certsQuery.data ?? [];\n\n  const stats = useMemo(() => {\n    const published = courses.filter((c) => c.status === 'PUBLISHED').length;\n    const completed = enrollments.filter((e) => e.status === 'COMPLETED').length;\n    const completionRate = enrollments.length > 0 ? (completed / enrollments.length) * 100 : 0;\n    const avgProgress =\n      enrollments.length > 0\n        ? enrollments.reduce((s, e) => s + (e.progressPct ?? 0), 0) / enrollments.length\n        : 0;\n    const graded = submissions.filter((s) => s.status === 'GRADED');\n    const passed = graded.filter((s) => s.passed === true).length;\n    const passRate = graded.length > 0 ? (passed / graded.length) * 100 : 0;\n    const activeLearners = new Set(enrollments.map((e) => e.learnerId)).size;\n    return {\n      published,\n      completed,\n      completionRate,\n      avgProgress,\n      gradedCount: graded.length,\n      passRate,\n      activeLearners,\n    };\n  }, [courses, enrollments, submissions]);\n\n  const enrollmentDist: DistRow[] = useMemo(() => {\n    const total = enrollments.length;\n    const tones: Record<string, string> = {\n      ENROLLED: 'bg-[var(--color-accent-teal)]',\n      IN_PROGRESS: 'bg-[var(--color-accent-teal)]',\n      COMPLETED: 'bg-[var(--color-status-success-text)]',\n      DROPPED: 'bg-[var(--color-status-error-text)]',\n      EXPIRED: 'bg-[var(--color-text-tertiary)]',\n    };\n    return ENROLLMENT_STATUS_ORDER.map((status) => {\n      const count = enrollments.filter((e) => e.status === status).length;\n      return {\n        label: formatEnumLabel(status),\n        count,\n        pct: total > 0 ? (count / total) * 100 : 0,\n        tone: tones[status] ?? 'bg-accent',\n      };\n    }).filter((r) => r.count > 0);\n  }, [enrollments]);\n\n  const topCourses = useMemo(() => {\n    const titleById = new Map(courses.map((c) => [c.id, c.title]));\n    const counts = new Map<string, number>();\n    for (const e of enrollments) counts.set(e.courseId, (counts.get(e.courseId) ?? 0) + 1);\n    const max = Math.max(1, ...counts.values());\n    return [...counts.entries()]\n      .map(([courseId, count]) => ({\n        courseId,\n        title: titleById.get(courseId) ?? 'Course',\n        count,\n        pct: (count / max) * 100,\n      }))\n      .sort((a, b) => b.count - a.count)\n      .slice(0, 6);\n  }, [courses, enrollments]);\n\n  const isLoading =\n    coursesQuery.isLoading || enrollmentsQuery.isLoading || submissionsQuery.isLoading;\n\n  const hasAnyData =\n    courses.length > 0 || enrollments.length > 0 || submissions.length > 0 || certificates.length > 0;\n\n  return (\n    <PageLayout\n      title=\"Insights\"\n      description=\"Learning analytics across your workspace — completion, engagement and outcomes.\"\n      titleGradient\n      aurora\n    >\n      {isLoading ? (\n        <LoadingView label=\"Crunching your learning data…\" />\n      ) : !hasAnyData ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No data to analyse yet\"\n          description=\"Publish courses and enrol learners — insights appear here as activity accrues.\"\n        />\n      ) : (\n        <div className=\"flex flex-col gap-8\">\n          {/* KPI row */}\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            <MetricsCard\n              icon={<BookOpen className=\"h-5 w-5\" />}\n              value={stats.published}\n              label=\"Published courses\"\n              featured\n            />\n            <MetricsCard\n              icon={<Users className=\"h-5 w-5\" />}\n              value={stats.activeLearners}\n              label=\"Active learners\"\n            />\n            <MetricsCard\n              icon={<TrendingUp className=\"h-5 w-5\" />}\n              value={formatPercent(stats.completionRate)}\n              label=\"Completion rate\"\n              accent=\"success\"\n              footer={<MiniBar value={stats.completionRate} barClassName=\"bg-[var(--color-status-success-text)]\" />}\n            />\n            <MetricsCard\n              icon={<Award className=\"h-5 w-5\" />}\n              value={certificates.length}\n              label=\"Certificates issued\"\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n            {/* Enrollment status distribution */}\n            <Section title=\"Enrolment status\" description={`${enrollments.length} enrolments`}>\n              {enrollmentDist.length === 0 ? (\n                <p className=\"text-sm text-text-secondary\">No enrolments yet.</p>\n              ) : (\n                <GlassCard treatment=\"plain\" className=\"p-5\">\n                  <DistBars rows={enrollmentDist} />\n                  <div className=\"mt-4 flex items-center gap-2 border-t border-border-seam pt-3\">\n                    <GraduationCap className=\"h-4 w-4 text-text-secondary\" />\n                    <span className=\"text-sm text-text-secondary\">\n                      Average progress{' '}\n                      <span className=\"font-medium text-text-primary\">\n                        {formatPercent(stats.avgProgress)}\n                      </span>\n                    </span>\n                  </div>\n                </GlassCard>\n              )}\n            </Section>\n\n            {/* Assessment outcomes */}\n            <Section title=\"Assessment outcomes\" description={`${submissions.length} submissions`}>\n              <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-sm text-text-secondary\">Graded</span>\n                  <span className=\"text-sm font-medium tabular-nums text-text-primary\">\n                    {stats.gradedCount}/{submissions.length}\n                  </span>\n                </div>\n                <div>\n                  <div className=\"mb-1 flex items-center justify-between\">\n                    <span className=\"inline-flex items-center gap-1.5 text-sm text-text-secondary\">\n                      <CheckCircle2 className=\"h-4 w-4 text-status-success-text\" /> Pass rate\n                    </span>\n                    <span className=\"text-sm font-medium tabular-nums text-text-primary\">\n                      {formatPercent(stats.passRate)}\n                    </span>\n                  </div>\n                  <MiniBar\n                    value={stats.passRate}\n                    barClassName=\"bg-[var(--color-status-success-text)]\"\n                    height={8}\n                  />\n                </div>\n                {stats.gradedCount === 0 && (\n                  <p className=\"text-xs text-text-secondary\">\n                    No submissions have been graded yet — pass rate appears once grading begins.\n                  </p>\n                )}\n              </GlassCard>\n            </Section>\n          </div>\n\n          {/* Top courses by enrolment */}\n          <Section title=\"Top courses by enrolment\">\n            {topCourses.length === 0 ? (\n              <p className=\"text-sm text-text-secondary\">No enrolments yet.</p>\n            ) : (\n              <GlassCard treatment=\"plain\" className=\"p-5\">\n                <div className=\"flex flex-col gap-3\">\n                  {topCourses.map((c, i) => (\n                    <div key={c.courseId} className=\"flex items-center gap-3\">\n                      <span\n                        className={cn(\n                          'flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums',\n                          i === 0 ? 'bg-[var(--color-accent-soft)] text-text-primary' : 'bg-bg-sunken text-text-secondary'\n                        )}\n                      >\n                        {i + 1}\n                      </span>\n                      <span className=\"w-48 shrink-0 truncate text-sm text-text-primary\">{c.title}</span>\n                      <MiniBar value={c.pct} barClassName=\"bg-[var(--color-accent-teal)]\" className=\"flex-1\" height={8} />\n                      <span className=\"w-10 shrink-0 text-right text-sm tabular-nums text-text-secondary\">\n                        {c.count}\n                      </span>\n                    </div>\n                  ))}\n                </div>\n              </GlassCard>\n            )}\n          </Section>\n        </div>\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

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

@@ -7,172 +7,178 @@ import { ErrorView as o, LoadingView as s, Section as c } from "../../components
 import { Tabs as l } from "../../components/Tabs.js";
 import { MiniBar as u } from "../../components/MiniBar.js";
 import "../../context/index.js";
-import { useBuiCertificates as d, useBuiCourses as f, useBuiEnrollments as p } from "../../hooks/useBuildmyiqApi.js";
+import { useBuiCertificates as d, useBuiCourses as f, useBuiEnrollments as p, useBuiSubmissions as m } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
-import { FileLink as m } from "../../components/FileLink.js";
+import { FileLink as h } from "../../components/FileLink.js";
 import "../../components/index.js";
-import { useMemo as h, useState as g } from "react";
-import { ArrowRight as _, Award as v, GraduationCap as y, PlayCircle as b } from "lucide-react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Button as C, GlassCard as w } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/buildmyiq/pages/learning/MyLearningPage.tsx
-var T = new Set(["ENROLLED", "IN_PROGRESS"]), E = () => {
-	let { currentUser: E, navigateTo: D } = e(), O = E?.id, [k, A] = g("in_progress"), j = p({
-		learnerId: O,
+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,
 		limit: 100,
-		enabled: !!O
-	}), M = f({ limit: 100 }), N = d(void 0, O), P = h(() => j.data?.items ?? [], [j.data]), F = h(() => M.data?.items ?? [], [M.data]), I = h(() => N.data ?? [], [N.data]), L = h(() => {
+		enabled: !!k
+	}), N = f({ limit: 100 }), P = d(void 0, k), F = m({
+		learnerId: k,
+		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(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of F) e.set(t.id, t.title);
+		for (let t of L) e.set(t.id, t.title);
 		return e;
-	}, [F]), R = (e) => L.get(e) ?? "Course", z = h(() => P.filter((e) => T.has(e.status)), [P]), B = h(() => P.filter((e) => e.status === "COMPLETED"), [P]), V = h(() => [...k === "in_progress" ? z : k === "completed" ? B : P].sort((e, t) => (t.lastActiveAt ?? t.enrolledAt).localeCompare(e.lastActiveAt ?? e.enrolledAt)), [
-		k,
-		z,
-		B,
-		P
-	]), H = h(() => [...I].sort((e, t) => t.issuedAt.localeCompare(e.issuedAt)), [I]), U = [
+	}, [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 = [
 		{
 			value: "in_progress",
 			label: "In progress",
-			count: z.length
+			count: V.length
 		},
 		{
 			value: "completed",
 			label: "Completed",
-			count: B.length
+			count: H.length
 		},
 		{
 			value: "all",
 			label: "All",
-			count: P.length
+			count: I.length
 		}
-	], W = !!O && (j.isLoading || M.isLoading);
-	return /* @__PURE__ */ x(t, {
+	], K = !!k && (M.isLoading || N.isLoading);
+	return /* @__PURE__ */ S(t, {
 		title: "My Learning",
 		description: "Your enrollments, progress and the credentials you've earned.",
 		titleGradient: !0,
 		aurora: !0,
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "flex flex-col gap-6",
-			children: [/* @__PURE__ */ S(c, {
+			children: [/* @__PURE__ */ C(c, {
 				title: "Courses",
 				description: "Everything you're enrolled in.",
-				children: [O && P.length > 0 && /* @__PURE__ */ x("div", {
+				children: [k && I.length > 0 && /* @__PURE__ */ S("div", {
 					className: "mb-4",
-					children: /* @__PURE__ */ x(l, {
-						items: U,
-						value: k,
-						onChange: A
+					children: /* @__PURE__ */ S(l, {
+						items: G,
+						value: A,
+						onChange: j
 					})
-				}), O ? W ? /* @__PURE__ */ x(s, { label: "Loading your enrollments…" }) : j.isError ? /* @__PURE__ */ x(o, {
+				}), k ? K ? /* @__PURE__ */ S(s, { label: "Loading your enrollments…" }) : M.isError ? /* @__PURE__ */ S(o, {
 					title: "Couldn't load your learning",
-					message: j.error instanceof Error ? j.error.message : void 0,
-					onRetry: () => j.refetch()
-				}) : P.length === 0 ? /* @__PURE__ */ x(a, {
+					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__ */ x(C, {
-						onClick: () => D("catalog"),
+					action: /* @__PURE__ */ S(w, {
+						onClick: () => O("catalog"),
 						children: "Explore the catalog"
 					})
-				}) : V.length === 0 ? /* @__PURE__ */ x(a, {
+				}) : U.length === 0 ? /* @__PURE__ */ S(a, {
 					illustration: "empty-data",
-					title: k === "in_progress" ? "No courses in progress" : k === "completed" ? "No completed courses yet" : "No courses",
-					description: k === "completed" ? "Finish a course to see it here — and earn a certificate." : "Switch tabs or enrol in a new course to keep learning."
-				}) : /* @__PURE__ */ x("div", {
+					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: V.map((e) => /* @__PURE__ */ S(w, {
+					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__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]",
-								children: /* @__PURE__ */ x(b, { className: "h-5 w-5 text-text-primary" })
+								children: /* @__PURE__ */ S(x, { className: "h-5 w-5 text-text-primary" })
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ C("div", {
 								className: "min-w-0 flex-1",
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ x("p", {
+										children: [/* @__PURE__ */ S("p", {
 											className: "truncate font-medium text-text-primary",
-											children: R(e.courseId)
-										}), /* @__PURE__ */ x(i, { status: e.status })]
+											children: B(e.courseId)
+										}), /* @__PURE__ */ S(i, { status: e.status })]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "mt-2 flex items-center gap-2",
-										children: [/* @__PURE__ */ x(u, {
+										children: [/* @__PURE__ */ S(u, {
 											value: e.progressPct,
 											className: "max-w-sm flex-1"
-										}), /* @__PURE__ */ S("span", {
+										}), /* @__PURE__ */ C("span", {
 											className: "shrink-0 text-xs tabular-nums text-text-secondary",
 											children: [Math.round(e.progressPct ?? 0), "%"]
 										})]
 									}),
-									/* @__PURE__ */ x("p", {
+									/* @__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__ */ S(C, {
+							/* @__PURE__ */ C(w, {
 								variant: "secondary",
 								size: "sm",
 								className: "shrink-0 max-sm:w-full",
-								onClick: () => D(`learning/${e.id}`),
-								children: [e.status === "COMPLETED" ? "Review" : "Continue", /* @__PURE__ */ x(_, { className: "ml-1 h-4 w-4" })]
+								onClick: () => O(`learning/${e.id}`),
+								children: [e.status === "COMPLETED" ? "Review" : "Continue", /* @__PURE__ */ S(v, { className: "ml-1 h-4 w-4" })]
 							})
 						]
 					}, e.id))
-				}) : /* @__PURE__ */ x(a, {
+				}) : /* @__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__ */ x(c, {
+			}), /* @__PURE__ */ S(c, {
 				title: "Certificates",
 				description: "Verifiable credentials issued for the courses you've completed.",
-				action: /* @__PURE__ */ S(C, {
+				action: /* @__PURE__ */ C(w, {
 					variant: "ghost",
 					size: "sm",
-					onClick: () => D("certificates"),
-					children: [/* @__PURE__ */ x(y, { className: "mr-1 h-4 w-4" }), " All certificates"]
+					onClick: () => O("certificates"),
+					children: [/* @__PURE__ */ S(b, { className: "mr-1 h-4 w-4" }), " All certificates"]
 				}),
-				children: O ? N.isLoading ? /* @__PURE__ */ x(s, { label: "Loading your certificates…" }) : N.isError ? /* @__PURE__ */ x(o, {
+				children: k ? P.isLoading ? /* @__PURE__ */ S(s, { label: "Loading your certificates…" }) : P.isError ? /* @__PURE__ */ S(o, {
 					title: "Couldn't load your certificates",
-					message: N.error instanceof Error ? N.error.message : void 0,
-					onRetry: () => N.refetch()
-				}) : H.length === 0 ? /* @__PURE__ */ x(a, {
+					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__ */ x("div", {
+				}) : /* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
-					children: H.map((e) => /* @__PURE__ */ S(w, {
+					children: W.map((e) => /* @__PURE__ */ C(T, {
 						treatment: "plain",
 						className: "flex flex-col gap-3 p-4",
 						children: [
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ C("div", {
 								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ x("div", {
+								children: [/* @__PURE__ */ S("div", {
 									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)]",
-									children: /* @__PURE__ */ x(v, { className: "h-5 w-5 text-text-primary" })
-								}), /* @__PURE__ */ x(i, { status: e.status })]
+									children: /* @__PURE__ */ S(y, { className: "h-5 w-5 text-text-primary" })
+								}), /* @__PURE__ */ S(i, { status: e.status })]
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ C("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ x("p", {
+								children: [/* @__PURE__ */ S("p", {
 									className: "truncate font-medium text-text-primary",
-									children: R(e.courseId)
-								}), /* @__PURE__ */ x("p", {
+									children: B(e.courseId)
+								}), /* @__PURE__ */ S("p", {
 									className: "mt-0.5 font-mono text-xs text-text-secondary",
 									children: e.serial
 								})]
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ C("div", {
 								className: "mt-auto flex flex-wrap items-center justify-between gap-2 pt-1 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ S("span", { children: ["Issued ", n(e.issuedAt)] }), e.file ? /* @__PURE__ */ x(m, { fileId: e.file.id }) : null]
+								children: [/* @__PURE__ */ C("span", { children: ["Issued ", n(e.issuedAt)] }), e.file ? /* @__PURE__ */ S(h, { fileId: e.file.id }) : null]
 							})
 						]
 					}, e.id))
@@ -182,6 +188,6 @@ var T = new Set(["ENROLLED", "IN_PROGRESS"]), E = () => {
 	});
 };
 //#endregion
-export { E as MyLearningPage };
+export { D 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 } 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 { useBuiEnrollments, useBuiCourses, useBuiCertificates } 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\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  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=\"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":";;;;;;;;;;;;;;;;;;AAuCA,IAAM,IAAuB,IAAI,IAAI,CAAC,YAAY,cAAc,CAAC,EAEpD,UAA2B;CACtC,IAAM,EAAE,gBAAa,kBAAe,GAAc,EAC5C,IAAY,GAAa,IAEzB,CAAC,GAAK,KAAU,EAAsB,cAAc,EAEpD,IAAmB,EAAkB;EACzC;EACA,OAAO;EACP,SAAS,EAAQ;EAClB,CAAC,EACI,IAAe,EAAc,EAAE,OAAO,KAAK,CAAC,EAC5C,IAAa,EAAmB,KAAA,GAAW,EAAU,EACrD,IAAmB,EAAkB;EACzC;EACA,OAAO;EACP,SAAS,EAAQ;EAClB,CAAC;AACkB,SAEhB,CAAC,GAAI,EAAiB,MAAM,SAAS,EAAE,CAAE,CAAC,MAAM,GAAG,OAChD,EAAE,eAAe,EAAE,WAAW,cAAc,EAAE,eAAe,EAAE,UAAU,CAC3E,EACH,CAAC,EAAiB,KAAK,CACxB;CAED,IAAM,IAA+B,QAC7B,EAAiB,MAAM,SAAS,EAAE,EACxC,CAAC,EAAiB,KAAK,CACxB,EACK,IAAuB,QAAc,EAAa,MAAM,SAAS,EAAE,EAAE,CAAC,EAAa,KAAK,CAAC,EACzF,IAAiC,QAAc,EAAW,QAAQ,EAAE,EAAE,CAAC,EAAW,KAAK,CAAC,EAExF,IAAkB,QAAc;EACpC,IAAM,oBAAM,IAAI,KAAqB;AACrC,OAAK,IAAM,KAAK,EAAS,GAAI,IAAI,EAAE,IAAI,EAAE,MAAM;AAC/C,SAAO;IACN,CAAC,EAAQ,CAAC,EAEP,KAAY,MAA6B,EAAgB,IAAI,EAAS,IAAI,UAE1E,IAAa,QACX,EAAY,QAAQ,MAAM,EAAqB,IAAI,EAAE,OAAO,CAAC,EACnE,CAAC,EAAY,CACd,EACK,IAAY,QACV,EAAY,QAAQ,MAAM,EAAE,WAAW,YAAY,EACzD,CAAC,EAAY,CACd,EAEK,IAAU,QAEP,CAAC,GADK,MAAQ,gBAAgB,IAAa,MAAQ,cAAc,IAAY,EACpE,CAAC,MAAM,GAAG,OACvB,EAAE,gBAAgB,EAAE,YAAY,cAAc,EAAE,gBAAgB,EAAE,WAAW,CAC/E,EACA;EAAC;EAAK;EAAY;EAAW;EAAY,CAAC,EAEvC,IAAqB,QACnB,CAAC,GAAG,EAAa,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,cAAc,EAAE,SAAS,CAAC,EAC5E,CAAC,EAAa,CACf,EAEK,IAA+B;EACnC;GAAE,OAAO;GAAe,OAAO;GAAe,OAAO,EAAW;GAAQ;EACxE;GAAE,OAAO;GAAa,OAAO;GAAa,OAAO,EAAU;GAAQ;EACnE;GAAE,OAAO;GAAO,OAAO;GAAO,OAAO,EAAY;GAAQ;EAC1D,EAEK,IAAY,EAAQ,MAAe,EAAiB,aAAa,EAAa;AAqMpF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,eAAA;EACA,QAAA;YAEA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAS,OAAM;IAAU,aAAY;cAArC,CACG,KAAa,EAAY,SAAS,KACjC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAM,OAAO;MAAM,OAAO;MAAK,UAAU;MAAU,CAAA;KAC/C,CAAA,EA9MT,IASD,IAAkB,kBAAC,GAAD,EAAa,OAAM,6BAA8B,CAAA,GACnE,EAAiB,UAEjB,kBAAC,GAAD;KACE,OAAM;KACN,SACE,EAAiB,iBAAiB,QAAQ,EAAiB,MAAM,UAAU,KAAA;KAE7E,eAAe,EAAiB,SAAS;KACzC,CAAA,GAGF,EAAY,WAAW,IAEvB,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,QAAQ,kBAAC,GAAD;MAAQ,eAAe,EAAW,UAAU;gBAAE;MAA4B,CAAA;KAClF,CAAA,GAGF,EAAQ,WAAW,IAQnB,kBAAC,GAAD;KACE,cAAa;KACb,OARF,MAAQ,gBACJ,2BACA,MAAQ,cACN,6BACA;KAKJ,aACE,MAAQ,cACJ,6DACA;KAEN,CAAA,GAIJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD;MAEE,WAAU;MACV,WAAU;gBAHZ;OAKE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAY,WAAU,6BAA8B,CAAA;QAChD,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAA0C,EAAS,EAAE,SAAS;WAAK,CAAA,EAChF,kBAAC,GAAD,EAAa,QAAQ,EAAE,QAAU,CAAA,CAC7B;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WAAS,OAAO,EAAE;WAAa,WAAU;WAAoB,CAAA,EAC7D,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACG,KAAK,MAAM,EAAE,eAAe,EAAE,EAAC,IAC3B;aACH;;SACN,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAE,WAAW,eAAe,EAAE,cAC3B,aAAa,EAAmB,EAAE,YAAY,KAC9C,UAAU,EAAmB,EAAE,gBAAgB,EAAE,WAAW;UAC9D,CAAA;SACA;;OACN,kBAAC,GAAD;QACE,SAAQ;QACR,MAAK;QACL,WAAU;QACV,eAAe,EAAW,YAAY,EAAE,KAAK;kBAJ/C,CAMG,EAAE,WAAW,cAAc,WAAW,YACvC,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA,CAChC;;OACC;QAjCL,EAAE,GAiCG,CACZ;KACE,CAAA,GAvFJ,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA,CA2MQ;OAEV,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,QACE,kBAAC,GAAD;KAAQ,SAAQ;KAAQ,MAAK;KAAK,eAAe,EAAW,eAAe;eAA3E,CACE,kBAAC,GAAD,EAAe,WAAU,gBAAiB,CAAA,EAAA,oBACnC;;cA3HZ,IACD,EAAW,YAAkB,kBAAC,GAAD,EAAa,OAAM,8BAA+B,CAAA,GAC/E,EAAW,UAEX,kBAAC,GAAD;KACE,OAAM;KACN,SAAS,EAAW,iBAAiB,QAAQ,EAAW,MAAM,UAAU,KAAA;KACxE,eAAe,EAAW,SAAS;KACnC,CAAA,GAGF,EAAmB,WAAW,IAE9B,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA,GAIJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAmB,KAAK,MACvB,kBAAC,GAAD;MAAyB,WAAU;MAAQ,WAAU;gBAArD;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD,EAAO,WAAU,6BAA8B,CAAA;SAC3C,CAAA,EACN,kBAAC,GAAD,EAAa,QAAQ,EAAK,QAAU,CAAA,CAChC;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAA0C,EAAS,EAAK,SAAS;SAAK,CAAA,EACnF,kBAAC,KAAD;SAAG,WAAU;mBAAgD,EAAK;SAAW,CAAA,CACzE;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD,EAAA,UAAA,CAAM,WAAQ,EAAW,EAAK,SAAS,CAAQ,EAAA,CAAA,EAC9C,EAAK,OAAO,kBAAC,GAAD,EAAU,QAAQ,EAAK,KAAK,IAAM,CAAA,GAAG,KAC9C;;OACI;QAfI,EAAK,GAeT,CACZ;KACE,CAAA,GAxCe;IA+HT,CAAA,CACN;;EACK,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-buildmyiq",
-  "version": "2026.705.9",
+  "version": "2026.705.11",
   "description": "Burdenoff BuildMyIQ Microfrontend — education, learning & development",
   "type": "module",
   "files": [