@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.2

package/dist/crewfoundry/pages/LearningLearningPagePage.js

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

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

@@ -1 +1 @@
-{"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 { 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\">\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\">Your learning home — discover courses, continue where you left off, and keep developing the skills your role needs.</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          {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-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                      {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 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-text-secondary\">\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-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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"}
+{"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-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\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                      {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                    {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.js

@@ -1,113 +1,114 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useState as t } from "react";
 import { BookOpen as n, CheckCircle as r, Clock as i, Star as a, Users as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u, Card as d, CardContent as f, EmphasisPanel as p, GradientText as m, IllustratedEmptyState as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as _ } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useSearchParams as s } from "react-router-dom";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, EmphasisPanel as m, GradientText as h, IllustratedEmptyState as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as v } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/LearningLearningPathDetailPagePage.tsx
-function v() {
-	let { learningPaths: v, courses: y, enrollCourse: b } = e(), { showToast: x } = _(), [S, C] = t(!1), w = v[0];
-	if (!w) return /* @__PURE__ */ s("div", {
+function y() {
+	let [y] = s(), { learningPaths: b, courses: x, enrollCourse: S } = e(), { showToast: C } = v(), [w, T] = t(!1), E = y.get("id"), D = E ? b.find((e) => e.id === E) : b[0];
+	if (!D) return /* @__PURE__ */ c("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ s(h, {
+		children: /* @__PURE__ */ c(g, {
 			illustration: "empty-search",
 			title: "No learning path found",
 			description: "This learning path is no longer available."
 		})
 	});
-	let T = y.filter((e) => w.courses.includes(e.id));
-	return /* @__PURE__ */ c("div", {
+	let O = x.filter((e) => D.courses.includes(e.id));
+	return /* @__PURE__ */ l("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ c("div", { children: [
-					/* @__PURE__ */ s("h1", {
+				children: [/* @__PURE__ */ l("div", { children: [
+					/* @__PURE__ */ c("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ s(m, { children: w.title })
+						children: /* @__PURE__ */ c(h, { children: D.title })
 					}),
-					/* @__PURE__ */ s("p", {
+					/* @__PURE__ */ c("p", {
 						className: "text-sm text-text-secondary",
-						children: w.description
+						children: D.description
 					}),
-					/* @__PURE__ */ s(g, {
+					/* @__PURE__ */ c(_, {
 						className: "mt-1",
 						children: "Follow a single learning path end-to-end — see its courses, your progress, and what to complete next to finish the journey."
 					})
-				] }), /* @__PURE__ */ s(u, {
+				] }), /* @__PURE__ */ c(d, {
 					onClick: async () => {
-						if (T.length === 0) {
-							x("No courses in this path yet", "warning");
+						if (O.length === 0) {
+							C("No courses in this path yet", "warning");
 							return;
 						}
-						C(!0);
+						T(!0);
 						try {
-							for (let e of T) await b(e.id);
-							x(`Enrolled in ${T.length} course${T.length > 1 ? "s" : ""}`, "success");
+							for (let e of O) await S(e.id);
+							C(`Enrolled in ${O.length} course${O.length > 1 ? "s" : ""}`, "success");
 						} catch (e) {
-							x(e instanceof Error ? e.message : "Unable to enroll in path", "error");
+							C(e instanceof Error ? e.message : "Unable to enroll in path", "error");
 						} finally {
-							C(!1);
+							T(!1);
 						}
 					},
-					disabled: S,
-					children: S ? "Enrolling…" : "Enroll Now"
+					disabled: w,
+					children: w ? "Enrolling…" : "Enroll Now"
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ s(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ c("p", {
 								className: "text-lg font-bold",
-								children: w.courses.length
+								children: D.courses.length
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
 								children: "Courses"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ s(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ c("p", {
 								className: "text-lg font-bold",
-								children: w.duration
+								children: D.duration
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
 								children: "Duration"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ s(o, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c(o, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ c("p", {
 								className: "text-lg font-bold",
-								children: w.enrolled
+								children: D.enrolled
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
 								children: "Enrolled"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ s(r, { className: "h-5 w-5 mx-auto text-status-success-text mb-1" }),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ c(r, { className: "h-5 w-5 mx-auto text-status-success-text mb-1" }),
+							/* @__PURE__ */ l("p", {
 								className: "text-lg font-bold",
-								children: [w.completionRate, "%"]
+								children: [D.completionRate, "%"]
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary",
 								children: "Completion"
 							})
@@ -115,38 +116,38 @@ function v() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ c(p, { children: [
-				/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l(m, { children: [
+				/* @__PURE__ */ c("div", {
 					className: "text-lg font-semibold",
 					children: "Courses in this Path"
 				}),
-				/* @__PURE__ */ c("p", {
+				/* @__PURE__ */ l("p", {
 					className: "mb-4 text-sm text-text-secondary",
 					children: [
-						T.length,
+						O.length,
 						" courses · ",
-						w.level
+						D.level
 					]
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "space-y-3",
-					children: T.length === 0 ? /* @__PURE__ */ s(h, {
+					children: O.length === 0 ? /* @__PURE__ */ c(g, {
 						illustration: "empty-generic",
 						title: "No courses in this path yet",
 						description: "Courses added to this path will appear here in order."
-					}) : T.map((e, t) => /* @__PURE__ */ c("div", {
+					}) : O.map((e, t) => /* @__PURE__ */ l("div", {
 						className: "flex items-center gap-3 rounded border p-4",
 						children: [
-							/* @__PURE__ */ s("div", {
+							/* @__PURE__ */ c("div", {
 								className: "flex-shrink-0 w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center text-sm font-bold",
 								children: t + 1
 							}),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ s("p", {
+								children: [/* @__PURE__ */ c("p", {
 									className: "text-sm font-medium",
 									children: e.title
-								}), /* @__PURE__ */ c("p", {
+								}), /* @__PURE__ */ l("p", {
 									className: "text-xs text-text-secondary",
 									children: [
 										e.instructor,
@@ -158,15 +159,15 @@ function v() {
 									]
 								})]
 							}),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ c("div", {
+								children: [/* @__PURE__ */ l("div", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ s(a, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ s("span", {
+									children: [/* @__PURE__ */ c(a, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ c("span", {
 										className: "text-sm",
 										children: e.rating
 									})]
-								}), /* @__PURE__ */ s(l, {
+								}), /* @__PURE__ */ c(u, {
 									variant: e.level === "beginner" ? "secondary" : e.level === "intermediate" ? "default" : "destructive",
 									className: "text-[10px]",
 									children: e.level
@@ -180,6 +181,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as LearningLearningPathDetailPagePage };
+export { y as LearningLearningPathDetailPagePage };
 
 //# sourceMappingURL=LearningLearningPathDetailPagePage.js.map