@burdenoff/microfe-crewfoundry 2026.624.1 → 2026.625.2

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, PagePurpose as g } 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 _ = (/* @__PURE__ */ new Date("2026-03-01T00:00:00Z")).getTime(), v = (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 y() {
+	let { courses: y } = e(), b = t(() => y.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,78 @@ 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: v(new Date(_ + (t - 3) * 864e5 * 6).toISOString()),
 			passingScore: r
 		};
-	}), [g]);
+	}), [y]);
 	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"
-			}), /* @__PURE__ */ o("p", {
-				className: "text-sm text-text-secondary",
-				children: "Quizzes and exams for your enrolled courses"
-			})] }),
+			/* @__PURE__ */ s("div", { children: [
+				/* @__PURE__ */ o("h1", {
+					className: "text-2xl font-semibold",
+					children: /* @__PURE__ */ o(h, { children: "Assessments" })
+				}),
+				/* @__PURE__ */ o("p", {
+					className: "text-sm text-text-secondary",
+					children: "Quizzes and exams for your enrolled courses"
+				}),
+				/* @__PURE__ */ o(g, {
+					className: "mt-1",
+					children: "Create and review assessments that measure what your team has learned — use them to certify skills and identify knowledge gaps."
+				})
+			] }),
 			/* @__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: "glass",
+						glow: !0,
+						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: b.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: b.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: b.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: b.map((e) => /* @__PURE__ */ s("div", {
 					className: "flex items-center justify-between rounded border p-4",
 					children: [/* @__PURE__ */ s("div", { children: [
 						/* @__PURE__ */ o("p", {
@@ -131,6 +151,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as LearningAssessmentsPagePage };
+export { y 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-text-secondary\">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-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":";;;;;;AAiBA,IAAM,qBAAU,IAAI,KAAK,uBAAuB,EAAC,SAAS,EAEpD,KAAc,MAA0B;CAC5C,IAAM,IAAS,IAAI,KAAK,EAAM;AAI9B,QAHI,OAAO,MAAM,EAAO,SAAS,CAAC,GACzB,YAEF,EAAO,aAAa,CAAC,MAAM,IAAI,CAAC;;AAGzC,SAAgB,IAA8B;CAC5C,IAAM,EAAE,eAAY,GAAqB,EAEnC,IAAc,QACX,EAAQ,MAAM,GAAG,GAAG,CAAC,KAAK,GAAQ,MAAU;EACjD,IAAM,IACJ,IAAQ,KAAM,IAAI,YAAY,IAAQ,KAAM,IAAI,cAAc,aAC1D,IAAe,KAAM,IAAQ,IAAK;AAExC,SAAO;GACL,IAAI,EAAO;GACX,OAAO,GAAG,EAAO,MAAM;GACvB,QAAQ,EAAO;GACf,WAAW,KAAK,IAAI,IAAI,EAAO,UAAU,EAAE;GAC3C,UAAU,GAAG,KAAK,IAAI,IAAI,EAAO,UAAU,EAAE,CAAC;GAC9C;GACA,OACE,MAAW,cAAc,KAAK,IAAI,IAAI,KAAK,MAAM,EAAO,SAAS,KAAK,GAAG,CAAC,GAAG,KAAA;GAC/E,SAAS,EAAW,IAAI,KAAK,KAAW,IAAQ,KAAK,QAAW,EAAE,CAAC,aAAa,CAAC;GACjF;GACD;GACD,EACD,CAAC,EAAQ,CAAC;AAEb,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAgB,CAAA,EACvD,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAA+C,CAAA,CACtF,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAqB,CAAA,EAChE,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA,CACnC;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAY,QAAQ,MAAe,EAAW,WAAW,YAAY,CAAC;MACnE,CAAA,EACM,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAqB,CAAA,EAChE,kBAAC,GAAD,EAAa,WAAU,0BAA2B,CAAA,CACvC;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAY,QAAQ,MAAe,EAAW,WAAW,YAAY,CAAC;MACnE,CAAA,EACM,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAmB,CAAA,EAC9D,kBAAC,GAAD,EAAO,WAAU,wBAAyB,CAAA,CAC/B;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAY,QAAQ,MAAe,EAAW,WAAW,UAAU,CAAC;MACjE,CAAA,EACM,CAAA,CACT,EAAA,CAAA;KACH;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAY,KAAK,MAChB,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAuB,EAAW;OAAU,CAAA;MACzD,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAW;QAAO;QAAI,EAAW;QAAU;QAAc,EAAW;QACnE;;MACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QAA2C;QACnC,EAAW;QAAQ;QAAa,EAAW;QAAa;QAC5D;;MACA,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,EAAW,WAAW,eAAe,EAAW,QAC/C,kBAAC,GAAD;QACE,SACE,EAAW,SAAS,EAAW,eAAe,YAAY;QAE5D,WAAU;kBAJZ;SAKC;SACS,EAAW;SAAM;SACnB;YACN;OACJ,kBAAC,GAAD;QACE,SACE,EAAW,WAAW,cAClB,YACA,EAAW,WAAW,YACpB,gBACA;QAER,WAAU;kBAET,EAAW;QACN,CAAA;OACP,EAAW,WAAW,cACrB,kBAAC,GAAD;QAAQ,MAAK;kBAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,QAE1B;YACP;OACH,EAAW,WAAW,YACrB,kBAAC,GAAD;QAAQ,MAAK;QAAK,SAAQ;kBAA1B,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;YACP;OACA;QACF;OAhDC,EAAW,GAgDZ,CACN;IACU,CAAA,CACT,EAAA,CAAA;GACH"}
+{"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  PagePurpose,\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        <PagePurpose className=\"mt-1\">Create and review assessments that measure what your team has learned — use them to certify skills and identify knowledge gaps.</PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\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\">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,102 +2,120 @@ 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, CardContent as l, CardHeader as u, CardTitle as d, GlassCard as f, GradientText as p, IllustratedEmptyState as m, PagePurpose as h } 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 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 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 v() {
+	let { courses: v, employees: y } = e(), b = t(() => v.slice(0, 12).map((e, t) => {
+		let n = y[t % Math.max(y.length, 1)]?.firstName && y[t % Math.max(y.length, 1)]?.lastName ? `${y[t % y.length].firstName} ${y[t % y.length].lastName}` : e.instructor;
 		return {
 			id: e.id,
 			title: e.title,
-			issueDate: m((/* @__PURE__ */ new Date(p - t * 864e5 * 12)).toISOString()),
+			issueDate: _((/* @__PURE__ */ new Date(g - 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 ? _(new Date(g + 864e5 * (60 + t * 3)).toISOString()) : void 0
 		};
-	}), [h, g]);
+	}), [v, y]);
 	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
-			className: "text-2xl font-semibold",
-			children: "Certificates"
-		}), /* @__PURE__ */ o("p", {
-			className: "text-sm text-text-secondary",
-			children: [_.length, " certificates earned"]
-		})] }), /* @__PURE__ */ a("div", {
+		children: [/* @__PURE__ */ o("div", { children: [
+			/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: /* @__PURE__ */ a(p, { children: "Certificates" })
+			}),
+			/* @__PURE__ */ o("p", {
+				className: "text-sm text-text-secondary",
+				children: [b.length, " certificates earned"]
+			}),
+			/* @__PURE__ */ a(h, {
+				className: "mt-1",
+				children: "View and manage the certificates your team has earned — proof of completed training and validated skills."
+			})
+		] }), /* @__PURE__ */ a("div", {
 			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-			children: _.map((e) => /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o(d, { children: [/* @__PURE__ */ o("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ a(n, { className: "h-8 w-8 text-yellow-500" }), /* @__PURE__ */ a(s, {
-					variant: e.status === "active" ? "default" : "secondary",
-					className: "text-[10px]",
-					children: e.status
-				})]
-			}), /* @__PURE__ */ a(f, {
-				className: "mt-2 text-base",
-				children: e.title
-			})] }), /* @__PURE__ */ o(u, { children: [/* @__PURE__ */ o("div", {
-				className: "space-y-2 text-sm text-text-secondary",
-				children: [
-					/* @__PURE__ */ o("div", { children: [
-						/* @__PURE__ */ a("span", {
-							className: "text-xs",
-							children: "Instructor:"
-						}),
-						" ",
-						e.instructor
-					] }),
-					/* @__PURE__ */ o("div", { children: [
-						/* @__PURE__ */ a("span", {
-							className: "text-xs",
-							children: "Issued:"
-						}),
-						" ",
-						e.issueDate
-					] }),
-					/* @__PURE__ */ o("div", { children: [
-						/* @__PURE__ */ a("span", {
-							className: "text-xs",
-							children: "Credential ID:"
-						}),
-						" ",
-						e.credentialId
-					] }),
-					e.expiryDate ? /* @__PURE__ */ o("div", {
-						className: "text-yellow-600",
-						children: [
+			children: b.length === 0 ? /* @__PURE__ */ a("div", {
+				className: "col-span-full",
+				children: /* @__PURE__ */ a(m, {
+					illustration: "empty-generic",
+					title: "No certificates yet",
+					description: "Certificates appear here as your team completes courses."
+				})
+			}) : b.map((e, t) => /* @__PURE__ */ o(f, {
+				treatment: t === 0 ? "glass" : "plain",
+				glow: t === 0,
+				children: [/* @__PURE__ */ o(u, { children: [/* @__PURE__ */ o("div", {
+					className: "flex items-center justify-between",
+					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
+					})]
+				}), /* @__PURE__ */ a(d, {
+					className: "mt-2 text-base",
+					children: e.title
+				})] }), /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o("div", {
+					className: "space-y-2 text-sm text-text-secondary",
+					children: [
+						/* @__PURE__ */ o("div", { children: [
 							/* @__PURE__ */ a("span", {
 								className: "text-xs",
-								children: "Expires:"
+								children: "Instructor:"
 							}),
 							" ",
-							e.expiryDate
-						]
-					}) : null
-				]
-			}), /* @__PURE__ */ o("div", {
-				className: "mt-3 flex gap-2",
-				children: [/* @__PURE__ */ o(c, {
-					variant: "outline",
-					size: "sm",
-					className: "flex-1",
-					children: [/* @__PURE__ */ a(r, { className: "mr-1 h-3 w-3" }), "Download"]
-				}), /* @__PURE__ */ o(c, {
-					variant: "outline",
-					size: "sm",
-					className: "flex-1",
-					children: [/* @__PURE__ */ a(i, { className: "mr-1 h-3 w-3" }), "Verify"]
-				})]
-			})] })] }, e.id))
+							e.instructor
+						] }),
+						/* @__PURE__ */ o("div", { children: [
+							/* @__PURE__ */ a("span", {
+								className: "text-xs",
+								children: "Issued:"
+							}),
+							" ",
+							e.issueDate
+						] }),
+						/* @__PURE__ */ o("div", { children: [
+							/* @__PURE__ */ a("span", {
+								className: "text-xs",
+								children: "Credential ID:"
+							}),
+							" ",
+							e.credentialId
+						] }),
+						e.expiryDate ? /* @__PURE__ */ o("div", {
+							className: "text-status-warning-text",
+							children: [
+								/* @__PURE__ */ a("span", {
+									className: "text-xs",
+									children: "Expires:"
+								}),
+								" ",
+								e.expiryDate
+							]
+						}) : null
+					]
+				}), /* @__PURE__ */ o("div", {
+					className: "mt-3 flex gap-2",
+					children: [/* @__PURE__ */ o(c, {
+						variant: "outline",
+						size: "sm",
+						className: "flex-1",
+						children: [/* @__PURE__ */ a(r, { className: "mr-1 h-3 w-3" }), "Download"]
+					}), /* @__PURE__ */ o(c, {
+						variant: "outline",
+						size: "sm",
+						className: "flex-1",
+						children: [/* @__PURE__ */ a(i, { className: "mr-1 h-3 w-3" }), "Verify"]
+					})]
+				})] })]
+			}, e.id))
 		})]
 	});
 }
 //#endregion
-export { h as LearningCertificatesPagePage };
+export { v 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-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-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-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-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  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\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        <PagePurpose className=\"mt-1\">View and manage the certificates your team has earned — proof of completed training and validated skills.</PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {certificates.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No certificates yet\"\n              description=\"Certificates appear here as your team completes courses.\"\n            />\n          </div>\n        ) : (\n          certificates.map((certificate, _idx) => (\n          <GlassCard\n            key={certificate.id}\n            treatment={_idx === 0 ? 'glass' : 'plain'}\n            glow={_idx === 0}\n          >\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          </GlassCard>\n        )))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}