@burdenoff/microfe-crewfoundry 2026.608.1 → 2026.625.1

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

@@ -1 +1 @@
-{"version":3,"file":"HrTimeTrackingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrTimeTrackingPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, LogIn, LogOut, Timer } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrTimeTrackingPagePage() {\n  const { timeEntries } = useCrewFoundryStore();\n\n  const totalHours = timeEntries.reduce((s, t) => s + t.totalHours, 0);\n  const totalOvertime = timeEntries.reduce((s, t) => s + t.overtime, 0);\n  const approvedEntries = timeEntries.filter((t) => t.status === 'approved').length;\n  const pendingEntries = timeEntries.filter((t) => t.status === 'pending').length;\n\n  const projectBreakdown = timeEntries.reduce<Record<string, number>>((acc, t) => {\n    acc[t.project] = (acc[t.project] || 0) + t.totalHours;\n    return acc;\n  }, {});\n  const maxProjectHours = Math.max(...Object.values(projectBreakdown));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Time Tracking</h1>\n          <p className=\"text-sm text-muted-foreground\">Monitor employee work hours and overtime</p>\n        </div>\n        <Button size=\"sm\">\n          <Timer className=\"h-4 w-4 mr-1\" />\n          Clock In\n        </Button>\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 Hours</CardTitle>\n            <Clock className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalHours.toFixed(1)}</div>\n            <p className=\"text-xs text-muted-foreground\">Today</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\">Overtime</CardTitle>\n            <Timer className=\"h-4 w-4 text-orange-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalOvertime.toFixed(1)}h</div>\n            <p className=\"text-xs text-muted-foreground\">Extra hours logged</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\">Approved</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{approvedEntries}</div>\n            <p className=\"text-xs text-muted-foreground\">time entries</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\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{pendingEntries}</div>\n            <p className=\"text-xs text-muted-foreground\">awaiting approval</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Hours by Project</CardTitle>\n            <CardDescription>Time allocation across active projects</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(projectBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([project, hours]) => (\n                <div key={project} className=\"flex items-center gap-3\">\n                  <span className=\"w-48 text-sm truncate\">{project}</span>\n                  <div className=\"flex-1 h-4 bg-muted rounded overflow-hidden\">\n                    <div\n                      className=\"h-4 bg-primary rounded\"\n                      style={{ width: `${Math.round((hours / maxProjectHours) * 100)}%` }}\n                    />\n                  </div>\n                  <span className=\"text-sm font-medium w-14 text-right\">{hours.toFixed(1)}h</span>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Today&apos;s Activity</CardTitle>\n            <CardDescription>Employee clock-in/out for today</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {timeEntries.map((entry) => (\n              <div key={entry.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{entry.employeeName}</p>\n                  <p className=\"text-xs text-muted-foreground\">{entry.project}</p>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"text-right text-xs\">\n                    <div className=\"flex items-center gap-1\">\n                      <LogIn className=\"h-3 w-3 text-green-500\" />\n                      {entry.clockIn}\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <LogOut className=\"h-3 w-3 text-red-500\" />\n                      {entry.clockOut}\n                    </div>\n                  </div>\n                  <div className=\"text-right\">\n                    <p className=\"text-sm font-medium\">{entry.totalHours}h</p>\n                    {entry.overtime > 0 && (\n                      <p className=\"text-xs text-orange-600\">+{entry.overtime}h OT</p>\n                    )}\n                  </div>\n                  <Badge\n                    variant={entry.status === 'approved' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {entry.status}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrTimeTrackingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrTimeTrackingPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, LogIn, LogOut, Timer } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrTimeTrackingPagePage() {\n  const { timeEntries } = useCrewFoundryStore();\n\n  const totalHours = timeEntries.reduce((s, t) => s + t.totalHours, 0);\n  const totalOvertime = timeEntries.reduce((s, t) => s + t.overtime, 0);\n  const approvedEntries = timeEntries.filter((t) => t.status === 'approved').length;\n  const pendingEntries = timeEntries.filter((t) => t.status === 'pending').length;\n\n  const projectBreakdown = timeEntries.reduce<Record<string, number>>((acc, t) => {\n    acc[t.project] = (acc[t.project] || 0) + t.totalHours;\n    return acc;\n  }, {});\n  const maxProjectHours = Math.max(...Object.values(projectBreakdown));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Time Tracking</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Monitor employee work hours and overtime</p>\n        </div>\n        <Button size=\"sm\">\n          <Timer className=\"h-4 w-4 mr-1\" />\n          Clock In\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\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\">Total Hours</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalHours.toFixed(1)}</div>\n            <p className=\"text-xs text-text-secondary\">Today</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\">Overtime</CardTitle>\n            <Timer className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalOvertime.toFixed(1)}h</div>\n            <p className=\"text-xs text-text-secondary\">Extra hours logged</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\">Approved</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{approvedEntries}</div>\n            <p className=\"text-xs text-text-secondary\">time entries</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\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{pendingEntries}</div>\n            <p className=\"text-xs text-text-secondary\">awaiting approval</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Hours by Project</CardTitle>\n            <CardDescription>Time allocation across active projects</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(projectBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([project, hours]) => (\n                <div key={project} className=\"flex items-center gap-3\">\n                  <span className=\"w-48 text-sm truncate\">{project}</span>\n                  <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-4 bg-action-primary-bg rounded\"\n                      style={{ width: `${Math.round((hours / maxProjectHours) * 100)}%` }}\n                    />\n                  </div>\n                  <span className=\"text-sm font-medium w-14 text-right\">{hours.toFixed(1)}h</span>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Today&apos;s Activity</CardTitle>\n            <CardDescription>Employee clock-in/out for today</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {timeEntries.map((entry) => (\n              <div key={entry.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{entry.employeeName}</p>\n                  <p className=\"text-xs text-text-secondary\">{entry.project}</p>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"text-right text-xs\">\n                    <div className=\"flex items-center gap-1\">\n                      <LogIn className=\"h-3 w-3 text-status-success-text\" />\n                      {entry.clockIn}\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <LogOut className=\"h-3 w-3 text-status-error-text\" />\n                      {entry.clockOut}\n                    </div>\n                  </div>\n                  <div className=\"text-right\">\n                    <p className=\"text-sm font-medium\">{entry.totalHours}h</p>\n                    {entry.overtime > 0 && (\n                      <p className=\"text-xs text-status-warning-text\">+{entry.overtime}h OT</p>\n                    )}\n                  </div>\n                  <Badge\n                    variant={entry.status === 'approved' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {entry.status}\n                  </Badge>\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/LearningAssessmentsPagePage.js

@@ -2,14 +2,14 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
 import { CheckCircle as n, Clock as r, FileText as i, Play 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";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, GlassCard as m, GradientText as h } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/LearningAssessmentsPagePage.tsx
-var m = (/* @__PURE__ */ new Date("2026-03-01T00:00:00Z")).getTime(), h = (e) => {
+var g = (/* @__PURE__ */ new Date("2026-03-01T00:00:00Z")).getTime(), _ = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
 };
-function g() {
-	let { courses: g } = e(), _ = t(() => g.slice(0, 16).map((e, t) => {
+function v() {
+	let { courses: v } = e(), y = t(() => v.slice(0, 16).map((e, t) => {
 		let n = t % 6 == 0 ? "overdue" : t % 2 == 0 ? "available" : "completed", r = 70 + t % 4 * 5;
 		return {
 			id: e.id,
@@ -19,58 +19,70 @@ function g() {
 			duration: `${Math.max(15, e.modules * 8)} min`,
 			status: n,
 			score: n === "completed" ? Math.min(99, Math.round(e.rating * 20 + 20)) : void 0,
-			dueDate: h(new Date(m + (t - 3) * 864e5 * 6).toISOString()),
+			dueDate: _(new Date(g + (t - 3) * 864e5 * 6).toISOString()),
 			passingScore: r
 		};
-	}), [g]);
+	}), [v]);
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
 				className: "text-2xl font-semibold",
-				children: "Assessments"
+				children: /* @__PURE__ */ o(h, { children: "Assessments" })
 			}), /* @__PURE__ */ o("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Quizzes and exams for your enrolled courses"
 			})] }),
 			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ s(u, { 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: "Available"
-						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-blue-500" })]
-					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: _.filter((e) => e.status === "available").length
-					}) })] }),
-					/* @__PURE__ */ s(u, { 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(d, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: _.filter((e) => e.status === "completed").length
-					}) })] }),
-					/* @__PURE__ */ s(u, { 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: "Overdue"
-						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-red-500" })]
-					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: _.filter((e) => e.status === "overdue").length
-					}) })] })
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						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: "Available"
+							}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-status-info-text" })]
+						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: y.filter((e) => e.status === "available").length
+						}) })]
+					}),
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						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-status-success-text" })]
+						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: y.filter((e) => e.status === "completed").length
+						}) })]
+					}),
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						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: "Overdue"
+							}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-status-error-text" })]
+						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: y.filter((e) => e.status === "overdue").length
+						}) })]
+					})
 				]
 			}),
 			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "All Assessments" }) }), /* @__PURE__ */ o(d, {
 				className: "space-y-3",
-				children: _.map((e) => /* @__PURE__ */ s("div", {
+				children: y.map((e) => /* @__PURE__ */ s("div", {
 					className: "flex items-center justify-between rounded border p-4",
 					children: [/* @__PURE__ */ s("div", { children: [
 						/* @__PURE__ */ o("p", {
@@ -78,7 +90,7 @@ function g() {
 							children: e.title
 						}),
 						/* @__PURE__ */ s("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: [
 								e.course,
 								" · ",
@@ -88,7 +100,7 @@ function g() {
 							]
 						}),
 						/* @__PURE__ */ s("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: [
 								"Due: ",
 								e.dueDate,
@@ -131,6 +143,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as LearningAssessmentsPagePage };
+export { v as LearningAssessmentsPagePage };
 
 //# sourceMappingURL=LearningAssessmentsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LearningAssessmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningAssessmentsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, FileText, Play } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype Assessment = {\n  id: string;\n  title: string;\n  course: string;\n  questions: number;\n  duration: string;\n  status: 'available' | 'completed' | 'overdue';\n  score?: number;\n  dueDate: string;\n  passingScore: number;\n};\n\nconst BASE_TS = new Date('2026-03-01T00:00:00Z').getTime();\n\nconst formatDate = (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 LearningAssessmentsPagePage() {\n  const { courses } = useCrewFoundryStore();\n\n  const assessments = useMemo<Assessment[]>(() => {\n    return courses.slice(0, 16).map((course, index) => {\n      const status: Assessment['status'] =\n        index % 6 === 0 ? 'overdue' : index % 2 === 0 ? 'available' : 'completed';\n      const passingScore = 70 + (index % 4) * 5;\n\n      return {\n        id: course.id,\n        title: `${course.title} Assessment`,\n        course: course.title,\n        questions: Math.max(10, course.modules * 4),\n        duration: `${Math.max(15, course.modules * 8)} min`,\n        status,\n        score:\n          status === 'completed' ? Math.min(99, Math.round(course.rating * 20 + 20)) : undefined,\n        dueDate: formatDate(new Date(BASE_TS + (index - 3) * 86400000 * 6).toISOString()),\n        passingScore,\n      };\n    });\n  }, [courses]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Assessments</h1>\n        <p className=\"text-sm text-muted-foreground\">Quizzes and exams for your enrolled courses</p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Available</CardTitle>\n            <FileText className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {assessments.filter((assessment) => assessment.status === 'available').length}\n            </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            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {assessments.filter((assessment) => assessment.status === 'completed').length}\n            </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\">Overdue</CardTitle>\n            <Clock className=\"h-4 w-4 text-red-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {assessments.filter((assessment) => assessment.status === 'overdue').length}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>All Assessments</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {assessments.map((assessment) => (\n            <div\n              key={assessment.id}\n              className=\"flex items-center justify-between rounded border p-4\"\n            >\n              <div>\n                <p className=\"text-sm font-medium\">{assessment.title}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {assessment.course} · {assessment.questions} questions · {assessment.duration}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  Due: {assessment.dueDate} · Passing: {assessment.passingScore}%\n                </p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                {assessment.status === 'completed' && assessment.score ? (\n                  <Badge\n                    variant={\n                      assessment.score >= assessment.passingScore ? 'default' : 'destructive'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    Score: {assessment.score}%\n                  </Badge>\n                ) : null}\n                <Badge\n                  variant={\n                    assessment.status === 'completed'\n                      ? 'default'\n                      : assessment.status === 'overdue'\n                        ? 'destructive'\n                        : 'secondary'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {assessment.status}\n                </Badge>\n                {assessment.status === 'available' ? (\n                  <Button size=\"sm\">\n                    <Play className=\"mr-1 h-3 w-3\" />\n                    Start\n                  </Button>\n                ) : null}\n                {assessment.status === 'overdue' ? (\n                  <Button size=\"sm\" variant=\"destructive\">\n                    <Play className=\"mr-1 h-3 w-3\" />\n                    Take Now\n                  </Button>\n                ) : null}\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LearningAssessmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningAssessmentsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, FileText, Play } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype Assessment = {\n  id: string;\n  title: string;\n  course: string;\n  questions: number;\n  duration: string;\n  status: 'available' | 'completed' | 'overdue';\n  score?: number;\n  dueDate: string;\n  passingScore: number;\n};\n\nconst BASE_TS = new Date('2026-03-01T00:00:00Z').getTime();\n\nconst formatDate = (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 LearningAssessmentsPagePage() {\n  const { courses } = useCrewFoundryStore();\n\n  const assessments = useMemo<Assessment[]>(() => {\n    return courses.slice(0, 16).map((course, index) => {\n      const status: Assessment['status'] =\n        index % 6 === 0 ? 'overdue' : index % 2 === 0 ? 'available' : 'completed';\n      const passingScore = 70 + (index % 4) * 5;\n\n      return {\n        id: course.id,\n        title: `${course.title} Assessment`,\n        course: course.title,\n        questions: Math.max(10, course.modules * 4),\n        duration: `${Math.max(15, course.modules * 8)} min`,\n        status,\n        score:\n          status === 'completed' ? Math.min(99, Math.round(course.rating * 20 + 20)) : undefined,\n        dueDate: formatDate(new Date(BASE_TS + (index - 3) * 86400000 * 6).toISOString()),\n        passingScore,\n      };\n    });\n  }, [courses]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Assessments</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Quizzes and exams for your enrolled courses</p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\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\">Available</CardTitle>\n            <FileText className=\"h-4 w-4 text-status-info-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {assessments.filter((assessment) => assessment.status === 'available').length}\n            </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            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {assessments.filter((assessment) => assessment.status === 'completed').length}\n            </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\">Overdue</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-error-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {assessments.filter((assessment) => assessment.status === 'overdue').length}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>All Assessments</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {assessments.map((assessment) => (\n            <div\n              key={assessment.id}\n              className=\"flex items-center justify-between rounded border p-4\"\n            >\n              <div>\n                <p className=\"text-sm font-medium\">{assessment.title}</p>\n                <p className=\"text-xs text-text-secondary\">\n                  {assessment.course} · {assessment.questions} questions · {assessment.duration}\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  Due: {assessment.dueDate} · Passing: {assessment.passingScore}%\n                </p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                {assessment.status === 'completed' && assessment.score ? (\n                  <Badge\n                    variant={\n                      assessment.score >= assessment.passingScore ? 'default' : 'destructive'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    Score: {assessment.score}%\n                  </Badge>\n                ) : null}\n                <Badge\n                  variant={\n                    assessment.status === 'completed'\n                      ? 'default'\n                      : assessment.status === 'overdue'\n                        ? 'destructive'\n                        : 'secondary'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {assessment.status}\n                </Badge>\n                {assessment.status === 'available' ? (\n                  <Button size=\"sm\">\n                    <Play className=\"mr-1 h-3 w-3\" />\n                    Start\n                  </Button>\n                ) : null}\n                {assessment.status === 'overdue' ? (\n                  <Button size=\"sm\" variant=\"destructive\">\n                    <Play className=\"mr-1 h-3 w-3\" />\n                    Take Now\n                  </Button>\n                ) : null}\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/LearningCertificatesPagePage.js

@@ -2,38 +2,38 @@ 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";
+import { Badge as s, Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, GradientText as p } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/LearningCertificatesPagePage.tsx
-var p = (/* @__PURE__ */ new Date("2026-03-01T00:00:00Z")).getTime(), m = (e) => {
+var m = (/* @__PURE__ */ new Date("2026-03-01T00:00:00Z")).getTime(), h = (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;
+function g() {
+	let { courses: g, employees: _ } = e(), v = t(() => g.slice(0, 12).map((e, t) => {
+		let n = _[t % Math.max(_.length, 1)]?.firstName && _[t % Math.max(_.length, 1)]?.lastName ? `${_[t % _.length].firstName} ${_[t % _.length].lastName}` : e.instructor;
 		return {
 			id: e.id,
 			title: e.title,
-			issueDate: m((/* @__PURE__ */ new Date(p - t * 864e5 * 12)).toISOString()),
+			issueDate: h((/* @__PURE__ */ new Date(m - 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
+			expiryDate: t % 5 == 0 ? h(new Date(m + 864e5 * (60 + t * 3)).toISOString()) : void 0
 		};
-	}), [h, g]);
+	}), [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"
+			children: /* @__PURE__ */ a(p, { children: "Certificates" })
 		}), /* @__PURE__ */ o("p", {
-			className: "text-sm text-muted-foreground",
-			children: [_.length, " certificates earned"]
+			className: "text-sm text-text-secondary",
+			children: [v.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", {
+			children: v.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, {
+				children: [/* @__PURE__ */ a(n, { className: "h-8 w-8 text-status-warning-text" }), /* @__PURE__ */ a(s, {
 					variant: e.status === "active" ? "default" : "secondary",
 					className: "text-[10px]",
 					children: e.status
@@ -42,7 +42,7 @@ function h() {
 				className: "mt-2 text-base",
 				children: e.title
 			})] }), /* @__PURE__ */ o(u, { children: [/* @__PURE__ */ o("div", {
-				className: "space-y-2 text-sm text-muted-foreground",
+				className: "space-y-2 text-sm text-text-secondary",
 				children: [
 					/* @__PURE__ */ o("div", { children: [
 						/* @__PURE__ */ a("span", {
@@ -69,7 +69,7 @@ function h() {
 						e.credentialId
 					] }),
 					e.expiryDate ? /* @__PURE__ */ o("div", {
-						className: "text-yellow-600",
+						className: "text-status-warning-text",
 						children: [
 							/* @__PURE__ */ a("span", {
 								className: "text-xs",
@@ -98,6 +98,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as LearningCertificatesPagePage };
+export { g as LearningCertificatesPagePage };
 
 //# sourceMappingURL=LearningCertificatesPagePage.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"LearningCertificatesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningCertificatesPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GradientText,\n} 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\">\n          <GradientText>Certificates</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">{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-status-warning-text\" />\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-text-secondary\">\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-status-warning-text\">\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.js

@@ -1,15 +1,19 @@
 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";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, GradientText as m, IllustratedEmptyState as h } 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."
+function g() {
+	let { courses: g } = e(), _ = g[0];
+	if (!_) return /* @__PURE__ */ o("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ o(h, {
+			illustration: "empty-search",
+			title: "Course not found",
+			description: "This course is no longer available."
+		})
 	});
-	let g = Math.round(h.completed / h.enrolled * 100);
+	let v = Math.round(_.completed / _.enrolled * 100);
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
@@ -19,18 +23,18 @@ function m() {
 					className: "flex items-center gap-2 mb-1",
 					children: [/* @__PURE__ */ o("h1", {
 						className: "text-2xl font-semibold",
-						children: h.title
+						children: /* @__PURE__ */ o(m, { children: _.title })
 					}), /* @__PURE__ */ o(c, {
-						variant: h.level === "beginner" ? "secondary" : h.level === "intermediate" ? "default" : "destructive",
-						children: h.level
+						variant: _.level === "beginner" ? "secondary" : _.level === "intermediate" ? "default" : "destructive",
+						children: _.level
 					})]
 				}), /* @__PURE__ */ s("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: [
 						"by ",
-						h.instructor,
+						_.instructor,
 						" · ",
-						h.category
+						_.category
 					]
 				})] }), /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(r, { className: "h-4 w-4 mr-1" }), "Start Course"] })]
 			}),
@@ -40,13 +44,13 @@ function m() {
 					/* @__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(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
-								children: h.duration
+								children: _.duration
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Duration"
 							})
 						]
@@ -54,13 +58,13 @@ function m() {
 					/* @__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(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
-								children: h.modules
+								children: _.modules
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Modules"
 							})
 						]
@@ -68,13 +72,13 @@ function m() {
 					/* @__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(a, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
-								children: h.enrolled
+								children: _.enrolled
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Enrolled"
 							})
 						]
@@ -82,13 +86,13 @@ function m() {
 					/* @__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__ */ o(i, { className: "h-5 w-5 mx-auto text-status-warning-text mb-1" }),
 							/* @__PURE__ */ s("p", {
 								className: "text-lg font-bold",
-								children: [h.rating, "/5"]
+								children: [_.rating, "/5"]
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Rating"
 							})
 						]
@@ -96,11 +100,11 @@ function m() {
 				]
 			}),
 			/* @__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
+				className: "text-sm text-text-secondary",
+				children: _.description
 			}), /* @__PURE__ */ o("div", {
 				className: "flex flex-wrap gap-1 mt-3",
-				children: h.skills.map((e) => /* @__PURE__ */ o(c, {
+				children: _.skills.map((e) => /* @__PURE__ */ o(c, {
 					variant: "outline",
 					children: e
 				}, e))
@@ -110,19 +114,19 @@ function m() {
 				children: [/* @__PURE__ */ s("div", {
 					className: "flex justify-between text-sm",
 					children: [/* @__PURE__ */ s("span", { children: [
-						h.completed,
+						_.completed,
 						" of ",
-						h.enrolled,
+						_.enrolled,
 						" students completed"
 					] }), /* @__PURE__ */ s("span", {
 						className: "font-medium",
-						children: [g, "%"]
+						children: [v, "%"]
 					})]
 				}), /* @__PURE__ */ o("div", {
-					className: "h-3 bg-muted rounded overflow-hidden",
+					className: "h-3 bg-bg-sunken rounded overflow-hidden",
 					children: /* @__PURE__ */ o("div", {
-						className: "h-3 bg-green-500 rounded",
-						style: { width: `${g}%` }
+						className: "h-3 bg-status-success-text rounded",
+						style: { width: `${v}%` }
 					})
 				})]
 			}) })] })
@@ -130,6 +134,6 @@ function m() {
 	});
 }
 //#endregion
-export { m as LearningCourseDetailsPagePage };
+export { g as LearningCourseDetailsPagePage };
 
 //# sourceMappingURL=LearningCourseDetailsPagePage.js.map

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

@@ -1 +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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"}
+{"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  GradientText,\n  IllustratedEmptyState,\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)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Course not found\"\n          description=\"This course is no longer available.\"\n        />\n      </div>\n    );\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\">\n              <GradientText>{course.title}</GradientText>\n            </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-text-secondary\">\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-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.duration}</p>\n            <p className=\"text-xs text-text-secondary\">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-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.modules}</p>\n            <p className=\"text-xs text-text-secondary\">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-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{course.enrolled}</p>\n            <p className=\"text-xs text-text-secondary\">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-status-warning-text mb-1\" />\n            <p className=\"text-lg font-bold\">{course.rating}/5</p>\n            <p className=\"text-xs text-text-secondary\">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-text-secondary\">{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-bg-sunken rounded overflow-hidden\">\n              <div\n                className=\"h-3 bg-status-success-text rounded\"\n                style={{ width: `${completionRate}%` }}\n              />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}