@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/LearningLearningAnalyticsPagePage.js

@@ -0,0 +1,170 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { Clock as n, GraduationCap 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, Card as l, CardContent as u, CardDescription as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/LearningLearningAnalyticsPagePage.tsx
+var m = (/* @__PURE__ */ new Date("2026-03-01T00:00:00Z")).getTime();
+function h() {
+	let { courses: h } = e(), g = h.reduce((e, t) => e + t.enrolled, 0), _ = h.reduce((e, t) => e + t.completed, 0), v = (h.reduce((e, t) => e + t.rating, 0) / Math.max(h.length, 1)).toFixed(1), y = t(() => h.slice(0, 6).map((e, t) => ({
+		month: (/* @__PURE__ */ new Date(m - (5 - t) * 864e5 * 30)).toLocaleString("en-US", { month: "short" }),
+		hours: Math.round((e.completed + Math.max(e.modules, 1)) * 2.2),
+		completions: e.completed,
+		enrollments: e.enrolled
+	})), [h]), b = Math.max(1, ...y.map((e) => e.hours)), x = y.reduce((e, t) => e + t.hours, 0), S = h.reduce((e, t) => (e[t.category] = (e[t.category] || 0) + t.enrolled, e), {});
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+				className: "text-2xl font-semibold",
+				children: "Learning Analytics"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Training metrics and engagement insights"
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Total Enrollments"
+						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: g
+					}) })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Completions"
+						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: _
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: [Math.round(_ / Math.max(g, 1) * 100), "% rate"]
+					})] })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Avg Rating"
+						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: [v, "/5"]
+					}) })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Training Hours"
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: x.toLocaleString()
+					}), /* @__PURE__ */ o("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Recent 6-month trend"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, { children: "Monthly Training Activity" }), /* @__PURE__ */ o(d, { children: "Hours and completions over time" })] }), /* @__PURE__ */ o(u, {
+				className: "space-y-3",
+				children: y.map((e) => /* @__PURE__ */ s("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ o("span", {
+							className: "w-10 text-sm text-muted-foreground",
+							children: e.month
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "h-4 flex-1 overflow-hidden rounded bg-muted",
+							children: /* @__PURE__ */ o("div", {
+								className: "h-4 rounded bg-primary",
+								style: { width: `${Math.round(e.hours / b * 100)}%` }
+							})
+						}),
+						/* @__PURE__ */ s("span", {
+							className: "w-16 text-right text-sm font-medium",
+							children: [e.hours, "h"]
+						}),
+						/* @__PURE__ */ s(c, {
+							variant: "default",
+							className: "text-[10px]",
+							children: [e.completions, " done"]
+						})
+					]
+				}, `${e.month}-${e.hours}`))
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "Category Distribution" }) }), /* @__PURE__ */ o(u, {
+					className: "space-y-3",
+					children: Object.entries(S).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ s("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ o("span", {
+							className: "text-sm",
+							children: e
+						}), /* @__PURE__ */ s("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ o("span", {
+								className: "text-sm font-medium",
+								children: t
+							}), /* @__PURE__ */ s(c, {
+								variant: "outline",
+								className: "text-[10px]",
+								children: [Math.round(t / Math.max(g, 1) * 100), "%"]
+							})]
+						})]
+					}, e))
+				})] }), /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "Course Performance" }) }), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {
+					className: "mb-2 grid grid-cols-4 gap-2 border-b pb-2 text-xs font-medium text-muted-foreground",
+					children: [
+						/* @__PURE__ */ o("span", { children: "Course" }),
+						/* @__PURE__ */ o("span", {
+							className: "text-right",
+							children: "Enrolled"
+						}),
+						/* @__PURE__ */ o("span", {
+							className: "text-right",
+							children: "Completed"
+						}),
+						/* @__PURE__ */ o("span", {
+							className: "text-right",
+							children: "Rating"
+						})
+					]
+				}), h.map((e) => /* @__PURE__ */ s("div", {
+					className: "grid grid-cols-4 gap-2 border-b py-2 text-sm last:border-0",
+					children: [
+						/* @__PURE__ */ o("span", {
+							className: "truncate font-medium",
+							children: e.title
+						}),
+						/* @__PURE__ */ o("span", {
+							className: "text-right",
+							children: e.enrolled
+						}),
+						/* @__PURE__ */ o("span", {
+							className: "text-right",
+							children: e.completed
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "flex items-center justify-end gap-1",
+							children: [/* @__PURE__ */ o(i, { className: "h-3 w-3 text-yellow-500" }), e.rating]
+						})
+					]
+				}, e.id))] })] })]
+			})
+		]
+	});
+}
+//#endregion
+export { h as LearningLearningAnalyticsPagePage };
+
+//# sourceMappingURL=LearningLearningAnalyticsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningLearningAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningAnalyticsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Clock, GraduationCap, Star, Users } from 'lucide-react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype MonthlyLearning = {\n  month: string;\n  hours: number;\n  completions: number;\n  enrollments: number;\n};\n\nconst BASE_TS = new Date('2026-03-01T00:00:00Z').getTime();\n\nexport function LearningLearningAnalyticsPagePage() {\n  const { courses } = useCrewFoundryStore();\n\n  const totalEnrolled = courses.reduce((sum, course) => sum + course.enrolled, 0);\n  const totalCompleted = courses.reduce((sum, course) => sum + course.completed, 0);\n  const avgRating = (\n    courses.reduce((sum, course) => sum + course.rating, 0) / Math.max(courses.length, 1)\n  ).toFixed(1);\n\n  const monthlyLearning = useMemo<MonthlyLearning[]>(() => {\n    return courses.slice(0, 6).map((course, index) => {\n      const month = new Date(BASE_TS - (5 - index) * 86400000 * 30).toLocaleString('en-US', {\n        month: 'short',\n      });\n      return {\n        month,\n        hours: Math.round((course.completed + Math.max(course.modules, 1)) * 2.2),\n        completions: course.completed,\n        enrollments: course.enrolled,\n      };\n    });\n  }, [courses]);\n\n  const maxHours = Math.max(1, ...monthlyLearning.map((item) => item.hours));\n  const totalHours = monthlyLearning.reduce((sum, item) => sum + item.hours, 0);\n\n  const categoryDistribution = courses.reduce<Record<string, number>>((acc, course) => {\n    acc[course.category] = (acc[course.category] || 0) + course.enrolled;\n    return acc;\n  }, {});\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Learning Analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">Training metrics and engagement insights</p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Enrollments</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalEnrolled}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Completions</CardTitle>\n            <GraduationCap className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalCompleted}</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {Math.round((totalCompleted / Math.max(totalEnrolled, 1)) * 100)}% rate\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Rating</CardTitle>\n            <Star className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{avgRating}/5</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Training Hours</CardTitle>\n            <Clock className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalHours.toLocaleString()}</div>\n            <p className=\"text-xs text-muted-foreground\">Recent 6-month trend</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Monthly Training Activity</CardTitle>\n          <CardDescription>Hours and completions over time</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {monthlyLearning.map((item) => (\n            <div key={`${item.month}-${item.hours}`} className=\"flex items-center gap-3\">\n              <span className=\"w-10 text-sm text-muted-foreground\">{item.month}</span>\n              <div className=\"h-4 flex-1 overflow-hidden rounded bg-muted\">\n                <div\n                  className=\"h-4 rounded bg-primary\"\n                  style={{ width: `${Math.round((item.hours / maxHours) * 100)}%` }}\n                />\n              </div>\n              <span className=\"w-16 text-right text-sm font-medium\">{item.hours}h</span>\n              <Badge variant=\"default\" className=\"text-[10px]\">\n                {item.completions} done\n              </Badge>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Category Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(categoryDistribution)\n              .sort(([, a], [, b]) => b - a)\n              .map(([category, count]) => (\n                <div key={category} className=\"flex items-center justify-between\">\n                  <span className=\"text-sm\">{category}</span>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{count}</span>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {Math.round((count / Math.max(totalEnrolled, 1)) * 100)}%\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle>Course Performance</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"mb-2 grid grid-cols-4 gap-2 border-b pb-2 text-xs font-medium text-muted-foreground\">\n              <span>Course</span>\n              <span className=\"text-right\">Enrolled</span>\n              <span className=\"text-right\">Completed</span>\n              <span className=\"text-right\">Rating</span>\n            </div>\n            {courses.map((course) => (\n              <div\n                key={course.id}\n                className=\"grid grid-cols-4 gap-2 border-b py-2 text-sm last:border-0\"\n              >\n                <span className=\"truncate font-medium\">{course.title}</span>\n                <span className=\"text-right\">{course.enrolled}</span>\n                <span className=\"text-right\">{course.completed}</span>\n                <div className=\"flex items-center justify-end gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500\" />\n                  {course.rating}\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/crewfoundry/pages/LearningLearningPagePage.js

@@ -0,0 +1,154 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { BookOpen as t, GraduationCap as n, Star as r, TrendingUp as i, Users as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Card as l, CardContent as u, CardDescription as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/LearningLearningPagePage.tsx
+function m() {
+	let { courses: m, learningPaths: h } = e(), g = m.reduce((e, t) => e + t.enrolled, 0), _ = m.reduce((e, t) => e + t.completed, 0);
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+				className: "text-2xl font-semibold",
+				children: "Learning & Development"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Explore courses, learning paths, and grow your skills"
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Courses"
+						}), /* @__PURE__ */ o(t, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: m.length
+					}), /* @__PURE__ */ o("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Active courses"
+					})] })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Enrolled"
+						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: g
+					}) })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Completed"
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: _
+					}) })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Paths"
+						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: h.length
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h2", {
+				className: "text-lg font-medium mb-3",
+				children: "Featured Courses"
+			}), /* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+				children: m.slice(0, 3).map((e) => /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, {
+					className: "text-base",
+					children: e.title
+				}), /* @__PURE__ */ s(d, { children: [
+					e.instructor,
+					" · ",
+					e.duration
+				] })] }), /* @__PURE__ */ s(u, { children: [
+					/* @__PURE__ */ o("p", {
+						className: "text-sm text-muted-foreground mb-3",
+						children: e.description
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ s("div", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ o(r, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ o("span", {
+								className: "text-sm",
+								children: e.rating
+							})]
+						}), /* @__PURE__ */ s("div", {
+							className: "flex gap-1",
+							children: [/* @__PURE__ */ o(c, {
+								variant: "outline",
+								className: "text-[10px]",
+								children: e.level
+							}), /* @__PURE__ */ o(c, {
+								variant: "outline",
+								className: "text-[10px]",
+								children: e.category
+							})]
+						})]
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "mt-2 text-xs text-muted-foreground",
+						children: [
+							e.enrolled,
+							" enrolled · ",
+							e.completed,
+							" completed"
+						]
+					})
+				] })] }, e.id))
+			})] }),
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h2", {
+				className: "text-lg font-medium mb-3",
+				children: "Learning Paths"
+			}), /* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: h.map((e) => /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, {
+					className: "text-base",
+					children: e.title
+				}), /* @__PURE__ */ o(d, { children: e.description })] }), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {
+					className: "flex items-center justify-between text-sm text-muted-foreground",
+					children: [/* @__PURE__ */ s("span", { children: [
+						e.courses.length,
+						" courses · ",
+						e.duration
+					] }), /* @__PURE__ */ o(c, {
+						variant: "outline",
+						className: "text-[10px]",
+						children: e.level
+					})]
+				}), /* @__PURE__ */ s("div", {
+					className: "mt-2 space-y-1",
+					children: [/* @__PURE__ */ s("div", {
+						className: "flex justify-between text-xs",
+						children: [/* @__PURE__ */ s("span", { children: [e.enrolled, " enrolled"] }), /* @__PURE__ */ s("span", { children: [e.completionRate, "%"] })]
+					}), /* @__PURE__ */ o("div", {
+						className: "h-2 bg-muted rounded overflow-hidden",
+						children: /* @__PURE__ */ o("div", {
+							className: "h-2 bg-primary rounded",
+							style: { width: `${e.completionRate}%` }
+						})
+					})]
+				})] })] }, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { m as LearningLearningPagePage };
+
+//# sourceMappingURL=LearningLearningPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningLearningPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Award, BookOpen, GraduationCap, Star, TrendingUp, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningLearningPagePage() {\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\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Learning & Development</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Explore courses, learning paths, and grow your skills\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{courses.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Active courses</p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalEnrolled}</div>\n          </CardContent>\n        </Card>\n        <Card>\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-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalCompleted}</div>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{learningPaths.length}</div>\n          </CardContent>\n        </Card>\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          {courses.slice(0, 3).map((course) => (\n            <Card key={course.id}>\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-muted-foreground 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-yellow-500\" />\n                    <span className=\"text-sm\">{course.rating}</span>\n                  </div>\n                  <div className=\"flex gap-1\">\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {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-muted-foreground\">\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 key={path.id}>\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-muted-foreground\">\n                  <span>\n                    {path.courses.length} courses · {path.duration}\n                  </span>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {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-muted rounded overflow-hidden\">\n                    <div\n                      className=\"h-2 bg-primary 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

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

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

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

package/dist/crewfoundry/pages/LearningLearningPathDetailPagePage.js

@@ -0,0 +1,140 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { BookOpen as t, CheckCircle as n, Clock 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, CardDescription as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/LearningLearningPathDetailPagePage.tsx
+function h() {
+	let { learningPaths: h, courses: g } = e(), _ = h[0];
+	if (!_) return /* @__PURE__ */ o("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No learning path found."
+	});
+	let v = g.filter((e) => _.courses.includes(e.id));
+	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__ */ o("h1", {
+					className: "text-2xl font-semibold",
+					children: _.title
+				}), /* @__PURE__ */ o("p", {
+					className: "text-sm text-muted-foreground",
+					children: _.description
+				})] }), /* @__PURE__ */ o(l, { children: "Enroll Now" })]
+			}),
+			/* @__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(t, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ o("p", {
+								className: "text-lg font-bold",
+								children: _.courses.length
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Courses"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+						className: "p-4 text-center",
+						children: [
+							/* @__PURE__ */ o(r, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ o("p", {
+								className: "text-lg font-bold",
+								children: _.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(a, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ o("p", {
+								className: "text-lg font-bold",
+								children: _.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(n, { className: "h-5 w-5 mx-auto text-green-500 mb-1" }),
+							/* @__PURE__ */ s("p", {
+								className: "text-lg font-bold",
+								children: [_.completionRate, "%"]
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Completion"
+							})
+						]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, { children: [/* @__PURE__ */ o(m, { children: "Courses in this Path" }), /* @__PURE__ */ s(f, { children: [
+				v.length,
+				" courses · ",
+				_.level
+			] })] }), /* @__PURE__ */ o(d, {
+				className: "space-y-3",
+				children: v.map((e, t) => /* @__PURE__ */ s("div", {
+					className: "flex items-center gap-3 rounded border p-4",
+					children: [
+						/* @__PURE__ */ o("div", {
+							className: "flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-sm font-bold",
+							children: t + 1
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: e.title
+							}), /* @__PURE__ */ s("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.instructor,
+									" · ",
+									e.duration,
+									" · ",
+									e.modules,
+									" modules"
+								]
+							})]
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ s("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ o(i, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ o("span", {
+									className: "text-sm",
+									children: e.rating
+								})]
+							}), /* @__PURE__ */ o(c, {
+								variant: e.level === "beginner" ? "secondary" : e.level === "intermediate" ? "default" : "destructive",
+								className: "text-[10px]",
+								children: e.level
+							})]
+						})
+					]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { h as LearningLearningPathDetailPagePage };
+
+//# sourceMappingURL=LearningLearningPathDetailPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningLearningPathDetailPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPathDetailPagePage.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, Star, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningLearningPathDetailPagePage() {\n  const { learningPaths, courses } = useCrewFoundryStore();\n  const path = learningPaths[0];\n  if (!path) return <div className=\"p-6 text-muted-foreground\">No learning path found.</div>;\n  const pathCourses = courses.filter((c) => path.courses.includes(c.id));\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          <h1 className=\"text-2xl font-semibold\">{path.title}</h1>\n          <p className=\"text-sm text-muted-foreground\">{path.description}</p>\n        </div>\n        <Button>Enroll Now</Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-4\">\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\">{path.courses.length}</p>\n            <p className=\"text-xs text-muted-foreground\">Courses</p>\n          </CardContent>\n        </Card>\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\">{path.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            <Users className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{path.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            <CheckCircle className=\"h-5 w-5 mx-auto text-green-500 mb-1\" />\n            <p className=\"text-lg font-bold\">{path.completionRate}%</p>\n            <p className=\"text-xs text-muted-foreground\">Completion</p>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Courses in this Path</CardTitle>\n          <CardDescription>\n            {pathCourses.length} courses · {path.level}\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {pathCourses.map((course, idx) => (\n            <div key={course.id} className=\"flex items-center gap-3 rounded border p-4\">\n              <div className=\"flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-sm font-bold\">\n                {idx + 1}\n              </div>\n              <div className=\"flex-1\">\n                <p className=\"text-sm font-medium\">{course.title}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {course.instructor} · {course.duration} · {course.modules} modules\n                </p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500\" />\n                  <span className=\"text-sm\">{course.rating}</span>\n                </div>\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            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgB,IAAqC;CACnD,IAAM,EAAE,kBAAe,eAAY,GAAqB,EAClD,IAAO,EAAc;AAC3B,KAAI,CAAC,EAAM,QAAO,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAA6B,CAAA;CAC1F,IAAM,IAAc,EAAQ,QAAQ,MAAM,EAAK,QAAQ,SAAS,EAAE,GAAG,CAAC;AAEtE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B,EAAK;KAAW,CAAA,EACxD,kBAAC,KAAD;KAAG,WAAU;eAAiC,EAAK;KAAgB,CAAA,CAC/D,EAAA,CAAA,EACN,kBAAC,GAAD,EAAA,UAAQ,cAAmB,CAAA,CACvB;;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAU,WAAU,8CAA+C,CAAA;OACnE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAK,QAAQ;QAAW,CAAA;OAC1D,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAW,CAAA;OAC5C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,8CAA+C,CAAA;OAChE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAK;QAAa,CAAA;OACpD,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAY,CAAA;OAC7C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,8CAA+C,CAAA;OAChE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAK;QAAa,CAAA;OACpD,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAY,CAAA;OAC7C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAa,WAAU,uCAAwC,CAAA;OAC/D,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAkC,EAAK,gBAAe,IAAK;;OAC3D,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAc,CAAA;OAC/C;SACT,CAAA;KACH;;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,wBAAgC,CAAA,EAC3C,kBAAC,GAAD,EAAA,UAAA;IACG,EAAY;IAAO;IAAY,EAAK;IACrB,EAAA,CAAA,CACP,EAAA,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAY,KAAK,GAAQ,MACxB,kBAAC,OAAD;KAAqB,WAAU;eAA/B;MACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,IAAM;OACH,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAO;QAAU,CAAA,EACrD,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAO;SAAW;SAAI,EAAO;SAAS;SAAI,EAAO;SAAQ;SACxD;UACA;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA,EAC5C,kBAAC,QAAD;SAAM,WAAU;mBAAW,EAAO;SAAc,CAAA,CAC5C;WACN,kBAAC,GAAD;QACE,SACE,EAAO,UAAU,aACb,cACA,EAAO,UAAU,iBACf,YACA;QAER,WAAU;kBAET,EAAO;QACF,CAAA,CACJ;;MACF;OA5BI,EAAO,GA4BX,CACN;IACU,CAAA,CACT,EAAA,CAAA;GACH"}

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

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

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

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

package/dist/crewfoundry/pages/LearningLearningPathsPagePage.js

@@ -0,0 +1,74 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { BookOpen as t, GraduationCap as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Badge as a, Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/LearningLearningPathsPagePage.tsx
+function d() {
+	let { learningPaths: d, courses: f } = e();
+	return /* @__PURE__ */ i("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h1", {
+			className: "text-2xl font-semibold",
+			children: "Learning Paths"
+		}), /* @__PURE__ */ r("p", {
+			className: "text-sm text-muted-foreground",
+			children: "Structured learning journeys for career growth"
+		})] }), /* @__PURE__ */ r("div", {
+			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+			children: d.map((e) => {
+				let d = f.filter((t) => e.courses.includes(t.id));
+				return /* @__PURE__ */ i(o, {
+					className: "hover:shadow-md transition-shadow cursor-pointer",
+					children: [/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(u, {
+						className: "text-lg",
+						children: e.title
+					}), /* @__PURE__ */ r(c, { children: e.description })] }), /* @__PURE__ */ r(s, { children: /* @__PURE__ */ i("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ i("div", {
+								className: "flex items-center justify-between text-sm text-muted-foreground",
+								children: [/* @__PURE__ */ i("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ r(t, { className: "h-3 w-3" }),
+										e.courses.length,
+										" courses"
+									]
+								}), /* @__PURE__ */ r("span", { children: e.duration })]
+							}),
+							/* @__PURE__ */ r(a, {
+								variant: "outline",
+								className: "text-[10px]",
+								children: e.level
+							}),
+							/* @__PURE__ */ r("div", {
+								className: "space-y-1 mt-2",
+								children: d.map((e) => /* @__PURE__ */ i("div", {
+									className: "flex items-center gap-2 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ r(n, { className: "h-3 w-3" }), e.title]
+								}, e.id))
+							}),
+							/* @__PURE__ */ i("div", {
+								className: "pt-2 border-t",
+								children: [/* @__PURE__ */ i("div", {
+									className: "flex justify-between text-xs mb-1",
+									children: [/* @__PURE__ */ i("span", { children: [e.enrolled, " enrolled"] }), /* @__PURE__ */ i("span", { children: [e.completionRate, "%"] })]
+								}), /* @__PURE__ */ r("div", {
+									className: "h-2 bg-muted rounded overflow-hidden",
+									children: /* @__PURE__ */ r("div", {
+										className: "h-2 bg-primary rounded",
+										style: { width: `${e.completionRate}%` }
+									})
+								})]
+							})
+						]
+					}) })]
+				}, e.id);
+			})
+		})]
+	});
+}
+//#endregion
+export { d as LearningLearningPathsPagePage };
+
+//# sourceMappingURL=LearningLearningPathsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningLearningPathsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPathsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, GraduationCap, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningLearningPathsPagePage() {\n  const { learningPaths, courses } = useCrewFoundryStore();\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Learning Paths</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Structured learning journeys for career growth\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {learningPaths.map((path) => {\n          const pathCourses = courses.filter((c) => path.courses.includes(c.id));\n          return (\n            <Card key={path.id} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n              <CardHeader>\n                <CardTitle className=\"text-lg\">{path.title}</CardTitle>\n                <CardDescription>{path.description}</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"space-y-3\">\n                  <div className=\"flex items-center justify-between text-sm text-muted-foreground\">\n                    <span className=\"flex items-center gap-1\">\n                      <BookOpen className=\"h-3 w-3\" />\n                      {path.courses.length} courses\n                    </span>\n                    <span>{path.duration}</span>\n                  </div>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {path.level}\n                  </Badge>\n                  <div className=\"space-y-1 mt-2\">\n                    {pathCourses.map((c) => (\n                      <div\n                        key={c.id}\n                        className=\"flex items-center gap-2 text-xs text-muted-foreground\"\n                      >\n                        <GraduationCap className=\"h-3 w-3\" />\n                        {c.title}\n                      </div>\n                    ))}\n                  </div>\n                  <div className=\"pt-2 border-t\">\n                    <div className=\"flex justify-between text-xs mb-1\">\n                      <span>{path.enrolled} enrolled</span>\n                      <span>{path.completionRate}%</span>\n                    </div>\n                    <div className=\"h-2 bg-muted rounded overflow-hidden\">\n                      <div\n                        className=\"h-2 bg-primary rounded\"\n                        style={{ width: `${path.completionRate}%` }}\n                      />\n                    </div>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAWA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,kBAAe,eAAY,GAAqB;AAExD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAAyB;GAAmB,CAAA,EAC1D,kBAAC,KAAD;GAAG,WAAU;aAAgC;GAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAc,KAAK,MAAS;IAC3B,IAAM,IAAc,EAAQ,QAAQ,MAAM,EAAK,QAAQ,SAAS,EAAE,GAAG,CAAC;AACtE,WACE,kBAAC,GAAD;KAAoB,WAAU;eAA9B,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAW,EAAK;MAAkB,CAAA,EACvD,kBAAC,GAAD,EAAA,UAAkB,EAAK,aAA8B,CAAA,CAC1C,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;UAC/B,EAAK,QAAQ;UAAO;UAChB;YACP,kBAAC,QAAD,EAAA,UAAO,EAAK,UAAgB,CAAA,CACxB;;OACN,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAK;QACA,CAAA;OACR,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAY,KAAK,MAChB,kBAAC,OAAD;SAEE,WAAU;mBAFZ,CAIE,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA,EACpC,EAAE,MACC;WALC,EAAE,GAKH,CACN;QACE,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAK,UAAS,YAAgB,EAAA,CAAA,EACrC,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAK,gBAAe,IAAQ,EAAA,CAAA,CAC/B;YACN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAU;UACV,OAAO,EAAE,OAAO,GAAG,EAAK,eAAe,IAAI;UAC3C,CAAA;SACE,CAAA,CACF;;OACF;SACM,CAAA,CACT;OA1CI,EAAK,GA0CT;KAET;GACE,CAAA,CACF"}