@burdenoff/microfe-crewfoundry 2026.1013.2 → 2026.1029.2

package/dist/crewfoundry/pages/LearningCourseDetailsPagePage.js

@@ -1,200 +1,274 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { useState as n } from "react";
-import { BookOpen as r, Clock as i, GraduationCap as a, Play as o, Star as s, Users as c } from "lucide-react";
-import { useNavigate as l, useSearchParams as u } from "react-router";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, EmphasisPanel as y, GradientText as b, IllustratedEmptyState as x, NextSteps as S, PagePurpose as C, Spinner as w } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as T } from "@burdenoff/fe-libs/shared/providers/shell";
+import { StatCard as t } from "../components/viz/StatCard.js";
+import { AvatarStack as n } from "../components/viz/AvatarStack.js";
+import "../components/viz/index.js";
+import { FormModal as r, useFormModal as i } from "../components/forms/FormModal.js";
+import { formatDate as a } from "../utils/dateUtils.js";
+import { InlineError as o } from "../components/InlineError.js";
+import { ENROLLMENT_STATUS_LABEL as s, ENROLLMENT_STATUS_OPTIONS as c, formatDuration as ee } from "../lib/learning.js";
+import { useEnsureLoaded as te } from "../lib/useEnsureLoaded.js";
+import { COURSE_FIELDS as ne, courseToValues as re, valuesToCourseInput as ie } from "./LearningCoursesPagePage.js";
+import { useMemo as ae, useState as l } from "react";
+import { ArrowLeft as oe, Clock as u, ExternalLink as d, Pencil as f, Trash2 as se, UserPlus as ce } from "lucide-react";
+import { useNavigate as p, useSearchParams as m } from "react-router";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, GradientText as le, IllustratedEmptyState as w, ResponsiveTable as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, Spinner as j } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/LearningCourseDetailsPagePage.tsx
-function E() {
-	let E = l(), [D] = u(), { courses: O, enrollCourse: k, initialized: A } = e(), { showToast: j } = T(), [M, N] = n(!1), P = D.get("id"), F = P ? O.find((e) => e.id === P) : O[0];
-	if (!A && !F) return /* @__PURE__ */ d("div", {
+function M() {
+	let M = p(), [N] = m(), { trainingCourses: P, enrollments: F, employees: I, learningLoaded: L, fetchLearning: R, updateTrainingCourse: ue, enrollEmployee: z, updateEnrollmentStatus: B, removeEnrollment: V } = e(), H = te(L, R), U = i(), W = i(), [G, K] = l(), [de, q] = l(null), J = N.get("id"), Y = P.find((e) => e.id === J), X = ae(() => F.filter((e) => e.courseId === J), [F, J]), fe = new Set(X.map((e) => e.employeeId)), Z = I.filter((e) => e.status !== "terminated" && !fe.has(e.id)), Q = async (e) => {
+		q(null);
+		try {
+			await e();
+		} catch (e) {
+			q(e instanceof Error ? e.message : "Something went wrong");
+		}
+	};
+	if (!L && !H) return /* @__PURE__ */ h("div", {
 		className: "flex min-h-[60vh] items-center justify-center p-6",
-		children: /* @__PURE__ */ d(w, { size: "lg" })
+		children: /* @__PURE__ */ h(j, { size: "lg" })
 	});
-	if (!F) return /* @__PURE__ */ d("div", {
-		className: "p-6",
-		children: /* @__PURE__ */ d(x, {
+	if (!Y) return /* @__PURE__ */ g("div", {
+		className: "space-y-4 p-6",
+		children: [/* @__PURE__ */ h(o, { message: H }), /* @__PURE__ */ h(w, {
 			illustration: "empty-search",
 			title: "Course not found",
-			description: "This course is no longer available."
-		})
+			description: "This course was removed or the link is incomplete.",
+			action: /* @__PURE__ */ h(v, {
+				size: "sm",
+				onClick: () => M("../learning/courses-page"),
+				children: "Back to courses"
+			})
+		})]
 	});
-	let I = F.enrolled > 0 ? Math.round(F.completed / F.enrolled * 100) : 0;
-	return /* @__PURE__ */ f("div", {
-		className: "space-y-6 p-6 max-w-4xl",
+	let $ = (e) => X.filter((t) => t.status === e).length;
+	return /* @__PURE__ */ g("div", {
+		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [
-					/* @__PURE__ */ f("div", {
-						className: "flex items-center gap-2 mb-1",
-						children: [/* @__PURE__ */ d("h1", {
+			/* @__PURE__ */ g(v, {
+				variant: "ghost",
+				size: "sm",
+				onClick: () => M("../learning/courses-page"),
+				children: [/* @__PURE__ */ h(oe, { className: "mr-1 h-4 w-4" }), "Courses"]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+				children: [/* @__PURE__ */ g("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ h("h1", {
 							className: "text-2xl font-semibold",
-							children: /* @__PURE__ */ d(b, { children: F.title })
-						}), /* @__PURE__ */ d(p, {
-							variant: F.level === "beginner" ? "secondary" : F.level === "intermediate" ? "default" : "destructive",
-							children: t(F.level)
+							children: /* @__PURE__ */ h(le, { children: Y.title })
+						}), /* @__PURE__ */ h(_, {
+							variant: Y.isActive ? "default" : "secondary",
+							className: "text-[10px]",
+							children: Y.isActive ? "Active" : "Archived"
 						})]
+					}), /* @__PURE__ */ g("p", {
+						className: "mt-1 flex items-center gap-1 text-sm text-text-secondary",
+						children: [/* @__PURE__ */ h(u, { className: "h-3.5 w-3.5" }), ee(Y.durationMinutes)]
+					})]
+				}), /* @__PURE__ */ g("div", {
+					className: "flex flex-wrap gap-2",
+					children: [
+						/* @__PURE__ */ h(v, {
+							size: "sm",
+							variant: "outline",
+							asChild: !0,
+							children: /* @__PURE__ */ g("a", {
+								href: Y.contentUrl,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								children: [/* @__PURE__ */ h(d, { className: "mr-1 h-4 w-4" }), "Open content"]
+							})
+						}),
+						/* @__PURE__ */ g(v, {
+							size: "sm",
+							variant: "outline",
+							onClick: () => {
+								K(void 0), U.openModal();
+							},
+							children: [/* @__PURE__ */ h(f, { className: "mr-1 h-4 w-4" }), "Edit"]
+						}),
+						/* @__PURE__ */ g(v, {
+							size: "sm",
+							disabled: !Y.isActive || Z.length === 0,
+							title: Y.isActive ? Z.length === 0 ? "Every active employee is already enrolled" : void 0 : "Reactivate the course to enroll employees",
+							onClick: () => {
+								K(void 0), W.openModal();
+							},
+							children: [/* @__PURE__ */ h(ce, { className: "mr-1 h-4 w-4" }), "Enroll employee"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ h(o, { message: H ?? de }),
+			/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(C, {
+				className: "text-base",
+				children: "About this course"
+			}) }), /* @__PURE__ */ g(b, {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ h("p", {
+					className: "whitespace-pre-line text-sm text-text-secondary",
+					children: Y.description
+				}), Y.requiredForRoles.length > 0 && /* @__PURE__ */ g("div", {
+					className: "flex flex-wrap items-center gap-1",
+					children: [/* @__PURE__ */ h("span", {
+						className: "mr-1 text-xs text-text-secondary",
+						children: "Required for"
+					}), Y.requiredForRoles.map((e) => /* @__PURE__ */ h(_, {
+						variant: "outline",
+						className: "text-[10px]",
+						children: e
+					}, e))]
+				})]
+			})] }),
+			/* @__PURE__ */ g("div", {
+				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ h(t, {
+						label: "Enrolled",
+						value: X.length
 					}),
-					/* @__PURE__ */ f("p", {
-						className: "text-sm text-text-secondary",
-						children: [
-							"by ",
-							F.instructor,
-							" · ",
-							F.category
-						]
+					/* @__PURE__ */ h(t, {
+						label: s.not_started,
+						value: $("not_started")
 					}),
-					/* @__PURE__ */ d(C, {
-						className: "mt-2",
-						children: "Everything you need to decide on and start this course — what it covers, who it's for, and how others have done — so you can enroll with confidence and build the right skills."
+					/* @__PURE__ */ h(t, {
+						label: s.in_progress,
+						value: $("in_progress")
+					}),
+					/* @__PURE__ */ h(t, {
+						label: s.completed,
+						value: $("completed")
 					})
-				] }), /* @__PURE__ */ f(m, {
-					onClick: async () => {
-						N(!0);
-						try {
-							await k(F.id), j("Enrolled — your course is ready", "success"), E(`../learning/course-learning-page?id=${encodeURIComponent(F.id)}`);
-						} catch (e) {
-							j(e instanceof Error ? e.message : "Unable to enroll in course", "error");
-						} finally {
-							N(!1);
-						}
-					},
-					disabled: M,
-					children: [/* @__PURE__ */ d(o, { className: "h-4 w-4 mr-1" }), M ? "Enrolling…" : "Start Course"]
-				})]
+				]
 			}),
-			/* @__PURE__ */ d(S, {
-				storageKey: "crewfoundry-course-details",
-				steps: [
+			/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(C, {
+				className: "text-base",
+				children: "Enrolled employees"
+			}), /* @__PURE__ */ h(x, { children: "Update each person’s progress as they start and finish the course." })] }), /* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(T, {
+				data: X,
+				rowKey: (e) => e.id,
+				columns: [
+					{
+						key: "employee",
+						header: "Employee",
+						priority: "primary",
+						cell: (e) => /* @__PURE__ */ g("div", {
+							className: "flex items-center gap-2.5",
+							children: [/* @__PURE__ */ h(n, {
+								people: [{ name: e.employeeName }],
+								size: 28
+							}), /* @__PURE__ */ h("span", {
+								className: "font-medium",
+								children: e.employeeName
+							})]
+						})
+					},
+					{
+						key: "status",
+						header: "Status",
+						cell: (e) => /* @__PURE__ */ g(E, {
+							value: e.status,
+							onValueChange: (t) => void Q(() => B(e.id, t)),
+							children: [/* @__PURE__ */ h(k, {
+								className: "h-8 w-36",
+								"aria-label": `Status for ${e.employeeName}`,
+								children: /* @__PURE__ */ h(A, {})
+							}), /* @__PURE__ */ h(D, { children: c.map((e) => /* @__PURE__ */ h(O, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						})
+					},
 					{
-						id: "start",
-						label: "Start the first module",
-						description: "Begin learning and track your progress as you go.",
-						icon: /* @__PURE__ */ d(o, { className: "h-4 w-4" }),
-						onClick: () => E(`../learning/course-learning-page?id=${encodeURIComponent(F.id)}`)
+						key: "started",
+						header: "Started",
+						cell: (e) => /* @__PURE__ */ h("span", {
+							className: "text-text-secondary",
+							children: e.startedAt ? a(e.startedAt) : "—"
+						})
 					},
 					{
-						id: "my-learning",
-						label: "See all your learning",
-						description: "Review everything you are currently enrolled in.",
-						icon: /* @__PURE__ */ d(a, { className: "h-4 w-4" }),
-						onClick: () => E("../learning/my-learning-page")
+						key: "completed",
+						header: "Completed",
+						cell: (e) => /* @__PURE__ */ h("span", {
+							className: "text-text-secondary",
+							children: e.completedAt ? a(e.completedAt) : "—"
+						})
 					},
 					{
-						id: "browse",
-						label: "Browse more courses",
-						description: "Find related training to round out your skills.",
-						icon: /* @__PURE__ */ d(r, { className: "h-4 w-4" }),
-						onClick: () => E("../learning/courses-page")
+						key: "actions",
+						header: "",
+						cellClassName: "md:text-right",
+						cell: (e) => /* @__PURE__ */ h(v, {
+							variant: "ghost",
+							size: "icon",
+							className: "h-8 w-8",
+							"aria-label": `Remove ${e.employeeName} from this course`,
+							onClick: () => void Q(() => V(e.id)),
+							children: /* @__PURE__ */ h(se, { className: "h-4 w-4" })
+						})
 					}
-				]
-			}),
-			/* @__PURE__ */ f("div", {
-				className: "grid gap-4 md:grid-cols-4",
-				children: [
-					/* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
-						className: "p-4 text-center",
-						children: [
-							/* @__PURE__ */ d(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ d("p", {
-								className: "text-lg font-bold",
-								children: F.duration
-							}),
-							/* @__PURE__ */ d("p", {
-								className: "text-xs text-text-secondary",
-								children: "Duration"
-							})
-						]
-					}) }),
-					/* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
-						className: "p-4 text-center",
-						children: [
-							/* @__PURE__ */ d(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ d("p", {
-								className: "text-lg font-bold",
-								children: F.modules
-							}),
-							/* @__PURE__ */ d("p", {
-								className: "text-xs text-text-secondary",
-								children: "Modules"
-							})
-						]
-					}) }),
-					/* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
-						className: "p-4 text-center",
-						children: [
-							/* @__PURE__ */ d(c, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ d("p", {
-								className: "text-lg font-bold",
-								children: F.enrolled
-							}),
-							/* @__PURE__ */ d("p", {
-								className: "text-xs text-text-secondary",
-								children: "Enrolled"
-							})
-						]
-					}) }),
-					/* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
-						className: "p-4 text-center",
-						children: [
-							/* @__PURE__ */ d(s, { className: "h-5 w-5 mx-auto text-status-warning-text mb-1" }),
-							/* @__PURE__ */ f("p", {
-								className: "text-lg font-bold",
-								children: [F.rating, "/5"]
-							}),
-							/* @__PURE__ */ d("p", {
-								className: "text-xs text-text-secondary",
-								children: "Rating"
-							})
-						]
-					}) })
-				]
-			}),
-			/* @__PURE__ */ f(y, { children: [
-				/* @__PURE__ */ d("div", {
-					className: "mb-2 text-lg font-semibold",
-					children: "About this Course"
-				}),
-				/* @__PURE__ */ d("p", {
-					className: "text-sm text-text-secondary",
-					children: F.description
-				}),
-				/* @__PURE__ */ d("div", {
-					className: "flex flex-wrap gap-1 mt-3",
-					children: F.skills.map((e) => /* @__PURE__ */ d(p, {
-						variant: "outline",
-						children: e
-					}, e))
+				],
+				emptyState: /* @__PURE__ */ h("p", {
+					className: "py-6 text-center text-sm text-text-secondary",
+					children: "No one is enrolled yet."
 				})
-			] }),
-			/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ d(v, { children: "Completion Statistics" }) }), /* @__PURE__ */ d(g, { children: /* @__PURE__ */ f("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ f("div", {
-					className: "flex justify-between text-sm",
-					children: [/* @__PURE__ */ f("span", { children: [
-						F.completed,
-						" of ",
-						F.enrolled,
-						" students completed"
-					] }), /* @__PURE__ */ f("span", {
-						className: "font-medium",
-						children: [I, "%"]
-					})]
-				}), /* @__PURE__ */ d("div", {
-					className: "h-3 bg-bg-sunken rounded overflow-hidden",
-					children: /* @__PURE__ */ d("div", {
-						className: "h-3 bg-status-success-text rounded",
-						style: { width: `${I}%` }
-					})
-				})]
-			}) })] })
+			}) })] }),
+			/* @__PURE__ */ h(r, {
+				open: U.open,
+				onOpenChange: U.onOpenChange,
+				title: "Edit course",
+				fields: ne,
+				initialValues: re(Y),
+				submitLabel: "Save changes",
+				errorMessage: G,
+				onValidationError: K,
+				onSubmit: async (e) => {
+					K(void 0);
+					try {
+						await ue(Y.id, ie(e));
+					} catch (e) {
+						throw K(e instanceof Error ? e.message : "Unable to save course"), e;
+					}
+				}
+			}),
+			/* @__PURE__ */ h(r, {
+				open: W.open,
+				onOpenChange: W.onOpenChange,
+				title: "Enroll employee",
+				description: `Enroll someone in “${Y.title}”. They start as Not started.`,
+				fields: [{
+					name: "employeeId",
+					label: "Employee",
+					type: "select",
+					required: !0,
+					colSpan: 2,
+					options: Z.map((e) => ({
+						value: e.id,
+						label: `${e.firstName} ${e.lastName} · ${e.position}`
+					}))
+				}],
+				submitLabel: "Enroll",
+				errorMessage: G,
+				onValidationError: K,
+				onSubmit: async (e) => {
+					K(void 0);
+					let t = I.find((t) => t.id === e.employeeId);
+					try {
+						if (!t) throw Error("Choose an employee to enroll");
+						await z(Y.id, t);
+					} catch (e) {
+						throw K(e instanceof Error ? e.message : "Unable to enroll employee"), e;
+					}
+				}
+			})
 		]
 	});
 }
 //#endregion
-export { E as LearningCourseDetailsPagePage };
+export { M as LearningCourseDetailsPagePage };
 
 //# sourceMappingURL=LearningCourseDetailsPagePage.js.map

package/dist/crewfoundry/pages/LearningCourseDetailsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LearningCourseDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCourseDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, Clock, GraduationCap, Play, Star, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router';\nimport { useState } from 'react';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function LearningCourseDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { courses, enrollCourse, initialized } = useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const [enrolling, setEnrolling] = useState(false);\n  const courseId = searchParams.get('id');\n  const course = courseId ? courses.find((c) => c.id === courseId) : courses[0];\n  if (!initialized && !course) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!course)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Course not found\"\n          description=\"This course is no longer available.\"\n        />\n      </div>\n    );\n  const completionRate =\n    course.enrolled > 0 ? Math.round((course.completed / course.enrolled) * 100) : 0;\n\n  const handleStart = async () => {\n    setEnrolling(true);\n    try {\n      await enrollCourse(course.id);\n      showToast('Enrolled — your course is ready', 'success');\n      navigate(`../learning/course-learning-page?id=${encodeURIComponent(course.id)}`);\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to enroll in course', 'error');\n    } finally {\n      setEnrolling(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2 mb-1\">\n            <h1 className=\"text-2xl font-semibold\">\n              <GradientText>{course.title}</GradientText>\n            </h1>\n            <Badge\n              variant={\n                course.level === 'beginner'\n                  ? 'secondary'\n                  : course.level === 'intermediate'\n                    ? 'default'\n                    : 'destructive'\n              }\n            >\n              {formatEnumLabel(course.level)}\n            </Badge>\n          </div>\n          <p className=\"text-sm text-text-secondary\">\n            by {course.instructor} · {course.category}\n          </p>\n          <PagePurpose className=\"mt-2\">\n            Everything you need to decide on and start this course — what it covers, who it&apos;s\n            for, and how others have done — so you can enroll with confidence and build the right\n            skills.\n          </PagePurpose>\n        </div>\n        <Button onClick={handleStart} disabled={enrolling}>\n          <Play className=\"h-4 w-4 mr-1\" />\n          {enrolling ? 'Enrolling…' : 'Start Course'}\n        </Button>\n      </div>\n\n      <NextSteps\n        storageKey=\"crewfoundry-course-details\"\n        steps={[\n          {\n            id: 'start',\n            label: 'Start the first module',\n            description: 'Begin learning and track your progress as you go.',\n            icon: <Play className=\"h-4 w-4\" />,\n            onClick: () =>\n              navigate(`../learning/course-learning-page?id=${encodeURIComponent(course.id)}`),\n          },\n          {\n            id: 'my-learning',\n            label: 'See all your learning',\n            description: 'Review everything you are currently enrolled in.',\n            icon: <GraduationCap className=\"h-4 w-4\" />,\n            onClick: () => navigate('../learning/my-learning-page'),\n          },\n          {\n            id: 'browse',\n            label: 'Browse more courses',\n            description: 'Find related training to round out your skills.',\n            icon: <BookOpen className=\"h-4 w-4\" />,\n            onClick: () => navigate('../learning/courses-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Clock className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.duration}</p>\n            <p className=\"text-xs text-text-secondary\">Duration</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <BookOpen className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.modules}</p>\n            <p className=\"text-xs text-text-secondary\">Modules</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.enrolled}</p>\n            <p className=\"text-xs text-text-secondary\">Enrolled</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-status-warning-text mb-1\" />\n            <p className=\"text-lg font-bold\">{course.rating}/5</p>\n            <p className=\"text-xs text-text-secondary\">Rating</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">About this Course</div>\n        <p className=\"text-sm text-text-secondary\">{course.description}</p>\n        <div className=\"flex flex-wrap gap-1 mt-3\">\n          {course.skills.map((s) => (\n            <Badge key={s} variant=\"outline\">\n              {s}\n            </Badge>\n          ))}\n        </div>\n      </EmphasisPanel>\n      <Card>\n        <CardHeader>\n          <CardTitle>Completion Statistics</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                {course.completed} of {course.enrolled} students completed\n              </span>\n              <span className=\"font-medium\">{completionRate}%</span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className=\"h-3 bg-status-success-text rounded\"\n                style={{ width: `${completionRate}%` }}\n              />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LearningCourseDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCourseDetailsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  IllustratedEmptyState,\n  ResponsiveTable,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Spinner,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Clock, ExternalLink, Pencil, Trash2, UserPlus } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router';\nimport { FormModal, useFormModal, type FormValues } from '../components/forms/FormModal';\nimport { InlineError } from '../components/InlineError';\nimport { AvatarStack, StatCard } from '../components/viz';\nimport {\n  useCrewFoundryStore,\n  type CrewEnrollment,\n  type CrewEnrollmentStatus,\n} from '../store/crewfoundryStore';\nimport {\n  ENROLLMENT_STATUS_LABEL,\n  ENROLLMENT_STATUS_OPTIONS,\n  formatDuration,\n} from '../lib/learning';\nimport { useEnsureLoaded } from '../lib/useEnsureLoaded';\nimport { COURSE_FIELDS, courseToValues, valuesToCourseInput } from './LearningCoursesPagePage';\nimport { formatDate } from '../utils/dateUtils';\n\nexport function LearningCourseDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const {\n    trainingCourses,\n    enrollments,\n    employees,\n    learningLoaded,\n    fetchLearning,\n    updateTrainingCourse,\n    enrollEmployee,\n    updateEnrollmentStatus,\n    removeEnrollment,\n  } = useCrewFoundryStore();\n  const loadError = useEnsureLoaded(learningLoaded, fetchLearning);\n  const editModal = useFormModal();\n  const enrollModal = useFormModal();\n  const [formError, setFormError] = useState<string | undefined>();\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const courseId = searchParams.get('id');\n  const course = trainingCourses.find((item) => item.id === courseId);\n  const roster = useMemo(\n    () => enrollments.filter((row) => row.courseId === courseId),\n    [enrollments, courseId]\n  );\n  const enrolledIds = new Set(roster.map((row) => row.employeeId));\n  const enrollable = employees.filter(\n    (employee) => employee.status !== 'terminated' && !enrolledIds.has(employee.id)\n  );\n\n  const runAction = async (action: () => Promise<void>) => {\n    setActionError(null);\n    try {\n      await action();\n    } catch (error) {\n      setActionError(error instanceof Error ? error.message : 'Something went wrong');\n    }\n  };\n\n  if (!learningLoaded && !loadError) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!course) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <InlineError message={loadError} />\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Course not found\"\n          description=\"This course was removed or the link is incomplete.\"\n          action={\n            <Button size=\"sm\" onClick={() => navigate('../learning/courses-page')}>\n              Back to courses\n            </Button>\n          }\n        />\n      </div>\n    );\n  }\n\n  const countBy = (status: CrewEnrollmentStatus) =>\n    roster.filter((row) => row.status === status).length;\n\n  const handleEdit = async (values: FormValues) => {\n    setFormError(undefined);\n    try {\n      await updateTrainingCourse(course.id, valuesToCourseInput(values));\n    } catch (error) {\n      setFormError(error instanceof Error ? error.message : 'Unable to save course');\n      throw error;\n    }\n  };\n\n  const handleEnroll = async (values: FormValues) => {\n    setFormError(undefined);\n    const employee = employees.find((item) => item.id === values.employeeId);\n    try {\n      if (!employee) throw new Error('Choose an employee to enroll');\n      await enrollEmployee(course.id, employee);\n    } catch (error) {\n      setFormError(error instanceof Error ? error.message : 'Unable to enroll employee');\n      throw error;\n    }\n  };\n\n  const columns: ResponsiveTableColumn<CrewEnrollment>[] = [\n    {\n      key: 'employee',\n      header: 'Employee',\n      priority: 'primary',\n      cell: (row) => (\n        <div className=\"flex items-center gap-2.5\">\n          <AvatarStack people={[{ name: row.employeeName }]} size={28} />\n          <span className=\"font-medium\">{row.employeeName}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (row) => (\n        <Select\n          value={row.status}\n          onValueChange={(value) =>\n            void runAction(() => updateEnrollmentStatus(row.id, value as CrewEnrollmentStatus))\n          }\n        >\n          <SelectTrigger className=\"h-8 w-36\" aria-label={`Status for ${row.employeeName}`}>\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {ENROLLMENT_STATUS_OPTIONS.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      ),\n    },\n    {\n      key: 'started',\n      header: 'Started',\n      cell: (row) => (\n        <span className=\"text-text-secondary\">\n          {row.startedAt ? formatDate(row.startedAt) : '—'}\n        </span>\n      ),\n    },\n    {\n      key: 'completed',\n      header: 'Completed',\n      cell: (row) => (\n        <span className=\"text-text-secondary\">\n          {row.completedAt ? formatDate(row.completedAt) : '—'}\n        </span>\n      ),\n    },\n    {\n      key: 'actions',\n      header: '',\n      cellClassName: 'md:text-right',\n      cell: (row) => (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"h-8 w-8\"\n          aria-label={`Remove ${row.employeeName} from this course`}\n          onClick={() => void runAction(() => removeEnrollment(row.id))}\n        >\n          <Trash2 className=\"h-4 w-4\" />\n        </Button>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('../learning/courses-page')}>\n        <ArrowLeft className=\"mr-1 h-4 w-4\" />\n        Courses\n      </Button>\n\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n        <div className=\"min-w-0\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <h1 className=\"text-2xl font-semibold\">\n              <GradientText>{course.title}</GradientText>\n            </h1>\n            <Badge variant={course.isActive ? 'default' : 'secondary'} className=\"text-[10px]\">\n              {course.isActive ? 'Active' : 'Archived'}\n            </Badge>\n          </div>\n          <p className=\"mt-1 flex items-center gap-1 text-sm text-text-secondary\">\n            <Clock className=\"h-3.5 w-3.5\" />\n            {formatDuration(course.durationMinutes)}\n          </p>\n        </div>\n        <div className=\"flex flex-wrap gap-2\">\n          <Button size=\"sm\" variant=\"outline\" asChild>\n            <a href={course.contentUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n              <ExternalLink className=\"mr-1 h-4 w-4\" />\n              Open content\n            </a>\n          </Button>\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => {\n              setFormError(undefined);\n              editModal.openModal();\n            }}\n          >\n            <Pencil className=\"mr-1 h-4 w-4\" />\n            Edit\n          </Button>\n          <Button\n            size=\"sm\"\n            disabled={!course.isActive || enrollable.length === 0}\n            title={\n              !course.isActive\n                ? 'Reactivate the course to enroll employees'\n                : enrollable.length === 0\n                  ? 'Every active employee is already enrolled'\n                  : undefined\n            }\n            onClick={() => {\n              setFormError(undefined);\n              enrollModal.openModal();\n            }}\n          >\n            <UserPlus className=\"mr-1 h-4 w-4\" />\n            Enroll employee\n          </Button>\n        </div>\n      </div>\n\n      <InlineError message={loadError ?? actionError} />\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">About this course</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          <p className=\"whitespace-pre-line text-sm text-text-secondary\">{course.description}</p>\n          {course.requiredForRoles.length > 0 && (\n            <div className=\"flex flex-wrap items-center gap-1\">\n              <span className=\"mr-1 text-xs text-text-secondary\">Required for</span>\n              {course.requiredForRoles.map((role) => (\n                <Badge key={role} variant=\"outline\" className=\"text-[10px]\">\n                  {role}\n                </Badge>\n              ))}\n            </div>\n          )}\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard label=\"Enrolled\" value={roster.length} />\n        <StatCard label={ENROLLMENT_STATUS_LABEL.not_started} value={countBy('not_started')} />\n        <StatCard label={ENROLLMENT_STATUS_LABEL.in_progress} value={countBy('in_progress')} />\n        <StatCard label={ENROLLMENT_STATUS_LABEL.completed} value={countBy('completed')} />\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">Enrolled employees</CardTitle>\n          <CardDescription>\n            Update each person’s progress as they start and finish the course.\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable<CrewEnrollment>\n            data={roster}\n            rowKey={(row) => row.id}\n            columns={columns}\n            emptyState={\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No one is enrolled yet.\n              </p>\n            }\n          />\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={editModal.open}\n        onOpenChange={editModal.onOpenChange}\n        title=\"Edit course\"\n        fields={COURSE_FIELDS}\n        initialValues={courseToValues(course)}\n        submitLabel=\"Save changes\"\n        errorMessage={formError}\n        onValidationError={setFormError}\n        onSubmit={handleEdit}\n      />\n\n      <FormModal\n        open={enrollModal.open}\n        onOpenChange={enrollModal.onOpenChange}\n        title=\"Enroll employee\"\n        description={`Enroll someone in “${course.title}”. They start as Not started.`}\n        fields={[\n          {\n            name: 'employeeId',\n            label: 'Employee',\n            type: 'select',\n            required: true,\n            colSpan: 2,\n            options: enrollable.map((employee) => ({\n              value: employee.id,\n              label: `${employee.firstName} ${employee.lastName} · ${employee.position}`,\n            })),\n          },\n        ]}\n        submitLabel=\"Enroll\"\n        errorMessage={formError}\n        onValidationError={setFormError}\n        onSubmit={handleEnroll}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/LearningCoursesPagePage.d.ts

@@ -1,2 +1,14 @@
+import { FieldConfig, FormValues } from '../components/forms/FormModal';
+import { CrewTrainingCourse, CrewTrainingCourseInput } from '../store/crewfoundryStore';
+
+export declare const COURSE_FIELDS: FieldConfig[];
+export declare const courseToValues: (course: CrewTrainingCourse) => FormValues;
+/** Validate + coerce form values into the course mutation input. Throws a user-facing message. */
+export declare const valuesToCourseInput: (values: FormValues) => CrewTrainingCourseInput;
+export declare const LEARNING_TABS: {
+    id: string;
+    label: string;
+    path: string;
+}[];
 export declare function LearningCoursesPagePage(): import("react").JSX.Element;
 //# sourceMappingURL=LearningCoursesPagePage.d.ts.map

package/dist/crewfoundry/pages/LearningCoursesPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LearningCoursesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningCoursesPagePage.tsx"],"names":[],"mappings":"AAuHA,wBAAgB,uBAAuB,gCAwQtC"}
+{"version":3,"file":"LearningCoursesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningCoursesPagePage.tsx"],"names":[],"mappings":"AA+CA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,+BAA+B,CAAC;AAGvC,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,2BAA2B,CAAC;AAInC,eAAO,MAAM,aAAa,EAAE,WAAW,EAyBtC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,kBAAkB,KAAG,UAO1D,CAAC;AAEH,kGAAkG;AAClG,eAAO,MAAM,mBAAmB,GAAI,QAAQ,UAAU,KAAG,uBAexD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;GAIzB,CAAC;AAEF,wBAAgB,uBAAuB,gCAsVtC"}