@burdenoff/microfe-crewfoundry 2026.1013.2 → 2026.1029.1

package/dist/crewfoundry/pages/LearningCourseLearningPagePage.js

@@ -1,309 +0,0 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { SegmentedTabs as n } from "../components/viz/SegmentedTabs.js";
-import "../components/viz/index.js";
-import { progressPercent as r, readCourseProgress as i, writeCourseProgress as a } from "../utils/courseProgress.js";
-import { useMemo as o, useState as s } from "react";
-import { Check as c, ChevronLeft as l, ChevronRight as u, CircleDashed as d, FileText as f, Play as p } from "lucide-react";
-import { useNavigate as m, useSearchParams as h } from "react-router";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Badge as y, Button as b, Card as x, CardContent as S, GlassCard as C, IllustratedEmptyState as w, Spinner as T, Textarea as E } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as D } from "@burdenoff/fe-libs/shared/providers/shell";
-//#region src/crewfoundry/pages/LearningCourseLearningPagePage.tsx
-var O = "crewfoundry:course-enrolled:v1", k = "crewfoundry:course-notes:v1";
-function A(e) {
-	if (typeof window > "u") return !1;
-	try {
-		let t = window.localStorage.getItem(O), n = t ? JSON.parse(t) : [];
-		return Array.isArray(n) && n.includes(e);
-	} catch {
-		return !1;
-	}
-}
-function ee(e) {
-	if (!(typeof window > "u")) try {
-		let t = window.localStorage.getItem(O), n = t ? JSON.parse(t) : [], r = Array.isArray(n) ? n.filter((e) => typeof e == "string") : [];
-		r.includes(e) || (r.push(e), window.localStorage.setItem(O, JSON.stringify(r)));
-	} catch {}
-}
-function te(e) {
-	if (typeof window > "u") return "";
-	try {
-		let t = window.localStorage.getItem(k), n = t ? JSON.parse(t) : {};
-		if (n && typeof n == "object") {
-			let t = n[e];
-			return typeof t == "string" ? t : "";
-		}
-		return "";
-	} catch {
-		return "";
-	}
-}
-function ne(e, t) {
-	if (!(typeof window > "u")) try {
-		let n = window.localStorage.getItem(k), r = n ? JSON.parse(n) : {}, i = r && typeof r == "object" ? r : {};
-		i[e] = t, window.localStorage.setItem(k, JSON.stringify(i));
-	} catch {}
-}
-function j() {
-	let O = m(), [k] = h(), { courses: j, enrollCourse: M, initialized: N } = e(), { showToast: P } = D(), F = k.get("id"), I = F ? j.find((e) => e.id === F) : j[0], L = I ? Math.max(I.modules, 1) : 1, [R, z] = s(() => I ? i(I.id).completed : []), [B, V] = s(() => {
-		if (!I) return 0;
-		let e = new Set(i(I.id).completed);
-		for (let t = 0; t < Math.max(I.modules, 1); t += 1) if (!e.has(t)) return t;
-		return 0;
-	}), [H, U] = s("overview"), [W, G] = s(() => I ? te(I.id) : ""), K = o(() => new Set(R), [R]), q = r({ completed: R }, L);
-	if (!N && !I) return /* @__PURE__ */ _("div", {
-		className: "flex min-h-[60vh] items-center justify-center p-6",
-		children: /* @__PURE__ */ _(T, { size: "lg" })
-	});
-	if (!I) return /* @__PURE__ */ _("div", {
-		className: "p-6",
-		children: /* @__PURE__ */ _(w, {
-			illustration: "empty-search",
-			title: "Course not found",
-			description: "This course is no longer available.",
-			action: /* @__PURE__ */ _(b, {
-				variant: "outline",
-				onClick: () => O("../learning/courses-page"),
-				children: "Browse courses"
-			})
-		})
-	});
-	let J = (e) => {
-		z(e), a(I.id, e, L);
-	}, Y = async () => {
-		if (!A(I.id)) {
-			ee(I.id);
-			try {
-				await M(I.id);
-			} catch {}
-		}
-	}, X = async () => {
-		if (!K.has(B)) {
-			let e = R.length === 0, t = [...R, B];
-			J(t), e && await Y(), t.length >= L && P(`You completed ${I.title}`, "success");
-		}
-		B < L - 1 && (V(B + 1), U("overview"));
-	}, Z = (e) => {
-		V(e), U("overview");
-	}, re = () => B > 0 && Z(B - 1), ie = () => B < L - 1 && Z(B + 1), Q = K.has(B), $ = `Module ${B + 1}`;
-	return /* @__PURE__ */ v("div", {
-		className: "space-y-5 p-6",
-		children: [/* @__PURE__ */ v("div", {
-			className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-text-secondary",
-			children: [
-				/* @__PURE__ */ _("button", {
-					type: "button",
-					onClick: () => O("../learning/courses-page"),
-					className: "hover:text-text-primary",
-					children: "Learning"
-				}),
-				/* @__PURE__ */ _(u, { className: "h-3.5 w-3.5" }),
-				/* @__PURE__ */ _("button", {
-					type: "button",
-					onClick: () => O(`../learning/course-details-page?id=${encodeURIComponent(I.id)}`),
-					className: "hover:text-text-primary",
-					children: "Courses"
-				}),
-				/* @__PURE__ */ _(u, { className: "h-3.5 w-3.5" }),
-				/* @__PURE__ */ _("span", {
-					className: "font-medium text-text-primary",
-					children: I.title
-				})
-			]
-		}), /* @__PURE__ */ v("div", {
-			className: "grid grid-cols-1 gap-5 lg:grid-cols-[minmax(0,20rem)_minmax(0,1fr)]",
-			children: [/* @__PURE__ */ _(x, {
-				className: "lg:sticky lg:top-4 lg:max-h-[calc(100vh-2rem)] lg:overflow-y-auto",
-				children: /* @__PURE__ */ v(S, {
-					className: "p-4",
-					children: [
-						/* @__PURE__ */ v("div", {
-							className: "mb-3 flex items-baseline justify-between gap-2",
-							children: [/* @__PURE__ */ _("h2", {
-								className: "text-sm font-semibold",
-								children: "Course content"
-							}), /* @__PURE__ */ v("span", {
-								className: "text-xs font-medium text-text-secondary tabular-nums",
-								children: [q, "% complete"]
-							})]
-						}),
-						/* @__PURE__ */ _("div", {
-							className: "mb-4 h-2 overflow-hidden rounded-full bg-bg-sunken",
-							children: /* @__PURE__ */ _("div", {
-								className: "h-full rounded-full bg-action-primary-bg transition-[width] duration-500",
-								style: { width: `${q}%` }
-							})
-						}),
-						/* @__PURE__ */ _("ol", {
-							className: "space-y-1",
-							children: Array.from({ length: L }, (e, t) => {
-								let n = K.has(t), r = t === B;
-								return /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v("button", {
-									type: "button",
-									onClick: () => Z(t),
-									"aria-current": r ? "step" : void 0,
-									className: `flex w-full items-center gap-3 rounded-md px-2.5 py-2 text-left text-sm transition-colors ${r ? "bg-action-primary-bg/10 font-medium text-text-primary" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}`,
-									children: [/* @__PURE__ */ _("span", {
-										className: `flex h-5 w-5 shrink-0 items-center justify-center rounded-full border ${n ? "border-transparent bg-status-success-bg text-status-success-text" : r ? "border-action-primary-bg text-action-primary-bg" : "border-border-default text-transparent"}`,
-										children: _(n ? c : d, { className: "h-3 w-3" })
-									}), /* @__PURE__ */ _("span", {
-										className: "truncate",
-										children: `Module ${t + 1}`
-									})]
-								}) }, t);
-							})
-						})
-					]
-				})
-			}), /* @__PURE__ */ v("div", {
-				className: "space-y-5",
-				children: [/* @__PURE__ */ v(C, {
-					treatment: "plain",
-					className: "overflow-hidden",
-					children: [/* @__PURE__ */ v("button", {
-						type: "button",
-						onClick: () => void X(),
-						"aria-label": Q ? "Next module" : "Mark this module complete",
-						className: "group relative flex aspect-video w-full items-center justify-center outline-none focus-visible:shadow-[var(--shadow-focus)]",
-						style: { background: "linear-gradient(135deg, color-mix(in srgb, var(--color-accent-primary) 24%, var(--color-bg-sunken)), var(--color-bg-sunken))" },
-						children: [/* @__PURE__ */ _("span", {
-							className: "absolute left-4 top-4",
-							children: /* @__PURE__ */ _(y, {
-								variant: "secondary",
-								className: "text-[10px]",
-								children: $
-							})
-						}), /* @__PURE__ */ _("span", {
-							className: "flex h-16 w-16 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text shadow-elevation-2 transition-transform group-hover:scale-105",
-							children: Q ? /* @__PURE__ */ _(c, { className: "h-7 w-7" }) : /* @__PURE__ */ _(p, { className: "ml-1 h-7 w-7" })
-						})]
-					}), /* @__PURE__ */ v(S, {
-						className: "space-y-4 p-5",
-						children: [
-							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("div", {
-								className: "flex flex-wrap items-center gap-2",
-								children: [
-									/* @__PURE__ */ _("h1", {
-										className: "text-xl font-semibold",
-										children: $
-									}),
-									/* @__PURE__ */ _(y, {
-										variant: I.level === "beginner" ? "secondary" : I.level === "intermediate" ? "default" : "destructive",
-										className: "text-[10px]",
-										children: t(I.level)
-									}),
-									Q && /* @__PURE__ */ v("span", {
-										className: "inline-flex items-center gap-1 text-xs font-medium text-status-success-text",
-										children: [/* @__PURE__ */ _(c, { className: "h-3.5 w-3.5" }), " Completed"]
-									})
-								]
-							}), /* @__PURE__ */ v("p", {
-								className: "mt-1 text-sm text-text-secondary",
-								children: [
-									I.title,
-									" · by ",
-									I.instructor
-								]
-							})] }),
-							/* @__PURE__ */ _(n, {
-								variant: "underline",
-								"aria-label": "Lesson detail",
-								value: H,
-								onChange: (e) => U(e),
-								tabs: [
-									{
-										id: "overview",
-										label: "Overview"
-									},
-									{
-										id: "resources",
-										label: "Resources"
-									},
-									{
-										id: "notes",
-										label: "Notes"
-									}
-								]
-							}),
-							H === "overview" && /* @__PURE__ */ v("div", {
-								className: "space-y-3",
-								children: [/* @__PURE__ */ _("p", {
-									className: "text-sm text-text-secondary",
-									children: I.description
-								}), I.skills.length > 0 && /* @__PURE__ */ _("div", {
-									className: "flex flex-wrap gap-1",
-									children: I.skills.map((e) => /* @__PURE__ */ _(y, {
-										variant: "outline",
-										className: "text-[10px]",
-										children: e
-									}, e))
-								})]
-							}),
-							H === "resources" && /* @__PURE__ */ v("div", {
-								className: "rounded-lg border border-dashed border-border-default p-6 text-center",
-								children: [
-									/* @__PURE__ */ _(f, { className: "mx-auto mb-2 h-6 w-6 text-text-muted" }),
-									/* @__PURE__ */ _("p", {
-										className: "text-sm font-medium",
-										children: "No downloadable resources yet"
-									}),
-									/* @__PURE__ */ _("p", {
-										className: "text-xs text-text-secondary",
-										children: "Slides and attachments for this module will appear here when the instructor adds them."
-									})
-								]
-							}),
-							H === "notes" && /* @__PURE__ */ v("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ _(E, {
-									value: W,
-									onChange: (e) => {
-										G(e.target.value), ne(I.id, e.target.value);
-									},
-									placeholder: "Jot down your notes for this course. They are saved to this device automatically.",
-									rows: 5
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-muted",
-									children: "Notes are saved automatically on this device."
-								})]
-							})
-						]
-					})]
-				}), /* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
-					className: "space-y-4 p-4",
-					children: [/* @__PURE__ */ _("div", {
-						className: "h-2 overflow-hidden rounded-full bg-bg-sunken",
-						children: /* @__PURE__ */ _("div", {
-							className: "h-full rounded-full bg-status-success-bg transition-[width] duration-500",
-							style: { width: `${q}%` }
-						})
-					}), /* @__PURE__ */ v("div", {
-						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ v(b, {
-							variant: "outline",
-							onClick: re,
-							disabled: B === 0,
-							children: [/* @__PURE__ */ _(l, { className: "mr-1 h-4 w-4" }), "Previous"]
-						}), /* @__PURE__ */ v("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ _(b, {
-								onClick: () => void X(),
-								children: Q ? B < L - 1 ? "Next module" : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(c, { className: "mr-1 h-4 w-4" }), " Completed"] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(c, { className: "mr-1 h-4 w-4" }), " Mark Complete"] })
-							}), /* @__PURE__ */ v(b, {
-								variant: "outline",
-								onClick: ie,
-								disabled: B >= L - 1,
-								children: ["Next", /* @__PURE__ */ _(u, { className: "ml-1 h-4 w-4" })]
-							})]
-						})]
-					})]
-				}) })]
-			})]
-		})]
-	});
-}
-//#endregion
-export { j as LearningCourseLearningPagePage };
-
-//# sourceMappingURL=LearningCourseLearningPagePage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LearningCourseLearningPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCourseLearningPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  GlassCard,\n  IllustratedEmptyState,\n  Spinner,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Check, ChevronLeft, ChevronRight, CircleDashed, FileText, Play } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { SegmentedTabs } from '../components/viz';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { readCourseProgress, writeCourseProgress, progressPercent } from '../utils/courseProgress';\n\nconst ENROLLED_KEY = 'crewfoundry:course-enrolled:v1';\nconst NOTES_KEY = 'crewfoundry:course-notes:v1';\n\nfunction hasEnrolledLocally(courseId: string): boolean {\n  if (typeof window === 'undefined') return false;\n  try {\n    const raw = window.localStorage.getItem(ENROLLED_KEY);\n    const ids: unknown = raw ? JSON.parse(raw) : [];\n    return Array.isArray(ids) && ids.includes(courseId);\n  } catch {\n    return false;\n  }\n}\n\nfunction markEnrolledLocally(courseId: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    const raw = window.localStorage.getItem(ENROLLED_KEY);\n    const ids: unknown = raw ? JSON.parse(raw) : [];\n    const list = Array.isArray(ids) ? ids.filter((x): x is string => typeof x === 'string') : [];\n    if (!list.includes(courseId)) {\n      list.push(courseId);\n      window.localStorage.setItem(ENROLLED_KEY, JSON.stringify(list));\n    }\n  } catch {\n    /* best-effort */\n  }\n}\n\nfunction readNotes(courseId: string): string {\n  if (typeof window === 'undefined') return '';\n  try {\n    const raw = window.localStorage.getItem(NOTES_KEY);\n    const map: unknown = raw ? JSON.parse(raw) : {};\n    if (map && typeof map === 'object') {\n      const value = (map as Record<string, unknown>)[courseId];\n      return typeof value === 'string' ? value : '';\n    }\n    return '';\n  } catch {\n    return '';\n  }\n}\n\nfunction writeNotes(courseId: string, notes: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    const raw = window.localStorage.getItem(NOTES_KEY);\n    const parsed: unknown = raw ? JSON.parse(raw) : {};\n    const map: Record<string, string> =\n      parsed && typeof parsed === 'object' ? (parsed as Record<string, string>) : {};\n    map[courseId] = notes;\n    window.localStorage.setItem(NOTES_KEY, JSON.stringify(map));\n  } catch {\n    /* best-effort */\n  }\n}\n\ntype PlayerTab = 'overview' | 'resources' | 'notes';\n\nexport function LearningCourseLearningPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { courses, enrollCourse, initialized } = useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n\n  const courseId = searchParams.get('id');\n  const course = courseId ? courses.find((c) => c.id === courseId) : courses[0];\n\n  const totalModules = course ? Math.max(course.modules, 1) : 1;\n\n  const [completed, setCompleted] = useState<number[]>(() =>\n    course ? readCourseProgress(course.id).completed : []\n  );\n  const [current, setCurrent] = useState<number>(() => {\n    if (!course) return 0;\n    const done = new Set(readCourseProgress(course.id).completed);\n    for (let i = 0; i < Math.max(course.modules, 1); i += 1) {\n      if (!done.has(i)) return i;\n    }\n    return 0;\n  });\n  const [tab, setTab] = useState<PlayerTab>('overview');\n  const [notes, setNotes] = useState<string>(() => (course ? readNotes(course.id) : ''));\n\n  const completedSet = useMemo(() => new Set(completed), [completed]);\n  const pct = progressPercent({ completed }, totalModules);\n\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          action={\n            <Button variant=\"outline\" onClick={() => navigate('../learning/courses-page')}>\n              Browse courses\n            </Button>\n          }\n        />\n      </div>\n    );\n  }\n\n  const persist = (next: number[]) => {\n    setCompleted(next);\n    writeCourseProgress(course.id, next, totalModules);\n  };\n\n  const ensureEnrolled = async () => {\n    if (hasEnrolledLocally(course.id)) return;\n    markEnrolledLocally(course.id);\n    try {\n      await enrollCourse(course.id);\n    } catch {\n      /* enrolment is a best-effort side effect of starting the course */\n    }\n  };\n\n  const handleMarkComplete = async () => {\n    if (!completedSet.has(current)) {\n      const wasEmpty = completed.length === 0;\n      const next = [...completed, current];\n      persist(next);\n      if (wasEmpty) {\n        await ensureEnrolled();\n      }\n      if (next.length >= totalModules) {\n        showToast(`You completed ${course.title}`, 'success');\n      }\n    }\n    if (current < totalModules - 1) {\n      setCurrent(current + 1);\n      setTab('overview');\n    }\n  };\n\n  const goTo = (index: number) => {\n    setCurrent(index);\n    setTab('overview');\n  };\n\n  const goPrev = () => current > 0 && goTo(current - 1);\n  const goNext = () => current < totalModules - 1 && goTo(current + 1);\n\n  const currentComplete = completedSet.has(current);\n  const moduleTitle = `Module ${current + 1}`;\n\n  return (\n    <div className=\"space-y-5 p-6\">\n      <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-text-secondary\">\n        <button\n          type=\"button\"\n          onClick={() => navigate('../learning/courses-page')}\n          className=\"hover:text-text-primary\"\n        >\n          Learning\n        </button>\n        <ChevronRight className=\"h-3.5 w-3.5\" />\n        <button\n          type=\"button\"\n          onClick={() =>\n            navigate(`../learning/course-details-page?id=${encodeURIComponent(course.id)}`)\n          }\n          className=\"hover:text-text-primary\"\n        >\n          Courses\n        </button>\n        <ChevronRight className=\"h-3.5 w-3.5\" />\n        <span className=\"font-medium text-text-primary\">{course.title}</span>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-5 lg:grid-cols-[minmax(0,20rem)_minmax(0,1fr)]\">\n        {/* Course content sidebar */}\n        <Card className=\"lg:sticky lg:top-4 lg:max-h-[calc(100vh-2rem)] lg:overflow-y-auto\">\n          <CardContent className=\"p-4\">\n            <div className=\"mb-3 flex items-baseline justify-between gap-2\">\n              <h2 className=\"text-sm font-semibold\">Course content</h2>\n              <span className=\"text-xs font-medium text-text-secondary tabular-nums\">\n                {pct}% complete\n              </span>\n            </div>\n            <div className=\"mb-4 h-2 overflow-hidden rounded-full bg-bg-sunken\">\n              <div\n                className=\"h-full rounded-full bg-action-primary-bg transition-[width] duration-500\"\n                style={{ width: `${pct}%` }}\n              />\n            </div>\n            <ol className=\"space-y-1\">\n              {Array.from({ length: totalModules }, (_, i) => {\n                const done = completedSet.has(i);\n                const isCurrent = i === current;\n                return (\n                  <li key={i}>\n                    <button\n                      type=\"button\"\n                      onClick={() => goTo(i)}\n                      aria-current={isCurrent ? 'step' : undefined}\n                      className={`flex w-full items-center gap-3 rounded-md px-2.5 py-2 text-left text-sm transition-colors ${\n                        isCurrent\n                          ? 'bg-action-primary-bg/10 font-medium text-text-primary'\n                          : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n                      }`}\n                    >\n                      <span\n                        className={`flex h-5 w-5 shrink-0 items-center justify-center rounded-full border ${\n                          done\n                            ? 'border-transparent bg-status-success-bg text-status-success-text'\n                            : isCurrent\n                              ? 'border-action-primary-bg text-action-primary-bg'\n                              : 'border-border-default text-transparent'\n                        }`}\n                      >\n                        {done ? (\n                          <Check className=\"h-3 w-3\" />\n                        ) : (\n                          <CircleDashed className=\"h-3 w-3\" />\n                        )}\n                      </span>\n                      <span className=\"truncate\">{`Module ${i + 1}`}</span>\n                    </button>\n                  </li>\n                );\n              })}\n            </ol>\n          </CardContent>\n        </Card>\n\n        {/* Main pane */}\n        <div className=\"space-y-5\">\n          <GlassCard treatment=\"plain\" className=\"overflow-hidden\">\n            <button\n              type=\"button\"\n              onClick={() => void handleMarkComplete()}\n              aria-label={currentComplete ? 'Next module' : 'Mark this module complete'}\n              className=\"group relative flex aspect-video w-full items-center justify-center outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n              style={{\n                background:\n                  'linear-gradient(135deg, color-mix(in srgb, var(--color-accent-primary) 24%, var(--color-bg-sunken)), var(--color-bg-sunken))',\n              }}\n            >\n              <span className=\"absolute left-4 top-4\">\n                <Badge variant=\"secondary\" className=\"text-[10px]\">\n                  {moduleTitle}\n                </Badge>\n              </span>\n              <span className=\"flex h-16 w-16 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text shadow-elevation-2 transition-transform group-hover:scale-105\">\n                {currentComplete ? (\n                  <Check className=\"h-7 w-7\" />\n                ) : (\n                  <Play className=\"ml-1 h-7 w-7\" />\n                )}\n              </span>\n            </button>\n            <CardContent className=\"space-y-4 p-5\">\n              <div>\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <h1 className=\"text-xl font-semibold\">{moduleTitle}</h1>\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                  {currentComplete && (\n                    <span className=\"inline-flex items-center gap-1 text-xs font-medium text-status-success-text\">\n                      <Check className=\"h-3.5 w-3.5\" /> Completed\n                    </span>\n                  )}\n                </div>\n                <p className=\"mt-1 text-sm text-text-secondary\">\n                  {course.title} · by {course.instructor}\n                </p>\n              </div>\n\n              <SegmentedTabs\n                variant=\"underline\"\n                aria-label=\"Lesson detail\"\n                value={tab}\n                onChange={(id) => setTab(id as PlayerTab)}\n                tabs={[\n                  { id: 'overview', label: 'Overview' },\n                  { id: 'resources', label: 'Resources' },\n                  { id: 'notes', label: 'Notes' },\n                ]}\n              />\n\n              {tab === 'overview' && (\n                <div className=\"space-y-3\">\n                  <p className=\"text-sm text-text-secondary\">{course.description}</p>\n                  {course.skills.length > 0 && (\n                    <div className=\"flex flex-wrap gap-1\">\n                      {course.skills.map((s) => (\n                        <Badge key={s} variant=\"outline\" className=\"text-[10px]\">\n                          {s}\n                        </Badge>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              )}\n\n              {tab === 'resources' && (\n                <div className=\"rounded-lg border border-dashed border-border-default p-6 text-center\">\n                  <FileText className=\"mx-auto mb-2 h-6 w-6 text-text-muted\" />\n                  <p className=\"text-sm font-medium\">No downloadable resources yet</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    Slides and attachments for this module will appear here when the instructor adds\n                    them.\n                  </p>\n                </div>\n              )}\n\n              {tab === 'notes' && (\n                <div className=\"space-y-2\">\n                  <Textarea\n                    value={notes}\n                    onChange={(e) => {\n                      setNotes(e.target.value);\n                      writeNotes(course.id, e.target.value);\n                    }}\n                    placeholder=\"Jot down your notes for this course. They are saved to this device automatically.\"\n                    rows={5}\n                  />\n                  <p className=\"text-xs text-text-muted\">\n                    Notes are saved automatically on this device.\n                  </p>\n                </div>\n              )}\n            </CardContent>\n          </GlassCard>\n\n          {/* Footer controls */}\n          <Card>\n            <CardContent className=\"space-y-4 p-4\">\n              <div className=\"h-2 overflow-hidden rounded-full bg-bg-sunken\">\n                <div\n                  className=\"h-full rounded-full bg-status-success-bg transition-[width] duration-500\"\n                  style={{ width: `${pct}%` }}\n                />\n              </div>\n              <div className=\"flex items-center justify-between gap-2\">\n                <Button variant=\"outline\" onClick={goPrev} disabled={current === 0}>\n                  <ChevronLeft className=\"mr-1 h-4 w-4\" />\n                  Previous\n                </Button>\n                <div className=\"flex items-center gap-2\">\n                  <Button onClick={() => void handleMarkComplete()}>\n                    {currentComplete ? (\n                      current < totalModules - 1 ? (\n                        'Next module'\n                      ) : (\n                        <>\n                          <Check className=\"mr-1 h-4 w-4\" /> Completed\n                        </>\n                      )\n                    ) : (\n                      <>\n                        <Check className=\"mr-1 h-4 w-4\" /> Mark Complete\n                      </>\n                    )}\n                  </Button>\n                  <Button variant=\"outline\" onClick={goNext} disabled={current >= totalModules - 1}>\n                    Next\n                    <ChevronRight className=\"ml-1 h-4 w-4\" />\n                  </Button>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-export declare function LearningLearningPagePage(): import("react").JSX.Element;
-//# sourceMappingURL=LearningLearningPagePage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LearningLearningPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningLearningPagePage.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,wBAAwB,gCAkKvC"}

package/dist/crewfoundry/pages/LearningLearningPagePage.js

@@ -1,200 +0,0 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { BookOpen as n, GraduationCap as r, Star as i, TrendingUp as a, Users as o } from "lucide-react";
-import { useNavigate as s } from "react-router";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
-//#region src/crewfoundry/pages/LearningLearningPagePage.tsx
-function y() {
-	let y = s(), { courses: b, learningPaths: x } = e(), S = b.reduce((e, t) => e + t.enrolled, 0), C = b.reduce((e, t) => e + t.completed, 0), w = [...b].sort((e, t) => t.rating - e.rating).slice(0, 3), T = (e) => y(`../learning/course-details-page?id=${encodeURIComponent(e)}`), E = (e) => y(`../learning/learning-path-detail-page?id=${encodeURIComponent(e)}`);
-	return /* @__PURE__ */ l("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ l("div", { children: [
-				/* @__PURE__ */ c("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ c(_, { children: "Learning & Development" })
-				}),
-				/* @__PURE__ */ c("p", {
-					className: "text-sm text-text-secondary",
-					children: "Explore courses, learning paths, and grow your skills"
-				}),
-				/* @__PURE__ */ c(v, {
-					className: "mt-1",
-					children: "Your learning home — discover courses, continue where you left off, and keep developing the skills your role needs."
-				})
-			] }),
-			/* @__PURE__ */ l("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ l(g, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
-								className: "text-sm font-medium",
-								children: "Courses"
-							}), /* @__PURE__ */ c(n, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: b.length
-						}), /* @__PURE__ */ c("p", {
-							className: "text-xs text-text-secondary",
-							children: "Active courses"
-						})] })]
-					}),
-					/* @__PURE__ */ l(g, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
-								className: "text-sm font-medium",
-								children: "Enrolled"
-							}), /* @__PURE__ */ c(o, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: S
-						}) })]
-					}),
-					/* @__PURE__ */ l(g, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
-								className: "text-sm font-medium",
-								children: "Completed"
-							}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: C
-						}) })]
-					}),
-					/* @__PURE__ */ l(g, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
-								className: "text-sm font-medium",
-								children: "Paths"
-							}), /* @__PURE__ */ c(a, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: x.length
-						}) })]
-					})
-				]
-			}),
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h2", {
-				className: "text-lg font-medium mb-3",
-				children: "Featured Courses"
-			}), /* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: w.map((e) => /* @__PURE__ */ l(d, {
-					role: "button",
-					tabIndex: 0,
-					"aria-label": `View ${e.title}`,
-					onClick: () => T(e.id),
-					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), T(e.id));
-					},
-					className: "cursor-pointer transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]",
-					children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, {
-						className: "text-base",
-						children: e.title
-					}), /* @__PURE__ */ l(p, { children: [
-						e.instructor,
-						" · ",
-						e.duration
-					] })] }), /* @__PURE__ */ l(f, { children: [
-						/* @__PURE__ */ c("p", {
-							className: "text-sm text-text-secondary mb-3",
-							children: e.description
-						}),
-						/* @__PURE__ */ l("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ l("div", {
-								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ c(i, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ c("span", {
-									className: "text-sm",
-									children: e.rating
-								})]
-							}), /* @__PURE__ */ l("div", {
-								className: "flex gap-1",
-								children: [/* @__PURE__ */ c(u, {
-									variant: "outline",
-									className: "text-[10px]",
-									children: t(e.level)
-								}), /* @__PURE__ */ c(u, {
-									variant: "outline",
-									className: "text-[10px]",
-									children: e.category
-								})]
-							})]
-						}),
-						/* @__PURE__ */ l("div", {
-							className: "mt-2 text-xs text-text-secondary",
-							children: [
-								e.enrolled,
-								" enrolled · ",
-								e.completed,
-								" completed"
-							]
-						})
-					] })]
-				}, e.id))
-			})] }),
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h2", {
-				className: "text-lg font-medium mb-3",
-				children: "Learning Paths"
-			}), /* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-3",
-				children: x.map((e) => /* @__PURE__ */ l(d, {
-					role: "button",
-					tabIndex: 0,
-					"aria-label": `View ${e.title}`,
-					onClick: () => E(e.id),
-					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), E(e.id));
-					},
-					className: "cursor-pointer transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]",
-					children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, {
-						className: "text-base",
-						children: e.title
-					}), /* @__PURE__ */ c(p, { children: e.description })] }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
-						className: "flex items-center justify-between text-sm text-text-secondary",
-						children: [/* @__PURE__ */ l("span", { children: [
-							e.courses.length,
-							" courses · ",
-							e.duration
-						] }), /* @__PURE__ */ c(u, {
-							variant: "outline",
-							className: "text-[10px]",
-							children: t(e.level)
-						})]
-					}), /* @__PURE__ */ l("div", {
-						className: "mt-2 space-y-1",
-						children: [/* @__PURE__ */ l("div", {
-							className: "flex justify-between text-xs",
-							children: [/* @__PURE__ */ l("span", { children: [e.enrolled, " enrolled"] }), /* @__PURE__ */ l("span", { children: [e.completionRate, "%"] })]
-						}), /* @__PURE__ */ c("div", {
-							className: "h-2 bg-bg-sunken rounded overflow-hidden",
-							children: /* @__PURE__ */ c("div", {
-								className: "h-2 bg-action-primary-bg rounded",
-								style: { width: `${e.completionRate}%` }
-							})
-						})]
-					})] })]
-				}, e.id))
-			})] })
-		]
-	});
-}
-//#endregion
-export { y as LearningLearningPagePage };
-
-//# sourceMappingURL=LearningLearningPagePage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LearningLearningPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, GraduationCap, Star, TrendingUp, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function LearningLearningPagePage() {\n  const navigate = useNavigate();\n  const { courses, learningPaths } = useCrewFoundryStore();\n  const totalEnrolled = courses.reduce((s, c) => s + c.enrolled, 0);\n  const totalCompleted = courses.reduce((s, c) => s + c.completed, 0);\n  const featuredCourses = [...courses].sort((a, b) => b.rating - a.rating).slice(0, 3);\n  const openCourse = (id: string) =>\n    navigate(`../learning/course-details-page?id=${encodeURIComponent(id)}`);\n  const openPath = (id: string) =>\n    navigate(`../learning/learning-path-detail-page?id=${encodeURIComponent(id)}`);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Learning & Development</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          Explore courses, learning paths, and grow your skills\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Your learning home — discover courses, continue where you left off, and keep developing\n          the skills your role needs.\n        </PagePurpose>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Courses</CardTitle>\n            <BookOpen className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{courses.length}</div>\n            <p className=\"text-xs text-text-secondary\">Active courses</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Enrolled</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalEnrolled}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Completed</CardTitle>\n            <GraduationCap className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalCompleted}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Paths</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{learningPaths.length}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <div>\n        <h2 className=\"text-lg font-medium mb-3\">Featured Courses</h2>\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {featuredCourses.map((course) => (\n            <Card\n              key={course.id}\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=\"cursor-pointer transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n            >\n              <CardHeader>\n                <CardTitle className=\"text-base\">{course.title}</CardTitle>\n                <CardDescription>\n                  {course.instructor} · {course.duration}\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-text-secondary mb-3\">{course.description}</p>\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-1\">\n                    <Star className=\"h-3 w-3 text-status-warning-text\" />\n                    <span className=\"text-sm\">{course.rating}</span>\n                  </div>\n                  <div className=\"flex gap-1\">\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {formatEnumLabel(course.level)}\n                    </Badge>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {course.category}\n                    </Badge>\n                  </div>\n                </div>\n                <div className=\"mt-2 text-xs text-text-secondary\">\n                  {course.enrolled} enrolled · {course.completed} completed\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n      <div>\n        <h2 className=\"text-lg font-medium mb-3\">Learning Paths</h2>\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          {learningPaths.map((path) => (\n            <Card\n              key={path.id}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`View ${path.title}`}\n              onClick={() => openPath(path.id)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  openPath(path.id);\n                }\n              }}\n              className=\"cursor-pointer transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n            >\n              <CardHeader>\n                <CardTitle className=\"text-base\">{path.title}</CardTitle>\n                <CardDescription>{path.description}</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                  <span>\n                    {path.courses.length} courses · {path.duration}\n                  </span>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {formatEnumLabel(path.level)}\n                  </Badge>\n                </div>\n                <div className=\"mt-2 space-y-1\">\n                  <div className=\"flex justify-between text-xs\">\n                    <span>{path.enrolled} enrolled</span>\n                    <span>{path.completionRate}%</span>\n                  </div>\n                  <div className=\"h-2 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-2 bg-action-primary-bg rounded\"\n                      style={{ width: `${path.completionRate}%` }}\n                    />\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-export declare function LearningLearningPathDetailPagePage(): import("react").JSX.Element;
-//# sourceMappingURL=LearningLearningPathDetailPagePage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LearningLearningPathDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningLearningPathDetailPagePage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,kCAAkC,gCAkLjD"}