@burdenoff/microfe-technospam 2026.709.3 → 2026.709.4

package/dist/technospam/pages/CoursesCourseDetailsPagePage.js

@@ -1,95 +1,96 @@
 import { useTechnoSpam as e } from "../providers/TechnoSpamProvider.js";
-import { cn as t } from "../utils/cn.js";
-import { PageLayout as n } from "../components/PageLayout.js";
-import { StatCard as r } from "../components/StatCard.js";
-import { MediaCover as i, topicIcon as a } from "../components/MediaCover.js";
-import { formatDuration as o, humanizeEnum as s } from "../utils/format.js";
-import { EmptyView as ee, ErrorView as c } from "../components/StateViews.js";
+import { useTechnoSpamAnalytics as t } from "../hooks/useTechnoSpamAnalytics.js";
+import { cn as n } from "../utils/cn.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { StatCard as i } from "../components/StatCard.js";
+import { MediaCover as a, topicIcon as o } from "../components/MediaCover.js";
+import { formatDuration as s, humanizeEnum as c } from "../utils/format.js";
+import { EmptyView as l, ErrorView as u } from "../components/StateViews.js";
+import { TagStrip as d } from "../components/TagStrip.js";
 import "../components/index.js";
-import { notify as l } from "../lib/toast.js";
-import { useCertificatesQuery as u, useCourseQuery as d, useEnroll as f, useIssueCertificate as p, useUpdateProgress as te } from "../api/technospamApi.js";
-import { useTechnoSpamAnalytics as ne } from "../hooks/useTechnoSpamAnalytics.js";
-import { useEffect as re } from "react";
-import { Award as m, BookOpen as h, CheckCircle2 as g, Clock as _, Eye as v, FileText as y, Layers as b, Lock as x, PlayCircle as S, ShieldCheck as C, Sparkles as w, TrendingUp as T, Trophy as ie, Users as E } from "lucide-react";
-import { useSearchParams as D } from "react-router-dom";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Badge as A, Button as j, GlassCard as M, Skeleton as N } from "@burdenoff/fe-libs/ui";
+import { notify as f } from "../lib/toast.js";
+import { useCertificatesQuery as p, useCourseQuery as ee, useEnroll as te, useIssueCertificate as ne, useUpdateProgress as m } from "../api/technospamApi.js";
+import { useEffect as h } from "react";
+import { Award as g, BookOpen as _, CheckCircle2 as v, Clock as y, Eye as b, FileText as x, Layers as S, Lock as C, PlayCircle as w, ShieldCheck as re, Sparkles as T, TrendingUp as E, Trophy as ie, Users as D } from "lucide-react";
+import { useSearchParams as O } from "react-router-dom";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Button as j, GlassCard as M, Skeleton as N } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/CoursesCourseDetailsPagePage.tsx
 var P = {
 	VIDEO: {
-		icon: S,
+		icon: w,
 		chip: "bg-accent-primary/15 text-accent-primary",
 		badge: "border-accent-primary/25 bg-accent-primary/10 text-accent-primary"
 	},
 	ARTICLE: {
-		icon: y,
+		icon: x,
 		chip: "bg-accent-indigo/15 text-accent-indigo",
 		badge: "border-accent-indigo/25 bg-accent-indigo/10 text-accent-indigo"
 	},
 	INTERACTIVE: {
-		icon: w,
+		icon: T,
 		chip: "bg-accent-teal/15 text-accent-teal",
 		badge: "border-accent-teal/25 bg-accent-teal/10 text-accent-teal"
 	},
 	QUIZ: {
-		icon: g,
+		icon: v,
 		chip: "bg-accent-purple/15 text-accent-purple",
 		badge: "border-accent-purple/25 bg-accent-purple/10 text-accent-purple"
 	},
 	PROJECT: {
-		icon: b,
+		icon: S,
 		chip: "bg-status-warning-bg-subtle text-status-warning-text",
 		badge: "border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text"
 	}
 };
 function F({ icon: e, children: t }) {
-	return /* @__PURE__ */ k("span", {
+	return /* @__PURE__ */ A("span", {
 		className: "inline-flex items-center gap-1 rounded-full bg-white/15 px-2.5 py-1 text-xs font-medium text-white ring-1 ring-white/25 backdrop-blur-sm",
-		children: [e ? /* @__PURE__ */ O(e, { size: 12 }) : null, t]
+		children: [e ? /* @__PURE__ */ k(e, { size: 12 }) : null, t]
 	});
 }
-function I({ lesson: e, index: n, done: r }) {
+function I({ lesson: e, index: t, done: r }) {
 	let i = P[e.kind] ?? P.ARTICLE, a = i.icon;
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ A("div", {
 		className: "group flex items-center gap-3 rounded-xl px-2 py-3 transition-colors hover:bg-bg-sunken/60",
 		children: [
-			/* @__PURE__ */ O("span", {
+			/* @__PURE__ */ k("span", {
 				className: "hidden w-6 shrink-0 text-center text-sm font-medium tabular-nums text-text-muted sm:block",
-				children: n + 1
+				children: t + 1
 			}),
-			/* @__PURE__ */ O("span", {
-				className: t("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg", r ? "bg-status-success-bg-subtle text-status-success-text" : i.chip),
-				children: O(r ? g : a, { size: 17 })
+			/* @__PURE__ */ k("span", {
+				className: n("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg", r ? "bg-status-success-bg-subtle text-status-success-text" : i.chip),
+				children: k(r ? v : a, { size: 17 })
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ O("span", {
+				children: [/* @__PURE__ */ k("span", {
 					className: "block truncate text-sm font-medium text-text-primary",
 					children: e.title
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ A("div", {
 					className: "mt-1 flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ O("span", {
-						className: t("inline-flex items-center rounded-full border px-2 py-0.5 text-[11px] font-medium", i.badge),
-						children: s(e.kind)
-					}), /* @__PURE__ */ k("span", {
+					children: [/* @__PURE__ */ k("span", {
+						className: n("inline-flex items-center rounded-full border px-2 py-0.5 text-[11px] font-medium", i.badge),
+						children: c(e.kind)
+					}), /* @__PURE__ */ A("span", {
 						className: "inline-flex items-center gap-1 text-xs text-text-muted",
 						children: [
-							/* @__PURE__ */ O(_, { size: 12 }),
+							/* @__PURE__ */ k(y, { size: 12 }),
 							" ",
-							o(e.estimatedMinutes)
+							s(e.estimatedMinutes)
 						]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "shrink-0",
-				children: r ? /* @__PURE__ */ O(g, {
+				children: r ? /* @__PURE__ */ k(v, {
 					size: 18,
 					className: "text-status-success-text"
-				}) : e.isPreview ? /* @__PURE__ */ k("span", {
+				}) : e.isPreview ? /* @__PURE__ */ A("span", {
 					className: "inline-flex items-center gap-1 rounded-full border border-accent-primary/30 bg-accent-primary/10 px-2 py-0.5 text-[11px] font-medium text-accent-primary",
-					children: [/* @__PURE__ */ O(v, { size: 12 }), " Preview"]
-				}) : /* @__PURE__ */ O(x, {
+					children: [/* @__PURE__ */ k(b, { size: 12 }), " Preview"]
+				}) : /* @__PURE__ */ k(C, {
 					size: 15,
 					className: "text-text-muted"
 				})
@@ -98,41 +99,41 @@ function I({ lesson: e, index: n, done: r }) {
 	});
 }
 function L() {
-	let [t] = D(), v = t.get("id") ?? "", { currentUser: x, workspaceId: S } = e(), { emit: w } = ne(), { data: P, loading: L, error: R, refetch: z } = d(v);
-	re(() => {
-		v && w("technospam.course.viewed", {
-			workspaceId: S,
-			entityId: v,
+	let [n] = O(), b = n.get("id") ?? "", { currentUser: C, workspaceId: w } = e(), { emit: T } = t(), { data: P, loading: L, error: R, refetch: z } = ee(b);
+	h(() => {
+		b && T("technospam.course.viewed", {
+			workspaceId: w,
+			entityId: b,
 			entityType: "TEC_COURSE"
 		});
 	}, [
-		v,
-		S,
-		w
+		b,
+		w,
+		T
 	]);
-	let [B, { loading: V }] = f(), [H, { loading: U }] = te(), { data: W, refetch: G } = u(x?.id && v ? {
-		learnerId: x.id,
-		courseId: v
-	} : {}), [K, { loading: q }] = p(), J = P?.tecCourse ?? null, Y = [...J?.lessons ?? []].sort((e, t) => e.position - t.position), X = (J?.enrollments ?? []).find((e) => e.learnerId === x?.id), Z = (W?.tecListCertificates ?? []).find((e) => e.status === "ISSUED"), ae = !!X && X.progressPct >= 100, oe = async () => {
-		!v || !x?.id || (w("technospam.course.certificate_claimed", {
-			workspaceId: S,
-			entityId: v,
+	let [B, { loading: V }] = te(), [H, { loading: U }] = m(), { data: W, refetch: G } = p(C?.id && b ? {
+		learnerId: C.id,
+		courseId: b
+	} : {}), [K, { loading: q }] = ne(), J = P?.tecCourse ?? null, Y = [...J?.lessons ?? []].sort((e, t) => e.position - t.position), X = (J?.enrollments ?? []).find((e) => e.learnerId === C?.id), Z = (W?.tecListCertificates ?? []).find((e) => e.status === "ISSUED"), ae = !!X && X.progressPct >= 100, oe = async () => {
+		!b || !C?.id || (T("technospam.course.certificate_claimed", {
+			workspaceId: w,
+			entityId: b,
 			entityType: "TEC_COURSE"
 		}), (await K({ variables: {
-			courseId: v,
-			learnerId: x.id,
+			courseId: b,
+			learnerId: C.id,
 			score: 100
-		} })).data?.tecIssueCertificate && (l.success("Certificate issued", "Your verifiable certificate is ready in My Learning."), await G()));
+		} })).data?.tecIssueCertificate && (f.success("Certificate issued", "Your verifiable certificate is ready in My Learning."), await G()));
 	}, se = async () => {
-		v && (w("technospam.course.enroll_clicked", {
-			workspaceId: S,
-			entityId: v,
+		b && (T("technospam.course.enroll_clicked", {
+			workspaceId: w,
+			entityId: b,
 			entityType: "TEC_COURSE"
-		}), (await B({ variables: { input: { courseId: v } } })).data?.tecEnroll && (w("technospam.course.enrolled", {
-			workspaceId: S,
-			entityId: v,
+		}), (await B({ variables: { input: { courseId: b } } })).data?.tecEnroll && (T("technospam.course.enrolled", {
+			workspaceId: w,
+			entityId: b,
 			entityType: "TEC_COURSE"
-		}), l.success("Enrolled", `You're enrolled in "${J?.title}".`), await z()));
+		}), f.success("Enrolled", `You're enrolled in "${J?.title}".`), await z()));
 	}, ce = async () => {
 		if (!X) return;
 		let e = Math.min(Y.length, X.lessonsCompleted + 1), t = Y.length ? Math.round(e / Y.length * 100) : 100;
@@ -140,77 +141,77 @@ function L() {
 			enrollmentId: X.id,
 			lessonsCompleted: e,
 			progressPct: t
-		} } })).data?.tecUpdateProgress && (w("technospam.course.progress_updated", {
-			workspaceId: S,
+		} } })).data?.tecUpdateProgress && (T("technospam.course.progress_updated", {
+			workspaceId: w,
 			entityId: X.id,
 			entityType: "TEC_ENROLLMENT",
 			progressPct: t
-		}), l.success("Progress saved", `${t}% complete`), await z());
+		}), f.success("Progress saved", `${t}% complete`), await z());
 	};
-	if (L && !J) return /* @__PURE__ */ k(n, {
+	if (L && !J) return /* @__PURE__ */ A(r, {
 		title: "Course",
 		backPath: "/courses/courses-page",
-		children: [/* @__PURE__ */ O(N, { className: "mb-4 h-40 w-full rounded-2xl" }), /* @__PURE__ */ O(N, { className: "h-64 w-full rounded-xl" })]
+		children: [/* @__PURE__ */ k(N, { className: "mb-4 h-40 w-full rounded-2xl" }), /* @__PURE__ */ k(N, { className: "h-64 w-full rounded-xl" })]
 	});
-	if (R || !J) return /* @__PURE__ */ O(n, {
+	if (R || !J) return /* @__PURE__ */ k(r, {
 		title: "Course",
 		backPath: "/courses/courses-page",
-		children: R ? /* @__PURE__ */ O(c, {
+		children: R ? /* @__PURE__ */ k(u, {
 			title: "Couldn't load course",
 			error: R
-		}) : /* @__PURE__ */ O(ee, {
+		}) : /* @__PURE__ */ k(l, {
 			title: "Course not found",
 			description: "This course may have been unpublished."
 		})
 	});
 	let Q = X?.lessonsCompleted ?? 0, $ = Math.max(0, Y.length - Q), le = X && X.progressPct >= 100 ? "Course complete — claim your certificate below." : $ === 1 ? "1 lesson to go — almost there!" : `${$} lessons to go — keep it up!`, ue = `${J.topic ?? ""} ${J.title}`;
-	return /* @__PURE__ */ k(n, {
+	return /* @__PURE__ */ A(r, {
 		backPath: "/courses/courses-page",
 		title: J.title,
 		description: J.summary ?? void 0,
-		actions: X ? /* @__PURE__ */ k(j, {
+		actions: X ? /* @__PURE__ */ A(j, {
 			onClick: ce,
 			disabled: U || Q >= Y.length,
-			children: [/* @__PURE__ */ O(g, { size: 16 }), Q >= Y.length ? "Completed" : "Complete next lesson"]
-		}) : /* @__PURE__ */ k(j, {
+			children: [/* @__PURE__ */ k(v, { size: 16 }), Q >= Y.length ? "Completed" : "Complete next lesson"]
+		}) : /* @__PURE__ */ A(j, {
 			onClick: se,
 			disabled: V,
 			children: [
-				/* @__PURE__ */ O(h, { size: 16 }),
+				/* @__PURE__ */ k(_, { size: 16 }),
 				" ",
 				V ? "Enrolling…" : "Enroll"
 			]
 		}),
 		children: [
-			/* @__PURE__ */ O(i, {
+			/* @__PURE__ */ k(a, {
 				height: "h-40",
 				seed: ue,
-				icon: a(J.topic ?? J.title),
+				icon: o(J.topic ?? J.title),
 				className: "mb-5 rounded-2xl",
-				children: /* @__PURE__ */ k("div", {
+				children: /* @__PURE__ */ A("div", {
 					className: "flex w-full flex-col gap-2",
 					children: [
-						/* @__PURE__ */ O("span", {
+						/* @__PURE__ */ k("span", {
 							className: "text-xs font-medium uppercase tracking-wide text-white/80",
 							children: J.topic ?? "Course"
 						}),
-						/* @__PURE__ */ O("h2", {
+						/* @__PURE__ */ k("h2", {
 							className: "text-2xl font-bold leading-tight text-white drop-shadow-sm sm:text-3xl",
 							children: J.title
 						}),
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ O(F, {
-									icon: T,
-									children: s(J.level)
+								/* @__PURE__ */ k(F, {
+									icon: E,
+									children: c(J.level)
 								}),
-								/* @__PURE__ */ O(F, {
-									icon: g,
-									children: s(J.status)
+								/* @__PURE__ */ k(F, {
+									icon: v,
+									children: c(J.status)
 								}),
-								J.topic ? /* @__PURE__ */ O(F, {
-									icon: b,
+								J.topic ? /* @__PURE__ */ k(F, {
+									icon: S,
 									children: J.topic
 								}) : null
 							]
@@ -218,57 +219,54 @@ function L() {
 					]
 				})
 			}),
-			J.tags.length ? /* @__PURE__ */ O("div", {
-				className: "mb-5 flex flex-wrap items-center gap-2",
-				children: J.tags.map((e) => /* @__PURE__ */ O(A, {
-					variant: "secondary",
-					children: e
-				}, e))
-			}) : null,
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ k(d, {
+				tags: J.tags,
+				className: "mb-5"
+			}),
+			/* @__PURE__ */ A("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ O(r, {
+					/* @__PURE__ */ k(i, {
 						label: "Lessons",
 						value: Y.length,
-						icon: y,
+						icon: x,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ O(r, {
+					/* @__PURE__ */ k(i, {
 						label: "Duration",
-						value: o(J.estimatedMinutes),
-						icon: _,
+						value: s(J.estimatedMinutes),
+						icon: y,
 						tone: "teal"
 					}),
-					/* @__PURE__ */ O(r, {
+					/* @__PURE__ */ k(i, {
 						label: "Enrolled",
 						value: J.enrollments?.length ?? 0,
-						icon: E,
+						icon: D,
 						tone: "indigo"
 					}),
-					/* @__PURE__ */ O(r, {
+					/* @__PURE__ */ k(i, {
 						label: "Your progress",
 						value: X ? `${X.progressPct}%` : "Not started",
-						icon: T,
+						icon: E,
 						tone: "purple"
 					})
 				]
 			}),
-			X ? /* @__PURE__ */ k(M, {
+			X ? /* @__PURE__ */ A(M, {
 				className: "mb-6 p-5",
 				children: [
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "mb-3 flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ O("span", {
+							/* @__PURE__ */ k("span", {
 								className: "flex h-8 w-8 items-center justify-center rounded-lg bg-accent-primary/15 text-accent-primary",
-								children: /* @__PURE__ */ O(T, { size: 16 })
+								children: /* @__PURE__ */ k(E, { size: 16 })
 							}),
-							/* @__PURE__ */ O("span", {
+							/* @__PURE__ */ k("span", {
 								className: "text-sm font-semibold text-text-primary",
 								children: "Your progress"
 							}),
-							/* @__PURE__ */ k("span", {
+							/* @__PURE__ */ A("span", {
 								className: "ml-auto text-sm text-text-secondary",
 								children: [
 									Q,
@@ -281,32 +279,32 @@ function L() {
 							})
 						]
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ k("div", {
 						className: "h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ k("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: `${X.progressPct}%` }
 						})
 					}),
-					/* @__PURE__ */ O("p", {
+					/* @__PURE__ */ k("p", {
 						className: "mt-2 text-xs text-text-muted",
 						children: le
 					})
 				]
 			}) : null,
-			Z ? /* @__PURE__ */ k(M, {
+			Z ? /* @__PURE__ */ A(M, {
 				className: "mb-6 flex flex-wrap items-center gap-3 border border-status-success-border/60 bg-status-success-bg-subtle/30 p-4",
 				children: [
-					/* @__PURE__ */ O("span", {
+					/* @__PURE__ */ k("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",
-						children: /* @__PURE__ */ O(m, { size: 22 })
+						children: /* @__PURE__ */ k(g, { size: 22 })
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ k("div", {
 							className: "text-sm font-semibold text-text-primary",
 							children: "Certificate earned"
-						}), /* @__PURE__ */ k("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "text-xs text-text-muted",
 							children: [
 								"Serial ",
@@ -316,46 +314,46 @@ function L() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ k("span", {
+					/* @__PURE__ */ A("span", {
 						className: "inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text",
-						children: [/* @__PURE__ */ O(C, { size: 13 }), " Verified"]
+						children: [/* @__PURE__ */ k(re, { size: 13 }), " Verified"]
 					})
 				]
-			}) : ae ? /* @__PURE__ */ k(M, {
+			}) : ae ? /* @__PURE__ */ A(M, {
 				className: "mb-6 flex flex-col items-start gap-4 border border-status-success-border/60 bg-status-success-bg-subtle/40 p-5 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ k("span", {
 						className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/40",
-						children: /* @__PURE__ */ O(ie, { size: 26 })
-					}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ k(ie, { size: 26 })
+					}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
 						className: "text-base font-semibold text-text-primary",
 						children: "You finished this course"
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ k("div", {
 						className: "text-sm text-text-muted",
 						children: "Claim your verifiable certificate of completion."
 					})] })]
-				}), /* @__PURE__ */ k(j, {
+				}), /* @__PURE__ */ A(j, {
 					onClick: oe,
 					disabled: q,
 					children: [
-						/* @__PURE__ */ O(m, { size: 16 }),
+						/* @__PURE__ */ k(g, { size: 16 }),
 						" ",
 						q ? "Issuing…" : "Claim certificate"
 					]
 				})]
 			}) : null,
-			/* @__PURE__ */ k(M, {
+			/* @__PURE__ */ A(M, {
 				className: "p-5",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "mb-3 flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ k("h2", {
+					children: [/* @__PURE__ */ A("h2", {
 						className: "flex items-center gap-2 text-base font-semibold text-text-primary",
-						children: [/* @__PURE__ */ O(h, {
+						children: [/* @__PURE__ */ k(_, {
 							size: 18,
 							className: "text-accent-primary"
 						}), " Curriculum"]
-					}), Y.length ? /* @__PURE__ */ k("span", {
+					}), Y.length ? /* @__PURE__ */ A("span", {
 						className: "rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text",
 						children: [
 							Q,
@@ -364,12 +362,12 @@ function L() {
 							" completed"
 						]
 					}) : null]
-				}), Y.length === 0 ? /* @__PURE__ */ O("p", {
+				}), Y.length === 0 ? /* @__PURE__ */ k("p", {
 					className: "py-6 text-center text-sm text-text-muted",
 					children: "Lessons for this course are being prepared."
-				}) : /* @__PURE__ */ O("div", {
+				}) : /* @__PURE__ */ k("div", {
 					className: "flex flex-col",
-					children: Y.map((e, t) => /* @__PURE__ */ O(I, {
+					children: Y.map((e, t) => /* @__PURE__ */ k(I, {
 						lesson: e,
 						index: t,
 						done: t < Q

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

@@ -1 +1 @@
-{"version":3,"file":"CoursesCourseDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesCourseDetailsPagePage.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  Award,\n  BookOpen,\n  CheckCircle2,\n  Clock,\n  Eye,\n  FileText,\n  Lock,\n  PlayCircle,\n  Layers,\n  ShieldCheck,\n  Sparkles,\n  Trophy,\n  TrendingUp,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  MediaCover,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useCertificatesQuery,\n  useCourseQuery,\n  useEnroll,\n  useIssueCertificate,\n  useUpdateProgress,\n  type TecLesson,\n  type TecEnrollment,\n} from '../api/technospamApi';\nimport { formatDuration, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\n/** Per-lesson-kind icon + on-theme tint (chip) and pill (badge) classes. */\nconst KIND_META: Record<string, { icon: LucideIcon; chip: string; badge: string }> = {\n  VIDEO: {\n    icon: PlayCircle,\n    chip: 'bg-accent-primary/15 text-accent-primary',\n    badge: 'border-accent-primary/25 bg-accent-primary/10 text-accent-primary',\n  },\n  ARTICLE: {\n    icon: FileText,\n    chip: 'bg-accent-indigo/15 text-accent-indigo',\n    badge: 'border-accent-indigo/25 bg-accent-indigo/10 text-accent-indigo',\n  },\n  INTERACTIVE: {\n    icon: Sparkles,\n    chip: 'bg-accent-teal/15 text-accent-teal',\n    badge: 'border-accent-teal/25 bg-accent-teal/10 text-accent-teal',\n  },\n  QUIZ: {\n    icon: CheckCircle2,\n    chip: 'bg-accent-purple/15 text-accent-purple',\n    badge: 'border-accent-purple/25 bg-accent-purple/10 text-accent-purple',\n  },\n  PROJECT: {\n    icon: Layers,\n    chip: 'bg-status-warning-bg-subtle text-status-warning-text',\n    badge: 'border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text',\n  },\n};\n\nfunction HeroBadge({ icon: Icon, children }: { icon?: LucideIcon; children: ReactNode }) {\n  return (\n    <span className=\"inline-flex items-center gap-1 rounded-full bg-white/15 px-2.5 py-1 text-xs font-medium text-white ring-1 ring-white/25 backdrop-blur-sm\">\n      {Icon ? <Icon size={12} /> : null}\n      {children}\n    </span>\n  );\n}\n\nfunction LessonRow({ lesson, index, done }: { lesson: TecLesson; index: number; done: boolean }) {\n  const meta = KIND_META[lesson.kind] ?? KIND_META.ARTICLE!;\n  const Icon = meta.icon;\n  return (\n    <div className=\"group flex items-center gap-3 rounded-xl px-2 py-3 transition-colors hover:bg-bg-sunken/60\">\n      <span className=\"hidden w-6 shrink-0 text-center text-sm font-medium tabular-nums text-text-muted sm:block\">\n        {index + 1}\n      </span>\n      <span\n        className={cn(\n          'flex h-9 w-9 shrink-0 items-center justify-center rounded-lg',\n          done ? 'bg-status-success-bg-subtle text-status-success-text' : meta.chip\n        )}\n      >\n        {done ? <CheckCircle2 size={17} /> : <Icon size={17} />}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <span className=\"block truncate text-sm font-medium text-text-primary\">{lesson.title}</span>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n          <span\n            className={cn(\n              'inline-flex items-center rounded-full border px-2 py-0.5 text-[11px] font-medium',\n              meta.badge\n            )}\n          >\n            {humanizeEnum(lesson.kind)}\n          </span>\n          <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n            <Clock size={12} /> {formatDuration(lesson.estimatedMinutes)}\n          </span>\n        </div>\n      </div>\n      <div className=\"shrink-0\">\n        {done ? (\n          <CheckCircle2 size={18} className=\"text-status-success-text\" />\n        ) : lesson.isPreview ? (\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-accent-primary/30 bg-accent-primary/10 px-2 py-0.5 text-[11px] font-medium text-accent-primary\">\n            <Eye size={12} /> Preview\n          </span>\n        ) : (\n          <Lock size={15} className=\"text-text-muted\" />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function CoursesCourseDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const { data, loading, error, refetch } = useCourseQuery(id);\n\n  useEffect(() => {\n    if (id) {\n      emit('technospam.course.viewed', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_COURSE',\n      });\n    }\n  }, [id, workspaceId, emit]);\n\n  const [enroll, { loading: enrolling }] = useEnroll();\n  const [updateProgress, { loading: savingProgress }] = useUpdateProgress();\n  const { data: certData, refetch: refetchCerts } = useCertificatesQuery(\n    currentUser?.id && id ? { learnerId: currentUser.id, courseId: id } : {}\n  );\n  const [issueCertificate, { loading: claiming }] = useIssueCertificate();\n\n  const course = data?.tecCourse ?? null;\n  const lessons = [...(course?.lessons ?? [])].sort((a, b) => a.position - b.position);\n  const myEnrollment: TecEnrollment | undefined = (course?.enrollments ?? []).find(\n    (e) => e.learnerId === currentUser?.id\n  );\n  const myCertificate = (certData?.tecListCertificates ?? []).find((c) => c.status === 'ISSUED');\n  const isComplete = !!myEnrollment && myEnrollment.progressPct >= 100;\n\n  const handleClaimCertificate = async () => {\n    if (!id || !currentUser?.id) return;\n    emit('technospam.course.certificate_claimed', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_COURSE',\n    });\n    const res = await issueCertificate({\n      variables: { courseId: id, learnerId: currentUser.id, score: 100 },\n    });\n    if (res.data?.tecIssueCertificate) {\n      notify.success('Certificate issued', 'Your verifiable certificate is ready in My Learning.');\n      await refetchCerts();\n    }\n  };\n\n  const handleEnroll = async () => {\n    if (!id) return;\n    emit('technospam.course.enroll_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_COURSE',\n    });\n    const res = await enroll({ variables: { input: { courseId: id } } });\n    if (res.data?.tecEnroll) {\n      emit('technospam.course.enrolled', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_COURSE',\n      });\n      notify.success('Enrolled', `You're enrolled in \"${course?.title}\".`);\n      await refetch();\n    }\n  };\n\n  const handleProgress = async () => {\n    if (!myEnrollment) return;\n    const nextCompleted = Math.min(lessons.length, myEnrollment.lessonsCompleted + 1);\n    const pct = lessons.length ? Math.round((nextCompleted / lessons.length) * 100) : 100;\n    const res = await updateProgress({\n      variables: {\n        input: { enrollmentId: myEnrollment.id, lessonsCompleted: nextCompleted, progressPct: pct },\n      },\n    });\n    if (res.data?.tecUpdateProgress) {\n      emit('technospam.course.progress_updated', {\n        workspaceId,\n        entityId: myEnrollment.id,\n        entityType: 'TEC_ENROLLMENT',\n        progressPct: pct,\n      });\n      notify.success('Progress saved', `${pct}% complete`);\n      await refetch();\n    }\n  };\n\n  if (loading && !course) {\n    return (\n      <PageLayout title=\"Course\" backPath=\"/courses/courses-page\">\n        <Skeleton className=\"mb-4 h-40 w-full rounded-2xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !course) {\n    return (\n      <PageLayout title=\"Course\" backPath=\"/courses/courses-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load course\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Course not found\"\n            description=\"This course may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  const completedLessons = myEnrollment?.lessonsCompleted ?? 0;\n  const remaining = Math.max(0, lessons.length - completedLessons);\n  const milestone =\n    myEnrollment && myEnrollment.progressPct >= 100\n      ? 'Course complete — claim your certificate below.'\n      : remaining === 1\n        ? '1 lesson to go — almost there!'\n        : `${remaining} lessons to go — keep it up!`;\n  const heroSeed = `${course.topic ?? ''} ${course.title}`;\n\n  return (\n    <PageLayout\n      backPath=\"/courses/courses-page\"\n      title={course.title}\n      description={course.summary ?? undefined}\n      actions={\n        myEnrollment ? (\n          <Button\n            onClick={handleProgress}\n            disabled={savingProgress || completedLessons >= lessons.length}\n          >\n            <CheckCircle2 size={16} />\n            {completedLessons >= lessons.length ? 'Completed' : 'Complete next lesson'}\n          </Button>\n        ) : (\n          <Button onClick={handleEnroll} disabled={enrolling}>\n            <BookOpen size={16} /> {enrolling ? 'Enrolling…' : 'Enroll'}\n          </Button>\n        )\n      }\n    >\n      {/* Bold hero banner */}\n      <MediaCover\n        height=\"h-40\"\n        seed={heroSeed}\n        icon={topicIcon(course.topic ?? course.title)}\n        className=\"mb-5 rounded-2xl\"\n      >\n        <div className=\"flex w-full flex-col gap-2\">\n          <span className=\"text-xs font-medium uppercase tracking-wide text-white/80\">\n            {course.topic ?? 'Course'}\n          </span>\n          <h2 className=\"text-2xl font-bold leading-tight text-white drop-shadow-sm sm:text-3xl\">\n            {course.title}\n          </h2>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <HeroBadge icon={TrendingUp}>{humanizeEnum(course.level)}</HeroBadge>\n            <HeroBadge icon={CheckCircle2}>{humanizeEnum(course.status)}</HeroBadge>\n            {course.topic ? <HeroBadge icon={Layers}>{course.topic}</HeroBadge> : null}\n          </div>\n        </div>\n      </MediaCover>\n\n      {course.tags.length ? (\n        <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n          {course.tags.map((t) => (\n            <Badge key={t} variant=\"secondary\">\n              {t}\n            </Badge>\n          ))}\n        </div>\n      ) : null}\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Lessons\" value={lessons.length} icon={FileText} tone=\"blue\" />\n        <StatCard\n          label=\"Duration\"\n          value={formatDuration(course.estimatedMinutes)}\n          icon={Clock}\n          tone=\"teal\"\n        />\n        <StatCard\n          label=\"Enrolled\"\n          value={course.enrollments?.length ?? 0}\n          icon={Users}\n          tone=\"indigo\"\n        />\n        <StatCard\n          label=\"Your progress\"\n          value={myEnrollment ? `${myEnrollment.progressPct}%` : 'Not started'}\n          icon={TrendingUp}\n          tone=\"purple\"\n        />\n      </div>\n\n      {myEnrollment ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <span className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-accent-primary/15 text-accent-primary\">\n              <TrendingUp size={16} />\n            </span>\n            <span className=\"text-sm font-semibold text-text-primary\">Your progress</span>\n            <span className=\"ml-auto text-sm text-text-secondary\">\n              {completedLessons}/{lessons.length} lessons · {myEnrollment.progressPct}%\n            </span>\n          </div>\n          <div className=\"h-2.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: `${myEnrollment.progressPct}%` }}\n            />\n          </div>\n          <p className=\"mt-2 text-xs text-text-muted\">{milestone}</p>\n        </GlassCard>\n      ) : null}\n\n      {myCertificate ? (\n        <GlassCard className=\"mb-6 flex flex-wrap items-center gap-3 border border-status-success-border/60 bg-status-success-bg-subtle/30 p-4\">\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\">\n            <Award size={22} />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-sm font-semibold text-text-primary\">Certificate earned</div>\n            <div className=\"text-xs text-text-muted\">\n              Serial {myCertificate.serial} · Score {myCertificate.score}\n            </div>\n          </div>\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n            <ShieldCheck size={13} /> Verified\n          </span>\n        </GlassCard>\n      ) : isComplete ? (\n        <GlassCard className=\"mb-6 flex flex-col items-start gap-4 border border-status-success-border/60 bg-status-success-bg-subtle/40 p-5 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-center gap-4\">\n            <span className=\"flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/40\">\n              <Trophy size={26} />\n            </span>\n            <div>\n              <div className=\"text-base font-semibold text-text-primary\">\n                You finished this course\n              </div>\n              <div className=\"text-sm text-text-muted\">\n                Claim your verifiable certificate of completion.\n              </div>\n            </div>\n          </div>\n          <Button onClick={handleClaimCertificate} disabled={claiming}>\n            <Award size={16} /> {claiming ? 'Issuing…' : 'Claim certificate'}\n          </Button>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"p-5\">\n        <div className=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 className=\"flex items-center gap-2 text-base font-semibold text-text-primary\">\n            <BookOpen size={18} className=\"text-accent-primary\" /> Curriculum\n          </h2>\n          {lessons.length ? (\n            <span className=\"rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n              {completedLessons}/{lessons.length} completed\n            </span>\n          ) : null}\n        </div>\n        {lessons.length === 0 ? (\n          <p className=\"py-6 text-center text-sm text-text-muted\">\n            Lessons for this course are being prepared.\n          </p>\n        ) : (\n          <div className=\"flex flex-col\">\n            {lessons.map((lesson, i) => (\n              <LessonRow key={lesson.id} lesson={lesson} index={i} done={i < completedLessons} />\n            ))}\n          </div>\n        )}\n      </GlassCard>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CoursesCourseDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesCourseDetailsPagePage.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  Award,\n  BookOpen,\n  CheckCircle2,\n  Clock,\n  Eye,\n  FileText,\n  Lock,\n  PlayCircle,\n  Layers,\n  ShieldCheck,\n  Sparkles,\n  Trophy,\n  TrendingUp,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  MediaCover,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  TagStrip,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useCertificatesQuery,\n  useCourseQuery,\n  useEnroll,\n  useIssueCertificate,\n  useUpdateProgress,\n  type TecLesson,\n  type TecEnrollment,\n} from '../api/technospamApi';\nimport { formatDuration, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\n/** Per-lesson-kind icon + on-theme tint (chip) and pill (badge) classes. */\nconst KIND_META: Record<string, { icon: LucideIcon; chip: string; badge: string }> = {\n  VIDEO: {\n    icon: PlayCircle,\n    chip: 'bg-accent-primary/15 text-accent-primary',\n    badge: 'border-accent-primary/25 bg-accent-primary/10 text-accent-primary',\n  },\n  ARTICLE: {\n    icon: FileText,\n    chip: 'bg-accent-indigo/15 text-accent-indigo',\n    badge: 'border-accent-indigo/25 bg-accent-indigo/10 text-accent-indigo',\n  },\n  INTERACTIVE: {\n    icon: Sparkles,\n    chip: 'bg-accent-teal/15 text-accent-teal',\n    badge: 'border-accent-teal/25 bg-accent-teal/10 text-accent-teal',\n  },\n  QUIZ: {\n    icon: CheckCircle2,\n    chip: 'bg-accent-purple/15 text-accent-purple',\n    badge: 'border-accent-purple/25 bg-accent-purple/10 text-accent-purple',\n  },\n  PROJECT: {\n    icon: Layers,\n    chip: 'bg-status-warning-bg-subtle text-status-warning-text',\n    badge: 'border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text',\n  },\n};\n\nfunction HeroBadge({ icon: Icon, children }: { icon?: LucideIcon; children: ReactNode }) {\n  return (\n    <span className=\"inline-flex items-center gap-1 rounded-full bg-white/15 px-2.5 py-1 text-xs font-medium text-white ring-1 ring-white/25 backdrop-blur-sm\">\n      {Icon ? <Icon size={12} /> : null}\n      {children}\n    </span>\n  );\n}\n\nfunction LessonRow({ lesson, index, done }: { lesson: TecLesson; index: number; done: boolean }) {\n  const meta = KIND_META[lesson.kind] ?? KIND_META.ARTICLE!;\n  const Icon = meta.icon;\n  return (\n    <div className=\"group flex items-center gap-3 rounded-xl px-2 py-3 transition-colors hover:bg-bg-sunken/60\">\n      <span className=\"hidden w-6 shrink-0 text-center text-sm font-medium tabular-nums text-text-muted sm:block\">\n        {index + 1}\n      </span>\n      <span\n        className={cn(\n          'flex h-9 w-9 shrink-0 items-center justify-center rounded-lg',\n          done ? 'bg-status-success-bg-subtle text-status-success-text' : meta.chip\n        )}\n      >\n        {done ? <CheckCircle2 size={17} /> : <Icon size={17} />}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <span className=\"block truncate text-sm font-medium text-text-primary\">{lesson.title}</span>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n          <span\n            className={cn(\n              'inline-flex items-center rounded-full border px-2 py-0.5 text-[11px] font-medium',\n              meta.badge\n            )}\n          >\n            {humanizeEnum(lesson.kind)}\n          </span>\n          <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n            <Clock size={12} /> {formatDuration(lesson.estimatedMinutes)}\n          </span>\n        </div>\n      </div>\n      <div className=\"shrink-0\">\n        {done ? (\n          <CheckCircle2 size={18} className=\"text-status-success-text\" />\n        ) : lesson.isPreview ? (\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-accent-primary/30 bg-accent-primary/10 px-2 py-0.5 text-[11px] font-medium text-accent-primary\">\n            <Eye size={12} /> Preview\n          </span>\n        ) : (\n          <Lock size={15} className=\"text-text-muted\" />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function CoursesCourseDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const { data, loading, error, refetch } = useCourseQuery(id);\n\n  useEffect(() => {\n    if (id) {\n      emit('technospam.course.viewed', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_COURSE',\n      });\n    }\n  }, [id, workspaceId, emit]);\n\n  const [enroll, { loading: enrolling }] = useEnroll();\n  const [updateProgress, { loading: savingProgress }] = useUpdateProgress();\n  const { data: certData, refetch: refetchCerts } = useCertificatesQuery(\n    currentUser?.id && id ? { learnerId: currentUser.id, courseId: id } : {}\n  );\n  const [issueCertificate, { loading: claiming }] = useIssueCertificate();\n\n  const course = data?.tecCourse ?? null;\n  const lessons = [...(course?.lessons ?? [])].sort((a, b) => a.position - b.position);\n  const myEnrollment: TecEnrollment | undefined = (course?.enrollments ?? []).find(\n    (e) => e.learnerId === currentUser?.id\n  );\n  const myCertificate = (certData?.tecListCertificates ?? []).find((c) => c.status === 'ISSUED');\n  const isComplete = !!myEnrollment && myEnrollment.progressPct >= 100;\n\n  const handleClaimCertificate = async () => {\n    if (!id || !currentUser?.id) return;\n    emit('technospam.course.certificate_claimed', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_COURSE',\n    });\n    const res = await issueCertificate({\n      variables: { courseId: id, learnerId: currentUser.id, score: 100 },\n    });\n    if (res.data?.tecIssueCertificate) {\n      notify.success('Certificate issued', 'Your verifiable certificate is ready in My Learning.');\n      await refetchCerts();\n    }\n  };\n\n  const handleEnroll = async () => {\n    if (!id) return;\n    emit('technospam.course.enroll_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_COURSE',\n    });\n    const res = await enroll({ variables: { input: { courseId: id } } });\n    if (res.data?.tecEnroll) {\n      emit('technospam.course.enrolled', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_COURSE',\n      });\n      notify.success('Enrolled', `You're enrolled in \"${course?.title}\".`);\n      await refetch();\n    }\n  };\n\n  const handleProgress = async () => {\n    if (!myEnrollment) return;\n    const nextCompleted = Math.min(lessons.length, myEnrollment.lessonsCompleted + 1);\n    const pct = lessons.length ? Math.round((nextCompleted / lessons.length) * 100) : 100;\n    const res = await updateProgress({\n      variables: {\n        input: { enrollmentId: myEnrollment.id, lessonsCompleted: nextCompleted, progressPct: pct },\n      },\n    });\n    if (res.data?.tecUpdateProgress) {\n      emit('technospam.course.progress_updated', {\n        workspaceId,\n        entityId: myEnrollment.id,\n        entityType: 'TEC_ENROLLMENT',\n        progressPct: pct,\n      });\n      notify.success('Progress saved', `${pct}% complete`);\n      await refetch();\n    }\n  };\n\n  if (loading && !course) {\n    return (\n      <PageLayout title=\"Course\" backPath=\"/courses/courses-page\">\n        <Skeleton className=\"mb-4 h-40 w-full rounded-2xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !course) {\n    return (\n      <PageLayout title=\"Course\" backPath=\"/courses/courses-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load course\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Course not found\"\n            description=\"This course may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  const completedLessons = myEnrollment?.lessonsCompleted ?? 0;\n  const remaining = Math.max(0, lessons.length - completedLessons);\n  const milestone =\n    myEnrollment && myEnrollment.progressPct >= 100\n      ? 'Course complete — claim your certificate below.'\n      : remaining === 1\n        ? '1 lesson to go — almost there!'\n        : `${remaining} lessons to go — keep it up!`;\n  const heroSeed = `${course.topic ?? ''} ${course.title}`;\n\n  return (\n    <PageLayout\n      backPath=\"/courses/courses-page\"\n      title={course.title}\n      description={course.summary ?? undefined}\n      actions={\n        myEnrollment ? (\n          <Button\n            onClick={handleProgress}\n            disabled={savingProgress || completedLessons >= lessons.length}\n          >\n            <CheckCircle2 size={16} />\n            {completedLessons >= lessons.length ? 'Completed' : 'Complete next lesson'}\n          </Button>\n        ) : (\n          <Button onClick={handleEnroll} disabled={enrolling}>\n            <BookOpen size={16} /> {enrolling ? 'Enrolling…' : 'Enroll'}\n          </Button>\n        )\n      }\n    >\n      {/* Bold hero banner */}\n      <MediaCover\n        height=\"h-40\"\n        seed={heroSeed}\n        icon={topicIcon(course.topic ?? course.title)}\n        className=\"mb-5 rounded-2xl\"\n      >\n        <div className=\"flex w-full flex-col gap-2\">\n          <span className=\"text-xs font-medium uppercase tracking-wide text-white/80\">\n            {course.topic ?? 'Course'}\n          </span>\n          <h2 className=\"text-2xl font-bold leading-tight text-white drop-shadow-sm sm:text-3xl\">\n            {course.title}\n          </h2>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <HeroBadge icon={TrendingUp}>{humanizeEnum(course.level)}</HeroBadge>\n            <HeroBadge icon={CheckCircle2}>{humanizeEnum(course.status)}</HeroBadge>\n            {course.topic ? <HeroBadge icon={Layers}>{course.topic}</HeroBadge> : null}\n          </div>\n        </div>\n      </MediaCover>\n\n      <TagStrip tags={course.tags} className=\"mb-5\" />\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Lessons\" value={lessons.length} icon={FileText} tone=\"blue\" />\n        <StatCard\n          label=\"Duration\"\n          value={formatDuration(course.estimatedMinutes)}\n          icon={Clock}\n          tone=\"teal\"\n        />\n        <StatCard\n          label=\"Enrolled\"\n          value={course.enrollments?.length ?? 0}\n          icon={Users}\n          tone=\"indigo\"\n        />\n        <StatCard\n          label=\"Your progress\"\n          value={myEnrollment ? `${myEnrollment.progressPct}%` : 'Not started'}\n          icon={TrendingUp}\n          tone=\"purple\"\n        />\n      </div>\n\n      {myEnrollment ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <span className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-accent-primary/15 text-accent-primary\">\n              <TrendingUp size={16} />\n            </span>\n            <span className=\"text-sm font-semibold text-text-primary\">Your progress</span>\n            <span className=\"ml-auto text-sm text-text-secondary\">\n              {completedLessons}/{lessons.length} lessons · {myEnrollment.progressPct}%\n            </span>\n          </div>\n          <div className=\"h-2.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: `${myEnrollment.progressPct}%` }}\n            />\n          </div>\n          <p className=\"mt-2 text-xs text-text-muted\">{milestone}</p>\n        </GlassCard>\n      ) : null}\n\n      {myCertificate ? (\n        <GlassCard className=\"mb-6 flex flex-wrap items-center gap-3 border border-status-success-border/60 bg-status-success-bg-subtle/30 p-4\">\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\">\n            <Award size={22} />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-sm font-semibold text-text-primary\">Certificate earned</div>\n            <div className=\"text-xs text-text-muted\">\n              Serial {myCertificate.serial} · Score {myCertificate.score}\n            </div>\n          </div>\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n            <ShieldCheck size={13} /> Verified\n          </span>\n        </GlassCard>\n      ) : isComplete ? (\n        <GlassCard className=\"mb-6 flex flex-col items-start gap-4 border border-status-success-border/60 bg-status-success-bg-subtle/40 p-5 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-center gap-4\">\n            <span className=\"flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/40\">\n              <Trophy size={26} />\n            </span>\n            <div>\n              <div className=\"text-base font-semibold text-text-primary\">\n                You finished this course\n              </div>\n              <div className=\"text-sm text-text-muted\">\n                Claim your verifiable certificate of completion.\n              </div>\n            </div>\n          </div>\n          <Button onClick={handleClaimCertificate} disabled={claiming}>\n            <Award size={16} /> {claiming ? 'Issuing…' : 'Claim certificate'}\n          </Button>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"p-5\">\n        <div className=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 className=\"flex items-center gap-2 text-base font-semibold text-text-primary\">\n            <BookOpen size={18} className=\"text-accent-primary\" /> Curriculum\n          </h2>\n          {lessons.length ? (\n            <span className=\"rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n              {completedLessons}/{lessons.length} completed\n            </span>\n          ) : null}\n        </div>\n        {lessons.length === 0 ? (\n          <p className=\"py-6 text-center text-sm text-text-muted\">\n            Lessons for this course are being prepared.\n          </p>\n        ) : (\n          <div className=\"flex flex-col\">\n            {lessons.map((lesson, i) => (\n              <LessonRow key={lesson.id} lesson={lesson} index={i} done={i < completedLessons} />\n            ))}\n          </div>\n        )}\n      </GlassCard>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}