@burdenoff/microfe-technospam 2026.1030.4 → 2026.1030.6

package/dist/technospam/pages/CoursesMyLearningPagePage.js

@@ -6,188 +6,190 @@ import { coverGradient as a, topicIcon as o } from "../components/MediaCover.js"
 import { formatDate as s, relativeTime as c } from "../utils/format.js";
 import { StatusBadge as l } from "../components/StatusBadge.js";
 import { EmptyView as u, ErrorView as d, LoadingRows as f } from "../components/StateViews.js";
-import { useEnrollmentsQuery as p, useMyCertificatesQuery as m } from "../api/technospamApi.js";
+import { useEnrollmentsQuery as p, useMyCertificatesQuery as m, useMyNextLessonsQuery as h } from "../api/technospamApi.js";
 import "../components/index.js";
-import { FOCUS_PARAMS as h } from "../utils/pageContext.js";
-import { focusableCardProps as g, useFocusedRecordParam as _ } from "../hooks/useFocusedRecordParam.js";
-import { createElement as v } from "react";
-import { Award as y, BookOpen as b, GraduationCap as x, PlayCircle as S, ShieldCheck as C } from "lucide-react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Button as E, GlassCard as D } from "@burdenoff/fe-libs/ui";
+import { FOCUS_PARAMS as g } from "../utils/pageContext.js";
+import { resumePath as _ } from "../utils/lessonPath.js";
+import { focusableCardProps as v, useFocusedRecordParam as y } from "../hooks/useFocusedRecordParam.js";
+import { createElement as b } from "react";
+import { Award as x, BookOpen as S, GraduationCap as C, PlayCircle as w, ShieldCheck as T } from "lucide-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Button as O, GlassCard as k } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/CoursesMyLearningPagePage.tsx
-function O({ e, onOpen: t, focused: r, onToggle: i }) {
+function A({ e, onOpen: t, focused: r, onToggle: i }) {
 	let s = `${e.course?.topic ?? ""} ${e.course?.title ?? "Course"}`;
-	return /* @__PURE__ */ T(D, {
+	return /* @__PURE__ */ D(k, {
 		className: n("group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:flex-row sm:items-center sm:gap-4", r && "ring-2 ring-accent-primary"),
-		...g(r, i),
+		...v(r, i),
 		children: [
-			/* @__PURE__ */ w("span", {
+			/* @__PURE__ */ E("span", {
 				className: n("flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm transition-transform duration-200 group-hover:scale-105", a(s)),
-				children: v(o(s), { size: 20 })
+				children: b(o(s), { size: 20 })
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("div", {
 				className: "min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ D("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ w("button", {
+						children: [/* @__PURE__ */ E("button", {
 							type: "button",
 							"aria-pressed": r,
 							onClick: i,
 							className: "truncate text-left text-sm font-semibold text-text-primary group-hover:text-accent-primary",
 							children: e.course?.title ?? "Course"
-						}), /* @__PURE__ */ w(l, { status: e.status })]
+						}), /* @__PURE__ */ E(l, { status: e.status })]
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ D("div", {
 						className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-text-muted",
 						children: [
-							/* @__PURE__ */ T("span", { children: [e.lessonsCompleted, " lessons done"] }),
-							/* @__PURE__ */ w("span", {
+							/* @__PURE__ */ D("span", { children: [e.lessonsCompleted, " lessons done"] }),
+							/* @__PURE__ */ E("span", {
 								"aria-hidden": !0,
 								children: "·"
 							}),
-							/* @__PURE__ */ T("span", { children: ["Active ", c(e.lastActiveAt ?? e.startedAt)] })
+							/* @__PURE__ */ D("span", { children: ["Active ", c(e.lastActiveAt ?? e.startedAt)] })
 						]
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ E("div", {
 						className: "mt-2 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-						children: /* @__PURE__ */ w("div", {
+						children: /* @__PURE__ */ E("div", {
 							className: "h-full rounded-full bg-gradient-to-r from-accent-primary via-accent-indigo to-accent-purple transition-all duration-500",
 							style: { width: `${e.progressPct}%` }
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("div", {
 				className: "flex items-center justify-between gap-3 sm:flex-col sm:items-end sm:justify-center",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "text-lg font-semibold tabular-nums text-text-primary",
 					children: [e.progressPct, "%"]
-				}), /* @__PURE__ */ T(E, {
+				}), /* @__PURE__ */ D(O, {
 					variant: "ghost",
 					size: "sm",
 					onClick: t,
-					children: [/* @__PURE__ */ w(S, { size: 15 }), " Resume"]
+					"data-testid": `resume-${e.courseId}`,
+					children: [/* @__PURE__ */ E(w, { size: 15 }), " Resume"]
 				})]
 			})
 		]
 	});
 }
-var k = [h.certificate], A = [h.enrollment];
-function j() {
-	let a = t(), { currentUser: o } = e(), c = o?.id, { data: v, loading: j, error: M } = p(c ? { learnerId: c } : {}), { data: N } = m(), [P, F] = _(h.enrollment, k), [I, L] = _(h.certificate, A), R = v?.tecListEnrollments?.items ?? [], z = N?.tecMyCertificates ?? [], B = R.filter((e) => e.status === "COMPLETED").length, V = R.filter((e) => e.status === "IN_PROGRESS" || e.status === "ENROLLED").length;
-	return /* @__PURE__ */ T(r, {
+var j = [g.certificate], M = [g.enrollment];
+function N() {
+	let a = t(), { currentUser: o } = e(), c = o?.id, { data: b, loading: N, error: P } = p(c ? { learnerId: c } : {}), { data: F } = m(), { data: I } = h(), L = new Map((I?.tecMyEnrollments?.items ?? []).map((e) => [e.courseId, e.nextLessonId ?? null])), [R, z] = y(g.enrollment, j), [B, V] = y(g.certificate, M), H = b?.tecListEnrollments?.items ?? [], U = F?.tecMyCertificates ?? [], W = H.filter((e) => e.status === "COMPLETED").length, G = H.filter((e) => e.status === "IN_PROGRESS" || e.status === "ENROLLED").length;
+	return /* @__PURE__ */ D(r, {
 		hero: !0,
 		title: "My Learning",
 		description: "Track your enrolled courses, progress, and earned certificates.",
-		actions: /* @__PURE__ */ T(E, {
+		actions: /* @__PURE__ */ D(O, {
 			variant: "outline",
 			onClick: () => a("/courses/courses-page"),
-			children: [/* @__PURE__ */ w(b, { size: 16 }), " Browse catalog"]
+			children: [/* @__PURE__ */ E(S, { size: 16 }), " Browse catalog"]
 		}),
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ E(i, {
 						label: "Enrolled",
-						value: R.length,
+						value: H.length,
 						hint: "Courses you've enrolled in",
-						icon: b,
+						icon: S,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ E(i, {
 						label: "In progress",
-						value: V,
+						value: G,
 						hint: "Courses in progress",
-						icon: S,
+						icon: w,
 						tone: "indigo"
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ E(i, {
 						label: "Completed",
-						value: B,
+						value: W,
 						hint: "Courses completed",
-						icon: x,
+						icon: C,
 						tone: "green"
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ E(i, {
 						label: "Certificates",
-						value: z.length,
+						value: U.length,
 						hint: "Certificates earned",
-						icon: y,
+						icon: x,
 						tone: "purple"
 					})
 				]
 			}),
-			j && !R.length ? /* @__PURE__ */ w(f, {
+			N && !H.length ? /* @__PURE__ */ E(f, {
 				count: 3,
 				height: "h-24"
-			}) : M ? /* @__PURE__ */ w(d, {
+			}) : P ? /* @__PURE__ */ E(d, {
 				title: "Couldn't load your learning",
-				error: M
-			}) : R.length === 0 ? /* @__PURE__ */ w(u, {
-				icon: /* @__PURE__ */ w(b, { size: 26 }),
+				error: P
+			}) : H.length === 0 ? /* @__PURE__ */ E(u, {
+				icon: /* @__PURE__ */ E(S, { size: 26 }),
 				title: "You haven't enrolled yet",
 				description: "Browse the catalog and enroll in a course to start building skill by doing.",
-				action: /* @__PURE__ */ w(E, {
+				action: /* @__PURE__ */ E(O, {
 					onClick: () => a("/courses/courses-page"),
 					children: "Browse courses"
 				})
-			}) : /* @__PURE__ */ w("div", {
+			}) : /* @__PURE__ */ E("div", {
 				className: "space-y-3",
-				children: R.map((e) => /* @__PURE__ */ w(O, {
+				children: H.map((e) => /* @__PURE__ */ E(A, {
 					e,
-					onOpen: () => a(`/courses/course-details-page?id=${e.courseId}`),
-					focused: P === e.id,
-					onToggle: () => F(P === e.id ? null : e.id)
+					onOpen: () => a(_(e.courseId, L.get(e.courseId))),
+					focused: R === e.id,
+					onToggle: () => z(R === e.id ? null : e.id)
 				}, e.id))
 			}),
-			z.length > 0 ? /* @__PURE__ */ T("div", {
+			U.length > 0 ? /* @__PURE__ */ D("div", {
 				className: "mt-8",
-				children: [/* @__PURE__ */ T("h2", {
+				children: [/* @__PURE__ */ D("h2", {
 					className: "mb-3 flex items-center gap-2 text-base font-semibold text-text-primary",
-					children: [/* @__PURE__ */ w(y, {
+					children: [/* @__PURE__ */ E(x, {
 						size: 18,
 						className: "text-accent-teal"
 					}), " Certificates"]
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-					children: z.map((e) => /* @__PURE__ */ T(D, {
-						className: n("group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg", I === e.id && "ring-2 ring-accent-primary"),
-						...g(I === e.id, () => L(I === e.id ? null : e.id)),
-						children: [/* @__PURE__ */ T("div", {
+					children: U.map((e) => /* @__PURE__ */ D(k, {
+						className: n("group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg", B === e.id && "ring-2 ring-accent-primary"),
+						...v(B === e.id, () => V(B === e.id ? null : e.id)),
+						children: [/* @__PURE__ */ D("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ w("span", {
+							children: [/* @__PURE__ */ E("span", {
 								className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/30 transition-transform duration-200 group-hover:scale-105",
-								children: /* @__PURE__ */ w(y, { size: 22 })
-							}), /* @__PURE__ */ T("div", {
+								children: /* @__PURE__ */ E(x, { size: 22 })
+							}), /* @__PURE__ */ D("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ w("button", {
+								children: [/* @__PURE__ */ E("button", {
 									type: "button",
-									"aria-pressed": I === e.id,
-									onClick: () => L(I === e.id ? null : e.id),
+									"aria-pressed": B === e.id,
+									onClick: () => V(B === e.id ? null : e.id),
 									className: "block max-w-full truncate text-left text-sm font-medium text-text-primary",
 									children: e.course?.title ?? "Certificate"
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "truncate text-xs text-text-muted",
 									children: ["Serial ", e.serial]
 								})]
 							})]
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "mt-auto flex items-center justify-between border-t border-border-seam pt-3 text-xs text-text-muted",
-							children: [/* @__PURE__ */ T("span", { children: [
+							children: [/* @__PURE__ */ D("span", { children: [
 								"Score ",
-								/* @__PURE__ */ w("span", {
+								/* @__PURE__ */ E("span", {
 									className: "font-semibold text-text-primary",
 									children: e.score
 								}),
 								" ·",
 								" ",
 								s(e.issuedAt)
-							] }), e.status === "ISSUED" ? /* @__PURE__ */ T("span", {
+							] }), e.status === "ISSUED" ? /* @__PURE__ */ D("span", {
 								className: "inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2 py-0.5 font-medium text-status-success-text",
-								children: [/* @__PURE__ */ w(C, { size: 12 }), " Verified"]
-							}) : /* @__PURE__ */ w(l, { status: e.status })]
+								children: [/* @__PURE__ */ E(T, { size: 12 }), " Verified"]
+							}) : /* @__PURE__ */ E(l, { status: e.status })]
 						})]
 					}, e.id))
 				})]
@@ -196,6 +198,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as CoursesMyLearningPagePage };
+export { N as CoursesMyLearningPagePage };
 
 //# sourceMappingURL=CoursesMyLearningPagePage.js.map

package/dist/technospam/pages/CoursesMyLearningPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoursesMyLearningPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesMyLearningPagePage.tsx"],"sourcesContent":["import { createElement } from 'react';\nimport { Award, BookOpen, GraduationCap, PlayCircle, ShieldCheck } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  useEnrollmentsQuery,\n  useMyCertificatesQuery,\n  type TecEnrollment,\n} from '../api/technospamApi';\nimport { formatDate, relativeTime } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport {\n  FOCUSED_CARD_CLASS,\n  focusableCardProps,\n  useFocusedRecordParam,\n} from '../hooks/useFocusedRecordParam';\nimport { FOCUS_PARAMS } from '../utils/pageContext';\n\nfunction EnrollmentRow({\n  e,\n  onOpen,\n  focused,\n  onToggle,\n}: {\n  e: TecEnrollment;\n  onOpen: () => void;\n  /** The focused enrollment (`?enrollmentId=`) is the one the assistant acts on. */\n  focused: boolean;\n  onToggle: () => void;\n}) {\n  const seed = `${e.course?.topic ?? ''} ${e.course?.title ?? 'Course'}`;\n  return (\n    <GlassCard\n      className={cn(\n        'group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:flex-row sm:items-center sm:gap-4',\n        focused && FOCUSED_CARD_CLASS\n      )}\n      {...focusableCardProps(focused, onToggle)}\n    >\n      <span\n        className={cn(\n          'flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm transition-transform duration-200 group-hover:scale-105',\n          coverGradient(seed)\n        )}\n      >\n        {createElement(topicIcon(seed), { size: 20 })}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            aria-pressed={focused}\n            onClick={onToggle}\n            className=\"truncate text-left text-sm font-semibold text-text-primary group-hover:text-accent-primary\"\n          >\n            {e.course?.title ?? 'Course'}\n          </button>\n          <StatusBadge status={e.status} />\n        </div>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2 text-xs text-text-muted\">\n          <span>{e.lessonsCompleted} lessons done</span>\n          <span aria-hidden>·</span>\n          <span>Active {relativeTime(e.lastActiveAt ?? e.startedAt)}</span>\n        </div>\n        <div className=\"mt-2 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n          <div\n            className=\"h-full rounded-full bg-gradient-to-r from-accent-primary via-accent-indigo to-accent-purple transition-all duration-500\"\n            style={{ width: `${e.progressPct}%` }}\n          />\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-3 sm:flex-col sm:items-end sm:justify-center\">\n        <div className=\"text-lg font-semibold tabular-nums text-text-primary\">{e.progressPct}%</div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={onOpen}>\n          <PlayCircle size={15} /> Resume\n        </Button>\n      </div>\n    </GlassCard>\n  );\n}\n\n// Stable sibling lists: focusing an enrollment clears a focused certificate and vice versa.\nconst CERTIFICATE_SIBLING = [FOCUS_PARAMS.certificate] as const;\nconst ENROLLMENT_SIBLING = [FOCUS_PARAMS.enrollment] as const;\n\nexport function CoursesMyLearningPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser } = useTechnoSpam();\n  const learnerId = currentUser?.id;\n\n  const { data, loading, error } = useEnrollmentsQuery(learnerId ? { learnerId } : {});\n  // Self-scoped read — `tecListCertificates` needs the cross-learner\n  // \"list-all\" action a plain learner does not hold, so their own earned\n  // certificates never arrived here.\n  const { data: certData } = useMyCertificatesQuery();\n  // The focused enrollment / certificate live in the URL so the assistant's\n  // page context names them (\"how far am I in this course?\").\n  const [focusedEnrollmentId, setFocusedEnrollmentId] = useFocusedRecordParam(\n    FOCUS_PARAMS.enrollment,\n    CERTIFICATE_SIBLING\n  );\n  const [focusedCertificateId, setFocusedCertificateId] = useFocusedRecordParam(\n    FOCUS_PARAMS.certificate,\n    ENROLLMENT_SIBLING\n  );\n\n  const enrollments = data?.tecListEnrollments?.items ?? [];\n  const certificates = certData?.tecMyCertificates ?? [];\n  const completed = enrollments.filter((e) => e.status === 'COMPLETED').length;\n  const inProgress = enrollments.filter(\n    (e) => e.status === 'IN_PROGRESS' || e.status === 'ENROLLED'\n  ).length;\n\n  return (\n    <PageLayout\n      hero\n      title=\"My Learning\"\n      description=\"Track your enrolled courses, progress, and earned certificates.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/courses/courses-page')}>\n          <BookOpen size={16} /> Browse catalog\n        </Button>\n      }\n    >\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"Enrolled\"\n          value={enrollments.length}\n          hint=\"Courses you've enrolled in\"\n          icon={BookOpen}\n          tone=\"blue\"\n        />\n        <StatCard\n          label=\"In progress\"\n          value={inProgress}\n          hint=\"Courses in progress\"\n          icon={PlayCircle}\n          tone=\"indigo\"\n        />\n        <StatCard\n          label=\"Completed\"\n          value={completed}\n          hint=\"Courses completed\"\n          icon={GraduationCap}\n          tone=\"green\"\n        />\n        <StatCard\n          label=\"Certificates\"\n          value={certificates.length}\n          hint=\"Certificates earned\"\n          icon={Award}\n          tone=\"purple\"\n        />\n      </div>\n\n      {loading && !enrollments.length ? (\n        <LoadingRows count={3} height=\"h-24\" />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load your learning\" error={error} />\n      ) : enrollments.length === 0 ? (\n        <EmptyView\n          icon={<BookOpen size={26} />}\n          title=\"You haven't enrolled yet\"\n          description=\"Browse the catalog and enroll in a course to start building skill by doing.\"\n          action={<Button onClick={() => navigate('/courses/courses-page')}>Browse courses</Button>}\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {enrollments.map((e) => (\n            <EnrollmentRow\n              key={e.id}\n              e={e}\n              onOpen={() => navigate(`/courses/course-details-page?id=${e.courseId}`)}\n              focused={focusedEnrollmentId === e.id}\n              onToggle={() => setFocusedEnrollmentId(focusedEnrollmentId === e.id ? null : e.id)}\n            />\n          ))}\n        </div>\n      )}\n\n      {certificates.length > 0 ? (\n        <div className=\"mt-8\">\n          <h2 className=\"mb-3 flex items-center gap-2 text-base font-semibold text-text-primary\">\n            <Award size={18} className=\"text-accent-teal\" /> Certificates\n          </h2>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n            {certificates.map((c) => (\n              <GlassCard\n                key={c.id}\n                className={cn(\n                  'group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg',\n                  focusedCertificateId === c.id && FOCUSED_CARD_CLASS\n                )}\n                {...focusableCardProps(focusedCertificateId === c.id, () =>\n                  setFocusedCertificateId(focusedCertificateId === c.id ? null : c.id)\n                )}\n              >\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/30 transition-transform duration-200 group-hover:scale-105\">\n                    <Award size={22} />\n                  </span>\n                  <div className=\"min-w-0\">\n                    <button\n                      type=\"button\"\n                      aria-pressed={focusedCertificateId === c.id}\n                      onClick={() =>\n                        setFocusedCertificateId(focusedCertificateId === c.id ? null : c.id)\n                      }\n                      className=\"block max-w-full truncate text-left text-sm font-medium text-text-primary\"\n                    >\n                      {c.course?.title ?? 'Certificate'}\n                    </button>\n                    <div className=\"truncate text-xs text-text-muted\">Serial {c.serial}</div>\n                  </div>\n                </div>\n                <div className=\"mt-auto flex items-center justify-between border-t border-border-seam pt-3 text-xs text-text-muted\">\n                  <span>\n                    Score <span className=\"font-semibold text-text-primary\">{c.score}</span> ·{' '}\n                    {formatDate(c.issuedAt)}\n                  </span>\n                  {c.status === 'ISSUED' ? (\n                    <span className=\"inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2 py-0.5 font-medium text-status-success-text\">\n                      <ShieldCheck size={12} /> Verified\n                    </span>\n                  ) : (\n                    <StatusBadge status={c.status} />\n                  )}\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </div>\n      ) : null}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CoursesMyLearningPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesMyLearningPagePage.tsx"],"sourcesContent":["import { createElement } from 'react';\nimport { Award, BookOpen, GraduationCap, PlayCircle, ShieldCheck } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  useEnrollmentsQuery,\n  useMyCertificatesQuery,\n  useMyNextLessonsQuery,\n  type TecEnrollment,\n} from '../api/technospamApi';\nimport { formatDate, relativeTime } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport {\n  FOCUSED_CARD_CLASS,\n  focusableCardProps,\n  useFocusedRecordParam,\n} from '../hooks/useFocusedRecordParam';\nimport { FOCUS_PARAMS } from '../utils/pageContext';\nimport { resumePath } from '../utils/lessonPath';\n\nfunction EnrollmentRow({\n  e,\n  onOpen,\n  focused,\n  onToggle,\n}: {\n  e: TecEnrollment;\n  onOpen: () => void;\n  /** The focused enrollment (`?enrollmentId=`) is the one the assistant acts on. */\n  focused: boolean;\n  onToggle: () => void;\n}) {\n  const seed = `${e.course?.topic ?? ''} ${e.course?.title ?? 'Course'}`;\n  return (\n    <GlassCard\n      className={cn(\n        'group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:flex-row sm:items-center sm:gap-4',\n        focused && FOCUSED_CARD_CLASS\n      )}\n      {...focusableCardProps(focused, onToggle)}\n    >\n      <span\n        className={cn(\n          'flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm transition-transform duration-200 group-hover:scale-105',\n          coverGradient(seed)\n        )}\n      >\n        {createElement(topicIcon(seed), { size: 20 })}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            aria-pressed={focused}\n            onClick={onToggle}\n            className=\"truncate text-left text-sm font-semibold text-text-primary group-hover:text-accent-primary\"\n          >\n            {e.course?.title ?? 'Course'}\n          </button>\n          <StatusBadge status={e.status} />\n        </div>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2 text-xs text-text-muted\">\n          <span>{e.lessonsCompleted} lessons done</span>\n          <span aria-hidden>·</span>\n          <span>Active {relativeTime(e.lastActiveAt ?? e.startedAt)}</span>\n        </div>\n        <div className=\"mt-2 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n          <div\n            className=\"h-full rounded-full bg-gradient-to-r from-accent-primary via-accent-indigo to-accent-purple transition-all duration-500\"\n            style={{ width: `${e.progressPct}%` }}\n          />\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-3 sm:flex-col sm:items-end sm:justify-center\">\n        <div className=\"text-lg font-semibold tabular-nums text-text-primary\">{e.progressPct}%</div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={onOpen} data-testid={`resume-${e.courseId}`}>\n          <PlayCircle size={15} /> Resume\n        </Button>\n      </div>\n    </GlassCard>\n  );\n}\n\n// Stable sibling lists: focusing an enrollment clears a focused certificate and vice versa.\nconst CERTIFICATE_SIBLING = [FOCUS_PARAMS.certificate] as const;\nconst ENROLLMENT_SIBLING = [FOCUS_PARAMS.enrollment] as const;\n\nexport function CoursesMyLearningPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser } = useTechnoSpam();\n  const learnerId = currentUser?.id;\n\n  const { data, loading, error } = useEnrollmentsQuery(learnerId ? { learnerId } : {});\n  // Self-scoped read — `tecListCertificates` needs the cross-learner\n  // \"list-all\" action a plain learner does not hold, so their own earned\n  // certificates never arrived here.\n  const { data: certData } = useMyCertificatesQuery();\n  // BOFF-4107: \"Resume\" deep-links into the next incomplete lesson.\n  const { data: nextData } = useMyNextLessonsQuery();\n  const nextLessonByCourse = new Map(\n    (nextData?.tecMyEnrollments?.items ?? []).map((n) => [n.courseId, n.nextLessonId ?? null])\n  );\n  // The focused enrollment / certificate live in the URL so the assistant's\n  // page context names them (\"how far am I in this course?\").\n  const [focusedEnrollmentId, setFocusedEnrollmentId] = useFocusedRecordParam(\n    FOCUS_PARAMS.enrollment,\n    CERTIFICATE_SIBLING\n  );\n  const [focusedCertificateId, setFocusedCertificateId] = useFocusedRecordParam(\n    FOCUS_PARAMS.certificate,\n    ENROLLMENT_SIBLING\n  );\n\n  const enrollments = data?.tecListEnrollments?.items ?? [];\n  const certificates = certData?.tecMyCertificates ?? [];\n  const completed = enrollments.filter((e) => e.status === 'COMPLETED').length;\n  const inProgress = enrollments.filter(\n    (e) => e.status === 'IN_PROGRESS' || e.status === 'ENROLLED'\n  ).length;\n\n  return (\n    <PageLayout\n      hero\n      title=\"My Learning\"\n      description=\"Track your enrolled courses, progress, and earned certificates.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/courses/courses-page')}>\n          <BookOpen size={16} /> Browse catalog\n        </Button>\n      }\n    >\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"Enrolled\"\n          value={enrollments.length}\n          hint=\"Courses you've enrolled in\"\n          icon={BookOpen}\n          tone=\"blue\"\n        />\n        <StatCard\n          label=\"In progress\"\n          value={inProgress}\n          hint=\"Courses in progress\"\n          icon={PlayCircle}\n          tone=\"indigo\"\n        />\n        <StatCard\n          label=\"Completed\"\n          value={completed}\n          hint=\"Courses completed\"\n          icon={GraduationCap}\n          tone=\"green\"\n        />\n        <StatCard\n          label=\"Certificates\"\n          value={certificates.length}\n          hint=\"Certificates earned\"\n          icon={Award}\n          tone=\"purple\"\n        />\n      </div>\n\n      {loading && !enrollments.length ? (\n        <LoadingRows count={3} height=\"h-24\" />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load your learning\" error={error} />\n      ) : enrollments.length === 0 ? (\n        <EmptyView\n          icon={<BookOpen size={26} />}\n          title=\"You haven't enrolled yet\"\n          description=\"Browse the catalog and enroll in a course to start building skill by doing.\"\n          action={<Button onClick={() => navigate('/courses/courses-page')}>Browse courses</Button>}\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {enrollments.map((e) => (\n            <EnrollmentRow\n              key={e.id}\n              e={e}\n              onOpen={() => navigate(resumePath(e.courseId, nextLessonByCourse.get(e.courseId)))}\n              focused={focusedEnrollmentId === e.id}\n              onToggle={() => setFocusedEnrollmentId(focusedEnrollmentId === e.id ? null : e.id)}\n            />\n          ))}\n        </div>\n      )}\n\n      {certificates.length > 0 ? (\n        <div className=\"mt-8\">\n          <h2 className=\"mb-3 flex items-center gap-2 text-base font-semibold text-text-primary\">\n            <Award size={18} className=\"text-accent-teal\" /> Certificates\n          </h2>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n            {certificates.map((c) => (\n              <GlassCard\n                key={c.id}\n                className={cn(\n                  'group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg',\n                  focusedCertificateId === c.id && FOCUSED_CARD_CLASS\n                )}\n                {...focusableCardProps(focusedCertificateId === c.id, () =>\n                  setFocusedCertificateId(focusedCertificateId === c.id ? null : c.id)\n                )}\n              >\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/30 transition-transform duration-200 group-hover:scale-105\">\n                    <Award size={22} />\n                  </span>\n                  <div className=\"min-w-0\">\n                    <button\n                      type=\"button\"\n                      aria-pressed={focusedCertificateId === c.id}\n                      onClick={() =>\n                        setFocusedCertificateId(focusedCertificateId === c.id ? null : c.id)\n                      }\n                      className=\"block max-w-full truncate text-left text-sm font-medium text-text-primary\"\n                    >\n                      {c.course?.title ?? 'Certificate'}\n                    </button>\n                    <div className=\"truncate text-xs text-text-muted\">Serial {c.serial}</div>\n                  </div>\n                </div>\n                <div className=\"mt-auto flex items-center justify-between border-t border-border-seam pt-3 text-xs text-text-muted\">\n                  <span>\n                    Score <span className=\"font-semibold text-text-primary\">{c.score}</span> ·{' '}\n                    {formatDate(c.issuedAt)}\n                  </span>\n                  {c.status === 'ISSUED' ? (\n                    <span className=\"inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2 py-0.5 font-medium text-status-success-text\">\n                      <ShieldCheck size={12} /> Verified\n                    </span>\n                  ) : (\n                    <StatusBadge status={c.status} />\n                  )}\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </div>\n      ) : null}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/DashboardDashboardPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardDashboardPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/DashboardDashboardPagePage.tsx"],"names":[],"mappings":"AA0MA,wBAAgB,0BAA0B,gCA8UzC"}
+{"version":3,"file":"DashboardDashboardPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/DashboardDashboardPagePage.tsx"],"names":[],"mappings":"AAsNA,wBAAgB,0BAA0B,gCA6VzC"}