@burdenoff/microfe-technospam 2026.512.1 → 2026.704.1

package/dist/technospam/pages/CoursesCourseDetailsPagePage.js

@@ -1,261 +1,200 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { ArrowLeft as t, Award as n, BookOpen as r, CheckCircle as i, Clock as a, Sparkles as o, Star as s, User as c, Users as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpam as e } from "../providers/TechnoSpamProvider.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { StatCard as n } from "../components/StatCard.js";
+import { formatDuration as r, humanizeEnum as i } from "../utils/format.js";
+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";
 //#region src/technospam/pages/CoursesCourseDetailsPagePage.tsx
-var v = [
-	{
-		title: "Introduction & Setup",
-		duration: "2h",
-		lessons: 8
-	},
-	{
-		title: "Core Concepts & Fundamentals",
-		duration: "6h",
-		lessons: 15
-	},
-	{
-		title: "Advanced Patterns & Techniques",
-		duration: "8h",
-		lessons: 12
-	},
-	{
-		title: "Real-World Projects",
-		duration: "10h",
-		lessons: 6
-	},
-	{
-		title: "Testing & Best Practices",
-		duration: "4h",
-		lessons: 10
-	},
-	{
-		title: "Deployment & Performance",
-		duration: "3h",
-		lessons: 7
-	}
-], y = [
-	"Build production-ready applications with best practices",
-	"Understand and implement advanced design patterns",
-	"Write comprehensive tests and maintain high code quality",
-	"Deploy and optimize applications for performance",
-	"Collaborate effectively in team environments"
-];
-function b() {
-	let { courses: b } = e(), x = b[0];
-	return x ? /* @__PURE__ */ d("div", {
-		className: "space-y-6 p-6",
+var D = {
+	VIDEO: v,
+	ARTICLE: h,
+	INTERACTIVE: y,
+	QUIZ: p,
+	PROJECT: g
+};
+function O({ lesson: e, done: t }) {
+	let n = D[e.kind] ?? h;
+	return /* @__PURE__ */ S("div", {
+		className: "flex items-center gap-3 border-b border-border-seam py-3 last:border-0",
 		children: [
-			/* @__PURE__ */ d(p, {
-				variant: "ghost",
-				size: "sm",
-				className: "text-muted-foreground",
-				children: [/* @__PURE__ */ u(t, { className: "mr-2 h-4 w-4" }), "Back to Courses"]
+			/* @__PURE__ */ x("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 })
 			}),
-			/* @__PURE__ */ d("div", {
-				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ d("div", {
-					className: "space-y-4 lg:col-span-2",
+			/* @__PURE__ */ S("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ S("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ x("span", {
+						className: "truncate text-sm font-medium text-text-primary",
+						children: e.title
+					}), e.isPreview ? /* @__PURE__ */ x(C, {
+						variant: "secondary",
+						className: "text-[11px]",
+						children: "Preview"
+					}) : null]
+				}), /* @__PURE__ */ S("div", {
+					className: "text-xs text-text-muted",
 					children: [
-						/* @__PURE__ */ d("div", {
-							className: "flex flex-wrap items-center gap-2",
-							children: [
-								/* @__PURE__ */ u("span", {
-									className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${((e) => {
-										switch (e) {
-											case "beginner": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
-											case "intermediate": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
-											case "advanced": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
-											case "expert": return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400";
-											default: return "";
-										}
-									})(x.level)}`,
-									children: x.level
-								}),
-								/* @__PURE__ */ u(f, {
-									variant: "secondary",
-									children: x.category
-								}),
-								x.isFeatured && /* @__PURE__ */ d(f, {
-									variant: "secondary",
-									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ u(o, { className: "h-3 w-3" }), "Featured"]
-								})
-							]
-						}),
-						/* @__PURE__ */ u("h1", {
-							className: "text-3xl font-bold text-foreground",
-							children: x.title
-						}),
-						/* @__PURE__ */ u("p", {
-							className: "text-muted-foreground",
-							children: "Master the concepts and techniques needed to build professional-grade applications. This comprehensive course covers everything from fundamentals to advanced topics."
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "flex flex-wrap items-center gap-4 text-sm text-muted-foreground",
-							children: [
-								/* @__PURE__ */ d("span", {
-									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ u(c, { className: "h-4 w-4" }), x.instructor]
-								}),
-								/* @__PURE__ */ d("span", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__PURE__ */ u(s, { className: "h-4 w-4 text-yellow-500" }),
-										x.rating,
-										" rating"
-									]
-								}),
-								/* @__PURE__ */ d("span", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__PURE__ */ u(l, { className: "h-4 w-4" }),
-										x.enrollmentCount.toLocaleString(),
-										" students"
-									]
-								}),
-								/* @__PURE__ */ d("span", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__PURE__ */ u(a, { className: "h-4 w-4" }),
-										x.duration,
-										" hours"
-									]
-								})
-							]
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "flex flex-wrap gap-1.5",
-							children: x.tags.map((e) => /* @__PURE__ */ u(f, {
-								variant: "outline",
-								children: e
-							}, e))
-						})
+						i(e.kind),
+						" · ",
+						r(e.estimatedMinutes)
 					]
-				}), /* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
-					className: "space-y-4 pt-6",
-					children: [
-						/* @__PURE__ */ u("div", {
-							className: "text-center",
-							children: /* @__PURE__ */ u("span", {
-								className: "text-3xl font-bold",
-								children: x.price === 0 ? "Free" : `$${x.price}`
-							})
-						}),
-						/* @__PURE__ */ u(p, {
-							className: "w-full",
-							size: "lg",
-							children: "Enroll Now"
-						}),
-						x.certificateAvailable && /* @__PURE__ */ d("div", {
-							className: "flex items-center justify-center gap-2 text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ u(n, { className: "h-4 w-4 text-primary" }), "Certificate of Completion"]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "space-y-2 border-t border-border pt-4 text-sm text-muted-foreground",
-							children: [
-								/* @__PURE__ */ d("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ u("span", { children: "Duration" }), /* @__PURE__ */ d("span", {
-										className: "font-medium text-foreground",
-										children: [x.duration, " hours"]
-									})]
-								}),
-								/* @__PURE__ */ d("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ u("span", { children: "Level" }), /* @__PURE__ */ u("span", {
-										className: "font-medium text-foreground capitalize",
-										children: x.level
-									})]
-								}),
-								/* @__PURE__ */ d("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ u("span", { children: "Students" }), /* @__PURE__ */ u("span", {
-										className: "font-medium text-foreground",
-										children: x.enrollmentCount.toLocaleString()
-									})]
-								})
-							]
-						})
-					]
-				}) })]
+				})]
 			}),
-			/* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ u(_, {
-				className: "text-base",
-				children: "What You'll Learn"
-			}) }), /* @__PURE__ */ u(h, { children: /* @__PURE__ */ u("div", {
-				className: "grid gap-3 sm:grid-cols-2",
-				children: y.map((e) => /* @__PURE__ */ d("div", {
-					className: "flex items-start gap-2",
-					children: [/* @__PURE__ */ u(i, { className: "mt-0.5 h-4 w-4 shrink-0 text-green-500" }), /* @__PURE__ */ u("span", {
-						className: "text-sm",
+			!e.isPreview && !t ? /* @__PURE__ */ x(_, {
+				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,
+			lessonsCompleted: e,
+			progressPct: t
+		} } })).data?.tecUpdateProgress && (c.success("Progress saved", `${t}% complete`), await A());
+	};
+	if (D && !F) return /* @__PURE__ */ S(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" })]
+	});
+	if (k || !F) return /* @__PURE__ */ x(t, {
+		title: "Course",
+		backPath: "/courses/courses-page",
+		children: k ? /* @__PURE__ */ x(s, {
+			title: "Couldn't load course",
+			error: k
+		}) : /* @__PURE__ */ x(o, {
+			title: "Course not found",
+			description: "This course may have been unpublished."
+		})
+	});
+	let B = L?.lessonsCompleted ?? 0;
+	return /* @__PURE__ */ S(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,
+			children: [
+				/* @__PURE__ */ x(f, { size: 16 }),
+				" ",
+				M ? "Enrolling…" : "Enroll"
+			]
+		}),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "mb-5 flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ x(a, {
+						status: F.level,
+						kind: "level"
+					}),
+					/* @__PURE__ */ x(a, { status: F.status }),
+					F.topic ? /* @__PURE__ */ S(C, {
+						variant: "outline",
+						className: "gap-1",
+						children: [
+							/* @__PURE__ */ x(g, { size: 12 }),
+							" ",
+							F.topic
+						]
+					}) : null,
+					F.tags.map((e) => /* @__PURE__ */ x(C, {
+						variant: "secondary",
 						children: e
+					}, e))
+				]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ x(n, {
+						label: "Lessons",
+						value: I.length,
+						icon: h
+					}),
+					/* @__PURE__ */ x(n, {
+						label: "Duration",
+						value: r(F.estimatedMinutes),
+						icon: m
+					}),
+					/* @__PURE__ */ x(n, {
+						label: "Enrolled",
+						value: F.enrollments?.length ?? 0,
+						icon: f
+					}),
+					/* @__PURE__ */ x(n, {
+						label: "Your progress",
+						value: L ? `${L.progressPct}%` : "Not started",
+						icon: p
+					})
+				]
+			}),
+			L ? /* @__PURE__ */ S(T, {
+				className: "mb-6 p-4",
+				children: [/* @__PURE__ */ S("div", {
+					className: "mb-2 flex items-center justify-between text-sm",
+					children: [/* @__PURE__ */ x("span", {
+						className: "font-medium text-text-primary",
+						children: "Your progress"
+					}), /* @__PURE__ */ S("span", {
+						className: "text-text-secondary",
+						children: [
+							B,
+							"/",
+							I.length,
+							" lessons · ",
+							L.progressPct,
+							"%"
+						]
 					})]
-				}, e))
-			}) })] }),
-			/* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ d(_, {
-				className: "flex items-center gap-2 text-base",
-				children: [/* @__PURE__ */ u(r, { className: "h-4 w-4" }), "Course Curriculum"]
-			}) }), /* @__PURE__ */ u(h, {
-				className: "space-y-3",
-				children: v.map((e, t) => /* @__PURE__ */ d("div", {
-					className: "flex items-center justify-between rounded-lg border border-border p-4",
-					children: [/* @__PURE__ */ d("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ u("span", {
-							className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-sm font-medium",
-							children: t + 1
-						}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-							className: "text-sm font-medium",
-							children: e.title
-						}), /* @__PURE__ */ d("p", {
-							className: "text-xs text-muted-foreground",
-							children: [e.lessons, " lessons"]
-						})] })]
-					}), /* @__PURE__ */ u("span", {
-						className: "text-sm text-muted-foreground",
-						children: e.duration
-					})]
-				}, e.title))
-			})] }),
-			/* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ u(_, {
-				className: "text-base",
-				children: "About the Instructor"
-			}) }), /* @__PURE__ */ u(h, { children: /* @__PURE__ */ d("div", {
-				className: "flex items-start gap-4",
-				children: [/* @__PURE__ */ u("div", {
-					className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted",
-					children: /* @__PURE__ */ u(c, { className: "h-6 w-6 text-muted-foreground" })
-				}), /* @__PURE__ */ d("div", {
-					className: "space-y-1",
-					children: [
-						/* @__PURE__ */ u("p", {
-							className: "font-medium",
-							children: x.instructor
-						}),
-						/* @__PURE__ */ u("p", {
-							className: "text-sm text-muted-foreground",
-							children: "Expert instructor with years of industry experience. Passionate about helping students master complex topics through practical, hands-on learning."
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "flex items-center gap-2 text-xs text-muted-foreground",
-							children: [
-								/* @__PURE__ */ u(s, { className: "h-3 w-3 text-yellow-500" }),
-								/* @__PURE__ */ d("span", { children: [x.rating, " instructor rating"] }),
-								/* @__PURE__ */ u("span", { children: "·" }),
-								/* @__PURE__ */ d("span", { children: [x.enrollmentCount.toLocaleString(), " students"] })
-							]
-						})
-					]
+				}), /* @__PURE__ */ x("div", {
+					className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
+					children: /* @__PURE__ */ x("div", {
+						className: "h-full rounded-full bg-accent-primary transition-all",
+						style: { width: `${L.progressPct}%` }
+					})
 				})]
-			}) })] })
+			}) : null,
+			/* @__PURE__ */ S(T, {
+				className: "p-5",
+				children: [/* @__PURE__ */ x("h2", {
+					className: "mb-2 text-base font-semibold text-text-primary",
+					children: "Curriculum"
+				}), I.length === 0 ? /* @__PURE__ */ x("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, {
+					lesson: e,
+					done: t < B
+				}, e.id)) })]
+			})
 		]
-	}) : /* @__PURE__ */ u("div", {
-		className: "p-6 text-center text-muted-foreground",
-		children: "Course not found"
 	});
 }
 //#endregion
-export { b as CoursesCourseDetailsPagePage };
+export { k 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 { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport {\n  Star,\n  Users,\n  Clock,\n  Award,\n  ArrowLeft,\n  CheckCircle,\n  User,\n  Sparkles,\n  BookOpen,\n} from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst mockCurriculum = [\n  { title: 'Introduction & Setup', duration: '2h', lessons: 8 },\n  { title: 'Core Concepts & Fundamentals', duration: '6h', lessons: 15 },\n  { title: 'Advanced Patterns & Techniques', duration: '8h', lessons: 12 },\n  { title: 'Real-World Projects', duration: '10h', lessons: 6 },\n  { title: 'Testing & Best Practices', duration: '4h', lessons: 10 },\n  { title: 'Deployment & Performance', duration: '3h', lessons: 7 },\n];\n\nconst mockLearningOutcomes = [\n  'Build production-ready applications with best practices',\n  'Understand and implement advanced design patterns',\n  'Write comprehensive tests and maintain high code quality',\n  'Deploy and optimize applications for performance',\n  'Collaborate effectively in team environments',\n];\n\nexport function CoursesCourseDetailsPagePage() {\n  const { courses } = useTechnoSpamStore();\n  const course = courses[0];\n\n  if (!course) {\n    return <div className=\"p-6 text-center text-muted-foreground\">Course not found</div>;\n  }\n\n  const levelColor = (level: string) => {\n    switch (level) {\n      case 'beginner':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'intermediate':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'advanced':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      case 'expert':\n        return 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400';\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <Button variant=\"ghost\" size=\"sm\" className=\"text-muted-foreground\">\n        <ArrowLeft className=\"mr-2 h-4 w-4\" />\n        Back to Courses\n      </Button>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        <div className=\"space-y-4 lg:col-span-2\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <span\n              className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${levelColor(course.level)}`}\n            >\n              {course.level}\n            </span>\n            <Badge variant=\"secondary\">{course.category}</Badge>\n            {course.isFeatured && (\n              <Badge variant=\"secondary\" className=\"flex items-center gap-1\">\n                <Sparkles className=\"h-3 w-3\" />\n                Featured\n              </Badge>\n            )}\n          </div>\n          <h1 className=\"text-3xl font-bold text-foreground\">{course.title}</h1>\n          <p className=\"text-muted-foreground\">\n            Master the concepts and techniques needed to build professional-grade applications. This\n            comprehensive course covers everything from fundamentals to advanced topics.\n          </p>\n          <div className=\"flex flex-wrap items-center gap-4 text-sm text-muted-foreground\">\n            <span className=\"flex items-center gap-1\">\n              <User className=\"h-4 w-4\" />\n              {course.instructor}\n            </span>\n            <span className=\"flex items-center gap-1\">\n              <Star className=\"h-4 w-4 text-yellow-500\" />\n              {course.rating} rating\n            </span>\n            <span className=\"flex items-center gap-1\">\n              <Users className=\"h-4 w-4\" />\n              {course.enrollmentCount.toLocaleString()} students\n            </span>\n            <span className=\"flex items-center gap-1\">\n              <Clock className=\"h-4 w-4\" />\n              {course.duration} hours\n            </span>\n          </div>\n          <div className=\"flex flex-wrap gap-1.5\">\n            {course.tags.map((tag) => (\n              <Badge key={tag} variant=\"outline\">\n                {tag}\n              </Badge>\n            ))}\n          </div>\n        </div>\n\n        <Card>\n          <CardContent className=\"space-y-4 pt-6\">\n            <div className=\"text-center\">\n              <span className=\"text-3xl font-bold\">\n                {course.price === 0 ? 'Free' : `$${course.price}`}\n              </span>\n            </div>\n            <Button className=\"w-full\" size=\"lg\">\n              Enroll Now\n            </Button>\n            {course.certificateAvailable && (\n              <div className=\"flex items-center justify-center gap-2 text-sm text-muted-foreground\">\n                <Award className=\"h-4 w-4 text-primary\" />\n                Certificate of Completion\n              </div>\n            )}\n            <div className=\"space-y-2 border-t border-border pt-4 text-sm text-muted-foreground\">\n              <div className=\"flex justify-between\">\n                <span>Duration</span>\n                <span className=\"font-medium text-foreground\">{course.duration} hours</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span>Level</span>\n                <span className=\"font-medium text-foreground capitalize\">{course.level}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span>Students</span>\n                <span className=\"font-medium text-foreground\">\n                  {course.enrollmentCount.toLocaleString()}\n                </span>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">What You&apos;ll Learn</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {mockLearningOutcomes.map((outcome) => (\n              <div key={outcome} className=\"flex items-start gap-2\">\n                <CheckCircle className=\"mt-0.5 h-4 w-4 shrink-0 text-green-500\" />\n                <span className=\"text-sm\">{outcome}</span>\n              </div>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2 text-base\">\n            <BookOpen className=\"h-4 w-4\" />\n            Course Curriculum\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {mockCurriculum.map((section, index) => (\n            <div\n              key={section.title}\n              className=\"flex items-center justify-between rounded-lg border border-border p-4\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <span className=\"flex h-8 w-8 items-center justify-center rounded-full bg-muted text-sm font-medium\">\n                  {index + 1}\n                </span>\n                <div>\n                  <p className=\"text-sm font-medium\">{section.title}</p>\n                  <p className=\"text-xs text-muted-foreground\">{section.lessons} lessons</p>\n                </div>\n              </div>\n              <span className=\"text-sm text-muted-foreground\">{section.duration}</span>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">About the Instructor</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex items-start gap-4\">\n            <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-muted\">\n              <User className=\"h-6 w-6 text-muted-foreground\" />\n            </div>\n            <div className=\"space-y-1\">\n              <p className=\"font-medium\">{course.instructor}</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Expert instructor with years of industry experience. Passionate about helping\n                students master complex topics through practical, hands-on learning.\n              </p>\n              <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                <Star className=\"h-3 w-3 text-yellow-500\" />\n                <span>{course.rating} instructor rating</span>\n                <span>&middot;</span>\n                <span>{course.enrollmentCount.toLocaleString()} students</span>\n              </div>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\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  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":";;;;;;;;;;;;;;AAwBA,IAAM,IAAiD;CACrD,OAAO;CACP,SAAS;CACT,aAAa;CACb,MAAM;CACN,SAAS;CACV;AAED,SAAS,EAAU,EAAE,WAAQ,WAA8C;CACzE,IAAM,IAAO,EAAY,EAAO,SAAS;AACzC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,QAAD;IACE,WAAW,gEACT,IACI,yDACA;cAGE,EAAP,IAAQ,IAA6B,GAA9B,EAAc,MAAM,IAAM,CAAqB;IAClD,CAAA;GACP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAkD,EAAO;MAAa,CAAA,EACrF,EAAO,YACN,kBAAC,GAAD;MAAO,SAAQ;MAAY,WAAU;gBAAc;MAE3C,CAAA,GACN,KACA;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAa,EAAO,KAAK;MAAC;MAAI,EAAe,EAAO,iBAAiB;MAClE;OACF;;GACL,CAAC,EAAO,aAAa,CAAC,IAAO,kBAAC,GAAD;IAAM,MAAM;IAAI,WAAU;IAAoB,CAAA,GAAG;GAC3E;;;AAIV,SAAgB,IAA+B;CAC7C,IAAM,CAAC,KAAU,GAAiB,EAC5B,IAAK,EAAO,IAAI,KAAK,IAAI,IACzB,EAAE,mBAAgB,GAAe,EACjC,EAAE,SAAM,YAAS,UAAO,eAAY,EAAe,EAAG,EACtD,CAAC,GAAQ,EAAE,SAAS,OAAe,GAAW,EAC9C,CAAC,GAAgB,EAAE,SAAS,OAAoB,GAAmB,EAEnE,IAAS,GAAM,aAAa,MAC5B,IAAU,CAAC,GAAI,GAAQ,WAAW,EAAE,CAAE,CAAC,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,SAAS,EAC9E,KAA2C,GAAQ,eAAe,EAAE,EAAE,MACzE,MAAM,EAAE,cAAc,GAAa,GACrC,EAEK,IAAe,YAAY;AAC1B,QACO,MAAM,EAAO,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,GAAI,EAAE,EAAE,CAAC,EAC5D,MAAM,cACZ,EAAO,QAAQ,YAAY,uBAAuB,GAAQ,MAAM,IAAI,EACpE,MAAM,GAAS;IAIb,IAAiB,YAAY;AACjC,MAAI,CAAC,EAAc;EACnB,IAAM,IAAgB,KAAK,IAAI,EAAQ,QAAQ,EAAa,mBAAmB,EAAE,EAC3E,IAAM,EAAQ,SAAS,KAAK,MAAO,IAAgB,EAAQ,SAAU,IAAI,GAAG;AAMlF,GALY,MAAM,EAAe,EAC/B,WAAW,EACT,OAAO;GAAE,cAAc,EAAa;GAAI,kBAAkB;GAAe,aAAa;GAAK,EAC5F,EACF,CAAC,EACM,MAAM,sBACZ,EAAO,QAAQ,kBAAkB,GAAG,EAAI,YAAY,EACpD,MAAM,GAAS;;AAInB,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,GAAD;EAAY,OAAM;EAAS,UAAS;YAApC,CACE,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA,EACpD,kBAAC,GAAD,EAAU,WAAU,0BAA2B,CAAA,CACpC;;AAIjB,KAAI,KAAS,CAAC,EACZ,QACE,kBAAC,GAAD;EAAY,OAAM;EAAS,UAAS;YACjC,IACC,kBAAC,GAAD;GAAW,OAAM;GAA8B;GAAS,CAAA,GAExD,kBAAC,GAAD;GACE,OAAM;GACN,aAAY;GACZ,CAAA;EAEO,CAAA;CAIjB,IAAM,IAAmB,GAAc,oBAAoB;AAE3D,QACE,kBAAC,GAAD;EACE,MAAA;EACA,UAAS;EACT,OAAO,EAAO;EACd,aAAa,EAAO,WAAW,KAAA;EAC/B,SACE,IACE,kBAAC,GAAD;GACE,SAAS;GACT,UAAU,KAAkB,KAAoB,EAAQ;aAF1D,CAIE,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA,EACzB,KAAoB,EAAQ,SAAS,cAAc,uBAC7C;OAET,kBAAC,GAAD;GAAQ,SAAS;GAAc,UAAU;aAAzC;IACE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;;IAAE,IAAY,eAAe;IAC5C;;YAjBf;GAqBE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAa,QAAQ,EAAO;MAAO,MAAK;MAAU,CAAA;KAClD,kBAAC,GAAD,EAAa,QAAQ,EAAO,QAAU,CAAA;KACrC,EAAO,QACN,kBAAC,GAAD;MAAO,SAAQ;MAAU,WAAU;gBAAnC;OACE,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;;OAAE,EAAO;OACvB;UACN;KACH,EAAO,KAAK,KAAK,MAChB,kBAAC,GAAD;MAAe,SAAQ;gBACpB;MACK,EAFI,EAEJ,CACR;KACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAU,OAAM;MAAU,OAAO,EAAQ;MAAQ,MAAM;MAAY,CAAA;KACnE,kBAAC,GAAD;MAAU,OAAM;MAAW,OAAO,EAAe,EAAO,iBAAiB;MAAE,MAAM;MAAS,CAAA;KAC1F,kBAAC,GAAD;MAAU,OAAM;MAAW,OAAO,EAAO,aAAa,UAAU;MAAG,MAAM;MAAY,CAAA;KACrF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,IAAe,GAAG,EAAa,YAAY,KAAK;MACvD,MAAM;MACN,CAAA;KACE;;GAEL,IACC,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAgC;MAAoB,CAAA,EACpE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG;OAAiB;OAAE,EAAQ;OAAO;OAAY,EAAa;OAAY;OACnE;QACH;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAU;MACV,OAAO,EAAE,OAAO,GAAG,EAAa,YAAY,IAAI;MAChD,CAAA;KACE,CAAA,CACI;QACV;GAEJ,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,MAAD;KAAI,WAAU;eAAiD;KAAe,CAAA,EAC7E,EAAQ,WAAW,IAClB,kBAAC,KAAD;KAAG,WAAU;eAA2C;KAEpD,CAAA,GAEJ,kBAAC,OAAD,EAAA,UACG,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;KAAmC;KAAQ,MAAM,IAAI;KAAoB,EAAzD,EAAO,GAAkD,CACzE,EACE,CAAA,CAEE;;GACD"}