@burdenoff/microfe-crewfoundry 2026.1013.2 → 2026.1029.2

package/dist/crewfoundry/pages/LearningCoursesPagePage.js

@@ -1,359 +1,373 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { chartPalette as n } from "../components/viz/lib/palette.js";
-import { RatingStars as r } from "../components/viz/RatingStars.js";
+import { StatCard as t } from "../components/viz/StatCard.js";
+import { SegmentedTabs as n } from "../components/viz/SegmentedTabs.js";
 import "../components/viz/index.js";
-import { FormModal as i, useFormModal as a } from "../components/forms/FormModal.js";
-import { readCourseProgress as o } from "../utils/courseProgress.js";
-import { useMemo as s, useState as c } from "react";
-import { BarChart3 as l, Briefcase as u, Code2 as d, GraduationCap as f, Megaphone as p, Palette as m, Play as h, Plus as g, Search as _, ShieldCheck as v, Users as y } from "lucide-react";
-import { useNavigate as b } from "react-router";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Badge as C, Button as w, CardContent as T, CardHeader as E, GlassCard as D, GradientText as O, IllustratedEmptyState as k, Input as A, PagePurpose as j, Pagination as M } from "@burdenoff/fe-libs/ui";
-import { usePagination as N } from "@burdenoff/fe-libs/shared/hooks";
-import { useGlobalUi as P } from "@burdenoff/fe-libs/shared/providers/shell";
+import { FormModal as ee, useFormModal as te } from "../components/forms/FormModal.js";
+import { InlineError as ne } from "../components/InlineError.js";
+import { formatDuration as re, isSafeContentUrl as r } from "../lib/learning.js";
+import { useEnsureLoaded as ie } from "../lib/useEnsureLoaded.js";
+import { useMemo as i, useState as a } from "react";
+import { Archive as ae, ArchiveRestore as oe, Clock as se, ExternalLink as ce, MoreHorizontal as le, Pencil as ue, Plus as o, Search as de, Trash2 as fe, Users as pe } from "lucide-react";
+import { useNavigate as me } from "react-router";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { AlertDialog as l, AlertDialogAction as he, AlertDialogCancel as ge, AlertDialogContent as _e, AlertDialogDescription as ve, AlertDialogFooter as ye, AlertDialogHeader as be, AlertDialogTitle as xe, Badge as u, Button as d, CardContent as Se, CardHeader as Ce, CardTitle as we, DropdownMenu as Te, DropdownMenuContent as Ee, DropdownMenuItem as f, DropdownMenuSeparator as De, DropdownMenuTrigger as p, GlassCard as m, GradientText as h, IllustratedEmptyState as g, Input as _, PagePurpose as v, Pagination as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Spinner as T } from "@burdenoff/fe-libs/ui";
+import { usePagination as E } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/LearningCoursesPagePage.tsx
-var F = [
+var D = [
 	{
 		name: "title",
-		label: "Course Title",
+		label: "Course title",
 		type: "text",
 		required: !0,
 		colSpan: 2
 	},
 	{
-		name: "category",
-		label: "Category",
-		type: "text",
-		required: !0
-	},
-	{
-		name: "instructor",
-		label: "Instructor",
-		type: "text",
+		name: "description",
+		label: "Description",
+		type: "textarea",
 		required: !0
 	},
 	{
-		name: "duration",
-		label: "Duration",
+		name: "contentUrl",
+		label: "Content link",
 		type: "text",
 		required: !0,
-		placeholder: "e.g. 6 weeks"
+		colSpan: 2,
+		placeholder: "https://… (internal doc, LMS or video)"
 	},
 	{
-		name: "modules",
-		label: "Modules",
+		name: "durationMinutes",
+		label: "Duration (minutes)",
 		type: "number",
-		required: !0,
-		placeholder: "e.g. 8"
+		min: 0,
+		placeholder: "e.g. 45"
 	},
 	{
-		name: "level",
-		label: "Level",
-		type: "select",
-		required: !0,
-		options: [
-			{
-				label: "Beginner",
-				value: "beginner"
-			},
-			{
-				label: "Intermediate",
-				value: "intermediate"
-			},
-			{
-				label: "Advanced",
-				value: "advanced"
-			}
-		]
+		name: "isActive",
+		label: "Active (open for enrollment)",
+		type: "switch"
 	},
 	{
-		name: "status",
-		label: "Status",
-		type: "select",
-		required: !0,
-		options: [
-			{
-				label: "Active",
-				value: "active"
-			},
-			{
-				label: "Draft",
-				value: "draft"
-			},
-			{
-				label: "Archived",
-				value: "archived"
-			}
-		]
+		name: "requiredForRoles",
+		label: "Required for roles",
+		type: "tags",
+		placeholder: "Type a role and press Enter"
+	}
+], O = (e) => ({
+	title: e.title,
+	description: e.description,
+	contentUrl: e.contentUrl,
+	durationMinutes: e.durationMinutes ?? "",
+	isActive: e.isActive,
+	requiredForRoles: e.requiredForRoles
+}), k = (e) => {
+	let t = String(e.contentUrl ?? "").trim();
+	if (!r(t)) throw Error("Content link must be a full http(s) URL, e.g. https://example.com/course");
+	let n = Number(e.durationMinutes);
+	return {
+		title: String(e.title ?? "").trim(),
+		description: String(e.description ?? "").trim(),
+		contentUrl: t,
+		durationMinutes: e.durationMinutes === "" || !Number.isFinite(n) ? null : Math.round(n),
+		isActive: !!e.isActive,
+		requiredForRoles: Array.isArray(e.requiredForRoles) ? e.requiredForRoles : []
+	};
+}, A = [
+	{
+		id: "courses",
+		label: "Courses",
+		path: "../learning/courses-page"
 	},
 	{
-		name: "description",
-		label: "Description",
-		type: "textarea",
-		required: !0,
-		colSpan: 2
+		id: "enrollments",
+		label: "Enrollments",
+		path: "../learning/enrollments-page"
 	},
 	{
-		name: "skills",
-		label: "Skills",
-		type: "tags",
-		placeholder: "Add a skill and press Enter",
-		colSpan: 2
+		id: "completion",
+		label: "Completion",
+		path: "../learning/learning-analytics-page"
 	}
 ];
-function I(e) {
-	let t = n(8), r = 0;
-	for (let t = 0; t < e.length; t += 1) r = r * 31 + e.charCodeAt(t) >>> 0;
-	return t[r % t.length];
-}
-function L(e) {
-	let t = e.toLowerCase();
-	return t.includes("engineer") || t.includes("develop") || t.includes("program") || t.includes("tech") ? d : t.includes("design") || t.includes("ux") || t.includes("ui") ? m : t.includes("lead") || t.includes("manage") || t.includes("people") || t.includes("hr") ? y : t.includes("compliance") || t.includes("security") || t.includes("legal") ? v : t.includes("data") || t.includes("analyt") ? l : t.includes("market") || t.includes("sales") ? p : t.includes("business") || t.includes("finance") || t.includes("operations") ? u : f;
-}
-function R(e) {
-	return e === "beginner" ? "secondary" : e === "intermediate" ? "default" : "destructive";
-}
-function z() {
-	let { courses: n, addCourse: l, enrollCourse: u } = e(), { showToast: d } = P(), f = b(), [p, m] = c(""), [v, z] = c("all"), [B, V] = c(null), H = a(), { page: U, pageSize: W, offset: G, setPage: K } = N({ initialPageSize: 12 }), q = s(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of n) {
-			let n = t.category.trim() || "Uncategorized";
-			e.set(n, (e.get(n) ?? 0) + 1);
-		}
-		return [...e.entries()].sort((e, t) => t[1] - e[1]);
-	}, [n]), J = n.filter((e) => {
-		let t = v === "all" || (e.category.trim() || "Uncategorized") === v, n = `${e.title} ${e.category} ${e.instructor} ${e.skills.join(" ")}`.toLowerCase().includes(p.toLowerCase());
+function j() {
+	let { trainingCourses: r, enrollments: j, trainingCompletion: M, learningLoaded: N, fetchLearning: Oe, createTrainingCourse: P, updateTrainingCourse: F, removeTrainingCourse: ke } = e(), I = ie(N, Oe), L = me(), R = te(), [Ae, z] = a(), [je, B] = a(null), [V, Me] = a(""), [H, Ne] = a("active"), [U, W] = a(null), { page: Pe, pageSize: G, offset: K, setPage: q } = E({ initialPageSize: 12 }), Fe = i(() => new Map(M.map((e) => [e.courseId, e])), [M]), J = V.trim().toLowerCase(), Y = r.filter((e) => {
+		let t = J === "" || `${e.title} ${e.description} ${e.requiredForRoles.join(" ")}`.toLowerCase().includes(J), n = H === "all" || (H === "active" ? e.isActive : !e.isActive);
 		return t && n;
-	}), Y = J.slice(G, G + W), X = (e) => f(`../learning/course-details-page?id=${encodeURIComponent(e)}`), Z = (e) => f(`../learning/course-learning-page?id=${encodeURIComponent(e)}`), Q = async (e) => {
-		V(e.id);
+	}), Ie = Y.slice(K, K + G), X = r.filter((e) => e.isActive).length, Z = j.filter((e) => e.status === "completed").length, Le = j.length === 0 ? 0 : Math.round(Z / j.length * 100), Re = async (e) => {
+		z(void 0);
 		try {
-			await u(e.id), d(`Enrolled in ${e.title}`, "success"), Z(e.id);
+			let t = k(e);
+			R.context ? await F(R.context.id, t) : await P(t);
 		} catch (e) {
-			d(e instanceof Error ? e.message : "Unable to enroll in course", "error");
-		} finally {
-			V(null);
+			throw z(e instanceof Error ? e.message : "Unable to save course"), e;
 		}
-	};
-	return /* @__PURE__ */ S("div", {
+	}, Q = async (e) => {
+		B(null);
+		try {
+			await e();
+		} catch (e) {
+			B(e instanceof Error ? e.message : "Something went wrong");
+		}
+	}, $ = (e) => L(`../learning/course-details-page?id=${encodeURIComponent(e.id)}`);
+	return /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ S("div", {
-				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ S("div", { children: [
-					/* @__PURE__ */ x("h1", {
+			/* @__PURE__ */ c("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [
+					/* @__PURE__ */ s("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ x(O, { children: "Course Catalog" })
+						children: /* @__PURE__ */ s(h, { children: "Training Courses" })
 					}),
-					/* @__PURE__ */ S("p", {
+					/* @__PURE__ */ c("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							n.length,
+							r.length,
 							" courses · ",
-							q.length,
-							" categories"
+							X,
+							" open for enrollment"
 						]
 					}),
-					/* @__PURE__ */ x(j, {
+					/* @__PURE__ */ s(v, {
 						className: "mt-1",
-						children: "Browse the course catalog — find training to grow your team's skills and enroll in the programs that fit your goals."
+						children: "Curate the training your people need — link each course to where its content lives, mark which roles must take it, then enroll employees and track their completion."
 					})
-				] }), /* @__PURE__ */ S(w, {
-					onClick: () => H.openModal(),
-					children: [/* @__PURE__ */ x(g, { className: "mr-1 h-4 w-4" }), "Create Course"]
+				] }), /* @__PURE__ */ c(d, {
+					size: "sm",
+					onClick: () => {
+						z(void 0), R.openModal();
+					},
+					children: [/* @__PURE__ */ s(o, { className: "mr-1 h-4 w-4" }), "Create Course"]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
-				className: "flex flex-col gap-3",
-				children: [/* @__PURE__ */ S("div", {
-					className: "relative max-w-md",
-					children: [/* @__PURE__ */ x(_, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x(A, {
-						placeholder: "Search courses, skills, or instructors...",
+			/* @__PURE__ */ s(n, {
+				"aria-label": "Learning sections",
+				variant: "underline",
+				value: "courses",
+				onChange: (e) => {
+					let t = A.find((t) => t.id === e);
+					t && e !== "courses" && L(t.path);
+				},
+				tabs: A.map(({ id: e, label: t }) => ({
+					id: e,
+					label: t
+				}))
+			}),
+			/* @__PURE__ */ s(ne, { message: I ?? je }),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ s(t, {
+						label: "Active Courses",
+						value: X
+					}),
+					/* @__PURE__ */ s(t, {
+						label: "Enrollments",
+						value: j.length
+					}),
+					/* @__PURE__ */ s(t, {
+						label: "Completed",
+						value: Z
+					}),
+					/* @__PURE__ */ s(t, {
+						label: "Completion Rate",
+						value: `${Le}%`
+					})
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
+				children: [/* @__PURE__ */ c("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ s(de, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ s(_, {
+						placeholder: "Search courses or roles...",
 						className: "pl-9",
-						value: p,
+						value: V,
 						onChange: (e) => {
-							m(e.target.value), K(1);
+							Me(e.target.value), q(1);
 						}
 					})]
-				}), /* @__PURE__ */ S("div", {
-					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ x("button", {
-						type: "button",
-						onClick: () => {
-							z("all"), K(1);
-						},
-						className: `rounded-full border px-3 py-1 text-xs font-medium transition-colors ${v === "all" ? "border-transparent bg-action-primary-bg text-action-primary-text" : "border-border-subtle bg-bg-surface text-text-secondary hover:text-text-primary"}`,
-						children: "All"
-					}), q.map(([e, t]) => /* @__PURE__ */ S("button", {
-						type: "button",
-						onClick: () => {
-							z(e), K(1);
-						},
-						className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors ${v === e ? "border-transparent bg-action-primary-bg text-action-primary-text" : "border-border-subtle bg-bg-surface text-text-secondary hover:text-text-primary"}`,
-						children: [e, /* @__PURE__ */ x("span", {
-							className: "tabular-nums opacity-70",
-							children: t
-						})]
-					}, e))]
+				}), /* @__PURE__ */ c(b, {
+					value: H,
+					onValueChange: (e) => {
+						Ne(e), q(1);
+					},
+					children: [/* @__PURE__ */ s(C, {
+						className: "w-full sm:w-44",
+						"aria-label": "Filter by status",
+						children: /* @__PURE__ */ s(w, {})
+					}), /* @__PURE__ */ c(x, { children: [
+						/* @__PURE__ */ s(S, {
+							value: "active",
+							children: "Active"
+						}),
+						/* @__PURE__ */ s(S, {
+							value: "inactive",
+							children: "Archived"
+						}),
+						/* @__PURE__ */ s(S, {
+							value: "all",
+							children: "All courses"
+						})
+					] })]
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			!N && !I ? /* @__PURE__ */ s("div", {
+				className: "flex min-h-[240px] items-center justify-center",
+				children: /* @__PURE__ */ s(T, { size: "lg" })
+			}) : r.length === 0 ? /* @__PURE__ */ s(g, {
+				illustration: "empty-data",
+				title: "No courses yet",
+				description: "Create a course and link it to its content to start enrolling employees.",
+				action: /* @__PURE__ */ c(d, {
+					size: "sm",
+					onClick: () => R.openModal(),
+					children: [/* @__PURE__ */ s(o, { className: "mr-1 h-4 w-4" }), "Create Course"]
+				})
+			}) : Y.length === 0 ? /* @__PURE__ */ s(g, {
+				illustration: "empty-search",
+				title: "No courses match",
+				description: "Try a different search term or status filter."
+			}) : /* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: J.length === 0 ? /* @__PURE__ */ x("div", {
-					className: "col-span-full",
-					children: /* @__PURE__ */ x(k, {
-						illustration: "empty-search",
-						title: "No courses found",
-						description: "Try a different search term or category to find training."
-					})
-				}) : Y.map((e) => {
-					let n = I(e.category), i = L(e.category), a = o(e.id), s = Math.max(e.modules, 1), c = a.completed.length > 0 ? Math.min(100, Math.round(a.completed.length / s * 100)) : 0, l = c > 0;
-					return /* @__PURE__ */ S(D, {
-						treatment: "plain",
-						className: "group flex flex-col overflow-hidden transition-shadow hover:shadow-md",
-						children: [
-							/* @__PURE__ */ S("button", {
+				children: Ie.map((e) => {
+					let t = Fe.get(e.id);
+					return /* @__PURE__ */ c(m, {
+						treatment: "glass",
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ s(Ce, { children: /* @__PURE__ */ c("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ s("button", {
 								type: "button",
-								"aria-label": `View ${e.title}`,
-								onClick: () => X(e.id),
-								className: "relative flex h-24 w-full items-center justify-between px-5 text-left outline-none focus-visible:shadow-[var(--shadow-focus)]",
-								style: { background: `linear-gradient(135deg, color-mix(in srgb, ${n} 28%, var(--color-bg-surface)), color-mix(in srgb, ${n} 8%, var(--color-bg-surface)))` },
-								children: [/* @__PURE__ */ x("span", {
-									className: "flex h-11 w-11 items-center justify-center rounded-xl bg-bg-surface/70 shadow-elevation-1",
-									style: { color: n },
-									children: /* @__PURE__ */ x(i, { className: "h-6 w-6" })
-								}), /* @__PURE__ */ x(C, {
-									variant: R(e.level),
+								onClick: () => $(e),
+								className: "min-w-0 text-left",
+								children: /* @__PURE__ */ s(we, {
+									className: "line-clamp-2 text-base hover:underline",
+									children: e.title
+								})
+							}), /* @__PURE__ */ c("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ s(u, {
+									variant: e.isActive ? "default" : "secondary",
 									className: "text-[10px]",
-									children: t(e.level)
-								})]
-							}),
-							/* @__PURE__ */ S(E, {
-								className: "pb-2",
-								children: [
-									/* @__PURE__ */ x(C, {
-										variant: "outline",
-										className: "w-fit text-[10px]",
-										children: e.category
-									}),
-									/* @__PURE__ */ x("button", {
-										type: "button",
-										onClick: () => X(e.id),
-										className: "mt-2 text-left text-base font-semibold outline-none hover:text-action-primary-bg focus-visible:text-action-primary-bg",
-										children: e.title
-									}),
-									/* @__PURE__ */ S("p", {
-										className: "text-xs text-text-secondary",
-										children: [
-											e.instructor,
-											" · ",
-											e.duration,
-											" · ",
-											e.modules,
-											" modules"
-										]
+									children: e.isActive ? "Active" : "Archived"
+								}), /* @__PURE__ */ c(Te, { children: [/* @__PURE__ */ s(p, {
+									asChild: !0,
+									children: /* @__PURE__ */ s(d, {
+										variant: "ghost",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": `More actions for ${e.title}`,
+										children: /* @__PURE__ */ s(le, { className: "h-4 w-4" })
 									})
-								]
-							}),
-							/* @__PURE__ */ S(T, {
-								className: "flex flex-1 flex-col gap-3",
-								children: [
-									/* @__PURE__ */ x("p", {
-										className: "line-clamp-2 text-sm text-text-secondary",
-										children: e.description
-									}),
-									e.skills.length > 0 && /* @__PURE__ */ x("div", {
-										className: "flex flex-wrap gap-1",
-										children: e.skills.slice(0, 3).map((e) => /* @__PURE__ */ x(C, {
-											variant: "outline",
-											className: "text-[9px]",
-											children: e
-										}, e))
-									}),
-									/* @__PURE__ */ S("div", {
-										className: "mt-auto space-y-3",
-										children: [
-											/* @__PURE__ */ S("div", {
-												className: "flex items-center justify-between text-xs text-text-secondary",
-												children: [/* @__PURE__ */ x(r, {
-													value: e.rating,
-													size: 13,
-													showValue: !0
-												}), /* @__PURE__ */ S("span", {
-													className: "flex items-center gap-1",
-													children: [
-														/* @__PURE__ */ x(y, { className: "h-3 w-3" }),
-														e.enrolled,
-														" enrolled"
-													]
-												})]
-											}),
-											l && /* @__PURE__ */ S("div", {
-												className: "space-y-1",
-												children: [/* @__PURE__ */ x("div", {
-													className: "flex justify-between text-[11px] font-medium",
-													children: /* @__PURE__ */ S("span", {
-														className: "text-text-secondary",
-														children: [c, "% complete"]
-													})
-												}), /* @__PURE__ */ x("div", {
-													className: "h-1.5 overflow-hidden rounded-full bg-bg-sunken",
-													children: /* @__PURE__ */ x("div", {
-														className: "h-full rounded-full bg-action-primary-bg",
-														style: { width: `${c}%` }
-													})
-												})]
-											}),
-											/* @__PURE__ */ S(w, {
-												className: "w-full",
-												variant: l ? "outline" : "default",
-												disabled: B === e.id,
-												onClick: () => l ? Z(e.id) : void Q(e),
-												children: [/* @__PURE__ */ x(h, { className: "mr-1 h-4 w-4" }), B === e.id ? "Enrolling…" : l ? "Continue" : "Enroll"]
-											})
-										]
-									})
-								]
-							})
-						]
+								}), /* @__PURE__ */ c(Ee, {
+									align: "end",
+									children: [
+										/* @__PURE__ */ c(f, {
+											onSelect: () => {
+												z(void 0), R.openModal(e);
+											},
+											children: [/* @__PURE__ */ s(ue, { className: "mr-2 h-4 w-4" }), "Edit"]
+										}),
+										/* @__PURE__ */ c(f, {
+											onSelect: () => void Q(() => F(e.id, { isActive: !e.isActive })),
+											children: [e.isActive ? /* @__PURE__ */ s(ae, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ s(oe, { className: "mr-2 h-4 w-4" }), e.isActive ? "Archive" : "Reactivate"]
+										}),
+										/* @__PURE__ */ s(De, {}),
+										/* @__PURE__ */ c(f, {
+											className: "text-status-error-text",
+											onSelect: () => W(e),
+											children: [/* @__PURE__ */ s(fe, { className: "mr-2 h-4 w-4" }), "Delete"]
+										})
+									]
+								})] })]
+							})]
+						}) }), /* @__PURE__ */ c(Se, {
+							className: "flex flex-1 flex-col gap-3",
+							children: [
+								/* @__PURE__ */ s("p", {
+									className: "line-clamp-3 text-sm text-text-secondary",
+									children: e.description
+								}),
+								e.requiredForRoles.length > 0 && /* @__PURE__ */ s("div", {
+									className: "flex flex-wrap gap-1",
+									children: e.requiredForRoles.map((e) => /* @__PURE__ */ s(u, {
+										variant: "outline",
+										className: "text-[10px]",
+										children: e
+									}, e))
+								}),
+								/* @__PURE__ */ c("div", {
+									className: "mt-auto flex items-center justify-between border-t border-border-default pt-3 text-xs text-text-secondary",
+									children: [/* @__PURE__ */ c("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ s(se, { className: "h-3.5 w-3.5" }), re(e.durationMinutes)]
+									}), /* @__PURE__ */ c("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ s(pe, { className: "h-3.5 w-3.5" }), t ? `${t.completedCount}/${t.totalEnrolled} completed` : "No enrollments"]
+									})]
+								}),
+								/* @__PURE__ */ c("div", {
+									className: "flex gap-2",
+									children: [/* @__PURE__ */ s(d, {
+										size: "sm",
+										variant: "outline",
+										className: "flex-1",
+										onClick: () => $(e),
+										children: "Manage"
+									}), /* @__PURE__ */ s(d, {
+										size: "sm",
+										variant: "ghost",
+										asChild: !0,
+										children: /* @__PURE__ */ c("a", {
+											href: e.contentUrl,
+											target: "_blank",
+											rel: "noopener noreferrer",
+											children: [/* @__PURE__ */ s(ce, { className: "mr-1 h-3.5 w-3.5" }), "Open"]
+										})
+									})]
+								})
+							]
+						})]
 					}, e.id);
 				})
 			}),
-			J.length > W && /* @__PURE__ */ x(M, {
-				page: U,
-				pageSize: W,
-				totalItems: J.length,
-				onPageChange: K
+			Y.length > G && /* @__PURE__ */ s(y, {
+				page: Pe,
+				pageSize: G,
+				totalItems: Y.length,
+				onPageChange: q
+			}),
+			/* @__PURE__ */ s(ee, {
+				open: R.open,
+				onOpenChange: R.onOpenChange,
+				title: R.context ? "Edit course" : "Create course",
+				description: "Courses link to content hosted elsewhere; CrewFoundry tracks who is enrolled and who has completed them.",
+				fields: D,
+				initialValues: R.context ? O(R.context) : { isActive: !0 },
+				submitLabel: R.context ? "Save changes" : "Create course",
+				errorMessage: Ae,
+				onValidationError: z,
+				onSubmit: Re
 			}),
-			/* @__PURE__ */ x(i, {
-				open: H.open,
-				onOpenChange: H.onOpenChange,
-				title: "Create Course",
-				description: "Add a new course to the catalog.",
-				fields: F,
-				submitLabel: "Create Course",
-				onSubmit: async (e) => {
-					await l({
-						id: `course-${Date.now()}`,
-						title: String(e.title ?? ""),
-						category: String(e.category ?? ""),
-						instructor: String(e.instructor ?? ""),
-						duration: String(e.duration ?? ""),
-						level: String(e.level ?? "beginner"),
-						enrolled: 0,
-						completed: 0,
-						rating: 0,
-						status: String(e.status ?? "draft"),
-						description: String(e.description ?? ""),
-						modules: typeof e.modules == "number" ? e.modules : Number(e.modules) || 0,
-						skills: Array.isArray(e.skills) ? e.skills : []
-					});
-				}
+			/* @__PURE__ */ s(l, {
+				open: U !== null,
+				onOpenChange: (e) => {
+					e || W(null);
+				},
+				children: /* @__PURE__ */ c(_e, { children: [/* @__PURE__ */ c(be, { children: [/* @__PURE__ */ s(xe, { children: "Delete course?" }), /* @__PURE__ */ s(ve, { children: U ? `“${U.title}” is removed from the catalog. Existing enrollment records are kept for your history. To keep the course but stop new enrollments, archive it instead.` : "" })] }), /* @__PURE__ */ c(ye, { children: [/* @__PURE__ */ s(ge, { children: "Cancel" }), /* @__PURE__ */ s(he, {
+					onClick: (e) => {
+						e.preventDefault();
+						let t = U;
+						W(null), t && Q(() => ke(t.id));
+					},
+					children: "Delete"
+				})] })] })
 			})
 		]
 	});
 }
 //#endregion
-export { z as LearningCoursesPagePage };
+export { D as COURSE_FIELDS, A as LEARNING_TABS, j as LearningCoursesPagePage, O as courseToValues, k as valuesToCourseInput };
 
 //# sourceMappingURL=LearningCoursesPagePage.js.map