@burdenoff/microfe-technospam 2026.704.1 → 2026.705.1

package/dist/technospam/pages/CoursesCourseDetailsPagePage.js

@@ -6,41 +6,41 @@ import { StatusBadge as a } from "../components/StatusBadge.js";
 import { EmptyView as o, ErrorView as s } from "../components/StateViews.js";
 import "../components/index.js";
 import { notify as c } from "../lib/toast.js";
-import { useCourseQuery as l, useEnroll as u, useUpdateProgress as d } from "../api/technospamApi.js";
-import { BookOpen as f, CheckCircle2 as p, Clock as m, FileText as h, Layers as g, Lock as _, PlayCircle as v, Sparkles as y } from "lucide-react";
-import { useSearchParams as b } from "react-router-dom";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Badge as C, Button as w, GlassCard as T, Skeleton as E } from "@burdenoff/fe-libs/ui";
+import { useCertificatesQuery as l, useCourseQuery as u, useEnroll as d, useIssueCertificate as f, useUpdateProgress as p } from "../api/technospamApi.js";
+import { Award as m, BookOpen as h, CheckCircle2 as g, Clock as _, FileText as v, Layers as y, Lock as b, PlayCircle as x, Sparkles as S } from "lucide-react";
+import { useSearchParams as C } from "react-router-dom";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, Button as D, GlassCard as O, Skeleton as k } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/CoursesCourseDetailsPagePage.tsx
-var D = {
-	VIDEO: v,
-	ARTICLE: h,
-	INTERACTIVE: y,
-	QUIZ: p,
-	PROJECT: g
+var A = {
+	VIDEO: x,
+	ARTICLE: v,
+	INTERACTIVE: S,
+	QUIZ: g,
+	PROJECT: y
 };
-function O({ lesson: e, done: t }) {
-	let n = D[e.kind] ?? h;
-	return /* @__PURE__ */ S("div", {
+function j({ lesson: e, done: t }) {
+	let n = A[e.kind] ?? v;
+	return /* @__PURE__ */ T("div", {
 		className: "flex items-center gap-3 border-b border-border-seam py-3 last:border-0",
 		children: [
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ w("span", {
 				className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${t ? "bg-status-success-bg-subtle text-status-success-text" : "bg-bg-sunken text-text-secondary"}`,
-				children: x(t ? p : n, { size: 16 })
+				children: w(t ? g : n, { size: 16 })
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ T("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ x("span", {
+					children: [/* @__PURE__ */ w("span", {
 						className: "truncate text-sm font-medium text-text-primary",
 						children: e.title
-					}), e.isPreview ? /* @__PURE__ */ x(C, {
+					}), e.isPreview ? /* @__PURE__ */ w(E, {
 						variant: "secondary",
 						className: "text-[11px]",
 						children: "Preview"
 					}) : null]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "text-xs text-text-muted",
 					children: [
 						i(e.kind),
@@ -49,152 +49,205 @@ function O({ lesson: e, done: t }) {
 					]
 				})]
 			}),
-			!e.isPreview && !t ? /* @__PURE__ */ x(_, {
+			!e.isPreview && !t ? /* @__PURE__ */ w(b, {
 				size: 14,
 				className: "text-text-muted"
 			}) : null
 		]
 	});
 }
-function k() {
-	let [i] = b(), _ = i.get("id") ?? "", { currentUser: v } = e(), { data: y, loading: D, error: k, refetch: A } = l(_), [j, { loading: M }] = u(), [N, { loading: P }] = d(), F = y?.tecCourse ?? null, I = [...F?.lessons ?? []].sort((e, t) => e.position - t.position), L = (F?.enrollments ?? []).find((e) => e.learnerId === v?.id), R = async () => {
-		_ && (await j({ variables: { input: { courseId: _ } } })).data?.tecEnroll && (c.success("Enrolled", `You're enrolled in "${F?.title}".`), await A());
-	}, z = async () => {
-		if (!L) return;
-		let e = Math.min(I.length, L.lessonsCompleted + 1), t = I.length ? Math.round(e / I.length * 100) : 100;
-		(await N({ variables: { input: {
-			enrollmentId: L.id,
+function M() {
+	let [i] = C(), b = i.get("id") ?? "", { currentUser: x } = e(), { data: S, loading: A, error: M, refetch: N } = u(b), [P, { loading: F }] = d(), [I, { loading: L }] = p(), { data: R, refetch: z } = l(x?.id && b ? {
+		learnerId: x.id,
+		courseId: b
+	} : {}), [B, { loading: V }] = f(), H = S?.tecCourse ?? null, U = [...H?.lessons ?? []].sort((e, t) => e.position - t.position), W = (H?.enrollments ?? []).find((e) => e.learnerId === x?.id), G = (R?.tecListCertificates ?? []).find((e) => e.status === "ISSUED"), K = !!W && W.progressPct >= 100, q = async () => {
+		!b || !x?.id || (await B({ variables: {
+			courseId: b,
+			learnerId: x.id,
+			score: 100
+		} })).data?.tecIssueCertificate && (c.success("Certificate issued", "Your verifiable certificate is ready in My Learning."), await z());
+	}, J = async () => {
+		b && (await P({ variables: { input: { courseId: b } } })).data?.tecEnroll && (c.success("Enrolled", `You're enrolled in "${H?.title}".`), await N());
+	}, Y = async () => {
+		if (!W) return;
+		let e = Math.min(U.length, W.lessonsCompleted + 1), t = U.length ? Math.round(e / U.length * 100) : 100;
+		(await I({ variables: { input: {
+			enrollmentId: W.id,
 			lessonsCompleted: e,
 			progressPct: t
-		} } })).data?.tecUpdateProgress && (c.success("Progress saved", `${t}% complete`), await A());
+		} } })).data?.tecUpdateProgress && (c.success("Progress saved", `${t}% complete`), await N());
 	};
-	if (D && !F) return /* @__PURE__ */ S(t, {
+	if (A && !H) return /* @__PURE__ */ T(t, {
 		title: "Course",
 		backPath: "/courses/courses-page",
-		children: [/* @__PURE__ */ x(E, { className: "mb-4 h-40 w-full rounded-xl" }), /* @__PURE__ */ x(E, { className: "h-64 w-full rounded-xl" })]
+		children: [/* @__PURE__ */ w(k, { className: "mb-4 h-40 w-full rounded-xl" }), /* @__PURE__ */ w(k, { className: "h-64 w-full rounded-xl" })]
 	});
-	if (k || !F) return /* @__PURE__ */ x(t, {
+	if (M || !H) return /* @__PURE__ */ w(t, {
 		title: "Course",
 		backPath: "/courses/courses-page",
-		children: k ? /* @__PURE__ */ x(s, {
+		children: M ? /* @__PURE__ */ w(s, {
 			title: "Couldn't load course",
-			error: k
-		}) : /* @__PURE__ */ x(o, {
+			error: M
+		}) : /* @__PURE__ */ w(o, {
 			title: "Course not found",
 			description: "This course may have been unpublished."
 		})
 	});
-	let B = L?.lessonsCompleted ?? 0;
-	return /* @__PURE__ */ S(t, {
+	let X = W?.lessonsCompleted ?? 0;
+	return /* @__PURE__ */ T(t, {
 		hero: !0,
 		backPath: "/courses/courses-page",
-		title: F.title,
-		description: F.summary ?? void 0,
-		actions: L ? /* @__PURE__ */ S(w, {
-			onClick: z,
-			disabled: P || B >= I.length,
-			children: [/* @__PURE__ */ x(p, { size: 16 }), B >= I.length ? "Completed" : "Complete next lesson"]
-		}) : /* @__PURE__ */ S(w, {
-			onClick: R,
-			disabled: M,
+		title: H.title,
+		description: H.summary ?? void 0,
+		actions: W ? /* @__PURE__ */ T(D, {
+			onClick: Y,
+			disabled: L || X >= U.length,
+			children: [/* @__PURE__ */ w(g, { size: 16 }), X >= U.length ? "Completed" : "Complete next lesson"]
+		}) : /* @__PURE__ */ T(D, {
+			onClick: J,
+			disabled: F,
 			children: [
-				/* @__PURE__ */ x(f, { size: 16 }),
+				/* @__PURE__ */ w(h, { size: 16 }),
 				" ",
-				M ? "Enrolling…" : "Enroll"
+				F ? "Enrolling…" : "Enroll"
 			]
 		}),
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-5 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ x(a, {
-						status: F.level,
+					/* @__PURE__ */ w(a, {
+						status: H.level,
 						kind: "level"
 					}),
-					/* @__PURE__ */ x(a, { status: F.status }),
-					F.topic ? /* @__PURE__ */ S(C, {
+					/* @__PURE__ */ w(a, { status: H.status }),
+					H.topic ? /* @__PURE__ */ T(E, {
 						variant: "outline",
 						className: "gap-1",
 						children: [
-							/* @__PURE__ */ x(g, { size: 12 }),
+							/* @__PURE__ */ w(y, { size: 12 }),
 							" ",
-							F.topic
+							H.topic
 						]
 					}) : null,
-					F.tags.map((e) => /* @__PURE__ */ x(C, {
+					H.tags.map((e) => /* @__PURE__ */ w(E, {
 						variant: "secondary",
 						children: e
 					}, e))
 				]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ x(n, {
+					/* @__PURE__ */ w(n, {
 						label: "Lessons",
-						value: I.length,
-						icon: h
+						value: U.length,
+						icon: v
 					}),
-					/* @__PURE__ */ x(n, {
+					/* @__PURE__ */ w(n, {
 						label: "Duration",
-						value: r(F.estimatedMinutes),
-						icon: m
+						value: r(H.estimatedMinutes),
+						icon: _
 					}),
-					/* @__PURE__ */ x(n, {
+					/* @__PURE__ */ w(n, {
 						label: "Enrolled",
-						value: F.enrollments?.length ?? 0,
-						icon: f
+						value: H.enrollments?.length ?? 0,
+						icon: h
 					}),
-					/* @__PURE__ */ x(n, {
+					/* @__PURE__ */ w(n, {
 						label: "Your progress",
-						value: L ? `${L.progressPct}%` : "Not started",
-						icon: p
+						value: W ? `${W.progressPct}%` : "Not started",
+						icon: g
 					})
 				]
 			}),
-			L ? /* @__PURE__ */ S(T, {
+			W ? /* @__PURE__ */ T(O, {
 				className: "mb-6 p-4",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "mb-2 flex items-center justify-between text-sm",
-					children: [/* @__PURE__ */ x("span", {
+					children: [/* @__PURE__ */ w("span", {
 						className: "font-medium text-text-primary",
 						children: "Your progress"
-					}), /* @__PURE__ */ S("span", {
+					}), /* @__PURE__ */ T("span", {
 						className: "text-text-secondary",
 						children: [
-							B,
+							X,
 							"/",
-							I.length,
+							U.length,
 							" lessons · ",
-							L.progressPct,
+							W.progressPct,
 							"%"
 						]
 					})]
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ w("div", {
 						className: "h-full rounded-full bg-accent-primary transition-all",
-						style: { width: `${L.progressPct}%` }
+						style: { width: `${W.progressPct}%` }
 					})
 				})]
 			}) : null,
-			/* @__PURE__ */ S(T, {
+			G ? /* @__PURE__ */ T(O, {
+				className: "mb-6 flex flex-wrap items-center gap-3 border-status-success-border p-4",
+				children: [/* @__PURE__ */ w(m, {
+					className: "text-accent-teal",
+					size: 22
+				}), /* @__PURE__ */ T("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ w("div", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "Certificate earned"
+					}), /* @__PURE__ */ T("div", {
+						className: "text-xs text-text-muted",
+						children: [
+							"Serial ",
+							G.serial,
+							" · Score ",
+							G.score
+						]
+					})]
+				})]
+			}) : K ? /* @__PURE__ */ T(O, {
+				className: "mb-6 flex flex-wrap items-center justify-between gap-3 p-4",
+				children: [/* @__PURE__ */ T("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ w(m, {
+						className: "text-accent-teal",
+						size: 22
+					}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "You finished this course"
+					}), /* @__PURE__ */ w("div", {
+						className: "text-xs text-text-muted",
+						children: "Claim your verifiable certificate of completion."
+					})] })]
+				}), /* @__PURE__ */ T(D, {
+					onClick: q,
+					disabled: V,
+					children: [
+						/* @__PURE__ */ w(m, { size: 16 }),
+						" ",
+						V ? "Issuing…" : "Claim certificate"
+					]
+				})]
+			}) : null,
+			/* @__PURE__ */ T(O, {
 				className: "p-5",
-				children: [/* @__PURE__ */ x("h2", {
+				children: [/* @__PURE__ */ w("h2", {
 					className: "mb-2 text-base font-semibold text-text-primary",
 					children: "Curriculum"
-				}), I.length === 0 ? /* @__PURE__ */ x("p", {
+				}), U.length === 0 ? /* @__PURE__ */ w("p", {
 					className: "py-6 text-center text-sm text-text-muted",
 					children: "Lessons for this course are being prepared."
-				}) : /* @__PURE__ */ x("div", { children: I.map((e, t) => /* @__PURE__ */ x(O, {
+				}) : /* @__PURE__ */ w("div", { children: U.map((e, t) => /* @__PURE__ */ w(j, {
 					lesson: e,
-					done: t < B
+					done: t < X
 				}, e.id)) })]
 			})
 		]
 	});
 }
 //#endregion
-export { k as CoursesCourseDetailsPagePage };
+export { M as CoursesCourseDetailsPagePage };
 
 //# sourceMappingURL=CoursesCourseDetailsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CoursesCourseDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesCourseDetailsPagePage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport {\n  BookOpen,\n  CheckCircle2,\n  Clock,\n  FileText,\n  Lock,\n  PlayCircle,\n  Layers,\n  Sparkles,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { EmptyView, ErrorView, PageLayout, StatCard, StatusBadge } from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useCourseQuery,\n  useEnroll,\n  useUpdateProgress,\n  type TecLesson,\n  type TecEnrollment,\n} from '../api/technospamApi';\nimport { formatDuration, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\n\nconst LESSON_ICON: Record<string, typeof PlayCircle> = {\n  VIDEO: PlayCircle,\n  ARTICLE: FileText,\n  INTERACTIVE: Sparkles,\n  QUIZ: CheckCircle2,\n  PROJECT: Layers,\n};\n\nfunction LessonRow({ lesson, done }: { lesson: TecLesson; done: boolean }) {\n  const Icon = LESSON_ICON[lesson.kind] ?? FileText;\n  return (\n    <div className=\"flex items-center gap-3 border-b border-border-seam py-3 last:border-0\">\n      <span\n        className={`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${\n          done\n            ? 'bg-status-success-bg-subtle text-status-success-text'\n            : 'bg-bg-sunken text-text-secondary'\n        }`}\n      >\n        {done ? <CheckCircle2 size={16} /> : <Icon size={16} />}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"truncate text-sm font-medium text-text-primary\">{lesson.title}</span>\n          {lesson.isPreview ? (\n            <Badge variant=\"secondary\" className=\"text-[11px]\">\n              Preview\n            </Badge>\n          ) : null}\n        </div>\n        <div className=\"text-xs text-text-muted\">\n          {humanizeEnum(lesson.kind)} · {formatDuration(lesson.estimatedMinutes)}\n        </div>\n      </div>\n      {!lesson.isPreview && !done ? <Lock size={14} className=\"text-text-muted\" /> : null}\n    </div>\n  );\n}\n\nexport function CoursesCourseDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser } = useTechnoSpam();\n  const { data, loading, error, refetch } = useCourseQuery(id);\n  const [enroll, { loading: enrolling }] = useEnroll();\n  const [updateProgress, { loading: savingProgress }] = useUpdateProgress();\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\n  const handleEnroll = async () => {\n    if (!id) return;\n    const res = await enroll({ variables: { input: { courseId: id } } });\n    if (res.data?.tecEnroll) {\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      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-xl\" />\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\n  return (\n    <PageLayout\n      hero\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      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={course.level} kind=\"level\" />\n        <StatusBadge status={course.status} />\n        {course.topic ? (\n          <Badge variant=\"outline\" className=\"gap-1\">\n            <Layers size={12} /> {course.topic}\n          </Badge>\n        ) : null}\n        {course.tags.map((t) => (\n          <Badge key={t} variant=\"secondary\">\n            {t}\n          </Badge>\n        ))}\n      </div>\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} />\n        <StatCard label=\"Duration\" value={formatDuration(course.estimatedMinutes)} icon={Clock} />\n        <StatCard label=\"Enrolled\" value={course.enrollments?.length ?? 0} icon={BookOpen} />\n        <StatCard\n          label=\"Your progress\"\n          value={myEnrollment ? `${myEnrollment.progressPct}%` : 'Not started'}\n          icon={CheckCircle2}\n        />\n      </div>\n\n      {myEnrollment ? (\n        <GlassCard className=\"mb-6 p-4\">\n          <div className=\"mb-2 flex items-center justify-between text-sm\">\n            <span className=\"font-medium text-text-primary\">Your progress</span>\n            <span className=\"text-text-secondary\">\n              {completedLessons}/{lessons.length} lessons · {myEnrollment.progressPct}%\n            </span>\n          </div>\n          <div className=\"h-2 w-full overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className=\"h-full rounded-full bg-accent-primary transition-all\"\n              style={{ width: `${myEnrollment.progressPct}%` }}\n            />\n          </div>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"p-5\">\n        <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Curriculum</h2>\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>\n            {lessons.map((lesson, i) => (\n              <LessonRow key={lesson.id} lesson={lesson} 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 { useSearchParams } from 'react-router-dom';\nimport {\n  Award,\n  BookOpen,\n  CheckCircle2,\n  Clock,\n  FileText,\n  Lock,\n  PlayCircle,\n  Layers,\n  Sparkles,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { EmptyView, ErrorView, PageLayout, StatCard, StatusBadge } 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';\n\nconst LESSON_ICON: Record<string, typeof PlayCircle> = {\n  VIDEO: PlayCircle,\n  ARTICLE: FileText,\n  INTERACTIVE: Sparkles,\n  QUIZ: CheckCircle2,\n  PROJECT: Layers,\n};\n\nfunction LessonRow({ lesson, done }: { lesson: TecLesson; done: boolean }) {\n  const Icon = LESSON_ICON[lesson.kind] ?? FileText;\n  return (\n    <div className=\"flex items-center gap-3 border-b border-border-seam py-3 last:border-0\">\n      <span\n        className={`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${\n          done\n            ? 'bg-status-success-bg-subtle text-status-success-text'\n            : 'bg-bg-sunken text-text-secondary'\n        }`}\n      >\n        {done ? <CheckCircle2 size={16} /> : <Icon size={16} />}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"truncate text-sm font-medium text-text-primary\">{lesson.title}</span>\n          {lesson.isPreview ? (\n            <Badge variant=\"secondary\" className=\"text-[11px]\">\n              Preview\n            </Badge>\n          ) : null}\n        </div>\n        <div className=\"text-xs text-text-muted\">\n          {humanizeEnum(lesson.kind)} · {formatDuration(lesson.estimatedMinutes)}\n        </div>\n      </div>\n      {!lesson.isPreview && !done ? <Lock size={14} className=\"text-text-muted\" /> : null}\n    </div>\n  );\n}\n\nexport function CoursesCourseDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser } = useTechnoSpam();\n  const { data, loading, error, refetch } = useCourseQuery(id);\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    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    const res = await enroll({ variables: { input: { courseId: id } } });\n    if (res.data?.tecEnroll) {\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      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-xl\" />\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\n  return (\n    <PageLayout\n      hero\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      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={course.level} kind=\"level\" />\n        <StatusBadge status={course.status} />\n        {course.topic ? (\n          <Badge variant=\"outline\" className=\"gap-1\">\n            <Layers size={12} /> {course.topic}\n          </Badge>\n        ) : null}\n        {course.tags.map((t) => (\n          <Badge key={t} variant=\"secondary\">\n            {t}\n          </Badge>\n        ))}\n      </div>\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} />\n        <StatCard label=\"Duration\" value={formatDuration(course.estimatedMinutes)} icon={Clock} />\n        <StatCard label=\"Enrolled\" value={course.enrollments?.length ?? 0} icon={BookOpen} />\n        <StatCard\n          label=\"Your progress\"\n          value={myEnrollment ? `${myEnrollment.progressPct}%` : 'Not started'}\n          icon={CheckCircle2}\n        />\n      </div>\n\n      {myEnrollment ? (\n        <GlassCard className=\"mb-6 p-4\">\n          <div className=\"mb-2 flex items-center justify-between text-sm\">\n            <span className=\"font-medium text-text-primary\">Your progress</span>\n            <span className=\"text-text-secondary\">\n              {completedLessons}/{lessons.length} lessons · {myEnrollment.progressPct}%\n            </span>\n          </div>\n          <div className=\"h-2 w-full overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className=\"h-full rounded-full bg-accent-primary transition-all\"\n              style={{ width: `${myEnrollment.progressPct}%` }}\n            />\n          </div>\n        </GlassCard>\n      ) : null}\n\n      {myCertificate ? (\n        <GlassCard className=\"mb-6 flex flex-wrap items-center gap-3 border-status-success-border p-4\">\n          <Award className=\"text-accent-teal\" size={22} />\n          <div className=\"min-w-0\">\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        </GlassCard>\n      ) : isComplete ? (\n        <GlassCard className=\"mb-6 flex flex-wrap items-center justify-between gap-3 p-4\">\n          <div className=\"flex items-center gap-3\">\n            <Award className=\"text-accent-teal\" size={22} />\n            <div>\n              <div className=\"text-sm font-semibold text-text-primary\">\n                You finished this course\n              </div>\n              <div className=\"text-xs 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        <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Curriculum</h2>\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>\n            {lessons.map((lesson, i) => (\n              <LessonRow key={lesson.id} lesson={lesson} done={i < completedLessons} />\n            ))}\n          </div>\n        )}\n      </GlassCard>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}