@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/HrPayrollPagePage.js

@@ -0,0 +1,191 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useState as t } from "react";
+import { CheckCircle as n, Clock as r, DollarSign as i, Download as a, Play as o, TrendingUp as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, Separator as _ } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/HrPayrollPagePage.tsx
+function v() {
+	let { payrollRecords: v, employees: y } = e(), [b, x] = t("January 2026"), S = v.filter((e) => e.period === b), C = S.reduce((e, t) => e + t.grossPay, 0);
+	S.reduce((e, t) => e + t.deductions, 0);
+	let w = S.reduce((e, t) => e + t.netPay, 0), T = S.filter((e) => e.status === "paid").length, E = S.filter((e) => e.status === "processing").length, D = [...new Set(v.map((e) => e.period))];
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+					className: "text-2xl font-semibold",
+					children: "Payroll Management"
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Process and manage employee payroll"
+				})] }), /* @__PURE__ */ l("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ l(d, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ c(a, { className: "h-4 w-4 mr-1" }), "Export"]
+					}), /* @__PURE__ */ l(d, {
+						size: "sm",
+						children: [/* @__PURE__ */ c(o, { className: "h-4 w-4 mr-1" }), "Run Payroll"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(g, {
+							className: "text-sm font-medium",
+							children: "Gross Payroll"
+						}), /* @__PURE__ */ c(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: ["$", C.toLocaleString()]
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: b
+					})] })] }),
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(g, {
+							className: "text-sm font-medium",
+							children: "Net Payroll"
+						}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: ["$", w.toLocaleString()]
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: "After deductions"
+					})] })] }),
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(g, {
+							className: "text-sm font-medium",
+							children: "Paid"
+						}), /* @__PURE__ */ c(n, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: T
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: "employees paid"
+					})] })] }),
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(g, {
+							className: "text-sm font-medium",
+							children: "Processing"
+						}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: E
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: "in progress"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex gap-2",
+				children: D.map((e) => /* @__PURE__ */ c(d, {
+					variant: b === e ? "default" : "outline",
+					size: "sm",
+					onClick: () => x(e),
+					children: e
+				}, e))
+			}),
+			/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, { children: "Payroll Records" }), /* @__PURE__ */ l(m, { children: ["Individual employee payroll details for ", b] })] }), /* @__PURE__ */ l(p, { children: [
+				/* @__PURE__ */ l("div", {
+					className: "grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+					children: [
+						/* @__PURE__ */ c("span", { children: "Employee" }),
+						/* @__PURE__ */ c("span", { children: "Department" }),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: "Gross Pay"
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: "Deductions"
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: "Net Pay"
+						}),
+						/* @__PURE__ */ c("span", { children: "Payment Method" }),
+						/* @__PURE__ */ c("span", {
+							className: "text-center",
+							children: "Status"
+						})
+					]
+				}),
+				v.map((e) => /* @__PURE__ */ l("div", {
+					className: "grid grid-cols-7 gap-2 py-2 border-b last:border-0 text-sm",
+					children: [
+						/* @__PURE__ */ c("span", {
+							className: "font-medium",
+							children: e.employeeName
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-muted-foreground",
+							children: e.department
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: ["$", e.grossPay.toLocaleString()]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right text-red-600",
+							children: ["-$", e.deductions.toLocaleString()]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right font-medium",
+							children: ["$", e.netPay.toLocaleString()]
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-muted-foreground",
+							children: e.paymentMethod
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "text-center",
+							children: /* @__PURE__ */ c(u, {
+								variant: e.status === "paid" ? "default" : e.status === "processing" ? "secondary" : "outline",
+								className: "text-[10px]",
+								children: e.status
+							})
+						})
+					]
+				}, e.id)),
+				/* @__PURE__ */ c(_, { className: "my-2" }),
+				/* @__PURE__ */ l("div", {
+					className: "grid grid-cols-7 gap-2 text-sm font-bold",
+					children: [
+						/* @__PURE__ */ c("span", { children: "Total" }),
+						/* @__PURE__ */ c("span", {}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: ["$", v.reduce((e, t) => e + t.grossPay, 0).toLocaleString()]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right text-red-600",
+							children: ["-$", v.reduce((e, t) => e + t.deductions, 0).toLocaleString()]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: ["$", v.reduce((e, t) => e + t.netPay, 0).toLocaleString()]
+						}),
+						/* @__PURE__ */ c("span", {}),
+						/* @__PURE__ */ c("span", {})
+					]
+				})
+			] })] })
+		]
+	});
+}
+//#endregion
+export { v as HrPayrollPagePage };
+
+//# sourceMappingURL=HrPayrollPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HrPayrollPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrPayrollPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, DollarSign, Download, FileText, Play, TrendingUp } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrPayrollPagePage() {\n  const { payrollRecords, employees } = useCrewFoundryStore();\n  const [selectedPeriod, setSelectedPeriod] = useState('January 2026');\n\n  const periodRecords = payrollRecords.filter((r) => r.period === selectedPeriod);\n  const totalGross = periodRecords.reduce((s, r) => s + r.grossPay, 0);\n  const totalDeductions = periodRecords.reduce((s, r) => s + r.deductions, 0);\n  const totalNet = periodRecords.reduce((s, r) => s + r.netPay, 0);\n  const paidCount = periodRecords.filter((r) => r.status === 'paid').length;\n  const processingCount = periodRecords.filter((r) => r.status === 'processing').length;\n\n  const periods = [...new Set(payrollRecords.map((r) => r.period))];\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\">Payroll Management</h1>\n          <p className=\"text-sm text-muted-foreground\">Process and manage employee payroll</p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Download className=\"h-4 w-4 mr-1\" />\n            Export\n          </Button>\n          <Button size=\"sm\">\n            <Play className=\"h-4 w-4 mr-1\" />\n            Run Payroll\n          </Button>\n        </div>\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\">Gross Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalGross.toLocaleString()}</div>\n            <p className=\"text-xs text-muted-foreground\">{selectedPeriod}</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\">Net Payroll</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalNet.toLocaleString()}</div>\n            <p className=\"text-xs text-muted-foreground\">After deductions</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\">Paid</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{paidCount}</div>\n            <p className=\"text-xs text-muted-foreground\">employees paid</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\">Processing</CardTitle>\n            <Clock className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{processingCount}</div>\n            <p className=\"text-xs text-muted-foreground\">in progress</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex gap-2\">\n        {periods.map((period) => (\n          <Button\n            key={period}\n            variant={selectedPeriod === period ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setSelectedPeriod(period)}\n          >\n            {period}\n          </Button>\n        ))}\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Payroll Records</CardTitle>\n          <CardDescription>\n            Individual employee payroll details for {selectedPeriod}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2\">\n            <span>Employee</span>\n            <span>Department</span>\n            <span className=\"text-right\">Gross Pay</span>\n            <span className=\"text-right\">Deductions</span>\n            <span className=\"text-right\">Net Pay</span>\n            <span>Payment Method</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {payrollRecords.map((record) => (\n            <div\n              key={record.id}\n              className=\"grid grid-cols-7 gap-2 py-2 border-b last:border-0 text-sm\"\n            >\n              <span className=\"font-medium\">{record.employeeName}</span>\n              <span className=\"text-muted-foreground\">{record.department}</span>\n              <span className=\"text-right\">${record.grossPay.toLocaleString()}</span>\n              <span className=\"text-right text-red-600\">\n                -${record.deductions.toLocaleString()}\n              </span>\n              <span className=\"text-right font-medium\">${record.netPay.toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">{record.paymentMethod}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    record.status === 'paid'\n                      ? 'default'\n                      : record.status === 'processing'\n                        ? 'secondary'\n                        : 'outline'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {record.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n          <Separator className=\"my-2\" />\n          <div className=\"grid grid-cols-7 gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span />\n            <span className=\"text-right\">\n              ${payrollRecords.reduce((s, r) => s + r.grossPay, 0).toLocaleString()}\n            </span>\n            <span className=\"text-right text-red-600\">\n              -${payrollRecords.reduce((s, r) => s + r.deductions, 0).toLocaleString()}\n            </span>\n            <span className=\"text-right\">\n              ${payrollRecords.reduce((s, r) => s + r.netPay, 0).toLocaleString()}\n            </span>\n            <span />\n            <span />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/crewfoundry/pages/HrTimeTrackingPagePage.js

@@ -0,0 +1,158 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { CheckCircle as t, Clock as n, LogIn as r, LogOut as i, Timer as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/HrTimeTrackingPagePage.tsx
+function h() {
+	let { timeEntries: h } = e(), g = h.reduce((e, t) => e + t.totalHours, 0), _ = h.reduce((e, t) => e + t.overtime, 0), v = h.filter((e) => e.status === "approved").length, y = h.filter((e) => e.status === "pending").length, b = h.reduce((e, t) => (e[t.project] = (e[t.project] || 0) + t.totalHours, e), {}), x = Math.max(...Object.values(b));
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+					className: "text-2xl font-semibold",
+					children: "Time Tracking"
+				}), /* @__PURE__ */ o("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Monitor employee work hours and overtime"
+				})] }), /* @__PURE__ */ s(l, {
+					size: "sm",
+					children: [/* @__PURE__ */ o(a, { className: "h-4 w-4 mr-1" }), "Clock In"]
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(m, {
+							className: "text-sm font-medium",
+							children: "Total Hours"
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: g.toFixed(1)
+					}), /* @__PURE__ */ o("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Today"
+					})] })] }),
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(m, {
+							className: "text-sm font-medium",
+							children: "Overtime"
+						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-orange-500" })]
+					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: [_.toFixed(1), "h"]
+					}), /* @__PURE__ */ o("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Extra hours logged"
+					})] })] }),
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(m, {
+							className: "text-sm font-medium",
+							children: "Approved"
+						}), /* @__PURE__ */ o(t, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: v
+					}), /* @__PURE__ */ o("p", {
+						className: "text-xs text-muted-foreground",
+						children: "time entries"
+					})] })] }),
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(m, {
+							className: "text-sm font-medium",
+							children: "Pending"
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: y
+					}), /* @__PURE__ */ o("p", {
+						className: "text-xs text-muted-foreground",
+						children: "awaiting approval"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, { children: [/* @__PURE__ */ o(m, { children: "Hours by Project" }), /* @__PURE__ */ o(f, { children: "Time allocation across active projects" })] }), /* @__PURE__ */ o(d, {
+					className: "space-y-3",
+					children: Object.entries(b).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ s("div", {
+						className: "flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ o("span", {
+								className: "w-48 text-sm truncate",
+								children: e
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex-1 h-4 bg-muted rounded overflow-hidden",
+								children: /* @__PURE__ */ o("div", {
+									className: "h-4 bg-primary rounded",
+									style: { width: `${Math.round(t / x * 100)}%` }
+								})
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "text-sm font-medium w-14 text-right",
+								children: [t.toFixed(1), "h"]
+							})
+						]
+					}, e))
+				})] }), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, { children: [/* @__PURE__ */ o(m, { children: "Today's Activity" }), /* @__PURE__ */ o(f, { children: "Employee clock-in/out for today" })] }), /* @__PURE__ */ o(d, {
+					className: "space-y-3",
+					children: h.map((e) => /* @__PURE__ */ s("div", {
+						className: "flex items-center justify-between rounded border p-3",
+						children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+							className: "text-sm font-medium",
+							children: e.employeeName
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.project
+						})] }), /* @__PURE__ */ s("div", {
+							className: "flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ s("div", {
+									className: "text-right text-xs",
+									children: [/* @__PURE__ */ s("div", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ o(r, { className: "h-3 w-3 text-green-500" }), e.clockIn]
+									}), /* @__PURE__ */ s("div", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ o(i, { className: "h-3 w-3 text-red-500" }), e.clockOut]
+									})]
+								}),
+								/* @__PURE__ */ s("div", {
+									className: "text-right",
+									children: [/* @__PURE__ */ s("p", {
+										className: "text-sm font-medium",
+										children: [e.totalHours, "h"]
+									}), e.overtime > 0 && /* @__PURE__ */ s("p", {
+										className: "text-xs text-orange-600",
+										children: [
+											"+",
+											e.overtime,
+											"h OT"
+										]
+									})]
+								}),
+								/* @__PURE__ */ o(c, {
+									variant: e.status === "approved" ? "default" : "secondary",
+									className: "text-[10px]",
+									children: e.status
+								})
+							]
+						})]
+					}, e.id))
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+export { h as HrTimeTrackingPagePage };
+
+//# sourceMappingURL=HrTimeTrackingPagePage.js.map

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

@@ -0,0 +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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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningAssessmentsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningAssessmentsPagePage.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,2BAA2B,4CAgI1C"}

package/dist/crewfoundry/pages/LearningAssessmentsPagePage.js

@@ -0,0 +1,136 @@
+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";
+//#region src/crewfoundry/pages/LearningAssessmentsPagePage.tsx
+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 g() {
+	let { courses: g } = e(), _ = t(() => g.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,
+			title: `${e.title} Assessment`,
+			course: e.title,
+			questions: Math.max(10, e.modules * 4),
+			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()),
+			passingScore: r
+		};
+	}), [g]);
+	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-muted-foreground",
+				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(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", {
+					className: "flex items-center justify-between rounded border p-4",
+					children: [/* @__PURE__ */ s("div", { children: [
+						/* @__PURE__ */ o("p", {
+							className: "text-sm font-medium",
+							children: e.title
+						}),
+						/* @__PURE__ */ s("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								e.course,
+								" · ",
+								e.questions,
+								" questions · ",
+								e.duration
+							]
+						}),
+						/* @__PURE__ */ s("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								"Due: ",
+								e.dueDate,
+								" · Passing: ",
+								e.passingScore,
+								"%"
+							]
+						})
+					] }), /* @__PURE__ */ s("div", {
+						className: "flex items-center gap-2",
+						children: [
+							e.status === "completed" && e.score ? /* @__PURE__ */ s(c, {
+								variant: e.score >= e.passingScore ? "default" : "destructive",
+								className: "text-[10px]",
+								children: [
+									"Score: ",
+									e.score,
+									"%"
+								]
+							}) : null,
+							/* @__PURE__ */ o(c, {
+								variant: e.status === "completed" ? "default" : e.status === "overdue" ? "destructive" : "secondary",
+								className: "text-[10px]",
+								children: e.status
+							}),
+							e.status === "available" ? /* @__PURE__ */ s(l, {
+								size: "sm",
+								children: [/* @__PURE__ */ o(a, { className: "mr-1 h-3 w-3" }), "Start"]
+							}) : null,
+							e.status === "overdue" ? /* @__PURE__ */ s(l, {
+								size: "sm",
+								variant: "destructive",
+								children: [/* @__PURE__ */ o(a, { className: "mr-1 h-3 w-3" }), "Take Now"]
+							}) : null
+						]
+					})]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { g as LearningAssessmentsPagePage };
+
+//# sourceMappingURL=LearningAssessmentsPagePage.js.map

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

@@ -0,0 +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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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningCertificatesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningCertificatesPagePage.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,4BAA4B,4CAkF3C"}