@burdenoff/microfe-crewfoundry 2026.626.1 → 2026.703.2

package/dist/crewfoundry/pages/HrPayrollPagePage.js

@@ -1,215 +1,343 @@
 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, GlassCard as _, GradientText as v, PagePurpose as y, Separator as b } from "@burdenoff/fe-libs/ui";
+import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
+import { getNumber as r, getText as i, newClientId as a } from "../components/forms/formValues.js";
+import { useMemo as o, useState as s } from "react";
+import { CheckCircle as c, Clock as l, DollarSign as u, Download as d, Plus as f, TrendingUp as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, Card as v, CardContent as y, CardDescription as b, CardHeader as x, CardTitle as S, GlassCard as C, GradientText as w, PagePurpose as T, Separator as E } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as D } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HrPayrollPagePage.tsx
-function x() {
-	let { payrollRecords: x, employees: S } = e(), [C, w] = t("January 2026"), T = x.filter((e) => e.period === C), E = T.reduce((e, t) => e + t.grossPay, 0);
-	T.reduce((e, t) => e + t.deductions, 0);
-	let D = T.reduce((e, t) => e + t.netPay, 0), O = T.filter((e) => e.status === "paid").length, k = T.filter((e) => e.status === "processing").length, A = [...new Set(x.map((e) => e.period))];
-	return /* @__PURE__ */ l("div", {
+var O = [
+	{
+		label: "Draft",
+		value: "draft"
+	},
+	{
+		label: "Processing",
+		value: "processing"
+	},
+	{
+		label: "Approved",
+		value: "approved"
+	},
+	{
+		label: "Paid",
+		value: "paid"
+	},
+	{
+		label: "Failed",
+		value: "failed"
+	}
+];
+function k() {
+	let { payrollRecords: k, employees: A, addPayrollRecord: j, updatePayrollRecord: M } = e(), { showToast: N } = D(), [P, F] = s("January 2026"), I = n(), L = o(() => A.map((e) => ({
+		label: `${e.firstName} ${e.lastName}`,
+		value: e.id
+	})), [A]), R = o(() => [
+		{
+			name: "employeeId",
+			label: "Employee",
+			type: "select",
+			required: !0,
+			options: L,
+			colSpan: 2
+		},
+		{
+			name: "period",
+			label: "Pay period",
+			type: "text",
+			required: !0,
+			placeholder: "e.g. February 2026"
+		},
+		{
+			name: "paymentMethod",
+			label: "Payment method",
+			type: "text",
+			required: !0,
+			placeholder: "e.g. Bank Transfer"
+		},
+		{
+			name: "grossPay",
+			label: "Gross pay",
+			type: "number",
+			required: !0
+		},
+		{
+			name: "deductions",
+			label: "Deductions",
+			type: "number",
+			required: !0
+		},
+		{
+			name: "netPay",
+			label: "Net pay (auto if blank)",
+			type: "number"
+		},
+		{
+			name: "payDate",
+			label: "Pay date",
+			type: "date"
+		},
+		{
+			name: "status",
+			label: "Status",
+			type: "select",
+			options: O
+		}
+	], [L]), z = k.filter((e) => e.period === P), B = z.reduce((e, t) => e + t.grossPay, 0), V = z.reduce((e, t) => e + t.netPay, 0), H = z.filter((e) => e.status === "paid").length, U = z.filter((e) => e.status === "processing").length, W = [...new Set(k.map((e) => e.period))], G = async (e) => {
+		let t = i(e, "employeeId"), n = A.find((e) => e.id === t), o = r(e, "grossPay"), s = r(e, "deductions"), c = r(e, "netPay");
+		await j({
+			id: a(),
+			employeeId: t,
+			employeeName: n ? `${n.firstName} ${n.lastName}` : "",
+			department: n?.department ?? "",
+			period: i(e, "period"),
+			grossPay: o,
+			deductions: s,
+			netPay: c > 0 ? c : Math.max(o - s, 0),
+			status: i(e, "status") || "draft",
+			payDate: i(e, "payDate"),
+			paymentMethod: i(e, "paymentMethod")
+		});
+	}, K = async (e) => {
+		try {
+			await M(e.id, {
+				status: "paid",
+				payDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
+			});
+		} catch (e) {
+			N(e instanceof Error ? e.message : "Unable to update payroll record", "error");
+		}
+	};
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ l("div", { children: [
-					/* @__PURE__ */ c("h1", {
+				children: [/* @__PURE__ */ h("div", { children: [
+					/* @__PURE__ */ m("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ c(v, { children: "Payroll Management" })
+						children: /* @__PURE__ */ m(w, { children: "Payroll Management" })
 					}),
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
 						children: "Process and manage employee payroll"
 					}),
-					/* @__PURE__ */ c(y, {
+					/* @__PURE__ */ m(T, {
 						className: "mt-1",
 						children: "Run and review payroll — track salaries, deductions, and pay runs so your team gets paid accurately and on time."
 					})
-				] }), /* @__PURE__ */ l("div", {
+				] }), /* @__PURE__ */ h("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ l(d, {
+					children: [/* @__PURE__ */ h(_, {
 						variant: "outline",
 						size: "sm",
-						children: [/* @__PURE__ */ c(a, { className: "h-4 w-4 mr-1" }), "Export"]
-					}), /* @__PURE__ */ l(d, {
+						disabled: !0,
+						"aria-label": "Export payroll (coming soon)",
+						title: "Payroll export is coming soon",
+						children: [
+							/* @__PURE__ */ m(d, { className: "h-4 w-4 mr-1" }),
+							"Export",
+							/* @__PURE__ */ m(g, {
+								variant: "secondary",
+								className: "ml-1 text-[9px]",
+								children: "Soon"
+							})
+						]
+					}), /* @__PURE__ */ h(_, {
 						size: "sm",
-						children: [/* @__PURE__ */ c(o, { className: "h-4 w-4 mr-1" }), "Run Payroll"]
+						onClick: () => I.openModal(),
+						children: [/* @__PURE__ */ m(f, { className: "h-4 w-4 mr-1" }), "Add Record"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ l(_, {
+					/* @__PURE__ */ h(C, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(h, {
+						children: [/* @__PURE__ */ h(x, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(g, {
+							children: [/* @__PURE__ */ m(S, {
 								className: "text-sm font-medium",
 								children: "Gross Payroll"
-							}), /* @__PURE__ */ c(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ m(u, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ h("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", E.toLocaleString()]
-						}), /* @__PURE__ */ c("p", {
+							children: ["$", B.toLocaleString()]
+						}), /* @__PURE__ */ m("p", {
 							className: "text-xs text-text-secondary",
-							children: C
+							children: P
 						})] })]
 					}),
-					/* @__PURE__ */ l(_, {
+					/* @__PURE__ */ h(C, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(h, {
+						children: [/* @__PURE__ */ h(x, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(g, {
+							children: [/* @__PURE__ */ m(S, {
 								className: "text-sm font-medium",
 								children: "Net Payroll"
-							}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ m(p, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ h("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", D.toLocaleString()]
-						}), /* @__PURE__ */ c("p", {
+							children: ["$", V.toLocaleString()]
+						}), /* @__PURE__ */ m("p", {
 							className: "text-xs text-text-secondary",
 							children: "After deductions"
 						})] })]
 					}),
-					/* @__PURE__ */ l(_, {
+					/* @__PURE__ */ h(C, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(h, {
+						children: [/* @__PURE__ */ h(x, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(g, {
+							children: [/* @__PURE__ */ m(S, {
 								className: "text-sm font-medium",
 								children: "Paid"
-							}), /* @__PURE__ */ c(n, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ m(c, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: O
-						}), /* @__PURE__ */ c("p", {
+							children: H
+						}), /* @__PURE__ */ m("p", {
 							className: "text-xs text-text-secondary",
 							children: "employees paid"
 						})] })]
 					}),
-					/* @__PURE__ */ l(_, {
+					/* @__PURE__ */ h(C, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(h, {
+						children: [/* @__PURE__ */ h(x, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(g, {
+							children: [/* @__PURE__ */ m(S, {
 								className: "text-sm font-medium",
 								children: "Processing"
-							}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ m(l, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: k
-						}), /* @__PURE__ */ c("p", {
+							children: U
+						}), /* @__PURE__ */ m("p", {
 							className: "text-xs text-text-secondary",
 							children: "in progress"
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex gap-2",
-				children: A.map((e) => /* @__PURE__ */ c(d, {
-					variant: C === e ? "default" : "outline",
+				children: W.map((e) => /* @__PURE__ */ m(_, {
+					variant: P === e ? "default" : "outline",
 					size: "sm",
-					onClick: () => w(e),
+					onClick: () => F(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 ", C] })] }), /* @__PURE__ */ l(p, { children: [
-				/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, { children: "Payroll Records" }), /* @__PURE__ */ h(b, { children: ["Individual employee payroll details for ", P] })] }), /* @__PURE__ */ h(y, { children: [
+				/* @__PURE__ */ h("div", {
 					className: "grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2",
 					children: [
-						/* @__PURE__ */ c("span", { children: "Employee" }),
-						/* @__PURE__ */ c("span", { children: "Department" }),
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ m("span", { children: "Employee" }),
+						/* @__PURE__ */ m("span", { children: "Department" }),
+						/* @__PURE__ */ m("span", {
 							className: "text-right",
 							children: "Gross Pay"
 						}),
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-right",
 							children: "Deductions"
 						}),
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-right",
 							children: "Net Pay"
 						}),
-						/* @__PURE__ */ c("span", { children: "Payment Method" }),
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ m("span", { children: "Payment Method" }),
+						/* @__PURE__ */ m("span", {
 							className: "text-center",
 							children: "Status"
 						})
 					]
 				}),
-				x.map((e) => /* @__PURE__ */ l("div", {
+				k.map((e) => /* @__PURE__ */ h("div", {
 					className: "grid grid-cols-7 gap-2 py-2 border-b last:border-0 text-sm",
 					children: [
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ m("span", {
 							className: "font-medium",
 							children: e.employeeName
 						}),
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-text-secondary",
 							children: e.department
 						}),
-						/* @__PURE__ */ l("span", {
+						/* @__PURE__ */ h("span", {
 							className: "text-right",
 							children: ["$", e.grossPay.toLocaleString()]
 						}),
-						/* @__PURE__ */ l("span", {
+						/* @__PURE__ */ h("span", {
 							className: "text-right text-status-error-text",
 							children: ["-$", e.deductions.toLocaleString()]
 						}),
-						/* @__PURE__ */ l("span", {
+						/* @__PURE__ */ h("span", {
 							className: "text-right font-medium",
 							children: ["$", e.netPay.toLocaleString()]
 						}),
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-text-secondary",
 							children: e.paymentMethod
 						}),
-						/* @__PURE__ */ c("div", {
-							className: "text-center",
-							children: /* @__PURE__ */ c(u, {
+						/* @__PURE__ */ h("div", {
+							className: "flex flex-col items-center gap-1",
+							children: [/* @__PURE__ */ m(g, {
 								variant: e.status === "paid" ? "default" : e.status === "processing" ? "secondary" : "outline",
 								className: "text-[10px]",
 								children: e.status
-							})
+							}), e.status !== "paid" && /* @__PURE__ */ m(_, {
+								variant: "ghost",
+								size: "sm",
+								className: "h-6 px-2 text-[10px]",
+								onClick: () => K(e),
+								children: "Mark paid"
+							})]
 						})
 					]
 				}, e.id)),
-				/* @__PURE__ */ c(b, { className: "my-2" }),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ m(E, { className: "my-2" }),
+				/* @__PURE__ */ h("div", {
 					className: "grid grid-cols-7 gap-2 text-sm font-bold",
 					children: [
-						/* @__PURE__ */ c("span", { children: "Total" }),
-						/* @__PURE__ */ c("span", {}),
-						/* @__PURE__ */ l("span", {
+						/* @__PURE__ */ m("span", { children: "Total" }),
+						/* @__PURE__ */ m("span", {}),
+						/* @__PURE__ */ h("span", {
 							className: "text-right",
-							children: ["$", x.reduce((e, t) => e + t.grossPay, 0).toLocaleString()]
+							children: ["$", k.reduce((e, t) => e + t.grossPay, 0).toLocaleString()]
 						}),
-						/* @__PURE__ */ l("span", {
+						/* @__PURE__ */ h("span", {
 							className: "text-right text-status-error-text",
-							children: ["-$", x.reduce((e, t) => e + t.deductions, 0).toLocaleString()]
+							children: ["-$", k.reduce((e, t) => e + t.deductions, 0).toLocaleString()]
 						}),
-						/* @__PURE__ */ l("span", {
+						/* @__PURE__ */ h("span", {
 							className: "text-right",
-							children: ["$", x.reduce((e, t) => e + t.netPay, 0).toLocaleString()]
+							children: ["$", k.reduce((e, t) => e + t.netPay, 0).toLocaleString()]
 						}),
-						/* @__PURE__ */ c("span", {}),
-						/* @__PURE__ */ c("span", {})
+						/* @__PURE__ */ m("span", {}),
+						/* @__PURE__ */ m("span", {})
 					]
 				})
-			] })] })
+			] })] }),
+			/* @__PURE__ */ m(t, {
+				open: I.open,
+				onOpenChange: I.onOpenChange,
+				title: "Add payroll record",
+				description: "Create a payroll entry for a team member.",
+				fields: R,
+				submitLabel: "Add record",
+				onSubmit: G
+			})
 		]
 	});
 }
 //#endregion
-export { x as HrPayrollPagePage };
+export { k as HrPayrollPagePage };
 
 //# sourceMappingURL=HrPayrollPagePage.js.map

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

@@ -1 +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  GlassCard,\n  GradientText,\n  PagePurpose,\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\">\n            <GradientText>Payroll Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Process and manage employee payroll</p>\n          <PagePurpose className=\"mt-1\">Run and review payroll — track salaries, deductions, and pay runs so your team gets paid accurately and on time.</PagePurpose>\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        <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\">Gross Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalGross.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">{selectedPeriod}</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\">Net Payroll</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalNet.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">After deductions</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\">Paid</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\">{paidCount}</div>\n            <p className=\"text-xs text-text-secondary\">employees paid</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\">Processing</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\">{processingCount}</div>\n            <p className=\"text-xs text-text-secondary\">in progress</p>\n          </CardContent>\n        </GlassCard>\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-text-secondary 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-text-secondary\">{record.department}</span>\n              <span className=\"text-right\">${record.grossPay.toLocaleString()}</span>\n              <span className=\"text-right text-status-error-text\">\n                -${record.deductions.toLocaleString()}\n              </span>\n              <span className=\"text-right font-medium\">${record.netPay.toLocaleString()}</span>\n              <span className=\"text-text-secondary\">{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-status-error-text\">\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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"}
+{"version":3,"file":"HrPayrollPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrPayrollPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { CheckCircle, Clock, DollarSign, Download, Plus, TrendingUp } from 'lucide-react';\nimport { useCrewFoundryStore, type PayrollRecord } from '../store/crewfoundryStore';\nimport { FormModal, useFormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\nconst STATUS_OPTIONS = [\n  { label: 'Draft', value: 'draft' },\n  { label: 'Processing', value: 'processing' },\n  { label: 'Approved', value: 'approved' },\n  { label: 'Paid', value: 'paid' },\n  { label: 'Failed', value: 'failed' },\n];\n\nexport function HrPayrollPagePage() {\n  const { payrollRecords, employees, addPayrollRecord, updatePayrollRecord } = useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const [selectedPeriod, setSelectedPeriod] = useState('January 2026');\n  const createForm = useFormModal<void>();\n\n  const employeeOptions = useMemo(\n    () =>\n      employees.map((employee) => ({\n        label: `${employee.firstName} ${employee.lastName}`,\n        value: employee.id,\n      })),\n    [employees]\n  );\n\n  const payrollFields = useMemo<FieldConfig[]>(\n    () => [\n      {\n        name: 'employeeId',\n        label: 'Employee',\n        type: 'select',\n        required: true,\n        options: employeeOptions,\n        colSpan: 2,\n      },\n      { name: 'period', label: 'Pay period', type: 'text', required: true, placeholder: 'e.g. February 2026' },\n      { name: 'paymentMethod', label: 'Payment method', type: 'text', required: true, placeholder: 'e.g. Bank Transfer' },\n      { name: 'grossPay', label: 'Gross pay', type: 'number', required: true },\n      { name: 'deductions', label: 'Deductions', type: 'number', required: true },\n      { name: 'netPay', label: 'Net pay (auto if blank)', type: 'number' },\n      { name: 'payDate', label: 'Pay date', type: 'date' },\n      { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n    ],\n    [employeeOptions]\n  );\n\n  const periodRecords = payrollRecords.filter((r) => r.period === selectedPeriod);\n  const totalGross = periodRecords.reduce((s, r) => s + r.grossPay, 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  const handleCreate = async (values: FormValues) => {\n    const employeeId = getText(values, 'employeeId');\n    const employee = employees.find((item) => item.id === employeeId);\n    const grossPay = getNumber(values, 'grossPay');\n    const deductions = getNumber(values, 'deductions');\n    const netPayInput = getNumber(values, 'netPay');\n    const payload: PayrollRecord = {\n      id: newClientId(),\n      employeeId,\n      employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n      department: employee?.department ?? '',\n      period: getText(values, 'period'),\n      grossPay,\n      deductions,\n      netPay: netPayInput > 0 ? netPayInput : Math.max(grossPay - deductions, 0),\n      status: (getText(values, 'status') as PayrollRecord['status']) || 'draft',\n      payDate: getText(values, 'payDate'),\n      paymentMethod: getText(values, 'paymentMethod'),\n    };\n    await addPayrollRecord(payload);\n  };\n\n  const handleMarkPaid = async (record: PayrollRecord) => {\n    try {\n      await updatePayrollRecord(record.id, {\n        status: 'paid',\n        payDate: new Date().toISOString().slice(0, 10),\n      });\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to update payroll record', 'error');\n    }\n  };\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>Payroll Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Process and manage employee payroll</p>\n          <PagePurpose className=\"mt-1\">Run and review payroll — track salaries, deductions, and pay runs so your team gets paid accurately and on time.</PagePurpose>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled\n            aria-label=\"Export payroll (coming soon)\"\n            title=\"Payroll export is coming soon\"\n          >\n            <Download className=\"h-4 w-4 mr-1\" />\n            Export\n            <Badge variant=\"secondary\" className=\"ml-1 text-[9px]\">\n              Soon\n            </Badge>\n          </Button>\n          <Button size=\"sm\" onClick={() => createForm.openModal()}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Record\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Gross Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalGross.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">{selectedPeriod}</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\">Net Payroll</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalNet.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">After deductions</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\">Paid</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\">{paidCount}</div>\n            <p className=\"text-xs text-text-secondary\">employees paid</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\">Processing</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\">{processingCount}</div>\n            <p className=\"text-xs text-text-secondary\">in progress</p>\n          </CardContent>\n        </GlassCard>\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-text-secondary 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-text-secondary\">{record.department}</span>\n              <span className=\"text-right\">${record.grossPay.toLocaleString()}</span>\n              <span className=\"text-right text-status-error-text\">\n                -${record.deductions.toLocaleString()}\n              </span>\n              <span className=\"text-right font-medium\">${record.netPay.toLocaleString()}</span>\n              <span className=\"text-text-secondary\">{record.paymentMethod}</span>\n              <div className=\"flex flex-col items-center gap-1\">\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                {record.status !== 'paid' && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"h-6 px-2 text-[10px]\"\n                    onClick={() => handleMarkPaid(record)}\n                  >\n                    Mark paid\n                  </Button>\n                )}\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-status-error-text\">\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\n      <FormModal\n        open={createForm.open}\n        onOpenChange={createForm.onOpenChange}\n        title=\"Add payroll record\"\n        description=\"Create a payroll entry for a team member.\"\n        fields={payrollFields}\n        submitLabel=\"Add record\"\n        onSubmit={handleCreate}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}