@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/LearningCertificatesPagePage.js

@@ -0,0 +1,103 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { Award as n, Download as r, ExternalLink as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/LearningCertificatesPagePage.tsx
+var p = (/* @__PURE__ */ new Date("2026-03-01T00:00:00Z")).getTime(), m = (e) => {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
+};
+function h() {
+	let { courses: h, employees: g } = e(), _ = t(() => h.slice(0, 12).map((e, t) => {
+		let n = g[t % Math.max(g.length, 1)]?.firstName && g[t % Math.max(g.length, 1)]?.lastName ? `${g[t % g.length].firstName} ${g[t % g.length].lastName}` : e.instructor;
+		return {
+			id: e.id,
+			title: e.title,
+			issueDate: m((/* @__PURE__ */ new Date(p - t * 864e5 * 12)).toISOString()),
+			instructor: n,
+			credentialId: `CF-${e.id.slice(0, 6).toUpperCase()}-${t + 1}`,
+			status: t % 5 == 0 ? "expiring" : "active",
+			expiryDate: t % 5 == 0 ? m(new Date(p + 864e5 * (60 + t * 3)).toISOString()) : void 0
+		};
+	}), [h, g]);
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+			className: "text-2xl font-semibold",
+			children: "Certificates"
+		}), /* @__PURE__ */ o("p", {
+			className: "text-sm text-muted-foreground",
+			children: [_.length, " certificates earned"]
+		})] }), /* @__PURE__ */ a("div", {
+			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+			children: _.map((e) => /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o(d, { children: [/* @__PURE__ */ o("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ a(n, { className: "h-8 w-8 text-yellow-500" }), /* @__PURE__ */ a(s, {
+					variant: e.status === "active" ? "default" : "secondary",
+					className: "text-[10px]",
+					children: e.status
+				})]
+			}), /* @__PURE__ */ a(f, {
+				className: "mt-2 text-base",
+				children: e.title
+			})] }), /* @__PURE__ */ o(u, { children: [/* @__PURE__ */ o("div", {
+				className: "space-y-2 text-sm text-muted-foreground",
+				children: [
+					/* @__PURE__ */ o("div", { children: [
+						/* @__PURE__ */ a("span", {
+							className: "text-xs",
+							children: "Instructor:"
+						}),
+						" ",
+						e.instructor
+					] }),
+					/* @__PURE__ */ o("div", { children: [
+						/* @__PURE__ */ a("span", {
+							className: "text-xs",
+							children: "Issued:"
+						}),
+						" ",
+						e.issueDate
+					] }),
+					/* @__PURE__ */ o("div", { children: [
+						/* @__PURE__ */ a("span", {
+							className: "text-xs",
+							children: "Credential ID:"
+						}),
+						" ",
+						e.credentialId
+					] }),
+					e.expiryDate ? /* @__PURE__ */ o("div", {
+						className: "text-yellow-600",
+						children: [
+							/* @__PURE__ */ a("span", {
+								className: "text-xs",
+								children: "Expires:"
+							}),
+							" ",
+							e.expiryDate
+						]
+					}) : null
+				]
+			}), /* @__PURE__ */ o("div", {
+				className: "mt-3 flex gap-2",
+				children: [/* @__PURE__ */ o(c, {
+					variant: "outline",
+					size: "sm",
+					className: "flex-1",
+					children: [/* @__PURE__ */ a(r, { className: "mr-1 h-3 w-3" }), "Download"]
+				}), /* @__PURE__ */ o(c, {
+					variant: "outline",
+					size: "sm",
+					className: "flex-1",
+					children: [/* @__PURE__ */ a(i, { className: "mr-1 h-3 w-3" }), "Verify"]
+				})]
+			})] })] }, e.id))
+		})]
+	});
+}
+//#endregion
+export { h as LearningCertificatesPagePage };
+
+//# sourceMappingURL=LearningCertificatesPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningCertificatesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCertificatesPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Award, Download, ExternalLink } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype Certificate = {\n  id: string;\n  title: string;\n  issueDate: string;\n  instructor: string;\n  credentialId: string;\n  status: 'active' | 'expiring';\n  expiryDate?: string;\n};\n\nconst BASE_TS = new Date('2026-03-01T00:00:00Z').getTime();\n\nconst isoDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toISOString().split('T')[0];\n};\n\nexport function LearningCertificatesPagePage() {\n  const { courses, employees } = useCrewFoundryStore();\n\n  const certificates = useMemo<Certificate[]>(() => {\n    return courses.slice(0, 12).map((course, index) => {\n      const instructor =\n        employees[index % Math.max(employees.length, 1)]?.firstName &&\n        employees[index % Math.max(employees.length, 1)]?.lastName\n          ? `${employees[index % employees.length].firstName} ${employees[index % employees.length].lastName}`\n          : course.instructor;\n\n      return {\n        id: course.id,\n        title: course.title,\n        issueDate: isoDate(new Date(BASE_TS - index * 86400000 * 12).toISOString()),\n        instructor,\n        credentialId: `CF-${course.id.slice(0, 6).toUpperCase()}-${index + 1}`,\n        status: index % 5 === 0 ? 'expiring' : 'active',\n        expiryDate:\n          index % 5 === 0\n            ? isoDate(new Date(BASE_TS + 86400000 * (60 + index * 3)).toISOString())\n            : undefined,\n      };\n    });\n  }, [courses, employees]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Certificates</h1>\n        <p className=\"text-sm text-muted-foreground\">{certificates.length} certificates earned</p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {certificates.map((certificate) => (\n          <Card key={certificate.id}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <Award className=\"h-8 w-8 text-yellow-500\" />\n                <Badge\n                  variant={certificate.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {certificate.status}\n                </Badge>\n              </div>\n              <CardTitle className=\"mt-2 text-base\">{certificate.title}</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2 text-sm text-muted-foreground\">\n                <div>\n                  <span className=\"text-xs\">Instructor:</span> {certificate.instructor}\n                </div>\n                <div>\n                  <span className=\"text-xs\">Issued:</span> {certificate.issueDate}\n                </div>\n                <div>\n                  <span className=\"text-xs\">Credential ID:</span> {certificate.credentialId}\n                </div>\n                {certificate.expiryDate ? (\n                  <div className=\"text-yellow-600\">\n                    <span className=\"text-xs\">Expires:</span> {certificate.expiryDate}\n                  </div>\n                ) : null}\n              </div>\n\n              <div className=\"mt-3 flex gap-2\">\n                <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                  <Download className=\"mr-1 h-3 w-3\" />\n                  Download\n                </Button>\n                <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                  <ExternalLink className=\"mr-1 h-3 w-3\" />\n                  Verify\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningCourseDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningCourseDetailsPagePage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,6BAA6B,4CAkG5C"}

package/dist/crewfoundry/pages/LearningCourseDetailsPagePage.js

@@ -0,0 +1,135 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { BookOpen as t, Clock as n, Play as r, Star as i, Users as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/LearningCourseDetailsPagePage.tsx
+function m() {
+	let { courses: m } = e(), h = m[0];
+	if (!h) return /* @__PURE__ */ o("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No course found."
+	});
+	let g = Math.round(h.completed / h.enrolled * 100);
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("div", {
+					className: "flex items-center gap-2 mb-1",
+					children: [/* @__PURE__ */ o("h1", {
+						className: "text-2xl font-semibold",
+						children: h.title
+					}), /* @__PURE__ */ o(c, {
+						variant: h.level === "beginner" ? "secondary" : h.level === "intermediate" ? "default" : "destructive",
+						children: h.level
+					})]
+				}), /* @__PURE__ */ s("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						"by ",
+						h.instructor,
+						" · ",
+						h.category
+					]
+				})] }), /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(r, { className: "h-4 w-4 mr-1" }), "Start Course"] })]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+						className: "p-4 text-center",
+						children: [
+							/* @__PURE__ */ o(n, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ o("p", {
+								className: "text-lg font-bold",
+								children: h.duration
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Duration"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+						className: "p-4 text-center",
+						children: [
+							/* @__PURE__ */ o(t, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ o("p", {
+								className: "text-lg font-bold",
+								children: h.modules
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Modules"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+						className: "p-4 text-center",
+						children: [
+							/* @__PURE__ */ o(a, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ o("p", {
+								className: "text-lg font-bold",
+								children: h.enrolled
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Enrolled"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+						className: "p-4 text-center",
+						children: [
+							/* @__PURE__ */ o(i, { className: "h-5 w-5 mx-auto text-yellow-500 mb-1" }),
+							/* @__PURE__ */ s("p", {
+								className: "text-lg font-bold",
+								children: [h.rating, "/5"]
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Rating"
+							})
+						]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "About this Course" }) }), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: h.description
+			}), /* @__PURE__ */ o("div", {
+				className: "flex flex-wrap gap-1 mt-3",
+				children: h.skills.map((e) => /* @__PURE__ */ o(c, {
+					variant: "outline",
+					children: e
+				}, e))
+			})] })] }),
+			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "Completion Statistics" }) }), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ s("div", {
+					className: "flex justify-between text-sm",
+					children: [/* @__PURE__ */ s("span", { children: [
+						h.completed,
+						" of ",
+						h.enrolled,
+						" students completed"
+					] }), /* @__PURE__ */ s("span", {
+						className: "font-medium",
+						children: [g, "%"]
+					})]
+				}), /* @__PURE__ */ o("div", {
+					className: "h-3 bg-muted rounded overflow-hidden",
+					children: /* @__PURE__ */ o("div", {
+						className: "h-3 bg-green-500 rounded",
+						style: { width: `${g}%` }
+					})
+				})]
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { m as LearningCourseDetailsPagePage };
+
+//# sourceMappingURL=LearningCourseDetailsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningCourseDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCourseDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, CheckCircle, Clock, Play, Star, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningCourseDetailsPagePage() {\n  const { courses } = useCrewFoundryStore();\n  const course = courses[0];\n  if (!course) return <div className=\"p-6 text-muted-foreground\">No course found.</div>;\n  const completionRate = Math.round((course.completed / course.enrolled) * 100);\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2 mb-1\">\n            <h1 className=\"text-2xl font-semibold\">{course.title}</h1>\n            <Badge\n              variant={\n                course.level === 'beginner'\n                  ? 'secondary'\n                  : course.level === 'intermediate'\n                    ? 'default'\n                    : 'destructive'\n              }\n            >\n              {course.level}\n            </Badge>\n          </div>\n          <p className=\"text-sm text-muted-foreground\">\n            by {course.instructor} · {course.category}\n          </p>\n        </div>\n        <Button>\n          <Play className=\"h-4 w-4 mr-1\" />\n          Start Course\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Clock className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{course.duration}</p>\n            <p className=\"text-xs text-muted-foreground\">Duration</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <BookOpen className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{course.modules}</p>\n            <p className=\"text-xs text-muted-foreground\">Modules</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{course.enrolled}</p>\n            <p className=\"text-xs text-muted-foreground\">Enrolled</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-yellow-500 mb-1\" />\n            <p className=\"text-lg font-bold\">{course.rating}/5</p>\n            <p className=\"text-xs text-muted-foreground\">Rating</p>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>About this Course</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <p className=\"text-sm text-muted-foreground\">{course.description}</p>\n          <div className=\"flex flex-wrap gap-1 mt-3\">\n            {course.skills.map((s) => (\n              <Badge key={s} variant=\"outline\">\n                {s}\n              </Badge>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n      <Card>\n        <CardHeader>\n          <CardTitle>Completion Statistics</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                {course.completed} of {course.enrolled} students completed\n              </span>\n              <span className=\"font-medium\">{completionRate}%</span>\n            </div>\n            <div className=\"h-3 bg-muted rounded overflow-hidden\">\n              <div className=\"h-3 bg-green-500 rounded\" style={{ width: `${completionRate}%` }} />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningCourseLearningPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningCourseLearningPagePage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,8BAA8B,4CAmG7C"}

package/dist/crewfoundry/pages/LearningCourseLearningPagePage.js

@@ -0,0 +1,111 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { CheckCircle as n, Clock as r, Play as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/LearningCourseLearningPagePage.tsx
+function p() {
+	let { courses: p } = e(), m = p[0], h = t(() => {
+		let e = Math.max(m?.modules || 0, 6);
+		return Array.from({ length: e }, (e, t) => {
+			let n = t < 2 ? "completed" : t === 2 ? "in_progress" : "locked";
+			return {
+				id: `module-${t + 1}`,
+				title: `${m?.title || "Learning"} Module ${t + 1}`,
+				duration: `${25 + t % 4 * 10} min`,
+				status: n
+			};
+		});
+	}, [m]), g = h.filter((e) => e.status === "completed").length, _ = Math.round(g / Math.max(h.length, 1) * 100);
+	return /* @__PURE__ */ o("div", {
+		className: "max-w-3xl space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: m?.title || "Leadership Fundamentals for Tech Managers"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					"by ",
+					m?.instructor || "CrewFoundry Academy",
+					" · Module ",
+					g + 1,
+					" of",
+					" ",
+					h.length
+				]
+			})] }),
+			/* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, {
+				className: "p-4",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "mb-2 flex items-center justify-between",
+						children: [/* @__PURE__ */ a("span", {
+							className: "text-sm font-medium",
+							children: "Progress"
+						}), /* @__PURE__ */ o("span", {
+							className: "text-sm",
+							children: [_, "%"]
+						})]
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "h-3 overflow-hidden rounded bg-muted",
+						children: /* @__PURE__ */ a("div", {
+							className: "h-3 rounded bg-primary",
+							style: { width: `${_}%` }
+						})
+					}),
+					/* @__PURE__ */ o("p", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: [
+							g,
+							" of ",
+							h.length,
+							" modules completed"
+						]
+					})
+				]
+			}) }),
+			/* @__PURE__ */ o(l, { children: [/* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(f, { children: "Course Modules" }) }), /* @__PURE__ */ a(u, {
+				className: "space-y-2",
+				children: h.map((e, t) => /* @__PURE__ */ o("div", {
+					className: `flex items-center gap-3 rounded border p-3 ${e.status === "locked" ? "opacity-50" : ""}`,
+					children: [
+						/* @__PURE__ */ a("div", {
+							className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-muted text-xs font-bold",
+							children: e.status === "completed" ? /* @__PURE__ */ a(n, { className: "h-5 w-5 text-green-500" }) : t + 1
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ a("p", {
+								className: `text-sm ${e.status === "completed" ? "text-muted-foreground line-through" : "font-medium"}`,
+								children: e.title
+							}), /* @__PURE__ */ o("p", {
+								className: "flex items-center gap-1 text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ a(r, { className: "h-3 w-3" }), e.duration]
+							})]
+						}),
+						e.status === "in_progress" ? /* @__PURE__ */ o(c, {
+							size: "sm",
+							children: [/* @__PURE__ */ a(i, { className: "mr-1 h-3 w-3" }), "Continue"]
+						}) : null,
+						e.status === "completed" ? /* @__PURE__ */ a(s, {
+							variant: "default",
+							className: "text-[10px]",
+							children: "Completed"
+						}) : null,
+						e.status === "locked" ? /* @__PURE__ */ a(s, {
+							variant: "secondary",
+							className: "text-[10px]",
+							children: "Locked"
+						}) : null
+					]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { p as LearningCourseLearningPagePage };
+
+//# sourceMappingURL=LearningCourseLearningPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningCourseLearningPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCourseLearningPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, Play } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype CourseModule = {\n  id: string;\n  title: string;\n  duration: string;\n  status: 'completed' | 'in_progress' | 'locked';\n};\n\nexport function LearningCourseLearningPagePage() {\n  const { courses } = useCrewFoundryStore();\n\n  const currentCourse = courses[0];\n\n  const courseModules = useMemo<CourseModule[]>(() => {\n    const moduleCount = Math.max(currentCourse?.modules || 0, 6);\n    return Array.from({ length: moduleCount }, (_, index) => {\n      const status: CourseModule['status'] =\n        index < 2 ? 'completed' : index === 2 ? 'in_progress' : 'locked';\n      return {\n        id: `module-${index + 1}`,\n        title: `${currentCourse?.title || 'Learning'} Module ${index + 1}`,\n        duration: `${25 + (index % 4) * 10} min`,\n        status,\n      };\n    });\n  }, [currentCourse]);\n\n  const completedCount = courseModules.filter((module) => module.status === 'completed').length;\n  const progress = Math.round((completedCount / Math.max(courseModules.length, 1)) * 100);\n\n  return (\n    <div className=\"max-w-3xl space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          {currentCourse?.title || 'Leadership Fundamentals for Tech Managers'}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          by {currentCourse?.instructor || 'CrewFoundry Academy'} · Module {completedCount + 1} of{' '}\n          {courseModules.length}\n        </p>\n      </div>\n\n      <Card>\n        <CardContent className=\"p-4\">\n          <div className=\"mb-2 flex items-center justify-between\">\n            <span className=\"text-sm font-medium\">Progress</span>\n            <span className=\"text-sm\">{progress}%</span>\n          </div>\n          <div className=\"h-3 overflow-hidden rounded bg-muted\">\n            <div className=\"h-3 rounded bg-primary\" style={{ width: `${progress}%` }} />\n          </div>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            {completedCount} of {courseModules.length} modules completed\n          </p>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Course Modules</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-2\">\n          {courseModules.map((module, index) => (\n            <div\n              key={module.id}\n              className={`flex items-center gap-3 rounded border p-3 ${module.status === 'locked' ? 'opacity-50' : ''}`}\n            >\n              <div className=\"flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-muted text-xs font-bold\">\n                {module.status === 'completed' ? (\n                  <CheckCircle className=\"h-5 w-5 text-green-500\" />\n                ) : (\n                  index + 1\n                )}\n              </div>\n              <div className=\"flex-1\">\n                <p\n                  className={`text-sm ${module.status === 'completed' ? 'text-muted-foreground line-through' : 'font-medium'}`}\n                >\n                  {module.title}\n                </p>\n                <p className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                  <Clock className=\"h-3 w-3\" />\n                  {module.duration}\n                </p>\n              </div>\n              {module.status === 'in_progress' ? (\n                <Button size=\"sm\">\n                  <Play className=\"mr-1 h-3 w-3\" />\n                  Continue\n                </Button>\n              ) : null}\n              {module.status === 'completed' ? (\n                <Badge variant=\"default\" className=\"text-[10px]\">\n                  Completed\n                </Badge>\n              ) : null}\n              {module.status === 'locked' ? (\n                <Badge variant=\"secondary\" className=\"text-[10px]\">\n                  Locked\n                </Badge>\n              ) : null}\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,IAAiC;CAC/C,IAAM,EAAE,eAAY,GAAqB,EAEnC,IAAgB,EAAQ,IAExB,IAAgB,QAA8B;EAClD,IAAM,IAAc,KAAK,IAAI,GAAe,WAAW,GAAG,EAAE;AAC5D,SAAO,MAAM,KAAK,EAAE,QAAQ,GAAa,GAAG,GAAG,MAAU;GACvD,IAAM,IACJ,IAAQ,IAAI,cAAc,MAAU,IAAI,gBAAgB;AAC1D,UAAO;IACL,IAAI,UAAU,IAAQ;IACtB,OAAO,GAAG,GAAe,SAAS,WAAW,UAAU,IAAQ;IAC/D,UAAU,GAAG,KAAM,IAAQ,IAAK,GAAG;IACnC;IACD;IACD;IACD,CAAC,EAAc,CAAC,EAEb,IAAiB,EAAc,QAAQ,MAAW,EAAO,WAAW,YAAY,CAAC,QACjF,IAAW,KAAK,MAAO,IAAiB,KAAK,IAAI,EAAc,QAAQ,EAAE,GAAI,IAAI;AAEvF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,GAAe,SAAS;IACtB,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA6C;KACvC,GAAe,cAAc;KAAsB;KAAW,IAAiB;KAAE;KAAI;KACxF,EAAc;KACb;MACA,EAAA,CAAA;GAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAsB;OAAe,CAAA,EACrD,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA2B,GAAS,IAAQ;SACxC;;KACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,WAAU;OAAyB,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;OAAI,CAAA;MACxE,CAAA;KACN,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG;OAAe;OAAK,EAAc;OAAO;OACxC;;KACQ;OACT,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,kBAA0B,CAAA,EAC1B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAc,KAAK,GAAQ,MAC1B,kBAAC,OAAD;KAEE,WAAW,8CAA8C,EAAO,WAAW,WAAW,eAAe;eAFvG;MAIE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAO,WAAW,cACjB,kBAAC,GAAD,EAAa,WAAU,0BAA2B,CAAA,GAElD,IAAQ;OAEN,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QACE,WAAW,WAAW,EAAO,WAAW,cAAc,uCAAuC;kBAE5F,EAAO;QACN,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAO,SACN;UACA;;MACL,EAAO,WAAW,gBACjB,kBAAC,GAAD;OAAQ,MAAK;iBAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;WACP;MACH,EAAO,WAAW,cACjB,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAAc;OAEzC,CAAA,GACN;MACH,EAAO,WAAW,WACjB,kBAAC,GAAD;OAAO,SAAQ;OAAY,WAAU;iBAAc;OAE3C,CAAA,GACN;MACA;OArCC,EAAO,GAqCR,CACN;IACU,CAAA,CACT,EAAA,CAAA;GACH"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningCoursesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningCoursesPagePage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,uBAAuB,4CA0EtC"}

package/dist/crewfoundry/pages/LearningCoursesPagePage.js

@@ -0,0 +1,97 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useState as t } from "react";
+import { Search as n, Star as r, Users as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f, Input as p } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/LearningCoursesPagePage.tsx
+function m() {
+	let { courses: m } = e(), [h, g] = t(""), _ = m.filter((e) => `${e.title} ${e.category} ${e.instructor}`.toLowerCase().includes(h.toLowerCase()));
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: "Course Catalog"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: [m.length, " courses available"]
+			})] }),
+			/* @__PURE__ */ o("div", {
+				className: "relative max-w-sm",
+				children: [/* @__PURE__ */ a(n, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ a(p, {
+					placeholder: "Search courses...",
+					className: "pl-9",
+					value: h,
+					onChange: (e) => g(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+				children: _.map((e) => /* @__PURE__ */ o(c, {
+					className: "hover:shadow-md transition-shadow cursor-pointer",
+					children: [/* @__PURE__ */ o(d, { children: [
+						/* @__PURE__ */ o("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ a(s, {
+								variant: "outline",
+								className: "text-[10px]",
+								children: e.category
+							}), /* @__PURE__ */ a(s, {
+								variant: e.level === "beginner" ? "secondary" : e.level === "intermediate" ? "default" : "destructive",
+								className: "text-[10px]",
+								children: e.level
+							})]
+						}),
+						/* @__PURE__ */ a(f, {
+							className: "text-base mt-2",
+							children: e.title
+						}),
+						/* @__PURE__ */ o(u, { children: [
+							e.instructor,
+							" · ",
+							e.duration,
+							" · ",
+							e.modules,
+							" modules"
+						] })
+					] }), /* @__PURE__ */ o(l, { children: [
+						/* @__PURE__ */ a("p", {
+							className: "text-sm text-muted-foreground mb-3",
+							children: e.description
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "flex flex-wrap gap-1 mb-3",
+							children: e.skills.map((e) => /* @__PURE__ */ a(s, {
+								variant: "outline",
+								className: "text-[9px]",
+								children: e
+							}, e))
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "flex items-center justify-between text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ o("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ a(r, { className: "h-3 w-3 text-yellow-500" }), e.rating]
+								}),
+								/* @__PURE__ */ o("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ a(i, { className: "h-3 w-3" }),
+										e.enrolled,
+										" enrolled"
+									]
+								}),
+								/* @__PURE__ */ o("span", { children: [Math.round(e.completed / e.enrolled * 100), "% completion"] })
+							]
+						})
+					] })]
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { m as LearningCoursesPagePage };
+
+//# sourceMappingURL=LearningCoursesPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningCoursesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCoursesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, Search, Star, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningCoursesPagePage() {\n  const { courses } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const filtered = courses.filter((c) =>\n    `${c.title} ${c.category} ${c.instructor}`.toLowerCase().includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Course Catalog</h1>\n        <p className=\"text-sm text-muted-foreground\">{courses.length} courses available</p>\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-muted-foreground\" />\n        <Input\n          placeholder=\"Search courses...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {filtered.map((course) => (\n          <Card key={course.id} className=\"hover:shadow-md transition-shadow cursor-pointer\">\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                  {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-muted-foreground 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-muted-foreground\">\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500\" />\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>{Math.round((course.completed / course.enrolled) * 100)}% completion</span>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,IAA0B;CACxC,IAAM,EAAE,eAAY,GAAqB,EACnC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,IAAW,EAAQ,QAAQ,MAC/B,GAAG,EAAE,MAAM,GAAG,EAAE,SAAS,GAAG,EAAE,aAAa,aAAa,CAAC,SAAS,EAAO,aAAa,CAAC,CACxF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAmB,CAAA,EAC1D,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA8C,EAAQ,QAAO,qBAAsB;MAC/E,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,0EAA2E,CAAA,EAC7F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;KAC1C,CAAA,CACE;;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,MACb,kBAAC,GAAD;KAAsB,WAAU;eAAhC,CACE,kBAAC,GAAD,EAAA,UAAA;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAO;QACF,CAAA,EACR,kBAAC,GAAD;QACE,SACE,EAAO,UAAU,aACb,cACA,EAAO,UAAU,iBACf,YACA;QAER,WAAU;kBAET,EAAO;QACF,CAAA,CACJ;;MACN,kBAAC,GAAD;OAAW,WAAU;iBAAkB,EAAO;OAAkB,CAAA;MAChE,kBAAC,GAAD,EAAA,UAAA;OACG,EAAO;OAAW;OAAI,EAAO;OAAS;OAAI,EAAO;OAAQ;OAC1C,EAAA,CAAA;MACP,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAsC,EAAO;OAAgB,CAAA;MAC1E,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAO,OAAO,KAAK,MAClB,kBAAC,GAAD;QAAe,SAAQ;QAAU,WAAU;kBACxC;QACK,EAFI,EAEJ,CACR;OACE,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA,EAC3C,EAAO,OACH;;QACP,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;UAC5B,EAAO;UAAS;UACZ;;QACP,kBAAC,QAAD,EAAA,UAAA,CAAO,KAAK,MAAO,EAAO,YAAY,EAAO,WAAY,IAAI,EAAC,eAAmB,EAAA,CAAA;QAC7E;;MACM,EAAA,CAAA,CACT;OA7CI,EAAO,GA6CX,CACP;IACE,CAAA;GACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningLearningAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningLearningAnalyticsPagePage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,iCAAiC,4CA4JhD"}