@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.704.7

package/dist/crewfoundry/pages/HrEmployeesPagePage.js

@@ -1,14 +1,18 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-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 ee, UserCheck as p, Users as m } from "lucide-react";
+import { AvatarStack as t } from "../components/viz/AvatarStack.js";
+import { SegmentedTabs as n } from "../components/viz/SegmentedTabs.js";
+import "../components/viz/index.js";
+import { FormModal as r, useFormModal as i } from "../components/forms/FormModal.js";
+import { ConfirmDialog as a } from "../components/forms/ConfirmDialog.js";
+import { getNumber as o, getTags as ee, getText as s, newClientId as c } from "../components/forms/formValues.js";
+import { useState as l } from "react";
+import { MapPin as te, Pencil as ne, Plus as re, Search as ie, Star as u, Trash2 as d, UserCheck as f, Users as p } from "lucide-react";
+import { useNavigate as m } from "react-router-dom";
 import { Fragment as h, 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 te, Input as ne, PagePurpose as E, Pagination as D, ResponsiveTable as O, Select as k, SelectContent as A, SelectItem as j, SelectTrigger as M, SelectValue as N } from "@burdenoff/fe-libs/ui";
-import { usePagination as P } from "@burdenoff/fe-libs/shared/hooks";
+import { Badge as ae, Button as v, Card as oe, CardContent as y, CardHeader as b, CardTitle as x, GlassCard as S, GradientText as se, IllustratedEmptyState as ce, Input as le, PagePurpose as ue, Pagination as C, ResponsiveTable as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k } from "@burdenoff/fe-libs/ui";
+import { usePagination as A } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/HrEmployeesPagePage.tsx
-var F = [
+var j = [
 	{
 		name: "firstName",
 		label: "First name",
@@ -116,8 +120,15 @@ var F = [
 		name: "performanceScore",
 		label: "Performance score (0-5)",
 		type: "number"
+	},
+	{
+		name: "skills",
+		label: "Skills",
+		type: "tags",
+		colSpan: 2,
+		placeholder: "Add a skill and press Enter"
 	}
-], I = (e) => ({
+], M = (e) => ({
 	firstName: e.firstName,
 	lastName: e.lastName,
 	email: e.email,
@@ -129,17 +140,20 @@ var F = [
 	status: e.status,
 	salary: e.salary,
 	startDate: e.startDate.slice(0, 10),
-	performanceScore: e.performanceScore
+	performanceScore: e.performanceScore,
+	skills: e.skills
 });
-function L() {
-	let { employees: L, addEmployee: R, updateEmployee: z, removeEmployee: B } = e(), [V, re] = s(""), [H, U] = s("all"), W = n(), [G, K] = s(null), { page: q, pageSize: J, offset: Y, setPage: X } = P({ initialPageSize: 25 }), Z = [...new Set(L.map((e) => e.department))], Q = L.filter((e) => {
-		let t = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`.toLowerCase().includes(V.toLowerCase()), n = H === "all" || e.department === H;
-		return t && n;
-	}), ie = Q.slice(Y, Y + J), ae = (e) => {
-		re(e), X(1);
-	}, oe = (e) => {
-		U(e), X(1);
-	}, se = L.filter((e) => e.status === "active").length, ce = L.filter((e) => e.status === "on_leave").length, le = L.length > 0 ? (L.reduce((e, t) => e + t.performanceScore, 0) / L.length).toFixed(1) : "0.0", $ = W.context;
+function N() {
+	let N = m(), { employees: P, addEmployee: F, updateEmployee: I, removeEmployee: L } = e(), [R, de] = l(""), [z, B] = l("all"), [V, H] = l("all"), U = i(), [W, G] = l(null), { page: fe, pageSize: K, offset: q, setPage: J } = A({ initialPageSize: 25 }), Y = [...new Set(P.map((e) => e.department))], X = P.filter((e) => e.status === "active").length, Z = P.filter((e) => e.status === "on_leave").length, Q = P.filter((e) => {
+		let t = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`.toLowerCase().includes(R.toLowerCase()), n = z === "all" || e.department === z, r = V === "all" || e.status === V;
+		return t && n && r;
+	}), pe = Q.slice(q, q + K), me = (e) => {
+		de(e), J(1);
+	}, he = (e) => {
+		B(e), J(1);
+	}, ge = (e) => {
+		H(e), J(1);
+	}, _e = P.length > 0 ? (P.reduce((e, t) => e + t.performanceScore, 0) / P.length).toFixed(1) : "0.0", $ = U.context, ve = (e) => N(`../hr/employee-profile-page?id=${encodeURIComponent(e.id)}`);
 	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -148,136 +162,172 @@ function L() {
 				children: [/* @__PURE__ */ _("div", { children: [
 					/* @__PURE__ */ g("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ g(T, { children: "Employee Directory" })
+						children: /* @__PURE__ */ g(se, { children: "Employee Directory" })
 					}),
 					/* @__PURE__ */ _("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							L.length,
+							P.length,
 							" employees across ",
-							Z.length,
+							Y.length,
 							" departments"
 						]
 					}),
-					/* @__PURE__ */ g(E, {
+					/* @__PURE__ */ g(ue, {
 						className: "mt-1",
 						children: "Your complete employee directory — search, filter, and review everyone on the team along with their role, department, and status."
 					})
-				] }), /* @__PURE__ */ _(y, {
+				] }), /* @__PURE__ */ _(v, {
 					size: "sm",
-					onClick: () => W.openModal(),
-					children: [/* @__PURE__ */ g(u, { className: "h-4 w-4 mr-1" }), "Add Employee"]
+					onClick: () => U.openModal(),
+					children: [/* @__PURE__ */ g(re, { className: "h-4 w-4 mr-1" }), "Add Employee"]
 				})]
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ _(w, {
+					/* @__PURE__ */ _(S, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(S, {
+						children: [/* @__PURE__ */ _(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ g(C, {
+							children: [/* @__PURE__ */ g(x, {
 								className: "text-sm font-medium",
 								children: "Total"
-							}), /* @__PURE__ */ g(m, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ g(p, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ g(y, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: L.length
+							children: P.length
 						}) })]
 					}),
-					/* @__PURE__ */ _(w, {
+					/* @__PURE__ */ _(S, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(S, {
+						children: [/* @__PURE__ */ _(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ g(C, {
+							children: [/* @__PURE__ */ g(x, {
 								className: "text-sm font-medium",
 								children: "Active"
-							}), /* @__PURE__ */ g(p, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ g(f, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ g(y, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: se
+							children: X
 						}) })]
 					}),
-					/* @__PURE__ */ _(w, {
+					/* @__PURE__ */ _(S, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(S, {
+						children: [/* @__PURE__ */ _(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ g(C, {
+							children: [/* @__PURE__ */ g(x, {
 								className: "text-sm font-medium",
 								children: "On Leave"
-							}), /* @__PURE__ */ g(m, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ g(p, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ g(y, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ce
+							children: Z
 						}) })]
 					}),
-					/* @__PURE__ */ _(w, {
+					/* @__PURE__ */ _(S, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ _(S, {
+						children: [/* @__PURE__ */ _(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ g(C, {
+							children: [/* @__PURE__ */ g(x, {
 								className: "text-sm font-medium",
 								children: "Avg Rating"
-							}), /* @__PURE__ */ g(f, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ g(u, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ g(y, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: le
+							children: _e
 						}) })]
 					})
 				]
 			}),
 			/* @__PURE__ */ _("div", {
-				className: "flex flex-col gap-3 sm:flex-row",
-				children: [/* @__PURE__ */ _("div", {
-					className: "relative flex-1 sm:max-w-sm",
-					children: [/* @__PURE__ */ g(d, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g(ne, {
-						placeholder: "Search employees...",
-						className: "pl-9",
-						value: V,
-						onChange: (e) => ae(e.target.value)
+				className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
+				children: [/* @__PURE__ */ g(n, {
+					"aria-label": "Filter by status",
+					value: V,
+					onChange: ge,
+					tabs: [
+						{
+							id: "all",
+							label: "All",
+							count: P.length
+						},
+						{
+							id: "active",
+							label: "Active",
+							count: X
+						},
+						{
+							id: "on_leave",
+							label: "On Leave",
+							count: Z
+						}
+					]
+				}), /* @__PURE__ */ _("div", {
+					className: "flex flex-col gap-3 sm:flex-row",
+					children: [/* @__PURE__ */ _("div", {
+						className: "relative flex-1 sm:max-w-sm",
+						children: [/* @__PURE__ */ g(ie, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g(le, {
+							placeholder: "Search employees...",
+							className: "pl-9",
+							value: R,
+							onChange: (e) => me(e.target.value)
+						})]
+					}), /* @__PURE__ */ _(T, {
+						value: z,
+						onValueChange: he,
+						children: [/* @__PURE__ */ g(O, {
+							className: "w-full sm:w-56",
+							"aria-label": "Filter by department",
+							children: /* @__PURE__ */ g(k, { placeholder: "All departments" })
+						}), /* @__PURE__ */ _(E, { children: [/* @__PURE__ */ g(D, {
+							value: "all",
+							children: "All departments"
+						}), Y.map((e) => /* @__PURE__ */ g(D, {
+							value: e,
+							children: e
+						}, e))] })]
 					})]
-				}), /* @__PURE__ */ _(k, {
-					value: H,
-					onValueChange: oe,
-					children: [/* @__PURE__ */ g(M, {
-						className: "w-full sm:w-56",
-						"aria-label": "Filter by department",
-						children: /* @__PURE__ */ g(N, { placeholder: "All departments" })
-					}), /* @__PURE__ */ _(A, { children: [/* @__PURE__ */ g(j, {
-						value: "all",
-						children: "All departments"
-					}), Z.map((e) => /* @__PURE__ */ g(j, {
-						value: e,
-						children: e
-					}, e))] })]
 				})]
 			}),
-			/* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
+			/* @__PURE__ */ g(oe, { children: /* @__PURE__ */ _(y, {
 				className: "space-y-4 p-4",
-				children: [/* @__PURE__ */ g(O, {
-					data: ie,
+				children: [/* @__PURE__ */ g(w, {
+					data: pe,
 					rowKey: (e) => e.id,
 					columns: [
 						{
 							key: "name",
-							header: "Name",
+							header: "Employee",
 							priority: "primary",
-							cell: (e) => /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
-								className: "font-medium",
-								children: [
-									e.firstName,
-									" ",
-									e.lastName
-								]
-							}), /* @__PURE__ */ g("p", {
-								className: "text-xs text-text-secondary",
-								children: e.email
-							})] })
+							cell: (e) => /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g(t, {
+									people: [{
+										name: `${e.firstName} ${e.lastName}`,
+										avatarUrl: e.avatar
+									}],
+									size: 36
+								}), /* @__PURE__ */ _("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ _("p", {
+										className: "truncate font-medium",
+										children: [
+											e.firstName,
+											" ",
+											e.lastName
+										]
+									}), /* @__PURE__ */ g("p", {
+										className: "truncate text-xs text-text-secondary",
+										children: e.email
+									})]
+								})]
+							})
 						},
 						{
 							key: "position",
@@ -297,7 +347,7 @@ function L() {
 							header: "Location",
 							cell: (e) => /* @__PURE__ */ _("div", {
 								className: "flex items-center gap-1 text-text-secondary",
-								children: [/* @__PURE__ */ g(c, { className: "h-3 w-3" }), /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ g(te, { className: "h-3 w-3" }), /* @__PURE__ */ g("span", {
 									className: "truncate text-xs",
 									children: e.location
 								})]
@@ -312,98 +362,107 @@ function L() {
 						},
 						{
 							key: "rating",
-							header: "Rating",
-							cell: (e) => /* @__PURE__ */ _("div", {
-								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ g(f, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ g("span", { children: e.performanceScore })]
-							})
+							header: "Performance",
+							cell: (e) => {
+								let t = e.performanceScore >= 4 ? "text-status-success-text" : e.performanceScore >= 3 ? "text-status-warning-text" : "text-status-error-text";
+								return /* @__PURE__ */ _("div", {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ g("span", {
+										className: `font-semibold tabular-nums ${t}`,
+										children: e.performanceScore.toFixed(1)
+									}), /* @__PURE__ */ g(u, { className: `h-3.5 w-3.5 fill-current ${t}` })]
+								});
+							}
 						},
 						{
 							key: "status",
 							header: "Status",
-							cell: (e) => /* @__PURE__ */ g(v, {
+							cell: (e) => /* @__PURE__ */ g(ae, {
 								variant: e.status === "active" ? "default" : e.status === "on_leave" ? "secondary" : "destructive",
 								className: "text-[10px]",
 								children: e.status.replace("_", " ")
 							})
 						}
 					],
-					rowActions: (e) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(y, {
+					onRowClick: (e) => ve(e),
+					rowActions: (e) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(v, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-8 w-8 p-0",
 						"aria-label": `Edit ${e.firstName} ${e.lastName}`,
-						onClick: () => W.openModal(e),
-						children: /* @__PURE__ */ g(l, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ g(y, {
+						onClick: () => U.openModal(e),
+						children: /* @__PURE__ */ g(ne, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ g(v, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-8 w-8 p-0",
 						"aria-label": `Delete ${e.firstName} ${e.lastName}`,
-						onClick: () => K(e),
-						children: /* @__PURE__ */ g(ee, { className: "h-4 w-4 text-status-error-text" })
+						onClick: () => G(e),
+						children: /* @__PURE__ */ g(d, { className: "h-4 w-4 text-status-error-text" })
 					})] }),
 					emptyState: /* @__PURE__ */ g("div", {
 						className: "p-6",
-						children: /* @__PURE__ */ g(te, {
+						children: /* @__PURE__ */ g(ce, {
 							illustration: "empty-people",
 							title: "No employees match",
 							description: "Try a different search term or department filter."
 						})
 					})
-				}), Q.length > J && /* @__PURE__ */ g(D, {
-					page: q,
-					pageSize: J,
+				}), Q.length > K && /* @__PURE__ */ g(C, {
+					page: fe,
+					pageSize: K,
 					totalItems: Q.length,
-					onPageChange: X
+					onPageChange: J
 				})]
 			}) }),
-			/* @__PURE__ */ g(t, {
-				open: W.open,
-				onOpenChange: W.onOpenChange,
+			/* @__PURE__ */ g(r, {
+				open: U.open,
+				onOpenChange: U.onOpenChange,
 				title: $ ? "Edit employee" : "Add employee",
 				description: $ ? "Update this team member’s profile details." : "Add a new team member to your directory.",
-				fields: F,
-				initialValues: $ ? I($) : void 0,
+				fields: j,
+				initialValues: $ ? M($) : void 0,
 				submitLabel: $ ? "Save changes" : "Add employee",
 				onSubmit: async (e) => {
 					let t = {
-						id: $?.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"),
+						id: $?.id ?? c(),
+						firstName: s(e, "firstName"),
+						lastName: s(e, "lastName"),
+						email: s(e, "email"),
+						department: s(e, "department"),
+						position: s(e, "position"),
+						status: s(e, "status"),
+						type: s(e, "type"),
+						salary: o(e, "salary"),
+						startDate: s(e, "startDate"),
+						location: s(e, "location"),
+						phone: s(e, "phone"),
+						performanceScore: o(e, "performanceScore"),
+						skills: ee(e, "skills"),
+						terminationDate: $?.terminationDate,
 						managerId: $?.managerId,
 						avatar: $?.avatar
 					};
-					$ ? await z($.id, t) : await R(t);
+					$ ? await I($.id, t) : await F(t);
 				}
 			}),
-			/* @__PURE__ */ g(r, {
-				open: G !== null,
+			/* @__PURE__ */ g(a, {
+				open: W !== null,
 				onOpenChange: (e) => {
-					e || K(null);
+					e || G(null);
 				},
 				title: "Delete employee?",
-				description: G ? `${G.firstName} ${G.lastName} will be removed from the directory. This cannot be undone.` : void 0,
+				description: W ? `${W.firstName} ${W.lastName} will be removed from the directory. This cannot be undone.` : void 0,
 				confirmLabel: "Delete",
 				destructive: !0,
 				onConfirm: async () => {
-					G && (await B(G.id), K(null));
+					W && (await L(W.id), G(null));
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { L as HrEmployeesPagePage };
+export { N 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  Pagination,\n  ResponsiveTable,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { MapPin, Pencil, Plus, Search, Star, Trash2, UserCheck, Users } from 'lucide-react';\nimport { useCrewFoundryStore, type Employee } from '../store/crewfoundryStore';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} 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  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 25 });\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  const pageItems = filtered.slice(offset, offset + pageSize);\n\n  const handleSearchChange = (value: string) => {\n    setSearch(value);\n    setPage(1);\n  };\n  const handleDeptChange = (value: string) => {\n    setFilterDept(value);\n    setPage(1);\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  const columns: ResponsiveTableColumn<Employee>[] = [\n    {\n      key: 'name',\n      header: 'Name',\n      priority: 'primary',\n      cell: (emp) => (\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      ),\n    },\n    {\n      key: 'position',\n      header: 'Position',\n      cell: (emp) => <span className=\"text-text-secondary\">{emp.position}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      cell: (emp) => <span>{emp.department}</span>,\n    },\n    {\n      key: 'location',\n      header: 'Location',\n      cell: (emp) => (\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      ),\n    },\n    {\n      key: 'salary',\n      header: 'Salary',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (emp) => <span>${emp.salary.toLocaleString()}</span>,\n    },\n    {\n      key: 'rating',\n      header: 'Rating',\n      cell: (emp) => (\n        <div className=\"flex items-center gap-1\">\n          <Star className=\"h-3 w-3 text-status-warning-text\" />\n          <span>{emp.performanceScore}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (emp) => (\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      ),\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\">\n            Your complete employee directory — search, filter, and review everyone on the team along\n            with their role, department, and status.\n          </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 flex-col gap-3 sm:flex-row\">\n        <div className=\"relative flex-1 sm: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) => handleSearchChange(e.target.value)}\n          />\n        </div>\n        <Select value={filterDept} onValueChange={handleDeptChange}>\n          <SelectTrigger className=\"w-full sm:w-56\" aria-label=\"Filter by department\">\n            <SelectValue placeholder=\"All departments\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"all\">All departments</SelectItem>\n            {departments.map((dept) => (\n              <SelectItem key={dept} value={dept}>\n                {dept}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      <Card>\n        <CardContent className=\"space-y-4 p-4\">\n          <ResponsiveTable<Employee>\n            data={pageItems}\n            rowKey={(emp) => emp.id}\n            columns={columns}\n            rowActions={(emp) => (\n              <>\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              </>\n            )}\n            emptyState={\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          />\n          {filtered.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={filtered.length}\n              onPageChange={setPage}\n            />\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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"}
+{"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  Pagination,\n  ResponsiveTable,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { MapPin, Pencil, Plus, Search, Star, Trash2, UserCheck, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type Employee } from '../store/crewfoundryStore';\nimport { AvatarStack, SegmentedTabs } from '../components/viz';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getTags, 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    name: 'skills',\n    label: 'Skills',\n    type: 'tags',\n    colSpan: 2,\n    placeholder: 'Add a skill and press Enter',\n  },\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  skills: employee.skills,\n});\n\nexport function HrEmployeesPagePage() {\n  const navigate = useNavigate();\n  const { employees, addEmployee, updateEmployee, removeEmployee } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterDept, setFilterDept] = useState<string>('all');\n  const [filterStatus, setFilterStatus] = useState<'all' | 'active' | 'on_leave'>('all');\n  const form = useFormModal<Employee>();\n  const [deleting, setDeleting] = useState<Employee | null>(null);\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 25 });\n\n  const departments = [...new Set(employees.map((e) => e.department))];\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n\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    const matchStatus = filterStatus === 'all' || e.status === filterStatus;\n    return matchSearch && matchDept && matchStatus;\n  });\n  const pageItems = filtered.slice(offset, offset + pageSize);\n\n  const handleSearchChange = (value: string) => {\n    setSearch(value);\n    setPage(1);\n  };\n  const handleDeptChange = (value: string) => {\n    setFilterDept(value);\n    setPage(1);\n  };\n  const handleStatusChange = (value: string) => {\n    setFilterStatus(value as 'all' | 'active' | 'on_leave');\n    setPage(1);\n  };\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 openProfile = (employee: Employee) =>\n    navigate(`../hr/employee-profile-page?id=${encodeURIComponent(employee.id)}`);\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      skills: getTags(values, 'skills'),\n      // Preserve the exit date on edit (there is no exit-date input here); new\n      // employees have none. The store mapper passes it through when present.\n      terminationDate: editing?.terminationDate,\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  const columns: ResponsiveTableColumn<Employee>[] = [\n    {\n      key: 'name',\n      header: 'Employee',\n      priority: 'primary',\n      cell: (emp) => (\n        <div className=\"flex items-center gap-3\">\n          <AvatarStack\n            people={[{ name: `${emp.firstName} ${emp.lastName}`, avatarUrl: emp.avatar }]}\n            size={36}\n          />\n          <div className=\"min-w-0\">\n            <p className=\"truncate font-medium\">\n              {emp.firstName} {emp.lastName}\n            </p>\n            <p className=\"truncate text-xs text-text-secondary\">{emp.email}</p>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'position',\n      header: 'Position',\n      cell: (emp) => <span className=\"text-text-secondary\">{emp.position}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      cell: (emp) => <span>{emp.department}</span>,\n    },\n    {\n      key: 'location',\n      header: 'Location',\n      cell: (emp) => (\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      ),\n    },\n    {\n      key: 'salary',\n      header: 'Salary',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (emp) => <span>${emp.salary.toLocaleString()}</span>,\n    },\n    {\n      key: 'rating',\n      header: 'Performance',\n      cell: (emp) => {\n        const tone =\n          emp.performanceScore >= 4\n            ? 'text-status-success-text'\n            : emp.performanceScore >= 3\n              ? 'text-status-warning-text'\n              : 'text-status-error-text';\n        return (\n          <div className=\"flex items-center gap-1.5\">\n            <span className={`font-semibold tabular-nums ${tone}`}>\n              {emp.performanceScore.toFixed(1)}\n            </span>\n            <Star className={`h-3.5 w-3.5 fill-current ${tone}`} />\n          </div>\n        );\n      },\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (emp) => (\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      ),\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\">\n            Your complete employee directory — search, filter, and review everyone on the team along\n            with their role, department, and status.\n          </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 flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n        <SegmentedTabs\n          aria-label=\"Filter by status\"\n          value={filterStatus}\n          onChange={handleStatusChange}\n          tabs={[\n            { id: 'all', label: 'All', count: employees.length },\n            { id: 'active', label: 'Active', count: activeCount },\n            { id: 'on_leave', label: 'On Leave', count: onLeaveCount },\n          ]}\n        />\n        <div className=\"flex flex-col gap-3 sm:flex-row\">\n          <div className=\"relative flex-1 sm: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) => handleSearchChange(e.target.value)}\n            />\n          </div>\n          <Select value={filterDept} onValueChange={handleDeptChange}>\n            <SelectTrigger className=\"w-full sm:w-56\" aria-label=\"Filter by department\">\n              <SelectValue placeholder=\"All departments\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">All departments</SelectItem>\n              {departments.map((dept) => (\n                <SelectItem key={dept} value={dept}>\n                  {dept}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"space-y-4 p-4\">\n          <ResponsiveTable<Employee>\n            data={pageItems}\n            rowKey={(emp) => emp.id}\n            columns={columns}\n            onRowClick={(emp) => openProfile(emp)}\n            rowActions={(emp) => (\n              <>\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              </>\n            )}\n            emptyState={\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          />\n          {filtered.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={filtered.length}\n              onPageChange={setPage}\n            />\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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"}