@burdenoff/microfe-crewfoundry 2026.626.1 → 2026.703.2

package/dist/crewfoundry/pages/HrEmployeesPagePage.js

@@ -1,211 +1,402 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useState as t } from "react";
-import { MapPin as n, Plus as r, Search as i, Star as a, UserCheck as o, Users 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, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, IllustratedEmptyState as v, Input as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
+import { ConfirmDialog as r } from "../components/forms/ConfirmDialog.js";
+import { getNumber as i, getText as a, newClientId as o } from "../components/forms/formValues.js";
+import { useState as s } from "react";
+import { MapPin as c, Pencil as l, Plus as u, Search as d, Star as f, Trash2 as p, UserCheck as m, Users as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C, GlassCard as w, GradientText as T, IllustratedEmptyState as E, Input as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/HrEmployeesPagePage.tsx
-function x() {
-	let { employees: x } = e(), [S, C] = t(""), [w, T] = t("all"), E = [...new Set(x.map((e) => e.department))], D = x.filter((e) => {
-		let t = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`.toLowerCase().includes(S.toLowerCase()), n = w === "all" || e.department === w;
+var k = [
+	{
+		name: "firstName",
+		label: "First name",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "lastName",
+		label: "Last name",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "email",
+		label: "Email",
+		type: "email",
+		required: !0,
+		colSpan: 2
+	},
+	{
+		name: "position",
+		label: "Position",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "department",
+		label: "Department",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "location",
+		label: "Location",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "phone",
+		label: "Phone",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "type",
+		label: "Employment type",
+		type: "select",
+		required: !0,
+		options: [
+			{
+				label: "Full time",
+				value: "full_time"
+			},
+			{
+				label: "Part time",
+				value: "part_time"
+			},
+			{
+				label: "Contract",
+				value: "contract"
+			},
+			{
+				label: "Intern",
+				value: "intern"
+			}
+		]
+	},
+	{
+		name: "status",
+		label: "Status",
+		type: "select",
+		required: !0,
+		options: [
+			{
+				label: "Active",
+				value: "active"
+			},
+			{
+				label: "Inactive",
+				value: "inactive"
+			},
+			{
+				label: "On leave",
+				value: "on_leave"
+			},
+			{
+				label: "Terminated",
+				value: "terminated"
+			}
+		]
+	},
+	{
+		name: "salary",
+		label: "Annual salary",
+		type: "number",
+		required: !0
+	},
+	{
+		name: "startDate",
+		label: "Start date",
+		type: "date",
+		required: !0
+	},
+	{
+		name: "performanceScore",
+		label: "Performance score (0-5)",
+		type: "number"
+	}
+], A = (e) => ({
+	firstName: e.firstName,
+	lastName: e.lastName,
+	email: e.email,
+	position: e.position,
+	department: e.department,
+	location: e.location,
+	phone: e.phone,
+	type: e.type,
+	status: e.status,
+	salary: e.salary,
+	startDate: e.startDate.slice(0, 10),
+	performanceScore: e.performanceScore
+});
+function j() {
+	let { employees: j, addEmployee: M, updateEmployee: N, removeEmployee: P } = e(), [F, I] = s(""), [L, R] = s("all"), z = n(), [B, V] = s(null), H = [...new Set(j.map((e) => e.department))], U = j.filter((e) => {
+		let t = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`.toLowerCase().includes(F.toLowerCase()), n = L === "all" || e.department === L;
 		return t && n;
-	}), O = x.filter((e) => e.status === "active").length, k = x.filter((e) => e.status === "on_leave").length;
-	return /* @__PURE__ */ l("div", {
+	}), W = j.filter((e) => e.status === "active").length, G = j.filter((e) => e.status === "on_leave").length, K = j.length > 0 ? (j.reduce((e, t) => e + t.performanceScore, 0) / j.length).toFixed(1) : "0.0", q = z.context;
+	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ l("div", { children: [
-					/* @__PURE__ */ c("h1", {
+				children: [/* @__PURE__ */ _("div", { children: [
+					/* @__PURE__ */ g("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ c(_, { children: "Employee Directory" })
+						children: /* @__PURE__ */ g(T, { children: "Employee Directory" })
 					}),
-					/* @__PURE__ */ l("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							x.length,
+							j.length,
 							" employees across ",
-							E.length,
+							H.length,
 							" departments"
 						]
 					}),
-					/* @__PURE__ */ c(b, {
+					/* @__PURE__ */ g(O, {
 						className: "mt-1",
 						children: "Your complete employee directory — search, filter, and review everyone on the team along with their role, department, and status."
 					})
-				] }), /* @__PURE__ */ l(d, {
+				] }), /* @__PURE__ */ _(y, {
 					size: "sm",
-					children: [/* @__PURE__ */ c(r, { className: "h-4 w-4 mr-1" }), "Add Employee"]
+					onClick: () => z.openModal(),
+					children: [/* @__PURE__ */ g(u, { className: "h-4 w-4 mr-1" }), "Add Employee"]
 				})]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ _(w, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ _(S, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "Total"
-							}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ g(h, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: x.length
+							children: j.length
 						}) })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ _(w, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ _(S, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "Active"
-							}), /* @__PURE__ */ c(o, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ g(m, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: O
+							children: W
 						}) })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ _(w, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ _(S, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "On Leave"
-							}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ g(h, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: k
+							children: G
 						}) })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ _(w, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ _(S, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "Avg Rating"
-							}), /* @__PURE__ */ c(a, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ g(f, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: (x.reduce((e, t) => e + t.performanceScore, 0) / x.length).toFixed(1)
+							children: K
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex gap-3",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ c(i, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ c(y, {
+					children: [/* @__PURE__ */ g(d, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g(D, {
 						placeholder: "Search employees...",
 						className: "pl-9",
-						value: S,
-						onChange: (e) => C(e.target.value)
+						value: F,
+						onChange: (e) => I(e.target.value)
 					})]
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "flex gap-1",
-					children: [/* @__PURE__ */ c(d, {
-						variant: w === "all" ? "default" : "outline",
+					children: [/* @__PURE__ */ g(y, {
+						variant: L === "all" ? "default" : "outline",
 						size: "sm",
-						onClick: () => T("all"),
+						onClick: () => R("all"),
 						children: "All"
-					}), E.slice(0, 5).map((e) => /* @__PURE__ */ c(d, {
-						variant: w === e ? "default" : "outline",
+					}), H.slice(0, 5).map((e) => /* @__PURE__ */ g(y, {
+						variant: L === e ? "default" : "outline",
 						size: "sm",
-						onClick: () => T(e),
+						onClick: () => R(e),
 						children: e
 					}, e))]
 				})]
 			}),
-			/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+			/* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
 				className: "p-0",
 				children: [
-					/* @__PURE__ */ l("div", {
-						className: "grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b p-4",
+					/* @__PURE__ */ _("div", {
+						className: "grid grid-cols-8 gap-2 text-xs font-medium text-text-secondary border-b p-4",
 						children: [
-							/* @__PURE__ */ c("span", { children: "Name" }),
-							/* @__PURE__ */ c("span", { children: "Position" }),
-							/* @__PURE__ */ c("span", { children: "Department" }),
-							/* @__PURE__ */ c("span", { children: "Location" }),
-							/* @__PURE__ */ c("span", {
+							/* @__PURE__ */ g("span", { children: "Name" }),
+							/* @__PURE__ */ g("span", { children: "Position" }),
+							/* @__PURE__ */ g("span", { children: "Department" }),
+							/* @__PURE__ */ g("span", { children: "Location" }),
+							/* @__PURE__ */ g("span", {
 								className: "text-right",
 								children: "Salary"
 							}),
-							/* @__PURE__ */ c("span", {
+							/* @__PURE__ */ g("span", {
 								className: "text-center",
 								children: "Rating"
 							}),
-							/* @__PURE__ */ c("span", {
+							/* @__PURE__ */ g("span", {
 								className: "text-center",
 								children: "Status"
+							}),
+							/* @__PURE__ */ g("span", {
+								className: "text-right",
+								children: "Actions"
 							})
 						]
 					}),
-					D.map((e) => /* @__PURE__ */ l("div", {
-						className: "grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
+					U.map((e) => /* @__PURE__ */ _("div", {
+						className: "grid grid-cols-8 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
 						children: [
-							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
 								className: "font-medium",
 								children: [
 									e.firstName,
 									" ",
 									e.lastName
 								]
-							}), /* @__PURE__ */ c("p", {
+							}), /* @__PURE__ */ g("p", {
 								className: "text-xs text-text-secondary",
 								children: e.email
 							})] }),
-							/* @__PURE__ */ c("span", {
+							/* @__PURE__ */ g("span", {
 								className: "text-text-secondary",
 								children: e.position
 							}),
-							/* @__PURE__ */ c("span", { children: e.department }),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ g("span", { children: e.department }),
+							/* @__PURE__ */ _("div", {
 								className: "flex items-center gap-1 text-text-secondary",
-								children: [/* @__PURE__ */ c(n, { className: "h-3 w-3" }), /* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ g(c, { className: "h-3 w-3" }), /* @__PURE__ */ g("span", {
 									className: "truncate text-xs",
 									children: e.location
 								})]
 							}),
-							/* @__PURE__ */ l("span", {
+							/* @__PURE__ */ _("span", {
 								className: "text-right",
 								children: ["$", e.salary.toLocaleString()]
 							}),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex items-center justify-center gap-1",
-								children: [/* @__PURE__ */ c(a, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ c("span", { children: e.performanceScore })]
+								children: [/* @__PURE__ */ g(f, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ g("span", { children: e.performanceScore })]
 							}),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ g("div", {
 								className: "text-center",
-								children: /* @__PURE__ */ c(u, {
+								children: /* @__PURE__ */ g(v, {
 									variant: e.status === "active" ? "default" : e.status === "on_leave" ? "secondary" : "destructive",
 									className: "text-[10px]",
 									children: e.status.replace("_", " ")
 								})
+							}),
+							/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-end gap-1",
+								children: [/* @__PURE__ */ g(y, {
+									variant: "ghost",
+									size: "sm",
+									className: "h-8 w-8 p-0",
+									"aria-label": `Edit ${e.firstName} ${e.lastName}`,
+									onClick: () => z.openModal(e),
+									children: /* @__PURE__ */ g(l, { className: "h-4 w-4" })
+								}), /* @__PURE__ */ g(y, {
+									variant: "ghost",
+									size: "sm",
+									className: "h-8 w-8 p-0",
+									"aria-label": `Delete ${e.firstName} ${e.lastName}`,
+									onClick: () => V(e),
+									children: /* @__PURE__ */ g(p, { className: "h-4 w-4 text-status-error-text" })
+								})]
 							})
 						]
 					}, e.id)),
-					D.length === 0 && /* @__PURE__ */ c("div", {
+					U.length === 0 && /* @__PURE__ */ g("div", {
 						className: "p-6",
-						children: /* @__PURE__ */ c(v, {
+						children: /* @__PURE__ */ g(E, {
 							illustration: "empty-people",
 							title: "No employees match",
 							description: "Try a different search term or department filter."
 						})
 					})
 				]
-			}) })
+			}) }),
+			/* @__PURE__ */ g(t, {
+				open: z.open,
+				onOpenChange: z.onOpenChange,
+				title: q ? "Edit employee" : "Add employee",
+				description: q ? "Update this team member’s profile details." : "Add a new team member to your directory.",
+				fields: k,
+				initialValues: q ? A(q) : void 0,
+				submitLabel: q ? "Save changes" : "Add employee",
+				onSubmit: async (e) => {
+					let t = {
+						id: q?.id ?? o(),
+						firstName: a(e, "firstName"),
+						lastName: a(e, "lastName"),
+						email: a(e, "email"),
+						department: a(e, "department"),
+						position: a(e, "position"),
+						status: a(e, "status"),
+						type: a(e, "type"),
+						salary: i(e, "salary"),
+						startDate: a(e, "startDate"),
+						location: a(e, "location"),
+						phone: a(e, "phone"),
+						performanceScore: i(e, "performanceScore"),
+						managerId: q?.managerId,
+						avatar: q?.avatar
+					};
+					q ? await N(q.id, t) : await M(t);
+				}
+			}),
+			/* @__PURE__ */ g(r, {
+				open: B !== null,
+				onOpenChange: (e) => {
+					e || V(null);
+				},
+				title: "Delete employee?",
+				description: B ? `${B.firstName} ${B.lastName} will be removed from the directory. This cannot be undone.` : void 0,
+				confirmLabel: "Delete",
+				destructive: !0,
+				onConfirm: async () => {
+					B && (await P(B.id), V(null));
+				}
+			})
 		]
 	});
 }
 //#endregion
-export { x as HrEmployeesPagePage };
+export { j as HrEmployeesPagePage };
 
 //# sourceMappingURL=HrEmployeesPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HrEmployeesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrEmployeesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Mail, MapPin, Phone, Plus, Search, Star, UserCheck, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrEmployeesPagePage() {\n  const { employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterDept, setFilterDept] = useState<string>('all');\n\n  const departments = [...new Set(employees.map((e) => e.department))];\n  const filtered = employees.filter((e) => {\n    const matchSearch = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchDept = filterDept === 'all' || e.department === filterDept;\n    return matchSearch && matchDept;\n  });\n\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\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>Employee Directory</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {employees.length} employees across {departments.length} departments\n          </p>\n          <PagePurpose className=\"mt-1\">Your complete employee directory — search, filter, and review everyone on the team along with their role, department, and status.</PagePurpose>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Employee\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md: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\">Total</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</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\">Active</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeCount}</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\">On Leave</CardTitle>\n            <Users className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{onLeaveCount}</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\">Avg Rating</CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {(employees.reduce((s, e) => s + e.performanceScore, 0) / employees.length).toFixed(\n                1\n              )}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex gap-3\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search employees...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterDept === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setFilterDept('all')}\n          >\n            All\n          </Button>\n          {departments.slice(0, 5).map((dept) => (\n            <Button\n              key={dept}\n              variant={filterDept === dept ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setFilterDept(dept)}\n            >\n              {dept}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b p-4\">\n            <span>Name</span>\n            <span>Position</span>\n            <span>Department</span>\n            <span>Location</span>\n            <span className=\"text-right\">Salary</span>\n            <span className=\"text-center\">Rating</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {filtered.map((emp) => (\n            <div\n              key={emp.id}\n              className=\"grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <div>\n                <p className=\"font-medium\">\n                  {emp.firstName} {emp.lastName}\n                </p>\n                <p className=\"text-xs text-text-secondary\">{emp.email}</p>\n              </div>\n              <span className=\"text-text-secondary\">{emp.position}</span>\n              <span>{emp.department}</span>\n              <div className=\"flex items-center gap-1 text-text-secondary\">\n                <MapPin className=\"h-3 w-3\" />\n                <span className=\"truncate text-xs\">{emp.location}</span>\n              </div>\n              <span className=\"text-right\">${emp.salary.toLocaleString()}</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-status-warning-text\" />\n                <span>{emp.performanceScore}</span>\n              </div>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    emp.status === 'active'\n                      ? 'default'\n                      : emp.status === 'on_leave'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n            </div>\n          ))}\n          {filtered.length === 0 && (\n            <div className=\"p-6\">\n              <IllustratedEmptyState\n                illustration=\"empty-people\"\n                title=\"No employees match\"\n                description=\"Try a different search term or department filter.\"\n              />\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrEmployeesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrEmployeesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  MapPin,\n  Pencil,\n  Plus,\n  Search,\n  Star,\n  Trash2,\n  UserCheck,\n  Users,\n} from 'lucide-react';\nimport { useCrewFoundryStore, type Employee } from '../store/crewfoundryStore';\nimport { FormModal, useFormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\nconst EMPLOYEE_FIELDS: FieldConfig[] = [\n  { name: 'firstName', label: 'First name', type: 'text', required: true },\n  { name: 'lastName', label: 'Last name', type: 'text', required: true },\n  { name: 'email', label: 'Email', type: 'email', required: true, colSpan: 2 },\n  { name: 'position', label: 'Position', type: 'text', required: true },\n  { name: 'department', label: 'Department', type: 'text', required: true },\n  { name: 'location', label: 'Location', type: 'text', required: true },\n  { name: 'phone', label: 'Phone', type: 'text', required: true },\n  {\n    name: 'type',\n    label: 'Employment type',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Full time', value: 'full_time' },\n      { label: 'Part time', value: 'part_time' },\n      { label: 'Contract', value: 'contract' },\n      { label: 'Intern', value: 'intern' },\n    ],\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Inactive', value: 'inactive' },\n      { label: 'On leave', value: 'on_leave' },\n      { label: 'Terminated', value: 'terminated' },\n    ],\n  },\n  { name: 'salary', label: 'Annual salary', type: 'number', required: true },\n  { name: 'startDate', label: 'Start date', type: 'date', required: true },\n  { name: 'performanceScore', label: 'Performance score (0-5)', type: 'number' },\n];\n\nconst toFormValues = (employee: Employee): FormValues => ({\n  firstName: employee.firstName,\n  lastName: employee.lastName,\n  email: employee.email,\n  position: employee.position,\n  department: employee.department,\n  location: employee.location,\n  phone: employee.phone,\n  type: employee.type,\n  status: employee.status,\n  salary: employee.salary,\n  startDate: employee.startDate.slice(0, 10),\n  performanceScore: employee.performanceScore,\n});\n\nexport function HrEmployeesPagePage() {\n  const { employees, addEmployee, updateEmployee, removeEmployee } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterDept, setFilterDept] = useState<string>('all');\n  const form = useFormModal<Employee>();\n  const [deleting, setDeleting] = useState<Employee | null>(null);\n\n  const departments = [...new Set(employees.map((e) => e.department))];\n  const filtered = employees.filter((e) => {\n    const matchSearch = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchDept = filterDept === 'all' || e.department === filterDept;\n    return matchSearch && matchDept;\n  });\n\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n  const avgRating =\n    employees.length > 0\n      ? (employees.reduce((s, e) => s + e.performanceScore, 0) / employees.length).toFixed(1)\n      : '0.0';\n\n  const editing = form.context;\n\n  const handleSubmit = async (values: FormValues) => {\n    const payload: Employee = {\n      id: editing?.id ?? newClientId(),\n      firstName: getText(values, 'firstName'),\n      lastName: getText(values, 'lastName'),\n      email: getText(values, 'email'),\n      department: getText(values, 'department'),\n      position: getText(values, 'position'),\n      status: getText(values, 'status') as Employee['status'],\n      type: getText(values, 'type') as Employee['type'],\n      salary: getNumber(values, 'salary'),\n      startDate: getText(values, 'startDate'),\n      location: getText(values, 'location'),\n      phone: getText(values, 'phone'),\n      performanceScore: getNumber(values, 'performanceScore'),\n      managerId: editing?.managerId,\n      avatar: editing?.avatar,\n    };\n    if (editing) {\n      await updateEmployee(editing.id, payload);\n    } else {\n      await addEmployee(payload);\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>Employee Directory</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {employees.length} employees across {departments.length} departments\n          </p>\n          <PagePurpose className=\"mt-1\">Your complete employee directory — search, filter, and review everyone on the team along with their role, department, and status.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => form.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Employee\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md: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\">Total</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</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\">Active</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeCount}</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\">On Leave</CardTitle>\n            <Users className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{onLeaveCount}</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\">Avg Rating</CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgRating}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex gap-3\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search employees...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterDept === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setFilterDept('all')}\n          >\n            All\n          </Button>\n          {departments.slice(0, 5).map((dept) => (\n            <Button\n              key={dept}\n              variant={filterDept === dept ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setFilterDept(dept)}\n            >\n              {dept}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-8 gap-2 text-xs font-medium text-text-secondary border-b p-4\">\n            <span>Name</span>\n            <span>Position</span>\n            <span>Department</span>\n            <span>Location</span>\n            <span className=\"text-right\">Salary</span>\n            <span className=\"text-center\">Rating</span>\n            <span className=\"text-center\">Status</span>\n            <span className=\"text-right\">Actions</span>\n          </div>\n          {filtered.map((emp) => (\n            <div\n              key={emp.id}\n              className=\"grid grid-cols-8 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <div>\n                <p className=\"font-medium\">\n                  {emp.firstName} {emp.lastName}\n                </p>\n                <p className=\"text-xs text-text-secondary\">{emp.email}</p>\n              </div>\n              <span className=\"text-text-secondary\">{emp.position}</span>\n              <span>{emp.department}</span>\n              <div className=\"flex items-center gap-1 text-text-secondary\">\n                <MapPin className=\"h-3 w-3\" />\n                <span className=\"truncate text-xs\">{emp.location}</span>\n              </div>\n              <span className=\"text-right\">${emp.salary.toLocaleString()}</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-status-warning-text\" />\n                <span>{emp.performanceScore}</span>\n              </div>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    emp.status === 'active'\n                      ? 'default'\n                      : emp.status === 'on_leave'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex items-center justify-end gap-1\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"h-8 w-8 p-0\"\n                  aria-label={`Edit ${emp.firstName} ${emp.lastName}`}\n                  onClick={() => form.openModal(emp)}\n                >\n                  <Pencil className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"h-8 w-8 p-0\"\n                  aria-label={`Delete ${emp.firstName} ${emp.lastName}`}\n                  onClick={() => setDeleting(emp)}\n                >\n                  <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                </Button>\n              </div>\n            </div>\n          ))}\n          {filtered.length === 0 && (\n            <div className=\"p-6\">\n              <IllustratedEmptyState\n                illustration=\"empty-people\"\n                title=\"No employees match\"\n                description=\"Try a different search term or department filter.\"\n              />\n            </div>\n          )}\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={form.open}\n        onOpenChange={form.onOpenChange}\n        title={editing ? 'Edit employee' : 'Add employee'}\n        description={\n          editing\n            ? 'Update this team member’s profile details.'\n            : 'Add a new team member to your directory.'\n        }\n        fields={EMPLOYEE_FIELDS}\n        initialValues={editing ? toFormValues(editing) : undefined}\n        submitLabel={editing ? 'Save changes' : 'Add employee'}\n        onSubmit={handleSubmit}\n      />\n\n      <ConfirmDialog\n        open={deleting !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setDeleting(null);\n          }\n        }}\n        title=\"Delete employee?\"\n        description={\n          deleting\n            ? `${deleting.firstName} ${deleting.lastName} will be removed from the directory. This cannot be undone.`\n            : undefined\n        }\n        confirmLabel=\"Delete\"\n        destructive\n        onConfirm={async () => {\n          if (deleting) {\n            await removeEmployee(deleting.id);\n            setDeleting(null);\n          }\n        }}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}