@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.704.7

package/dist/crewfoundry/pages/LearningCoursesPagePage.js

@@ -1,14 +1,19 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { FormModal as n, useFormModal as r } from "../components/forms/FormModal.js";
-import { useState as i } from "react";
-import { Plus as a, Search as o, Star as s, Users as c } from "lucide-react";
-import { useNavigate as l } from "react-router-dom";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Button as p, CardContent as m, CardDescription as h, CardHeader as g, CardTitle as _, GlassCard as v, GradientText as y, IllustratedEmptyState as b, Input as x, PagePurpose as S, Pagination as C } from "@burdenoff/fe-libs/ui";
-import { usePagination as w } from "@burdenoff/fe-libs/shared/hooks";
+import { chartPalette as n } from "../components/viz/lib/palette.js";
+import { RatingStars as r } from "../components/viz/RatingStars.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-dom";
+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";
 //#region src/crewfoundry/pages/LearningCoursesPagePage.tsx
-var T = [
+var F = [
 	{
 		name: "title",
 		label: "Course Title",
@@ -97,136 +102,238 @@ var T = [
 		colSpan: 2
 	}
 ];
-function E() {
-	let { courses: E, addCourse: D } = e(), O = l(), [k, A] = i(""), j = r(), { page: M, pageSize: N, offset: P, setPage: F } = w({ initialPageSize: 12 }), I = E.filter((e) => `${e.title} ${e.category} ${e.instructor}`.toLowerCase().includes(k.toLowerCase())), L = I.slice(P, P + N), R = (e) => O(`../learning/course-details-page?id=${encodeURIComponent(e)}`);
-	return /* @__PURE__ */ d("div", {
+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());
+		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);
+		try {
+			await u(e.id), d(`Enrolled in ${e.title}`, "success"), Z(e.id);
+		} catch (e) {
+			d(e instanceof Error ? e.message : "Unable to enroll in course", "error");
+		} finally {
+			V(null);
+		}
+	};
+	return /* @__PURE__ */ S("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ d("div", { children: [
-					/* @__PURE__ */ u("h1", {
+				children: [/* @__PURE__ */ S("div", { children: [
+					/* @__PURE__ */ x("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ u(y, { children: "Course Catalog" })
+						children: /* @__PURE__ */ x(O, { children: "Course Catalog" })
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ S("p", {
 						className: "text-sm text-text-secondary",
-						children: [E.length, " courses available"]
+						children: [
+							n.length,
+							" courses · ",
+							q.length,
+							" categories"
+						]
 					}),
-					/* @__PURE__ */ u(S, {
+					/* @__PURE__ */ x(j, {
 						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."
 					})
-				] }), /* @__PURE__ */ d(p, {
-					onClick: () => j.openModal(),
-					children: [/* @__PURE__ */ u(a, { className: "mr-1 h-4 w-4" }), "Create Course"]
+				] }), /* @__PURE__ */ S(w, {
+					onClick: () => H.openModal(),
+					children: [/* @__PURE__ */ x(g, { className: "mr-1 h-4 w-4" }), "Create Course"]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
-				className: "relative max-w-sm",
-				children: [/* @__PURE__ */ u(o, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ u(x, {
-					placeholder: "Search courses...",
-					className: "pl-9",
-					value: k,
-					onChange: (e) => {
-						A(e.target.value), F(1);
-					}
+			/* @__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...",
+						className: "pl-9",
+						value: p,
+						onChange: (e) => {
+							m(e.target.value), K(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__ */ u("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: I.length === 0 ? /* @__PURE__ */ u("div", {
+				children: J.length === 0 ? /* @__PURE__ */ x("div", {
 					className: "col-span-full",
-					children: /* @__PURE__ */ u(b, {
+					children: /* @__PURE__ */ x(k, {
 						illustration: "empty-search",
 						title: "No courses found",
-						description: "Try a different search term to find training."
+						description: "Try a different search term or category to find training."
 					})
-				}) : L.map((e, n) => /* @__PURE__ */ d(v, {
-					treatment: n === 0 ? "glass" : "plain",
-					glow: n === 0,
-					role: "button",
-					tabIndex: 0,
-					"aria-label": `View ${e.title}`,
-					onClick: () => R(e.id),
-					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), R(e.id));
-					},
-					className: "hover:shadow-md transition-shadow cursor-pointer focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]",
-					children: [/* @__PURE__ */ d(g, { children: [
-						/* @__PURE__ */ d("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ u(f, {
-								variant: "outline",
-								className: "text-[10px]",
-								children: e.category
-							}), /* @__PURE__ */ u(f, {
-								variant: e.level === "beginner" ? "secondary" : e.level === "intermediate" ? "default" : "destructive",
-								className: "text-[10px]",
-								children: t(e.level)
-							})]
-						}),
-						/* @__PURE__ */ u(_, {
-							className: "text-base mt-2",
-							children: e.title
-						}),
-						/* @__PURE__ */ d(h, { children: [
-							e.instructor,
-							" · ",
-							e.duration,
-							" · ",
-							e.modules,
-							" modules"
-						] })
-					] }), /* @__PURE__ */ d(m, { children: [
-						/* @__PURE__ */ u("p", {
-							className: "text-sm text-text-secondary mb-3",
-							children: e.description
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "flex flex-wrap gap-1 mb-3",
-							children: e.skills.map((e) => /* @__PURE__ */ u(f, {
-								variant: "outline",
-								className: "text-[9px]",
-								children: e
-							}, e))
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "flex items-center justify-between text-xs text-text-secondary",
-							children: [
-								/* @__PURE__ */ d("span", {
-									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ u(s, { className: "h-3 w-3 text-status-warning-text" }), e.rating]
-								}),
-								/* @__PURE__ */ d("span", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__PURE__ */ u(c, { className: "h-3 w-3" }),
-										e.enrolled,
-										" enrolled"
-									]
-								}),
-								/* @__PURE__ */ d("span", { children: [e.enrolled > 0 ? Math.round(e.completed / e.enrolled * 100) : 0, "% completion"] })
-							]
-						})
-					] })]
-				}, e.id))
+				}) : 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", {
+								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),
+									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"
+										]
+									})
+								]
+							}),
+							/* @__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"]
+											})
+										]
+									})
+								]
+							})
+						]
+					}, e.id);
+				})
 			}),
-			I.length > N && /* @__PURE__ */ u(C, {
-				page: M,
-				pageSize: N,
-				totalItems: I.length,
-				onPageChange: F
+			J.length > W && /* @__PURE__ */ x(M, {
+				page: U,
+				pageSize: W,
+				totalItems: J.length,
+				onPageChange: K
 			}),
-			/* @__PURE__ */ u(n, {
-				open: j.open,
-				onOpenChange: j.onOpenChange,
+			/* @__PURE__ */ x(i, {
+				open: H.open,
+				onOpenChange: H.onOpenChange,
 				title: "Create Course",
 				description: "Add a new course to the catalog.",
-				fields: T,
+				fields: F,
 				submitLabel: "Create Course",
 				onSubmit: async (e) => {
-					await D({
+					await l({
 						id: `course-${Date.now()}`,
 						title: String(e.title ?? ""),
 						category: String(e.category ?? ""),
@@ -247,6 +354,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as LearningCoursesPagePage };
+export { z as LearningCoursesPagePage };
 
 //# sourceMappingURL=LearningCoursesPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LearningCoursesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCoursesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Plus, Search, Star, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type LearningCourse } from '../store/crewfoundryStore';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst COURSE_FIELDS: FieldConfig[] = [\n  { name: 'title', label: 'Course Title', type: 'text', required: true, colSpan: 2 },\n  { name: 'category', label: 'Category', type: 'text', required: true },\n  { name: 'instructor', label: 'Instructor', type: 'text', required: true },\n  {\n    name: 'duration',\n    label: 'Duration',\n    type: 'text',\n    required: true,\n    placeholder: 'e.g. 6 weeks',\n  },\n  { name: 'modules', label: 'Modules', type: 'number', required: true, placeholder: 'e.g. 8' },\n  {\n    name: 'level',\n    label: 'Level',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Beginner', value: 'beginner' },\n      { label: 'Intermediate', value: 'intermediate' },\n      { label: 'Advanced', value: 'advanced' },\n    ],\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Draft', value: 'draft' },\n      { label: 'Archived', value: 'archived' },\n    ],\n  },\n  { name: 'description', label: 'Description', type: 'textarea', required: true, colSpan: 2 },\n  {\n    name: 'skills',\n    label: 'Skills',\n    type: 'tags',\n    placeholder: 'Add a skill and press Enter',\n    colSpan: 2,\n  },\n];\n\nexport function LearningCoursesPagePage() {\n  const { courses, addCourse } = useCrewFoundryStore();\n  const navigate = useNavigate();\n  const [search, setSearch] = useState('');\n  const createModal = useFormModal();\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 12 });\n  const filtered = courses.filter((c) =>\n    `${c.title} ${c.category} ${c.instructor}`.toLowerCase().includes(search.toLowerCase())\n  );\n  const paged = filtered.slice(offset, offset + pageSize);\n  const openCourse = (id: string) =>\n    navigate(`../learning/course-details-page?id=${encodeURIComponent(id)}`);\n\n  const handleCreate = async (values: FormValues) => {\n    await addCourse({\n      id: `course-${Date.now()}`,\n      title: String(values.title ?? ''),\n      category: String(values.category ?? ''),\n      instructor: String(values.instructor ?? ''),\n      duration: String(values.duration ?? ''),\n      level: String(values.level ?? 'beginner') as LearningCourse['level'],\n      enrolled: 0,\n      completed: 0,\n      rating: 0,\n      status: String(values.status ?? 'draft') as LearningCourse['status'],\n      description: String(values.description ?? ''),\n      modules: typeof values.modules === 'number' ? values.modules : Number(values.modules) || 0,\n      skills: Array.isArray(values.skills) ? values.skills : [],\n    });\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Course Catalog</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{courses.length} courses available</p>\n          <PagePurpose className=\"mt-1\">\n            Browse the course catalog — find training to grow your team&apos;s skills and enroll in\n            the programs that fit your goals.\n          </PagePurpose>\n        </div>\n        <Button onClick={() => createModal.openModal()}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Create Course\n        </Button>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search courses...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => {\n            setSearch(e.target.value);\n            setPage(1);\n          }}\n        />\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {filtered.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-search\"\n              title=\"No courses found\"\n              description=\"Try a different search term to find training.\"\n            />\n          </div>\n        ) : (\n          paged.map((course, _idx) => (\n            <GlassCard\n              key={course.id}\n              treatment={_idx === 0 ? 'glass' : 'plain'}\n              glow={_idx === 0}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`View ${course.title}`}\n              onClick={() => openCourse(course.id)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  openCourse(course.id);\n                }\n              }}\n              className=\"hover:shadow-md transition-shadow cursor-pointer focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n            >\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {course.category}\n                  </Badge>\n                  <Badge\n                    variant={\n                      course.level === 'beginner'\n                        ? 'secondary'\n                        : course.level === 'intermediate'\n                          ? 'default'\n                          : 'destructive'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(course.level)}\n                  </Badge>\n                </div>\n                <CardTitle className=\"text-base mt-2\">{course.title}</CardTitle>\n                <CardDescription>\n                  {course.instructor} · {course.duration} · {course.modules} modules\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-text-secondary mb-3\">{course.description}</p>\n                <div className=\"flex flex-wrap gap-1 mb-3\">\n                  {course.skills.map((s) => (\n                    <Badge key={s} variant=\"outline\" className=\"text-[9px]\">\n                      {s}\n                    </Badge>\n                  ))}\n                </div>\n                <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n                  <span className=\"flex items-center gap-1\">\n                    <Star className=\"h-3 w-3 text-status-warning-text\" />\n                    {course.rating}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <Users className=\"h-3 w-3\" />\n                    {course.enrolled} enrolled\n                  </span>\n                  <span>\n                    {course.enrolled > 0\n                      ? Math.round((course.completed / course.enrolled) * 100)\n                      : 0}\n                    % completion\n                  </span>\n                </div>\n              </CardContent>\n            </GlassCard>\n          ))\n        )}\n      </div>\n\n      {filtered.length > pageSize && (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      )}\n\n      <FormModal\n        open={createModal.open}\n        onOpenChange={createModal.onOpenChange}\n        title=\"Create Course\"\n        description=\"Add a new course to the catalog.\"\n        fields={COURSE_FIELDS}\n        submitLabel=\"Create Course\"\n        onSubmit={handleCreate}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LearningCoursesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCoursesPagePage.tsx"],"sourcesContent":["import { useMemo, useState, type ComponentType } from 'react';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  CardHeader,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport {\n  BarChart3,\n  Briefcase,\n  Code2,\n  GraduationCap,\n  Megaphone,\n  Palette,\n  Play,\n  Plus,\n  Search,\n  ShieldCheck,\n  Users,\n} from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type LearningCourse } from '../store/crewfoundryStore';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { chartPalette, RatingStars } from '../components/viz';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { readCourseProgress } from '../utils/courseProgress';\n\nconst COURSE_FIELDS: FieldConfig[] = [\n  { name: 'title', label: 'Course Title', type: 'text', required: true, colSpan: 2 },\n  { name: 'category', label: 'Category', type: 'text', required: true },\n  { name: 'instructor', label: 'Instructor', type: 'text', required: true },\n  {\n    name: 'duration',\n    label: 'Duration',\n    type: 'text',\n    required: true,\n    placeholder: 'e.g. 6 weeks',\n  },\n  { name: 'modules', label: 'Modules', type: 'number', required: true, placeholder: 'e.g. 8' },\n  {\n    name: 'level',\n    label: 'Level',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Beginner', value: 'beginner' },\n      { label: 'Intermediate', value: 'intermediate' },\n      { label: 'Advanced', value: 'advanced' },\n    ],\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Draft', value: 'draft' },\n      { label: 'Archived', value: 'archived' },\n    ],\n  },\n  { name: 'description', label: 'Description', type: 'textarea', required: true, colSpan: 2 },\n  {\n    name: 'skills',\n    label: 'Skills',\n    type: 'tags',\n    placeholder: 'Add a skill and press Enter',\n    colSpan: 2,\n  },\n];\n\ntype IconType = ComponentType<{ className?: string }>;\n\n/** Deterministic tokenized accent for a category (never a raw color). */\nfunction categoryAccent(category: string): string {\n  const palette = chartPalette(8);\n  let hash = 0;\n  for (let i = 0; i < category.length; i += 1) {\n    hash = (hash * 31 + category.charCodeAt(i)) >>> 0;\n  }\n  return palette[hash % palette.length];\n}\n\nfunction categoryIcon(category: string): IconType {\n  const c = category.toLowerCase();\n  if (c.includes('engineer') || c.includes('develop') || c.includes('program') || c.includes('tech'))\n    return Code2;\n  if (c.includes('design') || c.includes('ux') || c.includes('ui')) return Palette;\n  if (c.includes('lead') || c.includes('manage') || c.includes('people') || c.includes('hr'))\n    return Users;\n  if (c.includes('compliance') || c.includes('security') || c.includes('legal')) return ShieldCheck;\n  if (c.includes('data') || c.includes('analyt')) return BarChart3;\n  if (c.includes('market') || c.includes('sales')) return Megaphone;\n  if (c.includes('business') || c.includes('finance') || c.includes('operations')) return Briefcase;\n  return GraduationCap;\n}\n\nfunction levelVariant(level: LearningCourse['level']): 'secondary' | 'default' | 'destructive' {\n  return level === 'beginner' ? 'secondary' : level === 'intermediate' ? 'default' : 'destructive';\n}\n\nexport function LearningCoursesPagePage() {\n  const { courses, addCourse, enrollCourse } = useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const navigate = useNavigate();\n  const [search, setSearch] = useState('');\n  const [category, setCategory] = useState('all');\n  const [enrollingId, setEnrollingId] = useState<string | null>(null);\n  const createModal = useFormModal();\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 12 });\n\n  const categories = useMemo(() => {\n    const seen = new Map<string, number>();\n    for (const course of courses) {\n      const key = course.category.trim() || 'Uncategorized';\n      seen.set(key, (seen.get(key) ?? 0) + 1);\n    }\n    return [...seen.entries()].sort((a, b) => b[1] - a[1]);\n  }, [courses]);\n\n  const filtered = courses.filter((c) => {\n    const matchesCategory = category === 'all' || (c.category.trim() || 'Uncategorized') === category;\n    const matchesSearch = `${c.title} ${c.category} ${c.instructor} ${c.skills.join(' ')}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    return matchesCategory && matchesSearch;\n  });\n  const paged = filtered.slice(offset, offset + pageSize);\n\n  const openCourse = (id: string) =>\n    navigate(`../learning/course-details-page?id=${encodeURIComponent(id)}`);\n  const openPlayer = (id: string) =>\n    navigate(`../learning/course-learning-page?id=${encodeURIComponent(id)}`);\n\n  const handleEnroll = async (course: LearningCourse) => {\n    setEnrollingId(course.id);\n    try {\n      await enrollCourse(course.id);\n      showToast(`Enrolled in ${course.title}`, 'success');\n      openPlayer(course.id);\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to enroll in course', 'error');\n    } finally {\n      setEnrollingId(null);\n    }\n  };\n\n  const handleCreate = async (values: FormValues) => {\n    await addCourse({\n      id: `course-${Date.now()}`,\n      title: String(values.title ?? ''),\n      category: String(values.category ?? ''),\n      instructor: String(values.instructor ?? ''),\n      duration: String(values.duration ?? ''),\n      level: String(values.level ?? 'beginner') as LearningCourse['level'],\n      enrolled: 0,\n      completed: 0,\n      rating: 0,\n      status: String(values.status ?? 'draft') as LearningCourse['status'],\n      description: String(values.description ?? ''),\n      modules: typeof values.modules === 'number' ? values.modules : Number(values.modules) || 0,\n      skills: Array.isArray(values.skills) ? values.skills : [],\n    });\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Course Catalog</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {courses.length} courses · {categories.length} categories\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Browse the course catalog — find training to grow your team&apos;s skills and enroll in\n            the programs that fit your goals.\n          </PagePurpose>\n        </div>\n        <Button onClick={() => createModal.openModal()}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Create Course\n        </Button>\n      </div>\n\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"relative max-w-md\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search courses, skills, or instructors...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => {\n              setSearch(e.target.value);\n              setPage(1);\n            }}\n          />\n        </div>\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setCategory('all');\n              setPage(1);\n            }}\n            className={`rounded-full border px-3 py-1 text-xs font-medium transition-colors ${\n              category === 'all'\n                ? 'border-transparent bg-action-primary-bg text-action-primary-text'\n                : 'border-border-subtle bg-bg-surface text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            All\n          </button>\n          {categories.map(([name, count]) => (\n            <button\n              key={name}\n              type=\"button\"\n              onClick={() => {\n                setCategory(name);\n                setPage(1);\n              }}\n              className={`inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors ${\n                category === name\n                  ? 'border-transparent bg-action-primary-bg text-action-primary-text'\n                  : 'border-border-subtle bg-bg-surface text-text-secondary hover:text-text-primary'\n              }`}\n            >\n              {name}\n              <span className=\"tabular-nums opacity-70\">{count}</span>\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {filtered.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-search\"\n              title=\"No courses found\"\n              description=\"Try a different search term or category to find training.\"\n            />\n          </div>\n        ) : (\n          paged.map((course) => {\n            const accent = categoryAccent(course.category);\n            const Icon = categoryIcon(course.category);\n            const progress = readCourseProgress(course.id);\n            const totalModules = Math.max(course.modules, 1);\n            const pct =\n              progress.completed.length > 0\n                ? Math.min(100, Math.round((progress.completed.length / totalModules) * 100))\n                : 0;\n            const started = pct > 0;\n            return (\n              <GlassCard\n                key={course.id}\n                treatment=\"plain\"\n                className=\"group flex flex-col overflow-hidden transition-shadow hover:shadow-md\"\n              >\n                <button\n                  type=\"button\"\n                  aria-label={`View ${course.title}`}\n                  onClick={() => openCourse(course.id)}\n                  className=\"relative flex h-24 w-full items-center justify-between px-5 text-left outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n                  style={{\n                    background: `linear-gradient(135deg, color-mix(in srgb, ${accent} 28%, var(--color-bg-surface)), color-mix(in srgb, ${accent} 8%, var(--color-bg-surface)))`,\n                  }}\n                >\n                  <span\n                    className=\"flex h-11 w-11 items-center justify-center rounded-xl bg-bg-surface/70 shadow-elevation-1\"\n                    style={{ color: accent }}\n                  >\n                    <Icon className=\"h-6 w-6\" />\n                  </span>\n                  <Badge variant={levelVariant(course.level)} className=\"text-[10px]\">\n                    {formatEnumLabel(course.level)}\n                  </Badge>\n                </button>\n                <CardHeader className=\"pb-2\">\n                  <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n                    {course.category}\n                  </Badge>\n                  <button\n                    type=\"button\"\n                    onClick={() => openCourse(course.id)}\n                    className=\"mt-2 text-left text-base font-semibold outline-none hover:text-action-primary-bg focus-visible:text-action-primary-bg\"\n                  >\n                    {course.title}\n                  </button>\n                  <p className=\"text-xs text-text-secondary\">\n                    {course.instructor} · {course.duration} · {course.modules} modules\n                  </p>\n                </CardHeader>\n                <CardContent className=\"flex flex-1 flex-col gap-3\">\n                  <p className=\"line-clamp-2 text-sm text-text-secondary\">{course.description}</p>\n                  {course.skills.length > 0 && (\n                    <div className=\"flex flex-wrap gap-1\">\n                      {course.skills.slice(0, 3).map((s) => (\n                        <Badge key={s} variant=\"outline\" className=\"text-[9px]\">\n                          {s}\n                        </Badge>\n                      ))}\n                    </div>\n                  )}\n                  <div className=\"mt-auto space-y-3\">\n                    <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n                      <RatingStars value={course.rating} size={13} showValue />\n                      <span className=\"flex items-center gap-1\">\n                        <Users className=\"h-3 w-3\" />\n                        {course.enrolled} enrolled\n                      </span>\n                    </div>\n                    {started && (\n                      <div className=\"space-y-1\">\n                        <div className=\"flex justify-between text-[11px] font-medium\">\n                          <span className=\"text-text-secondary\">{pct}% complete</span>\n                        </div>\n                        <div className=\"h-1.5 overflow-hidden rounded-full bg-bg-sunken\">\n                          <div\n                            className=\"h-full rounded-full bg-action-primary-bg\"\n                            style={{ width: `${pct}%` }}\n                          />\n                        </div>\n                      </div>\n                    )}\n                    <Button\n                      className=\"w-full\"\n                      variant={started ? 'outline' : 'default'}\n                      disabled={enrollingId === course.id}\n                      onClick={() =>\n                        started ? openPlayer(course.id) : void handleEnroll(course)\n                      }\n                    >\n                      <Play className=\"mr-1 h-4 w-4\" />\n                      {enrollingId === course.id\n                        ? 'Enrolling…'\n                        : started\n                          ? 'Continue'\n                          : 'Enroll'}\n                    </Button>\n                  </div>\n                </CardContent>\n              </GlassCard>\n            );\n          })\n        )}\n      </div>\n\n      {filtered.length > pageSize && (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      )}\n\n      <FormModal\n        open={createModal.open}\n        onOpenChange={createModal.onOpenChange}\n        title=\"Create Course\"\n        description=\"Add a new course to the catalog.\"\n        fields={COURSE_FIELDS}\n        submitLabel=\"Create Course\"\n        onSubmit={handleCreate}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}