@burdenoff/microfe-kadaikodi 2026.802.1 → 2026.830.1

package/dist/kadaikodi/pages/cart-owner/StaffManagementPage.js

@@ -2,380 +2,522 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
-import { useCreateProviderWorker as i, useProviderWorkers as a, useProviders as o } from "../../hooks/useKadaikodiApi.js";
+import { useCreateProviderWorker as i, useProviderWorkers as a, useProviders as o, useUpdateProviderWorker as ee } from "../../hooks/useKadaikodiApi.js";
 import { StatCard as s } from "../../components/viz/StatCard.js";
 import { AvatarStack as c } from "../../components/viz/AvatarStack.js";
 import "../../components/viz/index.js";
 import { useMemo as l, useState as u } from "react";
-import { AlertCircle as d, Briefcase as f, CheckCircle2 as p, Clock as m, Mail as h, Phone as g, Search as _, UserPlus as v, Users as y, X as b } from "lucide-react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { EmphasisPanel as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+import { AlertCircle as d, Briefcase as te, CheckCircle2 as f, ClipboardList as p, Clock as ne, Mail as m, Pencil as h, Phone as g, Search as re, UserPlus as _, Users as v, X as y } from "lucide-react";
+import { Fragment as ie, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmphasisPanel as ae, PagePurpose as oe } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/StaffManagementPage.tsx
-var ee = [
+var S = [
 	"MANAGER",
 	"CHEF",
 	"SERVER",
 	"DELIVERY",
 	"CASHIER"
-], E = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), D = (e) => {
+], C = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), w = (e) => {
 	let t = e.toUpperCase();
 	return t === "ACTIVE" ? {
-		label: E(e),
+		label: C(e),
 		color: "text-status-success-text",
 		dot: "bg-status-success-text"
 	} : t === "ON_LEAVE" || t === "ON-LEAVE" ? {
-		label: E(e),
+		label: C(e),
 		color: "text-status-warning-text",
 		dot: "bg-status-warning-text"
 	} : {
-		label: E(e),
+		label: C(e),
 		color: "text-text-secondary",
 		dot: "bg-muted-foreground"
 	};
-}, O = (e) => {
+}, T = (e) => {
 	if (!e || typeof e != "object") return {};
 	let t = e;
 	return {
 		email: typeof t.email == "string" ? t.email : void 0,
 		phone: typeof t.phone == "string" ? t.phone : void 0
 	};
-}, k = {
+}, E = {
 	name: "",
 	email: "",
 	phone: "",
 	role: "SERVER"
-}, A = () => {
-	let { currentUser: A } = e(), { data: j = [], isLoading: M } = o(), N = l(() => j.find((e) => e.ownerId === A?.id) ?? j[0], [j, A?.id]), P = N?.id, { data: F = [], isLoading: I } = a(P), L = i(), [R, z] = u(""), [B, V] = u(""), [H, U] = u(""), [W, G] = u(!1), [K, q] = u(k), [J, Y] = u(null), X = (e, t) => {
-		Y({
+}, D = (e, t) => {
+	if (!e) return !1;
+	let n = new Date(e);
+	return Number.isNaN(n.getTime()) ? !1 : n.getFullYear() === t.getFullYear() && n.getMonth() === t.getMonth() && n.getDate() === t.getDate();
+}, O = (e, t) => {
+	let n = e.tasks ?? [];
+	return {
+		assignedToday: n.filter((e) => D(e.assignedAt, t)).length,
+		truncated: n.length >= 100,
+		open: n.filter((e) => {
+			let t = e.status.toUpperCase();
+			return t !== "COMPLETED" && t !== "CANCELLED";
+		}).length
+	};
+}, k = () => {
+	let { currentUser: D } = e(), { data: k = [], isLoading: se } = o(), A = l(() => k.find((e) => e.ownerId === D?.id) ?? k[0], [k, D?.id]), j = A?.id, { data: M = [], isLoading: ce } = a(j), N = i(), P = ee(), [F, I] = u(""), [L, R] = u(""), [z, B] = u(""), [V, H] = u(!1), [U, W] = u(E), [G, K] = u(null), [q, J] = u(null), Y = (e, t) => {
+		J({
 			text: e,
 			type: t
-		}), setTimeout(() => Y(null), 3e3);
-	}, Z = l(() => [...new Set(F.map((e) => e.role))].sort(), [F]), te = l(() => [...new Set(F.map((e) => e.status))].sort(), [F]), ne = F.filter((e) => e.status.toUpperCase() === "ACTIVE").length, re = F.filter((e) => {
+		}), setTimeout(() => J(null), 3e3);
+	}, X = l(() => [...new Set(M.map((e) => e.role))].sort(), [M]), le = l(() => [...new Set(M.map((e) => e.status))].sort(), [M]), ue = M.filter((e) => e.status.toUpperCase() === "ACTIVE").length, de = M.filter((e) => {
 		let t = e.status.toUpperCase();
 		return t === "ON_LEAVE" || t === "ON-LEAVE";
-	}).length, Q = l(() => {
-		let e = [...F];
-		if (R) {
-			let t = R.toLowerCase();
+	}).length, Z = l(() => {
+		let e = /* @__PURE__ */ new Date();
+		return new Map(M.map((t) => [t.id, O(t, e)]));
+	}, [M]), fe = l(() => [...Z.values()].reduce((e, t) => e + t.assignedToday, 0), [Z]), pe = l(() => [...Z.values()].some((e) => e.truncated), [Z]), Q = l(() => {
+		let e = [...M];
+		if (F) {
+			let t = F.toLowerCase();
 			e = e.filter((e) => {
-				let n = O(e.metadata);
+				let n = T(e.metadata);
 				return e.name.toLowerCase().includes(t) || e.role.toLowerCase().includes(t) || (n.email ?? "").toLowerCase().includes(t) || (n.phone ?? "").includes(t);
 			});
 		}
-		return B && (e = e.filter((e) => e.role === B)), H && (e = e.filter((e) => e.status === H)), e.sort((e, t) => e.name.localeCompare(t.name)), e;
+		return L && (e = e.filter((e) => e.role === L)), z && (e = e.filter((e) => e.status === z)), e.sort((e, t) => e.name.localeCompare(t.name)), e;
 	}, [
+		M,
 		F,
-		R,
-		B,
-		H
-	]), $ = !!(R || B || H);
-	return /* @__PURE__ */ C(n, {
+		L,
+		z
+	]), $ = !!(F || L || z);
+	return /* @__PURE__ */ x(n, {
 		title: "Staff Management",
 		description: "Manage your workers and delivery partners",
-		actions: /* @__PURE__ */ C("button", {
+		actions: /* @__PURE__ */ x("button", {
 			type: "button",
 			onClick: () => {
-				q(k), G(!0);
+				W(E), H(!0);
 			},
-			disabled: !P,
-			className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", P ? "bg-accent text-text-primary hover:bg-accent/80" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-			children: [/* @__PURE__ */ S(v, { className: "h-4 w-4" }), "Add Staff"]
+			disabled: !j,
+			className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", j ? "bg-accent text-text-primary hover:bg-accent/80" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+			children: [/* @__PURE__ */ b(_, { className: "h-4 w-4" }), "Add Staff"]
 		}),
 		children: [
-			/* @__PURE__ */ S(T, {
+			/* @__PURE__ */ b(oe, {
 				className: "mb-6",
 				children: "Your team in one place. Use this page to add workers and delivery partners to your cart, see who's active, and keep your roster organised so orders go out on time. Build a reliable crew around your cart."
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ x("div", {
 				className: "space-y-4",
-				children: [J && /* @__PURE__ */ C("div", {
-					className: t("flex items-center gap-2 rounded-lg border p-3", J.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
-					children: [J.type === "success" ? /* @__PURE__ */ S(p, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ S(d, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ S("span", {
-						className: t("text-sm font-medium", J.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-						children: J.text
+				children: [q && /* @__PURE__ */ x("div", {
+					className: t("flex items-center gap-2 rounded-lg border p-3", q.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
+					children: [q.type === "success" ? /* @__PURE__ */ b(f, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ b(d, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ b("span", {
+						className: t("text-sm font-medium", q.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+						children: q.text
 					})]
-				}), M ? /* @__PURE__ */ S("div", {
+				}), se ? /* @__PURE__ */ b("div", {
 					className: "flex items-center justify-center py-24",
-					children: /* @__PURE__ */ S("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
-				}) : N ? /* @__PURE__ */ C(x, { children: [
-					/* @__PURE__ */ C(w, { children: [/* @__PURE__ */ C("div", {
+					children: /* @__PURE__ */ b("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
+				}) : A ? /* @__PURE__ */ x(ie, { children: [
+					/* @__PURE__ */ x(ae, { children: [/* @__PURE__ */ x("div", {
 						className: "mb-4 flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ S("h2", {
+						children: [/* @__PURE__ */ b("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Team Overview"
-						}), F.length > 0 && /* @__PURE__ */ S(c, {
-							people: F.map((e) => ({
+						}), M.length > 0 && /* @__PURE__ */ b(c, {
+							people: M.map((e) => ({
 								name: e.name,
 								role: e.role
 							})),
 							max: 6,
 							size: 30
 						})]
-					}), /* @__PURE__ */ C("div", {
-						className: "grid grid-cols-2 sm:grid-cols-4 gap-3",
+					}), /* @__PURE__ */ x("div", {
+						className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3",
 						children: [
-							/* @__PURE__ */ S(s, {
+							/* @__PURE__ */ b(s, {
 								label: "Total Staff",
-								value: F.length,
-								icon: /* @__PURE__ */ S(y, { className: "h-4 w-4" })
+								value: M.length,
+								icon: /* @__PURE__ */ b(v, { className: "h-4 w-4" })
 							}),
-							/* @__PURE__ */ S(s, {
+							/* @__PURE__ */ b(s, {
 								label: "Active",
-								value: /* @__PURE__ */ S("span", {
+								value: /* @__PURE__ */ b("span", {
 									className: "text-status-success-text",
-									children: ne
+									children: ue
 								}),
-								icon: /* @__PURE__ */ S(p, { className: "h-4 w-4" })
+								icon: /* @__PURE__ */ b(f, { className: "h-4 w-4" })
 							}),
-							/* @__PURE__ */ S(s, {
+							/* @__PURE__ */ b(s, {
 								label: "On Leave",
-								value: /* @__PURE__ */ S("span", {
+								value: /* @__PURE__ */ b("span", {
 									className: "text-status-warning-text",
-									children: re
+									children: de
 								}),
-								icon: /* @__PURE__ */ S(m, { className: "h-4 w-4" })
+								icon: /* @__PURE__ */ b(ne, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ b(s, {
+								label: "Assigned Today",
+								value: `${fe}${pe ? "+" : ""}`,
+								icon: /* @__PURE__ */ b(p, { className: "h-4 w-4" })
 							}),
-							/* @__PURE__ */ S(s, {
+							/* @__PURE__ */ b(s, {
 								label: "Roles",
-								value: Z.length,
-								icon: /* @__PURE__ */ S(f, { className: "h-4 w-4" })
+								value: X.length,
+								icon: /* @__PURE__ */ b(te, { className: "h-4 w-4" })
 							})
 						]
 					})] }),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ b("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-						children: /* @__PURE__ */ C("div", {
+						children: /* @__PURE__ */ x("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ x("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ S(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ S("input", {
+									children: [/* @__PURE__ */ b(re, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
 										type: "text",
 										placeholder: "Search staff...",
-										value: R,
-										onChange: (e) => z(e.target.value),
+										value: F,
+										onChange: (e) => I(e.target.value),
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})]
 								}),
-								/* @__PURE__ */ C("select", {
-									value: B,
-									onChange: (e) => V(e.target.value),
+								/* @__PURE__ */ x("select", {
+									value: L,
+									onChange: (e) => R(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-									children: [/* @__PURE__ */ S("option", {
+									children: [/* @__PURE__ */ b("option", {
 										value: "",
 										children: "All Roles"
-									}), Z.map((e) => /* @__PURE__ */ S("option", {
+									}), X.map((e) => /* @__PURE__ */ b("option", {
 										value: e,
-										children: E(e)
+										children: C(e)
 									}, e))]
 								}),
-								/* @__PURE__ */ C("select", {
-									value: H,
-									onChange: (e) => U(e.target.value),
+								/* @__PURE__ */ x("select", {
+									value: z,
+									onChange: (e) => B(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-									children: [/* @__PURE__ */ S("option", {
+									children: [/* @__PURE__ */ b("option", {
 										value: "",
 										children: "All Status"
-									}), te.map((e) => /* @__PURE__ */ S("option", {
+									}), le.map((e) => /* @__PURE__ */ b("option", {
 										value: e,
-										children: E(e)
+										children: C(e)
 									}, e))]
 								})
 							]
 						})
 					}),
-					I ? /* @__PURE__ */ S("div", {
+					ce ? /* @__PURE__ */ b("div", {
 						className: "flex items-center justify-center py-16",
-						children: /* @__PURE__ */ S("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
-					}) : Q.length === 0 ? /* @__PURE__ */ S(r, {
+						children: /* @__PURE__ */ b("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
+					}) : Q.length === 0 ? /* @__PURE__ */ b(r, {
 						illustration: $ ? "empty-search" : "empty-people",
 						title: "No staff members found",
 						description: $ ? "No team members match your current filters. Try clearing them or searching for a different name." : "You have no staff yet. Add your first worker or delivery partner to start building your team.",
-						action: $ ? /* @__PURE__ */ S("button", {
+						action: $ ? /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: () => {
-								z(""), V(""), U("");
+								I(""), R(""), B("");
 							},
 							className: "rounded-md border border-border-subtle px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken",
 							children: "Clear filters"
-						}) : /* @__PURE__ */ C("button", {
+						}) : /* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: () => {
-								q(k), G(!0);
+								W(E), H(!0);
 							},
 							className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80",
-							children: [/* @__PURE__ */ S(v, { className: "h-4 w-4" }), "Add Staff"]
+							children: [/* @__PURE__ */ b(_, { className: "h-4 w-4" }), "Add Staff"]
 						})
-					}) : /* @__PURE__ */ S("div", {
+					}) : /* @__PURE__ */ b("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm divide-y divide-border",
 						children: Q.map((e) => {
-							let n = D(e.status), r = O(e.metadata);
-							return /* @__PURE__ */ S("div", {
+							let n = w(e.status), r = T(e.metadata), i = Z.get(e.id);
+							return /* @__PURE__ */ b("div", {
 								className: "p-4 sm:p-5 hover:bg-bg-sunken/30 transition-colors",
-								children: /* @__PURE__ */ S("div", {
+								children: /* @__PURE__ */ x("div", {
 									className: "flex flex-col sm:flex-row sm:items-center gap-4",
-									children: /* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ x("div", {
 										className: "flex items-center gap-4 flex-1 min-w-0",
-										children: [/* @__PURE__ */ C("div", {
+										children: [/* @__PURE__ */ x("div", {
 											className: "relative shrink-0",
-											children: [/* @__PURE__ */ S("div", {
+											children: [/* @__PURE__ */ b("div", {
 												className: "flex h-12 w-12 items-center justify-center rounded-full bg-bg-sunken text-sm font-semibold text-text-primary",
 												children: e.name.split(" ").map((e) => e[0]).filter(Boolean).slice(0, 2).join("").toUpperCase() || "?"
-											}), /* @__PURE__ */ S("span", { className: t("absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full border-2 border-card", n.dot) })]
-										}), /* @__PURE__ */ C("div", {
+											}), /* @__PURE__ */ b("span", { className: t("absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full border-2 border-card", n.dot) })]
+										}), /* @__PURE__ */ x("div", {
 											className: "flex-1 min-w-0",
-											children: [/* @__PURE__ */ C("div", {
+											children: [/* @__PURE__ */ x("div", {
 												className: "flex items-center gap-2 flex-wrap",
 												children: [
-													/* @__PURE__ */ S("p", {
+													/* @__PURE__ */ b("p", {
 														className: "text-sm font-medium text-text-primary",
 														children: e.name
 													}),
-													/* @__PURE__ */ S("span", {
+													/* @__PURE__ */ b("span", {
 														className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-[var(--color-accent-soft)] text-text-primary",
-														children: E(e.role)
+														children: C(e.role)
 													}),
-													/* @__PURE__ */ S("span", {
+													/* @__PURE__ */ b("span", {
 														className: t("text-xs", n.color),
 														children: n.label
 													})
 												]
-											}), (r.email || r.phone) && /* @__PURE__ */ C("div", {
+											}), (r.email || r.phone) && /* @__PURE__ */ x("div", {
 												className: "flex items-center gap-3 mt-1 text-xs text-text-secondary flex-wrap",
-												children: [r.email && /* @__PURE__ */ C("span", {
+												children: [r.email && /* @__PURE__ */ x("span", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ S(h, { className: "h-3 w-3" }), r.email]
-												}), r.phone && /* @__PURE__ */ C("span", {
+													children: [/* @__PURE__ */ b(m, { className: "h-3 w-3" }), r.email]
+												}), r.phone && /* @__PURE__ */ x("span", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ S(g, { className: "h-3 w-3" }), r.phone]
+													children: [/* @__PURE__ */ b(g, { className: "h-3 w-3" }), r.phone]
 												})]
 											})]
 										})]
-									})
+									}), /* @__PURE__ */ x("div", {
+										className: "flex items-center gap-4 sm:justify-end",
+										children: [i && /* @__PURE__ */ x("div", {
+											className: "text-xs text-text-secondary",
+											children: [/* @__PURE__ */ x("p", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ b(p, { className: "h-3 w-3" }),
+													/* @__PURE__ */ x("span", {
+														className: "tabular-nums text-text-primary",
+														children: [i.assignedToday, i.truncated ? "+" : ""]
+													}),
+													"assigned today"
+												]
+											}), /* @__PURE__ */ x("p", {
+												className: "mt-0.5",
+												children: [/* @__PURE__ */ b("span", {
+													className: "tabular-nums",
+													children: i.open
+												}), " open"]
+											})]
+										}), /* @__PURE__ */ b("button", {
+											type: "button",
+											onClick: () => K({
+												id: e.id,
+												name: e.name,
+												email: r.email ?? "",
+												phone: r.phone ?? ""
+											}),
+											"aria-label": `Edit contact details for ${e.name}`,
+											className: "rounded-md border border-border-subtle p-2 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
+											children: /* @__PURE__ */ b(h, { className: "h-4 w-4" })
+										})]
+									})]
 								})
 							}, e.id);
 						})
 					})
-				] }) : /* @__PURE__ */ S(r, {
+				] }) : /* @__PURE__ */ b(r, {
 					illustration: "empty-people",
 					title: "Create your cart first",
 					description: "You need a service provider before you can add staff. Set up your cart to get started."
 				})]
 			}),
-			W && /* @__PURE__ */ S("div", {
+			G && /* @__PURE__ */ b("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				children: /* @__PURE__ */ b("div", {
+					className: "w-full max-w-md rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
+					children: /* @__PURE__ */ x("div", {
+						className: "p-6",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "flex items-center justify-between mb-1",
+								children: [/* @__PURE__ */ b("h3", {
+									className: "text-lg font-semibold text-text-primary",
+									children: "Edit contact details"
+								}), /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => K(null),
+									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken",
+									children: /* @__PURE__ */ b(y, { className: "h-5 w-5" })
+								})]
+							}),
+							/* @__PURE__ */ b("p", {
+								className: "mb-4 text-sm text-text-secondary",
+								children: G.name
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "space-y-4",
+								children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Email"
+								}), /* @__PURE__ */ b("input", {
+									type: "email",
+									value: G.email,
+									onChange: (e) => K((t) => t && {
+										...t,
+										email: e.target.value
+									}),
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
+								})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Phone"
+								}), /* @__PURE__ */ b("input", {
+									type: "tel",
+									value: G.phone,
+									onChange: (e) => K((t) => t && {
+										...t,
+										phone: e.target.value
+									}),
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
+								})] })]
+							}),
+							/* @__PURE__ */ b("p", {
+								className: "mt-3 text-xs text-text-muted",
+								children: "Name, role and employment status are set when a worker is added and cannot be changed here."
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "flex gap-3 mt-6",
+								children: [/* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => K(null),
+									className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+									children: "Cancel"
+								}), /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => {
+										if (!G) return;
+										let e = G.email.trim(), t = G.phone.trim();
+										P.mutate({
+											id: G.id,
+											metadata: {
+												email: e,
+												phone: t
+											}
+										}, {
+											onSuccess: () => {
+												K(null), Y("Contact details updated", "success");
+											},
+											onError: () => Y("Could not update contact details. Please try again.", "error")
+										});
+									},
+									disabled: P.isPending,
+									className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", P.isPending ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
+									children: P.isPending ? "Saving..." : "Save"
+								})]
+							})
+						]
+					})
+				})
+			}),
+			V && /* @__PURE__ */ b("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "w-full max-w-lg rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
-					children: /* @__PURE__ */ C("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "p-6",
 						children: [
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ x("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ S("h3", {
+								children: [/* @__PURE__ */ b("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Add Staff Member"
-								}), /* @__PURE__ */ S("button", {
+								}), /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => G(!1),
+									onClick: () => H(!1),
 									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken",
-									children: /* @__PURE__ */ S(b, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ b(y, { className: "h-5 w-5" })
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ x("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Full Name *"
-									}), /* @__PURE__ */ S("input", {
+									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: K.name,
-										onChange: (e) => q((t) => ({
+										value: U.name,
+										onChange: (e) => W((t) => ({
 											...t,
 											name: e.target.value
 										})),
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }),
-									/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Email"
-									}), /* @__PURE__ */ S("input", {
+									}), /* @__PURE__ */ b("input", {
 										type: "email",
-										value: K.email,
-										onChange: (e) => q((t) => ({
+										value: U.email,
+										onChange: (e) => W((t) => ({
 											...t,
 											email: e.target.value
 										})),
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ x("div", {
 										className: "grid grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Phone"
-										}), /* @__PURE__ */ S("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "tel",
-											value: K.phone,
-											onChange: (e) => q((t) => ({
+											value: U.phone,
+											onChange: (e) => W((t) => ({
 												...t,
 												phone: e.target.value
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-										})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+										})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Role *"
-										}), /* @__PURE__ */ S("select", {
-											value: K.role,
-											onChange: (e) => q((t) => ({
+										}), /* @__PURE__ */ b("select", {
+											value: U.role,
+											onChange: (e) => W((t) => ({
 												...t,
 												role: e.target.value
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-											children: ee.map((e) => /* @__PURE__ */ S("option", {
+											children: S.map((e) => /* @__PURE__ */ b("option", {
 												value: e,
-												children: E(e)
+												children: C(e)
 											}, e))
 										})] })]
 									})
 								]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ x("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ S("button", {
+								children: [/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => G(!1),
+									onClick: () => H(!1),
 									className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 									children: "Cancel"
-								}), /* @__PURE__ */ S("button", {
+								}), /* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => {
-										if (!K.name.trim() || !K.role) {
-											X("Please provide a name and role", "error");
+										if (!U.name.trim() || !U.role) {
+											Y("Please provide a name and role", "error");
 											return;
 										}
-										if (!P) {
-											X("No cart found to add staff to", "error");
+										if (!j) {
+											Y("No cart found to add staff to", "error");
 											return;
 										}
-										L.mutate({
-											providerId: P,
-											name: K.name.trim(),
-											role: K.role,
-											workerId: K.email.trim() || K.name.trim(),
+										N.mutate({
+											providerId: j,
+											name: U.name.trim(),
+											role: U.role,
+											workerId: U.email.trim() || U.name.trim(),
 											metadata: {
-												email: K.email.trim() || void 0,
-												phone: K.phone.trim() || void 0
+												email: U.email.trim() || void 0,
+												phone: U.phone.trim() || void 0
 											}
 										}, {
 											onSuccess: () => {
-												G(!1), q(k), X("Staff member added successfully", "success");
+												H(!1), W(E), Y("Staff member added successfully", "success");
 											},
-											onError: () => X("Could not add staff member. Please try again.", "error")
+											onError: () => Y("Could not add staff member. Please try again.", "error")
 										});
 									},
-									disabled: L.isPending,
-									className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", L.isPending ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
-									children: L.isPending ? "Adding..." : "Add Staff"
+									disabled: N.isPending,
+									className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", N.isPending ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
+									children: N.isPending ? "Adding..." : "Add Staff"
 								})]
 							})
 						]
@@ -386,6 +528,6 @@ var ee = [
 	});
 };
 //#endregion
-export { A as StaffManagementPage };
+export { k as StaffManagementPage };
 
 //# sourceMappingURL=StaffManagementPage.js.map